Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Project on Real Time Dashboard

Project on Real Time Dashboard

Prashish

April 07, 2013
Tweet

Other Decks in Programming

Transcript

  1. Real-­‐‑time  Data  
    Visualization  Dashboard  

    View full-size slide

  2. Contents
    •  Brief introduction about the project
    •  Technologies Used
    •  Implementation

    View full-size slide

  3. Real-­‐‑time  Applications
    •  Set Interval Technique
    The poll ready to execute after 30 seconds.
    •  Set Time out Technique
    Recursively self executing function.
    •  Ajax Polling
    Act of regularly retrieving data from the server to obtain near live data.
    •  Long Polling
    Keeps connection open for faster response time.
    Function to be called when request finishes
    (HTML5 WebSockets)

    View full-size slide

  4. Node.js
    •  Event-based and Asynchronous/Non-Blocking
    •  Single Thread and lock free
    •  Traditional Model – Thread-based system
    •  Fast food Restaurant Analogy
    •  Express Framework

    View full-size slide

  5. Angular.js
    •  Rich client apps
    •  Two-way Data Binding - Variable kept up to date as
    they change
    •  Server Communication
    •  Directives - Custom directives can be used to
    create reusable components

    View full-size slide

  6. Socket.io
    •  It abstracts away Websockets and other
    communication schemes
    •  Feature detection to decide if the connection will
    be established with WebSocket, AJAX long polling,
    Flash, etc.,
    •  WebSocket servers and clients can push each other
    messages.

    View full-size slide

  7. Implementation
    •  Implemented a Service that reads data from HTTP
    interface.
    •  Implemented a Controller that calls the service and
    puts the data from service in a model.
    •  Implemented a view that renders the model in HTML
    page
    •  Transformed data and plotted graphs using
    Javascript libraries.
    (Angular Directives to plot graphs using) simple
    HTML tags)

    View full-size slide

  8. Thank  you
    Prashish Rajbhandari
    @prashishh

    View full-size slide