WO2002029558A1 - Method for producing, editing and displaying pages that can be presented on a screen - Google Patents

Abstract

The invention relates to a method for producing and/or editing and/or displaying pages that contain one or more graphic objects and that can be presented on a computer screen by means of a computer program installed on a computer. Said computer program is programmed in an independent programming language. At least one program module that is provided with a first communication unit is used for producing and displaying the pages. Every graphic object is automatically produced separately from a design module by way of an editing step. Every design module is provided with a second communication unit. The graphic objects are edited by communication of the first communication unit with the second communication unit in such a manner that in order for the page to be produced it is only necessary to edit the representations of the graphic objects on the computer screen.

Description

Verfahren zum Erstellen, Bearbeiten und Wiedergeben von auf einem Bildschirm darstellbaren Seiten Process for creating, editing and displaying pages that can be displayed on a screen

Die vorliegende Erfindung betrifft ein Verfahren zum Erstellen, Bearbeiten und zur Wiedergabe von auf einem Bildschirm darstellbaren Seiten nach dem Oberbegriff des Anspruchs 1 sowie ein Computersystem und ein Computerprogrammprodukt zur Durchführung dieses Verfahrens.The present invention relates to a method for creating, editing and displaying pages that can be displayed on a screen according to the preamble of claim 1, and a computer system and a computer program product for carrying out this method.

Internet-Seiten können von Programmierern in HTML, Java, Javascript u.a. programmiert werden. Internet-Seiten können aber auch mit Computerprogrammen erstellt werden, die dem Autoren oder Gestalter die eigentliche Programmierung abnehmen und daher auch für Anwender geeignet sind, welche die Programmierung einer Internet-Seite in einer Programmiersprache nicht beherrschen. Marktüblich sind sogenannte HTML-Editoren, die dem Autoren oder Gestalter eine grafische Oberfläche zur Verfügung stellen und den HTML-Code selbständig generieren. HTML ist die Standardsprache zur Beschreibung von Dokumenten im World Wide Web und daher unverzichtbar.Internet pages can be used by programmers in HTML, Java, Javascript, etc. be programmed. Internet pages can, however, also be created with computer programs that relieve the author or designer of the actual programming and are therefore also suitable for users who do not know how to program an Internet page in a programming language. So-called HTML editors are customary on the market, which provide the author or designer with a graphical user interface and generate the HTML code independently. HTML is the standard language for describing documents on the World Wide Web and is therefore indispensable.

Die Gestaltung von Internet-Seiten mit Hilfe dieser Werkzeuge ist mit einigen Nachteilen behaftet:The design of websites with the help of these tools has some disadvantages:

HTML ist sehr tabellen- und pixelorientiert. Daher sind bei der Verwendung von HTML zur Erstellung von Internet- Seiten die Gestaltungsmöglichkeiten stark eingeschränkt. Die Positionierung einzelner grafischen Objekte (bspw. Text- und Bildelemente) ist nicht unbegrenzt frei wählbar.HTML is very table and pixel oriented. Therefore, the design options are very limited when using HTML to create Internet pages. The positioning of individual graphic objects (e.g. Text and image elements) are not freely selectable.

- HTML stellt Internet-Seiten immer in der gleichen Größe dar. Es erfolgt keine Anpassung der Seitengröße an das- HTML always displays Internet pages in the same size. The page size is not adapted to the

Bildschirmformat des zur Wiedergabe der Seiten benutzten Computers. Bei kleineren Monitoren bilden sich dann Scroll-Balken, mit denen man den dargestellten Ausschnitt der Internet-Seite verschieben kann. Je kleiner der Bild- schirm ist, bspw. bei einem Laptop, Handheld-PC oder einem WAP- oder UMTS-Handy, desto unangenehmer wird das Verschieben des dargestellten Ausschnittes der Interset- Seite.Screen format of the computer used to play the pages. In the case of smaller monitors, scroll bars are then formed, which can be used to move the section of the website displayed. The smaller the screen, for example in the case of a laptop, handheld PC or a WAP or UMTS cell phone, the more uncomfortable it becomes to move the section of the Interset page shown.

- HTML bietet keinen Kopierschutz für die auf den Internet- Seiten dargestellten Elemente. Einzelne grafische Objekte wie Fotos oder Texte können per Mausklick kopiert und unbefugt benutzt werden.- HTML does not offer copy protection for the elements shown on the website. Individual graphic objects such as photos or texts can be copied with a click of the mouse and used without authorization.

- Animationen, also einzelne bewegte Objekte, wie sie auf fastjeder professionellen Internet-Seite zu finden sind, können nicht mit HTML erstellt werden. Sie müssen vielmehr mit einer sog. Script-Sprache wie JavaScript oder VB-Script oder als Animated-GIFs, also als Bilddatei, er- stellt werden.- Animations, i.e. individual moving objects, as they can be found on almost every professional website, cannot be created with HTML. Rather, they have to be created using a so-called script language such as JavaScript or VB-Script or as animated GIFs, ie as an image file.

- Die Art der Darstellung von Internet-Seiten ist von dem jeweiligen verwendeten Browser (wie sie bspw. von den Firmen Microsoft und Netscape unter den Marken Microsoft Internet Explorer" und "Netscape Navigator" angeboten werden) abhängig. Die dargestellte Internet-Seite kann bis zur Unleserlichkeit verändert sein. Die Firma Macromedia vertreibt ein Programm unter dem Namen "Flash", mit dem professionelle Internet-Seiten erstellt werden können und welches auch weitergehende Gestaltungsmöglichkeiten, wie z. B. bewegte Animationen und Seiten-Skalierung ermöglicht. Dabei handelt es sich jedoch um ein Produkt für professionelle Anwender. Zur Bedienung ist eine umfangreiche Einarbeitungszeit nötig. Dieses Programm ist daher für Laien nicht geeignet. Da "Flash" keinen HTML-Code erzeugt, sondern ein eigenes Dateiformat verwendet, muss zur Darstellung der Seiten im Browser erst ein Plug-in heruntergeladen werden.- The way in which Internet pages are displayed depends on the browser used (such as those offered by Microsoft and Netscape under the brands Microsoft Internet Explorer "and" Netscape Navigator "). The Internet page displayed can be up to changed to illegibility. The Macromedia company sells a program under the name "Flash" with which professional Internet pages can be created and which also offers further design options, such as. B. enables animations and page scaling. However, this is a product for professional users. An extensive training period is necessary for operation. This program is therefore not suitable for laypeople. Since "Flash" does not generate HTML code, but uses its own file format, a plug-in must first be downloaded to display the pages in the browser.

Das erfindungsgemäße Verfahren bzw. das erfindungsgemäße Computersystem und das erfindungsgemäße Computerprogrammprodukt zeichnen sich demgegenüber durch die Merkmale der unabhängi- gen Ansprüche aus; vorteilhafte Weiterbildungen ergeben sich aus den Unteransprüchen.In contrast, the method according to the invention or the computer system according to the invention and the computer program product according to the invention are distinguished by the features of the independent claims; advantageous further developments result from the subclaims.

Erfindungsgemäß ist also vorgesehen, daß das Computerprogramm in einer unabhängigen Programmiersprache programmiert wird, daß für die Erstellung und Wiedergabe mindestens ein Programm-Modul verwendet wird, welches mit einer ersten Kommunikationseinheit versehen ist, daß jedes grafische Objekt separat durch einen Bearbeitungsvorgang aus einem Gestaltungsmodul automatisch erzeugt wird, daß jedes Gestaltungsmodul mit einer zweiten Kommunikationseinheit versehen ist, wobei die grafischen Objekte durch Kommunikation der ersten Kommunikationseinheit mit der zweiten Kommunikationseinheit bearbeitet werden dergestalt, daß zur Erstellung der Seite lediglich die Darstellungen der grafischen Objekte auf dem Computerbild- schirm bearbeitet werden.According to the invention, it is therefore provided that the computer program is programmed in an independent programming language, that at least one program module is used for the creation and reproduction, which is provided with a first communication unit, that each graphic object is automatically generated separately by a processing operation from a design module is that each design module is provided with a second communication unit, the graphic objects being processed by communication of the first communication unit with the second communication unit such that only the representations of the graphic objects are processed on the computer screen to create the page.

Als "grafisches Objekt" wird jedes Bild- oder Textelement betrachtet, das grafisch darstellbar ist, also bspw. Buchsta- ben, Zahlen, Texte, Fotodateien, geometrische Elemente, dreidimensionale Darstellungen aller Art. Darüber hinaus können auch weitere Objekte, bspw. akustische Objekte wie Töne und Melodien bearbeitet und ihre Darstellung (bspw. über Laut- Sprecher) mit der Darstellung von einem oder mehreren graphischen Objekten verknüpft werden.Any image or text element that can be represented graphically, for example, Ben, numbers, texts, photo files, geometric elements, three-dimensional representations of all kinds. In addition, other objects, such as acoustic objects such as tones and melodies can be edited and their representation (for example via loudspeaker) with the representation of one or more graphic objects.

Unter einer unabhängigen Programmiersprache wird jede Programmiersprache verstanden, die von marktüblichen Internet- Browsern auf gängigen Betriebssystemen unterstützt wird, ohne zusätzliche Module, bspw. in Form von Plug-ins nachträglich installieren zu müssen.An independent programming language is understood to mean any programming language that is supported by commercially available Internet browsers on common operating systems without having to subsequently install additional modules, for example in the form of plug-ins.

In dem erfindungsgemäßen Verfahren wirken hauptsächlich min- destens je eines der folgenden Elemente und Module zusammen: eine erste Kommunikationseinheit, ein Programm-Modul, eine zweite Kommunikationseinheit, ein Gestaltungsmodul und grafische Objekte.At least one of the following elements and modules interact mainly in the method according to the invention: a first communication unit, a program module, a second communication unit, a design module and graphic objects.

Die erste Kommunikationseinheit, die auch als "Hauptklasse" bezeichnet werden kann, ist ein Computerprogrammelement, das in allen Programm-Modulen enthalten ist. Es generiert eine Zeitachse und stellt die Methoden zur Verfügung, die zur Interaktion mit dem Anwender (Ein- und Ausgabe) und zur Anima- tion der grafischen Objekte notwendig sind.The first communication unit, which can also be referred to as the "main class", is a computer program element which is contained in all program modules. It generates a time axis and provides the methods that are required for interaction with the user (input and output) and for animating the graphic objects.

Das oder die Programm-Module dienen zur Bearbeitung und/oder Darstellung der Seiten. Ihre Programmierung kann auf der ersten Kommunikationseinheit oder Hauptklasse basieren, so daß sie durch Erweiterung dieser Hauptklasse entstehen und dadurch ihre entsprechenden Eigenschaften erhalten.The program module or modules are used to edit and / or display the pages. Your programming can be based on the first communication unit or main class, so that they result from the expansion of this main class and thus get their corresponding properties.

Die zweite Kommunikationseinheit, die auch als "Oberklasse" bezeichnet werden kann, ist ein Computerprogrammelement, das in allen Gestaltungsmodulen enthalten ist. Es stellt die Methoden zur Festlegung der Grundeigenschaften wie bspw. Farbe, Größe und Position eines jeden Gestaltungsmoduls zur Verfü- gung.The second communication unit, also known as the "upper class" can be referred to is a computer program element that is included in all design modules. It provides the methods for defining the basic properties such as color, size and position of each design module.

Das oder die Gestaltungsmodule stellen die Bearbeitungsmöglichkeiten bei der Seitengestaltung zur Verfügung. Ihre Programmierung kann auf der zweiten Kommunikationseinheit oder Oberklasse basieren, so daß sie durch Erweiterung der zweiten Kommunikationseinheit entstehen und dadurch ihre entsprechenden Eigenschaften erhalten. Durch einen Bearbeitungsvorgang wird aus einem Gestaltungsmodul ein grafisches Objekt erzeugt.The design module or modules provide the processing options for the page design. Your programming can be based on the second communication unit or superclass, so that they are created by expanding the second communication unit and thereby obtain their corresponding properties. A graphic object is created from a design module by means of a processing operation.

Die vorliegende Erfindung stellt ein betriebssystemunabhängiges und ein von den Grafikfähigkeiten des zur Erstellung zur Wiedergabe benutzten Rechners, also der Gesamtheit aus Hard- und Software, mit der die Seiten erstellt und/oder wiederge- geben werden (im Folgenden: Client-System) unabhängiges System zur Erstellung und Darstellung von Seiten dar. Das erfindungsgemäße Verfahren bzw. das Computersystem und das Computerprogrammprodukt lassen sich sehr benutzerfreundlich bedienen, da die Erstellung der Seiten durch Generieren und freies Positionieren der grafischen Objekte, wie bspw. bei einem Desktop-Publishing-Programm, erfolgt. Zur Erstellung der Seiten sind daher keine Programmierkenntnisse notwendig. Dennoch können auch von Laien professionell wirkende Seiten erstellt werden, die sowohl als Internet-Seiten als auch als Präsentationen genutzt werden können.The present invention provides a system-independent system and a system which is independent of the graphics capabilities of the computer used for the creation for reproduction, that is to say the entirety of hardware and software with which the pages are created and / or reproduced (hereinafter: client system) for creating and displaying pages. The method according to the invention or the computer system and the computer program product can be operated in a very user-friendly manner since the pages are created by generating and freely positioning the graphic objects, for example in a desktop publishing program , No programming knowledge is therefore required to create the pages. Nonetheless, professional-looking pages can also be created by laypersons, which can be used both as Internet pages and as presentations.

Die Betriebssystemunabhängigkeit wird durch den Einsatz einer Programmiersprache erreicht, die von marktüblichen Internet- Browsern auf gängigen Betriebssystemen unterstützt wird, ohne zusätzliche Module, bspw. in Form von Plug-ins nachträglich installieren zu müssen. Eine gängige Sprache ist die Programmiersprache Java, aber andere Programmiersprachen mit diesen Eigenschaften sind ebenfalls geeignet.Operating system independence is achieved through the use of a programming language that is available from standard Internet Browsers on common operating systems is supported without having to subsequently install additional modules, e.g. in the form of plug-ins. A common language is the Java programming language, but other programming languages with these properties are also suitable.

Das erfindungsgemäße Verfahren ermöglicht die Vergabe von unterschiedlichen Zugriffsrechten auf die einzelnen grafischen Objekte. Es können bspw. Zugriffsrechte zugeteilt werden, die nur eine Ansicht der Seiten erlauben oder die eine AuswahlThe method according to the invention enables different access rights to be assigned to the individual graphic objects. For example, access rights can be allocated which only allow a view of the pages or which allow a selection

(Aktivierung) ein oder mehrerer grafischer Objekte bspw. zum Kopieren zulassen oder die sogar eine interaktive Änderung ihrer Eigenschaften (bspw. Größe, Position, Inhalt) ermöglichen.(Activation) one or more graphic objects, for example, to be copied or even to enable an interactive change of their properties (for example size, position, content).

Vorteilhafte Weiterbildungen ergeben sich aus den Unteransprüchen.Advantageous further developments result from the subclaims.

Eine besonders bevorzugte Weiterbildung besteht darin, daß ein virtuelles Koordinatensystem mit einem fest vorgegebenen Achsenverhältnis generiert wird und zur Wiedergabe der Seite für die Achsen des Koordinatensystems automatisch eine Skalierung der Seite in Abhängigkeit von der Größe und der Grafikfähigkeit des Computerbildschirms stattfindet.A particularly preferred development consists in that a virtual coordinate system with a predetermined axis ratio is generated and for the reproduction of the page for the axes of the coordinate system the page is automatically scaled depending on the size and graphics capability of the computer screen.

Eine weitere bevorzugte Weiterbildung besteht darin, daß auf dem Computerbildschirm mit Hilfe des virtuellen Koordinatensystems eine Arbeitsfläche bzw. ein virtuelles Display dargestellt wird. Die Arbeitsfläche bzw. das virtuelle Display wird vorzugsweise von der ersten Kommunikationseinheit oderA further preferred development consists in that a work surface or a virtual display is shown on the computer screen with the help of the virtual coordinate system. The work surface or the virtual display is preferably used by the first communication unit or

Hauptklasse generiert. Das Koordinatensystem besteht aus mindestens einer, vorzugsweise zwei Bildschirmachsen, welche auch zur Durchführung einer Skalierung dienen können. Die An- zahl der Achsen kann selbstverständlich auch 3 oder mehr betragen. Die Methoden, die zur Skalierung notwendig sind, werden bevorzugt von der ersten Kommunikationseinheit oder Hauptklasse zur Verfügung gestellt. Durch Verwendung eines virtuellen Koordinatensystems mit einem fest vorgegebenenMain class generated. The coordinate system consists of at least one, preferably two screen axes, which can also be used for scaling. The The number of axes can of course also be 3 or more. The methods that are necessary for scaling are preferably provided by the first communication unit or main class. By using a virtual coordinate system with a fixed default

Achsenverhältnis wird die Darstellung der Seiten an die Grafikfähigkeit des Client-Systems angepaßt. Die grafischen Objekte können auf dem Computerbildschirm frei positioniert und in ihrer Größe variiert werden. Zur Darstellung im realen Bildschirmfenster des Client-Systems werden die Positionen und Größen der grafischen Objekte für alle Achsen des Koordinatensystems (in der Regel eine x-Achse und eine y-Achse) skaliert, so daß zu jeder Zeit der gesamte Inhalt der Arbeitsfläche sichtbar ist. Je größer die Bildschirmfläche des Client-Systems ist, desto detaillierter ist die Ansicht derThe aspect ratio of the pages is adapted to the graphics capability of the client system. The graphic objects can be freely positioned on the computer screen and their size can be varied. For display in the real screen window of the client system, the positions and sizes of the graphic objects are scaled for all axes of the coordinate system (usually an x-axis and a y-axis), so that the entire content of the working area is visible at all times , The larger the screen area of the client system, the more detailed the view of the

Seiten. Die Größen und Positionen der grafischen Objekte werden schon beim Gestaltungsvorgang nur als Koordinaten innerhalb der Achsen des virtuellen Koordinatensystems festgelegt.Pages. The sizes and positions of the graphic objects are already defined during the design process only as coordinates within the axes of the virtual coordinate system.

Eine weitere bevorzugte Weiterbildung sieht vor, daß je ein Programm-Modul für die Erstellung, die Wiedergabe von Seiten sowie für die Darstellung mehrerer Seiten nebeneinander auf dem virtuellen Display verwendet wird. Es können jedoch je nach Bedarf noch weitere Programm-Module hinzugefügt werden. Dies wird durch die Verwendung der ersten Kommunikationseinheit oder Hauptklasse möglich, die bewirkt, daß jedes Programm-Modul mit den Gestaltungsmodulen kommunizieren kann.Another preferred development provides that a program module is used for the creation, the reproduction of pages and for the display of several pages side by side on the virtual display. However, additional program modules can be added as required. This is made possible by the use of the first communication unit or main class, which enables each program module to communicate with the design modules.

Die erste Kommunikationseinheit oder Hauptklasse wird daher vorzugsweise dazu verwendet, die zeitabhängigen Eigenschaften bzw. Merkmale der Gestaltungsmodule zu verändern und zur Durchführung von Animationen zu berechnen, die Interaktion mit dem Anwender, also bspw. die Tastaturbelegung und -be- fehle sowie die Mausbefehle oder Voice-Befehle, d.h. über ein Mikrofon gegebene akustische Befehle des Anwenders zu verwalten und ggf. die Skalierung durchzuführen, wobei die Position und Größe der grafischen Objekte nur innerhalb des Koordina- tensystems, d.h. nur relativ zueinander definiert werden.The first communication unit or main class is therefore preferably used to change the time-dependent properties or features of the design modules and to calculate the execution of animations, the interaction with the user, that is to say, for example, the keyboard assignment and use. as well as mouse commands or voice commands, ie to administer acoustic commands given by the user via a microphone and, if necessary, to carry out the scaling, the position and size of the graphic objects being defined only within the coordinate system, ie only relative to one another.

Zum Durchführen von Animationen werden vorzugsweise in an sich bekannter Weise die zeitabhängigen Eigenschaften bzw. Merkmale der grafischen Objekte zu verschiedenen Zeitpunkten festgelegt und eine Interpolation dieser Eigenschaften für nicht definierte Zeitpunkte vorgenommen. Eine weitere besonders bevorzugte Weiterbildung sieht vor, daß die zweite Kommunikationseinheit oder Oberklasse dazu verwendet wird, sämtliche zeitabhängigen Eigenschaften bzw. Merkmale der aus den zugeordneten Gestaltungsmodulen generierbaren grafischen Objekte zu definieren. Außerhalb der Oberklasse wird das Gestaltungsmodul vorzugsweise dazu verwendet, alle zeitunabhängigen Eigenschaften bzw. Merkmale dieser grafischen Objekte zu definieren und zu verändern. Dies kann auf besonders ein- fache Weise mittels Befehlen in Form standardisierter Methoden erfolgen. Es können je nach Bedarf und den individuellen Wünschen der Gestalter beliebig viele weitere Gestaltungsmodule im "Baukasten-System" hinzugefügt werden. Dies wird durch die Verwendung der zweiten Kommunikationseinheit oder Oberklasse möglich, die bewirkt, daß jedes Gestaltungsmodul mit den Programm-Modulen kommunizieren kann.To carry out animations, the time-dependent properties or features of the graphic objects are preferably defined in a manner known per se at different times and an interpolation of these properties is carried out for undefined times. Another particularly preferred development provides that the second communication unit or superclass is used to define all time-dependent properties or features of the graphic objects that can be generated from the assigned design modules. Outside the upper class, the design module is preferably used to define and change all time-independent properties or characteristics of these graphic objects. This can be done in a particularly simple manner using commands in the form of standardized methods. Depending on the needs and the individual wishes of the designers, any number of additional design modules can be added to the "modular system". This is made possible by the use of the second communication unit or upper class, which means that each design module can communicate with the program modules.

Es ist auch von Vorteil, wenn pro Gestaltungsmodul zwei Dateien erstellt werden, wobei die eine Datei nur zur Kommuni- kation mit der ersten Kommunikationseinheit des für die Erstellung vorgesehenen Programm-Moduls und die andere Datei nur zur Kommunikation mit der ersten Kommunikationseinheit des für die Wiedergabe vorgesehenen Programm-Moduls ausge- staltet wird. Dadurch wird der Zugriff auf die nur für die Erstellung bzw. nur für die Wiedergabe der Seiten notwendigen Befehle in der zweiten Kommunikationseinheit oder Oberklasse der Gestaltungsmodule vereinfacht.It is also advantageous if two files are created for each design module, one file only for communication with the first communication unit of the program module intended for creation and the other file only for communication with the first communication unit for playback provided program module is designed. This simplifies access to the commands in the second communication unit or upper class of the design modules that are only necessary for the creation or only for the reproduction of the pages.

Ebenso stellt es eine Vereinfachung dar, wenn alle Befehle zur Definition der zeitabhängigen Eigenschaften bzw. Merkmale der grafischen Objekte in einer Unterklasse zusammengefaßt werden.It is also a simplification if all commands for defining the time-dependent properties or characteristics of the graphic objects are combined in a subclass.

Das erfindungsgemäße Verfahren bzw. Computersystem und Computerprogrammprodukt ermöglicht eine besonders bevorzugte Weiterbildung, bei der mittels eines separaten Gestaltungsmoduls ein virtuelles Buch erstellt, bearbeitet und wiedergegeben wird, wobei anhand der bereits vorhandenen Zeitachse der ersten Kommunikationseinheit die Umblätterzeit der Seiten in Echtzeit gemessen und anschließend ein Nullpunkt bezüglich der Zeitachse gesetzt wird, an welchem die Animation beginnt. Das separate Gestaltungsmodul kann auch mit einer eigenen Zeitachse versehen sein, anhand derer dann die Umblätterzeit gemessen wird.The method or computer system and computer program product according to the invention enables a particularly preferred further development in which a virtual book is created, edited and reproduced by means of a separate design module, the page turning time of the pages being measured in real time using the existing time axis of the first communication unit, and then a zero point is set with respect to the time axis at which the animation begins. The separate design module can also be provided with its own time axis, on the basis of which the page turning time is then measured.

Vorteilhafterweise erzeugt das Programm-Modul zu einer erstellten Seite einen Seiten-Datei, in der die Daten zur Dar- Stellung der graphischen Objekte als kodierte Textinformation gespeichert sind. Diese Textdatei ist zweckmäßigerweise in einem proprietären Format geschrieben. Es handelt sich dabei zweckmäßigerweise nur um reine Daten und nicht um einen ausführbaren Programm-Code, wie bspw. JAVA. Mit einer solchen aus reinen Textdaten bestehenden Seiten-Datei, die auch als ASCII-Datei bezeichnet werden kann, ergeben sich eine Reihe von Vorteilen. Zum einen ermöglicht eine solche Seiten-Datei erheblich höhere Übertragungsgeschwindigkeiten und damit niedrigere Ladezeiten, da die zu übertragenden Dateien wesentlich kompakter sind als dies eine Datei aus einer hardwareunabhängigen Programmiersprache, wie bspw. JAVA, wäre. Außerdem kann eine solche Textdatei ohne Schwierigkeiten ver- schlüsselt werden mit üblichen Verschlüsselungsmitteln, wie sie bspw. für die Email-Kommunikation aus dem Stand der Technik bekannt sind, und mit einem entsprechenden Dekodiermodul auch wieder entschlüsselt werden.The program module advantageously generates a page file for a created page, in which the data for displaying the graphic objects are stored as coded text information. This text file is advantageously written in a proprietary format. Appropriately, it is only pure data and not an executable program code, such as JAVA. With such a page file consisting of pure text data, which can also be referred to as an ASCII file, there are a number of advantages. On the one hand, such a page file enables significantly higher transmission speeds and thus Lower loading times, since the files to be transferred are much more compact than a file from a hardware-independent programming language, such as JAVA, would be. In addition, such a text file can be encrypted without difficulty using conventional encryption means, such as are known, for example, for email communication from the prior art, and can also be decrypted using a corresponding decoding module.

Zweckmäßigerweise ist vorgesehen, daß zum Wiedergeben der erstellten Seite die Seiten-Datei zusammen mit dem Programm- Modul für die Wiedergabe von einem Server zu einem Computer übertragen werden, der das Programm-Modul ausführt, wobei die Seiten-Datei vom Programm-Modul eingelesen und verarbeitet wird. Es wird also zur Darstellung einer Seite nicht nur die den Seiteninhalt eigentlich beschreibende Datei übertragen, sondern zusätzlich auch dasjenige der Programm-Module, das zur Wiedergabe der Seiten ausgelegt ist. Das Programm-Modul dient dazu, die aus einem proprietären Format, bspw. reinen Text-Daten bestehende Seiten-Datei zu verarbeiten und daraus einen Code zu erzeugen, der von einem herkömmlichen Anzeige- Programm, bspw. einem Internet-Browser, angezeigt werden kann. Das Programm-Modul dient hierbei sozusagen als ein Präprozessor, welcher die in einem kompakten, proprietären Format in Form einer Textdatei übertragenden Daten der Seiten-Datei vorverarbeitet und in einen zur Verarbeitung durch ein Programm des Client-Computers, welches dann als ein Prozessor wirkt, aufbereitet. Durch dieses Präprozessor/Prozessorkonzept ist es ermöglicht, die Seiten-Datei in einem eigenen Dateiformat zu erzeugen, zu speichern und schließlich zu übertragen, ohne daß Rücksicht darauf genommen werden muß, welches Datenformat nun von den jeweiligen, in der Regel auch noch unterschiedlich arbeitenden Browsern des Client-Computers angezeigt werden. Mit dem proprietären Datenformat wird eine Entkoppelung von denjenigen Datenformaten erreicht, die von den zur Darstellung verwendeten Browsern unterstützt werden. Der Präprozessor dient dann dazu, das proprietäre Datenformat in ein von dem jeweiligen Browser unterstütztes Datenformat, bspw. JAVA, umzuwandeln. Dadurch, daß das als Präprozessor dienende Programm-Modul nicht resident auf dem Client-Computer ist, sondern von dem Web-Server zusammen mit der Seiten-Datei zumindest einmal am Anfang ei- ner Übertragung heruntergeladen wird, ist sichergestellt, daß stets das zu der jeweiligen Seiten-Datei und dem darin verwendeten Format passende Programm-Modul als Präprozessor verwendet wird.It is expediently provided that, in order to reproduce the created page, the page file is transmitted together with the program module for playback from a server to a computer which executes the program module, the page file being read in by the program module and is processed. In order to display a page, not only the file that actually describes the page content is transmitted, but also that of the program modules that is designed to display the pages. The program module is used to process the page file consisting of a proprietary format, for example pure text data, and to generate a code therefrom which can be displayed by a conventional display program, for example an Internet browser , The program module serves here, so to speak, as a preprocessor, which pre-processes the data of the page file, which is transmitted in a compact, proprietary format in the form of a text file, and into one for processing by a program of the client computer, which then acts as a processor. edited. This preprocessor / processor concept makes it possible to generate, save and finally transfer the page file in its own file format without having to take into account which data format is now used by the respective, usually also differently working browsers of Client computers appear. With the proprietary data format, decoupling is achieved from those data formats that are supported by the browsers used for the display. The preprocessor then serves to convert the proprietary data format into a data format supported by the respective browser, for example JAVA. The fact that the program module serving as the preprocessor is not resident on the client computer, but is downloaded from the web server together with the page file at least once at the beginning of a transmission, ensures that this is always the case the respective page file and the format used in the appropriate program module is used as a preprocessor.

Ein Ausführungsbeispiel der vorliegenden Erfindung wird imAn embodiment of the present invention is in

Folgenden anhand der beigefügten Zeichnungen näher erläutert. Es zeigen:Following explained in more detail with reference to the accompanying drawings. Show it:

Fig.1 eine schematische Darstellung einer ersten Möglich- keit der Anordnung einzelner Programmbausteine;1 shows a schematic representation of a first possibility of arranging individual program modules;

Fig.2 eine schematische Darstellung einer zweiten Möglichkeit der Anordnung einzelner Programmbausteine.2 shows a schematic representation of a second possibility of arranging individual program modules.

Das erfindungsgemäße Computerprogrammprodukt ist objektorientiert aufgebaut, wobei einzelne Module zusammenwirken. Im Ausführungsbeispiel wurde als Programmiersprache die JAVA- Version 1.1 eingesetzt. Alle marktüblichen Internet-Browser unterstützen auf allen gängigen Betriebssystemen diese Sprachdefinition, ohne zusätzliche Module in Form von Plugins nachträglich installieren zu müssen. Für den Fall, daß das erfindungsgemäße Computerprogrammprodukt auf einem Client-System installiert ist, wird zur Erstellung und Wiedergabe von Seiten mit einem Browser auf dem Client-System im Ausführungsbeispiel zuerst ein lokaler Soft- ware-Server oder Web-Server installiert, weil es aus Sicherheitsgründen nicht gestattet ist, dass Java-Programme, die von javafähigen Internet-Browsern (JAVA Virtual Machine) gestartet werden, Informationen auf Datenträgern abspeichern oder einlesen. Der Software-Server ermöglicht nun den Zugriff auf die Festplatte des Client-Systems und das Einlesen und Abspeichern von Daten. Alle Dateien werden daher im Serververzeichnis des Client-Systems gespeichert. Unter einem Software-Server wird ein Web-Server wie bspw. Apache oder eine Application verstanden, die eine geeignete Umgebung bereit- stellt, wie z. B. die JAVA-Runtime-Environment .The computer program product according to the invention is constructed in an object-oriented manner, with individual modules interacting. In the exemplary embodiment, JAVA version 1.1 was used as the programming language. All standard Internet browsers support this language definition on all common operating systems without having to subsequently install additional modules in the form of plugins. In the event that the computer program product according to the invention is installed on a client system, a local software server or web server is first installed in order to create and display pages with a browser on the client system in the exemplary embodiment because it is off For security reasons, it is not permitted that Java programs that are started by Java-enabled Internet browsers (JAVA Virtual Machine) save or read information on data media. The software server now enables access to the hard disk of the client system and the reading and saving of data. All files are therefore saved in the server directory of the client system. A software server is understood to mean a web server such as, for example, Apache or an application which provides a suitable environment, such as, for example, B. the JAVA runtime environment.

Die Installation eines Software-Servers kann sich erübrigen, wenn entweder das erfindungsgemäße Computerprogrammprodukt auf einem Webserver bspw. eines Internet-Providers instal- liert ist und die Seitenerstellung online erfolgt oder wenn die Bedienung des erfindungsgemäßen Computerprogrammprodukts ohne Verwendung eines Browsers erfolgt.The installation of a software server can be superfluous if either the computer program product according to the invention is installed on a web server, for example an Internet provider, and the pages are created online or if the computer program product according to the invention is operated without using a browser.

Die folgenden Erläuterungen beziehen sich auf den Fall, dass das erfindungsgemäße Computerprogrammprodukt auf einem Client-System installiert und unter Verwendung eines Browsers bedient wird und gelten mit den o.g. Änderungen entsprechend für die beiden anderen Verwendungsmöglichkeiten (auf einem Webserver installiert bzw. Bedienung ohne Browser) .The following explanations relate to the case that the computer program product according to the invention is installed on a client system and operated using a browser and apply with the above-mentioned. Changes accordingly for the other two possible uses (installed on a web server or operated without a browser).

Die Gestaltungsmodule enthalten Eigenschaften (bspw. Textinhalt, Bildinhalt) und Methoden (bspw. zum Verändern des Textes oder des Bildinhalts) . Von diesen Eigenschaften und Me- thoden sind im Ausführungsbeispiel jene, welche zur Definition aller zeitabhängigen Merkmale der aus den Gestaltungsmodulen generierbaren graphischen Objekte dienen, in der Oberklasse zusammengefasst . Diejenigen Eigenschaften und Metho- den, welche zur Definition und Veränderung sämtlicher zeitunabhängigen Merkmale der aus den Gestaltungsmodulen generierbaren graphischen Objekte dienen, verbleiben außerhalb der Oberklasse im Gestaltungsmodul. Die Oberklasse kann ganz oder teilweise in Unterklassen aufgeteilt sein, welche wie- deru Eigenschaften und Methoden enthalten. Im Ausführungsbeispiel enthält eine dieser Unterklassen, die mit "Property List"bezeichnet ist, die erwähnten Eigenschaften und Methoden zur Definition aller zeitabhängigen Merkmale des aus dem Gestaltungsmodul generierbaren grafischen Objekts. Beispiele für die in der Unterklasse "Property List"versammelten Methoden sind in Anhang 2 beigefügt.The design modules contain properties (e.g. text content, image content) and methods (e.g. to change the text or image content). Of these properties and In the exemplary embodiment, methods that summarize all time-dependent features of the graphic objects that can be generated from the design modules are summarized in the upper class. Those properties and methods that serve to define and change all time-independent features of the graphic objects that can be generated from the design modules remain outside the upper class in the design module. The superclass can be entirely or partially divided into subclasses, which in turn contain properties and methods. In the exemplary embodiment, one of these subclasses, which is referred to as the “property list”, contains the properties and methods mentioned for defining all time-dependent features of the graphic object that can be generated from the design module. Examples of the methods collected in the "Property List" subclass are attached in Appendix 2.

Jedes Gestaltungsmodul wird im Ausführungsbeispiel in einem bestimmten Verzeichnis abgelegt. Zur Erweiterung der Bearbei- tungsmöglichkeiten bei der Seitengestaltung können zusätzliche Gestaltungsmodule programmiert und in dem Verzeichnis abgelegt werden. Die Programm-Module sind unabhängig davon programmiert und wiederum in einem bestimmten eigenen Verzeichnis abgelegt. Sie dienen zur Darstellung, Bearbeitung und Animation der aus den Gestaltungsmodulen generierten grafischen Objekte. Im Ausführungsbeispiel sind drei Programm- Module vorgesehen: eines zum Erstellen von Seiten (sog. "de- signer", eines zur Wiedergabe von Seiten (sog. "Interpreter") und eines zur Darstellung mehrerer Seiten nebeneinander auf dem virtuellen Display (sog. "overview". Es können jedoch beliebig viele Programm-module hinzugefügt und in dem erwähnten Verzeichnis abgelegt werden, um die Möglichkeiten zur Bearbeitung der Gestaltungselemente zu erweitern und zu opti ie- ren .In the exemplary embodiment, each design module is stored in a specific directory. Additional design modules can be programmed and stored in the directory to expand the processing options for page design. The program modules are programmed independently of this and in turn are stored in a specific directory of their own. They are used to display, edit and animate the graphic objects generated from the design modules. In the exemplary embodiment, three program modules are provided: one for creating pages (so-called "designer", one for reproducing pages (so-called "interpreter") and one for displaying several pages side by side on the virtual display (so-called " overview ". However, any number of program modules can be added and stored in the directory mentioned in order to expand and optimize the options for editing the design elements. ren.

Jedes einzelne grafische Objekt wird separat durch einen Bearbeitungsvorgang aus einem Gestaltungsmodul erstellt. Jedes Gestaltungsmodul basiert im Ausführungsbeispiel auf einerEach individual graphic object is created separately by a processing process from a design module. In the exemplary embodiment, each design module is based on one

Oberklasse, die allen Gestaltungsmodulen gemeinsam ist. Entweder ist jedem Gestaltungsmodul eine eigene Oberklasse zugeordnet, wobei die Oberklassen miteinander identisch oder voneinander verschieden sein können (vgl. Figur 1), oder es exi- stiert nur eine Oberklasse, die mit allen Gestaltungsmodulen zusammenwirkt (vgl. Figur 2). Die Oberklasse stellt die Methoden zur Feststellung der Grundeigenschaften wie bspw. Farbe, Größe und Position eines jeden aus einem Gestaltungsmodul generierbaren graphischen Objekts zur Verfügung. Die Ober- klasse verwaltet ferner die zeitunabhängigen Eigenschaften dieser graphischen Objekte und enthält die hierzu notwendigen Befehle in Form standardisierter Methoden. Diese Methoden können beliebig erweitert werden. Zur Umsetzung bspw. einer einfachen Bilddatei genügen Methoden zum Darstellen, Abspei- ehern, Laden und Ändern der Eigenschaften. Durch Überschreiben bzw. Hinzufügen weiterer Methoden können komplexe Objekte wie bspw. ein interaktives Puzzle oder Objekte, die während der Darstellung bspw. Größe, Position, Farbe und/oder Inhalt ändern, umgesetzt werden. Beispiele für in der Oberklasse versammelte Methoden sind in Anhang 1 beigefügt.Luxury class that is common to all design modules. Either a design class is assigned to each design module, whereby the design classes can be identical to or different from one another (cf. FIG. 1), or there is only one design class that interacts with all design modules (cf. FIG. 2). The upper class provides the methods for determining the basic properties such as color, size and position of each graphic object that can be generated from a design module. The upper class also manages the time-independent properties of these graphic objects and contains the necessary commands in the form of standardized methods. These methods can be expanded as required. To implement, for example, a simple image file, methods for displaying, storing, loading and changing the properties are sufficient. By overwriting or adding further methods, complex objects such as an interactive puzzle or objects that change size, position, color and / or content, for example, can be implemented. Examples of methods gathered in the upper class are attached in Appendix 1.

Die Oberklasse oder Oberklassen enthalten im Ausführungsbeispiel alle zeitunabhängigen Methoden. Die zeitabhängigen Methoden sind in der Hauptklasse (s.u.) vorgesehen. Die Auftei- lung ist programmiertechnisch vorteilhaft, aber nicht unbedingt zwingend.In the exemplary embodiment, the superclass or superclasses contain all time-independent methods. The time-dependent methods are provided in the main class (see below). The division is advantageous in terms of programming, but is not absolutely necessary.

Es gibt Methoden, die nur bei der Erstellung der Seite benö- tigt werden und Methoden, die nur bei der Wiedergabe der Seiten benötigt werden. Diese Methoden können in der Oberklasse bzw. im Gestaltungsmodul zusammengefaßt werden, so daß pro Gestaltungsmodul nur eine Datei benötigt wird. Statt dessen kann jedes Gestaltungsmodul auch in zwei Dateien programmiert werden, wobei die erste Datei eine Oberklasse mit den für die Erstellung einer Seite notwendigen Methoden ("d-Klasse") und die zweite Objektklasse eine Oberklasse mit den für die Wiedergabe einer Seite notwendigen Methoden ("i-Klasse") ent- hält.There are methods that are only required when creating the page. and methods that are only required when rendering the pages. These methods can be summarized in the upper class or in the design module, so that only one file is required for each design module. Instead, each design module can also be programmed in two files, the first file being a superclass with the methods necessary for creating a page ("d class") and the second object class being a superclass with the methods necessary for rendering a page ( "i-class").

In vergleichbarer Weise wie bei den Gestaltungsmodulen basiert jedes Programm-Modul auf einer Hauptklasse, die allen Programm-Modulen gemeinsam ist. Auch hier kann jedes Pro- gramm-Modul eine eigene Hauptklasse enthalten, wobei dieIn a similar way to the design modules, each program module is based on a main class that is common to all program modules. Here, too, each program module can contain its own main class, whereby the

Hauptklassen miteinander identisch oder voneinander verschieden sein können (vgl. Figur 1) oder es existiert nur eine Hauptklasse, die mit allen Programm-Modulen zusammenwirkt (vgl. Figur 2) . Diese Hauptklasse enthält die Methoden, die zur Interaktion mit dem Anwender (Ein- und Ausgabe) , zur Animation der grafischen Objekte und zur Skalierung der Seiten notwendig sind. Sie enthält ferner die standardisierten Methoden zur Verwaltung der zeitabhängigen Eigenschaften der grafischen Objekte sowie Befehle zur Kommunikation mit den Oberklassen jedes Gestaltungsmoduls, in welchem die Eigenschaften jedes daraus generierbaren grafischen Objekts enthalten sind. Innerhalb der Hauptklasse wird im Ausführungsbeispiel ferner das virtuelle Koordinatensystem mit den in einem festen Größenverhältnis zueinander stehenden Achsen de- finiert.Main classes can be identical to one another or different from one another (cf. FIG. 1) or there is only one main class which interacts with all program modules (cf. FIG. 2). This main class contains the methods that are required to interact with the user (input and output), to animate the graphic objects and to scale the pages. It also contains the standardized methods for managing the time-dependent properties of the graphic objects, as well as commands for communicating with the superclasses of each design module, which contain the properties of each graphic object that can be generated from them. In the exemplary embodiment, the virtual coordinate system with the axes in a fixed size ratio to one another is also defined within the main class.

Die Hauptklasse ist im Ausführungsbeispiel selbst kein selbstständig lauffähiges Programm, sondern in den Programm- Modulen enthalten.In the exemplary embodiment, the main class is not itself an independently executable program, but in the program Modules included.

Für die Animation wird innerhalb der Hauptklasse neben den beiden Achsen des Koordinatensystems für das virtuelle Dis- play eine Zeitachse definiert und verwaltet. Anhand dieser Zeitachse berechnet die Hauptklasse die spezifischen Eigenschaften der aus den Gestaltungsmodulen generierbaren grafischen Objekte zu verschiedenen, vom Anwender festgelegten Zeitpunkten und führt eine Interpolation dieser Eigenschaften für die Zeitpunkte durch, die nicht definiert sind. Legt man z. B. die Position des Objekts zum Zeitpunkt 0 und eine andere Position zum Zeitpunkt 10 fest, wird für alle Zeitpunkte zwischen 0 und 10 die Position interpoliert, so daß eine Bewegung des Objekts zwischen diesen Stützzeitpunkten reali- siert werden kann. Die Routinen zur Interpolation berechnen auch die weiteren Eigenschaften wie bspw. Farbe, Position und Größe des grafischen Objekts. Zur Berechnung der Animation wird im Ausführungsbeispiel auf die in der Unterklasse "Property List" abgelegten Eigenschaften jedes grafischen Objekts zurückgegriffen. Das aus dem Gestaltungsmodul generierbare grafische Objekt "kennt" somit seine eigenen Eigenschaften.For the animation, a time axis is defined and managed within the main class in addition to the two axes of the coordinate system for the virtual display. Using this time axis, the main class calculates the specific properties of the graphic objects that can be generated from the design modules at various times specified by the user and interpolates these properties for the times that are not defined. If you put z. For example, if the position of the object at time 0 and another position at time 10 are fixed, the position is interpolated for all times between 0 and 10, so that movement of the object between these support times can be realized. The interpolation routines also calculate the other properties such as color, position and size of the graphic object. In the exemplary embodiment, the properties of each graphic object stored in the “Property List” subclass are used to calculate the animation. The graphic object that can be generated from the design module thus “knows” its own properties.

Die Zeitachse kann selbstverständlich statt in der Hauptklasse auch in der oder den Oberklassen oder in den Gestaltungs- modulen selbst vorgesehen sein. Dann können auch die zeitabhängigen Methoden in der oder den Oberklassen oder in den Gestaltungsmodulen selbst vorgesehen sein.Instead of the main class, the time axis can of course also be provided in the upper class or classes or in the design modules themselves. Then the time-dependent methods can also be provided in the upper class or classes or in the design modules themselves.

Zur Skalierung ermittelt die Hauptklasse in an sich bekannter Weise die Größe des Anzeigefensters eines Client-Systems. Anhand dieser Daten werden die im Ausführungsbeispiel zwei Achsen des virtuellen Koordinatensystems an die verfügbare Bildschirmgröße des Benutzers angepaßt und die Positionen und Größen der grafischen Objekte relativ zu den Längen der Achsen berechnet. Die Positionen und Größen der grafischen Objekte werden zu diesem Zweck bereits bei der Erstellung der Seite nur als Koordinaten der Achsen festgelegt, also nur re- lativ zueinander und zum äußeren Rahmen definiert. Bei demFor scaling, the main class determines the size of the display window of a client system in a manner known per se. On the basis of this data, the two axes of the virtual coordinate system in the exemplary embodiment are adapted to the available screen size of the user and the positions and Sizes of the graphic objects are calculated relative to the lengths of the axes. For this purpose, the positions and sizes of the graphic objects are only defined as coordinates of the axes when the page is created, that is, they are only defined relative to each other and to the outer frame. In which

Anzeigefenster kann es sich um einen Browser oder um eine eigene Anzeige (virtuelle Arbeitsfläche) handeln.The display window can be a browser or a separate display (virtual work surface).

Im folgenden wird ein Beispiel für Befehle und Routinen der Hauptklasse näher erläutert. Wenn der Anwender die Fenstergröße eines der Programm-Module verändert, wird zunächst "re- size (Dimension) " aufgerufen. Dabei werden u.a. die Skalierungsfaktoren zur Umrechnung vom virtuellen zum physischen Koordinatensystem (d.h. auf dem Bildschirm) neu berechnet. Für die Umrechnung stellt die Hauptklasse zur Verfügung -An example of commands and routines of the main class is explained in more detail below. If the user changes the window size of one of the program modules, "resize (dimension)" is called up first. Among other things, the scaling factors for the conversion from the virtual to the physical coordinate system (i.e. on the screen) are recalculated. The main class provides the conversion -

"getScaledRect (Rectangle) " sowie über das Gestaltungsmodul - "getScaledPoint (Point ) " und - "getScreenRect (Time) " (Position und Größe auf dem Bildschirm) ."getScaledRect (Rectangle)" and via the design module - "getScaledPoint (Point)" and - "getScreenRect (Time)" (position and size on the screen).

Die Programm-Module kennen also die Eigenschaften der grafischen Objekte selbst nicht. Zur Darstellung der grafischen Objekte rufen sie nur die in der Oberklasse definierten Methoden auf (z. B. : "Hallo, Objekt, stelle Deinen Inhalt dar") . Daher können beliebig viele und beliebig komplexe Ge- staltungsmodule zum Generieren grafischer Objekte zum erfindungsgemäßen Computerprogrammprodukt hinzugefügt werden, ohne die Programm-Module ändern zu müssen. Die neuen Gestaltungsmodule werden ebenfalls in einem bestimmten Verzeichnis abgelegt und können von den Programm-Modulen bzw. der in ihnen enthaltenen Hauptklasse automatisch erkannt und aufgerufen werden. Letztendlich kann alles grafisch Darstellbare in beliebig vielen Gestaltungsmodulen programmiert und in einem Verzeichnis abgelegt werden. Ebenso können beliebig viele Programm-Module hinzugefügt werden, um die Möglichkeiten zur Bearbeitung der mittels der Gestaltungsmodule generierbaren grafischen Objekte zu erweitern und zu optimieren.The program modules therefore do not know the properties of the graphic objects themselves. To display the graphic objects, they only call the methods defined in the superclass (eg: "Hello, object, display your content"). Therefore, any number and any complex design modules for generating graphic objects can be added to the computer program product according to the invention without having to change the program modules. The new design modules are also stored in a specific directory and can be automatically recognized and called up by the program modules or the main class contained in them. Ultimately, everything that can be represented graphically can be programmed in any number of design modules and stored in a directory. Any number of program modules can also be added in order to expand and optimize the options for editing the graphic objects that can be generated using the design modules.

Die Kommunikation zwischen den Programm-Modulen und den Gestaltungsmodulen zur Erstellung und Wiedergabe der Seiten erfolgt also zwischen der Oberklasse, welche die Eigenschaften der aus den Gestaltungsmodulen generierbaren grafischen Objekte verwaltet und der Hauptklasse, welche die Eingabe- und Ausgabemedien zur Bearbeitung dieser Eigenschaften verwaltet. Die Oberklasse und die Hauptklasse dienen also als Schnittstellen oder Interfaces zwischen den einzelnen Gestaltungsmo- dulen bzw. den aus ihnen generierbaren grafischen Objekten und den sie bearbeitenden Programm-Modulen.The communication between the program modules and the design modules for creating and displaying the pages takes place between the upper class, which manages the properties of the graphic objects that can be generated from the design modules, and the main class, which manages the input and output media for processing these properties. The upper class and the main class thus serve as interfaces between the individual design modules or the graphic objects that can be generated from them and the program modules that process them.

Im Folgenden wird die Erstellung von Seiten näher erläutert.The creation of pages is explained in more detail below.

Zur Erstellung einer Seite wird im Ausführungsbeispiel neben den Gestaltungsmodulen das Programm-Modul "designer" benötigt. Dieses Programm-Modul enthält die für die Bearbeitung der Gestaltungsmodule notwendigen Methoden sowie die Hauptklasse, welche die Zeitachse und das virtuelle Koordinatensy- stem definiert und in der die Methoden zur Verfügung gestellt werden, die zur Interaktion mit dem Anwender (Ein- und Ausgabe) , zur Animation der grafischen Objekte und zur Skalierung der Seiten notwendig sind. Die Zeitachse ist in diesem Programm-Modul für den Betrachter in Form einer Benutzeroberflä- ehe sichtbar, um Befehle für die Animation eingeben zu können. Die wichtigsten in der Oberklasse zusammengefaßten Befehle sind "draw" (Darstellung), "get screen rect" (Objektgröße und -position) , "dialog" (Verändern der Eigenschaften des Objekts), "save" (sichern), "ani ation properties" (zeitabhängige Eigenschaften des Objekts), "load" (Einlesen einer Seite, um diese zu ändern) .To create a page, the program module "designer" is required in addition to the design modules in the exemplary embodiment. This program module contains the methods necessary for processing the design modules as well as the main class, which defines the time axis and the virtual coordinate system and in which the methods are made available that are used to interact with the user (input and output), for animating the graphic objects and for scaling the pages. In this program module, the time axis is visible to the viewer in the form of a user interface so that commands for the animation can be entered. The most important commands in the superclass are "draw" (display), "get screen rect" (object size and position), "dialog" (changing the properties) of the object), "save", "ani ation properties" (time-dependent properties of the object), "load" (reading a page to change it).

Zunächst werden das Programm-Modul "designer" geladen und das virtuelle Display geöffnet. Jetzt können über Menübefehle durch Aufrufen und Bearbeiten der Gestaltungsmodule grafische Objekte erstellt werden, vergleichbar mit Desktop-Publishing- Systemen, also durch stufenloses Bewegen von Text- oder Bild- elementen, stufenloses Vergrößern und Verkleinern von Schrift und Bild, Variation in Farbe, Gestaltung, Position und Skalierung, Hinzufügen von Links u. s. w. Während der Benutzer auf dem virtuellen Display die verschiedenen grafischen Objekte bspw. zu einer Internet-Seite zusammenstellt, wird durch den Befehl "save" eine Datei erstellt, die als codierte Textinformation sämtliche benötigten Daten zur Darstellung der jeweiligen grafischen Objekte enthält. Diese Datei wird "Seiten-Datei" genannt. Eine "Programmierung im Hintergrund" wie bei der Verwendung von HTML findet nicht statt. Die Er- Stellung der Seiten-Datei findet dann automatisch, ohne weiteres Zutun des Benutzers statt. Bei dieser Datei handelt es sich um eine Beschreibung der Seite in Form einer Textdatei, die in einem proprietären Format geschrieben ist. Es handelt sich um reine Daten und nicht, wie z. B. bei JAVA, um aus- führbare Anweisungen. Das hat den Vorteil einer höheren Übertragungsgeschwindigkeit, da die resultierenden Textdateien klein sind. Überdies können sie, anders als eine ganze JAVA- Datei, verschlüsselt werden und erhöhten somit die Datensicherheit gegenüber Abhören und Manipulationen. Außerdem, und dies ist ein entscheidender Aspekt, kann damit erreicht werden, daß die Darstellung unabhängig von den Eigenheiten der jeweiligen Browser und ihrer JAVA-Maschinen erfolgt (dazu später mehr) . Während der Erstellung geschieht vielmehr folgendes: Zur Erstellung bspw. eines Textes wird über die Tastatur durch Bearbeitung des Text-Gestaltungsmoduls ein Text eingegeben und mit seinen spezifischen Eigenschaften (bspw. Inhalt, Farbe, Größe, Position) als codierte Textinformation in der Seiten- Datei gespeichert. Wenn eine Eigenschaft, bspw. die Farbe, die Position oder die Animation, verändert werden soll, kann dies mittels eines Dialogfeldes durch Eingabe von Befehlen über die Tastatur geschehen. Beim Verschieben eines grafischen Objekts auf dem virtuellen Display sowie für eine Größenänderung oder eine Animation kann die Änderung in der Seitendatei direkt durch den grafischen Eingriff erfolgen, d.h. durch "Anfassen" und Bearbeiten des grafischen Objekts mit der Maus. Dabei wird der über die Tastatur oder die Maus eingegebene Befehl zur Veränderung der Farbe von der Hauptklasse des Programm-Moduls verarbeitet. Die Hauptklasse fragt die Eigenschaften des grafischen Objekts ab, indem sie mit der jeweiligen Oberklasse des entsprechenden Gestaltungsmoduls kommuniziert, und über den der Oberklasse zugeordneten Befehl "dialog" wird die neue Eigenschaft automatisch in der Seiten- Datei gespeichert.First the program module "designer" is loaded and the virtual display is opened. Now you can use menu commands to call up and edit the design modules to create graphic objects, comparable to desktop publishing systems, i.e. by moving text or picture elements continuously, continuously increasing and reducing the size of text and images, variation in color, design, Position and scaling, adding links etc. While the user is putting together the various graphic objects on the virtual display, for example to form an Internet page, the "save" command creates a file that contains all the data required to display the respective data as coded text information contains graphic objects. This file is called the "page file". "Programming in the background" like when using HTML does not take place. The creation of the page file then takes place automatically, without further action by the user. This file is a description of the page in the form of a text file written in a proprietary format. It is pure data and not, as e.g. B. at JAVA, for executable instructions. This has the advantage of a higher transmission speed, since the resulting text files are small. In addition, unlike an entire JAVA file, they can be encrypted, thus increasing data security against eavesdropping and manipulation. In addition, and this is a crucial aspect, it can be achieved that the display is independent of the peculiarities of the respective browser and their JAVA machines (more on this later). Rather, the following happens during the creation: To create a text, for example, text is entered via the keyboard by editing the text design module and its specific properties (for example content, color, size, position) as coded text information in the page file saved. If a property, for example the color, the position or the animation, is to be changed, this can be done using a dialog box by entering commands on the keyboard. When moving a graphic object on the virtual display as well as for a size change or animation, the change in the page file can be made directly by the graphic intervention, ie by "touching" and editing the graphic object with the mouse. The command to change the color entered via the keyboard or the mouse is processed by the main class of the program module. The main class queries the properties of the graphic object by communicating with the respective superclass of the corresponding design module, and the new dialog is automatically saved in the page file using the "dialog" command assigned to the upper class.

Um die erstellten Seiten im World Wide Web zugänglich zu ma- chen, werden die benötigten Seiten-Dateien und das erfindungsgemäße Computerprogrammprodukt in seinen benötigten Bestandteilen auf einem Webserver eines Providers gespeichert. Die Bereitstellung erfolgt in an sich bekannter Weise über einen FTP-Zugang (FTP = File Transfer Protocol) , der vom Webserver zur Verfügung gestellt wird. Dabei wird die erzeugte Seiten-Datei zusammen mit dem Programm-Modul "Interpreter" und ggf. weiteren Quelldateien, z. B. für Töne, abgespeichert. Als Ort der Speicherung kommt entweder der Web-Server selbst in Betracht, auf den die Dateien mittels FTP übertragen werden und von dort verfügbar gemacht werden, oder alternativ werden die Seiten-Dateien auf einem Client-System lokal abgelegt und mittels Vektoren, z. B. des FTP-Protokolls auf dem Server zur Verfügung gestellt.In order to make the created pages accessible on the World Wide Web, the required page files and the computer program product according to the invention are stored in their required components on a web server of a provider. It is provided in a manner known per se via FTP access (FTP = File Transfer Protocol), which is made available by the web server. The generated page file is together with the program module "interpreter" and possibly other source files, eg. B. for sounds. Either the web server comes as the place of storage itself into which the files are transferred via FTP and made available from there, or alternatively the page files are stored locally on a client system and by means of vectors, e.g. B. the FTP protocol provided on the server.

Nun wird die Wiedergabe von Seiten näher erläutert.Now the rendering of pages is explained in more detail.

Hierzu wird im Ausführungsbeispiel neben den zur Darstellung der Seiten benötigten Gestaltungsmodulen das Programm-ModulIn addition to the design modules required to display the pages, the program module is used for this purpose in the exemplary embodiment

"Interpreter" benötigt. Dieses Programm-Modul enthält die für die Darstellung der Seiten notwendigen Methoden sowie die Hauptklasse, welche die Zeitachse und das virtuelle Koordinatensystem definiert und in der die Methoden zur Verfügung ge- stellt werden, die zur Interaktion mit dem Anwender (Ein- und Ausgabe) , zur Animation der grafischen Objekte und zur Skalierung der Seiten notwendig sind. Die wichtigsten in der Oberklasse zusammengefaßten Befehle sind "draw" (Darstellung) , "get screen rect" (Objektgröße und -position) und "load" (Einlesen einer Seite zur Wiedergabe) ."Interpreter" needed. This program module contains the methods necessary for the display of the pages as well as the main class, which defines the time axis and the virtual coordinate system and in which the methods are made available, which are used to interact with the user (input and output), for animating the graphic objects and for scaling the pages. The most important commands in the superclass are "draw" (display), "get screen rect" (object size and position) and "load" (read a page for playback).

Alle Befehle, die nur zur Erstellung von Seiten benötigt werden (wie bspw. "dialog", "animation properties" und "save") , sind stillgelegt . Die Gestaltungsmodule können nur in einer Datei programmiert sein und alle Methoden enthalten, so daß sie mit auch allen Programm-Modulen kommunizieren können, oder sie können in zwei Dateien programmiert sein ("i-Datei" und "d-Datei") , wobei die "d-Datei" die für die Erstellung von Seiten notwendigen Methoden enthält und mit dem Programm- Modul "designer" kommuniziert und die "i-Datei" nur die für die Wiedergabe von Seiten notwendigen Methoden enthält und mit dem Programm-Modul "Interpreter" kommuniziert. Zur Darstellung einer mittels der vorliegenden Erfindung gestalteten Seite wird vom Browser zuerst eine HTML-Startseite geladen. Danach wird die im Browser implementierte virtuelle JAVA-Maschine gestartet und das Programm-Modul "Interpreter" aufgerufen. Anschließend werden die Seiten-Datei und die zur Darstellung der Seiten-Datei benötigten Gestaltungsmodule durch das Programm-Modul "Interpreter" geladen. Der Benutzer, der eine mittels der vorliegenden Erfindung gestaltete Seite aufruft, muß also das erfindungsgemäße Computerprogrammpro- dukt nicht selbst auf seinem Computer gespeichert haben, sondern es wird ähnlich zur Funktionsweise eins Plug-ins heruntergeladen und von dem Browser ausgeführt. Der "Interpreter" wird dann gestartet und verarbeitet die mit heruntergeladene Seiten-Datei zu einer hardware-unabhängigen Sprache, z. B. JAVA-Code, die dann von dem Browser, z. B. der JAVA Virtual Machine, weiterverarbeitet und angezeigt wird. Der Vorteil dieses sozusagen zweistufigen Verfahrens mit einer von der hardwareunabhängigen Sprache gesonderten Seiten-Datei ist, daß mit dem Programm-Modul als Präprozessor und dem Browser bzw. der darin implementierten virtuellen JAVA-Maschine alsAll commands that are only required to create pages (such as "dialog", "animation properties" and "save") have been shut down. The design modules can only be programmed in one file and contain all methods so that they can also communicate with all program modules, or they can be programmed in two files ("i file" and "d file"), the "d-file" contains the methods necessary for the creation of pages and communicates with the program module "designer" and the "i-file" only contains the methods necessary for the reproduction of pages and with the program module "interpreter" communicated. To display a page designed using the present invention, the browser first loads an HTML start page. Then the virtual JAVA machine implemented in the browser is started and the program module "Interpreter" is called. The page file and the design modules required to display the page file are then loaded by the "Interpreter" program module. The user who calls up a page designed by means of the present invention does not have to have stored the computer program product according to the invention himself on his computer, but is downloaded in a manner similar to the functioning of a plug-in and executed by the browser. The "interpreter" is then started and processes the downloaded page file into a hardware-independent language, e.g. B. JAVA code, which is then used by the browser, e.g. B. the JAVA Virtual Machine, processed and displayed. The advantage of this two-stage process, so to speak, with a page file separate from the hardware-independent language is that with the program module as preprocessor and the browser or the virtual JAVA machine implemented therein as

Prozessor eine browserunabhängige Darstellung ermöglicht ist. Das bedeutet, daß die Webseite unabhängig von dem Typ des zur Anzeige verwendeten Browsers jeweils so dargestellt wird, wie sie erstellt worden ist. Sie ist somit ein 1:1 Abbild der original erstellten Seite. Es ergibt sich damit eine WYSIWYG- Funktionalität (WYSIWYG = What You See Is What You Get) , die es vorher nicht gegeben hat. Insbesondere ist es mit dem erfindungsgemäßen Verfahren und Computerprogrammprodukt auch möglich, die browserunabhängige WYSIWYG-Darstellung auch für bewegte Objekte zu erzielen. Die Bewegung der Objekte erfolgt hinsichtlich Ort und Zeit auch bei der Darstellung auf unterschiedlichen Browsern exakt so, wie sie erstellt worden ist. Bei dem erfindungsgemäßen Verfahren und Computerprogrammprodukt sowie Computersystem ist auch eine Online-Erstellung von Webseiten möglich. Unter Online-Erstellung wird verstanden, daß das Programm zur Erstellung der Seiten-Dateien auf einem Rechner läuft, während der die Erstellung vornehmende Benutzer an einem anderen Rechner arbeitet und dort seine Eingaben vornimmt bzw. auch dort die Ausgaben bei der Erstellung erfolgen. Dank der obengenannten WYSIWYG-Funktionalität ist es auch hierbei ermöglicht, eine genaue 1:1 Abbildung der er- stellten Objekte bei statischen wie auch bei dynamischen Objekten zu erhalten.Processor enables browser-independent display. This means that the website is displayed as it was created, regardless of the type of browser used for the display. It is therefore a 1: 1 image of the originally created page. This results in a WYSIWYG functionality (WYSIWYG = What You See Is What You Get) that did not previously exist. In particular, it is also possible with the method and computer program product according to the invention to achieve the browser-independent WYSIWYG display even for moving objects. The objects move in terms of location and time, even when displayed on different browsers, exactly as they were created. In the method and computer program product and computer system according to the invention, online creation of websites is also possible. Online creation is understood to mean that the program for creating the page files runs on one computer, while the user performing the creation works on another computer and makes his entries there, and the outputs are also made there during the creation. Thanks to the WYSIWYG functionality mentioned above, it is also possible to obtain an exact 1: 1 image of the objects created for both static and dynamic objects.

Im folgenden wird ein Beispiel für die Verwendung der Property List bei der Wiedergabe von Seiten erläutert. Der Inter- preter stellt bspw. zum Zeitpunkt t feststellt, daß ein erneutes Zeichnen eines grafischen Objektes, bspw. des grafischen Objektes "HeadLine" notwendig ist (sei es, weil sich die Eigenschaften (Properties) von "HeadLine" seit dem letzten Zeichnen verändert haben, oder weil die Fensterfläche vergrößert/verkleinert bzw. verdeckt/freigelegt wurde) . Der Interpreter ruft daher die Funktion "HeadLine. draw (Graphics, Time = t) " auf. "HeadLine" ermittelt seine zum Zeitpunkt t gültigen Eigenschaften (Properties) mit dem Aufruf Property- List . getProperty (Time) . Innerhalb von "getProperty ( ) " erfol- gen alle notwendigen Interpolationen zur Berechnung von Position, Größe und Farbe von HeadLine zum Zeitpunkt t. Danach kann die tatsächliche Darstellung (Zeichnen) mittels der Funktion "Graphics . drawXX () " erfolgen.The following is an example of using the Property List when rendering pages. The interpreter determines, for example, at time t, that a redrawing of a graphical object, for example the graphical object "HeadLine", is necessary (be it because the properties of "HeadLine" have changed since the last drawing) or because the window area has been enlarged / reduced or covered / uncovered). The interpreter therefore calls the "HeadLine. Draw (Graphics, Time = t)" function. "HeadLine" determines its properties valid at time t by calling the property list. getProperty (Time). Within "getProperty ()" all necessary interpolations for the calculation of the position, size and color of HeadLine take place at time t. The actual display (drawing) can then be carried out using the "Graphics. DrawXX ()" function.

Nun wird die Seiten-Organisationsebene näher erläutert.Now the page organization level is explained in more detail.

Das im vorliegenden Ausführungsbeispiel vorgesehene Programm- Modul "overview" dient hauptsächlich zur übersichtlichen Ver- linkung und Organisation von mehreren Seiten. Dieses Programm-Modul enthält die für die gleichzeitige Darstellung von mehreren Seiten notwendigen Methoden. Die grafischen Objekte der jeweiligen Seiten können in diesem Programm-Modul sehr übersichtlich bspw. mit Links, Mouseover-Effekten u.a. versehen werden.The "overview" program module provided in the present exemplary embodiment is used primarily for clear overview Linking and organization from several sides. This program module contains the methods necessary for the simultaneous display of several pages. The graphic objects of the respective pages can be provided very clearly in this program module, for example with links, mouseover effects, etc.

Zum Schluß soll noch auf ein besonderes Gestaltungsmodul eingegangen werden, die im Ausführungsbeispiel mit "Buch" be- zeichnet wird. Mit diesem Gestaltungsmodul kann ein virtuelles Buch erzeugt und auf dem Bildschirm dargestellt werden, in welchem man von Seite zu Seite blättern kann. Diese Seiten sind zunächst leer. Sie können ebenso wie bspw. eine Internet-Seite, wie soeben beschrieben, erstellt und wiedergegeben werden, einschließlich Skalierung und Animationen. Zur Erstellung der Buchseiten werden die Seiten wie soeben beschrieben mit dem Programm-Modul "designer" erstellt und mit einem separaten Befehl auf den jeweiligen Buchseiten platziert .Finally, a special design module will be discussed, which is referred to in the exemplary embodiment as "book". With this design module, a virtual book can be created and displayed on the screen, in which one can flip from page to page. These pages are initially empty. They can be created and displayed in the same way as, for example, an Internet page, as just described, including scaling and animations. To create the book pages, the pages are created as just described with the program module "designer" and placed on the respective book pages with a separate command.

Dieses Gestaltungsmodul verfügt neben den bereits beschriebenen, in der Oberklasse definierten Methoden über zusätzliche Methoden zur Verwaltung und Darstellung von grafischen Objekten, die auf den Buchseiten platziert wurden. Das schließt auch die Skalierung dieser Objekte entsprechend der Buchgröße sowie ihre Animation mit ein. Dabei wird die Animation der auf den Buchseiten platzierten grafischen Objekte mit der Animation "Seite umblättern" synchronisiert. Die Animation von Seitenobjekten beginnt erst, wenn die entsprechende Buch- seite "aufgeschlagen" wurde und endet mit dem nächsten Seitenwechsel. Um die Animation "Seite umblättern" durchzuführen und die zeitabhängigen Eigenschaften der auf den Seiten dargestellten Objekte daran anzupassen, wird im Ausführungsbei- spiel die Zeitachse verwendet, welche bereits im Programm- Modul "designer" vorhanden ist. Selbstverständlich kann das besondere Gestaltungsmodul hierfür eine zusätzliche eigene Zeitachse enthalten. Hierzu wird vor dem Umblättern zuerst geprüft, ob auf der neu aufzuschlagenden Seite ein Objekt mit einer zeitabhängigen Eigenschaft vorhanden ist. Wenn ja, wird entlang der Zeitachse die "Umblätterzeit" in Echtzeit festgestellt und für den Beginn der Animation ein neuer Nullpunkt gesetzt, so dass die Animation erst beginnt, wenn die Seite "aufgeschlagen" ist. Ein weiterer Vorteil ist, daß die darzustellenden Objekte dynamisch zugeladen werden können, und zwar auch aus externen Quellen. Dies kann auch interaktiv erfolgen. Bspw. kann auf Seite "1" des Buchs das Geburtsdatum des Benutzers abgefragt werden und dann auf folgenden Seiten diesem Datum entsprechende Ereignisse des Tages oder desIn addition to the methods already described and defined in the upper class, this design module also has additional methods for managing and displaying graphic objects that have been placed on the book pages. This also includes the scaling of these objects according to the book size and their animation. The animation of the graphic objects placed on the book pages is synchronized with the animation "turn the page". The animation of page objects only begins when the corresponding book page has been "opened" and ends with the next page change. In order to carry out the animation "turn the page" and to adapt the time-dependent properties of the objects shown on the pages, the game uses the timeline that is already available in the "designer" program module. Of course, the special design module can contain an additional separate timeline for this. Before turning the page, it is first checked whether there is an object with a time-dependent property on the new page to be opened. If so, the "turn time" is determined in real time along the time axis and a new zero point is set for the beginning of the animation, so that the animation only begins when the page is "open". Another advantage is that the objects to be displayed can be loaded dynamically, even from external sources. This can also be done interactively. For example. the user's date of birth can be queried on page "1" of the book and then events of the day or of the day on the following pages

Zeitraums dargestellt werden, z. B. eine Tageszeitung, eine Videosequenz der "Tagesschau" dieses Tages etc. einschließlich solcher Inhalte, die von anderen Datenbanken zugeladen werden. Die damit erzeugten Seiten sind also sozusagen "run- time-dynamisch", d. h. die konkreten Inhalte werden erst bei Ausführung der Seite bestimmt. Diese Dynamik kann auch außerhalb des Buchs allgemein auf den erfindungsgemäß erstellten Webseiten verwendet werden.Period are shown, e.g. B. a daily newspaper, a video sequence of the "Tagesschau" of that day etc. including such content that is downloaded from other databases. The pages generated with it are thus "runtime dynamic", so to speak. H. the specific content is only determined when the page is executed. This dynamic can also be used outside the book in general on the websites created according to the invention.

Auf den Buchseiten können grundsätzlich alle mit den zur Verfügung stehenden Gestaltungsmodulen generierbaren grafischen Elemente platziert werden, einschließlich des Buches selbst (ein Buch im Buch im Buch im Buch... ) . Anlage 1In principle, all graphic elements that can be generated with the available design modules can be placed on the book pages, including the book itself (one book in the book in the book in the book ...). Attachment 1

Beispiele für die in der Oberklasse / den Oberklassen versammelten Methoden:Examples of the methods gathered in the superclass / superclasses:

"public void ini ( ) ""public void ini ()"

Funktion: wird bei der Erstellung eines grafischen Objekts aufgerufen Parameter: - Antwort:Function: is called when creating a graphic object Parameters: - Answer:

Kann überschrieben werdenCan be overwritten

"public void draw (Graphics g, int Zeit)""public void draw (graphics g, int time)"

Funktion: stellt das grafische Objekt zum Zeitpunkt Zeit dar Parameter: Grafikkontext g und Zeitpunkt Zeit Antwort : Muss überschrieben werdenFunction: displays the graphic object at the time time Parameters: graphic context g and time time Answer: Must be overwritten

"public void selectedDraw (Graphics g, int Zeit)""public void selectedDraw (Graphics g, int time)"

Funktion: stellt Hilfspunkte des selektierten grafischen Objekts zum Zeitpunkt Zeit dar Parameter: Gra ikkontext g und Zeitpunkt Zeit Antwort: Kann überschrieben werdenFunction: represents auxiliary points of the selected graphic object at the time time Parameters: graphic context g and time time Answer: Can be overwritten

"public Rectangle getRect(int Zeit)""public rectangle getRect (int time)"

Funktion: berechnet die Objektposition und -große zum Zeit punkt Zeit Parameter: Zeitpunkt ZeitFunction: calculates the object position and size at the point in time. Parameter: point in time

Antwort : umgebendes Rechteck Muss überschrieben werden "public boolean dialog (Frame fr, int Zeit)"Answer: The surrounding rectangle must be overwritten "public boolean dialog (frame fr, int time)"

Funktion: öffnet einen Dialog, um die Objekteigenschaften ändern zu können Parameter: Frame fr und Zeitpunkt Zeit Antwort: wurden die Eigenschaften geändert (true/false) ? Muss überschrieben werdenFunction: opens a dialog to be able to change the object properties. Parameters: frame for and time time Answer: have the properties been changed (true / false)? Must be overwritten

"public Rectangle moveTo (Rectangle r, int Zeit)" Funktion: verschiebt das grafische Objekt zum Zeitpunkt Zeit an den Ort r"Public Rectangle moveTo (Rectangle r, int time)" Function: moves the graphic object to time r at the time

Parameter: umgebendes Rechteck r und Zeitpunkt Zeit Antwort: neues umgebendes Rechteck,' muss nicht r entsprechen, z. Bsp. bei proportionalen Bildern Muss überschrieben werdenParameters: surrounding rectangle r and time time Answer: new surrounding rectangle, 'does not have to correspond to r, e.g. For example with proportional images must be overwritten

"public String save()""public string save ()"

Funktion: speichert alle Objektinformationen in einem S tring Parameter: Antwort: der String, in dem alle Eigenschaften abgelegt sind; dieser String wird vom Programm-Modul in eine Datei geschrieben Muss überschrieben werdenFunction: saves all object information in a string parameter: Answer: the string in which all properties are stored; This string is written into a file by the program module. Must be overwritten

"public boolean load (String s)""public boolean load (String s)"

Funktion: liest alle Objektinformationen aus einem String Parameter: ein String, den ein Programm-Modul aus einer Datei gelesen hat Antwort: hat das Einlesen funktioniert (true/false)? Muss überschrieben werdenFunction: reads all object information from a string Parameter: a string that a program module read from a file Answer: did the reading work (true / false)? Must be overwritten

"public boolean wantUserActions (int program) Funktion: gibt an, ob das grafische Objekt Benutzeraktionen mitgeteilt bekommt"public boolean wantUserActions (int program) Function: indicates whether the graphic object is notified of user actions

Parameter: aufrufendes Programm-Modul (0 = designer, 1 = Interpreter) Antwort: möchte das Objekt Aktionen haben (true/false)?Parameter: calling program module (0 = designer, 1 = interpreter) Answer: would the object like to have actions (true / false)?

Muss überschrieben werdenMust be overwritten

"public void gmouseOver (Point p) ""public void gmouseOver (Point p)"

Funktion: wird aufgerufen, wenn die Maus über dem grafi- sehen Objekt bewegt wurdeFunction: is called when the mouse has been moved over the graphic object

Parameter: Position des Mauszeigers im KoordinatensystemParameters: Position of the mouse pointer in the coordinate system

Antwort:Answer:

Muss überschrieben werden, wenn wantUserActions (0) mit true beantwortet wurdeMust be overwritten if wantUserActions (0) was answered with true

"public void gmouseln (void) ""public void gmouseln (void)"

Funktion: wird aufgerufen, wenn die Maus das grafische Objekt betreten hatFunction: is called when the mouse has entered the graphic object

Parameter: Position des Mauszeigers im Koordinatensystem Antwort:Parameters: Position of the mouse pointer in the coordinate system Answer:

Muss überschrieben werden, wenn wantUserActions (0) mit true beantwortet wurdeMust be overwritten if wantUserActions (0) was answered with true

"public void gmouseOut (void) " Funktion: wird aufgerufen, wenn die Maus das grafische Objekt verlassen hat Parameter: Position des Mauszeigers im Koordinatensystem Antwort : Muss überschrieben werden, wenn wantUserActions (0) mit true beantwortet wurde"public void gmouseOut (void)" Function: is called when the mouse has left the graphic object. Parameter: position of the mouse pointer in the coordinate system. Answer: Must be overwritten if answerUserActions (0) was answered with true

"public void gmouseClick(Point p, int modifier) " Funktion: wird aufgerufen, wenn die Maus über dem grafischen Objekt geklickt wurde"public void gmouseClick (Point p, int modifier)" Function: is called when the mouse is clicked over the graphic object

Parameter: Position des Mauszeigers im Koordinatensystem und Status (welche Maustaste, mit/ohne Shift, Ctrl, Alt)Parameters: position of the mouse pointer in the coordinate system and status (which mouse button, with / without Shift, Ctrl, Alt)

Antwort :Answer :

Muss überschrieben werden, wenn wantUserActions (0) mit true beantwortet wurdeMust be overwritten if wantUserActions (0) was answered with true

"public void gmouseDrag (Point p, int modifier) ""public void gmouseDrag (Point p, int modifier)"

Funktion: wird aufgerufen, wenn die Maus mit gehaltener Taste über dem grafischen Objekt bewegt wurde Parameter: Position des Mauszeigers im Koordinatensystem und Status (welche Maustaste, mit/ohne Shift,Function: is called when the mouse has been moved over the graphic object with the key held down Parameters: Position of the mouse pointer in the coordinate system and status (which mouse button, with / without shift,

Ctrl, Alt) Antwort :Ctrl, Alt) Answer:

Muss überschrieben werden, wenn wantUserActions (0) mit true beantwortet wurdeMust be overwritten if wantUserActions (0) was answered with true

"public boolean gkeyPressed (int key, int modifier)" Funktion: wird aufgerufen, wenn das grafische Objekt selektiert ist und eine Taste gedrückt wird Parameter: Tastencode und Status (mit/ohne Shift, Ctrl, Alt)"public boolean gkeyPressed (int key, int modifier)" function: is called when the graphical object is selected and a key is pressed Parameters: key code and status (with / without Shift, Ctrl, Alt)

Antwort: Tastendruck wurde bearbeitet (true/false) Muss überschrieben werden, wenn wantUserActions (0) mit true beantwortet wurde -Anlage 2Answer: Key press has been processed (true / false) Must be overwritten if wantUserActions (0) was answered with true - Appendix 2

Beispiele für die in der Unterklasse "Property List" versammelten Methoden:Examples of the methods gathered in the "Property List" subclass:

Da die zeitabhängigen Merkmale der grafischen Objekte objektspezifisch sind, werden nur Objekte abgelegt. Zur Berechnung von Zwischenwerten müssen mit CalcTwoNearest benachbarte Stützpunkte ermittelt werden und dann für jeden Parameter getrennt calc. durchgeführt werden.Since the time-dependent characteristics of the graphic objects are object-specific, only objects are stored. To calculate intermediate values, neighboring bases must be determined with CalcTwoNearest and then calc. Separately for each parameter. be performed.

Public int addProperty (Object newProperty) Funktion: legt ein neues Merkmalsobjekt oder Eigenschaftsobjekt in der Liste ab Parameter: das neue MerkmalsobjektPublic int addProperty (Object newProperty) Function: puts a new characteristic object or property object in the list. Parameter: the new characteristic object

Antwort: die Position des neuen Objekts innerhalb der ListeAnswer: the position of the new object within the list

Public Point getTwoNearest (int Zeit)Public point getTwoNearest (int time)

Funktion: sucht die zwei dem Zeitpunkt Zeit nächstliegen- den Objekte Parameter: Zeitpunkt Zeit Antwort: die Positionen der Objekte als Point (x=l . Objekt, y=2. Objekt oder -1,, wenn es ein Objekt genau zum Zeitpunkt Zeit gibt)Function: searches for the two objects closest to the time point in time Parameters: Time point in time Answer: the positions of the objects as points (x = 1st object, y = 2nd object or -1, if there is an object exactly at the point in time) )

Public int nextTime(int Zeit) Funktion: sucht den nächsten Stützzeitpunkt einer Liste Parameter: Zeitpunkt ZeitPublic int nextTime (int time) Function: searches for the next support point in a list Parameters: time point

Antwort: der nächste Zeitpunkt, zu dem es ein Objekt in der Liste gibt Public int prevTime(int Zeit)Answer: the next time there is an object in the list Public int prevTime (int time)

Funktion: sucht den vorherigen Stützzeitpunkt einer ListeFunction: searches for the previous support point in a list

Parameter: Zeitpunkt Zeit Antwort: der letzte Zeitpunkt, zu dem es ein Objekt in der Liste gibt, der vor dem angegebenen Zeitpunkt Zeit liegtParameters: Time Time Answer: the last time that there is an object in the list that is before the specified time

Public int calclnt(int il, int i2, int tl, int t2, int Zeit, int Typ)Public int calclnt (int il, int i2, int tl, int t2, int time, int type)

Funktion: Berechnung eines Zwischenwertes aus Werten zweier StützstellenFunction: Calculation of an intermediate value from the values of two interpolation points

Parameter: zwei Werte, zwei Zeitpunkte, der gewünschte Zeitpunkt Zeit und der Typ der Interpolation (0=linear, l=cosinusförmig (anfangs wenig, später viel Veränderung) , 2=sinusförmig (erst viel, dann wenig Veränderung)Parameters: two values, two times, the desired time and the type of interpolation (0 = linear, l = cosine (initially little, later a lot of change), 2 = sinusoidal (first a lot, then little change)

Antwort: der berechnete ZwischenwertAnswer: the calculated intermediate value

Public Point calcPoint (Point pl, Point p2, int tl, int t2, int Zeit, int Typ)Public Point calcPoint (Point pl, Point p2, int tl, int t2, int time, int type)

Funktion: Berechnung eines Zwischenwertes aus Werten zweier Stützstellen (wie calclnt, nur werden hier Werte vom Typ Point berechnet) Parameter: zwei Werte, zwei Zeitpunkte, der gewünschteFunction: Calculation of an intermediate value from values of two interpolation points (like calclnt, only values of the point type are calculated here) Parameters: two values, two times, the desired one

Zeitpunkt Zeit und der Typ der Interpolation (0=linear, l=cosinusförmig (anfangs wenig, später viel Veränderung) , 2=sinusförmig (erst viel, dann wenig Veränderung) Antwort: der berechnete ZwischenwertTime and type of interpolation (0 = linear, l = cosine (initially little, later a lot of change), 2 = sinusoidal (first a lot, then little change) Answer: the calculated intermediate value

Public Point calcColor (Color cl, Color c2, int tl, int t2, int Zeit, int Typ) Funktion: Berechnung eines Zwischenwertes aus Werten zweier Stützstellen (wie calclnt, nur werden hier Werte vom Typ Color berechnet)Public Point calcColor (Color cl, Color c2, int tl, int t2, int time, int type) Function: Calculation of an intermediate value from values of two points (like calclnt, only values of the color type are calculated here)

Parameter: zwei Werte, zwei Zeitpunkte, der gewünschte Zeitpunkt Zeit und der Typ der Interpolation (0=linear, l=cosinusförmig (anfangs wenig, später viel Veränderung) , 2=sinusförmig (erst viel, dann wenig Veränderung)Parameters: two values, two times, the desired time and the type of interpolation (0 = linear, l = cosine (initially little, later a lot of change), 2 = sinusoidal (first a lot, then little change)

Antwort: der berechnete Zwischenwert Answer: the calculated intermediate value

Claims

Patentansprüche claims

1. Verfahren zum Erstellen und/oder Bearbeiten sowie Wiedergeben von auf einem Computerbildschirm darstellbaren Seiten mit einem oder mehreren grafischen Objekten mittels eines auf einem Rechner installierten Computerpro- gramms, dadurch gekennzeichnet, daß das Computerprogramm in einer unabhängigen Programmiersprache programmiert wird, daß für die Erstellung und/oder Wiedergabe mindestens ein Programm-Modul verwendet wird, welches mit einer ersten Kommunikationseinheit versehen ist, daß jedes grafische Objekt separat durch einen Bearbeitungsvorgang aus einem Gestaltungsmodul automatisch erzeugt wird, daß jedes Gestaltungsmodul mit einer zweiten Kommunikationseinheit versehen ist, wobei die grafischen Objekte durch Kommunikation der ersten Kommuni- kationseinheit mit der zweiten Kommunikationseinheit bearbeitet werden dergestalt, daß zur Erstellung der Seite lediglich die Darstellungen der grafischen Objekte auf dem Computerbildschirm bearbeitet werden.1. A method for creating and / or editing and reproducing pages that can be displayed on a computer screen with one or more graphic objects by means of a computer program installed on a computer, characterized in that the computer program is programmed in an independent programming language that for the creation and / or playback, at least one program module is used, which is provided with a first communication unit, that each graphic object is automatically generated separately by a processing operation from a design module, that each design module is provided with a second communication unit, the graphic objects being provided Communication of the first communication unit with the second communication unit are processed in such a way that only the representations of the graphic objects are processed on the computer screen to create the page.

2. Verfahren nach Anspruch 1, dadurch gekennzeichnet, daß als unabhängige Programmiersprache Java verwendet wird.2. The method according to claim 1, characterized in that Java is used as an independent programming language.

3. Verfahren nach einem der vorhergehenden Ansprüche, dadurch gekennzeichnet, daß ein virtuelles Koordinatensy- stem generiert wird, dessen Achsen in einem fest vorgegebenen Größenverhältnis stehen. 3. The method according to any one of the preceding claims, characterized in that a virtual coordinate system is generated, the axes of which are in a predetermined size ratio.

4. Verfahren nach Anspruch 3, dadurch gekennzeichnet, dass zur Wiedergabe der Seite für die Achsen des Koordinatensystems automatisch eine Skalierung der Seite in Abhängigkeit von der Größe und den graphischen Eigen- schaffen eines zur Anzeige verwendeten Fensters stattfindet .4. The method according to claim 3, characterized in that for the reproduction of the page for the axes of the coordinate system, the page is automatically scaled as a function of the size and the graphic properties of a window used for display.

5. Verfahren nach einem der Ansprüche 3 oder 4, dadurch gekennzeichnet, daß auf dem Computerbildschirm eine Ar- beitsfläche generiert wird.5. The method according to any one of claims 3 or 4, characterized in that a work surface is generated on the computer screen.

6. Verfahren nach einem der vorhergehenden Ansprüche, dadurch gekennzeichnet, daß je ein Programm-Modul für die Erstellung, die Wiedergabe und die Verknüpfung von Sei- ten verwendet wird.6. The method according to any one of the preceding claims, characterized in that a program module is used for the creation, playback and linking of pages.

7. Verfahren nach einem der vorhergehenden Ansprüche, dadurch gekennzeichnet, daß die erste Kommunikationseinheit (Hauptklasse) dazu verwendet wird, die zeitabhän- gigen Eigenschaften bzw. Merkmale des aus einem Gestaltungsmodul generierbaren graphischen Objekts zu verändern und zur Durchführung von Animationen zu berechnen und die Tastaturbelegung und -befehle sowie Mausbefehle oder Voice-Befehle zu verwalten.7. The method according to any one of the preceding claims, characterized in that the first communication unit (main class) is used to change the time-dependent properties or features of the graphic object that can be generated from a design module and to calculate animations and the keyboard layout and commands as well as mouse commands or voice commands.

8. Verfahren nach einem der vorhergehenden Ansprüche, dadurch gekennzeichnet, daß zur Durchführung der Sklalie- rung das virtuelle Koordinatensystem in der ersten Kommunikationseinheit generiert wird, wobei die Position und Größe der grafischen Objekte nur innerhalb des virtuellen Koordinatensystems , d.h. nur relativ zueinander definiert werden. 8. The method according to any one of the preceding claims, characterized in that the virtual coordinate system is generated in the first communication unit to carry out the scaling, the position and size of the graphic objects being defined only within the virtual coordinate system, ie only relative to one another.

9. Verfahren nach einem der vorhergehenden Ansprüche, dadurch gekennzeichnet, daß zum Durchführen von Animationen die zeitabhängigen Eigenschaften bzw. Merkmale der grafischen Objekte zu verschiedenen Zeitpunkten festge- legt werden und eine Interpolation dieser Eigenschaften bzw. Merkmale für nicht definierte Zeitpunkte vorgenommen wird.9. The method according to any one of the preceding claims, characterized in that the time-dependent properties or features of the graphic objects are defined at different times in order to carry out animations and an interpolation of these properties or features is carried out for undefined times.

10. Verfahren nach einem der vorhergehenden Ansprüche, da- durch gekennzeichnet, daß die zweite Kommunikationseinheit (Oberklasse) dazu verwendet wird, sämliche zeitabhängigen Eigenschaften bzw. Merkmale der aus dem zugeordneten Gestaltungsmodul generierbaren grafischen Objekte zu definieren.10. The method according to any one of the preceding claims, characterized in that the second communication unit (upper class) is used to define all time-dependent properties or features of the graphic objects that can be generated from the assigned design module.

11. Verfahren nach einem der vorhergehenden Ansprüche, dadurch gekennzeichnet, daß die Definition und/oder Veränderung der Eigenschaften bzw. Merkmale der grafischen Objekte mittels Befehlen in Form standardisierter Ei- genschaften und/oder Methoden erfolgt.11. The method according to any one of the preceding claims, characterized in that the definition and / or change in the properties or features of the graphic objects by means of commands in the form of standardized properties and / or methods.

12. Verfahren nach Anspruch 10 oder 11, dadurch gekennzeichnet, daß alle Befehle bzw. Eigenschaften und/oder Methoden zur Definition der zeitabhängigen Eigenschaf- ten bzw. Merkmale der grafischen Objekte in einer Unterklasse zusammengefasst werden.12. The method according to claim 10 or 11, characterized in that all commands or properties and / or methods for defining the time-dependent properties or features of the graphic objects are combined in a subclass.

13. Verfahren nach einem der vorhergehenden Ansprüche, dadurch gekennzeichnet, daß pro Gestaltungsmodul zwei Da- teien erstellt werden, wobei die eine Datei nur zur13. The method according to any one of the preceding claims, characterized in that two files are created per design module, the one file only for

Kommunikation mit der ersten Kommunikationseinheit des für die Erstellung vorgesehenen Programm-Moduls und die andere Datei nur zur Kommunikation mit der ersten Korn- munikationseinheit des für die Wiedergabe vorgesehenen Programm-Moduls ausgestaltet wird.Communication with the first communication unit of the program module intended for creation and the other file only for communication with the first grain Communication unit of the program module intended for playback is configured.

14. Verfahren nach einem der vorhergehenden Ansprüche, da- durch gekennzeichnet, daß mittels eines separaten Gestaltungsmoduls ein virtuelles Buch erstellt, bearbeitet und wiedergegeben wird, wobei anhand der Zeitachse der ersten Kommunikationseinheit die Umblätterzeit der Seiten in Echtzeit gemessen und anschließend ein Null- punkt für den Beginn der Animation gesetzt wird.14. The method according to any one of the preceding claims, characterized in that a virtual book is created, edited and reproduced by means of a separate design module, the page turning time of the pages being measured in real time using the time axis of the first communication unit and then a zero point for the beginning of the animation is set.

15. Verfahren nach Anspruch 14, dadurch gekennzeichnet, daß das separate Gestaltungsmodul mit einer eigenen Zeitachse zur Bestimmung der Umblätterzeit versehen wird.15. The method according to claim 14, characterized in that the separate design module is provided with its own time axis for determining the page turning time.

16. Verfahren nach einem der vorhergehenden Ansprüche, dadurch gekennzeichnet, daß eines der Programm-Module zu einer erstellten Seite eine Seiten-Datei erzeugt, in der die Daten zur Darstellung der graphischen Objekte als vorzugsweise kodierte Textinformation gespeichert ist .16. The method according to any one of the preceding claims, characterized in that one of the program modules for a created page generates a page file in which the data for displaying the graphic objects is stored as preferably encoded text information.

17. Verfahren nach Anspruch 16, dadurch gekennzeichnet, daß zum Wiedergeben der Seite das Programm-Modul für die Wiedergabe und die Seiten-Datei von einem Server zu einem Client übertragen werden, der das Programm-Modul ausführt, wobei die Seiten-Datei vom Programm-Modul eingelesen und verarbeitet wird.17. The method according to claim 16, characterized in that for the reproduction of the page, the program module for the reproduction and the page file are transmitted from a server to a client which executes the program module, the page file being transmitted by the program Module is read in and processed.

18. Verfahren nach Anspruch 17, dadurch gekennzeichnet, daß das Programm-Modul mittels eines Browsers des Clients ausgeführt wird, wobei von dem Programm-Modul ein hardwareunabhängiger Programmcode, vorzugsweise JAVA, er- zeugt und vom Browser weiterverarbeitet wird.18. The method according to claim 17, characterized in that the program module is executed by means of a browser of the client, the program module executing a hardware-independent program code, preferably JAVA. testifies and is further processed by the browser.

19. Computersystem zur Durchführung des Verfahrens nach einem der Ansprüche 1 bis 15.19. Computer system for performing the method according to one of claims 1 to 15.

20. Computersystem nach Anspruch 19, nämlich ein Client- System zum Erstellen und/oder Bearbeiten und/oder Wiedergeben von auf einem Computerbildschirm darstellbaren Seiten mit einem oder mehreren grafischen Objekten.20. Computer system according to claim 19, namely a client system for creating and / or editing and / or displaying pages that can be displayed on a computer screen with one or more graphic objects.

21. Computersystem nach Anspruch 119, nämlich ein von mindestens einem Rechner aus zugänglicher Webserver zum Erstellen und/oder Bearbeiten und/oder Wiedergeben von auf einem Computerbildschirm darstellbaren Seiten mit einem oder mehreren grafischen Objekten.21. Computer system according to claim 119, namely a web server accessible from at least one computer for creating and / or editing and / or displaying pages that can be displayed on a computer screen with one or more graphic objects.

22. Computerprogrammprodukt zur Durchführung des Verfahrens nach einem der Ansprüche 1 bis 18 und/oder zur Ausstattung eines Computersystems nach einem der Ansprüche 20 oder 21.22. Computer program product for performing the method according to one of claims 1 to 18 and / or for equipping a computer system according to one of claims 20 or 21.

23. Auf einem Datenträger, insbesondere einer Festplatte, einer Floppy Disk, einer CD-ROM oder einem Speicherband gespeichertes Computerprogrammprodukt nach Anspruch 22.23. Computer program product according to claim 22 stored on a data carrier, in particular a hard disk, a floppy disk, a CD-ROM or a storage tape.

24. Auf einem Datenträger, nämlich einem Server-System zum Download bereitgestelltes Computerprogrammprodukt nach Anspruch 22. 24. A computer program product according to claim 22 provided for download on a data carrier, namely a server system.