UNIVERSIDAD NACIONAL DEL CALLAO

FACULTAD DE INGENIERIA INDUSTRIAL Y DE SISTEMAS

CURSO: DISEÑO DE SISTEMAS DE INFORMACIÓN

DOCENTE: RAMIREZ VELIZ, JUAN FRANCISCO

DESARROLLO DE PREGUNTAS DE REPASO Y PROBLEMAS – CAPITULO 12

INTEGRANTES:

MENDIZABAL VENTO, HILER EMANUEL

GARCIA ACHA, ALEX EMMANUEL

ORELLANA VALENZUELA, JARED DANIEL

RIVADENEYRA USURIN JOSEPH NILTON

Callao 2021
PREGUNTAS DE REPASO

1. ¿Cuáles son los objetivos de diseño para los formularios de entrada en papel, las
pantallas de entrada o los formularios para llenar en web?
- Efectividad: Quiere decir que los formularios de entrada, las pantallas de
entrada y los formularios para contestar en la web, cumplen propósitos
específicos en el sistema de información.
- Precisión: Se refiere al diseño que garantiza que se contestará de manera
apropiada.
- Facilidad de uso: Significa que los formularios y las pantallas son sencillos y no
requiere tiempo adicional para descifrarlos.
- Consistencia: implica todos los formularios de entrada, independientemente de
que sean pestañas de entrada o formularios para contestar en la web, agrupan
los datos de forma semejante de una aplicación a otra.
- Simplicidad: Se refiere a mantener limpios estos mismos diseños con el
propósito de atraer la atención del usuario.
- Atractivo para el usuario: Implica que los usuarios disfrutarán al usar los
formularios de entrada gracias a lo interesante de su diseño.
2. Mencione los cuatro lineamientos para el diseño de buenos formularios.
- Haga formularios fáciles de responder.
- Tenga en cuenta de que los formularios cumplen el propósito para el cual se
han diseñado.
- Diseñe formularios para garantizar que se contesten con precisión.
- Mantenga atractivos los formularios, para el usuario.
3. ¿Qué es el flujo apropiado de un formulario?
- Los formularios deben de fluir de izquierda a derecha y de arriba hacia abajo.
Un flujo carente de lógica, requiere de tiempo adicional y frustrante. Un
formulario que requiere ir directamente al fondo y regresar al principio para
contestarlo, refleja un flujo pobre para su desarrollo.
4. ¿Cuáles son las siete secciones de un buen formulario?
- Encabezado
- Identificación y acceso
- Instrucciones
 - Cuerpo
- Firma y verificaciones
- Totales
- comentarios
5. Mencione los cuatro tipos de leyendas para usar en formularios.
- Las leyendas con líneas, pueden colocarse a la izquierda con espacios en
blanco y en la misma línea, o pueden disponerse debajo de la línea en la cual
se ingresarán los datos.
- Las leyendas dentro de un recuadro en ligar de una línea, pueden ponerse
dentro, arriba o debajo del recuadro.
- Unas leyendas con casillas horizontales son mejores que una leyenda con
líneas, esto puede suceder cuando la información que se requiere es rutinaria
y constante.
- Las leyendas de tabla son adecuadas en el cuerpo del formulario donde se
requieren detalles.
6. ¿Qué es un formulario especializado? ¿Cuáles son algunas desventajas de usar
formularios especializados?
- El término “Formulario especializado” también puede referirse tan sólo a la
manera en que el autor prepara los formularios. Entre los ejemplos de
formularios especializados, están los formularios de múltiples partes que se
usan para crear triplicados instantáneos de los datos, los formularios continuos
que corren por la impresora sin intervención del usuario, y los formularios
perforados que tienen un talón desprendible sirve como registro.
7. Mencione los cuatro lineamientos para el buen diseño de pantallas.
- Mantener la sencillez de la pantalla.
- Mantener consistente la presentación de la pantalla.
- Facilitar el movimiento del usuario entre las pantallas y paginas desplegadas.
- Crear pantallas atractivas.
8. ¿Cuáles son las tres secciones útiles para simplificar una pantalla?
- La parte superior presenta una sección encabezado.
- La sección media se conoce como cuerpo de la pantalla. El cuerpo se puede
usar para la entrada de datos y se organiza de izquierda a derecha y de arriba
abajo.
 - La tercera sección de la pantalla corresponde a los comentarios e
instrucciones.
9. ¿Cuáles son las ventajas de usar ventanas en pantalla?
- Llenar parcial o totalmente la pantalla con nueva información.
- Minimizar o maximizar el tamaño de las ventanas conforme se necesita.
- Hacer ventanas disponibles que faciliten captura rápida y correcta.
- Producir automáticamente una nueva ventana si el código dado es incorrecto.
- Permitir a los usuarios suspender la captura de datos y revisar otro archivo.
- Obtener detalles sobre cómo debe continuar la captura de datos.
10. ¿Cuáles son las desventajas de usar ventanas en pantalla?
- Permiten que el usuario complique una pantalla simple.
- Si se incluyen demasiadas operaciones de ventanas, el diseñador puede estar
invitando a la creación de una pantalla de apariencia caótica que pueda dar
como resultado que un usuario se sienta perdido y frustrado por todo el
amontonamiento de información.
11. Menciones dos formas en que se puede mantener la consistencia en las pantallas.
- Las pantallas se pueden mantener consistentes al colocar información en la
misma área cada vez que se accede una nueva pantalla.
- También, la información relacionada lógicamente se debe agrupar de forma
consistente: el nombre y la dirección van juntos, no el nombre y el código
postal. Aunque la pantalla debe tener un movimiento natural de un área a otra,
la información no se debe pasar de un grupo a otro.
12. Menciones tres formas para facilitar el movimiento entre las páginas de
visualización.
- Desplazamiento utilizando las fechas de las teclas de PgDn (Av Pág. y Re
Pág)
- Ventanas emergentes sensibles al contexto
- Dialogo en pantalla
13. Mencione cuatro elementos de diseño de interfaz gráfica. Describa e un lado de
cada elemento cuándo sería apropiado incorporarlo en un diseño de pantalla o en
un formulario para llenar en web.
- Cuadros de texto: Donde un rectángulo representa un cuadro de texto, se usar
para delinear la entrada de datos y los campos de pantalla.
 - Botones de opción: Es un circulo y se usar para selecciones opciones
excluyentes. Solo se puede elegir una de varias opciones.
- Cuadros de lista y cuadros de lista desplegable: Es un cuadro que tiene varias
opciones que se podrían seleccionar con el mouse.
- Un botón de comando: Este desempeña una acción cuando el usuario lo
selecciona con el mouse.
14. ¿Cuándo se deben usar las casillas de verificación?
- Se utilizan para marcar una o más opciones (es decir, en formato exclusiva).
Una notación alternativa es utilizar un botón cuadrado con una marca de
verificación (✓) para indicar que se seleccionó esa opción. Cabe mencionar
que por lo general el texto (o leyenda) de la casilla de verificación se coloca a
la derecha del cuadro. Si hay más de una casilla de verificación, las etiquetas
deben tener cierto orden, ya sea alfabético o que el elemento que se marque
con más frecuencia aparezca primero en una lista.
15. ¿Cuándo se deben usar los botones de opción?
- Estos botones se usan para selecciones excluyentes, o en casos donde se
puede elegir una de varias opciones.
16. ¿Cuáles son las dos formas distintas en que se utilizan los valores de un
formulario?
- Se utilizan los datos para actualizar su base de datos.
- Se pueden utilizar dentro de la página web Cálculos, mediante el uso de
JavaScript en el navegador,
17. ¿Para qué se utilizan los campos ocultos en un formulario web?
- Estos campos ocultos se utilizan para almacenar valores que se envían de un
formulario web a un servidor. Generalmente se requiere incluir estos valores en
un segundo formulario cuando se requieren formularios múltiples para capturar
todos los datos de una transacción.
- Algunas veces se utilizan para retener información sobre el tipo de navegador
que se utiliza para localiza un registro para el cliente o sección de exploración.
18. Mencione cuatro tipos de eventos
- Cambiar un valor
- Enfocar el campo
- Cargar la página web
- Limpiar campos
19. ¿Qué son las páginas web dinámicas?
- Son aquellas páginas web, en las que la información presentada, se genera a
partir de una petición del usuario de la página.
20. ¿Qué son las páginas web tridimensionales?
- Estas páginas web se usan para mostrar información de manera temporal de
un bloque de información de ayuda, un calendario de fechas donde se puede
hacer clic, para ayudar en los campos para la introducción de fechas.
21. ¿Cómo se mejora Ajax una página web que cambia en base a las acciones de los
usuarios?
- El Ajax tiene la ventaja de hacer que la página web funciones con mucha
mayor rapidez y proporciona a los usuarios una mejor experiencia visual.
22. Mencione las cinco combinaciones más legibles de colores de primer plano y de
fondo para usarlas en las pantallas.
- Amarillo sobre negro
- Azul sobre blanco
- Blanco sobre azul
- Verde oscuro sobre blanco
- Negro sobre amarillo
23. Defina lo que significa el termino de máscaras cuando se utilizan en el diseño web.
- Las máscaras nos permiten personalizar la apariencia del reproductor de
medios. Se llaman máscaras, pero son solo patrones divertidos que los
usuarios pueden sobreponer a cualquier cosa que estén viendo.
24. ¿Cuáles son las cuatro situaciones en las que el color puede ser útil para el diseño
de pantallas y de formularios para llenar en web?
- El uso apropiado de color en las pantallas desplegables, esto permite
contrastar el color del primer plano y del fondo, resaltar los campos
importantes en los formularios, destacar los errores, resaltar la entrada de
código especial y poner atención a muchos otros atributos especiales.
- Se deben usar colores muy contrastantes para desplegar el color de primer
plano y el de fondo para que los usuarios puedan comprender con rapidez lo
que se presenta, El color de fondo afectará la percepción del color de primer
plano.
 - Los menos legibles son rojo sobre verde y azul sobre rojo, Para poner
combinaciones, el color del primer plano y el del fondo, se deben usar colores
brillantes para el primer, y colores menos luminosos para el fondo.
- Use el color para resaltar los campos importantes en las pantallas.
25. Mencione los sietes lineamientos de diseño para un formulario de llenado basado
en web.
- Proporcionar instrucciones claras.
- Demostrar una secuencia de entrada lógica para los formularios.
- Usar una variedad de cuadros de texto, botones de comando, menús
desplegables, casillas de verificación y botones de opción.
- Proporcionar un cuadro de texto desplegable si no sabe con exactitud cuánto
espacio necesitarán los usuarios para contestar una pregunta.
- Preparar dos botones básicos en cada formulario que se contestará en la Web:
Enviar y limpiar contenido.
- Si el formulario es largo y los usuarios deben desplazar excesivamente, divida
el formulario en varios formularios más sencillos en páginas separadas.
- Crear una pantalla de retroalimentación que indique que se rechaza el envió de
un formulario a menos de que los campos obligatorios estén completados
correctamente.

PROBLEMAS

11. Sludge’s Auto es un centro de reciclaje de auto partes, incluyendo autos clásicos y
antiguos. Rhode Wheeler, el propietario, desea elaborar un sitio Web para que los clientes
exploren el catálogo de piezas. Diseñe una página Web con Ajax que se utilice para
buscar las piezas. El cliente necesita conocer la marca, modelo y año de un auto, así
como la pieza. Si la pieza está en existencia deberán aparecer la descripción, condición
de la pieza, precio y costo de envío, con la cantidad disponible para cada pieza, junto con
una imagen de la misma. Provea un botón para cada pieza en el que se pueda hacer clic
para comprarla.
12. Diseñe la página Web Agregar cliente para Sludge’s Auto. Incluya un perfil que
permita a Sludge’s enviar al cliente un correo electrónico si cierta pieza está disponible

13. Diseñe la página Comprar en Web para Sludge’s Auto. Suponga que el cliente ya se
agregó y que ha iniciado sesión. Muestre cierta información sobre el cliente. Divida la
información de la tarjeta de crédito (tipo de tarjeta de crédito, número de tarjeta de crédito,
fecha de expiración y el código de seguridad en la parte trasera de la tarjeta) entre dos
páginas Web.