Guide to Creative Computing 2021

Updated April 6, 2021

This page will be continuously updated to address questions and issues that may arise, so check back regularly and send any questions to events@cs.queensu.ca.

All participants must also register for the event!
Register to attend the Creative Computing Showcase 2021.

Intro

Every year the School of Computing holds a special event during the last week of classes to showcase student work across several courses including 4th year projects, CISC 226 (Game Design), COCA 201 (Intro to Computing and the Creative Arts), and more.

In a normal year, we gather in the BioSciences atrium where student present posters and/or demos of their work to other students, faculty, and the community at large. Last year at this time, our plans were upended at the last minute and we were unable to hold a proper event. This year however, we’re hoping to recreate the whole event virtually.

This year’s event will be held using Hopin, an online browser-based platform for large events like this. Each student/group will get a virtual booth to demo and interact with guests.

Hopin Basics

Each booth has a side bar that contains your name(s), project title, short description, and any link that you may submit (a game demo, a PDF of your poster, whatever you like). More on how to submit that information further down under Customizing/Updating Your Booth.

The sidebar also has a list of people currently in the booth and a text chat. There is also a tab for the Event as a whole where you can see the people currently in other booths and chat with them. This is also a great place to communicate and ask for help from the organizers.

The Hopin booth interface. (Click to enlarge.)

For the main part of your booth on the left, there are 2 options that you can toggle between depending on your availability and/or whether your instructor requires your to be present:

1. Session (Default)

You are strongly encouraged to host a session. This is very similar to a Teams/Zoom room where up to 9 people can video/voice chat and recreates the Creative Computing experience as much as possible.

You and (if applicable) your group can all be sharing your camera/microphone with attendees who visit your booth, and even let attendees share theirs to interact directly. Of course you can also interact with attendees via your booth’s text chat. Like other video conferencing software, you can also share your screen. So you can be showing your poster (or maybe break into slides in a PowerPoint presentation) or you can be playing your game to show people how it works. Do whatever is appropriate for your project.

Example of a booth with a session and screen sharing.

2. Video

If you are not able to make the event for some reason (and your instructor allows), you can submit a link to a YouTube or Vimeo video that visitors of your booth can view when they visit.

Example booth with a YouTube video.

You can also submit a video if it you can only host a session for part of the time. When you aren’t there, the booth with default to showing your video. You can toggle between the video and the session using the checkbox at the top right.

Click this when you get to your booth to switch from video to a session.
Click this when you need to leave.

Customizing/Updating your Booth

When you first register to participate in Creative Computing, we create a basic booth with your name(s), the project title, and some default images.

Partial listing of default booths.

However, we do give you some control over customizing your booth. Up until the night of April 7th, you can fill out the Booth Information Update Form to submit updates. These include (see the booth legend above for what each field does):

  1. Project title
  2. Student name(s)
  3. Short description
  4. Banner image (to replace the generic red/yellow/blue background in the preview like the booths shown above)
  5. A web link (to a PDF, video, demo, etc)
  6. YouTube/Vimeo/Google Slides link (in case you can’t be there)
  7. Additional information (displayed when scrolling down in a booth)

Fill out the Booth Information Update Form.

How to Create a Video from a Poster Made in PowerPoint

First create a narrated Powerpoint by going to Slideshow > Record Slide Show > Record from Beginning.

Record a Slideshow

Before you begin, you may want to make sure your webcam is off so that it doesn’t show up in the video and cover part of your poster. To do this, click the camera icon below the preview of your poster.

To begin, click the record button at the top left and begin speaking. You can optionally choose to draw on your poster as well while you’re recording using the tools at the bottom.

When you’re finished, click the arrow on the right side to advance the presentation.

Recording a PowerPoint poster presentation (click to enlarge).

Important: Do NOT press the stop button at the top. Only by clicking the arrow to advance the slide will you be able to record the timing. If you did click stop, and your video isn’t saving your whole narration, continue reading for a workaround.

You’ll now see a little sound icon at he bottom right of your slide. Saving the presentation should also save the narration.

To export your presentation as a video, go to File > Export > Create a Video. Be sure to select Use Recorded Timings and Narration from the dropdown, and make sure the quality is set to at least 1080p so that the text can be seen in the video. When you’re ready, click Create Video, and select a somewhere to save it.

Create a video in PowerPoint.

If you didn’t properly record the timings when you recorded your narration (e.g. you pressed the stop button and ended the presentation without advancing the slide), you’ll have to calculate how long your narration was and input it into the textbox above the Create Video button where it says how many seconds to spend on each slide. If you’re unsure of how long you should make it, go back and hover over the audio icon on the bottom right of the slide and then hover over the end of the track to see how long it is.

Hover over the audio track at the bottom to see how long your narration was.

Get a Shareable Link to a File on Your OneDrive/SharePoint Space

Go to the Queen’s OneDrive/SharePoint page and log in with your Queen’s Office 365 login. (Note: you may already be logged in.)

If you haven’t already, upload your file(s) by clicking Upload at the top. If you have more than one, use a directory (when you share a directory, everyone can see what’s in it).

Find the file/folder you want to share, right click it, and select Share.

Where to find the upload and share functions on the OneDrive/SharePoint web interface.

In the resulting pop-up, click on “People you specify can view.” Then, select “Anyone with the link” and click “Apply.” Finally, click “Copy link” at the bottom of the pop-up and paste the link in the Booth Information Update Form.

How to get a public link to a file in your OneDrive/SharePoint space.