CAPÍTULO IV PROYECTO MULTIMEDIA 4.1...

39
- 72 - CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 GENERALIDADES Multimedia como su nombre lo indica, son medios múltiples, es una presentación digital de una combinación de imágenes, texto, videos, animaciones de forma atractiva para la vista, de tal forma que invita al usuario final a participar en cada una de las atracciones existentes en la presentación creada. (Douglas F. Z.) 1 . La tecnología de las comunicaciones ha crecido de gran manera, desde la época de aparición del telégrafo, el televisor, radio y teléfono de pulso hasta la comunicación por microondas, teléfonos celulares, e-mail, fax, etc., se ha buscado la forma de integrarlos, aunque difícil pero no imposible. Por ejemplo en un noticiero en vivo se busca integrar imagen, video, sonido y comunicación entre el reportero ubicado en el lugar de un hecho, con el presentador del programa, hasta retransmitirlo a cada hogar. En la actualidad se ha logrado la integración de todos estos medios en formatos de videoconferencias. La presentación de información por medios múltiples no ha quedado de un lado, el nacimiento de los discos compactos como medio de distribución de información ha sido una herramienta fabulosa de soporte para esta información, la creación de medios llamativos de presentación de información combinados con el arte gráfico, han marcado el nacimiento de los CD multimedia. Algunos de los CD multimedia permiten que un usuario tome el control de visualización, e inclusive de operación del mismo; surgiendo así el concepto de CD interactivo de Multimedia. 1 Douglas F. Z. At. Multimedia. http://www.monografias.com/trabajos10/mmedia/mmedia.shtml

Transcript of CAPÍTULO IV PROYECTO MULTIMEDIA 4.1...

Page 1: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 72 -

CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 GENERALIDADES

Multimedia como su nombre lo indica, son medios múltiples, es una presentación digital de

una combinación de imágenes, texto, videos, animaciones de forma atractiva para la vista,

de tal forma que invita al usuario final a participar en cada una de las atracciones

existentes en la presentación creada. (Douglas F. Z.)1.

La tecnología de las comunicaciones ha crecido de gran manera, desde la época de

aparición del telégrafo, el televisor, radio y teléfono de pulso hasta la comunicación por

microondas, teléfonos celulares, e-mail, fax, etc., se ha buscado la forma de integrarlos,

aunque difícil pero no imposible. Por ejemplo en un noticiero en vivo se busca integrar

imagen, video, sonido y comunicación entre el reportero ubicado en el lugar de un hecho,

con el presentador del programa, hasta retransmitirlo a cada hogar. En la actualidad se ha

logrado la integración de todos estos medios en formatos de videoconferencias.

La presentación de información por medios múltiples no ha quedado de un lado, el

nacimiento de los discos compactos como medio de distribución de información ha sido

una herramienta fabulosa de soporte para esta información, la creación de medios

llamativos de presentación de información combinados con el arte gráfico, han marcado el

nacimiento de los CD multimedia. Algunos de los CD multimedia permiten que un usuario

tome el control de visualización, e inclusive de operación del mismo; surgiendo así el

concepto de CD interactivo de Multimedia.

1 Douglas F. Z. At. Multimedia. http://www.monografias.com/trabajos10/mmedia/mmedia.shtml

Page 2: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 73 -

4.2 ETAPAS DE UN PROYECTO MULTIMEDIA Las etapas de un proyecto multimedia son los pasos lógicos y ordenados a seguir para el

cumplimiento de los objetivos planteados. En forma general se menciona:

4.2.1 PLANEACIÓN Todo proyecto multimedia parte de una necesidad a cubrir, identificando el problema a

resolver, determinando requerimientos, alcances, limitantes, desafíos, recursos a utilizar,

tipo de hardware y software, tiempo disponible, presupuesto, etc. Definido lo anterior, se

procede a delegar tareas y responsabilidades, distribuyendo el tiempo y recursos.

Es de suma importancia definir los métodos de control para poder medir el grado de avance

y corregir errores. Con el control también se mide eficiencia y eficacia del trabajo que se

realiza.

Los controles son imprescindibles en cada proyecto para identificar errores y marcan la

pauta para la toma de decisiones. La planificación es de suma importancia, evita desvío de

objetivos e improvisaciones.

4.2.1.1 SELECCIÓN DE HERRAMIENTAS

La selección de Herramientas a utilizar en el proyecto, se lleva acabo haciendo una

recopilación de algún software pertinente al proyecto que sea accesible en el mercado, y

comparando las características de estos con los requerimientos necesarios para la

realización del proyecto.

El método de selección se realiza con una matriz de comparación de características por

cada uno de los tipos de software requeridos.

Page 3: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 74 -

Herramienta Alternativas evaluadas Alternativas seleccionadas Swish Director JAVA Script Macromedia Flash MxDreamWeaver

Herramienta de desarrollo

VRML

Compilador

Free Hand Vector Drawing Adobe premier Video editing Adobe Audition Audio edition PhotoShop Photo realistic edition Cool edit Swift Power Designer Photo Builder

Herramientas de diseño

Corel Draw Linux Machintosh (MAC) Sistema Operativo Windows

Windows

Cuadro 4.1

4.2.1.2 SELECCIÓN DE HERRAMIENTAS DE DESARROLLO

Para la evaluación y selección del software se realizó un análisis exhaustivo de todas las

alternativas, con el objeto de seleccionar el software que mejor cumpla los requisitos.

Se preparó una matriz de resultados que consiste en la suma de puntos obtenidos por cada

alternativa en la calificación de cada uno de los criterios.

Criterios de selección

Resultado de la evaluación de una alternativa

sobre un criterio específico Puntuaciones

Excelente 8-10

Muy Bueno 6-8

Bueno 4-6

Deficiente 2-4

Muy Deficiente 0-2

Cuadro 4.2

Page 4: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 75 -

La metodología descrita anteriormente, se aplicó en la evaluación y selección del software,

clasificado en los siguientes:

Herramientas de desarrollo

Herramientas de diseño

Sistema operativo

Criterios de decisión.

Para establecer los criterios se consideraron las características del CD interactivo a

desarrollar, éstos son:

Dominio de la herramienta. Indica el grado de dominio de la herramienta aplicada

por el equipo de desarrolladores.

Facilidad de uso y desarrollo. Indica el grado en que la herramienta soporta y facilita

el desarrollo de animaciones en su interfaz.

Costo del producto. Se refiere al precio de la herramienta.

Documentación existente. Considera la cantidad de documentación existente sobre la

herramienta de desarrollo.

Alternativas Dominio de la Herramienta

Facilidad de uso y Desarrollo

Costo del Producto

Documentación Existente

Totales

Swish 8 9 9 9 35

Director 5 7 6 7 25

JAVA Script 7 8 10 6 31

Macromedia Flash MX

8 8 8 8 32

DreamWeaver 7 8 7 9 31

VRML 5 7 8 7 27

Cuadro 4.3

La herramienta de desarrollo seleccionada para llevar acabo el proyecto es Swish. Ya que la

herramienta es de fácil uso.

Page 5: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 76 -

4.2.1.3 SELECCIÓN DE LAS HERRAMIENTAS DE DISEÑO

Criterios de decisión.

Para establecer los criterios se consideraron los siguientes aspectos:

Compatibilidad con la herramienta de desarrollo. Esto indica el grado de

compatibilidad que existe entre las herramientas de diseño con la herramienta de

desarrollo seleccionada.

Facilidad de uso y desarrollo. Indica el grado en que la herramienta soporta y

facilita el desarrollo de animaciones en su interfaz.

Disponibilidad. Se refiere al grado de disponibilidad de las herramientas para los

desarrolladores.

Alternativas

Compatibilidad con la

Herramienta de Desarrollo

Facilidad de uso y

Desarrollo Disponibilidad Totales

Free Hand 10 8 9 27

Adobe premier 10 8 8 26

Adobe Audition 10 9 8 27

PhotoShop 10 10 9 29

Cool edit 8 7 8 23

Swift 9 8 8 25

Power Designer 7 7 7 21

Photo Builder 7 8 9 24

Corel Draw 8 8 8 24

Cuadro 4.4

Las herramientas de diseño considerado para el proyecto son Free Hand, Adobe Audition,

Adobe premier y PhotoShop. En la mayoría del CD el diseño será en Free Hand para

imágenes vectoriales y PhotoShop para imágenes con efectos de píxel. Además se va a

usar Adobe premier para pequeñas clips y videos. La edición de sonido va ser con Adobe

Audition.

Page 6: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 77 -

4.2.1.4 SELECCIÓN DEL SISTEMA OPERATIVO

Criterios de decisión.

Para establecer los criterios se consideraron los siguientes aspectos:

Compatibilidad con las herramientas de desarrollo y diseño. Que las

herramientas de desarrollo y diseño puedan funcionar bajo el sistema operativo.

Disponibilidad. Encontrar licencia para poder ocupar el sistema operativo para

desarrollar el CD interactivo.

Interfaz gráfica. Que posea una interfaz gráfica de usuario.

Soporte técnico. La posibilidad de encontrar personas o empresas que brinden

soporte al sistema operativo.

Alternativas Compatibilidad Disponibilidad Interfaz gráfica Soporte técnico Totales

Linux 8 10 8 6 32

Machintosh (MAC) 7 7 10 7 31

Windows 10 9 9 9 37

Cuadro 4.5

El sistema operativo seleccionado para el desarrollo del CD interactivo es Windows, ya que

este es el más popular en el mercado.

4.2.1.5 REQUERIMIENTOS DE HARDWARE

Para la determinación de los requerimientos de hardware para el funcionamiento del

software se tienen las siguientes consideraciones:

El CD interactivo funcionará con el sistema operativo Windows 9x, Me, 2000 o XP

en las computadoras.

El CD interactivo será desarrollado en Swish.

Page 7: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 78 -

La herramienta se ejecutará desde un CD-ROM.

A partir de estas consideraciones se procede a determinar los requerimientos de hardware

en cuanto a:

Característica del equipo.

Cada uno de estos requerimientos se detalla a continuación:

Características del equipo:

Para que el CD Interactivo funcione se requiere que la computadora tenga el software

adecuado y el necesario hardware; las siguientes especificaciones son los requisitos

mínimos necesarios para que el CD Interactivo funcione.

Requerimiento Mínimo Recomendado

Procesador 500 MHz 1.5 GHz en adelante

Memoria principal 128 MB 256 MB

Monitor VGA SVGA

Dispositivo Óptico CD-ROM 16X CD-ROM 32X

Tarjeta de Sonido No Si

Parlantes No Si

Mouse Si Si

Teclado Si Si

Sistema Operativo Windows ‘98 SE /ME Windows 2000 / XP

Cuadro 4.6

En este capítulo se trata la determinación del diseño realizado para el desarrollo del CD

Interactivo PLACONSI. Se ilustra claramente el proceso a través de diagramas. De igual

manera se mostrará un diseño de la interfaz que se desarrolló y se detallará el software y

hardware utilizado.

Page 8: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 79 -

4.2.2 ANÁLISIS Y DISEÑO Esta etapa, consiste en analizar los requerimientos determinados, de esta forma pueden

establecerse prioridades de solución y marcan la pauta para la creación y evaluación de

prototipos.

El diseño consiste en la definición de estándares de programación, codificación y

presentación. Así como procesos de funcionamiento, esto se lleva a cabo con la elaboración

de bosquejos, que mediante procesos de análisis van depurándose hasta llegar a un modelo

satisfactorio.

Cabe mencionar del posible aparecimiento de nuevos requerimientos que no hayan sido

considerados inicialmente, lo que trae consigo nuevos análisis y cambios en el diseño. Por

tal razón, los diseños deben ser creados de tal forma que sean lo mas flexible posible a

modificaciones.

4.2.2.1 DESCRIPCION Y FUNCIONALIDAD DE CADA MODULO

PANORAMA

El CD interactivo de planes de contingencia y seguridad informática, tendrá la

funcionalidad de guiar a las empresas en la creación de planes de contingencia, para la

protección de los datos de la empresa. Además recomendara soluciones como medidas de

seguridad informáticos.

PLACONSI1 estará estructurado de la siguiente forma:

MÓDULO DE SEGURIDAD INFORMÁTICA

Este módulo le brindará información al usuario sobre como debe proteger la red

informática; así mismo presentara a los usuario una serie de preguntas básicas para conocer

un poco más sobre seguridad actual en su red informática, una vez el usuario el conteste el

1 Abreviación dada al CD interactivo: Planes de Contingencia y Seguridad Informática

Page 9: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 80 -

cuestionario, PLACONSI le devolverá una recomendación la cual podrá ser analizada para

su implementación de acuerdo al presupuesto y disponibilidad para evaluar los posibles

cambios que puede realizar a la red informática.

MÓDULO DE PLANES DE CONTINGENCIA INFORMÁTICA

Este módulo Presentará una guía práctica para la elaboración de planes de contingencia de

acuerdo a la necesidad de cada empresa, así mismo proporcionará un listado de

recomendaciones genéricas sobre planes de contingencia, como por ejemplo: La utilización

de UPS para los servidores con una capacidad de respaldo de energía considerable,

manteniendo los equipos principales funcionando mientras se activa el generado de energía

principal.

GLOSARIO TÉCNICO

Dentro del módulo Glosario Técnico el usuario podrá encontrar una variedad de conceptos

que son utilizados tanto en el desarrollo e implementación de seguridad informática como

para la aplicación de planes de contingencia.

MÓDULO DE MANUALES

Este módulo ayudará al usuario a encontrar la forma de cómo navegar en CD interactivo

para que encuentre todas opciones disponibles, además podrá encontrar información acerca

del CD. También el usuario podrá visualizar las diferentes pantallas principales con su

descripción de funcionamiento.

MODULO ACERCA DEL CD

Dentro de este modulo podrá encontrar la información de los creadores de PLACONSI y un

breve agradecimiento a las personas que colaboraron para el desarrollo de esta herramienta.

RECURSOS DE IMPRESION

El modulo de impresión será utilizado para la impresión de varios documentos relacionados

con PLACONSI.

Page 10: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 81 -

TIPS

Dentro de este modulo podrá encontrar recursos valiosos para el buen funcionamiento de

una red local, también podrá encontrar consejos de cómo utilizar mejor los recursos de una

red informática.

SALIR

Al pulsar este botón, PLACONSI preguntará si el usuario desea abandonar la herramienta.

Page 11: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 82 -

4.2.2.2 DIAGRAMA ESTRUCTURAL DEL CD INTERACTIVO

Para poder analizar mejor el funcionamiento y estructura del CD Interactivo, a continuación

se presenta el diagrama del sistema PLACONSI.

DIAGRAMA ESTRUCTURAL DEL CD INTERACTIVO

PLACONSI

Fig. 4.1

CD INTERACTIVO PLACONSI

SEGURIDAD

PLANES DE

CONTINGENCIA

MANUALES

TIPS

GLOSARIO

RECURSOS DE

IMPRESION

ACERCA DEL CD

SALIR

Page 12: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 83 -

DIAGRAMA ESTRUCTURAL DEL SUB-MENU

El diagrama estructural del sub-menú opciones se presenta a continuación:

DIAGRAMA ESTRUCTURAL DEL SUB – MENU OPCIONES

Fig. 4.2

PLANES DE CONTINGENCIAS

METODOLOGÍA PARA EL PLAN DE CONTINGENCIA

EJEMPLOS DE PLAN DE CONTINGENCIA

RECURSOS DE IMPRESION

PRUEBA DE CONOCIMIENTOS PRUEBA DE CONOCIMIENTOS

Page 13: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 84 -

DIAGRAMA ESTRUCTURAL DEL CD INTERACTIVO PLACONSI

CD INTERACTIVO PLACONSI

SEGURIDAD

PLANES DE

CONTINGENCIA

MANUALES

TIPS

GLOSARIO

RECURSOS DE

IMPRESION

ACERCA DEL CD

SALIR

RECURSOS DE

IMPRESIÓN

EJEMPLOS DE PLAN DE

CONTINGENCIA

METODOLOGÍA PARA

EL PLAN DE CONTINGENCIA

PRUEBA DE

CONOCIMIENTOS

Page 14: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 85 -

MODULO DE SEGURIDAD INFORMATICA

Page 15: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 86 -

P5 P5P5P5

P4 P4

P3

Si

Si

Si

Si

Si Si

Si

No No No

No

No

No

No

Si

No

No

NoNo

Si

Si

Si

Si

Si Si

No

No

No

P6 P6 P6 P6P6

RS2 RS3 RS4 RS5 RS6 RS7 RS8 RS9 RS10

P6

RS11 RS12

P6

RS13 RS14

P6

RS15 RS16

NoSi

A

RS1

Page 16: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 87 -

P6 P6 P6 P6P6

P5 P5P5

P4 P4

P3

RS17 RS18 RS19 RS20 RS21 RS22 RS23 RS24 RS25 RS26

P6

RS27 RS28

P6

P5

RS29 RS30

P6

RS31 RS32

B

Si

Si

Si

Si

Si Si Si Si

Si

Si

SiSi Si

No

No No No No

No

No

Si

No No

No

No

No

No No

Si

No

Page 17: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 88 -

P5 P5P5P5

P4 P4

P3

Si

Si

Si

Si

Si Si

Si

No No No

No

No

No

No

Si

No

No

NoNo

Si

Si

Si

Si

Si Si

No

No

No

P6 P6 P6 P6P6

RS33 RS34 RS35 RS36 RS37 R38 R39 R40 RS41 RS42

P6

RS43 RS44

P6

RS45 RS46

P6

RS47 RS48

NoSi

C

Page 18: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 89 -

P5 P5P5P5

P4 P4

P3

Si

Si

Si

Si

Si Si

Si

No No No

No

No

No

No

Si

No

No

NoNo

Si

Si

Si

Si

Si Si

No

No

No

P6 P6 P6 P6P6

RS49 RS50 RS51 RS52 RS53 RS54 RS55 RS56 RS57 RS58

P6

RS59 RS60

P6

RS61 RS62

P6

RS63 RS64

NoSi

D

Page 19: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 90 -

Recomendacion de Seguridad Informatica

Fin

Page 20: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 91 -

4.2.3 CONSTRUCCIÓN

Una vez que los diseños hayan sido aprobados, se procede a elaborar los códigos fuente, e

interfaces que darán vida a cada uno de los procesos diseñados. La construcción es la

elaboración del CD. Esta se realiza respetando los diseños y estándares definidos.

Diseño de introducción

Page 21: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 92 -

Diseño de home

Diseño general base

Page 22: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 93 -

Diseño home de planes de contingencia

Page 23: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 94 -

Diseño de la pantalla glosario

Diseño de la pantalla de los Tips

Page 24: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 95 -

4.2.3.1 DISEÑO DE INTERFAZ GRÁFICA

Para el diseño de la interfaz gráfica se pensó principalmente que fuera con colores que

brinden ánimo y sean atractivos para los usuarios. Debido a esto se utilizaron colores muy

vivos y vistosos. Las letras están en un tamaño legible, además las ilustraciones y

animaciones que se presentan en esta interfaz son amigables para el usuario. A

continuación se presenta el diseño general de las interfaces realizadas. Estos diseños son

una impresión de las pantallas originales de la aplicación desarrollada.

La parte para el desarrollo de las simulaciones tanto de los planes de contingencia como de

la seguridad informática se desarrolló en una interfaz tal que el usuario tiene todas las

opciones visibles, incluyendo un módulo para el glosario técnico y uno para la ayuda. En el

siguiente esquema se muestra las diferentes áreas de trabajo.

Diseño de la pantalla de bienvenida a PLACONSI

Page 25: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 96 -

Diseño de la pantalla inicial de la aplicación.

Page 26: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 97 -

Diseño de la pantalla de Planes de Contingencia Informáticos.

Page 27: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 98 -

Diseño de la pantalla de Ejemplo de plan de contingencia.

Page 28: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 99 -

Diseño de la pantalla de Recursos de Impresión.

Page 29: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 100 -

Diseño de la pantalla de Seguridad Informática.

Page 30: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 101 -

Diseño de la pantalla de Glosario Técnico.

Page 31: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 102 -

Diseño de la pantalla de Ayuda

Page 32: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 103 -

Diseño de la pantalla Acerca del CD

Page 33: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 104 -

Diseño de la pantalla Salir

Page 34: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 105 -

4.2.3.2 HARDWARE Y SOFTWARE UTILIZADO

En esta sección se expone detalladamente el hardware y software utilizado para la

realización del Prototipo:

Hardware utilizado.

Computadora No. 1

Computadora personal

Pentium 4 de 3.0 Ghz.

Multimedia

1 GB RAM

Computadora No. 2

Computadora personal

AMD Athlon 2200+ (1.8 Ghz.)

Multimedia

768 MB RAM

Computadora No. 3

Computadora Portátil

Pentium 4 de 2.4 Ghz.

Multimedia

512 MB RAM

Computadora No. 4

Computadora portátil

Pentium 4 de 2.0 Ghz.

Multimedia

256 MB RAM

Page 35: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 106 -

Software utilizado.

Swish 2.0

Adobe PhotoShop 7

Adobe Audition 1.0

Macromedia FreeHand MX

La herramienta de desarrollo y diseño de las animaciones para aplicación es SWISH 2.0,

una herramienta poderosa de diseño, de fácil uso, compatible con otras herramientas y

varias plataformas de desarrollo, además es una de las más utilizadas actualmente para

animaciones en Internet que no interactúan con una base de datos, ya que otorga

flexibilidad en la creación de interfaces amigables.

Se utilizó Adobe PhotoShop para manejo de las imágenes, Adobe Audition para la edición

de sonidos y FreeHand para el manejo imágenes vectoriales.

4.2.4 PRUEBA Y CORRECCIÓN Las pruebas se realizan mediante navegaciones dentro del CD, con el fin de detectar fallas y

errores, recibir críticas y sugerencias, observar reacciones entre los usuarios; de tal forma

que al tomarlas en cuenta se realicen las correcciones pertinentes, logrando al final un

producto de calidad. Las pruebas se realizan por un grupo de usuarios seleccionados para

este fin, denominados usuarios piloto.

Page 36: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 107 -

CONTROL DE PRUEBAS PLACONSI

Resultado No. Funcionalidad Revisada Fecha de prueba

Realizada por Obtenido Acciones a tomar

Resultado Final

1 Planes de contingencia

1.1

Metodología para planes de contingencia

1.1.1

Desea evaluar sus conocimientos

15/12/2006 Marcia Manzano Falta boton atrás Crear boton

Ok

15/12/2006 Marcia Manzano

1 Al seleccionar los recursos de impresión habré el flash paper y cierra la aplicación de placonsi

Revisar la correcta presentación para que se tengan las dos pantallas : las de flash paper y la de PLACONSI

Ok

21/12/2006 Eric Jerez 2 Los títulos de las 4 opciones estan todas en minusculas

Los títulos de las 4 opciones de impresión se cambiaran por mayúsculas

Ok 2 Recursos de Impresión

21/12/2006 Juan

Carlos Barahona

3. Al seleccionar los recursos de impresión habré el flash paper y cierra Placonsi.

Es necesario revisar su correcta presentación para que se tengan las dos pantallas : las de flash dentro del marco de PLACONSI.

OK

21/12/2006 Juan

Carlos Barahona

1. Al final de evaluación presenta la recomendación en un grid y debajo de el se ve el botón de impresión el cual NO funciona

1- Revisar la funcionalidad del boton y si esposible hacerlo funcionar 2- Agregar imagen Acerca del CD como fondo de marca de agua en las pantallas de seguridad

No es posible

realizarlo

3 Seguridad

12/1/2007 Marcia Manzano

2. Cuando se contestan NO en la preguntas 4 Y 5 del cuestionario no esta devolviendo ninguna recomendacion

Por lo que se pondra el mensaje: Se recomienda realizar auditoria de sistema interna y externa si es posible.

OK

Page 37: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 108 -

4 En el Home

4.1 Audio

12/1/2007 Eric Jerez Las funciones del audio de stop y play no funcionan correctamente

Revisar el control de play ya que la música se puede detener pero no se puede reanudar

Ok

5 Planes de contingencia

12/1/2007 Eric Jerez

1. No hay forma de detener la grabacion mp3, ni de adelantar o atrasar, pero si se escucha de corrido.

Crear botónes de stop, play, atrás y adelantar, en el entendido que la imagen de la muchacha no se detendrá presionar stop sino que solo se detenga la grabación mp3.

OK

17/01/2007 Eric Jerez 2. Queda sin voz la presentación en la etapa1 Se revisara y corregira

OK

17/01/2007 Juan Carlos Barahona

3. El mp3 de Plan de contingencia solo tiene 10min y evaluación de riesigo (hace loops y repite lo mismo) Se revisara y corregira

OK

21/01/2007 Juan Carlos Barahona Queda la pantalla en negro y

después de un minute revive.

5.1 Ejemplo de planes de

contingencia

3/2/2007 Ricardo Figueroa

Si el usuario que esta revisando no cuenta conaudio no tendria acceso al jemplo de plan de contingencia ya que esta en formato PM3.

Se Pondra una nota de pie de pagina y una acceso directo con la siguiente recomendación: Sino cuenta con audio el ejemplo de planes de contingencia lo puede imprimir para su lectura aquí… y aquí debería de existir un link que le lleve directamente al flash paper del ejemplo de planes de contingencia

OK

Page 38: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 109 -

5.2

Metodología para planes de contingencia

26/01/2006

5.2.3 Sexta Etapa: Verificación e implementación de planes

26/01/2007 Marcia Manzano

El audio se detiene justo en ese punto y se reanuda en la siguiente etapa.

Revisar y corregir el audio en ese punto ya que el resto si esta bien

OK

27/01/2007 Marcia Manzano 1. Falta el botón volver Crear boton volver

27/01/2007 Marcia Manzano 2. Las ultimas 3 preguntas que

son la 30, 31 y 32 no se evalúan solo aparecen dos botones de volver a tomar la evaluación e Ir al Menú,

Falta crear un botón Siguiente en ves de los dos botones y en la próxima pantalla de finalización de la evaluación presente un mensaje y los dos botones: volver a tomar la evaluación e Ir al Menú

OK

5.3 Desea Evaluar sus conocimientos

3/2/2007 Juan Carlos Barahona 3. Actualmente ir al menú lo

lleva al home.

Se realizara cambio para que lo lleve a los 7 pasos de la metodología

OK

6 GLOSARIO 3/2/2007 Ricardo

Figueroa Falta el botón volver en todas sus pantallas

Crear el boton volver en todas las pantallas

OK

3/2/2007 Ricardo Figueroa

Las letras pasan muy lento para poder leerla bien Se corregira

OK

7

TIPS

Page 39: CAPÍTULO IV PROYECTO MULTIMEDIA 4.1 …ri.ufg.edu.sv/jspui/bitstream/11592/6828/5/006.7-B224c... · 2015-10-22 · Para que el CD Interactivo funcione se requiere que la computadora

- 110 -

4.2.5 PRODUCCIÓN Y DISTRIBUCIÓN Una vez realizadas las correcciones pertinentes, y obtenido el producto final, se procede a la elaboración

de un número requerido de copias en un medio de distribución adecuado. Las copias presentadas a los

propietarios del proyecto serán acompañadas con sus manuales técnico y operativo respectivamente.

Cada copia distribuida a los usuarios finales es recomendable acompañarla de su manual operativo

respectivo.

4.2.6 ACTUALIZACIÓN Existe cierto tipo de proyectos multimedia que son complemento o una nueva versión de un proyecto

existente, en este caso se trata de un proyecto de actualización. Un proyecto de actualización abarca las

primeras cinco etapas expuestas anteriormente. En este caso se utiliza el proyecto original como

referencia.