1

DESARROLLO DE UN SISTEMA WEB DE

ADMINISTRACIN Y VISUALIZACIN DE ALERTAS
EN TIEMPO REAL CON NOTIFICACIN VA
MENSAJE DE TEXTO Y UNA APLICACIN MVIL
CON GEOLOCALIZACIN DE EMERGENCIAS
MDICAS PARA LA CRUZ ROJA - LOJA.
Carpio Johana, Faicn Rosa, Jcome Galarza Roberto
Universidad Nacional de Loja, Ecuador, jmcarpioe@unl.edu.ec
Universidad Nacional de Loja, Ecuador, rvfaicanc@unl.edu.ec
Universidad Nacional de Loja, Ecuador, lrjacome@unl.edu.ec

Resumen: Se ha desarrollado un sistema web de

visualizacin de alertas en tiempo real y una
aplicacin para dispositivos mviles con Android,
para el logro del proyecto se ha utilizado la
metodologa ICONIX siguiendo sus fases: revisin
de requisitos, revisin del diseo preliminar,
revisin crtica del diseo, implementacin.
Palabras Clave: Alerta mdica, web service,
geolocalizacin, tiempo real, botn pnico.
I. INTRODUCCIN
El crecimiento acelerado de la poblacin a nivel
mundial as como tambin los niveles de
inseguridad como consecuencia del desarrollo de
los pueblos ha originado que se incremente la
necesidad de contar con sistemas que permitan a los
organismos de socorro atender emergencias en el
lugar en el que se suscita el incidente y as como
tambin en el tiempo oportuno debido a que son
vidas humanas las que corren riesgo.
Diariamente los sistemas que hacen que realizar
algunos procesos se torne en algo ms simple
crecen, es por ello que desarrollar e implementar un
sistema que colabore con la labor diaria de los
organismos de socorro se vuelve en una necesidad y
en una prioridad.

Las necesidades de la poblacin de recibir atencin

pre-hospitalaria oportuna y bajo las condiciones en
las que se encuentre la situacin de emergencia son
prioritarias debido a que en muchas de las ocasiones
al no tener un registro de la persona a ser atendida,
el organismo de socorro desconoce el historial
mdico, as como tambin desconoce la situacin a
la cual se va a enfrentar, esto tambin afecta al
paciente debido a que no se va a contar al momento
de la emergencia con los medicamentos e
implementos necesarios para atender la emergencia
de manera correcta.
Teniendo planteada la presente problemtica se ha
desarrollado un sistema web que permita a la Cruz
Roja Junta Provincial Loja, como organismo de
socorro visualizar alertas mdicas suscitadas en
tiempo real, tambin le permite notificar a los
socorristas a travs de un mensaje de texto a sus
telfonos celulares de una emergencia sin atender,
puede visualizar la ubicacin exacta as como
tambin da la oportunidad de enviar a una lista
negra a usuarios mal intencionados que enven
alertas falsas, visualizar estadsticas de porcentaje
de emergencias atendidas, no atendidas y falsas.
As mismo se ha desarrollado una aplicacin para
dispositivos mviles con sistema operativo Android
que permita la comunicacin entre el usuario del
dispositivo y el organismo de socorro, esta
aplicacin le permite al usuario registrarse enviando

un historial mdico y datos personales, los mismos

que podrn ser actualizados cuando el usuario as lo
requiera, le permite enviar una alerta mdica con
datos como nmero de vctimas, el tipo de accidente
y una fotografa, una alerta de emergencia de botn
de pnico esta contar con los datos del usuario del
dispositivo mvil, toda esta informacin se guarda
en una base de datos para ser visualizada en Cruz
Roja,
II. HERRAMIENTAS UTILIZADAS
A. Entornos de desarrollo
El IDE usado para el desarrollo del sistema web fue
Netbeans, debido a que es de cdigo abierto y
tambin puede ser usado como framework para la
compilacin de cualquier tipo de aplicacin, as
mismo el sistema est hecho en php siendo un
lenguaje de programacin totalmente abierto y libre,
de fcil acceso a las bases de datos y cuenta tambin
con una comunidad muy grande.
La aplicacin mvil para el sistema operativo
Android est hecha totalmente en java usando como
entorno de desarrollo Eclipse.
B. Herramientas para el sistema web
a. CodeIgniter
Para el desarrollo de la parte web se utiliz el
framework CodeIgniter debido a que es ms fcil
trabajar con frameworks que hacerlo con php puro;
CodeIgniter tiene gran compatibilidad con varias
versiones de php, posee bastante documentacin y
utiliza el modelo vista controlador lo que nos
permite tener una separacin de la lgica y la
presentacin[1] , se tiene acceso a libreras pblicas
y reutilizacin de cdigo estas sin algunas de las
caractersticas que hicieron que se lo escoja para el
desarrollo de la aplicacin.
Ajax
AJAX(cuyas siglas significan JavaScript y XML
asncrono) se basa en el uso de JavaScript en el
navegador[2].Permite mejorar completamente la
interaccin del usuario con la aplicacin, evitando
las recargas constantes de la pgina[3] Debido a sus
caractersticas se lo utiliz para las notificaciones de
Alerta Mdica y
Botn de Pnico, estas
notificaciones se muestran en todas las pantallas de
la aplicacin y son consultas constantes a la base de
b.

datos para ser presentadas, busca en si la fecha y la

compara con la fecha actual del sistema, hora y su
estado, de esta manera son presentadas al
administrador.
c. JavaScript
Es un lenguaje de programacin que se utiliza para
crear pginas web dinmicas [4], en nuestro
proyecto se lo empleo en el diseo del men, para
lo que son validaciones del lado del cliente al
momento de ingresar o editar a un nuevo usuario al
sistema, nos permiti darle efecto al texto, tambin
se hizo uso de la librera jQuery que es la ms
conocida de Javasript la misma que permite
programar nuevas funcionalidades
C. Herramientas para la aplicacin mvil.
a. Android SDK (Configuracion en Eclipse)
Eclipse es una herramienta de cdigo abierto, con la
cual se puede desarrollar aplicaciones para
diferentes plataformas. Para la instalacin y
configuracin de la herramienta. Primero se debe
descargar
de
la
siguiente
direccin:
http://developer.android.com/sdk/index.html,
el
ADT Bundle, que es una versin de Eclipse que
incluye todas las libreras y la ltima versin del
sistema operativo Android como mquina
virtual[5]. La pgina web detecta automticamente
el sistema operativo de tu ordenador y te ofrece la
descarga
adecuada.

Fig. 1 Pgina de descarga de ADT Bundle

Una vez descargado el paquete del SDK con eclipse
se procede a descomprimir y ejecutar el archivo
SDK Manager.

y realizar pruebas de ubicacin para el envo de

datos correctos al sistema web.
c. Glassfish
El servidor Glassfish al ser de cdigo abierto,
cuenta con asistencia gratuita de la comunidad en la
parte de las aplicaciones. Se constituye en uno de
los mejores servidores de aplicaciones a nivel
mundial ya que es fiable y rinde con menor
complejidad en empresas [7].

Fig. 2 Pantalla de instalacin de versiones de

Android.
Se procedi a instalar desde el api 16 al api 19, as
mismo el paquete de extras y algunas herramientas
para la configuracin de Android.
Una vez realizado esto se procede a abrir eclipse y
configurar el AVD.

Se ha utilizado esta herramienta para el

funcionamiento del web service, el cual tiene la
funcionalidad dentro del proyecto de comunicar la
aplicacin mvil con el sistema web, debido a que
dicho web service est hecho en java y recibe la
informacin enviada por la aplicacin mvil la
transforma para que pueda ser almacenada en la
base de datos.
D. Herramientas para la Base de Datos
a. Mysql
La base de datos est hecha en Mysql debido a
que presenta facilidad de uso, seguridad y
portabilidad, siendo estas caractersticas
imprescindibles para la velocidad en el
funcionamiento de un sistema.
b. phpMyAdmin

Fig.3 Pantalla de configuracin de AVD

Realizadas estas configuraciones nuestro Eclipse
est listo para funcionar con el SDK de Android.
b. Api de Google
El servicio ms usado por los Developers es el
servicio de mapas de Google ms de 250 millones
de usuarios de dispositivos mviles [6].
Ha sido utilizada principalmente en el sistema web,
para el dibujo de mapas y localizar los puntos de
referencia donde se han suscitado las emergencias,
en la aplicacin mvil para extraer latitud y longitud

Se utiliza para controlar la base de datos desde

el sistema web, permite crear, eliminar,
modificar la base de datos as mismo
administrar claves y privilegios.
c. Xampp
Para tener un servidor a nivel local se utiliz
Xampp para realizar las pruebas respectivas, se
opt por este servidor debido a que es un
servidor independiente en base a software libre.
III. RESULTADOS
a. Sistema de Administracin de Alertas

Cdigo para visualizar alertas

Fig. 4 Pantalla visualizar alertas

Se puede observar como las alertas aparecen en
la pantalla principal, aqu el administrador del
sistema escoge una de ellas y a continuacin se
mostrara la informacin referente al tipo de
emergencia

Fig. 5 Botn de Pnico

Fig. 6 Alerta Mdica

Visualizar Lista Negra

Cdigo estadsticas

Fig. 7 Pantalla visualizar lista negra

Cdigo lista negra

b. Aplicacin mvil
Una de las funcionalidades dentro de la
aplicacin mvil es el envo de alertas mdicas
para lo cual el usuario debe ingresar a la
pantalla de bienvenida de Cre-System y elegir
el botn Alerta Mdica.
Visualizar estadsticas

Fig. 8 Pantalla visualizar estadsticas

Una vez seleccionada la opcin aparece la

pantalla de Alerta Mdica como se muestra en
la siguiente figura.

El cdigo detallado a continuacin es para la

decodificacin de la fotografa
protected void onActivityResult(int
requestCode, int resultCode, Intent
data) {
super.onActivityResult(requestCode,
resultCode, data);
if(resultCode == Activity.RESULT_OK){
Bundle extra =
data.getExtras();
bmp=(Bitmap)extra.get("data");
imagen.setImageBitmap(bmp);
System.out.print("Datos
de bitmap: "+bmp.toString());
}
}

Fig. 9 Pantalla de Alerta Mdica

Se muestra la pantalla para el envo de alertas
mdicas, en la que se validan campos vacos, se
debe ingresar el tipo de accidente, nmero de
vctimas, un nmero de celular y una fotografa
del incidente.
A continuacin se detalla el cdigo utilizado
para el envo de alertas mdicas en java.

try {
DefaultHttpClient
localDefaultHttpClient = new
DefaultHttpClient();
HttpPost localHttpPost = new HttpPost(
"http://"+ip+"/CRE_Conexion/webresources/c
is.cre.entities.alertamedica/newAlertamedi
ca");
localHttpPost.setEntity(new
UrlEncodedFormEntity(localArrayList));
String str =
EntityUtils.toString(localDefaultHttpClien
t.execute(localHttpPost).getEntity());
Log.e("LOGIN DATA", str);
return str;
}

El cdigo descrito anteriormente se utiliza para

el envo de los datos ingresados por el usuario
hacia el web service.

public String
changeBitmaptoString(Bitmap bitmap){
String temp="";
ByteArrayOutputStream baos=new
ByteArrayOutputStream();
try {
bitmap.compress(Bitmap.CompressFormat.
JPEG,100, baos);
byte []
b=baos.toByteArray();
temp=Base64.encodeToString(b,
Base64.DEFAULT);
} catch (Exception e) {
e.printStackTrace();
return temp;
}
return temp;
}

Envo de alerta de Botn de Pnico, el usuario

debe seleccionar de la pantalla de bienvenida la
opcin Botn de Pnico con lo cual se enviarn
los datos de latitud, longitud, fecha, hora,
nmero de SIM al web services.

Fig. 10 Pantalla enviar botn de pnico

Al presionar el Botn de Pnico y al haber
conexin con el internet se presenta el mensaje
Alerta enviada.
El cdigo para el envo de la alerta de pnico es
similar al de Alerta Mdica.
Para establecer la comunicacin entre los dos
sistemas se ha desarrollado un web service el
cual permitir el envo de la informacin
ingresada por el usuario para ser guardada en la
base de datos, a continuacin muestra el cdigo
usando para enviar una alerta mdica.
@POST
@Path("newAlertamedica")
@Produces({"application/json",
"application/json"})
public String
newAlertamedica(@FormParam("direccionemergenc
ia") String direccionemergencia,
@FormParam("numerocelular") String
numerocelular, @FormParam("numerovictimas")
String numerovictimas,
@FormParam("longitud") String longitud,
@FormParam("latitud") String latitud,
@FormParam("fecha") String fecha,
@FormParam("hora") String hora,
@FormParam("tipoaccidente_id") String
tipoaccidente_id,
@FormParam("users_id") String users_id,
@FormParam("observacion_alerta") String
observacion_alerta,
@FormParam("fotografia") String fotografia,
@FormParam("codtarjeta") String codtarjeta) {

Date date = StringtoDate(fecha);

Date time = StringtoTime(hora);
short estado = 0;
String usuarioid = buscarUsuario(codtarjeta);
byte[] arrayFoto = convertStringtoByte(fotografia);
System.out.println("Datos"+numerocelular+"
"+numerovictimas+" "+longitud+" "+latitud+"
"+fecha+" "+hora+" "+tipoaccidente_id+" "+users_id+"
"+codtarjeta+" "+observacion_alerta+" "+arrayFoto);
try {
if(usuarioid!=null){
super.create(new
Alertamedica(direccionemergencia, numerocelular,
Integer.parseInt(numerovictimas),
Double.parseDouble(longitud),
Double.parseDouble(latitud), date, time,codtarjeta,new
Tipoaccidente(Integer.parseInt(tipoaccidente_id)),new
Users(Integer.parseInt(usuarioid)),observacion_alerta,arr
ayFoto, estado));
return "true";
}else{
super.create(new
Alertamedica(direccionemergencia, numerocelular,
Integer.parseInt(numerovictimas),
Double.parseDouble(longitud),
Double.parseDouble(latitud), date, time,codtarjeta,new
Tipoaccidente(Integer.parseInt(tipoaccidente_id)),null,n
ull,arrayFoto, estado));
return "true";
}
} catch (Exception e) {
e.printStackTrace();
return "false";
}
}

A. Referencias

La clave para acceder al Sistema Web de

administracin deber ser confidencial, solo
el personal autorizado podr ser quien la
utilice.

El personal que utilice el sistema deber

estar capacitado para usar de la mejor
manera las funciones que este ofrece.

Difundir el sistema desarrollado a la

comunidad en general para que se beneficie
de las ventajas que la aplicacin tiene.

IV. CONCLUSIONES
Al concluir con el desarrollo del presente trabajo de
titulacin se ha podido concluir que:

El uso de tecnologas de la informacin y

comunicacin como son los dispositivos
mviles hoy en da se han convertido en
herramientas necesarias para que faciliten y
brinden ayuda el diario vivir del ser humano.
El sistema operativo Android permiti ms
libertad al momento de desarrollar la
aplicacin debido a que es open source, y a
que existe mayor demanda en el mercado a
nivel mundial de dispositivos con este
sistema operativo por su accesibilidad de
costos.
Realizar el Web Service en java permiti
tener ms seguridad al momento de acceder
a la Base de Datos, debido a que los links de
acceso al usar nicamente POST como
mtodo de consulta no deja al descubierto
datos que irn a ser guardados.

REFERENCIAS

[1]
CONOCIMIENTO
VIRTUAL
ACADEMIA,
COLOMBIA. CodeIgniter_Spanish_userGuide
[2] HOLZNER STEVEN. PHP. Manual de Referencia,
Editorial McGraw-Hill 2009.
[3] EGUILUZ, JAVIER, Introduccin a AJAX, Autoedicin
2008
[4] EGUILUZ, JAVIER, Introduccin a JavaScript, Editorial
Autoedicin, 2009
[5] Manuel Bez, lvaro Borrego, Introduccin a Android,
Editorial E.M.E
[6] https://www.google.com/intx/es419/work/mapsearth/products/mapsapi.html, Api de Google.
[7] https://glassfish.java.net/es/, Servidor Glassfish

Johana Carpio Encalada

V. RECOMENDACIONES
Al concluir con el desarrollo del presente trabajo de
titulacin se recomienda:

Egresada de la Carrera de Ingeniera en Sistemas de la Universidad

Nacional de Loja, desarrolladora en java, php, javascript, Analista de
Sistemas nivel medio. Provincia de Loja, Ecuador 2015.

Rosa Faicn Cango

Para futuros proyectos, desarrollar un

mdulo que implemente la geolocalizacin
en las ambulancias para que conjuntamente
con el sistema ya planteado se integren y se
determine la distancia ms corta para
responder a una emergencia mdica.
Implementar esta aplicacin a nivel de todas
las Unidades de Salud de la localidad con el
fin de agilizar la atencin a emergencias
mdicas.

Egresada de la Carrera de Ingeniera en Sistemas de la Universidad

Nacional de Loja, desarrolladora en java, tecnologas web, html, Analista
de Sistemas nivel medio. Provincia de Loja, Ecuador 2015.

Luis Roberto Jcome

Recibi el grado de Ingeniero en Sistemas en la Universidad Tcnica
Particular de Loja Ecuador, contando con un grado de Magister en
Telemtica otorgado por la Universidad de Cuenca. Docente de la
carrera de Ingeniera en Sistemas de la Universidad Nacional de Loja y
coordinador Editorial de la Revista Energa. Provincia de Loja, Ecuador
2015.