emanzipiertes javascript und das coming out der flash community
DESCRIPTION
Mein Vortrag auf der Flash Forum Konferenz 2007 in Koeln.TRANSCRIPT
EmanzipiertesJavaScript und das Coming Out derFlash Community
Christian HeilmannFlash Forum Konferenz 2007
Cologne, Germany
EmanzipiertesJavaScript und das Coming Out derFlash Community
Christian HeilmannFlash Forum Konferenz 2007
Cologne, Germany
Habenwill!
�Bundestrojaner.exe is trying to access the
folder �C:\Schweinkramund andere
Hilfsmaterialien�. Do you want to allow this?�
Creative
Commons,
Just help yourself!
http://creativecommons.org/licenses/by-sa/3.0/
Doch genug des Schabernacks�
Es war einmal�
� das World Wide Web
Und es war�
- langweilig
- langsam
- lamentierwürdig
Verbindungen waren
-langsam
-teuer
-unzuverlässig
Verbindungen waren
-langsam
-teuer
-unzuverlässig
Wir brauchten eine neueSprache:
� Datenmanipulation auf demClient
� Schnell� klein� einfach
Erster Versuch:
Nächster Versuch:
- JavaScript (Brendan Eich / Netscape)�Klein
�Läuft im Browser und auchoffline
�Einfach zu lernen
Jubel
Trubel
Heiterkeit
- Formulare
- Rechner
- Konvertierungsseiten
- Validierung
- Und natürlich�
Rollover Effekte
Und dann�
Alles muss �Fliegen,
�Schieben
�Sich bewegen
�Farbe ändern
Wir hatten�Geld
�Experimentierfreude
�Expertise
�Keinen Plan
Und dann�
DOTCOMCRASH
Weniger Geld.
Was macht die Seiteeigentlich?
Warum findet uns keiner?
Oh, Suchmaschinenkönnen kein JavaScript!
- Kindersprache- Nur für sinnlose Sachengut
- Kein OO (Oh, oh!)- Braucht keiner.
Das wars dann�
Aber�
Eine kleine Minderheitvon Entwicklern blieb
standhaft.
�Don�t piss off the Dom Scripting Task Force�
Nate Koechley, Yahoo, YAHOO vs. Yahoo @media 2006 http://nate.koechley.com/blog/2006/07/12/my_atmedia_2006_slides/
!Einige Erfolge �under the radar�
!JavaScript wird wiederinteressant
!Aber so richtig Geld ausgeben dafür istimmer noch albern.
Und dann�
http://flickr.com/photos/mikelowe/9696647/
War nix neues, eigentlich
War nix neues, eigentlich
�aber egal
http://flickr.com/photos/spullara/5434978/
http://flickr.com/photos/8115111@N07/1234973325/
http://flickr.com/photos/leonardlow/366883660/
Und in der Welt ausserhalb meiner
Wohnung�
MASH-UPS!
Ajax:�Asynchronous
�JavaScript
�And
�XML
Christian
Heilmann
http://wait-till-i.com
32
leicht rot
Peter
Paul
http://beispiel.de
20
schwarz
<mitglied><name>Christian</name><nachname>Heilmann</nachname><url>http://wait-till-i.com</url><alter>32</alter><haar>leicht rot</haar>
</mitglied>
Mag kein XML haben
XML bedeutet:� grosse Dateien
� komplexes umwandeln
!Konvertierung mittels:�XSLT oder DOM
!Datenübermittlung und Verteilung mittels SOAP
SOAP:
Konvertiere Daten nach XML um das an einen Service zuschicken der XML zurückschickt das du wiederkonvertieren musst.
Warum nicht gleich neZahnwurzelbehandlung?
Ein schlauer Mensch fandeinen Ausweg
JSON�Natives Datenformat
�Klein
�Schnell
�Praktisch
JSON�Natives Datenformat
�Klein
�Schnell
�Praktisch
applikation = {mitglieder : [{
'name' : 'Christian','nachname' : 'Heilmann', 'url' : 'http://wait-till-i.com', 'alter' : '32', 'haar':'leicht rot'
},{'name' : 'Peter','nachname' : 'Paul', 'url' : 'http://beispiel.de', 'alter' : '20', 'haar' : 'schwarz'
}]
}
applikation = {mitglieder : [{
'name' : 'Christian','nachname' : 'Heilmann', 'url' : 'http://wait-till-i.com', 'alter' : '32', 'haar':'leicht rot'
},{'name' : 'Peter','nachname' : 'Paul', 'url' : 'http://beispiel.de', 'alter' : '20', 'haar' : 'schwarz'
}]
}
alert(applikation.mitglieder[1].name);
applikation = {mitglieder : [{
'name' : 'Christian','nachname' : 'Heilmann', 'url' : 'http://wait-till-i.com', 'alter' : '32', 'haar':'leicht rot'
},{'name' : 'Peter','nachname' : 'Paul', 'url' : 'http://beispiel.de', 'alter' : '20', 'haar' : 'schwarz'
}]
}
alert(applikation.mitglieder[1].name);
REST > SOAP
REST > SOAP
Ihr surft das web, oder?
Summa Summarum:
!Es braucht ein paarLeute mit nem anderenBlickwinkel.
!Eine Gruppe unter derdiese weitere Leuteanwerben koennen.
!Einen Hype / Anwendungsgebiet
!Ein Datenformat
Es braucht ein paar Leutemit nem anderen
Blickwinkel.
Steve Webster
Ian McBurnie
Niqui Merret
Aral Balkan
Sven Claar
Du / Deine Vorschläge
Eine Gruppe unter derdiese mehr Leute
anwerben koennen.
http://developer.yahoo.com/flash
Einen Hype und/oderAnwendungsgebiet
Video!
Multimedia
Sound / Mixing
Distribution.
FACEBOOKMYSPACE
BEBODOPPLRZIKIMASH
Flash ist genial um Badges, Widgets und Portlets zu erstellen.
Der Grund ist Sicherheit.
JavaScript hat keineSandbox.
Jedes Skript kann voll auf die anderen Skripte in derSeite zugreifen.
Was kann Flash das andere Techniken (noch)
nicht koennen?
Echte Rich Interface Applications
RIA mit HTML + CSS
= HACK!
Barrierefreiheit
(nein ich zeige *nicht* die JK Rowling Seite)
Barrierefreiheit von Ajax Applikationen mit HTML und CSS ist schwierig.
Aber:
WAI-ARIA is ne guteIdee!
Zoom, Rotate, Bumpmapping usw�
Aber:
CANVAS kann was
Flash hat Zugriff auf das Filesystem.
= batch uploading
Ein Datenformat.
Worauf wartet ihr noch?
Es ist Zeit.
Ich will�Geile Flash Mashups (Pirate
Maps wird langweilig)
DOPPLR +
FLICKR
= TRIPPR?
Ich will�Tutorials wie Flex2 schlechte
Java Apps ersetzen kann.
Ich will�Flash apps bei Hackdays und
Barcamps.
Ich will�Mehr Information und Beispiele
von Barrierefreiheit mit Flash
FLASH ZAUBEREI!
Zeigt was ihr könnt:�Tragt was vor in Konferenzen
mit Fachfremden Themen.
�Schreibt mails/tweets/Forum Posts
�Tauscht Informationen aus.
�Fangt in der Firma an.
Lighting Talks
!5 Minuten Slides
!5 Minuten Beispiel
!5 Minuten Diskussion
Jeden Donnerstag,
11.45 - 1200
Wer hat an der Uhrgedreht?
Christian Heilmann
http://wait-till-i.com
http://icant.co.uk
http://creativecommons.org/licenses/by-sa/3.0/
DANKE SCHOEN!