Upgrade to Pro — share decks privately, control downloads, hide ads and more …

mobile app design - lab 2 (android)

7bf2baf0d8d5d7d96e6b67c5d567e3f9?s=47 Caren
September 26, 2018
110

mobile app design - lab 2 (android)

7bf2baf0d8d5d7d96e6b67c5d567e3f9?s=128

Caren

September 26, 2018
Tweet

Transcript

  1. Mobile App Design Week 2: Android Lab 1

  2. Why it’s so exciting to be a (mobile) developer right

    now
  3. Why it’s so exciting to be a (mobile) developer right

    now 2.5 billion people in the world estimated to have a smartphone in 2019
  4. Why it’s so exciting to be a (mobile) developer right

    now 2.5 billion people in the world estimated to have a smartphone in 2019
  5. Why it’s so exciting to be a (mobile) developer right

    now So many employment opportunities!
  6. Why it’s so exciting to be a (mobile) developer right

    now So many employment opportunities!
  7. Why it’s so exciting to be a (mobile) developer right

    now So many employment opportunities!
  8. Why it’s so exciting to be a (mobile) developer right

    now So many employment opportunities!
  9. Technical Labs

  10. Technical Labs Build real working apps!

  11. Technical Labs Build real working apps! Learn fundamental Android concepts

  12. Technical Labs Build real working apps! Learn fundamental Android concepts

    Work in groups to learn, explore and experiment
  13. What are things we might need to know in order

    to build a popular Android app?
  14. What are things we might need to know in order

    to build a popular Android app? Show data (text, images, videos) Create content and take users through different flows Save data Look nice!
  15. What are things we might need to know in order

    to build a popular Android app?
  16. Technical Labs : Building out a Flashcard App

  17. Technical Labs : Building out a Flashcard App Lab 1:

    Build Layouts and Handle User Interaction Lab 2: Create content and take users through different flows Lab 3: Save data Lab 4 : Polish App with animations and styling
  18. Lab 1 How to build UI (User Interface) How to

    handle simple user interactions How to manage code and collaborate
  19. Flashcard App : Lab 1 Concepts covered:
 
 Android’s Activities

    Layouts Listeners GitHub
  20. Flashcard App : Lab 1 Advanced Concepts covered:
 
 More

    advanced logic handling Styling views More complicated layout styles Integrating Icons
  21. Quick Concepts Introduction

  22. Android’s Activity All apps have at least one screen that

    the user can interact with In Android, a screen is called an Activity Activities are where we write Java code to handle logic to handle user interactions, change what’s on the screen, and more!
  23. Layouts In Android, what’s displayed on the screen is usually

    designed in XML files Layouts are usually composed of multiple views like Buttons, TextViews, ImageViews, and more XML is a type of markup language that allows us to add, position and customize views
  24. Bridging Activity and Layout MainActivity.java Handles user interaction

  25. Bridging Activity and Layout MainActivity.java activity_main.xml Handles user interaction Sets

    up views
  26. Bridging Activity and Layout Each activity has a corresponding layout

    file that’s set with setContentView(R.layout.activity_main); MainActivity.java activity_main.xml Handles user interaction Sets up views
  27. Listeners All apps need to handle different types of user

    interactions Listeners are Android’s way of ‘listening’ for different types of user actions and reacting to it The most common type of user action is a single tap, and in Android it’s handled with an OnClickListener
  28. GitHub Code can get messy quickly, especially if there are

    multiple people working on the same code. GitHub is a great way to : • save your progress • have your code living on the Internet • collaborate with others
  29. Navigating Android Studio

  30. Navigating Android Studio

  31. Working on Labs For all lab weeks, there will be

    4 tabs:
  32. Working on Labs For all lab weeks, there will be

    4 tabs: • Overview
 Quick summary of what we’re trying to accomplish this week along with submission instructions
  33. Working on Labs For all lab weeks, there will be

    4 tabs: • Lab
 Walkthrough of all the Required and Optional tasks
  34. Working on Labs For all lab weeks, there will be

    4 tabs: • Skills
 Summary of concepts we will learn in the lab, and glossary of new terms / concepts introduced
  35. Working on Labs For all lab weeks, there will be

    4 tabs: • Resources
 Material for further reading on topics you found interesting
  36. Working on Labs The are a set of Required tasks,

    and a set Optional tasks Required tasks must be finished and submitted before the end of the class
  37. Working on Labs The are a set of Required tasks,

    and a set Optional tasks Required tasks must be finished and submitted before the end of the class Optional tasks are more advanced and allows you to explore Android development more
  38. Working on Labs The are a set of Required tasks,

    and a set Optional tasks Required tasks must be finished and submitted before the end of the class Optional tasks are more advanced and allows you to explore Android development more Try implementing the tasks yourself before consulting the more detailed walkthrough guide.
  39. Working on Labs There will be breakout rooms where you

    can work together with your classmates
  40. Working on Labs There will be breakout rooms where you

    can work together with your classmates Turn on your camera!
  41. Working on Labs There will be breakout rooms where you

    can work together with your classmates Turn on your camera! Introduce yourself
  42. Working on Labs There will be breakout rooms where you

    can work together with your classmates Turn on your camera! Introduce yourself Support each other throughout the session. Helping debug issues helps everybody gain a deeper understanding of the concepts
  43. Working on Labs There will be breakout rooms where you

    can work together with your classmates Turn on your camera! Introduce yourself Support each other throughout the session. Helping debug issues helps everybody gain a deeper understanding of the concepts Ask for help from TAs and Instructors
  44. How to ask questions?

  45. How to ask questions? 1. Ask people in your group

    2. Ask for help from TA 3. Slack 4. https://discussions.codepath.com/ (more for times outside of class)

  46. Working on Labs Go to courses.codepath.com, click on Lab tab

    for Week 2 Follow the guides to work through the tasks, and ask people in your group for help when you’re stuck By the end of the lab, make sure you have created your ReadMe and submitted your project! Your submission should include a GIF that shows your app : 1) displaying a question and 2) displaying the answer when the question is tapped
  47. Thoughts / Questions / Concerns?