Upload
others
View
5
Download
0
Embed Size (px)
Citation preview
HTML Application Creation
Rich LoenCTO, InGeniusJune 26, 2007
Mitel | Confidential 6/23/07 slide 3
What is the HTML Toolkit?
Allows dealers and developers to create HTML-based applications that runon 5330 and 5340 phone sets.
Screen-savers
On-demand applications – run when PK pressed
GUI Replacement – the user never sees the default phone UI.
Mitel | Confidential 6/23/07 slide 4
Application Ideas
Screen Saver Applications– Easy way to get company logo onto the phone.
Hospitality– Put the Hotel room binder on the phone– InGenius is developing an on-line application to simplify this. Check it out at the
hospitality pod.
Business– Intelligent Directory – directory application that ties into corporate Active Directory
and into user’s personal exchange contacts – puts them all on the phone!– Financial Applications – stock quotes etc.
Broadcast– Broadcast emergency alerts to phones. Also, receive duress messages from
phones.
Mitel | Confidential 6/23/07 slide 5
Mitel | Confidential 6/23/07 slide 6
Three types of applications
Screen Saver– Easiest to build and deploy.– Phone continues to use standard UI for calls.
Applications Link Mode– Application tied to programmable key on phone. Pressing the key launches the
application. Useful for informational and utility applications.
GUI Replacement Mode– Application completely replaces the phone’s built-in GUI.
– Application developer completely responsible for everything the user sees.– Also useful when you want to restrict what the user can do
Mitel | Confidential 6/23/07 slide 7
Development Process
Templates: -9 Site Templates - 23 Page Templates
3 Application Types -GUI Replacement -Apps Link Mode -Screen Saver
MS Front Page
Phone Simulator
Uploader Upload
Mitel 3300 ICP
Web Server
Phone
Application Manager: Verify, Package,
Items in red are part of the HTML Toolkit.
Mitel | Confidential 6/23/07 slide 8
Development Process
Start with a template
Edit in MS Frontpage, or any HTML editor.
Test in HTML Application Simulator, or load on web server, and test onphone as Apps Link application.
Package application using HTML App Manager. Creates an SPX file.
Upload SPX to Mitel 3300 ICP using Uploader.Tell 3300 to load the new apps
Mitel | Confidential 6/23/07 slide 9
Development Tricks:
Create a very simple redirect application on the 3300.
Program this as an apps link application on a PK
Now, can simply develop by saving HTML files to the web server, and canrun the app using the PK.
Templates: -9 Site Templates - 23 Page Templates
3 Application Types -GUI Replacement -Apps Link Mode -Screen Saver
MS Front Page
Uploader Upload
Mitel 3300 ICP
Web Server
Phone
Application Manager: Verify, Package,
Simple Redirector App
Redirect
Mitel | Confidential 6/23/07 slide 10
Redirector App:
<html><body>
<script type="text/javascript"><!--document.location.href ="http://www.mydomain.com/test.htm";//--></script>
</body>
</html>
Mitel | Confidential 6/23/07 slide 11
Demo:
Create a screen-saver Application
Create a simple Hospitality Application
Mitel | Confidential 6/23/07 slide 12
Costs to develop applications:
HTML Toolkit – FREE!!!!!
Screensaver:– 10 minutes to convert logo– 20 minutes to create app, upload to 3300
Simple Vertical Application– 5 Pages, all content static– 5 days for basic content, 5 days configuration and testing
– In 2 weeks you have a simple app
Sophisticated Application (Intelligent Directory)– 3 Months to code prototype
– 1 Year, 4 developers to create actual product.
Mitel | Confidential 6/23/07 slide 13
Resources:
Download Mitel HTML Toolkit from Mitel’s site– NOT EASY!!!!
Mitel | Confidential 6/23/07 slide 14
Step 1: Sign on to Mitel Online,Click on Tech Support.
Mitel | Confidential 6/23/07 slide 15
Step 2: Click on Software Downloads
Mitel | Confidential 6/23/07 slide 16
Expand IP Desktop Devices,Click on HTML Toolkit
Mitel | Confidential 6/23/07 slide 17
Resources:
Download Mitel HTML Toolkit from Mitel’s site
Read EVERY WORD of the “HTML Toolkit Developer Guide.pdf”It is filled with great info.
Online applications demos (great for demos to clients):– http://demo.InGeniusSoftware.com– Try out:
Intelligent Directory application,Emergency Broadcast application,Education Demo,Financial Community Demos
http://www.ingeniussoftware.com/
Thank you
Rich LoenCTOInGenius
The information conveyed in this presentation, including oral comments and written materials, is confidential andproprietary to Mitel and is intended solely for Mitel® employees and members of Mitel’s reseller channel. If you arenot a Mitel employee or a Mitel reseller, you are not the intended recipient of this information and are not invited tothe conference, and cannot participate in or listen to and/or view the presentation. Please delete or return anyrelated material. Mitel will enforce its rights to protect its confidential and proprietary information, and failure tocomply with the foregoing may result in legal action against you or your company.
Mitel | Confidential 6/23/07 slide 18
Mitel | Confidential 6/23/07 slide 19
Uploading an app
Enter IP of the switch in Host Name, then enter username and password. Click OK. IMPORTANT! Select your ICP in the list and click Load Configuration from ICP. This step is necessary
in order not to erase any apps uploaded before.
Mitel | Confidential 6/23/07 slide 20
Uploading an app
Go to Applications tab and click + button.
Open the new SPX. Go to 5330 tab. Click + button and check the SPX.
Do the same on the 5340 tab.Then, click “Save Configuration in ICP”
Mitel | Confidential 6/23/07 slide 21
Causing phones to update…
Log onto 3300
System Admin section
Mitel | Confidential 6/23/07 slide 22
Updating phones
Select Maintenance and Diagnostics in the dropdown, then Expand theMaintenance Commands and click All.
Type “html” into the command box and click Submit. IMPORTANT! This willreset all the phones connected to your switch.
Mitel | Confidential 6/23/07 slide 23
To program an app onto a button
To program a button on the phone:– Click the blue Settings button.– Click the Programmable Keys.– Select any empty key.– Click View Applications on top of the page.– Use Next key to view all applications available. Select application.– Click Save, then Close, then Close.
You are now ready to open the application.