InqAnalog - Simple Real World Example

A place users can post their projects. If you have a small project and would like your own dedicated place to post and have others chat about it then this is your spot.
 Reply

User avatar

Re: InqAnalog - Simple Real World Example

By Jacob Major
- Wed Apr 13, 2022 8:35 pm #94279 Image
  1. Yes - Getting all the libraries installed - ESP8266 Core and InqPortal
  2. Yes - Successfully did the ESP8266 Core patch. This seems to stump people the most. Usually because they missed the ten different notes sprinkled everywhere.
    https://inqonthat.com/arduino-ide-configuration-for-windows/ For anyone looking
  3. Yes - Compiled and uploaded your InqPortal based project with the Arduino IDE.
  4. Kinda- You're able to browse to the Admin on your ESP8266... using something like http://Soil_Moisture/Admin.html
    That is if you left the SOFT_SSID "Soil Moisture".
    I was using http://10.10.10.10/admin.html and opening my index.html from the files tab to see my graph. Then the link just becomes http://10.10.10.10/index.htmlImage
    I was not able to get http://Soil_Moisture/Admin.html to work.
  5. Yes - You've clicked the Files tab and drag and dropped your Index.hml file on the Admin File Manager tab. This uploads it to the server so that any browser client in the future can retrieve it.

  6. Web development is unlike INO or C++ development. If you leave a file out or your HTML or JavaScript has a syntax error, Web development just gives you white space on the browser... no warnings, no errors. It is the most frustrating thing I ever experienced when I started web development.
    However, if you press F12 on your browser, it'll split the screen and give you a debugger. If you do a refresh, it WILL show an error... probably that gauge.min.js is missing.

    I did use the pictures you provided to realize I also needed to add guage.min.js so I grabbed that from the github you linked before. The gauge was a no show though. Probably becuase the following error.

    " document.gauges.get("gauge-humid").value = v;" this line does produce an error
    Cannot read property 'get' of undefined

  7. Look in my first post where the picture of the Files tab is showing what you should have on your ESP8266 server. See that it has two files present. The first file is the gauge library and you need to go to the author's page: https://github.com/Mikhus/canvas-gauges Find that one file you need and download to your dev machine and then upload it to your ESP8266 server.
    That page of his also has links on how to use the Gauge library. I only have about fifteen minutes exposure using that library, so I can't help you much with it. There are lots of examples of different kinds of gauges on his site.
    [/i]"


Inq720 wrote:Hi Jacob,
That was quick... like before I sent the reply. ;)

Jacob Major wrote:I was able to get the server up and running easily with this tutorial but I was unable to get the gauge to appear on index.html. I was able to get the graph to show up but I need to fix the part of the graph where it scales based on the input recieved. I appreciate your help up to this point, it has sped up my ability to implement this immensely.


It sounds like you got pretty far in the steps. I'll itemize and you tell me where you ran afoul. I'll put a Yes or ? in front of where it sounds like you have progressed.
  1. Yes - Getting all the libraries installed - ESP8266 Core and InqPortal
  2. Yes - Successfully did the ESP8266 Core patch. This seems to stump people the most. Usually because they missed the ten different notes sprinkled everywhere.
  3. Yes - Compiled and uploaded your InqPortal based project with the Arduino IDE.
  4. ? - You're able to browse to the Admin on your ESP8266... using something like http://Soil_Moisture/Admin.html
    That is if you left the SOFT_SSID "Soil Moisture".
  5. ? - You've clicked the Files tab and drag and dropped your Index.hml file on the Admin File Manager tab. This uploads it to the server so that any browser client in the future can retrieve it.
  6. Web development is unlike INO or C++ development. If you leave a file out or your HTML or JavaScript has a syntax error, Web development just gives you white space on the browser... no warnings, no errors. It is the most frustrating thing I ever experienced when I started web development.
    However, if you press F12 on your browser, it'll split the screen and give you a debugger. If you do a refresh, it WILL show an error... probably that gauge.min.js is missing.
  7. Look in my first post where the picture of the Files tab is showing what you should have on your ESP8266 server. See that it has two files present. The first file is the gauge library and you need to go to the author's page: https://github.com/Mikhus/canvas-gauges Find that one file you need and download to your dev machine and then upload it to your ESP8266 server.
    That page of his also has links on how to use the Gauge library. I only have about fifteen minutes exposure using that library, so I can't help you much with it. There are lots of examples of different kinds of gauges on his site.
    [/i]"
User avatar

Re: InqAnalog - Simple Real World Example

By Jacob Major
- Wed Apr 13, 2022 8:54 pm #94280
Jacob Major wrote:I am struggling to find documentation on the InqHisto.js file, where can I find this?


I hate it when its my fault... where is that InqHisto.js library documentation. Well... hmmm...
I forgot to write it.

OK...
This is where, I'm a little fuzzy on your description... "I was able to get the graph to show up but I need to fix the part of the graph where it scales based on the input recieved."

The Y-axis scaling is always automatic. As data comes in, it'll rescales the Y-axis to make sure it fits.

While I wait for your reply, I'll start looking into documenting it and giving you a quick answer once you clarify.[/quote]

Optimially since Moist is always between 0 and 100% I would like the graph to always have a scale of 0-100. Otherwise, the Graph has little in the way of context since it just occilates between a percentage like 50.23421324 and 50. 91232213 for a while. I need to be able to analyze the trend over a long period of time.
Image This is what I mean by the data is has little context, over 40+ minutes and I can barely tell if the trend is logical or not. Side note, in the original code you made, the percent of moisture was reversed so it was displaying 70% wet when it was 30% and vice versa. Obviously could change based on sensor type but just a note for anyone else.
Additionally, I will need to be looking into a way to store the data locally on the server as a historical record. I was able to find a way to export the History Data but I would like to have it do that automatically at a set interval.
The goal of my project is a little unclear but I have free reign on how I would like to proceed. The two situations I was choosing between were:
[list=]
[*]a set of sensors that would interface with a single device and upload all of their data to it at set intervals for a situation such as determining the soil levels of a large field. This could either be for a geology class at my university where the students need to repeatedly test soil over a large distance, or in an agricultural setting where a farm would place these sensors throughout the field and turn on watering (hoses?) as needed

[*] a personal plant monitor that can be modified to keep track of different plants with different watering needs and nutrient systems. Rather than being just automatic this also should have the ability to notify the user of the plant's status outside of the soft network created by the InqPortal.

[/list]
User avatar

Connecting to Built-In versus LAN Access Points

By Inq720
- Wed Apr 13, 2022 9:42 pm #94281 I'm going to try and work through these two elephants in bite size pieces. Your images are not coming through on the forum, but I was able to find the links. You might want to try adding them via the "Upload Attachment" tab just below the forum's editor instead of https://imgur.com. The forum software doesn't seem to like it.

Jacob Major wrote:Kinda- You're able to browse to the Admin on your ESP8266... using something like http://Soil_Moisture/Admin.html
I was using http://10.10.10.10/admin.html and opening my index.html from the files tab to see my graph. Then the link just becomes http://10.10.10.10/index.htmlImage
I was not able to get http://Soil_Moisture/Admin.html to work.


You have connected your laptop's WiFi directly to the built-in Access Point by connecting to the SSID of Soil Moisture.

Do you have a personal router you connect to or just the University's? If you don't have your own, the University's won't let you communicate with the ESP8266 server. Public routers block that because of security reasons. You're only avenue is the direct connect as you have done. That was sharp that you noticed the other option in the Serial Monitor.

If you do have a personal router like most people have at home, you can connect to it and browse across your local LAN. In depth instructions can be found https://inqonthat.com/inqportal-bare-essentials/ or https://inqonthat.com/inqportal-help-ts/. Unfortunately, you can't get to those since you're connected to the ESP8266 server.
User avatar

While working through these...

By Inq720
- Wed Apr 13, 2022 10:03 pm #94282 I whipped some documentation out.
See if this helps...
https://inqonthat.com/inqhisto-javascript-histogram/
... if it doesn't, I take constructive criticism well. ;)
 Reply
Return to Users Projects