archstl

Archdiocese of Saint Louis redesigns website (still running Drupal)

I used to work in the Archdiocese of St. Louis as the director of Web Development, so archstl.org (and other online Archdiocesan properties) are near and dear to my heart. I spent countless hours merging some 49 Joomla websites into the Drupal install that (still) runs archstl.org, and besides a bunch of database heavy lifting that was outsourced, I bled over almost every feature on the site (I've chronicled many experiences on this site in the past).

Archdiocese of St. Louis archstl.org redesign - blue

So, I'm very happy to see that the Archdiocese has continued to develop and improve the site. This new design has a more modern and 'edgy' feel, and is the first redesign to involve more theming and work on the 'View' of the website rather than a complete rearchitecting of the database, filesystem, etc.—which is awesome!

I wish other Catholic organizations I've worked with were in the position of not having to scrap their website and redesign from scratch every few years... I've seen too many projects where an organization will spend thousands, maybe hundreds of thousands, and end up with a site that's not very future-proof, and will again be scrapped and redesigned for much more $$$ in a few years. Don't be that organization :)

Archdiocese of St. Louis' Eucharistic Congress Website

One of the last major projects I was privileged to work on (along with some other awesome colleagues) while I was working as the Director of Web Development for the Archdiocese of St. Louis (see 'A New Job' on my blog for more info) was the Eucharistic Congress website and video.

One of the major benefits of using a robust content management system like Drupal (which archstl.org uses) is that you can actually build 'special sites' that highlight certain events or causes without building an entirely separate website. For example: Every organization in the Archdiocese has it's own website, with its own content managers, its own forms, news pages, articles, etc. through the use of Drupal's 'Organic Groups' module.

For the 2011 Eucharist Congress, instead of building a separate website, and then linking back to the Archdiocesan website, we built a single page template for the Congress home page (using a standard Drupal template (.tpl.php) file), and then set up all the rest of the content (a registration form, some information pages, etc.) in Drupal.

The results are pretty impressive (you have to visit the site to see the jQuery-enabled page load effects, which look great on any device—no Flash here!):

Eucharistic Congress Website Screenshot

In addition to this awesome website (the front end was designed by Ben G., who works in the Archdiocese's Catholic Youth Apostolate), an excellent video highlighting the Eucharist was produced, and is visible (in HD!) on YouTube:

Kudos to the team who helped with all of these promotional materials for the Eucharistic Congress! I think this raises the bar, or at least pushes it a little, for Catholic dioceses hoping to spread the word about their larger events!

Archdiocese of St. Louis' New iPhone App

Catholic STL - Archdiocese of St. Louis App on iPhoneThere's plenty of posts about this already, which I won't repeat here, instead, read the reports below:

And, straight from the horse's mouth, here's the app's page on the Archdiocesan website.

This iPhone App kind of snuck up on me from under my radar; I was in the middle of two rather large projects in the Archdiocese of St. Louis, when I thought "Hmm... I've wanted to try my hand at an iPhone App for some time. Maybe the time is right!" After a few long nights, a few condensed weekends, and some work hours here and there, I've finished work on what I hope will be an inspirational app.

Not inspirational in the sense that people feel moved to prayer, or feel closer to Christ—no, that's not really the purpose of this app. Rather, inspirational in two ways:

  1. In helping people utilize the sacraments.
    The main feature of this app (indeed, it launches straight into it!) is the parish mass/confession/reconciliation time discovery interface. It's so easy to simply find Mass times (or other sacrament times) with this app, that nobody has an excuse for missing Mass if they have an iPhone and are physically able to move about.
  2. In getting more (Arch)dioceses on board with new communications initiatives.
    I'm hoping that this will be a benchmark app against which other (arch)dioceses can compare their own efforts in the mobile, 'just-in-time' area. Our parishioners deserve to have the information they need to help them in their faith lives—and they need it in their pockets!

At some point (maybe sooner rather than later), I'd like to open the code, maybe stash it on Github, and help other Catholic organizations make use of it (to whatever extent possible) for their own needs.

I'd also like to have an Android app for the Archdiocese, but so far I've not had the impetus (either from myself or from others) to do so. Read more of my thoughts on Android dev (as it stands now).

Perfect, the app is not. But I'm already tagging and working on a few bugs I've found in the version on the App Store right now, and I'm working on sync so the iPhone will always have the latest parish event time information. You can follow more of that development here.

Do you have any good ideas for further development? Any further integrations you see as necessary? Let me know in the comments!

Want to see what this is all about? If you have an iPhone, iPod Touch, or iPad (this version isn't optimized for iPad yet), download Catholic STL for free.

Archdiocese of Saint Louis' Upgraded Website

In early 2009, it was determined that the Archdiocese of Saint Louis needed to upgrade its website, mostly for security concerns. After investigating a move from Joomla 1.0.x to Joomla 1.5.x, the Archdiocese determined it would be more cost effective and a more future proof decision to migrate the over 49 individual Joomla sites that comprised www.archstl.org into a single Drupal installation.

Archdiocese of Saint Louis Website Upgrades

This upgrade/migration provides many benefits, not the least of which are a better end-user experience, a better administrative experience, and much improved page load and search indexing performance. In addition, Drupal's structure and content presentation provide much greater flexibility in design and information structure, as well as SEO (search engine optimization) than other popular CMS frameworks that were investigated.

The decision was made early on to partner with a development company that would help with the content migration and initial site buildout. Theming would be done in-house. We chose to partner with Palantir.net, a web development company located in Chicago, IL. After Palantir completed initial site work, I went up to meet them, and also attended my first DrupalCamp (Chicago); Chicago has a much more vibrant Drupal community than St. Louis... but perhaps that will change at some point!

After nearly a year's worth of planning and development, the Archdiocese launched its upgraded website on February 22, 2010. Continue Reading »

Drupal Views Filters: Making Exposed Searches User-Friendly

One of the main new features of the Archdiocese of Saint Louis' website (to launch on February 22!) is the much-improved parish and school searching capabilities. There are many facets to these sections of the site; everything is built using the combination of nodes built with CCK, Views, and Mapstraction (for Google Map interfaces).

Parish Search by Name

One of the main annoyances with most implementations of parish and school searching that I've found (and I've tested almost every U.S. Archdiocese's website for this functionality) is the fact that searches are extremely rigid - if you don't type in the exact terms for the title of the parish in the parish database, you won't get any results.

For instance, type in "St. Luke," and you might get a result for St. Luke parish. However, type in "Saint Luke," and you get nothing. Or, what if you type in "Saints Joachim and Anne," but the parish is in the database as "Sts. Joachim & Anne"? Continue Reading »

Hits vs. Visits - Optimize Your Website!

Recently, I've been tracking visits on two of the larger Archdiocesan websites on our Archdiocesan web server, and I found an interesting anomaly (one that I had thought was odd earlier, but didn't really have hard numbers to decipher it until more recently). Check out the hits (a 'hit' is a file downloaded from the web server to a computer) for the entire www.archstl.org domain:

Hits for Archstl.org and StLouisReview.com:
Hits Counter - Urchin 6

173,000 hits on archstl.org vs. 44,000 hits on the St. Louis Review website.

Sounds reasonable, right? After all, the Archdiocesan website incorporates over 49 different 'subsites' - for education, cemeteries, the missions, the Catholic Youth Apostolate, etc. There are about 4 hits on archstl.org to every hit on the Review site.

So, you would expect that the number of visitors would be proportionate, no?

Visitors for Archstl.org and StLouisReview.com:
Visits Counter - Urchin 6

Woah! Wait a second... the Archdiocesan site had four times the number of hits—how does it have only 75% of the visitors of the Review site?

The problem here is a highly unoptimized site structure and file system, which, in high-traffic conditions, could (and, in fact, did, a couple times) bring a web server to its knees.

Right now, on www.archstl.org, each of the 49 subsites has its own template folder, with its own images and template files. This means that if you go to www.archstl.org, then click on a link to www.archstl.org/education, you're basically going to an entirely different website (in terms of file structure, and you have to re-download the entire template, and all the files...

Nevermind simply following YSlow's suggestions and optimizing file etags/gzip! If the same file is accessed at /templates/archstl/image.png and /education/templates/archstl/image.png, it has to be downloaded twice.

We're working on remedying this situation, but it's a good idea to keep tabs on these kinds of stats, just to make sure you know where potential site performance problems lie.

If two or three of the sites on www.archstl.org had a large volume of visitors in a matter of minutes, the server would go down in flames. Luckily, this has only happened once (and we responded pretty quickly), but in my mind, our infrastructure, site design, and filesystem should take performance into account.

Why Twitter?

@archstl Twitter Account page

The Archdiocese of Saint Louis started its Twitter account in December 2008, in preparation for the news of a new Archbishop. In tandem with an SMS message signup, a timely update on the website, a press release, and a few other methods of generating buzz, the Archdiocese was able to reach thousands of Catholics in Saint Louis and around the world with news about its new Archbishop within a matter of minutes.

Why did the Archdiocese choose Twitter, and what are some good uses for Twitter? Well, Twitter is by far the most popular 'micro-blogging' service, but that's one of many reasons why we chose to use Twitter for more timely news. We found Twitter to be helpful because:

  1. It is an immediate 'push' notification service; all of your updates are pushed out to each follower.
  2. It is unobtrusive; people can easily opt-in and opt-out—much more so than with email.
  3. It is ubiquitous; generally, those who use Twitter are connected on the web, on their mobile phones, and in other ways—your message can go everywhere.
  4. It is social; people can generate buzz for you—all you need to do is give the first effort, and if it is newsworthy, it will be re-tweeted and spread across many parts of the web.

Twitter is also extremely useful for live events, such as the Installation Mass of Archbishop Robert J. Carlson (on June 10, 2009). At this event, we had our Communications staff take pictures in a few different areas—our timeline was updated with pictures of bishops before Mass, a few pictures during Mass, and other tidbits that people may have found interesting. Continue Reading »

Syndicate content