ESCUELA TÉCNICA SUPERIOR DE INGENIERÍA INFORMÁTICA
GRADO EN INGENIERÍA DEL SOFTWARE
PLATAFORMA PARA LA PREVENCIÓN DE
DELITOS
ENTORNO VISUAL PARA EL ANÁLISIS Y LA PREVENCIÓN DE
DELITOS
CRIME PREVENTION PLATFORM
VISUAL ENVIRONMENT FOR THE CRIME ANALYSIS AND
PREVENTION
Realizado po
ALBERTO RAMÍREZ MENA
Tu o izado po
EDUARDO GUZMÁN DE LOS RISCOS
Depa amen o
LENGUAJE Y CIENCIAS DE LA COMPUTACIÓN
UNIVERSIDAD DE MÁLAGA
MÁLAGA, SEPTIEMBRE DE 2019
Fecha de ensa: sep iemb e de 2019

................................................................................................... 13
1.1 Mo i ación ........................................................................................................... 13
1.2 Obje i os ............................................................................................................. 14
1.3 An eceden es ....................................................................................................... 14
1.4 Me odología ........................................................................................................ 15
1.5 Tecnologías empleadas ........................................................................................ 16
1.6 Es uc u a de la memo ia..................................................................................... 17
....................................................................................................... 19
2.1 In oducción ........................................................................................................ 19
2.2 Desa ollo ............................................................................................................ 19
2.2.1 In es igación ................................................................................................. 19
2.2.2 Toma de equisi os isuales ........................................................................... 22
2.2.3 Modelo de na egación .................................................................................. 22
2.3 P ime a eunión con el clien e ............................................................................. 23
....................................................................................................... 25
3.1 In oducción ........................................................................................................ 25
3.2 Desa ollo ............................................................................................................ 25
3.2.1 Diseño de la in e az ...................................................................................... 25
3.2.2 C eación de la en ana de acceso .................................................................. 29
3.2.3 C eación de la en ana del mapa ................................................................... 30
3.3 Segunda eunión con el clien e ............................................................................ 33
....................................................................................................... 35
4.1 In oducción ........................................................................................................ 35
4.2 Desa ollo ............................................................................................................ 35
4.2.1 Pes aña de il os ........................................................................................... 35
4.2.2 Manejo de da os ........................................................................................... 38
4.2.3 Selección de á eas ......................................................................................... 39
4.2.4 Tipos de búsquedas ....................................................................................... 40
4.2.5 Cambio en e mapas ..................................................................................... 42
4.2.6 Impo a da os .................................................................................................. 42
4.3 Te ce a eunión con el clien e.............................................................................. 44
....................................................................................................... 45
5.1 In oducción ........................................................................................................ 45
5.2 Desa ollo ............................................................................................................ 45
5.2.1 Ven ana de simulación .................................................................................. 46
5.2.2 Ven ana de g á icas ....................................................................................... 47
5.2.3 Ges ión de usua ios ....................................................................................... 49
5.2.4 Expo ación de da os ..................................................................................... 49
5.2.5 Manual de usua io ......................................................................................... 51
....................................................................................................... 53
6.1 In oducción ........................................................................................................ 53
6.2 Conclusión ............................................................................................................53
6.3 Di icul ades encon adas ......................................................................................54
6.4 Mejo as u u as en la in e az ...............................................................................55
6.4.1 Mejo con ol de e o es ................................................................................55
6.4.2 Rep esen ación de g á icas .............................................................................55
6.5 Posibles nue as uncionalidades ..........................................................................56
6.5.1 Mapa del calleje o de Málaga .........................................................................56
6.5.2 Mapas po ba ios y dis i os policiales ...........................................................56
6.5.3 Mapas de la Cos a del Sol ...........................................................................56
6.5.4 Iconos de deli os ............................................................................................57
...................................................................................................... 59
....................................................................................... 61
A.1. Ace ca del p og ama ...........................................................................................61
A.2. Guía de uso..........................................................................................................62
A.2.1. Realiza búsqueda .........................................................................................62
A.2.2. Consul a da os y es adís icas........................................................................68
A.2.3. Simulación y p edicción .................................................................................72
A.2.4. Opciones de usua io ......................................................................................77
A.2.5. Opciones de adminis ado ...........................................................................80
....................................................................................... 83

.le -panel {
wid h: 40%;
heigh : 100%;
backg ound: whi esmoke;
posi ion: absolu e;
bo de - igh -s yle: solid;
bo de -wid h: 2px;
op: 0%;
le : -40%;
display: lex;
lex-di ec ion: column;
align-i ems: cen e ;
jus i y-con en : s a ;
ansi ion: le 0.4s;
o e low-y: sc oll;
padding: 20px;
}
.checkbox:checked ~ .le -panel {
le : 0;
}
$(".nacionalidades").selec 2({
da a: esponse.da a.Nacionalidades
});
$(".luga es").selec 2({
da a: esponse.da a.Tipos_luga _especi ico
});
$(".hechos").selec 2({
da a: esponse.da a.Tipos_hecho
});
$(".modus").selec 2({
da a: esponse.da a.Modus_ope andi
});
•
•

$h p({
u l: u l,
me hod: "GET",
con ig: con ig,
heade s: {…},
cache: ue,
pa ams: {…}
})
<di class="d- lex inpu -g oup inpu append da e m -1"
id="da eRangePicke F om">
<inpu class=" o m-con ol da epicke " id=" desde" name="da e"
ype=" ex "/>
<span class="inpu -g oup- ex inpu -g oup-addon add-on"><i
class=" as a-calenda "></i></span>
</di >
<sc ip >
$(documen ). eady( unc ion () {
$('#da eRangePicke F om')
.da epicke ({
o ma : 'dd/mm/yyyy'
})
.da epicke (('se Da e', ''));
});
</sc ip >

le downloadAncho Node = documen .c ea eElemen ('a');
downloadAncho Node.se A ibu e("h e ", da aS );
downloadAncho Node.se A ibu e("download", " iche o.json");
documen .body.appendChild(downloadAncho Node); // equi ed o i e ox
downloadAncho Node.click();
downloadAncho Node. emo e();
a blob = new Blob([" uFEFF" + esponse.da a], { ype:
' ex /cs ;cha se =Windows-1252;'});
i (window.na iga o .msSa eO OpenBlob) {
window.na iga o .msSa eBlob(blob, name + ".cs ");
} else {
a a = window.documen .c ea eElemen ("a");
a.h e = window.URL.c ea eObjec URL(blob, {
ype: ' ex /cs ;cha se =Windows-1252;'
});
a.download = name + ".cs ";
documen .body.appendChild(a);
a.click();
documen .body. emo eChild(a);
}