48
Ivana Kočić Martina Rajnović

Seminar hipermedija

  • Upload
    sunchy

  • View
    2.086

  • Download
    4

Embed Size (px)

DESCRIPTION

Alati za izradu mentalnih mapa i razmjenu ideja: Usporedba alata Mindomo i Gliffy

Citation preview

Page 1: Seminar hipermedija

Ivana KočićMartina

Rajnović

Page 2: Seminar hipermedija

Web 2.0 je pojam vezan uz web aplikacije koje olakšavaju interaktivno dijeljenje informacija i međusobnu suradnju na World Wide Webu

Page 3: Seminar hipermedija

Sudionici aktivno pridonose konstruiranju znanja bez obzira na mjesto i vrijeme

Page 4: Seminar hipermedija

omogućena razmjena ideja, izrada mentalnih mapa i dijagrama

Grafički prikaz naših misli

Page 5: Seminar hipermedija

Polu besplatan online softver za izradu mentalnih mapa i dijagrama

Page 6: Seminar hipermedija

Sučelje je jednostavno i intuitivno, te omogućava uporabu kratica koje svakodnevno koristimo na računalu

Page 7: Seminar hipermedija

Ima široku upotrebu, ali se najviše koristi u poslovanju i obrazovanju

Izrađivanje prezentacija i mapa online, kako bi studenti imali lakši pristup gradivu

Eksportiranje mapa Prezentiranje nastavnih planova Pohrana i organizacija istraživanih informacija, kojima se može

pristupiti gdje god je dostupan Internet Učenje korištenja alata za izradu mentalnih mapa i dijagrama Prezentiranje nastavnih zadataka

Page 8: Seminar hipermedija

Moguće je pregledavati mape drugih korisnika

Page 9: Seminar hipermedija

Izrada mape referenci Izrada mape plana Izrada prezentacija

Page 10: Seminar hipermedija
Page 11: Seminar hipermedija

Pomoću Gliffyja možemo stvoriti svoj dijagram ili

koristiti jedan od cijelog niza predložaka koji možemo preoblikovati u ono što je nama potrebno.

Page 12: Seminar hipermedija
Page 13: Seminar hipermedija

Gliffy je besplatan Nije potrebna instalacija nekog softvera za

korištenje Gliffyja (osim internet preglednika i Adobe Flash Playera)

Intuitivno sučelje jednostavna drag and drop tehnika

povlačenja određenih oblika i linija iz spremnika oblika na sučelje

Mogućnost dijeljenja dijagrama Omogućena suradnička izrada dijagrama stotine tisuća zadovoljnih korisnika iz više od

četrdeset zemalja svijeta

Page 14: Seminar hipermedija

1.    Softver za izradu dijagrama toka odličan način za prikazivanje i uspoređivanje relacija

između podataka, ljudi , procesa i objekata. Često je lakše razumjeti komplicirani projekt ili proces

upravo preko crtanja dijagrama, grafova i mapa iz tog razloga je Gliffy veoma koristan.

Vrste dijagrama toka koje pruža ovaj softver:                › mapiranje procesa (eng. Process mapping)› dijagram toka podataka

(eng. Data flow diagram)› dijagram toka procesa donošenja odluka

(eng. Decision making process flowchart)› mentalne mape › organizacijski graf

(eng. Organization chart / Org Chart)› uzročno-posljedični dijagram toka

(eng. Cause and effect flowchart)

Page 15: Seminar hipermedija
Page 16: Seminar hipermedija

2.    Softver za izradu mrežnih dijagrama Softver sadrži brojne oblike te ima mogućnost

uključivanja slika poput servera, klijenata, hubova i usmjerivača (eng. router).

Pomoću ovog softvera možemo kreirati:› dijagram topologije mreže

(eng. Network topology diagrams)› mrežni dijagram klijent/server

(eng. Client/server network diagram)› mrežni dijagram redundancije

(eng. Redundancy network diagram)› višeslojni sigurnosni dijagram

(eng. Multi-layer security diagram)› laboratorijski mrežni dijagram

(eng. Lab network diagram) › eternet dijagram › mrežni dijagram od radne stanice do servera

(eng. Workstation to server network diagram)› bežični mrežni dijagram (eng. Wireless network

diagram)

Page 17: Seminar hipermedija
Page 18: Seminar hipermedija

3. Gliffyjev softver za izradu tlocrta omogućuje prikazivanje prostora gledanog iz

ptičje perspektive uključujući unutarnje i vanjske prostore.

u svom spremniku sadrži razne oblike poput oznaka za vrata, zidove, prozore, ali i strukturne elemente te oblike namještaja, dekoracija, aparata, cvijeća...

Omogućuje izradu:› tlocrta nekretnina › profesionalnog tlocrta dizajna interijera › tlocrt poslovnog prostora s namještajem › tlocrt za električne i kabelske ustanove (eng.

Electrical/Cable/Facilities floorplan)› tlocrt prostora za zabavu koji uključuje organizaciju

sjedenja › tlocrt dnevnih boravaka i soba › tlocrt vanjskog prostora (eng. Outdoor floorplan)

Page 19: Seminar hipermedija
Page 20: Seminar hipermedija

4.   Softver za izradu organizacijskih grafova (eng. Org chart)

Organizacijski grafovi pokazuju hijerarhiju te odnos između pojedinaca ili odjela u određenoj organizaciji.

Omogućuje izradu: › organizacijskog grafa poslovanja› organizacijskog grafa akademskih ustanova› organizacijskog grafa uprave› organizacijskog grafa bolnica› organizacijskog IT grafa

Page 21: Seminar hipermedija
Page 22: Seminar hipermedija

5.   Softver za izradu dijagrama SWOT# analize

Dijagrami SWOT analize pokazuju snagu, slabost, mogućnosti i prijetnje (eng. Strengths, Weaknesses, Opportunities, and Threats) koje će pomoći ili naštetiti mogućnosti dolaska do određenog cilja.

Oni pokazuju pozitivne, negativne vanjske i unutarnje faktore za ostvarenje određenog cilja.

pomažu u definiranju strategija koje će pomoći u povećavanju pozitivnih faktora i savladavanju prepreka na putu do ostvarenja određenog cilja.

Page 23: Seminar hipermedija

Moguća izrada:

› SWOT analiza kompetitivnosti› SWOT analiza ekspanzije linije proizvoda› SWOT analiza marketing strategija › SWOR analiza kriza sanacije

(eng. Crisis remediation SWOT analysis)› SWOT analiza strategije podizanja fonda

Page 24: Seminar hipermedija
Page 25: Seminar hipermedija

6.   Wireframe softver dobar način za razjašnjavanje vizije

internetske stranice odličan način za osiguravanje jasnosti i

konzinstencije u razvoju internerske stranice.

koristi osnovne oblike i linije za definiranje prostora na stranici

određuje gdje će se određeni tekstovi i oblici pojaviti prije nego se stvarne slike i sadržaj kreiraju i slično.

Page 26: Seminar hipermedija

Korištenje:› Tokom razvoja, tim koristi wireframe internetske

stranice za skiciranje ideja, potvrđivanje plauzibilnosti i procijenjivanje vremena i troškova razvoja.

› Programeri gledaju modele internetske stranice kako bi osigurali da stvaraju okvir stranice koji će se moći prilagoditi viziji. Također koriste modele da bi utvrdili da su koristili ispravnu navigaciju na svakoj stranici.

› Grupa ljudi zadužena za tekst prosuđuje dostupan prostor te određuju koji sadržaj je potreban na svakoj od stranica.

› Grafički dizajneri stvaraju konzistentne veze za navigaciju kroz stranice što im omogućuje web wireframe

› Grupa ljudi zadužena za testiranje koristi wireframe internetske stranice za provjeravanje točnosti sadržaja, navigacija i sličnog.

Page 27: Seminar hipermedija
Page 28: Seminar hipermedija

7.  UML softver alat za izradu dijagrama klasa, dijagrama

sekvenci i svih vrsta UML dijagrama.             rastavljaju se veći sistemi na manje, diskretne

dijelove koji su jednostavniji za razumijeti. Možemo izraditi:

› dijagram korištenja sustava (eng. Use case diagram)› dijagram klasa (eng. Class diagram)› dijagram objekata (eng. Object diagram)› dijagram stanja (eng. State diagram)› dijagram aktivnosti (eng. Activity diagram)› dijagram sekvenci (eng. Sequence diagram)› dijagram kolaboracije (eng. Collaboration diagram)› dijagram dijelova (eng. Component diagram)› dijagram razvoja (eng. Deployment diagram)

Page 29: Seminar hipermedija
Page 30: Seminar hipermedija

8.  Softver poslovnog procesa    Pomoću softvera poslovnog procesa

možemo izraditi privatne ili suradničke dijagrame.

On također pruža veću fleksibilnost u prikazivanju relacija između raznih poslovnih procesa.

Omogućeno je da velikim dijagramom jednostavnije objasnimo inače kompleksne relacije.

Page 31: Seminar hipermedija
Page 32: Seminar hipermedija

9. Softver za izradu mapu internetskih stranica

(eng. Site Map Software)

Ovaj softver omogućuje izradu mapa pomoću kojih planiramo i stvaramo strukturu internetske stranice.

Jednostavan je za korištenje jer sadrži intuitivne alatne okvire te niz predložaka koji se mogu koristiti.

Page 33: Seminar hipermedija
Page 34: Seminar hipermedija

10. Softver za izradu Vennovih dijagrama

Ovaj softver pruža mogućnost brze i jednostavne izrade Vennovih dijagrama

lako vidimo presjeke između pojedinih skupova.

Softver ima besplatnu trial verziju od 30 dana.

Page 35: Seminar hipermedija
Page 36: Seminar hipermedija
Page 37: Seminar hipermedija
Page 38: Seminar hipermedija

Gliffy bi bio vrlo koristan za upotrebu u nastavi informatike jer je moguće primjeniti ga gotovo u svakom predmetu

Primjerice:› Unutar sata računalnih mreža studentima, ali i

učenicima bi sigurno bilo zanimljivo vidjeti komponente mreže na ovaj slikoviti način koji pruža softver za izradu dijagrama mreže.

› Unutar sata Objektno orjentiranog modeliranja studentima puno pomogao softver za izradu UML dijagrama jer bi na taj način mogli uvidjeti kako dijagram treba izgledati i prije nego ga moraju napraviti sami. U ovom području Gliffy je počeo zamjenjivati Visio jer je jednako koristan ali besplatan softver s mogućnošću suradničkog stvaranja dijagrama.

Page 39: Seminar hipermedija

› Gliffyjev softver za izradu okvira internetskih stranica puno bi pomogao početnicima u web dizajnu i studentima koji slušaju Programiranje za internet jer bi mogli prvo isplanirati strukturu stranice, a onda je tek krenuti stvarati.

› Nadalje, softver za izradu dijagrama poslovnog procesa koristan bi mogao biti u predmetima na temu analize poslovnog sustava jer bi na slikovit način lakše bilo opisati određene elemente poslovnog sustava nego da sve to moraju reći ili zapisati riječima.

Page 40: Seminar hipermedija

u nastavi logike bi primjerice prilično bio koristan softver za izradu Vennovih dijagrama.

Jedina mala nesavršenost tog softvera je što ne sadrži posebne znakove primjerice znak za uniju, presjek, podskup koji se vrlo često koriste pri crtanju Vennovih dijagrama.

Page 41: Seminar hipermedija

Smatram da bi softver za izradu organizacijskog dijagrama mogli koristiti svi, od učenika, kućanica, do profesora i direktora.

Ovaj softver bi im sigurno pomogao u

organiziranju primjerice školskih obaveza koje se mogu organizirati po težini, organiziranju kupovine koje se može organizirati s obzirom na cijenu artikla u pojedinim prodavaonica, organiziranju skupine ljudi i preraspodjelu poslova i slično.

Page 42: Seminar hipermedija

Nije nužno da su korisnici Gliffyja isključivo studenti ili učenici već to može biti bilo tko s pristupom internetu, internetskim preglednikom i Adobe Flash Playerom verzije 9 ili novije.

Page 43: Seminar hipermedija

Mindomo je dobar za izradu mapa planiranja i mapa referenci za praćenje informacija, te mapi za prezentaciju. U nastavi ima mnogo primjera primjene,a neki od njih su:

› Korištenje mape planiranja za zajedničku izradu plana neke aktivnosti

› Izrada prezentacija za predavanje› Izrada dijagrama za seminare i/ili predavanje› Izrada osobnih mapa referenci učenika kojima bi pratili

usvojeno znanje, tj. mape bi se proširivale obzirom na novo usvojeno znanje

Page 44: Seminar hipermedija

izrada mapa plana za neko zajedničko organizirano putovanje

mapa prijedloga učenika o načinu predavanja određenih tema na satu

Profesor može prezentirati plan nastave

Page 45: Seminar hipermedija

Mnoge kritike zbog neprofesionalnosti sudionika u stvaranju informacija

Revolucija u poimanju edukacije Odgovornost učitelja da pouče učenike

ispravnom korištenju Web 2.0 alata Rasčlanjivanje kvalitetnih od

nekvalitetnih informacija

Page 46: Seminar hipermedija

Uklonjena vremensko-prostorna komponenta Brži pristup informacijama Razvijanje socijalnih vještina Razvijanje suradničkih odnosa i tolerancije Suradnja profesionalaca i amatera za bolje

rezultate Učenje uz mogućnost istovremenog rada na

nečem drugom

Page 47: Seminar hipermedija

http://www.gliffy.com/flowchart-software/ Gliffyjev softver za izradu dijagrama toka (16.01.2011.) http://www.gliffy.com/network-diagram-software/ Gliffyjev softver za izradu mrežnih dijagrama

(16.01.2011.) http://www.gliffy.com/floor-plan-software/ Gliffyjev softver za izradu tlocrta (16.01.2011.) http://www.gliffy.com/org-chart-software/ Gliffyev softver za izradu organizacijskih dijagrama

(16.01.2011.) http://www.gliffy.com/swot-analysis/ Gliffyev softver za izradu SWOT analiza (16.01.2011.) http://www.gliffy.com/wireframe-software/ Gliffyev softver za izradu okvira internetskih stranica

(16.01.2011.) http://www.gliffy.com/uml-software/ Gliffyev softver za izradu UML dijagrama (16.01.2011.) http://www.gliffy.com/business-process-software/ Gliffyev softver za izradu dijagrama poslovnog procesa (16.01.2011.) w.techgazing.com/2008/08/07/smart-tools-for-internal-communication/ 15.01.2011

Page 48: Seminar hipermedija

http://www.gliffy.com/site-map-software/ Gliffyev softver za izradu mapa stranice (16.01.2011.)

http://www.gliffy.com/venn-template/ Gliffyev softver za izradu Vennovih dijagrama (16.01.2011.)

http://www.mindomo.com/view.htm?m=f59cb5c7f34946e6a81f0695b1f633a4 (15.01.2011) - Pristup mentalnoj mapi izrađenoj za praktični dio zadatka

http://en.wikipedia.org/wiki/Web_2.0 (16.01.2011.) definicija Web 2.0 na Wikipediji http://www.techgazing.com/2008/08/07/smart-tools-for-internal-communication/

(15.01.2011) - slika prikaza komunikacije na stranici Techgazing u članku o pametnim alatima za internu komunikaciju

http://www.flickr.com/photos/dailypic/1459055735/ (15.01.2011) slika dvije glave

http://www.coalitionblog.org/2010/10/online-collaboration-doesn%E2%80%99t-happen-by-magic/ (15.01.2011.) ruke oko planete

http://introductiononlinepedagogy.pbworks.com/w/page/20123548/Orienting-Your-Students 15.01.2011