wie geht das nochmal mit dem www?

howto:web

Eigentlich ist es verdammt einfach im Internet zu veröffentlichen. Eigentlich, aber ein bisschen kann man doch falsch machen, hier mal unsere Ideen wie man es richtig macht. Wie immer alles POF und imho.

Table of contents

 
Aber was ist eigentlich ein Webseite, oder darf man das 2.0 heute überhaupt noch sagen, oder sind nicht eh alles Webapplikationen? Nein! Klar seit geocities und den spacerframe hat sich einiges geändert, nicht nur zum guten;)

Schaut man den Webseiten hinter die ganzen Effekte und Schmierschatten, dann kann man diese auf einfache wirklich Grundfunktionen reduzieren. Diese Grundfunktionen sind immer dokumentenorientiert, das sind meisten texte, oder auch mal Bilder, diese auch gern bewegt. Aber niemals Kaffee- oder Betonmaschinen, auch wenn die ganze Webspackerie so tut als wäre das Web sowas. Das Netz ist ein Speichermedium, wie ein Buch, nur schneller, aber genauso viel Poesie, Hetze, Porn, Schund oder funktionales Telefonbuch.

Arten

Eigentlich besteht das Netz nur aus Einzelseiten und Listen. Und aus Textblöcken, Bildern und zeitlich bewegten Bidlern und Tönen. Und aus Metadaten wie Autor, Veröffentlichung etc. Die einzige echte Spezialität die das Netz zu bieten hat sind Querverweise, gut das ist nicht neu, Querverweise gab es schon immer, Hyperlink machen das ganze aber sehr praxistauglich. (aka click)

Also was gibt es denn nun für Seitenarten

  • Wikis veranschaulichen den Buchcharakter des Internets ganz gut (vor allem auch den schnellen Buchcharakter): Einfach einzelne Seiten, mit einer großen Überschrift, mit der man es überall findet.
  • Nachrichtenseiten oder Weblogs sind wiederum einzelne Seiten, aber meistens primär eben nach Datum sortiert.
  • die berühmten webforen, wiederum sind eigentlich nur blogs mit einem ständigen Kommentarbereich
  • Die Ergebnisseiten von Suchmaschinen wie google sind eigentlich nur eine Listen von anderen Seiten die zu einem Begriff passen könnten, wenn auch sehr schnelle und krass erzeugte Listen (der Fachbegriff dazu ist SERP Search Engine Result Pages)
  • na und flickr und andere (z.B. 23hq.com) sind nur webseiten mit Bildern oder Listen von Bildern. Allerdings haben die meisten (auch anderswo integrierten Bilderhostingsysteme) eine wirkliche funkton, nämlich dass sie Bidler rendern können (resizen cropen etc)
  • Gesichtsbuch, xing, studiXz oder wie ha geade die neuste socialDorfsau heist, sind einfach nur webseiten für Gesichter. Und Bilder. Und Kurznachrichten (7 Mrd $ schwer)
  • Kurznachrichten, ja auch Kurznachrichten sind einfach nur kurze Nachrichten (trivial oder). Twitter oder facbook massages sind einzelne kleine Dokumente. Auch chats, meistens gar keine Webseiten mehr, sind zwar schnelle Kurznachrichten, aber es sind Kurznachrichten.
  • auch die webmail-oberflächen sind erst mal listen von diversen Ordern von emails oder eine einzelen Darstellung einer email
  • auch Webshops sind erst mal ein Katalog und dann ein (automatischer hyperverlinkter) Bestellzettel
  • oder viele andere prozedurael Seiten (z.B. Gewinnspiel oder Anmeldetools) erzeugen am Schluss immer ein Dokument
  • Aber der ganze usergenerated contend ist doch totral neu und spacig? Nein! User generated contend sind Formulare (in html heißen die auch so form) da kann man Dinge eingeben. Da konnte man im Netz schon immer, hat nur fast keiner gemacht.
  • bugtracker oder andere ticketsystem erzeugen ein ticket, ein Dokument
  • Wahlen, Abstimmungen oder polls sind einfach einfach eine "wer fährt mit"-Leute am Kühlschrank nicht am Kühlschrank. Mit zugegeben unterschiedlicher Komplexizität. Ein einfacher doodle, eine limesurvey bis zum liquid feedback und allen anderen komplexen Abstimmungstools. Das sind dann vielleicht sogar schon Wahlen, mit einzelnen Wahlzetteln.

 
Auch Etherpads sind nur Dokumente, auch wenn hier die Hauptfunktion, die Gleichzeitigkeit, schon mehr eine Anwendung als ein Dokumentsammlung (hier wäre jeder Keystroke eine Dokument) ist.

Technologien

 
Model View Controller

  • Darstellung
    • falsh nur wenns nicht anders geht (kopieren, derezit noch videos)
  • logik jquery
    • selektieren
    • absenden
    • sortieren
  • persistenz couchdb
    • weniger serialisieren (magento, wordpress, medaiwiki??)

 
howto:web:tec html, css, JavaScript und CMS howto:wiki
howto:web:design
howto:web:www
howto:web:galleriffic
howto:web:statistik
howto:web:legal

Als Werkzeug empfiehlt sich der firefox mit firebug und web developer toolbar, seinen Lieblingseditor und ein ssh/FTP-Client (z.B. FileZilla unter Linux und Win, WinSCP oder gelch als Filesystem einbeinden) und ein guter host.

Qualität

Eine dynamische Seite "lebt" und verändert sich dementsprechend ständig. Um einen guten Service seinen Besucher zu gewähren sollte die Qualität des Dienstes stimmen. howto:web:qualitaet beschreibt einige Massnahmen und Tools um die geforderte Qualität zu sichern.

 

umija im web


Google Search