Utveckling av webbsidor med god användbarhet för Kullo FBK

Abstract

I examensarbetet beskrivs utvecklingen av användbarhet inom webbdesign. Uppgiften var att planera, utveckla och implementera webbsidorna för Kullo FBK. Syftet var att skapa webbsidor som är lätta att använda för både kårens medlemmar samt andra gäster på sidorna

Vad gäller webbdesign är det viktigt att skapa en användarvänlig design med ett fungerande gränssnitt som innebär enkel och god läsbarhet, stiligt och snyggt upp-lägg samt funktionerande länkar och formulär.

Sidornas design och utveckling gjordes i tre faser. Först skapade jag den statiska grunden för hur sidorna skulle se ut. Därefter satte jag upp en webbserver med hjälp av XAMPP så jag fick databasdelen att fungera och kunde testa de olika de-larna. Tillsist lade jag upp allt på en riktig webbserver och konfigurerade olika sä-kerhetsåtgärder.

Resultatet blev en förbättrad version av de gamla sidorna, med bra användbarhet och dynamiska funktioner.

Tässä opinnäytetyössä käsitellään nettisivujen kehittelyä ja hyvää käytettävyyttä. Tehtävänä oli suunnitella, kehittää ja toteuttaa kotisivut Kulloon VPK:lle. Tavoittee-na oli tehdä helppokäyttöiset ja tyylikkäät kotisivut palokunnan jäsenille sekä muille käyttäjille.

Kotisivujen suunnittelussa käyttäjäystävällinen käyttöliittymä on hyvin tärkeä. Sivut täytyy olla helppolukuiset ja selkeästi asetellut. Myös toimivat linkit ja lomakkeet ovat tärkeä osa käyttäjäystävällisyyttä

Sivut tehtiin kolmessa vaiheessa. Ensimmäiseksi tehtiin staattinen pohja, mikä määrittää miltä sivut näyttävät, värit, fontit jne. Tämän jälkeen asennettiin palvelin käyttäen XAMPP-ohjelmistoa. Täten saatiin tietokanta sivuja varten toimimaan, ja pystyttiin kokeilemaan sivujen eri osien toimivuutta. Viimeisessä vaiheessa sivut julkaistiin oikealle verkkopalvelimelle, ja pieniä muutoksia tehtiin. Tässä vaiheessa myös tietosuoja asiat käsiteltiin.

Työn tuloksena syntyivät uudistuneet kotisivut, joissa helppokäyttöisyys ja dynaamiset toiminnot kohtaavat

Good usability and the development of good usability of web pages is dealt with in this thesis. The author is responsible for the design and implementation of Kullo FBK´s web pages. The aim is to make a user-friendly web page for both members of the fire department and other users in the community.

Good usability in web design is having a good user interface, which can mean good readability, design and construction, logical orientation and of course working links and forms.

The design and development of the web pages are done in three phases. In the first phase I created the static base for the web pages, which determines how the pages look, fonts, background and colours. In the second phase I installed a local web server using XAMPP. With XAMPP I got the database for the web pages working, and could also test the different parts of the pages. In the last phase I published the web pages on an actual web server, and configured some security issues.

The result of the project is an improved website, with good usability and dynamic features.