Freecad informations added on week02 page and week03's content started

public/assignments/week02.html

@@ -148,6 +148,59 @@
                       </ul>
                       <p><strong>Here's the link to <a href="../files/CharlotteVdb-OnshapeTest.stl" target="_blank">my file</a> on Onshape.</strong></P>
                     </section>
+
+                    <section>
+                      <h3>Discovering Freecad</h3>
+                      <p>After working on Onshape, I tried another 3D design program : <strong>Freecad</strong>.</p>
+                      <p>I found tutorials (in french again) made by <a href="https://www.youtube.com/@CADPrinter" target="_blank">CAD Printer</a> to understand the interface and the tools.</p>
+
+                      <span class="image object">
+                        <a href="https://www.youtube.com/playlist?list=PL1P4z1vfrsq8KZ2mHqRBZg8aoftq_w6vY" target="_blank"><img src="../images/freecad-french-tutorials.jpg" alt="Printscreen of the Freecad french tutorials' playlist on Youtube." /></a>
+                      </span>
+
+                      <p>I started by opening a new document and I chose the workshop that will show the tools to create a new sketch.</p>
+
+                      <span class="image object">
+                        <img src="../images/freecad-new-document.jpg" alt="Printscreen of the Freecad new document window." />
+                      </span>
+
+                      <span class="image object">
+                        <img src="../images/freecad-choose-workshop.jpg" alt="Printscreen of the Freecad workshop option." />
+                      </span>
+
+                      <p>After selecting the plane to work on, I chose the form I want to work as base. In this exercice I took the circle.</p>
+
+                      <span class="image object">
+                        <img src="../images/freecad-choose-plane.jpg" alt="Printscreen of the Freecad planes." />
+                      </span>
+
+                      <span class="image object">
+                        <img src="../images/freecad-choose-plane2.jpg" alt="Printscreen of the Freecad plane selected." />
+                      </span>
+
+                      <span class="image object">
+                        <img src="../images/freecad-choose-sketch-tool.jpg" alt="Printscreen of the Freecad sketch tools options." />
+                      </span>
+
+                      <p>To draw the circle, you click once to place the center and by moving your mouse, you determine the diameter, that will be save by clicking another time.</p>
+
+                      <span class="image object">
+                        <img src="../images/freecad-sketch-circle.jpg" alt="Printscreen of a circle drawn in Freecad." />
+                      </span>
+
+                      <p>When I was finished, I clicked on "close" and chose the "extrude" tool.</p>
+
+                      <span class="image object">
+                        <img src="../images/freecad-extrude-circle.jpg" alt="Printscreen of an extruded circle drawn in Freecad." />
+                      </span>
+
+                      <p>I changed the length and saved the form by clicking on "ok".</p>
+
+                      <span class="image object">
+                        <img src="../images/freecad-change-length.jpg" alt="Printscreen of an extruded circle's informations in Freecad." />
+                      </span>
+                    </section>
+
                     <section>
                       <h3>Discovering Inkscape</h3>
                       <p>I regularly use Adobe Illustrator. To try another program, I thought about Inkscape because I will have to use it with my own embroidery and sewing machine.</p>
@@ -156,7 +209,7 @@
                       <a href="https://inkscape.org/" target="_blank"><img src="../images/inkscape-website.jpg" alt="Printscreen of Inkscape website's homepage." /></a>
                       </span>
 
-                      <p>I've already tried 1 or 2 times tu use it but hated it as it isn't as user-friendly as Illustrator but the Fab Academy is a good excuse to give it another try so, thanks to Youtube (again), I've saved a tutorials playlist made by "<a href="https://www.youtube.com/playlist?list=PLMCmz4rTAYpaOAVrJA6bbTHPxeKJyAwKP" target="_blank">Savoir pour tous</a>" video to learn it step-by-step.</p>
+                      <p>I've already tried 1 or 2 times tu use it but hated it as it isn't as user-friendly as Illustrator but the Fab Academy is a good excuse to give it another try so, thanks to Youtube (forever and ever), I've saved a tutorials playlist, <strong>still <u>in french</u></strong>, made by "<a href="https://www.youtube.com/playlist?list=PLMCmz4rTAYpaOAVrJA6bbTHPxeKJyAwKP" target="_blank">Savoir pour tous</a>" video to learn it step-by-step.</p>
 
                       <span class="image object">
                       <a href="https://www.youtube.com/playlist?list=PLMCmz4rTAYpaOAVrJA6bbTHPxeKJyAwKP" target="_blank"><img src="../images/Savoir-pour-tous-inkscape-tutorials.jpg" alt="Printscreen of the Inkscape tutorials playlist made by Savoir Pour Tous on Youtube." /></a>

public/assignments/week03.html

+<!DOCTYPE html>
+<html lang="en-us">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="generator" content="GitLab Pages">
+    <meta name="description" content="Fab Academy documentation site for Charlotte Fab-C">
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+    <link rel="stylesheet" href="../assets/css/main.css" />
+    <title>Charlotte Fab-C - Fab Academy</title>
+    
+  </head>
+  <body class="is-preload">
+    <!-- Wrapper -->
+      <div id="wrapper">
+
+        <!-- Main -->
+          <div id="main">
+            <div class="inner">
+
+              <!-- Header -->
+                <header id="header">
+                  <a href="../index.html" class="logo"><strong>Charlotte - FabLab de Charleroi</strong> Fab Academy website</a>
+                  <ul class="icons">
+                    <li><a href="https://www.facebook.com/littlebelge" class="icon brands fa-facebook-f" target="_blank"><span class="label">Facebook</span></a></li>
+                    <li><a href="https://www.instagram.com/little.belge/" class="icon brands fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
+                    <li><a href="https://gitlab.fabcloud.org/charlotte-vandenbulcke" class="icon brands fa-gitlab" target="_blank"><span class="label">Gitlab</span></a></li>
+                  </ul>
+                </header>
+
+              <!-- Section -->
+                <section id="banner">
+                  <div class="content">
+                    
+                    <header class="main">
+                      <h2>3. Computer Controlled Cutting</h2>
+                    </header>
+                    <section>
+                      <p>This week I tried several 2D and 3D designing programs to find the ones that suit me best.</p>
+                    </section>
+                    <section>
+                      <h3>My journey</h3>
+
+                      <p>At first I had to catch up on the first week so I worked on the website (design and content). After finishing the biggest part of it I tried several the Onshape, Freecad and Inkscape programs for 2D and 3D designing (I'm already familiar with Illustrator and Autocad).</p>
+                    </section>
+                    <section>
+                      <h3>Group project</h3>
+                      <p>We designed some pieces in Inkscape and/or Fusion 3D to try out the laser cutter and understand the paramters that are important to keep in mind.</p>
+
+                      <h4>Focus</h4>
+
+                      <p></p>
+                      <span class="image object">
+                      <img src="../images/.." alt="Picture of the focus process." />
+                      </span>
+
+                      <h4>Speed</h4>
+
+                      <p></p>
+                      <span class="image object">
+                      <img src="../images/.." alt="Picture of the speed process." />
+                      </span>
+
+
+                      <h4>Power</h4>
+
+                      <p></p>
+                      <span class="image object">
+                      <img src="../images/.." alt="Picture of the power process." />
+                      </span>
+
+
+                      <h4>Rate</h4>
+
+                      <p></p>
+                      <span class="image object">
+                      <img src="../images/.." alt="Picture of the rate process." />
+                      </span>
+
+
+                      <h4>Kerf</h4>
+
+                      <p></p>
+                      <span class="image object">
+                      <img src="../images/.." alt="Picture of the kerf process and calculation." />
+                      </span>
+
+
+                      <h4>Joint types</h4>
+
+                      <p></p>
+                      <span class="image object">
+                      <img src="../images/.." alt="Picture of the focus process." />
+                      </span>
+
+                    </section>
+                    <section>
+                      <h3>Individual project : parametric construction kit</h3>
+                      <p>Despite the fact that I previously learned how to calculate the kerf and how to design a 3D object, I chose to use 2 websites to help me create the boxes I wanted to cut on the laser cutter for this assignment. Simple reasons : saving time and brain energy as it isn't easy for me.</p>
+
+                      <span class="image object">
+                      <a href="https://www.festi.info/" target="_blank"><img src="../images/festi-website.jpg" alt="Festi's website to create the laser cutter's files for a wooden box." /></a>
+                      </span>
+
+                      <span class="image object">
+                      <a href="https://www.gravini.cz/" target="_blank"><img src="../images/gravini-website.jpg" alt="Gravini's website to create the laser cutter's files for a wooden box." /></a>
+                      </span>
+
+                      <p>I chose to work on a basic box as it will be the base form for my final project. By already cutting it in a smaller size in this assignment, I can have a first idea of the possibilities of construction.</p>
+
+                      <span class="image object">
+                      <img src="../images/.." alt="Picture of the 3D box design." />
+                      </span>
+
+                    </section>
+                    <section>
+                      <h3>Individual project : vinyl cutting</h3>
+
+                      <p>To use the vinyl cutter, I vectorised the Fab Academy logo and placed it on my notebook.</p>
+
+                      <span class="image object">
+                      <img src="../images/.." alt="Picture of my notebook with the Fab Academy freshly cutted adhesive white vinyl logo." />
+                      </span>
+
+                      <p>I measured the place on the notebook for the logo and made sure to adjust the vectorised file in Inkscape to fit in.</p>
+
+                      <span class="image object">
+                      <img src="../images/.." alt="Printscreen of the vectorised Fab Academy logo in Inkscape with the size informations." />
+                      </span>
+
+                      <p>After saving the file in .pdf format, I opened it in the vinyl cutter program, "Summa GoSign".</p>
+
+                      <p>This vinyl cutter machine is a ".." and is interesting as his blade is a ... one.</p>
+
+                      <span class="image object">
+                      <img src="../images/.." alt="Picture of the .. vinyl cutting machine." />
+                      </span>
+
+                      <span>
+                      <video></video>
+                      </span>
+
+                      <p>Using this vinyl cutting machine is really easy.</p>
+                      
+                      <p>...</P>
+                    </section>
+
+                    <section>
+                      <h3>My Project</h3>
+
+                      <p>As I said earlier, I took advantage of this week's assignment to cut the basic parts of my "pet house" project.</p>
+                      
+                      <p>This helped me see and think about the parameters I have to take in consideration and what difficulties I can meet.</p>
+
+                      <span class="image object">
+                      <img src="../images/.." alt="Picture of the pet house first basic prototype and my notes." />
+                      </span>
+
+                    </section>
+                  </div>
+                </section>
+
+            </div>
+          </div>
+
+          <!-- Sidebar -->
+          <div id="sidebar">
+            <div class="inner">
+
+              <!-- Search -->
+                <section id="search" class="alt">
+                  <form method="post" action="#">
+                    <input type="text" name="query" id="query" placeholder="Search" />
+                  </form>
+                </section>
+
+              <!-- Menu -->
+                <nav id="menu">
+                  <header class="major">
+                    <h2>Menu</h2>
+                  </header>
+                  <ul>
+                    <li><a href="../index.html">Homepage</a></li>
+                    <li><a href="../assignments.html">Assignments</a></li>
+                      <li>
+                        <span class="opener">Week per week</span>
+                        <ul>
+                          <li><a href="../assignments/week01.html">1. Project Management</a></li>
+                          <li><a href="../assignments/week02.html">2. Computer Aided Design</a></li>
+                          <li><a href="../assignments/week03.html">3. Computer Controlled Cutting</a></li>
+                          <li><a href="../assignments/week04.html">4. Embedded Programming</a></li>
+                          <li><a href="../assignments/week05.html">5. 3D Scanning And Printing</a></li>
+                          <li><a href="../assignments/week06.html">6. Electronics Design</a></li>
+                          <li><a href="../assignments/week07.html">7. Computer Controlled Machining</a></li>
+                          <li><a href="../assignments/week08.html">8. Electronics Production</a></li>
+                          <li><a href="../assignments/week09.html">9. Molding And Casting</a></li>
+                          <li><a href="../assignments/week10.html">10. Output Devices</a></li>
+                          <li><a href="../assignments/week11.html">11. Mechanical Design And Machine Design</a></li>
+                          <li><a href="../assignments/week12.html">12. Input Devices</a></li>
+                          <li><a href="../assignments/week13.html">13. Networking And Communications</a></li>
+                          <li><a href="../assignments/week14.html">14. Interface And Application Programming</a></li>
+                          <li><a href="../assignments/week15.html">15. Wildcard Week</a></li>
+                          <li><a href="../assignments/week16.html">16. Applications And Implications</a></li>
+                          <li><a href="../assignments/week17.html">17. Invention, Intellectual Property And Income</a></li>
+                          <li><a href="../assignments/week18.html">18. Project Development</a></li>
+                        </ul>
+                    </li>
+                    <li><a href="../final-project.html">Final Project</a></li>
+                    
+                    <li><a href="../about.html">About Me</a></li>
+                </nav>
+
+              <!-- Footer -->
+                <footer id="footer">
+                  <p class="copyright">&copy; Charlotte - FabLab de Charleroi. Fab Academy 2024. All rights reserved. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
+                </footer>
+
+            </div>
+          </div>
+
+      </div>
+
+    <!-- Scripts -->
+      <script src="../assets/js/jquery.min.js"></script>
+      <script src="../assets/js/browser.min.js"></script>
+      <script src="../assets/js/breakpoints.min.js"></script>
+      <script src="../assets/js/util.js"></script>
+      <script src="../assets/js/main.js"></script>
+
+  </body>
+</html>