| Index: trunk/extensions/VisualEditor/demos/ce/main.js |
| — | — | @@ -4,8 +4,46 @@ |
| 5 | 5 | 'type': 'document', |
| 6 | 6 | 'children': [ |
| 7 | 7 | { |
| 8 | | - 'type': 'paragraph', |
| 9 | | - 'content': { 'text': 'Having real-world metaphors for objects and actions can make it easier for a user to learn and use an interface (some might say that the interface is more natural or intuitive), and rapid, incremental feedback allows a user to make fewer errors and complete tasks in less time, because they can see the results of an action before completing the action, thus evaluating the output and compensating for mistakes.' } |
| | 8 | + "type": "paragraph", |
| | 9 | + "content": { |
| | 10 | + "text": "In computer science, direct manipulation is a human-computer interaction style which involves continuous representation of objects of interest, and rapid, reversible, incremental actions and feedback. The intention is to allow a user to directly manipulate objects presented to them, using actions that correspond at least loosely to the physical world. An example of direct-manipulation is resizing a graphical shape, such as a rectangle, by dragging its corners or edges with a mouse.", |
| | 11 | + "annotations": [ |
| | 12 | + { |
| | 13 | + "type": "link/internal", |
| | 14 | + "range": { |
| | 15 | + "start": 3, |
| | 16 | + "end": 19 |
| | 17 | + }, |
| | 18 | + "data": { |
| | 19 | + "title": "Computer_science" |
| | 20 | + } |
| | 21 | + }, |
| | 22 | + { |
| | 23 | + "type": "link/internal", |
| | 24 | + "range": { |
| | 25 | + "start": 46, |
| | 26 | + "end": 72 |
| | 27 | + }, |
| | 28 | + "data": { |
| | 29 | + "title": "Human-computer interaction" |
| | 30 | + } |
| | 31 | + }, |
| | 32 | + { |
| | 33 | + "type": "textStyle/bold", |
| | 34 | + "range": { |
| | 35 | + "start": 21, |
| | 36 | + "end": 40 |
| | 37 | + } |
| | 38 | + }, |
| | 39 | + { |
| | 40 | + "type": "textStyle/italic", |
| | 41 | + "range": { |
| | 42 | + "start": 28, |
| | 43 | + "end": 40 |
| | 44 | + } |
| | 45 | + } |
| | 46 | + ] |
| | 47 | + } |
| 10 | 48 | }, |
| 11 | 49 | { |
| 12 | 50 | 'type': 'table', |
| — | — | @@ -72,12 +110,26 @@ |
| 73 | 111 | 'content': { 'text': 'Test 2' } |
| 74 | 112 | }, |
| 75 | 113 | { |
| 76 | | - 'type': 'paragraph', |
| 77 | | - 'content': { 'text': 'Having real-world metaphors for objects and actions can make it easier for a user to learn and use an interface (some might say that the interface is more natural or intuitive), and rapid, incremental feedback allows a user to make fewer errors and complete tasks in less time, because they can see the results of an action before completing the action, thus evaluating the output and compensating for mistakes.' } |
| 78 | | - }, |
| 79 | | - { |
| 80 | | - 'type': 'paragraph', |
| 81 | | - 'content': { 'text': 'Having real-world metaphors for objects and actions can make it easier for a user to learn and use an interface (some might say that the interface is more natural or intuitive), and rapid, incremental feedback allows a user to make fewer errors and complete tasks in less time, because they can see the results of an action before completing the action, thus evaluating the output and compensating for mistakes.' } |
| | 114 | + "type": "paragraph", |
| | 115 | + "content": { |
| | 116 | + "text": "The ViewTouch graphic touchscreen POS (point of sale) GUI developed by Gene Mosher on the Atari ST computer and first installed in restaurants in 1986 is an early example of an application specific GUI that manifests all of the characteristics of direct manipulation.", |
| | 117 | + "annotations": [ |
| | 118 | + { |
| | 119 | + "type": "textStyle/bold", |
| | 120 | + "range": { |
| | 121 | + "start": 0, |
| | 122 | + "end": 13 |
| | 123 | + } |
| | 124 | + }, |
| | 125 | + { |
| | 126 | + "type": "textStyle/italic", |
| | 127 | + "range": { |
| | 128 | + "start": 34, |
| | 129 | + "end": 37 |
| | 130 | + } |
| | 131 | + } |
| | 132 | + ] |
| | 133 | + } |
| 82 | 134 | } |
| 83 | 135 | ] |
| 84 | 136 | }, |