<?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>Nothing But Words &#187; Client Projects</title>
	<atom:link href="http://www.toppa.com/category/technical/client-projects/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.toppa.com</link>
	<description>Mike Toppa's Blog</description>
	<lastBuildDate>Wed, 08 Feb 2012 14:33:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>The New Chatham Chat Web Site</title>
		<link>http://www.toppa.com/2011/the-new-chatham-chat-web-site/</link>
		<comments>http://www.toppa.com/2011/the-new-chatham-chat-web-site/#comments</comments>
		<pubDate>Sun, 21 Aug 2011 21:05:39 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Client Projects]]></category>

		<guid isPermaLink="false">http://www.toppa.com/?p=3410</guid>
		<description><![CDATA[I&#8217;ve been working with the new managers of the Chatham Park Home and School Association to re-launch their website (Kai goes to school at Chatham). We just finished &#8211; check out the Chatham Chat: View at Picasa The new look for the Chatham Park Home and School Association web site I did the back-end work [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been working with the new managers of the Chatham Park Home and School Association to re-launch their website (Kai goes to school at Chatham). We just finished &#8211; check out <a href="http://www.chathamparkfamilies.org/">the Chatham Chat</a>:</p>
<div class="shashinPhotoGroups">
<table class="shashinThumbnailsTable" id="shashinGroup_2_2" style="margin-left: auto; margin-right: auto;">
<caption></caption>
<tr>
<td>
<div class="shashinThumbnailDiv" id="shashinThumbnailDiv_2" style="width: 596px;"><a href="http://lh3.ggpht.com/-VS2O3_KbrA8/TlFweWb0inI/AAAAAAAAI0U/uXuuVlzKRnQ/hasa.png?imgmax=800" id="shashinThumbnailLink_2" onclick="return hs.expand(this, { autoplay: false, slideshowGroup: 'group2' })" class="highslide"><img src="http://lh3.ggpht.com/-VS2O3_KbrA8/TlFweWb0inI/AAAAAAAAI0U/uXuuVlzKRnQ/hasa.png?imgmax=640" alt="The new look for the Chatham Park Home and School Association web site" title="The new look for the Chatham Park Home and School Association web site" width="590" height="383" class="shashinThumbnailImage" id="shashinThumbnailImage_2" /></a>
<div class="highslide-caption">
<div class="shashinHighslideLinkToOriginalPhoto"><a href="https://picasaweb.google.com/100291303544453276374/Various#5643415474792598130">View at Picasa</a></div>
<p>The new look for the Chatham Park Home and School Association web site</p></div>
</div>
</td>
</tr>
</table>
<p><script type="text/javascript">addHSSlideshow('group2');</script>
</div>
<p>I did the back-end work on the site (for managing the email newsletter subscriptions, converting from the old site, etc), but not the design. It&#8217;s using WordPress (of course!), my <a href="http://www.toppa.com/deko-boko-wordpress-plugin/" title="Deko Boko - A reCAPTCHA Contact Form Plugin for WordPress">Deko Boko plugin</a> for the contact form, a modified version of <a href="http://wordpress.org/extend/themes/classroom-blog">the Classroom Blog theme</a>, and I did some customizations to <a href="http://subscribe2.wordpress.com/">the Subscribe2 plugin</a> for emailing the Association&#8217;s newsletters.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.toppa.com/2011/the-new-chatham-chat-web-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Consulting Projects Wrap-Up</title>
		<link>http://www.toppa.com/2009/web-consulting-projects-wrap-up/</link>
		<comments>http://www.toppa.com/2009/web-consulting-projects-wrap-up/#comments</comments>
		<pubDate>Sun, 12 Apr 2009 20:47:02 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Client Projects]]></category>

		<guid isPermaLink="false">http://www.toppa.com/?p=1456</guid>
		<description><![CDATA[Last year I had several web consulting projects. I just finished the last of them, and I&#8217;m not planning on doing any more, so I figure now&#8217;s a good time to post a wrap-up. All 5 of these sites are running on WordPress. Boxing Dragons &#8211; Original Asian Art View at Picasa Boxing Dragons &#8211; [...]]]></description>
			<content:encoded><![CDATA[<p>Last year I had several web consulting projects. I just finished the last of them, and I&#8217;m not planning on doing any more, so I figure now&#8217;s a good time to post a wrap-up. All 5 of these sites are running on WordPress.</p>
<div class="shashinPhotoGroups">
<table class="shashinThumbnailsTable" id="shashinGroup_4_4" style="margin-left: auto; margin-right: auto;">
<caption></caption>
<tr>
<td>
<div class="shashinThumbnailDiv" id="shashinThumbnailDiv_8" style="width: 166px;"><a href="http://lh5.ggpht.com/-w8lSpQH39f4/SB5oFCm--xI/AAAAAAAACP8/S7nher53ui4/boxing_dragons.jpg?imgmax=800" id="shashinThumbnailLink_8" onclick="return hs.expand(this, { autoplay: false, slideshowGroup: 'group4' })" class="highslide"><img src="http://lh5.ggpht.com/-w8lSpQH39f4/SB5oFCm--xI/AAAAAAAACP8/S7nher53ui4/boxing_dragons.jpg?imgmax=160&amp;crop=1" alt="Boxing Dragons - Original Asian Art" title="Boxing Dragons - Original Asian Art" width="160" height="160" class="shashinThumbnailImage" id="shashinThumbnailImage_8" /></a><span class="shashinThumbnailCaption">Boxing Dragons &#8211; Original Asian Art</span>
<div class="highslide-caption">
<div class="shashinHighslideLinkToOriginalPhoto"><a href="https://picasaweb.google.com/100291303544453276374/Various#5196705455841147666">View at Picasa</a></div>
<p>Boxing Dragons &#8211; Original Asian Art</p></div>
</div>
</td>
<td>
<div class="shashinThumbnailDiv" id="shashinThumbnailDiv_9" style="width: 166px;"><a href="http://lh6.ggpht.com/-Z5-WWDc25KE/SeJOOyyEWwI/AAAAAAAADwA/RiW4Gzpwims/bok.jpg?imgmax=800" id="shashinThumbnailLink_9" onclick="return hs.expand(this, { autoplay: false, slideshowGroup: 'group4' })" class="highslide"><img src="http://lh6.ggpht.com/-Z5-WWDc25KE/SeJOOyyEWwI/AAAAAAAADwA/RiW4Gzpwims/bok.jpg?imgmax=160&amp;crop=1" alt="Body of Knowledge - Personal Training" title="Body of Knowledge - Personal Training" width="160" height="160" class="shashinThumbnailImage" id="shashinThumbnailImage_9" /></a><span class="shashinThumbnailCaption">Body of Knowledge &#8211; Personal Training</span>
<div class="highslide-caption">
<div class="shashinHighslideLinkToOriginalPhoto"><a href="https://picasaweb.google.com/100291303544453276374/Various#5323903725562256130">View at Picasa</a></div>
<p>Body of Knowledge &#8211; Personal Training</p></div>
</div>
</td>
<td>
<div class="shashinThumbnailDiv" id="shashinThumbnailDiv_10" style="width: 166px;"><a href="http://lh5.ggpht.com/-HvSho7vdxrM/SeJONHDmrEI/AAAAAAAADv4/tcLzUq7INnA/hope_funds.jpg?imgmax=800" id="shashinThumbnailLink_10" onclick="return hs.expand(this, { autoplay: false, slideshowGroup: 'group4' })" class="highslide"><img src="http://lh5.ggpht.com/-HvSho7vdxrM/SeJONHDmrEI/AAAAAAAADv4/tcLzUq7INnA/hope_funds.jpg?imgmax=160&amp;crop=1" alt="The Hope Funds for Cancer Research" title="The Hope Funds for Cancer Research" width="160" height="160" class="shashinThumbnailImage" id="shashinThumbnailImage_10" /></a><span class="shashinThumbnailCaption">The Hope Funds for Cancer Research</span>
<div class="highslide-caption">
<div class="shashinHighslideLinkToOriginalPhoto"><a href="https://picasaweb.google.com/100291303544453276374/Various#5323903696644779074">View at Picasa</a></div>
<p>The Hope Funds for Cancer Research</p></div>
</div>
</td>
</tr>
<tr>
<td>
<div class="shashinThumbnailDiv" id="shashinThumbnailDiv_11" style="width: 166px;"><a href="http://lh4.ggpht.com/-OZ1Vmgh5AGU/SGVWESdlvHI/AAAAAAAACZI/3qwA7Za_3sk/kcc_screenshot.jpg?imgmax=800" id="shashinThumbnailLink_11" onclick="return hs.expand(this, { autoplay: false, slideshowGroup: 'group4' })" class="highslide"><img src="http://lh4.ggpht.com/-OZ1Vmgh5AGU/SGVWESdlvHI/AAAAAAAACZI/3qwA7Za_3sk/kcc_screenshot.jpg?imgmax=160&amp;crop=1" alt="Kai's Candy Company" title="Kai's Candy Company" width="160" height="160" class="shashinThumbnailImage" id="shashinThumbnailImage_11" /></a><span class="shashinThumbnailCaption">Kai&#8217;s Candy Company</span>
<div class="highslide-caption">
<div class="shashinHighslideLinkToOriginalPhoto"><a href="https://picasaweb.google.com/100291303544453276374/Various#5216670375053999218">View at Picasa</a></div>
<p>Kai&#8217;s Candy Company</p></div>
</div>
</td>
<td>
<div class="shashinThumbnailDiv" id="shashinThumbnailDiv_12" style="width: 166px;"><a href="http://lh6.ggpht.com/-BK8mTt4lOjM/SeJORZ2uhvI/AAAAAAAADwI/ilF-vDMUN9w/terrytoppa.jpg?imgmax=800" id="shashinThumbnailLink_12" onclick="return hs.expand(this, { autoplay: false, slideshowGroup: 'group4' })" class="highslide"><img src="http://lh6.ggpht.com/-BK8mTt4lOjM/SeJORZ2uhvI/AAAAAAAADwI/ilF-vDMUN9w/terrytoppa.jpg?imgmax=160&amp;crop=1" alt="Newport Homes for Sale" title="Newport Homes for Sale" width="160" height="160" class="shashinThumbnailImage" id="shashinThumbnailImage_12" /></a><span class="shashinThumbnailCaption">Newport Homes for Sale</span>
<div class="highslide-caption">
<div class="shashinHighslideLinkToOriginalPhoto"><a href="https://picasaweb.google.com/100291303544453276374/Various#5323903770410518258">View at Picasa</a></div>
<p>Newport Homes for Sale</p></div>
</div>
</td>
</tr>
</table>
<p><script type="text/javascript">addHSSlideshow('group4');</script>
</div>
<ul>
<li><a href="http://www.bokfitness.com/">Body of Knowledge Personal Training</a>: the most interesting part of the site is accessible only by their clients. I created a custom WordPress plugin that enables their clients to schedule appointments online. The plugin synchronizes the appointments with Body of Knowledge&#8217;s Google Calendar, and on the administrative side, provides invoicing and other bookkeeping capabilities.</li>
<li><a href="http://www.terrytoppa.com/">Newport Homes for Sale &#8211; Terry Toppa, Broker Associate</a>: you may recognize the last name <img src='http://www.toppa.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  . This is a site for my Dad&#8217;s real estate listings. It uses my <a href="http://www.toppa.com/shashin-wordpress-plugin/" title="Shashin - a WordPress plugin for displaying photos and videos from Picasa, YouTube, and Twitpic">Shashin plugin for the property photos</a> and <a href="http://www.toppa.com/deko-boko-wordpress-plugin/" title="Deko Boko - A reCAPTCHA Contact Form Plugin for WordPress">Deko Boko for the contact form</a>. His friend Jim is a photographer, and he provided some fantastic pictures of Newport that really bring the site to life.</li>
<li><a href="http://www.boxingdragons.com/">Boxing Dragons &#8211; Original Asian Art</a>: I didn&#8217;t come up with the graphic designs on the other sites listed here, but I did for this one. I am by no means a graphic designer, but I can fake it sometimes. This site is over a year old now, and drove a lot of the improvements that went into Shashin 2.0 last year.</li>
<li><a href="http://www.kaiscandy.com/">Kai&#8217;s Candy Company:</a> this was <a href="http://www.toppa.com/2008/introducing-kais-candy-company/" title="Introducing Kai's Candy Company">my own business</a> (why can&#8217;t I count myself as a client? <img src='http://www.toppa.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  ), which is now closed. I worked with <a href="http://paulaweindel.com/">a wonderful graphic designer, Paula Weindel</a>, who created the site design for us. Our business volume never justified implementing a full-fledged shopping cart; Google Checkout served our needs just fine. After the business closed, I moved the site to free hosting with Google Page Creator.</li>
<li><a href="http://www.hope-funds.org/">The Hope Funds for Cancer Research</a>: this project involved converting a static site to a dynamic one, and training their staff to use WordPress so they can manage most of the site without needing programming skills.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.toppa.com/2009/web-consulting-projects-wrap-up/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Penn Medicine Clinical Trials</title>
		<link>http://www.toppa.com/2009/penn-medicine-clinical-trials/</link>
		<comments>http://www.toppa.com/2009/penn-medicine-clinical-trials/#comments</comments>
		<pubDate>Tue, 10 Mar 2009 12:38:12 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Client Projects]]></category>

		<guid isPermaLink="false">http://www.toppa.com/?p=1444</guid>
		<description><![CDATA[The Clinical Trials search site I developed. My co-worker Joe created the design. View at Picasa The Clinical Trials search site I developed. My co-worker Joe created the design. In the six years I&#8217;ve been working at Penn, this is my first project that&#8217;s publicly accessible: Penn Medicine Clinical Trials. It&#8217;s a web application to [...]]]></description>
			<content:encoded><![CDATA[<div class="shashinPhotoGroups">
<table class="shashinThumbnailsTable" id="shashinGroup_6_6" style="margin-left: auto; margin-right: auto;">
<caption></caption>
<tr>
<td>
<div class="shashinThumbnailDiv" id="shashinThumbnailDiv_14" style="width: 582px;"><a href="http://lh4.ggpht.com/-kfdcjn46oFc/SbZNf1OScMI/AAAAAAAADjE/xCNmuCKgRe0/clinical_trials.jpg?imgmax=800" id="shashinThumbnailLink_14" onclick="return hs.expand(this, { autoplay: false, slideshowGroup: 'group6' })" class="highslide"><img src="http://lh4.ggpht.com/-kfdcjn46oFc/SbZNf1OScMI/AAAAAAAADjE/xCNmuCKgRe0/clinical_trials.jpg?imgmax=576" alt="The Clinical Trials search site I developed. My co-worker Joe created the design." title="The Clinical Trials search site I developed. My co-worker Joe created the design." width="576" height="454" class="shashinThumbnailImage" id="shashinThumbnailImage_14" /></a><span class="shashinThumbnailCaption">The Clinical Trials search site I developed. My co-worker Joe created the design.</span>
<div class="highslide-caption">
<div class="shashinHighslideLinkToOriginalPhoto"><a href="https://picasaweb.google.com/100291303544453276374/Various#5311518019788370114">View at Picasa</a></div>
<p>The Clinical Trials search site I developed. My co-worker Joe created the design.</p></div>
</div>
</td>
</tr>
</table>
<p><script type="text/javascript">addHSSlideshow('group6');</script>
</div>
<p>In the six years I&#8217;ve been working at Penn, this is my first project that&#8217;s publicly accessible: <a href="http://www.med.upenn.edu/apps/my/itmat/clinical_trials">Penn Medicine Clinical Trials</a>. It&#8217;s a web application to help researchers as well as the general public find clinical trials at the U Penn School of Medicine and the Children&#8217;s Hospital of Philadelphia. My co-worker Joe did a great job on the design, and I implemented the functionality. Joe gets the credit for the Google-like &#8220;less is more&#8221; user interface, which is dramatically different from the clinical trials sites at other leading medical research institutions.</p>
<p>I wrote a script that runs nightly to pull down <a href="http://en.wikipedia.org/wiki/XML">XML</a> documents on the clinical trials from <a href="http://www.clinicaltrials.gov/">ClinicalTrials.gov</a> (a website created by the National Institutes of Health to provide a central clearinghouse for information relating to clinical trials in the US). The script then parses out the most important data and puts it in a database, where its used for <a href="http://en.wikipedia.org/wiki/Full_text_search">full text searching</a>. For displaying the pages on each trial, I created an <a href="http://en.wikipedia.org/wiki/Extensible_Stylesheet_Language">XSL</a> template that&#8217;s used to dynamically transform the XML documents for display as web pages.</p>
<p>This was actually part of a larger project &#8211; the redesign and relaunch of <a href="http://www.med.upenn.edu/itmat/">PennMed&#8217;s ITMAT (Institute for Translational Medicine and Therapeutics) web site</a>. Joe created that design as well, and I provided the functionality for the <a href="http://www.med.upenn.edu/apps/my/itmat/members">member pages</a>. These pages are dynamically updated as members update their profiles and new members join.</p>
<p>I have a few posts in mind based on this work, as I solved some problems on my own where there weren&#8217;t adequate explanations online. The topics are XML handling with PHP&#8217;s SimpleXMLItetator, XSL transformations with PHP&#8217;s XSLTProcessor, and an interesting CSS problem with the Clinical Trials &#8220;sticky footer&#8221; that we had to figure out. Stay tuned.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.toppa.com/2009/penn-medicine-clinical-trials/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Introducing Kai&#8217;s Candy Company</title>
		<link>http://www.toppa.com/2008/introducing-kais-candy-company/</link>
		<comments>http://www.toppa.com/2008/introducing-kais-candy-company/#comments</comments>
		<pubDate>Fri, 27 Jun 2008 22:06:56 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Client Projects]]></category>
		<category><![CDATA[Personal]]></category>

		<guid isPermaLink="false">http://www.toppa.com/?p=590</guid>
		<description><![CDATA[Kai&#8217;s Candy Company View at Picasa Kai&#8217;s Candy Company My blog has been quiet recently, as I&#8217;ve been focused on creating and launching the site for my new business, Kai&#8217;s Candy Company. Our goal with the company is to seek out the most unusual, fun, and tasty candies from around the world, and sell them! [...]]]></description>
			<content:encoded><![CDATA[<div class="shashinPhotoGroups">
<table class="shashinThumbnailsTable" id="shashinGroup_8_8" style="float: none;clear: both;">
<caption></caption>
<tr>
<td>
<div class="shashinThumbnailDiv" id="shashinThumbnailDiv_16" style="width: 518px;"><a href="http://lh4.ggpht.com/-OZ1Vmgh5AGU/SGVWESdlvHI/AAAAAAAACZI/3qwA7Za_3sk/kcc_screenshot.jpg?imgmax=800" id="shashinThumbnailLink_16" onclick="return hs.expand(this, { autoplay: false, slideshowGroup: 'group8' })" class="highslide"><img src="http://lh4.ggpht.com/-OZ1Vmgh5AGU/SGVWESdlvHI/AAAAAAAACZI/3qwA7Za_3sk/kcc_screenshot.jpg?imgmax=512" alt="Kai's Candy Company" title="Kai's Candy Company" width="512" height="386" class="shashinThumbnailImage" id="shashinThumbnailImage_16" /></a><span class="shashinThumbnailCaption">Kai&#8217;s Candy Company</span>
<div class="highslide-caption">
<div class="shashinHighslideLinkToOriginalPhoto"><a href="https://picasaweb.google.com/100291303544453276374/Various#5216670375053999218">View at Picasa</a></div>
<p>Kai&#8217;s Candy Company</p></div>
</div>
</td>
</tr>
</table>
<p><script type="text/javascript">addHSSlideshow('group8');</script>
</div>
<p>My blog has been quiet recently, as I&#8217;ve been focused on creating and launching the site for my new business, <a href="http://www.kaiscandy.com/">Kai&#8217;s Candy Company</a>. Our goal with the company is to seek out the most unusual, fun, and tasty candies from around the world, and sell them! We&#8217;re starting with <a href="http://www.kaiscandy.com/obama-mccain-candies/">Obama and McCain candies that we&#8217;ve made especially for the 2008 Presidential campaign</a>. The candies are hand made by artisans in Japan, using traditional <em>kumi ame</em> (rolled candy) techniques.</p>
<p>We also have a <a href="http://www.kaiscandy.com/halloween-candy-poll">Halloween candy poll</a> that&#8217;s waiting for your vote! Your votes will help us decide which candy designs to pick for our Halloween candies.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.toppa.com/2008/introducing-kais-candy-company/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

