Your SlideShare is downloading. ×

Apps for Good: One hour taster workshop

187

Published on

This one-hour non-technical workshop is designed to give attendees a taste of what the Apps for Good course provides. We recommend anyone looking to deliver Apps for Good in their school or college …

This one-hour non-technical workshop is designed to give attendees a taste of what the Apps for Good course provides. We recommend anyone looking to deliver Apps for Good in their school or college use our taste workshops to explore interest in the programme.

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
187
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • The first two slide are for educators only. When presenting, the first two slides will not be visible to the audience. These slide were createdand shared by www.appsforgood.org. Please contact us for more information at contact@appsforgood.orgThis work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good.You cannot use these materials for commercial purposes.
  • Slide and time allocation for the presentation. For educators reference only.This PowerPoint is designed for a 1 hour long workshop, some slides include extension activities, it is up to the educator to decide on whether there is enough time to fit them in.This workshop can be extended to 2 hours by doing all extensions and giving students more time on each of the tasks. This Apps for Good taster workshop includes aspects of the Step 1(Problem Definition) and Step 3(Solution Design) of the Apps for Good, 5 Step model. It is a taster workshop.Preparations/setup -For this presentation you will need -Projector and laptop with PowerPoint loaded-Students in groups of 3-5-Youtube video loaded http://www.youtube.com/watch?v=8LPiZqQKYlk-5 Phone templates for each group-Some space for students to role-playA3 paper with marker pens for brainstorming and writing down answerEXTRA - Android phones with Transit app loaded http://bit.ly/Q0NXOlThis work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good.You cannot use these materials for commercial purposes.
  • Timing: 1 minScriptshort : Welcome students to the one hour taster workshop It will explore apps, ideas and designIt will cover a lot of workScript long : “Welcome to the apps for the good taster workshop. This workshop is one hour and will give you a taster of what to expect if you were to do the full course. On this course we’ll cover, what an app is, what they can do, how to come up with an app idea and designing your app. We’ll be covering a lot of work in a short period of time so its important that we all stay focused.”Outcomes : Let students know what they will be doing for the next hour and how this is just a taster.Preparations/setupFor this presentation you will need - Projector and laptop with PowerPoint loaded- Students in groups of 3-5- YouTube video loaded http://www.youtube.com/watch?v=8LPiZqQKYlk- Five Phone templates for each group- Some space for students to role-play- A3 paper with marker pens for brainstorming and writing down answer- (Optional) Android phones with Transit app loaded http://bit.ly/Q0NXOl
  • Timing: 30 secScriptshort : Technology is changing very quickly Script long : “A lot of you may not remember but in the 80s the first mobile phone was released, it was huge, nicknamed the brick phone. Not only was it a huge phone it also had a terrible battery life. To use this phone people had to carry around the battery in a suitcase! Since then phones have got progressively smaller, faster and more powerful. The current smart phones we have now are more like miniature computers in our pockets.”Extra info for educator to note: The evolution of devices, 5 eras. Brick(1973-88), Candy Bar (1988-98), Feat Phone (1998-08), Smartphone (2002-current) [Source, Fling, 2009, O’Reilly]Extension : If you have access to some old phones, it can be quite interesting for students to handle them.
  • Timing: 30 secScriptshort : Mini computers, ask students if they’ve used a Smartphone or own one. Transitions into next slide on apps.Script long : “Most of the phones that we have now are smart phones. How many of you have used a smart phone or own a smart phone? (chances are 90% or more of students will raise their hands). So we’ve all pretty much come across them: smart phones can do everything a normal phone can do, except they have some extra key features that make them incredibly powerful. Smartphones can access the internet for a start and some of them have powerful graphics. They also have apps that can be downloaded and installed at any time, which is one of things that makes them so useful, versatile and powerful.Extension Exercise : Ask students if they’ve used a Smartphone and which one and how many.
  • Timing: 1 minScriptshort : Ask students what apps they’ve used, let them know you’ll be covering what apps are over the next few slides.Script long : “Over the next few slides we’ll be going over what an app is and what makes it so powerful. Before we do that, what apps have you used?” (students will probably name games such as angry birds, which is fine.) “Before we begin the practical I’m just going to give an overview of 3 important things:What apps areThe main technology they make use ofAn example of an app that students built from being on the course”Extension exercise : Each time students name an app, try to name or get them to name the key problem that app is trying to solve or the role the app is taking. For example Angry birds, trying to be entertaining, Shazam is helping you find the name of a song.)
  • Timing: 1 minScriptshort : Apps get a job done, they follow steps just like recipes do.Script long : “A mobile app is a piece of software that runs on your phone to complete a specific task that the user has. Apps are a bit like recipes in the way that they have set steps to follow and a set outcome: follow the steps on a recipe and you’ll have spaghetti at the end of it. Follow the steps of an app and you can find a song you want, or find where you are or, well, almost anything! As developers it is important to know what problem you are trying to solve and what steps need to be taken to get the desired outcome.”
  • Timing: 1 minScriptshort : Smartphones have features such as location-based services, transaction services, and touch screens.Script long : “SmartPhones can offer an application some cool functions includingLocation-based services: See where you are, find what’s nearby (services, friends), get directionsTransaction services: Order goods online, buy and download in-app content, access subscription based services, send money to other people, use phone as discount voucherTouchscreen and internal sensors: Draw pictures, make sounds via touch; shake phone to perform a task; have the layout change when phone rotates from landscape to portrait; or brightness adjust according to light, or phone switch off after inactivity “Extension : You can ask students for examples of apps that use each of these features. Examples include : Location Services – Google map, foursquare Touch Screen/ Internal Sensors – Angry birds, Clear todo list, Transaction – iTunesIf you haven’t already guessed, the superpowers I was referring to and the capabilities of mobile phones are one and the same. So, lets take a quick look at what those functions are…
  • Timing: 30 secScriptshort : Notifications are another Smartphone feature similar to text messages.Script long : “Notifications are similar to text messages, except they are pretty much free. They also allow your app to send messages to the user and to other users of the app.”Extension : You can ask students for examples of apps that use this feature. Notifications : Facebook, WhatsAppOutcomes : Let students know what they will be doing for the next hour and how this is just a taster.
  • Timing: 30secsScript short :Enjoy, capture and share music, photos and videosScript long : “Multimedia features on phones are getting better and better, features such as taking pictures, recording sound, video and of course playing and streaming them are all the norm”Extension : You can ask students for examples of apps that use this feature. Multimedia: Youtube, fix my street.Outcomes : Let students know what they will be doing for the next hour and how this is just a taster.
  • Timing: 30 secScript short : Mobile phones allow you to connect to other devices such as PCs, TVs and even cars.Script long : “Mobile phones are very powerful devices, probably the most powerful aspect of a mobile phone is its ability to connect to other devices and use their features or work with them. Did you know sky has an app that allows you to connect to your sky box and record a TV program? You can even connect your phone to your car and start the engine using your phone!”
  • Timing: 1 min 30 secScriptshort : Play the video and describe the difficulty parents and teachers have if their first language is different.Script long : “Here’s a problem video example that some students from a school in Bethnal Green made. Watch the video and see if you can guess what the problem is.” Play video“The video outlined the problem that teachers and parents have if they cannot speak the same language. Students end up being the translator and might take advantage of that position.”Outcomes : Students understand what kind of problems they can come up with and see a real example of an idea that has come from the Apps for Good course.Preparations/setup - load up and buffer the following video http://www.youtube.com/watch?v=8LPiZqQKYlkThis work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good.You cannot use these materials for commercial purposes.
  • Timing: 30 secScriptshort : Menu with key topics to be coveredScript long : “This is the actual solution that students came up with when solving their app. You can even download this app from Google Play app market https://play.google.com/store/apps/details?id=air.com.squaresight.transit&feature=search_result#?t=W251bGwsMSwyLDEsImFpci5jb20uc3F1YXJlc2lnaHQudHJhbnNpdCJdAs you can see from the screenshot, students solved the problem by having a menu that contained key topics that teachers and parents wanted to ask and have answered. Let’s pretend that a teacher wanted to talk about the students behaviour, and pressed the behaviour button….”(Transition to next slide)
  • Timing: 30 secScript short : English to Bengali translation pageScript long “The behaviour screen would appear. This would show key statements a teacher may want to tell a parent about their student. When they press on the comment it plays the translated sound clip in Bengali for the parent to understand. After that they can press the English to Bengali button and the parents menu appears…
  • Timing: 30 secScriptshort : Bengali to English translation pageScript long : “…on this menu the parent can ask the teacher questions about their student, the questions will then be translated into English and a sound clip will be played.”
  • Timing:10 minScriptshort : Get students to write down problems, aim for 6 problems per group.Script long : “In your groups brainstorm some problems you come across, ONLY focus on the problem (Not the app solution)”Outcomes : Each group of students should have a list of problems that they come across, while doing this they may come across difficulties such as not being able to think of any problems. Its important to give them things to spark their thought process, tell them to think of other people they know and the problems they may come across. Get them to think of what problems they come across while doing what they are passionate about. Also get them to just think of a day when everything is just going wrong, such as waking up late, not having any cereal for breakfast, missing you bus etc, these are all problems that can be written down.Preparations/setup - A3 paper and pens for each group
  • Timing: 5 minScriptshort : Get students to pick one problem that they would like to solve most. They can start thinking about what would make a good mobile solution if it helps.Script long : “Now pick one problem that you would like to solve in your groups. You may want to think about the one that you are all passionate about solving, and affects you the most personally as well as what might make a good app”Outcomes : Students should pick the problem they want to solve, and inadvertently think of the solution.NOTES TO EDUCATORS: In a full course students would be given more time to think of the solution. On this particular slide you’ll find that students will naturally come up with a possible solution to the problem without you setting it as a task. If they have not come up with a solution in the timeframe, they will have more time later in the workshop.
  • Timing: 15 minScriptshort : Role play the problemScript long : “Act out the problem with a role play, do NOT include the app in the role play, this is just the problem” You may want to play the TRANSIT video again to show students that the problem video/role-play does not need to include the app.Extension : If time permits, get a few of the groups to role play for the rest of the class.Outcomes : Provides the students with a clear idea of what the problem is, who is involved and who is affected.
  • Timing: 1 minScriptshort : Wireframing is a term used in the design industry to describe the visualization of the content of your app.Script long :”Wireframes are the outline of what each screen of our app is going to display. Here’s the wireframe that the TRANSIT group created for their first screen. Most first screens have a menu, so think about whether your app will have one. Don’t forget some apps do not have a menu screen, like Google maps.”Extra info for educator to note: Source http://www.webopedia.com/TERM/W/wireframe.htmlA typical wireframe includes:(1) key page elements and their location, such as header, footer, navigation, content objects, branding elements, (2) grouping of elements, such as side bars, navigation bars, content areas, (3) labelling, page title, navigation links, headings to content objects, and (4) place holders, content text and images.
  • Timing: 1 minScriptshort : Wireframes are not supposed to be perfectScript long : “So here’s the second screen where teachers can hit the English transplantation and have it translated into Bengali. As you may have noticed these wireframes contain no real detail, no images -- nothing that is too time consuming, mainly because they are supposed to be easily made and easily changed.”
  • Timing: 1minScript short : Wireframe showing what user would see when translating from bengaliScript long : “The final wireframe displays what the user would see if they wanted something converted from Bengali to english, as you can see its quite different from the actual app, as things changes and they decided to have topics when they released instead of a long scroll bar, that’s all part of designing and wireframing.“
  • Timing: 15 minScriptshort : Wireframe - a solution for you.Script long : “Now its your turn, take your problem, and try and wireframe a solution for you.”Outcomes : Students produce basic wireframes that show how their app could take someone from problem to solution in a few screens.Extension : If time permits get some of the groups to share their wireframes with the class and talk through how a user would navigate through to solve their problem.The format for the students presenting should follow this format:Tell the rest of the class what the problem is you are trying to solveTalk the class through wireframes
  • Transcript

    • 1. App design taster workshop This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good. You cannot use these materials for commercial purposes.
    • 2. Evolution of Devices: 5 eras This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good. You cannot use these materials for commercial purposes.
    • 3. What is a smart phone? ? This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good. You cannot use these materials for commercial purposes.
    • 4. Apps, their superpowers & our problems This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good. You cannot use these materials for commercial purposes.
    • 5. What’s an app? A B C This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good. You cannot use these materials for commercial purposes.
    • 6. Functions an app can use Location servicesTouch screen andinternal sensors Transaction services This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good. You cannot use these materials for commercial purposes.
    • 7. Notifications This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good. You cannot use these materials for commercial purposes.
    • 8. Multimedia This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good. You cannot use these materials for commercial purposes.
    • 9. Connect This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good. You cannot use these materials for commercial purposes.
    • 10. Transit Video This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good. You cannot use these materials for commercial purposes.
    • 11. Transit This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good. You cannot use these materials for commercial purposes.
    • 12. Transit This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good. You cannot use these materials for commercial purposes.
    • 13. Transit This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good. You cannot use these materials for commercial purposes.
    • 14. Task 1In your teams, describesome problems you know This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good. You cannot use these materials for commercial purposes.
    • 15. Task 2Talk about the problemsand choose one This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good. You cannot use these materials for commercial purposes.
    • 16. Task 3Act the problem out This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good. You cannot use these materials for commercial purposes.
    • 17. How to plan your app This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good. You cannot use these materials for commercial purposes.
    • 18. This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good. You cannot use these materials for commercial purposes.
    • 19. This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good. You cannot use these materials for commercial purposes.
    • 20. Task 4Plan your solution This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good. You cannot use these materials for commercial purposes.
    • 21. Well done and thank you! appsforgood.org This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. That means you can edit it for your own use, or share it, but if you share it you are obliged to credit Apps for Good. You cannot use these materials for commercial purposes.

    ×