Insinöörityön tavoite oli suunnitella ja toteuttaa selainkäyttöisen ajanvarausjärjestelmän mobiiliversio terapeuttien tietojärjestelmään. Mobiiliversion tarkoituksena on helpottaa ajanvarauksien tekemistä ja ylläpitämistä erityisesti tabletlaitteilla. Haasteena oli löytää sopivat alustariippumattomat tekniikat mobiililaitteiden verkkoselaimia varten. Kehittäjän kannalta keskeinen ongelma oli näyttöresoluutioiden vaihtelevuus laitekohtaisesti.

Suunnitteluvaiheessa luotiin asiakaskysely. Kyselyn tavoitteena oli hankkia tietoa käyttäjiltä, minkä avulla voitiin kehittää käyttäjäystävällisempi järjestelmä ottaen huomioon asiakkaiden omakohtaiset käyttökokemukset. Kyselystä selvisi, että suurin osa käyttäjistä toivoi parannuksia ajanvarausjärjestelmän käytettävyyteen tabletlaitteilla.

Työhön kuului responsiivisen prototyypin kehittäminen ajanvarausjärjestelmästä. Prototyypin pääsisältönä olivat ajanvarauskalenterin päivä ja viikkonäkymä sekä niihin kuuluvat lomakedialogit. Työssä käytetyt sovellustekniikat olivat HTML5, CSS3, PHP ja JavaScript sekä näihin ohjelmointikieliin tehtyjä kolmannen osapuolen apukirjastoja ja viitekehyksiä.

Tuloksena syntyi monipuolinen suunnitelma ja sen pohjalta tehty responsiivinen ja helppokäyttöinen prototyyppi ajanvarausjärjestelmän mobiilinäkymästä. Työ edistää järjestelmän jatkokehittämistä mobiililaitteille.

The goal of this thesis was to plan and execute a mobile version of a scheduling system meant for therapists. The aim of the mobile version was to make scheduling easier on mobile devices, especially tablets. The challenge was to find the appropriate techniques meant for mobile device web browsers that were not tied to any certain platform. An initial issue when creating the mobile version was to take notice of the diversity of screen resolutions depending on the mobile device being used.

A user poll was sent out before execution to gather information on the users’ personal experiences with the scheduling system to help create a more user friendly mobile version of the system. According to the poll, most users wish for improvements on the tabletuse of the scheduling system.

A major part of the execution was to create a responsive prototype of the scheduling system. The main focus of the prototype was on the day and week views of the scheduling calendar and their form dialogues. The techniques used to make the prototype were HTML5, CSS3, PHP, JavaScript and several third party libraries and frameworks made for these specific programming languages.

As a result, a versatile plan was created, and based on it, a responsive and easy-to-use prototype of the mobile version of a scheduling system. This thesis will help further development of the software for mobile devices.