SlideShare une entreprise Scribd logo
1  sur  27
Lesson 3
• By the end of this lesson you will:
• Create a prototype of your home page in PowerPoint –
identify colours, images and draft layout
• Know how to access AppShed and set up a home page
• Understood the different Operating Systems available
and selected one for your app
• Extension: start to source JPEG and PNG images for
your app
• Using AppShed create an app for young people in the
age range 11-16
• Its main purpose should be for information
• Design your app for one of the following 3 scenario’s:
1. Yeovil Town Football Club
2. Sherlock Holmes
3. Glastonbury Music Festival
• As a minimum your app should include:
• A home screen or main menu
• An information screen with text and images (on your topic)
• A map screen showing points of interest/ location
• A gallery of images (of points of interest or people etc.)
• A contact option
• Using your work from last lesson (mind map and
mood board) create a presentation (ppt) of your app
homepage, including:
• What it will look like
• What information you intend to include
• Images you intend to use
30
Mins
MAKE A NOTE OF YOUR PASSWORD AND DON’T
LOOSE IT – I cannot reset your password in AppShed
so you will lose your work!!
5
Mins
10
Mins
Tutorials available from the ‘App Development
Walkthroughs’ folder on Moodle
10
Mins
Although you can use any image type you like, the best
ones for use on your app will be PNG and JPEG files.
1 – Create a folder called ‘images’ in your ICT folder
2 – Find an image you want
3 – Right click and select ‘save image as’
4 – Save as JPEG or PNG Image
Create a prototype of your home page in PowerPoint –
identify colours, images and draft layout
Know how to access AppShed and set up a home page
Understood the different Operating Systems available
and selected one for your app
Extension: start to source JPEG and PNG images for
your app
• Ok, so AppShed is not responding - don’t worry! Instead
develop your app using PowerPoint. Create a
presentation of what your app would look like.
• Download an Image for a phone of your choice from
Google Images and use that as your template.
• Your finished design will look just as good as those in
AppShed if you use hyperlinks to move between your
screens … and remember, be as creative as you can!
• Available from the ‘App Development Walkthroughs’
folder on Moodle, file path as follows:
• Curriculum
• Year 9
• ICT
• Mobile App Development
• App Development Walkthroughs
You have 2 Minutes to:
1. Identify one feature you think makes a good app
2. Write it on the post it note
3. Stick it on the desk

Contenu connexe

En vedette (7)

Siemens certificate
Siemens certificateSiemens certificate
Siemens certificate
 
Les plateformes technologiques en France construites pour et par des patients
Les plateformes technologiques en France construites pour et par des patientsLes plateformes technologiques en France construites pour et par des patients
Les plateformes technologiques en France construites pour et par des patients
 
Huma lfdpc
Huma lfdpcHuma lfdpc
Huma lfdpc
 
resume
resumeresume
resume
 
Oportunitats de negoci a Israel
Oportunitats de negoci a IsraelOportunitats de negoci a Israel
Oportunitats de negoci a Israel
 
CLSSWB.PDF
CLSSWB.PDFCLSSWB.PDF
CLSSWB.PDF
 
Dragons' Den Project
Dragons' Den ProjectDragons' Den Project
Dragons' Den Project
 

Similaire à Mobile app development lesson 3

dmedia DP2 Interaction Design - Deliverable 2
dmedia DP2 Interaction Design - Deliverable 2dmedia DP2 Interaction Design - Deliverable 2
dmedia DP2 Interaction Design - Deliverable 2
Stanford dmedia
 
Unit 3 Topic 2 Creating Multimodal Material.pdf
Unit 3 Topic 2 Creating Multimodal Material.pdfUnit 3 Topic 2 Creating Multimodal Material.pdf
Unit 3 Topic 2 Creating Multimodal Material.pdf
Noraima2
 
Presentation1 (2)[1]
Presentation1 (2)[1]Presentation1 (2)[1]
Presentation1 (2)[1]
squ
 
Evaluation
EvaluationEvaluation
Evaluation
danilian
 
Interesting ways to_use_an_i_pod_touch_in_th
Interesting ways to_use_an_i_pod_touch_in_thInteresting ways to_use_an_i_pod_touch_in_th
Interesting ways to_use_an_i_pod_touch_in_th
tsumrall
 
Tom Chamberlain - Question 4 Evaluation
Tom Chamberlain - Question 4 EvaluationTom Chamberlain - Question 4 Evaluation
Tom Chamberlain - Question 4 Evaluation
Tom Chamberlain
 

Similaire à Mobile app development lesson 3 (20)

Mobile app development lesson 4
Mobile app development   lesson 4Mobile app development   lesson 4
Mobile app development lesson 4
 
Mobile app development lesson 4 (1)
Mobile app development   lesson 4 (1)Mobile app development   lesson 4 (1)
Mobile app development lesson 4 (1)
 
Mobile app development lesson 8
Mobile app development   lesson 8Mobile app development   lesson 8
Mobile app development lesson 8
 
Mobile app development lesson 5
Mobile app development   lesson 5Mobile app development   lesson 5
Mobile app development lesson 5
 
dmedia DP2 Interaction Design - Deliverable 2
dmedia DP2 Interaction Design - Deliverable 2dmedia DP2 Interaction Design - Deliverable 2
dmedia DP2 Interaction Design - Deliverable 2
 
Now comes the fun part designing your dream program based on wh.docx
Now comes the fun part designing your dream program based on wh.docxNow comes the fun part designing your dream program based on wh.docx
Now comes the fun part designing your dream program based on wh.docx
 
Unit 3 Topic 2 Creating Multimodal Material.pdf
Unit 3 Topic 2 Creating Multimodal Material.pdfUnit 3 Topic 2 Creating Multimodal Material.pdf
Unit 3 Topic 2 Creating Multimodal Material.pdf
 
Presentation1 (2)[1]
Presentation1 (2)[1]Presentation1 (2)[1]
Presentation1 (2)[1]
 
Q4daft
Q4daftQ4daft
Q4daft
 
OneNote for Students.pptx
OneNote for Students.pptxOneNote for Students.pptx
OneNote for Students.pptx
 
Question 6
Question 6 Question 6
Question 6
 
Evaluation
EvaluationEvaluation
Evaluation
 
أدوات لبناء صور جذابة لمواقع التواصل الاجتماعي
أدوات لبناء صور جذابة لمواقع التواصل الاجتماعيأدوات لبناء صور جذابة لمواقع التواصل الاجتماعي
أدوات لبناء صور جذابة لمواقع التواصل الاجتماعي
 
Apps as Machines — ThingsCon Berlin 2014
Apps as Machines — ThingsCon Berlin 2014Apps as Machines — ThingsCon Berlin 2014
Apps as Machines — ThingsCon Berlin 2014
 
Mobile App Design course (iOS & Android)
Mobile App Design course (iOS & Android)Mobile App Design course (iOS & Android)
Mobile App Design course (iOS & Android)
 
ilearn, icreate, ishare....ipad apps 2012
ilearn, icreate, ishare....ipad apps 2012ilearn, icreate, ishare....ipad apps 2012
ilearn, icreate, ishare....ipad apps 2012
 
Creating your own photo story!
Creating your own photo story!Creating your own photo story!
Creating your own photo story!
 
Interesting ways to_use_an_i_pod_touch_in_th
Interesting ways to_use_an_i_pod_touch_in_thInteresting ways to_use_an_i_pod_touch_in_th
Interesting ways to_use_an_i_pod_touch_in_th
 
Question 6 powerpoint
Question 6 powerpointQuestion 6 powerpoint
Question 6 powerpoint
 
Tom Chamberlain - Question 4 Evaluation
Tom Chamberlain - Question 4 EvaluationTom Chamberlain - Question 4 Evaluation
Tom Chamberlain - Question 4 Evaluation
 

Plus de KerryJTurner (7)

Dragons' Den project
Dragons' Den projectDragons' Den project
Dragons' Den project
 
Mobile app development lesson 10
Mobile app development   lesson 10Mobile app development   lesson 10
Mobile app development lesson 10
 
Mobile app development lesson 2 (2)
Mobile app development   lesson 2 (2)Mobile app development   lesson 2 (2)
Mobile app development lesson 2 (2)
 
Appshed Project - how to Screen grab your Project
Appshed Project - how to Screen grab your ProjectAppshed Project - how to Screen grab your Project
Appshed Project - how to Screen grab your Project
 
Dragons' Den Pitch
Dragons' Den PitchDragons' Den Pitch
Dragons' Den Pitch
 
Execution of charles_1
Execution of charles_1Execution of charles_1
Execution of charles_1
 
Designing games with kodu_game_lab_v1
Designing games with kodu_game_lab_v1Designing games with kodu_game_lab_v1
Designing games with kodu_game_lab_v1
 

Dernier

Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 

Dernier (20)

Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 

Mobile app development lesson 3

  • 2. • By the end of this lesson you will: • Create a prototype of your home page in PowerPoint – identify colours, images and draft layout • Know how to access AppShed and set up a home page • Understood the different Operating Systems available and selected one for your app • Extension: start to source JPEG and PNG images for your app
  • 3. • Using AppShed create an app for young people in the age range 11-16 • Its main purpose should be for information • Design your app for one of the following 3 scenario’s: 1. Yeovil Town Football Club 2. Sherlock Holmes 3. Glastonbury Music Festival
  • 4. • As a minimum your app should include: • A home screen or main menu • An information screen with text and images (on your topic) • A map screen showing points of interest/ location • A gallery of images (of points of interest or people etc.) • A contact option
  • 5. • Using your work from last lesson (mind map and mood board) create a presentation (ppt) of your app homepage, including: • What it will look like • What information you intend to include • Images you intend to use 30 Mins
  • 6. MAKE A NOTE OF YOUR PASSWORD AND DON’T LOOSE IT – I cannot reset your password in AppShed so you will lose your work!! 5 Mins
  • 7.
  • 8. 10 Mins Tutorials available from the ‘App Development Walkthroughs’ folder on Moodle
  • 9.
  • 10.
  • 11.
  • 12.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22. Although you can use any image type you like, the best ones for use on your app will be PNG and JPEG files. 1 – Create a folder called ‘images’ in your ICT folder 2 – Find an image you want 3 – Right click and select ‘save image as’ 4 – Save as JPEG or PNG Image
  • 23. Create a prototype of your home page in PowerPoint – identify colours, images and draft layout Know how to access AppShed and set up a home page Understood the different Operating Systems available and selected one for your app Extension: start to source JPEG and PNG images for your app
  • 24.
  • 25. • Ok, so AppShed is not responding - don’t worry! Instead develop your app using PowerPoint. Create a presentation of what your app would look like. • Download an Image for a phone of your choice from Google Images and use that as your template. • Your finished design will look just as good as those in AppShed if you use hyperlinks to move between your screens … and remember, be as creative as you can!
  • 26. • Available from the ‘App Development Walkthroughs’ folder on Moodle, file path as follows: • Curriculum • Year 9 • ICT • Mobile App Development • App Development Walkthroughs
  • 27. You have 2 Minutes to: 1. Identify one feature you think makes a good app 2. Write it on the post it note 3. Stick it on the desk