bibliografia - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/8058/7/005.1-m519c-bags.pdf¾...

of 95/95
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

Post on 12-Sep-2019

11 views

Category:

Documents

0 download

Embed Size (px)

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.

    Tour Virtual .::. UFG

  • 237

  • 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

    Edificio Inteligente

    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:

    XSearch 5.2 Regresar

    initXsearch();