background image

 Tworzenie aplikacji 
mobilnych opartych 
o Adobe Flex

background image

Co to jest Adobe Flex?

Adobe  Flex  to  najnowszy  zestaw  technologii 

służących  do  tworzenia  aplikacji  mobilnych 

 

dla  iOS, 

Android  i  BlackBerry  Tablet  OS,  jak  również  na 
tworzenie 

prawdziwie 

dynamicznych 

interaktywnych aplikacji o olbrzymich możliwościach. 

Flex  został  pierwotnie  stworzony  przez  firmę 

Macromedia,  kupioną  następnie  w  2005  roku  przez 
firmę  Adobe,  która  aktualnie  rozpowszechnia  ją  na 
zasadach open source.

background image

Wykorzystywane 
technologie

Środowisko to swoje działanie opiera na dwóch technologiach. Są to:

ActionScript - język programowania służący do tworzenia logiki i 
interakcji w aplikacji

MXML - bazujący na XML język opisujący interfejs użytkownika i 
jego zachowanie

Stanowi to dość ciekawą alternatywę dla technologi webowych typu 
ajax i pozwala swobodnie tworzyć aplikację niezależenie od grymasów 
interpretacyjnych przeglądarek.

background image

Środowisko 
programistyczne

      Projektować  aplikację  w  technologi  Flex  można  na  dwa 

podstawowe sposoby.

      Przy  użyciu  darmowego  Adobe  Flex  SDK  lub  płatnego 

narzędzia Flash Builder opartego o 

IDE 

Eclipse.

  Oba rozwiązania tworzą jednak identyczny plik wynikowy 

i  różnice  pomiędzy  nimi  sprowadzają  się  do  wygody 
programowania.

background image

Największe zalety 
technologi Flex

Skalowalność. Pisanie aplikacji w pełni modułowych.

Cena. Darmowe oprogramowanie do tworzenia aplikacji.

Wsparcie w internecie.

Ogólnodostępność. Ponad 97% użytkowników internetu 
ma zainstalowaną wtyczkę Adobe Flash Player.

Brak różnic pomiędzy przeglądarkami.

Szerokie zastosowanie. Możliwość tworzenia aplikacji 
deskoptowych, mobilnych oraz webowych.

background image

Tworzenie nowego 
projektu

Aby utworzyć nowy projekt na 
telefon
Wybieramy -> File -> New ->Flex 
Mobile Project

Wybieramy nazwę projektu 
Ewentualnie zmieniamy jego 
lokację

background image

Kreator tworzenia 
projektu

background image

Kreator tworzenia 
projektu

background image

Edytor kodu

background image

Pierwszy kod

background image

Tworzenie nowego 
widoku

Aby dodać nowy widok szukamy 
w pasku  narzędzi:

File -> New… -> MXML 
Component

Formularz sam uzupełnia pola 
domyślnymi ustawieniami.

Jedynie samemu musimy 
uzupełnić nazwę tworzonego 
widoku. W naszym przypadku 
„MyNewView”

background image

Tworzenie widoku c.d.

background image

Tryb graficzny - design

background image

Testowanie

background image

Testowanie c.d. 

background image

Stworzenie 
HelloWorld.Apk

Wybieramy z panelu 
narzędzi zakładkę 

Project -> Export release 
build

background image

HelloWorld.Apk

Do utworzenia apki 
potrzebny jest podpis 
cyfrowy do podpisania 
aplikacji.

Możemy wybrać istniejący, 
lub utworzyć nowy.

background image

Tworzenie podpisu 
cyfrowego

Wybieramy lokację i 
zapisujemy nasz podpis.

Automatycznie plik 
otrzyma rozszerzenie 
.p12

background image

Zakończenie

Udało się !

Właśnie stworzyliśmy 
pierwszą mobilną 
aplikację
Z wykorzystaniem 
Adobe Flex 


Document Outline