\documentclass{spie}
\usepackage[english]{babel}
\usepackage[utf8]{inputenc}
\usepackage{graphicx}
\usepackage[colorinlistoftodos]{todonotes}
\usepackage{url}
\usepackage[section]{placeins}
\usepackage{float}
\title{Quiz Challenger\\
University of Applied Sciences, Kiel
}
\author{ M. A. Khushi\supit{a} and
W. Ahmed\supit{b} and
H. Ghaffar\supit{c} and
R. Abbas\supit{d} and
U. Dewandi\supit{e}
}
\authorinfo{
Further author information: \\
M.A.K.: E-mail: muhammad.a.khushi@student.fh-kiel.de\supit{a} \\
W.A.: E-mail: waqas.b.ahmed@student.fh-kiel.de\supit{b} \\
H.G.: E-mail: haseeb.ghaffar@student.fh-kiel.de\supit{c} \\
R.A.: E-mail: raza.abbas@student.fh-kiel.de\supit{d} \\
U.D.: E-mail: upendra.dewandi@student.fh-kiel.de\supit{e} \\
}
\begin{document}
\maketitle
\begin{abstract}
The idea behind Quiz Challenger was to create knowledgeable environment in which user can share and enhance knowledge by giving and accepting challenge. The Quiz challenger is developed on JavaScript used for front-end and node JS used for back-end development. To dealt with database
we use MongoDB.
\end{abstract}
\keywords{JS,NodeJS,Quiz Challenger,MongoDB}
\section{Introduction}
We often have a craze to check the knowledge of the people living in our surroundings so taking this an idea we develop a web application in which a user create a quiz for their friends.
\\\\
Two types of users can interact with our system, Registered users and anonymous users. Anonymous user can only take the quiz that are already available in database. A user can register himself with a valid email id in the system. After successful registration he will be able to create quiz and also can give quiz to check his knowledge as well.
\\\\
When quiz creation is completed, then user can challenge his friends with valid email id's. An email will be sent to the friend with a link of the quiz and challenger name. When a user click on the link or paste the link in the browser, quiz will be started. When a user done with the last question of the quiz and proceed further then the result will be shown to user and an automated email will be sent to the challenger which contains the result of the friend.
\\
\textbf{The aim} of the application is to facilitate the users to check the knowledge of the his friends and himself also.In that case he will be able to create a quiz of his own choice or can pick the quiz from the system database and challenge his friends.
\\\\
The rest of report is organized as the Development, result, responsibility matrix and conclusion.
%Now going to discuss the De
\section{Development}
\subsection{User's and Characteristic's}
These are the following entities that interact with the system.
\begin{itemize}
\item \textbf{User} will give request to create quiz to system .
\item \textbf{DataBase} is going to fulfill the query and give back the quiz formatted.
\end{itemize}
\begin{figure}[ht]
\centering
\includegraphics[scale=0.3]{usecase}
\caption{Users and Characteristics}
\label{fig:UseCase}
\end{figure}
\subsection{Software Dependencies}
\begin{itemize}
\item Jquery
\item Node JS
\item MongoDB
\item Android 4.0+
\end{itemize}
\subsection{System Flow}
\begin{figure}[ht]
\centering
\includegraphics[scale=0.4]{userflow}
\caption{System Flow Diagram}
\label{fig:userflow}
\end{figure}
\subsubsection{Quiz Challenger – Web application}
The main task of this application is to facilitate the user to connect with our system through Internet. Thorough this portal user can register himself in the system and can create or give the quiz to check the knowledge of his friend and himself as well. He can also contact the administration of this application by posting his query on the contact form and email will be sent to both parties.
\subsubsection{Database - MongoDB}
MongoDB (from "humongous") is a cross-platform document-oriented database. Classified as a NoSQL database, MongoDB eschews the traditional table-based relational database structure in favor of JSON-like documents with dynamic schemas (MongoDB calls the format BSON), making the integration of data in certain types of applications easier and faster. Released under a combination of the GNU Affero General Public License and the Apache License, MongoDB is free and open-source software.
\subsection{Process Flow}
To understand the process flow between the components in detail, take a look at following figures:
\begin{figure}[H]
\centering
\includegraphics[scale=0.4]{sequence.jpg}
\caption{Process flow}
\label{fig:processflow}
\end{figure}
The user will registered himself with a valid information into the system to access all the content of the system like quiz creation and challenge to his friends.System validate user credential and send an email to user that user successfully registered. After successful login, user can create quiz with different type of questions and challenge to his friend.
\\\\
Quiz will be saved into the database for anonymous user to give the quiz in the future.User enter the email address of the friend to challenge the quiz.An email will be sent to the user with the link of the quiz and challenger name.User click on the link and quiz will be start. After last question , when user click on the next button, result will be shown to user and an automated email will be generated with quiz giver and total score obtained by the user to the challenger.
\subsection{Project Matrix}
Figure\ref{projectmatrix} is the quick view of what responsibilities were distributed among the team for the development of Quiz Challenger.
\begin{figure}[H]
\centering
\includegraphics[scale=0.4]{projectmatrix}
\caption{Project Matrix}
\label{projectmatrix}
\end{figure}
\section{Outlook}
The following figures show an outlook of our sign-up and login page:
\begin{figure}[H]
\minipage{0.48\textwidth}
\includegraphics[width=\linewidth]{signup.png}
\caption{Sign-up for being registered User}\label{fig:signup}
\endminipage\hfill
\minipage{0.48\textwidth}%
\includegraphics[width=\linewidth]{login.png}
\caption{Logging in as registered user }\label{fig:login}
\endminipage
\end{figure}
To create a quiz after doing these two steps can be easy process . The following figure shows an image of Quiz in our web application.
\begin{figure}[ht]
\centering
\includegraphics[scale=0.4]{quiz}
\caption{creating a quiz}
\label{fig:quiz}
\end{figure}
\section{Conclusion and Future Enhancement}
Although we started on abstract level but first step always help to reach the threshold. In this project we created an application that friends can play and share knowledge with each other.
\\\\
The \textbf{Quiz Challenger} team is willingly interested to make this web application more interacting in future and some other things that related to it, here are some plans which we are willing to implement in future:
\begin{itemize}
\item Different types of Questions can be added like check boxes,Fill in the blanks etc .Currently we are catering two types of question, i.e Multiple Choice and True False.
\item Time Slot, A time frame is given to the user that after a particular time automatically quiz will be finished and result will be shown to the user of attempted questions.
\item Competition between different Users. There can be a competition between the user that are online.
\item Facility to share quiz on Social Media i.e Facebook
\item Make quiz for an organization to check the knowledge of their employees.
\item Real Time feature like chat and video calls between the users.
\end{itemize}
\section{Acknowledgments}
The authors would like to thanks everybody who contributed to this project in one way or another specially to our colleagues M.Awais Akhtar and M.Khokhar for helping us throughout. Last but not least the authors would like to thank Prof. Dr. Robert Manzke for supervising, motivating and offering us help.
\begin{thebibliography}{100} % 100 is a random guess of the total number of
%references
\bibitem{Node Js} \emph{http://nodejs.org/}.
\bibitem{MongoDB} \emph{http://www.mongodb.org/}.
\bibitem{Stack overflow} \emph {http://stackoverflow.com/}.
\bibitem{Jquey} \emph{http://jquery.com/}
\end{thebibliography}
\section{Source Code}
\begin{itemize}
\item{ The Project source code is available at https://github.com/adilkhushi/Quiz-Challenger/tree/master/Project}
\end{itemize}
\end{document}
