Responsiivisten sovelluskehysten vertailu

Abstract

Opinnäytetyön tarkoituksena on vertailla kolmea responsiivista sovelluskehystä Bootstrapia, Foundationia ja Skeletonia. Vertailu suoritetaan keräämällä kehittäjien kokemuksia kirjallisista lähteistä. Tavoitteena on selvittää sovelluskehysten sopivuutta eri laajuisiin projekteihin ja sovelluskehysten ominaisuuksien kattavuutta. Lisäksi tavoitteena on selvittää sovelluskehysten muokattavuutta omiin tarpeisiin sopivaksi.

Teoriaosiossa perehdytään responsiivisuuden käsitteeseen ja käydään läpi myös siihen liittyviä käsitteitä. Responsiivisuudesta esitetään käsite ja sen lisäksi mihin teknologioiden kehitykseen se perustuu. Lisäksi käydään läpi yleisimpiä vaihtoehtoja responsiiviselle tavalle toteuttaa sivu ja niiden teknistä perustaa.

Empiria-osassa käydään läpi sovelluskehysten perusominaisuuksia ja esitetään jokaisesta sovelluskehyksestä yleisimmät ominaisuudet ohjelmakoodi esimerkein. Lisäksi kerätään kehittäjien positiivisia ja negatiivisia kokemuksia niistä. Opinnäytetyön menetelmänä toimii kirjaselvitys. Pohdinnassa käydään läpi lähteitä ja työn mahdollisia jatkokehitys mahdollisuuksia.

Rajauksena työssä kerätään kokemuksia vain kehittäjiltä, ei lopullisten sivustojen käyttäjiltä. Myöskään sovelluskehittäjien käyttämään käyttöjärjestelmään tai alustaan ei ole otettu kantaa tai siihen millä kielellä palvelinpuolen toteutus on tehty. Työ keskittyy ainoastaan asiakaspuo-len sovelluskehyksiin.

Kehittäjien kokemuksien mukaan Bootstrap on laajin ja parhaiten laajennettavissa oleva, mutta myös hyvin raskas sovelluskehys. Foundation on myös laaja ja silläkin pystyy tekemään laajoja kaupallisia projekteja, mutta se edellyttää graafista osaamista. Skeleton on kevein ja soveltuu pieniin projekteihin ja prototyyppeihin, mutta ei laajoihin kaupallisiin sovelluksiin.

The aim of the thesis is to compare three different responsive frameworks Bootstrap, Foundation and Skeleton. The comparison is made by collecting developer feedback from literary sources. The objective is to reveal how the frameworks suit projects of different size and the how adequate the number of features is. The aim is also to find out how the frameworks can be customized to meet developer’s needs.

In the theory part, there is an introduction to the concept of responsive design and concepts related to it. Responsive design is introduced as a concept, as well as the technologies and their development that it is based upon. The most common alternatives to responsive design and the technological base for those are presented.

In the empirical part the most used and common features from all the selected frameworks are introduced with code-level examples included. Both negative and positive developer experiences are collected. The methodology for the study is a literary analysis. In the concluding part, the main sources are overviewed and potential further study based on the thesis is discussed.

The thesis scope is limited to collecting experiences from developers only, not from site users. Neither the operating system nor platform nor what language has been used for the server-side implementation are limited. The thesis is focused solely on client-side frame-works.

According to developer experiences, Bootstrap has the most features and can be extended, but it is also very heavy for performance. Foundation is similarly broad and it also can be used in large scale commercial projects, but it requires good graphical skills. Skeleton is the lightest and can be used for small projects and prototypes, but not for large commercial software.