Responsiivisen ulkoasupäivityksen toteuttaminen Plone-sivustolle
Puttonen, Ari (2015)
Puttonen, Ari
Jyväskylän ammattikorkeakoulu
2015
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2015053111464
https://urn.fi/URN:NBN:fi:amk-2015053111464
Tiivistelmä
Opinnäytetyön tavoitteena oli toteuttaa ulkoasupäivitys Each One Teach One -Plone-sivustolle Diazo-teemoitusrajapintaa hyödyntämällä. Työn toimeksiantajana toimi Jyväskylän yliopiston IT-palveluiden Kehittämispalvelut. Sivuston vanha ulkoasu on ollut käytössä jo useita vuosia, mutta sivusto on yhä aktiivisessa käytössä. Ulkoasu-uudistuksesta tuli ajankohtainen, sillä sivuston Plone-versio tullaan päivittämään syksyllä 2015.
Työssä käsiteltiin Plonen ominaisuuksia yleisellä tasolla sekä Plonen teemoittamisen mahdollistavaa Diazo-tekniikkaa. Nykyään sivustojen tarvitsee olla toiminnallisuudeltaan päätelaitteesta riippumattomia, joten myös responsiivinen verkkosuunnittelu oli tärkeässä osassa. Tärkeintä oli ulkoasun päivittäminen helpommin ymmärrettäväksi Each One Teach One -sivuston loppukäyttäjiä, eli kurssin suorittajia varten.
Ulkoasupäivitys toteutettiin Plone 4.3 -sisällönhallintajärjestelmää varten. Toteuttaminen aloitettiin luomalla responsiivinen sivustopohja, jonka responsiivisuus toteutettiin hyödyntäen CSS3-tyylittelyä sekä jQuery JavaScript-kirjastoa. Sivustopohja yhdistettiin Plonen sisällön kanssa Diazon teemoitusmoottorin tarjoamien XML-pohjaisten sääntojen sekä XSLT-määrittelyjen avulla.
Opinnäytetyön tuloksena saatiin Ploneen asennettava Diazoteema, joka päivittää Each One Teach One -sivuston ulkoasun responsiiviseksi sekä helpommin hahmotettavaksi kokonaisuudeksi. Ulkoasupäivitys sivustolle toteutetaan vasta syksyllä 2015, joten ulkoasun kehittäminen jatkuu opinnäytetyön päättymisen jälkeenkin.
Työssä käsiteltiin Plonen ominaisuuksia yleisellä tasolla sekä Plonen teemoittamisen mahdollistavaa Diazo-tekniikkaa. Nykyään sivustojen tarvitsee olla toiminnallisuudeltaan päätelaitteesta riippumattomia, joten myös responsiivinen verkkosuunnittelu oli tärkeässä osassa. Tärkeintä oli ulkoasun päivittäminen helpommin ymmärrettäväksi Each One Teach One -sivuston loppukäyttäjiä, eli kurssin suorittajia varten.
Ulkoasupäivitys toteutettiin Plone 4.3 -sisällönhallintajärjestelmää varten. Toteuttaminen aloitettiin luomalla responsiivinen sivustopohja, jonka responsiivisuus toteutettiin hyödyntäen CSS3-tyylittelyä sekä jQuery JavaScript-kirjastoa. Sivustopohja yhdistettiin Plonen sisällön kanssa Diazon teemoitusmoottorin tarjoamien XML-pohjaisten sääntojen sekä XSLT-määrittelyjen avulla.
Opinnäytetyön tuloksena saatiin Ploneen asennettava Diazoteema, joka päivittää Each One Teach One -sivuston ulkoasun responsiiviseksi sekä helpommin hahmotettavaksi kokonaisuudeksi. Ulkoasupäivitys sivustolle toteutetaan vasta syksyllä 2015, joten ulkoasun kehittäminen jatkuu opinnäytetyön päättymisen jälkeenkin.