Platformfggetlen mobil alkalmazs az Open Bio Maps projekt

Platformfüggetlen mobil alkalmazás az Open. Bio. Maps projekt keretében Kurják Viktória 2017. 04. 21. Konzulensek: Dr. Bán Miklós Dr. Kovásznai Gergely Szugyiczki Csaba

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

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

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

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! Megoldás: Mobil alkalmazás 2020. 11. 01. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT 5

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

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

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: Sync. Adapter 2020. 11. 01. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT 8

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

Cross-platform alkalmazás • Böngésző- és platformfüggetlen • Platformspecifikus API-k helyett webtechnológiák (HTML 5, CSS, Sass, Java. Script, Type. Script) • 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 2020. 11. 01. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT 10

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 Open. Bio. Maps 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) 2020. 11. 01. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT 11

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

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

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

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

Adatok (JSON) { date: "2016 -11 -30 T 14: 32: 10", position: {lat: "47. 902723", lon: "20. 386063"}, note: "Szarvasbőgés" } SQLite Belső adatbázis 2020. 11. 01. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT 16

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

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

Dinamikus form böngészőben 2020. 11. 01. ESZTERHÁZY KÁROLY EGYETEM KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT 19

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

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

Összefoglalás • Platformfüggetlen Továbbfejlesztési lehetőségek • Személyre szabható formok • Tracklog funkció • Több nyelvű felhasználói felület • Pontok helyett poligonokhoz rendelt • Földrajzi pontokhoz rendelt adatok • Űrlap funkció (bizonyos mezők tartalmának eltárolása vagy automatikus kitöltése) 2020. 11. 01. ESZTERHÁZY KÁROLY EGYETEM adatok • Felhasználókezelés • Offline térképek használata KUTATÁSI ÉS FEJLESZTÉSI KÖZPONT 22

Köszönöm a figyelmet!