How to get out of preview mode?

[sunwooOh]

Hi, Olga. I'm trying to run the web app. I cloned your annotation-UI repository and ran all_actions.html. But I get a page with message:

Warning: this is preview mode. You will not be able to submit.

I don't see any pictures, annotation tools. Any idea how I can get out of preview mode?

Thank you in advance. Sunwoo

[olgarus]

Hi Sunwoo,

The code is designed to work with Amazon's Mechanical Turk, so you'll be in preview mode until it's hooked up to AMT. I suggest doing this using the https://github.com/jcjohnson/simple-amt toolkit.

If you just want to see the "Preview" warning disappear, add a fake assignmentId at the end of the url, e.g., "all_actions.html?assignmentId=0". Normally an assignmentId would be provided by AMT once a worker accepts a task.

I'm not sure why you don't see any pictures tho -- that shouldn't be related to Preview mode. Preview mode allows AMT worker to browse a task before accepting it, so everything should still be visible. I just checked out the code on a new machine and can see the images and the annotation tools when I view all_actions.html, so please provide some debugging info .

Best,

Olga

[sunwooOh]

Being not sure of what information exactly to provide, sorry, I'll explain the steps I went through. In Ubuntu 14.04 environment, on an external hard drive, what I tried was like this:

1. git cloned your repository (did not change to absolute paths, since I had no intention to submit to AMT..)
2. ran command sensible-browser all_actions.html

I still get the preview warning even after adding the assignmentId.. Or do I need to download the dataset in order to view pictures?

Thanks for your reply :) Sunwoo

[olgarus]

For debugging, please share the console output of your browser. I don't know which one you're using (the sensible-browser command just opens your default browser), but e.g., if it's Chrome, check out https://developers.google.com/web/tools/chrome-devtools/console/.

Preview mode is set in https://github.com/orussakovsky/annotation-UIs/blob/master/best_of_both_worlds/all_actions.html#L171 and is only influenced by the assignmentId, so once that's set correctly the preview warning will disappear.

Nevertheless, you should be able to see the images and the tasks even with preview warning, preview mode only affects the submit button. The images are linked to image-net.org and do not require any downloading.

[sunwooOh]

Assignment id was set as 0 (but setting it as 1 or any other number gives the same output). Using Firefox, I get the following console output:

• unreachable code after return statement [Learn More] point-drawer.js:347:5
• ReferenceError: jQuery is not defined [Learn More] point-drawer.js:409:1
• ReferenceError: $ is not defined [Learn More] _allactions.html:160:7
• The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol. _allactions.html
• Use of getPreventDefault() is deprecated. Use defaultPrevented instead. _allactions.html

[orussakovsky]

Looks like it may be a problem with jQuery. There are some potential solutions at:

http://stackoverflow.com/questions/2194992/jquery-is-not-defined http://stackoverflow.com/questions/24946616/javascript-uncaught-referenceerror-jquery-is-not-defined-uncaught-referenceerr