Seminar hipermedija

Ivana KočićMartina

Rajnović

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

Sudionici aktivno pridonose konstruiranju znanja bez obzira na mjesto i vrijeme

omogućena razmjena ideja, izrada mentalnih mapa i dijagrama

Grafički prikaz naših misli

Polu besplatan online softver za izradu mentalnih mapa i dijagrama

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

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

Moguće je pregledavati mape drugih korisnika

Izrada mape referenci Izrada mape plana Izrada prezentacija

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.

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

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)

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)

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)

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

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.

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

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.

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.

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)

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.

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.

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.

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.

› 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.

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.

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.

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.

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

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

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

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

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

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