Top Banner
ΠΟΛΥΜΕΣΑ ΠΟΛΥΜΕΣΑ Α. Εισαγωγή στα Α. Εισαγωγή στα πολυμέσα πολυμέσα B B . Δομικά στοιχεία . Δομικά στοιχεία πολυμέσων πολυμέσων Γ. Ανάπτυξη εφαρμογών Γ. Ανάπτυξη εφαρμογών πολυμέσων πολυμέσων
50

πολυμεσα παρουσιαση

Jul 30, 2015

Download

Education

npapageor
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: πολυμεσα παρουσιαση

ΠΟΛΥΜΕΣΑΠΟΛΥΜΕΣΑ

Α. Εισαγωγή στα Α. Εισαγωγή στα πολυμέσαπολυμέσαBB. Δομικά στοιχεία . Δομικά στοιχεία πολυμέσωνπολυμέσωνΓ. Ανάπτυξη εφαρμογών Γ. Ανάπτυξη εφαρμογών πολυμέσωνπολυμέσων

Page 2: πολυμεσα παρουσιαση

ΠΟΛΥΜΕΣΑΠΟΛΥΜΕΣΑ

1. Ορισμός2. Κατηγορίες εφαρμογών

πολυμέσων3. Χαρακτηριστικά

Α. Εισαγωγή στα Α. Εισαγωγή στα πολυμέσαπολυμέσα

Page 3: πολυμεσα παρουσιαση

Η χρήση πολλαπλών μέσων ή μορφών για την παρουσίαση πληροφορίας

Τι είναι τα πολυμέσαΤι είναι τα πολυμέσα

Κείμενο, Εικόνα (ακίνητη ή κινούμενη), Ήχος, Γραφικά, Σχεδιοκίνηση (animation 2D ή 3D ), Video

- Μη διαδραστική

- Διαδραστική (interaction)

Page 4: πολυμεσα παρουσιαση

Γιατί πολυμέσαΓιατί πολυμέσα;;

• Διευκόλυνση των διαδικασιών κατανόησης και απομνημόνευσης. – Σε έρευνα που έγινε βρέθηκε ότι οι άνθρωποι Σε έρευνα που έγινε βρέθηκε ότι οι άνθρωποι

θυμούνται: θυμούνται: – 20% από ότι βλέπουν 20% από ότι βλέπουν

– 30% από αυτά που ακούν 30% από αυτά που ακούν

– 50% από αυτά που ταυτόχρονα βλέπουν και ακούν 50% από αυτά που ταυτόχρονα βλέπουν και ακούν

– 80% όταν υπάρχει αλληλεπίδραση80% όταν υπάρχει αλληλεπίδραση

Page 5: πολυμεσα παρουσιαση

α. Ανάλογα με τον τρόπο διανομήςΟπτικοί δίσκοι (CD-ROM, DVD-ROM)Περίπτερα πληροφοριών(Kiosks)Πραγματικού χρόνου (Online)Διαδίκτυο (Internet)

Κατηγορίες εφαρμογών Κατηγορίες εφαρμογών πολυμέσωνπολυμέσων

β. Ανάλογα με την χρήσηΕνημέρωσηΕκπαίδευσηΨυχαγωγία

Page 6: πολυμεσα παρουσιαση

α. Η πληροφορία έχει ψηφιακή φύση

Κύρια χαρακτηριστικάΚύρια χαρακτηριστικά πολυμέσωνπολυμέσων

β. Έχει τη δυνατότητα της Διάδρασης

γ. Είναι συμπιεσμένη

Page 7: πολυμεσα παρουσιαση

Συμπίεση αρχείωνΣυμπίεση αρχείων

Γιατί χρειαζόμαστε συμπίεση;Γιατί χρειαζόμαστε συμπίεση;– Μέγεθος Μέγεθος τωντων αρχείων (π.χ. μια φωτογραφία ή ένα αρχείων (π.χ. μια φωτογραφία ή ένα

λεπτό στερεοφωνικού ήχου= 10ΜΒ περίπου)λεπτό στερεοφωνικού ήχου= 10ΜΒ περίπου)– Είναι απαραίτητος ο περιορισμός του μεγέθους των Είναι απαραίτητος ο περιορισμός του μεγέθους των

αρχείων ώστε να μπορούμε εύκολα να τα αρχείων ώστε να μπορούμε εύκολα να τα αποθηκεύσουμε, να τα μεταδώσουμε στα δίκτυα και αποθηκεύσουμε, να τα μεταδώσουμε στα δίκτυα και γενικά να τα διαχειριστούμε. γενικά να τα διαχειριστούμε.

Μια έγχρωμη εικόνα 1024Χ768 pixels (20cmΧ27cm στα 96ppi) με βάθος χρώματος 24 bit καταλαμβάνει 2,25MByte

Ένα λεπτό ήχου ποιότητας CD (44,1ΚHz,16bit, stereo) καταλαμβάνει 10,1 MB ρυθμός 1,35Mbit/sec

Ένα λεπτό video ποιότητας DVD σε PAL (720X576 pixels, 25F/sec, βάθος χρώματος 24 bit, και ήχο 48KHz -16bit - stereo)

καταλαμβάνει 1861 ΜBρυθμός 248,14 Mbit/sec

Page 8: πολυμεσα παρουσιαση

Συμπίεση είναι η διαδικασία περιορισμού του Συμπίεση είναι η διαδικασία περιορισμού του μεγέθους που καταλαμβάνει ένα ποσό πληροφορίας μεγέθους που καταλαμβάνει ένα ποσό πληροφορίας εις βάρος βέβαια της διαθεσιμότητας του, της εις βάρος βέβαια της διαθεσιμότητας του, της υπολογιστικής ισχύος και πολύ συχνά και της υπολογιστικής ισχύος και πολύ συχνά και της ακρίβειας του περιεχομένου του.ακρίβειας του περιεχομένου του.

Βασικοί παράγοντες συμπίεσηςΒασικοί παράγοντες συμπίεσης

• Λόγος συμπίεσης = όγκος αρχικών Λόγος συμπίεσης = όγκος αρχικών δεδομένων / όγκος συμπιεσμένων δεδομένωνδεδομένων / όγκος συμπιεσμένων δεδομένων

• Ποιότητα εικόναςΠοιότητα εικόναςΑλγόριθμος μη απώλειας δεδομένων (Αλγόριθμος μη απώλειας δεδομένων (losslesslossless))Αλγόριθμος απώλειας δεδομένωνΑλγόριθμος απώλειας δεδομένων ((lossy)lossy)

Συμπίεση αρχείωνΣυμπίεση αρχείων

Page 9: πολυμεσα παρουσιαση

ΠΟΛΥΜΕΣΑΠΟΛΥΜΕΣΑ

1. Κείμενο 2. Εικόνα και γραφικά 3. Ήχος4. Σχεδιοκίνηση (animation)5. Μεταμόρφωση (Morphing)6. Video

BB. Δομικά στοιχεία . Δομικά στοιχεία πολυμέσωνπολυμέσων

Page 10: πολυμεσα παρουσιαση

α. Κείμενο περιεχομένουΠαρέχει ουσιαστική πληροφόρηση στον χρήστη περιγράφοντας τις πληροφορίες

ΚείμενοΚείμενο

β. Κείμενο περιβάλλοντοςΤίτλοι καθορισμού ενοτήτων Κουμπιά πλοήγησηςΜενού επιλογών

ΧρήσηΧρήση

Page 11: πολυμεσα παρουσιαση

α. Εικόνα και γραφικά περιεχομένουΦωτογραφίες ΣκίτσαΓραφικές παραστάσειςΔιαγράμματα ροήςΔιαγράμματα οργάνωσης

Εικόνα και γραφικάΕικόνα και γραφικά

β. Εικόνα και γραφικά περιβάλλοντοςΦόντο οθόνης Εργαλεία πλοήγησηςΠλήκτρα ενεργειών

ΧρήσηΧρήση

Page 12: πολυμεσα παρουσιαση

Εικόνα και γραφικάΕικόνα και γραφικά

Δημιουργούνται από:Δημιουργούνται από:

Είδη Είδη

Αποτελούνται από αντικείμενα σχεδίασης (γραμμές, Αποτελούνται από αντικείμενα σχεδίασης (γραμμές, ορθογώνια, ελλείψεις ή τόξα) τα οποία βασίζονται σε ορθογώνια, ελλείψεις ή τόξα) τα οποία βασίζονται σε ειδικά μαθηματικά μοντέλα.ειδικά μαθηματικά μοντέλα.

α. Διανυσματικές εικόνες (vector graphics)

-Την ψηφιοποίηση εικόνων μέσω σαρωτή-Την ψηφιοποίηση εικόνων μέσω σαρωτή-Τ-Τo Microsoft Officeo Microsoft Office σαν αντικείμενα σχεδίασης και γραφικές σαν αντικείμενα σχεδίασης και γραφικές

παραστάσειςπαραστάσεις-Τα προγράμματα δημιουργίας και επεξεργασίας διανυσματικής -Τα προγράμματα δημιουργίας και επεξεργασίας διανυσματικής

εικόναςεικόνας όπως το όπως το Corel DrawCorel Draw, το , το Adobe IllustratorAdobe Illustrator κ.α.. κ.α..

Page 13: πολυμεσα παρουσιαση

β. Χαρτογραφικές ή ψηφιογραφικές εικόνες(bitmap graphics)

Εικόνα και γραφικάΕικόνα και γραφικά

-Την ψηφιοποίηση εικόνων μέσω σαρωτή-Την ψηφιοποίηση εικόνων μέσω σαρωτή-Τις ψηφιακές φωτογραφικές και εικονοληπτικές μηχανές -Τις ψηφιακές φωτογραφικές και εικονοληπτικές μηχανές -Την σύλληψη εικόνων από τη οθόνη του υπολογιστή-Την σύλληψη εικόνων από τη οθόνη του υπολογιστή-Την ψηφιοποίηση εικόνων βίντεο ή τηλεόρασης μέσω ειδικής κάρτας-Την ψηφιοποίηση εικόνων βίντεο ή τηλεόρασης μέσω ειδικής κάρτας-Τα προγράμματα δημιουργίας και επεξεργασίας χαρτογραφικής -Τα προγράμματα δημιουργίας και επεξεργασίας χαρτογραφικής

εικόναςεικόνας όπως το Photo Paint, το Paint Shop Pro, το Photoshop κ.α.. όπως το Photo Paint, το Paint Shop Pro, το Photoshop κ.α..

Δημιουργούνται από:Δημιουργούνται από:

Είδη Είδη

Page 14: πολυμεσα παρουσιαση

- Ανάλυση (resolusion). Ανάλυση (resolusion). Εκφράζει την πυκνότητα των Εκφράζει την πυκνότητα των εικονοστοιχείων της εικόνας σε κάθε διάσταση και εικονοστοιχείων της εικόνας σε κάθε διάσταση και μετριέται σε σημεία ανά ίντσα (μετριέται σε σημεία ανά ίντσα (dots per inchdots per inch, , dpidpi). ).

- Το χρωματικό βάθοςΤο χρωματικό βάθος (color depth) (color depth).. Καθορίζεται από τον Καθορίζεται από τον αριθμό των αριθμό των bitbit που χρησιμοποιούνται για τη χρωματική που χρησιμοποιούνται για τη χρωματική περιγραφή ενός περιγραφή ενός pixelpixel. Έτσι μια εικόνα με χρωματικό βάθος . Έτσι μια εικόνα με χρωματικό βάθος 8 8 bitsbits αποδίδει 2^8=256 χρώματα ενώ με 16 αποδίδει 2^8=256 χρώματα ενώ με 16 bitsbits αποδίδονται αποδίδονται 2^162^16 =65536 χρώματα. =65536 χρώματα.

- Τη διάσταση Τη διάσταση (size)(size).. Η εικόνα ανεξάρτητα από το σχήμα Η εικόνα ανεξάρτητα από το σχήμα της καταλαμβάνει το χώρο ενός ορθογωνίου της καταλαμβάνει το χώρο ενός ορθογωνίου παραλληλογράμμου που την περιβάλλει.παραλληλογράμμου που την περιβάλλει.

Χαρακτηριστικά των Χαρτογραφικών ή Χαρακτηριστικά των Χαρτογραφικών ή ψηφιογραφικών εικόνων(ψηφιογραφικών εικόνων(bitmap graphicsbitmap graphics) )

Page 15: πολυμεσα παρουσιαση

16 bit βάθος χρώματος

Παραδείγματα χρωματικού βάθους Παραδείγματα χρωματικού βάθους bitmap graphics bitmap graphics

8 bit βάθος χρώματος

4 bit βάθος χρώματος

Page 16: πολυμεσα παρουσιαση

Τα ψηφιογραφικά γραφικάΤα ψηφιογραφικά γραφικάαποτελούνται από κουκκίδεςαποτελούνται από κουκκίδεςΗ μεγέθυνσή τους προκαλείΗ μεγέθυνσή τους προκαλείκαι μεγέθυνση της κουκκίδαςκαι μεγέθυνση της κουκκίδας

Τα διανυσματικά γραφικάΤα διανυσματικά γραφικάαποτελούνται από αποτελούνται από γεωμετρικά σχήματαγεωμετρικά σχήματαΗ μεγέθυνσή τους προκαλείΗ μεγέθυνσή τους προκαλείτον επανασχεδιασμό των τον επανασχεδιασμό των σχημάτωνσχημάτων

vectorvector vs bitmap graphicsvs bitmap graphics

Page 17: πολυμεσα παρουσιαση

No CompressionNo Compression

167 KB167 KB

50% Compression50% Compression

46 KB46 KB

99% Compression99% Compression

9 KB9 KB

ΣυμπίεσηΣυμπίεση εικόναςεικόναςJPEGJPEG

Page 18: πολυμεσα παρουσιαση
Page 19: πολυμεσα παρουσιαση

ΟΝΟΜΑΜορφοποίησης

Επέκταση αρχείου

Πλεονεκτήματα ΜειονεκτήματαΣυνηθισμένη

Χρήση

TIFF(Tagged Image File)

*.tif Ασυμπίεστη πληροφορία χωρίς απώλειες. Μεταφερσιμότητα ανάμεσα σε διάφορες πλατφόρμες υλικού και λογισμικού

Μεγάλο μέγεθος αρχείουΔύσκολο στην αποθήκευση

Αρχειοθέτηση ψηφιακών εικόνων με όλη την αρχική πληροφορία διαθέσιμη

GIF(CompuServe Graphics

Interface Format)

*.gif Μικρό μέγεθος, εύκολη αποθήκευση και μεταφορά, δυνατότητα διαφάνειας

Περιορισμός χρωμάτων στα 256

Εικόνες grayscale, εικόνες με διαφάνεια ή εικόνες με λίγα χρώματα

JPEG(Joint Photo graphics

Expert Group)

*.jpg Προσφέρει «πραγματικό χρώμα» (16,8 Μ) και δυνατότητα καθορισμού του βαθμού συμπίεσης

Απωλεστική συμπίεση Παρουσίαση εικόνων συνεχούς τόνου (πχ. φωτογραφίες) στο Web

PCX(PC Paintbrush Format)

*.pcx Ασυμπίεστη πληροφορίακαλή ποιότητα εικόνας.

Μεγάλο μέγεθος αρχείου

Στο λογισμικό Paintbrush

BMP(Standard Windows

Bitmap)

*.bmp Αποδίδει καλά σε εφαρμογές των Windows και του OS/2

Απώλεια πληροφορίας, δύσκολο στη διαπλα-τφορμική μεταφορά του

Σε εφαρμογές των Windows και του OS/2

PSD(PhotoShop images)

*.psd Διατηρεί πλήθος πληροφοριών (πχ. channels, layers, paths) για την ολοκληρωμένη επεξεργασία της εικόνας.

Συμβατό μόνον με συγκεκριμένες εφαρμογέςΔεν χρησιμοποιείται στο Web

Ενδιάμεση φόρμα αποθήκευσης για παραπέρα επεξεργασία της εικόνας.

Βασικές μορφοποιήσεις (formats) αρχείων εικόνας

Page 20: πολυμεσα παρουσιαση
Page 21: πολυμεσα παρουσιαση

Adobe PhotoShopAdobe PhotoShopCorel DrawCorel Draw

Page 22: πολυμεσα παρουσιαση

α. Ήχος περιεχομένου

ΉχοςΉχος

β. Ήχος περιβάλλοντος

ΧρήσηΧρήση

- Αφηγήσεις για γεγονότα ή περιστατικά που σχετίζονται με το θέμα

- Μαρτυρίες (Ιστορικό Ντοκουμέντο – Απαγγελία ενός ποιήματος)

- Εκφωνήσεις περιεχομένων εφαρμογής – οδηγίες πλοήγησης – Επεξηγήσεις

- Ενίσχυση του μηνύματος (αέρας – φωνές ζώων)

- Μουσική επένδυση

- Ηχητικά εφέ

Page 23: πολυμεσα παρουσιαση

ΉχοςΉχος

Εφαρμογές

• σε εκπαιδευτικές εφαρμογές και περίπτερα πληροφοριών (information kiosks)

• αφήγηση και ο σχολιασμός των όσων παρουσιάζονται στην οθόνη βοηθά στην μετάδοση του μηνύματος

• η κατάλληλη ηχητικά υπόκρουση καθιστά την παρακολούθηση της εφαρμογής πιο ευχάριστη.

Χαρακτηριστικά

•πλάτος •συχνότητα

Page 24: πολυμεσα παρουσιαση

α. Ψηφιακός ήχος με παλμοκωδική κωδικοποίηση (PCM)

ΉχοςΉχοςΕίδη Είδη

- Τη συχνότητα δειγματοληψίας (sampling rate)- Το μέγεθος δειγματοληψίας (sampling size)

Χαρακτηρίζεται από:

Δημιουργείται μέσω της σύνδεσης των εισόδων της κάρτας ήχου με:

-Μικρόφωνο -Αναλογική έξοδο (line out) διαφόρων ηχητικών συσκευών

(μαγνητόφωνα, ενισχυτές, ηλεκτρικά μουσικά όργανα κλπ.)

Page 25: πολυμεσα παρουσιαση

β. Ήχος MIDI (Musical Instrument Digital Interface)

ΉχοςΉχοςΕίδη Είδη

Δημιουργείται από ηλεκτρονικά μουσικά όργανα (Synthesizers)

Πληροφορίες που καταγράφονται:

-Ο χρόνος που έμεινε πατημένο το πλήκτρο -Η ένταση με την οποία πατήθηκε-Η νότα-Το όργανο που παρήγαγε τη νότα

Page 26: πολυμεσα παρουσιαση

Βασικές μορφοποιήσεις (formats) αρχείων ήχου

Επέκταση Πρότυπο Περιγραφή

.rif RIFFΑναπτύχθηκε από την Microsoft και υποστηρίζει αρχεία ψηφιακού ήχου WAV και MIDI.

.wav WaveΑποτελεί το πρότυπο αποθήκευσης ψηφιακού ήχου και είναι υποσύνολο του πρότυπου RIFF.

.mid MIDI Διεθνές πρότυπο για την αποθήκευση μουσικών αρχείων MIDI.

.aif AIFFΔημιουργήθηκε από την Apple αλλά χρησιμοποιείται σε όλες τις πλατφόρμες. Υποστηρίζει δειγματοληψία 32 bit.

.rmi RMI Αναπτύχθηκε από την Microsoft για αρχεία MIDI.

.mp3 MPEG-layer 3Πρότυπο συμπιεσμένων αρχείων ήχου. Χρησιμοποιείται κυρίως για τη διακίνηση αρχείων μουσικής στο διαδίκτυο.

.wma WMAWindows Media Audio. Αναπτύχθηκε από την Microsoft με στόχο την υποστήριξη απωλεστικής συμπίεσης.

.ra Real AudioΠροορίζεται για την άμεση αναπαραγωγή ήχων μέσω του διαδικτύου.

Page 27: πολυμεσα παρουσιαση

Προγράμματα Επεξεργασίας Προγράμματα Επεξεργασίας ΉχουΉχου

Sonic Foundry SoundForge (Sony)Syntrillium CoolEdit (Adobe Audition)Steinberg CubaseAudacity

Page 28: πολυμεσα παρουσιαση
Page 29: πολυμεσα παρουσιαση

α. Σχεδιοκίνηση περιεχομένου

Σχεδιοκίνηση (Σχεδιοκίνηση (animation)animation)

β. Σχεδιοκίνηση περιβάλλοντος

ΧρήσηΧρήση

- Προσομοίωση διαδικασιών ή μοντέλων

- Έμφαση σε συγκεκριμένα στοιχεία

- Δημιουργία αίσθησης χρονικής αλληλουχίας

- Εργαλεία πλοήγησης και κατεύθυνσης

Page 30: πολυμεσα παρουσιαση

α. Σχεδιοκίνηση δύο διαστάσεων

Σχεδιοκίνηση (Σχεδιοκίνηση (animation)animation)

β. Σχεδιοκίνηση τριών διαστάσεων

ΤύποιΤύποι

Τεχνικές

- Με κυψέλες (cell animation)

- Με παρένθεση πλαισίων σε διαδρομή (in betweening)

Στάδια

- Μοντελοποίηση

- Χαρτογράφηση υφών

- Φωτισμός

- Φωτορεαλιστική απεικόνιση

Page 31: πολυμεσα παρουσιαση

Κινούμενη Εικόνα (Κινούμενη Εικόνα (animated)animated)

Frame1 Frame2 Frame3

Animated.gif

Page 32: πολυμεσα παρουσιαση

Προγράμματα Προγράμματα animationanimation

3D3D

Poser Pro 2014Poser Pro 2014Blender 2.86aBlender 2.86a

2D 2D PixtonPixton

SketchBook pro 6SketchBook pro 6FlipBook 6.86FlipBook 6.86

Page 33: πολυμεσα παρουσιαση

Μορφομετατροπή Μορφομετατροπή (morphing)(morphing)

Page 34: πολυμεσα παρουσιαση

Προγράμματα Προγράμματα MorphingMorphing

Magic MorphSuper Goo

Page 35: πολυμεσα παρουσιαση

α. Video περιεχομένου

VideoVideo

β. Video βοήθειας

ΧρήσηΧρήση

- Έμφαση σε συγκεκριμένα στοιχεία σχετικά με το θέμα

- Αναλυτική παρουσίαση πολύπλοκων διαδικασιών

- Παρουσίαση ιστορικών ντοκουμέντων και μαρτυριών

- Επεξήγηση δυσνόητων εννοιών

- Δημιουργία κατάλληλης διάθεσης

- Οδηγίες πλοήγησης και χρήσης της εφαρμογής

Page 36: πολυμεσα παρουσιαση

Ψηφιακό Ψηφιακό videovideo

VideoVideo

- Τη συχνότητα δειγματοληψίας- Τη συχνότητα δειγματοληψίας (sampling rate) (sampling rate)- Την ταχύτητα εναλλαγής των πλαισίων (- Την ταχύτητα εναλλαγής των πλαισίων (frame rate)frame rate)- Το μέγεθος των πλαισίων- Το μέγεθος των πλαισίων (frame size) (frame size)- - Το χρωματικό βάθος (Το χρωματικό βάθος (color depth)color depth)

Χαρακτηρίζεται από:

Δημιουργείται:

-Με ψηφιοποίηση αναλογικού video μέσω της κάρτας σύλληψης-Με χρήση τεχνολογίας DV

Page 37: πολυμεσα παρουσιαση

α. Χωρική (μεμονωμένα πλαίσια) πλήρως επεξεργάσιμο

Συμπίεση Συμπίεση VideoVideo

β. Χρονική (ομάδα πλαισίων) μερικώς επεξεργάσιμο

- Cinepak της Radius (*.avi)- Microsoft Video 1 (*.avi)- DV (*.avi) - M-JPEG (*.avi) - Διάφοροι συμπιεστές καρτών σύλληψης (*.avi)

- MPEG -1 (*.mpg) [VCD]- MPEG -2 (*.mpg) [SVCD – DVD]- Quick Time (*.mov)- MPEG -4 (*.avi) - Real Media (*.rm)

Page 38: πολυμεσα παρουσιαση

Adobe PhotoShopCorel PaintShop

Προγράμματα επεξεργασίας Προγράμματα επεξεργασίας εικόναςεικόνας

Προγράμματα επεξεργασίας Προγράμματα επεξεργασίας videovideo

Movie Maker

Adobe Premiere

Pinnacle Studio

Movie Maker

Page 39: πολυμεσα παρουσιαση
Page 40: πολυμεσα παρουσιαση

Adobe PremiereAdobe PremierePinnacle StudioPinnacle Studio

Page 41: πολυμεσα παρουσιαση

Υπερκείμενα, Υπερμέσα και Υπερκείμενα, Υπερμέσα και ΠολυμέσαΠολυμέσα

Γραμμική παρουσίαση πληροφοριών

Υπερκείμενο

Υπερμέσο ή πολυμέσο

Αλληλεπιδραστικότητα Σύνδεση λέξεων με άλλα κείμενα

Διασύνδεση ενεργών σημείων με πληροφορίες σε άλλες μορφές

Αλληλεπιδραστικότητα

Page 42: πολυμεσα παρουσιαση

κείμενο

κείμενο κείμενο

κείμενο

κείμενο

κείμενο

κείμενο

κείμενο

κείμενο

γραμμικήγραμμική ή σειριακήή σειριακή

ΥπερκείμενοΥπερκείμενο

Page 43: πολυμεσα παρουσιαση

Υπερμέσο (ή πολυμέσο)Υπερμέσο (ή πολυμέσο)

κείμενο

κείμενο

κείμενο

κείμενο

κείμενο

κείμενοvideo

video

video

videoήχοςήχος

ήχος

εικόνα

εικόναεικόνα

Επόμενη διαφάνεια

Page 44: πολυμεσα παρουσιαση

Οι κόμβοι είναι λέξεις, σελίδες, εικόνες, γραφικά, Οι κόμβοι είναι λέξεις, σελίδες, εικόνες, γραφικά, ήχοι ή άλλα υπερκείμεναήχοι ή άλλα υπερκείμενα

Οι σύνδεσμοι είναι μέρος πληροφορίας που Οι σύνδεσμοι είναι μέρος πληροφορίας που συνδέει δύο κόμβους ή δύο διαφορετικές συνδέει δύο κόμβους ή δύο διαφορετικές

πληροφορίες στον ίδιο κόμβοπληροφορίες στον ίδιο κόμβο

Αυτή η διαφάνεια είναι Αυτή η διαφάνεια είναι κόμβοςκόμβος

Προηγούμενη διαφάνεια

σύνδεσμο

σύνδεσμο

ςς

Page 45: πολυμεσα παρουσιαση

ΠΟΛΥΜΕΣΑΠΟΛΥΜΕΣΑ

1. Ανάλυση 2. Σχεδίαση 3. Παραγωγή4. Αξιολόγηση

Γ. Ανάπτυξη εφαρμογών Γ. Ανάπτυξη εφαρμογών πολυμέσωνπολυμέσων

Page 46: πολυμεσα παρουσιαση

- Συλλογή και προγραμματισμός συλλογής όλων των απαραίτητων πληροφοριών

- Καθορισμός των αναγκών του τελικού χρήστη

- Καθορισμός των ικανοτήτων του τελικού χρήστη

- Ανάλυση στόχων

- Ανάλυση κόστους

ΑνάλυσηΑνάλυση

Page 47: πολυμεσα παρουσιαση

- Δομή και μορφή της εφαρμογής

- Οργάνωση περιεχομένου από διδακτική άποψη

- Πλατφόρμα παράδοσης (CD-DVD-Web)

- Εργαλεία ανάπτυξης της εφαρμογής

- Μορφές δομικών στοιχείων

- Δημιουργία εγγράφου προδιαγραφών έργου

ΣχεδίασηΣχεδίαση

Page 48: πολυμεσα παρουσιαση

α. Προ-παραγωγή (pre-production)

ΠαραγωγήΠαραγωγή

- Δημιουργία ενός σκελετού χωρίς περιεχόμενο που υλοποιεί τις σχεδιαστικές αποφάσεις

β. Κύρια παραγωγή (production)- Δημιουργία ή προμήθεια των δομικών στοιχείων

- Επεξεργασία των δομικών στοιχείων

- Συγγραφή της εφαρμογής

- Συνεχείς έλεγχοι της εφαρμογής

γ. Μετα-παραγωγή (pοst-production)- Εργασίες εκσφαλμάτωσης του κώδικα της εφαρμογής (debugging)

- Δημιουργία δοκιμαστικών εκδόσεων

- Παραγωγή υποστηρικτικού υλικού (οδηγίες χρήσεως)

Page 49: πολυμεσα παρουσιαση

- Καταγραφή στοιχείων για την αποτελεσματικότητα της εφαρμογής

- Συμπεράσματα

ΑξιολόγησηΑξιολόγηση

Ανάλυση Ανάλυση ΑπαιτήσεωνΑπαιτήσεων

Και ΣχεδιασμόςΚαι ΣχεδιασμόςΔημιουργία Δημιουργία πρωτοτύπουπρωτοτύπου

ΈλεγχοςΈλεγχος

Page 50: πολυμεσα παρουσιαση

τέλοςτέλος