Campbell's
App Lab Unit
Developing Coding in Middle School
Created by: Barbara Campbell, M.Ed.
Digital Literacy and Computer Science
Instructional Technology Specialist
CS Pathways Link: https://sites.google.com/methuen.k12.ma.us/cspathways/homepage?authuser=0
Follow these lessons in any order you choose! Best idea is to start with Lesson 1!
App Lab Learning Unit
Phases of App Development
What is Coding and Computer Programming?
Content Objectives: Students will be able to identify what coding is and how it relates to the real world.
Language Objectives: Students will be able to listen and respond to a discussion board.
Google Jamboard Activity: What do you think Coding is?
Discuss Responses.
Edpuzzle: What is coding? https://edpuzzle.com/media/603688ed76defc426be518e3
Brainpop: Computer Programming: Movie, Review Challenge and Quiz for Pre-assessment for unit.
Is Computer Programming Hard? BILL GATES: https://www.youtube.com/watch?v=QERdqYoK8M4
PBJ and Computer Programmy ANALOGY: https://www.youtube.com/watch?v=HXl5f2azATU
Lesson Plan 1: Coding Vocabulary
Content Objectives: Students will be able to identify key vocabulary words needed for coding.
Lanugage Objectives: Students will be able to practice listening to vocabulary using listen tool and activities.
Code.org Vocabulary/Intro Video to Intro to App Lab
Code Vocabulary Quizlet: Review Vocabulary: Practice 15 minutes with flashcards/games
https://quizlet.com/364730075/coding-termscodeorg-flash-cards/
Practice: Then Quizlet Live (Teacher run)
STRETCH
Lesson Plan 2: Coding Vocab and Intro to App Lab 1-4
Content Objectives: Use Google Credentials to sign in to an online coding resource. Identify the levels one to four requirements.
Language Objectives: Use the listen tool to assist students in directions of level objectives.
Vocabulary Practice and Intro to App Lab Levels 1-4 today
Quiz on Code.org terms tomorrow! Study the Quizlet set tonight!
STRETCH
https://studio.code.org/s/applab-intro/stage/1/puzzle/1 What is App Lab?
Code.org: Sign-in and Review assignment for App Lab and how it works.
Sign in to Code.org with your Google Credentials. Your Assignment App Lab.
Watch the video independently for level 1.
Then complete EdPuzzle: Intro to App Lab. Levels 1-4 today. https://edpuzzle.com/media/603522d78b8b5742af8cfb4d
Content Objective Goals of Intro to App Lab: https://curriculum.code.org/hoc/plugged/7/
Lesson Plan 3: Coding Vocab Assessment
Content Objectives: identify definitions of coding vocabulary
Language Objectives: Use the listen tool to assist students in reading and responding to assessment questions.
Quizlet Review Coding Terms
From Google Classroom, complete Vocabulary Coding Terms assessment:
https://docs.google.com/forms/d/18-ibmAOX4wR2A76RPY_bKmqtkfVBOKAwq2JTFIzn4K8/edit?usp=sharing
STRETCH
Lesson Plan 4: Intro to App Lab 5-7
Content Objective:
Language Objective:
App Lab Documentation: https://studio.code.org/docs/applab/
App Lab Concepts: https://studio.code.org/docs/concepts/app-lab/
Lesson Plan 5: Intro to App Lab 8-15
Content Objective:
Language Objective:
App Lab Documentation: https://studio.code.org/docs/applab/
App Lab Concepts: https://studio.code.org/docs/concepts/app-lab/
Lesson Plan 5.5: Female Engineers and CS
Content Objective: identify outstanding women in computer science and recognize why there are not as many women as men in computer science.
Language Objective: Use Closed Captioning to access Edpuzzle Assignments
Activity: Edpuzzle: Why So Few Women in Computer Science? https://edpuzzle.com/media/6064c0fb9c676e42713a2129
Activity: Edpuzzle: Hidden Figures https://edpuzzle.com/media/6065efbd4635001174f01120
STRETCH: Important to take a break from screen and stretch!
Activity:Edpuzzle: Daley Skype a ScientistG8( Start) Recording of a Skype a Scientist with two female leading engineers. Learn about the Gender Pay Gap! https://edpuzzle.com/media/6012c334214df44251ac98de
Lesson Plan 6: Coding and Cybersecurity
Content Objective: identify what cybersecurity means in relationship to computer programming.
Language Objective: read, listen and interact to create levels of coding.
Edpuzzle: Khan Academy Cybersecurity: What is Cybersecurity? https://edpuzzle.com/media/5fa302eab2414d4131a80c1b
Edpuzzle: Cybersecurity https://edpuzzle.com/media/60c0aadd2c4c35418cdef660
Discussion Board: Cybersecurity
Question: What part of our online presence should be focused on for cybersurity and why?
What is Cybersecurity? https://www.youtube.com/watch?v=inWWhr5tnEA
Cybersecrity Quizlet: https://quizlet.com/565682303/cyber-security-terms-computer-class-flash-cards/
Stretch:
Play Quizlet Live
Activity: Edpuzzle: An Introduction to CyberSecurity Careers
Lesson Plan 7: App Design & Pitch Your Passion
Content Objective: identify a passion for creating an app.
Language Objective: Discuss and sketch your app idea
Google Doc: Planner : https://docs.google.com/document/d/13C5XQBPnm8YTRp0v69wym-_bxLBfpjKh_SbF6I4hiuw/edit?usp=sharing
Planning Worksheet: https://drive.google.com/file/d/1PzP2LuZSoBRQ4FyM_Mn2rB9tpbKu7BgO/view?usp=sharing
Sketch: https://drive.google.com/file/d/1g3n5KfhvTNwKFKYcah4D1B-EEZDBQ-ML/view?usp=sharing
Edpuzzle: App Idea Gold Mine: https://edpuzzle.com/media/6011d60d8e12fd4226788be5
Play Lab: Remix Conditional, functions, if/then else
Lesson Plan 8: USING App Lab
Content Objective:
Language Objective:
App Lab Documentation: https://studio.code.org/docs/applab/
App Lab Concepts: https://studio.code.org/docs/concepts/app-lab/
Lesson Plan 9: Computer Science Careers
Content Objective: Identify what cybersecurity is in relationship to Malware. Identify careers in Cybersecurity
Language Objective: Listen and watch video on cybersecurity and careers in cybersecurity.
12 Year Old App Developer: https://edpuzzle.com/media/60a79aa20052df419f4c3639
Amazon Future Engineer: https://edpuzzle.com/media/60a79a09649119412e72c696
Computer Science Careers: https://edpuzzle.com/media/60783de4cd61c241be497a5a
Computers are Changing Everything: https://edpuzzle.com/media/60c130b8f202d8416b301851
Activity: Edpuzzle: An Introduction to CyberSecurity Careers: https://edpuzzle.com/media/5ff5f12a934f994226d18bb2
Lesson Plan 9.5: Creative Commons, Copyright and Fair Use
Content Objective: Identify what creative commons, copyright and fair use is in relation ship to electronic media.
Language Objective: Listen and watch video copyright creative commons and plagiarism.
Edpuzzle: Copyright
Edpuzzle: Creative Commons
BP: Plagiarism
Lesson Plan 10: App Lab Get Started
Content Objective:
Language Objective:
Positive Impact App Lesson
Lesson Plan 11: Building Your App: Remix?
Content Objective: identify how to make a simple app in App Lab
Language Objective: Listen and watch video on how to
Use App Lab
Making a Simple App: https://edpuzzle.com/media/60ad088dfa174f4134a95683
Hackathon: Beginner App Tutorial https://edpuzzle.com/media/60a7b0e1e4f7af4129d384f4
Remix in Code.org: https://www.youtube.com/watch?v=dmdPT3fEGmU
Secrets of Coding in Code.org https://www.youtube.com/watch?v=PuXAcj9WSKc.
Lesson Plan 12: Debugging Yor App
Content Objective:
Language Objective:
Debugging in 4 Easy Steps: https://www.youtube.com/watch?v=auv10y-dN4s
Links to Sections on Debugging in App Lab
THESE ARE NOT MEANT TO NECESSARILY BE FOLLOWED STEP BY STEP OR DONE IN ENTIRETY. THESE ARE AN ASSORTMENT OF DEBUGGING PIECES PICKED OUT OF VARIOUS APP LAB UNITS.
Lesson 7: Debugging
Learn how to identify and fix problems in your code through the debugging process. Then practice using it with a classmate.
7 levels or activities on debugging, levels 1 - 9
All of the items from below are taken from: CSP Unit 5 - Building Apps ('18-'19)
Great list of lessons, activities, etc.
Debugging Event-Driven Programs: IDs (Part of Lesson 1: Buttons and Events)
Intro to Debugging and Common Problems
Debugging is a skill and an art. With practice you learn how to write relatively bug-free code and more importantly you learn about yourself and the kinds of errors you typically make.
Checking IDs -- Your first debugging task will be to verify that the button IDs match the event-handlers. You'll also see error messages in the "Debug Console"
4 levels or activities on debugging, levels 12 - 16
Debugging Event-Driven Programs: IDs (Part of Lesson 1: Buttons and Events)
Debugging with Console.log (Part of Lesson 2: Multi-screen Apps)
In the last level, we saw a new command: console.log. You should have noticed that it prints out text in the Debug Console below the code workspace.
The Debug Console area is an important tool for programmers. You've seen it display error messages, but you can also have your program display messages there.
4 levels or activities on debugging, levels 4 - 8
Debugging Variables (Part of Lesson 5: Building an App: Clicker Game)
You now know enough about using global variables (and some of the problems you might run into) to try it yourself.
Let's start with an easy task. Right now clicking the up arrow works as expected; clicking the down arrow does not. So…
4 levels or activities on debugging, levels 9 - 12
Writing and Debugging maxVal (Part of Lesson 16: Functions with Return Values)
Writing Functions that Return Values
Now you are going to write your own function that returns a value, maxVal. This function should return the maximum of two values provided as input. The code for minVal is provided so that you can replicate the pattern used in this function.
3 levels or activities on debugging, levels 4 - 6)
Lesson Plan 13: Sharing Your App
Content Objective: create a hyperlink to App Lab project and post in discussion board on Google Classroom.
Language Objective: Watch and replicate process to post hyperlink to App Lab Project.
Sharing in Code.org: https://drive.google.com/file/d/1ynfYJPIhROvlMmxqwNITpHxOIVsUhkbB/view?usp=sharing
Share your App in Code.org: https://www.youtube.com/watch?v=EWWXjOI8MNE
Lesson Plan 15: Computer Programming Post Assessment
Content Objective:
Language Objective:
Brainpop: Computer Programming: Movie, Review Challenge and Graded Quiz
App Lab Creation
Computer Science Resources for Students
Code.org
CS First
Bitsbox
Code Combat
Khan Academy: Computer Programming
Code Academy
Sphero