Ravintolan verkkosivujen visuaalinen suunnittelu ja toteutus
Ahonen, Aleksi (2018)
Ahonen, Aleksi
Haaga-Helia ammattikorkeakoulu
2018
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201805137810
https://urn.fi/URN:NBN:fi:amk-201805137810
Tiivistelmä
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.
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.