Platformfüggetlen mobil alkalmazás az OpenBioMaps projekt keretében Kurják Viktória 2017.04.21. Konzulensek: Dr. Bán Miklós Dr. Kovásznai Gergely Szugyiczki Csaba

ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT OpenBioMaps http://openbiomaps.org Biológiai témájú adatbázisok Lekérdezések Nyílt adatok Ingyenes Exportálható adatok Egyedi felépítésű adatbázisok Egyedi adatbázisok Személyre szabható felületek Importálható adatok 2019.07.09. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT Kik használják és mire? Biológusok Ornitológusok Nemzeti parkok (Duna-Ipoly Nemzeti Park) Környezetvédők (WWF, Milvus Csoport) Egyetemek (Eszterházy Károly Egyetem, Eötvös Lóránd Tudományegyetem, Debreceni Egyetem) Adatgyűjtésre Statisztikai vizsgálatokra Környezetvédelemre Felmérésekre +Bükki nemzeti park? 2019.07.09. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

Földrajzi pontokhoz rendelt adatok 2019.07.09. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT A probléma Ha terepen folyik az adatgyűjtés, hogyan viszik fel az adatbázisba? A felhasználók komplett számítógéppel nem mehetnek felmérést végezni… Ha papírra írják tapasztalataikat és később számítógépen viszik fel, az kétszer annyi munka! IoT, EKE, Konzorcium Alternatív appok adatgyűjtésre, nem egységes Megoldás: Mobil alkalmazás 2019.07.09. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT Android alkalmazás Az adatok földrajzi koordinátákhoz vannak rendelve Pozíció rögzítése Telefonba épített GPS alapján Kézi bevitel Térképen való választás A rögzített pozíciót megtekintheti a felhasználó térképen Android Studioban lett fejlesztve 2019.07.09. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT Android alkalmazás A note-ok komponensei Szabad jegyzet Pozíció + dátum és idő Hangfelvétel Képek 2019.07.09. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT Android alkalmazás A kitöltött note-ok exportálhatók a telefonra .zip fájlként. Az adatokat a későbbiekben más alkalmazásokkal is fel lehet dolgozni, valamint archiválhatók az adatgyűjtések eredményei Szerverre való adatfeltöltés: Retrofit Internetkapcsolat esetén háttérben való szinkronizálás: SyncAdapter A Retrofit egy Java-ban implementált HTTP kliens. A SyncAdapter gondoskodik azon kódrészletek egységbe zárásáról, amelyek felelősek az eszköz és a szerver közötti adatátvitelért. 2019.07.09. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT Felmerülő kérdések „Mi van, ha valakinek nem Androidos telefonja van?” „Nem lehetne valahogy megoldani hogy teljesen személyre szabhatóak legyenek a note-ok komponensei?” „Nem lehetne automatizálni a gyakran használt adatok kitöltését?” „Legyen cross-platform mobilalkalmazás!” 2019.07.09. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

Cross-platform alkalmazás Böngésző- és platformfüggetlen Platformspecifikus API-k helyett webtechnológiák (HTML5, CSS, Sass, JavaScript, TypeScript) Csak egyszer kell lefejleszteni Egységes kinézet és funkciók különböző platformokon Hátránya: lassabb, mint a platformspecifikus alkalmazások Angular2 + Apache Cordova + Ionic2 Jelenleg az Angular 4.0.0 a legfrissebb verzió, ami 2017. március 22-én lett hivatalosan elérhető. Terv: 2017. szept. Angular 5.0.0 2018. márc. Angular 6.0.0 Az Ionic legfrissebb verziója, a 3.0.1 pedig 2017. április 6-án vált elérhetővé. 2019.07.09. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

Az OBM cross-platform alkalmazás használata A felhasználó összeállítja a számára szükséges formot a weboldalon (összerendelve az adatbázissal) Ez a szerveren mentésre kerül A telefonján betölti az OpenBioMaps alkalmazásba (JSON) Terepen kitölti a formot, elmenti a telefon belső adatbázisába (SQLite). Ehhez nem kell internetkapcsolat! Később, internetelérés esetén képes lesz feltölteni a szerverre az adataival kitöltött formot (JSON) 2019.07.09. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT Működése 2019.07.09. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

Űrlap (form) készítése Űrlap név Hozzáférés (publikus, privát) Űrlap típusa

Űrlap (form) készítése Tartalmazza? Oszlop Kötelező? Leírás Típus Hossz Alapértelmezett érték 2019.07.09.

ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT Formelemek (JSON) [ { key: 'date', label: 'Date', value: 'auto-fill', type: 'date', required: true, order: 1 }, key: 'position', label: 'Position', type: 'gps', order: 2 key: 'note', label: 'Note', type: 'text', required: false, order: 3 } ] 2019.07.09. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT Adatok (JSON) { date: "2016-11-30T14:32:10", position: {lat: "47.902723", lon: "20.386063"}, note: "Szarvasbőgés" } SQLite Belső adatbázis 2019.07.09. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

Formelemek JSON leírása Column → adatbázis melyik oszlopának értéke Type → adat típusa Short_name → címke Default_value → alapértelmezett érték Description → leírás ( nem jelenik meg ) 2019.07.09. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT Dinamikus form Minden típusnak külön osztály (pl. NumericComponent) JSON objektum switch-case Tömb létrehozása HTML-ben ngSwitchCase minden tömbelem esetén Megfelelő típusú komponens betöltése 2019.07.09. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

Dinamikus form böngészőben reszponzív 2019.07.09. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

Dinamikus form mobilon 2019.07.09. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT Többnyelvűség 2019.07.09. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT Összefoglalás Platformfüggetlen Személyre szabható formok Több nyelvű felhasználói felület Földrajzi pontokhoz rendelt adatok Űrlap funkció (bizonyos mezők tartalmának eltárolása vagy automatikus kitöltése) Továbbfejlesztési lehetőségek Tracklog funkció Pontok helyett poligonokhoz rendelt adatok Felhasználókezelés Offline térképek használata Nehézségek is merültek fel a fejlesztés során… Pl. GPS koordináták / túl gyorsan változnak a keretrendszerek 2019.07.09. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

Köszönöm a figyelmet!