QUIZ Template - Tutorial | Tutorials | Forum

Attention! You Can Only Post New Topics/Replies In The Forum If You're Have An Active AppstronautMe Membership!

Announcement! Due To New Member Sign Up Spam, We No Longer Accept New Registrations With Yahoo Email!

Need more help? Then submit a support ticket!

Please consider registering
guest

Log In Register Members

Register | Lost password?
Advanced Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 4 characters - maximum search word length is 84 characters

Topic RSS
QUIZ Template - Tutorial

Neil Appstrong
Admin
Forum Posts: 166
Member Since:
Offline

AppstronautMe released a new version of QUIZ Template, which is wanted to be more user friendly and includes several improvements.

AppstronautMe users can choose this template for building their own quiz test related to different topics. 

To start your own quiz application is very easy if you follow the steps described bellow:

* Select QuizTemplate from Templates page.

* Choose "Use This Template" and insert the desired name for your application project.

Quiz template as basics uses two page types "Quiz Question" and "Quiz Feedback". First contains the question and several replies, the latter the correct answer and link to next question.

 - "Quiz Question" page contain inside the question itself with answer to choice. This page represent a kind of menu page with specifically items configuration.

 - "Quiz Feedback" page content represent a short description or hint related to previous question.

Edit QUIZ Template:

1. Similar to other application templates from the AppstronautMe, tab1.html page is the start page of the application. You can edit it and put your custom name, style, background, drag/move page elements e.t.c.

2. To change the name of the Buttons or change the links for them when they are pressed, go to: My applications >Your_App > Edit Pages > tab1.html - EDIT > Drag/Move Page Elements

Here you can change the position of the buttons and their style.

3. Now you can start editing question page.

Go to: My applications >Your_App > Edit Pages > your_question_page_name.html – EDIT

 

Field 1 - You can put your Question Text, Text Color, Background and Choose a Quiz Next Page.

Note: Quiz Next page could be a next question or a Feedback page for this question.

Field 2 -  When randomize function in enabled you can put there a name for a category quiz. So you will have one general QUIZ (questions from all categories) for example a START button and add unlimited QUIZ'es buttons by question category. 

Change in TAB's HTML for adding QUIZ buttons by category:

 

<div style="float:left;width:133px;">

    <a style="color:#ffffff;font-size: 18px;font-family: STHeitiTC-Light, 'Century Gothic'; 

    text-align: center; line-height: 60px; " href="Question1.html">

      <img src="start_btn.png"> </a>  </div>

with:
 
<div style="float:left;width:133px;">
    <a style="color:#ffffff;font-size: 18px;font-family: STHeitiTC-Light, 'Century Gothic'; 

    text-align: center; line-height: 60px; " href="Question1.html?quizcategory=category_name">

      <img src="start_btn.png"> </a>  </div>

 

By default is an empty field.

Field 3 - Answers Items - you can add a new item (answer) just clicking "+"  button below the list. To delete an item, select it and click "-" button. Or, you can just to edit the current answers.

Field 4 - Item Properties - you can choose the correct answer and Item background.

4. Editing Feedback page.

Go to: My application >Your_App > Edit Pages > your_feedback_page_name.html – EDIT

Here you have the possibility to input your custom text and select The Next page in your application then “Continue” button is pressed.

**NOTE: Each feedback page should be linked to the next question page.

IMPORTANT:

Your last page (Question/Feedback) should be linked to the Result.html page.

Randomize

Also our new Quiz Template has randomize option (disabled by default).

To enable this option go to: My application >Your_App > Application Settings > Quiz Settings > + > Enable randomize pages > √

Here you can choose and how many question will contain your Quiz App.

Example: If you inserted 200 question but you want that your application contain only 10 question (everytime randomized) choose from “Number of random pages in quiz” drop-down number 10.

 

QUIZ TOTAL SCORE

 
TOTAL SCORE = Correct answers given * (100 / TOTAL QUIZ questions) 
 
 
An example:
 
In a QUIZ of 30 questions I gave the right answer for 15 questions, the score will be: 
 
15 * (100/30) = 15 * 3.3(3) = 49.9(9) ~ 50 

hmds2007
Member
Forum Posts: 4
Member Since:
Offline

I am trying to make a simple Quiz app. Whenever I add a link to my question, something weird happens. The answers vanishes. It just says Answer X even though I put a title. If I put 4-5 different answers, just 1-2 will be visible. Other's get hidden automatically. I have attached the screenshot. Is this a bug? I hope for a prompt reply from the admin or any of your support guys. 

 


hmds2007
Member
Forum Posts: 4
Member Since:
Offline

Something like this happens...

 


hmds2007
Member
Forum Posts: 4
Member Since:
Offline

I somehow fixed my earlier query using an HTML tag.

Added: <a href="Question1FB.html?Question1FBqparam=incorrect" for wrong answers

and <a href="Question1FB.html?Question1FBqparam=correct" for correct answers

where "Question1FB.html" is the next page that describes the right answer.

Now, I have another trouble.

The RESULT page is empty. Please show me a screenshot of the HTML for the results.html page.

Mine looks like this: 

The current HTML on the results.html is :

<br>

<div id="questionbar" align="center" style="margin:0 auto;width:300px; height: 280px; background-repeat:no-repeat; background-image:url(quizquestion_bg.png);">
<br><br>&nbsp;<br>
<div id="questionmessage" style="width:200px;text-align: center; color:#6d3d1f;font-family:STHeitiTC-Light, Century Gothic; font-size:18px;">
<b>Score: <script> WriteIfDefined(jobject.score)</script></b> <br><br>
<b>Total Questions: <script> WriteIfDefined(jobject.numberOfQuestions)</script></b> <br>
<b>Correct Answers: <script> WriteIfDefined(jobject.correctAnswers)</script></b> <br>
</div>
</div>

SHOULD I CHANGE ANYTHING?


Neil Appstrong
Admin
Forum Posts: 166
Member Since:
Offline

Sorry we have just seen this. Even though we use the forum, sometimes we get so busy in other matters that threads can be neglected. Support tickets on the other hand are usually much faster. If you're still having this issue, let us know and we will see what we can do to help you out.

Forum Timezone: America/New_York

Most Users Ever Online: 17

Currently Online:
3 Guest(s)

Currently Browsing this Page:
1 Guest(s)

See All Online Activity

Top Posters:

dberry: 18

jettdigitals: 6

Tommyhall: 6

asnorth: 5

richardwing: 5

hmds2007: 4

razma: 4

Ivon: 4

DJ: 3

bushwood: 3

Member Stats:

Guest Posters: 0

Members: 523

Moderators: 0

Admins: 1

Forum Stats:

Groups: 1

Forums: 7

Topics: 144

Posts: 251

Newest Members: ConnieSn, HaroldGymn, Melvinvon, permasbear, 4affbync, rosemariedz3, Aidi-inc, lako0, whzkid@comcast.net, Samisusami

Administrators: Neil Appstrong: 166

support
Need Help?
Skype Chat
Skype Call
Support Ticket
Please Wait
Please Wait