Automatically generate assignments/constraints from a web page

[ryanmuller]

The rough idea is to generate all possible constraints given the html, then allow the user to choose which should be assigned. This can be tricky.

Consider:
Hello, <b>world</b>

• Write "Hello, world"
• Bold "world"

But this allows Hello, world, so it should have a third "Don't bold 'Hello, ' " (which might not actually be shown but should have some associated hint/warning)

Consider:

  <div style="margin-left:20px">asdf</div>
  <div>qwerty</div>
</div>

Does this generate

• Make text "asdf" have margin 40px
• Make text "qwerty" have margin 20px
  or
• Make a block with margin 20px containing "asdf" and "qwerty"
• Make text "asdf" with a margin 20px

(A difficult problem for assessment as well)

[ryanmuller]

An answer to the second concern may be that any solution with the same output should look the same using getComputedStyle. Which means an assessment can be done by comparing each page element to a prototype answer. However, it'd still be nice to be able to generate tasks for the student from an example.