The Interactive Card Project is an extension of Lesson 17 from Chapter 1 of Unit 3 of the Code.org Computer Science Discoveries lessons.
This project is sometimes completed as a FULL PROJECT (Programming Journal, Peer Evaluations, Final Reflection, etc.) and sometimes as a MINI-PROJECT (just submitting the final version).
If you are unsure whether or not your are completing this as a FULL PROJECT or as a MINI-PROJECT, double-check the Daily Class Announcements.
For this project your are required to create an interactive holiday and/or greeting card. As we all know, a traditional holiday/greeting/birthday card is a folded card that usually has a message on the front cover and another message on the inside. Card messages can be serious or humorous but the majority of holiday/greeting cards follow this format.
Since we cannot "open" a digital card we need to simulate what we would experience with a traditional card but do it in a digital environment.
Watch this video that uses a sample student project to explain how your card interactive card will work.
Explore the links below to view some student samples for this project:
Create a sketches of both states of your interactive card: the beginning state when the program first runs and the end state that happens after the user interacts with the card.
In your sketches be sure you also identify:
The text that will be in the opening state
The instructions for the user
What will be part of the "background" of your card (all the things that don't change between your states)
All your sprites and the names you plan to use for each of those sprites (remember, you need to make sprites for the things you want to move, control, or change)
The text message that will appear after the user interacts with the card
***Only complete this step if you are doing the FULL PROJECT build. Otherwise skip this step.
Any changes to these instructions will be listed in the Daily Class Announcements
Go to Google Classroom.
Navigate to the CLASSWORK section
Find the INTERACTIVE CARD PROJECT topic
Find the assignment for the digital planning document. The worksheet should look like this example: GameLab: Interactive Card Project: Planning Document.
Complete all parts of the document.
Save this digital document. You will need to submit the URL for this document with your Peer Evaluation Prep Work AND you will need to submit it via Google Classroom.
The initial part of your DRAFT BUILD (V.0.1.0) will be created in Lesson 17 of Unit 3 of the Code.org curriculum. You will not do any of the planning steps from the Code.org lesson (since we already did them in the last step) nor will you do any of the REVIEW activities (since we will do our peer evaluation activities in class). You will however, follow the steps in the lesson to build the first part of your initial DRAFT BUILD.
Once you complete the last level in Code.org, you need to follow the steps below.
Login to Code.org
Navigate to the final level of your build from Unit 3, Lesson 17.
There are are two buttons at the top of your GameLab project window: SHARE and REMIX.
Select the REMIX button. This will make a new copy of your project and add it to your list of projects in Code.org.
On the top menu bar of your REMIXED project, click on the RENAME option and rename your file using the following naming convention:
ProjectName Version Semester LastName, First Name
Here are the details for this project:
ProjectName = InteractiveCard
Version = V.0.1.0
Semester = F21 (for Fall 2021. If it is no longer Fall of 2021, make the appropriate change (F22, F23, etc.) to the code for your semester.)
LastName = [yourlastname]
FirstName = [yourfirstname]
If I was naming this project for myself, it would look like this:
InteractiveCard V.0.1.0 F21 Cross, John
Your name should look exactly like mine except it should have YOUR name at the end (not my name).
Now you are ready to continue the rest of your DRAFT BUILD.
Review the project requirement and make sure you have all the necessary elements for your initial submission. If there is anything you need to change/fix/update, be sure to make those changes now so you are ready for the upcoming Peer Evaluations.
Here are some things to review:
Is everything working properly?
Is there a way for the user to interact with the card?
Do something happen when the user interacts with the card?
Is there a clear beginning state and end state to the card?
Do you have opening text that changes and/or leaves the screen after the user interaction?
Is there any animation of your sprites?
Have you used good naming conventions in your code?
Have you properly indented your code where necessary?
Do you have effective whitespace in your code to enhance the readability?
Have you properly commented your code to help explain PURPOSE and FUNCTION of your coding blocks?
***Only complete this section if you are doing the FULL PROJECT build. Otherwise skip the entire Peer Evaluation section and move to the FINAL DRAFT section.
Follow the steps below to complete the peer evaluation for this project.
NOTE: Do this section if you have never completed a peer evaluation before.
If this is your first peer evaluation (for any project), go to the Peer Evaluation page on our class website. Read through the material and complete the practice problems. Then come back and complete the rest of these steps.
If you have already completed a Peer Evaluation with this class, you still may want to review the steps on the Peer Evaluation page before you begin.
When you are ready, move to STEP 0.
In order to get ready for the Peer Evaluation, you need to submit your planning documents and your latest GameLab build. Use the FORM link below to submit your document and then use the SPREADSHEET link to make sure your information was submitted correctly.
(NOTE: All students will have access to all submitted work)
Finally, be sure to also TURN IN your project planning documents via Google Classroom.
Groups will be embedded within the Peer Evaluation Prep SUBMISSION FORM SPREADSHEET. [Note: Groupings will not post until the day we complete the Responder portion of the Peer Evaluations. Check the Daily Class Announcements for details].
Once you find your group, you can move on to the next step.
Use the links provided on the Peer Evaluation Prep SUBMISSION FORM SPREADSHEET to review the work of the people in your group.
After you review the work, you can move to the next step.
After you review the work of the Artist, you need to complete your Statements of Meaning and you need to respond to the Artists Questions.
Use the FORM below to enter your statements of meaning for your Artist AND to respond to your Artist's questions. You need to submit one evaluation per each member of your group (do NOT complete an evaluation on yourself, just the other people in your group). You will complete a submission form for a group member even if they did not submit the proper prep documents. The directions on the form will walk you through what to complete for each group member.
You can use the SPREADSHEET link to make sure you have properly submitted all your evaluations.
GameLab: Interactive Card Project: Peer Evaluation FORM (Responder)
GameLab: Interactive Card Project: Peer Evaluation SPREADSHEET (Responder)
If you have questions, post them to the PARKING LOT.
Now it's time to respond to the feedback you received on your project. You will find this assignment in Google Classroom:
Go to Google Classroom
Find the INTERACTIVE CARD PROJECT topic
Open the "ICP: Peer Evaluations: ARTIST Response" assignment and follow the directions. (Note: This will not post in Google Classroom until we are ready to complete this assignment. Check the Daily Class Announcements for additional details about DUE DATES and DEADLINES).
Use the GL: Interactive Card Project: Peer Evaluation Form: Responder (Responses) Spreadsheet to view your feedback.
Before you start building your final version, you need to REMIX and RENAME your final build. We want to make sure we finish with TWO distinct saved files in your PROJECTS folder in Code.org:
Your pre-Peer Eval Interactive Card Project (Build V.0.1.0)
Your final Interactive Card Project (Build V.0.2.0)
Now it's time to take the feedback you received from your peer and complete your final build. Follow the directions below.
Open your V.0.1.0 project.
There are three buttons at the top of your GameLab project window: RENAME, SHARE, and REMIX.
Select the REMIX button. This will make a new copy of your project. If this was my project, I would see the name change to:
REMIX: InteractiveCard V.0.1.0 F20 Cross, John
Select the RENAME button at the top of your new GameLab project.
Remove the word REMIX from the beginning of the new filename.
Also change the "1" in the version number (V.0.1.0) to a "2" (V.0.2.0). Now your name should look like this (except that YOUR NAME should be at the end of the filename and not mine).
REMIX: InteractiveCard V.0.2.0 F20 Cross, John
Now use the information you received from the peer evaluations to make any necessary improvements to your project. You may also want to review any of the walkthroughs below. They might help you solve some of the problems you've been experiencing.
In this project, a student was having trouble getting the sounds to work properly.
Additionally, while not the focus of this walkthrough, this student's code provides a simple solution to getting text to change (hide) between the different states of the card.
Here's a quick way you can use sprites and the mousePressedOver() function to create a button effect in GameLab.
Make sure you are aware of the DUE DATES and DEADLINES for your final submission. All DUE DATE and DEADLINE information will be posted in the Daily Class Announcements.
Use the submission form below to submit your final project. Use the spreadsheet link to make certain your submission went through correctly:
Interactive Card Project: Final Version: Submission Form
Interactive Card Project: Final Version: Submission Spreadsheet
You can find the final reflection for this project in Google Classroom.
Go to Google Classroom
Find the FINAL REFLECTIONS topic
Open the "ICP: Final Reflection" assignment.
Due Dates and Deadlines are posted in Google Classroom as well as in the Daily Class Announcements.