Ingeniería en Desarrollo de Software Introducción Introducción a la Ingeniería de Software 3er Semestre Alumno: Daniel Pineda de la Riva Matricula: es162006588 Docente: Susana Salgado Segovia Unidad 3 Actividad 2: Diseño de la interfaz.
Introducción Como ahora sabes, en la fase de diseño de un producto de software un aspecto importante es el de la interacción, ya que permite entender la comunicación entre un usuario y la máquina o software a través de una interfaz. Instrucciones El propósito de esta actividad es que, mediante un ejercicio de evaluación, identifiques cómo han sido aplicados los lineamientos del diseño de la interacción en la interfaz de un sitio web. Para ello, sigue estas instrucciones: 1. Elige un sitio web dinámico, es decir con conexión a base de datos que permita nuevos registros, consultas, bajas o eliminar registros y edición de registros. 2. Identifica, al menos, 10 elementos donde se aplique algún criterio del diseño de la interacción del sitio web. Para cada elemento, explica si cumple o no con los criterios de diseño, puedes basarte en una tabla como la siguiente:
3. Considerando los criterios de diseño de interfaz analizados, determina los siguientes elementos: • Tipo de arquitectura • Niveles de navegación • Estilo de interacción que maneja
4. A partir de la información del paso anterior, realiza el diagrama de interacción que represente un módulo del sitio web analizado. 5. Consulta los criterios de evaluación de la actividad para saber los parámetros que serán tomados en cuenta al emitir la evaluación. 6. Guarda la actividad con el nombre DIIS_U3_A2_XXYZ. Sustituye las XX por las dos primeras letras de tu primer nombre, la Y por tu primer apellido y la Z por tu segundo apellido. 7. Envía el archivo a tu docente en línea mediante la herramienta Tarea, para recibir retroalimentación.
Descripción del sitio WEB Nombre: http://www.inegi.org.mx Público al que está dirigido: Público en general. Objetivo: realizar las acciones tendientes a lograr que la Información de Interés Nacional se sujete a los principios de accesibilidad, transparencia, objetividad e independencia.
Criterio
Si Cumple
No cumple
Comentarios
1. ¿Es claro en nombre del sitio Web?
X
Es un nombre pequeño y entendible.
2. ¿Es posible entrar en contacto con el autor por e-mail?
X
Su correo que proporciona es
[email protected]
3. La página, ¿es personal o representa alguna organización reconocida?
X
Representa una organización reconocida.
4. El website, ¿tiene títulos y encabezamientos adecuados, claros y descriptivos?
X
Las imágenes que utiliza el sitio tienen tamaños adecuados y colores que permiten entender adecuadamente que es lo que se quiere seleccionar.
5. La información, ¿está libre de errores gramaticales y ortográficos?
X
6. ¿Contiene además de texto, imágenes, sonidos y multimedios?
No se detecta ningún error gramatical ni ortográfico.
X
Solo tiene imágenes, texto sonidos y multimedios no los contiene.
7. La información, ¿es fiable y está actualizada?
X
Maneja un portal de transparencia
8. El acceso al sitio Web, ¿es rápido?
X
No presenta retardo alguno para ingresar.
9. Desde la página principal, ¿se ve cómo está organizado el sitio y las opciones disponibles?
X
Muestra distintos apartados que permiten ver que existe una organización adecuada.
10. Los íconos, ¿representan claramente su propósito?
X
Utiliza imágenes relacionadas a lo que se requiere consultar.
Tipo de arquitectura Red La estructura de red es una organización en la que aparentemente no hay ningún orden establecido, las páginas pueden apuntarse unas a otras sin ningún orden aparente. Este tipo de organización es la más libre, pero también es la más peligrosa ya que si no se informa al lector de en dónde se encuentra, puede perderse o puede no encontrar lo que anda buscando o no llegar a ver lo que le queremos mostrar. Por eso es muy recomendable asociar la estructura de las páginas con alguna estructura conocida, como por ejemplo la de una ciudad.
• Estilo de interacción que maneja Menús y formularios. Se muestran las opciones disponibles para el usuario en pantalla „ La selección se hace mediante la tecla inicial, introduciendo el número asociado o moviéndose mediante las teclas de cursor. Manipulación directa. Las pantallas gráficas de alta resolución y los dispositivos apuntadores, como el ratón, han permitido la creación de los entornos de manipulación directa. Estas interfaces suponen un cambio de una sintaxis de comandos compleja a una manipulación de objetos y acciones.
Interfaces gráficas. Posee un monitor gráfico de alta resolución y un dispositivo apuntador (generalmente ratón). Incorpora elementos de interfaz estándar como ventanas, iconos, menús y diálogos. Existen controles gráficos (widgets) para la selección e introducción de la información.
Interacción. Modulo Datos/temas/exportaciones
Referencias Jesús Barranco de Areba. (2001). Metodología del Análisis Estructurado de Sistemas. España: Comillas. Ian Sommerville. (2005). Ingeniería del Software. Madrid: Pearson. Daniel Ramos. (2017). Curso de Ingeniería de Software. Estados Unidos: IT Campus Academy. Fernando Alonso. (2005). Introducción a la Ingeniería del Software modelos de desarrollo de software. España: Delta Publicaciones. Cristina Gómez. (2003). Diseño de Sistemas Software UML. Barcelona: Edicions UPC. Jesus Lores Vidal. (2005). Diseños de Sistemas Interactivos centrados en el usuario. Barcelona: UOC.
