Documento de visión y alcance 
Ingeniería de software 
 
 
 
 
 
Sistema de georreferenciación para el campus de la Universidad Tecnológica de 
Pereira 
Versión 1.0 
 
 
 
 
 
Autores: 
Óscar Bernal Sanchez 
Kenny Bedoya Cifuentes 
 
 
 
 
Programa: 
Ingeniería de Sistemas y Computación 
 
 
 
 
 
 
Universidad tecnológica de Pereira 
   
 Contenido 
1. Generalidades 
1.1. Introducción 
1.2. Alcance 
1.3. Definiciones, siglas y abreviaturas 
2. Características del producto 
2.1. Objetivo 
2.2. Características principales 
3. Usuarios 
3.1. Perfil de los interesados 
3.2. Perfil del usuario 
4. Historias de usuario 
5. Vistas o diagramas 
5.1. Vistas de escenarios (diagrama de casos de uso) 
5.2. Vista de procesos (diagramas de actividades) 
5.3. Vista lógica (diagrama de clases) 
5.4. Vista de desarrollo (diagrama de componentes) 
5.5. Diagrama base de datos 
6. Conclusiones 
7. Bibliografía 
 
 
   
 1. Generalidades 
 
1.1. Introducción 
En  el  presente  documento  se  identifican  los  diferentes  aspectos 
correspondientes a la visión de y alcance del proyecto Georreferenciación UTP. 
 
El  aplicativo  web  de  Georreferenciación  UTP se plantea como una solución para 
la  localización  de  sitios  de  interés  dentro  del  campus  de  la  Universidad 
Tecnológica  de  Pereira,  tales  como  edificios,  salones,  cafeterías,  entradas, 
parqueaderos,  canchas,  entre  otros.  Además  de  poder  visualizar  los  sitios  de  
interés  en  el  aplicativo  se podrá visualizar  la  ruta  para ir  de  un  lugar a  otro,  ver 
imágenes  de  360°  de  los   accesos  de  los  edificios  e  información sobre oficinas, 
salones y/o ventanillas que se encuentren en cada sitio. 
 
1.2. Alcance 
En  el  presente  documento  se  pretende   mostrar  las  limitaciones,  condiciones  y 
requerimientos  que  se  necesitan  exponer  y  analizar  para  el  correcto  desarrollo 
del  proyecto  Georreferenciación  UTP,  de  igual  manera  se  desea  mostrar  las 
características  y  diseños  del producto final  de  software que  brinde la  solución y 
que  cumpla  a  cabalidad  los  requerimientos  mencionados  en  el  presente 
documento (ver historias de usuario). 
 
1.3. Definiciones, siglas, abreviaturas 
 
PHP:  ​ PHP  Hypertext Pre­proccessor​
es  un acrónimo el  cual significa  ​ , en  donde 
inicial  la  sigla  PHP  corresponde  a  ​ Personal  Home  Page​ .  Sigla  que  hace 
referencia  a  un  lenguaje  de  programación  de  propósito  general,  usado 
principalmente  para  la  creación  de  algoritmos  para  el  desarrollo  web,  teniendo 
como característica el contenido dinámico. 
 
MySql:  ​ My Structured Query  Language​ , por sus siglas en  inglés, la cual traduce 
Lenguaje de Consulta Estructurado. 
 
UML:  ​ Unified  Modeling  Language​ ,  por  sus  siglas  en  inglés,  la  cual  traduce  
Lenguaje Unificado de Modelado. 
 
JS:  ​hace  referencia  al  lenguaje  de  programación  JavaScript,  el  cual  es 
interpretado, débilmente tipado y es usado principalmente para la codificación de 
implementaciones del lado del cliente o front end de aplicativos web. 
 
HTML:  ​ HyperText  Markup  Language,  por  sus  siglas  en  inglés,   es  un  lenguaje 
basado  en  etiquetas  usado en el  desarrollo  web el  cual  brinda  un estándar para 
la  definición  de  la  estructura  y  para  la definición de  contenido de  la  página  web 
como: texto, imágenes y videos. 
 
Georreferenciación:  ​ la   georreferenciación  es  el  uso  de  coordenadas  de  mapa 
para  asignar   una  ubicación  espacial   a  entidades  cartográficas.  Todos  los 
elementos  de  una  capa  de  mapa  tienen  una  ubicación  geográfica  y  una 
extensión  específicas que  permiten  situarlos  en la superficie de la Tierra o cerca 
de ella. (Environmental Systems Research Institute, Inc., 2010) 
 
GPS:  ​ el  Sistema  de  Posicionamiento  Global  (conocido  por  sus  siglas  en inglés 
"Global  Positioning  System")  Es  un  sistema  de  posicionamiento  y  navegación 
satelital  que  permite  determinar la  ubicacion dada  en  latitud y longitud  (Rey,  J.) 
de  un  objeto  en  la  superficie  de  la  tierra,  hace  uso  de  un  gran  conjunto  de 
satélites que  orbitan  la tierra, y es una  tecnología  que siempre está disponible y 
es de uso libre. 
 
Track o ruta: ​ archivo que contiene secciones de coordenadas (longitud y latitud) 
usando lenguaje de etiquetas (xml). 
 
Campus:  ​ según  la   Real  Academia  Española  campus  hace  referencia  a  los 
terrenos  y  edificios   pertenecientes  a  la  universidad,  para  propósitos  de  este 
proyectos,  se  hará  referencia  a  “campus”  como  el  terreno  perteneciente  a  la 
Universidad  Tecnológica  de  Pereira  en  su  sede  principal  ubicada  en  la  carrera 
27 #10­02 barrio Alamos en la ciudad de Pereira. 
 
 
2. Características del producto 
 
2.1. Características principales 
En  el  desarrollo  del  proyecto  se  desempeñarán  las  mejores  prácticas  usando  
técnicas  y  herramientas  permitiendo  un  óptimo  desempeño  del  trabajo  del 
desarrollo del aplicativo, tales como: 
● Uso del framework de desarrollo de PHP, Laravel. 
● Verificaciones semanales al producto. 
● Aplicativo desarrollado en ambiente web. 
● Uso de la ingeniería de software para la toma de requerimientos. 
 ● Validación final  (producto final  contra requerimientos y diseños expuestos  
en el presente documento). 
 
 
3. Usuarios 
 
3.1. Perfil de los interesados 
 
3.1.1. Programa Ingeniería de Sistemas y Computación 
Debido a que  el proyecto  expuesto  en el  presente documento representa 
el  trabajo  de  grado  de  los  autores  del  mismo,  es   pertinente  presentar  y 
sustentar  la  solución  ante  el  programa  de  Ingeniería  de  Sistemas  y 
Computación  de  la  Universidad  Tecnológica  de  Pereira,  encargada  de  
evaluar  y  dar  aprobación  al  mismo  por  medio  del  director  de  trabajo  de 
grado. 
 
3.1.2. Departamento web del CRIE 
El  departamento  web  del  CRIE  es  considerado  el  cliente  del  proyecto 
debido  a  que  son  los  encargados   de  suministrar  los  detalles  de  las 
exigencias y quienes darán uso al proyecto, además de administrarlo. 
 
3.1.3. Comunidad UTP 
La  comunidad  UTP  y  demás  visitantes  del  campus  serán  los  usuarios 
finales  quienes  podrán  usar  el  aplicativo  para  su  orientación  dentro  del 
campus. 
 
3.2. Perfil del usuario 
El  proyecto  Georreferenciación  UTP  contará  con  3 tipos de  perfiles de usuario, 
cada  uno  con  un  nivel  de  acceso  diferente,  lo  cuál  restringirá  el  acceso  a 
consultas, creación, actualización y eliminación de información del sistema: 
 
3.2.1. Usuario:  ​
este  usuario  contará  con  los  permisos  pertinentes  para 
tener acceso a las siguientes funcionalidades: 
 
● Ver mapa satelital ubicado sobre el campus. 
● Buscar ruta (accesibles y no accesibles) para ir de un lugar a otro 
dentro del campus universitario. 
● Ver información detallada sobre un sitio de interés (imágenes, 
salones, oficinas y ventanillas según sea el caso). 
 
3.2.2. Administrador: ​este usuario  contará con los  permisos pertinentes 
para tener acceso a las siguientes funcionalidades: 
 
● Crear, consultar, actualizar y eliminar sitios. 
● Crear, consultar, actualizar y eliminar rutas. 
● Crear, consultar, actualizar y eliminar imágenes. 
 
3.2.3. Super  administrador  (Root):  ​ este  usuario  contará  con  el  mayor 
grado  de  accesibilidad  al  sistema,  ya  que  podrá  crear,  consultar, 
actualizar y eliminar cualquier dato o información del sistema. 
 
 
4. Historias de usuario 
 
Historia de usuario 
Número: 01  Nombre: Ver mapa satelital 
Prioridad:  Iteración: 
Descripción: Yo como cliente espero que la aplicación permita ver un mapa satelital 
del campus de la universidad. 
Observaciones: 
 
 
Historia de usuario 
Número: 02  Nombre: Ruta edificio ­ edificio 
Prioridad:  Iteración: 
Descripción: Yo como cliente espero que la aplicación me permita visualizar la rutas 
para ir desde un edificio a otro. 
Observaciones: Mostrar rutas accesibles y no accesibles. 
 
 
Historia de usuario 
Número: 03  Nombre: Ruta edificio ­ salón/oficina 
Prioridad:  Iteración: 
Descripción: Yo como cliente espero que la aplicación me permita visualizar la rutas 
para ir desde un edificio a un salón u oficina. 
Observaciones: Mostrar rutas accesibles y no accesibles. 
  
 
Historia de usuario 
Número: 04  Nombre: Ruta salón/oficina ­ edificio 
Prioridad:  Iteración: 
Descripción: Yo como cliente espero que la aplicación me permita visualizar la rutas 
para ir desde un salón u oficina a un edificio. 
Observaciones: Mostrar rutas accesibles y no accesibles. 
 
 
Historia de usuario 
Número: 05  Nombre: Ruta salón/oficina ­ salón/oficina 
Prioridad:  Iteración: 
Descripción: Yo como cliente espero que la aplicación me permita visualizar la rutas 
para ir desde un salón u oficina a un salón u oficina. 
Observaciones: Mostrar rutas accesibles y no accesibles. 
 
 
Historia de usuario 
Número: 06  Nombre: Búsqueda 
Prioridad:  Iteración: 
Descripción: Luego de realizar una búsqueda de ruta se debe mostrar un listado con 
los posibles caminos, podiendo filtar las rutas accesibles, no accesibles y la más 
corta. 
Observaciones: ver las historias de usuario #2, #3, #4 y #5. 
 
 
Historia de usuario 
Número: 07  Nombre: Ruta sobre mapa satelital 
Prioridad:  Iteración: 
Descripción: Yo como cliente espero que la aplicación me permita visualizar la ruta 
elegida (de la historia de usuario #6), sobre un mapa satelital ubicado sobre el 
campus. 
Observaciones: 
 
 
 
 Historia de usuario 
Número: 08  Nombre: Imagén de 360° 
Prioridad:  Iteración: 
Descripción: Yo como cliente espero que la aplicación me permita visualizar 
imagénes de 360° de los accesos de los edificios. 
Observaciones: 
 
 
Historia de usuario 
Número: 09  Nombre: Ver sitio 
Prioridad:  Iteración: 
Descripción: Yo como cliente espero que la aplicación me permita visualizar 
información detallada sobre un sitio/lugar de interés, como salones, oficinas y/o 
auditorios de un edificio, horarios de atención de ventanillas, y foto del sitio. 
Observaciones: 
 
 
Historia de usuario 
Nombre: Ruta sitio externo ­ campus 
Número: 10 
UTP 
Prioridad:  Iteración: 
Descripción: Yo como cliente espero que la aplicación me permita visualizar la ruta 
para llegar de los siguientes sitios externos: Colegio La Julita, Colegio Técnico 
Superio, Universidad Antonio Nariño y terminal de transporte, al campus UTP. 
Observaciones: 
 
 
Historia de usuario 
Número: 11  Nombre: Ruta campus UTP ­ sitio externo 
Prioridad:  Iteración: 
Descripción: Yo como cliente espero que la aplicación me permita visualizar la ruta 
para llegar del campus UTP a los siguientes sitios externos: Colegio La Julita, 
Colegio Técnico Superio, Universidad Antonio Nariño y terminal de transporte. 
Observaciones: 
 
 
 
  
Historia de usuario 
Número: 12  Nombre: CRUD sitios 
Prioridad:  Iteración: 
Descripción: Yo como cliente espero que la aplicación me permita administrar los 
sitios de interés (edificios, parqueaderos, entradas, cafeterías, biblioteca (s), 
paraderos, entre otros.) 
Observaciones: Por administrar se entienden las siguientes operaciones: crear, leer, 
actualizar y eliminar. 
 
 
Historia de usuario 
Número: 13  Nombre: CRUD ruta 
Prioridad:  Iteración: 
Descripción: Yo como cliente espero que la aplicación me permita administrar las 
rutas que unen un sitio de interés con otro. 
Observaciones: Por administrar se entienden las siguientes operaciones: crear, leer, 
actualizar y eliminar. 
 
 
Historia de usuario 
Número: 14  Nombre: Login administrador 
Prioridad:  Iteración: 
Descripción: Yo como cliente espero que la aplicación exija un logueo para los 
usuarios que deban ingresar al administrador de contenidos. Ver historias de 
usuario #12 y #13. 
Observaciones: Por logueo se entiende la opción de ingresar usuario y clave para 
acceder a lugares del aplicativo con acceso restringido. 
 
 
Historia de usuario 
Número: 15  Nombre: CRUD imágen 360° 
Prioridad:  Iteración: 
Descripción: Yo como cliente espero que la aplicación me permita administrar las 
imágenes 360° de las vías de acceso de cada sitio. 
Observaciones: 
 
 
  
5. Vistas o diagramas 
 
5.1. Vistas de escenarios (diagrama de casos de uso) 

 
 
  
 
 
 
 
 
 
 
 
5.2. Vista de procesos (diagramas de actividades) 
5.2.1. Usuario 

 
 
   
  
5.2.2. Administrador 

 
 
 
   
 5.2.3. Super administrador (root) 

 
   
5.3. Vista lógica (diagrama de clases) 

 
 
 
   
 
5.4. Vista de desarrollo (diagrama de componentes) 

 
 
 
5.5. Diagrama base de datos 

 
 
 
 6. Conclusiones 
 
Para  la  adecuada ejecución  de  un proyecto, en  este caso  Georreferenciación  UTP, se 
debe llevar a cabo  una  buena elaboración de un plan de proyecto, donde se contemple 
lo que se quiere lograr y sus limitantes. 
 
El  documento  acá  expuesto  hace  referencia  a  el  plan  del  proyecto,  el  cual  expone  y 
hace  uso  de  herramientas  que  nos  brinda  la  ingeniería  de  software  para  llevar  de 
buena  manera el  ciclo  de  vida  de  un  software. Por tanto, lo aquí expuesto contribuye a 
la realización eficiente y eficaz del proyecto. 
 
Encontramos  que  el  análisis  de  tiempos  requerido  para  la  ejecución  de  tareas 
específicas  debe  ser  minucioso  detallado,  pensando  tanto  en  la  habilidad  de  los 
responsables  como  en  los  factores  externos  los  cuales  no  pueden  controlarse,  como 
fallos  en  servidores  de pruebas, fallos de la interacción de la maquina con el framework 
de desarrollo o conexiones a base de datos, para así estimar tiempos de  ejecución más 
cercanos a los reales y llegar a dar cumplimiento a ellas de la mejor manera. 
 
 
7. Bibliografía 
 
Environmental  Systems  Research  Institute,  Inc.  (2010).  Georreferenciación  y  sistemas 
de  coordenadas​ .  Recuperado  de: 
http://resources.arcgis.com/es/help/getting­started/articles/026n0000000s000000.htm 
 
Rey,  J.  (2006)  El  Sistema  de  Posicionamiento  Global  ­  GPS​ ,  Gainesville,  Florida: 
University of Florida. Recuperado de:​  ​
http://edis.ifas.ufl.edu/in657 
 
 
 Fecha Inicio Fecha tentativa Fecha real fin Actividad Responsable (s) Observaciones
(DD/MM/AA) fin (DD/MM/AA) (DD/MM/AA)
Análisis
Recolección de información
26/01/2016 13/03/2016 8/3/2016 sobre google api Ambos
26/01/2016 13/03/2016 11/2/2016 Red peatonal Kenny
1/2/2016 13/03/2016 3/2/2016 Ficha técnica Kenny
11/3/2016 13/03/2016 13/03/2016 Historias de usuario Kenny
Recolección de datos
16/02/2016 13/03/2016 5/3/2016 Tomar fotos y 360° Luis y Kenny
22/03/2016 27/03/2016 Grabar rutas (gps) Ambos
17/02/2016 13/03/2016 14/03/2016 Editar fotos y 360° Luis
28/03/2016 20/03/2016 28/03/2016 Nomenclatura suministrado por Gabriel
Diseño
27/01/2016 20/03/2016 31/03/2016 Diagramas 4+1 Ambos
29/02/2016 20/03/2016 31/03/2016 Documento de ingeniería Kenny
Implementación
2/3/2016 13/03/2016 4/3/2016 Subir repositorio con plantilla Oscar
11/3/2016 13/03/2016 14/3/16 Crear base de datos Oscar
22/04/2016 3/4/2016 19/04/2016 Poblar base de datos Ambos
no se puede subir a fenix, toca
hablar con nestor para el otro
22/04/2016 27/03/2016 19/04/2016 Subir fotos y 360° al servidor Kenny servidor
25/3/2016 27/03/2017 31/03/2016 (Admin) CRUD de sitios Oscar
9/3/2016 20/03/2016 28/03/2016 (Admin) CRUD de rutas Oscar
31/03/2016 27/03/2018 5/4/2016 (Admin) CRUD de fotos y 360 Oscar
14/03/16 20/03/2016 18/03/16 (Admin) Login Oscar
17/03/16 20/03/2016 18/03/16 (Admin) Cerrar sesión Oscar
depende de montar el sitio en
12/4/2016 27/03/2019 21/04/2016 Ver mapa (js) Oscar servidor
Ver sitio (foto, salones y/o
13/04/2016 27/03/2016 14/04/2016 oficinas que hay dentro) Oscar
5/4/2016 27/03/2016 14/04/2016 Buscar (ir desde a donde) Oscar
 Fecha Inicio Fecha tentativa Fecha real fin Actividad Responsable (s) Observaciones
(DD/MM/AA) fin (DD/MM/AA) (DD/MM/AA)
1/4/2016 3/4/2016 24/04/2016 Documento final del proyecto Kenny
15/04/2016 10/4/2016 2/5/2016 Manual de usuario Kenny
Validación
falta actualizar fechas de
realizado al terminar todas las
13/04/2016 10/4/2016 13/04/2016 Crear check list Kenny tareas de implementación
17/04/2016 3/5/2016 Validar con el check list Kenny
  
 
 
 
 
Manual de usuario 
 
 
 
 
 
 
Sistema de georreferenciación para el campus de la Universidad Tecnológica de 
Pereira 
 
 
 
 
 
Autores: 
Kenny Bedoya Cifuentes 
Óscar Bernal Sánchez 
 
 
 
 
 
 
Ingeniería de Sistemas y Computación 
 
 
 
 
 
 
Universidad Tecnológica de Pereira 
   
Contenido 
 
1. Objetivos de la aplicación 
2. Ingreso a la aplicación 
3. Módulos usuario 
3.1. Ver mapa satelital 
3.2. Buscar sitio 
3.3. Ver sitio 
3.4. Buscar ruta 
3.5. Ver ruta 
3.6. Ver ruta textual 
4. Inicio de sesión en el administrador 
5. Módulos administrador 
5.1. Listar sitios 
5.2. Ver sitio 
5.3. Actualizar sitio 
5.4. Crear imagen de 360° 
5.5. Ver imagen de 360° 
5.6. Actualizar imagen de 360° 
5.7. Eliminar imágen de 360° 
6. Módulos super administrador 
6.1. Crear sitio 
6.2. Eliminar sitio 
6.3. Crear ruta 
6.4. Actualizar ruta 
6.5. Eliminar ruta 
6.6. Crear administradores 
6.7. Ver administradores 
6.8. Actualizar administradores 
6.9. Eliminar administradores 
7. Cerrar sesión 
 
   
 1. Objetivos de la aplicación 
 
El  sistema  del proyecto  Georreferenciación  UTP  tiene como  objetivo  principal crear  un 
aplicativo  web  que  facilite  encontrar  la  ubicacion,  rutas  de  acceso,  detalles  de 
accesibilidad  e   información  de  salones,  oficinas  y  edificios  en  el  campus  de  la 
Universidad  Tecnológica  de  Pereira,  el  cual  es  logrado  por  los  siguientes  objetivos 
específicos: 
 
● Dar  a  conocer  al  usuario  la  nueva  nomenclatura  para  los  edificios  de  la 
universidad, de una forma interactiva. 
 
● Mostrar  las  vías  de  acceso   que  existen  al  interior  de  la   universidad,  y  cómo 
utilizarlas para desplazarse por ella,  estableciendo las rutas más cortas. 
 
● Facilitar  el  conocimiento  del  campus  por  parte  de   los  visitantes,  mediante 
recorridos  virtuales,  que suministren información general y fotografías del interior 
de los edificios. 
 
● Informar  a  la  población  con  movilidad  reducida  sobre  las  vías  de  acceso  más 
adecuadas para ellos y como llegar a determinados sitios del campus. 

 
 
 
 
   
  
2. Ingreso a la aplicación 
Para  acceder  a  la  aplicación  se  debe  abrir  el  navegador  web  e  introducir la  dirección 
geo.utp.edu.co​. Quedando en el siguiente lugar: 
 

 
 
Navegadores que soportan la aplicación: 
● Internet Explorer a partir de su versión 9. 
● Google Chrome a partir de sus versión 37. 
● Mozilla Firefox a partir de su version 33. 
● Safari a partir de su versión 6. 
● Opera a partir de su versión 20. 
 
 
   
  
3. Módulos 
3.1. Ver mapa satelital 
Luego de ingresar a la aplicación se debe dar click a la opción de ​
Mapa General. 
 

 
 
   
 Luego  veremos  el  mapa  satelital  ubicado  sobre  el  campus  de  la  Universidad 
Tecnológica de Pereira. 
 

 
 
 
 
   
3.2. Buscar sitio 
Luego de ingresar a la aplicación se debe dar click a la opción de ​
Buscar sitio. 
 

 
 
 
Luego  podemos  ver  un  campo  en  el  cual  se  escribirá  el  nombre  del  sitio  (o 
contenido del mismo) para realizar la búsqueda. 

 
 
 
Luego  de  escribir  (ej:  edificio)  y  dar  click  en  buscar  o  presionar  la  tecla  ​
Enter, 
obtenemos la siguiente vista para ver el sitio. 

 
 
 
 
   
 3.3. Ver sitio 
Para  ver  un  sitio,  luego  de  realizar  la  búsque  se  da click sobre el  botón  de  ver 
del sitio deseado como se muestra a continuación. 

 
 
 
   
Luego  veremos  una  miniatura  del sitio, su  nombre,  nomenclatura, descripción  y  
de ser un edificio se podrán visualizar las imágenes de 360° de los accesos. 

 
 
 
   
 
3.4. Buscar ruta 
Para  realizar  la  búsqueda  de  una  ruta,   se  debe  dar  click  sobre  la  opción  de 
Buscar Ruta ​ del menú izquierdo. 

 
 
 
   
 
Luego  se  debe ingresar el sitio de origen y el de destino, además de indicar si se 
desea  realizar  un  filtro  de  visualización  de  sólo  rutas  accesibles  y  finalmente 
damos click en la opción de ​ Buscar. 

 
 
 
   
 
3.5. Ver ruta 
El  resultado  del  procedimiento  anterior  nos  llevará  a  la  visualización  de  la  ruta 
cargada  en  el  mapa  satelital,  como  se  muestra  a   continuación  el  ejemplo  del 
camino desde el edificio 3 hasta la frutería la barrita. 

 
 
 
   
 
3.6. Ver ruta textual 
Luego  de  realizar  la  búsqueda  de  la  ruta,  damos  click en ​
ver descripción de la 
ruta.  

 
 
 
   
  
Luego,  se  podrá  observar  una  descripción  del  recorrido  de  la  ruta,  como   se 
muestra a continuación. 

 
 
 
4. Inicio de sesión en el administrador 
Luego de ingresar al sitio damos click en la opción administrador. 

 
 
 
Luego  se  debe  ingresar el usuario UTP (el  mismo del correo pero sin @utp.edu.co) y la 
contraseña  con  la  que  se  accede  al  correo  institucional,  finalmente  se  da  click  en 
ingresar, como se muestra a continuación. 

 
Si la anterior validación es correcta se mostrará el siguiente inicio para un 
administrador: 

 
 
 
   
 
O el siguiente inicio para un super administrador: 

 
 
 
5. Módulos administrador 
5.1. Listar sitios 
Para la visualización de un sitio, se debe ir al menú desplegable en la pestaña  
Administrador ​y luego dar click en la opción de ​Listar Lugares, ​
como se muestra 
en la siguiente imágen: 
  
 
 
Llegando a la lista de sitios, como vemos a continuación: 

 
 
 
5.2. Ver sitio 
Luego de listar los sitios damos click en la opción de visualizar al sitio deseado, 
ojo, ​
el cual es identificado por el icono del ​ como se muestra a continuación el 
ejemplo de visualización para el edificio 3. 

 
 
 
5.3. Actualizar sitio 
Luego de listar los sitios damos click en la opción de editar al sitio deseado, el 
lápiz, ​
cual es identificado por el icono del ​ como se muestra a continuación el 
ejemplo de visualización para el edificio 3. 
  
 
 
5.4. Crear imagen de 360° 
Luego  de  iniciar  sesión  en  el  administrador   damos  click  en  el  opción  de 
Adicionar  Panorámica  ubicado  en  el  menú  principal  del  administrador, como se 
muestra a continuación. 
  
 
 
Luego  llegamos a  un  formulario  con  todos  sus  campos  obligatorios, en donde el 
campo  ​ Nombre  se  debe  indicar  el  piso  de  acceso  de  la  imágen,  luego  se 
Lugar,   ​
selecciona  el  edificio  en  el  campo  ​ después  se  sube  el  archivo  con  un 
Browse, ​
límite  de  tamaño  de  100 Mb  dando click en  el  botón  ​ y finalmente se  da 
click en el botón ​
Guardar.  

 
 
 
5.5. Ver imagen de 360° 
Luego  de  iniciar  sesión  en  el  administrador   damos  click  en  la  opción  de  ​
Listar 
Lugares ​
del menú principal del administrador, como se muestra a continuación. 

 
 
El  aplicativo  nos  mostrará  la  lista  de  imágenes  de  360°  que   tiene  el aplicativo. 
Procedemos a dar click a la opción de visualización representado por el icono de 
ojo​, como se muestra a continuación. 
  
 
 
5.6. Actualizar imagen de 360° 
Luego  de  iniciar  sesión  en  el  administrador   damos  click  en  la  opción  de  ​
Listar 
Lugares ​
del menú principal del administrador, como se muestra a continuación. 
  
 
El  aplicativo  nos  mostrará  la  lista  de  imágenes  de  360°  que   tiene  el aplicativo. 
Procedemos a dar click a la opción de edición representado por el icono de ​ lápiz​
, 
como se muestra a continuación. 

 
 
5.7. Eliminar imágen de 360° 
Luego  de  iniciar  sesión  en  el  administrador   damos  click  en  la  opción  de  ​
Listar 
Lugares ​
del menú principal del administrador, como se muestra a continuación. 

 
 
El  aplicativo  nos  mostrará  la  lista  de  imágenes  de  360°  que   tiene  el aplicativo. 
Procedemos a dar click a la opción de eliminar representado por el icono de ​ bote 
de basura​ , como se muestra a continuación. 
  
 
 
6. Módulos super administrador 
6.1. Crear sitio 
Luego  de  iniciar  sesión  en  el  administrador,  damos  click  en  la  opción  de 
Adicionar Lugar, ​
como se muestra a continuación. 
  
 
Luego  llegaremos  al  siguiente  formulario  el  cual  todos  sus  campos  son 
obligatorios,  en  la  siguiente  imagen  se  encuentra  el  ejemplo  de  cómo   ingresar 
los datos solicitados y finalmente se dá click en el botón ​ Guardar. 

 
 
 
6.2. Eliminar sitio 
Luego  de  iniciar  sesión  en  el  administrador   de  contenidos del  sitio  se  debe  dar 
click a la opción de ​Listar Lugares, ​ como se muestra a continuación. 

 
 
El  aplicativo  nos mostrará la  lista de sitios  que tiene el aplicativo. Procedemos a 
bote  de  basura​
dar  click  a  la  opción  de  eliminar  representado  por  el  icono  de  ​ , 
como se muestra a continuación. 
  
 
 
6.3. Crear ruta 
Luego  de  iniciar  sesión  en  el  administrador   de  contenidos del  sitio  se  debe  dar 
click a la opción de ​Adicionar Ruta, ​ como se muestra a continuación. 
  
 
Luego  llegaremos  al  siguiente  formulario  el  cual  todos  sus  campos  son 
obligatorios,  en  la  siguiente  imagen  se  encuentra  el  ejemplo  de  cómo   ingresar 
los datos solicitados y finalmente se dá click en el botón ​ Guardar. 
  
 
 
6.4. Actualizar ruta 
Luego  de  iniciar  sesión  en  el  administrador   de  contenidos del  sitio  se  debe  dar 
click a la opción de ​Listar Rutas, ​ como se muestra a continuación. 
  
 
El  aplicativo  nos mostrará la  lista de rutas  que tiene  el aplicativo. Procedemos a 
lápiz​
dar  click  a  la  opción  de  actualizar  representado  por  el  icono  de ​ ,  como  se 
muestra a continuación. 
  
 
 
6.5. Eliminar ruta 
Luego  de  iniciar  sesión  en  el  administrador   de  contenidos del  sitio  se  debe  dar 
click a la opción de ​Listar Rutas, ​ como se muestra a continuación. 
  
 
 
El  aplicativo  nos mostrará la  lista de rutas  que tiene  el aplicativo. Procedemos a 
bote  de  basura​
dar  click  a  la  opción  de  eliminar  representado  por  el  icono  de  ​ , 
como se muestra a continuación. 
  
 
 
6.6. Crear administradores 
Luego  de  iniciar  sesión  en  el  administrador   de  contenidos del  sitio  se  debe  dar 
click a la opción de ​Adicionar Administrador, ​ como se muestra a continuación. 
  
 
Luego  llegaremos  al  siguiente  formulario  el  cual  todos  sus  campos  son 
obligatorios,  teniendo  en  cuenta   que  el  campo  ​ Nombre  de  Usuario   ​
debe  ir  el 
usuario  UTP,  es  decir,  si   el  correo  asignado  es  ​
usuario_ejemplo@utp.edu.co​ , 
ingresamos  “usuario_ejemplo”  (sin  comillas).  En  la  siguiente  imagen  se 
encuentra  el  ejemplo  de  cómo  ingresar  los datos  solicitados y finalmente  se  dá 
click en el botón ​Guardar. 

 
 
 
6.7. Ver administradores 
Luego  de  iniciar  sesión  en  el  administrador   de  contenidos del  sitio  se  debe  dar 
click a la opción de ​Listar Administradores, ​ como se muestra a continuación. 

 
 
 
6.8. Actualizar administradores 
Luego  de  iniciar  sesión  en  el  administrador   de  contenidos del  sitio  se  debe  dar 
click a la opción de ​Listar Administradores, ​ como se muestra a continuación. 
  
 
El  aplicativo  nos  mostrará  la  lista  de  administradores  que  tiene  el  aplicativo. 
Procedemos  a  dar  click  a  la  opción  de  actualizar  representado  por  el icono de 
lápiz​
, como se muestra a continuación. 

 
 
 
6.9. Eliminar administradores 
 Luego  de  iniciar  sesión  en  el  administrador   de  contenidos del  sitio  se  debe  dar 
click a la opción de ​Listar Administradores, ​ como se muestra a continuación. 

 
 
El  aplicativo  nos  mostrará  la  lista  de  administradores  que  tiene  el  aplicativo. 
Procedemos a dar click a la opción de eliminar representado por el icono de ​ bote 
de basura​ , como se muestra a continuación. 

 
 
  
7. Cerrar sesión 
Luego  de  iniciar  sesión  en  el  administrador   de  contenidos del  sitio  se  debe  dar 
click a la opción de ​Cerrar Sesión, ​ como se muestra a continuación.