<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>richardkong.com &#187; Web Design</title>
	<atom:link href="http://www.richardkong.com/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.richardkong.com</link>
	<description></description>
	<lastBuildDate>Fri, 04 Jun 2010 01:00:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Union Restoration Chapel Website</title>
		<link>http://www.richardkong.com/2009/02/union-restoration-chapel-website/</link>
		<comments>http://www.richardkong.com/2009/02/union-restoration-chapel-website/#comments</comments>
		<pubDate>Mon, 16 Feb 2009 01:16:40 +0000</pubDate>
		<dc:creator>Rich</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[danso]]></category>
		<category><![CDATA[tiltviewer]]></category>
		<category><![CDATA[union restoration chapel]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.richardkong.com/?p=55</guid>
		<description><![CDATA[My best friend from way back in high school, Sang Lee, ended up becoming a pastor and he asked me to build a website for his church. I&#8217;ve been interested in web design since college when I built my very own Chicago Bulls Fan Page (woohoo!) and worked for the college website, but I&#8217;m definitely [...]]]></description>
			<content:encoded><![CDATA[<p>My best friend from way back in high school, Sang Lee, ended up becoming a pastor and he asked me to build a website for his church. I&#8217;ve been interested in web design since college when I built my very own Chicago Bulls Fan Page (woohoo!) and worked for the <a href="http://www.oberlin.edu">college</a> website, but I&#8217;m definitely not on a professional level and I&#8217;m still learning. So when he asked, I wasn&#8217;t entirely sure that I could give him a nice website with all the bells and whistles. I accepted the challenge, though, and looked at it as a chance to work on my skills and do something for my friend.</p>
<p>My goal was to give him a nice looking, functional, user-friendly, easy-to-maintain website. He wanted to use it to tell others about the church and to communicate to his congregation members. <a href="http://unionrestoration.org">Unionrestoration.org</a> is what we came up with after much discussion and tweaking. It&#8217;s still a work in progress, like every website, but the basic elements of the site are in place and I&#8217;m pretty happy with it.</p>
<p><a href="http://unionrestoration.org"><img class="alignnone size-large wp-image-57" title="unionwebsite" src="http://www.richardkong.com/wp-content/uploads/2009/02/unionrestoration.jpg" alt="unionwebsite" width="574" height="283" /></a></p>
<p>The site is built with <a href="http://WordPress.org">WordPress.org</a> software, which is a popular CMS most often used for blogs but also capable of being used for more complex websites. I modified an existing theme and worked with Sang to come up with a good architecture for the site&#8217;s pages. I used other church websites like <a href="http://www.thegarden.cc/">Garden Christian Fellowship</a> (my old church in SoCal) as inspiration. It was a lot of fun to work on the site, especially discovering stuff like <a href="http://www.airtightinteractive.com/projects/tiltviewer/app/">Tiltviewer</a> (a cool way to display photos).</p>
<p><a href="http://unionrestoration.org/photos/tiltviewer"><img class="alignnone size-full wp-image-58" title="urcphotos" src="http://www.richardkong.com/wp-content/uploads/2009/02/urcphotos.jpg" alt="urcphotos" width="566" height="352" /></a></p>
<p>It was also fun to work with a friend from grad school, <a href="http://headsparks.com">Dan So</a>, on the church&#8217;s logo. He worked with Sang to come up with what I think it a pretty cool look. Dan&#8217;s super-talented!</p>
<p><a href="http://www.richardkong.com/wp-content/uploads/2009/02/union-logo-text-black-background.jpg"><img class="alignnone size-large wp-image-59" title="union-logo-text-black-background" src="http://www.richardkong.com/wp-content/uploads/2009/02/union-logo-text-black-background-1024x512.jpg" alt="union-logo-text-black-background" width="491" height="246" /></a></p>
<p>Please visit the site and take a look. I&#8217;m interested in getting feedback on the design and usability of the site. Is there anything that doesn&#8217;t work or could be improved? What aspects do you especially like?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.richardkong.com/2009/02/union-restoration-chapel-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>aadl.org and drupal</title>
		<link>http://www.richardkong.com/2007/06/aadlorg-and-drupal/</link>
		<comments>http://www.richardkong.com/2007/06/aadlorg-and-drupal/#comments</comments>
		<pubDate>Mon, 25 Jun 2007 01:09:11 +0000</pubDate>
		<dc:creator>Rich</dc:creator>
				<category><![CDATA[Conferences]]></category>
		<category><![CDATA[Libraries]]></category>
		<category><![CDATA[Professional Development]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[aadl]]></category>
		<category><![CDATA[drupal]]></category>

		<guid isPermaLink="false">http://kongtemplation.com/2007/06/24/aadlorg-and-drupal/</guid>
		<description><![CDATA[ALA Annual 2007 &#8211; Sunday Building the Next Generation Public Library Website with Drupal John Blyberg, Darien Library, CT Eli Neiburger, Ann Arbor District Library, MI John Blyberg Drupal in engineering terms and what is a public library supposed to be Drupal is a CMS (Content Management System) import or create documents fluid management of [...]]]></description>
			<content:encoded><![CDATA[<p>ALA Annual 2007 &#8211; Sunday</p>
<p>Building the Next Generation Public Library Website with Drupal<br />
John Blyberg, Darien Library, CT<br />
Eli Neiburger, Ann Arbor District Library, MI</p>
<p><strong>John Blyberg</strong><br />
Drupal in engineering terms and what is a public library supposed to be<br />
<em>Drupal is a CMS (Content Management System)</em></p>
<ul>
<li>import or create documents</li>
<li>fluid management of blog entries</li>
<li>effective user management</li>
<li>delegation of roles</li>
<li>version control</li>
<li>separation of form from content (allows your web designers to design and your content people to create content)</li>
<li>user participation (solicit opinions/comments/questions from the public)</li>
<li>searchable</li>
</ul>
<p><em>As opposed to&#8230;</em></p>
<ul>
<li>screwing around with dreamweaver</li>
<li>fussing with ftp</li>
<li>WTF do I do with all these files?</li>
<li>Circ vs. Reference vs. Youth vs&#8230; (turf wars)</li>
<li>(Battling for the unsustainable)</li>
</ul>
<p><em>It&#8217;s 2007, does your website still suck?</em></p>
<ul>
<li>Unless you&#8217;re absolutely sure it doesn&#8217;t it probably does.</li>
<li>Most public libraries suck</li>
<li>Our websites need to be a public representation of a cohesive and comprehensive technology strategy</li>
<li>Don&#8217;t bother with a new website unless you&#8217;re completely and absolutely committed to making it excellent&#8230;implementation, not necessarily equipment</li>
</ul>
<p><em>What are some key components of a good PL website?</em></p>
<ul>
<li>a firm commitment to not settle</li>
<li>single sign-on (very critical to customer service)</li>
<li>integrated opac (users don&#8217;t care that it&#8217;s difficult for us to overcome this&#8230;all they know is that it&#8217;s difficult to use the opac and website)</li>
<li>significant quantities of content generated everyday</li>
<li>usefulness</li>
<li>understand your community</li>
<li>youth</li>
<li>staff buy-in</li>
<li>website is an extension of the library experience, not a resource.</li>
</ul>
<p><em>Drupal is a means to an end, not the end itself</em></p>
<ul>
<li>simply installing drupal won&#8217;t make your website great.</li>
</ul>
<p><em>Drupal is</em></p>
<ul>
<li>open source</li>
<li>written in PHP (very accessible, easy-to-use scripting language)</li>
<li>relatively low hardware requirements</li>
<li>can be run on open source platforms</li>
<li>free (though the time is not)</li>
<li>pronounced Droopull not Droo-pal</li>
</ul>
<p><em>Taxonomies</em></p>
<ul>
<li>classify content</li>
<li>site organization</li>
<li>cross-post stories, blog entries, etc.</li>
<li>can be extended to custom nodes</li>
</ul>
<p><em>Theme Engine</em></p>
<ul>
<li>separates form from content so you can change the theme without affecting the content</li>
<li>closely integrated with drupal&#8217;s API</li>
<li>supports multi-site or civic spaces</li>
<li>completely customizable</li>
<li>several templating engines available</li>
<li>PHP Template, Smarty</li>
</ul>
<p><em>API</em></p>
<ul>
<li>application programming interface (like a wall outlet)</li>
<li>API allows you to move data back and forth seamlessly between software</li>
<li>Hooks (do stuff when something happens)</li>
<li>Search functions (create custom content types that are instantly searchable; use the search hook to query external databases, or just about anything&#8230;)</li>
<li>Form Generation/Validation</li>
<li>Create forms rapidly and validate forms easily</li>
<li>Menu System</li>
<li>menus are complex, even when they&#8217;re not</li>
<li>menus are contextual</li>
<li>manage menus easily</li>
<li>api.drupal.org</li>
</ul>
<p><strong>Eli Neiburger</strong><br />
aadl.org (started project in Dec. 04 and launched in July 05)<br />
saw Drupal as the best tool to meet their design goals<br />
Joomla! is a serious competitor to Drupal and is very similar<br />
When you choose a product, you want to make sure there is a vibrant community behind it so you can learn from others and share knowledge with others&#8230;makes it more sustainable<br />
July 05 &#8211; 600 registered users<br />
July 07 &#8211; 40,800 registered users (averaging 30-50 new users everyday)</p>
<p><em>Top five entry pages (what are people doing on the website):</em></p>
<ul>
<li>front page</li>
<li>catalog start page</li>
<li>rss feeds (almost a quarter of their traffic)</li>
<li>card catalog image</li>
<li>my account</li>
</ul>
<p><em>aadl.org by the numbers</em></p>
<ul>
<li>40,000 registered users</li>
<li>32,000 registered patrons</li>
<li>70% of active cardholders (similar to % of patrons who have provided an email)</li>
<li>4,250 content nodes</li>
<li>10, 833 post comments (at least 9500 from teens)</li>
<li>13,000 contact us comments</li>
<li>85 posting accounts (everyone in the organization is invited to contribute content as long as they have permission from their manager and take a 30-minute training session)</li>
<li>248 taxonomy terms in 7 vocabularies</li>
<li>274 patron reviews, 2092 patron tags (most on the manga materials)</li>
<li>3,473 catalog card notes, 5,931 saved cards</li>
</ul>
<p><em>Materials blogs, events blog, services blog, research blog</em></p>
<ul>
<li>promoting more than just books</li>
</ul>
<p><em>Contact us page (with browsable comments and responses)</em></p>
<ul>
<li>great way to let it all hang out and show everyone the great customer service you provide (growing trend in corporations to be more transparent), even to the most difficult patrons</li>
</ul>
<p><em>My Account Page</em></p>
<ul>
<li>check request status</li>
<li>check-out history (purely elective service)</li>
<li>fine and fees</li>
<li>personal card catalog</li>
<li>my tags (does not replace subject headings, in addition to them)&#8230;view as list and view as cloud</li>
<li>reviews and comments</li>
<li>wireless devices</li>
<li>request ILL</li>
</ul>
<p><em>Publishing content</em></p>
<ul>
<li>can link to subject headings, titles, authors, wikipedia articles, external websites, etc.</li>
</ul>
<p><em>Wrapping the Catalog</em></p>
<ul>
<li>Browser -&gt; Drupal -&gt; ILS</li>
<li>single sign-on (easy user authentication)</li>
<li>customizes your data before it goes back to the user</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.richardkong.com/2007/06/aadlorg-and-drupal/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What if everyone read the same book?</title>
		<link>http://www.richardkong.com/2007/05/what-if-everyone-read-the-same-book/</link>
		<comments>http://www.richardkong.com/2007/05/what-if-everyone-read-the-same-book/#comments</comments>
		<pubDate>Fri, 04 May 2007 03:47:22 +0000</pubDate>
		<dc:creator>Rich</dc:creator>
				<category><![CDATA[Books]]></category>
		<category><![CDATA[Libraries]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://kongtemplation.com/2007/05/03/what-if-everyone-read-the-same-book/</guid>
		<description><![CDATA[When Nancy Pearl, the model for the coolest action figure on the planet, was the Executive Director for the Washington Center for the Book, she asked the question, &#8220;What if all Seattle read the same book?&#8221; Well, she made that thought come to life by creating the first-ever &#8220;One City One Book&#8221; program and soon [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://kongtemplation.com/?attachment_id=74" target="_blank" rel="attachment wp-att-74" title="TO Reads"><img src="http://tolibrarian.com/wp-content/uploads/2007/05/thousand_oaks_reads_final_design-_color.jpg" title="TOReads logo" alt="TOReads logo" align="left" border="0" height="142" hspace="5" vspace="5" width="235" /></a></p>
<p align="left">When <a href="http://en.wikipedia.org/wiki/Nancy_Pearl" target="_blank"><strong>Nancy Pearl</strong></a>, the model for the coolest <a href="http://www.mcphee.com/laf/" target="_blank"><strong>action figure</strong></a> on the planet, was the Executive Director for the Washington Center for the Book, she asked the question, &#8220;What if all Seattle read the same book?&#8221;   Well, she made that thought come to life by creating the first-ever <a href="http://www.loc.gov/loc/cfbook/one-book.html" title="LOC OCOB" target="_blank"><strong>&#8220;One City One Book&#8221;</strong></a> program and soon after libraries all around the country began creating similar community-wide reading programs.</p>
<p align="left"> <img src="http://tolibrarian.com/wp-content/uploads/2007/05/elic-cover-small.jpg" title="ELIC cover" alt="ELIC cover" align="right" border="0" height="174" hspace="5" vspace="5" width="117" /></p>
<p align="left">For the past 6+ months, I&#8217;ve been a part of a dedicated group of people (mostly Library staff) committed to bringing this &#8220;One City One Book&#8221; concept to Thousand Oaks.  It&#8217;s easily the biggest project I&#8217;ve been involved with since I started here, and I have to say, it&#8217;s going to be an incredible program.  The book that the committee chose for the inaugural <a href="http://thousandoaksreads.org" title="TO Reads" target="_blank"><strong>Thousand Oaks Reads</strong></a><strong> </strong>is Jonathan Safran Foer&#8217;s <em><a href="http://thousandoaksreads.org/the-book" title="TO Reads -- The Book">Extremely Loud and Incredibly Close</a>.  </em>If you haven&#8217;t read it yet, you really should pick it up.</p>
<p align="left">In the Fall of this year, there will be several weeks when book discussions (at the Library, coffee shops, bookstores) and special events will take place all around the City.  Jonathan Safran Foer is even visiting Thousand Oaks to talk about his book and his work.  I&#8217;m really excited about this project because it really represents many of the positive things that libraries bring to their communities.  It&#8217;s meant as a celebration of reading and literature&#8230;it&#8217;s meant to strengthen the community&#8230;and it&#8217;s meant to enrich people&#8217;s lives.</p>
<p align="left">If you&#8217;re interested in learning more, check out the project&#8217;s website at <a href="http://thousandoaksreads.org" title="TO Reads" target="_blank"><strong>thousandoaksreads.org</strong></a>.  Working on the website has given me the chance to become more familiar with WordPress and learn a bit more about web design and CSS, so I&#8217;m very happy about that.  It&#8217;s very much a work in progress, so if you have any suggestions on how to improve it, <strong>please </strong>let me know.</p>
<p align="left">By the way, when I was in grad school at <a href="http://si.umich.edu" title="School of Information UM" target="_blank"><strong>UM-SI,</strong></a> I heard Nancy Pearl give a lecture on campus and she was truly inspirational.  Afterwards, I approached her to say hello and have my Nancy Pearl action figure autographed (yes, that makes me a certified librarian geek!).  I told her that I planned on becoming a librarian and she asked me what type.  I told her I was interested in public and academic libraries, and she encouraged me to become a public librarian.  I believe her exact words were, &#8220;Public.  Go with Public.  We need more good people in public libraries.&#8221;  I took her advice <img src='http://www.richardkong.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p align="left">&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.richardkong.com/2007/05/what-if-everyone-read-the-same-book/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>More innovations from the AADL</title>
		<link>http://www.richardkong.com/2007/01/more-innovations-from-the-aadl/</link>
		<comments>http://www.richardkong.com/2007/01/more-innovations-from-the-aadl/#comments</comments>
		<pubDate>Sun, 28 Jan 2007 04:59:00 +0000</pubDate>
		<dc:creator>Rich</dc:creator>
				<category><![CDATA[Libraries]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://kongtemplation.com/2007/01/27/more-innovations-from-the-aadl/</guid>
		<description><![CDATA[Before I came out to Thousand Oaks, I lived in Ann Arbor, MI and I had the wonderful opportunity to work at the Ann Arbor District Library when they were rolling out their innovative website. It was great for me because I was exposed to so many new advances in how libraries are providing creative, [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://tolibrarian.wordpress.com/files/2007/01/aadl.jpg" title="Patron review from AADLâ€™s website"><img src="http://tolibrarian.wordpress.com/files/2007/01/aadl.jpg" alt="Patron review from AADLâ€™s website" width="300" /></a></p>
<p>Before I came out to Thousand Oaks, I lived in Ann Arbor, MI and I had the wonderful opportunity to work at the Ann Arbor District Library when they were rolling out their innovative website.  It was great for me because I was exposed to so many new advances in how libraries are providing creative, new services to their communities.  Well, the folks at the AADL have done it again!  They just announced a whole new batch of features for their website, including the ability to rate, review, and tag items in their online catalog.  For more details, take a look at their <a href="http://www.aadl.org/node/3534" target="_blank"><strong>blog entry</strong></a> introducing the enhancements, their <a href="http://www.aadl.org/catalog" target="_blank"><strong>catalog page</strong></a>, and a <a href="http://www.blyberg.net/2007/01/21/aadlorg-goes-social/" target="_blank"><strong>blog</strong></a> kept by one of their key innovators, John Blyberg.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.richardkong.com/2007/01/more-innovations-from-the-aadl/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
