OpenStage XML Applications FAQ

How do I set up an OpenStage XML Application?
First of all, you need the following: There are three ways to set up and configure an XML application on an OpenStage phone:
 * An OpenStage 60/80 phone with appropriate firmware:
 * OpenStage SIP Firmware &ge; V1R5.
 * OpenStage HFA Firmware &ge; V2R0.
 * Internet access for the phone, directly or via proxy. Connections to port 8080 over HTTP must be possible.
 * Local Phone Menu: The graphical user interface provided by OpenStage 60/80.
 * WBM (Web Based Management): The web interface provided by all OpenStage phones. It allows the user and administrator to configure the phone using a web browser.
 * DLS (Deployment Service): A versatile administration tool for IP phones.

Setup Using the Web Interface (WBM)

 * 1) Open your web browser and enter the transfer protocol, IP address and port number of your phone. If HTTP is used, port 8085 must be added, for example http://192.168.1.15:8085443), for example: https://192.168.1.15. If the browser displays a certificate notification, confirm it. In the upper right corner of the web page, the phone's call number, IP address, and DNS name are displayed. The left column contains the user menu tree.[[Image:XML_apps-screenshot-wbm-homepage.gif|250px|none]]
 * 2) Click on the Administrator Pages tab. In the dialog box, enter the admin password:[[Image:XML_apps-screenshot-wbm-admin-login.gif|250px|none]]
 * 3) The administration main page opens. The left column now contains the menu tree. When you click on an item which is printed in normal style, the corresponding dialog opens in the center of the page. If you click on an item printed in bold letters, a sub-menu opens in the right column.
 * 4) Navigate to Applications > XML applications > Add application and enter the required data. [[Image:XML_apps-screenshot-add_application.png|250px|none]]The following settings are required to set up the application:
 * 5) Display name: Weather</tt>
 * 6) Application name</tt>: Weather</tt>
 * 7) Server address</tt>: 87.106.21.36</tt>
 * 8) Server port</tt>: 8080</tt>
 * 9) Protocol</tt>: http</tt>
 * 10) Program name</tt>: WR/WR</tt>
 * 11) Use Proxy</tt>: Yes/No</tt> (Depends on your internet access configuration; if a proxy is needed, see for, chapter 3.12.1.2 for instructions)
 * 12) When the configuration data is correct and complete, click on Submit</tt>.Now you can test the Application.

Setup Using the Local Phone Menu

 * 1) Press the menu key [[Image:XML_apps-operakey_menu_wp3.jpg]] repeatedly until the Settings</tt> tab is active (the key toggles between the Settings</tt> menu, the Applications</tt> menu, and the applications currently running). The key is located in the mode keys area: [[Image:Navkeys-menu.gif|250px|none]]
 * 2) With the TouchGuide, navigate to the Admin menu and press <tt>OK</tt>. [[Image:XML_apps-screenshot-admin.png|250px|none]]
 * 3) You are prompted to enter the administrator password. If the password is numeric, just type it using the number keys. On typing the first digit, an input text field will open up. For entering non-numeric characters, press the [[Image:osk-rau.gif]] key once or repeatedly, depending on the desired character. The [[Image:osk-rau.gif]] key cycles around the input modes as follows: (Abc) -> (abc) -> (ABC) -> (123) -> back to start. [[Image:XML_apps-screenshot-password.png|250px|none]] To correct an entry, use this key on the TouchGuide: [[Image:XML_apps-touchguide-back.gif|100px|none]]
 * 4) On pressing <tt>OK</tt>, the admin menu opens. With the TouchGuide, navigate to the Applications item.[[Image:XML_apps-screenshot-admin-applications.png|250px|none]] To navigate, you can either run your finger around the sensor ring, or press the up/down keys: [[Image:XML_apps-touchguide-up-down.gif|100px|none]]
 * 5) Press <tt>OK</tt> to open the Applications item and select <tt>XML</tt>. On pressing <tt>OK</tt> again, <tt>Add application</tt> appears in the context menu.[[Image:XML_apps-screenshot-admin-add_application.png|250px|none]] Press <tt>OK</tt> to open the XML application menu.
 * 6) In the application menu, enter the data required to access the example application. For each parameter that must be entered, proceed as follows: Navigate to the item to be configured and press <tt>OK</tt>. Use the keypad to enter data. To toggle between character and number modes, press the [[Image:osk-rau.gif]] key, as in step 3. To select special characters, press the [[Image:osk-ast.gif]] key. To enter a character, select it first by pressing the accordant keypad key as often as necessary. After a short time, the character is accepted in the parameter field. Thus the input procedure is similar to mobile phones. The screenshot shows the data entry in operation:[[Image:XML_apps-screenshot-dispkeypad.png|250px|none]](For more information about data entry, see the ) The following settings are required to set up the application:
 * 7) <tt>Display name</tt>: <tt>Weather</tt>
 * 8) <tt>Application name</tt>: <tt>Weather</tt>
 * 9) <tt>Server address</tt>: <tt>87.106.21.36</tt>
 * 10) <tt>Server port</tt>: <tt>8080</tt>
 * 11) <tt>Protocol</tt>: <tt>http</tt>
 * 12) <tt>Program name</tt>: <tt>WR/WR</tt>
 * 13) <tt>Use Proxy</tt>: <tt>Yes/No</tt> (Depends on your internet access configuration; if a proxy is needed, see for, chapter 3.12.1.2 for instructions)
 * 14) When finished, navigate to <tt>Save & exit</tt> and press <tt>OK</tt>. [[Image:XML_apps-screenshot-admin-add_weather.png|250px|none]]

Testing the XML Application

 * 1) Press the menu key [[Image:XML_apps-operakey_menu_wp3.jpg]] once or repeatedly until the <tt>Applications</tt> tab is active. <tt>Weather</tt> is available.
 * 2) Start <tt>Weather</tt> by pressing <tt>OK</tt>. If everything went well, you see the start screen of the application. [[Image:XML_apps-screenshot-weather.png|250px|none]]

Which Image Formats are Recommended?
Generally, the PNG format is recommended for inserting graphics in an XML application. Internally, the OpenStage GUI uses PNG images as well. It is also possible to use GIF or JPG images. Optimize the size for OpenStage 80, as the images will be scaled correctly on OpenStage 60 phones. If graphics are to be used as icons, e. g. on clickable areas, it is advisable to consider the icon sizes of the OpenStage GUI elements:
 * Icons for mode keys, call states, phone number identification, presence, media widget, speller, idle screen, info bar, and others: 36px x 36px.
 * Icons in popups and prompts: 60px x 60px.
 * Dial phone number icon: 12px x 36px.

How Can I Trace the Data Transfer Between Phone and Server Program?
The OpenStage 60/80 phones provide a tracing facility for XML applications. When enabled, it sends details of XML tags parsed, exceptions handled, and class variables to the remote program through an HTTP connection. The debugging program must be capable of receiving the data, and it is required that it resides on the same server as the server program configured for the application. If these requirements are met, you can enable tracing as follows:
 * 1) Open your web browser and enter the transfer protocol, IP address and port number of your phone. If HTTP is used, port 8085 must be added, for example <tt>http://192.168.1.15:8085</tt>. For HTTPS, the phone uses the standard port (<tt>443</tt>), for example: <tt>https://192.168.1.15</tt>. If the browser displays a certificate notification, confirm it. In the upper right corner of the web page, the phone's call number, IP address, and DNS name are displayed. The left column contains the user menu tree.[[Image:XML_apps-screenshot-wbm-homepage.gif|250px|none]]
 * 2) Click on the <tt>Administrator Pages</tt> tab. In the dialog box, enter the admin password:[[Image:XML_apps-screenshot-wbm-admin-login.gif|250px|none]]
 * 3) The administration main page opens. The left column now contains the menu tree. If you click on an item which is printed in normal style, the corresponding dialog opens in the center of the page. When you click on an item printed in bold letters, a sub-menu opens in the right column.
 * 4) For enable debugging for an existing application, navigate to <tt>Applications</tt> > <tt>XML applications</tt> > <tt>Modify application</tt>. In the field labeled <tt>Select application</tt>, choose the application to be modified, and change the parameters like this:
 * 5) <tt>XML Trace enabled</tt>: <tt>YES</tt> - Enables the sending of debug data to the debugging program
 * 6) <tt>Debug program on server</tt>: <tt>URL / Relative Path to Debugging Program</tt> - The server-side program to receive debug data from the phone. The program must reside on the same server as the server program configured for the application.[[Image:XML_apps-screenshot-debugProgram.png|250px|none]]