Unidad 1- Paso 2 - Análisis y Planeación

PRESENTADO POR:

Fabian Martinez Zarate – Cod. 80156215

Grupo_301569A_951

EVALUACION DE SOFTWARE

TUTOR

GEOVANY CATALAN

Universidad Nacional Abierta y a Distancia UNAD

INGENIERIA DE SITEMAS
Bogotá, Marzo de 2021
 INSPECCIONAR DE CHROME

esta es una herramienta que nos permite analizar los contenidos de un sitio Web, en la cual podremos
ver el código fuente y analizar los diferentes elementos que la componen.

Para esta actividad realizaremos la validación sobre la página https://www.bikeexchange.com.co/,

Damos clic derecho y opción Inspeccionar.

La primera opción que validamos Computed: la cual nos permite ver como esta compuesta la pagina en
la pantalla para visualización del cliente.

Procedemos a validar como se vería la misma pagina desde una Tablet o un Movil ingresando a la parte
superior al icono Toggle dive Toolbar, el cual ajusta el tamaño del visor.
Nos paramos en la parte superior de la pagina que validamos y nos va a mostrar como se veria en una
tablet

Como se vería en un Movil

Ahora podemos validar en esta parte también como se vería el cursor en un móvil dando en More
Options posterior Add device Type, donde nos muestra el cursor somo una sombra como si estuviéramos
validando manualmente (toque del dedo) en el móvil, cambiamdo clic al Tap.
También nos permite emular una marca de celular.

Otra opción es rotar como se hace en los celulares, dando clic en Rotate.
Otra opción es el zoom

Otra opción que nos brinda es los media queries, que permite ver las resoluciones para saber como se
comporta en cada una de ellas.
Otra opción que nos permite es captura pantalla con capture screenshot o capturar la pagina en su
totalidad.
Opción Elements: El cual nos muestra al lado derecho el HTML que contiene la página y los estilo,
permite modificarlos y añadir nuevas reglas.
Al mismo tiempo al lado derecho parte inferior podemos ver Styles que muestra los colores de fondo de
la pagina

Opción es Console: Ayuda cuando se tiene problemas con el javascript con recursos no encontrados.
Opción es Sources: permite ver donde se obtienen los recursos y modificarlos.
Esta parte nos permite ver como se está compartiendo un fragmento del código, nos permite validar los
archivos y recursos.

Opción Network: el cual permite detectar problemas de carga, malas prácticas entre otras.
Este cuanta con la opción de grabar el cual muestra los tiempos excesivos de carga

Cuenta con diferentes opciones parta validar.

Opción Performance: que nos permite validar cuanto se demora en cargar la pagina, en si su
rendimiento.
Otra opción es Memory, permite ver la medición de memoria consumida durante la carga y ejecución de
la pagina.

Opción Application:, permite ver todos los recursos que se cargan en la pagina, como son
imágenes,fuentes,JS.
Opción Security: permite ver información sobre los diferentes sitios que se accede desde la pagina y sus
diferentes certificados.
 Conclusiones

 Mediante el trabajo realizado se logro plasmar el conocimiento adquirido en un trabajo

practico.
 El realizar un ejercicio practico nos permite asimilar el conocimiento de una forma más
fácil.