FOAF UI : Käyttöliittymäkerroksen prototyyppi
Ylinen, Janne (2011)
Ylinen, Janne
Jyväskylän ammattikorkeakoulu
2011
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2011061011739
https://urn.fi/URN:NBN:fi:amk-2011061011739
Tiivistelmä
WWW-sisällönhallintajärjestelmiä on kritisoitu kankeaksi ja rajoittavaksi tekijäksi nykyaikaisissa WWW-projekteissa. Ratkaisuna tähän pidetään karkeamman tason arkkitehtuuria, minkä ansiosta järjestelmä on räätälöitävissä vapaammin. Sovellusalustan tarkoituksena on tarjota pieniä ja yleiskäyttöisiä moduuleita sovelluksen rakentamiseen. Tähän strategiaan perustuen Media Cabinet Oy on lähtenyt kehittämään täysin uutta tuotetta perinteisen sisällönhallintajärjestelmänsä rinnalle.
Opinnäytetyössä suunniteltiin ja kehitettiin prototyyppi FOAF:ksi nimetyn uuden järjestelmän käyttöliittymäkerroksesta. Tavoitteena oli löytää työkalut ja tekniikat määritellyn toiminnallisuuden toteuttamiseksi. Toteutusvaiheen aikana tehdyn muutoksen jälkeen käyttöliittymäkerros perustui pelkästään selainpuolen teknologioihin. Arkkitehtuurin pohjaksi valittiin JavaScript-kielellä toteutettu jQuery-kirjasto, jonka ominaisuuksiin käyttöliittymäkerroksen DOM-rakenteen manipulointi pohjautuu.
Merkittävimmän osan käyttöliittymäkerroksesta muodostivat jQuery:ä laajentavat lisäosat. jQuery UI:n Widget Factory toiminnallisuutta käyttämällä lisäosien oli mahdollista laajentaa toisiaan perinteisistä olio-ohjelmointikielistä tutulla tavalla. Arkkitehtuuria havainnollistamaan toteutettiin muutamia keskenään hyvin erilaisia komponentteja. Tärkeimpänä näistä Panel- ja Grid-komponentit, joiden avulla esiteltiin yksinkertainen tekniikka luoda käyttöliittymä. Panel-komponenttien tarkoituksena oli toimia ikkunoina, joihin sisältö voidaan hakea esimerkiksi asynkronisesti tietyn väliajoin. Käyttämällä Grid-komponenttia yhdessä Panelien kanssa, oli mahdollista asemoida niistä monimutkainenkin palstarakenne.
Käyttöliittymän prototyypin valmistuttua siihen valitut tekniikat todettiin asiakkaan toimesta käyttökelpoiseksi. Myös osa arkkitehtuurista ja toteutetuista komponenteista otettiin varsinaisen FOAF:n kehitysversion käyttöön. Opinnäytetyössä toteutettujen komponenttien ja koko käyttöliittymän jatkokehitys tulee tapahtumaan asiakkaan toimesta.
Opinnäytetyössä suunniteltiin ja kehitettiin prototyyppi FOAF:ksi nimetyn uuden järjestelmän käyttöliittymäkerroksesta. Tavoitteena oli löytää työkalut ja tekniikat määritellyn toiminnallisuuden toteuttamiseksi. Toteutusvaiheen aikana tehdyn muutoksen jälkeen käyttöliittymäkerros perustui pelkästään selainpuolen teknologioihin. Arkkitehtuurin pohjaksi valittiin JavaScript-kielellä toteutettu jQuery-kirjasto, jonka ominaisuuksiin käyttöliittymäkerroksen DOM-rakenteen manipulointi pohjautuu.
Merkittävimmän osan käyttöliittymäkerroksesta muodostivat jQuery:ä laajentavat lisäosat. jQuery UI:n Widget Factory toiminnallisuutta käyttämällä lisäosien oli mahdollista laajentaa toisiaan perinteisistä olio-ohjelmointikielistä tutulla tavalla. Arkkitehtuuria havainnollistamaan toteutettiin muutamia keskenään hyvin erilaisia komponentteja. Tärkeimpänä näistä Panel- ja Grid-komponentit, joiden avulla esiteltiin yksinkertainen tekniikka luoda käyttöliittymä. Panel-komponenttien tarkoituksena oli toimia ikkunoina, joihin sisältö voidaan hakea esimerkiksi asynkronisesti tietyn väliajoin. Käyttämällä Grid-komponenttia yhdessä Panelien kanssa, oli mahdollista asemoida niistä monimutkainenkin palstarakenne.
Käyttöliittymän prototyypin valmistuttua siihen valitut tekniikat todettiin asiakkaan toimesta käyttökelpoiseksi. Myös osa arkkitehtuurista ja toteutetuista komponenteista otettiin varsinaisen FOAF:n kehitysversion käyttöön. Opinnäytetyössä toteutettujen komponenttien ja koko käyttöliittymän jatkokehitys tulee tapahtumaan asiakkaan toimesta.