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:
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
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!
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"
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.