Skip to content
Snippets Groups Projects
week-09.html 13.5 KiB
Newer Older
Siddhi Bodhe's avatar
Siddhi Bodhe committed
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Siddhi Bodhe Fab Academy 2024</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="Free HTML Templates" name="keywords">
    <meta content="Free HTML Templates" name="description">

    <!-- Favicon -->
    <link href="img/favicon.ico" rel="icon">

    <!-- Google Web Fonts -->
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Rubik&display=swap" rel="stylesheet"> 

    <!-- Font Awesome -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" rel="stylesheet">

    <!-- Libraries Stylesheet -->
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="lib/tempusdominus/css/tempusdominus-bootstrap-4.min.css" rel="stylesheet" />

    <!-- Customized Bootstrap Stylesheet -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Template Stylesheet -->
    <link href="css/style.css" rel="stylesheet">
Siddhi Bodhe's avatar
Siddhi Bodhe committed
    <style>
        /* Use flexbox to create a row layout */
        .image-container {
                   display: flex;
               }
       
               /* Optional: Add some spacing between images */
               .image-container img {
                   margin-right: 10px;
               }
           h2 {
               margin-right: 150px;
             margin-left: 150px;
           }
           h3 {
               margin-right: 150px;
             margin-left: 150px;
           }
           h4 {
               margin-right: 150px;
             margin-left: 150px;
           }
           p {
             margin: 30px;
           }
       div {
         text-align: justify;
         text-justify: inter-word;
       }
       img {
             display: block;
             margin-left: auto;
             margin-right: auto;
           }
           p {
             margin-right: 150px;
             margin-left: 150px;
           }
           p {
             font-size: 24px;
           }
           * {
                 box-sizing: border-box;
               }
               
               .column {
                 float: left;
                 width: 33.33%;
                 padding: 5px;
               }
               
               /* Clearfix (clear floats) */
               .row::after {
                 content: "";
                 clear: both;
                 display: table;
               }
               
       </style>

Siddhi Bodhe's avatar
Siddhi Bodhe committed
</head>

<body>
    <!-- Topbar Start -->
    <div class="container-fluid bg-dark py-3 px-lg-5 d-none d-lg-block">
        <div class="row">
            <div class="col-md-6 text-center text-lg-left mb-2 mb-lg-0">
                <div class="d-inline-flex align-items-center">
                    <a class="text-body pr-3" href=""><i class="fa fa-phone-alt mr-2"></i>+91 7057760100</a>
                    <span class="text-body">|</span>
                    <a class="text-body px-3" href=""><i class="fa fa-envelope mr-2"></i>siddhibodhe100@gmail.com</a>
                </div>
            </div>
            <div class="col-md-6 text-center text-lg-right">
                <div class="d-inline-flex align-items-center">
                    <a class="text-body px-3" href="">
                        <i class="fab fa-facebook-f"></i>
                    </a>
                    <a class="text-body px-3" href="">
                        <i class="fab fa-twitter"></i>
                    </a>
                    <a class="text-body px-3" href="">
                        <i class="fab fa-linkedin-in"></i>
                    </a>
                    <a class="text-body px-3" href="">
                        <i class="fab fa-instagram"></i>
                    </a>
                    <a class="text-body pl-3" href="">
                        <i class="fab fa-youtube"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- Topbar End -->


    <!-- Navbar Start -->
    <div class="container-fluid position-relative nav-bar p-0">
        <div class="position-relative px-lg-5" style="z-index: 9;">
            <nav class="navbar navbar-expand-lg bg-secondary navbar-dark py-3 py-lg-0 pl-3 pl-lg-5">
                <a href="" class="navbar-brand">
                    <h1 class="text-uppercase text-primary mb-1">Fab Academy</h1>
                </a>
                <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse justify-content-between px-3" id="navbarCollapse">
                    <div class="navbar-nav ml-auto py-0">
                        <a href="index.html" class="nav-item nav-link active">Home</a>
                        <a href="about.html" class="nav-item nav-link">About</a>
                        <a href="assignment.html" class="nav-item nav-link">Assignment</a>
                        <a href="finalproject.html" class="nav-item nav-link">Final Project</a>
                       
                    </div>
                </div>
            </nav>
        </div>
    </div>
    <!-- Navbar End -->

<br>


    <!-- Page Header Start -->
    <div class="container-fluid page-header">
        <h1 class="display-3 text-uppercase text-white mb-3">Week-09</h1>
        <div class="d-inline-flex text-white">
            <h6 class="text-uppercase m-0"><a class="text-white" href="">Assignments</a></h6>
            <h6 class="text-body m-0 px-3">/</h6>
Siddhi Bodhe's avatar
Siddhi Bodhe committed
            <h6 class="text-uppercase text-body m-0">Output Devices</h6>
Siddhi Bodhe's avatar
Siddhi Bodhe committed
        </div>
    </div>
    <!-- Page Header Start -->

    <!--Documentation Start-->
Siddhi Bodhe's avatar
Siddhi Bodhe committed
<!--Day-01 start-->
<h3><u><FONT COLOR="f77d0a">DAY-01</FONT></u></h3>
<div>
<p><FONT COLOR="black">On the Wednesday of nineth week, Mr. Neil sir conducted our nineth global session. He took the random generator in first 90 minutes. He gave us overall explaination about week-09 which includes Output Devices. 
    <br>
    In this assignment, I have made documentation on-<br>
    <b>Group Assignment</b><br>
    1. Measure  the power consumption of an output device. <br>
    <b>Individual Assignment</b><br>
    1. Add an output device to a microcontroller board you have designed and program it to do something.<br>
    
    
</FONT></p>
</div>
<!--Day-01 end-->

<!--Day-02 start-->
<h3><u><FONT COLOR="f77d0a">DAY-02</FONT></u></h3>
<div>
<p><FONT COLOR="black">
    <b>Output Devices:-</b><br>
    <b>What is output device?</b>  The name itself give an idea that the device which gives an output called as output device. An output device is a hardware component that takes information from a computer and presents it to the user in a way they can understand. This can be through a screen that shows images and text, speakers that play sounds, or a printer that makes physical copies of documents. Output devices are essential because they let us see, hear, and use the information that the computer processes.<br>
    <br>
    <b>Group Assignment</b><br>
    <a href="">Click here to see group assignment in detail.</a><br>
    <br>
    <b>Individual Assignmment</b><br>
    In individual assignment, I designed PCB board which includes output devices - Buzzer, LCD and RGB led. <br>
<b>1) Buzzer</b>
</FONT></p>
<div>
Siddhi Bodhe's avatar
Siddhi Bodhe committed
    <img  width="900" height="550"src="img/week-09/01.jpeg">
Siddhi Bodhe's avatar
Siddhi Bodhe committed
</div><br>
<p><FONT COLOR="black">
    A buzzer is a small, simple output device that produces sound. It converts electrical signals into audible tones, making it an essential component in many electronic devices for alerting or signaling users. Buzzers are commonly used in alarms, timers, and various types of notification systems to provide audio feedback or warnings. They can emit different types of sounds, such as beeps, chirps, or continuous tones, depending on the design and application. Buzzers are valued for their simplicity, reliability, and effectiveness in drawing attention to a specific event or condition. Buzzer has 2 pins, one is digital and another is ground.
<br>
<b>2) LCD</b>
</FONT></p>
<div>
Siddhi Bodhe's avatar
Siddhi Bodhe committed
    <img  width="900" height="550"src="img/week-09/02.jpg">
Siddhi Bodhe's avatar
Siddhi Bodhe committed
</div><br>
<p><FONT COLOR="black">
    A 16 by 2 LCD (Liquid Crystal Display) is a small screen that shows text. It can display up to 16 characters across and has 2 rows of text, making a total of 32 characters visible at once. These displays are handy for projects where you need to show words or numbers clearly, like in digital clocks or small gadgets. They often have a backlight for easy viewing in different lighting. You can connect them to devices like Arduino or Raspberry Pi to control what shows up on the screen, making them useful for DIY electronics and learning projects.
<br>
Siddhi Bodhe's avatar
Siddhi Bodhe committed

Siddhi Bodhe's avatar
Siddhi Bodhe committed
<div>
Siddhi Bodhe's avatar
Siddhi Bodhe committed
    <img  width="900" height="550"src="img/week-09/04.png">
Siddhi Bodhe's avatar
Siddhi Bodhe committed
</div><br>
<p><FONT COLOR="black">
Here, I designed PCB Schematic in AutoDesk Eagle Software by considering the proper connections of respective output devices.
</FONT></p>
<div>
Siddhi Bodhe's avatar
Siddhi Bodhe committed
    <img  width="900" height="550"src="img/week-09/05.png">
Siddhi Bodhe's avatar
Siddhi Bodhe committed
</div><br>
<p><FONT COLOR="black">
Here is  the final design of PCB board for output devices. 
</FONT></p>
<div>
Siddhi Bodhe's avatar
Siddhi Bodhe committed
    <img  width="900" height="550"src="img/week-09/06.png">
Siddhi Bodhe's avatar
Siddhi Bodhe committed
</div><br>
<p><FONT COLOR="black">
These are the PNG images of traces and outline exported for generating GCode for PCB Milling process.
</FONT></p>
<div>
Siddhi Bodhe's avatar
Siddhi Bodhe committed
    <img  width="900" height="550"src="img/week-09/07.png">
Siddhi Bodhe's avatar
Siddhi Bodhe committed
</div><br>
<p><FONT COLOR="black">
Siddhi Bodhe's avatar
Siddhi Bodhe committed
    Now, I used MIT Mods CE to generate GCode of image for PCB Milling  process by inserting required parameters such as tool diameter, depth of cut and offset number.
Siddhi Bodhe's avatar
Siddhi Bodhe committed
</FONT></p>
<div>
Siddhi Bodhe's avatar
Siddhi Bodhe committed
    <img  width="900" height="550"src="img/week-09/08.png">
Siddhi Bodhe's avatar
Siddhi Bodhe committed
</div><br>
<p><FONT COLOR="black">
    Again,  use same process to generate GCode of outline of PCB.
</FONT></p>
<div>
    <center>
    <video width="700" height="450" controls>
        <source src="video/week-09/01.mp4" type="video/mp4">
      </video></center>
 </div>
 <p><FONT COLOR="black">
   Here is the video of PCB Milling process of output devices PCB. 
    </FONT></p> 
<div>
Siddhi Bodhe's avatar
Siddhi Bodhe committed
    <img  width="900" height="550"src="img/week-09/09.png">
Siddhi Bodhe's avatar
Siddhi Bodhe committed
</div><br>
<p><FONT COLOR="black">
Here, I got the output.
</FONT></p>
<div>
Siddhi Bodhe's avatar
Siddhi Bodhe committed
    <img  width="900" height="550"src="img/week-09/10.png">
Siddhi Bodhe's avatar
Siddhi Bodhe committed
</div><br>
<p><FONT COLOR="black">
This is the glimpse after soldering the output deevice PCB. Finally, it is ready! <br>
Now, its time for testing. Firstly, I tested all the devices separately with PCB board.<br>
<b>1) Buzzer</b><br>
<b>Code:-</b><br>
<code>

Siddhi Bodhe's avatar
Siddhi Bodhe committed
    const int buzzerPin = 5; // Replace with your desired buzzer pin<br>
    <br>
void setup() {<br>
  pinMode(buzzerPin, OUTPUT);  // Set buzzer pin as output<br>
}<br>
<br>
void loop() {<br>
  // Turn buzzer on<br>
  tone(buzzerPin, 1000); // Play a tone (optional, for audible indication)<br>
  <br>
  // Buzzer on time<br>
  delay(1000);  // Wait for 1 second (buzzer on)<br>
  <br>
  // Turn buzzer off<br>
  noTone(buzzerPin);<br>
  <br>
  // Buzzer off time<br>
  delay(2000);  // Wait for 2 seconds (buzzer off)<br>
}<br>
<br>

Siddhi Bodhe's avatar
Siddhi Bodhe committed




</code><br>
<b>Output:-</b>
</FONT></p>
<div>
    <center>
    <video width="700" height="450" controls>
        <source src="video/week-09/02.mp4" type="video/mp4">
      </video></center>
 </div>
 <p><FONT COLOR="black">
    <b>2) LCD</b><br>
    <b>Code:-</b><br>
    <code>
    
Siddhi Bodhe's avatar
Siddhi Bodhe committed
        #include <LiquidCrystal.h> // Include LiquidCrystal library<br>
            <br>
            const int lcdPins[4] = {32, 33, 25, 26}; // Replace with your LCD pin connections (RS, E, D4, D5)<br>
            LiquidCrystal lcd(lcdPins[0], lcdPins[1], lcdPins[2], lcdPins[3]);<br>
            <br>
            void setup() {<br>
              lcd.begin(16, 2); // Set LCD dimensions (columns, rows)<br>
              lcd.clear();       // Clear LCD display<br>
              lcd.print("SIDDHI"); // Print "SIDDHI" on the LCD<br>
            }<br>
            <br>
            void loop() {<br>
              // No additional code needed here for displaying text, it's done in setup<br>
            }<br>
            <br>
Siddhi Bodhe's avatar
Siddhi Bodhe committed
    
    
    
    
    </code><br>
    <b>Output:-</b>
 </FONT></p>
 <div>
    <center>
    <video width="700" height="450" controls>
        <source src="video/week-09/03.mp4" type="video/mp4">
      </video></center>
 </div>
Siddhi Bodhe's avatar
Siddhi Bodhe committed
 
Siddhi Bodhe's avatar
Siddhi Bodhe committed
</div>
Siddhi Bodhe's avatar
Siddhi Bodhe committed
   
    <!--Documentation End-->
Siddhi Bodhe's avatar
Siddhi Bodhe committed
    <div><h3>Downloads</h3>
        <p>
         <a href="files/week-09/week-09.zip">PCB and GCode Files</a><br>
        
        </p>
        </div>
Siddhi Bodhe's avatar
Siddhi Bodhe committed
       
    <!-- Footer Start -->
Siddhi Bodhe's avatar
Siddhi Bodhe committed
    <div>
        <p><center><u><h3><FONT COLOR="2b2e4a">Siddhi Bodhe Fab Academy&#128513;</FONT></h3></u></center></p><br><br>
     </div>   
     <!-- Footer End -->
Siddhi Bodhe's avatar
Siddhi Bodhe committed



    <!-- Back to Top -->
    <a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="fa fa-angle-double-up"></i></a>


    <!-- JavaScript Libraries -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/waypoints/waypoints.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
    <script src="lib/tempusdominus/js/moment.min.js"></script>
    <script src="lib/tempusdominus/js/moment-timezone.min.js"></script>
    <script src="lib/tempusdominus/js/tempusdominus-bootstrap-4.min.js"></script>

    <!-- Template Javascript -->
    <script src="js/main.js"></script>
</body>

</html>