Posted: Thu Dec 24, 2015 5:34 am
Post subject: Quizmaker embed HTML5 quiz in web page
|
|
Sorry in advance for this long post.
We currently have created quizzes in .swf format via a previous release of Quizmaker. In the previous release, each quiz was assigned an unique name: name_of_quiz.swf. To upload these to our server, we created an administrative function that allows non-technical administrators to assign a quiz by name to a learning module and upload the associated .swf file. This association is stored in a database and when someone using our website takes a quiz at the end of a learning module, we dynamically embed the .swf file into a quiz template page. This works great in standard PC-based web browsers.
However, along comes the ipad and the quizzes don't play on the ipad. So, we upgrade to the latest release of Quizmaker which lets us publish quizzes in HTML5 format which should solve our ipad problem as well as still work on PC-based browsers. However, when I republish the quizzes in HTML5 format, I'm getting a directory named for the quiz (e.g. /name_of_quiz) with an index.html file and a /data directory. Every quiz's /data directory appears to be the same. It looks to me like the index.html file is pretty much the same across all quizzes except for a javascript variable "quizJson" which seems to be the quiz content.
Here's my problem: there is no unique file I can upload to my server and embed into a template page anymore. Every quiz file page is named index.html. And, that is not a usable file on my system (which, by the way, is based on Magento). It will likely take a significant amount of re-engineering of my administrative function that associated quizzes with learning modules unless I can come up with a way to isolate the unique quiz data into a uniquely named file that can be uploaded to my server and then embedded into a display template. (By the way, I should say that the same non-technical administrative people who upload the files also publish the quizzes so having them edit down the index.html file is not a reasonable option.)
Is there some simple solution to this problem that I am not seeing or has Quizmaker really re-engineered this in such a way that I can no longer do things this way? It seems like one simple solution would be for Quizmaker to externalize the content of quizJson into a uniquely-named file (e.g. name_of_quiz.json) and embedding it into the index.html file.
Help! I need a simple solution to this problem.
|