PageSourceSearch

https://mindxpres.com/features/plugin-architecture

html mindxpres.com collected 2026-10-04 21:48:49 UTC 22,119 bytes, 334 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4
5    <title>Plug-in Architecture - MindXpres</title>
6    <meta name="keywords" content="MindXpres, slideware, presentations, plug-in">
7    <meta name="description" content="The MindXpres plug-in architecture enables the configuration of visualisation, navigation as well as basic media types such a text or images.">
8    <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
10    <link rel="icon" href="/favicon.png">
11
12    <!-- jQuery -->
13    
13<script src="/node_modules/jquery/dist/jquery.min.js"></script>
13
14
15    <!-- jQuery MatchHeight -->
16    
16<script src="/node_modules/jquery-match-height/dist/jquery.matchHeight-min.js"></script>
16
17
18    <!-- caption.js -->
19    <link href="/node_modules/captionjs/dist/captionjs.min.css" rel="stylesheet">
20    <link href="/css/caption.css" rel="stylesheet">
21    
21<script src="/node_modules/captionjs/dist/jquery.caption.min.js"></script>
21
22
23    <!-- Video.js -->
24    <link href="http://vjs.zencdn.net/5.16.0/video-js.css" rel="stylesheet">
25    
25<script src="http://vjs.zencdn.net/5.16.0/video.js"></script>
25
26
27
28    <!-- Syntaxhighlighter.js -->
29    <link href="/lib/syntaxhighlighter/theme.css" rel="stylesheet">
30    
30<script src="/lib/syntaxhighlighter/syntaxhighlighter.js"></script>
30
31
32    <!-- font-awesome -->
33    <link rel="stylesheet" href="/node_modules/font-awesome/css/font-awesome.min.css">
34
35    <!-- Bootstrap -->
36    <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
37    <link href="/node_modules/bootstrap/dist/css/bootstrap-theme.min.css" rel="stylesheet">
38    
38<script src="/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
38
39
40    <!-- Google Fonts -->
41    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
42    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">
43    <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
44
45    <link rel="stylesheet" href="/css/style.css">
46    <link rel="stylesheet" href="/css/academia.css">
47
48    <!-- Google Analytics -->
49    
49<script>
vendor: 387 bytes, lines 49-55
49
50        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
51                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
52            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
53        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
54
55        ga('create', '
55UA-91377917-1
vendor: 49 bytes, lines 55-58
55', 'auto');
56        ga('send', 'pageview');
57
58    
58</script>
58
59
60    
60<script>
61
62        $(window).on('load', function() {
63            $('img.caption').captionjs({
64                'force_dimensions': false,
65                'mode'            : 'stacked'
66            });
67        });
68    </script>
68
69
70</head>
71<body>
72
73<div class="container">
74    <div class="row">
75        <div class="col-md-12">
76            <div id="page-container">
77                <header id="header" class="noselect">
78                    <!--<img id="header-logo" src="/img/mindxpres1.jpg" alt="MindXpres Logo">-->
79                    <a href="/">
80                        <div id="header-title">
81                            <span style="color: black;">Mind</span><span style="color: rgb(0,77,149)">Xpres</span>
82                        </div>
83                    </a>
84                    <div id="partnerlogos">
85                        <div id="wise-logo">
86                            <a href="http://wise.vub.ac.be" target="_blank">
87                                <img src="/img/wiselogo.jpg" alt="WISE Logo">
88                            </a>
89                        </div>
90                        <div id="vub-logo">
91                            <a href="http://vub.ac.be" target="_blank">
92                                <img src="/img/vublogo.png" alt="VUB Logo">
93                            </a>
94                        </div>
95                    </div>
96                    <div class="clearfix"></div>
97                    <hr>
98                    <ul class="nav nav-pills">
99                        <li role="presentation" ><a href="/"><i class="fa fa-home" aria-hidden="true"></i>&nbsp;&nbsp;Home</a></li>
100                        <li role="presentation" class='active'><a href="/features"><i class="fa fa-cogs" aria-hidden="true"></i>&nbsp;&nbsp;Features</a></li>
101                        <li role="presentation" ><a href="/publications"><i class="fa fa-book" aria-hidden="true"></i>&nbsp;&nbsp;Publications</a></li>
102                        <li role="presentation" ><a href="/about"><i class="fa fa-users" aria-hidden="true"></i>&nbsp;&nbsp;About</a></li>
103                    </ul>
104                    <hr>
105                </header>
106                <div id="content">
107
108
109
110
111<div id='featuredetails'>
112<h1 id="plugins"><i class="fa fa-cog" aria-hidden="true"></i> Plug-in Architecture</h1>
113
114<p>
115    The MindXpres presentation platform was born from the idea that existing presentation tools are often not extensible enough to support radically new presentation concepts.
116    Although existing tools such as PowerPoint may have an API, the API enforces the idea that a presentation is a linear sequence of relatively static slides.
117    MindXpres was designed so that it does not enforce any ideologies or paradigms and allows almost every component of the tool to be extended or replaced to meet user needs.
118    In fact, everything you see in a MindXpres presentation is provided by a plug-in.
119    This goes all the way down to simple pieces of text or images, but plug-ins can also define <a href="#dynamic">rich media visualisations</a> or can change the way content is <a href="#navigation">navigated</a>.
120</p>
121
122<p>
123    At its core the MindXpres runtime offers high-level functionality such as rendering, networking and content processing functions but other than that nothing is hardcoded.
124    The way content is presented to the viewer during the presentation is entirely defined by the set of plug-ins that are active for that presentation.
125</p>
126
127<p>MindXpres plug-ins for content are categorised in these three categories:</p>
128<ul>
129    <li><b>Components</b> are the basic content units of a presentation. Examples include text, images, video, source code and charts. A component plug-in decides how the content type is visualised. For instance, it may apply automatic syntax highlighting to source code or even make it interactive. More novel examples of component plug-ins are shown in the section <a href="/features/dynamic-interactive-content">Dynamic and Interactive Content</a>.</li>
130    <li><b>Containers</b> contain components (or other containers) but can for instance do the layout of child components automatically or visualise them in a specific way. In MindXpres the slide paradigm is not enforced but they are supported and have been implemented as a container that automatically arranges child components and applies a visual style to them. Another example is an image container that can visualise child images as a grid or a scrollable list of images.</li>
131    <li><b>Structures</b> are high-level structures and layouts for components and containers. For example, content can be scattered in a graph-like structure or it can be clearly grouped in sections like in a book. Both are radically different ways of visualising and navigating content but by abstracting them as plug-ins, the user can easily switch between <a href="/features/presentation-styles">different presentation styles</a> as the ones shown below. Structures differ from containers by the fact that they do not impose restrictions on the media types of their child elements and may also influence the default navigational path through the content. If no spatial layout is desired a structure plug
131-in for classic linear slide sequences can also be used.</li>
132</ul>
133
134<br>
135<img style="width: 70%;" src="/img/features/structures.png" alt="Example MindXpres Structures" class="center-block">
136
137<br>
138<p>
139By design MindXpres allows every aspect of a presentation to be changed. This allows for interesting new use cases and easier prototyping of ideas which might not have been possible in existing tools.
140</p>
141
142<hr><h1><i class="fa fa-book" aria-hidden="true"></i> Relevant Publications</h1>
143
144<ul>
145    <li>
146        <span itemscope itemtype="http://schema.org/ScholarlyArticle"><span itemprop="author">Roels, R.</span> and <span itemprop="author">Signer, B.</span>: "<i><span itemprop="headline name">MindXpres: An Extensible Content-driven Cross-Media Presentation Platform</span></i>", <span itemprop="datePublished">2014</span>, <span itemprop="publication" itemscope itemtype="http://schema.org/PublicationEvent"><span itemprop="name">Proceedings of WISE 2014, 15th International Conference on Web Information System Engineering, Thessaloniki, Greece, October, 2014</span></span> <a href='http://beatsigner.com/publications/roels_WISE2014.pdf' target='_blank' itemprop='url'><img itemprop='image' src='/img/pdf.gif' alt='PDF Icon'></a> <a href='http://www.academia.edu/7719770/MindXpres_An_Extensible_Content-driven_Cross-Media_Presentation_Platform' target='_blank'><img src='/img/academia.png' alt='Academia Icon'></a> <a itemprop='sameAs' href='http://dx.doi.org/10.1007/978-3-319-11746-1_16' target='_blank'><img src='/img/urlicon.png' alt='Link Icon'></a><span itemprop="keywords" style="display: none;">MindXpres, slideware, cross-media transclusion, non-linear avigation</span></span>    </li>
147</ul>
148</div><hr>
149<h1><i class="fa fa-th" aria-hidden="true"></i>&nbsp;Feature Overview</h1>
150<br>
151<div id="featurelist">
152    <div class="row">
153                    <div class="col-md-4">
154                <div class="panel panel-default">
155                    <div class="panel-heading">
156                        <div class="featuretitle"><h3 class="panel-title"><i class="fa fa-cog" aria-hidden="true"></i>&nbsp;&nbsp;<a href="/features/plugin-architecture">Plug-in Architecture</a></h3></div>
157                    </div>
158                    <div class="panel-body">
159                        <a href="/features/plugin-architecture">
160                            <img class="featureimage" src="/img/features/thumbnails/plugin_slide.jpg" alt="Feature Thumbnail">
161                        </a>
162                        <div class="featuredescription">In MindXpres everything is a plug-in. From the way content is visualised and navigated all the way down to basic components such as images or text, anything can be configured or even replaced.</div>
163                        <div class="featurereadmore">
164                            <a class="btn btn-default" href="/features/plugin-architecture">Read More</a>
165                        </div>
166                    </div>
167                </div>
168            </div>
169                        <div class="col-md-4">
170                <div class="panel panel-default">
171                    <div class="panel-heading">
172                        <div class="featuretitle"><h3 class="panel-title"><i class="fa fa-cog" aria-hidden="true"></i>&nbsp;&nbsp;<a href="/features/presentation-styles">Different Presentation Styles</a></h3></div>
173                    </div>
174                    <div class="panel-body">
175                        <a href="/features/presentation-styles">
176                            <img class="featureimage" src="/img/features/thumbnails/layout.png" alt="Feature Thumbnail">
177                        </a>
178                        <div class="featuredescription">The plug-in mechanism allows presenters to choose the presentation visualisation style that suits their content and use case. This includes classic slide sequences, zoomable user interfaces as known from Prezi or other innovative visualisation.</div>
179                        <div class="featurereadmore">
180                            <a class="btn btn-default" href="/features/presentation-styles">Read More</a>
181                        </div>
182                    </div>
183                </div>
184            </div>
185                        <div class="col-md-4">
186                <div class="panel panel-default">
187                    <div class="panel-heading">
188                        <div class="featuretitle"><h3 class="panel-title"><i class="fa fa-cog" aria-hidden="true"></i>&nbsp;&nbsp;<a href="/features/dynamic-interactive-content">
188Dynamic and Interactive Content</a></h3></div>
189                    </div>
190                    <div class="panel-body">
191                        <a href="/features/dynamic-interactive-content">
192                            <img class="featureimage" src="/img/features/thumbnails/source_white.png" alt="Feature Thumbnail">
193                        </a>
194                        <div class="featuredescription">Long gone are the days of static slides with bullet lists and images only. MindXpres plug-ins might provide rich media visualisations reacting to the presenter's or even the audience's input.</div>
195                        <div class="featurereadmore">
196                            <a class="btn btn-default" href="/features/dynamic-interactive-content">Read More</a>
197                        </div>
198                    </div>
199                </div>
200            </div>
201            </div><div class="row">            <div class="col-md-4">
202                <div class="panel panel-default">
203                    <div class="panel-heading">
204                        <div class="featuretitle"><h3 class="panel-title"><i class="fa fa-cog" aria-hidden="true"></i>&nbsp;&nbsp;<a href="/features/data-driven">Data-driven</a></h3></div>
205                    </div>
206                    <div class="panel-body">
207                        <a href="/features/data-driven">
208                            <img class="featureimage" src="/img/features/thumbnails/datadriven.png" alt="Feature Thumbnail">
209                        </a>
210                        <div class="featuredescription">MindXpres allows you to focus on the content instead of spending time on styling and layout. Pick a theme, provide the content and let MindXpres worry about the visualisation.</div>
211                        <div class="featurereadmore">
212                            <a class="btn btn-default" href="/features/data-driven">Read More</a>
213                        </div>
214                    </div>
215                </div>
216            </div>
217                        <div class="col-md-4">
218                <div class="panel panel-default">
219                    <div class="panel-heading">
220                        <div class="featuretitle"><h3 class="panel-title"><i class="fa fa-cog" aria-hidden="true"></i>&nbsp;&nbsp;<a href="/features/declarative-authoring-language">Declarative Authoring Language</a></h3></div>
221                    </div>
222                    <div class="panel-body">
223                        <a href="/features/declarative-authoring-language">
224                            <img class="featureimage" src="/img/features/thumbnails/declarative.png" alt="Feature Thumbnail">
225                        </a>
226                        <div class="featuredescription">Presentations can also be authored via a declarative language that functions similar to LaTeX. However, in contrast to LaTeX the language can be used to define more dynamic and interactive presentations with access to all MindXpres features and functionality.</div>
227                        <div class="featurereadmore">
228                            <a class="btn btn-default" href="/features/declarative-authoring-language">Read More</a>
229                        </div>
230                    </div>
231                </div>
232            </div>
233                        <div class="col-md-4">
234                <div class="panel panel-default">
235                    <div class="panel-heading">
236                        <div class="featuretitle"><h3 class="panel-title"><i class="fa fa-cog" aria-hidden="true"></i>&nbsp;&nbsp;<a href="/features/connected-presentations">Connected Presentations</a></h3></div>
237                    </div>
238                    <div class="panel-body">
239                        <a href="/features/connected-presentations">
240                            <img class="featureimage" src="/img/features/thumbnails/mirror.jpg" alt="Feature Thumbnail">
241                        </a>
242                        <div class="featuredescription">Instances of a MindXpres presentation can connect to each other which, for instance, allows audience members to have a mirrored view of what is shown by the presenter on their devices. Other use cases include audience-driven activities such as voting or crowd-sourced note taking.</div>
243                        <div class="featurereadmore">
244                            <a class="btn btn-default" href="/features/connected-presentations">Read More</a>
245                        </div>
246                    </div>
247                </div>
248            </div>
249            </div><div class="row">            <div class="col-md-4">
250                <div class="panel panel-default">
251                    <div class="panel-heading">
252                        <div class="featuretitle"><h3 class="panel-title"><i class="fa fa-cog" aria-hidden="true"></i>&nbsp;&nbsp;<a href="/features/non-linear-navigation">Non-linear Navigation</a></h3></div>
253                    </div>
254                    <div class="panel-body">
255                        <a href="/features/non-linear-navigation">
256                            <img class="featureimage" src="/img/features/thumbnails/navigation.png" alt="Feature Thumbnail">
257                        </a>
258                        <div class="featuredescription">Regardless of the chosen visualisation style, the user decides in which order content is presented, either by predefining a path or by using one of the many interfaces to efficie
258ntly navigate the content in real-time.</div>
259                        <div class="featurereadmore">
260                            <a class="btn btn-default" href="/features/non-linear-navigation">Read More</a>
261                        </div>
262                    </div>
263                </div>
264            </div>
265                        <div class="col-md-4">
266                <div class="panel panel-default">
267                    <div class="panel-heading">
268                        <div class="featuretitle"><h3 class="panel-title"><i class="fa fa-cog" aria-hidden="true"></i>&nbsp;&nbsp;<a href="/features/multimodal-interaction">Multimodal Interaction</a></h3></div>
269                    </div>
270                    <div class="panel-body">
271                        <a href="/features/multimodal-interaction">
272                            <img class="featureimage" src="/img/features/thumbnails/multimodal.jpg" alt="Feature Thumbnail">
273                        </a>
274                        <div class="featuredescription">MindXpres presentations can not only connect to each other but all kinds of hardware can be integrated in the network for navigation, interaction or audience participation. Examples include customised presenter interfaces running on a mobile device, clickers for audience input or specialised hardware for gesture or voice recognition.</div>
275                        <div class="featurereadmore">
276                            <a class="btn btn-default" href="/features/multimodal-interaction">Read More</a>
277                        </div>
278                    </div>
279                </div>
280            </div>
281                        <div class="col-md-4">
282                <div class="panel panel-default">
283                    <div class="panel-heading">
284                        <div class="featuretitle"><h3 class="panel-title"><i class="fa fa-cog" aria-hidden="true"></i>&nbsp;&nbsp;<a href="/features/portable-html5-bundles">Portable HTML Presentations</a></h3></div>
285                    </div>
286                    <div class="panel-body">
287                        <a href="/features/portable-html5-bundles">
288                            <img class="featureimage" src="/img/features/thumbnails/portable.png" alt="Feature Thumbnail">
289                        </a>
290                        <div class="featuredescription">MindXpres generates presentations based on web technologies allowing them to run offline or online, on both computers and mobile devices without the need to install any software. Furthermore, presentations can easily be put online and viewers can replay the presentation as it was given, or explore the presentation by themselves.</div>
291                        <div class="featurereadmore">
292                            <a class="btn btn-default" href="/features/portable-html5-bundles">Read More</a>
293                        </div>
294                    </div>
295                </div>
296            </div>
297            </div><div class="row">            <div class="col-md-4">
298                <div class="panel panel-default">
299                    <div class="panel-heading">
300                        <div class="featuretitle"><h3 class="panel-title"><i class="fa fa-cog" aria-hidden="true"></i>&nbsp;&nbsp;<a href="/features/content-reuse">Content Reuse</a></h3></div>
301                    </div>
302                    <div class="panel-body">
303                        <a href="/features/content-reuse">
304                            <img class="featureimage" src="/img/features/thumbnails/reuse.png" alt="Feature Thumbnail">
305                        </a>
306                        <div class="featuredescription">Instead of storing presentations in separate presentation files, MindXpres stores all user content in a central repository. This makes it easier to reuse and share content at any granularity, and also allows users to keep content that is part of multiple presentations synchronised and up to date.</div>
307                        <div class="featurereadmore">
308                            <a class="btn btn-default" href="/features/content-reuse">Read More</a>
309                        </div>
310                    </div>
311                </div>
312            </div>
313                </div>
314</div>
315<script>
316    $(function() {
317        $('.panel').matchHeight();
318    });
319</script>
319
320
321</div>
322</div>
323
324<footer id="footer">
325&copy; MindXpres 2011 - 2026<br><br>
326</footer>
327
328</div>
329</div>
330</div>
331
332
333</body>
334</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.