How to create a multiple choice quiz for your web app - Bubble.io [NO CODE]
Welcome to Khawater Dev. in this video from the bubble quiz series, we will create a multiple choice quiz for PC, mobile, and touch screen devices. After setting up our template in the first video, we'll add various input and display elements, and then bind them to the buttons using conditions and workflows. In the end, we will be able to fill in the choices, add and remove them, preview the quiz and finally check the answers. New with bubble? Bubble is the leading "no-code" software development platform that empowers people without programming skills to design, develop, and launch their own applications, tech products, or tools for solving their business problems. Video Chapters: 00:00 - Intro 00:27 - Create data types for the quiz choices, answers, and selected answers 00:56 - Create custom states to use as temporary storage for the quiz data 01:29 - Adding the elements of the quiz entries (Delete button, Text Input, Checkbox, Plus button) 05:24 - Configuring a list of empty entries ready to fill up 07:02 - Delete an option from a custom state list and remove a text input field 07:42 - Adding new options to a custom state list 08:21 - Editing an option inside a custom state list 09:51 - Adding the checkbox functionality (check and uncheck an answer) 11:03 - Styling the checkbox state (Checked and unchecked) using a custom state 11:26 - Editing an entry saved to the list of correct answers 13:03 - Delete an option from a second custom state in synchronization with the first one 13:40 - Adding a new empty entry to a repeating group list 14:09 - Debugging the different actions to create and modify a multiple choice quiz 17:46 - Set the validation condition of the quiz preview and the alert workflows 18:54 - Styling the empty entries warning 19:10 - Styling the checkbox alert for no correct answers selected 19:35 - Adding the elements of the quiz display (text element, checkbox) 20:35 - Adapt the checkbox for the quiz display 21:34 - Specify which group will be shown based on the quiz mode (Create, Preview, Show Results) 21:57 - Create an alert if no answer is checked 22:31 - Display the quiz results using the checkbox mark 23:32 - The scoring formula of a multiple choice quiz (Correction for Guessing) 23:41 - Calculating the number of correct and wrong answers of the multiple choice quiz 25:18 - Display the score results and specify the score ranges 26:34 - Edit and Save the quiz to the database workflows 28:00 - Creating, preview, and get the results of a multiple-choice quiz Formula Scoring of MultipleChoice Tests (Correction for Guessing) [PDF]: https://www.ncme.org/HigherLogic/System/DownloadDocumentFile.ashx?DocumentFileKey=aaef1b14-e9d0-7abe-f0e4-75ebcfe833c1 Other Quiz Plugins: https://khawater-bubble-plugin.bubbleapps.io/version-test
Download
0 formatsNo download links available.