From PaperPoint to MindXpres - Towards Enhanced Presentation Tools

2 December 2005

From PaperPoint to MindXpresTowards Enhanced Presentation Tools

Prof. Beat Signer

http://www.beatsigner.com

Web & Information Systems Engineering Lab

Department of Computer Science

Vrije Universiteit Brussel

WEB & INFORMATIONSYSTEMS ENGINEERING

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 2October 9, 2016

What is Wrong with Slideware?

Simulation of physical slides limited space due to the slide concept

linear navigation from slide to slide

difficult to reuse content and embed rich media types

MindXpres addresses these issues unlimited canvas with zoomable user interface

non-linear navigation and associative linking

content-based approach with automatic visualisation

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 3October 9, 2016

PaperPoint Presentation Tool

Mobile PowerPoint

presentation Tool

interactive PowerPoint paper

handouts

Support for non-linear

presentations

refer back to previous slides

dynamically integrate slides

skip slides

B. Signer and M.C. Norrie, PaperPoint: A Paper-

based Presentation and Interactive Paper Proto-

typing Tool, Proceedings of TEI 2007, Baton Rouge,

USA, February 2007

Global Information Systems Group, ETH Zurich

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 4October 9, 2016

PaperPoint Features

Enhanced mobility during presentations

Improved presentation overview for the presenter see content of current and nearby slides (orientation)

Support for non-linear presentations refer back to previous slides

dynamically integrate optional (backup) slides at runtime

skip slides (e.g. if running out of time)

Annotation of static slide content highlighting of content

dynamic creation of new content at presentation time

E.I. Reuss, B. Signer and M.C. Norrie, PowerPoint Multimedia Presentations in Computer Science

Education: What do Users Need?, Proceedings of USAB 2008, Graz, Austria, November 2008

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 5October 9, 2016

PaperPoint Features ...

Annotation of static slide content … brings back functionality of blackboard or overhead projector

potential recording and playback of annotations and presentations

handwritten notes that are not visible to the audience

- reminders about specific things to be mentioned

- slides to be shown in non-linear order

- comments and questions from the audience

Improved control of embedded media (e.g. video)

Digital whiteboard

Multi-pen support collaborative presentations

brainstorming

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 6October 9, 2016

Navigation, Context and Annotation

[http://www.nexus-wallpaper.com/wp-content/uploads/2013/12/chalkboard-lecture.jpg]

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 7October 9, 2016

Flexible Handout Layouts

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 8October 9, 2016

Video Controls

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 9October 9, 2016

Digital Whiteboard

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 10October 9, 2016

PaperPoint Architecture

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 11October 9, 2016

MindXpres Presentation Tool

Extensible prototyping

platform for novel presen-

tation concepts

content-based approach

- separation of content and pre-

sentation (automatic visualisation)

cross-media content reuse

non-linear navigation via

zoomable user interface

connectivity and interactivity

R. Roels and B. Signer, MindXpres: An Extensible

Content-driven Cross-Media Presentation Platform,

Proceedings of WISE 2014, Thessaloniki, Greece,

October, 2014

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 12October 9, 2016

MindXpres Platform

MindXpres presentations are currently represented in the

XML-based MindXpres document format

Compiler (node.js application) translates XML to HTML

Presentation engine based on HTML5 and related APIs e.g. WebSockets for connectivity

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 13October 9, 2016

MindXpres Presentation Tool ...

Reinout Roels

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 14October 9, 2016

Example Slide

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 15October 9, 2016

Vannevar Bush

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 16October 9, 2016

MindXpres Plug-in Architecture

Avoid hardcoded functionality via three types of plug-ins components

- image, source code, graph, video, ...

containers

- slide, image gallery, ...

structures

- grid, clustered, graph, ...

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 17October 9, 2016

MindXpres Communication Platform

R. Roels, C. Vermeylen and B. Signer, A Unified Communication Platform for Enriching and Enhancing

Presentations with Active Learning Components, Proceedings of ICALT 2014, Athens, Greece, July 2014

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 18October 9, 2016

Navigation Mirroring Plug-in

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 19October 9, 2016

Polls and Quizzes Plug-in

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 20October 9, 2016

Content Discussion Plug-in

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 21October 9, 2016

Interactive Source Code Plug-in

Paul Mestereaga

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 22October 9, 2016

Interactive Data Visualisation

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 23October 9, 2016

Interactive Data Visualisation ...

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 24October 9, 2016

Enhanced Video Player Plug-in

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 25October 9, 2016

Conclusions

PaperPoint offers more flexible and dynamic ways of

delivering PowerPoint presentations future directions

- interactive handouts for the audience with annotation recording and sharing

MindXpres is an extensible prototyping platform for

investigating innovative presentation concepts extensible architecture based on HTML5 and related technologies

content-driven approach with content reuse (transclusion)

future directions

- central content repository and visual authoring tool

- rich media plug-ins

- collaborative annotations and information sharing

- new forms of multimodal interaction (e.g. integration of PaperPoint concepts)

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 26October 9, 2016

Acknowledgements

PaperPoint has originally been developed in the Global

Information Systems group at ETH Zurich in collabo-

ration and with direct or indirect contributions from the

following individuals Prof. Moira C. Norrie

Prof. Nadir Weibel

Dr. Adriana Ispas

Dr. Elke I. Reuss

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 27October 9, 2016

References

B. Signer and M.C. Norrie, PaperPoint: A Paper-

based Presentation and Interactive Paper Prototyping

Tool, Proceedings of the First International Conference

on Tangible and Embedded Interaction (TEI 2007),

Baton Rouge, USA, February 2007 http://beatsigner.com/publications/signer_TEI2007.pdf

B. Signer, Fundamental Concepts for

Interactive Paper and Cross-Media Information

Spaces, ISBN 978-3-8370-2713-6, May 2008

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 28October 9, 2016

References ...

E.I. Reuss, B. Signer and M.C. Norrie, PowerPoint

Multimedia Presentations in Computer Science

Education: What do Users Need?, Proceedings of USAB

2008, 4th Symposium on Usability & HCI for Education

and Work, Graz, Austria, November 2008 http://beatsigner.com/publications/reuss_USAB2008.pdf

R. Roels and B. Signer, MindXpres: An Extensible

Content-driven Cross-Media Presentation Platform,

Proceedings of WISE 2014, Thessaloniki, Greece,

October, 2014 http://beatsigner.com/publications/roels_WISE2014.pdf

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 29October 9, 2016

References ...

R. Roels, C. Vermeylen and B. Signer, A Unified

Communication Platform for Enriching and Enhancing

Presentations with Active Learning Components,

Proceedings of ICALT 2014, Athens, Greece, July 2014 http://beatsigner.com/publications/roels_ICALT2014.pdf

R. Roels, P. Mestereaga and B. Signer, An Interactive

Source Code Visualisation Plug-in for the MindXpres

Presentation Platform, Communications in Computer and

Information Science (CCIS), 583, 2016 http://beatsigner.com/publications/roels_CCIS2016.pdf

Beat Signer - Department of Computer Science - bsigner@vub.ac.be 30October 9, 2016

References ...

R. Roels, Y. Baeten and B. Signer, An Interactive

Data Visualisation Approach for Next Generation

Presentation Tools: Towards Rich Presentation-based

Data Exploration and Storytelling, Proceedings of

CSEDU 2016, Rome, Italy, April, 2016 http://beatsigner.com/publications/roels_CSEDU2016.pdf

PaperPoint http://www.beatsigner.com/paperPoint.html

MindXpres http://mindxpres.com