-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathturret.html
148 lines (138 loc) · 7.65 KB
/
turret.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="ko">
<head>
<title>Tracking 터렛 | SBTM Lab.</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
<link href="css/touchTouch.css" rel="stylesheet" type="text/css" />
<link href="css/sbtm.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
<![endif]-->
</head>
<body>
<div class="block1 p_bottom_zero">
<div class="container_12">
<!--==============================header=================================-->
<header class="homepage">
<h1><a class="logo" href="index.html">SBTM <span class="underline">Lab.</span></a></h1>
<nav>
<ul class="sf-menu">
<li><a href="index.html">Home</a></li>
<li class="current"><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<div class="clear"></div>
</header>
<!--SLIDER-->
<section class="innerpages">
<div class="grid_12">
<ul class="breadcrumb clearfix">
<li><a href="#">Home</a></li>
<li><a href="#">Projects</a></li>
</ul>
<h1>Tracking 터렛</h1>
</div>
</section>
<!--SLIDER_END-->
</div>
</div>
<div class="block2">
<div class="container_12">
<!--==============================content================================-->
<section class="content">
<div class="wrapper">
<article class="grid_12 last-col">
<div class="hello_box"> Tracking 터렛은 카메라로 들어온 영상을 matlab을 통해 분석하여 특정 색상을 Tracking하고 그 물체에 레이저를 비추는 로봇입니다. </div>
</article>
</div>
<div class="wrapper projects">
<div class="row clearfix">
<article class="grid_12">
<div class="flexslider projectdetails">
<ul class="slides">
<li> <img class = "fimg" src="turret2.png" alt="Featured" height = "529"/> </li>
<li> <img class = "fimg" src="turret1.png" alt="Featured" height = "529"/> </li>
</ul>
</div>
</article>
</div>
<div class="row clearfix">
<article class="grid_3"> <span>제작자:</span> 여승원, 양서연, 이현림, 송민규, 윤원섭, 한승훈 <br />
<span>년도:</span> 2014<br />
<span>목적:</span> EE-Festival<br />
<a href="None" class="button small">관련 링크</a> </article>
<article class="grid_9">
<div class="css_cols"> matlab의 최신 웹캠 모듈과 아두이노 모듈을 사용하여 제작하였습니다. 웹캠 모듈을 이용하여 로지텍 웹캠의 신호를 받아오고, 그 신호에서 주황색 색상을 가진 물체를 판별하여 그 물체가 카메라의 중앙에서 얼마나 떨어져 있는지를 측정하고, 물체가 카메라의 중앙에 오도록 로봇을 움직이는 원리입니다.</div>
</article>
</div>
<div class="grid_12">
<h2 class="clearfix"> <span class="f_left">다른 프로젝트</span> <a id="next" class="next"></a> <a id="prev" class="prev"></a> </h2>
<div id="projects-carousel" class="project-details-caro">
<article class="grid_3 project-item"><a href="javascript:"><img src="icar1_940x529.png" alt="Featured" height ="136" ></a> <span class="zoom-icon" style="bottom: 100%;"><a href="icar1.png" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="icar.html">더보기</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </article>
<article class="grid_3 project-item"><a href="javascript:"><img src="rccar1_940x529.png" alt="Featured" height ="136" ></a> <span class="zoom-icon" style="bottom: 100%;"><a href="rccar1.png" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="rccar.html">더보기</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </article>
<article class="grid_3 project-item"><a href="javascript:"><img src="turret2_940x529.png" alt="Featured" height ="136" ></a> <span class="zoom-icon" style="bottom: 100%;"><a href="turret2.png" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="turret.html">더보기</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </article>
<article class="grid_3 project-item"><a href="javascript:"><img src="emo1_940x529.png" alt="Featured" height ="136" ></a> <span class="zoom-icon" style="bottom: 100%;"><a href="emo1.png" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="emo.html">더보기</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </article>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="block3">
<!--==============================footer=================================-->
<div class="container_12">
<footer>
<div class="wrapper">
<div class="grid_6">
<h2>About</h2>
<p>연세대학교 공과대학 소속 동아리 사발통문입니다.</p>
<ul class="social">
<li> <a href="https://www.facebook.com/groups/154493074601959/">
<figure><img src="images/soc2.png" width="31" height="26" alt=""></figure>
Join us on Facebook</a> </li>
<li> <a href="http://club.cyworld.com/yonsei-sbtm">
<figure><img src="custom/cyworld.png" width="31" height="31" alt=""></figure>
Join us on Cyworld</a> </li>
<li class="cont_item m_bottom_zero"> <a href="contact.html">
<figure><img src="images/soc4.png" width="31" height="20" alt=""></figure>
Contact Us</a> </li>
</ul>
</div>
<div class="grid_3">
<h2>Copyright</h2>
© Yonsei SBTM. All rights reserved. </div>
<div class="grid_3 last-col">
<h2>Navigate</h2>
<ul class="navigate">
<li><a href="index.html">Home</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</footer>
</div>
</div>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/jquery.responsivemenu.js"></script>
<script type="text/javascript" src="js/jquery.flexslider.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.carouFredSel-6.1.0-packed.js" type="text/javascript"></script>
<script src="js/touchTouch.jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.24.custom.min.js"></script>
<script src="js/contact.js" type="text/javascript"></script>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>