utn-cli 2.1.53 → 2.1.55
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/templates/backend/package.json +3 -3
- package/templates/backend/rutas/DatosMiscelaneos.js +50 -0
- package/templates/backend/rutas/misc.js +177 -5
- package/templates/backend/rutas/rutas.js +2 -0
- package/templates/backend/servicios/Nucleo/DatosMiscelaneos.js +36 -0
- package/templates/backend/servicios/Nucleo/Miscelaneas.js +192 -25
- package/templates/frontend/Dockerfile +1 -0
- package/templates/frontend/src/app/Componentes/Nucleo/boton-ayuda/boton-ayuda.component.css +7 -0
- package/templates/frontend/src/app/Componentes/Nucleo/boton-ayuda/boton-ayuda.component.html +28 -0
- package/templates/frontend/src/app/Componentes/Nucleo/boton-ayuda/boton-ayuda.component.ts +78 -0
- package/templates/frontend/src/app/Componentes/Nucleo/estadisticas-del-modulo/estadisticas-del-modulo.component.html +43 -8
- package/templates/frontend/src/app/Componentes/Nucleo/estadisticas-del-modulo/estadisticas-del-modulo.component.ts +5 -4
- package/templates/frontend/src/app/Componentes/Nucleo/gestion-actividad/gestion-actividad.component.ts +1 -0
- package/templates/frontend/src/app/Componentes/Nucleo/mensaje-confirmacion/mensaje-confirmacion.component.css +4 -2
- package/templates/frontend/src/app/Componentes/Nucleo/mensaje-institucional/mensaje-institucional.component.html +3 -3
- package/templates/frontend/src/app/Componentes/Nucleo/mensaje-institucional/mensaje-institucional.component.ts +1 -1
- package/templates/frontend/src/app/Componentes/Nucleo/subir-archivo/subir-archivo.component.ts +1 -1
- package/templates/frontend/src/app/Paginas/Nucleo/accesibilidad/accesibilidad.component.css +25 -0
- package/templates/frontend/src/app/Paginas/Nucleo/accesibilidad/accesibilidad.component.html +2 -0
- package/templates/frontend/src/app/Paginas/Nucleo/accesibilidad/accesibilidad.component.ts +31 -2
- package/templates/frontend/src/app/Paginas/Nucleo/acercade/acercade.component.css +67 -18
- package/templates/frontend/src/app/Paginas/Nucleo/acercade/acercade.component.html +56 -46
- package/templates/frontend/src/app/Paginas/Nucleo/acercade/acercade.component.ts +21 -1
- package/templates/frontend/src/app/Paginas/Nucleo/conozcanos/conozcanos.component.css +190 -375
- package/templates/frontend/src/app/Paginas/Nucleo/conozcanos/conozcanos.component.html +92 -91
- package/templates/frontend/src/app/Paginas/Nucleo/conozcanos/conozcanos.component.ts +19 -2
- package/templates/frontend/src/app/Paginas/Nucleo/contenedor-componentes/contenedor-componentes.component.ts +26 -1
- package/templates/frontend/src/app/Paginas/Nucleo/declaracion-ia/declaracion-ia.component.css +25 -0
- package/templates/frontend/src/app/Paginas/Nucleo/declaracion-ia/declaracion-ia.component.html +2 -0
- package/templates/frontend/src/app/Paginas/Nucleo/declaracion-ia/declaracion-ia.component.ts +33 -3
- package/templates/frontend/src/app/Paginas/Nucleo/politicas/politicas.component.css +69 -15
- package/templates/frontend/src/app/Paginas/Nucleo/politicas/politicas.component.html +129 -107
- package/templates/frontend/src/app/Paginas/Nucleo/politicas/politicas.component.ts +51 -9
- package/templates/frontend/src/app/Paginas/Nucleo/preguntasFrecuentes/preguntasFrecuentes.component.css +68 -15
- package/templates/frontend/src/app/Paginas/Nucleo/preguntasFrecuentes/preguntasFrecuentes.component.html +161 -88
- package/templates/frontend/src/app/Paginas/Nucleo/preguntasFrecuentes/preguntasFrecuentes.component.ts +63 -10
- package/templates/frontend/src/app/Paginas/Nucleo/sabiasque/sabiasque.component.css +100 -24
- package/templates/frontend/src/app/Paginas/Nucleo/sabiasque/sabiasque.component.html +269 -339
- package/templates/frontend/src/app/Paginas/Nucleo/sabiasque/sabiasque.component.ts +94 -6
|
@@ -1,396 +1,326 @@
|
|
|
1
|
-
<div class="
|
|
2
|
-
<
|
|
3
|
-
</div>
|
|
4
|
-
<div class="politicas-container">
|
|
5
|
-
|
|
6
|
-
<!-- Árbol-->
|
|
7
|
-
<div class="tree-container">
|
|
1
|
+
<div class="ia-layout">
|
|
2
|
+
<main class="ia-main">
|
|
8
3
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
<div
|
|
12
|
-
<
|
|
13
|
-
<span class="tree-title">1. Gestión de módulos</span>
|
|
4
|
+
<header class="ia-encabezado">
|
|
5
|
+
<mat-icon class="ia-icono-header">lightbulb</mat-icon>
|
|
6
|
+
<div>
|
|
7
|
+
<h1>¿Sabías que?</h1>
|
|
14
8
|
</div>
|
|
15
|
-
|
|
16
|
-
<div class="sub-tree-item" [class.expanded-sub-item]="expandedSubItems['subitem1_1']">
|
|
17
|
-
<div class="sub-tree-header" (click)="toggleSubItem('subitem1_1')">
|
|
18
|
-
<span class="tree-icon">
|
|
19
|
-
{{ expandedSubItems['subitem1_1'] ? '▼' : '▶' }}
|
|
20
|
-
</span>
|
|
21
|
-
<span class="sub-tree-title">
|
|
22
|
-
1.1 Anclar módulos
|
|
23
|
-
</span>
|
|
24
|
-
</div>
|
|
25
|
-
<div class="sub-tree-content" [class.expanded]="expandedSubItems['subitem1_1']">
|
|
26
|
-
<p>
|
|
27
|
-
La funcionalidad de anclaje permite establecer módulos prioritarios para un acceso más rápido y eficiente
|
|
28
|
-
desde el panel principal. Los módulos anclados permanecerán visibles en una ubicación destacada,
|
|
29
|
-
facilitando la navegación y optimizando la productividad del usuario.
|
|
30
|
-
</p>
|
|
31
|
-
<div class="imagenes-comparacion">
|
|
32
|
-
|
|
33
|
-
<div class="imagen-item">
|
|
34
|
-
<p><strong>Antes</strong></p>
|
|
35
|
-
<img src="sabias-1.png" alt="Antes">
|
|
36
|
-
</div>
|
|
37
|
-
|
|
38
|
-
<div class="imagen-item">
|
|
39
|
-
<p><strong>Después</strong></p>
|
|
40
|
-
<img src="sabias-2.png" alt="Después">
|
|
41
|
-
</div>
|
|
42
|
-
|
|
43
|
-
</div>
|
|
44
|
-
</div>
|
|
45
|
-
</div>
|
|
46
|
-
|
|
9
|
+
</header>
|
|
47
10
|
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
<span class="tree-icon">
|
|
51
|
-
{{ expandedSubItems['subitem1_2'] ? '▼' : '▶' }}
|
|
52
|
-
</span>
|
|
53
|
-
<span class="sub-tree-title">
|
|
54
|
-
1.2 Búsqueda de módulos
|
|
55
|
-
</span>
|
|
56
|
-
</div>
|
|
57
|
-
<div class="sub-tree-content" [class.expanded]="expandedSubItems['subitem1_2']">
|
|
58
|
-
<p>
|
|
59
|
-
El buscador integrado del panel permite localizar módulos de forma ágil mediante palabras clave,
|
|
60
|
-
reduciendo los tiempos de navegación y mejorando la experiencia de uso.
|
|
61
|
-
</p>
|
|
62
|
-
<div class="imagenes-comparacion">
|
|
63
|
-
|
|
64
|
-
<div class="imagen-item">
|
|
65
|
-
<img src="sabias-3.png" alt="Antes">
|
|
66
|
-
</div>
|
|
11
|
+
<section class="ia-seccion">
|
|
12
|
+
<div class="tree-container">
|
|
67
13
|
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
</div>
|
|
14
|
+
<div class="tree-item" *ngFor="let pregunta of preguntas; let i = index"
|
|
15
|
+
[class.expanded-item]="expandedItems[pregunta.id]">
|
|
71
16
|
|
|
72
|
-
|
|
73
|
-
<div class="sub-tree-header" (click)="toggleSubItem('subitem1_3')">
|
|
17
|
+
<div class="tree-header" (click)="toggleItem(pregunta.id)">
|
|
74
18
|
<span class="tree-icon">
|
|
75
|
-
{{
|
|
19
|
+
{{ expandedItems[pregunta.id] ? '▼' : '▶' }}
|
|
76
20
|
</span>
|
|
77
|
-
<span class="
|
|
78
|
-
1.
|
|
21
|
+
<span class="tree-title">
|
|
22
|
+
{{ i + 1 }}. {{ pregunta.titulo }}
|
|
79
23
|
</span>
|
|
80
24
|
</div>
|
|
81
|
-
<div class="sub-tree-content" [class.expanded]="expandedSubItems['subitem1_3']">
|
|
82
|
-
<p>
|
|
83
|
-
Los módulos principales muestran e identifican la cantidad de submódulos asociados. Además, los submódulos
|
|
84
|
-
cuentan con funcionalidades de búsqueda y anclaje similares a las disponibles en los módulos principales.
|
|
85
|
-
</p>
|
|
86
|
-
<p><strong>Módulo principal:</strong> al seleccionar un módulo principal, el sistema redirige
|
|
87
|
-
automáticamente a la vista de los submódulos asociados.</p>
|
|
88
|
-
<div class="imagenes-comparacion">
|
|
89
25
|
|
|
90
|
-
|
|
91
|
-
|
|
26
|
+
<!-- ITEM 1 -->
|
|
27
|
+
<div *ngIf="pregunta.id === 'item1'" class="tree-content" [class.expanded]="expandedItems['item1']">
|
|
28
|
+
|
|
29
|
+
<div class="sub-tree-item">
|
|
30
|
+
<div class="sub-tree-header" (click)="toggleSubItem('subitem1_1')">
|
|
31
|
+
<span class="tree-icon">
|
|
32
|
+
{{ expandedSubItems['subitem1_1'] ? '▼' : '▶' }}
|
|
33
|
+
</span>
|
|
34
|
+
<span class="sub-tree-title">
|
|
35
|
+
{{ obtenerNumeroSubItem('item1',1) }} Anclar módulos
|
|
36
|
+
</span>
|
|
92
37
|
</div>
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
38
|
+
<div class="sub-tree-content" [class.expanded]="expandedSubItems['subitem1_1']">
|
|
39
|
+
<p>
|
|
40
|
+
La funcionalidad de anclaje permite establecer módulos prioritarios para un acceso más rápido y eficiente
|
|
41
|
+
desde el panel principal. Los módulos anclados permanecerán visibles en una ubicación destacada,
|
|
42
|
+
facilitando la navegación y optimizando la productividad del usuario.
|
|
43
|
+
</p>
|
|
44
|
+
<div class="imagenes-comparacion">
|
|
45
|
+
<div class="imagen-item">
|
|
46
|
+
<p><strong>Antes</strong></p>
|
|
47
|
+
<img src="sabias-1.png" alt="Antes">
|
|
48
|
+
</div>
|
|
49
|
+
<div class="imagen-item">
|
|
50
|
+
<p><strong>Después</strong></p>
|
|
51
|
+
<img src="sabias-2.png" alt="Después">
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
101
54
|
</div>
|
|
102
55
|
</div>
|
|
103
|
-
</div>
|
|
104
|
-
</div>
|
|
105
|
-
|
|
106
|
-
</div>
|
|
107
|
-
<div class="line"></div>
|
|
108
|
-
</div>
|
|
109
|
-
|
|
110
|
-
<!-- Item 2-->
|
|
111
|
-
<div class="tree-item" [class.expanded-item]="expandedItems['item2']">
|
|
112
|
-
<div class="tree-header" (click)="toggleItem('item2')">
|
|
113
|
-
<span class="tree-icon">{{ expandedItems['item2'] ? '▼' : '▶' }}</span>
|
|
114
|
-
<span class="tree-title">2. Gestión de tarjetas</span>
|
|
115
|
-
</div>
|
|
116
|
-
<div class="tree-content" [class.expanded]="expandedItems['item2']">
|
|
117
|
-
<p><strong> 2.1 Ordenar tarjetas</strong></p>
|
|
118
|
-
<p>
|
|
119
|
-
Al acceder a un submódulo, el sistema muestra las tarjetas asociadas. Estas pueden reorganizarse según las
|
|
120
|
-
necesidades del usuario. La configuración del orden queda almacenada automáticamente, por lo que se
|
|
121
|
-
conservará incluso después de cerrar sesión.
|
|
122
|
-
</p>
|
|
123
|
-
|
|
124
|
-
<div class="video-container">
|
|
125
|
-
<video controls>
|
|
126
|
-
<source src="videos/screen-capture (2).webm" type="video/mp4">
|
|
127
|
-
Tu navegador no soporta la reproducción de video.
|
|
128
|
-
</video>
|
|
129
|
-
</div>
|
|
130
|
-
</div>
|
|
131
|
-
<div class="line"></div>
|
|
132
|
-
</div>
|
|
133
|
-
|
|
134
|
-
<!-- Item 3-->
|
|
135
|
-
<div class="tree-item" [class.expanded-item]="expandedItems['item3']">
|
|
136
|
-
<div class="tree-header" (click)="toggleItem('item3')">
|
|
137
|
-
<span class="tree-icon">{{ expandedItems['item3'] ? '▼' : '▶' }}</span>
|
|
138
|
-
<span class="tree-title">3. Gestión de aplicaciones</span>
|
|
139
|
-
</div>
|
|
140
|
-
<div class="tree-content" [class.expanded]="expandedItems['item3']">
|
|
141
|
-
<p>En la parte inferior derecha de la pantalla encontrarás el menú aplicaciones, identificado con el símbolo
|
|
142
|
-
(^). Al seleccionarlo, se desplegará un conjunto de opciones disponibles.
|
|
143
|
-
</p>
|
|
144
|
-
|
|
145
|
-
<div class="sub-tree-item" [class.expanded-sub-item]="expandedSubItems['subitem3_1']">
|
|
146
|
-
<div class="sub-tree-header" (click)="toggleSubItem('subitem3_1')">
|
|
147
|
-
<span class="tree-icon">
|
|
148
|
-
{{ expandedSubItems['subitem3_1'] ? '▼' : '▶' }}
|
|
149
|
-
</span>
|
|
150
|
-
<span class="sub-tree-title">
|
|
151
|
-
3.1 Envío de sugerencias
|
|
152
|
-
</span>
|
|
153
|
-
</div>
|
|
154
|
-
<div class="sub-tree-content" [class.expanded]="expandedSubItems['subitem3_1']">
|
|
155
|
-
<p>
|
|
156
|
-
¿Sabías que puedes enviar sugerencias para contribuir a la mejora continua de SIGU?
|
|
157
|
-
</p>
|
|
158
|
-
<p>Dentro de este menú encontrarás la opción <strong>sugerencias</strong>. Al hacer clic, se abrirá un panel donde podrás
|
|
159
|
-
registrar observaciones, comentarios o propuestas de mejora relacionadas con la plataforma SIGU.</p>
|
|
160
56
|
|
|
161
|
-
<
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
57
|
+
<div class="sub-tree-item">
|
|
58
|
+
<div class="sub-tree-header" (click)="toggleSubItem('subitem1_2')">
|
|
59
|
+
<span class="tree-icon">
|
|
60
|
+
{{ expandedSubItems['subitem1_2'] ? '▼' : '▶' }}
|
|
61
|
+
</span>
|
|
62
|
+
<span class="sub-tree-title">
|
|
63
|
+
{{ obtenerNumeroSubItem('item1',2) }} Búsqueda de módulos
|
|
64
|
+
</span>
|
|
168
65
|
</div>
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
66
|
+
<div class="sub-tree-content" [class.expanded]="expandedSubItems['subitem1_2']">
|
|
67
|
+
<p>
|
|
68
|
+
El buscador integrado del panel permite localizar módulos de forma ágil mediante palabras clave,
|
|
69
|
+
reduciendo los tiempos de navegación y mejorando la experiencia de uso.
|
|
70
|
+
</p>
|
|
71
|
+
<div class="imagenes-comparacion">
|
|
72
|
+
<div class="imagen-item">
|
|
73
|
+
<img src="sabias-3.png" alt="Antes">
|
|
74
|
+
</div>
|
|
75
|
+
</div>
|
|
172
76
|
</div>
|
|
173
|
-
|
|
174
77
|
</div>
|
|
175
|
-
</div>
|
|
176
|
-
</div>
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
<div class="sub-tree-item" [class.expanded-sub-item]="expandedSubItems['subitem3_2']">
|
|
180
|
-
<div class="sub-tree-header" (click)="toggleSubItem('subitem3_2')">
|
|
181
|
-
<span class="tree-icon">
|
|
182
|
-
{{ expandedSubItems['subitem3_2'] ? '▼' : '▶' }}
|
|
183
|
-
</span>
|
|
184
|
-
<span class="sub-tree-title">
|
|
185
|
-
3.2 Actividad de la cuenta
|
|
186
|
-
</span>
|
|
187
|
-
</div>
|
|
188
|
-
<div class="sub-tree-content" [class.expanded]="expandedSubItems['subitem3_2']">
|
|
189
|
-
<p>
|
|
190
|
-
¿Sabías que puedes consultar el historial de actividad de tu cuenta dentro de SIGU?
|
|
191
|
-
</p>
|
|
192
|
-
<p>Desde el menú Aplicaciones, ubicado en la parte inferior derecha de la pantalla, selecciona la opción
|
|
193
|
-
<strong>actividad de la cuenta</strong>.</p>
|
|
194
|
-
|
|
195
|
-
<p>Esta sección muestra un registro de las acciones realizadas dentro de la plataforma, permitiéndote dar
|
|
196
|
-
seguimiento a tu actividad y consultar información relevante relacionada con el uso de tu cuenta.</p>
|
|
197
|
-
|
|
198
|
-
<div class="imagenes-comparacion">
|
|
199
78
|
|
|
200
|
-
|
|
201
|
-
|
|
79
|
+
<div class="sub-tree-item">
|
|
80
|
+
<div class="sub-tree-header" (click)="toggleSubItem('subitem1_3')">
|
|
81
|
+
<span class="tree-icon">
|
|
82
|
+
{{ expandedSubItems['subitem1_3'] ? '▼' : '▶' }}
|
|
83
|
+
</span>
|
|
84
|
+
<span class="sub-tree-title">
|
|
85
|
+
{{ obtenerNumeroSubItem('item1',3) }} Submódulos
|
|
86
|
+
</span>
|
|
87
|
+
</div>
|
|
88
|
+
<div class="sub-tree-content" [class.expanded]="expandedSubItems['subitem1_3']">
|
|
89
|
+
<p>
|
|
90
|
+
Los módulos principales muestran e identifican la cantidad de submódulos asociados. Además, los submódulos
|
|
91
|
+
cuentan con funcionalidades de búsqueda y anclaje similares a las disponibles en los módulos principales.
|
|
92
|
+
</p>
|
|
93
|
+
<p><strong>Módulo principal:</strong> al seleccionar un módulo principal, el sistema redirige
|
|
94
|
+
automáticamente a la vista de los submódulos asociados.</p>
|
|
95
|
+
<div class="imagenes-comparacion">
|
|
96
|
+
<div class="imagen-item">
|
|
97
|
+
<img src="sabias-4.png" alt="Antes">
|
|
98
|
+
</div>
|
|
99
|
+
</div>
|
|
100
|
+
<p><strong>Submódulos:</strong> esta sección permite consultar, buscar y anclar submódulos para un acceso
|
|
101
|
+
más eficiente.</p>
|
|
102
|
+
<div class="imagenes-comparacion">
|
|
103
|
+
<div class="imagen-item">
|
|
104
|
+
<img src="sabias-5.png" alt="Antes">
|
|
105
|
+
</div>
|
|
106
|
+
</div>
|
|
202
107
|
</div>
|
|
203
|
-
|
|
204
108
|
</div>
|
|
205
109
|
</div>
|
|
206
|
-
</div>
|
|
207
110
|
|
|
208
|
-
|
|
209
|
-
<div class="
|
|
210
|
-
<
|
|
211
|
-
{{ expandedSubItems['subitem3_3'] ? '▼' : '▶' }}
|
|
212
|
-
</span>
|
|
213
|
-
<span class="sub-tree-title">
|
|
214
|
-
3.3 Reordenar el menú de aplicaciones
|
|
215
|
-
</span>
|
|
216
|
-
</div>
|
|
217
|
-
<div class="sub-tree-content" [class.expanded]="expandedSubItems['subitem3_3']">
|
|
111
|
+
<!-- ITEM 2 -->
|
|
112
|
+
<div *ngIf="pregunta.id === 'item2'" class="tree-content" [class.expanded]="expandedItems['item2']">
|
|
113
|
+
<p><strong>{{ obtenerNumeroSubItem('item2',1) }} Ordenar tarjetas </strong></p>
|
|
218
114
|
<p>
|
|
219
|
-
|
|
115
|
+
Al acceder a un submódulo, el sistema muestra las tarjetas asociadas. Estas pueden reorganizarse según las
|
|
116
|
+
necesidades del usuario. La configuración del orden queda almacenada automáticamente, por lo que se
|
|
117
|
+
conservará incluso después de cerrar sesión.
|
|
220
118
|
</p>
|
|
221
|
-
<p>Dentro del menú <strong>aplicaciones</strong>, selecciona la opción <strong>reordenar</strong>. Esta funcionalidad te permitirá organizar
|
|
222
|
-
los elementos según tus preferencias o frecuencia de uso.</p>
|
|
223
|
-
|
|
224
|
-
<p>Una vez realizados los cambios, selecciona Guardar para conservar la nueva distribución. El sistema
|
|
225
|
-
almacenará la configuración para futuras sesiones.</p>
|
|
226
|
-
|
|
227
119
|
<div class="video-container">
|
|
228
120
|
<video controls>
|
|
229
|
-
<source src="videos/
|
|
121
|
+
<source src="videos/screen-capture (2).webm" type="video/mp4">
|
|
230
122
|
Tu navegador no soporta la reproducción de video.
|
|
231
123
|
</video>
|
|
232
124
|
</div>
|
|
233
|
-
|
|
234
|
-
</div>
|
|
235
|
-
</div>
|
|
236
|
-
|
|
237
|
-
</div>
|
|
238
|
-
<div class="line"></div>
|
|
239
|
-
</div>
|
|
240
|
-
|
|
241
|
-
<!-- Item 4-->
|
|
242
|
-
<div class="tree-item" [class.expanded-item]="expandedItems['item4']">
|
|
243
|
-
<div class="tree-header" (click)="toggleItem('item4')">
|
|
244
|
-
<span class="tree-icon">{{ expandedItems['item4'] ? '▼' : '▶' }}</span>
|
|
245
|
-
<span class="tree-title">4. Gestión del calendario institucional</span>
|
|
246
|
-
</div>
|
|
247
|
-
<div class="tree-content" [class.expanded]="expandedItems['item4']">
|
|
248
|
-
<p><strong>4.1 Consulta del calendario institucional</strong></p>
|
|
249
|
-
<p>¿Sabías que puedes consultar las actividades programadas en el calendario institucional desde SIGU?
|
|
250
|
-
</p>
|
|
251
|
-
<p>La plataforma dispone de un módulo denominado <strong>calendario institucional</strong>, accesible mediante el ícono de
|
|
252
|
-
calendario ubicado en la parte inferior derecha de la pantalla.</p>
|
|
253
|
-
<p>En esta sección podrás visualizar:</p>
|
|
254
|
-
<ul>
|
|
255
|
-
<li>Las actividades que se encuentran actualmente en ejecución.</li>
|
|
256
|
-
<li>Los eventos programados pendientes para el período correspondiente.</li>
|
|
257
|
-
<li>Información detallada de cada actividad institucional.</li>
|
|
258
|
-
</ul>
|
|
259
|
-
<p>Además, cuenta con una herramienta de búsqueda que permite localizar actividades específicas mediante
|
|
260
|
-
palabras clave, facilitando la consulta de información de forma rápida y eficiente.</p>
|
|
261
|
-
<div class="imagenes-comparacion">
|
|
262
|
-
|
|
263
|
-
<div class="imagen-item">
|
|
264
|
-
<img src="sabias-9.png" alt="Antes">
|
|
265
125
|
</div>
|
|
266
126
|
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
</div>
|
|
272
|
-
|
|
273
|
-
<!-- Item 5-->
|
|
274
|
-
<div class="tree-item" [class.expanded-item]="expandedItems['item5']">
|
|
275
|
-
<div class="tree-header" (click)="toggleItem('item5')">
|
|
276
|
-
<span class="tree-icon">{{ expandedItems['item5'] ? '▼' : '▶' }}</span>
|
|
277
|
-
<span class="tree-title">5. Gestión de procesos en tablas</span>
|
|
278
|
-
</div>
|
|
279
|
-
<div class="tree-content" [class.expanded]="expandedItems['item5']">
|
|
280
|
-
|
|
281
|
-
<div class="sub-tree-item" [class.expanded-sub-item]="expandedSubItems['subitem5_1']">
|
|
282
|
-
<div class="sub-tree-header" (click)="toggleSubItem('subitem5_1')">
|
|
283
|
-
<span class="tree-icon">
|
|
284
|
-
{{ expandedSubItems['subitem5_1'] ? '▼' : '▶' }}
|
|
285
|
-
</span>
|
|
286
|
-
<span class="sub-tree-title">
|
|
287
|
-
5.1 Ocultar columnas
|
|
288
|
-
</span>
|
|
289
|
-
</div>
|
|
290
|
-
<div class="sub-tree-content" [class.expanded]="expandedSubItems['subitem5_1']">
|
|
291
|
-
<p>
|
|
292
|
-
¿Sabías que puedes personalizar la visualización de las tablas ocultando columnas que no necesites
|
|
293
|
-
consultar?
|
|
127
|
+
<!-- ITEM 3 -->
|
|
128
|
+
<div *ngIf="pregunta.id === 'item3'" class="tree-content" [class.expanded]="expandedItems['item3']">
|
|
129
|
+
<p>En la parte inferior derecha de la pantalla encontrarás el menú aplicaciones, identificado con el símbolo
|
|
130
|
+
(^). Al seleccionarlo, se desplegará un conjunto de opciones disponibles.
|
|
294
131
|
</p>
|
|
295
|
-
<
|
|
296
|
-
|
|
132
|
+
<div class="sub-tree-item">
|
|
133
|
+
<div class="sub-tree-header" (click)="toggleSubItem('subitem3_1')">
|
|
134
|
+
<span class="tree-icon">
|
|
135
|
+
{{ expandedSubItems['subitem3_1'] ? '▼' : '▶' }}
|
|
136
|
+
</span>
|
|
137
|
+
<span class="sub-tree-title">
|
|
138
|
+
{{ obtenerNumeroSubItem('item3',1) }} Envío de sugerencias
|
|
139
|
+
</span>
|
|
140
|
+
</div>
|
|
141
|
+
<div class="sub-tree-content" [class.expanded]="expandedSubItems['subitem3_1']">
|
|
142
|
+
<p>¿Sabías que puedes enviar sugerencias para contribuir a la mejora continua de SIGU?</p>
|
|
143
|
+
<p>Dentro de este menú encontrarás la opción <strong>sugerencias</strong>. Al hacer clic, se abrirá un panel
|
|
144
|
+
donde podrás registrar observaciones, comentarios o propuestas de mejora relacionadas con la plataforma SIGU.</p>
|
|
145
|
+
<p>Esta funcionalidad permite que los usuarios aporten ideas para optimizar procesos, mejorar la experiencia
|
|
146
|
+
de uso e incorporar nuevas funcionalidades en futuras versiones del sistema.</p>
|
|
147
|
+
<div class="imagenes-comparacion">
|
|
148
|
+
<div class="imagen-item">
|
|
149
|
+
<img src="sabias-6.png" alt="Antes">
|
|
150
|
+
</div>
|
|
151
|
+
<div class="imagen-item">
|
|
152
|
+
<img src="sabias-7.png" alt="Antes">
|
|
153
|
+
</div>
|
|
154
|
+
</div>
|
|
155
|
+
</div>
|
|
156
|
+
</div>
|
|
297
157
|
|
|
298
|
-
<
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
158
|
+
<div class="sub-tree-item">
|
|
159
|
+
<div class="sub-tree-header" (click)="toggleSubItem('subitem3_2')">
|
|
160
|
+
<span class="tree-icon">
|
|
161
|
+
{{ expandedSubItems['subitem3_2'] ? '▼' : '▶' }}
|
|
162
|
+
</span>
|
|
163
|
+
<span class="sub-tree-title">
|
|
164
|
+
{{ obtenerNumeroSubItem('item3',2) }} Actividad de la cuenta
|
|
165
|
+
</span>
|
|
166
|
+
</div>
|
|
167
|
+
<div class="sub-tree-content" [class.expanded]="expandedSubItems['subitem3_2']">
|
|
168
|
+
<p>¿Sabías que puedes consultar el historial de actividad de tu cuenta dentro de SIGU?</p>
|
|
169
|
+
<p>Desde el menú <strong> aplicaciones</strong>, ubicado en la parte inferior derecha de la pantalla, selecciona la opción
|
|
170
|
+
<strong>actividad de la cuenta</strong>.
|
|
171
|
+
</p>
|
|
172
|
+
<p>Esta sección muestra un registro de las acciones realizadas dentro de la plataforma, permitiéndote dar
|
|
173
|
+
seguimiento a tu actividad y consultar información relevante relacionada con el uso de tu cuenta.</p>
|
|
174
|
+
<div class="imagenes-comparacion">
|
|
175
|
+
<div class="imagen-item">
|
|
176
|
+
<img src="sabias-8.png" alt="Antes">
|
|
177
|
+
</div>
|
|
178
|
+
</div>
|
|
179
|
+
</div>
|
|
305
180
|
</div>
|
|
306
181
|
|
|
182
|
+
<div class="sub-tree-item">
|
|
183
|
+
<div class="sub-tree-header" (click)="toggleSubItem('subitem3_3')">
|
|
184
|
+
<span class="tree-icon">
|
|
185
|
+
{{ expandedSubItems['subitem3_3'] ? '▼' : '▶' }}
|
|
186
|
+
</span>
|
|
187
|
+
<span class="sub-tree-title">
|
|
188
|
+
{{ obtenerNumeroSubItem('item3',3) }} Reordenar el menú de aplicaciones
|
|
189
|
+
</span>
|
|
190
|
+
</div>
|
|
191
|
+
<div class="sub-tree-content" [class.expanded]="expandedSubItems['subitem3_3']">
|
|
192
|
+
<p>¿Sabías que puedes personalizar el orden de los elementos del menú de aplicaciones?</p>
|
|
193
|
+
<p>Dentro del menú <strong>aplicaciones</strong>, selecciona la opción <strong>reordenar</strong>. Esta
|
|
194
|
+
funcionalidad te permitirá organizar los elementos según tus preferencias o frecuencia de uso.</p>
|
|
195
|
+
<p>Una vez realizados los cambios, selecciona Guardar para conservar la nueva distribución. El sistema
|
|
196
|
+
almacenará la configuración para futuras sesiones.</p>
|
|
197
|
+
<div class="video-container">
|
|
198
|
+
<video controls>
|
|
199
|
+
<source src="videos/video3.webm" type="video/mp4">
|
|
200
|
+
Tu navegador no soporta la reproducción de video.
|
|
201
|
+
</video>
|
|
202
|
+
</div>
|
|
203
|
+
</div>
|
|
204
|
+
</div>
|
|
307
205
|
</div>
|
|
308
|
-
</div>
|
|
309
206
|
|
|
310
|
-
|
|
311
|
-
<div class="
|
|
312
|
-
<
|
|
313
|
-
|
|
314
|
-
</
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
207
|
+
<!-- ITEM 4 -->
|
|
208
|
+
<div *ngIf="pregunta.id === 'item4'" class="tree-content" [class.expanded]="expandedItems['item4']">
|
|
209
|
+
<p><strong>{{ obtenerNumeroSubItem('item4', 1) }} Consulta del calendario institucional</strong></p>
|
|
210
|
+
<p>¿Sabías que puedes consultar las actividades programadas en el calendario institucional desde SIGU?</p>
|
|
211
|
+
<p>La plataforma dispone de un módulo denominado <strong>calendario institucional</strong>, accesible mediante
|
|
212
|
+
el ícono de calendario ubicado en la parte inferior derecha de la pantalla.</p>
|
|
213
|
+
<p>En esta sección podrás visualizar:</p>
|
|
214
|
+
<ul>
|
|
215
|
+
<li>Las actividades que se encuentran actualmente en ejecución.</li>
|
|
216
|
+
<li>Los eventos programados pendientes para el período correspondiente.</li>
|
|
217
|
+
<li>Información detallada de cada actividad institucional.</li>
|
|
218
|
+
</ul>
|
|
219
|
+
<p>Además, cuenta con una herramienta de búsqueda que permite localizar actividades específicas mediante
|
|
220
|
+
palabras clave, facilitando la consulta de información de forma rápida y eficiente.</p>
|
|
221
|
+
<div class="imagenes-comparacion">
|
|
222
|
+
<div class="imagen-item">
|
|
223
|
+
<img src="sabias-9.png" alt="Antes">
|
|
224
|
+
</div>
|
|
225
|
+
</div>
|
|
318
226
|
</div>
|
|
319
|
-
<div class="sub-tree-content" [class.expanded]="expandedSubItems['subitem5_2']">
|
|
320
|
-
<p>
|
|
321
|
-
¿Sabías que puedes exportar la información de una tabla a Microsoft Excel?
|
|
322
|
-
</p>
|
|
323
|
-
<p>Selecciona el botón <strong>descargar información</strong> para generar un archivo excel con los datos que se encuentran
|
|
324
|
-
visibles en la tabla.</p>
|
|
325
|
-
|
|
326
|
-
<p>Una vez completada la descarga, podrás localizar el archivo en la carpeta descargas de tu dispositivo y
|
|
327
|
-
abrirlo para consultar, analizar o procesar la información según tus necesidades.</p>
|
|
328
227
|
|
|
329
|
-
|
|
228
|
+
<!-- ITEM 5 -->
|
|
229
|
+
<div *ngIf="pregunta.id === 'item5'" class="tree-content" [class.expanded]="expandedItems['item5']">
|
|
230
|
+
|
|
231
|
+
<div class="sub-tree-item">
|
|
232
|
+
<div class="sub-tree-header" (click)="toggleSubItem('subitem5_1')">
|
|
233
|
+
<span class="tree-icon">
|
|
234
|
+
{{ expandedSubItems['subitem5_1'] ? '▼' : '▶' }}
|
|
235
|
+
</span>
|
|
236
|
+
<span class="sub-tree-title">
|
|
237
|
+
{{ obtenerNumeroSubItem('item5',1) }} Ocultar columnas
|
|
238
|
+
</span>
|
|
239
|
+
</div>
|
|
240
|
+
<div class="sub-tree-content" [class.expanded]="expandedSubItems['subitem5_1']">
|
|
241
|
+
<p>¿Sabías que puedes personalizar la visualización de las tablas ocultando columnas que no necesites consultar?</p>
|
|
242
|
+
<p>Selecciona el ícono de configuración de columnas (representado por barras verticales) para desplegar el
|
|
243
|
+
listado de columnas disponibles.</p>
|
|
244
|
+
<p>Posteriormente, marca o desmarca las columnas que deseas mostrar u ocultar según tus necesidades.</p>
|
|
245
|
+
<p>Esta funcionalidad permite adaptar la información visualizada y mejorar la experiencia de consulta.</p>
|
|
246
|
+
<div class="video-container">
|
|
247
|
+
<video controls>
|
|
248
|
+
<source src="videos/video4.webm" type="video/mp4">
|
|
249
|
+
Tu navegador no soporta la reproducción de video.
|
|
250
|
+
</video>
|
|
251
|
+
</div>
|
|
252
|
+
</div>
|
|
253
|
+
</div>
|
|
330
254
|
|
|
331
|
-
|
|
332
|
-
|
|
255
|
+
<div class="sub-tree-item">
|
|
256
|
+
<div class="sub-tree-header" (click)="toggleSubItem('subitem5_2')">
|
|
257
|
+
<span class="tree-icon">
|
|
258
|
+
{{ expandedSubItems['subitem5_2'] ? '▼' : '▶' }}
|
|
259
|
+
</span>
|
|
260
|
+
<span class="sub-tree-title">
|
|
261
|
+
{{ obtenerNumeroSubItem('item5',2) }} Descargar información en excel
|
|
262
|
+
</span>
|
|
263
|
+
</div>
|
|
264
|
+
<div class="sub-tree-content" [class.expanded]="expandedSubItems['subitem5_2']">
|
|
265
|
+
<p>¿Sabías que puedes exportar la información de una tabla a Microsoft Excel?</p>
|
|
266
|
+
<p>Selecciona el botón <strong>descargar información</strong> para generar un archivo excel con los datos
|
|
267
|
+
que se encuentran visibles en la tabla.</p>
|
|
268
|
+
<p>Una vez completada la descarga, podrás localizar el archivo en la carpeta descargas de tu dispositivo y
|
|
269
|
+
abrirlo para consultar, analizar o procesar la información según tus necesidades.</p>
|
|
270
|
+
<div class="imagenes-comparacion">
|
|
271
|
+
<div class="imagen-item">
|
|
272
|
+
<img src="sabias-10.png" alt="Antes">
|
|
273
|
+
</div>
|
|
274
|
+
</div>
|
|
333
275
|
</div>
|
|
276
|
+
</div>
|
|
334
277
|
|
|
278
|
+
<div class="sub-tree-item">
|
|
279
|
+
<div class="sub-tree-header" (click)="toggleSubItem('subitem5_3')">
|
|
280
|
+
<span class="tree-icon">
|
|
281
|
+
{{ expandedSubItems['subitem5_3'] ? '▼' : '▶' }}
|
|
282
|
+
</span>
|
|
283
|
+
<span class="sub-tree-title">
|
|
284
|
+
{{ obtenerNumeroSubItem('item5',3) }} Filtrar información
|
|
285
|
+
</span>
|
|
286
|
+
</div>
|
|
287
|
+
<div class="sub-tree-content" [class.expanded]="expandedSubItems['subitem5_3']">
|
|
288
|
+
<p>¿Sabías que puedes filtrar la información de una tabla para localizar registros específicos?</p>
|
|
289
|
+
<p>Selecciona el botón <strong>filtrar</strong> para acceder a las opciones de búsqueda disponibles.</p>
|
|
290
|
+
<p>Los filtros permiten restringir los resultados según los valores de las columnas de la tabla, facilitando
|
|
291
|
+
la localización de información y optimizando los tiempos de consulta.</p>
|
|
292
|
+
<div class="imagenes-comparacion">
|
|
293
|
+
<div class="imagen-item">
|
|
294
|
+
<img src="sabias-11.png" alt="Antes">
|
|
295
|
+
</div>
|
|
296
|
+
</div>
|
|
297
|
+
</div>
|
|
335
298
|
</div>
|
|
336
|
-
</div>
|
|
337
|
-
</div>
|
|
338
299
|
|
|
339
|
-
<div class="sub-tree-item" [class.expanded-sub-item]="expandedSubItems['subitem5_3']">
|
|
340
|
-
<div class="sub-tree-header" (click)="toggleSubItem('subitem5_3')">
|
|
341
|
-
<span class="tree-icon">
|
|
342
|
-
{{ expandedSubItems['subitem5_3'] ? '▼' : '▶' }}
|
|
343
|
-
</span>
|
|
344
|
-
<span class="sub-tree-title">
|
|
345
|
-
5.3 Filtrar información
|
|
346
|
-
</span>
|
|
347
300
|
</div>
|
|
348
|
-
<div class="sub-tree-content" [class.expanded]="expandedSubItems['subitem5_3']">
|
|
349
|
-
<p>
|
|
350
|
-
¿Sabías que puedes filtrar la información de una tabla para localizar registros específicos?
|
|
351
|
-
</p>
|
|
352
|
-
<p>Selecciona el botón <strong>filtrar</strong> para acceder a las opciones de búsqueda disponibles.</p>
|
|
353
|
-
|
|
354
|
-
<p>Los filtros permiten restringir los resultados según los valores de las columnas de la tabla, facilitando
|
|
355
|
-
la localización de información y optimizando los tiempos de consulta.</p>
|
|
356
301
|
|
|
302
|
+
<!-- ITEM 6 -->
|
|
303
|
+
<div *ngIf="pregunta.id === 'item6'" class="tree-content" [class.expanded]="expandedItems['item6']">
|
|
304
|
+
<p><strong>{{ obtenerNumeroSubItem('item6', 1) }} Inicio de sesión con google</strong></p>
|
|
305
|
+
<p>¿Sabías que puedes acceder a SIGU utilizando google?</p>
|
|
306
|
+
<p>Para utilizar esta opción, el usuario debe contar previamente con una cuenta registrada en SIGU como oferente
|
|
307
|
+
o personal administrativo.</p>
|
|
308
|
+
<p>Asimismo, la cuenta de google debe pertenecer al dominio institucional @utn.ac.cr</p>
|
|
357
309
|
<div class="imagenes-comparacion">
|
|
358
|
-
|
|
359
310
|
<div class="imagen-item">
|
|
360
|
-
<img src="
|
|
311
|
+
<img src="preguntasF-5.png" alt="Antes">
|
|
361
312
|
</div>
|
|
362
|
-
|
|
363
313
|
</div>
|
|
364
314
|
</div>
|
|
365
|
-
</div>
|
|
366
315
|
|
|
367
|
-
|
|
368
|
-
<div class="line"></div>
|
|
369
|
-
</div>
|
|
370
|
-
|
|
371
|
-
<!-- Item 6-->
|
|
372
|
-
<div class="tree-item" [class.expanded-item]="expandedItems['item6']">
|
|
373
|
-
<div class="tree-header" (click)="toggleItem('item6')">
|
|
374
|
-
<span class="tree-icon">{{ expandedItems['item6'] ? '▼' : '▶' }}</span>
|
|
375
|
-
<span class="tree-title">6. Inicio de sesión</span>
|
|
376
|
-
</div>
|
|
377
|
-
<div class="tree-content" [class.expanded]="expandedItems['item6']">
|
|
378
|
-
<p><strong>6.1 Inicio de sesión con google</strong></p>
|
|
379
|
-
<p>¿Sabías que puedes acceder a SIGU utilizando google?</p>
|
|
380
|
-
<p>Para utilizar esta opción, el usuario debe contar previamente con una cuenta registrada en SIGU como oferente
|
|
381
|
-
o personal administrativo.</p>
|
|
382
|
-
<p>Asimismo, la cuenta de google debe pertenecer al dominio institucional @utn.ac.cr</p>
|
|
383
|
-
<div class="imagenes-comparacion">
|
|
384
|
-
|
|
385
|
-
<div class="imagen-item">
|
|
386
|
-
<img src="preguntasF-5.png" alt="Antes">
|
|
387
|
-
</div>
|
|
316
|
+
<div class="line"></div>
|
|
388
317
|
|
|
389
318
|
</div>
|
|
319
|
+
|
|
390
320
|
</div>
|
|
321
|
+
</section>
|
|
391
322
|
|
|
392
|
-
|
|
393
|
-
</div>
|
|
394
|
-
</div>
|
|
323
|
+
<button *ngIf="mostrarBotonInicio" class="btn-volver-arriba" (click)="irAlInicio()" title="Volver arriba">↑ Volver arriba</button>
|
|
395
324
|
|
|
396
|
-
</
|
|
325
|
+
</main>
|
|
326
|
+
</div>
|