Πανεπιστημιακό κέντρο εκπαίδευσης επιμορφωτών Δυτικής ΕλλάδαςΠανεπιστήμιο Πατρών, ΤΕΕΑΠΗ - Πανεπιστήμιο Πελοποννήσου, ΤΚΕΠ

Εκπαίδευση Επιμορφωτών Β΄Επιπέδου

Ενότητα 3.2.0 Εισαγωγή στα Πολυμέσα

Διδάσκων: Χρήστος Κατσάνος

ckatsanos@ece.upatras.gr

Οργάνωση της ενότητας 3.2

Εισαγωγή στον κόσμο των πολυμέσωνΟρισμός & χρήσηΔομικά στοιχείαΕργαλεία δημιουργίας πολυμεσικών εφαρμογών

Ανάλυση-Σχεδίαση εφαρμογών πολυμέσων

Δημιουργία εφαρμογών πολυμέσωνΥλοποίηση σεναρίων με χρήση Powerpoint

ΕΙΣΑΓΩΓΗ ΣΤΑ ΠΟΛΥΜΕΣΑ

Ορισμός του όρου: Πολυμέσα (MultiMedia)

Η χρήση πολλαπλών μέσων ή μορφών για την παρουσίαση πληροφορίας: Κείμενο Γραφικά Ακίνητη εικόνα Κινούμενη εικόνα (animation) Ήχος Βίντεο

Πολυμεσικές εφαρμογές (ή Πολυμέσα) Ελέγχονται από υπολογιστή Είναι ολοκληρωμένα (integrated) Η πληροφορία είναι σε ψηφιακή μορφή

Ας δούμε ένα παράδειγμα!

http://www.e-yliko.sch.gr

Κατηγορίες Πολυμέσων Ανάλογα με τον τρόπο διανομής

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

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

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

Είναι αλληλεπιδραστική

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

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

ΔΟΜΙΚΑ ΣΤΟΙΧΕΙΑ ΠΟΛΥΜΕΣΩΝ

Κείμενο Κείμενο περιεχομένου

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

Εισαγωγή με πληκτρολόγηση ή σάρωση κειμένου

Κείμενο ΠεριβάλλοντοςΤίτλοι, Κουμπιά πλοήγησης, Μενού επιλογών

Υπερκείμενο και Υπερμέσα Υπερκείμενο

Μη-γραμμικόΔίκτυο από κόμβους &

συνδέσμους Οι σύνδεσμοι είναι

προσαρτημένοι σε λέξεις

Μιλάμε πλέον για Υπερμέσα

Πολυμέσα στο Διαδίκτυο Adobe Flash

Java applets

Video, Streaming Video

Ήχος

Άλλα Plugins

Εικόνα – Ψηφιογραφική Πίνακας Εικονοστοχείων (bitmap)

Κύρια ΧαρακτηριστικάΔιαστάσεις, Ανάλυση (ppi), Βάθος

χρώματος,

ΠηγέςΈτοιμες συλλογές, Ψηφιακή

φωτογραφική, Σάρωση, Screenshot

Επεκτάσεις ΑρχείωνJPG, BMP, GIF, TIF

Παράδειγμα

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

96 pixels per inch = 96px / 2.54 = 37.79 px per cm

1024px / 37.79 px per cm = 27cm

Με τι αλγόριθμο συμπίεσης?

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

Επέκταση αρχείου Πλεονεκτήματα Μειονεκτήματα Συνηθισμένη Χρήση

TIFF(Tagged Image File)

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

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

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

GIF(CompuServe

Graphics Interface Format)

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

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

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

JPEG(Joint Photo graphics

Expert Group)

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

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

BMP(Standard Windows

Bitmap)

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

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

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

PSD(PhotoShop images)

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

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

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

Αρχεία Εικόνας

JPEG ΣυμπίεσηNo Compression

167 KB50%

Compression46 KB

99% Compression

9 KB

GIF Transparency (διαφάνεια)

Διάφανο Φόντο Λευκό Φόντο

Εικόνα – Διανυσματική Αποτελείται από γεωμετρικά σχήματα

Γραμμές, Καμπύλες κλπ

Κύρια ΧαρακτηριστικάΔιαστάσειςΜικρά μεγέθηΈλλειψη Φωτορεαλισμού

Επεκτάσεις ΑρχείωνΑΗ, DXF, CDR, EPS, WNF

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

Frame1 Frame2 Frame3

Animated.gif

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

Αφηγήσεις για γεγονότα ή περιστατικά σχετικά με το θέμαΜαρτυρίες (Ιστορικό Ντοκουμέντο – Απαγγελία ενός

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

πλοήγησης – Επεξηγήσεις

Ήχος περιβάλλοντοςΕνίσχυση του μηνύματος (αέρας – φωνές ζώων)Μουσική επένδυσηΗχητικά εφέ

Βασικά Αρχεία ΉχουΕπέκταση Πρότυπο Περιγραφή

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

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

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

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

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

Βίντεο Βίντεο περιεχομένου

Έμφαση σε συγκεκριμένα στοιχεία σχετικά με το θέμαΑναλυτική παρουσίαση πολύπλοκων διαδικασιώνΠαρουσίαση ιστορικών ντοκουμέντων και μαρτυριώνΕπεξήγηση δυσνόητων εννοιών Δημιουργία κατάλληλης διάθεσης

Βίντεο βοήθειας (video tutorial)Οδηγίες πλοήγησης και χρήσης της εφαρμογής

Βίντεο: Δημιουργία & Χαρακτηριστικά Δημιουργία Βίντεο

Χρήση κατάλληλων συσκευών (ψηφιακή βιντεοκάμερα, webcam κλπ)

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

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

Χωρική (μεμονωμένα πλαίσια)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)

Συμπίεση Video

ΑΝΑΠΤΥΞΗ ΕΦΑΡΜΟΓΩΝ ΠΟΛΥΜΕΣΩΝ

Ανάλυση Σχεδίαση Ανάπτυξη

ΈλεγχοςΔιανομή

Ανάλυση Προγραμματισμός και Συλλογή απαραίτητων

πληροφοριών

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

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

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

Δημιουργία ομάδων εργασιών

Σχεδιασμός Μετασχηματισμός απαιτήσεων

Χάρτης πλοήγησης

Διάγραμμα ροής

Πρωτότυπο διεπαφής

Ανάπτυξη

Συλλογή Υλικού (φωτογραφίες, ήχοι κλπ)

Ψηφιοποίηση υλικού (αν χρειάζεται)

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

Έλεγχος (ή Αξιολόγηση)

Ανάλυση ΑπαιτήσεωνΚαι ΣχεδιασμόςΔημιουργία

πρωτοτύπου

Έλεγχος

Διανομή

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

Αντίγραφα ασφαλείας

Γράφεται εγχειρίδιο χρήστη (εγκατάσταση, χρήση)