otacke / h5p-cornell Goto Github PK

Let your students take structured notes easily

License: MIT License

JavaScript 86.97% SCSS 13.03%

h5p-cornell's Introduction

h5p-cornell

Let your students take structured notes easily.

You can add this content type to amend resources such as texts, podcasts or videos and encourage students to take 'Cornell notes'.

Example

Getting started

Clone this repository with git and check out the branch that you are interested in (or choose the branch first and then download the archive, but learning how to use git really makes sense).

Change to the repository directory and run

npm install

to install required modules. Afterwards, you can build the project using

npm run build

or, if you want to let everything be built continuously while you are making changes to the code, run

npm run watch

Before putting the code in production, you should always run npm run build.

The build process will transpile ES6 to earlier versions in order to improve compatibility to older browsers. If you want to use particular functions that some browsers don't support, you'll have to add a polyfill.

The build process will also move the source files into one distribution file and minify the code.

h5p-cornell's People

Contributors

Stargazers

Watchers

Forkers

renebreedveld translate-h5p totoromaum e-me antonioaneiros miropuhek gwenillia languafe

h5p-cornell's Issues

Responsive mode is confusing

I have gotten several reports from users saying they don't really understand the hiding/showing of the two parts of the Cornell notes (exercise vs notes). Especially if the user has a narrow view, it's very hard to understand they have to click that pencil icon.

I would think always showing these two would make more sense, in combination with making them wrap on smaller screens.

But it's your content type, so you of course decide :)

Add Video

Add Audio

Refactoring

This content type suffers from more and more requirements that were added throughout the development process and needs refactoring.

Clean up editor

Add option to copy text to clipboard

Make separate notes class

Fix HTML encoding in placeholder texts

Add export option

Could be docx or pdf or both ...

Copy button

When using Cornell Notes, if it's not possible to copy the content to the clipboard, the copy button still appears. Perhaps this shouldn't be there when it's not possible to copy.

Fix jumping of question content container

When the fullscreen button gains focus, the complete question content container seems to jump left a tiny bit.

A way to download content from H5P Cornell Notes

Hi Oliver,

I have been playing around with this and really like the concept a lot but I think that it could be even more useful for many users if it had a download to PDF feature. This may be something that other interactions would also benefit from. I wonder if you had ever considered that.

I have been learning H5P development recently and have been working on making a more generic Calendar type and thus I may work on a PDF download function for the Cornell Notes interaction but before I do I was just wondering what your thoughts were? I suppose that I could make it optional for those logged in and appear by default for those not logged in but perhaps just making it available for all is the way to go?

Interested to hear your views.

Regards,

John

Test CKEditor

Check if the CKEditor makes sense

Fix height on fullscreen

On Android when on fullscreen, it's not possible to scroll down completely. The bottom part is hidden behind Android's lower menu. Don't use screen.height to set the max-height ...

Fix tabbing between notes and exercise

Add keyboard accessibility

Check ARIA
Set focus, etc.

Fix resize

On mobile, when leaving fullscreen mode, a resize seems to be missing.

Retrieval practice

It would be nice if, after the student made the notes, to give the option to hide the notes and to use only the cues as a way for retrieval practice (e.g. a button for the student to toggle the visibility of their own notes).