Advanced Data Extraction Infrastructure for mobile devices : Mobile user interface and gesture support

Abstract

The Advanced Data Extraction Infrastucture (ADEI) is a dynamic web interface for a massive amount of research data. ADEI is used in many scientific researches for collecting measurement data and visualizing it to a web display.

ADEI´s web user interface (UI) is designed for desktop computers and with the growing amount of hand held devices it was time to implement a mobile UI. The goal of the thesis was to design and implement a mobile UI to the web interface of ADEI. Thesis focused on implementing gesture support and modifying the UI for mobile devices. First the support for touch gestures on mobile devices was inspected. At the time the only mobile browser supporting touch gestures with javascript was safari mobile. It was then decided that the mobile UI support would be limited to Apple mobile devices.

As a result the mobile UI was implemented with a custom layout for mobile devices. A custom module for some of the properties in ADEI was also created for easier usage on mobile devices.

ADEI on kehitetty tarjoamaan datan analysointia, tallennusta ja graafista visualisointia erilaisten tieteellisten tutkimuksien parissa työskenteleville. Datan visualisointi tapahtuu ADEI:n omassa webkäyttöliittymässä, joka on pääasiallisesti suunniteltu pöytätietokoneille. Opinnäytetyön tavoitteena oli suunnitella ja toteuttaa mobiilikäyttöliittymä ADEI:n oman webkäyttöliittymän rinnalle.

Työn alkoi mobiiliselainten tutkimisella. Tutkimuksen tuloksena saatiin selville että työn toteutushetkellä ainoa javascript kosketustuen omaava mobiiliselain oli Applen mobiililaitteiden käyttämä Safari. Tällöin päätettiin että mobiilituki rajoitetaan Applen mobiililaitteisiin.

Mobiililaitteille tarkoitettu käyttöliittymä toteutettiin käyttäen yleisimpiä webohjelmointikieliä. ADEI:n lisättiin myös uusi moduuli datalähteiden valintaa varten. ADEI käyttää tutkimustulosten visualisointiin kuvaajaa, johon lisättiin mobiililaitteille kosketustuki.

Työn tuloksena saatiin ADEI:n useimpia ominaisuuksia käyttävä mobiilikäyttöliittymä. Mobiili käyttöliittymä kykenee ADEI:n perustoimintoihin. Datan visualisoinnin lisäksi uutena ominaisuutena lisättiin mahdollisuus lähettää kuvaaja ja siihen liittyvä sensoridata sähköpostin välityksellä haluttuun sähköpostiosoitteeseen.