-
Notifications
You must be signed in to change notification settings - Fork 0
/
geoAR.html
120 lines (113 loc) · 5.07 KB
/
geoAR.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
<!-- Generic -->
<html>
<head>
<title>Geo-based Memory Book | Samrat Ambadekar</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,300italic" rel="stylesheet" type="text/css" />
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.poptrox.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/init.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-48754118-1', 'auto');
ga('require', 'linkid', 'linkid.js');
ga('send', 'pageview');
</script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
</head>
<body>
<nav id="div1">
<div class="row">
<div class="6u name1">
<h3><a href="./index.html">Samrat Ambadekar</a></h3>
</div>
<div class="6u">
<ul>
<li><a id="folio_link" class="scrolly scrolly-centered" href="./index.html#portfolio">Portfolio</a></li>
<!-- <li><a id="folio_link" class="scrolly scrolly-centered" href="./index.html#sketches">Sketches</a></li> -->
<li><a id="resume_link" class="scrolly scrolly-centered" target="_blank" href="./resume.pdf">Resume</a></li>
<li><a id="about_link" class="scrolly scrolly-centered" href="./index.html#banner">About</a></li>
</ul>
</div>
</div>
</nav>
<article class="container box style3">
<h1 class="boldText">Geo-Based Memory Book: Augmented Reality Application for Content Sharing</h1>
<br/>
<h3 class="boldText">About</h3>
<p>
Online photo sharing is one of the most common activities being carried out. We decided to improve this experience by adding Augmented Reality perspective to it and envisioned an application that displays pictures in 3D space, based on the location they were captured.
</p>
<hr />
<h3 class="boldText">Description</h3>
<p>
In this project we integrated concepts of Augmented Reality and social networking to enhance photo viewing experience. Our application allows users to connect with friends by sharing photographs at a location. These pictures are placed on that geo-location for others to see. Multiple photos are aggregated / clustered in the form of an album. When the users come close to the geo-location, the album becomes visible.
</p>
<hr />
<h3 class="boldText">Design Consideration</h3>
<br/>
<div class="row">
<div class="4u">
<p>
In Augmented Reality applications the content is scattered in the user’s environment and is visible only through the camera view of the phone. This requires the users to focus on the screen while interacting which can be dangerous, particularly, if the user has to walk around for finding shared pictures. To avoid this we leveraged the phone’s orientation sensors for content navigation.
</p>
</div>
<div class="4u">
<img src="images/GeoAR/4.jpg" width="100%"/>
</div>
<div class="4u">
<img src="images/GeoAR/2.jpg" width="90%"/>
</div>
</div>
<hr />
<h3 class="boldText">Prototype</h3>
<br/>
<div class="row">
<div class="4u">
<p>
We explored different techniques and environments for creating an experience similar to navigating through a gallery. The basic navigation is achieved without any screen interactions/inputs from the user. The user can move through the gallery by simply tilting the phone. The speed of navigation can be controlled by increasing and decreasing the tilt angle. To stop and look at a particular picture the user just has to turn the phone sideways. The user can zoom in on an image by single tap like a picture by double tap.
</p>
</div>
<div class="4u">
<img src="images/GeoAR/1.jpg" width="100%"/>
</div>
<div class="4u">
<img src="images/GeoAR/3.jpg" width="100%"/>
</div>
</div>
<!--
<table>
<tbody>
<tr>
<td></td>
<td><img src="images/GeoAR/1.jpg" width="100%"/></td>
</tr>
<tr>
<td><br/><br/></td>
</tr>
<tr>
<td><img src="images/GeoAR/2.jpg" width="100%"/></td>
<td><img src="images/GeoAR/3.jpg" width="100%"/></td>
</tr>
</tbody>
</table>
-->
<hr />
<br/>
<h3 class="boldText">Video</h3>
<br/>
<iframe width="560" height="315" src="http://www.youtube.com/embed/o5x4AomssxI" frameborder="0" allowfullscreen></iframe>
</article>
</body>
</html>