<?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>Solution</title>
	<atom:link href="http://blog.jamesmichaelsolutions.com/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.jamesmichaelsolutions.com</link>
	<description>News &#38; Resources for Developers &#38; Entrepreneurs</description>
	<lastBuildDate>Fri, 21 Aug 2009 18:18:47 +0000</lastBuildDate>
	
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Healthy Living Pharmacy</title>
		<link>http://blog.jamesmichaelsolutions.com/2009/08/healthy-living-pharmacy</link>
		<comments>http://blog.jamesmichaelsolutions.com/2009/08/healthy-living-pharmacy#comments</comments>
		<pubDate>Fri, 21 Aug 2009 18:05:58 +0000</pubDate>
		<dc:creator>James M. Plouffe</dc:creator>
				<category><![CDATA[Recent Projects]]></category>

		<guid isPermaLink="false">http://blog.jamesmichaelsolutions.com/?p=17</guid>
		<description><![CDATA[Healthy Living Pharmacy had a problem. They needed a user friendly website for their pharmacy, that allowed their customers to securely order &#038; transfer prescriptions online.]]></description>
			<content:encoded><![CDATA[<p>Healthy Living Pharmacy had a problem. They needed a user friendly website for their pharmacy that allowed their customers to securely order &amp; transfer prescriptions online.</p>
<p><strong>Case Study: Healthy Living Pharmacy<br />
</strong></p>
<p><a href="http://blog.jamesmichaelsolutions.com/wp-content/uploads/2009/08/hlp-289x300.jpg" target="_blank"> <img class="size-medium wp-image-18 alignnone" title="Healthy Living Pharmacy" src="http://blog.jamesmichaelsolutions.com/wp-content/uploads/2009/08/hlp-289x300.jpg" alt="Medical Web Design and Development" width="289" height="300" /></a></p>
<p><strong>Responsibilities: </strong></p>
<p>UI Development, <span id="main" style="visibility: visible;"><span id="taw" style="visibility: visible;">Content Creation,</span></span> CSS/XHTML Template, jQuery , <span> </span><span id="main" style="visibility: visible;"><span id="taw" style="visibility: visible;"><span>256-bit SSL Certificate</span></span></span><strong><br />
</strong></p>
<p><strong>Simple, yet Sophisticated.</strong></p>
<p>The <strong>UI and Navigation</strong> for <a href="http://www.healthylivingpharmacy.net/" target="_blank">Healthy Living Pharmacy</a> was a very important factor in creating a<strong> User-Friendly, Accessible Website.</strong> I started by determining the most important elements of the website, and created a  <strong>&#8220;Secondary&#8221; Navigation</strong> (below the header).</p>
<p><strong>&#8220;Secondary</strong><strong>&#8220;</strong><strong> Navigation</strong></p>
<p style="text-align: center;"><img class="size-full wp-image-22 aligncenter" title="navigation" src="http://blog.jamesmichaelsolutions.com/wp-content/uploads/2009/08/navigation1.gif" alt="navigation" width="589" height="83" /></p>
<p>I really wanted the main elements of the website to stand out to the user;  <strong>Order &amp; Refill, Products &amp; Services, Frequently Asked, Testimonials.</strong></p>
<p>The larger text, descriptions, mouseover effects and navigation bar allows for ease of use; a simple navigation that even the least experienced user could understand.</p>
<p>On the child pages of the website, I decided to keep the &#8220;Secondary&#8221; Navigation bar, but didn&#8217;t include the descriptions, to allow for more real estate above <strong>the fold </strong>(<em>&#8220;the </em><span id="main" style="visibility: visible;"><span id="search" style="visibility: visible;"><em>fold”</em> means the line beyond which a user must scroll to see more contents of a page)</span></span>.</p>
<p style="text-align: center;"><img class="size-full wp-image-23 aligncenter" title="child-navigation" src="http://blog.jamesmichaelsolutions.com/wp-content/uploads/2009/08/child-navigation.gif" alt="child-navigation" width="590" height="29" /></p>
<p>You will notice that depending on your location, the corresponding navigation item is highlighted, to  let users know where they currently are while navigating the website.</p>
<p><strong>Secure Prescription Ordering &amp; Transfer</strong></p>
<p>To allow users to order and transfer prescriptions online was very important to Healthy Living Pharmacy.  I decided to go with  <a href="http://www.tectite.com/" target="_blank">Tectite&#8217;s Form Handler </a> , their <a href="http://www.tectite.com/formencryption.php" target="_blank">encryption/decryption software</a>, and I also secured the <span id="main" style="visibility: visible;"><span id="taw" style="visibility: visible;"> <a href="https://www.healthylivingpharmacy.net/ordering.html" target="_blank">Ordering Page</a> </span></span>with a<a href="https://www.godaddy.com/gdshop/pdf/SSLMarketingGuideGodaddy.pdf" target="_blank"> </a><span id="main" style="visibility: visible;"><span id="taw" style="visibility: visible;"><a href="https://www.godaddy.com/gdshop/pdf/SSLMarketingGuideGodaddy.pdf" target="_blank">256-bit SSL Certificate</a>.</span></span></p>
<p><span style="visibility: visible;"><span style="visibility: visible;"><a href="https://www.healthylivingpharmacy.net/ordering.html"><img class="size-full wp-image-25 alignnone" title="orderingpage" src="http://blog.jamesmichaelsolutions.com/wp-content/uploads/2009/08/orderingpage.gif" alt="orderingpage" width="247" height="302" /></a></span></span></p>
<p><strong>jQuery Vertical Scroller</strong></p>
<p><span style="visibility: visible;"><span style="visibility: visible;">I thought the vertical scroller was a great solution to showcase the company&#8217;s strong points and service information. It is featured on both the Home Page, and Child Page. To break up the two design concepts, I choose to put the vertical scroller on the right side of the homepage, and on the left for the child page.</span></span></p>
<p><strong>Live Example</strong><br />
<a href="http://www.healthylivingpharmacy.net/" target="_blank">HealthyLivingPharmacy.net</a></p>
<p><strong>Contact Page with Google Maps</strong></p>
<p>I provided the user with an interactive Google Map which allows them to enter there address and receive driving instructions either to or from , search for  establishmentsnearby, and zoom in on the map.</p>
<p><a href="http://blog.jamesmichaelsolutions.com/wp-content/uploads/2009/08/googlemaps.gif"><img class="alignnone size-full wp-image-29" title="googlemaps" src="http://blog.jamesmichaelsolutions.com/wp-content/uploads/2009/08/googlemaps.gif" alt="googlemaps" width="394" height="239" /></a></p>
<p><strong>Final Results<br />
</strong><br />
An easy to use, inviting, and secure website built using the latest web technologies and trends. I created complete, and intuitive user experience that Healthy Living Pharmacy&#8217;s users will be able to have for years to come.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.jamesmichaelsolutions.com/2009/08/healthy-living-pharmacy/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WriteMaps Site Map Application</title>
		<link>http://blog.jamesmichaelsolutions.com/2009/08/writemaps-site-map-application</link>
		<comments>http://blog.jamesmichaelsolutions.com/2009/08/writemaps-site-map-application#comments</comments>
		<pubDate>Tue, 18 Aug 2009 04:47:12 +0000</pubDate>
		<dc:creator>James M. Plouffe</dc:creator>
				<category><![CDATA[Tools]]></category>

		<guid isPermaLink="false">http://blog.jamesmichaelsolutions.com/?p=9</guid>
		<description><![CDATA[Web designers and developers use different techniques to create, share and discuss the sitemap of a website with their prospective or current clients. Most of the time these techniques involve expensive diagram software, or office application ( which I used to use to create my sitemaps ). I knew there had to be a better way. ]]></description>
			<content:encoded><![CDATA[<p>Web designers and developers use different techniques to create, share and discuss the sitemap of a website with their prospective or current clients.  Most of the time these techniques involve expensive diagram software, or office application ( which I used to use to create my sitemaps ). I knew there had to be a better way.</p>
<p>The solution that I found was an application by <a title="Scott Jehl, Designer/Developer, Boston, MA" href="http://www.scottjehl.com" target="_blank">Scott Jehl</a> called <a title="WriteMaps Site Map Application" href="http://writemaps.com">WriteMaps</a>.</p>
<p><img class="alignnone size-full wp-image-10" title="WriteMaps" src="http://blog.jamesmichaelsolutions.com/wp-content/uploads/2009/08/wmLogo_app.png" alt="WriteMaps" width="250" height="49" /></p>
<p>WriteMaps is a free online application used to create, edit and then share your sitemap&#8217;s with your clients<strong>.</strong></p>
<div id="attachment_12" class="wp-caption alignnone" style="width: 360px"><img class="size-full wp-image-12" title="example1" src="http://blog.jamesmichaelsolutions.com/wp-content/uploads/2009/08/example1.jpg" alt="example1" width="350" height="303" /><p class="wp-caption-text">WrikeMap&#39;s Workspace &amp; Sitemap Example</p></div>
<p><strong>Key Features: </strong></p>
<ul>
<li>Add pages by simply clicking the <img class="alignnone size-full wp-image-13" title="add" src="http://blog.jamesmichaelsolutions.com/wp-content/uploads/2009/08/add.png" alt="add" width="24" height="24" /> icon.</li>
<li>Add details for each individual page ( URL / file name &amp; notes )</li>
<li>Easily create a hierarchy of pages for larger / more complex sitemaps.</li>
<li>The ability to drag and drop pages, and groups of pages.</li>
<li>You can change your sitemap from the <img class="alignnone size-full wp-image-15" title="icon_mapView" src="http://blog.jamesmichaelsolutions.com/wp-content/uploads/2009/08/icon_mapView.gif" alt="icon_mapView" width="17" height="13" /><strong> tree-structured map</strong> into an <img class="alignnone size-full wp-image-14" title="icon_outlineView" src="http://blog.jamesmichaelsolutions.com/wp-content/uploads/2009/08/icon_outlineView.gif" alt="icon_outlineView" width="17" height="13" /><strong> indented outline</strong> .</li>
<li>Save, Save As, Open, Close, Export, Import, and Share Sitemaps from within the application itself.</li>
<li>And last but not least, the Site Map Sharing feature <strong>( show below ).</strong></li>
</ul>
<div id="attachment_11" class="wp-caption alignnone" style="width: 518px"><img class="size-full wp-image-11" title="WriteMaps Permissions" src="http://blog.jamesmichaelsolutions.com/wp-content/uploads/2009/08/tour_6.jpg" alt="WriteMaps Permissions" width="508" height="360" /><p class="wp-caption-text">The sharing option is really just icing on the cake. This option is great for sharing information with contractors, employees and clients.</p></div>
<p>I can honestly say that WriteMaps has increase my efficiency and more importantly the communication between my clients &amp; employees. I would suggest WriteMaps to anyone that is looking for an easier way create site maps.  <a title="WriteMaps Site Map Application" href="http://writemaps.com/member/register/" target="_blank">Sign up for WriteMaps</a> and let me know what you think about the software.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.jamesmichaelsolutions.com/2009/08/writemaps-site-map-application/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
