<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>week_00 Principles and Practices</title>
<meta name="description" content="Your Description Here">
<meta name="keywords" content="FabLab Taipei,FabLab,Zihao Lin,FabLab SCU">
<meta name="author" content="Lin Zihao">
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">
<!-- Slider
================================================== -->
<link href="css/owl.carousel.css" rel="stylesheet" media="screen">
<link href="css/owl.theme.css" rel="stylesheet" media="screen">
<!-- Stylesheet
================================================== -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<script type="text/javascript" src="js/modernizr.custom.js"></script>
<!-- HTML5 shim and Respond.js for 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/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Navigation
==========================================-->
<nav id="tf-menu" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Lin Zihao</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><a href="index.html" class="page-scroll">Home</a></li>
<li><a href="Final Project.html" class="page-scroll">Final Project</a></li>
<li><a href="#tf-testimonials" class="page-scroll">Contact</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<!-- Home Page
==========================================-->
<div id="tf-home" class="text-center">
<div class="overlay">
<div class="content">
<h1><strong><span class="color">week_00</span></strong></h1>
<p class="lead"><strong>Principles and Practices</strong></p>
<a href="#tf-services" class="fa fa-angle-down page-scroll"></a>
</div>
</div>
</div>
<!-- Services Section
==========================================-->
<div id="tf-services">
<div class="container">
<div class="text-center">
<div class="section-title center" >
<h2><strong>Objectives</strong></h2>
<div class="line">
<hr>
</div>
</div>
</div>
<ul class="about-list" class="pull-left">
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>1)</strong> - <em>Investigating digital manufacturing and Fabrication Laboratory all around the world.</em>
</li>
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>2)</strong> - <em>2) Planning the final project, which will be developed with the skills learned in each week.</em>
</li>
</ul>
<br />
<div class="text-center">
<div class="section-title center" >
<h2><strong>Assignments</strong></h2>
<div class="line">
<hr>
</div>
</div>
</div>
<ul class="about-list">
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>1)</strong> - <em>Planning the final project.</em>
</li>
</ul>
<br />
<div class="text-center">
<div class="section-title center" >
<h2><strong>lightsaber</strong></h2>
<div class="line">
<hr>
</div>
</div>
</div>
<div class="text-center">
<div class="section-title center" >
<h4>Why I chose lightsaber?</h4>
</div>
</div>
<ul class="about-list" class="pull-left">
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>1)</strong> - <em>I have been always a Ganda Fan.</em>
</li>
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>2)</strong> - <em>I have a model of PG Phoenix Ganda (scale: 1:60). I want make a lightsaber for it.</em>
</li>
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>3)</strong> - <em>I realize that in order for me to finish the academy I will have push myself to make something that requires a lot of effort. So, the only solution was to make something that I love so much that won’t be a burden to make.</em>
</li>
<br />
<div class="row">
<div class="col-sm-8 col-md-4 col-lg-4 branding"><img src="img/week_00/Picture15.jpg" class="img-responsive" alt="..."></div>
<div class="col-sm-8 col-md-4 col-lg-4 branding"><img src="img/week_00/Picture16.jpg" class="img-responsive" alt="..."></div>
<div class="col-sm-8 col-md-4 col-lg-4 branding"><img src="img/week_00/Picture19.jpg" class="img-responsive" alt="..."></div>
</div>
</ul>
<br />
<div class="text-center">
<div class="section-title center" >
<h4>What are skills and knowledges that I will need to made lightsaber?</h4>
</div>
</div>
<ul class="about-list" class="pull-left">
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>1)</strong> - <em>Software Design, I’m going to use the Ug Design Software, because of I using this software for almost three years. So, I can design the lightsaber quickly.</em>
</li>
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>2)</strong> - <em>CNC laser cutting and 3D print. I will use the 3D print and the numerical control machine tool to make the handle of sword. And, I will use the laser cutting machine to engrave the logo of mine on the handle of sword.</em>
</li>
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>3)</strong> - <em>Electronics. I will make a PCB board to control switch of the LED.</em>
</li>
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>4)</strong> - <em>Molding and casting.</em>
</li>
</ul>
<br />
<div class="text-center">
<div class="section-title center" >
<h4>what feature does it has?</h4>
<div class="line">
<hr>
</div>
</div>
</div>
<ul class="about-list" class="pull-left">
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>1)</strong> - <em>Easy to use product and it can be used for cosplay.</em>
</li>
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>2)</strong> - <em>It can be automatically switched on and off by changing sunlight intensity.</em>
</li>
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>3)</strong> - <em>The lightsaber/Gun will work by application and manually.</em>
</li>
</ul>
<br />
<p style="text-align:center"><img src="img/week_00/Picture17.jpg" width= "400" height="300" alt="..."><br/></p>
<div class="text-center">
<div class="section-title center" >
<h4>What will I control?</h4>
</div>
</div>
<p>By using light sensors, it will control the switch of the LED. In the development of the fab academy, I hope to improve the prototype to scale to demonstrate the functionality of the project.</p>
<p style="text-align:center"><img src="img/week_00/Picture18.jpg" width= "600" height="100" alt="..."><br/></p>
<div class="text-center">
<div class="section-title center" >
<h2><strong>Smart Socket </strong></h2>
<div class="line">
<hr>
</div>
</div>
</div>
<p>I've been thinking about my final project in this weeks.I thought I wanted to do something more useful than just make a lightsaber for my Gouda model. So I came up with the idea of making a smart socket.</p>
<div class="text-center">
<div class="section-title center" >
<h4>Project Introduction</h4>
</div>
</div>
<p>
In China, electricity safety is a serious problem, especially in recent years, there have been a number of electricity safety accidents, which have caused a great loss of personnel and property. </p>
<p style="text-align:center"><img src="img/week_00/Picture20.jpg" width= "600" height="400" alt="..."><br/></p>
<p style="text-align:center"><img src="img/week_00/Picture21.jpg" width= "600" height="400" alt="..."><br/></p>
<p>As a result, I want to make a smart socket which can be switched on and off by sensing light intensity. And also, it can be help you to control your appliance from wherever you are through the wifi / internet control. Just connect the smart socket to the original socket on the wall to start using immediately. So, it can be plugged into any of the existing ones.</p>
<p style="text-align:center"><img src="img/week_00/Picture22.jpg" width= "400" height="300" alt="..."><br/></p>
<div class="text-center">
<div class="section-title center" >
<h4>What does it do?</h4>
</div>
</div>
<p>
1) It can implement timing switch of the socket, which can meet the needs of people with special working hours.<br/>
2) Smart socket provides the socket status online view and remote power outage function, which is mainly for the person forget to turn off the electrical equipment.<br/>
3) I will use the light sensor to analyze the light condition, then the smart socket will control the switch intelligently.
</p>
<p style="text-align:center"><img src="img/week_00/Picture23.jpg" width= "600" height="300" alt="..."><br/></p>
<div class="text-center">
<div class="section-title center" >
<h4>Who's done what beforehand?</h4>
</div>
</div>
<p>
The present of most smart sockets (such as xiaomi smart sockets and Huawei smart sockets) can only achieve timing switch and remote control, but can not be smart switch according to the illumination.<br/>
A student in Fab Academy 2016 Easwaran also made a wifi/internet-controlled power socket which can be plugged into any of the existing ones. So, the devices connected to these can be remotely switched on and off. He used the ESP8266 Wi-Fi Module for networking and used Atmega 328P as the controller.</p>
<p style="text-align:center"><img src="img/week_00/Picture24.jpg" width= "600" height="400" alt="..."><br/></p>
<div class="text-center">
<div class="section-title center" >
<h4>What did I design?</h4>
</div>
</div>
<p>
1) I’m going to refer to some circuit designs made by Easwaran which is use ESP8266 Wi-Fi Module for networking and use Atmega 328P (or ATtiny 44/45/48) as the controller.<br/>
2) I’m also going to add a miniature light sensor module on the smart socket.<br/>
3) Simple design of appearance.
</p>
<p style="text-align:center"><img src="img/week_00/Picture25.jpg" width= "600" height="400" alt="..."><br/></p>
<p> 4) I hope to improve the prototype to scale to demonstrate the functionality of the project.</p>
<div class="text-center">
<div class="section-title center" >
<h4>What materials and components will be required?</h4>
</div>
</div>
<p>
1) Wifi Module: ESP8266-12E;<br/>
2) Microcontroller: Atmega 328P (or ATtiny 44/45/48);<br/>
3) Sensor: Light sensor, Temperature sensor, humidity sensor.<br/>
4) A socket which design and fabricate by myself.<br/>
5) Server: a raspberry pi and Niagara JACE8000.
</p>
<div class="text-center">
<div class="section-title center" >
<h4>What processes will be used?</h4>
</div>
</div>
<p>I will need to use laser-cutter & 3D printer for making the socket. Will use the PCB miller for milling the circuit boards. Vinyl cutters for branding by having logos cut out.</p>
</div>
</div>
<!-- Testimonials Section
==========================================-->
<div id="tf-testimonials" class="text-center">
<div class="overlay">
<div class="container">
<div class="section-title center">
<div class="section-title center">
<h2><strong>contact Me</strong></h2>
<div class="line">
<hr>
</div>
<div class="clearfix"></div>
<small><em>
Address: No.10, Kehua street, Wuhou District, Chengdu, Sichuan Province, China<br />
TEL: (028) 85406538 (+86)18981085882<br />
E-mail: linzihao@scuspark.com<br />
QQ: 386866966
</em></small>
</div>
<form>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
</div>
</div>
<div class="form-group">
<label for="exampleInputEmail1">Message</label>
<textarea class="form-control" rows="3"></textarea>
</div>
<button type="submit" class="btn tf-btn btn-default">Submit</button>
</form>
</div>
</div>
</div>
</div>
<nav id="footer">
<div class="container">
<div class="pull-left fnav">
<p>Science Park of Sichuan University Co.Ltd. All rights reserved. © 2020. Designed by Lin Zihao</p>
</div>
<div class="pull-right fnav">
<ul class="footer-social">
<li><a href="https://www.facebook.com/zihao.lin.7399"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
</ul>
</div>
</div>
</nav>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.1.11.1.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/SmoothScroll.js"></script>
<script type="text/javascript" src="js/jquery.isotope.js"></script>
<script src="js/owl.carousel.js"></script>
<!-- Javascripts
================================================== -->
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>