Frontend Plugin for quickly grabbing LTI Provider URLs

Community Show & Tell
,
1

I recently had to dig into the LTI Provider and realized that getting links to content is not for the faint hearted. As I had to do this multiple times for different scenarios while testing different things, I decided to create a plugin that will make it easier.

Behold the frontend-plugin-lti-provider :tada:

image
image1848×824 188 KB

It adds a sidebar component in the Unit page, that provides a quick copy button to get the LTI Provider URL for either the full Unit or individual components in the unit.

image
image1212×601 109 KB

I have tested the URLs from a local Tutor install with Canvas LMS as a the LTI consumer. Hopefully, it’s helpful to others.

Cheers. :waving_hand:

cc: @Kaleb_Abebe, Thanks for the MITx LTI Converter Tool. It was the motivation behind making this.

2 Likes
Tweaking the webpack.dev.config.js to make frontend plugin development easier
2

@feanil @arunmozhi - is this tool generally useful enough that it should also be put into our documentation that you linked here?

3

I think it is. It save a lot of hassle for instructors. Current docs:

To find the usage ID for a unit or a component in the LMS, you can use either of these methods.

To find the usage ID for a subsection, you view the page source.

However, I didn’t put much effort into testing it in a real instance. So, if there is some testing/feedback, I can make it ready for realworld use.

4

@feanil @mafermazu would you or someone on the LTI team be able to take a look?

5

Looks like the tool is super useful for the edx-platform as an LTI Provider use-case. So if folks want to embed edx-platform content into their LTI Consumer it makes it easy to get the URL they need to do that.

I think if we put it in a collapesd sidebar widget by default it wouldn’t be too intrusive and provide information that authors want.