Web-sivut ja mobiilisovellus voimaharjoittelun ravinto-oppaasta

Abstract

Tämän opinnäytetyön tavoitteena oli tehdä käyttäjäystävällinen Web-sivusto sekä mobiilisovellus. Nettisivuston sisältö on kahden liikunnanohjaajaopiskelijan tekemästä Tehoa voimaharjoitteluun! -ravinto-oppaasta ja mobiilisovellus mukailee alkuperäistä sivustoa. Opas on siis moniammatillinen tuotos.

Nettisivujen suunnittelussa on otettu huomioon sisällöntuottajien ideat ja vaatimukset, koska sivusto oli osa myös heidän opinnäytetyötään. Koska nettisivuista haluttiin mahdollisimman käyttäjäystävälliset ja mahdollisuus sivuston muokkaukseen myös sisällöntuottajille, sivusto toteutettiin käyttäen WordPress-sisällönhallintajärjestelmää.

Mobiilisovelluksen tekoon käytettiin pääasiassa Visual Studiota Apache Cordova -liitännäisellä, jolla on mahdollisuus tehdä monialustaisia sovelluksia perinteisillä koodikielillä, kuten HTML, CSS ja JavaScript.

Opinnäytetyön raportti koostuu eri osa-alueiden teoriasta sekä sivuston ja sovelluksen suunnittelu- ja kehitysvaiheiden raportoinnista. Teoriaosuus on koottu pääasiassa kansainvälisiä lähteitä hyödyntäen.

Opinnäytetyön tuloksena syntyneet nettisivut ja mobiilisovellus esittävät oppaan sisällön käyttäjäystävällisellä ja helposti lähestyttävällä tavalla, jotka ovat tärkeitä ominaisuuksia nykyaikaisille informatiivisille tuotoksille.

The main purpose of this thesis was to make a user-friendly website and a mobile application. The content of the website consists of a nutrition guide called ‘Tehoa Voimaharjoitteluun!’ which is made by two physical education instructor students from the Lapland University of Applied Sciences. The mobile application was implemented in accordance with the original website.

Because the website was a part of the other students’ thesis, their ideas and requirements were considered while developing it. The website was made by using a content management system called WordPress, because the content of the website needed to be easily editable by the admins. The mobile application was made basically by using Visual Studio with the Apache Cordova plug in, which allows to make a cross-platform software by using the common languages like HTML, CSS and JavaScript.

The documentary consists of a theory of the including methods used and the designing and developing the website and the mobile application itself. The theory was combined from the various international references.