Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners...
Transcript of Diploma in Mobile App Development · Diploma in Mobile App Development ... Coding for Beginners...
![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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/1.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/2.jpg)
• 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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/3.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/4.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/5.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/6.jpg)
![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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/7.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/8.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/9.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/10.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/11.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/12.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/13.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/14.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/15.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/16.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/17.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/18.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/19.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/20.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/21.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/22.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/23.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/24.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/25.jpg)
• 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](https://reader034.fdocuments.in/reader034/viewer/2022042223/5ec9f84b9f9c147727443c6b/html5/thumbnails/26.jpg)
www.facebook.com/shawacademy @shawacademy @ShawMobileApp
QUESTION TIME See you back for Lesson 3 Introduction to HTML & CSS