UEK Phonegap

Aplikacja tworzona na zajęcia z Zaawansowanych Aplikacji Internetowych w oparciu o technologię Phonegap oraz jQuery mobile

Instalacja

Pobrać plik .zip
lub użyć Git'a

$ cd /path/to/your/folder/
$ git clone git@github.com:egel/uek-phonegap.git

Zadanie

Zbudowanie aplikacji w oparciu o HTML5 + CSS + JavaScript.

Wykońać do tego:

skórkę na postawie http://themeroller.jquerymobile.com/,
zbudować apikację na urządzenia mobilne dzięki usłudze Phonegap Build.

Wytyczne

Wykonaj aplikację ‘UEK’ zgodnie z podaną treścią zadania (poniżej).
Dodaj do menu aplikacji pozycję ‘Autor’.
Dodaj do aplikacji ekran ‘Autor’, na którym wyświetl swoje dane personalne: imię i nazwisko, nr albumu, nr grupy dziekańskiej.
Utwórz motyw dla aplikacji, w którym zdefiniuj kolory dla poszczególnych jej elementów (napisy, tła, nagłówki, stopki, elementy formularza, itd.)
Utwórz plik konfiguracyjny aplikacji „config.xml”, w którym określ nazwę oraz nr wersji aplikacji, wprowadź jej krótki opis, oraz wprowadź dane personalne autora aplikacji (imię i nazwisko). Szczegóły znajdziesz pod adresem: http://docs.build.phonegap.com/en_US/3.1.0/configuring_basics.md.html#The%20Basics
Zaprojektuj i dodaj do aplikacji ikonę. Przygotuj zestaw ikon w zależności od wielkości ekranu urządzenia mobilnego. Do utworzenia wielu ikon możesz wykorzystać poniższą usługę. Umieść ikony w odpowiednim folderze. Zmodyfikuj plik konfiguracyjny „config.xml”. http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html
Zaprojektuj i dodaj do aplikacji „splash screen”. Przygotuj różne wersje ekranu startowego w zależności od wielkości ekranu urządzenia mobilnego. Do jego utworzenia możesz również wykorzystać powyższą usługę. Zmodyfikuj plik konfiguracyjny „config.xml”.
Wprowadź zmiany w pliku konfiguracyjnym, aby w serwisie Phonegap Build tworzona była tylko wersja aplikacji dla systemu operacyjnego Android. Wprowadź zmiany w pliku konfiguracyjnym.
Korzystając z usługi ‘Phonegap Build’, utwórz natywną wersję aplikacji dla systemu operacyjnego Android.
Umieść wszystkie pliki wchodzące w skład aplikacji (apk, html, css, itd.) w archiwum ZIP o nazwie TwojeNazwiskoImie-UEK.zip a następnie prześlij plik ZIP na platformę Moodle do oceny.

Treść zadania

Ekrany aplikacji

Strona główna
- Nagłówek
  - Tytuł: UEK
  - Przycisk do otwierania panelu
- Treść - Logo CUE (odszukaj w witrynie uczelni)
- Stopka
- Panel zawierający menu aplikacji (nazwy pozostałych ekranów)
Misja
- Odszukaj w witrynie UEK właściwy tekst
Kierunki
- Lista kierunków podzielona na wydziały (list dividers)
Plan zajęć
- Tabela (kolumny jak w planie zajęć)
- 4-5 pozycji z plan u zajęć
Opinie
- Płeć (pole opcji)
- Wiek (pole edycyjne)
- Data rozpoczęcia studiów (pole daty)
- Kierunek studiów (lista)
- Opinia o UEK (pole edycyjne)
Galeria -Lista zdjęć (min.3) wraz z opisem (kilka słów do każdego zdjęcia)
- Zdjęcia pobrać z witryny UEK zdjecia-uczelni
Kontakt
- Adres
- Nr telefonu
- Email

Informacje dodatkowe

Każde okno aplikacji, oprócz głównego, powinno posiadać w nagłówku przycisk Home, z lewej stronie tytułu, bez opisu
Zastosuj do wszystkich okien jeden dowolnie wybrany efekt przejścia
Umieść w stopce okien tekst: UEK w Krakowie.
Wyświetl stopkę na dole ekranu.

Wsparcie

Warto posłużyć się następującymi rozwiązaniami podczas budowy aplikacji:

JQueryMobile tutorial
W3School jQuery Mobile examples
WAŻNE - Zanim projekt zostanie przekompilowany do aplikacji mobilnej, warto sprawdzić go odpowiednim validatorem udostępnionemu dzięki konsorcjum W3C, aby pozbyć się potencjalnych błędów w działaniu aplikacji.

Phonegap Build

Dzięki usłudze build.phonegap.com można w bardzo przyjemny sposób połaczyć niniejsze repozytorium z usługą.

Wystarczy:

Podać URL do repozytorium (usługa rozpoznaje tylko gałąć master) np.:https://github.com/egel/uek-phonegap,
Skonfigurować aplikację dołączając:
- tytuł,
- opis,
- wersję,
- konfigurację (zalecana powyżej v3.0.0)
- opis
A następnie zbudować aplikację

License

Oprogramowanie na licencji GNU AGPLv3