Teksti-TV-editorin kehittäminen moderneilla web-teknologioilla
Henttonen, Miika (2016)
Henttonen, Miika
Metropolia Ammattikorkeakoulu
2016
Creative Commons Attribution-NonCommercial 1.0 Suomi
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201602162297
https://urn.fi/URN:NBN:fi:amk-201602162297
Tiivistelmä
Insinöörityön tarkoituksena oli toteuttaa nykyaikainen selainpohjainen versio Teksti-TV-editorista. Sovelluksella oli tarkoitus korvata vanha Java-pohjainen käyttöliittymä. Vanhan Teksti-TV-editorin ominaisuudet kopioitiin uuteen versioon siten, että käytettävyys pysyi samana. Joiltakin osin editorin käytettävyyttä kehitettiin paremmaksi. Tavoitteena oli, että uusi editori mukautuisi näytön ruudun koon mukaan ja toimisi myös mobiililaitteilla.
Työssä esiteltiin käytetyt Javascript-kirjastot ja menetelmät. Osuudessa selvitettiin Bootstrap-, Backbone- ja RequireJS-kirjastojen käyttäminen osana selainpohjaista sovellusta. Tämän lisäksi osuudessa esiteltiin npm- ja bower-paketinhallintajärjestelmät sekä HTML5 Canvasin toiminta ja käyttäminen. Myös sovelluksen rakenne yleisellä tasolla esiteltiin. Käytettyjen teknologioiden esittelyn ohessa myös kerrottiin, miksi kyseiset teknologiat valittiin osaksi insinöörityön toteutusta. Osuuden lopuksi esiteltiin projektin kehitysversion kokoaminen tuotantoversioksi RequireJS- ja Gulp-kirjastoja käyttäen.
Työn lopuksi käytiin laajasti läpi Teksti-TV-editorin toteutuksessa esiin tulleita asioita ja ongelmia. Editorin käyttöliittymän responsiivisuus Bootstrap-kirjastoa käyttäen, skaalautuminen sekä mukautuminen kosketusnäyttöön esiteltiin. Osuudessa esiteltiin myös merkkitoimintoja ja merkkien vierittämistä ja rivittämistä.
Työssä esiteltiin käytetyt Javascript-kirjastot ja menetelmät. Osuudessa selvitettiin Bootstrap-, Backbone- ja RequireJS-kirjastojen käyttäminen osana selainpohjaista sovellusta. Tämän lisäksi osuudessa esiteltiin npm- ja bower-paketinhallintajärjestelmät sekä HTML5 Canvasin toiminta ja käyttäminen. Myös sovelluksen rakenne yleisellä tasolla esiteltiin. Käytettyjen teknologioiden esittelyn ohessa myös kerrottiin, miksi kyseiset teknologiat valittiin osaksi insinöörityön toteutusta. Osuuden lopuksi esiteltiin projektin kehitysversion kokoaminen tuotantoversioksi RequireJS- ja Gulp-kirjastoja käyttäen.
Työn lopuksi käytiin laajasti läpi Teksti-TV-editorin toteutuksessa esiin tulleita asioita ja ongelmia. Editorin käyttöliittymän responsiivisuus Bootstrap-kirjastoa käyttäen, skaalautuminen sekä mukautuminen kosketusnäyttöön esiteltiin. Osuudessa esiteltiin myös merkkitoimintoja ja merkkien vierittämistä ja rivittämistä.