You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

282 lines
6.7 KiB

7 years ago
7 years ago
  1. .. role:: raw-html(raw)
  2. :format: html
  3. .. |plus| replace:: :raw-html:`<span class="fa fa-plus-square"></span>`
  4. .. |search| replace:: :raw-html:`<span class="fa fa-search"></span>`
  5. .. |eye| replace:: :raw-html:`<span class="fa fa-eye"></span>`
  6. .. |bars| replace:: :raw-html:`<span class="fa fa-bars"></span>`
  7. .. |lock| replace:: :raw-html:`<span class="fa fa-lock"></span>`
  8. .. |unlock| replace:: :raw-html:`<span class="fa fa-unlock-alt"></span>`
  9. .. |info| replace:: :raw-html:`<span class="fa fa-info-circle"></span>`
  10. .. |next| replace:: :raw-html:`<span class="fa fa-chevron-circle-right"></span>`
  11. .. |previous| replace:: :raw-html:`<span class="fa fa-chevron-circle-left"></span>`
  12. .. |eraser| replace:: :raw-html:`<span class="fa fa-eraser"></span>`
  13. .. |circle| replace:: :raw-html:`<span class="fa fa-circle"></span>`
  14. Interface
  15. ---------
  16. Editor
  17. ~~~~~~
  18. .. figure:: _static/screenshots/editor_00.jpg
  19. :width: 500px
  20. :align: center
  21. :alt: Editor
  22. **Menubar**:
  23. .. figure:: _static/screenshots/editor_menubar.jpg
  24. :align: center
  25. :alt: Editor
  26. - 'New title' : Show/Configure presentation title (`see <#edit-presentation-title>`_)
  27. - |plus| : Add slide to presentation. ( `see <#add-new-slide>`_)
  28. - |search| : Switch to `search <#search>`_.
  29. - |eye| : Switch to `viewer <#viewer>`_.
  30. - |bars| : File Menu (New, Open, Save, Save as..., Quit)
  31. Edit presentation title
  32. ^^^^^^^^^^^^^^^^^^^^^^^
  33. .. _edit_title-label:
  34. - Click on 'New title' to show the edit dialog, press 'Enter' to validate.
  35. .. figure:: _static/screenshots/editor_01.jpg
  36. :width: 500px
  37. :align: center
  38. :alt: Edit title
  39. Add new slide
  40. ^^^^^^^^^^^^^
  41. To add new slide :
  42. - Left click on |plus| icon.
  43. - The file explorer appear : select the file you want to add as a slide by double clicking on it.
  44. .. figure:: _static/screenshots/editor_03.jpg
  45. :width: 500px
  46. :align: center
  47. :alt: Adding slide
  48. - The slide is added to the presentation view and a dialog appear.
  49. .. figure:: _static/screenshots/editor_02.jpg
  50. :width: 500px
  51. :align: center
  52. :alt: Adding slide
  53. - Enter slide informations and validate by pressing `Enter`.
  54. Edit slide
  55. ^^^^^^^^^^
  56. - Double click on the slide to show the edit dialog.
  57. Show slide informations
  58. ^^^^^^^^^^^^^^^^^^^^^^^
  59. - Click on |info| to show/hide slide informations.
  60. Remove slide
  61. ^^^^^^^^^^^^
  62. Left click on slide, drag it on a corner of the screen and drop it, it should be removed from presentation.
  63. Re-order slides
  64. ^^^^^^^^^^^^^^^
  65. - Drag-and-drop the slide where you want it to be.
  66. - Order is from top left to bottom right.
  67. Search
  68. ~~~~~~
  69. .. figure:: _static/screenshots/search_01.jpg
  70. :width: 500px
  71. :align: center
  72. :alt: Search
  73. **Menubar**
  74. .. figure:: _static/screenshots/search_menubar.jpg
  75. :width: 500px
  76. :align: center
  77. :alt: Search menu bar
  78. - Click on app icon on the left : go back to editor.
  79. - Click on dropdown menu on the right : select search engine.
  80. Search for a picture
  81. ^^^^^^^^^^^^^^^^^^^^
  82. - Type your request in the text input box under the menubar and validate by pressing `Enter`
  83. .. figure:: _static/screenshots/search_03.jpg
  84. :width: 500px
  85. :align: center
  86. :alt: Search
  87. - |next| : show next page of results.
  88. - |previous| : show previous page of results.
  89. Add picture as slide to presentation
  90. ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  91. - Click on the picture you want to add to make appear a dialog showing a slightly better image (depending on the source).
  92. .. figure:: _static/screenshots/search_04.jpg
  93. :width: 500px
  94. :align: center
  95. :alt: Search
  96. - Click on `Add to presentation` to begin download.
  97. .. note:: Hadaly always tries to download the best image quality.
  98. .. figure:: _static/screenshots/search_05.jpg
  99. :width: 500px
  100. :align: center
  101. :alt: Search
  102. - Once download is finished, slide is automatically added to presentation with metadata extracted from the source if available.
  103. .. figure:: _static/screenshots/search_06.jpg
  104. :width: 500px
  105. :align: center
  106. :alt: Search
  107. Viewer
  108. ~~~~~~
  109. .. figure:: _static/screenshots/viewer_01.jpg
  110. :width: 500px
  111. :align: center
  112. :alt: Viewer
  113. Move slide:
  114. ^^^^^^^^^^^
  115. Left click on slide and drag it around the screen.
  116. Zoom in or out:
  117. ^^^^^^^^^^^^^^^
  118. - Zoom with mouse wheel.
  119. - Or use two finger touch emulation with right click (a red dot
  120. appear):
  121. .. figure:: _static/screenshots/viewer_02.jpg
  122. :width: 500px
  123. :align: center
  124. :alt: Viewer zoom
  125. - Maintain left click and drag cursor to zoom in or out. If a portion of
  126. the slide is out of sight, a small thumbnail will appear at the
  127. bottom left :
  128. .. figure:: _static/screenshots/viewer_03.jpg
  129. :width: 500px
  130. :align: center
  131. :alt: Thumbnail
  132. Switch to editor:
  133. ^^^^^^^^^^^^^^^^^
  134. Double click on top left corner of the screen.
  135. Switch to next or previous slide:
  136. ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  137. Left click and swipe left or right.
  138. Switch to 'x' slide:
  139. ^^^^^^^^^^^^^^^^^^^^
  140. Double click on bottom right corner of the screen and select slide:
  141. .. figure:: _static/screenshots/viewer_04.jpg
  142. :width: 500px
  143. :align: center
  144. :alt: Viewer zoom
  145. Compare current slide with another one:
  146. ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  147. - Double click on center of the screen and select slide:
  148. .. figure:: _static/screenshots/viewer_05.jpg
  149. :width: 500px
  150. :align: center
  151. :alt: Viewer zoom
  152. - Compare mode in action:
  153. .. figure:: _static/screenshots/viewer_06.jpg
  154. :width: 500px
  155. :align: center
  156. :alt: Viewer zoom
  157. - Double click on center of the screen to remove compared slide.
  158. Draw on slide:
  159. ^^^^^^^^^^^^^^
  160. .. note:: When drawing is activated it is not possible to move the slide. You can only scale it with mouse wheel.
  161. - Click on |unlock| icon in bottom left corner.
  162. - Icon should change to |lock| and toolbar should appear.
  163. .. figure:: _static/screenshots/viewer_08.jpg
  164. :width: 500px
  165. :align: center
  166. :alt: Viewer toolbar
  167. - You can now draw on the slide.
  168. .. figure:: _static/screenshots/viewer_09.jpg
  169. :width: 500px
  170. :align: center
  171. :alt: Viewer toolbar
  172. - To delete drawings, click on |eraser|.
  173. Change tool color:
  174. ^^^^^^^^^^^^^^^^^^
  175. - Click on |circle| to show the color picker
  176. .. figure:: _static/screenshots/viewer_10.jpg
  177. :width: 500px
  178. :align: center
  179. :alt: Viewer toolbar
  180. - Select color by clicking on the color wheel or by entering RGBA informations.
  181. - Click out of the dialog to close it.
  182. Increase/Decrease tool thickness
  183. ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  184. - Move the slider of the toolbar to the right to increase line size (Mouse wheel also works).
  185. Options
  186. ~~~~~~~
  187. 'F1' : Show options panel.
  188. .. figure:: _static/screenshots/options_01.jpg
  189. :width: 500px
  190. :align: center
  191. :alt: Viewer zoom
  192. Shortcuts
  193. ~~~~~~~~~
  194. - ``Ctrl-e`` : Enter drawing mode.
  195. - ``Ctrl-d`` : Delete drawings.
  196. - ``Left`` : Go to previous slide.
  197. - ``Right`` : Go to next slide.