This prototype demonstrates basic content navigation for a TV app moving focus model. TV Apps differ from web and mobile in that interactions are triggered by remote control button presses which can be mapped to key board presses with proto io. With a TV focus model every component will have a collection of "On" and "Off" states both between the components themselves i.e: the menu and items within those components i.e: a menu item such as "Movies". These interactions models must work in a way in which as one component is on, all others must be off and so on. This example will show basic interactions and how to navigate pages commonly used my modern TV apps for devices such as Apple TV, Roku, Google TV, Smart TV's etc. Note: Must click the canvas to enable key presses, this seems to be a common restriction with most prototyping tools when building key press focus interaction models.

Shopping cart using variables to calculate selected item amount, and total costs using variables. Project also includes a thumbnail gallery

Drag and drop the blue "app icon" to rearrange the order of the apps on the Home Screen

I got some information from the https://www.liverpoolfc.com/team/first-team official website to create the player list for mobile devices. The project has vertical and horizontal scrolling and a menu that slides in from the top of the screen

Demo of Adding, Removing and Editing table rows

Random Password Generator created using variables.

Using variables to Start/Stop/Pause/Resume a timer

Used variables to change filters on an image

A quick demonstration of the header switch on the new Swarm App. I've used variables to store the switch state.

A simple implementation of Pull to Refresh