Ravintolan verkkosivujen visuaalinen suunnittelu ja toteutus

Abstract

Opinnäytetyössä käsitellään verkkosivujen luontia ravintolalle, react.js perusteita sekä produktina verkkosivujen ulkoasu Ravintola- juhlapalvelu Makuelämyksiä Oy:n ravintolalle. Toimek-sianto alkoi syksyllä 2017, ja tarkoituksena on päivittää ravintolan verkkosivut nykypäivään. Produkti tehdään yhteistyössä Mikko Hallbergin kanssa, jonka tarkoituksena on omassa opin-näytetyössään tehdä back-end -koodi verkkosivuille.

Tietopohjaosuudessa käsitellään erilaisia verkkosivuja ja niiden käyttötarkoituksia. Käydään lyhyesti läpi verkkosivujen peruskirjoituskielet HTML5, JavaScript ja CSS, verkkosivujen ul-koasun muokkaantumista vuosien varrella ja sitä, mitä hyvä ulkoasu vaatii.

Teoriassa kerrotaan react.js -kielellä koodaamiseen perusteita. Teoria käsittelee aihetta sa-masta näkökulmasta kuin produkti on tehty aloittaen react-create-app tavasta ja lopettaen Reactin hyvä tietää -asioihin. Tiivistettynä käydään läpi sovelluksen aloittaminen, komponentit, JSX- ja ES6 -ominaisuuksia sekä virtual-DOM:in merkitys. Teorian ei ole tarkoitus opettaa kaikkea Reactista vaan, mitä React on ja miten sillä pääsee alkuun.

Viimeisessä osuudessa käsitellään produktia. Alkuun jaetaan produkti osiin selkeästi niin nä-kymältä kuin koodin puolelta. Tarkoituksena on antaa selkeä kuva, miten sivut ovat rakentu-neet. Navigaatio jaetaan samalla tavalla osiin, jotta sen ymmärtää helposti. Lopuksi käydään läpi työssä käytettyjä moduuleja sekä sisältöä juuri Ravintola- juhlapalvelu Makuelämyksiä Oy:n ravintolalle suunnittelun kannalta.

Pohdinnassa käydään läpi työn haasteita, lopputulosta ja sitä, miten produktia voisi kehittää jatkossa.