Re-designing a Commercial Website

Abstract

The goal of this final year project was to redesign a commercial web site Rips.fi for company CoreFinland in such a way that it can be updated virtually by anyone. The existing site was developed with Flash and required knowledge of the technology to be able to update the information. Also, heavy-weight and poor scalability were listed as problems and needed to be solved.

As a solution, a redesigned, PHP and MySQL based site and an administration area were created, with some Ajax features. The previous layout of the site was preferred and thus, a very similar design was produced. Although problems were met with scripts, the objectives were met relatively well. The new site is significantly easier to maintain and does not require coding skills. The design lacks the previous animation and moving parts, but is lighter and loads faster. Ajax was used to validate feedback and order forms and to create an image gallery with thumbnails.

In hindsight, a ready-made content management system (CMS) might have been easier and a more credible solution for renewing a site than self-coding. However, the site is relatively simple and therefore self-coding was found to be appropriate. As a site grows to contain more interactive sections, such as blogging, feeds, commenting and tagging, simple solutions often lack the needed security and usability features. The resulting site of this project can be developed further to have more sophisticated scripting, or it could be re-designed again to use a free open source CMS.

Insinöörityön tavoitteena oli suunnitella uusi versio kaupallisesta internet-sivustosta ruis-snackseja maahantuovalle yritykselle. Tarkoituksena oli ennen kaikkea ratkaista edellisen sivuston ongelmakohdat ja luoda hallintaosio, jotta sivua voidaan jatkossa päivittää suoraan selaimella ilman HTML- tai PHP-kielten tuntemusta. Vanhojen sivujen päivittäminen vaati Flash-osaamista, jota monella yrityksen työntekijällä ei ole. Lisäksi sivusto oli raskas ja vaikea laajentaa.

Tuloksena syntyi PHP-pohjainen sivusto, joka käyttää MySQL-tietokantaa ja joitakin Ajax-kirjastoja vähentämään sivulatausten määrää. Ulkoasun tyyli haluttiin pitää mahdollisimman samankaltaisena kuin Flash-sivuissa, joten rakennekin säilyi yhtäläisenä. Vaikka ongelmiakin ilmeni skriptien kanssa, tavoitteissa onnistuttiin. Sivuston ulkoasusta puuttuvat Flashin liikkuvat osat, mutta kevyempänä ja yksinkertaisempana se latautuu nopeammin ja toimii sujuvammin. Ajax-tekniikoiden avulla tarkistetaan lomakkeiden tiedot, vaihdetaan ulkoasun tyyliä ja luotiin entistä toimivampi kuvagalleria. Hallintaosion ansiosta sisällön muokkaaminen on yksinkertaista käytännössä kenelle tahansa.

Valmis sisällönhallintajärjestelmä olisi saattanut olla huomattavastikin helpompi ja nopeampi ottaa käyttöön kuin itse luotu, mutta koska sivusto oli kohtalaisen yksinkertainen, päätettiin pysyä alkuperäisessä suunnitelmassa. Jos sivusto sisältäisi esimerkiksi blogin, tunnisteita, kommentointimahdollisuuden ja syötteitä, olisi yksinkertainen itse tehty järjestelmä varmasti riittämätön käytettävyyden ja turvallisuuden kannalta. Tuloksena saatua sivustoa ja sen skriptausta voidaan tarpeen mukaan helposti kehittää edelleen niin, että sen ominaisuudet ovat kehittyneempiä, tai sivut voidaan suunnitella jälleen uudelleen niin, että ne käyttävät valmista avoimen lähdekoodin sisällönhallintaa.