HTML Application Creation
advertisement
HTML Application Creation Rich Loen CTO, InGenius June 26, 2007 What is the HTML Toolkit? Allows dealers and developers to create HTML-based applications that run on 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 3 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 4 Mitel | Confidential 6/23/07 slide 5 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 6 Development Process Application Manager: Verify, Package, Uploader Upload Mitel 3300 ICP Templates: -9 Site Templates - 23 Page Templates 3 Application Types -GUI Replacement -Apps Link Mode -Screen Saver MS Front Page Web Server Phone Phone Simulator Items in red are part of the HTML Toolkit. Mitel | Confidential 6/23/07 slide 7 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 on phone 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 8 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 can run the app using the PK. Simple Redirector App Application Manager: Verify, Package, Mitel 3300 ICP Redirect Templates: -9 Site Templates - 23 Page Templates 3 Application Types -GUI Replacement -Apps Link Mode -Screen Saver Uploader Upload MS Front Page Web Server Phone Mitel | Confidential 6/23/07 slide 9 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 10 Demo: Create a screen-saver Application Create a simple Hospitality Application Mitel | Confidential 6/23/07 slide 11 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 12 Resources: Download Mitel HTML Toolkit from Mitel’s site – NOT EASY!!!! Mitel | Confidential 6/23/07 slide 13 Step 1: Sign on to Mitel Online, Click on Tech Support. Mitel | Confidential 6/23/07 slide 14 Step 2: Click on Software Downloads Mitel | Confidential 6/23/07 slide 15 Expand IP Desktop Devices, Click on HTML Toolkit Mitel | Confidential 6/23/07 slide 16 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/ Mitel | Confidential 6/23/07 slide 17 Thank you Rich Loen CTO InGenius The information conveyed in this presentation, including oral comments and written materials, is confidential and proprietary to Mitel and is intended solely for Mitel® employees and members of Mitel’s reseller channel. If you are not a Mitel employee or a Mitel reseller, you are not the intended recipient of this information and are not invited to the conference, and cannot participate in or listen to and/or view the presentation. Please delete or return any related material. Mitel will enforce its rights to protect its confidential and proprietary information, and failure to comply with the foregoing may result in legal action against you or your company. Mitel | Confidential 6/23/07 slide 18 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 19 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 20 Causing phones to update… Log onto 3300 System Admin section Mitel | Confidential 6/23/07 slide 21 Updating phones Select Maintenance and Diagnostics in the dropdown, then Expand the Maintenance Commands and click All. Type “html” into the command box and click Submit. IMPORTANT! This will reset all the phones connected to your switch. Mitel | Confidential 6/23/07 slide 22 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. Mitel | Confidential 6/23/07 slide 23
