Rapid Prototyping with Xcode Storyboard

Recently I wanted to rapid prototype a working application and show it to my team to understand the user flow. The options I had to do this was to use a HTML prototyping. Since I was learning Xcode and Objective C, I was curious to try out Xcode. I was impressed.

The use case is I wanted to build hierarchy of List of Category => List of Manufacturers => List of Brands => List of Model within the brands. Each these objects will have a set of attributes that the user can update.

In Xcode we will create a Tabbed Application and include the Storyboard option. We can target this application for iPad for better screen layout.

The front page looks as below,

From the storyboard enable Detail Disclosure and connect this ViewController to the next ViewController by dragging from the “>” to the next ViewController.

The code to populate the default value is below,

- (void)viewDidLoad

[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
self.myTableView.delegate = self;
self.myTableView.dataSource = self;
self.colorNames = [[NSArray alloc]
initWithObjects:@"Car", @"Video Console", @"SmartPhone", @"Phone", @"Camera", @"LED", nil];

Implementing Back button,

Rapid Prototyping, Back button

You can connect the “Back” button to “action” in the .h file. The code to make the Back button work is as below,

[self dismissViewControllerAnimated:NO completion:nil];


If you notice that we can built a medium complex application prototype Rapidly using Xcode.

I hope this blog helped you.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s