Skip to content
Snippets Groups Projects
Commit 9ebc07c8 authored by Christian Cárdenas's avatar Christian Cárdenas
Browse files

Machine

parent 21565772
No related branches found
No related tags found
No related merge requests found
Pipeline #
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="My fab academy project">
<meta name="author" content="Christrian Cárdenas">
<title>FAB Academy | Machine Design</title>
<link rel="shortcut icon" href="../img/favicon.ico">
<!-- Bootstrap Core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Theme CSS -->
<link href="css/freelancer.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="page-top" class="index">
<!-- Navigation -->
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top navbar-custom">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" href="#page-top">Fab Lab CDMX | Machine Design</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a href="#page-top"></a>
</li>
<!-- <li>
<a href="Week_12.html"><< Week 12</a>
</li>
<li class="page-scroll"> -->
<a href="http://fab.academany.org/2018/labs/fablabmexico/">Fab lab CDMX</a>
</li>
<!-- <li>
<a href="Week_13.html">Week 14 >></a>
</li> -->
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- Header -->
<header>
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- <img class="img-responsive center-block" src="https://dl.dropboxusercontent.com/u/4917033/img/Fab_Lab_logo.svg.png" style="width: 200px; height: 240px"> -->
<div class="intro-text">
<span class="name">Machine Design</span>
<hr class="star-light">
<h1> Florencio Marín / Christian Cárdenas </h1>
</div>
</div>
</div>
</div>
</header>
<!-- About Section -->
<section class="success" id="about">
<div class="container">
<div class="row">
<div class="col-lg-6 ">
<p align="justify" padding-top="20px" style="font-size:24px; color:#91aac3" > <em><u> Assignment </u></em></p>
<ol style="font-size:18px">
<li> Design a machine that includes mechanism + actuation + automation </li>
<li> Build the mechanical parts and operate it manually</li>
<li> Actuate and automate the machine</li>
</ol>
</div>
<div class="col-lg-12 text-center">
<h1> <ins> </ins> </h1>
<!-- <hr class="star-light-blue"> -->
</div>
</div>
<!--<div class="col-lg-12 text-center">
<h1> <em>Wait for it!!</em> </h1>
<hr class="star-light-blue">
</div> -->
<p align="justify" style="font-size:18px"> The initial idea was a drawing machine using two stepper motor and a fixed pen; with the ability to interpret
a gcode file and replicate a drawing in a piece of paper. We decide to use two levels for the position of the stepper motors (lower level for x-axis and
upper level for y-axis) and the pencil attached to the upper level. <br>
The design was very simple, the construction and the results can be seen in the next pictures. </p>
<!-- Imagenes 1, 2, 3 y 4 =================================== -->
<div class="col-lg-6">
<section class="images" id="images">
<img src="img/Machine_design/Construction_1.jpg" class="img-responsive" alt="Atom">
</section>
</div>
<div class="col-lg-6">
<section class="images" id="images">
<img src="img/Machine_design/Construction_2.jpg" class="img-responsive" alt="Atom">
</section>
</div>
<div class="col-lg-6">
<section class="images" id="images">
<img src="img/Machine_design/Construction_3.jpg" class="img-responsive" alt="Atom">
</section>
</div>
<div class="col-lg-6">
<section class="images" id="images">
<img src="img/Machine_design/Construction_4.jpg" class="img-responsive" alt="Atom">
</section>
</div>
<!-- Imagenes 1, 2, 3 y 4 == =================================== -->
<br>
<p align="justify" style="font-size:18px"> To control the stepper motors we use an <a href="https://cdn-learn.adafruit.com/downloads/pdf/adafruit-motor-shield.pdf"> L293D motor shield</a> for Arduino.
With this shield is necessary to use two libraries (<a href="https://github.com/adafruit/Adafruit-Motor-Shield-library">AFMotor</a> and <a href=" https://github.com/adafruit/AccelStepper">AccelStepper</a>). <br>
The first step was to understand the code and control the motors with simple commands. </p>
<!-- Imagenes 5, 6 == =================================== -->
<div class="col-lg-6">
<section class="images" id="images">
<img src="img/Machine_design/Shield_1.jpg" class="img-responsive" alt="Atom">
</section>
</div>
<div class="col-lg-6">
<section class="images" id="images">
<img src="img/Machine_design/Shield_2.jpg" class="img-responsive" alt="Atom">
</section>
</div>
<div class="col-lg-3">
</div>
<div class="col-lg-6">
<section class="images" id="images">
<img src="img/Machine_design/Shield_3.jpg" class="img-responsive" alt="Atom">
</section>
</div>
<!-- Imagenes 5, 6 == =================================== -->
<div class="col-lg-12">
<p align="justify" style="font-size:18px">As a more user friendly control of the machine is necessary to start with a Serial reading inside IDE, this way the user can set two coordinates and move the motors and start drawing simple draws,
as straight lines, diagonal, squares, etc… </p>
</div>
<div class="col-lg-6">
<section class="images" id="images">
<img src="img/Machine_design/Draw_1.jpg" class="img-responsive" alt="Atom">
</section>
</div>
<!-- Video 1 ============================== -->
<div class="col-lg-6"> <br>
<iframe class="center-block" width="560" height="315" src="https://www.youtube.com/embed/jWzSnliqV08" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
<!-- Video 1 ============================== -->
<div class="col-lg-12">
<p align="justify" padding-top="20px" style="font-size:24px; color:#91aac3" > <em><u> To Do... </u></em></p>
<ol style="font-size:18px">
<li> Improve the design to facilitate the movement of the stepper motors. </li>
<li> Calibrate the machine</li>
<li> Make a user interface</li>
<li> Read the gcode files to draw more complex sketches </li>
</ol>
</div>
<!-- <div class="row">
<div class="col-lg-12 col-lg-offset-1">
<p align="justify"> Wait for it!!</p>
</div>
<div class="col-lg-5">
<p align="justify"></p>
</div>
</div> -->
</div>
</section>
<!-- Footer -->
<footer class="text-center">
<div class="footer-above">
<div class="container">
<div class="row">
<div class="footer-col col-md-6">
<h3>Fab Lab <br> Ciudad de México</h3>
<p> <a href="http://www.fablab.mx/">www.fablab.mx</a>
<br>Anáhuac México | Campus Norte
<br> Av. Universidad Anáhuac 46
<br> Col. Lomas Anáhuac
<br> Huixquilucan, Estado de México, C.P. 52786</p>
</div>
<!-- <div class="footer-col col-md-4">
<h3>Around the Web</h3>
<ul class="list-inline">
<li>
<a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-facebook"></i></a>
</li>
<li>
<a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-google-plus"></i></a>
</li>
<li>
<a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter"></i></a>
</li>
<li>
<a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-linkedin"></i></a>
</li>
<li>
<a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-dribbble"></i></a>
</li>
</ul>
</div> -->
<div class="footer-col col-md-6 ">
<h3>Contact Me</h3>
<p> Christian Cárdenas Jaramillo
<br> Universidad Anáhuac Querétaro
<br> <a href="mailto:christian.cardenas@anahuac.mx">christian.cardenas@anahuac.mx</a>
<br> Tel. + 52 (442) 245 67 42 Ext. 196</p>
</div>
</div>
</div>
</div>
<div class="footer-below">
<div class="container">
<div class="row">
<div class="col-lg-12">
Copyright &copy; <a href="http://fab.academany.org/2018/labs/fablabmexico/students/christian-cardenas/">Christian Cárdenas | Fab Academy 2018 </a>
</div>
</div>
</div>
</div>
</footer>
<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
<!-- <div class="col-lg-8 col-lg-offset-2 text-center">
<div class="scroll-top page-scroll">
<a class="btn btn-lg btn-outline" href="#page-top">
<i class="fa fa-chevron-up"> Back to top </i>
</a>
</div>
</div> -->
<!-- jQuery -->
<script src="vendor/jquery/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<!-- Contact Form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>
<!-- Theme JavaScript -->
<script src="js/freelancer.min.js"></script>
</body>
</html>
img/Machine_design/Construction_1.jpg

101 KiB

img/Machine_design/Construction_2.jpg

26.3 KiB

img/Machine_design/Construction_3.jpg

28.3 KiB

img/Machine_design/Construction_4.jpg

31.5 KiB

img/Machine_design/Draw_1.jpg

29 KiB

img/Machine_design/Machine_1.jpg

63.2 KiB

img/Machine_design/Shield_1.jpg

35.1 KiB

img/Machine_design/Shield_2.jpg

31.9 KiB

img/Machine_design/Shield_3.jpg

38.3 KiB

......@@ -53,7 +53,7 @@
<a href="#page-top"></a>
</li>
<li class="page-scroll">
<a href="#portfolio">Assingments</a>
<a href="#portfolio">Assignments</a>
</li>
<li class="page-scroll">
<a href="#finalp">Final Project</a>
......@@ -84,12 +84,20 @@
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 text-center">
<a href="Machine Design.html"> <h2>Machine Design</h2></a>
<hr class="star-light">
</div>
</div>
</div>
</header>
<!-- Portfolio Grid Section -->
<section id="portfolio">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Assignments</h2>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment