Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Modelado de diseño para aplicaciones web

:D
by

Boris Montalvo

on 10 April 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Modelado de diseño para aplicaciones web

Modelado de diseño
para aplicaciones web

Pruebas de Aplicaciones Web
Metas de diseño
Pirámide del diseño Iweb
Diseño de la interfaz
Diseño estético
Diseño de contenido
Apariencia visual
Identidad
Navegabilidad
Simplicidad
Temas de diseño
para Ingeniería Web

Cuando se aplica el diseño dentro del contexto de la Ingeniería Web, se deben considerar cuestiones tanto genéricas como especificas.
Desde de un punto de vista genérico, el diseño resulta en un modelo que guía la construcción de la WebApp.
Debe abordar atributos clave de una WebApp en una forma que permita al ingeniero Web construir y

ponerla a prueba de manera efectiva
El diseño es la actividad de ingeniería que conduce a un producto de gran calidad
Toda persona que haya navegado en la Web o usado una Intranet corporativa tienen una opinión acerca de lo que hacen una "buena" WebApp
Los puntos de vista individuales varían enormemente. La percepción del usuario de lo que es bueno puede ser mas importante que cualquier discusión técnica de la calidad de la WebApp.

Existe una tendencia entre algunos diseñadores a proporcionar al usuario final "demasiado".
Es mejor luchar por la moderación y simplicidad
La estética, la interfaz y el diseño de navegación de
una webapp deben ser consistentes con el dominio
de la aplicación para la cual se va a construir.
La navegación debe ser simple y consistencia.
También debe estar diseñada de modo que sea
intuitiva y predecible.
Es indudable que la apariencia visual esta en el ojo del observador, pero muchas características de diseño si contribuyen al aspecto visual (coordinación del color, equilibrio del texto, gráficos)
Describe la estructura y organización de la interfaz del usuario. Incluye:
una representación de la plantilla de la pantalla
una definición de los modos de interacción
una descripción de los mecanismos de navegación
También llamado diseño gráfico, describe la apariencia y sentimiento de la webapp. Incluye esquemas de color, plantillas geométrica, tamaño de texto, fuente de ubicación, uso de gráficos y decisiones estéticas relacionadas.
Define la plantilla, la estructura y el bosquejo de
todo el contenido que se presenta como parte de la webapp.
¿Qué es?
El diseño de WebApps abarca actividades tecnicas y otras que no lo son.
¿Quien lo hace?
Los ingenieros Web, diseñadores gráficos, desarrolladores de contenido y otros participantes.
¿Porque es importante?
El diseño permite a un ingeniero Web crear un modelo que pueda valorarse en calidad y mejorarse antes de que se generen el contenido y código, se realicen pruebas y se involucren mucho los usuarios finales.
¿Cuales son los pasos?

Diseño de contenido, diseño estético, diseño arquitectónico, diseño de la interfaz diseño de navegación y diseño de componentes
¿Cual es el producto obtenido?
Un modelo de diseño que abarque temas de diseño de contenido, estética, arquitectura, interfaz, navegación y al nivel de componentes.
¿Como puedo estar seguro de que lo he hecho correctamente?
El equipo de ingeniería Web revisa cada elemento del modelo de diseño con la finalidad de descubrir errores inconsistencias u omisiones.
Diseño y calidad de una WebApp
¿Pero como se aprecia la calidad de la WebApp? ¿Que atributos debe exhibir para lograr ser buena a los ojos de los usuarios finales y al mismo tiempo mostrar las características técnicas de calidad que permitirán a un ingeniero Web corregir, adaptar, mejorar y apoyar la aplicación a largo plazo?
En realidad, las mas relevantes características:

Facilidad de uso
Confidencialidad
Funcionalidad
Eficiencia
Facilidad de mantenimiento

proporcionan una base útil para valorar la de los sistemas basados en Web.
"Si los productos se diseñan para encajar mejor en las tendencias naturales del comportamiento humano, entones la gente estará mas satisfecha, mas completa y sera mas productiva"
Susan Weinschenk
Las webapps se han convertido en una parte integral de las bases de datos cruciales del gobierno y empresas. Las aplicaciones de comercio electrónico extraen y luego almacenan información confidencial de los clientes.
Seguridad
La medida clave de la seguridad es la habilidad de la webapp y su ambiente de servidor de rechazar el acceso no autorizado e impedir un franco ataque malévolo.
Es la medida del porcentaje del tiempo que una webapp, esta disponible para usarla. El usuario final común espera que las webapps estén disponibles las 24 horas, todos los días del año.
Disponibilidad
No es suficiente construir una webapp exitosa. Es igualmente importante construir una webapp, que pueda acomodar el paso del éxito y volverse todavía exitosa
Escalabilidad
En sentido técnico, el tiempo en el mercado no es un verdadero tributo de calidad, es una medida de calidad desde un punto de vista de los negocios. La primera webapp en el mercado usualmente captura un numero desproporcionado de usuarios finales.
Tiempo en el mercado
Cientos de miles de paginas web están disponibles para quienes busquen información en la World Wide Web. Incluso las búsquedas Web mejor dirigidas resultan en una avalancha de contenido.
¿Cómo se valora el usuario la calidad del contenido que se presenta dentro de una webapp?
Con tantas fuentes de información de las cuales elegir
¿El ámbito y la profundidad del contenido se pueden determinar con facilidad para asegurar que satisfacen las necesidades del usuario?
¿Los antecedentes y la jerarquía de los autores del contenido se pueden identificar fácilmente?
¿Es posible determinar la precisión del contenido, de la ultima actualización y lo que fue actualizado?
¿El contenido y su ubicación son estables?
¿El contenido es creíble?
¿El contenido es único?
¿El contenido es valioso para la comunidad de usuarios a que se dirige?
¿El contenido esta bien dirigido?
Una meta importante de la ingeniería Web es desarrollar sistemas en los que se proporcionen respuestas afirmativas a todas las preguntas relacionadas con la calidad.
"Solo porque puedes, no significa que debe"

Jeun Kaiser
Consistencia
Esta meta de diseño se aplica virtualmente a cada elemento del modelo de diseño.
Con base en la identidad establecida, usualmente una webapp hace una "promesa" implícita al usuario. El usuario espera contenido y funciones robustas que sean relevantes para sus necesidades.
Robustez
Compatibilidad
Una webapp se utilizara en una diversidad de ambientes y se debe de diseñar para que sea compatible con cada uno.
Diseño de navegación
Representa el flujo de navegación entre los objetos de contenido y para todas las funciones de la webapp.
Identifica la estructura hipermedia global para la webapp.
Diseño arquitectónico
Diseño de componentes
Desarrolla la lógica de procesamiento detallado que se requiere para implementar componentes funcionales.
MUCHAS GRACIAS!!
Pruebas de Aplicaciones Web

INTRODUCCIÓN
El proceso de someter a prueba la WebApp es una suma de actividades relacionadas con una sola meta: descubrir errores en el contenido, la función, la facilidad de uso, la navegabilidad, el desempeño, la capacidad y la seguridad de la WebApp.. Esto se logra a lo largo de todo el proceso de ingeniería Web, mediante la aplicación de una estrategia de prueba que abarca tanto revisiones como pruebas ejecutables.

PRUEBA DE CONCEPTOS PARA WEB
Recordemos que la prueba es el proceso de ejercitar al software con la finalidad de encontrar (y al final de cuentas corregir) errores. En el caso de las WebApp, la filosofía es la misma. En este proceso se consideran diversas dimensiones de la WebApp y la naturaleza de los errores que se encuentran como consecuencia de las pruebas, y la estrategia de poner aplicable para descubrirlos.

Dimensiones de la Calidad
Como consecuencia de un buen diseño la calidad es incorporada a la aplicación Web. Las revisiones y pruebas examinan las siguientes dimensiones de la calidad:
El contenido.- Se evalúa en el ámbito sintáctico como semántico.
La función.- Se prueba para descubrir errores que indiquen que no hay concordancia con los requisitos del cliente.
La estructura.- Se valora para asegurarse de que entrega adecuadamente contenido y función de la WebApp, que es extensible y que puede sostenerse al añadir un nuevo contenido o funcionalidad.

Dimensiones de la Calidad
La facilidad de uso.- Se prueba para garantizar la interfaz soporta a cada categoría de usuario.
La navegabilidad.- Se prueba para garantizar que toda la sintaxis y semántica de navegación se ejercen para descubrir cualquier error de navegación.
El desempeño.- Se prueba en una diversidad de condiciones operativas, configuraciones y cargas para asegurar que el sistema responde a la interacción del usuario y maneja cargas extremas sin que haya una degradación operativa inaceptable.


Errores dentro de un Ambiente WebApp
Los errores encontrados como consecuencia de una prueba éxitos de la WebApp tienen varias características únicas. A continuación se indican 5 atributos de error que sugieren que el ambiente desempeña un importante papel en el diagnóstico de todos los errores durante el proceso de ingeniería Web:
1. Muchos tipos de pruebas de WebApp descubren problemas que se evidencian en el lado del cliente, por lo que el ingeniero Web ve un síntoma del error, no el error en sí.
2. Puesto que una WebApp se implementa en varias configuraciones diferentes y dentro de distintos ambientes, puede ser difícil o imposible reproducir un error afuera del ambiente en el que el error se encontró originalmente.

Errores dentro de un Ambiente WebApp
3. Aunque algunos errores son el resultado de un diseño incorrecto o una codificación HTML impropia (o algún otro lenguaje de programación), muchos errores pueden rastrearse hacia la configuración de la WebApp.
4. Puesto que las WebApp residen dentro de una arquitectura cliente/servidor, el rastreo de los errores puede ser difícil a través de las 3 capas arquitectónicas: cliente, servidor o la red en sí.
5. Algunos errores se deben al ambiente operativo estático, mientras que otros son atribuibles al ambiente operativo dinámico.

Estrategias de pruebas
La estrategia para probar una WebApp, adopta los principios básicos para todas las pruebas de software y aplica una estrategia y las tácticas que se recomendaron respecto de los sistemas orientados a objetos como se indica a continuación:

1. Revisión del modelo de contenido de la WebApp en busca de errores
2. Revisión del modelo de la interfaz asegurándose que todos los casos de uso pueden acomodarse
3. Revisión del modelo de diseño de la WebApp en busca de errores de navegación
4. Se prueba la interfaz de usuario para descubrir errores en la presentación o los mecanismos de navegación.
5. Componentes funcionales seleccionados se prueban en forma individual.

Estrategias de pruebas
6. Se prueba la navegación a través de toda la arquitectura.
7. La WebApp se implementa en diversas configuraciones ambientales y se prueba su compatibilidad con cada configuración.
8. Se realizan pruebas de seguridad con el objetivo de explotar vulnerabilidades en la WebAPP o dentro de su ambiente.
9. Se llevan a cabo pruebas de desempeño.
10. Se prueba la WebApp en una población controlada y monitoreada de usuarios finales buscando errores relacionados con la facilidad de uso, con la compatibilidad, confiabilidad y desempeño de la WebApp.

Planeación de las pruebas
Un plan de pruebas WebApp identifica:
1. Un conjunto de tareas que se aplicarán cuando comience la prueba
2. Los productos de trabajo que se generarán conforme se ejecute cada tarea de prueba
3. La forma en que los resultados de las pruebas se evalúan, registran y reutilizan cuando se realicen pruebas de regresión.
4. En algunos casos el plan de pruebas se integra con el plan del proyecto.

El Proceso de Prueba
Prueba de las bases de datos
Prueba de las bases de datos
Las pruebas deben asegurar que:
Información válida pasa entera el cliente servidor desde el estrato de la interfaz
La WebApp procese los guiones correctamente y extraiga o formatee adecuadamente datos del usuario
Los datos del usuario pasen correctamente a una función de transformación de datos en el lado del servidor para formatear consultas apropiadas.
Las consultas pasen a un estado de gestión de datos que se comunique con rutinas de acceso a bases de datos potencialmente ubicados en otra máquina.
Full transcript