Web 2.0 - Gliffy

M
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!
1 de 27

Recomendados

Informacijsko Komunikaijske Tehnologije U Predmetu Hrvatski Jezik por
Informacijsko Komunikaijske Tehnologije U Predmetu Hrvatski JezikInformacijsko Komunikaijske Tehnologije U Predmetu Hrvatski Jezik
Informacijsko Komunikaijske Tehnologije U Predmetu Hrvatski Jezikzeljkabilic
493 visualizações20 slides
Moodle u kontekstu likovne umjetnosti por
Moodle u kontekstu likovne umjetnostiMoodle u kontekstu likovne umjetnosti
Moodle u kontekstu likovne umjetnostiKristina Rismondo
933 visualizações15 slides
Microsoft Office OneNote por
Microsoft Office OneNoteMicrosoft Office OneNote
Microsoft Office OneNoteatenatudor
311 visualizações13 slides
Dropulja, Smrekar: Primjena MeindMeistera u obrazovanju por
Dropulja, Smrekar: Primjena MeindMeistera u obrazovanjuDropulja, Smrekar: Primjena MeindMeistera u obrazovanju
Dropulja, Smrekar: Primjena MeindMeistera u obrazovanjuJelena Dropulja
300 visualizações16 slides
Neformalno obrazovanje ucitelja na moodle u d.petković, s.vuk por
Neformalno obrazovanje ucitelja na moodle u d.petković, s.vukNeformalno obrazovanje ucitelja na moodle u d.petković, s.vuk
Neformalno obrazovanje ucitelja na moodle u d.petković, s.vukDubravka Petković
611 visualizações12 slides
Babic Jurkovic Prezentacija iz por
Babic Jurkovic Prezentacija iz Babic Jurkovic Prezentacija iz
Babic Jurkovic Prezentacija iz ababic1
253 visualizações10 slides

Mais conteúdo relacionado

Mais procurados

Google Plus por
Google PlusGoogle Plus
Google Plusroliveric
429 visualizações22 slides
Web 2.0 alati u nastavi por
Web 2.0 alati u nastaviWeb 2.0 alati u nastavi
Web 2.0 alati u nastaviSnjezana29
1.6K visualizações14 slides
Nas eTwinning zivot por
Nas eTwinning zivotNas eTwinning zivot
Nas eTwinning zivotTea Teić
351 visualizações41 slides
Web 2.0 - Prezi por
Web 2.0 - PreziWeb 2.0 - Prezi
Web 2.0 - Prezimbibic
383 visualizações19 slides
Alati za e učenje por
Alati za e učenjeAlati za e učenje
Alati za e učenjeTina Šarić
5K visualizações46 slides

Mais procurados(9)

Google Plus por roliveric
Google PlusGoogle Plus
Google Plus
roliveric429 visualizações
Web 2.0 alati u nastavi por Snjezana29
Web 2.0 alati u nastaviWeb 2.0 alati u nastavi
Web 2.0 alati u nastavi
Snjezana291.6K visualizações
Nas eTwinning zivot por Tea Teić
Nas eTwinning zivotNas eTwinning zivot
Nas eTwinning zivot
Tea Teić351 visualizações
Web 2.0 - Prezi por mbibic
Web 2.0 - PreziWeb 2.0 - Prezi
Web 2.0 - Prezi
mbibic383 visualizações
Alati za e učenje por Tina Šarić
Alati za e učenjeAlati za e učenje
Alati za e učenje
Tina Šarić5K visualizações
Web 2.0 alati por Gordana Divic
Web 2.0 alatiWeb 2.0 alati
Web 2.0 alati
Gordana Divic940 visualizações
Piktochart (Pokos, Bujan) por Ela Bujan
Piktochart (Pokos, Bujan)Piktochart (Pokos, Bujan)
Piktochart (Pokos, Bujan)
Ela Bujan50 visualizações

Similar a Web 2.0 - Gliffy

Google Drive - seminar por
Google Drive - seminarGoogle Drive - seminar
Google Drive - seminarpmatusan
658 visualizações14 slides
Google Drive - seminar por
Google Drive - seminarGoogle Drive - seminar
Google Drive - seminarpmatusan
173 visualizações14 slides
Izvjesce virtualna ucionica inf-ckr ii por
Izvjesce virtualna ucionica inf-ckr iiIzvjesce virtualna ucionica inf-ckr ii
Izvjesce virtualna ucionica inf-ckr iiSkolazazivot
827 visualizações10 slides
Google dokumenti por
Google dokumentiGoogle dokumenti
Google dokumentifizicarke
2.4K visualizações7 slides
Slide share por
Slide shareSlide share
Slide shareivkica1
1.2K visualizações20 slides
Seminar Web 2.0 por
Seminar  Web 2.0Seminar  Web 2.0
Seminar Web 2.0Karmelita28
704 visualizações20 slides

Similar a Web 2.0 - Gliffy(20)

Google Drive - seminar por pmatusan
Google Drive - seminarGoogle Drive - seminar
Google Drive - seminar
pmatusan658 visualizações
Google Drive - seminar por pmatusan
Google Drive - seminarGoogle Drive - seminar
Google Drive - seminar
pmatusan173 visualizações
Izvjesce virtualna ucionica inf-ckr ii por Skolazazivot
Izvjesce virtualna ucionica inf-ckr iiIzvjesce virtualna ucionica inf-ckr ii
Izvjesce virtualna ucionica inf-ckr ii
Skolazazivot827 visualizações
Google dokumenti por fizicarke
Google dokumentiGoogle dokumenti
Google dokumenti
fizicarke2.4K visualizações
Slide share por ivkica1
Slide shareSlide share
Slide share
ivkica11.2K visualizações
Seminar Web 2.0 por Karmelita28
Seminar  Web 2.0Seminar  Web 2.0
Seminar Web 2.0
Karmelita28704 visualizações
Google Drive por ValentinaDruzinec
Google DriveGoogle Drive
Google Drive
ValentinaDruzinec420 visualizações
Web 2.0 glogster por mitrovic7
Web 2.0   glogsterWeb 2.0   glogster
Web 2.0 glogster
mitrovic7344 visualizações
WeB MoodleMoot 2021: "Na mene ste zaboravili?" - Pristupačnost u sustavu Moodle por Ivana Bosnic
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
Ivana Bosnic132 visualizações
Web2.0 por iris_kr
Web2.0Web2.0
Web2.0
iris_kr215 visualizações
Informacijsko Komunikaijsketehnologijeupredmetuhrvatskijezik 090828125241 Php... por gideon3815
Informacijsko Komunikaijsketehnologijeupredmetuhrvatskijezik 090828125241 Php...Informacijsko Komunikaijsketehnologijeupredmetuhrvatskijezik 090828125241 Php...
Informacijsko Komunikaijsketehnologijeupredmetuhrvatskijezik 090828125241 Php...
gideon3815218 visualizações
[TVZ Računarstvo] Dinamičke web aplikacije, predavanje 1. por Stipe Predanic
[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.
Stipe Predanic365 visualizações
Webučionica online učenje iz svog doma por Sandra Vuk
Webučionica  online učenje iz svog domaWebučionica  online učenje iz svog doma
Webučionica online učenje iz svog doma
Sandra Vuk1.2K visualizações
Portal programa „Suradnici u učenju“ por Pogled kroz prozor
Portal programa „Suradnici u učenju“Portal programa „Suradnici u učenju“
Portal programa „Suradnici u učenju“
Pogled kroz prozor246 visualizações
Primjena web 2.0 alata u nastavi edueto por JosipC
Primjena web 2.0 alata u nastavi  eduetoPrimjena web 2.0 alata u nastavi  edueto
Primjena web 2.0 alata u nastavi edueto
JosipC170 visualizações
Malo o projektu e-Škole u Hrvatskoj por mirjanagb
Malo o projektu e-Škole u HrvatskojMalo o projektu e-Škole u Hrvatskoj
Malo o projektu e-Škole u Hrvatskoj
mirjanagb2.1K visualizações
MoodleMootHR 2012: Moodle 2.3: Kamo idu zadaće? por Ivana Bosnic
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?
Ivana Bosnic310 visualizações
LK prezentacija informatika -mipro por Lidija Kralj
LK prezentacija informatika -miproLK prezentacija informatika -mipro
LK prezentacija informatika -mipro
Lidija Kralj1.6K visualizações

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.