1 / 25

Greenhouse WebSite

Use the Greenhouse Web Control App Inventor 2 to design your app's UI, program behavior, and integrate sensors and equipment for your greenhouse. Learn how to read and display sensor data from Firebase in real time.

victorial
Download Presentation

Greenhouse WebSite

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Greenhouse WebSite

  2. Open your browser URL: http://demo.juice-soft.com/letin/greenhouse/index.php/User/login Login:

  3. Web control

  4. APP Inventor 2 Greenhouse

  5. GUI Introduction Designer Editor Block Editor

  6. GUI - Designer Editor Design the App's User Interface by arranging both on- and off-screen components.

  7. GUI - Block Editor Program the app's behavior by putting blocks together.

  8. Greenhouse Architecture

  9. Greenhouse Architecture Sensors: Temperature Sensor Air Humidity Sensor Air Pressure Sensor CO2 Sensor Soil Humidity Sensor

  10. Greenhouse Architecture Equipments FAN (left) FAN (right) Water pump Plant growing light

  11. Greenhouse Architecture What is Firebase? It provides a realtime database and backend as a service. It allows application data to be synchronized across clients and stored on Firebase's cloud

  12. Greenhouse Architecture What is stored on Firebase? Data from sensors: Temperature Sensor Air Humidity Sensor Air Pressure Sensor CO2 Sensor Soil Humidity Sensor

  13. Lets read data from Firebase

  14. Open your browser URL: http://ai2.appinventor.mit.edu/ Login:

  15. Start a new project

  16. Add Firebase components

  17. Add Firebase components AIzaSyBgaoO02jrjU59n-EAdF4O7tQqcQ4z51r4 https://ccckyc0.firebaseio.com/ GDHSE-CCCKYC-001 or GDHSE-CCCKYC-002 or GDHSE-CCCKYC-003 or GDHSE-CCCKYC-004

  18. Read sensors’ value Add an image for air temperature you like Rename it to “lb_airTemp”

  19. Read sensors’ value Change to Blocks Editor

  20. Read sensors’ value (1) Add the following blocks for reading air temperature value:

  21. Read sensors’ value (1) Connect your mobile phone to App Inventor using AI Companion to see what happen?

  22. Read sensors’ value Read more sensors’ value. Now, your’s turn

  23. Add auto refresh Auto refresh the sensors’ readings after 1 seconds 1000

  24. Add auto refresh Add the following blocks

  25. Add auto refresh (1) Connect your mobile phone to App Inventor using AI Companion to see what happen?

More Related