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

chris.heilmann@gmail.com

http://wait-till-i.com

http://icant.co.uk

http://creativecommons.org/licenses/by-sa/3.0/

DANKE SCHOEN!