We designed a quiz for the University if Mainz cluster of excellence PRISMA, which intends to spark the interest in young people for physics. Our part was to create a design adequate for children and adolescents. We implemented the design as a single page app, which, thanks to AngularJS, works without having to reload of any conventional pages. This allowed for a very smooth processing of the quiz, topped off by effects (CSS3 Transitions), which enhanced the suspense for the quiz's users.
We employed the framework Symfony2 as backend and for the administration of the questions. This framework provides an interface (Rest-API) that ensures minimal data volume for the user management, the randomized choice of questions and cheat protection. Creating the questions was beyond our range, though, as physics is not really one of our strong points.
The premiere was a the 14th Mainz Science Fair as a quiz machine. The planning of the very successful machine was not part of our tasks. Since the whole application was set up with responsive design, it can easily be used for a device-independent app in the future. We are going to provide the link for this later.