Marek Naumowicz

„

Dziś przedstawiono na Spider's Web naprawdę bardzo ładnie wykonaną aplikację mobilną Spider's Web w stylu Metro do systemu Windows Phone. Tak w ramach luźnej koncepcji przedstawiam odpowiedź na tę aplikację w wersji dla Androida oraz na video działająca wersję tej samej aplikacji dla iPada, która przy okazji doskonale pokazuje jak niesamowicie wydajnym urządzeniem jest iPad (Galaxy S III nie daje sobie z tym rady i korzysta z przejścia "pop") na przykładzie natywnego przejścia "flip": db.tt/4jrRihJX www.dropbox.com/s/f99baaz97t1fhi2/20120926_014432.mp4 Aplikacja napisana została z użyciem biblioteki jQ Mobile, dedykowanej do tworzenie interfejsów na mobilne sprzęty, w łagodnym temacie "theme-b". Wersja dla Androida (wkrótce dodam jeszcze dedykowane kanały blogerów), dostępna jest pod adresem: db.tt/vqA56joq www.dropbox.com/s/ljpeq3oalmzdi6e/Spider%27s%20Web.apk A zrzutki aplikacji: hostuje.net/file.php?id=ed4a279820057eaedd94e1dd9ae5f6c6 Zachęcam do sprawdzenie i podzielenia się konstruktywnymi sugestiami, wszelkie uwagi które mogłyby wzbogacić interfejs i samą aplikację, mile widziane.

Jeśli jesteś legendą formatu Kamila Brzezińskiego, gwiazdą front-endu, pracujesz dla Microsoftu czy Google:) nie znajdziesz tu nic ciekawego.Jeśli jesteś „miszczem świata i okolic” w programowaniu , lubisz sie kłócić bez sensu, jesteś znanym forumowym „optymalizatorem kodu”, lubisz dywagować w nieskończoność ile diabłów mieści się na końcu szpilki czyli o oddzieleniu html od stylów i kodu JavaScript lub pisać teksty w stylu ” ten kod to syf”, „nadaje się na zaliczenie w gimnazjum” i inne tego typu głupoty, jesteś notorycznie sfrustrowany lub właśnie pokłóciłeś się z żoną , zdecydowanie nie czytaj dalej! Zawróć! Odpuść sobie i innym.Jeśli jesteś niedzielnym programistą, lubisz Androida, języki webowe i ojca Rydz.. (żartowałem:), chciałbyś w miłej atmosferze wymienić konstruktywne uwagi i zrobić lub nauczyć sie czegoś dobrego to ten artykuł jest dla Ciebie:)A więc do dzieła.Artykuł ten jest ciągiem dalszych opowieści z mchu i paproci o jakże ponętnej bibliotece JavaScript, czyli ucieleśnionym pięknie znanym jako jQuery pozostającej w związku małżeńskim z rogatym bożkiem, któremu pokątnie cześć oddawał sam Steve, znanym jako HTML (5), czyli czymś co zdaniem wielkich i jeszcze większych, jest przyszłością mobilnego programowania.Przechodząc do rzeczy, po wniesieniu drzewa do lasu, czyli napisaniu nikomu niepotrzebnej aplikacji mobilnej do SpidersWeb na Androida (co tam Panie w wersji na iOS? hehe;), nadszedł czas na zrobienie czegoś, jak napisałem powyżej, konstruktywnego i pozytywnego.Padło na edukacyjną grę do nauki języka angielskiego, której idea streszcza się w tym video:db.tt/NZfrp7jBNie skupiałem się na opisie intro, jest ono łatwe do napisania co jest oczywiste i mało ciekawe od strony programistycznej, poniżej staram się objaśnić jak została przekuta w to co najfajniejsze dla każdego programisty, czyli sam kod, owa idea jednej z plansz gry.Do następnego (być może) razu:)

W sumie niewiele można napisać o tym projekcie, ale jest to napisany w jQuery (UI), nie zaś „czysto” telefonicznej wersji jQuery Mobile, czytnik Spidersweb. Powyższy przykład wpisuje się w sugestie dotyczące pisania aplikacji na smartfony w językach webowych o których mówią takie legendy jak choćby Kamil Brzeziński i pokazuje jak łatwo zaimplementować powyższy szkielet w środowisku programowania Androida, nie używając żadnych dodatków typu PhoneGap itp. Aplikacja korzysta z elementów tabs, button, dialog, natywnych „framework icons”, wtyczki Booklet oraz tematu „Cupertino Theme”, efektów shake, show, hide oraz ma zaimplementowaną obsługę gestów z użyciem akcelerometru co widać na dołączonym filmie, przechylenie telefonu na prawo powoduje wyjechanie okna newsa poza ekran główny i jego zamknięcie, zaś obrót telefonu powoduje zamknięcie aplikacji. Użycie metody addJavascriptInterface umożliwia naprawdę fantastyczną integrację kodu JavaScript z Javą.