Discover Top Posts Tagged with #independent component

Independent Component 2 Approval

1. Describe in detail what you plan to do for your 30 hours. With my first independent component it made sense for me to take a look at what it took to start a great yearbook. Now, with my second independent component it only makes sense to take a look at what it takes to continue on the progress that you made with your theme and concept.

2. Discuss how or what you will do to meet the expectation of showing 30 hours of evidence. So with this independent component it only makes sense that I accomplish my hours by taking a look at what an editor does up against a deadline, so my hours would fall in the dates leading up to a deadline being turned in. In a sense it would just be “additional hours” that I’d already do anyway but now I want to put them towards something. 3. Explain how this component will help you explore your topic in more depth. All my research to this point has been centered around the work one does to get a book’s theme off the ground. So now I want to start looking at my project through present-day goggles in a sense and look at what an editor needs to do during the year to keep the book’s theme in tact

4. Post a log in your Senior Project Hours link and label it "Independent Component 2" log.

#Independent component

Independent Component 1

a.) I, Jake Taylor, affirm that I completed my first Independent Component, which represents 146 hours of work b.) I used various sources from: Camp Curriculum Aka The Yearbook Bible Vol. 20 (2015): Print. 26 Sept. 2015. all are cited in my WB (a grand total of 12 articles) c.) My first independent component has a specific color tag in my hours log d.) Starting with my summer mentorship, yearbook camp, we were required to create and turn in a theme packet, a small-scoped look at how we wanted our book to look, sound, and feel. We received feedback from “yearbook gurus” on our theme packet and from there it was a matter of implementing the changes that they discussed or keeping the elements we decided on feeling that they best articulated our theme’s message, and by extent our book’s message for that year. From yearbook camp all the way up until the first deadline of the book was submitted, there was a constant state of flux in many of the stylistic choices we made in the book. There’s a long list of them but just to name a couple: i.) whether or not to use division page copy, ii.) Certain fonts used, iii.) Use of certain design elements from spread to spread, etc. So basically my research for this component was centered around making use of all the different departments of a yearbook (copy, photo, and design) to all help point towards a common message (a theme) because the reality is you need to merge all of those elements together in a way that sends 1 clear message

(please forgive me I can’t post pdfs as image files on my blog so please proceed to these links that will show you what I’m talking about) I’m going to use one of the book’s division spread as an example of just how much things changed between August (end of Yearbook Camp) and October (First Deadline’s submission date

This is a division page that has been finalized for the book https://drive.google.com/file/d/0B-oZoQptp9MCelJjRFNPYjAtSEk/view?usp=sharing This was a division spread submitted for review at Yearbook Camp https://drive.google.com/file/d/0B-oZoQptp9MCYzNkMzRuVkhjbHc/view?usp=sharing

But anyway, there’s some conceptual similarities, we knew we wanted to make use of a vertical bar as a design element... and that’s about it. You look at these two spreads and realize they’re not alike in many extremely relevant elements. There WAS division copy that isn’t anymore, the table of contents was bigger, there was a near completely different set of fonts, I could go on and on. So basically once yearbook camp was over, we took like a week long’s breather because we’d just survived the dreaded behemoth that is yearbook camp (seriously, I was up until 3 a.m. every morning to be up at 7 for breakfast. not fun) and then we got back to yearbook work and realized that our “first draft” of our theme... was crap. We all loved our verbal message (opening copy) so we didn’t change it but there was a continuous state of dissatisfaction with our visuals accompanying it; and that actually happens all the time, some schools start working on their themes in April and don’t like the way it looks until 5-6 months of continuous tinkering, but the other editors as well as myself knew we were hitting on something new to I-Poly Yearbook with our theme’s concepts of unity and family. So it was on the design team (3 design editors Raelene Calderon, Scully Kuo, and Madee Doctor as well as Julianne General and myself) to hammer out what exactly it was we didn’t like about our designs. It took about 2 months of weekly meetings (some weeks we had 2 meetings a week as evidence on my hours log) to come to a place where all of the designers were on the same page in terms of visual message to accompany the verbal message we fell in love with back in August.

This Independent Component really helped me learn to appreciate how much designers do for a yearbook. I came in to the Editor-in-Chief position with design being the one department of the book where I’d had the least experience. (show me the school’s last 2 yearbooks and I can show you countless photos I took and stories I’d written, I’d even came up with the tagline as well as wrote the opening copy for last year’s book Misfit Right In) And I have to say I was rudely awoken with the reality that design is a lot of intense work and designing within a group setting like this one helped teach me how important communication amongst an editing staff was (an idea that might feed into one of my later answers I don’t know yet). It should be noted that the 3 designers were not present at yearbook camp otherwise we probably would’ve been further along in developing our visual with their presence. I can’t hold their absence against them for the reason it wasn’t their choice but in the interest of learning I can say their absence actually helped me learn to appreciate the job they serve in helping the book work.

#Independent Component

Blog 8: Independent Component 1 Proposal

1. Describe in detail what you plan to do for your 30 hours.

I plan to follow through with NaNoWriMo for my independent component. NaNoWriMo refers to the National Novel Writing Month, which takes place in November. During that month, the challenge is to complete a full length novel within that thirty day span of time. Adults and those who choose to do so can hold up the typical standard of 50,000 words, though those seventeen and under can elect to do whatever word count they desire as a part of the NaNoWriMo Young Writers program. I will be doing the latter, and aim to complete a 20,000 word novella in November.

This independent component will comprise of me researching thoroughly for the world I’m writing on, as it takes place in the early 1900s and knowledge of the era will be crucial to the novella’s accuracy. Once I have a good amount of research down, I will move onto world-building and character building (which I’ve already started on) before officially starting the novel come November. There’s going to be a great deal of preliminary acts in the month of October before I can fully get to NaNoWriMo, which is okay, as it does teach me about how long the researching process for novels truly is.

(Source)

(I have a tag on my personal Tumblr account dedicated to inspiration for this story. This is one of the initial pictures I looked at when creating Evelyn and considering the juxtaposition of femininity with violent strength.)

The plot I’ve decided upon would follow a protagonist by the name of Evelyn Moore, former runaway and active thief. Due to her abusive upbringing, she refuses to let people in, choosing instead to live her life on the road with no attachments to anyone or anything. Evelyn feels content in the isolation, until one day, while passing through a no-name small town, she stumbles upon a young girl (no older than nine) bearing quick reflexes and faded bruises which could lead to no other origin than the one Evelyn herself had. Though she’s tempted to get involved, Evelyn decides it’s in her best interest to leave this one be, before she breaks her rule of “no attachments.” Unfortunately for her, avoiding this will be impossible as a sudden and terrifying disease spreads throughout the region, giving Evelyn no other choice but to take the young girl with her on the road. This launches them onto a path of survival, in which Evelyn is just trying to get the kid off her hands while simultaneously having to fight off mindless leagues of infected and avoid a rookie ranger who has been after her for the past few weeks.

I’ve only attempted to write a piece about zombies once before, so this looks like it’ll be an interesting process. Should this end up being my independent component, I think it will be an exciting thing to try out.

2. Discuss how or what you will do to meet the expectation of showing 30 hours of evidence.

I’m not sure how comfortable I am with having my entire novel showcased in full length for everyone to see as I write it, so I think it’d be best to just have an excerpt from the book posted in each IC update and 3-5 pages made available for reading each week of November. I could also have a link to my world-building/story progression doc on the side of my senior project blog so that anyone who wants to learn more about my novel can look at my detailed albeit confusing plan.

Should the teachers want to, I would be willing to talk about having my entire novel available for their reading once I complete it.

Besides that, though, I’m not entirely sure how else I can show my work. One of the requirements of the NaNoWriMo program is that an author, by the end of November 30th, has their completed novel pasted onto their account. If it meets the word count as listed, this person will receive an official web badge from the site, which is limited exclusively to those to finish their novel. It’s not an amazing prize by any means, but it is relative proof I completed a piece of fiction totaling to at least 20,000 words.

If all of the possible shows of work listed are not enough, I am more than willing to discuss ways in which I could further display the progress of my independent component.

3. Explain how what you will be doing will help you explore your topic in more depth.

Going through with NaNoWriMo will give me firsthand experience on the world of novel writing as there’s no better way to understand the process of creating a book than actually getting out and experiencing it oneself.

By doing this as my independent component, I will be throwing myself into a challenge that every year, a great deal of authors (budding or established) attempt on their own. I will be able to truly get a sense of the researching process by taking time to learn about the era I’m writing on as well the mechanics of the being infected within this fictional world. I will be able to really experience what it’s like to sit down at one’s computer every day and hammer out words almost aimlessly, forcing a sense of consistency on myself that is required for thriving writers.

To put it simply, by going out and completing the most crucial component to the writing world myself, I will truly understand the plight of authors in a way that can’t be grasped by someone who has never actually written a book.

With this independent component, I will also attempt to put my tentative EQ to the test, trying out some of the applicable methods I’ve been considering as answers to the question of how one creates a memorable reader experience. This way, I’ll be able to see exactly what does and doesn’t work in practice.

It sounds like a great deal of hard work, tedious attempts at constant self-improvement, and significant effort for an independent component, but I think this is the only way that I can understand and be able to vocalize the struggles of writers.

It’s difficult, and so I have to throw myself into the midst of difficulty just as they had. Hopefully, by the end of November, I will come out with a deeper sense of the writing world which will help me better comprehend certain parts of the community I’ve only been able to view as a spectator thus far.

(Source)

4. Update your Senior Project Hours log.

The format for my independent component hours is set up directly next to the summer mentorship hours section.

#independent component

New Post has been published on Mocco

New Post has been published on http://mocco.sk/integrating-multiple-choice-quizzes-in-wordpress-creating-the-frontend/

Integrating Multiple Choice Quizzes in WordPress - Creating the Frontend

This is the second part of the series on developing a multiple choice quiz plugin for WordPress. In the first part we created the backend of our plugin to capture the necessary data to store in the database.

In this final part, we will be creating the frontend of the plugin where the users can take quizzes and evaluate their knowledge.

The following topics will be covered in this part of completing our plugin:

Create a Shortcode to Display a Quiz

Integrating a jQuery Slider to Display Questions and Navigation

Completing a Quiz and Generating Results

Creating a Quiz Timer

We will need a considerable amount of questions in the backend to generate random quizzes. I hope that you already worked with the backend and stored enough questions for quizzes.

So let’s get started.

Create a Shortcode to Display a Quiz

First we should have a post or page which loads the display elements of the quiz. This can be achieved by using either a shortcode or page template. In this plugin, a shortcode will be used to make it independent from the theme.

Shortcodes allow us to use the plugin as an independent component while page templates depend on the theme. On the other hand, a page template is much more secure than shortcodes as there is a possibility of deleting shortcodes inside pages by mistake.

Initially, the shortcode should output the available quiz categories so that the users can select a category to generate the quiz. A shortcode will be added in the constructor using the add_shortcode function as given in the following code.

add_shortcode( 'wpq_show_quiz', array( $this, 'wpq_show_quiz' ) );

Now, let’s look at the implementation for the shortcode by retrieving available quiz categories from the database.

function wpq_show_quiz( $atts ) { global $post; $html = '<div id="quiz_panel"><form action="" method="POST">'; $html .= '<div class="toolbar">'; $html .= '<div class="toolbar_item"><select name="quiz_category" id="quiz_category">'; // Retrive the quiz categories from database $quiz_categories = get_terms( 'quiz_categories', 'hide_empty=1' ); foreach ( $quiz_categories as $quiz_category ) { $html .= '<option value="' . $quiz_category->term_id . '">' . $quiz_category->name . '</option>'; } $html .= '</select></div>'; $html .= '<input type="hidden" value="select_quiz_cat" name="wpq_action" />'; $html .= '<div class="toolbar_item"><input type="submit" value="Select Quiz Category" /></div>'; $html .= '</form>'; $html .= '<div class="complete toolbar_item" ><input type="button" id="completeQuiz" value="Get Results" /></div>'; // Implementation of Form Submission // Displaying the Quiz as unorderd list return $html; }

Our shortcode will generate the HTML form and necessary controls used for the quiz. We retrieve the list of available quiz categories into a drop down field to let the user select the prefered category. We can use the get_terms function with hide_empty=1 to get the quiz categories which have at least one question.

A hidden field called wpq_action is used to check the $_POST values after submission.

After you insert the shortcode into a page or post, output will look like the following screen.

Now the user can select a quiz category and submit the form in order to get the quiz. So we are going to handle the form submission inside a shorcode to get the selected category and retrieve random questions for quizzes.

The following code contains the implementation of retrieving questions from a selected category.

$questions_str = ""; if ( isset( $_POST['wpq_action'] ) && 'select_quiz_cat' == $_POST['wpq_action'] ) { $html .= '<div id="timer" style="display: block;"></div>'; $html .= '<div style="clear: both;"></div></div>'; $quiz_category_id = $_POST['quiz_category']; $quiz_num = get_option( 'wpq_num_questions' ); $args = array( 'post_type' => 'wptuts_quiz', 'tax_query' => array( array( 'taxonomy' => 'quiz_categories', 'field' => 'id', 'terms' => $quiz_category_id ) ), 'orderby' => 'rand', 'post_status' => 'publish', 'posts_per_page' => $quiz_num ); $query = new WP_Query( $args ); $quiz_index = 1; while ( $query->have_posts() ) : $query->the_post(); // Generating the HTML for Questions endwhile; wp_reset_query(); // Embedding Slider } else { $html .= '<div id="timer" style="display: none;"></div>'; $html .= '<div style="clear: both;"></div></div>'; }

The code given should be included into the Implementation of Form Submission section of the previous code.

Once the form is submitted, we check whether the form contains the required action using the hidden field we generated earlier. Then we get the selected quiz category from the $_POST array.

Then we query the database for wptuts_quiz posts with the selected quiz category.

It’s important to set orderby as rand to generate random questions for quizzes, which otherwise will generate the same set of questions each time. Also, make sure to set posts_per_page to set the maximum number of questions per any given quiz.

Once the results are generated we need to add the questions into the necessary HTML elements and we will be implementing it in the next section.

Integrating a jQuery Slider to Display Questions and Navigation

Quizzes can be generated as a screen which contains all the questions at once, or screen which contains one question at a time with navigation controls. I believe that the latter technique is the favorite among most people. Therefore, we are going to display this quiz with a single question and navigation for traversing to previous and next questions.

Generating this functionality from scratch can be a time consuming task as well as reinventing the wheel. A jQuery slider will be the perfect solution for this situation and I’ll be using RhinoSlider, as it’s my favorite, so grab a copy.

Inside the downloaded folder, you will see three folders called img, js, and css. Copy the img and css folders into our plugin and copy the files inside the js folder to the existing js folder we have on our quiz plugin. Now we can get started on including the necessary scripts and styles for the slider.

Including Frontend Scripts

In the first part, we created the necessary scripts for the backend. In this part we are going to include the necessary scripts for RhinoSlider as well as quiz.js for custom functionality.

For larger applications, we can use separate script files for both frontend and backend. I’ll be using one script file to make things simpler.

Consider the following code for including scripts and necessary configuration data.

function wpq_frontend_scripts() { wp_register_script( 'rhino', plugins_url( 'js/rhinoslider-1.05.min.js', __FILE__ ), array( 'jquery' ) ); wp_register_script( 'rhino-mousewheel', plugins_url( 'js/mousewheel.js', __FILE__ ), array( 'jquery' ) ); wp_register_script( 'rhino-easing', plugins_url( 'js/easing.js', __FILE__ ), array( 'jquery' ) ); wp_register_script( 'quiz', plugins_url( 'js/quiz.js', __FILE__ ), array( 'jquery', 'rhino', 'rhino-mousewheel', 'rhino-easing' ) ); wp_enqueue_script( 'quiz' ); $quiz_duration = get_option( 'wpq_duration' ); $quiz_duration = ( ! empty( $quiz_duration ) ) ? $quiz_duration : 300; $config_array = array( 'ajaxURL' => admin_url( 'admin-ajax.php' ), 'quizNonce' => wp_create_nonce( 'quiz-nonce' ), 'quizDuration' => $quiz_duration, 'plugin_url' => $this->plugin_url ); wp_localize_script( 'quiz', 'quiz', $config_array ); }

Here we have three JavaScript files used for the RhinoSlider and the quiz.js file for custom functionality. In the previous part, we configured the duration of the quiz. We can retrieve the duration using the get_option function and assign it to the $config array. Also, we have to include common configurations in the config array.

Finally we can use the wp_localize_script function to assign the config data in the quiz.js file.

Including Frontend Styles

Similarly we can include the CSS files required for Rhino Slider using the following code.

function wpq_frontend_styles() { wp_register_style( 'rhino-base', plugins_url( 'css/rhinoslider-1.05.css', __FILE__ ) ); wp_enqueue_style( 'rhino-base' ); }

Finally we need to update the plugin constructor to add the necessary actions for including scripts and styles as given in the following code.

add_action( 'wp_enqueue_scripts', array( $this, 'wpq_frontend_scripts' ) ); add_action( 'wp_enqueue_scripts', array( $this, 'wpq_frontend_styles' ) );

Everything is ready to integrate the slider with questions into the shortcode we created earlier. Let’s move forward.

Embedding the Slider Into the Shortcode

We currently have two comments inside the shortcode function, mentioning “Generating HTML for Questions” and “Embedding Slider”. Those sections need to be updated with respective code to generate a slider. First we need to update the while loop as follows.

while ( $query->have_posts() ) : $query->the_post(); $question_id = get_the_ID(); $question = the_title( '', '', FALSE ) . ' ' . get_the_content(); $question_answers = json_decode( get_post_meta( $question_id, '_question_answers', true ) ); $questions_str .= '<li>'; $questions_str .= '<div class="ques_title"><span class="quiz_num">' . $quiz_index . '</span>' . $question . '</div>'; $questions_str .= '<div class="ques_answers" data-quiz-id="' . $question_id . '">'; $quiestion_index = 1; foreach ( $question_answers as $key => $value ) { if ( '' != $value ) { $questions_str .= $quiestion_index . ' <input type="radio" value="' . $quiestion_index . '" name="ans_' . $question_id . '[]" />' . $value . '<br/>'; } $quiestion_index++; } $questions_str .= '</div></li>'; $quiz_index++; endwhile;

Code Explanation

Inside the loop, first we get the question by concatenating the title and content field for questions.

Then we retrieve the answers of each question by using the get_post_meta function.

Inside the foreach loop, all the answers will be assigned to the radio buttons with necessary values.

Necessary list items will be assigned inside the loop including the HTML data attributes, which will come in handy in the next section.

Final output of the while loop will be a string variable which contains the list of questions and their answers embedded in HTML.

Next we need to create the containers for the slider in the section commented as “Embedding Slider”. The following code contains the HTML code for creating containers.

$html .= '<ul id="slider">' . $questions_str; $html .= '<li id="quiz_result_page"><div class="ques_title">Quiz Results <span id="score"></span></div>'; $html .= '<div id="quiz_result"></div>'; $html .= '</li></ul></div>';

We will be using an unordered list called slider as the container for Rhino Slider. Initially we include the set of questions and answers generated inside the loop, using $questions_str. It will contain a collection of list items.

Then we have to manually create another list item to show the results of the quiz and the score.

Now all the data and slides required for the quiz application are configured. We can initialize Rhino Slider in quiz.js to see the quiz in action.

jQuery(document).ready(function($) { $('#slider').rhinoslider( { controlsMousewheel: false, controlsPlayPause: false, showBullets: 'always', showControls: 'always' } ); } );

I have used some custom CSS styles to improve the look and feel. You can find all the modified CSS under the wp_quiz section of the rhinoslider-1.05.css file. Now you should have something like the following image.

Completing the Quiz and Generating Results

Once the quiz is loaded, you can use the navigation controls to move between questions and select the answers. You should click the “Get Results” button once all questions are answered. Now we need to create the quiz results using an AJAX request.

Let’s implement the jQuery code for making the AJAX request.

$("#completeQuiz").click(function() { wpq_quiz_results(); }); var wpq_quiz_results = function() { var selected_answers = {}; $(".ques_answers").each(function() { var question_id = $(this).attr("data-quiz-id"); var selected_answer = $(this).find('input[type=radio]:checked'); if ( selected_answer.length != 0 ) { var selected_answer = $(selected_answer).val(); selected_answers["qid_"+question_id] = selected_answer; } else { selected_answers["qid_"+question_id] = ''; } } ); // AJAX Request };

Once the “Get Results” button is clicked, we call the wpq_quiz_results function using jQuery. Each question was added to the slider with a special CSS class called ques_answers.

While traversing through each element with the ques_answers class, we retrieve the question ID using the HTML data-attribute called data-quiz-id and the selected radio button using jQuery.

Finally we assign all the questions and the selected answers into an array called selected_answers, to be passed into the AJAX request.

Take a look at the following code for implementation of the AJAX request.

$.post(quiz.ajaxURL, { action: "get_quiz_results", nonce: quiz.quizNonce, data: selected_answers, }, function(data) { // AJAX result handling code }, "json" );

First we create the AJAX request using the configuration data assigned from the wpq_frontend_scripts function. The answers list generated in the previous section will be sent as the data parameter. Before handling the result, we have to look at the implementation of server side code in the following section.

Creating an AJAX Handler on the Server Side

First we have to update the constructor with the actions necessary for using AJAX for both logged in users and normal users as shown in the following code.

add_action( 'wp_ajax_nopriv_get_quiz_results', array( $this, 'get_quiz_results' ) ); add_action( 'wp_ajax_get_quiz_results', array( $this, 'get_quiz_results' ) );

Then we can move into the implementation of the get_quiz_results function as shown in the following code.

Code Explanation

Selected answers for all the questions will be received using the data parameter inside the $_POST array.

Then we retrieve the question ID of each question by replacing the qid_ prefix.

Next we receive the correct answer of each question from the database using the get_post_meta function.

Next we check whether the provided answer matches the correct answer and create $question_results based on the status of the result.

While checking the answers, we need to update the quiz score using the $score variable.

Finally we assign the quiz results and scores to the $quiz_result_data array to be sent as the response.

Up to now, we created the AJAX request and implemented the server side response. In the next section we are going to complete the quiz results generation process by handling the AJAX response.

Handling AJAX Response Data

In the response handling part, we have quite a few tasks including the display of quiz results and scores. So I am going to separate the code into a few sections to make the explanation clear. Consider the following code which contains the complete AJAX request.

$.post( quiz.ajaxURL, { action: 'get_quiz_results', nonce: quiz.quizNonce, data: selected_answers }, function(data) { // Section 1 var total_questions = data.total_questions; $('#slider').data('rhinoslider').next($('#rhino-item' + total_questions)); $('#score').html( data.score + '/' + total_questions); // Section 2 var result_html = '<table>'; result_html += '<tr><td>Question</td><td>Answer</td><td>Correct Answer</td><td>Result</td></tr>'; var quiz_index = 1; $.each(data.result, function( key, ques ) { result_html += '<tr><td>' + quiz_index + '</td><td>' + ques.answer + '</td><td>' + ques.correct_answer + '</td>'; result_html += '<td><img src="' + quiz.plugin_url + 'img/' + ques.mark + '.png" /></td></tr>'; quiz_index++; }); result_html += '<tr><td> </td><td></td><td></td>'; result_html += '<td></td></tr>'; // Section 3 $('#quiz_result').parent().css('overflow-y','scroll'); $('#quiz_result').html(result_html); $('#timer').hide(); }, 'json' );

Explanation of Section 1

First, we retrieve the total questions of the quiz from the response received from the server. Then we use the next function of Rhino Slider to redirect the user to the results slide. Then we set the user score with the total questions inside the #score container.

Explanation of Section 2

The initial part of this code generates the HTML table with necessary headings to display the results. Then we assign the questions to the table inside the jQuery each loop. We have used two images to display the success or failure status of the question.

Explanation of Section 3

Initially we have to allow scrolling in the results page as it can be quite long for quizzes with a large number of questions. The CSS overflow-y attribute is used to allow scrolling. Finally we set the quiz results table into the #quiz_result container and hide the timer, which we will be implementing in the next section.

Once the quiz is completed, your screen should look like something similar to the following image.

Creating a Quiz Timer

Usually any exam or quiz has a predefined time frame. So we are going to use the duration we configured in the settings page of our plugin to generate the quiz timer. We have already configured the timer to be hidden on initial page load, and to be visible on form submission, in the shortcode.

Let’s focus on the dynamically changing timer using jQuery code as shown in the following.

Quiz duration is retrieved using the configuration array passed using the wp_localize_script function. Duration is then converted into seconds by multiplying by 60.

Then we create a setTimeout function to start the timer. Inside the function, we reduce the duration by 1 and assign to the #timer container. When the time gets down to zero, we call the wpq_quiz_results function to automatically complete the quiz and generate the results.

Finally, we call the setTimeout function recursively to update the remaining time. We have completed the implementation of the timer and your quiz should look like the following image with the timer.

Wrap Up

Throughout this two-part series, we developed a simple and complete multiple choice quiz plugin for WordPress. You can extend the functionality of this plugin to suit the requirements of your application. I suggest you could improve the plugin by trying out the following:

Create a way to assign questions to quizzes instead of generating random quizzes.

Save the quiz results for logged in users.

Create a quiz competition between users.

Let me know your suggestions and how it goes with the plugin extending process.

Looking forward to hearing from you.

Other parts in this series:Integrating Multiple Choice Quizzes in WordPress – Creating the Backend

Check out the original source here.

#category id #database function #indepednent component #independent component #multiple choice #necessary data #page templaet #page template #quiz category #Wordpress