Aplicacin Mvil (EVEN ZAO)
Consulta de Eventos Acadmicos
Zona Amazonia Orinoquia UNAD - Universidad Nacional Abierta y a Distancia
Anyelo Quintero Reyes
Escuela Ciencias Bsicas, Tecnologa e Ingeniera, Universidad Nacional Abierta y a Distancia
Acacias, Colombia
anyelo.quintero@unad.edu.co
ResumenEn este artculo se presenta el diseo de una
aplicacin que permite visualizar la informacin acadmica de la
Zona Amazonia Orinoquia. En la zona Amazonia Orinoquia
existe una pgina que muestra informacin de diferentes aspectos
y adems por escuelas.
Sin embargo esa informacin es muy dispersa y a veces de difcil
consulta para los estudiantes.
Palabras clave Amazonia Orinoquia, Eventos Acadmicos,
Informacin Acadmica, 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.
I. INTRODUCCIN
La zona Amazonia Orinoquia esta conformada por diferentes
CEAD que representan el contexto geogrfico con identidad
sociocultural en el cual se promueven, gestionan y dirigen la
misin de la Universidad Nacional Abierta y a Distancia
UNAD. Esta estructura compuesta por un nodo y unos centros
que en su quehacer acadmico y administrativo replican fractal
y reticularmente las responsabilidades sustantivas de la
Universidad. [1].
La innovacin tecnologa es una de ellas y bajo esta premisa
los diferentes medios de presentar la informacin oportuna,
precisa y en cualquier lugar, adquiere su importancia de la
utilizacin de aplicativos en dispositivos mviles que faciliten
estas bsquedas. [2].
A.G Quintero labora como tutor en la UNAD, Km 1 Via a Villavicencio.
(e-mail: anyelo.quintero@unad.edu.co)
Para efectos acadmicos 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 electrnicos de la
Universidad Nacional Abierta y a Distancia sean accesibles
desde dispositivos mviles es cada vez mayor.
Para atender esta demanda de la zona Amazonia Orinoquia se
requieren aplicaciones para permitir el acceso a los servicios
electrnicos desde distintos dispositivos y plataformas.
II. TEMA PAR EL APLICATIVO
Widget que permita visualizar la informacin acadmica de la
Zona Amazonia Orinoquia. [2].
En la zona Amazonia Orinoquia existe una pgina que muestra
informacin de diferentes aspectos y adems por escuelas.
Sin embargo esa informacin es muy dispersa y a veces de
difcil consulta para los estudiantes.
Este mini aplicacin tipo widget consolidara la informacin
acadmica relacionada en aspectos tales como: [2].[3].
Directorio de tutores. Facilitara al estudiante ubicar al
tutor o funcionario por el correo o numero telefnico.
Directorio de administrativos: Facilitara al estudiante
ubicar al tutor o funcionario por el correo o numero
telefnico.
Direcciones de ubicacin de cada uno de los centros de
la zona
Horarios de tutora
Horarios de practica
Eventos de investigacin
Seminarios
Calendario Acadmico en general de la zona
Descripcin 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 lnea
 o Consultas de formatos, procesos y
o Estmulos educativos Existen aplicaciones para estudiantes que deseen tener un
o Registro y control control de la rutina escolar diaria y que adems se puedan
o Inscripcin y Matriculas organizar los cursos o materias, gestionar calificaciones y
o Tramites actividades pendientes. [6].

III. DEFINICIN DEL ALCANCE Y LIMITACIONES

El usuario final esta delimitado por los todos los estudiantes,

funcionarios y cuerpo acadmicos de la UNAD. Inicialmente
se implementara en la Zona Amazonia Orinoquia como
pilotaje para organizar toda la informacin acadmica de las
escuelas.

En trminos generales tienen acceso los usuarios de la UNAD

que deseen consultar la informacin acadmica de la zona de
acuerdo a lo explicado en el apartado de Tema para el Fig.1. Aplicativo Horario Deluxe
Fuente: Disponible en http://www.androidpit.es/
aplicativo.

Los requerimientos mnimos estn dados en el acceso a
internet desde el dispositivo mvil para la descarga y
actualizacin. No se requiere de una conexin permanente, con
un plan bsico de datos o desde una red inalmbrica se puede
descargar la aplicacin.
IV. REVISION DE APLICACIONES
Las aplicaciones mviles se han convertido en la mejor forma
para acceder los servicios de internet; demarcan el futuro de
las comunicaciones. [4].
Home work es otra aplicacin para dar seguimiento a las tareas
y horario escolares. Trabaja con 4 pantallas donde cada una
esta destinada a una funcin especifica (Lista con todos los
exmenes, organizados por fecha, Horario para el da actual,
Horario para la semana actual). En las pantallas de horario,
hay indicadores para tarea no terminada y exmenes de las
clases.
Ofrecen Mltiples Widgets para la pantalla Home disponibles.

Ante las dificultades en la adaptacin de las pginas web para

dispositivos mviles, los adelantos tecnolgicos se han
centrado en proporcionar usabilidad a estas terminales; de
acuerdo a su funcionalidad de menor a mayor se puede
contemplar tres categoras, desde los bsicos, luego los
features phones y por ultimo los telfonos inteligentes o
smartphones, con caractersticas tales como: acelermetros,
brjulas, pantallas tctiles, sensores para ojos y manos, Fig.2. Aplicativo HomeWork
sincronizacin con otros dispositivos, video llamadas Fuente: Disponible en http://www.androidpit.es/
mltiples. [5].
Ya existen aplicaciones especficas para las universidades
En el mercado existen todo tipo de aplicaciones y a costos atendiendo las necesidades de sus usuarios. La universidad de
mnimos. La tendencia es aprovechar al mximo la Navarra ha diseado una aplicacin para leer las noticias y la
informacin del contexto que circunscribe al usuario (la agenda de cada da, los eventos dirigidos a futuros alumnos,
ubicuidad, los medios de pagos, servicios maquina a maquina escuchar los podcast de la radio y ver vdeos [7].
entre otras). Realmente estas terminales facilitan la vida por lo
sencillo de realizar tareas On Line y que en estos entornos se
El modo de descarga para los Iphone, se efecta a travs de la
denominan widgets con funcionalidad casi en cualquier
plataforma. [4]. App Store, aplicacin que incorpora el propio dispositivo. Se
introduce en la bsqueda Universidad de Navarra y se
La variedad de aplicaciones disponibles en internet es amplia procede a la instalacin. Para dispositivos con el sistema
ofreciendo desde diccionarios hasta enciclopedias, desde Android, la aplicacin ser descarga de forma similar pero a
horarios de clases hasta programadores de tareas, memos, travs del repositorio de aplicaciones Android Market.
aniversarios entre otros.
 para la descarga de la aplicacin mvil tanto para iPhone
como para Android. [11]. [12].

Fig.3. Versin de la app Universidad Navarra para iPhone

Fig.4. Versin 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 lnea ofrecen

tambin 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 localizacin de las bibliotecas y facultades. [8].
[9].

Fig.6. App uFidlitas

Fuente: Disponible en http://www.ufidelitas.ac.cr/

Este app para la navegacin inicial utiliza un men en la parte

Fig.5. Aplicativo Biblio Usal
Fuente: Disponible en http://www.usal.es/webusal/
Las Universidades ya estn desarrollando aplicaciones para
que el estudiante, aspirante o personal externo pueda enterarse
no solo de las carreras y programas de extensin, sino tambin
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 Fidlitas es el
claro ejemplo de esto. [10].
En este sentido la app uFidlitas desarrollada por la
universidad del mismo nombre en su portal presenta adems
de toda la informacin acadmica, un icono fcil de ubicar
inferior (Tab Bar) de la pantalla con cinco opciones (sitios,
eventos, mensajes, fotos, ms informacin). [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 ms en su navegacin. El
tamao de la aplicacin es de 12 Mb y aparece para descarga
con una versin 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 descripcin
resalta la posibilidad de consultar la informacin acadmica,
inscripcin, horarios y cursos entre otros. Su tamao es
relativamente pequeo con solo 122 kb. Los usuarios que han
descargado el app lo han valorado con un promedio de 2.8, y
las observaciones estn enfocadas a la lentitud de la
aplicacin, esto es debido a la replica exacta de la pagina en
lnea. [16].
V. DEFINICION DEL TRABAJO Y APLICACIN
Para cubrir la documentacin de la arquitectura del sistema se
especifico un diagrama de caso de Uso que describe la
interaccin entre el usuario y la aplicacin.
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 Aplicacin EVEN ZAO. Se
muestran los 4 casos de uso, Caso de Uso Login usuario tienda
virtual, Caso de Uso descargar aplicacin Tienda Virtual, Caso
de Uso Ingresar a la aplicacin y Caso de Uso Aplicacin
EVEN ZAO.

Caso de uso Login Usuario Tienda Virtual

Descripcin El usuario se conecta a la Tienda Virtual
Actor Iniciador Usuario
Actores -
Secundarios
Resumen El usuario ingresa a internet e inicia su
sesin con el usuario y contrasea en la
Fig.7. App Unal Colombia tienda Virtual
Fuente: Disponible en http://www.unal.edu.co/ Precondiciones El usuario dispone de una conexin a
internet
Post condiciones Usuario Logeado correctamente en la tienda
En la Universidad Nacional Abierta y a Distancia - UNAD se virtual
Flujo de eventos Interaccione Obligaciones del sistema
ha diseado el app Boletn Virtual Unadista que brinda s del usuario
noticias de la universidad. El tamao de descarga es de 961 1. El
kb. Es prctica y sencilla de manejar, presenta un pantallazo usuario
desde el
inicial con una lista de navegacin de 4 opciones (Academia, dispositivo
Cultura, Deportes e Institucional); cada tem contiene un titulo, mvil ingresa
a internet con
sin embargo todos comparten el mismo icono (logo de la su plan de
Unad). [17]. datos o red
inalmbrica
2. El usuario
ingresa con
su usuario a
la tienda
virtual
3. La tienda virtual
verificara su usuario y
contrasea
4. El sistema iniciara
sesin con el usuario en
cuestin.
Extensiones snc En 2 el usuario puede cancelar la operacin
ronas de ingreso En 4, si el usuario introduce
un correo y contrasea incorrectos, el
sistema muestra el error y vuelve
a solicitar los datos.
Extensiones asn
cronas
Fig.8. App Boletn Virtual Unadista TABLA I CASO DE USO LOGIN USUARIO TIENDA VIRTUAL
Fuente: Disponible en
https://play.google.com/store/apps/details?id=com.patispawn.boletinvirtual&f
eature=search_result#?t=W251bGwsMSwyLDEsImNvbS5wYXRpc3Bhd24u
Ym9sZXRpbnZpcnR1YWwiXQ
Caso de uso Descargue de la Aplicacin EVEN ZAO
Descripcin El usuario descarga la aplicacin de la tienda
virtual
Actor Iniciador Usuario
Actores -
Secundarios
Resumen El usuario ingresa a la tienda Virtual y
descarga la aplicacin EVEN ZAO de la tienda
virtual
Precondiciones El usuario se ha registrado previamente en la
tienda virtual
Post condiciones La aplicacin es almacenada en el dispositivo
mvil
Flujo de eventos Interacciones del usuario Obligaciones d
el sistema
1. El usuario busca la
aplicacin en la tienda
Figura 11. Diagrama de Caso de Uso Ingresar a la Aplicacin
2. El usuario selecciona el
botn Descargar
Extensiones sncro En 2 el usuario puede cancelar la operacin de
nas Descarga
Extensiones asncr
onas

TABLA II DESCARGUE DE LA APLICACION

Figura 11. Diagrama de Caso de Uso

En el diseo de la aplicacin se definen prototipos de las

Interfaces para acceder a los archivos y enlaces de la zona.
La pantalla inicial tiene unas caractersticas similares segn la
Figura 9. Diagrama de Caso de Uso Login Usuario Tienda Virtual figura 12.

Figura 10. Diagrama de Caso de Uso Descargar Aplicacin Tienda Virtual Figura 12. Pantalla Inicial

En la parte superior aparece el nombre de la aplicacin

(EVEN ZAO Eventos acadmicos). El usuario no tiene
necesidad de registrarse.

En la figura 13, se puede apreciar el icono lanzador de la

aplicacin, es un prototipo con un icono alusivo a la zona y
que sea de fcil identificacin.
 Para el despliegue de la informacin se destina una imagen de
acceso que se encuentra en la actividad principal segn la
figura 15; esta actividad lleva al usuario a la pantalla (figura
16) de iconos principales o tablero de categoras. [18].

Figura 13. Icono Lanzador de la aplicacin

El men principal como se aprecia en la figura 14, contiene las

categoras de acceso a los contenidos temticos y enlaces de Figura 15. Actividad Principal
inters. Los iconos y colores pueden cambiar buscando que la
aplicacin sea uniforme.

Figura 16. Actividad Categoras

Figura 14. Categoras

La categora Horarios permite descargar horarios de tutora,
horarios de prcticas. En el caso de los datos de contacto de
los funcionarios administrativos, docentes, directores de
CEAD se puede consultar en la categora Directorio.
Los eventos como seminarios y capacitaciones especficas se
pueden consultar en la categora Eventos.
La pantalla inicial en el app tiene la siguiente apariencia segn
la figura 17. Se ha ubicado una imagen area 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 aplicacin Consulta de Eventos
Acadmicos.

VI. ANALISIS Y DISEO

En esta etapa se tienen en cuenta aspectos relacionados con
patrones de diseo que mejoran considerablemente la
aplicacin. Estos aspectos estn orientados a:
Manejo de datos, Entrada de datos, Navegacin,
Notificaciones, Personalizacin, Interacciones en pantalla y
Redes sociales.

A. Manejo de los datos

Figura 17. Pantalla de Inicio

En el manejo de los datos se abordan aspectos relacionados
con el despliegue, visualizacin, ordenamiento, filtros,
Para permitir que los usuarios realicen bsquedas en internet
exploracin y bsqueda de datos.
se pueden realizar de tres maneras: la primera es a travs de
una barra de bsqueda que se ubicara en la parte superior de
la pantalla, la segunda forma permite que el usuario pulse el Documents To Go y Google Places, y de esta manera se
botn de men de hardware, y el men de opciones se desliza adapta para la aplicacin EVEN ZAO segn la figura 21.
dentro de la pantalla, y la tercera a travs de un tem dedicado
para este fin. De acuerdo a la figura 19, se ha optado por la
ltima forma, es decir a travs de un icono dedicado que se
encuentra en el tablero de iconos por categora. [19].

Figura 21. Tablero de Iconos EVEN ZAO

Figura 19. Icono de Bsqueda

B. Navegacin
El proceso de ir de un lugar a otro en una aplicacin se conoce
con el nombre de navegacin. Uno de los objetivos de este
patrn es permitir al usuario conocer la informacin que est
disponible en la aplicacin. El otro fin es ayudar al usuario a
encontrar la informacin deseada de una manera rpida. [20].
Para resaltar las funcionalidades ms importantes se utiliza un
tablero de iconos (categoras) que servir como la pantalla
posterior a la pantalla de bienvenida de la aplicacin,
proporcionando de esta manera un punto de partida para el
usuario. Este tablero ser esttico brindando acceso a las
tareas y funciones importantes.
Otro aspecto a tener en cuenta para la navegacin es la barra
de accin que se encuentra en la parte superior de la pantalla
para soportar la navegacin y resaltar algunas funcionalidades
importantes. Reemplaza a la barra de ttulo (que se incluye a
menudo en l), es la mejor opcin para las opciones a travs
de la aplicacin, como bsqueda, refrescar y ordenar entre
otras. Segn la figura 22, se utilizara tambin para
proporcionar un acceso rpido a la inicio de la aplicacin (app
home) pulsando el logo aplicacin. [21].

En este tablero de iconos, los puntos de entrada a los

contenidos se muestran en varias categoras como lo muestra
la figura 20. Las categoras estn representadas por un icono y
un ttulo, y se encuentran a pantalla completa de acuerdo a la
orientacin del mvil. Esta capa (layout) le permite al usuario
encontrar el contenido ms rpidamente.

Figura 22. Barra de Accin en Twitter

En las aplicaciones con este tipo de barras de accin, lo usual

es ubicarlas en la parte izquierda. Desde esta pgina se
devuelve a la pgina de inicio. Dos funciones se pueden
colocar aqu a la derecha del logo: crear y buscar, entre otras.

La barra de accin en la aplicacin EVEN ZAO tiene una

funcin extra: refrescar.
Figura 20. Tablero de Categoras

Se han tomado ejemplos de aplicaciones que implementan un

tablero de iconos por categoras; se citan entre algunos,
C. Social
Este aspecto permite a los usuarios comunicarse e interactuar
con otros.
En la figura 23 se observa como el botn compartir permite
que un usuario vea una lista de aplicaciones que estn
disponibles para realizar esta accin.
Figura 23. Botn Compartir
Si hay ms archivos que se puedan mostrar en el dilogo, la
lista ser desplazable. Despus de seleccionar un archivo, el
usuario es guiado a travs de los pasos necesarios para
completar el proceso de intercambio. Despus de completar el
proceso de intercambio, el usuario vuelve a la vista original.
VII. IMPLEMENTACION
En esta etapa se explica la comunicacin de la aplicacin a
travs del diagrama de clases y diagrama de comunicacin
UML.
A. Diagrama de Clases
Diagrama de Clases Aplicacin EVEN ZAO
Figura 24. Diagrama de Clases
B. Diagrama de Comunicacin
Diagrama de Comunicacin Aplicacin EVEN ZAO
C. Figura 25. Diagrama de Comunicacin
VIII. REFERENCIAS
[1] Pagina Zona Amazonia Orinoquia [En lnea].Disponible
en: http://www.unad.edu.co/amazonia/
[2] Cabrini, M. (2010). Qu son los widgets? [En lnea].
Disponible en: http:// http://suite101.net/article/que-son-los-
widgets-a11763#axzz2PQ9lyfnq
[3] Munslow Vilar, B. (2007). Estudio, diseo e
implementacin de widgets [En lnea]. Disponible en:
http://repositori.udl.cat/handle/10459.1/45658
[4] Prez Crespo, S. (2010). El futuro de las comunicaciones
mviles: triunfo de las aplicaciones. Telos: Cuadernos de
comunicacin e innovacin, (83), 104-106. [En lnea].
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 comunicacin e innovacin,
(83), 115-119 [En lnea]. Disponible en:
http://sociedadinformacion.fundacion.telefonica.com/seccion=
1268&idioma=es_ES&id=2010051312440001&activo=6.do
[6] Horario Deluxe [En lnea]. Disponible en:
http://www.androidpit.es/es/android/market/aplicaciones/aplic
acion/com.tobiasschuerg.timetable/Horario-Deluxe
[7] Nueva versin del Iphone y Android de la Universidad de
Navarra con la inclusin de eventos para futuros alumnos [En
lnea]. Disponible en:
[8] Universidad de Salamanca [En lnea].Disponible en:
http://www.usal.es/webusal/
[9] Lilao Franca, ., & Gonzlez, M. (1999). La Biblioteca
Universitaria de Salamanca en el siglo XVI: entre tradicin y
renovacin. Studia historica. Historia moderna, (21), 219-
240[En lnea].Disponible en:
http://dialnet.unirioja.es/servlet/articulo?codigo=287700
[10] Universidad Fidlitas [En lnea].Disponible en:
http://www.ufidelitas.ac.cr/
[11] Apps para iPhone Universidad Fidlitas [En
lnea].Disponible en:
https://itunes.apple.com/us/app/universidad-
fidelitas/id587141845?l=es&mt=8
[12] Apps para Android Universidad Fidlitas [En
lnea].Disponible en:
https://play.google.com/store/apps/details?id=com.app_ufidelit IX. BIOGRAFA
as.layout
[13] Android Patterns [En lnea].Disponible en:
http://www.androidpatterns.com/uap_pattern/tab-bar Anyelo Gerley Quintero Reyes naci en Bogot
[14] Universidad Nacional de Colombia [En lnea].Disponible Colombia, el 30 de julio de 1968. Se gradu en la
en: http://www.unal.edu.co/ Corporacin Universitaria del Meta, como
ingeniero de sistemas.
[15] Universidad Nacional de Colombia y la Universidad
Nacional Abierta y a Distancia UNAD [En lnea].Disponible
Especialista en Direccin Prospectiva y
en: http://www.unad.edu.co/ Estratgica de las Organizaciones Universitarias
[16] Apps para Android Unal Colombia [En lnea].Disponible de la UNAD. Mg en Ciencias de la Educacin,
en: docente universitario e investigador programa
https://play.google.com/store/apps/details?id=com.wunivercol Ingeniera de Sistemas UNAD. Docente
universitario Universidad Minuto de Dios. Decano
om&feature=search_result#?t=W251bGwsMSwxLDEsImNvb Escuela de Ciencias Bsicas, Tecnologa e
S53dW5pdmVyY29sb20iXQ.. Ingeniera de la Zona Amazonia Orinoquia para la UNAD.
[17] Apps para Android Boletn Virtual Unadista [En
lnea].Disponible en: Conformacin de semilleros de investigacin para fortalecer las lneas
https://play.google.com/store/apps/details?id=com.patispawn.b investigacin de la Escuela de Ciencias Bsicas, Tecnologa e Ingeniera.
Investigador principal de proyectos para participar en convocatorias internas
oletinvirtual&feature=search_result#?t=W251bGwsMSwyLD de la Unad para grupos no categorizados.
EsImNvbS5wYXRpc3Bhd24uYm9sZXRpbnZpcnR1YWwiX
Q..
[18]Android Patterns [En lnea].Disponible en:
http://www.androidpatterns.com/uap_pattern/dashboard-
%E2%80%93-categories
[19] Dealing With Data [En lnea].Disponible en:
http://www.androidpatterns.com/uap_category/dealing-with-
data
[20] Navigation [En lnea].Disponible en:
http://www.androidpatterns.com/uap_category/navigation
[21] Action bar [En lnea].Disponible en:
http://www.androidpatterns.com/uap_pattern/action-bar