際際滷

際際滷Share a Scribd company logo
ELEKTROTEHNIKA KOLA
                NIKOLA TESLA
                   BANJA LUKA




              Ime i prezime uenika

DIZAJN I IZRADA MULTIMEDIJALNE WEB PREZENTACIJE



                MATURSKI RAD




              Banja Luka, jun 2013.
Tema:   Dizajn i izrada multimedijalne web prezentacije

        Kljune rijei:
        Internet
        Multimedija
        Prezentacija
        CMS
        Joomla
        Wordpress




                                                   Uenik:
                                     Ime i prezime uenika
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.
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
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
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
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
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
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
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
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
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
Literatura
[1] dizajn_uspesne_web_prezentacije.pdf
[2] joomla1.5-tutorijal.pdf




                                          9

More Related Content

Primjer maturskog - PDF format

  • 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