Magento-verkkokauppateeman toteutus ja WebML-käyttöliittymäsuunnittelu
Rosendahl, Riikka (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-2023100226697
https://urn.fi/URN:NBN:fi:amk-2023100226697
Tiivistelmä
Tämä opinnäytetyö keskittyy käyttöliittymäsuunnitteluun ja ulkoasuteeman toteutukseen Magento-verkkokaupalle WebML-sivunäkymien ja hypertekstimallien avulla. Tavoitteena oli oppia hyödyntämään hypertekstimallinnusta verkkotietojärjestelmien käytettävyyssuunnittelussa ja tuottamaan ulkoasullisesti ja sisällöllisesti asiakkaan tarpeisiin räätälöityjä verkkokauppoja Magentolla.
WebML on yksi verkkotietojärjestelmien suunnittelutekniikoista, joka kattaa ohjelmiston elinkaaren vaatimusmäärittelystä valmiiseen ohjelmistoon. Magento-verkkokauppateeman suunnittelussa käytetään apuna WebML:n sivunäkymiä ja hypertekstimalleja, jotka ovat WebML:n tärkeimmät työkalut käyttöliittymäsuunnittelussa.
WebML-menetelmän sivunäkymät ja hypertekstimallit soveltuvat apuvälineeksi käyttöliittymän toiminnallisuutta ja ulkoasua suunniteltaessa. Mallit toimivat erinomaisena kommunikaatiotyövälineenä käyttöliittymäsuunnittelijoiden ja ohjelmistokehittäjien välillä ohjelmistoprojektin ajan.
Magento on yksi vapaan lähdekoodin julkaisujärjestelmistä, joka on erikoistunut erityisesti verkkokauppojen ohjelmistojen alustaksi. Julkaisujärjestelmissä käyttöliittymälle on luotava verkkokauppateema, jotta verkkokauppa saadaan asiakkaille räätälöidyllä ulkoasulla. Magento-verkkokauppateema koostuu kuvatiedostoista sekä HTML-, CSS-, PHP-, JavaScript- ja XML-tiedostoista.
Magento-ulkoasuteemasta tuotetaan kaksi graafista ulkoasua esittävää sivunäkymää ja kaksi niihin perustuvaa hypertekstimallia, joita ovat ”Omat sivut” ja ”Kategoriat & tuotteet”. Toiminnallisena tuotoksena on valmis Magento-ulkoasuteema, jonka käyttöliittymäsuunnittelu nojaa alussa tuotettuihin WebML-sivunäkymiin ja niistä johdettuihin hypertekstimalleihin. The purpose of this thesis is to design and implement user interface for Magento Ecommerce Web Store by creating Magento Template. WebML Hypertext Models and page views are been used for designing the user interface and Magento Template will be implemented based on these designs. The goal was to learn how to use WebML Hypertext models in user interface design and to learn how to create Magento Templates that are customised to customer’s needs.
WebML is one of the modelling techniques for Web Information Systems. WebML includes all the steps in software development lifecycle starting from requirement analysis and ending to completed software. Only page views and hypertext models are being used from WebML technique in this thesis, because they are the most important tools for designing the user interface.
WebML Page Views and Hypertext Models can be used not just for designing purposes, but they can also work as a communication tool between designers and programmers during the software development project.
Magento is one of the Content Management Systems (CMS) that has specialised for ecommerce websites and comes with an open source licence. For web store that is customized to customers needs, Magento Template needs to be created for the user interface. Magento Template can be created using techniques like HTML-, CSS-, PHP-, JavaScript-, XML- and graphic design.
Two page views have been created from Magento Template and two hypertext models based on these designs. The models that were implemented are called”My Pages” and “Categories and Products”. Magento Template is going to be created based on these WebML Designs.
WebML on yksi verkkotietojärjestelmien suunnittelutekniikoista, joka kattaa ohjelmiston elinkaaren vaatimusmäärittelystä valmiiseen ohjelmistoon. Magento-verkkokauppateeman suunnittelussa käytetään apuna WebML:n sivunäkymiä ja hypertekstimalleja, jotka ovat WebML:n tärkeimmät työkalut käyttöliittymäsuunnittelussa.
WebML-menetelmän sivunäkymät ja hypertekstimallit soveltuvat apuvälineeksi käyttöliittymän toiminnallisuutta ja ulkoasua suunniteltaessa. Mallit toimivat erinomaisena kommunikaatiotyövälineenä käyttöliittymäsuunnittelijoiden ja ohjelmistokehittäjien välillä ohjelmistoprojektin ajan.
Magento on yksi vapaan lähdekoodin julkaisujärjestelmistä, joka on erikoistunut erityisesti verkkokauppojen ohjelmistojen alustaksi. Julkaisujärjestelmissä käyttöliittymälle on luotava verkkokauppateema, jotta verkkokauppa saadaan asiakkaille räätälöidyllä ulkoasulla. Magento-verkkokauppateema koostuu kuvatiedostoista sekä HTML-, CSS-, PHP-, JavaScript- ja XML-tiedostoista.
Magento-ulkoasuteemasta tuotetaan kaksi graafista ulkoasua esittävää sivunäkymää ja kaksi niihin perustuvaa hypertekstimallia, joita ovat ”Omat sivut” ja ”Kategoriat & tuotteet”. Toiminnallisena tuotoksena on valmis Magento-ulkoasuteema, jonka käyttöliittymäsuunnittelu nojaa alussa tuotettuihin WebML-sivunäkymiin ja niistä johdettuihin hypertekstimalleihin.
WebML is one of the modelling techniques for Web Information Systems. WebML includes all the steps in software development lifecycle starting from requirement analysis and ending to completed software. Only page views and hypertext models are being used from WebML technique in this thesis, because they are the most important tools for designing the user interface.
WebML Page Views and Hypertext Models can be used not just for designing purposes, but they can also work as a communication tool between designers and programmers during the software development project.
Magento is one of the Content Management Systems (CMS) that has specialised for ecommerce websites and comes with an open source licence. For web store that is customized to customers needs, Magento Template needs to be created for the user interface. Magento Template can be created using techniques like HTML-, CSS-, PHP-, JavaScript-, XML- and graphic design.
Two page views have been created from Magento Template and two hypertext models based on these designs. The models that were implemented are called”My Pages” and “Categories and Products”. Magento Template is going to be created based on these WebML Designs.