Arhitektura interaktivnih multimedijskih web aplikacija

1. SVEUČILIŠTE U ZAGREBU FAKULTET ORGANIZACIJE I INFORMATIKE VARAŽDIN Matija Tomašković Arhitektura interaktivnih multimedijskih web aplikacija (Web Grada Varaždina) VARAŽDIN, srpanj 2000.

2. Arhitektura interaktivnih multimedijskih web aplikacija Sadržaj • Teorijski dio • Dvoslojna arhitektura weba • Troslojna arhitektura web aplikacija • Praktični dio • Web Grada Varaždina • Dijelovi weba • Arhitektura i tehnologije • Dijelovi web aplikacije • Zaključak

3. POSLUŽITELJ (Web poslužitelj) KLIJENT (Web preglednik) HTTP Poslužitelj Datotečni sustav Zahtjev: http://www.varazdin.hr/index.htm Odgovor: HTML kod /htdocs/index.htm Dodatni elementi (slike,..) Arhitektura interaktivnih multimedijskih web aplikacija Dvoslojna arhitektura weba • Teorijski dio • Dvoslojna arhitektura • weba • Troslojna arhitektura • web aplikacija • Praktični dio • Web Grada Varaždina • Dijelovi weba • Arhitektura i tehnologije • Dijelovi web aplikacije • Zaključak ??  kako

4. POSLUŽITELJ KLIJENT Web preglednik Web poslužitelj Programska okolina - proces (engl. Run-Time Environment) Zahtjev 2. sloj Poslužitelj aplikacija Odgovor Podaci 3. sloj 1. sloj Arhitektura interaktivnih multimedijskih web aplikacija Troslojna arhitektura web aplikacija • Teorijski dio • Dvoslojna arhitektura • weba • Troslojna arhitektura • web aplikacija • Praktični dio • Web Grada Varaždina • Dijelovi weba • Arhitektura i tehnologije • Dijelovi web aplikacije • Zaključak

5. Web preglednik Sloj korisničkog sučelja HTML obrazac Java Applet ActiveX kontrola Interpreter skripti CGI aplikacija Aplikacijski spremnik Skripta Sloj aplikacijske logike Aplikacijski modul Aplikacijski modul Sloj prema bazi podataka XML dokumenti Sustav pohrane na datotečni sustav Sloj podataka Baza podataka Baza podataka Datotečni sustav XSL predlošci Arhitektura interaktivnih multimedijskih web aplikacija Troslojna arhitektura web aplikacija • Teorijski dio • Dvoslojna arhitektura • weba • Troslojna arhitektura • web aplikacija • Praktični dio • Web Grada Varaždina • Dijelovi weba • Arhitektura i tehnologije • Dijelovi web aplikacije • Zaključak

6. Arhitektura interaktivnih multimedijskih web aplikacija Web Grada Varaždina Dijelovi weba • Teorijski dio • Dvoslojna arhitektura • weba • Troslojna arhitektura • web aplikacija • Praktični dio • Web Grada Varaždina • Dijelovi weba • Arhitektura i tehnologije • Dijelovi web aplikacije • Zaključak

7. Arhitektura interaktivnih multimedijskih web aplikacija Web Grada Varaždina Dijelovi weba • Teorijski dio • Dvoslojna arhitektura • weba • Troslojna arhitektura • web aplikacija • Praktični dio • Web Grada Varaždina • Dijelovi weba • Arhitektura i tehnologije • Dijelovi web aplikacije • Zaključak

8. Arhitektura interaktivnih multimedijskih web aplikacija Web Grada Varaždina Dijelovi weba • Teorijski dio • Dvoslojna arhitektura • weba • Troslojna arhitektura • web aplikacija • Praktični dio • Web Grada Varaždina • Dijelovi weba • Arhitektura i tehnologije • Dijelovi web aplikacije • Zaključak

9. Web preglednik Sloj korisničkog sučelja Dinamički generirana HTML stranica/obrazac (DHTML tehnologija) HTTP poslužitelj Java Servlet poslužitelj Sloj aplikacijske logike Java Servlet Java Servlet Statički aplikac. element JDBC Driver Datotečni sustav (predlošci, podaci u XMLu, multimedijske datoteke, itd.) Sloj podataka SQL baza podataka SQL baza podataka Arhitektura interaktivnih multimedijskih web aplikacija Web Grada Varaždina Arhitektura i tehnologije • Teorijski dio • Dvoslojna arhitektura • weba • Troslojna arhitektura • web aplikacija • Praktični dio • Web Grada Varaždina • Dijelovi weba • Arhitektura i tehnologije • Dijelovi web aplikacije • Zaključak

10. Sloj korisničkog sučelja Sloj aplikacijske logike Sloj podataka Web preglednik HTTP Server JDBC upravljački program SQL baza: Multim. galerija Glavna ljuska Spremnik konekcija na bazu Dinamički generirana HTML stranica / obrazac DHTML tehnologija sa multimedi- jalnim elementima SQL baza: Aktualnosti Multimedij. galerija SQL baza: Forumi Aktualnosti Forumi SQL baza: Korisnici Knjiga gostiju Prikaz statičkih članaka Datotečni sustav XML dokumenti i XSL predlošci Podaci (formatirane tekst-datoteke / XML) Web kamera Ankete Dizajn elementi za glavnu ljusku DHTML dokumenti i predlošci Dizajn elementi za pojedine podaplikacije Multimedijski elementi (slike, video, zvuk, itd.) Statični članci Konfiguracijski podaci Arhitektura interaktivnih multimedijskih web aplikacija Web Grada Varaždina Dijelovi web aplikacije • Teorijski dio • Dvoslojna arhitektura • weba • Troslojna arhitektura • web aplikacija • Praktični dio • Web Grada Varaždina • Dijelovi weba • Arhitektura i tehnologije • Dijelovi web aplikacije • Zaključak

11. Arhitektura interaktivnih multimedijskih web aplikacija Zaključak • Teorijski dio • Dvoslojna arhitektura • weba • Troslojna arhitektura • web aplikacija • Praktični dio • Web Grada Varaždina • Dijelovi weba • Arhitektura i tehnologije • Dijelovi web aplikacije • Zaključak • Teorijski dio • Procvat multimedijskih i aplikacijskih tehnologija • Novi informacijski i komunikacijski standardi • Rješenje: • web aplikacije • troslojna (i više) arhitektura • Praktični dio • Web Grada Varaždina • Završena prva funkcionalna radna verzija • Web aplikacija troslojne arhitekture • Realiziran najnovijim naprednim tehnologijama • Projekt trajnijeg tipa..