PhoneGap Keretrendszer Dudás Dániel Szabadkai Műszaki Szakfőiskola 2015. november 24.

Az előadások a következő témára: "PhoneGap Keretrendszer Dudás Dániel Szabadkai Műszaki Szakfőiskola 2015. november 24."— Előadás másolata:

1 PhoneGap Keretrendszer Dudás Dániel Szabadkai Műszaki Szakfőiskola 2015. november 24.

2 Bevezető

3 Fejlesztés mobil eszközökre Minden mobil oprendszerhez letézik fejlesztőkörnyezet Egy rendszerre megírt app nem futtatható másikon A fejlesztőknek érdeke hogy az alkalmazásuk minél szélesebb felhasználói bázis számára elérhető legyen Fárasztó feladat olyan app létrehozása ami az összes jelentősebb platformon fut, miközben a kinézete, érzete és funkcionalitása azonos marad

4 Natív vs hibrid Hibrid appok a legjobbat(és legrosszabbat) ötvözik a HTML5 és a natív mobil alkalmazások világából Egyszer létrehozni, bevetni mindenhol Elvégzik a “koszos munkát” A karbantartás sokkal egyszerűbb (frissítés) Korlátozások, következetlenségek és bugok ahogy az app nő és egyre bonyolutabb lesz Ha csak az alkalmazás nem pofonegyszerű a felhasználói élmény valamilyen módon meg fogja szenvedni

5 Mikor használjuk? Sok esetben egy hibrid fejlesztőkörnyezet az arany középút Tapasztalt webfejlesztők JavaScript optimalizálás CSS elrendezés, felhasználói felület Nem hiányoznak a natív képességek Fejlesztési és karbantartási költségek ha egy alkalmazás több platformot céloz meg

6 PhoneGap Eredetileg Nitobi készítette 2011-ben felvásárolta az Adobe A PhoneGap kódját megnyitották az Apache Szoftver Alapítványnak, hogy kezdjen egy új Apache Cordova nevű projektet 2012 szeptember – PhoneGap build, feltölthető a forráskód egy "felhőbeli" fordítóba amely legenerálja az appokat minden támogatott platformra Nyílt forráskódú, sok másik segédeszköz épül rá

7 Támogatott funkciók, platformok

8 Felépítése Hibrid alkalmazás - HTML5 alkalmazás ami egy vékony natív burokba van becsomagolva A kezelőfelület egy web bongésző amely az eszköz kijelzőjének 100%-át elfoglalja, nincs keretje Ez ugyanaz a web view mint az iOS-en az Objective-C UIWebView class vagy Androidon az android.webkit.WebView Hozzáférés az API-khoz, a legtöbb okostelefon funkcionalitás le van fedve Ha valami hiányzik pótolható plugin-ekkel

9 Kinézet Mivel a kezelőfelületet a mobil eszköz böngészője képzi le, a kinézete gyakorlatilag bármilyen lehet Standard HTML és CSS használatával normál web lap kinézetet kapunk De UI Framework is használható mint pl. a jQuery UI, Kendo UI, Sencha, Bootstrap vagy Skeleton CSS stílusokkal lemásolható az iOS vafy a Blackberry natív kinézete is

10 Példák navigator.camera.getPicture(onSuccess, onFail, { quality: 50, destinationType: Camera.DestinationType.DATA_URL }); function onSuccess(imageData) { var image = document.getElementById('myImage'); image.src = "data:image/jpeg;base64," + imageData; } function onFail(message) { alert('Failed because: ' + message); } function alertDismissed() { // do something } navigator.notification.alert( 'You are the winner!', // message alertDismissed, // callback 'Game Over', // title 'Done' // buttonName );

11 Összegzés Legtöbb cégnek az hogy az alkalmazást ne kelljen egyszerre több platformra is fejleszteni, “több legyet is egy csapásra” megéri még akkor is ha ez a felhasználói élmény illetve az alkalmazás minőségének csökkenésének árán is. Nehézkes hibakeresés, tesztelés Közösség

12 Köszönöm a figyelmet!