Thomas A. Edison Career and Technical Eduation High School

Web Development

Unit 3 Review

Intro to App Design

12/05/2022

Done By: Jaunel Deans

Lesson #1 - Introduction to Apps

We begin this unit by examining the basics of an app and how users interact with the apps. We also learned about the inputs and outputs that occur so the app can function.

Match term with the example
Answer


Lesson #2 - Introduction to Design Mode

We learnt how to create screens, buttons, images, text, and more inside of App Lab.

Why is it important for element IDs to have meaningful names?
It is important for element IDs to have meaningful names because it allows for easy identification for the programmer to review the code and easily identify problems with certain code.

Lesson #3 - Project Designing an App Part 1

We made progress on building their own functional app. We brainstormed what the app should portray and drew wireframes to plan the app.

App Wireframe
Deciding on the App's topic
Writing the purpose of the app

Lesson #4 - Project Designing an App Part 2

We continued to follow the app development process outlined in their App Development Guide by transferring our user interfaces designs from the planning guide over to App Lab.

Instructions of Work

Wireframe for the app

Lesson #5 - The Need for Programming Languages

We progressed on building our own functional app. We asked classmates to look at the designs and what we need to change on the wireframe. We did an activity to show that clear instructions is needed for something to work.

What is the difference between a programming language and natural (every-day) language?
Programming language is much more specific while natural language can be open to interpretation.

Lesson #6 - Intro to Programming

We got familiar with what programs are and how they run by using and modifying several working apps.

What is the difference between a sequential program and an event-driven program?
Sequential programming statements run in order, from top to bottom every single time. The program runs the same every time. Event driven programming statements run when triggered by an event.

Lesson #7 - Debugging

We learnt how to identify and fix problems in your code through the debugging process. Then practice using it with a classmate.

  • What is one thing you really enjoyed about today's activity?
  • Is there anything that you found confusing or need extra help with?
When you work together, you can always have someone check your work and see where your mistakes are made. Collaboration makes the work easier. Something that was confused about if about what someone was trying to convey to me. Sometimes they didn't explain properly, and it was hard to decipher their explanation.

Lesson #8 - Project Designing an App Part 3

We continue to design app and learn how to effectively use pair programming to collaborate while writing code. We began adding programming statements to each onEvent block

Block Code for the app

Lesson #9 - Project Designing an App Part 4

We continue working on our app and get feedback to make sure we were on the right track.

Final Peer Review

Lesson #10 - Project Designing an App Part 5

We complete our app and share it with classmates before reflecting on the overall process of designing the app.

Final app screen

Reflection

App Design Project