41
ΟΡΓΑΝΙΜΟ ΕΠΑΓΓΕΛΜΑΣΙΚΗ ΕΚΠΑΙΔΕΤΗ ΚΑΙ ΚΑΣΑΡΣΙΗ Ι.Ε.Κ. ΥΑΛΚΙΔΑ Σςπογπαθικόρ σεδιαζμόρ Ενηύπυν & Εθαπμογών πολςμέζυν Εθπαηδεπηήο Αλδξέαο Κόιιηαο 20.11.2009

07 Multimedia Design Multi Lect1&2

Embed Size (px)

Citation preview

Page 1: 07 Multimedia Design Multi Lect1&2

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

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

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

πολςμέζυν

Εθπαηδεπηήο Αλδξέαο Κόιιηαο

20.11.2009

Page 2: 07 Multimedia Design Multi Lect1&2

Ανάλςζη και Τλοποίηζη

Αςηόνομυν Εθαπμογών Πολςμέζυν

Οπιζμοί

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

CD-ROM?

Page 3: 07 Multimedia Design Multi Lect1&2

Οπιζμοί: Υπερκείμενο, Υπερμέζα

Τπεπκείμενο: ε ηερλνινγία δηαρείξηζεο θεηκέλνπ κέζσ ππνινγηζηή πνπ

επηηξέπεη νξγάλσζε θεηκέλνπ κε γξακκηθή

κε ηεξαξρηθή ζηεξηγκέλε ζηε δηαζύλδεζε ηδεώλ κε ηε κνξθή κόμβυν (nodes) θαη

ζςνδέζευν (links)

ειεγρόκελε από ην ρξήζηε — αλάγλσζε

— ζπγγξαθή

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

Page 4: 07 Multimedia Design Multi Lect1&2

Υπεπκείμενο, Υπεπμέζα

Η βαζηθή ηδέα:

α.ην πεξηερόκελν παξαζύξσλ

ζηελ νζόλε αληηζηνηρεί ζε ζηνηρεία

κηαο βάζεο δεδνκέλσλ

β. δεκηνπξγνύληαη ζύλδεζκνη

κεηαμύ απηώλ ησλ ζηνηρείσλ πνπ

πινπνηνύληαη θαη ζην γξαθηθό

πεξηβάιινλ (σο νξαηνί

ππεξζύλδεζκνη) θαη ζηε βάζε

δεδνκέλσλ (σο pointers).»

Jeff Conklin: “Hypertext:: an Introduction

and a Survey”

Page 5: 07 Multimedia Design Multi Lect1&2

Ιζηοπικά: Τπεπκείμενο, Τπεπμέζα

1945 Ο Vannevar Bush πεξηγξάθεη ην MEMEX ζην άξζξν ηνπ “As we may think” σο

έλα ρξήζηκν ζύζηεκα γηα ηελ αλάζπξζε γλώζεσλ δε ζα ζηεξίδεηαη ζε θαηεγνξίεο αιιά ζηε δηαζπλδεζηκόηεηα.

1965: εηζάγεηαη ν όξνο ππεξθείκελν ζηελ Πιεξνθνξηθή (Nelson T.)

1968: Augment ην πξώην πεηξακαηηθό ζύζηεκα ππεξθεηκέλνπ (Εnglebart)

Page 6: 07 Multimedia Design Multi Lect1&2

Ιζηοπικά: Τπεπκείμενο, Τπεπμέζα

1984: ινγηζκηθό ζπγγξαθήο ππεξθεηκέλνπ επξείαο ρξήζεο (HyperCard)

ηέλη δεκαεηίαρ 1980: επξεία δηάδνζε πξνγξακκάησλ ππεξθεηκέλνπ

απσέρ δεκαεηίαρ 1990: Τπεξκέζα, δει. ππεξθείκελα πνπ πεξηιακβάλνπλ θαη ζηνηρεία πέξα από ην θείκελν (π.ρ. δηαγξάκκαηα, ράξηεο, εηθόλεο θιπ.)

1980: ν Berners-Lee πξνηείλεη ηε ζύλδεζε ππεξθεηκέλνπ θαη δηθηύνπ ην πεηξακαηηθό

ζύζηεκα Enquire

1991: Η πξώηε έθδνζε ηεο HTML εθδίδεηαη ζην δηαδίθηπν

1993: Mosaic O πξώηνο δηαθπιιηζηήο, (Andreesen & Bina)

Η κληπονομιά ηυν ςπεπμέζυν ζήμεπα

δηαθπιιηζηέο θαη ηζηνρώξνη

δπλαηόηεηα δεκηνπξγίαο ππεξζπλδέζκσλ από ην ρξήζηε ζε πνιιέο γεληθέο εθαξκνγέο (επεμεξγαζηή θεηκέλνπ, ειεθηξνληθό ηαρπδξνκείν θιπ.)

ειεθηξνληθή ηεθκεξίσζε θαη βνήζεηα

εξγαιεία ζπγγξαθήο εθαξκνγώλ πνπ ρξεζηκνπνηνύλ ηε κεηαθνξά ησλ θαξηώλ ή ησλ ζειίδσλ (π.ρ. Toolbook)

Page 7: 07 Multimedia Design Multi Lect1&2

Οπιζμοί: Πολσμέζα, Διαδραζηικά Πολσμέζα

Πολςμέζα: ε ρξήζε ηνπ ππνινγηζηή γηα ηνλ ζπληνληζκό, «ηελ

ελνξρήζηξσζε» πιεξνθνξίαο από πνιιά είδε πεγώλ

— θείκελν

— εηθόλεο-γξαθηθά

— θηλνύκελα γξαθηθά

— ήρνο

— θηλεκαηνγξαθηθή εηθόλα

— ηξηζδηάζηαηα γξαθηθά

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

Διαδπαζηικά πολςμέζα: αληαπόθξηζε ζηηο ελέξγεηεο ηνπ ρξήζε κέζα ζην πνιπκεζηθό πεξηβάιινλ πνπ δεκηνπξγείηαη από ηνλ ππνινγηζηή (π.ρ. επηινγέο

πινήγεζεο)

Page 8: 07 Multimedia Design Multi Lect1&2

Ιζηνξηθά: Πολςμέζα, Διαδπαζηικά Πολςμέζα

1. ζπγρξνληζκόο αλαινγηθώλ πεγώλ

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

πεγή Elson-Cook: Principles of interactive multimedia

Page 9: 07 Multimedia Design Multi Lect1&2

κηα πην ζύλζεηε εθδνρή: «Multimedia Slide Wall»

πεγή Elson-Cook: Principles of interactive multimedia

Page 10: 07 Multimedia Design Multi Lect1&2

Ιζηνξηθά: Πολςμέζα, Διαδπαζηικά Πολςμέζα

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

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

πξνγξακκαηηζκνύ

Η κληπονομιά ηυν πολςμέζυν ζήμεπα

πνιιέο γεληθέο εθαξκνγέο ρεηξηζκνύ κέζσλ ζε θνηλή ρξήζε (photo albums, mp3 players).

εηδηθέο εθαξκνγέο πνιπκέζσλ

ελζσκάησζε δπλαηνηήησλ πνιπκέζσλ ζε παξαδνζηαθέο ηερλνινγίεο (π.ρ. ηειεόξαζε ιήςεο)

Εξγαιεία ζπγγξαθήο εθαξκνγώλ πνπ ρξεζηκνπνηνύλ ηε κεηαθνξά ηνπ

ρξνλνδηαδξόκνπ (π.ρ. MMDirector, Flash...)

Page 11: 07 Multimedia Design Multi Lect1&2

Τπεξθείκελν Τπεπμέζα

Διαδπαζηικά Πολςμέζα Πνιπκέζα

Έκθαζε: Με-γξακκηθόηεηα,

δηαζπλδεζηκόηεηα

επέιηθηε πξόζβαζε ζε πεξηερόκελν

πξνζαξκνγή ηνπ

πεξηερνκέλνπ ζην ρξήζηε

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

ζπγγξαθή

ππεξζπλδέζκσλ θαη

πεξηερνκέλνπ από ην ρξήζηε

Έκθαζε: „ελνξρήζηξσζε εκπεηξίαο‟

πνηόηεηα θαη ηαρύηεηα

πνιπκεζηθώλ ζηνηρείσλ

απμεκέλεο δπλαηόηεηεο πινήγεζεο

δηάδξαζε

δπλακηθή δεκηνπξγία θαη ρεηξηζκόο πνιπκεζηθώλ ζηνηρείσλ

Page 12: 07 Multimedia Design Multi Lect1&2

πολςμέζα: ζηοισεία πος καθοπίζοςν μια ‘πολςμεζική εμπειπία’

αιζθηηηπιακή οδόρ (modalities)

όξαζε, αθνή, αθή, γεύζε νζκή

δίοδορ (channel): κνξθή θσδηθνπνίεζεο πεξηερνκέλνπ πνπ αμηνπνηεί κηα

ζπγθεθξηκέλε αηζζεηηξηαθή νδό

π.ρ. αθνή: αθήγεζε, κνπζηθή, ζόξπβνο

π.ρ. όξαζε: γξαθή, θσηνγξαθία, γξάθεκα, καζεκαηηθόο ηύπνο

Δηαζηάζεηο επηινγήο δηόδνπ:

o αποδέκηηρ: κπνξεί λα απνθσδηθνπνηήζεη ην πεξηερόκελν, δηαθνξεηηθά

o εύπορ διόδος: πόζν πεξηερόκελν κπνξεί λα κεηαθέξεη

o μονοζημία ή πολςζημία

μέζο (medium):

Έλα ζύλνιν από ζπληνληζκέλεο δηόδνπο πνπ αμηνπνηνύλ κία ή πεξηζζόηεξεο αηζζεηεξηαθέο νδνύο θαη πνπ έρνπλ θαζηεξσζεί σο νιόηεηα κέζα από έλα

εληαίν ζύλνιν ζπκβάζεσλ («γιώζζα ηνπ κέζνπ»)

π.ρ. ην βηβιίν, ε ηειεόξαζε

Σχόλιο [evd1]: Consider adding an example about icons, easily recongizeable icons or less universal icons

Page 13: 07 Multimedia Design Multi Lect1&2

πεγή Elson-Cook: Principles of interactive multimedia

Page 14: 07 Multimedia Design Multi Lect1&2

πολςμέζα... και άλλα μέζα

Σα πνιπκέζα είλαη ζπλδπαζκόο από ζπληνληζκέλεο δηόδνπο επηθνηλσλίαο.

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

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

λα ζπλδπάζεη άιια κέζα

λα δεκηνπξγήζεη έλα ζπλδπαζκό από δηόδνπο επηθνηλσλίαο πνπ δελ έρεη

θαζηεξσζεί ζε άιια κέζα

Page 15: 07 Multimedia Design Multi Lect1&2

Διαδπαζηικόηηηα/Διάδπαζη (Interactivity/Interaction)

Δξάζε + Αληαπόθξηζε Έιεγρνο

Πόζε δηάδξαζε;

Πληποθόπηζη/Παποςζίαζη <<<<< >>>>> Δπαζηηπιόηηηα/Εμπειπία

Slide Show <<<<< >>>>> Full Immersion VR.

Έλεγσορ

Ρςθμού

Έλεγσορ

ακολοςθίαρ

Έλεγσορ

μέζυν

Έλεγσορ

Παπαμέηπυν

Έλεγσορ

πεπιεσομένος

/ενεπγειών

Έλεγσορ

ανηικειμένυν

Έλεγσορ

πποζομείυζηρ

Click γηα ην

επόκελν

Επηιέγσ πνπ ζα πάσ κεηά

Start/stop video.

Εκθάληζε/

Απόθξπςε

θεηκέλνπ

Zoom

θαζνξηζκόο κεηαβιεηώλ ζε

έλα πείξακα

δεκηνπξγία κηαο

πξνζαξκνζκέλεο

παξνπζίαζεο κε βάζε ιέμεηο

θιεηδηά

θαζνξηζκόο ησλ

ραξαθηεξηζηηθώλ ηεο νζόλεο

Απνζηνιή κελύκαηνο

θαηαγξαθή

ζρνιίσλ,

ππνβνιή

εξγαζίαο

απνζήθεπζε

επηινγήο

παξαγγειία

Μεηαθίλεζε θαη ρεηξηζκόο

αληηθεηκέλσλ

ζηελ νζόλε

shoot ducks

Αιιαγή νπηηθήο γσλίαο,

θαζνξηζκόο ηεο

εμέιημεο γεγνλόησλ θαη

ελεξγείσλ

Adapted from: Kristoff & Satran Interactivity by Design

Page 16: 07 Multimedia Design Multi Lect1&2

√ςνηθιζμένερ σπήζειρ αςηόνομυν εθαπμογών πολςμέζυν:

Δηαζθέδαζε

— παηγλίδηα (game design)

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

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

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

√ςνηθιζμένοι ηπόποι διάθεζηρ:

δηαλνκή ζε CD-ROM

εγθαηάζηαζε Kiosk

[on-line]

Page 17: 07 Multimedia Design Multi Lect1&2

√Ρόλοι ζηην ανάπηςξη εθαπμογών πολςμέζυν

“Όρη κόλν ε βηνκεραλία ησλ πνιπκέζσλ πεξηέρεη θάπνηα από ηα πην δπλαηά εξγαιεία ησλ ππνινγηζηώλ, αιιά βαζίδεηαη θαη ζε ηαιέληα πνπ πξνέξρνληαη έμσ από ηα

παξαδνζηαθά όξηα ηεο επεμεξγαζίαο δεδνκέλσλ θαη ηεο δηαρείξεζεο πιεξνθνξηαθώλ ζπζηεκάησλ” H. Bartesch cited in T. Vaughan

Είλαη νη πξνγξακκαηηζηέο πνιπκέζσλ επιζηήμονερ ηηρ Πληποθοπικήρ;

Ή είλαη

ππογπαμμαηιζηέρ ...

γπαθίζηερ

ζσεδιαζηέρ

κινοςμένυν ζσεδίυν

... δημιοςπγοί

ιζηοπιών

...

... ζσεδιαζηέρ εκπαιδεςηικού

ςλικού

μοςζικοί

αναγεννηζιακοί άνθπυποι; (adapted from Vaughan)

Page 18: 07 Multimedia Design Multi Lect1&2

√Ρόλοι ζηην ανάπηςξη εθαπμογών πολςμέζυν

ςπεύθςνορ παπαγυγήρ

καλλιηεσνικόρ

ςπεύθςνορ-γπαθίζηαρ

ζςγγπαθέαρ-

ζσεδιαζηήρ

πολςμεζικήρ εθαπμογήρ

ππογπαμμαηιζηήρ

παπαγυγόρ

πολςμεζικού

πεπιεσομενος

(θσηνγξαθία, video, ήρνο, animation)

ειδικόρ ζηο πεπιεσόμενο

ζςγγπαθέαρ

-επιμεληηήρ κειμένυν

Page 19: 07 Multimedia Design Multi Lect1&2

(Πηγή T. Vaughan ‘Πολςμέζα’)

Page 20: 07 Multimedia Design Multi Lect1&2

√Επαγγελμαηικέρ Παπαδόζειρ Ανάπηςξη Πολςμέζυν

o πληποθοπική/ηεσνολογία λογιζμικού

— ε αλάπηπμε πνιπκέζσλ σο αλάπηπμε ινγηζκηθνύ

— ηνλ „πξώην ιόγν‟ έρνπλ νη εηδηθνί ηεο πιεξνθνξηθήο

— έκθαζε ζηε ιεηηνπξγηθόηεηα γηα ην ρξήζηε θαη ζηελ θάιπςε ζπγθεθξηκέλσλ πξνδηαγξαθώλ

— έκθαζε ζε λέεο ηερλνινγηθέο δπλαηόηεηεο

o γπαθικέρ ηέσνερ/εκδόζειρ, οπηικοακοςζηικά μέζα

— ε αλάπηπμε πνιπκέζσλ σο αλάπηπμε ηίηισλ πεξηερνκέλνπ

— ηνλ „πξώην ιόγν‟ έρνπλ νη ζελαξηνγξάθνη/ζρεδηαζηέο θαη νη θαιιηηερληθνί ππεύζπλνη

— έκθαζε ζην ζρεδηαζκό ηνπ πεξηερνκέλνπ

— έκθαζε ζηελ πνηόηεηα ηεο αηζζεηηθήο εκπεηξίαο ηνπ ρξήζηε

Page 21: 07 Multimedia Design Multi Lect1&2

√ Σπειρ Διαζηάζειρ ζσεδιαζμού μιαρ πολςμεζικήρ εθαπμογήρ

σεδιαζμόρ Πεπιεσομένος: ηι είναι, ηι κάνει

o Ρνή πεξηερνκέλνπ

o Απνγξαθή πεξηερνκέλνπ

o Δνκή πεξηερνκέλνπ

σεδιαζμόρ Διάδπαζηρ: πώς δοσλεύει

o Πξνζαλαηνιηζκόο

o Πινήγεζε

o Λεηηνπξγία

σεδιαζμόρ Παποςζίαζηρ: πώς θαίνεηαι

o Ύθνο, Σαπηόηεηα θαη Ελόηεηα

o Λεηηνπξγηθόηεηα

o Αηζζεηηθή Εκθάληζε

Page 22: 07 Multimedia Design Multi Lect1&2

σεδιαζμόρ Πεπιεσομένος:

Ροή: ην πεξηερόκελν ηεο εθαξκνγήο όπσο είλαη νξγαλσκέλν γηα ηνλ ρξήζηε

εκαζία: — ζπλνιηθή επνπηεία ηεο εθαξκνγήο

επηθνηλσλία–ζπλαληίιεςε νκάδαο

αλάπηπμεο

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

έιεγρνο πιεξόηεηαο θαη πνηόηεηαο

Έγγξαθα:

— Δηάγξακκα ξνήο (Flowchart)

— Αθήγεζε εθαξκνγήο

Απογπαθή: ην ζύλνιν ηνπ πιηθνύ πνπ πεξηέρεη ε εθαξκνγή

εκαζία: ζαθήο εηθόλα γηα ην

— ηη είλαη έηνηκν πξνο ρξήζε

— ηη πξέπεη λα: ζςλλεγεί [+εξαζθάλιζη δικαιυμάηυν]

ζςνηασθεί

τηθιοποιηθεί

Έγγξαθα:

— δειηία πιηθνύ,

— asset-list [the real estate document]

Δομή: ην πεξηερόκελν ηεο εθαξκνγήο όπσο είλαη νξγαλσκέλν από ηελ πιεπξά απηνύ

πνπ ηελ πινπνηεί

εκαζία: — δηαρείξεζε εθαξκνγήο

— επεθηαζηκόηεηα εθαξκνγήο

— δπλακηθόηεηα εθαξκνγήο

— νηθνλνκία εθαξκνγήο

Έγγξαθα:

— δηάγξακκα δνκήο πεξηερνκέλνπ

— πίλαθαο δνκήο πεξηερνκέλνπ

Σχόλιο [evd2]: flowchart typically outlines the movement between screens or groups of screens not what happens in each screen.

Σχόλιο [evd3]: Σα δειηία πιηθνύ κπνξεί λα είλαη έλα επξύηεξν ζύλνιν. Σν asset-list είλαη αθξηβώο ηα ζηνηρεία πνπ ζα ρξεζηκνπνηεζνύλ ζηελ εθαξκνγή.

Page 23: 07 Multimedia Design Multi Lect1&2

Ψπραγσγία

1

Ροή Περιεχομένου

↔ 2

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

↓ 3

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

Πιεξνθόξεζε

1

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

↔ 2

Ροή Περιεχομένου

3

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

Page 24: 07 Multimedia Design Multi Lect1&2

√ Ροή είναι η ενοπσήζηπυζη ηηρ εμπειπίαρ ηος σπήζηη ζε μια

πολςμεζική εθαπμογή

Οξγάλσζε ηνπ πεξηερνκέλνπ

θνπόο ηεο εθαξκνγήο

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

ξνή πεξηερνκέλνπ πινήγεζε, αιιά ξνή πεξηερνκέλνπ ≠ πινήγεζε

Page 25: 07 Multimedia Design Multi Lect1&2

ςσνά ηο πεπιεσόμενο έσει μια ‘θςζική’ εζυηεπική οπγάνυζη

o Θέκαηα

o Μέγεζνο θαη θιίκαθα

o Γεσγξαθηθή ηνπνζεζία

o Ιζηνξηθή αιιεινπρία

o Αθεγεκαηηθή αιιεινπρία

o Μέξνο-Όιν

o Κιπ.

ζηνηρεία πεξηερνκέλνπ ↔ δηαζύλδεζε κε βάζε λνεκαηηθέο ζρέζεηο

βαζηθή ζύιιεςε (concept definition)

Classification Schemes (expository form)

Design Metaphors (narrative form)

Page 26: 07 Multimedia Design Multi Lect1&2

Οη απνθάζεηο πνπ παίξλνπκε θαηά ην ζρεδηαζκό ηεο ξνήο

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

πεξηερνκέλνπ πνπ ππάξρεη ζηελ εθαξκνγή

δεκηνπξγνύλ κηα νπηηθή γσλία:

– πνηα ζηνηρεία ζπλδένληαη κε πνηα άιια

– πνηα ζηνηρεία είλαη πην ζεκαηηθά – έρνπλ πξνηεξαηόηεηα θαη πνηα ιηγόηεξν ζεκαληηθά – ηη

βιέπεη πξώηα ν ρξήζηεο

Page 27: 07 Multimedia Design Multi Lect1&2

Πξνζαξκνγή από ην: Kristof R. Satran A. Interactivity by design :

Page 28: 07 Multimedia Design Multi Lect1&2

√ Ιεπαπσημένερ διαδπομέρ

Page 29: 07 Multimedia Design Multi Lect1&2
Page 30: 07 Multimedia Design Multi Lect1&2

√ Ιεπαπσημένερ διαδπομέρ

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

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

Πηζαλέο δπζθνιίεο πινήγεζεο

— Πινήγεζε πξνο ηα πίζσ- επειημία πινήγεζεο

— Επνπηεία βάζνπο

— Απώιεηα Δηαζπλδέζεσλ

— αθήλεηα επηπέδσλ- απώιεηα πξνζαλαηνιηζκνύ

Λύζεηο θαηά ην ζρεδηαζκό ηεο ηνπ πεξηερνκέλνπ::

— επίπεδε ηεξαξρία

— ιηγόηεξα επίπεδα

Λύζεηο θαηά ην ζρεδηαζκό ηεο δηάδξαζεο::

— νξαηέο επηινγέο επηπέδσλ ζηελ νζόλε

Page 31: 07 Multimedia Design Multi Lect1&2

√ Γπαμμικέρ διαδπομέρ

Πξνθαζνξηζκέλε πνξεία

Δηαδξαζηηθά ζηνηρεία ζε θάζε νζόλε

Πηζαλέο δπζθνιίεο πινήγεζεο:

— πινήγεζε πξνο ηα πίζσ- επειημία πινήγεζεο

— πινήγεζε πνπ „παγηδεύεη ην ρξήζηε‟

Λύζεηο θαηά ην ζρεδηαζκό ηεο δηάδξαζεο:

— Go to...

— Overview-Select

Page 32: 07 Multimedia Design Multi Lect1&2

√ Πολλαπλέρ παπάλληλερ γπαμμικέρ διαδπομέρ

δηαθνξεηηθά πεξηερόκελα πνπ εμειίζζνληαη παξάιιεια

κέζα θαη αλαπαξαζηάζεηο ηνπ ίδηνπ πεξηερνκέλνπ

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

— ζπγρξνληζκέλα (ΟΝ-OFF)

Page 33: 07 Multimedia Design Multi Lect1&2

√ Γπαμμικέρ διαδπομέρ με παπακάμτειρ

Page 34: 07 Multimedia Design Multi Lect1&2

√ Διαδπομέρ με διακλαδώζειρ (branching)

απόθαζε-δηαδξνκή 1-1

απόθαζε- δηαδξνκή ζηαζκηζκέλε

critical path & stepladder branching

Page 35: 07 Multimedia Design Multi Lect1&2

√ Μη-Γπαμμική Οπγάνυζη

ηπραίεο ππεξζπλδέζεηο

ππεξζπλδέζεηο πξνζαξκνζκέλεο ζε ζηνηρεία ηνπ πεξηερνκέλνπ

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

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

Page 36: 07 Multimedia Design Multi Lect1&2

√ Μη-Γπαμμική Οπγάνυζη

πηζαλέο δπζθνιίεο

— αβεβαηόηεηα πξννξηζκνύ

— απνπξνζαλαηνιηζκόο

ιύζεηο θαηά ην ζρεδηαζκό ηεο δηάδξαζεο

— ηαπηόηεηα πξννξηζκνύ

— ηζηνξηθό

— νξαηή αθεηεξία

Page 37: 07 Multimedia Design Multi Lect1&2

√ Οπγάνυζη ζηο Υώπο

Page 38: 07 Multimedia Design Multi Lect1&2

√ Οπγάνυζη ζηο Υώπο

πηζαλέο δπζθνιίεο

— ζπλνιηθή επνπηεία ηνπ ρώξνπ

— απνπξνζαλαηνιηζκόο

— επειημία πινήγεζεο

ιύζεηο θαηά ην ζρεδηαζκό δηάδξαζεο:

— ζπγθεθξηκέλνο θαη αθεξεκέλνο ρώξνο

— „δηαθάλεηα‟ ή θάηνςε

Page 39: 07 Multimedia Design Multi Lect1&2

√Οπγάνυζη συπίρ ποή: Υειπιζμόρ ονηοηήηυν

πλζέζεηο

Καηαζθεπέο

Πξνζνκνηώζεηο

Page 40: 07 Multimedia Design Multi Lect1&2

√ ςνδςαζμόρ ζηην ενοπσήζηπυζη ηηρ εμπειπίαρ ηος σπήζηη

βαζηθή νξγάλσζε ξνήο (major flow) = ειάρηζηνο ζθειεηόο

— πξνθαλήο γηα ην ρξήζηε

— ζηελ νπνία κπνξεί λα επηζηξέςεη

πξόζζεηεο δπλαηόηεηεο θαη δηαδξνκέο (minor flow)

— ππνηάζζνληαη ζηε βαζηθή νξγάλσζε

Page 41: 07 Multimedia Design Multi Lect1&2

√ Ενέπγειερ για ηο ζσεδιαζμό Ροήρ:

θεθηείηε αλ ππάξρεη „θπζηθή‟ ξνή γηα ην ζπγθεθξηκέλν πεξηερόκελν

o Αθεγεκαηηθή, ρξνλνινγηθή, ζεκαηηθή, γεσγξαθηθή θιπ.

Εληνπίζηε βαζηθά δνκηθά ζηνηρεία (π.ρ. ελόηεηεο)

Αξρίδνληαο από ηελ αξρηθή νζόλε πεξηγξάςηε (κε ιόγηα) ηα βήκαηα κηαο ειάρηζηεο δηαδξνκήο ηνπ ρξήζηε ζηα ζηνηρεία ηνπ πεξηερνκέλνπ πνπ έρεηε

εληνπίζεη

ρεδηάδεηε απηά ηα βήκαηα θαη βιέπεηε ηη κνξθή έρεη ε ξνή (major flow)

Απινπνηείηε θαη απνζαθελίδεηε ηε βαζηθή νξγάλσζε ηεο ξνήο

Σνπνζεηείηε θαη ηα ππόινηπα δνκηθά ζηνηρεία ζε απηή ηελ νξγάλσζε

o πεξηγξάςηε πην ιεπηνκεξή βήκαηα όπνπ ρξεηάδεηαη

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

flow)