izdelava spletne trgovine za pekarsko podjetje · 2017. 11. 28. · denis kozjek: izdelava spletne...

Diplomsko delo univerzitetnega študija Organizacija in management informacijskih sistemov

IZDELAVA SPLETNE TRGOVINE ZA PEKARSKO PODJETJE

Mentor: doc. dr. Davorin Kofjač Kandidat: Denis Kozjek

Kranj, junij 2016

ZAHVALA Zahvaljujem se mentorju doc. dr. Davorinu Kofjaču za pomoč in podporo pri razvoju spletne trgovine in pisanju diplomske naloge. Zahvalil bi se tudi Romanu Plahutniku, lastniku podjetja Svif servis in trgovina, d. o. o., ki mi je pri izdelavi spletne trgovine svetoval in mi omogočil dostop do vsega potrebnega materiala za izdelavo ter mi prepustil proste roke pri oblikovanju. Zahvaljujem se tudi lektorici Mateji Drevenšek, prof. slov., ki je lektorirala mojo diplomsko nalogo. Posebna zahvala pa gre moji družini, ki so mi študij omogočili in me tekom njega ves čas podpirali.

POVZETEK

V diplomski nalogi je opisana izgradnja in delovanje spletne trgovine za pekarsko podjetje Svif servis in trgovina, d. o. o., oziroma drugače poznano tudi kot Sladkač. V zadnjem času se je zanimanje za njihove izdelke na trgu močno povečalo. Podjetje je na spletu že prisotno s statično spletno stranjo, vendar ta ni ravno v koraku s časom, zato smo se odločili, da bomo prenovili obstoječo spletno stran podjetja in na novo uvedli spletno trgovino, za katero smo prepričani, da bo podjetju zagotovila povečanje prepoznavnosti in priljubljenosti na trgu. Spletna trgovina obiskovalcem zagotavlja ažuren pregled celotne ponudbe podjetja in jim ponuja interaktiven način komunikacije s podjetjem v obliki ocenjevanja in komentiranja izdelkov ali preko kontaktnega obrazca. Za podjetje uvedba spletne trgovine pomeni lažje upravljanje svojih izdelkov in njihove zaloge ter ostalih lastnosti, hkrati pa jim omogoča, da dosežejo veliko večji obseg ljudi na različnih trgih. Poleg spletne trgovine smo dodali še nekaj strani, ki predstavljajo dejavnost in način delovanja podjetja. Z namenom poenostavitve upravljanja spletne trgovine smo se odločili za uporabo sistema za upravljanje vsebine. Po temeljiti raziskavi in priporočilih smo izbrali štiri sisteme, ki smo jih med seboj primerjali in na podlagi različnih kriterijev izbrali najprimernejšega. Za spremljanje dejavnosti v spletni trgovini smo v sistem implementirali tudi orodje za analiziranje Google Analytics in s tem naročniku omogočili možnost analiziranja dejavnosti in obnašanja obiskovalcev v spletni trgovini ter posledično nadaljnji razvoj spletne trgovine.

KLJUČNE BESEDE:

spletna trgovina

Wordpress

Joomla

Magento

pekarsko podjetje

ABSTRACT The Bachelor's degree describes the building and functionality of an online store for a bakery called Svif servis in trgovina, d.o.o or commonly known as Sladkač. Lately the demand for their product started to rise dramatically. The company is already showing its presence on the internet with a static website, but the site is old and outdated, so we decided to completely rebuild the existing website with a new addition in the form of an online store for which we are certain that it will increase the company’s recognisability and popularity on the market. The online store offers visitors up to date view to all the products the company has to offer and enables them to interact with the company in an interactive way with evaluating and commentating on products or using a contact form. Implementation of online store enables the company to manage their products, their stock and other properties with ease and enables them to reach to a wider circle of people on various markets. In addition to the online store we added a couple of pages that present the company in general. To simplify the management of the online store, we decided to use a content management system. After a thorough research and recommendations, we narrowed our choices to four systems on which we carried out a comparison based on multiple criteria by which we selected the most suitable system for our online store. To monitor the activity in the online store we included an analysis system called Google Analytics, which enables the client to monitor the activities and behaviour of visitors in the online store and consequently enables him to continue the development of the online store.

KEYWORDS:

Online store

Wordpress

Joomla

Magento

Bakery

KAZALO

1. UVOD ...................................................................................... 1

1.1. PREDSTAVITEV PROBLEMA ........................................................ 1 1.2. PREDSTAVITEV OKOLJA ............................................................ 1 1.3. PREDPOSTAVKE IN OMEJITVE ..................................................... 1 1.4. METODE DELA .................................................................... 2 1.5. CILJI DIPLOMSKE NALOGE ........................................................... 2

2. TEORETIČNE OSNOVE ................................................................. 3 2.1. SPLETNA STRAN .................................................................... 3 2.2. SPLETNA TRGOVINA ................................................................ 3 2.3. PREDNOSTI SPLETNE TRGOVINE .................................................. 4 2.4. IZGRADNJA SPLETNE STRANI ..................................................... 5 2.5. PROMOCIJA SPLETNE STRANI ..................................................... 6

3. OBSTOJEČE STANJE ................................................................... 7 3.1. OSNOVNA STRAN ................................................................... 8 3.2. O NAS ............................................................................... 10

4. SISTEMI ZA UPRAVLJANJE VSEBINE ................................................ 17 4.1. WORDPRESS ........................................................................ 18 4.2. JOOMLA ............................................................................. 19 4.3. MAGENTO........................................................................... 20 4.4. WIX .................................................................................. 21 4.5. PRIMERJAVA SISTEMOV IN UTEMELJITEV ODLOČITVE ........................ 22

5. IZDELAVA SPLETNE TRGOVINE ..................................................... 24 5.1. ZAKUP SPLETNEGA STREŽNIKA IN REGISTRACIJA DOMENE .................. 24 5.2. NAMESTITEV SISTEMA WORDPRESS .............................................. 26 5.3. IZBIRA IN PRILAGAJANJE PREDLOGE ............................................ 29 5.4. IZBIRA IN NAMESTITEV VTIČNIKOV .............................................. 31 5.5. USTVARJANJE IN UREJANJE SPLETNIH STRANI ................................ 32 5.6. NAMESTITEV IN PRILAGAJANJE SPLETNE TRGOVINE .......................... 35 5.7. DODAJANJE IN UREJANJE IZDELKOV ............................................ 40

6. PRIKAZ DELOVANJA SPLETNE TRGOVINE .......................................... 43 6.1. SCENARIJ GIBANJA OBISKOVALCA ............................................... 43 6.2. PROCES NAKUPA IZDELKOV ...................................................... 51 6.3. PREGLEDOVANJE PREJETIH NAROČIL ........................................... 57 6.4. IZPOLNJEVANJE PREJETIH NAROČIL ............................................ 57

7. ZAKLJUČKI ............................................................................ 59 7.1. OCENA UČINKOV ................................................................... 59 7.1. PREDLOGI IN PRIPOROČILA NAROČNIKU ........................................ 59

LITERATURA IN VIRI .......................................................................... 60 KAZALO SLIK IN TABEL ...................................................................... 61 KRATICE IN AKRONIMI ....................................................................... 63

Univerza v Mariboru ‒ Fakulteta za organizacijske vede Diplomsko delo univerzitetnega študija

Denis Kozjek: Izdelava spletne trgovine za pekarsko podjetje stran 1

1. UVOD Živimo v času hitrega razvoja tehnologij, kjer so informacije na voljo kjer koli in kadar koli, kar pomeni, da se moramo nenehno prilagajati in učiti, da ostanemo na vrhu. Enako velja za podjetja, hkrati pa tudi za njihove spletne strani. V današnjem času podjetje oziroma trgovina brez spletne strani hitro postane le senca na trgu, medtem ko trgovina brez spletne trgovine praktično nima možnosti zasesti večjega tržnega deleža na svetovnem trgu.

1.1. PREDSTAVITEV PROBLEMA Podjetje Svif servis in trgovina, d. o. o., se ukvarja s pekarstvom in slaščičarstvom. V podjetju so v zadnjem letu zabeležili močno povečanje zanimanja za njihove izdelke na trgu. Podjetje trenutno že ima spletno stran, vendar ta ni ravno v koraku s časom z vidika oblikovanja ter funkcionalnosti. Podjetje obiskovalcem trenutno ne omogoča kupovanja izdelkov preko spleta, kar močno omejuje ciljno skupino, ki se za izdelke zanima, in posledično možnost prodaje izdelkov. Odsotnost spletne trgovine pa jim prav tako onemogoča širitev na nove trge. Glavni razlog za to je, da je podjetje majhno in se je do sedaj v glavnem posvečalo lokalni prodaji. Zadnje čase pa vedno več strank sprašuje po spletni trgovini, kjer bi lahko enostavneje naročali izdelke, ki so že na zalogi, ali naročali izdelavo izdelka po meri. Trenutno naročanje poteka preko telefona, naročila pa se zapisujejo na papir, kar je velik problem predvsem v sledljivosti dokumentov. Pogosto pride do pomote pri naročilu, ali pa se papir izgubi in posledično se naročilo ne izvrši. S postavitvijo spletne trgovine želimo podjetju omogočiti lažje poslovanje, boljšo sledljivost naročilom in posledično večjo prodajo ter bolj zadovoljne stranke. Hkrati pa jim želimo omogočiti lažje širjenje na nove trge.

1.2. PREDSTAVITEV OKOLJA Podjetje Svif servis in trgovina, d. o. o., ali drugače poznano tudi kot Sladkač, je bilo ustanovljeno leta 1991 s strani lastnikov podjetja, moža in žene, Romana in Bojane Plahutnik. Glavna dejavnost podjetja je pekarstvo in slaščičarstvo, specializirano predvsem za manufakturo oziroma izdelavo prvovrstnih po meri izdelanih slaščic. Podjetje je znano po oblikovanju tort in slaščic, ki so pritegnile zanimanje številnih slavnih oseb, predvsem za pogostitve ob njihovih praznikih in slavnostnih porokah. Poleg družinskih članov ima podjetje enega zaposlenega. Za poslovanje uporabljajo prenosni in stacionarni telefon ter prenosni računalnik. Podjetje ima trenutno odprto eno poslovalnico na Dunajski cesti v Ljubljani. Do sedaj je bilo podjetje osredotočeno le na slovenskih trg, vendar se pripravljajo na širitev tudi na druge trge, med katerimi prevladuje predvsem evropski.

1.3. PREDPOSTAVKE IN OMEJITVE Z vidika implementacije spletne trgovine lahko predpostavljamo povečanje prepoznavnosti samega podjetja in posledično povečanje prodaje njihovih izdelkov. Prenovljena spletna stran s spletno trgovino bo podjetju zagotovila enostavnejše in



boljše poslovanje ter predvsem lažjo sledljivost naročil. Z implementacijo spletne trgovine v poslovanje podjetja je potrebno za upravljanje trgovine zaposlene ustrezno izobraziti in hkrati obvestiti že obstoječe ter nove stranke ter jim zagotoviti navodila o načinu kupovanja, saj ne moremo predpostavljati, da bodo vse stranke znale, ali želele kupovati preko spleta. Omejitve, ki jih lahko pričakujemo z vidika izdelave, so predvsem finančne ter strokovne, zato bo potrebno pri razvoju ter predvsem trženju prenovljene strani poskrbeti za cenovno ugodne, vendar vseeno kvalitetne rešitve.

1.4. METODE DELA Pri pisanju diplomske naloge bomo uporabili deskriptivno ali opisno metodo za opisovanje pojmov in analitično metodo za študijo različne domače in tuje literature ter metodi komparacije in sinteze za oblikovanje zaključkov na podlagi preučene literature. Predvidena orodja za izdelavo spletne trgovine so Wordpress, Joomla, Magento, Wix, ki uporabljajo tehnologije, kot so: HTML, CSS, Javascript, PHP, jQuery, SQL.

1.5. CILJI DIPLOMSKE NALOGE Cilj diplomske naloge je popolna prenova že obstoječe spletne strani podjetja Svif servis in trgovina, d. o. o., po najnovejših standardih na področju funkcionalnosti ter oblikovanja. Prenovljena spletna stran mora tako obiskovalcu kot naročniku zagotavljati konstantne in ažurne podatke. Zasnovana mora biti interaktivno in predvsem obiskovalcu spletne strani prijazno. Kar pomeni, da mora biti premikanje po spletni strani preprosto in jasno. Stran mora ponujati osnovne informacije o podjetju, njegovi dejavnosti, lokaciji podjetja ter izdelkih, ki jih ponuja. Hkrati pa je obiskovalcem potrebno zagotoviti oziroma omogočiti možnost interakcije s podjetjem. Poleg prenovljene spletne strani bomo na novo uvedli tudi spletno trgovino, ki bi obiskovalcem omogočila širok pregled nad celotno ponudbo kot tudi nakup izdelkov. Za naročnika mora biti spletna trgovina enostavna za upravljanje, posodabljanje vsebine ter preverjanje zalog saj le-ta nima izkušenj na področju informatike oziroma upravljanja spletnih vsebin. Prenovljena spletna stran v povezavi s spletno trgovino mora povečati prepoznavnost podjetja in posledično povečati njegovo prisotnost na trgu, kar pomeni tudi večjo prodajo izdelkov, kar je konec koncev tudi želja naročnika.



2. TEORETIČNE OSNOVE

2.1. SPLETNA STRAN Spletna stran je skupek manjših medsebojno povezanih strani, ki vsebujejo različno vsebino, od besedila, slik, video vsebin, animacij ter ostale multimedijske vsebine. Strani so med seboj povezane s tako imenovanimi hiperpovezavami, ki nam omogočajo, da s kliki na določeno besedilo, gumbe, slike ali druge elemente preusmerjamo obiskovalca na želene strani, te so lahko naše, ali so bile ustvarjene s strani drugih razvijalcev. Spletna stran je oziroma mora biti nameščena na vsaj enem ali več spletnih strežnikov, da je dostopna vsem uporabnikom po celotnem svetu (Ntchosting, 2016). Da pa lahko uporabniki oziroma obiskovalci dostopajo do spletne strani, morajo za to poznati domensko ime spletne strani ali njen IP-naslov. Domensko ime je potrebno za postavitev spletne strani, saj predstavlja ključno vstopno točko na spletno stran. Domensko ime je potrebno pred postavitvijo spletne strani registrirati in plačati pri številnih ponudnikih po celotnem svetu. Tako si zagotovimo, da je določeno domensko ime oziroma domena unikatna za našo stran in je ni mogoče uporabljati s strani druge osebe. Drug način dostopa do spletne strani pa je s pomočjo IP-naslova. IP-naslov običajno s strani strank oziroma obiskovalcev spletne strani ni v uporabi, saj si je veliko lažje zapomniti besede kot številke, iz katerih je IP-naslov sestavljen. Spletne strani lahko delimo na statične in dinamične. Za statične strani je značilno, da se s časom ne spreminjajo, ali se spreminjajo le redko. Take strani so dandanes bolj redko v uporabi. Statične strani se zelo dobro obnesejo v primerih, ko je potrebno predstaviti kontakt podjetja ali njegovo zgodovino ter podobno vsebino. Vedno bolj pa se uporabljajo dinamične strani, katerih značilnost je to, da se nenehno oziroma zelo pogosto in avtomatsko spreminjajo. To jim omogoča podatkovna baza, ki se nahaja v ozadju in omogoča strani neprestano črpanje novih informacij pod predpostavko, da se vsebina v podatkovni bazi seveda spreminja s strani upravljavca spletne strani (Ntchosting, 2016). Dandanes se spletne strani prikazujejo na različnih napravah, od pametnih telefonov, tablic, prenosnikov in podobno, kar je omogočil razvoj oziroma razširitev brezžičnega omrežja WLAN. Zato je izredno pomembno, da je spletna stran zasnovana fleksibilno oziroma odzivno, kar pomeni, da se s spreminjanjem velikosti zaslona spreminja tudi sama spletna stran oziroma postavitev njenih elementov, kar omogoča čudovit izgled spletne strani ne glede na velikost zaslona.

2.2. SPLETNA TRGOVINA

Spletno trgovino lahko predelimo kot virtualno prodajalno oziroma prodajalno v elektronski obliki, ki je locirana nekje na nekem spletnem strežniku. Spletna trgovina strankam omogoča enostavno nakupovanje, najemanje ali celo prodajo kakršnih koli različnih izdelkov različnih kategorij. Za prodajalca spletna trgovina pomeni lažje poslovanje večjo prepoznavnost podjetja ter promocijo svojih izdelkov ter dejavnosti, hkrati pa lahko doseže veliko večji obseg strank, saj lahko le-te



dostopajo do trgovine kadar koli in kjer koli po svetu. Poznamo tri osnovne kategorizacije spletnih trgovin, in sicer jih delimo na tri modele: poslovanje med podjetji (B2B), poslovanje med podjetjem in fizično osebo (B2C) in poslovanje med fizičnimi osebami (C2C). Spletno trgovino lahko torej obravnavamo kot neki vmesnik oziroma posrednik med prodajalcem in kupcem (Uranjek, 2009). Spletna trgovina mora biti tako kot navadna spletna stran prilagojena glede na napravo, preko katere do spletne trgovine dostopamo, kar pomeni, da se morajo elementi spletne trgovine prilagajati glede na posamezno napravo. Z uvedbo spletne trgovine v poslovanje podjetja si razširimo obseg potencialnih kupcev, ki jih lahko dosežemo, vendar se hkrati soočimo tudi s konkurenco, s katero se do sedaj morda ni bilo potrebno ukvarjati. Zato je izredno pomembno, da je nakup v spletni trgovini enostaven in hiter, saj če je nakupovanje oteženo in počasno, se obiskovalci hitro naveličajo in trgovino zapustijo oziroma odidejo h konkurenci. Optimalna spletna trgovina deluje v štirih korakih ali manj. V prvem koraku obiskovalec pregleda izdelke v spletni trgovini in s klikom na gumb, ki je običajno označen V košarico, doda želeni izdelek v košarico, kjer ta čaka na nadaljnjo obdelavo. Ko se obiskovalec odloči zaključiti nakup, se odpravi v košarico, kjer uredi, zbriše, ali potrdi svoje izbire. S tem zaključi drugi korak. V tretjem koraku običajno izpolni kontaktne podatke ter način plačila. Običajno je v tem koraku za nakup izdelka potrebna prijava ali registracija obiskovalca, vendar to ni zahtevano. V četrtem koraku se naročilo potrdi in nakup zaključi.

2.3. PREDNOSTI SPLETNE TRGOVINE Prednosti uporabe spletne trgovine za obiskovalca oziroma kupca:

spletne trgovine delujejo 24 ur na dan, 7 dni v tednu in 365 dni v letu, kar pomeni nenehno dostopnost kjer koli in kadar koli;

ni potrebe po obiskovanju fizičnih trgovin in iskanju izdelkov, temveč lahko to storimo v udobju svojega doma;

predenj kupimo izdelek, lahko veliko bolje premislimo, če ga dejansko potrebujemo, saj si ga lahko večkrat ogledamo;

mirno lahko pregledujemo izdelke in razmišljamo brez posredovanja prodajalca, ki nam izdelke lahko vsiljuje in nazadnje kupimo nekaj, kar nikoli ne potrebujemo;

hitra dostava naročenih izdelkov v primeru, da je za logistiko ustrezno poskrbljeno;

večja izbira načinov plačevanja za izdelke, kot so: kreditna kartica, PayPal, po prevzetju, Skrill, Dwolla in druge;

lažje primerjanje izdelkov. Nekatere spletne trgovine omogočajo strankam posebne strani za primerjavo, kjer si lahko ogledajo vse izdelke ter njihove cene in ostale lastnosti hkrati in se tako lažje odločijo;

pregledujemo lahko mnenja drugih o izdelkih in tako lažje predvidimo, ali je izdelek dejansko uporaben ter kakovosten, kot je to predstavljeno v spletni trgovini;



v primerjavi z običajno trgovino so cene v spletni trgovini pogosto nižje, saj podjetju ni potrebno plačevati uslužbenca, ki bi skrbel za predstavitev izdelkov in pomoč strankam (Rupar, 2016).

Prednosti uporabe spletne trgovine prodajalca:

lažje trženje izdelkov, ki jih prodajalec ponuja;

spletna trgovina obratuje konstantno in ni potrebno iskati zamenjave, saj ne vzame dopusta ali bolniške;

širši obseg potencialnih strank, saj so izdelki na razpolago vsem kupcem po svetu, ki imajo dostop do omrežne povezave;

ni potrebe po zaposlovanju večjega števila ljudi;

podatki o zalogi izdelkov so ažurni in vedno na voljo, kar prodajalcu zagotovi dovolj informacij, da zaloge, vsaj teoretično, nikoli ne zmanjka (Rupar, 2016).

Spletne trgovine imajo v primerjavi v običajnimi trgovinami več prednosti kot slabosti tako za prodajalca kot tudi za obiskovalca strani. Ni pa spletna trgovina brez slabosti. Največje slabosti, ki jih lahko pri uporabi spletne trgovine najdemo, so:

nezaupanje strank glede varnosti nakupovanja preko spleta;

tveganje izgube oziroma kraje osebnih podatkov kupca;

stroški pošiljanja, ki so lahko precej visoki, odvisno od teže velikosti, teže izdelka ter razdalje od prodajalca do prejemnika oziroma kupca;

večja konkurenca;

časovni zamik predvsem pri spletnih trgovinah, ki imajo skladišča locirana v drugih državah, kar pomeni, da lahko traja kar nekaj časa, da je izdelek dostavljen (Gradišar, 2012).

2.4. IZGRADNJA SPLETNE STRANI Ustvarjanje spletne strani v današnjih časih, ki je privlačna in omogoča številne funkcionalnosti, je zaradi številnih programskih rešitev relativno enostavno. Nekaj drugega pa je ustvariti spletno stran, ki bo podjetju dejansko prinesla neko koristi in prednost na današnjem hitro razvijajočem trgu. Za dosego sledečega cilja je potrebno veliko načrtovanja in priprav. Predenj se lotimo izdelave spletne strani, je potrebno določiti cilj oziroma namen, ki ga želimo z vzpostavitvijo spletne strani doseči. Z določenim namenom je pozornost potrebno preusmeriti na zbiranje in pripravljanje vsebine, ki jo želimo v spletni strani tudi uporabiti. Vso vsebino, med katero lahko vključujemo besedilo, slike, video vsebine ipd. je potrebno ustrezno prilagoditi za uporabo na spletu. Priporočeno je, da se slike, ki jih uporabljajmo pri izdelavi spletnih strani, pretvorijo v format PNG, ki temelji na uporabi barvnih palet RBG, kar pomeni, da je oblikovanje oziroma prilagajanje v smislu dodajanja senc, transparentnosti ipd. veliko lažje v primerjavi z ostalimi formati. Naslednji korak je priprava načrta oziroma strukture spletne strani. V okviru strukture opredelimo



pozicijo posameznih delov spletne strani oziroma opredelimo področja, ki bodo vključevala pripravljeno vsebino, hkrati pa lahko opredelimo tudi povezave oziroma menije za premikanje po spletni strani. Strukturo lahko oblikujemo na list papirja, ali za to uporabimo eno izmed številnih programskih rešitev, ki so nam na voljo. Ena izmed možnih rešitev, ki jih lahko uporabimo je Microsoft Visio (Radoš, 2007). Sledi izdelava in oblikovanje predloge spletne strani. Tukaj pa stvari postanejo malo bolj zapletene. V primeru, da se odločimo, da bomo ustvarili celotno spletno stran, kar vključuje tudi ustvarjanje in oblikovanje predloge, ki bo lahko konkurirala ostalim stranem na trgu, je za to potrebno napredno znanje številnih programskih jezikov, kot so HTML, CSS, SQL, PHP itd., kar za večino predstavlja težavo. Drugi, enostavnejši način izdelave spletne strani, pa nam omogočajo številna orodja, ki jim pravimo sistemi za upravljanje vsebine oziroma sistemi CMS. Ti sistemi omogočajo lažje ustvarjanje in oblikovanje spletnih strani brez potrebe po znanju številnih programskih jezikov. Ti sistemi nam omogočajo številne že ustvarjene predloge spletnih strani, ki jih lahko uporabimo in prilagodimo našim potrebam. Z uporabo tega načina izdelave strani podrobnejša struktura strani ni potrebna, saj podrobnejše spreminjanje pripravljenih predlog zahteva napredno znanje številnih programskih jezikov. Iz tega razloga svoje zahteve glede oblike strani in postavitve posameznih elementov prilagodimo predlogam, ki so nam na voljo. Ko smo z obliko spletne strani zadovoljni, lahko začnemo vnašati pripravljeno vsebino in povezave, preko katerih se bomo premikali po spletni strani. Pri vstavljanju vsebine moramo biti izredno pozorni na njeno oblikovanje in postavitev, saj moramo zagotoviti, da bo stran ohranila privlačnost in funkcionalnost ne glede na vrsto naprave oziroma širino zaslona, na katerem se bo spletna stran prikazovala.

2.5. PROMOCIJA SPLETNE STRANI Pri izdelavi strani je potrebno veliko pozornosti posvetiti tudi pravilnemu oblikovanju povezav in naslovov, vključevanje ključnih besed in opisa strani, s čimer si izboljšamo možnosti, da obiskovalec našo spletno stran s pomočjo iskalnika dejansko najde, saj odlično oblikovana stran nima pomena, če ni obiskana. Dodatno lahko za vidnost spletne strani na iskalnikih poskrbimo tudi s številnimi spletnimi stranmi kot so: Entireweb, Cleversubmitter ipd. V primeru, da za izdelavo uporabljamo sistem CMS, pa sistem v večini primerov za vidnost spletne strani poskrbi sam. Poleg tega lahko spletno stran promoviramo tudi preko številnih družabnih omrežjih, elektronske pošte itd.



3. OBSTOJEČE STANJE V okviru tega poglavja bomo podrobneje pregledali že obstoječo stran. Ugotovljene pomanjkljivosti in slabosti in seveda tudi prednosti bomo analizirali in ugotovitve uporabili pri zasnovi nove spletne strani kot tudi pri implementaciji spletne trgovine.

Obstoječa spletna stran je bila zasnovana leta 2010 in z vidika funkcionalnosti strankam ponuja dovolj osnovnih informacij, da lahko najdejo vse potrebne podatke, kje lahko podjetje najdejo ter kako ga lahko kontaktirajo. Na strani si lahko stranke prav tako ogledajo okvirno ponudbo izdelkov, ki jih podjetje proizvaja. Največja pomanjkljivost oziroma slabost spletne strani je njena zasnova. Čeprav je bila stran zasnovana leta 2010 in vsebuje nekatere elemente, ki so povezani z današnjim načinom oblikovanja, kot je povezljivost z družabnimi omrežji, možnost interakcije s podjetjem ipd., se od leta 2010 vizualno kot tudi vsebinsko poleg občasnega dodajanja slik v ponudbo ni veliko spremenila od prvotne zasnove. Spletna stran prav tako nima spletne trgovine in strankam ne omogoča pogleda v cene svojih izdelkov, kar pomeni, da je potrebno za ceno vsakega izdelka kontaktirati ponudnika. To lahko za stranke predstavlja neko obveznost, katere mnogi niso pripravljeni storiti in se zato odpravijo h konkurenci. Prav tako pa je tukaj še vprašanje dosegljivosti prodajalca, saj ni nujno, da je prodajalec na telefonu vedno dosegljiv, na odgovor preko elektronske pošte pa lahko čakamo tudi

po nekaj dni ‒ odvisno od podjetja do podjetja. Obstoječa spletna stran je bila zasnovana le za prikazovanje na večjih zaslonih, ki so značilni predvsem za stacionarne računalnike ter prenosnike, kar je v času, ko je bila stran ustvarjena, morda še zadostovalo pogojem, vendar v današnjih časih, ko lahko spletne strani prikazujemo na širokem naboru različnih naprav z različnimi velikostmi zaslonov, taka zasnova ni več ustrezna, saj ne omogoča nikakršne odzivnosti ob zmanjševanju ali večanju velikosti zaslona in posledično povzroča težave pri pregledovanju vsebine strani, kar je za stranko oziroma obiskovalca, ki išče informacije, zelo nadležno in obstaja velika verjetnost, da bo stran zapustil. V osnovi ima obstoječa spletna stran pet zavihkov v navigacijski vrstici. Znotraj posameznih zavihkov pa so omogočene še dodatne povezave, ki nam omogočajo premikanje po spletni strani. Na Sliki 1 lahko vidimo strukturo obstoječe spletne strani.



Sladkač

DOMOV

O NAS

PONUDBA

LOKACIJA

KONTAKT

VAROVALNI PROGRAM

OTROŠKE TORTE

POROČNE TORTE

ROJSTNODNEVNE TORTE

TORTE ZA POSEBNE PRILOŽNOSTI

MINJONI IN PECIVO

OKUSI

Slika 1: Struktura obstoječe spletne strani

3.1. OSNOVNA STRAN Na Sliki 2 lahko vidimo osnovno oziroma domačo stran, ki jo zagledamo, ko odpremo domeno www.sladkac.si. Na naslovni strani, kot je to razvidno s slike, lahko opazimo navigacijsko vrstico, preko katere lahko preklapljamo med različnimi stranmi. Poleg navigacijske vrstice je na naslovni strani še slika enega izmed izdelkov podjetja, ki se ne spreminja, ter povezava na spletno stran družabnega omrežja Facebook, na katerem podjetje objavlja najnovejše novice. Poleg omenjenih elementov na naslovni strani ni mogoče najti nikakršnega besedila ali drugih elementov, ki bi prikazovali dejavnosti podjetja ali njihove izdelke.

http://www.sladkac.si/



Slika 2: Osnovna stran

Na Sliki 3 lahko vidimo že zgoraj omenjeno neodzivnost strani, in sicer v primeru, ko zmanjšamo velikost zaslona na velikost, ki je primerna za tablico ali pametni telefon, vidimo le zgornji levi rob spletne strani in moramo želeno vsebino iskati po celotni strani, kar je za obiskovalce strani lahko zelo nadležno.

Slika 3: Osnovna stran v velikosti zaslona pametnega telefona



3.2. O NAS Na Sliki 4 lahko vidimo stran O nas, ki na kratko opisuje podjetje ter njihovo dejavnost. Na tej strani večjih pomanjkljivosti nismo našli.

Slika 4: Stran O nas

3.3. PONUDBA Na Sliki 5 lahko vidimo stran Ponudba, ki na spletni strani služi kot nekakšen katalog izdelkov. Sama vsebina strani je zasnovana dobro, problem se pojavi pri predstavitvi vsebine, in sicer je stran statična in nima vključenih nobenih elementov, ki bi jo naredili zanimivejšo. Povezave za posamezno kategorijo izdelka so v obliki besedila. Prav tako se je obiskovalcu težko odločiti, katere slike pripadajo določeni kategoriji in besedilu.



Slika 5: Stran Ponudba

S klikom na besedilo oziroma povezavo Več pod posameznim razdelkom odpremo podrobnejši opis posamezne kategorije izdelkov ter galerijo izdelkov za posamezno kategorijo, kot je to razvidno na Sliki 6. Strani, na katere nas posamezne povezave usmerjajo, niso bile ustrezno zasnovane, saj iz neznanega razloga ob odpiranju povezav pride do zaznavanja okužbe strani z zlonamerno kodo s strani antivirusnega programa. Stran se sicer odpre, vendar strankam povzroči velike dvome o varnosti strani, na kateri se nahajajo, in obstaja velika verjetnost, da bodo stran zapustili.



Slika 6: Stran Otroške torte

3.4. LOKACIJA Na Sliki 7 lahko vidimo stran Lokacija, na kateri je poleg osnovnih lokacijskih podatkov o lokaciji poslovalnice ter načinu dostopa do same prodajalne prikazan še delovni čas poslovalnice ter zemljevid s prikazom lokacije poslovalnice. Zemljevid v stran ni ustrezno vgrajen in ne omogoča interakcije obiskovalca z zemljevidom, kar pomeni, da obiskovalec ne more približati ali oddaljiti zemljevida, prav tako nima možnosti spreminjanja pogleda na zemljevid, ali iskanja nove lokacije. V primeru, da uporabnik želi omogočiti zgoraj omenjene funkcije, mora za to izbrati povezavo pod zemljevidom, ki ga preusmeri na najdi.si zemljevide, kjer lahko uporablja vse funkcije, ki jih zemljevidi ponujajo. Pomanjkljivost te strani je, da mora uporabnik dodatno pritisniti na povezavo, da si lahko podrobneje ogleda lokacijo poslovalnice.



Slika 7: Stran Lokacija

3.5. PIŠITE NAM Na Sliki 8 lahko vidimo stran Pišite nam, na kateri so obiskovalcu zagotovljene osnovne kontaktne informacije, kot so naslov poslovalnice, njen elektronski naslov, telefonska številka ter povezava na obstoječo spletno stran. Poleg tega je obiskovalcu omogočena interakcija s poslovalnico oziroma podjetjem preko kontaktnega obrazca. Obrazec je z vidika funkcionalnosti zasnovan pravilno, saj vsebuje vsa potrebna polja za identifikacijo pošiljatelja ter obdelavo njegove prošnje, pritožbe, naročila ipd. Z vidika varnosti, še posebej s področja zaščite pred nezaželenimi vnosi, ni poskrbljeno. To predstavlja veliko pomanjkljivost ter ranljivost spletne strani, saj omogoča tako imenovanim robotom oziroma različnim algoritmom, ki iščejo nezaščitene spletne strani, še posebej nezaščitene obrazce, preko katerih lahko pošiljajo veliko količino podatkov na strežnik oziroma podatkovno bazo na strežniku in ga posledično upočasnijo ter ga sčasoma tudi onemogočijo oz. zaradi preobremenjenosti strežnik ni dosegljiv in posledično ni dosegljiva tudi spletna stran.



Slika 8: Stran Pišite nam

3.5. ANALIZA SWOT

Z namenom lažjega in boljšega načrtovanja ter izgradnje spletne trgovine bomo s

pomočjo analize SWOT (Tabela 1) analizirali prednosti, slabosti, priložnosti in

nevarnosti obstoječega stanja. Rezultati analize bodo pripomogli k izdelavi boljše,

varnejše in konkurenčnejše spletne trgovine.



Prednosti Slabosti

Prepoznavnost

Enostavna navigacija

Povezljivost z družbenimi

omrežji

Omogočena interakcija

obiskovalca s podjetjem

Kontaktni podatki

Predstavitev izdelkov

Lokacija poslovalnice z

zemljevidom

Preglednost strani

Zastarel videz in zasnova

Ni cenika izdelkov

Ni spletne trgovine

Naročanje izdelkov preko

telefona in elektronske pošte

Ni interaktivnega zemljevida

Slaba predstavitev dejavnosti in

načina delovanja podjetja

Javljanje okužbe z zlonamerno

programsko kodo

Nezaščitenost kontaktnega

obrazca

Statična spletna stran

Slaba promocija strani

Neodzivnost na različne naprave

Priložnosti Nevarnosti

Večje povpraševanje

Novi trgi

Novi učinkovitejši načini

promoviranja

Nove tehnologije za izboljšanje

uporabniške izkušnje

Novi oblikovni trendi

Ranljivost na napad s strani

robotov (algoritmov)

Spremenljivost zahtev

obiskovalcev

Spremembe zakonodaje

Pojavitev nove konkurence

Tabela 1: Analiza SWOT

3.5. PROCES NAKUPOVANJA

Ob trenutni zasnovi spletne strani je naročanje izdelkov za obiskovalce precej zapleten in nelagoden proces, saj zaradi pomanjkanja informacij v katalogih o izdelkih z vidika opcij in cen posameznih izdelkov, obiskovalci kupujejo na slepo, kar pomeni, da morajo za vsak izdelek ne glede ali gre za velike poročne torte ali majhna peciva, poslati povpraševanje v podjetje, kar lahko storijo preko telefona, elektronske pošte ali neposredno z obiskom poslovalnice, če želijo izvedeti več informacij o posameznem izdelku. To predstavlja dodatno delo, ki ga večina obiskovalcev ni pripravljena storiti, in obstaja velika verjetnost, da obiskovalec stran zapusti, kar pomeni izgubljen posel in posledično manj dobička. Velik vpliv na odločitev obiskovalca o naročilu izdelka pa ima tudi čas odgovora na povpraševanje, kar predstavlja ogromen pritisk na poslovalnico, saj je podjetje majhno in ne zmore hkrati opravljati dejavnosti in ves čas odgovarjati na povpraševanja. Če je čakanje na odgovor predolgo se obiskovalec hitro naveliča čakati in nakup izvede pri konkurenci. Ko obiskovalec dobi odgovor na povpraševanje lahko naročilo izdelka izvede na štiri načine. Obiskovalec lahko naroči izdelek neposredno v poslovalnici



podjetja, ali pa svoje naročilo odda preko telefona, preko kontaktnega obrazca na strani Kontakt ali preko elektronskega naslova. V primeru, da obiskovalec naročilo odda preko kontaktnega obrazca ali elektronskega naslova, mora zopet čakati, da nekdo iz poslovalnice njegovo naročilo potrdi, kar predstavlja obveznost za poslovalnico in težave za obiskovalca, saj ne ve, ali je bilo njegovo naročilo sploh sprejeto. Zaradi veliko možnosti naročanja lahko zelo hitro postane težava predvsem sledljivosti dokumentov oziroma naročil, saj so le-ta razpršena po različnih medijih in obstaja velika verjetnost, da se kakšno sporočilo spregleda, kar povzroča nezadovoljstvo strank in posledično trpi tudi ugled podjetja. Na Sliki 9 je prikazan proces nakupa izdelka na obstoječi spletni strani.

Po

dje

tje

Ku

pec

Odločitev obiskovalca za nakup

Pregledovanje katalogov

Obisk poslovalnice

Pošiljanje povpraševanja

Prejeto povpraševanje

Pregledovanje povpraševanja

Odgovarjanje na

povpraševanje

Odgovor poslan

Prejme odgovor na

povpraševanje

Naročanje izdelka v

poslovalnici

Naročanje izdelka preko elektronske

pošte

Obisk poslovalnice

Naročanje izdelka preko

telefona

Naročanje izdelka

kontaktnega obrazca

Naročanje izdelka v

poslovalnici

Oddano naročilo

povpraševanje

Odgovor na povpraševanje

Oddajanje naročila

Slika 9: Proces nakupa izdelka na obstoječi spletni strani



4. SISTEMI ZA UPRAVLJANJE VSEBINE V današnjem vedno bolj kompleksnem in dinamičnem okolju, v katerem je navada, da imamo vse informacije vedno in povsod na voljo, je za podjetja izredno pomembno, da privabijo čim večje število obiskovalcev na svoje spletne strani, kar pomeni večjo prepoznavnost, priljubljenost in posledično večjo prodajo. To je potrebno, če želijo podjetja ostati na samem vrhu svoje industrije. Prepričati obiskovalca, da obišče spletno stran podjetja, je relativno enostavno, prepričati, da se na spletno stran vrne, pa je v veliki meri odvisno od vsebine spletne strani, njenih funkcionalnosti, predvsem pa njenega izgleda. Eden izmed najpomembnejših dejavnikov predstavlja svežina, preglednost in ažurnost informacij ter interaktivna zasnova spletne strani, ki obiskovalcem omogoča različne načine komuniciranja s podjetjem. Za spletne strani, ki obiskovalcem, zgornjih kriterijev, še posebej svežine in ažurnost informacij, ne omogočajo, obstaja velika verjetnost, da se jih bodo obiskovalci izogibali (Radoš, 2002). Za zagotavljanje zgoraj naštetih pogojev je potrebno vsebino spletne strani neprestano, vsakodnevno spreminjati, kar za večino lastnikov spletnih strani predstavlja veliko težav, saj velika večina potrebnega znanja za posodabljanje vsebine nima in morajo najeti spletnega programerja, da to stori zanje, kar predstavlja še dodaten strošek, ki ga podjetje noče, ali si ga ne more privoščiti. Tukaj pridejo na vrsto sistemi CMS oziroma sistemi za upravljanje vsebin, ki lastnikom spletnih strani omogočijo enostavno in hitro dodajanje, spreminjanje strani, besedila, slik in ostalih multimedijskih vsebin. Sistemi za upravljanje vsebin podjetjem omogočajo, da močno zmanjšajo, ali popolnoma odpravijo kakršne koli stroške in težave, ki so povezane z najemanjem programerjev. Sistemi CMS so v večini primerov odprtokodni in nam omogočajo popolno prilagodljivost vseh različnih vsebin in funkcionalnosti, ki nam jih ti sistemi ponujajo. Sistemi so zasnovani tako, da nam omogočijo enostavnejše in hitrejše urejanje vsebine spletnih strani, hkrati pa nam omogočajo številne izboljšave v smislu oblikovnih predlog in drugih vizualnih in funkcijskih razširitev, ki nam omogočajo, da spletno strani dvignemo na višji nivo tako z vizualnega kot funkcijskega vidika. Slabost sistemov CMS je, da vsi niso primerni za vse vrste spletnih strani. Primernost sistema CMS je v veliki meri odvisna od stopnje znanja in želja vsakega posameznika. Nekateri sistemi so precej zaprti in nam ne omogočajo veliko kreativnosti in svobode z vidika prilagajanja posameznih delov spletne strani. Taki sistemi imajo vnaprej pripravljene module za različne dele strani, kot so navigacija, slike ipd. Teh modulov ni mogoče veliko spreminjati, saj dostop do izvorne kode ni omogočen. Pogled na prednosti in slabosti različnih sistemov CMS pa je, kot smo omenili že zgoraj, v veliki meri odvisen od vsakega posameznika, njihovega nivoja znanja in želja glede oblikovanja in urejanja spletnih strani. Kar je za nekoga prednost, lahko za nekoga predstavlja veliko težav in obratno. Nekateri si želijo spletno stran popolnoma prilagoditi do najmanjše podrobnosti, za kar je potrebno več znanja in časa, medtem ko si nekateri želijo le vzpostaviti spletno stran, ki bo zadostovala njihovim potrebam.



V današnjem času je na trgu veliko število sistemov CMS. V tem poglavju bomo predstavili štiri po našem mnenju najprimernejše sisteme glede na obravnavano področje (Radoš, 2006).

4.1. WORDPRESS Wordpress je brezplačen odprtokodni sistem za urejanje vsebine. Slika 10 prikazuje primer zaslona. Celoten sistem temelji na podlagi programskih jezikov PHP in SQL. Primarno zasnovan kot sistem za ustvarjanje ter upravljanje blogov, hitro pa se je sistem razvil v sistem, kot ga poznamo danes. Dandanes nam Wordpress omogoča enostaven in inovativen način izdelave blogov, spletnih strani ter spletnih trgovin. Celoten sistem je zasnovan tako, da se upravlja preko centralne nadzorne plošče, ki jo lahko vidimo na Sliki 10. Zasnova nadzorne plošče je izredno preprosta in pregledna ter uporabnikom omogoča hitro in jasno navigiranje med posameznimi orodji, ki jih sistem ponuja. Poleg enostavnosti pa je Wordpress poznan tudi po odlični podpori v obliki raznih podpornih forumov ter blogov in raznih vodičev, ki uporabnikom omogočajo pomoč pri ustvarjanju in reševanju problemov. To lahko predstavlja veliko olajšanje predvsem za začetnike, ki se s sistemom ali z oblikovanjem spletnih strani srečujejo prvič (Sabin-Wilson, 2011, Wikipedia, 2016b). Wordpress pa seveda ni namenjen le začetnikom, temveč lahko zadovolji še tako zahtevne želje najzahtevnejših uporabnikov, saj nam omogoča, da ga s pomočjo različnih vtičnikov, orodij povsem pa z urejanjem izvorne kode prilagodimo našim potrebam do najmanjše podrobnosti. Poleg vtičnikov pa ima Wordpress tako imenovan sistem predlog, ki oblikovanje spletnih strani dvigne na novo raven. V sistemu predlog je zbrana ogromna količina že ustvarjenih predlog spletnih strani, nekatere so brezplačne, nekatere plačljive, ampak vse nam omogočajo lažji razvoj naših spletišč (Sabin-Wilson, 2011). Wordpress je dandanes eden izmed najbolj uporabljenih sistemov za izdelavo, organizacijo ter optimizacijo spletišč na svetu, kar potrjujejo tudi številke. Wordpress do danes uporablja že 60 milijonov spletnih strani. Razlog za njegovo priljubljenost je preprosto enostavnost uporabe ter ogromna količina vtičnikov, ki jih lahko uporabimo za dodajanje najrazličnejših funkcij v naše spletišče (Wikipedia, 2016b). Z vidika izdelave spletne trgovine je pri sistemu za upravljanje vsebin Wordpress eden izmed najbolj priporočenih vtičnikov Woocommerce.



Slika 10: Nadzorna plošča sistema Wordpress

4.2. JOOMLA Joomla je odprtokoden sistem za upravljanje vsebine. Predstavlja zelo močno orodje, s pomočjo katerega lahko ustvarimo zanimive in interaktivne spletne strani. Joomla je bila v osnovi zasnovana na podlagi programskih jezikov PHP in SQL. Primerna je tako za začetnike kot tudi za naprednejše uporabnike, saj poleg številnih razširitev, med katere lahko vključimo različne module, vtičnike, predloge ter jezikovne datoteke, ponuja tudi odlično podporo uporabnikom, ki bi pri delu s sistemom naleteli na kakršne koli morebitne težave. Na Sliki 11 lahko vidimo nadzorno ploščo sistema Joomla, preko katere lahko uporabnik navigira po različnih nastavitvah ter orodjih sistema ali nameščenih modulih in vtičnikih. Z vidika izdelave spletne trgovine je pri sistemu za upravljanje vsebin Joomla eden izmed najbolj priporočenih vtičnikov VirtueMart (Wikipedia, 2015).



Slika 11: Nadzorna plošča sistema Joomla

4.3. MAGENTO Magento je fleksibilno profesionalno odprtokodno okolje, zasnovano predvsem za naprednejše uporabnike, ki si želijo profesionalno in napredno spletno trgovino z veliko različnimi funkcionalnostmi. Odprtokodna zasnova sistema za upravljanje vsebin Magento uporabnikom omogoča popoln nadzor nad postavitvijo posameznih elementov oziroma strukture kot tudi funkcionalnosti spletne trgovine, vendar so za to potrebna vsaj osnovna znanja jezikov HTMl, CSS, XML, PHP in SQL, kar je odlično za naprednejše uporabnike, za začetnike, ki se morda soočajo s prvo spletno trgovino, pa bi to lahko povzročilo manjše težave. Magento je preveden v več kot 60 jezikov in podpira številne valute te davčne stopnje, ki jih lahko vključimo v eno spletno trgovino. Poleg grajenih funkcionalnosti Magento ponuja še številne brezplačne ter plačljive razširitve, s pomočjo katerih lahko dodatno nadgradimo in izboljšamo tako vizualni kot tudi funkcionalni del spletne trgovine. Podobno kot pri vseh sistemih za upravljanje vsebin tudi Magento omogoča upravljanje sistema preko nadzorne plošče, ki jo lahko vidimo na Sliki 12. Magento ima strukturo datotek organizirano v treh večjih sklopih, in sicer: jedro, funkcionalnost ter oblika. Tako nam omogoča, da se naenkrat posvetimo le enemu področju brez možnosti, da bi pomotoma povzročili kakšno nezaželeno spremembo na drugem sklopu (McCombs in Banh, 2009).



Slika 12: Nadzorna plošča sistema Magento

4.4. WIX Wix je platforma, zasnovana v oblaku, ki uporabnikom omogoča ustvarjanje čudovitih in interaktivnih blogov spletnih stran ali spletnih trgovin. Wix je bil v osnovi zasnovan za izdelavo in upravljanje spletnih strani, vendar pa je mogoče funkcionalnost samega sistema zelo enostavno nadgraditi z uporabo številnih brezplačnih in plačljivih vtičnikov, ki nam omogočajo prilagajanje funkcionalnosti in delovanja našega spletišča. Poleg vtičnikov pa Wix vključuje tudi sistem predlog, kjer si lahko uporabniki ogledajo različne oblike in funkcionalnosti posameznih predlog in izberejo tisto, ki jim glede na določene kriterije najbolj ustreza. Predloge sistema Wix so znane po tem, da so ene izmed najboljših in najlepših na spletu. Vendar lepota pride s ceno. Največja slabost sistema Wix je, da ni odprtokoden in tako ne omogoča dostopa do izvorne kode ali ustvarjanja svoje vsebine. Vsi vtičniki in podloge so zasnovane s strani razvijalcev, kar v večini primerov, vsaj za začetnike, ne predstavlja večjega problema. Z vidika naprednejših uporabnikov pa zna biti to precej nadležno, saj ni mogoče spreminjati vsake podrobnosti. Druga večja slabost sistema Wix pa je v tem, da je sicer osnovna verzija sistema brezplačna, vendar se povsod po spletni strani prikazuje logotip sistema Wix. Da lahko logotip odstranimo, je potrebno izbrati enega izmed plačljivih paketov. Enako velja tudi v primeru, ko želimo uporabiti lastno kupljeno domeno, saj je potrebno pri sistemu Wix najprej izbrati enega izmed plačljivih paketov, da lahko svojo domeno sploh uporabimo. Podobno kot vsi zgoraj omenjeni sistemi tudi Wix uporablja nadzorno ploščo,ki jo lahko vidimo na Sliki 13, preko katere uporabniki lahko ustvarjajo razne strani in upravljajo spletišče.



Slika 13: Nadzorna plošča sistema Wix

4.5. PRIMERJAVA SISTEMOV IN UTEMELJITEV ODLOČITVE Wix je bil v osnovi zasnovan kot sistem za izdelavo spletnih strani za uporabnike, ki se na spletno programiranje ne spoznajo oz. nimajo interesa spoznavati različnih programskih jezikov in podrobnega prilagajanja spletnih strani, vendar bi vseeno radi ustvarili lastno spletišče. Z uporabo številnih vtičnikov in podlog lahko uporabniki ustvarijo spletišče, ki vsaj po videzu premaga ostale sisteme. Vendar je nezmožnost urejanja izvorne kode velik minus, saj naprednejšim uporabnikom ne omogoča prilagajanja spletišča glede na njihove specifične potrebe. Magento je v osnovi namenjen ustvarjanju spletnih trgovin. Magento omogoča ustvarjanje kompleksnih in naprednih spletnih trgovin. Velika prednost sistema Magento je možnost dostopa do izvorne kode, vendar je za ustvarjanje in predvsem prilagajanje spletnih trgovin potrebno znanje več programskih jezikov, kar pomeni, da sistem lahko uporabljajo predvsem napredni uporabniki, ki imajo ustrezna znanja, da si sistem popolnoma prilagodijo svojim potrebam. Preostala dva sistema, Joomla in Wordpress, sta si po načinu delovanja zelo podobna. Oba sta brezplačna, odprtokodna in ponujata širok nabor različnih vtičnikov, predlog in orodij, s katerimi si lahko prilagodimo spletno stran ne glede na obseg našega znanja. Sistema sta tako primerna za začetnike ali naprednejše uporabnike, saj je možno dostopati do izvorne kode. Wordpress je v primerjavi z Joomlo starejši in veliko bolj razvit predvsem z vidika količine predlog in vtičnikov, ki so na razpolago v sistemu Wordpress v primerjavi z Joomlo. Wordpress je prav tako hitrejši za namestitev in omogoča večjo prilagodljivost sistema in spletišča. Z vidika spletne trgovine oba sistema ponujata veliko različnih vtičnikov. Pri Wordpressu je eden izmed najbolj priljubljenih vtičnikov vtičnik Woocommerce. Pri Joomli pa je najbolj priljubljen vtičnik VirtueMart. S tega vidika sta oba sistema enakovredna, vendar vtičnik Woocommerce omogoča večjo prilagodljivost in kompatibilnost s številnimi drugimi vtičniki, ki nam omogočajo nadgradnjo naše



spletne trgovine na novo raven, hkrati pa je kompatibilen s številnimi že obstoječimi predlogami. Na podlagi zgoraj naštetih razlogov smo prepričani, da je za izdelavo naše spletne trgovine najbolj ustrezen sistem za upravljanje vsebin Wordpress.



5. IZDELAVA SPLETNE TRGOVINE Izdelava spletne trgovine vključuje številne korake, ki jih je potrebno izvesti, predenj lahko spletna trgovina zaživi. Predenj se lotimo oblikovanja spletne trgovine, je potrebno zbrati vso vsebino, kot so slike, naslovi, besedilo itd. ki jih bomo v spletni trgovini na določenih straneh tudi uporabili. V našem primeru smo večino vsebine, potrebne za izdelavo spletne strani, pridobili v sodelovanju z podjetjem, hkrati pa smo si pomagali tudi z obstoječo spletno stranjo. Ko je vsebina strani pripravljena, je za izgradnjo spletne trgovine potrebno najprej zagotoviti neki prostor oziroma strežnik, kjer bo spletna trgovina gostovala. Nato izberemo domeno strani, ki predstavlja nekakšna vrata oziroma vstopno točko v spletno trgovino. Sledi namestitev in konfiguracija izbranega sistema za upravljanje vsebine. V našem primeru smo se odločili za uporabo sistema Wordpress. Po namestitvi sistema sledi oblikovanje spletne trgovine in dodajanje različnih funkcionalnost, poleg tega dodamo in oblikujemo tudi pripravljene vsebine. Vsakega zgoraj omenjenega področja pa se bomo podrobneje dotaknili v nadaljevanju.

5.1. ZAKUP SPLETNEGA STREŽNIKA IN REGISTRACIJA DOMENE Za delovanje spletne strani je potrebno najprej zagotoviti določene osnovne pogoje, ki bodo zagotavljali, da bo spletna stran delovala učinkovito in obiskovalcem omogočala dostop do strani in njene vsebine. To storimo tako, da si zakupimo prostor na nekem spletnem strežniku, na katerem bomo gostovali oziroma na katerem bomo imeli našo spletno stran naloženo. Drugi pogoj, ki ga moramo izpolniti, pa je zakup domenskega imena. Domensko ime predstavlja vstopno točko oziroma vrata, ki nam omogočajo dostop spletišča in njegove vsebine. V našem primeru podjetje že ima obstoječo spletno stran, ki jo potrebuje za normalno poslovanje, in ne želi, da bi se nova spletna stran razvijala neposredno na istem strežniku, kjer je trenutno že nameščena njihova spletna stran. Razlogov za to je veliko, eden glavnih pa je nevarnost pojavljanja večjih kritičnih napak, ki se lahko tekom razvoja spletne trgovine pojavijo. V ta namen bomo prenovljeno spletno stran s spletno trgovino ustvarili na novem strežniku. Ob končani izdelavi in temeljnem testiranju novega spletišča bomo na privolitev naročnika spletno stran prenesli na strežnik podjetja. Zaradi začasne uporabe strežnika smo se odločili, da bomo za razvoj gostovanja naše spletne strani uporabili brezplačni strežnik, ki nam omogoča brezplačno gostovanje naše spletne strani, hkrati pa nam omogoča tudi brezplačen zakup domene, preko katere bomo do spletne strani dostopali. Seveda z brezplačnimi storitvami pridejo tudi omejitve v obliki prostora na trdem disku, pomnilnika, število podatkovnih baz ipd. Omejena pa je tudi izbira domenskega imena. Strežnik nam omogoča, da domeno zakupimo pri številnih ponudnikih, lahko pa se odločimo za poddomeno, ki je brezplačna in bo za namene razvoja zadostovala. Brezplačna poddomena je sestavljena iz želenega imena ter končnice, ki jo določi strežnik. Zgoraj omenjeni strežnik se nahaja na spletni strani Hostinger, ki jo lahko najdemo na naslovu http://www.hostinger.co.uk/. Na zgoraj omenjeni spletni strani se je potrebno najprej registrirati, kot lahko to vidimo na Sliki 14. Registracijo opravimo s klikom na gumb Get started.

http://www.hostinger.co.uk/



Slika 14: Naslovna stran strežnika Hostinger

V okviru registracije vnesemo zahtevana polja, prazno pustimo le polje za domeno, saj bomo to nastavili kasneje. Po uspešni registraciji se lahko prijavimo v nadzorno ploščo strežnika in prikaže se nam obvestilo. S klikom na Setup nas strežnik preusmeri na stran, ki jo vidimo na Sliki 15, kjer si lahko nastavimo želeno domeno ter vnesemo ostale zahtevane podatke.

Slika 15: Nastavitev domenskega imena in gesla računa

Po registraciji domene lahko dostopamo do nadzorne plošče strežnika, ki jo prikazuje Slika 16. Nadzorna plošča nam omogoča širok nabor nastavitev ter orodij, s pomočjo katerih upravljamo različne funkcije, ki so za delovanje spletne strani potrebne. Hkrati pa lahko spremljamo našo porabo različnih virov na strežniku, kot



so poraba trdega diska, pasovno širino, število podatkovnih baz, število elektronskih naslovov in drugih podatkov.

Slika 16: Nadzorna plošča strežnika

5.2. NAMESTITEV SISTEMA WORDPRESS Namestitev sistema Wordpress lahko izvedemo na dva načina. Eden izmed načinov vključuje prenos sistema iz uradne spletne strani Wordpress, ki jo lahko najdemo na naslovu https://wordpress.org/. Ko je prenos opravljen, je datoteko potrebno razpakirati in njeno vsebino s pomočjo enega izmed mnogih odjemalcev FTP prenesti na strežnik, kjer lahko potem izvedemo celoten postopek namestitve s pomočjo priloženih navodil. Drugi način namestitve predstavlja veliko manj korakov, vendar takega načina vsi strežniki ne omogočajo. Pri drugem načinu na zgoraj omenjeni nadzorni plošči strežnika v zavihku Website izberemo Auto Instaler, kjer imamo širok nabor različnih sistemov, kot to prikazuje Slika 17, med katerimi so tudi sistemi za upravljanje vsebin. S seznama izberemo želeni sistem, v našem primeru je to Wordpress.

https://wordpress.org/



Slika 17: Nabor sistemov za upravljanje vsebine

Po izbiri želenega sistema je potrebno pred namestitvijo izpolniti še nekaj podatkov, kot lahko to vidimo na Sliki 18. Vnesti je potrebno podatke, kot so uporabniško ime in geslo za dostop do administratorskih strani sistema Wordpress ter naslov spletne strani. Imamo pa tudi možnost izbire različnih jezikov, med katerimi je tudi slovenščina. Ta lahko storimo v tem koraku, lahko pa med jeziki prehajamo tudi znotraj že nameščenega sistema. S klikom na gumb Install zaženemo namestitev in potrebno je le počakati, da se sistem namesti. Čas namestitve je odvisen od zasedenosti strežnika. V okviru namestitve se Wordpress poveže z izbrano domeno, na strežnik se prenesejo vse potrebne datoteke. Poleg tega pa se na strežniku ustvari tudi baza podatkov, v kateri je shranjena vsa vsebina, ki jo tekom razvoja spletne trgovine dodajamo, in predstavlja ključno vlogo pri pravilnem in učinkovitem delovanju sistema. Po zaključku namestitve lahko začnemo sistem Wordpress uporabljati. To storimo tako, da v brskalnik vnesemo svojo domeno na koncu pa dodamo /wp-admin. S tem se preusmerimo na prijavno stran, ki jo lahko vidimo na Sliki 19. Vnesemo prijavne podatke, ki smo jih tekom namestitve določili in se prijavimo v sistem. Po uspešni prijavi v sistem Wordpress lahko vidimo nadzorno ploščo sistema, s pomočjo katere bomo zgradili celotno spletno stran (Slika 20). Nadzorna plošča ima nadzor nad vsemi funkcionalnostmi sistema.



Slika 18: Namestitev sistema Wordpress

Slika 19: Prijava v sistem Wordpress



Slika 20: Nadzorna plošča sistema Wordpress

5.3. IZBIRA IN PRILAGAJANJE PREDLOGE Predenj lahko začnemo dodajati vsebino in ostale elemente, moramo izbrati ali ustvariti predlogo strani. Ustvarjanje predloge za sistem Wordpress je zapleteno in zahteva veliko strokovnega znanja in zelo dobro poznavanje sistema. Zato je priporočljivo, da izberete že obstoječo temo iz nabora, ki obsega več kot 2000 različnih tem. Temo izberemo s klikom na zavihek Teme znotraj zavihka Videz na nadzorni plošči. Sistem ima v osnovi že naloženih nekaj tem, med katerimi lahko izbiramo, lahko pa se odločimo za povsem novo temo, ki jo poiščemo s pomočjo iskalnika. Za vsako temo imamo omogočen tudi predogled strani in opis njenih značilnosti in funkcij. Slika 21 prikazuje iskanje in izbiro teme Ascent, ki smo jo izbrali na podlagi priporočil različnih že izkušenih uporabnikov sistema. Temo preprosto namestimo in aktiviramo.



Slika 21: Izbira in namestitev teme Ascent

Po namestitvi teme jo je potrebno še prilagoditi našim potrebam z vidika funkcionalnosti, predvsem pa z vidika oblikovanja. Funkcionalnosti teme lahko v glavnem upravljamo s pomočjo različnih nastavitev, ki jih izbrana tema ponuja. Do teh nastavitev lahko dostopamo s klikom na zavihek Prilagodi ali s klikom na zavihek Nastavitve teme znotraj zavihka Videz. V Nastavitvah teme lahko nastavljamo številne funkcionalnosti strani, od značilnosti in oblikovanja glave strani, logotip strani, dinamične galerije, osnovne barve, vključevanje družabnih omrežij ter ostale. Naprednejše nastavitve, predvsem z vidika oblikovanj, pa je možno opraviti z manipulacijo slogovnih oziroma datotek CSS. Ker je celoten sistem odprtokoden, ne predstavlja nikakršnih težav dostopa do izvornih kod, večje težave povzroča sama razpršenost datotek, zato je za urejanje datotek s strani razvijalca potrebnega precej znanja, da pri delovanju sistema ne pride do kakšnih hujših napak. Slika 22 prikazuje urejanje ene izmed glavnih slogovnih datotek teme Ascent v programu Notepad++, preko katere lahko spremenimo obliko in obnašanje spletne strani ter njenih elementov, kar je zelo koristno še posebej v primeru prikazovanja spletne strani na zaslonih različne velikosti.



Slika 22: Urejanje slogovne datoteke

5.4. IZBIRA IN NAMESTITEV VTIČNIKOV V okviru izdelave spletne trgovine smo za nadgrajevanje funkcionalnosti in videza uporabljali različne vtičnike, ki nam urejanje in upravljanje spletne trgovine poenostavijo tako pri razvoju kot tudi pri vzdrževanju. Vtičniki, ki smo jih uporabili, so:

Black Studio TinyMCE Widget,

Contact Form 7,

Fluid Responsive Slideshow,

Page Builder by SiteOrigin,

Simple Lightbox Gallery,

Title Remover,

WooCommerce,

WooCommerce Menu Extension,

WooCommerce Product Slider,

WooCommerce Social Media Share Buttons,

WP Clone by WP Academy,

XO10 - WooCommerce Categories widget,

YITH Essential Kit for WooCommerce #1,

YITH WooCommerce Category Accordion,

WC Fields Factory,

Google Analytics Dashboard for WP,

Regenerate Thumbnails. Spodaj bomo na kratko opisali tri najpomembnejše vtičnike oziroma tiste, ki so nam pri izdelavi spletne trgovine najbolj pomagali. Page Builder by SiteOrigin je vtičnik, ki pri zasnovi in postavitvi elementov po posameznih straneh premaga vse podobne. Vtičnik nam omogoča, da na blokovni način, kot je prikazano na Sliki 24, postavimo posamezne elemente, kamor želimo.



Poleg poljubne postavitve nam omogoča še številne možnosti, kot so dodajanje zunanjih slogovnih stilov, notranje slogovno oblikovanje. Prav tako nam omogoča določanje razmikov med elementi, določanje barve ali slike, ozadja ipd. Zelo dobro deluje v povezavi z vtičnikom. Contact Form 7 je eden izmed najbolj priljubljenih vtičnikov v sistemu Wordpress za izdelavo in upravljanje kontaktnih obrazcev. Poleg številnih nastavitev ter poljubne postavitve polj, ki se v obrazcu nahajajo, nam hkrati omogoča povezovanje z različnimi varnostnimi sistemi, ki kontaktni obrazec varujejo pred tako imenovanimi roboti. Najbolj znan sistem za varovanje kontaktnih obrazcev je Google recaptcha, ki preprečuje, da bi obrazec potrjeval neki algoritem oziroma robot. WooCommerce je v sistemu Wordpress eden izmed najbolj priljubljenih vtičnikov za izdelavo in upravljanje spletnih trgovin. Po funkcionalnosti se mu zelo približa vtičnik WP-ecommerce, vendar WooCommerce omogoča večje število razširitev, ki lahko spletno trgovino pripeljejo na višjo raven. Black Studio TinyMCE Widget je vtičnik, ki nam omogoča, da lahko standardni urejevalnik besedila sistema Wordpress postavimo, kamorkoli si želimo. Zelo dobro deluje v povezavi z zgoraj omenjenim vtičnikom Page Builder. Poleg tega nam omogoča, da urejevalnik dodamo tudi v stranske vrstice predloge. Tako nam omogoča lastno urejanje vsebine v stranskih vrsticah skupaj z že obstoječimi elementi.

5.5. USTVARJANJE IN UREJANJE SPLETNIH STRANI Poleg zagotavljanja učinkovitega delovanja spletne trgovine z vidika oblike, funkcionalnosti, moramo obiskovalcem zagotoviti tudi druge podatke, ki se navezujejo na podjetja kot celote. V ta namen bomo poleg spletne trgovine ustvarili še druge strani, ki bodo omogočile dodatne informacije za obiskovalce. V našem primeru se spletna trgovina nanaša na pekarsko podjetje, ki poleg redne ponudbe izdeluje tudi pekarske izdelke po naročilu. Zato moramo obiskovalcem zagotoviti pregled nad celotno ponudbo. Pri izdelavi strani je strukturiranje ključnega pomena in nam pomaga videti širšo sliko, na podlagi katere lahko predvidevamo gibanje uporabnika po spletni trgovini, hkrati pa nam predstavlja osnovo pri izdelavi menijev za navigacijo po strani. Slika 23 prikazuje strukturo spletne strani in spletne trgovine.



Sladkač

DOMOV

O NAS

PONUDBA

LOKACIJA

KONTAKT

VAROVALNI PROGRAM

OTROŠKE TORTE

POROČNE TORTE

ROJSTNODNEVNE TORTE

TORTE ZA POSEBNE PRILOŽNOSTI

MINJONI IN PECIVO

OKUSI

TRGOVINA

TRGOVINA

MOJ RAČUN

KOŠARICA

PRIJAVA

OTROŠKE TORTE

POROČNE TORTE

ROJSTNODNEVNE TORTE

Itd.

Slika 23: Struktura spletne strani

Izdelava spletnih strani je v sistemu Wordpress preprosta in nam omogoča hitro izdelavo. Za začetek izdelave strani na nadzorni plošči izberemo zavihek Strani. Odpre se nam seznam vseh ustvarjenih strani. Wordpress ob namestitvi že ustvari nekaj vzorčnih strani, katerih število se razlikuje od posamezne verzije sistema. Vzorčne strani lahko izbrišemo, ali pa jih prilagodimo lastnim potrebam. Za ustvarjanje nove strani kliknemo Dodaj novo nad seznamom strani. Odpre se nam urejevalnik, kjer nastavimo naslov strani, njen spletni naslov in URL, ki je v osnovi nastavljen samodejno, lahko pa si ga prilagodimo. Na desni strani ima urejevalnik številne lastnosti, ki jih lahko prilagodimo glede na potrebe posamezne strani. Glavni del urejevalnika pa je osrednji del, kjer vnašamo vso vsebino, ki bo prikazana na spletni strani. Vsebino lahko oblikujemo na več različnih načinov. V osnovi nam je ponujen grafični prikaz ter besedilni prikaz. Grafični prikaz ponuja s področja urejanja besedila podobne funkcije kot večina urejevalnikov besedila. V grafičnem prikazu je vsebina prikazana na enak način, kot bo prikazana na dejanski strani, vendar je potrebno za vsako ustvarjeno stran nastavljati lastnosti slik ter besedila, kar za začetnike ne predstavlja velikega problema. V primeru, da želimo ustvariti več podobnih strani, ki imajo vedno iste



lastnosti, pa je primernejši besedilni prikaz, ki nam omogoča, da za vstavljanje ter oblikovanje vsebine uporabljamo značke jezika HTML, ki jih lahko povezujemo tudi z zunanjimi slogovnimi datotekami. Tak način urejanja je primeren za uporabnike, ki imajo znanje s področja spletnega programiranja predvsem z uporabo jezikov HTML in CSS. Z namestitvijo zgoraj omenjenega vtičnika Page Builder pa si postavitev elementov po spletni strani poenostavimo, saj nam vtičnik omogoča blokovni način postavitve elementov, s pomočjo katerih natančno določimo pozicijo vsebine. Za vsak blok je mogoče nastaviti številne lastnosti. Vtičnik odlično deluje v povezavi z vtičnikom Black Studio TinyMCE Widget, ki nam za vsak ustvarjeni blok omogoči že zgoraj opisani urejevalnik z grafičnim in besedilnim prikazom. Enak postopek uporabimo tudi pri urejanju strani, le da pri seznamu strani ne izberemo Dodaj, temveč pri posamezni strani, ki jo želimo urediti, izberemo Uredi. Ko smo z ustvarjanjem končali, kliknemo Objavi oziroma Posodobi v primeru, da smo spletno stran le urejali. Slika 24 prikazuje ustvarjanje strani z uporabo vtičnika Page Builder.

Slika 24: Izdelava strani z vtičnikom Page Builder

Slika 25 prikazuje urejanje vsebine znotraj posameznega bloka z uporabo urejevalnika vtičnika Black Studio TinyMCE Widget, ki nam poleg osnovnega urejanja v stranski vrstici ponuja vrsto lastnosti, med katerimi je tudi povezljivost s slogovnimi datotekami.



Slika 25: Urejanje vsebine strani z vtičnikom Black Studio TinyMCE Widget

5.6. NAMESTITEV IN PRILAGAJANJE SPLETNE TRGOVINE Namestitev spletne trgovine je v sistemu Wordpress zelo preprosta. Potrebno je namestiti že zgoraj omenjeni vtičnik WooCommerce. To lahko storimo na dva načina. Eden od načinov je prenos vtičnika znotraj sistema Wordpress s klikom na zavihek Vtičniki na nadzorni plošči. Nato kliknemo Dodaj in s pomočjo iskalnega polja poiščemo vtičnik Woocommerce in ga enostavno namestimo. Drugi način je prenos vtičnika z uradne spletne strani, ki jo najdemo na naslovu https://wordpress.org/plugins/woocommerce/. Po končanem prenosu kliknemo na zavihek Vtičniki na nadzorni plošči, nato kliknemo Dodaj. Odpre se nam okno, kjer kliknemo Naloži vtičnik. Vtičnik nato poiščemo ter ga namestimo. Ta način namestitve se uporablja v primeru, da po prvem načinu vtičnika ni mogoče namestiti. Slika 26 prikazuje namestitev vtičnika WooCommerce z uporabo zgoraj omenjenega prvega načina. Vtičnik v sistem Wordpress avtomatsko doda strani, ki so za delovanje spletne trgovine potrebne. Ustvarjene strani so ključne za delovanje spletne trgovine, kar pomeni, da njihove vsebine poleg naslova ne smemo spreminjati, saj lahko to privede do večjih napak.

https://wordpress.org/plugins/woocommerce/



Slika 26: Namestitev vtičnika WooCommerce

Po končani namestitvi je potrebno spletno trgovino še pravilno nastaviti ter jo prilagoditi našim potrebam z vidika funkcionalnosti in oblike. Osnovne nastavitve spletne trgovine, ki jih lahko vidimo na Sliki 27, lahko nastavljamo s klikom na zavihek Nastavitve znotraj zavihka WooCommerce na nadzorni plošči. Odpre se nam okno, ki ima v osnovi na voljo 8 zavihkov, ki so opredeljeni na posamezno področje spletne trgovine. Število področij se lahko povečuje odvisno od števila dodatkov, ki jih v spletno trgovino vključimo, ter od lastnosti, ki jih nastavimo. Znotraj posameznih področij lahko nastavimo različne lastnosti. V prvem zavihku določimo lokacijo naše spletne trgovine ter države, s katerimi želimo poslovati oziroma v katere nameravamo naše izdelke tudi izvažati. Prav tako nastavimo valuto ter prikaz valute, ki jo bomo pri poslovanju uporabljali. V drugem zavihku nastavimo lastnosti izdelkov, ki jih bomo v spletni trgovini prikazovali. Nastavimo enoto za merjenje teže in dimenzije izdelkov, ali bomo omogočali ocenjevanje izdelkov strani obiskovalcev ali bomo v trgovini prikazovali le izdelke ali izdelke skupaj s kategorijami izdelkov, dimenzije slik izdelkov v trgovini, upravljanje zaloge izdelkov ter obveščanje o zalogi ipd. V tretjem zavihku nastavimo različne nastavitve v povezavi z davki in davčnimi stopnjami. V četrtem zavihku nastavimo načine pošiljanja oziroma dostave izdelkov. Načine dostave lahko opredelimo različno glede na posamezno državo oziroma območje. Možnost pa imamo nastaviti tudi možne načine dostave glede na vrsto izdelka. V našem primeru se v take podrobnosti ne bomo spuščali. V okviru četrtega zavihka smo glede na želje naročnika nastavili načine dostave na: dostava na dom, osebni prevzem in brezplačna dostava, ki pa velja le v primeru, če je znesek nakupa večji od 300 evrov. Vse zgoraj omenjene nastavitve veljajo le za Slovenijo, za Evropske države pa sta trenutno na željo naročnika omogočena dva načina dostave, in sicer: dostava na dom in osebni prevzem. V petem zavihku lahko nastavimo načine plačevanja, uporabo kuponov, registracijo oziroma prijavo obiskovalca ob nakupu ipd. V petem zavihku nastavimo lastnosti v povezavi z računom, ki si ga ustvari vsak obiskovalcev, ko se registrira. Preostaneta še dva zavihka z nastavitvami, ki za naše potrebne nista pomembna.



Slika 27: Osnovne nastavitve spletne trgovine

Z osnovnimi nastavitvami nastavimo glavne funkcionalnosti spletne trgovine za razliko od oblike spletne trgovine, ki je v osnovnih nastavitvah ne moremo veliko spreminjati. Za podrobnejše spreminjanje oblike in funkcionalnost pa je potrebno poseči v izvorno kodo številnih datotek vtičnika. V našem primeru smo za izboljšanje funkcionalnosti spletne trgovine namestili različne že zgoraj naštete vtičnike, ki so kompatibilni z vtičnikom WooCommerce. Z njihovo pomočjo smo spletno trgovino prilagodili našim potrebam z vidika funkcionalnosti in oblike. V obstoječo stran izdelkov smo na vrhu dodali najnovejše izdelke, ki se z dodajanjem novih izdelkov avtomatsko posodabljajo. Za vsak izdelke smo dodali tudi sistem ocenjevanja z zvezdicami. V stransko vrstico pa smo dodali različne elemente, s katerimi lahko obiskovalec filtrira izdelke glede na njegove potrebe. Med te elemente smo vključili kategorije izdelkov, iskanje izdelkov, košarico, filtriranje izdelkov po ceni in nazadnje ogledani izdelki.

Na strani posameznega izdelka je bilo potrebno na željo naročnika dodati dodatna polja, kot so polje z okusi sladic, ki jih obiskovalec lahko izbere, vnosno polje, kjer obiskovalec lahko vnese besedilo, ki bo napisano na torti ali kateri koli ostali sladici. Če napisa ne želi, polje pusti prazno. Poleg tega pa smo dodali še primerjanje izdelkov, ki uporabnikom omogoča pregled več izdelkov ter njihovih značilnosti hkrati. Urejanje izvorne kode se je za stran posameznega izdelka izkazalo zelo težavno, zato smo si pomagali z vtičnikom WC Fields Factory, s pomočjo katerega smo dodali dodatno polje Okusi. Primerjavo izdelkov pa smo rešili z uporabo vtičnika YITH Essential Kit for WooCommerce #1, ki vključuje nabor dodatkov za vtičnik



WooCommerce vključno s primerjavo izdelkov. Slika 28 prikazuje dodajanje dodatnega polja z uporabo vtičnika WC Fields Factory.

Slika 28: Dodajanje in konfiguracija dodatnega polja z vtičnikom WC Fields

Factory

Slika 29 prikazuje stran posameznega produkta z dodanim poljem za izbiranje okusov ter gumbom za primerjanje izdelkov.

Slika 29: Posamezna stran izdelka z dodanimi polji



Na področju oblikovanja z vidika barv animacij, pisave, oblik ipd. pa nam vtičnik WooCommerce ne pušča veliko izbire. Da se lahko tem omejitvam izognemo, je potrebno spreminjanje izvorne kode v slogovnih datotekah vtičnika. Glavna slogovna datoteka, ki je prikazana na Sliki 30, se imenuje Woocommerce.css Z ustreznim znanjem lahko spremenimo barve in oblikovanje posameznih elementov spletne trgovine. Sama datoteka je zapisana v eni dolgi vrstici in zato je urejanje zelo težavno.

Slika 30: Del slogovne datoteke Woocommerce.css

Da pa bi bila trgovina čim bolj uporabna in prijazna za obiskovalca, je zelo pomembno, da je prevedena v ustrezen jezik. Za večino jezikov je pri vtičniku WooCommerce zelo dobro poskrbljeno za prevode in menjava jezika ne predstavlja večjega problem. Enostavno jih prenesemo, namestimo in že smo pripravljeni na delo. Jezike lahko prenesemo s strani https://translate.wordpress.org/projects/wp-plugins/woocommerce, vendar kot lahko vidimo na Sliki 31, prevod v slovenski jezik še ni dokončan in ga ne moremo prenesti.

Slika 31: Prevodi vtičnika WooCommerce

Ker prevoda ne moremo prenesti, smo morali celoten vtičnik oziroma tiste besede in stavke, ki so za nas pomembni, prevesti sami z uporabo programa PoEdit, ki nam omogoča spreminjanje jezikovnih datotek. Slika 32 prikazuje uporabo programa PoEdit za prevajanje vtičnika WooCommerce.

Ostale strani spletne trgovine, kot so moj račun, prijava, registracija, pretekla naročila, urejanje računa, košarica itd. poleg prevoda in nekaj oblikovnih sprememb kakšnih večjih sprememb niso bile deležne.

https://translate.wordpress.org/projects/wp-plugins/woocommerce



Slika 32: Prevajanje vtičnika WooCommerce s programom PoEdit

5.7. DODAJANJE IN UREJANJE IZDELKOV Po končanih nastavitvah je spletna trgovina pripravljena na uporabo. Manjkajo le še izdelki. Predenj pa se lotimo dodajanja izdelkov, bomo ustvarili kategorije, po katerih bomo razporedili posamezne izdelke in tako nam in obiskovalcem spletne trgovine povečali preglednost nad izdelki. Kategorije dodamo s klikom na Categories znotraj zavihka Products na nadzorni plošči. Odpre se novo okno, kjer imamo seznam vseh ustvarjenih kategorij. Za dodajanje kategorij vnesemo ime kategorije, ključ, ki bo uporabljen v spletnem naslovu. Ključ ne sme vsebovati šumnikov ali presledkov. Nato izberemo nadrejeno kategorijo, če je to potrebno, dodamo opis kategorije in sliko ter kliknemo Dodaj kategorijo. Tako si ustvarimo vse kategorije, ki jih bomo v spletni trgovini potrebovali. Slika 33 prikazuje dodajanje nove kategorije in seznam že ustvarjenih kategorij. Sledi dodajanje izdelkov. Izdelke v spletno trgovino dodamo s klikom na zavihek Products na nadzorni plošči. Odpre se okno s seznamom vseh objavljenih izdelkov. Za dodajanje izdelka kliknemo Add Product, ki nas preusmeri na urejevalnik, ki je zelo podoben urejevalniku, ki smo ga uporabili za ustvarjanje in urejanje strani. Na vrhu najprej vnesemo ime izdelka. Pod naslovom vnesemo daljši opis izdelka, ki bo prikazan na strani posameznega izdelka kot Opis izdelka. Na dnu po potrebi vnesemo kratek opis izdelka, ki bo na strani posameznega izdelka prikazan takoj pod naslovom. V sredini urejevalnika določamo osnovne posamezne lastnosti izdelka, kot so cena, status in stopnja davka, zalogo, način prodaje, težo in dimenzije, po potrebi povezave z drugimi izdelki itd. Možnost pa imamo nastaviti tudi vrsto izdelka ter njegovo obliko v smislu, ali gre za fizični izdelek, virtualni izdelek ali izdelek, ki ga lahko prenesemo. Privzeto so te nastavitve nastavljene na fizični izdelek, kar ustreza našim potrebam, zato teh nastavitev ne spreminjamo. V desni stranski



vrstici pa pred objavo izdelka nastavimo še, v katero kategorijo spada ter sliko izdelka.

Slika 33: Ustvarjanje nove kategorije

Ko smo zadovoljni z vsemi nastavitvami v stranski vrstici, kliknemo Objavi. Objavo izdelka pa lahko nastavimo tudi časovno, da se izdelke ob določenem datumu in uri objavi avtomatsko, kar nam omogoča, da vnaprej pripravimo izdelke. Slika 34 prikazuje ustvarjanje novega izdelka. Zaradi velikega števila izdelkov, ki jih podjetje ponuja, in ker podjetje do sedaj še ni imelo implementirane spletne trgovine, bomo na žejo podjetja v spletno trgovino vnesli le nekaj vzorčnih izdelkov za posamezno kategorijo, saj pripravljenih katalogov in opisov izdelkov ni voljo. Na željo podjetja ne bomo objavili vseh izdelkov, dokler ne bodo vsi urejeni in pripravljeni na objavo.



Slika 34: Ustvarjanje novega izdelka



6. PRIKAZ DELOVANJA SPLETNE TRGOVINE Trenutno se spletna stran še nahaja na zgoraj omenjenem brezplačnem strežniku in na željo naročnika se stran ne bo premeščala na novo lokacijo oziroma strežnik, kjer gostuje obstoječa spletna stran, dokler ne bodo v spletno trgovino vneseni vsi izdelki in njihove lastnosti. Pričakujemo, da bo spletna stran prešla v produkcijo okoli meseca oktobra leta 2016.

6.1. SCENARIJ GIBANJA OBISKOVALCA Obiskovalec lahko do spletne strani dostopa na več različnih načinov. Lahko v brskalnik vnese spletni naslov strani, ki se trenutno imenuje sladkac.pe.hu, ob prehodu strani na produkcijo pa bo spletni naslov imenovan sladkac.pe.hu. Dostop je možen tudi preko različnih referenčnih strani ter družabnih omrežij. Lahko pa enostavno vnese ime strani v iskalnik kot sta Google, Najdi.si ipd. Ne glede na način dostopa do strani se ob vstopu v spletno stran obiskovalec znajde na naslovni oziroma domači strani, ki jo lahko vidimo na Sliki 35, kjer mu nemudoma pade v oči glavna galerija, ki se spreminja in s tem omogoča obiskovalcu konstanten tok informacij, tako vizualnih kot tekstovnih. V sredini vsake galerije so povezave na različna družbena omrežja podjetja. Podjetje za svoje poslovanje v glavnem uporablja družabno omrežje Facebook, pred kratkim pa so ustvarili račun tudi na družabnem omrežju Twitter, vendar je ta trenutno še v stanju priprave. V prihodnosti nameravajo svojo prisotnost na družabnih omrežjih povečati tudi na Instagramu.

Slika 35: Nova domača stran spletne strani



Na vrhu strani sta logotip podjetja, njegov moto ter navigacijska vrstica, ki obiskovalcu omogoča prehod med različnimi stranmi. Pod galerijo na domači strani pa se nahajajo tudi dodatne povezave in informacije, ki obiskovalcu predstavijo dejavnost in način delovanja podjetja in mu hkrati omogočijo alternativni način za navigacijo po spletni strani, kot lahko vidimo na Sliki 36.

Slika 36: Spodnji del nove domače strani

Kot lahko vidimo na Sliki 36, se ob premikanju po strani na desni pojavi puščica, ki obiskovalcu omogoča vrnitev na vrh strani. To je omogočeno prav za vsako stran. Če se obiskovalec spusti prav na dno spletne strani, si lahko ogleda delovni čas ter lokacijo podjetja kot tudi vso vsebino, ki je na spletni strani prisotna. Te informacije so vedno prisotne ne glede na stran, na kateri se obiskovalec nahaja. S klikom na zavihek O nas se odpre stran, kjer si lahko ogleda podrobnejše podatke o dejavnosti in delovanju podjetja, kot lahko vidimo na Sliki 37.



Slika 37: Nova stran O nas

Ob kliku na zavihek Ponudba se obiskovalcu odpre stran, ki vključuje posamezne kategorije in informacije v povezavi z izdelki in okusi, ki jih podjetje izdeluje in uporablja v svojih izdelkih. Ko se obiskovalec z miško premakne na območje posamezne kategorije, le-ta spremeni barvo in hkrati prikaže gumb Beri več, ki obiskovalcu omogoča podrobnejši pregled posamezne kategorije. Slika 38 prikazuje stran Ponudba ob trenutku, ko se obiskovalec z miško pomakne nad območje kategorije. S klikom na gumb Beri več se glede na izbrano kategorijo obiskovalcu odpre stran, ki podrobno opisuje izbrano kategorijo, kot lahko vidimo na Sliki 39, hkrati pa obiskovalcu v galeriji, ki se nahaja v spodnjem delu strani, omogoči pregled nad celotno ponudbo podjetja glede na izbrano kategorijo.



Slika 38: Nova stran Ponudba

Slika 39: Podrobni opis posamezne kategorije



S klikom na zavihek Lokacija se obiskovalcu odpre stran, na kateri so predstavljene osnovne informacije o podjetju, kot sta naslov in delovni čas, obenem pa so opisani tudi načini dostopa do poslovalnice podjetja. V spodnjem delu je vgrajen interaktiven zemljevid, ki prikazuje točno lokacijo poslovalnice podjetja, hkrati pa obiskovalcu omogoča premikanje zemljevida, približevanje, deljenje ali ogled zemljevida na strani Google Maps. Slika 40 prikazuje stran Lokacija.

Slika 40: Nova stran Lokacija

S klikom na zavihek Kontakt se obiskovalcu odpre stran, na kateri so predstavljene osnovne kontaktne informacije podjetja, kot sta telefonska številka in elektronski naslov, hkrati pa je obiskovalcu omogočeno kontaktiranje podjetja preko kontaktnega obrazca, ki je prikazan na Sliki 41. Na dnu kontaktnega obrazca je tako imenovana reCaptcha oziroma polje, ki ga obiskovalec mora potrditi, da lahko pošlje želeno vsebino in tako potrdi, da je dejanska oseba in ne robot.



Slika 41: Nova stran Kontakt

V primeru, da se obiskovalec odloči, da si bo ogledal dodatno ponudbo, lahko to izvede s klikom na zavihek Trgovina. S klikom na zavihek se obiskovalcu odpre spustni meni, kjer lahko izbere obisk trgovine, na voljo pa ima še ostale opcije, kot so: moj račun, košarica in prijava, ki obiskovalcu omogočajo različne funkcije kot sta pregled preteklih naročil, urejanje uporabniškega računa ipd. Ob obisku trgovine se obiskovalcu odpre spletna trgovina, kjer si lahko ogleda raznoliko ponudbo izdelkov. V spletni trgovine so na vrhu strani prikazani najnovejši izdelki. Naenkrat je prikazanih 10 najnovejših izdelkov, ki se nenehno izmenjujejo in tako obiskovalcu omogočajo ažuren pregled najnovejših izdelkov. Pod najnovejšimi izdelki so razporejeni vsi ostali izdelki. Za vsak izdelek je omogočen sistem priljubljenosti v obliki zvezdic, ki so prikazane na območju najnovejših izdelkov kot tudi pri pregledu posameznega izdelka. Obiskovalcu spletne trgovine je za večjo preglednost izdelkov omogočenih več različnih kriterijev sortiranja po priljubljenosti, ceni, oceni ipd. V vrstici na desni strani pa lahko obiskovalec razvrščanje izdelkov še dodatno poglobi z izbiro želene kategorije ali iskanjem izdelkov s pomočjo iskalnika. Poleg tega je na voljo tudi filtriranje po ceni, ki obiskovalcu omogoča natančno postavljanje natančnih okvirjev, ki se jih želi držati. Poleg številnih kriterijev, ki jih obiskovalec v stranski vrstici lahko nastavi, je omogočen tudi pregled izdelkov, ki si jih je obiskovalec nazadnje ogledal. S tem obiskovalcu omogočimo pogled nazaj in preprečimo možnost, da bi obiskovalec izgubil lokacijo nekega izdelka, ki ga je morda zanimal. Slika 42 prikazuje spletno trgovino z vsemi možnimi kriteriji, ki jih obiskovalec lahko izbere.



Slika 42: Spletna trgovina

V primeru, da si želi obiskovalec posamezen izdelek pogledati bolj podrobno, lahko to stori s klikom nanj. Ob kliku na posamezen izdelek se obiskovalcu odpre stran posameznega izdelka, kjer si obiskovalec lahko ogleda opis izbranega izdelka, sorodne izdelke, kot tudi morebitne ocene in komentarje drugih obiskovalcev. Poleg ocenjevanja in pregledovanja so na voljo tudi številne druge opcije, kot je deljenje izdelka preko različnih družabnih omrežij, preko katerih lahko obiskovalec deli izdelke s svojimi znanci oziroma s celim svetom in hkrati izvaja promocijo za podjetje. Na strani ima v primeru, da se odloči izdelke kupiti, na voljo izbrati okus izdelka kot tudi besedilo, ki bi ga želel imeti na izdelku oziroma, v primeru spodnje Slike 43, na torti.



Slika 43: Ogled posameznega izdelka

V primeru, da obiskovalec ni prepričan o nakupu izdelka in bi ga rad primerjal z drugimi, lahko to stori s klikom na Primerjaj, ki mu odpre pojavno okno (Slika 44), kjer si lahko ogleda izbrane izdelke enega ob drugem in se tako lažje odloči.

Slika 44: Primerjava izdelkov



6.2. PROCES NAKUPA IZDELKOV Ko je obiskovalec prepričan, da je našel želeni izdelek, in se odloči, da ga kupi, lahko to stori s klikom na gumb V košarico, katerega lahko najde pod vsakim izdelkom v spletni trgovini ali na strani, kjer je izdelek predstavljen bolj podrobno. V primeru, da je želeni izdelek izbral med primerjanjem z drugimi izdelki, ima tudi tam možnost, da ga doda v košarico. Ob dodajanju izdelka v košarico se na strani spletne trgovine v stranski vrstici odpre novo okno, ki prikazuje vse izdelke, ki so v košarici obiskovalca. To okno je zasnovano tako, da se pojavi le takrat, ko košarica ni prazna. Ko je obiskovalec zaključil z nakupovanjem, se čas za nakup zaključi. To stori tako, da v stranski vrstici pod novo ustvarjeno košarico izbere Poglej košarico. S klikom na gumb Poglej košarico se odpre košarica z vsemi izdelki, ki jih je obiskovalec dodal. Do košarice lahko obiskovalec pride tudi preko navigacije vrstice s klikom na zavihek Košarica znotraj nadrejenega zavihka Trgovina. Slika 45 prikazuje košarico z vsebino.

Slika 45: Košarica

V košarici lahko obiskovalec pregleduje izbrane izdelke, povečuje ali zmanjšuje število izdelkov, ali jih po potrebi tudi odstrani. Ko je obiskovalec zadovoljen s stanjem košarice, izbere eno izmed v našem primeru treh možnosti dostave, kot lahko to vidimo na Sliki 45. Privzeto je na željo naročnika nastavljen osebni prevzem. Načini dostave in cene so prilagojene domačemu trgu. V primeru, da želi obiskovalec izdelke dostavljene v drugo državo, lahko izbere opcijo izračunaj poštnino, ki mu omogoča nastavitev države in mesta, v katerem želi izdelek prejeti. Glede na državo lahko nato izbere način dostave, ki je na želeni lokaciji na voljo. Ko obiskovalec konča z nastavljanjem vseh nastavitev, klikne Zaključi nakup. Odpre se nova stran (Slika 46), kjer mora obiskovalec izpolniti podatke o plačniku in prejemniku izdelka, ki sta v osnovi enaka. Obiskovalec pa ima možnost nastaviti dostavo izdelka tudi na drug naslov s preprostim klikom na okence Pošlji na drugi



naslov. Do iste strani lahko obiskovalec dostopa s klikom na gumb Zaključi nakup na stranski vrstici poleg zgoraj omenjenega gumba Poglej košarico. Poleg ostalih podatkov ima obiskovalec možnost spremeniti način dostave in izbrati način plačila, ki je privzeto nastavljen na plačilo ob dostavi. Za oddajo naročila registracija uporabnika ni obvezna, vendar je zelo enostavna, saj je poleg že vnesenih osnovnih podatkov za registracijo potrebno le označiti polje poleg besedila Ustvari si račun in vnesti geslo. Ko je obiskovalec vnesel vse zahtevane podatke, klikne Oddaj naročilo.

Slika 46: Osnovne informacije

S klikom na Oddaj naročilo se obiskovalcu odpre stran, ki obiskovalcu potrdi, da je naročilo oddano in mu posreduje osnovne informacije o računu, številko naročila, podrobnosti naročila, podrobnosti o naročniku ipd. kot to prikazuje Slika 47. S tem je obiskovalec proces nakupovanja zaključil in lahko spletno trgovino zapre.



Slika 47: Naročilo prejeto

V primeru, da je obiskovalec v naši spletni trgovini že kdaj kupoval in se je pri nakupu registriral, se lahko enostavno prijavi v svoj uporabniški račun in se s tem izogne izpolnjevanju podatkov vsakič, ko želi kupiti neki izdelek. To lahko stori s klikom na povezavo Prijavi se, ki se nahaja na vrhu strani, kjer je izpolnjeval podatke o naročniku in prejemniku, ali s klikom na zavihek Prijavi se znotraj zavihka Trgovina v navigacijski vrstici. Ne glede na možnost, ki jo je obiskovalec izbral, v obeh primerih se odpre prijavni obrazec, ki od obiskovalca zahteva uporabniško ime ali elektronski naslov in geslo za prijavo v sistem. V primeru, da se obiskovalec želi registrirati, predenj se spusti v proces nakupa izdelka, lahko to stori na isti strani, kjer se nahaja prijavni obrazec. Slika 48 prikazuje prijavni in registracijski obrazec.



Slika 48: Prijavni in registracijski obrazec

Ko je obiskovalec prijavljen v sistem, se mu v primeru, da prijavo izvaja iz navigacijske vrstice, odpre nadzorna plošča, kjer lahko pregleduje pretekla naročila, sledi statusu naročila in ureja kontaktne in ostale podatke. Do nadzorne plošče pa lahko dostopa tudi s klikom na zavihek Moj račun znotraj zavihka Trgovina. Če obiskovalec želi, si lahko vsako preteklo naročilo tudi podrobneje ogleda s klikom na gumb Poglej. V primeru, da obiskovalec prijavo izvede med postopkom nakupa na strani, kjer izpolnjuje kontaktne podatke, pa se njegovi podatki avtomatsko prenesejo na zahtevana polja in lahko naročilo odda brez potrebe po prekinitvi naročila. Slika 49 prikazuje nadzorno ploščo, in sicer zavihek pretekla naročila.

Slika 49: Nadzorna plošča uporabnika

Slika 50 prikazuje podrobnosti naročila glede na izbiro obiskovalca.



Slika 50: Podrobnosti o naročilu

Na Sliki 51 je prikazan celoten proces nakupa izdelka od dodajanja v košarico do oddaje naročila s strani obiskovalca, kot smo ga opisali do sedaj.



Odločitev za nakup v spletni trgovini

Pregledovanje ponudbe

Dodajanje izdelka v košarico

Nadaljuj nakupovanje?

Pregledovanje in urejanje

košarice

Način dostave?

Zaključevanje naročila

Imate ustvarjen uporabniški

račun?

Prijavljanje v račun

Izpolnjevanje zahtevanih podatkov

Dodajanje dodatnih zahtev glede naročila

Način plačila?

Oddaja naročila

Naročila oddano

Izbor opcije brezplačna

dostava (nad 300 €)

Izbor opcije osebni prevzem

(privzeto)

Izbor opcije dostava na dom

Izbor opcije plačilo ob prevzemu

Izbor opcije Bančno nakazilo

Izbor opcije Pay Pal

Ne

Da Ne

Da

Slika 51: Proces nakupa izdelka v spletni trgovini



6.3. PREGLEDOVANJE PREJETIH NAROČIL Ko obiskovalec odda naročilo, se to administratorju strani oziroma prodajalcu prikaže na nadzorni plošči, kjer lahko poleg novih naročil prodajalec pregleduje tudi znesek prodaje za trenutni mesec, najbolj prodajane izdelke, število naročil, ki jih je potrebno obdelati ipd. Do naročil lahko dostopa preprosto s klikom na naročila na nadzorni plošči ali s klikom na zavihek naročila znotraj zavihka WooCommerce. Slika 52 prikazuje status trgovine na nadzorni plošči. Kot smo omenili že v zgornjih poglavjih, je WooCommerce v procesu prevoda v slovenski jezik in kljub nekaterim prevodom, ki smo jih izvedli sami, vsega ni bilo možno prevesti.

Slika 52: Status spletne trgovine

Ne glede na izbrani način dostopa do naročil se prodajalcu odpre okno, kjer so prikazana vsa naročila ne glede na njihov status (Slika 53). Na vrhu seznama so vedno nova naročila, ki jih je potrebno obdelati. Na seznamu naročil so prodajalcu na voljo številne informacije, kot so: številka naročila, ime kupca in njegov elektronski naslov, število izdelkov, ki jih je kupil, naslov dostave, način prevzema ipd. V primeru, da si prodajalec želi naročilo podrobneje ogledati, lahko to stori s klikom na gumb s sliko očesa. Odpre se mu novo okno, kjer lahko pregleduje podrobnejše podatke naročila, hkrati pa naročilo tudi obdeluje oziroma spreminja njegov status. Več o tem v naslednjem poglavju.

Slika 53: Seznam vseh naročil

6.4. IZPOLNJEVANJE PREJETIH NAROČIL



Izpolnjevanje naročil lahko prodajalec izvede na dva načina. V primeru, da je iz zgoraj prikazanega seznama naročil izvedel dovolj informacij, lahko pripravi naročene izdelke in jih glede na izbrani način dostave izroči kupcu. Naročilo nato potrdi s klikom na kljukico, ki se nahaja zraven naročila. Pogosto pa zgornji seznam ne ponuja vseh potrebnih informacij za izpolnitev naročila. V takih primerih prodajalec odpre podrobni ogled naročila, ki ga lahko vidimo na Sliki 51, kjer si lahko pogleda vse podatke naročila. V podrobnem pogledu ima na voljo večjo količino informacij in funkcij, ki jih za izpolnitev naročila lahko uporabi. Ko so izdelki pripravljeni in dostavljeni kupcu, prodajalec v podrobnem načinu spremeni status naročila na zaključeno in naročilo shrani. Za razliko od zgornjega seznama, kjer ima prodajalec na voljo le zaključiti naročilo, lahko v podrobnem pogledu status naročila v primeru, da pride do kakršnih koli zapletov, možnost nastaviti tudi na: čaka na plačilo, v obdelavi, zadržano, zaključeno, preklicano, vrnjeno ipd. Slika 54 prikazuje zaključevanje naročila enega izdelka.

Slika 54: Zaključevanje naročila



7. ZAKLJUČKI

7.1. OCENA UČINKOV Učinek implementacije oziroma prenove spletne strani in uvedbo spletne trgovine v poslovanje podjetja vsaj z vidika obiska strani trenutno ni mogoče oceniti, saj spletna trgovina še ni v uporabi. Z vidika podjetja pa prenova spletne strani in uvedba spletne trgovine predstavlja veliko prednost z vidika konkurenčnosti, prepoznavnosti in uspešnosti poslovanja tako na domačem in tujem trgu. Poleg tega pa podjetju ponuja ažurno in interaktivno poslovno okolje, kjer lahko brez večjih zapletov upravljajo vsebino tako spletne strani kot spletne trgovine, pregledujejo ažurne podatke o produktih in njihovi zalogi in izvajajo številne analize, s pomočjo katerih lahko povečajo učinkovitost in uspešnost podjetja in interaktivno sodelujejo s svojimi strankami. Dejansko učinkovitost prenove z vidika obiska strani bomo lahko videli šele nekaj mesecev po implementaciji rešitve in v ta namen smo v sistem Wordpress vključili orodje Google Analytics, ki omogoča analiziranje dejavnosti obiskovalcev na spletni strani. Ugotovitve nam bodo omogočile prilagajanje in optimiziranje spletne strani z namenom zagotavljanja kupcem najboljše uporabniške izkušnje.

7.1. PREDLOGI IN PRIPOROČILA NAROČNIKU Naročniku z vidika upravljanja s spletno trgovino priporočamo redno, vsakodnevno pregledovanje prejetih naročil ali morebitnih sporočil oziroma predlogov s strani obiskovalcev strani, tako na nadzorni plošči kot tudi na elektronskem naslovu podjetja, saj je le tako mogoče zagotoviti redno in uspešno izvajanje naročil ter hkrati obiskovalcem zagotoviti ustrezne in pravočasne odgovore in podporo, ki jo pričakujejo. Hitrost in kakovost strežbe je z vidika obiskovalca izrednega pomena. S hitrim odzivanjem jim pokažemo, da so za nas najpomembnejši in si s tem izboljšamo možnosti, da bodo dobro besedo o naših izdelkih in storitvah širili naprej, saj, kot pravi star slovenski pregovor, Dober glas seže v deveto vas, slab pa ostane rad ves čas. Za čim boljšo uporabniško izkušnjo priporočamo redno posodabljanje izdelkov, zaloge in ostalih podatkov spletne trgovine takoj, ko je to mogoče. Poleg tega priporočamo redno posodabljanje družbenih omrežij z novicami in novostmi. Družbena omrežja so v današnjem svetu največji promocijski kanali, preko katerih lahko dosežemo široko skupino ljudi, zato je zelo pomembno, da se njihova vsebina redno spreminja, saj lahko le tako zagotovimo, da zanimanje strank ne presahne. Za izvajanje dodatne promocije predlagamo, da se spletni naslov trgovine doda na različne medije, kot so vizitke, oglaševalne table, družbena omrežja, pisala itd. Kot pri vsaki rešitvi se razvoj nikoli ne konča. Vedno je prostor za dodatne izboljšave, saj se svet razvija in skladno z njim se morajo razvijati tudi spletne strani, zato je pomembno, da se na vsake toliko časa vsebine in drugi elementi na spletni strani spremenijo, saj lahko le tako zagotovimo, da stran ostane v koraku s časom in ostane zanimiva za obiskovalce. Seveda to ne velja v primeru spletne trgovine in novic, ki jih je potrebno konstantno posodabljati.



LITERATURA IN VIRI

Gradišar, M (2012). Spletna trgovina - prednosti in slabosti. Pridobljeno: 27.6.2016 s http://data.si/blog/2012/07/13/spletna-trgovina-prednosti-in-slabosti/

McCombs, A. in Banh, R. (2009). The definitive guide to Magento: A comprehensive look at Magento. Berkley CA: Apress. Ntchosting (2016). Pridobljeno 5.6.2016 s https://www.ntchosting.com/encyclopedia/internet/website/ Radoš, S. (2002). CMS- sistem za upravljanje s spletno vsebino. Pridobljeno 4.7.2016 s http://www.nasvet.com/cms/ Radoš, S. (2006). Odprotkodni sistemi za samostojno upravljanje spletnih vsebin. Pridobljeno 4.7.2016 s http://www.nasvet.com/cms-sistemi/ Radoš, S. (2007). Načrtovanje spletnih projektov. Pridobljeno 5.7.2016 s http://www.nasvet.com/vodenje-projektov/ Rupar, Ž. (2016). Razvoj spletne trgovine za medorganizacijsko poslovanje. Diplomsko delo. Kranj: Univerza v Mariboru, Fakulteta za organizacijske vede. Sabin-wilson, L. L. (2011). Wordpress for dummies, 4th edition. Indianapolis: Wiley Publishing.

Uranjek, A. (2009). Model e-trgovine. Diplomsko delo. Celje: Univerza v Mariboru, Fakulteta za logistiko.

Wikipedia (2016b). Wordpress. Pridobljeno 28.6.2016 s https://en.wikipedia.org/wiki/WordPress

Wikipedia (2015). Joomla. Pridobljeno 28.6.2016 s https://sl.wikipedia.org/wiki/Joomla

http://data.si/blog/2012/07/13/spletna-trgovina-prednosti-in-slabosti/

http://www.nasvet.com/cms-sistemi/

https://en.wikipedia.org/wiki/WordPress

https://sl.wikipedia.org/wiki/Joomla



KAZALO SLIK IN TABEL Slika 1: Struktura obstoječe spletne strani ............................................... 8 Slika 2: Osnovna stran ........................................................................ 9 Slika 3: Osnovna stran v velikosti zaslona pametnega telefona ........................ 9 Slika 4: Stran O nas .......................................................................... 10 Slika 5: Stran Ponudba ...................................................................... 11 Slika 6: Stran Otroške torte ................................................................ 12 Slika 7: Stran Lokacija ...................................................................... 13 Slika 8: Stran Pišite nam .................................................................... 14 Slika 9: Proces nakupa izdelka na obstoječi spletni strani ............................ 16 Slika 10: Nadzorna plošča sistema Wordpress ........................................... 19 Slika 11: Nadzorna plošča sistema Joomla ............................................... 20 Slika 12: Nadzorna plošča sistema Magento.............................................. 21 Slika 13: Nadzorna plošča sistema Wix ................................................... 22 Slika 14: Naslovna stran strežnika Hostinger ............................................ 25 Slika 15: Nastavitev domenskega imena in gesla računa ............................... 25 Slika 16: Nadzorna plošča strežnika ....................................................... 26 Slika 17: Nabor sistemov za upravljanje vsebine ........................................ 27 Slika 18: Namestitev sistema Wordpress ................................................. 28 Slika 19: Prijava v sistem Wordpress ...................................................... 28 Slika 20: Nadzorna plošča sistema Wordpress ........................................... 29 Slika 21: Izbira in namestitev teme Ascent .............................................. 30 Slika 22: Urejanje slogovne datoteke ..................................................... 31 Slika 23: Struktura spletne strani ......................................................... 33 Slika 24: Izdelava strani z vtičnikom Page Builder ...................................... 34 Slika 25: Urejanje vsebine strani z vtičnikom Black Studio TinyMCE Widget ....... 35 Slika 26: Namestitev vtičnika WooCommerce ........................................... 36 Slika 27: Osnovne nastavitve spletne trgovine .......................................... 37 Slika 28: Dodajanje in konfiguracija dodatnega polja z vtičnikom WC Fields Factory ................................................................................................. 38 Slika 29: Posamezna stran izdelka z dodanimi polji .................................... 38 Slika 30: Del slogovne datoteke Woocommerce.css .................................... 39 Slika 31: Prevodi vtičnika WooCommerce ................................................ 39 Slika 32: Prevajanje vtičnika WooCommerce s programom PoEdit ................... 40 Slika 33: Ustvarjanje nove kategorije .................................................... 41 Slika 34: Ustvarjanje novega izdelka ..................................................... 42 Slika 35: Nova domača stran spletne strani .............................................. 43 Slika 36: Spodnji del nove domače strani ................................................ 44 Slika 37: Nova stran O nas .................................................................. 45 Slika 38: Nova stran Ponudba .............................................................. 46 Slika 39: Podrobni opis posamezne kategorije .......................................... 46 Slika 40: Nova stran Lokacija .............................................................. 47 Slika 41: Nova stran Kontakt ............................................................... 48 Slika 42: Spletna trgovina .................................................................. 49 Slika 43: Ogled posameznega izdelka ..................................................... 50 Slika 44: Primerjava izdelkov .............................................................. 50 Slika 45: Košarica ............................................................................ 51 Slika 46: Osnovne informacije ............................................................. 52 Slika 47: Naročilo prejeto .................................................................. 53



Slika 48: Prijavni in registracijski obrazec ............................................... 54 Slika 49: Nadzorna plošča uporabnika .................................................... 54 Slika 50: Podrobnosti o naročilu ........................................................... 55 Slika 51: Proces nakupa izdelka v spletni trgovini ...................................... 56 Slika 52: Status spletne trgovine .......................................................... 57 Slika 53: Seznam vseh naročil .............................................................. 57 Slika 54: Zaključevanje naročila ........................................................... 58 Tabela 1: Analiza SWOT .................................................................... 15



KRATICE IN AKRONIMI HTML: Hypertext Transfer protokol: protokol za prenos hiperteksta CSS: Cascading Style Sheet: kaskadne stilske podloge PHP: Hypertext Preprocessor: skriptni jezik za razvoj spletnih strani SQL: Structured Query Language: strukturirani povpraševalni jezik XML: Extensible Markup Manguage: razširljivi označevalni jezik FTP: File transfer protocol: protokol za izmenjavo datotek WLAN: Wireless local area network: brezžično lokalno omrežje B2B: Business to Business: poslovanje med podjetji B2C: Business to Consumer: poslovanje med podjetjem in fizično osebo C2C: Consumer to Consumer: poslovanje med fizičnimi osebami CMS: Content management system: sistem za upravljanje vsebine

izdelava spletne trgovine za pekarsko podjetje · 2017. 11. 28. · denis kozjek: izdelava spletne...

Documents