Tworzenie mobilnych aplikacji opartych o Adobe Flex

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

i

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


Wyszukiwarka

Podobne podstrony:
Zestaw narzedzi programistycznych do generowania mobilnych aplikacji (2)
AJAX i JavaScript Tworzenie i optymalizacja aplikacji sieciowych
integracja aplikacji opartych n Nieznany
AJAX i PHP Tworzenie interaktywnych aplikacji internetowych Wydanie II ajpht2
AJAX i PHP Tworzenie interaktywnych aplikacji internetowych
AJAX i PHP Tworzenie interaktywnych aplikacji internetowych ajaphp
MS Office 2000 i 2002 XP Tworzenie własnych aplikacji w VBA
Adobe Flex 3 Oficjalny podręcznik

więcej podobnych podstron