| Tweet |
A few months ago, around the time of Dreamforce, I built a Force.com online quiz application. One of the items on my todo list has been to provide a mechanism to take a quiz via a mobile device. As I had some spare time in the run up to Christmas this weekend, I've built the first version of this.
I've taken a simplistic approach to this and simply created mobile versions of the various site pages using JQuery Mobile, using the techniques described in one of my earlier blog posts.
Signing up for a test using the latest version of the app at http://tests.bobbuzzard.org will include a QR code in the confirmation page and email, and also a direct link in the email, as shown below:
scanning the QR code takes you to the mobile start page:
Navigation is much the same as the full site, with the slight change that the buttons appear at the top of the page. The question pages have the same functionality as the full sight, allowing percentage confidence and notes/feedback to be provided:
The View All page displays a list of the actual answers selected, rather than the a,b,c question indices. The percentage confidence and lack of answers are flagged as before:
and clicking on any of the list entries takes you back to the question, with the percentage confidence header:
As I mentioned earlier, this is a simplistic solution. Its quite slow, as the view state is being transferred backwards and forwards to the server, and the JQuery Mobile transitions can't be used as the mobile browser is being redirected between pages rather than using Ajax. Javascript Remoting is a better solution for the server side interaction than using Visualforce forms, in my opinion, but that's a topic for another post.
Happy Christmas to all my readers - hope you find the mobile pages useful and be sure to let me know if you hit any problems.
The phone is no longer just another gadget; it has developed into a one stop gadget solution for many people. There is simply so much that you can do with cellphones these days.
ReplyDeletee_cell