1 of 42

On Your Way to Mobile App Development

VermontFest 2013

Lucie deLaBruere

learningwithlucie@gmail.com

www.LearningWithLucie.com

2 of 42

Session Description

  • This session will provide a review of some of the tools that are being used to get students started with iPad app development.
  • It will include tools that can be used to develop “Pre-engineering” thought and computational thinking that prepare students for working with more robust app development tools .
  • It will review the stages of iPad App development from idea generation building prototypes publishing.
  • If you are already on the road to App development, come share your experience. Let’s learn together.

3 of 42

What Do You Need for �IOS App Development

Mac Computer

X Code - main SDK

Apple Developer Account

-- XCODE is for intermediate to advanced developers with coding experience

4 of 42

3rd Party Engine

- An easier to use interface for designing APP

-Exports the design and compiles the CODE into “objective C”

- Some common 3rd party engines like

  • Buzz Touch
  • AppShed
  • App Bar

- 3rd party game engines like

  • Game Salad
  • Stencyl
  • Game Maker

-

5 of 42

A Compelling IDEA

- an App Makers Sketchpad

Brainstorming ideas for APPS

6 of 42

Universal APPs

All mobile devices have different screen size

Apple has a feature called Universal Apps

which allows you to code it ONCE and have it work with all SCREEN SIZES and Resolution

7 of 42

BuzzTouch

A powerful

3rd party

App

development

engine

8 of 42

Create Your First App

To Start �Click on Application� Then + New App

9 of 42

APP Name & App Icon

10 of 42

APP Icon - Packaged with APP

11 of 42

Download Source Code

12 of 42

UnZip Source Code

13 of 42

Download XCode

Move this to ‘what you need’

14 of 42

Open project in Xcode

15 of 42

Copy OVER “rest of folders”

16 of 42

Run in IOS Simulator in X Code

17 of 42

Xcode General Tab Overview

18 of 42

Back to Buzz Touch

19 of 42

Doublecheck stuff below this

20 of 42

BACKGROUND COLOR/ IMAGES

21 of 42

22 of 42

RAPID Protoyping

From Design TO PROTOTYPE

VERY IMPORTANT

Save all Your Prototypes

Different Names

The Last Ones will not necessarily be the best

23 of 42

Adding A New Screen �Menu Buttons

24 of 42

Playing With Buttons

Layout/Size

25 of 42

Color and Images

Colors That Go Well Together

http://colorschemedesigner.com/

http://html-color-codes.info/

Free or Copy-Friendkly Images

The Leading Source Of Free Stock Photos - stock.xchng

www.sxc.hu/‎

Credit, Attribution, Permission

26 of 42

Adding a PLUGIN�Simple Custom HTML/ Text

NOTE: You must redownload ZIP file and move over plug in folders if you use new plug-ins.

27 of 42

Configuring a Plug In

28 of 42

Sign UP to be iOS Developer

$99 a year University Program

Marlboro Graduate School

Mobile Media Maker Summer 2013

Janaury 2013 Making Mobile Media for Educators

Do You want to work as a Team or Individual

Teams require more INFO (i.e. DUNS #)

29 of 42

Certificates & Provisioning Profiles

Certificates and Provision �authorizes certain computers, developers, devices to

develop under your Apple ID

test apps

Step 1 SET Up your MAC so that it can work with your developer Account

See Game Salad’s Tutorial Step by Step here

http://cookbook.gamesalad.com/tutorials/3/parts/12

or the Technical Stuff for Apple

https://developer.apple.com/support/technical/certificates/

30 of 42

Certificates from Apple

31 of 42

Register your testing device

G

How to GET Your UDID

- Plug your device into your computer

- Use iTunes or Xcode

- There’s an APP for THAT

32 of 42

Device registered with �Apple Development Account

33 of 42

Adding a Provisioning Profile

Step 1

34 of 42

Adding a Provisioning Profile

Step 2

35 of 42

Adding a Provisioning Profile

Step 3

36 of 42

Adding a Provisioning Profile

Step 4

37 of 42

Moving your App unto your device - Final few steps

Click on the Provisioning Profile in the Download folder

/should open in XCode?

Make sure your App is open in xCode

Plug into your device into your computer

38 of 42

Sign Your App

\

SIGN YOUR APP -->

Try this

39 of 42

??

40 of 42

41 of 42

Lucie deLaBruere���and �YOU

www.LearningWithLucie.com

@techsavvygirl

LearningWithLucie@gmail.com

42 of 42