Emanzipiertes
JavaScript und das
Coming Out der
Flash Community


             Christian Heilmann
   Flash Forum Konferenz...
Emanzipiertes
         JavaScript und das
         Coming Out der
         Flash Community


                      Christi...
“Bundestrojaner.exe is
   trying to access the
folder “C:Schweinkram
        und andere
Hilfsmaterialien”. Do you
   want ...
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 neue
Sprache:
 – Datenmanipulation auf dem
   Client
 – Schnell
 – klein
 – einfach
Erster Versuch:
Nächster Versuch:
- JavaScript (Brendan
  Eich / Netscape)
 –Klein
 –Läuft im Browser und auch
  offline
 –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 Seite
    eigentlich?
Warum findet uns keiner?
Oh, Suchmaschinen
können kein JavaScript!
- Kindersprache
- Nur für sinnlose Sachen
  gut
- Kein OO (Oh, oh!)
- Braucht keiner.

Das wars dann…
Aber…
Eine kleine Minderheit
 von Entwicklern blieb
       standhaft.
“Don’t piss off the Dom
 Scripting Task Force”
Nate Koechley, Yahoo, YAHOO vs. Yahoo @media 2006
     http://nate.koechley...
! Einige Erfolge “under
  the radar”
! JavaScript wird wieder
  interessant
! Aber so richtig Geld
  ausgeben dafür ist
  ...
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>
 <...
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 zu
 schicken der XML zurück
 schickt das du wieder
 konvertier...
Warum nicht gleich ne
Zahnwurzelbehandlung?
Ein schlauer Mensch fand
      einen Ausweg
JSON
 –Natives Datenformat
 –Klein
 –Schnell
 –Praktisch
JSON
 –Natives Datenformat
 –Klein
 –Schnell
 –Praktisch
applikation = {
  mitglieder : [
    {
      'name' : 'Christian',
      'nachname' : 'Heilmann',
      'url' : 'http://wa...
applikation = {
  mitglieder : [
    {
      'name' : 'Christian',
      'nachname' : 'Heilmann',
    alert(applikation.mi...
applikation = {
  mitglieder : [
    {
      'name' : 'Christian',
      'nachname' : 'Heilmann',
    alert(applikation.mi...
REST > SOAP
REST > SOAP
Ihr surft das web, oder?
Summa Summarum:
! Es braucht ein paar
  Leute mit nem anderen
  Blickwinkel.

! Eine Gruppe unter der
  diese weitere Leute
  anwerben koe...
! Einen Hype /
  Anwendungsgebiet

! Ein Datenformat
Es braucht ein paar Leute
     mit nem anderen
       Blickwinkel.
Steve Webster
Ian McBurnie
Niqui Merret
Aral Balkan
Sven Claar
Du / Deine Vorschläge
Eine Gruppe unter der
   diese mehr Leute
 anwerben koennen.
http://developer.yahoo.com/flash
Einen Hype und/oder
 Anwendungsgebiet
Video!

             Multimedia

Sound / Mixing
Distribution.

FACEBOOKMYSPACE
BEBODOPPLRZIKIMASH
Flash ist genial um
Badges, Widgets und
Portlets zu erstellen.

Der Grund ist Sicherheit.
JavaScript hat keine
Sandbox.

Jedes Skript kann voll auf
die anderen Skripte in der
Seite 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 gute
       Idee!
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
 –Taus...
Lighting Talks
!5 Minuten Slides
!5 Minuten Beispiel
!5 Minuten Diskussion

   Jeden Donnerstag,
      11.45 - 1200
Wer hat an der Uhr
     gedreht?
DANKE SCHOEN!
Christian Heilmann
chris.heilmann@gmail.com

http://wait-till-i.com
http://icant.co.uk




          http://...
Emanzipiertes JavaScript und das Coming Out der Flash Community
Emanzipiertes JavaScript und das Coming Out der Flash Community
Emanzipiertes JavaScript und das Coming Out der Flash Community
Emanzipiertes JavaScript und das Coming Out der Flash Community
Emanzipiertes JavaScript und das Coming Out der Flash Community
Emanzipiertes JavaScript und das Coming Out der Flash Community
Emanzipiertes JavaScript und das Coming Out der Flash Community
Emanzipiertes JavaScript und das Coming Out der Flash Community
Emanzipiertes JavaScript und das Coming Out der Flash Community
Emanzipiertes JavaScript und das Coming Out der Flash Community
Emanzipiertes JavaScript und das Coming Out der Flash Community
Emanzipiertes JavaScript und das Coming Out der Flash Community
Emanzipiertes JavaScript und das Coming Out der Flash Community
Emanzipiertes JavaScript und das Coming Out der Flash Community
Emanzipiertes JavaScript und das Coming Out der Flash Community
Emanzipiertes JavaScript und das Coming Out der Flash Community
Emanzipiertes JavaScript und das Coming Out der Flash Community
Emanzipiertes JavaScript und das Coming Out der Flash Community
Emanzipiertes JavaScript und das Coming Out der Flash Community
Emanzipiertes JavaScript und das Coming Out der Flash Community
Emanzipiertes JavaScript und das Coming Out der Flash Community
Emanzipiertes JavaScript und das Coming Out der Flash Community
Emanzipiertes JavaScript und das Coming Out der Flash Community
Nächste SlideShare
Wird geladen in …5
×

Emanzipiertes JavaScript und das Coming Out der Flash Community

8.178 Aufrufe

Veröffentlicht am

Mein Vortrag auf der Flash Forum Konferenz 2007 in Koeln.

Veröffentlicht in: Technologie, Design
0 Kommentare
3 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
8.178
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
133
Aktionen
Geteilt
0
Downloads
118
Kommentare
0
Gefällt mir
3
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Emanzipiertes JavaScript und das Coming Out der Flash Community

  1. 1. Emanzipiertes JavaScript und das Coming Out der Flash Community Christian Heilmann Flash Forum Konferenz 2007 Cologne, Germany
  2. 2. Emanzipiertes JavaScript und das Coming Out der Flash Community Christian Heilmann Haben Flash Forum Konferenz 2007 will! Cologne, Germany
  3. 3. “Bundestrojaner.exe is trying to access the folder “C:Schweinkram und andere Hilfsmaterialien”. Do you want to allow this?”
  4. 4. Creative Commons, Just help yourself! http://creativecommons.org/licenses/by-sa/3.0/
  5. 5. Doch genug des Schabernacks…
  6. 6. Es war einmal… … das World Wide Web
  7. 7. Und es war… - langweilig - langsam - lamentierwürdig
  8. 8. Verbindungen waren -langsam -teuer -unzuverlässig
  9. 9. Verbindungen waren -langsam -teuer -unzuverlässig
  10. 10. Wir brauchten eine neue Sprache: – Datenmanipulation auf dem Client – Schnell – klein – einfach
  11. 11. Erster Versuch:
  12. 12. Nächster Versuch: - JavaScript (Brendan Eich / Netscape) –Klein –Läuft im Browser und auch offline –Einfach zu lernen
  13. 13. Jubel Trubel Heiterkeit
  14. 14. - Formulare - Rechner - Konvertierungsseiten - Validierung - Und natürlich…
  15. 15. Rollover Effekte
  16. 16. Und dann…
  17. 17. Alles muss –Fliegen, –Schieben –Sich bewegen –Farbe ändern
  18. 18. Wir hatten –Geld –Experimentierfreude –Expertise –Keinen Plan
  19. 19. Und dann…
  20. 20. DOTCOMCRASH
  21. 21. Weniger Geld.
  22. 22. Was macht die Seite eigentlich?
  23. 23. Warum findet uns keiner?
  24. 24. Oh, Suchmaschinen können kein JavaScript!
  25. 25. - Kindersprache - Nur für sinnlose Sachen gut - Kein OO (Oh, oh!) - Braucht keiner. Das wars dann…
  26. 26. Aber…
  27. 27. Eine kleine Minderheit von Entwicklern blieb standhaft.
  28. 28. “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/
  29. 29. ! Einige Erfolge “under the radar” ! JavaScript wird wieder interessant ! Aber so richtig Geld ausgeben dafür ist immer noch albern.
  30. 30. Und dann…
  31. 31. http://flickr.com/photos/mikelowe/9696647/
  32. 32. War nix neues, eigentlich
  33. 33. War nix neues, eigentlich …aber egal
  34. 34. http://flickr.com/photos/spullara/5434978/
  35. 35. http://flickr.com/photos/8115111@N07/1234973325/
  36. 36. http://flickr.com/photos/leonardlow/366883660/
  37. 37. Und in der Welt ausserhalb meiner Wohnung…
  38. 38. MASH-UPS!
  39. 39. Ajax: –Asynchronous –JavaScript –And –XML
  40. 40. Christian Heilmann http://wait-till-i.com 32 leicht rot
  41. 41. Peter Paul http://beispiel.de 20 schwarz
  42. 42. <mitglied> <name>Christian</name> <nachname>Heilmann</nachname> <url>http://wait-till-i.com</url> <alter>32</alter> <haar>leicht rot</haar> </mitglied>
  43. 43. Mag kein XML haben
  44. 44. XML bedeutet: – grosse Dateien – komplexes umwandeln
  45. 45. ! Konvertierung mittels: –XSLT oder DOM ! Datenübermittlung und Verteilung mittels SOAP
  46. 46. SOAP: Konvertiere Daten nach XML um das an einen Service zu schicken der XML zurück schickt das du wieder konvertieren musst.
  47. 47. Warum nicht gleich ne Zahnwurzelbehandlung?
  48. 48. Ein schlauer Mensch fand einen Ausweg
  49. 49. JSON –Natives Datenformat –Klein –Schnell –Praktisch
  50. 50. JSON –Natives Datenformat –Klein –Schnell –Praktisch
  51. 51. 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' } ] }
  52. 52. 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' } ] }
  53. 53. 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' } ] }
  54. 54. REST > SOAP
  55. 55. REST > SOAP Ihr surft das web, oder?
  56. 56. Summa Summarum:
  57. 57. ! Es braucht ein paar Leute mit nem anderen Blickwinkel. ! Eine Gruppe unter der diese weitere Leute anwerben koennen.
  58. 58. ! Einen Hype / Anwendungsgebiet ! Ein Datenformat
  59. 59. Es braucht ein paar Leute mit nem anderen Blickwinkel.
  60. 60. Steve Webster
  61. 61. Ian McBurnie
  62. 62. Niqui Merret
  63. 63. Aral Balkan
  64. 64. Sven Claar
  65. 65. Du / Deine Vorschläge
  66. 66. Eine Gruppe unter der diese mehr Leute anwerben koennen.
  67. 67. http://developer.yahoo.com/flash
  68. 68. Einen Hype und/oder Anwendungsgebiet
  69. 69. Video! Multimedia Sound / Mixing
  70. 70. Distribution. FACEBOOKMYSPACE BEBODOPPLRZIKIMASH
  71. 71. Flash ist genial um Badges, Widgets und Portlets zu erstellen. Der Grund ist Sicherheit.
  72. 72. JavaScript hat keine Sandbox. Jedes Skript kann voll auf die anderen Skripte in der Seite zugreifen.
  73. 73. Was kann Flash das andere Techniken (noch) nicht koennen?
  74. 74. Echte Rich Interface Applications
  75. 75. RIA mit HTML + CSS = HACK!
  76. 76. Barrierefreiheit (nein ich zeige *nicht* die JK Rowling Seite)
  77. 77. Barrierefreiheit von Ajax Applikationen mit HTML und CSS ist schwierig.
  78. 78. Aber: WAI-ARIA is ne gute Idee!
  79. 79. Zoom, Rotate, Bumpmapping usw…
  80. 80. Aber: CANVAS kann was
  81. 81. Flash hat Zugriff auf das Filesystem. = batch uploading
  82. 82. Ein Datenformat.
  83. 83. Worauf wartet ihr noch?
  84. 84. Es ist Zeit.
  85. 85. Ich will –Geile Flash Mashups (Pirate Maps wird langweilig)
  86. 86. DOPPLR + FLICKR = TRIPPR?
  87. 87. Ich will –Tutorials wie Flex2 schlechte Java Apps ersetzen kann.
  88. 88. Ich will –Flash apps bei Hackdays und Barcamps.
  89. 89. Ich will –Mehr Information und Beispiele von Barrierefreiheit mit Flash
  90. 90. FLASH ZAUBEREI!
  91. 91. 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.
  92. 92. Lighting Talks
  93. 93. !5 Minuten Slides !5 Minuten Beispiel !5 Minuten Diskussion Jeden Donnerstag, 11.45 - 1200
  94. 94. Wer hat an der Uhr gedreht?
  95. 95. 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/

×