Introduccin a la Ingeniera de Software

Unidad 3. Diseo codificacin pruebas y mantenimiento

Introduccin a la Ingeniera de
Software
Unidad 3.
Diseo codificacin pruebas y mantenimiento
Actividad 2
Diseo de la interfaz
Profesora: MTIC Alicia Guadalupe Robertos Pinto
Estudiante: Bernardo Dzul Aguilar
Grupo: DS-DIIS-1601-B2-007

Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software

Introduccin a la Ingeniera de Software

Unidad 3. Diseo codificacin pruebas y mantenimiento
Sitio Web Dinmico
Para la realizacin de esta actividad he tomado la pgina web de miarroba, es un sitio dedicado al
hosting gratuito, en lo personal actualmente me encuentro utilizando sus servicios y al dar lectura a las
indicaciones identifico como web dinmica dicha pgina.
Identifica, al menos, 10 elementos donde se aplique algn criterio del diseo de la interaccin del
sitio web. Para cada elemento, explica si cumple o no con los criterios de diseo, puedes basarte en
una tabla como la siguiente:
Descripcin del Sitio Web
Nombre: @miarroba
Dirigido: Al pblico en general que necesiten hosting gratuito
Objetivo: Ofrecer espacio web para el alojamiento de sitios webs, permitiendo a los
usuarios modificar y crear por medio de sus servicios
URL del sitio web

Criterio

Anticipacin

Autonoma

Daltonismo

http://miarroba.es/

Si cumple

No cumple

Comentarios

La pgina se anticipa a los usuarios

mostrndole los servicios que ofrecen
como hosting gratuito, crear blogs,
foros, foto galeras.

Al momento de ingresar a la seccin

de servicios que se est utilizando nos
muestra una informacin general
sobre el estado del sistema
Cumple utilizando grficos con
referencia a los enlaces de cada men
de igual forma utiliza tonos como
negro, gris, azul cielo esto ayuda a
que las personas padezcan daltonismo
no se encuentre perdidas en el sitio.

Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software

Introduccin a la Ingeniera de Software

Unidad 3. Diseo codificacin pruebas y mantenimiento

Descripcin del Sitio Web

Nombre: @miarroba
Dirigido: Al pblico en general que necesiten hosting gratuito
Objetivo: Ofrecer espacio web para el alojamiento de sitios webs, permitiendo a los
usuarios modificar y crear por medio de sus servicios
URL del sitio web

Criterio

http://miarroba.es/

Si cumple

Consistencia

Valores por defecto

Eficacia para el
usuario

Interfaces
explorables

Reduccin de
latencia

Aprendizaje

10

Legibilidad

No cumple
X

Comentarios
En el sitio no logre distinguir
informacin correspondiente a
detalles atajos que tiene la web
La pgina cumple con el criterio
un ejemplo es cuando se crea un
nuevo usuario aparecen campos
ya con informacin estndar
ahorrando tiempo al usuario
Presente cuadros de texto que nos
ayudan cuadno se estn creados
nuevos servicios que ofrece la
pagina .
La plataforma ofrece al usuario
iconos bien definidos de las
secciones que se encuentran en el
sitio ofrecindoles que puedan
explorar rpidamente en el site
Miarroba ofreces iconos donde
nos define que se encuentra
trabando la pgina web
El sitio presenta suspartes de
forma sencilla, accesible y
entendible a la hora de navegar
por la misma
El sitio presenta de forma
uniforme los colores y de un
tamao adecuado para su
visualizacin correcta

Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software

Introduccin a la Ingeniera de Software

Unidad 3. Diseo codificacin pruebas y mantenimiento
1. Considerando los criterios de diseo de interfaz analizados, determina los siguientes
elementos:

Tipo de arquitectura

La arquitectura que identifico para el sitio web es la arquitectura de 3 niveles

Niveles de navegacin

En los niveles de navegacin identifico los siguientes apartados y que tiene varios niveles de modo de
jerarqua agregando un ejemplo

Estilo de interaccin que maneja

Men y formularios que contiene grupos de elementos que nos permiten ingresar datos para
que se utilice en la aplicacin.
Manipulacin directa, permitindonos administrar los archivos que se subieron y de igual
forma nos permite manipular y crear nuestros propios cdigos.

Diagrama de interaccin
Mdulo de registro de usuario en la pgina web miarroba.

Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software

Introduccin a la Ingeniera de Software

Unidad 3. Diseo codificacin pruebas y mantenimiento
Fuentes
s.a. (s.f). La estructura de navegacin. junio 1, 2016, de Diseo de materiales multimedia Sitio web:
http://www.ite.educacion.es/formacion/materiales/107/cd/html/html1304.html
Tognazzini, B. (s.f). Principios de diseo de interaccin. junio 1, 2016, de galinus Sitio web:
http://galinus.com/es/articulos/principios-diseno-de-interaccion.html
http://miarroba.es/
Garcia, A.. (s.f). Diferencias Entre Pginas Web Dinmicas y Esttica. junio 1, 2016, de Clomputech Sitio web:
http://www.clomputech.com/paginas-estaticas-vs-dinamicas.html
s.f. (s.a). Diseo, codificacin, pruebas y mantenimiento. JUNIO 1, 2016, de UNADMX Sitio web:
https://unadmexico.blackboard.com/bbcswebdav/institution/DCEIT/2016_S1B2/DS/03/DIIS/U3/U3_Disenio_codificacion_pruebas_y_mantenimiento.pdf

Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software