“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 [email protected]
Ed Merwin Scott MuenchJames Johnson