Tyylikehys verkkokehittäjille
Roos, Sam (2016)
Roos, Sam
Metropolia Ammattikorkeakoulu
2016
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201605106853
https://urn.fi/URN:NBN:fi:amk-201605106853
Tiivistelmä
Insinöörityön tavoitteena oli tehdä verkkokehittäjille tyylikehys, joka on helppo ja nopea opetella. Työn toisena tavoitteena oli, ettei kehys sisältäisi lainkaan verkkosivujen ohjelmointikieltä.
Insinöörityö sisälsi vaiheet tyylikehyksen suunnittelusta aina toteutukseen saakka. Tyylikehyksen sisältö määrittyi tutkimalla muita kehyksiä, sekä aikaisempien projektien myötä.
Tyylikehyksen ominaisuuksia ovat muun muassa responsiivisuus, Parallax-rullaus ja valikot, jotka rakennettiin kaikki erillisinä osioina. Myöhemmin nämä osiot yhdistettiin yhdeksi kokonaisuudeksi. Työssä käytettiin CSS- ja HTML-merkintäkieliä, joiden avulla muodostettiin esimerkit tyylikehyksen osioista. Tyylikehyksen esimerkkisivu on rakennettu Wordpress-nimisen sisällönhallintajärjestelmän päälle.
Insinöörityön tuloksena syntyi toimiva tyylikehys, joka helpottaa kaikkia web-kehittäjiä tekemään työläitä osioita ilman omia tyylisääntöjä. Projektin aikana opittiin paljon kehysten tekemiseen vaadittavasta työstä ja huolellisesta suunnittelusta. Insinöörityön tuloksista ilmeni, että uuden tyylikehyksen luominen vaatii sen tekijältä runsaasti aikaa ja paneutumista. Projektin aikana ilmenivät myös oman tyylikehyksen rakentamisen edut ja mahdolliset haitat.
Tyylikehyksen oltua pidempään käytössä voidaan ymmärtää sen lopullinen merkitys ja hyöty. Tyylikehys ei todennäköisesti koskaan ole täysin valmis, vaan sitä voidaan kehittää jatkuvasti. Kehykseen voidaan lisätä uusia ominaisuuksia, jotta siitä on hyötyä kehittäjille myös tulevaisuudessa.
Insinöörityö sisälsi vaiheet tyylikehyksen suunnittelusta aina toteutukseen saakka. Tyylikehyksen sisältö määrittyi tutkimalla muita kehyksiä, sekä aikaisempien projektien myötä.
Tyylikehyksen ominaisuuksia ovat muun muassa responsiivisuus, Parallax-rullaus ja valikot, jotka rakennettiin kaikki erillisinä osioina. Myöhemmin nämä osiot yhdistettiin yhdeksi kokonaisuudeksi. Työssä käytettiin CSS- ja HTML-merkintäkieliä, joiden avulla muodostettiin esimerkit tyylikehyksen osioista. Tyylikehyksen esimerkkisivu on rakennettu Wordpress-nimisen sisällönhallintajärjestelmän päälle.
Insinöörityön tuloksena syntyi toimiva tyylikehys, joka helpottaa kaikkia web-kehittäjiä tekemään työläitä osioita ilman omia tyylisääntöjä. Projektin aikana opittiin paljon kehysten tekemiseen vaadittavasta työstä ja huolellisesta suunnittelusta. Insinöörityön tuloksista ilmeni, että uuden tyylikehyksen luominen vaatii sen tekijältä runsaasti aikaa ja paneutumista. Projektin aikana ilmenivät myös oman tyylikehyksen rakentamisen edut ja mahdolliset haitat.
Tyylikehyksen oltua pidempään käytössä voidaan ymmärtää sen lopullinen merkitys ja hyöty. Tyylikehys ei todennäköisesti koskaan ole täysin valmis, vaan sitä voidaan kehittää jatkuvasti. Kehykseen voidaan lisätä uusia ominaisuuksia, jotta siitä on hyötyä kehittäjille myös tulevaisuudessa.