Aplicación Web para el análisis, gestión y visualización del directorio activo

Aplicación Web pa a el Análisis, Ges ión y
Visualización del Di ec o io Ac i o
Es udian e: Sampayo Rod íguez, Ede
Di ec o /Di ec o a: Gojenola Galle ebei ia, Koldobika
Cu so: 2023-2024 Fecha: 26 de junio de 2024
GRADO EN INGENIERÍA INFORMÁTICA DE GESTIÓN Y
SISTEMAS DE INFORMACIÓN
TRABAJO FIN DE GRADO
T abajo Fin de G ado Ede Sampayo Rod íguez
Resumen:
Es e documen o con iene la memo ia del T abajo de Fin de G ado
(TFG) de Ede Sampayo Rod íguez, es udian e de Ingenie ía In o má ica de
Ges ión y Sis emas de In o mación en la Escuela de Ingenie ía de Bilbao de la
Uni e sidad del País Vasco (UPV/EHU).
El p oyec o es una aplicación web que iene como obje i o ayuda al
análisis, ges ión y isualización del Di ec o io Ac i o. Es a he amien a es á di-
señada pa a acili a a los adminis ado es de sis emas la ges ión de los ecu sos
del Di ec o io Ac i o de mane a más e icien e, isual e in ui i a.
La aplicación pe mi e ob ene mé icas del Di ec o io Ac i o en un
panel que mues a la in o mación de los obje os, desbloquea usua ios, ges iona
y isualiza de alladamen e los usua ios y g upos, compa a y ca ego iza los
usua ios de 2 g upos y los g upos de 2 usua ios, expo a los da os ob enidos y
egis a odos los cambios ealizados desde la aplicación al Di ec o io Ac i o
en una base de da os.
El sis ema es á compues o po un F on -End desa ollado en Angu-
la , un Back-End en .NET Co e y una base de da os en SQL Se e , odos
ellos in eg ados con el Di ec o io Ac i o y desplegados en un se ido con IIS.
Además, se u ilizan lib e ías como AG-G id, Cha .js y ApexCha s.js pa a la
isualización de da os, y Swee Ale 2 pa a la ges ión de no i icaciones.
El u o de es e p oyec o es Koldobika Gojenola Galle ebei ia, p o e-
so del depa amen o de Lenguajes y Sis emas In o má icos en la Escuela de
Ingenie os de Bilbao.
Palab as Cla e: Di ec o io Ac i o, Aplicación Web, Análisis de Da-
os, Ges ión de Da os, Visualización de Da os
T abajo Fin de G ado Ede Sampayo Rod íguez
Abs ac :
This documen con ains he Final Deg ee P ojec epo (TFG) o Ede
Sampayo Rod íguez, a s uden o Compu e Enginee ing in Managemen and
In o ma ion Sys ems a he School o Enginee ing o Bilbao, Uni e si y o he
Basque Coun y (UPV/EHU).
The p ojec is a web applica ion aimed a assis ing in he analysis,
managemen , and isualiza ion o Ac i e Di ec o y. This ool is designed o
make Ac i e Di ec o y esou ce managemen mo e e icien , isual, and in ui i e
o sys em adminis a o s.
The applica ion allows o ob aining me ics om Ac i e Di ec o y in
a dashboa d ha displays in o ma ion abou objec s, unlocking use s, mana-
ging and iewing use s and g oups in de ail, compa ing and ca ego izing use s
be ween 2 g oups and g oups be ween 2 use s, expo ing ob ained da a, and
logging all changes made om he applica ion o Ac i e Di ec o y in o a da a-
base.
The sys em consis s o a F on -End de eloped in Angula , a Back-End
in .NET Co e, and a SQL Se e da abase, all in eg a ed wi h Ac i e Di ec o y
and deployed on a se e wi h IIS. Addi ionally, lib a ies such as AG-G id,
Cha .js, and ApexCha s.js a e used o da a isualiza ion, and Swee Ale 2
o no i ica ion managemen .
The supe iso o his p ojec is Koldobika Gojenola Galle ebei ia, a
p o esso in he Depa men o Languages and Compu e Sys ems a he School
o Enginee ing o Bilbao.
Key Wo ds: Ac i e Di ec o y, Web Applica ion, Da a Analysis, Da a
Managemen , Da a Visualiza ion
T abajo Fin de G ado Ede Sampayo Rod íguez
Labu pena:
Dokumen u hone an Ede Sampayo Rod íguez-en G adu Amaie ako
Lana en (TFG) memo ia jaso zen da, Bilboko Ingenia i za Eskolako In o ma-
ika Ingenia i zako ikaslea Euskal He iko Unibe si a ean (UPV/EHU).
P oiek ua web aplikazio ba da, Di ek o io Ak iboa en analisia, kudea-
ke a e a bis a a zea lagun zeko helbu ua duena. T esna hau adminis a zaile
sis emei Di ek o io Ak iboa en baliabideen kudeake a e az eko diseina u a da-
go, baliabideak e aginko ago, ikusga iago e a in ui iboago kudea zeko.
Aplikazioak Di ek o io Ak ibo ik me ikak lo zen di u panel ba ean
objek uen in o mazioa e akus en, e abil zaileak desblokea zen, e abil zaile e a
aldeak zeha z ikus en e a kudea zen, bi aldeko e abil zaileak e a bi e abil zai-
leko aldeak alde a zen e a ka ego iza zen, lo u ako da uak espo a zen e a
aplikazio ik Di ek o io Ak iboan egindako aldake ak da u-base ba ean e egis-
a zen di u.
Sis ema Angula -en ga a u ako F on -End ba ez, .NET Co e-ko Back-
End ba ez e a SQL Se e da u-base ba ez osa u a dago, guz iak Di ek o io Ak-
iboa ekin in eg a u a e a IIS duen ze bi za ian ins ala u a. Gaine a, AG-G id,
Cha .js e a ApexCha s.js libu u egiak e abil zen di a da uak bis a a zeko e a
Swee Ale 2 jakina azpenen kudeake a ako.
P oiek u honen u o ea Koldobika Gojenola Galle ebei ia da, Bilboko
Ingenie i za Eskolako Hizkun zak e a Sis ema In o ma ikoak sailako i akaslea.
Gako-hi zak: Di ek o io Ak iboa, Web Aplikazioa, Da uen Analisia,
Da uen Kudeake a, Da uen Bis a a zea
T abajo Fin de G ado Ede Sampayo Rod íguez
Resumen G á ico | G aphical Abs ac | Labu pen G a ikoa
Figu a 1. Resumen G á ico |G aphical Abs ac |Labu pen G a ikoa.

Índices
Índice
Ab e ia u as ................................ 17
Memo ia ................................... 1
1 In oducción ............................... 1
1.1 An eceden es ............................. 1
1.2 Concep os .............................. 2
2 Plani icación ............................... 6
2.1 Obje i os del P oyec o ....................... 6
2.1.1 Obje i os Gene ales: ..................... 7
2.1.2 Obje i os Técnicos: ..................... 8
2.2 Bene icios que apo a el p oyec o .................. 9
2.2.1 Bene icios económicos .................... 9
2.2.2 Bene icios de iempo ..................... 9
2.2.3 Bene icios audi o ía del Di ec o io Ac i o ......... 10
2.2.4 Bene icios de comunicación ................. 10
2.3 Análisis del es ado del a e ..................... 10
2.3.1 Ac i e Di ec o y Use s and Compu e s .......... 10
2.3.2 ManageEngine ADManage Plus .............. 11
2.4 Alcance del P oyec o ........................ 13
2.5 Me odología seguida en el desa ollo del abajo ......... 14
2.5.1 Me odología Ágil Sc um .................. 14
2.5.2 Kanban ............................ 14
2.5.3 Combinación de Sc um y Kanban ............. 14
2.6 Di isión de Sp in s ......................... 15
2.7 Ges ión de las a eas con Kanban ................. 15
2.8 Plani icación empo al ....................... 16
2.9 Diag ama de Gan /c onog ama .................. 18
2.10 Análisis de iesgos .......................... 19
3 Análisis y Diseño ............................ 20
3.1 Análisis ................................ 20
3.2 Diseño ................................ 22
3.2.1 Diseño del F on -End .................... 22
3.2.2 Diseño del Back-End .................... 24
3.2.3 Diseño de la Base de Da os ................. 26
3.2.4 Conexión en e el F on -End y el Back-End ........ 27
3.2.5 Conexión en e el Back-End y el Di ec o io Ac i o . . . . 29
6
T abajo Fin de G ado Ede Sampayo Rod íguez
3.2.6 Conexión en e el Back-End y SQL Se e ......... 31
3.2.7 Conexión en e odas las ecnologías ............ 33
4 He amien as U ilizadas ....................... 34
4.1 En o nos de desa ollo ....................... 34
VS Code y VS 2022 ............................ 34
4.2 He amien as del F on -End .................... 35
Angula .................................. 35
AG-G id .................................. 35
Swee Ale 2 ................................ 36
4.3 He amien as del Back-End ..................... 37
.NET .................................... 37
Ac i e Di ec o y ............................. 37
SQL Se e ................................ 38
IIS ..................................... 39
4.4 He amien as de ges ión de p oyec os ............... 40
T ello ................................... 40
Gi Hub .................................. 40
4.5 He amien as de documen ación .................. 41
O e lea .................................. 41
4.6 He amien as de diseño y plani icación .............. 42
Lucidcha ................................. 42
Gan PRO ................................. 42
Mi o y Can a ............................... 43
5 Desa ollo ................................ 44
5.1 Desa ollo F on -End ........................ 44
5.1.1 Componen es y En u amien o ............... 44
5.1.2 Se icios ........................... 46
5.1.3 Ges ión de los accesos - Au hGua d ............ 46
5.1.4 Compa i da os en e componen es ............ 47
5.1.5 Solici udes HTTP desde el F on -End al Back-End . . . . 48
5.1.6 Ges ión de la caché ..................... 52
5.1.7 In e cep o .......................... 53
5.1.8 AG-G id ........................... 54
5.1.9 Swee Ale 2 ......................... 55
5.1.10 G á icos ........................... 58
5.1.11 Va iables de en o no ..................... 60
5.1.12 Almacenamien o local y ci ado .............. 61
5.2 Desa ollo Back-End ........................ 63
5.2.1 Con olado es ........................ 63
ÍNDICE
T abajo Fin de G ado Ede Sampayo Rod íguez
5.2.2 Se icios ........................... 64
5.2.3 Conexión al Di ec o io Ac i o ............... 64
5.2.4 Conexión a la base de da os ................ 69
5.2.5 In e aces e Inyecciones ................... 72
5.2.6 Middlewa es ......................... 74
5.2.7 Va iables de con igu ación ................. 75
5.3 In e az g á ica de la aplicación ................... 76
5.3.1 Boce o de la in e az .................... 76
5.3.2 Diseño inal ......................... 83
5.4 Despliegue en IIS .......................... 83
5.4.1 Fiche o web.con ig del F on -End .............. 84
5.4.2 Manual de despliegue .................... 84
6 Conclusiones .............................. 85
6.1 Obje i os alcanzados ........................ 85
6.2 Posibles mejo as u u as ...................... 85
6.3 Tiempos inales ........................... 87
6.4 Re lexión pe sonal .......................... 90
Bibliog a ía ................................. 91
Anexo I: Desc ipción de las a eas del p oyec o .......... 1
Ges ión .................................. 1
Fo mación ................................. 3
Desa ollo ................................. 6
P uebas .................................. 8
Documen ación .............................. 10
Anexo II: Desc ipción de los Sp in s del p oyec o ......... 13
Sp in 1: In e az, Análisis y Diseño ................... 13
Sp in 2: Menú de Na egación, Au en icación y Au o ización ..... 13
Sp in 3: Dashboa d ........................... 14
Sp in 4: Combinación de G upos .................... 15
Sp in 5: Usua ios ............................. 15
Sp in 6: G upos ............................. 16
Sp in 7: Logs ............................... 17
Sp in 8: Fusión de Usua ios de G upos ................. 18
Sp in 9: Despliegue y P uebas ...................... 19
Anexo III: Desc ipción de los iesgos del p oyec o ......... 21
Riesgos de Ges ión ............................ 21
Riesgos Humanos ............................. 22
ÍNDICE
40 Riesgo de mala ges ión de los da os sensibles. ........... 24
41 Riesgo de alsas ala mas po p uebas. ............... 25
42 Riesgo de imposible in eg ación en e ecnologías. ........ 26
43 Riesgo de mal endimien o. ..................... 26
44 Riesgo de complejidad. ....................... 27
45 Tabla de pue os pa a desa ollo y p oducción .......... 31
46 Requisi os de Ha dwa e y So wa e pa a ejecu a aplicaciones
Angula 17 y .NET Co e 8 en IIS. ................. 52

Ab e ia u as
T abajo Fin de G ado Ede Sampayo Rod íguez
Ab e ia u as
AD Di ec o io Ac i o / Ac i e Di ec o y
SPA Aplicación de Página Única / Single-Page Applica ion
PWA Aplicación Web P og esi a / P og essi e Web Applica ion
IIS In e ne In o ma ion Se ices
BBDD Base de Da os
DB Base de Da os / Da abase
MS Mic oso
OU Unidad O ganiza i a / O ganiza ional Uni
TI Tecnologías de la In o mación
EDT Es uc u a de Desglose del T abajo
CORS Compa i Recu sos en e Dis in os O ígenes / C oss-O igin
Resou ce Sha ing
HTTP P o ocolo de T ans e encia de Hipe ex o / Hype ex T ans e
P o ocol
HTTPS P o ocolo de T ans e encia de Hipe ex o Segu o / Hype ex
T ans e P o ocol Secu e
URL Localizado Uni o me de Recu sos / Uni o m Resou ce Loca o
URI Iden i icado Uni o me de Recu sos / Uni o m Resou ce Iden i ie
SSL Capa de Socke s Segu os / Secu e Socke s Laye
LDAP P o ocolo Lige o de Acceso a Di ec o ios / Ligh weigh Di ec o y
Access P o ocol
API In e az de P og amación de Aplicaciones / Applica ion
P og amming In e ace
ÍNDICE DE TABLAS
T abajo Fin de G ado Ede Sampayo Rod íguez
IDE En o no de Desa ollo In eg ado / In eg a ed De elopmen
En i onmen
MVC Modelo-Vis a-Con olado
SO Sis ema Ope a i o
SWAL Swee Ale
LINQ Consul a In eg ada en el Lenguaje / Language In eg a ed Que y
CSV Valo es Sepa ados po Comas / Comma-Sepa a ed Values
HTML Lenguaje de Ma cado de Hipe ex o / Hype ex Ma kup
Language
CSS Hojas de Es ilo en Cascada / Cascading S yle Shee s
SCSS Sassy CSS
TS TypeSc ip
SQL Lenguaje de Consul a Es uc u ada / S uc u ed Que y Language
XML Lenguaje de Ma cado Ex ensible / Ex ensible Ma kup Language
VS Visual S udio
NPM Adminis ado de Paque es de Node / Node Package Manage
CLI In e az de Línea de Comandos / Command Line In e ace
ORM Mapeo Obje o-Relacional / Objec -Rela ional Mapping
REST T ans e encia de Es ado Rep esen acional / Rep esen a ional
S a e T ans e
DOM Modelo de Obje os del Documen o / Documen Objec Model
JSON No ación de Obje os de Ja aSc ip / Ja aSc ip Objec No a ion
AES Es ánda de Enc ip ación A anzada / Ad anced Enc yp ion
S anda d
ÍNDICE DE TABLAS
T abajo Fin de G ado Ede Sampayo Rod íguez
SaaS So wa e como Se icio / So wa e as a Se ice
LLM Modelo de Lenguaje de G an Tamaño / La ge Language Model
GPT T ans o mado Gene a i o P een enado / Gene a i e P e- ained
T ans o me
IA In eligencia A i icial
TFG T abajo de Fin de G ado
ÍNDICE DE TABLAS
Memo ia

T abajo Fin de G ado Ede Sampayo Rod íguez
Memo ia
1. In oducción
En el en o no ac ual de las o ganizaciones, ges iona de mane a e icien-
e la in aes uc u a ecnológica y los ecu sos humanos es c ucial. Den o de
es e ma co, el Di ec o io Ac i o (AD) [1] es esencial pa a la ges ión cen ali-
zada de odos los usua ios, pe misos, equipos y o os ecu sos esenciales de la
in aes uc u a TI.
El Di ec o io Ac i o no solo ayuda a la adminis ación, sino que am-
bién con ibuye a la ges ión de la segu idad y el accesos a los da os. Sin emba go,
a medida que aumen a la complejidad de es a es uc u a, se hace cada ez más
complicado cumpli con los es ánda es de segu idad.
Es e T abajo de Fin de G ado p esen a una aplicación web inno ado-
a pa a op imiza la adminis ación del Di ec o io Ac i o de una emp esa. La
aplicación no solo es capaz de analiza el es ado de salud del AD, sino que
ambién mejo a su ges ión y p opo ciona he amien as a anzadas de isualiza-
ción y búsqueda, con el obje i o de ene un ápido acceso a odos los da os de
in e és pa a los adminis ado es.
A lo la go de es e documen o, se mos a á cómo se ha desa ollado el
p oyec o, aba cando su ges ión, uncionalidades, diseño, ecnologías e imple-
men ación. La igu a 1mues a un esumen g á ico del p oyec o.
1.1 An eceden es
Es e p oyec o se ha desa ollado du an e las p ác icas de emp esa en
Pe ono , donde me p opusie on la idea de ealiza una aplicación web pa a
analiza , ges iona y isualiza su Di ec o io Ac i o.
La idea me pa eció muy in e esan e, ya que el Di ec o io Ac i o es am-
pliamen e u ilizado en la mayo ía de emp esas hoy en día. De hecho, ap oxi-
madamen e un 90 % de las emp esas incluidas en el Fo une 1000 lo u ilizan
[2]. Asimismo, lo i como una opo unidad pa a ap ende a desa olla una
aplicación web desde ce o, aba cando su diseño, implemen ación y despliegue,
además de que el pode es a en un p oyec o es algo que me hacía bas an e
ilusión.
Página 1 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
1.2 Concep os
An es de comenza , es impo an e explica los concep os que se abo da-
án a lo la go del p oyec o. Con iene en ende cada uno de ellos pa a asegu a
la o al comp ensión del abajo:
F on -End: Es la pa e de una aplicación con la que los usua ios in e ac úan
di ec amen e, aba cando el diseño, la es uc u a y el compo amien o de
la in e az de usua io.
Back-End: Es la pa e de una aplicación que maneja la lógica del se ido ,
las bases de da os y la in eg ación con o os se icios; no es isible pa a
el usua io inal.
Modelo-Vis a-Con olado : Es un pa ón de diseño de so wa e que sepa-
a una aplicación en es componen es in e conec ados: Modelo (da os),
Vis a (in e az de usua io) y Con olado (lógica de negocio).
Componen e Angula : Es una pa e modula y eu ilizable de la in e az de
usua io en una aplicación Angula . De ine la is a y la lógica asociada,
pe mi iendo cons ui in e aces complejas median e la combinación de
múl iples componen es.
Se icio Angula : Es una clase en Angula que p opo ciona una uncionali-
dad especí ica, usualmen e compa ida en e a ios componen es ( eu ili-
zación), y acili a la ges ión de lógica emp esa ial y la comunicación con
APIs. Los se icios se usan ecuen emen e pa a maneja a eas como
llamadas a APIs, manipulación de da os o compa i in o mación en e
componen es. También se u ilizan pa a au o iza accesos a pa es de la
aplicación web (gua dias).
Di ec i a Angula : Las di ec i as en Angula son ins ucciones que se pue-
den u iliza en código HTML pa a modi ica el compo amien o o el as-
pec o de los elemen os del DOM (Documen Objec Model). Son una
o ma de ag ega uncionalidades dinámicas a un HTML.
Ru as Angula : Las u as en Angula se u ilizan pa a ges iona la na ega-
ción den o de una aplicación de una sola página (SPA). Pe mi en ca ga
di e en es componen es y is as en unción de la URL ac ual, sin ene
que eca ga la página comple a.
Endpoin : Es una URL especí ica donde un se ido espe a ecibi solici udes
1.2 Concep os Página 2 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
y p opo ciona espues as, ac uando como pun o de acceso a una API.
Con olado : Es un componen e que maneja las solici udes en an es, p ocesa
la lógica de negocio y de uel e las espues as adecuadas a las is as o al
clien e.
Se icio Back-End: Es un se icio que se enca ga de ges iona la lógica del
lado del se ido , in e ac uando con bases de da os, APIs y o os se icios
pa a p ocesa da os.
Reposi o io: Es un componen e que p opo ciona una abs acción sob e la
capa de pe sis encia, pe mi iendo ope aciones de almacenamien o, ecu-
pe ación y manipulación de da os en una BBDD.
Con ex o de BBDD:Es una clase que ges iona la conexión y las ope aciones
en e una aplicación y la base de da os, gene almen e en el ma co de un
ORM (Objec -Rela ional Mapping).
En i y F amewo k: Es un ORM (Mapeado Obje o-Relacional) de Mic oso
pa a .NET que acili a el acceso y manejo de bases de da os elacionales.
Middlewa e: Es un so wa e que ac úa como in e media io en la comunica-
ción en e el F on -End y el Back-End, ges ionando el lujo de da os y las
solici udes.
Link ee: Es una he amien a que pe mi e c ea una página única con múl-
iples enlaces, acili ando compa i a ios ecu sos a a és de una sola
URL, comúnmen e usada en pe iles de edes sociales.
F amewo k: Es una es uc u a de sopo e y conjun o de he amien as y bi-
blio ecas que acili a el desa ollo de so wa e, p opo cionando soluciones
p ede inidas y p ác icas ecomendadas.
API REST ul: Es una aplicación o se icio web que sigue los p incipios de
REST pa a su diseño e implemen ación. Una aplicación REST ul u iliza
URIs pa a iden i ica ecu sos, mé odos HTTP pa a ealiza ope aciones
sob e esos ecu sos, y o ma os de ep esen ación (como JSON oXML)
pa a ansmi i da os en e el clien e y el se ido .
Usua io bloqueado: Es un es ado de una cuen a de usua io en el que se impi-
de empo almen e el acceso debido a ac i idades sospechosas o iolaciones
de polí icas.
1.2 Concep os Página 3 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Usua io deshabili ado: Es un es ado de una cuen a de usua io en el que se
ha e ocado el acceso de mane a pe manen e o inde inida, gene almen e
po azones adminis a i as.
Usua io con cuen a expi ada: Es una cuen a de usua io que ya no puede
accede a los se icios po que ha supe ado una echa lími e de alidez
es ablecida.
Con olado de Dominio: Es un se ido que ges iona la au en icación y
au o ización de usua ios y ecu sos den o de una ed, aplicando polí icas
de segu idad y acceso.
Bosque, Á bol, Dominio: Son es uc u as je á quicas en se icios de di ec-
o io: un bosque es un conjun o de á boles, un á bol es un conjun o de
dominios, y un dominio es un g upo de ecu sos adminis ados.
Unidad O ganiza i a: Es una es uc u a den o del AD que o ganiza y ad-
minis a ecu sos de ed, como usua ios, g upos y disposi i os, según la
es uc u a je á quica de la o ganización. Las unidades o ganiza i as pe -
mi en aplica polí icas de segu idad y adminis a i as de mane a e icien e
al ag upa ecu sos elacionados.
Au en icación y Au o ización: La au en icación e i ica la iden idad de un
usua io, mien as que la au o ización de e mina los pe misos y acceso a
ecu sos que iene ese usua io.
Gi : Es un sis ema de con ol de e siones dis ibuido que pe mi e a los de-
sa ollado es ges iona y man ene un his o ial de cambios en el código
uen e de un p oyec o.
Va iable de en o no: Es un alo dinámico que a ec a al uncionamien o de
una aplicación, el cual se puede con igu a .
In e az de clase: Conjun o de mé odos y p opiedades que de ine el compo -
amien o público de una clase en p og amación o ien ada a obje os. Si e
como especi icación pa a las clases que la implemen an, ga an izando cie -
as uncionalidades.
Logs: Regis os de allados de e en os, acciones o mensajes gene ados du an e
la ejecución de un sis ema. Ú iles pa a seguimien o, diagnós ico, análisis
y audi o ía.
1.2 Concep os Página 4 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Ges iona equipos y unidades o ganiza i as (OUs)
Es ablece polí icas y pe misos
Realiza búsquedas y aplica il os
Al se una he amien a na i a de Mic oso , se in eg a pe ec amen e
con el Di ec o io Ac i o y o as soluciones de la emp esa. El obje i o de nues a
aplicación es que sea capaz de con i i con es a, po lo que no se a a in en a
eemplaza la, sino que se añadi án uncionalidades y mé icas de análisis que
la aplicación de Mic oso no puede o ece .
Po ejemplo, es a aplicación no cuen a con un Dashboa d, ni iene la
capacidad de ca ego iza usua ios de un g upo o g upos de un usua io. Aún
así, sí que cuen a con il os de búsqueda como nues a aplicación, aunque
es os il os son poco in ui i os y complicados de usa , po lo que se compe i á
en ese aspec o.
Figu a 2. Fo o de la aplicación ‘Ac i e Di ec o y Use s and Compu e s’
2.3.2 ManageEngine ADManage Plus
ADManage Plus [4] (Figu a 3) es una he amien a come cial de e ce-
os c eada po ManageEngine que o ece una gama más amplia de uncionalida-
des en compa ación con las he amien as na i as de Mic oso . Es a he amien a
se pod ía conside a como una compe ido a di ec a, po lo que es impo an e
comp ende qué o ece y cuáles son sus ca ac e ís icas:
Ges ión de usua ios, g upos, equipos y con aseñas
2.3 Análisis del es ado del a e Página 11 de 92

T abajo Fin de G ado Ede Sampayo Rod íguez
Gene ación de in o mes sob e el es ado del AD
In e az in ui i a
En el caso de es a he amien a, no o ece la posibilidad de ca ego i-
za usua ios de un g upo o g upos de un usua io, uncionalidad que aho a ía
bas an e abajo adminis a i o.
Po el con a io, sí que o ece un análisis es ado de salud del AD en un
Dashboa d, po lo que pa a compe i con a ello, se o ece á la posibilidad de
accede a la in o mación de los da os ob enidos en nues o Dashboa d, además
de pode expo a los.
Figu a 3. Fo o de la aplicación ‘ManageEngine ADManage Plus’
2.3 Análisis del es ado del a e Página 12 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
2.4 Alcance del P oyec o
El alcance de es e p oyec o aba ca odas las a eas que hay que ealiza
pa a lle a a cabo el abajo en su o alidad. Pa a ello, se ha desa ollado una
es uc u a de desglose de abajo (EDT), donde podemos di e encia en e las
a eas p incipales y sus sub a eas (Figu a 4):
Figu a 4. Diag ama EDT
2.4 Alcance del P oyec o Página 13 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
La desc ipción de las a eas se encuen a en el Anexo I (sección 6.4).
2.5 Me odología seguida en el desa ollo del abajo
Pa a la ges ión del p oyec o, se emplea una combinación de la me o-
dología ágil Sc um indi idual [5] y el en oque Kanban [6]. Es a combinación
ap o echa lo mejo de ambos en oques pa a ges iona e icazmen e el abajo,
pe mi iendo adap abilidad a los cambios y man eniendo una en ega con inua
de la aplicación.
2.5.1 Me odología Ágil Sc um
La me odología ágil Sc um es un ma co de abajo que se en oca en
la colabo ación, la adap abilidad y la en ega con inua. Aunque es á diseñada
pa a equipos, se adap a á a mi si uación indi idual (Pe sonal Sc um).
Es a me odología se o ganiza en Sp in s, que son pe iodos de iempo
co os y ijos en los que se lle a a cabo una pa e del desa ollo del p oyec o.
Du an e cada Sp in , se plani ican, desa ollan, p ueban y en egan unciona-
lidades de la aplicación.
2.5.2 Kanban
Kanban es un en oque isual pa a ges iona el abajo, que se basa en
el p incipio de lujo con inuo. Se u iliza á un able o Kanban pa a isualiza el
lujo de abajo y las a eas pendien es, en p og eso, en e isión y comple adas.
2.5.3 Combinación de Sc um y Kanban
La combinación de Sc um yKanban pe mi e ges iona e icazmen e el
p oyec o. Se u ilizan los p incipios de Sc um, como los Sp in s y las euniones
dia ias, pa a es ablece obje i os cla os y ealiza un seguimien o egula del
p og eso.
Además, se ap o echan el en oque isual y el lujo con inuo de Kanban
pa a ges iona las a eas de mane a lexible y adap a se a los cambios en el
p oyec o. Es a combinación ga an iza una en ega con inua de alo al p oyec o,
man eniendo la adap abilidad necesa ia pa a en en a los desa íos que puedan
su gi du an e el desa ollo.
2.5 Me odología seguida en el desa ollo del abajo Página 14 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
2.6 Di isión de Sp in s
La di isión de los Sp in s se encuen a en el Anexo II (sección 6.4).
2.7 Ges ión de las a eas con Kanban
Pa a desa olla los able os Kanban, se ha u ilizado T ello.T ello
[7] es una he amien a de ges ión de p oyec os online que u iliza able os pa a
o ganiza a eas.
Cada able o en T ello ep esen a un p oyec o o una pa e de un p o-
yec o y es á di idido en lis as, que a su ez con ienen a je as indi iduales que
ep esen an a eas a las que puedes adjun a una desc ipción, a chi os, e c. Es-
as a je as pueden mo e se en e lis as según su es ado o p og eso. Pa a es e
p oyec o, se han c eado 4 able os:
Desa ollo del F on -End
Desa ollo del Back-End
Despliegue
Documen ación
Asimismo, se han c eado 4 lis as en cada able o:
To Do Doing In Re iew Done
A con inuación, se mues a un ejemplo de un able o en T ello (Figu a
5):
2.6 Di isión de Sp in s Página 15 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 5. T able o en T ello
2.8 Plani icación empo al
En la siguien e sección se mues an las a eas mencionadas an e io -
men e, jun o con una es imación de ho as que lle a á comple a las. Es a pla-
ni icación es impo an e pa a ga an iza que el p oyec o a anza de mane a
e icien e y se comple a den o de los plazos es imados.
Ta eas Es imación
Ges ión 16 ho as
1.1 De inición del ema del p oyec o 2 ho as
1.2 De ini obje i os del p oyec o 2 ho as
1.3 Plani ica las a eas a ealiza 4 ho as
1.4 Elegi las ecnologías 2 ho as
1.5 Reuniones con los in e esados 6 ho as
Fo mación 27 ho as
2.8 Plani icación empo al Página 16 de 92

T abajo Fin de G ado Ede Sampayo Rod íguez
2.1 Fo mación en Di ec o io Ac i o 5 ho as
2.2 Fo mación en Angula 10 ho as
2.3 Fo mación en .NET / C# 4 ho as
2.4 Fo mación en MS SQL Se e 1 ho a
2.5 Fo mación en IIS 2 ho as
2.6 Fo mación en in eg ación ecnologías 5 ho as
Desa ollo 193 ho as
3.1 Boce o de la in e az 3 ho as
3.2 Análisis 3 ho as
3.3 Diseño 4 ho as
3.4 Implemen ación 180 ho as
3.5 Despliegue 3 ho as
P uebas 30 ho as
4.1 Ob ención y isualización de da os 6 ho as
4.2 Acciones de usua io 10 ho as
4.3 Acciones de adminis ado 8 ho as
4.4 Despliegue 6 ho as
Documen ación 70 ho as
5.1 Redacción de la memo ia 50 ho as
2.8 Plani icación empo al Página 17 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
5.2 Co ección de allos de la memo ia 5 ho as
5.3 P epa ación de la de ensa 15 ho as
TOTAL 336 ho as
Tabla 1: Es imación de iempos.
2.9 Diag ama de Gan /c onog ama
A con inuación, se mues a la plani icación del p oyec o a a és de un
diag ama de Gan (Figu a 6), donde podemos obse a el iempo es imado
que lle a á comple a cada a ea, en un in e alo de semanas:
Figu a 6. Diag ama de Gan
Es impo an e menciona que es e p oyec o se ealiza á du an e el ho-
a io de p ác icas, en una jo nada labo al de 6-7 ho as. Aún así, no se in e i á
2.9 Diag ama de Gan /c onog ama Página 18 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
odo el ho a io de las p ác icas en el p oyec o. También se dedica án ho as
ue a del ho a io labo al, sob e odo pa a la documen ación.
2.10 Análisis de iesgos
An es de comenza con la elabo ación, es necesa io iden i ica y ges-
iona odos los iesgos que puedan su gi , con el obje i o de elabo a planes
pa a minimiza su e ec o sob e el p oyec o. Es os iesgos pod ían e asa el
p oyec o, pa aliza lo o incluso impedi lo en el peo de los casos.
Se ha desa ollado un diag ama con los ipos de iesgos del p oyec o
(Figu a 7), además de una documen ación de cada uno de ellos:
Figu a 7. Diag ama de iesgos
La desc ipción de los iesgos se encuen a en el Anexo III (sección 6.4).
2.10 Análisis de iesgos Página 19 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
3. Análisis y Diseño
Una ez de inidos los obje i os y plani icado las a eas po ealiza , es
el u no de ealiza un análisis y diseño de la aplicación que se a a desa olla .
En es a sección, se an a de ini los casos de uso de la aplicación, además del
diseño de cada una de las ecnologías y la in eg ación en e ellas.
Es impo an e ealiza un igu oso análisis y diseño po las siguien es
azones:
Reducción de Cos os y Tiempos: Tene un esquema plani icado e i a
la necesidad de sob epensa , eniendo más cla o desde el inicio la base
que hay que segui .
Mejo a de la Calidad del Sis ema: Al iden i ica odos los elemen os
del sis ema y cómo se an a comunica , se ienen en cuen a ac o es como
la segu idad, la escalabilidad y el endimien o, lo cual aumen a su calidad.
Flexibilidad y Adap abilidad: El pode con a con un diseño inicial
pe mi e inco po a nue as uncionalidades o ealiza modi icaciones con
más apidez.
Man enimien o Fu u o: Un análisis y diseño bien documen ados acili-
an el man enimien o, la ealización de mejo as y la co ección de e o es
en la aplicación.
3.1 Análisis
Du an e es a ase de análisis, se mos a án los casos de uso de la apli-
cación. Los casos de uso son una écnica pa a desc ibi las in e acciones en e
usua ios y el sis ema. Cada caso de uso desc ibe una secuencia de acciones,
mos ando cómo se inicia la in e acción, qué acciones ealiza el usua io y cómo
esponde el sis ema:
Página 20 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Como en cualquie Log ( egis o de ac i idad), necesi amos una echa
y ho a, la ope ación que se ha ealizado y los de alles de esa ope ación. Ade-
más, añadimos quién ha sido el esponsable de esa acción, el cual es de ec ado
au omá icamen e po el sis ema, y si su ope ación sob e el AD ha sido co ec a
o no, pa a el caso de que no enga pe misos o haya ocu ido algún e o .
Po úl imo, egis amos el usua io a ec ado y el g upo a ec ado. En
cie os casos, las acciones a ec a án a los 2 a la ez, pe o siemp e a ec a án a
uno de ellos como mínimo. Po ejemplo, las acciones de inse ción de un usua io
a un g upo, a ec an a las 2 pe sonas. Un desbloqueo de un usua io, en cambio,
solo a ec a al usua io en pa icula .
3.2.4 Conexión en e el F on -End y el Back-End
La conexión en e el F on -End y el Back-End es undamen al pa a el
uncionamien o de la aplicación en su conjun o. Pa a log a es a comunicación,
se u iliza una a qui ec u a de ipo clien e-se ido , donde el F on -End ac úa
como clien e y el Back-End como se ido .
Angula ealiza solici udes HTTP al Back-End pa a ob ene o en ia
da os. Pa a es o, Angula u iliza su módulo H pClien , que p opo ciona mé-
odos pa a ealiza pe iciones HTTP como GET, POST, PUT y DELETE.
Po o o lado, el Back-End desa ollado en .NET Co e expone APIs
REST ul, que son endpoin s accesibles a a és de HTTP. Es os endpoin s
son ges ionados po con olado es que p ocesan las solici udes en an es, eje-
cu an la lógica de la aplicación y de uel en las espues as co espondien es.
La comunicación en e el F on -End y el Back-End se basa en in e -
cambios de da os en o ma o JSON, un o ma o lige o y ácil de lee que es
ampliamen e u ilizado en aplicaciones web.
3.2 Diseño Página 27 de 92

T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 12. Diag ama de Conexión en e el F on -End y el Back-End
3.2 Diseño Página 28 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Como se puede obse a en el diag ama (Figu a 12), se ha c eado un
con olado Back-End po cada se icio F on -End que se quie e comunica con
él, donde los 2 ienen el mismo nomb e. Es o se ha hecho pa a acili a la legibi-
lidad y man enimien o del sis ema, ya que es ablece una cla a co espondencia
en e los componen es de cada ecnología.
3.2.5 Conexión en e el Back-End y el Di ec o io Ac i o
La conexión en e el Back-End y el Di ec o io Ac i o (Figu a 13) se
ealiza a a és de la API ‘Sys em.Di ec o ySe ices.Accoun Managemen ’ de
.NET den o de los se icios del Back-End.
Es a API u iliza el p o ocolo LDAP, y p opo ciona una in e az de
p og amación que simpli ica la in e acción con el Di ec o io Ac i o, pe mi ien-
do ope aciones de búsqueda, modi icación y au en icación de una o ma más
sencilla.
3.2 Diseño Página 29 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 13. Diag ama de Conexión en e el Back-End y el Di ec o io Ac i o
3.2 Diseño Página 30 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
3.2.6 Conexión en e el Back-End y SQL Se e
La conexión en e .NET Co e y SQL Se e se es ablece a a és del
En i y F amewo k Co e, una ecnología de mapeo obje o- elacional (ORM)
que simpli ica el acceso y la manipulación de da os en la base de da os.
En i y F amewo k Co e u iliza un modelo de da os basado en clases
de C# pa a ep esen a la es uc u a de la BBDD. Es as clases o modelos se
mapean a ablas en la BBDD, y los a ibu os de los modelos se co esponden
con las columnas de las ablas. Es e en oque acili a el desa ollo al pe mi i la
in e acción con la BBDD u ilizando obje os y consul as en lenguaje LINQ, en
luga de esc ibi di ec amen e consul as SQL.
A a és del con ex o de base de da os, que es una ins ancia de la cla-
se DbCon ex , el En i y F amewo k Co e acili a la comunicación en e
la aplicación y la BBDD, lo que pe mi e ealiza ope aciones en ella. El dia-
g ama de conexión en e el Back-End y SQL Se e (Figu a 14) mues a es a
in e acción:
3.2 Diseño Página 31 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 14. Diag ama de Conexión en e el Back-End y SQL Se e
3.2 Diseño Página 32 de 92

T abajo Fin de G ado Ede Sampayo Rod íguez
3.2.7 Conexión en e odas las ecnologías
Pa a e mina , se mues a un diag ama donde se ienen en cuen a odos
los diag amas an e io es y se ob iene una conexión o al de la aplicación web.
En es e diag ama (Figu a 15), se puede ap ecia que se sigue el modelo clien e-
se ido , donde el clien e es la pa e an e io a la solici ud HTTP y el se ido
la pos e io .
Figu a 15. Diag ama de Conexión en e odas las ecnologías
3.2 Diseño Página 33 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
4. He amien as U ilizadas
Pa a ealiza el desa ollo, despliegue y documen ación de es e p oyec o,
se han u ilizado las siguien es he amien as y ecnologías. Cada una de ellas
end á una desc ipción de qué es y las azones po y pa a las que se ha u ilizado:
4.1 En o nos de desa ollo
VS Code y VS 2022
¿Qué son?
Visual S udio Code (VS Code) es un edi o de código uen e g a ui o
y mul ipla a o ma de Mic oso . Visual S udio 2022 (VS 2022) es un en o no
de desa ollo in eg ado (IDE) c eado po Mic oso .
¿Po qué y pa a qué se u ilizan?
Visual S udio Code se u iliza pa a el desa ollo del F on -End. Se ha
elegido po que es muy e sá il y po que cuen a con una amplia gama de ex en-
siones pa a Angula , Typesc ip y odo lo elacionado con el desa ollo web.
Visual S udio 2022 se u iliza pa a el desa ollo del Back-End. Se ha
elegido po que cuen a con sopo e comple o y na i o pa a .NET Co e y he a-
mien as a anzadas pa a el manejo de bases de da os.
Figu a 16. Logo de Visual S udio Code Figu a 17. Logo de Visual S udio 2022
Página 34 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
4.2 He amien as del F on -End
Angula + +
¿Qué es?
Angula es un amewo k de desa ollo web de código abie o man-
enido po Google. Pe mi e la c eación de aplicaciones web de una sola pá-
gina (SPA) y aplicaciones web p og esi as (PWA). Es una combinación de
HTML,CSS y Typesc ip y sigue el pa ón de a qui ec u a MVC (Modelo-
Vis a-Con olado ).
Angula p opo ciona he amien as pa a c ea in e aces de usua io in-
e ac i as y dinámicas, ges iona el en u amien o de la aplicación, ealiza so-
lici udes HTTP, e c.
¿Po qué y pa a qué se u iliza?
Angula se ha elegido pa a el desa ollo del F on -End y pa a la co-
municación con el Back-End. La azón es que es un amewo k muy obus o
y comple o, o ganizado en componen es (lo cual a o ece la modula idad y la
eu ilización de código), y o ece ca ac e ís icas in e esan es como el en u a-
mien o.
Figu a 18. Logo de Angula
Figu a 19. Logo de
HTML
Figu a 20. Logo de
CSS
Figu a 21. Logo de
Typesc ip
4.2 He amien as del F on -End Página 35 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
AG-G id
¿Qué es?
AG-G id [8] es una biblio eca de ablas de da os con múl iples ca ac-
e ís icas, diseñada pa a los p incipales amewo ks de Ja aSc ip . Des aca
po su al a elocidad y endimien o, así como po su amplia gama de ca ac-
e ís icas, incluyendo il ado, o denación, ag upación, paginación y edición de
da os.
¿Po qué y pa a qué se u iliza?
Es as ablas se u iliza án pa a mos a en el F on -End odos los da-
os ob enidos desde el Back-End. Como se ha comen ado an e io men e, es as
ablas o ecen lexibilidad, endimien o, sopo e pa a g andes conjun os de da-
os y uncionalidades a anzadas, y al ene que mos a g andes conjun os de
da os, lo úl imo que que emos es pe de endimien o en la aplicación.
Figu a 22. Logo de Ag-G id
Swee Ale 2
¿Qué es?
Swee Ale 2 (SWAL) es una biblio eca de Ja aSc ip que p opo ciona
en anas modales (pop-ups) pe sonalizables pa a mos a mensajes de ale a,
con i mación, ad e encia o in o mación en aplicaciones web. Es una mejo a
espec o a los diálogos de ale a na i os del na egado , ya que o ece una mayo
lexibilidad en cuan o a diseño y uncionalidad.
4.2 He amien as del F on -End Página 36 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Gan PRO
¿Qué es?
Gan PRO es una he amien a en línea pa a la c eación de diag amas de
Gan , u ilizados en la ges ión de p oyec os pa a isualiza y plani ica a eas,
plazos y ecu sos. O ece una in e az in ui i a y colabo a i a que acili a la
c eación y ges ión de p oyec os.
¿Po qué y pa a qué se u iliza?
Se u iliza po su acilidad de uso, po su diseño pe sonalizable y pa a
desa olla el diag ama de Gan del p oyec o.
Figu a 32. Logo de Gan PRO
Mi o y Can a
¿Qué son?
Mi o y Can a son pla a o mas online que pe mi en ealiza diseños con
acilidad. Además, cuen an con uncionalidades pa a c ea diseños de páginas
web y o as aplicaciones.
¿Po qué y pa a qué se u ilizan?
Se u ilizan pa a c ea el boce o de la in e az de la aplicación, además
de se 2 de las he amien as más po en es e in ui i as del me cado.
Figu a 33. Logo de Mi o Figu a 34. Logo de Can a
4.6 He amien as de diseño y plani icación Página 43 de 92

T abajo Fin de G ado Ede Sampayo Rod íguez
5. Desa ollo
En es e apa ado se explica odo el desa ollo del p oyec o, desde la
implemen ación de cada ecnología has a la comunicación en e cada una de
ellas.
5.1 Desa ollo F on -End
Como se ha comen ado en el apa ado 4, el F on -End se ha desa o-
llado con el amewo k Angula . A con inuación, se explican las pa es más
ele an es del desa ollo:
5.1.1 Componen es y En u amien o
Componen es
Los componen es son la pa e isual de la aplicación. Se pueden en en-
de como ‘piezas’ que se unen y componen la página web, y es as an a iando
dependiendo de la u a seleccionada, sin necesidad de eca ga la página. Po-
demos ca ego iza como los siguien es ipos de componen es:
Compa idos: Se mues an en odas las u as de la aplicación.
Especí icos: Se mues an en u as especí icas de la aplicación.
Los componen es compa idos incluyen elemen os como la ba a de
na egación, y los especí icos son los que p opo cionan uncionalidades e in o -
mación de cada u a (Figu a 35):
Página 44 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 35. Di e encia en e componen es compa idos y especí icos en Angula
En u amien o
Pa a pode na ega po las dis in as u as de la aplicación, debemos
de ini esas u as en el iche o app. ou es. s (Figu a 36) [10].
Figu a 36. Ru as del F on -End
Como podemos e , exis e un componen e asociado a cada u a, el
cual se ca ga g acias a la di ec i a < ou e -ou le >. Es a di ec i a de HTML
es á di ec amen e asociada al en u ado , y es el luga donde se inse an los
componen es co espondien es a cada u a.
5.1 Desa ollo F on -End Página 45 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
5.1.2 Se icios
Los se icios son una pa e esencial pa a la comunicación y la ges ión
de da os en e los componen es. Es os se han u ilizado en el p oyec o pa a lo
siguien e:
Ges iona los accesos (Au hGua d)
Compa i da os
Realiza pe iciones HTTP al Back-End
Ges iona la caché de cada componen e
Du an e los siguien es apa ados, se explica á cómo se ha implemen ado
cada una de es as ca ac e ís icas.
5.1.3 Ges ión de los accesos - Au hGua d
Pa a pode u iliza la aplicación web, es necesa io es a au en icado
como un usua io de la emp esa y pe enece a un g upo de Di ec o io Ac i o
c eado especí icamen e pa a es a aplicación. Pa a con ola es os accesos, se ha
c eado un Gua dia de Au en icación (Au hGua d) [11].
Es e gua dia es u ilizado a la ho a de de ini el en u amien o (Figu a
36), donde se asocia una unción que comp ueba si el usua io iene el acceso
pe mi ido o no (Figu a 37).
5.1 Desa ollo F on -End Página 46 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 37. Au hGua d del F on -End
Como se puede e , el gua dia comp ueba el a ibu o isLoggedIn del
se icio Au hSe ice, y con es e decide si pe mi i el acceso o no. El alo del
a ibu o es á de e minado po la au en icación del usua io, la cual se ealiza
en el Back-End buscando al usua io en el Di ec o io Ac i o.
5.1.4 Compa i da os en e componen es
Cuando la unción de un componen e pad e es mos a a uno de sus
componen es hijos dependiendo del alo de una a iable, es impo an e que se
no i ique al pad e sob e las acciones que se ealizan desde los hijos. Po ejemplo,
el componen e Usua ios iene 2 hijos/pan allas:
Usua ios G upos de un usua io
seleccionado
El pad e iene que es a a en o de cuándo se selecciona un usua io en
el p ime hijo, pa a jus o después en ia sus g upos al segundo hijo, además
de hace in isible al p ime o y isible al segundo. Pa a ges iona es o, debemos
decla a un Subjec en el se icio (Figu a 38). Es e es un ipo de Obse able
que pe mi e an o emi i e en os como susc ibi se a ellos.
5.1 Desa ollo F on -End Página 47 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 38. Decla ación de un obje o Subjec
Po o o lado, en el componen e pad e, enemos que susc ibi nos a los
cambios (Figu a 39). Con es o conseguimos que cada ez que cambiemos el
a ibu o del se icio desde los hijos, el pad e se de cuen a.
Figu a 39. Susc ipción a un obje o Subjec desde un componen e
5.1.5 Solici udes HTTP desde el F on -End al Back-End
Pa a comunica el F on -End con el Back-End, se ha u ilizado el p o-
ocolo HTTP [12]. Los ipos de solici udes que se han u ilizado son GET y
POST, de las cuales se da á un ejemplo pos e io men e.
Pa a ealiza las solici udes, se á necesa io con igu a un con olado
en el Back-End [13], con sus espec i as u as pa a la ecepción de da os, pa a
que pos e io men e los se icios del F on -End puedan comunica se con él. A
con inuación, se explica el p oceso paso a paso:
Con igu ación del Con olado del Back-End
En p ime luga , debemos hace que nues o con olado he ede de
la clase Con olle Base (Figu a 40), una clase base de ASP.NET Co e que
p opo ciona las uncionalidades que necesi amos.
5.1 Desa ollo F on -End Página 48 de 92

T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 40. He encia de un con olado del Back-End
Pos e io men e, con igu amos la u a base del con olado (Figu a 41):
Figu a 41. Con igu ación de la u a base de un con olado del Back-End
Po úl imo, asociamos a un mé odo del con olado un ipo de solici ud
y una u a (Figu a 42):
Figu a 42. Con igu ación de la u a de un mé odo del Back-End
En ío de solici ud GET desde el F on -End al Back-End
Como hemos comen ado an e io men e, los da os se en ían desde un
se icio Angula . En es e caso, amos a pone el ejemplo del se icio Combina :
5.1 Desa ollo F on -End Página 49 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 43. En ío de una pe ición GET con pa áme os
En es e ejemplo (Figu a 43), en iamos una solici ud GET a la URI
‘se ido /combina /ob ene G upos’. U ilizamos una a iable de en o no pa a
es ablece la URI del se ido , ya que las di ecciones son dis in as en desa ollo
y en p oducción. Se explica en más de alle en la sección 5.1.11.
Pa a ecibi la pe ición y los pa áme os en el Back-End, debemos ene
con igu ado un mé odo con una u a que coincida (Figu a 44):
Figu a 44. Recepción de una pe ición GET con pa áme os
5.1 Desa ollo F on -End Página 50 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
En ío de solici ud POST desde el F on -End al Back-End
Es e es un caso muy pa ecido, aunque la o ma de accede a los da os
en el Back-End cambia. Po un lado, de inimos un body y ealizamos la solici ud
desde el F on -End (Figu a 45):
Figu a 45. En ío de una pe ición POST
Po o o lado, ecibimos la solici ud en el Back-End (Figu a 46). Los
pa áme os del cue po se eciben median e el a ibu o F omBody en un obje o
que debemos de ini (en es e caso, Expulsa DelG upoReques ). Sus a ibu os
deben coincidi con la es uc u a del cue po que se en ía desde Angula (ma-
yúsculas incluidas).
Figu a 46. Recepción de una pe ición POST
5.1 Desa ollo F on -End Página 51 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Con igu ación del CORS
Pa a habili a es e in e cambio de pe iciones, nos al a uno de los pasos
más impo an es. La con igu ación del CORS es undamen al pa a pe mi i el
en ío de pe iciones desde un o igen a o o dis in o al de la p opia página.
El CORS se con igu a en el S a up del Back-End (Figu a 47). Po
un lado, en el mé odo Con igu eSe ices, añadimos una polí ica de CORS con
los o ígenes, c edenciales, cabece as y mé odos a acep a . Po o o lado, en el
mé odo Con igu e, ac i amos la polí ica que acabamos de c ea .
Figu a 47. Con igu ación y uso del CORS
5.1.6 Ges ión de la caché
La caché es ges ionada en los componen es p incipales de la aplica-
ción pa a mejo a la luidez y la expe iencia del usua io. Pa a explica es a
ca ac e ís ica, se a a u iliza el ejemplo del se icio de Logs (Figu a 48):
5.1 Desa ollo F on -End Página 52 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 57. G á ico de Donu en la
pan alla de Dashboa d
Figu a 58. G á ico de ba as en la pan alla de
Dashboa d
Figu a 59. G á ico de á ea en la pan alla de Logs
5.1 Desa ollo F on -End Página 59 de 92

T abajo Fin de G ado Ede Sampayo Rod íguez
El úl imo g á ico es especial (Figu a 59), ya que se ha implemen ado
la uncionalidad de añadi il os en los da os que ecibe. En es e caso, ob ene-
mos odos los Logs en la aplicación, ca ego izados po ejecuciones co ec as o
allidas sob e el AD, y a a és de los il os del g á ico podemos il a de la
siguien e mane a:
Mos a la can idad de Logs mensuales en un in e alo de 1 año.
Mos a la can idad de Logs dia ios ocu idos du an e el mes de un año.
5.1.11 Va iables de en o no
Es impo an e de ini las a iables de en o no en Angula [15] pa a
que la aplicación sepa compo a se en un en o no de desa ollo y en o o de
p oducción. Po de ec o, Angula CLI c ea 2 a chi os de en o no:
Desa ollo: en i onmen .de elopmen . s
P oducción: en i onmen . s
En las siguien es igu as (60 y61) se puede e qué a iables se han
u ilizado en cada en o no. En es e caso, la única a iable que cambia es la di-
ección del API del Back-End, siendo el de desa ollo al local y el de p oducción
a la di ección del se ido :
Figu a 60. Va iables de en o no en desa ollo
Figu a 61. Va iables de en o no en p oducción
5.1 Desa ollo F on -End Página 60 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
5.1.12 Almacenamien o local y ci ado
Como se ha comen ado en el apa ado 5.1.9.4, la aplicación deja alma-
cenadas las c edenciales in oducidas po úl ima ez, con el obje i o de aho a
iempo a la ho a de ealiza muchas ope aciones en una misma sesión.
Pa a ello, hacemos uso del Session S o age [16], un ipo de almacena-
mien o web que pe mi e a las aplicaciones web gua da da os du an e la sesión
de na egación. Es deci , una ez se cie a la pes aña, los da os se eliminan. En
las igu as 62 y63 se mues a un ejemplo de cómo se gua dan y ecupe an los
da os:
Figu a 62. Añadi c edenciales al Session
S o age
Figu a 63. Recupe a c edenciales del
Session S o age
Al es a almacenando da os sensibles, es impo an e almacena los de
o ma segu a. Pa a ello, se u iliza el algo i mo AES (Ad anced Enc yp ion
S anda d) [17] pa a ci a y desci a las c edenciales an es de almacena las en
el Session S o age. Aquí es á el p oceso:
Gene ación de la cla e sec e a
La cla e sec e a se u iliza pa a ci a y desci a las c edenciales. Es a
cla e sec e a es alea o ia pa a cada sesión, lo que elimina la necesidad de o a la,
y se almacena en la ins ancia del se icio (Figu a 64).
5.1 Desa ollo F on -End Página 61 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 64. Gene ación alea o ia de la cla e de enc ip ación
Ci ado y desci ado de da os
Como el Session S o age es accesible desde las he amien as del na-
egado , las c edenciales se almacenan enc ip adas en él (Figu as 65 y66),
e i ando que sean isibles pa a cualquie usua io o so wa e malicioso que
quie a inspecciona el almacenamien o.
Figu a 65. Ejemplo de enc ip ación
de c edenciales
Figu a 66. Ejemplo de desenc ip ación de
c edenciales
5.1 Desa ollo F on -End Página 62 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
5.2 Desa ollo Back-End
El Back-End de es e p oyec o se ha desa ollado con el amewo k
.NET. Es e aba ca oda la lógica de negocio y las conexiones con o os 3 se i-
cios (Angula , SQL Se e y el Di ec o io Ac i o). A con inuación, se explican
las pa es más ele an es del desa ollo:
5.2.1 Con olado es
En el apa ado 5.1.5.1, ya hemos dado una pequeña in oducción a los
con olado es de .NET Co e. Aún así, nos al a menciona cómo de ol e una
espues a al F on -End. Pa a ello, u ilizamos la in e az de IAc ionResul , que
pe mi e a un mé odo de acción de ol e di e sos ipos de espues as HTTP.
Pa a en ende lo mejo , amos a obse a uno de los mé odos que más espues as
maneja (Figu a 67):
Figu a 67. Ejemplo de espues a HTTP
5.2 Desa ollo Back-End Página 63 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Como se e en los e u n de la igu a 67, podemos de ol e el ipo
de espues a que deseemos jun o a un mensaje. Incluso podemos especi ica el
código de espues a que que emos de ol e al F on -End, como se puede e en
el úl imo e u n.
Es o pos e io men e podemos maneja lo en el F on -End, pa a que si
la espues a es OK mos a el icono de éxi o, y en caso con a io mos a el
icono de e o (ejemplos en las igu as 52 y53).
5.2.2 Se icios
Los se icios en .NET implemen an la lógica de negocio de la aplicación,
además de ealiza ope aciones de acceso a los da os y o as uncionalidades que
pueden se eu ilizadas a lo la go de un p oyec o. Asimismo, o ecen ca ac e ís-
icas como la encapsulación de código, la inyección de dependencias in eg ada
y la eu ilización de código.
En es e p oyec o, los se icios son imp escindibles pa a las siguien es
ope aciones:
Conexión al Di ec o io Ac i o
Gene ación de Logs
Conexión a la base de da os
Gene ación y lanzamien o de excepciones
Du an e los siguien es apa ados, se explica á cómo se ha implemen ado
cada una de es as ca ac e ís icas.
5.2.3 Conexión al Di ec o io Ac i o
Pa a ealiza la conexión al AD u ilizamos la lib e ía
‘Sys em.Di ec o ySe ices.Accoun Managemen ’. Es a lib e ía p opo ciona una
in e az pa a in e ac ua con se icios de di ec o io, simpli icando la ges ión de
usua ios, g upos y o as en idades den o del AD.
Den o de es a o ma de acceso al AD, con amos con 2 ipos de clases
pa a la búsqueda y manipulación. En el Back-End, se u ilizan los 2 mé odos,
ya que cada una cuen a con sus en ajas y des en ajas:
5.2 Desa ollo Back-End Página 64 de 92

T abajo Fin de G ado Ede Sampayo Rod íguez
Clases P incipalCon ex ,Use P incipal yG oupP incipal
La clase P incipalCon ex p opo ciona un con ex o p incipal que e-
p esen a el dominio. Pe mi e es ablece la conexión con el AD y ealiza ope-
aciones de búsqueda y manipulación de obje os. Las clases Use P incipal y
G oupP incipal son u ilizadas pa a ep esen a usua ios y g upos den o del
AD y ealiza ope aciones sob e ellos.
Es as clases (Figu a 68) o ecen una o ma más o ien ada a obje os de
in e ac ua con los obje os del AD, lo que simpli ica el p oceso de adminis a-
ción y ges ión de usua ios y g upos en aplicaciones .NET.
Ven aja p incipal: Cuen an con una in e az pa a cada ipo de obje o
del AD, lo que las hace muy ácil de usa , además de con a con una
sin axis más sencilla.
Des en aja p incipal: Cuando que emos e los a ibu os de un obje o,
se ob ienen odos sus a ibu os po de ec o. Es o a ec a al endimien o con
conjun os de da os muy g andes.
5.2 Desa ollo Back-End Página 65 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 68. Ejemplo de búsqueda de a ibu os de usua ios con P incipalCon ex y
Use P incipal
5.2 Desa ollo Back-End Página 66 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Clases Di ec o yEn y yDi ec o ySea che
La clase Di ec o yEn y p opo ciona una ep esen ación gené ica de
un obje o en el AD. Pe mi e accede a los a ibu os y mé odos de un obje o,
como su nomb e, ipo, y pe enencia a g upos. La clase Di ec o ySea che , po
o o lado, acili a la búsqueda de obje os en el AD median e il os de búsqueda.
Pe mi e ealiza consul as más a anzadas y especí icas pa a encon a usua ios,
g upos u o as en idades en el di ec o io ac i o.
Es as clases (Figu a 69) son más lexibles y pe mi en un mayo con ol
sob e el p oceso de búsqueda en compa ación con las clases P incipalCon ex ,
Use P incipal yG oupP incipal, pe o equie en un manejo más de allado de
los obje os y la manipulación de los esul ados de la búsqueda.
Ven aja p incipal: Pe mi en hace consul as más selec i as, lo que me-
jo a exponencialmen e el endimien o. Al pode especi ica qué a ibu-
os necesi amos ca ga , nos asegu amos que solo se an a eco e esos
a ibu os du an e las búsquedas, e i ando la sob eca ga y el iempo de
p ocesamien o.
Des en aja p incipal: La sin axis es un poco más compleja, y pueden
o ece menos in eg ación con o as pa es del amewo k.
5.2 Desa ollo Back-End Página 67 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 69. Ejemplo de búsqueda de a ibu os de usua ios con Di ec o yEn y y
Di ec o ySea che
5.2 Desa ollo Back-End Página 68 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 81. Middlewa e de au o ización del Back-End
En los demás casos, si la pe ición se hace sin c edenciales, se de uel e
el código de es ado 401 (No Au o izado).
5.2.7 Va iables de con igu ación
Pa a e mina con la implemen ación del Back-End, amos a explica
es a úl ima ca ac e ís ica.
Las a iables de con igu ación son p opiedades que se u ilizan en las
ope aciones de la aplicación. Al se p opiedades es á icas, se puede accede a
ellas sin necesidad de c ea una ins ancia de la clase. Es as a iables pe mi en
cen aliza la con igu ación y acili a su modi icación, e i ando ene que hace
cambios en múl iples luga es del código. Es as son las que se han u ilizado
(Figu a 82):
5.2 Desa ollo Back-End Página 75 de 92

T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 82. Va iables de con igu ación del Back-End
5.3 In e az g á ica de la aplicación
En es a sección, se enseña á el boce o inicial de la in e az de la apli-
cación, mos ando el concep o p incipal y la idea de un diseño cen ado en el
usua io y ácil de usa . Pos e io men e, e emos cuál ha sido el esul ado inal,
con la aplicación ya implemen ada.
5.3.1 Boce o de la in e az
An es de comenza el desa ollo, es impo an e ealiza un diseño p e io
con el que odos los in e esados es én de acue do. La igu a 83 es el diseño de
la pan alla p incipal (Dashboa d), el cual ob end ía un análisis comple o de los
da os más ele an es del Di ec o io Ac i o:
5.3 In e az g á ica de la aplicación Página 76 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 83. Boce o del Dashboa d
La igu a 84 es la pan alla de Usua ios, donde se ob end án odos los
da os de los usua ios de la emp esa, se mos a án en una abla y se pod án
aplica il os y o denación. Den o de es a pan alla ambién se pod án e los
g upos de un usua io seleccionado:
5.3 In e az g á ica de la aplicación Página 77 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 84. Boce o de la pan alla de Usua ios
La pan alla de G upos (Figu a 85) es pa ecida a la de Usua ios, se
mues a a con inuación:
5.3 In e az g á ica de la aplicación Página 78 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 85. Boce o de la pan alla de G upos
La igu a 86 es la pan alla de Fusiona . Pa a accede a es a pan alla,
como paso p e io, debe emos selecciona 2 g upos, pa a ca ego iza los usua ios
de cada g upo y pode e de una o ma in ui i a los usua ios en común y los
que no:
5.3 In e az g á ica de la aplicación Página 79 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 86. Boce o de la pan alla de Fusiona
La pan alla de Combina (Figu a 87) es muy pa ecida a la de Fusiona ,
solo que es el p oceso in e so. En es e caso, debe emos selecciona 2 usua ios,
y se mos a án los g upos de cada uno de ellos. La o ma de ca ego iza es
dis in a, po que debemos ene en cuen a los g upos de ue a de la OU local,
ya que no enemos pe misos sob e ellos:
5.3 In e az g á ica de la aplicación Página 80 de 92

T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 87. Boce o de la pan alla de Combina
Po úl imo, la pan alla de Logs (Figu a 88) se e ía así:
5.3 In e az g á ica de la aplicación Página 81 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 88. Boce o de la pan alla de Logs
Po un lado, enemos el g á ico de can idad de ejecuciones co ec as y
allidas, donde podemos aplica il os pa a e cada mes del año seleccionado,
o bien el año po comple o.
Po o o lado, enemos una abla AG-G id, donde se mues an odos
los Logs gene ados po la aplicación. En es a abla se pueden aplica il os,
o denación y expo a el esul ado.
5.3 In e az g á ica de la aplicación Página 82 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
5.3.2 Diseño inal
Compa ando el boce o de la in e az y el diseño inal, se a a pode e
que los 2 siguen la misma base, como la o ma de na egación y la dis ibución de
los componen es, aunque el diseño inal es mucho más minimalis a y p o esional.
A con inuación, se explican di e encias ele an es:
Los colo es del Dashboa d cambian comple amen e, ya que en el boce o el
es ilo es bas an e simple y monó ono. Asimismo, en el diseño inal, cada
uno de los g á icos se odea po un ma co con el obje i o de mejo a la
expe iencia isual del usua io, además de in oduci una pequeña línea
con colo en la pa e baja de los bo ones supe io es.
En odos los componen es que no son el Dashboa d cambia la o ma de
mos a las ablas, ya que el diseño de una abla AG-G id es comple a-
men e dis in a.
Aunque no se ea en el diseño, la aplicación cuen a con animaciones,
pan allas de ca ga y las an e io men e mencionadas ale as SWAL, con
in ención de mejo a la expe iencia del usua io.
Exis en pa es de la aplicación de las que no se ha desa ollado un boce o,
como e los g upos de un usua io (pan alla de Usua ios), e los usua ios
de un g upo (pan alla de G upos) y la selección de usua ios o g upos en
las pan allas de Fusiona yCombina . Es o es po que e an pan allas muy
simples que no eque ían con i mación p e ia de los in e esados.
El g á ico de á ea de la pan alla de Logs ambién cambia po comple o.
En es e caso, se ha u ilizado el ejemplo de AmpleAngula basado en la
lib e ía ApexCha s, el cual se ha enido que adap a a la selección de
años, meses de un año y a las dis in as en adas de da os.
Las pan allas con el diseño inal se pueden consul a en el manual de usua io
(Anexo VI, sección 6.4).
5.4 Despliegue en IIS
Pa a pone la aplicación en ma cha en un Windows Se e , u iliza emos
In e ne In o ma ion Se ices (IIS). IIS es un se ido web que puede maneja
aplicaciones web, se icios web y si ios web. Los pasos especí icos pa a desplega
la aplicación se desc iben en las siguien es subsecciones.
5.4 Despliegue en IIS Página 83 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
5.4.1 Fiche o web.con ig del F on -End
Es e iche o es c ucial pa a comple a la con igu ación del compo a-
mien o del se ido en un en o no de p oducción.
En nues o caso, es e iche o con igu a el manejo de las u as de Angula
[19], y aunque no es comple amen e necesa io (ya que es o es con igu able desde
el IIS Manage ), el dispone de un iche o web.con ig au oma iza es e p oceso
desde un p incipio, lo que hace la aplicación ácilmen e desplegable en cualquie
o o se ido . En la igu a 89 se mues a el iche o de con igu ación:
Figu a 89. Fiche o de con igu ación web.con ig del F on -End
5.4.2 Manual de despliegue
El manual de despliegue se encuen a en el Anexo VII (sección 6.4).
5.4 Despliegue en IIS Página 84 de 92
T abajo Fin de G ado Ede Sampayo Rod íguez
Bibliog a ía
[1] Ques So wa e. ¿Qué es Ac i e Di ec o y? ¿Cómo unciona? 2024. u l:
h ps://www.ques .com/mx-es/solu ions/ac i e-di ec o y/wha -
is-ac i e-di ec o y.aspx.
[2] F os & Sulli an. Ac i e Di ec o y Holds he Keys o you Kingdom, bu is
i Secu e? 2020. u l:h ps://www. os .com/ os -pe spec i es/
ac i e-di ec o y-holds- he-keys- o-you -kingdom-bu -is-i -
secu e/.
[3] Mic oso Co po a ion. Ac i e Di ec o y Use s and Compu e s. 2024. u l:
h ps : / / lea n . mic oso . com / en - us / oubleshoo / windows -
se e /sys em-managemen -componen s/ emo e-se e -adminis a ion-
ools.
[4] ManageEngine. ADManage Plus. 2024. u l:h ps://www.manageengine.
com/p oduc s/ad-manage /.
[5] Clai e D umond. ¿Qué es sc um y cómo empeza ? 2024. u l:h ps:
//www.a lassian.com/es/agile/sc um.
[6] Max Rehkop . ¿Qué es un able o de kanban? 2024. u l:h ps://www.
a lassian.com/es/agile/kanban/boa ds#:~: ex =%22Kanban%22%
20es%20una%20palab a%20japonesa,el%20mundo%20 abaje%20en%
20sin on%C3%ADa..
[7] T ello. ¿Qué es T ello? 2024. u l:h ps:// ello.com/es/ ou .
[8] AG G id L d. Angula Da a G id. 2024. u l:h ps://ag-g id.com/
angula -da a-g id/ge ing-s a ed/.
[9] Swee Ale 2. A beau i ul, esponsi e, cus omizable, and accessible (WAI-
ARIA) eplacemen o Ja aSc ip ’s popup boxes. 2024. u l:h ps://
swee ale 2.gi hub.io/.
[10] A seniy Tomke ich. En u amien o de Angula en 5 minu os (Spanish).
2023. u l:h ps : / / medium . com / @jsmus e / en u amien o - de -
angula -en-5-minu os-spanish-d badc2c1cb7.
[11] Jaydeep Pa il. Au h Gua ds in Angula . 2023. u l:h ps://medium.
com/@jaydeep pa il225/au h-gua ds-in-angula -6960950b3c6c.
[12] By eban z. Angula ’s 17 H pClien Comple e Tu o ial. 2024. u l:h ps:
//ja asc ip .plainenglish.io/angula s-17-h pclien -comple e-
u o ial-e 0c02 d945 .
[13] Rick Ande son y Ki k La kin. Tu o ial: C eación de una API web con
ASP.NET Co e. 2024. u l:h ps://lea n.mic oso .com/es-es/
aspne /co e/ u o ials/ i s - web- api? iew=aspne co e- 8.0&
abs= isual-s udio.
6.4 Re lexión pe sonal Página 91 de 92

T abajo Fin de G ado Ede Sampayo Rod íguez
[14] Mohsinogen. Angula 17: HTTP In e cep o s guide. 2024. u l:h ps://
medium.com/@mohsinogen/angula -17-h p-in e cep o s-guide-
417e7c8 ada.
[15] Angula . Building and se ing Angula apps. 2024. u l:h ps://angula .
io/guide/build.
[16] Alexis Mo a. ¿Qué es y cómo u iliza localS o age y sessionS o age? 2019.
u l:h ps://ed. eam/blog/que-es-y-como-u iliza -locals o age-
y-sessions o age.
[17] Juan Be esia e. Ci ado y desci ado con C yp o.js. 2023. u l:h ps:
//de . o/be esia ejuan/ci ado-y-desci ado-con-c yp ojs-
3h5g.
[18] SanBen. How o au ho ize CORS p e ligh eques on IIS wi h Windows
Au hen ica ion. 2018. u l:h ps://s acko e low.com/ques ions/
49450854/how- o- au ho ize- co s- p e ligh - eques - on- iis-
wi h-windows-au hen ica ion.
[19] Noo Sai i. How o deploy Angula , ASP.NET Co e WebAPI o IIS on
Sha ed Hos ing. 2021. u l:h ps://www.codemen o .io/@noo sai i/
how- o-deploy-angula -asp-ne -co e-webapi- o-iis-on-sha ed-
hos ing-1dy ihj56.
[20] TRAN Ngoc Thach. In eg a e Angula and ASP.NET Co e Web-Api in-
o Mic oso IIS. 2019. u l:h ps:// hachngoc an.medium.com/
in eg a e-angula -and-asp-ne -co e-web-api-in o-mic oso -
iis-31a9e414874 .
6.4 Re lexión pe sonal Página 92 de 92
Anexos
T abajo Fin de G ado Ede Sampayo Rod íguez
Anexo I: Desc ipción de las a eas del p oyec o
En es e anexo se desc iben las a eas mencionadas en el diag ama EDT
(Figu a 4) del p oyec o.
Ges ión
Es e apa ado es la base del abajo, y no plani ica co ec amen e las
siguien es a eas puede lle a a malen endidos con los in e esados, e asos de
iempo y cos es adicionales.
1.1. De inición del ema del p oyec o
Desc ipción Iden i ica y es ablece cla amen e el obje i o, alcance y
p opósi o del p oyec o. De e mina qué se a a abo da ,
po qué es impo an e y qué se espe a log a al acaba
el p oyec o.
Salidas / En egables Co eo o eunión explicando en qué consis e el p oyec o
y las ideas elacionadas con él.
Recu sos necesa ios Ninguno.
P ecedencias Ninguna.
Tabla 3: De inición del ema del p oyec o.
1.2. De ini obje i os del p oyec o
Desc ipción Es ablece cla amen e lo que se quie e log a al inali-
za el p oyec o, p opo cionando una di ección cla a y
especí ica pa a el abajo a ealiza .
Salidas / En egables Documen o con los obje i os que se an a abo da .
Recu sos necesa ios Ninguno.
Página 1 de 70
T abajo Fin de G ado Ede Sampayo Rod íguez
P ecedencias 1.1
Tabla 4: De ini obje i os del p oyec o.
1.3. Plani ica las a eas a ealiza
Desc ipción O ganiza y es uc u a las ac i idades necesa ias pa a
alcanza los obje i os del p oyec o, eniendo en cuen a
el o den de p io idad y su es imación de iempo.
Salidas / En egables Documen o con las a eas es ablecidas, además de la
desc ipción, es imación empo al y p ecedencias de ca-
da una.
Recu sos necesa ios He amien as de documen ación (p. ej. LaTeX)
P ecedencias 1.2
Tabla 5: Plani ica las a eas a ealiza .
1.4. Elegi las ecnologías
Desc ipción Selecciona las he amien as, pla a o mas y ecu sos
ecnológicos pa a desa olla y ejecu a las a eas es-
ablecidas.
Salidas / En egables Lis a de ecnologías seleccionadas, jus i icación de la
elección, plan de in eg ación de ecnológicas.
Recu sos necesa ios Obje i os del p oyec o
P ecedencias 1.2
Tabla 6: Elegi las ecnologías.
Página 2 de 70
T abajo Fin de G ado Ede Sampayo Rod íguez
1.5. Reuniones con los in e esados
Desc ipción Mos a pe iódicamen e a los in e esados ( u o y u-
u os usua ios de la aplicación) los a ances que se an
log ando a lo la go del p oyec o.
Salidas / En egables In o mes de p og eso, e oalimen ación de los in e esa-
dos, posibles ajus es en el en oque del p oyec o.
Recu sos necesa ios Tiempo, espacio pa a la eunión ( ísico o i ual), he-
amien as de p esen ación (so wa e, p oyec o , e c.)
P ecedencias Ninguna.
Tabla 7: Reuniones con los in e esados.
Fo mación
Es as a eas si en pa a ob ene los conocimien os y habilidades nece-
sa ias pa a pode desa olla el p oyec o de o ma e icien e.
2.1. Di ec o io Ac i o
Desc ipción En ende qué es el Di ec o io Ac i o, su unción en un
en o no de ed y cómo se o ganiza la in o mación den o
de él. Conoce los a ibu os de cada ipo de obje o y có-
mo explo a esa in o mación. Comp ende los dis in os
oles y pe misos del AD.
Salidas / En egables Ninguno.
Recu sos necesa ios Se icios de Di ec o io Ac i o de Mic oso .
P ecedencias Ninguna.
Tabla 8: Fo mación en Di ec o io Ac i o.
Página 3 de 70

T abajo Fin de G ado Ede Sampayo Rod íguez
2.2. Angula
Desc ipción Ap ende a desa olla aplicaciones web dinámicas u i-
lizando el amewo k Angula . Comp ende los con-
cep os undamen ales como componen es, se icios, en-
u amien o, in e cep o es, gua dias de u a y comuni-
cación con un Back-End.
Salidas / En egables Ninguno.
Recu sos necesa ios He amien as de desa ollo de Angula (Angula CLI,
IDE).
P ecedencias 1.4.
Tabla 9: Fo mación en Angula .
2.3. .NET / C#
Desc ipción Adqui i habilidades en el desa ollo de aplicaciones
Back-End u ilizando el amewo k .NET Co e y el len-
guaje de p og amación C#. Comp ende los concep os
de MVC, REST API, manejo de da os, segu idad y au-
en icación.
Salidas / En egables Ninguno.
Recu sos necesa ios He amien as de desa ollo de .NET (Visual S udio,
.NET Co e SDK).
P ecedencias 1.4.
Tabla 10: Fo mación en .NET / C#.
Página 4 de 70
T abajo Fin de G ado Ede Sampayo Rod íguez
2.4. MS SQL Se e
Desc ipción Ap ende a u iliza Mic oso SQL Se e como BBDD
pa a aplicaciones emp esa iales. Comp ende cómo ges-
iona la segu idad de los da os, además de pode acce-
de a una BBDD median e C# con LinQ.
Salidas / En egables Ninguno.
Recu sos necesa ios SQL Se e Managemen S udio y Visual S udio.
P ecedencias 1.4.
Tabla 11: Fo mación en MS SQL Se e .
2.5. IIS
Desc ipción Familia iza se con In e ne In o ma ion Se ices (IIS)
como se ido web pa a aloja aplicaciones Angula y
ASP.NET Co e. Ap ende a con igu a si ios web, im-
plemen a segu idad y ges iona la median e CORS.
Salidas / En egables Ninguno.
Recu sos necesa ios Se ido con IIS ins alado.
P ecedencias 1.4.
Tabla 12: Fo mación en IIS.
2.6. In eg ación de las ecnologías
Página 5 de 70
T abajo Fin de G ado Ede Sampayo Rod íguez
Desc ipción In eg a odas las ecnologías ap endidas (Di ec o io
Ac i o, Angula , .NET / C#, MS SQL Se e , IIS) en
una aplicación web comple a. Ap ende a comunica el
F on -End con el Back-End, ges iona la au en icación
y au o ización, ob ene y modi ica da os del AD a a-
és del Back-End y ealiza ope aciones en una BBDD
SQL Se e po medio del Back-End.
Salidas / En egables Ninguno.
Recu sos necesa ios Todas las he amien as y ecu sos mencionados en las
o maciones indi iduales.
P ecedencias 2.1, 2.2, 2.3, 2.4, 2.5
Tabla 13: Fo mación en la in eg ación de las ecnologías.
Desa ollo
En es a e apa se lle a a cabo la implemen ación de las uncionalidades
plani icadas en los obje i os y alcance del p oyec o.
3.1. Boce o de la in e az
Desc ipción C ea un diseño p elimina de la apa iencia de la apli-
cación, con el in de isualiza el esul ado inal y pla-
ni ica cómo ges iona las uncionalidades de la in e az
de usua io.
Salidas / En egables Dibujo con el esul ado del diseño p o isional.
Recu sos necesa ios Ninguno.
P ecedencias 1.2, 1.3, 1.5, 2.2
Tabla 14: Boce o de la in e az.
Página 6 de 70
T abajo Fin de G ado Ede Sampayo Rod íguez
3.2. Análisis
Desc ipción Analiza qué unciones debe o ece la aplicación pa a
sa is ace las necesidades de los usua ios, iden i icando
odos los casos de uso y eniendo en cuen a la in e az
p o isional.
Salidas / En egables Documen o con los casos de uso iden i icados.
Recu sos necesa ios Boce o de la in e az
P ecedencias 3.1
Tabla 15: Análisis.
3.3. Diseño
Desc ipción De ini la a qui ec u a de la aplicación, es uc u ando
qué clases o componen es c ea y cómo in e ac ua án
en e ellas. Diseña la base de da os y los esquemas de
comunicación en e el F on -End y el Back-End.
Salidas / En egables Documen o con los dis in os componen es, se icios,
con olado es y eposi o ios.
Recu sos necesa ios He amien as de diseño de so wa e.
P ecedencias 3.2
Tabla 16: Diseño.
3.4. Implemen ación
Página 7 de 70
T abajo Fin de G ado Ede Sampayo Rod íguez
Ta eas Tí ulo
Sideba
Na ba
Au en icación y au o ización de usua ios
Gua dia de au en icación
Resul ados Aplicación con capacidad de na egación en e u as en un SPA
y con ol de acceso a las u as.
Fechas 22/03/2024 – 29/03/2024
Tabla 27: Sp in 2: Menú de Na egación, Au en icación y Au o ización.
Sp in 3: Dashboa d
Obje i o Desa olla el componen e ‘Dashboa d’ y odos los subcompo-
nen es necesa ios pa a mos a oda la in o mación necesa ia
sob e usua ios, inicios de sesión, g upos, sis ema.
Ta eas Se icios pa a ob ene los da os del Back-End
Bo ones pe sonalizados
•Vis a p e ia de la can idad
•Acceso a la in o mación
•Pode il a y expo a la in o mación
Cha de usua ios
In o mes
•Usua ios
•Inicios de sesión
•G upos
•Sis ema
Funcionalidad de desbloqueo de usua ios
Página 14 de 70

T abajo Fin de G ado Ede Sampayo Rod íguez
Resul ados Componen e de Dashboa d uncional.
Fechas 29/03/2024 – 09/04/2024
Tabla 28: Sp in 3: Dashboa d.
Sp in 4: Combinación de G upos
Obje i o Desa olla el componen e ‘Combina ’, pudiendo elegi a un
usua io de e e encia y a o o usua io al que asigna los g upos.
Mos a de una o ma isual, in ui i a y de allada los g upos
en común, no comunes y los g upos sob e los que no se iene
con ol.
Ta eas Se icio pa a ob ene nomb e comple o y cuen a de los
usua ios
Mos a la in o mación en una abla en el subcomponen e
de selección
Selecciona 2 usua ios y en ia los al subcomponen e de
combinación
Se icio pa a ob ene g upos de los 2 usua ios selecciona-
dos
Mos a g upos en una abla
Ca ego iza g upos con colo es
Se icios
•Adición de g upos
•Eliminación de g upos
Resul ados Componen e de Combinación de G upos uncional.
Fechas 09/04/2024 – 19/04/2024
Tabla 29: Sp in 4: Combinación de G upos.
Página 15 de 70
T abajo Fin de G ado Ede Sampayo Rod íguez
Sp in 5: Usua ios
Obje i o Desa olla el componen e ‘Usua ios’, donde se puedan mos a
los a ibu os más ele an es sob e los usua ios del Di ec o io
Ac i o y aplica il os de o denación y búsqueda.
Ta eas Tabla y la de inición de columnas
Funcionalidades de la abla
•O denación
•Fil o de da os
•Pode expo a la in o mación
Se icio pa a ob ene a ibu os de usua ios
Ajus a la anchu a de las columnas dependiendo de la
longi ud de los da os
Ob ene g upos de un usua io en o a abla
•O denación
•Fil o de da os
•Pode expo a la in o mación
Resul ados Componen e de Usua ios uncional.
Fechas 19/04/2024 – 26/04/2024
Tabla 30: Sp in 5: Usua ios.
Sp in 6: G upos
Obje i o Desa olla el componen e ‘G upos’, donde se puedan mos a
sus a ibu os más ele an es. Si se clica en uno de los g upos,
se deben mos a odos los usua ios que pe enecen a él, y iene
que se posible elimina a un usua io del g upo.
Página 16 de 70
T abajo Fin de G ado Ede Sampayo Rod íguez
Ta eas Tablas y de iniciones de columnas
Funcionalidades de las ablas
•O denación
•Fil o de da os
•Pode expo a la in o mación
Se icio pa a ob ene a ibu os de g upos y usua ios de
un g upo en o a abla
Ajus a la anchu a de las columnas dependiendo de la
longi ud de los da os
Pode elimina un usua io de un g upo
Resul ados Componen e de G upos uncional.
Fechas 26/04/2024 – 03/05/2024
Tabla 31: Sp in 6: G upos.
Sp in 7: Logs
Obje i o Desa olla el componen e ‘Logs’, donde se puedan mos a o-
das las modi icaciones e in en os de modi icación que se hacen
desde la aplicación sob e el AD. Almacena esos Logs en una
BBDD SQL Se e . Mos a los Logs en una abla donde se
pueda aplica o denación y il os de búsqueda. Mos a en un
g á ico la can idad de ejecuciones que se han hecho a lo la go
del iempo, y pode il a las po meses y años.
Página 17 de 70
T abajo Fin de G ado Ede Sampayo Rod íguez
Ta eas Gene a Logs desde el Back-End
Almacena Logs en la BBDD
Implemen a abla de Logs
•O denación
•Fil o de da os
•Pode expo a la in o mación
Mos a los Logs en la abla del F on -End
G á ico de á ea
•De inición
•Recepción de da os
•Mos a Logs mensuales de un año
•Mos a Logs dia ios de un mes
•Pode selecciona po mes y año
Resul ados Componen e de Logs uncional.
Fechas 03/05/2024 – 13/05/2024
Tabla 32: Sp in 7: Logs.
Sp in 8: Fusión de Usua ios de G upos
Obje i o Desa olla el componen e ‘Fusiona ’, pudiendo elegi a un g u-
po de e e encia y a o o g upo al que añadi los usua ios. Mos-
a de una o ma isual, in ui i a y de allada los usua ios en
común y no comunes.
Página 18 de 70
T abajo Fin de G ado Ede Sampayo Rod íguez
Ta eas Se icio pa a ob ene nomb e y desc ipción de los g upos
Mos a esa in o mación en una abla en el subcomponen-
e de selección
Selecciona 2 g upos y en ia los al subcomponen e de u-
sión
Se icio pa a ob ene usua ios de los 2 g upos selecciona-
dos
Mos a usua ios en una abla
Ca ego iza usua ios con colo es
Se icios
•Adición de usua ios
Resul ados Componen e de Fusión de Usua ios de G upos uncional.
Fechas 13/05/2024 – 22/05/2024
Tabla 33: Sp in 8: Fusión de Usua ios de G upos.
Sp in 9: Despliegue y P uebas
Obje i o Despliegue de la aplicación en un Windows Se e median e IIS
y es eo de uncionalidades de usua io y adminis ado .
Ta eas Con igu a el se ido
Cons ucción
•F on -End
•Back-End
Despliegue
Tes eo
•Ob ención de da os
•Acciones de usua io
•Acciones de adminis ado
Página 19 de 70

T abajo Fin de G ado Ede Sampayo Rod íguez
Resul ados Aplicación desplegada y es eada en un se ido .
Fechas 22/05/2024 – 03/06/2024
Tabla 34: Sp in 9: Despliegue y P uebas.
Es impo an e ecalca que exis en muchas o mas de di idi los Sp in s.
Una posible al e na i a pod ía habe sido asegu a se de ob ene odos los da-
os necesa ios de odos los componen es desde el Back-End inicialmen e, pa a
luego ajus a los en el F on -End.
Aún así, se ha p e e ido di idi los de es a o ma po que es más in ui-
i o, y el pode a anza componen e a componen e pe mi e un desa ollo más
i e a i o e inc emen al. Además, como se ha comen ado an e io men e, cada
uncionalidad enía un o den de p io idad, po lo que e a impo an e desa o-
lla el p oyec o de es a o ma.
Página 20 de 70
T abajo Fin de G ado Ede Sampayo Rod íguez
Anexo III: Desc ipción de los iesgos del p oyec o
A con inuación, se explican en de alle los iesgos del p oyec o especi i-
cados en el diag ama de iesgos (Figu a 7):
Riesgos de Ges ión
1.1. Mala plani icación
Desc ipción Da p io idad a a eas que ealmen e no son an impo -
an es y ene una mala es imación los iempos.
P e ención Plani ica adecuadamen e los obje i os del p oyec o. Se
ealis a con el iempo eque ido de cada a ea, y p io-
iza siemp e las bases del p oyec o.
Plan de con ingencia Re isión de la plani icación inicial, eajus e de iempos
y co ección de des iaciones.
P obabilidad Media
Impac o Medio
Tabla 35: Riesgo po mala plani icación.
1.2. Mala comp ensión de los obje i os
Desc ipción Puede su gi cuando hay ambigüedad o al a de cla-
idad sob e lo que se espe a log a . Es o puede lle a
a malen endidos con los in e esados y en egas que no
sa is acen sus necesidades.
P e ención Realiza p egun as ecuen es a los in e esados, e i mos-
ando las en egas pe iódicamen e.
Página 21 de 70
T abajo Fin de G ado Ede Sampayo Rod íguez
Plan de con ingencia Re isión exhaus i a de los obje i os del p oyec o. Reu-
nión con odas las pa es in e esadas pa a acla a ma-
len endidos.
P obabilidad Baja
Impac o Medio
Tabla 36: Riesgo po mala comp ensión de los obje i os.
Riesgos Humanos
2.1. P oblemas pe sonales
Desc ipción Exis e la posibilidad de que su jan p oblemas pe sona-
les, como en e medades, con lic os amilia es o si uacio-
nes pe sonales di íciles.
P e ención Man ene una buena ges ión del iempo y es ablece
lími es en e el abajo y la ida pe sonal.
Plan de con ingencia Ajus a la plani icación y ee alua las p io idades pa a
maneja la ca ga de abajo. Busca apoyo ex e no en
si uaciones muy di íciles.
P obabilidad Baja
Impac o Medio
Tabla 37: Riesgo po p oblemas pe sonales.
2.2. Fal a de conocimien o
Página 22 de 70
T abajo Fin de G ado Ede Sampayo Rod íguez
Desc ipción La al a de conocimien o o expe iencia di icul a el a an-
ce del p oyec o, sob e odo al no es a amilia izado con
las ecnologías.
P e ención Realiza una buena ase de o mación, la cual se á la
base del desa ollo.
Plan de con ingencia Busca in o mación en In e ne y pedi ayuda a los com-
pañe os de abajo. En el peo de los casos, habla con
los in e esados y ealiza un cambio de ecnologías.
P obabilidad Al a
Impac o Al o
Tabla 38: Riesgo po al a de conocimien o.
Riesgos de Segu idad de la In o mación
3.1. Mala ges ión de acceso a los da os
Desc ipción La mala ges ión de acceso a los da os puede conduci
a la exposición de in o mación sob e usua ios, g upos y
sis emas del Di ec o io Ac i o a pe sonas no au o iza-
das.
P e ención Es ablece medidas de acceso a la aplicación, u ilizando
sis emas de au en icación obus os y au o izando solo
a las pe sonas es ablecidas po la o ganización.
Plan de con ingencia Implemen a medidas inmedia as pa a con ene el ac-
ceso no au o izado y no i ica a la o ganización.
P obabilidad Muy baja
Página 23 de 70
T abajo Fin de G ado Ede Sampayo Rod íguez
ha empezado a unciona co ec amen e.
Página 30 de 70

T abajo Fin de G ado Ede Sampayo Rod íguez
Anexo V: Manual de ins alación
A con inuación, se p esen a un manual de ins alación de la aplicación,
donde ins ala emos el so wa e necesa io, adap a emos el código uen e a nues-
o en o no, ins ala emos las dependencias del F on -End y el Back-End, y
desplega emos la aplicación en un en o no de desa ollo.
P e equisi os
An es de comenza con la ins alación, asegú a e de ene ins alados los
siguien es p og amas y he amien as:
Node.js y npm: Se pueden desca ga desde la página o icial de Node.
Angula CLI: Una ez ins alado Node, se debe ejecu a el siguien e co-
mando en la consola:
$ npm ins all -g @angula /cli
.NET SDK: Se puede desca ga desde la página o icial de Do ne (Mic o-
so ).
Además, se deben ene los pue os co ec os abie os y con igu ados
an o en el en o no de desa ollo como en el de p oducción. Se mues a una
abla con los pue os de cada ecnología:
Pue os
Se icio Desa ollo P oducción
F on -End 4200 443
Back-End 7103 7103
Tabla 45: Tabla de pue os pa a desa ollo y p oducción
Es os pue os pueden cambia se en los iche os angula .json del F on -
End y launchSe ings.json del Back-End.
Página 31 de 70
T abajo Fin de G ado Ede Sampayo Rod íguez
Ins alación del F on -End (Angula )
Paso 1: Ubica nos en la ca pe a del F on -End
$ cd AD- on
Paso 2: Ins ala las dependencias de Angula
$ npm ins all
Paso 3: Con igu a el en o no
Pa a ealiza es e paso, con amos con las a iables de en o no, com-
pues as po los 2 iche os en i onmen del p oyec o Angula (Figu as 90 y91).
Se debe á adap a a los pue os y di ecciones con igu adas:
Figu a 90. Va iables de en o no en desa ollo
Figu a 91. Va iables de en o no en p oducción
Paso 4: Ejecu a la aplicación en el en o no de desa ollo
$ ng se e
Si hubie a un e o elacionado con la e sión de Angula CLI, se debe
ejecu a el siguien e comando pa a usa la e sión local:
Página 32 de 70
T abajo Fin de G ado Ede Sampayo Rod íguez
$ npx ng se e
El F on -End es a á disponible en h ps://localhos :4200 pa a el
usua io.
Ins alación del Back-End (.NET Co e)
Paso 1: Ubica nos en la ca pe a del Back-End
$ cd AD-back
Paso 2: Ins ala las dependencias del p oyec o
$ do ne es o e
Paso 3: Con igu a el en o no
Pa a ello, debemos adap a los siguien es 2 iche os a nues as necesi-
dades (Figu as 92 y93):
Con igu acion.cs
Página 33 de 70
T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 92. Va iables de con igu ación del Back-End
appse ings.json
En es e iche o, se debe á cambia el s ing de conexión a la base de
da os si es necesa io:
Figu a 93. Cadena de conexión pa a la base de da os en el Back-End
Paso 4: Ejecu a la aplicación en el en o no de desa ollo
$ do ne un --launch-p o ile h ps
O bien se puede ejecu a el Back-End desde Visual S udio 2022, a a és
del bo ón de Run con h ps seleccionado.
El Back-End es a á disponible en h ps://localhos :7103 pa a el
F on -End.
Página 34 de 70
T abajo Fin de G ado Ede Sampayo Rod íguez
Anexo VI: Manual de usua io
En es e apa ado, se mos a á cómo u iliza la aplicación web. Es im-
po an e eco da que una ez desplegada la aplicación, únicamen e se necesi a
un na egado web y los pe misos necesa ios pa a accede a ella, es deci , el
usua io debe pe enece al g upo de Di ec o io Ac i o asociado a la aplicación
web.
Inicio de sesión
An es de pode na ega po la aplicación, es necesa io au en ica al
usua io. Es po ello que una ez accedes a la aplicación, es a ob iene el usua io
de Windows y comp ueba si pe enece al g upo de la aplicación (Figu a 94).
No es necesa io in oduci ninguna c edencial de usua io.
Figu a 94. Pan alla de ca ga del inicio de sesión
Si nos au en icamos co ec amen e, además de apa ece una no i ica-
ción con i mándolo, pod emos e en la pa e supe io de echa de la pan alla
(heade ) nues o nomb e comple o (Figu a 95):
Figu a 95. Nomb e comple o del usua io en el heade
Na egación
Una ez ealizado el inicio de sesión, se habili a la na egación en la
aplicación. Pa a ello, con amos con una ba a la e al izquie da, donde podemos
Página 35 de 70

T abajo Fin de G ado Ede Sampayo Rod íguez
e odas las u as posibles en la aplicación, apa eciendo sub ayada en azul la
u a ac ual en la que nos encon amos (Figu a 96):
Figu a 96. Ba a la e al de na egación
Pan alla de Dashboa d
La pan alla que se ca ga au omá icamen e es el Dashboa d (Figu a
97). Es a pan alla cuen a con un análisis del Di ec o io Ac i o, exponiendo
in o mación sob e usua ios, inicios de sesión, g upos y sis ema:
Página 36 de 70
T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 97. Pan alla de Dashboa d
A con inuación, se mues a cada uno de los componen es ampliados:
Página 37 de 70
T abajo Fin de G ado Ede Sampayo Rod íguez
Figu a 98. G á ico de ipos de usua io Figu a 99. In o mes de usua io
Figu a 100. In o mes de sis ema Figu a 101. In o mes de inicio de sesión
Figu a 102. In o mes de g upos
Página 38 de 70
T abajo Fin de G ado Ede Sampayo Rod íguez
Acceso a bo ón de da os
En la pa e supe io del Dashboa d, con amos con unos bo ones pa-
a ob ene más in o mación sob e los da os. Po ejemplo, si que emos e los
usua ios que nunca han iniciado sesión, debemos pulsa sob e el siguien e bo ón
(Figu a 103):
Figu a 103. Ejemplo de bo ón de da os del Dashboa d
Y se nos ab e una abla con oda la in o mación (Figu a 104), en la
que podemos aplica il os y o denación, y una ez e minado expo a la a un
CSV:
Figu a 104. Ejemplo de abla de da os en el Dashboa d
Página 39 de 70