Build your own secure and real-time dashboard for mobile and web

Build your own secure and real-time Dashboard for Mobile and WebKailash Bihani

Agenda

What is a dashboard? Features required in a dashboard? How ColdFusion helps Demo Architecture Code Snippets Summary Q & A

Dashboard?

A UI that organizes and presents information in a way that is easy to read

“if you can’t measure it, you can’t improve it.”

-Peter Drucker

Features required?

Real-time CFWEBSOCKET

Responsive HTML Frameworks

Customizable Modular code

Graphs ColdFusion based Zing Charts

Notifications CFMAIL

Report Generation CFHTMLTOPDF

Secure SSL/API Manager

Architecture - Server

SYSTEM: Runs the monitoring agent

SERVER

FTP Location

DASHBOARD

Collects the data Stores the data

Processes the data Displays the data

Various systems in the network run the Monitoring Agent

Collected data pushed to a FTP location periodically

Data queried by server periodically

Server processes the data

DEMOTHE MONITORING DASHBOARD

Architecture - Dashboard

SummaryServer

Other ScreensAPI Manager

Hey Server, I am a monitoring dashboard and I am up

No Problem. I have added you. You will now be served

Hey component, this is the dashboard. Can you please come up?

Hey API Manager, this is the component. Please serve me the data? My IP is xyz

Hey server, give me the data for the IP: xyz

Here’s the data for the IP: xyz

Hey xyz, here’s your data

CODE SNIPPETSMonitoring Dashboard and Server

Websockets

Define the various channels

Application.cfc

Websockets

Register as soon as summary page loads

Summary.cfm

Summary.js

Websockets

Server publishes the data

Websockets

Data captured by the client

Websockets

Websockets over SSL ColdFusion should run over SSL

Make changes in admin

Analytics

To find when was the machine last down

Report Generation

Using HTMLTOPDF

Notifications

Send mail using CFMAIL

Zing Charts

Create graphs using Zing Charts

Secure

Run ColdFusion over SSL Websocket served over SSL Run API Manager over SSL Import proper certificates to run CFHTTP

How to make it Customizable?

Change the configuration files Dashboard transforms to serve any purpose (Monitoring, Ecommerce, etc.) No front-end or back-end code change required

DEMOFOR ECOMMERCE DASHBOARD

Summary

Key Learnings Securing your application

Use websockets for real-time communication

What Next?

Source Code can be found at: https://www.dropbox.com/sh/9oef2jh0t28a9jq/AAATd85J4gxP5pcFTsw8BF7Ma?dl=0

For any information, mail me at “bihani@adobe.com” or “kailashkbihani@gmail.com”

Questions?

Thank You

Build your own secure and real-time dashboard for mobile and web

Technology

How to Build a Value-Based Dashboard for Your Product · How to Build a Value-Based Dashboard for Your Product. uibreakfast#icroConf My top things 📖 The UI Audit (book) UI Breakfast

How to build Dashboards - Cloud Object Storage | Store ... to build Dashboards - How to create Excel dashboard How to build Dashboard - Step by Step tutorial/recipe Contents How to

Chris Thomajan: What are my Metrics? How to Build a Management Dashboard

Build Secure IOT Solutions using Blockchain

Build Safe and Secure Distributed Systems

DOB NOW: Build · DOB NOW: Build Dashboard Orientation After logging in, the system will display the main dashboard. The numbers correspond to the list below that outlines the buttons

How to Build Dashboard Using Excel

Build and evaluate an interactive dashboard to visualize ...dagda.shef.ac.uk/dispub/dissertations/2015-16/External/Hailing_Lu.pdf · Build and evaluate an interactive dashboard to

How Do We Build the Efficient, Secure, Cost Effective ...assets.fiercemarkets.net/public/smartgridnews/15623505_technology... · How Do We Build the Efficient, Secure, Cost Effective

Build Secure Cloud-Hosted Apps for SharePoint 2013

What Is a Dashboard? How Do I Build and Use One?

Pulse Connect Secure · Pulse Connect Secure Release Notes PCS 9.0R3 Build 64003.5 PDC 9.0R3 Build 1599 Default ESAP Version: ESAP 3.3.2 Release, Build Published Document Version

Build Secure IoT Solutions Using... Blockchain - Geeta Chauhan

Policy Secure · Release, Build 5.3 R5 38279 Document Revision 1.0 Published September 2016 Pulse Policy Secure Release Notes Pulse Policy Secure version 5.3 R5 Build 38279 Pulse

Build Secure CA

How to Build a Dashboard for your Nonprofit: A Critical ......How to Build a Dashboard for your Nonprofit: A Critical Strategic Tool Reveals Itself A conversation with: Hilda Polanco,

BETTER SECURE YOUR OPERATIONAL TECHNOLOGY BUILD …

How to Build a Management Dashboard w SP

Design and Build Secure IoT Devices at Scale

Executive Dashboard Systems Secure CITI Adam Zagorecki April 30, 2004