<?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>Recursive Loop &#187; web applications</title>
	<atom:link href="http://www.creativecreature.ca/blog/tag/web-applications/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.creativecreature.ca/blog</link>
	<description></description>
	<lastBuildDate>Sat, 26 Jun 2010 07:50:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>North House</title>
		<link>http://www.creativecreature.ca/blog/2009/10/north-house/</link>
		<comments>http://www.creativecreature.ca/blog/2009/10/north-house/#comments</comments>
		<pubDate>Thu, 29 Oct 2009 19:40:40 +0000</pubDate>
		<dc:creator>johnny</dc:creator>
				<category><![CDATA[Environment & Ecology]]></category>
		<category><![CDATA[Projects]]></category>
		<category><![CDATA[Ruby on Rails]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[alternative energy]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[environment]]></category>
		<category><![CDATA[North House]]></category>
		<category><![CDATA[solar decathlon]]></category>
		<category><![CDATA[Team North]]></category>
		<category><![CDATA[web applications]]></category>

		<guid isPermaLink="false">http://www.creativecreature.ca/blog/?p=75</guid>
		<description><![CDATA[In the fall of 2008, I joined several faculty and students from my graduate program (Simon Fraser University&#8217;s School of Interactive Arts &#038; Technology) on an exciting project. In collaboration with the University of Waterloo and Ryerson University, Simon Fraser has contributed to Team North&#8216;s North House: Team North will design and deliver North House, [...]]]></description>
			<content:encoded><![CDATA[<p>In the fall of 2008, I joined several faculty and students from my graduate program (<a href="http://siat.sfu.ca">Simon Fraser University&#8217;s School of Interactive Arts &#038; Technology</a>) on an exciting project.  In collaboration with the <a href="http://www.uwaterloo.ca">University of Waterloo</a> and <a href="http://www.ryerson.ca">Ryerson University</a>, Simon Fraser has contributed to <a href="http://www.team-north.com">Team North</a>&#8216;s North House:
</p>
<blockquote><p>
Team North will design and deliver North House, a compelling, marketable solar powered home that makes use of the latest in high-performance architecture and mobile communication technology, while building Canada&#8217;s next generation of leaders in sustainable engineering, business and design.
</p></blockquote>
<div class="images">
<img src="http://www.creativecreature.ca/blog/wp-content/nh-exterior1.jpg" alt="North House" /><br />
<img src="http://www.creativecreature.ca/blog/wp-content/nh-team.jpg" alt="Team North" />
</div>
<p>
This October, after a two-year development cycle, our team traveled to Washington D.C. to compete in the <a href="http://www.energy.gov/">US Department of Energy</a>&#8216;s <a href="http://www.solardecathlon.org">Solar Decathlon</a> on the Washington Mall:
</p>
<blockquote><p>
The Solar Decathlon joins 20 college and university teams in a competition to design, build, and operate the most attractive and energy-efficient solar-powered house.
</p></blockquote>
<p>
The architects and engineers on the project did an incredible job: combining leading-edge technology, modern aesthetics, and innovative materials to produce a net-zero solar powered home that is viable for the Canadian climate.  After a challenging two-week competition, we placed 4th overall!  Full results can be found on the <a href="http://www.solardecathlon.org/scoring/">Solar Decathlon scoring page</a>.  We were pleased with our performance, and feel proud of the achievement we&#8217;ve made with the house.  Full details on the specifications and innovations of the house are available from <a href="http://www.team-north.com">the team website</a>.
</p>
<p>
SFU&#8217;s contribution to this undertaking involved the development of a control system for the North House, and the design and creation of a suite of web-enabled applications to provide feedback, control, and community networking to the residents of the house.  My role on the project was comprised of contributing to the design team for each of these main pieces of the interactive system, and then undertaking the development of each with a small team of programmers.
</p>
<p>
For the control system, I worked closely with Chris Brandson of VerTech Solutions.  He wrote custom drivers for each of the house&#8217;s hardware systems (lighting, shades and blinds, HVAC, retractable bed, etc.) and configured them to communicate with <a href="http://www.embeddedautomation.com/">Embedded Automation</a>&#8216;s <a href="http://www.embeddedautomation.com/EAHAMain.htm">mControl</a>.  I then developed a Ruby on Rails application to interface with mControl using SOAP.  This allowed the design team to develop a custom interface for the residents of the home instead of relying on an off-the-shelf solution.  The controls were then presented on three embedded touchscreens: a 17&#8243; display mounted in the western end of the kitchen backsplash and two 8&#8243; displays at the north and east entryways.  The central panel provides digital controls for all of the house systems, while the entry panels provide local controls for nearby lights.  Additionally, from each control point residents can put the house into user-configurable Presets such as Home, Away or Sleep.  These presets represent configurations for various activities or times of day that can be activated with a single button press.  The control and monitoring system we developed was noted as a standout by software developer Patrick Smith in his <a href="http://patricksmith.org/blog/2009/10/survey-of-home-monitoring-control-systems-at-the-solar-decathlon-2009/">Survey of Home Monitoring &#038; Control Systems at the Solar Decathlon</a>.
</p>
<div class="images">
<img src="http://www.creativecreature.ca/blog/wp-content/nh-controls.jpg" alt="Central Controls" /><br />
<img src="http://www.creativecreature.ca/blog/wp-content/nh-backsplash.jpg" alt="Control Panel in the Kitchen" />
</div>
<p>
I worked with closely with interaction designers Kevin Muise, Jenny Thai, and Jin Fan on the web application.  These talented designers delivered high quality HTML, CSS, and image assets that I then incorporated into the Ruby on Rails application and populated with dynamic data and enabled with interactive behaviour.  The house data was made available by Rob MacKenzie&#8217;s datalogging systems.  Along with this contribution to the project, his invaluable talents at network administration, hardware procurement, and his knack for pulling off last-minute hacks can&#8217;t be overlooked!
</p>
<div class="images">
<img src="http://www.creativecreature.ca/blog/wp-content/nh-overview.jpg" alt="Overview" /><br />
<img src="http://www.creativecreature.ca/blog/wp-content/nh-modes.jpg" alt="House Presets" /><br />
<img src="http://www.creativecreature.ca/blog/wp-content/nh-neighbourhood.jpg" alt="Neighbourhood Network" />
</div>
<p>
Finally, Kevin Muise and I completed the Mobile application together.  He led the development with nearly solo design and prototyping work.  I then developed the final version based on his prototypes and integrated it with the Rails app and control system.  The mobile application provides access to a subset of the features of the desktop web application, including graphing utilities, house controls, and community networking.
</p>
<div class="images" >
<img src="http://www.creativecreature.ca/blog/wp-content/nh-mobile.png" alt="North House iPhone Application" style="border: none; width: 300px;" />
</div>
<p>
Interactive demonstrations of the web application and iPhone application can be found on the Team North website under <a href="http://www.team-north.com/interfaceDemos.php">Interface Demos</a>.  Also, I was lucky enough to be interviewed by <a href="http://www.davidgura.com/">David Gura</a> from <a href="http://www.npr.org">NPR</a> for a brief segment about the iPhone application that aired on All Things Considered during the competition.  The segment is <a href="http://www.npr.org/templates/story/story.php?storyId=113735450">available online</a>.
</p>
<p>
The competition and project as a whole were intense and challenging.  The difficulty of channeling the talents and perspectives of students and faculty from a range of disciplines across three universities and two timezones cannot be overestimated.  Over the course of the year, I clumsily learned to speak the languages of architects, engineers, computer scientists, and project managers while participating in many teleconferences and email exchanges.  I learned how important priorities can sometimes be missed when working in large geographically distributed teams because each person and team thinks someone else is doing it.  And I learned a great deal about what not to do (&#8230;and less of what to do!) in software development.  That being said, everyone on the project undertook their part with such enthusiasm and determination that we were able to overcome these obstacles and successfully deliver a house that is beautiful, powerful, and viable.
</p>
<div class="images">
<img src="http://www.creativecreature.ca/blog/wp-content/nh-night.jpg" alt="North House at Night" />
</div>
<p>
My sincere thanks to everyone on the team for their dedication and determination over the course of the project.  It&#8217;s been a truly memorable experience.  Also a huge congratulations to all the teams and great people that participated in the contest, especially those I met from Germany, California, Louisiana, and Cornell.  In the coming year, I&#8217;ll be applying much of what I&#8217;ve learned on this project to my ongoing research into information visualization and tools for feedback on energy consumption.
</p>
<div class="images">
<img src="http://www.creativecreature.ca/blog/wp-content/nh-monument.jpg" alt="North House at Sunset" />
</div>
<p>Other media links:</p>
<ul>
<li><a href="http://www.theglobeandmail.com/real-estate/north-house-waves-the-flag/article1308568/">Globe &#038; Mail: North House Waves the Flag</a></li>
<li><a href="http://www.cbc.ca/thenational/">CBC News: The National</a> (October 8th)</li>
<li><a href="http://spie.org/x37841.xml?ArticleID=x37841">SPIE: Students shine at the Solar Decathlon</a> (video)</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.creativecreature.ca/blog/2009/10/north-house/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bitstrips</title>
		<link>http://www.creativecreature.ca/blog/2008/07/bitstrips/</link>
		<comments>http://www.creativecreature.ca/blog/2008/07/bitstrips/#comments</comments>
		<pubDate>Tue, 08 Jul 2008 23:32:30 +0000</pubDate>
		<dc:creator>johnny</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[bitstrips]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[interface design]]></category>
		<category><![CDATA[web applications]]></category>
		<category><![CDATA[web standards]]></category>

		<guid isPermaLink="false">http://www.creativecreature.ca/blog/?p=45</guid>
		<description><![CDATA[For the past few months, I&#8217;ve been working on and off on a redesign and interface overhaul of Bitstrips, a social comic creation and sharing application launched by Toronto-based Core Matrix this past spring. Bitstrips allows anyone to create great looking comics and characters with easy to use tools, and share them with their friends [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.bitstrips.com"><img src="http://www.creativecreature.ca/blog/wp-content/bs-logo-email.png" alt="bs_logo_email.png" border="0" width="120" height="48" style="float: right; margin: 0 0 5px 15px;" /></a></p>
<p>
For the past few months, I&#8217;ve been working on and off on a redesign and interface overhaul of <a href="http://www.bitstrips.com">Bitstrips</a>, a social comic creation and sharing application launched by Toronto-based <a href="http://www.corematrix.org">Core Matrix</a> this past spring.  Bitstrips allows anyone to create great looking comics and characters with easy to use tools, and share them with their friends and others in the Bitstrsips community.  After launching their initial beta, the guys behind Bitstrips wanted to improve the look and feel of their application.  To this end, I was hired on to create some design mockups, sort out browser compatibility issues, streamline and improve the site&#8217;s HTML and CSS (and push them into line with best practices), consult on the information design and navigation flow of the site, and put together and polish lots of the interface graphics.  The latest version takes Bitstrips out of beta and incorporates these and a huge number of other improvements to both the backend functionality and frontend user interface of the site.
</p>
<div class="images">
<a href="http://www.flickr.com/photos/66732445@N00/2650391125" title="View 'Bitstrips: Home Screen' on Flickr.com"><img src="http://farm4.static.flickr.com/3050/2650391125_f57b7bffaf.jpg" alt="Bitstrips: Home Screen" class="photo" /></a>
</div>
<p>
Since the site&#8217;s successful launch at <a href="http://2008.sxsw.com/tradeshow/if_exhibition/exhibitors/index.php?action=exhib_show&#038;id=S08-0261">SXSW</a>, the Bitstrips community has been steadily growing, with over 70,000 comics created so far, and has gained a buzz with numerous mentions in Wired magazine  (<a href="http://blog.wired.com/underwire/2008/03/sxsw-cartooning.html">1</a>, <a href="http://www.wired.com/culture/culturereviews/multimedia/2008/05/pl_playlist?slide=3&#038;slideView=3">2</a>, <a href="http://blog.wired.com/underwire/2008/03/sxsw-recapping.html">3</a>), on blogs around the web, and a feature interview on <a href="http://www.cbc.ca/technology/story/2008/03/19/bitstrips-comics.html">CBC&#8217;s Q</a> with Jian Ghomeshi.  For their part, the Core Matrix team has been tirelessly adding new content and artwork, fine-tuning their comic, character and scene creation tools, and passionately giving their all to the Bitstrips community.
</p>
<div class="images">
<a href="http://www.flickr.com/photos/66732445@N00/2650392817" title="View 'Bitstrips: My Friends' on Flickr.com"><img src="http://farm4.static.flickr.com/3239/2650392817_c37f6e42e9.jpg" alt="Bitstrips: My Friends" class="photo" /></a>
</div>
<p>
Bitstrips is free and fun.  The best part is creating characters of your friends and putting them in awkward situations in your comics!  I&#8217;m excited to see how the site grows and develops over the coming months, as the community gets bigger and more involved.  The guys at Core Matrix are putting on a <a href="http://www.bitstrips.com/awards/">Best-of-Bitstrips Awards Party</a> in Toronto on July 16th, so if you&#8217;re in town, check it out!  Unfortunately, I won&#8217;t be in the area, but hopefully I&#8217;ll be there for the 2009 edition.
</p>
<div class="images">
<a href="http://www.flickr.com/photos/66732445@N00/2650393979" title="View 'Bitstrips: Comic View' on Flickr.com"><img src="http://farm4.static.flickr.com/3256/2650393979_5dc95bdd86.jpg" alt="Bitstrips: Comic View" class="photo" /></a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.creativecreature.ca/blog/2008/07/bitstrips/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Digital Texts 2.0</title>
		<link>http://www.creativecreature.ca/blog/2008/06/digital-texts-20/</link>
		<comments>http://www.creativecreature.ca/blog/2008/06/digital-texts-20/#comments</comments>
		<pubDate>Tue, 10 Jun 2008 06:31:34 +0000</pubDate>
		<dc:creator>johnny</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[amazon web services]]></category>
		<category><![CDATA[digital humanities]]></category>
		<category><![CDATA[google books]]></category>
		<category><![CDATA[google charts]]></category>
		<category><![CDATA[interface design]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[Ruby on Rails]]></category>
		<category><![CDATA[web applications]]></category>
		<category><![CDATA[web services]]></category>

		<guid isPermaLink="false">http://www.creativecreature.ca/blog/?p=43</guid>
		<description><![CDATA[Since November 2007, I have been working under the supervision of longtime mentor and colleague Dr. St&#233;fan Sinclair on a project called Digital Texts 2.0: Digital Texts 2.0 is an initiative to experiment with applying the principles of Web 2.0 to the realm of electronic texts. We intend to preserve and expose all of the [...]]]></description>
			<content:encoded><![CDATA[<p>
Since November 2007, I have been working under the supervision of longtime mentor and colleague <a href="http://St&#233;fansinclair.name">Dr. St&#233;fan Sinclair</a> on a project called <a href="http://dtext2.org">Digital Texts 2.0</a>:
</p>
<blockquote><p>
Digital Texts 2.0 is an initiative to experiment with applying the principles of Web 2.0 to the realm of electronic texts. We intend to preserve and expose all of the existing qualities of digital texts (rich hypertextual associations, refined encoding practices, analytic affordances, etc.), while enhancing them with additional characteristics provided by Web 2.0 and social networking.  </p>
<p>[Therefore,] the Digital Texts 2.0 project is a preliminary attempt to better understand the phenomenon of social networking and how it might be adapted to benefit the ways in which humanities scholars interact with electronic texts.</p>
<p><em>Read more at the <a href="http://tada.mcmaster.ca/Main/DigitalTexts2">Digital Texts wiki</a>.</em>
</p></blockquote>
<p>
As described above, Dr. Sinclair is interested in applying some of the interesting features of current web trends (social networking, folksonomies, web service mashups, ajax interfaces, and an emphasis on interactivity) to the realm of electronic texts.   The primary focus on social networking led to the <a href="http://developers.facebook.com/">Facebook Platform</a> being chosen as a good starting point for the project.  Early prototypes that I wrote in PHP were thus aimed at learning the integration points afforded by the Facebook interface and scaffolding some of the basic functionality.  After this brief stage of experimentation, I restarted the application in <a href="http://www.rubyonrails.org">Ruby on Rails</a>, and linked it to the Facebook Platform with the <a href="http://rfacebook.rubyforge.org/">RFacebook</a> ruby gem.
</p>
<div class="images">
<a href="http://www.flickr.com/photos/66732445@N00/2566312223" title="View 'Digital Texts | Home' on Flickr.com"><img src="http://farm4.static.flickr.com/3016/2566312223_90c1b37d55.jpg" alt="Digital Texts | Home" /></a>
</div>
<p>
Since then, successive iterations of the app have been released every 2 to 4 weeks, as new functionality has been requested or imagined, flaws have been identified, and new features have demanded new interface design patterns.  Current functionality allows users to:
</p>
<ul>
<li>Create, edit, and share <a href="http://dtext2.org/documents/list">Texts</a>, <a href="http://dtext2.org/authors/list">Authors</a>, and <a href="http://dtext2.org/collections/list">Collections</a></li>
<li>Join <a href="http://dtext2.org/groups/list">Groups</a> organized around a particular theme or topic</li>
<li><a href="http://dtext2.org/tags/cloud">Tag</a> everything in the application</li>
<li>Comment on Texts, Authors, Collections and Groups</li>
<li>Browse other <a href="http://dtext2.org/readers/list">Readers</a> profiles and records</li>
<li>Generate <a href="http://dtext2.org/main/statistics">statistics</a> based on records in the application (generated with <a href="http://code.google.com/apis/chart/">Google Charts</a>)</li>
<li><a href="http://dtext2.org/search">Search</a> and browse search logs</li>
<li>Lookup and add information from <a href="http://aws.amazon.com/">Amazon</a>, <a href="http://code.google.com/apis/books/">Google Books</a>, and soon <a href="http://www.freebase.com">Freebase</a></li>
</ul>
<p>
Future versions will further integrate application activity with the Facebook Platform, link records in the database to other web services and resources (libraries, <a href="http://tapor.ca">text analysis tools</a>, etc), and offer a suite of import/export tools for managing larger data sets.  Additionally, Dr. Sinclair is interested in experimenting with hybrid searches that would allow data drawn from the overlapping properties of authors, texts, and readers to be explored.  For example, what are the relationships between the age, gender, education level, nationality, and so on of readers and the authors of the texts they read?  What does this information tell us?  These and other questions will be explored.
</p>
<div class="images">
<a href="http://www.flickr.com/photos/66732445@N00/2566312915" title="View 'Digital Texts | Text View' on Flickr.com"><img src="http://farm4.static.flickr.com/3145/2566312915_4bc7120b4c.jpg" alt="Digital Texts | Text View" /></a>
</div>
<p>
Project management has been handled with <a href="http://tapor-dev.mcmaster.ca/~humviz/dtext2/trac">Trac</a>, extensive <a href="http://dtext2.org/main/notes">release notes</a>, a dedicated mailing list of beta testers and collaborators, and lots of notebooks.  Learning to be a part of a very smart team of people while managing a technical project has been really interesting.  The practical side of things has also emphasized the quality and breadth of the open source community as a resource for these kinds of projects.  Of course, Rails is open source, but I have had the pleasure of using <a href="http://dtext2.org/main/about">over a dozen</a> other open source projects during the course of development, from free icon sets to JavaScript snippets to Ruby gems to Rails plugins.  All of these have made development more productive, more fun, and the end result more polished and powerful.  As an academic project without funding outside of a grant, open source has offered the savings in time and sophistication needed to create a professional application in a relatively short period.
</p>
<div class="images">
<a href="http://www.flickr.com/photos/66732445@N00/2567134794" title="View 'Digital Texts | Statistics' on Flickr.com"><img src="http://farm4.static.flickr.com/3024/2567134794_7086cb0234.jpg" alt="Digital Texts | Statistics" /></a>
</div>
<p>
The ongoing project has been a fantastic experience for me.  I have had the opportunity to work with a great team of beta testers, explore the Facebook platform, and integrate a Rails app with a variety of web services.  I&#8217;ve also had free reign to iterate over a series of increasingly sophisticated interface designs.  I will continue to contribute to the project until August, and hopefully beyond.
</p>
<p>
If you&#8217;re interested in the project, or would like to become a beta tester, feel free to <a href="http://apps.facebook.com/digitaltexts">add the Digital Texts 2.0 app on Facebook</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.creativecreature.ca/blog/2008/06/digital-texts-20/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Swinging Nostalgia launched</title>
		<link>http://www.creativecreature.ca/blog/2007/11/swinging-nostalgia-launched/</link>
		<comments>http://www.creativecreature.ca/blog/2007/11/swinging-nostalgia-launched/#comments</comments>
		<pubDate>Fri, 02 Nov 2007 23:52:01 +0000</pubDate>
		<dc:creator>johnny</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[digital humanities]]></category>
		<category><![CDATA[interface design]]></category>
		<category><![CDATA[research]]></category>
		<category><![CDATA[Ruby on Rails]]></category>
		<category><![CDATA[web applications]]></category>

		<guid isPermaLink="false">http://www.creativecreature.ca/blog/?p=35</guid>
		<description><![CDATA[After many months of development, I am pleased to announce the launch of <a href="http://tapor.mcmaster.ca/~swing" target="_blank">Swinging Nostalgia: Popular Music and the Cultural Memory of World War II</a>, a research project undertaken by <a href="http://sota.mcmaster.ca/facultystaff/profile_baade.html" target="_blank">Dr. Christina Baade</a> of the <a href="http://www.mcmaster.ca">McMaster University</a> <a href="http://sota.mcmaster.ca/index.php" target="_blank">Department of Music</a>.  Dr. Baade was interested in researching a variety of issues concerning popular memory in regards to the swing and dance music released during the war, and its subsequent re-release over the past twenty years.]]></description>
			<content:encoded><![CDATA[<p>After many months of development, I am pleased to announce the launch of <a href="http://tapor.mcmaster.ca/~swing" target="_blank"><strong>Swinging Nostalgia: Popular Music and the Cultural Memory of World War II</strong></a>, a research project undertaken by <a href="http://sota.mcmaster.ca/facultystaff/profile_baade.html" target="_blank">Dr. Christina Baade</a> of the <a href="http://www.mcmaster.ca">McMaster University</a> <a href="http://sota.mcmaster.ca/index.php" target="_blank">Department of Music</a> (as well as a professor in the <a href="http://csmm.humanities.mcmaster.ca" target="_blank">Department of Communication Studies</a>).  Dr. Baade was interested in researching a variety of issues concerning popular memory in regards to the swing and dance music released during the war, and its subsequent re-release over the past twenty years.</p>
<blockquote><p> Since the 1990s, there has been an explosion in the availability of &#8220;nostalgia&#8221; compact discs. Nostalgia CDs are reissued compilations of pre-rock &#8216;n&#8217; roll era music, especially recordings by swing bands, dance bands, singers, and small jazz combinations. Because this repertory was originally recorded on 78 rpm records, which held about 3-1/2 minutes of music on each side, the producers of nostalgia CDs make numerous aesthetic, practical, and even curatorial decisions as they select, remaster, and package their products. These decisions are also at play for the increasing number of CDs featuring off-air recordings of historic radio broadcasts. The modern technologies of digital recording and the World Wide Web have helped make old music more available than ever: this website addresses the role that CD reissues play in shaping understandings of popular music history-and historical memory more broadly.</p></blockquote>
<p>In order to bring her research and data to a broader audience, and to develop a set of tools which would facilitate further research, Dr. Baade and I worked together to build Swinging Nostalgia into a fully searchable, highly editable web application.  At the site, researchers as well as casual users can search the database to find information about the Artists, Labels, Collections, and Songs from this era, each collated to the others to indicate the popularity, relationships between, and relative importance of each as it pertains to the genre of &#8220;nostalgia&#8221; releases.  Additionally, readers can keep up to date with and contact Dr. Baade as she continues work on the project.</p>
<p style="margin: 10px 0px; text-align: center"><a href="http://www.creativecreature.ca/blogs/creativecreature/screenshots/swing_home.jpg" target="_blank"><img src="http://www.creativecreature.ca/blogs/creativecreature/screenshots/swing_home_small.jpg" alt="Swinging Nostalgia: " style="border: 1px solid #dddddd" /></a></p>
<p class="caption">Swinging Nostalgia Home Page</p>
<p style="margin: 10px 0px; text-align: center"><a href="http://www.creativecreature.ca/blogs/creativecreature/screenshots/swing_search.jpg" target="_blank"><img src="http://www.creativecreature.ca/blogs/creativecreature/screenshots/swing_search_small.jpg" alt="Swinging Nostalgia: " style="border: 1px solid #dddddd" /></a></p>
<p class="caption">Search Form</p>
<p style="margin: 10px 0px; text-align: center"><a href="http://www.creativecreature.ca/blogs/creativecreature/screenshots/swing_search_results.jpg" target="_blank"><img src="http://www.creativecreature.ca/blogs/creativecreature/screenshots/swing_search_results_small.jpg" alt="Swinging Nostalgia: " style="border: 1px solid #dddddd" /></a></p>
<p class="caption">Search Results</p>
<p> The site was developed by Creative Creature using the <a href="http://www.rubyonrails.org" target="_blank">Ruby on Rails</a> web development framework.  It also includes a number of features to improve user interaction and ease of use in the administration of the site and application data, including significant use of <a href="http://en.wikipedia.org/wiki/Ajax_(programming)" target="_blank">AJAX</a> techniques, and a cohesive, communicative interface design.</p>
<p>Contributors to the project can add Artists, Labels, and Songs to the database, and associate them through Collections, which in turn contain multi-disc Tracklistings as well as Album Artwork.  This data can then be edited and manipulated as the project grows.  Furthermore, each element can have Notes and Documents associated with it, to enrich the data with the researcher&#8217;s own thoughts and connected materials (links to external URL&#8217;s, PDF documents, images, etc.).  The result is a dataset which is flexible and powerful enough to offer researchers a venue in which to ask complex questions and develop answers in collaboration with one another.</p>
<p style="margin: 10px 0px; text-align: center"><a href="http://www.creativecreature.ca/blogs/creativecreature/screenshots/swing_admin.jpg" target="_blank"><img src="http://www.creativecreature.ca/blogs/creativecreature/screenshots/swing_admin_small.jpg" alt="Swinging Nostalgia: " style="border: 1px solid #dddddd" /></a></p>
<p class="caption">Administration Interface</p>
<p style="margin: 10px 0px; text-align: center"><a href="http://www.creativecreature.ca/blogs/creativecreature/screenshots/swing_collection.jpg" target="_blank"><img src="http://www.creativecreature.ca/blogs/creativecreature/screenshots/swing_collection_small.jpg" alt="Swinging Nostalgia: " style="border: 1px solid #dddddd" /></a></p>
<p class="caption">Collection Creation View</p>
<p> I hope the site is a useful research tool for Dr. Baade and her colleagues, and a good resource for those interested in learning more about Swing music.  I also hope it is the first of many Ruby on Rails web applications I have the pleasure of working on!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.creativecreature.ca/blog/2007/11/swinging-nostalgia-launched/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Preliminary PBLit Launch</title>
		<link>http://www.creativecreature.ca/blog/2007/06/preliminary-pblit-launch/</link>
		<comments>http://www.creativecreature.ca/blog/2007/06/preliminary-pblit-launch/#comments</comments>
		<pubDate>Tue, 05 Jun 2007 15:50:01 +0000</pubDate>
		<dc:creator>johnny</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[digital humanities]]></category>
		<category><![CDATA[interface design]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[web applications]]></category>

		<guid isPermaLink="false">http://www.creativecreature.ca/blog/?p=20</guid>
		<description><![CDATA[Over the past year, I have worked alongside Dr. Stéfan Sinclair, Dr. Madeleine Jeay, and James Chartrand (Open Sky Solutions) to develop a literary research application at McMaster University. The result is a preliminary launch of PBLit (PolyBase Littéraire) (en français). PBLit is an experimental project that aims to develop strategies for the simultaneous exploitation [...]]]></description>
			<content:encoded><![CDATA[<p style="padding: 0px 20px 0px 0px; float: left"> <img src="http://www.creativecreature.ca/blogs/creativecreature/screenshots/pblit_logo_small.png" alt="PBLit Logo" title="PBLit Logo" /></p>
<p> 	Over the past year, I have worked alongside <a href="http://stefansinclair.name" target="_blank">Dr. Stéfan Sinclair</a>, <a href="http://www.humanities.mcmaster.ca/~jeaymad/" target="_blank">Dr. Madeleine Jeay</a>, and James Chartrand (<a href="http://www.openskysolutions.ca/" target="_blank">Open Sky Solutions</a>) to develop a literary research application at <a href="http://www.mcmaster.ca/" target="_blank">McMaster University</a>.  The result is a preliminary launch of <a href="http://tapor.mcmaster.ca/pblit/accueil/" target="_blank">PBLit (PolyBase Littéraire)</a> (<em>en français</em>).</p>
<p>PBLit is an experimental project that aims to develop strategies for the simultaneous exploitation of multiples databases using a single unified interface.  Many resources exist for literary research, but most are only available through their own interface.  This makes research across a multitude of resources a time-consuming and learning-intensive task.  PBLit offers a model prototype for navigation and research across literary resources, and functions as a proof of concept that multiple resources, in different formats and containing various datatypes, can be utilized simultaneously through an integrated web application.</p>
<h3>PBLit (PolyBase Littéraire)</h3>
<p><a href="http://tapor.mcmaster.ca/pblit/accueil/" target="_blank">http://tapor.mcmaster.ca/pblit/accueil/</a><br />
<strong>ROLE:</strong> Designer, Interface Developer<br />
<strong>TOOLS:</strong> XHTML, CSS, JavaScript, XML, XSLT, <a href="http://cocoon.apache.org/" target="_blank">Cocoon</a>, <a href="http://cocoon.apache.org/2.1/userdocs/basics/index.html" target="_blank">CForms</a>, <a href="http://moofx.mad4milk.net/" target="_blank">moo.fx</a></p>
<p style="padding: 5px 0px 10px; text-align: center"> <a href="http://www.creativecreature.ca/blogs/creativecreature/screenshots/pblit_accueil.png" target="_blank"><img src="http://www.creativecreature.ca/blogs/creativecreature/screenshots/pblit_accueil_small.png" alt="PBLit: Accueil" title="PBLit: Accueil" style="border: 1px solid #dddddd" width="420" /></a></p>
<p style="padding: 5px 0px 10px; text-align: center"> <a href="http://www.creativecreature.ca/blogs/creativecreature/screenshots/pblit_search.png" target="_blank"><img src="http://www.creativecreature.ca/blogs/creativecreature/screenshots/pblit_search_small.png" alt="PBLit: Recherche" title="PBLit: Recherche" style="border: 1px solid #dddddd" width="420" /></a></p>
<p style="padding: 5px 0px 10px; text-align: center"> <a href="http://www.creativecreature.ca/blogs/creativecreature/screenshots/pblit_results.png" target="_blank"><img src="http://www.creativecreature.ca/blogs/creativecreature/screenshots/pblit_results_small.png" alt="PBLit: Search Results" title="PBLit: Search Results" style="border: 1px solid #dddddd" width="420" /></a></p>
<p> 	My role on the project was initially as a graphic designer and interface developer, and grew to include some responsibility for the XML/XSLT development of the project (particularly in the implementation of the <a href="http://cocoon.apache.org/2.1/userdocs/basics/index.html" target="_blank">CForms</a>, and in the search results display), as well as writing and debugging a portion of the JavaScript, and managing the localization of the application using <a href="http://en.wikipedia.org/wiki/Internationalization_and_localization" target="_blank">i18n</a>.  Several exciting features were developed to facilitate the usability of the application, including an AJAX Search Suggest mechanism on all search fields, and an Advanced Search form which has been developed to allow for future versions of the application to offer resource-specific search fields to allow users to refine their searches to target specific resources.</p>
<p>I have worked closely with Dr.&#8217;s Sinclair and Jeay before on <a href="http://www.satorbase.org/" target="_blank">SatorBase</a> and <a href="http://tapor.mcmaster.ca/~hyperliste/" target="_blank">Hyperlistes</a>, and as always it was a pleasure to learn from their years of experience undertaking academic projects.  Also, it has been an excellent experience learning from the process and open-source knowledge of James Chartrand and Open Sky Solutions.  Thanks to everyone, and here&#8217;s to a job well done!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.creativecreature.ca/blog/2007/06/preliminary-pblit-launch/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

