Advanced UI Interaction 2.2YouTube↗  IA↗(long shot)
Science & Technology  53.3K views 52 likes 3 dislikes   28 Jul 2016
UiPath 151K subscribers United States YouTube↗


Please select the problem
You must specify your email and describe the problem in detail
Describe your problem in detail if it's not obvious

Click to Play Video Click to Play Video
Hello and welcome to UIPath Advanced training - User Interface Interaction
In the previous training you learned about the basics of Recording UI interactions and
En el curso anterior, aprendiste lo básico para grabar interacciones IU y
parametrizing them to suit your needs.
parametrización para ajustarlas a tus necesidades.
Today we’ll take it a step further by looking
Hoy vamos a dar un paso más al analizar
at the various input & output methods, the technology behind them, and when to use each
los diferentes métodos de entrada y salida, la la tecnología utilizada, y cuándo usar cada
one.
uno.
You’ll also learn about a new technique,
También vas a conocer una nueva técnica,
web scraping; a method of extracting tabular or otherwise structured data out of web pages.
el "web-scraping"; un método de extracción de datos tabulares o estructurados de otro modo de las páginas web.
Being an advanced training, it will be a bit heavier on the theoretical side, but don't
Al ser una formación avanzada, va a ser un poco densa en cuanto a la parte teórica, pero no
worry, you’ll get to experiment with the different new concepts and see them in action.
te preocupes, vas a poder probar los diferentes nuevos conceptos y verlos en acción.
That being said, ONWARDS!
Dicho esto, ¡adelante!
By now you should be familiar with basic recording.
Por ahora, ya deberías estar familiarizado con la grabación básica.
All UI interactions in UIPath fall in one of the two categories: Input and Output.
Todas las interacciones IU en UiPath pertenecen a una de estas dos categorías: entrada y salida.
Input actions are the ones where you, or in this case the robot, take some direct actions
Las acciones de entrada son aquellas en las que tú mismo, o en este caso el robot, toman algunas acciones directas
on the application or web page you’re automating: things like clicking, typing, keyboard shortcuts,
en la aplicación o página web que estás automatizando: cosas como hacer clic, escribir, atajos del teclado,
and so on.
etcétera.
They make the application DO something.
Permiten que la aplicación haga algo.
Output actions are those actions that get information OUT of the app, and into UIPath
Las acciones de salida son aquellas en las que se obtiene información de la "app", y hacia UiPath
for further processing.
para un mayor procesamiento.
They are not recordable because all apps are made for humans, who’s main output method
No son registrables porque todas las "apps" han sido concebidas para las personas, cuyo método de salida principal
is reading the results on a display.
es leer los resultados en una pantalla.
UIPath has various methods for simulating all the actions that a human can make, and
UiPath dispone de varios métodos para simular todas las acciones que una persona puede realizar, y
we’ll look at them in detail.
lo vamos a estudiar todo en detalle.
There are 3 main input methods available for click & type actions:
Principalmente, hay tres métodos de entrada disponibles para las acciones de clic y escritura:
Default, Simulate, and Window Messages.
predeterminado, simulado y ventanas de mensaje.
Their capabilities and compatibility vary, so you are free to test and choose the right
Sus capacidades y compatibilidad varían, porque eres libre de probar y escoger el adecuado
one for your specific requirements.
para tus necesidades concretas.
The default method uses the mouse and keyboard drivers to simulate a human operating them.
El método predeterminado usa los "drivers" del ratón y el teclado para simular que una persona los está usando.
It’s the method that works every time, but with a few downsides, like speed and the requirement
Es el método que funciona siempre, pero con algunas desventajas, como la velocidad y la necesidad
to have the application active.
de tener la aplicación activa.
So it’s a good idea to start with this method to make sure everything works, and then change
Por lo tanto, es una buena idea empezar con este método para asegurarte de que todo funciona, y luego cambiar
it to one of the other 2 methods.
a uno de los otros dos métodos.
Fortunately, it’s as easy as clicking a checkbox in the properties pane of input actions.
Por suerte, es tan fácil como hacer clic en una casilla en el panel de propiedades de las acciones de entrada.
The other two methods have different capabilities and requirements, so make sure you try them
Los otros dos métodos tienen diferentes capacidades y necesidades, así que asegúrate de que pruebas
both when developing a workflow.
ambos cuando desarrolles un proceso de trabajo.
Our recommendation is, if you don’t need to send special keyboard shortcuts, try the
Nuestra recomendación es, si no necesitas enviar atajos del teclado especiales, que pruebes el
Simulate method first, because it is the fastest of the 3, and also works in background; then
método "simulado" primero, porque es el más rápido de los tres, y también porque trabaja en segundo plano; después,
try the Window Messages method.
prueba el método de "ventana de mensaje".
Let’s try a quick test.
Vamos a realizar una prueba rápida.
We’ll make a workflow that types a text in Notepad, then minimizes the window, and
Crearemos un proceso de trabajo para escribir un texto en "Notepad", luego minimiza la ventana, y
then types some more; because we want to see how background operations work with each method.
después escribe algo más; porque queremos ver cómo funcionan las operaciones en segundo plano con cada método.
We’ll start with a Basic recording.
Empezaremos con una "grabación simple".
Start recording, click the editable area, and type something. Then we’ll minimize the window (since we want to test the background capabilities of different input methods).
los diferentes métodos de entrada). Empieza a grabar, haciendo clic en el área de edición, y escribe algo. Después, minimizaremos la ventana (ya que queremos probar el pontencial en segundo plano de
Now we’ll restore it, because we want to enter more text; and type something, in our
Ahora lo restauraremos, porque queremos introducir más texto; y escribimos algo, en nuestro
case, “this works in background too”.
caso, "este también funciona en segundo plano".
And Esc to pause, and escape again to save.
Y "Esc" para ponerlo en pausa, y escape otra vez para guardar.
Inside the recorded sequence are the 4 actions you took.
En esta secuencia grabada has realizado cuatro acciones.
To test the background operations, we’ll make an important change.
Para poner a prueba las operaciones en segundo plano, haremos un cambio importante.
We’ll take the action that restores the minimized Notepad window, and move it after
Tomaremos la acción que restaura la ventana de "Notepad" minimizada, y la moveremos después
the typeInto action.
de la acción "escribirEn".
This way the type action happens while Notepad is minimized.
De esta manera, la acción de escritura tiene lugar mientras que "Notepad" está minimizado.
We’ll also add a line break before the typed text to test keystroke capabilities.
También añadiremos un "salto de línea" antes del texto escrito para probar la capacidad de la "tecla pulsada".
Normally now would be a good time to start experimenting with the different input method
Generalmente, ahora sería un buen momento para empezar a experimentar con los diferentes métodos de entrada
we described earlier, by choosing each one at a time down here [highlight], and seeing
que hemos descrito previamente, escogiéndolos de uno en uno aquí abajo [resaltar], y viendo
how they work with your workflow.
cómo funcionan en tu proceso de trabajo.
For a better view of how they perform, let’s look at all 3 methods side by side and analyse
Para una mejor comprensión de su funcionamiento, vamos a echar un vistazo a los tres métodos conjuntamente y analizar
the differences.
las diferencias.
On the left is the default method, the one we just made.
A la izquierda, está el método "predeterminado", el que acabamos de hacer.
The other 2 are identical workflows, the only difference being the input method used for
Los otros dos tienen procesos de trabajo idénticos, siendo la única diferencia el método de entrada utilizado para
the TypeInto action.
la acción "escribirEn".
And these are their settings in the workflow.
Y esta es su configuración en el proceso de trabajo.
Let’s start them all at the same time and see what happens.
Vamos a iniciarlos todos al mismo tiempo y ver qué ocurre.
That was pretty fast, but we can see the results are a bit different.
Ha sido bastante rápido, pero podemos ver que los resultados son un poco diferentes.
The default method gives the expected result, but wasn’t very fast.
El método predeterminado ha dado el resultado esperado, pero no ha sido muy rápido.
The window messages approach is very similar, but apparently converts all text to lowercase.
El método de "ventanas de mensaje" es muy parecido, pero aparentemente convierte todo el texto en letras minúsculas.
It was also the slowest.
También, ha sido el más lento.
So if speed and uppercase characters are needed in your workflow, you’d better look elsewhere.
Por lo tanto, si necesitas de la velocidad y los caracteres en mayúscula en tu proceso de trabajo, mejor que elijas otro.
The 3rd method, Simulate Type, was the fastest, but the results are not quite as expected.
El tercer método, "Tipo Simulado", ha sido el más rápido, pero los resultados no son como esperábamos.
First of all, even though the EmptyField box was unchecked, the second text completely
En primer lugar, aunque el cuadro "CampoVacío" ha quedado sin ser revisado, el segundo texto reemplazó
replaced the first one.
al primero por completo.
That is a current limitation of this method, that can be solved by adding a gettext before
Es una limitación que está presente en este método, la cual puede resolverse añadiendo un "gettext" antes de
the Type into method and appending your text to it.
"Escribir" en el método y anexar tu texto a ello.
But more on that later.
Pero hablaremos de eso más adelante.
Another difference from the other 2 is this text here, the keyboard shortcut (k enter),
Otra de las diferencias con los otros dos métodos, es este texto de aquí, el atajo del teclado ("k" "Intro"),
appearing in our text.
que aparece en nuestro texto.
Simulate type cannot send keyboard shortcuts, so if that is important
El de tipo "Simulado" no puede enviar atajos del teclado, así que, si eso es importante
in your workflow, you should use one of the other 2.
en tu proceso de trabajo, deberías utilizar uno de los otros dos.
Let’s look at the slow-motion replay of the running workflows, to see more differences.
Vamos a echar un vistazo a cámara lenta a los procesos de trabajo que se están ejecutando, para ver más diferencias.
The first one to finish entering the line of text is the Simulate method, and first
EL primero en terminar de entrar en la línea del texto es el "método Simulado", y es el primero
to minimize the window.
en minimizar la ventana.
The other two are slower, almost equally so.
Los otros dos son un poco más lentos, casi por igual.
By the time the Default minimizes the window, Simulate has finished entering the text, while
Para cuando el "Predeterminado" minimice la ventana, el "Simulado" ya habrá terminado de introducir el texto, mientras
the window was minimized, and restored Notepad from the taskbar.
que la ventana ha sido minimizada, y el archivo "Notepad" restaurado desde la barra de tareas.
When Default comes back up it’s because it doesn’t work in background, it needs
Cuando el "Predeterminado" vuelve, es porque no funciona en segunda plano, necesita
focus to be able to work, exactly as a human would.
centrarse para poder operar, exactamente como lo haría una persona.
and it’s the second one to finish; closely followed by the Send Window Messages method,
y es el segundo en terminar; seguido de cerca por el método de "Envío de Ventanas de Mensaje",
that typed the text while minimized.
que escribió el texto mientras se minimizaba.
Feel free to watch this slo-mo replay a few more times, if you’d like to take a closer
No dudes en verlo unas cuantas veces a cámara lenta, si te gustaría ver más de cerca
look at how they behave, but the moral of the story is that there are differences between
cómo se comportan, pero la moraleja de esta historia es que hay diferencias entre
the methods and you should always try them out and choose the best one for your use case.
los métodos y siempre deberías probarlos y escoger el más adecuado para utilizar en tu caso.
Next up, Output methods.
El próximo paso, son los métodos "de salida".
In the previous training, the one about recording, you encountered the GetText action.
En la formación anterior, en la que hablábamos sobre la grabación, te encontraste con la acción "GetText ".
We used it to get the result from an expense application, and calculate the price drop
La utilizamos para obtener el resultado de una aplicación de contabilidad de gastos y calcular la caída del precio
for a specific financial stock. That was the simplest output action, and it worked great.
para un valor financiero en concreto. Eso fue la acción de salida más simple, y funcionó perfectamente.
However, this is an advanced training, for those situations when you need more than simply
Sin embargo, esta es una formación avanzada, para aquellas situaciones cuando necesites obtener algo más que simplemente
getting a tiny piece of data.
una pequeña cantidad de datos.
You may want to get bigger blocks of text, or you may want to get information behind
Puede ser que quieras obtener bloques de texto más grandes, o quizás quieras obtener la información que hay detrás
complex UIs that is difficult to get, or you may need to find exact word position, color,
de las complejas IU, lo cual es difícil de conseguir, o tal vez podrías necesitar averiguar la posición exacta de alguna palabra, el color,
or other granular information about some text.
u otra información granular sobre algún texto.
For those situations UIPath has an innovative ScreenScraping tool, that allows you to easily
Para aquellas situaciones, UiPath tiene una innovadora herramienta de "ScreenScraping", que te permite
find the best output method for your project.
encontrar el mejor método de salida para tu proyecto fácilmente.
These are the 3 screen scraping methods that can be used to extract data out of applications,
Estos son los tres métodos métodos de "screen-scraping" que pueden ser utilizados para extraer datos de las aplicaciones,
browsers, documents, and even virtual machines, images, and others.
navegadores, documentos, e incluso máquinas virtuales, imágenes, entre otros.
Even more than their Input counterparts, they are different in their strengths, weaknesses,
Más incluso que sus homólogos de salida, son diferentes en cuanto a sus fortalezas, debilidades,
and intended use.
y finalidad de uso.
Fulltext is the default method, and it’s the best one for most situations.
El método "predeterminado" se denomina "full-text", y es es el mejor para la mayoría de los casos.
It’s fast, accurate, and works in background.
Es rápido, preciso, y trabaja en segundo plano.
The Native method has the advantage of being able to extract word information, like the
El método "native" tiene la ventaja de ser capaz de extraer información de las palabras, como si
screen coordinates of each word or character.
la pantalla coordinase cada palabra o carácter.
We’ll see how that can be useful in a minute.
Veremos en unos minutos cómo esto puede sernos de utilidad.
And the last one, OCR.
Y el último, el "OCR" (Reconocimiento óptico de caracteres).
As you may know, in general OCR technology is not 100% accurate, but it does work as
Como ya debes saber, por lo general la tecnología "OCR" no es precisa al 100%, pero funciona como
a last resort in situation where none of the other direct methods give us the intended
último recurso cuando se da una situación en la que ninguno de los otros métodos nos da el resultado
results.
que pretendemos.
Let's see some practical examples.
Veamos algunos ejemplos prácticos.
You can access the ScreenScraping tool here, in the main toolbar, but for the rest of this
Puedes acceder desde aquí a la herramienta de "ScreenScraping", en la barra de herramientas principal, pero para el resto de esta
training we’ll access it from the smaller quick-access toolbar.
formación, accederemos a ella desde una barra de acceso rápido más pequeña.
When started, the screen scraping tool acts just like the basic screen recorder; you point
Cuando se inicia, la herramienta "screen-scraping" actúa exactamente como la grabación de pantalla básica; señalas
at the information you want to extract.
la información que quieras extraer.
We have a few apps opened here for testing
Aquí tenemos abiertas algunas "apps" con fines
purposes: Notepad, the Internet Explorer browser, and two demo apps that use slightly different
de ensayo: "Notepad", el explorador "Internet Explorer", y dos demos de "apps" que utilizan tecnologías de renderizado
rendering technologies.
ligeramente diferentes.
Let’s say you need to scrape this whole Address section in myCrm application.
Digamos que necesitas "extraer" la sección de "Direcciones" de la aplicación "myCrm".
Click on an area that highlights the section you need.
Haz clic en el área donde queda resaltada la sección que necesitas.
The screen scraping wizard appears, giving you choices for the scraping method, and other
Aparece el asistente para realizar el "screen-scraping", dándote opciones para elegir el método de extracción, y otras
configuration options.
opciones de configuración.
These are the alternative scraping methods, and here is the method that was chosen by
Estos son los métodos de "extracción" alternativos, y aquí está el método que ha sido elegido por
UIPath as the best one for the indicated element.
UiPath como el mejor, en función del elemento indicado.
This is the preview area, and it shows you the scraped information in its raw form.
Esta es la vista preliminar, y te muestra la información extraída desde el inicio.
We can see that out of that whole section, only the editable fields were scraped.
Podemos verlo fuera de esa sección completa, solo han sido extraídos los campos editables.
If we try the fulltext method, the results are quite different.
Si probamos el método "full-text", los resultados serán bastante diferentes.
Fulltext retrieves the visible text, the editable boxes, and some hidden information too.
El método "Full-text" recupera el texto visible, las casillas editables, y también alguna información oculta.
We can choose to ignore the hidden information by checking this option.
Podemos decidir ignorar la información oculta marcando esta opción.
And re-scrape to see what we got.
Y "extraer de nuevo" para ver qué obtenemos.
So, even without hidden information, in this case, the Fulltext method gives us significantly
Incluso sin la información oculta, en este caso, el método "Full-text" nos da información
more information than the Native method.
más significativa que el método "Native".
OCR is a whole different beast.
el "OCR" es algo completamente diferente.
It looks at the indicated area as an image, and tries to read it.
Se fija en las áreas indicadas, como en una imagen, e intenta leerlo.
This method tends to pick-up some errors, so it’s suitable for situations where complete
Este método tiende a corregir algunos errores, por lo que es adecuado para situaciones donde no es fundamental
accuracy is not paramount.
una precisión total.
There are 2 available OCR engines, each preinstalled with dictionaries for different languages,
Hay dos motores "OCR" disponibles, cada uno pre-instalado con diccionarios para diferentes idiomas,
to aid in the word recognition process.
con el fin de asistir en el proceso de reconocimiento de palabras.
The MS Office OCR is suitable for larger images, like scanned documents, receipts, and so on,
La herramienta "OCR" de Microsoft Office es adecuada para imágenes de mayor tamaño, como documentos escaneados, recibos, etcétera;
and Google’s engine works better with smaller, low resolution images, like interface elements
y el motor de búsqueda de Google, funciona mejor para imágenes de menor tamaño y resolución, como los elementos de la interfaz
and such.
y otros.
And it has a few more options specific for these purposes: an invert option for white-on-black
Y tiene algunas opciones más, específicas para estos fines: una opción invertida para imágenes en blanco y negro,
images, because black-on-white text recognition works better, and Scale, an option to upsample
porque el reconocimiento de texto en blanco y negro funciona mejor, y la "Scale" (escala) , una opción de "remuestreo"
images for better results. It’s a good idea to try these options and interactively see the results in the preview
de las imágenes con el fin de obtener mejores resultados. 151 10:10:40,89 --> 00:00:04,790 Una buena idea, sería probar estas opciones y ver de forma interactiva los resultados en el panel
pane, and find the best combination for your specific use.
de vista previa, y encontrar la mejor combinación que pueda adecuarse a tu caso específico.
We’ll come back to these and more options for screen scraping, but for now let’s click
Volveremos a estas opciones y más de "screen-scraping", pero ahora vamos a hacer clic
continue to see what we get.
en continuar para ver qué obtenemos.
Inside the AttachWnd there’s a GetOCR Text action; the selector identifies the element
Dentro de "AttachWnd" ("ventana adjunta") hay una acción para obtener "GetORC-Text"; el "selector" identifica el elemento
to scrape, and the output Text variable contains the scraped text.
a extraer, y la variable "Text" de salida, contiene el texto extraído.
Let’s add a writeLine after the scrape to print the results.
Vamos a añadir un "WriteLine" (avance de línea) después de la extracción, para "imprimir" los resultados.
As you can see, the results from this OCR
Como puedes ver, los resultados obtenidos del método "OCR"
method are not quite perfect.
no son perfectos.
One option is to try the Microsoft Office OCR, by dragging it inside the getOCR action.
Una opción es probar la herramienta "ORC" de Microsoft Office, arrastrándola dentro de la acción "getOCR".
We’ll also increase the scale to 3, because this engine works better with larger images.
También aumentaremos la escala al tres, porque este motor funciona mejor con imágenes mas grandes.
These result look a bit better.
Estos resultados parecen estar un poco mejor.
But if you’d like, you can also change the container, OCR method, to one of the other
Pero si quisieras, también podrías cambiar el contenedor, el método "OCR", por uno de los otros
output methods, by dragging them from the actions panel, just like any other action.
métodos de salida, arrastrándolos desde el panel de acciones, como cualquier otra acción.
There are 4 main UI output methods, and their corresponding actions.
Existen cuatro métodos IU de salida principales, y sus acciones correspondientes.
Let’s drag all of them into our workflow to see how they compare.
Vamos a arrastrar todos dentro de nuestro proceso de trabajo para compararlos.
And indicate the same area to scrape.
E indicar el mismo área de extracción.
Or you can copy the selector to the other actions, it’s the same thing.
O bien, puedes copiar el selector a las otras acciones, se trata de lo mismo.
And we’ll choose to ignore hidden text for Fulltext.
Y decidiremos ignorar el texto oculto por "Fulltext".
Let’s also setup 3 more variables to print the results.
También vamos a configurar tres variables más para "imprimir" los resultados.
We’ll name them getText, getFulltext, and getVisibletext.
Las llamaremos "getText", "getFulltext", y "getVisibletext".
And we’ll rename this one to getOCR.
Y renombraremos esta como "getOCR".
And we’ll chooose to ingnore hiddent text for fulltext.
Y decidiremos ignorar el texto oculto por "Fulltext".
Then we’ll set up the variables in each action;
Después, configuraremos las variables en cada acción;
And let’s print them all one after the other.
Y vamos a "imprimirlas" todas, una tras otra.
We’ll use this bigger editor, it’s more conveninet for longer strings.
Utilizaremos este editor más grande, más conveniente para "frases" más largas.
And add a new line after each one, by adding + Environment Newline.
Y añadir una línea nueva después de cada una, añadiendo "+ Environment Newline".
And this is how the outputs for all 4 actions look like.
Y así es como funciona el método de salida para las cuatro acciones.
Let’s quickly run through a few more screen scraping examples to explore its behaviour
Vamos a abordar rápidamente unas pocos ejemplos más de "screen-scraping" para explorar su comportamiento
and some more options.
y algunas más de sus opciones.
We’ll start with this Expense report application.
Empezaremos con esta aplicación de "Informe de gastos".
The Fulltext method scrapes pretty much all the information in the window, and no hidden
El método "Fulltext", extrae en una ventana prácticamente toda la información, sin encontrar
information is found. The Native method doesn’t work at all on this app, and OCR gives decent results, but
información oculta. El "método Native" no funciona en absoluto para esta "app", y "OCR" da resultados decentes, pero
with a few minor errors.
con unos pocos errores mínimos.
Let’s try scraping a different app, by going to this very useful Scrape another Element
Vamos a probar a "extraer" una "app" diferente, yendo a este botón para "Extraer otro Elemento" tan útil
button up here.
que tenemos aquí arriba.
We’ll try it on this Notepad window.
Lo probaremos en esta ventana de "Notepad".
If we change the method from OCR to Native, we get a very clean scrape.
Si cambiamos el método, de "OCR" a "Native", obtenemos una extracción muy clara.
The Fulltext method also works great, with a slightly different formatting.
El "método Fulltext" también funciona perfectamente, pero con una edición de los datos diferente.
Now let’s try it on a browser window.
Ahora vamos a probarlo en una ventana del navegador.
We’ll indicate this black region over here.
Hola y bienvenido a la formación avanzada de UiPath - Interacción con la interfaz de usuario Señalaremos la región de color negro que está aquí.
The Fulltext and Native methods are unable to extract any information out of it, so it’s
Los métodos "Fulltext" y "Native" son incapaces de extraer cualquier información, así que es la hora
OCR’s time to shine.
de "OCR" de lucirse.
It looks like the Microsoft OCR engine worked flawlessly out of the box, with no mistakes
Parece que el motor "OCR" de Microsoft ha funcionado perfectamente fuera del cuadro, sin errores
whatsoever.
de ningún tipo.
Google’s OCR is a complete mess because the indicated region contains white text on
El "OCR" de Google, es un caos absoluto, porque la región señalada contiene texto en blanco
black background.
sobre fondo negro.
We can easily fix it by choosing to invert the source image; and rescrape to see the
Podemos arreglarlo fácilmente, eligiendo invertir la fuente de imagen; y volver a extraer, para ver los
results.
resultados.
Perfect, no mistakes from this engine either.
Perfecto, tampoco hay errores que provengan de este motor.
Now you should have a better understanding of how screen scraping helps you extract relevant
Por ahora, ya deberías estar familiarizado con cómo el "web-scraping" te ayuda a extraer información
information out of any source.
relevante desde cualquier fuente.
That brings us to the last output technique I want to show, Web Scraping.
Esto nos sitúa en la última técnica de salida que quiero enseñarte, el "Web-Scraping".
Web scraping is different from all the other methods we used before, because it is designed
El "web-scraping", se diferencia del resto de los otros métodos que hemos utilizado antes, porque está diseñado
to extract a special kind of data: structured data.
para extraer un tipo concreto de datos: "datos estructurados".
And all the other methods can extract freeform data. Structured data is a type of information that follows a certain pattern.
Y todos los otros métodos pueden extraer datos denominados "free-form" (libre de forma). La herramienta "datos estructurados", es un tipo de información que sigue un cierto patrón.
Think of the search results on any website: that is structured data.
Piensa en los resultados de búsqueda de cualquier página web: eso es "datos estructurados".
The information made up of blocks with an
Un tipo de información construida a base de bloques con una
identical formula: they each have a title, a URL and a description.
fórmula idéntica: cada una tiene un título, una "URL" y una descripción.
Or in amazon’s case, the formula is a bit more complex, but it is still the same for
O, en el caso de amazon, la fórmula es un poco más compleja, pero sigue siendo la misma para
each block: A title, a cover, a date, the name of the author, the price, rating,
cada bloque: un título, una portada, una fecha, el nombre del autor, el precio, valoración,
and many others.
y muchas otras.
UiPath has a very helpful wizard, for extracting such structured data into a usable form: a
UiPath dispone de un asistente de gran utilidad, para la extracción tal como la herramienta "datos estructurados" en una forma en la que pueda utilizarse: una
data Table, or spreadsheet.
"tabla de datos", u hoja de cálculo.
It works through a very simple process.
Funciona mediante un proceso muy simple.
You point at the first element in a data block, then the same element in the second block.
Señalas el primer elemento que haya en un bloque de datos, después, el mismo elemento en el segundo bloque.
UiPath then highlights and extracts the other elements that correspond to the pattern it
Entonces UiPath resalta y extrae los otros elementos que corresponden al patrón que ha
identified.
identificado.
There are a few more details to the whole process, so let’s look at a practical example.
Hay unos pocos más detalles en todo el proceso, así que vamos a ver el ejemplo práctico.
Let’s say you want to extract the results from an amazon search, with title, author,
Digamos que quieres extraer los resultados de una búsqueda realizada en amazon, con el título, autor,
direct link to the book, and price; and save it to an Excel file.
enlace directo al libro, y el precio; y guardarlo en un archivo de excel.
When you start the Web Scraping wizard you are first asked to indicate the element you
Cuando inicias el asistente de "web-scraping", primero te pide que indiques el elemento
want to extract. Hit next, and click the title of the first book.
que quieres extraer.
Then you have to click on the second element.
Después, tienes que hacer clic en el segundo elemento.
So, next, and indicate the title of the second book.
Así que, dale a "siguiente", e indica el título del segundo libro.
Since the title of a book is also a link, UIPath asks which of the two you need.
Como el título del libro también es un enlace, UiPath preguntará cuál de los dos necesitas.
We’ll choose both, and we’ll name each data with an appropriate name: Title and URL.
Elegiremos la opción "ambos", le daremos a cada pieza de información un nombre apropiado: "Títle" (título) y "URL".
When you hit next you’ll see a preview of the scraped area, in the
Cuando le des a "siguiente", verás una previsualización del área extraída, en
form of a spreadsheet.
forma de hoja de cálculo.
UiPath also highlights the scraped data on the page so you can easily verify everything
UiPath también resaltará la "información extraída" en la página, por lo que podrás verificar fácilmente si todo
works as expected
funciona como esperábamos.
We could click finish at this time, if this was all the information we need to extract,
Podríamos acabar en este momento, si esto fuera toda la información que necesitamos extraer,
but we also want the author, and price for each one.
pero también queremos el autor, y el precio para cada uno.
So we’ll click on Extract correlated data, and follow a similar process: indicate the
Por lo tanto, haremos clic en "Extraer datos correlacionados", y seguir un proceso parecido: indica los
first two occurrences of the data we want to extract.
dos primeros casos de la información que queremos extraer.
So... next… first author, next…
Pulsa "siguiente", y haz clic en el título del primer libro. Luego..."siguiente"...primer autor, "siguiente"...
second author.
segundo autor.
And same as before, we can extract the links to the author’s page if we want, but this
Igual que antes, podemos extraer los enlaces a la página del autor si queremos, pero esta
time we’ll just get the name.
vez, solo obtendremos el nombre.
And click next.
Y hacemos clic en "siguiente".
We can see that the appropriately named column has been added to our spreadsheet.
Podemos ver que la columna con el nombre ha sido añadida debidamente a nuestra hoja de cálculo.
And let’s repeat the process to get the price for each book.
Y vamos a repetir el proceso para obtener el precio de cada libro.
When you click finish, you have the option to point to one last element: the next page
Cuando haces clic en "finalizar", tienes la opción de señalar un último elemento: el enlace de la siguiente página,
link, for cases where the results span multiple pages.
para los casos donde los resultados tengan varias páginas.
In our case, we’ll scroll to the bottom of the page, click Yes, and then indicate
En nuestro caso, nos desplazaremos hasta el final de la página, haremos clic en "sí", y luego indicaremos
the next page link.
el enlace de la siguiente página.
That’s it.
Eso es todo.
Our workflow is ready to extract information from all the pages of that amazon web search.
Nuestro proceso de trabajo está listo para extraer información de todas las páginas de esa web de búsqueda de amazon.
But before we hit play, let’s save all this information into a CSV file that we can use
Pero antes de darle a "reproducir", vamos a guardar toda esta información en un archivo "CSV" que podamos utilizar
in other applications or workflow.
en otras aplicaciones o procesos de trabajo.
We’ll add a WriteCSV action right after the web scrape.
Añadiremos una acción "WriteCSV" justo después del "web-scrape".
In the first field we’ll put the name of the new file, and in the second one we’ll
En el primer campo, pondremos el nombre del archivo nuevo, y en el segundo, pondremos
put the output variable from the web-scraping action.
la variable de salida de la acción "web-scraping".
Now it’s ready to run.
Ahora está listo para iniciarse.
We can see it go through all the pages and extracting the information we need.
Podemos ver cómo va a través de todas las páginas y extrayendo la información que necesitamos.
Let’s have a look at the CSV file.
Vamos a echar un vistazo al archivo "CSV".
There are 4 columns, one for every type of data we scraped; with convenient column names
hay cuatro columnas, una para cada tipo de información que hemos extraído; con los respectivos nombres arriba
at the top.
de las columnas.
This file has 100 entries, but that’s not a coincidence.
Este archivo tiene 100 entradas, pero no se trata de una coincidencia.
It’s the result of a setting from the ExtractStructuredData action, called Max Number Of Results.
Es el resultado de una configuración por la acción "ExtractStructuredData", llamada "Máximo Número de Resultados".
I guess that’s pretty self-explanatory, so feel free to modify it to suit your needs.
Supongo que no necesita explicación, así que no dudes en modificarlo para que se ajuste a tus necesidades.
In a future tutorial, you'll learn more about DataTables, so you can
En los próximos tutoriales, aprenderás más sobre "Tablas de Datos", para poder
process the extracted information however you want, not just save it to a file.
procesar la información extraída como quieras, no solo guardarla en un archivo.
That’s pretty much it, but before we go I want to show you one last trick of the web-scraping
Eso es todo, pero antes de que te vayas, quiero enseñarte un último truco de la herramienta
tool.
"web-scraping".
And that is the fact that it can scrape HTML tables with one click, no need to teach it
Y es el hecho de que puede extraer tablas en "HTML" en un solo clic, sin necesidad de mostrarle
the pattern.
el patrón.
For example, if we scrape any web page containing a table, like this google finance page that
Por ejemplo, si extraemos cualquier pagina web que contenga una tabla, como esta página de finanzas de google, que
we used before, it can automatically extract the whole table, by rows and columns, and
hemos utilizado antes, puede extraer automáticamente la tabla completa, por filas y columnas, y
on multiple pages.
en páginas múltiples.
Here it is, asking us if we want to extract the whole table.
Aquí está, preguntándonos si queremos extraer la tabla completa.
If we choose No, we continue the extraction the same way we did before, by pointing at
Si elegimos la opción "No", continuaremos la extracción de la misma manera en la que lo hemos hecho antes, señalando a
the first and second items in the list, and adding correlated data if we need it.
el primer y segundo elemento de la lista, y añadiendo datos correlacionados si lo necesitamos.
So let’s click yes for the easier option. We’re greeted with a preview of the scraped data Table.
Así que vamos a hacer clic en "sí", por ser la opción más fácil. Hemos recibido una previsualización de la "tabla de datos" extraída.
Let’s limit the scrape to the last week, by setting the maximum results to 7.
Vamos a poner un límite a la extracción, a la semana pasada, configurándolo como un máximo de resultados de siete.
Click finish, and No for multiple pages, since we don’t need it this time.
Haz clic en "finalizar", y "No" para páginas múltiples, ya que esta vez no lo necesitamos.
And inside the web scraping sequence, we’ll add a writeCSV action after the extract action
Y dentro de la secuencia del "web-scraping", añadiremos la acción "writeCSV" después de la acción de extracción
to see the results.
para ver los resultados.
We’ll get the output from the Extract action, and use it for the input DataTable, and we’ll
Obtendremos la salida por la acción de "Extraer", y la utilizaremos para la "Tabla de Datos" de salida, y lo
save it as.. “google Stock Last 7 days . csv”.
guardaremos como... “google Stock Last 7 days” . csv”.
Let’s see what we got.
Veamos lo que obtenemos.
And this is our scraped data.
Y este es nuestra "extracción de datos".
In a future tutorial you’ll learn more about dataTables, so you can process the extracted
En los próximos tutoriales, aprenderás más sobre "Tablas de datos", así podrás procesar la información extraída
information however you want, not just save it to a file.
como quieras, no solo guardarlo en un archivo.
This concludes our Advanced UI Interaction training.
Con esto concluye nuestra Formación Avanzada de interacción con la interfaz de usuario usuario.
Let’s see a quick recap of what you have learned, to make sure everything is settled
Veamos un rápido resumen de lo que has aprendido, para asegurarnos de que todo está
in.
asentado.
Today we took a closer look at the different {input and output methods} in UIPath: {3 input
Hoy hemos visto más de cerca los diferentes métodos de entrada y salida con UiPath: tres métodos de entrada
methods and 3 output methods}, each with its own strengths and weaknesses.
y tres de salida, cada uno con sus propias fortalezas y debilidades.
We compared all of them and noticed that some are faster than others, some work in background,
Los hemos comparado todos y nos hemos dado cuenta de que algunos son más rápidos que otros, algunos trabajan en segundo plano,
and some are more compatible with 3rd party apps than others.
y algunos tienen una mayor compatibilidad que otros con "apps" de tercera parte.
So you should get to know all of them because they are all useful in their own way.
Por lo tanto, deberías conocerlos todos, porque todos son útiles a su manera.
Then we learned about a special output technique, web scraping, a process used for extracting
Después hemos conocido una técnica especial de salida, el "web-scraping", un proceso que se utiliza para extraer
tables and other correlated data out of web pages.
tablas y otros datos de correlación, desde páginas web.
Input and output interactions are at the core of UiPath, so make sure you are comfortable with
Las interacciones de entrada y de salida, son el núcleo de UiPath, así que asegúrate de que te encuentras cómodo
most concepts and activities covered in this video, as you will use them extensively.
con la mayoría de conceptos y actividades cubiertos en este vídeo, ya que los utilizarás ampliamente.
Till next time, take care!
¡Hasta la próxima, cuídate!
Similar videos:

Macro Recording and UI Automation Wizards - UiPath 2.1
UiPath
124.7K views 165 likes 18 dislikes 14 Sep 201640% match

Control Flow in UiPath Studio 1.2
UiPath
131.9K views 171 likes 7 dislikes 28 Jul 201635% match

Automating Complex Excel Processes and Data Table through RPA #UiP
UiPath
374.4K views 799 likes 29 dislikes 04 Jan 201733% match

2016 1 20 Analyzing and Visualizing Data with Power BI MOD PowerBI Desktop Jan UPdate
Microsoft Power BI
1K views 5 likes 0 dislikes 26 Feb 201633% match

Diagrama de Ishikawa 🐟 - Cómo hacer un diagrama de Ishikawa - Diagrama de CAUSA y EFECTO 👌👌
Iván Martínez Lima - Estrategia en Acción
569.3K views 7.9K likes 363 dislikes 21 Jan 201832% match


How to CREATE a STORE ON FACEBOOK 2020 - Activate the Virtual Store and Instagram Shop-New M
Sebastian Wiesner
10.2K views 357 likes 8 dislikes 03 Sep 202032% match

MacOS Full Review - For those who have migrated from Windows
Slava Gorbatenko
122.7K views 6.9K likes 168 dislikes 28 Sep 201832% match


✅ 10 accesorios 🚒 ►ESENCIALES y BARATOS◄ 😱 rescate 4x4
JimGonzax 4x4 Off Road Experience
23.4K views 574 likes 26 dislikes 11 Sep 202031% match






Top 25 Excel 2016 Tips and Tricks
Sele Training
3.8M views 49.9K likes 804 dislikes 14 Jan 201831% match




The Sims Mobile Treasure Hunt COMPLETE WALKTHROUGH of NEW live event
RachybopGaming
4.1K views 124 likes 4 dislikes 22 Sep 202031% match

Make a $150 a Day KDP Coloring Book Interior in 3 Easy Steps
Paul Marles
159.9K views 9.1K likes 95 dislikes 27 Jan 202131% match


Splice App - Overview & Tutorial - iPhone Video Editor 2019 Update
@Brant_Moore
308.1K views 2.6K likes 155 dislikes 11 Jun 201931% match

Cómo Reparar Disco Duro desde MS-DOS BIOS arranque para casos extremos✅ HDAT2 | HHD Regenerator
AirXander
1.3M views 25.1K likes -1 dislikes 27 Apr 201931% match





30 Ultimate PowerPoint Tips and Tricks for 2020
Sele Training
1.2M views 25.1K likes -1 dislikes 25 May 202030% match





Inside a PCB Soldering Factory - in China
Strange Parts
1.7M views 41.1K likes -1 dislikes 08 Jun 201930% match

10 мерзких способов не пустить на выборы
varlamov
304.6K views 38.7K likes 658 dislikes 25 Jul 201930% match

Scratch
CS50
226.6K views 0 likes 0 dislikes 17 Dec 201330% match










SISTEMA DE JUEGO 1-3-3-4 | Aprende como funciona
Fútbol Secrets | Táctica y Entrenamiento
2.4K views 155 likes 2 dislikes 30 Aug 202030% match

Now Go Build with Werner Vogels – S1E1 Jakarta | Amazon Web Services
Amazon Web Services
1.5M views 1.3K likes 233 dislikes 29 Nov 201830% match


🔥 Crear TIENDA VIRTUAL GRATIS 2021 👉 Tienda Web, Tienda Online o Como le llames...
Sebastian Wiesner
4.1K views 128 likes 5 dislikes 17 Sep 202030% match

Effective Complete Arm Workout (Hit Every Muscle)
THENX
1M views 34.5K likes -1 dislikes 03 May 202030% match

Getting Started with Articulate Storyline 2: Creating your first slide
Articulate 360
181.5K views 0 likes 0 dislikes 17 Sep 201430% match

Your Home Cinema: Sacha answers to your questions 🤓
AV Concept Products
4.1K views 219 likes 3 dislikes 07 Aug 202030% match

SKR 1.4 - TMC2209 v1.2
Ed's 3d Tech
20.4K views 316 likes 16 dislikes 06 Jun 202030% match















Make a KDP Coloring Book Cover and Interior That SELLS - Self Publishing
Paul Marles
15.3K views 747 likes 9 dislikes 14 Mar 202130% match





Tutorial # 17 - VLANs on Xiaomi AX3600 (and AX1800) with Xiaomi firmware - Domoticaencasa.es
Domótica En Casa
5.9K views 125 likes 5 dislikes 31 Jul 202030% match

2013-2018 RAM 1500 Barricade HD Off-Road Front Bumper with LED Fog Lights Review & Install
AmericanTrucks Ram
1.4K views 33 likes 1 dislikes 03 Sep 202029% match

Cómo Hacer una INTRO para YOUTUBE en PREMIERE 👉🏼 [FÁCIL 😎👍🏻]
Edítalo Pro
16.4K views 1.2K likes 11 dislikes 26 Sep 202029% match

FortiGate SSL VPN Configuration (FortiOS 6.4.0 Basic)
Fortinet Guru
9.4K views 239 likes 3 dislikes 04 May 202029% match

Que Font Les POMPIERS du Tour de France ? Avec Eric Brocardi Porte Parole des Pompiers de France
Vincent Firelife
3.3K views 182 likes 2 dislikes 07 Oct 202029% match











Settings Privacy About Contact Donate