Challenge Overview
We are working on a new project for the Hercules client for Facebook Live integration into an app that will be displayed on TVs. This challenge will update the initial proof of concept to allow for device login flow and some UI updates for a TV interface.
Heroku / Node.js
This app will target deployment to Heroku using Node.js.
Facebook Authentication
The current login flow works in a standard browser, but it does *not* work on the embedded device the app will eventually run on. To get around that, we are going to update the login to use the Facebook device login flow:
https://developers.facebook.com/docs/facebook-login/for-devices#tech
User interface
The user interface needs to be updated to be fully navigable by 6 keys. Make sure that no mouse is required and that all parts of the UI can get accessed appropriately. Also, make sure to ensure that the selection state is very obvious when using the keyboard to select elements / buttons / tabs. You are free to update the UI as you see fit, just make sure the same data shown now is accessible.
* Left
* Right
* Up
* Down
* Enter
* Escape (back)
In addition, we need to validate the user interface works in a browser that matches what the embedded device will run. A Mac OS X application will be provided in the forum that allows for validation. It's basically WebKit, similar to what Firefox runs, but it has it's own little quirks.
Heroku / Node.js
This app will target deployment to Heroku using Node.js.
Facebook Authentication
The current login flow works in a standard browser, but it does *not* work on the embedded device the app will eventually run on. To get around that, we are going to update the login to use the Facebook device login flow:
https://developers.facebook.com/docs/facebook-login/for-devices#tech
User interface
The user interface needs to be updated to be fully navigable by 6 keys. Make sure that no mouse is required and that all parts of the UI can get accessed appropriately. Also, make sure to ensure that the selection state is very obvious when using the keyboard to select elements / buttons / tabs. You are free to update the UI as you see fit, just make sure the same data shown now is accessible.
* Left
* Right
* Up
* Down
* Enter
* Escape (back)
In addition, we need to validate the user interface works in a browser that matches what the embedded device will run. A Mac OS X application will be provided in the forum that allows for validation. It's basically WebKit, similar to what Firefox runs, but it has it's own little quirks.