How to use BB10 Quiz Maker

posted in: Uncategorized | 0

Before following the instructions, I assume you already know the basics of setting up the SDKs, Simulators, Dev Alpha.

Creating a Quiz:

Click the Create a Quiz button and fill in the details of your quiz.

(Take Note: that this will create an account for your quiz so please be sure to remember your credentials)

1

 

 

 

 

 

 

 

2

 

 

 

 

 

 

 

 

 

 

Adding a Question:

Simple interface, just fill in the question.

You can select uploaded files in the File Field, set the question media type if it is a text, image, video or audio, set the timer in seconds, the points you want.

Set the Identification field to FALSE if you want the question to be a multiple choice type question. Set it to TRUE if you want it as an Identification type question

  • Recommended
    • Image Question Dimensions: 150px height and 300px width.
    • Text Question: 50 – 200 characters but has no limit
    • Video: 2mb or below size for faster loading
    • Audio: 1mb or below size for faster loading

(take note: the Answer you choose in the choices should match exactly the one in the Answer Field)

4

 

 

 

 

 

 

 

 

Uploading Question Files:

Just click on the Add Files (up to 20 files and 50MB max per file), then when done click the start upload.

All the uploaded files will be available on the File Field when you add/edit a question.

(Take Note: supported formats: mp3, jpeg, jpg, png, mp4 only)

8upload_files

 

 

 

 

 

 

 

 

 

Running/Testing your quiz:

Click the little Run on top and it will open a new window.

When prompted. click start quiz and you can now test your quiz.

6

 

 

 

 

 

 

7

 

 

 

 

 

 

 

 

 

 

Downloading Quiz Data:

This will download a “quiz.zip” file and the size is depending on the overall size of your uploaded files.

It includes the questions.json file also which is your question data.

9select_files

 

 

 

 

 

Downloading Template:

Choose the template you wish.

10

 

 

 

 

 

Configuring Quiz, Theming, Icons, Banners, Config.xml :

Cascades Template:

  • Quiz Infos
    • open the bar-descriptor.xml found on your ”    <yourTemplateFolder>/   “
    • Set the quiz name, description, version
  • Quiz Icons
    • navigate to ”    <yourTemplateFolder>/assets/images/   “
    • replace them with your desired images
  • Setting Theme
    • open bar-descriptor.xml > Source > change <cascadesTheme>dark</cascadesTheme> to <cascadesTheme>light</cascadesTheme> depends what you want

PhoneGap Template:

  • Quiz Infos
    • open the config.xml found on your ”    <yourTemplateFolder>/www/   “
    • Set the quiz name, description, package id, version
  • Quiz Icons, Banners
    • navigate to ”    <yourTemplateFolder>/www/images   “
    • replace them with your desired images

WebWorks Template:

  • Quiz Infos
    • open the config.xml found on your ”    <yourTemplateFolder>/   “
    • Set the quiz name, description, package id, version
  • Quiz Icons, Banners
    • navigate to ”    <yourTemplateFolder>/images   “
    • replace them with your desired images

Theming:

  • navigate and open the ”    <yourTemplateFolder>/www/index.html   “
  •  (CTRL+H) to find and replace (depends on what editor you’re using)
  • (to Dark Theme) find ”   data-theme=”c”   replace with ”  data-theme=”a”
  • (to Light Theme) find ”   data-theme=”a”   replace with ”  data-theme=”c”

Pushing the quiz data to the template:

Once you had downloaded the quiz data successfully you can now push that into the template.

(take note: running the phonegap/webworks template will not run very good in the simulator, it will hang when the quiz tries to play an audio file, but I assure you if the quiz runs great on the Web Simulator it will actually run on the actual device with no worries).

Cascades  Template

  1. Extract the “cascadesTemplate.zip” to your preferred destination (in my case I will always paste it in a folder called “quizzes” in my desktop)
  2. rename the folder related to your question. ex: sciencequiz (no spaces)
  3. extract the “quiz.zip” files of the “questions/” folder  inside the ”    <yourTemplateFolder>/assets/questions/   “

PhoneGap Template

  1. Extract the “phonegapTemplate.zip” to your preferred destination (in my case I will always paste it in a folder called “quizzes” in my desktop)
  2. rename the folder related to your question. ex: sciencequiz (no spaces)
  3. extract the “quiz.zip” files of the “questions/” folder  inside the ”    <yourTemplateFolder>/www/questions/   “

WebWorks Template

  1. Extract the “webworksTemplate.zip” to your preferred destination (in my case I will always paste it in a folder called “quizzes” in my desktop)
  2. rename the folder related to your question. ex: sciencequiz (no spaces)
  3. extract the “quiz.zip” files of the “questions/” folder  inside the ”    <yourTemplateFolder>/questions/   “

Deploying/Running to the Dev Alpha/Simulator:

(take note: running the phonegap/webworks template will not run very good in the simulator, it will hang when the quiz tries to play an audio file, but I assure you if the quiz runs great on the Web Simulator it will actually run on the actual device with no worries).

All of the awesome instructions can be found here:

WebWorks: https://developer.blackberry.com/html5/documentation/webworks_testing.html

PhoneGap: https://github.com/ctetreault/incubator-cordova-docs/blob/master/docs/en/edge/guide/getting-started/blackberry/index.md

Leave a Reply