Git Product home page Git Product logo

revamping-bb-colab-of-canvas's Introduction

Revamping-BB-colab-of-Canvas

Project Demo video

#Contributors

  • Yuhang Yuan (ME) - project Manager
  • Rahil Sharma
  • Supreet Dhillon
  • Pritpal Dhillon
  • Zhe Liu

Project Description


Design inspiration

Online class participation has been a hot topic in recent years, due to the inconvenience and fear of human contact caused by the pandemic. Although almost all post-secondary have already adapted to the change by utilizing existing systems such as canvas. As students of Simon Fraser University, we are confident in our experience to say that there are definitely some major design flaws that exist and after the extensive use caused by the COVID pandemic, became more prominent. A major flaw of online class participation is the limited functionality and accessibility of live classes.

Goal

Our goal is to improve upon the live lecture experience of the classroom UI and attempt to create an imitation of the classroom vibe; allowing students to feel connected as if they were actually present in class

Instructions on viewing the demo

  • Open ClassPlex.rp file with Axure 8. Press F5 to run this prototype in web browser. Press the Access button of CMPT363 to get into the main page of the prototype.

  • Click the first seat button on the main screen to display the name and profile picture of the student in the current seat. Under the name, there is a DM button that can be clicked to send a Direct message to the student. In addition, there is a show name button on the lower right side of the virtual screen. If show name is turned off, the content displayed will be the style of the Student in the third seat (Cartoon Picture with Name: Student).

  • Clicking the microphone and speaker button in the lower left corner will turn off the microphone and speaker. The lecture content can be saved to the local folder synchronously by the Record function. Click the hand icon and emoji in the lower right corner and it will be displayed on the seat the user in.

  • Click the arrow in the upper right corner and the chat screen will appear. In the Chat interface, messages sent can be seen by all. The show Name function in the lower right corner provides the ability to speak anonymously (Cartoon Picture with Name: Student).

  • In the Question interface, student can post questions and answer other students' questions. The questions are listed in order of publication. Click the plus button in front of the question to expand the answers of other students. The DM interface displays the people you have recently chatted with. You can also search for other students in the class directly in the search box (provided that the student is not anonymous on the main screen)

revamping-bb-colab-of-canvas's People

Contributors

souliess avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.