WEB 2.0 & ΠΟΛΥΜΕΣΑ παναγιώτης καραγεωργάκης. ελληνικό ανοικτό πανεπιστήμιο / γραφικές τέχνες - πολυμέσα / γτπ61

Transcript

1 WEB 2.0 & ΠΟΛΥΜΕΣΑ παναγιώτης καραγεωργάκης ελληνικό ανοικτό πανεπιστήμιο / γραφικές τέχνες - πολυμέσα / γτπ61

2 WEB 2.0 & ΠΟΛΥΜΕΣΑ ενότητες τι είναι το web 2.0 τεχνολογίες του web 2.0 web 2.0 εφαρμογές το μέλλον του web

3 ΤΙ ΕIΝΑΙ ΤΟ WEB 2.0

4 ΤΙ ΕΙΝΑΙ ΤΟ WEB 2.0 ενότητες σύντομη ιστορία του web 1.0 ηγέννησητουweb 2.0 χαρακτηριστικά του web 2.0 η πορεία μέχρι σήμερα

5 ΤΙ ΕΙΝΑΙ ΤΟ WEB 2.0 σύντομη ιστορία του web : δημιουργία του hypertext από τον Tim Berners- Lee 1989: πρόταση του ονόματος world wide web 1990: δημιουργία του πρώτου web server / client 1991: ντεμπούτο του web ως δημόσια υπηρεσία στο διαδίκτυο

6 ΤΙ ΕΙΝΑΙ ΤΟ WEB 2.0 σύντομη ιστορία του web αυγούστου 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

7 ΤΙ ΕΙΝΑΙ ΤΟ WEB 2.0 σύντομη ιστορία του web : ανάπτυξη του world wide web Mosaic web browser (1993) Netscape Navigator (1994) 1ο παγκόσμιο συνέδριο για τον παγκόσμιο ιστό (1994) ίδρυση του World Wide Web Consortium (W3C) (1994) πρώτο online journal από τον Justin Hall (1996) :)

8 ΤΙ ΕΙΝΑΙ ΤΟ WEB 2.0 σύντομη ιστορία του web : εμπορευματοποίηση του web ηπαρουσίαστοweb γίνεται αναγκαία γέννηση του e-commerce και των dot-com οι Page & Brin φτιάχνουν το BackRub (1996) ο Dave Winer φτιάχνει το Scripting News (1996) γεννιέται ο όρος weblog από τον Jorn Barger (1997)

9 ΤΙ ΕΙΝΑΙ ΤΟ WEB 2.0 σύντομη ιστορία του web : η φούσκα των dot-com αύξηση μετοχών λόγω ονομασίας e-,.com αλόγιστες επενδύσεις από VCs μη βιώσιμες ιδέες / business plans / IPOs πτώση μετοχών / κλείσιμο εταιριών δημιουργείται το Blogger (1999) δημιουργείται το Wikipedia (2001)

10 ΤΙ ΕΙΝΑΙ ΤΟ WEB 2.0 ηγέννησητουweb 2.0 ηφούσκατωνdot-com έγινε ευκαιρία για αλλαγή και ανάδειξη την καινοτομίας στο web ο Tim O Reilly οργανώνει το πρώτο Web 2.0 Conference (2004) θεώρηση του web ως πλατφόρμα το web έγινε πιο δημοκρατικό ασαφή όρια - μια ομάδα από αρχές και πρακτικές

11 ΤΙ ΕΙΝΑΙ ΤΟ 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

12 WEB 2.0 TAG CLOUD

13 ΤΙ ΕΙΝΑΙ ΤΟ WEB 2.0 το web ως πλατφόρμα χαρακτηριστικά του web 2.0 διαμοίραση πληροφορίας μεταξύ διαφορετικών websites APIs - Application Programming Interfaces REST - Representational State Transfer συνδυασμός διαφορετικών υπηρεσιών - mash-ups απελευθέρωση των δεδομένων - data openness

14 ΤΙ ΕΙΝΑΙ ΤΟ WEB 2.0 χαρακτηριστικά του web 2.0 δημοκρατικότητα στο web δυνατότητα έκφρασης μέσω κειμένου, ήχου, βίντεο συμμετοχή των χρηστών (π.χ. wikis, comments, tagging) ανάδειξη των σημαντικών ειδήσεων από τους χρήστες social networks - social media citizen journalism (blogging, micro-blogging)

15 ΤΙ ΕΙΝΑΙ ΤΟ WEB 2.0 χαρακτηριστικά του web 2.0 νέες τάσεις στο web design έμφαση στο design καιστηναπλότητα χρήση μινιμαλιστικών μοτίβων - παστέλ χρωματικές παλέτες χρήση των standards XHTML & CSS έμφαση στην προσβασιμότητα (accessibility) χρήση AJAX - Asynchronous Javascript And XML

16 WEB 2.0 DEsign

17 WEB 2.0 DEsign

18 WEB 2.0 DEsign

19 WEB 2.0 DEsign

20 WEB 2.0 DEsign

21 WEB 2.0 DEsign

22 WEB 2.0 LOGOS

23 WEB 2.0 LOGOS

24 ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ WEB 2.0

25 ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ 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

26 ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ WEB 2.0 AJAX παραδοσιακά ο client με το server χρησιμοποιούν σύγχρονη επικοινωνία (request / response) απαιτείται πλήρης ανανέωση της ιστοσελίδας για οποιαδήποτε αλλαγή στο περιεχόμενο που προέρχεται από το server καθυστέρηση στην επικοινωνία - φόρτωση ολόκληρης της σελίδας ενώ μπορεί να έχει αλλάξει μόνο ένα μικρό κομμάτι της μικρός βαθμός αλληλεπίδρασης - εμφάνιση στατικών σελίδων στο χρήστη

27 ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ WEB 2.0 AJAX το AJAX χρησιμοποιεί ασύγχρονη επικοινωνία ανάμεσα σε client & server ανανεώνονται μόνο τμήματα της ιστοσελίδας και όχι ολόκληρη η σελίδα μεγαλύτερος βαθμός αλληλεπιδραστικότητας χρήση στοιχείων διεπαφής που ενημερώνουν το χρήστη για την πρόοδο του αιτήματος δίνει τη δυνατότητα για αλληλεπιδραστικές web εφαρμογές που μοιάζουν με τις desktop εφαρμογές

28 ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ WEB 2.0 χρήση των standards XHTML και CSS δυναμική εμφάνιση και αλληλεπίδραση με το περιεχόμενο με χρήση του DOM - Document Object Model ανταλλαγή και επεξεργασία δεδομένων με χρήση XML και XSLT ασύγχρονη αποστολή δεδομένων με χρήση του XMLHttpRequest υλοποίηση με JavaScript AJAX

29 AJAX WEB APPLICATION MODEL

30 SYNCHRONOUS VS ASYNCHRONOUS PATTERN

31 ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ WEB 2.0 Remote Site Syndication RSS ενσωματώνει το περιεχόμενο μίας ή περισσότερων ιστοσελίδων σε αρχείο XML (feed) ανάγνωση του XML αρχείου από client software content aggregation από διάφορα sites / services μπορεί να περιέχει news, blog posts, status updates, κλπ.

32 ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ WEB 2.0 XHTML extensible Mark-up Language W3C Recommendation συμβατότητα με την XML ένα XHTML έγγραφο είναι έγκυρο XML έγγραφο χρησιμοποιεί namespaces βοηθά στη συγγραφή σημασιολογικού κώδικα (semantic mark-up)

33 ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ WEB 2.0 Cascading Style Sheets CSS διαχωρισμός πληροφορίας - τρόπου παρουσίασης υποστηρίζει πολλά μέσα (οθόνη Η/Υ, PDA, mobile phone, screen reader) οι αλλαγές στο στυλ εμφάνισης γίνονται κεντρικά σε ένα αρχείο βοηθά στο accessibility (π.χ. αύξηση μεγέθους γραμμάτων)

34 ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ 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 σχεδιασμός επάνω στην ιστοσελίδα

35 ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ WEB 2.0 HTML5 HTML5 CANVAS EXAMPLE

36 ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ 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

37 ΤΕΧΝΟΛΟΓΙΕΣ ΤΟΥ WEB 2.0 WebGL cross-platform, royalty-free web standard (υπό ανάπτυξη) βασίζεται στην OpenGL ES 2.0 υποστηρίζει την εμφάνιση 3D γραφικών στον browser χωρίς τη χρήση κάποιου plug-in υποστηρίζει hardware accelaration συμμετέχουν οι Apple, Google, Mozilla, Opera

38 Τεχνολογιεσ του web 2.0 Flash video container για τη μετάδοση video μέσω του Flash player (έκδοση 6 και άνω) το πιο δημοφιλές video format στοχώροτουinternet δύο τύποι format: FLV και F4V υποστήριξη codec: Sorenson Spark, On2 VP6, H.264

39 Τεχνολογιεσ του 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

40 WEB 2.0 ΕΦΑΡΜΟΓΕΣ

41 WEB 2.0 ΕΦΑΡΜΟΓΕΣ κύρια χαρακτηριστικά κοινωνικότητα (social networks / social media) τοπικότητα content aggregation συνεργασία μεταξύ χρηστών προσωπικό πολυμεσικό υλικό

42 WEB 2.0 ΕΦΑΡΜΟΓΕΣ video music photo collab blog twitter popular t

43 ΤΟ ΜΕΛΛΟΝ ΤΟΥ WEB

44 ΤΟ ΜΕΛΛΟΝ ΤΟΥ WEB τάσεις για το μελλοντικό web θα υπάρξει web 3.0 και πως θα λέγεται; αύξηση bandwidth από τηλεπικοινωνιακούς παρόχους - διείσδυση εταιριών κινητής τηλεφωνίας ραγδαία ανάπτυξη mobile συσκευών - απανταχού Internet υποστήριξη πολυμεσικού περιεχομένου αντί απλού κειμένου μεγαλύτερη ανάπτυξη της κοινωνικότητας τα νέα μέσα τείνουν να αντικαταστήσουν τα παραδοσιακά

45 ΤΟ ΜΕΛΛΟΝ ΤΟΥ WEB τάσεις για το μελλοντικό web ψηφιακή ταυτότητα σύστημα μικρο-πληρωμών μεταφορά του λειτουργικού συστήματος στο web / cloud cloud computing data openness

46 Βιβλιογραφία O'Reilly - What is Web 2.0? ( 20.html) AJAX ( A Look at Failed Social Networks ( Adobe Video Learning Guide for Flash ( John L. Nesheim - High Tech Startup (Free Press, 2000, ISBN: ) Guy Kawasaki Reality Check (Portfolio Hardcover, 2008, ISBN: )

47 Thank you