Take Me Away
An interactive website that produces infinite scenes of driving by utilizing different APIs.
I tackled the question of "What are activities in everyday life that incorporates a lot of repetition but yields different results?"My thought stream took me back to when I lived in South Korea where I was always stuck in one place. I was never old enough to drive. However, a whole new world opened up to me when I started driving in college. Being able to drive to different places without paying a lot of money for plane rides or just being able to speed through the quiet highways at night, driving gave me a sense of freedom. It almost felt like checking off where I explored and made me excited for where I could go next. I wanted to simulate this feeling through my webpage.
Created using Google API, Flickr API, Adobe Photoshop, HTML, CSS, and Javascript.
Web Development
API
Instructions:
When you enter the webpage, you are placed at the driver’s seat overlooking a scenery. Your car navigation is helping you stay on the road. Your trusty Baymax, always with you during your trips, tells you where you are. When you’re done enjoying this view, you can always touch your wheel to move on to your next amazing adventure.
The scenery is brought in through Flickr. I brought in geo-tagged pictures with the search word “roads”. The geo-tag were then used to find the latitude and longitude of the picture. With this information, I created a styled Google Map that is zoomed into the scenery picture’s location. Lastly, I took the location information from Flickr and used GeoNames to find out which Country the picture is from.
Created a prototype to improve on the execution.
Created using Axure and Adobe Photoshop.
Interface Prototyping
Camera function that allows the user to download and/or share their journey
Map function that tracks every country visited and pinpoints the location of the picture