DE102018115630A1 - Process for creating and operating a website with input options - Google Patents
Process for creating and operating a website with input options Download PDFInfo
- Publication number
- DE102018115630A1 DE102018115630A1 DE102018115630.8A DE102018115630A DE102018115630A1 DE 102018115630 A1 DE102018115630 A1 DE 102018115630A1 DE 102018115630 A DE102018115630 A DE 102018115630A DE 102018115630 A1 DE102018115630 A1 DE 102018115630A1
- Authority
- DE
- Germany
- Prior art keywords
- website
- data processing
- processing device
- image
- displayed
- 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.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/017—Gesture based interaction, e.g. based on a set of recognized hand gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/011—Arrangements for interaction with the human body, e.g. for user immersion in virtual reality
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/011—Arrangements for interaction with the human body, e.g. for user immersion in virtual reality
- G06F3/013—Eye tracking input arrangements
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0641—Shopping interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Business, Economics & Management (AREA)
- Finance (AREA)
- Accounting & Taxation (AREA)
- Development Economics (AREA)
- Economics (AREA)
- Marketing (AREA)
- Strategic Management (AREA)
- General Business, Economics & Management (AREA)
- Processing Or Creating Images (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
Die Erfindung betrifft ein Verfahren zum Erstellen und Betreiben einer Website mit Eingabemöglichkeit durch ein Datenverarbeitungsgerät, durch welche Eingabe eine bestimmbare Aktion, eine bestimmbare Darstellung oder ein bestimmbarer Prozess ausgelöst wird, welche Website eine graphische Oberfläche aufweist, die wenigstens ein Bild und/oder wenigstens ein Textfeld und/oder wenigstens ein Eingabefeld zeigt, die über einen Bedienzeiger des Datenverarbeitungsgeräts auswählbar sind. Gemäß der Erfindung wird vorgeschlagen, dass auf der Website wenigstens eine Codezeile integriert wird, oder bei virtuellen Szenarien zum Beispiel in VR-Brillen dort virtuell instanziiert wird, durch die eine Verbindung mit einer Auswerteinheit einer Datenverarbeitungsanlage herstellbar ist, wenn ein Bereich der graphischen Oberfläche durch den Bedienzeiger ausgewählt worden ist, welche Auswerteeinheit den ausgewählten Bereich dahingehend auswertet, welche Aktion oder Darstellung oder welcher Prozess durch den ausgewählten Bereich ausgelöst werden soll.The invention relates to a method for creating and operating a website with the possibility of input by a data processing device, by means of which input a determinable action, a determinable representation or a determinable process is triggered, which website has a graphic surface that has at least one image and / or at least one Shows text field and / or at least one input field, which can be selected via an operating pointer of the data processing device. According to the invention, it is proposed that at least one line of code be integrated on the website or, in the case of virtual scenarios, for example in VR glasses, there is virtually instantiated, by means of which a connection to an evaluation unit of a data processing system can be established if an area of the graphical user interface is visible the operating pointer has been selected, which evaluation unit evaluates the selected area in terms of which action or display or which process is to be triggered by the selected area.
Description
Die Erfindung betrifft ein Verfahren zum Erstellen und Betreiben einer Website mit Eingabemöglichkeit durch ein Datenverarbeitungsgerät, durch welche Eingabe eine bestimmbare Aktion, eine bestimmbare Darstellung oder ein bestimmbarer Prozess ausgelöst wird, welche Website eine graphische Oberfläche aufweist, die wenigstens ein Bild und/oder wenigstens ein Textfeld und/oder wenigstens ein Eingabefeld zeigt, die über einen Bedienzeiger des Datenverarbeitungsgeräts auswählbar sind.The invention relates to a method for creating and operating a website with the possibility of input by a data processing device, by means of which input a determinable action, a determinable representation or a determinable process is triggered, which website has a graphic surface that has at least one image and / or at least one Shows text field and / or at least one input field, which can be selected via an operating pointer of the data processing device.
Es ist bekannt, dass Waren, Dienstleistungen oder andere beliebige Aktionen oder Prozesse auf Datenverarbeitungsgeräten angezeigt und angeboten werden. Die angezeigten Waren, Dienstleistungen, Aktionen oder Prozesse werden im Folgenden ohne Einschränkung mit Produkten bezeichnet.It is known that goods, services or any other actions or processes are displayed and offered on data processing devices. The goods, services, promotions or processes displayed are referred to below as products without restriction.
Das Datenverarbeitungsgerät kann ein Computer, ein Notebook, ein Tablet-Computer, eine VR-Brille, eine Display-Brille, ein Touch-Screen-Display oder ein Mobilfunktelefon mit entsprechender Ausstattung, ein sogenanntes Smart-Phone, sein. Diesen Geräten ist gemeinsam, dass sie in Verbindung mit dem World-Wide-Web, dem Internet, stehen oder mit diesem verbindbar sind. Weiterhin umfasst ein solches Datenverarbeitungsgerät eine Anzeigeeinrichtung, auf dem die aufgerufenen Websites anzeigbar sind.The data processing device can be a computer, a notebook, a tablet computer, VR glasses, display glasses, a touch screen display or a mobile radio telephone with the appropriate equipment, a so-called smart phone. What these devices have in common is that they are connected to, or can be connected to, the World Wide Web, the Internet. Such a data processing device further comprises a display device on which the websites accessed can be displayed.
Die Websites unterliegen bestimmten Standards, um eine einheitliche Bedienung oder Darstellung zu ermöglichen. Es sind allgemein gültige Symbole bekannt, bei denen der Nutzer durch Auswählen mit seinem Bedienzeiger bestimmte Reaktionen erwartet, so dass die Bedienung einer solchen Website intuitiv und für den Nutzer einfach erfolgt. Häufig wird das Internet dazu benutzt, um bestimmte Angebote oder Anbieter zu finden. Dafür sind Suchmaschinen bekannt, die mittels der Datenverarbeitungsanlage das Internet nach bestimmten Begriffen oder Bildern durchsuchen und die Ergebnisse auf der Anzeigeeinrichtung des Datenverarbeitungsgeräts des Nutzers anzeigen.The websites are subject to certain standards in order to enable uniform operation or presentation. Generally valid symbols are known in which the user expects certain reactions by selecting with his operating pointer, so that the operation of such a website is intuitive and easy for the user. The Internet is often used to find specific offers or providers. Search engines are known for this, which search the internet for specific terms or images by means of the data processing system and display the results on the display device of the data processing device of the user.
Der Nutzer eines solchen Datenverarbeitungsgeräts wählt auf einer von ihm aufgerufenen Website ein bestimmtes Produkt mit dem Bedienzeiger aus und lässt sich das durch das Produkt erzeugte Ergebnis auf der Anzeigevorrichtung anzeigen. Der Bedienzeiger kann der Maus-Pfeil oder der Finger oder der Stift des Nutzers bei einem Touch-Screen sein oder aber auch durch ein Fokussieren mit dem Auge des Nutzers gebildet werden. Die Anzeigeeinrichtung bildet somit ein interaktives User-Interface, mit dem der Nutzer seine Auswahl oder Befehle eingibt.The user of such a data processing device selects a specific product with the operating pointer on a website called up by him and can have the result generated by the product displayed on the display device. The operating pointer can be the mouse arrow or the finger or the pen of the user in the case of a touch screen or it can also be formed by focusing with the user's eye. The display device thus forms an interactive user interface with which the user inputs his selection or commands.
Unter Websites sind Präsentationen im Internet zu verstehen, wie beispielsweise mobile Web-Auftritte, virtuelle Präsentationen, Blogs, Newsletter auf bildgebenden Displays, wie z.B. auch VR-Brillen. Die Websites stellen auf der graphischen Oberfläche ein gestaltetes und interaktiv arbeitendes User-Interface zur Verfügung und zeigen dieses an.Websites are presentations on the internet, such as mobile websites, virtual presentations, blogs, newsletters on imaging displays, such as also VR glasses. The websites provide and display a designed and interactive user interface on the graphical user interface.
Auch werden über das Internet häufig Kaufverträge abgeschlossen. Hierfür werden in einem Online-Shop auf dessen Website verschiedene Produkte angezeigt, die ausgewählt und anschließend näher spezifiziert und anschließend erworben werden können. Der Nutzer wählt dabei anhand einer bildlichen Darstellung eine Ware aus. Durch Auswählen dieser Darstellung mittels des Bedienzeigers auf der Anzeigevorrichtung wird der Link zu dem Verkäufer erzeugt und aufgebaut, so dass der Nutzer die betreffende Ware kaufen kann. Der Betreiber des Online-Shops muss daher nicht zwingend im Besitz der ausgewählten Ware sein sondern lediglich die Verbindung zu dem Verkäufer herstellen. Hierfür erhält der Betreiber des Online-Shops eine Provision von dem Verkäufer der Ware, sogenanntes Affiliating.Purchase contracts are also often concluded over the Internet. For this purpose, various products are displayed in an online shop on its website, which can be selected and then specified in more detail and then purchased. The user selects a product based on a graphic representation. By selecting this representation by means of the operating pointer on the display device, the link to the seller is generated and set up so that the user can buy the goods in question. The operator of the online shop therefore does not necessarily have to be in possession of the selected goods, but merely establish the connection to the seller. For this, the operator of the online shop receives a commission from the seller of the goods, so-called affiliation.
Die Website eines Online-Shops umfasst eine graphische Oberfläche, auf der mehrere Bilder von Produkten dargestellt sind. Die Produkte können beispielsweise konkrete Waren oder Dienstleistungen sein oder eine Gruppe von Produkten symbolisieren. Nach dem Auswählen eines der Bilder mit dem Bedienzeiger seines Datenverarbeitungsgeräts erwartet der Nutzer eine bestimmte Aktion.The website of an online shop includes a graphical interface on which several images of products are displayed. The products can be, for example, specific goods or services or symbolize a group of products. After selecting one of the images with the control pointer of his data processing device, the user expects a certain action.
Wenn auf der Website auf der angezeigten graphischen Oberfläche beispielsweise eine Vielzahl von gleichartigen Gegenständen dargestellt ist, wählt der Nutzer einen der Gegenstände beispielsweise durch einen Maus-Klick aus und erwartet als Reaktion weitere Informationen über diesen Gegenstand, beispielsweise dessen Preis und dessen Verkäufer. Wenn auf der graphischen Oberfläche mehrere verschiedenartige Gegenstände dargestellt sind, erwartet der Nutzer nach dem Auswählen eine Anzeige von mehreren konkreten Gegenständen dieser Art, die durch das gezeigte Bild symbolisiert werden. Anschließend kann er von den konkreten Gegenständen einen auswählen, um ihn beispielsweise zu erwerben.If, for example, a large number of similar items are displayed on the website on the graphical interface displayed, the user selects one of the items, for example by clicking the mouse, and as a reaction expects further information about this item, for example its price and its seller. If several different types of objects are shown on the graphic surface, the user expects a selection of several specific objects of this type, which are symbolized by the image shown, after selection. Then he can select one of the concrete objects, for example to purchase it.
Damit diese Funktionalität erfüllt werden kann, ist es erforderlich, den Bereich der graphischen Oberfläche, auf dem das betreffende Bild gezeigt ist, mit einem Link zu verknüpfen, durch den eine Verbindung zu der Website des Anbieters oder einer Suchmaschine bereitgestellt wird, die als Suchbegriff die Bezeichnung des dargestellten Gegenstands erhält. Ein Verfahren zum Erstellen eines Online-Shops mit Hilfe einer Ähnlichkeitsanalyse ist beispielsweise aus der
Der Erfindung liegt die Aufgabe zugrunde, ein Verfahren der eingangs geschilderten Art bereitzustellen, mit dem das Herstellen und das Betreiben einer Website leichter und insbesondere schneller möglich ist.The invention has for its object to provide a method of the type described above, with which the manufacture and operation of a website is easier and in particular faster.
Die Aufgabe wird gemäß der Erfindung dadurch gelöst, dass auf der zu erstellenden oder zu betreibenden Website wenigstens eine Codezeile integriert wird oder bei virtuellen Szenarien zum Beispiel in VR-Brillen dort virtuell instanziiert wird, durch die eine Verbindung mit einer Auswerteinheit einer Datenverarbeitungsanlage herstellbar ist, wenn ein Bereich der graphischen Oberfläche durch den Bedienzeiger ausgewählt worden ist, welche Auswerteeinheit den ausgewählten Bereich dahingehend auswertet, welche Aktion oder Darstellung oder welcher Prozess durch den ausgewählten Bereich ausgelöst werden soll. Dadurch ist es mit einfachen Mitteln möglich, eine Website beispielsweise eines Online-Shops aufzubauen. Der Webdesigner muss lediglich den Aufbau der graphischen Oberfläche gestalten und die Codezeile integrieren. Damit erhält die Website sofort die gewünschte Funktionalität, ohne dass es besonderer technischer Kenntnisse des Designers bedarf. Insbesondere ist es nicht erforderlich, die auswählbaren Felder vorab mit einer Funktionalität zu versehen. Es ist jedoch zweckmäßig, wenn das Feld oder Bereich als aktivierbar oder auswählbar gekennzeichnet ist. Der ausgewählte Bereich wird mittels der Codezeile zu der Auswerteinheit übertragen, die die durchzuführende Aktivität anhand des Bildinhalts oder Textinhalts ermittelt und die betreffende Aktivität auslöst. Die Erfindung beschreibt somit eine neue Möglichkeit, das Design von Webpräsentationen völlig von der technischen Umsetzung der durch diese Präsentationen dargestellten Funktionalität zu trennen.The object is achieved according to the invention in that at least one line of code is integrated on the website to be created or operated, or in virtual scenarios, for example in VR glasses, there is virtually instantiated, by means of which a connection to an evaluation unit of a data processing system can be established, if an area of the graphical user interface has been selected by the operating pointer, which evaluation unit evaluates the selected area in terms of which action or representation or which process is to be triggered by the selected area. This makes it easy to set up a website for an online shop, for example. The web designer only has to design the structure of the graphical user interface and integrate the line of code. The website thus immediately receives the desired functionality without requiring special technical knowledge from the designer. In particular, it is not necessary to provide the selectable fields with functionality in advance. However, it is useful if the field or area is marked as activatable or selectable. The selected area is transmitted via the code line to the evaluation unit, which determines the activity to be carried out on the basis of the image content or text content and triggers the relevant activity. The invention thus describes a new possibility to completely separate the design of web presentations from the technical implementation of the functionality represented by these presentations.
Heutzutage wird im Web-Design ein User-Interface gewöhnlich mit Hilfe von sogenannten Templates umgesetzt, die vorgefertigte Gestaltungselemente aufweisen, die geeignet sind, dem Verbraucher ein ansprechendes Angebot oder übersichtliche Information zu zeigen. Gleichzeitig sollen die logischen Verknüpfungen zu Prozessen, Produkten, Informationen hergestellt werden können. Der Designer wählt hierfür passende Templates aus und gestaltet die spezifische Anforderung des Kunden weiter aus.Nowadays, a user interface is usually implemented in web design with the help of so-called templates, which have ready-made design elements that are suitable for showing the consumer an appealing offer or clear information. At the same time, the logical links to processes, products and information should be able to be established. The designer selects suitable templates for this and further develops the customer's specific requirements.
Nach dieser Gestaltung folgt ein Schritt, mit dem Templates über Linkstrukturen zu den Produkten, Informationen und Prozesse verbunden werden. Es ist hierfür notwendig, spezifische Linkstrukturen zu schaffen, um das User-Interface zum Beispiel in eine Shop-Software einzubinden oder Gestaltungselemente, wie Suchzeilen, Button, Kategoriebezeichnungen oder Filter mit einer hinterlegten programmierten Funktion zu versehen. Dieser Schritt kann durch die Erfindung entfallen.After this design follows a step with which templates are linked to the products, information and processes via link structures. For this, it is necessary to create specific link structures, for example to integrate the user interface into shop software or to provide design elements such as search lines, buttons, category names or filters with a stored programmed function. This step can be omitted by the invention.
Allein das Design eines Web-Auftrittes ermöglicht sofort das funktionale Ergebnis und zwar ohne Linkstruktur, die hinterlegt werden müsste. Es wird durch die Erfindung ermöglicht, dass das jeweilige Auswählen eines Felds oder eines Bereichs der Oberfläche des User-Interfaces einer Interpretation unterzogen wird und anschließend die ermittelte und dargestellte Funktion auslöst. Auf der Basis von künstlicher Intelligenz und der heutzutage möglichen Bildverarbeitung kann das beschriebene System die durch den Bedienzeiger ausgewählten Bildbereiche so analysieren und interpretieren, dass die vom Nutzer erwartenden Ergebnisse oder Aktionen geliefert werden. Insbesondere braucht sich der Webdesigner nicht um diese Funktionalität zu kümmern. Vielmehr legt er nur durch das gewählte Design und die verwendeten Bilder die gewünschte Funktionalität fest. Die Auswertung erfolgt in der Datenverarbeitungsanlage räumlich getrennt von dem Datenverarbeitungsgerät unabhängig von dem gewählten Design und der gewählten Bilder. Der Vorteil liegt darin, dass fast die gesamte menschliche Arbeit entfällt, die für die Erstellung einer technisch funktionierenden und designten GUI (Grafik User Interface) notwendig ist.The design of a website alone enables the functional result to be achieved immediately, without a link structure that should be stored. It is made possible by the invention that the respective selection of a field or an area of the surface of the user interface is subjected to an interpretation and then the determined and represented function is triggered. On the basis of artificial intelligence and the image processing that is possible today, the system described can analyze and interpret the image areas selected by the operating pointer in such a way that the results or actions expected by the user are delivered. In particular, the web designer does not have to worry about this functionality. Rather, it only determines the desired functionality through the chosen design and the images used. The evaluation takes place in the data processing system spatially separated from the data processing device regardless of the selected design and the selected images. The advantage is that almost all of the human work required to create a technically functioning and designed GUI (graphic user interface) is eliminated.
Daraus ergeben sich gravierende Zeitvorteile bei der Umsetzung von Projekten und außerdem der Vorteil, dass der Designer von jedem technischen Verständnis und die Programmierer von der meisten Designarbeit freigehalten werden können. Damit ist es auch möglich, eine designte Website universell auf allen Plattformen, Shopsystemen, Blog-Softwares und virtuellen Plattformen einzusetzen.This results in serious time savings in the implementation of projects and also the advantage that the designer can be kept free from any technical understanding and the programmers from most design work. It is also possible to use a designed website universally on all platforms, shop systems, blog software and virtual platforms.
Auf Basis von AI (Artificial Intelligence, Künstliche Intelligenz) werden bildliche Bereiche, die in der Nähe eines Maus-Klicks oder eines anderen Bedienzeigers liegen oder vom Nutzer beispielsweise durch Blicke oder Gesten ausgewählte Bereiche analysiert. Es kann vorgesehen werden, dass die auswählbaren Bereiche vorab als solche gekennzeichnet sind und dafür beispielsweise ihr Erscheinungsbild beim Überstreichen mit dem Bedienzeiger erkennbar verändern, oder dass der Bedienzeiger seine Erscheinungsbild beim Überstreichen verändert.On the basis of AI (Artificial Intelligence), image areas that are in the vicinity of a mouse click or another operating pointer or areas selected by the user, for example by looks or gestures, are analyzed. It can be provided that the selectable areas are marked as such beforehand and, for this purpose, for example, their appearance changes when they are swiped over with the operating pointer, or that the operating pointer changes its appearance when it is swiped over.
Die anschließende Analyse des übermittelten Bereichs wird nach Gültigkeitswahrscheinlichkeit ausgewertet, und es werden dann die richtigen Produkte, Waren, Informationen, Bilder, Prozesse, Daten, Musikstücke, Texte oder andere Ergebnisse angezeigt, abgespielt oder durchgeführt. Wählt der Nutzer auf einem Bild eine Ware beispielsweise mit einem Maus-Klick aus oder markiert der Nutzer Waren auf Teilbereichen eines Bildes, so wird ihm aus einer zur Verfügung stehen Grundgesamtheit ein Ergebnis, beispielsweise die Bezugsquelle für die ausgewählte Ware, angezeigt. Diese ist völlig ohne Linkstruktur gefunden worden, da in der Auswerteinheit zunächst die zu erwartende Reaktion ermittelt wird. Anschließend wird in der Datenverarbeitungsanlage der hierfür notwendige Prozess, beispielsweise das Aufrufen der Website des Anbieters der ausgewählten Ware, durchgeführt und als Ergebnis an das Datenverarbeitungsgerät des Nutzers gesandt.The subsequent analysis of the transmitted area is evaluated according to the probability of validity, and the correct products, goods, information, images, processes, data, pieces of music, texts or other results are then displayed, played back or carried out. Choose the If a user selects a product from an image, for example with a click of the mouse, or if the user selects goods on partial areas of an image, a result, for example the source of supply for the selected product, is displayed to him from a population available. This was found completely without a link structure, since the expected reaction is first determined in the evaluation unit. The process necessary for this, for example calling up the website of the provider of the selected goods, is then carried out in the data processing system and as a result is sent to the data processing device of the user.
Diese Analyse der Bilder und das Auffinden von Waren nur anhand von Bildern sind aus der
Weiterhin ist die Interpretation von Kategoriefeldern und deren Beschriftung möglich. Auch ist die Interpretation von Text möglich und Logos können erkannt werden, deren Auswahl ohne verknüpfenden Link dennoch zu der betreffenden Website und insbesondere zu dem gewünschten Online-Shop führt, mit dem entsprechende Waren oder Dienstleitungen angeboten werden. Weiter wird die Interpretation von Gesichtern oder Gesten ermöglicht.Furthermore, the interpretation of category fields and their labeling is possible. The interpretation of text is also possible and logos can be recognized, the selection of which, without a link, nevertheless leads to the relevant website and in particular to the desired online shop, with which the corresponding goods or services are offered. The interpretation of faces or gestures is also made possible.
Alle Prozesse werden einzeln fällig und erfordern keine rechenintensive Vorarbeit oder Zurverfügungstellung von Analyseergebnissen, die alle möglichen Fragmente der Templates abbilden müssten. Es werden insbesondere keine Linkstrukturbäume erstellt sondern jeweils spezifische Ergebnisse gefunden.All processes are due individually and do not require any computationally intensive preparatory work or the provision of analysis results that would have to map all possible fragments of the templates. In particular, no link structure trees are created, but specific results are found.
Diese Funktionalität wird alleine durch die erstellte integrierte Codezeile bewirkt, die in das Design-Template eingefügt werden muss und durch die die Auswerteinheit aufgerufen wird. Beim Anzeigen von Templates, Designs oder Echtzeitbildern oder virtuellen Umgebungen in VR-Brillen (Virtual-Reality-Brillen) wird diese Codezeile nicht im Bild gefunden, sondern in dem entsprechenden Device der Brille instanziiert.This functionality is brought about solely by the integrated code line that has to be inserted into the design template and through which the evaluation unit is called. When displaying templates, designs or real-time images or virtual environments in VR glasses (virtual reality glasses), this line of code is not found in the image, but is instantiated in the corresponding device of the glasses.
Diese Codezeile findet die Bildinhalte auf der Seite, wobei ein auswählbares Bild durch Felder der graphischen Oberfläche definiert sein kann. Es können ein Bild, Teilbereich des Bildes, Filme, das ganze Template, Teilbereiche des Templates, eine Grafik, Text, ein oder mehrere Logos, Schrift, Buttonsymbole oder Bildinhalte zur Verfügung stehen, die analysiert und interpretiert werden. Diese werden bevorzugt in Anhängigkeit von der Maus- oder Bedienzeigerzeigerstellung, einer Lupenfunktion oder einer Bereichsdefinition der Bilder durch den Nutzer ausgewählt. This line of code finds the image content on the page, whereby a selectable image can be defined by fields on the graphical user interface. An image, partial area of the image, films, the entire template, partial areas of the template, a graphic, text, one or more logos, writing, button symbols or image content can be available, which are analyzed and interpreted. These are preferably selected in dependence on the mouse or operator pointer creation, a magnifying glass function or a region definition of the images by the user.
Die Bildinhalte werden zur Analyse an die als Server ausgebildete Datenverarbeitungsanlage übertragen, die die Auswertung durchführt und sinnvolle und erwartete Ergebnisse liefert. Auf dem Server werden demnach die Bildinhalte erkannt und die technischen Prozesse zur Verfügung gestellt, die getrennt vom Design der GUI erarbeitet werden können.The image contents are transmitted for analysis to the data processing system designed as a server, which carries out the evaluation and delivers meaningful and expected results. Accordingly, the image content is recognized on the server and the technical processes are made available, which can be developed separately from the design of the GUI.
Es ist daher gemäß der Erfindung vorgesehen, dass nach der Auswertung des ausgewählten Bereichs der graphischen Oberfläche die betreffende Aktion, die Darstellung oder der betreffende Prozess durchgeführt und auf dem Datenverarbeitungsgerät des Nutzers angezeigt wird. Die betreffende Aktion, die Darstellung oder der betreffende Prozess werden mit der Datenverarbeitungsanlage oder den Datenverarbeitungsgerät durchgeführt.It is therefore provided according to the invention that after the evaluation of the selected area of the graphical user interface, the relevant action, the display or the relevant process is carried out and displayed on the data processing device of the user. The action in question, the representation or the process in question are carried out with the data processing system or the data processing device.
Zum Erstellen der Website ist vorgesehen, dass zunächst ein Template oder die graphische Oberfläche mit der Codezeile auf der Website erstellt wird und dass anschließend die graphische Oberfläche mit den auswählbaren Bereichen versehen wird. Es ist auch möglich, dass auf der Website zunächst die graphische Oberfläche mit den auswählbaren Bereichen versehen wird und anschließend die Codezeile integriert wird. Dann ist es auch möglich, bereits vorhandene und designte Websites nachträglich mit der Codezeile zum Erzeugen der gewünschten Funktionalität der einzelnen Bereiche auszustatten.To create the website, it is provided that a template or the graphical user interface is first created with the line of code on the website and that the graphical user interface is then provided with the selectable areas. It is also possible that the graphic surface is first provided with the selectable areas and then the code line is integrated. Then it is also possible to retrofit existing and designed websites with the code line to generate the desired functionality of the individual areas.
Der Vorteil der Erfindung wird hier besonders deutlich. Die Funktionalität oder Funktionalitäten liegen bereits unabhängig von dem Design der Website vor. Durch die Codezeile wird eine Verbindung mit der Auswerteeinheit der Datenverarbeitungsanlage hergestellt, und der ausgewählte Bereich wird übermittelt. Dort erfolgt die weitere Bearbeitung, also insbesondere die Interpretation des ausgewählten Bildinhalts. Der Designer ist daher vollkommen frei in der Gestaltung einer Website und braucht lediglich die Codezeile vorher oder nachträglich zu integrieren, um eine voll funktionsfähige Website zu erstellen.The advantage of the invention is particularly clear here. The functionality or functionalities are already available regardless of the design of the website. The code line establishes a connection with the evaluation unit of the data processing system and the selected area is transmitted. This is where further processing takes place, in particular the interpretation of the selected image content. The designer is therefore completely free to design a website and only needs to integrate the line of code before or afterwards in order to create a fully functional website.
Es kann vorgesehen werden, dass die graphische Oberfläche in Bereiche aufgeteilt wird, die durch den Bedienzeiger auswählbar sind. Dadurch werden die Orte der auswählbaren Bereiche festgelegt, und die Programmierung wird einfacher. Auch wird dadurch sichergestellt, dass der gesamte Bildinhalt des ausgewählten Bereichs für eine Interpretation übermittelt wird. Fehlinterpretationen werden dadurch vermieden.It can be provided that the graphic user interface is divided into areas that can be selected by the operating pointer. This will determine the locations of the selectable areas and make programming easier. This also ensures that the entire image content of the selected area is transmitted for interpretation. This avoids misinterpretations.
Es ist in jedem Fall günstig, wenn die Codezeile einen Identifizierungscode enthält, durch den der Inhaber und/oder der Betreiber der Website identifizierbar ist. Dadurch werden spätere Abrechnungen möglich (sogenanntes Sub-Affiliating) . In any case, it is favorable if the line of code contains an identification code by which the owner and / or operator of the website can be identified. This enables later billing (so-called sub-affiliation).
Es ist grundsätzlich zweckmäßig, wenn die auf der graphischen Oberfläche darzustellenden Bilder aus einer Bildergalerie der Datenverarbeitungsanlage ausgewählt werden. Dies hat den Vorteil, dass bei einer Website mit Suchfunktion auf jeden Fall das ausgewählte Bild und die damit verbundenen Informationen identisch gefunden werden. Dies wird von dem Nutzer der Website häufig als erstes Ergebnis erwartet.It is fundamentally expedient if the images to be displayed on the graphic surface are selected from an image gallery of the data processing system. This has the advantage that, in the case of a website with a search function, the selected image and the associated information are found identically. This is often expected by the user of the website as the first result.
Es ist natürlich zusätzlich möglich, dass neben dem identischen ausgewählten Produkt auch andere ähnliche Produkte angezeigt werden. Dem Nutzer werden somit nicht nur das von ihm gewünschte Produkt sondern auch Alternativen angezeigt.It is of course also possible, in addition to the identical selected product, to display other similar products. The user is not only shown the product he wants, but also alternatives.
Grundsätzlich können die auf der graphischen Oberfläche darzustellenden Bilder frei wählbar sein. Dann wird durch die Auswerteinheit eine Ähnlichkeitsanalyse des Bildes durchgeführt, um die darauf gezeigte Ware identisch, gleich oder ähnlich zu finden. Der Nutzer erhält auch dann ein zufriedenstellendes Ergebnis.In principle, the images to be displayed on the graphic surface can be freely selected. The evaluation unit then carries out a similarity analysis of the image in order to find the goods shown on it identically, identically or similarly. Even then, the user receives a satisfactory result.
Die Erfindung wird im Folgenden anhand der schematischen Zeichnung näher erläutert. Die einzige Figur zeigt das Verfahrensschema gemäß der Erfindung.The invention is explained below with reference to the schematic drawing. The single figure shows the process scheme according to the invention.
In der Zeichnung ist links ist eine Datenverarbeitungsgerät
Die Anzeigeeinrichtung
Auf dieser Website sollen aber nicht nur Bilder dargestellt werden sondern auch Aktionen durchgeführt werden, wenn sie durch den Bedienzeiger
Auch ist es möglich, dass der Nutzer nach dem Auswählen eines Bildes
Bei dem in der Zeichnung dargestellten Verfahren ist daher vorgesehen, dass eine Codezeile
Grundsätzlich ist es gleichgültig, wo der Bedienzeiger steht. Es können festgelegte Felder für Bilder oder Eingabezeilen definiert werden, so dass beim Auswählen eines Feldes stets der gesamte Bildinhalt oder die gesamte Eingabezeile übermittelt wird. Es ist aber auch möglich, dass der bildliche Inhalt um den Bedienzeiger herum an die Auswerteinheit
Die Auswerteinheit
Wird in dem ausgewählten Feld
Wird durch die bildliche Darstellung im Feld
Auch kann durch das Auswählen des Bildes im Feld
Wird beispielsweise das Eingabefeld
Die Interpretation des Inhalts des ausgewählten bildlichen Bereichs kann im Zusammenhang mit der gesamten Website erfolgen. Dadurch kann die Suche nach bestimmten Waren oder Dienstleistungen noch gezielter und treffender gestaltet werden.The content of the selected pictorial area can be interpreted in connection with the entire website. This enables the search for certain goods or services to be made even more targeted and accurate.
Durch diese Beispiele wird deutlich, dass der Webdesigner tatsächlich nur noch das Aussehen der Web-Site gestalten muss. Die hinterlegte Funktionalität wird durch die Auswerteeinheit hergestellt, die den ausgewählten Bildinhalt auswertet und die erkannte und erwartete Funktionalität durchführt. Diese Prozesse werden ohne Linkstruktur möglich und basieren letztlich auf der bildlichen Auswertung und Interpretation des durch die Codezeile übermittelten und ausgewählten Ausschnitts der graphischen Oberfläche der Anzeigeeinrichtung
Es ist dabei natürlich möglich, dass der Webdesigner vorab bestimmte Bereiche auf der graphischen Oberfläche als auswählbar definiert. Dann wird beispielsweise nur die Suche nach bestimmten dargestellten Waren oder nur nach Waren einer bestimmten Marke möglich. Letzteres wird durch die Auswerteinheit beispielsweise anhand eines detektierbaren und erkennbaren Logos ermöglicht. Es kann aber auch ein beliebiges Bild eingestellt werden, dessen Inhalt beispielsweise segmentiert und ausgewertet wird. Dann erzeugt die Prozesseinheit
Die Codezeile enthält zum einen das Skript für die Verbindung des Datenverarbeitungsgeräts
Ein weiterer Vorteil ist darin zu sehen, dass durch die bildliche Auswertung des ausgewählten Bereichs stets aktuelle Websites oder nur aktuelle Waren gefunden und angezeigt werden unabhängig vom Alter der auf dem Datenverarbeitungsgerät
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 documents listed by the applicant has been generated automatically and is only included 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 PatentliteraturPatent literature cited
- DE 102015112168 A1 [0010]DE 102015112168 A1 [0010]
- DE 102016124277 A1 [0019]DE 102016124277 A1 [0019]
Claims (9)
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
DE102018115630.8A DE102018115630B4 (en) | 2018-06-28 | 2018-06-28 | Method for creating and operating a website with input option |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
DE102018115630.8A DE102018115630B4 (en) | 2018-06-28 | 2018-06-28 | Method for creating and operating a website with input option |
Publications (2)
Publication Number | Publication Date |
---|---|
DE102018115630A1 true DE102018115630A1 (en) | 2020-01-02 |
DE102018115630B4 DE102018115630B4 (en) | 2024-01-11 |
Family
ID=68885703
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
DE102018115630.8A Active DE102018115630B4 (en) | 2018-06-28 | 2018-06-28 | Method for creating and operating a website with input option |
Country Status (1)
Country | Link |
---|---|
DE (1) | DE102018115630B4 (en) |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
DE102015112168A1 (en) | 2015-07-25 | 2017-01-26 | Patty's Gmbh | Process for creating an online shop |
US20170270215A1 (en) * | 2014-12-01 | 2017-09-21 | Pleenq, LLC | Navigation control for network clients |
DE102016124277A1 (en) | 2016-04-19 | 2017-10-19 | Patty's Gmbh | Method for determining and displaying products on an electronic display device |
-
2018
- 2018-06-28 DE DE102018115630.8A patent/DE102018115630B4/en active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20170270215A1 (en) * | 2014-12-01 | 2017-09-21 | Pleenq, LLC | Navigation control for network clients |
DE102015112168A1 (en) | 2015-07-25 | 2017-01-26 | Patty's Gmbh | Process for creating an online shop |
DE102016124277A1 (en) | 2016-04-19 | 2017-10-19 | Patty's Gmbh | Method for determining and displaying products on an electronic display device |
Also Published As
Publication number | Publication date |
---|---|
DE102018115630B4 (en) | 2024-01-11 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
DE69127703T2 (en) | DEVICE AND METHOD FOR GENERATING A CUSTOMIZABLE VIDEO PRESENTED DOCUMENT THAT CHANGES REAL-TIME DATA | |
DE102004012839B4 (en) | System and method for providing help information | |
DE112011105933T5 (en) | Methods and apparatus for dynamically customizing a virtual keyboard | |
EP1902407B1 (en) | System for transmitting data from a document application to a data application | |
DE10135445A1 (en) | Graphical refreshable web query creation method involves opening and loading web page into web query dialog box in spread sheet application program and sending selected object in displayed web page as web query in program | |
DE102013222290A1 (en) | System and method for sharing discovery results data | |
DE112013002870T5 (en) | User interface for viewing and acquiring products in a browser | |
DE202007019483U1 (en) | Device for selecting a word to be defined in a mobile communication terminal having an electronic dictionary | |
DE112013000487T5 (en) | Advanced screen sharing in an electronic meeting | |
DE29623701U1 (en) | Graphic browser | |
DE202011110879U1 (en) | Rich content in a browser-based word processor | |
DE212012000266U1 (en) | System for providing a scroll map | |
DE112009002469T5 (en) | Advertising a mobile device | |
DE102012221513A1 (en) | Method and system for providing additional data to a graphical interface element | |
DE202018103790U1 (en) | pen Help | |
DE202014010890U1 (en) | System for the selective display of content | |
DE102017218120A1 (en) | A method of providing haptic feedback to an operator of a touch-sensitive display | |
DE112013003763T5 (en) | Method and system for automatic generation of social network page based on electronic document content | |
DE10140874A1 (en) | Touch screen type graphical user interface in which the sizing of screen areas is automatically adjusted to simplify user input and make control of devices, especially communications devices more user friendly | |
DE102013203831A1 (en) | Method and system for master page based integrated editing and dynamic layout activation | |
JP2022508086A (en) | Systems and methods for creating and processing configurable applications for website building systems | |
DE112016002275T5 (en) | COORDINATED USER WORD SELECTION FOR TRANSLATING AND RECEIVING CONTEXT INFORMATION FOR THE SELECTED WORD | |
EP1131752A1 (en) | Method for databank-assisted selection of products for electronic commerce applications in internet | |
CN114706584A (en) | Data visualization display manufacturing system | |
DE202024102344U1 (en) | Artificial intelligence-based intelligent user interface evaluation system |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
R012 | Request for examination validly filed | ||
R016 | Response to examination communication | ||
R016 | Response to examination communication | ||
R018 | Grant decision by examination section/examining division |