23

HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical Application

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical Application
Page 2: HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical Application

HTML Application Creation

Rich LoenCTO, InGeniusJune 26, 2007

Page 3: HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical Application

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.

Page 4: HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical Application

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.

Page 5: HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical Application

Mitel | Confidential 6/23/07 slide 5

Page 6: HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical Application

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

Page 7: HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical Application

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.

Page 8: HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical Application

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

Page 9: HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical Application

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

Page 10: HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical Application

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>

Page 11: HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical Application

Mitel | Confidential 6/23/07 slide 11

Demo:

Create a screen-saver Application

Create a simple Hospitality Application

Page 12: HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical 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.

Page 13: HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical Application

Mitel | Confidential 6/23/07 slide 13

Resources:

Download Mitel HTML Toolkit from Mitel’s site– NOT EASY!!!!

Page 14: HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical Application

Mitel | Confidential 6/23/07 slide 14

Step 1: Sign on to Mitel Online,Click on Tech Support.

Page 15: HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical Application

Mitel | Confidential 6/23/07 slide 15

Step 2: Click on Software Downloads

Page 16: HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical Application

Mitel | Confidential 6/23/07 slide 16

Expand IP Desktop Devices,Click on HTML Toolkit

Page 17: HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical Application

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/

Page 18: HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical Application

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

Page 19: HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical Application

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.

Page 20: HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical Application

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”

Page 21: HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical Application

Mitel | Confidential 6/23/07 slide 21

Causing phones to update…

Log onto 3300

System Admin section

Page 22: HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical Application

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.

Page 23: HTML Application Creation · 6/26/2007  · HTML Toolkit – FREE!!!!! Screensaver: –10 minutes to convert logo –20 minutes to create app, upload to 3300 Simple Vertical Application

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.