Kehokartta-nettisivun suunnittelu ja toteutus

Abstract

Insinöörityön aiheena on Kehokartta-nettisivun suunnittelu ja toteutus. Kehokartta on kehitysvaiheessa oleva terveysseurantapalvelu, jonka avulla käyttäjät voivat seurata omaan terveyteensä liittyviä asioita. Kehokartta-palvelu tarjoaa terveysseuranaan lisäksi monia erilaisia laboratoriomittauksia. Terveystilanne ja laboratorion mittaustulokset esitellään käyttäjille diagrammien avulla.

Projektin tavoitteena oli luoda nettisivu palvelun käyttäjille, laboratoriolle ja sivuston ylläpitäjälle. Sivustot ovat responsiiviset, mobiiliystävälliset, ja ne tarjoavat hyvän käyttöliittymän käyttäjille. Projektissa on tarkoitus käyttää sivuston runkona Bootstrap-kirjastoa, joka tarjoaa responsiivisen pohjarakenteen työpöytään ja mobiiliin.

Projektissa käytettävät ohjelmointikielet ovat HTML, HTML5, CSS, PHP, SQL ja JavaScript. Projektin kehitystyökaluna on WampServer. Kehityspalvelin on Apache, joka käyttää PHP-versiota 5.5 ja MySQL-versiota 5.6. Työssä käytetään seuraavia kirjastoja: Bootstrap v3.3.2:ta runkona, Flot 0.8.3 -diagrammia piirtämiseen, html5shiv:tä ja Respond HTML5:tä simuloimiseen vanhoissa Internet Explorer -selaimessa.

Projekti loppui onnistuneesti. Se täytti kaikki asetetut vaatimukset ja tarjoaa hyvän rakenteen jatkokehitykselle

The topic of this thesis is the design and implementation of the Kehokartta website. Kehokartta is a health monitoring service in the development phase, which offers a many health related variables that the service users can track by themselves. The Kehokartta service also offers many different laboratory analyses. The health condition and the laboratory results are displayed to the service users in forms of diagrams.

The aim of the project was to create a website for the users, laboratory and webmaster. The sites are responsive, mobile friendly and offer a good user interface to the service users. The websites use the Bootstrap library as framework. Bootstrap libraries offer a responsive framework to desktop and mobile devices.

The programming languages used during the project were the following: HTML, HTML5, CSS, PHP, SQL and JavaScript. The project development tool was WampServer. The development platform was Apache server using PHP 5.5 and MySQL 5.6. The project also used the following libraries: Bootstrap v.3.3.2 as framework, Flot 0.8.3 to draw the diagrams, html5shiv and Respond to simulate HTML5 in older Internet Explorer browsers.

The project was completed successfully. It met all requirements and offers a very good framework for future development.