Skip to content
Snippets Groups Projects
Commit 11b50475 authored by Charlotte Vandenbulcke's avatar Charlotte Vandenbulcke
Browse files

changing link to images in final project page

parent 32c6cc64
No related branches found
No related tags found
No related merge requests found
Pipeline #460720 passed
Stage: deploy
    Hide whitespace changes
    Inline Side-by-side
    public/final-project.html
    + 22
    − 22
    View file @ 11b50475
    ......@@ -310,19 +310,19 @@
    <p>Two 5mm foggy round 4 pin RGB LED Light Emitting Diode (Common cathode) will be used on top of the feeder.</p>
    <span class="image object">
    <img src="../images/aukenienLEDrgb.jpg" alt="...">
    <img src="images/aukenienLEDrgb.jpg" alt="...">
    </span>
    <p>Each of them has 4 pins that will be connected to the ESP32 Wroom.</p>
    <span class="image object">
    <img src="../images/anode-cathode.jpg" alt="...">
    <img src="images/anode-cathode.jpg" alt="...">
    </span>
    <p>So 8 pins will be used on the ESP32, minus one as I will weld the 2 GND pins together (the ESP32 only has 3 GND pins).</p>
    <span class="image object">
    <img src="../images/LEDsWired.jpg" alt="...">
    <img src="images/LEDsWired.jpg" alt="...">
    </span>
    <blockquote>
    ......@@ -337,13 +337,13 @@
    <p>For that I will use an HC-SR04 Ultrasonic Sonar Distance Sensor which has 4 pins to attach to the ESP32.</p>
    <span class="image object">
    <img src="../images/AZDeliveryDistanceSensor.jpg" alt="...">
    <img src="images/AZDeliveryDistanceSensor.jpg" alt="...">
    </span>
    <p>As I only used 1 GND pin for both LEDs, I will use another one for this component (I could weld it to the LEDs' GNDs' but I prefer moving baby steps as this is all new to me).</p>
    <span class="image object">
    <img src="../images/distanceSensorWired.jpg" alt="...">
    <img src="images/distanceSensorWired.jpg" alt="...">
    </span>
    <h3>ESP32 Wroom</h3>
    ......@@ -351,7 +351,7 @@
    <p>The main part in the electronic components is the microcontroller, in my case I will use a ESP32 Wroom.</p>
    <span class="image object">
    <img src="../images/esp32wroom.jpg" alt="...">
    <img src="images/esp32wroom.jpg" alt="...">
    </span>
    <p>Why ?</p>
    ......@@ -368,13 +368,13 @@
    </ul>
    <span class="image object">
    <img src="../images/esp32wroomPARAM.jpg" alt="...">
    <img src="images/esp32wroomPARAM.jpg" alt="...">
    </span>
    <p>To hold the ESP32 in place and get enough space under it for the wires that will be attached to it I added a PLA 3D printed bracket (file was found on Thingiverse, thanks to...).</p>
    <span class="image object">
    <img src="../images/esp32withWiresBracket.jpg" alt="...">
    <img src="images/esp32withWiresBracket.jpg" alt="...">
    </span>
    <p>I will add some double-face tape for this prototype and upgrade it on the next one.</p>
    ......@@ -385,19 +385,19 @@
    <p>In order to lift the lid of the bowl I will use a Micro Servo Motor 9g compatible with SG90.</p>
    <span class="image object">
    <img src="../images/servomotor.jpg" alt="...">
    <img src="images/servomotor.jpg" alt="...">
    </span>
    <p>It will be fixed to the inner back part of the bowl compartment with the help of another 3D printed bracket found this time on Tinkercad.</p>
    <span class="image object">
    <img src="../images/servomotorBracket.jpg" alt="...">
    <img src="images/servomotorBracket.jpg" alt="...">
    </span>
    <p>The servo motor has 3 pins to attach to the microcontroller. Therefor I've cut a small hole in both the cat head tower front plate and the back plate of the bowl compartment.</p>
    <span class="image object">
    <img src="../images/holes-for-wires.jpg" alt="...">
    <img src="images/holes-for-wires.jpg" alt="...">
    </span>
    <h3>Force resistor</h3>
    ......@@ -405,13 +405,13 @@
    <p>Final component to add to the feeder is the Thin Flexible Force Sensitive Resistor that can measure weights going from 20g to 2kg.</p>
    <span class="image object">
    <img src="../images/forcesensitiveresistor.jpg" alt="...">
    <img src="images/forcesensitiveresistor.jpg" alt="...">
    </span>
    <p>This one has 2 pins but one gets split in 2 : VCC (+ resistor) and Vout.</p>
    <span class="image object">
    <img src="../images/forcesensitiveresistorPIN.jpg" alt="...">
    <img src="images/forcesensitiveresistorPIN.jpg" alt="...">
    </span>
    <p>I haven't tried it out yet so I don't know if I will need 1 or 2 and how to fix them to get the right measurements.</p>
    ......@@ -419,13 +419,13 @@
    <p>I first thought I should use both so I placed them and calculated all the wires together.</p>
    <span class="image object">
    <img src="../images/servo-and-force-wired.jpg" alt="...">
    <img src="images/servo-and-force-wired.jpg" alt="...">
    </span>
    <p>A few days later I've been thinking about how to hide it under the bowl and only used one when I cut the wood piece.</p>
    <span class="image object">
    <img src="../images/forceSensorHidden.jpg" alt="...">
    <img src="images/forceSensorHidden.jpg" alt="...">
    </span>
    <p>We'll see at the end what will work the best and if this wood piece will be enough.</p>
    ......@@ -435,7 +435,7 @@
    <p>This is how the integration looks like for the moment. :)</p>
    <span class="image object">
    <img src="../images/integration-hero-shot.jpg" alt="...">
    <img src="images/integration-hero-shot.jpg" alt="...">
    </span>
    </section>
    ......@@ -447,7 +447,7 @@
    <p>My project is an automatic cat food dispenser. The cat's food bowl is placed in a compartment protected by a lid. This compartment is attached via a power cable to a tower in the shape of a cat's head, which contains most of the electronics needed to operate the dispenser.</p>
    <span class="image object">
    <img src="../images/current-model.jpg" alt="...">
    <img src="images/current-model.jpg" alt="...">
    </span>
    <h3>How it works</h3>
    ......@@ -470,7 +470,7 @@
    </ol>
    <span class="image object">
    <img src="../images/Final-project-techniques-used.jpg" alt="...">
    <img src="images/Final-project-techniques-used.jpg" alt="...">
    </span>
    <h3>How it's built</h3>
    ......@@ -478,23 +478,23 @@
    <p>The basic shapes for the tower and food compartment prototypes were created from existing templates on a <strong>laser-cut</strong> box generator website, <strong><a href="https://boxes.hackerspace-bamberg.de/" target="_blank">Festi</a></strong>. I modified these boxes according to the sizes and specifications I needed for my project by using <strong><a href="https://inkscape.org/" target="_blank">Inkscape</a></strong> and the laser cutter program, <strong>Gravostyle</strong>.</p>
    <span class="image object">
    <img src="../images/wooden box model.jpg" alt="...">
    <img src="images/wooden box model.jpg" alt="...">
    </span>
    <span class="image object">
    <img src="../images/cttowerbox.jpg" alt="...">
    <img src="images/cttowerbox.jpg" alt="...">
    </span>
    <p>I also used <strong><a href="https://www.tinkercad.com" target="_blank">Tinkercad</a></strong> to design the <strong>3D prints</strong> of the ears at the top of the tower, in which the LEDs will be housed.</p>
    <span class="image object">
    <img src="../images/ears-3d-design.jpg" alt="...">
    <img src="images/ears-3d-design.jpg" alt="...">
    </span>
    <p>Many of the parts holding the <strong>electronic components</strong> were 3D printed from opensource files found on websites like <strong><a href="https://www.thingiverse.com/" target="_blank">Thingiverse</a></strong>.</p>
    <span class="image object">
    <img src="../images/brackets-design.jpg" alt="...">
    <img src="images/brackets-design.jpg" alt="...">
    </span>
    <h3>Challenges in the building</h3>
    ......
    0% or .
    You are about to add 0 people to the discussion. Proceed with caution.
    Finish editing this message first!
    Please register or to comment