documentation wux
This commit is contained in:
daniel
parent
9c141c9049
commit
94cb6ee060
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 72 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 94 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 86 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 69 KiB |
|
|
@ -4,18 +4,72 @@
|
|||
*/
|
||||
?>
|
||||
<h1>Module macros</h1>
|
||||
|
||||
Any number of custom module macros may be defined. The recommended format for macro names is:
|
||||
|
||||
<p>
|
||||
Any number of custom module macros may be defined. The recommended format for macro names is:
|
||||
</p>
|
||||
<pre>
|
||||
_macroname_
|
||||
_macroname_
|
||||
</pre>
|
||||
|
||||
For example:
|
||||
<ul>
|
||||
<li>_technology_</li>
|
||||
<li>_modulepriority_</li>
|
||||
<li>_contactperson_</li>
|
||||
</ul>
|
||||
<p>
|
||||
For example:
|
||||
</p>
|
||||
<ol>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
_technology_
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
_modulepriority_
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
_contactperson_
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
This macros can be used in module alerts.
|
||||
<p>
|
||||
This macros can be used in module alerts.
|
||||
</p>
|
||||
|
||||
<h2>Si el módulo es de tipo analisis de módulo web:</h2>
|
||||
|
||||
<p>
|
||||
Las macros dinámicas tendrán un formato especial que empieza por @ y tendrán estas posibles sustituciones:
|
||||
</p>
|
||||
<ol>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
@DATE_FORMAT (fecha/hora actual con formato definido por el usuario)
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
@DATE_FORMAT_nh (horas)
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
@DATE_FORMAT_nm (minutos)
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
@DATE_FORMAT_nd (días)
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
@DATE_FORMAT_ns (segundos)
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
@DATE_FORMAT_nM (mes)
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
@DATE_FORMAT_nY (años)
|
||||
</li>
|
||||
</ol>
|
||||
<p>
|
||||
Donde “n” puede ser un numero sin signo (positivo) o negativo.
|
||||
</p>
|
||||
<p>
|
||||
Y FORMAT sigue el standard de strftime de perl:
|
||||
http://search.cpan.org/~dexter/POSIX-strftime-GNU-0.02/lib/POSIX/strftime/GNU.pm
|
||||
</p>
|
||||
<p>
|
||||
Ejemplos:
|
||||
</p>
|
||||
<pre>
|
||||
@DATE_%Y-%m-%d %H:%M:%S
|
||||
@DATE_%H:%M:%S_300s
|
||||
@DATE_%H:%M:%S_-1h
|
||||
</pre>
|
||||
|
|
@ -0,0 +1,302 @@
|
|||
<h1>Monitorización de Experiencia de Usuario Web (WUX)</h1>
|
||||
<h2>Introducción</h2>
|
||||
|
||||
<p>
|
||||
Pandora WUX es un componente interno de Pandora FMS que permite a los usuarios automatizar sus sesiones de navegación web. Genera en Pandora FMS un informe con los resultados de las ejecuciones, tiempos empleados, y capturas con los posibles errores encontrados. Es capaz de dividir las sesiones de navegación en fases para simplificar la vista y depurar posibles cuellos de botella.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Pandora WUX utiliza el robot de navegación de Pandora (PWR - Pandora Web Robot) para automatizar las sesiones de navegación
|
||||
</p>
|
||||
|
||||
<h2>Grabar una sesión de navegación web</h2>
|
||||
<h4>Grabar una sesión PWR</h4>
|
||||
|
||||
<p>
|
||||
Antes de monitorizar una experiencia de usuario debemos hacer la grabación. Dependiendo del tipo de tecnología que hayamos elegido utilizaremos un sistema de grabación u otro.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<strong>Para realizar la grabación de una navegación con PWR necesitaremos:</strong>
|
||||
</p>
|
||||
|
||||
<ol>
|
||||
<li>
|
||||
Navegador web Firefox versión 47.0.1 (descargable en:
|
||||
<a rel="nofollow" class="external free" href="https://ftp.mozilla.org/pub/firefox/releases/47.0.1/">https://ftp.mozilla.org/pub/firefox/releases/47.0.1/</a>).
|
||||
.</li>
|
||||
<li>
|
||||
Extensión Selenium IDE (descargable en:
|
||||
<a rel="nofollow" class="external free" href="https://addons.mozilla.org/es/firefox/addon/selenium-ide/">https://addons.mozilla.org/es/firefox/addon/selenium-ide/</a>).
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<p>
|
||||
Para instalar correctamente la versión 47.0.1 de Firefox hay que descargarla desde la URL proporcionada anteriormente. En sistemas Windows habrá que añadir el ejecutable al PATH del sistema.
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/Ux6.JPG", false, array('style' => 'width: 90%;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Una vez descargado mostraremos el icono del entorno de grabación mediante las opciones de personalización de Firefox:
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/Ux7.JPG", false, array('style' => 'width:295px;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/Ux9.JPG", false, array('style' => 'width: 90%;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Una vez colocado el acceso iniciamos el grabador:
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/Ux10.JPG", false, array('style' => 'width: 90%;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Desde este momento podremos navegar por el sitio web que queramos monitorizar y las diferentes acciones de cada paso que avancemos irán apareciendo en el grabador.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Para detener la grabación utilizaremos el siguiente botón, situado en la parte superior derecha del grabador:
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/Ux11.JPG", false, array('style' => 'width:33px;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Una vez completadas las acciones, podemos realizar comprobaciones sobre la página, por ejemplo verificar la existencia de un texto determinado para asegurarnos de que la página cargada es la correcta. Para ello haremos click derecho sobre una sección de texto en la ventana del navegador mientras continuamos grabando, y seleccionamos la opción <i>verifyText</i>:
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/Ux13.JPG", false, array('style' => 'width:90%;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Aparecerá un nuevo paso en el grabador indicando la acción de comprobación de texto indicada:
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/Ux14.JPG", false, array('style' => 'width:90%;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Podemos reproducir la secuencia completa mediante el botón <i>Play entire test suite</i> y comprobar que finaliza correctamente:
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/Ux15.JPG", false, array('style' => 'width:90%;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Una vez verificada la validez de la secuencia de navegación, la guardaremos (Archivo -> Save Test Case) para ejecutarla posteriormente con Pandora WUX. El fichero resultante será un documento HTML que Pandora WUX interpretará.
|
||||
</p>
|
||||
|
||||
<h4>Grabar una sesión transaccional con Pandora WUX PWR</h4>
|
||||
|
||||
<p>
|
||||
Pandora WUX en modo PWR (Pandora Web Robot) permite dividir la monitorización de la navegación de un sitio web en múltiples módulos, que representarán cada uno de los pasos realizados.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Para insertar un nuevo punto de control y generar los módulos de fase (hasta ese punto) haga clic derecho en el punto donde desea identificar el comienzo de fase.
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/Ux16.JPG", false, array('style' => 'width:436;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Como comentario pondremos el siguiente texto:
|
||||
</p>
|
||||
|
||||
<pre>
|
||||
phase_start:nombre_de_fase
|
||||
</pre>
|
||||
|
||||
<p>
|
||||
La fase englobará el tiempo y resultado de todos los comandos que se encuentren hasta el siguiente comentario:
|
||||
</p>
|
||||
|
||||
<pre>
|
||||
phase_end:nombre_de_fase
|
||||
</pre>
|
||||
|
||||
<p>
|
||||
Todos los comandos que se ejecuten entre una etiqueta phase_start y phase_end se englobarán dentro de esa fase.
|
||||
</p>
|
||||
|
||||
<h2>Visualización de los datos</h2>
|
||||
|
||||
<p>
|
||||
WUX provee al usuario un conjunto de interfaces para recibir información en todo momento de los resultados de las ejecuciones de las sesiones de navegación:
|
||||
</p>
|
||||
|
||||
<h3>Vista de módulos</h3>
|
||||
|
||||
<p>
|
||||
Cada módulo de tipo análisis web, generará una serie de sub-módulos, estos pueden visualizarse de manera más clara pulsando "mostar en modo jeráquico".
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/WUX_v1.png", false, array('style' => 'width:90%;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
En la vista de árbol los elementos apararecen directamente jerarquizados, simplificando la vista.
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/WUX_v2.png", false, array('style' => 'width:90%;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<h3>Vista de consola WUX</h3>
|
||||
<p>
|
||||
En esta vista podemos encontrar toda la infomación que el sistema WUX ha obtenido de la sesión de navegación configurada:
|
||||
</p>
|
||||
<p>
|
||||
<b><u>Nota</u>:</b> Si hemos definido fases en nuestra sesión de navegación, se mostrarán en esta vista de una forma sencilla y clara (ver apartado de grabación <i>sesión transaccional con Pandora WUX PWR)</i>.
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/WUX_v3.png", false, array('style' => 'width:90%;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<h4> Sección Resultado Global: </h4>
|
||||
<p>
|
||||
Muestra el estado general de nuestra transacción:
|
||||
</p>
|
||||
<ol style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Esta puede tener tres estados:
|
||||
<ol style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<i style="font-family: 'lato-bolder'; font-size: 12pt;">Correcto:</i> Cuando todas las fases de la transacción sean correctas.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<i style="font-family: 'lato-bolder'; font-size: 12pt;">Incorrecto:</i> Si alguna de las fases de la transacción ha fallado. En ese caso, se mostrara una icono de una lupa que enlaza a la captura de pantalla del punto de la sesión de navegación en que se ha producido el fallo.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<i style="font-family: 'lato-bolder'; font-size: 12pt;">Desconocido:</i> Si el servidor encuentra problemas para procesar la sesión o hay fallos de configuración.
|
||||
</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Muestra el tiempo transcurrido desde la última ejecución de la sesión de navegación.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Muestra el tiempo total que ha tardado en realizarse dicha sesión de navegación, independientemente de su estado.
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<h4>Sección Resultados de la ejecución de la transacción:</h4>
|
||||
|
||||
<ol style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Muestra el estado y el tiempo empleado en ejecutar la sesión de navegación.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
En caso de fallo, se mostrará el icono que enlaza con la captura del momento del error.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Si hemos definido fases en nuestra sesión, entonces se mostrará el estado de cada una de las fases, asi como el tiempo que tarda en realizarse cada una de ellas y su contribución al tiempo global.
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<p>
|
||||
Gráfica que muestra el tiempo que tarda en realizar cada fase de la transacción y el estado de dicha fase, si no tenemos fases definidas, se mostrará en bloque el tiempo global empleado en la sesión.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Gráfica de estadisticas aparecera siempre y cuando hayamos especificado en la creación del módulo, la opción <i style="font-family: 'lato-bolder'; font-size: 12pt;">ejecutar pruebas de rendimiento</i> <b style="font-family: 'lato-bolder'; font-size: 12pt;">y se ha definido un objetivo para las mismas</b> (campo <i style="font-family: 'lato-bolder'; font-size: 12pt;">sitio web objetivo</i>).
|
||||
</p>
|
||||
<p>
|
||||
Las estadísticas a mostrar son:
|
||||
</p>
|
||||
<ol>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<b style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Stats_TT:
|
||||
</b>
|
||||
Tiempo total en obtener el sitio web.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<b style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Stats_TDNS:
|
||||
</b>
|
||||
Tiempo total en resolver la dirección IP del objetivo.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<b style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Stats_TTCP:
|
||||
</b>
|
||||
Tiempo empleado en conectar vía TCP.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<b style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Stats_TSSL:
|
||||
</b>
|
||||
Tiempo empleado en establecer comunicación SSL.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<b style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Stats_TST :
|
||||
</b>
|
||||
Tiempo hasta que inició la transferencia de datos.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<b style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Stats_TTC :
|
||||
</b>
|
||||
Tiempo transfiriendo datos, agrupará todos los tiempos de transferencia de recursos.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<b style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Stats_TTR :
|
||||
</b>
|
||||
Tiempo empleado en transferir el recurso X, agrupando todas las imágenes en “image”.
|
||||
</li>
|
||||
</ol>
|
||||
</p>
|
||||
|
||||
<h4>Historial de trasacción:</h4>
|
||||
<ol>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Muestra el histórico de las ejecuciones de la sesión de navegación web.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
En el caso de haber ejecuciones fallidas, se mostrará un enlace donde consultar la imagen del error.
|
||||
</li>
|
||||
</ol>
|
||||
|
|
@ -4,18 +4,73 @@
|
|||
*/
|
||||
?>
|
||||
<h1>Macros de módulo</h1>
|
||||
|
||||
Se puede definir cualquier número de macros de módulo. El formato recomendado para los nombres de macros es el siguiente:
|
||||
|
||||
<p>
|
||||
Se puede definir cualquier número de macros de módulo. El formato recomendado para los nombres de macros es el siguiente:
|
||||
</p>
|
||||
<pre>
|
||||
_macroname_
|
||||
_macroname_
|
||||
</pre>
|
||||
|
||||
Por ejemplo:
|
||||
<ul>
|
||||
<li>_technology_</li>
|
||||
<li>_modulepriority_</li>
|
||||
<li>_contactperson_</li>
|
||||
</ul>
|
||||
<p>
|
||||
Por ejemplo:
|
||||
</p>
|
||||
|
||||
Estas macros se pueden utilizar en las alertas de módulos.
|
||||
<ol>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
_technology_
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
_modulepriority_
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
_contactperson_
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<p>
|
||||
Estas macros se pueden utilizar en las alertas de módulos.
|
||||
</p>
|
||||
|
||||
<h2>Si el módulo es de tipo analisis de módulo web:</h2>
|
||||
|
||||
<p>
|
||||
Las macros dinámicas tendrán un formato especial que empieza por @ y tendrán estas posibles sustituciones:
|
||||
</p>
|
||||
<ol>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
@DATE_FORMAT (fecha/hora actual con formato definido por el usuario)
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
@DATE_FORMAT_nh (horas)
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
@DATE_FORMAT_nm (minutos)
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
@DATE_FORMAT_nd (días)
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
@DATE_FORMAT_ns (segundos)
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
@DATE_FORMAT_nM (mes)
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
@DATE_FORMAT_nY (años)
|
||||
</li>
|
||||
</ol>
|
||||
<p>
|
||||
Donde “n” puede ser un numero sin signo (positivo) o negativo.
|
||||
</p>
|
||||
<p>
|
||||
Y FORMAT sigue el standard de strftime de perl:
|
||||
http://search.cpan.org/~dexter/POSIX-strftime-GNU-0.02/lib/POSIX/strftime/GNU.pm
|
||||
</p>
|
||||
<p>
|
||||
Ejemplos:
|
||||
</p>
|
||||
<pre>
|
||||
@DATE_%Y-%m-%d %H:%M:%S
|
||||
@DATE_%H:%M:%S_300s
|
||||
@DATE_%H:%M:%S_-1h
|
||||
</pre>
|
||||
|
|
@ -0,0 +1,302 @@
|
|||
<h1>Monitorización de Experiencia de Usuario Web (WUX)</h1>
|
||||
<h2>Introducción</h2>
|
||||
|
||||
<p>
|
||||
Pandora WUX es un componente interno de Pandora FMS que permite a los usuarios automatizar sus sesiones de navegación web. Genera en Pandora FMS un informe con los resultados de las ejecuciones, tiempos empleados, y capturas con los posibles errores encontrados. Es capaz de dividir las sesiones de navegación en fases para simplificar la vista y depurar posibles cuellos de botella.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Pandora WUX utiliza el robot de navegación de Pandora (PWR - Pandora Web Robot) para automatizar las sesiones de navegación
|
||||
</p>
|
||||
|
||||
<h2>Grabar una sesión de navegación web</h2>
|
||||
<h4>Grabar una sesión PWR</h4>
|
||||
|
||||
<p>
|
||||
Antes de monitorizar una experiencia de usuario debemos hacer la grabación. Dependiendo del tipo de tecnología que hayamos elegido utilizaremos un sistema de grabación u otro.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<strong>Para realizar la grabación de una navegación con PWR necesitaremos:</strong>
|
||||
</p>
|
||||
|
||||
<ol>
|
||||
<li>
|
||||
Navegador web Firefox versión 47.0.1 (descargable en:
|
||||
<a rel="nofollow" class="external free" href="https://ftp.mozilla.org/pub/firefox/releases/47.0.1/">https://ftp.mozilla.org/pub/firefox/releases/47.0.1/</a>).
|
||||
.</li>
|
||||
<li>
|
||||
Extensión Selenium IDE (descargable en:
|
||||
<a rel="nofollow" class="external free" href="https://addons.mozilla.org/es/firefox/addon/selenium-ide/">https://addons.mozilla.org/es/firefox/addon/selenium-ide/</a>).
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<p>
|
||||
Para instalar correctamente la versión 47.0.1 de Firefox hay que descargarla desde la URL proporcionada anteriormente. En sistemas Windows habrá que añadir el ejecutable al PATH del sistema.
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/Ux6.JPG", false, array('style' => 'width: 90%;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Una vez descargado mostraremos el icono del entorno de grabación mediante las opciones de personalización de Firefox:
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/Ux7.JPG", false, array('style' => 'width:295px;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/Ux9.JPG", false, array('style' => 'width: 90%;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Una vez colocado el acceso iniciamos el grabador:
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/Ux10.JPG", false, array('style' => 'width: 90%;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Desde este momento podremos navegar por el sitio web que queramos monitorizar y las diferentes acciones de cada paso que avancemos irán apareciendo en el grabador.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Para detener la grabación utilizaremos el siguiente botón, situado en la parte superior derecha del grabador:
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/Ux11.JPG", false, array('style' => 'width:33px;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Una vez completadas las acciones, podemos realizar comprobaciones sobre la página, por ejemplo verificar la existencia de un texto determinado para asegurarnos de que la página cargada es la correcta. Para ello haremos click derecho sobre una sección de texto en la ventana del navegador mientras continuamos grabando, y seleccionamos la opción <i>verifyText</i>:
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/Ux13.JPG", false, array('style' => 'width:90%;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Aparecerá un nuevo paso en el grabador indicando la acción de comprobación de texto indicada:
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/Ux14.JPG", false, array('style' => 'width:90%;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Podemos reproducir la secuencia completa mediante el botón <i>Play entire test suite</i> y comprobar que finaliza correctamente:
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/Ux15.JPG", false, array('style' => 'width:90%;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Una vez verificada la validez de la secuencia de navegación, la guardaremos (Archivo -> Save Test Case) para ejecutarla posteriormente con Pandora WUX. El fichero resultante será un documento HTML que Pandora WUX interpretará.
|
||||
</p>
|
||||
|
||||
<h4>Grabar una sesión transaccional con Pandora WUX PWR</h4>
|
||||
|
||||
<p>
|
||||
Pandora WUX en modo PWR (Pandora Web Robot) permite dividir la monitorización de la navegación de un sitio web en múltiples módulos, que representarán cada uno de los pasos realizados.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Para insertar un nuevo punto de control y generar los módulos de fase (hasta ese punto) haga clic derecho en el punto donde desea identificar el comienzo de fase.
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/Ux16.JPG", false, array('style' => 'width:436;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Como comentario pondremos el siguiente texto:
|
||||
</p>
|
||||
|
||||
<pre>
|
||||
phase_start:nombre_de_fase
|
||||
</pre>
|
||||
|
||||
<p>
|
||||
La fase englobará el tiempo y resultado de todos los comandos que se encuentren hasta el siguiente comentario:
|
||||
</p>
|
||||
|
||||
<pre>
|
||||
phase_end:nombre_de_fase
|
||||
</pre>
|
||||
|
||||
<p>
|
||||
Todos los comandos que se ejecuten entre una etiqueta phase_start y phase_end se englobarán dentro de esa fase.
|
||||
</p>
|
||||
|
||||
<h2>Visualización de los datos</h2>
|
||||
|
||||
<p>
|
||||
WUX provee al usuario un conjunto de interfaces para recibir información en todo momento de los resultados de las ejecuciones de las sesiones de navegación:
|
||||
</p>
|
||||
|
||||
<h3>Vista de módulos</h3>
|
||||
|
||||
<p>
|
||||
Cada módulo de tipo análisis web, generará una serie de sub-módulos, estos pueden visualizarse de manera más clara pulsando "mostar en modo jeráquico".
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/WUX_v1.png", false, array('style' => 'width:90%;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
En la vista de árbol los elementos apararecen directamente jerarquizados, simplificando la vista.
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/WUX_v2.png", false, array('style' => 'width:90%;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<h3>Vista de consola WUX</h3>
|
||||
<p>
|
||||
En esta vista podemos encontrar toda la infomación que el sistema WUX ha obtenido de la sesión de navegación configurada:
|
||||
</p>
|
||||
<p>
|
||||
<b><u>Nota</u>:</b> Si hemos definido fases en nuestra sesión de navegación, se mostrarán en esta vista de una forma sencilla y clara (ver apartado de grabación <i>sesión transaccional con Pandora WUX PWR)</i>.
|
||||
</p>
|
||||
|
||||
<p style="text-align: center">
|
||||
<?php
|
||||
html_print_image("images/help/WUX_v3.png", false, array('style' => 'width:90%;'));
|
||||
?>
|
||||
</p>
|
||||
|
||||
<h4> Sección Resultado Global: </h4>
|
||||
<p>
|
||||
Muestra el estado general de nuestra transacción:
|
||||
</p>
|
||||
<ol style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Esta puede tener tres estados:
|
||||
<ol style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<i style="font-family: 'lato-bolder'; font-size: 12pt;">Correcto:</i> Cuando todas las fases de la transacción sean correctas.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<i style="font-family: 'lato-bolder'; font-size: 12pt;">Incorrecto:</i> Si alguna de las fases de la transacción ha fallado. En ese caso, se mostrara una icono de una lupa que enlaza a la captura de pantalla del punto de la sesión de navegación en que se ha producido el fallo.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<i style="font-family: 'lato-bolder'; font-size: 12pt;">Desconocido:</i> Si el servidor encuentra problemas para procesar la sesión o hay fallos de configuración.
|
||||
</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Muestra el tiempo transcurrido desde la última ejecución de la sesión de navegación.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Muestra el tiempo total que ha tardado en realizarse dicha sesión de navegación, independientemente de su estado.
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<h4>Sección Resultados de la ejecución de la transacción:</h4>
|
||||
|
||||
<ol style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Muestra el estado y el tiempo empleado en ejecutar la sesión de navegación.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
En caso de fallo, se mostrará el icono que enlaza con la captura del momento del error.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Si hemos definido fases en nuestra sesión, entonces se mostrará el estado de cada una de las fases, asi como el tiempo que tarda en realizarse cada una de ellas y su contribución al tiempo global.
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<p>
|
||||
Gráfica que muestra el tiempo que tarda en realizar cada fase de la transacción y el estado de dicha fase, si no tenemos fases definidas, se mostrará en bloque el tiempo global empleado en la sesión.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Gráfica de estadisticas aparecera siempre y cuando hayamos especificado en la creación del módulo, la opción <i style="font-family: 'lato-bolder'; font-size: 12pt;">ejecutar pruebas de rendimiento</i> <b style="font-family: 'lato-bolder'; font-size: 12pt;">y se ha definido un objetivo para las mismas</b> (campo <i style="font-family: 'lato-bolder'; font-size: 12pt;">sitio web objetivo</i>).
|
||||
</p>
|
||||
<p>
|
||||
Las estadísticas a mostrar son:
|
||||
</p>
|
||||
<ol>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<b style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Stats_TT:
|
||||
</b>
|
||||
Tiempo total en obtener el sitio web.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<b style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Stats_TDNS:
|
||||
</b>
|
||||
Tiempo total en resolver la dirección IP del objetivo.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<b style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Stats_TTCP:
|
||||
</b>
|
||||
Tiempo empleado en conectar vía TCP.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<b style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Stats_TSSL:
|
||||
</b>
|
||||
Tiempo empleado en establecer comunicación SSL.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<b style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Stats_TST :
|
||||
</b>
|
||||
Tiempo hasta que inició la transferencia de datos.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<b style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Stats_TTC :
|
||||
</b>
|
||||
Tiempo transfiriendo datos, agrupará todos los tiempos de transferencia de recursos.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
<b style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Stats_TTR :
|
||||
</b>
|
||||
Tiempo empleado en transferir el recurso X, agrupando todas las imágenes en “image”.
|
||||
</li>
|
||||
</ol>
|
||||
</p>
|
||||
|
||||
<h4>Historial de trasacción:</h4>
|
||||
<ol>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
Muestra el histórico de las ejecuciones de la sesión de navegación web.
|
||||
</li>
|
||||
<li style="font-family: 'lato-bolder'; font-size: 12pt;">
|
||||
En el caso de haber ejecuciones fallidas, se mostrará un enlace donde consultar la imagen del error.
|
||||
</li>
|
||||
</ol>
|
||||
|
|
@ -1258,8 +1258,15 @@ foreach ($config['extensions'] as $extension) {
|
|||
}
|
||||
}
|
||||
|
||||
if($tab == "wux_console_tab"){
|
||||
$help_header = "wux_console";
|
||||
}
|
||||
else{
|
||||
$help_header = "";
|
||||
}
|
||||
|
||||
ui_print_page_header(agents_get_alias($id_agente), $icon, false,
|
||||
"", false, $onheader, false, '', $config['item_title_size_text']);
|
||||
$help_header, false, $onheader, false, '', $config['item_title_size_text']);
|
||||
|
||||
|
||||
switch ($tab) {
|
||||
|
|
|
|||
Loading…
Reference in New Issue