SlideShare a Scribd company logo
1 of 2
Download to read offline
An Extensible Presentation Tool for Flexible
Human-Information Interaction
Reinout Roels
Web & Information Systems Engineering Lab
Vrije Universiteit Brussel
Pleinlaan 2, 1050 Brussels, Belgium
rroels@vub.ac.be
Beat Signer
Web & Information Systems Engineering Lab
Vrije Universiteit Brussel
Pleinlaan 2, 1050 Brussels, Belgium
bsigner@vub.ac.be
1. INTRODUCTION
Nowadays, presentation tools such as PowerPoint
and Keynote play an important role when transferring
knowledge in educational or business settings.
Nevertheless, a number of shortcomings of existing
presentation tools in terms of the management,
visualisation and navigation of content have been
pointed out in literature [1]. Some of these
limitations are based on the fact that slideware
tools were originally used for the production of
physical slides (e.g. transparencies) and existing
solutions still simulate the affordances of physical
slides. We investigate innovative forms to manage,
visualise and navigate the content of a presentation,
which, for example, includes the transclusion [2]
or integration of content from other presentations
and cross-media sources, as well as the non-linear
navigation in a presentation. In order to explore
and experiment with innovative human-information
interaction techniques, we have developed the
extensible MindXpres cross-media presentation
platform. The modular architecture of MindXpres
and its plug-in mechanism enable the reusability of
content as well as the integration of new visualisation
and interaction components which ultimately may
improve the transfer of knowledge [3].
In this demo, we present the MindXpres cross-
media presentation tool shown in Figure 1 and
highlight its innovative visualisation and navigation
concepts. We further discuss the extensibility of
MindXpres via its plug-in architecture and present
and number of existing plug-ins. In order to highlight
the extensibility and flexibility of our MindXpres
presentation platform, we will also develop new plug-
ins during the demo session based on requests from
the audience.
Figure 1: An HTML5-based zoomable MindXpres presentation
2. MINDXPRES ARCHITECTURE
An overview of the MindXpres architecture is given
in Figure 2. Content is stored and structured
in the MindXpres document format. A MindXpres
document may contain various content elements
as well as transclude external cross-media content.
It can be created via a graphical authoring tool
or be manually written in the Extensible Markup
Language (XML). There is a clear separation
between content and visualisation (e.g. font styles,
colours or backgrounds), enabling the easy reuse of
content or application of alternative themes.
The compiler transforms a MindXpres document into
potentially different presentation formats. We can
not only create dynamic interactive presentations
but also static output formats (e.g. PDF for printing)
can be supported. In addition, the compiler may
resolve incompatibility issues and, for instance,
automatically convert an unsupported video format.
The result of the compilation step is a self-contained
portable presentation bundle containing everything
that is necessary for a presentation, in the form
of a core presentation engine and the content
to be presented. For dynamic presentations, the
c The Authors. Published by BISL. 1
Proceedings of the BCS HCI 2013
The Internet of Things, London, UK
An Extensible Presentation Tool for Flexible Human-Information Interaction
Roels • Signer
Figure 2: MindXpres architecture
presentation engine is based on HTML5, CSS3 and
JavaScript. The core of the presentation engine
consists of three modules. The content engine
is responsible for processing the content and
linking it to the corresponding visualisation plug-
ins. The graphics engine abstracts all rendering-
related functionality and exposes this to the plug-ins,
enabling a wide range of visualisations from classic
slideshows to zooming user interfaces (ZUIs) as
used by Prezi1
. The communication engine exposes
a communication API that can be used by plug-
ins (e.g. for the retrieval of information). In addition
to the presentation content and core modules, the
presentation bundle contains the set of plug-ins and
themes that are referenced by the content.
Figure 3: Video plug-in with highlighting and caption
When the content engine processes the content
and encounters different content types, they are
handed over to the corresponding plug-in which uses
the graphics engine to visualise them. The themes
contain aesthetic configurations either on a global or
on a plug-in level. In order to provide a maximum
of flexibility, all non-core MindXpres modules are
implemented as plug-ins. We can distinguish three
main categories of plug-ins:
Components form the basic building blocks of a
presentation. These plug-ins handle the visualisation
for specific content types such as text, images, bullet
lists, graphs or videos. An example of an enhanced
MindXpres video plug-in where specific parts of a
video can be highlighted and time-synchronised text
captions be added is shown in Figure 3.
1http://prezi.com
Containers are responsible for grouping and
organising components. An example of such a
container is a slide. Each slide contains different
content but there are also some reoccurring
elements (e.g. the title or slide number) which can
be abstracted in a higher level container and thereby
taking some tedious work out of the user’s hands.
Another example is an image container visualising
its content as a horizontally scrollable list of images.
Note that we are not restricted to the slide format and
content can be laid out in various other fashions.
Structures are high-level structures and layouts for
components and containers. For instance, content
can be scattered in a graph-like structure or it
can be cleanly grouped in sections like a book as
shown in Figure 1. These radically different ways
of visualising and navigating content are abstracted
by plug-ins and a user can easily switch between
different presentation styles.
3. CONCLUSION
The presented extensible MindXpres presentation
platform enables the rapid prototyping of novel in-
formation management, visualisation and navigation
concepts. Our architectural choices and the plug-in
based implementation of most functionality allow for
innovation in human-information interaction, includ-
ing the way presentations are created, the support
of rich content types, innovative visualisations as well
as new forms of non-linear navigation.
REFERENCES
[1] Edward R. Tufte. The Cognitive Style of
PowerPoint: Pitching Out Corrupts Within.
Graphics Press, July 2003.
[2] Theodor Holm Nelson. The Heart of Connection:
Hypermedia Unified by Transclusion. Communi-
cations of the ACM, 38(8):31–33, August 1995.
[3] Andreas Holzinger, Michael D. Kickmeier-Rust,
and Dietrich Albert. Dynamic Media in Com-
puter Science Education; Content Complexity
and Learning Performance: Is Less More? Ed-
ucational Technology & Society, 11(1):279–290,
2008.
2

More Related Content

Similar to An Extensible Presentation Tool For Flexible Human-Information Interaction

Trekk cross media series using xml to create once - distribute everywhere - e...
Trekk cross media series using xml to create once - distribute everywhere - e...Trekk cross media series using xml to create once - distribute everywhere - e...
Trekk cross media series using xml to create once - distribute everywhere - e...Jeffrey Stewart
 
Cs8092 computer graphics and multimedia unit 5
Cs8092 computer graphics and multimedia unit 5Cs8092 computer graphics and multimedia unit 5
Cs8092 computer graphics and multimedia unit 5SIMONTHOMAS S
 
Modular Documentation Joe Gelb Techshoret 2009
Modular Documentation Joe Gelb Techshoret 2009Modular Documentation Joe Gelb Techshoret 2009
Modular Documentation Joe Gelb Techshoret 2009Suite Solutions
 
OpenVis Conference Report Part 1 (and Introduction to D3.js)
OpenVis Conference Report Part 1 (and Introduction to D3.js)OpenVis Conference Report Part 1 (and Introduction to D3.js)
OpenVis Conference Report Part 1 (and Introduction to D3.js)Keiichiro Ono
 
Asld2011 derntl
Asld2011 derntlAsld2011 derntl
Asld2011 derntlYishay Mor
 
2. uml-methodology_hypermedia_design_2000
2.  uml-methodology_hypermedia_design_20002.  uml-methodology_hypermedia_design_2000
2. uml-methodology_hypermedia_design_2000eudal
 
Information and Instructional Technologies
Information and Instructional TechnologiesInformation and Instructional Technologies
Information and Instructional TechnologiesAlaa Sadik
 
Presentation software
Presentation softwarePresentation software
Presentation softwareMohammad Alig
 
Reusing course components
Reusing course componentsReusing course components
Reusing course componentsLuz Bencosme
 
Class 12th IP project on buisness management
Class 12th IP project on buisness managementClass 12th IP project on buisness management
Class 12th IP project on buisness managementsankhlasheetal3
 

Similar to An Extensible Presentation Tool For Flexible Human-Information Interaction (20)

Trekk cross media series using xml to create once - distribute everywhere - e...
Trekk cross media series using xml to create once - distribute everywhere - e...Trekk cross media series using xml to create once - distribute everywhere - e...
Trekk cross media series using xml to create once - distribute everywhere - e...
 
Conceptboard SaaS solution Tool Intro
Conceptboard SaaS solution Tool IntroConceptboard SaaS solution Tool Intro
Conceptboard SaaS solution Tool Intro
 
Xml And Ecm
Xml And EcmXml And Ecm
Xml And Ecm
 
Empowerment techno
Empowerment technoEmpowerment techno
Empowerment techno
 
Cs8092 computer graphics and multimedia unit 5
Cs8092 computer graphics and multimedia unit 5Cs8092 computer graphics and multimedia unit 5
Cs8092 computer graphics and multimedia unit 5
 
Content Management
Content ManagementContent Management
Content Management
 
Content Management
Content ManagementContent Management
Content Management
 
Modular Documentation Joe Gelb Techshoret 2009
Modular Documentation Joe Gelb Techshoret 2009Modular Documentation Joe Gelb Techshoret 2009
Modular Documentation Joe Gelb Techshoret 2009
 
OpenVis Conference Report Part 1 (and Introduction to D3.js)
OpenVis Conference Report Part 1 (and Introduction to D3.js)OpenVis Conference Report Part 1 (and Introduction to D3.js)
OpenVis Conference Report Part 1 (and Introduction to D3.js)
 
Asld2011 derntl
Asld2011 derntlAsld2011 derntl
Asld2011 derntl
 
Decktopus
DecktopusDecktopus
Decktopus
 
2. uml-methodology_hypermedia_design_2000
2.  uml-methodology_hypermedia_design_20002.  uml-methodology_hypermedia_design_2000
2. uml-methodology_hypermedia_design_2000
 
Information and Instructional Technologies
Information and Instructional TechnologiesInformation and Instructional Technologies
Information and Instructional Technologies
 
Presentation software
Presentation softwarePresentation software
Presentation software
 
WCECS2009_pp764-767
WCECS2009_pp764-767WCECS2009_pp764-767
WCECS2009_pp764-767
 
Reusing course components
Reusing course componentsReusing course components
Reusing course components
 
list script and flowchart
list script and flowchartlist script and flowchart
list script and flowchart
 
Ia Toolkit
Ia ToolkitIa Toolkit
Ia Toolkit
 
LyzelPanicanABM12-A
LyzelPanicanABM12-ALyzelPanicanABM12-A
LyzelPanicanABM12-A
 
Class 12th IP project on buisness management
Class 12th IP project on buisness managementClass 12th IP project on buisness management
Class 12th IP project on buisness management
 

More from Kristen Carter

Pay Someone To Write An Essay - College. Online assignment writing service.
Pay Someone To Write An Essay - College. Online assignment writing service.Pay Someone To Write An Essay - College. Online assignment writing service.
Pay Someone To Write An Essay - College. Online assignment writing service.Kristen Carter
 
Literary Essay Writing DIGITAL Interactive Noteb
Literary Essay Writing DIGITAL Interactive NotebLiterary Essay Writing DIGITAL Interactive Noteb
Literary Essay Writing DIGITAL Interactive NotebKristen Carter
 
Contoh Ielts Writing Task Micin Ilmu - Riset
Contoh Ielts Writing Task Micin Ilmu - RisetContoh Ielts Writing Task Micin Ilmu - Riset
Contoh Ielts Writing Task Micin Ilmu - RisetKristen Carter
 
Pretty Writing Paper Stationery Writing Paper
Pretty Writing Paper Stationery Writing PaperPretty Writing Paper Stationery Writing Paper
Pretty Writing Paper Stationery Writing PaperKristen Carter
 
4 Ways To Cite A Quote - WikiHow. Online assignment writing service.
4 Ways To Cite A Quote - WikiHow. Online assignment writing service.4 Ways To Cite A Quote - WikiHow. Online assignment writing service.
4 Ways To Cite A Quote - WikiHow. Online assignment writing service.Kristen Carter
 
Trusted Essay Writing Service - Essay Writing Se
Trusted Essay Writing Service - Essay Writing SeTrusted Essay Writing Service - Essay Writing Se
Trusted Essay Writing Service - Essay Writing SeKristen Carter
 
Vintage EatonS Typewriter Paper. Vintage Typewriter.
Vintage EatonS Typewriter Paper. Vintage Typewriter.Vintage EatonS Typewriter Paper. Vintage Typewriter.
Vintage EatonS Typewriter Paper. Vintage Typewriter.Kristen Carter
 
Good Conclusion Examples For Essays. Online assignment writing service.
Good Conclusion Examples For Essays. Online assignment writing service.Good Conclusion Examples For Essays. Online assignment writing service.
Good Conclusion Examples For Essays. Online assignment writing service.Kristen Carter
 
BeckyS Classroom How To Write An Introductory Paragraph Writing ...
BeckyS Classroom How To Write An Introductory Paragraph  Writing ...BeckyS Classroom How To Write An Introductory Paragraph  Writing ...
BeckyS Classroom How To Write An Introductory Paragraph Writing ...Kristen Carter
 
Pin By Felicia Ivie On Dog Business Persuasive Wor
Pin By Felicia Ivie On Dog Business  Persuasive WorPin By Felicia Ivie On Dog Business  Persuasive Wor
Pin By Felicia Ivie On Dog Business Persuasive WorKristen Carter
 
8 Best Images Of Free Printable Journal Page
8 Best Images Of Free Printable Journal Page8 Best Images Of Free Printable Journal Page
8 Best Images Of Free Printable Journal PageKristen Carter
 
How To Write A Personal Development Plan For Uni
How To Write A Personal Development Plan For UniHow To Write A Personal Development Plan For Uni
How To Write A Personal Development Plan For UniKristen Carter
 
Editable Name Tracing Preschool Alphabetworksh. Online assignment writing ser...
Editable Name Tracing Preschool Alphabetworksh. Online assignment writing ser...Editable Name Tracing Preschool Alphabetworksh. Online assignment writing ser...
Editable Name Tracing Preschool Alphabetworksh. Online assignment writing ser...Kristen Carter
 
How To Top Google By Writing Articles. Online assignment writing service.
How To Top Google By Writing Articles. Online assignment writing service.How To Top Google By Writing Articles. Online assignment writing service.
How To Top Google By Writing Articles. Online assignment writing service.Kristen Carter
 
How To Keep Yourself Motivated At Work - Middle
How To Keep Yourself Motivated At Work - MiddleHow To Keep Yourself Motivated At Work - Middle
How To Keep Yourself Motivated At Work - MiddleKristen Carter
 
College Essay Topics To Avoid SupertutorTV
College Essay Topics To Avoid  SupertutorTVCollege Essay Topics To Avoid  SupertutorTV
College Essay Topics To Avoid SupertutorTVKristen Carter
 
Table Of Contents - Thesis And Dissertation - Researc
Table Of Contents - Thesis And Dissertation - ResearcTable Of Contents - Thesis And Dissertation - Researc
Table Of Contents - Thesis And Dissertation - ResearcKristen Carter
 
The Doctrines Of The Scriptures Buy College Ess
The Doctrines Of The Scriptures Buy College EssThe Doctrines Of The Scriptures Buy College Ess
The Doctrines Of The Scriptures Buy College EssKristen Carter
 
Short Essay On Terrorism. Terro. Online assignment writing service.
Short Essay On Terrorism. Terro. Online assignment writing service.Short Essay On Terrorism. Terro. Online assignment writing service.
Short Essay On Terrorism. Terro. Online assignment writing service.Kristen Carter
 
How To Write A Body Paragraph For An Argument
How To Write A Body Paragraph For An ArgumentHow To Write A Body Paragraph For An Argument
How To Write A Body Paragraph For An ArgumentKristen Carter
 

More from Kristen Carter (20)

Pay Someone To Write An Essay - College. Online assignment writing service.
Pay Someone To Write An Essay - College. Online assignment writing service.Pay Someone To Write An Essay - College. Online assignment writing service.
Pay Someone To Write An Essay - College. Online assignment writing service.
 
Literary Essay Writing DIGITAL Interactive Noteb
Literary Essay Writing DIGITAL Interactive NotebLiterary Essay Writing DIGITAL Interactive Noteb
Literary Essay Writing DIGITAL Interactive Noteb
 
Contoh Ielts Writing Task Micin Ilmu - Riset
Contoh Ielts Writing Task Micin Ilmu - RisetContoh Ielts Writing Task Micin Ilmu - Riset
Contoh Ielts Writing Task Micin Ilmu - Riset
 
Pretty Writing Paper Stationery Writing Paper
Pretty Writing Paper Stationery Writing PaperPretty Writing Paper Stationery Writing Paper
Pretty Writing Paper Stationery Writing Paper
 
4 Ways To Cite A Quote - WikiHow. Online assignment writing service.
4 Ways To Cite A Quote - WikiHow. Online assignment writing service.4 Ways To Cite A Quote - WikiHow. Online assignment writing service.
4 Ways To Cite A Quote - WikiHow. Online assignment writing service.
 
Trusted Essay Writing Service - Essay Writing Se
Trusted Essay Writing Service - Essay Writing SeTrusted Essay Writing Service - Essay Writing Se
Trusted Essay Writing Service - Essay Writing Se
 
Vintage EatonS Typewriter Paper. Vintage Typewriter.
Vintage EatonS Typewriter Paper. Vintage Typewriter.Vintage EatonS Typewriter Paper. Vintage Typewriter.
Vintage EatonS Typewriter Paper. Vintage Typewriter.
 
Good Conclusion Examples For Essays. Online assignment writing service.
Good Conclusion Examples For Essays. Online assignment writing service.Good Conclusion Examples For Essays. Online assignment writing service.
Good Conclusion Examples For Essays. Online assignment writing service.
 
BeckyS Classroom How To Write An Introductory Paragraph Writing ...
BeckyS Classroom How To Write An Introductory Paragraph  Writing ...BeckyS Classroom How To Write An Introductory Paragraph  Writing ...
BeckyS Classroom How To Write An Introductory Paragraph Writing ...
 
Pin By Felicia Ivie On Dog Business Persuasive Wor
Pin By Felicia Ivie On Dog Business  Persuasive WorPin By Felicia Ivie On Dog Business  Persuasive Wor
Pin By Felicia Ivie On Dog Business Persuasive Wor
 
8 Best Images Of Free Printable Journal Page
8 Best Images Of Free Printable Journal Page8 Best Images Of Free Printable Journal Page
8 Best Images Of Free Printable Journal Page
 
How To Write A Personal Development Plan For Uni
How To Write A Personal Development Plan For UniHow To Write A Personal Development Plan For Uni
How To Write A Personal Development Plan For Uni
 
Editable Name Tracing Preschool Alphabetworksh. Online assignment writing ser...
Editable Name Tracing Preschool Alphabetworksh. Online assignment writing ser...Editable Name Tracing Preschool Alphabetworksh. Online assignment writing ser...
Editable Name Tracing Preschool Alphabetworksh. Online assignment writing ser...
 
How To Top Google By Writing Articles. Online assignment writing service.
How To Top Google By Writing Articles. Online assignment writing service.How To Top Google By Writing Articles. Online assignment writing service.
How To Top Google By Writing Articles. Online assignment writing service.
 
How To Keep Yourself Motivated At Work - Middle
How To Keep Yourself Motivated At Work - MiddleHow To Keep Yourself Motivated At Work - Middle
How To Keep Yourself Motivated At Work - Middle
 
College Essay Topics To Avoid SupertutorTV
College Essay Topics To Avoid  SupertutorTVCollege Essay Topics To Avoid  SupertutorTV
College Essay Topics To Avoid SupertutorTV
 
Table Of Contents - Thesis And Dissertation - Researc
Table Of Contents - Thesis And Dissertation - ResearcTable Of Contents - Thesis And Dissertation - Researc
Table Of Contents - Thesis And Dissertation - Researc
 
The Doctrines Of The Scriptures Buy College Ess
The Doctrines Of The Scriptures Buy College EssThe Doctrines Of The Scriptures Buy College Ess
The Doctrines Of The Scriptures Buy College Ess
 
Short Essay On Terrorism. Terro. Online assignment writing service.
Short Essay On Terrorism. Terro. Online assignment writing service.Short Essay On Terrorism. Terro. Online assignment writing service.
Short Essay On Terrorism. Terro. Online assignment writing service.
 
How To Write A Body Paragraph For An Argument
How To Write A Body Paragraph For An ArgumentHow To Write A Body Paragraph For An Argument
How To Write A Body Paragraph For An Argument
 

Recently uploaded

Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajanpragatimahajan3
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhikauryashika82
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpinRaunakKeshri1
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfagholdier
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfAyushMahapatra5
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Disha Kariya
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...fonyou31
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfchloefrazer622
 

Recently uploaded (20)

Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajan
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdf
 

An Extensible Presentation Tool For Flexible Human-Information Interaction

  • 1. An Extensible Presentation Tool for Flexible Human-Information Interaction Reinout Roels Web & Information Systems Engineering Lab Vrije Universiteit Brussel Pleinlaan 2, 1050 Brussels, Belgium rroels@vub.ac.be Beat Signer Web & Information Systems Engineering Lab Vrije Universiteit Brussel Pleinlaan 2, 1050 Brussels, Belgium bsigner@vub.ac.be 1. INTRODUCTION Nowadays, presentation tools such as PowerPoint and Keynote play an important role when transferring knowledge in educational or business settings. Nevertheless, a number of shortcomings of existing presentation tools in terms of the management, visualisation and navigation of content have been pointed out in literature [1]. Some of these limitations are based on the fact that slideware tools were originally used for the production of physical slides (e.g. transparencies) and existing solutions still simulate the affordances of physical slides. We investigate innovative forms to manage, visualise and navigate the content of a presentation, which, for example, includes the transclusion [2] or integration of content from other presentations and cross-media sources, as well as the non-linear navigation in a presentation. In order to explore and experiment with innovative human-information interaction techniques, we have developed the extensible MindXpres cross-media presentation platform. The modular architecture of MindXpres and its plug-in mechanism enable the reusability of content as well as the integration of new visualisation and interaction components which ultimately may improve the transfer of knowledge [3]. In this demo, we present the MindXpres cross- media presentation tool shown in Figure 1 and highlight its innovative visualisation and navigation concepts. We further discuss the extensibility of MindXpres via its plug-in architecture and present and number of existing plug-ins. In order to highlight the extensibility and flexibility of our MindXpres presentation platform, we will also develop new plug- ins during the demo session based on requests from the audience. Figure 1: An HTML5-based zoomable MindXpres presentation 2. MINDXPRES ARCHITECTURE An overview of the MindXpres architecture is given in Figure 2. Content is stored and structured in the MindXpres document format. A MindXpres document may contain various content elements as well as transclude external cross-media content. It can be created via a graphical authoring tool or be manually written in the Extensible Markup Language (XML). There is a clear separation between content and visualisation (e.g. font styles, colours or backgrounds), enabling the easy reuse of content or application of alternative themes. The compiler transforms a MindXpres document into potentially different presentation formats. We can not only create dynamic interactive presentations but also static output formats (e.g. PDF for printing) can be supported. In addition, the compiler may resolve incompatibility issues and, for instance, automatically convert an unsupported video format. The result of the compilation step is a self-contained portable presentation bundle containing everything that is necessary for a presentation, in the form of a core presentation engine and the content to be presented. For dynamic presentations, the c The Authors. Published by BISL. 1 Proceedings of the BCS HCI 2013 The Internet of Things, London, UK
  • 2. An Extensible Presentation Tool for Flexible Human-Information Interaction Roels • Signer Figure 2: MindXpres architecture presentation engine is based on HTML5, CSS3 and JavaScript. The core of the presentation engine consists of three modules. The content engine is responsible for processing the content and linking it to the corresponding visualisation plug- ins. The graphics engine abstracts all rendering- related functionality and exposes this to the plug-ins, enabling a wide range of visualisations from classic slideshows to zooming user interfaces (ZUIs) as used by Prezi1 . The communication engine exposes a communication API that can be used by plug- ins (e.g. for the retrieval of information). In addition to the presentation content and core modules, the presentation bundle contains the set of plug-ins and themes that are referenced by the content. Figure 3: Video plug-in with highlighting and caption When the content engine processes the content and encounters different content types, they are handed over to the corresponding plug-in which uses the graphics engine to visualise them. The themes contain aesthetic configurations either on a global or on a plug-in level. In order to provide a maximum of flexibility, all non-core MindXpres modules are implemented as plug-ins. We can distinguish three main categories of plug-ins: Components form the basic building blocks of a presentation. These plug-ins handle the visualisation for specific content types such as text, images, bullet lists, graphs or videos. An example of an enhanced MindXpres video plug-in where specific parts of a video can be highlighted and time-synchronised text captions be added is shown in Figure 3. 1http://prezi.com Containers are responsible for grouping and organising components. An example of such a container is a slide. Each slide contains different content but there are also some reoccurring elements (e.g. the title or slide number) which can be abstracted in a higher level container and thereby taking some tedious work out of the user’s hands. Another example is an image container visualising its content as a horizontally scrollable list of images. Note that we are not restricted to the slide format and content can be laid out in various other fashions. Structures are high-level structures and layouts for components and containers. For instance, content can be scattered in a graph-like structure or it can be cleanly grouped in sections like a book as shown in Figure 1. These radically different ways of visualising and navigating content are abstracted by plug-ins and a user can easily switch between different presentation styles. 3. CONCLUSION The presented extensible MindXpres presentation platform enables the rapid prototyping of novel in- formation management, visualisation and navigation concepts. Our architectural choices and the plug-in based implementation of most functionality allow for innovation in human-information interaction, includ- ing the way presentations are created, the support of rich content types, innovative visualisations as well as new forms of non-linear navigation. REFERENCES [1] Edward R. Tufte. The Cognitive Style of PowerPoint: Pitching Out Corrupts Within. Graphics Press, July 2003. [2] Theodor Holm Nelson. The Heart of Connection: Hypermedia Unified by Transclusion. Communi- cations of the ACM, 38(8):31–33, August 1995. [3] Andreas Holzinger, Michael D. Kickmeier-Rust, and Dietrich Albert. Dynamic Media in Com- puter Science Education; Content Complexity and Learning Performance: Is Less More? Ed- ucational Technology & Society, 11(1):279–290, 2008. 2