Warning: Declaration of action_plugin_authad::register(Doku_Event_Handler &$controller) should be compatible with DokuWiki_Action_Plugin::register(Doku_Event_Handler $controller) in /home/clients/0de9ff9beee4541cf1f61437ce7bce2b/web/hec/lib/plugins/authad/action.php on line 89

Warning: Declaration of action_plugin_editsections::register(&$controller) should be compatible with DokuWiki_Action_Plugin::register(Doku_Event_Handler $controller) in /home/clients/0de9ff9beee4541cf1f61437ce7bce2b/web/hec/lib/plugins/editsections/action.php on line 72

Warning: Declaration of action_plugin_importoldchangelog::register(&$controller) should be compatible with DokuWiki_Action_Plugin::register(Doku_Event_Handler $controller) in /home/clients/0de9ff9beee4541cf1f61437ce7bce2b/web/hec/lib/plugins/importoldchangelog/action.php on line 157

Warning: Declaration of action_plugin_tag::register(&$contr) should be compatible with DokuWiki_Action_Plugin::register(Doku_Event_Handler $controller) in /home/clients/0de9ff9beee4541cf1f61437ce7bce2b/web/hec/lib/plugins/tag/action.php on line 79
Appendix A User Guide to The Final Prototype [HEC 4 ALL]

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Prochaine révision
Révision précédente
tm:appendixa [d-m-Y H:i]
boris créée
tm:appendixa [d-m-Y H:i]
boris
Ligne 1: Ligne 1:
 +[[tm:​chapter7]]
 +
 ====== Appendix A  User Guide to The Final Prototype ====== ====== Appendix A  User Guide to The Final Prototype ======
  
 ===== A.1  Quick Reference ===== ===== A.1  Quick Reference =====
  
-> {{main030.gif}} ​Figure A.1: Design screen with main actions highlighted ​+Figure A.1: Design screen with main actions highlighted ​ 
 + 
 +{{tm:​help_quickguide.png?​600}}
  
 ===== A.2  Terminology ===== ===== A.2  Terminology =====
Ligne 37: Ligne 41:
 ===== A.3  Login Screen ===== ===== A.3  Login Screen =====
  
-> [login screen] ​{{main031.gif}} [registration ​screen{{main032.gif}} +|  ​{{tm:​help_login.png?300}}\\ login screen ​(a.)  | {{tm:​help_newuser.png?300}}\\ registration screen (b.) |  
  
 ==== A.3.1  Logging-in ==== ==== A.3.1  Logging-in ====
Ligne 49: Ligne 54:
 ===== A.4  Home Screen ===== ===== A.4  Home Screen =====
  
-> {{main033.gif}} ​Figure A.2: Home Screen ​+Figure A.2: Home Screen ​ 
 + 
 +{{tm:​help_main.png?​600}}
  
-On this screen the users can see all the models to which he has rights (figure ​[[#​help:​home_screen|A.264Home Screenfigure.A.2]]).+On this screen the users can see all the models to which he has rights (figure ​A2).
  
 A model or a snapshot is represented by its name and a thumbnail. There is also additional information provided like the total number of annotations and a list of all the high priority to-do’s annotations. Only level 1 and 2 are shown with their category and text. A model or a snapshot is represented by its name and a thumbnail. There is also additional information provided like the total number of annotations and a list of all the high priority to-do’s annotations. Only level 1 and 2 are shown with their category and text.
Ligne 79: Ligne 86:
 ===== A.5  Model Screen ===== ===== A.5  Model Screen =====
  
-> {{main034.gif}} ​Figure A.3: Model Screen ​+Figure A.3: Model Screen ​ 
 + 
 +{{tm:​help_bmo.png?​600}}
  
 ==== A.5.1  Going back to the Home Screen ==== ==== A.5.1  Going back to the Home Screen ====
  
-On this screen, by clicking on the title Business Model Designer the application is switched back to the Model Selection screen.\\ \\ //Notice:// Before going back the application refreshes the thumbnail that is shown on the home screen for this model. Therefore it is better to go back to the home screen before quitting the browser window.+On this screen, by clicking on the title Business Model Designer the application is switched back to the Model Selection screen. 
 + 
 +//Notice:// Before going back the application refreshes the thumbnail that is shown on the home screen for this model. Therefore it is better to go back to the home screen before quitting the browser window.
  
 ==== A.5.2  View/Edit Mode ==== ==== A.5.2  View/Edit Mode ====
  
-> {{main035.gif}} ​Figure A.4: Message Bar +Figure A.4: Message Bar 
 + 
 +{{tm:​help_msgbar.png?​600}}
  
 When the application is in view mode a green notification bar appears. In this mode drag and drop is disabled and no modifications are saved. When viewing a snapshot the state is always set to viewing, switching to edit mode for a snapshot implies creating a branch, since by definition the snapshot must not be editable. When the application is in view mode a green notification bar appears. In this mode drag and drop is disabled and no modifications are saved. When viewing a snapshot the state is always set to viewing, switching to edit mode for a snapshot implies creating a branch, since by definition the snapshot must not be editable.
  
-If a user has only view rights the edit mode is disabled.\\ \\ //Notice:// a trick to edit a model or snapshot to which a user has only view right is to make a copy of it in the Selection Screen.+If a user has only view rights the edit mode is disabled. 
 + 
 +//Notice:// a trick to edit a model or snapshot to which a user has only view right is to make a copy of it in the Selection Screen.
  
 ==== A.5.3  Changing a model’s name & description ==== ==== A.5.3  Changing a model’s name & description ====
Ligne 103: Ligne 118:
 ==== A.5.5  Show or Hide The Menu ==== ==== A.5.5  Show or Hide The Menu ====
  
-> {{main036.gif}} ​Figure A.5: The Menu +Figure A.5: The Menu  
 + 
 +{{tm:​help_menu2.png?​200 }}
  
 By default the menu is collapsed to a small vertical bar on the left side. The visibility can be toggled by clicking inside the boarder of the menu. The other parts resize automatically to fill up the gained space. Dragging an item over the collapsed menu will trigger it to expand. By default the menu is collapsed to a small vertical bar on the left side. The visibility can be toggled by clicking inside the boarder of the menu. The other parts resize automatically to fill up the gained space. Dragging an item over the collapsed menu will trigger it to expand.
Ligne 132: Ligne 149:
 === Renaming an element and adding details and layers === === Renaming an element and adding details and layers ===
  
-> [click menu] {{main037.gif}} [detail window] {{main038.gif}} ​Figure A.6: Get access to detail window trough the click menu +^  ​Figure A.6: Get access to detail window trough the click menu  ^^ 
 +|  {{tm:​help_clickmenu.png}}\\ click menu (a.)  |  {{tm:​help_detailwindow.png?​300}}\\ detail window (b.)  |
  
 Clicking on an element pops-up a menu with three options: Detail, Layers and Links. Clicking on an element pops-up a menu with three options: Detail, Layers and Links.
Ligne 160: Ligne 178:
 === Change color === === Change color ===
  
-> {{main039.gif}} ​Figure A.7: Layer color palette ​+Figure A.7: Layer color palette ​ 
 + 
 +{{tm:​help_layer.png}}
  
 When clicking on the color of a layer a color palette appears. A new color can be selected from the color palette or a custom RGB Hex value can be entered into the input field. When clicking on the color of a layer a color palette appears. A new color can be selected from the color palette or a custom RGB Hex value can be entered into the input field.
Ligne 174: Ligne 194:
 ==== A.5.8  Link Mode ==== ==== A.5.8  Link Mode ====
  
-> {{main040.gif}} ​Figure A.8: Link Mode +Figure A.8: Link Mode  
 + 
 +{{tm:​help_filter.png?​600}}
  
 Link mode is identified by a yellow message bar listing the related elements. In addition, only the related elements have their color, and there are links drawn to visualize the relationships. Link mode is identified by a yellow message bar listing the related elements. In addition, only the related elements have their color, and there are links drawn to visualize the relationships.
Ligne 192: Ligne 214:
 === Create links === === Create links ===
  
-Creating links involves drag and dropping an element onto another element. The dragged element has to be release when a grey link icon with an arrow appears. Once a link is created, its creation can be verified by going into link mode on one of the two elements involved in the operation.\\ \\ //Notice:// a horizontal line, it is the indication for a move or copy operation and not a link creation.+Creating links involves drag and dropping an element onto another element. The dragged element has to be release when a grey link icon with an arrow appears. Once a link is created, its creation can be verified by going into link mode on one of the two elements involved in the operation. 
 + 
 +//Notice:// a horizontal line, it is the indication for a move or copy operation and not a link creation.
  
 === Delete links === === Delete links ===
  
-To delete a link, link mode must be active and the link to be deleted has to be visible. By moving the cursor over the desired link, it gets highlighted (the lines gets fatter). When a link is highlighted it can be dragged and dropped onto the trashcan located in the menu to be deleted.\\ \\ Warning this operation is not reversible!+To delete a link, link mode must be active and the link to be deleted has to be visible. By moving the cursor over the desired link, it gets highlighted (the lines gets fatter). When a link is highlighted it can be dragged and dropped onto the trashcan located in the menu to be deleted. 
 + 
 +**Warning this operation is not reversible!**
  
 ==== A.5.9  Annotation ==== ==== A.5.9  Annotation ====
  
-> {{main041.gif}} ​Figure A.9: Annotation Window ​+Figure A.9: Annotation Window ​ 
 + 
 +{{tm:​help_annotation.png?​600}}
  
 Annotations can be used at different levels: model, perspective,​ building blocks… but they share all the same interface. Annotations can be used at different levels: model, perspective,​ building blocks… but they share all the same interface.
Ligne 206: Ligne 234:
 Accessing the annotation interface is done by clicking a small note icon. There are three versions of the icon: Accessing the annotation interface is done by clicking a small note icon. There are three versions of the icon:
  
-  * {{main042.gif}} there are no annotations for this item{{main043.gif}} there are annotations for this item{{main044.gif}} there are annotations for this item, including high priority to-do’s+  * {{tm:​icon_note_empty.png}} there are no annotations for this item 
 +  * {{tm:​icon_note.png}} there are annotations for this item 
 +  * {{tm:​icon_note_warning.png}} there are annotations for this item, including high priority to-do’s
  
 Hovering over the icon with the cursor will display a tooltip indicating the number of annotations. Hovering over the icon with the cursor will display a tooltip indicating the number of annotations.
Ligne 218: Ligne 248:
 The sections is composed of three parts, a dropdown to specify the type of the annotation, a text area and the save button. The sections is composed of three parts, a dropdown to specify the type of the annotation, a text area and the save button.
  
-An annotation can be either a comment (the note icon), or a to-do (icon from 1 to 5, 1 being the most important). Lastly an annotation can also be an answer to a question (see Main Wizard section for more details).\\ \\ //Notice:// creating an annotation of type answer from here will have no reference to a question (see Main Wizard section for more details).+An annotation can be either a comment (the note icon), or a to-do (icon from 1 to 5, 1 being the most important). Lastly an annotation can also be an answer to a question (see Main Wizard section for more details). 
 + 
 +//Notice:// creating an annotation of type answer from here will have no reference to a question (see Main Wizard section for more details).
  
 === Edit Annotation === === Edit Annotation ===
  
-To edit an existing annotation double-click it in the list. The type and text of an annotation can be changed.\\ \\ //Notice:// Changing an annotation type from answer to something else will make it lose its reference to the original question (see Main Wizard section for more details).+To edit an existing annotation double-click it in the list. The type and text of an annotation can be changed. 
 + 
 +//Notice:// Changing an annotation type from answer to something else will make it lose its reference to the original question (see Main Wizard section for more details).
  
 === Delete Annotation === === Delete Annotation ===
Ligne 236: Ligne 270:
 ===== A.6  Main Wizard ===== ===== A.6  Main Wizard =====
  
-> {{main045.gif}} ​Figure A.10: Main Wizard ​+Figure A.10: Main Wizard ​ 
 + 
 +{{tm:​help_wizard.png?​600}}
  
 The wizard can be launch by clicking its link on top right of the model screen. The wizard can be launch by clicking its link on top right of the model screen.
Ligne 248: Ligne 284:
 ==== A.6.1  Answer a question ==== ==== A.6.1  Answer a question ====
  
-To answer a question click on it, a text area will appear where the answer can be written into. Clicking outside the text area will save the answer. If the question icon ({{main046.gif}}) is colored this indicates that there is an answer for the corresponding question.+To answer a question click on it, a text area will appear where the answer can be written into. Clicking outside the text area will save the answer. If the question icon ({{tm:help.png}}) is colored this indicates that there is an answer for the corresponding question.
  
 ==== A.6.2  Delete an answer ==== ==== A.6.2  Delete an answer ====
Ligne 256: Ligne 292:
 ===== A.7  Snapshot Manager ===== ===== A.7  Snapshot Manager =====
  
-{{main047.gif}} Figure A.11: Snapshot Manager ​+Figure A.11: Snapshot Manager  
 + 
 +{{tm:​help_snapshot.png?600}} 
 + 
 +^  ​Figure A.12Actions available on Snapshot Manager ​  ^^ 
 +|  {{tm:​help_snapshot_click.png?​200}}\\ click on snapshot (a.)  |  {{ tm:​help_snapshot_menu.png?​200}}\\ menu (b.) | 
 +|  {{tm:​help_snapshot_click2.png?​200}}\\ click on active model (c.)  ||  
  
-> [click on snapshot] {{main048.gif}} [menu] {{main049.gif}} [click on active model] {{main050.gif}} Figure A.12: Actions available on Snapshot Manager ​ 
  
 Quick start: double-click thumbnail to select Quick start: double-click thumbnail to select
Ligne 278: Ligne 320:
 ===== A.8  Sharing Manager ===== ===== A.8  Sharing Manager =====
  
-> {{main051.gif}} ​Figure A.13: Sharing Manager ​+Figure A.13: Sharing Manager ​ 
 + 
 +{{tm:​help_permissions.png}}
  
 The sharing manager allows granting and revoking user’s view right or edit right to the current model. It is accessed from its link located in the options group on the sidebar menu. The sharing manager allows granting and revoking user’s view right or edit right to the current model. It is accessed from its link located in the options group on the sidebar menu.
  
-The window is composed of three lists one for users with no rights to the model, one for edit right, and one for view right. The permissions can be changed by drag and dropping a user from one list to another.\\ \\ //Notice:// the active user cannot remove himself.+The window is composed of three lists one for users with no rights to the model, one for edit right, and one for view right. The permissions can be changed by drag and dropping a user from one list to another. 
 + 
 + //Notice:// the active user cannot remove himself.
  
 ===== A.9  Known Issues ===== ===== A.9  Known Issues =====
Ligne 301: Ligne 347:
  
 In flex/flash application Space is the default key to select/​activate a button instead of the commonly used enter key. For some special input fields enter has been added manually as an option. In flex/flash application Space is the default key to select/​activate a button instead of the commonly used enter key. For some special input fields enter has been added manually as an option.
 +
 +[[tm:​appendixb]]
  
tm/appendixa.txt · Dernière modification: d-m-Y H:i par boris
chimeric.de = chi`s home Creative Commons License Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0 Fristcher.ch