Unit 3 Solution for Sharing Student Games

csp-unit-3

#1

Because of the layout of my room and the fact that I teach the same lessons to three different classes per semester, I decided to create an online arcade (which I called “Barrcade” since that’s my last name) using the web lab on Code.org. I displayed the games so students can see work by everyone, even those in other classes. Not only can they play each other’s games, but I created a Google Form for feedback. This gives the chance for students to give and receive final feedback from anyone, even those not in their class.

Students had to provide me with a thumbnail/screenshot, game title, “company name”, and what they wanted the CC or © to be.

https://codeprojects.org/CUGunPQuIqpe73W_P7SY5JtO14mWKHVFDfl3CiELr8Y/

Note: I made different web projects for each class and linked them to cut down on the number of files per project since Code.org does not have folders for their web lab.


#2

Chrissie,

This is great! In the past (using Scratch) I’ve created a similar “arcade” (love your name by the way) in which the student pay to play and the money goes to support local clubs in the school. But without the feedback form you’ve created. Nice work!

Brad


#3

This is a terrific idea! We’re having a family code night and have been brainstorming ideas for how to share our projects with others. I’m going to share this with my students.

How do you share the feedback with the teams? Is it a different form for each game or do you sort the data from one spreadsheet?


#4

What I did was make one form that collected student emails so I could see who was leaving feedback (to keep comments constructive). Then I would export the data, sort the spreadsheet by the name of the game, omit the emails, and then redistribute the data to the students who made the games. It required a little bit of clean-up on my end, but overall it worked very well. The only issue I ran in to was games having the same or similar name. I’m going to have to keep a close eye on that in the future.

I do it this way so students can be honest about their feedback knowing it was anonymous, but also responsible since they knew I would know who wrote it. (I’ve had some ignorant remarks come through on past projects without including the ability to know who did it.)


#5

Chrissie,

What a wonderful idea and a great plan for receiving and sharing feedback! Thanks for sharing.
Karen


#6

How did you create the page where the students accessed the game. I love the idea and I think I know how I would do something like that but I don’t want to have to reinvent the wheel if I don’t have to. Thanks.


#7

Because of the high number of images and pages, I had to make three different Web Lab projects and link each together.

The Code
You can “View Page Source” for each page to see the code I wrote, but I’ll do a screenshot of the back end. Because it is through Code.Org, you will have to start copying from <!DOCTYPE html>.


Gallery Page Code:
https://docs.google.com/document/d/1odlaFEpFuB093SqZqCQZlpoYHs5NBwvwWqIlz2HHWVA/edit?usp=sharing

Feedback Form
If you click on the link to the feedback form, you can copy my feedback form to modify your own. You should see an icon in the top right corner that will allow you to copy it.

Embed Games
I made a page for each game. If you visit one, you can inspect the page for that code.

To get the code to embed the games, click the share button on each project and select “Show Advanced Options.” Switch to the “Embed” tab and it will give you the code. You can also select “Hide Ability to View Code.” This was probably the most time consuming because I had to go to each project to get the code. Next time, I will have to have the students provide it.