-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathicar.html
159 lines (144 loc) · 8.4 KB
/
icar.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
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html lang="ko">
<head>
<title>지능형 자동차 | 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>지능형 자동차</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"> 이 작품은 한양대 2014 지능형 모형차 대회 출품작으로, 본선에 나가서 공동 3위를 차지한 작품입니다. </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="icar1.png" alt="Featured" height = "529"/> </li>
<li> <img class = "fimg" src="icar2.png" alt="Featured" height = "529"/> </li>
<li> <img class = "fimg" src="icar3.png" alt="Featured" height = "529"/> </li>
<li> <img class = "fimg" src="icar4.png" alt="Featured" height = "529"/> </li>
<li> <img class = "fimg" src="icar5.png" alt="Featured" height = "529"/> </li>
<li> <img class = "fimg" src="icar6.png" alt="Featured" height = "529"/> </li>
<li> <img class = "fimg" src="icar7.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> 한양대 지능형 모형차 경진대회<br />
<a href="None" class="button small">관련 링크</a> </article>
<article class="grid_9">
<div class="css_cols"> 기본적으로 라인트레이서 기능을 수행하는 로봇으로, 카메라 두 개를 통하여 양 쪽 사이드의 라인을 인식하여 길을 찾아가는 방식입니다.
차체에 달려있는 카메라 두 개를 이용하여 영상을 분석하여 길의 경계선을 인식한 후, 라인트레이서 기능을 수행합니다. 모터는 DC 모터를 PID 제어하여 우리가 원하는 동작을 구현하였습니다. 또한, 대회에서 주어진 미션들(멈춤 구간이라던지, 어린이 안전구역 등의 추가적인 미션)을 수행할 수 있는 자체적인 알고리즘을 탑재하였습니다.</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>