Platformfüggetlen mobil alkalmazás az OpenBioMaps projekt keretében

Az előadások a következő témára: "Platformfüggetlen mobil alkalmazás az OpenBioMaps projekt keretében"— Előadás másolata:

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

2 ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT
OpenBioMaps 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 ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

3 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? ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

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

5 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 ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

6 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 ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

7 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 ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

8 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. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

9 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!” ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

10 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 a legfrissebb verzió, ami március 22-én lett hivatalosan elérhető. Terv: szept. Angular 5.0.0 2018. márc. Angular 6.0.0 Az Ionic legfrissebb verziója, a pedig április 6-án vált elérhetővé. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

11 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) ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

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

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

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

15 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 } ] ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

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

17 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 ) ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

18 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 ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

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

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

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

22 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 ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT

23 Köszönöm a figyelmet!