Integrated Quiz WebApp with Graphical Score Report

Download quiz web solution (source and binary) - 220 Kb

Background

The quiz application demonstrated here allows users to proceed with multi-choice questions like in an IQ Quiz. The database is a simple XML file. The application is a single web user control. The data holder between the pages is the Session bag (Viewstate[ data ]).There are three panels within our quiz user control. They are Quiz panel, Review panel and Score Report panel. I have used my own progress bar control within the Score Report...

Database

Our database is a simple XML file:

<?xml version="1.0" encoding="utf-8" ?> 
<quiz>
  <mc>
     <question correctAnsNo='1'>Which of the fol....?
     </question>
     <answer correct='No' ><![CDATA[  <img src="x...]]>
     </answer>
     <answer correct='No' ><![CDATA[  <img src="x...]]>
     </answer>
     <answer correct='Yes'><![CDATA[  <img src="x...]]>
     </answer>
     <answer correct='No' ><![CDATA[  I Don't Know  ]]>
     </answer>
  </mc>
</quiz>

Using the code

Our quiz user control has four methods:

ShowQuestion(int _qNo)
Review()
ReAnswer()
ShowResult()

The code

First, there are some common member variables:

    //create xmlDocument holder
    XmlDocument doc=new XmlDocument();
    //create empty navigator in order to navigate
    //through our XMLDocument 
    XPathNavigator nav;
    //to loop through 
    XPathNodeIterator nodeItrator;    
    //hold user Answers
    ArrayList historyALst=new ArrayList();
    //hold bookmarked Question(s)
    ArrayList bookmarkLst=new ArrayList();
    //used to replace index 1 by A and 2 by B ....etc
    char[] perfix=new char[10] {'A','B','C','D','F','G','H','J','K','L'};    
    int currentQNo; //current question number
    int totalQNumber; // total quiz question number
    int totalMarkedQuestion; // total marked questions number
        int currentMarkedQuestion; //current bookmarked question number
        int markLoop; // the res number of reanswered bookmarked questions
    DateTime startTime; // quiz start time
    TimeSpan spentTime; 
    bool isReview; // to indicate the status of current qustion
    bool wasChecked=false; //signed as marked Q within Review report.

In the page_load(....), do the following:

    private void Page_Load(object sender, System.EventArgs e)
    {    
        //load our XML DB
        doc.Load(Server.MapPath("quiz.xml"));
        //create navigator for loaded xml File
        nav=doc.CreateNavigator();
            
        //Is New Quiz?.
        if(!IsPostBack)
        {
            //Yes.
            quizPanal.Visible=true;// show quiz screen.
                
            //record start time
            startTime=DateTime.Now;
            currentQNo=1;
            //count and record Total questions Number
            //using our XmlDocumentnavigator by passing
            //XPath sring of question node ( <mc>...</mc>)
                totalQNumber=nav.Select("//mc").Count;
                //store our data in Session bag
                //simply,I use the same name for Sessionbag object
                //and member Field..
            ViewState["startTime"]=startTime;
            ViewState["totalQNumber"]=totalQNumber;
            ViewState["currentQNo"]=currentQNo;
            ViewState["score"]=0;
            //go to first Question
            ShowQuestion(currentQNo);
            }
        }

Let's render question number as currentQNo : ShowQuestion(currentQNo);

Render a specific multi-choice question. This method takes question number as parameter, and uses this number within different XPath strings to navigate through our XML nodes:

    /// <summary>
    /// Retrive Question and its Choices from
    /// XML file and render it to screen
    /// </summary>
    /// <param name="_qNo">Question Numberv/param>
    public void ShowQuestion(int _qNo)
    {
        quizPanal.Visible=true;

        //clear any selected radioList item
        answersRBL.Items.Clear();
        //retrieve Data from session bag and calculate spent time
        startTime=(DateTime)ViewState["startTime"];
        totalQNumber=Convert.ToInt32(ViewState["totalQNumber"]);
        spentTime=DateTime.Now.Subtract(startTime);
        //XPath String of current question node
        //quiz/mc[current question number] 
        string xPath="quiz/mc["+_qNo.ToString()+"]";
        
        int counter=1;
        string str;
        //read current Q Text by by using Select() method
        //of our navigator by set the XPath string 
        //as address of current Question text Node:
        //quiz/mc[current question number]/question
        nodeItrator=nav.Select(xPath+"/question");
        nodeItrator.MoveNext();
        //display some data
        qNoLbl.Text="Q: "+_qNo.ToString()+" / "+totalQNumber.ToString();
        questionLbl.Text=_qNo.ToString()+": "+nodeItrator.Current.Value;
        spentTimeLbl.Text=spentTime.Minutes.ToString()
                   +"~"+spentTime.Seconds.ToString();

        //answer nodes Xpath string quiz/mc[current question number]/answer
        nodeItrator=nav.Select(xPath+"/answer");
        
        while(nodeItrator.MoveNext())
        {    
            str=counter.ToString();
            //add  new radioBtn to Answers RadioList with perfix A, B..
            //with text o the current text node
            answersRBL.Items.Add(new ListItem(perfix[counter-1].ToString()
                           +":"+nodeItrator.Current.Value,str));
                
            //keep correct answer in mind
            if(nodeItrator.Current.GetAttribute("correct","")=="Yes")
            {
                ViewState["correctAnswer"]=counter;
            }
            counter++;//next
        }

There are some actions that take place when this method renders bookmarked questions:

        //retrieve current status from session bag 
        isReview=Convert.ToBoolean(ViewState["isReview"]);
        //Is Review Bookmarked questions Only? 
        if(isReview)
        {//yes
            //disable bookmark checkbox
            bookmarkCKBX.Enabled=false;
            //dispaly an image to notify user 
            Image1.Visible=true;
            qNoLbl.ForeColor=Color.Red;
            RequiredFieldValidator1.Text="Answer The Question !";
        }
        currentQNo++;//next
        ViewState["currentQNo"]=currentQNo;
    }//end method

After that, the user reviews answers history and is allowed to go back or view score report Review():

    /// <summary>
    /// generate Review Report
    /// by retrive user answers from historyALst ArrayList
    /// and Bookmarked Question(s) from bookmarkLst ArrayList
    /// and do user descion
    /// </summary>
    public void Review()
    {
        revisionPanal.Visible=true;
        
        int seqance=0;
        string _is="No";
        //retrieve marked Questions and answers List
        bookmarkLst=(ArrayList)ViewState["bookmarkLst"];
        historyALst=(ArrayList)ViewState["historyALst"];
        totalQNumber=Convert.ToInt32(ViewState["totalQNumber"]);

        wasChecked=Convert.ToBoolean(ViewState["wasChecked"]);
        //are you marked some questions for review ?
        if(!wasChecked){ /* No */ markBtn.Enabled=false;}

        //create Answers History report
        //            
        //table header
        TableCell c=new TableCell();
        TableCell cc=new TableCell();
        TableCell ccc=new TableCell();

        c.Text="Question No.";
        cc.Text="Your Answer";
        ccc.Text="Bookmark ?";
        
        TableRow hr=new TableRow();
        hr.Cells.Add(c);
        hr.Cells.Add(cc);
        hr.Cells.Add(ccc);

        hr.ForeColor=Color.White;
        hr.BackColor=Color.LightSlateGray;

        Table1.Rows.Add(hr);

        Table1.Font.Bold=true;
        //your records
        for(int i=1;i<=totalQNumber;i++)
        {    
            //Cell: Q Number
            TableCell c1=new TableCell();
            c1.Text=i.ToString();
            //Cell: your answer A,B, or C...
            TableCell c2=new TableCell();
            c2.HorizontalAlign=HorizontalAlign.Center;
            c2.Text=perfix[Convert.ToInt32(historyALst[i-1])-1].ToString();
            //Cell: bookmarked or not
            TableCell c3=new TableCell();
            for(int n=0;n < bookmarkLst.Count;n++)
            {    //Is this Q bookmarked ?
                if(Convert.ToInt32(bookmarkLst[n].ToString())==i)
                {//Yes
                    _is=" Yes ";
                }
            }

            c3.Text=_is;
            c3.HorizontalAlign=HorizontalAlign.Center;//align=center
            _is=" No ";//Re-Assign
            TableRow r=new TableRow();
            r.Cells.Add(c1);
            r.Cells.Add(c2);
            r.Cells.Add(c3);
            r.ForeColor=Color.SlateGray;
            //
            //Just, Table template
            if(seqance % 2 != 0)
            {
                r.BackColor=Color.Gainsboro;
            }
            
            //display it
            Table1.Rows.Add(r);
                
            eqance++;//next ..
        }//end for
    }//end method

If the user decides to go back, then ReAnswer():

    /// <summary>
    /// generate a list of bookmarked questions
    /// and fire ShowQuestion() for first one
    /// according to some rules
    /// </summary>
    public void ReAnswer()
    {
        quizPanal.Visible=true;

        isReview=true;
        //retrieve data    
        bookmarkLst=(ArrayList)ViewState["bookmarkLst"];
    
        totalMarkedQuestion=bookmarkLst.Count;
        currentMarkedQuestion=Convert.ToInt32(bookmarkLst[0]);
        //store data
        markLoop=1;
        ViewState["markLoop"]=markLoop;
        ViewState["isReview"]=isReview;
        ViewState["totalMarkedQuestion"]=totalMarkedQuestion;
        ViewState["currentMarkedQuestion"]=currentMarkedQuestion;
        //Show first marked question
        ShowQuestion(currentMarkedQuestion);
    }//end method

In the end, call the Score report: ShowResult()

    /// <summary>
    /// generate Score Report
    /// by some simple calculations
    /// </summary>
    public void ShowResult()
    {
        resultPanal.Visible=true;
        //retrieve data    
        int score=Convert.ToInt32(ViewState["score"]);
        totalQNumber=Convert.ToInt32(ViewState["totalQNumber"]);
        startTime=(DateTime)ViewState["startTime"];
        spentTime=DateTime.Now.Subtract(startTime);
        
        //set own Progress Bar Max. Value
        progressBar.Total=totalQNumber*100;
        //set your score as progressed value
        progressBar.Value=score*100;
        
        //display some data:
        //
        //date
        dateLbl.Text=DateTime.Now.ToUniversalTime().ToShortDateString();
        //total Q number
        totalQNoREsLbl.Text=totalQNumber.ToString();
        //Total Score (as Total Question number * 100 )
        totalScoreLbl.Text=(totalQNumber*100).ToString();
        //Your Score (as your correct answers * 100)
        scoreLbl.Text=(score*100).ToString();
        //number of correct answers
        correctAnswersLbl.Text=score.ToString();
        //passing score
        passingScoreLbl.Text=(totalQNumber*100/2).ToString();
        //Time Spent
        timeTakenLbl.Text=spentTime.Hours.ToString()
                +"<font color=\"#666699\">:</font>"
                +spentTime.Minutes.ToString()
                +"<font color=\"#666699\">:</font>"
                +spentTime.Seconds.ToString()
                +"<font color=\"#666699\" size=\"1\">Hr(s).</font>";


        //Success or ...!
        if((score*100/totalQNumber)<50)
        {
            gradeLbl.ForeColor=Color.Red;
            gradeLbl.Text="Failed";
        }
        else
        {
            gradeLbl.ForeColor=Color.Green;
            gradeLbl.Text="Success";
        }
    }//end method