Navodila za izdelavo spletne strani      Z izdelavo spletne strani in njenega zagovora morate pokazati o razumevanje spletnih tehnologij, ki so bile obravnavane v sklopu predavanj in vaj, in o sposobnost njihove uporabe v praksi. Z izdelavo spletne strani opravite obveznosti pisnega izpita. Pogoj za pristop k izpitu sta opravljeni obe vaji. Na prvih vajah morate navesti tematiko (naslov) spletne strani. Spletna stran mora predstavljati neko smiselno, funkcionalno celoto (npr. »Spletna trgovina«) Spletno stran morate izdelati individualno. 1. Splošna navodila             Uporaba spletnih tehnologij naj bo vsaj na takem nivoju težavnosti kot na predavanjih in vajah. Za višje ocene je potrebno narediti še korak naprej. Prepovedana je uporaba primerov s predavanj ali vaj (»copy/paste«), lahko pa jih prilagodite, nadgradite ali vzamete za zgled. Spletna stran lahko vsebuje največ 20 % kode, ki je niste napisali sami (v to kvoto ne šteje uporaba JS knjižnic). Pri tem je potrebno tako kodo o posebej označiti (npr. v obliki komentarja), o navesti vir, kje ste jo dobili, in o natančno poznati njeno delovanje. Spletna stran mora biti pripravljena za delovanje na lokalnem strežniku XAmpp v mapi, ki je poimenovana z vašim priimkom (spletna stran mora torej biti dostopna prek URL http://localhost/vašPriimek/index.html) Viri spletne strani naj bodo pregledno strukturirani. Statična HTML vsebina naj bo v izhodiščni mapi, preostala vsebina pa razporejena po podmapah. Slike naj bodo tako v ločeni mapi, PHP koda v ločeni mapi, itd. Uporabljajte relativno naslavljanje virov. Koda mora biti pregledna, strukturirana in berljiva. Programska koda spletne strani mora delovati brez napak. Vsebina spletne strani mora biti v slovenščini, prikaz šumnikov mora biti podprt. Celostna grafična podoba mora biti konsistentna po vseh podstraneh. Stil dokumenta mora biti določen izključno z uporabo jezika CSS v ločeni datoteki. Zaradi lažjega pregledovanja spletnih strani   o dostop do podatkovne zbirke omogočite uporabniku »root« s praznim geslom; o podatkovno zbirko poimenujte drugače, kot smo jo poimenovali na vajah. Strukturo in vsebino podatkovne zbirke priložite v obliki SQL datoteke, ki jo ustvarite z izbiro funkcije »izvozi« v administratorskem vmesniku sistema MySQL. Spletna stran naj ne obsega več kot 5 MB vsebine. 2. Ocenjevanje  Za pozitivno oceno mora spletna stran obvezno vključevati naslednje tehnologije in funkcionalnosti: o Upoštevajte vsa splošna navodila iz 1. poglavja o HTML  uporaba obrazca za pošiljanje podatkov strežniku  vključevanje zunanje multimedijske vsebine (zemljevidov, video posnetkov itd.) o CSS   uporaba selektorjev za elemente, razrede, id-je in psevdo razrede razvrščanje elementov po spletni strani (absolutno, fiksno, relativno, padding, margin, robovi,…) o JavaScript  uporaba dogodkov za klicanje JavaScript funkcij  večja količina druge programske kode, ki v skladu s tematiko spletne strani poskrbi za dinamično tvorjeno vsebino (vsaj 30 vrstic kode z različnim učinkom)  branje in spreminjanje lastnosti HTML elementov prek objektnega modela DOM  validacija podatkov v obrazcu (lahko je izvedena tudi v PHP) o PHP   validacija prejetih podatkov iz obrazca (lahko je izvedena tudi v JavaScriptu) večja količina druge programske kode, ki v skladu s tematiko spletne strani poskrbi za dinamično tvorjeno vsebino (vsaj 30 vrstic kode z različnim učinkom)  posredovanje vsebinsko smiselnega odgovora brskalniku na podlagi prejetih podatkov iz obrazca in podatkov iz podatkovne zbirke o Podatkovna zbirka in jezik SQL  uporaba podatkovne zbirke MySQL z vsaj eno tabelo (za pisanje in/ali branje podatkov) POZOR: Odsotnost ali nerazumevanje katere koli izmed zgoraj opisanih tehnologij in funkcionalnosti pomeni negativno oceno!  za višje ocene, dodatno k zahtevam za pozitivno oceno: o mobilni splet (obvezno za oceno 8 in več!)  del spletne strani mora biti izdelan za prikaz na mobilnih terminalih, pri čemer sledite smernicam, ki ste jih obravnavali na predavanjih  preusmeritev na mobilno različico spletne strani mora delovati samodejno na strežniku o HTML  navigacija po spletni strani z uporabo iframe okvirjev  uporaba elementov iz HTML 5 o CSS   prilagoditev prikaza mediju (npr. tiskalniku …) z uporabo selektorjev medijev prioritete vključenih stilov (zunanja datoteka, glava, značka…) o JavaScript  uporaba animacij in časovnikov  napredna uporaba modela DOM (npr. uporaba relacij v drevesu)  uporaba asinhrone komunikacije med odjemalcem in strežnikom (AJAX)  uporaba zunanjih knjižnic (npr. jQuery, dojo , Mootools) o PHP   uporaba sejnih spremenljivk kompleksnejša programska koda o Podatkovna zbirka in jezik SQL  uporaba kompleksnejših poizvedb v jeziku SQL  kompleksnejša struktura podatkovne zbirke (npr. večje število medsebojno povezanih tabel) o po želji tudi druge tehnologije in funkcionalnosti, npr. RSS, »captcha«, števec obiskov, prikaz »tvitov«, povezavo s Facebookom, uporabo različnih JavaScript aplikacijskih programskih vmesnikov (npr. geolokacija, shranjevanje podatkov v brskalniku, asinhrona komunikacija) itd. Za višjo oceno ni potrebno vključiti vseh navedenih tehnologij, na splošno pa velja: več kot je vključenih tehnologij, višja je izhodiščna ocena za zagovor. 3. Oddaja in zagovor       Pred oddajo spletne strani se je potrebno v e-studentu prijaviti na pisni izpit. Rok za oddajo spletne strani je objavljen sproti pred vsakim izpitnim rokom, navadno pa je ta rok okoli 5 dni pred izpitnim rokom. Spletno stran je do predpisanega roka potrebno oddati po elektronski pošti ([email protected]) v obliki ZIP datoteke. Ime ZIP datoteke mora vsebovati vaše ime in priimek, npr (JanezNovakST.zip) V ZIP arhiv morate dodati datoteko, ki vsebuje: o navodila za uporabo (npr. za namestitev) o pri ponovnem pošiljanju spletne strani (npr. če je bila na enem izmed prejšnjih izpitnih rokov ocenjena negativno) opišite in utemeljite spremembe, ki ste jih naredili od zadnjega pošiljanja. Zagovor predvidoma poteka v skupinah 4 ali 5 študentov v računalniški učilnici. V okviru zagovora morate o namestiti spletno stran na računalnik in jo pripraviti za brezhibno delovanje, o rešiti nekaj splošnih praktičnih nalog z vaj ali predavanj, o natančno predstaviti delovanje nekaterih delov vaše spletne strani.