SlideShare une entreprise Scribd logo
1  sur  135
Web as a Platform May 09, 2008 by Evgeny Morozov
Why do we need platforms?
THEY HELP US BUILD STUFF They help us build stuff
Windows OS is a platform
It  helped to build this man's fortune
But it  also helped to build millions of software applications for Windows
How do you become a Bill Gates (i.e. build a successful platform)? IMPORTANT TAKE-AWAY!
Caution: do you really want it?
Answer: Develop a good API
Do we need another API? :-)‏ Academic Programs International American Petroleum Institute Australian Property Institute Australian Pharmaceuticals Industries American Press Institute Aerospace Products International Animal Protection Institute Asia Paranormal Investigators Attachment Parenting International American Poster Institute
API crash-course API, or Application Programming Interface, is a set of functions that one computer program makes available to other programs so they can  talk  to it directly.
Programs talk to each other all the time ( programmers not so much;-)
How does one create software that draws?
Program: "I need to draw a line" Windows: "To draw a line,  use Function 1” COMMAND: "...if a program asks for Function 1, execute Activity 1”
Result: Photoshop
Program: I need to input & edit text OS: “To delete, use Function 1, to start a new line use Function 2” COMMAND: “If program requests Function 1, execute Activity 1; if program requests Function 2, execute Activity 2”
Result: MS Office
 
+ millions of other commands
=Microsoft Vista (400 USD and 20 GB of space)‏
How Not to Become a Bill Gates Build a poorly structured and undocumented platform
Internet was born in chaos, more a data dump than a platform
Internet before Web2.0 was great for displaying and viewing data, not for building data applications
Teaser: Web2.0 changed some of that
...but first Crash course on “Data studies”
1. Content 2. Structure 3. Presentation 1. Content 2. Structure 3. Presentation Web data: 3 key features
:CONTENT:
Content “ Free for all” area that contains just the words (or numbers)‏ The words could be about: * A story * Instruction * Definitions * Or what have you
text
:STRUCTURE:
II. Structure This is the document type and the organization of its elements. For example: * Memo * Contract * Newspaper article * Glossary * Index
 
 
 
:PRESENTATION:
III. Presentation This is where the information presented to the client is organized and formatted  Presentation would control elements such as font types and sizes, etc
 
Time for inappropriate analogy!
Is music data?  Is music data?
Anatomy of a tune 1.   Content (the actual sounds)‏ 2. Structure (length, volume)‏ 3. Presentation (tempo, mood)‏ Anatomy of a tune
Same tune; two methods
The intuitive way
The academic way
Web1.0: Era of HTML With HTML your Content, Structure, and Presentation are all integrated.
In short, the  HTML code  a) makes your page look like it does b) contains the actual data displayed on the page c) controls fonts, text size, etc
HTML PROVIDES FOR DISPLAY,  NOT  DOCUMENT STRUCTURE, SEMANTICS, OR CONTENT
HTML=The Intuitive Way You play the tune even though you have no idea about sheet music
Web2.0: Era of XML Content, Structure, Presentation are separate
XML provides a standard approach for *Describing information * Capturing information * Processing information * Publishing information
XML allows you to describe the abstract structure of your data using your own vocabulary
XML=The Academic Way You know how to read music
 
Cooking Rhubarb Cobbler Evgeny Morozov May,09 2008 Rhubarb Cobbler made with bananas as the main sweetener. It was delicious. Basically it was 2 1/2 cups  diced rhubarb 2 tablespoons  sugar 2  fairly ripe bananas 1/4 teaspoon  cinnamon dash of  nutmeg Combine all and use as cobbler, pie, or crisp. Related recipes: Garden Quiche
What is “rhubarb”?
HTML <h1>Cooking Rhubarb Cobbler</h1> <h2>Evgeny Morozov</h2> <h3>May,09 2008</h3> Rhubarb Cobbler made with bananas as the main sweetener.  It was delicious.  Basically it was <table> <tr><td> 2 1/2 cups <td> diced rhubarb <tr><td> 2 tablespoons <td> sugar <tr><td> 2 <td> fairly ripe bananas <tr><td> 1/4 teaspoon <td> cinnamon <tr><td> dash of <td> nutmeg </table> Combine all and use as cobbler, pie, or crisp. Related recipes: <a href=&quot;#GardenQuiche&quot;>Garden Quiche</a>
XML <recipe id=&quot;117&quot; category=&quot;dessert&quot;> <title>Rhubarb Cobbler</title> <author>Evgeny Morozov></author> <date>May 09, 2008</date> <description> Rhubarb Cobbler made with bananas as the main sweetener.  It was delicious. </description> <ingredients> <item><amount>2 1/2 cups</amount><type>diced rhubarb</type></item> <item><amount>2 tablespoons</amount><type>sugar</type></item> <item><amount>2</amount><type>fairly ripe bananas</type></item> <item><amount>1/4 teaspoon</amount><type>cinnamon</type></item> <item><amount>dash of</amount><type>nutmeg</type></item> </ingredients> <preparation> Combine all and use as cobbler, pie, or crisp. </preparation> <related url=&quot;#GardenQuiche&quot;>Garden Quiche</related> </recipe>
Building an API Super-cool cooking site: “How do I display how many spoons of sugar to use to cook Rhubarb Cobbler?” XML site: “Query for <amount> of the <type> “sugar” HTML site: I beg your pardon? (eventually crashes ;-)‏
From rhubarb to YouTube
YouTube's API Your blog : &quot;I need to display all videos from your site tagged as &quot;FUNNY&quot;  YouTube : &quot;Please access videos at youtube.com/tag/word, where &quot;word&quot; should be replaced with &quot;FUNNY&quot;  COMMAND:  &quot;...to display video tagged with a particular tag, the query should be of the form youtube.com/word/tag/&quot;
AMAZON's API:  Online retailer: &quot;I need to display price for all Amazon items I am selling”  Amazon: &quot;Please ask for parameter PRICE to get price information&quot;  COMMAND: &quot;...if a third-party site asks for PRICE, display PRICE value&quot;  Online retailer: &quot;I need to display price for all Amazon items I am selling”  Amazon: &quot;Please ask for parameter PRICE to get price information&quot;  COMMAND: &quot;...if a third-party site asks for PRICE, display PRICE value&quot;
XML allows to EASILY move data between different platforms XML allows to EASILY move data between different platforms
How do you play the guitar part on the piano? Academic: “just look at the sheets, stupid” “ Intuitive”: “this keyboard looks...ummm...weird..”
Web2.0 explained in one line XML liberated data from its “carriers”
 
RSS: a way to distribute XML content
RSS is content neutral: it could deliver text, could be photos, could be videos It's just a pipeline carrying content to the end-user
Push versus Pull
 
 
 
 
 
 
 
 
“ Digital Footprints”
 
 
 
Why remix? Most data sets are imperfect and incomplete; mixing it with other sets of data often helps make a better/informed decision
Leg Room Information
+Flights
= Flights with more Leg Room!
Remixing the data was extremely difficult in the age of Web1.0
Remixing in the age of Web1.0
Remixing in the age of Web2.0
Spot the difference WEB1.0 WEB1.0 WEB2.0
Web2.0: the Age of the Conductor
Yahoo Pipes: The Conductor
 
It's not oil, it's data!
A web mashup is a web page or application that combines data from two or more external online source s
 
Mash-ups: The Lego Model
3 Lego blocks Pictures Maps Text
Pictures Pictures
Maps Maps
Text (news)‏ Text (news?)‏
Mash-up Matrix (basic)‏
Pictures+Text
Pictures+Maps
Pictures+Maps
Maps+Text
Mash-up Matrix Advanced
Programmable Web Mashup Matrix
#Most mash-ups are developed by third-parties #Just let them know how to use your functions (=provide an API) or give out as much raw data as possible (=provide XML feeds)‏
Good APIs GOOGLE MAPS : 1412 mash-ups FLICKR : 336 mash-ups YOUTUBE : 239 mash-ups Source: Programmable Web, May 2008
Maps Mash-ups: case-study
 
 
 
 
 
 
 
 
 
 
 
Working with textual data can often be EVEN more rewarding than working with maps
 
 
 
 
 
 
 
 
 
 
 
COMMUNITY
 
 
 

Contenu connexe

En vedette

The Web is the platform, @lxjs
The Web is the platform, @lxjsThe Web is the platform, @lxjs
The Web is the platform, @lxjs
haricot
 

En vedette (16)

Three Ways to Improve Citizen Media in Belarus: learning from the West
Three Ways to Improve Citizen Media in Belarus: learning from the WestThree Ways to Improve Citizen Media in Belarus: learning from the West
Three Ways to Improve Citizen Media in Belarus: learning from the West
 
How the Net aids dictatorships
How the Net aids dictatorshipsHow the Net aids dictatorships
How the Net aids dictatorships
 
Activism and New Media: Introduction
Activism and New Media: IntroductionActivism and New Media: Introduction
Activism and New Media: Introduction
 
The Web is the platform, @lxjs
The Web is the platform, @lxjsThe Web is the platform, @lxjs
The Web is the platform, @lxjs
 
Multi-platform / Web Content
Multi-platform / Web ContentMulti-platform / Web Content
Multi-platform / Web Content
 
Streamlining of an organization - Scrum with multiple teams (SEACON 2013)
Streamlining of an organization - Scrum with multiple teams (SEACON 2013)Streamlining of an organization - Scrum with multiple teams (SEACON 2013)
Streamlining of an organization - Scrum with multiple teams (SEACON 2013)
 
Будущее Медиа (Future Of Media July6 2007, mostly in Russian)
Будущее Медиа (Future Of Media July6 2007, mostly in Russian)Будущее Медиа (Future Of Media July6 2007, mostly in Russian)
Будущее Медиа (Future Of Media July6 2007, mostly in Russian)
 
How we integrate & deploy Mobile Apps with Travis CI
How we integrate & deploy Mobile Apps with Travis CIHow we integrate & deploy Mobile Apps with Travis CI
How we integrate & deploy Mobile Apps with Travis CI
 
Drupal vs. EPiServer
Drupal vs. EPiServerDrupal vs. EPiServer
Drupal vs. EPiServer
 
EPiServer Charts
EPiServer ChartsEPiServer Charts
EPiServer Charts
 
Using the extensibility benefits of EPiServer
Using the extensibility benefits of EPiServerUsing the extensibility benefits of EPiServer
Using the extensibility benefits of EPiServer
 
EPiServer Marketing Arena - Turning web traffic into revenue
EPiServer Marketing Arena - Turning web traffic into revenueEPiServer Marketing Arena - Turning web traffic into revenue
EPiServer Marketing Arena - Turning web traffic into revenue
 
Progressive EPiServer Development
Progressive EPiServer DevelopmentProgressive EPiServer Development
Progressive EPiServer Development
 
Yahoo! Pattern Library & Social Design Patterns
Yahoo! Pattern Library & Social Design PatternsYahoo! Pattern Library & Social Design Patterns
Yahoo! Pattern Library & Social Design Patterns
 
Git Branching for Agile Teams
Git Branching for Agile Teams Git Branching for Agile Teams
Git Branching for Agile Teams
 
How to build the perfect pattern library
How to build the perfect pattern libraryHow to build the perfect pattern library
How to build the perfect pattern library
 

Similaire à Web As A Platform

Introduction to Semantic Web for GIS Practitioners
Introduction to Semantic Web for GIS PractitionersIntroduction to Semantic Web for GIS Practitioners
Introduction to Semantic Web for GIS Practitioners
Emanuele Della Valle
 
Introduction to Web Design
Introduction to Web DesignIntroduction to Web Design
Introduction to Web Design
webhostingguy
 
Microformats 101 Workshop
Microformats 101 WorkshopMicroformats 101 Workshop
Microformats 101 Workshop
Kelley Howell
 

Similaire à Web As A Platform (20)

Introduction to Semantic Web for GIS Practitioners
Introduction to Semantic Web for GIS PractitionersIntroduction to Semantic Web for GIS Practitioners
Introduction to Semantic Web for GIS Practitioners
 
Web designing using html
Web designing using htmlWeb designing using html
Web designing using html
 
Sweo talk
Sweo talkSweo talk
Sweo talk
 
Lecture 1
Lecture 1Lecture 1
Lecture 1
 
The Ajax Experience: State Of The Browsers
The Ajax Experience: State Of The BrowsersThe Ajax Experience: State Of The Browsers
The Ajax Experience: State Of The Browsers
 
Pmm05 16
Pmm05 16Pmm05 16
Pmm05 16
 
Web 2.0 Lessonplan Day1
Web 2.0 Lessonplan Day1Web 2.0 Lessonplan Day1
Web 2.0 Lessonplan Day1
 
Html For Beginners 2
Html For Beginners 2Html For Beginners 2
Html For Beginners 2
 
Design Tools Html Xhtml
Design Tools Html XhtmlDesign Tools Html Xhtml
Design Tools Html Xhtml
 
Web Accessbility
Web AccessbilityWeb Accessbility
Web Accessbility
 
HTML Start Up - Introduction to HTML
HTML Start Up - Introduction to HTMLHTML Start Up - Introduction to HTML
HTML Start Up - Introduction to HTML
 
Web development Hackathon
Web development HackathonWeb development Hackathon
Web development Hackathon
 
Xml Zoe
Xml ZoeXml Zoe
Xml Zoe
 
Xml Zoe
Xml ZoeXml Zoe
Xml Zoe
 
Mashup Y! widget
Mashup Y! widgetMashup Y! widget
Mashup Y! widget
 
MyLifeBits van Microsoft
MyLifeBits van MicrosoftMyLifeBits van Microsoft
MyLifeBits van Microsoft
 
Introduction to Web Design
Introduction to Web DesignIntroduction to Web Design
Introduction to Web Design
 
Creating Yahoo Mobile Widgets
Creating Yahoo Mobile WidgetsCreating Yahoo Mobile Widgets
Creating Yahoo Mobile Widgets
 
Microformats 101 Workshop
Microformats 101 WorkshopMicroformats 101 Workshop
Microformats 101 Workshop
 
The Semantic Web
The Semantic WebThe Semantic Web
The Semantic Web
 

Plus de evgeny.morozov

Zurich Blogging Dangerous March24 2007
Zurich Blogging Dangerous March24 2007Zurich Blogging Dangerous March24 2007
Zurich Blogging Dangerous March24 2007
evgeny.morozov
 

Plus de evgeny.morozov (20)

georgetown talk evgeny morozov
georgetown talk evgeny morozovgeorgetown talk evgeny morozov
georgetown talk evgeny morozov
 
Authoritarian Governments in Cyberspace
Authoritarian Governments in CyberspaceAuthoritarian Governments in Cyberspace
Authoritarian Governments in Cyberspace
 
Technology and Social Change: Re-Examining Key Assumptions
Technology and Social Change: Re-Examining Key AssumptionsTechnology and Social Change: Re-Examining Key Assumptions
Technology and Social Change: Re-Examining Key Assumptions
 
The Changing Face of Activism: the Impact of Technology and New Media
The Changing Face of Activism: the Impact of Technology and New MediaThe Changing Face of Activism: the Impact of Technology and New Media
The Changing Face of Activism: the Impact of Technology and New Media
 
Community as an Asset
Community as an AssetCommunity as an Asset
Community as an Asset
 
Mobile for Development: Using Mobile Technology for Social Causes
Mobile for Development: Using Mobile Technology for Social CausesMobile for Development: Using Mobile Technology for Social Causes
Mobile for Development: Using Mobile Technology for Social Causes
 
Новые и Старые Медиа (Old vs New Media (mostly in Russian)
Новые и Старые Медиа (Old vs New Media (mostly in Russian)Новые и Старые Медиа (Old vs New Media (mostly in Russian)
Новые и Старые Медиа (Old vs New Media (mostly in Russian)
 
Blogs and Trends in the Blogosphere
Blogs and Trends in the BlogosphereBlogs and Trends in the Blogosphere
Blogs and Trends in the Blogosphere
 
Putting Community at the Core of Innovation In Media
Putting Community at the Core of Innovation In MediaPutting Community at the Core of Innovation In Media
Putting Community at the Core of Innovation In Media
 
Новые медиа и традиционные СМИ: модели сосуществования (New and Old Media: Me...
Новые медиа и традиционные СМИ: модели сосуществования (New and Old Media: Me...Новые медиа и традиционные СМИ: модели сосуществования (New and Old Media: Me...
Новые медиа и традиционные СМИ: модели сосуществования (New and Old Media: Me...
 
Youth in the CIS and New Media
Youth in the CIS and New Media Youth in the CIS and New Media
Youth in the CIS and New Media
 
How Open and Free is the Internet?
How Open and Free is the Internet?How Open and Free is the Internet?
How Open and Free is the Internet?
 
East-West Divide on the Web: Different Needs, Different Stories
East-West Divide on the Web: Different Needs, Different StoriesEast-West Divide on the Web: Different Needs, Different Stories
East-West Divide on the Web: Different Needs, Different Stories
 
Old and New Media: We are in this together
Old and New Media: We are in this togetherOld and New Media: We are in this together
Old and New Media: We are in this together
 
Blogging: The Rebirth fo Citizen Journalism?
Blogging: The Rebirth fo Citizen Journalism? Blogging: The Rebirth fo Citizen Journalism?
Blogging: The Rebirth fo Citizen Journalism?
 
Обзор гражданской журналистики (Overview of Citizen Journalism)
Обзор гражданской журналистики (Overview of Citizen Journalism)Обзор гражданской журналистики (Overview of Citizen Journalism)
Обзор гражданской журналистики (Overview of Citizen Journalism)
 
Zurich Blogging Dangerous March24 2007
Zurich Blogging Dangerous March24 2007Zurich Blogging Dangerous March24 2007
Zurich Blogging Dangerous March24 2007
 
Будущее Масс-Медиа (Future Of Media, mostly in Russian)
Будущее Масс-Медиа (Future Of Media, mostly in Russian)Будущее Масс-Медиа (Future Of Media, mostly in Russian)
Будущее Масс-Медиа (Future Of Media, mostly in Russian)
 
Web Opportunities in Web 2.0 March19 2007
Web Opportunities in Web 2.0 March19 2007Web Opportunities in Web 2.0 March19 2007
Web Opportunities in Web 2.0 March19 2007
 
Активизм и Новые Медиа (Activism And New Media June25 200, mostly in Russian)
Активизм и Новые Медиа (Activism And New Media June25 200, mostly in Russian)Активизм и Новые Медиа (Activism And New Media June25 200, mostly in Russian)
Активизм и Новые Медиа (Activism And New Media June25 200, mostly in Russian)
 

Dernier

20240429 Calibre April 2024 Investor Presentation.pdf
20240429 Calibre April 2024 Investor Presentation.pdf20240429 Calibre April 2024 Investor Presentation.pdf
20240429 Calibre April 2024 Investor Presentation.pdf
Adnet Communications
 
VIP Independent Call Girls in Mira Bhayandar 🌹 9920725232 ( Call Me ) Mumbai ...
VIP Independent Call Girls in Mira Bhayandar 🌹 9920725232 ( Call Me ) Mumbai ...VIP Independent Call Girls in Mira Bhayandar 🌹 9920725232 ( Call Me ) Mumbai ...
VIP Independent Call Girls in Mira Bhayandar 🌹 9920725232 ( Call Me ) Mumbai ...
dipikadinghjn ( Why You Choose Us? ) Escorts
 

Dernier (20)

Call Girls Koregaon Park Call Me 7737669865 Budget Friendly No Advance Booking
Call Girls Koregaon Park Call Me 7737669865 Budget Friendly No Advance BookingCall Girls Koregaon Park Call Me 7737669865 Budget Friendly No Advance Booking
Call Girls Koregaon Park Call Me 7737669865 Budget Friendly No Advance Booking
 
Booking open Available Pune Call Girls Talegaon Dabhade 6297143586 Call Hot ...
Booking open Available Pune Call Girls Talegaon Dabhade  6297143586 Call Hot ...Booking open Available Pune Call Girls Talegaon Dabhade  6297143586 Call Hot ...
Booking open Available Pune Call Girls Talegaon Dabhade 6297143586 Call Hot ...
 
20240429 Calibre April 2024 Investor Presentation.pdf
20240429 Calibre April 2024 Investor Presentation.pdf20240429 Calibre April 2024 Investor Presentation.pdf
20240429 Calibre April 2024 Investor Presentation.pdf
 
The Economic History of the U.S. Lecture 17.pdf
The Economic History of the U.S. Lecture 17.pdfThe Economic History of the U.S. Lecture 17.pdf
The Economic History of the U.S. Lecture 17.pdf
 
05_Annelore Lenoir_Docbyte_MeetupDora&Cybersecurity.pptx
05_Annelore Lenoir_Docbyte_MeetupDora&Cybersecurity.pptx05_Annelore Lenoir_Docbyte_MeetupDora&Cybersecurity.pptx
05_Annelore Lenoir_Docbyte_MeetupDora&Cybersecurity.pptx
 
The Economic History of the U.S. Lecture 25.pdf
The Economic History of the U.S. Lecture 25.pdfThe Economic History of the U.S. Lecture 25.pdf
The Economic History of the U.S. Lecture 25.pdf
 
Booking open Available Pune Call Girls Shivane 6297143586 Call Hot Indian Gi...
Booking open Available Pune Call Girls Shivane  6297143586 Call Hot Indian Gi...Booking open Available Pune Call Girls Shivane  6297143586 Call Hot Indian Gi...
Booking open Available Pune Call Girls Shivane 6297143586 Call Hot Indian Gi...
 
VIP Independent Call Girls in Mira Bhayandar 🌹 9920725232 ( Call Me ) Mumbai ...
VIP Independent Call Girls in Mira Bhayandar 🌹 9920725232 ( Call Me ) Mumbai ...VIP Independent Call Girls in Mira Bhayandar 🌹 9920725232 ( Call Me ) Mumbai ...
VIP Independent Call Girls in Mira Bhayandar 🌹 9920725232 ( Call Me ) Mumbai ...
 
The Economic History of the U.S. Lecture 22.pdf
The Economic History of the U.S. Lecture 22.pdfThe Economic History of the U.S. Lecture 22.pdf
The Economic History of the U.S. Lecture 22.pdf
 
Solution Manual for Financial Accounting, 11th Edition by Robert Libby, Patri...
Solution Manual for Financial Accounting, 11th Edition by Robert Libby, Patri...Solution Manual for Financial Accounting, 11th Edition by Robert Libby, Patri...
Solution Manual for Financial Accounting, 11th Edition by Robert Libby, Patri...
 
The Economic History of the U.S. Lecture 20.pdf
The Economic History of the U.S. Lecture 20.pdfThe Economic History of the U.S. Lecture 20.pdf
The Economic History of the U.S. Lecture 20.pdf
 
The Economic History of the U.S. Lecture 23.pdf
The Economic History of the U.S. Lecture 23.pdfThe Economic History of the U.S. Lecture 23.pdf
The Economic History of the U.S. Lecture 23.pdf
 
00_Main ppt_MeetupDORA&CyberSecurity.pptx
00_Main ppt_MeetupDORA&CyberSecurity.pptx00_Main ppt_MeetupDORA&CyberSecurity.pptx
00_Main ppt_MeetupDORA&CyberSecurity.pptx
 
VVIP Pune Call Girls Katraj (7001035870) Pune Escorts Nearby with Complete Sa...
VVIP Pune Call Girls Katraj (7001035870) Pune Escorts Nearby with Complete Sa...VVIP Pune Call Girls Katraj (7001035870) Pune Escorts Nearby with Complete Sa...
VVIP Pune Call Girls Katraj (7001035870) Pune Escorts Nearby with Complete Sa...
 
06_Joeri Van Speybroek_Dell_MeetupDora&Cybersecurity.pdf
06_Joeri Van Speybroek_Dell_MeetupDora&Cybersecurity.pdf06_Joeri Van Speybroek_Dell_MeetupDora&Cybersecurity.pdf
06_Joeri Van Speybroek_Dell_MeetupDora&Cybersecurity.pdf
 
Booking open Available Pune Call Girls Wadgaon Sheri 6297143586 Call Hot Ind...
Booking open Available Pune Call Girls Wadgaon Sheri  6297143586 Call Hot Ind...Booking open Available Pune Call Girls Wadgaon Sheri  6297143586 Call Hot Ind...
Booking open Available Pune Call Girls Wadgaon Sheri 6297143586 Call Hot Ind...
 
(Vedika) Low Rate Call Girls in Pune Call Now 8250077686 Pune Escorts 24x7
(Vedika) Low Rate Call Girls in Pune Call Now 8250077686 Pune Escorts 24x7(Vedika) Low Rate Call Girls in Pune Call Now 8250077686 Pune Escorts 24x7
(Vedika) Low Rate Call Girls in Pune Call Now 8250077686 Pune Escorts 24x7
 
Top Rated Pune Call Girls Sinhagad Road ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Sinhagad Road ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Sinhagad Road ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Sinhagad Road ⟟ 6297143586 ⟟ Call Me For Genuine S...
 
The Economic History of the U.S. Lecture 30.pdf
The Economic History of the U.S. Lecture 30.pdfThe Economic History of the U.S. Lecture 30.pdf
The Economic History of the U.S. Lecture 30.pdf
 
Vip Call US 📞 7738631006 ✅Call Girls In Sakinaka ( Mumbai )
Vip Call US 📞 7738631006 ✅Call Girls In Sakinaka ( Mumbai )Vip Call US 📞 7738631006 ✅Call Girls In Sakinaka ( Mumbai )
Vip Call US 📞 7738631006 ✅Call Girls In Sakinaka ( Mumbai )
 

Web As A Platform

  • 1. Web as a Platform May 09, 2008 by Evgeny Morozov
  • 2. Why do we need platforms?
  • 3. THEY HELP US BUILD STUFF They help us build stuff
  • 4. Windows OS is a platform
  • 5. It helped to build this man's fortune
  • 6. But it also helped to build millions of software applications for Windows
  • 7. How do you become a Bill Gates (i.e. build a successful platform)? IMPORTANT TAKE-AWAY!
  • 8. Caution: do you really want it?
  • 9. Answer: Develop a good API
  • 10. Do we need another API? :-)‏ Academic Programs International American Petroleum Institute Australian Property Institute Australian Pharmaceuticals Industries American Press Institute Aerospace Products International Animal Protection Institute Asia Paranormal Investigators Attachment Parenting International American Poster Institute
  • 11. API crash-course API, or Application Programming Interface, is a set of functions that one computer program makes available to other programs so they can talk to it directly.
  • 12. Programs talk to each other all the time ( programmers not so much;-)
  • 13. How does one create software that draws?
  • 14. Program: &quot;I need to draw a line&quot; Windows: &quot;To draw a line, use Function 1” COMMAND: &quot;...if a program asks for Function 1, execute Activity 1”
  • 16. Program: I need to input & edit text OS: “To delete, use Function 1, to start a new line use Function 2” COMMAND: “If program requests Function 1, execute Activity 1; if program requests Function 2, execute Activity 2”
  • 18.  
  • 19. + millions of other commands
  • 20. =Microsoft Vista (400 USD and 20 GB of space)‏
  • 21. How Not to Become a Bill Gates Build a poorly structured and undocumented platform
  • 22. Internet was born in chaos, more a data dump than a platform
  • 23. Internet before Web2.0 was great for displaying and viewing data, not for building data applications
  • 24. Teaser: Web2.0 changed some of that
  • 25. ...but first Crash course on “Data studies”
  • 26. 1. Content 2. Structure 3. Presentation 1. Content 2. Structure 3. Presentation Web data: 3 key features
  • 28. Content “ Free for all” area that contains just the words (or numbers)‏ The words could be about: * A story * Instruction * Definitions * Or what have you
  • 29. text
  • 31. II. Structure This is the document type and the organization of its elements. For example: * Memo * Contract * Newspaper article * Glossary * Index
  • 32.  
  • 33.  
  • 34.  
  • 36. III. Presentation This is where the information presented to the client is organized and formatted Presentation would control elements such as font types and sizes, etc
  • 37.  
  • 39. Is music data? Is music data?
  • 40. Anatomy of a tune 1. Content (the actual sounds)‏ 2. Structure (length, volume)‏ 3. Presentation (tempo, mood)‏ Anatomy of a tune
  • 41. Same tune; two methods
  • 44. Web1.0: Era of HTML With HTML your Content, Structure, and Presentation are all integrated.
  • 45. In short, the HTML code a) makes your page look like it does b) contains the actual data displayed on the page c) controls fonts, text size, etc
  • 46. HTML PROVIDES FOR DISPLAY, NOT DOCUMENT STRUCTURE, SEMANTICS, OR CONTENT
  • 47. HTML=The Intuitive Way You play the tune even though you have no idea about sheet music
  • 48. Web2.0: Era of XML Content, Structure, Presentation are separate
  • 49. XML provides a standard approach for *Describing information * Capturing information * Processing information * Publishing information
  • 50. XML allows you to describe the abstract structure of your data using your own vocabulary
  • 51. XML=The Academic Way You know how to read music
  • 52.  
  • 53. Cooking Rhubarb Cobbler Evgeny Morozov May,09 2008 Rhubarb Cobbler made with bananas as the main sweetener. It was delicious. Basically it was 2 1/2 cups diced rhubarb 2 tablespoons sugar 2 fairly ripe bananas 1/4 teaspoon cinnamon dash of nutmeg Combine all and use as cobbler, pie, or crisp. Related recipes: Garden Quiche
  • 55. HTML <h1>Cooking Rhubarb Cobbler</h1> <h2>Evgeny Morozov</h2> <h3>May,09 2008</h3> Rhubarb Cobbler made with bananas as the main sweetener. It was delicious. Basically it was <table> <tr><td> 2 1/2 cups <td> diced rhubarb <tr><td> 2 tablespoons <td> sugar <tr><td> 2 <td> fairly ripe bananas <tr><td> 1/4 teaspoon <td> cinnamon <tr><td> dash of <td> nutmeg </table> Combine all and use as cobbler, pie, or crisp. Related recipes: <a href=&quot;#GardenQuiche&quot;>Garden Quiche</a>
  • 56. XML <recipe id=&quot;117&quot; category=&quot;dessert&quot;> <title>Rhubarb Cobbler</title> <author>Evgeny Morozov></author> <date>May 09, 2008</date> <description> Rhubarb Cobbler made with bananas as the main sweetener. It was delicious. </description> <ingredients> <item><amount>2 1/2 cups</amount><type>diced rhubarb</type></item> <item><amount>2 tablespoons</amount><type>sugar</type></item> <item><amount>2</amount><type>fairly ripe bananas</type></item> <item><amount>1/4 teaspoon</amount><type>cinnamon</type></item> <item><amount>dash of</amount><type>nutmeg</type></item> </ingredients> <preparation> Combine all and use as cobbler, pie, or crisp. </preparation> <related url=&quot;#GardenQuiche&quot;>Garden Quiche</related> </recipe>
  • 57. Building an API Super-cool cooking site: “How do I display how many spoons of sugar to use to cook Rhubarb Cobbler?” XML site: “Query for <amount> of the <type> “sugar” HTML site: I beg your pardon? (eventually crashes ;-)‏
  • 58. From rhubarb to YouTube
  • 59. YouTube's API Your blog : &quot;I need to display all videos from your site tagged as &quot;FUNNY&quot; YouTube : &quot;Please access videos at youtube.com/tag/word, where &quot;word&quot; should be replaced with &quot;FUNNY&quot; COMMAND: &quot;...to display video tagged with a particular tag, the query should be of the form youtube.com/word/tag/&quot;
  • 60. AMAZON's API: Online retailer: &quot;I need to display price for all Amazon items I am selling” Amazon: &quot;Please ask for parameter PRICE to get price information&quot; COMMAND: &quot;...if a third-party site asks for PRICE, display PRICE value&quot; Online retailer: &quot;I need to display price for all Amazon items I am selling” Amazon: &quot;Please ask for parameter PRICE to get price information&quot; COMMAND: &quot;...if a third-party site asks for PRICE, display PRICE value&quot;
  • 61. XML allows to EASILY move data between different platforms XML allows to EASILY move data between different platforms
  • 62. How do you play the guitar part on the piano? Academic: “just look at the sheets, stupid” “ Intuitive”: “this keyboard looks...ummm...weird..”
  • 63. Web2.0 explained in one line XML liberated data from its “carriers”
  • 64.  
  • 65. RSS: a way to distribute XML content
  • 66. RSS is content neutral: it could deliver text, could be photos, could be videos It's just a pipeline carrying content to the end-user
  • 68.  
  • 69.  
  • 70.  
  • 71.  
  • 72.  
  • 73.  
  • 74.  
  • 75.  
  • 77.  
  • 78.  
  • 79.  
  • 80. Why remix? Most data sets are imperfect and incomplete; mixing it with other sets of data often helps make a better/informed decision
  • 83. = Flights with more Leg Room!
  • 84. Remixing the data was extremely difficult in the age of Web1.0
  • 85. Remixing in the age of Web1.0
  • 86. Remixing in the age of Web2.0
  • 87. Spot the difference WEB1.0 WEB1.0 WEB2.0
  • 88. Web2.0: the Age of the Conductor
  • 89. Yahoo Pipes: The Conductor
  • 90.  
  • 91. It's not oil, it's data!
  • 92. A web mashup is a web page or application that combines data from two or more external online source s
  • 93.  
  • 95. 3 Lego blocks Pictures Maps Text
  • 98. Text (news)‏ Text (news?)‏
  • 106. #Most mash-ups are developed by third-parties #Just let them know how to use your functions (=provide an API) or give out as much raw data as possible (=provide XML feeds)‏
  • 107. Good APIs GOOGLE MAPS : 1412 mash-ups FLICKR : 336 mash-ups YOUTUBE : 239 mash-ups Source: Programmable Web, May 2008
  • 109.  
  • 110.  
  • 111.  
  • 112.  
  • 113.  
  • 114.  
  • 115.  
  • 116.  
  • 117.  
  • 118.  
  • 119.  
  • 120. Working with textual data can often be EVEN more rewarding than working with maps
  • 121.  
  • 122.  
  • 123.  
  • 124.  
  • 125.  
  • 126.  
  • 127.  
  • 128.  
  • 129.  
  • 130.  
  • 131.  
  • 133.  
  • 134.  
  • 135.