DISEÑO DE SISTEMAS “Kendall & Kendall Cap. 12”

1. DISEÑO DE SISTEMAS“Kendall & KendallCap. 12” Presentado por: LEONARDO GARCIA CUELLLAR JAVIER LEONARDO VIDARTE

2. DISEÑO DE UNA ENTRADA EFICAZ La forma mas fácil de tener una entrado eficaz, es por el método de un formulario. Y este formulario debe de tener las siguientes características: • FLUJO APROPIADO: puede minimizar el tiempo y el esfuerzo que dedican los empleados para contestarlo • SECCIONES DEL FORMULARIO: 1. Encabezado. 2. Identificación y acceso. 3. Instrucciones. 4. Cuerpo. 5. Firma y verificación. 6. Totales. 7. Comentarios.

3. DISEÑO DE UNA ENTRADA EFICAZ • Uno de los métodos mas fascinantes para el tema de creación de formularios se realiza por medio de la computadora, ya que esta nos a utilizar una serie de herramientas, que hace que el formulario se vea mas atractivo para el usuario

4. DISEÑO DE UNA ENTRADA EFICAZ DISEÑO DE FORMULARIOS POR COMPUTADORA • formularios electrónicos o formularios basados en la Web • diseño de formularios mediante plantillas • Facilita la contestación de formularios • Permite la personalización de la contestación de formularios electrónicos • Soporta la integración con bases de datos • Permite la realización automática de cálculos

5. DISEÑO DE UNA ENTRADA EFICAZ PASOS PARA LA CREACION DE FORMULARIO EN LA WEB • LA SENCILLEZ DE LA PANTALLA: La pantalla sólo debe mostrar lo que sea necesario para emprender una acción particular • LA PRESENTACIÓN DE LA PANTALLA: la información relacionada lógicamente se debe agrupar de forma consistente • FACILITAR EL MOVIMIENTO DEL USUARIO ENTRE LAS PANTALLAS Y PÁGINAS DESPLEGADAS: Los formularios basados en la Web facilitan el movimiento con el uso de hipervínculos a otras páginas Web relevantes • PANTALLAS ATRACTIVAS: Las pantallas deben atraer a los usuarios hacia ellos y deben atrapar su atención.

6. DISEÑO DE UNA ENTRADA EFICAZ DISEÑO DE LA INTERFAZ GRÁFICA DE USUARIO • CUADROS DE TEXTO • CASILLAS DE VERIFICACIÓN • BOTONES DE OPCIÓN • CUADROS DE LISTA DESPLEGABLE • DESLIZADORES Y BOTONES GIRATORIOS • MAPAS DE IMAGEN • ÁREAS DE TEXTO • CUADROS DE MENSAJE • BOTONES DE COMANDO

7. DISEÑO DE UNA ENTRADA EFICAZ • Cuadro de Texto: Un rectángulo representa un cuadro de texto, como se mencionó anteriormente, y se usa para delinear la entrada de datos y los campos de pantalla • Casillas de verificación: Las casillas de verificación contienen una X o están vacías, de acuerdo a si el usuario seleccionó o no la opción

8. DISEÑO DE UNA ENTRADA EFICAZ Botones de opción: se usa para seleccionar opciones excluyentes. Sólo se puede elegir una de varias opciones Cuadros de lista desplegable: despliega varias opciones que se podrían seleccionar con el ratón. Un cuadro de lista desplegable se usa cuando hay poco espacio en la página.

9. DISEÑO DE UNA ENTRADA EFICAZ Deslizadores y botones giratorios: Éstos se usan para cambiar datos que tienen un rango continuo de valores, dando a los usuarios mayor control al escoger los valores. Mover los deslizadores de una dirección a otra (izquierda/derecha o arriba/abajo) Mapas de imagen: Los campos de mapa de imagen se usan para seleccionar valores dentro de una imagen.

10. DISEÑO DE UNA ENTRADA EFICAZ Áreas de texto: Un área de texto se usa para introducir una gran cantidad de texto. Estas áreas incluyen varias filas, columnas y barras de desplazamiento Cuadros de mensaje: Éstos se usan para mostrar advertencias y otros mensajes de retroalimentación en un cuadro de diálogo

11. DISEÑO DE UNA ENTRADA EFICAZ Botones de comando: Un botón de comando desempeña una acción cuando el usuario lo selecciona con el ratón.

12. DISEÑO DE UNA ENTRADA EFICAZ COLOR EN EL DISEÑO DE PANTALLAS Al momento de realizar formulario por medio del pc, que puede ser directamente con la web, se le prefiere aplicar estos colores: VERDE SOBRE BLANCO NEGRO SOBRE AMARILLO AZUL SOBRE BLANCO BLANCO SOBRE AZUL AMARILLO SOBRE NEGRO

13. GRACIAS POR SU ATENCION