“NiagaraAX Graphics”July 2007

Scott Muench - Manager Technical SalesJames Johnson – Sales Engineer

Ed Merwin - Director Channel Sales

© 2007 Tridium, Inc,

2

Welcome!• The goal of TridiumTalk is to share with the Niagara

community timely content on sales, products and technical topics.  Each session will last between 45-60 minutes and will be a mix of presentation, demonstrations and Q&A.

• This session and past sessions will be posted on our community web site at www.Niagara-Central.com (more details to come)

• The content presented here is representative of Tridium’s Niagara technology and products in general, please contact your channel partner for specific details and pricing.

• As a courtesy to others in the conference, please place your phone on mute until the Q&A portion of the program

3

Agenda• Introduction• The User Experience• Getting the Information• Graphic Elements• Built-in Views• Live Demonstration• Next Steps – Advanced topics• Where to Find More Information• Question and Answer Session

4

Introduction • AX Graphics - Tech Session for Building the User

InterfaceContinuing the series of technical TridiumTalk sessions, AX Graphics is a live "over-the-shoulder" look at how user interfaces are created in the Niagara Framework. The graphical elements and various views used to create real life applications will be demonstrated.

5

User Experience• Audience

– Who is to be the user of the system?– How will they be using it? What tasks do they need to

perform?– What devices will they use? Client tool, web browser, PDA?

• Navigation– Pre plan the levels of penetration and the flow to get there– Decide on a navigation approach:

• Text and Hyperlinks• Buttons/Tabs and Icons• Nav Bar Menus

• Look and Feel– Create standards for layout, colors, font type and size– Keep as simple and consistent as practical

6

Audience – Planning for the use

7

User Experience• Audience

– Who is to be the user of the system?– How will they be using it? What tasks do they need to

perform?– What devices will they use? Client tool, web browser, PDA?

• Navigation– Pre plan the levels of penetration and the flow to get there– Decide on a navigation approach:

• Text and Hyperlinks• Buttons/Tabs and Icons• Nav Bar Menus

• Look and Feel– Create standards for layout, colors, font type and size– Keep as simple and consistent as practical

8

Navigation – Text and Hyperlinks

9

Navigation – Buttons and Icons

10

Navigation – Nav Bar Menus

11

Getting the Information –“The Driver Framework”

12

Getting the Information – Control logic

13

Graphic Elements – “Widgets”

14

Graphic Elements – Make Widget Wizard

15

Graphic Elements – Pallets

16

Px Graphic View

17

Px Editor

18

Logging Views

19

Alarm Console View

20

Rich Presentations In a Browser

21

Grid Table and Label Pane

22

Live Demonstration

23

Next Steps - Advanced Topics• Relativized ORDs – creating a template graphics• The Nav file – custom experience for each user• The Component Grid - summary screens• Dynamic linking to graphic properties• Transparency and gradient properties• Your Imagination Here…

24

More Information• Past TridiumTALK – What’s new 3.2 – Grid table and

Label Pane• Web Forums and Blogs – www.Niagara-Central.com• On-line demo station – http://axdemo.tridium.com• User Documentation – Niagara Bowser User Access

Guide• More advanced Documentation – Niagara User Guide• Training and Certification – www.Tridium.com• Advanced training and topics – Ask your channel partner

for details

25

Question and Answer Session• Select the Q&A icon in the Netspoke menu bar to type

your questions• Feel free to speak up for further discussion• Please introduce yourself, company name, and where

you are calling from.

26

Thank you!• We would like your feedback on today’s TridiumTalk• Please take a moment to answer our short survey• If you have any further questions, comments or topic

suggestions, please email them to SalesSupport@tridium.com

Ed Merwin Scott MuenchJames Johnson