Contact: kathryn.lepine1@ucalgary.ca
Project 3: Remote Communication
This project focuses on remote communication and collaboration. Code Copy is an interactive web-based platform that enhances the learning experience from a professor to a student. Code Copy allows students to see the code their professor is writing in real time and add notes on their own copy.
10 Sketch Ideas
Each member of the team generated ten sketch proposals for remote communication. The inspiration originated from our daily lives and what each of us thought would be a creative and useful task to accomplish during the day. On November 1, 2022 we had a team meeting where everyone presented their ten sketch ideas for this project. Many excellent idea were offered, including Kathryn's code copy concept, Alexis' proposal for what I eat in a day, and Vardhini's mask idea. We conducted a google form poll to nail down our favourite ideas. The top four ideas were code copy, introvert dating, a group game, and VR concert. After much discussion we decided to implement Kathryn's code copy idea because it would be useful in each of our daily lives as computer science students, especially when learning new languages.
​
Link to google forms: https://docs.google.com/forms/d/e/1FAIpQLSd6e3goSWi_bl-CgOmMCKCUeYP-PTydAWAdwcfVXQc_MgeL8w/viewform
A VR room for introverts to go to to date. Pop ups will tell you about each person including topics they like to talk about. I thought of this idea because I wish I could tell people what I love to talk about then get asked to talk about that more.
A VR yoga lesson. The instructor can see your poses and make any corrections. I thought of this idea because I love doing yoga in my house but I never know if my positions are performed correctly.
People can collaborate to give a makeover to a virtual person. Would be good if teaching cosmetology. I thought of this idea because I would love to learn how to dye hair without ruining anyone's hair.
A VR room for introverts to go to to date. Pop ups will tell you about each person including topics they like to talk about. I thought of this idea because I wish I could tell people what I love to talk about then get asked to talk about that more.
10 Detailed Sketch Ideas
After deciding to implement code copy, we were excited to suggest different variations and add-on to the idea. We each generated 10 thorough design sketches. On November 4, 2022 we had a group meeting to present our detailed sketches to one another. Each member of the team brought unique ideas enhancing our vision of the product. Some of the notable ideas were Kathryn’s quiz idea, Vardhini’s gesture-based ideas, and Alexis’s recording lecture idea for each line of code. Throughout the meeting we came up with more ideas to include that were not in the original detailed drawings. Although we decided to continue with the same based model for code copy, we agreed to work towards useful addons such as a class messaging area, the professor can see what notes they have sent, and download note file functionality.
Students can see all their classmates and can drag and drop their document to a specific classmate. I thought of this idea because often times I email notes to classmates which seem a little slow.
Students are giving fill in the blank quizzes for marks. I thought of this idea based upon the w3school online tutorials and quizzes.
The professor can wave their hand for the mouse cursor to move forward depending on the hand movement done. I thought of this idea because the touch scroll on my computer in broken and I would love another method to scroll.
Students can see all their classmates and can drag and drop their document to a specific classmate. I thought of this idea because often times I email notes to classmates which seem a little slow.
Concept Video
Here is the link to the storyboard: https://1drv.ms/b/s!Auz-njdFBDd4jXOMgwXxiJWXxBsi?e=0IBOxz
Video Presentation
As described in the demo video, our inspiration for this idea came from a recurring problem we faced as Computer Science students. We would sometimes have an instructor (i.e., a professor or a TA) who speeds through the coding examples, and as a student, we find ourselves not having understood anything when we frantically finish copying the code. This led us to our decision on the core functionality of our application – the professor being able to send sections of their code to the students in real time. This way, the student can focus on understanding the code without worrying about copying it all down. If the student wants to add their code or comments to the example code? – they can simply do so on their devices in their code space.
​
Note implementation of our product used the following citation:
-https://github.com/WebDevSimplified/Realtime-Simple-Chat-App
My Contributions
​
I designed and created the base format/template layout for the html code. I implemented everything regarding sockets including the notes section, title section, and message section. I designed and created all style for the website in css. I wrote the script for the demonstration video. I film and was an actress in the videos with Alexis. I created and edited the demonstration video. I attended all team meetings and collaborative sessions, during these time periods I actively participated to help group progress move forward. I drew 10 initial sketch ideas and 10 detailed sketch ideas. I edited and enhanced the write ups.
