17 Adobe AIR Pierwsza aplikacja Adobe AIR.pdf

(1664 KB) Pobierz
684302336 UNPDF
52
I D
P S
Ai
Fl D W
F W
Ct A E
Pr Sb O L
En Br
Adobe AIR
Pierwsza
aplikacja
Adobe AIR
01 Budujemy dowolny projekt
Flash np. galerię zdjęć, czytnik
plików RSS czy nawet grę. Podczas
projektowania z myślą o aplikacjach
desktopowych, warto zwrócić uwagę
na docelową wielkość pracy oraz
kolor jej tła. Technologia Adobe AIR
pozwala tworzyć aplikacje desktopo-
we całkowicie pozbawione tła. Daje to
naprawdę niesamowite możliwości.
Przekształcamy prostą
pracę stworzoną we Flashu
w pełnoprawną aplikację
desktopową
Dzięki użyciu technologii AIR możemy samo-
dzielnie tworzyć różnorodne aplikacje nie tylko pod
kątem zastosowań internetowych ale także z myślą
o komputerach stacjonarnych. Adobe AIR to frame-
work, który zapewnia możliwość tworzenia tradycyjnych
programów komputerowych wraz z instalatorem, co
więcej pozwala na integrację naszych aplikacji z syste-
mem operacyjnym użytkownika. W rezultacie za pomocą
popularnych aplikacji Adobe takich jak Adobe Flash,
Dreamweaver czy Flex (Flash Builder) możemy z łatwo-
ścią tworzyć tradycyjne programy komputerowe prze-
znaczone do instalacji na maszynach naszych klientów.
Każda tego typu aplikacja może z łatwością łączyć się
z bazą danych (lokalną zapisaną na dysku użytkownika
lub zdalną, dostępną w internecie) ale także wykonywać
czynności tradycyjnie niedostępne dla programów Flash
czy Dreamweaver.
W tym przykładzie poznamy możliwości prze-
kształcania prostej pracy Flash w pełnoprawną aplikację
desktopową. Przedstawione mechanizmy możemy także
z powodzeniem wykorzystać do budowy programów przy
użyciu Adobe Dreamweaver oraz Flash Builder (Flex).
03 Aby przekształcić
pracę wykonaną w programie Flash
w aplikację AIR, konieczna jest zmiana
ustawień eksportu całego dokumentu
Flash. W tym celu wywołujemy
polecenie File>Publish Settings
(Ctrl+Shift+F12) i w sekcji poświęco-
nej wersji odtwarzacza Flash Player
wskazujemy docelowa platformę
Adobe AIR 1.5. Potwierdzamy wpro-
wadzone zmiany i zamykamy okno.
Od tej chwili każdorazowe wywołanie
polecenia Test Movie (Ctrl+Enter)
spowoduje uruchomienie testowej
aplikacji AIR zamiast tradycyjnego
Flash Playera.
02 W naszym przykładzie
wykorzystamy prostą zabawkę –
aplikację do rysowania i za pomocą
odpowiednich ustawień eksportu
przekształcimy ją w aplikację AIR. Do
budowy naszej rysowanki wykorzy-
stany został język ActionScript 3.0
i kilka prostych komponentów. Ich
użycie pozwoliło na przygotowanie
prostej zabawki o intuicyjnym
interfejsie użytkownika.
Paweł Zakrzewski
Od wielu lat
jako freelancer
oraz instruktor
związany z grafiką
komputerową,
tworzeniem stron
www i prezentacji
multimedialnych.
Posiada
certyfikaty Adobe
Community
Expert, Adobe
Certified
Expert oraz
Adobe Certified
Instructor.
Założyciel
i manager Adobe
Creative Suite
User Group In
Poland (ACSUG).
Więcej informacji
o autorze pod
adresem www.
pawelzakrzewski.pl
Potrzebny czas
45 minut
Adobe AIR
Aby możliwa była
instalacja oraz wykorzystanie
aplikacji AIR na komputerze naszych
użytkowników konieczna jest
instalacja darmowej wtyczki Adobe
AIR. W najnowszych wersjach pakietu
Adobe Creative Suite dodatek ten
instalowany jest automatycznie,
jednak końcowi użytkownicy muszą
pobrać go ze strony firmy Adobe
i zainstalować samodzielnie. Otwiera
to nieprawdopodobne możliwości
łączenia aplikacji Flash (i nie tylko)
z systemem użytkownika, a także
z Internetem. Takie połączenie to
z pewnością przyszłość w rozwoju
aplikacji RIA.
04 Po zakończeniu testów
naszej aplikacji nadszedł czas by
przygotować odpowiednie ustawienia
umożliwiające budową instalatora
aplikacji Adobe AIR. W tym celu
aktywujemy właściwości dokumentu
i za pomocą przycisku AIR Settings
przechodzimy do wprowadzenia
koniecznych edycji.
Umiejętności
Poznanie
podstawowych
możliwości
środowiska
wykonawczego
Adobe AIR
Computer Arts Wrzesień 2009
www.computerarts.com.pl
684302336.076.png 684302336.087.png 684302336.098.png 684302336.109.png 684302336.001.png 684302336.007.png 684302336.013.png 684302336.019.png 684302336.026.png 684302336.037.png 684302336.048.png 684302336.054.png 684302336.055.png 684302336.056.png 684302336.057.png 684302336.058.png 684302336.059.png 684302336.060.png 684302336.061.png 684302336.062.png 684302336.063.png 684302336.064.png 684302336.065.png 684302336.066.png 684302336.067.png 684302336.068.png 684302336.069.png 684302336.070.png 684302336.071.png 684302336.072.png 684302336.073.png 684302336.074.png 684302336.075.png 684302336.077.png 684302336.078.png 684302336.079.png 684302336.080.png 684302336.081.png 684302336.082.png 684302336.083.png 684302336.084.png 684302336.085.png 684302336.086.png 684302336.088.png 684302336.089.png 684302336.090.png 684302336.091.png 684302336.092.png 684302336.093.png 684302336.094.png 684302336.095.png 684302336.096.png 684302336.097.png 684302336.099.png 684302336.100.png 684302336.101.png 684302336.102.png 684302336.103.png 684302336.104.png 684302336.105.png
Akademia Adobe CS4
53
W sekcji Application
Settings określamy docelową nazwa
aplikacji, unikalny ID (zazwyczaj
nazwa naszej domeny i aplikacji
pisana od tyłu) oraz rodzaj tła w sekcji
Window Style. Aby zapisać aplikację
pozbawioną tła, wybieramy opcję
Custom Chrome Transparent.
W dolnej sekcji Installer
Settings wprowadzamy ważne usta-
wienia odnośnie instalatora aplikacji
AIR. Jeśli nasza praca składa się
z wielu niezależnych plików (folderów)
warto jest je dodać do instalatora.
Pozwoli to na automatyczne
przeniesienie wszystkich elementów
składowych do docelowej lokalizacji
naszej aplikacji.
Jednym z najważniejszych ustawień naszej
aplikacji jest w tym miejscu podpis cyfrowy umożliwia-
jący instalację programu na docelowych komputerach.
Prawdopodobnie niewielu z czytelników posiada wykupiony
własny klucz/podpis umożliwiający tworzenie podpisanych,
bezpiecznych aplikacji. Nie jest to jednak duży problem.
Za pomocą programu Flash możemy wygenerować własny
klucz do aplikacji. Niestety nie ma on takiej „mocy”, jaką
mają profesjonalne podpisy jednak z powodzeniem możemy
wykorzystywać go w pierwszych naszych aplikacjach. Za
pomocą przycisku Set w sekcji Digital Signature przecho-
dzimy do okna ustawień podpisu.
Po utworzeniu własnego
Certyfikatu musimy wskazać go w oknie
Digital Certificate. Po wprowadzeniu
hasła wszystkie obowiązkowe
ustawienia są już gotowe. Zamykamy
wszystkie okna dialogowe, a następnie za
pomocą polecenia File>Publish (Ctrl+F12)
eksportujemy gotowy instalator naszej
aplikacji. W rezultacie powstanie nam
plik z rozszerzeniem .air – czyli właśnie
aplikacja desktopowa AIR. Aby przete-
stować działanie programu na docelowej
maszynie musimy zainstalować naszą aplikację. Klikamy dwukrotnie w miniaturkę
programu i potwierdzamy kolejne ekrany instalatora.
Za pomocą przycisku Create przechodzimy do
okna Self-Signed Digital Certificate, gdzie wprowadzamy
wszystkie niezbędne ustawienia. Warto jest dobrze
zapamiętać hasło do podpisu i zachować go w konkretnej,
bezpiecznej lokalizacji. Raz przygotowany, własny certyfi-
kat możemy wykorzystywać do tworzenia wielu aplikacji.
Gotowa aplikacja domyślnie instaluje się
w katalogu Program Files i pozwala na jej usunięcie za
pomocą polecenia Dodaj/Usuń programy.
Jeśli po instalacji programu znajdziemy w nim błędy możemy dokonać
stosownych poprawek i ponownie wyeksportować plik instalatora. Podczas
próby kolejnej wersji tej samej aplikacji, instalator wcześniej odinstaluje wersję
poprzednią. To bardzo wygodne działanie.
www.computerarts.com.pl
Computer Arts Wrzesień 2009
Technika
05
06
07
09
08
10
11
684302336.106.png 684302336.107.png 684302336.108.png 684302336.110.png 684302336.111.png 684302336.112.png 684302336.113.png 684302336.114.png 684302336.115.png 684302336.116.png 684302336.117.png 684302336.002.png 684302336.003.png 684302336.004.png 684302336.005.png 684302336.006.png 684302336.008.png 684302336.009.png 684302336.010.png 684302336.011.png 684302336.012.png 684302336.014.png 684302336.015.png 684302336.016.png 684302336.017.png 684302336.018.png 684302336.020.png 684302336.021.png 684302336.022.png 684302336.023.png 684302336.024.png 684302336.025.png 684302336.027.png 684302336.028.png 684302336.029.png 684302336.030.png 684302336.031.png 684302336.032.png 684302336.033.png 684302336.034.png 684302336.035.png 684302336.036.png 684302336.038.png 684302336.039.png 684302336.040.png 684302336.041.png 684302336.042.png 684302336.043.png 684302336.044.png 684302336.045.png 684302336.046.png 684302336.047.png 684302336.049.png 684302336.050.png 684302336.051.png 684302336.052.png 684302336.053.png
Zgłoś jeśli naruszono regulamin