HTML5 vs. Flash

2009-es Magyar Webfejlesztő konferencián bemutatott előadás a HTML5 és a Flash technológiát hasonlítja össze, főleg abból a szempontból, hogy vajon a HTML5 elég érett-e egy prezi szintű rendszer fejlesztésére. »
Peter Halacsy

Halácsy Péter
peter.halacsy@prezi.com
1996-2001   BME villamosmérnök
1998-2002   Axelero, webfejlesztő
2002-2008   BME Média Kutató Központ
2007-2008   Kitchen Budapest
2008-            prezi.com
HTML5
prezi.com technológiáról
editor kliens: Flash
Flash, AS3, kevés AIR
eredeti kód AS2
szükséges rossz

2d rendering
videó forgatás 5 sorban
bizonyítottan elég csilli-villi
igen nagy kreatív közösség
online
nincs hw gyorsítás
a nyelv nem típusos
9.0-ban File.upload(url)
ezért lett internetes program
website: 
szokásos ajax+jquery
hála istennek nem rich client
sokszor megszívattuk az IE használókat
van amikor már lassú
valamiért sokkal nyitottab így a szájt
gyorsabban lehet betölteni
más flashes szájt is htmlesedik
backend 
apache, django, mysql
folyamatos a flow elmény
nem volt vele bajunk
meglepően jó a teljesítménye
Prezi
internetes magyar-amerikai startup cég
 
Vektorgrafika
Transzformáció
flash demo
Média a canvason
Canvas
Animáció
html5
flash
setInterval(draw)
draw töröl majd rajzolja a scene-t
displayObject hierarchia
enterFrame eseményre
objektumok tulajdonságait állítjuk
újrarajzolás a flash feladata

kicsit opengl-es
mindent meg lehet vele csinálni
http://glimr.rubyforge.org/cake/canvas.html#Polaroids
cakejs
CAKE is a JavaScript scenegraph library for the HTML5 canvas-tag. You could think of it as SVG sans the XML and not be too far off.
DEMO
HTML5 vs Flash
HTML5 nyílt, a flash nem
Canvas Tag (2D Drawing and Animation)
FutureSplash (Flash Player 1)
Video/Audio Support
Flash 2 (Audio) Flash 6 (Video)
Offline Storage Database
No real offline storage in Flash Player, Adobe AIR added it in version 1
Drag-and-drop
Supported in ActionScript 1(Flash Player 5)
Cross-Document Messaging
Cross-Domain support in Flash Player 7
forrás: http://blog.digitalbackcountry.com/2009/05/html5-versus-flash-versions/
hit, szerelem, technológia vagy társadalomtudomány?
emlékszünk a flash videó előtti időkre?
swf, amf, rtmp, flex sdk, tamarin
adobe open source:
Témák sörözéshez
DEMO
Workers
shared nothing (sharding)
számításokhoz
háttér IO
adatbázis
adobe megpróbálta: Ecma International Technical Committee 39 
Flashben nincs: trükk
HTML5 vs Flash
de mennyivel jobb, mint a JS!
prezidesktop zip
http://labs.adobe.com/technologies/flashplayer10/demos/pixelbender/
Pixel bender
platform része
http://www.adobe.com/cfusion/exchange/index.cfm?event=productHome&exc=26&loc=en_us
image processing
shader (opengl)
parallel GPU

AVM2
flash player egy virtuális gép (nyílt specifikációval)
Alchemy
Haxe
Java
C-->swf
egy új szigorúan típusos nyelv
ocaml és as3 keveréke
Eszközkészlet
flash builder, flash cs4, 
photoshop, illustrator
flash catalyst 
http://labs.adobe.com/technologies/flashcatalyst/
elég drága, de profi eszközök
elég nagy designer közösség
Flash még
érdekes lenne megérteni a technológia
mögötti egyéb motivációkat
html5 jó irány, de még nem elég
termékkészítéshez sok egyéb eszköz kell
sokkal több ember izgul a html5-re, 
mint az actionscriptre
nagyon korai alkalmazókat érdekli
csak ez a téma
google wave lehet, hogy youtube-hoz
hasonló hatású lesz
prezi életét áttételesen érinti csak
hosszú távú siker

Loading comments...

Please log in to add your comment.

Report abuse

More presentations by Peter Halacsy

More prezis by author