Developing website for elite tradnig group

Full text

(1)Diplomsko delo visokošolskega strokovnega študija Organizacija in management informacijskih sistemov. IZDELAVA SPLETNE STRANI ELITE TRADING GROUP. Mentor: izr. prof. dr. Uroš Rajkovič. Kranj, avgust 2018. Kandidat: Nejc Jerala.

(2) ZAHVALA Zahvaljujem se mentorju izr. prof. dr. Urošu Rajkoviču za pomoč in usmerjanje pri diplomski nalogi. Posebna zahvala gre moji družini in Maji, ki so me ves čas podpirali in mi stali ob strani..

(3) POVZETEK Dobro narejena spletna stran je ključnega pomena za podjetja, ki želijo prodajati storitve preko spleta. Z dobro zasnovano in pregledno stranjo strankam omogočimo lažji vpogled v ponujeno storitev ali izdelek. V diplomskem delu je opisana izdelava spletne strani za Elite Trading Group s pomočjo sistema za upravljanje vsebin Wordpress. V prvem delu diplomskega dela smo predstavili obstoječi problem, opisali teoretične osnove, ter predstavili odprtokodni sistem WordPress. V drugem delu smo predstavili potek izdelave spletne strani in orodja, ki smo jih uporabili. Pomembno vlogo so imeli vtičniki, ki so nam pomagali izboljšati uporabnost in funkcionalnost spletne strani. Cilj končno izdelane spletne strani je zagotoviti boljšo preglednost nad strankami in poslovnimi partnerji, ter vodenje evidence leteh na enem mestu. Končni rezltat diplomske naloge je dokončno izdelana spletna stran, ki poleg predstavitvene vsebine vsebuje prodajo storitve, ter partnerski program, namenjen oglaševanju storitve.. KLJUČNE BESEDE:     . sistem za upravljanje vsebin WordPress HTML spletna stran internet.

(4) ABSTRACT A well made website is key for companies that desire to market their services over the internet. With a well designed and transparent web page the customers are given an easier view into a marketed service or product. This final paper describes the making of a web page for Elite Trading Group with the help of WordPress content management system. In the first part of the final paper we have presented the existing problem, described the theoretical basis and presented the open-source system WordPress. In the second part we have presented the making of a web page and the tools used in the process. Plug-ins played an important role and helped to enhance the usability and functionality of the web page. The goal of a complete web page is to ensure a better oversight of the customers and business partners while keeping their statistics in a single place. The final result of this diploma is a complete web page that besides the presentational content also includes sales services and a partner program designed to market the service.. KEYWORDS:     . Content Management System WordPress HTML Website Internet.

(5) 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 2. Teoretične osnove ......................................................................................... 3 2.1. Internet .................................................................................................. 3 2.2. HTML ...................................................................................................... 3 2.3. CSS.......................................................................................................... 4 2.4. CMS ......................................................................................................... 5 2.5. Spletna stran .......................................................................................... 5 3. Predstavitev orodij za izdelavo spletne strani............................................... 7 3.1. WordPress ............................................................................................... 7 3.2. WPMU DEV .............................................................................................. 7 3.3. MemberPress ........................................................................................ 10 3.4. AffiliateWP ........................................................................................... 11 3.5. Ostali uporabljeni vtičniki .................................................................... 13 4. Načrt spletne strani ..................................................................................... 15 5. Izdelava spletne strani ................................................................................ 17 5.1. Nakup domene in gostovanja ................................................................ 17 5.2. Izbira predloge spletne strani ............................................................... 17 5.3. Dodajanje vtičnika MemberPress .......................................................... 18 5.4. Dodajanje vtičnika AffiliateWP ............................................................ 22 5.5. Spreminjanje oblike s CSS .................................................................... 25 5.6. Zaprtje aktivne seje ............................................................................. 26 6. Opis spletne strani ....................................................................................... 27 6.1. Prva stran - Home ................................................................................. 27 6.2. O nas – About Us ................................................................................... 28 6.3. Signali - Signals ..................................................................................... 29 6.4. Prijavna stran za stranke - Account...................................................... 31 6.5. Promocijski program – Affiliate Area .................................................... 32 6.6. Kontakt – Contact Us ............................................................................ 35 7. Zaključki ...................................................................................................... 37 7.1. Ocena učinkov ...................................................................................... 37 7.2. Pogoji za uvedbo .................................................................................. 37 7.3. Možnost nadaljnega razvoja ................................................................. 37 Literatura in viri ................................................................................................. 38 Kazalo slik .......................................................................................................... 39 Kratice in akronimi ............................................................................................. 40.

(6) Univerza v Mariboru – Fakulteta za organizacijske vede. 1.. Diplomsko delo visokošolskega strokovnega študija. UVOD. Internet in spletna prodaja je v zadnjih letih zelo napredovala, zato si v razvitem svetu življenja brez interneta praktično ne moremo več predstavljati. V podjetjih, ki želijo uspešno tržiti svoje izdelke in storitve je dobro izdelana spletna stran ključnega pomena. Stranka že s prebiranjem vsebine oziroma preko oblike spletne strani dobi vtis o samem podjetju in storitvi, ki jo spletna stran predstavlja.. 1.1. PREDSTAVITEV PROBLEMA Obstoječa spleta stran ima kar nekaj pomankljivosti, saj domena brezplačno gosutje na strežniku. S tem nastanejo precejšne omejitve pri sami izdelavi ter oglaševanju strani. Dosedanja oblika in vsebina je nepregledna ter ne predstavlja storitve, ki se trži. Stran je zgolj informativne narave, saj vsebuje samo nekaj osnovnih informacij o storitvi. Težave nastanejo tudi pri vsakodnevnem vnašanju strank. Vnosi potekajo ročno, potrebno bi bilo izboljšati sistem evidentiranja. Trenutna rešitev, ki se uporablja je ročno vnašanje v tabelo, kar vzame veliko časa pri urejanju ter ročnem obveščanju strank o preteku mesečne članarine. Skoraj največji problem predstavlja plačevanje poslovnim partnerjem, ki v zameno za prodano storitev dobijo procente od prodaje. Vse poslovne partnerje je potrebno urejati ročno, prav tako računanje in plačevanje provizij.. 1.2. PREDSTAVITEV OKOLJA Elite Trading Group je trenutno še ideja, ki se počasi razvija v poslovno smer. Primarna storitev je prodaja »Forex« signalov strankam, ki nimajo časa niti znanja za analizo trga in so poslani preko aplikacije »Telegram«. Sami signali so ločeni v dveh skupinah glede na stil samega trgovanja in sicer dnevi, kjer se pozicija signala odpre in zapre v enem dnevu in mesečni, kjer pozicijo signala držimo lahko tudi več mesecev. Vsi signali so vodeni s strani treh trgovalcev, ki imajo dolgoletne izkušnje na samem trgu in opravljena izobraževanja v tujini. Uporaba signalov je enostavna saj so v skupini podani vsi parametri, ki so potrebni za kopiranje v trgovalno platformo MT4 in vodeni kdaj je potrebno signal spremeniti, vzeti delni profit ali zapreti.. 1.3. PREDPOSTAVKE IN OMEJITVE Za izdelavo spletne strani bomo uporabili odprtokodni program Wordpress, ker omogoča razširitev funkcij in dodajanje sistemov, ki jih potrebujemo za nemoteno delovanje. Izdelava spletne strani bo potekala direktno na strežniku izbranega ponudnika spletnega gostovanja. Namen spletne strani je povečanje prodaje storitve in razbremenitev obsežnih administrativnih del. Spletna stran bo modernega videza, kar nam omogočajo številne Wordpress-ove predloge oziroma teme. Stranke bodo imele možnost nakupa sitoritve direktno iz spletne strani, partnerji pa dostop do svojega računa, ki bo vseboval direktno povezavo za promocijo storitve ter pregled statistike promoviranja. Administratorji pa v nadzorni plošči nadzor nad evidenco prodanih storitev, statistiko prodaje, urejanje storitve, ter evidenco in izplačevanje provizije partnerjem. Primarna. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 1.

(7) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. ciljna publika je tujina, zato bo spletna stran narejena v angleškem jeziku, kasneje kot nadaljni razvoj pa še v nemškem.. 1.4. METODE DELA Pri pisanju diplomske naloge smo v prvem delu uporabili deskriptivno oziroma opisno metodo za opisovanje pojmov in analitično metodo za študijo domače in tuje literare. V drugem, praktičnem delu diplomskega dela, pa smo predstavili nakup spletnega gostovanja, domene, izdelave spletne strani v odprtokodnem sistemu za upravljanje vsebine WordPress, ter dodajanje plačljive vsebine in partnerskega programa s pomočjo vtičnikov.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 2.

(8) Univerza v Mariboru – Fakulteta za organizacijske vede. 2.. Diplomsko delo visokošolskega strokovnega študija. TEORETIČNE OSNOVE. 2.1. INTERNET Internet je globalni sistem medseboj povezanih računalniških omrežji, ki uporablja zbirko internetnih protokolov TCP/IP za povezavo naprav po vsem svetu. Je mreža omrežij, ki jo sestavljajo zasebne, javne, akademske, poslovne in vladne mreže lokalih in globalnih področij, ki jih povezuje širok nabor elektronskih, brezžičnih in mrežnih tehnologij. (Internet, 2018) Internet ima širok nabor infomacijskih virov in storitev, kot so medsebojno povezani hipertekstni dokumenti in aplikacije svetovnega spleta (WWW), elektronska pošta in izmenjava datotek (P2P). Najbolj pomemben del interneta so strežniki. Če preko računalnika, priključenega na internet, z brskalnikom iščemo nek podatek, nam ga na drug strani posreduje strežnik našega internetnega ponudnika. Če slednji tega podatka nima, pošlje poizvedbo naslednjemu strežniku, ki mu rečemo usmerjevalnik. Nato si strežniki poizvedovanje pošiljajo med seboj, dokler se ne najde strežnik, ki vsebuje željeni podatek (Klemen in Štrancar, 2005). Internet nam omogoča:       . uporabo elektronske pošte, spletno bančništvo, socialna omrežja (Instagram, Twitter, Facebook), elektronsko bančništvo, spletno nakupovanje, deljenje datotek, iskanje podatkov in informacij preko spletnih iskalnikov (Šuler, 2012).. 2.2. HTML Hypper Text Markup Language, krajše HTML, je osnovni označevalni jezik za oblikovanje spletne strani. Zapisan je v obliki HTMl elementov, ki so sestavljeni iz oznak (ang, tags). Oznake zapisujemo v špičastih oklepajih, znotraj vsebine spletne strani. Ponavadi jih zapisujemo v parih, kot začetno in končno oznako, med njih pa vključimo poljubno besedilo. (HTML, 2018) Delo internetnih brskalnikov temelji na branju HTML dokumentov iz strežnika ali lokalnega pomnilnika in prikazovanju le-teh. Brskalniki ne prikazujejo oznak, vendar jih uporabijo za prikaz vsebine (npr. <b> odebeljen tekst,...). Ker so datoteke HTML običajno znakovne datoteke, jih pišemo v vsakem urejevalniku besedila. Iz slike 1 je razvidna osnovna HTML koda, ki smo jo napisali v Notepad++ urejevalniku.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 3.

(9) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. Slika 1: Primer HTML kode.. 2.3. CSS Cascading Style Sheets, krajše CSS, so predloge, predstavljene v obliki preprostega slogovnega jezika, ki skrbi za izgled in predstavitev spletnih strani. Z njim lahko urejamo barvo, velikost in vrsto pisave, pozicioniranje besedila, lastnosti ozadja... (CSS, 2018). CSS je zasnovan tako, da loči strukturo strani, ki ga podaja označevalni jezik HTML skupaj z vsebino, od njene predstavitve. Ta ločitev omogoča lažje urejanje, izboljša dostopnost, prilagodljivost in preglednost nad dokumenti, ki temeljijo na HTML jeziku. Slika 2 prikazuje del CSS kode, ki smo jo kasneje v diplomski nalogi uprabili za spreminja videza tebele.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 4.

(10) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. Slika 2: Primer CSS kode.. 2.4. CMS Sistem za upravljane vsebin oziroma CMS (angleško, Content Management System) omogoča urejanje in vzdrževanje vsebine spletnih strani brez označevalnega HTML jezika, ter temelji na tehnologijah Apache, MySql in PHP. Administrator spletne strani lahko samostojno spreminja vsebino, sliko, posnetke in druge elemente spletne strani brez pomoči s strani podjetja ali osebe, ki je spletno stran izdelalo (CMS, 2018). Sistemi za upravljanje z vsebinami so si po karakteristikah in funkcijah zelo podobni. V večini so modularni, kar pomeni, da so zelo prilagodljivi ko želimo spreminjati ali dodajati module (Šalamun, 2014). CMS sistemi omogočajo:        . izbiro med predlogami, ki jih lahko zamenjamo brez sprememb vsebine, majhne strežniške zahteve, dodajanje povezav, tabel, multimedijskih vsebin, dodeljevanje upravljalskih pravic, dodajanje več jezične podpore, dodajanje datotek in dokumentov, spreminjanje oblike brez posega v kodo, enostavno dodajanje dodatkov za razšeritev fuknkcij.. 2.5. SPLETNA STRAN Spletna stran je dokument sestavljen iz niza podatkov ali informacij, ki je primeren za svetovni splet in spletne brskalnike. Strani so med seboj povezane s hiperpovezavami, ki nam omogočajo, da s kliki na določene gumbe, slike, besedila ali druge elemente, preusmerimo obiskovalca na želene strani. Spletna stran mora. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 5.

(11) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. biti nameščena na vsaj enem ali več spletnih strežnikih, da je dostopna vsem uporabnikom po celotnem svetu (Website, 2018). Da lahko uporabniki dostopajo do spletne strani mora spletna stran gostovati na spletnem strežniku, obiskovalci pa morajo poznati njeno domensko ime. Domena je del spletnega mesta in predstavlja unikaten naslov preko katerega uporabniki dostopajo do spletne strani (Kaj je domena, 2018). Domensko ime je pred samo postavitvijo spletne strani potrebno kupiti pri ponudniku. Po uspešni registraciji domene je naslednji korak nakup spletnega gostovanja, ter nalaganje spletne strani oziroma datotek na strežnik. Namen spletne strani:     . komuniciranje s strankami, promocija storitev in izdelkov, prodaja izdelkov, komuniciranje s strankami predstavitev podjetja (Namen spletnih strani, 2018). Oblika spletne strani mora biti modernega izgleda in pravilno optimizirana (SEO), s čimer zmanjšamo čas nalaganja strani in povečamo njeno odzivnost. Če spletna stran nudi prodajo izdelka/storitve, je potrebno z ustreznimi certifikati uporabniku zagotoviti, da je za varovanje osebnih podatkov poskrbljeno.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 6.

(12) Univerza v Mariboru – Fakulteta za organizacijske vede. 3.. Diplomsko delo visokošolskega strokovnega študija. PREDSTAVITEV ORODIJ ZA IZDELAVO SPLETNE STRANI. 3.1. WORDPRESS WordPress upravlja več kot 31% spleta, vse od preprostih spletnih mest, spletnih dnevnikov oziroma blogov, zapletenih portalov in poslovnih spletnih mest. (Features, 2018) Je brezplačna CMS platforma primerna za različen spekter uporabnikov. Celoten sistem je v osnovi zgrajen na podlagi programskega jezika PHP in SQL. Poznan je po preprosti uporabi, saj omogoča uporabniku dodajanje in urejanje vsebine brez poznavanja kode preko nadzorne plošče, ki vsebuje enostavno navigiranje med posameznimi orodij. WordPress za obliko spletnega mesta vsebuje predloge, na katerih gradimo stran. Na voljo imamo brezplačne in plačljive predloge, ki jih lahko spreminjamo tudi naknadno, brez da bi ogrozili vsebino spletne strani. (Sabin-Wilson, 2017) Številni spletni razvijalci so zaradi velike popularnost WordPress-a začeli razvijati svoje predloge. Z lastnim razvojem so poleg brezplačnih predlog, ki jih ponuja WordPress dodali še svoje, ki so plačljive in omogočili uporabniku še lažji razvoj strani. Poleg predlog so zmeraj bolj popularni tudi vtičniki, ki se uporabljajo za nadgradnjo funkcionalnosti spletne strani. Za pravilno delovanje mora biti WordPress namešen na spletnem ali virtualnem strežniku, ki pa mora izpolnjevati naslednje sistemske zahteve in sicer, PHP verzije 7.2 ali novejše, MySQL verzije 5.6/MariaDB verzije 10.0 ali novejšte, ter podpirati HTTPS. (Requirements, 2018). 3.2. WPMU DEV Varnost in hitrost sta eden ključnih faktorjev pri izdelavi spletne strani. Uporabili smo optimizacijske vtičnike WPMU DEV, saj nudijo hitrejšo in enostavnejšo optimizacijo, ter zaznajo pomanjklivosti in napake na spletni strani. Smush Pro Največji problem hitrosti spletne strani so prevelike slike na strežniku. Smush Pro skenira celotno knjižnico slik, objavljenih na spletni strani in nam javi, katere slike zmanjšujejo hitrost in odzivost. Vtičnik avtomatično optimizira slike na optimalno točko, kjer se porabi manj časa za nalaganje slike, pri tem pa kvaliteta ostane enaka. Kot je razvidno iz slike 3, je uporaba zelo enostavna, saj vtičnik avtomatično pregleda vsako sliko, ki je bila dodana v knjižnico slik, ter nam javi, če jo je potrebno pred objavo na splet stisnit oziroma optimizirati.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 7.

(13) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. Slika 3: Vtičnik Smush Pro. Hummingbird Pro Pri sami izdelavi spletne strani nastane ogromno kode, ki se kasneje izkaže, da je enostavno ne potrebujemo in nam predstavlja dodatno obremenjenost spletne strani pri samem odpiranju vsebine. Hummingbird Pro skenira vse datoteke, ki so povezane z izvorno kodo in naredi analizo, katerih datotek ne potrebujemo pri sami spletni strani in katere datoteke z izvorno kodo je potrebno stisniti, da zmanjšamo njeno velikost. Poleg stiskanja datotek, skrbi še za vsakodnevno čiščenje predpomnilnika, kjer so zbrane vse slike, skripte in deli spletne strani z namenom, da bi povečali odzivnost spletne strani, vendar, če spreminjamo obliko spletne strani, dodamo vsebino in vtičnike, spremembe ne bodo vidne takoj, zaradi starih zapisov v predpomnilniku. Slika 4 prikazuje nadzorno ploščo, ki levo zgoraj vsebuje oceno hitrosti spletne strani na podlagi opravljenega testa, spodaj pa prikazuje vse napake, ki zmanšujejo hitrost, ter gumb, ki jih avtomatično odpravi.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 8.

(14) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. Slika 4: Vtičnik Hummingbird Pro. Defender Pro Podobno, kot imamo na osebnem računalniku anti-virusni program, ga je potrebno imeti na tudi spletni strani, zaradi zlonamernih kod, ki bi lahko škodovale spletni strani in kraji osebnih podatkov strank. Defender Pro skrbi za varnost celotne spletne strani, v primeru, da je prisotna zlonamerna koda ali neobičajno obnašanje strani, nas takoj obvesti na nadzorni plošči, ter pošlje elektronsko pošto, da je zaznal grožnjo. Podrobnosti o grožnjah, ki jih je zaznal dobimo prikazane v nadzorni plošči, kot je razvidno iz slike 5.. Slika 5: Vtičnik Defender Pro.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 9.

(15) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. 3.3. MEMBERPRESS Za izdelavo dostopa do plačljive vsebine smo uporabili MemberPress vtičnik, ker vsebuje natančen nadzor vsebine na podlagi zakupljenega članstva, ter dodajanja omejitev dostopa do strani, slik, posnetkov... Vtičnik MemberPress omogoča:     . enostavno namestitev in uporabo, širok spekter omejitev in pravil, s katerimi zaščitimo vsebino, enostavno plačilo produkta/storitve preko kreditnih kartic in spletnih procesorjev, ki so namenjeni za plačevanje, podprtost nadgradnje z partnerskim sistemom, omeji dostop.... Ob uspešni namestitvi se po privzetih nastavitvah ustvarijo nove strani, ki ji vtičnik potrebuje za delovanje. V glavnem meniju se pojavi stran »Account«, kjer se stranka z vpisom svojega uporabniškega imena in gesla prijavi v račun s plačljivo vsebino. Če stranka predhodno ni vspiana v sistem, se mora pred trem registrirati. Registracija poteka preko privzete strani »Register«. ki vsebuje obrazec za registracijo. Po uspešni registraciji se odpre novo okno, kjer plačamo izdelek/storitev preko kreditne kartice ali PayPal-a. Iz slike 6 je razvidna nadzorna plošča administratorja, ki prikazuje informacije o transakcijah ter informacije o zaslužku tedenskem zaslužku.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 10.

(16) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. Slika 6: Nadzorna plošča vtičnika MemberPress.. 3.4. AFFILIATEWP Partnerski program je namenjen rasti podjetja, kjer vsak partner dobi svojo unikatno povezavo, ki vodi do nakupa izdelka in jo pošlje potencialni stranki. Če se stranka odloči za nakup, partner dobi provizijo oz nek delež od nakupne cene izdelka/storitve, ki je določena s procenti ali fiksnim zneskom. Za izgradnjo promocijskega sistema smo uporabili AffiliateWP vtičnik, ki je eden najbolj uporabljenih vtičnikov pri sami izgradnji, ter vodenju promocijskega programa. Prednost vtičnika je, da ima na enem mestu vključene vse potrebne funkcije in možnost dodatne razširitve le-teh.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 11.

(17) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. Vtičnik AffiliateWP omogoča:      . Nemoteno delovanje in povezovanje z drugimi vtičnik, ki ponujajo registracijo novih članov z plačljivo vsebino, Poročila, kot so spremljanje registriranih partnerjev, zasluški, obiski na strani in registracija strank, Neomejeno število registracij partnerjev, Urejanje in pregled vsakega partnerja, Avtomatična registracija stranke kot promotorja, Nadzorna plošča, ki prikazuje statistiko, zaslužek in generirano povezavo, ki vodi direktno na nakup izdelka/storitve.. Slika 7 prikazuje nadzorno ploščo, ki je namenjena administratorju spletne strani in prikazuje pregled zasluženih provizij za tekoči mesec in imena najbolj uspešnih partnerjev, ki so vpisali največ strank.. Slika 7: Nadzorna plošča vtičnika AffiliateWP.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 12.

(18) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. 3.5. OSTALI UPORABLJENI VTIČNIKI Yellow Pencil YellowPencil je plačljivi vtičnik, ki nam omogoča urejanje CSS kode s pomočjo grafičnega vmesnika. Uporabimo ga lahko na katerikoli temi in je enostaven za uporabo. Vsebuje vse kar potrebujemo za oblikovanje spletnega mesta. Omogoča urejanje oblike pisave, barve pisave, okvirjev, spreminjanje barve na spletni strani. Uporabniki z znanjem CSS jezika, lahko z urejevalnikom sami urejajo elemente, ki so jih označili na strani. Na sliki 8 je prikazan izgled vtičnika in urejanje pisave na spletni strani. Na začetku s kurzorjem izbremo kateri del spletne strani želimo urediti. Ko smo označili željeno mesto, se nam na desni strani odprejo možnosti urejanja in dodajanja novih oblik za obstoječe mesto.. Slika 8: Vričnik YellowPencil. Ninja Forms Ninja Forms je brezplačni vtičnik za izdelavo kontaktnih obrazcev. Je eden najbolj priljubljenih vtičnikov zaradi preprostosti, možnosti razširitev obsoječih funkcij, ter podpore. Deluje na principu v naprej izdelanih gradnikov, ki jih po potrebi spreminjamo. Izbiramo lahko med obstoječimi obrazci ali izdelamo svojega s prenašanjem gradnikov v prazen obrazec. Na sliki 9 je prikazan postopek izdelave obrazca. Željene gradnike najprej prenesemo v prazeno polje na levi strani. Po končani obliki obrazca je potrebno na zavihku »Emails & Actions« nastaviti, na kateri elektonski naslov nam pošlje vsebino sporočila ter vsebino potrditvenega sporočila, ki ga uporabnik prejme ob uspešno poslanem sporočilu.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 13.

(19) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. Slika 9: Vtičnik Ninja forms.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 14.

(20) Univerza v Mariboru – Fakulteta za organizacijske vede. 4.. Diplomsko delo visokošolskega strokovnega študija. NAČRT SPLETNE STRANI. Arhitektura spletišča je v dokaj preprosti hierarhični obliki. Iz slike 10 je razviden načrt spletnega mesta, ki bo imelo naslovno stran »Home« in še šest podstrani. Na strani »Signals« bo poleg opisa storitve vsebovala tudi povezavo do strani »Register«. Strani »Affiliate Area« in »Account« bosta vsebovali prijavni obrazec za dostop do nadzorne plošče. Na naslovni strani bo glava spletne strani vsebovala sliko in meni s povezavami do določene podstrani. Noga naslovne strani bo vsebovala 3 rubrike in sicer povezave do socialnih omrežij, povezavo do nadzorne plošče partnerskega programa, ter povezave do določene podstrani.. Slika 10: Načrt spletne strani narisan v programu Visio. Žični diagram Pred vsako izdelavo je priporočljivo, da naredimo vizualni načrt spletne strani iz katerega kasneje izhajamo. Na sliki 11 je prikazan žični diagram naslovne strani, ki smo ga narisali s pomočjo MicroSoft Viso programa. Zgornji del spletne strani bo vseboval glavni navigacijski meni z logotipom. Pod sliko glave bodo na krajše opisane storitve in besedilo, ki bo opisoval zakaj izbrati nas. V nogi je razvidna postavitev vsebine, ki zajema kontakt, partnerski program in strani iz glavnega menija.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 15.

(21) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. Slika 11: Žični diagram spletne strani.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 16.

(22) Univerza v Mariboru – Fakulteta za organizacijske vede. 5.. Diplomsko delo visokošolskega strokovnega študija. IZDELAVA SPLETNE STRANI. 5.1. NAKUP DOMENE IN GOSTOVANJA Na spletu najdemo ogromno ponudnikov, ki ponujajo gostovanje spletnih strani po različnih cenah. Pred nakupom je potrebno podrobno pogledati specifikacije strežnika, kot so velikost SSD diska, RAM-a, procesosorja, ter hitrost povezave. S poznavanjem le-teh se lahko odločimo za najboljšo izbiro strežnika, ki bo prenesel vse sisteme, ki jih bomo vključili na strani, ter omogočal nemoteno delovanje strani tudi ko bo obremenjena. Nakup gostovanja smo izbrali pri podjetju GoDaddy, zaradi odlične podpore in pomoči strankam, in dobre specifikacije strežnika v razmerju s ceno gostovanja. Pred nakupom domene je zelo pomembno, da preverimo razpoložljivost imena domene na spletni strani ponudnika. Če je na voljo, nam stran že sama ponudi končnice domene in ugodnosti pri nakupu več končnic. Ko smo izbrali svojo domeno in se uspešno registrirali na spletni strani, izberemo na podlagi zahtev in obsežnosti spletne strani še gostovanje, saj se razlikujejo po ceni in moči strojne opreme. Poleg nakupa domene in gostovanja smo dobili še posebno ponudbo: če želimo imeti na to domeno še elektronski naslov in že predhodno nameščen Wordpress. Odločili smo se samo za predhodno nameščen WordPress, zaradi hitrejšega začetka izdelave spletne strani. Iz slike 12 je razvidna nadzorna plošča spletnega ponudnika GoDaddy, ki prikazuje zakupljena produkta, v našem primeru domeno in spletno gostovanje.. Slika 12: Nadzorna plošča spletnega ponudnika GoDaddy.. 5.2. IZBIRA PREDLOGE SPLETNE STRANI Ena izmed ključnih stvari pri izdelavi spletne strani je izbira predloge, ki predstavlja vizualni izgled strani. Dobro izbrana in izdelana predloga lahko obiskovalcem spletne strani nudi občutek profesionalnosti. WordPress že v osnovi. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 17.

(23) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. ponuja odlično bazo brezplačnih in plačljivih predlog prav tako ponuja nakup dodatnih funkcij, ki vsebujejo napredno oblikovanje le-teh. Za spletno stran smo si izbrali predlogo Stout, ki je prikazana na sliki 13. Je brezplačna, ter ponuja osnovno spreminjanje oblike v nadzorni plošči, kot naprimer dodajanja besedila na prvi strani, spreminjanje glave, menija, pisave in barve ozadja, kot je razvidno iz slike 14. Za bolj napredno spremembo oblike je potrebno poseči v izvorno CSS kodo spletne strani.. Slika 13: Izbira teme v nadzorni plošči WordPress-a. Slika 14: Osnovno urejanje oblike teme.. 5.3. DODAJANJE VTIČNIKA MEMBERPRESS Pred samim dodajanjem vtičnika, je potrebno na uradni spletni strani ponudnika izbranega vtičnika kupiti licenco. Licenca nam omogoči dostop do vseh funkcij, ki jih vtičnik ponuja. Zakup licence prav tako ponuja dobro tehnično pomoč Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 18.

(24) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. ponudnika, ter podporo strankam, v primeru, da vtičnik ne deluje pravilno ali, če imamo težave pri sami uporabi. Samo dodajanje vtičnika je zelo preprosto, saj ko plačamo licenco, dobimo dostop do prenosa vtičnika na spletni strani. V nadzorni plošči WordPress-a, pod rubriko vtičniki (ang. Plugins), kliknemo na »Add new« oziroma dodaj nov vtičnik, kjer naložimo preneseno datoteko. Ko je datoteka uspešno naložena na strežnik oziroma bazo vtičnikov, moramo vtičnik še aktivirati s kodo, ki smo prejeli ob nakupu licence. Po uspešni aktivaciji se nam na levi strani v meniju in na domači strani nadzorne plošče pojavi nova rubrika MemberPress, ki je razvidna iz slike 15.. Slika 15: Pregled vtičnika MemberPress. Izmed vseh podrubrik nas najbolj zanima podrubrika »Options«, ki ponuja urejanje osnovnih nastavitev. Le ta je sestavljena iz devetih zavihkov, kakor je razvino na sliki 16. Prvi zavihek ''Pages'' je namenjen urejanju osnovnih informacij o prikazovanju plačljive vsebine. Tam se nam pravtako prikažejo nastavitve za urejanje novih strani, ki jih je vtičnik avtomatično generiral za delovanje samega sistema.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 19.

(25) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. Slika 16: Osnovne nastavitve za zaščito vsebine. Na zavihku ''Account'' strankam nastavimo dovoljenja za ogled plačljive vsebine. Sam vtičnik ustvari novo stran ''Account'' na glavnem navigacijskem meniju, kjer se stranke s svojim uporabniškem imenom in geslom prijavijo v svoj račun. Sama vsebina strani ''Account'' je prazna in jo lahko napišemo vizualno ali s HTML kodo. Iz Slike 17 je razvidno kako lahko napišemo in urejamo poljubno vsebino. V našem primeru, smo vsebino napisali s HTML kodo.. Slika 17: Dodajanje poljublje vsebine na strani ''Account''. Ena bolj pomebnih nastavitev so obvezna polja, ki jih najdemo pod zavihkom »Fields«, ki jih morajo stranke vnesti pri registraciji. Kot je razvidno iz slike 18, smo izbrali vsa osnovna polja, ki jih ponuja vtičnik in so obvezna pri sami registraciji. Stranka mora vnesti ime, priimek, naslov prebivališča, pošto, uporabniško ime in geslo. Če polja niso primerno izpoljnjena ali ostanejo prazna, sistem opozori na napako.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 20.

(26) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. Slika 18: Dodajanje obveznih polj pri registraciji novega uporabnika. Sama plačila storitve potekajo preko spletnega plačilnega procesorja ''Paypal'', zato je potrebno na zavihku ''Payments'' vnesti podatke računa, ter linke za avtomatično mesečno plačevanje, kot je razvidno iz slike 19.. Slika 19: Dodajanje in urejanje plačil. Pod zavihkom »Emails« se ureja obvešanje o novih strankah, ter njihovih transakcijah preko elektronske pošte. Slika 20 prikazuje možnosti obveščanja, ki jih vsebuje vtičnik. Ugotavljamo, da je izbranih preveč možnosti, saj dobimo veliko sporočil za eno samo stranko, ki drastično zmanjša preglednost v poštnem nabiralniku. Izbrali smo, da administrator spletne strani dobi obvestilo o novi straniki, napaki transakcije, ter preklicu transakcije, stranki pa pustili prevzete nastavitve obveščanja.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 21.

(27) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. Slika 20: Obveščanje preko elektronske pošte. Po uspešno nastavljenih parametrih v nastavitvah, je potrebno dodati članstvo, ki se nahaja v meniju na levi strani pod rubriko »Membership«. Kot je razvidno iz slike 21 je potrebno v zgornje polje vnesti ime članstva, v našem primeru je to Elite Trading Signals. V nadaljevanju je potrebno v stranskem meniju na desni strani napisati ceno, nastaviti vrsto plačila, ki je lahko enkratno ali ponavljajoče, dokler ga stranka ne prekine in nastaviti interval plačila, ki je lahko tedenski, mesečni ali letni.. Slika 21: Dodajanje novega članstva.. 5.4. DODAJANJE VTIČNIKA AFFILIATEWP Postopek dodajanja vtičnika »AffiliateWP« je enak kot pri članskem vtičniku MemberPress. Pred samim dodajanjem vtičnika na spletno stran, je potrebno kupiti letno licenco, ki vključuje poleg rednih posodobitev sistema tudi dodatke za razširitev obstoječih funkcij.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 22.

(28) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. Po uspešno končani namestitvi je potrebno za pravilno delovanje nastaviti osnovne nastavitve vtičnika, ki jih prikazuje slika 22. Za omogočanje vseh funkcij na zavihku »General« vnesemo licenčno kodo, ki smo jo prijeli ob nakupu. Pri namestitvi se je avtomatično ustvarila spletna stran »Affiliate Area«, ki predstavlja nadzorno ploščo partnerskega programa.. Slika 22: Osnovne nastavitve vtičnika AffiliateWP. V nadaljevanju, še vedno na zavihku »General«, določimo način prikaza promocijske povezave, ki jo vidijo partnerji v svoji nadzorni plošči, ter izberemo tip provizije, ki je lahko odstotna ali denarna. Iz slike 23 je razvidno, da smo tip provizije izbrali v odstotkih, prikaz povezave pa z identifikacijsko številko, ki predstavlja številko s katero je bil partner registriran v sistem.. Slika 23: Nastavitev provizije in prikaz partnerske povezave.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 23.

(29) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. Za pravilno delovanje sistema je potrebno za vsak vtičnik preveriti, če omogoča razširitev dodatnih funkcij. Spodnja slika 24 prikazuje na zavihku »Integrations« imena podprtih članskih vtičnikov. V našem primeru smo izbrali povezavo s članskim vtičnikom MemberPress.. Slika 24: Povezovanje vtičnika AffiliateWP z MemberPress. Naslednja nastavitev je pošiljanje obvestil preko elektronske pošte. Na zavihku »Emails« vnesemo elektronski naslov na katerega bodo prejeta obvestila, ter izberemo vrsto obvestil, ki bodo poslana administratorju in partnerju. Iz slike 25 je razvidno, da smo omogočili prikaz logotipa pri vsakem sporočilu, vnesli ime pošiljatelja, ter njegov elektronski naslov. Vrsto poslanih pa pustili v prevzetih nastavitvah.. Slika 25: Obveščanje preko elektronske pošte. Za konec smo spremenili nastavitve še na zavihku ''Mics''. Iz slike 26 je razvidno, da smo omogočili registracijo vsake stranke kot partnerja, ter dodali pogoj o ročni Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 24.

(30) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. odobritvi partnerskega računa. Stranke, ki želijo postati partnerji morajo pisno preko elektronske pošte poslati zahtevo o aktivaciji. S tem omogočimo boljši nadzor, ter preglednost nad aktivnimi partnerji.. Slika 26: Dodatne nastavitve vtičnika.. 5.5. SPREMINJANJE OBLIKE S CSS Pri samem spreminjanju CSS kode smo si pomagali z vtičnikom ''YellowPencil'', saj je enostaven za uporabo, ter omogoča preko vizualnega vmesnika spreminjanje pisave, barvo pisave, spreminjanje dodatnih nastavitev okvirjev, senčenje... Na vsaki strani pod sliko glave smo uporabili senčenje, ki zapolni prazen prostor med vsebino in glavo strani. Na vsaki strani smo spremenili, ter uredili velikost obstoječe pisave, ki jo je vsebovala predloga. Izjema, kjer smo s CSS kodo spreminjali obliko, je tabela na partnerski strani, ter sekundarni navigacijski meni na strani, kjer dostopajo stranke do plačljive vsebine. Slika 27 prikazuje na levi strani CSS kodo, ki smo jo ročno napisali, desno pa končni vizualni izgled vnesene kode.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 25.

(31) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. Slika 27: Urejanje oblike s CSS kodo.. 5.6. ZAPRTJE AKTIVNE SEJE Velik problem pri WordPress-u predstavlja stalno aktivna seja uporabnika, ki se ne zaključi avtomatično. Administrator spletne strani mora ročno za vsakega uporabnika prekiniti sejo, saj se v nasprotnem primeru uporabniku izpiše opozorilo, da to uporabniško ime ne obstaja. Za rešitev tega problema smo uporabili vtičnik »Inactive Logout«, ki je brezplačen. Omogoča nam, da določimo čas avtomatičnega izpisa neaktivnega uporabnika iz spletne strani. Iz slike 28 je razvidno, da smo na zavihku »Basic Management« dodali čas izpisa uporabinka iz spletne strani. Omogočili smo tudi prikaz obvestila, kjer obveščamo vsakega uporabnika, da bo avtomatično izpisan iz spletne strani.. Slika 28: Nastavitev InactiveLogout vtičnika.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 26.

(32) Univerza v Mariboru – Fakulteta za organizacijske vede. 6.. Diplomsko delo visokošolskega strokovnega študija. OPIS SPLETNE STRANI. 6.1. PRVA STRAN - HOME Na prvi strani obiskovalce pričaka velika slika v glavi strani, razvidna iz slike 29, ki vsebuje slogan in gumb »Get Started«, ki nas preusmeri do strani »Signals«.Pod glavo se nahajajo trije večji okvirji z različnimi logotipi razvidni iz slike 30, ki predstavljajo različne vrste storitev. Vsak okvir prav tako zajema kratek opis storitev, ter gumb s povezavo.. Slika 29: Glava domače strani.. Slika 30: Opis storitev na domači strani. Spodnji del strani vsebuje, na levi strani, opis zakaj izbrati nas, na desni pa motivacijsko sliko. Iz slike 31 je razvidno, da je vsebina napisana v okvirju, ki je. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 27.

(33) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. rahlo odebeljen in pri robovih ovalno oblikovan, vsebina pa enakomerno odmaknjena od samih robov.. Slika 31: Spodnji del domače strani. Na sliki 32 je prikazana noga strani. Na levi strani strani so zapisani: kontaktni poštni naslov, naslov spletne strani, ter povezave do socialnih omrežij, ki so prikazane z logotipi. Na sredini noge je prikazana povezava do partnerskega programa, na desni pa vse strani glavnega menija.. Slika 32: Noga spletne strani.. 6.2. O NAS – ABOUT US Rubrika »About Us« je predstavljena na sliki 33. Namenjena je kratkemu opisu trgovalca in njegovih izkušenj. Vsebina, napisana v okvirju, ima enake lastnosti kot prva stran in sicer robovi so ovalno oblikovani in odebeljeni, vsebina pa enakomerno odmaknjena od samih robov.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 28.

(34) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. Slika 33: Vsebina strani »About us«.. 6.3. SIGNALI - SIGNALS Stran »Signals« prikazana na sliki 34 je ena pomembnejših. Opisuje dejansko storitev, ki se trži. Na levi strani se nahaja okvir z opisom, na desni pa tabela, ki prikazuje ceno storitve, gumb »Sign Up« za prijavo in krajši opis.. Slika 34: Vsebina strani »Signals«.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 29.

(35) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. Ob kliku gumba »Sign Up« se nam v spletnem brskalniku odpre nov zavihek, kjer se registriramo in plačamo storitev. Polja pri registraciji so obvezna in jih je potrebno izpolniti v celoti. Če polja nismo pravilno izpolnili ali smo jih pustili prazna, sistem javi napako in onemogoči zaključitev registracije. Ta je lahko opravljena, ko ni več zaznanih napak. Po končanem vnosu podtakov v zahtevana polja, se ob kliku spodnjega gumba odpre plačilni procesor »PayPal«, kjer kupimo storitev. Spodnji sliki 35 in 36 prikazujeta registracijsko stran ter prikaz napake, če polja niso pravilno izpolnjena.. Slika 35: Registracija novega uporabnika prvi del.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 30.

(36) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. Slika 36: Registracija novega uporabnika drugi del.. 6.4. PRIJAVNA STRAN ZA STRANKE - ACCOUNT Stranke, ki so uspešno opravile registracijo in plačale storitev, imajo dostop do plačljive vsebine na strani »Account«, kjer se prijavijo s svojim uporabniškim imenom in geslom. V primeru, da je bila registracija narejena brez plačila storitve, se uporabniku izpiše sporočilo, razvidno iz slike 37, ki prikazuje onemogočen dostop do plačljive vsebine.. Slika 37: Onemogočen dostop do plačljive vsebine. S slike 38 je razvidna plačljiva vsebina, ki vsebuje na zavihku »Home« pozdravno sporočilo. Zavihka »Subscription« in »Payment« vsebujeta informacije o plačilu storitve in možnost preklica avtomatičnega mesečnega plačevanja. V nadaljevanju so opisana navodila po korakih, ki smo jih napisali s HTML kodo. Pod prvo točko sta objavljeni dve povezavi, ki vodita do aplikacije »Telegram«. Tam so objavljeni dnevni in tedenski signali. Druga točka vsebuje povezavo »Watch Videos«. Ta vodi na novo stran, ki vsebuje video posnetke namenjene začetnikom. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 31.

(37) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. Slika 38: Plačljiva vsebina strani »Account«.. 6.5. PROMOCIJSKI PROGRAM – AFFILIATE AREA Promocijski program je namenjen zadovoljnim strankam, ki imajo plačano storitev. Je oglaševalna storitev, ki partnerju ob prodaji storitve izplača provizijo oziroma del nakupne cene. Podroben opis partnerskega progama je opisan na strani »Affiliate« , ki je razviden iz slike 39. Na levi strani imamo opis promocijskega programa, pod njim pa gumb, ki vodi na prijavno stran. Na desni strani se nahaja motivacijska slika.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 32.

(38) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. Slika 39: Opis partnerskega programa. Vsaka stranka, ki želi postati partner, mora preko elektronske pošte poslati zahtevo o odobritvi računa. Po uspešni aktivaciji računa se mora stranka vpisati na strani »Affiliate Area« s svojim uporabniškim imenom in geslom, ki ga je navedla že pri registraciji za nakup storitve, kar je razvidno iz slike 40.. Slika 40: Prijava v partnerski račun.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 33.

(39) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. Po uspešni prijavi se nam odpre okno s šestimi zavihki, razvidno na sliki 41. Zavihek »Affiliate URL« vsebuje indentifikacijsko številko partnerskega računa in avtomatično generirano povezavo na podlagi identifikacijske številke, za vsakega partnerja posebaj. Povezava je glavna sestavina partnerskega programa, saj omogoča vodenje evidence vpisanih strank preko nje.. Slika 41: Nadzorna plošča partnerskega programa. Vsak partner lahko spremlja statistiko promoviranja. Ta je prikazana pod zavihkom »Statistic«. Slika 42 prikazuje tabelo, kjer je prikazano kolikšno število direktnih vpisov je že izplačanih in ne izplačanih, ter kolikšno število ljudi je kliknilo na povezavo. Prav tako je v nadaljevanju iz spodnje tabele razvidna vsota izplačanega in neizplačanega zaslužka, ter provizija v procentih, ki jo partner zasluži ob prodani storitvi.. Slika 42: Prikaz statistike partnerskega programa. Na zavihku »Referals« so prikazane informacije strank, ki so bile vpisane preko partnerske povezave. Iz slike 43 je razvidno, da tabela iz leve proti desni strani prikazajue referenčno številko transakcije posamezne stranke, zasluženo provizijo, opis prodane storitve, status o izplačani ali neizplačani proviziji, datum vpisa in uporabniško ime stranke oz elektronski poštni naslov, ki so ga uporabili pri registraciji. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 34.

(40) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. Slika 43: Informacije o vpisanih strankah. Slika 44 prikazuje vsebino naslednjega zavihka in sicer »Payouts«, ki vsebuje zgodovino plačil za posameznega partnerja.. Slika 44: Zgodovina prejetih plačil.. 6.6. KONTAKT – CONTACT US Obiskovalci imajo možnost kontakta preko obrazca na spletni strani, kjer vnesejo svoje ime, elektronski naslov in sporočilo. Obrazec pošlje vpisane podatke uporabnika na naš primarni elektroski naslov, ki smo ga navedli pri izdelavi spletne strani. Izgled obrazca je prikazan na sliki 45.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 35.

(41) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. Slika 45: Prikaz kontaktnega obrazca.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 36.

(42) Univerza v Mariboru – Fakulteta za organizacijske vede. 7.. Diplomsko delo visokošolskega strokovnega študija. ZAKLJUČKI. 7.1. OCENA UČINKOV Rezultat praktičnega dela diplomske naloge je delujoča spletna stran, ki smo jo izdelali z uporabo odprtokodnega sistema WordPress. Izdelana spletna stran je v angleškem jeziku, enostavna za urejanje, njeno vzdrževanje pa ni drago. Z moderno spletno stranjo smo pripomogli k povečani prepoznavnosti in trženju storitve, dosegli razbremenitev procesa vnašanja strank v tabelo, ter zagotovili boljši pregled partnerjev, kot tudi izplačevanje le-teh.. 7.2. POGOJI ZA UVEDBO Pri izdelavi spletne strani smo potrebovali povezavo do svetovnega spleta in osebni računalnik. Zaradi osebnega projekta, je bila izdelava spletne strani brezplačena. Stroški, ki so nastali pri izdelavi spletne strani:  Registracija domene, ter spletno gostovanje za obdobje 1 leta po promocijski ceni: 49,99€  Licence vtičnikov za obdobje 1 leta: 349,99€  SSL certifikat, ki varuje povezavo med spletno stranjo in obiskovalci za obdobje 1 leta: 59,99€. 7.3. MOŽNOST NADALJNEGA RAZVOJA Zaradi nenehnega spreminjanja svetovnega spleta in interneta, nikoli ne moremo reči, da je spletišče zaključena zgodba, saj ga bo potrebno v prihodnje dopolnjevati z novostmi. Nadaljni razvoj spletne strani ne bo zahteven, zaradi prilagodljivosti in preproste uporabe sistema za urejanje spletnih vsebin WordPress. V prihodnosti bi bilo dobro dodati MLM sistem oz prejemanje provizije od strank na več nivojih, s katero bi privlačili večje število mrežnikov in posledično povečali prodajo storitve. Ker spletna stran v osnovi ponuja prodajo ene storitve, bi bilo smiselno v nadaljevanju dodati še gradiva za izobraževanje, kot so knjige, posnetki in seminarji v živo, ki bi jih tržili kot druga storitev in bi bili objavljeni na novi poddomeni.. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 37.

(43) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. LITERATURA IN VIRI. CMS. (2018). Wikipedia org. Pridobljeno 21. https://en.wikipedia.org/wiki/Content_management_system. 8.. 2018. na. CSS. (2017). Wikipedia https://sl.wikipedia.org/wiki/CSS. 8.. 2018. na. org.. Pridobljeno. Features. (2018). Wordpress org. https://wordpress.org/about/features/. HTML. (2017). Wikipedija https://sl.wikipedia.org/wiki/HTML. org.. 21.. Pridobljeno. Pridobljeno. 22.. 21.. 8.. 8.. 2018. na. 2018. na. Internet. (2018). New World Encyclopedia com. Pridobljeno 12. 8. 2018 na http://www.newworldencyclopedia.org/entry/Internet Kaj je domena. (2018). NEOSERV si. Pridobljeno https://www.neoserv.si/podpora/kaj-je-domena. 25.. 8.. 2018. na. Klemen, S. In Štrancar, M. (2005). PHP in MySQL na spletnem strežniku Apache. Ljubljana: Pasadena Namen spletnih strani. (2018). Spletne vsebine si. Pridobljeno 28. 8. 2018 na http://www.spletne-vsebine.si/namen-spletnih-strani Requirements. (2018). Wordpress org. https://wordpress.org/about/requirements/. Pridobljeno. 22.. 8.. 2018. na. Sabin-Wilson, L. (2017). WordPress For Dummies, 8th Edition. Hoboken: John Wiley & Sons, Inc. Šalamun, Z. (2014). Joomla! Za vsakogar. Trnovska vas: Pika Šuler, A. (2012). Spoznajmo Internet. Šempeter pri Gorici: Flamingo založba d. o. o. Website. (2018). Ntchosting com. Pridobljeno 20. https://www.ntchosting.com/encyclopedia/internet/website/ Nejc Jerala: Izdelava spletne strani za Elite Trading Group. 8.. 2018. na. stran 38.

(44) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. KAZALO SLIK Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika Slika. 1: Primer HTML kode. ...................................................................................... 4 2: Primer CSS kode. ......................................................................................... 5 3: Vtičnik Smush Pro........................................................................................ 8 4: Vtičnik Hummingbird Pro. ........................................................................... 9 5: Vtičnik Defender Pro. .................................................................................. 9 6: Nadzorna plošča vtičnika MemberPress. .................................................... 11 7: Nadzorna plošča vtičnika AffiliateWP........................................................ 12 8: Vričnik YellowPencil. ................................................................................. 13 9: Vtičnik Ninja forms. .................................................................................. 14 10: Načrt spletne strani narisan v programu Visio. ........................................ 15 11: Žični diagram spletne strani. ................................................................... 16 12: Nadzorna plošča spletnega ponudnika GoDaddy. ..................................... 17 13: Izbira teme v nadzorni plošči WordPress-a .............................................. 18 14: Osnovno urejanje oblike teme. ............................................................... 18 15: Pregled vtičnika MemberPress. ................................................................ 19 16: Osnovne nastavitve za zaščito vsebine. ................................................... 20 17: Dodajanje poljublje vsebine na strani ''Account''. ................................... 20 18: Dodajanje obveznih polj pri registraciji novega uporabnika. .................. 21 19: Dodajanje in urejanje plačil. .................................................................. 21 20: Obveščanje preko elektronske pošte. ...................................................... 22 21: Dodajanje novega članstva...................................................................... 22 22: Osnovne nastavitve vtičnika AffiliateWP. ................................................ 23 23: Nastavitev provizije in prikaz partnerske povezave. ............................... 23 24: Povezovanje vtičnika AffiliateWP z MemberPress. .................................. 24 25: Obveščanje preko elektronske pošte. ...................................................... 24 26: Dodatne nastavitve vtičnika. ................................................................... 25 27: Urejanje oblike s CSS kodo. ..................................................................... 26 28: Nastavitev InactiveLogout vtičnika. ......................................................... 26 29: Glava domače strani. ............................................................................... 27 30: Opis storitev na domači strani................................................................. 27 31: Spodnji del domače strani. ...................................................................... 28 32: Noga spletne strani. ................................................................................ 28 33: Vsebina strani »About us«. ...................................................................... 29 34: Vsebina strani »Signals«. ......................................................................... 29 35: Registracija novega uporabnika prvi del. ................................................ 30 36: Registracija novega uporabnika drugi del. .............................................. 31 37: Onemogočen dostop do plačljive vsebine. .............................................. 31 38: Plačljiva vsebina strani »Account«. ......................................................... 32 39: Opis partnerskega programa. .................................................................. 33 40: Prijava v partnerski račun. ...................................................................... 33 41: Nadzorna plošča partnerskega programa. ............................................... 34 42: Prikaz statistike partnerskega programa. ................................................ 34 43: Informacije o vpisanih strankah. ............................................................. 35 44: Zgodovina prejetih plačil. ....................................................................... 35 45: Prikaz kontaktnega obrazca. ................................................................... 36. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 39.

(45) Univerza v Mariboru – Fakulteta za organizacijske vede. Diplomsko delo visokošolskega strokovnega študija. KRATICE IN AKRONIMI CMS: CSS: HTML: HTTPS: IP: MySql: PHP: P2P: RAM: SEO: SSD: SSL: TCP: WWW:. Content Management System; sistem za upravljanje vsebine Cascading Style Sheet; Slogovni jezik za oblikovanje spletnih strani Hyper Text Markup Language; jezik za označevanje nadbesedila HyperText Transfer Protocol Secure; protokol za varno komunikacijo Internet Protocol; internetni protokol SQL Database Management System; sistem za upravljanje podatkovnih baz Hypertext Preprocessor; Orodja za osebno spletno stran Peer To Peer; vrsta povezave »vsak z vsakim« Random Access Memory; vrsta elektronskega pomnilika Search Engine Optimization; optimizacija spletne strani Solid-state drive; naprava za shranjevanje informacij brez gibljivih delov Secure Socket Layer; kriptografski protokol za varno komunikacijo Transmission Control Protocol; protokol za nadzor povezave World Wide Web; spletovni splet. Nejc Jerala: Izdelava spletne strani za Elite Trading Group. stran 40.

(46)

No results found