Quaker Web Design

Client projects and tech blog posts about Quaker

Tract Association of Friends

Tract Association of FriendsThe Tract Association is venerable Quaker publisher dating back to the early part of the Nineteenth Century. They had a website but wanted a new one built with a content management system that would allow for easier editing. The new site is built in WordPress. Befitting the organization's ethos, the site is relatively plain but there's a lot going on underneath the surface.

Many people use the site to print out copies of the tracts. There's a special print stylesheet--created by the template designer and customized by me--that means print-outs of these pages will be very clean and uncluttered, perfect for personal photocopying. Many of the tracts are also available as PDFs through Scribd and there's a interface in the WordPress dashboard to allow embedding of these in the sidebar.

Categories: Client Sites , Faith-Based , WordPress | Edit

Discover Thyself / Earlham College

Discover Thyself featuring the Discern-o-Matic QuizDiscover Thyself is a "discernment" site for Quaker teens. Sponsored by Earlham College, it features resources, videos and the all-new "Discer-o-Matic Quiz."

The design is all original. We went through six rounds of the concept design mockups made up on Adobe Fireworks. Because the site is built on WordPress used as a CMS, Earlham College staff was able to add and arrange content even before the design coding began. The site uses the excellent Thematic theme, a blank template that allows for quite sophisticated designs using Action Hooks and complete CSS markup.

The most exciting element of the site is the "Discern-o-Matic" quiz, which takes users through a series of questions. At the end the questions are reorganized and presented to the user to help them understand what it is they want to do. The quiz is powered using the open-source LimeSurvey. Results are outputted via a custom PHP script that polls the LimeSurvey database and outputs in a nicely-worded and formatted WordPress results page. The templates for Lime Survey were altered to mimick the look of the rest of the site; the average user won't notice the pass-off from WordPress to Lime Survey and back to WordPress.

In hopes the quiz might go viral, individual results are saved on a unique URL. Users are invited to share their results page via Facebook.

Visit Site: http://www.discoverthyself.org
Categories: Client Sites , Educational , Facebook , Faith-Based , LimeSurvey , Nonprofit , WordPress
Tags: Wordpress Limesurvey "Earlham College" Discernment Quaker School "High School" Quiz Viral Facebook | Edit

Diigo and the rise and fall of Delicious

One of the big bits of tech news yesterday was a leaked slide showing that Yahoo was closing down Del.icio.us, the social bookmarking system that helped define. Yahoo must not do Twitter because it took them till today to finally respond. They now say that Del.icio.us doesn't fit their strategy and that they will be selling it.

Do we care? Should we care? When it started in 2003, Del.icio.us was something innovative and quirky. It helped teach us that our online behavior didn't need to be secret and locked away on our hard drives but could be shared. Indicating that you thought a website was worthy of a bookmark could be a recommendation to friends. Even people bookmarking a site was an indication of it's real world value. For us techies, Del.icio.us opened our eyes up to a world where everything could be an RSS feed and in 2006 I jiggered the social aspects to create a human-powered editorial aggregator QuakerQuaker.org.

When Yahoo bought it we were all a bit nervous but it seemed like a good move. Yahoo could bring server resources and a userbase and take Del.icio.us to the next level. When corporate decided to rename it Delicious.com, it stripped the quirkiness but perhaps signaled a willingness to take this more into the masses.

Diigo Import
Screenshot of my revived
Diigo account, showing
Delicious imports.

Alas, it didn't turn out that way. Delicious settled in and stopped innovating. Eventually the founder left Yahoo. Things got so bad that it seemed exciting when it essentially got a design make-over a few years ago. Competing services sprang up but none were different enough to make many of change our habits.

So yesterday's news is perhaps a good thing. I've been looking at those other services. Diigo.com looks really fabulous. I tried it when it launched in 2006 but wrote it off at the time as a Delicious clone with high ambitions. But they've been working hard. They're onto version five now and they've been adding the kind of cool features that an independent Delicious might have pursued.

For example, you can add a note to a webpage that you're bookmarking and then send a special URL with the site and note. They make it really easy to Twitter this. Last night I bookmarked and tweeted about an online radio service I've been using:

Listening to a lot of Radio Paradise lately. Good background work music, interesting selections: diigo.com/0e8gw

That Diigo link will take you to Radio Paradise's homepage with the note I added. That's really useful.

Diigo just a few moments ago put out a Transition to Diigo FAQ. Exporting from Delicious is really easy and importing it to Diigo is easy too--though not instant, it was about twelve hours. I'm confident enough about Diigo that I've upgraded to the $40/year Premium account--partly chipping in since I imagine they're being hit with lots of new accounts today.

Categories: Practical 2.0
Tags: Del.Icio.Us Delicious Diigo Yahoo | Edit

FWCC Google Maps Mashup

FWCC Google Maps MashupThe Friends World Committee for Consultation unites Quakers of all stripes together in joint projects and dialog. It's Americas office has the most complete listing of U.S. and Canadian Friends Meetings and Churches and now has a map to prove it! This is a mash-up of the FWCC database with Google Maps.

Because of limitations of how many data points Google can show the countries have been divided into regions. The main access page is a screen shot of a Google Map with a old fashioned imagemap overlay that allows you to select the region you want to look at. Javascript goodness shadows the currently selected region.

See it live: www.fwccamericas.org/friends
Categories: Client Sites , Faith-Based , Nonprofit
Tags: Friends World Committee For Consultation, Fwcc, Google, Google Maps, Javascript, Quaker | Edit

Quaker

Martin Profile Picture Many Friends will know me from my active involvement in the Quaker world. I've been dubbed the "Quaker Blogfather" for my Quaker Ranter (site) blog and my work in pulling together QuakerQuaker (site), an online magazine and blogging community with over five hundred members and 10,000 visitors a month. I am also a frequent Quaker workshop leader and published writer.

I started building websites in 1995 with an award-winning Nonviolence.org hub site and was a social media pioneer when I redesigned its homepage to a blog format three years later. Before going independent as MartinKelley.com in 2006, I served on the staff of Friends General Conference (site) for eight years, where I worked in the FGC Quaker bookstore and built the Quakerfinder, FGC Gathering and youth ministry sites. I also worked for Friends Journal (site) for two years, putting select articles from their Quaker magazine online every month. Since then I've been privileged to work with Quaker organizations such as Friends World Committee for Consultation (site), Friends Council on Education (site) and Haverford Friends Meeting (site). I've done some exciting media work with the Philadelphia Penn Charter School (site) and built personal sites for well known Friends. I bring our testimony of integrity to every business transaction and when I address topics such as search engine optimization or pricing philosophy, I try to do so from a Friends perspective.

Web Design Specialties:


Continue reading Quaker.
Categories: quaker | Edit

Haverford Friends Meeting

This Quaker meeting sits along Philadelphia's Main Line suburbs and is making special efforts at outreach. They wanted a design refresh that would allow the heads of committees direct access to their section of the websites. With multiple log-ins and high content needs, we went with the Drupal content management system, which has become the CMS of choice for many non-profits.

The design is built from scratch with obvious nods to the Facebook look-and-feel: we wanted something that would seem both familiar and fresh to the young professional crowd that is this meeting's most obvious target audience.

Visit: Haverfordfriendsmeeting.org
Categories: Client Sites , Custom Design , Drupal , Faith-Based , Nonprofit
Tags: Church, Content Management System, Design, Drupal, Facebook, Friends, Haverford, Philadelphia, Professional, Web | Edit

Making it to ReadWriteWeb and the NY Times

ReadWriteWeb: Technology is Great, but Are We Forgetting to Live?I usually describe myself as a "Web Developer," but often the technical aspects of my job are the least valuable service I provide. Above it I would rank what you might call my experience as a web citizen and online publicist. I put my first website together years before upstart sites like "Google" and "Myspace" came along and I published what I later realized was a "blog" the same month the word "weblog" was coined. I help clients connect with their audiences with a mix of print content, podcasts, pictures and videos, whether delivered through the open web or specialized services like Twitter or Facebook. A better job description might be Technology Lifestyle Guru.

So it was neat to be quoted last week in ReadWriteWeb, a top-twenty blog with hundreds of thousands of readers and a syndication deal with the New York Times Technology section. The article was "Technology is Great, but Are We Forgetting to Live?" by Sarah Perez. In a section called "When Should You Disconnect?" she wrote:
The fine line between what's worth documenting and what's not is a hard one to define. We immediately assume that the most important, the biggest, the most incredible moments are those that should be recorded. But it's these very moments that are best to experience live, with our full focus. As religious-focused blogger Martin Kelley notes, "there are times where our presence is much more important than any documentation." (He had just surprised himself by reviewing the grainy, blurry photos he felt it necessary to take while watching a bride walk down the aisle. In retrospect, this was exactly the kind of moment that could have gone unrecorded.)
It's a bit ironic that for all of the tech writing I do I was cited for my personal blog, but this blurring of the line between identities is becoming more common with the web. Thanks to Sarah and ReadWriteWeb for the mention!
Categories:
Tags: Lifestyle, Nytimes, Readwriteweb, Technology | Edit

Web 2.0 and Friends Schools

This comes from a presentation I made a few weeks ago where I addressed public relations staff for Quaker Schools. The main points about media openness and the need for public relations to embrace Web 2.0 are applicable to many scenarios, not just schools.

Categories: Educational
Tags: Education, Friends School, New Media, Presentation, Schools, Web 2.0 | Edit

Friends Council Social Network

FriendsCouncil.netThis is a Ning-based social network for Friends Council on Education, a Quaker organization dedicated to supporting Friends Schools across a very wide geographic area. I set the site up and did initial training. The members-only site now boasts over 700 members and dozens of member-uploaded videos and photos.

Categories: Faith-Based , Ning , Nonprofit
Tags: Friends Council, Ning, Quaker | Edit

AmyOutlaw.com

AmyOutlaw.orgThis is a fairly standard Movable Type blog for a Friend (Quaker) based in the West-Philly neighborhood of Philadelphia, PA. The most unusual element is that the client wanted two separate blogs: one meant for daily posts and the other for more weekly posts (it's all set up in MT via categories). This also shows the use of Slidoo for a photo banner head. The pictures are all pulled from a particular set of her Flickr account. Visit site.
Categories: Client Sites , Custom Design , Journalists & Artists , Movable Type
Tags: Categories, Flickr, Movable Type | Edit

Organizations

Martin has worked with over two dozen nonprofit organizations, often serving as webmaster and internet evangelist:

A.J. Muste Memorial Institute
American Friends Service Committee
Center on Conscience and War
Cornerstone Fellowship, Galloway NJ
Council of Parishes of Southern New Jersey
Episcopal Peace Fellowship
Fellowship of Reconciliation
Friends Council on Education
Friends General Conference
Friends Institute
Friends Journal
Haverford (PA) Friends Meeting
Haddonfield Foundation
Global Network for Nonviolence
Indymedia.org
International Nanny Association
Jewish Peace Fellowship
Lutheran Peace Fellowship
National Campaign for a Peace Tax Fund
Nepal Foundation
New Society Educational Foundation
New Society Publishers
Nonviolence.org
O'Reilly Media
Pax Christi USA
Pendle Hill Conference Center
Pennsylvania Ballet
Philadelphia Nanny Network
Philadelphia Yearly Meeting
Raphael Webscapes, LLC
QuakerQuaker.org
Salem County Special Services School District
Skipping Stones Magazine
Slim Goodbody Productions
Steady Footsteps
Syracuse Cultural Workers
Training for Change
United Farm Workers of America, AFL-CIO
Urban Land Institute / Philadelphia
Veterans for Peace
War Resisters League
William Penn Charter School
World Game Institute
Young Friends North America

Categories: Consulting
Tags: A.J. Muste, Council Of Parishes, Episcopal Peace Fellowship, Fellowship Of Reconciliation, Indymedia, International Nanny Association, Jewish Peace Fellowship, Lutheran Peace Fellowship, New Society Publishers, Non-Profit, O'Reilly Media, Peace Tax Fund, Pendle Hill, Philadelphia Yearly Meeting, United Farm Workers, Urban Land Institute, Veterans For Peace, World Game Institute, Young Friends North America | Edit

Writing

Martin Kelley's work has been featured by top newspapers and tech blogs. He has given workshops and presentations on educational and Web 2.0 themes. He is available for speaking engagements and freelance writing.


Publications/Media

ReadWriteWeb (republished on NYTimes.com), Technology is Great but Are We Forgetting to Live?, January 22, 2009. Quote and citation. Read more.

Web 2.0 Mashups and Niche Aggregators, published by the O'Reilly Media Shortcuts Series. Commissioned author.

Quakers in the Blogosphere (PDF), Western Friend/Friends Bulletin, February-March 2006, editorial features Quakerquaker.org.

FGConnections, The Witness of Our Lost Twenty-Somethings, Spring 2005. Author.

Friends Journal, "The World Is Hungry for What We've Tasted," October 2006. Author.

Beliefnet.com, "Best Spiritual Blogs," August 2006. Cited QuakerQuaker.org.

Waging War on War, Washington Post, profile of a number of peace groups including Nonviolence.org.

Not Your Father's Antiwar Movement (subscription required), Atlantic Monthly, cited Nonviolence.org.

USAToday, Missiles Aren't the Answer, featured Op-Ed, November 16th, 1998. Author.

Iraqi Crisis Increases Activity on Peace Network, a major New York Times profile of Nonviolence.org, February 21, 1998.


Fellowships

Friends Institute Fellowship, Philadelphia Yearly Meeting, for work on Nonviolence.org (1996).

Pickett Endowment for Quaker Leadership, helped support 2005-2006 activities that led to the creation of QuakerQuaker.org.

Categories: Martin | Edit

About Martin

Martin Profile PictureMartin Kelley is a web designer in the Philadelphia area. Here's the story of his evolution from activist book editor to social media marketer to a magazine editor!

Continue reading About Martin.
Categories: Martin
Tags: Alternative Press, Book Editor, Economics, Editing, Email, History, Independent Bookstores, Journalism, Music, New Society Publishers, Peace Groups, Philadelphia, Pictures, Quaker, Small Business, Social Media, Typesetting, Web Design | Edit

Contact

MartinKelley.com, Hammonton NJ 08037
Email: martink@martinkelley.com

Profiles
Twitter
Facebook
LinkedIn
Google
 Sites
MartinKelley
QuakerQuaker
QuakerRanter
Tumblr
 Media
Flickr
Del.icio.us
Vimeo
Youtube
Categories: Contact | Edit

Continue reading .
Categories: | Edit

Speaking

Martin has given workshops and panel presentations on tech issues and on renewal movements in the Religious Society of Friends.

Biographies

TECH:
Martin Kelley is a Philadelphia area web designer who has been building online communities since 1995. An early adopter of user-created media, he was blogging in 1997 and picks up every social media service. In 2008 O'Reilly Media published "Web 2.0 Mashups and Niche Aggregators," his first published tech publication. A professional web developer and consultant, he builds sites and writes about tech issues on MartinKelley.com.

QUAKER:
Martin Kelley is a Philadelphia-area Friend with a love out of outreach and ministry and a passion for looking afresh at Friends' testimonies, language and practices. He is editor of Friends Journal, a monthly Quaker magazine, and publisher of the online community site, QuakerQuaker.org. An early adopter of user-created media, Martin has been building online communities since 1995; in 2008 O'Reilly Media published "Web 2.0 Mashups and Niche Aggregators." He writes about tech issues on MartinKelley.com and spirituality at QuakerRanter.org.

Upcoming Speaking Engagements:

Past Workshops and Presentations

2011:

Speaker, Abington Friends Meeting, "Lessons on Vocal Ministry from Early Friends," talk given at First-day school adult class. Jenkintown, Pa., November 6, 2011.

Class guest, Earlham School of Religion. "Writing for Today's Media Market" taught by J Brent Bill. May 24, 2011. Richmond, Ind. via video.

Panelist, Pacific Northwest Quarterly Meeting, "Simplicity, Integrity, Clarity: What is Plain Speech Today?" Washington State via video. April 16, 2011.


2010:

Speaker, Philadelphia Yearly Meeting, "Finding Fellowship Between Friends Through the Internet," part of the "Friends 2.0: New Tools for Our Faith" speaker series. Arch Street Meetinghouse following Interim Meeting sessions, Philadelphia, Pa. September 11, 2010.

Panel Speaker, Writer's Conference sponsored by Quakers Uniting in Publications. Richmond, Ind., via video. April 2010.

Associate Teacher, Pendle Hill, for a weekend workshop "Convergent Friends and the New Monastics." Pendle Hill Conference Center. Wallingford, Pa. May 2010.


2009:

Speaker, "An Introduction to Convergent Friends." Salem Quarter Meeting. Greenwich, N.J. September 13, 2009.

Facilitator, "Friends Testimonies, What Canst Thou Say?" Two-part session. Young Friends Summer Gathering (Philadelphia Yearly Meeting). Camp Onas, Ottsville, Pa. August 25, 2009.

Co-leader, "Reclaiming the Power of Primitive Quakerism." Weekend workshop. Ben Lomond Friends Center. Ben Lomond, Calif. February 2009.

Presenter, "Friends Schools and Web 2.0" (video). Panel discussion for Friends Council on Education. At Germantown Friends School, Philadelphia, Pa.. January 2009.


2007:

Presenter, Religion and Technology Teachers Peer Network (Friends Council on Education). Center City Philadelphia, Pa., December 2007. Also available as Google Slideshow Presentation

Co-presenter, with C Wess Daniels, for a panel on the Convergent Friends movement. Ohio Yearly Meeting annual sessions. Barnesville, Ohio, August 2007.


2006:

Teacher, "Quakerism 101". four-session course for Moorestown Friends Meeting. Moorestown, N.J. October -November 8, 2006.

Co-faciliator, On Fire: Renewing Quakerism Through a Covergence of Friends. Interest group, FGC Gathering. Tacoma, Wash., July 3, 2006.

Invited Guest, Quakerism classes, William Penn Charter School. Philadelphia, Pa.. April 2006.

Leader, Food for Fire weekend workshop, New York Yearly Meeting's Powell House conference center. Old Chatham, N.Y. February 2006.


2005:

Co-leader, Strangers to the Covenant (five sessions), workshop for high-school Friends, FGC Gathering. Normal, Ill., July 2005.


2004:

Teacher, Quakerism 101 (six sessions), Medford Friends Meeting. Medford, N.J. September-November, 2004.


2003:

Teacher, "Living in the Light" Quakerism 101 course (one session), Central Philadelphia Friends Meeting. Philadelphia, Pa. March 2003.

See also: Publications and Media List

Contact

Email: martink@martinkelley.com
Phone: (609) 365-0123

Categories: speaker | Edit

Banking on reputations

I was referred to a website the other day that barely exists, at least in the way that I see sites. It's homepage was built entirely in Flash, was completely invisible to search engines and barely functioned in Firefox. Domaintools.com gave it an SEO score of zero (out of a scale of one hundred). It's Google PageRank was three out of ten, making it less visible that my kid pages. But this was a website for a high-flying web development house, a company that works with some of Philadelphia's most prominent and well-endowed cultural institutions. Their client work isn't quite as invisible, but their website for Philadelphia's relative-new $265 million performance arts center has a PageRank equivalent to my personal blog--youch!

I think there's a lesson here. Prominent cultural institutions don't look at Google (and SEO-friendly developers) because they're big enough and well-known enough that they assume people will find them anyway. They're right, of course, but how many more people would find them if they had well-built websites? And what's the long-term vision if they're relying on their established reputation to do their web marketing?

It's perhaps impossible for a net-centric start-up to replicate a hugely-endowed cultural icon like an orchestra or ballet, giving some degree of insulation to these institutions from direct internet competition. But if these nonprofits saw themselves in the entertainment business, competing for the limited attention and money of an audience that has many evening-time possibilities, then you'd think they'd want to leverage the internet as much as they could: to use the web to reach out not only to their existing audience but to nurture and develop future audiences.

Are the audiences of high brow institutions so full of hip young audiences that they can steer clear of web-centric marketing?
Categories: Analytics
Tags: Firefox, Google Pagerank, Institutions, Performance Arts Center, Personal Blog, Score, Search Engines, Seo | Edit

On pricing philosophy

Via 37Signal's Signals vs. Noise blog I came across a fascinating post written by Brian Fling of Blue last year on pricing a project. I'd like to talk about it and to explain my own philosophy. First a extended quote from Brian:

I find it funny... in a sad sort of way, that we often start out our partnership with bluffing, no one saying what they are really thinking... how much they are willing to pay and how much it should cost... Though every book I've read on the topic of pricing says to never ever ballpark, I have a tendency to do so. If they can't disclose the budget I typically try to start throwing a few numbers from previous projects to help gauge the scope of what we are talking about, call it a good faith effort to start the discussion... While this is very awkward part of the discussion it is almost always followed by candor. It's as if once someone starts telling the truth, it opens a door that can't be closed.

I completely agree that candor is the only way to work with clients. Maybe it's the Quaker influence: we reportedly pioneered fixed pricing back when everyone haggled, with the philosophy that charging true costs were the only honest way of doing business. My official rates and contact page includes my list of "typical costs" -- essentially these are the "ballpark estimates" that Brian talks about.

When I put together estimates I base it on my best-guess informed estimates. I start by tabulating the client's requested features and determining how I'll achieve them. I then estimate how long it will take me to implement each feature and use that to determine a first-guess for project cost. I then compare it to past projects, to make sure I'm being realistic. I know myself well enough to know I always want to underestimate costs--I usually like the project and want to make it affordable to clients!--so I do force myself a reality check that usually ends up adding a few hours to the estimate.

When I put together my official estimate I try to guess where potential bottlenecks might happen. Sometimes these are technical issues and something they're more social. For example, a client might be very particular about the design and the back-and-forth can take longer than expected. If I think anything like this might happen I mention it in the estimate. Sometimes as we work through the details of a feature I'll learn that the client wants some enhancement that we hadn't talked about previously and which I didn't factor into the estimate.

When I do see a particular part of the work taking longer than expected I flag it with the client. I try to keep them informed that this will add to total costs. In many cases, clients have been happy to go with the extra work: I simply want to make sure that we both are aware that the estimate is changing before the work happens.

I charge by the hour rather than on a per-project basis since I find it to be a much more open business model. Brian Fling's post agrees:

The problem [with per-project billing is that] one way or another somebody loses, either the client pays too much, meaning paying more than it's market value, or the vendor eats into their profit... One benefits to hourly billing is the client is responsible for increases of scope, protecting the vendor and the customer. If the project is completed early the client pays less, protecting the client. This puts the onus on both parties to communicate regularly and work more effectively.

I have very little overhead: a home office, laptop and DSL. This means my rates are very competitive (one client described it as "less than plumbers and electricians charge, more than the kid who mows the lawn"). Being very careful with estimates mean that I often communicate a lot with clients before I "start the clock." I've often worked with them a few hours before the estimate is in and we're moving forward and of course some of this un-billed work doesn't result in a job.

Putting together fabulous websites is fun work. It's very much a back-and-forth process with clients, and it's often impossible to know just what the site will look like and just how it will work until the site actually launches. Half of my clientele have never had websites before, making the work even more interesting! It's my professional responsibility to make sure I work with clients to foresee costs, dream big, but most of all to be open and honest about costs as the process unfolds.

Categories: MartinKelley.com , Practical 2.0
Tags: Blog, Budget, Good Faith, Partnership, Philosophy | Edit

Working with Pipes #2: A DIY personalized community with Del.icio.us, Flickr and Google Blog Search

It's not necessary to develop your own Web 2.0 software infrastructure to create an independent Web 2.0-powered community online. It's far simpler to set a standard for your community to use on exisiting networks and then to use Yahoo Pipes to pull it together.

I decided on about a dozen categories to use with my DIY blog aggregator (QuakerQuaker). I only want to pull in posts that are being generated for my site by community members so we use a community identifier, a unique prefix that isn't likely to be used by others.

This post will show you how to pull in tagged feeds from three sources: the Del.icio.us social bookmarking system, the Flickr photo sharing site and Google Blog Search.

Step 1: Pick a community designator

I've been using the community name followed by a dot. The prefix goes in front of category description to make a set of unique tags for the aggregator. When someone wants to add something for the site they tag it with this "community.category" tag. In my example, when someone wants to list a new Quaker blog they use "quaker.blog", "quaker" being the community name, "blog" being the category name for the "New Blogs" page.

Step 2: Collect the community prefix and category name in Pipes

You begin by going into Pipes and pulling over two text inputs: one for the community prefix, the other for the specific category.

Step 3: Construct these into tags

Now use the "String Concatenation" module to turn this into the "community.category" model. The community input goes into the top slot, a dot is the second slot and the category input goes into the last slot.

Now, when you have a tag in Flickr with a dot in it, Flickr automatically removes it in the resultant RSS feed. So with Flickr you want your tag to be "communitycategory" without a dot. Simple enough: just pull another "String Concatenation" module onto your Pipes work space. It should look the same except that it won't have the middle slot with the dot.

Step 4: Turn these tags into RSS URLs

Pull three "URLBuilder" modules into Pipes, one for each of the services we're going to query. For the Base, use the non-tag specific part of the URL that each service uses for its RSS feeds. Here they are:

Del.icio.ushttp://del.icio.us/rss/tag
Flickrhttp://api.flickr.com/services/feeds
Google Blog Searchhttp://blogsearch.google.com

Under path elements, put the correct tag: for Del.icio.us and Google it should be the community.category tag, for Flickr the dot-less communitycategory tag.

Step 5: Fetch and Dedupe

Fetch is the Pipes module that pulls in URLs and outputs RSS feeds. It can also combine them. Send each URLBuilder output into the same Fetch routine.

Since it's possible that you'll might have duplicate posts, use the "Unique" module to deduplicate entries by URL. Through a little trial and error I've determined that in cases of duplicates, feeds lower in the Fetch list trump those higher. In the actual Pipe powering my aggregator I pull a second Del.icio.us feed: my own. I have that as the last entry in the Fetch list so that I can personally override every other input.

Step 6: Sort by Date

With experimentation it seems like Pipes orders the output entries by descending date, which is probably what you want. But I want to show how Pipes can work with "dc" data, the "Dublin Core" model that allows you to extend standard RSS feeds (see yesterday's post for more on this).

Google Blog Search and Del.icio.us feeds use the "dc:date" field to record the time when the post was made. Flickr uses "dc:date.Taken" to pass on the photograph's metadata about when it was taken. Pipes' "Rename" module lets you copy both fields into one you create (I've simply used "date"), which you can then run through its "Sort" module. Again, it's a moot point since Pipes seems to do this automatically. But it's good to know how to manipulate and rename "dc" data if only because many PHP parsers have trouble laying it out on a webpage.

Update: it's all moot: according to a ZDNet blog, "Pipes now automatically appends a pubDate tag to any RSS feed that has any of the other allowable date tags." This is nice: no need to hack the date every time you want to make a Pipe!

Step 7: Output

The final step for any Pipe is the "Pipe Output" module.

In action

You can see this published Pipe here, and copy and play with it yourself. The result lets you build an RSS feed based on the two inputs.

Categories: Practical 2.0 , RSS Syndication
Tags: Category Description, Delicious, Flickr, Google, Photo Sharing, Social Bookmarking, Yahoo | Edit

Working with Yahoo Pipes #1: Pulling in Del.icio.us Feeds

A few weeks ago, Yahoo unveiled a new mash-up service called Pipes. It's sophisticated AJAX-powered graphical interface lets you pull in XML feeds, combine them, filter them and output the result as a customized RSS feed. I've recently used it to create specialized events pages for my blog aggregator. In this series of posts I'll show you how it's done. Each post will be one part of the puzzle.

The first tutorial shows how to pull in a Del.icio.us feed.

Step 1: Input tags

The Del.icio.us social bookmarking system runs much of my aggregator: users see a post they like and bookmark it in Del.icio.us with a special tag.

The first step in Pipes is to collect the input (right). Pull the "Text Input" module (above) onto your Pipes work space. This lets you collect user input. Give it both a name and a prompt. In most instances it's fine that these be the same as the prompt won't be visible in the end. It's good to put something down in Debug for later on in the Pipes process.

Step 2: Construct the RSS call

We take our two input tags and use them to construct an URL by using the "URLBuilder". The base URL is Del.icio.us's RSS feed (http://del.icio.us/rss/). The URL builder adds the user input then the tag input to give us a valid URL (http://del.icio.us/rss/user/tag/).

Step 4: Grab the feed

Yahoo Pipes' "Fetch" module takes that URL input and turns it into an RSS feed. Shown to the right is Fetch with the final "Pipe Output".

See it in action

You can see how this fits together by going to my Del.icio.us Sample page on Pipes. You can make a copy and play with it yourself. Add "&user=username&tag=tagname&_render=rss" to that URL and you've made it a feed.

Okay so I've turned a Del.icio.us RSS feed into... a Yahoo Pipes RSS feed with identical input and output. Well, we're only getting started. Our input tags can be reused for other searches and spliced together inside of a more elaborate Pipe. That's where the fun starts and I'll get there soon.

The other advantage of sending things through Pipes is that we can easily rename fields. Del.icio.us, Flickr and other services often extend RSS standards by including metadata in "dc" fields, an abbreviation for the Dublin Core standards extension. A recent entry from my Del.icio.us feed includes this:

     <dc:creator>martin_kelley</dc:creator>
     <dc:date>2007-03-15T05:18:53Z</dc:date>
     <dc:subject>tech tech.design</dc:subject>

Standard PHP parsers like MagpieRSS and SimplePie often have trouble pulling dc data. With Pipes you can rename the fields you like; in theory that should make them more accessible to the parsers. You can also combine fields and use Pipes' Regex module to operate on them with regular expressions.

Categories: Practical 2.0 , RSS Syndication
Tags: Aggregators, Ajax, Delicious, Graphical Interface, Input Module, Input Tags, Instances, Mash, Pipes, Puzzle, Social Bookmarking | Edit

Search

As Seen In

EBook

Shortcut cover
Web 2.0 Mash-Ups & Niche Aggregators (O'Reilly Media, 2008, $9.95): Order here.

Social Networks


Other Sites

Archives