SlideShare una empresa de Scribd logo
1 de 24
Modelado de diseño y prueba de
aplicaciones web
Luzkarly Vázquez
Vanessa Daboin
MODELADO DE DISEÑO DESDE EL PUNTO DE VISTA
GENÉRICO
Según el modelo de diseño
Resulta en un modelo
para reflejar como traducir
los requisitos
Modelo de análisis
MODELADO DE DISEÑO DESDE EL PUNTO DE VISTA
ESPECÍFICO
ATRIBUTOS CLAVE
QUE PERMITA
DE MANERA EFECTIVA
DISEÑO Y CALIDAD DE UNA WEB
SEGURIDAD
CARACTERÍSTICAS DE DISEÑO
AMBIENTE
ES LA HABILIDAD
IMPEDIR ATAQUES
DISPONIBILIDAD
LA MEDIDA DE LAS
WEB APP
LA MEDIDA
CARACTERÍSTICAS DE DISEÑO
ESCALABILIDAD
Pueden manejar
Soportar varios
WebApp exitosa
Tiempo en el
mercado Desde el punto
Metas DE DISEÑO
simplicidad
consistencia
identidad
robustez
Navegación
APARIENCIA
VISUAL
PIRÁMIDE DE DISEÑO
ARQUITECTURA DE CONTENIDO
ARQUITECTURA DE LA
WEBAPP
CONSTRUIRSE
TOMAR EN CUENTAS LAS
PREOCUPACIONES
SEPARAR LOS
DATOS
CONTENIDO DE LA
PAGINA
DISEÑO AL NIVEL DE COMPONENTES
DEBEN GENERAR CAPACIDAD DE CONTENIDO Y NAVEGACION DE FORMA
DINÁMICA
OFRECER CAPACIDADES DE COMPUTACIÓN O PROCESAMIENTO DE DATOS
ADECUADOS AL DOMINIO DE NEGOCIO DE WEBAPP
PROPORCIONAR CUESTIONAMIENTOS Y ACCESOS SOFISTICADOS A LA BASE DE
DATOS
ESTABLECER INTERFACES DE DATOS CON SISTEMAS CORPORATIVOS
EXTERNOS
DISEÑO DE NAVEGACIÓN
RUTA SEMÁNTICA DE
NAVEGACIÓN
RUTA DE SINTAXIS DE
NAVEGACIÓN
MÉTODO DE DISEÑO HIPERMEDIA ORIENTADO A
OBJETOS
¿CÓMO PROBAR APLICACIONES WEB?¿Qué es? ¿Por qué es importante?
Proceso
Con la meta
• En el contenido
• La facilidad de uso
• El desempeño
• La función
• La capacidad
• La navegabilidad
• La seguridad
Para que los usuarios finales
Eliminar Cantidad
¿Cuáles son los pasos?
Comienza Para el usuario
infraestructura
7 Etapas
1) CONTENIDO
2) INTERFAZ
3) NAVEGACIÓN
4) COMPONENTE
5) CONFIGURACIÓN
6) DESEMPEÑO
7) SEGURIDAD
PRUEBA DE CONCEPTOS PARA WEBAPPS
Dimensiones de Calidad
Se incorpora
Se evalúa
EL CONTENIDO
Sintáctico
Semántico
E
X
A
M
I
N
A
LA FUNCIÓN
Se evalúa
Se prueba
LA ESTRUCTURA
Se valora para asegurarse
LA FACILIDAD DE USO
Contenido y función La soporta la interfaz
Se prueba para garantizar
Revisiones técnicas
Proceso de prueba
Descubrir errores
extensible
EL DESEMPEÑO
LA COMPATILIBILAD
LA INTEROPERABILIDAD LA SEGURIDAD
Se prueba en una
diversidad
Condiciones
operativas
Interacción
Se prueba al ejecutar
Huésped
Cliente-Servidor
LA NAVEGABILIDAD
Se pone a prueba
Vínculos rotos
Se prueba para asegurar
Interfaces
adecuadas
Se prueba para valorar
intentar
vulnerabilidades
Falla en la seguridad
Sistema responde
Asegurarse
ESTRATEGIAS DE PRUEBAS
1) Se revisa el modelo de contenido de la WebApp
2) Se revisa el modelo de interfaz
3) Se revisa el modelo de diseño
4) Se prueba la interfaz del usuario
5) Se prueban componentes funcionales de forma individual
Casos De
uso
Mecanismos de
navegación
6) Se prueba la navegación
7) La WebApp se implementa en diversas configuraciones ambientales
8) Se realizan pruebas de seguridad
9) Se llevan a cabo pruebas de desempeño
10) Se prueba la WebApp en una población controlada y monitoreada
finales
Facilidad de uso Compatibilidad
Confiabilidad Desempeño
PLAN DE LAS PRUEBAS
Identifica 1) Un conjunto
que se aplicarán cuando comience
2) Los productos
que se generarán cuando se ejecute
3) La forma en la que los resultados de las pruebas
EL PROCESO DE PRUEBA
usuario
tecnología
La Prueba de Contenido
 Tipográficos
 Información
 Organización impropia
 Violación de leyes de propiedad
Revisiones
Pruebas
ejecutables
Descubrir susceptibles de
rastrear
Errores
semánticos
Contenido derivado
OBJETIVOS
 Errores sintácticos
 Errores semánticos
 Errores en la organización o estructura
La Prueba de la Interfaz
de Usuario
Mecanismos
Interacción
Los aspectos
estéticos
 Pobre implementación
 Omisiones
 Inconsistencias
 Ambigüedades
SE REVISA
EL MODELO DE
LA INTERFAZ
EL MODELO DE
DISEÑO DE LA
INTERFAZ
WebApp
OBJETIVO
Intenta
La Prueba de Navegación
La Prueba a Nivel de
Componentes
Predecible e impredecible
OBJETIVOS
EL TRABAJO
mecanismos
funcionen
MECANISMOS
 Vínculos de navegación
 Redirección
 Bookmarks
 Mapas del sitio
 Motores de búsqueda
La Prueba de la
Configuración
Prueba de las
funciones
Funciones
 Caja Negra
 Caja Blanca
Intenta descubrir
Cliente o servidor
LA LABOR conjunto
probables
En los lados
Garantizar
experiencia En todos ellos
permiten
A través
Conjunto de
pruebas
conjunto
La Prueba Seguridad
La Prueba de Desempeño
Están diseñadas
Probar las En el Del lado del
cliente
Del cliente al servidor
 CORTAFUEGOS  AUTENTIFICACIÓN  ENCRIPTADO  AUTORIZACIÓN
Se aplica para
descubrir
Problemas
desempeño
Se presentan Lado del servidor
Ancho de Banda
De red
inapropiado
Capacidades
inadecuadas
S.O
Ocurren mientras
Elementos
Gracias

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Modelado de análisis para aplicaciones webkarina
Modelado de análisis para aplicaciones webkarinaModelado de análisis para aplicaciones webkarina
Modelado de análisis para aplicaciones webkarina
 
Ingeniería Web
Ingeniería WebIngeniería Web
Ingeniería Web
 
Modelo v y cascada
Modelo v y cascadaModelo v y cascada
Modelo v y cascada
 
Diseño de WebApps
Diseño de WebAppsDiseño de WebApps
Diseño de WebApps
 
WCAG 2.1 UX Scotland 2019
WCAG 2.1  UX Scotland 2019WCAG 2.1  UX Scotland 2019
WCAG 2.1 UX Scotland 2019
 
UWE
UWEUWE
UWE
 
Good/Bad Web Design
Good/Bad Web DesignGood/Bad Web Design
Good/Bad Web Design
 
Atomic design
Atomic designAtomic design
Atomic design
 
MEAN Stack
MEAN StackMEAN Stack
MEAN Stack
 
SOA (arquitectura orientada a servicios)
SOA (arquitectura orientada a servicios)SOA (arquitectura orientada a servicios)
SOA (arquitectura orientada a servicios)
 
oohdm
oohdmoohdm
oohdm
 
Inteligencia de negocio parte v - modelo multidimensional - cubos
Inteligencia de negocio   parte v -  modelo multidimensional - cubosInteligencia de negocio   parte v -  modelo multidimensional - cubos
Inteligencia de negocio parte v - modelo multidimensional - cubos
 
Typography in Web Design
Typography in Web DesignTypography in Web Design
Typography in Web Design
 
Patrones interactivos con Material Design
Patrones interactivos con Material DesignPatrones interactivos con Material Design
Patrones interactivos con Material Design
 
Website Benefits Presentation- English.pdf
Website Benefits Presentation- English.pdfWebsite Benefits Presentation- English.pdf
Website Benefits Presentation- English.pdf
 
Desarrollo web Front End
Desarrollo web Front EndDesarrollo web Front End
Desarrollo web Front End
 
Metodologia De Desarrollo De Software
Metodologia De Desarrollo De SoftwareMetodologia De Desarrollo De Software
Metodologia De Desarrollo De Software
 
Discovering knowledge using web structure mining
Discovering knowledge using web structure miningDiscovering knowledge using web structure mining
Discovering knowledge using web structure mining
 
Metodologia web
Metodologia webMetodologia web
Metodologia web
 
UX/UI design
UX/UI designUX/UI design
UX/UI design
 

Similar a Modelado de Diseño y Prueba de Aplicaciones Web

Pruebas de aplicaciones web
Pruebas de aplicaciones webPruebas de aplicaciones web
Pruebas de aplicaciones webpaulinaaillon
 
Pruebas de aplicaciones web
Pruebas de aplicaciones webPruebas de aplicaciones web
Pruebas de aplicaciones webpaulinaaillon
 
Pruebas de aplicaciones web
Pruebas de aplicaciones webPruebas de aplicaciones web
Pruebas de aplicaciones webpaulinaaillon
 
Desarrollo web final
Desarrollo web finalDesarrollo web final
Desarrollo web finalproo
 
Desarrollo web
Desarrollo webDesarrollo web
Desarrollo webproo
 
Como Probar Una AplicacióN Web
Como Probar Una AplicacióN WebComo Probar Una AplicacióN Web
Como Probar Una AplicacióN Webrlramirez
 
PRUEBA DE APLICACIONES WEB
PRUEBA DE APLICACIONES WEB PRUEBA DE APLICACIONES WEB
PRUEBA DE APLICACIONES WEB YULIANA JIMENEZ
 
Desarrollo de softwareweb romero
Desarrollo de softwareweb romeroDesarrollo de softwareweb romero
Desarrollo de softwareweb romeroAlexa Romero
 
FORMACIÓN Y PLANEARON PARA LA INGENIERÍA WEB
FORMACIÓN Y PLANEARON PARA LA INGENIERÍA WEBFORMACIÓN Y PLANEARON PARA LA INGENIERÍA WEB
FORMACIÓN Y PLANEARON PARA LA INGENIERÍA WEBMaya Guerrero
 
01_Semana_01.pptx
01_Semana_01.pptx01_Semana_01.pptx
01_Semana_01.pptxedgardo qo
 
Pressman capitulo 15
Pressman capitulo 15Pressman capitulo 15
Pressman capitulo 15supito01
 
Pressman capitulo 15
Pressman capitulo 15Pressman capitulo 15
Pressman capitulo 15supito01
 
METODOLOGÍA UWE (UML-BASED WEB ENGINEERING)
METODOLOGÍA UWE (UML-BASED WEB ENGINEERING) METODOLOGÍA UWE (UML-BASED WEB ENGINEERING)
METODOLOGÍA UWE (UML-BASED WEB ENGINEERING) Germán Sánchez
 
Evaluación de Propuestas Metodológicas para el Desarrollo de Aplicaciones Web
Evaluación de Propuestas Metodológicas para el Desarrollo de Aplicaciones WebEvaluación de Propuestas Metodológicas para el Desarrollo de Aplicaciones Web
Evaluación de Propuestas Metodológicas para el Desarrollo de Aplicaciones WebSoftware Guru
 
Modelo de analisis
Modelo de analisisModelo de analisis
Modelo de analisisdiana_caluna
 
Exposicion paul zavala
Exposicion paul zavalaExposicion paul zavala
Exposicion paul zavalajordansebas
 

Similar a Modelado de Diseño y Prueba de Aplicaciones Web (20)

Pruebas de aplicaciones web
Pruebas de aplicaciones webPruebas de aplicaciones web
Pruebas de aplicaciones web
 
Pruebas de aplicaciones web
Pruebas de aplicaciones webPruebas de aplicaciones web
Pruebas de aplicaciones web
 
Pruebas de aplicaciones web
Pruebas de aplicaciones webPruebas de aplicaciones web
Pruebas de aplicaciones web
 
Desarrollo web final
Desarrollo web finalDesarrollo web final
Desarrollo web final
 
Desarrollo web
Desarrollo webDesarrollo web
Desarrollo web
 
Como Probar Una AplicacióN Web
Como Probar Una AplicacióN WebComo Probar Una AplicacióN Web
Como Probar Una AplicacióN Web
 
PRUEBA DE APLICACIONES WEB
PRUEBA DE APLICACIONES WEB PRUEBA DE APLICACIONES WEB
PRUEBA DE APLICACIONES WEB
 
Software de tipo web
Software de tipo webSoftware de tipo web
Software de tipo web
 
Desarrollo de softwareweb romero
Desarrollo de softwareweb romeroDesarrollo de softwareweb romero
Desarrollo de softwareweb romero
 
FORMACIÓN Y PLANEARON PARA LA INGENIERÍA WEB
FORMACIÓN Y PLANEARON PARA LA INGENIERÍA WEBFORMACIÓN Y PLANEARON PARA LA INGENIERÍA WEB
FORMACIÓN Y PLANEARON PARA LA INGENIERÍA WEB
 
01_Semana_01.pptx
01_Semana_01.pptx01_Semana_01.pptx
01_Semana_01.pptx
 
profundizaU1.pdf
profundizaU1.pdfprofundizaU1.pdf
profundizaU1.pdf
 
Pressman capitulo 15
Pressman capitulo 15Pressman capitulo 15
Pressman capitulo 15
 
Pressman capitulo 15
Pressman capitulo 15Pressman capitulo 15
Pressman capitulo 15
 
METODOLOGÍA UWE (UML-BASED WEB ENGINEERING)
METODOLOGÍA UWE (UML-BASED WEB ENGINEERING) METODOLOGÍA UWE (UML-BASED WEB ENGINEERING)
METODOLOGÍA UWE (UML-BASED WEB ENGINEERING)
 
Modelado web
Modelado webModelado web
Modelado web
 
Evaluación de Propuestas Metodológicas para el Desarrollo de Aplicaciones Web
Evaluación de Propuestas Metodológicas para el Desarrollo de Aplicaciones WebEvaluación de Propuestas Metodológicas para el Desarrollo de Aplicaciones Web
Evaluación de Propuestas Metodológicas para el Desarrollo de Aplicaciones Web
 
Formulacion y planeacion la web
Formulacion y planeacion la webFormulacion y planeacion la web
Formulacion y planeacion la web
 
Modelo de analisis
Modelo de analisisModelo de analisis
Modelo de analisis
 
Exposicion paul zavala
Exposicion paul zavalaExposicion paul zavala
Exposicion paul zavala
 

Modelado de Diseño y Prueba de Aplicaciones Web

  • 1. Modelado de diseño y prueba de aplicaciones web Luzkarly Vázquez Vanessa Daboin
  • 2. MODELADO DE DISEÑO DESDE EL PUNTO DE VISTA GENÉRICO Según el modelo de diseño Resulta en un modelo para reflejar como traducir los requisitos Modelo de análisis
  • 3. MODELADO DE DISEÑO DESDE EL PUNTO DE VISTA ESPECÍFICO ATRIBUTOS CLAVE QUE PERMITA DE MANERA EFECTIVA
  • 4. DISEÑO Y CALIDAD DE UNA WEB
  • 5. SEGURIDAD CARACTERÍSTICAS DE DISEÑO AMBIENTE ES LA HABILIDAD IMPEDIR ATAQUES DISPONIBILIDAD LA MEDIDA DE LAS WEB APP LA MEDIDA
  • 6. CARACTERÍSTICAS DE DISEÑO ESCALABILIDAD Pueden manejar Soportar varios WebApp exitosa Tiempo en el mercado Desde el punto
  • 10. ARQUITECTURA DE LA WEBAPP CONSTRUIRSE TOMAR EN CUENTAS LAS PREOCUPACIONES SEPARAR LOS DATOS CONTENIDO DE LA PAGINA
  • 11. DISEÑO AL NIVEL DE COMPONENTES DEBEN GENERAR CAPACIDAD DE CONTENIDO Y NAVEGACION DE FORMA DINÁMICA OFRECER CAPACIDADES DE COMPUTACIÓN O PROCESAMIENTO DE DATOS ADECUADOS AL DOMINIO DE NEGOCIO DE WEBAPP PROPORCIONAR CUESTIONAMIENTOS Y ACCESOS SOFISTICADOS A LA BASE DE DATOS ESTABLECER INTERFACES DE DATOS CON SISTEMAS CORPORATIVOS EXTERNOS
  • 12. DISEÑO DE NAVEGACIÓN RUTA SEMÁNTICA DE NAVEGACIÓN RUTA DE SINTAXIS DE NAVEGACIÓN
  • 13. MÉTODO DE DISEÑO HIPERMEDIA ORIENTADO A OBJETOS
  • 14. ¿CÓMO PROBAR APLICACIONES WEB?¿Qué es? ¿Por qué es importante? Proceso Con la meta • En el contenido • La facilidad de uso • El desempeño • La función • La capacidad • La navegabilidad • La seguridad Para que los usuarios finales Eliminar Cantidad ¿Cuáles son los pasos? Comienza Para el usuario infraestructura 7 Etapas 1) CONTENIDO 2) INTERFAZ 3) NAVEGACIÓN 4) COMPONENTE 5) CONFIGURACIÓN 6) DESEMPEÑO 7) SEGURIDAD
  • 15. PRUEBA DE CONCEPTOS PARA WEBAPPS Dimensiones de Calidad Se incorpora Se evalúa EL CONTENIDO Sintáctico Semántico E X A M I N A LA FUNCIÓN Se evalúa Se prueba LA ESTRUCTURA Se valora para asegurarse LA FACILIDAD DE USO Contenido y función La soporta la interfaz Se prueba para garantizar Revisiones técnicas Proceso de prueba Descubrir errores extensible
  • 16. EL DESEMPEÑO LA COMPATILIBILAD LA INTEROPERABILIDAD LA SEGURIDAD Se prueba en una diversidad Condiciones operativas Interacción Se prueba al ejecutar Huésped Cliente-Servidor LA NAVEGABILIDAD Se pone a prueba Vínculos rotos Se prueba para asegurar Interfaces adecuadas Se prueba para valorar intentar vulnerabilidades Falla en la seguridad Sistema responde Asegurarse
  • 17. ESTRATEGIAS DE PRUEBAS 1) Se revisa el modelo de contenido de la WebApp 2) Se revisa el modelo de interfaz 3) Se revisa el modelo de diseño 4) Se prueba la interfaz del usuario 5) Se prueban componentes funcionales de forma individual Casos De uso Mecanismos de navegación
  • 18. 6) Se prueba la navegación 7) La WebApp se implementa en diversas configuraciones ambientales 8) Se realizan pruebas de seguridad 9) Se llevan a cabo pruebas de desempeño 10) Se prueba la WebApp en una población controlada y monitoreada finales Facilidad de uso Compatibilidad Confiabilidad Desempeño
  • 19. PLAN DE LAS PRUEBAS Identifica 1) Un conjunto que se aplicarán cuando comience 2) Los productos que se generarán cuando se ejecute 3) La forma en la que los resultados de las pruebas
  • 20. EL PROCESO DE PRUEBA usuario tecnología
  • 21. La Prueba de Contenido  Tipográficos  Información  Organización impropia  Violación de leyes de propiedad Revisiones Pruebas ejecutables Descubrir susceptibles de rastrear Errores semánticos Contenido derivado OBJETIVOS  Errores sintácticos  Errores semánticos  Errores en la organización o estructura La Prueba de la Interfaz de Usuario Mecanismos Interacción Los aspectos estéticos  Pobre implementación  Omisiones  Inconsistencias  Ambigüedades SE REVISA EL MODELO DE LA INTERFAZ EL MODELO DE DISEÑO DE LA INTERFAZ WebApp OBJETIVO Intenta
  • 22. La Prueba de Navegación La Prueba a Nivel de Componentes Predecible e impredecible OBJETIVOS EL TRABAJO mecanismos funcionen MECANISMOS  Vínculos de navegación  Redirección  Bookmarks  Mapas del sitio  Motores de búsqueda La Prueba de la Configuración Prueba de las funciones Funciones  Caja Negra  Caja Blanca Intenta descubrir Cliente o servidor LA LABOR conjunto probables En los lados Garantizar experiencia En todos ellos permiten A través Conjunto de pruebas conjunto
  • 23. La Prueba Seguridad La Prueba de Desempeño Están diseñadas Probar las En el Del lado del cliente Del cliente al servidor  CORTAFUEGOS  AUTENTIFICACIÓN  ENCRIPTADO  AUTORIZACIÓN Se aplica para descubrir Problemas desempeño Se presentan Lado del servidor Ancho de Banda De red inapropiado Capacidades inadecuadas S.O Ocurren mientras Elementos