Mein Vortrag auf der Flash Forum Konferenz 2007 in Koeln.

1. Emanzipiertes
JavaScript und das
Coming Out der
Flash Community
Christian Heilmann
Flash Forum Konferenz 2007
Cologne, Germany

2. Emanzipiertes
JavaScript und das
Coming Out der
Flash Community
Christian Heilmann
Haben Flash Forum Konferenz 2007
will! Cologne, Germany

3. “Bundestrojaner.exe is
trying to access the
folder “C:Schweinkram
und andere
Hilfsmaterialien”. Do you
want to allow this?”

4. Creative
Commons,
Just help yourself!
http://creativecommons.org/licenses/by-sa/3.0/

5. Doch genug des
Schabernacks…

6. Es war einmal…
… das World Wide Web

7. Und es war…
- langweilig
- langsam
- lamentierwürdig

8. Verbindungen waren
-langsam
-teuer
-unzuverlässig

9. Verbindungen waren
-langsam
-teuer
-unzuverlässig

10. Wir brauchten eine neue
Sprache:
– Datenmanipulation auf dem
Client
– Schnell
– klein
– einfach

11. Erster Versuch:

12. Nächster Versuch:
- JavaScript (Brendan
Eich / Netscape)
–Klein
–Läuft im Browser und auch
offline
–Einfach zu lernen

13. Jubel
Trubel
Heiterkeit

14. - Formulare
- Rechner
- Konvertierungsseiten
- Validierung
- Und natürlich…

15. Rollover Effekte

16. Und dann…

19. Alles muss
–Fliegen,
–Schieben
–Sich bewegen
–Farbe ändern

20. Wir hatten
–Geld
–Experimentierfreude
–Expertise
–Keinen Plan

21. Und dann…

22. DOTCOMCRASH

23. Weniger Geld.

24. Was macht die Seite
eigentlich?

25. Warum findet uns keiner?

26. Oh, Suchmaschinen
können kein JavaScript!

29. - Kindersprache
- Nur für sinnlose Sachen
gut
- Kein OO (Oh, oh!)
- Braucht keiner.
Das wars dann…

30. Aber…

31. Eine kleine Minderheit
von Entwicklern blieb
standhaft.

38. “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/

39. ! Einige Erfolge “under
the radar”
! JavaScript wird wieder
interessant
! Aber so richtig Geld
ausgeben dafür ist
immer noch albern.

40. Und dann…

41. http://flickr.com/photos/mikelowe/9696647/

42. War nix neues, eigentlich

43. War nix neues, eigentlich
…aber egal

44. http://flickr.com/photos/spullara/5434978/

45. http://flickr.com/photos/8115111@N07/1234973325/

46. http://flickr.com/photos/leonardlow/366883660/

49. Und in der Welt
ausserhalb meiner
Wohnung…

51. MASH-UPS!

53. Ajax:
–Asynchronous
–JavaScript
–And
–XML

54. Christian
Heilmann
http://wait-till-i.com
32
leicht rot

55. Peter
Paul
http://beispiel.de
20
schwarz

56. <mitglied>
<name>Christian</name>
<nachname>Heilmann</nachname>
<url>http://wait-till-i.com</url>
<alter>32</alter>
<haar>leicht rot</haar>
</mitglied>

57. Mag kein XML haben

58. XML bedeutet:
– grosse Dateien
– komplexes umwandeln

59. ! Konvertierung mittels:
–XSLT oder DOM
! Datenübermittlung und
Verteilung mittels SOAP

60. SOAP:
Konvertiere Daten nach XML
um das an einen Service zu
schicken der XML zurück
schickt das du wieder
konvertieren musst.

61. Warum nicht gleich ne
Zahnwurzelbehandlung?

62. Ein schlauer Mensch fand
einen Ausweg

66. JSON
–Natives Datenformat
–Klein
–Schnell
–Praktisch

67. JSON
–Natives Datenformat
–Klein
–Schnell
–Praktisch

68. 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'
}
]
}

69. applikation = {
mitglieder : [
{
'name' : 'Christian',
'nachname' : 'Heilmann',
alert(applikation.mitglieder[1].name);
'url' : 'http://wait-till-i.com',
'alter' : '32',
'haar':'leicht rot'
},{
'name' : 'Peter',
'nachname' : 'Paul',
'url' : 'http://beispiel.de',
'alter' : '20',
'haar' : 'schwarz'
}
]
}

70. applikation = {
mitglieder : [
{
'name' : 'Christian',
'nachname' : 'Heilmann',
alert(applikation.mitglieder[1].name);
'url' : 'http://wait-till-i.com',
'alter' : '32',
'haar':'leicht rot'
},{
'name' : 'Peter',
'nachname' : 'Paul',
'url' : 'http://beispiel.de',
'alter' : '20',
'haar' : 'schwarz'
}
]
}

71. REST > SOAP

72. REST > SOAP
Ihr surft das web, oder?

73. Summa Summarum:

74. ! Es braucht ein paar
Leute mit nem anderen
Blickwinkel.
! Eine Gruppe unter der
diese weitere Leute
anwerben koennen.

75. ! Einen Hype /
Anwendungsgebiet
! Ein Datenformat

76. Es braucht ein paar Leute
mit nem anderen
Blickwinkel.

77. Steve Webster

78. Ian McBurnie

79. Niqui Merret

80. Aral Balkan

81. Sven Claar

82. Du / Deine Vorschläge

83. Eine Gruppe unter der
diese mehr Leute
anwerben koennen.

87. http://developer.yahoo.com/flash

88. Einen Hype und/oder
Anwendungsgebiet

89. Video!
Multimedia
Sound / Mixing

91. Distribution.
FACEBOOKMYSPACE
BEBODOPPLRZIKIMASH

92. Flash ist genial um
Badges, Widgets und
Portlets zu erstellen.
Der Grund ist Sicherheit.

93. JavaScript hat keine
Sandbox.
Jedes Skript kann voll auf
die anderen Skripte in der
Seite zugreifen.

94. Was kann Flash das
andere Techniken (noch)
nicht koennen?

95. Echte Rich Interface
Applications

96. RIA mit HTML + CSS
= HACK!

97. Barrierefreiheit
(nein ich zeige *nicht* die JK Rowling Seite)

98. Barrierefreiheit von Ajax
Applikationen mit HTML
und CSS ist schwierig.

99. Aber:
WAI-ARIA is ne gute
Idee!

100. Zoom, Rotate,
Bumpmapping usw…

101. Aber:
CANVAS kann was

102. Flash hat Zugriff auf das
Filesystem.
= batch uploading

104. Ein Datenformat.

106. Worauf wartet ihr noch?

107. Es ist Zeit.

108. Ich will
–Geile Flash Mashups (Pirate
Maps wird langweilig)

109. DOPPLR +
FLICKR
= TRIPPR?

110. Ich will
–Tutorials wie Flex2 schlechte
Java Apps ersetzen kann.

111. Ich will
–Flash apps bei Hackdays und
Barcamps.

112. Ich will
–Mehr Information und Beispiele
von Barrierefreiheit mit Flash

113. FLASH ZAUBEREI!

114. 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.

115. Lighting Talks

116. !5 Minuten Slides
!5 Minuten Beispiel
!5 Minuten Diskussion
Jeden Donnerstag,
11.45 - 1200

117. Wer hat an der Uhr
gedreht?

118. DANKE SCHOEN!
Christian Heilmann
chris.heilmann@gmail.com
http://wait-till-i.com
http://icant.co.uk
http://creativecommons.org/licenses/by-sa/3.0/