<?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>IONCANNON &#187; mobile</title>
	<atom:link href="http://www.ioncannon.net/tag/mobile/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ioncannon.net</link>
	<description>Thoughts on Software Development and Engineering</description>
	<lastBuildDate>Tue, 03 Jan 2012 13:59:08 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
	<atom:link rel='hub' href='http://www.ioncannon.net/?pushpress=hub'/>
		<item>
		<title>10 Tips for BlackBerry Development</title>
		<link>http://www.ioncannon.net/programming/373/10-tips-for-blackberry-development/</link>
		<comments>http://www.ioncannon.net/programming/373/10-tips-for-blackberry-development/#comments</comments>
		<pubDate>Tue, 19 May 2009 18:17:46 +0000</pubDate>
		<dc:creator>carson</dc:creator>
				<category><![CDATA[programming]]></category>
		<category><![CDATA[BlackBerry]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://www.ioncannon.net/?p=373</guid>
		<description><![CDATA[Over time I&#039;ve gathered up some nice tips I think would help get someone started developing applications for the BlackBerry so I decided to pull some of the more interesting ones together into the following list. The Eclipse plugin makes life much easier so use it. If you are used to Intellij IDEA then try [...]]]></description>
			<content:encoded><![CDATA[<p>Over time I&#039;ve gathered up some nice tips I think would help get someone started developing applications for the BlackBerry so I decided to pull some of the more interesting ones together into the following list.</p>
<ol>
<li>The Eclipse plugin makes life much easier so use it. If you are used to Intellij IDEA then try out the <a href="http://www.jroller.com/santhosh/entry/intellij_idea_key_scheme_for">Intellij IDEA keymap for Eclipse</a></li>
<li>Some information about signing keys:
<ul>
<li>You don&#039;t have to get signing keys to make a deployable application</li>
<li>They are inexpensive</li>
<li>If you do get the signing keys you will have access to libraries that you otherwise can&#039;t use</li>
<li>You will need the JDE installed even if you have the Eclipse plugin installed as <a href="http://www.blackberry.com/knowledgecenterpublic/livelink.exe/fetch/2000/348583/800989/Support_-_Unable_to_open_.csi_files?nodeid=1371862&#038;vernum=0">explained here</a></li>
</ul>
</li>
<li>When sending apps to the background:
<ul>
<li>Make sure you don&#039;t exit() the app, only call <a href="http://www.blackberry.com/developers/docs/4.0.2api/net/rim/device/api/system/Application.html#requestBackground()">Application.requestBackground()</a></li>
<li>Make sure to provide an exit menu option</li>
</ul>
</li>
<li>Install the MDS emulator. You need the MDS emulator if you plan to do anything that requires a network connection.</li>
<li>If you need SOAP support use <a href="http://ksoap2.sourceforge.net/">kSOAP</a>. There is a good DDJ article with examples on <a href="http://www.ddj.com/mobile/208800166">how to use kSOAP in a mobile setting</a>.</li>
<li>Use <a href="http://www.blackberry.com/developers/docs/4.0.2api/net/rim/device/api/system/Display.html#getWidth()">Display.getWidth()</a> to make your custom items look correct on any device. Keep the following in mind:
<ul>
<li>Make any static graphics you use that need to span an entire screen as large as the largest device size</li>
<li>I have created a list of <a href="http://www.ioncannon.net/meta/321/blackberry-screen-and-icon-sizes/">BlackBerry device screen sizes</a></li>
</ul>
</li>
<li>The BlackBerry has an embeddable browser. There is a <a href="http://supportforums.blackberry.com/rim/board/message?board.id=java_dev&#038;message.id=10288">good example post on how to use it</a>.</li>
<li>Spend time to make a splash screen. The knowledge base has a good article <a href="http://www.blackberry.com/knowledgecenterpublic/livelink.exe/fetch/2000/348583/800332/800505/800256/How_To_-_Create_a_splash_screen.html?nodeid=800334&#038;vernum=0">on making a splash screen</a>.</li>
<li>Make good looking icons and make sure to also <a href="http://www.blackberry.com/knowledgecenterpublic/livelink.exe/fetch/2000/348583/800332/800505/800608/How_To_-_Define_a_rollover_icon_for_an_application.html?nodeid=1162799&#038;vernum=0">define the rollover icon</a>.</li>
<li>If you need charts in your application take advantage of the device always being connected to the internet and give <a href="http://code.google.com/apis/chart/">Google Charts</a> a try. </li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.ioncannon.net/programming/373/10-tips-for-blackberry-development/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to create iPhone wireframes with Inkscape</title>
		<link>http://www.ioncannon.net/meta/313/how-to-create-iphone-wireframes-with-inkscape/</link>
		<comments>http://www.ioncannon.net/meta/313/how-to-create-iphone-wireframes-with-inkscape/#comments</comments>
		<pubDate>Thu, 16 Apr 2009 01:03:01 +0000</pubDate>
		<dc:creator>carson</dc:creator>
				<category><![CDATA[meta]]></category>
		<category><![CDATA[inkscape]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://www.ioncannon.net/?p=313</guid>
		<description><![CDATA[While developing ideas for iPhone applications I&#039;ve played around with just using Interface Builder to stub things out. This works reasonably well but I know how to use Interface Builder so that makes a difference. If you are designing an application and want to stick with graphical tools only you are in luck because Yahoo [...]]]></description>
			<content:encoded><![CDATA[<p>While developing ideas for iPhone applications I&#039;ve played around with just using Interface Builder to stub things out. This works reasonably well but I know how to use Interface Builder so that makes a difference. If you are designing an application and want to stick with graphical tools only you are in luck because Yahoo has produced a set of <a href="http://developer.yahoo.com/ypatterns/wireframes/">wireframing SVG stencils</a> for the iPhone that are very nice.</p>
<p><span id="more-313"></span></p>
<p>This is what the complete iPhone UI template set looks like:</p>
<p><a href="http://www.ioncannon.net/wp-content/uploads/2009/06/mobileiphoneall.png"><img src="http://www.ioncannon.net/wp-content/uploads/2009/06/mobileiphoneall-300x185.png" alt="Yahoo iPhone Template" title="Yahoo iPhone Template" width="300" height="185" class="alignnone size-medium wp-image-351" /></a></p>
<p>As you can see it has all of the standard UI elements of the iPhone.</p>
<p>Using the stencils is easy. Open the SVG file with Inkscape and then create a new empty project. Select the UI element you want and copy it into your project:</p>
<p><a href="http://www.ioncannon.net/wp-content/uploads/2009/06/step1screenshotexampl1.png"><img src="http://www.ioncannon.net/wp-content/uploads/2009/06/step1screenshotexampl1-300x176.png" alt="Example iPhone Screen Design" title="Example iPhone Screen Design" width="300" height="176" class="alignnone size-medium wp-image-355" /></a></p>
<p>Knowing some of the <a href="http://www.inkscape.org/doc/keys046.html">Inkscape shortcut keys</a> helps a lot in creating your wireframe. Being able to align and move elements in z-ordering is much easier if you know the correct shortcut keys to use.</p>
<p>Here are a few example images that I made using Inkscape for a demo application:</p>
<p><a href="http://www.ioncannon.net/wp-content/uploads/2009/06/screen3.png"><img src="http://www.ioncannon.net/wp-content/uploads/2009/06/screen3.png" alt="Example iPhone Screen with buttons" title="Example iPhone Screen with buttons" width="388" height="732" class="alignnone size-full wp-image-354" /></a></p>
<p><a href="http://www.ioncannon.net/wp-content/uploads/2009/06/screen2.png"><img src="http://www.ioncannon.net/wp-content/uploads/2009/06/screen2.png" alt="Example iPhone Screen with entry boxes" title="Example iPhone Screen with entry boxes" width="388" height="732" class="alignnone size-full wp-image-353" /></a></p>
<p><a href="http://www.ioncannon.net/wp-content/uploads/2009/06/screen1.png"><img src="http://www.ioncannon.net/wp-content/uploads/2009/06/screen1.png" alt="Example iPhone Screen with table" title="Example iPhone Screen with table" width="388" height="732" class="alignnone size-full wp-image-352" /></a></p>
<p>If you are new to wireframing it is worth reading the <a href="http://thinkvitamin.com/features/20-steps-to-better-wireframing/">20 steps to better wireframing</a> post by Think Vitamin. One of the 20 steps is not to worry about making your wireframes look exactly like the final product. If you need it to look perfect then using Interface Builder is probably going to work out better.</p>
<p>As a side note I wish Inkscape had a resource for stencils like <a href="http://www.omnigroup.com/applications/OmniGraffle/">OmniGraffle</a> does. There are any number of people who publish stencils on their blogs and there is even a site specifically for <a href="http://graffletopia.com/">OmniGraffle stencils</a>. I would add stencils to my list of <a href="http://www.ioncannon.net/utilities/123/10-tips-for-creating-good-looking-diagrams-using-inkscape/">tips for creating diagrams using Inkscape</a> if it existed. Right now it is seems like the best option is to look for SVG formatted stencils. The gstencil format doesn&#039;t seem too complicated so maybe someone will eventually find a way to convert the contents into SVG where they could then be used in Inkscape.</p>
<p>Update: If you have Adobe Fireworks or have money to spend on doing this you should check out this video on <a href="http://www.building43.com/videos/2009/06/23/mockup-iphone-app-adobe-fireworks/">building mockups for the iphone using Adobe Fireworks</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ioncannon.net/meta/313/how-to-create-iphone-wireframes-with-inkscape/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

