IZGRADNJA PREDSTAVITVENE SPLETNE STRANI GLUCOWATCH Avtor: Marko Zajko Projekt delno financira Evropska unija, in sicer iz Evropskega socialnega sklada

Transkripcija

1 IZGRADNJA PREDSTAVITVENE SPLETNE STRANI GLUCOWATCH Avtor: Marko Zajko

2 UPORABLJENE TEHNOLOGIJE Za izdelavo predstavitvene spletne strani smo izbrali tehnologije, ki zagotavljajo: Hitro delovanje spletne strani. Edinstveno vizualno spletne strani. Preprost vnos vsebine na spletno stran. Dobro optimizacijo strani za moderne iskalnike kot so Google, Bing Prilagodljivost spletne strani mobilnim napravam. Spletni strežnik za postavitev spletne strani nam je omogočila fakulteta za zdravstvene vede. Strežnik deluje na operacijskem sistemu CentOS s podporo PHP in MySql. Osnova predstavitvene spletne strani je prosto dostopen sistem za preprosto vnašanje vsebine Wordpress. Wordpress uporablja podatkovno bazo Mysql poganja pa ga programski jezik PHP. Za boljšo uporabniško izkušnjo smo izdelali lastno temo v Wordpressu, ki uporablja prosto dostopno knjižnico JQuery. Za prilagoditev strani na mobilne aplikacije pa smo uporabili CSS framework Bootstrap. Oblikovanje slikovnega materiala za spletno stran smo izvedli s prosto dostopnim programom Gimp samo programiranje pa je potekalo s pomočjo napredne beležnice Notepad++. Za komunikacijo s strežnikom smo si pomagali z programom WinScp, SSH dostop pa nam je omogočil program Putty. OPIS UPORABLJENIH TEHNOLOGIJ CentOS strežniški operacijski sistem, ki omogoča delovanje programskega jezika PHP in podatkivnih baz MySql Wordpress CMS (Content Managment Sistem) je sistem za vnos vsebine. Omogoča uporabo sodobnih tehnologij za izdelavi spletnih strani. Zaradi svoje prilagodljivosti velja za najbolj priljubljeno aplikacijo za urejeanje vsebine na svetovnem spletu. HTML (Hype Text Markup Language) označevalni jezik za izdelavo spletnih strani in aplikacij. CSS (Cascading Style Sheets) slogovni jezik, ki skrbi za obliko in prikaz HTML elementov na spletni strani. JavaScript skriptni jezik za izdelavo interaktivnih spletnih strani in aplikacij. PHP (PHP Hypertext Preprocessor) strežniški programski jezik za izdelavo dinamičnih spletnih strani in aplikacij. jquery knjižnica za hitrejši razvoj JavaScript aplikacij. Bootstrap CSS knjižnica, ki omogoča uporabnikom prijazen prikaz spletne aplikacije na mobilnih napravah. (W3Schools, 2015; PHP, 2015; CentOS, 2015)

3 Zaslonska slika programa Putty in WinSCP Zaslonska slika programiranja v Notepad++

4 ZGRADBA SPLETNE STRANI Osnovni namen spletne strani je predstavitev in promocija projekta»uporaba MOBILNE TEHNOLOGIJE ZA PODPORO SAMOOBVLADOVANJU SLADKORNE BOLEZNI (GlucoWatch)«. Pri sami izgradnji smo uporabili sodobne pristope za izgradnjo predstavitvenih spletnih strani. Odločili smo se za tako imenovani»single page«pristop, kjer so vsi podatki o produktu navedeni na eni strani. V glavi strani se nahaja meni s povezavami in drsnik slik. Klik na povezavo v meniju nas podrsa do željenega vsebinskega sklopa na isti strani stran se ne osveži. Tekom strani so navedene pomembne informacije in podatki o projektu in mobilni aplikaciji. V nogi strani pa se nahajajo logotipi sodelujočih v projektu. Spletna stran ima posebej ločen vmesnik za administratorje, ki omogoča preprost vnos vsebine na spletno stran. Zaslonska slika dela predstavitvene strani projekta Zaslonska slika vmesnika za administratorje

5 VIRI CentOS. (2015). Pridobljeno iz PHP. (2015). Pridobljeno iz W3Schools. (2015). Pridobljeno iz