Mobile workflow

Mobile:

User presented on desktop to go to http://hostname:1888 on their phone or tablet

SCREEN:

Storyboarder

[ Draw ]

[ import a photo for reference ]

[ import a storyboarder worksheet ]

DRAW:

NOTES: Ui should be simple. Not trying to recreate storyboarder, trying to make a good input drawing method.

VIA SOCKET.IO:

  Ask desktop if ready to draw (if not in a storyboard, it'll return false)
  Desktop comes back with: image(or layer images) of current board
    Mobile will take that image and draw it to the correct layer
  As user draws, on the mobile, the strokes are immediate. On pointer up, (a complete stroke), the stroke information and brush information is sent to the desktop computer and drawn to the sketchpane.
    Therefore, as the user draws, it will update

  USER CAN:
    Switch brush which is entirely on the client side

    switch color which is entirely client side

    Go to next frame (or previous):
      Make a request to go to next frame from client
      Server returns frame number (for display maybe?)
      Server returns image (or layer images) of current board

    Make new frame:
      Make a reqeust for new board from client
      Server returns true (aspect ratio maybe?)
      Client make a blank new frame at the aspect ratio

IMPORT PHOTO:

Ask desktop if ready to take a photo
Upload photo (send imagedata)
  Desktop takes data and puts it into refence layer of new frame

IMPORT WORKSHEET:

Ask desktop if ready to import worksheet
Upload photo
  Desktop takes image data, opens a dialogue window, showing the image, the crop marks and the data
  User on desktop can click to import