Natja K. Web Shop – dokumentaatio

Siirretty 12.2.2013

Natja K. Web Shop on siirretty Metropolian palvelimelta uuteen osoitteeseensa joulukuussa 2012, eivätkä puolet verkkokaupan toiminnoista enää toimi. Jo sivuja koodattaessa oli tiedossa, että verkkokaupan toiminnot rakennetaan niin, että osoitteeseen, johon ne koodataan, avataan suojattu sessio, joka on koko ajan periaatteessa käynnissä. Session sisälle pystyttiin käynnistämään useampia sessioita, joista tähän siirrettäessä ei toimi kuin ostoskoriin lisäystoiminto. Tällaisenaan kyseinen verkkokauppa olisi pitänyt rakentaa alusta tietyssä järjestyksessä ja avata uuteen osoitteeseen suojattu, koko ajan käynnissä oleva sessio. Siirsin kuitenkin sivut niiden ulkoasun takia uuteen osoitteeseen.

Natja K. Web Shop on yksinkertaisen verkkokaupan simulaatio, jossa asiakas voi siirtää ostamansa tuotteet ostoskoriin, tyhjentää ostoskorin ja ostaa tuotteet täyttämällä yhteystietonsa ja maksutapansa e-lomakkeeseen. Sivuston huono puoli on siis se, että tuotteita ei vaan saa oikeasti kotiinsa. Sivustolla on etusivu, jossa on kerrottu käyttäjälle sivustosta, kaksi välilehteä ostettavia tuotteita, jotka avautuvat viiteen tuotealakategoriaan ja kontaktisivu, jossa on yhteydenottolomake ja linkit tähän blogiin ja portfoliosivulleni.

Natja K. web Shopin admin-puolella on mahdollisuus lisätä ja poistaa myytäviä tuotteita tietokannassa, phpMyAdminissa, ja hallinnoida muutenkin tilauksia ja asiakkaiden yhteystietoja. Tietokannassa on Tuotteet-taulu, Tilaus-taulu ja Tuotteet Tilauksessa -taulu. Verkkokaupan hallinnoija voi kerätä asiakkaiden internetissä tekemät tilaukset tuote-id:eiden perusteella, tosin oikeasti mitään kerättäviä tuotteita ei ole.

Halusin tehdä verkkokaupasta toiminnallisuuksien lisäksi myös hyvännäköisen sivuston, ja tein etusivulle sliderin JavaQuerylla. Ostoskori-näkymässä ostotapahtuman edetessä eteen tulevan yhteystietolomakkeen css:n rakentaminen osoittautui todella vaikeaksi, sillä lomake on pitkän index.php-tiedoston sisällä, ja monen muunkin kohdan css:n miettiminen oli ongelmallista. En saanut kaikkia muotoiluja täysin tehtyä kuten olisin halunnut. En myöskään saanut kontaktilomaketta tulostamaan “Send message”-painikkeesta “Message sent!” -viestiä, vaikka lomake lähettää kaiken sähköpostiini. Lähes kaikki toiminnot sivustolla kierrätetään index.php-tiedoston kautta, enkä tiedä mitä tiedostoon pitäisi lisätä jotta kontaktilomake toimisi täydellisesti.

Ongelmia tuotti tässä viimeisessä vaiheessa paljonkin kansiohierarkia, koska kun yhden tiedoston nimi on index.php, eikä se ole etusivu, ei toista index-nimistä tiedostoa voi tehdä. Yritin rakentaa tuntikausia kansiohierarkiaa toimivaksi niin, että sivuston etusivu olisi kansion juuressa, mutta magic_quotes-tiedosto ilmoitti ettei tunnista polkua. Ilmeisesti sillä ei kuitenkaan ollut mitään tekemistä pitkin sivuston rakennusvaihetta olleiden palvelimen hallintaoikeuksien ongelmien kanssa. Tein uudelleen lyhemmiksi nimetyn kansion juureen splash screen-tyylisen sivun, jotta kansiorakenne ei ole ulkopuolisille luettavissa.

Jatkokehitysmahdollisuuksia tälle sivustolle olisi pienistä tuotekuvista avautuvat tuote-esittelysivut.

080618_m97_pf_ow 017