Versiones comparadas

Versión anterior 4

changes.mady.by.user Rosana Durán Sanlés

Guardado el

comparado con

Nueva versión Actual

changes.mady.by.user Rosana Durán Sanlés

Guardado el

Clave

  • Se ha añadido esta línea.
  • Se ha eliminado esta línea.
  • El formato se ha cambiado.
Procura
placeholderfai a túa consulta e selecciona unha das respostas



Macro de diseño de contenido

A partir de aquí por favor...

Sección
Columna
HTML
<!DOCTYPE html>
<html lang="gl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Xerador de Guías Interactivas (Cores Personalizadas)</title>
    <!-- O CSS foi eliminado de aquí e pasarase a JavaScript para aplicalo en liña -->
</head>
<body>
    <!-- O contedor principal agora só necesita o ID. O estilo aplicarase con JS -->
    <div id="guiaInteractivaContedor">
        <!-- O JavaScript encherá isto -->
    </div>

    <script>
        // ---------------------------------------------------------------------------
        // --- SECCIÓN DE ESTILOS EN LIÑA: CORES ACTUALIZADAS ---
        // ---------------------------------------------------------------------------
        const STYLES = {
            mainContainer: `
                font-family: sans-serif !important; 
                line-height: 1.5 !important; 
                width: 100% !important; 
                max-width: 750px !important; 
                margin: 20px auto !important; 
                background-color: #ffffff !important; 
                border: 1px solid #dee2e6 !important; 
                padding: 15px !important; 
                border-radius: 4px !important; 
                text-align: left !important;
            `,
            header: `
                text-align: center !important; 
                margin-bottom: 20px !important;
            `,
            headerH1: `
                font-size: 1.5em !important; 
                font-weight: bold !important; 
                margin-bottom: 5px !important;
                color: #343a40 !important;
            `,
            headerP: `
                font-size: 1em !important; 
                margin-top: 5px !important;
                color: #6c757d !important;
            `,
            pasoRenderizado: `
                padding: 15px !important; 
                border: 1px solid #e9ecef !important; 
                border-radius: 3px !important; 
                margin-bottom: 15px !important; 
                background-color: #f8f9fa !important;
            `,
            pasoH2: `
                font-size: 1.25em !important; 
                font-weight: bold !important; 
                margin-bottom: 10px !important; 
                color: #343a40 !important;
            `,
            pasoH3: `
                font-size: 1.1em !important; 
                font-weight: bold !important; 
                margin-bottom: 8px !important; 
                margin-top: 10px !important; 
                color: #495057 !important;
            `,
            pasoTexto: `
                margin-bottom:
12px 0
8px !important; 
                font-size: 0.95em !important;
                color: #495057 !important;
            `,
            pasoLista: `
                padding-left: 25px !important; 
                margin-bottom: 8px !important;
            `,
btnGuia: ` 
// NOVO ESTILO PARA AS IMAXES DA GUÍA
background-color:
#6c757d
!important;
guiaImagen: `
color
max-width:
white
100% !important;
border
height:
1px
auto
solid #5a6268 
!important;
padding
border:
10px
1px solid
15px
#ced4da !important;

                border-radius: 4px !important;
font
margin-
weight
top:
bold
10px !important;
cursor
margin-bottom:
pointer
10px !important;
font-size
display:
0.9em
block !important;
 
           `,
text-align:
center !important; 
      btnGuia: `
display
background-color:
block
#6c757d !important;
text-decoration
color:
none
white !important;
box-shadow
border:
none
1px solid #5a6268 !important;
width
padding: 10px
100%
15px !important;
`,
    border-radius: 4px !important;
//
O
hover para os botóns grises aplicarase con JS 
font-weight: bold !important;
btnGuiaReiniciar: `
cursor: pointer !important;
background
font-
color
size:
#c6007e
0.9em !important;
border
text-
color
align:
#a10066
center !important; 
                display:
inline-
block !important;
width
text-decoration:
auto
none !important;
`, 
    box-shadow: none !important;
//
O
hover
para
o
botón
de
reiniciar
aplicarase
width:
con
100%
JS
!important;
decisionButtonsContainer: 
`,
display
btnGuiaReiniciar:
flex !important; 
`
flex
background-
direction
color:
column
#c6007e !important;
gap
border-color:
8px
#a10066 !important;
margin-top
display:
15px
inline-block !important;
align-items
width:
center
auto !important;
            `,
reiniciarBtnContainer
decisionButtonsContainer: `
text-align
display:
center
flex !important;
margin
flex-
top
direction:
20px
column !important;
`, 
      gap: 8px
highlight: `
!important;
background
margin-
color
top:
#e9ecef
15px !important;
padding
align-items:
8px
center !important;
border-radius: 3px !important; 
`,
border-left: 3px solid #6c757d !important; 
reiniciarBtnContainer: `
margin
text-align:
10px
center
0 
!important;
font
margin-
size
top:
0.85em
20px !important;
            `,
footer
highlight: `
text
background-
align
color:
center
#e9ecef !important;
margin-top
padding:
20px
8px !important;
padding
border-radius:
10px
3px !important;
background
border-
color
left: 3px
#f8f9fa
solid #6c757d !important;
border-top
margin:
1px
10px
solid #dee2e6
0 !important; 
                font-size: 0.
9em
85em !important;
            `,
footerH3
footer: `
font
text-
size
align:
1em
center !important;
font
margin-
weight
top:
bold
20px !important;
margin-bottom
padding:
5px
10px !important; 
                background-color:
#343a40
#f8f9fa !important;
` 
    border-top: 1px solid #dee2e6
}
!important;
//
---------------------------------------------------------------------------
// --- SECCIÓN DE DATOS DA GUÍA: MODIFICA ESTA PARTE PARA A TÚA GUÍA --- 
font-size: 0.9em !important;
            `,
// ---------------------------------------------------------------------------
footerH3: `
const
DATOS_GUIA
=
{ 
     font-size: 1em !important;
tituloGuia:
"Guía
Interactiva:
Problemas
de
Acceso
á
Conta",
subtituloGuia
font-weight:
"Sigue os pasos para atopar a túa solución.",
bold !important;
pasoInicialId:
"pasoInicial",
pasos: [ {
margin-bottom: 5px !important;
                color:
id: "pasoInicial",
#343a40 !important;
            `
tipo: "pregunta",
};

        
// ---------------------------------------------------------------------------
titulo: 'Primeiro, axúdanos a entender o problema:<span class="step-icon">🤔</span>', 
// --- SECCIÓN DE DATOS DA GUÍA: MODIFICA ESTA PARTE PARA A TÚA GUÍA ---
        // ---------------------------------------------------------------------------
contidoHTML:
"<p>Que
sucede
cando
intentas
const
acceder
DATOS_GUIA
á túa conta?</p>",
= {
            tituloGuia: "Guía Interactiva: problemas de acceso á
opcions: [
conta ou aos servizos da UDC",
            subtituloGuia: "Nesta guía acompañarémoste para que poidas atopar unha solución ao teu
{ texto_boton: 'Recibo unha mensaxe de "contrasinal incorrecto" ou "credenciais non válidas"', destino_id: "diagnosticoContrasinalMensaxe" }
problema. Non fai falta ter coñecementos técnicos avanzados: explicaremos cada paso de maneira clara e sinxela",
            pasoInicialId: "pasoInicial",
            pasos: [
{
texto_boton:
'Tras
escribir
o
meu
{
usuario
e
contrasinal,
pídeme
un
código
que
non
chega
ou
queda
na
fase
de autenticación', destino_
      id: "
diagnosticoMFAMensaxe
pasoInicial"
}
,
                    tipo: "pregunta",
{
texto_boton:
'Non
estou
seguro.
Axúdame
a
distinguir',
destino_id:
"guiaDistinguir"
} 
       titulo: 'Primeiro, axúdanos a entender o problema:<span class="step-icon">🤔</span>',
] 
              contidoHTML: `<p
}, 
style="${STYLES.pasoTexto}">Que sucede cando intentas acceder á túa conta?</p>`,
{ 
           opcions: [
id:
"guiaDistinguir", 
                 { texto_boton: 'Non
tipo: "pregunta", titulo: '<span class="step-icon">🔍</span>Axudámosche a distinguir:'
me acordo do meu contrasinal, caducou o meu contrasinal, ou recibo unha mensaxe de "contrasinal incorrecto" ou "credenciais non válidas"', destino_id: "diagnosticoContrasinalMensaxe" },
contidoHTML:
` 
   { texto_boton: 'Tras escribir o meu usuario e contrasinal, pídeme un código que non chega ou queda na fase de
<p style="${STYLES.pasoTexto}">Se ves unha mensaxe clara de <strong>"contrasinal incorrecto"</strong>, <strong>"credenciais non válidas"</strong>, ou similar <strong>ANTES</strong> de calquera solicitude de segundo factor...</p> 
autenticación', destino_id: "diagnosticoMFAMensaxe" },
                        { texto_boton: 'Non estou seguro. Axúdame a distinguir', destino_id: "guiaDistinguir" }
<p
style="${STYLES.highlight}">➡️
O
máis
probable
é
un
problema
co
teu <strong>CONTRASINAL</strong>.</p> </br> 
 ]
                },
<p style="${STYLES.pasoTexto}">En cambio, se o sistema <strong>ACEPTA</strong> o teu contrasinal (non hai erro inmediato de contrasinal) e despois:</p> 
   {
                    id: "guiaDistinguir",
<ul
tipo:
style="${STYLES.pasoLista}">
"pregunta",
                    titulo: '<span aria-hidden="true">🔍</span> Axudámosche a distinguir:',
<li>Solicita
un
código/aprobación
que
non
chega
(Microsoft
Authenticator,
SMS,
chamada).</li> 
        contidoHTML: `
<li>Mostra
un
erro
específico
do
dobre factor.</li> 
<p style="${STYLES.pasoTexto}">Se ves unha mensaxe clara de <strong>"contrasinal incorrecto"</strong>, <strong>"credenciais non válidas"</strong>, ou similar <strong>ANTES</strong> de calquera solicitude de segundo factor...</p>
<li>A
páxina
non
avanza
ou
queda
"pensando"
despois
de
pedir
o
segundo
factor.</li>

                        <
/ul> 
!-- EXEMPLO DE COMO INSERIR UNHA IMAXE
                        <img
<p
style="${STYLES.highlight}">➡️
O
máis
probable
é
un
problema
co
<strong>DOBRE FACTOR</strong>.</p> </br></br>
                  src="https://placehold.co/600x150/f8f9fa/6c757d?text=Exemplo+de+erro+de+contrasinal"
<div
style="${STYLES.highlight}">
alt="Captura de pantalla de exemplo mostrando un erro de contrasinal."
<p
 style="${STYLES.
pasoTexto
guiaImagen}"
><span>ℹ️</span><strong>Nota:</strong> Pode que os distintos servizos da UDC mostren unha pantalla lixeiramente diferente, pero o funcionamento é o mesmo.</p> 

                        >
						-->
</div>`,
opcions:
[ 
        <p style="${STYLES.highlight}">➡️ O máis probable é un problema co teu <strong>CONTRASINAL</strong>.</p>
{
texto_boton:
'Entendido,
creo
que
é
o
contrasinal',
destino_id:
"diagnosticoContrasinalMensaxe" },
{
texto_boton:
'Entendido,
creo
que
é
o
dobre
factor
(MFA)', destino_id: "diagnosticoMFAMensaxe" } 
<p style="margin-top: 15px !important; ${STYLES.pasoTexto}">En cambio, se o sistema <strong>ACEPTA</strong> o teu contrasinal (non hai erro inmediato de contrasinal) e despois:</p>
] 
                   <ul
},
style="${STYLES.pasoLista}">
{ 
            <li>Solicita un código/aprobación que non chega (Microsoft Authenticator,
id: "diagnosticoContrasinalMensaxe",
SMS, chamada).</li>
tipo:
"pregunta", 
       <li>Mostra un erro específico do dobre factor.</li>
titulo:
'🔒
Problema
de
Contrasinal', 
                 <li>A páxina non
contidoHTML:
avanza
`<p>De
ou
acordo, imos seguir os pasos para recuperar
queda "pensando" despois de pedir o
teu
segundo
contrasinal
factor.</
p><p>Tes
li>
configurada
unha
conta
de
correo
electrónico
de
recuperación?</p>`, 
                </ul>
opcions:
[ 
                   <p style="${STYLES.highlight}">➡️ O máis probable
{ texto_boton: 'Si, teño correo de recuperación', destino_id: "solucionContrasinalCasoA" },
é que sexa un problema co <strong>DOBRE FACTOR (MFA)</strong>.</p>
{
texto_boton:
'Non,
ou
non
estou
seguro',
destino_id:
"preguntaCertificado"
} 
               <div style="margin-top: 15px
]
!important; ${STYLES.highlight}">
}, 
           <p style="${STYLES.pasoTexto}"><span aria-hidden="true">ℹ️</span> <strong>Nota:</strong> Pode
{ 
que os distintos servizos da UDC mostren unha pantalla lixeiramente diferente, pero o funcionamento é o mesmo.</p>
id:
"solucionContrasinalCasoA",
tipo: "solucion"
</div>`,
titulo
opcions:
'📧
[
Solución: recuperar con correo electrónico', 
                       { texto_boton: 'Entendido, creo que é o
contidoHTML: ` 
contrasinal', destino_id: "diagnosticoContrasinalMensaxe" },
<h3
style="$
{
STYLES.pasoH3}">CASO A: Tes conta de correo de recuperación</h3> 
 texto_boton: 'Entendido, creo que é o dobre factor (MFA)', destino_id: "diagnosticoMFAMensaxe" }
<p style="${STYLES.pasoTexto}">É a forma máis sinxela!</p> 
]
                },
<ol style="${STYLES.pasoLista}">
   {
                    id: "diagnosticoContrasinalMensaxe",
<li><strong>Accede</strong>
a
<a
href="https://servizos.udc.es/activacion/recuperar-contrasinal"
target="_blank">https://servizos.udc.es/activacion/recuperar-contrasinal</a>.</li> 
         tipo: "pregunta",
<li>Introduce
o
teu <strong>usuario</strong> (sen @udc.es).</li> 
titulo: '<span aria-hidden="true">🔒</span> Problema de contrasinal',
                    contidoHTML: `<p>De acordo, imos seguir os
<li>O sistema enviarache un correo á túa <strong>conta de recuperación</strong>.</li>
pasos para recuperar o teu contrasinal.</p><p>Tes configurada unha conta de correo electrónico de recuperación?</p>`,
                    opcions: [
<li><strong>Sigue
as
instrucións</strong>
do
correo
para
establecer
un
novo
contrasinal.</li> 
        { texto_boton: 'Si, teño correo de recuperación', destino_id: "solucionContrasinalCasoA" },
</ol> </br> 
                 { texto_boton: 'Non, ou non estou
<div style="${STYLES.highlight}"> 
seguro', destino_id: "preguntaCertificado" }
                    ]
<p style="${STYLES.pasoTexto}"><span>💡</span><strong>LEMBRA!</strong> Recomendámosche actualizar a túa conta de correo de recuperación cando haxa cambios entrando no teu perfil <a href="https://servizos.udc.es" target="_blank">https://servizos.udc.es</a> </p> 
  },
                {
                    id: "solucionContrasinalCasoA",
</div> <div style="${STYLES.highlight}"> 
               tipo: "solucion",
                    titulo: '<span aria-hidden="true">📧</span> Solución: recuperar con correo electrónico',
                    contidoHTML: `
<p
          <h3 style="${STYLES.
pasoTexto
pasoH3}"
><span>💡</span>Ver
>CASO
máis:</p> <p><a href="https://axudatic.udc.gal/display/SIC/Como+recupero+o+meu+contrasinal+de+servizos+por+bloqueo+ou+esquecemento" target="_blank">Como recupero o meu contrasinal de servizos por bloqueo ou esquecemento (inclúe video)</a></p> <p><a href="https://axudatic.udc.gal/pages/viewpage.action?pageId=59344181" target="_blank">Como poño un correo de recuperación en caso de non telo</a></p> 
A: tes conta de correo de recuperación</h3>
                        <p style="${STYLES.pasoTexto}">É a forma máis sinxela!</p>
</div>` },
<ol style="${STYLES.pasoLista}">
{ 
            <li><strong>Accede</strong> a
id: "preguntaCertificado",
<a href="https://servizos.udc.es/activacion/recuperar-contrasinal" target="_blank">https://servizos.udc.es/activacion/recuperar-contrasinal</a>.</li>
tipo:
"pregunta", 
       <li>Introduce o teu <strong>usuario</strong> (sen @udc.es).</li>
titulo:
'🆔
Seguimos
co
contrasinal...', 
                <li>O sistema enviarache un
contidoHTML:
correo
`<p>NON
á
tes
túa
correo
<strong>conta de
recuperación
recuperación</strong>.</
p><p>Pero,
li>
tes
un
certificado
dixital
da
Fábrica
Nacional
de
Moneda
y
Timbre
(FNMT)
instalado
no
teu
navegador?</p>`, 
            <li><strong>Sigue as instrucións</strong> do correo para establecer un
opcions: [
novo contrasinal.</li>
{ texto_boton: 'Si, teño certificado dixital', destino_id: "solucionContrasinalCasoB" },
</ol>
{ texto_boton: 'Non, non teño certificado dixital', destino_id: "solucionContrasinalCasoC" }
<div style="${STYLES.highlight}">
] 
        <p
}, {
style="${STYLES.pasoTexto}"><span aria-hidden="true">💡</span> <strong>LEMBRA!</strong> Recomendámosche actualizar a túa conta de correo de recuperación cando haxa cambios entrando no <a href="https://servizos.udc.es" target="_blank">https://servizos.udc.es</a>.</p>
id:
"solucionContrasinalCasoB", 
   </div>
tipo:
"solucion", 
      <div style="${STYLES.highlight}">
titulo:
'⚙️
Solución:
usar
Certificado
Dixital',
contidoHTML: ` <h3 
<p style="${STYLES.pasoTexto}"><span aria-hidden="true">📖</span> <strong>Ver máis:</strong></p>
							<ul style="${STYLES.
pasoH3
pasoLista}"
>CASO
>
B:
NON
tes
correo
de
recuperación,
PERO
SI
tes
certificado
dixital
da
FNMT</h3>
<p>Co teu certificado podes acceder a servizos, e configurar 
<li><a href="https://axudatic.udc.gal/pages/viewpage.action?pageId=205717790" target="_blank">Como poño un correo de recuperación
:</p> 
 se non o teño</a></li>
<ol style="${STYLES.pasoLista}">
  </ul>
                        </div>`
<li>Accede
a
<a
href="https://servizos.udc.es"
target="_blank">servizos.udc.es</a>
co
teu
<strong>certificado
dixital</strong>.</li> 
    },
                {
<li>Dentro
do
portal,
entra
no
menú
da
esquerda
<strong>O
teu perfil</strong>.</li>
   id: "preguntaCertificado",
                    tipo: "pregunta",
<li>Baixa
ata
onde
pon<strong>Correo
electrónico
de
recuperación</strong>
e
escribe
un
correo
que
utilices habitualmente.</li> 
 titulo: '<span aria-hidden="true">🆔</span> Seguimos co contrasinal...',
                    contidoHTML: `<p>NON tes
<li>Unha
correo
vez configurada, volve ao inicio desta guía e selecciona a opción de <strong>"Si, teño correo de recuperación"</strong> (CASO A) para restablecer o teu contrasinal.</li>
de recuperación.</p><p>Pero, tes un certificado dixital da Fábrica Nacional de Moneda y Timbre (FNMT) instalado no teu navegador?</p>`,
                    opcions: [
</ol> </br> 
{ texto_boton: 'Si, teño certificado dixital', destino_id: "solucionContrasinalCasoB" },
<div
style="$
{
STYLES.highlight}"> <p>Ver máis:</p> <p><a href="https://axudatic.udc.gal/display/SIC/Como+recupero+o+meu+contrasinal+de+servizos+por+bloqueo+ou+esquecemento+co+meu+certificado+dixital+da+FNMT" target="_blank"> Como recupero o meu contrasinal de servizos por bloqueo ou esquecemento co meu certificado dixital da FNMT</a></p> </div>`
 texto_boton: 'Non, non teño certificado dixital', destino_id: "solucionContrasinalCasoC" }
                    ]
                },
                {
                    id: "
solucionContrasinalCasoC
solucionContrasinalCasoB",
                    tipo: "solucion",
                    titulo: '
📞
<span aria-hidden="true">⚙️</span> Solución:
Contactar
usar
co CAU (Contrasinal)
Certificado Dixital',
                    contidoHTML: `
                        <h3 style="${STYLES.pasoH3}">CASO
C
B: NON tes correo de recuperación
NIN Certificado Dixital<
, PERO SI tes certificado dixital da FNMT</h3>
<div style="${STYLES.highlight}"><p><span>⚠️</span>Deberás solicitar un <strong>cambio de contrasinal</strong> ao CAU:</p></div>
<p>Co teu certificado podes acceder a servizos, e configurar un correo de recuperación:</p>
                        <ol style="${STYLES.pasoLista}">
<li>Prepara
<li>Accede a
túa solicitude: <ul> <li>Escribe e <strong>asina</strong> unha <strong>solicitude</strong> onde consten o teu nome completo, apelidos e número de identidade. Faille unha foto.</li> <li>Unha copia por ambos os lados do teu <strong>documento de identidade</strong> en vigor.</li> </ul> </li> 
<a href="https://servizos.udc.es" target="_blank">servizos.udc.es</a> co teu <strong>certificado dixital</strong>.</li>
                            <li>Dentro do portal, entra no menú da esquerda <strong>O
<li>Envía un correo electrónico a <strong>cau.sic@udc.es</strong> coa documentación que preparaches no paso anterior. 
teu perfil</strong>.</li>
                            <li>Baixa
<li>Recibirás
ata
no
onde
teu
pon
correo
<strong>Correo
un
electrónico
contrasinal
de
provisional
recuperación</strong> e
instrucións
escribe
para configurar 
un correo
de recuperación, co
 que
poderás cambialo cando queiras sen precisar axuda
utilices habitualmente.</li>
</ol>` 
    <li>Unha vez configurada, volve ao inicio desta guía e selecciona a opción
}, 
de <strong>"Si, teño correo de recuperación"</strong> (CASO A) para restablecer o teu contrasinal.</li>
{ 
                 </ol>
id:
"diagnosticoMFAMensaxe",
tipo:
<div
"pregunta", 
style="${STYLES.highlight}">
						    <p style="${STYLES.pasoTexto}"><span aria-hidden="true">📖</span> <strong>Ver máis:</strong></p>
titulo: '📱 Problema de dobre factor (MFA)', 
<p><a href="https://axudatic.udc.gal/pages/viewpage.action?pageId=205718006" target="_blank"> Como recupero o meu contrasinal co meu certificado dixital da FNMT</a></p>
						</div>`
contidoHTML:
`<p>Entendido.
Parece
que
},
o
problema
está
no
segundo
paso da
autenticación.</p><p>Aínda
tes
acceso
á
túa
conta
de
correo
desde
algún
{
outro
dispositivo
(por
exemplo,
un
ordenador
onde
xa
iniciaches
sesión
previamente)?</p>`, 
         id: "solucionContrasinalCasoC",
opcions:
[ 
         tipo: "solucion",
{
texto_boton:
'Si,
aínda
teño
acceso
desde
titulo:
outro sitio', destino_id: "solucionMFAOpcion1" }
'<span aria-hidden="true">📞</span> Solución: Contactar co CAU (Contrasinal)',
                    contidoHTML: `
{
texto_boton:
'Non,
non
teño
acceso
desde
ningún
outro sitio',
destino_id:
"solucionMFAOpcion2"
} 
          <h3 style="${STYLES.pasoH3}">CASO C: NON tes correo de recuperación NIN Certificado
]
Dixital</h3>
},
{ 
<div style="${STYLES.highlight}"><p><span aria-hidden="true">⚠️</span> Necesitarás autorizar ao CAU para que te proporcionen un novo contrasinal:</p></div>
id:
"solucionMFAOpcion1",
tipo: "solucion", 
<ol style="${STYLES.pasoLista}">
titulo:
'🔄
Solución:
Autoxestión
do
MFA', 
               <li>Prepara a túa
contidoHTML
solicitude:
` <h3 

								<ul style="${STYLES.
pasoH3
pasoLista}"
>OPCIÓN 1 MFA: Aínda tes acceso ao correo desde algún equipo</h3> <p>Se é así, podes modificar o método de autenticación ti mesmo.</p> 
>
									<li>Escribe e <strong>asina</strong> unha <strong>solicitude</strong> onde consten o teu nome completo, apelidos e número de identidade. Faille unha foto.</li>
									<li>Unha copia por ambos os lados do teu <strong>documento de identidade</strong> en vigor.</li>
								</ul>
							</li>
                            <li>Envía un correo electrónico a <strong>cau.sic@udc.es</strong> coa
<ol style="${STYLES.pasoLista}"> 
documentación que preparaches no paso anterior.</li>
                            <li>Recibirás no teu correo un contrasinal provisional
<li>Accede
e
á
instrucións
configuración
para
da
configurar
túa
un
conta
correo de
Microsoft
recuperación,
desde
co
<a href="https://myaccount.microsoft.com/" target="_blank"> myaccount.microsoft.com</a>, e busca a sección de <strong>"Información de seguridade"</strong>
que poderás cambiala cando queiras sen precisar axuda.</li>
                        </ol>`
<li>Modifica
os
teus
datos.
Podes: <ul> <li>Cambiar
o
número
de
teléfono asociado.</li> <li>Cambiar o método de autenticación preferido.</li> <li>Engadir un novo método.</li> </ul> </li> 
 },
                {
</ol> <div style="${STYLES.highlight}">
id: "diagnosticoMFAMensaxe",
                    tipo: "pregunta",
Ver
máis: 
          titulo: '<span aria-hidden="true">📱</span> Problema de dobre factor (MFA)',
<a
href="https://axudatic.udc.gal/pages/viewpage.action?pageId=165938159&preview=/165938159/165938263/MsMultifactor%20Instruciones%20b%C3%A1sicas-2.pdf"
target="_blank"> Xestionar
o
método
de
autenticación
desde
Myaccount
de Microsoft</a> </div>` 
contidoHTML: `<p>Entendido. Parece que o problema está no segundo paso da autenticación.</p><p>Aínda tes acceso á túa conta de correo desde algún outro dispositivo (por exemplo, un ordenador onde xa iniciaches sesión previamente)?</p>`,
}, 
          opcions: [
{ 
                   {
id
texto_boton:
"solucionMFAOpcion2"
'Si,
 aínda teño acceso desde outro sitio', destino_id: "solucionMFAOpcion1" },
tipo:
"solucion", 
            { texto_boton: 'Non, non teño acceso desde ningún
titulo:
outro sitio'
📝
,
Solución
destino_id:
Solicitar Reset de MFA ao CAU',
"solucionMFAOpcion2" }
contidoHTML: `
]
                
},
<h3
style="${STYLES.pasoH3}">OPCIÓN
2
MFA:
NON
podes
completar
o
acceso co dobre factor</h3>
 {
                    id: "solucionMFAOpcion1",
<p>(Por cambio/perda do terminal móbil, avaría do dispositivo móbil, erro na aplicación de autenticación...).</p> 
                tipo: "solucion",
                    titulo:
<div style="${STYLES.highlight}"><p><span>⚠️</span>Deberás solicitar un <strong>restablecemento do teu dobre factor</strong> ao CAU:</p></div>
'<span aria-hidden="true">🔄</span> Solución: Autoxestión do MFA',
<ol style="${STYLES.pasoLista}">
contidoHTML: `
<li>Prepara a túa solicitude: <ul> <li>Escribe e <strong>asina</strong> unha <strong>solicitude</strong> onde consten o teu nome completo, apelidos e número de identidade. Faille unha foto.</li> <li>Fai unha copia por ambos os lados do teu <strong>documento de identidade</strong> en vigor.</li> </ul> </li> 
<h3 style="${STYLES.pasoH3}">OPCIÓN 1 MFA: Aínda tes acceso ao correo desde algún equipo</h3>
                        <p>Se é así, podes modificar o método de autenticación ti mesmo.</p>
                        <ol style="${STYLES.pasoLista}">
<li>Envía
un
correo
electrónico
a
<strong>cau.sic@udc.es
co
seguinte:</strong> <ul> <li><strong>Asunto:</strong>
"Reset
MFA"</li> <li><strong>Documentos
adxuntos:</strong>
Os
documentos
que
preparaches
no
paso
anterior
(autorización
e
copia
do
documento
de identidade)</li> </ul> </li> 
 <li>Accede á configuración da túa conta de Microsoft desde <a href="https://myaccount.microsoft.com/" target="_blank">myaccount.microsoft.com</a>, e busca a sección de <strong>"Información de seguridade"</strong>.</li>
<li>Agarda
á
confirmación:
unha
vez
recibida
e
procesada
a
túa
solicitude,
o
CAU
restablecerá
a
configuración
do
teu
MFA.
Despois,
<li>Modifica
poderás
os
configurar
teus
un novo dispositivo ou método de autenticación
datos. Podes:
								<ul style="${STYLES.pasoLista}">
									<li>Cambiar o número de teléfono asociado.</li>
									<li>Cambiar o método de autenticación preferido.</li>
									<li>Engadir un novo método.</li>
								</ul>
							</li>
</ol> 
        
</ol>`
<div
style="${STYLES.highlight}">
},
                {
<h4
style="font-size:
1em;
font-weight:
bold;"><span>ℹ️</span>Formas
de
configurar
o
dobre factor (unha vez restablecido):</h4> 
id: "solucionMFAOpcion2",
                    tipo: "solucion",
Poderás
escoller
entre: 
        titulo: '<span aria-hidden="true">📝</span> Solución: Solicitar Reset de MFA ao CAU',
<ul
style="${STYLES.pasoLista}"> 
        contidoHTML: `
<li><a
href
<h3 style="
https://axudatic.udc.gal/pages/viewpage.action?pageId=165938159&preview=/165938159/165938268/Qu%C3%A9%20es%20Microsoft%20Authenticator.%20doc%201.2.pdf" target="_blank"> Microsoft Authenticator</a>: (Recomendado). É importante realizar esta configuración inicial desde un PC. <span>💻</span></li> 
${STYLES.pasoH3}">OPCIÓN 2 MFA: NON podes completar o acceso co dobre factor</h3>
                        <p>(Por cambio/perda do terminal móbil, avaría do dispositivo móbil, erro
<li>Outra
na aplicación de autenticación
: Google Authenticator, FreeOTP, etc
...).</
li>
p>
                        <div style="${STYLES.highlight}"><p><span aria-hidden="true">⚠️</span> Deberás solicitar un <strong>restablecemento do
<li>Chamada
teu
a
dobre
un
factor</strong>
número de teléfono.
ao CAU:</
li> <li><a href="https://axudatic.udc.gal/pages/viewpageattachments.action?pageId=165938159&metadataLink=true&preview=/165938159/165938365/Configuracion%20%20MFA%20SMS.pdf" target="_blank"> SMS a un número de móbil</a>.</li> 
p></div>
                        <ol style="${STYLES.pasoLista}">
                            <li>Prepara a túa solicitude:
								<ul style="${STYLES.pasoLista}">
									<li>Escribe e <strong>asina</strong> unha
<
<strong>solicitude</
ul> 
strong> onde consten o teu nome completo, apelidos e número de identidade. Faille 
unha foto.</
div>` }
li>
									<li>Unha copia por ambos os lados do teu <strong>documento de identidade</strong> en vigor.</li>
								</ul>
							</li>
],
footerHTML:
`<h3><span>❓</span>Tes
algunha
dúbida
adicional?</h3><p>Contacta co Centro de Atención ao Usuario (CAU):</p><p><span>📞</span> Teléfono: 981 167000 (Ext. 2222)</p><p><span>📧</span> Correo: cau.sic@udc.es</p>`
<li>Envía un correo electrónico a <strong>cau.sic@udc.es co seguinte:</strong>
								<ul style="${STYLES.pasoLista}">
									<li><strong>Asunto:</strong> "Reset MFA"</li>
									<li><strong>Documentos adxuntos:</strong> Os documentos que preparaches no paso anterior (autorización e copia do documento de identidade)</li>
								</ul>
							</li>
};
// ---------------------------------------------------------------------------
//
---
MOTOR
<li>Agarda
DA
á
GUÍA
confirmación:
NON
unha
MODIFICAR --- // --------------------------------------------------------------------------- const contedorGuia = document.getElementById('guiaInteractivaContedor');
vez recibida e procesada a túa solicitude, o CAU restablecerá a configuración do teu MFA. Despois, poderás configurar un novo dispositivo ou método de autenticación.</li>
function
renderizarPaso(idPaso)
{ 
      </ol>
const
paso
=
DATOS_GUIA.pasos.find(p
=>
p.id
===
idPaso);
if (!paso) { console.error(`Paso con ID '${idPaso}' non atopado.`); return; } 
<div style="${STYLES.highlight}">
let
htmlPaso
=
`<div
<h4 style="
${STYLES.pasoRenderizado}">`; htmlPaso += `<h2 style="${STYLES.pasoH2}">${paso.titulo}</h2>`;
font-size: 1em; font-weight: bold;"><span aria-hidden="true">ℹ️</span> Formas de configurar o dobre factor (unha vez restablecido):</h4>
if (paso.contidoHTML) { 
                Poderás escoller entre:
htmlPaso
+=
`<div>${paso.contidoHTML}</div>`;
}
htmlPaso
<ul
+= `</div>`; 
style="${STYLES.pasoLista}">
if
(paso.tipo
===
'pregunta'
&&
paso.opcions)
{ 
            <li>Microsoft Authenticator: (Recomendado). É
htmlPaso
importante
+=
realizar
`<div style="${STYLES.decisionButtonsContainer}">`; paso.opcions.forEach(opcion => {
esta configuración inicial desde un PC. <span aria-hidden="true">💻</span></li>
const
estiloBtn
=
STYLES.btnGuia; 
         <li>Outra aplicación de autenticación: Google Authenticator, FreeOTP, etc.</li>
const
hoverColor
=
'#5a6268';
//
Cor
hover
para
botóns
grises 
                   <li>Chamada
htmlPaso
a
+=
un
`<button style="${estiloBtn}" onmouseover="this.style.backgroundColor='${hoverColor}'" onmouseout="this.style.backgroundColor='#6c757d'" onclick="renderizarPaso('${opcion.destino_id}')">${opcion.texto_boton}</button>`; 
número de teléfono.</li>
								<li><a href="https://axudatic.udc.gal/pages/viewpageattachments.action?pageId=199295607&metadataLink=true&preview=/199295607/199296042/Configuracion%20MFA%20SMS.pdf" target="_blank">SMS a un número de móbil</a>.</li>
});
htmlPaso
+= `</div>`;
</ul>
} 
            </div>`
if
(idPaso
!==
DATOS_GUIA.pasoInicialId) {
 }
            ],
const
estiloBotonReiniciar
=
STYLES.btnGuia
+
STYLES.btnGuiaReiniciar; 
  footerHTML: `<h3><span aria-hidden="true">❓</span>Tes algunha dúbida adicional?</h3><p>Contacta co Centro de Atención ao Usuario (CAU):</p><p><span aria-hidden="true">📞</span> Teléfono:
const
981
hoverColor
167000
= '#a10066'; // Cor hover para botón de reiniciar
(Ext. 2222)</p><p><span aria-hidden="true">📧</span> Correo: cau.sic@udc.es</p>`
        };
htmlPaso += `<div style="${STYLES.reiniciarBtnContainer}"><button style="${estiloBotonReiniciar}" onmouseover="this.style.backgroundColor='${hoverColor}'" onmouseout="this.style.backgroundColor='#c6007e'" onclick="renderizarPaso('${DATOS_GUIA.pasoInicialId}')">Queres comezar de novo?</button></div>`; }
// ---------------------------------------------------------------------------
        // --- MOTOR DA GUÍA: NON MODIFICAR ---
const pasoDinamicoContedor = contedorGuia.querySelector('#pasoDinamicoContedor
// ---------------------------------------------------------------------------
        const contedorGuia = document.getElementById('guiaInteractivaContedor');
if
  function renderizarPaso(
pasoDinamicoContedor
idPaso) {
            const paso = DATOS_GUIA.pasos.find(p =>
pasoDinamicoContedor
p.
innerHTML
id ===
htmlPaso
idPaso);
} 
if (!paso) { console.error(`Paso con ID '${idPaso}' non atopado.`); return; }
function
iniciarGuia()
{ 
  let htmlPaso = `<div style="${STYLES.pasoRenderizado}">`;
if
(!contedorGuia)
{
console.error("Contedor
principal
da
guía '#guiaInteractivaContedor' non atopado."); return; }
htmlPaso += `<h2 style="${STYLES.pasoH2}">${paso.titulo}</h2>`;
            if (
!DATOS_GUIA || !DATOS_GUIA.pasos || DATOS_GUIA.pasos.length === 0 || !DATOS_GUIA.pasoInicialId) { 
paso.contidoHTML) {
                htmlPaso += `<div>${paso.contidoHTML}</div>`;
contedorGuia.innerHTML = `<p>Erro ao cargar a guía. Verifica a configuración de DATOS_GUIA no script.</p>`; 
}
            htmlPaso += `</div>`;

            if (paso.tipo === 'pregunta' &&
return;
paso.opcions) {
} 
    htmlPaso += 
`<div style="${STYLES.decisionButtonsContainer}">`;
contedorGuia
paso.opcions.
setAttribute('style', STYLES.mainContainer); 
forEach(opcion => {
           
         const
let footerHTML
estiloBtn =
''
STYLES.btnGuia;
if
(DATOS_GUIA.footerHTML)
{ 
      const hoverColor = '#5a6268'; // Cor hover para botóns grises
const
footerH3Style
=
STYLES.footerH3
||
'font-size:1em;
font-weight:bold;';
let styledFooterContent = DATOS_GUIA.footerHTML.replace(/<h3>/g, `<h3 
htmlPaso += `<button style="${
footerH3Style
estiloBtn}"
>`); footerHTML = `<footer style="${STYLES.footer}">${styledFooterContent}</footer>`
 onmouseover="this.style.backgroundColor='${hoverColor}'" onmouseout="this.style.backgroundColor='#6c757d'" onclick="renderizarPaso('${opcion.destino_id}')">${opcion.texto_boton}</button>`;
                }
);
contedorGuia.innerHTML
htmlPaso +=
`
`</div>`;
            }
<header
style="${STYLES.header}"> 
       
            if
<h1
(idPaso
style="${STYLES.headerH1}">${
!== DATOS_GUIA.
tituloGuia || "Guía Interactiva"}</h1>
pasoInicialId) {
                 const estiloBotonReiniciar =
${DATOS_GUIA.subtituloGuia ? `<p style="${STYLES.headerP}">${DATOS_GUIA.subtituloGuia}</p>` : ''}
STYLES.btnGuia + STYLES.btnGuiaReiniciar;
</header> 
 const hoverColor = '#a10066'; // Cor hover para botón de reiniciar
<div
id="pasoDinamicoContedor"></div> 
           htmlPaso += `<div 
style="${STYLES.reiniciarBtnContainer}"><button style="${
footerHTML
estiloBotonReiniciar}
`
" onmouseover="this.style.backgroundColor='${hoverColor}'" onmouseout="this.style.backgroundColor='#c6007e'" onclick="renderizarPaso('${DATOS_GUIA.pasoInicialId}')">Queres comezar de novo?</button></div>`;
renderizarPaso(DATOS_GUIA.pasoInicialId); 
}
} 

            const pasoDinamicoContedor =
document
contedorGuia.
addEventListener
querySelector('
DOMContentLoaded
#pasoDinamicoContedor'
, iniciarGuia
);
</script> </body> </html> 
if (pasoDinamicoContedor) {
                pasoDinamicoContedor.innerHTML = htmlPaso;
            }
        }

        function iniciarGuia() {
            if (!contedorGuia) { console.error("Contedor principal da guía '#guiaInteractivaContedor' non atopado."); return; }
            if (!DATOS_GUIA || !DATOS_GUIA.pasos || DATOS_GUIA.pasos.length === 0 || !DATOS_GUIA.pasoInicialId) {
                contedorGuia.innerHTML = `<p>Erro ao cargar a guía. Verifica a configuración de DATOS_GUIA no script.</p>`;
                return;
            }
            
            contedorGuia.setAttribute('style', STYLES.mainContainer);
            
            let footerHTML = '';
            if (DATOS_GUIA.footerHTML) {
                const footerH3Style = STYLES.footerH3 || 'font-size:1em; font-weight:bold;';
                let styledFooterContent = DATOS_GUIA.footerHTML.replace(/<h3>/g, `<h3 style="${footerH3Style}">`);
                footerHTML = `<footer style="${STYLES.footer}">${styledFooterContent}</footer>`;
            }

            contedorGuia.innerHTML = `
                <header style="${STYLES.header}">
                    <h1 style="${STYLES.headerH1}">${DATOS_GUIA.tituloGuia || "Guía Interactiva"}</h1>
                    ${DATOS_GUIA.subtituloGuia ? `<p style="${STYLES.headerP}">${DATOS_GUIA.subtituloGuia}</p>` : ''}
                </header>
                <div id="pasoDinamicoContedor"></div>
                ${footerHTML}
            `;
            renderizarPaso(DATOS_GUIA.pasoInicialId);
        }

        document.addEventListener('DOMContentLoaded', iniciarGuia);
    </script>
</body>
</html>



Horizontal Navigation Bar
Horizontal Navigation Bar Page
titleDescrición

A conta institucional da UDC proporciona acceso a todas as ferramentas e servizos dispoñibles para a comunidade universitaria.

As incidencias máis comúns que impiden o acceso adoitan estar relacionadas co esquecemento ou caducidade do contrasinal ou con fallos no sistema de dobre factor de autenticación (MFA).


Expandir
titleQuen pode facer uso deste servizo

Toda a comunidade universitaria.

  • Alumnado.
  • Traballadores.
  • Alumni (Ex-Alumnado ou alumnado con vinculación).
  • Ex-traballadores
  • Usuarios externos (Colectivos Passport)



Expandir
titleRequisitos e configuración

Ter conta de usuario na UDC. 

Se non tes conta de usuario, podes acceder ao proceso de alta: Creación de contas para novos usuarios

Para consultar os requisitos sobre a autenticación multifactor consulta a seguinte ligazón: Autenticación multifactor para acceso a servizos da UDC


UI Button
newWindowtrue
sizelarge
titleAcceso ao portal de servizos
urlhttps://servizos.udc.es

UI Button
newWindowtrue
sizelarge
titleRecuperación de contrasinal de usuario
urlhttps://servizos.udc.es/activacion/recuperar-contrasinal

Horizontal Navigation Bar Page
titleIncidencias e solicitudes
UI Text Box
iconinfo

Co obxectivo de ofrecer unha solución rápida e autónoma, elaboramos a guía interactiva que atopará na parte superior desta páxina.

Recomendamos seguir os pasos indicados para diagnosticar correctamente a orixe da incidencia e atopar as instrucións para resolvela.

Tamén pode revisar as Preguntas Frecuentes antes de abrir unha nova incidencia.


Unordered List (ul)
dirltr
langUTF8
titleServizos asociados

Incidencias


Horizontal Navigation Bar Page
titlePreguntas frecuentes

Expandir
titleSobre o contrasinal
Expandir
titleComo cambio o meu contrasinal

Se recibiches unha mensaxe para que cambies o teu contrasinal por caducidade próxima, ou se simplemente queres cambialo, accede a servizos.udc.es e pulsa en cambio de contrasinal

Image Added

Expandir
titleQue teño que facer en caso de roubo de contrasinal
UI Steps
sizesmall
UI Step

a) Se o teu contrasinal foi cambiado polos ciberdelincuentes e NON PODES ACCEDER a servizos.udc.es, segue as indicacións da guía interactiva cando hai un problema co contrasinal.

b) Se o seu contrasinal non foi cambiado polos ciberdelincuentes e PODES ACCEDER a servizos.udc.es, modifica a túa clave de acceso en https://servizos.udc.es, no apartado “Cambio de contrasinal”. Continúa co paso 2.
UI Step

Revisa a conta de correo de recuperación que aparece en https://servizos.udc.es, pois é posible que o ciberdelincuente a cambiara por outra baixo o seu control.

UI Step

Revisa se hai algún reenvío o regra de correo non desexada. Podes consultar nesta páxina como facelo: Como comprobo se a miña conta de correo ten reenvíos ou regras configuradas.

UI Step
Analiza cun antivirus os teus dispositivos. Elimina o posible malware que se detecte.
UI Step
Se utilizabas o mesmo contrasinal para outros servizos, debes cambialo tamén ahí. Recorda que non é recomendable usar o mesmo contrasinal para varios servizos ou aplicacións.
Expandir
titleSobre o dobre factor de seguridade

Consulta Autenticación multifactor para acceso a servizos da UDC

Expandir
titleOutros
Expandir
titleComo podo facer para asegurar a conta de usuario de servizos da UDC?

A continuación informámosche dunha serie de recomendacións de interese que debes atender para asegurar a túa conta de usuario de servizos da UDC:

UI Steps
sizesmall
UI Step

Configura unha conta de correo alternativa para recibir instrucións por parte da UDC no caso de que, por calquera incidencia, non poidas acceder á conta corporativa. Para facer isto, debes ir a https://servizos.udc.es . No apartado “O teu perfil” debes cubrir o “Correo electrónico de recuperación”:

Image Added

Ver máis:

UI Step

Recorda que non se debe utilizar o mesmo contrasinal para distintos servizos.

UI Step

Lembra que este é o contrasinal que usarás para entrar nos servizos da UDC adheridos os sistema de identidade única, coma a intranet, o correo, a secretaría virtual, etc

Crea un contrasinal seguro. Debe curmprir estes requisitos:

  • Elixe unha combinación de letras, números e símbolos de alomenos dez carácteres de lonxitude. Usa dúas letras como mínimo.

  • Usa un número ou un símbolo como mínimo.

  • Cambia entre maiusculas e minúsculas alomenos unha vez.

  • Non poderás incluír o identificador de usuario, o teu DNI, número de teléfono ou calquera outro dato que sexa facilmente relacionable coa persoa usuaria.

  • Non deberá coincidir cos derradeiros 5 contrasinais.

  • Non empregues un contrasinal similar ao anterior, no que soamente cambien algúns caracteres. Por exemplo: se o teu contrasinal é EJJiiwor-2021, non deberías cambialo por EJJiiwor-2022.

  • Non utilices o mesmo contrasinal que o que empregues noutros servizos (como Gmail, Twitter, Facebook, Instagram, banca electrónica, LinkedIn,...).


    Exemplos de contrasinais seguros son: 1PsdTYv4h0, l1ddRSOCc%

UI Step

Asegúrate de que as aplicacións que che piden o contrasinal son da UDC e non un sitio falso. Se che piden o contrasinal por teléfono, desconfía. Desde os servicios da UDC nunca se solicitará esta información en ningunha comunicación.

UI Step

Non fagas clic en enlaces de correos ou adxuntos de destinatarios descoñecidos ou que presenten características que che fagan sospeitar (linguaxe incorrecta, solicitar accións urxentes, ...).

UI Step

Recomendámosche que vexas este video (4 minutos de duración) cun resume destes e outros consellos importantes. 



Horizontal Navigation Bar Page
titleMáis

Manuais e guías

Normativas


Macro de diseño de contenido

Macro de diseño de contenido