FOI Nastava - Izgradnja Web aplikacija

Sadržaj se učitava...

FOI Nastava

apps

mdi-login

Izgradnja Web aplikacija

Web Applications Development
2022/2023

5 ECTSa

Primjena informacijske tehnologije u poslovanju 1.2 (PITUP)

Studijski centar Varaždin (PITUP 1.2)

Studijski centar Križevci

Studijski centar Sisak

Studijski centar Zabok

Katedra za teorijske i primijenjene osnove informacijskih znanosti

6. 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
Primjena informacijske tehnologije u poslovanju 1.2 (PITUP)		6	obavezan

Cilj kolegija

Upoznavanje i savladavanje potrebnih znanja studenata za samostalnu izgradnju, održavanje i unaprijeđenje jednostavnijih korisničkih i poslovnih Web aplikacija koristeći suvremene Web tehnologije. Studente će se osposobiti za primjenu novih Web tehnologija i programskih jezika u funkciji ostvarivanja poslovnih ciljeva. Usvojiti ć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
Kermek Dragutin	Nositelj	Predavanja	1	2	1
Kaniški Matija	Suradnik	Vježbe u praktikumu	15	2	1
Drabić Dejan	Vanjski suradnik
Levak Iva	Vanjski suradnik
Mrkela Vladimir	Vanjski suradnik
Novak Matija	Suradnik s ovlaštenjem	Predavanja Vježbe u praktikumu	14 15	2 2	1 2

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

U kalendaru ispod se nalaze konzultacije predmetnih nastavnika, no za detalje o konzultacijama možete provjeriti na profilu pojedinog predmetnog nastavnika.