Your SlideShare is downloading. ×
Relaunching ZEIT ONLINE
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Relaunching ZEIT ONLINE

1,163
views

Published on

Nico Brünjes' Präsentation über den Relaunch von ZEIT ONLINE im September 2009, gehalten auf dem Webkonkress Erlangen, am 7.10.2010.

Nico Brünjes' Präsentation über den Relaunch von ZEIT ONLINE im September 2009, gehalten auf dem Webkonkress Erlangen, am 7.10.2010.

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,163
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Relaunching ZEIT ONLINE
  • 2. Nico Brünjes ‣ Weblog: http://codecandies.de ‣ Twitter: @nicobruenjes
  • 3. Der Plan
  • 4. Komplett neues Webdesign
  • 5. Austausch wichtiger Backend-Komponenten
  • 6. Neuer CMS-Editor für Centerpages
  • 7. Neuer CMS-Editor für Centerpages Editor für Bildergalerien, neues Bilduploadtool…
  • 8. Relaunch des Communitysystems
  • 9. Einführung eines neuen Videosystems
  • 10. Stakeholder Foto unter CC Lizenz: http://www.flickr.com/photos/pictfactory/ »Als Stakeholder wird eine natürliche oder juristische Person bezeichnet, die ein Interesse am Verlauf oder Ergebnis eines Prozesses hat.«
  • 11. Redaktion.
  • 12. Produktmanagement.
  • 13. Geschäftsführung.
  • 14. Eigentümer.
  • 15. Technik.
  • 16. Und natürlich Nutzer.
  • 17. Das Team
  • 18. Die Architektur
  • 19. Systemarchitektur ‣ Apache Webserver als XML Document Storage ‣ Metainformationen: PostgreSQL-DB ‣ Online-Redaktionssystem: ZOPE basiert ‣ Rendering: Apache mit einem XSLT-Modul ‣ Cache-Lösung mit Varnish
  • 20. Frontendarchitektur ‣ standardkonformes HTML (5) ‣ standardkonformes CSS ‣ jQuery
  • 21. Phasen des Relaunches
  • 22. Spiel-Phase Foto unter CC Lizenz: http://www.flickr.com/photos/orcaman/
  • 23. Projekt-Projekt-Phase Foto unter CC Lizenz: http://www.flickr.com/photos/dnorman/
  • 24. Projekt-Projekt-Phase ‣ Designentwicklung: Wordpress ‣ Featureorientierte Planung: Drupal ‣ jedes Feature gelistet ‣ Seiten als Sammlung von Features ‣ Abnahmeprozess: ‣ Feature ‣ Seite ‣ Designentwurf ‣ Umsetzung in der Entwicklungsumgebung
  • 25. Codeentwicklung ‣ HTML, CSS und JS muss kompakt entwickelen ‣ XSL/T-Entwicklung zu langsam ‣ HTML wird als Vorlage für das XSL/T genutzt ‣ Entwicklungsumgebung »Frontdev«
  • 26. Werkzeuge ‣ Apple-Rechner ‣ Firefox ‣ Firebug (plus Plugins) ‣ Webdeveloper Extension ‣ Selenium IDE Plugin ‣ Texteditor ‣ Espresso (http://macrabbit.com/espresso/ ‣ Textmate (http://macromates.com/) ‣ W3C Validator integriert ‣ JS Lint integriert ‣ Transmit (http://www.panic.com/transmit/) ‣ Virtual Box (http://www.virtualbox.org/)
  • 27. Styleguides? Coding Guidelines! ‣ Styleguide für das Schreiben von HTML-Code ‣ CSS-Styleguide ‣ Coding Guidelines für Javascript
  • 28. Umsetzungsphase Foto unter CC Lizenz: http://www.flickr.com/photos/yourdon/
  • 29. Launch-Phase
  • 30. Was hat gut funktioniert?
  • 31. Agile Designentwicklung am Prototypen.
  • 32. Zusammenfassung aller Dokumente an einem Ort.
  • 33. Frontdev Entwicklungssystem.
  • 34. Was hat nicht so gut funktioniert?
  • 35. Iterationen, Iterationen, Iterationen.
  • 36. Testen.
  • 37. Barrierefrei ganz nebenbei?
  • 38. Validiert? Nope. ‣ 5 Validierungsfehler: ‣ X-UA-Compatible IE=edge ‣ 2 x falsches Datumsformat ‣ IDʻs doppelt an best. Links ‣ Ist das wirklich ein Problem? ‣ Keine komplette Validität garantiert.
  • 39. Barrierefreiheit? ‣ loosly barrierefrei ‣ CMS: alt- und title-Attribute an Bildern vorgeschrieben bei der Bildanlage ‣ Layout ist gut lesbar ‣ Links hingegen nicht so gut ‣ keine Tabellen, Framesets etc. ‣ ordentliches HTML ‣ gesunder Menschenverstand? ‣ ist zeit.de barrierefrei?
  • 40. Zumindest haben wir einen Preis dafür bekommen.
  • 41. Und weiter…
  • 42. Apps für iPhone und iPad
  • 43.
  • 44. Und zum Schluss
  • 45. S/W-Fotos: © Konstantin Weiss http://konnexus.net/