Responsiivisten teemojen suunnittelu ja toteutus Liferay-julkaisujärjestelmään : Case: Obshare.com-käyttöliittymätoteutus
Kämppi, Tuomas (2013)
Kämppi, Tuomas
Mikkelin ammattikorkeakoulu
2013
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2013062014453
https://urn.fi/URN:NBN:fi:amk-2013062014453
Tiivistelmä
Opinnäytetyön tavoitteena on suunnitella ja toteuttaa Liferay-julkaisujärjestelmän teemoitus Observis Oy:n obshare.com-palveluun responsiivisen verkkosuunnittelun periaatteella. Tavoitteena on, että palvelun käyttöliittymä vastaa graafikon ja suunnittelijoiden näkemyksiä ja sen käyttö on sujuvaa myös puhelimien ja tablettien selaimilta selailtuna.
Opinnäytetyön kehittämistehtävänä on perehtyä Liferayn teemojen toteutukseen ja kuinka palvelun sisäiset ohjelmat, portletit, saadaan vastaamaan teeman ulkoasua. Lisäksi tehtävänäni on suunnitella ja toteuttaa obshare.com-palvelun teema responsiivisen verkkosuunnittelun periaatteita hyödyntäen. Tietoa on hankittu Liferay-julkaisujärjestelmän virallisista ohjekirjoista, kuten Liferay User Interface Development ja Liferay In Action, sekä Liferayn kotisivuilta. Lisäksi responsiivisen verkkosuunnittelun lähteenä on käytetty Liferayn User Interface Engineer Nate Cavanaughin blogikirjoituksia sekä Ethan Marcotten vuonna 2010 ilmestynyttä kirjaa Responsive Web Design. Lisäksi haasteena on ollut toteutuksessa käytettyjen Primefaces-elementtien muokkaaminen teemaan ja mobiililaitekäyttöön sopiviksi.
Työ on toteutettu Observis Oy:n kansainvälisessä ohjelmointi- ja suunnittelutiimissä. Käytännön työ on tehty suurimmaksi osaksi yrityksen toimipisteessä ja työkielenä on ollut pääasiassa englanti. Tehtävänäni on ollut toteuttaa obshare.com-verkkopalvelun teema graafikon ohjeiston ja suunnittelutiimin ohjeiden mukaisesti. Lisäksi vastuulleni kuuluu ohjelmoijien tuottamien käyttöliittymäelementtien muokkaaminen tähän teemaan sopiviksi.
Opinnäytetyön alussa on esitelty käytännön työssä käytetyt responsiivisen verkkosuunnittelun ja Liferay-julkaisujärjestelmän tekniikat sekä niiden perusajatukset. Lopussa on käyty läpi teeman käytännön toteutus sekä esitelty obshare.com-palvelun havaintosivujen listanäkymän toteutus esimerkkinä portletin käyttöliittymän responsiivisesta toteutuksesta.
Opinnäytetyön kehittämistehtävänä on perehtyä Liferayn teemojen toteutukseen ja kuinka palvelun sisäiset ohjelmat, portletit, saadaan vastaamaan teeman ulkoasua. Lisäksi tehtävänäni on suunnitella ja toteuttaa obshare.com-palvelun teema responsiivisen verkkosuunnittelun periaatteita hyödyntäen. Tietoa on hankittu Liferay-julkaisujärjestelmän virallisista ohjekirjoista, kuten Liferay User Interface Development ja Liferay In Action, sekä Liferayn kotisivuilta. Lisäksi responsiivisen verkkosuunnittelun lähteenä on käytetty Liferayn User Interface Engineer Nate Cavanaughin blogikirjoituksia sekä Ethan Marcotten vuonna 2010 ilmestynyttä kirjaa Responsive Web Design. Lisäksi haasteena on ollut toteutuksessa käytettyjen Primefaces-elementtien muokkaaminen teemaan ja mobiililaitekäyttöön sopiviksi.
Työ on toteutettu Observis Oy:n kansainvälisessä ohjelmointi- ja suunnittelutiimissä. Käytännön työ on tehty suurimmaksi osaksi yrityksen toimipisteessä ja työkielenä on ollut pääasiassa englanti. Tehtävänäni on ollut toteuttaa obshare.com-verkkopalvelun teema graafikon ohjeiston ja suunnittelutiimin ohjeiden mukaisesti. Lisäksi vastuulleni kuuluu ohjelmoijien tuottamien käyttöliittymäelementtien muokkaaminen tähän teemaan sopiviksi.
Opinnäytetyön alussa on esitelty käytännön työssä käytetyt responsiivisen verkkosuunnittelun ja Liferay-julkaisujärjestelmän tekniikat sekä niiden perusajatukset. Lopussa on käyty läpi teeman käytännön toteutus sekä esitelty obshare.com-palvelun havaintosivujen listanäkymän toteutus esimerkkinä portletin käyttöliittymän responsiivisesta toteutuksesta.