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

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

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

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

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

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

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

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

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

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

PixelBender

Windows,Macintosh Linux

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

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

PixelBender

Windows,Macintosh Linux

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

Android, RIM…

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

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%

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

Statystyki penetracji technologii Flash

5

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

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.

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.

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.

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?

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

Flash to: technologia wieloplatformowa

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

Flash to: bogate animacje

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

Flash to: bogate animacje

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

Flash to: gra!ka wektorowa

10

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

Flash to: gra!ka wektorowa

10

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

Flash to: gra!ka wektorowa

10

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

Flash to: video w Internecie

11

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

Przykłady

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

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

13

Kampanie marketingowe Aplikacje internetowe

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

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

14

Interaktywne elementy strony Treść video

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

Augmented Reality

15

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

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

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

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

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

Footer Text

ADOBE FLEX 4

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

Footer Text

Jak działa Flex w przeglądarce

Flash Builder IDE

Flex SDK

Flex Class Library

MXML ActionScript

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

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

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

Footer Text

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

Footer Text

Jak działa AIR

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

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

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

Footer Text

Dodatkowe możliwości środowiska AIR

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

Footer Text

Dodatkowe możliwości środowiska AIR

Instalacja i uruchamianie jako aplikacja natywna

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

Footer Text

Dodatkowe możliwości środowiska AIR

Instalacja i uruchamianie jako aplikacja natywna

Lokalna baza danych

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

Footer Text

Dodatkowe możliwości środowiska AIR

Instalacja i uruchamianie jako aplikacja natywna

Dostęp do systemu plików i aplikacji natywnych

Lokalna baza danych

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

Footer Text

Dodatkowe możliwości środowiska AIR

Instalacja i uruchamianie jako aplikacja natywna

Dostęp do systemu plików i aplikacji natywnych

iOS

Lokalna baza danych

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

Footer Text

Adobe AIR - przykłady

23

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

Footer Text

Adobe AIR - przykłady

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

Footer Text

Adobe AIR - przykłady

25

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

Wprowadzenie do narzędzi programistycznych

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

Narzędzia programistyczne

27

Flash CS5 Flash Builder

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

Pokaz technologii Flash na urządzeniach

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

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

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

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

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

Przyszłość technologii Flash

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

Główne kierunki rozwoju

32

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

Główne kierunki rozwoju

32

Gry/3D

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

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

Główne kierunki rozwoju

32

Gry/3D

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

RIA/eRIA

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

obsłuba tekstu

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

Główne kierunki rozwoju

32

Gry/3D

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

RIA/eRIA

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

obsłuba tekstu

Video

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

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

Adobe i HTML5

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

Flash i HTML5

34

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

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

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

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

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

Q&A

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

Footer Text