This document discusses the evolution of the internet and web technologies from the 1960s to present. It covers the development of core internet protocols and infrastructure (TCP/IP), the transition to Web 1.0 in the 1990s with static HTML pages, and the rise of Web 2.0 in the 2000s with user-generated content and social applications like blogs, wikis, social networks, podcasts and mashups. Emerging technologies discussed include microblogging platforms like Twitter, semantic web standards, and future directions in online learning.

1. Web 1.0, 2.0 and Beyond Dorai Thodla iMorph, Inc., Twitter Id: dorait Email: dorait@imorph.com

2. Did You Know? A Video Tour of Trends

3. Co-evolution

4. Internet – A Time Line

5. Internet Computers Ethernet TCP/IP Born in late 60s and early 70s Dominant Applications FTP Email Defense Use

6. Web 1.0 Layered On Top of Internet Sharing Documents Protocol – http Format – html Very Static (initially) Evolution Dynamic Content Data Driven Became mainstream with browser and Server development (both open source)

8. Web 2.0 Tag Cloud

9. Web 2.0 Apps Blogs ( Wordpress, Blogger) Wikis (Wikipedia, Mediawiki) Social Networks (Facebook, Orkut, LinkedIn, Ning) Podcasting (iTunes) Social Bookmarking (Delicious, StumbleUpon) Screencasting (CommonCraft) Video (YouTube, Vimeo)

10. Blogs A Blog is normally a single page of entries. A blog is organized in reverse-chronological order, A blog is normally public -- the whole world can see it. A blog is written using a Web Based Editor (can also be done using email or Word or any other authoring tool)

11. A Blog Page

12. Blog – A Mind Map

13. Wikis Wiki is a short form of Wiki Wiki Web Wiki – A collaboration tool A knowledge repository Multiple authors Multiple Roles (edit, view) Wiki Words Wiki Links Back Links Built In Search Automatic Versioning Wiki Engines Wikis in Plain English (Video)

14. Wiki Trends

15. Other Uses of MediaWiki Engine

16. Podcasting, Screen Casting And Sketch Casting Podcasting (iTunes) Screen Casting Camtasia Sketch Casting Video

17. Micro Blogging - Twitter Tweets Re-Tweets Twitter-Lists Followers Friends Trends Twitter-Search Why is Twitter So Popular?

18. Mashups A way to flexibly combine applications Build custom applications in hours and days Introduction to Mashups (Video) Resources: Programmable Web MashupUnconference Enterprise Mashups

19. RSS and Atom Feeds An XML based format for syndicating content Blogs News Feeds Feed Readers Google Reader Feed Search Engines Feed Aggregators RSS in Plain English (video)

20. A Sample RSS Feed

21. Social Media Social Media (Video) Social Networks (Video) Twitter – A micro-blogging service (video) Blogs (Video)

22. The Semantic Web Parallax Demo (video) - http://www.freebase.com/labs/parallax/index.html/ Semantic Web (Video) RDF Tutorial (video)

23. An Example @prefix : <http://www.example.org/> . :john a :Person . :john :hasMother :susan . :john :hasFather :richard . :richard :hasBrother :luke . http://www.rdfabout.net/intro/?section=contents

24. Semantic Web Concepts RDF – Resource Description Framework Expresses semantics in triples A web page consists of a set of RDF statements RDF can be embedded in web pages using RDFa SPARQL allows you to query web as a database

25. RDF, RDFS, OWL Just like databases have a schema, RDF has a schema language called RDFS OWL is a Ontology Web Language to provide a more powerful description of resources and their valid relationships Different websites can share common vocabularies to refer to similar objects

26. Some Sample Vocabularies FOAF – Friend of a Friend BIO - A vocabulary for biographical information Dublin Core – Author meta data GEO - A vocabulary for representing latitude, longitude and altitude information More info at: http://www.schemaweb.info/

27. Future Directions in Learning MIT Sketchboard Siftables