WEB 2.0 & ΠΟΛΥΜΕΣΑ παναγιώτης καραγεωργάκης ελληνικό ανοικτό πανεπιστήμιο / γραφικές τέχνες - πολυμέσα / γτπ61
WEB 2.0 & ΠΟΛΥΜΕΣΑ ενότητες τι είναι το web 2.0 τεχνολογίες του web 2.0 web 2.0 εφαρμογές το μέλλον του web
ΤΙ ΕIΝΑΙ ΤΟ WEB 2.0
ΤΙ ΕΙΝΑΙ ΤΟ WEB 2.0 ενότητες σύντομη ιστορία του web 1.0 ηγέννησητουweb 2.0 χαρακτηριστικά του web 2.0 η πορεία μέχρι σήμερα
ΤΙ ΕΙΝΑΙ ΤΟ WEB 2.0 σύντομη ιστορία του web 1.0 1980: δημιουργία του hypertext από τον Tim Berners- Lee 1989: πρόταση του ονόματος world wide web 1990: δημιουργία του πρώτου web server / client 1991: ντεμπούτο του web ως δημόσια υπηρεσία στο διαδίκτυο
ΤΙ ΕΙΝΑΙ ΤΟ WEB 2.0 σύντομη ιστορία του web 1.0 6 αυγούστου 1991 Is anyone reading this newsgroup aware of research or development efforts in the following areas: 1. Hypertext links enabling retrieval from multiple heterogenous sources of information? 2. Qualified Hypertext Links -- By this I mean attaching semantic information to the links themselves and retrieval [...] The WorldWideWeb (WWW) project aims to allow all links to be made to any information anywhere. [...] The WWW project was started to allow high energy physicists to share data, news, and documentation. We are very interested in spreading the web to other areas, and having gateway servers for other data. Collaborators welcome! Narl Kannan Tim Berners-Lee
ΤΙ ΕΙΝΑΙ ΤΟ WEB 2.0 σύντομη ιστορία του web 1.0 1992-1995: ανάπτυξη του world wide web Mosaic web browser (1993) Netscape Navigator (1994) 1ο παγκόσμιο συνέδριο για τον παγκόσμιο ιστό (1994) ίδρυση του World Wide Web Consortium (W3C) (1994) πρώτο online journal από τον Justin Hall (1996) :)
ΤΙ ΕΙΝΑΙ ΤΟ WEB 2.0 σύντομη ιστορία του web 1.0 1996-1998: εμπορευματοποίηση του web ηπαρουσίαστοweb γίνεται αναγκαία γέννηση του e-commerce και των dot-com οι Page & Brin φτιάχνουν το BackRub (1996) ο Dave Winer φτιάχνει το Scripting News (1996) γεννιέται ο όρος weblog από τον Jorn Barger (1997)
ΤΙ ΕΙΝΑΙ ΤΟ WEB 2.0 σύντομη ιστορία του web 1.0 1999-2001: η φούσκα των dot-com αύξηση μετοχών λόγω ονομασίας e-,.com αλόγιστες επενδύσεις από VCs μη βιώσιμες ιδέες / business plans / IPOs πτώση μετοχών / κλείσιμο εταιριών δημιουργείται το Blogger (1999) δημιουργείται το Wikipedia (2001)
ΤΙ ΕΙΝΑΙ ΤΟ WEB 2.0 ηγέννησητουweb 2.0 ηφούσκατωνdot-com έγινε ευκαιρία για αλλαγή και ανάδειξη την καινοτομίας στο web ο Tim O Reilly οργανώνει το πρώτο Web 2.0 Conference (2004) θεώρηση του web ως πλατφόρμα το web έγινε πιο δημοκρατικό ασαφή όρια - μια ομάδα από αρχές και πρακτικές
ΤΙ ΕΙΝΑΙ ΤΟ WEB 2.0 ηγέννησητουweb 2.0 web 1.0 web 2.0 DoubleClick Ofoto Akamai Britannica Online personal websites page views publishing CMSs taxonomy Google Adsense Flickr BitTorrent Wikipedia blogs cost per click participation wikis folksonomy από το web 1.0 στο web 2.0
WEB 2.0 TAG CLOUD
ΤΙ ΕΙΝΑΙ ΤΟ WEB 2.0 το web ως πλατφόρμα χαρακτηριστικά του web 2.0 διαμοίραση πληροφορίας μεταξύ διαφορετικών websites APIs - Application Programming Interfaces REST - Representational State Transfer συνδυασμός διαφορετικών υπηρεσιών - mash-ups απελευθέρωση των δεδομένων - data openness
ΤΙ ΕΙΝΑΙ ΤΟ WEB 2.0 χαρακτηριστικά του web 2.0 δημοκρατικότητα στο web δυνατότητα έκφρασης μέσω κειμένου, ήχου, βίντεο συμμετοχή των χρηστών (π.χ. wikis, comments, tagging) ανάδειξη των σημαντικών ειδήσεων από τους χρήστες social networks - social media citizen journalism (blogging, micro-blogging)
ΤΙ ΕΙΝΑΙ ΤΟ WEB 2.0 χαρακτηριστικά του web 2.0 νέες τάσεις στο web design έμφαση στο design καιστηναπλότητα χρήση μινιμαλιστικών μοτίβων - παστέλ χρωματικές παλέτες χρήση των standards XHTML & CSS έμφαση στην προσβασιμότητα (accessibility) χρήση AJAX - Asynchronous Javascript And XML
WEB 2.0 DEsign
WEB 2.0 DEsign
WEB 2.0 DEsign
WEB 2.0 DEsign
WEB 2.0 DEsign
WEB 2.0 DEsign
WEB 2.0 LOGOS
WEB 2.0 LOGOS
ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ WEB 2.0
ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ WEB 2.0 ενότητες AJAX - Asynchronous Javascript And XML RSS - Remote Site Syndication XHTML - extensible Hypertext Mark-up Language CSS - Cascading Style Sheets HTML5 WebGL Flash Video
ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ WEB 2.0 AJAX παραδοσιακά ο client με το server χρησιμοποιούν σύγχρονη επικοινωνία (request / response) απαιτείται πλήρης ανανέωση της ιστοσελίδας για οποιαδήποτε αλλαγή στο περιεχόμενο που προέρχεται από το server καθυστέρηση στην επικοινωνία - φόρτωση ολόκληρης της σελίδας ενώ μπορεί να έχει αλλάξει μόνο ένα μικρό κομμάτι της μικρός βαθμός αλληλεπίδρασης - εμφάνιση στατικών σελίδων στο χρήστη
ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ WEB 2.0 AJAX το AJAX χρησιμοποιεί ασύγχρονη επικοινωνία ανάμεσα σε client & server ανανεώνονται μόνο τμήματα της ιστοσελίδας και όχι ολόκληρη η σελίδα μεγαλύτερος βαθμός αλληλεπιδραστικότητας χρήση στοιχείων διεπαφής που ενημερώνουν το χρήστη για την πρόοδο του αιτήματος δίνει τη δυνατότητα για αλληλεπιδραστικές web εφαρμογές που μοιάζουν με τις desktop εφαρμογές
ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ WEB 2.0 χρήση των standards XHTML και CSS δυναμική εμφάνιση και αλληλεπίδραση με το περιεχόμενο με χρήση του DOM - Document Object Model ανταλλαγή και επεξεργασία δεδομένων με χρήση XML και XSLT ασύγχρονη αποστολή δεδομένων με χρήση του XMLHttpRequest υλοποίηση με JavaScript AJAX
AJAX WEB APPLICATION MODEL
SYNCHRONOUS VS ASYNCHRONOUS PATTERN
ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ WEB 2.0 Remote Site Syndication RSS ενσωματώνει το περιεχόμενο μίας ή περισσότερων ιστοσελίδων σε αρχείο XML (feed) ανάγνωση του XML αρχείου από client software content aggregation από διάφορα sites / services μπορεί να περιέχει news, blog posts, status updates, κλπ.
ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ WEB 2.0 XHTML extensible Mark-up Language W3C Recommendation συμβατότητα με την XML ένα XHTML έγγραφο είναι έγκυρο XML έγγραφο χρησιμοποιεί namespaces βοηθά στη συγγραφή σημασιολογικού κώδικα (semantic mark-up)
ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ WEB 2.0 Cascading Style Sheets CSS διαχωρισμός πληροφορίας - τρόπου παρουσίασης υποστηρίζει πολλά μέσα (οθόνη Η/Υ, PDA, mobile phone, screen reader) οι αλλαγές στο στυλ εμφάνισης γίνονται κεντρικά σε ένα αρχείο βοηθά στο accessibility (π.χ. αύξηση μεγέθους γραμμάτων)
ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ WEB 2.0 βρίσκεται σε last call state (δεν έχει ολοκληρωθεί) αποτελεί εξέλιξη της HTML4 HTML5 στόχος η υποστήριξη rich internet applications (RIAs) χωρίς την ανάγκη για plug-ins (όπως Flash, Silverlight, Java) νέα semantic tags (π.χ. <nav>, <footer>, <audio>, <video>) απόσυρση tags που αφορούν στην παρουσίαση (π.χ. <font>, <center>) canvas element: δυναμικός 2D σχεδιασμός επάνω στην ιστοσελίδα
ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ WEB 2.0 HTML5 HTML5 CANVAS EXAMPLE
ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ WEB 2.0 HTML5 <video> element υποστήριξη από Firefox 3.5, Safari 3 και 4, Chrome διαχείριση με JavaScript (play, pause, mute κλπ) διαμάχη ανάμεσα σε 2 codecs: Ogg Theora και H.264 ασυμφωνία μεταξύ των browser vendors σχετικά με το ποιό codec θα υποστηρίξουν Apple & Google: H.264 / Mozilla & Opera: Ogg Theora Microsoft: δε σχεδιάζει να υποστηρίξει το HTML5 video
ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ WEB 2.0 WebGL cross-platform, royalty-free web standard (υπό ανάπτυξη) βασίζεται στην OpenGL ES 2.0 υποστηρίζει την εμφάνιση 3D γραφικών στον browser χωρίς τη χρήση κάποιου plug-in υποστηρίζει hardware accelaration συμμετέχουν οι Apple, Google, Mozilla, Opera
Τεχνολογιεσ του web 2.0 Flash video container για τη μετάδοση video μέσω του Flash player (έκδοση 6 και άνω) το πιο δημοφιλές video format στοχώροτουinternet δύο τύποι format: FLV και F4V υποστήριξη codec: Sorenson Spark, On2 VP6, H.264
Τεχνολογιεσ του web 2.0 Flash video κωδικοποίηση on-demand με χρήση του Η.263 codec μέσω του Flash Player, H.264 μέσω του Flash Media Live Encoder τύποι αρχείων: FLV και SWF υποστήριξη progressive download μέσω HTTP υποστήριξη streaming μέσω RMTP με τη χρήση κατάλληλου streaming server
WEB 2.0 ΕΦΑΡΜΟΓΕΣ
WEB 2.0 ΕΦΑΡΜΟΓΕΣ κύρια χαρακτηριστικά κοινωνικότητα (social networks / social media) τοπικότητα content aggregation συνεργασία μεταξύ χρηστών προσωπικό πολυμεσικό υλικό
WEB 2.0 ΕΦΑΡΜΟΓΕΣ video music photo collab blog twitter popular t
ΤΟ ΜΕΛΛΟΝ ΤΟΥ WEB
ΤΟ ΜΕΛΛΟΝ ΤΟΥ WEB τάσεις για το μελλοντικό web θα υπάρξει web 3.0 και πως θα λέγεται; αύξηση bandwidth από τηλεπικοινωνιακούς παρόχους - διείσδυση εταιριών κινητής τηλεφωνίας ραγδαία ανάπτυξη mobile συσκευών - απανταχού Internet υποστήριξη πολυμεσικού περιεχομένου αντί απλού κειμένου μεγαλύτερη ανάπτυξη της κοινωνικότητας τα νέα μέσα τείνουν να αντικαταστήσουν τα παραδοσιακά
ΤΟ ΜΕΛΛΟΝ ΤΟΥ WEB τάσεις για το μελλοντικό web ψηφιακή ταυτότητα σύστημα μικρο-πληρωμών μεταφορά του λειτουργικού συστήματος στο web / cloud cloud computing data openness
Βιβλιογραφία O'Reilly - What is Web 2.0? (http://oreilly.com/web2/archive/what-is-web- 20.html) AJAX (http://www.adaptivepath.com/ideas/essays/archives/000385.php) A Look at Failed Social Networks (http://www.bivingsreport.com/2008/a-lookat-failed-social-networks/) Adobe Video Learning Guide for Flash (http://www.adobe.com/devnet/flash/learning_guide/video/part03.html) John L. Nesheim - High Tech Startup (Free Press, 2000, ISBN: 978-0684871707) Guy Kawasaki Reality Check (Portfolio Hardcover, 2008, ISBN: 978-1591842231)
Thank you