Ανάλυση και Σχεδίαση Εφαρµογών Πολυµέσων ρ. Μαγκλογιάννης Ηλίας Πανεπιστήµιο Αιγαίου Τµήµα Πληροφοριακών και Επικοινωνιακών Συστηµάτων Εισαγωγή στην Ανάλυση Αρχικοποίηση Θεµατικό Περιεχόµενο Κοινό Χρήστες Μέσα που θα χρησιµοποιηθούν για την παρουσίαση του περιεχοµένου Εκτίµηση κόστους ανάπτυξης Προσδιορισµός µεγέθους επένδυσης Καθορισµό εσόδων από πωλήσεις Ανταγωνιστικά προϊόντα Χρονικό διάστηµα απόσβεσης ιαµόρφωση πλάνου εργασίας Φάσεις Πόροι Χρονοπρογραµµατισµός Ανάλυση απαιτήσεων Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 2
Πλάνο ανάπτυξη; Φάσεις Τίτλος Στόχος Μέθοδοι Στάδια Αποτελέσµατα Χρονοπρογραµµατισµός ιαγράµµατα Gantt ιαγράµµατα Pert Ορόσηµα Πόροι Προσωπικό Εξοπλισµός Αναλώσιµα ικαιώµατα χρήσης υλικού - περιεχοµένου Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 3 Ανάλυση Απαιτήσεων Επιλογή πηγών Συλλογή Πληροφοριών Καθορισµός προδιαγραφών Μέθοδοι συλλογής πληροφοριών ιεξαγωγή συνεντεύξεων Συµπλήρωση ερωτηµατολογίων Παρατήρηση Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 4
Σχεδίαση Εφαρµογής Καταγραφή αρχικών ιδεών Κατηγοριοποίηση περιεχοµένου Επιλογή µοντέλου πλοήγησης Επιλογή στοιχείων πολυµέσων Σχεδίαση διεπαφής Καταγραφή αρχικών ιδεών Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 5 Επιλογή Περιεχοµένου Στοιχεία που επηρεάζουν την ποιότητα του περιεχοµένου Βάθος Εύρος Καταλληλότητα Κατηγοριοποίηση Περιεχοµένου Αναγωγική Επαγωγική Υβριδική Παράδειγµα Τουριστικός Οδηγός Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 6
Γραµµική ενδροειδής οµή Γράφου Υβριδική οµή οµές Πλοήγησης Σενάρια Πλοήγησης ιαγράµµατα Ροής ιεπαφή Χρήστη ιάταξη Οθόνης Ισορροπία Σωστές Αναλογίες Απλότητα Συνοχή Χρήση του χρώµατος Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 7 Σχήµα πλοήγησης Σελίδα 1 Index Guided Tour contents link Σελίδα 2 Περιεχόµενα link contents link contents Σελίδα κ... embedded link refresh επιστροφή Κύρια Σελίδα ΕΛ contents link Τελευταία σελίδα... Η τεχνική των διαγραµµάτων διευκολύνει τη συντήρηση των ψηφίδων, που είναι ένα από βασικό πρόβληµα όλων των υπερµεσικών εφαρµογών. H τεχνική υιοθετήθηκε από [Diana & Schaik 1993].
Χρήση του χρώµατος για τη µετάδοση εννοιών Μέγεθος Μεγάλο : Κορεσµένα και φωτεινά χρώµατα Μικρό : Ακόρεστα και σκούρα χρώµατα Ίσο : Χρώµατα ίδιου κορεσµού και φωτεινότητας Βάρος Μεγάλο : Κορεσµένα και σκούρα χρώµατα Μικρό : Ακόρεστα και φωτεινά χρώµατα Απόσταση Βάθος : Κορεσµένα και σκούρα χρώµατα Εγγύτητα : Κορεσµένα και φωτεινά χρώµατα Ύψος : Ακόρεστα και φωτεινά χρώµατα Χρωµατικές συµβάσεις Κόκκινο (κίνδυνος, παύση, θερµό), γαλάζιο (νερό, ανοικτό, κρύο), πράσινο (έτοιµο, έναρξη, ασφαλές), κίτρινο (προειδοποίηση). Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 9 Χρώµα και έννοια. Μεγάλο βαρύ Μακριά Μικρό Ελαφρύ κοντά Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 10
Χρώµα και έννοια. Κίνδυνος Στάση/ Παύση Θερµό ενεργό Έτοιµο Έναρξη Χωρίς προβλήµατα Ασφαλές Οικολογικά φιλικό Νερό Θάλασσα Ουρανός Κρύο Προειδοποίηση Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 11 Επιλογή χρωµάτων Να γίνεται περιορισµένη κατά το δυνατό η χρήση συµπληρωµατικών χρωµάτων όπως κόκκινο µε πράσινο κτλ. ηµιουργούν επιµέρους τρεµοπαίγµατα στην οθόνη. Κατ αρχήν επιλέγετε το χρώµα φόντου. Φροντίζετε να είναι απαλό φωτεινό χρώµα. ιαδοχικά επιλέγετε χρώµα για τις µεγαλύτερες περιοχέ&ςκαι ακόλουθα για τις µικρότερες. Περιορίστε το πλήθος των χρωµάτων σε δύο τρία το πολύ. ώστε ζωηρά χρώµατα για το παρασκήνιο. Τα πιο οικία χρώµατα είναι τα χρώµατα της φύσης. Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 12
Σηµείο Εκκίνησης ιάγραµµαροής Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 13 Σχεδίαση ιεπαφής Οπτικό Βάρος Αν χωρίσουµε την οθόνη σε εννέα κοµµάτια και βάλουµε στο καθένα ίσου οπτικού βάρους αντικείµενα τότε θα έχουµε µια ισορροπηµένη οθόνη όπως αυτή της Αγροτικής Τράπεζας. Η οθόνη της Εθνικής Τράπεζας χρησιµοποιεί πολλά αντικείµενα µικρού οπτικού βάρους για να ισορροπήσει ένα αντικείµενο µεγάλου οπτικού βάρους. Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 14
ιεπαφή µε στόχο την αναγνώριση Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 15 Εικονοχάρτης Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 16
Ισορροπία Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 17 Πλοηγητική Αλληγορία Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 18
Αρχές Παρουσίασης Περιεχοµένου Εργονοµία στην εµφάνιση και πλοήγηση Συνέπεια Στη µορφή των χειριστηρίων Στη θέση τους Στον τρόπο λειτουργίας τους Παροχή ανάδρασης στο χρήστη Πληροφόρηση σχετικά µε λειτουργίες Τήρηση συµβάσεων λειτουργικού συστήµατος Παροχή βοήθειας Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 19 Επαναληπτική µεθοδολογία σχεδίασης Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 20
Υλοποίηση Εφαρµογής ηµιουργία του κώδικα της εφαρµογής Συγκέντρωση του υλικού Ποιοτικός έλεγχος Παραδοτέα Η εφαρµογή Εγχειρίδιο χρήσης Προγραµµατιστικά εγχειρίδια Συνοδευτικό έντυπο υλικό Ολοκλήρωση και ιανοµή Κλείδωµα εφαρµογής (λογισµικό υλικό) Προστασία δεδοµένων Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 21 Σχεδίαση διαπροσωπείας-μήτρες οθονών
Τύποι Επικοινωνίας Ανθρώπου & Η/Υ - Ι Μέσω µενού Υπέρ: Λιγότερο training Λιγότερη πληκτρολόγηση όµηση Κατά: Πιάνει χώρο Κίνδυνος πολλών µενού Όχι καλό για συχνούς χρήστες Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 23 Τύποι Επικοινωνίας Ανθρώπου & Η/Υ - ΙI Μέσω συµπλήρωσης ειδικών φορµών Υπέρ: Απλοποίηση εισαγωγής δεδοµένων Λίγο training Παρουσίαση σχετικού context Κατά: Πιάνει χώρο Απαιτεί ικανότητες πληκτρολόγησης Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 24
Τύποι Επικοινωνίας Ανθρώπου & Η/Υ - ΙII Μέσω εντολών Υπέρ: Κατάλληλος για έµπειρους χρήστες (ανάληψη πρωτοβουλίας) Ευέλικτος (ειδικά για πολύπλοκες διαδικασίες) Κατά: Απαιτεί training και αποµνηµόνευση Φτωχό error handling Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 25 Τύποι Επικοινωνίας Ανθρώπου & Η/Υ - ΙV Μέσω φυσικής γλώσσας Υπέρ: Απαλλαγή από την εκµάθηση της σύνταξης µιας γλώσσας (περίπτωση εντολών) Κατά: Συχνά απρόβλεπτος Συχνά απαιτεί διάλογο για διευκρινίσεις Συχνά απαιτεί αρκετή πληκτρολόγηση Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 26
Παράγοντες Επιλογής Τύπου Επικοινωνίας Μέσα ιαφορετικοί χρήστες προτιµούν διαφορετικούς συνδυασµούς µέσων σε ένα interface Παροχή βοήθειας Ο βαθµός βοήθειας που απαιτείται από κάποιον χρήστη (για να αντιδράσει κατάλληλα) ποικίλει ανάλογα µε την εµπειρία του στο θέµα και σε ανάλογα προγράµµατα Ειδικές ανάγκες Χρήστες µε ειδικές ανάγκες πιθανά να απαιτούν συγκεκριµένες µορφές ή τροποποιήσεις σε κάποιο interface Καταλληλότητα Η επιλογή των παραδειγµάτων πρέπει να γίνεται µε βάση την εµπειρία και τις ανάγκες των χρηστών. Αν υπάρχουν σηµαντικές διαφορές στους τύπους των χρηστών, πρέπει να παρέχεται και η ανάλογη ποικιλία παραδειγµάτων Πολυµέσα - Μάθηµα ΣΤ Εξαµήνου 27