completing week 8

public/assignments/week08.html

@@ -223,7 +223,7 @@
                     <section>
                       <h3>Individual assignment</h3>
 
-                      <h4>Discovering Kicad</h4>
+                      <h4>UPDATE - Discovering Kicad</h4>
 
                       <p>On our previous electronics assignments, we've already had the design files ready to be used (thanks to Quentin and Adrian).</p>
 
@@ -233,8 +233,179 @@
                       <img src="../images/Kicad-website.jpg" alt="..." />
                       </span>
 
-                      <p>Our instructor (Sylvain Denis) taught us to install the program and the different libraries (symbols and footprints) that already contain all the components we will use during the Fab Academy.</p>
+                      <h5>Installation</h5>
 
+                      <p>After installing the Kicad program, you have to <a href="https://gitlab.fabcloud.org/pub/libraries/electronics/kicad" target="_blank">download and install the "Fab" Library</a> (that already contain all the components we will use during the Fab Academy).</p>
+
+                      <span class="image object">
+                      <img src="../images/installing-kicad.jpg" alt="..." />
+                      </span>
+
+                      <p>To install it in Kicad, <strong>store the library in C:/kicad/libraries</strong> (if you use Windows) then run Kicad and open a .pro file.</p>
+
+                      <span class="image object">
+                      <img src="../images/New-Kicad-Pro-file.jpg" alt="..." />
+                      </span>
+
+                      <p>Click in the menu on "Preferences" then "Manage the symbol libraries" and add fab.kicad_sym as symbol library by clicking on the "+" sign (down-left of the chart).</p>
+
+                      <span class="image object">
+                      <img src="../images/newSymb-lib.jpg" alt="..." />
+                      </span>
+
+                      <span class="image object">
+                      <img src="../images/ajouter-lib-symb.jpg" alt="..." />
+                      </span>
+
+                      <p>Fill the new empty row with "fab" as name and double-click on the folder sign of the "path" cell to open the "fab.Kicad_symb" file (that you added before in C:/kicad/libraries).</p>
+
+                      <span class="image object">
+                      <img src="../images/add-lib-path-to-file.jpg" alt="..." />
+                      </span>
+
+                      <span class="image object">
+                      <img src="../images/finding-fab-lib-on-computer.jpg" alt="..." />
+                      </span>
+
+                      <span class="image object">
+                      <img src="../images/newlibok.jpg" alt="..." />
+                      </span>
+
+                      <p>Close the window do the same for the footprint "fab.pretty" folder.</p>
+
+                      <span class="image object">
+                      <img src="../images/new-print-lib.jpg" alt="..." />
+                      </span>
+
+                      <span class="image object">
+                      <img src="../images/footprintlib.jpg" alt="..." />
+                      </span>
+
+                      <span class="image object">
+                      <img src="../images/footprintlibok.jpg" alt="..." />
+                      </span>
+
+                      <p>Last but not least, click again in the menu on "Preferences" and now open "Configure paths".</p>
+
+                      <span class="image object">
+                      <img src="../images/configpath.jpg" alt="..." />
+                      </span>
+
+                      <p>Add a new line and fill "FAB" as name and chose the "Kicad-Master" folder as path.</p>
+
+                      <span class="image object">
+                      <img src="../images/pathok.jpg" alt="..." />
+                      </span>
+
+                      <h5>Project creation</h5>
+
+                      <p>First you will work on the schematic. When you're on the schematic editor page you will have to add the components.</p>
+
+                      <span class="image object">
+                      <img src="../images/xiaosymbimported.jpg" alt="..." />
+                      </span>
+
+                      <p>These can be found in the right bar under this symbol :</p>
+
+                      <span class="image object">
+                      <img src="../images/kicad-add-component.jpg" alt="..." />
+                      </span>
+
+                      <p>Thanks to the libraries we installed before, you will find all the common components that were/are used during the Fab Academy. Just go on "fab" and choose the one you need.</p>
+
+                      <span class="image object">
+                      <img src="../images/librairies-items.jpg" alt="..." />
+                      </span>
+
+                      <p>A good advice is to add labels to the pins of your components. Trust me, that will help in all the creation ! ;)</p>
+
+                      <span class="image object">
+                      <img src="../images/kicad-add-label.jpg" alt="..." />
+                      </span>
+
+                      <span class="image object">
+                      <img src="../images/addinglabels.jpg" alt="..." />
+                      </span>
+
+                      <p>Next step will be to connect all your components together and then click on the icon to switch to the PCB editor.</p>
+
+                      <span class="image object">
+                      <img src="../images/kicad-pcb-editor-button.jpg" alt="..." />
+                      </span>
+
+                      <p>There you'll have to trace the routes, that will connect the components together after soldering, and draw the final shape of your PCB.</p>
+
+                      <span class="image object">
+                      <img src="../images/catPCBv2.jpg" alt="..." />
+                      </span>
+
+                      <p>But first you'll have to update the PCB regarding your work in the schematic editor by clicking the button in the menu above.</p>
+
+                      <blockquote>
+                        Note : don't forget to click on this button every time you update your schematic ! ;)
+                      </blockquote>
+
+                      <span class="image object">
+                      <img src="../images/kicad-pcb-update.jpg" alt="..." />
+                      </span>
+
+                      <blockquote>
+                        This button can also be found in the upper menu under "Tools"
+                      </blockquote>
+
+                      <span class="image object">
+                      <img src="../images/MAJaPartirschema.jpg" alt="..." />
+                      </span>
+
+                      <p>For the routes you'll use this button :</p>
+
+                      <span class="image object">
+                      <img src="../images/kicad-wire-tool.jpg" alt="..." />
+                      </span>
+
+                      <p>For the shape these ones :</p>
+
+                      <span class="image object">
+                      <img src="../images/kicad-cut-tool.jpg" alt="..." />
+                      </span>
+
+                      <p>Once your PCB is finished you'll have to export it in SVG by clicking here :</p>
+
+                      <span class="image object">
+                      <img src="../images/kicad-svg-export.jpg" alt="..." />
+                      </span>
+
+                      <p>In the option window you'll have to chose SVG or GBR (regarding which program you'll use after to create the Gcode) as file format and check the F.Cu and Edge.Cuts boxes on the left.</p>
+
+                      <span class="image object">
+                      <img src="../images/svg-format-pcb.jpg" alt="..." />
+                      </span>
+
+                      <p>Before exporting your file, make a DRC control. This will reveal some possible errors in your design.</p>
+
+                      <span class="image object">
+                      <img src="../images/DRC-control.jpg" alt="..." />
+                      </span>
+
+                      <blockquote>
+                        In my case, the error came from one of the edge cut. There were in fact 2 lines. So I deleted one and joint the other to the next one.
+                        <br>
+                        Regarding the warnings : they pointed to the text height of the labels but as I wasn't using them in the design I didn't have to take care of them.
+                      </blockquote>
+
+                      <span class="image object">
+                      <img src="../images/drc-error-edge-cut.jpg" alt="..." />
+                      </span>
+
+                      <p>To get the Gcode in mods you have 2 solutions : 
+                        <ul>
+                        <li>out of the .gbr files you can use the great <a href="https://quentinbolsee.pages.cba.mit.edu/gerber2img/" target="_blank">gbr2img program</a> made by Quentin Bolsee which will convert your files in PNG</li>
+                        <li>if you export your files in SVG you can open them afterwards in Inkscape and save them as PNG</li>
+                        </ul>
+                      </p>
+                    </section>
+
+                    <section>
                       <h4>My Micro-Cat-Controller</h4>
 
                       <p>To create my electronics board, we chose some components that would be useful for my final project :</p>
@@ -308,7 +479,7 @@
                       </p>
 
                       <span class="image object">
-                      <img src="../images/pcbdapresschema.jpg" alt="..." />
+                      <img src="../images/catMouth.jpg" alt="..." />
                       </span>
 
                       <p>I generated the GBR files by clicking on "trace" in Kicad and then converted them in PNG images using the great <a href="https://quentinbolsee.pages.cba.mit.edu/gerber2img/" target="_blank">gbr2img program</a> made by Quentin Bolsee (thanks a lot ! <3).</p>
@@ -448,6 +619,7 @@
                       <p><strong>Resources</strong></p>
                       <ul>
                         <li><a href="https://www.kicad.org/" target="_blank">Kicad website</a></li>
+                        <li><a href="https://gitlab.fabcloud.org/pub/libraries/electronics/kicad" target="_blank">Fab Library for Kicad</li>
                         <li><a href="https://www.youtube.com/watch?v=rhqlP8CRct0&ab_channel=StuartPatterso" target="_blank">English tutorial : Complex Edge Cuts in KiCAD 5.x with Inkscape</a></li>
                         <li><a href="https://quentinbolsee.pages.cba.mit.edu/gerber2img/" target="_blank">Quentin Bolsee's gerber2img program page</a></li>
                         <li><a href="https://fabacademy.org/2024/labs/fabc/" target="_blank">Our group page</a></li>