Hackday: The overall winners point of view
Our goal at Hack Day was to build an application that creates a seamless transition between your computer and mobile experience. We both work in the Research and Development group at The New York Times Company and spend a lot of time thinking about the changes in the way people use and consume media, particularly around mobile devices. Over the past few months, our group has been exploring a variety of emerging technologies, some of which helped seed the idea behind our hack.
Currently, your desktop, mobile, television and gaming experiences are, for the most part, separated. One of the problems we both encounter on a daily basis is trying to shift between a web and mobile environment, having to worry about loading content on a slow mobile phone, what it will look like, or if it will even be legible. Then, when you get back to your computer from being out and about on your mobile phone, having to filter through what you have and haven't read. We wanted to start looking at how to seamlessly shift between these platforms and how to appropriately deliver content for each different device and screen size.
When we sat down to decide what we would like to work on for Hack Day, we wanted to showcase a variety of technologies and skills including hacking hardware, mobile, web, user interface design and a little duct tape! We both very work well together as a small team. Nick covering the front end type work, including User Interface Design, CSS, mobile etc., and Michael doing all the AJAX and back-end coding (working in PHP, MySQL, Java, etc.)
Our Hack Day Experience
Although we came up with our idea for Hack Day a day or so beforehand, we had no idea what it was called and the real logistics of how it would work. We arrived at 鈥淎lly Pally鈥 around 10 a.m. on the Saturday and immediately set out to work. At around 5 p.m. on Saturday, Matt Cashmore from the 大象传媒 stood up and announced that everyone would need to 'submit a hack name and URL's by 1 p.m. the following day', so we frantically started searching the web for a domain name, the closest thing we could come up with to explain shifting, or transitioning, from place to place was shifd.com.
As Nick set out to figure out and design a simple, clean and self-explanatory user interface, Michael started working with the RFID reader and tags, and began building the database and API integration. Then the real coding began. Michael a 'Black Belt' in PHP and Java, and Nick a 'CSS Ninja' worked through the night creating all the different pieces that would become shifd.com. We went back to our hotel later in the evening to get a couple of hours sleep and then came back first thing in the morning to try to pull all the pieces together, fix the final bugs and 'hack together' the mobile site. We ran into some hardware problems, including trying to figure out where to put the RFID chip in the phone and also which RFID chips worked with our reader. (Some required a special touch, specific distances or ran into interference.) 2 p.m. rolled around, we were frantically trying to wrap things up鈥攆ixing bugs, setting up the mobile site, working with the API's, and, trying to find tape!鈥攚hen we were told to submit our hack and receive a slot and time to present. Then, as Nick went to sign up for our presentation slot, something in the AJAX went wrong and we couldn鈥檛 find the fix. Lack of sleep can be a killer when you鈥檙e trying to fix bugs! As time drew on, Michael was frantically trying to fix the code and we were told to make our way up to the stage to present to the judges. Luckily, there was a long line of people also waiting and we managed to somehow fix the glitches and go through a dry run whilst sitting on the floor in front of the stage. We didn't actually fix the final RFID bug until we were walking onto the stage! Talk about a close call.
The atmosphere at Hack Day was truly amazing. It was incredible to see so many people working on so many interesting projects in one place. We had to stop many times throughout the two days to walk around, take pictures and take in all of the creativity around us. Both Yahoo! and 大象传媒 were amazing hosts 鈥 taking care of all of us with food, drink and plenty of great APIs and content to play with. It was also fantastic that a lot of the folks that created the Yahoo! and 大象传媒 tools and APIs were on hand to help out the hackers! I couldn鈥檛 believe to hear that Rasmus Lerdorf was actually helping folks out with PHP during the night! Unreal.
So what is Shifd.com?
The application links a mobile phone to a computer using an RFID chip inside the phone and an RFID reader hooked up to a computer. When the phone is placed next to the computer the RFID reader detects the connection and the shifd.com site is loaded in the computer鈥檚 browser. Users can configure content for their mobile experience on the shifd.com site: any content with an RSS/atom feed, notes and 鈥渢o do鈥 items as well as places/local listings (using the Yahoo Local Search API) can be added. There is also a slider that lets the user specify how much time they鈥檒l have to read their content once they are out and about on their mobile phone 鈥 the longer a person has, say on their commute home, the more content we鈥檒l send to them. When all of the content is configured, the user can just pick up their mobile phone and walk away from their computer. The application detects that the person has walked away and sends them an SMS with a link to their mobile page. This mobile site contains all of their notes, news/blog content and local listings (which includes cross streets, phone numbers and maps). With each news or blog story on the user鈥檚 mobile page, there is an option to read the story in full later when they are back at their computer. When the user returns back to their computer, we鈥檒l automatically grab the stories that they wanted to read 鈥渋n full鈥 and present them to the user.
For more details on the site and a video of how everything works, please visit https://shifd.com/
What's next for our hack]
The RFID piece of the application isn't the most practical, as it requires use of a hardware component (RFID) that isn't in US phones yet (although it is widely used in Japan and Europe). While the whole notion of 'presence' is one of the core ideas of the hack, the idea behind RFID was to allow the user a hands off approach to delivering content back and forth between their different devices, making the devices and User Interface smart enough to understand presence and delivering specific content based by device. We are planning on building a version of the application that doesn't use RFID and relies on the user to notify the computer when you are leaving鈥攁nd vice-versa returning from the mobile environment鈥攂y clicking a SEND button. We'll still have a version that uses RFID (or another technology) for those adventurous enough to use it!
One specific feature that we're excited to add is the ability to send mobile text messages to shifd and see them appear in your notes. We are also really excited to start using this application, which is part of the reason we set out to create it. We are working on some of the final features for the application now and hope to have it out soon.
New York Times R+D
We both work in the Research and Development group at The New York Times Company. Nick is a shared resource between the R+D group, where he focuses on User Interface Design, and with the Art Department of The New York Times newspaper and website, working on the new Times Reader (https://www.nytimes.com/timesreader) and other special secret projects. The R+D group was formed about a year ago and has been tasked with looking at innovation around new technologies and platforms for The New York Times Company and all it's subsidiaries including About.com, The International Herald Tribune, The Boston Globe and many more newspapers. The focus of our research has begun to orbit around mobile, search, video, data mining and analytics as well as user interface design. We are working on everything from building new mobile platforms and applications, to helping identify new search and metadata technologies. We are also exploring outfitting our reporters and photographers with GPS units (and duck tape!)鈥(https://travel.nytimes.com/map/travel/frugal-traveler/2007/)鈥攁nd looking at user interface and design for new devices and screen technologies, including mobile, E-Ink and flexible displays.
Thanks
We鈥檇 like to thank Yahoo! and 大象传媒 for putting on such a great event! It was a tremendous experience to meet some of the great folks from Yahoo! and 大象传媒 as well as the hackers that were there from all over the world. The creativity and innovation that occurred over a 24-hour period was truly impressive.
Cheers!
Michael Young & Nick Bilton
The New York Times Research & Development Group
https://www.nytlabs.com
Comments