Front end applications into Canvas

[jvstingamboa]

Hello Canvas Devs!

Me and my team at our university are building a tool to measure potential students who could fail a course.

Details aside we wanted to incorporate a visual representation of said risk ie: a meter, a color theme, a percentage etc.

I don't hold very much knowledge of how to integrate anything front end related into Canvas and the documentation only left me with more questions.

If there is any guide to integrating front end based apps into Canvas, a link to such thread would be amazing. We are thinking of using Python based frameworks and libraries but essentially we don't know where to start.

[zgambino-ce]

We have built similar tools and added them to the front end in Canvas, but because we use the hosted version of Canvas, there's no official methods to do so outside of LTI tools.

The most common way people modify the Canvas UI, is through custom Javascript added to the core theme. Once you have Javascript running on the page, you have access to do a lot of fun things!

Here's a great library of customizations that inspired me, and I hope it inspires you too!
https://github.com/KentDenverSchool/KDS-Canvas-Customizations

[jvstingamboa]

I see!

My prior experience only involves web apps and websites, so implementing a UI component into the Canvas UI that has backend functionality is what seemed daunting.

I still think I'm a little lost on where to start? For example could I simply intergrate a "hello world' app into my canvas portal and then scale up from there?

The image I have attached is where I believe I'd add my app into once its completed or even if I wanted to add in a simply hello program.