-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathspectarulerPage.html
More file actions
160 lines (141 loc) · 5.54 KB
/
spectarulerPage.html
File metadata and controls
160 lines (141 loc) · 5.54 KB
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
160
<!DOCTYPE HTML>
<!--
Strongly Typed by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Spectaruler</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body class="homepage">
<div id="page-wrapper">
<!-- Header -->
<div id="header-wrapper">
<div id="header" class="container">
<!-- Logo -->
<h1 id="logo"><a href="index.html">Spectaruler</a></h1>
<p>Team Size : 4</p>
</div>
</div>
<!-- Features -->
<div id="features-wrapper">
<section id="features" class="center">
<header>
<h2><strong>Problem</strong></h2>
</header>
<body>
Generally humans do not carry a measuring tape in their pockets. Considering the fact that you are a human :-p, and you do not have a measuring tape in your pocket, what would you do if it is needed to measure an object lying in front of you? For instance, you want to measure the dimensions of the window of your house, maybe for getting your curtains stitched, what will you do ? Since you do not have a measuring tape in your pocket, you will find a measuring tape throughout your house, use a ladder, climb and take the dimensions. You might need a person to assist you. You might injure yourself too. What if your wrist movement can measure the entire dimensions for you?
</body>
</section>
<section id="features" class="center">
<header>
<h2><strong>Solution</strong></h2>
</header>
<body>
Spectaruler, an Android app, lets you solve this purpose.
Only two clicks and your wrist movement enables user to measure the height of the object in front.
</body>
</section>
<section id="features" class="center">
<header>
<h2><strong>Mobile Requirements</strong></h2>
</header>
<body>
1) Android smart phone <br>
2) Embedded with accelerometer <br>
3) Embedded with magnetometer <br>
</body>
</section>
<section id="features" class="center">
<header>
<h2><strong>Methodology - Concept</strong></h2>
</header>
<body>
<img src="images/explaination1.png" alt="" />
<img src="images/explaination2.png" alt="" />
<br>The user uses the camera to measure the angles. Once the angles are obtained, the calculation is nothing but simple trigonometry.
<br>
<br>
<h1>
Measuring the angle </h1>
<br>
<br>
The angle is measured by deriving the Rotation matrix. The rotation matrix makes use of Accelerometer and Magnetometer sensors in the android mobile. From this rotation matrix, azimuth, pitch and roll is derived. This enables us to calculate α and β.
</body>
</section>
<section id="features" class="center">
<header>
<h2><strong>Video Demonstration</strong></h2>
<body>
<iframe width="560" height="315" src="https://www.youtube.com/embed/-Zfrfhru1mM" frameborder="0" allowfullscreen></iframe>
</body>
</section>
</div>
<!-- Main -->
<!-- Footer -->
<div id="footer-wrapper">
<div id="footer" class="container">
<header>
<h2>Questions or comments? <strong>Get in touch:</strong></h2>
</header>
<body>
<div class = "center">
<div class="6u 12u(mobile)">
<section>
<div class="row">
<div class="6u 12u(mobile)">
<ul class="icons">
<li class="icon fa-phone">
(+1)3472491535
</li>
<li class="icon fa-envelope">
<a href="mailto: shantanutripathi237@gmail.com">shantanutripathi237@gmail.com</a>
</li>
<li class="icon fa-linkedin">
<a href="https://www.linkedin.com/in/shantanu-tripathi-28327aa2/">shantanu_linkedin</a>
</li>
<li class="icon fa-facebook">
<a href="https://www.facebook.com/shantanu.tripathi.967/">shantanu_facebook</a>
</li>
<li class="icon fa-instagram">
<a href="https://www.instagram.com/shantanu_tripathi007/">shantanu_007</a>
</li>
<li class="icon fa-quora">
<a href="https://www.quora.com/profile/Shantanu-Tripathi-4">shantanu_quora</a>
</li>
</ul>
</div>
<div class="6u 12u(mobile)">
<ul class="icons">
</ul>
</div>
</div>
</section>
</div>
</div>
</body>
</div>
<div id="copyright" class="container">
<ul class="links">
<li>© Untitled. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/skel-viewport.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>