República Bolivariana de Venezuela Ministerio del Poder Popular para la Defensa

Universidad Nacional Experimental Politécnica de la Fuerza Armada UNEFA Núcleo Carabobo

Extensión Guacara

Profesor: Integrante: Héctor Escalona Jean Carlos A. Cruz H.

CI: 20.513.850 Sección: G-001-D Carrera:

Ingeniería de Sistemas 6º

Noviembre de 2011

RESUMEN

Desde una Perspectiva, como futuro Ingeniero de Sistemas, la

presente investigación tiene como propósito profundizar en el área de Diseño

de Sistemas, Ya que en la actualidad la mayoría de los usuarios que posean

una computadora, Gadget´s, microcomputadoras o no, tienen acceso a un

sistema de información o forman parte del mismo. Todas las organizaciones

cuentan con un sistema de información de algún tipo, que sus empleados

deben utilizar. Cuando en cualquier Organización se desea implantar un

sistema, de tal forma que sus miembros sean más productivos, obteniendo

un mayor provecho significativo del mismo.

Para cumplir con ese objetivo de obtener mayor ganancia o provecho

de un nuevo sistema de información en una organización, a pesar de que

puede llegar a ser una tarea compleja, está la presente investigación que

ayuda a encarar este tipo de situaciones en el cual se emplea un proceso de

análisis y diseño de sistemas, la misma ayuda a disminuir las situaciones de

fracaso o errores al acometer estos procesos, que beneficiaran a lo más

importante al usuario final y por ende a los diseñadores del sistema.

Específicamente la Investigación se enfoca en temas de Diseño de

entradas, salidas, prototipos, interfaces, diálogos entre otros que ayudaran a

un correcto funcionamiento y optimización de un Sistema de Información ya

sea en una Web o en un área local, una de las herramientas de mayor

provecho es la herramienta CASE y información acerca de la codificación

efectiva.

DESARROLLO

En el desarrollo de sistemas de información, el aspecto esencial es el

diseño esencial y óptimo para facilitarle al usuario una interfaz amigable y

nada tediosa; en el Diseño de Salidas la “información” es entregada al

usuario a través de un sistema de información de muchas maneras, tomando

desde opciones como: salidas a través de una impresora, pantallas de

computadora, audio etc. El objetivo esencial de las salidas bien diseñadas es

satisfacer al propósito del usuario final, desde lo que es el manejo de los

recursos, el rendimiento de tiempo, buena distribución y que el usuario quede

satisfecho con el sistema.

El cómo satisfacer al usuario va desde el comienzo del diseño ya que no

es suficiente poner a disposición de los usuarios una pantalla o una Web solo

por hacerlo, se tienen que determinar los requerimientos de la información, y

que propósito debe satisfacer y se diseña la salida en base a esos propósitos

para que haya rendimiento de tiempo, costos y recursos y mas aun el

sistema de información atiende a muchos usuarios con muchos propósitos

diferentes, es por ello el uso de entrevistas, observaciones y evaluación de

costos y a veces los prototipos. En términos generales es mas practico crear

una salida específica para el usuario o que el mismo pueda personalizar,

cuando esta es diseñada para un sistema de apoyo a la toma de decisiones,

aplicaciones interactivas o las que se desarrollan para la web. Sin embargo

aun es posible diseñar una salida que satisfaga al usuario en la organización.

Las salidas se deben presentar al usuario correcto, tienen que llegar a los

que toman las decisiones para que tenga valor; la salida se debe dar a

tiempo para que los usuarios no se fatiguen, ya que es una de las mayores

quejas que se reciben porque los usuarios debido a que no reciben la

información necesaria toman las decisiones incorrectas en la mayoría de los

casos, la entrega de las salidas es esencial para los negocios es por ello se

debe tomar con cuidado la distribución del tiempo de la salida y la entrega.

Para tomar el método correcto de la salida se debe relacionar al contenido

ejemplo: Si es una salida de una empresa en la cual un encargado desea

saber cuál es su nómina total, en la mayoría de las veces el encargado

deseara ver la nómina por pantalla de computadora y otras veces lo deseara

en físico para la junta; es por ello que se deberá diseñar una salida óptima

para cada caso sin perder rendimiento, ni tiempo y que no tenga mucho

costo, los factores a considerar son

1. ¿Quién usará (verá) la salida de datos?

2. ¿Cuántas personas necesitan la salida?

3. ¿Dónde se necesita la salida (distribución, logística)?

4. ¿Cuál es el propósito de la salida?

5. ¿Cuál es la velocidad con que se necesita la salida?

6. ¿Con qué frecuencia se accederá a la salida?

7. ¿Cuánto tiempo se almacenará la salida? Entre otros.

La posible solución tomando en cuenta las respuesta a las preguntas

anteriores sería diseñar una interfaz en la cual en encargado pueda ver la

nómina de la empresa tanto en la pantalla y obtenerla en físico también

mediante una opción en pantalla de imprimir en la cual se deben tomar las

variables en el diseño de los diferentes tipos de impresora, y también como

posible solución dependiendo de la necesidad es posible agregar la opción a

la interfaz de enviar la nómina por correo entre otras diferentes salidas como

la multimedia, Fax, Internet o Intranet.

En el mismo orden de ideas, para que haya una salida tiene que haber

una entrada y las entradas conllevan a diseñar entradas por medio de

formularios tanto para la web como para programas de escritorio tanto de

intranet como de internet. La calidad de la entrada determina la salida del

mismo, la efectividad de los formularios de entrada, las pantallas y los

formularios web tienen que cumplir el propósito específico en el sistema de

información sin que tenga que llevar tiempo de mas para descifrarlo y todo

ello depende del diseño efectivo y preciso que garantiza el mismo, Los

formularios tienen que ser sencillos, completos y útiles y esto es trabajo del

analista de sistemas el cual debe de tener esa capacidad ya que es

necesario que eliminar los formularios que desperdicien recursos de una

organización, cuando hablamos de recursos hablamos de tiempo en

contestarlos, lo cual es dinero en una empresa, esto en caso de rediseñar un

sistema, El atractivo de los formularios implica que los usuarios disfruten al

usarlos debido a lo interesante de su diseño y por lo tanto hay mayor

probabilidad de una excelente entrada.

Para el Diseño de un Buen Formulario según el libro de análisis y diseño

de sistemas de Kendall y Kendall, se basa en 7 secciones:

a) Encabezado

b) Identificación y acceso

c) Instrucciones

d) Cuerpo

e) Firma y verificación

f) Totales

g) Comentarios.

Otra opción es la creación de títulos claros ya que facilitan al usuario que

poner en el formulario tanto para la web e intranets, como para aplicaciones

de escritorio.

Los formularios han de dar sensación de claridad evitando lo que

podríamos llamar el exceso de tinta (texto, líneas, recuadros, iconos, etc.).

Para ello las principales recomendaciones son:

El espacio ocupado por texto y grafismos no debe sobrepasar el 40% del

total.

Eliminar grafismos innecesarios. Por ejemplo, no abusar de los recuadros de

grupo y sobretodo nunca poner un recuadro de grupo dentro de otro.

Sustituir líneas y recuadros de separación por espacio en blanco.

En formularios de entrada de datos, pedir solo la información necesaria

minimizando los campos opcionales.

En formularios en los que se ofrezca información a consultar, debe mostrarse

solo información relevante.

Redactar textos cortos para las etiquetas de campos eliminando palabras

innecesarias.

Relaciones lógicas entre los elementos

La ubicación de un elemento en un punto determinado de la pantalla

puede ayudar a comunicar una relación lógica con otros elementos ayudando

a su comprensión.

Las principales recomendaciones son:

Proximidad: la cercanía de los elementos comunica una relación entre

ellos.

Agrupación: crear grupos de elementos relacionados y separar los

grupos para clarificar diferencias.

Inclusión: indica las jerarquías de los elementos. Para ello se

pueden alinear unos más a la derecha que los otros o bien incluirlos

dentro de un recuadro.

Estética y Orden Visual, Consistencia, alineación y proporción.

Mucho de lo que ya hemos dicho sobre el diseño adecuado de

formularios se puede aplicar al diseño de pantallas y al diseño de sitios Web

y páginas Web. Una vez más, el analista debe tener siempre presente al

usuario al diseñar pantallas. Sin embargo, hay algunas diferencias que los

analistas de sistemas diferencian.

1. Algunos Trucos para el Diseño de Formularios en la Web son:

2. Alinear los campos de texto a la izquierda y las etiquetas arriba y a la

izquierda. Según ciertos estudios de usabilidad se ha notado un

beneficio al uso de formularios situando las etiquetas inmediatamente

encima de las cajas de texto y alineadas a la izquierda.

3. El tamaño de la fuente y cajas de texto debe ser generosos.

4. El tamaño de las tipografías para las etiquetas de cada campo debe

ser prominente, sobretodo el alto de las cajas de texto. No tener miedo

en esto, puesto que las cajas son el elemento objetivo de todo

formulario, deben verse suficiente y ser “visualmente espaciosas”.

5. Fijar un repertorio finito de anchuras estándar para las cajas de texto a

rellenar.

6. Es interesante definir un mínimo de, por ejemplo, 3 anchuras de caja

de texto base, y utilizar estas según sea el campo a rellenar.

7. Utiliza radio button o desplegables adecuadamente.

8. Si cabe completar cierto campo en el que se ofrece más de una

opción predefinida, utilizar radio button cuando se trate de menos de 3

opciones (por ejemplo “Sexo”) y un desplegable cuando se trate de

más de 3 opciones.

9. Utilizar una llamada a la acción prominente y que cumpla las buenas

prácticas del diseño de botones para la web.

10. También, si situamos etiquetas y campos a rellenar alineados a la

izquierda, también situar el botón alineado a la izquierda y dentro del

flujo de escaneo del conjunto de elementos del formulario. También es

oportuno añadir un enlace “<< Paso anterior” sin que este tenga

apariencia de botón.

11. Incluir menú de proceso. Resaltando la etapa actual y siendo los

textos enlazables.

12. En formularios con más de una página conviene añadir indicadores

sobre el proceso que notifiquen el paso o página en la que nos

encontramos. Estos indicadores de proceso también deberían ser

enlaces que permitan saltar a pasos anteriores.

13. Utilizar sistema de autocompletado para ciertos campos.

14. La idea aquí es que mientras el usuario escribe se presenten de

manera dinámica un listado de opciones acordes con el texto

introducido. Esto resulta práctico en campos como “ciudad”, “país”,

“estudios”, “oficio”, etc. Esta es una idea alternativa al desplegable que

agilizará la introducción de datos.

15. El sistema deberá formatear campos de tipo fecha, no el usuario.

16. Por ejemplo “Fecha de nacimiento”, deberá ser formateado por el

propio sistema a la sintaxis deseada (dd/mm/aaaa) y nunca esta labor

debería recaer en el usuario. Dejar esta labor en manos del usuario es

engorroso y fomentará errores. La solución óptima para este tipo de

campos pasa por utilizar 3 desplegables para: día, mes y año.

17. Utilizar un sistema de validación de campos dinámico.

18. La propuesta de validación de corrección de campos debe ser

dinámica, mostrándose está conexa a la caja de texto y validando la

correcta o no de cada campo a medida que estos sean rellenados por

el usuario. La información se deberá mostrar de forma clara y

descriptiva haciendo uso de texto, colores e iconografía.

19. Campos de difícil interpretación deberán mostrar ayuda auxiliar.

20. La ayuda auxiliar para ciertos campos se hace visible con iconografía

situada a la derecha del campo, y mostrando caja flotante cuando se

sitúa el cursor encima. Utilizar colores acorde con el carácter

informativo del elemento.

21. Incluir información de soporte a lo largo del formulario.

22. Por ejemplo, en una columna latera paralela al formulario se puede

incluir información contextual sobre el propósito de cada uno de los

bloques en los que está dividido el formulario: datos personales, datos

de pago, etc. Dar a este texto auxiliar un tono informativo, de soporte

de confianza y de persuasión.

23. Sólo mostrar “(opcional)” o “(obligatorio)” cuando estos campos son

una minoría.

24. Como norma, cuando más de la mitad de los campos son obligatorios,

deberán identificarse como “(opcional)” aquellos que sean opcionales

y prescindir de cualquier recurso para identificar aquellos obligatorios.

Viceversa cuando la mayoría sean opcionales.

Para contener los formularios es necesario una interfaz Gráfica, ya que es

la forma en que los usuarios interactúan con el sistema operativo o el sistema

web, compuesto por cuadros de texto, Casillas de verificación, botones de

opción, cuadros de lista y desplegables que es parte en la mayoría de un

formulario en algunos casos. En las interfaces se usan iconos de pantalla

representativos a lo que queramos transmitir, ejemplo si en una interfaz web

que tenga un formulario donde ingresa el nombre, apellido, teléfono etc. Y al

final una imagen que actúa como botón pero con un dibujo de una carta,

transmitiría la sensación de que es para enviar y eso es lo que se quiere con

los iconos.

Para diseñar una interfaz hay miles de aplicaciones que podemos usar,

desde herramientas de diseño hasta de desarrolladores; podemos por

ejemplo usar la herramienta adobe Fireworks que ayuda mucho en el diseño

de formularios, Photoshop que ayudaría mucho en el diseño atractivo de

interfaces y sistemas web, e incluso el mismo powerpoint en sistemas

Windows, en herramientas de diseño de desarrolladores podemos ver a:

Netbeans que es multiplataforma, VisualStudio para sistemas Windows y

web, dreamweaver entre otros.

En resumen los tipos de interfaces son de lenguaje natural, pregunta y

respuestas, menús y formularios. Las de lenguaje natural son las ideales

para usuarios inexpertos, ya que dan la sensación de comodidad y de que no

interactúan con una computadora, estas no requieren habilidades especiales

de parte de los usuarios, pero al ser muy fácil a los usuarios, es muy difícil en

algunos casos a los programadores ya que exige mucho y a veces no es

factible.

Las interfaces de preguntas y respuesta son aquellas en la que se

despliega en pantalla una pregunta y el usuario responde en su mayoría con

pulsaciones de teclado o con un mouse y en dependiendo de los

requerimientos del diseño de la interfaz pasa a la siguiente interfaz para

cumplir con el objetivo trazado. Un ejemplo claro y común es la interfaz de

instalación de un programa.

La interfaz de menú adquiere su nombre debido a que se muestra en

pantalla al usuario un lista, aquí el usuario no necesita conocer el sistema

pero si lo que se tiene que realizar, ejemplo en casi todas las interfaces

aparece en la parte superior izquierda la opción ARCHIVO, guardar como

etc,. Al hacer clic se ejecuta una interfaz de dialogo en el que se muestran

las carpetas y seleccionan donde desean guardar el archivo y le dan al botón

aceptar y en algunos casos aparece otro cuadro de dialogo en el que

preguntan si están seguros. Para terminar con la idea se deben optimizar

para mayor comodidad de los usuarios y optimización de los recursos.

El diseño de diálogos es otra parte de las interfaces y otra forma para que

los usuarios se organicen y accedan al sistema de una manera eficaz, en el

diseño de dialogo se ligan formas, textos y colores que formen parte de la

interfaz equilibradamente y el posicionamiento básico de los botones, un

ejemplo básico de los botones de un cuadro de dialogo son aceptar, cancelar

y ayuda, esta última sin falta ya que ayuda a aquellos usuarios inexpertos.

Para el diseño de cuadros de diálogos existen lineamientos por asi decirlo

al nombrar varios de ellos se llevara una idea mas clara a la hora de poner

en práctica este conocimiento:

a) Uso de colores, que usualmente no pasan a mas de 3 por

cuadro, deben de contrastar, Los menos legibles son rojo sobre

verde y azul sobre rojo.

b) Otro lineamiento es el no exagerar en el tamaño del cuadro de

dialogo.

c) Respetar los márgenes y espacios entre elementos, etc.

d) Proporciones e instrucciones claras.

e) Botones básicos, aceptar, y cancelar, ayuda.

f) Tratar de que los diseños sean atractivos

En cuanto a la retroalimentación como acción de ida y vuelta, en los

usuarios se aplicaría como un proceso de aprendizaje y una forma clara es la

aceptación de la entrada en la que el usuario reconoce cuando esta

ingresando datos al sistema, ya que el sistema muestra lo que el usuario

pulsa o teclea. O en caso de explicar al usuario la espera del proceso esta es

una de las mas importantes ya que informa al usuario el porqué de un

retraso, se aplican en retrasos de mas de 10 segundos. Incluso hay

retroalimentación en el Diseño con las imágenes y ayudas a través de

Diálogos un ejemplo de una retroalimentación y dialogo por medio de audio

es el de avast cuando el programa notifica un virus en el sistema

operativo(EL SISTEMA HA SIDO INFECTADO), pero con voz de persona, lo

cual en muchos casos es bueno por comodidad, pero es muy criticado

porque a los nuevos usuarios les asustara y apagaran su computadora por

miedo, cuando lo que deberían hacer es darle a DESINFECTAR en la

interfaz del antivirus.

Es por ello que al crear un sistema se deben de crear prototipos, para

validar opciones, restricciones y analizar posibles resultados a través de

pruebas, si es posible en usuarios reales, en versión beta por ejemplo, y asi

se determinan los requerimientos de información para obtener un buen

sistema.

Después de haber evaluado los requerimientos llegamos al desarrollo del

programa que se crear a través de un lenguaje multiplataforma como java u

otro dependiendo de los requisitos o requerimientos del sistema. Y otra

evaluación que se realiza es el ciclo de vida del programa a través del diseño

modular y la Descomposición modular los pasos a seguir son: Identificar los

módulos, Describir cada módulo, Describir las relaciones entre módulos.

Existen diferentes tipos de módulos, Código fuente, en el lenguaje de

programación usado, Tabla de datos, para datos de inicialización u otros,

Configuración, se agrupa en un módulo toda la información de configuración

en el entorno de trabajo, Manuales, etc.

Una descomposición modular debe poseer ciertas cualidades mínimas

para que se pueda considerar suficientemente válida, Independencia

funcional, Acoplamiento, Cohesión, Comprensibilidad, Adaptabilidad.

La herramienta CASE o Ingeniería de Software Asistida por Computadora,

estas son diversas herramientas que nos ayudan a evaluar el ciclo de vida de

un software y mas cumple con los siguientes objetivos:

1. Mejorar la productividad en el desarrollo y mantenimiento del software.

2. Aumentar la calidad del software.

3. Reducir el tiempo y coste de desarrollo y mantenimiento de los

sistemas informáticos.

4. Mejorar la planificación de un proyecto

5. Aumentar la biblioteca de conocimiento informático de una empresa

ayudando a la búsqueda de soluciones para los requisitos.

6. Automatizar el desarrollo del software, la documentación, la

generación de código, las pruebas de errores y la gestión del

proyecto.

7. Ayuda a la reutilización del software, portabilidad y estandarización de

la documentación

8. Gestión global en todas las fases de desarrollo de software con una

misma herramienta.

9. Facilitar el uso de las distintas metodologías propias de la ingeniería

del software.

Para el desarrollo del software también se utilizaría una herramienta de

mucha ayuda como los generadores de código, que ayudan a convertir un

programa de un lenguaje sintáctico a lenguaje máquina. En cual ayudara a

obtener una codificación efectiva para que no haya errores de compilación.

Pero tanto los diseñadores como los programadores debemos dejar espacio

a modificaciones, y también comentarios para otros programadores posibles

de un sistema puedan ampliarlo sin ejecutar errores del mismo.

BIBLIOGRAFIA

Análisis y Diseño de Sistemas de Información (James A. Senn, segunda

edición).

Análisis y Diseño de Kendall y Kendall (sexta edición).

Ingenieria del Software “un enfoque practico”(Roger Pressman, quinta

edición)