Download It - RI.gov : Rhode Island Government :
Upcoming SlideShare
Loading in...5
×
 

Download It - RI.gov : Rhode Island Government :

on

  • 234 views

 

Statistics

Views

Total Views
234
Views on SlideShare
234
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Download It - RI.gov : Rhode Island Government : Presentation Transcript

  • 1. Web 2.0
    • Daniel Chapman Webmaker’s Meeting, January 2007
  • 2. What is Web 2.0?
    • A buzzword
    • A phrase used by journalists in any new article referring to the Internet
    • A collection of ideas and concepts, most famously outlined in Tim O’Reilly’s article, “What is Web 2.0?”
  • 3. What is Web 2.0?
    • Some of the O’Reily Article Web 2.0 concepts include:
      • Web 2.0 is about Services, not packaged software - simple, smart web-based services rather than full-blown, packaged software releases
      • User control over unique, hard-to-recreate data sources that get richer as more people use them
      • Trusting users as co-developers
      • Harnessing collective intelligence - user powered information
      • Light, easy to use user interfaces
  • 4. OK, But what does that really mean?
    • Seeing Web 2.0 as something more fundamental: Playing to the Internet’s inherent strengths:
    • Harnessing the collective over the select few - sharing and collaborating through user-driven connections and content decisions, rather than through a top-down approach.
      • Examples include: Tagging, embedded content sharing and content collaborations through Web services or shared APIs
    • Allowing users to create organic connections between content , much like the way “average joe” Web content is generated.
  • 5. OK, But what does that really mean?
    • Examples
    • Popular Science vs Engadget
    • Wikipedia vs Encyclopedia Britannica
    • YouTube vs Cable
    • Google Adwords vs DoubleClick
  • 6.
    • Information presented in small, digestible segments
    • Content provided in a way best suited to the medium
    • Smart, targeted distribution, instead of traditional wide-net broadcasting
    OK, But what does that really mean?
  • 7. What does this mean for what we do?
    • How does this idea of people-powered content work with State Government?
    • Open-ended, unregulated Internet culture vs Hierarchical, structured entities with a need to provide, authoritative information.
  • 8. What does this mean for what we do?
    • Ideas we can agree on:
      • The continuous roll out - end of the 1.0, 2.0, 3.0 version number era.
      • Good simple, clear-cut design. Less is more. (White space is a good thing)
      • Use of AJAX where appropriate to create richer user experiences without sacrificing accessibility.
      • Losing control is OK : Technologies like RSS, iCal or ICS, blogs and Web services allow for content to be manipulated away from the Web page.
  • 9. What does this mean for what we do?
    • Ideas that are a harder sell for State Government:
      • Tagging vs. traditional hierarchy Letting users dictate how portal information is best organized through tagging vs. category maps or other traditional navigation methods. Is this a good service for citizens browsing Government sites?
      • Syndicating portal content to other Web sites Is syndicating site content through Web services desirable for state Web sites? Example: Customized versions of Amazon, eBay, Craigslist create unique and sometimes unintended consequences. Is this worth the risk for the possible return?
  • 10. Under the hood (What the heck is AJAX anyway?) (What the heck is AJAX anyway?)
    • Asynchronous Javascript and XML
      • Asynchronous : Content can be added to an existing Web page, or within the DOM (Domain Object Model) after page load, resulting in more dynamic content delivery.
      • Javascript : Javascript used to create a more dynamic user experience (creating effects traditionally associated with plugins such as Quicktime or Flash), only without the need for plugins.
      • XML : Standard markup format for getting data in and out.
      • Other technologies used in conjunction with AJAX include:
        • HTML / XHTML
        • CSS
  • 11. Under the hood (What the heck is AJAX anyway?) (What the heck is AJAX anyway?)
    • Some of the most famous AJAX / Web 2.0 examples include:
    • Flickr
    • Basecamp
    • Google Maps
  • 12. Flickr
    • Features:
    • Dynamic AJAX “photostream” slideshows
    • User-driven tagging
    • User comments and permalinking
    • RSS feeds
  • 13. Basecamp
    • Features:
    • Dynamic content manipulation
    • Animated feedback, prompts and other AJAX goodies add to the user experience - more desktop app, less Web site
    • RSS Feeds
    • iCal Feeds
  • 14. Google Maps
    • Features:
    • Live content refresh and manipulation without page refreshes
    • API for easy integration with other data sources
  • 15. RI.gov and AJAX
    • RI.gov examples:
    • Secretary of State Point of Sale application
    • Photo Gallery
    • A-Z Guide
  • 16. RI.gov Photo Gallery
    • Features:
    • Use of JQuery AJAX library
    • Use of Thickbox JQuery add-on for slideshow effects
    • Slideshow remains accessible even with javascript turned off (degrades gracefully)
    • Formatting can easily be adjusted through a dedicated style sheet
  • 17. RI.gov Photo Gallery www.RI.gov/photocontest/
  • 18. RI.gov A-Z Guide
    • Features:
    • Use of JQuery Library
    • Dynamic XML data load for additional agency information from the Secretary of State’s office
  • 19. RI.gov A-Z Guide www.RI.gov/guide/
  • 20. RI.gov SOS Point of Sale
    • Features:
    • Designed from the ground-up to mimic an existing desktop application
    • Uses the lightweight AJAX library JQuery
    • Dynamic XML calls load data into pages wherever possible without page refreshes
    • Use of tab index allows for extensive keyboard use, reducing mouse use for quick data entry
  • 21. RI.gov SOS Point of Sale
  • 22. Things we can do to be ready for Web 2.0
    • Separate substance from style. CSS-driven design, with clean database-driven content and semantic page markup. This helps makes our content ready for stripped-down syndication through Web services when we’re ready for them.
    • Allow for user-driven remixing of content Losing control is OK!
  • 23. Hype vs Reality
    • Question: Is Web 2.0 a cohesive, well-defined concept worthy of widespread adoption, or a buzzword centered around disparate, naturally evolving ideas?
    • Answer? Both .
    • Trends and buzzwords evolve faster than the public’s ability to catch up. Our responsibility is to help all citizens interact with Rhode Island State Government online, no matter what what skill set.
  • 24. Sources
    • What is Web 2.0 Tim O’Reily http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html
    • JQuery: New Wave Javascript http://jquery.com /
    • Thickbox 2.1 http://jquery.com/demo/thickbox/
    • Wikipedia: Web 2.0 http://en.wikipedia.org/wiki/Web_2.0
    • Wikipedia: AJAX http://en.wikipedia.org/wiki/AJAX
    • Web 2.0 for Designers Richard MacManus http://www.digital-web.com/articles/web_2_for_designers/
    • Web 3.0 Jeffery Zeldman http://www.alistapart.com/articles/web3point0/