Object manipulation improvement V (02/13/12)

Transcription

1 Object manipulation improvement V (02/13/12) Rework existing objects New move and selection paradigm New features Add/remove a link

2 Introduction : the object's new stylus bar 1 1 Selection cursor, shows the frame on a click, drag and drop an object on the bord without the frame Only new elements are described. Based on an actual frame. 2 Play cursor : link, hyperlink action, W3C interactions Nice to have A long click on the board switch the "selection cursor" into the "play cursor" if the preference is actived on the preference pane. Enable switch cursor option between "selection"/"play" on long click on the board

3 Introduction : the object's new frame with the select cursor 1 3 Use the to show the frame 5 2 G Add/remove a link 2 4 Only new elements are described. Based on an actual frame Group or ungroup button 2 Add a link or an action Miroring buttons added in extension to resize buttons Use the frame to move the object Indication of the angle of rotation De/increase the Z - level

4 Rework lines as objects 3 Define strokes like an object Evaluate the time to improve the development to define a strokes as one object : - in a lapse of time - in a definite space

5 Mutiple selection A. Select object with the click and drag rectangle (standard selection) 4 Select Cursor Play cursor B. Use the shift button and to select scattered objects The standard frame appears on release after the selection or selecting more than one object with the shift button B. Use the shift button and to select scattered objects The light frame stays on release after the selection or selecting more than one object with the shift button To move the selection click on the frame To move the selection click on the center (subject to management of layers).

6 Group objects 5 Cliking on G allows to create a group For 1.50, grouped objects loose their first link's or action's properties. Improvement to plan for the next version. G

7 Ungroup objects 6 To ungroup objects, click on an object of the group and then button G G

8 7 Add / remove an action Add a link opens a modal window with medias available on the page The object menu is automatically updaded when an item is added. To remove an action click on the updated menu Remove X X display the added link (play media y, to page y, to document y)

9 Modal windows to add a link 2 play an audio file drag and drop the media from the library in this box 2 to a web page text input Ok Cancel 2 to a page next page previous page first page 8 Ok Cancel 3 last page page n 1 Add a link 1 3 play an audio file to a web page 3 Ok Cancel to a page to a document to a document 2 3 This link is broken if an export of the document is made. 4 Ok Cancel Beahviour playing the link : save and close the current document and go to target. No return from the source is available.

10 Do a symmetry Add the option of vertical or horizontal symmetry to objects (image and text). Use the same grip for the resizing and drag it through the opposite one to create the symmetry (same size). Target area in red. 9

11 Do a rotation 10 Improve the rotation adding a magnet scales each 45 degrees and each 30 degrees. Add the Indication of rotation angle on the top right corner of the frame. X Center

12 De/increase Z-Level 11 To de/increase Z-Level click on the "down" or "up" buttons A long click on the "down" put the object on the back A long click on the "up" bring the object on the front Tools are only available in the "edit mode". Clicking on the button above send the frame an the content at specified Z-level. The frame follows the Z-level of the object.

13 Z-Level on a board BACKGROUND, picture (1 picture per document page PDF files (1 page per document page) Lowest Z-level BOARD 12 OBJECTS, DRAWING videos, pictures, shapes, flash, interactivities, other wdigets, drawing,... TOOLS : compass, ruler, protractor,... MAGNIFIER CACHE Highest Z-level MASK MAGNIFIER Each color has different range of Z-level

14 Align objects Enable the alignment guide lines using an option. Necessary considering the number of the new objects made by the rework of strokes. 13 or Alignment guide lines Alignment guide lines on the bottom of the left panel on the preference panel Magnetic guide lines appears approaching an other object : - top, center, bottom - left, center, right

15 Move a group 14 Select Cursor Play cursor G Adding a link is available for the image To move a group Click and drag the frame with the select cursor (the first click show the frame) Click and drag on one object of the group with the play cursor To play an hyperlink a link or an action (if any) Click on the image to play

16 Rotate a selection or a group 15 G X Center

17 Interface of the audio & video 16 Select Cursor Play cursor 0:00 / 4:59 0:00 / 4:59 Adding a link is not available for video or audio Audio an video have the share the same interface Add a new play paradigm as in QuickTime To play the media Clicking with the cursors shows the progress bar and tools and the frame Clicking with the cursors shows the progress bar and tools Use the play, pause, cursor, volume settings The progress bar and tools will disppear after a few second if button are not uses To move the media Click and drag the frame with the select cursor (the first click show the frame) Click and drag outside the on hover display zone on the media area with the play cursor

18 Interface W3C widget or Apps 17 Select Cursor Play cursor Adding a link is not available for for the W3C or Apps To move the media Click and drag the frame with the select cursor (the first click show the frame) To interact with the W3C widget or App Use the play cursor it is impossible to move the app in play mode

19 Image and stroke 18 Select Cursor Play cursor Adding a link is available for the image and a stroke To move the image or a stroke Click and drag the frame with the select cursor (the first click show the frame) Click and drag the image area with the play cursor To play an hyperlink a link or an action (if any) Click on the image to play

20 Text box 19 Select Cursor Play cursor Adding a link is available for the text box. If the text box is grouped with an another object, the frame loose the specific button for the text. Ungroup is necessary to modify the text. To move the text box Click and drag the frame with the select cursor (the first click show the frame) Click and drag the text area with the play cursor To edit the text Click on the text and / or use the other specific button for text There is no way to edit the text with the play cursor To play an hyperlink a link or an action (if any) Click on the text area to play