Optimiert für die Nutzung mit Pocket-Web (ogo) ist auf Basis unserer Anwendung auf www.science4you.org ein html/css-Prototyp zu entwickeln, der aus folgenden Seiten besteht:
1. Startseite mit Projekt/Bereichwahl:
Liste der Projekte mit kleinem Bild und Link, also z.B. "Orchideen Europas"
Zudem Link auf zentrale Bildersuche
2. Projektbereich
Für den Projektbereich ist eine einfach Navigationsleiste mit Icons zu entwerfen, die zu folgenden Projektseiten verzweigt:
a. Anmeldung
b. aktueller Fund
c. Statistik: Funde der letzten 3 Tage
d. Forum (Liste der Threads, Threaddetail, Formular Beitrag schreiben)
e. Artenliste mit Link auf Steckbrief
f. Artsteckbrief mit Foto
g. Karte der Art mit Kartenauswahl
h. Fundstatistik
Das Layout muss nur exemplarisch für einen Projektbereich erstellt werden.
3. Bildersuche
Suchmaske mit 3 Feldern
- Suchbegriff/Art
- Listbox: Einschränkung auf Gruppe z.B. "Vögel"
- Listbox: Einschränkung auf Geographie: z.B. "nur Deutschland"
Anzeige der Treffer als Tafel mit Vorschaubildern und bei klick auf Vorschaubild Anzeige im Großformat = +/- voller ogo-Bildschirm (240x160).
Funktion ähnlich Bildersuche (erweitert) in www.piclease.com.
Auf allen Seiten ist eine kleine Werbefläche vorzusehen, die dezent aber präsent angezeigt wird.
Es geht hier vor allem darum, dass der Prototyp ein klares, sauberes und durchgängiges Design hat, über css konfigurierbar ist das auf dem ogo sauber läuft und dann als Basis für eine jsp-basierte Umsetzung mit dynamischen Inhalten dient.
Der Entwurf ist daher statisch zu erstellen mit Beispielbildern ohne die Programmierung von Funktionalität mit Ausnahme der Links.
Der HTML/CSS-Code muss sauber und klar sein, ohne "Verschmutzung" durch Generatoren.
Insgesamt sind also 12 Seiten zu erstellen.
Jeder Bewerber muss Referenzen aus dem Bereich Webdesign vorweisen können.
Archiv für EDV, Telekommunikation