DE102016012683A1 - Method and system for selecting and displaying website content - Google Patents

Method and system for selecting and displaying website content Download PDF

Info

Publication number
DE102016012683A1
DE102016012683A1 DE102016012683.3A DE102016012683A DE102016012683A1 DE 102016012683 A1 DE102016012683 A1 DE 102016012683A1 DE 102016012683 A DE102016012683 A DE 102016012683A DE 102016012683 A1 DE102016012683 A1 DE 102016012683A1
Authority
DE
Germany
Prior art keywords
web page
content
data
contents
positions
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Withdrawn
Application number
DE102016012683.3A
Other languages
German (de)
Inventor
Christophe Conil
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Ensiom GmbH
Original Assignee
Ensiom GmbH
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Ensiom GmbH filed Critical Ensiom GmbH
Priority to DE102016012683.3A priority Critical patent/DE102016012683A1/en
Priority to PCT/DE2017/000353 priority patent/WO2018072776A1/en
Publication of DE102016012683A1 publication Critical patent/DE102016012683A1/en
Withdrawn legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842Selection of displayed objects or displayed text elements
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/103Formatting, i.e. changing of presentation of documents
    • G06F40/106Display of layout of documents; Previewing

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Health & Medical Sciences (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Artificial Intelligence (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

Vorgeschlagen wird ein Verfahren sowie ein System zur Auswahl und Modifikation von bestehenden und zugewiesenen Webseiteninhalten (1, 2, 3, 4), eine anschließende Datenaufbereitung der Webseiteninhalte (1, 3) sowie die Generierung und Bereitstellung von Anwendungen mit den zuvor aus Webseiten bezogenen und anschließend datenaufbereiteten Webseiteninhalten (1", 3").

Figure DE102016012683A1_0000
It proposes a method and a system for selecting and modifying existing and assigned web page content (1, 2, 3, 4), a subsequent data preparation of the web page content (1, 3) as well as the generation and provision of applications with those previously obtained from web pages then data-edited web page content (1 ", 3").
Figure DE102016012683A1_0000

Description

Die Erfindung betrifft ein Verfahren und ein System zur Auswahl von Webseiteninhalten und deren Darstellung.The invention relates to a method and a system for selecting web page content and its presentation.

Stand der TechnikState of the art

Bekannt ist beispielsweise eine „Konfiguration von Datendiensten“ ( DE 10 2007 010 510 A1 ). Dabei wird ein Verfahren auf einem portablen Datenträger offenbart, das zum Konfigurieren eines von einem Datendienstanbieter angebotenen Datendienstes dient. Der portable Datenträger weist ein von einem Datendienstanbieter gesendetes Konfigurationsverzeichnis auf, das einen Datendienst betreffende Konfigurationsoptionen umfasst. Der portable Datenträger selektiert eine Konfigurationsoption, sendet diese an den Datendienstanbieter und empfängt wiederum die entsprechenden Datendienstinformationen vom Datendienstanbieter. Die Informationen werden mit Darstellungselementen des Datenträgers auf einer Ausgabeeinrichtung dargestellt.For example, a "configuration of data services" is known (US Pat. DE 10 2007 010 510 A1 ). A method is disclosed on a portable data carrier that is used to configure a data service offered by a data service provider. The portable data carrier has a configuration directory sent by a data service provider that includes configuration options relating to a data service. The portable data carrier selects a configuration option, sends it to the data service provider, and in turn receives the corresponding data service information from the data service provider. The information is presented with presentation elements of the data carrier on an output device.

Nachteilig an dem bekannten Verfahren ist, dass mit diesem Verfahren nur Daten eines Datendienstanbieters konfiguriert werden können. Diese Daten sind standardisierte Daten, beispielsweise Tabellen o.dgl.A disadvantage of the known method is that with this method only data from a data service provider can be configured. These data are standardized data, such as tables or the like.

Aufgabe der Erfindung ist es daher, ein Verfahren zur Verfügung zu stellen, das eine Auswahl von unstrukturierten Datenquellen ermöglicht, die mittels einer Software strukturiert werden.The object of the invention is therefore to provide a method which allows a selection of unstructured data sources, which are structured by means of a software.

Offenbarung der ErfindungDisclosure of the invention

Es wird ein Verfahren zur Auswahl von Webseiteninhalten und deren Darstellung auf Endgeräten offenbart.A method for selecting web page content and displaying it on terminals is disclosed.

Das erfindungsgemäße Verfahren sowie das System stellen eine Auswahlmöglichkeit von Anzeigen von aufgerufenen Webseiteninhalten für ein mobiles oder ein stationäres Endgerät zur Verfügung. Das mobile oder stationäre Endgerät kann ein mobiles Telefon, ein Laptop, eine Uhr, ein Tablet, ein Computer o.dgl. sein. Dazu erfolgt eine Auswahl und Modifikation von bestehenden Webseiteninhalten und den dazu zugewiesenen Datenobjekten aus Webseiten, eine anschließende Datenaufbereitung sowie die Generierung und Bereitstellung von Anwendungen mit den zuvor aus den Webseiten bezogenen und anschließend datenaufbereiteten Objekten. Es wird somit eine Applikation generiert, die Webseiteninhalte umfasst und in einen Inhalt der Applikation umwandelt. Eine Applikation ist eine Anwendungssoftware, also ein Computerprogramm, das eine für einen Anwender nützliche Funktion ausführt. Eine Implementierung umfasst im Sinne der objektorientierten Programmierung einen Satz von Klassen zusammen mit deren Methoden und Attributen. Sie erlaubt Computerprogrammen, dynamisch den Inhalt, die Struktur und das Layout zu verändern.The inventive method as well as the system provide a choice of display of retrieved web page content for a mobile or a stationary terminal. The mobile or stationary terminal may be a mobile phone, a laptop, a watch, a tablet, a computer, or the like. be. For this purpose, a selection and modification of existing web page content and the assigned data objects from web pages, a subsequent data processing as well as the generation and provision of applications with the previously obtained from the web pages and then data-processed objects. Thus, an application is generated that includes web page content and converts it into a content of the application. An application is an application software, that is, a computer program that performs a function useful to a user. An implementation, in the sense of object-oriented programming, comprises a set of classes together with their methods and attributes. It allows computer programs to dynamically change the content, structure, and layout.

Das erfindungsgemäße Verfahren zur Erstellung eines Applikationsprogramms zur Darstellung von Webseiteninhalten auf Endgeräten weist dabei grundsätzlich die Schritte A bis D auf, wobei jeder dieser Schritte Unterschritte umfasst:

  1. A) Auswählen von Positionen von Webseiteninhalten bzw. Quellenobjekten
    • a) Öffnen der lokalen Anwendung mit einem Browser oder einem Editor und Eingeben einer URL
    • b) Anzeigen von Webseiteninhalten in der Anwendung
    • c) Auswählen einzelner Elemente mit den dazugehörenden Positionen der Webseiteninhalte
    • d) Hervorheben der ausgewählten Elemente
    • e) Bestätigen
    • f) Neuanordnen der editierbaren Positionen und der Dateninhalte
    • g) Verändern und/oder Modifizieren der Positionen mit den Dateninhalten
  2. B) Speichern von Positionen bzw. Quellenobjekten und deren Modifikation
    • h) Speichern der ausgewählten Elemente der Webseiteninhalte über die dazugehörenden Positionen, denen Dateninhalte zugewiesen sind
    • i) Senden an einen Server oder ein Rechenzentrum
  3. C) Generieren von mobilen und stationären Anwendungen für Betriebssysteme
    • j) Ermitteln und Verwenden der Dateninhalte der Positionen
    • k) Anwenden der Modifikationen aus B) h)
    • l) Aufbereiten der modifizierten Dateninhalte für stationäre und mobile Be triebssysteme
  4. D) Bereitstellen der Anwendungen für Betriebssysteme von Endgeräten.
In principle, the method according to the invention for creating an application program for displaying web page contents on terminals has the steps A to D, wherein each of these steps comprises substeps:
  1. A) Selecting positions of web page content or source objects
    • a) Open the local application with a browser or editor and enter a URL
    • b) Display website content in the application
    • c) Select individual elements with the corresponding positions of the website content
    • d) highlight the selected elements
    • e) Confirm
    • f) Rearranging the editable positions and the data contents
    • g) changing and / or modifying the positions with the data contents
  2. B) Save positions or source objects and their modification
    • h) storing the selected elements of the web page content about the associated positions to which data contents are assigned
    • i) Send to a server or data center
  3. C) Generate mobile and stationary applications for operating systems
    • j) determining and using the data contents of the items
    • k) applying the modifications from B) h)
    • l) processing the modified data content for stationary and mobile operating systems
  4. D) Providing applications for terminal operating systems.

Zu A) a): Browser sind spezielle Computerprogramme zur Darstellung von Webseiten im World Wide Web oder allgemein von Dokumenten und Daten. Neben HTML-Seiten können Webbrowser verschiedene andere Arten von Dokumenten wie beispielsweise Bilder und PDF-Dokumente anzeigen. Webbrowser stellen die Benutzeroberfläche für Webanwendungen dar.On A) a): Browsers are special computer programs for displaying web pages on the World Wide Web or, generally, documents and data. In addition to HTML pages, web browsers can display various other types of documents, such as images and PDF documents. Web browsers are the interface for web applications.

Ein Editor ist ein Computerprogramm zur Erstellung und Bearbeitung von digitalen Daten bzw. Dateien, also ein Bearbeitungsprogramm. An editor is a computer program for creating and editing digital data or files, ie a processing program.

Eine URL (Uniform Resource Locator; Ressourcenanzeiger) ist ein Bezeichnungsstandard für Netzwerkressourcen und identifiziert und lokalisiert eine Ressource bzw. Quelle, insbesondere eine Webseite über die zu verwendende Zugriffsmethode, beispielsweise das verwendete Netzwerkprotokoll HTTP, und den Ort der Ressource in Computernetzwerden.A URL (Uniform Resource Locator) is a naming standard for network resources and identifies and locates a resource, in particular a web page, about the access method to be used, for example, the network protocol HTTP used, and the location of the resource in the computer network.

Zu A) c): Die Anwendung bei der Auswahl erfolgt insbesondere durch eine Maus, eine Tastatur oder Bedienung eines Touchscreens.To A) c): The application in the selection is made in particular by a mouse, a keyboard or operation of a touch screen.

Zu A) d): Die Auswahlelemente sind dabei insbesondere Daten, Informationen, Texte, Bilder, Tabellen, Grafiken u. dgl. Die Hervorhebung kann beispielsweise durch eine farbliche Kennzeichnung erfolgen.To A) d): The selection elements are in particular data, information, texts, images, tables, graphics and the like. Like. The highlighting can be done for example by a color coding.

Zu A) f): Die Position und damit die zugewiesenen Dateninhalte werden durch Editieren neu angeordnet, in der Form und Farbe verändert oder gänzlich modifiziert.To A) f): The position and thus the assigned data contents are rearranged by editing, changed in shape and color or completely modified.

Zu B) h): Die Speicherung der Positionen erfolgt über einen DOM Pfad oder visueller Positionierung. DOM (Document Object Model) ist eine Spezifikation einer Schnittstelle (Interface) für den Zugriff auf HTML- oder XML-Dokumente.To B) h): The positions are stored via a DOM path or visual positioning. DOM (Document Object Model) is a specification of an interface for accessing HTML or XML documents.

Das Computerprogramm „merkt sich die Lage“, also die ausgewählten Positionen, denen Dateninhalte zugewiesen sind.The computer program "remembers the situation", that is, the selected positions to which data contents are assigned.

Zu B) i): Die Konfiguration wird an einen Server bzw. ein Rechenzentrum versandt, vgl. weiterer Schritt in C) j).To B) i): The configuration is sent to a server or a computer center, cf. further step in C) j).

Zu C) j): Der Server bzw. das Rechenzentrum holt sich aus der ausgewählten Position die Inhalte und baut so aus den Inhalten und der Konfiguration den endgültigen Inhalt. Die Änderungen in dieser ausgewählten Position werden automatisch aktualisiert. Dies erfolgt insbesondere durch Spiegeln.To C) j): The server or the data center retrieves the contents from the selected position and thus builds the content from the content and the configuration. The changes in this selected position are updated automatically. This is done in particular by mirroring.

Folgende Prozesse können sowohl im Rechenzentrum, einer Cloud als auch auf dem Endgerät ablaufen:

  • - Die in der Anwendung A) vorgenommenen Modifikationen werden in Bezug auf die Dateninhalte angewendet
  • - Die modifizierten Dateninhalte werden in der Anwendung C) im Rechenzentrum oder Endgerät für stationäre und mobile Betriebssysteme aufbereitet. Dies kann auch in der Cloud oder in den Endgeräten erfolgen.
The following processes can take place both in the data center, in a cloud and on the terminal:
  • - The modifications made in application A) are applied to the data content
  • The modified data contents are processed in the application C) in the data center or terminal for stationary and mobile operating systems. This can also be done in the cloud or in the terminals.

Eine Cloud ist ein nicht lokaler Rechner, der aus der Ferne aufgerufen wird, beispielsweise über das Internet. Dabei werden IT-Infrastrukturen, z.B. Rechenkapazität, Datenspeicher, Netzkapazitäten oder fertige Software über ein Netz zur Verfügung gestellt, ohne dass diese auf einem lokalen Rechner installiert sind. Die Nutzung erfolgt dabei über technische Schnittstellen und Protokolle sowie über Browser.A cloud is a non-local machine that is called remotely, for example, over the Internet. In doing so, IT infrastructures, e.g. Computing capacity, data storage, network capacity or finished software provided over a network, without these are installed on a local computer. It is used via technical interfaces and protocols as well as via browsers.

Zu D): Die speziell für die jeweiligen Betriebssysteme aufbereiteten und modifizierten Dateninhalte werden für die Verwendung bereitgestellt.To D): The specially prepared and modified data contents for the respective operating systems are made available for use.

Es können verschiedene Betriebssysteme der Endgeräte in einem Emulator angezeigt werden. Software-Emulatoren sind Programme, die einen Computer nachbilden und es so ermöglichen, Software für diesen Computer auf einem Computer mit einer anderen Architektur zu verwenden.Different operating systems of the terminals can be displayed in an emulator. Software emulators are programs that emulate a computer, thus making it possible to use software for that computer on a computer with a different architecture.

Zur Applikation können Adds-ons, also Zusätze, geladen werden. Es können in den Applikationen Container für die unterschiedlichen Betriebssysteme vorinstalliert sein. Es kann eine Anpassung der jeweiligen Designs für verschiedene Betriebssysteme der mobilen Einrichtungen, z.B. Android, sowie auch für Betriebssysteme von stationären Einrichtungen erfolgen.Adds-ons, ie add-ons, can be loaded for the application. It may be pre-installed in the applications containers for the different operating systems. It may be an adaptation of the respective designs for different operating systems of the mobile devices, e.g. Android, as well as for operating systems of inpatient facilities.

Für die Anwendung selbst gilt, dass diese auch möglich ist, wenn keine Internetverbindung vorhanden ist, also auch wenn die Internetseite nicht mehr online erreichbar ist.For the application itself, this is also possible if there is no Internet connection, so even if the website is no longer accessible online.

Das erfindungsgemäße Verfahren und das System haben dabei den Vorteil, dass ein Verfahren bereitgestellt wird, das eine Möglichkeit schafft, durch übersichtliche Anwendung eine eigene Information von Webseiteninhalten zusammenzustellen, wobei von im World Wide Web vorhandenen Webseiten bestimmte Inhalte ausgewählt, modifiziert und auf mobilen Endgeräten bereitgestellt werden. Neue Webseiteninhalte können automatisch auf dem Endgerät aktualisiert dargestellt werden.The method and the system according to the invention have the advantage that a method is provided which creates a possibility to compile a user-defined information of web page contents by means of a clear application, whereby certain contents selected on the World Wide Web are selected, modified and provided on mobile terminals become. New website content can be automatically updated on the device.

Weitere Vorteile und vorteilhafte Ausgestaltungen der Erfindung sind der nachfolgenden Figurenbeschreibung, den Zeichnungen und den Ansprüchen entnehmbar.Further advantages and advantageous embodiments of the invention are the following description of the figures, the drawings and the claims removed.

Nachfolgend wird ein Ausführungsbeispiel der erfindungsgemäßen Lösung anhand der beigefügten schematischen Zeichnung näher erläutert. Es zeigt:

  • 1 zeigt den Verfahrensablauf in einer schematischen Übersicht.
  • 1 zeigt einen schematischen Ablauf des Verfahrens.
An embodiment of the solution according to the invention is explained in more detail below with reference to the attached schematic drawing. It shows:
  • 1 shows the procedure in a schematic overview.
  • 1 shows a schematic sequence of the method.

Dabei ist für den Verfahrensschritt A) der Bildschirm 10 dargestellt. Auf diesem Bildschirm 10 ist ein Eingabefeld 12 angeordnet. Dort kann die gewünschte URL zum Aufruf einer Webseite eingegeben und die Webseite geöffnet werden. Auf der Webseite werden die Webseiteninhalte 1, 2, 3 und 4 dargestellt, z.B. mittels eines Editors oder Browsers. Mittels eines Auswahlmittels 13 können die gewünschten Webseiteninhalte ausgewählt werden. Das Auswahlmittel 13 kann beispielsweise eine Maus, eine Tastatur oder die berührungsempfindlichen Felder eines Touchscreens umfassen. Damit werden die Positionen der Webseiteninhalte bzw. die Quellenobjekte ausgewählt. Diese sind dann in einer geeigneten Form 15 markiert. Dies kann insbesondere durch eine farbige Markierung bzw. Hervorhebung durch ein Markierungswerkzeug 15 erfolgen. Ausgewählt werden beispielsweise Daten, Informationen, Texte, Bilder, Tabellen, Grafiken o.dgl. Anschließend erfolgt eine Bestätigung.In this case, the screen is for method step A) 10 shown. On this screen 10 is an input field 12 arranged. There, the desired URL can be entered to open a website and the website can be opened. On the website, the website content 1 . 2 . 3 and 4 represented, for example by means of an editor or browser. By means of a selection means 13 the desired website content can be selected. The selection tool 13 For example, it may include a mouse, a keyboard, or the touch-sensitive panels of a touch screen. This will select the positions of the web page content or source objects. These are then in a suitable form 15 marked. This can in particular by a colored marking or highlighting by a marking tool 15 respectively. For example, data, information, texts, pictures, tables, graphics or the like are selected. Subsequently, a confirmation takes place.

In der zweiten Ansicht unter A) werden die ausgewählten Webseiteninhalte in einem Emulator 11 abgebildet. Diese Webseiteninhalte 1, 3 sind in dieser Ansicht beispielhaft mittels des Markierungswerkzeugs 15 farblich hervorgehoben oder markiert.In the second view under A) the selected web page content will be in an emulator 11 displayed. This website content 1 . 3 are exemplary in this view by means of the marking tool 15 highlighted or marked in color.

In der dritten Ansicht unter A) werden die Elemente neu angezeigt bzw. modifiziert. Über die Positionen der Webseiteninhalte 1', 3’ in Form und Farbe werden die Modifikationen gespeichert. Die Modifikation erfolgt durch das Modifikationswerkzeug 14. Das Modifikationswerkzeug 14 kann zum Beispiel auch eine Formatierung o.dgl. sein.In the third view under A) the elements are redisplayed or modified. About the positions of the website content 1' . 3. ' in form and color the modifications are saved. The modification is done by the modification tool 14 , The modification tool 14 For example, a formatting or the like. be.

Das Computerprogramm „merkt sich die Lage“, also die ausgewählten Positionen, denen Dateninhalte der Webseiteninhalte 1 und 3 zugewiesen sind. Es erfolgt eine Speicherung dieser Parameter. Im Verfahrensschritt B) werden über die Positionen der Webseiteninhalte 1', 3' in Form, Farbe o.dgl. die Modifikationen gespeichert.The computer program "remembers the situation", ie the selected positions, the data contents of the website contents 1 and 3 are assigned. There is a storage of these parameters. In step B) are about the positions of the website content 1' . 3. ' in shape, color or the like. the modifications saved.

Es kann somit die Art der Darstellung auf dem Emulator 11 geändert werden.It can thus be the kind of representation on the emulator 11 be changed.

Im Verfahrensschritt B erfolgt eine neue Konfiguration, d.h. es werden die Position und damit die zugewiesenen Dateninhalte durch Editieren neu angeordnet, in der Form und Farbe verändert oder gänzlich modifiziert. Dadurch entsteht eine Konfigurationsdatei 16. Diese Konfigurationsdatei 16 wird an einen Server versandt. Es kann eine Funktionserweiterung erfolgen, es kann die Anordnung der Elemente definiert werden und/oder neue Elemente programmiert oder codiert werden. Es kann ebenso eine Codeerweiterung stattfinden.In method step B, a new configuration takes place, ie the position and thus the assigned data contents are rearranged by editing, changed in shape and color or completely modified. This creates a configuration file 16 , This configuration file 16 will be sent to a server. It can be done a function extension, it can be the arrangement of the elements are defined and / or new elements programmed or coded. There may also be a code extension.

Im Verfahrensschritt C) können in einem Rechenzentrum 17 bzw. einer Cloud 18 oder aber auch in Endgeräten die Quellenobjekte bzw. Webseiteninhalte 1, 3 aus der Position 1', 3' bereitgestellt und die Modifikationen angewendet werden, so dass modifizierte Webseiteninhalte bzw. Softwareinhalte 1", 3" vorliegen. In C) werden die Anwendungen für bestimmte Betriebssysteme generiert. Die Änderungen in dieser ausgewählten Position werden automatisch aktualisiert. Dies erfolgt insbesondere durch Spiegeln.In method step C), in a data center 17 or a cloud 18 or also in terminals, the source objects or website content 1 . 3 from the position 1' . 3. ' provided and the modifications are applied, so that modified website content or software content 1" . 3 ' available. In C) the applications are generated for specific operating systems. The changes in this selected position are updated automatically. This is done in particular by mirroring.

Im Verfahrensschritt D) wird die generierte Anwendung mit den modifizierten Quellenobjekten bzw. Webseiteninhalten (1", 3") für die Betriebssysteme von Endgeräten dargestellt. Die Endgeräte können beispielhaft aufgezählt ein Computerbildschirm 20, ein Mobiltelefon 22 oder ein Tablet, ein Laptop 24, eine Uhr 26, eine virtuelle Brille 28, VR-Headsets o.dgl. sein.In method step D), the generated application with the modified source objects or web page content ( 1" . 3 ' ) for the operating systems of terminals. The terminals can be enumerated by way of example a computer screen 20 , a mobile phone 22 or a tablet, a laptop 24 , a clock 26 , a virtual glasses 28 , VR headsets or the like. be.

Alle in der Beschreibung, den nachfolgenden Ansprüchen und den Zeichnungen dargestellten Merkmale können sowohl einzeln als auch in beliebiger Kombination miteinander erfindungswesentlich sein.All in the description, the following claims and the drawings illustrated features may be essential to the invention both individually and in any combination.

BezugszeichenlisteLIST OF REFERENCE NUMBERS

11
Webseiteninhaltwebsite content
1'1'
Positionposition
1"1"
modifizierter Webseiteninhaltmodified website content
22
Webseiteninhaltwebsite content
33
Webseiteninhaltwebsite content
3'3 '
Positionposition
3"3 '
modifizierter Webseiteninhaltmodified website content
44
Webseiteninhalt website content
1010
Bildschirmscreen
1111
Emulatoremulator
1212
Eingabefeldinput box
1313
Auswahlmittelselection means
1414
Modifikationswerkzeugmodification tool
1515
Markierungsmittel AuswahlMarking agent selection
1616
Konfigurationsdateiconfiguration file
1717
RechenzentrumData Center
18 18
CloudCloud
2020
Computerbildschirmcomputer screen
2222
Mobiltelefonmobile phone
2424
LaptopLaptop
2626
UhrClock
2828
virtuelle Brillevirtual glasses

ZITATE ENTHALTEN IN DER BESCHREIBUNG QUOTES INCLUDE IN THE DESCRIPTION

Diese Liste der vom Anmelder aufgeführten Dokumente wurde automatisiert erzeugt und ist ausschließlich zur besseren Information des Lesers aufgenommen. Die Liste ist nicht Bestandteil der deutschen Patent- bzw. Gebrauchsmusteranmeldung. Das DPMA übernimmt keinerlei Haftung für etwaige Fehler oder Auslassungen.This list of the documents listed by the applicant has been generated automatically and is included solely for the better information of the reader. The list is not part of the German patent or utility model application. The DPMA assumes no liability for any errors or omissions.

Zitierte PatentliteraturCited patent literature

  • DE 102007010510 A1 [0002]DE 102007010510 A1 [0002]

Claims (17)

Verfahren zur Auswahl (1, 3) und Darstellung von Webseiteninhalten (1", 3") mit folgenden Schritten: A) Auswählen von Positionen von Webseiteninhalten (1, 3) aus Webseiteninhalten (1, 2, 3, 4) a) Öffnen der lokalen Anwendung mit einem Browser oder einem Editor und Eingeben einer URL b) Anzeigen von Webseiteninhalten (1, 2, 3, 4) in der Anwendung c) Auswählen einzelner Elemente der Webseiteninhalte (1, 3) mit den dazugehörenden Positionen (1', 3') d) Hervorheben der ausgewählten Elemente der Webseiteninhalte (1, 3) e) Bestätigen f) Neuanordnen der editierbaren Positionen und der Dateninhalte g) Verändern und/oder Modifizieren der Positionen mit den Dateninhalten B) Speichern von Positionen bzw. Quellenobjekten und deren Modifikation h) Speichern der Positionen der ausgewählten Elemente der Webseiteninhalte (1', 3'), wobei den Positionen (1', 3') Dateninhalte zugewiesen sind i) Senden an einen Server oder ein Rechenzentrum C) Generieren von mobilen Anwendungen für Betriebssysteme von Endgeräten j) Ermitteln und Verwenden der Dateninhalte (1, 3) aus den Positionen der Webseiteninhalte (1', 3') k) Anwenden der Modifikationen aus B) h) Aufbereiten der modifizierten Dateninhalte der Webseiteninhalte (1 ", 3") für stationäre und mobile Betriebssysteme D) Bereitstellen der Anwendungen für Betriebssysteme von Endgeräten (20, 22, 24, 26, 28).Method for selection (1, 3) and presentation of web page content (1 ", 3") with the following steps: A) Selecting Content of Website Content (1, 3) from Website Content (1, 2, 3, 4) a) Open the local application with a browser or editor and enter a URL b) Display website content (1, 2, 3, 4) in the application c) selecting individual elements of the web page contents (1, 3) with the associated positions (1 ', 3') d) highlight the selected elements of the web page content (1, 3) e) Confirm f) Rearranging the editable positions and the data contents g) changing and / or modifying the positions with the data contents B) Save positions or source objects and their modification h) storing the positions of the selected elements of the web page contents (1 ', 3'), wherein data items are assigned to the positions (1 ', 3') i) Send to a server or data center C) Generate mobile applications for operating systems of terminals j) determining and using the data contents (1, 3) from the positions of the web page contents (1 ', 3') k) Applying the modifications from B) h) editing the modified data content of the website content (1 ", 3") for stationary and mobile operating systems D) Providing applications for terminal operating systems (20, 22, 24, 26, 28). Verfahren nach Anspruch 1, dadurch gekennzeichnet, dass in Verfahrensschritt A) c) die Anwendung bei der Auswahl durch eine Maus (13), eine Tastatur oder Bedienung eines Touchscreen erfolgt.Method according to Claim 1 , characterized in that in step A) c) the application in the selection by a mouse (13), a keyboard or operation of a touch screen. Verfahren nach einem der Ansprüche 1 oder 2, dadurch gekennzeichnet, dass die auszuwählenden Elemente der Webseiteninhalte (1, 3) in Verfahrensschritt A) d) Daten, Informationen, Texte, Bilder, Tabellen oder Grafiken sind.Method according to one of Claims 1 or 2 , characterized in that the elements of the website content (1, 3) to be selected in method step A) d) are data, information, texts, images, tables or graphics. Verfahren nach einem der vorhergehenden Ansprüche, dadurch gekennzeichnet, dass die Kennzeichnung in Verfahrensschritt A) d) durch eine farbige Hervorhebung erfolgt.Method according to one of the preceding claims, characterized in that the marking in step A) d) is carried out by a colored highlighting. Verfahren nach einem der vorhergehenden Ansprüche, dadurch gekennzeichnet, dass die Speicherung in Verfahrensschritt B) f) über die Positionen der Webseiteninhalte (1', 3') über DOM Pfade oder visueller Positionierung erfolgt.Method according to one of the preceding claims, characterized in that the storage in method step B) f) takes place via the positions of the web page contents (1 ', 3') via DOM paths or visual positioning. Verfahren nach einem der vorhergehenden Ansprüche, dadurch gekennzeichnet, dass die Position und damit die zugewiesenen Daten der Webseiteninhalte (1', 3') des Verfahrensschritts A) f) durch Editieren neu angeordnet, in der Form und Farbe verändert oder vollständig modifiziert werden.Method according to one of the preceding claims, characterized in that the position and thus the assigned data of the web page contents (1 ', 3') of the method step A) f) are rearranged by editing, changed in shape and color or completely modified. Verfahren nach einem der vorhergehenden Ansprüche, dadurch gekennzeichnet, dass die Änderungen des Verfahrensschritts A) f) in dieser neu angeordneten Position in Verfahrensschritt C) j) automatisch aktualisiert werden.Method according to one of the preceding claims, characterized in that the changes of the method step A) f) are automatically updated in this newly arranged position in method step C) j). Verfahren nach Anspruch 7, dadurch gekennzeichnet, dass die Aktualisierung durch Spiegeln erfolgt.Method according to Claim 7 , characterized in that the updating is done by mirroring. Verfahren nach einem der vorhergehenden Ansprüche, dadurch gekennzeichnet, dass der Webseiteninhalt (1, 3) in den Inhalt der Applikation umgewandelt wird (1", 3").Method according to one of the preceding claims, characterized in that the web page content (1, 3) is converted into the content of the application (1 ", 3"). Verfahren nach einem der vorhergehenden Ansprüche, dadurch gekennzeichnet, dass in Verfahrensschritt C. j) ein Rechenzentrum (17), an das in Verfahrensschritt B) g) die ermittelten Daten versandt werden, aus der markierten Position die Webseiteninhalte (1', 3') abholt.Method according to one of the preceding claims, characterized in that in step C. j) a data center (17), to which the determined data are sent in method step B) g, extracts the website contents (1 ', 3') from the marked position picks. Verfahren nach Anspruch 10, dadurch gekennzeichnet, dass aus den Webseiteninhalten (1, 3) und der Konfiguration der endgültigen Inhalt (1", 3") gebildet wird.Method according to Claim 10 , characterized in that the final content (1 ", 3") is formed from the web page contents (1, 3) and the configuration. Verfahren nach einem der vorhergehenden Ansprüche, dadurch gekennzeichnet, dass eine Bestätigung der Auswahl von Webseiteninhalten (1, 3) über die Ausführung durch ein Auswahlmittel (13) erfolgt und dann ein Wechsel zur Aktivierung oder Deaktivierung einer Bestätigungsfunktion erfolgt.Method according to one of the preceding claims, characterized in that a confirmation of the selection of web page content (1, 3) on the execution by a selection means (13) and then takes place a change to the activation or deactivation of a confirmation function. System von Einrichtungen zur Bereitstellung einer Darstellung von Webseiteninhalten (1", 3") auf Endgeräten (20, 22, 24, 26, 28), umfassend einen Computer mit einem Computerbildschirm (10), aufweisend eine Eingabeeinrichtung (12); ein Rechenzentrum (17) oder eine Cloud (18); sowie mindestens ein Endgerät (20, 22, 24, 26, 28), dadurch gekennzeichnet, dass durch Implementierung einer Anwendungssoftware Webseiteninhalte (1, 2, 3, 4), die auf dem Computerbildschirm (10) dargestellt sind, durch Auswahlelemente (13) ausgewählt sowie durch Modifikationswerkzeuge (14) bearbeitbar sind und deren Position erfassbar ist, wobei mittels eines Rechenzentrums (17), einer Cloud (18) oder Endgeräten (20, 22, 24, 26, 28) von den Webseiteninhalten (1, 3) abweichend geänderte Webseiteninhalte (1", 3") erzeugbar sind, die auf den Endgeräten (20, 22, 24, 26, 28) darstellbar sind.A system of means for providing a representation of web page content (1 ", 3") on terminals (20, 22, 24, 26, 28) comprising a computer with a computer screen (10), comprising an input device (12); a data center (17) or a cloud (18); and at least one terminal (20, 22, 24, 26, 28), characterized in that by implementing an application software web page content (1, 2, 3, 4), which are shown on the computer screen (10) by selection elements (13) selected and modifiable by modification tools (14) and whose position can be detected, wherein by means of a data center (17), a cloud (18) or terminals (20, 22, 24, 26, 28) of the website content (1, 3) differing changed web page content (1 ", 3") can be generated, which can be displayed on the terminals (20, 22, 24, 26, 28). System nach Anspruch 13, dadurch gekennzeichnet, dass die Webseiteninhalte (1, 3) mittels Markierungsmitteln (15) visuell hervorhebbar sind. System after Claim 13 , characterized in that the website content (1, 3) by means of marking means (15) are visually highlighted. System nach einem der Ansprüche 13 oder 14, dadurch gekennzeichnet, dass die Positionen der Webseiteninhalte (1, 3) auf dem Computerbildschirm (10) neu anordenbar sind.System according to one of Claims 13 or 14 , characterized in that the positions of the web page contents (1, 3) on the computer screen (10) can be newly arranged. System nach einem der Ansprüche 13 bis 15, dadurch gekennzeichnet, dass dass die Webseiteninhalte (1, 3) in Form und Farbe veränderbar oder vollständig modifizierbar sind.System according to one of Claims 13 to 15 , characterized in that that the web page contents (1, 3) are changeable or completely modifiable in shape and color. System nach einem der Ansprüche 13 bis 16, dadurch gekennzeichnet, dass die modifizierten Webseiteninhalte (1", 3") automatisch aktualisierbar sind, indem Veränderungen der Webseiteninhalte (1, 3) auf ihrer gespeicherten Position (1', 3') erkannt und diese geänderten Webseiteninhalte (1", 3") durch Spiegelung auf den Endgeräten (20, 22, 24, 26, 28) aktualisiert dargestellt sind.System according to one of Claims 13 to 16 , characterized in that the modified web page contents (1 ", 3") are automatically updatable by recognizing changes of the web page contents (1, 3) on their stored position (1 ', 3') and changing these web page contents (1 ", 3"). ) are shown updated by mirroring on the terminals (20, 22, 24, 26, 28).
DE102016012683.3A 2016-10-18 2016-10-18 Method and system for selecting and displaying website content Withdrawn DE102016012683A1 (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
DE102016012683.3A DE102016012683A1 (en) 2016-10-18 2016-10-18 Method and system for selecting and displaying website content
PCT/DE2017/000353 WO2018072776A1 (en) 2016-10-18 2017-10-17 Method and system for the selection and representation of web page contents

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
DE102016012683.3A DE102016012683A1 (en) 2016-10-18 2016-10-18 Method and system for selecting and displaying website content

Publications (1)

Publication Number Publication Date
DE102016012683A1 true DE102016012683A1 (en) 2018-04-19

Family

ID=60480113

Family Applications (1)

Application Number Title Priority Date Filing Date
DE102016012683.3A Withdrawn DE102016012683A1 (en) 2016-10-18 2016-10-18 Method and system for selecting and displaying website content

Country Status (2)

Country Link
DE (1) DE102016012683A1 (en)
WO (1) WO2018072776A1 (en)

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
DE102007010510A1 (en) 2007-03-05 2008-09-11 Giesecke & Devrient Gmbh Configuration of data services
WO2013048428A1 (en) * 2011-09-30 2013-04-04 Hewlett-Packard Development Company Personalized content delivery system and method

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
DE102007010510A1 (en) 2007-03-05 2008-09-11 Giesecke & Devrient Gmbh Configuration of data services
WO2013048428A1 (en) * 2011-09-30 2013-04-04 Hewlett-Packard Development Company Personalized content delivery system and method

Also Published As

Publication number Publication date
WO2018072776A1 (en) 2018-04-26

Similar Documents

Publication Publication Date Title
EP1771795A1 (en) Method programme and system for the dynamic template-based generation of internet pages
DE102010045245A1 (en) Method for providing complementary documents e.g. books, involves providing unambiguous electronically usable assignment of complement to original web document, and selectively supplementing complement with complementary data
DE102010029655A1 (en) Method for providing a control menu for a field device of process automation technology
DE102005046996A1 (en) Application Generic Sequence Diagram Generator Driven by a Non-Proprietary Language
DE112017001301T5 (en) Method and system for creating and displaying a project management plan
DE10348784B4 (en) Apparatus and method for managing information data in a mobile telephone
EP3217236B1 (en) Method and system for generating a control program in the form of a mobile application which runs on a mobile device
DE202014010890U1 (en) System for the selective display of content
DE102016015381A1 (en) Using Bloom filters to simplify the expansion and subdivision of a dynamic font
CN108897889A (en) A kind of front page optimization method, front page optimization device and computer equipment
DE112017007121T5 (en) Screen control unit, procedure and program
DE102014007386A1 (en) Method and device for managing and configuring field devices of an automation system
DE102016012683A1 (en) Method and system for selecting and displaying website content
DE102016218656A1 (en) Method for generating a user interface in the form of a mind map
DE102014019368A1 (en) Device for managing and configuring field devices of an automation system
Chlebek User Interfaceorientierte Softwarearchitektur
DE4310615C2 (en) Designing electrical devices with multiple design tools that are at least partially incompatible with each other
DE102015209715A1 (en) Method and system for the computer-aided transfer of an architectural concept of a technical system into an architectural specification
DE102018115630B4 (en) Method for creating and operating a website with input option
Trias et al. A systematic literature review on cms-based web applications
EP3771979A1 (en) Method and device for optimal configuration of a device of a device class
WO2011076312A1 (en) Local devices and methods for using globally networked web 2.0 systems
EP1721247A2 (en) Production of a graphic user and/or display surface for a motor vehicle
DE102015221383A1 (en) Method for operating a computer system
DE202021103037U1 (en) System for displaying process graphics in process and plant automation

Legal Events

Date Code Title Description
R012 Request for examination validly filed
R016 Response to examination communication
R082 Change of representative

Representative=s name: MEYER & MEYER PATENTANWAELTE, DE

R119 Application deemed withdrawn, or ip right lapsed, due to non-payment of renewal fee