Verkkosivut Torstec – Tornion Asennus Oy:lle : HTML5 ja CSS3 standardeilla käyttäen Joomla-julkaisujärjestelmää

Abstract

Opinnäytetyön tavoitteena oli suunnitella ja toteuttaa Torstec - Tornion asennus Oy:lle helposti ylläpidettävät verkkosivut nykyaikaisilla ohjelmointitekniikoilla, ja toteuttaa Torstec Oy:n tarvitsema sähköinen tilausjärjestelmä. Lisäksi opinnäytetyön tavoitteena oli tuottaa Torstec Oy:n työntekijöille oppimateriaali verkkosivujen ylläpitämiseksi.

Torstec – Tornion asennus Oy:llä oli olemassa aikaisemmat verkkosivustot, kuitenkin yrityksellä oli tarve uudelle verkkosivustolle kahdesta syystä. Olemassa olevan verkkosivuston sisältö oli vanhentunutta eikä yrityksen työntekijöillä ollut mahdollisuutta päivittää sitä itse. Toisaalta yrityksellä oli tarvetta ottaa vastaan tilauksia verkkosivuston kautta, sellaista toimintoa ei vanhalla verkkosivustolla ollut.

Koska rakensin verkkosivut aivan uudestaan, oli mahdollista kokeilla uusia verkkostandardeja verkkosivun rakennuksessa. Toteutin verkkosivuston nykyaikaisilla verkko-ohjelmointikielillä, kuten HTML5-kuvauskielellä ja CSS3-tyyliohjeilla. HTML5-kuvauskielen käyttö mahdollisti sivuston rakenteen suunnittelun semanttisesti, niin että esimerkiksi hakukoneet osaavat tulkita verkkosivuston sisältöä paremmin. Otin uudet verkkostandardit osaksi tutkimuksen teoreettista viitekehystä pyrkien rakentamaan verkkosivuston niiden standardien mukaisesti.

Opinnäytetyön tuloksena syntyivät Torstec Oy:lle nykyaikaiset verkkosivut verkkokaupalla. Verkkosivujen toteutuksessa käytin Joomla 1.6 julkaisujärjestelmää, ja verkkosivun eri osiot, kuten verkkokaupan, toteutin Joomla-julkaisujärjestelmän komponenteilla. Tuotin myös Torstec Oy:n työntekijöille oppaita verkkokaupan ja verkkosivun sisällön ylläpidossa. Uudella verkkosivustolla vierailijat pystyvät selaamaan yrityksen tuotteita ja tekemään räätälöityjä tilauksia Torstec Oy:n tuotteista.

The main purpose of this thesis was to design and a create web pages for Torstec - Tornion asennus Oy steel manufacturing company. Priorities in the project were to design web pages that are easy to update for staff of Torstec Oy and to implement a web shop in their web pages.

There were already existing web pages of Torstec Oy, but there was a need for a new one due to two reasons. First reason was that existing web page was out of date; the content of the web page was no longer accurate. Second reason was a need the ability to receive orders via internet, which was not possible through the old web page.

Because I built the web pages from the scratch, it was possible to implement newest web standards to new web pages. I created the web pages with modern internet programming languages including HTML5 markup language and CSS3 style sheet language. With HTML5 markup language it was possible to design a semantic structure to the web pages in a way that machines are able to read web page in more intelligent way. I took the newest web standards as part of theoretical framework and designed the web pages using technology standards that modern web browser manufacturers claim to support.

As a result of this thesis a modern web pages for Torstec Oy were created. For the base of web pages I used Joomla 1.6 content management system and different sections of the web pages, such as the web shop, and the contact information, I created using Joomla's components. As part of the thesis I also created series of manuals for the staff of Torstec Oy so they are able to maintain and update the web page and products in the web shop. Once web pages are finished, customers are able to explore and order products from Torstec Oy.