isite2 Quiz Multiple choice quizzes are first created in GamesGrid and can then be embedded into an article page on isite2.

Transcription

1 isite2 Quiz Multiple choice quizzes are first created in GamesGrid and can then be embedded into an article page on isite2. There are 3 stages to create in quiz, which are done in 3 different programs: Stage 1 - Create Quiz In ACME CMS Stage 2 - Add Your Quiz To The GamesGrid Game Data Admin Database Stage 3 - Create A Page In isite2 For Your Quiz You Will Need Your quiz questions, answers and responses (2 answers min, 4 max) The PID(s) for your media asset(s). See the guides for more information on publishing in ibroadcast2. Before You Start Visit ACME CMS to start creating your quiz. If you don't have access complete the webmail request form Visit GamesGrid Game Data Admin Database to request access Step-By-Step Stage 1: Create Quiz In ACME CMS 1. Create New Quiz When you arrive in ACME CMS click the grey Create new quiz button. 1

2 In the pop up window add your Title and select the correct group (radio) from the Collection dropdown menu. Then click the blue Create button. 2. Add Details In the new window add your quiz Title and Description. Next, select the Language for your quiz. You can also add an optional Question Time Limit for how long you want to allow for users to answer before moving onto the next question. NB: Your address will automatically appear in Author Add Media Asset Now add a hero Media Asset, this will appear on the first page of your quiz. Then enter the PID for your media, if you need to publish your image please see the guides to uploading and publishing in ibroadcast2. 2

3 4. Add PIPs IDs Click the + button next to PIPs IDs to expand the box and add in the masterbrand, (e.g. bbc_radio_four_extra) and the brand, series or episode PID. Though the form states it is optional, the quiz won t work without it. 5. Add Questions Expand the Questions section, then the + button next to 1 to add your first question. Type your question into the text box next to the question number. These must be multiple choice style questions Under Multiple Choice, next to Template: select Radio Buttons from the drop-down menu. Next select a Media Asset to appear with question, this can be Audio, Image or Video. Enter the PID in the box that will appear next to the selection. If you do not add a media asset for every question the quiz will not show on the site. 3

4 6. Add Question Options Expand the Options section and enter your question answer options in the text boxes. There must be a minimum of 2 answer options and a maximum of 4. To add an option answer click Add New Option, to delete one click the red x button by the option. 7. Add Question Responses Expand the Question Responses section to enter the responses for correct or incorrect answers in the Text box. These will be included in the quiz results screen. Make sure the response to the correct answer has a 1 in the score box. Enter the correct answer first as it helps with the logic. Click the + symbol next to each response by the Text box to expand. You must now link the response to the right question option in the Value box. To determine the response to the correct answer select Equals in the Value box drop-down menu and then the letter associated with the correct answer. The score should be set to 1. 4

5 For the incorrect answer(s), fill in one box making sure the Score is set to 0. Next to Value select Anything form the drop-down menu. This will apply to all incorrect answers. N.B. As the responses only appear on the last screen, the default response of You got it right/wrong! isn t very informative. It s worth putting a reference to the question in there, e.g. Correct! Right Said Fred made their chart debut in 1991 with the top three hit, I m Too Sexy. 8. Add Quiz Score Responses (Optional) You can add quiz score responses in the optional Quiz Responses section of the form. This is highly recommended as it allows you to give different responses based on the player score and will appear on the last page of your quiz. NB. The individual player s score will appear automatically. Expand the Quiz Responses (Optional) then click the grey + Add New Response button. Enter your quiz response in the Text box below. You can also choose a Media Asset from the drop down tab and enter PID, pick none if you don t want one. 5

6 Because the quiz is responsive and covers the entire screen on mobiles, you should include a link in the results text so players have an onward journey from the results screen. To do so, use the code below but make the following changes: In the quote marks after href= remove the current URL and enter the URL to your page. Replace the text in the quote marks after alt= with the title of the page you are pointing to. Enter the text you wish to be the link between target= _top > and </a>. <a href=" alt="a History of Ideas" target="_top"> Have a look at A History of Ideas on BBC Radio 4</a> Once added to the end of your response text, this hyperlink will appear as below on your final quiz: Under the subheading Condition you can add the score value for each response. For example, if you have 10 questions and would like 2 responses, for a score between 0-5 select Less Than from the drop-down menu by Value and then type 6 in the box. Now click Add New Response. Once you have typed in the response for score 6-10, choose Greater Than from the drop-down menu and type 5 in the box. 6

7 9. Save and Preview Click the grey Save button and then the blue Preview button. In the new window you can proof-read your quiz. This simplified view will allow you to rapidly test your quiz text, scoring and assets are all correct. NB. This is not what your final quiz will look like. 10. Publish When you re ready, click the grey Publish button. A pop-up disclaimer window will appear, tick the confirm box and then the blue Publish button. Once back on the quiz page, make a note of the Quiz ID generated for later (e.g. q ). 7

8 Stage 2: Add Your Quiz To The GamesGrid Game Data Admin Database For the next stage in making a quiz, you need to create a Game in the GamesGrid Game Data Admin database and get a GamesGrid ID 1. Create New Game Visit the GamesGrid Game Data Amin system - click Create New Game. Fill in the quiz Title and select your group in the Product drop-down menu e.g. Radio & Music. You can then add an optional Brand and Description. Under the Game Embed section, copy and paste the below URL into the Main Source File Location text box. Ensure you have ticked the Adaptive tickbox at the bottom of the page. 8

9 2. Add Set-up Data In the text box next to Set-up Data, carefully copy and paste the below html code but replace the yellow highlighted values with your own: { "quizdetails": { "service": "radio", "collection": "radio", "quizid": "qxxxxxxxxx" }, "environment": "live", "csspath":" "statsconfig": { "pagename": "og.quiz.radio.radio.qxxxxxxxxx" } } service and collection should both be set to the name of the collection you added your quiz to in the ACME CMS. e.g. "radio". Replace the code next to quizid, and pagename with your own generated in ACME CMS (noted down earlier). NB. If you want to customise how your quiz looks at this point, see Optional Functions on page 16 for instructions and complete before saving. Once you have submitted the form you will be presented with a Game ID (GID for short) e.g. gpw9gz8gm7, note this down. 3. View Quiz Now that you've entered your game into the Games Grid Database you can view it in the Playpen. Visit the following URL replacing gxxxxxxxx with the GamesGrid ID generated above e.g: 9

10 Stage 3: Create A Page In isite2 For Your Quiz isite2 includes a Games Grid content block for article pages. You can create the article page for your quiz first and then create the content block within, or vice versa. More information about Article pages in isite2 1. Create New Content Block In isite2 go to your project and in the Project Dashboard tab click create new next to Content GamesGrid Game in the right-hand side column under File types. 2. Add Details On the new page, type in your Content Block Name. This will not show up on the page and is a way of you finding the block in isite2. You can also give your block an optional Title. 3. Add the GamesGrid ID (From the Games Grid Admin area, e.g: gpw9gz8gm7) 10

11 4. Publish Content Block Click the orange save button and then click the green publish button. If you don't publish now you will be prompted when you publish your article or profile page. You can preview how your quiz looks from the article page in isite2. Quiz example page: 11

12 Optional Functions Make Changes to your Published Quiz If you wish to edit any of the quiz text, including response text and answer text (e.g. if you ve made the wrong answer the correct one) you can just swap over the text, and republish your quiz. However, once a quiz is live you cannot amend the scoring. This is because it would affect the stats gathered about gameplay. If you want to edit scoring details you have to first clone your published quiz then make the changes and republish: 1. Clone Quiz Go to ACME CMS and search for your published quiz by typing in the Quiz ID or title into the search box. Click the grey Clone button on your quiz page/ Give your cloned quiz a new name. In the pop-up window select radio from the drop-down tab. And then the blue Clone button. 12

13 2. Make Changes and Corrections (See full step-by-step guide above for instructions on filling out the sections) Once edited, click the blue Preview button to proofread a simplified version of your quiz. NB. This is not how your final quiz will appear on the page. It s a basic version just so you can check the questions and scorings work. 3. Publish Click the grey Save button and then Publish button to publish the updated quiz, and make a note of your new Quiz ID. 4. Update Quiz ID Now go to the GamesGrid Game Data Admin area - Search for your quiz in the list below, filtering by choosing Radio & Music from the drown-down menu. Open up your quiz and in the code you pasted into the Set-up Data section, replace the old Quiz ID with your new one, and then click Submit at the bottom of the page. It will then automatically update your isite2 page with the new version of the quiz. 13

14 5. Revoke Previous Quiz Once the new quiz is live, go back into ACME CMS and find the old version of your quiz and click Revoke. NB. Please also delete any old or test entries in the Games Grid database too. Change the Quiz Branding Branding for quizzes is customised using stylesheets. These are the generic stylesheets available: style.css Generic black and grey r1style.css Radio one/1xtra, similar to above r2style.css Radio 2 blue r2_orange_style.css Radio 2 orange r4style.css Radio 4 r3style.css Radio 3 5lstyle.css 5 live 6mstyle.css 6music ANstyle.css Asian Network If your network is not included above and you would like one created, can contact R&M Support (R&M.Support@bbc.co.uk ) To alter the stylesheet in your quiz, copy your chosen stylesheet from the list above and replace the generic stylesheet in the code pasted into the Games Grid admin area (section 2, page 9 in the guide above). { "quizdetails": { "service": "radio", "collection": "radio", "quizid": "qxxxxxxxxx" }, "environment": "live", "csspath":" "statsconfig": { "pagename": "og.quiz.radio.radio.qxxxxxxxxx" } } 14