• Suomeksi
    • På svenska
    • In English
  • Kirjaudu
  • Suomi
  • Svenska
  • English
Näytä viite 
  •   Ammattikorkeakoulut
  • Jyväskylän ammattikorkeakoulu
  • Mediatekniikan tutkinto-ohjelma
  • Näytä viite
  •   Ammattikorkeakoulut
  • Jyväskylän ammattikorkeakoulu
  • Mediatekniikan tutkinto-ohjelma
  • Näytä viite
Hakuohjeet
JavaScript is disabled for your browser. Some features of this site may not work without it.

Responsiivisen ulkoasupäivityksen toteuttaminen Plone-sivustolle

Puttonen, Ari (2015)

 
 
Tweet Tiedostoon pääsyä rajoitettu
 
Tiedostoon pääsyä rajoitettu
Avaa tiedosto
Puttonen_Ari.pdf (2.118Mt)
Lataukset: 


Puttonen, Ari
Jyväskylän ammattikorkeakoulu
2015
All rights reserved
Näytä kaikki kuvailutiedot
Julkaisun pysyvä osoite on
http://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.
 
Kokoelmat
  • Mediatekniikan tutkinto-ohjelma
Ammattikorkeakoulujen opinnäytetyöt ja julkaisut
Yhteydenotto | Tietoa käyttöoikeuksista | Rekisteriseloste
 

 

Selaa kokoelmaa

NimekkeetTekijätJulkaisuajatAsiasanatUusimmatKokoelmat

Henkilökunnalle

Kirjaudu sisäänRekisteröidy
Ammattikorkeakoulujen opinnäytetyöt ja julkaisut
Yhteydenotto | Tietoa käyttöoikeuksista | Rekisteriseloste