1. No category

Aplicación Móvil (EVEN ZAO)
Consulta de Eventos Académicos
Zona Amazonia Orinoquia UNAD - Universidad Nacional Abierta y a Distancia
Anyelo Quintero Reyes
Escuela Ciencias Básicas, Tecnología e Ingeniería, Universidad Nacional Abierta y a Distancia
Acacias, Colombia
[email protected]

Resumen—En este artículo se presenta el diseño de una
aplicación que permite visualizar la información académica de la
Zona Amazonia Orinoquia. En la zona Amazonia Orinoquia
existe una página que muestra información de diferentes aspectos
y además por escuelas.
Sin embargo esa información es muy dispersa y a veces de difícil
consulta para los estudiantes.
Palabras clave— Amazonia Orinoquia, Eventos Académicos,
Información Académica, Tutores.
Abstract— This paper presents the design of a program
that enables viewers academic information Zone Amazon
Orinoquia. In the region Amazon Orinoquia there a website
that displays information from different aspects and also for
schools.
However, this information is very scattered and
sometimes difficult consultation for students.
Keywords— Amazon Orinoquia , Academic, Academic
Information, Tutoring.
Para efectos académicos se dispone de un sitio web zonal [1]
donde se ubican los links de cada uno de los CEAD.
La demanda para que los recursos electrónicos de la
Universidad Nacional Abierta y a Distancia sean accesibles
desde dispositivos móviles es cada vez mayor.
Para atender esta demanda de la zona Amazonia Orinoquia se
requieren aplicaciones para permitir el acceso a los servicios
electrónicos desde distintos dispositivos y plataformas.
II. TEMA PAR EL APLICATIVO
Widget que permita visualizar la información académica de la
Zona Amazonia Orinoquia. [2].
En la zona Amazonia Orinoquia existe una página que muestra
información de diferentes aspectos y además por escuelas.
Sin embargo esa información es muy dispersa y a veces de
difícil consulta para los estudiantes.
Este mini aplicación tipo widget consolidaría la información
académica relacionada en aspectos tales como: [2].[3].
I. INTRODUCCIÓN
La zona Amazonia Orinoquia esta conformada por diferentes
CEAD que representan el contexto geográfico con identidad
sociocultural en el cual se promueven, gestionan y dirigen la
misión de la Universidad Nacional Abierta y a Distancia
UNAD. Esta estructura compuesta por un nodo y unos centros
que en su quehacer académico y administrativo replican fractal
y reticularmente las responsabilidades sustantivas de la
Universidad. [1].
La innovación tecnología es una de ellas y bajo esta premisa
los diferentes medios de presentar la información oportuna,
precisa y en cualquier lugar, adquiere su importancia de la
utilización de aplicativos en dispositivos móviles que faciliten
estas búsquedas. [2].
A.G Quintero labora como tutor en la UNAD, Km 1 Via a Villavicencio.
(e-mail: [email protected])
 Directorio de tutores. Facilitaría al estudiante ubicar al
tutor o funcionario por el correo o numero telefónico.
 Directorio de administrativos: Facilitaría al estudiante
ubicar al tutor o funcionario por el correo o numero
telefónico.
 Direcciones de ubicación de cada uno de los centros de
la zona
 Horarios de tutoría
 Horarios de practica
 Eventos de investigación
 Seminarios
 Calendario Académico en general de la zona
 Descripción breve y enlaces a los diferentes servicios:
o Campus Virtual
o Soporte de campus
o Correo institucional
o Consejeria Virtual
o Consulta de notas en línea
o Consultas de formatos, procesos y
o Estímulos educativos
o Registro y control
o Inscripción y Matriculas
o Tramites
Existen aplicaciones para estudiantes que deseen tener un
control de la rutina escolar diaria y que además se puedan
organizar los cursos o materias, gestionar calificaciones y
actividades pendientes. [6].
III. DEFINICIÓN DEL ALCANCE Y LIMITACIONES
El usuario final esta delimitado por los todos los estudiantes,
funcionarios y cuerpo académicos de la UNAD. Inicialmente
se implementaría en la Zona Amazonia Orinoquia como
pilotaje para organizar toda la información académica de las
escuelas.
En términos generales tienen acceso los usuarios de la UNAD
que deseen consultar la información académica de la zona de
acuerdo a lo explicado en el apartado de “Tema para el
aplicativo”.
Los requerimientos mínimos están dados en el acceso a
internet desde el dispositivo móvil para la descarga y
actualización. No se requiere de una conexión permanente, con
un plan básico de datos o desde una red inalámbrica se puede
descargar la aplicación.
IV. REVISION DE APLICACIONES
Fig.1. Aplicativo Horario Deluxe
Fuente: Disponible en http://www.androidpit.es/
Home work es otra aplicación para dar seguimiento a las tareas
y horario escolares. Trabaja con 4 pantallas donde cada una
esta destinada a una función especifica (Lista con todos los
exámenes, organizados por fecha, Horario para el día actual,
Horario para la semana actual). En las pantallas de horario,
hay indicadores para tarea no terminada y exámenes de las
clases.
Ofrecen Múltiples Widgets para la pantalla Home disponibles.
Las aplicaciones móviles se han convertido en la mejor forma
para acceder los servicios de internet; demarcan el futuro de
las comunicaciones. [4].
Ante las dificultades en la adaptación de las páginas web para
dispositivos móviles, los adelantos tecnológicos se han
centrado en proporcionar usabilidad a estas terminales; de
acuerdo a su funcionalidad de menor a mayor se puede
contemplar tres categorías, desde los básicos, luego los
features phones y por ultimo los teléfonos inteligentes o
smartphones, con características tales como: acelerómetros,
brújulas, pantallas táctiles, sensores para ojos y manos,
sincronización con otros dispositivos, video llamadas
múltiples. [5].
En el mercado existen todo tipo de aplicaciones y a costos
mínimos. La tendencia es aprovechar al máximo la
información del contexto que circunscribe al usuario (la
ubicuidad, los medios de pagos, servicios maquina a maquina
entre otras). Realmente estas terminales facilitan la vida por lo
sencillo de realizar tareas On Line y que en estos entornos se
denominan widgets con funcionalidad casi en cualquier
plataforma. [4].
La variedad de aplicaciones disponibles en internet es amplia
ofreciendo desde diccionarios hasta enciclopedias, desde
horarios de clases hasta programadores de tareas, memos,
aniversarios entre otros.
Fig.2. Aplicativo HomeWork
Fuente: Disponible en http://www.androidpit.es/
Ya existen aplicaciones específicas para las universidades
atendiendo las necesidades de sus usuarios. La universidad de
Navarra ha diseñado una aplicación para leer las noticias y la
agenda de cada día, los eventos dirigidos a futuros alumnos,
escuchar los podcast de la radio y ver vídeos [7].
El modo de descarga para los Iphone, se efectúa a través de la
App Store, aplicación que incorpora el propio dispositivo. Se
introduce en la búsqueda ‘Universidad de Navarra’ y se
procede a la instalación. Para dispositivos con el sistema
Android, la aplicación ser descarga de forma similar pero a
través del repositorio de aplicaciones Android Market.
para la descarga de la aplicación móvil tanto para iPhone
como para Android. [11]. [12].
Fig.3. Versión de la app Universidad Navarra para iPhone
Fig.4. Versión de la app Universidad Navarra para Android
Fuente: Disponible en
http://www.unav.edu/web/vida-universitaria/redes-sociales/movil
Los servicios de consulta de biblioteca en línea ofrecen
también una variedad de aplicaciones; Biblio Usal es creada
por la Universidad de Salamanca con el objetivo de consultar
todo el sistema bibliotecario, así como encontrar la oferta de
servicios, la localización de las bibliotecas y facultades. [8].
[9].
Fig.6. App uFidélitas
Fuente: Disponible en http://www.ufidelitas.ac.cr/
Fig.5. Aplicativo Biblio Usal
Fuente: Disponible en http://www.usal.es/webusal/
Las Universidades ya están desarrollando aplicaciones para
que el estudiante, aspirante o personal externo pueda enterarse
no solo de las carreras y programas de extensión, sino también
para acceder al campus, ingresar a las redes sociales, descargar
o ver videos, conocer todo lo relacionado con eventos,
compartir fotos y comentarios. La universidad Fidélitas es el
claro ejemplo de esto. [10].
En este sentido la app uFidélitas desarrollada por la
universidad del mismo nombre en su portal presenta además
de toda la información académica, un icono fácil de ubicar
Este app para la navegación inicial utiliza un menú en la parte
inferior (Tab Bar) de la pantalla con cinco opciones (sitios,
eventos, mensajes, fotos, más información). [12].
Al seleccionar una de las opciones de la barra, por ejemplo de
las carreras de la Universidad se dirige a una lista de Item,
donde cada uno permite profundizar más en su navegación. El
tamaño de la aplicación es de 12 Mb y aparece para descarga
con una versión 1.1
En Colombia, se encuentran disponibles algunas aplicaciones
para universidades como la Universidad Nacional de
Colombia y la Universidad Nacional Abierta y a Distancia –
UNAD. [14].[15].
La apps de la Universidad Nacional de Colombia aparece en
Google Play con el nombre Unal Colombia, en su descripción
resalta la posibilidad de consultar la información académica,
inscripción, horarios y cursos entre otros. Su tamaño es
relativamente pequeño con solo 122 kb. Los usuarios que han
descargado el app lo han valorado con un promedio de 2.8, y
las observaciones están enfocadas a la lentitud de la
aplicación, esto es debido a la replica exacta de la pagina en
línea. [16].
V. DEFINICION DEL TRABAJO Y APLICACIÓN
Para cubrir la documentación de la arquitectura del sistema se
especifico un diagrama de caso de Uso que describe la
interacción entre el usuario y la aplicación.
Este diagrama de caso se genero en UML y esta apoyado
inicialmente por la Tabla I donde se describe el caso de uso de
Login Usuario Tienda Virtual, en la Tabla II se describe el
caso de uso para Descargar la Aplicación EVEN ZAO. Se
muestran los 4 casos de uso, Caso de Uso Login usuario tienda
virtual, Caso de Uso descargar aplicación Tienda Virtual, Caso
de Uso Ingresar a la aplicación y Caso de Uso Aplicación
EVEN ZAO.
Caso de uso
Descripción
Actor Iniciador
Actores
Secundarios
Resumen
Fig.7. App Unal Colombia
Fuente: Disponible en http://www.unal.edu.co/
Precondiciones
Post condiciones
En la Universidad Nacional Abierta y a Distancia - UNAD se
ha diseñado el app Boletín Virtual Unadista que brinda
noticias de la universidad. El tamaño de descarga es de 961
kb. Es práctica y sencilla de manejar, presenta un pantallazo
inicial con una lista de navegación de 4 opciones (Academia,
Cultura, Deportes e Institucional); cada ítem contiene un titulo,
sin embargo todos comparten el mismo icono (logo de la
Unad). [17].
Flujo de eventos
Extensiones sínc
ronas
Login Usuario Tienda Virtual
El usuario se conecta a la Tienda Virtual
Usuario
El usuario ingresa a internet e inicia su
sesión con el usuario y contraseña en la
tienda Virtual
El usuario dispone de una conexión a
internet
Usuario Logeado correctamente en la tienda
virtual
Interaccione
Obligaciones del sistema
s del usuario
1. El
usuario
desde el
dispositivo
móvil ingresa
a internet con
su plan de
datos o red
inalámbrica
2. El usuario
ingresa con
su usuario a
la tienda
virtual
3. La tienda virtual
verificara su usuario y
contraseña
4. El sistema iniciara
sesión con el usuario en
cuestión.
En 2 el usuario puede cancelar la operación
de ingreso En 4, si el usuario introduce
un correo y contraseña incorrectos, el
sistema muestra el error y vuelve
a solicitar los datos.
Extensiones asín
cronas
Fig.8. App Boletín Virtual Unadista
Fuente: Disponible en
https://play.google.com/store/apps/details?id=com.patispawn.boletinvirtual&f
eature=search_result#?t=W251bGwsMSwyLDEsImNvbS5wYXRpc3Bhd24u
Ym9sZXRpbnZpcnR1YWwiXQ
TABLA I CASO DE USO LOGIN USUARIO TIENDA VIRTUAL
Caso de uso
Descripción
Actor Iniciador
Actores
Secundarios
Resumen
Precondiciones
Post condiciones
Flujo de eventos
Extensiones síncro
nas
Extensiones asíncr
onas
Descargue de la Aplicación EVEN ZAO
El usuario descarga la aplicación de la tienda
virtual
Usuario
El usuario ingresa a la tienda Virtual y
descarga la aplicación EVEN ZAO de la tienda
virtual
El usuario se ha registrado previamente en la
tienda virtual
La aplicación es almacenada en el dispositivo
móvil
Interacciones del usuario
Obligaciones d
el sistema
1. El usuario busca la
aplicación en la tienda
2. El usuario selecciona el
botón “Descargar”
En 2 el usuario puede cancelar la operación de
“Descarga”
Figura 11. Diagrama de Caso de Uso Ingresar a la Aplicación
TABLA II DESCARGUE DE LA APLICACION
Figura 11. Diagrama de Caso de Uso
Figura 9. Diagrama de Caso de Uso Login Usuario Tienda Virtual
En el diseño de la aplicación se definen prototipos de las
Interfaces para acceder a los archivos y enlaces de la zona.
La pantalla inicial tiene unas características similares según la
figura 12.
Figura 10. Diagrama de Caso de Uso Descargar Aplicación Tienda Virtual
Figura 12. Pantalla Inicial
En la parte superior aparece el nombre de la aplicación
(EVEN ZAO – Eventos académicos). El usuario no tiene
necesidad de registrarse.
En la figura 13, se puede apreciar el icono lanzador de la
aplicación, es un prototipo con un icono alusivo a la zona y
que sea de fácil identificación.
Para el despliegue de la información se destina una imagen de
acceso que se encuentra en la actividad principal según la
figura 15; esta actividad lleva al usuario a la pantalla (figura
16) de iconos principales o tablero de categorías. [18].
Figura 13. Icono Lanzador de la aplicación
El menú principal como se aprecia en la figura 14, contiene las
categorías de acceso a los contenidos temáticos y enlaces de
interés. Los iconos y colores pueden cambiar buscando que la
aplicación sea uniforme.
Figura 15. Actividad Principal
Figura 16. Actividad Categorías
Figura 14. Categorías
La categoría “Horarios” permite descargar horarios de tutoría,
horarios de prácticas. En el caso de los datos de contacto de
los funcionarios administrativos, docentes, directores de
CEAD se puede consultar en la categoría “Directorio”.
Los eventos como seminarios y capacitaciones específicas se
pueden consultar en la categoría Eventos.
La pantalla inicial en el app tiene la siguiente apariencia según
la figura 17. Se ha ubicado una imagen aérea que identifica al
Nodo Zonal. En la parte superior aparece el nombre de la
zona. El prototipo explicado en la figura 12, se cambio
ubicando dos franjas de color azul, una en la parte superior
indicando el nombre de la zona. La otra franja esta en la parte
inferior y lleva el titulo de la aplicación “Consulta de Eventos
Académicos”.
VI. ANALISIS Y DISEÑO
En esta etapa se tienen en cuenta aspectos relacionados con
patrones de diseño que mejoran considerablemente la
aplicación. Estos aspectos están orientados a:
Manejo de datos, Entrada de datos, Navegación,
Notificaciones, Personalización, Interacciones en pantalla y
Redes sociales.
A. Manejo de los datos
En el manejo de los datos se abordan aspectos relacionados
con el despliegue, visualización, ordenamiento, filtros,
exploración y búsqueda de datos.
Figura 17. Pantalla de Inicio
Para permitir que los usuarios realicen búsquedas en internet
se pueden realizar de tres maneras: la primera es a través de
una barra de búsqueda que se ubicaría en la parte superior de
la pantalla, la segunda forma permite que el usuario pulse el
botón de menú de hardware, y el menú de opciones se desliza
dentro de la pantalla, y la tercera a través de un ítem dedicado
para este fin. De acuerdo a la figura 19, se ha optado por la
última forma, es decir a través de un icono dedicado que se
encuentra en el tablero de iconos por categoría. [19].
Documents To Go y Google Places, y de esta manera se
adapta para la aplicación EVEN ZAO según la figura 21.
Figura 21. Tablero de Iconos EVEN ZAO
Figura 19. Icono de Búsqueda
B. Navegación
El proceso de ir de un lugar a otro en una aplicación se conoce
con el nombre de navegación. Uno de los objetivos de este
patrón es permitir al usuario conocer la información que está
disponible en la aplicación. El otro fin es ayudar al usuario a
encontrar la información deseada de una manera rápida. [20].
Para resaltar las funcionalidades más importantes se utiliza un
tablero de iconos (categorías) que servirá como la pantalla
posterior a la pantalla de bienvenida de la aplicación,
proporcionando de esta manera un punto de partida para el
usuario. Este tablero será estático brindando acceso a las
tareas y funciones importantes.
Otro aspecto a tener en cuenta para la navegación es la barra
de acción que se encuentra en la parte superior de la pantalla
para soportar la navegación y resaltar algunas funcionalidades
importantes. Reemplaza a la barra de título (que se incluye a
menudo en él), es la mejor opción para las opciones a través
de la aplicación, como búsqueda, refrescar y ordenar entre
otras. Según la figura 22, se utilizara también para
proporcionar un acceso rápido a la inicio de la aplicación (app
home) pulsando el logo aplicación. [21].
En este tablero de iconos, los puntos de entrada a los
contenidos se muestran en varias categorías como lo muestra
la figura 20. Las categorías están representadas por un icono y
un título, y se encuentran a pantalla completa de acuerdo a la
orientación del móvil. Esta capa (layout) le permite al usuario
encontrar el contenido más rápidamente.
Figura 22. Barra de Acción en Twitter
En las aplicaciones con este tipo de barras de acción, lo usual
es ubicarlas en la parte izquierda. Desde esta página se
devuelve a la página de inicio. Dos funciones se pueden
colocar aquí a la derecha del logo: crear y buscar, entre otras.
La barra de acción en la aplicación EVEN ZAO tiene una
función extra: refrescar.
Figura 20. Tablero de Categorías
Se han tomado ejemplos de aplicaciones que implementan un
tablero de iconos por categorías; se citan entre algunos,
C. Social
B. Diagrama de Comunicación
Este aspecto permite a los usuarios comunicarse e interactuar
con otros.
En la figura 23 se observa como el botón compartir permite
que un usuario vea una lista de aplicaciones que están
disponibles para realizar esta acción.
Diagrama de Comunicación Aplicación EVEN ZAO
C. Figura 25. Diagrama de Comunicación
VIII. REFERENCIAS
Figura 23. Botón Compartir
Si hay más archivos que se puedan mostrar en el diálogo, la
lista será desplazable. Después de seleccionar un archivo, el
usuario es guiado a través de los pasos necesarios para
completar el proceso de intercambio. Después de completar el
proceso de intercambio, el usuario vuelve a la vista original.
VII. IMPLEMENTACION
En esta etapa se explica la comunicación de la aplicación a
través del diagrama de clases y diagrama de comunicación
UML.
A. Diagrama de Clases
Diagrama de Clases Aplicación EVEN ZAO
Figura 24. Diagrama de Clases
[1] Pagina Zona Amazonia Orinoquia [En línea].Disponible
en: http://www.unad.edu.co/amazonia/
[2] Cabrini, M. (2010). ¿ Qué son los widgets? [En línea].
Disponible en: http:// http://suite101.net/article/que-son-loswidgets-a11763#axzz2PQ9lyfnq
[3] Munslow Vilar, B. (2007). Estudio, diseño e
implementación de widgets [En línea]. Disponible en:
http://repositori.udl.cat/handle/10459.1/45658
[4] Pérez Crespo, S. (2010). El futuro de las comunicaciones
móviles: triunfo de las aplicaciones. Telos: Cuadernos de
comunicación e innovación, (83), 104-106. [En línea].
Disponible
en:
http://sociedadinformacion.fundacion.telefonica.com/seccion=
1268&idioma=es_ES&id=2010051310080001&activo=6.do
[5]Galindo, L. M. (2010). Mobile 2.0: una oportunidad para
las Telco. Telos: Cuadernos de comunicación e innovación,
(83),
115-119
[En
línea].
Disponible
en:
http://sociedadinformacion.fundacion.telefonica.com/seccion=
1268&idioma=es_ES&id=2010051312440001&activo=6.do
[6] Horario Deluxe [En línea]. Disponible en:
http://www.androidpit.es/es/android/market/aplicaciones/aplic
acion/com.tobiasschuerg.timetable/Horario-Deluxe
[7] Nueva versión del Iphone y Android de la Universidad de
Navarra con la inclusión de eventos para futuros alumnos [En
línea]. Disponible en:
[8] Universidad de Salamanca [En línea].Disponible en:
http://www.usal.es/webusal/
[9] Lilao Franca, Ó., & González, M. (1999). La Biblioteca
Universitaria de Salamanca en el siglo XVI: entre tradición y
renovación. Studia historica. Historia moderna, (21), 219240[En línea].Disponible en:
http://dialnet.unirioja.es/servlet/articulo?codigo=287700
[10] Universidad Fidélitas [En línea].Disponible en:
http://www.ufidelitas.ac.cr/
[11] Apps para iPhone Universidad Fidélitas [En
línea].Disponible en:
https://itunes.apple.com/us/app/universidadfidelitas/id587141845?l=es&mt=8
[12] Apps para Android Universidad Fidélitas [En
línea].Disponible en:
https://play.google.com/store/apps/details?id=com.app_ufidelit
as.layout
[13] Android Patterns [En línea].Disponible en:
http://www.androidpatterns.com/uap_pattern/tab-bar
[14] Universidad Nacional de Colombia [En línea].Disponible
en: http://www.unal.edu.co/
[15] Universidad Nacional de Colombia y la Universidad
Nacional Abierta y a Distancia – UNAD [En línea].Disponible
en: http://www.unad.edu.co/
[16] Apps para Android Unal Colombia [En línea].Disponible
en:
https://play.google.com/store/apps/details?id=com.wunivercol
om&feature=search_result#?t=W251bGwsMSwxLDEsImNvb
S53dW5pdmVyY29sb20iXQ..
[17] Apps para Android Boletín Virtual Unadista [En
línea].Disponible en:
https://play.google.com/store/apps/details?id=com.patispawn.b
oletinvirtual&feature=search_result#?t=W251bGwsMSwyLD
EsImNvbS5wYXRpc3Bhd24uYm9sZXRpbnZpcnR1YWwiX
Q..
[18]Android Patterns [En línea].Disponible en:
http://www.androidpatterns.com/uap_pattern/dashboard%E2%80%93-categories
[19] Dealing With Data [En línea].Disponible en:
http://www.androidpatterns.com/uap_category/dealing-withdata
[20] Navigation [En línea].Disponible en:
http://www.androidpatterns.com/uap_category/navigation
[21] Action bar [En línea].Disponible en:
http://www.androidpatterns.com/uap_pattern/action-bar
IX. BIOGRAFÍA
Anyelo Gerley Quintero Reyes nació en Bogotá
Colombia, el 30 de julio de 1968. Se graduó en la
Corporación Universitaria del Meta, como
ingeniero de sistemas.
Especialista en Dirección Prospectiva y
Estratégica de las Organizaciones Universitarias
de la UNAD. Mg en Ciencias de la Educación,
docente universitario e investigador programa
Ingeniería de Sistemas UNAD. Docente
universitario Universidad Minuto de Dios. Decano
Escuela de Ciencias Básicas, Tecnología e
Ingeniería de la Zona Amazonia Orinoquia para la UNAD.
Conformación de semilleros de investigación para fortalecer las líneas
investigación de la Escuela de Ciencias Básicas, Tecnología e Ingeniería.
Investigador principal de proyectos para participar en convocatorias internas
de la Unad para grupos no categorizados.