SlideShare a Scribd company logo
How to Easily Build SCADA & HMI HTML5 Web Applications
Moderator
Don Pearson, Chief Strategy Officer, Inductive Automation
Moderator
Don Pearson
Chief Strategy Officer,
Inductive Automation
Agenda
• Introduction to Inductive Automation
• Brief Intro to HTML5, CSS3, and Ignition Perspective
• Demo of Ignition Perspective
• Perspective Project by ESM Australia
• Q & A
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
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
Co-Presenter
Travis Cox,
Co-Director of Sales Engineering
Inductive Automation
Presenter
Kevin McClusky
Co-Director of Sales
Engineering,
Inductive Automation
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
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
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
Industry
Ignition Perspective Module
Industry
Ignition Perspective Module
Industry
Ignition Perspective Module
Mobile SCADA + Technology
Perspective Demo??
Talk to Travis about a quick demo- could it even be possible to integrate with
Ignition Standard Architecture
Mobile SCADA + Technology
Perspective Demo??
Talk to Travis about a quick demo- could it even be possible to integrate with
Demo: Ignition Perspective Module
Industry
QR Code
How to Easily Build SCADA & HMI HTML5 Web Applications
Mobile SCADA + Technology
Perspective Demo??
Talk to Travis about a quick demo- could it even be possible to integrate with
Demo: Ignition Perspective Module
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
Perspective Project by ESM Australia
Perspective Project by ESM Australia
Perspective Project by ESM Australia
Perspective Project by ESM Australia
Perspective Project by ESM Australia
Perspective Project by ESM Australia
Perspective Project by ESM Australia
Perspective Project by ESM Australia
Perspective Project by ESM Australia
Perspective Project by ESM Australia
Perspective Project by ESM Australia
Perspective Project by ESM Australia
Perspective Project by ESM Australia
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
Schedule your Perspective Demo Today
Download Ignition
How to Easily Build SCADA & HMI HTML5 Web Applications
How to Easily Build SCADA & HMI HTML5 Web Applications
How to Easily Build SCADA & HMI HTML5 Web Applications

More Related Content

How to Easily Build SCADA & HMI HTML5 Web Applications

  • 2. Moderator Don Pearson, Chief Strategy Officer, Inductive Automation Moderator Don Pearson Chief Strategy Officer, Inductive Automation
  • 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
  • 6. Co-Presenter Travis Cox, Co-Director of Sales Engineering Inductive Automation Presenter Kevin McClusky Co-Director of Sales Engineering, Inductive Automation
  • 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
  • 19. Perspective Project by ESM Australia
  • 20. Perspective Project by ESM Australia
  • 21. Perspective Project by ESM Australia
  • 22. Perspective Project by ESM Australia
  • 23. Perspective Project by ESM Australia
  • 24. Perspective Project by ESM Australia
  • 25. Perspective Project by ESM Australia
  • 26. Perspective Project by ESM Australia
  • 27. Perspective Project by ESM Australia
  • 28. Perspective Project by ESM Australia
  • 29. Perspective Project by ESM Australia
  • 30. Perspective Project by ESM Australia
  • 31. Perspective Project by ESM Australia
  • 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