Updating web page

public/group_01.html

@@ -202,9 +202,8 @@
                 This is the 4 hour printing test from <a href="https://jjrobots.com/sphere-o-bot-assembly-and-user-guide/"><b>Sphere-O-Bot</b></a>.
                 We look for other possibilities, and base on <a href="https://shop.evilmadscientist.com/productsmenu/768"><b>The EggBot Pro</b></a>,
                 a commercial device that uses a solid aluminium main frame we notice the advantages of using commercial brackets for the NEMA 17 stepper motors. 
-                This selection generate a design improvement.<br><br>
-                <img src="assets/img/group_01/Imagen12.jpg" class="img-fluid" alt=""><br><br>
-
+                This selection generate a design improvement.<br>
+            
                 The use of  NEMA 17 stepper motors brackets generated the following design improvement:<br>
                 <ol>
                   <li>Y Axis Arm: We redesigned the mounting hole to the stepper motor. Fig (a) shows the original dimension that it was suppose
@@ -212,7 +211,7 @@
                   This because the stepper motor shaft did not have a notch that could provide a better adjustment.
                   Thus, we change the mounting hole diameter (Fig b), in order to use a commercial Shaft Coupling (5-8mmx20mm). 
                   This product provides fixation holes that allows to fasten the shaft and the axis arm with set screws.</li><br>
-                  <img src="assets/img/group_01/Imagen13.jpg" class="img-fluid" alt=""><br><br>
+                  <img src="assets/img/group_01/Imagen12.jpg" class="img-fluid" alt=""><br><br>
                   
                   <li>Changes within the original main frame (fig a):</li>
                      <ol type="a">
@@ -222,11 +221,11 @@
                         geometry to a shelled model (fig c).</li>
                         <li>We decide also to change the regular flat top surface to a 60° angled surface. This was to avoid the
                         of supports.</li><br>
-                        <img src="assets/img/group_01/Imagen14.jpg" class="img-fluid" alt=""><br><br>  
+                        <img src="assets/img/group_01/Imagen13.jpg" class="img-fluid" alt=""><br><br>  
                      </ol>
                    <li>NEMA 17’s brackets mounting holes: We tested with different rows quantities with 2 (fig a) and 3 (fig b). However,
                    this kind of adjustment is complex for assembling. Thus, the final design (fig c) changed to slots.</li><br>
-                   <img src="assets/img/group_01/Imagen15.jpg" class="img-fluid" alt=""><br><br> 
+                   <img src="assets/img/group_01/Imagen14.jpg" class="img-fluid" alt=""><br><br> 
                 </ol><br>
 
               <b>The final Mechanical design</b><br>
@@ -234,11 +233,16 @@
               mechanical parts:<br>
               <ol>
                 <li>X Axis press and turn mechanism: This allows gourd adjustment. The design bring the possibility to increase gourd
-                sizes from 8 to 10 cm. Also includes a 608 bearing, that facilitates rotation.</li>
+                sizes from 8 to 10 cm. Also includes a 608 bearing, that facilitates rotation.</li><br>
+                <img src="assets/img/group_01/Imagen15.jpg" class="img-fluid" alt=""><br><br> 
+
                 <li>X Axis Actuator: This render shows assembles of the bracket to the main frame and the stepper motor to the bracket.
                 Also how the shaft coupling is adjusted and the inclusion of a holder-top. This final part receive the EVA circular sticky
-                pads, that would sustain the gourd.</li>
-                <li>Y-Z Axes: This render shows assembles of the drawing arm.</li>
+                pads, that would sustain the gourd.</li><br> 
+                <img src="assets/img/group_01/Imagen16.jpg" class="img-fluid" alt=""><br><br> 
+
+                <li>Y-Z Axes: This render shows assembles of the drawing arm.</li><br>
+                <img src="assets/img/group_01/Imagen17.jpg" class="img-fluid" alt=""><br><br> 
               </ol><br>
 
               <b>The Electronic Assembly</b><br><br>
@@ -253,7 +257,8 @@
                 <li>Additionally, we followed <a href="https://hackaday.com/2019/04/17/what-can-you-learn-from-an-eggbot/"><b>Elliot
                 Williams </b></a> hacking solution to control a servomotor for Z Axis function. Thus, we use Z+ Axis -End Stop pin (fig b)
                 to connect it, this would also need a hacking process for the GRBL stored in the Arduino One.
-                </li>
+                </li><br> 
+                <img src="assets/img/group_01/Imagen18.jpg" class="img-fluid" alt=""><br><br> 
               </ol><br>
 
               <b>Programming Set-Up </b><br><br>
@@ -269,11 +274,13 @@
                     <li>Open the Arduino IDE.</li>
                     <li>Open the GRBL by going to File option in the general menu, then select examples. 
                     A drop menu will be available and we have to select grbl and grblUpload (fig b).</li>
-                    <li>Upload the grbl to Arduino IDE by pressing run option.</li>
+                    <li>Upload the grbl to Arduino IDE by pressing run option.</li><br> 
+                    <img src="assets/img/group_01/Imagen19.jpg" class="img-fluid" alt=""><br><br> 
                     <li>Then we need to test that the GRBL is running. So we need to open the Arduino serial monitor.</li>
                     <li>Then we need to select 115200 Bauds (Fig a) and select “New Line” option (Fig b).</li>
                     <li>You can test if everything runs ok by sending a $$ command.</li>
-                    <li>Then you will get the machine parameters.</li>
+                    <li>Then you will get the machine parameters.</li><br> 
+                    <img src="assets/img/group_01/Imagen20.jpg" class="img-fluid" alt=""><br><br> 
                  </ol>
                 </li>
                 <li>Inkscape for G-Code Generation. Like suggested by
@@ -286,24 +293,29 @@
                     the drawing. We stablish a 270x40mm area.</li>
                     <li>Then, we set the 270x40mm area into a new document properties.</li>
                     <li>Then you need to generate the drawing, you can use part or the total working area. The figure bellow shows
-                    the process.</li>
+                    the process.</li><br> 
+                    <img src="assets/img/group_01/Imagen21.jpg" class="img-fluid" alt=""><br><br> 
                     <li>We used Gcodetools extension within Inkscape to generate de G-Code. For this process you need to:</li>
                       <ul>
                         <li>From the Gcodetools Menu select the option “Tools library” (fig a)</li>
                         <li>Then a option window will open</li>
-                        <li>Here you need to select the kind of tool type, in our case we select cylinder (Fig b).</li>
+                        <li>Here you need to select the kind of tool type, in our case we select cylinder (Fig b).</li><br>
+                        <img src="assets/img/group_01/Imagen22.jpg" class="img-fluid" alt=""><br><br>
                         <li>This process brings you the tool features (a green box will appear in your screen). Here it is
-                        recommendable to change the feed feature (it will appear with 400) to accelerate the three axes movements.</li>
+                        recommendable to change the feed feature (it will appear with 400) to accelerate the three axes movements.</li><br>
+                        <img src="assets/img/group_01/Imagen23.jpg" class="img-fluid" alt=""><br><br>
                         <li>Then we need to set orientation points (XY coordinates origin). Select extensions > Gcodetools>Orientation Points.</li>
                         <li>A new option window will open, and you only need to click apply (maintain default option) (Fig a).</li>
-                        <li>The orientation coordinates will appear in the bottom left point of origin (Fig b).</li>
+                        <li>The orientation coordinates will appear in the bottom left point of origin (Fig b).</li><br>
+                        <img src="assets/img/group_01/Imagen24.jpg" class="img-fluid" alt=""><br><br>
                         <li>You need to ensure that your images are grouped and that you turn them into vectors.</li>
                         <li>Then to generate the GCode first we select the images then, go to extentions>Gcodetools>Path to Gcode</li>
                         <li>A new option window will open (Fig a) < select preferences and here we must change “Z safe height”
                         option (height that will achieve Z axis tool to change position). By default, appears 5mm, we must increase
                         this number being sure that it needs to be a positive number. You have to acknowledge that this number will
                         affect drawing time. So we set it up to 1mm (Fig b).</li>
-                        <li>In preferences option you have also to select the folder to storage Gcode files</li>
+                        <li>In preferences option you have also to select the folder to storage Gcode files</li><br>
+                        <img src="assets/img/group_01/Imagen25.jpg" class="img-fluid" alt=""><br><br>
                         <li>Then you need to return to Path to Gcode option and click apply.</li>
                         <li>A .ngc extension file will be created.</li>
                      </ul>
@@ -316,7 +328,8 @@
                           In our case use the last one because it runs without installation. 
                           Download the files and go to bin execute ugsplatform64.exe </li>
                           <li>The UGS program will open and to set up the connection we need to select 115200 Bauds, port, and firmware
-                          (those options are located down the main menu).</li>
+                          (those options are located down the main menu).</li><br>
+                          <img src="assets/img/group_01/Imagen26.jpg" class="img-fluid" alt=""><br><br>
                           <li>Then we need press the Connect or Disconnect button.</li>
                           <li>We need to configure the GRBL parameters. Thus, send $$ command.</li>
                           <li>With that command the program will echo a list of parameters. Between those, we need to focus on the ones
@@ -330,15 +343,16 @@
                               <li>$111: Y Axis Maximum Rate: 20,000 mm/min (we test different velocities and set it more efficiently).</li>
                               <li>$120: X Axis acceleration – 1000 mm/sec2.</li>
                               <li>S121: Y Axis acceleration – 1000 mm/sec2.</li>
-                            </ul>
+                            </ul><br> 
+                            <img src="assets/img/group_01/Imagen27.jpg" class="img-fluid" alt=""><br><br> 
                           </li>
                           <li>Then open the .ngc extension file created previously.</li>
-                          <li>Then click play button. The CNC will start drawing, like shown down below.</li>
+                          <li>Then click play button. The CNC will start drawing, like shown down below.</li><br> 
+                          <img src="assets/img/group_01/Imagen28.jpg" class="img-fluid" alt=""><br><br> 
                       </ol>
               </ol><br>
             </p>
-
-            
+      
       <h3><b>FILES</b></h3>
 
             <p>