Bootstrap framework : web-suunnittelun työkaluna

Abstract

Pienen näytön omaavat mobiililaitteet kasvattavat suosiotaan Internetin selaamisessa. Samaan aikaan modernit pelikonsolit ja SmartTV:t yleistyvät kuluttajien keskuudessa, jolloin Internetiä voi selata suuren näyttötarkkuuden omaavilla laitteilla. Responsiivinen web-suunnittelu vastaa nykypäivän vaatimuksiin, jossa käyttäjät odottavat sivustoilta yhdenmukaista käyttökokemusta, päätelaitteesta riippumatta.

Tämä opinnäytetyö käsittelee responsiivisen Bootstrap frameworkin valintaa web-suunnittelun työkaluksi. Opinnäytetyössä tutkitaan mitä oikeastaan tarkoittaa responsiivinen web-suunnittelu ja sen keskeisiä tekniikoita. Sen jälkeen tutustutaan mikä on Bootstrap framework ja miten se vastaa responsiivisen suunnittelun vaatimuksiin.

Opinnäytetyön lopuksi uudistetaan juhlapelit.net web-sivuston vastaamaan tämän päivän responsiivia vaatimuksia. Juhlapelit.net on Wordpress-julkaisujärjestelmän päälle rakennettu web-sivusto, jonka tarkoituksena on tarjota ilmaisia peli-ideoita ja ajanvietettä aikuisten juhliin.

Mobile devices with small screens are becoming more popular for browsing the web. At the same time modern game consoles and SmartTV’s are getting more common among consumers, which allows them to access web with big resolution devices. Responsive web design meets today's requirements where users are expecting consistent user experience, regardless of the terminal device.

This Bachelor’s Thesis covers how Bootstrap framework works as a web design tool for responsive websites. The thesis investigate what responsive web design really means and what key techniques it covers. After that the thesis finds out what Bootstrap framework is and how does it respond for requirements of responsive web design.

End of the thesis will be rebuil juhlapelit.net web site to reply for today’s responsive requirements. Juhlapelit.net is a Wordpress website, which purpose is to provide free game ideas and entertainment for a party for adults.