31
Napredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić, mag. inf. Sveučilište u Zagrebu Fakultet organizacije i informatike Pavlinska 2, Varaždin 42000

Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

  • Upload
    ngodien

  • View
    249

  • Download
    4

Embed Size (px)

Citation preview

Page 1: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Napredne Web tehnologije i servisi

ak. god. 2011./2012.

Nositelj: prof.dr.sc. Dragutin Kermek

Suradnik: Marko Jurišić, mag. inf.

Sveučilište u Zagrebu

Fakultet organizacije i informatike

Pavlinska 2, Varaždin 42000

Page 2: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

O nastavnicima

Dragutin Kermek Marko Jurišić

Page 3: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

O kolegiju

• Izvodi se u 2. semestru 1. godine diplomskog studija

Obavezan na studijskom programu:

Informacijsko i programsko inženjerstvo

Izboran na studijskim programima:

Baze podataka i baze znanja

Organizacija poslovnih sustava

• 6 ECTS bodova

• Satnica:

45 sati predavanja

45 sati vježbi

Page 4: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

O kolegiju

• Izvodi se u projektnom modelu

5+1+5+1 tjedana nastave

5 tjedana za rad na projektnom zadatku

• Cilj:

upoznavanje studenata s naprednim tehnologijama kojima se mogu realizirati složene Web aplikacije. Nakon ovog kolegija, studenti će biti sposobni samostalno razvijati napredne Web projekte. Studenti će moći evaluirati, svladavati, instalirati i koristiti prednosti novih paketa. Jezgra kolegija je programski okvir Java Enterprise Edition (JEE), koji služi za konstrukciju višeslojnih, Web usmjerenih i složenih aplikacija.

Page 5: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Specifičnosti ak. god. 2011./2012.

• Kolegij upisalo 3 kategorije studenata:

48 redovnih studenata/ica

5 izvanrednih studenata/ica

4 studenata na Erasmus razmjeni u Graz-u

• Tri modela rada:

redovni studenti (standardni)

izvanredni studenti (mješoviti, konzultacije)

studenti na Erasmus razmjeni (online, udaljena nastava) – organiziran je videokonferencijski prijenos laboratorijskih vježbi putem Adobe Connect Pro uz pomoć CARNet-a.

• Koristi se LMS sustav Moodle v 1.9

• Kreirane su 3 grupe i studenti su uvršteni u pojedinu grupu na bazi svoje kategorije

Page 6: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Dizajn kolegija

• Osnovni elementi:

forum za obavijesti

sadržaj kolegija

uvjeti za potpis i praćenje rada studenata

ishodi učenja

• Početni elementi:

Predbilježbe za vježbe

Forum o uvjetima za potpis

Evidencija dolazaka na nastavu

Page 7: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Dizajn kolegija

Page 8: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Dizajn kolegija

• Poseban dio za studente na Erasmus razmjeni

privatni forum

poveznica na sobu za Adobe Connect Pro za prijenos nastave

• Poseban dio za izvanredne studente

privatni forum

domaće zadaće

predbilježbe za obranu projekta

poveznica na sobu za Adobe Connect Pro za prijenos nastave

Page 9: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Dizajn kolegija

Page 10: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Dizajn kolegija / 2.

• Organizacija nastave putem tema

• Svaka tema sadrži:

ishode učenja

forum - slabo korišteno :=(

predavanja

nastavni materijali (prezentacija u pdf)

prilozi (programski primjeri, pomoćni pdf dokumenti i sl)

video materijali - preuzeti s Web-a (u 6. i 8. temi)

Page 11: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Dizajn kolegija / 2.

Page 12: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Dizajn kolegija / 3.

vježbe

priprema (od 7. vježbe dalje)

opis

prilozi (programski primjeri, biblioteke klasa, skripte za kreiranje baze podataka i tablica, punjenje podataka, primjeri konfiguracijskih datoteka, upute za instalaciju i sl)

video materijali – snimani na nastavi, obrađeni i objavljeni

Page 13: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Dizajn kolegija / 3.

Page 14: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Dizajn kolegija / 4.

4 zadaće - standardne / nastavljaju se na vježbe

opis

obrazac za zadaću

forum – problemi/nejasnoće u radu, suradnja u rješavanju problema. Nastavnik se uključuje kada procjeni da je potrebna njegova intervencija.

prijenos (upload) rješenja, nastavnik ocjenjuje zadaće

1 zadaća (4.) – radionica / nastavlja se na vježbe

kao i standardne zadaće

svaki student anonimno ocjenjuje 3 zadaće, nastavnik ocjene studenata

Page 15: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Dizajn kolegija / 4.

Page 16: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Dizajn kolegija / 4.

Page 17: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Dizajn kolegija / 4.

Page 18: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Dizajn kolegija / 5.

dodatni elementi

ankete o pojedinim elementira rada (korisnički podaci za pristup video materijalima, raspored u grupe, izbor okvira za korisničko sučelje, i sl)

testovi za samoprovjeru (otvoreni par dana prije kolokvija uz mogućnost 2 pisanja) s bazom od 155 pitanja (1 točan odgovor, više točnih odgovora, upari pojmove, dopuni riječ)

evidencija dolazaka na nastavu

riznica svih programskih primjena s vježbi/zadaća pojedinačno za svaku grupu

instalirana podrška za verzioniranje (subversion) uz iste korisničke podatke kao za video materijale. Dodana upute za korištenje i video materijal.

Page 19: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Dizajn kolegija / 5.

Page 20: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Dizajn kolegija / 6.

projektni zadatak

opis

obrasci za predavanje projekta i samoocjenjivanje projekta

anketa za planirani tjedan obrane projekta (u 2 kruga) – nakon 2. kruga kreirane su grupe po tjednima

forum za projektni zadatak – problemi/nejasnoće u radu, suradnja u rješavanju problema. Nastavnik se uključuje kada procjeni da je potrebna njegova intervencija.

forumi za prijavu za obranu projekta u predloženom terminu. Opis procedure (stimulacija, penalizacija, promjena termina).

Page 21: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Dizajn kolegija / 6.

Page 22: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Dizajn kolegija / 7.

završni dio

tablica za dolaske na nastavu

tablica bodova

završna anketa

poseban dio

digitalna verzija besplatnog časopisa Java Magazine

Page 23: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Vlastiti video materijali

• Model:

korišten je alat Camtasia Studio v 6

sniman rad nastavnika na računalu na laboratorijskim vježbama (rezolucija 1024*768)

snimljeni video materijal je obrađen

izbačene pauze i nepotrebni dijelovi

dosnimavan zvuk (problem s mikrofonom)

podešavanje zvuka

za svaku aktivnost je ugrađena oznaka

generiran konačan video materijal

generiran sadržaj i više manjih dijelova na temelju oznaka

konačan video materijal prebačen je na web poslužitelj i aktivirana poveznica

Page 24: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Vlastiti video materijali

Page 25: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Video materijali

Video materijali Vrsta Broj Min MB

Vlastiti Vježbe 18 1762 3051

Dodatni 1 20 37

Preuzeti s web-a Predavanja 2 53 92

Dodatni 1 3 7

UKUPNO 22 1838 3187

Page 26: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Prolaznost

Kategorija Upisalo Položilo Ostalo Nema uvjeta

Konti nuirano

Naknadno

%

Redovni 48 31 6 77 5 6*

Izvanredni 5 0 2 40 3 0

Erasmus razmjena

4 4 0 100 0 0

UKUPNO 57 35 8 74 8 6

*Objašnjenje:

•1 nije stekao dovoljan broj bodova na kolokvijima

•1 nije stekao dovoljan broj bodova iz zadaća

•4 nije predalo projekt

Page 27: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Završna anketa

Page 28: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Završna anketa

Page 29: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Završna anketa

Page 30: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Završna anketa – mišljenja studenata

• Mislim da je kolegij kvalitetan i vrlo koristan, jedino mi je malo zasmetalo radno opterećenje koje se ne bi osjetilo uz nastavu od svih 15 tjedana.

• Kolegij uzima previse vremana za trenutni broj ECTS-a. Kolegij razvdojiti u dva kolegija ili povecati broj ECTS bodova.

• Premalen broj ECTS bodova u odnosu na ostale predmete

• Kolegij se izvodi na visokoj razini i to je stvarno inspirirajuće, ... svaka čast profesoru na izradi videomaterijala. Jedna od najkorisnijih stvari na sustavu za e-učenje. Smatram da je to smjer u kojem bi svi "programerski" kolegiji trebali ići. Dakle, više video materijala, a manje labosa. Kao zaključak - težina je u redu, ali mislim da bi kolegij trebao nositi 7 ECTS bodova...

• Komentar nastavnika: tijekom revizije NPP provedena je anketa o opterećenju studenata na kolegijima te je prihvaćeno da se kolegiju NWTiS pridruži 7 ECTS-a od ak. godine 2012./2013. :=)

Page 31: Napredne Web tehnologije i servisi - srce.unizg.hr · PDF fileNapredne Web tehnologije i servisi ak. god. 2011./2012. Nositelj: prof.dr.sc. Dragutin Kermek Suradnik: Marko Jurišić,

Završna anketa – mišljenja studenata

• Kolegij je jako dobro organiziran. Svaka čast profesoru na trudu, zalaganju, ažurnosti i velikoj spremnosti da se izađe u susret studentima i pomogne im se kolko se najviše može. ..Također pohvale asistentu Jurišiću koji je također spreman izaći u susret... Pohvale oko ideje bodova za potpis, točnije, da svaki dio na kolegiju (npr. zadaće, projekt) moraju imati određeni broj bodova za potpis, samim time da se skupe bodovi za potpis + još nekoliko bodova, dolazi se gotovo do ocjene i uspješnog prolaska kolegija.

• ...Svakako bih htio reći da je isto tako jedan od najjačih i najkorisnijih kolegija, i oni koje ne prođu ovaj kolegij po meni ne bi se trebali zvati informatičarima...

• Iako je kolegij vrlo zahtjevan, s obzirom da se jednog dana planiram baviti programiranjem, to mi je odgovaralo. Asistent i nastavnik su bili vrlo korektni i davali puno materijala. Velika pohvala ide video materijalima u koje je uloženo puno truda, a bili su velika pomoć. Također, subversion je odlična ideja...