Utveckling av nyhetssida med Wordpress och Bootstrap
Blomqvist, Thomas (2010)
Blomqvist, Thomas
Yrkeshögskolan Arcada
2010
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2016121420445
https://urn.fi/URN:NBN:fi:amk-2016121420445
Tiivistelmä
På grund av smarttelefonens popularitet har det blivit viktigt för webbsidor att anpassa sig till mindre skärmar. Nya verktyg inom webbindustrin tillåter utvecklare att bygga sidor som anpassas för både stora och små skärmar, utan att det krävs olika webbsidor. Detta arbete går ut på att bygga en prototyp till en nyhetssida med hjälp av Wordpress och Bootstrap anpassad för stationära datorer och mobil. Webbsidans fokus är inte att designa en så snygg sida som möjlig, det som fokuseras på är att ge användare en bra användarupplevelse. Metoder som används är att dra nytta av litteratur om user experience och mobilanpassning, samt Wordpress codex och Wordpress developer sidorna. Webbverktygen som används är främst HTML, CSS, PHP, med lite jQuery. Resultatet av arbetet blev en responsiv nyhetssida som med hjälp av Bootstrap och principer om usability är lätt användbar, och ger möjlighet till vidare utveckling om så krävs. Slutsatserna jag kommit till är att Wordpress och Bootstrap bra kan utnyttjas tillsammans, och Bootstrap verktygen gör det lätt att anpassa webbsidor efter behov. User experience handlar om att göra webbsidor som effektiva som möjligt, så att besökare tillåts göra sina ärenden, och upplevelsen är så smidig som möjlig. Det handlar om att förstå hur användare läser webbsidor, och anpassa sig därefter. Because of the popularity of smartphones it has become important for websites to be able to adapt to smaller screen sizes. New tools in the web developement industry allow developers to build sites that are able to adapt to large and small screens, without requiring different sites.
This thesis will examine the building process of a prototype to a news site, built with Wordpress and Bootstrap for desktop and mobile devices. The focus will not be appear- ance and design; the main point will focus on delivering a good user experience. The methods will focus on drawing from literature about user experience and mobile optimi- zation, as well as The Wordpress codex and Wordpress developer sites. The tools used will mainly be HTML, CSS, PHP, with a limited amount of jQuery. The result will be a responsive news site, that with the help of Bootstrap and the principles regarding user ex- perience will be easy to use, and allow the possibility further development. The conclu- sions I reached was that Wordpress and Bootstrap work well together, and the Bootstrap tools make it easy to adapt webpages to my needs. User experience is about making web- sites as effective as possible, and users are able to use them to their purpose. It is about understanding how users read websites, and plan the site accordingly.
This thesis will examine the building process of a prototype to a news site, built with Wordpress and Bootstrap for desktop and mobile devices. The focus will not be appear- ance and design; the main point will focus on delivering a good user experience. The methods will focus on drawing from literature about user experience and mobile optimi- zation, as well as The Wordpress codex and Wordpress developer sites. The tools used will mainly be HTML, CSS, PHP, with a limited amount of jQuery. The result will be a responsive news site, that with the help of Bootstrap and the principles regarding user ex- perience will be easy to use, and allow the possibility further development. The conclu- sions I reached was that Wordpress and Bootstrap work well together, and the Bootstrap tools make it easy to adapt webpages to my needs. User experience is about making web- sites as effective as possible, and users are able to use them to their purpose. It is about understanding how users read websites, and plan the site accordingly.