Web 2'0

1
Web 2.0

• Kevin Farst

2
What is Web 2.0?

• "Web 2.0 is the business revolution in the
  computer industry caused by the move to the
  Internet as platform, and an attempt to
  understand the rules for success on that new
  platform." - Tim OReilly
• "Web 2.0 is a knowledge-oriented environment
  where human interactions generate content that is
  published, managed and used through network
  applications in a service-oriented architecture.
  -IBM social-networking analyst

3
What is Web 2.0?
4
The Beginning
5
The Beginning

• First web browser, WorldWideWeb, created in 1990.
• Tim Berners-Lee is credited for creating the WWW.
• The web became a public service in August 1991
  with a newsgroup posting summarizing the project.

6
First Web Pages

• Simple text pages with the basic intent of
  sharing information.
• In 1993, the creation of the Mosaic web browser
  funded by Al Gores High Performance Computing
  and Communication Act of 1991 was the turning
  point for the World Wide Web.
• Mosaic was a graphical web browser, being the
  first to incorporate graphics into web pages.
  This greatly increased the popularity of the Web.

7
Presentation

• First pages were created using simple Hyper Text
  Markup Language (HTML).
• Provided simple colored text, fonts, background
  colors and background images, image insertion,
  and other text styling.
• Basic HTML knowledge could enable even the least
  of tech-savvy people to create a functioning,
  (somewhat) attractive web page.

8
Presentation
9
Presentation

• A major improvement on the presentation side of
  the World Wide Web was the creation of Cascading
  Style Sheets (CSS).
• CSS support was first provided (although very
  limited) on Microsofts Internet Explorer 3 in
  1996.
• Allowed for a common theme to be displayed on any
  number of individual pages on a website, where
  presentation attributes (colors, sizes,
  positions) are referenced from a common style
  sheet.

10
Presentation

• ltbody bgcolorFFFFFF text000000
  linkFF0000 vlinkC0C0C0gt
• ltlink rel"stylesheet" href"master.css" /gt
• body
• background-colorFFFFFF
• color000000
• linkFF0000
• vlinkC0C0C0
• ltbodygt

11
Presentation
12
Presentation
13
Presentation

• In conjunction with improved graphic design
  programs, presentati0n technologies like CSS have
  helped to make the World Wide Web flashy,
  extravagant, and eye-catching.

14
Static vs. Dynamic

• Original web pages displayed text that was typed
  directly into the HTML page, and could only be
  updated by manually changing the text on the
  page.
• In 1995, a standard for calling command line
  executables was agreed upon by World Wide Web
  software developers and web site designers,
  called the Common Gateway Interface (CGI)

15
Static vs. Dynamic

• With CGI, a call is made to a web server
  requesting information (usually a page on a
  website). The information is retrieved (if it
  exists), transformed into HTML, and displayed
  onto the web browser.
• Executing scripts on a website allows for
  customized content, restricted data for specific
  users, reduction on the number of pages required
  for displaying data on a website, and much more.

16
Static vs. Dynamic
17
Static vs. Dynamic

• CGI also allows for web users with little or no
  programming/web designing skills to be able to
  contribute to the web and send information over
  the web.
• Web forms allow for users to input information
  and submit it to a database, where it can be used
  to register the user as a member of some
  organization or website, buy something online, or
  perhaps post to a forum page or blog.

18
Static vs. Dynamic
19
Server-Side vs. Client-Side

• So far, weve only covered interaction with a web
  server through CGI, however, not all dynamic
  content in server-side.
• Client-side script execution can be accomplished
  with technologies like JavaScript, which was
  first supported on the Netscape Navigator web
  browser in 1995.
• A requested page is sent from the server as-is,
  then modified in some way by client-side
  scripting

20
Server-Side vs. Client-Side

• Client-side scripts can modify presentation
  elements, check preconditions such as browser
  type, and even run an event whenever an action is
  performed.
• Recent technologies such as Asynchronous
  JavaScript and XML (AJAX) are able to combine
  server-side and client-side scripting by using
  actions performed by the user to execute a
  database query without reloading the webpage.

21
Server-Side vs. Client-Side
22
Other Places to Find Web 2.0 Technologies

• eBay
• Gmail
• Blogspot
• Ohio States Website
• Thousands and millions of sites all over the
  World Wide Web

23
Conclusion

• Web 2.o has made the web more than just a place
  to share information, it has made the World Wide
  Web a fun and enjoyable experience, combining
  advanced cutting-edge technologies with the
  accessibility and usability that makes it easy
  enough for your grandma to post her two-cents
  on a blog.