ΧΡΗΣΗ ΠΟΛΥΜΕΣΩΝ ΣΤΗΝ ΣΧΕΔΙΑΣΗ WEB SITES

Transcript

1 1 ΧΡΗΣΗ ΠΟΛΥΜΕΣΩΝ ΣΤΗΝ ΣΧΕΔΙΑΣΗ WEB SITES ΞΑΚΟΥΣΤΗ ΦΟΥΡΤΟΥΝΑ WEBSITE: ΘΕΣΗ ΔΗΜΟΣΙΕΥΣΗΣ ΠΛΗΡΟΦΟΡΙΩΝ ΣΤΟ ΔΙΑΔΙΚΤΥΟ ΠΟΛΥΜΕΣΑ: ΠΟΛΥΑΙΣΘΗΤΙΚΟΣ ΤΡΟΠΟΣ ΕΠΙΚΟΙΝΩΝΙΑΣ ΤΗΣ ΠΛΗΡΟΦΟΡΙΑΣ

2 2 ΓΕΓΟΝΟΤΑ ΣΤΑΘΜΟΙ ΣΤΗΝ ΕΞΕΛΙΞΗ ΠΟΛΥΜΕΣΩΝ Εφευρέσεις : τρανζίστορ, έγχρωμη τηλεόραση, πρώτοι ηλεκτρονικοί υπολογιστές, κινητά τηλέφωνα, cd player Εξάπλωση του διαδικτύου Ψηφιακή επανάσταση της πληροφορίας ΟΡΙΣΜΟΣ ΠΟΛΥΜΕΣΩΝ / MULTIMEDIA Multimedia multus = πολλαπλός, πολυάριθμος + medium = μέσο,, μεσολαβητής. Κλάδος της πληροφορικής που ασχολείται με τα δεδομένα πολλαπλών μορφών

3 3 ΟΡΙΣΜΟΣ ΠΟΛΥΜΕΣΩΝ: Διαδραστική παρουσίαση πληροφορίας, ένας συνδυασμός σε μία παραγωγή-εφαρμογή που περιλαμβάνει τουλάχιστον δυο από τα παρακάτω στοιχεία: ΚΕΙΜΕΝΟ ΕΙΚΟΝΑ ΗΧΟΣ ΒΙΝΤΕO ΣΥΝΘΕΤΙΚΗ ΚΙΝΗΣΗ (2D &3D ANIMATION)

4 4 ΕΠΙΠΕΔA ΠΟΛΥΜΕΣΙΚΗΣ ΕΦΑΡΜΟΓΗΣ το σύνολο των δεδομένων σε ψηφιακή μορφή σύνδεση των κόμβων περιβάλλον διεπαφής (user interface). ΚΑΤΗΓΟΡΙΕΣ ΠΟΛΥΜΕΣΩΝ ΑΝΑΛΟΓΑ ΜΕ ΤΟΝ ΒΑΘΜΟ ΑΛΛΗΛΕΠΙΔΡΑΣΗΣ ΜΕ ΤOΝ ΧΡΗΣΤΗ απλά πολυμέσα (multimedia) σε διαλογικά πολυμέσα (interactive multimedia) σε υπερμέσα (hypermedia).

5 5 ΔΙΑΔΙΚΑΣΙΑ ΑΝΑΠΤΥΞΗΣ ΜΙΑΣ ΠΟΛΥΜΕΣΙΚΗΣ ΕΦΑΡΜΟΓΗΣ : Ανάλυση απαιτήσεων Σχεδίαση Υλοποίηση Έλεγχο και αξιολόγηση Το στάδιο της σχεδίαση των πολυμέσων πραγματοποιείται στα επιμέρους σταδία : καταγραφή ιδεών, σχεδίαση της δομής,επιλογή στοιχείων πολυμέσων (κείμενο, ήχος, εικόνα, βίντεο, συνθετική κίνηση), σχεδίαση διεπαφής, παραγωγή πρωτοτύπου.

6 6 ΥΛΟΠΟΙΗΣΗ ΕΡΓΑΛΕΙΑ ΑΝΑΠΤΥΞΗΣ 1.ΓΛΩΣΣΕΣ ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΥ ΟΠΩΣ VISUAL C++, VISUAL BASIC, DELPHI κ.α. 2. ΕΡΓΑΛΕΙΑ ΣΥΓΓΡΑΦΗΣ (AUTHORING TOOL) ΟΠΩΣ AUTHORWARE PRO, DIRETOR κ.α. Το βασικό χαρακτηριστικό κάθε συγγραφικού εργαλείου είναι μια μεταφορά (metaphor=μία οργανωτική δομή παρουσίασης της πληροφορίας ) εργαλεία σελίδας ή κάρτας εργαλεία εικονιδίων εργαλεία χρονοδιαδρομου

7 7 Οι παραγόμενες πολυμεσικές εφαρμογές όλων των κατηγοριών ενσωματώνονται στην σχεδίαση website μέσω των καταλλήλων λογισμικών προγραμμάτων Δημοφιλές λογισμικό: Flash της εταιρείας Adobe Χαρακτηριστικά Δημιουργία διανυσματικών γραφικών Δημιουργία εντυπωσιακών animation Συμβατότητα Διαδραστικότητα Μειονεκτήματα Χρόνος φόρτωσης Δυσκολία ανανέωσης Χαμηλή κατάταξη στις μηχανές αναζήτησης

8 8 HTML :HyperText Markup Language - Γλώσσα Χαρακτηρισμού Υπερκειμένου Τα αρχεία της HTML αποτελούνται από τα εξής στοιχεία: Το κείμενο της σελίδας. Tags (ετικέτες) της HTML με τις οποίες ονομάζεται το κάθε δομικό στοιχείο (element) Προγράμματα για την σχεδίαση ιστοσελίδων WYSIWYG (What You See Is What You Get) Παραδείγματα : FRONTPAGE DREAMWEAVER Αναπαραγωγή πολυμεσικών στοιχείων ήχου και βίντεο μέσω ενός προγράμματος αναπαραγωγης -Player ή πρόσθετών στοιχείων plug in

9 9 -Νέαυποδομήγιαπολυμεσικές εφαρμογές ήχου και βίντεο -υπό ανάπτυξη έκδοση, τελική έκδοση Σεπτέμβριο του 2014 Χαρακτηριστικά Συμβατότητα Εισαγωγή νέων δομικών στοιχείων (video, source, track, embed) για πολυμεσικές εφαρμογές Χρήση γλώσσας προγραμματισμού- δομικό στοιχείο canvas Δομημένο περιεχόμενο Πλεονεκτήματα εγγενών(native) πολυμέσων Έλεγχος πολυμέσων από τον χρήστη. Δεν χρειάζονται πρόσθετα (plug-ins)

10 10 Τα περιεχόμενα πολυμέσα βίντεο και ήχου είναι επεξεργάσιμα Μπορεί να φτιάξει ο χρήστης τους δικούς του μοχλούς χειρισμού χρησιμοποιώντας HTML, CSS και JavaScript. Μεγαλύτερες ταχύτητες διαδικτυακά Τα μειονεκτήματα πολυμεσικων εφαρμογών της HTML5 θα εντοπιστούν στον μέλλον

11 11 Τα πολυμέσα αποτελούν εργαλείο στην επικοινωνία της πληροφορίας και στον σχεδιασμό των websites, ο τρόπος παρουσίασης της περιεχόμενης πληροφορίας τους περιορίζεται μονό από των φαντασία των δημιουργών τους.

12 12 ΒΙΒΛΙΟΓΡΑΦΙΑ 1.Burnett R., Brunstorm A., Nilsson A., 2003, Perspectives on Multimedia Communication, Media and Information Technology Wiley Publications, West Sussex 2.Kurose J, Ross K.W., μεταφ.σαμαράς Γ.Β., 2008, Δικτύωση Υπολογιστών Προσέγγιση από Πάνω προς τα Κάτω, 4ηΈκδοση, 2η Ελληνική Επανέκδοση, Εκδόσεις Μ. Γκούρδας, Αθήνα 3.Πολίτης Π., 1996, Υπερκείμενα, Υπερμέσα και Πολυμέσα 2ηΈκδοση, Εκδόσεις Νέων Τεχνολογιών, Αθήνα 4.Πομπόρτσης Α., Γκουζούνη Α. κ.α., 1996, Multimedia στη Θεωρία και στην Πράξη, Εκδόσεις Τζιόλα Ε., Θεσσαλονίκη 5. high quality html5 multimedia elementfor designers/ 6. xanei_mia_flash_istoselida.html %CF%87%CE%B1%CF%81%CE%B1%CE%BA%CF%84%CE%B7%CF%81%CE%B9%CF%83 %CF%84%CE%B9%CE%BA%CE%AC/ 8. popularity/advantages and disadvantages of flashweb design.html %CE%BD%CE%AD%CE%B1 %CF%83%CF%84%CE%BF%CE%B9%CF%87%CE%B5%CE%AF%CE%B1/ 11. mate.gr/html5 seo/ 12. Φωτόπουλος Βασίλης, Φαλιέρης Σωτήρης, Νικολόπουλος Γιώργος, Νικολόπουλος Κώστας,ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΤΕΧΝΟΛΟΓΙΩΝ, ΠΛΗΡΟΦΟΡΙΚΗ V: ΠΟΛΥΜΕΣΑ ΚΑΙ WEB PUBLISHING,YΠΟΥΡΓΕΙΟ ΕΘΝΙΚΗΣ ΠΑΙΔΕΙΑΣ ΚΑΙ ΘΡΗΣΚΕΥΜΑΤΩΝ Ian Devlin, HTML5 Multimedia DEVELOP AND DESIGN, Peachpit Press 2012