[TYPO3-UG-Muenster] Für die Nachwelt festgehalten: typo3-ug-muenster, Treffen vom 11. August 2008

[Martin Bless]

Zweiter Montag im Monat: Es war wieder Zeit fürs TYPO3-User Treffen in
Münster:
   http://www.typo3ugms.de
   http://www.typo3ugms.de/Fruehere_Treffen.47.0.html

Diesmal wieder wie gewohnt bei so'nso, nachdem die Meinungen zum Ort
im Vorfeld entweder neutral oder pro so'nso waren. Zehn Leute
pünktlich da, dabei ein "Wiederkommer" und ein "Neuer", angeregt
gutlauniger Gedankenaustausch: Das hat doch was. Tobias hat sich auch
Notizen gemacht und mir geschickt. Die verarbeite ich hier mit. Dank
dafür!

Los ging's etwas abseits des direkten TYPO3-Pfades mit einem kleinen
Erfahrungsbericht über den Einsatz visueller Effekte mittels
Javascript(JS)in einem Webprojekt, verpackt in eine Präsentation, die
eben diese Effekte nutzt:
 http://mbless.de/4us/p/8ace7cdb/visuelle-effekte-per-javascript-001/

Viele Links zum Thema finden sich dort. Wer von Javascript nun richtig
angetörnt ist, sollte sich unbedingt auch JSLINT angucken, den
"JavaScript Verifier". WARNING: "JSLint may hurt your feelings":
   http://www.jslint.com/

Douglas Crockford ist der JS-Guru schlechthin: 
   http://www.crockford.com/
   http://en.wikipedia.org/wiki/Douglas_Crockford

Laut Crockford gibt es zu JS keine ausreichend guten Bücher. Dafür
kann man sich aber kostenlos Videos anschauen, die eine Vortragsreihe
von ihm zeigen. Die ersten vier Videos sind vor allem wichtig. Wer
schon programmieren kann, findet dort die wichtigen Informationen. Mit
diesem Video geht's los:
   http://video.yahoo.com/watch/111593/1710507

Es gibt inzwischen viele JS-Frameworks, darunter die bekannteren:

++ http://developer.yahoo.com/yui/
   YUI - The Yahoo! User Interface Library
   Ein Schwergewicht, das viele Fälle bis ins Letzte
   ausfaktorisiert.

++ http://extjs.com/
   ExtJS - Opensource oder kommerziell
   Unglaublich stark bei GUI und RIA
   http://de.wikipedia.org/wiki/Grafische_Benutzeroberfl%C3%A4che
   http://de.wikipedia.org/wiki/Rich_Internet_Application
   
++ http://www.prototypejs.org/
   "Prototype JavaScript framework: Easy Ajax and 
   DOM manipulation for dynamic web applications"
   Sehr gut, aber nicht ganz klein! Kommt im TYPO3
   BE zum Einsatz.

++ http://script.aculo.us/
   Auf den ersten Blick: Starke Effekte! Benötigt Prototype.
   Und leider: Nicht gut dokumentiert.
   Kommt im TYPO3-BE zum Einsatz.

++ http://jquery.com/
   jQuery: The Write Less, Do More JavaScript Library
   Dies Thema haben wir nur gestreift. Aber auch
   interessant!

++ http://mootools.net/
   "a compact javascript framework"
   Laufen eigenständig, modular, sehr kompakt und
   gut dokumentiert. Gern im FE benutzt.


Back to the roots: TYPO3

Die versammelten Kenner haben immer wieder schnell dafür gesorgt, dass
wir das eigentliche Thema TYPO3 nicht aus den Augen verlieren. Es gab
Erfahrungen und Meinungen: 

* Wer schon einmal versucht hat, mehrere JS-Frameworks unter TYPO3
einzusetzen, hat schnell die Erfahrung gemacht, dass die sich
gegenseitig blockieren können.

* Jemand: Ich setze JS in Kundenprojekten möglichst wenig ein - der
Folgewiggel ist mir zu hoch!

* Wenn JS, dann unbedingt ein Framework nehmen, zB eins aus der obigen
Liste. Die bilden nämlich eine Zwischenschicht und kümmern sich um die
Browser-Spezifitäten. Und wenn mal etwas nicht mehr funktioniert, sind
viele Nutzer rund um die Welt betroffen, und Abhilfe steht schnell zur
Verfügung.

* Man muss unterscheiden zwischen JS und Ajax: Mit Ajax ist gemeint,
dass zwischen Webbrowser und Server ein Datenaustausch stattfindet,
der nicht die ganze Seite neu lädt. JS, das zB nur visuelle Effekte
auf Klientseite im Browser bewirkt, würde man nicht als Ajax
bezeichnen, wohl aber dem "Web 2.0" zuordnen. Dieser Begriff ist ja
unscharf.

* Was heißt schon, TYPO3 "hat" Prototype, "hat" mootools? Man mache
sich klar: Im BE wird Prototype und script.aculo.us eingesetzt.
Deshalb aber noch lange nicht in den FE-Seiten. Da liegt es dann nur
ganz ruhig auf der Platte.

* Accessibility, Zugänglichkeit: Das aktuelle Stand ist, dass
unaufdringlich und richtig eingesetztes JS "state of the art" ist.

Beliebt ist mootools für den Frontend-Bereich in TYPO3. Ganz vorneweg
ist hier Georg Ringer als Erbauer von Extensions zu nennen, die
mootools verwenden. Und dazu manchmal Ajax und manchmal nicht:
   http://www.rggooglemap.com/dev.html

Zum Beispiel:

http://typo3.org/extensions/repository/view/rgmoodalbx/
Liefert Content in einer Lightbox aus. Achtung: CSS darf sich nicht
mit der Seite überschneiden!

http://typo3.org/extensions/repository/view/rgtabs/2.2.2/
Liefert Content auf Registerkarten aus.

Peter Klein hat in diesem Zusammenhang auch eine klasse Extension
bereitgestellt:
   http://typo3.org/extensions/repository/view/t3mootools/

Damit installiert man sich ein BackEnd-Modul, mit dem man sich sehr
komfortabel ein optimales mootools-Paket zusammenstellen und in die
TYPO3-Website einbindenh kann. So können verschiedene Extensions die
gleiche JS-Zusammenstellung benutzen, was den Traffic reduziert.

Auch von Peter Klein: "pmkslimbox". Eine ultrakompakte Lightbox-Lösung
für TYPO3, die das normale "Anklicken für eine vergrößerte Ansicht"
ersetzt:
   http://typo3.org/extensions/repository/view/pmkslimbox/2.3.2/

JS wird ja immer in Quelltext-Form ausgeliefert. Um die Bibliotheken
jedoch möglichst klein zu bekommen, schickt man sie durch einen
Kompressor. Danach sind sie zwar kaum noch lesbar, aber "mächtig
kompakt". Einen interessanten Ansatz verfolgt eine PHP-basierte
Lösung, die auf Serverseite für Komprimierung und Caching sorgt:
   http://code.google.com/p/minify/
   
Dieser Ansatz, wie viele andere auch, verwendet Douglas Crockfords
JSMin-Library:
   http://www.crockford.com/javascript/jsmin.html

Die Idee gibt's auch im Open-Source PHP Web Framework symfony:
   http://www.symfony-project.org/   

Was für ein Hype durch die neuen JS-Möglichkeiten ausgelöst wird,
zeigt sich auch in der TYPO3-Extension myDashboard von Tim
Lochmueller. Sie benutzt Prototype und script.aculo.us, die ja ohnehin
schon im BE verwandt werden:
   http://typo3.org/extensions/repository/view/mydashboard/

Sie wie ich das sehe, ist das Dashboard (Steuerpult) nichts, was man
im Moment unbedingt braucht. Und beim Kunden würde ich es schon gar
nicht installieren. Auf der eigenen Site aber: Einfach cool! Und es
hat ja wieder Schnittstellen, in die andere weitere "Widgets"
einpassen können. Stark! Ein herrliches Spielzeug. Wer's noch nicht
gemerkt hat: Man kann die Widgets individuell anordnen.

Und dann war das noch die Frage: 

Was bringt die Zukunft hinsichtlich: "Soll man Websites auch für die
Auslieferung zu Mobilgeräten mit Minidisplays fit machen?" Zur Zeit
rechtfertigen die Kosten den Nutzen meist nicht, da der Zugriff über
Mobilgeräte einfach noch zu teuer ist. Es kann auch gut sein, dass
sich das Thema auf andere Weise erledigt:
   http://www.operamini.com/

Dies ist "Opera Mini - Free mobile Web browser for your phone", ein
kompletter, "normaler" Webbrowser, der auch im Handy mit kleinen
Display läuft, sofern dieses Java kennt. Das Display-Problem wird dann
über eine Zoom-Funktion gelöst.

Und dann noch dies und das besprochen, die letzten Nüsse und Rosinen
vertilgt, und dann war der Abend auch schon um. Komisch, was?

Gruß an alle

Martin

-- 
http:mbless.de