300 likes | 421 Views
Πανεπιστημιακό κέντρο εκπαίδευσης επιμορφωτών Δυτικής Ελλάδας Πανεπιστήμιο Πατρών, ΤΕΕΑΠΗ - Πανεπιστήμιο Πελοποννήσου, ΤΚΕΠ Εκπαίδευση Επιμορφωτών Β΄ Επιπέδου. Ενότητα 3. 2.0 Εισαγωγή στα Πολυμέσα Διδάσκων : Χρήστος Κατσάνος ckatsanos @e c e. upatras . gr. Οργάνωση της ενότητας 3.2.
E N D
Πανεπιστημιακό κέντρο εκπαίδευσης επιμορφωτών Δυτικής ΕλλάδαςΠανεπιστήμιο Πατρών, ΤΕΕΑΠΗ - Πανεπιστήμιο Πελοποννήσου, ΤΚΕΠΕκπαίδευση Επιμορφωτών Β΄Επιπέδου • Ενότητα 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
Παράδειγμα 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 Με τι αλγόριθμο συμπίεσης?
GIF Transparency (διαφάνεια) Διάφανο Φόντο Λευκό Φόντο
Εικόνα – Διανυσματική • Αποτελείται από γεωμετρικά σχήματα • Γραμμές, Καμπύλες κλπ • Κύρια Χαρακτηριστικά • Διαστάσεις • Μικρά μεγέθη • Έλλειψη Φωτορεαλισμού • Επεκτάσεις Αρχείων • ΑΗ, DXF, CDR, EPS, WNF
Κινούμενη Εικόνα (animated) Frame3 Frame1 Frame2 Animated.gif
Ήχος • Ήχος περιεχομένου • Αφηγήσεις για γεγονότα ή περιστατικά σχετικά με το θέμα • Μαρτυρίες (Ιστορικό Ντοκουμέντο – Απαγγελία ενός ποιήματος) • Εκφωνήσεις περιεχομένων εφαρμογής – οδηγίες πλοήγησης – Επεξηγήσεις • Ήχος περιβάλλοντος • Ενίσχυση του μηνύματος (αέρας – φωνές ζώων) • Μουσική επένδυση • Ηχητικά εφέ
Βίντεο • Βίντεο περιεχομένου • Έμφαση σε συγκεκριμένα στοιχεία σχετικά με το θέμα • Αναλυτική παρουσίαση πολύπλοκων διαδικασιών • Παρουσίαση ιστορικών ντοκουμέντων και μαρτυριών • Επεξήγηση δυσνόητων εννοιών • Δημιουργία κατάλληλης διάθεσης • Βίντεο βοήθειας (video tutorial) • Οδηγίες πλοήγησης και χρήσης της εφαρμογής
Βίντεο: Δημιουργία & Χαρακτηριστικά • Δημιουργία Βίντεο • Χρήση κατάλληλων συσκευών (ψηφιακή βιντεοκάμερα, webcam κλπ) • Με ψηφιοποίηση αναλογικού video (μέσω κατάλληλης κάρτας) • Βασικά Χαρακτηριστικά • Συχνότητα δειγματοληψίας (sampling rate) • Ταχύτητα εναλλαγής των πλαισίων (frame rate) • Μέγεθος των πλαισίων (frame size) • Χρωματικό βάθος (color depth)
Συμπίεση 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 για διαδικτυακή διάθεση • Αντίγραφα ασφαλείας • Γράφεται εγχειρίδιο χρήστη (εγκατάσταση, χρήση)