Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

37
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Condential. Piotr Walczyszyn – Platform Evangelist Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

description

This is my presentation deck that I used for my Javarsovia 2010 session.

Transcript of Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

Page 1: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Piotr Walczyszyn – Platform EvangelistBudowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

Page 2: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

O mnie

2

Piotr WalczyszynPlatform Evangelist

h#p://riaspace.com

h#p://twi#er.com/pwalczyszyn

Page 3: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Różnorodność urządzeń elektronicznych

UrządzeniaElektroniczne

KomputeryOsobiste

TelefonyKomórkowe

Page 4: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Różnorodność urządzeń elektronicznych

UrządzeniaElektroniczne

KomputeryOsobiste

TelefonyKomórkowe

Page 5: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Aplikacja kontekstowa: (e New York Times

Page 6: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Aplikacja kontekstowa: (e New York Times

Page 7: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Aplikacja kontekstowa: (e New York Times

Page 8: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Aplikacja kontekstowa: (e New York Times

Page 9: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Aplikacja kontekstowa: (e New York Times

Page 10: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Aplikacja kontekstowa: (e New York Times

Page 11: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Aplikacja kontekstowa: (e New York Times

Page 12: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Aplikacja kontekstowa: (e New York Times

Każde medium daje: •Wyjątkowe doznania•Wyjątkowy model biznesowy•Zasilane jest przez te same usługi

Page 13: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Aplikacje kontekstowe dla Twi#er’a

5

Page 14: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Aplikacje kontekstowe dla Twi#er’a

5

Page 15: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Aplikacje kontekstowe dla Twi#er’a

5

Page 16: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Aplikacje kontekstowe dla Twi#er’a

5

Page 17: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Środowiska uruchomieniowe

Page 18: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Środowiska uruchomieniowe

W przeglądarce

YouTube.com

Poza przeglądarką

Page 19: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Środowiska uruchomieniowe

W przeglądarce

YouTube.com

Poza przeglądarką

Page 20: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Środowiska uruchomieniowe

W przeglądarce

YouTube.com

Poza przeglądarką

Page 21: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Pełny Flash Player 10.1

Nowe możliwości:

Ekrany dotykowe & gesty

Sensor ruchu (Accelerometer)

GPS (Geolocation)

Orientacja ekranu

Klawiatura dotykowa

Wykrywanie możliwości urzdądzeń

Panel ustawień mobilnych

Flash Player 10.1 i AIR 2.5 (prerelease)

Page 22: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Narzędzia programistyczne

Page 23: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

ADOBE FLEX 4

Page 24: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

What is Flex?

11

ActionScript 3

MXML

Flex Class Library

CSS

Page 25: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

What is Flex?

11

ActionScript 3

MXML

Flex Class Library

CSS

Page 26: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Jak działa Flex w przeglądarce

Flash Builder IDE

Flex SDK

Flex Class Library

MXML ActionScript

Page 27: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

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

Web Server

Istniejąca infrastruktura informatyczna

JEE, PHP, .NET, Python…

LC Data ServicesXML/HTTPREST

SOAP Web Services

Browser

Flash Player

Page 28: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Jak działa AIR

Page 29: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Jak działa AIR

Kompilacja&Pakowanie

SOAP HTTP/S AMF/S RTMP/S

Web Server

Istniejąca infrastruktura informatyczna

JEE, PHP, .NET, Python…

LC Data ServicesXML/HTTPREST

SOAP Web Services

Desktop

AIR Client Runtime

Files SQLite Noti!cations Clipboard

Page 30: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

AIR pakowanie i dystrybucja

.rpm i .deb

.air (swf, jpg, mp3)

.air

.apk

.exe

.dmg

Page 31: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Budowanie aplikacji kontekstowych

Page 32: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Architektura

Tomcat/BlazeDS/Spring

Page 33: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Architektura

Tomcat/BlazeDS/Spring

Browser

Page 34: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Architektura

Tomcat/BlazeDS/Spring

Browser Desktop

Page 35: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Architektura

Tomcat/BlazeDS/Spring

Browser Desktop Nexus One

Page 36: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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

Architektura

Remoting HTTP/AMF (001110010…)

Tomcat/BlazeDS/Spring

Browser Desktop Nexus One

Page 37: Budowanie aplikacji kontekstowych z użyciem Adobe AIR i Flex

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