Piszemy aplikację w Adobe AIR – drag and drop upload cz. 3

W poprzedniej części opisałem w jaki sposób wskazać aplikacji pliki, które chcemy wysłać na serwer. Dzisiaj zajmiemy się wysłaniem tych plików na serwer. Jak zobaczycie, jest to bardzo prosta rzecz, która nie wymaga zbyt dużo kodu. Najwięcej zachodu jest, jak zwykle, ze wszystkim innym – wyświetlanie ilości plików, pasek postępu, czy resetowanie danych po zakończeniu uploadu. Na początek musimy przebudować kod HTML tak, by uwzględniał wszystkie elementy aplikacji. Ponieważ kodu jest sporo, nie będę go tutaj wklejał. Na końcu tego wpisu znajduje się link do wszystkich plików. Wspomnę jedynie, że do kodu HTML dodałem link…

Piszemy aplikację w Adobe AIR – drag and drop upload cz. 2

Witam w drugiej części serii poświęconej tworzeniu aplikacji w Adobe AIR. W poprzedniej części skupiłem się na przedstawieniu sposobu tworzenia okna aplikacji. Dzisiaj będzie ciekawiej, ponieważ zaprezentuję mechanizm drag and drop. Zanim jednak rozpoczniemy jego programowanie, musimy dodać do aplikacji kilka elementów, takich jak miejsce do którego przeciągane będą pliki, czy lista już dodanych plików. Poniżej znajduje się kod HTML oraz CSS uwzględniający nowe elementy: <html> <head> <link href=”css/style.css” rel=”stylesheet” type=”text/css”/> <script type=”text/javascript” src=”lib/air/AIRAliases.js”></script> <script type=”text/javascript” src=”lib/jquery/jquery-1.3.2.min.js”></script> <script type=”text/javascript” src=”js/script.js”></script> </head> <body> <div id=”window”> <div id=”top-bar”> <a href=”#” id=”close-application”>X</a> </div> <div id=”file-list”> <ul></ul> </div> <div…

Piszemy aplikację w Adobe AIR – drag and drop upload cz. 1

W poprzedniej serii poświęconej Adobe AIR opisałem czym jest technologia Adobe AIR, przestawiłem podstawowe techniki programowania przy jej użyciu oraz zaproponowałem IDE, które wspiera tworzenie aplikacji AIR. Dzisiejszy i kilka kolejnych wpisów poświęconych Adobe AIR, będzie skupiało się na praktycznym zastosowaniu API do tworzenia aplikacji. Obiecałem, że będzie to drag and drop upload i obietnicy tej dotrzymam. Tworzenie aplikacji rozpoczniemy od poznania klasy NativeWindow oraz sposobów na całkowitą zmianę wyglądu okna naszej aplikacji. Zanim jednak przejdziemy do praktyki, proponuję zapoznać się z oficjalnymi materiałami dotyczącymi Adobe AIR. Nowy projekt Tworzenie aplikacji zaczniemy od utworzenia w…

Adobe AIR 2 – publiczna beta

Firma Adobe udostępniła publiczną betę środowiska AIR. Wprowadzonych zmian jest całkiem sporo i jeśli wierzyć w to co napisano w release notes, to oprócz nowych funkcji, dostaniemy również poprawę wydajności. Oto co Adobe przygotowało w wersji 2: aktualizacja WebKit-a. W nowej wersji będzie to ta sama wersja co w przeglądarce Safari 4.0.3. Dzięki temu Adobe AIR zyskuje możliwość korzystania z dobrodziejstw CSS3 oraz HTML5. Do tego dochodzi canvas w najnowszej wersji. możliwość wykrycia przenośnych dysków USB, np pendrive, aparat, telefon, itp. obsługa mikrofonu obsługa multi-touch oraz gestów globalna obsługa błędów dodanie wsparcia dla nowych protokołów…

Adobe AIR dla programistów javascript – cz. 3

Dzisiaj pokażę jak w prosty i szybki sposób można debugować aplikacje napisane w Adobe AIR. W tym celu posłużę się debugerem wbudowanym w Aptanę oraz specjalnie przygotowaną do tego celu bliblioteką – AIR Introspector. Naukę debugowania zaczniemy od utworzenia nowego projektu. Ponieważ nie będziemy dzisiaj poznawać żadnych wywołań API poza debugerem, pozostawiamy wszystkie ustawienia domyślne za wyjątkiem kroku, w którym wybieramy elementy frameworka AIR. Na tym etapie musimy dodatkowo zaznaczyć AIR Introspector. Do nauki wystarczy nam domyślnie wygenerowany projekt, w związku z czym nie musimy go kasować. Debugowanie aplikacji Adobe AIR w Aptanie Debugowanie aplikacji…

Adobe AIR dla programistów javascript – cz. 2

W poprzednim artykule poświęconym Adobe AIR, pokazałem co i jak zainstalować, by móc  korzystać z Adobe AIR. Dzisiaj przedstawię krok po kroku proces tworzenia aplikacji. Zanim jednak przejdziemy do istoty problemu, muszę nieco ponudzić na temat samej technologii. Co to jest i dlaczego jest takie fajne? Do tworzenia aplikacji Adobe AIR w zupełności wystarczy znajomość tego samego HTML-a, CSS i Javascript, co w przypadku stron WWW. Znika konieczność tworzenia okrętek na różne przeglądarki, a na dodatek można się cieszyć dobrodziejstwami CSS3. Ta prostota pozwala skupić się na logice aplikacji, a nie na jej działaniu w…

Adobe AIR dla programistów javascript

Stosunkowo niedawno pojawiła się nowa technologia, umożliwiająca tworzenie aplikacji desktopowych przy użyciu HTML, CSS oraz javascript. Wbrew pozorom aplikacje stworzone w Adobe AIR, oferują szeroki wachlarz możliwości, który w zupełności zadowoli większość programistów, chcących pisać aplikacje desktopowe. W dzisiejszym artykule opiszę czym jest Adobe AIR oraz co trzeba zainstalować w systemie operacyjnym, by móc z niego korzystać. W kilku następnych artykułach poświęconych Adobe AIR będę opisywał kolejne etapy tworzenia aplikacji. Zebrane razem, będą stanowiły – mam nadzieję – solidną podstawę dla osób, które będą chciał tworzyć aplikacje w tej właśnie technologii. Na koniec zaprezentuję aplikację…