Hogyan készítheti el egy laikus egy nap alatt az INFOÉRA konferencia programlistázó és értékelő mobilalkalmazását? Menyhárt László Gábor Zamárdi, Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Tartalom Bevezető gondolatok Előkészületek A fejlesztés lépései Bemutató Tapasztalatok Miért mutattam be? Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Bevezető gondolatok Először a címről Folyamat és minőség (később: Tapasztalatok) Egy laikus mennyire volt laikus Egy nap = 2 este 5-6 óra 2-3 óra (előkészület) óra (tervezés) óra (fejlesztés) óra (tesztelés, finomítás, design) + amíg napközben jár az agyad Hol van? (később: Tapasztalatok) Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Bevezető gondolatok 2048 játék Web-en nézegeted a JS-t átírod, hogy 100% valószínűséggel 2048-at adjon minden mezőre Telefonon nézegeted (Android APK letöltöd, unzip, …) UGYANAZ a kód! Hogy is van ez? Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Bevezető gondolatok Fejlesztés mobilra Web vagy natív minden platformra? Framework/keretrendszer platform-independent? PhoneGap (persze vannak még ilyenek!) WebApp-ot (HTML, CSS, JS) iPhone-ra, WindowsPhone-ra és Android-ra Natívnak néz ki Eszköz erőforrásait eléri Miért ne használjuk? (később: Miért mutattam be?) Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Előkészületek Saját gépre ANT apache-ant NodeJS v PhoneGap Projekt fejlesztéshez Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

PhoneGap Alap az Apache Cordova Natív telefonos alkalmazások fejlesztése HTML, CSS és JS segítségével Apache Licence Plugin-ek Telefonok alap dolgait eléri Partnerek Fájlok GPS Szenzorok Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

PhoneGap Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Előkészületek Fordítás, futtatás emulátoron az SDK-val Saját gépre kell Android SDK Létre kell hozni egy virtuális eszközt android create avd --name --target Emulátorra telepíteni phonegap install android Emulátoron futattni phonegap run android Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Előkészületek Több platform miatt Forráskód tárolása szerveren GitHub OpenSource  ingyenes Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Előkészületek Git kliens a lokál gépen git status git add. git commit -m "v$X " #ez akkor kell ha a következő parancsnál nem akarjuk mindig beírni a nevünket/jelszavunkat git config --global credential.helper wincred git push git pull Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Előkészületek Fordítás iPhone-ra, WindowsPhone-ra és Androidra PhoneGap oldalán Adobe 3 fizetős szint 1. ingyenes – 1 alkalmazás lehet nem nyilvános Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Ez lesz a vége Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében Külön köszönet a SmartX Solutions Kft-nek az iOS-es certificate-ért!

Ez lesz a vége Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

A fejlesztés lépései Tervezés Fejlesztés Tesztelés, finomítás és design Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Tervezés Natívnak tűnő alkalmazás Webes technológia Szerverre kerüljenek az adatok HTML, CSS JS a kliensen jQuery AJAX window.localStorage Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Tervezés Szerver oldalon Egyszerű PHP oldal Fájlba ment Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Tervezés - Felület Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Tervezés - Adatok Tartalom JS-ben, struktúra Konstans fejlesztési lehetőség: JSON jó lesz frissítéskor Saját lista Telefonon elmentve Értékelt lista Telefonon elmentve Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Fejlesztés Azonosító Cím Előadó Időpont Helyszín Pontszám Szöveges értékelés Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Fejlesztés Hogyan? Notepad++ Chrome Developer Tools Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Tesztelés, finomítás és design … CSS-ben megoldandó feladatok Reszponzív legyen Minden platformon ugyanúgy nézzen ki Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Bemutató Képernyőképek Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Bemutató Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Bemutató Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Bemutató Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Bemutató Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Bemutató Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Bemutató Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Bemutató Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Bemutató Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Bemutató Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Bemutató Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Bemutató Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Bemutató Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Bemutató Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Bemutató Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Tapasztalatok Nem használtam natív dolgokat Nem vagyok CSS szakértő Vannak limitációi Lassan renderelt Nem javasolnám „komoly” alkalmazáshoz, de Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

Miért mutattam be? Iskolában játszani, tanulni elég HTML, CSS, JS kell csak Lokál gépen fejleszthetjük, tesztelhetjük Telefonon futó kód készül Elég egyszerűen lehet kütyüt programozni Diákoknak érdekesség Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében

???????????? Elérhetőség: Készült az "Országos koordinációval a pedagógusképzés megújításáért” című TÁMOP B.2-13/ pályázat keretében