Skip to content
mcnesium edited this page Feb 24, 2014 · 7 revisions

The Javascript Client is built on top of jQuery and its HTML5-based user interface system jQuery Mobile. The XMPP-Part is done by strophe.js.

The client consists of two parts:

  • The Javascript version of Mobilis XMPP MXJS
  • the actual application code

In this github repository the development of the Javascript client is done in the webclient branch. The MXJS-Part is integrated as a Git Submodule, which is indicated with a different folder-icon on Github.

The Application uses jQuery Mobiles multi-page template structure with four pages:

  • #start - Start Screen
  • #settings - enter XMPP login data, game server etc.
  • #games - available games list
  • #game - the game page

The settings are saved in the browser's local storage using the key-value store database jstorage

The client connects to the XMPP server, after as the games page is loaded. Reloading the browser window on the #games page is fine. After joining a game the client forwards to the #game page. A browser reload on this page is not caught by now, it will destroy the connection to the xmpp server.