20
158 CAPITULO V DESARROLLO DEL DISEÑO DE UN SITIO WEB MULTIMEDIA BASADO EN UN MAPA INTERACTIVO PARA FACILITAR LA ORIENTACION DE LOS DESTINOS TURISTICOS DE LA RED NACIONAL, ADMINISTRADOS POR EL INSTITUTO SALVADOREÑO DE TURISMO DE EL SALVADOR. E. ETAPA V: DESARROLLO Y DOCUMENTACION DEL SITIO WEB. GENERALIDADES El desarrollo del sitio Web multimedia interactivo consiste en la creación, edición e integración de los elementos que serán parte del sitio Web multimedia interactivo. También permite orientar al usuario para que interactúe en forma efectiva con el sitio web y detalla todos los elementos como lo son botones, mensajes de las pantallas. La documentación del sitio web proporcionara la información necesaria para que los usuario sientan mas seguridad, aclaren sus dudas y muestren mas confianza a la hora de navegar en el sitio Web, 5.1 EDICIÓN DE LOS PILARES MULTIMEDIA Edición de Imágenes: La edición de imágenes, consiste en dar realce de colores, claridad y la mayor resolución posible a cada imagen. Para el cual se utilizó la herramienta de Adobe Fireworks.

CAPITULO V DESARROLLO DEL DISEÑO DE UN SITIO WEB ...ri.ufg.edu.sv/jspui/bitstream/11592/7034/6/338.4791... · El desarrollo del sitio Web multimedia interactivo consiste en la creación,

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: CAPITULO V DESARROLLO DEL DISEÑO DE UN SITIO WEB ...ri.ufg.edu.sv/jspui/bitstream/11592/7034/6/338.4791... · El desarrollo del sitio Web multimedia interactivo consiste en la creación,

158

CAPITULO V

DESARROLLO DEL DISEÑO DE UN SITIO WEB MULTIMEDIA

BASADO EN UN MAPA INTERACTIVO PARA FACILITAR LA

ORIENTACION DE LOS DESTINOS TURISTICOS DE LA RED

NACIONAL, ADMINISTRADOS POR EL INSTITUTO SALVADOREÑO

DE TURISMO DE EL SALVADOR.

E. ETAPA V: DESARROLLO Y DOCUMENTACION DEL SITIO WEB.

GENERALIDADES

El desarrollo del sitio Web multimedia interactivo consiste en la creación, edición e

integración de los elementos que serán parte del sitio Web multimedia interactivo.

También permite orientar al usuario para que interactúe en forma efectiva con el sitio

web y detalla todos los elementos como lo son botones, mensajes de las pantallas.

La documentación del sitio web proporcionara la información necesaria para que los

usuario sientan mas seguridad, aclaren sus dudas y muestren mas confianza a la

hora de navegar en el sitio Web,

5.1 EDICIÓN DE LOS PILARES MULTIMEDIA

Edición de Imágenes:

La edición de imágenes, consiste en dar realce de colores, claridad y la mayor

resolución posible a cada imagen. Para el cual se utilizó la herramienta de Adobe

Fireworks.

Page 2: CAPITULO V DESARROLLO DEL DISEÑO DE UN SITIO WEB ...ri.ufg.edu.sv/jspui/bitstream/11592/7034/6/338.4791... · El desarrollo del sitio Web multimedia interactivo consiste en la creación,

159

Edición de Animación:

La edición de animaciones consiste en darle movimiento a las imágenes y texto, las

animaciones se realizaron con las herramientas de Adobe Flash CS3.

Edición de Texto:

La edición de texto se refiere a la creación y modificación que sufrió todas aquellas

líneas y grupos de caracteres que al final se colocaron dentro del sitio Web

multimedia para dar a conocer la información de los parques recreativos. Todo esto

se realizo dentro del programa Adobe Fireworks CS3.

5.2 CREACIÓN DEL CÓDIGO FUENTE

Toda la lógica de programación se ha realizado en visual Basic y Asp. Net.

5.3 ADMINISTRACIÓN DE BASE DE DATOS

El gestor de base de datos utilizado es SQLServer 2000, ya que en el servidor del

ISTU ya cuentan con dicho gestor, toda la administración de las tablas y sus registros

se manejan desde dicho gestor.

5.4 CREACIÓN E INTEGRACIÓN DE PÁGINAS WEB

La integración consiste en darle forma al producto multimedia, teniendo como base el

Storyboard que se creó en la etapa de diseño (ver páginas desde la Nº 149 del

capítulo IV de este documento). El programa que se usará para el proceso de

desarrollo del sitio Web Multimedia Interactivo es el de Adobe Flash CS3.

Page 3: CAPITULO V DESARROLLO DEL DISEÑO DE UN SITIO WEB ...ri.ufg.edu.sv/jspui/bitstream/11592/7034/6/338.4791... · El desarrollo del sitio Web multimedia interactivo consiste en la creación,

160

5.4.1 PANTALLAS DEL SITIO WEB

Figura 5.1 Pantalla de introducción al Sitio Web

Page 4: CAPITULO V DESARROLLO DEL DISEÑO DE UN SITIO WEB ...ri.ufg.edu.sv/jspui/bitstream/11592/7034/6/338.4791... · El desarrollo del sitio Web multimedia interactivo consiste en la creación,

161

Parte Superior de la Página

Parte Inferior de la Página

Figura 5.2 Diseño para todas las páginas del Sitio Web

Page 5: CAPITULO V DESARROLLO DEL DISEÑO DE UN SITIO WEB ...ri.ufg.edu.sv/jspui/bitstream/11592/7034/6/338.4791... · El desarrollo del sitio Web multimedia interactivo consiste en la creación,

162

Figura 5.3 Pagina principal del Sitio Web del ISTU

Page 6: CAPITULO V DESARROLLO DEL DISEÑO DE UN SITIO WEB ...ri.ufg.edu.sv/jspui/bitstream/11592/7034/6/338.4791... · El desarrollo del sitio Web multimedia interactivo consiste en la creación,

163

Figura 5.4 Pagina principal del Sitio Web del ISTU

Page 7: CAPITULO V DESARROLLO DEL DISEÑO DE UN SITIO WEB ...ri.ufg.edu.sv/jspui/bitstream/11592/7034/6/338.4791... · El desarrollo del sitio Web multimedia interactivo consiste en la creación,

164

Figura 5.5 Página presentación del parque recreativo

Page 8: CAPITULO V DESARROLLO DEL DISEÑO DE UN SITIO WEB ...ri.ufg.edu.sv/jspui/bitstream/11592/7034/6/338.4791... · El desarrollo del sitio Web multimedia interactivo consiste en la creación,

165

Figura 5.6 Pagina presentación de Fotos

Page 9: CAPITULO V DESARROLLO DEL DISEÑO DE UN SITIO WEB ...ri.ufg.edu.sv/jspui/bitstream/11592/7034/6/338.4791... · El desarrollo del sitio Web multimedia interactivo consiste en la creación,

166

Figura 5.7 Pagina presentación de Fotos

Page 10: CAPITULO V DESARROLLO DEL DISEÑO DE UN SITIO WEB ...ri.ufg.edu.sv/jspui/bitstream/11592/7034/6/338.4791... · El desarrollo del sitio Web multimedia interactivo consiste en la creación,

167

Figura 5.8 Pagina Presentación de Video

Page 11: CAPITULO V DESARROLLO DEL DISEÑO DE UN SITIO WEB ...ri.ufg.edu.sv/jspui/bitstream/11592/7034/6/338.4791... · El desarrollo del sitio Web multimedia interactivo consiste en la creación,

168

Figura 5.9 Pagina Presentación Ubicación del Parque Recreativo

Page 12: CAPITULO V DESARROLLO DEL DISEÑO DE UN SITIO WEB ...ri.ufg.edu.sv/jspui/bitstream/11592/7034/6/338.4791... · El desarrollo del sitio Web multimedia interactivo consiste en la creación,

169

5.4.2 BOTONES

Los Botones son objetos gráficos, los cuales permiten que al ser accionados con un

clic izquierdo del ratón realicen la función indicada.

BOTÓN (gráfico) DESCRIPCIÓN

Icono para entrar al sitio web

Icono para Activar o desactivar sonido

Menú principal para acceder a la

información de cada uno de los parques

recreativos

Botón para regresar al mapa

Botón para regresar a la pagina de cada

parque recreativo

Icono para entrar desde el mapa a la

página del parque recreativo acuático.

Icono para entrar desde el mapa a la

página del parque recreativo natural.

Cuadro 6: Botones utilizados en el desarrollo del sitio web.

Page 13: CAPITULO V DESARROLLO DEL DISEÑO DE UN SITIO WEB ...ri.ufg.edu.sv/jspui/bitstream/11592/7034/6/338.4791... · El desarrollo del sitio Web multimedia interactivo consiste en la creación,

170

5.5 DEPURACIÓN DE ERRORES

Durante la construcción del Sitio Web, se realizan pruebas independientes sobre el

funcionamiento de este, en caso de detectar errores tanto de función como de

estandarización, se procede en ese momento a corregirlos.

Se debe probar el sitio Web una y otra vez, para estar seguro de que está libre de

errores, que es preciso, que responde a las metas operacionales y visuales; que se

han satisfecho los requerimientos.

5.6 DOCUMENTACIÓN DEL SITIO WEB

La documentación consta del material escrito, por medio digital o en papel, que

permiten a los usuarios conocer el sitio tanto a nivel operativo como técnico.

5.6.1 Manual de Usuario

El contenido de este manual es referido, a los pasos que debe seguir el usuario para

navegar dentro del sitio; muestra la función y operación de los menús, botones e

iconos dentro del sitio.

En el presente proyecto se accesa mediante la opción de ayuda dentro del Sitio. (Ver

anexo 4).

5.6.2 Manual Técnico

El Manual Técnico que se incorporó en este documento ha sido preparado para

ayudar a la compresión del proceso de desarrollo del Sitio Web Multimedia

Interactivo.

En el Manual Técnico se abordan los temas necesarios para la incorporación de

elementos, para lograr un producto final de multimedia utilizando para ellos las

herramientas de Adobe, instalación, archivos en cada carpeta, privilegios para los

diferentes usuarios. (Ver anexo 7)

Page 14: CAPITULO V DESARROLLO DEL DISEÑO DE UN SITIO WEB ...ri.ufg.edu.sv/jspui/bitstream/11592/7034/6/338.4791... · El desarrollo del sitio Web multimedia interactivo consiste en la creación,

171

5.6.3 Manual de Administrador y Usuario Operador

Es un documento que contiene el nombre y la contraseña del usuario, debe tener

una estructura que facilite la comprensión del usuario. El manual contempla como

ingresar, modificar y actualizar información en el sitio web. (Ver anexos 5 y 6).

F. ETAPA VI: PRUEBA Y EVALUACION DEL SITIO WEB

MULTIMEDIA

6.1 PRUEBA

Una vez realizada la integración del sitio Web en una sola aplicación, se realizó la

prueba respectiva del producto, con el fin de comprobar su funcionamiento, para ello

se consideró lo siguiente:

6.1.1 Selección del equipo prueba

Esta etapa es de suma importancia, la cual consistió en comprobar la funcionalidad

del sitio Web; para ello se necesitó personas ajenas al grupo de tesis, los cuales

navegaron en el sitio Web Multimedia, para identificar posibles errores y para medir

su agrado de interactividad y facilidad de uso.

Las personas que realizaron las pruebas del sitio Web Multimedia fueron personal

del ISTU de los departamentos de Informática y Mercadeo.

6.1.2 Ejecución de la prueba

Se le pidió a las personas que realizaron la prueba del sitio Web, proporcionar

observaciones, sugerencias, errores detectados y opiniones. De esta manera poder

analizarlos, con el fin de mejorar la calidad del sitio.

Page 15: CAPITULO V DESARROLLO DEL DISEÑO DE UN SITIO WEB ...ri.ufg.edu.sv/jspui/bitstream/11592/7034/6/338.4791... · El desarrollo del sitio Web multimedia interactivo consiste en la creación,

172

6.1.3 Análisis de resultados

El análisis de resultado de las pruebas es fundamental, ya que contribuyó a crear un

sitio Web Multimedia Interactivo que satisfaga las expectativas de los usuarios, ya

que con sus observaciones, sugerencias, errores detectados y opiniones apoyaron a

mejorar la calidad del sitio.

6.1.4 Correcciones

Consistió en superar todas las observaciones señaladas por el equipo de prueba.

6.1.5 Aceptación del Sitio Web Multimedia

Luego de superar todas las pruebas, se cierra el proceso de desarrollo del sitio Web

Multimedia Interactivo, recibiendo el Visto Bueno del equipo de prueba al sitio Web.

Posteriormente el sitio Web Multimedia Interactivo se llevó al Director del ISTU para

su respectiva evaluación, recibiendo así una nota de aceptación por parte del

Instituto Salvadoreño de Turismo de El Salvador. (Ver anexo 8)

6.2 EVALUACIÓN

El Sitio Web Multimedia Interactivo debe evaluarse periódicamente para garantizar

su eficiente operación.

Las estrategias para evaluar cualquier proyecto multimedia implica:

• La auto evaluación por los diseñadores.

• La consulta de expertos.

• La evaluación por los usuarios.

Por su parte un mecanismo de control permitirá determinar la eficacia y eficiencia en

el trabajo realizado. Básicamente es un proceso de revisión y supervisión que ayuda

a controlar las desviaciones del objetivo del proyecto multimedia.

Page 16: CAPITULO V DESARROLLO DEL DISEÑO DE UN SITIO WEB ...ri.ufg.edu.sv/jspui/bitstream/11592/7034/6/338.4791... · El desarrollo del sitio Web multimedia interactivo consiste en la creación,

173

La evaluación es un proceso necesario en todas las etapas de elaboración del Sitio

Web Multimedia Interactivo.

La evaluación final del Sitio Web Multimedia Interactivo será responsabilidad del

ISTU.

G. ETAPA VII: IMPLEMENTACION Y MANTENIMIENTO DEL SITIO

WEB MULTIMEDIA INTERACTIVO.

7.1 PLAN DE IMPLEMENTACIÓN DEL SITIO WEB MULTIMEDIA

BASADO EN UN MAPA INTERACTIVO PARA FACILITAR LA

ORIENTACION DE LOS DESTINOS TURISTICOS DE LA RED

NACIONAL DE TURICENTROS, ADMINISTRADOS POR EL

INSTITUTO SALVADOREÑO DE TURISMO DE EL SALVADOR.

7.1.1 IMPORTANCIA DEL PLAN DE IMPLEMENTACIÓN

La importancia del Plan de Implementación del sitio Web Multimedia Interactivo es

debido a la necesidad que el ISTU tiene para mostrar a los visitantes, y estos puedan

hacer uso de los recursos tecnológicos con que cuenta el sitio Web.

7.1.2 OBJETIVOS DE LA IMPLEMENTACIÓN

• Brindar un sitio Web interactivo del ISTU como una herramienta de apoyo para

el departamento de mercadeo para lograr la atención y el ingreso a los

usuarios por medio de los pilares multimedia como son las imágenes con

animaciones, sonido, etc.

• Facilitar la navegación en el uso del sitio Web multimedia interactivo a los

posibles usuarios que visitan la página Web del ISTU.

Page 17: CAPITULO V DESARROLLO DEL DISEÑO DE UN SITIO WEB ...ri.ufg.edu.sv/jspui/bitstream/11592/7034/6/338.4791... · El desarrollo del sitio Web multimedia interactivo consiste en la creación,

174

• Optimizar la información de cada parque recreativo para poder darle mayor

realce al sitio Web y así satisfaga la necesidad de los usuarios al visitar el

sitios Web del ISTU.

7.1.3 RECURSOS NECESARIOS PARA LA IMPLEMENTACIÓN DEL

SITIO WEB MULTIMEDIA INTERACTIVO

1- Recurso humano:

Los usuarios del sitio Web Multimedia deberán tener los conocimientos básicos de

computación (manejo de sistemas operativos Windows, e Internet)

Las responsabilidades del administrador del sitio web, son las siguientes:

- Preparar el equipo a utilizar como servidor de aplicación y de datos

- Verificar la funcionalidad de la aplicación

Las responsabilidades del usuario operador del sitio web, son las siguientes:

- Ingresar al sitio utilizando la dirección proporcionada.

- Ingresar información en las diferentes secciones a las que tiene acceso.

2- Tecnología.

• Es indispensable contar con los requerimientos mínimos que se se mencionan

en el capitulo IV, pagina 121.

Page 18: CAPITULO V DESARROLLO DEL DISEÑO DE UN SITIO WEB ...ri.ufg.edu.sv/jspui/bitstream/11592/7034/6/338.4791... · El desarrollo del sitio Web multimedia interactivo consiste en la creación,

175

7.1.4 CRONOGRAMA DE ACTIVIDADES PARA LA FASE DE

IMPLEMENTACION

ACTIVIDADES SEMANA 1 SEMANA 2 SEMANA 3

Instalación y configuración de

servidor

Instalación de base de datos

Configuración necesaria para

instalar los nuevos servicios

Instalación de los servicios

Capacitación del personal

Cuadro 7: Cronograma de actividades para la implementación.

Page 19: CAPITULO V DESARROLLO DEL DISEÑO DE UN SITIO WEB ...ri.ufg.edu.sv/jspui/bitstream/11592/7034/6/338.4791... · El desarrollo del sitio Web multimedia interactivo consiste en la creación,

176

7.2 PRESUPUESTO DEL PROYECTO

CONCEPTO CANTIDAD COSTO

UNITARIO

COSTO

TOTAL

SOFTWARE Y HARDWARE

Licencia de Software Windows XP 1 $89.00 $89.00

Licencia de Software SQL Server 2000 1 $1,490.00 $1,490.00

Licencia de Software Visual Estudio Express 1 Gratuito $0.00

Licencia Adobe Flash 1 $350.00 $350.00

Procesador Intel core2dual (memoria 4 GB,200

GB de disco duro) 1 $2,000.00 $2,000.00

SUMINISTROS

Papelería (fotocopias, impresiones, anillados) $150.00

Energía eléctrica, Internet y teléfono $200.00

Cámara Digital Marca Canon, PowerShot A520,

Resolución 4.0 mega pixeles, con memoria 512

MB

1 $250.00

Gasolina $100.00

Filmación de videos 13 $10.00 $130.00

RECURSO HUMANO

Costo de diseño y programación

Analista, Diseñador y Programador $3,500.00 $3,500.00

T O T A L $8,259.00

Page 20: CAPITULO V DESARROLLO DEL DISEÑO DE UN SITIO WEB ...ri.ufg.edu.sv/jspui/bitstream/11592/7034/6/338.4791... · El desarrollo del sitio Web multimedia interactivo consiste en la creación,

177

7.3 MANTENIMIENTO

El trabajo de un administrador de un sitio web no se limita a unir todos los

documentos y mantener el servidor funcionando satisfactoriamente. Si se desea que

las cosas continúen funcionando correctamente, se necesita invertir cierta cantidad

de tiempo en el mantenimiento del servidor. Por lo general Mantenimiento significa

agregar nuevos documentos a medida que estos están disponibles, quitar o

reemplazar viejos documentos con otros de información actualizada, corregir errores

de escritura y ortografía, así como verificar enlaces;

La actualización significa la renovación del sitio Web implicando la realización de

nuevas herramientas Multimedia.

7.3.1 Incorporación de nueva información

Tiene que ver con la inserción de nuevos materiales o la depuración de otros. Por

ejemplo, agregar nueva información a cada uno de los parques recreativos así como

también agregar nuevos conjunto de imágenes y animaciones.

7.3.2 Incorporación de nuevas tecnologías

La incorporación de nuevas tecnologías se refiere a la aplicación de nuevas

herramientas de desarrollo multimedia, o versiones más actualizadas de las

herramientas de Macromedia, que va lanzando el mercado informático.

La actualización y mantenimiento del sitio Web Multimedia Interactivo será

responsabilidad del Instituto Salvadoreño de Turismo de El Salvador que será quien

adopte el proyecto.

Las actualizaciones y mantenimientos serán realizados por personas especializadas

en el manejo de la aplicación Macromedia para salvaguardar y mantener la calidad

del sitio Web, todas estas nuevas modificaciones se logrará por medio del SITIO

WEB EDITABLE que permitirá realizarles dichos cambios. Además los técnicos en

aplicación Macromedia tendrán en sus manos el Manual Técnico que les facilitara el

ordenamiento y actualizaciones del Sitio Web.