:: February 14 ::
Embedded Files
Expectations:
Expectations:
C: Voice Level 2 (only the people next to you can hear you and no shouting across the room)
H: Ask your team, elbow partner or raise hand
A: Work on the assignment
M: Stay in your assigned seat
P: Work till assignment is completed
S: Finishing your work
Typing.com ASSIGNMENT!
Typing.com ASSIGNMENT!
Intermediate:: Words :: Due Friday, February 7
If you are done type go to iReady. The goal is 45 mins per week!
If you are finished or waiting, work on Clever!
If you are finished or waiting, work on Clever!
Students click on the Clever icon on the desktop
Sign in using the username & password (same as logging into computer)
Click on the square that says iReady
Continue until time is up!
Lessons have been assigned to them based on their diagnostic test results both in Math and Reading. Within each lesson are brain break games. The district is pushing a goal of 45 minutes per week on Online Lessons in ELA and 45 minutes per week in Math to close the gaps found in the diagnostic. Math and ELA are providing some of that time during the week, but not all.
If you are done type go to iReady. The goal is 45 mins per week!
TOT Sign-Up!
TOT Sign-Up!
:: Bulid A WEBSITE :: Have Fun! Go on a cool trip!::
:: Qualify for the end Quarter Pizza Party! ::
Join the Team!
Code.Org!
Code.Org!
:: APP 101 :: Due Today :: 10 Points
WHAT ARE WE LEARNING: App Development...What are apps? How do we interact with them? What kinds of things do apps do?
WHY IS IT IMPORTANT: Apps are designed to solve a problem by providing a service
Entertainment: images, movies, tv shows, etc.
Social: social media, chatting
Commerce: marketplaces
Finding Information: search engines, maps
HOW WILL MY TEACHER KNOW WHAT I LEARNED: Today you will sign in and learn and answer questions about various apps!!
Lets get started:
ASSIGNMENT: Designing an App...Part 1 continued
ASSIGNMENT: Designing an App...Part 1 continued
Due: February 9 :: 10 Points!
Due: February 9 :: 10 Points!
For this assignment, you will need an App Topic form and a pencil!
Now, you will create an app that teaches your classmates about any topic you find interesting. Along the way you’ll learn how to use many of the features of App Lab as well as skills that will help you when building more apps throughout this class.
Create a Program Specification
Based on your research you identified requirements for what your app must teach your classmates.
Using the paper given to you (with the 3 boxes drawn on it)...
You should draw a specification that shows how your app will actually run to meet those requirements. This means you should include all the buttons, text, and images that the user will be able to use.
Write notes or draw arrows (content mapping) showing how different user interface elements should work. For example, if clicking a button takes me to another screen, I should draw an arrow from that button to the drawing of the screen. (see below)
Things you MUST have in your APP:
Minimum of 3 screens (you can have more!)
Remember a title and instructions for your app (Home screen)
Includes images, audio and text on EACH screen
A clear and easy to navigate user interface (the user of your app will know what to do easily)
Clearly communicates information about YOUR topic
You will need to fill out the following form with questions about your app!
Once completed, click SUBMIT on the form
THE FORM IS WORTH 10 POINTS (Total)
NOTE: IDK is NOT an answer!
EXAMPLE...
EXAMPLE...
Take a look at the prototype below.
As you draw your app, think of the buttons the user will click and what the output will be
This example is an APP with 3 screens. Note that each page has a HOME button to go back
This example is an APP with 3 screens. Note that each page has a HOME button to go back
This example is an APP with 3 screens. Note that each page has a HOME button to go back
Code.Org:
Lesson 3: Designing an App Part 1
Lesson 3: Designing an App Part 1
Sign in to code.org! Make sure you have your development guide handy!!
Sign in to code.org! Make sure you have your development guide handy!!
REVIEW:
Lesson 3.2 Screen 1, 2 and 3 ...
Example of Screen 1
Banner
Bold, centered title with professional typography
Interactive Image Grid:
Two Images or More
Elegant overlay with descriptive text
Rounded corners
Enhanced Buttons:
Two distinctive buttons with a different purpose
Integrated icons that animate on interaction
Additional Features
Smooth transitions and Graphics throughout
Professional color scheme
Consistent spacing
Have fun!!!!!!!!
Example of Screen 2,3,4
Example of Screen 2,3,4
Banner
Bold, centered title with professional typography
Interactive Image Grid:
One or More Images
Elegant overlay with descriptive text that appears on hover
Rounded corners
Text Box
Describe The person or thing on this page
Enhanced Buttons:
One distinctive button with a "Home" to return back
Integrated icons that animate on interaction
Additional Features
Smooth transitions and Graphics throughout
Professional color scheme
Consistent spacing
Have fun!!!!!!!!
Example:
REVIEW
Use the images you found!
Use the images you found!
In your App Photos Folder on your desktop!
In your App Photos Folder on your desktop!
SEARCH FOR IMAGES
SEARCH FOR IMAGES
Now SEARCH online (Google or Bing) to find images to use for your app!
Once you find an image, right click on it and SAVE IMAGE AS to the APP PHOTOS folder on your desktop or on One Drive!
(Hint: you created this folder in Lesson 2 named the folder App Photos...when we found an image of a Cat)
TIPS:
Remember to be specific! Finding what you want takes time.
Look for clear/clean images.
File types... .jpg or .gif or .png work best!
Remember that they MUST be relevant to your app!
Find at least ONE different image per screen (minimum 3 screens but try to find 10!)
Note: The Home Screen will probably have more images!
FIND 10 IMAGES!
FIND 10 IMAGES!
Download at least 10 images
Download at least 10 images
SELECT IMAGES on the top left
SELECT IMAGES on the top left
Really want an image but its not the right file type?
Really want an image but its not the right file type?
Simple...Use the SNIPPING TOOL!
Using that same Magnifying Glass Search tool...Type "Snipping"
The SNIPPING TOOL should show up!
- Click NEW
DO NOT try to download Snip & Sketch
Your screen should fade
Left click and pull you mouse over the image you want to "snip"
Then click the SAVE icon to save the image to your App Photos folder...remember to name the file!
NOW find 10 images that you want to use for your app (School appropriate please!)
Show me your folder when you are done finding 10 images (jpg, gif or png files)
Things you MUST have in your APP:
Minimum of 3 screens (you can have more!)
At least ONE different image per screen
Remember a title and instructions for your app (Home screen)
Includes images, audio and text on EACH screen
A clear and easy to navigate user interface (the user of your app will know what to do easily)
Clearly communicates information about YOUR topic
Review
Part 1
Survey your classmates!
Leave your paper and pencil on your desk
Stand up and take your back pack off!
Move to the next computer and read what the topics are and are about
Get feedback by the topic:
If you are interested in learning more place a CHECK MARK (see image above)
What was the app your classmates liked the best?
Is it something you think you can make?
Would you choose a different topic than the one your classmates liked?
Based on your research you identified requirements for what your app must teach your classmates.
Tonight...
Think about your app! What do you want it to do? What would you change based on what you have seen today?
Review
Click on Play
Turn-in Screen shot of : Levels 1- 7 Parts 1 and Part On Teams
To get points for All parts, turn in all screenshots Due 1/19/24
Page updated
Google Sites
Report abuse