Δημιουργία πολυμέσων Γιώργος Τζιρίτας Τμήμα Επιστήμης Υπολογιστών http://www.csd.uoc.gr/~tziritas 1
Παραγωγή πολυμέσων Παραγωγός Διαχειριστής έργου Καλλιτεχνικός διευθυντής Σεναριογράφος Γραφίστας Εικονολήπτης Σχεδιαστής κίνησης Χειριστής ήχων Σχεδιαστής διεπαφής χρήστη Προγραμματιστής 2
Πολυμεσική παρουσίαση Περιεχόμενο Χωρική κατάστρωση Χρονική ρύθμιση Σύνδεσμοι 3
Μοντέλο πολυμέσων Στοιχειώδες μέσο κείμενο, εικόνα, βίντεο, σχεδιοκίνηση, ήχος Συμβάν Σύνθετο αντικείμενο Διαδρομή Περιορισμοί Μετάβαση Στοιχεία πλοήγησης 4
Παράδειγμα βασισμένο στη δομή Ιεραρχική δομή Έμφαση στην αφηγηματική δομή Χρήση μενού Από τη δομή προκύπτουν οι χρόνοι Ορίζονται περιορισμοί για συγχρονισμό Δύσκολη η αίσθηση της χρονικής ρύθμισης Δυνατοί οι σύνδεσμοι μεταξύ των δομών Απαιτείται σημαντική προεργασία 5
Παράδειγμα βασισμένο στη χρονική γραμμή Οργάνωση με βάση τον άξονα του χρόνου Στο χρονικό άξονα παριστάνονται οι ιδιότητες Ο συγχρονισμός είναι εμφανής Δύσκολη η αίσθηση της χωρικής διάταξης μέσα στο χρόνο Οι σύνδεσμοι δημιουργούνται από το σενάριο Δυσκολία πλοήγησης σε μακρές παρουσιάσεις 6
Παράδειγμα βασισμένο σε διάγραμμα ροής Μεγάλες δυνατότητες εντολών αλληλεπίδρασης Υπάρχει δυνατότητα ομαδοποίησης συμβάντων Δυσκολία προεπισκόπησης Δυσκολία ρύθμισης του χρόνου Δυσκολία συγχρονισμού Οι σύνδεσμοι δίδονται μέσω εντολών Έμφαση στη σειρά εκτέλεσης 7
Παράδειγμα βασισμένο στον προγραμματισμό Ομοιότητα με διάγραμμα ροής Μεγάλες δυνατότητες εντολών αλληλεπίδρασης Δυσκολία αντίληψης της δομής Το πρόγραμμα μπορεί να δείχνει την αφηγηματική δομή Δυνατότητα οπτικοποίησης χρονικών και χωρικών ρυθμίσεων 8
Σύνδεσμοι Άγκυρα πηγής Σχέσεις πηγής Μετάβαση Άγκυρα προορισμού Σχέσεις προορισμού Δομή Ναι Ναι Ναι Ναι Ναι Χρόνος Στίγμα Όλα τα συμβάντα στη γραμμή του χρόνου Ναι Όχι Όλα τα συμβάντα στη γραμμή του χρόνου Διάγραμμα ροής / πρόγραμμα Στίγμα Σαφής απαλοιφή στοιχείων Ναι Όχι Σαφής εμφάνιση νέων στοιχείων 9
Σύγκριση παραδειγμάτων 10
Adobe Director Κατά το παράδειγμα της χρονικής γραμμής To Adobe Director είναι ένα πρόγραμμα με σκοπό να δημιουργήσει αυτοδύναμες εφαρμογές. Μπορεί επίσης να χρησιμοποιηθεί για τη δημιουργία περιεχομένου στον Ιστό στη μορφή Shockwave. Η διεπαφή Director μεταφορικά αναφέρεται στο σκηνοθέτη για τον κινηματογράφο. Τα μέσα αποτελούν το Cast, που αλληλεπιδρούν σε μια σκηνή, και ο σχεδιαστής πολυμέσων γίνεται σκηνοθέτης. Δημιουργείται με αυτό τον τρόπο μια «ταινία». Όπως στις κινηματογραφημένες ταινίες, οι ταινίες Director μπορούν να περιέχουν σχεδιοκίνηση, ήχο, ειδικά εφέ και βίντεο. Έχουν επιπρόσθετα δυνατότητες αλληλεπίδρασης. Τα στοιχεία κάθε ταινίας προσδιορίζονται από χαρακτηριστικά που ορίζει ο σκηνοθέτης. 11
Adobe Director workspace Χώρος εργασίας του σκηνοθέτη (Director): Stage, όπου λαμβάνει χώρα η ταινία και αντιστοιχεί στην οθόνη προβολής Cast, όπου υπάρχουν όλα τα μέσα: κείμενο, εικόνα, ήχος, βίντεο Score, όπου γίνεται η μίξη Control Panel, για τον έλεγχο της ταινίας Score (πίνακας περιγραφής) Κανάλια (γραμμές) χρονικές αλλαγές οπτική σκηνή Πλαίσια (στήλες) στιγμιότυπα 12
Adobe Director : sprites Εντύπωση (sprite): καθορίζει πού, πώς και πότε εμφανίζεται στη σκηνή και στην παρουσίαση ένα μέσο. Προσδίδοντας στην εντύπωση του μέσου μια «συμπεριφορά» καθίσταται διαδραστικό. Υπάρχουν προκαθορισμένες και προγραμματιζόμενες συμπεριφορές, γραμμένες σε κάθε περίπτωση στη γλώσσα Lingo. 13
Adobe Director : Lingo Προσθέτει διαδραστικότα στην παρουσίαση. Παρέχει μεγαλύτερη ευελιξία στον έλεγχο της παρουσίασης. Οι συμπεριφορές είναι προκαθορισμένα σύνολα εντολών Lingo. εντολές ιδιότητες συναρτήσεις συμβάντα λέξεις-κλειδιά σταθερές τελεστές Συμπεριφορά Παρουσίαση Γενεαλογία Στοιχειώδη μέσα 14
Adobe Animate Κατά το παράδειγμα της χρονικής γραμμής Προσανατολίζεται για παρουσιάσεις στον Παγκόσμιο Ιστό. Παρέχει δυνατότητες σχεδιοκίνησης και διαδραστικότητας. Χειρίζεται διανυσματική γραφική και ψηφιακές εικόνες. Επιτρέπει μετάδοση βίντεο. Περιλαμβάνει μια γλώσσα προγραμματισμού (ActionScript) Συμμόρφωση με HTML5, SVG Symbols (εικόνες, γραφικά, βίντεο, ήχος), Library, Timeline, Tools 15
Adobe Animate : ActionScript Basic Actions : Goto, Play, Stop, Tell Target Actions προγραμματιστικές κατασκευές Operators Functions Properties Objects 16
Adobe Authorware Δημιουργία εκπαιδευτικών πολυμέσων Κατά το παράδειγμα του διαγράμματος ροής Ροή : ακολουθίες από συμβάντα Οργάνωση σε επίπεδα του διαγράμματος ροής Μεγάλες δυνατότητες σε συνδέσμους 17
Εργαλεία δημιουργίας και επεξεργασίας περιεχομένου Οπτικό περιεχόμενο Adobe Photoshop, Adobe Illustrator, Adobe Fireworks Adobe Premiere, Adobe After Effects, CyberLink PowerDirector Ακουστικό περιεχόμενο Adobe Audition, Sound Forge, Pro Tools Steinberg Cubase 18