Version 19 (modified by danvisel, 16 years ago) (diff) |
---|
Script for Demo
What this book will consist of:
- BLANK VERSION: each page has a background image which explains what to do on that page. These will be 800 x 600 (size of the book). This version will be saved & available.
- COMPONENTS FOR FINISHED BOOK: this will be media that can be used in the finished book. Includes a finished book that can be used for embedding demonstrations.
- FINISHED VERSION: this will be a version of the blank version that has been manipulated.
- DELIVERABLES: Blank version, components for blank version (?), components for regular book, finished book
Page 1
Contains the title page to the book. Demonstrates making a new book, use of halos and HUDs, page HUD, frame HUD, basic interface, book preview.
- Create a new book (File > New Book). Set the title to "Demonstration Book", the width to 800, and the height to 600.
- Resize the book window (by pulling the lower right corner) so that the entire page is visible.
- Open the page border & fill HUD.
- Demonstrate changing the fill color: change the fill to blue.
- Set the margins on the page to 0 on all sides.
- Close the page border & fill HUD.
- Insert the title image. Choose Insert > Image and select "tutorial title page.png". The image will be inserted on the page.
- Click on the image to bring up the frame halos.
- Click on the image's border & fill halo to open the image's border & fill HUD.
- Set the margins on all sides of the frame to 0.
- Close the image's border & fill HUD.
- Open the image's frame properties halo to open the frame properties HUD.
- Set the width of the frame to 800, the height to 600, the X to 0, and the Y to 0.
- Close the image's frame properties HUD.
- Click on the "Open Preview" button in the book's status bar.
- The book will open in preview mode: this is how your page will appear in Sophie Reader.
- Close the preview by clicking the "X" in its title bar.
- Press the ">>" button to create page 2 and to go to that page.
Page 2
Contains a text frame. Demonstrates: more fills, text, borders, fills, basic interface.
- Click on the page's border & fill halo.
- Set the margins on the frame to 0 on all sides.
- Click the square next to "image" in the "Background filling" section. Select tutorial page 2.png.
- Your page now has a background. Click on the page's border & fill halo again to close the HUD.
- Choose Insert > Text to insert a text frame.
- Start typing to insert text in the book. There's a weird bug in Sophie right now where the SHIFT key does not work while typing; if you want to include capital letters, press the caps lock key first.
- Click on the text halo to open the text HUD.
- Change the font and the font size to something else.
- Click on the text halo again to close the text HUD.
- Drag the drag handle to try moving the frame around; move the frame to the center of the page.
- Click on one of the rotate halos to rotate the frame.
- Click on the compass halo and enter "-10" to demonstrate rotating a frame manually.
- Click on the compass halo again to close the rotation HUD.
- Click on the margins & padding halo to open the margin & padding HUD.
- Set the padding values to 20 on all sides to demonstrate padding.
- Click on the margins & padding halo again to close the margin & padding HUD.
- Click on the ">>" button to go to the next page.
Page 3
Contains two images. Demonstrates: images, z-order, aligning, grouping.
- Click on the page's border & fill halo to open the page's border & fill HUD.
- Set the margins on the frame to 0 on all sides.
- Click the square next to "image" in the "Background filling" section. Select tutorial page 3.png.
- Click on the page's border & fill halo again to close the page's border & fill HUD.
- Select Insert > Image to insert an image on the page. Choose tutorial page 3 cat.jpg".
- Select Insert > Image to insert an image on the page. Choose tutorial page 3 dog.jpg".
- 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.
- Now select the dog and press the "Z+" button to move him forwards.
- Drag the drag handle on the dog image so that the dog is on the right side of the page.
- Click on the dog, then shift-click on the cat to select both images. New halos appear.
- Click the align halo to open the align HUD.
- Click the "Align Top" button to align the top of the two images.
- Click the align halo again to close the align HUD.
- Click the "gr" halo to group the two images.
- Click on the page so that the images are not selected.
- Now click on one of the images: both will be selected as a group.
- Drag the drag handle to move the grouped images together.
- Click on the ">>" button to go to the next page.
Page 3
Contains audio & video files, as well as audio recording. Demonstrates: audio & video in Sophie, preview mode.
- Click on the page's border & fill halo to open the page's border & fill HUD.
- Set the margins on the frame to 0 on all sides.
- Click the square next to "image" in the "Background filling" section. Select tutorial page 4.png.
- Click on the page's border & fill halo again to close the page's border & fill HUD.
- Select Insert > Audio to add an audio file to the book. Select demo audio.wav.
- Press the PLAY button to play the audio.
- Press the STOP button to stop the audio.
- Select the audio frame's border & fill icon to open the audio's border & fill HUD.
- Click the square next to "image" in the "Background filling" section. Select audio backdrop.jpg.
- Click on the border & fill halo to close the border & fill HUD.
- Select Insert > Video to add a video file to the book. Select demo video.avi.
- Click the video to bring up its halos, then drag its drag handle so the video is not on top of the audio.
- Open the video's frame properties halo to open the frame properties HUD.
- Set the video's size to 320 x 240 so that it appears properly.
- Click on the frame properties halo to close the frame properties HUD.
- Press the PLAY button to play the video.
- Press the STOP button to stop the video.
- Click "Open Preview" to see how the audio and video works in preview mode.
- Press the PLAY button to play the audio.
- Press the PLAY button to play the video.
- Close the preview window.
- Click on the ">>" button to go to the next page.
Page 4
Demonstrates how hide/show links works.
- Click on the page's border & fill halo to open the page's border & fill HUD.
- Set the margins on the frame to 0 on all sides.
- Click the square next to "image" in the "Background filling" section. Select tutorial page 5.png.
- Click on the page's border & fill halo again to close the page's border & fill HUD.
- Select Insert Image to insert an image; choose open button.gif.
- Open the image's frame properties halo to open the frame properties HUD.
- Set the image's size to 100 x 50 so that it appears properly.
- Click on the frame properties halo to close the frame properties HUD.
- Select Insert Image to insert an image; choose close button.gif.
- Open the image's frame properties halo to open the frame properties HUD.
- Set the image's size to 100 x 50 so that it appears properly.
- Click on the frame properties halo to close the frame properties HUD.
- Select Insert Image to insert an image; choose toggle button.gif.
- Open the image's frame properties halo to open the frame properties HUD.
- Set the image's size to 100 x 50 so that it appears properly.
- Click on the frame properties halo to close the frame properties HUD.
"open" button, "close" button, "toggle" button, "target" button.
Page 5
Demonstrate embedded books (use five page book for this).
Page 6
Demonstrate exporting HTML/PDF/printing. Demonstrate importing PDF.
Page 7
(last page): Instructions to save the book, open it in Reader.
Comments
We can't use images as a background for the page because they can't be saved. Also can't save a book that includes links.
Things to include in the demo that I have not figured out how to show:
- Sophie server functionality (does this exist?)
- browser frames (?)
- running as an applet (?)