Ingeniería en Desarrollo de Software

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 Comentarios

cumple

1. ¿Es claro en X Es un nombre pequeño y

nombre del sitio Web? entendible.

2. ¿Es posible entrar X Su correo que proporciona es

en contacto con el atencion.usuarios@inegi.org.mx
autor por e-mail?

3. La página, ¿es X Representa una organización

personal o representa reconocida.
alguna organización
reconocida?

4. El website, ¿tiene X Las imágenes que utiliza el sitio

títulos y tienen tamaños adecuados y
encabezamientos colores que permiten entender
adecuados, claros y adecuadamente que es lo que
descriptivos? se quiere seleccionar.
 5. La información, X No se detecta ningún error
¿está libre de errores gramatical ni ortográfico.
gramaticales y
ortográficos?

6. ¿Contiene además X Solo tiene imágenes, texto

de texto, imágenes, sonidos y multimedios no los
sonidos y contiene.
multimedios?

7. La información, ¿es X Maneja un portal de

fiable y está transparencia
actualizada?

8. El acceso al sitio X No presenta retardo alguno para

Web, ¿es rápido? ingresar.

9. Desde la página X Muestra distintos apartados que

principal, ¿se ve cómo permiten ver que existe una
está organizado el organización adecuada.
sitio y las opciones
disponibles?

10. Los íconos, X Utiliza imágenes relacionadas a

¿representan lo que se requiere consultar.
claramente su
propósito?
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.