OSI Latvia Workshop - Mobile App Design
•
2 likes•585 views
On 24 and 25 August, Satwant Kenth and Iris Lapinski ran a workshop for the summer workshop of the OpenSociety Institute about mobile apps design with 30 aspiring journalists participating.
Recommended
Recommended
More Related Content
Viewers also liked
Viewers also liked (18)
Similar to OSI Latvia Workshop - Mobile App Design
Similar to OSI Latvia Workshop - Mobile App Design (20)
More from CDI Apps for Good
More from CDI Apps for Good (17)
Recently uploaded
Recently uploaded (20)
OSI Latvia Workshop - Mobile App Design
- 1. Open Society Institute Youth Media Workshop 24-25 August 2010, Bille. Latvia
- 2. Agenda Day 1: Intro, mobile/media market, app functions Day 2: Wireframes of your project
- 3. Day 1
- 4. Intro to CDI
- 5. Technology to change lives
- 6. UK 1 centre USA development Mexico 36 centres Jordan 120 centres Columbia 6 centres Brazil 496 centres Uruguay 247 centres Ecuador 40 centres Argentina/ Paraguay 68 centres Peru 5 centres Bolivia 1 centre Chile 60 centres Data as of July 2010 Global network
- 7. From computers to mobile
- 8. Stop And Search StudioPhly StudentVoice First 3 Apps for Good
- 9. A bit of media history
- 10. Evolution of Mobile Devices, 4 Eras Brick Candy Bar Feature Phones Smartphone
- 12. Open Source Proprietary Licensed Mobile operating systems
- 13. 1st Mass Media: Printing Press
- 14. 2nd Mass Media: Phonograph
- 15. 3rd Mass Media: Cinema
- 16. 4th Mass Media: Radio
- 17. 5th Mass Media: TV
- 18. 6th Mass Media: Internet
- 19. Combining all 6 mass media & more
- 20. Mobile as the REAL global platform Source: www.istrategy2009.com
- 21. App functions
- 22. What is an app? You can customise your phone by downloading apps via the Internet A software application installed on your phone
- 23. Functions of an app MULTIMEDIA LOCATION (COMPASS/ GPS) TOUCH ACCELEROMETER BUY THINGS NOTIFICATION
- 24. Multimedia – Night Camera
- 26. Location – Google Maps
- 27. Location – Brightkite/ Foursquare
- 28. Touch Screen - Brushes
- 29. Accelerometer – Doodle Jump
- 30. Buy stuff - Stanza
- 32. Notifications – AirMail Inbox
- 33. Who is the user? Where are they? What is the need? Current way of doing things? (any existing apps/ other media)
- 34. Context “The mode, medium or environment in which we perform a task, or the circumstance of understanding. 3 Types Present location or physical context Present device of access, or media context Present state of mind, or modal context” - Fling
- 35. Your project
- 36. Your current projects Sports & water PSA Luggage organiser Illegal tree chopping Debates Etc....
- 37. Context of your project? “The mode, medium or environment in which we perform a task, or the circumstance of understanding. 3 Types Present location or physical context Present device of access, or media context Present state of mind, or modal context” - Fling
- 38. Who is the user? Where are they? What is the need? Current way of doing things? (any existing apps/ other media)
- 39. Day 2
- 40. Functions that an app can use Why? Location-based services Purchase channels Play (audio, video, stream live) Capture (images, sounds) Shake (movement) Touch Draw Notify (push) Connect Yes/No Yes/No Yes/No Yes/No Yes/No Yes/No Yes/No Yes/No Yes/No
- 41. What’s an app? Distant cousin Of a mobile app
- 42. A B C Basic app process (recipe)
- 43. Events in apps Wolber - USF Event 1 Event 2 A D B E C
- 44. Most apps are.... Like the fielding team in a baseball game , “a set of event handlers”
- 45. What’s an event handler?
- 46. There’s a recipe for responding THROW BACK TO PITCHER TAG OUT A BASE RUNNER CATCH THE BALL! THROW THE BALL COVER A BASE
- 48. Who is the user? Where are they? What is the need? Current way of doing things? (any existing apps/ other media)
- 51. Recipe Browser
- 52. Recipe Group
- 53. Recipe Card
- 55. Summary Apps do particular things, particularly well “Nothing happens in an app except in response to an event“ – Wolber An app is a set of event handlers Event handlers have ‘responses’ that only occur with particular events
- 56. Now its your turn!
- 57. Show and tell
- 58. Thank you! More information: http://cdieurope.eu http://appsforgood.org @appsforgoodcdi Iris Lapinski Director UK iris.lapinski@cdieurope.eu Satwant Singh Kenth Educator Satwant.kenth@appsforgood.org
Editor's Notes
- Over the first day we are going to cover the basics of an app, what an app is, features of an app, what different platforms/phones there are… which ones we are going to be teaching you to design on… The we are going to brainstorm some ideas of possible apps, looking at different ways of coming up with ideas, how to come up with an original idea. Coming up with lots of ideas. Image Linkshttp://www.google.co.uk/imgres?imgurl=http://vhirsch.com/blog/wp-content/uploads/2010/02/mobile-apps-2.jpg&imgrefurl=http://vhirsch.com/blog/tag/mobile-applications/&usg=__pnkjzmUS5vhDInl36SiKEPt2lbk=&h=348&w=642&sz=89&hl=en&start=8&tbnid=AvD-AFSOcl7bIM:&tbnh=74&tbnw=137&prev=/images%3Fq%3Dmobile%2Bapps%26um%3D1%26hl%3Den%26sa%3DN%26biw%3D879%26bih%3D536%26tbs%3Disch:1&um=1&itbs=1http://www.google.co.uk/imgres?imgurl=http://chattahbox.com/images/2009/07/apple_app_store.jpg&imgrefurl=http://chattahbox.com/technology/2009/07/20/mobile-apps-a-fad-or-soon-to-be-as-big-as-the-internet/&usg=__-BBeCBAGoOk-g4rnXutWUi_2XOg=&h=334&w=575&sz=27&hl=en&start=0&tbnid=9MeZv70NGjjLTM:&tbnh=82&tbnw=141&prev=/images%3Fq%3Dmobile%2Bapps%26um%3D1%26hl%3Den%26sa%3DN%26biw%3D879%26bih%3D536%26tbs%3Disch:1&um=1&itbs=1&iact=hc&vpx=478&vpy=110&dur=185&hovh=171&hovw=295&tx=149&ty=79&ei=0bFrTMnCLoyU4gbbrPCzAQ&oei=0bFrTMnCLoyU4gbbrPCzAQ&esq=1&page=1&ndsp=16&ved=1t:429,r:3,s:0http://www.google.co.uk/imgres?imgurl=http://blog.servint.net/wp-content/uploads/2010/08/idea.jpg&imgrefurl=http://blog.servint.net/&usg=__xXLhsaEf0NuwFZMLZB6IJ_cZqLI=&h=500&w=500&sz=82&hl=en&start=0&tbnid=tN14KUnI6Mds-M:&tbnh=128&tbnw=129&prev=/images%3Fq%3Didea%26um%3D1%26hl%3Den%26client%3Dfirefox-a%26rls%3Dorg.mozilla:en-GB:official%26biw%3D1280%26bih%3D586%26tbs%3Disch:1&um=1&itbs=1&iact=hc&vpx=923&vpy=243&dur=43&hovh=225&hovw=225&tx=113&ty=148&ei=ZrRrTPyhBZWTjAegqon2AQ&oei=JbRrTInlK8KK4QbVgdW2AQ&esq=11&page=1&ndsp=21&ved=1t:429,r:12,s:0
- The evolution of devices, 5 eras. Brick (‘73-’88), Candy Bar (‘88-’98), Feat Phone (‘98-’08), Smartphone (’02) –[Source, Fling, ’09, O’Reilly]
- 3 kinds of mobile platform: Open Source: (people can edit and extend platform), Proprietary (owned and used only on owner handsets) Licensed (sold to device makers for non-exclusive distribution)
- 1st Mass Media: Printing Press (1440) invented by Guttenberg
- Edison Cylinder Phonograph, first to play sound recordings 1887.
- Cinema and the Movie Camera 1888
- Radio
- Television (1930)
- Internet (1995)
- Mobile: Only mass media (mm) that can do EVERYTHING the previous 6 can do: The first truly personal mm, always on mm, always carried mm, only mm with built in payment channel, at the point of creative impulse.
- “The largest most available mass medium to mankind”
- So lets look at what an app can do. What an app can do is dependant on what features it has availble to it.
- As well as being used to improve the user experience, the touch screen can be used to create innovate applications that respond to your every move.Jorge Colombo used Brushes to draw the June 1, 2009, cover of The New Yorker while standing for an hour outside Madame Tussaud’s Wax Museum in Times Square.
- Pick (all)4 of the ideas you have and discuss and write down the context for those ideas.
- 1:Where am I? 2: what device do I have to have 3: Should I buy it now or later? / what can I learn from this?
- Look at the ideas that they have come up with, and test how feasible they are. Who would buy them/download the app
- 1:Where am I? 2: what device do I have to have 3: Should I buy it now or later? / what can I learn from this?
- Pick (all)4 of the ideas you have and discuss and write down the context for those ideas.
- Ten copies of tick5 app business copies
- “The most basic apps are like recipes” the app gives the computer a sequence of things to do. Pic by Deb Roby CC. “designed to help the user to perform a singular task or multiple, related, specific tasks.”
- Scroll down the menu, look at the about section, find a video click the video
- Event handlers like a catcher on a baseball field
- Lets say an event happens like a ball gets pitched in a baseball game, and the hitter hits a long ball
- For our event handler there’s a recipe for responding. First he’s got to catch the ball, then decide which recipe to do next.
- Sat to speak on functions stop and search uses
- Pick (all)4 of the ideas you have and discuss and write down the context for those ideas.