Διδάσκων: Χρήστος Κατσάνος Πανεπιστημιακό κέντρο εκπαίδευσης επιμορφωτών Δυτικής Ελλάδας Πανεπιστήμιο Πατρών, ΤΕΕΑΠΗ - Πανεπιστήμιο Πελοποννήσου, ΤΚΕΠ Εκπαίδευση Επιμορφωτών Β΄Επιπέδου Ενότητα 3.2.0 Εισαγωγή στα Πολυμέσα Διδάσκων: Χρήστος Κατσάνος ckatsanos@ece.upatras.gr

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

Εισαγωγη στα πολυμεσα

Ορισμός του όρου: Πολυμέσα (MultiMedia) Η χρήση πολλαπλών μέσων ή μορφών για την παρουσίαση πληροφορίας: Κείμενο Γραφικά Ακίνητη εικόνα Κινούμενη εικόνα (animation) Ήχος Βίντεο Πολυμεσικές εφαρμογές (ή Πολυμέσα) Ελέγχονται από υπολογιστή Είναι ολοκληρωμένα (integrated) Η πληροφορία είναι σε ψηφιακή μορφή 1.Πρέπει να ελέγχονται από υπολογιστή = Δηλαδή η παρουσίαση της πληροφορίας γίνεται μέσω του υπολογιστή και ελέγχεται από αυτόν. 2. Είναι ολοκληρωμένα (integrated) = Η ολοκλήρωση υπονοεί ότι ο αριθμός των υποσυστημάτων είναι κατά το δυνατόν ελάχιστος και ενσωματωμένος στον υπολογιστή. 3. Η πληροφορία πρέπει να είναι σε ψηφιακή μορφή. = Το χαρακτηριστικό αυτό είναι απόρροια της απαίτησης για έλεγχο και παρουσίαση μέσω υπολογιστή.

Ας δούμε ένα παράδειγμα! 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

Παράδειγμα 96 pixels per inch = 96px / 2.54 = 37.79 px per cm 1024px / 37.79 px per cm = 27cm Μια έγχρωμη εικόνα 1024Χ768 pixels (27cmX20cm στα 96ppi) με βάθος χρώματος 24 bit καταλαμβάνει 2,25MByte Με τι αλγόριθμο συμπίεσης?

Αρχεία Εικόνας ΟΝΟΜΑ Μορφοποίησης Επέκταση αρχείου Πλεονεκτήματα Μειονεκτήματα Συνηθισμένη Χρήση 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 KB 50% Compression 46 KB

GIF Transparency (διαφάνεια) Διάφανο Φόντο Λευκό Φόντο

Εικόνα – Διανυσματική Αποτελείται από γεωμετρικά σχήματα Γραμμές, Καμπύλες κλπ Κύρια Χαρακτηριστικά Διαστάσεις Μικρά μεγέθη Έλλειψη Φωτορεαλισμού Επεκτάσεις Αρχείων ΑΗ, DXF, CDR, EPS, WNF

Κινούμενη Εικόνα (animated) Frame3 Frame1 Frame2 Animated.gif

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

Βασικά Αρχεία Ήχου Επέκταση Πρότυπο Περιγραφή .wav Wave .mid MIDI .mp3 Αποτελεί το πρότυπο αποθήκευσης ψηφιακού ήχου και είναι υποσύνολο του πρότυπου RIFF. .mid MIDI Διεθνές πρότυπο για την αποθήκευση μουσικών αρχείων MIDI. .mp3 MPEG-layer 3 Πρότυπο συμπιεσμένων αρχείων ήχου. Χρησιμοποιείται κυρίως για τη διακίνηση αρχείων μουσικής στο διαδίκτυο. .wma WMA Windows Media Audio. Αναπτύχθηκε από την Microsoft με στόχο την υποστήριξη απωλεστικής συμπίεσης. .ra Real Audio Προορίζεται για την άμεση αναπαραγωγή ήχων μέσω του διαδικτύου.

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

Βίντεο: Δημιουργία & Χαρακτηριστικά Δημιουργία Βίντεο Χρήση κατάλληλων συσκευών (ψηφιακή βιντεοκάμερα, webcam κλπ) Με ψηφιοποίηση αναλογικού video (μέσω κατάλληλης κάρτας) Βασικά Χαρακτηριστικά Συχνότητα δειγματοληψίας (sampling rate) Ταχύτητα εναλλαγής των πλαισίων (frame rate) Μέγεθος των πλαισίων (frame size) Χρωματικό βάθος (color depth) Η συχνότητα δειγματοληψίας καθορίζει τον αριθμό των δειγμάτων (pixels) σε ένα δευτερόλεπτο Το μέγεθος δειγματοληψίας είναι ο αριθμός των bits που χρησιμοποιούνται για την αποθήκευση κάθε δείγματος του αναλογικού σήματος

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

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

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

Σχεδιασμός Μετασχηματισμός απαιτήσεων Χάρτης πλοήγησης Διάγραμμα ροής Πρωτότυπο διεπαφής Χρονοπρογραμματισμός έργου Ομάδα έργου Προδιαγραφές των μέσων Δομή της εφαρμογής Έλεγχος πορείας έργου

Ανάπτυξη Συλλογή Υλικού (φωτογραφίες, ήχοι κλπ) Ψηφιοποίηση υλικού (αν χρειάζεται) Ενσωμάτωση πολυμέσων με τη βοήθεια κάποιου εργαλείου ή γλώσσας προγραμματισμού Δημιουργία της εφαρμογής με βάση την σχεδίαση

Έλεγχος (ή Αξιολόγηση) Ανάλυση Απαιτήσεων Και Σχεδιασμός Δημιουργία πρωτοτύπου Δημιουργία της εφαρμογής με βάση την σχεδίαση Έλεγχος

Διανομή Εγγραφή είτε σε οπτικό δίσκο είτε μεταφορά στον server για διαδικτυακή διάθεση Αντίγραφα ασφαλείας Γράφεται εγχειρίδιο χρήστη (εγκατάσταση, χρήση) Δημιουργία της εφαρμογής με βάση την σχεδίαση