04.02.2013 Aufrufe

Webdesign - Webseiten planen, gestalten - Free-Hack Library

Webdesign - Webseiten planen, gestalten - Free-Hack Library

Webdesign - Webseiten planen, gestalten - Free-Hack Library

MEHR ANZEIGEN
WENIGER ANZEIGEN

Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.

YUMPU macht aus Druck-PDFs automatisch weboptimierte ePaper, die Google liebt.

300<br />

Vom Prototyp zur fertigen Website<br />

erfolgen. Die Materialien liegen zum Großteil vor, Fehlendes wird<br />

parallel erarbeitet.<br />

Nun geht es daran, alles zur Website zusammenzufügen. Auch<br />

wenn das Testen der Website erst im Kapitel „Tests und Launch“<br />

behandelt wird, sollten Sie mit den Tests möglichst frühzeitig<br />

beginnen. Änderungen können gleich eingebaut werden und die<br />

Wahrscheinlichkeit, dass Fehler gefunden werden, ist größer, als<br />

wenn Sie erst im letzten Moment damit beginnen.<br />

9.3<br />

Vom Prototyp zur fertigen Website<br />

Nach Abnahme des HTML-Prototyps kann es an die Umsetzung der<br />

Website mit allen Funktionalitäten und Inhalten gehen. Erforderlich<br />

ist jetzt auch das fertige Storyboard, in dem die geforderten Inhalte<br />

für jede einzelne Webseite der Site zusammengestellt sind. Und<br />

sinnvollerweise sollten bereits alle Assets (Texte, Bilder, Grafiken,<br />

Multimediainhalte, Downloads) erstellt sein, mindestens jedoch in<br />

Größe und Umfang definiert sein, damit ersatzweise entsprechende<br />

Platzhalter eingefügt werden können.<br />

Selbstverständlich wird auch in dieser Phase regelmäßig getestet<br />

und auch die Code Reviews werden weiter abgehalten. In gut<br />

strukturiertem Quelltext fällt es allen Beteiligten leicht, die Inhalte,<br />

für die sie verantwortlich sind, einzubauen. Auch in dieser Phase<br />

des Projektes werden die Änderungen aus Tests und Reviews<br />

regelmäßig und nach Priorität sortiert eingebaut.<br />

9.3.1 Dynamischer Content<br />

Der dynamische Content wird in die entsprechend vorgesehenen<br />

Stellen im HTML-Quelltext eingebunden. Achten Sie darauf, die<br />

Validität des Quelltextes durch den dynamischen Code nicht zu<br />

gefährden. Regelmäßige Validitätskontrollen sind ein Muss. Bei der<br />

Programmierung halten Sie sich an den vereinbarten Styleguide.<br />

Richtlinien für gutes technisches Design<br />

• Verwenden Sie existierenden Code und Datenbanktabellen<br />

wieder, wo es möglich ist.<br />

• Erstellen Sie wiederverwendbaren, modularen Code, Datenbanktabellen<br />

und -features, die auch in späteren Projekten<br />

nützlich sein können.<br />

• Datenbank- und Anwendungslogik sollten separat vom<br />

HTML-Quelltext gehalten werden.<br />

• Ermitteln Sie, welche Funktionen in Bibliotheken ausgegliedert<br />

werden können.<br />

• Identifizieren Sie mögliche Performance-Probleme. Denken<br />

Sie an die Skalierbarkeit und beachten Sie, wie sich die<br />

Performance ändern wird, wenn dem System mehr Daten<br />

hinzugefügt werden. Ermitteln Sie, ob der dynamische<br />

Code hohem Traffic standhalten kann.<br />

• Versuchen Sie abzusehen, welche Features vom Kunden in<br />

Zukunft noch gewünscht werden könnten.

Hurra! Ihre Datei wurde hochgeladen und ist bereit für die Veröffentlichung.

Erfolgreich gespeichert!

Leider ist etwas schief gelaufen!