Kustomoitu responsiivinen WordPress-sivusto suomalaiselle Toisenlainen-elokuvalle

Abstract

Opinnäytetyö kertoo Toisenlainen-nimiselle suomalaiselle elokuvalle toteutetusta verkkosivuprojektista. Sivuston pohjana käytettiin WordPress-sisällönhallintajärjestelmää ja sivuston teossa huomioitiin sen skaalautuvuus sekä käytettävyys eri päätelaitteilla.

Tutkimusraportissa käsitellään myös tarkemmin responsiivista verkkosivukehitystä sekä sitä, millaisia uusia ajatus- ja toimintamalleja se verkkosivujen tekijöiltä vaatii. Lisäksi raportissa käydään läpi responsiiviseen kehitykseen liittyviä teknisiä vaatimuksia sekä hyväksi havaittuja käytäntöjä. Teorian taustana on käytetty pääasiassa Matthew Carverin The Responsive Web, Phil Dutsonin Responsive Mobile Design sekä Steve Krugin Don't Make Me Think -kirjoja. Teknisistä vaatimuksista käydään läpi mm. sivuston mittasuhteiden määrittämistä, kuvien asettelua ja optimointia sekä testausta.

Raportin loppupuoliskolla perehdytään varsinaiseen elokuvasivuston toteutukseen. Siinä kerrotaan tarkemmin WordPressistä sekä miksi se valittiin tämän kyseisen projektin julkaisualustaksi. Lisäksi käydään läpi projektin kulkua, sen tekoon käytettyjä teknisiä ratkaisuja sekä tietysti arvioidaan valmista lopputulosta. Sivuston teossa käytettiin mm. responsiivista Bootstrap-viitekehystä, Less-tyylikieltä, javascriptia sekä WordPressin kustomoituja sisältötyyppejä. Sivusto julkaistiin maaliskuun lopulla 2016 osoitteessa toisenlainenelokuva.com, jonka jälkeen sivustoa on kehitetty ja ylläpidetty.

The bachelor's thesis report describes a website building project, which was made for a Finnish movie called Toisenlainen. The final website uses WordPress -content management system. The site has also been made so that it is fully responsive and is easy to use.

The report explains the theory behind responsive web design and how it has changed the mindsets and working patterns of the web development teams in general. Also the tech-nical requirements and best practices of responsive design are explained in the text. The technical requirements part includes among other topics configuring the measurement units for the site, picture optimization and site testing. The theory is mainly based on the responsive design and usability related books written by Matthew Carver, Phil Dutson and Steve Krug.

The final part of the report focuses on building the actual movie site. WordPress as a content management system is explained more in details, and also the reasons why it was chosen for this particular project. The report opens up the website building as a pro-cess and specifies which techniques have been used to make the site work in the optimal way on mobile devices.

The final result and the goals it was aiming for have been reviewed at the end of the report. The final site uses techniques such as responsive Bootstrap-framework, Less -styling language, Javascript and WordPress custom post types. The site was published at the end of March 2016 under the domain name toisenlainenelokuva.com. Since the release site has been maintained and developed further.