Challenge Overview
Competition Task Overview
We have previously built a cool app that allows us to quickly share video/photo/web page with others. We built the server code using node.js and we need to make a few changes to the server code.
Existing App
For details on how to quickly try the app, see details in challenge forum.
Detailed Requirements
- We need to add the ability to just start typing a number while the user is either "Waiting for Photo" or looking at a photo, video or URL. So from any of those states, if the user starts typing a number we should pop up a box for the phone number entry with the "Waiting for Photo" or actual photo/video visible behind it. Once the user has entered ten numbers they should be able to press enter to send the number. This must send an SMS that allows the preson who receives it to send photos etc to the same session. The popup window that displays the new phone number should just be a text entry field that looks like the phone entry field we already have.
- We need to generate the is.gd link when the send link page loads (currently it's only genereated after user enters a number and hits "Send Link") and show this link. The goal is to make it easier for people with phones to send content to the TV. Imagine ten people sitting in a room. Each one has a phone and they all want to take turns uploading pictures. #1 allows the person holding the remote to send the link to all ten people (one at a time) but any one could copy the link form the screen at any time instead of waiting for the SMS. We need this link to be shown on send link page, the waiting for photo page and the page that shows the photo / video or URL.
- Currently some images uploaded through the web uploader are not properly rotated, we need this fixed on the client side, i.e. the image should be rotated before uploaded to the server. If we do the rotation on the server after the photo is uploaded, the user experience would be bad since photo can't be shown in real time.
- Current the page that shows "waiting for photo" doesn't automatically center the title (try resizing the browser window), we need this fixed. This is the same for showing photo, video and URL shared from client side.
- Currently the generated is.gd link works well on iOS browsers, however when view on Android browsers (chrome and build-in browser), it doesn't automatically re-direct to the web uploader page. We need this fixed in server code too. Current implementation is in launcher.html. It will first try location.href = minconfig://xxx, and there's a setTimeout call for location.href = upload page in 50 milli-seconds. This works on iOS but not on Android browsers (except for FireFox), one possible fix is to try accessing minconfig://xxx in an iframe or popup, then do a longer setTimeout to redirect to the upload page. But we'd like you to figure out a solution that works.
Testing
You need to provide manual demos to verify your implementation.
Technology Overview
- Node.js
- Javascript
- HTML
- iOS (optional)
- xCode (optional)
Documentation Provided
Register to download existing code from challenge forum.
Final Submission Guidelines
Submission Deliverables
A complete list of deliverables can be viewed in the TopCoder Assembly competition Tutorial at: http://apps.topcoder.com/wiki/display/tc/Assembly+Competition+Tutorials
Below is an overview of the deliverables:
- Updated server code with all mentioned requriements fixed.
- A complete and detailed deployment documented explaining how to deploy the application including configuration information.
Final Submission
For each member, the final submission should be uploaded to the Online Review Tool.