App Building 101 Alex Souza Kwiksher

Transcription

1 App Building 101 Alex Souza Kwiksher

2 Agenda Understanding the mobile development process Self-service app publishing options What is Kwik and its requirements Things you can do with Kwik (quick overview on apps made with the tool) How to plan you storybook/app and speed up your workflow with Kwik Creating a storybook Q&A [time allowing] Open time for personal project support (how to do specific stuff in your project)

3 Understanding the mobile development process Behind the scenes Software Development Kit (SDK) ios Android Object-C Default Language Java Your App iphone/ipod/ipad Android/Nook/Amazon

4 Understanding the mobile development process Overview Different devices = different OS Different OS = different SDK Different OS = different language Different OS = different membership More devices = more complexity More complexity = more time to develop, more expensive In sum, this is NOT for beginners! Challenge is big, reward is great!

5 Self-service app publishing options Before you start Have a clear view of what is your app about Will you work alone or in a team? How much money are you planning to spend in the development? Are you planning marketing initiatives with your app? Free or Paid? Trial or In-App version? ios only or multiple platforms? Do a personal assessment: are you techie enough to learn and manage how to create profiles, development subscriptions and SDK installations?

6 Self-service app publishing options Your app inside another app Strength Weakness No technical skills required No upfront costs No need of a Mac for publishing No need of particular tools Faster to deliver Mostly available for storybooks Revenue share No marketing control No branding control No code control Check Loreen s blog at

7 Self-service app publishing options Your full app at a AppStore/Marketplace Strength Any kind of app can be build No revenue share* Full control of your marketing Full control of your code Weakness Requires specialized tools Initial costs are high Requires approval More complex to setup Full control of your brand *besides the 30% collect by all stores

8 Self-service app publishing options What is Kwik? Adobe Photoshop CS5 plugin, that simplifies the creation of interactive, animated content for both ios and Android devices, using Corona SDK You attach commands to Photoshop layers via an easy to use panel It creates code for Corona SDK Corona SDK compiles it to ios and/or Android What is Corona (and why Kwik needs it)? SDK that generates code for ios and Android write once, publish in multiple platforms English-like language (Lua, which is a fast and well used language) Corona is behind thousands of apps at Apple, Android, Amazon and Nook Stores

9 Self-service app publishing with Kwik Requirements and Costs Adobe Photoshop CS5 or above Kwik US$79.99 Corona SDK ios/android US$199 each/y ios + Android US$349/y ios Software Development Kit (SDK) US$99/y Android US$25/y iphone/ipod/ipad Your App Android/Nook/Amazon Why Corona?

10 Things you can do with Kwik Same apps published with Kwik Storybooks Butterfly Counting Ardens Garden Travel Books Opening Rome Educational Zoophabets Healthy Nature in Harmony Lifestyle My Weekly Journal Magazine Triple Crown

11 Creating your first project with Kwik Before you start Have everything installed (check the FAQ page) Read the User Guide (available at Learn page) See the tutorial videos (available at YouTube/kwiksher channel) Follow us at Facebook and Twitter for updates Try features in disposable projects Get familiar with the tool!

12 Creating your first project with Kwik Planning your app Avoid design on the fly Thumbnail every page and their components Sketch the flow of your app Prepare the external files (audio, videos, sprite sheets, etc) Create your Photoshop files (each file equals a project page)

13 Creating your first project with Kwik Planning your app - Example Cover Shows intro animation Read to Me/I Read options Page 1 Shows witch playing Page 2 Witch is thinking Menu Allow user to switch languages

14 Creating your first project with Kwik Planning your app - Example Page 1 Worksheet Project interaction: Swipe page enabled Bookmark enabled Page interactions: Swipe page enabled Animations: [layer] Cloud moves across screen when page starts [Linear] [sprite] Broom gets crazy and fly around a path when clicked [button Play Animation] [Path] [movie clip] Leaves shake when clicked [button Play Animation] [MC] [layer] Sun rotates once [Rotation widget] Audio: [readme] Narration [auto play if Read to Me is enabled][play once] [background] birds singing [play in loop] [fx] Leaves shaking Shared Assets: [button] Next page [button] Previous page [layer] Background

15 Creating your first project with Kwik Planning your app - Example Menu Page Worksheet Page interactions: Swipe page disabled Animations: [layer] Broom flies around the screen [Linear] Audio: [background] funny melody [play in loop] Buttons: English [action: Go To Page 5] Spanish [action: Go To Page 1] Shared Assets: [layer] Background

16 Creating a Project Demo