Katedra za teorijske i primijenjene osnove informacijskih znanosti
NN
. semestar
Osnovne informacijemdi-information-variantIzvođači nastavemdi-account-groupNastavni plan i programmdi-clipboard-text-outlineModel praćenjamdi-human-male-boardIspitni rokovimdi-clipboard-check-outlineRasporedmdi-calendar-clockKonzultacijemdi-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.
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 studentiIzvanredni studenti
izvanredni rok
Datum: 22.04.2026.
Vrijeme: 16:00
Opis: Na Fakultetu
U kalendaru ispod se nalaze konzultacije predmetnih nastavnika, no za detalje o konzultacijama možete provjeriti na profilu pojedinog predmetnog nastavnika.