For BlackBerry10 Devs Banner & Icon

I love my fellow Die Hard BB10 devs so these are my swags for you.

BANNER (Twitter, Facebook, Google+ or Website)

banner

 

 

 

 

 

 

 

 

PROFILE PIC

icon

 

0  

How to use BB10 Quiz Maker

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

0  

BB10 Quiz Maker Roadmaps and Bugs

bundled_fun_logo

 

 

 

 

Bugs:

  • Multiple Delete

Fixed Bugs:

  • Download Quiz Data
  • URL Redirection Loops

Roadmaps:

  • Theming Option
  • More Video and Audio Formats to support
  • More Cusomizations Options
  • More Dev Platforms
  • Better Uploading Plugin
  • Better File Management
  • Polishments
  • Cascades Template
  • Android Template

Done Roadmaps:

  • Better Design
  • WebWorks Template
  • PhoneGap Template
0  

About/Features/HowTos BB10 Quiz Maker

bundled_fun_logo

About

The System Application is dedicated to the BlackBerry 10 Platform. The system can let you build Quiz Games very easy by just uploading questions and then build.

The system can generate:

  • Cascades App
  • WebWorks App
  • HTML5 App
  • PhoneGap App
  • Appcelerator App
  • Plain JSON Data with Files App

So if you want to be a developer and submit apps to BlackBerry World. This is your starting point.

 

Features

 

Build/Deploy to Multiple Dev Platforms:

The system supports building your quiz to a packaged Cascades, PhoneGap, Titanium and WebWorks app.

deploy

 

 

Run / Test:

The system has a built in Mobile Web Simulator to preview your quiz.

run

 

 

Actions Bar:

This is where all the main functions are. To Run/Test, Build/Deploy, Upload Files, Reload and Logout

actionbar

 

 

 

 

 

 

 

 

Cell Editing:

It has an excel like editing so it will be so easy to edit questions.

 

cellediting

 

 

Multiple Question Selection:

For example you want to delete all questions, you can multiple select them and delete.

selectall

 

 

Supported Media Formats:

The system can support Images, Videos, Audios, Text and even Mixed of all formats for a quiz.

supported

 

 

Window Editing:

This is the UI when adding/editing a question.

windowediting

 

 

Lastly: The BlackBerry Z10 device coming up Jan 30th.

The super phone will be unveiled. This phone will give you all you want in a smartphone. Watch out.

z10

 

How Tos

1  

Blackberry 10 Dev Alpha B Photos

0