ΟΡΓΑΝΙ΢ΜΟ΢ ΕΠΑΓΓΕΛΜΑΣΙΚΗ ΕΚΠΑΙΔΕΤ΢Η΢ ΚΑΙ ΚΑΣΑΡΣΙ΢Η΢

                     Ι.Ε.Κ. ΥΑΛΚΙΔΑ΢



Σςπογπαθικόρ ΢σεδιαζμόρ Ενηύπυν & Εθαπμογών
                 πολςμέζυν




              Εθπαηδεπηήο Αλδξέαο Κόιιηαο
                         20.11.2009
Ανάλςζη και Τλοποίηζη
            Αςηόνομυν Εθαπμογών Πολςμέζυν


 Οπιζμοί




       ππεξκέζα   ?             πνιπκέζα    ?

                    CD-ROM   ?
 Οπιζμοί: Υπερκείμενο, Υπερμέζα
Τπεπκείμενο: ε ηερλνινγία δηαρείξηζεο θεηκέλνπ κέζσ ππνινγηζηή πνπ
επηηξέπεη νξγάλσζε θεηκέλνπ
   κε γξακκηθή
   κε ηεξαξρηθή
   ζηεξηγκέλε ζηε δηαζύλδεζε ηδεώλ κε ηε κνξθή κόμβυν (nodes) θαη
    ζςνδέζευν (links)
   ειεγρόκελε από ην ρξήζηε
    — αλάγλσζε


    —  ζπγγξαθή



Τπεπμέζα, ππεξθείκελα πνπ πεξηιακβάλνπλ θαη δηαζύλδεζε ζηνηρείσλ πέξα από ην
θείκελν (π.ρ. δηαγξάκκαηα, ράξηεο, εηθόλεο θιπ.)
Υπεπκείμενο, Υπεπμέζα
Η βαζηθή ηδέα:
α.ην πεξηερόκελν παξαζύξσλ
ζηελ νζόλε αληηζηνηρεί ζε ζηνηρεία
κηαο βάζεο δεδνκέλσλ
β. δεκηνπξγνύληαη ζύλδεζκνη
κεηαμύ απηώλ ησλ ζηνηρείσλ πνπ
πινπνηνύληαη θαη ζην γξαθηθό
πεξηβάιινλ (σο νξαηνί
ππεξζύλδεζκνη) θαη ζηε βάζε
δεδνκέλσλ (σο pointers).»




   Jeff Conklin: “Hypertext:: an Introduction
                              and a Survey”
Ιζηοπικά: Τπεπκείμενο, Τπεπμέζα
1945 Ο Vannevar Bush πεξηγξάθεη ην MEMEX ζην άξζξν ηνπ “As we may think” σο
έλα ρξήζηκν ζύζηεκα γηα ηελ αλάζπξζε γλώζεσλ δε ζα ζηεξίδεηαη ζε θαηεγνξίεο αιιά
ζηε δηαζπλδεζηκόηεηα.
1965: εηζάγεηαη ν όξνο ππεξθείκελν ζηελ Πιεξνθνξηθή (Nelson T.)
1968: Augment ην πξώην πεηξακαηηθό ζύζηεκα ππεξθεηκέλνπ (Εnglebart)
Ιζηοπικά: Τπεπκείμενο, Τπεπμέζα
1984: ινγηζκηθό ζπγγξαθήο ππεξθεηκέλνπ επξείαο ρξήζεο (HyperCard)
ηέλη δεκαεηίαρ 1980: επξεία δηάδνζε πξνγξακκάησλ ππεξθεηκέλνπ
απσέρ δεκαεηίαρ 1990: Τπεξκέζα, δει. ππεξθείκελα πνπ πεξηιακβάλνπλ θαη ζηνηρεία
πέξα από ην θείκελν (π.ρ. δηαγξάκκαηα, ράξηεο, εηθόλεο θιπ.)


1980: ν Berners-Lee πξνηείλεη ηε ζύλδεζε ππεξθεηκέλνπ θαη δηθηύνπ ην πεηξακαηηθό
ζύζηεκα Enquire
1991: Η πξώηε έθδνζε ηεο HTML εθδίδεηαη ζην δηαδίθηπν
1993: Mosaic O πξώηνο δηαθπιιηζηήο, (Andreesen & Bina)


Η κληπονομιά ηυν ςπεπμέζυν ζήμεπα
 δηαθπιιηζηέο θαη ηζηνρώξνη
 δπλαηόηεηα δεκηνπξγίαο ππεξζπλδέζκσλ από ην ρξήζηε ζε πνιιέο γεληθέο
 εθαξκνγέο (επεμεξγαζηή θεηκέλνπ, ειεθηξνληθό ηαρπδξνκείν θιπ.)
 ειεθηξνληθή ηεθκεξίσζε θαη βνήζεηα
 εξγαιεία ζπγγξαθήο εθαξκνγώλ πνπ ρξεζηκνπνηνύλ ηε κεηαθνξά ησλ θαξηώλ ή ησλ
 ζειίδσλ (π.ρ. Toolbook)
Οπιζμοί: Πολσμέζα, Διαδραζηικά Πολσμέζα
Πολςμέζα: ε ρξήζε ηνπ ππνινγηζηή γηα ηνλ ζπληνληζκό, «ηελ
ελνξρήζηξσζε» πιεξνθνξίαο από πνιιά είδε πεγώλ
 —   θείκελν
 —   εηθόλεο-γξαθηθά
 —   θηλνύκελα γξαθηθά
 —   ήρνο
 —   θηλεκαηνγξαθηθή εηθόλα
 —   ηξηζδηάζηαηα γξαθηθά

γξακκηθόο ζπγρξνληζκόο πνιιώλ κέζσλ

Διαδπαζηικά πολςμέζα: αληαπόθξηζε ζηηο ελέξγεηεο ηνπ ρξήζε κέζα ζην
πνιπκεζηθό πεξηβάιινλ πνπ δεκηνπξγείηαη από ηνλ ππνινγηζηή (π.ρ. επηινγέο
πινήγεζεο)
Ιζηνξηθά: Πολςμέζα, Διαδπαζηικά Πολςμέζα
 1. ζπγρξνληζκόο αλαινγηθώλ πεγώλ
      ζπλήζεο κεραληζκόο ελνξρήζηξσζεο θαζέηα ήρνπ




                                                πεγή Elson-Cook: Principles of interactive multimedia
κηα πην ζύλζεηε εθδνρή: «Multimedia Slide Wall»




                                              πεγή Elson-Cook: Principles of interactive multimedia
Ιζηνξηθά: Πολςμέζα, Διαδπαζηικά Πολςμέζα
 2. ζπγρξνληζκόο αλαινγηθώλ πεγώλ κε ππνινγηζηή
    („πνιιαπιά κέζα‟)  δπλαηόηεηεο δηάδξαζεο

 3. ςεθηαθή απνζήθεπζεο πεγώλ θαη ελζσκάησζε ζηνλ ππνινγηζηή
    („πνιπκέζα‟)  δπλαηόηεηεο ελνξρήζηξσζεο θαη δηάδξαζεο κέζσ
    πξνγξακκαηηζκνύ

Η κληπονομιά ηυν πολςμέζυν ζήμεπα
 πνιιέο γεληθέο εθαξκνγέο ρεηξηζκνύ κέζσλ ζε θνηλή ρξήζε (photo albums, mp3
  players).
 εηδηθέο εθαξκνγέο πνιπκέζσλ
 ελζσκάησζε δπλαηνηήησλ πνιπκέζσλ ζε παξαδνζηαθέο ηερλνινγίεο (π.ρ. ηειεόξαζε
  ιήςεο)
 Εξγαιεία ζπγγξαθήο εθαξκνγώλ πνπ ρξεζηκνπνηνύλ ηε κεηαθνξά ηνπ
  ρξνλνδηαδξόκνπ (π.ρ. MMDirector, Flash...)
Τπεξθείκελν   Τπεπμέζα
                    Διαδπαζηικά Πολςμέζα    Πνιπκέζα

 Έκθαζε: Με-γξακκηθόηεηα,   Έκθαζε: „ελνξρήζηξσζε
 δηαζπλδεζηκόηεηα           εκπεηξίαο‟
    επέιηθηε πξόζβαζε ζε     πνηόηεηα θαη ηαρύηεηα
     πεξηερόκελν               πνιπκεζηθώλ ζηνηρείσλ
    πξνζαξκνγή ηνπ           απμεκέλεο δπλαηόηεηεο
     πεξηερνκέλνπ ζην          πινήγεζεο
     ρξήζηε
                              δηάδξαζε
    πξνζαξκνγή νξγάλσζεο
                              δπλακηθή δεκηνπξγία θαη
     πεξηερνκέλνπ από ην
                               ρεηξηζκόο πνιπκεζηθώλ
     ρξήζηε
                               ζηνηρείσλ
    ζπγγξαθή
     ππεξζπλδέζκσλ θαη
     πεξηερνκέλνπ από ην
     ρξήζηε
πολςμέζα: ζηοισεία πος καθοπίζοςν μια ‘πολςμεζική εμπειπία’
  αιζθηηηπιακή οδόρ (modalities)
      όξαζε, αθνή, αθή, γεύζε νζκή
  δίοδορ (channel): κνξθή θσδηθνπνίεζεο πεξηερνκέλνπ πνπ αμηνπνηεί κηα
   ζπγθεθξηκέλε αηζζεηηξηαθή νδό
      π.ρ. αθνή: αθήγεζε, κνπζηθή, ζόξπβνο
      π.ρ. όξαζε: γξαθή, θσηνγξαθία, γξάθεκα, καζεκαηηθόο ηύπνο
   Δηαζηάζεηο επηινγήο δηόδνπ:
                                                                            Σχόλιο [evd1]: Consider adding an

     o αποδέκηηρ: κπνξεί λα απνθσδηθνπνηήζεη ην πεξηερόκελν, δηαθνξεηηθά    example about icons, easily
                                                                            recongizeable icons or less
                                                                            universal icons




     o εύπορ διόδος: πόζν πεξηερόκελν κπνξεί λα κεηαθέξεη
     o μονοζημία ή πολςζημία
  μέζο (medium):
   Έλα ζύλνιν από ζπληνληζκέλεο δηόδνπο πνπ αμηνπνηνύλ κία ή πεξηζζόηεξεο
   αηζζεηεξηαθέο νδνύο θαη πνπ έρνπλ θαζηεξσζεί σο νιόηεηα κέζα από έλα
   εληαίν ζύλνιν ζπκβάζεσλ («γιώζζα ηνπ κέζνπ»)
      π.ρ. ην βηβιίν, ε ηειεόξαζε
πεγή Elson-Cook: Principles of interactive multimedia
πολςμέζα... και άλλα μέζα


   Σα πνιπκέζα είλαη ζπλδπαζκόο από ζπληνληζκέλεο δηόδνπο επηθνηλσλίαο.
   πνπ δελ έρνπλ (αθόκα) θαζηεξσζεί σο νιόηεηα από έλα εληαίν ζύλνιν
   ζπκβάζεσλ.


   Τπάξρνπλ δύν ηξόπνη λα δεκηνπξγήζεη θαλείο πνιπκέζα:
     λα ζπλδπάζεη άιια κέζα
     λα δεκηνπξγήζεη έλα ζπλδπαζκό από δηόδνπο επηθνηλσλίαο πνπ δελ έρεη
      θαζηεξσζεί ζε άιια κέζα
Διαδπαζηικόηηηα/Διάδπαζη (Interactivity/Interaction)
Δξάζε + Αληαπόθξηζε  Έιεγρνο


Πόζε δηάδξαζε;
Πληποθόπηζη/Παποςζίαζη             <<<<<                        >>>>>           Δπαζηηπιόηηηα/Εμπειπία
Slide Show      <<<<<                                                    >>>>>           Full Immersion VR.
Έλεγσορ     Έλεγσορ        Έλεγσορ      Έλεγσορ           Έλεγσορ            Έλεγσορ              Έλεγσορ
Ρςθμού      ακολοςθίαρ     μέζυν        Παπαμέηπυν        πεπιεσομένος       ανηικειμένυν         πποζομείυζηρ
                                                          /ενεπγειών
Click γηα   Επηιέγσ πνπ ζα Start/stop   θαζνξηζκόο        Απνζηνιή           Μεηαθίλεζε           Αιιαγή νπηηθήο
ην          πάσ κεηά       video.       κεηαβιεηώλ ζε     κελύκαηνο          θαη ρεηξηζκόο        γσλίαο,
επόκελν                                 έλα πείξακα                          αληηθεηκέλσλ         θαζνξηζκόο ηεο
                           Εκθάληζε/                      θαηαγξαθή
                                                                             ζηελ νζόλε           εμέιημεο
                           Απόθξπςε     δεκηνπξγία κηαο   ζρνιίσλ,
                                                                                                  γεγνλόησλ θαη
                           θεηκέλνπ     πξνζαξκνζκέλεο                       shoot ducks
                                                          ππνβνιή                                 ελεξγείσλ
                                        παξνπζίαζεο κε
                           Zoom                           εξγαζίαο
                                        βάζε ιέμεηο
                                        θιεηδηά           απνζήθεπζε
                                                          επηινγήο
                                        θαζνξηζκόο ησλ
                                        ραξαθηεξηζηηθώλ παξαγγειία
                                        ηεο νζόλεο
                                                                Adapted from: Kristoff & Satran Interactivity by Design
√΢ςνηθιζμένερ σπήζειρ αςηόνομυν εθαπμογών πολςμέζυν:
Δηαζθέδαζε
 —   παηγλίδηα (game design)

Ελεκέξσζε-Δηαθήκηζε

Μόξθσζε-Πνιηηηζκόο

Εθπαίδεπζε-Καηάξηηζε


√΢ςνηθιζμένοι ηπόποι διάθεζηρ:
δηαλνκή ζε CD-ROM
εγθαηάζηαζε Kiosk
[on-line]
√Ρόλοι ζηην ανάπηςξη εθαπμογών πολςμέζυν
“Όρη κόλν ε βηνκεραλία ησλ πνιπκέζσλ πεξηέρεη θάπνηα από ηα πην δπλαηά εξγαιεία
ησλ ππνινγηζηώλ, αιιά βαζίδεηαη θαη ζε ηαιέληα πνπ πξνέξρνληαη έμσ από ηα
παξαδνζηαθά όξηα ηεο επεμεξγαζίαο δεδνκέλσλ θαη ηεο δηαρείξεζεο πιεξνθνξηαθώλ
ζπζηεκάησλ”                                             H. Bartesch cited in T. Vaughan




Είλαη νη πξνγξακκαηηζηέο πνιπκέζσλ επιζηήμονερ ηηρ Πληποθοπικήρ;
Ή είλαη
                 ππογπαμμαηιζηέρ ...
                                                          γπαθίζηερ
ζσεδιαζηέρ       ...                     δημιοςπγοί       ...
κινοςμένυν                               ιζηοπιών
ζσεδίυν
...              ζσεδιαζηέρ                               μοςζικοί
                 εκπαιδεςηικού
                 ςλικού


αναγεννηζιακοί άνθπυποι;                                              (adapted from Vaughan)
√Ρόλοι ζηην ανάπηςξη εθαπμογών πολςμέζυν



                              ςπεύθςνορ
   ειδικόρ ζηο                παπαγυγήρ
   πεπιεσόμενο
         ζςγγπαθέαρ
         -επιμεληηήρ
         κειμένυν

                       ζςγγπαθέαρ-
                                     ππογπαμμαηιζηήρ
                       ζσεδιαζηήρ
                       πολςμεζικήρ
                       εθαπμογήρ


     παπαγυγόρ
     πολςμεζικού            καλλιηεσνικόρ
     πεπιεσομενος           ςπεύθςνορ-
     (θσηνγξαθία, video,    γπαθίζηαρ
     ήρνο, animation)
(Πηγή T. Vaughan ‘Πολςμέζα’)
√Επαγγελμαηικέρ Παπαδόζειρ Ανάπηςξη Πολςμέζυν
o πληποθοπική/ηεσνολογία λογιζμικού
 —   ε αλάπηπμε πνιπκέζσλ σο αλάπηπμε ινγηζκηθνύ
 —   ηνλ „πξώην ιόγν‟ έρνπλ νη εηδηθνί ηεο πιεξνθνξηθήο
 —   έκθαζε ζηε ιεηηνπξγηθόηεηα γηα ην ρξήζηε θαη ζηελ θάιπςε ζπγθεθξηκέλσλ
     πξνδηαγξαθώλ
 —   έκθαζε ζε λέεο ηερλνινγηθέο δπλαηόηεηεο


o γπαθικέρ ηέσνερ/εκδόζειρ, οπηικοακοςζηικά μέζα
 —   ε αλάπηπμε πνιπκέζσλ σο αλάπηπμε ηίηισλ πεξηερνκέλνπ
 —   ηνλ „πξώην ιόγν‟ έρνπλ νη ζελαξηνγξάθνη/ζρεδηαζηέο θαη νη θαιιηηερληθνί
     ππεύζπλνη
 —   έκθαζε ζην ζρεδηαζκό ηνπ πεξηερνκέλνπ
 —   έκθαζε ζηελ πνηόηεηα ηεο αηζζεηηθήο εκπεηξίαο ηνπ ρξήζηε
√ Σπειρ Διαζηάζειρ ζσεδιαζμού μιαρ πολςμεζικήρ εθαπμογήρ

  ΢σεδιαζμόρ Πεπιεσομένος: ηι είναι, ηι κάνει
  o Ρνή πεξηερνκέλνπ
  o Απνγξαθή πεξηερνκέλνπ
  o Δνκή πεξηερνκέλνπ

  ΢σεδιαζμόρ Διάδπαζηρ: πώς δοσλεύει
  o Πξνζαλαηνιηζκόο
  o Πινήγεζε
  o Λεηηνπξγία

  ΢σεδιαζμόρ Παποςζίαζηρ: πώς θαίνεηαι
  o Ύθνο, Σαπηόηεηα θαη Ελόηεηα
  o Λεηηνπξγηθόηεηα
  o Αηζζεηηθή Εκθάληζε
 ΢σεδιαζμόρ Πεπιεσομένος:
Ροή: ην πεξηερόκελν ηεο εθαξκνγήο όπσο είλαη νξγαλσκέλν γηα ηνλ ρξήζηε
  ΢εκαζία:                           Έγγξαθα:
 —   ζπλνιηθή επνπηεία ηεο εθαξκνγήο      —   Δηάγξακκα ξνήο (Flowchart)
                                                                                      Σχόλιο [evd2]: flowchart typically
                                                                                      outlines the movement between
     επηθνηλσλία–ζπλαληίιεςε νκάδαο                                                  screens or groups of screens not
                                                                                      what happens in each screen.
     αλάπηπμεο                            —   Αθήγεζε εθαξκνγήο
 – πξνζνκνίσζε ηεο εκπεηξίαο ρξήζεο
      έιεγρνο πιεξόηεηαο θαη πνηόηεηαο


Απογπαθή: ην ζύλνιν ηνπ πιηθνύ πνπ πεξηέρεη ε εθαξκνγή
  ΢εκαζία: ζαθήο εηθόλα γηα ην      Έγγξαθα:
     —   ηη είλαη έηνηκν πξνο ρξήζε       —   δειηία πιηθνύ,
                                                                                      Σχόλιο [evd3]: Σα δειηία πιηθνύ
                                                                                      κπνξεί λα είλαη έλα επξύηεξν
     —   ηη πξέπεη λα:                                                                ζύλνιν. Σν asset-list είλαη αθξηβώο
                                                                                      ηα ζηνηρεία πνπ ζα
     ζςλλεγεί [+εξαζθάλιζη δικαιυμάηυν]   —   asset-list [the real estate document]   ρξεζηκνπνηεζνύλ ζηελ εθαξκνγή.

     ζςνηασθεί
     τηθιοποιηθεί


Δομή: ην πεξηερόκελν ηεο εθαξκνγήο όπσο είλαη νξγαλσκέλν από ηελ πιεπξά απηνύ
πνπ ηελ πινπνηεί
   ΢εκαζία:                          Έγγξαθα:
     —   δηαρείξεζε εθαξκνγήο             —       δηάγξακκα δνκήο πεξηερνκέλνπ
     —   επεθηαζηκόηεηα εθαξκνγήο
     —   δπλακηθόηεηα εθαξκνγήο           —       πίλαθαο δνκήο πεξηερνκέλνπ
     —    νηθνλνκία εθαξκνγήο
Ψπραγσγία


              1                       2
              Ροή Περιεχομένου    ↔   Απογραφή Περιεχομένου

                                               ↓
                                      3
                                      Δομή Περιεχομένου


Πιεξνθόξεζε
              1                            2
              Απογραφή Περιεχομένου   ↔    Ροή Περιεχομένου

                        ↓
              3
              Δομή Περιεχομένου
√ Ροή είναι η ενοπσήζηπυζη ηηρ εμπειπίαρ ηος σπήζηη ζε μια
  πολςμεζική εθαπμογή


Οξγάλσζε ηνπ                             ΢θνπόο ηεο
πεξηερνκέλνπ                             εθαξκνγήο


            Ελνξρήζηξσζε ηεο εκπεηξίαο ηνπ ρξήζηε




    ξνή πεξηερνκέλνπ  πινήγεζε, αιιά ξνή πεξηερνκέλνπ ≠ πινήγεζε
 ΢ςσνά ηο πεπιεσόμενο έσει μια ‘θςζική’ εζυηεπική οπγάνυζη
o Θέκαηα
o Μέγεζνο θαη θιίκαθα
o Γεσγξαθηθή ηνπνζεζία
o Ιζηνξηθή αιιεινπρία
o Αθεγεκαηηθή αιιεινπρία
o Μέξνο-Όιν
o Κιπ.


         ζηνηρεία πεξηερνκέλνπ   ↔ δηαζύλδεζε κε βάζε λνεκαηηθέο ζρέζεηο
                           
           βαζηθή ζύιιεςε (concept definition)

  Classification Schemes (expository form)
  Design Metaphors (narrative form)
Οη απνθάζεηο πνπ παίξλνπκε θαηά ην ζρεδηαζκό ηεο ξνήο

  θαζνξίδνπλ πόζν εύθνιε ή δύζθνιε είλαη ε πξόζβαζε ζε θάζε θνκκάηη
   πεξηερνκέλνπ πνπ ππάξρεη ζηελ εθαξκνγή

  δεκηνπξγνύλ κηα νπηηθή γσλία:
   – πνηα ζηνηρεία ζπλδένληαη κε πνηα άιια
   – πνηα ζηνηρεία είλαη πην ζεκαηηθά – έρνπλ πξνηεξαηόηεηα θαη πνηα ιηγόηεξν ζεκαληηθά – ηη
     βιέπεη πξώηα ν ρξήζηεο
Πξνζαξκνγή από ην: Kristof R. Satran A. Interactivity by design :
√ Ιεπαπσημένερ διαδπομέρ
07 Multimedia Design Multi Lect1&2
√ Ιεπαπσημένερ διαδπομέρ

  Ελόηεηεο θαη ππνελόηεηεο

  ΢πλήζεο πινήγεζε κε κελνύ


  Πηζαλέο δπζθνιίεο πινήγεζεο
 —   Πινήγεζε πξνο ηα πίζσ- επειημία πινήγεζεο
 —   Επνπηεία βάζνπο
 —   Απώιεηα Δηαζπλδέζεσλ
 —   ΢αθήλεηα επηπέδσλ- απώιεηα πξνζαλαηνιηζκνύ


  Λύζεηο θαηά ην ζρεδηαζκό ηεο ηνπ πεξηερνκέλνπ::
 —   επίπεδε ηεξαξρία
 —   ιηγόηεξα επίπεδα

  Λύζεηο θαηά ην ζρεδηαζκό ηεο δηάδξαζεο::
 —   νξαηέο επηινγέο επηπέδσλ ζηελ νζόλε
√ Γπαμμικέρ διαδπομέρ




  Πξνθαζνξηζκέλε πνξεία
  Δηαδξαζηηθά ζηνηρεία ζε θάζε νζόλε


  Πηζαλέο δπζθνιίεο πινήγεζεο:
 —   πινήγεζε πξνο ηα πίζσ- επειημία πινήγεζεο
 —   πινήγεζε πνπ „παγηδεύεη ην ρξήζηε‟


       Λύζεηο θαηά ην ζρεδηαζκό ηεο δηάδξαζεο:
 —          Go to...
 —         Overview-Select
√ Πολλαπλέρ παπάλληλερ γπαμμικέρ διαδπομέρ
  δηαθνξεηηθά πεξηερόκελα πνπ εμειίζζνληαη παξάιιεια
  κέζα θαη αλαπαξαζηάζεηο ηνπ ίδηνπ πεξηερνκέλνπ




    —   ελαιιαθηηθά




    —   ζπγρξνληζκέλα (ΟΝ-OFF)
√ Γπαμμικέρ διαδπομέρ με παπακάμτειρ
√ Διαδπομέρ με διακλαδώζειρ (branching)




  απόθαζε-δηαδξνκή 1-1
  απόθαζε- δηαδξνκή ζηαζκηζκέλε
  critical path & stepladder branching
√ Μη-Γπαμμική Οπγάνυζη
   ηπραίεο ππεξζπλδέζεηο
   ππεξζπλδέζεηο πξνζαξκνζκέλεο ζε ζηνηρεία ηνπ πεξηερνκέλνπ




      κεκνλσκέλεο
      ππεξζπλδέζεηο




      δνκεκέλεο
      ππεξζπλδέζεηο
√ Μη-Γπαμμική Οπγάνυζη


  πηζαλέο δπζθνιίεο
 —   αβεβαηόηεηα πξννξηζκνύ
 —   απνπξνζαλαηνιηζκόο

  ιύζεηο θαηά ην ζρεδηαζκό ηεο δηάδξαζεο
 —   ηαπηόηεηα πξννξηζκνύ
 —   ηζηνξηθό
 —   νξαηή αθεηεξία
√ Οπγάνυζη ζηο Υώπο
√ Οπγάνυζη ζηο Υώπο


  πηζαλέο δπζθνιίεο
 —   ζπλνιηθή επνπηεία ηνπ ρώξνπ
 —   απνπξνζαλαηνιηζκόο
 —   επειημία πινήγεζεο

  ιύζεηο θαηά ην ζρεδηαζκό δηάδξαζεο:
 —   ζπγθεθξηκέλνο θαη αθεξεκέλνο ρώξνο
 —   „δηαθάλεηα‟ ή θάηνςε
√Οπγάνυζη συπίρ ποή: Υειπιζμόρ ονηοηήηυν




  ΢πλζέζεηο


  Καηαζθεπέο


  Πξνζνκνηώζεηο
√ ΢ςνδςαζμόρ ζηην ενοπσήζηπυζη ηηρ εμπειπίαρ ηος σπήζηη
 βαζηθή νξγάλσζε ξνήο (major flow)       πξόζζεηεο δπλαηόηεηεο θαη δηαδξνκέο
  = ειάρηζηνο ζθειεηόο                     (minor flow)
   —   πξνθαλήο γηα ην ρξήζηε             —   ππνηάζζνληαη ζηε βαζηθή νξγάλσζε
   —   ζηελ νπνία κπνξεί λα επηζηξέςεη
√ Ενέπγειερ για ηο ζσεδιαζμό Ροήρ:
    ΢θεθηείηε αλ ππάξρεη „θπζηθή‟ ξνή γηα ην ζπγθεθξηκέλν πεξηερόκελν
        o Αθεγεκαηηθή, ρξνλνινγηθή, ζεκαηηθή, γεσγξαθηθή θιπ.
    Εληνπίζηε βαζηθά δνκηθά ζηνηρεία (π.ρ. ελόηεηεο)
    Αξρίδνληαο από ηελ αξρηθή νζόλε πεξηγξάςηε (κε ιόγηα) ηα βήκαηα κηαο
     ειάρηζηεο δηαδξνκήο ηνπ ρξήζηε ζηα ζηνηρεία ηνπ πεξηερνκέλνπ πνπ έρεηε
     εληνπίζεη
    ΢ρεδηάδεηε απηά ηα βήκαηα θαη βιέπεηε ηη κνξθή έρεη ε ξνή (major flow)
    Απινπνηείηε θαη απνζαθελίδεηε ηε βαζηθή νξγάλσζε ηεο ξνήο
    Σνπνζεηείηε θαη ηα ππόινηπα δνκηθά ζηνηρεία ζε απηή ηελ νξγάλσζε
        o πεξηγξάςηε πην ιεπηνκεξή βήκαηα όπνπ ρξεηάδεηαη

    πεξηγξάςηε ελαιιαθηηθέο δηαδξνκέο θαη ζρεδηάζηε ηηο επηκέξνπο ξνέο ( minor
     flow)

More Related Content

PDF
04 Typography Introhistory
PDF
06 Page Layout
PDF
03 Basis Princeples Of Design
PDF
01 Introduction Into Design Language
PDF
05 Typography Anatomy And Characteristics
PDF
09 Prepress Preparation Files In Dtp
PPTX
Eleftheros xronos
PPT
ΠΑΡΟΥΣΙΑΣΕΙΣ (Συγκεντρώσεις Ομορφιάς) Δικτυακό Marketing
04 Typography Introhistory
06 Page Layout
03 Basis Princeples Of Design
01 Introduction Into Design Language
05 Typography Anatomy And Characteristics
09 Prepress Preparation Files In Dtp
Eleftheros xronos
ΠΑΡΟΥΣΙΑΣΕΙΣ (Συγκεντρώσεις Ομορφιάς) Δικτυακό Marketing

What's hot (19)

PDF
08 Unicode, Image Formats
PDF
Επιδοτούμενο πρόγραμμα "Αγροτική Ανάπτυξη" 2011
PPTX
κυκλοφοριακη αγωγη
DOCX
Afhghmatologia
DOCX
οικιακη οικονομια 2012 2013 ΅4 (2)
PDF
Σενάριο 10
PPTX
Krhtikos ppt
PPTX
Oνοματικοί Προσδιορισμοί
PDF
οδηγίες συγγραφής εργασι-Libre
PPTX
Πρακτικές αντιμετώπισης παραβατικής συμπεριφοράς(πρακτική 1η)
PPTX
Ιστορία και Κινηματογράφος
DOCX
Ρατσισμός Εργασία Τέχνη
PPTX
παρουσίαση της 50plus hellas
PPSX
από την την ιεριχώ στην ιερουσαλήμ
PPSX
η παραβολή του σπλαχνικού σαμαρείτη 1
PDF
σύγκριση των βασικών μμε,τηλεόραση βιβλιο,ακουστικά βιβλία,μμε+βια
DOCX
σχετικότητα
PDF
07.συνταγες παρουσιαση
PPTX
γλώσσα γ' λυκείου- θεωρία: πειθώ - δοκίμιο
08 Unicode, Image Formats
Επιδοτούμενο πρόγραμμα "Αγροτική Ανάπτυξη" 2011
κυκλοφοριακη αγωγη
Afhghmatologia
οικιακη οικονομια 2012 2013 ΅4 (2)
Σενάριο 10
Krhtikos ppt
Oνοματικοί Προσδιορισμοί
οδηγίες συγγραφής εργασι-Libre
Πρακτικές αντιμετώπισης παραβατικής συμπεριφοράς(πρακτική 1η)
Ιστορία και Κινηματογράφος
Ρατσισμός Εργασία Τέχνη
παρουσίαση της 50plus hellas
από την την ιεριχώ στην ιερουσαλήμ
η παραβολή του σπλαχνικού σαμαρείτη 1
σύγκριση των βασικών μμε,τηλεόραση βιβλιο,ακουστικά βιβλία,μμε+βια
σχετικότητα
07.συνταγες παρουσιαση
γλώσσα γ' λυκείου- θεωρία: πειθώ - δοκίμιο
Ad

Viewers also liked (13)

PDF
02 Basic Elements Of Design
PPT
12 Multimedia Design Iii
PPTX
04 texnologies ektypwsewn
PPTX
05 - 06 Html blog wordpress demo
PDF
10 Multimedia Design Basic Principles
PPTX
Dw lessons 01 lesson
PPTX
07 wordpress google analytics
PPT
11 Multimedia Design Ii
PPTX
03 texnologies ektypwsewn
PPTX
02-Istoria typografias
PPTX
06 texnologies ektypwsewn
PPTX
03 - 04 sxediasmos istoselidas
PPTX
05 texnologies ektypwsewn
02 Basic Elements Of Design
12 Multimedia Design Iii
04 texnologies ektypwsewn
05 - 06 Html blog wordpress demo
10 Multimedia Design Basic Principles
Dw lessons 01 lesson
07 wordpress google analytics
11 Multimedia Design Ii
03 texnologies ektypwsewn
02-Istoria typografias
06 texnologies ektypwsewn
03 - 04 sxediasmos istoselidas
05 texnologies ektypwsewn
Ad

Similar to 07 Multimedia Design Multi Lect1&2 (20)

PPTX
Biology reproduction
PDF
Lab1 tep
PDF
Οργάνωση της ζωής
PPTX
Εργασία στο διήγημα του Γ. Βιζυηνού "Ποιος ήτον ο φονεύς του αδερφού μου"
PDF
περιγραφή εκπαιδευτικού σεναρίου
PDF
Dimiourgiki grafi comics
PPTX
Dobby design presentation portrait 3
PPSX
Eισαγωγή στον προγραμματισμό
PPTX
PPTX
Διδακτικό σενάριο στη Νεοελληνική Λογοτεχνία:«Εξερευνώντας τις ζωές των ποιητών»
PPTX
ppt.Διδακτικό σενάριο στη Νεοελληνική Λογοτεχνία:«Εξερευνώντας τις ζωές των π...
DOCX
A CSCL script
PPTX
η παλετα των συναισθημάτων
PDF
Πανελλήνιες 2025 – ΕΠΑΛ: Οι απαντήσεις στα Νέα Ελληνικά
PPTX
σκέψη τελικό.Pptx
DOCX
περιγραφή εκπαιδευτικού σεναρίου(μόνο το σενάριο)
PPTX
Ερευνητικές Εργασίες στην Πράξη
PDF
Εισαγωγικό Σενάριο για το περιβάλλον YENKA
PPTX
Ψηφιακά Κόμικς: Επισκόπηση διαδικτυακών εφαρμογών
PDF
Ιστοεξερευνηση(θεωρία παράδειγμα)
Biology reproduction
Lab1 tep
Οργάνωση της ζωής
Εργασία στο διήγημα του Γ. Βιζυηνού "Ποιος ήτον ο φονεύς του αδερφού μου"
περιγραφή εκπαιδευτικού σεναρίου
Dimiourgiki grafi comics
Dobby design presentation portrait 3
Eισαγωγή στον προγραμματισμό
Διδακτικό σενάριο στη Νεοελληνική Λογοτεχνία:«Εξερευνώντας τις ζωές των ποιητών»
ppt.Διδακτικό σενάριο στη Νεοελληνική Λογοτεχνία:«Εξερευνώντας τις ζωές των π...
A CSCL script
η παλετα των συναισθημάτων
Πανελλήνιες 2025 – ΕΠΑΛ: Οι απαντήσεις στα Νέα Ελληνικά
σκέψη τελικό.Pptx
περιγραφή εκπαιδευτικού σεναρίου(μόνο το σενάριο)
Ερευνητικές Εργασίες στην Πράξη
Εισαγωγικό Σενάριο για το περιβάλλον YENKA
Ψηφιακά Κόμικς: Επισκόπηση διαδικτυακών εφαρμογών
Ιστοεξερευνηση(θεωρία παράδειγμα)

More from eretrianews (20)

PDF
Eswterikos kanonismos leitourgias gel amarynthou
PDF
Ektelesi ergasiwn afasis ergou
PDF
Anakoinwsi peri apolymansis
PDF
Sxedio antimetopisis ektaktis anagkis covid-19 signed
PDF
Anakoinwsi politikis prostasias 5 11-2020-2
DOCX
Ektakta kairikasep2020
PDF
Kleista sxoleiaanakoinwsi sep2020
PDF
Diakopi sxolikwnmonadwn sep2020
PDF
Κορονοιός Δήμος Ερέτριας
DOCX
Καρναβάλι Αμαρύνθου 2019
PDF
Diakopi mathimatwn logo eks 10 01_2019
PDF
Diakopi mathimatwn logo ektaktwn kairikwn synthikwn 09_01_2019
PDF
Diakopi mathimatwn logo ektaktwn kairikwn synthikwn 08_01_2019
PDF
Deltio typou enhmerwsi sxoleiwn
PDF
Dimiourgia tessarwn prosbasimwn thalasswn sto dimo eretrias
PDF
Filodimos I
PDF
Programma prosklisi 28 oktwmbriou 2018
PDF
ΔΗΜΟΣ ΕΡΕΤΡΙΑΣ - ΑΠΟΛΟΓΙΣΜΟΣ ΠΕΠΡΑΓΜΕΝΩΝ
PDF
Α.Δ.Σ. 35/2018: Συζήτηση αιτήματος φορέων Δ.Κ. Αμαρυνθίων περί επανακαθορισμο...
PDF
Prosklisi sti drash prosbasi gia olous
Eswterikos kanonismos leitourgias gel amarynthou
Ektelesi ergasiwn afasis ergou
Anakoinwsi peri apolymansis
Sxedio antimetopisis ektaktis anagkis covid-19 signed
Anakoinwsi politikis prostasias 5 11-2020-2
Ektakta kairikasep2020
Kleista sxoleiaanakoinwsi sep2020
Diakopi sxolikwnmonadwn sep2020
Κορονοιός Δήμος Ερέτριας
Καρναβάλι Αμαρύνθου 2019
Diakopi mathimatwn logo eks 10 01_2019
Diakopi mathimatwn logo ektaktwn kairikwn synthikwn 09_01_2019
Diakopi mathimatwn logo ektaktwn kairikwn synthikwn 08_01_2019
Deltio typou enhmerwsi sxoleiwn
Dimiourgia tessarwn prosbasimwn thalasswn sto dimo eretrias
Filodimos I
Programma prosklisi 28 oktwmbriou 2018
ΔΗΜΟΣ ΕΡΕΤΡΙΑΣ - ΑΠΟΛΟΓΙΣΜΟΣ ΠΕΠΡΑΓΜΕΝΩΝ
Α.Δ.Σ. 35/2018: Συζήτηση αιτήματος φορέων Δ.Κ. Αμαρυνθίων περί επανακαθορισμο...
Prosklisi sti drash prosbasi gia olous

07 Multimedia Design Multi Lect1&2

  • 1. ΟΡΓΑΝΙ΢ΜΟ΢ ΕΠΑΓΓΕΛΜΑΣΙΚΗ ΕΚΠΑΙΔΕΤ΢Η΢ ΚΑΙ ΚΑΣΑΡΣΙ΢Η΢ Ι.Ε.Κ. ΥΑΛΚΙΔΑ΢ Σςπογπαθικόρ ΢σεδιαζμόρ Ενηύπυν & Εθαπμογών πολςμέζυν Εθπαηδεπηήο Αλδξέαο Κόιιηαο 20.11.2009
  • 2. Ανάλςζη και Τλοποίηζη Αςηόνομυν Εθαπμογών Πολςμέζυν  Οπιζμοί ππεξκέζα ? πνιπκέζα ? CD-ROM ?
  • 3.  Οπιζμοί: Υπερκείμενο, Υπερμέζα Τπεπκείμενο: ε ηερλνινγία δηαρείξηζεο θεηκέλνπ κέζσ ππνινγηζηή πνπ επηηξέπεη νξγάλσζε θεηκέλνπ  κε γξακκηθή  κε ηεξαξρηθή  ζηεξηγκέλε ζηε δηαζύλδεζε ηδεώλ κε ηε κνξθή κόμβυν (nodes) θαη ζςνδέζευν (links)  ειεγρόκελε από ην ρξήζηε — αλάγλσζε — ζπγγξαθή Τπεπμέζα, ππεξθείκελα πνπ πεξηιακβάλνπλ θαη δηαζύλδεζε ζηνηρείσλ πέξα από ην θείκελν (π.ρ. δηαγξάκκαηα, ράξηεο, εηθόλεο θιπ.)
  • 4. Υπεπκείμενο, Υπεπμέζα Η βαζηθή ηδέα: α.ην πεξηερόκελν παξαζύξσλ ζηελ νζόλε αληηζηνηρεί ζε ζηνηρεία κηαο βάζεο δεδνκέλσλ β. δεκηνπξγνύληαη ζύλδεζκνη κεηαμύ απηώλ ησλ ζηνηρείσλ πνπ πινπνηνύληαη θαη ζην γξαθηθό πεξηβάιινλ (σο νξαηνί ππεξζύλδεζκνη) θαη ζηε βάζε δεδνκέλσλ (σο pointers).» Jeff Conklin: “Hypertext:: an Introduction and a Survey”
  • 5. Ιζηοπικά: Τπεπκείμενο, Τπεπμέζα 1945 Ο Vannevar Bush πεξηγξάθεη ην MEMEX ζην άξζξν ηνπ “As we may think” σο έλα ρξήζηκν ζύζηεκα γηα ηελ αλάζπξζε γλώζεσλ δε ζα ζηεξίδεηαη ζε θαηεγνξίεο αιιά ζηε δηαζπλδεζηκόηεηα. 1965: εηζάγεηαη ν όξνο ππεξθείκελν ζηελ Πιεξνθνξηθή (Nelson T.) 1968: Augment ην πξώην πεηξακαηηθό ζύζηεκα ππεξθεηκέλνπ (Εnglebart)
  • 6. Ιζηοπικά: Τπεπκείμενο, Τπεπμέζα 1984: ινγηζκηθό ζπγγξαθήο ππεξθεηκέλνπ επξείαο ρξήζεο (HyperCard) ηέλη δεκαεηίαρ 1980: επξεία δηάδνζε πξνγξακκάησλ ππεξθεηκέλνπ απσέρ δεκαεηίαρ 1990: Τπεξκέζα, δει. ππεξθείκελα πνπ πεξηιακβάλνπλ θαη ζηνηρεία πέξα από ην θείκελν (π.ρ. δηαγξάκκαηα, ράξηεο, εηθόλεο θιπ.) 1980: ν Berners-Lee πξνηείλεη ηε ζύλδεζε ππεξθεηκέλνπ θαη δηθηύνπ ην πεηξακαηηθό ζύζηεκα Enquire 1991: Η πξώηε έθδνζε ηεο HTML εθδίδεηαη ζην δηαδίθηπν 1993: Mosaic O πξώηνο δηαθπιιηζηήο, (Andreesen & Bina) Η κληπονομιά ηυν ςπεπμέζυν ζήμεπα  δηαθπιιηζηέο θαη ηζηνρώξνη  δπλαηόηεηα δεκηνπξγίαο ππεξζπλδέζκσλ από ην ρξήζηε ζε πνιιέο γεληθέο εθαξκνγέο (επεμεξγαζηή θεηκέλνπ, ειεθηξνληθό ηαρπδξνκείν θιπ.)  ειεθηξνληθή ηεθκεξίσζε θαη βνήζεηα  εξγαιεία ζπγγξαθήο εθαξκνγώλ πνπ ρξεζηκνπνηνύλ ηε κεηαθνξά ησλ θαξηώλ ή ησλ ζειίδσλ (π.ρ. Toolbook)
  • 7. Οπιζμοί: Πολσμέζα, Διαδραζηικά Πολσμέζα Πολςμέζα: ε ρξήζε ηνπ ππνινγηζηή γηα ηνλ ζπληνληζκό, «ηελ ελνξρήζηξσζε» πιεξνθνξίαο από πνιιά είδε πεγώλ — θείκελν — εηθόλεο-γξαθηθά — θηλνύκελα γξαθηθά — ήρνο — θηλεκαηνγξαθηθή εηθόλα — ηξηζδηάζηαηα γξαθηθά γξακκηθόο ζπγρξνληζκόο πνιιώλ κέζσλ Διαδπαζηικά πολςμέζα: αληαπόθξηζε ζηηο ελέξγεηεο ηνπ ρξήζε κέζα ζην πνιπκεζηθό πεξηβάιινλ πνπ δεκηνπξγείηαη από ηνλ ππνινγηζηή (π.ρ. επηινγέο πινήγεζεο)
  • 8. Ιζηνξηθά: Πολςμέζα, Διαδπαζηικά Πολςμέζα 1. ζπγρξνληζκόο αλαινγηθώλ πεγώλ ζπλήζεο κεραληζκόο ελνξρήζηξσζεο θαζέηα ήρνπ πεγή Elson-Cook: Principles of interactive multimedia
  • 9. κηα πην ζύλζεηε εθδνρή: «Multimedia Slide Wall» πεγή Elson-Cook: Principles of interactive multimedia
  • 10. Ιζηνξηθά: Πολςμέζα, Διαδπαζηικά Πολςμέζα 2. ζπγρξνληζκόο αλαινγηθώλ πεγώλ κε ππνινγηζηή („πνιιαπιά κέζα‟)  δπλαηόηεηεο δηάδξαζεο 3. ςεθηαθή απνζήθεπζεο πεγώλ θαη ελζσκάησζε ζηνλ ππνινγηζηή („πνιπκέζα‟)  δπλαηόηεηεο ελνξρήζηξσζεο θαη δηάδξαζεο κέζσ πξνγξακκαηηζκνύ Η κληπονομιά ηυν πολςμέζυν ζήμεπα  πνιιέο γεληθέο εθαξκνγέο ρεηξηζκνύ κέζσλ ζε θνηλή ρξήζε (photo albums, mp3 players).  εηδηθέο εθαξκνγέο πνιπκέζσλ  ελζσκάησζε δπλαηνηήησλ πνιπκέζσλ ζε παξαδνζηαθέο ηερλνινγίεο (π.ρ. ηειεόξαζε ιήςεο)  Εξγαιεία ζπγγξαθήο εθαξκνγώλ πνπ ρξεζηκνπνηνύλ ηε κεηαθνξά ηνπ ρξνλνδηαδξόκνπ (π.ρ. MMDirector, Flash...)
  • 11. Τπεξθείκελν Τπεπμέζα Διαδπαζηικά Πολςμέζα  Πνιπκέζα Έκθαζε: Με-γξακκηθόηεηα, Έκθαζε: „ελνξρήζηξσζε δηαζπλδεζηκόηεηα εκπεηξίαο‟  επέιηθηε πξόζβαζε ζε  πνηόηεηα θαη ηαρύηεηα πεξηερόκελν πνιπκεζηθώλ ζηνηρείσλ  πξνζαξκνγή ηνπ  απμεκέλεο δπλαηόηεηεο πεξηερνκέλνπ ζην πινήγεζεο ρξήζηε  δηάδξαζε  πξνζαξκνγή νξγάλσζεο  δπλακηθή δεκηνπξγία θαη πεξηερνκέλνπ από ην ρεηξηζκόο πνιπκεζηθώλ ρξήζηε ζηνηρείσλ  ζπγγξαθή ππεξζπλδέζκσλ θαη πεξηερνκέλνπ από ην ρξήζηε
  • 12. πολςμέζα: ζηοισεία πος καθοπίζοςν μια ‘πολςμεζική εμπειπία’  αιζθηηηπιακή οδόρ (modalities) όξαζε, αθνή, αθή, γεύζε νζκή  δίοδορ (channel): κνξθή θσδηθνπνίεζεο πεξηερνκέλνπ πνπ αμηνπνηεί κηα ζπγθεθξηκέλε αηζζεηηξηαθή νδό π.ρ. αθνή: αθήγεζε, κνπζηθή, ζόξπβνο π.ρ. όξαζε: γξαθή, θσηνγξαθία, γξάθεκα, καζεκαηηθόο ηύπνο Δηαζηάζεηο επηινγήο δηόδνπ: Σχόλιο [evd1]: Consider adding an o αποδέκηηρ: κπνξεί λα απνθσδηθνπνηήζεη ην πεξηερόκελν, δηαθνξεηηθά example about icons, easily recongizeable icons or less universal icons o εύπορ διόδος: πόζν πεξηερόκελν κπνξεί λα κεηαθέξεη o μονοζημία ή πολςζημία  μέζο (medium): Έλα ζύλνιν από ζπληνληζκέλεο δηόδνπο πνπ αμηνπνηνύλ κία ή πεξηζζόηεξεο αηζζεηεξηαθέο νδνύο θαη πνπ έρνπλ θαζηεξσζεί σο νιόηεηα κέζα από έλα εληαίν ζύλνιν ζπκβάζεσλ («γιώζζα ηνπ κέζνπ») π.ρ. ην βηβιίν, ε ηειεόξαζε
  • 13. πεγή Elson-Cook: Principles of interactive multimedia
  • 14. πολςμέζα... και άλλα μέζα Σα πνιπκέζα είλαη ζπλδπαζκόο από ζπληνληζκέλεο δηόδνπο επηθνηλσλίαο. πνπ δελ έρνπλ (αθόκα) θαζηεξσζεί σο νιόηεηα από έλα εληαίν ζύλνιν ζπκβάζεσλ. Τπάξρνπλ δύν ηξόπνη λα δεκηνπξγήζεη θαλείο πνιπκέζα:  λα ζπλδπάζεη άιια κέζα  λα δεκηνπξγήζεη έλα ζπλδπαζκό από δηόδνπο επηθνηλσλίαο πνπ δελ έρεη θαζηεξσζεί ζε άιια κέζα
  • 15. Διαδπαζηικόηηηα/Διάδπαζη (Interactivity/Interaction) Δξάζε + Αληαπόθξηζε  Έιεγρνο Πόζε δηάδξαζε; Πληποθόπηζη/Παποςζίαζη <<<<< >>>>> Δπαζηηπιόηηηα/Εμπειπία Slide Show <<<<< >>>>> Full Immersion VR. Έλεγσορ Έλεγσορ Έλεγσορ Έλεγσορ Έλεγσορ Έλεγσορ Έλεγσορ Ρςθμού ακολοςθίαρ μέζυν Παπαμέηπυν πεπιεσομένος ανηικειμένυν πποζομείυζηρ /ενεπγειών Click γηα Επηιέγσ πνπ ζα Start/stop θαζνξηζκόο Απνζηνιή Μεηαθίλεζε Αιιαγή νπηηθήο ην πάσ κεηά video. κεηαβιεηώλ ζε κελύκαηνο θαη ρεηξηζκόο γσλίαο, επόκελν έλα πείξακα αληηθεηκέλσλ θαζνξηζκόο ηεο Εκθάληζε/ θαηαγξαθή ζηελ νζόλε εμέιημεο Απόθξπςε δεκηνπξγία κηαο ζρνιίσλ, γεγνλόησλ θαη θεηκέλνπ πξνζαξκνζκέλεο shoot ducks ππνβνιή ελεξγείσλ παξνπζίαζεο κε Zoom εξγαζίαο βάζε ιέμεηο θιεηδηά απνζήθεπζε επηινγήο θαζνξηζκόο ησλ ραξαθηεξηζηηθώλ παξαγγειία ηεο νζόλεο Adapted from: Kristoff & Satran Interactivity by Design
  • 16. √΢ςνηθιζμένερ σπήζειρ αςηόνομυν εθαπμογών πολςμέζυν: Δηαζθέδαζε — παηγλίδηα (game design) Ελεκέξσζε-Δηαθήκηζε Μόξθσζε-Πνιηηηζκόο Εθπαίδεπζε-Καηάξηηζε √΢ςνηθιζμένοι ηπόποι διάθεζηρ: δηαλνκή ζε CD-ROM εγθαηάζηαζε Kiosk [on-line]
  • 17. √Ρόλοι ζηην ανάπηςξη εθαπμογών πολςμέζυν “Όρη κόλν ε βηνκεραλία ησλ πνιπκέζσλ πεξηέρεη θάπνηα από ηα πην δπλαηά εξγαιεία ησλ ππνινγηζηώλ, αιιά βαζίδεηαη θαη ζε ηαιέληα πνπ πξνέξρνληαη έμσ από ηα παξαδνζηαθά όξηα ηεο επεμεξγαζίαο δεδνκέλσλ θαη ηεο δηαρείξεζεο πιεξνθνξηαθώλ ζπζηεκάησλ” H. Bartesch cited in T. Vaughan Είλαη νη πξνγξακκαηηζηέο πνιπκέζσλ επιζηήμονερ ηηρ Πληποθοπικήρ; Ή είλαη ππογπαμμαηιζηέρ ... γπαθίζηερ ζσεδιαζηέρ ... δημιοςπγοί ... κινοςμένυν ιζηοπιών ζσεδίυν ... ζσεδιαζηέρ μοςζικοί εκπαιδεςηικού ςλικού αναγεννηζιακοί άνθπυποι; (adapted from Vaughan)
  • 18. √Ρόλοι ζηην ανάπηςξη εθαπμογών πολςμέζυν ςπεύθςνορ ειδικόρ ζηο παπαγυγήρ πεπιεσόμενο ζςγγπαθέαρ -επιμεληηήρ κειμένυν ζςγγπαθέαρ- ππογπαμμαηιζηήρ ζσεδιαζηήρ πολςμεζικήρ εθαπμογήρ παπαγυγόρ πολςμεζικού καλλιηεσνικόρ πεπιεσομενος ςπεύθςνορ- (θσηνγξαθία, video, γπαθίζηαρ ήρνο, animation)
  • 19. (Πηγή T. Vaughan ‘Πολςμέζα’)
  • 20. √Επαγγελμαηικέρ Παπαδόζειρ Ανάπηςξη Πολςμέζυν o πληποθοπική/ηεσνολογία λογιζμικού — ε αλάπηπμε πνιπκέζσλ σο αλάπηπμε ινγηζκηθνύ — ηνλ „πξώην ιόγν‟ έρνπλ νη εηδηθνί ηεο πιεξνθνξηθήο — έκθαζε ζηε ιεηηνπξγηθόηεηα γηα ην ρξήζηε θαη ζηελ θάιπςε ζπγθεθξηκέλσλ πξνδηαγξαθώλ — έκθαζε ζε λέεο ηερλνινγηθέο δπλαηόηεηεο o γπαθικέρ ηέσνερ/εκδόζειρ, οπηικοακοςζηικά μέζα — ε αλάπηπμε πνιπκέζσλ σο αλάπηπμε ηίηισλ πεξηερνκέλνπ — ηνλ „πξώην ιόγν‟ έρνπλ νη ζελαξηνγξάθνη/ζρεδηαζηέο θαη νη θαιιηηερληθνί ππεύζπλνη — έκθαζε ζην ζρεδηαζκό ηνπ πεξηερνκέλνπ — έκθαζε ζηελ πνηόηεηα ηεο αηζζεηηθήο εκπεηξίαο ηνπ ρξήζηε
  • 21. √ Σπειρ Διαζηάζειρ ζσεδιαζμού μιαρ πολςμεζικήρ εθαπμογήρ  ΢σεδιαζμόρ Πεπιεσομένος: ηι είναι, ηι κάνει o Ρνή πεξηερνκέλνπ o Απνγξαθή πεξηερνκέλνπ o Δνκή πεξηερνκέλνπ  ΢σεδιαζμόρ Διάδπαζηρ: πώς δοσλεύει o Πξνζαλαηνιηζκόο o Πινήγεζε o Λεηηνπξγία  ΢σεδιαζμόρ Παποςζίαζηρ: πώς θαίνεηαι o Ύθνο, Σαπηόηεηα θαη Ελόηεηα o Λεηηνπξγηθόηεηα o Αηζζεηηθή Εκθάληζε
  • 22.  ΢σεδιαζμόρ Πεπιεσομένος: Ροή: ην πεξηερόκελν ηεο εθαξκνγήο όπσο είλαη νξγαλσκέλν γηα ηνλ ρξήζηε  ΢εκαζία:  Έγγξαθα: — ζπλνιηθή επνπηεία ηεο εθαξκνγήο — Δηάγξακκα ξνήο (Flowchart) Σχόλιο [evd2]: flowchart typically outlines the movement between επηθνηλσλία–ζπλαληίιεςε νκάδαο screens or groups of screens not what happens in each screen. αλάπηπμεο — Αθήγεζε εθαξκνγήο – πξνζνκνίσζε ηεο εκπεηξίαο ρξήζεο  έιεγρνο πιεξόηεηαο θαη πνηόηεηαο Απογπαθή: ην ζύλνιν ηνπ πιηθνύ πνπ πεξηέρεη ε εθαξκνγή  ΢εκαζία: ζαθήο εηθόλα γηα ην  Έγγξαθα: — ηη είλαη έηνηκν πξνο ρξήζε — δειηία πιηθνύ, Σχόλιο [evd3]: Σα δειηία πιηθνύ κπνξεί λα είλαη έλα επξύηεξν — ηη πξέπεη λα: ζύλνιν. Σν asset-list είλαη αθξηβώο ηα ζηνηρεία πνπ ζα ζςλλεγεί [+εξαζθάλιζη δικαιυμάηυν] — asset-list [the real estate document] ρξεζηκνπνηεζνύλ ζηελ εθαξκνγή. ζςνηασθεί τηθιοποιηθεί Δομή: ην πεξηερόκελν ηεο εθαξκνγήο όπσο είλαη νξγαλσκέλν από ηελ πιεπξά απηνύ πνπ ηελ πινπνηεί  ΢εκαζία:  Έγγξαθα: — δηαρείξεζε εθαξκνγήο — δηάγξακκα δνκήο πεξηερνκέλνπ — επεθηαζηκόηεηα εθαξκνγήο — δπλακηθόηεηα εθαξκνγήο — πίλαθαο δνκήο πεξηερνκέλνπ — νηθνλνκία εθαξκνγήο
  • 23. Ψπραγσγία 1 2 Ροή Περιεχομένου ↔ Απογραφή Περιεχομένου ↓ 3 Δομή Περιεχομένου Πιεξνθόξεζε 1 2 Απογραφή Περιεχομένου ↔ Ροή Περιεχομένου ↓ 3 Δομή Περιεχομένου
  • 24. √ Ροή είναι η ενοπσήζηπυζη ηηρ εμπειπίαρ ηος σπήζηη ζε μια πολςμεζική εθαπμογή Οξγάλσζε ηνπ ΢θνπόο ηεο πεξηερνκέλνπ εθαξκνγήο Ελνξρήζηξσζε ηεο εκπεηξίαο ηνπ ρξήζηε ξνή πεξηερνκέλνπ  πινήγεζε, αιιά ξνή πεξηερνκέλνπ ≠ πινήγεζε
  • 25.  ΢ςσνά ηο πεπιεσόμενο έσει μια ‘θςζική’ εζυηεπική οπγάνυζη o Θέκαηα o Μέγεζνο θαη θιίκαθα o Γεσγξαθηθή ηνπνζεζία o Ιζηνξηθή αιιεινπρία o Αθεγεκαηηθή αιιεινπρία o Μέξνο-Όιν o Κιπ. ζηνηρεία πεξηερνκέλνπ ↔ δηαζύλδεζε κε βάζε λνεκαηηθέο ζρέζεηο  βαζηθή ζύιιεςε (concept definition)  Classification Schemes (expository form)  Design Metaphors (narrative form)
  • 26. Οη απνθάζεηο πνπ παίξλνπκε θαηά ην ζρεδηαζκό ηεο ξνήο  θαζνξίδνπλ πόζν εύθνιε ή δύζθνιε είλαη ε πξόζβαζε ζε θάζε θνκκάηη πεξηερνκέλνπ πνπ ππάξρεη ζηελ εθαξκνγή  δεκηνπξγνύλ κηα νπηηθή γσλία: – πνηα ζηνηρεία ζπλδένληαη κε πνηα άιια – πνηα ζηνηρεία είλαη πην ζεκαηηθά – έρνπλ πξνηεξαηόηεηα θαη πνηα ιηγόηεξν ζεκαληηθά – ηη βιέπεη πξώηα ν ρξήζηεο
  • 27. Πξνζαξκνγή από ην: Kristof R. Satran A. Interactivity by design :
  • 30. √ Ιεπαπσημένερ διαδπομέρ  Ελόηεηεο θαη ππνελόηεηεο  ΢πλήζεο πινήγεζε κε κελνύ  Πηζαλέο δπζθνιίεο πινήγεζεο — Πινήγεζε πξνο ηα πίζσ- επειημία πινήγεζεο — Επνπηεία βάζνπο — Απώιεηα Δηαζπλδέζεσλ — ΢αθήλεηα επηπέδσλ- απώιεηα πξνζαλαηνιηζκνύ  Λύζεηο θαηά ην ζρεδηαζκό ηεο ηνπ πεξηερνκέλνπ:: — επίπεδε ηεξαξρία — ιηγόηεξα επίπεδα  Λύζεηο θαηά ην ζρεδηαζκό ηεο δηάδξαζεο:: — νξαηέο επηινγέο επηπέδσλ ζηελ νζόλε
  • 31. √ Γπαμμικέρ διαδπομέρ  Πξνθαζνξηζκέλε πνξεία  Δηαδξαζηηθά ζηνηρεία ζε θάζε νζόλε  Πηζαλέο δπζθνιίεο πινήγεζεο: — πινήγεζε πξνο ηα πίζσ- επειημία πινήγεζεο — πινήγεζε πνπ „παγηδεύεη ην ρξήζηε‟  Λύζεηο θαηά ην ζρεδηαζκό ηεο δηάδξαζεο: — Go to... — Overview-Select
  • 32. √ Πολλαπλέρ παπάλληλερ γπαμμικέρ διαδπομέρ  δηαθνξεηηθά πεξηερόκελα πνπ εμειίζζνληαη παξάιιεια  κέζα θαη αλαπαξαζηάζεηο ηνπ ίδηνπ πεξηερνκέλνπ — ελαιιαθηηθά — ζπγρξνληζκέλα (ΟΝ-OFF)
  • 33. √ Γπαμμικέρ διαδπομέρ με παπακάμτειρ
  • 34. √ Διαδπομέρ με διακλαδώζειρ (branching)  απόθαζε-δηαδξνκή 1-1  απόθαζε- δηαδξνκή ζηαζκηζκέλε  critical path & stepladder branching
  • 35. √ Μη-Γπαμμική Οπγάνυζη  ηπραίεο ππεξζπλδέζεηο  ππεξζπλδέζεηο πξνζαξκνζκέλεο ζε ζηνηρεία ηνπ πεξηερνκέλνπ κεκνλσκέλεο ππεξζπλδέζεηο δνκεκέλεο ππεξζπλδέζεηο
  • 36. √ Μη-Γπαμμική Οπγάνυζη  πηζαλέο δπζθνιίεο — αβεβαηόηεηα πξννξηζκνύ — απνπξνζαλαηνιηζκόο  ιύζεηο θαηά ην ζρεδηαζκό ηεο δηάδξαζεο — ηαπηόηεηα πξννξηζκνύ — ηζηνξηθό — νξαηή αθεηεξία
  • 38. √ Οπγάνυζη ζηο Υώπο  πηζαλέο δπζθνιίεο — ζπλνιηθή επνπηεία ηνπ ρώξνπ — απνπξνζαλαηνιηζκόο — επειημία πινήγεζεο  ιύζεηο θαηά ην ζρεδηαζκό δηάδξαζεο: — ζπγθεθξηκέλνο θαη αθεξεκέλνο ρώξνο — „δηαθάλεηα‟ ή θάηνςε
  • 39. √Οπγάνυζη συπίρ ποή: Υειπιζμόρ ονηοηήηυν  ΢πλζέζεηο  Καηαζθεπέο  Πξνζνκνηώζεηο
  • 40. √ ΢ςνδςαζμόρ ζηην ενοπσήζηπυζη ηηρ εμπειπίαρ ηος σπήζηη  βαζηθή νξγάλσζε ξνήο (major flow)  πξόζζεηεο δπλαηόηεηεο θαη δηαδξνκέο = ειάρηζηνο ζθειεηόο (minor flow) — πξνθαλήο γηα ην ρξήζηε — ππνηάζζνληαη ζηε βαζηθή νξγάλσζε — ζηελ νπνία κπνξεί λα επηζηξέςεη
  • 41. √ Ενέπγειερ για ηο ζσεδιαζμό Ροήρ:  ΢θεθηείηε αλ ππάξρεη „θπζηθή‟ ξνή γηα ην ζπγθεθξηκέλν πεξηερόκελν o Αθεγεκαηηθή, ρξνλνινγηθή, ζεκαηηθή, γεσγξαθηθή θιπ.  Εληνπίζηε βαζηθά δνκηθά ζηνηρεία (π.ρ. ελόηεηεο)  Αξρίδνληαο από ηελ αξρηθή νζόλε πεξηγξάςηε (κε ιόγηα) ηα βήκαηα κηαο ειάρηζηεο δηαδξνκήο ηνπ ρξήζηε ζηα ζηνηρεία ηνπ πεξηερνκέλνπ πνπ έρεηε εληνπίζεη  ΢ρεδηάδεηε απηά ηα βήκαηα θαη βιέπεηε ηη κνξθή έρεη ε ξνή (major flow)  Απινπνηείηε θαη απνζαθελίδεηε ηε βαζηθή νξγάλσζε ηεο ξνήο  Σνπνζεηείηε θαη ηα ππόινηπα δνκηθά ζηνηρεία ζε απηή ηελ νξγάλσζε o πεξηγξάςηε πην ιεπηνκεξή βήκαηα όπνπ ρξεηάδεηαη  πεξηγξάςηε ελαιιαθηηθέο δηαδξνκέο θαη ζρεδηάζηε ηηο επηκέξνπο ξνέο ( minor flow)