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.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
% Jacobs Landscape Poster
% LaTeX Template
% Version 1.0 (29/03/13)
%
% Created by:
% Computational Physics and Biophysics Group, Jacobs University
% https://teamwork.jacobs-university.de:8443/confluence/display/CoPandBiG/LaTeX+Poster
%
% Further modified by:
% Nathaniel Johnston (nathaniel@njohnston.ca)
%
% This template has been downloaded from:
% http://www.LaTeXTemplates.com
%
% License:
% CC BY-NC-SA 3.0 (http://creativecommons.org/licenses/by-nc-sa/3.0/)
%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%----------------------------------------------------------------------------------------
% PACKAGES AND OTHER DOCUMENT CONFIGURATIONS
%----------------------------------------------------------------------------------------
\documentclass[final]{beamer}
\usepackage[scale=1.24]{beamerposter} % Use the beamerposter package for laying out the poster
\usetheme{confposter} % Use the confposter theme supplied with this template
\setbeamercolor{block title}{fg=ngreen,bg=white} % Colors of the block titles
\setbeamercolor{block body}{fg=black,bg=white} % Colors of the body of blocks
\setbeamercolor{block alerted title}{fg=white,bg=dblue!70} % Colors of the highlighted block titles
\setbeamercolor{block alerted body}{fg=black,bg=dblue!10} % Colors of the body of highlighted blocks
% Many more colors are available for use in beamerthemeconfposter.sty
%-----------------------------------------------------------
% Define the column widths and overall poster size
% To set effective sepwid, onecolwid and twocolwid values, first choose how many columns you want and how much separation you want between columns
% In this template, the separation width chosen is 0.024 of the paper width and a 4-column layout
% onecolwid should therefore be (1-(# of columns+1)*sepwid)/# of columns e.g. (1-(4+1)*0.024)/4 = 0.22
% Set twocolwid to be (2*onecolwid)+sepwid = 0.464
% Set threecolwid to be (3*onecolwid)+2*sepwid = 0.708
\newlength{\sepwid}
\newlength{\onecolwid}
\newlength{\twocolwid}
\newlength{\threecolwid}
\setlength{\paperwidth}{48in} % A0 width: 46.8in
\setlength{\paperheight}{36in} % A0 height: 33.1in
\setlength{\sepwid}{0.024\paperwidth} % Separation width (white space) between columns
\setlength{\onecolwid}{0.22\paperwidth} % Width of one column
\setlength{\twocolwid}{0.464\paperwidth} % Width of two columns
\setlength{\threecolwid}{0.708\paperwidth} % Width of three columns
\setlength{\topmargin}{-0.5in} % Reduce the top margin size
%-----------------------------------------------------------
\usepackage{graphicx} % Required for including images
\usepackage{booktabs} % Top and bottom rules for tables
%----------------------------------------------------------------------------------------
% TITLE SECTION
%----------------------------------------------------------------------------------------
\title{Quiz Challenger} % Poster title
\author{M.Adil Khushi(924301),Waqas Ahmed(924309),Haseeb Ghaffar(924215),Raza Abbas(925805) and Upendra Dewandi(925855)} % Author(s)
\institute{Fachhochschule kiel} % Institution(s)
%----------------------------------------------------------------------------------------
\begin{document}
\addtobeamertemplate{block end}{}{\vspace*{2ex}} % White space under blocks
\addtobeamertemplate{block alerted end}{}{\vspace*{2ex}} % White space under highlighted (alert) blocks
\setlength{\belowcaptionskip}{2ex} % White space under figures
\setlength\belowdisplayshortskip{2ex} % White space under equations
\begin{frame}[t] % The whole poster is enclosed in one beamer frame
\begin{columns}[t] % The whole poster consists of three major columns, the second of which is split into two columns twice - the [t] option aligns each column's content to the top
\begin{column}{\sepwid}\end{column} % Empty spacer column
\begin{column}{\onecolwid} % The first column
%----------------------------------------------------------------------------------------
% OBJECTIVES
%----------------------------------------------------------------------------------------
\begin{alertblock}{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{alertblock}
%----------------------------------------------------------------------------------------
% INTRODUCTION
%----------------------------------------------------------------------------------------
\begin{block}{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.
\end{block}
%------------------------------------------------
\begin{figure}
\includegraphics[width=0.8\linewidth]{system.png}
\caption{System flow Diagram}
\end{figure}
%----------------------------------------------------------------------------------------
\end{column} % End of the first column
\begin{column}{\sepwid}\end{column} % Empty spacer column
\begin{column}{\twocolwid} % Begin a column which is two columns wide (column 2)
\begin{columns}[t,totalwidth=\twocolwid] % Split up the two columns wide column
\begin{column}{\onecolwid}\vspace{-.6in} % The first column within column 2 (column 2.1)
%----------------------------------------------------------------------------------------
% MATERIALS
%----------------------------------------------------------------------------------------
\begin{block}{Software Dependencies}
The following technologies were required to complete the project:
\begin{itemize}
\item Jquery
\item Node JS
\item MongoDB
\item Android 4.0+
\end{itemize}
The following procedural things are fulfilled in our project :
\begin{enumerate}
\item Sign-up Page
\item Login Page
\item Quiz Creation
\item Challenging the Quiz
\end{enumerate}
\end{block}
%----------------------------------------------------------------------------------------
\end{column} % End of column 2.1
\begin{column}{\onecolwid}\vspace{-.6in} % The second column within column 2 (column 2.2)
%----------------------------------------------------------------------------------------
% METHODS
%----------------------------------------------------------------------------------------
\begin{block}{Process Flow}
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.
\end{block}
%----------------------------------------------------------------------------------------
\end{column} % End of column 2.2
\end{columns} % End of the split of column 2 - any content after this will now take up 2 columns width
%----------------------------------------------------------------------------------------
% IMPORTANT RESULT
%----------------------------------------------------------------------------------------
\begin{alertblock}{ Idea Refinement}
The basic idea behind our web application is to create Real-time application in near future.
\end{alertblock}
%----------------------------------------------------------------------------------------
\begin{columns}[t,totalwidth=\twocolwid] % Split up the two columns wide column again
\begin{column}{\onecolwid} % The first column within column 2 (column 2.1)
%----------------------------------------------------------------------------------------
% MATHEMATICAL SECTION
%----------------------------------------------------------------------------------------
\begin{block}{Development}
\textbf{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.
\\
\textbf{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.
\end{block}
%----------------------------------------------------------------------------------------
\end{column} % End of column 2.1
\begin{column}{\onecolwid} % The second column within column 2 (column 2.2)
%----------------------------------------------------------------------------------------
% RESULTS
%----------------------------------------------------------------------------------------
\begin{block}{Result}
\begin{figure}
\includegraphics[width=0.8\linewidth]{login.png}
\caption{Logging in as a registered user}
\end{figure}
After logging in creating quiz and challenging friends can be easy process
\begin{figure}
\includegraphics[width=0.4\linewidth]{quiz.png}
\caption{Creating Quiz}
\end{figure}
\end{block}
%----------------------------------------------------------------------------------------
\end{column} % End of column 2.2
\end{columns} % End of the split of column 2
\end{column} % End of the second column
\begin{column}{\sepwid}\end{column} % Empty spacer column
\begin{column}{\onecolwid} % The third column
%----------------------------------------------------------------------------------------
% CONCLUSION
%----------------------------------------------------------------------------------------
\begin{block}{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}
\end{block}
%----------------------------------------------------------------------------------------
% REFERENCES
%----------------------------------------------------------------------------------
\begin{block}{References}
\begin{itemize}
\item{http://nodejs.org/}.
\item{http://www.mongodb.org/}.
\item {http://stackoverflow.com/}.
\item{http://jquery.com/}
\end{itemize}
\end{block}
%----------------------------------------------------------------------------------------
% ACKNOWLEDGEMENTS
%----------------------------------------------------------------------------------------
\setbeamercolor{block title}{fg=red,bg=white} % Change the block title color
\begin{block}{Acknowledgements}
\small{\rmfamily{The authors would like to thanks everybody who contributed to this project in one way or another specially to our colleagues M.Awais Akhtar,Sherry 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.}} \\
\end{block}
%----------------------------------------------------------------------------------------
% CONTACT INFORMATION
%----------------------------------------------------------------------------------------
%----------------------------------------------------------------------------------------
\end{column} % End of the third column
\end{columns} % End of all the columns in the poster
\end{frame} % End of the enclosing frame
\end{document}