Both sides previous revision
Poprzednia wersja
Nowa wersja
|
Poprzednia wersja
|
pl:dydaktyka:aml:lab7_2016 [2016/12/01 12:26] esimon [Stworzenie bazowego projektu] |
pl:dydaktyka:aml:lab7_2016 [2019/06/27 15:50] (aktualna) |
====== Aplikacje hybrydowe ====== | ====== Aplikacje hybrydowe ====== |
| |
====== Wstęp -- WebView ====== | ====== Wstęp - WebView ====== |
| - Stwórz aplikację android, która będzie skąłdała sie z jednej aktywności, zawierajacej tylko WebView. |
| - Umieść w swojej aplikacji poniższy zegar: http://alexanderbrevig.github.io/jsBinClock/ |
| - Odszukaj jaką grę w HTML5/Javascript i spróbują ją osadzić w całości w Webview. Jak poradzić sobie z CSS i innymi zewnętrznymi zasobami? |
====== Sencha Touch ====== | ====== Sencha Touch ====== |
===== Powtórka ===== | ===== Powtórka ===== |
| |
| |
- Zapoznaj się z [[http://docs.sencha.com/touch/2.3.0/touch-build/examples/kitchensink/index.html/|kuchennym zlewem]]¹ [[http://www.sencha.com/products/touch/|Senchy]]. | - Zapoznaj się z [[https://cdn.sencha.com/touch/sencha-touch-2.3.1a/built-examples/kitchensink/index.html|kuchennym zlewem]]¹ [[http://www.sencha.com/products/touch/|Senchy]]. |
- Zauważ, że aplikacja nie działa na IceWeasel (Firefox/Thunderbird/Seamonkey/Waterfox/dowolne [żywioł]+[zwierzę]). Wyciągnij wniosek na temat rynku przeglądarek w środowiskach mobilnych. | - Zauważ, że aplikacja nie działa na IceWeasel (Firefox/Thunderbird/Seamonkey/Waterfox/dowolne [żywioł]+[zwierzę]). Wyciągnij wniosek na temat rynku przeglądarek w środowiskach mobilnych. |
- Otwórz aplikację na różnych urządzeniach/w różnych przeglądarkach bazujących na WebKit; czy dostrzegasz różnice w interfejsie? | - Otwórz aplikację na różnych urządzeniach/w różnych przeglądarkach bazujących na WebKit; czy dostrzegasz różnice w interfejsie? |
}); | }); |
</code> | </code> |
| - Zbuduj aplikację natywną z wykorzystaniem Cordovy |
| - Może okazać sie, że URL-e się nie ładują (zobacz do log-cata) |
| - Być może konieczne będzie zainstalowanie pluginu <code>cordova plugin add cordova-plugin-whitelist</code> |
| - Zbuduj aplikację natywną z wykorzystaniem Phonegapa. |
| - Załóż konto na https://build.phonegap.com |
| - W katalogu root swojej aplikacji dodaj plik local.properties z zawartością jak poniżej:<code>phonegap.username=user@domain |
| phonegap.password=p@ssw0rd</code> UWAGA :!: W pliku ''app.json'' wygenerowanym przez senche pola nazywają sie ''phonegap.remote.user'' i ''phonegap.remote.password'' co jest mylace :!: Ma być jak w przykładzie powyżej. |
| |
| |
| |