1. Pi In The Sky (Web Interface) Gaston Seneza Philander Smith College, Little Rock, AR SIParCS Intern Mentors: Dr. Richard Loft & Dr. Raghu Raj Kumar 1

2. Raspberry Pi  Low cost, low power  Credit card-sized computer  ARM Cortex A7 Processor  R-Pi 2 version is approximately 6 times faster than R-Pi 1 R-Pi 2 Model B 2 What’s R-Pi?

3. Web-based Weather Data System Weather Pi Station (Sensors) Connect to MySQL + Fetch data Display data on web Request data Push Data Parse data+Store Data as Database 3 Response data

4. Total Cost & Technologies used Total Cost Estimated: $200 sensors R-Pi 2 Model B Web Interface 4

5. Web Interface(WI)  WI is the interaction between a user and a software running on a web server  User Interface (UI) is the interaction between web browser and a page it downloaded and rendered.  Goal of WI: Generate self-explanatory, user friendly UI that produces desired results  Web server minimizes undesired outputs for user 5 Is WI the same as UI? No So what is it then?

6. Tools and Requirements  Apache2 server  php5 and php5-gd  MySQL-Server for Database  Drupal version 7.18  Graphing Libraries: jpGraph & Google charts tools 6

7. Our Website  Languages used: HTML5, JS, PHP, CSS3  Purpose:  Provide sensor data to the users according to their request  Display graph and tabular data for input time parameter 7

8. WI Design Requirements  Motivation from Bill Scott…”For every action there’s an equal and opposite interaction“  For every request data, there’s a response data 8 00:0018:00 07-18-2015

9. PHP5 & PHP5-GD  PHP5 to produce dynamic web pages  PHP5 for accessing MySQL database server  PHP5-GD to dynamically manipulate images 9

10. JpGraph 10 Connect to MySQL Database s

11. What is Drupal? ~Free open source software ~CMS, runs on Apache2 server ~Large development Community 11

12. Why Drupal?  A platform for rapid website assembly  Enormously scalable  Flexible for deployment  Freeeeeeeee!!!!!!!!!!! 12

13. Testing Drupal  Implementation was first done using only Apache  Attempted to improve content management using Drupal  Installed and used Google chart modules for graphics 13

14. REQUEST FORM 14 00:0023:00 07-23-2015

15. A REQUEST GETS A RESPONSE Web server is contacted and returns a graph of Temperature vs time 15 (°C)

16. Results & Conclusions ~For every request made, a server manages to respond ~Data observation: Tables or Plots ~My Experience: Apache was easier to work with, but Drupal offers more modules 16

17. Image Credits  https://www.google.com/search?q=PI+IN+THE+SKY+GIF&espv=2&biw=927&bih=974&source=lnms&tbm=isch&sa =X&ei=o6iaVZHfHczxoATzw6WACA&ved=0CAYQ_AUoAQ#tbm=isch&q=RASPBERRY+PI+GIF&imgrc=hZTeYjZ 2gU3tzM%3A https://www.google.com/search?q=PI+IN+THE+SKY+GIF&espv=2&biw=927&bih=974&source=lnms&tbm=isch&sa =X&ei=o6iaVZHfHczxoATzw6WACA&ved=0CAYQ_AUoAQ#tbm=isch&q=RASPBERRY+PI+GIF&imgrc=hZTeYjZ 2gU3tzM%3A  https://www.google.com/search?q=PI+IN+THE+SKY+GIF&espv=2&biw=927&bih=974&source=lnms&tbm=isch&sa =X&ei=o6iaVZHfHczxoATzw6WACA&ved=0CAYQ_AUoAQ https://www.google.com/search?q=PI+IN+THE+SKY+GIF&espv=2&biw=927&bih=974&source=lnms&tbm=isch&sa =X&ei=o6iaVZHfHczxoATzw6WACA&ved=0CAYQ_AUoAQ 17

18. Future work  Developing Drupal modules that will allow us to plot real-time data on Drupal site and add security  More research on how R-Pi supports Drupal  Creating a dynamic website using Drupal 18

19. Acknowledgement 19

20. Questions 20