Muokattava sivupohja kuvagallerialle
Kauppi, Marjo (2011)
2011
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2023092826507
https://urn.fi/URN:NBN:fi:amk-2023092826507
Tiivistelmä
Tämä työ sai alkunsa siitä, kun oululainen mainostoimisto Rapid River oli uudistamassa kuvagalleriasovellustaan. Uudelle sovellukselle haluttiin muokattavissa oleva sivupohja, jotta sovellusta voitaisi tarjota asiakkaiden käyttöön nopeasti ja helposti. Työn tavoitteena oli tuottaa sivupohja ja sille vaihtoehtoisia ulkoasuja, joilla muokattavuutta voidaan demonstroida.
Tietoperustana on käytetty alan kirjallisuutta ja verkkomateriaalia, käyttöliittymäsuunnittelun vanhoja ja nykyisiä käytäntöjä ja suosituksia sekä omaa asiasta kertynyttä käytännön kokemusta. Aiheeseen on paneuduttu tutkimalla sovelluksen vanhaa ulkoasua ja rakennetta sekä tutkimalla vaihtoehtoisia uusia toteutustapoja. Tämän raportin aineistona on käytetty www-käyttöliittymäsuunnittelusta ja käytettävyydestä kertovia kirjoja sekä www-sivuja. Lisäksi on käytetty pääasiassa erilaisia internetistä löytyviä opassivustoja sekä merkintäkielien teknisiä spesifikaatioita.
Työn tuloksina on sivupohja, joka on selkeä ja helposti muokattavissa, sekä kaksi tyylitiedostoin luotua ulkoasumallia. Raporttiosuudessa on sivupohjan ja ulkoasujen tuottamisen raportoinnin lisäksi käsitelty www-käyttöliittymiä, niiden suunnittelua ja suunnitteluun liittyviä käytäntöjä yleisesti.
Saadut tulokset ovat hyödynnettävissä yrityksen toiminnassa sovelluksen toiminnallisen osuuden lopullisesti valmistuttua. Sovelluksen jatkokehitys on jo alkanut, ja tässä kehityksessä tullaan sovelluksen merkintäkieli muuntamaan nykyisestä HTML4:stä HTML5:ksi. Seuraava versio tultaisiin ottamaan käyttöön arviolta vuonna 2014, kun selaimien tuki HTML5:lle on riittävän laajaa. This thesis was started when Rapid River, an advertising agency from Oulu, was about to renew their existing photo gallery application. A new adaptive and editable template was needed so that the company could offer the new application for their customers without long delay. The goal of this thesis was to produce a template and a couple of layouts for demonstration purposes.
The theoretical background is based on available literature and web pages about the old and new practices and the author’s experiences on the area. In order to become familiar with the subject the old application and its template were studied and new solutions were searched for. The source material for the report consists mainly of published material and web articles about user interface designing and usability of web pages and applications. In addition, web quides on the subject and technical specifications for mark-up languages were used.
The result of this work was a clear and editable template with two style sheets for layout. Apart from reporting the process of creating the template, there are also sections about user interfaces, designing user interfaces and other practices on the subject in this study.
The outcome can be utilized in the company after the functional parts of the application are finalized. The development of the application will continue with HTML4 mark-up language being replaced by HTML5. The upcoming HTML5 version is supposed to be in use around 2014 when the browser support is extensive enough.
Tietoperustana on käytetty alan kirjallisuutta ja verkkomateriaalia, käyttöliittymäsuunnittelun vanhoja ja nykyisiä käytäntöjä ja suosituksia sekä omaa asiasta kertynyttä käytännön kokemusta. Aiheeseen on paneuduttu tutkimalla sovelluksen vanhaa ulkoasua ja rakennetta sekä tutkimalla vaihtoehtoisia uusia toteutustapoja. Tämän raportin aineistona on käytetty www-käyttöliittymäsuunnittelusta ja käytettävyydestä kertovia kirjoja sekä www-sivuja. Lisäksi on käytetty pääasiassa erilaisia internetistä löytyviä opassivustoja sekä merkintäkielien teknisiä spesifikaatioita.
Työn tuloksina on sivupohja, joka on selkeä ja helposti muokattavissa, sekä kaksi tyylitiedostoin luotua ulkoasumallia. Raporttiosuudessa on sivupohjan ja ulkoasujen tuottamisen raportoinnin lisäksi käsitelty www-käyttöliittymiä, niiden suunnittelua ja suunnitteluun liittyviä käytäntöjä yleisesti.
Saadut tulokset ovat hyödynnettävissä yrityksen toiminnassa sovelluksen toiminnallisen osuuden lopullisesti valmistuttua. Sovelluksen jatkokehitys on jo alkanut, ja tässä kehityksessä tullaan sovelluksen merkintäkieli muuntamaan nykyisestä HTML4:stä HTML5:ksi. Seuraava versio tultaisiin ottamaan käyttöön arviolta vuonna 2014, kun selaimien tuki HTML5:lle on riittävän laajaa.
The theoretical background is based on available literature and web pages about the old and new practices and the author’s experiences on the area. In order to become familiar with the subject the old application and its template were studied and new solutions were searched for. The source material for the report consists mainly of published material and web articles about user interface designing and usability of web pages and applications. In addition, web quides on the subject and technical specifications for mark-up languages were used.
The result of this work was a clear and editable template with two style sheets for layout. Apart from reporting the process of creating the template, there are also sections about user interfaces, designing user interfaces and other practices on the subject in this study.
The outcome can be utilized in the company after the functional parts of the application are finalized. The development of the application will continue with HTML4 mark-up language being replaced by HTML5. The upcoming HTML5 version is supposed to be in use around 2014 when the browser support is extensive enough.