<?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>DOC776.org &#187; design</title>
	<atom:link href="http://www.doc776.org/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.doc776.org</link>
	<description>This is the era of information.</description>
	<lastBuildDate>Mon, 02 Jan 2012 00:05:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Redesigning My Room &#8211; total upgrades</title>
		<link>http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/</link>
		<comments>http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/#comments</comments>
		<pubDate>Tue, 23 Aug 2011 23:36:52 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[project]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[room]]></category>
		<category><![CDATA[shelves]]></category>

		<guid isPermaLink="false">http://www.doc776.org/?p=194</guid>
		<description><![CDATA[A week  or two ago I was totally out of my mind with so much free time on hand since I stopped playing WoW due to having our guild loose too many members.  Yet this feeling was a good thing in a way. Being used to following to mulitple information flows and responses and playing a critical part  in the [...]]]></description>
			<content:encoded><![CDATA[<p>A week  or two ago I was totally out of my mind with so much free time on hand since I stopped playing WoW due to having our guild loose too many members.  Yet this feeling was a good thing in a way. Being used to following to mulitple information flows and responses and playing a critical part  in the game, I couldn&#8217;t sit still. I had to do something, build something, start doing something to fill the gap. After killing few days on some web programming, I just had to do something with my room, say&#8230; get new shelves!</p>
<p>There are plenty of single shelved out there to choose from for unbelievable prices, of course heavy duty means u need to spend more dough. A standard one column quality metal shelve system costs around 100$ plus. That could not work since i wanted to get about 8 columns in this little room. Luckless IKEA has basic shelving system for as litle as 25$ a column. Very basic, made of wood, no paint, no polish, smells like a pine forest. All and all I spent around 300$ on about 90 kilograms of wood. Great thing about IKEA they sell everything separately for this shelve system. Each four pillars cost 5$ and each shelf cost 5%, so every column with 4 shelves costs 25$.</p>
<p>Total Buy&#8230;<br />
item: amount * price = total<br />
shelves: <code>38 * 5$ = 190$</code><br />
pillars: <code>24 * 5$ = 120$</code><br />
That is 310$ plus tax.</p>
<h3>Upgrading My Computer Room</h3>
<h4>Step 1</h4>
<p>Buy all the bloody shelves and drop em around the house randomly&#8230;</p>
<p><a href="http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/1-buy-materials-1-2/" rel="attachment wp-att-198"><img class="size-medium wp-image-198 alignnone" title="1.buy-materials.1" src="http://www.doc776.org/wp-content/uploads/2011/08/1.buy-materials.1-224x300.jpg" alt="" width="224" height="300" /></a><a href="http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/1-buy-materials-2-2/" rel="attachment wp-att-199"><img class="size-medium wp-image-199 alignnone" title="1.buy-materials.2" src="http://www.doc776.org/wp-content/uploads/2011/08/1.buy-materials.2-224x300.jpg" alt="" width="224" height="300" /></a><a href="http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/1-buy-materials-3/" rel="attachment wp-att-200"><img class="alignnone size-medium wp-image-200" title="1.buy-materials.3" src="http://www.doc776.org/wp-content/uploads/2011/08/1.buy-materials.3-224x300.jpg" alt="" width="224" height="300" /></a></p>
<h4>Step 2</h4>
<p>Take a few pictures, stitch them, play ISpy for a while, continue&#8230; This wa smy room from left to right side of my door.</p>
<p><a href="http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/z-pano-1-before/" rel="attachment wp-att-220"><img class="alignnone size-large wp-image-220" title="z.pano.1.before" src="http://www.doc776.org/wp-content/uploads/2011/08/z.pano_.1.before-1024x392.jpg" alt="" width="737" height="282" /></a></p>
<h4><span id="more-194"></span></h4>
<h4>Step 3</h4>
<p>Destroy the manuals. In my case: feed manual to Evidence Eater 9000.</p>
<p><a href="http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/3-destroy-manual-1/" rel="attachment wp-att-221"><img class="alignnone size-medium wp-image-221" title="3.destroy-manual.1" src="http://www.doc776.org/wp-content/uploads/2011/08/3.destroy-manual.1-224x300.jpg" alt="" width="224" height="300" /></a><a href="http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/3-destroy-manual-2/" rel="attachment wp-att-222"><img class="alignnone size-medium wp-image-222" title="3.destroy-manual.2" src="http://www.doc776.org/wp-content/uploads/2011/08/3.destroy-manual.2-224x300.jpg" alt="" width="224" height="300" /></a></p>
<h4>Step 4</h4>
<p>Build! and&#8230; more build! I didn&#8217;t have any power tools for first one so I waited an hours. My mother was awesome enough to go borrow one on the spot from somewhere.</p>
<p><a href="http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/4-build-1/" rel="attachment wp-att-223"><img class="alignnone size-medium wp-image-223" title="4.build.1" src="http://www.doc776.org/wp-content/uploads/2011/08/4.build_.1-224x300.jpg" alt="" width="224" height="300" /></a></p>
<h4>Step 4.5</h4>
<p>At first I was not planing too, but then I did stain the wood to make it bit more darker. This was verry irritating since i had to cover every inch of every shelve with a cloth using rubber gloves and sniffing the chemical for several hours. Well I did split the job 4 times. The stain is so bad that I had to change the gloves 4 times, and i was using the thick ones. After every few times i fully dipped my hand into the stain container the grew in size, in 4 dips the gloves went from size S to size XL.</p>
<h4>Step 5</h4>
<p>After hours of moving stuff around back and forth. I had somewhat completed the upgrade. What I noticed is that I need more shelves in between current ones in several places since I have a lot of small things that just wont use the whole space of shelves positioned so far apart. Here is left and right side of my computer table.</p>
<p><a href="http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/z-pano-2-after-1/" rel="attachment wp-att-238"><img class="alignnone size-medium wp-image-238" title="z.pano.2.after.1" src="http://www.doc776.org/wp-content/uploads/2011/08/z.pano_.2.after_.1-300x170.jpg" alt="" width="300" height="170" /></a><a href="http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/z-pano-2-after-2/" rel="attachment wp-att-239"><img class="alignnone size-medium wp-image-239" title="z.pano.2.after.2" src="http://www.doc776.org/wp-content/uploads/2011/08/z.pano_.2.after_.2-300x157.jpg" alt="" width="300" height="157" /></a></p>
<h4>Step 7</h4>
<p>I went to get few more shelves and attached them in various places mostly around the top half of each column. Also I I was thinking of making an exhaust pipe from the back of my computers to the window because the temperature in this room fluctuates way too much.</p>
<h3>Conclusion</h3>
<p><a href="http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/notice/" rel="attachment wp-att-240"><img class="alignnone size-large wp-image-240" title="notice" src="http://www.doc776.org/wp-content/uploads/2011/08/notice-1024x764.jpg" alt="" width="614" height="458" /></a></p>
<p>&nbsp;</p>
<h3>All Pictures Taken</h3>

<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/1-buy-materials-1-2/' title='1.buy-materials.1'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/1.buy-materials.1-150x150.jpg" class="attachment-thumbnail" alt="1.buy-materials.1" title="1.buy-materials.1" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/1-buy-materials-2-2/' title='1.buy-materials.2'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/1.buy-materials.2-150x150.jpg" class="attachment-thumbnail" alt="1.buy-materials.2" title="1.buy-materials.2" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/1-buy-materials-3/' title='1.buy-materials.3'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/1.buy-materials.3-150x150.jpg" class="attachment-thumbnail" alt="1.buy-materials.3" title="1.buy-materials.3" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/2-before-preview-1/' title='2.before-preview.1'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/2.before-preview.1-150x150.jpg" class="attachment-thumbnail" alt="2.before-preview.1" title="2.before-preview.1" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/2-before-preview-2/' title='2.before-preview.2'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/2.before-preview.2-150x150.jpg" class="attachment-thumbnail" alt="2.before-preview.2" title="2.before-preview.2" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/2-before-preview-3/' title='2.before-preview.3'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/2.before-preview.3-150x150.jpg" class="attachment-thumbnail" alt="2.before-preview.3" title="2.before-preview.3" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/2-before-preview-4/' title='2.before-preview.4'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/2.before-preview.4-150x150.jpg" class="attachment-thumbnail" alt="2.before-preview.4" title="2.before-preview.4" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/2-before-preview-5/' title='2.before-preview.5'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/2.before-preview.5-150x150.jpg" class="attachment-thumbnail" alt="2.before-preview.5" title="2.before-preview.5" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/2-before-preview-6/' title='2.before-preview.6'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/2.before-preview.6-150x150.jpg" class="attachment-thumbnail" alt="2.before-preview.6" title="2.before-preview.6" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/2-before-preview-7/' title='2.before-preview.7'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/2.before-preview.7-150x150.jpg" class="attachment-thumbnail" alt="2.before-preview.7" title="2.before-preview.7" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/2-before-preview-8/' title='2.before-preview.8'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/2.before-preview.8-150x150.jpg" class="attachment-thumbnail" alt="2.before-preview.8" title="2.before-preview.8" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/2-before-preview-9/' title='2.before-preview.9'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/2.before-preview.9-150x150.jpg" class="attachment-thumbnail" alt="2.before-preview.9" title="2.before-preview.9" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/2-before-preview-10/' title='2.before-preview.10'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/2.before-preview.10-150x150.jpg" class="attachment-thumbnail" alt="2.before-preview.10" title="2.before-preview.10" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/2-before-preview-11/' title='2.before-preview.11'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/2.before-preview.11-150x150.jpg" class="attachment-thumbnail" alt="2.before-preview.11" title="2.before-preview.11" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/2-before-preview-12/' title='2.before-preview.12'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/2.before-preview.12-150x150.jpg" class="attachment-thumbnail" alt="2.before-preview.12" title="2.before-preview.12" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/2-before-preview-14/' title='2.before-preview.14'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/2.before-preview.14-150x150.jpg" class="attachment-thumbnail" alt="2.before-preview.14" title="2.before-preview.14" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/2-before-preview-15/' title='2.before-preview.15'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/2.before-preview.15-150x150.jpg" class="attachment-thumbnail" alt="2.before-preview.15" title="2.before-preview.15" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/2-before-preview-16/' title='2.before-preview.16'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/2.before-preview.16-150x150.jpg" class="attachment-thumbnail" alt="2.before-preview.16" title="2.before-preview.16" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/3-destroy-manual-1/' title='3.destroy-manual.1'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/3.destroy-manual.1-150x150.jpg" class="attachment-thumbnail" alt="3.destroy-manual.1" title="3.destroy-manual.1" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/3-destroy-manual-2/' title='3.destroy-manual.2'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/3.destroy-manual.2-150x150.jpg" class="attachment-thumbnail" alt="3.destroy-manual.2" title="3.destroy-manual.2" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/4-build-1/' title='4.build.1'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/4.build_.1-150x150.jpg" class="attachment-thumbnail" alt="4.build.1" title="4.build.1" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/5-almost-done-1/' title='5.almost-done.1'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/5.almost-done.1-150x150.jpg" class="attachment-thumbnail" alt="5.almost-done.1" title="5.almost-done.1" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/5-almost-done-2/' title='5.almost-done.2'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/5.almost-done.2-150x150.jpg" class="attachment-thumbnail" alt="5.almost-done.2" title="5.almost-done.2" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/5-almost-done-3/' title='5.almost-done.3'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/5.almost-done.3-150x150.jpg" class="attachment-thumbnail" alt="5.almost-done.3" title="5.almost-done.3" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/5-almost-done-4/' title='5.almost-done.4'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/5.almost-done.4-150x150.jpg" class="attachment-thumbnail" alt="5.almost-done.4" title="5.almost-done.4" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/5-almost-done-5/' title='5.almost-done.5'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/5.almost-done.5-150x150.jpg" class="attachment-thumbnail" alt="5.almost-done.5" title="5.almost-done.5" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/5-almost-done-6/' title='5.almost-done.6'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/5.almost-done.6-150x150.jpg" class="attachment-thumbnail" alt="5.almost-done.6" title="5.almost-done.6" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/5-almost-done-7/' title='5.almost-done.7'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/5.almost-done.7-150x150.jpg" class="attachment-thumbnail" alt="5.almost-done.7" title="5.almost-done.7" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/5-almost-done-8/' title='5.almost-done.8'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/5.almost-done.8-150x150.jpg" class="attachment-thumbnail" alt="5.almost-done.8" title="5.almost-done.8" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/5-almost-done-9/' title='5.almost-done.9'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/5.almost-done.9-150x150.jpg" class="attachment-thumbnail" alt="5.almost-done.9" title="5.almost-done.9" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/5-almost-done-10/' title='5.almost-done.10'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/5.almost-done.10-150x150.jpg" class="attachment-thumbnail" alt="5.almost-done.10" title="5.almost-done.10" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/5-almost-done-11/' title='5.almost-done.11'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/5.almost-done.11-150x150.jpg" class="attachment-thumbnail" alt="5.almost-done.11" title="5.almost-done.11" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/5-almost-done-12/' title='5.almost-done.12'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/5.almost-done.12-150x150.jpg" class="attachment-thumbnail" alt="5.almost-done.12" title="5.almost-done.12" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/5-almost-done-13/' title='5.almost-done.13'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/5.almost-done.13-150x150.jpg" class="attachment-thumbnail" alt="5.almost-done.13" title="5.almost-done.13" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/5-almost-done-14/' title='5.almost-done.14'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/5.almost-done.14-150x150.jpg" class="attachment-thumbnail" alt="5.almost-done.14" title="5.almost-done.14" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/z-pano-1-before/' title='z.pano.1.before'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/z.pano_.1.before-150x150.jpg" class="attachment-thumbnail" alt="z.pano.1.before" title="z.pano.1.before" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/z-pano-2-after-1/' title='z.pano.2.after.1'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/z.pano_.2.after_.1-150x150.jpg" class="attachment-thumbnail" alt="z.pano.2.after.1" title="z.pano.2.after.1" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/z-pano-2-after-2/' title='z.pano.2.after.2'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/z.pano_.2.after_.2-150x150.jpg" class="attachment-thumbnail" alt="z.pano.2.after.2" title="z.pano.2.after.2" /></a>
<a href='http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/notice/' title='notice'><img width="150" height="150" src="http://www.doc776.org/wp-content/uploads/2011/08/notice-150x150.jpg" class="attachment-thumbnail" alt="notice" title="notice" /></a>

<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.doc776.org/2011/08/redesigning-my-room-total-upgrades/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>PHP Framework CodeIgniter or CodeLighter</title>
		<link>http://www.doc776.org/2009/06/php-framework-codeigniter-or-codelighter/</link>
		<comments>http://www.doc776.org/2009/06/php-framework-codeigniter-or-codelighter/#comments</comments>
		<pubDate>Tue, 30 Jun 2009 18:41:13 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Text]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[info]]></category>
		<category><![CDATA[structure]]></category>

		<guid isPermaLink="false">http://www.doc776.org/?p=159</guid>
		<description><![CDATA[I been putting up a fuss lately between choosing to use CodeIgniter or Codelighter. For those that do not know what CodeIgniter is, it is a very small but powerful MVC based PHP framework for developing web applications. And for those who not sure what CodeLighter is, it is mini version of CodeIgniter, it follows [...]]]></description>
			<content:encoded><![CDATA[<p>I been putting up a fuss lately between choosing to use CodeIgniter or Codelighter. </p>
<p>For those that do not know what CodeIgniter is, it is a very small but powerful MVC based PHP framework for developing web applications. And for those who not sure what CodeLighter is, it is mini version of CodeIgniter, it follows the same syntax in general but the actual framework is minimized to the core.</p>
<p>Some nice things of CodeIgniter is that it has a separate documentation and lots of useful helpers and functions. This is a full framework so everything in it is separated from each part for the code like routes, hooks, core classes and so on.</p>
<p>CodeLighter has every core class like dispatcher controller loader and such placed in one single file. If you are the type that likes simplicity then this is good for you. Even thought it is in one file it is all very well commented and there is no need for documentation separately. It is very easy to go through the code and understand what each thing does and makes it easy to edit to your likes. CodeLighter of course supports the full MVC but more compact on the configuration end. Separate models, helpers, views and controllers. the whole code it self has only 5 directories and 3 files. One is the index that starts the code the actual CodeLighter core classes and MySQL class, everything else is for you to make.</p>
<p>I tried using both of those frameworks to try them out. The first thing to look at is the page render time. I had both frameworks installed on same server and had them only connect to the database and that is it. The render time of each page has a huge difference. CodeIgniter scored on average of 0.07 seconds at all times and CodeLighter Scored 0.005 seconds on average. The difference in loading times is all there and at the end before choosing what you want to use think about what you need it for. The CodeIgniter woulb be good for something heavy that has lots of pages and lots of features. CodeLighter would still be fine but would be better for smaller websites. It is like, what is the point of using a framework if it actually slower then the original code.</p>
<p>Notes:<br />
CodeIgniter is good for beginners that wish to learn MVC structure. Which stands for Module View Controller.<br />
CodeLighter is good for those who are going in depth and wish to know the full mechanics and use a more plain and dynamic MVC framework.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.doc776.org/2009/06/php-framework-codeigniter-or-codelighter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHP Website Structure and Design</title>
		<link>http://www.doc776.org/2009/01/php-website-structure-and-design/</link>
		<comments>http://www.doc776.org/2009/01/php-website-structure-and-design/#comments</comments>
		<pubDate>Fri, 02 Jan 2009 09:12:43 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[structure]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.doc776.org/?p=14</guid>
		<description><![CDATA[My first website was the most confusing piece of code ever. During my time of writing it I learned some usual things and the common used things. I’ll share some of the nice ways to organize your website structure. Those structures may be simple but effective for your own use. Since I am a PHP [...]]]></description>
			<content:encoded><![CDATA[<p>My first website was the most confusing piece of code ever. During my time of writing it I learned some usual things and the common used things. I’ll share some of the nice ways to organize your website structure. Those structures may be simple but effective for your own use. Since I am a PHP power user, I’ll make it a PHP based tutorial. In my point of view, having all pages loaded from index is the best for massive websites. That is because you do not share the internal folders with users and everybody uses one single page for viewing, meaning you can password protect everything else on your server.<span id="more-14"></span></p>
<p>So here is a basic good directory structure of the website:</p>
<pre>/
/include/pages
/include/libraries
/images</pre>
<p>This in my point of view is a really simple organized and safe way to create a website that can have a massive amount of pages and easy indexed. Included folder is where we store all our libraries, layouts, our custom functions, classes and pages. And the images folder speaks for it self. The slash at front means root of the website.</p>
<p>It may look good but I can still make it more better. Even thought people will not be able to access those folders we can make it shorter to save some time ans space, even thought its just few bytes of data. Shorten the “include” to “inc” and “images” to “img” for a start. There is no point having a big word like “libraries” because we can make a mistake in the spelling when writing scripts that deal with files in that folder.</p>
<p>So here is what we have now:</p>
<pre>/
/inc/pages
/inc/lib
/img</pre>
<p>Now it looks and feels very simple.</p>
<p>There are 4 major php pages that we need to create first:</p>
<ul>
<li>index.php<br />
- the page that loads configuration and all our things in the lib/ folder we made and finally the content page that the user wants to see like home or a list of something</li>
<li>config.php<br />
- place to hold critical configurations like folder names and database user name and password</li>
<li>layout.php<br />
-how our site will look, much better to have a layout in one place rather then writing in every single display page (the beauty of PHP)</li>
<li>home.php<br />
- the default page that is shown if no page was selected</li>
</ul>
<p>Here is what the structure should look like now:</p>
<pre>/
/config.php
/index.php
/inc/pages
/inc/pages/home.php
/inc/lib
/inc/lib/layout.php
/img</pre>
<p>Now lets get into more detail of those pages.</p>
<h4>config.php</h4>
<p>You must have a one place where you can put the critical information. This information is basically passwords and folder names. You can store the folder names in a database but the root things like the password for is best be stored here. This is not required but is best for flexibility.</p>
<p>For instance it is much easier to use $dbpass $dbname $dbuser for entering you main database because if you were to change a database name or pass word all you need to do is edit the config.php where you declared those 3 variables. if you got the pass and the name written in every page then its more of a security risk and you will be in pain updating every page where you connected to the database.</p>
<p>Same goes for folders. Make an array for folder places so then if for some reason you want to change the whole folder or select a new version of files you can just edit this variable instead of updating each page of your site.</p>
<p>Make sure that this page must be included to operate, I talk more about this for the index page. Very important.</p>
<h4>index.php</h4>
<p>Instead of having lots of pages in the root fo our website like index.php as a home page and gallery.php for the gallery and so on we will have just one single page “index.php”. And instead of writing our home page in it we make this our page server, it listens what page clients wants and it loads them. This means that this page will have the highest load.</p>
<p>Basic code:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>php
<span style="color: #666666; font-style: italic;">//Set variable that this is the index of the site.</span>
<span style="color: #990000;">define</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'THEINDEX'</span><span style="color: #339933;">,</span><span style="color: #009900; font-weight: bold;">TRUE</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">//Load configuration file.</span>
<span style="color: #b1b100;">require</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'config.php'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">//Array of website required files.</span>
<span style="color: #000088;">$required_files</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
<span style="color: #0000ff;">'layout.php'</span> <span style="color: #666666; font-style: italic;">//Page layout</span>
<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">//Include website required files from array or die.</span>
<span style="color: #b1b100;">foreach</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$required_files</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$file</span><span style="color: #009900;">&#41;</span>
<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">@</span><span style="color: #990000;">is_file</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$di</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'lib'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #000088;">$file</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
<span style="color: #b1b100;">require_once</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$di</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'lib'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #000088;">$file</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">else</span>
<span style="color: #990000;">die</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Required File Not Found: '</span><span style="color: #339933;">.</span><span style="color: #000088;">$file</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">//Page request handle.</span>
<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">@</span><span style="color: #990000;">is_file</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$di</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'pages'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #990000;">trim</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_GET</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'page'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'.php'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
<span style="color: #b1b100;">require_once</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$di</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'pages'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #990000;">trim</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_GET</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'page'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'.php'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">else</span>
<span style="color: #b1b100;">require_once</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$di</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'pages'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'home.php'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>Define some complex variable for security measures. This is how it works, this variable is defines only in this page and it better be something big just in case. Basically every other PHP page on your site at the top of the whole code will have one if statement that checks to see if this was defined. Since this is only defined in the index then pages included by the index will be able to see this variables and pass the if statement true. If the included page at work does not see this variable set then we can simple use die() or redirect the user to the home page. This is just one of the simple ways to prevent code execution, there is also lots of other ways. This is not necessary but works for me.</p>
<p>Require the configuration. (config.php) &#8211; Writing the PHP script we will first call the configuration file (config.php) that holds all critical data.</p>
<p>Require the your library scripts. (ex: layout.php) &#8211; Then knowing all the folder names that we got from the config.php we can include all of the libraries.</p>
<p>The page selection is done by passing URL variables. So if this is the URL “www.example.com/index.php?page=home” then there is one variable by the name of “page” that has a value of “home” (aside the variables set by the server). Simple right (those who know all this probably falling asleep, but I take newbies into consideration). Choosing what variable name you will use for passing the page name is important because it must be the same for every link that you will write in your website. if you got like 30 pages of dense code then its a pain modifying the variable name. Usually this name will have to be something simple like ‘p’ for page or ‘a’ for action. Lets assume we will use “page” as the variable name to keep things simple. So now its basically things we will pass in the page variable will be just the name of the pages that are located in the /inc/pages folder. So if we want the home.php we will use “home” not the whole thing. The ending is unnecessary. Concluding that first we add .php to the value in the “page” variable and check if that page exist in the /inc/pages folder and if it does then load it. If it does not exist then load our default page “home.php”.</p>
<h4>layout.php</h4>
<p>This is where we store the HTML header and the fotter of the website. Now this may seem very simple and limited but it is not. This is just a mere start. A lot of modifications can be done.</p>
<p>Basic example code:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #000000; font-weight: bold;">class</span> Layout <span style="color: #009900;">&#123;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">function</span> top<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
<span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'&lt;html&gt;&lt;head&gt;&lt;title&gt;Example&lt;/title&gt;&lt;/head&gt;&lt;body&gt;'</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">function</span> foot<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
<span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'&lt;/body&gt;&lt;/html&gt;'</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #009900;">&#125;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>There you have it, a simple page. This means you will not have to create all teh headers and stuff in each page you make, instead you can just use Layout::top(); to show the top part. This is not limited so your your imagination to how far you can modify this and make it more advance.</p>
<h4>home.php</h4>
<p>Our simple default page that will be shown if no page is selected or page that was selected is not found.</p>
<p>Example code:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #666666; font-style: italic;">//Cheking for constants defined in index to prevent direct page usage.</span>
<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span><span style="color: #990000;">defined</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'ININDEX'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #990000;">die</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'no peeking'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'Hello World!'</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>The first chunk is what I talked about when creating the index.php. This little piece of code will check to see if that constant was defined. If the constant does not exist it will stop working the rest of script and display “no peeking” as the code says.</p>
<p>You can download all those pages already constructed and at their correct place here. I have also added tiny bit of things to the code and a 1 bar layout.</p>
<p><a title="DOWNLOAD" href="http://www.box.net/shared/yrq55x4aok" target="_blank">DOWNLOAD</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.doc776.org/2009/01/php-website-structure-and-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

