Mockup for authors view of fill-in-the-gap exercises

[sesa929]

We create a mockup which shows how authors can create a fill-in-the-gap exercise in an intuitive and WYSIWYG way.

Example for fill-in-the-gap exercise from students (!) point of view:

• https://h5p.org/fill-in-the-blanks

Serlo mockups from students (!) point of view:

• https://frontend-git-gaps-serlo.vercel.app/___gaps (student view)
• https://github.com/CodingDive/fill-in-the-gap-exercise

acceptance criterions

• [ ] (multiple) non functional mockup that display look and feel of a fill-in-the-gap-excercise from author's point of view
• [ ] how shall the authors view be integrated in the editor (maybe screenshots)

[sesa929]

obsolet

[kulla]

@sesa929 Actually Fill-In-The-Gap exercises and Drag&Drop are two different kind of exercises. Examples in H5P:

• https://h5p.org/fill-in-the-blanks
• https://h5p.org/drag-the-words

Technically speaking both kind of exercises can be created with the same code and thus we have one ticket for it. It would be great to have a prototype showing the edit and rendering with of both exercises. Here we can use https://github.com/CodingDive/fill-in-the-gap-exercise as a basis (solution in a coding challenge)