DE102006043166A1

DE102006043166A1 - Digital original layout producing method for e.g. graphical web browser, involves assigning unique names to image tiles based on position of tiles in original layout, zooming degree and page number of print document

Info

Publication number: DE102006043166A1
Application number: DE102006043166A
Authority: DE
Inventors: Dirk Morgenroth; Ludwig Märthesheimer
Original assignee: Ludwig Maerthesheimer & Dirk M; Ludwig Marthesheimer & Dirk Morgenroth GbR (vertretungsberechtigter Gesellschafter Ludwig Marthesheimer 96103 Hallstadt)
Current assignee: Ludwig Maerthesheimer & Dirk M; Ludwig Marthesheimer & Dirk Morgenroth GbR (vertretungsberechtigter Gesellschafter Ludwig Marthesheimer 96103 Hallstadt)
Priority date: 2006-09-14
Filing date: 2006-09-14
Publication date: 2008-03-27
Anticipated expiration: 2026-09-15
Also published as: DE102006043166B4

Abstract

The method involves converting a print document into a digital original layout. The original layout is scaled into different desired zooming degrees. The original layout is divided into a number of image tiles, which form a matrix of image tiles. Unique names are assigned to each tile based on position of the tiles in the original layout, the zooming degrees and a page number of the print document. An interactive element e.g. animated display, film data or music data, is assigned to the original layout. An independent claim is also included for a computer program for performing a digital original layout producing method.

Description

Die Erfindung bezieht sich auf ein Verfahren zum Aufbereiten eines digitalen Originallayouts einer Druckschrift (beispielsweise Tageszeitung, Zeitschrift oder Magazin) zu dessen Darstellung und Lesbarmachung in einem Browserfenster eines Internetbrowsers. Sie betrifft weiterhin ein elektronisches System zur Darstellung eines digitalen Originallayouts in einem Browserfenster, sowie ein entsprechendes Computerprogramm.The The invention relates to a method for rendering a digital Original layouts of a publication (for example daily newspaper, Magazine or magazine) for its presentation and reading in a browser window of an internet browser. It continues to apply an electronic system for displaying a digital original layout in a browser window, as well as a corresponding computer program.

Die derzeit am Markt befindlichen Lösungen, sog. ePaper, geben aufgrund der zur dynamischen Darstellung verwendeten digitalen Daten das Erscheinungsbild des Printmediums im Internetbrowser mit Standardinstallationseinstellungen nicht unverändert wieder bzw. benötigen dafür zusätzliche Hilfsmittel. So können z.B. großformatige Printprodukte (Tageszeitungen) nicht lesbar im Originallayout dargestellt werden. Die Datenmengen hierfür wären in der Regel zu groß. Zudem können interaktive Inhalte wie z.B. animierte Anzeigen, Musik- und Filmdateien ohne die Verwendung von Zusatzprogrammen wie z.B. Adobe Acrobat Reader oder Macromedia Flashplayer nicht im Originallayout integriert werden. Darüber hinaus basieren die im Markt befindlichen ePaper in der Regel auf vorher dafür generierten PDF-Dateien (vgl. Patent DE 102 57 418 A1 2004.06.24).Due to the digital data used for the dynamic presentation, the solutions currently available on the market, the so-called ePaper, do not reproduce the appearance of the print medium in the Internet browser with standard installation settings or require additional aids for this. For example, large format print products (daily newspapers) can not be displayed legibly in the original layout. The data volumes for this would usually be too large. In addition, interactive content such as animated ads, music and movie files without the use of additional programs such as Adobe Acrobat Reader or Macromedia Flash Player can not be integrated in the original layout. In addition, the ePaper available on the market are generally based on previously generated PDF files (see Patent DE 102 57 418 A1 06.24.2004).

Die momentan im Markt befindlichen Lösungen ermöglichen keine originalgetreue, lesbare Darstellung des einzelnen Artikels ohne den Einsatz zusätzlicher Programme/Software, sondern verwenden entweder textliche Darstellung oder grafische Darstellung mittels zusätzlicher Programme wie z.B. Adobe Acrobat Reader, Macromedia Flashplayer oder Java. Falls dennoch eine originalgetreue Darstellung gegenüber dem Printprodukt gewählt wird, ermöglicht diese z.B. keinerlei Zoom- und Scrollfunktion direkt im Internetbrowser mit Standardinstallationseinstellungen. Interaktive Elemente öffnen sich zumeist in externen Programmen oder neuen Browserfenstern, wofür allerdings gesonderte Software installiert sein muss. Die beiden dafür hauptsächlich vom Markt verwendeten Programme sind Adobe Acrobat Reader und Macromedia Flashplayer. Diese Programme werden auch zukünftig nicht standardmäßig in Internetbroswern enthalten sein und können in der Regel nur von Nutzern mit Administratorenrechten installiert werden. Dies bedeutet, dass Flash- oder pdf-basierte Inhalte zur Sichtbarwerdung eines dieser beiden Programme zwingend brauchen. Nicht zu vergessen ist, dass bei den bestehenden Lösungen interaktive Inhalte aufwendig programmiert, erstellt und gestaltet werdenmüssen.The currently on the market solutions enable no faithful, readable representation of the individual article without the use of additional Programs / software, but use either textual representation or graphic representation by means of additional programs, e.g. Adobe Acrobat Reader, Macromedia Flashplayer or Java. If still a faithful representation is chosen over the print product, allows this e.g. no zoom and scroll function directly in the Internet browser with default installation settings. Interactive elements open mostly in external programs or new browser windows, for which, however separate software must be installed. The two mainly from the Market programs used are Adobe Acrobat Reader and Macromedia Flash Player. These programs will not be available in Internet Brose by default be included and can usually only installed by users with administrator rights become. This means that Flash or pdf based content for Visualization of one of these two programs. Not to forget that the existing solutions are interactive Content must be elaborately programmed, created and designed.

Eine der vorliegenden Erfindung zugrunde liegende Aufgabe besteht darin, ein digitales Originallayout eines Printobjektes derart aufzubereiten, dass das Printobjekt unverändert ohne zusätzliche Programme (wie z.B. Adobe Acrobat Reader) auf einem Bildschirm darstellbar und diese Darstellung im Wesentlichen ohne Qualitätsverlust beliebig vergrößerbar ist. Darüber hinaus sollte das digitale Originallayout auf einfache Weise mit interaktiven Inhalten ergänzbar sein.A The object underlying the present invention is that to prepare a digital original layout of a print object in such a way that the print object is unchanged without additional Programs (such as Adobe Acrobat Reader) can be displayed on a screen and this presentation essentially without quality loss is arbitrarily increased. About that In addition, the original digital layout should be easy with additional interactive content be.

Eine besonders wichtige Vorgabe war, dass der Endnutzer für das Lesen und auch für die Darstellung der interaktiven Inhalte außer einem beliebigen Internetbrowser mit Standardinstallationseinstellungen (z.B. Internet Explorer, Firefox o der Opera) keinerlei zusätzliche Software (also auch kein Adobe Acrobat Reader) benötigt.A particularly important requirement was that the end user for reading and also for the presentation of interactive content except for any Internet browser with default installation settings (e.g., Internet Explorer, Firefox o the Opera) no additional software (including no Adobe Acrobat Reader).

Zudem soll die Ladezeit insbesondere für gezommte Bildausschnitte im Browserfenster möglichst gering gehalten werden.moreover should the loading time especially for captured image sections in the browser window are kept as low as possible.

Diese Aufgabe wird durch ein Verfahren mit den Merkmalen des Patentanspruches 1 gelöst. Merkmale von vorteilhaften Weiterbildungen sind in den Unteransprüchen angegeben.These The object is achieved by a method having the features of the claim 1 solved. Features of advantageous developments are specified in the subclaims.

Das Problem wurde gelöst durch die Abbildung des Originallayouts auf eine beliebige Anzahl von Bildkacheln (eine Bildkachel ist ein x mal y großer Bildausschnitt aus dem Originallayout), die für jede gewünschte Auflösung dynamisch generiert werden. Dies hat den Vorteil, dass jeder Internetbrowser mit Standardinstallationseinstellungen somit in der Lage ist, das Originallayout in jedem beliebigen Ausschnitt und jeder beliebigen Zoomstufe wiederzugeben. Um die Ladezeiten beim Anwender so gering wie möglich zu halten, werden immer nur jene Bildkacheln im Speicher des Anwenders gehalten und angezeigt, die zur Darstellung des gewählten Bildauschnittes erforderlich sind. Gleiches gilt gegebenenfalls für sämtliche interaktiven Elemente (Animationen, Verlinkungen, onMouse-Over-Effekte etc.).The Problem was solved by mapping the original layout to any number of picture tiles (a picture tile is a x times y large picture detail from the original layout), which for any desired resolution dynamic to be generated. This has the advantage that every internet browser with standard installation settings thus able to do that Original layout in any section and zoom level play. In order to minimize loading times for the user keep only those picture tiles in the memory of the user held and displayed, which represents the selected image detail required are. The same may apply to all interactive elements (animations, links, on-mouse-over-effects etc.).

Das Originallayout wird beispielsweise vom oberen linken Rand beginnend und am unteren rechten Rand endend in Bildkacheln unterteilt. Es kann aber auch jede andere geeignete Richtung und Reihenfolge gewählt werden.For example, the original layout will be split from the upper left edge to the lower right edge, ending in image tiles. But it can also be any other suitable direction and order to get voted.

Das System skaliert die Ausgangsinformation (= Ausschnitt der Originaldatei (Originallayout)) auf die jeweilige Bildkachel.The System scales the output information (= section of the original file (Original layout)) on the respective picture tile.

Dies geschieht für jede gewünschte Zoomstufe und für jeden gewünschten Ausschnitt der Originaldatei.This happens for any desired Zoom level and for any desired Detail of the original file.

Die wesentlichen Vorteile des Verfahrens gemäß der Erfindung lassen sich also wie folgt zusammenfassen:

– höchste Darstellungsqualität die alleine durch die lediglich durch das zur Verfügung stehende Ausgangsmaterial beeinflusst wird,
– originalgetreue Darstellung ganzer Seiten in stufenloser Vergrößerung,
– keinerlei Zusatzsoftware erforderlich (auch nicht Acrobat Reader, Macromedia Flashplayer, JAVA),
– wesentlich geringere Datenmengen als bei herkömmlichen PDFs,
– Nutzung interaktiver Inhalte (beispielsweise Filme, Musik, Animationen, Newsletteranmeldungen, Chats, Umfragen mit direkter Ergebnisdarstellung, Leserbriefe, Shopsysteme, vollständige Internetseiten) im Originallayout ebenfalls ohne zusätzliche Softwareinstallationen möglich, und
– automatische Erstellung aus jedem beliebigen Datenformat möglich.

The main advantages of the method according to the invention can therefore be summarized as follows:

- the highest quality of representation, which is influenced solely by the raw material available,
- faithful representation of entire pages in continuous magnification,
- no additional software required (not even Acrobat Reader, Macromedia Flashplayer, JAVA),
- much less data than with conventional PDFs,
- Use of interactive content (eg films, music, animations, newsletter registrations, chats, surveys with direct presentation of results, letters to the editor, shop systems, complete internet pages) in the original layout also possible without additional software installations, and
- Automatic creation from any data format possible.

Bei einer vorteilhaften Ausgestaltung erfasst das System den Anwender bei seinem Leseverhalten der auf dem Bildschirm sichtbaren Darstellung des Originallayouts einer Druckschrift, des sogenannten iPapers, und speichert dies in einer Datenbank ab. Dann wird aus der Datenbank heraus eine Art Hierarchie des Anwenderverhaltens ermittelt und danach werden die entsprechenden Bildkacheln entsprechend dieser Hierarchie vorgeladen.at In an advantageous embodiment, the system detects the user in his reading behavior visible on the screen representation the original layout of a print, the so-called iPapers, and saves this in a database. Then it will be out of the database out a kind of hierarchy of user behavior and determined after that, the corresponding picture tiles are corresponding to this Hierarchy preloaded.

Durch eine solche Analyse und Auswertung des Anwenderverhaltens, deren Resultat dazu verwendet wird, anwenderabhängig die wahrscheinlich als nächstes benötigten/anzuzeigenden Bildkacheln im Voraus zu laden, können vorteilhafterweise besonders schnelle Ladezeiten der gewünschten Bildausschnitte erzielt werden.By such an analysis and evaluation of the user behavior whose Result is used, depending on the user, probably as next required / to be displayed Loading picture tiles in advance can be particularly advantageous fast loading times of the desired Image sections are achieved.

In einem Beispiel hierfür laden 100 Nutzer die erste Seite und schieben das iPaper sofort nach links, so dass Bildkacheln am rechten Rand nachgeladen werden müssen, laden 50 Nutzer die erste Seite und schieben das iPaper sofort nach rechts, so dass Kacheln am linken Rand nachgeladen werden müssen, und laden 25 Nutzer die erste Seite und schieben das iPaper sofort nach oben, so dass Kacheln am unteren Rand nachgeladen werden müssen. Für alle Anwender des iPapers macht die intelligente Prognose nun folgendes: Geht ein Anwender auf das iPaper und lädt die erste Seite, dann lädt das System, nachdem es mit der „Grundladung" fertig ist, Bildkacheln am rechten Rand nach, weil die Wahrscheinlichkeit, dass der Anwender das iPaper sofort nach links schieben wird, die Höchste ist. Wenn das System damit fertig ist, beginnt es automatisch, die Bildkacheln am linken Rand nachzuladen, weil der Anwender wahrscheinlich das iPaper gleich nach rechts schieben wird. Danach werden die Bildkacheln am unteren Rand nachgeladen usw.. Zusätzlich werden von der künstlichen Intelligenz die nächste und vorhergehende Zoomstufe des momentan gewählten Ausschnitts und evtl. die nachfolgenden Seiten (bei mehrseitigen Dokumenten) geladen.In an example of this Load 100 users the first page and push the iPaper immediately to the left, so that tiles on the right edge are reloaded have to, Load 50 users the first page and push the iPaper immediately right, so that tiles on the left edge must be reloaded, and Load 25 users the first page and push the iPaper immediately above, so tiles need to be reloaded at the bottom. For all users of the iPaper makes the intelligent forecast now the following: Come on Users on the iPaper and loads the first page, then loads the system, after it is done with the "basic charge", image tiles on the right after, because the probability of the user the iPaper will immediately push to the left, the highest is. When the system is done with it, it automatically starts the picture tiles reloading on the left edge, because the user is probably the iPaper will push right to the right. After that, the picture tiles In addition, from the artificial Intelligence the next and previous zoom level of the currently selected section and possibly the following pages (for multi-page documents) are loaded.

Ein besonderer Vorteil des iPapers besteht darin, dass es sich der Inhalt und dessen Anzeige ausschließlich über eine Computermaus steuern lässt. Verfügt diese z.B. über ein Scrollrad, so können unterschiedliche Zoomstufen, wenn gewünscht, durch einfaches Drehen des Scrollrades erreicht bzw. aufgerufen werden. Darüber hinaus kann das gewählte Bild bzw. die gewählte Seite mit der Maus beliebig im Browserfenster verschoben werden.One particular advantage of the iPaper is that it is the content and its display exclusively via a Control computer mouse. has this e.g. above a scroll wheel, so can different zoom levels, if desired, by simply turning of the scroll wheel can be reached or called up. Furthermore can the chosen one Picture or the selected one Page with the mouse can be moved anywhere in the browser window.

Zur Veranschaulichung des Verfahrens und des iPaper-Systems zeigtto Illustrating the procedure and the iPaper system shows

1 schematisch, wie alle Komponenten des iPaper-systems zusammenspielen, und 1 schematically, how all components of the iPaper system interact, and

2 schematisch den Weg des Printproduktes im Originallayout in den Internetbrowswer. 2 schematically the way of the print product in the original layout in the Internet browser.

Demnach (vgl. 1) erzeugt ein iPaper-Generator vollautomatisch eine iPaper-Matrix aus Bildkacheln, die alle Inhalte wie Bilder, Texte, Links etc. im Originallayout für jede gewünschte Zoomstufe speichert und in einer iPaper-Matrix-Datenbank (ohne Darstellung) hinterlegt. Die iPaper-Matrix wird an den iPaper-Datenserver übermittelt. Mittels eines iPaper-Pflegesystems, das auf die iPaper-Matrix und/oder auf den iPaper-Datenserver zugreift, können in der iPaper-Matrix Links gesetzt und Mulitmedia-Inhalte ergänzt werden. Ein Leser des iPapers greift auf den iPaper-Datenserver zu und benötigt nur einen Browser für die Betrachtung und Nutzung des Printprodukts im Originallayout und sämtlicher interaktiver Inhalte.Accordingly (cf. 1 ) creates an iPaper generator fully automatically an iPaper matrix of image tiles, which stores all content such as images, texts, links, etc. in the original layout for each desired zoom level and stored in an iPaper matrix database (without representation). The iPaper matrix is sent to the iPaper data server. By means of an iPaper care system, which on the iPaper matrix and / or on the iPa accessed via the data server, links can be set in the iPaper matrix and multimedia content can be added. A reader of the iPaper accesses the iPaper data server and only needs a browser to view and use the print product in the original layout and all interactive content.

Wie in 2 veranschaulicht, wird das Originallayout des Printprodukts vollautomatisch in der iPaper-Matrix abgebildet. Nachfolgend wird das iPaper (bzw. werden die iPaper-Matrizen in den verschiedenen Zoomstufen) über das Internet an jeden beliebigen Browser ausgeliefert. Ein Anwender kann dann im Browserfenster jeden sichtbaren Ausschnitt des iPapers frei verschieben, skalieren und zoomen.As in 2 illustrates, the original layout of the print product is fully automatically imaged in the iPaper matrix. Subsequently, the iPaper (or the iPaper matrices in the various zoom levels) will be delivered to any browser via the Internet. A user can then freely move, scale and zoom in each visible section of the iPaper in the browser window.

Das Verfahren und die Struktur gemäß der vorliegenden Erfindung lässt sich überall dort einsetzen, wo gedruckte Inhalte 1:1 in digitale Daten umgewandelt und dargestellt werden sollen und/oder durch andere (auch interaktive) Inhalte ergänzt werden und diese Daten nur durch den Einsatz herkömmlicher Internetbrowser mit Standardinstallationseinstellungen zugänglich gemacht werden sollen. Dies betrifft z.B. Schulbücher, Lexika, Baupläne oder auch medizinische Daten die über das Internet verfügbar gemacht werden sollen. Dies gilt für ein- und mehrseitige Dokumente.The Method and structure according to the present invention Invention leaves everywhere Use it where printed content is converted 1: 1 into digital data and should be presented and / or by others (also interactive) Content added and this data only by the use of conventional Internet browser accessible with default installation settings should be. This concerns e.g. Textbooks, dictionaries, blueprints or also medical data over the internet available to be made. This applies to one-page and multi-page documents.

Die Erfindung wird nachfolgend anhand eines Ausführungsbeispieles näher erläutert.The Invention will be explained in more detail with reference to an embodiment.

Bei dem Ausführungsbeispiel der Erfindung wird ein einseitiges, elektronisch vorliegendes Druckdokument umgewandelt.at the embodiment The invention is a one-sided, electronically present printing document transformed.

Die Originaldatei, bestehend aus Bild und Text, ist in der Größe 3000 Pixel breit und 4000 Pixel hoch. Diese Ausgangsgröße stellt die höchstmögliche Darstellungsqualität dar und definiert damit gleichzeitig die größtmögliche Zoomstufe. Die Ausgangsdatei wird vom System nach folgendem Verfahren und folgender Struktur skaliert, wobei hier zwei Annahmen zugrunde gelegt werden:

i) Jede Bildkachel hat eine feste größe von 100 Pixel×100 Pixel (Breite × Höhe) und
ii) Zoomstufen unterscheiden sich dadurch, dass Sie entweder 500 Pixel mehr oder weniger (je nachdem ob höher oder niedriger gezoomt wird) in der Gesamtbreite darstellen.

The original file, consisting of image and text, is 3000 pixels wide and 4000 pixels high. This output represents the highest possible rendering quality, and at the same time defines the largest possible zoom level. The output file is scaled by the system according to the following procedure and structure, using two assumptions:

i) Each image tile has a fixed size of 100 pixels × 100 pixels (width × height) and
ii) Zoom levels are different in that they either represent 500 pixels more or less (depending on whether they are zoomed higher or lower) in the total width.

Somit ergeben sich folgende Größenverhältnisse in sechs möglichen Zoomstufen: Breite Höhe Rundung 3000 Pixel 4000 Pixel 4000 Pixel 2500 Pixel 3333 Pixel 3400 Pixel 2000 Pixel 2667 Pixel 2700 Pixel 1500 Pixel 2000 Pixel 2000 Pixel 1000 Pixel 1333 Pixel 1400 Pixel 500 Pixel 667 Pixel 700 Pixel Thus, the following proportions result in six possible zoom levels: width height curve 3000 pixels 4000 pixels 4000 pixels 2500 pixels 3333 pixels 3400 pixels 2000 pixels 2667 pixels 2700 pixels 1500 pixels 2000 pixels 2000 pixels 1000 pixels 1333 pixels 1400 pixels 500 pixels 667 pixels 700 pixels

Die Originaldatei wird nachfolgend auf die jeweiligen Zoomstufen unter Angabe der Breite skaliert und anschließend bis zur ermittelten, aufzurundenden Höhe mit Hintergrundfarbe aufgefüllt. Anschließend werden diese Dateien (Originaldatei und skalierte Dateien) in jeweils 100×100 Pixel große Bildkacheln zerschnitten. Die einzelnen Bildkacheln erhalten einen eindeutigen Namen, der Position, Zoomstufe, und bei mehrseitigen Dokumenten die Seitenzahl enthält. Beispiel: Bildkachel x4/y5/z8/p9, wobei x für Spalte, y für Zeile, z für Zoomstufe und p für Seitenzahl stehen. Damit ist die Generierung der Bildkacheln abgeschlossen.The Original file will be below on the respective zoom levels under Specification of the width scaled and then to the determined, aufzurundenden Height with Background color padded. Subsequently These files (original file and scaled files) are in each case 100 × 100 Pixel big Tiles cut up. The individual picture tiles receive one unique name, location, zoom level, and multi-page documents contains the page number. Example: Image tile x4 / y5 / z8 / p9, where x is a column, y is a row, z for zoom level and p for Page number are. This completes the generation of the image tiles.

Die Anzeige der Bildkacheln erfolgt basierend auf diesem Prinzip je nach gewählter Zoomstufe, Seite und Ausschnitt.The Image tiles are displayed based on this principle after chosen Zoom level, page and section.

Die dafür benötigten Bildkacheln werden im Internetbrowser des Anwenders angezeigt.The for this required picture tiles are displayed in the user's Internet browser.

Beliebige Bereiche des Layouts können nun mit Links versehen werden, die dann jeweils automatisch auf die jeweilige Zoomstufen skaliert werden. Zudem lassen sich beliebige Bereiche beliebiger Zoomstufen wiederum mit beliebigen Inhalten versehen (Animationen, Videos, Musikdateien, etc.). Diese Daten werden in der iPaper-Matrix-Datenbank hinterlegt und mit den entsprechenden Bereichen der Bildkacheln verknüpft. Dies ist Voraussetzung für eine Darstellung des iPapers in Echtzeit mit allen interaktiven Inhalten im Internetbrowser mit Standardinstallationseinstellungen.any Areas of the layout can now be provided with links, which then automatically on each the respective zoom levels are scaled. In addition, any Areas of arbitrary zoom levels, in turn, with any content provided (animations, videos, music files, etc.). These dates are stored in the iPaper matrix database and with the corresponding Linked areas of the image tiles. This is a requirement for a real-time view of the iPaper with all the interactive ones Content in Internet browser with default installation settings.

Die Erläuterung der Erfindung anhand des Ausführungsbeispieles ist selbstverständlich nicht als Beschränkung der Erfindung auf dieses Ausführungsbeispiel oder auf einzelne konkrete Elemente dieses Ausführungsbeispiels zu verstehen. Vielmehr können die im der Beschreibung des Ausführungsbeispieles vorangehenden allgemeinen Teil der Beschreibung genannten Elemente von vorteilhaften Ausführungsformen und Weiterbildungen unter Zugrundelegung der der Erfindung innewohnenden grundlegenden Idee frei und bedarfsabhängig untereinander kombiniert, weggelassen oder mit zusätzlichen Elementen kombiniert werden.The explanation of the invention with reference to the embodiment is of course not as a limitation of the invention to this embodiment or to individual concrete elements of this leadership example. Rather, the preceding in the description of the embodiment of the general part of the description mentioned elements of advantageous embodiments and developments on the basis of the invention inherent basic idea freely and demand-dependent combined, omitted or combined with additional elements.

Claims

Method for preparing a digital original layout a print document for displaying it in a browser window an internet browser, characterized by the following method steps: - Convert the printed document into a digital original layout, - Scale the original layout into different desired zoom levels, - Subdivide the original layout of each zoom level into a plurality of picture tiles, which form a matrix of image tiles per zoom level, and - Assign a unique name to each tile depending on a location of the tile Picture tile in the original layout, its zoom level and multi-page Original layouts of the page number.

Method according to claim 1, wherein upon request of Internet users a file that includes positioning instructions, and at least two picture tiles are provided.

Method according to one of claims 1 or 2, characterized that at least one interactive element associated with the original layout becomes.

Method according to claim 3, characterized that the interactive element is an animated ad, a link to other websites, a music file or a movie file.

Method according to one of Claims 1 to 4, in which a user reading behavior is determined by inquiries from Internet users and at after a first request of a user depending on User reading behavior Picture tiles for possible further inquiries will be provided.

Method according to claim 5, wherein a kind of hierarchy of the user read behavior and the image tiles accordingly be provided to this hierarchy.

Electronic system for processing a digital Original layouts of a printed document to be displayed in one Browser window of an Internet browser used to perform a Method according to one the claims 1 to 6 is suitable.

An electronic system according to claim 7, wherein -a Database for storing a user-read behavior provided is.

Computer program, characterized in that at To run of the computer program on a computer or computer system Method according to one of the claims 1 to 6 executed becomes.