mobile app development lesson 5
TRANSCRIPT
![Page 1: Mobile app development lesson 5](https://reader036.vdocuments.site/reader036/viewer/2022062401/588ad4ed1a28ab89058b678b/html5/thumbnails/1.jpg)
Creating a Mobile Phone App
Lesson 5
![Page 2: Mobile app development lesson 5](https://reader036.vdocuments.site/reader036/viewer/2022062401/588ad4ed1a28ab89058b678b/html5/thumbnails/2.jpg)
• By the end of this lesson you will: • Continue to develop your app in line with the ‘what
makes a good app’ design principles
• Know how to make a map screen and create one in your app
• Continue to populate your E-Portfolio
Lesson 5 Objectives
![Page 3: Mobile app development lesson 5](https://reader036.vdocuments.site/reader036/viewer/2022062401/588ad4ed1a28ab89058b678b/html5/thumbnails/3.jpg)
Activity 1 – Making a Map Screen
Tutorials available from the ‘App Development Walkthroughs’ folder on Moodle
45 Mins
![Page 4: Mobile app development lesson 5](https://reader036.vdocuments.site/reader036/viewer/2022062401/588ad4ed1a28ab89058b678b/html5/thumbnails/4.jpg)
![Page 5: Mobile app development lesson 5](https://reader036.vdocuments.site/reader036/viewer/2022062401/588ad4ed1a28ab89058b678b/html5/thumbnails/5.jpg)
![Page 6: Mobile app development lesson 5](https://reader036.vdocuments.site/reader036/viewer/2022062401/588ad4ed1a28ab89058b678b/html5/thumbnails/6.jpg)
![Page 7: Mobile app development lesson 5](https://reader036.vdocuments.site/reader036/viewer/2022062401/588ad4ed1a28ab89058b678b/html5/thumbnails/7.jpg)
![Page 8: Mobile app development lesson 5](https://reader036.vdocuments.site/reader036/viewer/2022062401/588ad4ed1a28ab89058b678b/html5/thumbnails/8.jpg)
![Page 9: Mobile app development lesson 5](https://reader036.vdocuments.site/reader036/viewer/2022062401/588ad4ed1a28ab89058b678b/html5/thumbnails/9.jpg)
![Page 10: Mobile app development lesson 5](https://reader036.vdocuments.site/reader036/viewer/2022062401/588ad4ed1a28ab89058b678b/html5/thumbnails/10.jpg)
![Page 11: Mobile app development lesson 5](https://reader036.vdocuments.site/reader036/viewer/2022062401/588ad4ed1a28ab89058b678b/html5/thumbnails/11.jpg)
Activity 2 – Populating your E-Portfolio
10 Mins
Your E-Portfolio is available from the ‘Mobile App Development ‘ page on Moodle (Year 9)
![Page 12: Mobile app development lesson 5](https://reader036.vdocuments.site/reader036/viewer/2022062401/588ad4ed1a28ab89058b678b/html5/thumbnails/12.jpg)
Extension – Linking your map points
![Page 13: Mobile app development lesson 5](https://reader036.vdocuments.site/reader036/viewer/2022062401/588ad4ed1a28ab89058b678b/html5/thumbnails/13.jpg)
![Page 14: Mobile app development lesson 5](https://reader036.vdocuments.site/reader036/viewer/2022062401/588ad4ed1a28ab89058b678b/html5/thumbnails/14.jpg)
![Page 15: Mobile app development lesson 5](https://reader036.vdocuments.site/reader036/viewer/2022062401/588ad4ed1a28ab89058b678b/html5/thumbnails/15.jpg)
![Page 16: Mobile app development lesson 5](https://reader036.vdocuments.site/reader036/viewer/2022062401/588ad4ed1a28ab89058b678b/html5/thumbnails/16.jpg)
![Page 17: Mobile app development lesson 5](https://reader036.vdocuments.site/reader036/viewer/2022062401/588ad4ed1a28ab89058b678b/html5/thumbnails/17.jpg)
• Illustrate one piece of outstanding work during the lesson, using Net Control to broadcast a pupil’s screen.
• What this makes this so good?
Plenary – Sharing great work 5
Mins
![Page 18: Mobile app development lesson 5](https://reader036.vdocuments.site/reader036/viewer/2022062401/588ad4ed1a28ab89058b678b/html5/thumbnails/18.jpg)
• By the end of this lesson you will: Continue to develop your app in line with the ‘what
makes a good app’ design principles
Know how to make a map screen and create one in your app
Continue to populate your E-Portfolio
Have we met today’s objectives?
![Page 19: Mobile app development lesson 5](https://reader036.vdocuments.site/reader036/viewer/2022062401/588ad4ed1a28ab89058b678b/html5/thumbnails/19.jpg)
Additional/ Support Slides
![Page 20: Mobile app development lesson 5](https://reader036.vdocuments.site/reader036/viewer/2022062401/588ad4ed1a28ab89058b678b/html5/thumbnails/20.jpg)
• 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!
Plan B – break glass in case of emergency!
![Page 21: Mobile app development lesson 5](https://reader036.vdocuments.site/reader036/viewer/2022062401/588ad4ed1a28ab89058b678b/html5/thumbnails/21.jpg)
AppShed – Tutorials• Available from the ‘App Development Walkthroughs’
folder on Moodle, file path as follows:
• Curriculum
• Year 9
• ICT
• Mobile App Development
• App Development Walkthroughs
![Page 22: Mobile app development lesson 5](https://reader036.vdocuments.site/reader036/viewer/2022062401/588ad4ed1a28ab89058b678b/html5/thumbnails/22.jpg)
Recap - Creating a User Name and password• Follow the instructions on ‘Preparation sign
information’ accessible on Moodle from:
• Curriculum
• Year 9
• ICT
• Mobile App Development
MAKE A NOTE OF YOUR PASSWORD AND DON’T LOOSE IT – I cannot reset your password in AppShed
so you will loose your work!!
![Page 23: Mobile app development lesson 5](https://reader036.vdocuments.site/reader036/viewer/2022062401/588ad4ed1a28ab89058b678b/html5/thumbnails/23.jpg)
• Although you can use any image type you like, the best ones for use on your app will be PNG and JPEG files.
• Find an image you want to save Right click and
select ‘save image as’ Save as JPEG or PNG Image
Recap – Uploading Images