WEBDESIGN DES INSTITUTS FUER INFORMATIK PD Dr.-Ing. F. Hauck 08.03.2002 Grundsaetze: ------------ Der Web-Inhalt (Content) besteht aus einem Baum. Der Wurzelknoten entspricht der Hauptseite des Instituts. Ein Knoten zeigt jeweils seine Nachfolgeknoten in der Navigationsleiste als Links an. Ein Verweis auf Knoten mit gleichem Vaterknoten gibt es nicht. Ueber den Links zu Nachfolgeknoten befindet sich ein Kurztitel der aktuellen Seite. Dies ist zwar eine Wiederholung, ist jedoch notwendig um die Links in den entsprechenden Kontext zu setzen. Links auf Nachfolge- bzw. Kindknoten sind niemals Named-Anchors, d.h. sie verweisen immer auf eine neue Seite. Named-Anchor-Links sind nur innerhalb einer Seite erlaubt. Eine Seite fasst immer die Nachfolgeknoten zusammen, d.h. Nachfolgeknoten sind nicht nur im Navigationsbereich sondern immer auch im Inhaltsbereich einer Seite/eines Knotens aufgefuehrt. Die Referenzsicherung zwischen Inhaltsrahmen und Kopf zeigt den aktuellen Knoten in seiner Baumposition mit allen Vaterknoten an. So kann schnell nach "oben" navigiert werden. Im Logobereich wird ein domaenenabhaengiges Logo eingeblendet und mit einem Domaenentitel versehen. Domaenen sind das Institut und die Lehrstuehle. Weitere Domaenen sind denkbar, z.B. Forschungsprojekte etc. Eine Demonstration befindet sich unter http://www4.informatik.uni-erlangen.de/~fzhauck/Webdesign.4718/ Unter Kontakt findet sich eine Sammlung von Stilelementen. Normaler Text wird mit ausgezeichnet. Auf der Seite sind einige zentral angeordnete Knöpfe und Schaltflächen angebracht, denen folgende Bedeutung zukommt: Drucken: führt zu einer Seite gleichen Inhalts, die allerdings besser zum Ausdrucken geeignet ist. Nach einem Kopfteil kommt unmittelbar der Inhaltsbereich ohne Navigationsteil. Die Referenzsicherung sollte angebracht bleiben. Suche: führt zu einer Seite mit mehreren Suchmöglichkeiten - Suche innerhalb des gleichen Servers - Suche innerhalb des Instituts - Suche innerhalb der Uni UnivIS: führt zu einer Seite mit wichtigen Zugangslinks zum UnivIS z.B. Hauptseite, Lehrveranstaltungen des UnivIS, Personensuche und ähnliche Englisch: englische Version der gleichen Seite (auf englischer Version entsprechender Link für Deutsch) Impressum: zumindest serverbasierte Impressumseite mit der Nennung des V.i.S.d.P. (besser noch pro Seite individuelles Impressum mit Verantwortlichem) Struktur des Inhalts: --------------------- Knoten des Content-Baums sind je nach Tiefe eingerueckt. Stark eingerueckt sind Kommentare zum Inhalt eines Knotens. Hinter den doppelten Schraegstrichen erscheinen die englischen Titel eines Knotens. Optionale Links sind mit einem * versehen und werden in einer abgesetzten Linkgruppe angezeigt. Weitere optionale Links sind moeglich. Nicht-optionale Links sind obligatorisch. Die Seite muss angelegt werden, auch wenn kein nennswerter Inhalt vorhanden sein sollte. Die URL fuer die Seite sollte vorgegeben werden. Die Reihenfolge der Knoten muss in dem Navigationsteil eingehalten werden, um Einheitlichkeit zu erreichen. Informatik: ----------- Institut für Informatik // Department of Computer Science Bild z.B. Hochhaus Portalinhalt mit den nächsten zwei Navigationsebenen Kontakt // Contact Sekretariat // Secretary's Office Adresse des Sekretariats Vorstand // Executive Board Namen der Vorstandsmitglieder mit Verweisen auf ihre Webseiten Geschaeftsfuehrender Vorstand Anfahrtsplan // Map Karten zu den verschiedenen Informatikstandorten in Anlehnung an das neue TechFak-Ausschilderungssystem Verweise auf die einzelnen Einrichtungen (Lehrstuehle, Bibliothek etc.) Rechnermissbrauch // Computer Abuse E-mail und Telefon der verschiedenen Ansprechpartner für Computer-Security Webmaster // Webmaster E-mail des Webmasters. Hinweis auf administrative Grenzen der verbundenen Websites und ihre Webmaster. Aktuelles // Announcements Neuigkeiten // News Aushangsystem wäre hier schön Stellenangebote // Open Positions alle offenen Stellen des Instituts aus dem UnivIS Veranstaltungen // Events Veranstaltungskalender aus dem UnivIS Lehrstühle // Institutes Links auf die Lehrstuhlserver im gleichen Design 1. Theoretische Informatik // 1. Theoretical Computer Science 2. Programmiersprachen u. Programmiermethodik // 2. Programming Languages & Methodologies 3. Rechnerarchitektur // 3. Computer Architecture 4. Verteilte Systeme u. Betriebssysteme // 4. Distributed Systems and Operating Systems 5. Mustererkennung // 5. Pattern Recognition 6. Datenbanksysteme // 6. Database Systems 7. Rechnernetze u. Kommunikationssysteme // 7. Computer Networks and Communication Systems 8. Künstliche Intelligenz // 8. Artificial Intelligence 9. Graphische Datenverarbeitung // 9. Computer Graphics 10. Systemsimulation // 10. System Simulation 11. Software-Engineering // 11. Software Engineering 12. Hardware-Software-Codesign // 12. Hardware/Software Co-Design Studium // Studies Informatik // Computer Science Überblick // Overview Studienführer // Students Guide Prüfungsordnung // Rules of Examinations Lehrangebot // Courses Lehrveranstaltungen als Klassen und Instanzen Computational Engineering // Computational Engineering Überblick // Overview Studienführer // Students Guide Prüfungsordnung // Examination Rules Lehrangebot // Courses Lehrveranstaltungen als Klassen und Instanzen Informatik Lehramt // CS for Teachers Überblick // Overview Studienführer // Students Guide Prüfungsordnung // Examination Rules Lehrangebot // Courses Lehrveranstaltungen als Klassen und Instanzen vollständiges Lehrangebot // all Courses alle Lehrveranstaltungen des Instituts als Klassen und Instanzen geordnet nach Studiengängen Beratung // Advice Auslandsstudium // Studying Abroad Studierendenvertretung // Students Representatives Rechnerarbeitsplätze // Computer Workstations Verbindungsseite zum CIP-Pool-Server evtl. mit in die Design-"Pflicht" nehmen Forschung // Research Arbeitsgebiete // Areas Hinweis auf einzelne Lehrstuhlseiten evtl. mit Links, da URL generisch und vorgegeben gemeinsame Projekte // Joint Projects Veröffentlichungen // Publications Hauptseite enthält Hinweis auf Veröffentlichungen der Lehrstühle; evtl. Links auf die einzelnen Lehrstuhl-Publikationsseiten (moeglich da generische URL vorgegeben) Grüne Berichte // Green Reports Jahresberichte // Annual Reports Zentrale Einrichtungen // Central Organizations Vorstand // Executive Board Studienkommissionen // Study Commissions Bibliothek // Library Geschichte // History Personen // People aus dem UnivIS erzeugte Daten Professoren // Professors Mitarbeiter // Staff Studierende // Students Suche // Search Hinweise zur Suche Suchverweis uniweite Suche Webseiten // Web Pages Google-Suche auf die Institutsseiten Personen // Persons UnivIS Personensuche Lehrstuhl: ---------- Lehrstuhl für Informatik 19 Hauptseite des Lehrstuhls in individuellem Design Vorbild z.B. LS9 evtl. Kurzcharakterisierung in wenigen Zeilen Kontakt // Contact Anschrift // Address Anfahrt // Map Evtl. Link auf institutsweite Anfahrtsseite Aktuelles // Announcements Neuigkeiten // News Stellenangebot // Open Positions -- Veranstaltungen* // Events* aus dem UnivIS Vorträge* // Talks* Personen // People Professoren u. Mitarbeiter // Professors and Staff aus dem UnivIS -- Gäste* // Guests* Alumni* // Alumni* Stud. Hilfskräfte* // Employed Students* Diplomanden* // Master Students* Lehre // Teaching Termine // Deadlines Lehrangebot // Curriculum Prüfungen u. Scheine // Exams and Credits Prüfungsmodalitäten aufgeschl. nach Lehrveranstaltungen Aktuelle Veranstaltungen // Current Courses Frühere Veranstaltungen // Previous Courses Wintersemester 2001/2002 // Winter Term 2001/2002 Sommersemester 2001 // Summer Term 2001 Wintersemester 2000/2001 // Winter Term 2000/2001 Sommersemester 2000 // Summer Term 2000 Examensarbeiten // Sutdent Theses offene // open laufende // running ohne Namensnennung der Bearbeiter abgeschlossene // finished Forschung // Research Vision // Vision Gruppen // Groups Projekte // Projects -- Werkzeuge* // Tools* Veröffentlichungen // Publications Bücher // Books Artikel // Articles Berichte // Reports Hochschulschriften // Theses Habilitationen* // Habilitations* Dissertationen* // Ph.D. Theses* Examensarbeiten* // Student Theses* -- Vorträge* // Talks* Schutzrechte* // Patents* -- Geschichte* // History* Dienste* // Services* Intranet* // Intranet*