JQuery Mobile based topic map browser
(→Wandora's embedded HTTP server module for JQuery Mobile) |
(→Additional notes) |
||
| Line 24: | Line 24: | ||
* Used JQuery Mobile is version '''alpha 4.1'''. As the name suggests the version may contain major bugs. Beware. | * Used JQuery Mobile is version '''alpha 4.1'''. As the name suggests the version may contain major bugs. Beware. | ||
| + | |||
| + | == Example == | ||
| + | |||
| + | In this example Wandora user has opened Wandroa's sample project '''samples/ArtofNoise.wpr'''. Then she starts Wandora's embedded server and enters mobile site's address to her desktop Firefox 4.0 browser. Similarly to default HTML site, all links (represented as buttons) are navigable and open the topic viewed in button. | ||
| + | |||
| + | |||
| + | [[Image:jquery_mobile_example_01.gif|center]] | ||
| + | |||
| + | |||
| + | [[Image:jquery_mobile_example_02.gif|center]] | ||
| + | |||
| + | |||
| + | [[Image:jquery_mobile_example_03.gif|center]] | ||
| + | |||
| + | |||
| + | [[Image:jquery_mobile_example_04.gif|center]] | ||
| + | |||
| + | |||
| + | [[Image:jquery_mobile_example_05.gif|center]] | ||
| + | |||
| + | |||
| + | [[Image:jquery_mobile_example_06.gif|center]] | ||
| + | |||
| + | |||
| + | [[Image:jquery_mobile_example_07.gif|center]] | ||
| + | |||
| + | |||
| + | [[Image:jquery_mobile_example_08.gif|center]] | ||
Revision as of 17:13, 14 June 2011
JQuery Mobile is a relatively new framework to build HTML applications and interfaces for mobile devices. As the name suggests JQuery Mobile is based on JQuery, a very widely used Javascript library. Wandora framework contains two alternative topic map browsers based on JQuery Mobile. These browser options are
- A module for Wandora's embedded HTTP server.
- Standalone application extra to publish JTM serialized topic map files.
Contents |
Wandora's embedded HTTP server module for JQuery Mobile
Wandora's embedded HTTP server has a new module named as mobile. This module implements a JQuery Mobile based topic map browser when active. To start Wandora's embedded HTTP server select menu option Server > Start server. While the server is turned on you can access the mobile topic map browser with URL
http://127.0.0.1:8898/mobile
We assume here you are running the Wandora application in your local computer and you have not changed the default port of the embedded Wandora server. Also, to get started, you should open any topic to the topic panel in Wandora. Otherwise you'll receive a 404 server error message.
Server settings has a section labeled as mobile where you can adjust some settings of the mobile topic map browser. Available settings include an optional HTTP password, local-only/global and enabled/disabled.
Wandora's embedded server mobile module locates in Wandora's distribution package folder build/resources/server/mobile.
Standalone JQuery Mobile topic map browser extra
Standalone JQuery Mobile topic map browser locates in extras folder of Wandora's source code distribution package. Exact location is extras/mobile_browser. Mobile topic map browser doesn't require Wandora application at all. All you need is a JTM formatted topic map serialization and enclosed Javascript libraries and HTML pages. Default topic map is placed in file ArtOfNoise.jtm and contains Wandora's sample topic map. To start the mobile topic map browser open file tmbrowser.html in your mobile (or desktop) browser application. Read the enclosed readme.txt file for more information.
Additional notes
- Used JQuery Mobile is version alpha 4.1. As the name suggests the version may contain major bugs. Beware.
Example
In this example Wandora user has opened Wandroa's sample project samples/ArtofNoise.wpr. Then she starts Wandora's embedded server and enters mobile site's address to her desktop Firefox 4.0 browser. Similarly to default HTML site, all links (represented as buttons) are navigable and open the topic viewed in button.
