Osnovni pojmovi WEB tehnologije korišteni u kolegiju Ivan Vazler Odjel za matematiku Sveučilište u Osijeku 16. listopada 2013.
WWW - World Wide Web World Wide Web (WWW) svjetska mreža računala s izvorima (eng. resources) digitalnih informacija koje mogu biti u različitim formatima (tekst, slike, multimedia), a općenito ih zovemo web dokumentima mreža izvora digitalnih informacija ili web dokumenata Tri osnovna mehanizma koja omogućuju pristup izvorima digitalnih informacija: jedinstvena shema imena za traženje (lociranje) izvora digitalnih informacija na webu (URI) protokoli za pristup digitalnim informacijama na webu hipertekst (eng. hypertext) za jednostavnu navigaciju između izvora digitalnih informacija
Važni web pojmovi web stranica (eng. web page) - stranica web lokacije koja može sadržavati tekst, slike, zvuk, video zapise, animacije i najvažnije od svega veze na druge stranice veza (eng. link) - prečica koja povezuje web stranice ili lokacije na Internetu hipertekst (eng. hypertext) - tekst koji sadrži veze prema drugim dijelovima web dokumenta ili prema drugom web dokumentu HTML (eng. Hypertext Markup Language) - opisni jezik koji se sastoji od skupa instrukcija koje određuju izgled nekog dokumenta na webu
Klijent-server komunikacijska arhitektura klijent - korisnička strana klijent-server komunikacijske arhitekture server - poslužiteljska strana klijent-server komunikacijske arhitekture klijent mrežom šalje zahtjev (npr. za pregled nekog web dokumenta, slanje e-maila... ) server prima poslani zahtjev i šalje klijentu traženu informaciju ili mu omogućava izvršavanje zatražene aktivnosti npr. web preglednik (Internet Explorer, Opera, Mozilla Firefox, Google Chrome... ) je klijent-program instaliran na korisnikovom računalu - korisniku omogućava npr. pristup dokumentima pohranjenim na nekom poslužitelju (serveru)
URI - Uniform Resource Identifier Uniform Resource Identifier (URI) - svakom izvoru digitalnih informacija jednoznačno je pridružena adresa koja ga identificira na webu; ta adresa dekodira se preko URI-a URI se sastoji od tri dijela: protokola za pristup izvoru digitalne informacije (npr. http, ftp, mailto,... ) imena lokacije na kojem se izvor nalazi (npr. www.mathos.hr) punog imena izvora zadanog stazom (eng. path)
URI - Uniform Resource Identifier Uloge URI-a: dohvaćanje vanjske stranice na mreži npr. http://www.unios.hr povezivanje mjesta unutar istog izvora npr. <a href="djelatnici.html"> Djelatnici </a> dohvaćanje slika, objekata (npr. Java appleta), rad s obrascima (eng. forms)...
URI - Uniform Resource Identifier Primjer Primjer http://www.mathos.hr/wp/wppredavanje1.pdf dokument WPpredavanje1.pdf nalazi se u direktoriju wp na lokaciji www.mathos.hr i dohvaća se protokolom http <a href="mailto:math@mathos.hr"> e-mail </a> klikom na link e-mail pomoću protokola mailto poziva se program za pisanje i slanje elektroničke pošte na e-mail adresu math@mathos.hr
HTTP - Hypertext Transfer Protocol Protokol - skup pravila kojeg računala koriste za međusobnu komunikaciju na mreži; dogovor ili standard koji kontrolira ili omogućuje povezivanje, komunikaciju i prijenos digitalnih informacija putem weba HTTP - request/response protokol za komunikaciju između klijenta i servera osnovna svrha mu je pristup informacijama u obliku hiperteksta na Internetu, tj. slanje klijentovog upita serveru i vraćanje zatraženog web dokumenta (web stranice) klijentu server osluškuje zahtjeve klijenata (npr. web preglednika) zahtjev (eng. request) klijenta rezultira slanjem odgovora (eng. response) sa servera i slanjem paketa podataka koji sadrži traženu datoteku (npr. web stranicu) ili slanjem poruke o greški odmah po ispunjenju klijentovog zahtjeva, server prekida komunikaciju HTTPS (Hypertext Transfer Protocol over Secure Socket Layer) - sigurna verzija HTTP protokola, koristi se za sigurniji (kriptirani) prijenos informacija putem weba
Publiciranje na webu za publiciranje digitalnih informacija na webu bilo je potrebno kreirati zajednički jezik kojeg mogu koristiti svi, tj. jezik neosjetljiv na korisnikovo računalo i operacijski sustav razvijen je SGML jezik (Standard Generalized Markup Language) - meta-jezik koji definira semantiku i sintaktičke restrikcije opisnih jezika (1990. - Tim Berners-Lee, CERN) deklaracija opisnih (eng. markup) jezika sastoji se od definiranih oznaka (tagova), dok je sintaksa konstrukcije definirana preko DTD (Document Type Definition) sheme pravila iz SGML-a su se razvili danas najčešće koripteni markup jezici - HTML i XML XML - orjentiran na opis sadržaja web stranica (tj. onoga što neki dokument u sebi sadrži i gdje se taj sadržaj nalazi kako bi ga aplikacije mogle dohvaćati, obrađivati, pohranjivati... )
HTML HTML - jezik orjentiran na hipertekst, što znači da mu je osnovna svrha prikaz slojevitog teksta umetanjem veza prema drugim dokumentima ili web stranicama od početka devedesetih godina prošlog stoljeća do danas doživio je više poboljšanja i proširenja - od verzije 2.0 godine 1995. do verzije 4.0 koji sa XML-om (extensible Markup Language) od 2000. godine postavlja XHTML standard pa sve do HTML5 standarda na kojem se još radi
HTML5 nastao suradnjom World Wide Web Consortium (W3C) i Web Hypertext Application Technology Working Group (WHATWG) koji su počeli rad na novom standardu 2006. godine promjene: novi elementi novi atributi puna podrška za CSS3 video i audio 2D/3D grafika lokalna spremišta lokalne SQL baze podataka web aplikacije
Literatura Literatura Essert, M. (2009.) - Web programiranje http://zrno.fsb.hr/katedra/download/materijali/800.pdf Zekić-Sušac, M. (2008) - Materijali s predavanja iz Web programiranja http: //www.mathos.unios.hr/~mzekic/wp-nast/materijali.html http://www.w3schools.com http://en.wikipedia.org
HTML5 Osnovni dokument HTML5 još nije službeni standard, nijadan preglednik nema potpunu podršku za HTML5 svi važniji preglednici (Safari, Chrome, Firefox, Opera, Internet Explorer) nastavljaju dodavati nove HTML5 značajke u novim verzijama Osnovni HTML5 dokument <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>naslov dokumenta</title> </head> <body> Sadržaj dokumenta... </body> </html>