DISE ODELA WEBAPP

UNIVERSIDAD ESTATAL DE MILAGRO


Carrera: Ciencias de la Ingeniería
Área: 3ª 1
Integrantes:
Kevin Cullispuma
Joselin Campoverde
Diego Bajaña
José Gusñay
Docente:
Ing. Jorge Luis Vinueza
Asignatura:
“Ingeniería en Software”
Tema: “Diseño de Webapps”
Periodo:
Mayo – Septiembre
Año Lectivo: 2015- 2016



Contenido
INTRODUCCIÓN 4
DISEÑO DE WEBAPPS 5
CALIDAD DEL DISEÑO DE WEBAPPS 5
METAS DELDISEÑO 6
Simplicidad: 6
Consistencia:. 7
Identidad: 7
Robustez. 7
Navegabilidad 7
Atractivo visual.. 8
Compatibilidad. 8
PIRÁMIDE DEL DISEÑO DE WEBAPPS 8
DISEÑO DE LA INTERFAZ DE LA WEBAPP 9
Mecanismos de control de la interfaz 11
Menús de navegación 11
Iconos gráficos 11
Imágenes gráficas 12
DISEÑO DE LA ESTÉTICA 12
ASPECTOS DE LA DISTRIBUCIÓN 12
No tema al espacio en blanco 13
Hacerénfasis en el contenido 13
Organizar los elementos con una distribución que vaya desde arriba a la izquierda hacía abajo a la derecha 13
Agrupa la navegación, el contenido y la función en forma geográfica dentro de la página 13
No aumente la superficie con la barra de desplazamiento 13
Cuestiones de la Plantilla 14
Cuestiones de Diseño Grafico 15
DISEÑO DE CONTENIDO 15
Objetos de contenido 16
Objetos deContenido 16
DISEÑO ARQUITECTÓNICO 19
Arquitectura de Contenido 20
ARQUITECTURA DE WEBAPP 22
Diseño de Navegación 24
Semántica de la navegación 24
Sintaxis de navegación 24
Diseño en nivel de componentes 25
Método de diseño de hipermedias orientados a objetos (MDHOO) 26
Diseño conceptual del MDHOO 26
Diseño de la navegación para el MDHOO 28
Diseño abstracto de la interfaz y suimplementación 28
Resumen………………………………………………………………………………………………..31
Conclusión………………………………………………………………………………………………33
Bibliografía………………………………………………………………………………………………………34




INTRODUCCIÓN

El diseño de webapps incluye actividades técnicas y no técnicas que incluyen lo siguiente: establecer la vista y sensación de la web App, creando la distribución estética de la interfaz de usuario, definiendo laestructura arquitectónica general, desarrollando el contenido y la funcionalidad que residen en la arquitectura y planeando la navegación que ocurre dentro de la web App.
En la creación del modelo del diseño de una web App, intervienen ingenieros web, diseñadores gráficos, desarrolladores de contenido y varios participantes más.
El diseño permite crear un modelo que se evalúe respecto de sucalidad para mejorarlo antes de la generación de contenido y código, de la realización de las pruebas y del involucramiento de un gran número de usuarios. El diseño es el lugar donde se establece la calidad de la web App.





DISEÑO DE WEBAPPS
CALIDAD DEL DISEÑO DE WEBAPPS

El diseño es la actividad de la ingeniería que genera un producto de alta calidad, algunas personas que han navegadoen la web les agradan los gráficos brillantes otros prefieren el texto simple, también tiene herramientas analíticas sofisticada a base de datos y a otros les gusta lo más sencillo.
Pero, ¿cómo se percibe la calidad de una web App? En realidad, a las web App se aplican todas las características técnicas de calidad del diseño y los atributos generan una calidad de la web- usabilidadfuncionalidad, confiabilidad, eficiencia, brindan una evaluación para la calidad de los sistemas basados en la web.
CALIDAD DE UNA APLICACIÓN WEB

METAS DEL DISEÑO
Se sugiere un conjunto de metas para el diseño que son aplicables virtualmente a toda web App, sin importar su dominio de aplicación, tamaño o complejidad.

Simplicidad: El contenido debe ser informativo pero sucinto y debe utilizar un modo deentrega (texto, imágenes, video o audio) que resulte apropiado para la información que se envíe. La estética debe ser agradable pero no abrumadora.
La arquitectura de la webapp será diferente por completo, las interfaces se construirán para que reciban a distintas categorías de usuarios.

Consistencia: Esta meta del diseño se aplica virtualmente a todo elemento del modelo del diseño. El contenido...