presentation tool
TRANSCRIPT
![Page 1: Presentation tool](https://reader034.vdocuments.us/reader034/viewer/2022052400/55a0c8b71a28ab6c348b47a8/html5/thumbnails/1.jpg)
PRE: Scrolling Your Content in the Presentation
!
Slide: A web-based tool to create slides online
Xi Yang
![Page 2: Presentation tool](https://reader034.vdocuments.us/reader034/viewer/2022052400/55a0c8b71a28ab6c348b47a8/html5/thumbnails/2.jpg)
PRE
What I did and how?• I chose a PPT file on line (http://www.slideshare.net/sophie17/ppt-
demo-29157282) which is a Database Course Slides containing structured text, images and sometimes videos.
• I present the same content using scrolling approach. • By comparing the two presentation styles, I wanted to figure out how
could scrolling approach complement page-by-page approach
![Page 3: Presentation tool](https://reader034.vdocuments.us/reader034/viewer/2022052400/55a0c8b71a28ab6c348b47a8/html5/thumbnails/3.jpg)
Typical PPT file (background removed)
Outline
Current topic
Second level outline
Second level outline
Supporting materials
![Page 4: Presentation tool](https://reader034.vdocuments.us/reader034/viewer/2022052400/55a0c8b71a28ab6c348b47a8/html5/thumbnails/4.jpg)
Scrolling approach
• This is the first screen people would see in a presentation. • This screen shows the highest level of content. It could be any title other than “Chapter 1” • When “Chapter1” is clicked, the green cube will be zoomed in and more detailed outline shows
up. (See next page)
![Page 5: Presentation tool](https://reader034.vdocuments.us/reader034/viewer/2022052400/55a0c8b71a28ab6c348b47a8/html5/thumbnails/5.jpg)
• Presenter could choose an entry to go into the presentation page. • We click the first item (Database Management System) as an example. (See next page)
![Page 6: Presentation tool](https://reader034.vdocuments.us/reader034/viewer/2022052400/55a0c8b71a28ab6c348b47a8/html5/thumbnails/6.jpg)
• Since this is the very beginning of the content, the progress bar indicates 0% • Scroll to the next item using arrow keys. (See next)
![Page 7: Presentation tool](https://reader034.vdocuments.us/reader034/viewer/2022052400/55a0c8b71a28ab6c348b47a8/html5/thumbnails/7.jpg)
A Screenshot during the presentation
![Page 8: Presentation tool](https://reader034.vdocuments.us/reader034/viewer/2022052400/55a0c8b71a28ab6c348b47a8/html5/thumbnails/8.jpg)
Current topic
Progress bar
![Page 9: Presentation tool](https://reader034.vdocuments.us/reader034/viewer/2022052400/55a0c8b71a28ab6c348b47a8/html5/thumbnails/9.jpg)
• By default, this region shows previous topics in a reverse chronological order. !
• Slide author could also edit the topics manually, e.g. putting related topics/links instead of previous topics.
Related topics/links
![Page 10: Presentation tool](https://reader034.vdocuments.us/reader034/viewer/2022052400/55a0c8b71a28ab6c348b47a8/html5/thumbnails/10.jpg)
Supporting materials and details
• This region shows text, images, videos, etc. !• This region plays the same role as a typical slide page!• This region is actually a widget and could be zoomed in or
out according to user needs.
![Page 12: Presentation tool](https://reader034.vdocuments.us/reader034/viewer/2022052400/55a0c8b71a28ab6c348b47a8/html5/thumbnails/12.jpg)
Slide: A web-based tool to create slides online
![Page 13: Presentation tool](https://reader034.vdocuments.us/reader034/viewer/2022052400/55a0c8b71a28ab6c348b47a8/html5/thumbnails/13.jpg)
Users can create a new slide, open an existing slide, play a slide show in fullscreen mode, etc.
Slide
![Page 14: Presentation tool](https://reader034.vdocuments.us/reader034/viewer/2022052400/55a0c8b71a28ab6c348b47a8/html5/thumbnails/14.jpg)
Users can input rich text here
Slide
![Page 15: Presentation tool](https://reader034.vdocuments.us/reader034/viewer/2022052400/55a0c8b71a28ab6c348b47a8/html5/thumbnails/15.jpg)
We can change the background or the style of the slides easily
Slide
![Page 16: Presentation tool](https://reader034.vdocuments.us/reader034/viewer/2022052400/55a0c8b71a28ab6c348b47a8/html5/thumbnails/16.jpg)
More screenshots
Slide