<?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>Nathan and his Open Ideals &#187; how to</title>
	<atom:link href="http://openideals.org/tag/how-to/feed/" rel="self" type="application/rss+xml" />
	<link>http://openideals.org</link>
	<description>... and the trouble it often gets him in</description>
	<lastBuildDate>Sat, 07 Aug 2010 05:10:26 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Turn Your Blog Into a Native iPhone App in 10 Steps</title>
		<link>http://openideals.org/2008/12/05/turn-your-blog-into-a-native-iphone-app-in-10-steps/</link>
		<comments>http://openideals.org/2008/12/05/turn-your-blog-into-a-native-iphone-app-in-10-steps/#comments</comments>
		<pubDate>Fri, 05 Dec 2008 19:04:07 +0000</pubDate>
		<dc:creator>nathan</dc:creator>
				<category><![CDATA[Emerging Tech]]></category>
		<category><![CDATA[Learn from This]]></category>
		<category><![CDATA[dashcode]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[phonegap]]></category>
		<category><![CDATA[xcode]]></category>

		<guid isPermaLink="false">http://openideals.com/?p=160</guid>
		<description><![CDATA[I&#8217;m going to get down to business here without too much editorializing. The only prereq is that you have an Intel-based Mac and a medium level of skills with text editors or visual web page designers. You don&#8217;t need to know how to write Objective C or any other complex &#8220;Native App&#8221; skills. I&#8217;ll take [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m going to get down to business here without too much editorializing. The only prereq is that you have an Intel-based Mac and a medium level of skills with text editors or visual web page designers. You don&#8217;t need to know how to write Objective C or any other complex &#8220;Native App&#8221; skills. I&#8217;ll take you step-by-step through a simple process for putting together a number of free tools and technologies in order to bring your blog (or any other RSS-based feed of content) to the iPhone or iPod Touch in a super cool and quick way.</p>
<p>1) Download and install the iPhone Development SDK: <a href="http://developer.apple.com/iphone/">http://developer.apple.com/iphone/</a></p>
<p>2) Launch the Dashcode application and select the &#8220;RSS&#8221; template option.</p>
<p><a href="http://www.flickr.com/photos/natty/3084500019/" title="dashcode-chooser.png by nathanialfreitas, on Flickr"><img src="http://farm4.static.flickr.com/3257/3084500019_4fb343e3f8.jpg" width="500" height="324" alt="dashcode-chooser.png" /></a></p>
<p>3) Edit the RSS parameters, setting the <b>feed URL</b> to your blog feed (or any feed you&#8217;d like!)</p>
<p><a href="http://www.flickr.com/photos/natty/3084504343/" title="dashcode-settings.png by nathanialfreitas, on Flickr"><img src="http://farm4.static.flickr.com/3274/3084504343_16bb46ea64.jpg" width="500" height="387" alt="dashcode-settings.png" /></a></p>
<p>4) Customize the look and feel of the blog display using the type of fancy visual editor&#8230; you can change the entire color scheme, fonts, spacing and more.</p>
<p><a href="http://www.flickr.com/photos/natty/3085342268/" title="dashcode-designer.png by nathanialfreitas, on Flickr"><img src="http://farm4.static.flickr.com/3254/3085342268_a48a1cc6af.jpg" width="500" height="313" alt="dashcode-designer.png" /></a></p>
<p>5) Press play to preview and test your blog app in the iPhone Simulator</p>
<p><a href="http://www.flickr.com/photos/natty/3085342868/" title="headlines.png by nathanialfreitas, on Flickr"><img src="http://farm4.static.flickr.com/3267/3085342868_1f7991c96d_o.png" width="393" height="725" alt="headlines.png" /></a></p>
<p>6) Export your dashcode project to disk and/or publish it to a public web server. Since my blog lives at OpenIdeals.com, I placed my iPhone web app at <a href="http://openideals.com/iphone">http://openideals.com/iphone</a></p>
<p>7) Download the super sweet PhoneGap application framework via <a href="http://phonegap.com">http://phonegap.com</a> or just get the <a href="http://github.com/sintaxi/phonegap/zipball/master">ZIP Archive</a> directly<br />
 <img src='http://openideals.org/wp-includes/images/smilies/icon_cool.gif' alt='8)' class='wp-smiley' /> Open the archive, navigate to the &#8220;iPhone&#8221; folder and then run the &#8220;Glass.xcodeproj&#8221; xcode project (duh?) file. It should be the only &#8220;blue&#8221; file in the folder.</p>
<p>9) Find the &#8220;url.txt&#8221; file in the &#8220;Groups &#038; Files&#8221; explorer. Change the url link in this file to the location of your Dashcode blog app (again, mine is at <a href="http://openideals.com/iphone">http://openideals.com/iphone</a>)</p>
<p><a href="http://www.flickr.com/photos/natty/3085387108/" title="xcodephonegap.png by nathanialfreitas, on Flickr"><img src="http://farm4.static.flickr.com/3276/3085387108_d9a8b20610.jpg" width="500" height="421" alt="xcodephonegap.png" /></a></p>
<p>10) Press the &#8220;Build and Go&#8221; green button in Xcode to launch your native application in the iPhone Simulator</p>
<p><a href="http://www.flickr.com/photos/natty/3085343204/" title="launcher.png by nathanialfreitas, on Flickr"><img src="http://farm4.static.flickr.com/3063/3085343204_c84f21d108_o.png" width="378" height="724" alt="launcher.png" /></a><br />
(see the &#8220;OpenIdeals&#8221; icon with my face on it?!)</p>
<p>From here, you can modify the icon.png and Default.png (splash screen) until you are satisifed with the outcome of how your app looks. Also the &#8220;Info.plist&#8221; file controls the name of your application in the iPhone launcher.</p>
<p><a href="http://www.flickr.com/photos/natty/3084502211/" title="splash.png by nathanialfreitas, on Flickr"><img src="http://farm4.static.flickr.com/3182/3084502211_8cdf746556.jpg" width="266" height="500" alt="splash.png" /></a><br />
(this is my splash screen that stays up for a few seconds upon app launch&#8230;)</p>
<p>At this point, you should have your blog running as a native application in the iPhone Simulator. To actual get this application out to the world, you&#8217;ll need to pay Apple $99 to join their <a href="http://developer.apple.com/iphone/program/">Developer Program</a>, as well as jump through many hoops to get all the security keys and permissions to distribute your application.</p>
<p>Otherwise, you can also just point people with iPhones or iPod Touches directly to your mobile application URL&#8230; that would work, too!</p>
<p>Final note on the amazing <a href="http://phonegap.com">PhoneGap</a> &#8211; they also support native application web wrapping for Android and Blackberry, as well as a bunch of other features like determining the device GPS location via Javascript calls.</p>
<p>That is all for this post&#8230; I hope you found it useful and to the point. I may do a similar one for Android + Eclipse, especially for all the non-Mac OS users out there.</p>
]]></content:encoded>
			<wfw:commentRss>http://openideals.org/2008/12/05/turn-your-blog-into-a-native-iphone-app-in-10-steps/feed/</wfw:commentRss>
		<slash:comments>60</slash:comments>
		</item>
		<item>
		<title>Functional About Card &#8211; a better business card?</title>
		<link>http://openideals.org/2008/09/30/functional-about-card-a-better-business-card/</link>
		<comments>http://openideals.org/2008/09/30/functional-about-card-a-better-business-card/#comments</comments>
		<pubDate>Wed, 01 Oct 2008 01:44:39 +0000</pubDate>
		<dc:creator>nathan</dc:creator>
				<category><![CDATA[Announcing...]]></category>
		<category><![CDATA[New Idea]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[business card]]></category>
		<category><![CDATA[diy]]></category>
		<category><![CDATA[fac card]]></category>
		<category><![CDATA[hipster pda]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[idea]]></category>
		<category><![CDATA[index card]]></category>

		<guid isPermaLink="false">http://openideals.com/?p=86</guid>
		<description><![CDATA[This morning, upon realizing my old business cards were mostly out of date, I decided to design a new card. I pulled up the most excellent Apple Pages and started designing away&#8230; now they have some nice built-in templates, but the problem is that you always end up with something you can&#8217;t easily manufacturer in [...]]]></description>
			<content:encoded><![CDATA[<p>This morning, upon realizing my old business cards were mostly out of date, I decided to design a new card. I pulled up the most excellent Apple Pages and started designing away&#8230; now they have some nice built-in templates, but the problem is that you always end up with something you can&#8217;t easily manufacturer in the comfort of your own home. I&#8217;ve gone through a few sets of <a href="http://www.moo.com/">Moo cards</a>, but I&#8217;ve grown weary of them a bit, as they just seem to disappear so quickly and aren&#8217;t that cheap. I looked at my stack of paper next to the printer, and noticed some index cards I had bought for recipes, D&#038;D and perhaps a little-used <a href="http://www.43folders.com/2004/09/03/introducing-the-hipster-pda">Hipster PDA</a>. In that moment, I was struck with a minor inspiration, which resulted in the work below&#8230; though its up to you to decide, of course, how productive my morning actually was.</p>
<p><strong>Introducing&#8230; the Functional About Card (fāc)!</strong><br />
The Functional About Card (fāc) is a business card format &#038; template that prints on 3&#215;5 index cards in the color of your choice (<a href="http://www.officedepot.com/a/products/424895/Office-Brand-White-Recycled-Index-Cards/">Office Depot 500 pack</a> on Recycled Paper for $2.89). The goal was to create a business card that can be easily produced on demand with a home printer, and is actually useful and functional, as opposed to the usual dead tree spam you usually get that just collect dust.</p>
<p><a href="http://www.flickr.com/photos/natty/2903563242/" title="Functional About Card layout by nathanialfreitas, on Flickr"><img src="http://farm4.static.flickr.com/3141/2903563242_9fde705b93_o.png" width="458" height="565" alt="Functional About Card layout" /></a></p>
<p>The card design is two-sided, comprised of four 2.5&#215;3&#8243; quadrants:</p>
<ul>
<li>a read-only information quad providing your critical stats (name, title, email, charisma, hit points)</li>
<li>a writeable, line-ruled quad where recipients of your card can take notes on things you&#8217;ve said, or perhaps what others have said about you. this area can also be torn off (see &#8217;scoring&#8217; info later) and used for exchanging numbers or stock tips</li>
<li>a visual quad for displaying geeky things like <a href="http://en.wikipedia.org/wiki/QR_Code">QRCodes</a>, avatars, creative commons badgets and so on</li>
<li>a blank &#8220;scratchpad&#8221; quad for brainstorming, mind mapping, UML sequence diagrams or maps for meeting up later in the evening</li>
</ul>
<p><a href="http://www.flickr.com/photos/natty/2902696397/" title="Functional About Card - Front View by nathanialfreitas, on Flickr"><img src="http://farm4.static.flickr.com/3237/2902696397_ea15200988.jpg" width="500" height="360" alt="Functional About Card - Front View" /></a></p>
<p>You could optionally replace the note-taking area on the right with a maze, crossword puzzle, madlib or other small format, amusing game. Anyone you give you a card to will be delighted later when they discover that you&#8217;ve actually given them something fun to pass the time.</p>
<p><a href="http://www.flickr.com/photos/natty/2903538590/" title="Functional About Card - Back View by nathanialfreitas, on Flickr"><img src="http://farm4.static.flickr.com/3286/2903538590_580c4243aa.jpg" width="500" height="356" alt="Functional About Card - Back View" /></a></p>
<p>I&#8217;ve chosen to use the back side to display a <a href="http://en.wikipedia.org/wiki/QR_Code">QRCode</a>, but if that is just way too geeky for you, feel free to put a picture of yourself, your pet, your favorite flower or historical figure (Ben Franklin!). You might also expand the right &#8220;idea napkin&#8221; area to the whole card, because admittedly, 3&#215;2.5&#8243; isn&#8217;t much room for a great idea.</p>
<p><a href="http://www.flickr.com/photos/natty/2903600420/" title="Functional About Card - the fold by nathanialfreitas, on Flickr"><img src="http://farm4.static.flickr.com/3131/2903600420_6b2b8e2571_o.jpg" width="336" height="295" alt="Functional About Card - the fold" /></a></p>
<p>Make sure to lightly score (with a screw driver, razor blade or exact knife) and fold the card down the middle of the long length&#8230; this way it fits nicely into wallets, pockets and other places people typically put these things. This also makes the card a bit easier to tear evenly in half, in case it needs to be used as a part of a sneaker net data transmission.</p>
<p>Download the template in Apple Pages, PDF and MS Word formats: <a href="/FunctionalAboutCard-1.0.zip">FunctionalAboutCard-1.0.zip</a></p>
<p>Oh, yeah, and this template has been released under the Creative Commons By Attribution 3.0 license.</p>
<p><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/us/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/us/88x31.png" /></a><br /><span xmlns:dc="http://purl.org/dc/elements/1.1/" href="http://purl.org/dc/dcmitype/StillImage" property="dc:title" rel="dc:type">Functional About Card</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://openideals.com" property="cc:attributionName" rel="cc:attributionURL">Nathanial Freitas</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons Attribution-Share Alike 3.0 United States License</a>.<br />Based on a work at <a xmlns:dc="http://purl.org/dc/elements/1.1/" href="http://openideals.com" rel="dc:source">openideals.com</a>.<br />Permissions beyond the scope of this license may be available at <a xmlns:cc="http://creativecommons.org/ns#" href="http://openideals.com" rel="cc:morePermissions">http://openideals.com</a>.</p>
<p> So, there it is&#8230; I hope you love it, and if not, that you&#8217;ll provide some useful suggestions and improvements upon this flight of fancy.</p>
]]></content:encoded>
			<wfw:commentRss>http://openideals.org/2008/09/30/functional-about-card-a-better-business-card/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
