diploma in mobile app development · diploma in mobile app development ... coding for beginners...

26
Lesson 2 Designing our Apps MAD Educator: Tadhg Deeney Diploma in Mobile App Development Part I @ShawMobileApp

Upload: others

Post on 22-May-2020

6 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

Lesson 2

Designing our Apps

MAD Educator: Tadhg Deeney

Diploma in Mobile App DevelopmentPart I

@ShawMobileApp

Page 2: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

• Any Questions? – Type Questions to the Educator

• Q & A - Questions at the End of the Lesson

Webinar Interaction

Page 3: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

About Us

Course Agenda

What is a Mobile App?

Coding for Beginners

Getting Started with Web Technologies

Summary

Q & A

RECAPLESSON

Page 4: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

MOBILE APP DEVELOPMENT TOOL KIT

ONLY €19.99

Webinar Slides for every lesson

Bonus Videos

Summary Notes for every lesson

Exclusive Starter Pack

INCLUDED:

Enhance your learning experience!

Page 5: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

LESSONAGENDA

Lesson 1 Recap

Designing for Mobile

Strategies for Ideas

Paper Prototypes

Identifying Requirements

Summary

Q & A

Page 6: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT
Page 7: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

Designing for Mobile

Page 8: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

Apple Eco-System

The Apple PlatformiPhone, iPad, Apple Watch/TV

Developer Licence$99/Year

Revenue-Sharing30:70 of the total

GuidelinesAesthetic IntegrityConsistencyDirect ManipulationFeedback & User Control

Page 9: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

Google Eco-System

The Android PlatformAndroid-based Devices Vary

Developer Licence$25 once off registration fee

Revenue Sharing30:70 of the total

GuidelinesAccessibilityNavigationReadabilityFeedback

Page 10: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

Mobile Web Apps

All PlatformsAvailable from Device Browser

Developer LicenceHosting Licence Required

Revenue Sharing0: 100 of the total

GuidelinesResponsive DesignVaried Screen Real Estate

Page 11: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

Strategies for Ideas

Page 12: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

What Types of Apps?

Most Popular App - 2015

Most Popular Category - 2016

Games – 24.43%

Business – 10.07%

Education – 8.82%

Lifestyle – 8.61%

Social Networking – 2.1%

Page 13: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

Understand your Audience

Who is your User?

What is happening?

When will they Interact?

Where are the users?

Why will they use the App?

How are they using it?

Page 14: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

What is the Best Strategy?

How will your App Stand Out?

Standalone Apps

Is there something to cause people to Need it?

Corporate Apps

Will it Improve their Lives?

Facilitator Apps

Page 15: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

General Advice

Interest Yourself

5 Year Olds & 50 Year Olds

Provide a Service

Page 16: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

Question Time

What Apps will you Create?

Standalone – Corporate - Facilitator

@ShawMobileApp #ShawMAD

Page 17: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

Paper Prototypes

Page 18: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

Use Cases – Sample App

Build an App Where a User can Add and Remove Tasks from a List Displayed on

their Mobile Device

When a Task is Added or Removed the List should adjust accordingly

Break Down this Specification into Component Parts

Code is Modular

Page 19: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

Identifying RequirementsTo-Do List App

Primary – Functional RequirementsSecondary – Non-functional Requirements

Required #1 – Adding Tasks1.1 – Inputting Tasks1.2 – Add Button1.3 – Added to a List

Required #2 – Display Task List2.1 – List of Tasks2.2 – List Size – Static/Dynamic2.3 – Remove Buttons

Required #3 – Removing Tasks3.1 – Removing from List3.2 – Updating Display

Page 20: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

Layout of Initial Designs

What You’ll Need:

-Pencil-Sheets of Paper-Mobile Device Template-Friends (optional)

Context –Where will the App be Most Useful?

Goals –What MUST The App Do?

Needs –What does it Need to function correctly?

Design the Layout

Communicate your Idea

Simulate & Record Reactions

Page 21: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

Tools for App Design

Marvel

PopApp

MockFlow

Android/iOS Sketch Paper

Adobe Color CC

androiduiux.com

Page 22: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

Designing for Mobile

Strategies for Ideas

Paper Prototypes

Identifying Requirements

Congratulations you have just laid the foundations

o Attend all of the lessons live to ask Questions in

real time and benefit the most

o We’re here to help, so contact us anytime!

Summary

Page 23: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

The Software Needed

Windows Mac OS X

Page 24: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

Log in to your members area:www.shawacademy.com

Recordings are available within 24 hours

Lesson Recordings &

Assignments

Page 25: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

• The next session is “Intro to HTML & CSS”

• Build your User Interface

• Style your Content

• Become an App Inventor Your Next Lesson:

Lesson 3

Attend all of the lessons LIVE and your

knowledge will grow

Shaw Academy Lifetime Membership Prize

during Lesson 6

Page 26: Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners Getting Started with Web Technologies Summary Q & A RECAP LESSON. MOBILE APP DEVELOPMENT

www.facebook.com/shawacademy @shawacademy @ShawMobileApp

QUESTION TIME See you back for Lesson 3 Introduction to HTML & CSS

[email protected]