Indico- verkkoportaalin käyttöliittymän muutostyöt
Sinkkonen, Piia-Maria (2010)
Sinkkonen, Piia-Maria
Mikkelin ammattikorkeakoulu
2010
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201005108573
https://urn.fi/URN:NBN:fi:amk-201005108573
Tiivistelmä
Tämä opinnäytetyö käsittelee Indico- verkkoportaalin käyttöliittymään suoritettua parannustyötä. Insinöörityön käytännön osuus on toteutettu Euroopan hiukkastutkimuskeskus CERNin alaisuudessa loppukesästä 2008.
Nykyään monilla instituutioilla ja tapahtumilla on oma ennalta määrätty visuaalinen ulkoasu. Verkkosivuja tarjoavilta palveluilta tämä vaatii sivujen ulkoasun ja mahdollisesti myös rakenteen muokattavuutta. Muotoilumahdollisuuksien vähyys voi johtaa siihen, että tapahtumajärjestäjät turvautuvat omiin, palvelun ulkopuolisiin verkkosivuihin ulkoasun kunnollista esittämistä varten.
Tehty työ on osa laajempaa Indico-projektia. Indico on Python –skriptikielellä toteutettu selainpohjainen sovellus tapahtumien ja tilojen hallinnointiin. Osaprojektin tavoitteena oli suunnitella ja toteuttaa Indico- verkkoportaalin tapahtumaosion (conference pages) käyttöliittymän muutos- ja parannustyöt. Työn erityispainona oli tapahtumasivujen käyttäjälähtöisten muutosten mahdollistaminen ja siten saada järjestelmä vastaamaan paremmin tapahtumanjärjestäjien tarpeita.
Tehtävänannon ratkaisuna suoritettu työ vaati vanhan HTML-rakenteen uudistamista ja erillisten CSS-tiedostojen määrittelyn ja toteutuksen. HTML- ja CSS- tiedostoja varten luotiin niitä tukevat toiminnallisuudet Python- kieltä käyttäen. Python- kielen perusteet on rajattu tämän opinnäytetyön ulkopuolelle, koska työ painottuu käyttäjälähtöisten muutosten mahdollistamiseen, ja tehdyt ominaisuudet on toteutettavissa muitakin skriptikieliä käyttäen. Projektin edetessä syntyivät myös kuvien lataamisen ja käyttöönoton mahdollistavat ominaisuudet. Projektin työnannon lisäksi toteutettiin erillinen
esikatselu- ominaisuus sivun laatijoiden työn helpottamiseksi.
Työn teoriaosuudessa alussa perehdytään verkkosovellusten perusteisiin sekä HTML- ja CSS- kieliin. Tämän jälkeen tarkastellaan, kuinka HTML- ja CSS- tekniikoita hyödyntämällä voidaan vaikuttaa verkkosivun rakenteeseen ja ulkoasuun. Teoriaosuuden lopussa esitellään erilaisia työvälineitä, joita käytetään verkkosovelluksia toteutettaessa. Lisäksi kerrotaan eri selainten huomioonottamisen tärkeydestä. Kirjallisen osuuden loppu on varattu käytännön työn selostamiseen ja johtopäätöksille.
Nykyään monilla instituutioilla ja tapahtumilla on oma ennalta määrätty visuaalinen ulkoasu. Verkkosivuja tarjoavilta palveluilta tämä vaatii sivujen ulkoasun ja mahdollisesti myös rakenteen muokattavuutta. Muotoilumahdollisuuksien vähyys voi johtaa siihen, että tapahtumajärjestäjät turvautuvat omiin, palvelun ulkopuolisiin verkkosivuihin ulkoasun kunnollista esittämistä varten.
Tehty työ on osa laajempaa Indico-projektia. Indico on Python –skriptikielellä toteutettu selainpohjainen sovellus tapahtumien ja tilojen hallinnointiin. Osaprojektin tavoitteena oli suunnitella ja toteuttaa Indico- verkkoportaalin tapahtumaosion (conference pages) käyttöliittymän muutos- ja parannustyöt. Työn erityispainona oli tapahtumasivujen käyttäjälähtöisten muutosten mahdollistaminen ja siten saada järjestelmä vastaamaan paremmin tapahtumanjärjestäjien tarpeita.
Tehtävänannon ratkaisuna suoritettu työ vaati vanhan HTML-rakenteen uudistamista ja erillisten CSS-tiedostojen määrittelyn ja toteutuksen. HTML- ja CSS- tiedostoja varten luotiin niitä tukevat toiminnallisuudet Python- kieltä käyttäen. Python- kielen perusteet on rajattu tämän opinnäytetyön ulkopuolelle, koska työ painottuu käyttäjälähtöisten muutosten mahdollistamiseen, ja tehdyt ominaisuudet on toteutettavissa muitakin skriptikieliä käyttäen. Projektin edetessä syntyivät myös kuvien lataamisen ja käyttöönoton mahdollistavat ominaisuudet. Projektin työnannon lisäksi toteutettiin erillinen
esikatselu- ominaisuus sivun laatijoiden työn helpottamiseksi.
Työn teoriaosuudessa alussa perehdytään verkkosovellusten perusteisiin sekä HTML- ja CSS- kieliin. Tämän jälkeen tarkastellaan, kuinka HTML- ja CSS- tekniikoita hyödyntämällä voidaan vaikuttaa verkkosivun rakenteeseen ja ulkoasuun. Teoriaosuuden lopussa esitellään erilaisia työvälineitä, joita käytetään verkkosovelluksia toteutettaessa. Lisäksi kerrotaan eri selainten huomioonottamisen tärkeydestä. Kirjallisen osuuden loppu on varattu käytännön työn selostamiseen ja johtopäätöksille.