SlideShare a Scribd company logo
1 of 27
Primjena Web 2.0 alata u
obrazovanju
Sveučilište u Rijeci
Odjel za informatiku

KOLEGIJ:

Primjena hipermedije u obrazovanju 1

MENTOR:

dr. sc. Nataša Hoić-Božić
Martina Holenko Dlab

STUDENTI: Mirela Jergović
Mirna Pičuljan
Rafaela Rabar
AKADEMSKA GODINA: 2013./2014.
Opis alata Gliffy (1/2)
• Web 2.0 alat – online aplikacija
• omogućava stvaranje, uređivanje, surađivanje i dijeljenje
različitih vrsta dijagrama, grafikona, tablica, crteža,
interfejsa i dizajna
• 3 vrste profila:
– BASIC – besplatan, 5 dijagrama, svi javni
– STANDARD – plaća se, 200 dijagrama, javni/privatni
– PRO – plaća se, neograničen broj dijagrama, javni/privatni
Opis alata Gliffy (2/2)
• Alatna traka
• Biblioteka simbola, oblika, objekata, veza... (drag&drop)
• Platno
Moguća primjena u nastavi (1/6)
• Za nastavnike: stvaranje materijala, zadavanje zadataka
• Za učenike: vježbanje i učenje
– razlaganje cjeline gradiva na dijelove / grupiranje / povezivanje
dijelova  „dublje“, podrobnije razumijevanje gradiva

• Matematika i logika: odnosi među brojevima i oblicima,
koordinatni sustav, Vennovi dijagrami – unija, presjek,
razlika...
Moguća primjena u nastavi (2/6)
• Dijagrama toka (flow chart)
– Uzroci, posljedice i tijek događaja  u nastavi iz biologije,
kemije, fizike, geografije, psihologije, sociologije, povijesti,
politike i gospodarstva

• Dijagram strukture (org chart)
– Struktura i hijerarhija određenih sustava  biologija, politika i
gospodarstvo, sociologija, na akademskoj razini za analizu
poslovnih sustava - korisno za izradu modela podataka
Moguća primjena u nastavi (2/6)
Moguća primjena u nastavi (3/6)
• Tehnički crteži i floor plans – nacrti prostora
– Tehnička kultura, fizika, strukovne škole, građevina, arhitektura,
politehnika, strojarstvo, brodogradnja
Moguća primjena u nastavi (4/6)
• Informatika i telekomunikacije
– Dijagrami računalnih mreža
– Wireframe – izrada “kostura” web stranica
– Site map – razlaganje web stranice na komponente
Moguća primjena u nastavi (5/6)
• Informatika (akademska razina)
– modeliranje podataka i procesa poslovnih sustava
– UML (Unified Modeling Language) dijagrami
Moguća primjena u nastavi (6/6)
• Implementacija u bilo koje obrazovno područje:
– Grupni radovi (collaborate)
– Tablice i dijagrami (postepeno/automatski)
– Mentalne mape
• dodavanje linkova, simbola, slika

– Brainstorming
• alati za naknadno grupiranje, isticanje i povezivanje
pojmova
E-aktivnost

Izrada modela podataka
Svrha i ishodi učenja
• Aktivnost je osmišljena kao vježba i ujedno provjera
znanja učenika o modeliranju podataka
• Cilj aktivnosti je odmaknuti se od nastave i okušati se u
stvaranju modela podataka u stvarnom svijetu
• Nakon završene aktivnosti očekuje se teoretsko znanje o
modeliranju podataka kao i znanje o izradi modela
podataka
• Također, studenti će ovom aktivnošću steći iskustvo u
izradi modela podataka kao i u suradničkim aktivnostima
Kratak opis i vrijeme trajanja
• Zadatak je, na temelju stvarnog sustava (tvrtke, poduzeća
ili obrta), stvoriti cjelukupan relacijski model podataka
koristeći Web 2.0 alat Gliffy
• Predviđeno trajanje aktivnosti je 4 tjedna, točnije 25 dana
Potrebni materijali
• Za učenje: cjelina "Modeliranje podataka", prezentacije i
primjeri s nastave
• Za izradu modela podataka: Web 2.0 alat Gliffy
Vrsta suradništva i broj članova
• Aktivnost je predviđena za rad u grupama

• Svaka grupa može imati od 2 do 4 člana
• Zbog obujma gradiva nije dozvoljeno da učenici rade
pojedinačno
Struktura aktivnosti
• Pročitati poglavlje "Modeliranje podataka"
• Proučiti osnovne koncepte za stvaranje modela
podataka iz prezentacija i primjera s nastave
• Proučiti model podataka koji je dan kao primjer
• Pronaći sustav (tvrtku, obrt, poduzeće) na temelju kojeg
ćete izraditi model podataka
• Nabaviti dokumente sustava i provesti razgovor s jednim
djelatnikom kako bi se dobio bolji uvid u djelatnost
sustava
• Osmisliti model podataka
• Napraviti model podataka za odabrani sustav
Aktivnost sudionika i potrebno
vrijeme
• Proučavanje materijala, predviđeno trajanje 1 dan
• Grupiranje, predviđeno trajanje 2 dana
• Prijava na Gliffy i izrada modela podataka, predviđeno
trajanje 22 dana
Aktivnost e-moderatora i potrebno
vrijeme
• Objava grupa, predviđeno trajanje 2 dana
•

Praćenje rada studenata, usmjeravanje, komentiranje i
odgovaranje na pitaja, predviđeno trajanje 22 dana
Način evaluacije
• Za navedenu aktivnost predviđeno je maksimalno 30
ocjenskih bodova
• Ukoliko je zadovoljeno 50% kriterija za evaluaciju to se
boduje sa 15 ocjenskih bodova
• Ukoliko je zadovoljeno manje od 50% kriterija boduje se
s 0 ocjenskih bodova i aktivnost je potrebno ponavljati
Prednosti i nedostaci alata Gliffy
Prednosti (1/2)
• Jednostavan za upotrebu. Grafički prikazi se stvaraju
tehnikom “povuci – spusti”. Nije potrebno nikakvo
predznanje.
• Bogata knjižnica. Knjižnica posjeduje stotine različitih
oblika od kojih se mogu stvarati vlastiti grafički prikazi.
• Jednostavno spremanje i dijeljenje. Mogućnost
spremanja u različitim formatima (SVG, PNG, JPG).
Prednosti (2/2)
• Automatski sprema kopiju svakog grafičkog prikaza.
Korisnik može pratiti promjene te u svakom trenutku se
vratiti na stariju verziju.
• Pomoć. Nudi se vrlo detaljan i koristan vodič za rad,
upute i forum.

• Namjena. Pogodan za vlastite potrebe te mala
poduzeća kojima je potrebno brzo i jednostavno
kreiranje dijagrama.
Nedostaci
• ne postoji besplatna verzija za neograničeno kreiranje
dijagrama
• korisnici BASIC profila ne mogu krerirati privatne
dokumente
• ima ograničenu mogućnost uređivanja dokumenata
kreiranih u Microsoft Visiu

• nije dovoljno pregledan za kreiranje velikih
dokumenata
Zaključak (1/2)
• Cilj uvođenja web 2.0 alata u nastavu je ostvariti
komunikaciju između učitelja i učenika kako bi
korištenjem različitih tehnologija i web alata mogli
prikupljati informacije, riješavati postavljene zadatke te
na temelju toga donositi zaključke.
• Alat se pokazao korisnim u nastavi, posebice za
uspoređivanje relacija između podataka, ljudi, procesa i
objekata.
Zaključak (2/2)
• Zbog svoje jednostavnosti pogodan je i za učenike
osnovnih škola kojima bi korištenje opisanog alata
pomoglo za razvijanje logičkog i problemskog mišljenja.
• Alat bi bio koristan i u mnogim drugim poljima i ljudima
neovisno o njihovoj profesiji. Primjerice, tako može biti
korišten
kod
organiziranja
školskih
aktivnosti,
organiziranja kupovine artikala ovisno o njihovoj cijeni u
pojedinim trgovinama te organiziranju skupine ljudi
ovisno o njihovim zadaćama.
The end!

More Related Content

What's hot (9)

Google Plus
Google PlusGoogle Plus
Google Plus
 
Web 2.0 alati u nastavi
Web 2.0 alati u nastaviWeb 2.0 alati u nastavi
Web 2.0 alati u nastavi
 
Nas eTwinning zivot
Nas eTwinning zivotNas eTwinning zivot
Nas eTwinning zivot
 
Ruzic primjena web 2.0 alata u oš obrazovanju
Ruzic primjena web 2.0 alata u oš obrazovanjuRuzic primjena web 2.0 alata u oš obrazovanju
Ruzic primjena web 2.0 alata u oš obrazovanju
 
Web 2.0 - Prezi
Web 2.0 - PreziWeb 2.0 - Prezi
Web 2.0 - Prezi
 
Alati za e učenje
Alati za e učenjeAlati za e učenje
Alati za e učenje
 
Web 2.0 alati
Web 2.0 alatiWeb 2.0 alati
Web 2.0 alati
 
Google Docs na portalu Moja matura
Google Docs na portalu Moja maturaGoogle Docs na portalu Moja matura
Google Docs na portalu Moja matura
 
Piktochart (Pokos, Bujan)
Piktochart (Pokos, Bujan)Piktochart (Pokos, Bujan)
Piktochart (Pokos, Bujan)
 

Similar to Web 2.0 - Gliffy

Google dokumenti
Google dokumentiGoogle dokumenti
Google dokumenti
fizicarke
 
Informacijsko Komunikaijsketehnologijeupredmetuhrvatskijezik 090828125241 Php...
Informacijsko Komunikaijsketehnologijeupredmetuhrvatskijezik 090828125241 Php...Informacijsko Komunikaijsketehnologijeupredmetuhrvatskijezik 090828125241 Php...
Informacijsko Komunikaijsketehnologijeupredmetuhrvatskijezik 090828125241 Php...
gideon3815
 

Similar to Web 2.0 - Gliffy (20)

Google Drive - seminar
Google Drive - seminarGoogle Drive - seminar
Google Drive - seminar
 
Google Drive - seminar
Google Drive - seminarGoogle Drive - seminar
Google Drive - seminar
 
Izvjesce virtualna ucionica inf-ckr ii
Izvjesce virtualna ucionica inf-ckr iiIzvjesce virtualna ucionica inf-ckr ii
Izvjesce virtualna ucionica inf-ckr ii
 
Google dokumenti
Google dokumentiGoogle dokumenti
Google dokumenti
 
Seminar Web 2.0
Seminar  Web 2.0Seminar  Web 2.0
Seminar Web 2.0
 
Slide share
Slide shareSlide share
Slide share
 
Klemse nove obrazovne mogućnosti s alatima weba 2.0
Klemse nove obrazovne mogućnosti s alatima weba 2.0Klemse nove obrazovne mogućnosti s alatima weba 2.0
Klemse nove obrazovne mogućnosti s alatima weba 2.0
 
Google Drive
Google DriveGoogle Drive
Google Drive
 
Web 2.0 glogster
Web 2.0   glogsterWeb 2.0   glogster
Web 2.0 glogster
 
WeB MoodleMoot 2021: "Na mene ste zaboravili?" - Pristupačnost u sustavu Moodle
WeB MoodleMoot 2021: "Na mene ste zaboravili?" - Pristupačnost u sustavu MoodleWeB MoodleMoot 2021: "Na mene ste zaboravili?" - Pristupačnost u sustavu Moodle
WeB MoodleMoot 2021: "Na mene ste zaboravili?" - Pristupačnost u sustavu Moodle
 
Obrazovni trendovi - ISE projekt
Obrazovni trendovi - ISE projektObrazovni trendovi - ISE projekt
Obrazovni trendovi - ISE projekt
 
Web2.0
Web2.0Web2.0
Web2.0
 
Informacijsko Komunikaijsketehnologijeupredmetuhrvatskijezik 090828125241 Php...
Informacijsko Komunikaijsketehnologijeupredmetuhrvatskijezik 090828125241 Php...Informacijsko Komunikaijsketehnologijeupredmetuhrvatskijezik 090828125241 Php...
Informacijsko Komunikaijsketehnologijeupredmetuhrvatskijezik 090828125241 Php...
 
[TVZ Računarstvo] Dinamičke web aplikacije, predavanje 1.
[TVZ Računarstvo] Dinamičke web aplikacije, predavanje 1. [TVZ Računarstvo] Dinamičke web aplikacije, predavanje 1.
[TVZ Računarstvo] Dinamičke web aplikacije, predavanje 1.
 
Webučionica online učenje iz svog doma
Webučionica  online učenje iz svog domaWebučionica  online učenje iz svog doma
Webučionica online učenje iz svog doma
 
Portal programa „Suradnici u učenju“
Portal programa „Suradnici u učenju“Portal programa „Suradnici u učenju“
Portal programa „Suradnici u učenju“
 
Primjena web 2.0 alata u nastavi edueto
Primjena web 2.0 alata u nastavi  eduetoPrimjena web 2.0 alata u nastavi  edueto
Primjena web 2.0 alata u nastavi edueto
 
Malo o projektu e-Škole u Hrvatskoj
Malo o projektu e-Škole u HrvatskojMalo o projektu e-Škole u Hrvatskoj
Malo o projektu e-Škole u Hrvatskoj
 
MoodleMootHR 2012: Moodle 2.3: Kamo idu zadaće?
MoodleMootHR 2012: Moodle 2.3: Kamo idu zadaće?MoodleMootHR 2012: Moodle 2.3: Kamo idu zadaće?
MoodleMootHR 2012: Moodle 2.3: Kamo idu zadaće?
 
LK prezentacija informatika -mipro
LK prezentacija informatika -miproLK prezentacija informatika -mipro
LK prezentacija informatika -mipro
 

Web 2.0 - Gliffy

  • 1. Primjena Web 2.0 alata u obrazovanju
  • 2. Sveučilište u Rijeci Odjel za informatiku KOLEGIJ: Primjena hipermedije u obrazovanju 1 MENTOR: dr. sc. Nataša Hoić-Božić Martina Holenko Dlab STUDENTI: Mirela Jergović Mirna Pičuljan Rafaela Rabar AKADEMSKA GODINA: 2013./2014.
  • 3. Opis alata Gliffy (1/2) • Web 2.0 alat – online aplikacija • omogućava stvaranje, uređivanje, surađivanje i dijeljenje različitih vrsta dijagrama, grafikona, tablica, crteža, interfejsa i dizajna • 3 vrste profila: – BASIC – besplatan, 5 dijagrama, svi javni – STANDARD – plaća se, 200 dijagrama, javni/privatni – PRO – plaća se, neograničen broj dijagrama, javni/privatni
  • 4. Opis alata Gliffy (2/2) • Alatna traka • Biblioteka simbola, oblika, objekata, veza... (drag&drop) • Platno
  • 5. Moguća primjena u nastavi (1/6) • Za nastavnike: stvaranje materijala, zadavanje zadataka • Za učenike: vježbanje i učenje – razlaganje cjeline gradiva na dijelove / grupiranje / povezivanje dijelova  „dublje“, podrobnije razumijevanje gradiva • Matematika i logika: odnosi među brojevima i oblicima, koordinatni sustav, Vennovi dijagrami – unija, presjek, razlika...
  • 6. Moguća primjena u nastavi (2/6) • Dijagrama toka (flow chart) – Uzroci, posljedice i tijek događaja  u nastavi iz biologije, kemije, fizike, geografije, psihologije, sociologije, povijesti, politike i gospodarstva • Dijagram strukture (org chart) – Struktura i hijerarhija određenih sustava  biologija, politika i gospodarstvo, sociologija, na akademskoj razini za analizu poslovnih sustava - korisno za izradu modela podataka
  • 7. Moguća primjena u nastavi (2/6)
  • 8. Moguća primjena u nastavi (3/6) • Tehnički crteži i floor plans – nacrti prostora – Tehnička kultura, fizika, strukovne škole, građevina, arhitektura, politehnika, strojarstvo, brodogradnja
  • 9. Moguća primjena u nastavi (4/6) • Informatika i telekomunikacije – Dijagrami računalnih mreža – Wireframe – izrada “kostura” web stranica – Site map – razlaganje web stranice na komponente
  • 10. Moguća primjena u nastavi (5/6) • Informatika (akademska razina) – modeliranje podataka i procesa poslovnih sustava – UML (Unified Modeling Language) dijagrami
  • 11. Moguća primjena u nastavi (6/6) • Implementacija u bilo koje obrazovno područje: – Grupni radovi (collaborate) – Tablice i dijagrami (postepeno/automatski) – Mentalne mape • dodavanje linkova, simbola, slika – Brainstorming • alati za naknadno grupiranje, isticanje i povezivanje pojmova
  • 13. Svrha i ishodi učenja • Aktivnost je osmišljena kao vježba i ujedno provjera znanja učenika o modeliranju podataka • Cilj aktivnosti je odmaknuti se od nastave i okušati se u stvaranju modela podataka u stvarnom svijetu • Nakon završene aktivnosti očekuje se teoretsko znanje o modeliranju podataka kao i znanje o izradi modela podataka • Također, studenti će ovom aktivnošću steći iskustvo u izradi modela podataka kao i u suradničkim aktivnostima
  • 14. Kratak opis i vrijeme trajanja • Zadatak je, na temelju stvarnog sustava (tvrtke, poduzeća ili obrta), stvoriti cjelukupan relacijski model podataka koristeći Web 2.0 alat Gliffy • Predviđeno trajanje aktivnosti je 4 tjedna, točnije 25 dana
  • 15. Potrebni materijali • Za učenje: cjelina "Modeliranje podataka", prezentacije i primjeri s nastave • Za izradu modela podataka: Web 2.0 alat Gliffy
  • 16. Vrsta suradništva i broj članova • Aktivnost je predviđena za rad u grupama • Svaka grupa može imati od 2 do 4 člana • Zbog obujma gradiva nije dozvoljeno da učenici rade pojedinačno
  • 17. Struktura aktivnosti • Pročitati poglavlje "Modeliranje podataka" • Proučiti osnovne koncepte za stvaranje modela podataka iz prezentacija i primjera s nastave • Proučiti model podataka koji je dan kao primjer • Pronaći sustav (tvrtku, obrt, poduzeće) na temelju kojeg ćete izraditi model podataka • Nabaviti dokumente sustava i provesti razgovor s jednim djelatnikom kako bi se dobio bolji uvid u djelatnost sustava • Osmisliti model podataka • Napraviti model podataka za odabrani sustav
  • 18. Aktivnost sudionika i potrebno vrijeme • Proučavanje materijala, predviđeno trajanje 1 dan • Grupiranje, predviđeno trajanje 2 dana • Prijava na Gliffy i izrada modela podataka, predviđeno trajanje 22 dana
  • 19. Aktivnost e-moderatora i potrebno vrijeme • Objava grupa, predviđeno trajanje 2 dana • Praćenje rada studenata, usmjeravanje, komentiranje i odgovaranje na pitaja, predviđeno trajanje 22 dana
  • 20. Način evaluacije • Za navedenu aktivnost predviđeno je maksimalno 30 ocjenskih bodova • Ukoliko je zadovoljeno 50% kriterija za evaluaciju to se boduje sa 15 ocjenskih bodova • Ukoliko je zadovoljeno manje od 50% kriterija boduje se s 0 ocjenskih bodova i aktivnost je potrebno ponavljati
  • 21. Prednosti i nedostaci alata Gliffy
  • 22. Prednosti (1/2) • Jednostavan za upotrebu. Grafički prikazi se stvaraju tehnikom “povuci – spusti”. Nije potrebno nikakvo predznanje. • Bogata knjižnica. Knjižnica posjeduje stotine različitih oblika od kojih se mogu stvarati vlastiti grafički prikazi. • Jednostavno spremanje i dijeljenje. Mogućnost spremanja u različitim formatima (SVG, PNG, JPG).
  • 23. Prednosti (2/2) • Automatski sprema kopiju svakog grafičkog prikaza. Korisnik može pratiti promjene te u svakom trenutku se vratiti na stariju verziju. • Pomoć. Nudi se vrlo detaljan i koristan vodič za rad, upute i forum. • Namjena. Pogodan za vlastite potrebe te mala poduzeća kojima je potrebno brzo i jednostavno kreiranje dijagrama.
  • 24. Nedostaci • ne postoji besplatna verzija za neograničeno kreiranje dijagrama • korisnici BASIC profila ne mogu krerirati privatne dokumente • ima ograničenu mogućnost uređivanja dokumenata kreiranih u Microsoft Visiu • nije dovoljno pregledan za kreiranje velikih dokumenata
  • 25. Zaključak (1/2) • Cilj uvođenja web 2.0 alata u nastavu je ostvariti komunikaciju između učitelja i učenika kako bi korištenjem različitih tehnologija i web alata mogli prikupljati informacije, riješavati postavljene zadatke te na temelju toga donositi zaključke. • Alat se pokazao korisnim u nastavi, posebice za uspoređivanje relacija između podataka, ljudi, procesa i objekata.
  • 26. Zaključak (2/2) • Zbog svoje jednostavnosti pogodan je i za učenike osnovnih škola kojima bi korištenje opisanog alata pomoglo za razvijanje logičkog i problemskog mišljenja. • Alat bi bio koristan i u mnogim drugim poljima i ljudima neovisno o njihovoj profesiji. Primjerice, tako može biti korišten kod organiziranja školskih aktivnosti, organiziranja kupovine artikala ovisno o njihovoj cijeni u pojedinim trgovinama te organiziranju skupine ljudi ovisno o njihovim zadaćama.