Inauguration Report (IR09) for Android

I just published this app today as part of the http://inaugurationreport.com effort… read on for more info:

Inauguration Report is the official Android app for the 2009 Inauguration Report collaborative journalism project. Produced by NPR.org, CBS News and American University, Inauguration Report is a news initiative to gather stories from the public surrounding the January 20 presidential inauguration of Barack Obama.

Inauguration Report lets you send your own reports about the inauguration and
share it with the public online. NPR.org and CBS News will also incorporate public contributions in its coverage of the inauguration, so you may be contacted by them if they decide to use your submission. You can submit reports in the form of text, photos or audio.

Results of the project will be posted online at NPR.org, CBSNews.com and InaugurationReport.org. It will be added to a collection of submissions from other iPhone users, as well as people on Twitter, Flickr and other online communities.

WTF: Why I Built My "Blog App" for Android

A few weeks ago I wrote post demonstrating how to turn your blog into an iPhone App with a few easy steps, using the Phonegap approach, along with Apple’s Dashcode development tools.

Today I am happy to announce that I’ve used the same approach to develop and release an app for the Android platform, which you can download today on your T-Mobile G1. Just search for “nathan” or “open ideals” in the Android Market.

the launcher with my face

Now, as always, there are plenty of haters in the market comments for my app, most people having no idea why some dude is “shamelessly promoting” himself or calling the app “spam”. To be honest, I don’t really want or expect random people to download my app… I just want it there so I can demonstrate the possibilities of linking together a few cool pieces of tech to build a rich mobile application….

I agree that my personal blog may not have much use for the average G1 user, but imagine the possibilities… perhaps in a more functional application, you could integrate a WebView component into it, that points to a mobile-enabled user support blog. Maybe you want to create a blog that can react to a users geographic location… use phonegap to submit the GPS coordinates to your wordpress system, and present the relevant posts. Instead of thinking about this is as a “blog app”, think of it as a quick launch into a searchable, dynamic content platform… plenty of interesting applications for that architecture!

Quick Rundown of the Tools Used

1) Phonegap – a native wrapper for the webkit browser on the iPhone and Android platforms… basically allows you to build webapps, but distribute them as native code through the App Store and Android Market. Learn more at phonegap.com

2) WordPress – a great, simple CMS that has support through themes and plugins for rendering in a mobile friendly format. I used the WPtouch theme for WordPress, which makes any WP install look fantastic on iPhones, iPod Touches and of course Android.

3) Eclipse – You pull all the code together using the Android SDK with the Eclipse IDE. What’s great about this is that Eclipse allows you to develop both your Android app and your Web app side-by-side… so you can hack your web code, customize your mobile themes, etc, all while glueing together your phonegap app. It is a great seamless experience, and a perfect way for a web developer to transition into being a “mobile app” developer.

Here’s some screenshots of the blog app in action…

blog app splash screen

blog app posts

blog app menu

SVG makes your iPhone webapps more "flash"-y

I’ve been doing some work on a iPhone webapp (natively deployed, wrapped in PhoneGap naturally) and decided to incorporate some advanced visualizations using Scalable Vector Graphics. Achieving robust SVG support in browsers has been a long struggle, and the good news is that the latest builds of both Firefox and Safari, desktop and mobile, do it well. Safari’s support comes from the excellent Webkit project – read more about the status of their SVG support. On the desktop, SVG hasn’t gained much popularity, mostly due to the presence of Flash and Java, the incumbents when it comes to advanced visualization.

However, the reason SVG should matter to iPhone developers is that, since there is no Flash or Java support, it is difficult to achieve rich, dynamically rendered interfaces – think charts, clocks, gauges and other visualizations, through CSS alone.

The application I am developing required a working classic clock with semi-transparent wedges overlaid on top of it showing different upcoming events. The implementation is nearly done, so you will be able to see it in action soon, but for now here’s a screenshot:

working clock rendered with SVG on mobile safari

And for those of you looking to do some rad geo-hacking and break out of the bonds of Google, how about moving towards OpenLayers based SVG maps? There are some links to great SVG map demos at the end of this article. Also check out James Fees GIS Blog for a whole thread on this topic.

Not sure if this works yet in WebKit on iPhone, but have you seen this cool demo of combining SVG with the new HTML video element? Perfect for the multitouch capability of the iPhone, no?

All in all, just food for thought, and an example of a great technology that might have finally found its niche!

Here are some great SVG demos, samples, tools that should all will work in the iPhone Safari browser… and hopefully the Android version of WebKit, as well!

Wednesday Panel: Web2.0 Activist Model Case Studies

This Wednesday I’m speaking at what will be a very interesting event in Williamsburg hosted and organized by the fine folks at The Change You Want To See Gallery. Deanna Zandt, Nancy Scola and I will be discussing our personal experiences and insights gained through our work with applying new technology to a variety of causes and movements in 2008.

Hope to see you there!

Over the past two years, Web 2.0 technologies have matured and so have the methods activists use to employ them. In 2008, activists from around the world used Web 2.0 to take command of the digital airwaves pioneering new forms of political mobilization. From Student’s for a Free Tibet’s live streamed protests in Beijing, to RNC protesters coordinating actions and monitoring police movements on Twitter to mass digital mobilizations for humanitarian relief and election protection, Web 2.0 is no longer just for social networking and fundraising.

Wednesday, December 17, 7:30pm
The Change You Want To See Gallery
http://www.thechangeyouwanttosee.org
84 Havemeyer Street, at Metropolitan Ave
Brooklyn, NY 11211