VISOKA ŠKOLA ELEKTROTEHNIKE I RAČUNARSTVA
STRUKOVNIH STUDIJA
APLIKACIJA INTERAKTIVNIH STRANA NA VEBU
završni rad
Beograd, 2015.
Aplikacija Interaktivnih strana na vebu
2
Smer: ELEKTRONSKO POSLOVANJE
Predmet: Web dizajn
Tema: APLIKACIJA INTERAKTIVNIH STRANA NA VEBU
Osnovni zadaci:
1. Pojam i sadržina ineraktivne strane
2. Koncept ineraktivnosti na internetu promovisan webom 2.0
3. Aplikacija interaktivnih strana na vebu
Mentor
---------------------------
Aplikacija Interaktivnih strana na vebu
4
UVOD
Krajem 1990. godine, Tim Berns Li sa instituta CERN u Ženevi je razvio projekat koji
omogućava prenos podataka preko mreže pod nazivom World Wide Web (Svetska mreža).
Pri kreiranju svog projekta koji je prvobitno bio namenjen kao medij za naučnu razmenu, nije
mogao da pretpostavi da će dostignuti toliku svetsku popularnost i uticaj, ne samo u naučnim
krugovima, već i na celokupno društvo a samim tim i na svakog pojedinca.
Web se u početku svog razvoja bazirao na jednosmeran prikaz informacija, tako da korisnici
nisu mogli da utiču na prikazani sadržaj. Imali su mogućnost da pretražuju i čitaju statičan
web sadržaj, u odnosu na kasnije kada razvojem tehnologije, aplikacija i alata, programskih i
script jezika web postaje dinamičan i omogućava potpunu interaktivnost, postavlja korisnike
u poziciju učesnika u kreiranju sadržaja na webu.
Statički sajtovi
su namenjeni korisnicima koji žele da imaju prezentaciju na Internetu, sa
sadržajem koji je informativnog karaktera, koja se lako učitava i koja je primamljivog
izgleda. Oni imaju ulogu da pruže informacije svojim posetiocima, bez interakcije sa njima i
ne pružaju im dodatne opcije.
Dinamički
sajtovi
se koriste ukoliko želite da imate interaktivan sadržaj. To su sajtovi koji
uglavnom zavise od nekog servera, obezbeđujući veliku interaktivnost i uglavnom koriste
baze podataka prilikom prikazivanja određenog sadržaja. Dinamički sajtovi su naročito
pogodni za izradu većih sajtova tipa kataloga, fotografskih albuma. Ovakav tip sajta
omogućava korisniku da sortira i pretražuje određene stavke, a može mu se i zabraniti pristup
određenim stranama. Korišćenje dinamičkih sajtova naročito je pogodno i efikasno za velike
sajtove gde je ažuriranje znatno brže i lakše nego kod statičnih sajtova. Primeri dinamičkih
sajtova su:
-
forumi
-
blogovi
-
socijalne mreže
-
e-prodavnice
-
sajtovi informativnog sadržaja (novine)
Ovakvi sajtovi dozvolajvaju interakciju posetilaca sa njihovim sadržajem.
Uvođenjem tehnologija koje omogućavaju dimačko kreiranje veb dokumenta predstavlja
most veb-a ka ostatku informacionog okruženja.Tehnologije za dinamičko kreiranje veb
dokumenata su svoje postojanje započele kao dekorativni element HTML stranica, a danas
predstavljaju osnovu veb-a 2.0 i imaju tendeciju da putem veb aplikacija smanje upotrebu
standardne korisničke aplikacije. Jedna od osnovnih uloga tehnologija za dinamičko kreiranje
veb dokumenata je korišćenje podataka kroz DBMS( DataBase Management System).
Aplikacija Interaktivnih strana na vebu
5
Sistemi koji koriste dimačko kreiranje radi lakše organizacije sadržaja nazivaju se Sistemi za
upravljanje sadržajem (eng: Content Management Systems - CMS ).
Postoji više različitih tehnologija za kreiranje veb sajtova, a trenutno najpopularniji i
najkorišćeniji su:
-
HTML (Hyper Text Markup Language)
-
PHP
-
JavaScript
-
ASP.NET
-
CMS - Sistemi za upravljanje sadržajem (Drupal, Joomla, WordPress,TYPO3)
HTML
(
Hyper Text Markup Language
) je opisni jezik specijalno namenjen opisu veb strana.
Pomoću njega se jednostavno mogu odvojiti elementi kao što su naslovi, paragrafi, citati.
Pored toga u HTML standardu su ugrađeni elementi koji detaljnije opisuju sam dokument
kao što su opis dokumenta, ključne reči, podaci o autoru i dr. Ovi podaci su poznati kao meta
podaci i jasno su odvojeni od sadržaja dokumenta. Aktuelna verzija standarda je HTML5 sa
CSS 3. CSS (
Cascading Style Sheets
) je jezik formatiranja pomoću kog se definiše izgled
elemenata veb stranice.
PHP
je specijalizovani skriptni jezik, za izradu dinamičkog veb sajta. PHP je skript jezik
pomoću kojeg možete kreirati HTML stranicu na serveru pre nego što se ona, popunjena
dinamičkim sadržajem, pošalje klijentu. Ovim načinom generisanja sadržaja klijent ne može
videti kod (skript) koji je generisao sadržaj koji gleda, već ima pristup čistom HTML kodu.
JavaScript
je skriptni programski jezik koji se koristi za definisanje funkcionalnosti veb
stranica. Sve moderne HTML strane koriste JavaScript. JavaScript je jedan od 3 jezika koji
svaki veb developer mora da nauči:
HTML moramo znati da bi definisali sadržaj veb stranica, CSS da odredimo izgled veb
stranica,
a JavaScript treba da znamo da bismo programirali ponašanje veb stranice.
ASP.NET (
Active Server Pages.NET
)
je veb tehnologija kompanije Microsoft koja
omogućava programerima da kreiraju dinamičke veb sajtove, veb aplikacije i veb servere.
ASP.NET nudi tri framework-a za kreiranje veb aplikacija: veb obrasce, ASP.NET MVC,
veb strane.
Sva tri frameworka-a su stabilna i sa njima mogu da se naprave velike veb aplikacije.
CMS
- Sistemi za upravljanje sadržajem (Drupal, Joomla, WordPress,TYPO3) su aplikacije
koje omogućavaju objavljivanje, uređivanje i modifikovanje sadržaja, organizovanje, brisanje
kao i održavanje. CMS predstavlja programsku aplikaciju uz pomoć koje se može, bez
programiranja, upravljati sadržajem.
Aplikacija Interaktivnih strana na vebu
7
1. KONTAKT STRANA
Kontakt strana je interaktivna web stranica na sajtu, koju korisnici koriste da kontaktiraju
vlasnika sajta ili osobe koje su odgovorne za održavanje sajta.
Linkovi ka kontakt stranama bi trebalo staviti na svim stranama u okviru sajta. Oznaka za
ovaj link je „Kontakt“ . Neki sajtovi više vole da koriste opširnije ime za ovaj link kao
„Kontaktirajte nas“ ili „Kako da nas kontaktirate“.
Pune kontakt informacije treba da budu dostupne jednim klikom na bilo koju stranicu na
sajtu, i pruže korisniku zadovoljavajuće informacije. Minimalne informacije kao što su broj
telefona i e-mail adresa, treba da budu uključene na dnu svake stranice.
Stranica Kontakt bi trebalo da sadrži formu sa poljima i sledeće podatke koje korisnik
popunjava:
1. Kontakt formu, koja sadrži polja: ime pošiljaoca, e-mail adresu, naslov poruke, i
poruku. Pored obaveznih polja stoji znak zvezdica (*) koja obaveštava korisnika da je
obavezno uneti podatke u to polje. Ispod forme se nalaze dva dugmeta , Submit što
prevedeno na naš jezik znači posalji, i dugme Reset koje prevedeno na naš jezik znači
otkaži ili poništi.
2. Fizičku adresu,
3. Kontakt telefon,
4. E-mail adresu,
5. Sadrži mapu lokacije, koja je u ovom primeru prikazana pomoću alata Google Maps i
potpuno je interaktivna, tako da korisnik može lakše da pronađe datu lokaciju.
6. U ovom primeru, sa desne strane možemo videti plug-inove za socijalne mreže. za
Facebook, Twitter, Youtube, Pinterest i LinkedIn, preko kojih korisnik može da
pristupi datoj stranici.
S’obzirom da kontakt strana predstavlja interaktivnu stranu, a kako web strane za
uspostavljanje kontakta preko mehanizma web lokacije po pravilu su organizovane u paru
kao ulazne i izlazne strane, kada korisnik ispuni kontakt formu i klikne da dugme Submit na
ekranu korisnika se pojavljuje izlazna završna strana. Izlazna strana obaveštava korisnika da
je njegova poruka uspešno poslata.
