Sadržaj se učitava...
mdi-home Početna mdi-account-multiple Djelatnici mdi-script Studiji mdi-layers Katedre mdi-calendar-clock Raspored sati FOI Nastava search apps mdi-login
Izgradnja Web aplikacija
Web Applications Development
2025/2026
5 ECTSa
Studijski centar Varaždin (PITUP 1.2)
Katedra za teorijske i primijenjene osnove informacijskih znanosti
NN
. semestar
 Osnovne informacijemdi-information-variant Izvođači nastavemdi-account-group Nastavni plan i programmdi-clipboard-text-outline Model praćenjamdi-human-male-board Ispitni rokovimdi-clipboard-check-outline Rasporedmdi-calendar-clock Konzultacijemdi-account-voice
Izvođenje kolegija
Studij Studijski program Semestar Obavezan
Cilj kolegija
Upoznavanje i savladavanje potrebnih znanja studenata za samostalnu izgradnju, održavanje i unaprijeđenje jednostavnijih korisničkih i poslovnih Web aplikacija koristeći suvremene Web tehnologije. Studente će se osposobiti za primjenu novih Web tehnologija i programskih jezika u funkciji ostvarivanja poslovnih ciljeva. Usvojiti će kompetencije za samostalno rješavanje problema i korištenje nekoliko komplementarnih Web tehnologija te suvremenih razvojnih alata.
Preduvjeti
Programiranje (PITUP 1.2)
Baze podataka (PITUP 1.2)
Norma kolegija
Predavanja
 30 sati
Seminar
 15 sati
Vježbe u praktikumu
 15 sati
Vježbe u praktikumu
 15 sati
Nastavnik Uloga na kolegiju Oblik nastave Tjedana Sati Grupa
Novak Matija Nositelj Seminar
Seminar 		7
1 		2
1 		1
1
Sadržaj predavanja
  • Internet i Web
    Pojam Internata i Weba. Povijest Interneta i Weba. Razvoj Interneta i Weba. Arhitektura Weba. Pojam Web stranice, Web mjesta i Web aplikacije. Protokoli. DNS. HTTP protokol. Struktura poruke zahtjeva i odgovora. Bežična tehnologija.
  • HTML jezik
    Pojam HTML jezika. Povijesni razvoj HTML jezika. Opis sintakse HTML jezika putem DTD. Odnos HTML i XHTML jezika. Primjena HTML jezika za opis i formatiranje sadržaja dokumenta. Odnos preglednika i HTML dokumenta. Osnovne HTML oznake: paragraf, prekid redka, liste, font, veze, slike i sl. Određivanje jezičnih osobina za HTML dokument. Napredne HTML oznake: tablice, obrasci, okviri i sl. Validacija HTML i XHTML dokumenata.
  • Autorski alati za izradu Web stranica i Web aplikacija
    Pojam autorskog alata za Web. Smjernice za razvoj autorskih alata za Web. Osobine autorskih alata za Web. Usporedna analiza autorskih alata za Web.
  • Kaskadne stilske upute - CSS
    Pojam CSS. Povijesni razvoj CSS-a. Osobine blok elemenata. Nasljeđivanje stilskih uputa. Kaskadni stil formatiranja. Smještaj CSS uputa. Korištenje CSS uputa. Jedinice CSS uputa. CSS upute za font, boju, pozadinu, tekst, pravokutnik, klasifikacije, blok elemente i sl. Validacija CSS uputa.
  • Web dizajn
    Pojam Web dizajna. Dizajn Web stranice i Web mjesta. Elementi Web mjesta. Navigacijski modeli. Uloga boje u dizajnu. Pristupačnost. Integritet i stabilnost dizajna. Definiranje vizualne hijerarhije. Pravila određivanja dimenzije stranice i prostora korištenja. Važnost zaglavlja i podnožja. Tipografija. Urednički stil. Preporuke za korštenje grafika i multimedija.
  • Programiranje na strani poslužitelja
    Pojam i povijesni razvoj programiranja na strani poslužitelja. Taksonomija programskih jezika. Usporedna analiza osobina najkorištenijih programskih jezika.
  • PHP jezik
    Pojam PHP jezika. Povijesni razvoj PHP jezika. Sintaksa PHP jezika. CGI varijable okoline. Rad s datotekama. Obrada iznimaka. Razina izvještavanja o pogreškama. Rukovanje s pogreškama. Evidencija pogrešaka. Rad s email porukama i cookie podacima. Ponovno korištenje koda. Objektno-orijentirane osobine. Rad datumskim i vremenskim podacima, korištenje baze podataka. Konfiguriranje Web poslužitelja. Obrada korisničkih zahtjeva na Web poslužitelju. Kreiranje baze podataka i tablica, korištenje SQL upita. Modeli autentifikacija i autorizacije korisnika, dnevnika rada. Generiranje dinamičkih stranica. Koraci izgradnje Web aplikacije. Primjeri Web aplikacija.
  • Javascript jezik
    Pojam Javascript jezika. Povijesni razvoj Javascript jezika. Statički i dinamički sadržaj stranica. Pasivna i aktivna Web stranica. Jezici skriptiranja. Smještaj Javascript koda. Sintaksa Javascript jezika. Korištenje cookie podataka. Obrada iznimaka. Ugrađeni objekti u središnjem dijelu Javascript jezika. Upravljanje događajima. Događaji i rukovatelji događaja. Ugrađeni objekti za rad s grafičkim korisničkim sučeljem. Objektno-orijentirane osobine.
  • Objektni model dokumenta – DOM
    Pojam objektnog modela dokumenta. Način povezivanja HTML jezika, Javascript jezika i CSS uputa. API funkcije za realizaciju pristupa do pojedinog čvora u dokumentu, dinamičko kreiranje novih čvorova i brisanje postojećih.
 Sadržaj seminara/vježbi
  • Uvod u vježbe
    Upoznavanje s tehničkim osobinama kabineta za praktični rad, tehničkom infrastrukturom, načinom rada i provjerom znanja.
  • HTTP i ostali protokoli
    Primjena zamjenskog poslužitelja (proxy) za pregled prometa između korisnika i poslužitelja. Različite varijante konfiguriranja zamjenskog poslužitelja kako bi se promatrao promet pojedine vrste protokola.
  • Osnovne osobine HTML jezika
    Primjena tekstualnog uređivača (notepad) za izradu osnovne stranice s podacima o autoru, njegovom mjestu rođenja i studiranja primjenom osnovnih HTML elemenata. Definiranje osnovnog projekta za vježbe.
  • HTML meta oznake
    Definiranje jezičnih osobina web stranice. Definiranje obnavljanja web stranice s ili bez promjene adrese. Korištenja sređenih i nesređenih lista. Validacima web dokumenta.
  • Tablice i okviri
    Dvodimenzionalno uređenje prostora Web stranice. Upotreba tablica za prostorni smještaj sadržaja. Spajanja redaka ili stupaca u tablici. Relativno ili apsolutno refiniranje širine tablice i/ili stupaca. Dizajnerska dilema: blok elementi ili tablica. Upotreba grupe okvira za definiranje vizualne podjele prostora preglednika. Upotreba internog okvira za povezivanje web stranica. Validacija web dokumenta.
  • Obrasci
    Sastavljanje jednostavnog obrasca za unos podataka u adresar. Primjena elemenata obrasca za realizaciju različitih vrsta izbornika (jedan između ponuđenih, nula do svi između ponuđenih). Primjena padajućeg izbornika s određivanjem vrste izbora (samo jedan ili više). Povezivanje akcija u obrascu.
  • Kaskadne stilske upute – CSS
    Primjeri različitih načina primjene kaskadnih stilskih uputa. Određivanje prioriteta primjene CSS uputa. Primjena CSS uputa za definiranje vizualnog identiteta web stranice i web mjesta. Validacima CSS uputa.
  • Uvod u PHP
    Uvod u koncept Načini korištenja PHP-a. Realizacije jednostavne web stranice. Preuzimanje podataka o osobinama poslužitelja i računala korisnika. Povezivanje obrazaca s programskim kodom za kontrolu unesenih podataka i njihovu obradu.
  • PHP i okolina
    Korištenje datoteka za jednostavno pohranjivanje i čitanje podataka. Korištenja baza podataka za realizaciju poslovnih funkcija. Slanje email poruka.
  • Autentifikacija, autorizacija i dnevnik rada
    Različite osnove za autentifikaciju: web poslužitelj, cookie/kolačić, sesija. Realizacija autentifikacije s bazom podataka i sesijom za osnovni projekt. Realizacija jednostavnog model autorizacije s grupama korisnika za osnovni projekt. Vođenje dnevnika rada s bazom podataka za osnovni projekt. Integracija i testiranje osnovnog projekta. Primjeri sličnih projekata.
  • Javascript jezik
    Primjena osnovnih jezičnih osobina. Primjena pseudo veza za povezivanje veze s potrebnom akcijom. Primjena ugrađenih objekata grafičkog korisničkog sučelja. Realizacija vremenskog brojača – timera. Kontrola unosa podataka u obrascu. Spremanje lokalnih podataka u cookie/kolačić.
  • Dinamički sadržaj
    Povezivanje akcija korisnika s dinamičkim prikazom sadržaja. Primjeri gotovih klasa za realizaciju dinamičkih izbornika. Načini realizacije personalizacije osobina korisničkog rada.
 Ishodi učenja kolegija
  • Razumijevanje pojma Interneta, Weba, njihovog odnosa i uloge u poslovnom sustavu i svakodnevnom životu, načina opisivanja realnih sustava, principa rada pojedinih dijelova web sustava kako bi se mogao učiniti odabir, nabavka ili izrada potrebne web aplikacije.
  • Poznavanje i primjena osnovnih web tehnologija za primjenu u poslovnom sustavu te potrebe njihovog uvođenja s ciljem povećanja efikasnosti, točnosti, brzine obavljanja pojedinog posla u sustavu i njegovih vanjskih korisnika.
  • Analiza i prepoznavanje poslovnih aktivnosti u kojima se može primijeniti pojedino Web rješenje u cilju povećanja funkcionalnosti.
  • Sinteza i prezentacija prikaza primjene web tehnologije u praksi ili primjene pojedinog web rješenja u pojedinoj poslovnoj funkciji nekog poslovnog sustava
  • Vrednovanje izvedenih aktivnost tijekom realizacije kolegija
  • Razumijevanje osnovnih programskih struktura u web sustavu posebno onih koje se odnose na jednostavniju poslovnu primjenu.
  • Povezivanje korisničkih i poslužiteljskih strana u cilju integracije u poslovne sustave.
  • Poznavanje i primjena Web tehnologija korisničke i poslužiteljske strane.
  • Analiza i prepoznavanje veze između poslovnih procesa s mogućnostima njihove implementacije u web aplikacije.
  • Sinteza i prezentacija mogućnosti standardizacije pojedinih Web modula u poslovnoj praksi radi lakšeg i bržeg razvoja novih sustava.
  • Vrednovanje praktičnih znanja u primjeni web tehnologija u konkretnim primjerima poslovanja.
 Ishodi učenja programa
  • Odabrati i koristiti informacijsko komunikacijske tehnologije u djelovanju poslovnih sustava
  • Predložiti i primijeniti temeljne metode razvoja informacijskih sustava u području modeliranja i izgradnje jednostavnih programskih rješenja
  • Odabrati i primijeniti metode iz područja programiranja, podatkovnih tehnologija i modeliranja podataka i procesa u problemskim domenama
  • Primijeniti vještine učenja (uključujući i e-učenje) i planiranja potrebnih za cjeloživotno učenje, nastavak obrazovanja na diplomskom studiju te razvoj karijere u struci
 Osnovna literatura
  • Welling, L., Thomson, L.: PHP i MySQL: razvoj aplikacija za Web, 4. izdanje (Naslov originala: PHP and MySQL Web Development, 4th Edition), Mikro knjiga, Beograd, 2009.
  • Niederst Robbins, J.:Learning Web Design, 4th edition, O'Reilly Media
  • Patrick J. Lynch and Sarah Horton: Web Style Guide, 3rd Edition http://www.webstyleguide.com
  • Materijali sa sustava za e-učenje (Moodle)
 Dopunska literatura
  • Niederst Robbins, J.: Naučite Web dizajn, vodič kroz (X)HTML, CSS i Web grafiku (Naslov originala: Learning Web Design, Third edition), Mikro knjiga, Beograd, 2008.
  • Goodman, D. Dynamic HTML: The Definitive Reference. 2nd Edition, OReilly, 2002.
  • Flanagan, D. JavaScript: The Definitive Guide. 4th Edition, O'Reilly, 2001.
 Slični kolegiji
Redoviti studenti Izvanredni studenti
izvanredni rok
Datum: 22.04.2026.
Vrijeme: 16:00
Opis: Na Fakultetu
redovni rok
Datum: 09.07.2026.
Opis: u 16:00 na Fakultetu
Prijava do: 06.07.2026. 23:59
Odjava do: 08.07.2026. 11:59
redovni rok
Datum: 25.08.2026.
Opis: u 16:00 na Fakultetu
Prijava do: 22.08.2026. 23:59
Odjava do: 24.08.2026. 11:59
redovni rok
Datum: 04.09.2026.
Opis: u 16:00 na Fakultetu
Prijava do: 01.09.2026. 23:59
Odjava do: 03.09.2026. 11:59
U kalendaru ispod se nalaze konzultacije predmetnih nastavnika, no za detalje o konzultacijama možete provjeriti na profilu pojedinog predmetnog nastavnika.
 2026 © Fakultet organizacije i informatike, Centar za razvoj programskih proizvoda