Preskoči na sadržaj

SVEUČILIŠTE U RIJECI
ODJEL ZA INFORMATIKU
Ulica Radmile Matejčić 2, Rijeka
Akademska godina 2021./2022.

PROGRAMIRANJE ZA WEB

OSNOVNI PODACI O PREDMETU

Naziv predmeta: Programiranje za web
Studijski program: Sveučilišni preddiplomski studij informatike
Status predmeta: obvezatan za modul RPP/izborni
Semestar: 5.
Bodovna vrijednost i način izvođenja nastave:

  • ECTS koeficijent opterećenosti studenata: 5
  • Broj sati (P+V+S): 30+30+0

Nositelj predmeta: v. pred. dr. sc. Vedran Miletić
E-mail: vmiletic@inf.uniri.hr
Ured: O-520
Vrijeme konzultacija: Utorkom od 12:00 do 14:00 uz prethodni dogovor e-mailom

Asistent: Milan Petrović
E-mail: milan.petrovic@inf.uniri.hr
Ured: O-522
Vrijeme konzultacija: Utorkom od 14:00 do 16:00 uz prethodni dogovor e-mailom

DETALJNI OPIS PREDMETA

Ciljevi predmeta

Usvajanje znanja o naprednim konceptima razvoja interaktivnih web aplikacija (prednostima i nedostatcima pojedinih pristupa razvoju -- proceduralni, objektno orijentirani, model-view-controller, model-view-viewmodel, uzorci dizajna), korištenja JavaScript tehnologija za izradu web aplikacija te usvajanje tehnologija i vještina potrebnih za samostalan rad web programera -- sigurnosni koncepti u web programiranju, testiranje i dokumentiranje koda, timski rad u sustavima za čuvanje verzija.

Uvjeti za upis predmeta

Položen predmet Uvod u programiranje za web.

Očekivani ishodi učenja za predmet

Očekuje se da nakon izvršavanja svih programom predviđenih obveza studenti budu sposobni:

I1. Izraditi bazu podataka korištenjem relacijskog sustava za upravljanje bazom podataka i poznavati mogućnosti njegove uporabe u web aplikacijama.
I2. Identificirati i analizirati različite pristupe razvoju web aplikacija.
I3. Izraditi web aplikaciju prema zadanim funkcionalnim i nefunkcionalnim zahtjevima korištenjem različitih pristupa (proceduralno, objektno orijentirano, model-view-controller, model-view-viewmodel).
I4. Identificirati prednosti i nedostatke pojedinih pristupa razvoju web aplikacija u smislu kvalitete programskog rješenja.
I5. Prepoznati pojedine uzorke dizajna uz identifikaciju prednosti implementacije pojedinog uzorka.
I6. Razviti skup testova i provoditi testiranje radi kontrole kvalitete programskog rješenja.
I7. Generirati dokumentaciju programskog rješenja.
I8. Primijeniti tehnike timskog rada u sustavima za čuvanje verzija.

Sadržaj predmeta

  • Objektno modeliranje web aplikacija i objektno programiranje u skriptnim programskim jezicima za web: klase, objekti, metode; konstruktori, nasljeđivanje, nadjačavanje. Uzorci dizajna u web aplikacijama.
  • Relacijski model podataka i relacijske baze podataka: definiranje strukturnih osobina tablica i baze podataka; tvorba tablica i baze podataka. Jezik SQL, tvorba sastavljenih SQL izraza (naredbi).
  • Dvosmjerna komunikacija između klijenta, poslužitelja (web aplikacije), interpretera i sustava baze podataka.
  • Kreiranje komunikacijskog sučelja za pristup web aplikaciji; kreiranje veze skripta i sustava baze podataka, prihvat i oblikovanje odgovora iz baze podataka. Upiti i mijenjanje sadržaja baze pomoću skriptnog programskog jezika. Skriptiranje korištenjem JavaScript tehnologija.
  • Sigurnost web aplikacija.
  • Pisanje i provođenje automatiziranih testova koda. Pisanje i generiranje dokumentacije koda.
  • Timski rad u sustavima za čuvanje verzija.

Vrsta izvođenja nastave

  • predavanja
  • seminari i radionice
  • vježbe
  • obrazovanje na daljinu
  • terenska nastava
  • samostalni zadaci
  • multimedija i mreža
  • laboratorij
  • mentorski rad
  • ostalo _______

Komentari

Nastava se izvodi kombinirajući rad u učionici i računalnom laboratoriju uz primjenu sustava za udaljeno učenje. Studenti će kod upisa kolegija biti upućeni na korištenje sustava za udaljeno učenje.

Obavezna literatura (u trenutku prijave prijedloga studijskog programa)

  1. Kappel, G., Prýýll B., Reich, S., Retschitzegger, W. Web Engineering: The Discipline of Systematic Development of Web Applications. (Wiley, 2006).
  2. Fowler, M., Rice, D., Foemmel, M., Hieatt, E., Mee, R., Stafford, R. Patterns of Enterprise Application Architecture. (Addison-Wesley, 2002).
  3. Bendoraitis, A. Web Development with Django Cookbook, Second Edition. (Packt Publishing, 2016).
  4. Wiggins, A. The Twelve-Factor App. (Heroku, 2017). Dostupno na: 12factor.net
  5. Skripte, prezentacije i ostali materijali za učenje dostupni u e-kolegiju.

Dopunska literatura (u trenutku prijave prijedloga studijskog programa)

  1. Welling, L., Thompson, L. PHP and MySQL Web Development, Fifth Edition. (Addison-Wesley, 2017).
  2. Ullman, L. PHP and MySQL for Dynamic Web Sites: Visual QuickPro Guide, Fourth Edition. (Peachpit Press, 2011).
  3. Lockhart, J. Modern PHP: New Features and Good Practices, (O'Reilly Media, 2015).
  4. Zandstra, M. PHP Objects Patterns and Practice, Fifth Edition, (APress, 2016).
  5. Bergman, S., PHPUnit Pocket Guide, (O'Reilly, 2005).
  6. Chacon, S., Straub, B. Pro Git, Second Edition, (APress, 2014).
  7. Vue.js Documentation. Dostupno na: vuejs.org
  8. Tailwind CSS Documentation. Dostupno na: tailwindcss.com
  9. Headless UI. Dostupno na: headlessui.dev
  10. Heroicons. Dostupno na: heroicons.com

Načini praćenja kvalitete koji osiguravaju stjecanje izlaznih znanja, vještina i kompetencija

Predviđa se periodičko provođenje evaluacije s ciljem osiguranja i kontinuiranog unapređenja kvalitete nastave i studijskog programa (u okviru aktivnosti Odbora za upravljanje i unapređenje kvalitete Odjela za informatiku). U zadnjem tjednu nastave provodit će se anonimna evaluacija kvalitete održane nastave od strane studenata. Provest će se i analiza uspješnosti studenata na predmetu (postotak studenata koji su položili predmet i prosjek njihovih ocjena).

Mogućnost izvođenja na stranom jeziku

Nema.

OBVEZE, PRAĆENJE RADA I VREDNOVANJE STUDENATA

VRSTA AKTIVNOSTI ECTS ISHODI UČENJA SPECIFIČNA AKTIVNOST METODA PROCJENJIVANJA BODOVI MAX.
Pohađanje nastave 2 I1--I8 Prisutnost studenata i odgovaranje na pitanja nastavnika Popisivanje (evidencija), Kahoot! 0
Kontinuirana provjera znanja 1 I2, I4, I5 Test na Merlinu Ovisno o stupnju točnosti i potpunosti 30
Praktični rad 1 I1, I3, I6, I7, I8 Praktični kolokvij Ovisno o stupnju točnosti i potpunosti 20
Izrada modela za web aplikaciju ili uslugu Ovisno o stupnju točnosti i potpunosti 20
Završni ispit 1 I1--I8 Timska izrada web aplikacije ili usluge na temelju izrađenih modela i prezentacija projekta Ovisno o stupnju točnosti i potpunosti 30
UKUPNO 5 100

Obveze i vrednovanje studenata

1. Pohađanje nastave

Nastava se odvija prema mješovitom modelu u kombinaciji klasične nastave u učionici i online nastave uz pomoć sustava za e-učenje Merlin (moodle.srce.hr/2021-2022/).

2. Kontinuirana provjera znanja

Tijekom semestra pisat će se test na Merlinu koji će uključivati pitanja iz gradiva predavanja i njemu će student moći skupiti maksimalno 30 bodova.

3. Praktični rad

Praktični kolokvij. Tijekom semestra pisat će se praktični kolokvij koji će uključivati zadatke iz gradiva vježbi. Na praktičnom kolokviju student će moći skupiti najviše 20 bodova. Prag za pravo pristupa završnom ispitu je ostvarenih 50% od ukupnog broja bodova na praktičnom kolokviju.

U unaprijed danom terminu krajem semestra moguće je ispravljati praktični kolokvij, pri čemu bodovi ostvareni na ispravku zamjenjuju bodove ostvarene na kolokviju. Ispravku praktičnog kolokvija mogu, ako žele, pristupiti i studenti koji su ostvarili 50% i više bodova na kolokviju.

Izrada modela za web aplikaciju ili uslugu. Tijekom semestra studenti će u grupama po dvoje ili troje odabrati temu koju će realizirati u obliku web aplikacije ili usluge.

Studenti će djelomično izraditi web aplikaciju ili uslugu tako da sadrži izrađene modele i predati je u tom obliku u danom roku. Predana aplikacija ili usluga može sadržavati i ostale elemente, ali oni se neće uzimati u obzir kod vrednovanja. Ovisno o točnosti i potpunosti izrađenih modela, studenti će pritom moći ostvariti do 20 bodova.

4. Završni ispit

Prije izlaska na završni ispit bit će potrebno izvršiti predaju web aplikacije ili usluge izrađene na temelju ranije izrađenih modela.

Na završnom ispitu će biti organizirana obrana usmenim putem. Cjeloviti rad se sastoji se od izrade web aplikacije ili usluge na temelju ranije izrađenih modela, testova i pripadne dokumentacije prema zadanim funkcionalnim i nefunkcionalnim zahtjevima. Vrednovat će se točnost i potpunost predanog programskog koda i pripadne dokumentacije te opis načina rješavanja danog problema i uloge (preuzetih zadataka) pojedinih članova grupe. Na taj način studenti će moći ostvariti do 30 bodova.

Završni ispit se smatra položenim samo ako na njemu student postigne minimalno 50%-tni uspjeh (ispitni prag je 50% uspješno riješenih zadataka).

Ocjenjivanje

Kontinuiranim radom tijekom semestra na prethodno opisani način studenti mogu ostvariti najviše 70 ocjenskih bodova, a da bi mogli pristupiti završnom ispitu moraju ostvarili 50% i više bodova (minimalno 35) te ostvariti potrebni prag na praktičnom kolokviju.

Studenti koji su skupili najmanje 35 ocjenskih bodova i ostvarili potrebni prag na praktičnom kolokviju, mogu pristupiti završnom ispitu.

Ukoliko je završni ispit prolazan, skupljeni bodovi će se pribrojati prethodnima i prema ukupnom rezultatu formirati će se pripadajuća ocjena. U suprotnom, student ima pravo pristupa završnom ispitu još 2 puta (ukupno do 3 puta).

Konačna ocjena

Donosi se na osnovu zbroja svih bodova prikupljenih tijekom izvođenja nastave prema sljedećoj skali:

  • A -- 90%--100% (ekvivalent: izvrstan 5)
  • B -- 75%--89,9% (ekvivalent: vrlo dobar 4)
  • C -- 60%--74,9% (ekvivalent: dobar 3)
  • D -- 50%--59,9% (ekvivalent: dovoljan 2)
  • F -- 0%--49,9% (ekvivalent: nedovoljan 1)

Ispitni rokovi

Redoviti:

  • 10. veljače 2022.
  • 24. veljače 2022.

Izvanredni:

  • 31. ožujka 2022.
  • 8. rujna 2022.

RASPORED NASTAVE -- zimski (5.) semestar ak. god. 2021./2022.

Nastava će se na predmetu odvijati u zimskom semestru prema sljedećem rasporedu:

  • predavanja: četvrtkom od 16:00 do 17:30 u O-S32 i online
  • vježbe: četvrtkom od 18:00 do 19:30 u O-350 i online
Tj. Datum Vrijeme Prostor Tema Nastava Izvođač
1. 7. 10. 2021. 16:00--17:30 O-S32 Uvodne informacije o kolegiju. Arhitekture web aplikacija: monolitna i uslužno orijentirana P1 v. pred. dr. sc. Vedran Miletić
1. 7. 10. 2021. 18:00--19:30 O-350 Postavljanje razvojnog okruženja web aplikacija na operacijskim sustavima sličnim Unixu i Windowsima. Stvaranje projekta: organizacija, oblikovanje i dokumentiranje koda. Korištenje dokumentacije V1 Milan Petrović
2. 14. 10. 2021. 16:00--17:30 O-S32 Paradigme programiranja u web aplikacijama: proceduralna, objektno orijentirana, funkcijska. Objektno modeliranje i programiranje web aplikacija. Objektno-relacijsko preslikavanje P2 v. pred. dr. sc. Vedran Miletić
2. 14. 10. 2021. 18:00--19:30 O-350 Korištenje baze podataka. Stvaranje modela i objektno-relacijsko preslikavanje. Migracije baze podataka V2 Milan Petrović
3. 21. 10. 2021. 16:00--17:30 O-S32 Uzorci dizajna u web aplikacijama: kreacijski i strukturni uzorci P3 v. pred. dr. sc. Vedran Miletić
3. 21. 10. 2021. 18:00--19:30 O-350 Sijanje. Relacije među modelima. Upiti. Objava ponuđenih tema V3 Milan Petrović
4. 28. 10. 2021. 16:00--17:30 O-S32 Uzorci dizajna u web aplikacijama: uzorci ponašanja. Uzorci model-pogled-* P4 v. pred. dr. sc. Vedran Miletić
4. 28. 10. 2021. 18:00--19:30 O-350 Usmjeravanje i URL-i. Stvaranje pogleda kao odgovora na HTTP zahtjeve V4 Milan Petrović
5. 4. 11. 2021. 16:00--17:30 O-S32 Faktori razvoja web aplikacije: kod, ovisnosti, konfiguracija, usluge, izgradnja, procesi P5 v. pred. dr. sc. Vedran Miletić
5. 4. 11. 2021. 18:00--19:30 O-350 Generički pogledi. Sesije V5 Milan Petrović
6. 11. 11. 2021. 16:00--17:30 O-S32 Faktori razvoja web aplikacije: vezivanje na vrata, konkurentnost, jednokratnost, paritet razvojne i produkcijske verzije, logging, administracijski procesi P6 v. pred. dr. sc. Vedran Miletić
6. 11. 11. 2021. 18:00--19:30 O-350 Rok za odabir teme. Predaja obrazaca HTTP metodama GET i POST. Provjera unosa i prikaz poruka o greškama V6 Milan Petrović
8. 25. 11. 2021. 16:00--17:30 O-S32 Pisanje i provođenje automatiziranih testova koda. Statička analiza koda P7 v. pred. dr. sc. Vedran Miletić
8. 25. 11. 2021. 18:00--19:30 O-350 Predlošci obrazaca. Stvaranje obrazaca iz modela V7 Milan Petrović
9. 2. 12. 2021. 16:00--17:30 O-359 Timski razvoj web aplikacija i upravljanje verzijama. Kontinuirana integracija i isporuka P8 v. pred. dr. sc. Vedran Miletić
9. 2. 12. 2021. 18:00--19:30 O-350 Rok za predaju modela. Autentifikacija. Testiranje V8 Milan Petrović
10. 9. 12. 2021. 16:00--17:30 O-S32 Konternerizacija web aplikacija i podrška za izvođenje na različitim verzijama platforme P9 v. pred. dr. sc. Vedran Miletić
10. 9. 12. 2021. 18:00--19:30 O-350 Praktični kolokvij V9 Milan Petrović
11. 16. 12. 2021. 16:00--17:30 O-S32 Mjerenje i tehnike poboljšanja performansi: smanjenje broja zahtjeva, kompresija, korištenje mreža za distribuciju sadržaja, DNS prefetch, HTTP/2, web fontovi P10 v. pred. dr. sc. Vedran Miletić
11. 16. 12. 2021. 18:00--19:30 O-350 Izrada REST API-ja V10 Milan Petrović
11. 18. 12. 2021. 10:00--11:30 online Mjerenje i tehnike poboljšanja performansi: optimizacije relacijske baze, keširanje podataka, keširanje operacija, JIT P11 v. pred. dr. sc. Vedran Miletić
11. 18. 12. 2021. 12:00--13:30 online Korištenje REST API-ja za dohvaćanje podataka V11 Milan Petrović
12. 23. 12. 2021. 16:00--17:30 O-S32 Sigurnost dinamičkih web aplikacija P12 v. pred. dr. sc. Vedran Miletić
12. 23. 12. 2021. 18:00--19:30 O-350 Korištenje REST API-ja za slanje podataka V12 Milan Petrović
13. 13. 1. 2022. 16:00--17:30 O-S32 Pregled postojećih sustava za razvoj web aplikacija P13 v. pred. dr. sc. Vedran Miletić
13. 13. 1. 2022. 18:00--19:30 O-350 Primjer izvedbe projekta razvoja web aplikacije V13 Milan Petrović
14. 20. 1. 2022. 16:00--17:30 Test na Merlinu P14 v. pred. dr. sc. Vedran Miletić
14. 20. 1. 2022. 18:00--19:30 O-350 Primjer izvedbe projekta razvoja web usluge V14 Milan Petrović
15. 27. 1. 2022. 16:00--17:30 O-S32 Prošlost, sadašnjost i budućnost weba kao platforme za razvoj aplikacija i usluga P15 v. pred. dr. sc. Vedran Miletić
15. 27. 1. 2022. 18:00--19:30 O-350 Ispravak praktičnog kolokvija V15 Milan Petrović

P -- predavanja
V -- vježbe

Napomena: Moguće su izmjene rasporeda nastave. Za nove verzije rasporeda potrebno je pratiti obavijesti u e-kolegiju.