Archive for the 'Web Development' Category

Unsolvable Problems

Tuesday, July 26th, 2011

Occasionally I come across problems which can’t seem to be fixed.  Often there’s a way to workaround the problem so that it doesn’t have to be solved.  Sometimes, though, I just have to leave it unsolved and put up with the imperfection.  Here is a great example.

StreetsblogSF runs using the same software (WordPress/lighttpd) and on the same hardware as Streetsblog NYC, DC, and LA.  Unlike the others, however, it occasionally takes a long time, up to a minute, to load in the browser.  Go to it now and see if this happens for you.  There doesn’t seem to be any pattern to when these long loads occur.  Most of the time the site loads in just a few seconds.

I’m not sure why StreetsblogSF behaves like this.  It is setup and configured the same as the other sites, has the same webserver settings, installed plugins etc.  I checked the server logs and there are no reports of anything unusual.  I watched the site load in firebug but got no additional information. (more…)

How People Consume our Content

Friday, June 17th, 2011

How do people consume the content we create on our blogs?  That is the question I’d like to examine in this post.

In the charts below, I compare the various ways that people consume our content for each of our blogs during the past month. People can come directly to our sites on their desktop browsers.  They can come on their mobile devices, by hitting our mobile themes.  They can subscribe to our RSS feeds using Google Reader or a similar RSS reader.  And they can also subscribe to our email feeds which delivers a daily digest email to their inboxes.

(more…)

Universal Subtitles comes to Streetfilms

Wednesday, June 8th, 2011

Over the last years, Streetfilms has become a resource for people all over the world who are interested in improving the street life of their cities. People have also started to translate the films and create new videos with subtitles for their native audience. Here’s an example of a Streetfilms video translated for Streets of Iran. This is all very exciting for the Streetfilms team!

Today, in an effort to facilitate this process, we’ve released an update to Streetfilms.org which incorporates Universal Subtitles into the site. Universal Subtitles is a system in which any film can have subtitles added to it and displayed in any language. People can play the film with subtitles by choosing any of the available translations, or even with English subtitles which is helpful for the hearing impaired.

The real genius of Universal Subtitles is that translations are crowd-sourced, that is, anyone can add a translation. Once it is added, it is available immediately on the site for anyone to use. Hopefully, over time, Streetfilms will grow a large repository of subtitles for many of our films. (more…)

The Growth of Mobile

Friday, May 13th, 2011

Earlier this year I acknowledged the growing trend of mobile browsers and soon after rolled out an improved mobile theme to GothamSchools.  This week I deployed the same mobile platform to Streetsblog.org and the other city Streetsblogs.  See the new theme below:

As with GothamSchools, this new theme has many advanced features such as reformatting images on the fly to fit a particular display and integrated Share buttons. (more…)

Sharing Usage Analysis

Tuesday, April 26th, 2011

A few weeks ago I upgraded our sharing infrastructure on our various Streetsblogs to use the ShareThis service.  Previously we had a custom set of icons that were not integrated into a sharing service.

I made this upgrade partly to make it more obvious to people how to share posts and in so doing promote sharing and expand the reach of our content.  The old buttons were in the sidebar and the new ones are larger and directly below the post.  I decided to have just the twitter, facebook, and email buttons due to data from our ShareThis widget on GothamSchools which shows that these are the most popular channels.

Another benefit of going with a service like ShareThis is that it provides analytics that tell us which posts are the most shared, which channels are most popular, etc.  See below: (more…)

Disqus Usage Analysis

Tuesday, April 19th, 2011

A couple of weeks ago we deployed the Disqus commenting system across our blogs.  Read more about that here.  Now I want to analyze how the communities have engaged the various new features offered by Disqus.

We are currently running on free Disqus accounts.  If we were to upgrade to a Plus account, we would get access to some built-in analytics.  In their absence, I did this analysis by hand, by grepping through the source of Disqus moderation screens.

First, I looked at how users were authenticating when they place a comment.

blog anonymous disqus google twitter facebook yahoo
GothamSchools.org 88% 8.5% 0 3% 0.5% 0
Streetsblog.org 60% 33% 2% 3% 0.5% 1.5%
dc.Streetsblog.org 60% 26% 5% 4% 2% 3%
la.Streetsblog.org 52.5% 21% 6% 14.5% 5.5% 0.5%
sf.Streetsblog.org 61% 37% 0% 2% 0% 0%
Streetsblog.net 42% 38% 12% 0% 6% 2%
Streetfilms.org 55% 25% 10% 6% 3% 1%

The anonymous comment rate is the percentage of comments that are made anonymously as opposed to by people who authenticate with Google, Twitter, Facebook, Yahoo, or Disqus.  This indicates something about how much people are willing to expose of themselves.

It makes sense that people at Streetsblog.net are the ones who are most willing to authenticate and reveal their true identities.  This blog is intended to be read by the most dedicated members of the Livable Streets initiative.  GothamSchools, on the other extreme, is a public journalism site that doesn’t have a strong bias so naturally has the most commenters who do not wish to reveal their identities.

I then looked at how much people were using the “Likes” button and how often people are writing a reply to a comment.

blog Likes / 100 comments Replies / 100 comments
GothamSchools.org 39 45
Streetsblog.org 34 39
dc.Streetsblog.org 66 29
la.Streetsblog.org 55 34
sf.Streetsblog.org 84 58
Streetsblog.net 72 34
Streetfilms.org 48 30

It’s good to see here that the new Disqus features are being well used.

The Great Disqus Deployment

Friday, April 1st, 2011

Several weeks ago I deployed the Disqus commenting system on GothamSchools.org.  The editors there are happy with this new system.  So this week I deployed Disqus on StreetsblogNYC, StreetsblogLA, StreetsblogDC, StreetsblogSF, Streetsblog.net and Streetfilms.

Technically, it was a pretty straightforward process. I had to strip out our old commenting system on these sites, which integrates with LivableStreets.com, and then install and style the Disqus system.  This will allow us to shut down LivableStreets.com for good, something we’ve been wanting to do for some time.

I did run into some problems exporting our existing comments to Disqus.  For some reason, the built-in exporter kept hitting errors and failing.  The Disqus engineers were responsive to my complaints and said that they’re building a command-line tool for large exports to be in the next release. (more…)

Measuring Community Activity on a Blog

Thursday, March 17th, 2011

I’ve been thinking about how to measure community activity on our blogs.  This would be useful so that we can judge our effectiveness over time at enabling conversation and participation among the communities we are trying to serve.

People interact with our blogs at varying depths.  It would be interesting to measure statistics at each level.  First, people simply navigate to a single blog posts, then they might browse other blog posts, then they might “like” a comment or leave a comment, or several comments, and finally they may share the blog post on a social network via one of our sharing widgets.

Looking at the statistics for each of these levels would show us how shallow or deep typical blog visitors go in interacting with the blog.

For example, on GothamSchools in Feb 2011 we can gather these statistics:

127533 visits to the blog
77795 visits viewed more than one page
1449 comments were left by
390 commenters
117 shares to social networks using the sharethis widget

You can see how activity dropped off at deeper levels of participation. (more…)

Developing WordPress Mobile Themes

Wednesday, March 16th, 2011

Here at OpenPlans, we decided we wanted to upgrade our mobile presence for a few of our blogs.  The number of smartphones that were shipped in the fourth quarter of 2010 exceeded the number of personal computers shipped, so we see our mobile presence becoming increasingly important.

Choosing a Mobile Plugin

The GothamSchools mobile theme shown in the Firefox browser.

The first step was to survey the various mobile plugins for WordPress.  I narrowed down the choices to WPTouch and WP Mobile Pack.  I ended up choosing WPTouch because it is compatible with the Disqus commenting system.  We recently launched Disqus on GothamSchools and plan on doing so soon on our other blogs.

The advantages WPTouch offers over our previous mobile theme, are:

  • it has a menu that gives access to all parts of the site and search
  • it has share buttons that will increase the viral nature of blog posts
  • it reformats images, videos etc. on the fly to be compatible with the specific mobile device
  • it has wizzy AJAX features, like auto-loading of more posts in the post listing
  • it is under active development and has a large community so is a good bet for future releases and ongoing support
  • it is compatible with wp-super-cache

I decided to buy the WPTouch Pro version of WPTouch instead of using the free version.  The Pro version is quite a bit more sophisticated than the free version and promises future upgrades and support.

Customizing the Mobile Theme

I then set out to customize the default WPTouch theme for GothamSchools.org.  I created a child theme of the default WPTouch theme in which I added some styles and slightly changed the markup in the index and archive templates.  Many other settings were easily customized using the WPTouch admin panel.  Because I made only a few changes to the template code, the new Gotham mobile theme will hopefully remain compatible with future upgrades to the WPTouch Pro plugin and its default theme. (more…)

Monetizing Journalism using a Jobs Board

Thursday, February 24th, 2011

Monetizing online journalism is a difficult problem right now.  Online advertising and sponsorships can generate money.  Sites like the WSJ, The Times of London and the Sunday Times have erected pay walls which have brought some success at monetizing their content.  The NYTimes and others plan to follow suit.

On Streetsblog and Streetfilms, we have been receiving sponsorships and ads which are posted in our sidebars, running donation drives, selling t-shirts, and hosting fundraisers.

Next we want to launch a jobs board, copying from our sister blog GothamSchools.  GothamSchools launched their jobs board in September last year.  They first seeded the board with forty free job postings before charging $50 for subsequent postings for 30 days on the site.  A job can be “featured” for an extra $50 a month.

In considering plans for a Streetsblog jobs board, I first gathered some stats from the GothamSchools board.  (These statistics were updated to include the final values for Feb.)


We can see here that the jobs board seems to have gathered some momentum but it doesn’t seem to be growing much.  It certainly hasn’t tapped into the hundreds of education jobs that must be available right now in the NYC area.

We’ve thought of some strategies to make the board more successful:  We could lower the cost of posting a job.  We could promote the board more aggressively on GothamSchools, maybe having a blog entry showing “jobs of the day.”  We could call HR representatives in schools to try and convince them to use our jobs board, perhaps offering an initial discount to them.  We could partner with other jobs sites.  We could post ads on google.  I also feel that improving the design and functionality of the jobs board could help win people over.

One competitive advantage that GothamSchools has over competing jobs boards is that it has access to passive job candidates, people that are currently employed and are not actively looking for a job.  These are the bulk of people who read GothamSchools on a daily basis.  Passive job candidates can be more valuable than activate jobs candidates because they tend to be better qualified.  This advantage also exists for a Streetsblog jobs board.  Perhaps we should market ourselves by stating this strength.

To further this research, I would like to contact people who have posted to the GothamSchools jobs board for their feedback.  I would also like to contact people we think should have posted to the board, but for some reason decided not to.  We can apply what we learn from this research to improvements to the GothamSchools board and to the new Streetsblog jobs board.

Please add your ideas to the comments below and stay tuned for future developments.