Wednesday, June 5 :: Click Link for assignment >
Did you create a website (Last Quarter) and want to compete?
We will meet TODAY during lunch!
Fill out the form to get a 5star pass (pick up your lunch first then come to room 102!)
The day of the tournament, students must build a 1 (one) page website to show their skills! (PS...you got this!!!)
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
Intermediate: Short Paragraphs
Due Friday, February 23
Log in to typing.com
Click Lessons
On Intermediate Tab, Click Short Paragraphs
Due Friday, February 23
10 Pts.
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.
WHAT ARE WE LEARNING: App Development....Programming and App development!
WHY IS IT IMPORTANT: Investigating working code and make simple modifications to understand how it works is vital in creating a well written app. Knowing a number of concepts and vocabulary around what programs are especially important!
HOW WILL MY TEACHER KNOW WHAT I LEARNED: You will begin to code the app we have been developing!
WHAT IS THE APP WORTH?
THREE (3) Screens minimum = 30 Points (10 points per screen!)
At least ONE (1) photo/image/icon per screen = 15 points (5 points per photo!)
Home Screen instructions. Does the app have clear instructions? How does the user use the app? = 5 points
Text (header/information...(paragraph or schedule, not just a word!) text on each screen)= 10 points (5 points per supporting screen with text)
Coding the app (each screen is clickable!) = 30 points (10 per click) Remember to add coded buttons to return to home Screen!
Submit form with link to app! = 10 points!
TOTAL 100 POINTS!!
Click on CODE.org
Once on your DASHBOARD...
Scroll down to find CLASSROOM SELECTIONS
Select:
Unit 3-Intro to App Design
YOU WILL START:
Lesson 7: Designing an App Part 2
As you follow along in the lesson, you will use a form to answer the questions from the lesson! (below)
Click 1 to continue your app!
PAGE 1:
The app that we built the GUI (Graphic User Interface...all the images and screens) should now be available to you!
Remember you can toggle back between CODE mode and DESIGN mode (top left of screen!) if you need to change elements!
Add Comments!
Before each programming of code, we want to add a comment to remind us of what we are coding...
Click in the TOOLBOX: FUNCTIONS TAB (green)
Drag a Gray Comment to the Workspace!
Enter the "Human" Speech to tell yourself what you are coding next!
Create an On EVENT!
Click in the TOOLBOX: UI Controls Tab (Yellow)
Drag an OnEvent block to the workspace!
Remember!
Elements ("id") and Properties ("click") you should ALWAYS use the pulldown!!
So far, this code reads:
On the Event the user clicks the TakisBag Image...
Remember!
If you forget what ID was given to the element, simply hover over it!
Set the Screen
Add an setScreen Block inside the OnEvent block!
Change the ELEMENT ("id") to the screen you want the user to go to!
This code reads:
On the Event the user clicks the TakisBag Image...
Set the screen to Takis Screen
Remember... Element, Property, Value
The first box is the Element. It is the element you gave a Meaningful Name to! (Look for "id")
The Second box is the Property of that Element. Again use the pull down to select the change you want to make to it!
The Third box is the Value of the Property of that Element. This you might have to select or type a value (number, color or text...don't forget the quote marks when needed!)
Each time you create code!
Run your app!
Does it work? Did anything show in the Debug Console?
Continue working on your app
You will add code to the workspace for EACH screen!
Don't forget to add comments before each set of coding!
Don't forget to use debugging practices!
Keep in mind the requirements for the app:
Uses at least three screens
Includes examples of images, audio, and text
A clear and easy to navigate user interface
Clearly communicates information about your topic
Code is cleanly written and free of errors
DON'T FORGET...
As you add code...TEST the APP! (Click Run!)
Did it do what you wanted it to do?
EXAMPLE
Remember this page from Lesson 6?
Do This:
Run this program to see how it works.
Add code to the program so that the "Go Back" button takes the user back to the home screen
YOUR APP SHOULD ALSO DO THIS!
Even if you are not done coding!
LET'S SHARE A LINK...
On the top LEFT corner, click the SHARE button!
A box will pop up
Copy the link and paste it in the form below!
Have you Submitted your link???
PLEASE CONTINUE TO BUILD/CODE YOU APPS!
If you are done...Add a sound to each onEvent!
Pull playSound element into each onEvent and change the sound!
Add a playSound to EACH EVENT...make sure it is a different sound for each!
If you are done...Add a Contact Me Screen!
Add a new screen
Add TEXT INPUT ELEMENTS to add boxes for the user to fill in!
Remember to give them meaningful names!
Remember to add a HOME BUTTON and a CONTACT ME BUTTON to the HOME SCREEN
Then you need to CODE both Buttons!