DE102015210197A1 - A method and system for presenting one or more presentations on a user interface of an electronic device - Google Patents

A method and system for presenting one or more presentations on a user interface of an electronic device Download PDF

Info

Publication number
DE102015210197A1
DE102015210197A1 DE102015210197.5A DE102015210197A DE102015210197A1 DE 102015210197 A1 DE102015210197 A1 DE 102015210197A1 DE 102015210197 A DE102015210197 A DE 102015210197A DE 102015210197 A1 DE102015210197 A1 DE 102015210197A1
Authority
DE
Germany
Prior art keywords
presentation
file
html
function
files
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Ceased
Application number
DE102015210197.5A
Other languages
German (de)
Inventor
Timo Kaapke
Dominik Wiewel
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Kaapke GmbH
Original Assignee
Kaapke GmbH
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Kaapke GmbH filed Critical Kaapke GmbH
Priority to DE102015210197.5A priority Critical patent/DE102015210197A1/en
Publication of DE102015210197A1 publication Critical patent/DE102015210197A1/en
Ceased legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2370/00—Aspects of data communication
    • G09G2370/02—Networking aspects
    • G09G2370/022—Centralised management of display operation, e.g. in a server instead of locally
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2370/00—Aspects of data communication
    • G09G2370/02—Networking aspects
    • G09G2370/027—Arrangements and methods specific for the display of internet documents
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2370/00—Aspects of data communication
    • G09G2370/12—Use of DVI or HDMI protocol in interfaces along the display data pipeline

Abstract

Die Erfindung betrifft ein Verfahren und ein System zum Darstellen von einer oder mehreren Präsentationen auf einer Benutzeroberfläche eines elektronischen Endgerätes. Hierzu wird eine HTML-basierten Präsentationsdatei (102) in einem Browser mit einer oder mehreren hinterlegten, in dem Browser darstellbaren Präsentationsfolien geöffnet. Dabei sind ein oder mehrere Javascript-basierte Dateien in der Präsentationsdatei hinterlegt, in der bzw. denen jeweils wenigstens eine Funktion definiert ist. Ferner wird die wenigstens eine Funktion in der entsprechenden Präsentationsfolie durch Betätigen eines Interaktionselements (106) und/oder Aufrufen der weiteren Präsentationsfolie (104) aktiviert. Hierbei wird die wenigstens eine Funktion zu einem beliebigen Zeitpunkt innerhalb der Präsentation aktiviert, so dass der Präsentationsablauf nichtlinear navigiert wird.The invention relates to a method and a system for displaying one or more presentations on a user interface of an electronic terminal. For this purpose, an HTML-based presentation file (102) is opened in a browser with one or more stored presentation slides that can be displayed in the browser. One or more Javascript-based files are stored in the presentation file, in each of which at least one function is defined. Furthermore, the at least one function in the corresponding presentation slide is activated by actuating an interaction element (106) and / or calling the further presentation slide (104). Here, the at least one function is activated at any time within the presentation, so that the presentation process is navigated non-linearly.

Description

Die Erfindung betrifft ein Verfahren sowie ein System zum Darstellen von einer oder mehreren Präsentationen auf einer Benutzeroberfläche eines elektronischen Endgeräts. The invention relates to a method and a system for displaying one or more presentations on a user interface of an electronic terminal.

Verfahren und Systeme zum Darstellen von Präsentationen wie beispielsweise Microsoft Powerpoint und Apple Keynote sind allgemein bekannt. In solchen klassischen Präsentationsprogrammen unterliegt die Präsentation üblicherweise einem linearen Präsentationsablauf, d.h., der Präsentierende ist dabei gezwungen, jede einzelne der Präsentation zugehörige Präsentationsfolie Folie für Folie durchzugehen. Als Lösung ist bereits bekannt, interne Verlinkungen manuell zwischen den einzelnen Folien herzustellen. Dieses Verfahren ist sehr aufwändig und birgt ein hohes Fehlerpotential. Alternativ kann der Präsentierende den Präsentationsmodus verlassen und somit auf eine Präsentationsfolie zugreifen, die nicht im linearen Präsentationsablauf als nächstes folgen würde. Auch diese Alternative ist für den Präsentierenden sehr aufwändig. Zudem wird der Präsentationsfluss durch das Verlassen des Präsentationsmodus unterbrochen. Methods and systems for presenting presentations such as Microsoft PowerPoint and Apple Keynote are well known. In such classical presentation programs, presentation is usually subject to a linear presentation process, i.e., the presenter is forced to go through each presentation slide one by one slide by slide. As a solution is already known to manually create internal links between the individual slides. This process is very complex and involves a high potential for error. Alternatively, the presenter can leave the presentation mode and thus access a presentation slide that would not follow next in the linear presentation flow. This alternative is very complex for the presenter. In addition, the presentation flow is interrupted by leaving the presentation mode.

Zudem sind die gängigen Präsentationsprogramme abhängig von den verschiedenen Endgeräten, auf denen sie dargestellt werden und/oder den entsprechenden Plattformen. Powerpoint weist beispielsweise für Windows und Mac nicht nur optisch voneinander abweichende Versionen, sondern auch funktional verschiedene Versionen auf. Apple Keynote ist beispielsweise nicht auf einem Windows Computer darstellbar. Somit ist der Anwender mit der Auswahl des Präsentationsprogramms auch auf ein entsprechendes Endgerät eingeschränkt. In addition, the common presentation programs are dependent on the various terminals on which they are presented and / or the corresponding platforms. For example, Powerpoint has not only visually differing versions for Windows and Mac, but also functionally different versions. Apple Keynote, for example, is not viewable on a Windows computer. Thus, the user is limited to the selection of the presentation program on a corresponding terminal.

Insbesondere Unternehmen haben besonders hohe Anforderungen an Unternehmenspräsentationen, insbesondere im Bereich der Datenaktualität, Datengültigkeit und Einhaltung des Corporate Designs. Bei den klassischen Verfahren zum Darstellen von Präsentationen kann das Corporate Design unbewusst oder bewusst durch den Redakteur verändert werden, selbst wenn entsprechende Vorlagen verwendet werden. Eine Einhaltung des gewünschten Corporate Designs ist demnach nicht gewährleistet. Zudem können wichtige Unternehmensdaten, wie beispielsweise Umsatzzahlen durch den Redakteur geändert werden. In particular, companies have particularly high demands on company presentations, in particular in the area of data updates, data validity and compliance with the corporate design. In classic presentation methods, the corporate design can be unconsciously or deliberately altered by the editor, even if appropriate templates are used. Compliance with the desired corporate design is therefore not guaranteed. In addition, important company data, such as sales figures can be changed by the editor.

Nach der Entscheidung für ein übliches Präsentationsprogramm ist das Unternehmen zudem abhängig von dem jeweiligen Hersteller, insbesondere wenn es um die Behebung von Programmfehlern und die Umsetzung individueller Funktionen geht. Auch individuelle Anpassungen sind nur schwer bis gar nicht zu ermöglichen. Die klassischen Präsentationssysteme, insbesondere hinsichtlich Unternehmenspräsentationen weisen, demnach oftmals komplizierte Systeme auf, die auf manuelle Kontrollen und Freigabe- und Feedbacksysteme angewiesen sind. After deciding on a standard presentation program, the company also depends on the particular manufacturer, especially when it comes to fixing bugs and implementing individual functions. Even individual adjustments are difficult or even impossible. The classical presentation systems, in particular with regard to company presentations, therefore often have complicated systems that rely on manual controls and release and feedback systems.

Nachteilig bei den klassischen Präsentationsprogrammen ist ebenfalls, dass mit jeder Subversion einer Präsentation auch die gesamten Daten dupliziert werden. Insbesondere bei Unternehmen ist dies häufig der Fall, wenn bspw. Unternehmensdaten angepasst werden müssen oder die Präsentation für verschiedene Standorte o.ä. angepasst werden müssen, selbst wenn nur kleinere Änderungen vorgenommen werden müssen, wie beispielsweise die Änderung des Titels oder der Agenda. Dadurch entstehen redundante Daten, welche zu einer großen Datenmenge führen, und somit viel Speicherplatz benötigt wird.Another disadvantage of classic presentation programs is that every subversion of a presentation also duplicates the entire data. This is often the case for companies, for example, when company data has to be adapted or the presentation for different locations or similar. even if only minor changes need to be made, such as changing the title or agenda. This results in redundant data, which leads to a large amount of data, and thus much storage space is needed.

Zudem wissen viele Menschen oft nicht mit den Präsentationsprogrammen umzugehen und verwenden beispielsweise zu viele Spezialeffekte in ihrer Präsentation, so dass die Zuhörer der Präsentation kaum folgen können. Oftmals ist eine intensive Einarbeitung in das jeweilige Programm notwendig, um die zahlreichen Funktionen sinnvoll einzusetzen. Eine amateurhafte Handhabung eines entsprechenden Programms führt dabei oftmals zu einem schlechten Ruf des jeweiligen Programms. In addition, many people often do not know how to handle the presentation programs and, for example, use too many special effects in their presentation so that the audience is barely able to follow the presentation. Often an intensive training in the respective program is necessary to usefully use the numerous functions. An amateurish handling of a corresponding program often leads to a bad reputation of the respective program.

Bei Präsentationsprogrammen wie Powerpoint und Keynote muss der Redakteur festlegen, für welche statische Bildschirmauflösung seine Präsentation optimiert sein soll. Dabei lässt sich die Präsentation zwar auch bei anderen Auflösungen darstellen, dabei kann es aber zu Problemen bei der Darstellung der Inhalte kommen, wie beispielsweise einer verzerrten Darstellung der Inhalte oder die Präsentation wird nicht Bildschirm füllend angezeigt. For presentation programs such as PowerPoint and Keynote, the editor must specify which static screen resolution his presentation should be optimized for. Although the presentation can be displayed at other resolutions, but it can lead to problems in the presentation of the contents, such as a distorted representation of the contents or the presentation is not full screen display.

Der Erfindung liegt somit die Aufgabe zugrunde, wenigstens eines der oben genannten Probleme zu adressieren. Insbesondere soll eine Lösung geschaffen werden, die einen Freiraum in der Gestaltung des Präsentationsablaufs bei gleichzeitig einfacher Bearbeitung für den Redakteur unter Einhaltung des Corporate Designs bereitstellt. Zumindest soll eine alternative Lösung vorgeschlagen werden. The invention is therefore based on the object to address at least one of the above problems. In particular, a solution should be created, which provides a free space in the design of the presentation process while simplifying editing for the editor in compliance with the corporate design. At least an alternative solution should be proposed.

Zur Lösung der Aufgabe wird erfindungsgemäß ein Verfahren zum Darstellen von einer oder mehreren Präsentationen auf einer Benutzeroberfläche eines elektronischen Endgeräts vorgeschlagen. Das Verfahren umfasst dabei die Schritte:
Öffnen einer HTML-basierten Präsentationsdatei in einem Browser mit einer oder mehreren hinterlegten, in dem Browser darstellbaren Präsentationsfolien. Hierbei sind eine oder mehrere Javascript-basierte Dateien in der Präsentationsdatei hinterlegt, in der bzw. denen jeweils wenigstens eine Funktion definiert ist. Aktivieren der wenigstens einen Funktion in der entsprechenden Präsentationsfolie durch Betätigen eines Interaktionselements und/oder Aufrufen der Präsentationsfolie, wobei die wenigstens eine Funktion zu einem beliebigen Zeitpunkt innerhalb der Präsentation aktiviert wird, so dass der Präsentationsablauf nichtlinear navigiert wird. To achieve the object, a method for displaying one or more presentations on a user interface of an electronic device is proposed according to the invention. The method comprises the steps:
Opening an HTML-based presentation file in a browser with one or more stored, presentable in the browser presentation slides. One or more Javascript-based files are stored in the presentation file, in each of which at least one function is defined. Activating the at least one function in the corresponding presentation slide by actuating an interaction element and / or invoking the presentation slide, wherein the at least one function is activated at any time within the presentation such that the presentation flow is navigated non-linearly.

Gemäß einer Ausführungsform wird die wenigstens eine Funktion der entsprechenden Präsentationsfolie durch Betätigung einer Taste und/oder Tastenkombination einer Tastatur des elektronischen Endgeräts aktiviert. Die HTML-basierte Präsentationsdatei greift dabei auf eine Javascript-Datei zu, in der die entsprechende Funktion der Taste bzw. Tastenkombination zugeordnet wird. According to one embodiment, the at least one function of the corresponding presentation film is activated by actuating a key and / or key combination of a keyboard of the electronic terminal. The HTML-based presentation file accesses a Javascript file in which the corresponding function is assigned to the key or key combination.

Gemäß einer weiteren Ausführungsform umfasst das Interaktionselement wenigstens eine erste Aktionsebene und eine zweite Aktionsebene. In der ersten Aktionsebene wird die graphische Darstellung des Interaktionselements in dem Browser geändert und in der zweiten Aktionsebene wird eine andere HTML-basierte Datei geöffnet, die eine oder mehrere Javascript-basierte Dateien aufweist, in der bzw. denen jeweils wenigstens eine Funktion definiert ist. According to a further embodiment, the interaction element comprises at least a first action level and a second action level. In the first action level, the graphical representation of the interaction element in the browser is changed and in the second action level, another HTML-based file is opened, which has one or more Javascript-based files, in each of which at least one function is defined.

Gemäß einer weiteren Ausführungsform löst die wenigstens eine Funktion das Öffnen eines Menüs aus, umfassend die weiteren Schritte: Aufrufen einer anderen HTML-basierten Präsentationsdatei und/oder Auswählen einer Präsentationsfolie und/oder Wechseln der gewählten Sprache und/oder Speichern einer von einem Benutzer veränderbaren Datei und/oder Schließen des Menüs. According to a further embodiment, the at least one function triggers the opening of a menu comprising the further steps of: invoking another HTML-based presentation file and / or selecting a presentation slide and / or changing the selected language and / or saving a user-modifiable file and / or closing the menu.

Gemäß einer weiteren Ausführungsform löst die wenigstens eine Funktion das Öffnen eines Fensters aus, umfassend die weiteren Schritte: Darstellen des Fensters im Verhältnis zur Präsentationsfolie im Vordergrund und/oder Öffnen von einem anderen Fenster durch das Betätigen eines Interaktionselements. According to a further embodiment, the at least one function triggers the opening of a window, comprising the further steps of: displaying the window in relation to the presentation film in the foreground and / or opening another window by actuating an interaction element.

Gemäß einer weiteren Ausführungsform löst die wenigstens eine Funktion das Navigieren durch die Präsentationsfolien aus, umfassend den weiteren Schritt: Horizontales und/oder vertikales Navigieren durch die einzelnen Präsentationsfolien. According to a further embodiment, the at least one function triggers the navigation through the presentation foils, comprising the further step: horizontal and / or vertical navigation through the individual presentation foils.

Gemäß einer weiteren Ausführungsform löst die wenigstens eine Funktion das Öffnen einer Animation aus. According to another embodiment, the at least one function triggers the opening of an animation.

Gemäß einer weiteren Ausführungsform wird das Interaktionselement durch das Anklicken mit einer Maus, einer Fernbedienung, einer Fernbedienungs-App und/oder einer Gestensteuerung aktiviert. According to a further embodiment, the interaction element is activated by clicking with a mouse, a remote control, a remote control app and / or a gesture control.

Gemäß einer weiteren Ausführungsform wird die Präsentation auf der Benutzeroberfläche offline dargestellt. According to another embodiment, the presentation is displayed offline on the user interface.

Gemäß einer weiteren Ausführungsform wird die Präsentation Geräte- und Plattformunabhängig dargestellt. According to a further embodiment, the presentation is displayed device and platform independent.

Gemäß einer weiteren Ausführungsform umfasst das erfindungsgemäße Verfahren die weiteren Schritte: Öffnen einer HTML-basierten Start-Datei in dem Browser, in der wenigstens zwei HTML-basierte Präsentationsdateien hinterlegt sind, Auswahl einer der wenigstens zwei HTML-basierte Präsentationsdateien, Öffnen der ausgewählten HTML-basierten Präsentationsdatei nach einem der zuvor genannten Schritte. According to a further embodiment, the method according to the invention comprises the further steps of: opening an HTML-based start file in the browser in which at least two HTML-based presentation files are stored, selecting one of the at least two HTML-based presentation files, opening the selected HTML file. based presentation file after any of the above steps.

Ferner umfasst die Erfindung ein System zum Darstellen von einer oder mehreren Präsentationen auf einer Benutzeroberfläche eines elektronischen Endgeräts nach einem Verfahren gemäß einem der vorstehenden Ausführungsbeispiele. Das System umfasst ein elektronisches Endgerät zum Darstellen der einen oder mehreren Präsentationen, eine oder mehrere HTML-basierte Präsentationsdateien, ein Speichermedium zum Speichern der einen oder mehreren HTML-basierten Präsentationsdatei, einen Browser zum Darstellen der einen oder mehreren HTML-basierten Präsentationsdatei, eine oder mehrere in der Präsentationsdatei hinterlegte Javascript-basierte Dateien, in der bzw. denen jeweils wenigstens eine Funktion definiert ist und ein Bedienelement zur Steuerung der einen oder mehreren Präsentationen. Die wenigstens eine Funktion ist zu einem beliebigen Zeitpunkt innerhalb der Präsentation aktivierbar, so dass der Präsentationsablauf nichtlinear navigierbar ist. Furthermore, the invention comprises a system for displaying one or more presentations on a user interface of an electronic terminal according to a method according to one of the preceding embodiments. The system includes an electronic terminal for presenting the one or more presentations, one or more HTML-based presentation files, a storage medium for storing the one or more HTML-based presentation files, a browser for displaying the one or more HTML-based presentation files, one or more several JavaScript-based files stored in the presentation file, in each of which at least one function is defined and a control element for controlling the one or more presentations. The at least one function can be activated at any time within the presentation so that the presentation process can be navigated non-linearly.

Gemäß einer Ausführungsform des Systems weist das System ein Vorlagensystem, eine zentrale Datenverwaltung und/oder eine zentrale Medienverwaltung auf. According to one embodiment of the system, the system comprises a template system, central data management and / or central media management.

Gemäß einem weiteren Ausführungsbeispiel des Systems weist das Vorlagensystem und/oder die zentrale Datenverwaltung HTML-basierte Dateien, CSS-basierte Dateien und/oder Javascript-basierte Dateien auf. According to a further embodiment of the system, the template system and / or the central data management comprises HTML-based files, CSS-based files and / or Javascript-based files.

Gemäß einer weiteren Ausführungsform des Systems ist das Bedienelement als Fernbedienung, Mobiltelefon, Leap Motion Controller, Tastatur und/oder Maus ausgeführt. According to a further embodiment of the system, the operating element is designed as a remote control, mobile telephone, leap motion controller, keyboard and / or mouse.

Nachfolgend wird die Erfindung anhand von Ausführungsbeispielen unter Bezugnahme auf die begleitenden Figuren beispielhaft erläutert. Die Figuren enthalten dabei teilweise vereinfachte, schematische Darstellungen. The invention will be explained by way of example with reference to embodiments with reference to the accompanying figures. The figures contain partially simplified, schematic representations.

1 zeigt ein schematisches Ablaufdiagramm zum Verfahren zum Darstellen einer Präsentation auf einer Benutzeroberfläche eines elektronischen Endgeräts. 1 shows a schematic flow diagram of the method for presenting a presentation on a user interface of an electronic device.

2 zeigt ein Verfahren zum Darstellen von mehreren Präsentationen auf einer Benutzeroberfläche eines elektronischen Endgeräts. 2 shows a method for displaying multiple presentations on a user interface of an electronic device.

1 zeigt ein Verfahren 100 zum Darstellen von einer Präsentation auf einer Benutzeroberfläche eines elektronischen Endgeräts. Das Verfahren 100 beginnt mit dem Schritt des Öffnens einer Präsentationsdatei in einem Browser 102. Die Präsentationsdatei ist dabei HTML-basiert. Nach dem Einlesen der Präsentationsdatei in den Browser werden die Inhalte der Präsentationsdatei, die wenigstens eine Präsentationsfolie umfassen, in dem Browser dargestellt 104. Die Präsentationsfolie umfasst dabei mehrere Interaktionselemente wie Navigationspfeile, eine Menüleiste, ein Informationsfenster, ein Plusfenster, ein Video-Symbol, ein Icon mit der Funktion „zurück zur Übersicht“ sowie eine Titelüberschrift. Durch Betätigen eines der Interaktionselemente 106 durch einen Mausklick, eine Geste oder das Betätigen einer vorbestimmten Taste 108 einer Tastatur wird dabei die jeweilige Funktion aktiviert, die hinter dem Interaktionselement hinterlegt ist. Ein solches Interaktionselement ist dabei die Verbindung des HTML-Codes der Präsentationsdatei und den Javascripten, die in dem Browser ausgeführt werden sollen. In 1 sind als Ausführungsbeispiel solcher Funktionen das Öffnen einer Menüleiste 110, eines Plusfensters 112, eines Infofensters 114, einer Folienübersicht 115, das Navigieren über Navigationspfeile 116 sowie über eine Zahlennavigation angeführt. 1 shows a method 100 for presenting a presentation on a user interface of an electronic device. The procedure 100 begins with the step of opening a presentation file in a browser 102 , The presentation file is HTML based. After reading the presentation file into the browser, the contents of the presentation file comprising at least one presentation slide are displayed in the browser 104 , The presentation slide includes several interaction elements such as navigation arrows, a menu bar, an information window, a plus window, a video symbol, an icon with the "back to overview" function and a title header. By pressing one of the interaction elements 106 by a mouse click, a gesture or pressing a predetermined button 108 A keyboard is the respective function activated, which is stored behind the interaction element. One such interaction element is the connection of the HTML code of the presentation file and the javascripts to be executed in the browser. In 1 are as an example of such functions opening a menu bar 110 , a plus window 112 , an info window 114 , a slide overview 115 , navigating via navigation arrows 116 as well as a number navigation.

Durch das Öffnen der Menüleiste 110 tritt die Präsentationsfolie in den Hintergrund 118 und dem Anwender bieten sich weitere Funktionen, die durch das Anklicken einer Maus, eine Geste, eine Taste einer Tastatur oder eine Fernbedienung aktiviert werden können. Beispielsweise bietet sich durch Aktivieren einer der Funktionen der Menüleiste die Möglichkeit auf ein gewünschtes Kapitel der Präsentation zu wechseln, sodass sich eine neue Präsentationsfolie öffnet 104. Nach dem Öffnen der Menüleiste 110 hat der Moderator in dem Ausführungsbeispiel nach 1 die Möglichkeit, ein sogenanntes Tagesthema als PDF zu speichern 120, die Sprache zu wechseln 122, eine andere Präsentationsdatei oder Präsentationsfolie in dem Browser zu öffnen 104 oder das Menü wieder zu schließen 124 und dadurch die bereits vorher dargestellte Präsentationsfolie wieder zu öffnen bzw. in den Vordergrund zu stellen. By opening the menu bar 110 the presentation slides into the background 118 and the user has other functions that can be activated by clicking on a mouse, a gesture, a keyboard key or a remote control. For example, by activating one of the functions of the menu bar, it is possible to switch to a desired chapter of the presentation so that a new presentation slide opens 104 , After opening the menu bar 110 the moderator has in the embodiment after 1 the possibility to save a so-called Tagesthema as PDF 120 to change the language 122 to open another presentation file or presentation slide in the browser 104 or close the menu again 124 and thereby to reopen the already presented presentation slide or to put it in the foreground.

Das sogenannte Tagesthema ist dabei eine Datei, die auch von dem Moderator bearbeitet werden kann. Der Moderator kann individuelle Inhalte auf der Basis von vorgegebenen „Templates“, bei denen die Optik unveränderbar ist (z.B. Bullet-Points bleiben immer an derselben Stelle), aufnehmen. Dadurch wird gewährleistet, dass durch den Moderator nicht versehentlich Inhalte, die beispielsweise das Corporate Design betreffen und somit nicht verändert werden sollen bzw. dürfen, verändert werden. Das Tagethema wird in einem Austauschformat, wie z.B. einer JSON-Datei, zur weiteren Bearbeitung in den Editor der Präsentationsdatei geladen. Aus dem Editor wird das Tagesthema in eine HTML-Datei exportiert, auf die die Präsentationsdatei zugreift. The so-called tag theme is a file that can also be edited by the moderator. The moderator can record individual content on the basis of predefined "templates" in which the optics are unchangeable (for example, bullet points always remain in the same place). This ensures that the moderator does not inadvertently change content that concerns, for example, the corporate design and thus should not be changed. The tag theme is displayed in an exchange format such as a JSON file, loaded into the editor of the presentation file for further editing. From the editor, the tag topic is exported to an HTML file accessed by the presentation file.

Durch das Betätigen der Navigationspfeile 116 wird eine in der Präsentationsdatei hinterlegte andere Präsentationsfolie in dem Browser dargestellt 104. Die Navigationspfeile ermöglichen sowohl eine horizontale als auch eine vertikale Navigation, wodurch ein nicht-linearer Präsentationsablauf gewährleistet wird. Durch das Öffnen einer Mediendatei 126 tritt zunächst wieder die aktuelle Folie in den Hintergrund 128 und eine Mediendatei, wie beispielsweise ein Video, eine Slideshow mit mehreren Bildern oder einzelne Bilder, wird in dem Browser dargestellt. Durch Schließen der Mediendatei 130 wird die aktuelle Präsentationsfolie wieder dargestellt 104. By pressing the navigation arrows 116 a different presentation slide stored in the presentation file is displayed in the browser 104 , The navigation arrows allow both horizontal and vertical navigation, ensuring a non-linear presentation flow. By opening a media file 126 At first, the current slide fades into the background 128 and a media file such as a video, a slideshow with multiple images or individual images is displayed in the browser. By closing the media file 130 the current presentation slide is displayed again 104 ,

Eine Präsentation umfasst gemäß einer Ausführungsform der Erfindung zwei HTML-Dateien. Die erste HTML-Datei entspricht der Präsentationsdatei, die auch Grundpräsentation genannt werden kann, und die zweite HTML-Datei entspricht dem zuletzt genannten Tagesthema. A presentation according to an embodiment of the invention comprises two HTML files. The first HTML file corresponds to the presentation file, which can also be called a basic presentation, and the second HTML file corresponds to the last-mentioned topic.

Durch das Öffnen eines Plusfensters 112 tritt das Plusfenster in den Vordergrund und die Präsentationsfolie in den Hintergrund 132. Innerhalb des Plusfensters, also innerhalb der hinterlegten Datei ist gegebenenfalls ein weiteres Interaktionselement in Form von Zahlen und/oder „vor-“ und „zurück-“ Navigationselementen hinterlegt. Durch Betätigung der Zahlenelemente 134, also Auswählen einer Zahl, oder durch Auswählen der Navigationselemente 136 werden andere Fenster innerhalb des Plusfensters geöffnet, die Hintergrundinformationen oder weitere Inhalte zur aktuellen Folie bieten. By opening a plus window 112 The plus window comes into the foreground and the presentation slide in the background 132 , Within the plus window, ie within the deposited file, another interaction element may be deposited in the form of numbers and / or "forward" and "back" navigation elements. By pressing the number elements 134 , that is, selecting a number, or by selecting the navigation elements 136 Other windows within the Plus window will open, providing background information or other content about the current slide.

Das Plusfenster wird dabei insbesondere durch einen Klick mit der Maus oder einer Taste auf der Tastatur geöffnet 112. Die Taste der Tastatur ist in einer Javascript-Datei definiert, auf die die Präsentationsdatei zugreift. Nach dem Schließen des Plusfensters 138 rückt die Präsentationsfolie, auf der sich das entsprechende Interaktionselement zum Öffnen des Plusfensters befindet wieder in den Vordergrund 104. The plus window is opened in particular by a click with the mouse or a key on the keyboard 112 , The keyboard key is defined in a Javascript file that the presentation file accesses. After closing the plus window 138 The presentation slide, on which the corresponding interaction element for opening the plus window is located, returns to the foreground 104 ,

Das Öffnen eines Infofensters 114, welches vorliegend auch als Informationsfenster bezeichnet wird, erfolgt beispielsweise durch das Anklicken einer Titelüberschrift als Ausführungsbeispiel für ein Interaktionselement. Dabei öffnet sich ein Fenster mit weiteren Inhalten, wie beispielsweise hinterlegten Texten oder Videos. Die Präsentationsfolie, auf der sich die entsprechende Titelüberschrift befindet, wird ausgeblendet, rückt also in den Hintergrund 140. Opening an info window 114 , which is also referred to herein as an information window, for example, by clicking on a title heading as an exemplary embodiment of an interaction element. This opens a window with additional content, such as deposited texts or videos. The presentation slide on which the corresponding title heading is located is hidden, ie moves into the background 140 ,

Ferner ist auch die lineare Navigation durch mehrere aufeinanderfolgende Präsentationsfolien möglich, beispielsweise durch Betätigen der Leertaste oder einen Mausklick ist somit das Blättern durch die Präsentationsfolien möglich. Furthermore, the linear navigation through several successive presentation slides is possible, for example, by pressing the spacebar or a mouse click is thus possible to scroll through the presentation slides.

2 zeigt ein Verfahren zum Darstellen von mehreren Präsentationen auf einer Benutzeroberfläche eines elektronischen Endgeräts. Das Verfahren gemäß 2 schließt das Verfahren 100 gemäß 1 ein. Zusätzlich zu dem Verfahren 100 aus 1 wird in den Browser eine Startdatei eingelesen 200, die mehrere Präsentationen in Form von HTML-basierten Präsentationsdateien umfasst. Die mehreren Präsentationen werden nach dem Einlesen der Startdatei in dem Browser angezeigt 202. Die jeweiligen Präsentationen können dabei ausgewählt werden. Nach der Auswahl einer Präsentation 204 werden Kurzinformationen zur entsprechenden Präsentation angezeigt 206. Die graphische Darstellung der angewählten Präsentation ändert sich insbesondere durch eine Hervorhebung durch eine andere Farbgebung des Interaktionselements und/oder durch eine Veränderung der dargestellten Größe des angewählten Interaktionselements. 2 shows a method for displaying multiple presentations on a user interface of an electronic device. The method according to 2 closes the procedure 100 according to 1 one. In addition to the procedure 100 out 1 a startup file is read into the browser 200 which includes multiple presentations in the form of HTML-based presentation files. The multiple presentations will be displayed in the browser after reading the startup file 202 , The respective presentations can be selected. After selecting a presentation 204 Short information about the corresponding presentation is displayed 206 , The graphical representation of the selected presentation changes in particular by a highlighting by a different coloring of the interaction element and / or by a change in the displayed size of the selected interaction element.

Die Kurzinformation weist eine Auswahlmöglichkeit der Sprache 208 der Präsentation mittels eines Sprachkürzels, wie beispielsweise DE für Deutsch sowie EN für Englisch, auf. Dieses Sprachkürzel ist ebenfalls ein Beispiel für ein Interaktionselement. Wird das Sprachkürzel betätigt 210, so erfolgt das Verfahren 100 gemäß 1, also das Öffnen der HTML-basierten Präsentation und die anschließende Navigation durch die Präsentation. Wird das Sprachkürzel nicht betätigt 212, und eine andere Präsentation ausgewählt 214, so öffnen sich die Kurzinformationen 206 zu dieser anderen Präsentation. Der Moderator hat erneut die Möglichkeit ein Sprachkürzel anzuwählen 210. Das Verfahren dabei ist so wie zuvor beschrieben. The brief information has a choice of language 208 the presentation by means of a language abbreviation, such as DE for German and EN for English. This language abbreviation is also an example of an interaction element. If the language code is pressed 210 , so the procedure is done 100 according to 1 That is, opening the HTML-based presentation and then navigating through the presentation. If the language code is not pressed 212 , and another presentation selected 214 , so open the brief information 206 to this other presentation. The moderator has again the possibility to select a language abbreviation 210 , The procedure is as described above.

Claims (15)

Verfahren zum Darstellen von einer oder mehreren Präsentationen auf einer Benutzeroberfläche eines elektronischen Endgerätes, umfassend die Schritte: – Öffnen einer HTML-basierten Präsentationsdatei (102) in einem Browser mit einer oder mehreren hinterlegten, in dem Browser darstellbaren Präsentationsfolien, wobei eine oder mehrere Javascript-basierte Dateien in der Präsentationsdatei hinterlegt sind, in der bzw. denen jeweils wenigstens eine Funktion definiert ist, – Aktivieren der wenigstens einen Funktion in der entsprechenden Präsentationsfolie durch Betätigen eines Interaktionselements (106) und/oder Aufrufen der weiteren Präsentationsfolie (104), wobei die wenigstens eine Funktion zu einem beliebigen Zeitpunkt innerhalb der Präsentation aktiviert wird, so dass der Präsentationsablauf nichtlinear navigiert wird. A method of presenting one or more presentations on a user interface of an electronic device, comprising the steps of: - opening an HTML-based presentation file ( 102 ) in a browser with one or more stored, presentable in the browser presentation slides, wherein one or more Javascript-based files are stored in the presentation file, in each of which at least one function is defined, - activating the at least one function in the appropriate presentation slide by pressing an interaction element ( 106 ) and / or calling the other presentation slide ( 104 ), wherein the at least one function is activated at any time within the presentation such that the presentation flow is navigated non-linearly. Verfahren nach Anspruch 1, dadurch gekennzeichnet, dass die wenigstens eine Funktion der entsprechenden Präsentationsfolie durch Betätigung einer Taste und/oder Tastenkombination einer Tastatur des elektronischen Endgeräts aktiviert wird (108), wobei die HTML-basierte Präsentationsdatei dabei auf eine Javascript-Datei zugreift, in der die entsprechende Funktion der Taste bzw. Tastenkombination zugeordnet wird. Method according to Claim 1, characterized in that the at least one function of the corresponding presentation film is activated by actuating a key and / or key combination of a keyboard of the electronic terminal ( 108 ), where the HTML-based presentation file accesses a Javascript file in which the corresponding function of the key or key combination is assigned. Verfahren nach Anspruch 1 oder 2, dadurch gekennzeichnet, dass das Interaktionselement wenigstens eine erste Aktionsebene und eine zweite Aktionsebene umfasst, wobei in der ersten Aktionsebene die graphische Darstellung des Interaktionselements in dem Browser geändert wird (118, 132, 140) und in der zweiten Aktionsebene eine andere Präsentationsfolie oder eine andere HTML-basierte Datei geöffnet wird (102, 104), die eine oder mehrere Javascript-basierte Dateien aufweist, in der bzw. denen jeweils wenigstens eine Funktion definiert ist. A method according to claim 1 or 2, characterized in that the interaction element comprises at least a first action level and a second action level, wherein in the first action level, the graphical representation of the interaction element is changed in the browser ( 118 . 132 . 140 ) and in the second action level another presentation slide or another HTML-based file is opened ( 102 . 104 ), which has one or more Javascript-based files, in each of which at least one function is defined. Verfahren nach einem der vorstehenden Ansprüche, dadurch gekennzeichnet, dass die wenigstens eine Funktion das Öffnen eines Menüs oder Menüleiste auslöst (110), umfassend die weiteren Schritte: – Aufrufen einer anderen HTML-basierten Präsentationsdatei (102) und/oder – Auswählen einer Präsentationsfolie (104) und/oder – Wechseln der gewählten Sprache (124) und/oder – Speichern einer von einem Benutzer veränderbaren Datei (120) und/oder – Schließen des Menüs (124). Method according to one of the preceding claims, characterized in that the at least one function triggers the opening of a menu or menu bar ( 110 ), comprising the further steps: calling another HTML-based presentation file ( 102 ) and / or - selecting a presentation slide ( 104 ) and / or - changing the selected language ( 124 ) and / or - storing a user-modifiable file ( 120 ) and / or - closing the menu ( 124 ). Verfahren nach einem der vorstehenden Ansprüche, dadurch gekennzeichnet, dass die wenigstens eine Funktion (106, 108) das Öffnen eines Fensters auslöst, umfassend die weiteren Schritte: – Darstellen des Fensters im Verhältnis zur Präsentationsfolie im Vordergrund (118, 132, 140) und/oder – Öffnen von einem anderen Fenster (110, 112, 114, 115, 126) durch das Betätigen eines Interaktionselements. Method according to one of the preceding claims, characterized in that the at least one function ( 106 . 108 ) triggers the opening of a window, comprising the further steps: - displaying the window in relation to the presentation film in the foreground ( 118 . 132 . 140 ) and / or - opening from another window ( 110 . 112 . 114 . 115 . 126 ) by pressing an interaction element. Verfahren nach einem der vorstehenden Ansprüche, dadurch gekennzeichnet, dass die wenigstens eine Funktion das Navigieren durch die Präsentationsfolien auslöst, umfassend den weiteren Schritt: – Horizontales und/oder vertikales Navigieren durch die einzelnen Präsentationsfolien.Method according to one of the preceding claims, characterized in that the at least one function is navigating through the Presentation slides, comprising the further step: - Horizontal and / or vertical navigation through the individual presentation slides. Verfahren nach einem der vorstehenden Ansprüche, dadurch gekennzeichnet, dass die wenigstens eine Funktion (106, 108) das Öffnen einer Mediendatei oder Animation (126) auslöst. Method according to one of the preceding claims, characterized in that the at least one function ( 106 . 108 ) opening a media file or animation ( 126 ) triggers. Verfahren nach einem der vorstehenden Ansprüche, dadurch gekennzeichnet, dass das Interaktionselement durch das Anklicken mit einer Maus, einer Fernbedienung, einer Fernbedienungs-App und/oder einer Gestensteuerung aktiviert wird (106). Method according to one of the preceding claims, characterized in that the interaction element is activated by clicking with a mouse, a remote control, a remote control app and / or a gesture control ( 106 ). Verfahren nach einem der vorstehenden Ansprüche, dadurch gekennzeichnet, dass die Präsentation auf der Benutzeroberfläche offline dargestellt wird. Method according to one of the preceding claims, characterized in that the presentation is displayed offline on the user interface. Verfahren nach einem der vorstehenden Ansprüche, dadurch gekennzeichnet, dass die Präsentation Geräte- und Plattformunabhängig dargestellt wird. Method according to one of the preceding claims, characterized in that the presentation is displayed device-independent and platform-independent. Verfahren nach einem der vorstehenden Ansprüche, umfassend die weiteren Schritte: – Öffnen einer HTML-basierten Start-Datei (200, 202) in dem Browser, in der wenigstens zwei HTML-basierte Präsentationsdateien hinterlegt sind, – Auswahl einer der wenigstens zwei HTML-basierte Präsentationsdateien (204), – Öffnen der ausgewählten HTML-basierten Präsentationsdatei nach einem der zuvor genannten Schritte (102). Method according to one of the preceding claims, comprising the further steps of: - opening an HTML-based start file ( 200 . 202 ) in the browser in which at least two HTML-based presentation files are stored, - selection of one of the at least two HTML-based presentation files ( 204 ), - opening the selected HTML-based presentation file after one of the aforementioned steps ( 102 ). System zum Darstellen von einer oder mehreren Präsentationen auf einer Benutzeroberfläche eines elektronischen Endgeräts nach einem Verfahren gemäß einem der vorstehenden Ansprüche, umfassend: – ein elektronisches Endgerät zum Darstellen der einen oder mehreren Präsentationen, – eine oder mehrere HTML-basierte Präsentationsdateien, – ein Speichermedium zum Speichern der einen oder mehreren HTML-basierten Präsentationsdatei, – einen Browser zum Darstellen der einen oder mehreren HTML-basierten Präsentationsdatei, – eine oder mehrere in der Präsentationsdatei hinterlegte Javascript-basierte Dateien, in der bzw. denen jeweils wenigstens eine Funktion definiert ist, – ein Bedienelement zur Steuerung der einen oder mehreren Präsentationen, wobei die wenigstens eine Funktion zu einem beliebigen Zeitpunkt innerhalb der Präsentation aktiviert wird, so dass der Präsentationsablauf nichtlinear navigiert wird. A system for presenting one or more presentations on a user interface of an electronic device according to a method according to any one of the preceding claims, comprising: An electronic terminal for displaying the one or more presentations, - one or more HTML-based presentation files, A storage medium for storing the one or more HTML-based presentation files, A browser for displaying the one or more HTML-based presentation file, One or more Javascript-based files stored in the presentation file, in each of which at least one function is defined, A control element for controlling the one or more presentations, wherein the at least one function is activated at any time within the presentation so that the presentation flow is navigated non-linearly. System nach Anspruch 12, dadurch gekennzeichnet, dass das System ein Vorlagensystem, eine zentrale Datenverwaltung und/oder eine zentrale Medienverwaltung aufweist. System according to claim 12, characterized in that the system comprises a template system, a central data management and / or a central media management. System nach Anspruch 13, dadurch gekennzeichnet, dass das Vorlagensystem und/oder in der zentralen Datenverwaltung HTML-basierte Dateien, CSS-basierte Dateien und/oder Javascript-basierte Dateien aufweist. System according to claim 13, characterized in that the template system and / or in the central data management HTML-based files, CSS-based files and / or Javascript-based files. System nach einem der Ansprüche 12 bis 14, dadurch gekennzeichnet, dass das Bedienelement als Fernbedienung, Mobiltelefon, Leap Motion Controller, Tastatur und/oder Maus ausgeführt ist. System according to one of claims 12 to 14, characterized in that the operating element is designed as a remote control, mobile phone, leap motion controller, keyboard and / or mouse.
DE102015210197.5A 2015-06-02 2015-06-02 A method and system for presenting one or more presentations on a user interface of an electronic device Ceased DE102015210197A1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
DE102015210197.5A DE102015210197A1 (en) 2015-06-02 2015-06-02 A method and system for presenting one or more presentations on a user interface of an electronic device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
DE102015210197.5A DE102015210197A1 (en) 2015-06-02 2015-06-02 A method and system for presenting one or more presentations on a user interface of an electronic device

Publications (1)

Publication Number Publication Date
DE102015210197A1 true DE102015210197A1 (en) 2016-12-08

Family

ID=57352410

Family Applications (1)

Application Number Title Priority Date Filing Date
DE102015210197.5A Ceased DE102015210197A1 (en) 2015-06-02 2015-06-02 A method and system for presenting one or more presentations on a user interface of an electronic device

Country Status (1)

Country Link
DE (1) DE102015210197A1 (en)

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050188311A1 (en) * 2003-12-31 2005-08-25 Automatic E-Learning, Llc System and method for implementing an electronic presentation
WO2012170312A2 (en) * 2011-06-07 2012-12-13 Microsoft Corporation Embedded web viewer for presentation applications

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050188311A1 (en) * 2003-12-31 2005-08-25 Automatic E-Learning, Llc System and method for implementing an electronic presentation
WO2012170312A2 (en) * 2011-06-07 2012-12-13 Microsoft Corporation Embedded web viewer for presentation applications

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
Boudreaux, Ryan: How to convert presentation files to a web-ready slideshow using JavaScript. In: Web Designer, Online Artikel, May 23, 2012, abgerufen am 04.01.2016, S. 1 - 10. http://www.techrepublic.com/blog/web-designer/how-to-convert-presentation-files-to-a-web-ready-slideshow-using-javascript/ *

Similar Documents

Publication Publication Date Title
DE112011105933T5 (en) Methods and apparatus for dynamically customizing a virtual keyboard
DE69737170T2 (en) Selection of commands in a computer system
DE202011110867U1 (en) Rich-text and browser-based word processor
DE202011110891U1 (en) Scroll in extensive hosted dataset
DE112011102891T5 (en) Automatic adjustment of an input configuration
DE202011110879U1 (en) Rich content in a browser-based word processor
DE202007019483U1 (en) Device for selecting a word to be defined in a mobile communication terminal having an electronic dictionary
DE112013002870T5 (en) User interface for viewing and acquiring products in a browser
DE202017105848U1 (en) Multi-room overview mode
DE202015009266U1 (en) User interface for a storage system with floating file collection
DE10140874A1 (en) Touch screen type graphical user interface in which the sizing of screen areas is automatically adjusted to simplify user input and make control of devices, especially communications devices more user friendly
DE102014211342A1 (en) User interface and method for adjusting a semantic scaling of a tile
DE202014010906U1 (en) Device for two-dimensional document navigation
DE102013203831A1 (en) Method and system for master page based integrated editing and dynamic layout activation
DE112015003612T5 (en) Summary views for ebooks
DE102012220062A1 (en) SETTING MULTIPLE USER INPUT PARAMETERS
DE69727625T2 (en) Recording of on-line documents
DE102015210197A1 (en) A method and system for presenting one or more presentations on a user interface of an electronic device
DE102013021576A1 (en) Method for selecting a text section on a touch-sensitive screen and display and control device
DE102018115630B4 (en) Method for creating and operating a website with input option
DE102019100767B4 (en) Method and system for creating a personalized email
DE10332492A1 (en) Data transmission network source`s content visual representation method for display of personal computer, involves representing content on windows of representation medium of browser based on window-control information
DE102015221383A1 (en) Method for operating a computer system
DE102010002402A1 (en) Field device of process automation technology, as well as methods for editing text and / or numbers, and device with a display unit and with a control unit
CN116933759A (en) Document processing method, related equipment and product

Legal Events

Date Code Title Description
R012 Request for examination validly filed
R079 Amendment of ipc main class

Free format text: PREVIOUS MAIN CLASS: G06F0017300000

Ipc: G06F0003140000

R002 Refusal decision in examination/registration proceedings
R016 Response to examination communication
R006 Appeal filed
R008 Case pending at federal patent court
R003 Refusal decision now final
R011 All appeals rejected, refused or otherwise settled