adi milišić maturski rad

Srednja elektrotehnička škola Sarajevo

MATURSKI RAD Web stranica grada Sarajeva

Mentor: Kandidat:

Belma Delić, dipl.ing.el. Adi Milišić

Potpis:__________________

Sarajevo, maj 2015.

Maturski rad - Web stranica grada Sarajeva

2

Sadržaj

Uvod ........................................................................................................................................... 4

O WordPress - u ......................................................................................................................... 5

1. Kategorije ............................................................................................................................... 7

1.1 Početna ............................................................................................................................. 8

1.2 Upoznajte Sarajevo ........................................................................................................... 8

1.2.1 Historija ..................................................................................................................... 8

1.2.2 Turizam ...................................................................................................................... 9

1.2.3 Znamenitosti ............................................................................................................. 10

1.2.4 Religija ..................................................................................................................... 10

1.3 Život u Sarajevu .............................................................................................................. 11

1.3.1 Obrazovanje i nauka ................................................................................................ 12

1.3.2 Saobraćaj ................................................................................................................. 12

1.4 Vijesti .............................................................................................................................. 13

1.5 Sport ................................................................................................................................ 13

1.5.1 Nogomet ................................................................................................................... 13

1.5.2 Košarka .................................................................................................................... 15

1.5.3 Rukomet .................................................................................................................... 15

1.5.4 Tenis ......................................................................................................................... 16

1.5.5 Zimski sportovi ......................................................................................................... 16

1.6 Magazin .......................................................................................................................... 17

1.6.1 Dešavanja ................................................................................................................ 17

1.6.2 Film/TV .................................................................................................................... 18

1.6.3 Muzika ...................................................................................................................... 18

1.7 Servisi ............................................................................................................................. 19

1.7.1 Važniji brojevi telefona ............................................................................................ 20

1.7.2 Vremenska prognoza ................................................................................................ 20

1.8 Zanimljivosti ................................................................................................................... 21

2. Widgets ................................................................................................................................. 21

2.1 Local Time Clock ............................................................................................................ 22

2.2 giWeather ........................................................................................................................ 22


3

2.3 Video Feed ...................................................................................................................... 23

2.4 Social Media Feather ..................................................................................................... 23

2.5 My calendar .................................................................................................................... 24

2.6 Photo Gallery Widget ..................................................................................................... 24

2.7 Google Maps ................................................................................................................... 25

2.8 Currency Converter ........................................................................................................ 25

3.Plugins .................................................................................................................................. 25

3.1 Photo Gallery ................................................................................................................. 26

3.2 YouTube Video ................................................................................................................ 27

Zaključak ................................................................................................................................. 29

Literatura ................................................................................................................................. 30


4

Uvod

Internet predstavlja medij koji jako brzo napreduje i svakim danom nudi sve više mogućnosti,

različitih servisa i namjena. Prisustvo na internetu danas nije luksuz nego potreba svake

kompanije ili pojedinca. Iz toga proizilazi potreba za kreiranjem web stranica. Web stranica

je mjesto pristupa informacijama koju čini više različitih, logički povezanih aplikacija koje su

zajedničke većem broju korisnika. Web stranice objedinjuju različite informacije iz većeg

broja izvora, pružajući tako dosljedne podatke i pristup brojnim aplikacijama, koje bi u

suprotnom predstavljale zasebne jedinice. Činjenica je da postoji mnogo web stranica koje su

dosta slične, pa je iz tog razloga vrlo bitno kreirati jedinstvenu web stranicu koja će privući

pažnju korisnika. Posjedovanje web stranice pruža mogućnosti posebno prilagoĎene svakom

korisniku, uz mogućnost posjeta i prelaska na stranice s drugačijim sadržajem. Sarajevo je

glavni i najveći grad, te administrativno, ekonomsko, univerzitetsko i kulturno središte Bosne

i Hercegovine, time proizilazi potreba za web stranicom koja će biti spona izmeĎu graĎana

Sarajeva, turista, posjetilaca grada i onih koji to još nisu, a željeli bi pristup objedinjenim

informacijama iz većeg broja izvora. Svi koji prošetaju Sarajevom osjetiće duh i ljepotu

Sarajeva, no lijepo bi bilo da na jednom mjestu imaju i sve potrebne informacije pohranjene

na web stranici koju sam sa velikim zadovoljstvom kreirao voljenom gradu i korisnicima

stranice. Za razvoj turizma web stranica je jedan od glavnih ciljeva i marketinških aktivnosti.

Web stranica grada Sarajeva objedinjuje historijske, religijske, kulturne, sportske, turističke

informacije i aktivnosti vezane za grad Sarajevo. Korisnicima je omogućen brz i jednostavan

pristup svim informacijama na stranici što je i jedan od osnovnih ciljeva izrade web stranice.

Korisnik se može odlučiti na samostalnu izradu web stranice ili cjelokupni posao izrade web

stranice prepustiti osobi ili firmi koja je adekvatna za stručno i profesionalno obavljanje tog

posla. Trenutno je na tržištu dostupno mnogo različitih alata za izradu web stranica. Neki su

jako funkcionalni i jednostavni za korištenje. Alate za izradu web stranice treba pravilno

odabrati zavisno o potrebama i zahtjevima korisnika. Ukoliko imamo za cilj kreirati

jednostavnu web stranicu potrebno je staviti naglasak na funkcionalnost i jednostavnost

korištenja, u suprotnom se moraju koristiti napredni alati.


5

O WordPress - u

WordPress je najbolja blog i CMS platforma čija je glavna orijentacija estetika, web

standardi i jednostavno korištenje. Najlakši i najbrži način izrade web stranice danas je

korištenje besplatnog CMS sistema. Jedan od najpopularnijih je WordPress. Mnoge velike

svjetske korporacije opredijelile su se za izradu web sajta u WordPress - u. WordPress je

počeo sa radom samo kao blog sistem, ali je evoluirao u to da se može koristiti kao content

management system (sistem za upravljanje sadržajem), koristeći na hiljade tema, plugina i

widgeta. WordPress je ograničen samo maštom korisnika i tehničkim mogućnostima.

O kvalitetu WordPress - a dovoljno je napomenuti da se već više od 10 godina neprestano

razvija i da je više od 60% sajtova je napravljeno na ovoj platformi. Ono što WordPress čini

superiornim je to što je ovo Open - source platforma na kojoj rade hiljade programera iz

cijelog svijeta kako bi svakom novom verzijom što više unaprijedili ovaj sistem. Svaka nova

verzija WordPress - a olakšava rad na željenom projektu. Nove verzije izlaze nekoliko puta

godišnje i poželjno je da uvijek redovno ažurirate WordPress kako bi izbjegli sigurnosne

propuste. WordPress je usklaĎen sa svim W3C standardima, što omogućava pravilan prikaz

web stranice u svim web pretraživačima. Velika prednost WordPress - a je jednostavnost

upotrebe. Potrebno je samo osnovno znanje iz oblasti informatike kako bi rad u WordPress -

u bio jednostavan i nadasve zanimljiv korisniku. U pozadini je podržan PHP ‐ om i MySQL ‐

om. Trenutno 17% Internet web stranica koristi WordPress sistem, na drugom mjestu je

Joomla koja pokriva 3%, dakle WordPress je daleko najrašireniji sistem. Ako govorimo o

web sajtovima upogonjenim bilo kakvim CMS ‐ om onda WordPress pokriva preko 55%

tržišta.

UreĎivač sadržaja (eng. content editor) koji koristi WordPress je TinyMCE. Budući da je

danas jako važna i promocija same web stranice, postoji nešto što se naziva SEO

optimizacija, tj. prilagodba same stranice kako bi bila što bolje pozicionirana na tražilicama.

WordPress u tome ima veliku ulogu budući da je to „SEO frendly“ sistem tj. pruža dobru

podršku za web standarde. Osim toga, moguće je podesiti i real-time statistiku kako biste

pratili posjećenost vaših stranica, najgledanijih članaka, komentara i sl. WordPress nudi

mnoštvo besplatnih mogućnosti: smještaj stranica (hosting), sam sistem (WordPress) i teme.

Besplatnih tema ima u izobilju. Ipak ukoliko korisnik želi da stranica bude kvalitetna

morat će izdvojiti nešto novca i za sam template (grafički i funkcionalni dio stranice).

Wordpress kao CMS podijeljen je u nekoliko segmenata. Sastoji se od članaka, stranica,

komentara te uz cijeli taj sadržaj omogućava korištenje raznih tema i nadogradnju samog

CMS - a pomoću njegovih dodataka.

Članci su zapisi poput novosti, vijesti i raznih informacija. Većina članaka se nalazi

na početnoj stranici. Moguće ih je pravilno rasporediti pomoću kategorija i tagova.

Stranice su zapisi slični člancima, ali one se smatraju kao obične stranice koje se

dodaju i u navigaciji WordPress stranice. Bez dodatne konfiguracije stranice su

automatski dodane u navigaciju i tako predstavljaju stranice poput "O nama",

"Usluge" i sl., koje su često zastupljene kao statične stranice.


6

Komentari su zapisi koje prave korisnici WordPress stranice. Komentare mogu pisati

i korisnici koji nisu registrirani na stranici ako je to omogućio administrator.

Teme služe da poboljšaju vizuelni izgled i funkcionalnost stranice. Dostupno je

mnogo besplatnih tema koje mogu da zadovolje potrebe korisnika. Sve instalirane

teme moguće je pregledati preko WordPress administracije i aktivirati po želji. Teme

se nalaze u folderu wp-/content/themes.

Dodaci služe za proširivanje funkcija same WordPress stranice. Danas postoje

različiti dodaci za razne potrebe. Dodaci se nalaze u folderu wp-content/plugins/.


7

1. Kategorije

Web stranica grada Sarajeva sadrži glavni meni sa kategorijama i podkategorijama.

Kategorije i podkategorije su rasporeĎene tako da korisniku pružaju olakšan pristup

informacijama. Hijerarhijski prikaz kategorija i podkategorija dat je u nastavku:

Početna

Upoznajte Sarajevo

Historija

Turizam

Znamenitosti

Religija

Život u Sarajevu

Obrazovanje i nauka

Saobraćaj

Vijesti

Lokalne vijesti

BiH

Regija

Svijet

Kultura

Crna hronika

Sarajevska hronika

Sport

Nogomet

Košarka

Rukomet

Tenis

Zimski sportovi

Magazin

Dešavanja

Film/TV

Muzika

Servisi

Važniji brojevi telefona

Vremenska prognoza

Zanimljivosti


8

1.1 Početna

Početna stranica nudi mnoštvo informacija o gradu Sarajevu. Koristeći glavni meni korisnik

može brzo doći do potrebnih informacija koje su pravilno rasporeĎene u kategorijama.

Klikom na “Početna” ili na logo iznad glavnog menija u svakom trenutku se moguće vratiti na

početnu stranicu.

Slika 1: Početna stranica

1.2 Upoznajte Sarajevo

Kategorija „Upoznajte Sarajevo“ sadrži četiri podkategorije: „Historija“, „Turizam“,

„Znamenitosti“ i „Religija“.

Slika 2: Upoznajte Sarajevo

1.2.1 Historija

U podkategoriji “Historija” se nalazi mnogo članaka koji nude detaljne informacije o samom

nastanku grada, razvoju, te historijskim objektima.


9

Slika 3: Historija

1.2.2 Turizam

Članci u ovoj podkategoriji su orjentisani ka turističkom značaju Sarajeva, onome što grad

nudi i šta vas to može privući da posjetite Sarajevo.

Slika 4: Turizam


10

1.2.3 Znamenitosti

Grad Sarajevo obiluje mnoštvom znamenitosti koje ovaj grad čine posebnim. Svaki, pa i

najmanji djelić grada nudi posebnu priču i nekoliko znamenitosti koje privlače turiste, što je

opisano u ovoj kategoriji.

Slika 5: Znamenitosti

1.2.4 Religija

U kategoriji “Religija” ova web stranica nudi mnoštvo zanimljivih informacija o religijama

koje su zastupljene u Sarajevu.

Mnogo pažnje je posvećeno i najznačajnijim hramovima religija kao što su: Begova džamija,

Saborna crkva i Katedrala. Sarajevo je grad u kojem zvono crkve nikad nije zasmetalo glasu

mujezina.


11

Slika 6: Religija

1.3 Život u Sarajevu

Ovu kategoriju čine dvije podkategorije: “Obrazovanje i nauka” i “Saobraćaj”.

Slika 7: Život u Sarajevu


12

1.3.1 Obrazovanje i nauka

Slika 8: Obrazovanje i nauka

1.3.2 Saobraćaj

Slika 9: Saobraćaj


13

1.4 Vijesti

Kategorija “Vijesti” sadrži članke koje ovoj web stranici daju dimenziju informativnog

portala. Podkategorije koje obrazuju kategoriju vijesti su: “Lokalne vijesti”, “BiH”, “Regija”,

“Svijet”,”Kultura”, “Crna hronika”, “Sarajevska hronika”.

Slika 10: Vijesti

1.5 Sport

U ovoj kategoriji su date informacije o značaju sporta za grad Sarajevo, najznačajnijim

sportskim kolektivima i raznim sportskim zanimljivostima.

Slika 11: Sport

1.5.1 Nogomet

Ova podkategorija je rezervisana za nogomet i njegovu važnost za grad Sarajevo koji je

uvijek obilovao uspješnim sportskim kolektivima i pojedincima.


14

Slika 12: Nogomet

Slika 13: Nogomet


15

1.5.2 Košarka

U podkategoriji “Košarka” se možete informisati o najuspješnijem sarajevskom sportskom

kolektivu, prvaku evrope, košarkaškom klubu Bosna.

Slika 14: Košarka

1.5.3 Rukomet

Slika 15: Rukomet


16

1.5.3 Tenis

U našem gradu tenis nije toliko zastupljen sport, ali zaljubljenika u tenis svakako ima. Na

području Sarajeva egzistira nekoliko teniskih klubova koji uglavnom posvećuju pažnju

mladima. Svijetli primjer sarajevske škole tenisa je Damir Džumhur koji niže uspjehe na

meĎunarodnim teniskim turnirima.

1.5.4 Zimski sportovi

Podkategorija “Zimski sportovi” obiluje informacijama o historijskoj manifestaciji, zimskim

olimpijskim igrama koje su 1984. godine održane u Sarajevu.

Slika 16: Zimski sportovi


17

1.6 Magazin

Kategoriju “Magazin” čine podkategorije: “Dešavanja”, “Film/TV” i “Muzika”.

Slika 17: Magazin

1.6.1 Dešavanja

Ova podkategorija nudi informacije o dešavanjima u gradu, festivalima i kulturnoj ponudi

Sarajeva.

Slika 18: Dešavanja


18

1.6.2 Film/TV

Podkategorija “Film/TV” sadrži članke vezane za filmsku umjetnost u Sarajevu i informacije

o tome gdje možete pogledati kvalitetan film u glavnom gradu Bosne i Hercegovine.

Slika 19: Film/TV

1.6.3 Muzika

Ova podkategorija je veoma važna na web stranici, jer je Sarajevo uvijek bilo poznato po

vrsnim muzičarima kao što su: Dino Merlin, Hari Mata Hari, Kemal Monteno, Zdravko Čolić,

Zabranjeno pušenje i mnogi drugi.


19

Slika 20: Muzika

1.7 Servisi

Ova kategorija nudi informacije o važnijim brojevima telefona i vremenskoj prognozi.

Slika 21: Servisi


20

1.7.1 Važniji brojevi telefona

Slika 22: Važniji brojevi telefona

1.7.2 Vremenska prognoza

Slika 23: Vremenska prognoza


21

1.8 Zanimljivosti

Ova kategorija je neizostavna i nudi mnoštvo zanimljivih priča i informacija koje plijene

pažnju posjetioca web stranice.

Slika 24: Zanimljivosti

2. Widgets

Widgeti su male aplikacije s ograničenom funkcionalnošću kojima može upravljati krajnji

korisnik. Widget ima ulogu prolazne ili pomoćne aplikacije, što znači da samo zauzima dio

web stranice i radi nešto korisno s informacijama učitanih sa drugih web stranica. Widgeti su

obično kreirani u DHTML - u ili Adobe Flash - u.


22

Na web stranici grada Sarajeva su dostupni sljedeći widgeti:

Local Time Clock

giWeather

Video Feed

Social Media Feather: Follow Us

My Calendar: Mini calendar

Photo Gallery Widget

Google Maps

Currency Converter

2.1 Local Time Clock

Ova web stranica sadrži vrlo atraktivan sat sa animacijom.

Slika 25: Local Time Clock

2.2 giWeather

Korisnicima ove web stranice je na raspolaganju i vremenska prognoza.

Slika 26: giWeather


23

2.3 Video Feed

Ovaj widget nudi prikaz video sadržaja unutar stranice.

Slika 27: Video Feed

2.4 Social Media Feather

Slika 28: Social Media Feather


24

2.5 My calendar

Slika 29: My calendar

2.6 Photo Gallery Widget

Ovaj widget nudi mogućnost pregleda neke od galerija sa web stranice.

Slika 30: Photo Gallery Widget


25

2.7 Google Maps

Slika 31: Google Maps

2.8 Currency Converter

Currency Converter je widget koji omogućava brzo i jednostavno pretvaranje vrijednosti svih

svjetskih valuta novca.

Slika 32: Currency Converter

3.Plugins

Plugini su programski dodaci koji služe da prošire funkcionalnost i namjenu WordPress - a.

Tako vrlo brzo možete dobiti web shop, veliki portal za vijesti, socijalnu mrežu, muzički sajt

itd. Veliki broj besplatnih dodataka možete pronaći na web lokaciji

http://wordpress.org/extend/plugins/. Na ovoj stranici su korišteni sljedeći plugini:

Photo Gallery

YouTube

http://wordpress.org/extend/plugins/


26

3.1 Photo Gallery

Ovaj plugin omogućava kreiranje galerija sa fotografijama što poboljšava funkcionalnost ove

web stranice.

Slika 33: Photo Gallery


27

Slika 34: Photo Gallery

3.2 YouTube Video

YouTube Video je plugin koji nudi mogućnost prikaza video sadržaja na web stranici.


28

Slika 35: YouTube Video


29

Zaključak

Veza meĎu ljudima, gradovima, državama, kontinentima postala je brza, jednostavna i

efikasna zahvaljujući internetu kao najrasprostranjenijem sredstvu informisanja. Jedan od

izuzetno popularnih i pouzdanih izvora informacija je i web stranica koja nudi mnoštvo

korisnih informacija svakom posjetiocu na brz i jednostavan način.

Sam pristup web stranici grada Sarajeva pruža korisnicima sve potrebne informacije o gradu

koji je izrastao u živopisnu zajednicu zanatlija, važno trgovačko središte, bogat duhovni,

historijski, obrazovni, kulturni i turistički centar.

Sarajevo je relativno mali grad u usporedbi sa svjetskim metropolama, ali se njegovo ime

uvrstilo kao zanimljiv primjer preplitanja raznih umjetničkih utjecaja i graditeljskih stilova

koje posjetioci mogu bolje upoznati pomoću informacija koje nudi web stranica.

Web stranica grada Sarajeva korisnicima pruža jednostavan i brz pristup svim potrebnim

informacijama. Postoji mnogo web stranica koje privlače pažnju korisnika, ali posjedovanje

jedne ovakve omogućava prilagoĎen pristup svakom korisniku uz mogućnost izvora više

informacija na jednom mjestu, lakši i brži pristup i komunikaciju, kao i mogućnost posjeta

stranicama koje nude više informacija.


30

Literatura

[1]www.wordpress.org

[2] www.sarajevograd.ba

[3] sarajevo.travel

[4] www.tutorijal.crabri.net/wp-content/uploads/2012/10/WordPressUpute.pdf


31

Mišljenje o radu:

adi milišić maturski rad

Documents