Responsiivinen suunnittelu ja sen hyödyntäminen sisällönhallintajärjestelmässä

Abstract

Verkkosivut elävät jatkuvassa murroksessa. Uusia päätelaitteita saapuu markkinoille nopealla syklillä ja sivujen pitäisi mukautua näiden laitteiden näytöille. Parhaiten siinä onnistutaan tällä hetkellä tarjoamalla käyttäjälle responsiivisia verkkosivuja. Responsiivisilla verkkosivuilla tarkoitetaan sivuja, jotka skaalautuvat päätelaitteen mukaan.

Responsiivisen suunnittelun tueksi kehitetään koko ajan uusia tekniikoita ongelmakohtien ratkaisuksi ja sisällön optimoimiseksi. Alaa on seurattava jatkuvasti, ja on tärkeää omaksua uudet ideat ja ajatusmallit nopeasti.

Opinnäytetyössä tarkasteltiin responsiivista verkkosuunnittelua ja sen käyttöönottoa sisällönhallintajärjestelmässä. Työssä tutkittiin responsiivisen verkkosuunnittelun perusperiaatteita ja miten niitä sovelletaan käytännössä. Työtä varten suunniteltiin responsiivinen pohja, jossa tekniikoita hyödynnettiin. Pohjaa testattiin Concrete5-sisällönhallintajärjestelmässä. Työn tavoitteena oli perehtyä syvemmin responsiivisen verkkosuunnittelun tekniikoihin ja kokeilla niitä myös käytännössä.

Opinnäytetyö onnistui hyvin ja asetetut tavoitteet saavutettiin. Työtä varten suunniteltu responsiivinen pohja ei päädy tuotantokäyttöön, mutta sitä voi jatkossa käyttää mahdollisena testialustana. Työ vahvisti omaa käsitystä siitä, että responsiivinen verkkosuunnittelu on tällä hetkellä järkevin tapa toteuttaa mahdollisimman monipuolinen ja suurinta osaa käyttäjistä palveleva verkkosivu.

Websites are living in constant transition. New devices are brought to the market at a rapid rate and the websites should be compatible with these new devices. At the moment the best solution is to offer responsive websites to the users. Responsive web design means that the site is designed to scale to the resolution of the users’ device.

New techniques are developed all the time to support and to solve the problems in responsive web design. The development of this field of expertise must be followed constantly and one must adopt new techniques and ideas quickly to keep up with the date.

This thesis examines responsive web design and how it can be used in a content management system. This work explored the basic idea behind responsive web design and how it can be used in practical implementation. The practical part of the thesis demonstrates a simple responsive base theme and how it has been enabled in a content management system called Concrete5. The main objectives of this thesis were to further explore responsive web design and try it in practice.

The result of thesis was successful and all the objectives were achieved. In the future the responsive base theme can be used as a test ground for new kinds of technical approaches. This thesis strengthened my own opinion that responsive web design is the most practical way to create websites th at serve the vast majority of users.