/
dye.html
3 lines (3 loc) · 7.31 KB
/
dye.html
1
2
3
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="description" content="Description of Academic Reporting Toolkit project by Samarth Gulati"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Samarth Gulati - Drone You Eye</title><meta name="mobile-web-app-capable" content="yes"><link rel="icon" sizes="192x192" href="images/icons/dye-192.png"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><meta name="apple-mobile-web-app-title" content="Samarth Gulati"><link rel="apple-touch-icon-precomposed" href="images/icons/dye-120.png"><meta name="msapplication-TileImage" content="images/icons/dye-144.png"><meta name="msapplication-TileColor" content="#00ACC1"><link rel="shortcut icon" href="images/icons/dye-32.png"><link rel="canonical" href="http://www.samarthgulati.com/dye.html"><link rel="stylesheet" href="css/styles.min.css"><style>.meta__header {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)), url(images/dye/header.jpg);
}</style></head><body><header class="title-nav"><h2 class="title-nav__title project-desc"><a class="title__link" href="index.html#projects"><i class="material-icons">keyboard_arrow_left</i> Projects</a> <span class="title__pipe">|</span> <a class="title__link" href="dye.html">Drone You Eye</a></h2></header><main class="project"><article class="project__meta" id="meta"><header class="meta__header"></header><section class="meta__content"><figure class="meta__logo"><img class="meta__image" src="images/icons/dye.svg" alt=""><figcaption class="meta__name"><h2 class="meta__title">Drone You Eye</h2><h3 class="meta__sub-title">Reimagining drone photography</h3></figcaption></figure><article class="meta__logistics"><section><i class="material-icons">work</i> <span>IxD for Drone Piloting Interface</span></section><section><i class="material-icons">group</i> <span>with <a class="meta__team-link" href="https://www.linkedin.com/in/saxenanubhav">Anubhav Saxena</a>, and <a class="meta__team-link" href="https://www.linkedin.com/in/mayankk1">Mayank Khanna</a></span></section><section><i class="material-icons">event</i> <span>from Feb '15 to Mar '15</span></section></article><article class="meta__info"><section><i class="material-icons">create</i> <span>Designed by doing User Research and Digital Prototyping</span></section><section><i class="material-icons">build</i> <span>using Illustrator and Photoshop</span></section></article></section></article><article class="project__problem" id="problem"><section class="problem__section"><figure class="problem__figure fotorama" data-allowfullscreen="true" data-fit="contain"><img class="problem__image" alt="" src="images/dye/problem.gif" data-caption="Source : 3D Robotics Launching Sci-Fi Video Series - FastCo"></figure></section><section class="problem__section"><header class="problem__header"><h3 class="problem__title">Emerging market of Travel enthusiasts and Visual Storytellers</h3><h4 class="problem__sub-title">But can't fly and capture at same time</h4></header><p class="problem__para">There is a growing number of travellogers and enthusiasts who are taking drones along with them when they go for their next trip.<br><br>But from our interviews with drone owners we found that they found the current mobile based UIs complicated to use. The interfaces are not built for them to shoot videos and fly at same time.</p></section></article><hr><article class="project__solution"><section class="solution__section"><header class="solution__header"><h3 class="solution__title">Drone You Eye</h3><h4 class="solution__sub-title">Intuitive, easy to use interface</h4></header><p class="solution__para">Drone You Eye provides an easy to understand navigation interface for beginners. The screen provides all the required information to fly the drone with the footage streamed directly in the background.</p></section><section class="solution__section"><figure class="solution__figure fotorama" data-allowfullscreen="true" data-fit="contain"><img class="solution__image" alt="" src="images/dye/solution.png"></figure></section></article><hr><article class="project__features"><ul class="features__list"><li class="features__feature text-image-layout"><section class="features__section"><figure class="features__figure fotorama" data-allowfullscreen="true" data-fit="contain"><img class="features__image" src="images/dye/feature1.png" height="1024" width="1440" alt=""></figure></section><section class="features__section"><div class="features__text-content"><header class="features__header"><h3 class="features__title">Trace-back</h3><h4 class="features__sub-title">Record trajectory and trace it back</h4></header><p class="features__para">The app allows the user to fly the drone and record its trajectory. Then they can modify the recorded path and once they are satisfied with it, with a press of a button they can ask the drone to re-trace it.</p></div></section></li><hr><li class="features__feature text-on-top-layout"><section class="features__section"><figure class="features__figure fotorama" data-allowfullscreen="true" data-fit="contain"><img class="features__image" src="images/dye/feature2.gif" height="394" width="700" alt="" data-caption="Source : Timelapse Photography - SkillShare"></figure></section><section class="features__section"><div class="features__text-content"><header class="features__header"><h3 class="features__title">Pre-recorded paths</h3><h4 class="features__sub-title">Library of commonly taken shots</h4></header><p class="features__para">Lets the users take shots like 360-panorama, panning, and hyperlapse, or save their own commonly taken shots to the library and share with others.</p></div></section></li></ul></article><hr><article class="project__process" id="process"><section class="process__section"><header class="process__header"><h3 class="process__title">Process adopted</h3><h4 class="process__sub-title">A quick glance through the process adopted for the project</h4></header></section><section class="process__section"><figure class="process__figure"><div class="process__carousel fotorama" data-fit="contain" data-allowfullscreen="true" data-nav="thumbs" data-loop="true" data-keyboard="true" data-arrows="true" data-click="true" data-swipe="true" data-width="100%" data-ratio="16/9"><img src="images/dye/process1.jpg" data-caption="Whiteboarding ideas for drone navigation screen"> <img src="images/dye/process2.jpg" data-caption="Whiteboarding features for video capture"> <img src="images/dye/process3.jpg" data-caption="Initial sketches for app icon"> <img src="images/dye/process4.jpg" data-caption="Presenting DYE at SXSW'15"></div></figure></section></article></main><footer><div class="footer__nav"><a class="footer__prev" href="cc.html"><i class="material-icons">arrow_back</i><div><p>Prev</p><p>Cyclic Calendar</p></div></a> <a class="footer__next" href="fb.html"><div><p>Next</p><p>Visualizing Filter Bubble</p></div><i class="material-icons">arrow_forward</i></a></div><p class="footer__copyright--project">Made by Samarth Gulati © <span>2016</span> Hosted on <a class="port__link" href="https://github.com/samarthgulati/samarthgulati.github.io">Github<sup><i class="material-icons">launch</i></sup></a></p></footer><script src="js/common.min.js"></script><script src="js/page.min.js"></script></body></html>