<?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>Programming for Designers</title>
	<atom:link href="http://programming.melissacabral.com/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://programming.melissacabral.com</link>
	<description>at Platt College</description>
	<lastBuildDate>Thu, 10 Jun 2010 18:51:50 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Moving your project to your hostgator site</title>
		<link>http://programming.melissacabral.com/?p=58</link>
		<comments>http://programming.melissacabral.com/?p=58#comments</comments>
		<pubDate>Thu, 10 Jun 2010 18:51:50 +0000</pubDate>
		<dc:creator>melissa</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://programming.melissacabral.com/?p=58</guid>
		<description><![CDATA[

upload all the files to your domain via FTP, do an export of your .sql from phpmyadmin
Log into your control panel
Click the &#8220;mysql databases&#8221; icon
Fill in the field &#8220;add database&#8221;, click go
write down the database name (the host may add a prefix to the DB name, like account_blog)
go back to the MYSQL database page
Fill in [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://programming.melissacabral.com/wp-content/uploads/2010/06/hostgator.jpg"><img class="size-medium wp-image-59 alignnone" title="hostgator" src="http://programming.melissacabral.com/wp-content/uploads/2010/06/hostgator-300x81.jpg" alt="" width="300" height="81" /></a></p>
<ol>
<li>upload all the files to your domain via FTP, do an export of your .sql from phpmyadmin</li>
<li>Log into your control panel</li>
<li>Click the &#8220;mysql databases&#8221; icon</li>
<li>Fill in the field &#8220;add database&#8221;, click go</li>
<li>write down the database name (the host may add a prefix to the DB name, like account_blog)</li>
<li>go back to the MYSQL database page</li>
<li>Fill in the fields after &#8220;add new user&#8221;</li>
<li>write down the username and password (host may add prefix to username)</li>
<li>go back to the MYSQL database page</li>
<li>Under the heading &#8220;add user to database, select your new database and username</li>
<li>when prompted to edit privileges, check all</li>
<li>go back to your main Cpanel home and click &#8220;Phpmyadmin&#8221;</li>
<li>from the left column, choose your database name</li>
<li>click the import tab to import your .sql file</li>
<li>open db.php file from your project root</li>
<li>edit the user, password and db to reflect the stuff you wrote down in steps 5 and 8. leave &#8220;localhost&#8221; alone.</li>
<li>upload to your domain</li>
<li>test!</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://programming.melissacabral.com/?feed=rss2&amp;p=58</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>blog wireframes</title>
		<link>http://programming.melissacabral.com/?p=52</link>
		<comments>http://programming.melissacabral.com/?p=52#comments</comments>
		<pubDate>Fri, 14 May 2010 17:59:43 +0000</pubDate>
		<dc:creator>melissa</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://programming.melissacabral.com/?p=52</guid>
		<description><![CDATA[
Download a copy of the basic  wireframe for the blog 
]]></description>
			<content:encoded><![CDATA[<p><a href="http://docs.google.com/drawings/pub?id=14h8JI8I3GTPQ5DXIrSpd5GjEQcn4oEXsjskgbLxg6sU&amp;w=1824&amp;h=1333"><img class="alignleft size-medium wp-image-53" title="blogwireframe" src="http://programming.melissacabral.com/wp-content/uploads/2010/05/blogwireframe-300x219.jpg" alt="" width="300" height="219" /></a></p>
<p><a href="http://docs.google.com/drawings/pub?id=14h8JI8I3GTPQ5DXIrSpd5GjEQcn4oEXsjskgbLxg6sU&amp;w=912&amp;h=667">Download a copy of the basic  wireframe for the blog </a></p>
]]></content:encoded>
			<wfw:commentRss>http://programming.melissacabral.com/?feed=rss2&amp;p=52</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Image uploader source code</title>
		<link>http://programming.melissacabral.com/?p=45</link>
		<comments>http://programming.melissacabral.com/?p=45#comments</comments>
		<pubDate>Wed, 17 Feb 2010 16:03:56 +0000</pubDate>
		<dc:creator>melissa</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://programming.melissacabral.com/?p=45</guid>
		<description><![CDATA[Image uploader
]]></description>
			<content:encoded><![CDATA[<p><a href="http://programming.melissacabral.com/wp-content/uploads/2010/02/upload.zip">Image uploader</a></p>
]]></content:encoded>
			<wfw:commentRss>http://programming.melissacabral.com/?feed=rss2&amp;p=45</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Milestone 4 Checklist</title>
		<link>http://programming.melissacabral.com/?p=42</link>
		<comments>http://programming.melissacabral.com/?p=42#comments</comments>
		<pubDate>Thu, 11 Feb 2010 18:56:43 +0000</pubDate>
		<dc:creator>melissa</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://programming.melissacabral.com/?p=42</guid>
		<description><![CDATA[Minimum Site Requirements Due by Tuesday, Feb 16:

About page (can be static)
Privacy policy/Terms of Service page (can be static)
RSS feed pulling your 20 latest &#8216;posts&#8217; (or photos, products, user submissions, etc)
Searchable content (search form and results page)
Registration form working (adds a new user to the DB)
Login form working (checks login against DB)

]]></description>
			<content:encoded><![CDATA[<h3>Minimum Site Requirements Due by Tuesday, Feb 16:</h3>
<ul>
<li>About page (can be static)</li>
<li>Privacy policy/Terms of Service page (can be static)</li>
<li>RSS feed pulling your 20 latest &#8216;posts&#8217; (or photos, products, user submissions, etc)</li>
<li>Searchable content (search form and results page)</li>
<li>Registration form working (adds a new user to the DB)</li>
<li>Login form working (checks login against DB)</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://programming.melissacabral.com/?feed=rss2&amp;p=42</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>search source code</title>
		<link>http://programming.melissacabral.com/?p=37</link>
		<comments>http://programming.melissacabral.com/?p=37#comments</comments>
		<pubDate>Tue, 09 Feb 2010 16:17:14 +0000</pubDate>
		<dc:creator>melissa</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://programming.melissacabral.com/?p=37</guid>
		<description><![CDATA[download new search
]]></description>
			<content:encoded><![CDATA[<p><a href="http://programming.melissacabral.com/wp-content/uploads/2010/02/search1.zip">download new search</a></p>
]]></content:encoded>
			<wfw:commentRss>http://programming.melissacabral.com/?feed=rss2&amp;p=37</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blog turn-in checklist</title>
		<link>http://programming.melissacabral.com/?p=35</link>
		<comments>http://programming.melissacabral.com/?p=35#comments</comments>
		<pubDate>Thu, 04 Feb 2010 16:07:34 +0000</pubDate>
		<dc:creator>melissa</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://programming.melissacabral.com/?p=35</guid>
		<description><![CDATA[Your blogs are due Wednesday, Feb. 10th. The following requirements will be considered for your grade:

Blog front-end styled with css
Links page &#8211; displays a list of all links (that go to their respective URLs) with descriptions
Category Page &#8211; Shows a list of latest 10 posts in the category that the user clicked on
All post meta [...]]]></description>
			<content:encoded><![CDATA[<p>Your blogs are due Wednesday, Feb. 10th. The following requirements will be considered for your grade:</p>
<ul>
<li>Blog front-end styled with css</li>
<li>Links page &#8211; displays a list of all links (that go to their respective URLs) with descriptions</li>
<li>Category Page &#8211; Shows a list of latest 10 posts in the category that the user clicked on</li>
<li>All post meta linked on all pages (category, comment count)</li>
<li>All pages we built together &#8211; home, blog, single, rss, etc. must be functional</li>
<li>Search results (we will build this Monday)</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://programming.melissacabral.com/?feed=rss2&amp;p=35</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Welcome to WIP400</title>
		<link>http://programming.melissacabral.com/?p=1</link>
		<comments>http://programming.melissacabral.com/?p=1#comments</comments>
		<pubDate>Wed, 02 Sep 2009 11:51:23 +0000</pubDate>
		<dc:creator>melissa</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://programming.melissacabral.com/?p=1</guid>
		<description><![CDATA[Welcome to Programming for Designers. Watch this space for class resources, assignments, inspiration, and more!
]]></description>
			<content:encoded><![CDATA[<p>Welcome to Programming for Designers. Watch this space for class resources, assignments, inspiration, and more!</p>
]]></content:encoded>
			<wfw:commentRss>http://programming.melissacabral.com/?feed=rss2&amp;p=1</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wordpress 2.8&#8217;s Theme viewer is awesome</title>
		<link>http://programming.melissacabral.com/?p=18</link>
		<comments>http://programming.melissacabral.com/?p=18#comments</comments>
		<pubDate>Wed, 17 Jun 2009 01:25:21 +0000</pubDate>
		<dc:creator>melissa</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://programming.melissacabral.com/?p=18</guid>
		<description><![CDATA[Upgrade your WP blogs (Don&#8217;t forget to back up your theme and export your DB just in case) and check it out in the admin panel under Appearance &#62; Add New Theme.

]]></description>
			<content:encoded><![CDATA[<p>Upgrade your WP blogs (Don&#8217;t forget to back up your theme and export your DB just in case) and check it out in the admin panel under Appearance &gt; Add New Theme.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="224" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://v.wordpress.com/Pu3T4X8l" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="400" height="224" src="http://v.wordpress.com/Pu3T4X8l" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://programming.melissacabral.com/?feed=rss2&amp;p=18</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Screenflow diagrams for Blog project</title>
		<link>http://programming.melissacabral.com/?p=13</link>
		<comments>http://programming.melissacabral.com/?p=13#comments</comments>
		<pubDate>Mon, 08 Jun 2009 17:26:22 +0000</pubDate>
		<dc:creator>melissa</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://programming.melissacabral.com/?p=13</guid>
		<description><![CDATA[I&#8217;ve just published screenflow diagrams for the front-end and admin panel of the Blog project we are working on together in class. Feel free to save these in your google documents or print them out to keep them in your notebook.
http://docs.google.com/View?id=dgfjstgt_26cswnrvgm
]]></description>
			<content:encoded><![CDATA[<p><a href="http://docs.google.com/View?id=dgfjstgt_26cswnrvgm"><img class="alignright size-medium wp-image-15" title="screenflow" src="http://programming.melissacabral.com/wp-content/uploads/2009/06/screenflow-300x226.jpg" alt="screenflow" width="199" height="150" /></a>I&#8217;ve just published screenflow diagrams for the front-end and admin panel of the Blog project we are working on together in class. Feel free to save these in your google documents or print them out to keep them in your notebook.</p>
<p><a href="http://docs.google.com/View?id=dgfjstgt_26cswnrvgm">http://docs.google.com/View?id=dgfjstgt_26cswnrvgm</a></p>
]]></content:encoded>
			<wfw:commentRss>http://programming.melissacabral.com/?feed=rss2&amp;p=13</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Workflow for a successful App!</title>
		<link>http://programming.melissacabral.com/?p=8</link>
		<comments>http://programming.melissacabral.com/?p=8#comments</comments>
		<pubDate>Tue, 02 Jun 2009 19:15:11 +0000</pubDate>
		<dc:creator>melissa</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://programming.melissacabral.com/?p=8</guid>
		<description><![CDATA[This class focuses on the technical aspect of code, but for a truly successful final project, you will need to remain organized, and aware of your time constraints. Good application development requires lots of careful planning!

Goals/Feature List. Once you have your &#8220;million -dollar idea,&#8221; It&#8217;s critical to nail down the goals of the project. Goals [...]]]></description>
			<content:encoded><![CDATA[<p>This class focuses on the technical aspect of code, but for a truly successful final project, you will need to remain organized, and aware of your time constraints. Good application development requires lots of careful planning!</p>
<ol>
<li><strong>Goals/Feature List</strong>. Once you have your &#8220;million -dollar idea,&#8221; It&#8217;s critical to nail down the <strong>goals </strong>of the project. Goals keep you on track when choosing what features need to be built into the app.  Make sure to address both the user&#8217;s and the site owner&#8217;s goals.<br />
<strong>Example</strong>: My idea is to make a shopping cart to sell my photographic prints.<br />
User&#8217;s Goal: Easily find and purchase artwork.<br />
Site owner&#8217;s Goals: Make money. Give shoppers easy access to my work.  Keep in touch with past customers.<br />
<span id="more-8"></span></li>
<li>Feature List. Before writing a line of code, it is critical to come up with a concrete list of features for your site. Use a 1-2-3 system to prioritize &#8220;must build now,&#8221; &#8220;maybe build later if time allows,&#8221; and &#8220;not necessary&#8221;. Each feature you build should support at least one of the Goals you outlined earlier.<br />
Example:<br />
<span style="color: #008080;">1. popular products on the home page<br />
1. new products on the home page<br />
1. search by category or keyword<br />
1. product detail page<br />
1. add to cart with quantity<br />
1. view cart<br />
1. edit cart quantities</span><br />
<span style="color: #ff9900;">2. show related items in cart<br />
2. show related items on product detail page</span><br />
<span style="color: #800000;">3. customize print with inscription<br />
3. product ratings<br />
3. drag-and-drop cart</span></li>
<li><strong><a href="http://portfolio.splendidnoise.com/images/visio.jpg"><img class="alignright" title="screenflow" src="http://portfolio.splendidnoise.com/images/visio.jpg" alt="" width="193" height="172" /></a>Screenflows </strong>(site map):  Map out the system logic of your app using screenflows. Screenflows define how users can get to a page and where they can go when they are finished.<br />
there. <a href="http://www.jjg.net/ia/visvocab/">Read more about screenflows here.</a></li>
<li><strong>Wireframes </strong>: are the skeleton of individual pages. they should not show colors, graphical treatment or style. Focus on content &#8211; remember, content is king!</li>
<li><a href="http://aiburn.com/files/articles/building_a_website_wireframe_in_illustrator/wireframe_callouts.jpg"><strong><img class="alignright" title="wireframe" src="http://aiburn.com/files/articles/building_a_website_wireframe_in_illustrator/wireframe_callouts.jpg" alt="" width="187" height="210" /></strong></a><strong>C</strong><strong>omps</strong>: Now you get to break out the colors and add visual flair to your wireframe. Remember, <a href="http://www.alistapart.com/articles/indefenseofeyecandy/">users enjoy using attractive interfaces more than sloppy ones</a>.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://programming.melissacabral.com/?feed=rss2&amp;p=8</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
