Just created a new glossary format in moodle 2.0, called "flashcard style". It combines the flash card and glossary together as a tool to memorise terminologies. Users can click on the link, it will flip the card and show them the description of that concept.
You may download this new glossary format from my blog, and later I'll submit a new module/plugin to moodle as well. Please let me know what you think.
Screenshot:
I have installed this as per the instructions but I dont see the new style anywhere in my moodle installation. I tried creating a new glossary and the 'flashcard' style is not in the list of formats
It is the same for me. I cant find any Flashcard in Moodle 2.0 after installing following the instructions.
best
fahl5
That makes 3 of us. Installed but no flash cards were created.
Jeff
@Tyrone, @Steffen, @Jeff
Could you try purge the cache in the administration setting to reload the new stylesheet? then try flashcard glossary again.
@Tyrone, what can you see when you add flashcard format as a new glossary? any error messages?
Yes, select "Glossary" in add an activity drop down menu. Then choose "flashcard" in display format setting.
Hello,
I tried all the things you mentioned and no "flashcard" option is given in the display format setting drop down menu. In fact, when I cleared the cache it wiped out my site. I had to uninstall your plug-in to get it back up and running. I did try again and I can upload it, etc, just not clear the cache.
Is there a specific place we are supposed to place the script in the style.css? I put mine at the end of the file.
In the glossary/lang/en file, that is a glossary.php file I edited. Is there a specific place that script goes?
Any ideas?
Likewise I do not see the flashcard option in the display format menu. I made the same edits as you, purged caches (no problems).
The older version of flashcards worked pretty well imho, especially the Leitner system of Hard/Easy packs. I'm going to give it a try on Moodle 2.0.2.
Here are the correct URLs for downloading Lei Zhang's Flashcard style Glossary format small hack for Moodle 2.0 (at the time of writing):
from the Moodle modules and plugins database:
Small Hack: Flashcard - glossary format
or directly from Lei's GITHUB server
Hope that helps,
Joseph
Hey Joseph,
Thanks this helped. I downloaded the flashcard glossary from Lei's GITHUB server and it worked. Don't know why since I installed it in the same manner, but I now have the flashcard choice in the display drop down box.
Thanks,
Jeff
Just installed Lei Zhang's Flashcard style Glossary format small hack for Moodle 2.0 on my local Moodle 2.0 test site and it works as expected.
Joseph
Note.- It's a pity that Moodle's Glossary module has no provision for including one's own CSS and lang files for each additional Glossary format; instead of having to hack the main lang and CSS files!
Thanks Joseph. You're absolutely right, it's not as flexible as the new theme engine in moodle 2. For now, I'll stop any further development on this plugin.
Why don't you implement this as a Database preset? It's exactly what it was designed for, and it supports JS and CSS.
I like the glossary format for flashcards. It is very useable. A couple of improvements: ability enlarge the size of the flashcards so they can take more text.
Also, don't seem to be able to delete or edit flash cards.
Thanks for your remarks, Vernellia.
Unfortunately, on Wednesday, 11 May 2011, 12:42 AM, the Flashcard format creator and maintainer Lei Zhang stated:
"For now, I'll stop any further development on this plugin."
Joseph
PLEASE HELP.
when i "purge all caches under development" and go to my site url nothing shows up it seems as if the whole site was deleted. please help i spent about a year working on this project and everything i have into it. please help me retrieve my site someone.
i followed the direction in the "readme file" in the zip folder.
"
GLOSSARY FORMAT FLASHCARD STYLE
-----------------------
Version 0.1
To install this new glossary format:
1.Unzip the flashcard zip file, drop the folder to mod/glossary/formats/ and rename it to flashcard.
2.Modify style.css file under mod/glossary/, add the following css style sheets.
/** Flashcard styles **/
.quickFlip{height:216px;width:322px}
.backPanel,.frontPanel{text-align:center}
.quickFlip .frontPanel,.quickFlip .backPanel{background:#F7F7F7;-moz-border-radius:8px;-webkit-border-radius:8px}
.quickFlip .frontPanel{border:1px outset #ddd}
.quickFlip .backPanel{border:1px outset #ddd}
.frontPanel .nolink {padding-top:40px;}
.backPanel .nolink {padding-top:40px;}
3. Add the following line to your lang file under mod/glossary/lang/en/ folder
$string['displayformatflashcard'] = "Flashcard style";
4. In site administration setting, purge all caches under development to load your new stylesheet.
5. Create your first new glossary format in flashcard format.
For any question about Glossary format, go to:
http://moodle.org/mod/forum/discuss.php?d=163353
Lei Zhang"
@rene,
Which version of Moodle are you using?
Joseph
I can't find where to get flashcard.zip. What am I missing here?
I have just successfully added this to Moodle 2.3, so I would think you are safe to move this to the new plugins location. I have, however, made some changes to your style sheet:
Changed .quickFlip to the following:
.quickFlip{height:216px;width:322px;float:left;padding:5px;}
This makes the cards fill up a grid according to the size of the screen so you get more efficient use of the screen.
Then I added these two lines:
.paging {clear:both;}
.quickFlipCta {display:block; height:100%; width:100%;}
The first doesn't completely solve the problem of dividers floating funny - maybe someone else can help with that, but the second line makes it nice to be able to click anywhere on the "card" rather than just on the words that say to click. This though requires a couple changes to the PHP as well:
I changed the main display function to wrap the entire card in an anchor:
function glossary_show_entry_flashcard($course, $cm, $glossary, $entry, $mode="", $hook="", $printicons=1, $aliases=true) {
global $CFG, $USER, $PAGE;
$PAGE->requires->js('/mod/glossary/formats/flashcard/javascript/jquery-1.4.4.min.js');
$PAGE->requires->js('/mod/glossary/formats/flashcard/javascript/jquery.quickflip.js');
$PAGE->requires->js('/mod/glossary/formats/flashcard/javascript/quickflip.js');
echo 'Hope that is helpful to others.
Somehow the editor really messed up my code in that post. Here is the code:
function glossary_show_entry_flashcard($course, $cm, $glossary, $entry, $mode="", $hook="", $printicons=1, $aliases=true) {
global $CFG, $USER, $PAGE;
$PAGE->requires->js('/mod/glossary/formats/flashcard/javascript/jquery-1.4.4.min.js');
$PAGE->requires->js('/mod/glossary/formats/flashcard/javascript/jquery.quickflip.js');
$PAGE->requires->js('/mod/glossary/formats/flashcard/javascript/quickflip.js');
echo '<div class="quickFlip">';
echo '<div class="frontPanel"><a class="quickFlipCta">';
glossary_print_entry_approval($cm, $entry, $mode);
glossary_print_entry_attachment($entry, $cm, 'html', 'right');
glossary_print_entry_concept($entry);
echo '<p>Click to see answer</p>';
echo '</a></div><div class="backPanel"><a class="quickFlipCta">';
glossary_print_entry_definition($entry, $glossary, $cm);
glossary_print_entry_lower_section($course, $cm, $glossary, $entry, $mode, $hook, $printicons, $aliases);
echo '<p>Click to see question<p>';
echo '</a></div>';
echo "</div>\n";
}
and I have attached the PHP file as well.