-

Transkripcija

1 Organizacijska informatika DINAMIČNE SPLETNE STRANI ZA NOGOMETNI KLUB Mentor: doc. dr. Borut Werber Kandidat: Mladen Vukadinović Kranj, maj 2015

2 ZAHVALA Zahvaljujem se mentorju dr. Borutu Werberju za usmerjanje in pomoč ter dr. Alenki Brezavšček za spodbudo. Hvala Zvonku Pešiću za pomoč pri kodi za vnos vsebine in oblikovalcu Janu Javorniku za grafične vsebine. Zahvaljujem se tudi lektorici Maji Antosiewicz Škraba, univ. dipl. slov., ki je lektorirala moje diplomsko delo. Posebna zahvala gre mojim staršem za vso potrpežljivost in podporo, sestri Marinki Vukadinović in Mihcu Bojcu za zaupanje vame ter predvsem moji ženi Sonji, ki mi je bila v veliko oporo in pomoč ter inspiracija za dokončanje diplomskega dela.

3 POVZETEK V diplomskem delu je predstavljen potek izgradnje dinamične spletne strani za lokalni nogometni klub NK Postojna z uporabo obstoječih odprtokodnih orodij za izdelavo spletnih strani in lastnih rešitev. Cilj diplomskega dela je bil vzpostavitev novih, stroškovno učinkovitih komunikacijskih poti do zainteresirane javnosti. Ker je NK Postojna manjši lokalni klub, je pri izgradnji spletne strani pomembna stroškovna učinkovitost, kar je bil tudi glavni vzrok, da smo se odločili za lastno izdelavo spletne strani. Uporabili smo brezplačne odprtokodne rešitve, ki smo jih poiskali na spletu in po testiranju ustreznosti vključili v končni izdelek. Tako smo uporabili spletni strežnik Apache, bazo podatkov MySQL in skriptni jezik PHP, ki so po raziskavi najbolj razširjeni in za katere obstaja največ rešitev, ki jih lahko uporabimo. Za sistem za upravljanje z vsebinami smo izbrali rešitev Joomla! in jo dopolnili s potrebnimi funkcionalnostmi. Za bolj enostavno upravljanje smo razvili dodatek, ki nam omogoča enostaven vnos statistične vsebine. Na spletni strani lahko sedaj obiskovalci dostopajo do aktualnih ali arhivskih novic o klubu, do podatkov o treningih in sodelujejo prek povezav tudi na ostalih družabnih omrežjih. Odziv uporabnikov je pozitiven in obisk se povečuje. V prihodnje je treba posloveniti ostale komponente, dodati forum in predvsem pritegniti dodatne avtorje vsebin. Kot potencialni izziv se pojavlja tudi možnost vzpostavitve spletne trgovine. KLJUČNE BESEDE: spletne strani, spletne tehnologije, odprtokodna orodja, sistem za upravljanje z vsebinami (CMS), Joomla!.

4 ABSTRACT The thesis presents the setting up of a dynamic website for a local football club NK Postojna by using existing open source tools for setting up websites with additional own development. The aim of the thesis is to set up new, cost efficient communication paths for the interested audience. As NK Postojna is a small local club, cost effectiveness plays a very important role when setting up a website and that is also the reason why we have decided to set it up ourselves. We have used cost free open source tools that we have found on the internet and after the testing its appropriateness we have incorporated it in the final product. For that purpose we have used the web server Apache, the data base MySQL and the scripting language PHP, which are, according to research, the most widespread and for which there are many possible solutions that could be used. For the content management system we have used Joomla! and upgraded it with the necessary functionalities. For easier management we have developed a tool that enables us easier entering of statistical data. On the website the users now have access to the news and news archives of the club, the info about practices and they can also via links, participate in other social networks. Users' feedback is positive and the volume of site traffic is increasing. In the future we would need to translate the remaining components into Slovene, add a forum and attract additional site contributors. Potentially we could also develop the setting up of an online shop. KEYWORDS: web pages web technologies open source tools content management system (CMS) Joomla!

5 KAZALO 1. Uvod Predstavitev naloge Predstavitev okolja Predpostavke in omejitve Metode dela Teoretične osnove Spletni strežnik Apache Podatkovna baza MySQL Programski jezik PHP PHPMyAdmin CMS Joomla! Metoda življenjskega cikla (SDLC) Načrtovanje spletne strani Posnetek stanja Kritična analiza Popis potreb Načrt programske rešitve Izdelava spletne strani Načrt rešitve in izbira orodij Sistem za upravljanje vsebin Testno okolje Videz in vsebina Tekmovalna aplikacija JoomLeague JoomSport Aplikacija za zajem in vnos podatkov tekem lige MNZ Facebook modul Izboljšave celostne podobe Objava in optimizacija spletne strani Zaključki Ocena učinkov Pogoji za uvedbo Možnosti nadaljnjega razvoja Literatura in viri Priloga Kazalo slik Kazalo table Kratice in akronimi... 74

6 1. UVOD 1.1. PREDSTAVITEV NALOGE Nogometni klub Postojna (v nadaljevanju NK Postojna) obstaja po nekaterih podatkih že od leta 1910, kot navaja Edvard Progar st. (Šport na Postojnskem (iz knjige Edvarda Progarja st.), ) v nastajajoči knjigi»vse o športu na Postojnskem«. Prvo uradno tekmo naj bi NK Postojna odigral leta Klub je do sedaj komuniciral z okoljem predvsem s plakati in ustnim obveščanjem o dogodkih v klubu ter zunaj njega. Sčasoma se je v vodstvu kluba izpostavila potreba po lažjem in bolj ažurnem komuniciranju tako s člani kluba kot tudi z javnostjo, med ljubitelji kluba pa so se pojavile želje po medsebojnem komuniciranju. Sprejeta je bila odločitev o postavitvi spletne strani kluba, ki bo postala osrednja informacijska točka za člane kluba, navijače in širšo javnost. Cilj diplomskega dela je predstaviti potek razvoja spletne strani NK Postojna, praktično uporabo izbranih spletnih orodij in lastnih rešitev PREDSTAVITEV OKOLJA NK Postojna je združenje, ki ima več kot dvesto aktivnih igralcev vseh kategorij. Člani nastopajo v enotni primorski nogometni ligi (v nadaljevanju EPNL) (MNZ Koper, ). Selekcije se po starostnih kategorijah delijo na: člane: igralci nad 19 let, U-19: igralci do 19 let, U-17: igralci do 17 let, U-15: igralci do 15 let, U-13: igralci do 13 let, U-11: igralci do 11 let, U-9: igralci do 9 let. Obstaja tudi veteranska selekcija, ki igra v rekreativni ligi. Klub je organiziran tako, da ima predsednika, ki predstavlja klub v pravnem prometu, in tajnika, ki skrbi za administrativne posle. Vsaka od selekcij ima tudi svojega trenerja, ki skrbi za razvoj nogometašev in je odgovoren za rezultatsko uspešnost (statut NK Postojna 2014). Že samo enostavna komunikacija o spremembi ure treninga na določen dan je lahko časovno zahtevna, v primeru uporabe telefona pa je za tako majhen klub stroškovno predraga. Z uporabo spletnega obveščanja se lahko izognemo stroškom mobilne telefonije za potrebe obveščanja selekcij. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 1

7 1.3. PREDPOSTAVKE IN OMEJITVE Prva in takojšnja omejitev, ki se je pojavila pri izdelavi spletne strani kluba, je bila opredelitev stroškovne učinkovitosti. Klub je amaterski in se financira iz članarin, občinskih sredstev za šport in nekaj sponzorskih sredstev, ki so večinoma namenjene za plačilo uporabe infrastrukture, tekmovalnim stroškom, nakupu športne opreme in plačilu strokovnega štaba. Postavljena je bila zahteva, da naj bodo stroški izdelave in vzdrževanja spletne strani kar najnižji. Odločili smo se, da spletno stran razvijemo z internim znanjem in odprtokodnimi orodji. Dodatna omejitev je izbira konkretne tehnologije, saj naše znanje obsega programiranje v okolju WAMP 1 /LAMP 2. Prav tako se je izbor sistema CMS zožil na ogrodje Joomla!, ki smo ga že prej uporabljali za izdelavo spletnih strani METODE DELA Pri izdelavi je uporabljena metoda preprostega analitičnega modela življenjskega cikla razvoja programske opreme. Po raziskavi funkcionalnih zahtev in obstoječega stanja smo ustvarili spletno stran, izvedli testiranje in jo predali v končno uporabo. 1 WAMP Windows Apache MySQL PHP. 2 LAMP Linux Apache MySQL PHP. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 2

8 2. TEORETIČNE OSNOVE Dinamična spletna stran potrebuje ustrezno infrastrukturo, da lahko služi svojemu namenu. Njene nujne komponente so, da: spletni strežnik sprejema in obdeluje zahteve klientov (brskalnikov), podatkovna baza hrani strukturirane podatke o vsebini spletne strani, programski jezik aplikacijsko povezuje spletni strežnik in podatkovno bazo. Spletna odprtokodna skupnost je zelo živahna, zato so vse potrebne komponente na svetovnem spletu brezplačne. Izbrali smo spletni strežnik Apache, podatkovno bazo MySQL in spletni programski jezik PHP. Za lažji razvoj in kasnejšo uporabo spletne strani bi bile zelo zaželene aplikacije, ki: omogočajo oddaljeno delo s podatkovno bazo, uporabnikom omogočajo upravljanje vsebin spletne strani. Udobno delo s podatkovno bazo omogoča aplikacija PHPMyAdmin, vsebino spletne strani pa bomo upravljali s sistemom za upravljanje vsebin (angl. content management system CMS), ki ga zagotavlja aplikacija Joomla! SPLETNI STREŽNIK APACHE Odprtokodni spletni strežnik Apache (httpd) je najpopularnejši spletni strežnik na svetovnem spletu že od aprila 1996, ki ga uporablja večina modernih operacijskih sistemov (Unix, Windows). Projekt Apache HTTP Server ( ) vodi in usmerja Apache Software Foundation. Po poročanju spletnih analitikov, kot sta W3Techs in Netcraft, je tržni delež strežnikov Apache okoli 50 odstotkov aktivnih spletnih mest ( ). Slika 1 prikazuje gibanje deleža od leta 2000 do marca Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 3

9 Slika 1: Gibanje tržnega deleža spletnih strežnikov aktivnih spletnih strani (Vir: ) 2.2. PODATKOVNA BAZA MYSQL Odprtokodna podatkovna baza MySQL je ena od najbolj priljubljenih podatkovnih baz zaradi svoje enostavnosti, zanesljivosti in hitrega izvajanja. Teče na vseh modernih operacijskih sistemih, prva verzija pa je bila izdana leta Portal (vir: ) navaja, da komercialne podatkovne baze izgubljajo tržni delež v primerjavi z odprtokodnimi sistemi, kot je to prikazano na Sliki 2. Pri tem se sklicuje na raziskave DB-engines.com (Popularity of open source DBMS versus commercial DBMS, ). Slika 2: Tržni deleži komercialnih in odprtokodnih podatkovnih baz (vir: ) Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 4

10 Po raziskavah DB-Engines.com je med odprtokodnimi podatkovnimi bazami najbolj popularen MySQL, ki je hkrati tudi druga najbolj popularna podatkovna baza med komercialnimi in odprtokodnimi bazami. Slika 3: Popularnost odprtokodnih baz podatkov (vir: ) 2.3. PROGRAMSKI JEZIK PHP PHP je splošni skriptni programski jezik, posebej primeren za razvoj spletnih aplikacij. Vgradimo ga lahko v spletni protokol HTML in se ga da hitro naučiti, zato je zelo priljubljen med razvijalci. V PHP so bile razvite številne aplikacije za prikaz in nadgraditev dinamičnih spletnih strani, npr. PHPMyAdmin, Joomla!, PHPBB. Analitiki W3Techs podajajo informacijo, da je PHP uporabljen na kar 82,1 odstotka spletnih strežnikov, na katerih je znan uporabljen skriptni jezik (vir: ). Spodnja slika prikazuje rezultate raziskav v marcu Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 5

11 Slika 4: Tržni delež skriptnih jezikov ( ) 2.4. PHPMYADMIN PHPMyAdmin je odprtokodna spletna aplikacija za delo s podatkovno bazo MySQL. Omogoča celovito upravljanje s podatkovno bazo in tabelami ter uvoz in izvoz podatkov v druge formate (csv, xml). Napisana je v programskem jeziku PHP. Po navedbah avtorjev omogoča izrabo večine funkcionalnosti MySQL (vir: ) CMS JOOMLA! Joomla! je popularna odprtokodna spletna aplikacija za upravljanje vsebin na spletni strani (angl. content management system CMS), napisana v jeziku PHP. Omogoča preprosto postavitev in urejanje vsebin na spletni strani, z mnogimi dodatki, npr. anketo, koledarjem, novico, forumom, pa lahko nadgradimo osnovno funkcionalnost spletne strani. Sistem je sestavljen iz osnove, komponent, modulov, vtičnikov, jezikov in predlog. Na spletni strani za dokumentacijo Joomla! ( ) je predstavljena definicija posameznih delov. Na Slika 5 je predstavljena struktura za lažje razumevanje nadaljnjih pojasnil. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 6

12 Slika 5: Postavitev in funkcionalnost dodatkov aplikacije Joomla! (Joomla! Documentation, ) Osnova Joomle! je torej ogrodje za predstavitev in urejanje informacij, ki ima že vgrajene določene dodatke, kot na primer urejevalnik besedila, kontaktne obrazce ali iskalnik. Ko je osnova postavljena, stran predelujemo po lastnih željah ali potrebah z drugimi dodatki. Komponenta (angl. component) je celovita aplikacija za predstavljanje in urejanje informacij. Kot pojasnjujejo na Joomli!, bi bila analogija ta, da je Joomla! operacijski sistem in da so njene aplikacije komponente, ki dodajajo nove funkcionalnosti obstoječemu ogrodju. Večina komponent je sestavljena iz dveh delov: javni, predstavitveni del, ki podaja informacije obiskovalcu spletne strani, in zaledni, administratorski del, ki omogoča dodajanje ter urejanje informacij. Komponente so običajno predstavljene kot osrednji del spletne strani, kar pa je v veliki meri odvisno tudi od predloge oziroma grafične zasnove spletne strani. Moduli (angl. modules) so razširitve ogrodja Joomle! ali komponent in jim predstavljajo dodano vrednost. Module tako lahko prikažemo ali skrijemo glede na izbiro vsebine iz menija. Za razliko od komponent, ki jih lahko na strani prikažemo poljubno število, so povsem neodvisni in lahko vsebujejo samo statični HTML ali besedilo. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 7

13 Vtičniki predvsem spremenijo izhod, ki ga podajajo prej navedeni deli sistema Joomle!. Tako na primer z vtičnikom lahko dodatno oblikujemo del vsebine s poudarjeno pisavo, dodamo barvno ozadje ali določeni vsebini dodamo gumb»všečkaj«. Predloge (angl. template) so pravzaprav oblikovanje videza spletne strani. Sistem Joomla! je tako kot večina dodatkov razdeljen na javni, predstavitveni in zaledni administratorski del. V aplikaciji Joomla! CMS s predlogo določimo, kam se lahko umesti vsebina in kako je prikazana. Joomla! je tako prilagodljiva, da imamo lahko na isti spletni strani za vsako podkategorijo povsem neodvisno predlogo METODA ŽIVLJENJSKEGA CIKLA (SDLC) Klasični življenjski cikel razvoja programske opreme (Werber 2000) sestavlja šest osnovnih korakov: analiza problema, zasnova programa, kodiranje, testiranje in popravljanje napak, dokumentiranje aplikacije, vzdrževanje. Kot ugotavlja dr. Jože Zupančič (2006) pri predmetu Razvoj uporabniških rešitev, je SDLC lahko razčlenjen na različne načine, kar je odvisno od avtorja oziroma internih standardov v posameznih okoljih, lahko pa tudi z vidika posameznih funkcij in vlog v podjetju. Pri razvoju naše rešitve smo uporabili prirejen klasični življenjski cikel razvoja, in sicer: analizo zahtev, načrtovanje programske rešitve, izvedbo, testiranje, vzdrževanje. Kot prikazuje spodnja slika, se cikel ne ustavi na zadnji točki, temveč se ponovno vrne na izvorno točko analize, kjer se preveri, ali obstoječa rešitev še vedno ustreza našim željam oziroma potrebam ali pa so potrebne izboljšave in dodatki. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 8

14 Analiza zahtev Načrtovanje programske rešitve Izvedba Testiranje Vzdrževanje Slika 6: Življenjski cikel razvoja Pri analizi in načrtovanju je treba biti pozoren, da se zajame celotna potreba in potem določi obseg dela, ki bo vsebovan v projektu. Po lastnih izkušnjah so naknadne zahteve časovno zamudne in stroškovno neučinkovite ter lahko privedejo celo do ukinitve projekta. PMI (2004) v knjigi A Guide to the Project Management Body of Knowledge opisuje, da bolj ko se bližamo koncu izvedbe projekta, dražja je vsaka sprememba. Slika 7: Stroški sprememb in vplivi interesnih skupin med trajanjem izvajanja projekta (Project management institute (PMI), 2004) Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 9

15 3. NAČRTOVANJE SPLETNE STRANI 3.1. POSNETEK STANJA Ob pregledu stanja smo ugotovili, da je edina obstoječa uporaba elektronskih komunikacij elektronska pošta, ki jo je uporabljal tajnik kluba za komunikacijo z MNZ 3 Koper. Komunikacija s člani in zainteresirano javnostjo poteka prek oglasne deske na stadionu Športni park Postojna in občasno z neorganiziranim izobešanjem plakatov, ki so napovedovali tekme. Preostala komunikacija se je odvijala z ustnim prenosom informacij. Slika 8: Oglasna deska NK Postojna 2014 S Slika 8 je razvidno, da se obvestila delijo po starostnih razredih selekcij, tako ima vsaka selekcija od U-8 do veteranov svoj stolpec z informacijami, ki jih objavi klub. Informacije, ki jih najdemo na oglasni deski, so: razpored tekem, rezultati tekem, lestvica, razpored treningov. Med tem, ko so razpored, rezultati in lestvice objavljeni za vsako selekcijo posebej, je razpored treningov objavljen kot enoten dokument, ki prikazuje zasedenost igrišča. Postojnski klub ima samo eno igrišče, zato je zelo pomembno, da ne prihaja do prekrivanja terminov, ki bi lahko motili treninge. Prikaz tedenskega razporeda treningov lahko vidimo na Slika 9, kjer smo izbrisali telefonske številke. 3 Medobčinska nogometna zveza. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 10

16 Slika 9: Razpored treningov in tekem NK Postojna Kot vidimo, so z barvo označene selekcije in njihovi trenerji, saj lahko na tak način zainteresirani vzpostavijo stik s posameznim trenerjem. Zainteresirano javnost lahko razdelimo na tri skupine: strokovno vodstvo, člane kluba, širšo javnost. Strokovno vodstvo je sestavljeno iz organov kluba in trenerjev. Po Statutu NK Postojna so organi kluba naslednji (statut NK Postojna 2014): upravni odbor, nadzorni odbor, disciplinska komisija. Podrobnejši prikaz organizacije lahko razberemo iz organigrama kluba na Sliki 3. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 11

17 Slika 10: Organigram NK Postojna (NK Postojna 2014) Predsednik kluba je hkrati predsednik upravnega odbora, tajnik kluba je zadolžen za vse administrativne naloge v klubu, trenerji selekcij pa niso navedeni v organigramu. Za izbiro trenerjev je zadolžen tajnik kluba, ki jih predlaga upravnemu odboru, ta pa je sestavljen iz enajstih članov kluba, ki so izvoljeni na letni skupščini. Nadzorni odbor je sestavljen iz treh članov, ki jih izvoli skupščina. Disciplinsko komisijo imenuje predsednik kluba in je sestavljena iz treh članov ter dveh nadomestnih članov. Član kluba lahko postane vsak, ki se želi organizirano ukvarjati s športom, član nogometnega kluba pa vsak, ki se neposredno ukvarja z nogometom, in sicer s pristopno izjavo in plačano članarino. Član kluba lahko postane pod enakimi pogoji tudi tuj državljan (status NK Postojna, 2014 ). Širšo javnost predstavljajo starši igralcev, navijači in ljubitelji, ki niso včlanjeni v klub, a si želijo informacij o rezultatih in delovanju kluba KRITIČNA ANALIZA Iz uvoda in posnetka stanja je razvidno, da pretok informacij ne poteka optimalno, kar bi s pomočjo enotne spletne informacijske točke lahko precej izboljšali. Na primer, dve izmed potreb in zahtev, ki sta se pojavili, sta bili komunikacija staršev s strokovnim štabom in dostopnost informacij o kontaktih. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 12

18 Pri načrtovanju projekta je treba določiti tudi prilagodljivost posameznih segmentov, s čimer določimo, pri katerih potencialnih spremembah ali aktivnostih znotraj projekta smo najbolj prilagodljivi in pri katerih najmanj. Iz začetnih intervjujev z zainteresiranimi skupinami smo prišli do sklepov, ki jih prikazuje Tabela 1. Tako smo najbolj omejeni s sredstvi, ki jih imamo na razpolago, obseg funkcionalnosti je srednje prilagodljiv, najbolj smo prilagodljivi s časovnimi roki, ki jih pravzaprav ni. Najmanj prilagodljivo Srednje prilagodljivo Najbolj prilagodljivo Razpored Obseg Sredstva X X X Tabela 1: Prioritetna matrika 3.3. POPIS POTREB Potrebe, ki so se pojavile, so naslednje: obvestila o terminih tekem, obvestila o rezultatih, lestvica, spored treningov, obvestila uprave in trenerjev, kontaktni podatki, možnost medsebojnega komuniciranja. Da bi preslikali zahteve na spletno stran, so sklopi, ki jih je treba nasloviti, naslednji: sistem za upravljanje vsebin, videz in vsebina spletne strani, testno okolje, produkcijsko okolje, domena (izbira in registracija), družabna omrežja. Izbrana orodja (Apache, MySQL, PHP, PHPMyAdmin, Joomla) skoraj v celoti pokrijejo popisane potrebe, izjema je le obdelava zapisnikov tekem, ki predstavlja pomemben vir statističnih podatkov, zato smo za slednje razvili lastno aplikativno rešitev NAČRT PROGRAMSKE REŠITVE Programska rešitev bo v grobem zajemala naslednje korake: zakup spletne domene nkpostojna.com, namestitev in konfiguracijo nujnih komponent dinamične spletne strani (spletni strežnik, podatkovno bazo, programski jezik), namestitev CMS in ustreznih vtičnikov, potrebnih za zagotovitev zahtevanih funkcionalnosti, Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 13

19 razvoj samostojne aplikacije za statistično obdelavo zapisnikov tekem. Izvedba korakov programske rešitve je opisana v naslednjem poglavju. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 14

20 4. IZDELAVA SPLETNE STRANI Po končani analizi, popisanih potrebah in pripravljenem grobem načrtu programske rešitve smo pristopili k izbiri ustreznih orodij in implementaciji spletne strani. Poleg nujnih komponent dinamične spletne strani (spletnega strežnika, podatkovne baze, programskega jezika) je bila ključna izbira ustreznega CMS-ja, ki bo zadostil vsem funkcionalnim zahtevam NAČRT REŠITVE IN IZBIRA ORODIJ SISTEM ZA UPRAVLJANJE VSEBIN Vsem funkcionalnim potrebam zadostuje že ustrezen sistem za upravljanje vsebin, ki vsebuje tudi vtičnike, z nekaterimi dodatnimi funkcionalnostmi (naročnino na novice, forum in podobno). Izbrani CMS mora biti odprtokoden, zaželeno je tudi, da ima razširjeno uporabo, da lahko pri razvoju po potrebi uporabimo spletno pomoč oz. izkušnje drugih uporabnikov. Kateri CMS-ji so najpogostejši? Če se opremo na spletni vir w3techs.com, so tri najpogostejše uporabljana CMS-orodja Wordpress, Joomla! in Drupal. Odstotek uporabe različnih CMS-orodij iz marca na spletni strani (Usage of content management systems for websites, ) prikazuje absolutni odstotek uporabe CMS-jev (sivi trak) in tržni delež glede na spletne strani, ki jih uporabljajo (zeleni trak). Slika 11: Razširjenost uporabe CMS-jev (vir: ) Na spletni strani (vir: ) so objavili primerjavo med temi tremi sistemi. Kot opisujejo, na vprašanje, katero rešitev izbrati, ne obstaja enostaven odgovor za vse, to je namreč odvisno od ciljev, tehničnega znanja in sredstev, ki jih imamo na razpolago. Med tem, ko je Wordpress uporabniku prijazen in enostaven za namestitev ter uporabo, je na drugi strani Drupal zelo zmogljiv in prilagodljiv sistem, ki pa zahteva veliko znanja za postavitev in je primeren za zelo kompleksne naloge. Sistem Joomla! opisujejo kot vmesno rešitev, ki omogoča mnogo bolj kompleksne Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 15

21 rešitve, kot jih lahko ponudi Wordpress, je pa manj zmogljiv, kot je Drupal. Joomla! tako predstavlja kompromis med enostavnim in kompleksnim orodjem. Pri analizi funkcionalnosti orodja smo ugotovili, da je Wordpress, ki ima večinski tržni delež, primarno namenjen izdelavi spletnih dnevnikov (blogov) in ne vsebuje razširitev, potrebnih za našo spletno stran. Za sistem za upravljanje vsebin smo tako izbrali odprtokodni sistem Joomla!. Kot navaja Werber (2011), obstaja zelo razširjena mreža uporabnikov v Sloveniji in je primerna platforma za predstavitev malih in mikropodjetij oziroma v našem primeru malega nogometnega društva TESTNO OKOLJE Testno okolje si lahko postavimo relativno hitro in brez poglobljenega tehničnega znanja. Za postavitev okolja smo nekoč potrebovali ustrezne pakete Apache, PHP in MySQL. Najprej je bilo treba z vsake strani posebej pridobiti ustrezen paket, poiskati ustrezno verzijo spletnega strežnika na spletni strani in si jo prenesti na računalnik. Nato je bilo treba na spletni strani poiskati ustrezno različico, ki jo je bilo treba prav tako prenesti. Enako je bilo treba narediti za podatkovno bazo MySQL na spletni strani Ko bi pridobili vse potrebne namestitvene datoteke, bi namestili programsko opremo na računalnik, ki smo ga želeli uporabiti za testiranje. Občasno je zaradi napačnega branja navodil ali napačnih datotek prihajalo do nekompatibilnosti med paketi ali do težav z namestitvijo zaradi neizkušenosti. Zaradi lažjega postavljanja testnega okolja so se začeli pojavljati paketi omenjenih rešitev, ki so vsebovali vse navedeno. Na spletni strani (Comparison of WAMPs, ) so navedeni nekateri izmed teh paketov, ki se uporabljajo, in funkcionalnosti, ki jih omogočajo. Odločili smo se za WampServer ( Na spletni strani lahko izberemo različice za 32- ali 64-bitno arhitekturo. Na dan so bili na voljo naslednji paketi: 32-bitni: Apache Mysql PHP XDebug XDC 1.5 PhpMyadmin SQLBuddy webgrind 1.0, Apache Mysql PHP XDebug XDC 1.5 PhpMyadmin SQLBuddy webgrind bitni: Apache Mysql PHP XDebug XDC 1.5 PhpMyadmin SQLBuddy webgrind 1.0, Apache Mysql PHP XDebug XDC 1.5 PhpMyadmin SQLBuddy webgrind 1.0, Apache Mysql PHP XDebug XDC 1.5 PhpMyadmin SQLBuddy webgrind 1.0. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 16

22 Za razvoj je bil na voljo prenosnik HP EliteBook 8440p z nameščenim 64-bitnim operacijskim sistemom Microsoft Windows 7 Enterprise. Prenosnik je imel na voljo 4 GB RAM-a, procesor Intel s štirimi jedri in hitrostjo 2.53 GHz, kot to prikazuje Slika 12. Slika 12: Osnovne lastnosti razvojnega računalnika S strani smo prevzeli verzijo 64-bitnega paketa 2.2, ki vsebuje Apache 2.4.2, Mysql , PHP 5.4.3, XDebug 2.1.2, XDC 1.5, PhpMyadmin , SQLBuddy in webgrind 1.0. Ob namestitvi smo dobili opozorilo, da obstajajo dodatne zahteve za normalno delovanje želenega paketa: WARNING: You must install Visual C SP1 Redistributable Package x86 or x64 VC10 SP1 vcredist_x86.exe 32 bits: VC10 SP1 vcredist_x64.exe 64 bits: The Microsoft Visual C SP1 Redistributable Package (x86) installs runtime components of Visual C++ Libraries required to run applications developed with Visual C SP1 on a computer that does not have Visual C SP1 installed. Po namestitvi paketa Microsoft Visual C SP1 Redistributable Package smo si uredili še okolje WampServer. Namestitev je enostavna, saj je treba sprejeti le licenčne pogoje in vpisati mapo na datotečnem sistemu, kjer bodo paketi nameščeni Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 17

23 in kjer se bo nahajal tudi korenski imenik spletnega strežnika. Privzeti direktorij je C:\wamp. Slika 13: Namestitvena slika okolja WampServer Ko zaženemo namestitev, lahko še enkrat preverimo, katere verzije posameznih komponent bodo nameščene, kot to prikazuje Slika 13. Po namestitvi zaženemo WAMP. V območju za obvestila se prikaže ikona, s katero lahko dostopamo do konfiguracijskih datotek posamezne storitve in ustavimo, zaženemo ali ponovno zaženemo storitve. Slika 14 prikazuje, kako lahko dostopamo do osnovne strani ali orodij, kot je phpmyadmin. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 18

24 Slika 14: Prikaz orodne vrstice okolja WampServer Slika 15 prikazuje osnovno stran z informacijami o nameščenih paketih, povezave do orodij in projektov. Slika 15: Osnovna stran okolja WampServer Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 19

25 Projekti so mape na datotečnem sistemu in se v primeru standardne namestitve nahajajo v mapi C:\wamp\www. Najprej ustvarimo bazo podatkov z orodjem phpmyadmin, ki je nadvse primerno tako za začetnike kot tudi za izkušene razvijalce. Med drugim je prevedeno tudi v slovenščino, kar dodatno olajša delo. Ob kliku na povezavo»zbirke podatkov«se odpreta seznam obstoječih zbirk in vnosna maska za ustvarjanje nove zbirke, kot to prikazuje Slika 16. Slika 16: phpmyadmin ustvarjanje baz podatkov Vnesemo ime podatkovne baze, izberemo pravilo za razvrščanje znakov in pritisnemo gumb»ustvari«. V našem primeru izberemo ime nkpostojna25 in pravilo utf8_general_ci. Naslednji korak je ustvarjanje uporabnika in dodajanje pravic na ustvarjeno podatkovno bazo. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 20

26 Slika 17: phpmyadmin dodajanje uporabnika Slika 17 prikazuje, kako vnesemo uporabniško ime, geslo, označimo zbirko podatkov, do katere ima novi uporabnik dostop, in pravice na tej zbirki. Prav tako določimo, od kod lahko uporabnik dostopa do zbirke podatkov. Glede na to, da sta na istem testnem prenosniku nameščena tako spletni strežnik kot baza, je dovolj, da se uporabnik lahko prijavlja samo lokalno. Naslednji korak je ustvarjanje mape v korenskem imeniku spletnega strežnika. Ustvarimo mapo nk-postojna in v njej razširimo paket Joomla!, ki ga dobimo na spletni strani Odločili smo se za različico Joomla! Stable Full Package. Nato v brskalniku odpremo naslov namestitev se avtomatično zažene in vsebuje sedem korakov: 1. izbiro jezika, 2. preverjanje ustreznosti strežnika, 3. sprejemanje pogojev za uporabo (GNU), 4. konfiguracijo dostopa do baze podatkov (tipa baze, strežnika, uporabniškega imena, gesla, imena baze in predpone za tabele, ki bodo ustvarjene), 5. FTP-konfiguracijo (to preskočimo, saj lokalno tega ne potrebujemo), 6. konfiguracijo, kjer vnesemo ime, ki ga želimo uporabljati za stran, elektronski naslov, ime administratorskega uporabnika in geslo. Lahko pa dodamo tudi vzorčne podatke, kar je priporočljivo za začetnike, 7. zadnji korak je odstranitev namestitvene mape in odhod na začetno stran spletne strani ali v administratorsko ozadje. Namestitveni paket za slovenski jezik smo prevzeli na spletni strani (Slojoomla, ) in ga namestili Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 21

27 ( ), s čimer je zaključena priprava testnega okolja VIDEZ IN VSEBINA Naslednji korak je izbira predloge, ki jo lahko izdelamo sami, če smo dovolj vešči, drugače pa jo damo izdelati spletnim oblikovalcem ali jo najdemo že izdelano na internetu pri ponudnikih tovrstnih storitev. Skupnost, ki izdeluje predloge za spletne strani, je zelo razširjena. Ob enostavnem iskanju z iskalnikom Google se odpre na desetine strani. V našem primeru, ko iščemo zastonjsko predlogo za nogometni klub, vpišemo»free soccer joomla templates«. Po raziskavi smo našli primerno predlogo na spletni strani in sicer gre za predlogo, namenjeno nogometu, ki prihaja v več barvnih različicah. Ena izmed teh je modra, ki je tudi barva NK Postojna. Ker je to različica, namenjena verziji 1.5 Joomla!, smo na spletni strani poiskali različico, namenjeno za verzijo 2.5, in jo našli na povezavi Slika 18: Primer predloge za rdečo in modro barvo Slika 18 prikazuje, kako s predlogami z lahkoto spremenimo prikaz vsebine z zamenjavo teme predloge, kjer vsebina ostane na istem mestu, spremenijo se samo barve in slike. Naša predloga ima 26 mest, kamor lahko razpostavimo informacije. S Slika 19 je razvidno, kako so razporejena mesta za objavljanje informacij. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 22

28 Slika 19: Razpored mest v predlogi Pred dokončanjem diplomskega dela smo našli bolj pregledno predlogo, ki je bolj ustrezala našim potrebam in načinu predstavitve informacij. Predloga se nahaja na spletni strani (Simplicity- II, ) in je v primerjavi s prejšnjo predlogo prijetna za oči, videz je bolj sodoben, predvsem pa z dodatki drsečih obvestil mnogo bolj uporaben. Tako novice ne zasedajo celotne strani, ampak se lahko na prvo stran dodajo še druge informacije, ne da bi bila stran videti prepolna informacij. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 23

29 Slika 20: Videz s predlogo Simplicity-ii ( ) V»Upravniku predlog«nato izberemo, katero predlogo bomo uporabljali za administracijo in katero za predstavitev, kot to prikazuje Slika 21. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 24

30 Slika 21:»Template Manager«izbira predlog Tako lahko na enostaven način spreminjamo zunanji videz in preizkušamo, kaj nam najbolj odgovarja. Koledar Iskanje primernih koledarjev za treninge nam je leta 2014 prikazalo naslednje štiri najbolje ocenjene in uporabljane rešitve: Ohanah commercial: Jevents non-commercial: -a-events/events/events-calendars/95, JcalPro commercial: GCalendar non-commercial: dars-a-events/events/events-calendars/1625. Zaradi pomanjkanja sredstev smo primorani vzeti brezplačne verzije, torej nam preostaneta Jevents in GCalendar. GCalendar uporablja koledar Google. Da bi se vnosi na spletni strani razlikovali, je bilo treba ustvariti uporabnika za vsako selekcijo posebej: Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 25

31 Nato je bilo treba urediti nastavitve za vsak koledar. Najprej smo preverili, če je pravilno nastavljen časovni pas (GMT+01:00), in sicer srednjeevropski, da bi se informacije na spletni strani lahko pravilno prikazovale. Potem smo spremenili nastavitve skupne rabe koledarja. GCalendar uporablja javni naslov spletnega koledarja Google brez preverjanja verodostojnosti, zato je bilo treba koledar najprej javno objaviti, nato pa skopirati naslov, ki ga prikaže Google ob kliku na ikono XML, kot to prikazuje Slika 22. Slika 22: Pogled za nastavitve koledarja Google Po namestitvi paketa GCalendar in poskusu povezave smo prejeli obvestilo, da je ta nemogoča, in nasvet, da preverimo, če je v PHP-konfiguraciji omogočen SSL. Unable to Connect to ssl:// Error # : Unable to find the socket transport "ssl" - did you forget to enable it when you configured PHP? V konfiguraciji PHP smo dodali razširitev php-openssl, ki skrbi za to, da aplikacija lahko komunicira po SSL-protokolu. Spreminjanje nastavitev PHP in Apache vedno zahteva ponoven zagone servisa spletnega strežnika, da bi ta upošteval zadnje spremembe. Administracija koledarja se dela na nivoju koledarja Google, njegov prikaz na spletni strani pa ni najboljši glede na naše zahteve. Največja slabost, ki se je pokazala, je povezljivost, ki včasih privede do tega, da se stran predolgo izvaja in da skripta preseže čas, v katerem se mora zaključiti. JEvents Naslednji koledar, ki smo ga testirali, je bil JEvents. Paket smo prevzeli s spletnega naslova Razširitev se zlahka namesti in je zelo pregledna. Slabost v primerjavi s koledarjem GCalendar je, da se ne more integrirati s koledarji v oblaku, kot je to mogoče z GCalendarjem. Dobra stran pa je, da se enostavno ureja na enem mestu z vmesnikom Joomla!, poleg tega pa nima slabosti, ki se je izkazala s testiranjem koledarja Gmail, in se hitro naloži ter prikaže iskane informacije. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 26

32 Zaradi enostavnosti administracije in hitrosti prikaza informacij smo se odločili za JEvents. V glavnem meniju smo določili, da komponenta prikazuje treninge vseh selekcij v tekočem tednu, uporabniki pa lahko izberejo posamezno selekcijo posebej in si pogledajo informacije na dnevni, tedenski, mesečni ali letni ravni. Slika 23: Tedenski pregled treningov za vse selekcije ( ) TEKMOVALNA APLIKACIJA Po postavljenem testnem okolju in določenem videzu spletne strani smo poiskali aplikacijo, ki je namenjena temu, da podaja informacije o terminih tekem, obvestila o rezultatih in aktualnih lestvicah. Želeli smo tudi neke vrste beleženje zgodovine in statistiko za klube ter igralce. Na spletnem naslovu smo poiskali razširitev v sklopu Sport&Games ( ). Rešitvi, ki največ obljubljata, sta JoomSport in JoomlaLeague, obe pa sta dostopni v brezplačni obliki. Za primerjavo smo si prenesli zadnji stabilni verziji JoomLeague 1.6 in JoomSport 2.7. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 27

33 JOOMLEAGUE Pri komponenti JoomLeague smo naleteli na težave z namestitvijo komponente, ki ni uspela z nalaganjem paketne datoteke prek vmesnika. Naslednji način nalaganja razširitev je namestitev iz direktorija, ki je bila prav tako neuspešna. Po več poskusih je uspela namestitev s spletnega naslova, ko se je postavila zahteva po namestitvi kolekcije Mootools ( Mootools je objektno usmerjeno ogrodje, ki je namenjeno hitrejšemu razvoju aplikacij Java Script in dodatkov. Zaradi težav, na katere smo naleteli pri namestitvi, smo poskusili poiskati rešitve oziroma uporabniške izkušnje drugih uporabnikov. Prvo iskanje ključnih besed Mootools v povezavi s komponento JoomLeague nam vrne predvsem opise različnih težav, ki jih imajo potencialni uporabniki pri namestitvah in dodelavah. Kljub končni uspešni namestitvi in temu, da je bil zaključen razvoj za produkcijsko fazo decembra 2012, ni bilo mogoče dobro delati s komponento, zato smo upali, da nam bo v pomoč aplikacija JoomSport JOOMSPORT Naslednja aplikacija, ki smo jo preskusili, je bila JoomSport. V času razvoja spletne strani sta bili dostopni brezplačna verzija 1.7 in profesionalna verzija za Joomla! Gre za uporabniku prijazno spletno stran, kjer je omogočen prenos komponente, modulov in vtičnikov. Namestitev brezplačne različice komponente in razširitev sta potekali brez težav. Postavljanje in urejanje na spletni strani je bilo brezhibno ter je popolnoma ustrezalo zahtevam in predstavam, ki smo si jih zastavili ob načrtovanju. Pojavile pa so se pomanjkljivosti na vsebinskem nivoju. Tak primer je bil pokalno tekmovanje na izpadanje, ki ga v brezplačni verziji ni bilo mogoče ustvariti. Druga velika pomanjkljivost je bila, da ni bilo mogoče slediti prehodom igralcev med klubi, kar je pomenilo, da so prikazani zgodovinski statistični podatki nerealni. Vse te zahteve je omogočala profesionalna verzija. Tako smo ob primerjavi med brezplačno in profesionalno različico vzpostavili stik z razvijalci, ki so nam v zameno za prevod v slovenščino in objavo povezave do njihove strani omogočili enoletno brezplačno profesionalno licenco in podporo, ki v nasprotnem primeru stane 99 USD. Primerjava funkcionalnosti se nahaja na spletni strani Ker je v vmesnem času, ko smo prevajali to različico, ki je bila namenjena verziji 2.5.0, izšla nova verzija, je bilo treba prevesti spremembe. Prevod in lokalizacija aplikacije JoomSport ISO 639 je mednarodni standard, ki določa dvo- in tročrkovne kode imen jezikov. Originalni standard je bil v veljavi od leta 1967 do 2002 in zamenjan s standardi 4 Ob zaključku diplomskega dela (2015) sta bili na voljo brezplačni verziji in za Joomla! 3.0. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 28

34 639-*, vendar se še vedno včasih uporablja kot skupni naziv za vse izvedenke tega standarda. Razlika med izvedenkami je predvsem v obsegu, ki ga zajema posamezni standard (Frequently Asked Questions (FAQ), ). Tako je za slovenski jezik določena koda sl-si, drugi del kode označuje lokalizacijo za Slovenijo. Dokumentacija Joomla! na spletnem mestu entries_in_the_components_menu (Translating entries in the Components menu, ) podaja navodila in primer prevoda za komponento v administratorskem delu. Datoteka posameznega jezika je nameščena v korenskem direktoriju spletne strani v mapi»language«za javni del spletne strani in v mapi»administrator/language«za administrativni del. Datoteke uporabljajo končnico ini. Ini datoteke so preproste tekstovne datoteke z osnovno strukturo, ki vsebujejo sekcije, imena spremenljivk in vrednosti. Veljajo kot neformalen standard, bile so popularizirane z operacijskim sistemom Windows in se kasneje razširile na druge sisteme ter platforme. Primer, ki je povzet po spletni strani Microsoft Technet (Configure an Ini File Item, ), navaja naslednjo strukturo: [SectionName] PropertyName1=PropertyValue1 PropertyName2=PropertyValue2 Jezikovne datoteke v komponentah Joomla! so razdeljene na»frontend«del in»backend-admin«del. Posebna datoteka je za menije. Strukturo v direktoriju prikazuje Slika 24. Slika 24: Struktura jezikovnih direktorijev v programu Joomla! CMS (Godaddy file manager ) Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 29

35 Namestitvena jezikovna komponenta je datoteka v formatu.zip, ki vsebuje tri direktorije: BE, FE, Menu. Tako so jezikovne datoteke za komponento JoomSport naslednje:»backend«(administrativni): sl_si.com_joomsport.ini,»frontend«(javni): sl_si.com_joomsport.ini, menijski del: sl_si.com_joomsport.menu.ini, sl_si.com_joomsport.sys.ini. Del sl_si.com_joomsport.menu.ini datoteke, ki jo je bilo treba prevesti, je imel spodnjo obliko: COM_JOOMSPORT="JoomSport" COM_JOOMSPORT.TOURNAMENT="Tournament" COM_JOOMSPORT.SEASON="Season" COM_JOOMSPORT.TEAMS="Teams" COM_JOOMSPORT.MATCHDAY="Matchday" Poslovenjena različica je bila videti takole: COM_JOOMSPORT="JoomSport" COM_JOOMSPORT.TOURNAMENT="Tekmovanje" COM_JOOMSPORT.SEASON="Sezona" COM_JOOMSPORT.TEAMS="Moštva" COM_JOOMSPORT.MATCHDAY="Tekma" Struktura JoomSport predvideva naslednje najpomembnejše sestavne dele: tekmovanje, sezono, moštva, igralce, tekmovalne dneve (kroge tekmovanja), dogodke na tekmi (gole, kartone ). Na Sliki 25 je predstavljen potek vnašanja. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 30

36 Slika 25: Potek vnosa podatkov v aplikacijo Najprej smo ustvarili vsa tekmovanja, v katerih je udeležen NK Postojna, nato smo ustvarili ekipe in selekcije posameznih klubov za vsako tekmovanje posebej, 5 kar je pomenilo, da ima NK Postojna osem klubov. Slika 26: Ekipe iz Postojne ( ) Nato smo ustvarili tekmovalno sezono za vsako selekcijo in tekmovanje. Ker je JoomSport komponenta, ki se jo lahko uporablja tudi za spremljanje in statistiko drugih športov, je treba za vsako sezono določiti naslednja pravila: ime/naziv sezone, ali je tekmovanje skupinsko, na izpadanje ali ligaško, pravila točkovanja (zmaga, neodločeno ali poraz), ali v tekmovanju obstajajo podaljški, katere ekipe sodelujejo v tekmovanju, 5 V najnovejši verziji (2015) je omogočeno ustvarjanje klubov in na klub navezati posamezno selekcijo. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 31

37 kateri uporabniki programa Joomla! lahko administrirajo tekmovanje, katere podatke bo vsebovala tabela tekmovanja za javno objavo na spletni strani, pravila razvrstitve tekmovanja, dodatne možnosti, kot na primer barva ozadja za prvo ali zadnje mesto. Po tem je bilo treba vnesti datume tekem za vsako selekcijo in določiti igralce posameznih selekcij. V klubih se pogosto dogaja, da se igralci mlajše starostne skupine pridružijo starejši ali pa se te prekrivajo. Tu nam je profesionalna verzija omogočila, da je bil igralec navidezno registriran za dve selekciji oziroma, po logiki aplikacije, za dva kluba. Vnašanje igralcev se je izkazalo za velik izziv. Namreč, v MNZ Koper je po nam dostopnih podatkih trenutno aktivnih 1446 igralcev različnih starostnih kategorij (vir: ). Če sklepamo po izkušnjah domačega kluba, je ta številka vsaj trikrat večja. Klub namreč zaradi stroškov pri registraciji prijavi na tekmovanja manjše število igralcev, kot jih je v trenažnem procesu, in jih po potrebi dodatno registrira med sezono. Vsakega igralca je nato treba navezati na klub in na sezono, ki jo igra v tem klubu. JoomSport omogoča tudi spremljanje različnih dodatnih parametrov tekem, ki zanimajo stranko, spremljamo pa lahko statistične podatke tako za tekme kot za igralce. V osnovi nam aplikacija omogoča spremljanje menjav igralcev med tekmo. Tabela 2 prikazuje dodatne dogodke, ki smo se jih odločili spremljati. Dogodek Tekma rumeni kartoni rdeči kartoni goli Navezuje na: Igralec rumeni karton rdeči karton Gol Tabela 2: Dogodki, ki jih dodatno spremljamo v aplikaciji JoomSport Dodatne dogodke se ustvari znotraj komponente, ki omogoča ustvarjanje dodatnih polj, ta pa se navežejo na tekmo ali igralca. Dodatno so nas zanimali delegirani sodniki za posamezno tekmo, zato smo ustvarili štiri dodatna polja za posamezno tekmo, in sicer: glavni sodnik, stranski sodnik 1, stranski sodnik 2, delegat tekme. Ko je tekma odigrana, je treba za vsako tekmo vnesti/popraviti podatke o naslednjih parametrih, in sicer: končni rezultat, dejanski datum in uro odigrane tekme, kraj odigrane tekme, sodnike in delegate, opis tekme, Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 32

38 dogodke o igralcih, seštevke dogodkov na tekmi, izbrati igralce iz prve postave in njihove zamenjave za obe moštvi, vnesti menjave med tekmo. Med samim izdelovanjem strani in vnosom testnih podatkov smo uvideli, da če želimo imeti natančne podatke o igralcih in tekmovanjih, bo administrativno delo časovno zelo zahtevno. Tako smo poskušali narediti oceno števila in časa vnesenih podatkov za vsak krog tekmovanja. Za namene diplomskega dela smo izbrali člansko sezono 2012/2013, ki smo jo uporabili kot testne podatke med izdelavo spletne strani. Grobi izračun za člansko ekipo v sezoni 2012/2013 nam je prikazal predvidevanje, da je treba v povprečju vnesti 43 podatkov za vsako tekmo. Potreben čas za vnos je 19 minut ob predpostavki, da so pari že vneseni. Tekmovanje EPNL Sezona 2012/2013 Število tekem 120 Število sodelujočih klubov 12 Število podatkov o tekmi 14 Število dogodkov igralcev/tekmo 8 Povprečno število igralcev/ekipo 14 Povprečno število menjav na tekmo 7 Skupno število dogodkov na tekmo 43 Čas vnosa podatkov za tekmo 19 min Čas vnosa za krog Cca. 2 uri Tabela 3: Statistični podatki o številu potrebnih podatkov za vsako tekmo v članskem tekmovanju v EPNL za sezono 2012/2013 Razlogi za tako trajanje pri relativno nezahtevnem vnosu podatkov je predvsem v iskanju in preverjanju podatkov na spletni strani zveze ter usklajevanje z našimi podatki. Na spodnji sliki je prikazan ročni postopek vnosa podatkov o tekmovalnem krogu. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 33

39 Slika 27: Potek vnosa podatkov o tekmi Vsako dodatno vnašanje podatkov, ki je navedeno na Slika 27, je dodatno zamudno, ker je treba najprej preveriti, če podatki že obstajajo v naši bazi podatkov, in če jih ne najdemo, ustvarimo nov zapis in ga dodamo ustrezni sezoni. Zaradi vseh teh razlogov smo se odločili za avtomatiziranje prenosa podatkov s strani Medobčinske nogometne zveze (v nadaljevanju MNZ) Koper in MNZ Nova Gorica v našo aplikacijo APLIKACIJA ZA ZAJEM IN VNOS PODATKOV TEKEM LIGE MNZ Za potrebe statistične analize tekem smo s sodelavcem Zvonkom Pešićem pripravili aplikacijo za zajem in obdelavo zapisnikov tekem. V primeru je navedena samo Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 34

40 spletna stran MNZ Koper, ker je spletna stran MNZ Nova Gorica narejena na enak način in z isto tehnologijo. Sliki 28 in 29 prikazujeta primera zapisnika s strani MNZ Koper in MNZ Nova Gorica. Slika 28: Oblika zapisnika MNZ Koper (vir: ) Slika 29: Oblika zapisnika MNZ Nova Gorica (vir: ) Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 35

41 MNZ Koper na svojem spletnem portalu redno objavlja razporede in zapisnike tekem ligaških tekmovanj pod svojim okriljem, med drugim tudi lige EPNL, kjer sodeluje NK Postojna. Zapisniki tekem so v standardiziranem formatu, kar pomeni, da je za prikaz spletne strani zapisnika uporabljena HTML-predloga, ki je za vse zapisnike enaka. Znotraj predloge so točno določena mesta, kjer se izpisuje spremenljivi del vsebine oz. zapisniki tekem posameznega kroga tekmovanja. Slika 30 prikazuje zapisnike tekem 6. kroga lige EPNL v sezoni 2012/13, ki so objavljeni na spletni strani MNZ Koper (Zapisniki tekem, ). Na Slika 30 so označeni parametri zapisnikov, ki določajo, kateri zapisnik bo prikazan na portalu. Parametri (vidni so tudi v URL-naslovu zapisnika) so: identifikator vrste strani (parameter page), identifikator medija (media), identifikator portala (item), identifikator vrste dokumenta (zapisnik), identifikator tekmovanja (liga_id), identifikator sezone (sezona_id), identifikator kroga (krog_id). Parametri neposredno določajo, kateri zapisnik bo prikazan oz. kaj se bo izpisalo v spremenljivem delu vsebine strani. Uporabili jih bomo za identifikacijo zapisnikov in ustrezno obdelavo spremenljivega dela podatkov. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 36

42 Slika 30: Spletna stran zapisnika tekem 6. kroga lige EPNL. Z rdečo so označeni parametri strani in spremenljivi del HTML-predloge, preostanek strani je enak za vse zapisnike (Zapisniki tekem, ) Če spremenljivi del zapisnika pogledamo v HTML-kodi (desni klik na stran -> Pokaži izvorno kodo strani), vidimo, da se vsi ključni spremenljivi deli strani nahajajo znotraj HTML-značk z unikatnim poimenovanjem (npr. <span class="naslovi_zlati">), kot je prikazano na Slika 31. Na ta način lahko z uporabo ustreznih orodij izvedemo zajem in obdelavo spremenljivega dela zapisnika o odigranih tekmah. Slika 31 prikazuje HTML kodo zapisnika tekme. Z rdečim okvirjem je označen spremenljivi del zapisnika, ki ga je treba zajeti, obdelati in zapisati v podatkovno bazo, z zelenim okvirjem pa primer unikatnega poimenovanja. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 37

43 Slika 31: HTML-koda zapisnika tekme: z rdečim okvirjem je označen začetek spremenljivega dela. Spremenljivi del izvorne kode in parametri klica spletne strani z zapisnikom predstavljajo vhodne podatke za vnos v zaledni sistem spletnega portala NK Postojna Zaledni sistem za upravljanje z vsebinami (angl. Content Management System CMS) spletnega portala NK Postojna je Joomla!, prikaz statistične analize tekem je omogočen z uporabo razširitve (angl. extension) aplikacije JoomSport Standard ( ki vsebuje podatkovni model s 43 relacijskimi tabelami. Slika 32 prikazuje ključne tabele razširitve aplikacije JoomSport, ki jih je treba napolniti za pravilen prikaz statističnih podatkov o odigranih tekmah na spletnem portalu NK Postojna z vsebino. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 38

44 Slika 32: Tabele in podatki razširitve aplikacije JoomSport za CMS Joomla!: z rdečim okvirjem so označene najpomembnejše tabele, ki so potrebne za pravilen prikaz zapisnikov Tabele razširitve aplikacije JoomSport predstavljajo izhod obdelave za masovni vnos podatkov, ki ga izvede aplikacija. Ko so podatki ustrezno shranjeni v podatkovni bazi, razširitev JoomSport poskrbi za statistično obdelavo in ustrezen prikaz podatkov na spletnem portalu NK Postojna. Z aplikacijo za zajem in obdelavo zapisnikov ustvarjamo podatkovni most med dvema ločenima informacijskima sistemoma. Če želimo povezati dva raznorodna sistema, kot sta portal z zapisniki tekem in zaledni sistem NK Postojna, lahko to storimo na različne načine. Dobre prakse v takšnih primerih priporočajo uporabo spletnih storitev, kjer se uporabniki obeh sistemov sestanejo in ena od strani razvije protokol oz. programski vmesnik (angl. Application Program Interface API), po katerem na poslano podatkovno zahtevo Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 39

45 (klic API s parametri) pridobi ustrezen odgovor (podatke) v dogovorjeni strukturirani obliki, največkrat XML (angl. Extensible Markup Language) ali JSON (angl. JavaScript Object Notation). Tak način izmenjave podatkov med dvema sistemoma je primeren predvsem zaradi: verifikacije: vrednosti parametrov izmenjevalnega formata lahko zelo natančno predpišemo in posledično nadziramo (npr. v XML-shemi lahko zahtevamo, da mora biti vrednost polja karton izključno 'rumena' ali 'rdeča'), razširljivosti: če je treba dodati nove podatke, samo dopolnimo shemo s pravili za nova polja in že lahko z nespremenjenim klicem API pridobimo in ustrezno obdelamo razširjen nabor podatkov. Strokovni izraz za to zaželeno lastnost izmenjevalnih formatov je nizka sklopljenost (angl. loose coupling). Druga (manj optimalna) možnost pridobitve vhodnih podatkov za spletni portal NK Postojna je zajem in obdelava javno dostopnih podatkov na spletni strani MNZ Koper. Tak način ima dobre in slabe strani: neodvisnost: omogoča neposreden zajem podatkov o zapisnikih tekem, če ni možna vzpostavitev dvosmerne izmenjave podatkov z API, robustnost: aplikacijo za prenos in obdelavo podatkov lahko po potrebi poženemo tudi večkrat, rezultat bo enak, visoka sklopljenost: proces za obdelave podatkov je izredno odvisen od HTMLkode na strani MNZ Koper že najmanjši popravek oblikovanja ali prikaza podatkov na strani MNZ Koper lahko»pokvari«izvajanje aplikacije, zato je potreben stalen nadzor izvajanja in po potrebi dodelava aplikacije. Ker z MNZ Koper nismo mogli zagotoviti dvosmerne izmenjave podatkov z uporabo spletnih storitev, smo se odločili za drugo možnost zajema vhodnih podatkov. Namen aplikacije je zajem zapisnikov tekem s spletne strani MNZ Koper in masovni uvoz teh podatkov v podatkovni model razširitve aplikacije JoomSport zalednega sistema spletnega portala NK Postojna. Enota vnosa je zapisnik enega kroga, kot ga prikazuje Slika 33. Na Slika 33 je prikazan podatkovni tok aplikacije za zajem in analizo zapisnikov tekem. Slika 33: Vhodni in izhodni tok podatkov v aplikacijo za zajem in obdelavo zapisnikov tekem Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 40

46 Za uspešno izvajanje aplikacije morajo biti izpolnjeni nekateri predpogoji: vzpostavljena je spletna povezava do vira podatkov na spletni strani MNZ Koper; za potrebe testiranja je možen tudi zajem HTML-strani zapisnika brez spletne povezave, vzpostavljena je povezava s podatkovno bazo spletnega portala NK Postojna, aplikacija pozna identifikator tekmovanja (parameter liga_id) v MNZ Koper, tekmovanje in sezona (season_id) sta vnesena v zaledni sistem NK Postojna, v aplikaciji obstaja povezava (angl. mapping) med podatkoma liga_id in season_id, spremenljivi del vsebine zapisnika ni bistveno spremenjen. Aplikacijo poganja administrator zalednega sistema NK Postojna. Če so izpolnjeni našteti predpogoji, se bo aplikacija uspešno izvedla, v nasprotnem primeru bo izvajanje ustavljeno. Izvajanje aplikacije poteka na naslednji način: poveži se s podatkovno bazo NK Postojna ali ustavi izvajanje, če nimamo URL-naslova zapisnika tekme MNZ Koper, prikaži obrazec za njegov vnos; sestavni del URL-naslova so parametri liga_id, krog_id in drugi, če gre za zapisnik in so parametri ustrezni, iz baze pridobi podatke o vnesenih tekmovanjih in jih upari s parametri iz 2. koraka; v primeru neuspešnega uparjanja ustavi izvajanje, iz baze pridobi podatke o ekipah, ki sodelujejo v izbrani sezoni (season_id), iz baze pridobi termine tekem izbrane sezone, obdelaj zapisnik tekme: pridobi podatke in jih shrani v seznam $STAT; podatki vključujejo postavo obeh ekip, rezultat, lokacijo, sodnike, igralce, strelce, kartone, menjave, iz baze pridobi termin obdelanega tekmovalnega dne (kroga); če krog ne obstaja, ga vpiši v bazo, za vsako tekmo iz zapisnika v bazi poišči podatke iz 6. točke; če že obstajajo, jih ažuriraj, sicer jih vnesi. Izvorna koda aplikacije za zajem in analizo statistike tekem lige MNZ Koper je Priloga 1 tega diplomskega dela FACEBOOK MODUL Za dodatno poživitev spletne strani in povezljivost z uporabniki informacij smo uporabili Facebook Wall Feed for Joomla! modul s spletne strani ki omogoča izpis objav s Facebook strani NK Postojna in/ali s Facebook profila NK Postojna, kot to prikazuje Slika 34. Povezovalni podatki so izbrisani. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 41

47 Slika 34: Nastavitve povezljivosti Facebook modula Na spletni strani smo modul postavili samo na vstopno stran pod klubskimi novicami, s čimer smo se želeli povezati z družabnim omrežjem, a ohraniti osredotočenost obiskovalca na samo spletno stran namesto na Facebook IZBOLJŠAVE CELOSTNE PODOBE Kot navaja spletna stran občine Postojna, ima mesto v svojem grbu dve živali: orla in človeško ribico. Postojna je prepoznavna predvsem po človeški ribici in posledično je verjetno prišlo do odločitve, da se ta znajde tudi v klubskem grbu. Da bi dodatno izboljšali podobo in jo naredili še privlačnejšo za širšo javnost, smo se posvetovali z oblikovalcem Janom Javornikom. Po krajši raziskavi smo ugotovili, da nogometni klubi pogosto zelo uspešno uporabijo motiv močne živali. Tako je na primer splošno znan motiv bika košarkarskega kluba Chicago Bulls, pri nas pa motiv zelenega zmaja v klubih v prestolnici. Odločili smo se, da bomo krotki človeški ribici dodali tudi bolj agresivno podobo morskega psa, in tako je nastal logotip z obema motivoma, ki ju prikazuje Slika 35. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 42

48 Slika 35: Logotip za spletno stran Kasneje smo dodatno izboljšali podobo, za katero smo se s klubom odločili, da jo bomo uporabljali tudi v druge marketinške namene. Slika 36: Splošni marketinški logotip NK Postojna S tem smo zaključili razvoj in testiranje spletne strani. Odziv na predstavitev je bil dober, tako da smo se odločili za objavo. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 43

49 5. OBJAVA IN OPTIMIZACIJA SPLETNE STRANI Da bi lahko objavili stran, je bilo treba registrirati domeno ali ustvariti poddomeno obstoječe domene. Prvotni načrt je predvideval uporabo občinske poddomene postojna.si, ki bi bila nk.postojna.si. Korist od tega bi imela tako klub kot tudi občinska spletna stran. Spletni naslov občine je že uveljavljen in znan, nova poddomena pa bi privabila nove, redne obiskovalce. Obiska obeh spletnih strani bi se nedvomno povečala, kar je v interesu tako kluba kot občine, ki ponuja svoje informacije. Z občinskimi administratorji in odgovornimi je bil tako dosežen dogovor o tem in poddomena je bila ustvarjena ter objavljena. Naslednji korak je gostovanje. Spletno stran lahko postavimo na kateri koli računalnik, ki je priključen v mrežo. Ker uporabniki dostopajo do spletnih mest prek imen spletnih strani, ki si jih ljudje zlahka zapomnimo, namesto IP-številk, je treba v DNS-ju (angl. Domain Name System) posodabljati povezavo med imenom in IPnaslovom. Če želimo torej gostovati na domačem računalniku ali strežniku, je najbolj priročen način pridobiti stalen naslov od internetnega ponudnika in pri registrarju domen usmeriti ime na svojo IP-številko. Če to ni mogoče, obstaja možnost uporabe storitev ponudnikov dinamičnih DNS-zapisov, kot sta na primer ali Zaradi optimizacije stroškov smo najprej poskusili na tak način, pri čemer so se pokazale slabosti, največje pa so bile naslednje: količina dostopov do spletnih strani je presegala našo zakupljeno pasovno širino, kar je v praksi pomenilo, da so obiskovalci pogosto dobili obvestilo o nedostopnosti spletne strani, v dnevniških zapisih Apache smo opazili poskuse dostopa do povezav, ki niso obstajale. Po tem smo sklepali, da prihaja do poskusa vdora, varnostno kopiranje datotek in baz podatkov smo urejali sami, vendar je bilo to treba urejati ročno, saj dostopa do operacijskega sistema nismo imeli, prav tako pa ni bilo nameščenih orodij, ki bi nam to omogočala. Da bi se izognili odvisnosti od druge organizacije (občine Postojna) in dodatnemu administratorskemu delu, smo se odločili, da bomo pregledali komercialne ponudbe za registracijo svoje domene in gostovanje. Po pregledu smo se odločili za GoDaddy paket registracije domene in gostovanja pri njih. V paketu gostovanja smo dobili: neomejen diskovni prostor, neomejeno količino prenosa podatkov, neomejeno število baz podatkov, neomejeno število elektronskih naslovov z domeno in 1 GB prostora za elektronsko pošto. To zadnje smo nameravali uporabiti za dodelitev elektronskih naslovov članom kluba s preusmeritvijo na njihov obstoječi, privatni elektronski naslov. Kar je privlačno pri njihovi ponudbi, je to, da uporabnik dobi v relativno enostavnem vmesniku popoln nadzor nad svojim spletnim mestom. Med drugim imajo Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 44

50 predpripravljene namestitve popularnih ogrodij, kot so na primer Joomla!, WordPress in Drupal. To uporabniku, ki ni vešč, omogoči lažjo pripravo ogrodja in nadaljnjo izgradnjo spletne strani. Tako v vmesniku označimo, da želimo namestiti ogrodje Joomla!, in počakamo, da se namestitev izvede. Prenos testne spletne strani se izvaja v šestih korakih: izdelava varnostne kopije podatkovne baze, preusmeritev spletne strani na obvestilo o začasni nedostopnosti, prenos baze podatkov, prenos datotek, odstranitev preusmeritve, preverjanje delovanja. Varnostno kopijo izdelamo z vmesnikom phpmyadmin. Med izvozom je treba označiti tudi opcije ustvari/uporabi bazo podatkov, kjer po izvozu spremenimo ime baze v ime, ki je na gostujočem strežniku. Prav tako je treba dodatno označiti brisanje tabele, če obstaja, da bi vnesli sveže podatke o sistemu s testnega okolja, ki ne bi bili podvojeni. Pri spletnih straneh je pomembno, da pri pričakovanih izpadih delovanja uporabnike obvestimo, saj se bodo tako obiskovalci, ki prvič obiščejo spletno stran, tudi vrnili. Joomla! omogoča vzdrževalni način delovanja. V administratorskem vmesniku označimo»vzdrževalni način«, ki uporabniku sporoči, da se na spletni strani izvajajo posegi in zato ni dostopna. Vmesnik omogoča, da sporočilo prilagodimo svojim željam. Enako storimo tudi z lokalno, testno kopijo, da se po prenosu in obnovitvi podatkovne baze ne bi pojavila spletna stran pred prenosom lokalnih datotek. Gostovanje nam omogoča izdelavo in obnovitev podatkovnih baz, ki jih imamo. Uporabimo lahko njihovo lastno spletno aplikacijo ali, kot opcijo, vmesnik phpmyadmin. Mi smo uporabili phpmyadmin za obnovitev podatkovne baze. Naslednji korak je kopiranje obstoječega testnega okolja, pri čemer je treba prebrati dostopne podatke za bazo iz datoteke configuration.php, ki jih bomo morali spremeniti v obstoječi lokalni datoteki. Najprej si torej skozi spletni vmesnik GoDaddy ali s FTP-klientom prenesemo navedeno datoteko in prekopiramo parametre v obstoječo testno. Ko so podatki o dostopu do podatkovne baze spremenjeni, prenesemo vse lokalne datoteke v mapo na strežniku, ki je določena za korensko mapo spletne strani. Ko je vse preneseno, se poskusimo prijaviti v administratorski vmesnik. Če je prijava uspešna, pomeni, da je tudi povezava do podatkovne baze uspešna. V administratorskem vmesniku odstranimo preusmeritev in preverimo prikaz spletne strani. Če se prikaže vsebina s testne strani, je bil prenos uspešen. Po objavi se posvetimo optimizaciji spletne strani (v nadaljevanju SEO), ki je namenjena izboljšanju položaja spletnih strani na iskalnikih. SEO je postal pomemben del za izboljšano uvrstitev spletne strani. Raziskave kažejo, da je že pri velikih podjetjih, torej takih, ki so javnosti poznana, skoraj polovica spletnega Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 45

51 prometa usmerjena s spletnih iskalnikov. Tako so na spletni strani Conductor.Blog julija 2014 ugotovili, da sta pravzaprav že dve tretjini prometa preusmerjeni s spletnih iskalnikov (Safran 2014). Slika 37 nam prikazuje rezultate raziskav, ki so jih izvedli njihovi analitiki. Slika 37: Porazdelitev obiska spletnih strani glede na izvor obiska (Safran 2014) Za manj znane spletne strani, ki želijo privabiti nove obiskovalce, je še toliko bolj pomembno, da upoštevajo enostavna navodila in se potrudijo s SEO. Večina obiskovalcev bo našla spletno stran prek iskalnikov, preden si zabeležijo spletni naslov med priljubljene in začnejo generirati direktni promet. Za boljšo uvrstitev spletne vsebine smo najprej uporabili iskalnikom prijaznejša imena povezav do člankov, ki jih omogoča Joomla!. Take naslove si lažje zapomnimo in so nam bližji kot pa zapleteni generirani sistemski naslovi. Primer spletnega naslova članka s sistemsko in kratko povezavo je naveden spodaj. Sistemska povezava: prvaki-lige &catid=12:u-19 Iskalniku prijazna povezava: Kot je videti iz primera, je drugi način tudi bolj razumljiv. Naslednji korak je SEOoptimiziranje, za pomoč pa obstaja že veliko vtičnikov, ki nam pomagajo urediti ta segment. Prenesli smo vtičnik Easy Frontend SEO, s katerim smo dodatno opisali vsebino članka in mu dodali dodatne ključne besede. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 46

52 Slika 38: Porazdelitev obiska spletnih strani NK Postojna glede na izvor obiska (vir: google Analytics ) Kot je razvidno s Slike 38, večina obiskov spletne strani izvira iz različnih iskalnikov, zato je toliko bolj pomembno, da je stran ustrezno optimizirana. Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 47

53 6. ZAKLJUČKI 6.1. OCENA UČINKOV Da bi bolje razumeli učinke, smo naredili SWOT-analizo spletne strani, ki nam pomaga pri razumevanju trenutnega stanja izdelka in pri odločitvah, kako nadaljevati z delom ali razvojem. SWOT-analiza je razdeljena na štiri segmente: prednosti angl. strengths, slabosti angl. weaknesses, priložnosti angl. opportunities, nevarnosti angl. threats. Pri tem se prvi dve nanašata na interne faktorje, zadnji dve pa na zunanje vplive. Med prednostmi smo zaznali: zmanjšanje operativnih stroškov, hitro dostopne aktualne informacije, lažje načrtovanje dela, zmanjšano obremenitev strokovnih sodelavcev s podajanjem informacij o različnih terminih aktivnosti. Kot interne slabosti smo opazili naslednje: premajhno število administratorjev, premajhno število poročevalcev oz. piscev prispevkov, nove načine dela in komuniciranja za strokovno osebje, ki se mu lahko uprejo, ni sredstev za nadaljnji razvoj spletne strani in dodatnih funkcionalnosti. Med priložnostmi smo našteli: uvedbo foruma, ki lahko pomaga dodatnemu povezovanju s ciljno publiko, spletno trgovino za navijaške rekvizite, izboljšano javno podobo kluba, podrobne informacije so podane tudi o drugih klubih, česar ostali klubi nimajo, zaradi boljše obveščenosti se izboljša obisk tekem. Zunanje nevarnosti, ki lahko ogrozijo delovanje spletne strani, so: viri informacij lahko spremenijo obliko, kar bi pomenilo ponoven razvoj za vnos, sprememba v strukturi podatkov aplikacije JoomSport, popolna sprememba CMS ali aplikacije, ki bi otežila prenos arhivskih podatkov. Med tem, ko je bilo zaznati, da je količina informacij, ki je bila podana prek spletne strani, dosegla svoje ciljno občinstvo, se je prek objavljenih kontaktov na spletni strani povečalo tudi število telefonskih klicev in elektronske pošte. Prav tako je z rednimi objavami o terminih tekem povečan obisk na tekmah. Povečalo se je zanimanje za klub in zadovoljstvo javnosti ter članov kluba, ki so pridobili dodatno pozornost javnosti pri svojih uspehih. Kot bomo prikazali v poglavju 6.3., obstaja veliko možnosti za nadaljnji razvoj in izboljšave, potrebna bo pa nadaljnja analiza o Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 48

54 ekonomski učinkovitosti teh izboljšav. Zaznati je kar precejšnje število negativnih vplivov, tako internih kot eksternih. Kot smo že izpostavili, so sredstva zelo omejena, kar lahko zavre nadaljnje izboljšave, torej se lahko v primeru večjih sprememb na aplikativnem nivoju zaradi pomanjkanja sredstev spletna stran ne prilagodi in posledično preneha delovati. Prav tako še vedno ni vzpostavljena skupina skrbnikov in poročevalcev, ki bi lahko prevzeli delo trenutnih POGOJI ZA UVEDBO Za izdelavo in objavo spletne strani nam, kot je bilo že navedeno, zadostuje že navaden osebni računalnik s povezavo v svetovni splet. Torej so stroški lahko samo časovni vložek osebe, ki izdeluje spletno stran. Bolj resen pristop zahteva oblikovalca, programerja in strokovnjaka za optimizacijo. Cene na trgu v Sloveniji se za izdelavo zelo enostavne spletne strani v maju 2015 gibljejo do približno 200 evrov. Okvirno za to dobimo do pet podstrani ter do tri dodatke, k tej ceni pa je običajno treba prišteti še dodatne mesečne naročnine, ki znašajo od 10 do 15 evrov na mesec. Ponekod so tudi dodatni skriti stroški, ki še povišajo naročnino, če želimo sami urejati vsebino. Tako lahko, če zelo podrobno ne pregledamo ponudbe, hitro pridemo do višjih zneskov, kot so nam bili prvotno predstavljeni. Strošek izdelave kompleksne spletne strani, ki bi ustrezala našim originalnim zahtevam, bi stal od 1500 do 2000 evrov brez stroškov gostovanja. Naša investicija je znašala: desetletni zakup domene nkpostojna.com: EUR, enoletni zakup gostovanja za prvo leto: 72 EUR, nadaljnja gostovanja: 175 EUR/leto. Stroškov dela zaradi prostovoljstva nismo imeli MOŽNOSTI NADALJNJEGA RAZVOJA Že med samim razvojem in pozneje produkcijsko postavitvijo so se pokazale nove funkcionalne zahteve ter potrebe po spremembah, kot sta bila videz spletne strani in potencialna potreba po forumu. Med tem, ko sicer obstaja možnost komunikacije med ljubitelji kluba s Facebook vmesnikom, ta ne nudi zgodovinskega pogleda, saj se veliko informacij na Facebooku arhivira in nikoli ne poišče, kot je to mogoče na forumih. Nadaljnji korak in najbolj enostaven bo poslovenjenje komponent, ki še nimajo prevoda. Ena teh je prevod koledarja JEvents, kar bo olajšalo branje obiskovalcem s slabšim nivojem razumevanja angleškega jezika. Skorajda nujen korak je izboljšava nadzora avtomatiziranega vnosa podatkov o podrobnostih tekem. Problematičen je avtomatizirani vnos podatkov ob nepopolnih krogih ali nepopolnih zapisnikih, saj ni dodatnega nadzora za preverjanje pravilnega vnosa. Tak primer je neobstoj menjav posameznega moštva. Skripta prebere prazno polje in vnese igralce s praznim imenom in priimkom. Dodatna izboljšava bi bila tudi Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 49

55 uparjanje imen moštev, ki so objavljena na MNZ-spletnih straneh z imeni, ki jih imamo v naši bazi. Aplikacija, ki jo uporabljata oba MNZ-ja, ne beleži zgodovine moštva za nazaj, iz česar lahko sklepamo, da vsako leto vnese imena moštev na novo. Ker se ta zaradi sponzorjev spreminjajo, jim tak način predstavlja olajšano delo. Ker pa želimo spremljati klube in igralce skozi leta, nam vsaka sprememba imena dodatno oteži avtomatiziran vnos podatkov. Izboljšavo bi lahko naredili tako, da v prvem koraku preverimo, ali so klubi ustrezno uparjeni, in šele v drugem koraku vnesemo podatke. Korak, ki je možen v prihodnje, je postavitev spletne trgovine za prodajo navijaških rekvizitov. Ta opcija sicer nikoli ni bila zahtevana, bi bila pa dokaj enostavna za implementacijo. Gostovanje Goddady nudi, podobno kot CMS-namestitev, tudi dodatke spletnim stranem. Ena izmed teh je spletna trgovina Zen Cart, ki je prav tako brezplačna odprtokodna rešitev in ne zahteva dodatnih finančnih vložkov razen vloženega dela. Dodatna prednost je, da se brez dodatnega programiranja lahko poveže s plačilom prek plačilnih storitev Paypal, katerega trenutna prednost za mala podjetja ali društva je tudi v tem, da ni treba plačevati mesečne naročnine, temveč samo odstotek od prodajne vrednosti. To omogoča, da male trgovine ali podjetja v zagonu začnejo s spletno prodajo brez vhodnih stroškov. Maja 2015 je tako provizija Paypala za Slovenijo znašala 3,4 % od prodajne vrednosti artikla in dodatnih 0,35 evra. To velja za podjetja, ki ne presegajo mesečnega prometa 2500 evrov. V primeru, da je mesečna prodaja višja, se lahko dosežejo tudi boljši pogoji (vir: Paypal.com ). Slika 39: Provizija plačilne storitve Paypal za plačila v Sloveniji (vir:paypal.com ) Predvidevanja rezultatov, analize in statistike tekem so stvari, ki zanimajo vsakega športnega navdušenca. Analize so že zdavnaj presegle prvotni namen poročanja javnosti. Nogometne statistike so postale predmet znanstvenih raziskav, kot na primer raziskava o vplivu zgodovinskih podatkov v nogometu na prihodnje rezultate, ki sta jo izvedla Andreas Heuer in Oliver Rubner (2012) z univerze v Munstru. Med tem, ko so statistični podatki o tekmah in igralcih lahko dober dodaten vir informacij za trenerje in strokovni štab, je uporaba teh podatkov že zdavnaj Mladen Vukadinović: Dinamične spletne strani za nogometni klub stran 50