SlideShare une entreprise Scribd logo
1  sur  12
Module 1:
What is an app?
2
1. What is an app?
2. What are web, native, hybrid and social apps?
3. What should I be aware of when designing an app?
Key questions
3
What is an app?
A
B
C
4
Web apps
5
Native apps
6
Know your tool kit
7
Know your tool kit
8
Hybrid apps
9
Native – web – hybrid apps
10
Facebook apps – social apps
11
What’s the app for me?
appsforgood.org
@appsforgoodcdi

Contenu connexe

Dernier

1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 

Dernier (20)

1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
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
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-II
Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-IIFood Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-II
Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-II
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
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
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
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
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
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
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 

En vedette

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

En vedette (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

What is an app v1.0

Notes de l'éditeur

  1. Image source: http://www.flickr.com/photos/drachmann/327122302
  2. First of all, what is an app?An app is a piece of software designed to help the user perform related specific tasks. In short, apps help users to get jobs done.To quote Professor David Wolber, “the simplest apps are like recipes” . The app gives the phone/computer a sequence of things to do. On a very basic level that could be as simple as: do A do B and then do C.Most apps are of course more interactive than this, allowing the user to interact via the user interface.Apps are similar to recipes, in that they follow a set of steps to get a job done. If we understand the steps of a recipe, we can make some great food. If we understand the steps a user has to take to get to a solution, we can make a great app!Image sources: http://www.flickr.com/photos/57113521@N00/4775460107http://www.flickr.com/photos/starsammy/4605760111
  3. Explain : An example of a web app could be the Transport for London bus departures web app. http://countdown.tfl.gov.uk/#/This allows you to see what time a bus will be arriving at a bus stop. Web apps can be used through internet browsers on phone, mobile and tablets.TASK : Get students to visit this web app using a computer browser and a phone/tablet browser. What jobs does it do for the user?Explain : As you can see nothing needs to be downloaded for you to view this app. There was no app store to visit, and it works the same regardless of whether you use a phone or a computer.Web apps are great for simple tasks that you want as many people to use as possible. They are built using HTML, CSS and JavaScript which are fairly easy learn. The great thing about web apps is that you build them once, and everyone can view them as long as they have a browser!The bad thing about web apps is that they can sometimes be slow, and don’t have access to native features of the phone, for example camera features or Global Positioning System (GPS)
  4. Explain : An example of a native app could be Angry Birds.Angry Birds is a game, where there are a lot of activities going on: physics calculations, animations and user interactions like touch.TASK : Ask students if they have played Angry Birds, and on which phone.Explain : To get Angry Birds on all mobile devices, they needed to build the app 3 times! Once for iphone, once for android and another time for the NEW blackberry 10s and above.The great thing about native apps is that they are very fast, and you have full access to all the phones native features that a normal web app might not have, for example the camera. Native apps use the native language the phone works with. It can be very costly creating native apps, very difficult to learn, and very hard to maintain. When you release an update, you have to update all 3 native apps for all 3 devices, that can be 3 times the work!Task: Ask your students what native apps they use most. What functionality can they really only use on their mobile phones?Image source: Angry BirdsFounder Talk: Peter Vesterbacka from Angry Birds talks about how it all started http://www.youtube.com/watch?v=NSbZtJwC2hU
  5. If apps help users get jobs done, native apps have a set of tools you can use to help make tasks simpler and easier to achieve.TASK: Get you students to name some of the tools a mobile phone has in it’s tool kit (examples on next slide) Image source: http://www.flickr.com/photos/neilt/2517652
  6. TASK: Ask students if there are any apps they use/can think of that use features of the phone Image source: The App Business
  7. Explain: Here are 3 apps that are all hybrid apps: Tripcase, What the photo? and the BBC Olympia app.Hybrid apps take the best of both web apps and native mobile apps and combine them.The idea behind a hybrid app is that you can have the best of both worlds: flexibility across devices, but access to the native function on a phone.There are different ways to create hybrid apps. If you have a large budget and quality or performance of your app is essential, then you create dedicated apps for each platform. If your time and money are restricted, then you can use a clever workaround: You code in HTML, CSS and JavaScript in the same way as you would create a web app (like the TFL bus web app). However, you can then put your code into something called a ‘mobile framework‘. These mobile frameworks allow your normal web app to now connect to some of the phone’s native features.The great thing about this approach to hybrid apps is that you only need to learn HTML, CSS and JavaScript. The ‘mobile framework’ you use will then do the hard work for you so that the web app works as a native app. You can then publish your app on app makretplaces like Google Play and the Apple App Store like any other native app. It also means you can use some native features like the camera. Also you don’t have to re-write the all the code to get your app on different devices!The bad thing about hybrid apps are that they can still be slower than native apps. You also still have to change the code a little bit for each device you work with. Also there are a lot of ‘mobile frameworks’ out there so it can be tricky trying to figure out which one to use. Also it can take a lot of work to get the same ‘look and feel’ of a native app. So nothing is perfect.
  8. This diagram show details comparing native, hybrid and web apps.As you can see in the top left, native apps have full capability, but only work on one platform!Html5 web apps work with multiple platforms, but only have partial capability (cannot connect to the camera)Hybrid apps however can do a bit of both. Work with multiple platforms and have more capability.Source: http://wiki.developerforce.com/page/Native,_HTML5,_or_Hybrid:_Understanding_Your_Mobile_Application_Development_Options
  9. So what about Facebook? Well there is no such thing as a ‘Facebook app’.All apps, whether they are mobile or web based can integrate with Facebook to connect to all of Facebooks amazing social features.Think about it, how many times have you learnt about or heard about something from one of your friends! Some of the most popular things in the world have spread like viruses because of Facebook! Think of the Harlem Shuffle and Farmville. Would they have got so popular without Facebook?Our friends and the people close to us are the most influential people in our lives. Facebook allows us to tap into this influence and help your app to be spread and used by the people with the most influence.There are many ways to use Facebook, one of the most popular is using HTML5 which works with web apps and hybrid apps.
  10. Which type of app you will develop depends on a variety of factors but in general you should consider:Will it be essential for my app to use native features on a phone?e.g. camera, contacts, phone calls, accelerometer etcIf your answer is a strong YES, then you probably need to look at making a native or hybrid app.What device/ platform do my users use most and when will they use my app? e.g. do my users come across the problem while sitting at a desk? Or when they sit on the sofa? Our out and about on the bus, but you don’t require really the native functions of a phone? Then a web app might be best.Image source: Financial Times