Rhode Island 2.0
•Download as KEY, PDF•
1 like•717 views
Presented by Dan Chapman, Creative Director at RI.gov. Learn about how Rhode Island is creating a Web 2.0 government platform.
Recommended
More Related Content
Viewers also liked
Viewers also liked (20)
Similar to Rhode Island 2.0
Similar to Rhode Island 2.0 (20)
More from NIC Inc | EGOV
More from NIC Inc | EGOV (20)
Recently uploaded
Recently uploaded (20)
Rhode Island 2.0
- 1. Rhode Island 2.0 Dan Chapman, Director of Creative Services, RI.gov
- 3. 1. Agency as Web Platform
- 4. 1. Agency as Web Platform 2. Social Moderation Made Easy
- 5. 1. Agency as Web Platform 2. Social Moderation Made Easy 3. Future-Proofing the Web
- 6. 1. Agency as Web Platform
- 7. Treasury as Web Platform • The Web was used as a platform right from the beginning • CaprioTV.com brought an Internet TV platform to the RI electoral process
- 8. New www.treasury.ri.gov • New tools combined to create a new platform • Flickr for Photos • Flash Video using FlowPlayer, Vimeo and YouTube • Blogging using WordPress • RSS for all state press using RI.gov state-wide RSS service • Twitter for news, daily receipts & expenditures
- 9. The Pieces
- 17. Putting them Together Examples from around the state
- 18. RI Department of Transportation
- 19. RI Department of Transportation
- 20. RI Department of Transportation
- 21. RI Department of Transportation Twitter
- 22. RI Department of Transportation Twitter
- 23. RI Department of Transportation Twitter
- 24. RI Department of Transportation Twitter
- 25. RI Department of Transportation Twitter
- 26. RI Department of Transportation Twitter
- 31. Arts Council (RISCA) • Creating an online platform • Twitter • RSS • YouTube • Facebook • MySpace • WordPress
- 35. RSS
- 36. RSS
- 37. RSS Twitterfeed
- 38. RSS Twitterfeed
- 39. RSS Twitterfeed Twitter
- 40. RSS Twitterfeed Twitter
- 41. RSS Twitterfeed Twitter
- 44. 4 7 8 9 5 2 Getting Started Sign In Getting setup is easy and takes just minutes! Email Address 1 2 3 Create My Account. Add My Feeds Track My Feeds Password Easily add your existing feeds Real-time Stats Forgot your password? Sign In with OpenID Don't have an account yet?
- 49. Moderation on Facebook • “Wall” controls • Age Restrictions • “Fan” Capabilities • Published Status
- 53. Moderation on Flickr • RI.gov Flickr Photo Pool • www.ri.gov/photos/ • Launched Summer 2008 • Over 1,000 photos submitted & approved
- 58. Approval Process • All photos approved by an account administrator • Any photos can be retroactively removed
- 60. Benefits • Legitimacy from a trusted destination • Pre-built approval process • API • Web-based • Hosting • Invested community • Plays well with others
- 67. Rhode Island is Planning Ahead • Good Old-fashioned Markup • Microformats • Tagging & Open Data
- 68. Good Old-Fashioned HTML • Standards-based HTML 4 Markup • Validates to W3C Specification • Federal Section 508 Priority Level I Standard • CSS design
- 69. Benefits • Accessibility • Searchability • Findability • Adaptability
- 70. Microformats A standard way to markup commonly-agreed upon forms of data.
- 71. Huh? Microformats are a way to add information about what exactly your content is, by using an agreed upon technique.
- 72. Think of it This Way “You did something this way, so Iʼll do it that way too”
- 75. Under the Hood <span class="adr"> <span class="street-address">One Capitol Hill</span>, <span class="locality">Providence</span>, <span class="region">RI</span> <span class="postal-code"> 02908 </span></span>
- 76. Benefits • Better search results • New browsers will take advantage of Microformats • Future-proof your site • www.microformats.org
- 78. Open Data & Tagging • Debuted a new tag-based link database in May 2009 • Traditional hierarchy was replaced • Entire links database is available via XML
- 85. Text Only | Wireless | High Contrast Search Rhode Island Government Recursos en Español Phone book AskRI Traffic Phone Help Help Share A- A+ Print Home Open Data State Data Home Resources & Services & Forms Agencies & Officials Open Data Groups Democratizing Rhode Island Data For Business Hello. Resident Resources The RI.gov portal team is committed to making RI.gov links, as well as many other data sets available Mashable City is an Visitors & Culture open community project, to the general public. We invite you to browse the data sets below and create something! Please share aimed at turning Information & Data with use what you create by E-Mail. Providence, RI into the Cities & Towns most mashup-friendly place on earth. Visit » Portal XML The entire RI.gov links database is accessible as XML via a simple URL query. For example: http://www.ri.gov/links/?tags=online+service&ret=xml returns all links associated with online services. Connecting Rhode Island's Info-Tech & To use, simply browse through the tagged links pages to find the tags or combination of tags you wish Digital Media Community Visit » to use, then create the URL using the scheme listed above. To combine multiple tags, combine using the following URL scheme: Federal Data http://www.ri.gov/links/?tags=online+service%2C+business&ret=xml Resources This example combines the link tags Online Service and Business to return XML for links tagged with both. Complete Tag List Open Meetings: Public Meeting Notices & Minutes White House Open Government Initiative
- 86. Source: Google Population Source: Google About & Help Officials On the Web Data & Tools About RI.gov Governor's Office Twitter Webmakers Resource Awards Lt. Governor's Office Flickr Accessibility Privacy Policy Secretary of State Standards Facebook Other Policies General Treasurer Open Data / XML YouTube Subscriber Services Attorney General LinkedIn Help RSS
Editor's Notes
- I&#x2019;d like to build on what Hillary has just presented and talk about some 2.0 things closer to home. Three categories: 1. Agency as Web 2.0 Platform 2. Social Moderation Made Easy 3. Future-Proofing the Web
- I&#x2019;d like to build on what Hillary has just presented and talk about some 2.0 things closer to home. Three categories: 1. Agency as Web 2.0 Platform 2. Social Moderation Made Easy 3. Future-Proofing the Web
- I&#x2019;d like to build on what Hillary has just presented and talk about some 2.0 things closer to home. Three categories: 1. Agency as Web 2.0 Platform 2. Social Moderation Made Easy 3. Future-Proofing the Web
- The new Treasury team that came into office in 2006 - his "vision for the treasurer&#x2019;s office" was to be accessible to "as many Rhode Islanders as possible in as comfortable a format as possible." To do this, the Treasury rapidly deployed a variety of tools to suit their media needs.
- Let&#x2019;s take a look at some of those pieces individually and see how Treasury put them together.
- Twitter was used to keep constituents up to date on the latest goings on, as well a first - the state&#x2019;s cash flow is tweeted daily!
- A presence on Facebook was established to publish news and help drive site traffic.
- The Treasury presence on Flickr worked in a similar way, and also gave the office a quick and easy way to publish photos to the Treasury site.
- All of this comes together in the Media Room. Web standard Flash Video, RSS, Flickr, Twitter, Facebook and YouTube, in one place. THe Treasury office was very easily able to move from a static, simple Web site to something much more dynamic and engaging.
- Putting them together- now I&#x2019;d like to show some other examples from around the state that show how some agencies are using these tools, and fitting them directly into their existing workflow.
- - DOT sends out email alerts for traffic, construction, delays and road closures to an email distribution list (this includes local media outlets). - Using a free twitter service called TwitterMail, DOT was able to simply add an email address to that list, that then automatically tweeted these same updates. Using the RSS feed from Twitter, DOT was able to embed this same data directly on the DOT Web site. Fitting into an existing workflow, new distribution channels were quickly added
- - DOT sends out email alerts for traffic, construction, delays and road closures to an email distribution list (this includes local media outlets). - Using a free twitter service called TwitterMail, DOT was able to simply add an email address to that list, that then automatically tweeted these same updates. Using the RSS feed from Twitter, DOT was able to embed this same data directly on the DOT Web site. Fitting into an existing workflow, new distribution channels were quickly added
- - DOT sends out email alerts for traffic, construction, delays and road closures to an email distribution list (this includes local media outlets). - Using a free twitter service called TwitterMail, DOT was able to simply add an email address to that list, that then automatically tweeted these same updates. Using the RSS feed from Twitter, DOT was able to embed this same data directly on the DOT Web site. Fitting into an existing workflow, new distribution channels were quickly added
- - DOT sends out email alerts for traffic, construction, delays and road closures to an email distribution list (this includes local media outlets). - Using a free twitter service called TwitterMail, DOT was able to simply add an email address to that list, that then automatically tweeted these same updates. Using the RSS feed from Twitter, DOT was able to embed this same data directly on the DOT Web site. Fitting into an existing workflow, new distribution channels were quickly added
- - DOT sends out email alerts for traffic, construction, delays and road closures to an email distribution list (this includes local media outlets). - Using a free twitter service called TwitterMail, DOT was able to simply add an email address to that list, that then automatically tweeted these same updates. Using the RSS feed from Twitter, DOT was able to embed this same data directly on the DOT Web site. Fitting into an existing workflow, new distribution channels were quickly added
- - DOT sends out email alerts for traffic, construction, delays and road closures to an email distribution list (this includes local media outlets). - Using a free twitter service called TwitterMail, DOT was able to simply add an email address to that list, that then automatically tweeted these same updates. Using the RSS feed from Twitter, DOT was able to embed this same data directly on the DOT Web site. Fitting into an existing workflow, new distribution channels were quickly added
- - DOT sends out email alerts for traffic, construction, delays and road closures to an email distribution list (this includes local media outlets). - Using a free twitter service called TwitterMail, DOT was able to simply add an email address to that list, that then automatically tweeted these same updates. Using the RSS feed from Twitter, DOT was able to embed this same data directly on the DOT Web site. Fitting into an existing workflow, new distribution channels were quickly added
- - DOT sends out email alerts for traffic, construction, delays and road closures to an email distribution list (this includes local media outlets). - Using a free twitter service called TwitterMail, DOT was able to simply add an email address to that list, that then automatically tweeted these same updates. Using the RSS feed from Twitter, DOT was able to embed this same data directly on the DOT Web site. Fitting into an existing workflow, new distribution channels were quickly added
- - DOT sends out email alerts for traffic, construction, delays and road closures to an email distribution list (this includes local media outlets). - Using a free twitter service called TwitterMail, DOT was able to simply add an email address to that list, that then automatically tweeted these same updates. Using the RSS feed from Twitter, DOT was able to embed this same data directly on the DOT Web site. Fitting into an existing workflow, new distribution channels were quickly added
- RISCA (The Arts Council) has done a great job of reaching it&#x2019;s core users &#x2013; artists and supports of the arts, in places they already congregate online. The Arts Council FaceBook group has over 500 members, with virtually no promotion. Rather, it has grown virally from friend to friend.
- Leveraging the RSS feed generated by their WordPress blog, the Arts council was able to send this RSS feed to a free service called &#x201C;Twitterfeed&#x201D; that would then automatically &#x201C;tweet&#x201D; the RSS feed headlines, complete with a link to the full article hourly. Now, content generated from one source could be quickly published in two.
- Leveraging the RSS feed generated by their WordPress blog, the Arts council was able to send this RSS feed to a free service called &#x201C;Twitterfeed&#x201D; that would then automatically &#x201C;tweet&#x201D; the RSS feed headlines, complete with a link to the full article hourly. Now, content generated from one source could be quickly published in two.
- Leveraging the RSS feed generated by their WordPress blog, the Arts council was able to send this RSS feed to a free service called &#x201C;Twitterfeed&#x201D; that would then automatically &#x201C;tweet&#x201D; the RSS feed headlines, complete with a link to the full article hourly. Now, content generated from one source could be quickly published in two.
- Leveraging the RSS feed generated by their WordPress blog, the Arts council was able to send this RSS feed to a free service called &#x201C;Twitterfeed&#x201D; that would then automatically &#x201C;tweet&#x201D; the RSS feed headlines, complete with a link to the full article hourly. Now, content generated from one source could be quickly published in two.
- Leveraging the RSS feed generated by their WordPress blog, the Arts council was able to send this RSS feed to a free service called &#x201C;Twitterfeed&#x201D; that would then automatically &#x201C;tweet&#x201D; the RSS feed headlines, complete with a link to the full article hourly. Now, content generated from one source could be quickly published in two.
- Leveraging the RSS feed generated by their WordPress blog, the Arts council was able to send this RSS feed to a free service called &#x201C;Twitterfeed&#x201D; that would then automatically &#x201C;tweet&#x201D; the RSS feed headlines, complete with a link to the full article hourly. Now, content generated from one source could be quickly published in two.
- Leveraging the RSS feed generated by their WordPress blog, the Arts council was able to send this RSS feed to a free service called &#x201C;Twitterfeed&#x201D; that would then automatically &#x201C;tweet&#x201D; the RSS feed headlines, complete with a link to the full article hourly. Now, content generated from one source could be quickly published in two.
- Leveraging the RSS feed generated by their WordPress blog, the Arts council was able to send this RSS feed to a free service called &#x201C;Twitterfeed&#x201D; that would then automatically &#x201C;tweet&#x201D; the RSS feed headlines, complete with a link to the full article hourly. Now, content generated from one source could be quickly published in two.
- Leveraging the RSS feed generated by their WordPress blog, the Arts council was able to send this RSS feed to a free service called &#x201C;Twitterfeed&#x201D; that would then automatically &#x201C;tweet&#x201D; the RSS feed headlines, complete with a link to the full article hourly. Now, content generated from one source could be quickly published in two.
- Leveraging the RSS feed generated by their WordPress blog, the Arts council was able to send this RSS feed to a free service called &#x201C;Twitterfeed&#x201D; that would then automatically &#x201C;tweet&#x201D; the RSS feed headlines, complete with a link to the full article hourly. Now, content generated from one source could be quickly published in two.
- Here is the State Arts Council Blog
- Here is the State Arts Council Blog
- By using the free service twitterfeed.com &#x2013; The Arts council was able to take the rich content from their blog&#x2019;s RSS output, and feed it into this service, and from there, directly to Twitter.
- Here is that same content, served up on Twitter. The Arts Council now reaches constituents by Web, RSS and Twitter. Again, users have choices in how they want to consume this content.
- Here is that same content, served up on Twitter. The Arts Council now reaches constituents by Web, RSS and Twitter. Again, users have choices in how they want to consume this content.
- More examples are featured at RI.gov&#x2019;s new Social Media page.
- A concern I hear a lot when suggesting social media sites, or social networking sites is: &#x201C;How can I moderate that?&#x201D; &#x201C;how do I keep that appropriate for government use?&#x201D; I&#x2019;d like to show some examples of how you take care of that using some of the sites we&#x2019;ve just mentioned.
- Moderation on Facebook can be accomplished through a variety of built in settings. These include wall controls, age restrictions and the capabilities of what users can do when visiting your Facebook page.
- Here is the RI.gov Facebook page
- Here are the settings that Facebook provides for a page administrator. You can see in the middle here the settings for wall posts.
- To take things a step further, you can define age restrictions for your page, it&#x2019;s published status, and who can post what to the wall - either administrators, or everyone.
- Next up, moderation on Flickr.
- Here are the Flickr photos as seen on RI.gov. Flickr&#x2019;s tools enable us to embed that content in a couple really nice ways At the top, we have a flash-based slideshow
- Underneath that, image thumbnails provided through the Flickr RSS feed.
- Here is how those photos appear on the RI.gov Flickr photo page.
- So, Approvals. All photos are approved by hand by an administrator - nothing gets through automatically. Any photos can be retroactively removed immediately.
- Here&#x2019;s a screenshot of the approval process.
- Some benefits of going with a solution like Flickr: A legitimate solution already in use by thousands of users worldwide. RI.gov had in the past used a custom built, in house solution, but found it to be time intensive to maintain, host and support. Why reinvent the wheel when it&#x2019;s already been done? Key point here, you can reach users passionate about images and photography where they are already congregating.
- Other agencies and officials using Flickr in Rhode Island include the Lt. Governor&#x2019;s Office
- and Representative Jim Langevin.
- Another great feature that Flickr has built in - Geo Location. Many digital cameras and cell phones add location data to their photos. Flickr takes advantage of this and provides interesting ways to use it - via an RSS or KML feed.
- At RI.gov, we were able to quickly &#x2018;mashup&#x2019; our photo group with a Google Map, showing exactly where our photos were taken.
- Last thing I&#x2019;d like to talk about today: Future Proofing your Web site.
- There are a couple ways that Rhode Island is planning ahead for changes that are coming to the Web. I&#x2019;d like to talk about three of them here today.
- All the sites we design at RI.gov, including the RI.gov site istelf meet the W3C spec for HTML 4 In addition, our site template adheres to Federal Accessibility standards for Web-based content.
- There are many benefits to this. First is Accessibility. By keeping the design elements separate from the HTML content, and only in CSS, we&#x2019;re able to keep our content accessible to any audience, whether they are using a screen reader, if they are color blind, or using other assistive technologies. Searchability. Search engines, just like assistive devices have an easier time if design is separated from markup, resulting in great search results. Findability. Combining these good search results, with the combined presence on other social media sites results in a bigger overall presence on the Web. Adaptability. While Web standards are changing at a very fast pace, sites coded to these standards will work for a very long time.
- Next up, Microformats. Building on our base of good clean HTML, we&#x2019;re actively pursuing markup techniques that add valuable information to our code. One of those technologies is Microformats.
- &#x201C; Microformats are a way to add information about what exactly your content IS, by using an agreed upon technique.
- Think of it this way: &#x201C;You did something this way, so I&#x2019;ll do it that way too&#x201D; There are many different Microformats out there - we&#x2019;re going to look at one example we&#x2019;re using at RI.gov
- Here is the RI.gov A-Z guide. We&#x2019;re going to zoom in on an entry here for the Department of Administration
- Here&#x2019;s the code behind the address part of this entry.
- What&#x2019;s the point of this? Right now, it&#x2019;s a case of stay tuned. But good stuff is coming - major search engines including Yahoo and Google are on board, as are future browsers including Firefox. More to the point, if you&#x2019;re adding this stuff to your sites now, why not add it using a standard? An easy way to future proof your site.
- as seen here, with a list of links on the left, and a tag list to the right.
- Last, I want to talk a little bit about Open Data & Tagging. RI.gov debuted a new tag-based version of the RI.gov site earlier this year. Traditionally we had a hierarchy based navigation. You chose a category, sub category, then viewed a list of links.
- Here&#x2019;s a look at RI.gov&#x2019;s business section. On the right you can see a list of all the links
- If we zoom in here, you can see a &#x201C;view all tagged with&#x201D; section, so we can refine what we&#x2019;re looking for based on tags assigned to this link.
- Here&#x2019;s the results for all tagged &#x201C;Secretary of State&#x201D;
- Results can be refined further through a list of related tags listed on the left.
- This is an approach very similar to other tag based systems getting wide adoption from Flickr, to Delicious,
- as seen here, with a list of links on the left, and a tag list to the right.
- Taking that tag approach one step further, we&#x2019;re inviting our user community use our data in ways we haven&#x2019;t yet planned for, by opening up our entire links database via XML. We&#x2019;re excited to see what people come up with as we take this next Web 2.0 step.