Changes between Initial Version and Version 1 of ITERATION_10/Release/UserDocumentation/AnIntroductionToSophie/LauraBrownScript


Ignore:
Timestamp:
08/03/09 16:27:31 (16 years ago)
Author:
danvisel
Comment:

--

Legend:

Unmodified
Added
Removed
Modified

  • ITERATION_10/Release/UserDocumentation/AnIntroductionToSophie/LauraBrownScript

    v1 v1  
     1[[BackLinksMenu]] 
     2 
     3= Script for Laura Brown Presentation = 
     4 
     5(this is based on [wiki:ITERATION_09/Release/UserDocumentation/AnIntroductionToSophie/ScriptForDemo].) 
     6 
     7== Media for the demonstration == 
     8Media for the demonstration can be found [http://sophie2.org/trac/export/3442/branches/private/danvisel/sophie2-platform/doc/userdoc-images/DEMO_MATERIAL/DemoMedia.zip here] as a zip file; or you can take all the files that are in branches/danvisel/sophie2-platform/userdoc-images/DEMO_MATERIAL in Subversion.  
     9 
     10== Page 1 == 
     11 
     12Contains the title page to the book. Demonstrates making a new book, use of halos and HUDs, page HUD, frame HUD, basic interface, book preview. 
     13 
     14 1. Create a new book (File > New Book). Set the title to "Demonstration Book", the width to 800, and the height to 600. 
     15 2. Resize the book window (by pulling the lower right corner) so that the entire page is visible. 
     16 3. Open the page border & fill HUD.  
     17 4. Demonstrate changing the fill color: change the fill to blue.  
     18 5. Set the margins on the page to 0 on all sides. 
     19 6. Close the page border & fill HUD. 
     20 7. Insert the title image. Choose '''Insert > Image''' and select "tutorial page 1.png". The image will be inserted on the page. 
     21 8. Click on the image to bring up the frame halos. 
     22 9. Click on the image's border & fill halo to open the image's border & fill HUD.  
     23 10. Set the margins on all sides of the frame to 0. 
     24 11. Close the image's border & fill HUD. 
     25 12. Open the image's frame properties halo to open the frame properties HUD. 
     26 13. Set the X to 0, and the Y to 0. 
     27 14. Close the image's frame properties HUD. 
     28 15. Click on the "Open Preview" button in the book's status bar. 
     29 16. The book will open in preview mode: this is how your page will appear in Sophie Reader. 
     30 17. Close the preview by clicking the "X" in its title bar.  
     31 18. Press the '''>>''' button to create page 2 and to go to that page. 
     32  
     33  [[Image(source:/branches/private/danvisel/sophie2-platform/doc/userdoc-images/RELEASE_9/tutorialscreenshotp1.png)]] 
     34 
     35== Page 2 == 
     36 
     37Contains a text frame. Demonstrates: more fills, text, borders, fills, basic interface. 
     38 
     39 1. Click on the page's border & fill halo. 
     40 2. Set the margins on the frame to 0 on all sides. 
     41 3. Click the square next to "image" in the "Background filling" section. Select ''tutorial page 2.png''. 
     42 4. Your page now has a background. Click on the page's border & fill halo again to close the HUD. 
     43 5. Choose Insert > Text to insert a text frame. 
     44 6. Start typing to insert text in the book. 
     45 7. Click on the text halo to open the text HUD.  
     46 8. Change the font and the font size to something else. 
     47 9. Click on the text halo again to close the text HUD. 
     48 10. Resize that frame by dragging the edges so that not all of the text fits in the frame. 
     49 11. Add another frame by choosing Insert > Text. 
     50 12. Click the first frame's chain halo, then select the second frame to chain the two frames.  
     51 13. Drag the drag handle to try moving the frame around; move the frame to the center of the page. 
     52 14. Click on one of the rotate halos to rotate the frame. 
     53 15. Click on the compass halo and enter "-10" to demonstrate rotating a frame manually. 
     54 16. Click on the compass halo again to close the rotation HUD. 
     55 17. Click on the margins & padding halo to open the margin & padding HUD. 
     56 18. Set the padding values to 20 on all sides to demonstrate padding. 
     57 19. Click on the margins & padding halo again to close the margin & padding HUD. 
     58 20. Click on the '''>>''' button to go to the next page. 
     59  
     60 
     61  [[Image(source:/branches/private/danvisel/sophie2-platform/doc/userdoc-images/RELEASE_9/tutorialscreenshotp2.png)]] 
     62 
     63== Page 3 == 
     64 
     65Contains two images. Demonstrates: images, z-order, aligning, grouping. 
     66 
     67 1. Click on the page's border & fill halo to open the page's border & fill HUD. 
     68 2. Set the margins on the frame to 0 on all sides. 
     69 3. Click the square next to "image" in the "Background filling" section. Select ''tutorial page 3.png''. 
     70 4. Click on the page's border & fill halo again to close the page's border & fill HUD. 
     71 5. Select '''Insert > Image''' to insert an image on the page. Choose ''tutorial page 3 cat.jpg''. 
     72 6. Select '''Insert > Image''' to insert an image on the page. Choose ''tutorial page 3 dog.jpg''. 
     73 7. The dog image is in front of the cat. Move the cat in front of the dog by selecting the dog and pressing the '''Z-''' button to move him backwards. 
     74 8. Now select the dog and press the '''Z+''' button to move him forwards. 
     75 9. Drag the drag handle on the dog image so that the dog is on the right side of the page. 
     76 10. Click on the dog, then shift-click on the cat to select both images. New halos appear. 
     77 11. Click the align halo to open the align HUD. 
     78 12. Click the '''Align Top''' button to align the top of the two images. 
     79 13. Click the align halo again to close the align HUD. 
     80 14. Click the '''gr''' halo to group the two images. 
     81 15. Click on the page so that the images are not selected. 
     82 16. Now click on one of the images: both will be selected as a group. 
     83 17. Drag the drag handle to move the grouped images together.  
     84 18. Click on the '''>>''' button to go to the next page. 
     85  
     86  [[Image(source:/branches/private/danvisel/sophie2-platform/doc/userdoc-images/RELEASE_9/tutorialscreenshotp3.png)]] 
     87 
     88== Page 4 == 
     89 
     90Contains audio & video files, as well as audio recording. Demonstrates: audio & video in Sophie, preview mode. 
     91 
     92 1. Click on the page's border & fill halo to open the page's border & fill HUD. 
     93 2. Set the margins on the frame to 0 on all sides. 
     94 3. Click the square next to "image" in the "Background filling" section. Select ''tutorial page 4.png''. 
     95 4. Click on the page's border & fill halo again to close the page's border & fill HUD. 
     96 5. Select '''Insert > Audio''' to add an audio file to the book. Select ''demo audio.wav''. 
     97 6. Press the PLAY button to play the audio. 
     98 7. Press the STOP button to stop the audio. 
     99 8. Select the audio frame's border & fill icon to open the audio's border & fill HUD. 
     100 9. Click the square next to "image" in the "Background filling" section. Select ''audio backdrop.jpg''. 
     101 10. Click on the border & fill halo to close the border & fill HUD. 
     102 11. Select Insert > Video to add a video file to the book. Select ''demo video.avi''.  
     103 12. Click the video to bring up its halos, then drag its drag handle so the video is not on top of the audio.  
     104 13. Open the video's frame properties halo to open the frame properties HUD. 
     105 14. Set the video's size to 320 x 240 so that it's double the size. 
     106 15. Click on the frame properties halo to close the frame properties HUD. 
     107 16. Press the PLAY button to play the video. 
     108 17. Press the STOP button to stop the video. 
     109 18. Select '''Insert > Audio Record''' to record audio. 
     110 19. Click the record button to start recording; say something. 
     111 20. Click the stop button to stop recording. 
     112 21. Select the frame of the recording and move it on the page by dragging the drag handle. 
     113 22. Press the PLAY button to play your recording. 
     114 23. Press the STOP button to stop your recording. 
     115 24. Click "Open Preview" to see how the audio and video works in preview mode. 
     116 25. Press the PLAY button to play the audio. 
     117 26. Press the PLAY button to play the video. 
     118 27. Close the preview window. 
     119 28. Click on the '''>>''' button to go to the next page. 
     120  
     121  [[Image(source:/branches/private/danvisel/sophie2-platform/doc/userdoc-images/RELEASE_9/tutorialscreenshotp4.png)]] 
     122 
     123== Page 5 ==  
     124 
     125Demonstrates how hide/show links works.  
     126 
     127 1. Click on the page's border & fill halo to open the page's border & fill HUD. 
     128 2. Set the margins on the frame to 0 on all sides. 
     129 3. Click the square next to "image" in the "Background filling" section. Select ''tutorial page 5.png''. 
     130 4. Click on the page's border & fill halo again to close the page's border & fill HUD. 
     131 5. Select '''Insert > Image''' to insert an image; choose ''open button.gif''. 
     132 6. Open the image's frame properties halo to open the frame properties HUD. 
     133 8. Click on the frame properties halo to close the frame properties HUD. 
     134 9. Select '''Insert > Image''' to insert an image; choose ''close button.gif''. 
     135 10. Open the image's frame properties halo to open the frame properties HUD. 
     136 11. Set the Y value to 200. 
     137 12. Click on the frame properties halo to close the frame properties HUD. 
     138 13. Select ''''Insert > Image''' to insert an image; choose ''toggle button.gif''. 
     139 14. Open the image's frame properties halo to open the frame properties HUD. 
     140 15. Set the Y value to 325. 
     141 16. Click on the frame properties halo to close the frame properties HUD. 
     142 17. Click on the Open image, then shift-click on the Close and Toggle buttons. 
     143 18. Click on the align halo to open the align HUD. 
     144 19. Click on "align left". 
     145 20. Click on the align halo again to close the align HUD. 
     146 21. Select '''Insert > Image''' to insert an image; choose ''target button.gif''. 
     147 22. Open the image's frame properties halo to open the frame properties HUD. 
     148 24. Click on the frame properties halo to close the frame properties HUD. 
     149 25. Drag the target frame's drag handle to move it to the right side of the page. 
     150 26. Select the open button. 
     151 27. Click the link halo to open the link HUD. 
     152 28. Press the '''+''' button to add a link. 
     153 29. Choose link trigger '''FRAME_MOUSE_RELEASED'''. 
     154 30. Choose link action  '''Show frame'''. 
     155 31. In the '''Select frame''' section, choose '''Frame D''', the target frame. 
     156 32. Click the link halo to close the link HUD. 
     157 33. Select the close button. 
     158 34. Click the link halo to open the link HUD. 
     159 35. Press the '''+''' button to add a link. 
     160 36. Choose link trigger '''FRAME_MOUSE_RELEASED'''. 
     161 37. Choose link action  '''Hide frame'''. 
     162 38. In the '''Select frame''' section, choose '''Frame D''', the target frame. 
     163 39. Click the link halo to close the link HUD. 
     164 40. Select the toggle button. 
     165 41. Click the link halo to open the link HUD. 
     166 42. Press the '''+''' button to add a link. 
     167 43. Choose link trigger '''FRAME_MOUSE_RELEASED'''. 
     168 44. Choose link action  '''Toggle frame'''. 
     169 45. In the '''Select frame''' section, choose '''Frame D''', the target frame. 
     170 46. Click the link halo to close the link HUD. 
     171 47. Click on the '''Open Preview''' button to open a preview of the book. 
     172 48. Click the close button to hide the target frame. 
     173 49. Click the open button to show the target frame. 
     174 50. Click the toggle button to hide the target frame. 
     175 51. Click the toggle button again to show the target frame. 
     176 52. Close the preview window.  
     177 53. Click on the '''>>''' button to go to the next page. 
     178  
     179  [[Image(source:/branches/private/danvisel/sophie2-platform/doc/userdoc-images/RELEASE_9/tutorialscreenshotp5.png)]] 
     180 
     181== Page 6 ==  
     182 
     183Demonstrate embedded books. 
     184 
     185 1. Click on the page's border & fill halo to open the page's border & fill HUD. 
     186 2. Set the margins on the frame to 0 on all sides. 
     187 3. Click the square next to "image" in the "Background filling" section. Select ''tutorial page 6.png''. 
     188 4. Click on the page's border & fill halo again to close the page's border & fill HUD. 
     189 5. Select '''Insert > Embedded Book''' to insert an embedded book. Choose ''FivePageBook.sjrb''. 
     190 6. Click on the embedded book to bring up the halos. 
     191 7. Drag the embedded book's drag handle to center it on the page. 
     192 8. Click the forward and back arrows in the lower left of the embedded book to turn the pages of the embedded book. 
     193 9. Click the '''Open Preview''' button to open a preview of the current book. 
     194 10. Click the forward and back arrows in the lower left of the embedded book to turn the pages of the embedded book. 
     195 11. Close the preview window.  
     196 12. Click on the '''>>''' button to go to the next page. 
     197  
     198  [[Image(source:/branches/private/danvisel/sophie2-platform/doc/userdoc-images/RELEASE_9/tutorialscreenshotp6.png)]] 
     199 
     200== Page 7 ==  
     201 
     202Demonstrate exporting HTML/PDF/printing. Also demonstrates importing PDF. 
     203 
     204 1. Click on the page's border & fill halo to open the page's border & fill HUD. 
     205 2. Set the margins on the frame to 0 on all sides. 
     206 3. Click the square next to "image" in the "Background filling" section. Select ''tutorial page 7.png''. 
     207 4. Click on the page's border & fill halo again to close the page's border & fill HUD. 
     208 5. Select '''File > Export as > PDF'''. Give the exported PDF the filename ''exported pdf.pdf''. 
     209 6. Outside of Sophie, open the exported PDF in a PDF viewer. 
     210 7. Back in Sophie, select '''File > Export as > HTML'''. Give the exported HTML the filename ''exported html.html''. 
     211 8. Outside of Sophie, open the exported HTML in a browser. 
     212 9. Back in Sophie, select '''File > Print''' and select your printer.  
     213 10. Select '''File > Print to File''' and give the exported PostScript the filename ''exported postscript.ps''. 
     214 11. Outside of Sophie, open the exported PostScript in a PostScript viewer, then print it if desired. 
     215 12. Back in Sophie, select '''Insert > PDF''' and select ''exported pdf.pdf'', the PDF you just output. 
     216 13. Select the PDF frame on the page; using the drag handle, drag it to the center of the page. 
     217 14. Click on the '''>>''' button to go to the next page. 
     218  
     219  [[Image(source:/branches/private/danvisel/sophie2-platform/doc/userdoc-images/RELEASE_9/tutorialscreenshotp7.png)]] 
     220 
     221== Page 8 ==  
     222 
     223Demonstrate saving the book and opening it in Reader. 
     224 
     225 1. Click on the page's border & fill halo to open the page's border & fill HUD. 
     226 2. Set the margins on the frame to 0 on all sides. 
     227 3. Click the square next to "image" in the "Background filling" section. Select ''tutorial page 7.png''. 
     228 4. Click on the page's border & fill halo again to close the page's border & fill HUD. 
     229 5. Select '''File > Save'''. Give the book the name ''demonstration book.sjrb''. 
     230 6. Quit Sophie by pressing '''control-q'''. 
     231 7. Open Sophie Reader. 
     232 8. Select '''File > Open''' and choose ''demonstration book.sjrb''. 
     233 9. The book should open and work correctly. 
     234 10. To add a new sticky, click the '''New Sticky''' button. 
     235 11. You'll be asked if you want to start a new annotation set; click '''OK'''. 
     236 12. A new sticky is created. 
     237 13. Go into full screen mode by selecting '''View > Full Screen Mode'''. 
     238 14. Flip through the pages of the book in full screen mode. 
     239 15. Exit full screen mode, by pressing '''F11'''. 
     240 16. Set zoom to 50% to show the book at half size. 
     241 17. Set zoom to 200% to show the book at double size. 
     242 18. Set zoom back to 100%. 
     243  
     244  [[Image(source:/branches/private/danvisel/sophie2-platform/doc/userdoc-images/RELEASE_9/tutorialscreenshotp8.png)]] 
     245 
     246== Sophie Server == 
     247 
     248(This is a demo of the web component of Sophie Server; also we want to demo uploading a book to Sophie Server.) 
     249(I can't currently get S2S (which was at [http://sophie2.org:8003/login.jsp] to work, so I can't do anything with this.) 
     250 
     251Click Toggle Selected button, then Refresh, then double-click on book title to open.