Web 1.0, 2.0 and Beyond

Dorai ThodlaiMorph, Inc.,

Twitter Id: doraitEmail: dorait@imorph.com

Did You Know?

A Video Tour of Trends

Co-evolution

Applications Drive Technology

Innovations

Technology Enables New Applications

Internet – A Time Line

Internet

• Computers• Ethernet• TCP/IP• Born in late 60s and early 70s• Dominant Applications– FTP– Email– Defense Use

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)

Web 2.0 Tag Cloud

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)

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)

A Blog Page

Blog – A Mind Map

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)

Wiki Trends

Other Uses of MediaWiki Engine

Podcasting, Screen Casting And Sketch Casting

• Podcasting– (iTunes)

• Screen Casting– Camtasia

• Sketch Casting – Video

Micro Blogging - Twitter

• Tweets• Re-Tweets• Twitter-Lists• Followers• Friends• Trends• Twitter-Search• Why is Twitter So Popular?

Mashups

• A way to flexibly combine applications• Build custom applications in hours and days• Introduction to Mashups (Video)• Resources:– Programmable Web– Mashup Unconference– Enterprise Mashups

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)

A Sample RSS Feed

Social Media

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

The Semantic Web

• Parallax Demo (video) - http://www.freebase.com/labs/parallax/index.html/

• Semantic Web (Video)• RDF Tutorial (video)

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

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

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

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/

Future Directions in Learning

• MIT Sketchboard• Siftables