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
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
50.
51.
52.
53. Moderation on Flickr
⢠RI.gov Flickr Photo Pool
⢠www.ri.gov/photos/
⢠Launched Summer 2008
⢠Over 1,000 photos submitted & approved
54.
55.
56.
57.
58. Approval Process
⢠All photos approved by an account administrator
⢠Any photos can be retroactively removed
59.
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 SpeciďŹcation
⢠Federal Section 508 Priority Level I Standard
⢠CSS design
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â
73.
74.
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
77.
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
79.
80.
81.
82.
83.
84.
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
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.