von Jan Hürzeler, Elena Oberholzer und David Indumi
Vorgehen:
Wir überlegten uns, wie der Radio an die Öffentlichkeit treten soll. Anhand dem von uns gegebenen erscheinungsbild gestallteten wir in InDesign die Webseite. Die Elemente auf der Webseite werden im Artikel: SÄNDER - Wie sieht er visuell aus? genauer erläutert und in diesen Beitrag nicht weiter erklärt.
Nachdem die richtige Ordnerstruktur geschaffen und ein Webserver eingerichtet war, konnten wir mit der Webseitenentwicklung anfangen. Die Strukturierung mittels HTML war schnell geschaffen, da das Erscheinungsbild sehr klar daherkommt. Um später schneller gefunden zu werden arbeiten wir mit diversen Metadatenangaben.
Bei der Gestaltungsanweisungen in CSS legten wir vor allem Fokus auf den Media Query Mobile, da die meisten Seitenbesucher über ihr Smartphone zugreifen werden. Dazu fehlten uns im ersten Schritt die Visualisierungen, war allerdings kein grosses Problem, da auch dieses Format als Onepager daherkommen soll. Damit der Besucher sich auch interaktiv auf unserer Seite bewegen kann, bauten wir diverse Funktionen mit JavaScript ein. Wir wollten einen möglichst klaren ersten Eindruck schaffen, weshalb wir das Layout beim Laden der Seite auf ein Minimum reduzierten. Mittels Eventlistener werten wir aus, ob sich der Besucher noch zuoberst auf der Seite befindet oder schon nach unten gescrollt ist. Wenn letzteres der Fall ist blenden wir das Navigationsmenü ein, um dann zwischen den einzelnen Menüpunkten springen zu können. Damit die interaktive Seite sowohl für Desktop wie auch Mobile funktioniert, verwendeten wir auch in JavaScript Media Queries.
Reflexion:
Da wir zu Beginn unseres Projektes noch keine Erfahrungen im Programmieren mit JavaScript hatten, benötigten wir enorm viel Zeit mit Recherche, bis die Seite dann endlich so funktionierte wie sie auch sollte. So war dann auch die Einbindung des Players von Radio.co schwierig. Er funktionierte zwar, wir konnten diesen aber nicht auf der Seite bestehen lassen, da unsere Kollegen aus der Klasse diesen Account für ein Forschungsprojekt erhielten.
Die Website darf ruhig mit Content noch gefüllt werden, was sie sicherlich auch noch wird. Zum Beispiel kann beim Programm unsere verschiedenen Rubriken vorgestellt werden, sei es Games oder die “Bänkli Bewertung”. Diese könnten dann gleich mit dem “zum Nachhören” verlinkt werden.
Als nächster Schritt kommt der Domain-Name Sänder hinzu, welche wir mit unserem Server verknüpfen werden, damit man uns im Internet einfacher findet.
