RkBlog

Hardware, programming and astronomy tutorials and reviews.

Tworzenie prostej mobilnej aplikacji w Titanium Developer

Tworzymy prostą aplikację dla Androida i iPhone za pomocą Titanium Developer w JavaScript.

W tym artykule zapoznamy się z podstawami tworzenia mobilnych aplikacji w Titanium Developerze. Mając gotowe do pracy środowisko obejmujące emulator androida i Titanium Developera można przystąpić do pracy. Wiele przykładów wykorzystania API znajdziemy w pokazowej aplikacji KitchenSink do tego przyda się także dokumentacja.

Struktura aplikacji Titanium

Mobilna aplikacja stworzona w Developerze ma następującą strukturę
build  CHANGELOG.txt  LICENSE  LICENSE.txt  manifest  README  Resources  tiapp.xml
W katalogu build znajdują się binarne wersje naszej aplikacji pod Androida i iPhone, a w katalogu Resources cały kod naszej aplikacji. Plik tiapp.xml zawiera konfigurację aplikacji, w tym listę zakładek-okien (domyślnie dwie):
<window>
            <id>initial</id>
            <url>index.html</url>
            <backgroundColor>#FFFFFF</backgroundColor>
			<icon>ti://featured</icon>
			<barColor>#000</barColor>
			<fullscreen>false</fullscreen>
        </window>
Jeżeli podamy tylko jedno okno to aplikacja nie będzie używać navbara (menu zakładek). W katalogu Resources znajdziemy:
about.html  android  index.css  index.html  index.js
index.html to strona główna naszej aplikacji. Dodatkowo katalogi "android" i "iphone" przeznaczone są na pliki specyficzne dla danego systemu (mogą one nadpisywać te znajdujące się w głównym katalogu).

Jak wygląda tworzenie aplikacji?

Tworzenie aplikacji mobilnej za pomocą JS/HTML/CSS może wydawać się trochę nietypowe. Ogólnie zająć musimy się Główny element aplikacji to kod JavaScript operujący na drzewie DOM pliku HTML oraz wykorzystujący API Developera do implementacji całej logiki aplikacji. Ścieżki implementacji interfejsu aplikacji są dwie - własny kod HTML/CSS lub też wykorzystanie natywnych kontrolek i widżetów poprzez API Developera. Natywne kontrolki dopasowują swój wygląd do systemu operacyjnego i łatwo je skrypować z poziomu JavaScriptu. Własne rozwiązania pozwalają na znacznie większą swobodę twórczą, choć tracimy natywny interfejs, do którego użytkownik jest przyzwyczajony. Przykład aplikacji zbudowanej na natywnych kontrolkach znajdziemy w prezentacji Hybrid iPhone Apps with Titanium Mobile.

Titanium Developer nie jest zbyt dobrze udokumentowany, choć sytuacja poprawia się z miesiąca na miesiąc. Nie unikniemy testowania różnych fragmentów kodu i masowego debugowania z emulatorem.

Prosta aplikacja

Teraz stworzę prostą aplikację będącą klientem kanału RSS wybranego serwisu (jako punkt wyjścia do bardziej zaawansowanej aplikacji promującej serwis). Dla porównania jeden widok oprogramuję za pomocą natywnych kontrolek, drugi będzie czystym widokiem HTML/CSS. Za pomocą webowych technologii, prostych wtyczek jQuery stworzyliśmy prostą aplikację agregującą dane z wybranego serwisu. Rozbudowując ten pomysł można stworzyć mobilny interfejs serwisu internetowego korzystający z możliwości sprzętowych telefonu, choć łatwiej je wykorzystać będzie stosując natywne API. Teraz zajmiemy się oprogramowaniem pierwszej zakładki wyświetlającą listę wpisów w natywnej kontrolce tabeli. Titanium Developer ma spory potencjał przy tworzeniu społecznościowych, webowych aplikacji, lecz wciąż ma problemy z przyjemnością tego programowania. Do odważnych świat należy ;)

Źródła

Po rozpakowaniu zaimportuj w Developerze projekt wskazując rozpakowany katalog.
RkBlog

Systemy wbudowane, 25 February 2010,

Comment article