1 Πολυμέσα 1 ΥΠΕΥΘΥΝΟΣ: Θ. ΜΑΝΑΒΗΣ Εισαγωγή.

Παρουσίαση με θέμα: "1 Πολυμέσα 1 ΥΠΕΥΘΥΝΟΣ: Θ. ΜΑΝΑΒΗΣ Εισαγωγή."— Μεταγράφημα παρουσίασης:

1 1 Πολυμέσα 1 ΥΠΕΥΘΥΝΟΣ: Θ. ΜΑΝΑΒΗΣ tmanavis@ist.edu.gr Εισαγωγή

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

3 ΠΟΛΥΜΕΣΑ 1.Ορισμός 2.Κατηγορίες εφαρμογών πολυμέσων 3.Χαρακτηριστικά Α. Εισαγωγή στα πολυμέσα

4 Η χρήση πολλαπλών μέσων ή μορφών για την παρουσίαση πληροφορίας Τι είναι τα πολυμέσα Κείμενο, Εικόνα (ακίνητη ή κινούμενη), Ήχος, Γραφικά, Σχεδιοκίνηση (animation), Video - Μη διαδραστική - Διαδραστική (interactive)

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

6 α. Η πληροφορία έχει ψηφιακή φύση Κύρια χαρακτηριστικάπολυμέσων Κύρια χαρακτηριστικά πολυμέσων β. Έχει τη δυνατότητα της Διάδρασης (interaction) γ. Είναι συνήθως συμπιεσμένη Μια έγχρωμη εικόνα 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

7 ΠΟΛΥΜΕΣΑ 1.Κείμενο 2.Εικόνα και γραφικά 3.Ήχος 4.Σχεδιοκίνηση (animation) 5.Video B. Δομικά στοιχεία πολυμέσων

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

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

10 Εικόνα και γραφικά Δημιουργούνται από: Είδη Αποτελούνται από αντικείμενα σχεδίασης (γραμμές, ορθογώνια, ελλείψεις ή τόξα) τα οποία βασίζονται σε ειδικά μαθηματικά μοντέλα. α. Διανυσματικές εικόνες (vector graphics) - Τo Microsoft Officeσαν αντικείμενα σχεδίασης και γραφικές παραστάσεις - Τo Microsoft Office σαν αντικείμενα σχεδίασης και γραφικές παραστάσεις - Τα προγράμματα δημιουργίας και επεξεργασίας διανυσματικής εικόνας όπως το Corel Draw, το Adobe Illustrator κ.α..

11 β. Χαρτογραφικές ή ψηφιογραφικές εικόνες (bitmap graphics) Εικόνα και γραφικά -Τις ψηφιακές φωτογραφικές και εικονοληπτικές μηχανές -Την σύλληψη εικόνων από τη οθόνη του υπολογιστή -Την ψηφιοποίηση εικόνων βίντεο ή τηλεόρασης μέσω ειδικής κάρτας -Τα προγράμματα δημιουργίας και επεξεργασίας χαρτογραφικής εικόνας όπως το Photo Paint, το Paint Shop Pro, το Photoshop κ.α.. Δημιουργούνται από: Είδη Χαρακτηρίζονται από: - Την ανάλυση (resolusion) - Το χρωματικό βάθος (color depth) - Τη διάσταση(size) - Τη διάσταση (size)

12 ΟΝΟΜΑ Μορφοποίησης Επέκταση αρχείου ΠλεονεκτήματαΜειονεκτήματα Συνηθισμένη Χρήση TIFF (Tagged Image File) *.tif Ασυμπίεστη πληροφορία χωρίς απώλειες. Μεταφερσιμότητα ανάμεσα σε διάφορες πλατφόρμες υλικού και λογισμικού Μεγάλο μέγεθος αρχείου Δύσκολο στην αποθήκευση Αρχειοθέτηση ψηφιακών εικόνων με όλη την αρχική πληροφορία διαθέσιμη GIF (CompuServe Graphics Interface Format) *.gif Μικρό μέγεθος, εύκολη αποθήκευση και μεταφορά, δυνατότητα διαφάνειας Περιορισμός χρωμάτων στα 256 Εικόνες grayscale, εικόνες με διαφάνεια ή εικόνες με λίγα χρώματα JPEG (Joint Photo graphics Expert Group) *.jpg Προσφέρει «πραγματικό χρώμα» (16,8 Μ) και δυνατότητα καθορισμού του βαθμού συμπίεσης Απωλεστική συμπίεσηΠαρουσίαση εικόνων συνεχούς τόνου (πχ. φωτογραφίες) στο Web PNG (PC Paintbrush Format) *.png Συμπίεση χωρίς απώλεια. Παρόμοιο με το GIF. καλή ποιότητα εικόνας. Το μέγεθος μπορεί να εξαρτάται από το είδος της εικόνας Στο internet BMP (Standard Windows Bitmap) *.bmp Αποδίδει καλά σε εφαρμογές των Windows και του OS/2 Απώλεια πληροφορίας, δύσκολο στη διαπλα- τφορμική μεταφορά του Σε εφαρμογές των Windows και του OS/2 PSD (PhotoShop images) *.psd Διατηρεί πλήθος πληροφοριών (πχ. channels, layers, paths) για την ολοκληρωμένη επεξεργασία της εικόνας. Συμβατό μόνον με συγκεκριμένες εφαρμογές Δεν χρησιμοποιείται στο Web Ενδιάμεση φόρμα αποθήκευσης για παραπέρα επεξεργασία της εικόνας. Βασικές μορφοποιήσεις (formats) αρχείων εικόνας

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

14 Βασικές μορφοποιήσεις (formats) αρχείων ήχου ΕπέκτασηΠρότυποΠεριγραφή.rifRIFF Αναπτύχθηκε από την Microsoft και υποστηρίζει αρχεία ψηφιακού ήχου WAV και MIDI..wavWave Αποτελεί το πρότυπο αποθήκευσης ψηφιακού ήχου και είναι υποσύνολο του πρότυπου RIFF. (Lossless).midMIDI Διεθνές πρότυπο για την αποθήκευση μουσικών αρχείων MIDI..aifAIFF Δημιουργήθηκε από την Apple αλλά χρησιμοποιείται σε όλες τις πλατφόρμες. Υποστηρίζει δειγματοληψία 32 bit. (Lossless).rmiRMI Αναπτύχθηκε από την Microsoft για αρχεία MIDI..mp3MPEG-layer 3 Πρότυπο συμπιεσμένων αρχείων ήχου. Χρησιμοποιείται κυρίως για τη διακίνηση αρχείων μουσικής στο διαδίκτυο..wmaWMA Windows Media Audio. Αναπτύχθηκε από την Microsoft με στόχο την υποστήριξη απωλεστικής συμπίεσης..raReal Audio Προορίζεται για την άμεση αναπαραγωγή ήχων μέσω του διαδικτύου.

15 α. Σχεδιοκίνηση περιεχομένου Σχεδιοκίνηση (animation) β. Σχεδιοκίνηση περιβάλλοντος Χρήση - Προσομοίωση διαδικασιών ή μοντέλων - Παιχνίδια, ταινίες - Δημιουργία αίσθησης χρονικής αλληλουχίας - Εργαλεία πλοήγησης και κατεύθυνσης

16 α. Σχεδιοκίνηση δύο διαστάσεων Σχεδιοκίνηση (animation) β. Σχεδιοκίνηση τριών διαστάσεων Τύποι Τεχνικές - Με αλληλουχία εικόνων - Με παρένθεση πλαισίων σε διαδρομή (in betweening) Στάδια - Μοντελοποίηση - Χαρτογράφηση υφών - Φωτισμός - Φωτορεαλιστική απεικόνιση

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

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

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

20 20 Σχεδιασμός περιβάλλοντος διεπαφής (user interface) Στόχοι –Σωστή εμφάνιση περιεχομένου –Καθοδήγηση του χρήστη στην πλοήγηση του

21 21 Σχεδιασμός περιβάλλοντος διεπαφής Βασικοί κανόνες παρουσίασης του περιεχομένου –Κρατήστε την κάθε οθόνη όσο πιο απλή μπορείτε,καθαρή όσον αφορά το περιεχόμενο του μηνύματος και φιλική στο χρήστη –Διατηρήστε την ισορροπία στην οθόνη –Μη βομβαρδίζετε τον χρήστη με αποσπασματικές πληροφορίες.Η σωστή προσέγγιση είναι η ενδυνάμωση ενός απλού μηνύματος

22 22 Σχεδιασμός περιβάλλοντος διεπαφής –Επικοινωνήστε με ένα ευρύ πεδίο χρηστών, χρησιμοποιήστε συνδυασμούς από διαφορετικούς τρόπους μάθησης –Για να πετύχετε μεγαλύτερη διεισδυτικότητα στη μνήμη του χρήστη θα πρέπει να χρησιμοποιείτε έννοιες με καθαρά νοήματα –Συνοψίζοντας τα πιο σημαντικά σημεία ή θέτοντας ασκήσεις πρακτικής εξάσκησης στο χρήστη,τον αναγκάζετε να μεταφέρει τις πληροφορίες από τη μνήμη λειτουργίας στη μνήμη μακράς διαρκείας

23 23 Σχεδιασμός περιβάλλοντος διεπαφής –Πετυχαίνετε κωδικοποίηση της πληροφορίας δίνοντας στο χρήστη ασκήσεις εξομοίωσης πραγματικών συνθηκών –Σε μια σωστή εφαρμογή οι χρήστες θα ζητούν βοήθεια μόνο σε ορισμένες στιγμές.Σχεδιάστε τη βοήθεια γι‘αυτές τις περιπτώσεις –Ενότητα στο ύφος πρέπει να υπάρχει αφενός μεταξύ των πολυμεσικών στοιχείων που αποτελούν μια οθόνη και αφετέρου μεταξύ των διαφόρων οθονών

24 24 Σχεδιασμός περιβάλλοντος διεπαφής Η ρύθμιση της πλοήγησης –Διαφορετικός τρόπος προσανατολισμού του χρήστη –Χαρακτηριστικά είδη πλοήγησης –Απλές οθόνες –Γραμμική διαδοχή οθονών –Γραμμική διαδοχή με άλματα –Δενδροειδής δομή οθονών –Δικτυακή (μη γραμμική) δομή οθονών

25 Πηγές Multimedia: making it work, Tay Vaughan, 6 th edition Γεωπονικό πανεπιστήμιο Αθηνών