Diseno y Calidad de las Webapps

Verificar contenido de introducción al diseño de las webapps
Investigar
 Diseño y calidad de una webapp
Cualquier proyecto de software se inicia por alguna necesidad de negocio; la necesidad de corregir una deficiencia en alguna aplicación existente; la necesidad de adaptar una aplicación existente a un modelo de negocio cambiante; la necesidad de extender funciones o la necesidad de crear un nuevo producto o servicio.
Gestión de la calidad
Concepto de calidad: La calidad significa llegar a un estándar más alto en lugar de estar satisfecho con alguno que se encuentre por debajo de lo que se espera cumpla con las expectativas.

Garantía de la calidad del software: La calidad del software es una preocupación a la que se dedican muchos esfuerzos. Sin embargo, el software casi nunca es perfecto.

Todo proyecto tiene como objetivo producir software de la mejor calidad posible, que cumpla, y si puede supere las expectativas de los usuarios.

En este artículo intentaremos dar una visión práctica de Calidad, Calidad de Software, Certificación del Software, Medición del Software, Tipos de medidas y para qué sirve la medida del Software

Revisiones del software: Determinar funcionalidades de software, posibles mejoras, etc. Definiendo una revison de software se dividen en: 1 . 1 . 1 . 1

Versión Actualización Versión ensamblador Revisión
1 1 1 1


Fiabilidad del software
Identificar fallos
Asegurar que cumplen con las guías de tolerancia de fallos
Verificar las correcciones de las acciones de recuperación.

Los estándares de calidad ISO 9000
Es el organismo encargado de promover el desarrollo de normas internacionales de fabricación, comercio y comunicación para todas las ramas industriales a excepción de la eléctrica y la electrónica. Su función principal es la de buscar la estandarización de normas de productos y seguridad para las empresas u organizaciones a nivel internacional.
 Diseño de interfaz
El diseño de la interfaz de usuario se concentra en tres áreas:

Diseño de interfaces entre componentes de software.
Determinar que tan homogéneo es un software, adaptabilidad de código. Determinar si esta ensamblado con código nativo, funcionamiento bajo framework, etc.

Diseño de interfaces entre el software y otros productores / consumidores de información (no humanos)
Examinar la combinación de tecnologías, la posibilidad de conjuntar software bajo módulos y el paso de parámetros.

Diseño de interfaces entre seres humanos y la computadora
Realización de interface agradable al usuario, elección de colores adecuados, tipografías, etc. Es la parte visual, en la que el usuario se da cuenta del diseño general.


 Diseño estético.
Una webapp, como en todo diseño organizacional se divide en dos partes, el desarrollo y el diseño. El diseño no es nada si no tiene desarrollo, y el desarrollo no es nada sin un buen diseño.

En una webapp se contemplan imágenes, hojas de estilo, scripts, y todo lo necesario para la creación de una interface agradable y funcional.

 Diseño de contenido
Examinar la estructura contenidos, que será lo que ofreceremos a nuestros usuarios, también se determina el cómo se mostrara dicha información, por ejemplo, si requiere de un inicio de sesión.

 Diseño arquitectónico
El diseño arquitectico para los sistemas y aplicaciones basados en web se centra en la definición de la estructura global y en la aplicación de las configuraciones de diseño y plantillas constructivas para popularizar la estructura que se representaría como parte de la webapp.







 Diseño de navegación
Una vez establecida la arquitectura de una webapp y establecidas sus componentes el diseñador deberá definir las rutas de navegación que permitan al usuario acceder al contenido y a los servicios de la webapp además identificar la semántica de la navegación para diferentes usuarios y definir la mecánica para dicha navegación.
El diseñador de webapps crea una unidad semántica de navegación para cada uno de las metas asociadas a cada uno de los roles de usuario.



Aplicando un caso de estudio hacia alguna pagina o web service.


Diseño y calidad de una webapp.
EL gobierno de Veracruz, implemento una página web en donde podemos ver el famoso acuario de Veracruz. Sin duda alguna es un gran proyecto. Permite a los turistas conocer el acuario sin la necesidad de trasladarse.




















Diseño de interfaz
Tiene una página de bienvenida desarrollada en flash, es muy agradable, nos da interés en darle clic en entrar.

Una vez dentro de la página, tenernos una página de recorrido, la cual nos muestra un mapa del acuario, y cuáles son las categorías que están en exhibición.



En cada menú, se despliega una animación referente al menú seleccionado. Esto nos da una mayor interacción con el usuario y lo invita a quedarse en el sitio.




Diseño estético.
La pieza fundamental en la página aquí esta mostrada, el usuario da por hecho que la página funciona, pero el usuario ve que tan atractiva es la página. La página del acuario de Veracruz fue desarrollada en su totalidad en Adobe Flash. El análisis de requisitos y el público meta al que está dirigido son para niños, por ello los colores llamativos y la implementación de animaciones.

Diseño de contenido
Esta página está orientada a ofrecer un servicio de manera presencial y de manera virtual.

De manera virtual tenemos las categorías de especies, cuidados, marea roja, etc.

De manera presencial están los menús de ubicación, horario de servicio, costo de admisión, etc. Son herramientas que nos facilitan información si nosotros tenemos planeado visitar el acuario.

Ubicación
Horario de servicio
Costo de admisión
Categorías.
Mapa del acuario
Salas de exhibición
Especies
Corales
Marea Roja
Cuidados

Diseño arquitectónico
El plan de visita para el acuario de Veracruz está conformado de la siguiente manera:

Pagina de introducción, en la que se muestran las promociones, costos, y talleres de verano.

Pagina de información general. Aquí se da un recorrido virtual al acuario, las salas permanentes y las salas de exhibición temporal, así como los menús de contacto y de ubicación.

Pagina de información específica. En caso de que nuestros clientes tengan peces en casa, en la página del acuario de Veracruz les dicen que cuidados deben tener cuando los peces estén enfermos o saber a qué temperatura debe estar el agua. Es información de utilidad que generaran visitas y a la vez se brinda un servicio comunitario.











Diseño de navegación
El acuario de Veracruz tiene por navegación esta barra de menus, la cual nos muestra las especies en las salas de exhibición.



En la página principal esta la ubicación del acuario, así como los costos de admisión y el cómo llegar.
En términos generales, la página está bien elaborada, respeta los estándares de creación de una webapp, además de respetar los estándares ISO para la escritura.
Una observación a la pagina seria el crear un menú sobre contacto, el cual el usuario pueda escribir sus dudas o comentarios para la mejora de la pagina web.