En jämförelse av Twitter Bootstrap och WordPress för utveckling av företagswebbsidor

Abstract

Det finns två huvudsakliga sätt att bygga webbsidor. Första är att skriva och producera HTML- och CSS kod på egen hand. Det andra att använda sig av CMS system som redan innehåller den grundläggande HTML och CSS koden. I arbetet diskuteras bara systemen WordPress och Twitter Bootstrap, arbetet undersöker likheter och skillnader mellan systemen då de används för att bygga upp enkla webbsidor. Detta arbete är riktat till kodare, som undrar över vilketdera system som passar deras behov bättre, då man bygger enkla företagswebbsidor. Det visar sig att de båda systemen, Twitter Bootstrap och WordPress, lämpar sig ungefär lika bra för byggandet. I konstruktionen av Twitter Bootstrap sidan används Jetstrap, som är ett drag and drop gränssnitsverktyg. Systemen, Twitter Bootstrap och WordPress har sina för och nackdelar, Twitter Bootstrap är lättare och snabbare att installera. Medan WordPress är klarare och snabbare att uppdatera. I jämförelsen framkommer hur själva byggprocessen av sidorna är mycket lika varandra och att det tidsmässigt inte finns stora skillnader. I arbetets jämförelse kommer det att byggas en webbsida per system för att kunna få en så bra överblick av deras funktionalitet som möjligt. Arbetet är explorativt där systemen jämförs genom att litteraturstudier samt genom att testa systemen i praktiken.

There are two main ways to build web pages. The first is to write and produce the HTML and CSS code on your own. The second way is to use CMS system that already contains the basic HTML and CSS code. In the work is discussed only the systems Wordpress and Twitter Bootstrap, the work examines the similarities and differences between the systems when they are used to build simple web pages. This work is aimed for coders, who are wondering about whichever system that fits their needs better, when building simple business websites. It turns out that the two systems, Twitter Bootstrap and WordPress, are both suitable for this kind of construction of web pages. In the construction of Twitter Bootstrap page, Jetstrap is used, which is a drag and drop web-based interface building tool. The systems, Twitter Bootstrap and WordPress has its pros and cons, Twitter Bootstrap is easier and faster to install, while WordPress is clearer and easier to update. The comparison reveals how the construction phases of the pages are very similar and that there are not great differences in the time it took to build. In the comparison part of the work there will be built a web page for each system, in order to get a good overview of their functionality as possible. The work is exploratory where the systems are compared by literature studies and by testing the systems in practice.

On kaksi yleistä tapaa rakentaa web-sivuja. Ensimmäinen on kirjoittaa ja tuottaa HTML-ja CSS koodi itse. Toinen tapa on käyttää CMS-järjestelmää, joka sisältää jo perus HTML ja CSS koodin. Työssä käsitellään vain järjestelmät Wordpress ja Twitter Bootstrap. Työssä tutkitaan yhtäläisyyksiä ja eroavaisuuksia järjestelmien välillä, kun järjestelmiä käytetään rakennettaessa yksinkertaisia verkkosivuja. Tämä työ on suunnattu koodaajille, jotka miettivät kumpi järjestelmä sopisi heidän tarpeisiinsa paremmin silloin kun rakennetaan yksinkertaisia yritysverkkosivuja. Työssä käy ilmi että nämä kaksi järjestelmää, Twitter Bootstrap ja WordPress ovat molemmat soveltuvaisia tällaisten verk-kosivujen rakentamiseen. Twitter Bootstrap sivujen rakentamiseen käytettiin Jetstrap ohjelmaa, joka on 'vedä ja pudota' web-pohjainen käyttöliittymä työkalu Twitter Bootstrap sivujen rakennukseen. Järjestelmillä, Twitter Bootstrap ja WordPress, on hyvät ja huonot puolensa. Twitter Bootstrap on helpompi ja nopeampi asentaa, kun WordPress on selkeämpi ja helpompi päivittää. Vertailu paljastaa, miten sivujen rakennusvaiheet ovat hyvin samankaltaisia ja että rakentamiseen kuluneessa ajassa ei ole suuria eroavaisuuksia. Vertailuosiossa on rakennettu yhdet sivut järjestelmää kohti, jotta saadaan mahdollisimman kattava ja laaja kuva järjestelmien toiminnosta. Työ on tutkielma jossa järjestelmiä vertaillaan keskenään, kirjallisuuden ja käytännön testien avulla.