Create interactive content like this with the free H5P plugin for:

Description

Dialog cards can be used as a drill to help learners memorize words, expressions or sentences. On the front of the card, there's a hint for a word or expression. By turning the card the learner reveals a corresponding word or expression.

Dialog cards can be used in language learning, to present math problems or help learners remember facts such as historical events, formulas or names.

Comments

I was very happy that I could add this in the course presentation. However, I noticed that it only worked well in full-screen mode. If not, the card may only showed part of it. Did I do something wrong?

I think it is because the orginal design of dialog card, which is not for inside a container ( In the video, the dialog card is not always completely inside the page window). https://www.youtube.com/watch?v=E8yTjRoC2Vs.

Thank you for your quick response. Your link to me, yes it is similar.

I would like to clarify the following: in your link, it is one column. Mine is two column, the h5p content would be a little smaller, say 70% of the screen. At this case, mine has a problem because the card is only showed part of it and the user cannot scroll it down.

May I ask, for your case, is it possible for you to make the broswer window smaller until seeing just part of the card? When it becomes part of it, the user cannot scrooll it down, am I right?

Note: I tested with different size of images before (I remembered they are 300x300 and 800x800) and there were no difference.

Ok, hmmmm... I make my Chrome browser as narrow as possible and I still see the entire course presentation and the entire card. I'm not able to reproduce your problem even when looking at the same page on H5P.org with the same browser.

I really appreciate your sincere way to consider the issue. I would like to know the issue too since I consider h5p important role in my own project. I really would like to help with more tests. However, the installation with the issue does not exist anymore and I even could not access that computer anymore. Once I have the same issue, I will report right away. Thank you very much again.

OK, I can change the style according to the document. Just would like to ask what is the best practice. Is it OK to put developing mode in a drupal production site? Thank you for the great job and helpful document.

OK.Thanks for your clarification. I read the developing documents. In my understanding, it is not clear how to customize css for my specific version. Should I use git/h5p_cli to check out and create branch (and manage versions in the h5p lib section) ...? If there are documents about this, I would really appreciate if you could let me know.

FYI, the text is really small when I use dialog card in course presentation. All I need is to change

It is currently only possible to add audio to the front of the card. However there is clearly value to being able to add a different audio to the back of the card. I'm sure we would accept a pull request for this if you have a developer that would like to contribute.

Language learning is not an easy task. It is very important to memorize the common words we use in conversations to speak those languages fluently. If one want to learn spanish , the most common and effective method all depends on is search online pages which introduce basic words and phrases in the Spanish language. Apps like Dialog cards make it easy for the user to memorize the words. great work.

I'd like my text (a few dot points) to be left-aligned but the feature is not working. The right-aligned one is working though. Can this be fixed as my project is complete except for this point. Thank you.

i would like to ask a little help.I want that to show all cards like an thumbnails, without next or previus methods.What i think its possible if all cards have the ...-current class(and modifiing the css) but i having issue to add focus all of them

This pass the focus only for one card,i dont know how to pass for all of them,thank you for your help:

Hi, I may be looking at this the wrong way, but to my mind if you are, say, learning Spanish then wouldn't you want the English word on the front with the picture above, think about what you think the Spanish translation is and then turn the card to reveal the answer and pronunciation? Currently, as with your examples, I get the Spanish spelling and can see clearly what it means from the photo, without having to turn the card! It could work this way if the photo was not displayed on the Spanish side and only on the turned/English side, but this isn't possible. Can the dialog cards be changed to reflect how flashcards should work? Please tell me if I'm misunderstanding something.

You are correct there isn't a setting to place the image on only one side of the card. Although I think this is a good idea and you can head over to the Feature Request forum to post it there. In order for your feature request to attract as much interest as possible make sure it follows the below guidelines:

It is clear from every perspective how the feature will work. We recommend describing the feature with one or more user stories, for instance “As an author I want it to be possible to pick between different effects for the check answer animation so that the learners will see a variety of effects and also I can adapt the effects to my target audience(I’ll be using pink unicorns which works really well for both my target audience which are 4 year old girls and venture capitalists)”

If the feature can be illustrated with images or videos it always helps

Make it clear what content types this is relevant for, and or if this is a new content type

The dialog cards content type setup in Moodle appears to have a grade link but it doesn't seem to have any way to automatically assign a grade based on user views of the cards. In the grade area, all the detail grade information displays as dashes (score, maximum score, and view answers). The only thing tabulated is the date finished. It would be nice to see if someone viewed a certain percentage of the cards or how many views were done. Otherwise, there should be no grade link and it should act like a resource only.

Thank you for the suggestion and you are right currently this particular content doesn't have much in terms of "grading". We'll definitely look into having additional information or convert the content to a resource only activity.

2. We’re now working on something called the H5P supporter program allowing the H5P community to vote for and fund the top voted H5P features. Also there are developers in the community who every now and then works on a feature they find interesting or useful. This option is one of the most requested feature not only for these content types.

3. Yes everything will be hosted your site. The H5P plugin acts almost independently from the H5Ps server except for the occasional updates.

I'm not really sure technically speaking the reason why .svg is not include. Although there has been some talks regarding H5P contents supporting it. This post is an example of it. Also we’re now working on something called the H5P supporter program allowing the H5P community to vote for and fund the top voted H5P features. Also there are developers in the community who every now and then works on a feature they find interesting or useful.