Jun
25

Review: Design Commission’s iPhone Stencil Kit

iPhone development | , , | Comments

iphone_stencil

The guys over at the Design Commission [@designcom on Twitter] have gone and made an iPhone Stencil Kit as a follow up to their popular Website Stencil Kit. Initially they had 1,000 stencils made for sale, but due to popular demand, have since made many many more. I received mine on Monday and have started using it for an iPhone App that I am currently developing.

The details:

The kit costs $16.95 + shipping&handling [Domestic shipping is $4.95 and international is $15] and includes:

  • One iPhone UI Stencil
  • Zebra mechanical pencil
  • 2 Design Commission stickers
  • Downloadable .PDF letter-sized paper template

Using the kit

The kit is really created with the intended use of the printable PDF templates. It doesn’t have a full iPhone body stencil to draw your iPhone on a separate paper. It does do a decent job at half-skeleton of one though. You’ll have to fill in some missing lines yourself. The notable missing seems to be status bar, the section with the wifi, 3G, and battery icon area, not being stenciled. The other small problem I ran into so far is that it’s made of stainless steel. I can’t see what’s under the stencil as I try to approximate the needed spacing between Tab Bar icons. Although, I do need to keep in mind that it’s made of stainless steel to be more durable than plastic and also that I’m making prototype designs to show clients, not finalized work.

Overall, the only real downside I can see, is that you really do have to use a mechanical pencil. The one provided by Design Commission, is a Zebra, which are extremely good. But, if you use a regular #2 pencil, you will likely run into some trouble on some of the smaller stencil bits, requiring you to constantly sharpen your pencil tip. Other than that, it’s a really great addition to any iPhone developer’s arsenal.

Now of course, this is all for paper prototyping. And if you have been following Stanford’s CS193P iPhone Programming class on iTunes, Steve Marmon discussed the importance of paper prototyping for iPhone App design in his lecture How to Build an iPhone App that Doesn’t Suck [iTunes link.]

If you prefer digital prototyping, Balsamiq has updated their software to include iPhone designing, and  in my previous post: 5 Free iPhone Resources, I have links to Omnigraffle, Adobe Fireworks, Photoshop, and Illustrator stencil kits.

Share the Love:
  • Digg
  • del.icio.us
  • Facebook
  • StumbleUpon
  • Design Float
  • Reddit
  • DZone
  • FriendFeed
  • E-mail this story to a friend!
  • Print this article!
  • TwitThis
Jun
9

5 Free Resources for iPhone App Development

iPhone development | , , | Comments
Joe Hewitt's Three20 Project

Joe Hewitt's Three20 Project

With Apple’s WWDC currently going on and the upcoming 3.0 iPhone OS getting closer to release, there are tons of new developers jumping onto the platform. Whether you’re a new developer or have been developing for a while, here are some great free resources for designing and developing your iPhone Apps.

  1. Google Objective-C Data APIs

    Google generously provides a large set of their APIs in Objective-C for both Mac and iPhone development. These APIs include:

    Check out my previous post on How to add the Google APIs to your iPhone App project.

  2. Joe Hewitt’s Three20 Project

    Joe Hewitt is the developer behind the popular Facebook iPhone App and the Mozilla Firefox plugin Firebug. He’s created a new projected called Three20, which is a collection of iPhone UI classes, like a photo viewer, and general utilities, like an HTTP disk cache. The project and instructions on getting it into your iPhone App project are hosted up on GitHub.

  3. iPhone Photoshop PSDs

    It’s always a good idea to start with a design before you start developing your iPhone App. It’s also easier to show a potential client a PSD mock-up of the app before doing actual development even though Interface Builder makes it an easy process. Here are a few Photoshop PSDs to get you going.

    Note: If you are planning on using these for making an iPhone Apps website, make sure either you or your client has gone through Apple’s Available on the iPhone App Store logo license program to avoid any legal issues. This can be found in your Apple Developer Connection Program Portal’s Distribution -> App Store tab.

  4. OmniGraffle Stencil Kits

    If you’re on a Mac and use Omni Group’s OmniGraffle for wireframing or mindmapping web design, you can do the same with iPhone apps.Here are 3 iPhone Stencil sets for OmniGraffle. Also, Yahoo!’s set can be found on the Yahoo! Developer site with stencils for many other things and also in makes them available in Photoshop PSD format.

  5. Glyphish – iPhone Toolbar Icons

    The Glyphish designer has generously put out 80 free icons for use in your iPhone App’s toolbar. These are all free and licensed under Creative Commons.

3 Bonus Resources

  1. Mercury Intermedia’s iPhone UI Vector Elements for Adobe Illustrator.

    Working in Illustrator instead of Photoshop? These free vector elements great for designing.

  2. eddit’s 120 iPhone Toolbar Icons

    While this one isn’t free, it is a really good and worthwhile one. Eddie Wilson over at eddit has created 120 iPhone Toolbar Icons for sale at $69. If you want the vector format, it’ll cost you a pretty $189 for the PSDs.

  3. Open Source iPhone Apps

Have I missed any others? Do you have any more free resources? Please feel free to share them in the comments!

Edit 6/23/09:

An additional Adobe Fireworks set of UI elements has been found thanks to Building43.

Fireworks toolkit for creating iPhone UI mockups by MetaSpark

Also check out Building43’s video on designing iPhone Apps with Adobe Fireworks.

Share the Love:
  • Digg
  • del.icio.us
  • Facebook
  • StumbleUpon
  • Design Float
  • Reddit
  • DZone
  • FriendFeed
  • E-mail this story to a friend!
  • Print this article!
  • TwitThis
Jun
8

How To Use Google APIs with iPhone SDK

iPhone development | , , , | Comments

Adding Google API support to your iPhone App could not be any easier. Google provides Objective-C APIs for:

Step 1

The first step, is to head on over to the Google Code website for the Objective-C Client, download and extract the zip file source code. Alternatively, you can get the latest and greatest version via Subversion using:

 svn checkout http://gdata-objectivec-client.googlecode.com/svn/trunk/ gdata-objectivec-client-read-only

If you downloaded the zip file from the website, you’ll have version 1.7.0, and if you used the svn code you’ll have a -read-only folder.

Step 2

Open up the GData XCode Project from your downloaded folder as well as your iPhone App XCode project.

extracted

Step 3

Drag over the GData Sources Folder from the GData project to your iPhone App project and add it as reference [don't check the box for Copy items into destination group's folder (if needed).] You do not need to copy over all the files into your project. You can, but it’s not required.

to_drag

copy_reference

This will add a ton of files to your project. You may delete the APIs you are not planning on using, but make sure that the files GDataXMLNode.m and GDataXMLNode.h in the Common/Optional/XMLSupport group are not removed from your project as they are required for iPhone builds.

files

Step 4

Open up the build settings for your iPhone App project. Located and set the following settings.

  • Header Search Paths: /usr/include/libxml2
  • Other Linker Flags: -lxml2

For the Debug build configuration only, add the Other C Flags setting so that the library’s debug-only code is included:

  • Other C Flags: -DDEBUG=1

build

Step 5 (Optional for iPhone 3.0 Beta SDK)

If you downloaded the zip file version (1.7.0) of the API, you will also run into this error message when you attempt to first build your iPhone App project:

...Source/Networking/GDataHTTPFetcherLogging.m:224: error: 'NSTask' undeclared (first use in
...Source/Networking/GDataHTTPFetcherLogging.m:224: error: 'task' undeclared (first use in this
function)

Error Message

Apple has removed the NSTask from the Foundations Framework in the iPhone 3.0 SDK. In order to fix this, simply open up the GDataDefines.h file, find the developer section and add:

#define  GDATA_SKIP_LOG_XMLFORMAT 1

gdefine

Note: This fix is only needed if you downloaded version 1.7.0 of the GData Objective-C API and are using iPhone 3.0 Beta SDK. If you downloaded the latest Subversion read-only trunk of the code or are using iPhone 2.2.1 SDK, you do not need to do this.

Step 6

At this point, your iPhone XCode project should build successfully and you can begin using the Google APIs by simply importing the appropriate header files. ie.

#import "GDataAnalytics.h"

Step 7 (Optional if downloaded GData version 1.7.0 Zip file)

If you downloaded the zip file version (1.7.0) of the API, you will be missing the Analytics API. That has not yet been zipped up for the download. You may want to download those separately.

Additional Resources:

Share the Love:
  • Digg
  • del.icio.us
  • Facebook
  • StumbleUpon
  • Design Float
  • Reddit
  • DZone
  • FriendFeed
  • E-mail this story to a friend!
  • Print this article!
  • TwitThis