bibliografia - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/8058/7/005.1-m519c-bags.pdf¾...
TRANSCRIPT
147
BIBLIOGRAFIA
DOCUMENTAL.
Manuales sobre las plataformas de Software a utilizar.
Hernández Sampieri, Roberto; “Metodología de la Investigación”
Editorial McGraw Hill, 2ª Edición, 1998.
Schmelkes, Corina; “Manual para la presentación de anteproyectos e informes
de investigación (Tésis)”; Oxford University Press, 1998.
Benjamín S. Blanchard, Administración de Ingeniería de Sistemas
Grupo Noriega Editores, 1ª Edición, 1993
PÁGINAS WEB.
http://www.monografías.com
http://www.lawebdelprogramador.com
http://www.fla.com
http://www.tucasa.com/asp/Publicidad/tour_virtual.asp
http://www.milfontes.net/es-Fotos_Panoramicas_Parque.htm
http://descargas.terra.es/index.phtml?modo=2&n_id_plat=1&n_id=1725
http://www.panosmart.com/esp/logiciel_photo_360.htm
http://www.idealista.com/animacion/visitasvirtuales.jsp
148
ANEXOS
149
ANEXOS
ANEXO I. CUESTIONARIO DIRIGIDO A ESTUDIANTES DE LA UFG.
UNIVERSIDAD FRANCISCO GAVIDIA FACULTAD DE INGENIERIA Y ARQUITECTURA
I. INTRODUCCION
Estimado amigo(a):
Somos estudiantes egresados de la carrera de Ingeniería en Ciencias de la
Computación de la Universidad Francisco Gavidia. Estamos realizando una encuesta
con el fin de conocer su opinión sobre la creación de un Tour Virtual por la U. F. G.
Un Tour Virtual, es un recorrido o viaje que no se hace físicamente sino a través de
una página Web.
Este Tour Virtual no se orientará solamente a instalaciones físicas (infraestructura),
sino que además orientará sobre los servicios ofertados por la universidad
(Procedimientos académicos, procedimientos administrativos, aranceles, préstamo
de quipo audiovisual, centro de cómputo, etc.), por lo que solicitamos su valiosa
colaboración en proporcionarnos toda la información requerida.
INDICACIONES: Marque con una X el literal de su respuesta.
II. DATOS DE CLASIFICACIÓN.
Tiempo de Estudio: � Menos de un año � De uno a dos años
� De tres a cuatro años �Cinco años o más
150
III. CUERPO DEL CUESTIONARIO
1. Conoce un documento o medio interactivo donde se le oriente sobre los
diferentes servicios académicos y administrativos o de cualquier otra índole a
los cuales tiene derecho en la UFG? a) SI � b) NO �
2. Indique para cuales de las siguientes acciones desconoce que pasos debe
seguir, que documentos debe presentar y en que lugar debe realizarlos:
a) Retiro de ciclo � b) Cambio de carrera � c) Retiro de materias � d) cambio
de grupo/clase � e) Revisión de expediente � f) Trámites de Egreso �
g) Solicitud de constancias � h) Solicitud de terceras matrículas � i) Solicitud
de exámenes diferidos �
3. Indique para cuales de las siguientes acciones ha tenido algún problema a la
hora de su préstamo o utilización por desconocer los procedimientos a seguir
o el lugar donde se lleva a cabo el proceso:
a) Proyector de acetatos � b) Cañón, laptop � c) Pantallas � d) VHS �
e) Televisor � f) Impresión Remota � g) Centro de Cómputo �
h) Computadoras de pasillos � i) Solicitud al Consejo Directivo �
4. ¿Ha tenido algún problema (pérdida de tiempo, dinero u otro) a la hora de
realizar un trámite de carácter académico por no conocer la ubicación exacta
(físicamente) donde debe realizar el proceso? a) SI � b) NO �
5. ¿Ha tenido algún problema (pérdida de tiempo, dinero u otro) a la hora de
realizar un trámite de carácter administrativo por no conocer la ubicación
exacta (físicamente) donde debe realizar el proceso? a) SI � b) NO �
151
6. ¿Conoce la ubicación exacta (físicamente) de los edificios (A, B, C, Edificio
Inteligente, Edificio administrativo), de los laboratorios (Química, Física,
Inglés), Centros de Cómputo, Aulas? a) SI � b) NO �
7. ¿Qué ventajas considera que tendría la implementación del Tour Virtual de la
U. F. G?
a) Evitaría atrasos y demoras � b) Evitaría colas innecesarias� c)
Conocimiento de las instalaciones de la U. F. G. � d) Todas las anteriores �
8. ¿Cree usted que con la creación del “Tour Virtual” se le facilitaría realizar los
diferentes servicios académicos y/o administrativos que ofrece la U. F. G?
a) SI � b) NO �
9. ¿Con qué frecuencia navega usted en Internet?
a) Mucho � b) Poco � c) Nunca �
10. ¿Dónde se conecta a Internet? a) UFG � b) Casa � c) Oficina �
d) Cibercafes
11. ¿Estaría de acuerdo en que se creara un “Tour Virtual” en el cual se oriente
sobre la infraestructura y sobre los procedimientos a seguir para los servicios
académicos y administrativos que ofrece la universidad?
a) SI � b) NO �
12. ¿Utilizaría usted los servicios del “Tour Virtual”?
a) SI � b) NO �
152
ANEXO II. CUESTIONARIO DIRIGIDO A ESTUDIANTES POTENCIALES.
UNIVERSIDAD FRANCISCO GAVIDIA
FACULTAD DE INGENIERIA Y ARQUITECTURA
I. INTRODUCCION
Estimado amigo(a):
Somos estudiantes egresados de la carrera de Ingeniería en Ciencias de la
Computación de la Universidad Francisco Gavidia. Estamos realizando una encuesta
con el fin de conocer su opinión sobre la creación de un Tour Virtual de
Infraestructura y Procedimientos.
Un Tour Virtual, es un recorrido o viaje que no se hace físicamente sino a través de
una página Web.
Este Tour Virtual se orientará a infraestructura, y además orientará sobre los
servicios ofertados por la universidad (Procedimientos de matrícula, procedimientos
administrativos, préstamo de quipo audiovisual, centro de cómputo, etc.), por lo que
solicitamos su valiosa colaboración en proporcionarnos toda la información
requerida.
INDICACIONES: Marque con una x el literal de su respuesta.
II. DATOS DE CLASIFICACIÓN.
- Tipo de institución: a) Pública � b) Privada �
153
III. CUERPO DEL CUESTIONARIO
1. ¿Considera usted a la Universidad Francisco Gavidia como una opción para cursar
su carrera universitaria? a) Si � b) No �
2. ¿Tiene usted acceso a Internet? a) Si � b) No �
3. ¿Con qué frecuencia navega en Internet? a) Mucho � b) Poco � c) Nunca �
4. ¿Desde qué lugares se conecta a Internet?
a) Lugar de estudio � b) Casa � c) Cibercafes � d) Otros �
5. ¿Le gustaría contar con un sitio Web que le oriente sobre la infraestructura,
requisitos y procesos de matrícula de la universidad en la que pretende estudiar?
a) Si � b) No �
6. ¿Qué elementos le gustaría encontrar en dicho sitio Web?
a) Infraestructura � b) Aranceles � c) Requisitos de Ingreso �
d) Planes de Estudio � e) Procesos de Matrícula � f) Todos los anteriores �
g) Otros:_____________________________
154
ANEXO III. CRONOGRAMA.
TIEMPO (MESES)
ACTIVIDADES OCTUBRE NOV. DIC. ENERO FEBRERO MARZO ABRIL MAYO JUNIO JULIO
1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4Formulación del Problema Investigación de Campo Desarrollo de Encuestas Análisis de Encuestas Análisis de Situación Actual Análisis de Requerimientos Diseño Lógico de la Solución Diseño del Entorno Gráfico Definición de Servicios a implementar Definición de Plataforma de Software Estructura de Datos Primera Defensa Correcciones Desarrollo de la Solución (Aplicativo) Prueba del Aplicativo Documentación Entrega del Producto Defensa Final
155
ANEXO IV. GLOSARIO
APLICACIÓN
Es el problema o conjunto de problemas para los que se diseña una solución
mediante computadora. Ejemplos de aplicaciones son los procesadores de texto, las
bases de datos y las hojas de cálculo.
BACKUP
Copia de seguridad. Se hace para prevenir una posible pérdida de información.
BYTE
Grupo de bits adyacentes operados como una unidad, (grupos de 8 bits).
BUSCADORES
Son programas o Motores de búsqueda que permiten localizar en Internet aquella
información que es de nuestro interés, para ello sólo basta poner la palabra o
combinación de palabras que deseamos buscar y nos sale una lista con todas las
WEB que contienen dicha palabra.
CABECERA
Encabezamiento de un impreso o documento. También se aplica a la información
preliminar incluida al comienzo de un bloque de datos relativa al bloque siguiente.
CLIENTE/SERVIDOR
Describe un sistema en el que una máquina cliente solicita a una segunda máquina
llamada servidor que ejecute una tarea específica.
CÓDIGO
Es un conjunto de símbolos y reglas que sirven para representar datos de forma que
puedan ser reconocidos por una computadora.
156
CONFIGURACIÓN
Es un conjunto de opciones que se seleccionan antes de empezar a trabajar con un
dispositivo y que sirven para especificar precisamente su modo de funcionamiento,
adaptándolo a las especiales condiciones de su hardware.
FTP
File Transfer Protocol. Protocolo de Transferencia de Archivos. Uno de los protocolos
de transferencia de ficheros mas usado en Internet.
HERRAMIENTA
Término aplicado a un programa que desarrolla servicios específicos.
HOST
Anfitrión. Computador conectado a Internet. Computador en general.
IMPLEMENTACIÓN
Es una forma de llevar a la práctica un determinado concepto de diseño bajo unas
ciertas circunstancias.
IP
Protocolo Internet. Es un protocolo de bajo nivel para redes que describe la manera
cómo el usuario puede comunicarse con los miembros Internet. Es la misma IP de
TCP/IP
JAVASCRIPT
Formalmente llamado LiveScript, este lenguaje fue desarrollado por Netscape.
Concebido después del JAVA; su principal diferencia radica en que el programa se
halla embebido en un archivo HTML, en lugar de ser un ejecutable que se carga
cuando usted carga una página de Web.
157
MÓDULO
Término referido a componentes de un programa o sistema que se pueden identificar
por separado y a los que es posible dirigirse también separadamente. Es equivalente
al término segmento.
PORTAL
Portal es un término, sinónimo de puente, para referirse a un Sitio Web que sirve o
pretende servir como un sitio principal de partida para las gentes que se conectan al
World Wide Web.
SITIO WEB
Es un conjunto de archivos electrónicos y páginas Web referentes a un tema en
particular, que incluye una página inicial de bienvenida, generalmente denominada
home page, con un nombre de dominio y dirección en Internet específicos.
URL
Universal Resource Locator. Nombre genérico de la dirección en Internet, Indica al
usuario dónde localizar un archivo HTML determinado, en la Web.
USUARIO
Cualquier individuo que interactúa con la computadora a nivel de aplicación. Los
programadores, operadores y otro personal técnico no son considerados usuarios
cuando trabajan con la computadora a nivel profesional.
158
ANEXO V. SIGLAS ADSL: Línea de Abonado Digital Asimétrica
UFG: Universidad Francisco Gavidia.
RDSI: Red Digital de Servicios Integrados
159
MANUAL DE USUARIO
“TOUR VIRTUAL POR LA
UNIVERSIDAD FRANCISCO
GAVIDIA”
Elaborado por: Néstor Yubiny Merino
Denis Alexander Meléndez Ramírez
Jorge Alberto Minero Chávez
160
INDICE.
1. INTRODUCCIÓN…….………………………………………………………….... 1
2. OBJETIVOS…………………………………………………………................... 2
3. PAGINA PRINCIPAL DE LA UFG……………………………………………… 3
4. ANIMACION DE INTRODUCCION…………………………..……………….… 4
5. CAMPUS UNIVERSITARIO………………………….………….……………….5
6. VISUALIZACION DE MACROPROCESOS…………………………….………6
7. BUSCADOR INTERNO…………………………………..……………….………8
8. ANIMACIONES A 360º…………………………………………………..…….… 11
9. MAPA DE UBICACIÓN GEOGRAFICA DE LA UFG….……………….……..12
161
1. INTRODUCCION
Los manuales surgieron por la necesidad de usar herramientas para establecer los
lineamientos que permitieran definir con claridad el desarrollo de una actividad dentro
de una estructura organizacional. Los manuales de usuario sirven como una fuente
de consulta, ya que definen e informan la manera de llevar a cabo una determinada
actividad.
Los manuales de usuario son presentados en un documento accesible y claro, que
permiten encontrar una solución a los problemas relacionados con la forma de operar
un sistema sin necesidad de preguntar al diseñador, eliminando tiempo ocioso al
contar con ellos de manera inmediata como instrumento de información y consulta.
162
2. OBJETIVOS
A) OBJETIVO GENERAL
Proporcionar una herramienta que facilite la utilización del Tour Virtual por la
Universidad Francisco �aviria, logrando así un mejor aprovechamiento de
este proyecto .
B) OBJETIVOS ESPECIFICOS
Mostrar la forma de utilizar el Tour Virtual por la UFG.
Detallar cada una de las partes en las que se compone el Tour Virtual.
Precisar la secuencia lógica del funcionamiento del Tour Virtual
163
3. PAGINA PRINCIPAL DE LA UFG
Se ingresa a la página principal de la Universidad Francisco �aviria
(http://www.ufg.edu.sv).
En esta página se encuentra un icono al cual se da clic para ingresar al Tour Virtual
por la UFG
Dar clic
164
4. ANIMACION DE INTRODUCCION
Al ingresar se muestra una animación que representa la introducción al Tour Virtual.
Si se desea pasar por alto la introducción, entonces debe hacer clic en “Saltar Intro”
e inmediatamente ingresara a la pagina donde se muestra el Campus Universitario
de la UFG, en caso contrario se correrá toda la presentación y se ingresara dando
clic en “ENTRAR”.
165
5. CAMPUS UNIVERSITARIO
Esta es la pagina Web donde se muestra el Campus Universitario de la UFG.
Esta pantalla permite seleccionar el edificio en donde se lleva a cabo un proceso en
particular que se desea consultar. Al dar clic sobre el edificio de interés, se despliega
al lado izquierdo de la pantalla el listado de los procesos relacionados a dicho
edificio.
Por ejemplo al dar clic en el edificio “A”, se despliegan al lado izquierdo los
macroprocesos que se llevan a cabo en el edificio A.
166
6. VISUALIZACION DE MACROPROCESOS
Si se da clic por ejemplo en “Préstamo de Equipo Audiovisual”, se ingresa a la
página Web donde se muestra toda la información correspondiente a ese
macroproceso.
A. Animación: Es una animación donde se muestra el recorrido para realizar el
macroproceso seleccionado, muestra un mini croquis de la ubicación y
además una serie de fotografías según se vaya avanzando.
B. Fotos Estáticas: Son 5 fotografías estáticas del macroproceso de interés, al
dar clic sobre alguna de ellas se abre una nueva ventana con la fotografía
seleccionada como se muestra en la pantalla siguiente.
A
B
C
167
C. Regresar: Dando clic en el botón “Regresar”, se retorna a la página de
presentación del Campus Universitario, donde se puede seleccionar otro
nuevo edificio con sus respectivos macroprocesos.
168
7. BUSCADOR INTERNO
El Tour Virtual cuenta con un buscador interno propio del sitio, al cual se accede
dando clic en el icono “Búsqueda Interna”, al hacer esto se muestra la siguiente
pantalla:
Se escribe la palabra del tópico a buscar y luego se da clic en el botón “Buscar” o
en la tecla “Enter”.
169
Si la palabra a buscar coincide con la información almacenada en el Tour Virtual,
entonces se muestran los macroprocesos relacionados a esa palabra y se accede a
ellos dando clic en el macroproceso de interés.
170
Si la palabra a buscar no coincide con la información almacenada en el Tour Virtual,
entonces se muestra la siguiente pantalla confirmando que la palabra de búsqueda
no se encontró en el Tour Virtual, lo cual significa que no forma parte de la
información almacenada, sin embargo puede encontrar información adicional que le
ayude en su búsqueda dando clic en la palabra “Aquí” como se indica a
continuación..
Dando clic en “Aquí” se encontrara información general de la UFG con el propósito
de ayudarle en su búsqueda.
Dando clic en “Regresar” se retorna a la pagina donde se muestra el campus
universitario.
171
8. ANIMACIONES A 360º
El Tour Virtual cuenta con animaciones a 360°.
Si se da clic en el icono de animaciones a 360°, se abre una ventana donde se
muestran las animaciones.
Se elige la animación que se desea ver, seleccionándola de una lista desplegable.
172
9. MAPA DE UBICACIÓN GEOGRAFICA DE LA UFG
El Tour Virtual cuenta con un mapa donde se muestra la ubicación geográfica de la
UFG, se entra dando clic en el link “Ver Ubicación Geográfica de la UFG”, y se
muestra la siguiente pantalla:
173
Haciendo clic en cualquier lugar de la imagen anterior se ingresa a la ubicación
geográfica de la UFG en San Salvador:
Dando clic en “Regresar” se retorna a la pagina donde se muestra el campus
universitario:
174
MANUAL TECNICO
“TOUR VIRTUAL POR LA
UNIVERSIDAD FRANCISCO
GAVIDIA”
Elaborado por: Néstor Yubiny Merino
Denis Alexander Meléndez Ramírez
Jorge Alberto Minero Chávez
175
INDICE.
1. INTRODUCCIÓN………………………………………………………………….. 1
2. OBJETIVOS………………………………………………………….................... 2
3. REQUERIMIENTOS DE HARWARE………………………............................. 3
3.1. CLIENTE……………………….................................................................3
3.2. SERVIDOR…………………….................................................................3
4. REQUERIMIENTOS DE SOFTWARE………………………........................... 4
4.1. CLIENTE……………………….................................................................4
4.2. SERVIDOR…………………….................................................................4
4.3. SOFTWARE DE DESARROLLO............................................................4
5. REQUERIMIENTOS DE RECURSO HUMANO………………....................... 5
5.1. PERFIL DEL WEBMASTER………………………................................. 5
5.2. PERFIL DEL DISEÑADOR GRAFICO…………………....................... 5
6. PASOS PARA LA INSTALACION……………………………………………… 6
7. INFORMACION PARA AGREGAR NUEVOS PROCESOS…………….…... 13
8. MATRIZ USUARIOS VRS. PROCESOS Y SERVICIOS………….…………..15
9. MATRIZ PROCESOS VRS. EDIFICIOS…………………………………….…. 16
10. CATALOGO DE PROCESOS………………………………..…………………17
11. IMPLEMENTACION DE MACROPROCESOS EN EL TOUR VIRTUAL…..22
12. PASOS PARA INGRESAR PROCESOS……………………………..……….24
13. CATALOGO DE PROGRAMAS…………….….............................................25
14. DIAGRAMA JERARQUICO…………….…....................................................26
14.1. DIAGRAMA JERARQUICO DE PAGINA WEB DE VISUALIZACION……...26
14.2. DIAGRAMA JERARQUICO DE PAGINA WEB DE MANTENIMIENTO……..27
176
15. DISEÑO DE PANTALLAS……………………………………..…………...…..28
16. PAGINA INDEX1………………………………………………..….…..………..51
17. PAGINAS WEB DEL CONTENIDO DE CADA PROCESO…………….…..53
18. FOTOS A 360 GRADOS……………………………………………….….........54
18.1. CÓDIGO DE LA PÁGINA WEB…………….……………………..........55
19. BUSCADOR INTERNO…………….……………………………………………56
177
1. INTRODUCCION
El uso de los manuales data de los años de la Segunda Guerra Mundial, surgieron
por la necesidad de usar herramientas para establecer los lineamientos que
permitieran definir con claridad el desarrollo de una actividad dentro de una
estructura organizacional. Los manuales técnicos funcionan como una fuente de
consulta, ya que definen e informan la manera de llevar a cabo las actividades, por lo
tanto, son de gran utilidad en la reducción de errores, ayudan a capacitar sobre un
tópico de interés y otras ventajas.
Los manuales técnicos son presentados en un documento accesible y claro, que
permite al usuario encontrar una solución a los problemas relacionados con la forma
de realizar las funciones y actividades del sistema sin necesidad de preguntar al
diseñador, eliminando tiempo ocioso al contar con ellos de manera inmediata como
instrumento de información y consulta.
En el siguiente manual técnico se encuentran redactadas las actividades que se
desarrollan en el proceso de mantenimiento del Tour Virtual, es una guía detallada
que muestra la forma secuencial y ordenada de realizar una modificación a la
estructura actual del Tour Virtual.
178
2. OBJETIVOS
C) OBJETIVO GENERAL
Proporcionar una herramienta que facilite realizar cambios o modificaciones a
la estructura actual del Tour Virtual por la Universidad Francisco Gavidia.
D) OBJETIVOS ESPECIFICOS
Presentar una visión de conjunto de la página Web de Mantenimiento del Tour
Virtual.
Precisar las operaciones de la página Web de Mantenimiento.
Precisar la secuencia lógica de las actividades de la página Web de
Mantenimiento.
Facilitar el Mantenimiento del Tour Virtual
179
3. REQUERIMIENTOS DE HARDWARE
3.1. CLIENTE
En cuanto a los requerimientos que debe poseer el equipo de los usuarios tanto
dentro como fuera de la UFG para hacer uso del Tour Virtual, se recomiendan los
siguientes:
REQUERIMIENTOS RECOMENDADOS PARA EL EQUIPO DE USUARIOS
MÍNIMOS STANDAR ÓPTIMOS
PROCESADOR PENTIUM II PENTIUM III PENTIUM IV
VELOCIDAD 266 MHZ 500 – 600 MHZ 2.0 GHZ
MEMORIA PRINCIPAL 64 MB 128 MB 256 MB
MONITOR SVGA 14” SVGA 15” SVGA 17”
TARJETA DE RED 10/100 10/100 10/100
MODEM 56 KBPS 56 KBPS 56 KBPS
3.2. SERVIDOR
REQUERIMIENTOS RECOMENDADOS PARA SERVIDOR
STANDAR ÓPTIMOS
PROCESADOR PENTIUM III PENTIUM IV
VELOCIDAD 1.2 GHZ 2.5 GHZ
MEMORIA PRINCIPAL 256 MB 512 MB
MONITOR SVGA 15” SVGA 17”
TARJETA DE RED 10/100 10/100
MODEM 56 KBPS 56 KBPS
180
4. REQUERIMIENTOS DE SOFTWARE
4.1. CLIENTE
a) Acceso a Internet.
b) Internet Explorer.
c) Maquina virtual de Java (Ya existe un vinculo en el Tour Virtual para poder
descargar esta aplicación)
d) Macromedia Flash Player 6.0
4.2. SERVIDOR
a) Windows 2000 Server ó Windows 2003 Server
4.3. SOFTWARE DE DESARROLLO
El Software necesario, es el siguiente:
SOFTWARE TIPO ESPECIFICACIONES
SISTEMA OPERATIVO WINDOWS 9X, 2000, XP
DISEÑO GRÁFICO ADOBE PHOTOSHOP 7.0,
DISEÑO
TRIDIMENSIONAL
ULEAD COOL 360°
ANIMACIÓN MACROMEDIA FLASH MX
PROGRAMACIÓN HTML HTML, DHTML, XML, ASP.
BASE DE DATOS MICROSOFT ACCESS.
181
5. REQUERIMIENTOS DE RECURSO HUMANO
En cuanto al recurso humano necesario para el desarrollo de este proyecto se
recomienda contar con el siguiente personal:
No. CARGO FUNCIONES DESCRIPCIÓN
1
Web master
Mantenimiento de páginas
WEB
Realizara las funciones de
mantenimiento del Tour Virtual:
agregar, eliminar, modificar, etc.
Y diseñara las animaciones
correspondientes a dicho Tour
Virtual.
1 Diseñador
Gráfico
Encargado de realizar todo
lo relacionado a diseño
digital.
Diseño y retoque de imágenes,
edición de fotografías, etc.
5.1. PERFIL DEL WEBMASTER
a) Conocimientos:
- Manejo de Sistema Operativo Windows 2000 y 2003 Server
- Lenguajes de Programación HTML, ASP, DHTML y XML
- Uso de Macromedia Flash.
- Administración de Bases de Datos MS ACCESS
5.2. PERFIL DEL DISEÑADOR GRAFICO
a) Conocimientos:
- Diseño Gráfico en Photoshop 7.0
- Diseño Tridimensional en Ulead Cool 360°
182
6. PASOS PARA LA INSTALACION
1. Se ingresa al panel de control del servidor y se busca en “Herramientas Administrativas” el icono de “Servicios de Internet Information Server”
2. Dentro de la Carpeta de Sitios Web, se selecciona “Sitio Web Predeterminado”, Clic Derecho sobre la opción y en el menú se elije la opcion Nuevo Directorio Virtual
183
3. Aparecerá el Asistente para la creación de un directorio virtual, al cual le pondremos “tour” como alias o nombre, y le damos click a siguiente.
4. En está opcion se buscará dentro del disco duro del servidor la localización de la carpeta “tour” en la cual se encuentra nuestro aplicativo.
184
5. En el siguiente paso, se definen los permisos de acceso que tendrán todos los
usuarios a este directorio, los cuales son permisos de lectura, Ejecutar secuencias de comandos y escritura, luego clic en Siguiente y después Finalizar para cerrar el asistente.
6. Luego nos posicionamos en el directorio virtual “tour” recién creado para realizar la siguiente secuencia: Clic Derecho y en el menú se elije la opción Nuevo Directorio Virtual
185
7. Aparecerá el Asistente para la creación de un directorio virtual, al cual le pondremos “DATA” como alias o nombre, y le damos click a siguiente.
8. En está opción se busca en el disco duro dentro de la carpeta “tour” la carpeta que contiene la base de datos, la cual se llama “DATOS”
186
9. Luego se definen los permisos de acceso que tendrán todos los usuarios a
este directorio, los cuales son permisos de lectura, Ejecutar secuencias de comandos y escritura, luego clic en Siguiente y después Finalizar para cerrar el asistente.
10. A continuación nos posicionamos en el directorio virtual “tour” recién creado para realizar la siguiente secuencia: Clic Derecho y en el menú se elije la opción Nuevo Directorio Virtual
187
11. Aparecerá el Asistente para la creación de un directorio virtual, al cual le
pondremos “MODULES” como alias o nombre, y le damos click a siguiente.
12. En está opción se busca en el disco duro dentro de la carpeta “tour” la carpeta que contiene los módulos a utilizar, la cual se llama “MODULES”
188
13. Al final se definen los permisos de acceso que tendrán todos los usuarios a este directorio, los cuales son permisos de lectura, Ejecutar secuencias de comandos y escritura, luego clic en Siguiente y después Finalizar para cerrar el asistente.
14. Después de todo esto, nos quedará en el “Internet Information Server” una estructura como la que se muestra a continuación, dejando nuestra aplicación debidamente configurada para poder verse en Internet.
189
7. INFORMACION PARA AGREGAR NUEVOS PROCESOS
A) Nombre del proceso.
Es el titulo o nombre del proceso de interés, por ejemplo: “Adición de asignaturas”
B) Descripción.
Es una breve explicación sobre en que consiste un determinado proceso, como por
ejemplo: “Consiste en adicionar (agregar) una asignatura a la inscripción original”.
C) Requisitos.
Consiste en los requisitos que los estudiantes deben cumplir o que deben mostrar al
momento de realizar un proceso administrativo o académico, como por ejemplo:
1.- Carnet de estudiante del año vigente.
2.- Comprobante de inscripción de asignaturas.
D) Pasos.
Son los pasos que se llevan a cabo para realizar un proceso en particular, como por
ejemplo:
1.- Retirar formulario provisional de movimientos académicos.
2.- Completar correctamente el formulario.
3.- Entregar el formulario al personal responsable de esa función.
4.- Revisar y firmar el comprobante de movimientos académicos.
190
E) Edificio donde se realiza el proceso.
Es el edificio donde inicia el primer paso de un proceso en particular, por ejemplo:
“Edificio Inteligente”.
F) Fotos panorámicas.
Son fotografías estáticas, es decir fotos de los edificios, unidades, oficinas, etc. que
se van mostrar en el Tour Virtual sobre un proceso en particular.
Se recomienda tomar el mayor numero de fotografías que se puedan para luego
elegir cual se adapta mas a las necesidades y se recomienda tomar en cuenta la
técnica que se explica en la sección 2.15.
Una foto panorámica del Tour Virtual es como se presenta a continuación:
En el caso del Tour Virtual, las fotos panorámicas tienen una medida de 250 x 250
píxeles lo cual permite que sean fotos que ocupen poco espacio de almacenamiento.
G) Animaciones en Macromedia Flash
Son las animaciones que muestran gráficamente el recorrido que se lleva a cabo
para realizar un proceso en particular. Estas animaciones están diseñadas en
Macromedia Flash.
191
8. MATRIZ USUARIOS VRS. PROCESOS Y SERVICIOS
Usuarios Estudiantes Estudiantes Estudiantes Potenciales Personal Adtivo
Procesos Activos de Reingreso y Pùblico en General y Docentes Solicitud al Consejo Directivo a) Tercera matrìcula X X b) Cambio de carrera X X c) Retiro de ciclo X d) Otros X X Solicitud de exàmen diferido X Movimientos acadèmicos a) Adisciòn de Asignaturas X b) Retiro Parcial de Asignaturas X c) Cambio de Grupo Clases X Procesos de Ingreso a) Nuevo Ingreso X b) Equivalencias X X X c) Reingreso X Proceso de inscripciòn de materias X X X Solicitud de Constancias a) Constancia de Notas X b) Constancia de estudio X c) Traslados X Reposiciòn de Talonario X Reposicicòn de Carnet X Solicitud de revisiòn de expediente X X Solicitud de Tràmites de egreso X Solicitud de Laptop y Cañòn X X Solicitud de Recursos Audiovisuales X X Uso de Red Local Central 1 X X Uso de Red Local Central 2 X X Uso de Red Local Central 3 X X Uso de Red Local Central 4 X X Uso de Red Local de Diseño Grafico X X Uso de computadoras de pasillos X X Uso de computadoras de Biblioteca X X Impresiòn remota x x Solvencias a) Solvencia de Biblioteca x x b) Solvencia de contabilidad x x c) Solvencia de Centro de Còmputo x Solvencia de Laboratorio a) De Ciencias Bàsicas y Aplicadas x b) De Idiomas x c) De Diseño Grafico x d) De FACET x
Referencia: Procesos y Servicios autorizados por las máximas autoridades de la UFG según el Manual de calidad.
192
9. MATRIZ PROCESOS VRS. EDIFICIOS
Edificios Edificio Edificio
Centro Cultural Edificio Biblioteca
Procesos A Inteligente Estudiantil
Administrativo
Solicitud al Consejo Directivo a) Tercera matrícula x b) Cambio de carrera x c) Retiro de ciclo x Solicitud de exàmen diferido x x Movimientos académicos a) Adición de Asignaturas x b) Retiro Parcial de Asignaturas x c) Cambio de Grupo Clases x Procesos de Ingreso a) Nuevo Ingreso x x b) Equivalencias x x c) Reingreso x x Procesos de inscripción de materias x Solicitud de Constancias a) Constancia de Notas x b) Constancia de estudio x c) Traslados x Reposición de Talonario x x Reposición de Carnet x x Solicitud de revisiòn de expediente x Solicitud de Tràmites de egreso x Solicitud de Laptop y Cañòn x Solicitud de Recursos Audiovisuales x Uso de Red Local Central (Còmputo 1) x Uso de computadoras de pasillos x Uso de computadoras de Biblioteca x Solvencias a) Solvencia de Biblioteca x b) Solvencia de contabilidad x c) Solvencia de Centro de Còmputo x Solvencia de Laboratorio a) De Ciencias Bàsicas y Aplicadas x b) De Idiomas x c) De Diseño Grafico x d) De FACET x
193
10. CATALOGO DE PROCESOS
ADICION DE ASIGNATURAS Descripción
Este movimiento académico consiste en adicionar (agregar) una
asignatura a la inscripción original siempre y cuando haya cumplido
con los requisitos correspondientes y haber pasado por la asesoría
en su respectiva Facultad.
Requisitos 1.- Carnet de estudiante del año vigente.
2.- Comprobante de inscripción de asignaturas.
Pasos
1.- Retirar formulario provisional de movimientos académicos en
segunda planta de Biblioteca de tesis digitalizadas.
2.- Completar correctamente el formulario.
3.- Entregar el formulario al personal ubicado en la segunda planta
de la Biblioteca para su digitación.
4.- Revisar y firmar el comprobante de movimientos académicos.
RETIRO DE ASIGNATURAS
Descripción Este movimiento académico consiste en retirar una asignatura de la
inscripción original.
Requisitos 1.- Carnet de estudiante del año vigente.
2.- Comprobante de inscripción de asignaturas.
Pasos
1.- Retirar formulario provisional de movimientos académicos en
segunda planta de Biblioteca de tesis digitalizadas.
2.- Completar correctamente el formulario.
3.- Entregar el formulario al personal ubicado en la segunda planta
de la Biblioteca para su digitación.
4.- Revisar y firmar el comprobante de movimientos académicos.
CAMBIO DE GRUPO / CLASE
Descripción Es el movimiento académico que consiste en cambiar el grupo de
clase (horario) de una o dos asignaturas de la inscripción original.
Requisitos 1.- Carnet de estudiante del año vigente.
2.- Comprobante de inscripción de asignaturas
Pasos
1.- Retirar formulario provisional de movimientos académicos en
segunda planta de Biblioteca de tesis digitalizadas.
2.- Completar correctamente el formulario.
3.- Entregar el formulario al personal ubicado en la segunda planta
de la Biblioteca para su digitación.
4.- Revisar y firmar el comprobante de movimientos académicos.
194
SOLICITUD DE EXAMEN DIFERIDO Descripción
El examen diferido, es un examen que se lleva a cabo en un período
después de las pruebas objetivas cuando los estudiantes han tenido
algún inconveniente de fuerza mayor para realizar la prueba objetiva en
su fecha ordinaria.
Requisitos
1.- Constancia donde se expresa las razones que imposibilitaron realizar
la prueba objetiva.
2.- Carnet de estudiante del año vigente.
3.- Contar con la autorización del catedrático de la materia.
Pasos
1.- Retirar formulario de solicitud de prueba diferida en Secretaría del
Decanato correspondiente a la materia a reponer.
2.- Presentar el formulario con la firma del catedrático en la Secretaría del
Decanato correspondiente a mas tardar 8 días antes de la fecha en que
esta programada la prueba diferida.
3.- Revisar en las carteleras correspondientes las resoluciones a las
solicitudes 4 días antes de la fecha en que se efectuara la prueba
diferida.
4.- Si su solicitud es aprobada se deberá cancelar el respectivo arancel
en la colecturía de la UFG.
5.- Presentarse el día y la hora señalado para la realización del examen
con el recibo de pago correspondiente y en lugar que se indique.
195
PRESTAMO DE EQUIPO AUDIOVISUAL (ESTUDIANTES) Descripción
Este servicio permite que los estudiantes puedan hacer uso de equipo
audiovisual, específicamente equipo computacional (Laptop, proyector de
multimedia y regulador de voltaje).
Requisitos 1.- Carnet de estudiante del año vigente.
Pasos
1.- Solicitar disponibilidad de equipo audiovisual en el Departamento
UFGnet.
2.- Retirar solicitud de equipo audiovisual en el Departamento UFGnet.
3.- Presentar en UFGnet la solicitud de equipo audiovisual
completamente llena.
4.- Cancelar en Colecturía de la UFG el arancel según mandamiento de
pago extendido en UFGnet a más tardar 24 horas después de la
aprobación.
5.- Entregar en UFGnet la factura debidamente cancelada por el uso de
equipo audiovisual.
6.- Presentarse en el Departamento UFGnet 5 minutos antes a la hora
señalada en la solicitud de equipo audiovisual.
7.- Presentarse a UFGnet a la hora de devolución indicada para entregar
el equipo audiovisual.
PRESTAMO DE EQUIPO AUDIOVISUAL (DOCENTES YPERSONAL ADMINISTRATIVO)
Descripción
Este servicio permite que los docentes y personal administrativo puedan
hacer uso de equipo audiovisual, específicamente equipo computacional
(Laptop, proyector de multimedia y regulador de voltaje). Requisitos 1.- Carnet de empleado o Docente del a UFG del año vigente.
Pasos
1.- Solicitar disponibilidad de equipo audiovisual en el Departamento
UFGnet.
2.- Retirar solicitud de equipo audiovisual.
3.- Presentar en UFGnet la solicitud de equipo audiovisual
completamente llena.
4.- Presentarse en el Departamento UFGnet 5 minutos antes a la hora
señalada en la solicitud de equipo audiovisual.
7.- Presentarse a UFGnet a la hora de devolución indicada para entregar
el equipo audiovisual.
196
PRESTAMO DE EQUIPO AUDIOVISUAL (USUARIOS EXTERNOS) Descripción
Este servicio permite que usuarios externos (Personas ajenas a la
comunidad universitaria de la UFG) puedan hacer uso de equipo
audiovisual, específicamente equipo computacional (Laptop, proyector de
multimedia y regulador de voltaje).
Requisitos
1.- Documento de Identidad Única.
2.- Autorización del Director de Tecnología y Comunicaciones.
Pasos
1.- Solicitar Autorización del Director de Tecnología y Comunicaciones.
2.- Solicitar disponibilidad de equipo audiovisual en el Departamento
UFGnet.
3.- Retirar solicitud de equipo audiovisual en el Departamento UFGnet.
4.- Presentar en UFGnet la solicitud de equipo audiovisual completamente
llena.
5.- Entregar en UFGnet la factura debidamente cancelada por el uso de
equipo audiovisual.
6.- Presentarse en el Departamento UFGnet 5 minutos antes a la hora
señalada en la solicitud de equipo audiovisual.
7.- Presentarse a UFGnet a la hora de devolución indicada para entregar el
equipo audiovisual.
197
INSCRIPCION DE ASIGNATURAS (NUEVO INGRESO) Descripción
Es el proceso por medio del cual los estudiantes legalizan su rol
universitario, es decir que ingresan como estudiantes activos de la UFG.
Requisitos 1. Comprobante de realización de curso Pre-Universitario
Pasos
1.- Presentarse en la Unidad de Nuevo Ingreso para que se asigne
número de carnet.
2.- Retirar talonario de pagos en Unidad de Nuevo Ingreso.
3.- Cancelar derechos de inscripción, matrícula y primera cuota en
colecturía o en bancos autorizados.
4.- Retirar hoja de asesoría e inscripción de asignaturas provisional en
edificio B.
5.- Seleccionar el Horario de asignaturas según conveniencia y completar
la hoja de de inscripción de asignaturas provisional.
6.- Recibir asesoría por Docentes de su Facultad en la segunda planta de
la Biblioteca Central.
7.- Presentar hoja de asesoría e inscripción de asignaturas provisional a
un inscriptor en la Red Local Central para la inscripción oficial.
8.- Tomarse la fotografía para el carnet del año vigente en la Red Local
Central.
198
11. IMPLEMENTACION DE MACROPROCESOS EN EL TOUR VIRTUAL
Para que una persona dentro de la Universidad solicite que un nuevo Macro proceso
sea agregado al Tour Virtual deberá de cumplir los siguientes pasos:
a. Presentarse a la Dirección de Tecnología y Comunicaciones (la cual es la unidad
encargada de administrar el Tour Virtual), a llenar la solicitud correspondiente.
b. Llenar correctamente la solicitud con todos los campos requeridos y entregarla a la
persona designada por la Dirección de Tecnología y Comunicaciones (DTC)
c. La persona designada por la DTC, revisa la solicitud y verifica que los campos
estén llenados correctamente, aprueba o deniega la solicitud previo estudio de la
misma.
d. La solicitud aprobada pasa a manos del Webmaster encargado del mantenimiento
del Tour para la recopilación de datos, fotografías y animaciones para ser utilizadas
en la elaboración del nuevo macro proceso.
e. El diseñador gráfico da formato a las imágenes para ser utilizadas.
f. El Webmaster una vez tenga todos los recursos necesarios para poder ingresar el
Macro proceso al Tour, procede a hacerlo.
El formato de solicitud para la creación de nuevos Macro Procesos que se propone
es el siguiente:
199
PARA USO ADMINISTRATIVO Nombre del que recibe:_____________________________________ Fecha:____________ Observaciones:_____________________________________________________________ _________________________________________________________________________
APROBADA DENEGADA
Firma:______________________________
UNIVERSIDAD FRANCISCO GAVIDIA DIRECCION DE TECONLOGIA Y COMUNICACIONES
SOLICITUD DE ADICION DE MACROPROCESO AL TOUR VIRTUAL
DATOS GENERALES
Nombre del Solicitante:___________________________________ Firma:________________ Unidad a la que Pertenece:_________________________________Carnet:_______________
INFORMACION DEL MACROPROCESO
Nombre Propuesto:_________________________________________________________ Ubicación dónde se realiza___________________________________________________ Descripción:_______________________________________________________________ _________________________________________________________________________ Requisitos: _______________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ Pasos:___________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________
200
12. PASOS PARA INGRESAR PROCESOS
1. Recopilar la información correspondiente al proceso que se va a ingresar al
Tour Virtual por la UFG: a) Nombre del proceso, b) descripción, c) requisitos,
d) pasos, e) edificio donde se realiza el proceso, f) fotos panorámicas, g)
animaciones de Flash.
2. Entrar a la página Web de mantenimiento del Tour Virtual y procesar la
información correspondiente al proceso de interés.
3. Ver los resultados en la página principal del Tour Virtual y si es necesario
realizar modificaciones, se debe ingresar de nuevo a la pagina Web de
mantenimiento.
201
13. CATALOGO DE PROGRAMAS.
No. PROGRAMA ASP
FUNCION
1 _upload Es el programa utilizado para almacenar las imágenes de un proceso en particular.
2 add Es el programa utilizado para ingresar el nombre de un nuevo proceso, descripción, edificio donde se realiza dicho proceso, y el número de requisitos y pasos que tendrá dicho proceso.
3 add2 Es el programa utilizado para ingresar los requisitos y los pasos que se llevan a cabo de un determinado proceso.
4 add3 5 add4 Es el programa utilizado para ingresar una imagen a un proceso en particular. 6 add4-mod Es el programa utilizado para ingresar una animación o una imagen a un
proceso en particular. 7 add5 Es el programa que muestra el resumen de los procesos que se han agregado a
la base de datos con sus respectivos campos. 8 add-ani Es el programa utilizado para ingresar las animaciones de un determinado
proceso en particular. 9 del1 Es el programa de mantenimiento utilizado para elegir el nombre de un proceso
en particular que se desea eliminar. 10 del2 Es el programa que muestra un resumen del proceso que se ha seleccionado
para eliminar. 11 del3 Es el programa que muestra el mensaje de que si el proceso ha sido eliminado
satisfactoriamente o no, y permite redireccionar a la pagina de la lista general de procesos de mantenimiento.
12 mod1 Es el programa que permite seleccionar el nombre del proceso y la operación de mantenimiento que se desea realizar (Agregar, modificar, eliminar).
13 mod21 Este es el programa utilizado para agregar nuevos procesos al Tour Virtual. 14 mod22 Es el programa utilizado para agregar nuevos requisitos y pasos a un
determinado proceso. 15 mod23 16 mod24 Es el programa que permite modificar un proceso específicamente añadiendo
nuevas imágenes o animaciones a dicho proceso. 17 mod24-mod 18 mod25 Es el programa que muestra el resumen del proceso que ha sido modificado. 19 mod26 20 mod27 Es el programa que permite seleccionar la información que se desea eliminar
específicamente los requisitos, pasos, imágenes y animaciones de un determinado proceso.
21 mod28 Es el programa que muestra el mensaje de que si los procesos han sido eliminados satisfactoriamente o no y luego redirecciona a la pagina del resumen de dicha eliminación.
22 mod-ani Es el programa que sirve para buscar e ingresar a la base de datos las animaciones que se desean de un determinado proceso.
23 que1 Es el programa que se utiliza para elegir un determinado proceso que se desea consultar.
24 que2 Es el programa que muestra el resumen de un proceso que se ha seleccionado para su consulta.
202
14. DIAGRAMA JERARQUICO
14.1. DIAGRAMA JERARQUICO DE PÁGINA WEB DE VISUALIZACION
1.- Croquis UFG: Visualiza el Campus de la UFG y permite seleccionar un edificio
para ver los macro procesos que se realizan en cada uno de ellos
2.- Lista de procesos: Muestra según el edificio seleccionado, un listado de
procesos que se realizan en él dando lugar a que se muestre la pagina de visualizar
proceso.
a) Visualizar Proceso: En ella se muestra la descripción, requisitos, pasos,
animación y fotos estáticas del proceso seleccionado.
3.- Búsqueda Interna: Permite hacer una búsqueda rápida dentro del contenido de
la página del Tour Virtual.
a) Visualizar Búsqueda: Al escribir las palabras claves de lo que se necesita
encontrar, al presionar el botón “buscar”, mostrará los resultados
correspondientes que se encuentren disponibles
4.- Animaciones 360°: Permite visualizar tomas a 360° de algunas de las
instalaciones físicas de la Universidad
1.0. CROQUIS UFG
2.0. LISTA DE PROCESOS
3.0. BUSQUEDA INTERNA
4.0. ANIMACIONES 360°
Presentacion Flash
VISUALIZAR PROCESO
INICIO
VISUALIZAR BUSQUEDA
203
14.2. DIAGRAMA JERARQUICO DE PÁGINA WEB DE MANTENIMIENTO
1.- Agregar Procesos: Permite agregar un nuevo proceso a la base de datos con
sus respectivos elementos.
2.- Modificar procesos: Permite modificar uno o varios aspectos correspondientes a
un proceso en particular. Se pueden realizar tres operaciones:
b) Agregar: Permite modificar un proceso en particular, agregando nuevos pasos,
requisitos, imágenes y animaciones según se requiera.
c) Modificar: Permite modificar la información ya almacenada de un proceso en
particular.
d) Eliminar: Permite eliminar pasos, requisitos, imágenes y animaciones según
se requiera de un proceso en particular.
3.- Eliminar Procesos: Permite eliminar un proceso en particular, aclarando que se
elimina completamente de la base de datos con todos sus componentes.
4.- Consultar Procesos: Muestra un resumen de un proceso con todos los
elementos relacionados a dicho proceso.
INICIO
1.0. AGREGAR PROCESOS
2.0. MODIFICAR PROCESOS
3.0. ELIMINAR PROCESOS
4.0. CONSULTAR PROCESOS
AGREGAR
MODIFICAR
ELIMINAR
204
15. DISEÑO DE PANTALLAS
A) PANTALLA DE AUTENTICACIÓN DE USUARIOS
Permite ingresar a la página Web en la cual se realiza el mantenimiento del Tour
Virtual por la UFG. Esta compuesta por los campos Login (Nombre de usuario) y el
campo Password (Contraseña correspondiente a cada login).
Se aclara que el login y password deben ser escritos exactamente como se crearon
ya que se distingue entre mayúsculas y minúsculas, es decir que si se escribe el
login o el password con mayúsculas y es originalmente con minúsculas no podrá
ingresar al programa de mantenimiento.
Se ingresa el login o nombre de usuario y su respectiva contraseña para poder
ingresar a los módulos correspondientes de mantenimiento
205
Si el login es invalido se mostrara el mensaje “Favor ingrese correctamente su
login” y se puede volver a ingresar los datos para entrar al programa.
Lo mismo pasara si no ingresa correctamente el campo designado para el password.
206
B) PANTALLA DE LISTA GENERAL DE PROCESOS DE MANTENIMIENTO
Es utilizada para seleccionar que operación de mantenimiento se llevará a cabo:
Al hacer clic en el texto “Cerrar sesión” se saldrá de esta aplicación y regresara a la
“Pantalla de autenticación de usuarios”, es decir que permitirá cambiar de usuario.
207
1.0. PANTALLA DE AGREGAR PROCESOS
Permite agregar un nuevo proceso a la base de datos, para ello deben llenarse
correctamente los campos:
Nombre del proceso: Es el titulo o nombre del proceso que se desea agregar.
Descripción del proceso: Corresponde a una breve descripción del proceso.
Edificio en el que se ubica: Corresponde al edifico de la UFG en que comienza el
proceso que se esta llevando a cabo.
Numero de requisitos: Es el numero de requisitos que posee cada proceso.
Numero de pasos: Es el numero de pasos que posee cada proceso.
208
Consideraciones:
a) Si el campo “Nombre del proceso” permanece en blanco, al hacer clic en el
botón continuar se activará una validación, que despliegue un cuadro de
dialogo con el siguiente mensaje “Por favor ingrese el nombre del proceso”
b) Si el campo “Descripción del proceso” permanece en blanco, al hacer clic en el
botón continuar se activará una validación, que despliegue un cuadro de
dialogo con el siguiente mensaje “Por favor ingrese la descripción del
proceso”
c) Si el campo “Nombre del proceso” permanece en blanco, al hacer clic en el
botón continuar se activará una validación, que despliegue un cuadro de
dialogo con el siguiente mensaje “Por favor ingrese el nombre del proceso”
d) Si el campo “Número de requisitos” permanece en blanco, al hacer clic en el
botón continuar se activará una validación, que despliegue un cuadro de
dialogo con el siguiente mensaje “Por favor escriba el número de
requisitos”
e) Si el campo “Número de pasos” permanece en blanco, al hacer clic en el botón
continuar se activará una validación, que despliegue un cuadro de dialogo con
el siguiente mensaje “Por favor escriba el número de pasos”
Al hacer clic en continuar se avanza al siguiente paso.
209
Esta pantalla habilita un número de cajas de texto equivalentes al número de
requisitos y pasos que se ingreso en la “Pantalla Agregar Procesos”, en dichas
cajas de texto se escriben los requisitos y pasos correspondientes al proceso en
cuestión. Al dar clic en continuar se avanza al siguiente paso de agregar procesos.
210
Esta pantalla permite agregar imágenes (Fotos panorámicas de los edificios, oficinas,
etc) relacionadas al proceso de interés.
Se hace clic en el botón “Browse”, para buscar el directorio donde se ubica la
imagen que se va a agregar, luego se hace clic en el botón “Upload files” para subir
la imagen al servidor. Se pueden agregar 5 fotos como máximo, al terminar de
agregar las imágenes se hace clic en el botón terminar para avanzar al siguiente
paso.
Consideraciones:
a) Cada imagen que se agregue no debe exceder de 1 Megabyte de tamaño o 1024
KB.
b) Al hacer clic en “Upload files” el servidor tardara como máximo el tiempo de 2000
segundos como máximo para dar una respuesta.
211
Esta pantalla muestra el resumen de la información correspondiente a un proceso en
particular, que se ingreso en los pasos anteriores.
Se hace clic en el botón “Regresar”, y se avanzara a la pantalla de “Lista General
de Procesos de Mantenimiento” y se podrá realizar otra operación.
212
2.0. PANTALLA DE MODIFICAR PROCESOS
Si se da clic en la opción número 2 (Modificar procesos), se podrán realizar 3
operaciones que son: a) Agregar, b) modificar, c)eliminar.
Se selecciona el nombre del proceso a modificar de una lista desplegable, luego se
elige la operación que se realizara, también de una lista desplegable.
213
a) Agregar: Si se elige agregar luego se da clic en continuar y se avanza al siguiente
paso de modificar procesos.
Se deben llenar los campos “Número de requisitos a agregar” y “Número de
pasos a agregar”, si no se agregan pasos por ejemplo se debe escribir el valor cero
“0”en la caja de texto o campo correspondiente a esta función, lo mismo en el caso
de los requisitos, luego hacer clic en continuar para avanzar al siguiente paso.
214
b) Modificar: Al seleccionar “modificar” de la lista desplegable y hacer clic en
continuar se avanzará al siguiente paso.
215
Esta pantalla permite modificar directamente el texto de los requisitos y/o pasos del
proceso según sea necesario, esto se hace ubicando el cursor en la parte del texto
de interés y se realiza la modificación, luego se hace clic en el botón continuar para
avanzar a la siguiente pantalla que muestra el resumen de la modificación y se hace
clic en regresar para ir a la pantalla de “Lista General de Procesos de
Mantenimiento”.
216
c) Eliminar: Si se selecciona la operación “Eliminar” de modificar procesos y se
hace clic en el botón “Continuar” se avanzar al siguiente paso.
217
Esta pantalla permite elegir que elementos se quieren eliminar, se selecciona
marcando las cajas de selección (Checkbox), luego se hace clic para avanzar al
siguiente paso.
218
Como en el paso anterior se selecciono eliminar imágenes, en esta pantalla se
muestra el listado de las imágenes relacionadas al proceso de interés para poder
seleccionar la(s) imágenes a eliminar, luego se hace clic en “Continuar”.
219
Esta pantalla confirma la eliminación de los elementos mostrando el mensaje “Los
elementos han sido eliminados satisfactoriamente”, se hace clic en “finalizar” y
luego se avanza a la siguiente pantalla.
220
Esta pantalla muestra el resumen de la operación de eliminación que se ha realizado,
se hace clic en el botón “regresar” y se muestra la pantalla “Lista General de
Procesos de Mantenimiento”.
221
3.0. PANTALLA DE ELIMINAR PROCESOS
Al seleccionar el literal 3 (Eliminar procesos) se muestra la pantalla siguiente.
Esta operación permite eliminar todo el proceso por completo. Se selecciona el
proceso a eliminar de la lista desplegable, luego se hace clic en continuar para
avanzar al siguiente paso.
222
Se muestra un resumen de todos los elementos relacionados al proceso que se van
a eliminar, se hace clic en “eliminar” y se avanza al siguiente paso.
223
Pantalla que confirma que “El proceso ha sido eliminado satisfactoriamente”
mediante un mensaje.
Dar clic en “Regresar” para volver a la pantalla “Lista General de Procesos de
Mantenimiento”.
224
4.0. PANTALLA DE CONSULTAR PROCESOS
Al dar clic en el literal 4 (Consultar procesos) se mostrará un resumen de los
procesos.
Se selecciona el proceso a consultar de la lista desplegable, luego se hace clic en
continuar para avanzar al siguiente paso.
225
Muestra el resultado o un resumen de toda la información del proceso seleccionado
anteriormente.
Dar clic en “Regresar” para volver a “Lista General de Procesos de Mantenimiento”
226
5.0. PANTALLA DE AGREGAR EDIFICIOS
Al dar clic en el literal 5 (Agregar Edificio) se mostrará la siguiente pantalla en la cual
se digitará el nombre de la Infraestructura a agregar.
Después de digitado el nombre se procede a dar clic en el botón “Continuar”
227
En esta pantalla se muestra un resumen de la adición del edificio efectuada
correctamente así también muestra el código correspondiente asignado en la Base
de Datos.
228
6.0 PANTALLA DE ELIMINAR EDIFICIOS
Al dar clic en el literal 6 (Eliminar Edificio) se mostrará la siguiente pantalla:
Aquí se selecciona el nombre del edificio que se desea eliminar, tomando en cuenta
que no pueden eliminarse edificios que contengan Macro procesos asociados,
debiendo antes eliminarse antes de poder eliminar el edificio, luego nos mostrará un
pantalla en la cual nos informa que el edificio ha sido eliminado satisfactoriamente.
229
7.0 PANTALLA DE AGREGAR USUARIOS
Al dar clic en el literal 7 (Agregar Usuarios) se mostrará la siguiente pantalla:
En esta pantalla el Administrador del Sitio Web será el encargado de agregar
usuarios que podrán tener acceso a modificar el Tour Virtual, debiendo tener para
ello la respectiva autorización del Director de Tecnología y Comunicaciones.
Para agregar usuarios debe de digitar el nombre del usuario, el puesto que ocupa así
como también el nombre de usuario(login) y password(contraseña) que utilizara para
entrar al modulo de mantenimiento.
230
En esta pantalla nos muestra un resumen de la adición del usuario efectuada
satisfactoriamente.
231
8.0 PANTALLA DE MODIFICAR USUARIOS
Al dar clic en el literal 8 (Modificar Usuarios) se mostrará la siguiente pantalla:
Aquí se muestra la pantalla en la cual se elige el usuario a modificar y en la siguiente
pantalla se modifican el nombre del usuario y el puesto, ya que estos son los únicas
modificaciones que se pueden realizar.
232
9.0 PANTALLA DE ELIMINAR USUARIOS
Al dar clic en el literal 9 (Eliminar Usuarios) se mostrará la siguiente pantalla en la
que se seleccionará en nombre del usuario a eliminar:
Al darle clic en el botón de mostrar datos nos muestra la información del usuario a
eliminar.
233
Al darle clic en el botón “Eliminar” se efectuará la eliminación del usuario en la Base
de Datos y se mostrará la siguiente pantalla con el resumen de la acción efectuada
satisfactoriamente.
234
10.0 PANTALLA DE CONSULTAR USUARIOS
Al dar clic en el literal 10 (Consultar Usuarios) se mostrará la siguiente pantalla:
Al escoger el nombre del usuario que se quiere consultar se da clic en el botón de
“Mostrar Datos” se mostrará la información correspondiente.
235
Al dar clic en “Cerrar sesión” se saldrá de “Lista General de Procesos de
Mantenimiento” y se podrá cambiar de usuario ya que se mostrará la siguiente
pantalla:
236
16. PAGINA INDEX1.
El siguiente código corresponde a la página Web utilizada como index, es decir de
donde se selecciona un proceso en particular haciendo clic en un croquis del campus
universitario de la UFG.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base target="derecha"> <title>Tour Virtual .::. UFG </title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); var pagina="search.htm" function redireccionar() { location.href=pagina } function mostrar() { setTimeout ("redireccionar()", 1000); } //--> </script> <style type="text/css"> <!-- .style3 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; } --> </style> </head> <body> <div id="Layer1" style="position:absolute; left:0px; top:0px; width:780px; height:550px; z-index:1"> <img src="img/back1.jpg" width="780" height="550"> </div> <div id="Layer2" style="position:absolute; left:5px; top:118px; width:180px; height:270px; z-index:2"> <iframe src="lista2.htm" name="izquierda" bgcolor="ffffff" width="180" height="270" clip="200,150"> </iframe> </div> <div id="Layer3" style="position:absolute; left:192px; top:118px; width:578px; height:417px; z-index:3">
237
<iframe src="mapa2.htm" name="derecha" bgcolor="ffffff" width="578" height="417" clip="200,150"> </iframe> </div> <div id="Layer4" style="position:absolute; left:2px; top:435px; width:183px; height:62px; z-index:4"> <table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#0066CC"> <tr> <th bgcolor="#0066CC" scope="col"><a href="search.htm" target="derecha"><img src="img/boton.gif" width="180" height="62" border="0"></a></th> </tr> </table> </div> </body> </html>
238
17. PAGINAS WEB DEL CONTENIDO DE CADA PROCESO
1) edifadmin.asp: Es donde se cargan o visualizan los elementos relacionados al
“Edificio Administrativo”
2) edifa.asp: Es donde se cargan o visualizan los elementos relacionados al
“Edificio A”
3) edifb.asp: Es donde se cargan o visualizan los elementos relacionados al
“Edificio B”
4) edifc.asp: Es donde se cargan o visualizan los elementos relacionados al
“Edificio C”
5) biblio.asp: Es donde se cargan o visualizan los elementos relacionados a la
“Biblioteca”
6) inteli.asp: Es donde se cargan o visualizan los elementos relacionados al
“Edificio Inteligente”
7) cce.asp: Es donde se cargan o visualizan los elementos relacionados al
“Centro Cultural Estudiantil”
8) audito.asp: Es donde se cargan o visualizan los elementos relacionados al
“Auditorium”
9) compu2.asp: Es donde se cargan o visualizan los elementos relacionados a la
“Red Local Central No. 2”
10) cubidoc.asp: Es donde se cargan o visualizan los elementos relacionados a
los “Cubículos de Docentes”
11) ccbb.asp: Es donde se cargan o visualizan los elementos relacionados al
“Laboratorio de Ciencias Básicas”
239
18. FOTOS A 360 GRADOS.
Si se desea añadir una animación a 360 grados de un edificio en particular se
recomienda tomar en cuenta las consideraciones expuestas en las secciones 2.12 a
la sección 2.15 en la que se explican más a fondo las características.
Luego de tener las fotografías necesarias, se utiliza el programa “Ulead Cool 360
grados” u otro similar para diseñar las animaciones a 360 grados, pero lo que
interesa que este programa realice es la unión de las fotos, se guarda y luego se
toma de la carpeta que se creo al guardar esta animación la imagen “.jpg” y esa es la
que utilizaremos para insertar en la pagina Web para presentación de animaciones a
360 grados.
Se crea una carpeta para cada animación, cada carpeta tendrá la animación “.jpg”, la
pagina de presentación y la clase “Panorama”
240
18.1. CÓDIGO DE LA PÁGINA WEB
<html>
<head>
<title>Edificio Inteligente </title>
</head>
<body>
<applet code="Panorama.class" width="320" height="190">
<param name="picture" value="edificiointafuera.jpg">
<param name="delay" value="20">
<param name="load_string" value="Tour Virtual UFG">
<param name="x_add" value="1">
</applet>
</body>
</html>
Hay que tomar en cuenta que para todas las animaciones que se deseen crear se
utilizara la misma pagina de presentación y la misma clase lo único que cambiara es
la imagen que corresponde a las letras señaladas con rojo, negrita y subrayado de
los códigos anteriores, pero no olvidando que estos archivos deben estar en una
misma carpeta creada para cada animación.
241
19. BUSCADOR INTERNO
El tour virtual por la Universidad Francisco Gavidia cuenta con un buscador interno
propio del sitio que permite hacer una busqueda de los procesos que se llevan a
cabo en la Universidad Francisco Gavidia y que ya se han almacenado en la Base de
Datos del Tour Virtual.
El código de la página Web donde se carga el buscador interno del Tour Virtual utiliza
dos archivos de Javascript para que funcione correctamente llamados "xsearch-
5.2.js" y "db.js".
El código de la página Web es el siguiente:
<html> <head> <title>XSearch 5.2</title> <script language="Javascript" src="xsearch-5.2.js"></script> <script language="Javascript" src="db.js"></script> <body bgColor="#ffffff"> <a href="mapa2.htm">Regresar</a> <p> <script language="Javascript"> initXsearch(); </script> </body> </html>