Canvasboard-Creative Paper
An interactive Webboard and Learning Management tool for Schools, Colleges, and Universities 🌎
Repository Video ▶️
Canvasbird Organization
Project: Canvasboard
The whole purpose of education is to turn mirrors into windows.
- Sydney J. Harris
Background
What is Canvasboard?
An interactive Webboard and Learning Management tool for Schools, Colleges, and Universities 🌎
Why it is important?
Online teaching has become the new norm for most of the Institutes/Schools/Colleges amidst the pandemic. There are still many institutes in India for which they are facing issues during online teachings in terms of Flexibility, Costs, etc. Canvasboard is an interactive learning management tool built using web technologies to enhance teaching as well as learning experience considering the current COVID19 crisis.
Who are we building for?
Educational Staff, Teachers, and Professors of Schools/Colleges and Universities.
Target
To build a standalone web application that improves and enhances online teaching as well as learning experience.
Problems
- Teachers and Professors
- In-class teaching flexibility: Teachers and Professors make use of Zoom and other real-time video streaming protocols and share PDF PPT to teach a class. There is no sort of in-class teaching or interactive learning during the sessions.
- Shortage of tools: Teachers and Professors have a restricted shortage of tools provided online.
- Saving notes: Flexibility for sharing and saving professors slides and notes within the same platform.
- Changing across the platforms: A professor or a teacher needs to access different platforms to accomplish a single small task.
- Students
- Platform availability: A dedicated platform for students to access their teacher's or professor's notes and slides.
Outcomes
- Teachers or Professors using this creative board can easily
- Make use of different tools and accessories to enhance the learning experience during the class.
- Make use of the Block based learning where a teacher can type and write on the same platform.
- Prepare notes before to stay organised.
- Share class notes and slides with students for further usage.
- Students can now easily
- Access their teacher or Professors notes within no time.
Scopes (Built during Hackathon) link
- A Interactive web application for Users (Teachers/Profressors)
- Can add creative cards
- Can Delete a card
- Can Drag and drop a card
- Can add title to the board
- Can add H1, H2,H3 Tag
- Can add a normal paragraph
- Can add a Image
- Can add an canvas board to draw along with different pen color
- Can make a text bolded ( short key: Ctrl +b)
- Can make a text Italic ( short key: Ctrl+i )
- Can make a text Underline ( short key: Ctrl+u )
- Can add a code snippet
- Can add Unordered list
- Can add Ordered list
- Can add Danger, Warning, Success, decent blue background colored card
- Can store/save the written data of every card in the backend for general usage in the future.
- Get graph by just upload of a JSON.
Future Tasks/ Features to build
- Add real time video streaming platform for online teaching (Jitsi/Bigbluebutton)
- Present saved notes and add collaborative learning.
- Add Different featured graphs
- Integrate the learning management system so a teacher/Professor need not use 7-8 different platforms to accomplish educational tasks. (ALL AT ONE PLATFORM)
- Add real time AI Engine to get book rendering on real time using Computer vision technologies
Future Goals
Online teaching has become challenging amidst the pandemic situation. There are still many institutes in India for which they are facing issues during online teachings in terms of Flexibility, Costs, etc. Our main goal is to reach all schools, colleges and Universities (specially the ones in rural areas) to give them a flexibility of free enhanced form of teaching and learning experience.
Dependencies🗃:
Backend Repository (Hackathon)
Installations:
Installing canvasboard frontend. Click me
Demo video
Drive link with test Images (Outcomes)
Contributions
Open source has gained huge popularity in the field of IT in recent years and it embraces strong values of community, collaboration, and transparency. Contributions are what make the open-source community an amazing place to learn, inspire, and create. Please consider contributing to the project, with your ideas, your artwork, and your code.
IRC Channel
Added graphs by uploading JSON
Added User AUTH.
1) We could successfully add SortableJS for drag and drop feature.
2) Resolved few major bugs
We could successfully add Canvas for drawing. Now the user can even write with different pen colors and also type.
Feature Updates :)
1) Added Cards with Dynamic ID's. 2) Flexibility to delete a card 3) Ability to use different text features like bold, italic etc
The next PR was on adding H1,H2,H3 tags on the creative-board. The user can also go back to the normal text now. Resolved details is in this issue
Now the user can make use of H1, H2, H3 tags to give importance sentences to their notes. This isuue was resolved via this commit.
The first PR was on adding title to the creative-board. As our focus was to make a creative board, so we are making an interactive block based editor.
Issue20
Added title to preview main heading for the creative board
Project created by goli akshay sujith