1. ELEKTROTEHNIKA KOLA
NIKOLA TESLA
BANJA LUKA
Ime i prezime uenika
DIZAJN I IZRADA MULTIMEDIJALNE WEB PREZENTACIJE
MATURSKI RAD
Banja Luka, jun 2013.
2. Tema: Dizajn i izrada multimedijalne web prezentacije
Kljune rijei:
Internet
Multimedija
Prezentacija
CMS
Joomla
Wordpress
Uenik:
Ime i prezime uenika
3. ELEKTROTEHNIKA KOLA
NIKOLA TESLA
Predmet: PRIMJENA RAUNARA
Tema: DIZAJN I IZRADA MULTIMEDIJALNE WEB
PREZENTACIJE
Zadatak: U okviru rada potrebno je obraditi kriterijume kojih
se treba pridr転avati prilikom izrade uspje邸ne web
prezentacije sa posebnim osvrtom na poetnu
stranicu, navigaciju, preglednost i funkcionalnost.
Definisati pojam sistema za upravljanje sadr転ajem
te dati pregled esto kori邸tenih sistema za
upravljanje sadr転ajem otvorenog koda kao i
poreenje WordPress i Joomla sistema. U
praktinom dijelu rada obraditi WordPress sistem za
upravljanje sadr転ajem.
Mentor: Ime i prezime profesora
Uenik: Ime i prezime uenika
Banja Luka, jul 2013.
4. SADR貼AJ
1. UVOD............................................................................................................................................................ 1
2. KRITERIJI ZA IZRADU KVALITETNE WEB PREZENTACIJA ........................................................... 2
2.1. JASAN CILJ .................................................................................................................................................... 2
2.1. NASLOVNA STRANA ...................................................................................................................................... 2
2.2. NAVIGACIJA ................................................................................................................................................. 2
2.3. PREGLEDNOST I JEDNOSTAVNOST ................................................................................................................. 3
2.4. FUNKCIONALNOST ........................................................................................................................................ 4
3. SISTEMI ZA UPRAVLJANJE SADR貼AJEM CMS ................................................................................. 5
3.1. PREGLED CMS RJEENJA .............................................................................................................................. 6
4. POREENJE WORDPRESS I JOOMLA SISTEMA ZA UPRAVLJANJE SADR貼AJEM .................... 7
5. ZAKLJUAK .................................................................................................................................................... 8
LITERATURA ...................................................................................................................................................... 9
5. 1. UVOD
Brzi razvoj Interneta devedesetih godina omoguio je jednostavnu i brzu
komunikaciju sa bilo kojeg dijela planete. Pristupanost i cijena komunikacije preko
Interneta zasjenila je sve druge naine komunikacije, izbaciv邸i Internet u prvi plan.
Danas, gotovo svaka firma koristi Internet za komunikaciju.
Jedna od vrsta komunikacije je prezentacija. Internet prezentacija se naziva WEB
prezentacija. Posjedovanje WEB prezentacije Vam omoguava da na jednom mjestu
24 sata dnevno budete dostupni va邸im poslovnim partnerima. Posjedovanje WEB
prezentacije omoguava va邸im buduim poslovnim partnerima da vas pronau i
kontaktiraju.
Uspje邸na WEB prezentacija se sastoji od 3 element: naziva, prostora i dokumenata.
- Statina WEB prezentacija je najjednostavniji oblik WEB prezentacije.
Sastoji se od HTML dokumenata koji su meusobno povezani i usklaeni.
HTML dokumenti, slino kao WORD dokumenti, se sastoje od tekstova i slika.
- Dinamina WEB prezentacija je, osim tekstova i slika, sastavljena i od video
dokumenata, koji se nazivaju FLASH dokumenti. Bilo da se radi o
animacijama ili stvarnim video zapisima, dinamine WEB lokacije
omoguavaju veu interakciju od statinih WEB lokacija. Ako bi statine WEB
lokacije uporedili sa novinama, onda bi dinamine WEB lokacije bile TV
stanice.
- WEB servis kao 邸to mu samo ime ka転e servis na Internetu. WEB servis je
skup programskih skripti koje vam omoguavaju pru転anje bilo kojih vrsta
usluga putem Interneta. WEB servisi su najnapredniji oblik komunikacije na
Internetu. Na邸a ponuda vam omoguava pokretanje bilo koje vrste servisa od
email servisa, formi za unos i prikazivanje podataka, do pokretanja WEB
prodavnica ili foto galerija.
1
6. 2. KRITERIJI ZA IZRADU KVALITETNE WEB
PREZENTACIJA
Poznato je da kod nas, a i u svijetu preko 90% sajtova na Webu iz razliitih
razloga nije dobro uraeno,a kad bismo ovde dodali i promociju - procenat se
poveava. Da ne biste do邸li u situaciju da ve zavr邸ena prezentacija bude lo邸e
ocenjena, da je ljudi ne posjeuju i da nema efekta od nje, potrebno je sljediti
sljedea pravila:
Jasan cilj
Naslovna strana
Navigacija
Preglednost i jednostavnost
Funkcionalnost
2.1. Jasan cilj
Prezentacija mora da odgovori na pitanje: koja je njegova svrha, tj. kome i za
邸ta je namenjena i to mora biti oigledno kako na prvoj stranici tako i na svim
preostalim stranicama. Na osnovu cilja Web prezentacije, tj. cilja prisustva firme na
internetu, kreira se organizacija, sadr転aj i dizajn prezentacije.
2.1. Naslovna strana
Prva, tj. naslovna strana daje informacije o kakvom se sajtu radi, jer ako
posetilac odmah ne zna gde je stigao, za邸to bi uop邸te oti邸ao na neku drugu stranicu
sajta. Zato nije dobro kreirati uvodnu stranicu sajta, tzv. Splash page, tj. stranicu na
kojoj obino postoji samo logo firme i ulaz na jedan ili vi邸e jezika, bez naroitog
opisa.
Home Page treba razmi邸ljajti kao o prvoj strani asopisa. Ljudi obino prvo
primete gornji levi ugao pa je pogodno da se ne邸to stvarno va転no postavi tu, a
taj deo je vidljiv i na najmanjim monitorima 640x480 piksela. To su elementi
koji e se prvi prikazati.
Od HP zavisi koliko e svi ostali delovi sajta biti poseeni. Kratka forma je
va転na za HP - onaj koji bude zainteresovan za ono o emu govorite posle e
rado proitati i ne邸to du転i tekst. Ukoliko 転elite da vam se posetioci obrate na
Va邸 E-mail postarajte se da do njega ne treba doi skrolovanjem strane , ve
da je pri njenom vrhu.
HP treba da bude vodi kroz sadr転aj i poka転e posetiocu 邸ta sve mo転e pronai
na va邸em sajtu i da ga motivi邸e da nastavi itanje. Najsa転etiji rezime
prezentacije treba da je na poetku prve stranice sajta. Najbitnijie delove sajta
(maksimalno pet) treba istai vizuelno pomou grafikih metafora, ali biti
obazrivi sa njima. Sadr転aj koji nudite, lep dizajn, brzina uitavanja i dobar
navigacioni sistem na prvoj stranici su najva転niji.
2.2. Navigacija
U tekstu koji sljedi date su osnovne smjernice za organizaciju sajta:
Organizacioni sajt mora biti razumljiv svakom posjetiocu, inae se on nee
dugo zadr転ati na njemu (kad prvi put poseti sajt posetilac bi trebalo da se
zadr転i bar 1 minut). Treba da postoji podela na sekcije u skladu sa
2
7. poslovanjem kako bi se 邸to lak邸e snalazilo na predstavljenom materijalu. Sve
stranice bi trebalo da imaju linkove do najva転nijih sekcija sajta, i obavezno do
naslovne strane.
Navigacija na sajtu slu転i posetiocu kao vodi do sadr転aja koji ga zanima. to
je navigacija kvalitetnija posetilac e lak邸e nalaziti tra転ene sadr転aje i e邸e e
dolaziti na sajt.
Osnovna podela navigacije sa aspekta njenog polo転aja na stranici je podela
na horizontalnu i vertikalnu navigaciju, a na sajtu mo転e postojati jedna od te
dve ili obe vrste. Veoma je zgodno ponoviti navigaciju na kraju stranica koje su
veoma dugake, da posetilac ne bi morao da ponovo dolazi na vrh stranice.
Takoe je preporuljivo postaviti link do vrha stranice.
Statistike poseenosti pokazuje da posetioci vi邸e biraju linkove koji su bli転i
lijevoj ivici stranice na horizontalnoj navigaciji, a bli転e vrhu u vertikalnoj, a vi邸e
se koristi horizontalna u odnosu na vertikalnu navigaciju. Iz ovoga direktno
proizilazi da je potrebno veoma dobro razmisliti koji su linkovi manje ili vi邸e
bitni, i tako ih poreati u vertikalnu i (ili) horizontalnu navigaciju.
2.3. Preglednost i jednostavnost
Slika 1. Primjeri preglednih sajtova
Dizajn sajta mora biti konzistentan, tj. prepoznatljiv na svakoj njegovoj stranici.
Sama kreacija Web dizajna zavisi od cilja sajta i od isticanja odreenog sadr転aja na
njegovim stranicama. Prva stvar koja se primeuje na Webu je izgled sajta, zato je
dizajn veoma bitan, jer komunicira sa posetiocem i predstavlja prvu impresiju.
Moderan ili tradicionalan? Ozbiljan ili prijateljski? Topao ili hladan? Dizajn sajta treba
da reflektuje Va邸 identitet. Neka od osnovnih pravila u vezi sa dizajnom su:
Boju pozadine, slike i tekst treba usaglasiti tako da sve deluje skladno i da
tekst bude itljiv. Treba koristiti tople pastelne boje koje privlae posjetioce, tj.
najbolje bi bilo da je dizajn prozraan-lak. Ne treba zaboraviti na logo, jer se
na taj nain stvara identitet sajta.
Veoma bitna stvar na Webu je itljivost. Kontrast je bitan, ali ne treba
pretjerivati.Tradicionalna crna slova na beloj pozadini su prijatna za na邸e oi,
a siva na beloj pozadini jo邸 su prijatnija.
Obezbedite razdvajanje pasusa i dosta belog prostora po邸to odmara oi.
Tekst ne treba da bude ni predugaak ni pre邸irok.
Fontovi bi trebalo da su uobiajeni, npr. Ariel, Verdana,Tahoma, Courier... i ne
manji od 10 piksela.
Ne treba pretjerivati sa 邸arenilom boja i tamnom pozadinom, flash-
animacijama, zvucima i drugim multimedijalnim efektima, prevelikim ili
3
8. bespotrebnim slikama... (邸to produ転ava vreme uitavanja strane, koje ne bi
trebalo da bude du転e od 30-ak sekundi).
Treba se prvenstveno fokusirati na sadr転aj, a ne na dizajn.
2.4. Funkcionalnost
Neophodno je da se obezbedi lako dola転enje do 転eljenih informacija, jer
posetilac se na sajtu nee dugo zadr転ati, ako ne uspe brzo i lako da pronae ono 邸to
ga zanima.
4
9. 3. SISTEMI ZA UPRAVLJANJE SADR貼AJEM CMS
CMS predstavlja skraenicu za izraz Content Management System, odnosno
u prevodu sistem za upravljanje sadr転ajem. Primarno se odnosi na web rje邸enja,
onlajn softvere, preko kojih se vr邸i administracija web sajtova. U kompletu predstavlja
web sajt, sa administrativnim delom - gde se upravlja sadr転ajem, i javnim dijelom -
kome pristupaju posjetioci sajta.
Slika 2. Razdvajanje funkcoinalnosti kod CMS-a
Glavna odlika sistema za upravljanje sadr転ajem je onlajn pristup. Sistem je
postavljen na server i mo転e mu svako pristupiti, za razliku od statikih web
prezentacija gde se na lokalu vr邸i ureenje stranica i gde je potrebno svaki put nove
stranice kopirati na server, povezivati sa ostatkom sadr転aja, paziti svaki put na dizajn
nove stranice je previ邸e komplikovano za odr転avanje veih veb sajtova koji zahtevaju
redovno a転uriranje.
Slika 3. Detaljni prikaz funkcionisanja sistema za upravljanje sadr転ajem
Ukoliko se razmotri tehnika strana funkcionisanja sistema za upravljanje
sadr転ajem, dolazi se do arhitekture sistema . U pitanju je vi邸eslojna web aplikacija
koja se sastoji od: baze podataka, aplikacione logike i 邸ablona za prikaz. Svako
5
10. dinamino web re邸enje se kreira prema prikazanoj arhitekturi, samo je razlika u
odabiru programskog jezika i baze podataka.
Slika 3. Arhitektura sistema za upravljanje sadr転ajem
3.1. Pregled CMS rje邸enja
Open Sors sistemi za upravljanje sadr転ajem se mogu besplatno nai na
internetu. Za svaki od sistema postoji velika zajednica dizajnera i programera koji
redovno rade na usavr邸avanju konkretnog re邸enja. I ako je lako doi do sistema za
upravljanje sadr転ajem, potrebno je vremena da se sistem uredi u 転eljeni web
sajt.Danas se na internetu mo転e nai vi邸e CMS web re邸enja, a neka od njih su:
Joomla
Drupal
Wordpress
Geeklog
PHP Nuke
phpWCMS
TYPO3
Xoops
OS Commerce
SMF
Sva navedena rje邸enja imaju istu su邸tinu, kreiranje i odr転avanje veb sajtova.
Trenutno vodea CMS re邸enja su Drupal, Joomla i Wordpress. Sva ova rje邸enja
imaju izuzetno jaku onlajn podr邸ku u vidu dodatnih komponenti, foruma za podr邸ku
korisnicima, sisteme razvoja. Jedina mana Open Sors sistema je sigurnost, upravo
zbog otvorenog koda. Meutim, ukoliko se sistem redovno a転urira novim verzijama,
nee biti nikakvih problema.
Wordpress je jedan od poznatih sistema za upravljanje sadr転ajem, nastao
2003. godine kao vrlo jednostavni onlajn program sa malo koda, ija je osnovna
zamisao bila da se omogui svakodnevno pisanje na jednostavnom web sajtu. Vrlo
brzo prerasta u jedan od najaih alata za blogovanje koji koristi hiljade sajtova, i koji
svakodnevno pregledaju milioni posjetilaca. Razvoj Wordpressa je omoguila
zajednica, 邸to je i jedna od ideja Open Sors koncepta.
Joomla predstavlja jedno od vodeih sistema za upravljanje sadr転ajem uz iju
se administraciju mogu kreirati vrlo kvalitetna web re邸enja, sajtovi, portali. Mnogi
aspekti, pre svega lakoa kori邸enja i mogunosti pro邸irenja nainilu su da Joomla
bude jedan od najtra転enijih besplatnih re邸enja na webu.
6
11. 4. POREENJE WORDPRESS I JOOMLA SISTEMA ZA
UPRAVLJANJE SADR貼AJEM
Ako se posmatraju sajtovi realizovani na besplatnim sistemima za upravljanje
sadr転ajem, dve najzastupljenije platforme su upravo Wordpress i Joomla. U stopu ih
prati Drupal, re邸enje sa konceptom slinim Joomla re邸enju. Bez obzira na konkretan
projekat, mnogi web dizajneri svoja re邸enja forsiraju kroz jedno CMS re邸enje. Ipak,
postoje sluajevi u kojima je odreene web sajtove daleko lak邸e razviti kroz
Wordpress, ili pak portale kroz Joomla sistem.Wordpress i Joomla se mogu porediti
po vi邸e parametara. Konkretno e biti prikazano poreenje po osnovnim funkcijama,
brzini i optimizaciji za pretra転ivae.
Osnovna funkcija Wordpress-a je bloging. Ako se posmatra kao lina
platforma za publikovanje vesti, informacija, lanaka, wordpress to sa lakoom
odrauje. Publikovanje sadr転aja i slika se sa Wordpress platformom vrlo lako
obavljaju, sa te strane je Wordpress klasian primer web 2.0 tehnologije.
Osnovna funkcija Joomla-e platforme je kreiranje portala. Joomla nudi
kompletnije re邸enje sa vi邸e opcija u odnosu na Wordpress. U prvom kontaktu
Wordpress je bli転i korisnicima a takoe i jednostavniji. Joomla koristi komponente,
module i plaginove, dok Wordpress kao dodatke koristi samo pluginove, 邸to deluje
jednostavnije u korist Wordpressa, meutim sa vi邸e funkcija u korist Joomla re邸enja.
Joomla pru転a fleksibilnost jer je, recimo, mogue definisati vi邸e menija na vi邸e
pozicija, dok Wordpress u startu donosi jedan meni. Ukoliko je cilj kreirati portal,
Joomla je daleko bolje re邸enje.
Ako se sumira analiza, mo転e se rei da je Wordpress idealan kao re邸enje za
lino publikovanje, dok je Joomla pravi izbor kao kompletan CMS, odnosno kod
kreiranja portala.
Ako poredimo Wordpress i Joomla sistem po brzini, Wordpress je u prednosti.
Lak邸i kod i manji sistem omoguavaju da se sajt u Wordpressu daleko br転e uitava.
Joomla predstavlja kompleksniji sistem sa vi邸e koda.
Optimizacija za pretra転ivae predstavlja vrlo bitan parametar. Oba rje邸enja se
mogu modifikovati da budu vrlo pogodna za pretra転ivae, ipak, pri samoj instalaciji
Wordpress je mogue br転e i jednostavnije optimizovati za pretra転ivae, dok je kod
Joomla re邸enja to mogue uraditi tek iz nekoliko koraka i instaliranjem dodatnih
komponenti. Kod Joomle 1.5 je taj sistem olak邸an, ali Wordpress i dalje vodi u
domenu optimizacije za pretra転ivae.
7
12. 5. ZAKLJUAK
Web prezentacija se pravi zbog toga da bi bilo efekata od kori邸enja Interneta
- to je primarno, a ne samo pravljenje prezentacije zbog njenog postojanja i da bi na
vizit-karti imali Web adresu, ili zato 邸to konkurencija ima prezentaciju.
Trenutno su se na tr転i邸tu profilisala dva rje邸enja bazirana na Wordpress-u i
Joomla-i. Wordpress se koristi za manje web prezentacije ili vee bloging sajtove i
odlino je optimizovan za pretra転ivae sa brzim uitavanjem stranice. Joomla se
koristi za vee prezentacije, portale i uz dodatne komponente mo転e se koristiti za
izradu slo転enijih sajtova. Uz dodatna pode邸avanja Joomla mo転e biti vrlo dobro
optimizovana za pretra転ivae. Jedina mana Joomla-e je sporost uitavanja.
Za Internet nastup treba pronai inicijalna sredstva ne samo za izradu sajta,
ve i za njegovo odr転avanje, tj. a転uriranje, a treba planirati i bud転et za promociju na
du転i vremenski period. Naravno, ne treba misliti da e prezentacija im se napravi
odmah donositi profit - i Internet nastup treba razvijati.
8