How to Easily Build SCADA & HMI HTML5 Web Applications
- 3. Agenda
• Introduction to Inductive Automation
• Brief Intro to HTML5, CSS3, and Ignition Perspective
• Demo of Ignition Perspective
• Perspective Project by ESM Australia
• Q & A
- 4. About Inductive Automation
About Inductive Automation
• Founded in 2003
• HMI, SCADA, MES, and IIoT software
• Over 2,200 integrators
• Used by 48% of Fortune 100 companies
• Recently released the upgraded Ignition 8
platform
Learn more at: inductiveautomation.com/about
- 5. Ignition: The Industrial Application Platform
• Unlimited licensing model
• Cross-platform compatibility
• Based on IT-standard technologies
• Scalable server-client architecture
• Web-managed
• Launch on desktop or mobile
• Modular configurability
• Rapid development and deployment
One Universal Platform for HMI, SCADA, MES & IIoT:One Universal Platform for HMI/SCADA, MES & IIoT:
• Unlimited licensing model
• Cross-platform compatibility
• Based on IT-standard technologies
• Scalable server-client architecture
• Web-based & web-managed
• Web-launched on desktop or mobile
• Modular configurability
• Rapid development & deployment
Ignition: Industrial Application Platform
- 7. Co-Presenter
Travis Cox,
Co-Director of Sales Engineering
Inductive Automation
Panelists
Sam Burns
Control Systems Engineer,
ESM Australia
Tysan Greaves
Control Systems Engineer,
ESM Australia
- 8. IIoT and Digital Transformation
● Digital Transformation is more than just a buzzword; it involves a complete
overhaul of the way companies collect and use their data.
● While it has huge potential, many companies are missing the full capabilities
of Digital Transformation because they are starting in the wrong place.
HTML & CSS
• HyperText Markup Language (HTML) defines structure
• Cascading Style Sheets (CSS) defines style
- 9. IIoT and Digital Transformation
● Digital Transformation is more than just a buzzword; it involves a complete
overhaul of the way companies collect and use their data.
● While it has huge potential, many companies are missing the full capabilities
of Digital Transformation because they are starting in the wrong place.
HTML5 & CSS3
• HTML5: markup, style, and interactivity, supports multimedia on
mobile devices, and more
• CSS3: provides visual styling and supports responsive design
- 13. Mobile SCADA + Technology
Perspective Demo??
Talk to Travis about a quick demo- could it even be possible to integrate with
Ignition Standard Architecture
- 14. Mobile SCADA + Technology
Perspective Demo??
Talk to Travis about a quick demo- could it even be possible to integrate with
Demo: Ignition Perspective Module
- 17. Mobile SCADA + Technology
Perspective Demo??
Talk to Travis about a quick demo- could it even be possible to integrate with
Demo: Ignition Perspective Module
- 18. Data Access and Insight
Perspective Project by ESM Australia
Overview:
• IIoT platform
• Cloud-based
• Mobile-ready
• Scalable
• Visualizes the status of food-
disposal systems
• Secure data access from anywhere
• Utilizes Ignition 8 with Ignition
Perspective Module, MQTT
protocol, and EWON hardware
- 32. Final Question: Integration in the Future
The Power of Perspective
● Pure-web HMI & SCADA
● Sets a new bar for responsiveness, flexibility, visualization options,
remote monitoring & control
● Make smarter, faster decisions about your process, right from your
mobile phone
● Works alongside the Ignition Vision Module