rys-objective-c-tutorial-archive/app-cooker.html at main · mulle-objc/rys-objective-c-tutorial-archive · GitHub

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
<!DOCTYPE html>
<html lang='en'>
<head>
  <title>Ry's Objective-C Tutorial | App Cooker | RyPress</title>
  <meta charset='UTF-8' />
  <meta name='description' content="RyPress.com creates
  high-quality software tutorials and publishes them completely free of
  charge." />
  <meta name='viewport'
  	    content='width=device-width, initial-scale=1.0, maximum-scale=1.0' />
  <link rel="stylesheet" href="../../media/style.css" />
  <link rel="icon" type="image/png" href="../../media/favicon.png" />


  <link rel="stylesheet" href="../../media/single.css" />
  <link rel="stylesheet" href="../../media/pygments.css" />

<style>
.big-icon-text img {
	margin-top: 4px;
	margin-left: 0;
	margin-bottom: 1em;
}
.big-icon-text p {
	width: 60%;
}
.small-icon-text img {
	margin-top: 4px;
	margin-left: 0;
	margin-bottom: 1em;
}
.small-icon-text p {
	width: 75%;
}
</style>


<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-37121774-2']);
_gaq.push(['_trackEvent', 'App Cooker Sponsorship', 'Landing Page View', '', 0, true]);
_gaq.push(['_trackPageview']);

(function() {
  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

function trackOutboundLink(link, label) {
	try {
		_gaq.push(['_trackEvent', 'App Cooker Sponsorship', 'Click', label, 0, true]);
	} catch(err){}
	setTimeout(function() {
		document.location.href = link.href;
	}, 100);
}
</script>

</head>
<body>

<div id='page'>

<nav id='main-nav'>
  <ul>
  	<li><a href='../../index.html'>RyPress</a></li><li><a href='../../tutorials.html'>Tutorials</a></li><li><a href='../../sponsors.html'>Sponsors</a></li><li><a href='../../about.html'>About</a></li><li><a href='../../contact.html'>Contact</a>
	</li>
  </ul>
</nav>

<div id='content'>

<p class='top-sponsor-link'><a href='http://www.appcooker.com/prototyping/'
onClick="trackOutboundLink(this, 'Landing Page Top Link'); return false;">Visit AppCooker.com</a></p>


<p class='top-back-link'>
	<a href='index.html'><span>&lsaquo;</span> Back to <em>Ry&rsquo;s Obj-C
	Tutorial</em></a>
</p>

<h1 class='back-heading' style='font-size: 40px'>Prototyping With App Cooker</h1>

<p>Have an iOS app idea that you want to start developing? Instead of jumping
straight into Xcode, professional app makers like to mock up their ideas using
a prototyping utility. This lets them test and refine potential apps without
committing to weeks of expensive coding and debugging.</p>

<div class='no-figure-border' style='margin-bottom: .3em'>
<a href='http://www.appcooker.com/prototyping/' onClick="trackOutboundLink(this,
'Landing Page Contextual Link'); return false;">
<figure>
	<img style='max-width: 340px' src='media/app-cooker/app-cooker-logo-full.png' />
</figure>
</a>
</div>

<p><a href='http://www.appcooker.com/prototyping/' onClick="trackOutboundLink(this,
'Landing Page Contextual Link'); return false;">App Cooker</a> for iPad is a
comprehensive prototyping tool that guides you through the entire app design
process. In addition to creating clickable mockups without writing a single
line of code, it also helps you manage other key aspects of a successful iOS
project.</p>


<h2>Mockup Creation</h2>

<p>At the heart of App Cooker lies its advanced mockup engine, which lets you
design an entire iPhone or iPad app using an intuitive graphical interface.</p>

<h3>Design Screens Using Native iOS Widgets</h3>

<div class='icon-text big-icon-text'>
	<img src='media/app-cooker/create-mockups-1.png' />

	<p>As with any quality prototyping tool, App Cooker lets you lay out
	images, text, and other graphics. But where App Cooker really shines is its
	extensive list of built-in iOS widgets. With the tap of a button, you can
	add a native iOS button, navigation bar, keyboard, dialog window, or even
	an interactive web browser.</p>

</div>

<div style='clear: both'></div>


<h3>Link Pages With Buttons and Gestures</h3>

<div class='icon-text big-icon-text'>
	<img src='media/app-cooker/create-mockups-2.png' />

	<p>Once you&rsquo;ve mocked-up a screen, you can turn it into a wireframe
	by linking to other screens via buttons or swipe gestures. App Cooker adds
	animated transitions to all of its links, lending an incredibly realistic
	iOS experience to your prototype.</p>

</div>

<div style='clear: both'></div>

<h3>Preview And Share Your Mockups</h3>

<div class='icon-text big-icon-text'>
	<img src='media/app-cooker/create-mockups-3.png' />

	<p>App Cooker&rsquo;s interactive previewer lets you display your prototype
	as it would appear on a real iPhone or iPad. This is a great way to test
	concepts, iterate designs, and find the best flow for your app.</p>

</div>

<div style='clear: both'></div>

<p>If you&rsquo;re ready to do some real-world testing, you should also take a
look at App Cooker&rsquo;s companion tool,

<a href='http://www.appcooker.com/apptaster-play-mockups-wireframes/'
onClick="trackOutboundLink(this, 'Landing Page Contextual Link'); return false;">App
Taster</a>. App Taster is a free version of App Cooker&rsquo;s interactive
previewer, enabling other users to test (or &ldquo;taste&rdquo;) your prototype
on their own iOS device. It also includes a built-in comment form, making it
incredibly easy to collect feedback.</p>


<h2>Project Management</h2>

<p>But, App Cooker isn&rsquo;t just for creating mockups&mdash;it&rsquo;s a
full-fledged project management tool. Alongside the mockup editor, you&rsquo;ll
find the following widgets for managing the auxiliary aspects of your project.</p>


<h3>Idea Definition</h3>

<div class='icon-text small-icon-text'>
	<img src='media/app-cooker/idea-definition.png' />

	<p>The Idea Definition widget is a beautifully designed questionnaire that
	helps you define, describe, and refine your app. Having a dedicated place
	to define what your app does and how it fits into the iOS ecosystem will
	keep you on track as you start turning your prototype into a real working
	app.</p>

</div>

<div style='clear: both'></div>


<h3>Icon Design</h3>

<div class='icon-text small-icon-text'>
	<img src='media/app-cooker/icon-design.png' />

	<p>Your app icon is the single most important graphic in your app.
	It&rsquo;s what everybody will see in the app store, on their home screens,
	and on all of your marketing materials. App Cooker provides another
	dedicated widget to brainstorm icon designs, view them at different sizes,
	and see which glow effect works best.</p>

</diV>

<div style='clear: both'></div>


<h3>App Store Info</h3>

<div class='icon-text small-icon-text'>
	<img src='media/app-cooker/store-info.png' />

	<p>App Cooker&rsquo;s App Store Info widget lets you define all of the
	details that will eventually be displayed in the App Store. By updating
	your app&rsquo;s keywords, description, and categories as your idea
	evolves, you&rsquo;ll be ready to launch as soon as you&rsquo;re done
	coding.</p>

</div>

<div style='clear: both'></div>

<h3>Pricing</h3>

<div class='icon-text small-icon-text'>
	<img src='media/app-cooker/pricing.png' />

	<p>Determining an app&rsquo;s profit potential is one of the most important
	steps in creating an economically viable iOS app. App Cooker&rsquo;s
	Pricing widget lets you explore different sales scenarios by itemizing all
	of your revenue sources (app sales, in-app purchases, ads, etc) and project
	expenses (wages, rent, licenses, etc).</p>

</div>

<div style='clear: both'></div>

<p>On their own, any of these features may not seem like a revolutionary
approach to app design. But, by combining all of these project management tools
with a powerful mockup editor, App Cooker provides an easily-accessible
reference point that will keep you on track as you nurse your idea from
conception to production.</p>


<h2>Learn More</h2>

<p>Spending a few minutes refining your idea with App Cooker could save you
thousands of dollars in unnecessary development down the road, so it&rsquo;s
definitely worth taking a look at if you&rsquo;re serious about launching a
successful app. To learn more about App Cooker, visit <a
href='http://www.appcooker.com/prototyping/' onClick="trackOutboundLink(this,
'Landing Page Contextual Link'); return false;">AppCooker.com</a> or find them in the <a
href='http://click.linksynergy.com/fs-bin/stat?id=6qXu7gp8x58&offerid=146261&u1=RYpress&type=3&subid=0&tmpid=1826&RD_PARM1=https%253A%252F%252Fitunes.apple.com%252Fus%252Fapp%252Fappcooker-mockup-prototype%252Fid418861662%253Fmt%253D8%2526uo%253D4%2526partnerId%253D30'
onClick="trackOutboundLink(this, 'Landing Page iTunes Link'); return
false;">App Store</a>.</p>

<div class='no-figure-border' style='margin-bottom: .3em'>
<a href='http://click.linksynergy.com/fs-bin/stat?id=6qXu7gp8x58&offerid=146261&u1=RYpress&type=3&subid=0&tmpid=1826&RD_PARM1=https%253A%252F%252Fitunes.apple.com%252Fus%252Fapp%252Fappcooker-mockup-prototype%252Fid418861662%253Fmt%253D8%2526uo%253D4%2526partnerId%253D30'
onClick="trackOutboundLink(this, 'Landing Page iTunes Link'); return false;">
<figure>
	<img style='max-width: 208px' src='media/app-cooker/app-cooker-buy.png' />
</figure>
</a>
</div>


</div> <!-- #content -->

<div style='clear: both'></div>

<footer id='footer'>
  <ul id='copyright'>
  	<li>
			&copy; 2012-2013 <a href='../../index.html'>RyPress.com</a>
		</li>
		<li>
			<a href='../../licensing.html'>All Rights Reserved</a>
		</li>
		<li>
			<a href='../../tos.html'>Terms of Service</a>
		</li>
		<li>
			<a href='../../privacy.html'>Privacy Policy</a>
		</li>
  </ul>
</footer>

</div> <!-- #page -->

</body>
</html>