HY-302 Διδακτική της Πληροφορικής

1. HY-302Διδακτική της Πληροφορικής Μελέτη του σχολικού βιβλίου ΠΟΛΥΜΕΣΑ-ΔΙΚΤΥΑ Παρουσίαση: Γερακάκη Μαρία Λαζάρου Βασιλική

2. Γενικές Πληροφορίες • Μάθημα Επιλογής της Δευτεροβάθμιας Εκπαίδευσης Τεχνολογικής Κατεύθυνσης • Διδασκαλία (2 ώρες/εβδομάδα)

3. ΠΟΛΥΜΕΣΑ • Ο κόσμος των πολυμέσων • Εισαγωγή στα πολυμέσα • Τα δομικά στοιχεία των πολυμέσων • Λογισμικό συγγραφής πολυμέσων • Ανάλυση-Σχεδίαση εφαρμογών πολυμέσων • Μεθοδολογία σχεδίασης εφαρμογών πολυμέσων • Σχεδιασμός του περιβάλλοντος διεπαφής

4. ΠΟΛΥΜΕΣΑ • Υλοποίηση Εφαρμογής πολυμέσων • Παραγωγή • Εφαρμογές πολυμέσων στη ζωή μας

5. Κεφάλαιο 1

6. Εισαγωγή στα πολυμέσα • Το υλικό • Κυριαρχία 2 μεγάλων τεχνολογιών • Macintosh της Apple Computer • Wintel των Windows

7. Εισαγωγή στα πολυμέσα • Υπολογιστικά συστήματα πολυμέσων • Συστήματα παρουσίασης πολυμέσων-Εξαρτήματα • Επεξεργαστής • Μνήμη • Συσκευές εισόδου • Πληκτρολόγιο • Ποντίκι • Οδηγός οπτικού δίσκου (CD-ROM) • Modem • Σκληρός δίσκος

8. Εισαγωγή στα πολυμέσα • Συσκευές εξόδου • Οθόνη και κάρτα οθόνης ή γραφικών • Οθόνη αφής • Ηχεία και κάρτα ήχου • Προβολέας Παρουσιάσεων • Συστήματα ανάπτυξης πολυμέσων • Συσκευή βίντεο • Κάρτα βίντεο • Βιντεοκάμερα • Μικρόφωνο • Ψηφιακό κασετόφωνο • Ψηφιακή φωτογραφική μηχανή

9. Εισαγωγή στα πολυμέσα • Σαρωτής (scanner) • Μαγνητικά αποθηκευτικά μέσα • Εγγραφέας CD • Οθόνη • Επιταχυντής γραφικών • Οδηγός DVD • Ορισμοί • Μέσα και πολυμέσα • Πολυμέσα είναι κλάδος της πληροφορικής τεχνολογίας ο οποίος ασχολείται με το συνδυασμό ψηφιακών δεδομένων πολλαπλών μορφών.

10. Εισαγωγή στα πολυμέσα (κειμένου,γραφικών,ακίνητης εικόνας,κινούμενης εικόνας,ήχου και βίντεο) για την αναπαράσταση, παρουσίαση,αποθήκευση,μετάδοση και επεξεργασία πληροφοριών. • Μέσο είναι τύπος πληροφορίας που είναι αποτέλεσμα σύνθεσης δύο συνιστωσών: • Χωρική συνιστώσα-διακριτό μέσο (κείμενο,γραφικά,ακίνητη εικόνα) • Χρονική συνιστώσα-συνεχές μέσο (ήχος,κινούμενη εικόνα(animation),βίντεο) • Animation είναι η διαδικασία εισαγωγής κίνησης σε μια εικόνα και έχει τις ρίζες της στα cartoons.

11. Εισαγωγή στα πολυμέσα • Βασικά χαρακτηριστικά των συστημάτων πολυμέσων • Έλεγχος μέσω υπολογιστή • Ολοκληρωμένα συστήματα • Μη γραμμική οργάνωση της πληροφορίας • Αλληλεπιδραστικότητα • Κείμενα και Υπερ-κείμενα Κείμενο (text) είναι η πρώτη μορφή απεικόνισης πληροφορίας στον υπολογιστή και παραμένει ακόμα σημαντική ακόμα και στις πιο ελκυστικές εφαρμογές.

12. Εισαγωγή στα πολυμέσα Υπερ-κείμενο (hyper-text) είναι μια ειδικά δομημένη μορφή κειμένου σε ένα δίκτυο από κόμβους (nodes) που συνδέονται με συνδέσμους (links) • Τρόποι παρουσιάσης πληροφορίας • Παθητική παρουσιάση (βιβλίο) • Ενεργητική παρουσίαση (αμφίδρομη επικοινωνία,αλληλεπιδραστικότητα(interactivity))

13. Εισαγωγή στα πολυμέσα • Κατηγορίες εφαρμογών πολυμέσων • Τρόπος διανομής • Οπτικοί δίσκοι (CD-ROM) • Περίπτερα (kiosks) • Πραγματικού χρόνου (online) • Διαδίκτυο (Internet)

14. Εισαγωγή στα πολυμέσα • Χρήση • Διασκέδαση (Entertainment) • Εκπαίδευση • Προσπέλαση πληροφοριών (Reference) • Κατάρτιση-Επιμόρφωση (Training) • Εκπαιδευτικά παιχνίδια (Edutainment) • Αναψυχή (Recreation) • Μαζική επικοινωνία • Αγορά και διαφήμιση • Παρουσιάσεις-κατάρτιση στελεχών

15. Εισαγωγή στα πολυμέσα • Χαρακτηριστικά πολυμέσων-υπερμέσων • Δομικά χαρακτηριστικά των πολυμέσων • Βάση πληροφοριών (information database) • Κόμβοι (nodes) • Σύνδεσμοι (links) • Δυναμικός έλεγχος • Διαδρομές πλοήγησης (paths) • Βασικά εργαλεία-συστήματα πλοήγησης: • Κύριο σύστημα πλοήγησης (χάρτης πλοήγησης (navigation map)):Ειδικό διάγραμμα ροής που δείχνει τη γενική υπερδομή της πληροφορίας και το σύστημα ευρετηρίων των θεματικών ενοτήτων.

16. Εισαγωγή στα πολυμέσα • Εναλλακτικό σύστημα πλοήγησης: Η μεταφορά γίνεται με βάση τις εννοιολογικές συσχετίσεις ή συνάφειες του πληροφοριακού υλικού της εφαρμογής. • Ο βαθμός αλληλεπίδρασης • 1ου βαθμού • 2ου βαθμού • Το περιβάλλον διεπαφής (interface) • Παράδειγμα ηλεκτρονικού βιβλίου.

17. Κεφάλαιο 2

18. Δομικά στοιχεία πολυμέσων • Εικόνες και γραφικά • Η ψηφιακή εικόνα • Μορφές ψηφιακής εικόνας • Χαρτογραφικές εικόνες ή ψηφιογραφικές (bitmap graphics) • Ανάλυση (resolution) • Χρωματικό βάθος • Μέγεθος • Διανυσματικές

19. Δομικά στοιχεία πολυμέσων • Λογισμικό δημιουργίας ψηφιακών εικόνων • Εργαλεία ζωγραφικής (Paint tools) • Εργαλεία σχεδίασης (Drawing tools) • Εργαλεία επεξεργασίας εικόνας (Image editing tools) • Χρήση Photo CD • Χρήση Clip Art • Χρήση του Διαδικτύου • Χρήση γραφημάτων • Χρήση διαγραμμάτων • Διαγράμματα ροής (flow charts) • Διαγράμματα οργάνωσης (organizational charts)

20. Δομικά στοιχεία πολυμέσων • Συμπίεση αρχείων εικόνας • Λόγος συμπίεσης • Ποιότητα εικόνας • Αλγόριθμος μη απώλειας δεδομένων (losless) • Αλγόριθμος απώλειας δεδομένων (lossy) • JPEG (Join Photographic Experts Group) • GIF (Graphic Interchange Format) • Χρωματικά μοντέλα • HSB-HSL • RGB • CMYK

21. Δομικά στοιχεία πολυμέσων • Εικόνες από το φυσικό κόσμο • Σάρωση της φωτογραφίας ή του αντικειμένου • Ψηφιακή φωτογράφιση • Σύλληψη εικόνας από την οθόνη του υπολογιστή (Print Screen) • Σύλληψη εικόνας από βίντεο

22. Δομικά στοιχεία πολυμέσων • Κείμενο • Κείμενο περιεχομένου • Κείμενο περιβάλλοντος • Εισαγωγή κειμένου • Με πληκτρολόγηση • Με σάρωση και οπτική αναγνώριση των χαρακτήρων • Επεξεργασία κειμένου • Πληκτρολόγηση,αποθήκευση,μορφοποίηση • Διάταξη,στοίχιση,είδος στοιχείων,επιλογή font

23. Δομικά στοιχεία πολυμέσων • Μορφή κειμένων • Μορφή χαρακτήρων • Μορφή εικόνας (bitmap) • Μορφή φορητού εγγράφου (PDF:Portable Document Format) • Animation • Τύποι animation • Κίνηση στο επίπεδο (2D animation) • Κίνηση στο χώρο (3D animation)

24. Δομικά στοιχεία πολυμέσων • Μέθοδοι παραγωγής 2D Animation • Cell animation • Path animation • Συνδυασμός των δυο παραπάνω • Βήματα δημιουργίας 3D Animation • Μοντελοποίηση (modeling) • Προσωμοίωση κίνησης (animation) • Φωτορεαλιστική απεικόνιση (rendering) • Animation χαρακτήρων

25. Δομικά στοιχεία πολυμέσων • Αναπαράσταση χώρου • Εικονική πραγματικότητα (Virtual Reality VR) • Ειδικά εφέ animation • Μεταμόρφωση (morphing) • Παραμόρφωση (warping) • Μετάβαση ή αλλαγή πλάνου (transition) • Animation κειμένου • Κυλιόμενο κείμενο (scrolling text) • Κλιμακούμενο κείμενο (scalable text) • Dancing text

26. Δομικά στοιχεία πολυμέσων • Εκρυγνυόμενο κείμενο (expoding text) • Μεταμορφούμενο κείμενο (morphing text) • Ήχος • Ήχος περιεχομένου • Ήχος περιβάλλοντος • Ενίσχυση του μυνήματος δίνοντας αίσθηση ρεαλισμού • Μουσική επένδυση • Ηχητικά εφέ • Ψηφιακός ήχος • Το πρότυπο MIDI

27. Δομικά στοιχεία πολυμέσων • Λογισμικό επεξεργασίας ήχου • Sound Edit • Wave Studio • Sound Forge • Deck II • Τύποι αρχείων ήχου • Αρχεία ψηφιακόυ ήχου (digit audio files) • Αρχεία MIDI

28. Δομικά στοιχεία πολυμέσων • Βίντεο • Βίντεο περιεχομένου • Χρηστικό βίντεο • Τρόποι εισαγωγής βίντεο • Έτοιμα αποσπάσματα βίντεο • Εισαγωγή από εξωτερικές πηγές (βιντεοκάμερα,συσκευή βίντεο,τηλεόραση ή βιντεοδίσκους)

29. Δομικά στοιχεία πολυμέσων • Ψηφιοποίηση βίντεο-χαρακτηριστικά • Συχνότητα δειγματολειψίας (sampling rate) • Ταχύτητα πλαισίων (frame rate) • Μέγεθος εικόνας (image size) • Χρωματικό βάθος (color depth) • Επεξεργασία ψηφιακού βίντεο • Quick Time (Apple) • Audio Video Interleaved (AVI) (Microsoft) • Συμπίεση βίντεο

30. Κεφάλαιο 3

31. Λογισμικό Συγγραφής Πολυμέσων • Κατηγορίες συγγραφικών εργαλείων πολυμέσων ανάλογα με • Προγραμματιστικό εργαλείο • Δυνατότητες και πολυπλοκότητα • Λειτουργική αλληγορία

32. Λογισμικό Συγγραφής Πολυμέσων • Κατηγορίες συγγραφικών εργαλείων πολυμέσων με κριτήριο το προγραμματιστικό εργαλείο • Εργαλεία με κοινές γλώσσες προγραμματισμού • Εργαλεία προγραμματσμού με γλώσσα σεναρίων • Εργαλεία οπτικού προγραμματισμού

33. Λογισμικό Συγγραφής Πολυμέσων • Κατηγορίες συγγραφικών εργαλείων πολυμέσων με κριτήριο τις δυνατότητες και την πολυπλοκότητά τους. • Εργαλεία παρουσιάσεων (presentation tools) • Εργαλεία ολοκλήρωσης δομικών στοιχείων (media integration tools) • Εργαλεία ανάπτυξης πολυμεσικών εφαρμογών (multimedia development tools)

34. Λογισμικό Συγγραφής Πολυμέσων • Κατηγορίες συγγραφικών εργαλείων πολυμέσων με κριτήριο την αλληγορία που χρησιμοποιούν. • Εργαλεία ηλεκτρονικής διαφάνειας (PowerPoint) • Eργαλεία κάρτας ή σελίδας (Assymetrix Toolbook, Hypercard) • Εργαλεία λογικού διαγράμματος ή εικονιδίου (Authorware Proffesional)

35. Λογισμικό Συγγραφής Πολυμέσων • Εργαλεία ροής χρόνου ή χρονοδιαδρόμου (Macromedia Director) • Αντικειμενοστρεφή εργαλεία • Γλώσσες προγραμματισμού • Java • Visual Basic • Delphi • Πολυμέσα στο Internet και στο Web.

36. Κεφάλαιο 4

37. Μεθοδολογία σχεδίασης εφαρμογών πολυμέσων • Μοντέλο διαδικασίας ανάπτυξης • Σπειροειδές μοντέλο • Ανάλυση • Σχεδίαση • Παραγωγή • Αξιολόγηση • Η ομάδα ανάπτυξης • Διευθυντής παραγωγής • Ειδικός συλλογής πολυμεσικού υλικού • Σχεδιαστής του περιβάλλοντος διεπαφής (interface)

38. Μεθοδολογία σχεδίασης εφαρμογών πολυμέσων • Ειδικός για τη συγγραφή του τίτλου και προγραμματιστής (Multimedia Architect) • Σεναριογράφος (Script Writer) • Ειδικός στη Θεωρία της Μάθησης • Γραφίστας-Καλλιτέχνης/Σχεδιαστής γραφικών για πολυμέσα • Φωτογράφος,βιντεολήπτης,ηχολήπτης • Animator • Προγραμματιστής ΗΥ • Νομικός σύμβουλος

39. Μεθοδολογία σχεδίασης εφαρμογών πολυμέσων • Κατάρτιση προϋπολογισμού (budget) • Ανάλυση • Που είμαστε και τι θέλουμε • Ειδικότερα τι μπορούμε να φτιάξουμε • Ποιά είναι η ανάγκη αυτών που θα χρησιμοποιήσουν το προϊόν • Τι θέλουν οι χρήστες • Καθορισμός του προφίλ του προϊόντος

40. Μεθοδολογία σχεδίασης εφαρμογών πολυμέσων • Σχεδίαση • Καθορισμός των επιλογών ανάπτυξης του προϊόντος. • Τρόπος διανομής του προϊόντος • Βαθμός ποιότητας των στοιχείων που περιέχονται • Λειτουργικότητα • Περιβάλλον διεπαφής του χρήστη

41. Μεθοδολογία σχεδίασης εφαρμογών πολυμέσων • Επιλογή του συγγραφικού εργαλείου • Φιλοσοφία της εφαρμογής • Το μέσο διανομής • Το κόστος αγοράς του συγγραφικού εργαλείου πολυμέσων • Πείρα της ομάδας ανάπτυξης των πολυμέσων σε συγκεκριμένα εργαλεία ανάπτυξης πολυμέσων • Συγκέντρωση των πρώτων υλών

42. Μεθοδολογία σχεδίασης εφαρμογών πολυμέσων • Οργάνωση του περιεχομένου • Οπτικός πίνακας περιεχομένου • Βήμα 1ο: Κατηγορίες περιεχομένων • Βήμα 2ο: Ομαδοποιήση υλικών ανά θέμα • Βήμα 3ο: Επεξεργασία των θεματικών κατηγοριών • Βήμα 4ο: Αναλυτικός οπτικός πίνακας περιεχομένων • Βήμα 5ο: Η προσγείωση στην πραγματικότητα!

43. Μεθοδολογία σχεδίασης εφαρμογών πολυμέσων • Σχεδιασμός επί χάρτου • Σχεδιάγραμμα πλάνου της εφαρμογής • Τα σενάρια πλοήγησης • Το διάγραμμα ροής (flowchart) • Προδιαγραφές λειτουργικότητας (functional specifications)

44. Κεφάλαιο 5

45. Σχεδιασμός περιβάλλοντος διεπαφής • Στόχοι • Σωστή εμφάνιση περιεχομένου • Καθοδήγηση του χρήστη στην πλοήγηση του • Εμφάνιση περιεχομένου • Το μοντέλο της διεργασίας αντίληψης-απομνημόνευσης

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

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

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

49. Σχεδιασμός περιβάλλοντος διεπαφής • Η ρύθμιση της πλοήγησης • Ο προσανατολισμός του χρήστη • Γνωστικές ταξινομίες και δομή των εφαρμογών πολυμέσων • Η γνωστική ταξινομία του Bloom • Απλές οθόνες (Γνώση) • Γραμμική διαδοχή οθονών (Κατανόηση) • Γραμμική διαδοχή με άλματα (Εφαρμογή) • Δενδροειδής δομή οθονών (Ανάλυση) • Δικτυακή δομή οθονών (Σύνθεση) • Δομή λεωφόρου (Αξιολόγηση)

50. Σχεδιασμός περιβάλλοντος διεπαφής • Εικονοχάρτες • Αλληγορίες • Λειτουργικές αλληγορίες • Πλοηγητικές αλληγορίες • Ο ρόλος των προσωπικοτήτων • Εργονομική σχεδίαση • Οι λεπτομέρειες των καθημερινών πραγμάτων • συνοχή,απλότητα ,χρηστικότητα,σαφήνεια • ανάδραση,συνέπεια,σταθερότητα,διαφάνεια