Flash - Pogromcy Mitów

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Piotr Walczyszyn | Platform Evangelist – riaspace.com | @pwalczyszynFlash – Pogromcy Mitów


Agenda

§ Historia technologii Flash

§ Czym jest Flash, do czego służy a do czego nie?

§ Bogate animacje, gra!ka i video to nie wszystko co potra! Flash

§ Wprowadzenie do narzędzi programistycznych

§ Pokaz technologii Flash na urządzeniach

§ Przyszłość technologii Flash

§ Adobe i HTML5

§ Q&A

2


100,000,000 desktop’ów

Flas

h 1

Flas

h 10

Flas

h 9

Flas

h 8

Flas

h 7

Flas

h 6

Flas

h 5

Flas

h 4

Flas

h 3

Flas

h 2

Szyfrowane strumieniowanie

H.264, HE-AAC audio, HD Video

Biblioteki 3D

Flash Player 9 po mniej niż roku na 90% komputerów

ActionScript 3

VP6 codec

Firma Macromedia de"niuje termin RIA

Flash platformą do tworzenia aplikacjiObsługa Video

92% desktop’ów

ActionScript

YouTube

Flash Communications Server,Flash Media Server

Captivate, Robohelp

LiveCycleData Services

Flash Lite

Flex

Acrobat Connect

Creative Suite 3

Flash Media Rights Management Server 1

Scene7

Photoshop.com, Adobe Media Player, Acrobat.com

AIR

Indeksowanie SWF

10.1 generacji technologii Flash

Vector GraphicsAnimation

PixelBender

Flash Professional


100,000,000 desktop’ów

Flas

h 1

Flas

h 10

Flas

h 9

Flas

h 8

Flas

h 7

Flas

h 6

Flas

h 5

Flas

h 4

Flas

h 3

Flas

h 2



Biblioteki 3D


ActionScript 3

VP6 codec



92% desktop’ów

ActionScript

YouTube


Captivate, Robohelp


Flash Lite

Flex

Acrobat Connect

Creative Suite 3


Scene7


AIR

Indeksowanie SWF


Vector GraphicsAnimation

PixelBender

Flash Professional

Windows,Macintosh Linux

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.Fl

ash

10

Flas

h 9

Flas

h 8

Flas

h 7

Flas

h 6

Flas

h 5

Flas

h 4

Flas

h 3



Biblioteki 3D


ActionScript 3

VP6 codec



92% desktop’ów

ActionScript

YouTube


Captivate, Robohelp


Flash Lite

Flex

Acrobat Connect

Creative Suite 3


Scene7


AIR

Indeksowanie SWF


PixelBender


Przyszłość to: Urządzenia mobilne,Gry/3D,Aplikacje biznesowe,Video

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.Fl

ash

10

Flas

h 9

Flas

h 8

Flas

h 7

Flas

h 6

Flas

h 5

Flas

h 4

Flas

h 3



Biblioteki 3D


ActionScript 3

VP6 codec



92% desktop’ów

ActionScript

YouTube


Captivate, Robohelp


Flash Lite

Flex

Acrobat Connect

Creative Suite 3


Scene7


AIR

Indeksowanie SWF


PixelBender


Przyszłość to: Urządzenia mobilne,Gry/3D,Aplikacje biznesowe,Video

Android, RIM…


Flash Player jest najbardziej rozpowszechnionym oprogramowaniem

98%penetracji na komputerach podłączonych do Internetu

programistów Flash Platform

3.5 miliona

100 najwyżej notowanych stron w rankingu Alexa używa Flash Player’a

85%

treści video w Internecie wyświetlana jest z użyciem technologii Flash

75%

98%penetracji w przedsiębiorstwach - Forrester

All external content and images pending approvals.

gier internetowych używa Flash Player’a

70%


Statystyki penetracji technologii Flash

5

http://www.adobe.com/products/player_census/flashplayer/version_penetration.html

http://www.adobe.com/products/player_census/flashplayer/version_penetration.html


Footer Text

Otwartość Platformy Flash

“.. Gartner has found that it [Adobe] is more heavily involved in a wide range of open-source initiatives than most of its industry contemporaries.”

Gartner, June 2009

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential. 7

Czym jest Flash, do czego służy a do czego nie?


Flash to: technologia wieloplatformowa


Flash to: bogate animacje


Flash to: gra!ka wektorowa

10


Flash to: video w Internecie

11


Przykłady


Czym jest Flash, do czego służy a do czego nie

13

Kampanie marketingowe Aplikacje internetowe

http://www.sponsafier.com/%2523/gallery/view/306821

http://www.sponsafier.com/%2523/gallery/view/306821

http://www.taaz.com/makeover.html

http://www.taaz.com/makeover.html


Czym jest Flash, do czego służy a do czego nie

14

Interaktywne elementy strony Treść video

http://youtube.com

http://youtube.com


Augmented Reality

15

https://www.prioritymail.com/simulator.asp

https://www.prioritymail.com/simulator.asp

http://www.livingsasquatch.com

http://www.livingsasquatch.com


Bogate animacje, gra!ka i video to nie wszystko co potra! Flash


Platforma Flash

Wieloplatformowa treść iaplikacje

Flex

ColdFusion

Flash Media Server

Flash PlatformServices

AIR

Flash Player

Flash Builder

FlashCatalyst

FlashProfessional

Creative Suite Analityka iOptymalizacja

PLAT

FORM

A F

LASH

Narzędzia Biblioteki ŚrodowiskaUsługiSerwery

LiveCycle

h(p://www.adobe.com/)ashplatform

http://www/adobe.com/flashplatform

http://www/adobe.com/flashplatform


Footer Text

ADOBE FLEX 4


Footer Text

Jak działa Flex w przeglądarce

Flash Builder IDE

Flex SDK

Flex Class Library

MXML ActionScript


Footer Text

Jak działa Flex w przeglądarce

Flash Builder IDE

Flex SDK

Flex Class Library

MXML ActionScript

Kompilacja

SOAP HTTP/S AMF/S RTMP/S

Serwer WWW

Istniejąca infrastruktura informatyczna

JEE, PHP, .NET, Python…

LC Data ServicesXML/HTTPREST

SOAP Web Services

Przeglądarka

Środowisko Flash Player


Footer Text


Footer Text

Jak działa AIR


Footer Text

Jak działa AIR

Kompilacja&Pakowanie

SOAP HTTP/S AMF/S RTMP/S

Serwer WWW

Istniejąca infrastruktura informatyczna

JEE, PHP, .NET, Python…

LC Data ServicesXML/HTTPREST

SOAP Web Services

Desktop

Środowisko AIR

Pliki SQLite Noty!kacje Schowek


Footer Text

Dodatkowe możliwości środowiska AIR


Footer Text


Instalacja i uruchamianie jako aplikacja natywna


Footer Text



Lokalna baza danych


Footer Text



Dostęp do systemu plików i aplikacji natywnych

Lokalna baza danych


Footer Text



Dostęp do systemu plików i aplikacji natywnych

iOS

Lokalna baza danych


Footer Text

Adobe AIR - przykłady

23

http://www.e-deklaracje.gov.pl/index.php?page=do_pobrania

http://www.e-deklaracje.gov.pl/index.php?page=do_pobrania


Footer Text



Footer Text


25


Wprowadzenie do narzędzi programistycznych


Narzędzia programistyczne

27

Flash CS5 Flash Builder


Pokaz technologii Flash na urządzeniach


Flash Player 10.1 na urządzeniach

§ W czerwcu 2010 Adobe dostarczyło FP 10.1 do partnerów rozwijających: Android OS, Symbian OS, Windows Phone 7 Series, webOS, BlackBerry, MeeGo, LiMo

§ Urządzenia z Android’em i FP 10.1: Motorola Droid, Motorola Droid X, Motorola Droid 2, Google Nexus One, HTC Evo 4G, HTC Desire, HTC Droid Incredible, HTC G2, Samsung Galaxy S, Samsung Galaxy Tab etc.

§ FP 10.1 dostępny na urządzeniach Google TV

§ Urządzenia, które będą obsługiwały FP 10.1: RIM PlayBook Tablet, Toshiba Folio 100, Samsung Captivate, Samsung Fascinate, Samsung Vibrant, Samsung Epic, Motorola Milestone, Motorola Droid Pro, Dell Mini Streak etc.

§ Wymagania minimalne: procesory ARM oraz x86: Cortex A8 iA9, Intel Atom, nVidia Tegra, Qualcomm Snapdragon

29


Flash Player 10.1 oceny użytkowników

§ Android Market

§ Jedna z najbardziej popularnych aplikacji, ponad 2 miliony pobrań do końca października 2010

§ Bardzo pozytywne oceny użytkowników: 4.5 na 5 gwiazdek, 50,000+ ocen

By Ben (August 20, 2010)Can't live without it. No more blue lego boxes for me!

by Andrew Tan (September 20, 2010) Wow! Latest updates is near perfection! Now I can view !ash be"er and no issue on zoom in zoom out and interaction. Love it! ;-) by Sneh (September 19, 2010) Full !ash for my phone, enough said. by Nick (August 23, 2010)Flash is the biggest reason I got an android phone.

by tory (September 19, 2010) It is so great to $nally have !ash on mobile devices. (Evo 4G) by Eren (September 19, 2010) I don't need a pc anymore, ty. by Shane (September 19, 2010) Oh my God FINALLY. Works like a charm. Droid w/ 2.2.

by Andrew (August 23, 2010)%e very best thing to hit Android

30


Przyszłość technologii Flash


Główne kierunki rozwoju

32



32

Gry/3D

• 3D (live demo)• P2P (RTMFP)• Kontrolery gier



32

Gry/3D


RIA/eRIA

• Wielowątkowość• Wydajność• Zaawansowana

obsłuba tekstu



32

Gry/3D


RIA/eRIA

• Wielowątkowość• Wydajność• Zaawansowana

obsłuba tekstu

Video

• DRM – Flash Access• IP multicast – FMS4• StageVideo– FP 10.2


Adobe i HTML5


Flash i HTML5

34

http://www.youtube.com/adobemaxevent%2523p/u/10/pf2HD-ldD8M

http://www.youtube.com/adobemaxevent%2523p/u/10/pf2HD-ldD8M


Narzędzia HTML5

§ Rozszerzenie Dreamweaver CS5 HTML5 - więcej

§ Rozszerzenie Illustrator CS5 HTML5 (export do CSS & SVG) - więcej

§ Obsługa HTML5 w publikacjach elektronicznych - więcej

§ Obsługa narzędzia BrowserLab w Firebug i Safari 5

§ Video:

§ Obsługa znacznika video (HTML5) w Dreamweaver’ze - więcej

§ Dodano możliwość video (HTML5) w usługach Scene7 - więcej

§ Obsługa HTML5/Flash w Open Source Media Framework

http://blogs.adobe.com/jnack/2010/05/dreamweaver_adds_html5_chops.html

http://blogs.adobe.com/jnack/2010/05/dreamweaver_adds_html5_chops.html

http://blogs.adobe.com/jnack/2010/09/illustrator-cs5-gains-html5-chops.html

http://blogs.adobe.com/jnack/2010/09/illustrator-cs5-gains-html5-chops.html

http://terrywhite.com/techblog/archives/6321

http://terrywhite.com/techblog/archives/6321

https://browserlab.adobe.com/en-us/index.html

https://browserlab.adobe.com/en-us/index.html

https://addons.mozilla.org/en-US/firefox/addon/231196/

https://addons.mozilla.org/en-US/firefox/addon/231196/

http://blogs.adobe.com/dreamweaver/2010/10/adobe-announces-the-html5-video-player-widget.html

http://blogs.adobe.com/dreamweaver/2010/10/adobe-announces-the-html5-video-player-widget.html

http://www.scene7.com/solutions/mobile.asp

http://www.scene7.com/solutions/mobile.asp

http://www.osmf.org/

http://www.osmf.org/


Przyszłość HTML5

§ Rozszerzenia typogra!czne i układu treści dla HTML5 – więcej (live demo)

§ Prototyp edytora animacji HTML5 - więcej

§ Eksport Flash’a do HTML5 (“zajawka” technologiczna) - więcej

36

http://blogs.adobe.com/jnack/2010/11/adobes-enhancing-webkit-for-better-typography.html

http://blogs.adobe.com/jnack/2010/11/adobes-enhancing-webkit-for-better-typography.html

http://tv.adobe.com/watch/adc-presents/preview-of-the-edge-prototype-tool-for-html5-/

http://tv.adobe.com/watch/adc-presents/preview-of-the-edge-prototype-tool-for-html5-/

http://blogs.adobe.com/jnack/2010/10/adobe-demos-flash-to-html5-conversion-tool.html

http://blogs.adobe.com/jnack/2010/10/adobe-demos-flash-to-html5-conversion-tool.html


Q&A


Footer Text

Flash - Pogromcy Mitów

Technology

Transcript of Flash - Pogromcy Mitów