Vjebe 4 KREIRANJE WEB APLIKACIJE POJAM WEBA Web

Vježbe 4. KREIRANJE WEB APLIKACIJE

POJAM WEBA � Web ili World Wide Web - svjetska mreža računala s izvorima digitalne informacije koji mogu biti u različitim formatima (tekst, slike, multimedija), a zovemo ih web dokumentima � jedinstvena shema imena za traženje informacija (URI) � protokoli za pristup informaciji � hipertekst - za jednostavnu navigaciju kroz informacije u mreži dokumenata

ŠTO JE WEB APLIKACIJA � aplikacija kojoj se pristupa putem web-a koristeći Internet ili intranet mrežu � Internet je javna mreža temeljena na TCP/IP protokolu � intranet je privatna mreža neke tvrtke ili institucije kojom se podaci također prenose putem TCP/IP protokola

ŠTO RADE WEB APLIKACIJE � korisnik aktivira web preglednik � putem web sučelja postavi određeni upit � sučelje za upit šalje zahtjev programu na poslužitelju � program na poslužitelju daje odgovor na zahtjev � odgovor se iz baze prosljeđuje preko poslužitelja na klijent odakle preko web sučelja postaje vidljiv korisniku

PRINCIP RADA WEB APLIKACIJA dinamički generira niz HTML dokumenata koji se mogu vidjeti pomoću web preglednika � dinamički elementi u korisničkom sučelju - skriptni jezici koji se izvode na klijentskoj strani (npr. Java. Script) � svaka pojedina stranica prikazuje se korisniku kao statični dokument (stranicu), ali se stranice interaktivno mogu mijenjati u aplikaciji � korisnik može podatke unositi pomoću web formi koje su uključene u stranice �

TROSLOJNA ARHITEKTURA WEB APL. korisnik prezentacijski sloj aplikacijski sloj podatkovni sloj

HTML (HYPERTEXT MARKUP LANGUAGE) � opisni jezik za izradu web stranica � određuje način prikaza pojedinih dijelova dokumenta s pomoću umetnutih oznaka (tagova) koje razumije web preglednik i prikazuje dokument korisniku � <ključna_riječ atribut 1=“vrijednost 1” atribut 2=“vrijednost 2”. . >

HTML DOKUMENT <HTML> <HEAD> <TITLE>Naslov</TITLE> </HEAD> <BODY> sadržaj dokumenta </BODY> </HTML>

HTML U NETBEANSU � za vježbu ćemo kreirati jednu HTML datoteku

JSP (JAVA SERVER PAGES) � tekstualno bazirani dokument koji web pregledniku može vraćati statički (HTML, XML, TXT) i dinamički sadržaj (Java kod, prikaz svojstava Java. Beans, pozivanje poslovne logike definirane u tagovima)

PRIMJER JSP-A <html> <body> Trenutno vrijeme je <%= new java. util. Date() %> </body> </html>

JSF (JAVA SERVER FACES) � framework za razvoj web aplikacija u Javi � cilj mu je pojednostaviti razvoj korisničkih sučelja za Java EE aplikacije � pristup temeljen na komponentama � za prikaz koristi JSP

JSF SE SASTOJI OD: � skup API-a za prikaz i rad s komponentama � dvije biblioteke JSP tagova � <%@taglib prefix="f" uri="http: //java. sun. com/jsf/core"%> � <%@taglib prefix="h" uri="http: //java. sun. com/jsf/html"%>

PRIMJER JSF-A <%@page content. Type="text/html" page. Encoding="UTF-8"%> <%@taglib prefix="f" uri="http: //java. sun. com/jsf/core"%> <%@taglib prefix="h" uri="http: //java. sun. com/jsf/html"%> <f: view> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF 8"/> <title>Naslov stranice</title> </head> <body> <h 1><h: output. Text value="Sadržaj"/></h 1> </body><h: form> </html>