<!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">
<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>
</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>
<h6 class="text-uppercase text-body m-0">Output Devices</h6>
</div>
</div>
<!-- Page Header Start -->
<!--Documentation Start-->
<!--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>
<img width="900" height="550"src="img/week-09/01.jpeg">
</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>
<img width="900" height="550"src="img/week-09/02.jpg">
</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>
<div>
<img width="900" height="550"src="img/week-09/04.png">
</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>
<img width="900" height="550"src="img/week-09/05.png">
</div><br>
<p><FONT COLOR="black">
Here is the final design of PCB board for output devices.
</FONT></p>
<div>
<img width="900" height="550"src="img/week-09/06.png">
</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>
<img width="900" height="550"src="img/week-09/07.png">
</div><br>
<p><FONT COLOR="black">
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.
</FONT></p>
<div>
<img width="900" height="550"src="img/week-09/08.png">
</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>
<img width="900" height="550"src="img/week-09/09.png">
</div><br>
<p><FONT COLOR="black">
Here, I got the output.
</FONT></p>
<div>
<img width="900" height="550"src="img/week-09/10.png">
</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>
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>
</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>
#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>
</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>
</div>
<!--Documentation End-->
<div><h3>Downloads</h3>
<p>
<a href="files/week-09/week-09.zip">PCB and GCode Files</a><br>
</p>
</div>
<!-- Footer Start -->
<div>
<p><center><u><h3><FONT COLOR="2b2e4a">Siddhi Bodhe Fab Academy😁</FONT></h3></u></center></p><br><br>
</div>
<!-- Footer End -->
<!-- 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>