HTML-sivuston toteutus media-alan yritykselle

Abstract

Rapid River on Kuusamosta lähtöisin oleva, nykyään oululainen mediatoimisto ja tuotantoyhtiö. Saimme opinnäytetyön aiheen harjoittelun aikana, sillä yrityksen toimitusjohtajalla Tauno Kohosella oli tarve Siperia-projektin esittelysivustolle. Siperia-projektia varten on olemassa laaja kuva- ja videomateriaali, jota toimeksiantaja Tauno Kohonen halusi hyödyntää.

Opinnäytetyö jakautuu kahteen osioon, teoriaosuuteen ja web-sivuston toteutukseen. Opinnäytetyön web-sivuston toteutusvaiheen tavoitteena oli luoda visuaalisesti näyttävät esittelysivut Siperia-projektin materiaalia varten. Sivusto toteutettiin HTML5-tekniikkaa käyttäen. Esittelysivut toimivat introna varsinaiselle projektille ja sen jo olemassa olevalle web-sivustolle. Esittelysivuston avulla voidaan esitellä Siperia-projektia tehokkaasti sekä nopeasti uusille yhteistyökumppaneille.

Opinnäytetyön tietoperusta eli teoriaosuus on jaettu kahteen eri osaan, teknisiin ratkaisuihin ja ulkoasun suunnitteluun. Teknisissä ratkaisuissa käydään läpi esittelysivuston luomista varten käytetyt tekniikat, kuten HTML, CSS, JavaScript, jQuery sekä Bootstrap. Opinnäytetyössä kerrotaan myös yleistä tietoa HTML-editoreista ja responsiivisuudesta. Tietoperustan toisessa osuudessa, ulkoasun suunnittelussa kerrotaan yleisesti väreistä, typografiasta ja kuvien käytöstä. Esittelysivusto luotiin tämän tietoperustan pohjalta.

Toimeksiantajaa on ohjeistettu web-sivuston ylläpitämisestä, joten esittelysivustoa voidaan muokata jatkossa lisäämällä uutta materiaalia. Työn tuloksena saatiin toimeksiantajan kriteerit täyttävä web-sivusto, johon myös työn tekijät ovat tyytyväisiä.

Rapid River is a media company which started out from Kuusamo but is now based in Oulu. The subject for the thesis emerged during the authors’ work placement period as the company owner Tauno Kohonen had a need for a website showcasing his Siberia project. There is a vast archive of photo and video material which Tauno Kohonen wanted to make use of.

This thesis is divided into two different segments: theoretical framework and the implementation of the website. Authors’ goal during the implementation of the website was to create a graphically beautiful website showcasing the material of the Siberia project. The website was made using HTML5-coding.The purpose of the website is to function as an introduction for the actual project and for the existing Siberia project website. The website can be used as a quick and efficient way to introduce the idea for new associates.

The theoretical framework has been divided into two different parts which are technical and graphic design. The theoretical framework introduces the different technologies used during the implementation of the website such as HTML, CSS, JavaScript, jQuery and Bootstrap. The authors also analyzed the basics of HTML-editors and responsive design. The second part of the theory segment which focuses on graphical design includes the basics of using colors, typography and pictures when creating a website. The website was made based on the knowledge and information the authors gathered during the thesis process.

Tauno Kohonen has been informed on how to maintain the website and how to update new material for the website. The resulting website fulfilled the criteria given by Tauno Kohonen and also the criteria of the authors before creating the website.