dyadmisha
/
AI-on-the-edge-device
spogulis no https://github.com/jomjol/AI-on-the-edge-device


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
							<html>
    <title>AI on the Edge Device - Webinstaller</title>
   <link rel="icon" href="https://raw.githubusercontent.com/jomjol/AI-on-the-edge-device/master/images/icon/favicon.ico" type="image/x-icon">
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
   <script
      type="module"
      src="https://unpkg.com/esp-web-tools@9.0.3/dist/web/install-button.js?module"
      ></script>
   <body style="
        padding: 20px;
        padding-left: 60px;
        padding-right: 60px;
   ">

   <table>
      <tr>
         <td><img src=https://raw.githubusercontent.com/jomjol/AI-on-the-edge-device/master/images/icon/watermeter.svg style="width: 100px; padding-right: 10px;"></td>
         <td><h1>AI-on-the-edge-device</h1><h2>Webinstaller and Console</h2></td>
      </tr>
   </table>
      
   <hr>

      <p>This page provides the Webinstaller and a live USB Console to your AI-on-the-edge-device.<br>
      For further information about AI-on-the-edge-device please go to <a href=https://github.com/jomjol/AI-on-the-edge-device>https://github.com/jomjol/AI-on-the-edge-device</a>.</p>
      <p>Beside flashing the firmware you need a sd-card with configuration informations about the system and the wifi credentials.</p>
      <p>There a two ways to make this settings:</body>p>
      <ol>
         <li>By hand: follow the instructions in the wiki (copy data to sd-card, setup wifi credentials by hand)</li>
         <li>Use an integraded primitiv access point to make the first setup.<br>
             In this case read the instructions below carefully in advance, as you have to temporaly change wifi and need a downloaded file.</li>
      </ol>
      
      <p>Notes:</p>
      <ul>
         <li>For the installation, make sure to switch the ESP32 to Bootloader mode!</li>
         <li>The SD-Card still must be flashed separately on a PC (See in the <a href=https://github.com/jomjol/AI-on-the-edge-device/wiki/Installation>Wiki</a>)!</li>
         <li>After the installation, a manual reset might be required!</li>
         <li>Please note that not all webbrowsers and operating systems support the needed access to USB!</li>
         <li>Check the <a href=https://github.com/jomjol/AI-on-the-edge-device/wiki/Installation>Wiki</a> for additional information.</li>
      </ul>
      <p><esp-web-install-button manifest="manifest.json"></esp-web-install-button></p>
      <hr>
      <p style="font-size: small;">Installer and Console powered by <a href=https://esphome.github.io/esp-web-tools/ target=_blank>ESP Web Tools</a></p>


      <h5>Using internal access point for sd-card setup</h5>
      <p>Before starting the flash process download the necessary file. It is a zip file, that contains the initial default configuration additionally.
         You can identify it by the naming. It should contain `...remote-setup...` within the file name. Store this file locally you will need it later. 
      </p>
      <h6>Flash the firmware with the WebInstaller</h6>
         <div style="text-indent:50px;">
            <p>Instructions see above.</p>
         </div>

      <h6>Connect to Device</h6>
         <div style="text-indent:50px;">

         
            <p>During the first booting, the device identifies, that the wifi credentials as well as the configuration informations are missing.</p>
            <p>Therefore a simple wifi access point is initiated and a simple internal web server is startet.</p>
            <p>The naming of the wifi is "AI-on-the-edge" and you can access without any password.</p>

            <p><img src="access-point.png" alt="Access Point" width="250"></p>

            <p>You connect to the server with the fixed ip: http://192.168.4.1</p>
         </div>

      <h6>Upload initial configuration to sd-card</h6>
         <div style="text-indent:50px;">

      
            <p><img src="setup-config.png" alt="Access Point" width="300"></p>

            <p>Use the `select file` and `upload` button to start the upload.</p>
            <p>A warning will come, if you have choosen a possible wrong file (without default configuration).</p>
         </div>

         
      <h6>Upload initial configuration to sd-card</h6>
         <div style="text-indent:50px;">

            <p><img src="setup-config.png" alt="Access Point" width="300"></p>

            <p>Use the `select file` and `upload` button to start the upload.<br>
            A warning will come, if you have choosen a possible wrong file (without default configuration).</p>
            <p>Be patient - the upload takes up to about 60s without response during this time.<br>
            After succesfull upload the page will be reloaded for the next step.</p>
         </div>
            
      <h6>Store WLAN acces information</h6>
         <div style="text-indent:50px;">
            <p><img src="setup-wlan.png" alt="Access Point" width="300"></p>

            <p>Here you can set your wifi credentials. Only basic settings can done here. If you need advanced features (fixed ip, ...), please use the manual setup.</p>
            <p>Attention:</p>
            <ul>
               <li>Carefully check your wifi settings. To change them later on, you need to take you the sd-card and to it manually in `wlan.ini`</li>
               <li>The informations are transfered without encryption.</li>
            </ul>
            <p>Finish the step by pushing `Write wlan.ini`</p>
         </div>

      <h6>Reboot</h6>
         <div style="text-indent:50px;">
            <p><img src="setup-reboot.png" alt="Access Point" width="300"></p>

            <p>The final step is the reboot.</p>
            <p>It will take up to 3 minutes. Afterwards you can find your device in the local network. Check you router for the IP. You can find it also in the console output.</p>
         </div>
   </body>
</html>