SlideShare a Scribd company logo
Pripremili: Licia Ljubisavljević, Marko Dupor
   Omogućavaju online
    ◦   kreiranje
    ◦   izmjenu
    ◦   razmjenu
    ◦   objavu
   dokumenata nastalih kao rezultat suradnje više
    korisnika
   Korisnici više nisu pasivni čitatelji internet
    stranica, već imaju prilike sudjelovati u njihovoj
    izgradnji i izmjeni.
   Gliffy je web 2.0 alat za izradu različitih grafičkih
    prikaza:
    ◦   dijagrama tijeka
    ◦   tlocrta
    ◦   Vennovih dijagrama
    ◦   mrežnih i organizacijskih grafičkih prikaza
    ◦   ...
   Web - based service -> usluga zasnovana na Webu
   Pokreće se u Web pregledniku
   Punu funkcionalnost desktop programa dobijemo
    bez potrebnog preuzimanja, instalacije ili
    održavanja
   Besplatan je!
   Jednostavan!
   Omogućuje suradnju sa ostalim korisnicima
   Možemo:
    ◦   koristiti gotove predloške
    ◦   sami kreirati grafičke prikaze
    ◦   elemente oblikovati (mijenjati boju, veličinu)
    ◦   povezivati elemente
    ◦   pohranjivati u različitim oblicima:
         na korisničko računalo (XML, SVG, JPEG...)
         u online bazu podataka,
    ◦ ugrađivati grafičke prikaze na internet stranice
      (wiki, blog i slično)
   Dijagrami tijeka podataka (DTP) - grafički prikaz algoritma
    koji nam olakšava izradu programa skiciranjem nekih od
    osnovnih naredbi sa grafičkim simbolima, i povezujući ih u
    jednu cjelinu.
   Gliffy na nastavi možemo primjeniti za upoznavanje učenike
    sa ovom vrstom dijagrama.

   Slijedeći pseudokod crtamo Gliffy alatom:
                 početak
                 upiši a, b
                 c=a+b
                 ispiši c
                 kraj
   1. Kreiramo novi dokument:
   2. Odabiremo željeni element iz kategorije Flow Chart.

                         3. Elemente oblikujemo mijenjajući boju,
                            obrub, veličinu u pritiskom na dugme edit
                           properties.
   4. Uređene elemente povezujemo sa alatom connector tool :




Naš dijagram sada izgleda ovako:
   Osim DTP-a, Gliffy je koristan i kod
    konstrukcija računalnih mreža.

Primjer – mala
uredska mreža:
   Wikipedia - Web 2.0 alati
    http://hr.wikipedia.org/wiki/Web_2.0_alati (6.1.2012)
   Gliffy – FAQ (često postavljena pitanja)
    http://support.gliffy.com/entries/20042928-gliffy-online-
    faq (9.1.2012)
Gliffy

More Related Content

Similar to Gliffy

Alati zakreiranjewebstranice
Alati zakreiranjewebstraniceAlati zakreiranjewebstranice
Alati zakreiranjewebstraniceseminarski1234
 
[TVZ računarstvo] Dinamičke web aplikacije, predavanje 11.
[TVZ računarstvo] Dinamičke web aplikacije, predavanje 11. [TVZ računarstvo] Dinamičke web aplikacije, predavanje 11.
[TVZ računarstvo] Dinamičke web aplikacije, predavanje 11.
Stipe Predanic
 
Pikto chart
Pikto chartPikto chart
Pikto chart
natalivretenar
 
WebUG - Hibridne mobilne aplikacije
WebUG - Hibridne mobilne aplikacijeWebUG - Hibridne mobilne aplikacije
WebUG - Hibridne mobilne aplikacijeMatija Šmalcelj
 
Wise mapping
Wise mappingWise mapping
Wise mapping
Karlo Marunić
 
Inkscape plakati
Inkscape plakatiInkscape plakati
Inkscape plakati
jakopicek
 
Silverlight Business Overview
Silverlight Business OverviewSilverlight Business Overview
Silverlight Business Overview
Crowd
 
Oeo seminar_juraga_dokmanovic_baric
Oeo seminar_juraga_dokmanovic_baricOeo seminar_juraga_dokmanovic_baric
Oeo seminar_juraga_dokmanovic_baric
Marko Juraga
 
Slavic toplek google_docs
Slavic toplek google_docsSlavic toplek google_docs
Slavic toplek google_docsSanja Slavic
 
Slavic_Toplek_google_docs
Slavic_Toplek_google_docsSlavic_Toplek_google_docs
Slavic_Toplek_google_docsSanja Slavic
 
Google dokumenti
Google dokumentiGoogle dokumenti
Google dokumentifizicarke
 
Web 2.0 - Gliffy
Web 2.0 - GliffyWeb 2.0 - Gliffy
Web 2.0 - Gliffy
mpiculjan
 
Google Drive
Google DriveGoogle Drive
Google Drive
ValentinaDruzinec
 
Tinkercad cuc21
Tinkercad cuc21Tinkercad cuc21
Tinkercad cuc21
hmmmirjana
 
ASOCEU CROATIA - Lesson 2 - Data Visualization TOOLS
ASOCEU CROATIA - Lesson 2 - Data Visualization TOOLSASOCEU CROATIA - Lesson 2 - Data Visualization TOOLS
ASOCEU CROATIA - Lesson 2 - Data Visualization TOOLS
A Scuola di OpenCoesione
 
Razvoj multimedijskih i hipermedijskih aplikacija
Razvoj multimedijskih i hipermedijskih aplikacijaRazvoj multimedijskih i hipermedijskih aplikacija
Razvoj multimedijskih i hipermedijskih aplikacijaldajak
 
Uvod u aplikacije - Luka Mandić
Uvod u aplikacije - Luka MandićUvod u aplikacije - Luka Mandić
Uvod u aplikacije - Luka Mandić
Software StartUp Academy Osijek
 
Evernote Aničić Vlahović
Evernote Aničić VlahovićEvernote Aničić Vlahović
Evernote Aničić Vlahović
Otavio Aničić
 
Kako pretvoriti server_sobu_u_cloud
Kako pretvoriti server_sobu_u_cloudKako pretvoriti server_sobu_u_cloud
Kako pretvoriti server_sobu_u_cloud
Dubravko Marak
 

Similar to Gliffy (20)

Alati zakreiranjewebstranice
Alati zakreiranjewebstraniceAlati zakreiranjewebstranice
Alati zakreiranjewebstranice
 
[TVZ računarstvo] Dinamičke web aplikacije, predavanje 11.
[TVZ računarstvo] Dinamičke web aplikacije, predavanje 11. [TVZ računarstvo] Dinamičke web aplikacije, predavanje 11.
[TVZ računarstvo] Dinamičke web aplikacije, predavanje 11.
 
Pikto chart
Pikto chartPikto chart
Pikto chart
 
WebUG - Hibridne mobilne aplikacije
WebUG - Hibridne mobilne aplikacijeWebUG - Hibridne mobilne aplikacije
WebUG - Hibridne mobilne aplikacije
 
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
 
Wise mapping
Wise mappingWise mapping
Wise mapping
 
Inkscape plakati
Inkscape plakatiInkscape plakati
Inkscape plakati
 
Silverlight Business Overview
Silverlight Business OverviewSilverlight Business Overview
Silverlight Business Overview
 
Oeo seminar_juraga_dokmanovic_baric
Oeo seminar_juraga_dokmanovic_baricOeo seminar_juraga_dokmanovic_baric
Oeo seminar_juraga_dokmanovic_baric
 
Slavic toplek google_docs
Slavic toplek google_docsSlavic toplek google_docs
Slavic toplek google_docs
 
Slavic_Toplek_google_docs
Slavic_Toplek_google_docsSlavic_Toplek_google_docs
Slavic_Toplek_google_docs
 
Google dokumenti
Google dokumentiGoogle dokumenti
Google dokumenti
 
Web 2.0 - Gliffy
Web 2.0 - GliffyWeb 2.0 - Gliffy
Web 2.0 - Gliffy
 
Google Drive
Google DriveGoogle Drive
Google Drive
 
Tinkercad cuc21
Tinkercad cuc21Tinkercad cuc21
Tinkercad cuc21
 
ASOCEU CROATIA - Lesson 2 - Data Visualization TOOLS
ASOCEU CROATIA - Lesson 2 - Data Visualization TOOLSASOCEU CROATIA - Lesson 2 - Data Visualization TOOLS
ASOCEU CROATIA - Lesson 2 - Data Visualization TOOLS
 
Razvoj multimedijskih i hipermedijskih aplikacija
Razvoj multimedijskih i hipermedijskih aplikacijaRazvoj multimedijskih i hipermedijskih aplikacija
Razvoj multimedijskih i hipermedijskih aplikacija
 
Uvod u aplikacije - Luka Mandić
Uvod u aplikacije - Luka MandićUvod u aplikacije - Luka Mandić
Uvod u aplikacije - Luka Mandić
 
Evernote Aničić Vlahović
Evernote Aničić VlahovićEvernote Aničić Vlahović
Evernote Aničić Vlahović
 
Kako pretvoriti server_sobu_u_cloud
Kako pretvoriti server_sobu_u_cloudKako pretvoriti server_sobu_u_cloud
Kako pretvoriti server_sobu_u_cloud
 

Gliffy

  • 2. Omogućavaju online ◦ kreiranje ◦ izmjenu ◦ razmjenu ◦ objavu  dokumenata nastalih kao rezultat suradnje više korisnika  Korisnici više nisu pasivni čitatelji internet stranica, već imaju prilike sudjelovati u njihovoj izgradnji i izmjeni.
  • 3. Gliffy je web 2.0 alat za izradu različitih grafičkih prikaza: ◦ dijagrama tijeka ◦ tlocrta ◦ Vennovih dijagrama ◦ mrežnih i organizacijskih grafičkih prikaza ◦ ...  Web - based service -> usluga zasnovana na Webu  Pokreće se u Web pregledniku
  • 4. Punu funkcionalnost desktop programa dobijemo bez potrebnog preuzimanja, instalacije ili održavanja  Besplatan je!  Jednostavan!  Omogućuje suradnju sa ostalim korisnicima
  • 5.
  • 6. Možemo: ◦ koristiti gotove predloške ◦ sami kreirati grafičke prikaze ◦ elemente oblikovati (mijenjati boju, veličinu) ◦ povezivati elemente ◦ pohranjivati u različitim oblicima:  na korisničko računalo (XML, SVG, JPEG...)  u online bazu podataka, ◦ ugrađivati grafičke prikaze na internet stranice (wiki, blog i slično)
  • 7. Dijagrami tijeka podataka (DTP) - grafički prikaz algoritma koji nam olakšava izradu programa skiciranjem nekih od osnovnih naredbi sa grafičkim simbolima, i povezujući ih u jednu cjelinu.  Gliffy na nastavi možemo primjeniti za upoznavanje učenike sa ovom vrstom dijagrama.  Slijedeći pseudokod crtamo Gliffy alatom: početak upiši a, b c=a+b ispiši c kraj
  • 8. 1. Kreiramo novi dokument:
  • 9. 2. Odabiremo željeni element iz kategorije Flow Chart. 3. Elemente oblikujemo mijenjajući boju, obrub, veličinu u pritiskom na dugme edit properties.
  • 10. 4. Uređene elemente povezujemo sa alatom connector tool : Naš dijagram sada izgleda ovako:
  • 11. Osim DTP-a, Gliffy je koristan i kod konstrukcija računalnih mreža. Primjer – mala uredska mreža:
  • 12. Wikipedia - Web 2.0 alati http://hr.wikipedia.org/wiki/Web_2.0_alati (6.1.2012)  Gliffy – FAQ (često postavljena pitanja) http://support.gliffy.com/entries/20042928-gliffy-online- faq (9.1.2012)