ES2356537B1

ES2356537B1 - NAVIGATION METHOD IN DATA NETWORKS.

Info

Publication number: ES2356537B1
Application number: ES200930233A
Authority: ES
Inventors: Ander Hernández San Sebastián
Original assignee: Individual
Current assignee: Individual
Priority date: 2009-05-29
Filing date: 2009-05-29
Publication date: 2012-02-15
Anticipated expiration: 2029-05-29
Also published as: ES2356537A1; WO2010136625A1

Abstract

Método de navegación en redes de datos.#Presenta etapas de:#- Creación de un documento principal con una capa principal contenedora (1) cuyo tamaño se dimensiona mayor que el correspondiente a la resolución de una pantalla (3) estándar;#- definición de esa capa (1) mediante tres ejes, correspondiendo X e Y a valores de anchura y altura, mientras que Z determina a qué nivel flota en el espacio dicha capa (1);#- creación de un número de subcapas (2) de tamaño inferior a la principal (1), iguales entre sí, y con aprovechamiento máximo del espacio generado en la capa principal (1);#- dotar a cada subcapa (2) de la propiedad de llamar a otros documentos o archivos de manera independiente;#- generación de elementos de enlace dentro de las subcapas (2) para llamar a otros archivos, direcciones o documentos, que visualmente se mostrarán como botones (4) en pantalla (3).Navigation method in data networks. # Presents stages of: # - Creation of a main document with a main container layer (1) whose size is larger than that corresponding to the resolution of a standard screen (3); # - definition of that layer (1) by means of three axes, X and Y corresponding to width and height values, while Z determines at what level this layer (1) floats in space; # - creation of a number of sub-layers (2) of smaller than the main size (1), equal to each other, and with maximum use of the space generated in the main layer (1); # - provide each sublayer (2) with the property of calling other documents or files independently ; # - generation of link elements within sub-layers (2) to call other files, addresses or documents, which will visually be displayed as buttons (4) on the screen (3).

Description

para poder descubrir las partes ocultas se le da la pro-in order to discover the hidden parts the pro-

Método de navegación en redes de datos. Navigation method in data networks.

Objeto de la invenciónObject of the invention

La presente invención, tal y como se expresa en el enunciado de esta memoria descriptiva, se reﬁere a un método de navegación en redes de datos, especialmente aplicable como herramienta de internet, cuya ﬁnalidad esencial consiste en proporcionar una mayor comodidad en el manejo de las herramientas de la correspondiente red de datos, y en facilitar una mayor rapidez durante la navegación que la que permiten los métodos convencionales. Para ello, el método de la invención proporciona un sistema de navegación que utilizando una sola ventana de un navegador cualquiera da la posibilidad de navegar individualmente en diferentes partes del mismo, globalizando los contenidos en una sola ventana de navegación. El método de la invención es utilizable principalmente con páginas web o aplicativos multimedia, cargando la totalidad de contenidos de una sola vez en un documento conﬁgurado como un gran lienzo; siendo irrelevante el carácter del contenido de dichas páginas o aplicativos, así como sus posibles formatos. Además de las referidas mayor comodidad y rapidez durante la navegación, el método de la invención facilita enormemente la comparación de contenidos de las distintas zonas de navegación. Antecedentes de la invención The present invention, as expressed in the statement of this specification, refers to a method of navigation in data networks, especially applicable as an internet tool, whose essential purpose is to provide greater comfort in the handling of data tools of the corresponding data network, and in facilitating faster browsing while than conventional methods allow. For this, the method of the invention provides a navigation system that using a single window of any browser gives the possibility to navigate individually in different parts of it, globalizing the contents in a single navigation window. The method of the invention is mainly usable with web pages or multimedia applications, loading all the contents at once in a document con ﬁ gured as a large canvas; being irrelevant the character of the content of these pages or applications, as well as their possible formats. In addition to the aforementioned greater comfort and speed during navigation, the method of the invention greatly facilitates the comparison of contents of the different navigation areas. Background of the invention

Actualmente, cuando se navega en redes de datos, tal como internet, si se desea abrir páginas nuevas diferentes a la que se está visualizando, es necesario abrirlas bien en nuevas ventanas o bien en nuevas pestañas. Esto genera inconvenientes relativos a que si se quiere comparar el contenido de varias de las ventanas de las que se encuentran abiertas, hay que alternar entre unas y otras sin posibilidad de poder tener todas abiertas al mismo tiempo para poder comparar de un modo cómodo el contenido de las mismas, o para realizar operaciones en varias de ellas de forma rápida y cómoda sin tener que estar cerrando y abriendo la ventana en la que se deja de operar y la ventana en la que se quiere operar respectivamente. Currently, when browsing data networks, such as the Internet, if you want to open new pages different from the one being viewed, it is necessary to open them either in new windows or in new tabs. This creates inconveniences related to the fact that if you want to compare the contents of several of the windows that are open, you have to alternate between them without the possibility of having all of them open at the same time to be able to compare the content in a comfortable way of them, or to perform operations in several of them quickly and conveniently without having to be closing and opening the window in which it stops operating and the window in which you want to operate respectively.

No conocemos en el estado actual de la técnica ningún método de navegación para redes de datos que facilite un procedimiento mediante el que se puedan tener abiertas simultáneamente varias páginas diferentes para posibilitar comparación de contenidos, así como comodidad y rapidez en la realización de las operaciones que se quieran efectuar; tal como lo proporciona el método de la presente invención. Descripción de la invenciónWe do not know in the current state of the art any method of navigation for data networks that facilitates a procedure by which several different pages can be opened simultaneously to enable comparison of contents, as well as comfort and speed in performing the operations that they want to make; as provided by the method of the present invention. Description of the invention

Para lograr los objetivos y evitar los inconvenientes indicados en anteriores apartados, la invención consiste en un método de navegación en redes de datos, especialmente aplicable como herramienta de internet, para operar en páginas web, aplicativos multimedia, envió y recepción de comandos u otros; siendo susceptible de utilizarse en conjunción con un navegador convencional. To achieve the objectives and avoid the inconveniences indicated in previous sections, the invention consists of a method of navigation in data networks, especially applicable as an internet tool, to operate on web pages, multimedia applications, sending and receiving commands or others; being capable of being used in conjunction with a conventional browser.

Novedosamente, según la invención, el método de la misma presenta etapas de: Novelly, according to the invention, the method thereof has steps of:

--: Creación de un documento principal donde se incluye la manera de navegar, erándose en dicho documento una capa principal contenedora cuyo tamaño se dimensiona mayor que el correspondiente a la resolución de una pantalla estándar; de manera que provocará que en una única ventana de un explorador piedad de poder pinchar sobre la misma y sin soltar el botón de arrastre del ratón o análogo arrastrarla a la ubicación que se desee. Creation of a main document that includes the way of navigating, being in that document a main container layer whose size is larger than that corresponding to the resolution of a standard screen; so that it will cause that in a single window of an explorer mercy of being able to click on it and without releasing the drag button of the mouse or similar drag it to the desired location.

--: Deﬁnición de esa capa principal espacialmente mediante tres ejes, correspondiendo a los ejes X e Y los valores de tamaño horizontal y vertical, es decir, anchura y altura, mientras que el tercer eje Z determina a que nivel ﬂota en el espacio dicha capa. Definition of that principal layer spatially by means of three axes, corresponding to the X and Y axes the values of horizontal and vertical size, that is, width and height, while the third Z axis determines at what level this layer floats in space.

--: Creación de un número de subcapas o capas de tamaño inferior a la principal, iguales entre sí, y con aprovechamiento máximo del espacio generado en la capa principal, de manera que se subdivide la capa contenedora principal en una malla de subcapas independientes, que al constar dentro de la capa principal heredan la propiedad de poder ser pinchadas y arrastradas en bloque, al objeto de posibilitar una navegación independiente en diferentes partes de la capa principal. Creation of a number of sub-layers or layers smaller than the main one, equal to each other, and with maximum use of the space generated in the main layer, so that the main container layer is subdivided into a mesh of independent sub-layers, which when being recorded within the main layer they inherit the property of being able to be punctured and dragged in block, in order to allow independent navigation in different parts of the main layer.

--: Dotar a cada subcapa de la propiedad de llamar a otros documentos o archivos de manera independiente, de forma que la carga de dichos documentos es también independiente, pudiéndose navegar individualmente en cada subcapa sin tener que esperar que termine la carga y posibilitándose así navegar en diferentes subcapas simultáneamente. Provide each sublayer with the property to call other documents or files independently, so that the loading of said documents is also independent, being able to navigate individually in each sublayer without having to wait for the loading to end and thus making it possible to navigate in different sub-layers simultaneously.

--: Generación de elementos de enlace dentro de las subcapas para llamar a otros archivos, direcciones o documentos, que visualmente se mostrarán como botones en pantalla, de manera que el usuario podrá clicar sobre los mismos cuando necesite navegar. Generation of link elements within the sub-layers to call other files, addresses or documents, which will visually be displayed as on-screen buttons, so that the user can click on them when they need to navigate.

Para la realización preferente de la invención, el destino donde se carga un nuevo archivo es la subcapa donde se está navegando en ese momento; dándose no obstante la opción de hacer que el destino de la carga del archivo se efectúe en otra subcapa para permitir mantener la subcapa en la que se navega en el estado de carga en el que se encuentre; de manera que al hacer la carga en dicha otra subcapa, la capa contenedora principal se moverá a las coordenadas X, Y correspondientes para que se visualice el archivo cargado, y mientras que carga se permite pinchar y arrastrar a otra coordenada de la capa contenedora principal para trabajar sobre otra subcapa. For the preferred embodiment of the invention, the destination where a new file is loaded is the sublayer where it is currently being navigated; given, however, the option to make the destination of the file upload to another sublayer to allow maintaining the sublayer in which it is navigated in the state of loading in which it is located; so that when loading in said other sublayer, the main container layer will move to the corresponding X, Y coordinates so that the loaded file is displayed, and while loading it is allowed to click and drag to another coordinate of the main container layer to work on another sublayer.

Además, según la realización preferente de la invención, cuando las cargas y la navegación sean independientes y simultáneas, al usuario solo se le permite incidir sobre la parte visible de la capa contenedora, al objeto de evitar el caos que una navegación rápida y simultánea puede generar; creándose además una capa a la que se denomina de previsualización en la que se muestra a una escala pequeña toda la capa contenedora. Furthermore, according to the preferred embodiment of the invention, when loads and navigation are independent and simultaneous, the user is only allowed to influence the visible part of the container layer, in order to avoid the chaos that rapid and simultaneous navigation can generate; also creating a layer called a preview in which the entire container layer is shown on a small scale.

La referida capa de previsualización presenta las siguientes características: The referred preview layer has the following characteristics:

--: Su tamaño es proporcional al de la capa contenedora pero no así su escala que es inferior. Its size is proportional to that of the container layer but not its scale that is smaller.

--: Se muestra en una jerarquía superior, de manera que el valor Z es mayor que el de la capa contenedora. It is displayed in a higher hierarchy, so that the Z value is greater than that of the container layer.

--: Cuando se hace clic sobre una coordenada X, Y concreta de la capa de previsualización, el usuario provoca que la capa contenedora se desplace a dicha coordenada mostrando esa parte de la misma y su correspondiente subcapa. When a specific X, Y coordinate of the preview layer is clicked, the user causes the container layer to move to said coordinate showing that part of it and its corresponding sublayer.

--: Cuando el usuario navega dentro de una subcapa, el cambio generado se reﬂeja en la capa de previsualización a modo de chivato, para lo que se crea un código visual tal como iconos o puntos de color, que distinguirán por un lado, los diferentes tipos de archivos que se carguen, y por otro, el estado de la carga de los mismos; situándose dicho código en las coordenadas X, Y correspondientes a la subcapa sobre la que esté incidiendo el usuario; de manera que dicho usuario sabe en todo momento en que subcapas se está navegando cuando han terminado de cargarse los cambios, y cómo volver a una subcapa en la que se estaban terminando de cargarse los cambios. When the user navigates within a sublayer, the change generated is reflected in the preview layer as a sneak, for which a visual code is created such as icons or colored dots, which will distinguish, on the one hand, the different types of files that are loaded, and on the other, the state of loading them; said code being placed in the X, Y coordinates corresponding to the sublayer on which the user is affecting; so that the user knows at all times which sub-layers are being navigated when the changes have finished loading, and how to return to a sub-layer in which the changes were finished loading.

Además, según la realización preferente de la invención, en el método de la misma se incluye una etapa de selección de la subcapa que se muestra de inicio, cuando los archivos que contiene la capa contenedora se cargan por primera vez en la correspondiente sesión de trabajo. In addition, according to the preferred embodiment of the invention, a method of selecting the sublayer shown at startup is included in the method thereof, when the files containing the container layer are first loaded in the corresponding work session .

También según la realización preferente de la invención, la capa contenedora principal y las subcapas presentan una geometría rectangular. Also according to the preferred embodiment of the invention, the main container layer and the sub-layers have a rectangular geometry.

Con la estructura que se ha descrito, el método de navegación de esta invención presenta ventajas relativas a que permite mantener abiertas simultáneamente varias páginas durante la navegación por la red de datos, facilitando grandemente la comparación de contenidos y la velocidad y comodidad en la realización de operaciones diversas en esas varias páginas, ya que para actuar sobre las mismas no se hace necesario cerrarlas y abrirlas puesto que todas ellas se encuentran abiertas de manera simultánea. With the structure that has been described, the navigation method of this invention has relative advantages in that it allows several pages to be kept open simultaneously while browsing the data network, greatly facilitating the comparison of contents and the speed and convenience in performing diverse operations in these several pages, since to act on them it is not necessary to close them and open them since all of them are open simultaneously.

A continuación, para facilitar una mejor comprensión de esta memoria descriptiva y formando parte integrante de la misma, se acompaña una ﬁgura única en la que con carácter ilustrativo y no limitativo se ha representado el objeto de la invención. Breve descripción de la ﬁguraNext, in order to facilitate a better understanding of this specification and as an integral part thereof, a unique figure is attached in which the object of the invention has been shown as an illustrative and non-limiting nature. Brief description of the figure

Figura 1.-Representa esquemáticamente a una pantalla en una navegación en red de datos que emplea el método de la presente invención. Descripción de un ejemplo de realización de la invención Figure 1.- Schematically represents a screen in a data network navigation using the method of the present invention. Description of an embodiment of the invention

Seguidamente se realiza una descripción de un ejemplo de la invención haciendo referencia a la numeración adoptada en la ﬁgura. Next, a description of an example of the invention is made with reference to the numbering adopted in the figure.

Así, la ﬁgura 1 muestra una pantalla 3 en la que se está empleando el método de navegación de la invención, el cual se basa en la creación de un gran lienzo o capa contenedora principal 1 que se divide en subcapas 2 a modo de mallado, correspondiendo cada subcapa 2 a una ventana de navegación, o página web, que permanece abierta y que se activa en la pantalla 3 al posicionarse sobre la misma, quedando representadas todas las subcapas 2 de la capa contenedora principal 1 a modo de pequeño mapa en una zona tal como la correspondiente a un vértice de la pantalla 3, según se muestra en la ﬁgura 1; de manera que dicha pantalla 3 puede mostrar el contenido de varias subcapas 2 simultáneamente abiertas, a modo de un mapa geográﬁco informático, incluyéndose en las subcapas 2 unos botones 4 para llamar a otros archivos, direcciones o documentos. Thus, Figure 1 shows a screen 3 in which the navigation method of the invention is being used, which is based on the creation of a large canvas or main container layer 1 that is divided into sub-layers 2 by way of meshing, each sublayer 2 corresponding to a navigation window, or web page, that remains open and is activated on screen 3 when positioned on it, all sub-layers 2 of the main container layer 1 being represented as a small map in a zone such as that corresponding to a vertex of screen 3, as shown in Figure 1; so that said screen 3 can display the contents of several simultaneously open sub-layers 2, by way of a computer geographic map, with buttons 4 being included in sub-layers 2 to call other files, addresses or documents.

Tal y como muestra la ﬁgura 1 el referido mallado que divide la capa contenedora principal 1 en subcapas 2 se efectúa dando a dicha capa y subcapas una geometría rectangular, no descartándose otras formas en otros ejemplos de la invención. As shown in Figure 1, the aforementioned mesh that divides the main container layer 1 into sub-layers 2 is carried out giving said layer and sub-layers a rectangular geometry, other forms not being ruled out in other examples of the invention.

En el presente ejemplo se da la posibilidad de seleccionar la subcapa 2 que se muestre al inicio de la sesión de trabajo, cuando los archivos que contiene la capa contenedora principal 1 se cargan por primera vez. In the present example, it is possible to select the sublayer 2 that is shown at the beginning of the work session, when the files containing the main container layer 1 are loaded for the first time.

Aunque la carga de todos los contenidos iniciales se efectúan en una sola operación, en la pantalla 3 solo se mostrará una parte de la capa principal 1, que puede hacer las veces de página principal. Although all initial contents are loaded in a single operation, only part of the main layer 1 will be shown on screen 3, which can serve as the main page.

Para poder navegar y acceder a las partes ocultas representadas en la zona superior derecha de la pantalla únicamente hay que pinchar y arrastrar en cualquier parte de la capa principal 1 hasta obtener en tamaño grande la zona o página deseada. In order to navigate and access the hidden parts represented in the upper right area of the screen, simply click and drag anywhere on the main layer 1 until the desired area or page is obtained in large size.

Al arrastrar y mostrar las partes ocultas de la capa principal 1 se ocultan las partes que se demostraban hasta el momento, de manera que se tiene de forma permanente la ventanita o zona que muestra en miniatura a toda la capa contenedora principal 1 subdividida en subcapas 2. By dragging and showing the hidden parts of the main layer 1, the parts that were demonstrated so far are hidden, so that the window or area that shows in miniature the entire main container layer 1 subdivided into sub-layers 2 is permanently .

Esa zona de la esquina superior derecha de la pantalla 3 donde se muestra la capa 1 en miniatura puede disponer de un chivato que indique la situación exacta concreta que se está visualizando a tamaño grande en la pantalla 3. That area in the upper right corner of the screen 3 where the miniature layer 1 is shown can have a sneak indicating the exact exact situation that is being displayed in large size on the screen 3.

Al igual que otras aplicaciones convencionales, la ventanita que muestra el conjunto de subcapas 2 o capa principal 1 puede disponer de una zona que se pinche para ser arrastrada en su conjunto hacia otra zona de la pantalla 3. Like other conventional applications, the window showing the set of sub-layers 2 or main layer 1 can have an area that is punctured to be dragged as a whole towards another area of the screen 3.

Por otra parte, se puede pinchar en una zona de la representación de la capa principal 1 para acceder al instante a las subcapas que se desee. On the other hand, you can click on an area of the representation of the main layer 1 to instantly access the desired sub-layers.

También se puede arrastrar toda la pantalla contenida a gran tamaño, según se ha representado en las ﬂechas gruesas de la ﬁgura 1. You can also drag the entire screen in large size, as shown in the thick arrows of Figure 1.

Cada subcapa 2 tiene la capacidad de permitir una navegación clásica, esto es, pinchando en botones y cargando información adicional del carácter que se requiera, soportando todo tipo de formatos. Each sublayer 2 has the ability to allow a classic navigation, that is, by clicking on buttons and loading additional information of the character that is required, supporting all kinds of formats.

Los sublienzos o subcapas 2 son una malla de zonas o capas que en su conjunto forman la capa principal 1, y de esta manera se puede utilizar la zona que se tiene visible para realizar las gestiones u operaciones que precise el usuario y dejar cargando una página o información, e ir a otra zona o capa que interese, realizando otras operaciones mientras la primera zona se carga u opera independientemente de lo que se haga en el resto de las zonas de la capa principal. The sub-canvases or sub-layers 2 are a mesh of zones or layers that together form the main layer 1, and in this way you can use the area that is visible to perform the procedures or operations required by the user and load a page or information, and go to another area or layer of interest, performing other operations while the first zone is loaded or operated regardless of what is done in the rest of the zones of the main layer.

Las subcapas 2 pueden adaptarse tanto en número como en dimensiones en función de las necesidades. Sub-layers 2 can be adapted both in number and in dimensions depending on the needs.

Así, las subcapas 2 son independientes en si mismas, aunque formen parte de la capa principal contenedora 1. Thus, sub-layers 2 are independent in themselves, although they are part of the main container layer 1.

Para facilitar el tipo de navegación que se ha descrito, el método del presente ejemplo, utiliza al menos las siguientes cinco etapas: To facilitate the type of navigation described, the method of the present example uses at least the following five stages:

--: Primera etapa: creación de un documento principal donde se incluye la manera de navegar, erándose en dicho documento una capa principal contenedora 1 cuyo tamaño se hace mayor que el correspondiente a la resolución de una pantalla estándar, lo que provocará que en una única ventana de un explorador se visualice sólo una pequeña parte de la misma. Para poder descubrir las partes ocultas se le da la propiedad de poder pinchar sobre ella sin soltar el botón de arrastre del ratón o dispositivo análogo, arrastrándola a la ubicación que se desee. First stage: creation of a main document that includes the way of navigating, being in that document a main container layer 1 whose size becomes larger than that corresponding to the resolution of a standard screen, which will cause that in a single window of A browser will display only a small part of it. In order to discover the hidden parts, it is given the property of being able to click on it without releasing the drag button of the mouse or similar device, dragging it to the desired location.

--: Segunda etapa: deﬁnición de esa capa principal de manera espacial mediante tres ejes, siendo los ejes XeYvalores de anchura y altura, mientras que el eje Z determina el nivel al que ﬂota en el espacio la referida capa. Second stage: de ﬁ nition of that main layer in a spatial way by means of three axes, with the XeYvalues being width and height, while the Z axis determines the level at which the referred layer floats in space.

--: Tercera etapa: creación de un número de subcapas 2 o capas de tamaño inferior a la principal, iguales entre sí y con aprovechamiento máximo del espacio generado en la capa principal, de manera que se subdivide la capa contenedora principal 1 en una malla de subcapas independientes 2 que al constar dentro de la misma heredan la propiedad de poder pincharlas y arrastrarlas en bloque, al objeto de posibilitar una navegación independiente en diferentes partes de la capa principal 1. Third stage: creation of a number of sub-layers 2 or layers smaller than the main size, equal to each other and with maximum use of the space generated in the main layer, so that the main container layer 1 is subdivided into a mesh of independent sub-layers 2 which, when contained within it, inherit the property of being able to puncture and drag them in block, in order to allow independent navigation in different parts of the main layer

--: Cuarta etapa: dotar a cada subcapa de la propiedad de llamar a otros documentos o archivos de manera independiente, lo que conlleva que la carga de dichos documentos es también independiente, pudiéndose navegar individualmente en cada subcapa sin tener que esperar a que termine la carga y posibilitándose navegar en diferentes subcapas simultáneamente. Fourth stage: provide each sublayer with the property of calling other documents or files independently, which implies that the loading of said documents is also independent, being able to navigate individually in each sublayer without having to wait for the loading to end and making it possible to navigate in different sub-layers simultaneously.

--: Quinta etapa: generación de elementos de enlace dentro de las subcapas para llamar a otros archivos, direcciones o documentos, que visualmente se muestran como botones 4 en pantalla 3, de manera que el usuario puede clicar sobre los mismos cuando necesite navegar. Fifth stage: generation of link elements within the sub-layers to call other files, addresses or documents, which are visually displayed as buttons 4 on screen 3, so that the user can click on them when they need to navigate.

Además, otra característica, adicional a las anteriores, del método del presente ejemplo de la invención consiste en que el destino donde se carga un nuevo archivo es la subcapa donde se está navegando en el momento presente, dándose, no obstante, la opción de hacer que el destino de la carga del archivo se haga en otra subcapa distinta a la de la navegación actual, para permitir mantener la subcapa en la que se navega en el estado de carga en el que se encuentre; de manera que al hacer la carga en dicha otra subcapa, la capa contenedora principal se mueve a las coordenadas correspondientes para visualizar el archivo cargado. Mientras se carga este archivo, se permite pinchar y arrastrar a otra coordenada de la capa contenedora principal para trabajar sobre otra subcapa. In addition, another feature, in addition to the above, of the method of the present example of the invention is that the destination where a new file is loaded is the sublayer where it is currently being navigated, giving, however, the option to make that the destination of the file upload is made in another sublayer other than the current navigation, to allow maintaining the sublayer in which it is navigated in the state of loading in which it is located; so that when loading in said other sublayer, the main container layer moves to the corresponding coordinates to display the loaded file. While this file is loading, it is allowed to click and drag to another coordinate of the main container layer to work on another sublayer.

Otra característica adicional del presente ejemplo, consiste en que cuando las cargas y navegación sean independientes y simultáneas, al usuario solo se le permite incidir sobre la parte visible de la capa contenedora, al objeto de evitar el caos que una navegación rápida y simultánea pudiera generar; creándose adicionalmente una capa a la que se denomina capa de previsualización, en la que se muestra a una escapa pequeña toda la capa contenedora. Another additional feature of the present example is that when loads and navigation are independent and simultaneous, the user is only allowed to influence the visible part of the container layer, in order to avoid the chaos that rapid and simultaneous navigation could generate ; additionally creating a layer called the preview layer, in which the entire container layer is shown to a small leak.

La referida capa de previsualización tiene al menos las siguientes cuatro características: The referred preview layer has at least the following four characteristics:

a) su tamaño es proporcional al de la capa contenedora pero no así su escala que es inferior. a) its size is proportional to that of the container layer but its scale is not smaller.

b) Se muestra en una jerarquía superior, de manera que el valor Z es mayor que el de la capa contenedora. b) It is displayed in a higher hierarchy, so that the Z value is greater than that of the container layer.

c) Cuando se hace clic sobre una coordenada X, Y, concreta de la capa de previsualización, el usuario provoca que la capa contenedora se desplace a dicha coordenada mostrando esa parte de la misma y su correspondiente subcapa. c) When clicking on an X, Y coordinate, specific to the preview layer, the user causes the container layer to move to that coordinate showing that part of it and its corresponding sublayer.

d) Cuando el usuario navega dentro de una subcapa, el cambio generado se reﬂeja en la capa de previsualización a modo de chivato, para lo que se crea un código visual tal como iconos o puntos de color, que distinguirán por un lado los diferentes tipos de archivos que se carguen, y por otro el estado de la carga de los mismos, situándose dicho código en las coordenadas X, Y correspondientes a la subcapa sobre la que esté incidiendo el usuario; de manera que dicho usuario sabe en todo momento en que subcapa está navegando cuando han terminado de cargarse los cambios, y cómo volver a una subcapa en la que se estaban terminando de cargar los cambios. d) When the user navigates within a sublayer, the generated change is reflected in the preview layer as a sneak, for which a visual code is created such as icons or colored dots, which will distinguish on the one hand the different types of files that are loaded, and on the other, the state of their loading, said code being located in the X, Y coordinates corresponding to the sublayer on which the user is affecting; so that the user knows at all times which sublayer is browsing when the changes have finished loading, and how to return to a sublayer in which the changes were finished loading.

Claims

1. Method of navigation in data networks, especially applicable as an internet tool, to operate on web pages, multimedia applications, sending and receiving commands or others; being capable of being used in conjunction with a conventional browser; characterized in that it presents stages of:

--: Creación de un documento principal donde se incluye la manera de navegar, erándose en dicho documento una capa principal contenedora (1) cuyo tamaño se dimensiona mayor que el correspondiente a la resolución de una pantalla estándar (3); de manera que provocará que en una única ventana de un explorador solo se visualice una pequeña parte de la misma, y para poder descubrir las partes ocultas se le da la propiedad de poder pinchar sobre la misma y sin soltar el botón de arrastre del ratón o análogo arrastrarla a la ubicación que se desee; Creation of a main document that includes the way of navigating, being in that document a main container layer (1) whose size is larger than that corresponding to the resolution of a standard screen (3); so that it will cause that in a single window of an explorer only a small part of it is visualized, and to be able to discover the hidden parts it is given the property of being able to click on it and without releasing the drag button of the mouse or analog drag it to the desired location;

--: deﬁnición de esa capa principal espacialmente mediante tres ejes, correspondiendo a los ejes X e Y los valores de tamaño horizontal y vertical, esto es anchura y altura, mientras que el tercer eje Z determina a qué nivel ﬂota en el espacio dicha capa; de ﬁ nition of that principal layer spatially by means of three axes, corresponding to the X and Y axes the values of horizontal and vertical size, this is width and height, while the third Z axis determines at what level this layer floats in space;

--: creación de un número de subcapas (2) o capas de tamaño inferior a la principal (1), iguales entre sí, y con aprovechamiento máximo del espacio generado en la capa principal, de manera que se subdivide la capa contenedora principal en una malla de subcapas independientes que al constar dentro de la misma heredan la propiedad de poder pincharlas y arrastrarlas en bloque, al objeto de posibilitar una navegación independiente en diferentes partes de la capa principal; creation of a number of sub-layers (2) or layers smaller than the main one (1), equal to each other, and with maximum use of the space generated in the main layer, so that the main container layer is subdivided into a mesh of independent sub-layers that, when contained within it, inherit the property of being able to puncture and drag them in block, in order to allow independent navigation in different parts of the main layer;

--: dotar a cada subcapa de la propiedad de llamar a otros documentos o archivos de forma independiente, de manera que la carga de dichos documentos es también independiente, pudiéndose navegar individualmente en cada subcapa sin tener que esperar a que termine la carga y posibilitándose así navegar en diferentes subcapas simultáneamente; provide each sublayer with the property of calling other documents or files independently, so that the loading of said documents is also independent, being able to navigate individually in each sublayer without having to wait for the end of the load and thus making it possible to navigate in different sub-layers simultaneously;

--: generación de elementos de enlace dentro de las subcapas para llamar a otros archivos, direcciones o documentos, que visualmente se mostrarán como botones (4) en pantalla (3), de manera que el usuario podrá clicar sobre los mismos. generation of link elements within the sub-layers to call other files, addresses or documents, which will visually be displayed as buttons (4) on the screen (3), so that the user can click on them.

2. Method of navigation in data networks, according to claim 1, characterized in that the destination where a new file is loaded is the sublayer where it is currently being browsed, also giving the option of making the destination of the file upload perform in another sublayer to allow maintaining the sublayer in which it is navigated in the state of load in which it is located; so that when loading in said other sublayer, the main container layer moves to the corresponding X, Y coordinates so that the loaded file is displayed, and while loading said file it is allowed to click and drag to another coordinate of the layer main container to work on another sublayer.

3. 3.: Método de navegación en redes de datos, según reivindicación 2, caracterizado porque cuando las cargas y la navegación sean independientes y simultáneas, al usuario solo se le permite incidir sobre la parte visible de la capa contenedora, al objeto de evitar el caos que una navegación rápida y simultánea puede generar; creándose además una capa a la que se denomina de previsualización en la que se muestra a una escala pequeña toda la capa contenedora. Method of navigation in data networks, according to claim 2, characterized in that when the loads and navigation are independent and simultaneous, the user is only allowed to influence the visible part of the container layer, in order to avoid the chaos that a navigation Fast and simultaneous can generate; also creating a layer called a preview in which the entire container layer is shown on a small scale.

4. Four.: Método de navegación en redes de datos, según reivindicación 3, caracterizado porque dicha capa de previsualización presenta las siguientes características: Navigation method in data networks, according to claim 3, characterized in that said preview layer has the following characteristics:

--: su tamaño es proporcional al de la capa contenedora pero no así su escala que es inferior; its size is proportional to that of the container layer but not its scale that is smaller;

--: se muestra en una jerarquía superior, de manera que el valor Z es mayor que el de la capa contenedora principal; it is displayed in a higher hierarchy, so that the Z value is greater than that of the main container layer;

--: cuando se hace clic sobre una coordenada X, Y concreta de la capa de previsualización, el usuario provoca que la capa contenedora se desplace a dicha coordenada mostrando esa parte de la misma y su correspondiente subcapa; when a specific X, Y coordinate of the preview layer is clicked, the user causes the container layer to move to said coordinate showing that part of it and its corresponding sublayer;

--: cuando el usuario navega dentro de una subcapa, el cambio generado se reﬂeja en la capa de previsualización a modo de chivato, para lo que se crea un código visual tal como iconos o puntos de color, que distinguirán, por un lado, los diferentes tipos de archivos que se carguen, y por otro, el estado de la carga de los mismos; situándose dicho código en las coordenadas X, Y correspondientes a la subcapa sobre la que esté incidiendo el usuario; de manera que dicho usuario sabe en todo momento en qué subcapa está navegando cuando han terminado de cargarse los cambios, y cómo volver a una subcapa en la que se estaban terminando de cargar los cambios. when the user navigates within a sublayer, the generated change is reflected in the preview layer as a sneak, for which a visual code such as icons or color dots is created, which will distinguish, on the one hand, the different types of files that are loaded, and on the other, the state of loading them; said code being placed in the X, Y coordinates corresponding to the sublayer on which the user is affecting; so that the user knows at all times in which sublayer he is browsing when the changes have finished loading, and how to return to a sublayer in which the changes were finished loading.

5. 5.: Método de navegación en redes de datos, según una cualquiera de las reivindicaciones anteriores, caracterizado porque se incluye una etapa de selección de la subcapa que se muestra de inicio, cuando los archivos que contiene la capa contenedora se cargan por primera vez en la correspondiente sesión de trabajo. Navigation method in data networks, according to any one of the preceding claims, characterized in that a step of selecting the sublayer shown at startup is included, when the files containing the container layer are loaded for the first time in the corresponding session of work.

6. 6.: Método de navegación en redes de datos, según una cualquiera de las reivindicaciones anteriores, caracterizado porque la capa contenedora principal y las subcapas presentan una geometría rectangular. Method of navigation in data networks, according to any one of the preceding claims, characterized in that the main container layer and the sub-layers have a rectangular geometry.

SPANISH OFFICE OF THE PATENTS AND BRAND

Application no .: 200930233

SPAIN

Date of submission of the application: 29.05.2009

Priority Date:

REPORT ON THE STATE OF THE TECHNIQUE

51 Int. Cl.: G06F17 / 30 (2006.01) G06F3 / 048 (2006.01)

RELEVANT DOCUMENTS

Categoría Category: Documentos citados Reivindicaciones afectadas Documents cited Claims Affected

X X X X: US 2003179243 A1 (TOSHIBA KK) 25.09.2003, párrafos [0006],[0034-0041],[0046-0047],[0063],[0069]; reivindicaciones 10-13; figuras 2,4,5. US 2009013282 A1 (MERCER, P.) 08.01.2009, párrafos [8-9],[39-45],[56-58],[62]; figuras 3,7. 1-6 1,2,5,6 US 2003179243 A1 (TOSHIBA KK) 25.09.2003, paragraphs [0006], [0034-0041], [0046-0047], [0063], [0069]; claims 10-13; Figures 2,4,5. US 2009013282 A1 (MERCER, P.) 08.01.2009, paragraphs [8-9], [39-45], [56-58], [62]; Figures 3.7. 1-6 1,2,5,6

Categoría de los documentos citados X: de particular relevancia Y: de particular relevancia combinado con otro/s de la misma categoría A: refleja el estado de la técnica O: referido a divulgación no escrita P: publicado entre la fecha de prioridad y la de presentación de la solicitud E: documento anterior, pero publicado después de la fecha de presentación de la solicitud Category of the documents cited X: of particular relevance Y: of particular relevance combined with other / s of the same category A: reflects the state of the art O: refers to unwritten disclosure P: published between the priority date and the date of priority submission of the application E: previous document, but published after the date of submission of the application

El presente informe ha sido realizado • para todas las reivindicaciones • para las reivindicaciones nº: This report has been prepared • for all claims • for claims no:

Fecha de realización del informe 28.03.2011 Date of realization of the report 28.03.2011: Examinador J. Cotillas Castellano Página 1/4 Examiner J. Cotillas Castellano Page 1/4

REPORT OF THE STATE OF THE TECHNIQUE

Application number: 200930233

Minimum documentation searched (classification system followed by classification symbols) G06F Electronic databases consulted during the search (name of the database and, if possible, terms of

search used) INVENES, EPODOC

State of the Art Report Page 2/4

WRITTEN OPINION

Application number: 200930233

Date of Written Opinion: 28.03.2011

Statement

Novedad (Art. 6.1 LP 11/1986) Novelty (Art. 6.1 LP 11/1986): Reivindicaciones Reivindicaciones 1-6 SI NO Claims Claims 1-6 IF NOT

Actividad inventiva (Art. 8.1 LP11/1986) Inventive activity (Art. 8.1 LP11 / 1986): Reivindicaciones Reivindicaciones 1-6 SI NO Claims Claims 1-6 IF NOT

The application is considered to comply with the industrial application requirement. This requirement was evaluated during the formal and technical examination phase of the application (Article 31.2 Law 11/1986).

Opinion Base.-

This opinion has been made on the basis of the patent application as published.

State of the Art Report Page 3/4

WRITTEN OPINION

Application number: 200930233

1. Documents considered.-

The documents belonging to the state of the art taken into consideration for the realization of this opinion are listed below.

Documento Document: Número Publicación o Identificación Fecha Publicación Publication or Identification Number publication date

D01 D01: US 2003179243 A1 (TOSHIBA KK) 25.09.2003 US 2003179243 A1 (TOSHIBA KK) 09.25.2003

D02 D02: US 2009013282 A1 (MERCER, P.) 08.01.2009 US 2009013282 A1 (MERCER, P.) 08.01.2009

2. Statement motivated according to articles 29.6 and 29.7 of the Regulations for the execution of Law 11/1986, of March 20, on Patents on novelty and inventive activity; quotes and explanations in support of this statement

Document D01 is considered the closest in the state of the art to the subject of claims 1 to 6, and as regards these claims this document appears to affect the novelty and / or inventive activity of said claims, as explained below (references in parentheses correspond to D01):

Independent claim 1:

Following the wording of claim 1, document D01 describes a method of browsing data networks, especially applicable as an internet tool, being able to be used in conjunction with a browser conventional, which presents the stages of:

1-Creation of a main document, creating in that document a main container layer whose size is It is larger than the one corresponding to the resolution of a standard screen (see paragraph 34). 2-Definition of that main layer spatially by three axes, corresponding to the X and Y axes the values of horizontal and vertical size (see paragraph 63). A third axis determines the level of each layer (see figure 4). 3-Creation of a number of sub-layers or layers smaller than the main one (see figure 4), so that it is subdivided the main container layer in a mesh of independent sub-layers that inherit the property of being able to puncture them and drag them in block (see paragraph 49). 4-Provide each sublayer with the property of calling other documents or files independently (see paragraph 46).

The differences between what is described in document D01 and what is claimed in the application are:

a) -in the invention described in D01, in order to discover the hidden parts of the document, the mouse moves towards the ends of the container layer (see paragraph 6), instead of pricking and dragging it, as claimed. Neither the sub-layers are indicated to be of equal size. However, these are considered to be obvious possibilities that a subject matter expert would select according to the circumstances, without the exercise of inventive activity, to solve the problem raised.

b) -tampoco is described in D01 that in each sublayer you can navigate individually. However, in this document yes the possibility of using several applications concurrently on the main container layer is indicated (see paragraph 46). The technical effect derived from this difference would be the use of an independent browser in each of the sub-layers It is considered that for an expert in the field it would not be any inventive effort to use, as independent applications, multiple instances of a browser. In this way, link elements will also be generated within the sub-layers to call other files, since all browsers have these elements.

Therefore, claim 1 would lack inventive activity (Article 8.1 LP).

Dependent claims 2 to 6:

These claims do not seem to present additional characteristics or different alternatives that give them activity. inventive compared to what has already been described in D01. In particular, the following characteristics have been found in document D01 techniques:

-A preview layer is created in which the entire container layer is shown on a small scale (see figure 5 and paragraph 37), whose size is proportional to that of the container layer. This layer is displayed in a higher hierarchy (see paragraph 60), and when the user clicks on a coordinate of said sublayer, it causes the container layer to move to that coordinate. -The changes generated in each sublayer are reflected in the preview sublayer (see paragraph 47). -Both the main container layer and the sub-layers have a rectangular geometry (see figure 2).

The rest of the claimed characteristics are considered practical issues, which are previously known from the Document cited or considered obvious to an expert in the field.

Therefore, these claims would also lack inventive activity (Art. 8.1 LP).

State of the Art Report Page 4/4