Challenge 2 (PDF)

EC 544 Challenge 2
Technical Details
Group 8:

Anthony Pasquariello,
Brian Kim,
Jade Dhangwattanotai,
Paul Ngouchet

Challenge

Anthony

1

Presenter

2

Presenter Order

Jade

Paul

Presenter

3

Presenter

4
5
6
7
8

Brian

Presenter
Presenter
Presenter
Presenter
Presenter

Responsibility Breakdown

Anthony

Brian

Paul

Jade

Worked on data
representation design for
database. Also worked on
getting real time graphing
functionality working.
Configured plotting library
for visual charting
functionality.

Worked on the front-end
visualization and delivering
live data from MongoDB to
the front-end using
express and AngularJS.
Rendered the delivered
data in real-time visuals.

Set up the raspberry pi as
a server using mongodb.
Worked on designing the
database and schema and
provided the foundation of
the websites. Built and
designed the website
hosting the historical data
representation.

Implemented live data
streaming function. Helped
design data storage
system, database
configuration. Configured
express with interactive
graphing tool for data
visualization.

Design Concept
●

MongoDB as data storage
○

●

Canvas.JS as visuals
○

○

●

A central computer for local hosting, and the Raspberry Pi for cloud hosting are configured as the
coordinator, receiving data from multiple arduino devices. Once data reaches the computer, the average
temperature is computed in Fahrenheit. The average temperature and each arduino temperature is then
sent to the MongoDB on the Raspberry Pi.
Real Time Data:
■
The real time graph continuously retrieves temperature data coming from the Mongo database
that asynchronously stored data from XBee communication. This allows for low latency, efficient
rendering.
Historical Data:
■
This data is queried from MongoDB. The data is queried using http get from angular to the
express and node js. The data are received and displayed using graphing function canvas js on the
website

Express as data delivery tool
○

Data Storage Model

Data Storage Model - Components
●
●
●
●

Arduino with XBEE
○ Communicates to the database using socket.io
Node.js / Express
○ These tools allow for
MongoDB/Mongoose
○ This duo allows us to easily format and create the database
Front-End
○ AngularJS renders the front-end for both real-time and historical
visuals.

Design Concept Explained- Real Time
●

MongoDB <-> Mongoose
○

As soon as the program starts, a MongoDB is created with a schema that is created by Mongoose.
Mongoose is an extension of MongoDB that facilitates creating database with user-defined schemes.
Then, for every data that is received in the Xbee, the data gets stored using the format outlined.

Design Concept Explained- Real Time
●

Express as data delivery tool
○

Using the database that now contains xbee names and their temperatures, express sends the latest data
to controller.js, which communicates to the front end later. Notice that “sort({$natural:-1})” allows us to
query the latest reading!

Design Concept Explained- Real Time
●

AngularJs as rendering and delivery to the front-end
○

Controller.js

Using AngularJS, the data retrieved using Express gets processed. The processed data then delivers to
the front index.html! Notice that the $interval function occurs every second to constantly retrieve the
latest temperature reading

Index.html