Commit 26eaea13 authored by Arash Sattari's avatar Arash Sattari

input week & machine design

parent 2caf5bd8
Pipeline #106347 passed with stage
in 47 seconds
......@@ -51,10 +51,10 @@
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">Jump To</a>
<ul class="dropdown-menu">
<span class="dropdown-item active-item">
<span class="dropdown-item" >
<a href="week1.html">W1: Project Management</a>
</span>
<span class="dropdown-item">
<span class="dropdown-item" >
<a href="week2.html">W2: Computer-aided Design</a>
</span>
<span class="dropdown-item">
......@@ -69,6 +69,45 @@
<span class="dropdown-item">
<a href="week6.html">W6: Electronic Design</a>
</span>
<span class="dropdown-item">
<a href="week7.html">W7: Computer-controlled Machining</a>
</span>
<span class="dropdown-item">
<a href="week8.html">W8: Electronic Design</a>
</span>
<span class="dropdown-item">
<a href="week9.html">W9: Molding and Casting</a>
</span>
<span class="dropdown-item">
<a href="week10.html">W10: Input Devices</a>
</span>
<span class="dropdown-item">
<a href="week11.html">W11: Output Devices</a>
</span>
<span class="dropdown-item">
<a href="week12.html">W12: Application and Implication</a>
</span>
<span class="dropdown-item">
<a href="week13.html">W13: Networking and Communication</a>
</span>
<span class="dropdown-item">
<a href="week14.html">W14: Mechanical Design</a>
</span>
<span class="dropdown-item">
<a href="week15.html">W15: Interface and Application Programming</a>
</span>
<span class="dropdown-item">
<a href="week16.html">W16:Machine Design</a>
</span>
<span class="dropdown-item">
<a href="week17.html">W17: Wildcard Week</a>
</span>
<span class="dropdown-item">
<a href="week18.html">W18: Invention, Intellectual Property and Income</a>
</span>
<span class="dropdown-item">
<a href="week19.html">W19: Project Development</a>
</span>
</ul>
</li>
<li class="nav-item">
......
This diff is collapsed.
......@@ -51,29 +51,62 @@
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">Jump To</a>
<ul class="dropdown-menu">
<span class="dropdown-item">
<span class="dropdown-item" >
<a href="week1.html">W1: Project Management</a>
</span>
<span class="dropdown-item" >
<a href="week2.html">W2: Computer-aided Design</a>
</span>
<span class="dropdown-item">
<a href="week3.html">W3: Computer-controlled Cutting</a>
</span>
<span class="dropdown-item">
<a href="week4.html">W4: Electronics Production</a>
</span>
<span class="dropdown-item">
<a href="week5.html">W5: 3D scanning and printing</a>
</span>
<span class="dropdown-item">
<a href="week2.html">W2: Computer-aided Design</a>
<a href="week6.html">W6: Electronic Design</a>
</span>
<span class="dropdown-item">
<a href="week3.html">W3: Computer-controlled Cutting</a>
<a href="week7.html">W7: Computer-controlled Machining</a>
</span>
<span class="dropdown-item">
<a href="week4.html">W4: Electronics Production</a>
<a href="week8.html">W8: Electronic Design</a>
</span>
<span class="dropdown-item">
<a href="week5.html">W5: 3D scanning and printing</a>
<a href="week9.html">W9: Molding and Casting</a>
</span>
<span class="dropdown-item">
<a href="week6.html">W6: Electronic Design</a>
<a href="week10.html">W10: Input Devices</a>
</span>
<span class="dropdown-item">
<a href="week6.html">W6: Electronic Design</a>
<a href="week11.html">W11: Output Devices</a>
</span>
<span class="dropdown-item active-item">
<a href="assignments/week7.html">W9: Molding and Casting</a>
<span class="dropdown-item">
<a href="week12.html">W12: Application and Implication</a>
</span>
<span class="dropdown-item">
<a href="week13.html">W13: Networking and Communication</a>
</span>
<span class="dropdown-item">
<a href="week14.html">W14: Mechanical Design</a>
</span>
<span class="dropdown-item">
<a href="week15.html">W15: Interface and Application Programming</a>
</span>
<span class="dropdown-item">
<a href="week16.html">W16:Machine Design</a>
</span>
<span class="dropdown-item">
<a href="week17.html">W17: Wildcard Week</a>
</span>
<span class="dropdown-item">
<a href="week18.html">W18: Invention, Intellectual Property and Income</a>
</span>
<span class="dropdown-item">
<a href="week19.html">W19: Project Development</a>
</span>
</ul>
</li>
......@@ -111,6 +144,9 @@
<li class="nav-item">
<a href="#section-7" class="nav-link">Reflection</a>
</li>
<li class="nav-item">
<a href="#section-7" class="nav-link">Files</a>
</li>
</ul>
</nav>
</div>
......@@ -181,7 +217,7 @@
<p>
The relay usually needs some passive components for biasing
(protection diode, transistor, current limiting resistor ...),
but as can be seen in Fig .., my schematic does not have any.
but as can be seen in Fig 2, my schematic does not have any.
This is because this relay comes with biasing components already mounted on
a WeMos D1 Mini ESP8266 Development Board. An informative tutorial on how to drive a RELAY
(not a relay module) with an Arduino can be found <a href="https://www.instructables.com/id/Driving-a-Relay-With-an-Arduino/"><b>here</b></a>.
......@@ -276,6 +312,14 @@
</div>
</div>
<div class="section-content">
<a class="anchor" id="section-7"></a>
<h3 class="mt-4">Files</h3>
<b><a style="color:#fed136;" href="../files/w11/eagleFiles.zip">Eagle Files (schematic & board)</a></b> <br>
<b><a style="color:#fed136;" href="../files/w11/ledTest_W10.zip">LED Test Code (Arduino)</a></b> <br>
<b><a style="color:#fed136;" href="../files/w11/motorTest.zip">Motor Test Code (Arduino)</a></b> <br>
</div>
</div>
</div>
<!-- /#page-content-wrapper -->
......
......@@ -51,29 +51,62 @@
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">Jump To</a>
<ul class="dropdown-menu">
<span class="dropdown-item">
<span class="dropdown-item" >
<a href="week1.html">W1: Project Management</a>
</span>
<span class="dropdown-item" >
<a href="week2.html">W2: Computer-aided Design</a>
</span>
<span class="dropdown-item">
<a href="week3.html">W3: Computer-controlled Cutting</a>
</span>
<span class="dropdown-item">
<a href="week4.html">W4: Electronics Production</a>
</span>
<span class="dropdown-item">
<a href="week5.html">W5: 3D scanning and printing</a>
</span>
<span class="dropdown-item">
<a href="week6.html">W6: Electronic Design</a>
</span>
<span class="dropdown-item">
<a href="week7.html">W7: Computer-controlled Machining</a>
</span>
<span class="dropdown-item">
<a href="week2.html">W2: Computer-aided Design</a>
<a href="week8.html">W8: Electronic Design</a>
</span>
<span class="dropdown-item">
<a href="week3.html">W3: Computer-controlled Cutting</a>
<a href="week9.html">W9: Molding and Casting</a>
</span>
<span class="dropdown-item">
<a href="week4.html">W4: Electronics Production</a>
<a href="week10.html">W10: Input Devices</a>
</span>
<span class="dropdown-item">
<a href="week5.html">W5: 3D scanning and printing</a>
<a href="week11.html">W11: Output Devices</a>
</span>
<span class="dropdown-item">
<a href="week6.html">W6: Electronic Design</a>
<a href="week12.html">W12: Application and Implication</a>
</span>
<span class="dropdown-item">
<a href="week6.html">W6: Electronic Design</a>
<a href="week13.html">W13: Networking and Communication</a>
</span>
<span class="dropdown-item active-item">
<a href="assignments/week7.html">W9: Molding and Casting</a>
<span class="dropdown-item">
<a href="week14.html">W14: Mechanical Design</a>
</span>
<span class="dropdown-item">
<a href="week15.html">W15: Interface and Application Programming</a>
</span>
<span class="dropdown-item">
<a href="week16.html">W16:Machine Design</a>
</span>
<span class="dropdown-item">
<a href="week17.html">W17: Wildcard Week</a>
</span>
<span class="dropdown-item">
<a href="week18.html">W18: Invention, Intellectual Property and Income</a>
</span>
<span class="dropdown-item">
<a href="week19.html">W19: Project Development</a>
</span>
</ul>
</li>
......
......@@ -51,30 +51,63 @@
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">Jump To</a>
<ul class="dropdown-menu">
<span class="dropdown-item">
<a href="week1.html">W1: Project Management</a>
</span>
<span class="dropdown-item">
<a href="week2.html">W2: Computer-aided Design</a>
</span>
<span class="dropdown-item">
<a href="week3.html">W3: Computer-controlled Cutting</a>
</span>
<span class="dropdown-item">
<a href="week4.html">W4: Electronics Production</a>
</span>
<span class="dropdown-item">
<a href="week5.html">W5: 3D scanning and printing</a>
</span>
<span class="dropdown-item">
<a href="week6.html">W6: Electronic Design</a>
</span>
<span class="dropdown-item">
<a href="week6.html">W6: Electronic Design</a>
</span>
<span class="dropdown-item active-item">
<a href="assignments/week7.html">W9: Molding and Casting</a>
</span>
<span class="dropdown-item" >
<a href="week1.html">W1: Project Management</a>
</span>
<span class="dropdown-item" >
<a href="week2.html">W2: Computer-aided Design</a>
</span>
<span class="dropdown-item">
<a href="week3.html">W3: Computer-controlled Cutting</a>
</span>
<span class="dropdown-item">
<a href="week4.html">W4: Electronics Production</a>
</span>
<span class="dropdown-item">
<a href="week5.html">W5: 3D scanning and printing</a>
</span>
<span class="dropdown-item">
<a href="week6.html">W6: Electronic Design</a>
</span>
<span class="dropdown-item">
<a href="week7.html">W7: Computer-controlled Machining</a>
</span>
<span class="dropdown-item">
<a href="week8.html">W8: Electronic Design</a>
</span>
<span class="dropdown-item">
<a href="week9.html">W9: Molding and Casting</a>
</span>
<span class="dropdown-item">
<a href="week10.html">W10: Input Devices</a>
</span>
<span class="dropdown-item">
<a href="week11.html">W11: Output Devices</a>
</span>
<span class="dropdown-item">
<a href="week12.html">W12: Application and Implication</a>
</span>
<span class="dropdown-item">
<a href="week13.html">W13: Networking and Communication</a>
</span>
<span class="dropdown-item">
<a href="week14.html">W14: Mechanical Design</a>
</span>
<span class="dropdown-item">
<a href="week15.html">W15: Interface and Application Programming</a>
</span>
<span class="dropdown-item">
<a href="week16.html">W16:Machine Design</a>
</span>
<span class="dropdown-item">
<a href="week17.html">W17: Wildcard Week</a>
</span>
<span class="dropdown-item">
<a href="week18.html">W18: Invention, Intellectual Property and Income</a>
</span>
<span class="dropdown-item">
<a href="week19.html">W19: Project Development</a>
</span>
</ul>
</li>
<li class="nav-item">
......
......@@ -51,30 +51,63 @@
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">Jump To</a>
<ul class="dropdown-menu">
<span class="dropdown-item">
<a href="week1.html">W1: Project Management</a>
</span>
<span class="dropdown-item">
<a href="week2.html">W2: Computer-aided Design</a>
</span>
<span class="dropdown-item">
<a href="week3.html">W3: Computer-controlled Cutting</a>
</span>
<span class="dropdown-item">
<a href="week4.html">W4: Electronics Production</a>
</span>
<span class="dropdown-item">
<a href="week5.html">W5: 3D scanning and printing</a>
</span>
<span class="dropdown-item">
<a href="week6.html">W6: Electronic Design</a>
</span>
<span class="dropdown-item">
<a href="week6.html">W6: Electronic Design</a>
</span>
<span class="dropdown-item active-item">
<a href="assignments/week7.html">W9: Molding and Casting</a>
</span>
<span class="dropdown-item" >
<a href="week1.html">W1: Project Management</a>
</span>
<span class="dropdown-item" >
<a href="week2.html">W2: Computer-aided Design</a>
</span>
<span class="dropdown-item">
<a href="week3.html">W3: Computer-controlled Cutting</a>
</span>
<span class="dropdown-item">
<a href="week4.html">W4: Electronics Production</a>
</span>
<span class="dropdown-item">
<a href="week5.html">W5: 3D scanning and printing</a>
</span>
<span class="dropdown-item">
<a href="week6.html">W6: Electronic Design</a>
</span>
<span class="dropdown-item">
<a href="week7.html">W7: Computer-controlled Machining</a>
</span>
<span class="dropdown-item">
<a href="week8.html">W8: Electronic Design</a>
</span>
<span class="dropdown-item">
<a href="week9.html">W9: Molding and Casting</a>
</span>
<span class="dropdown-item">
<a href="week10.html">W10: Input Devices</a>
</span>
<span class="dropdown-item">
<a href="week11.html">W11: Output Devices</a>
</span>
<span class="dropdown-item">
<a href="week12.html">W12: Application and Implication</a>
</span>
<span class="dropdown-item">
<a href="week13.html">W13: Networking and Communication</a>
</span>
<span class="dropdown-item">
<a href="week14.html">W14: Mechanical Design</a>
</span>
<span class="dropdown-item">
<a href="week15.html">W15: Interface and Application Programming</a>
</span>
<span class="dropdown-item">
<a href="week16.html">W16:Machine Design</a>
</span>
<span class="dropdown-item">
<a href="week17.html">W17: Wildcard Week</a>
</span>
<span class="dropdown-item">
<a href="week18.html">W18: Invention, Intellectual Property and Income</a>
</span>
<span class="dropdown-item">
<a href="week19.html">W19: Project Development</a>
</span>
</ul>
</li>
<li class="nav-item">
......@@ -159,18 +192,19 @@
after laser cutting and assembling it with the motor and dispenser,
we noticed that some design modifications should be done.
Therefore, I redesigned the parts for the box again from the scratch in Inkskape.
Fig. 1 Shows the redesigned parts.
Fig. 1 Shows the redesigned parts, and Fig. 2 shows these parts after they were assembled in the final design.
These final design file are added to the group work page.
</p>
<div class="img-container"><img style="width: 750px;" src="../img/assignments/w14/1.jpg" alt=""><br><b>Figure 1. </b>Redesigned big box (1. Front Panel, 2. Back Panel, 3-4. Inner part, 5. Front Panel Window, 6-9 Side Walls).</div>
<div class="img-container"><img style="width: 750px;" src="../img/assignments/w14/2.jpg" alt=""><br><b>Figure 2. </b>Assembled parts.</div>
<p>
The machine also had a mechanical part to pick just one tablet
from the stack of the tablet holder. This element was controlled by a servo motor
that Lukasz was going to 3D design and print.
However, to be sure that the idea works flawlessly,
I designed and laser cut a prototype of it (Fig. 2).
I designed and laser cut a prototype of it (Fig. 3).
</p>
<div class="img-container"><img style="width: 500px;" src="../img/assignments/w14/2.jpg" alt=""><br><b>Figure 2. </b>Design of tablet picking mechanism.</div>
<div class="img-container"><img style="width: 500px;" src="../img/assignments/w14/3.jpg" alt=""><br><b>Figure 3. </b>Design of tablet picking mechanism.</div>
<p>
I also helped in assembling the final design.
</p>
......
......@@ -51,30 +51,63 @@
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">Jump To</a>
<ul class="dropdown-menu">
<span class="dropdown-item">
<a href="week1.html">W1: Project Management</a>
</span>
<span class="dropdown-item">
<a href="week2.html">W2: Computer-aided Design</a>
</span>
<span class="dropdown-item">
<a href="week3.html">W3: Computer-controlled Cutting</a>
</span>
<span class="dropdown-item">
<a href="week4.html">W4: Electronics Production</a>
</span>
<span class="dropdown-item">
<a href="week5.html">W5: 3D scanning and printing</a>
</span>
<span class="dropdown-item">
<a href="week6.html">W6: Electronic Design</a>
</span>
<span class="dropdown-item">
<a href="week6.html">W6: Electronic Design</a>
</span>
<span class="dropdown-item active-item">
<a href="assignments/week7.html">W9: Molding and Casting</a>
</span>
<span class="dropdown-item" >
<a href="week1.html">W1: Project Management</a>
</span>
<span class="dropdown-item" >
<a href="week2.html">W2: Computer-aided Design</a>
</span>
<span class="dropdown-item">
<a href="week3.html">W3: Computer-controlled Cutting</a>
</span>
<span class="dropdown-item">
<a href="week4.html">W4: Electronics Production</a>
</span>
<span class="dropdown-item">
<a href="week5.html">W5: 3D scanning and printing</a>
</span>
<span class="dropdown-item">
<a href="week6.html">W6: Electronic Design</a>
</span>
<span class="dropdown-item">
<a href="week7.html">W7: Computer-controlled Machining</a>
</span>
<span class="dropdown-item">
<a href="week8.html">W8: Electronic Design</a>
</span>
<span class="dropdown-item">
<a href="week9.html">W9: Molding and Casting</a>
</span>
<span class="dropdown-item">
<a href="week10.html">W10: Input Devices</a>
</span>
<span class="dropdown-item">
<a href="week11.html">W11: Output Devices</a>
</span>
<span class="dropdown-item">
<a href="week12.html">W12: Application and Implication</a>
</span>
<span class="dropdown-item">
<a href="week13.html">W13: Networking and Communication</a>
</span>
<span class="dropdown-item">
<a href="week14.html">W14: Mechanical Design</a>
</span>
<span class="dropdown-item">
<a href="week15.html">W15: Interface and Application Programming</a>
</span>
<span class="dropdown-item">
<a href="week16.html">W16:Machine Design</a>
</span>
<span class="dropdown-item">
<a href="week17.html">W17: Wildcard Week</a>
</span>
<span class="dropdown-item">
<a href="week18.html">W18: Invention, Intellectual Property and Income</a>
</span>
<span class="dropdown-item">
<a href="week19.html">W19: Project Development</a>
</span>
</ul>
</li>
<li class="nav-item">
......
This diff is collapsed.
......@@ -51,30 +51,63 @@
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">Jump To</a>
<ul class="dropdown-menu">
<span class="dropdown-item">
<a href="week1.html">W1: Project Management</a>
</span>
<span class="dropdown-item">
<a href="week2.html">W2: Computer-aided Design</a>
</span>
<span class="dropdown-item">
<a href="week3.html">W3: Computer-controlled Cutting</a>
</span>
<span class="dropdown-item">
<a href="week4.html">W4: Electronics Production</a>
</span>
<span class="dropdown-item">
<a href="week5.html">W5: 3D scanning and printing</a>
</span>
<span class="dropdown-item">
<a href="week6.html">W6: Electronic Design</a>
</span>
<span class="dropdown-item">
<a href="week6.html">W6: Electronic Design</a>
</span>
<span class="dropdown-item active-item">
<a href="assignments/week7.html">W9: Molding and Casting</a>
</span>
<span class="dropdown-item" >
<a href="week1.html">W1: Project Management</a>
</span>
<span class="dropdown-item" >
<a href="week2.html">W2: Computer-aided Design</a>
</span>
<span class="dropdown-item">
<a href="week3.html">W3: Computer-controlled Cutting</a>
</span>
<span class="dropdown-item">
<a href="week4.html">W4: Electronics Production</a>
</span>
<span class="dropdown-item">
<a href="week5.html">W5: 3D scanning and printing</a>
</span>
<span class="dropdown-item">
<a href="week6.html">W6: Electronic Design</a>
</span>
<span class="dropdown-item">
<a href="week7.html">W7: Computer-controlled Machining</a>
</span>
<span class="dropdown-item">
<a href="week8.html">W8: Electronic Design</a>
</span>
<span class="dropdown-item">
<a href="week9.html">W9: Molding and Casting</a>
</span>
<span class="dropdown-item">
<a href="week10.html">W10: Input Devices</a>
</span>
<span class="dropdown-item">
<a href="week11.html">W11: Output Devices</a>
</span>
<span class="dropdown-item">
<a href="week12.html">W12: Application and Implication</a>
</span>
<span class="dropdown-item">
<a href="week13.html">W13: Networking and Communication</a>
</span>
<span class="dropdown-item">
<a href="week14.html">W14: Mechanical Design</a>
</span>
<span class="dropdown-item">
<a href="week15.html">W15: Interface and Application Programming</a>
</span>
<span class="dropdown-item">
<a href="week16.html">W16:Machine Design</a>
</span>
<span class="dropdown-item">
<a href="week17.html">W17: Wildcard Week</a>
</span>
<span class="dropdown-item">
<a href="week18.html">W18: Invention, Intellectual Property and Income</a>
</span>
<span class="dropdown-item">
<a href="week19.html">W19: Project Development</a>
</span>
</ul>
</li>
<li class="nav-item">
......@@ -160,7 +193,8 @@
3. Checking the <span class="inText">Live Preview</span> to see the image. <br>
4. Playing around with <span class="inText">Brightness cutoff</span> to see which setting is better for the image. It is actually a threshold that determine whether the pixel should be considered black or white. <br>
5. Setting the <span class="inText">Edge detection</span>. This setting adjust the darkness or thickness of the edge in the output. <br>
6. Setting the <span class="inText">Brightness cutoff</span>. It tries to find edges where colors change. The setting here determine the color quantization level. <br>
6. Setting the <span class="inText">Brightness cutoff</span>. It tries to find edges where colors change.
The setting here determine how many colors output will have. <br>
7. Setting the <span class="inText">Brightness steps</span>, this let you to set the number of scan you want to have in output. <br>
8. The output vectorize image will show exactly on top of graphical image. I dragged it to somewhere else. <br>
9. Different layers are stacked in the output image. In order separate the layers, I did right click on the vectorized image and selected <span class="inText">Ungroup</span>. <br>
......@@ -180,7 +214,7 @@
The image is then automatically converted.
Now, colors, stitches, angles and object shapes can be edited.
</p>
<div class="img-container"><img style="width: 800px;" src="../img/assignments/w17/4.jpg" alt=""><br><b>Figure 4. </b>The stiches.</div>
<div class="img-container"><img style="width: 800px;" src="../img/assignments/w17/4.jpg" alt=""><br><b>Figure 4. </b>The stitches.</div>
</div>
<div class="section-content">
......
......@@ -51,30 +51,63 @@
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">Jump To</a>
<ul class="dropdown-menu">
<span class="dropdown-item">
<a href="week1.html">W1: Project Management</a>
</span>
<span class="dropdown-item">
<a href="week2.html">W2: Computer-aided Design</a>
</span>
<span class="dropdown-item">
<a href="week3.html">W3: Computer-controlled Cutting</a>
</span>
<span class="dropdown-item">
<a href="week4.html">W4: Electronics Production</a>
</span>
<span class="dropdown-item">
<a href="week5.html">W5: 3D scanning and printing</a>
</span>
<span class="dropdown-item">
<a href="week6.html">W6: Electronic Design</a>
</span>
<span class="dropdown-item">
<a href="week6.html">W6: Electronic Design</a>
</span>
<span class="dropdown-item active-item">
<a href="assignments/week7.html">W9: Molding and Casting</a>
</span>
<span class="dropdown-item" >
<a href="week1.html">W1: Project Management</a>
</span>
<span class="dropdown-item" >
<a href="week2.html">W2: Computer-aided Design</a>
</span>
<span class="dropdown-item">
<a href="week3.html">W3: Computer-controlled Cutting</a>
</span>
<span class="dropdown-item">
<a href="week4.html">W4: Electronics Production</a>
</span>
<span class="dropdown-item">
<a href="week5.html">W5: 3D scanning and printing</a>
</span>
<span class="dropdown-item">
<a href="week6.html">W6: Electronic Design</a>
</span>
<span class="dropdown-item">
<a href="week7.html">W7: Computer-controlled Machining</a>
</span>
<span class="dropdown-item">
<a href="week8.html">W8: Electronic Design</a>
</span>
<span class="dropdown-item">
<a href="week9.html">W9: Molding and Casting</a>
</span>
<span class="dropdown-item">
<a href="week10.html">W10: Input Devices</a>
</span>
<span class="dropdown-item">
<a href="week11.html">W11: Output Devices</a>
</span>
<span class="dropdown-item">
<a href="week12.html">W12: Application and Implication</a>
</span>
<span class="dropdown-item">
<a href="week13.html">W13: Networking and Communication</a>
</span>
<span class="dropdown-item">
<a href="week14.html">W14: Mechanical Design</a>
</span>
<span class="dropdown-item">