Internetauftritt: Hochschulpartnerschaften - Datenbank

Transkript

1 Hochschule für Technik, Wirtschaft und Kultur Leipzig (FH) University of Applied Sciences Internetauftritt: Hochschulpartnerschaften - Datenbank Modul: Anleitung für Typo3 bzgl. Partnerhochschulen einpflegen Dokumenthistory: Dokument Version Änderungen Autor Datum 0.1 Beschreibung erstellt Schmeisser Formatierungen SS HTWK - Leipzig Karl-Liebknecht-Straße Leipzig Telefon (0341) Telefax (0341) Internet Leipzig, am O:\Internetauftritt\schulung_anleitung_installation\Typo3_Anleitung_Hochschulpartnerschaften_datenbank.doc

2 Inhaltsverzeichnis / Strukturübersicht: 1. Ziel Grundfunktionen der Partnerhochschuldatenbank Einrichtung einer neuen Partnerhochschule Anlegen einer neuen Partnerhochschule für Googlemaps Anlegen einer neuen Webseite für die Partnerhochschule Seiteninhalt für neue Partnerhochschule einstellen Vermerken der neue Partnerhochschulseite in der Datenbank Verknüpfung Objekt mit Partnerseite Testen der erzeugten Einträge Anlegen neuer Bereiche für Linkes Menü / Kategorienfilter Weitere Hinweise:...15

3 1. Ziel Dieses Dokument beschreibt wie man neue Hochschulpartnerschaften im Typo3 System (Webseite der HTWK Leipzig) einfügt. Es läst sich aus dieser Anleitung auch ableiten wie man vorhandene Partnerhochschulen im Typo3 System ändert. 2. Grundfunktionen der Partnerhochschuldatenbank 1. Weltkarte (Google Map) mit allen Partnerhochschulen eingezeichnet, klickbar 2. Detailseite je Partnerhochschule mit beliebigen Inhalten z.b. Ansprechpartnern, Kontakt/Adressdaten, Fließtext, Bilder / Bildergallerien, Google Karte mit exakt eingezeichneter Lage, beliebig viele Unterseiten wenn nötig 3. Filtermöglichkeit nach zuvor definierten Kategorien z.b. relevanz für bestimmte Fakultät / Studiengang oder Regionenzuordnung. Darstellung gefilterter Ergebnisse ebenfalls auf einer Weltkarte (Google Maps) klickbar und als Liste. 3. Einrichtung einer neuen Partnerhochschule 3.1 Anlegen einer neuen Partnerhochschule für Googlemaps Im Typo3 Backend links die Funktion WEB->LISTE wählen und im Strukturbaum auf: HTWK Leipzig -> HTWK Leipzig -> Startseite -> Internationales -> Partnerhochschuldatenbank klicken (je Nach Benutzer ist diese Datenbank Partnerhochschuldatenbank auch direkt im Strukturbaum auf oberster Ebene anklickbar). Anlegen eines neuen HTWK Objekts per Button Datensatz hinzufügen: Ausfüllen aller im Formular angezeigten Felder mit den korrekten Daten: O:\Internetauftritt\schulung_anleitung_installation\Typo3_Anleitung_Hochschulpartnerschaften_datenbank.doc Seite 3 von 15

4 Für die Ermittlung der Geografischen Länge und Breite bitte Google Maps verwenden und exakt die Hochschule auf der Karte heraussuchen. Zum Beispiel: n= , &ie=utf8&hq=htwk&hnear=&t=h&ll= , &spn= , &z=18&iwloc=A Auf der Googlemaps Webseite kann dann siehe Screenshot die URL ermittelt werden: O:\Internetauftritt\schulung_anleitung_installation\Typo3_Anleitung_Hochschulpartnerschaften_datenbank.doc Seite 4 von 15

5 In dieser URL stehen die Koordinaten nach der Zeichenkette &ll= im obigen Beispiel: , Die Parameter sind nun wie folgt zu interpretieren der Wert steht für die Geografische Länge, steht für die geografische Breite. Diese Werte sind dann in das Formular einzufügen. Das Feld URL wird vorerst nicht ausgefüllt da wir erst im nächsten Schritt eine Seite anlegen. Bitte speichern Sie nun das Objekt. 3.2 Anlegen einer neuen Webseite für die Partnerhochschule Im Typo3 Backend klicken Sie nun im Strukturbaum die Seite unter der alle Partnerhochschulen eingefügt wurden. Z.B. HTWK Leipzig -> HTWK Leipzig -> Startseite -> Internationales -> Kooperationen -> Übersicht Hochschulpartnerschaften (je Nach Benutzer ist dieser Ordner Übersicht Hochschulpartnerschaften auch direkt im Strukturbaum auf oberster Ebene anklickbar oder inzwischen mit einer anderen Bezeichnung versehen worden). In jedem Fall sollten unter diesem Ordner die bisher eingepflegten Partnerhochschulen aufgelistet sein. Klicken Sie nun auf Neue Seite Anlegen. Fügen Sie nun möglichst alphabetisch korrekt zwischen die vorhandenen Partnerhochschulen die neue ein. Durch den klick auf den kleinen grünen Pfeil an der gewünschten Stelle. O:\Internetauftritt\schulung_anleitung_installation\Typo3_Anleitung_Hochschulpartnerschaften_datenbank.doc Seite 5 von 15

6 Im nächsten Schritt wählen Sie als Vorlage Unterseite (Unterseite mit rechter Teaserspalte). Tragen Sie nun bei Seitentitel den Namen der neuen Partnerhochschule ein und Speichern durch klick auf. Wichtig wir müssen nun die Seiteneinstellungen anpassen durch klick auf das bearbeiten Icon siehe: O:\Internetauftritt\schulung_anleitung_installation\Typo3_Anleitung_Hochschulpartnerschaften_datenbank.doc Seite 6 von 15

7 Setzen Sie nun ein Häkchen unter Im Menü verbergen und speichern Sie die Seite per 3.3 Seiteninhalt für neue Partnerhochschule einstellen Wählen Sie im Typo3 Backend links die Funktion Web -> Seite aus und klicken im Strukturbaum auf die zuvor neu angelegte Partnerhochschulseite. (ggf. im Strukturbaum den aktualisieren Button drücken ). Auf der neuen Seite müssen nun die gewünschten Inhalte eingestellt werden z.b. 1. Ein Textblock ggf. mit Bild der Partnerhochschule der kurz den Namen, Ort und Schwerpunkt der Partnerhochschule bzw. den Kooperationsinhalt darlegt. 2. Nun könnte ein allgemeiner Textblock folgen mit Hinweisen zur Bewerbung an einer bzw. dieser Hochschule bzw. was es für Möglichkeiten des Austauschs gibt. 3. Im unteren bereich des Inhaltes sollte eine GoogleKarte eingeblendet werden mit der eingezeichneten Lage der Hochschule. Kopieren Sie dazu eine bereits am Beispiel angelegte Googlekarte von einer anderen Partnerhochschulseite und bearbeiten Sie das kopierte Element. Fügen Sie unter Bereich die anzuzeigende Hochschule ein siehe Schritt 5. im folgenden Bild. O:\Internetauftritt\schulung_anleitung_installation\Typo3_Anleitung_Hochschulpartnerschaften_datenbank.doc Seite 7 von 15

8 4. 5. Beim klick das Icon Ordner durchblättern siehe oben Schritt 5. öffnet sich ein neues Fenster indem Sie wie im folgenden dargestellt zuerst per klick auf die Partnerhochschuldatenbank anschließend die Partnerhochschule auswählen können. Verwenden Sie ggf. das Suchfeld falls es zu viele Einträge gibt. Beim Klick auf den Namen der gewünschten Hochschule sollte sich das Fenster schließen. O:\Internetauftritt\schulung_anleitung_installation\Typo3_Anleitung_Hochschulpartnerschaften_datenbank.doc Seite 8 von 15

9 6. 7. Nun bitte die vorgenommen Änderungen an dem Googlemaps Inhaltselement speichern 8. In der Rechten Teaser Spalte sollte wenn möglich die Kontaktdaten der Partnerhochschule und dortige Ansprechpartner / Name, Internetadresse der Hochschule und ggf. ein Logo eingebettet werden 9. Sie können gern weitere Fotos / Bildergallerien oder Mitteilungen auf die jeweilige Partnerhochschulseite stellen z.b. über erfolgte Besuche oder Projekte, Nachrichten usw. 3.4 Vermerken der neue Partnerhochschulseite in der Datenbank Klicken Sie im Typo3 Backend links auf Web -> Liste und wählen im Strukturbaum die Partnerhochschuldatenbank. Nun fügen Sie dort unter dem Punkt News einen neuen Datensatz hinzu oder duplizieren (Kopieren -> Einfügen) sich einen bestehenden Datensatz. O:\Internetauftritt\schulung_anleitung_installation\Typo3_Anleitung_Hochschulpartnerschaften_datenbank.doc Seite 9 von 15

10 Der Typ der Nachricht sollte auf Link zu interner Seite eingestellt werden. Sollten Sie dieses Feld nicht zur Auswahl haben duplizieren Sie sich eine bestehenden Datensatz. Füllen Sie alle Felder sinnvoll aus Wichtig stellen Sie unter Verweis auf Seite die zuvor angelegte Webseite der Partnerhochschule ein. Wechseln Sie nun in die Reiterkarte Relations und wählen aus in welche Kategorie die Hochschule fällt. Je nachdem für welche Fakultät die Partnerhochschule relevant ist können die entsprechenden Kategorien hinzugefügt werden. Ggf. werden im laufe des Prozesses auch weitere Kategorien definiert z.b. bestimmte Förderfähige Kriterien oder Zielgruppen (Studenten/ Dozenten) oder Länder dies entscheidet Frau Mühl bzw. Fr. Hinrichs bitte daher den aktuellen Stand beachten. O:\Internetauftritt\schulung_anleitung_installation\Typo3_Anleitung_Hochschulpartnerschaften_datenbank.doc Seite 10 von 15

11 Optional kann auch ein Bild vorzugsweise das Logo der Partnerhochschule eingefügt werden dies wird dann im Listing mit ausgegeben. Nun bitte den Eintrag speichern 3.5 Verknüpfung Objekt mit Partnerseite Nun müssen wir erneut das im ersten Schritt angelegte Objekt bearbeiten und dem Objekt die angelegte Partnerhochschulseite zuweisen: Also Web -> Liste wählen. Klick auf Partnerhochschuledatenbank. Wählen Sie unter HTWK Objekt die gewünschte Partnerhochschule und klicken den Stift bearbeiten. Wählen Sie nun in dem Feld URL die gewünschte zuvor angelegte Partnerhochschulseite aus. Und Speichern die Änderung. O:\Internetauftritt\schulung_anleitung_installation\Typo3_Anleitung_Hochschulpartnerschaften_datenbank.doc Seite 11 von 15

12 3.6 Testen der erzeugten Einträge Durch die erfolgten Änderungen sollte nun auf der Übersichtsseite über alle Hochschulpartnerschaften die neue Hochschule auf der Googlekarte erscheinen. Am folgenden Beispiel sind aber nur 2 Hochschulen eingepflegt: O:\Internetauftritt\schulung_anleitung_installation\Typo3_Anleitung_Hochschulpartnerschaften_datenbank.doc Seite 12 von 15

13 Beim Klick auf den Pin in der Karte sollten die Angaben zur Hochschule exakt erscheinen und einen Link aufweisen O:\Internetauftritt\schulung_anleitung_installation\Typo3_Anleitung_Hochschulpartnerschaften_datenbank.doc Seite 13 von 15

14 Beim Klick auf den Link sollte man auf die angelegte Partnerhochschulseite gelangen. Weiterhin testen Sie bitte im Frontend links im Menü das dort per Klick auf eine Fakultät z.b. Bauwesen: Sich eine neue Seite öffnet auf der die neu eingetragene Partnerhochschule auch gelistet wird: Beim Klick auf die gelistet Hochschule sollten Sie wieder auf die neu angelegte Hochschulpartnerseite landen. 3.7 Anlegen neuer Bereiche für Linkes Menü / Kategorienfilter Aktuell müssen noch gewünschte Filtermöglichkeiten definiert werden z.b. alle Fakultäten. Dazu legt man per Web -> Liste auf der Partnerhochschuldatenbank weitere Kategorien an analog der vorhandenen Kategorie Partnerhochschule für Fakultät Bauwesen. Weiterhin ist es nötig unter der Übersicht Hochschulpartnerschaften weitere Seiten anzulegen auf der jeweils die gewünschten Kategorien gefiltert werden. Dazu einfach im Strukturbaum auf Übersicht Hochschulpartnerschaften Klicken und darunter eine neue Seite anlegen. Auf dieser Seite muss nun analog der vorhandenen Filterseiten z.b. Bauwesen der Inhalt dupliziert werden und entsprechend angepasst werden. Z.B: Der jeweilige Ansprechpartner rechts, die Überschriften und Texte sowie für das Listing die zu filternden Kategorien. Dazu in dem Plugin: News Display O:\Internetauftritt\schulung_anleitung_installation\Typo3_Anleitung_Hochschulpartnerschaften_datenbank.doc Seite 14 von 15

15 List Element -> Reiterkarte Plugin -> Allgemeine Einstellungen unter Kategorienauswahl die zuvor neu angelegten Kategorien auswählen / hinzufügen. Weiterhin muss auf der Seite das Element für die googlekarte bearbeitet werden und dort die anzuzeigenden Partnerhochschulen auswählen / hinzufügen. 3.8 Weitere Hinweise: Bitte die ggf. verwendete Bilder im Backend unter AAA in einen neuen Ordner z.b. partnerhochschulen ablegen und dort jeweils Unterordner nach dem Namen der jeweiligen Hochschule anlegen ggf. noch Unterordner für logo anlegen. O:\Internetauftritt\schulung_anleitung_installation\Typo3_Anleitung_Hochschulpartnerschaften_datenbank.doc Seite 15 von 15