Fachhochschule Regensburg
Fachbereich Informatik Prof. Dr. Hackenberg
Interface Design
im Sommersemester 2004 Ubung 3 ¨
Zielsetzung der ¨Ubung:
Diese ¨Ubung dient als Hinf¨uhrung auf das Semester-Projekt. Es soll eine re- lativ einfache statische Website erstellt werden, die aber (um nicht trivial zu werden) so sauber strukturiert und geplant ist, dass sp¨atere Erweiterungen, Anderungen und Anpassungen mit geringstm¨¨ oglichem Aufwand integrierbar sind. Ebenfalls sollen Sie besonderes Augenmerk auf die Qualit¨at des Inter- faces legen, ergo Punkten wie Ergonomie besondere Beachtung schenken.
Website example.org
1Das Pflichtenheft umfasst folgende Punkte:
• Konsistentes Layout ¨uber die ganze Site
• Browserunabh¨angigkeit
• Erstellen einer Art Seiten-Template, das auf der ganzen Site beibehal- ten wird
• Einfache M¨oglichkeit, Farben, Fonts, Schriftarten usw. schnell und site- ubergreifend zu ¨¨ andern
• Link auf ‘Home’, ‘Impressum’, ‘Produktliste’, ‘Wir ¨uber uns’
1RFC2606
1
Die Wahl des Produkts bleibt Ihnen ¨uberlassen (innerhalb der Grenzen der Legalit¨at), bedenken Sie aber, dass evtl. Anpassungen im Interface bzgl.
der f¨ur das Produkt anvisierten Zielgruppe notwendig sind. Beispielsweise ist eine kleine Schriftart auf einer f¨ur Senioren bestimmten Seite wohl eher ungeschickt.
Folgende Punkte sollten bei Ihrem Vorgehen Beachtung finden und sich dann sp¨ater auch in der Dokumentation niederschlagen:
• Cascading Style Sheets
• keine Frames
• Sinnvolle Men¨uf¨uhrung
• im Seiten-Template Platzhalter f¨ur sp¨atere Erweiterungen wie z.B. New- sticker, Abstimmungstool, Kunden-Login freihalten
Sie k¨onnen die Seiten entweder ¨uber file:// aufrufen oder auf ihrem Rech- ner lokal einen Webserver (idealerweise Apache) installieren. Von serversei- tigen Technologien bitte ich noch Abstand zu nehmen, diese werden dann Bestandteil der vierten und letzten ¨Ubung sein.
2
