5 ECTS-a

Cilj predmeta je upoznavanje studenata s elementima web tehnologija putem kojih se obavlja izrada i dizajn web stranica i web aplikacija.

Informacijski i poslovni sustavi 1.2 (IPS)
Katedra za teorijske i primijenjene osnove informacijskih znanosti
4. semestar


Pretplatite se na naš Newsletter

Online nastava

Nastava u potpunosti organizirana na daljinu.

Više

Hibridna nastava

Kombinirana nastava.

Više

Kontaktna nastava

Nastava na Fakultetu.

Više

HTML, CSS i JavaScript

Definiranje sadržaja i dizajna web stranice. Realizacija korisničkog dijela dinamičke Web stranice.

Definiranje sintakse i strukture HTML jezika. Koncepti kaskadnog oblika (CSS) formatiranja dokumenta. Osobine JavaScript programskog jezika. Sintaksa i elementi JavaScript jezika. Upravljanje događajima kroz pripadajuće rukovatelje događaja

Više

Node.js

Realizacija pozadinskog dijela dinamičke Web stranice.

Osobine izabranog programskog jezika. Sintaksa i elementi izabranog programskog jezika. Rukovanje s tipovima podataka. Preuzimanje podataka iz obrazaca. Obrada pogrešaka. Generički model rada s bazom podataka. Generiranje HTML-a.

Više

Nastavni plan i program

  • Odabrati odgovarajuće HTML oznake i elemente stilskih predložaka (CSS).
  • Opisati principe i smjernice za Web dizajn i responzivni dizajn.
  • Odabrati odgovarajuće multimedijske sadržaje i ugraditi ih u HTML dokument.
  • Analizirati različite tipove web sjedišta prema zadanim smjernicama za web dizajn.
  • Izraditi i objaviti web sjedište na temelju zadanog opisa i u skladu sa smjernicama za Web dizajn i responzivni dizajn.
  • Osmisliti arhitekturu web aplikacije uz odabir prikladnih tehnologija (web poslužitelj, programski jezici i okviri, spremište podataka i sl.) na temelju zadanog opisa.
  • Izgraditi interaktivnu web aplikaciju pomoću odabranih tehnologija.
  • Provesti testiranje opterećenja Web mjesta pomoću specijaliziranih alata na temelju osmišljenog plana.
  • Analizirati osobine programskih jezika i okvira za realizaciju korisničkog dijela (eng. front-end) i pozadinskog dijela web aplikacija (eng. back-end).
  • Izraditi prikaz osmišljene informacijske arhitekture web mjesta uz pomoć dijagrama (npr. navigacijskog)

  • Duckett, J. HTML & CSS: Design and Build Web Sites, John Wiley & Sons, 2011.
  • Duckett, J. JavaScript and JQuery: Interactive Front-End Web Development, John Wiley & Sons, 2014.
  • Patrick J. Lynch and Sarah Horton: Web Style Guide, 3rd Edition

  • Learn to Code HTML and CSS: Develop and Style Websites, Howe, S., New Riders, 2014.
  • RESTful Web APIs: Services for a Changing World, Richardson, L., Amundsen, M., & Ruby, S. (2013). O'Reilly, 2013.
  • Practical Web Penetration Testing, Khawaja G., O'Reilly, 2018.

Model praćenja

Praćenje rada studenata - OWT-R
Elementi praćenja Bodovi
Aktivnost na nastavi 10
Domaće zadaće 40
Kolokviji / Ispit 50
Ukupno 100
Bodovna skala ocjena
Ocjena Bodovi od Bodovi do
1 (nedovoljan) 0 49
2 (dovoljan) 50 60
3 (dobar) 61 75
4 (vrlo dobar) 76 90
5 (izvrstan) 91 100
Zadaće - OWT-R
Zadaća Bodovi
1. zadaća 10
2. zadaća 15
3. zadaća 15
Ukupno 40
Opis elemenata praćenja - OWT-R
Elementi praćenja Bodovi Uvjet Opis
Nadoknada
Granica Opis Rok
Prisustvovanje na laboratorijskim vježbama Na svim laboratorijskim vježbama (15 termina) provjerava se prisustvovanje. Dozvoljena su 3 izostanka.
5 bodova Dodatni referat/zadaci. Javiti se nastavniku (isključivo u terminima konzultacija) nakon objave evidencije prisustvovanja, najkasnije do zadnjeg dana 14. tjedna nastave. Ukoliko se ima više izostanaka od granice (4) nije moguće nadoknaditi te se gubi potpis iz predmeta. Zadnji dan konzultacija u 15. tjednu nastave
Aktivnost na predavanjima 3 Studenti mogu sudjelovati u diskusijama na predavanjima, popuniti ankete ili rješavati probleme ili kratke provjere razumijevanja neto obrađenog gradiva (aktivno prisustvovanje!).
Aktivnost na laboratorijskim vježbama 7 Studenti mogu sudjelovati u diskusijama na laboratorijskim vježbama, prezentirati na nastavi posebna rješenja pojedinih zadataka i sl.
Domaće zadaće 40 15 Ukupno ima 3 zadaće. Student treba pažljivo pročitati pripreme za laboratorijske vježbe, samostalno riješiti zadatak tijekom laboratorijskih vježbi (i nastaviti kod kuće) i postaviti na Web unutar zadanog roka. Svaki student treba nasumično 3 puta predstaviti svoju zadaću. Student koji nije spreman predstaviti određenu zadaću gubi bodove iz te zadaće. Korištenje tuđeg rješenja (plagijat) je zabranjeno te povlači disciplinsku odgovornost. UVJET ZA POTPIS 15 dobova.
7 bodova i 1 nepredana zadaća Javiti se nastavniku (isključivo u terminima konzultacija) nakon objave podataka o praćenju rada, najkasnije do zadnjeg dana 14. tjedna nastave. Predati i obraniti zadaće koje nisu obrađene ili ponoviti zadaće za koje nisu dobiveni bodovi. Ukoliko se ima manje bodova od granice (7) ili više nepredanih zadaća od granice (2) nije moguće nadoknaditi te se gubi potpis iz predmeta. Zadnji dan konzultacija u 15. tjednu nastave
1. kolokvij - teorijski dio 10 3 Pitanja tipa odaberi jedan između ponuđenih odgovora, odaberi više između ponuđenih odgovora, dopuni pojam koji nedostaje, spoji pojmove i sl. Ili rješavanje zadataka uz dodatak teoretskih pitanja otvorenog tipai pitanja koja ispituju razumijevanje.Prepisivanje je zabranjeno te povlači disciplinsku odgovornost. Uvjet za ocjenu.
1. kolokvij - praktični dio 15 7 Rješavanje kratkog zadatka u jeziku HTML, CSS,. Prepisivanje je zabranjeno te povlači disciplinsku odgovornost. Uvjet za ocjenu.
2. kolokvij - teorijski dio 10 3 Pitanja tipa odaberi jedan između ponuđenih odgovora, odaberi više izmeđuponuđenih odgovora, dopuni pojam koji nedostaje, spoji pojmove i sl. Ili rješavanje zadataka uz dodatak teoretskih pitanja otvorenog tipai pitanja koja ispituju razumijevanje. Prepisivanje je zabranjeno te povlači disciplinsku odgovornost. Uvjet za ocjenu.
2. kolokvij - praktični dio 15 7 Rješavanje kratkog programskog problema u programskom jeziku JavaScript, PHP .... Prepisivanje je zabranjeno te povlači disciplinsku odgovornost. Uvjet za ocjenu.
Ispit - teorijski dio 20 6 Pitanja tipa odaberi jedan između ponuđenih odgovora, odaberi više između ponuđenih odgovora, dopuni pojam koji nedostaje, spoji pojmove i sl. Ili rješavanje zadataka uz dodatak teoretskih pitanja otvorenog tipa i pitanja koja ispituju razumijevanje.Prepisivanje je zabranjeno te povlači disciplinsku odgovornost.
Ispit - praktični dio 30 14 Rješavanje kratkog zadatka u jeziku HTML, CSS. Rješavanje kratkog programskog problema u programskom jeziku JavaScript, PHP .... Potrebno je 7 bodova iz svakog zadatka. Prepisivanje je zabranjeno te povlači disciplinsku odgovornost.
Aktivnosti - OWT-R
Naziv 1. tjedan 2. tjedan 3. tjedan 4. tjedan 5. tjedan 6. tjedan 7. tjedan 8. tjedan 9. tjedan 10. tjedan 11. tjedan 12. tjedan 13. tjedan 14. tjedan 15. tjedan 16. tjedan 1. razdoblje udio (%) 2. razdoblje udio (%) 3. razdoblje udio (%) Trajanje (min) Pismeni Usmeni Online
Kolokvij 1 100 60
Kolokvij 2 30 70 60

Praćenje rada studenata - OWT-I
Elementi praćenja Bodovi
Domaće zadaće 40
Ispit 60
Ukupno 100
Bodovna skala ocjena
Ocjena Bodovi od Bodovi do
1 (nedovoljan) 0 49
2 (dovoljan) 50 60
3 (dobar) 61 75
4 (vrlo dobar) 76 90
5 (izvrstan) 91 100
Zadaće - OWT-I
Zadaća Bodovi
1. zadaća 10
2. zadaća 15
3. zadaća 15
Ukupno 40
Opis elemenata praćenja - OWT-I
Elementi praćenja Bodovi Uvjet Opis
Nadoknada
Granica Opis Rok
Domaće zadaće 40 15 Ukupno ima 3 zadaće. Student treba pažljivo pročitati pripreme za laboratorijske vježbe, samostalno riješiti zadatak tijekom laboratorijskih vježbi (i nastaviti kod kuće) i postaviti na Web unutar zadanog roka. Svaki student treba nasumično 3 puta predstaviti svoju zadaću. Student koji nije spreman predstaviti određenu zadaću gubi bodove iz te zadaće. Korištenje tuđeg rješenja (plagijat) je zabranjeno te povlači disciplinsku odgovornost. UVJET ZA POTPIS 15 dobova.
Ispit - teorijski dio 30 10 Pitanja tipa odaberi jedan između ponuđenih odgovora, odaberi više između ponuđenih odgovora, dopuni pojam koji nedostaje, spoji pojmove i sl. Ili rješavanje zadataka uz dodatak teoretskih pitanja otvorenog tipa i pitanja koja ispituju razumijevanje.Prepisivanje je zabranjeno te povlači disciplinsku odgovornost.
Ispit - praktični dio 30 14 Rješavanje kratkog zadatka u jeziku HTML, CSS. Rješavanje kratkog programskog problema u programskom jeziku JavaScript, PHP .... Potrebno je 7 bodova iz svakog zadatka. Prepisivanje je zabranjeno te povlači disciplinsku odgovornost.

Izvođači nastave


Prof. dr. sc. Dragutin Kermek

Redoviti prof. - Trajno zvanje

Dr. sc. Matija Novak

Viši asistent/poslijedoktorand

Matija Kaniški, mag. inf.

Asistent

Iva Levak, mag. inf.

Asistentica

Dejan Drabić, mag. inf.

Vanjski suradnik

Lokacija

  • Adresa: Pavlinska 2, HR 42000 Varaždin, Hrvatska
  • Dekanat: +385 42 390 804
  • Studentska referada: +385 42 390 818
  • Email adresa dekanata: ured-dekana@foi.unizg.hr
  • Email adresa studentske referade: referada@foi.unizg.hr