Warning: include_once(/var/www/html/pmwiki-2.2.86/cookbook/soap4pmwiki/soap4pmwiki.php): failed to open stream: No such file or directory in /var/www/html/fields/dbp11/local/config.php on line 4

Warning: include_once(): Failed opening '/var/www/html/pmwiki-2.2.86/cookbook/soap4pmwiki/soap4pmwiki.php' for inclusion (include_path='.:/opt/php/lib/php') in /var/www/html/fields/dbp11/local/config.php on line 4

Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/fields/dbp11/local/config.php:4) in /var/www/html/pmwiki-2.2.86/pmwiki.php on line 1250
Datenbankpraktikum SS 2011 - Frontend - Layout

Die Mitfahrzentrale 2.0

Zur Formatierung des gesamten Webseitenlayouts nutzen wir, wie in RoR üblich ~.html.haml-Dateien. Diese werden per '= %yield'-Tag an gewünschter Stelle in der application.html.haml eingebunden. Kontextabhängig bekommen wir dadurch den richtigen Inhalt an richtiger Stelle.

Im 'Application'-Layout haben wir neben den üblichen imports der application.css/scss die Bereiche der Homepage definiert (Abb.: 1).

Header:

Als Header haben wir einen Photoshop-Banner eingefügt.

Navigation (Nav):

Je nachdem ob wir eingeloggt sind oder nicht bekommen wir eine unterschiedliche Navigationsleiste, die uns auch auf neue Nachrichten oder Bewertungen aufmerksam macht. In Abb.: 1 sehen wir die Navigationsleiste für Nutzer im eingeloggten Zustand. Wir können nach Fahrten suchen, eigene Fahrten erstellen, Nachrichten und Bewertungen einsehen/schreiben, die Fahrzeuge/das Profil anschauen oder uns ausloggen.

Main:

In unserem Main-Bereich werden die jeweiligen Seiten neu geladen.

Abb. 1: Homepage Layout


Page last modified on August 12, 2011, at 12:56 PM