Η HTML 5 θα αλλάξει το Web?



Σχετικά έγγραφα
, α/α: 1. Εξόδου» Παιδείας

Προγραμματισμός Διαδικτύου

Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο

ΟΛΟΚΛΗΡΩΜΕΝΟ ΣΥΣΤΗΜΑ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ E-AGIOGRAFIA

Η βασική εργαλειοθήκη του διαδικτύου

Κλέτσας Αλέξανδρος Τεχνικός ΚΕ.ΠΛΗ.ΝΕ.Τ. Σερρών 24/10/2014 ΚΕ.ΠΛΗ.ΝΕ.Τ. ΣΕΡΡΩΝ 1

Τα είδη των ιστοσελίδων. Web Sites E-commerce Sites CMS & Blog Sites CMS Flash Facebook Layouts Tumblr Themes

Σύγκριση FLASH και HTML 5 HTML 5 σχετικά με την υποστήριξη πολυμέσων

Cookies Γραμμή βοηθείας Ενημέρωση-Επαγρύπνηση Γραμμή παράνομου περιεχομένου

Πολιτική για τα cookie

Σχεδίαση και Ανάπτυξη Ιστότοπων

Υπηρεσίες ΠΣΔ Νέες Τεχνολογίες

Fragmentation and Exclusion: Understanding and Overcoming the Multiple Impacts of the European Crisis (Fragmex)

Σεμινάριο Wordpress CMS (Δημιουργία Δυναμικών Ιστοσελίδων)

eδαπυ Αναγγελίας Αιμοκάθαρσης

ΤΕΧΝΟΛΟΓΙΕΣ ΣΧΕΔΙΑΣΗΣ ΔΙΑΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ (Web Site Design Technologies)

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

ΕΥΓΛΩΤΤΟΝ Εγχειρι διο Χρή σής. Έκδοση 1.4

Οδηγός Χρήστη Πλατφόρμας Τηλεκπαίδευσης. 1 Γενικά Απαραίτητο Λογισμικό Είσοδος στην Πλατφόρμα Elearning... 3

HTML HTML5...CSS

Απαντήστε στις παρακάτω ερωτήσεις πολλαπλής επιλογής (μόνο μία ερώτηση είναι σωστή):

Day 1 Internet & (Browsers)

Οδηγός πλατφόρμας e-learning

ΟΔΗΓΟΣ ΧΡΗΣΤΗ ΠΛΑΤΦΟΡΜΑΣ ΤΗΛΕΚΠΑΙΔΕΥΣΗΣ 1 ΓΕΝΙΚΑ ΑΠΑΡΑΙΤΗΤΟ ΛΟΓΙΣΜΙΚΟ ΕΙΣΟΔΟΣ ΣΤΗΝ ΠΛΑΤΦΟΡΜΑ ELEARNING... 3

ΠΕΡΙΕΧΟΜΕΝΑ. Πρόλογος Κεφάλαιο 1 ο Αρχές Διαχείρισης πληροφορίας στον Παγκόσμιο Ιστό... 15

ΣΥΣΤΑΣΕΙΣ ΣΕ ΠΕΡΙΠΤΩΣΗ ΠΡΟΒΛΗΜΑΤΩΝ

Υπηρεσία φωνητικής υποστήριξης των ιστοτόπων της ΕΡΤ Α.Ε.

Εγχειρίδιο Συμμετοχής σε Ψηφοφορία για την ανάδειξη Διευθυντή Σχολής ΤΕΙ ΑΘΗΝΑΣ 2014

Εφαρµογές και Περιβάλλοντα Εργασίας AJAX

ΣΥΝΤΟΜΟΣ ΟΔΗΓΟΣ ΣΥΝΔΕΣΗΣ ΣΤΗΝ ΥΠΗΡΕΣΙΑ ΤΗΛΕΔΙΑΣΚΕΨΗΣ BBB ΒΑΣΙΚΕΣ ΕΝΤΟΛΕΣ ΣΤΟΙΧΕΙΩΔΟΥΣ ΔΙΑΧΕΙΡΙΣΗΣ

ΑΞΙΟΠΟΙΗΣΗ ΑΝΟΙΧΤΩΝ ΔΕΔΟΜΕΝΩΝ ΣΤΗΝ ΑΝΑΠΤΥΞΗ ΕΦΑΡΜΟΓΩΝ ΓΙΑ ΕΥΦΥΕΙΣ ΔΗΜΟΥΣ

οµή της παρουσίασης Στατιστικά στοιχεία Άδειες χρήσης Γενικά στοιχεία Βασικά χαρακτηριστικά του browser

HomeWork. Συµβατότητα µε συσκευές. Ένας δάσκαλος στο σπίτι.

2) Η/Υ µε πρόσβαση στο διαδίκτυο και εγκατεστηµένο τον φυλλοµετρητή διαδικτύου

Α Π Ο Φ Α Σ Ι Ζ Ο Υ Μ Ε

Εργαλεία ανάπτυξης εφαρμογών internet Ι

Π ΤΥ Χ ΙΑ Κ Η ΕΡΓΑΣΙΑ

Εργαλεία ανάπτυξης εφαρμογών internet Ι

ΟΔΗΓΙΕΣ ΣΥΣΤΗΜΑΤΟΣ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ

HTML Εργαστήριο 4. Εισαγωγή βίντεο και ήχου

Animation με χρήση HTML 5. Στέλιος Σκουρλής

ιεθνής Αερολιµένας Αθηνών Τεχνολογίες ροής δεδοµένων σε ΙΡ δίκτυα: Ένας δρόµος προς τα συστήµατα πληροφόρησης επιβατών επόµενης γενιάς

Κωνσταντίνος Παρασκευόπουλος Καθηγητής Πληροφορικής (ΠΕ19 MSc) Ελληνικό Κολλέγιο Θεσσαλονίκης

ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ

ΟΔΗΓΟΣ ΕΓΚΑΤΑΣΤΑΣΗΣ ΠΙΣΤΟΠΟΙΗΤΙΚΟΥ ΑΣΦΑΛΕΙΑΣ WEBMAIL ΤΕΙ ΚΑΛΑΜΑΤΑΣ

Θεσσαλονίκη Alert - Αναλυτική παρουσίαση εφαρμογής

Γαβαλάς αµιανός

Εκκαθάριση cache του browser για τα Windows

ΠΑΡΑΡΤΗΜΑ Ι. 1. Αρχιτεκτονική και προδιαγραφές της πλατφόρμας

Δημιουργία δυναμικής ιστοσελίδας Joomla

Ηλεκτρονικές Υπηρεσίες. Εκτύπωσης Εκκαθαριαστικού / Βεβαίωσης Αποδοχών και Πιστοποίησης Χρηστών Μέσω Internet

Τηλεδιάσκεψη μέσω της υπηρεσίας e:presence. Σύνδεση στην Υπηρεσία e:presence

Εγχειρίδιο Συμμετοχής σε Ψηφοφορία για την ανάδειξη Προέδρου του ΤΕΙ ΑΘΗΝΑΣ 2013

ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ OPEN ECLASS

Οδηγός χρήστη Πλατφόρμας Τηλεκατάρτισης. Για το μάθημα «Εισαγωγή - Φερεγγυότητα ΙΙ (Solvency II) των Ασφαλιστικών Επιχειρήσεων»

Εφαρµογή: Σύστηµα ιαχείρισης ιαδικτυακού Περίπτερου / Ιστοσελίδας στον διαδικτυακό τόπο kalliergea.gr

1 ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΑΣ ΓΕΩΠΟΝΙΑΣ - ΤΜΗΜΑ ΦΥΤΙΚΗΣ ΠΑΡΑΓΩΓΗΣ

ΑΝΑΠΑΡΑΓΩΓΗ ΜΑΘΗΣΙΑΚΩΝ ΑΝΤΙΚΕΙΜΕΝΩΝ ΣΤΟ ΦΩΤΟΔΕΝΤΡΟ ΜΑΘΗΣΙΑΚΑ ΑΝΤΙΚΕΙΜΕΝΑ

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)

Εξειδικευμένο λογισμικό Office

ΟΔΗΓΙΕΣ ΕΓΚΑΤΑΣΤΑΣΗΣ

Οδηγίες χρήσης πλατφόρμας τηλεκατάρτισης. Πρόγραμμα «Εκπαίδευση Εκπαιδευτών Ενηλίκων»

Εθνική Σχολή Δημόσιας Υγείας Υγειονομική Σχολή Αθηνών ESDY. ασύρματο δίκτυο. Οδηγός Σύνδεσης.

Κεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος

ηµοτικό ιαδικτυακό Ραδιόφωνο και Τηλεόραση

ΑΝΑΚΟΙΝΩΣΕΙΣ ΠΡΟΜΗΘΕΙΩΝ/ΕΡΓΑΣΙΩΝ ΜΕ ΛΗΨΗ ΠΡΟΣΦΟΡΏΝ 10/16

Φύλλο Εργασίας: «Το Εσωτερικό του Υπολογιστή»

ΟΔΗΓΟΣ ΧΡΗΣΤΗ ΠΛΑΤΦΟΡΜΑΣ

ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης

6 ο Μαθητικό Συνέδριο Πληροφορικής Ελληνικό Κολλέγιο Θεσσαλονίκης

Bread Online. Παναγιώτης Ιωαννίδης Επιβλέπων καθηγητής: Μηνάς Δασυγένης

Μέρος 3 ο : Βασικές Έννοιες για δυναμικές ιστοσελίδες

Υποβολή Αναλώσιµων Υλικών ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Ηλεκτρονικές Υπηρεσίες. Υποβολή Αναλώσιμων Υλικών. Σελίδα 1

Περιεχόµενα Σύνδεση από την Εταιρική Ιστοσελίδα... 1 Εταιρικό Ιστολόγιο... 3 Πύλη Ηλεκτρονικού Εµπορίου... 5 Στοιχεία Λογαριασµού Χρήστη... 11

web mobile multimedia ανάπτυξη εφαρμογών

Βασίλειος Κοντογιάννης ΠΕ19

Τίτλος Πλατφόρµα Ασύγχρονης Τηλεκπαίδευσης. Συντάκτης. Ακαδηµαϊκό ιαδίκτυο GUnet Οµάδα Ασύγχρονης Τηλεκπαίδευσης

ΠΑΡΑΡΤΗΜΑ. Εγκατάσταση πιστοποιητικού

Δημοσίευση στο Διαδίκτυο

Παρουσίαση ΟΔΠ. 06 Σεπτεμβρίου Τομέας Τηλεκπαίδευσης και Διαχείρισης Ψηφιακού Περιεχομένου Υπηρεσία Πληροφορικής και Τεχνολογίας

ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet.

ΔΙΩΝΗ Οδηγίες κατάθεσης τεκμηρίων στο ψηφιακό αποθετήριο του Πανεπιστημίου Πειραιά. Elidoc Systems & Services

Ζωντανή τάξη μαθήματος

ΟΛΟΚΛΗΡΩΜΕΝΟ ΣΥΣΤΗΜΑ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ E-AGIOGRAFIA

Οδηγίες για το BBB. Βήμα 1ο: Να εξασφαλίσετε ότι έχετε τον απαραίτητο εξοπλισμό

ΟΔΗΓΙΕΣ ΣΥΣΤΗΜΑΤΟΣ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ

ΑΝΑΚΟΙΝΩΣΗ ΔΙΑΔΙΚΑΣΙΑΣ ΑΠΕΥΘΕΙΑΣ ΑΝΑΘΕΣΗΣ. Αριθμ. Πρωτ.: /2017 Ο ΕΙΔΙΚΟΣ ΛΟΓΑΡΙΑΣΜΟΣ ΚΟΝΔΥΛΙΩΝ ΕΡΕΥΝΑΣ

Επιμέλεια: Μαργαρίτα Ρουγγέρη Επιβλέπων: Γεώργιος Στυλιαράς Πληροφορική Πολυμέσα ΓΤΠ61 4 η Εργασία 2011

Προδιαγραφές χρήσης για την πλατφόρμα τηλεδιάσκεψης BigBlueButton

Ανοικτά Ακαδηµα κά Μαθήµατα. ιαδικτυακές εφαρµογές ιαχείριση µαθηµάτων µε ηλεκτρονικό τρόπο Πρόγραµµα σπουδών διδακτική ενότητα

Κεφάλαιο 6 Λογισμικό Εφαρμογών. Εφαρμογές Πληροφορικής Κεφ.6 Καραμαούνας Πολύκαρπος 1

Βασικές Έννοιες Web Εφαρμογών

Εισαγωγή στις ΤΠΕ ΙΙ Γιάννης Βρέλλης ΠΤΔΕ-Πανεπιστήμιο Ιωαννίνων. World Wide Web. Παγκόσμιος Ιστός

1 ΕΠΑΛ ΑΙΓΑΛΕΩ 1 ΕΣΠΕΡΙΝΟ ΕΠΑΛ ΑΙΓΑΛΕΩ

Edmodo Σύντομος οδηγός για γονείς

Οπτικός Οδηγός τoυ Ελληνικού JOOMLA!

Παγκόσμιος ιστός και Internet συχνά θεωρούνται το ίδιο πράγμα. Η αντίληψη αυτή είναι λανθασμένη καθώς ο ιστός αποτελεί μία μόνο εφαρμογή του

Ανάπτυξη πλήρους διαδικτυακής e-commerce εφαρμογής με χρήση του CMS WordPress

Τ.Ε.Ι. Δυτικής Ελλάδας Τμήμα Διοίκησης Επιχειρήσεων Μεσολόγγι. 6 η Διάλεξη. Μάθημα: Τεχνολογίες Διαδικτύου

ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ ΤΟΥ ΣΥΣΤΗΜΑΤΟΣ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ

Transcript:

Η HTML 5 θα αλλάξει το Web? (ή αλλιώς, έρχεται το τέλος των plugins?) Αλέξανδρος Καράκος Εργαστήριο Προγραµµατισµού και Επεξεργασίας Πληροφοριών

Internet 2... Είναι ένα ξεχωριστό µέσο δηµοσίευσης πληροφοριών Γρήγορη επικοινωνία και πληροφόρηση Συνεχής ανάπτυξη ιείσδυση σε πολλούς τοµείς Πολυµεσικό περιεχόµενο Κοινωνικό φαινόµενο Αλλά, ατελής ο προγραµµατισµός... Internet

3 Η τελευταία επίσηµη έκδοση της γλώσσας HTML είναι η 4.01 και χρονολογείται από το εκέµβριο του 1999!!! Html

Πρόοδος 4 Από τις απλές στατικές σελίδες HTML φτάσαµε σε δυναµικό περιεχόµενο µέσω ενός συνδυασµού της PHP και της MySQL. Για περισσότερη αλληλεπίδραση µεταξύ χρηστών και υπολογιστή προτάθηκε η Javascript. Το µείγµα των νέων τεχνολογιών οδήγησε στο Ajax για ακόµα πιο ευέλικτες ιστοσελίδες. Τα Φύλλα στυλ (CSS CSS) επιτρέπουν να αλλάξουµε εύκολα τη σχεδίαση του χώρου και τα RSS feeds ενηµερώνουν για νέο περιεχόµενο. Html

Η εξέλιξη του Web Web

Η εξέλιξη των εφαρµογών

Η εξέλιξη της HTML Πρώτη έκδοση (2), 24/11/1995 7 Ταχύτατες αλλαγές και βελτιώσεις Τελική έκδοση (4), 12/1999 Html

8 Οι πιο εξελιγµένοι δικτυακοί τόποι παρουσιάζουν σοβαρά προβλήµατα Πρόχειρα κατασκευασµένοι Με ψευδοστοιχεία διεπαφών Τοποθεσίες οι οποίες υλοποιούν επεξεργασία δεδοµένων δεν συνεργάζονται Μια απλή αντιγραφή και επικόλληση εµπλουτισµένου κείµενου µπορεί να προκαλέσει πανικό Προβλήµατα Προβληµατισµοί οι οποίοι χρονολογούνται από τους προϊστορικούς χρόνους της πληροφορικής παραµένουν στην καθηµερινή πρακτική

Προτεινόµενες λύσεις Μέχρι τώρα οι σχεδιαστές των ιστοσελίδων έπρεπε να ήταν πολυµήχανοι για να απαλλαγούν από τους περιορισµούς της HTML. 9 Βέβαια, πολύ γρήγορα βρέθηκε λύση σε πολλά προβλήµατα µε τη βοήθεια των πρόσθετων στοιχείων (plug-ins), αλλά και αυτά δηµιούργησαν νέα προβλήµατα: ιδιόκτητες προδιαγραφές (formats), µεταφορά και εγκατάσταση περίπλοκη και Λύσεις ασύµβατη µε ορισµένες διαµορφώσεις, κ.λπ..

Αναπόφευκτα... 10 Προσθήκη ενός νέου ψηφιακού χάσµατος: Για να µη γίνεις χρήστης δεύτερης κατηγορίας πρέπει να γνωρίζεις πολλές τεχνικές οι οποίες θα έπρεπε να παραµένουν άγνωστες στον τελικό χρήστη Με λίγα λόγια, πολλές οι αντιφάσεις στην καθολική αποστολή και αποδοχή του Web Λύσεις

Μια εξέλιξη, παρά µια επανάσταση 11 Εξέλιξη Η νέα έκδοση, HTML 5, έχει ως στόχο να απαντήσει σε ορισµένα από αυτά τα θέµατα, διατηρώντας παράλληλα την προς τα πίσω συµβατότητα µε τα προηγούµενα πρότυπα Π.χ. η ετικέτα <canvas> θα εµφανίζει τις εικόνες δυναµικά επιτρέποντας τη δηµιουργία διεπαφών (user interfaces), για να ενσωµατωθούν καλύτερα στις δυναµικές εφαρµογές Ένα παράδειγµα της ετικέτας <canvas>

Άλλες τεχνολογίες 12 Άλλες τεχνολογίες Άλλες τεχνολογίες, όπως : τα τοπικά αντίγραφα ασφαλείας των δεδοµένων, l θα εξασφαλίζουν το απόρρητο των πληροφοριών (δεν είναι ανάγκη να σταλούν στο διακοµιστή για επεξεργασία), µε αποτέλεσµα, να αποφευχθεί η απώλεια εργασίας σε περίπτωση διακοπής της σύνδεσης Ένα παράδειγµα δηµιουργίας τοπικού αντιγράφου

Άλλες τεχνολογίες 13 Άλλες τεχνολογίες Βίντεο και ήχος εισέρχονται επίσηµα στο Web Τα γνωστά plug-ins, όπως Windows Media Player, QuickTime Real Player Flash θα ενσωµατωθούν σε σελίδες HTML µε τον ίδιο τρόπο όπως οι εικόνες, και θα είναι δυνατή η επεξεργασία τους µε τη χρήση της Javascript

Έφτασε το τέλος των plugins; 14 Λαµβάνοντας υπόψη τις εξελίξεις αυτές, τα plug-ins που χρησιµοποιούνται µέχρι τώρα για διαδικτυακές εφαρµογές όπως : Flash Silverlight JavaFX Plugins µπορούν να δουν την κυριαρχία τους να αµφισβητείται

Απορίες Γιατί να ασχοληθούµε µε τα plug-ins ins, όταν ο νέος φυλλοµετρητής θα µπορεί να τα χειριστεί όλα εγγενώς και σε όλες τις πλατφόρµες; 15 Plugins Τί θα εµποδίσει τους ιδιοκτήτες των plug-ins µελλοντικά, να κοστολογούν ακριβά τη χρήση των τεχνολογιών τους; Το πλεονέκτηµα ενός ανοικτού προτύπου είναι ότι δεν ανήκει σε κανένα. Η διαπίστωση αυτή θέτει το ερώτηµα, ποιες είναι οι πιθανότητες τα plug-ins να χάσουν έδαφος;

Τα προβλήµατα της HTML 5 16 Το βασικό πρόβληµα είναι ότι θα χρειαστούν 5 έως 10 χρόνια για να ολοκληρωθεί η HTML 5 Υπάρχουν πολλοί περιορισµοί οι οποίοι θα πρέπει να υπερνικηθούν, π.χ. η επισηµοποίηση ενός κωδικοποιητή (codec codec) για βίντεο και ήχο, θα µπορούσε να εµποδίσει την πρόοδο. Html 5 Ωστόσο οι νέες εκδόσεις των φυλλοµετρητών (browsers) έχουν αρχίσει να εφαρµόζουν επιλεκτικά τις προδιαγραφές οι οποίες έχουν ήδη συνταχθεί

Φαύλος κύκλος ; εν αρκεί µόνο οι διάφοροι φυλλοµετρητές να κάνουν το ίδιο, αλλά και οι τελικοί χρήστες να ενηµερώνονται για να επωφεληθούν. 17 Αυτό οδηγεί σε ένα φαύλο κύκλο: χωρίς τους ενηµερωµένους χρήστες, οι ιστοσελίδες δεν θα χρησιµοποιήσουν τη νέα τεχνολογία και χωρίς περιεχόµενο, οι χρήστες δεν θα έχουν κίνητρα για να αλλάξουν το πρόγραµµα περιήγησης που χρησιµοποιούν (browser) Html 5

Η ενσωµάτωση της HTML 5 Η HTML 5 αναγνωρίζεται (προς το παρόν) από τους ακόλουθους φυλλοµετρητές: 18 Firefox Safari Chrome Opera Html 5

Η παρουσία του Internet Explorer 19 Browsers

Χρήση των φυλλοµετρητών 20 The usage share of web browsers. Source: Median values from summary table Internet Explorer 64.64% Mozilla Firefox (25.30%) Safari (4.30%) Google Chrome (3.19%) Opera (1.50%) Other (1.12%) Browsers

Χρήση των φυλλοµετρητών 21 Browsers

23 Browsers

25 Browsers

26 Browsers

ιεύθυνση ελέγχου 28 http://service.futuremark.com/peacekeeper/ browserstatistics.action Browsers

Το ειδικό πρόβληµα του Flash 29 Το Flash χρησιµοποιείται ήδη από το 99% των µηχανηµάτων που συνδέονται στο ιαδίκτυο Η Adobe έχει αντιµετωπίσει το πρόβληµα προωθώντας το ανοιχτό πρότυπο SVG χωρίς αποτέλεσµα Βέβαια ακολουθεί το αµερικανικό ρητό: αν δεν µπορούµε να τους κερδίσουµε, πηγαίνουµε να τους συναντήσουµε (if you can't beat them, join them) Flash

http://www.youtube.com/watch?v=6gmp4nk0eoe 30