Changeset 3483075 in portal_2019

Timestamp:

Oct 11, 2023, 2:51:08 PM (7 months ago)

Author:

Argenis Osorio <argenisosorio580@…>

Branches:

master, dev, portal

Children:

4abc09b

Parents:

0155753

Message:

Agregada nueva informacicón a las preguntas frecuentes y realizados ajuestes menores de forma

Files:

• index.php (modified) (2 diffs)
• js/handlerJSON.js (modified) (1 diff)
• js/handlerJSONBDOC.js (modified) (1 diff)
• php/acerca.php (modified) (3 diffs)
• php/preguntas.php (modified) (2 diffs)
• php/sign.php (modified) (3 diffs)

index.php

@@ -84 +84 @@
                   <div class="py-4">
                     <p class="text-center mb-3">Seleccione el archivo que desea firmar electrónicamente:</p>
-                    <input id="file-sign" class="file" name="upload" type="file" data-min-file-count="1"
-                           onclick="manejoExtension()"
+                    <input
+                      id="file-sign"
+                      class="file"
+                      name="upload"
+                      type="file"
+                      data-min-file-count="1"
+                      onclick="manejoExtension()"
                     />
                   </div>
@@ -98 +103 @@
         <!-- Tab: Verificar firma -->
         <div id="verificar" class="tab-pane active">
-          <h2 class="text-center py-3 font-weight-bold text-dark">Verificar la firma electrónica</h2>
+          <h2 class="text-center py-3 font-weight-bold text-dark">Verificar la Firma Electrónica</h2>
           <div class="row">
             <div class="col-10 offset-1 col-md-8 offset-md-2 pt-4">

js/handlerJSON.js

@@ -56 +56 @@
   var signatures = ''; //variable que maneja las firmas
   var fields = ''; //variable que maneja los campos de la firma
-  var title = '<h2 class="text-dark pb-3"> Información de la firma electrónica </h2>';
+  var title = '<h2 class="text-dark pb-3"> Información de la Firma Electrónica </h2>';
   var head =
     `<div class="container-table">

js/handlerJSONBDOC.js

@@ -24 +24 @@
   var signatures = ''; //variable que maneja las firmas
   var fields = ''; //variable que maneja los campos de la firma
-  var title = '<h2 class="text-dark pb-3"> Información de la firma electrónica </h2>';
+  var title = '<h2 class="text-dark pb-3"> Información de la Firma Electrónica </h2>';
   var head =
     `<div class="container-table">

php/acerca.php

@@ -22 +22 @@
       <h3> Murachí </h3>
         <p class="text-justify">
-          Murachí es un servicio web para la firma y verificación de documentos firmados electrónicamente que ofrece las
-          herramientas necesarias para incorporar, de manera sencilla, la funcionalidad de firma electrónica en sistemas
-          como correo electrónico o páginas web.
+          Murachí es un servicio web para la firma y verificación de documentos
+          firmados electrónicamente que ofrece las herramientas necesarias para
+          incorporar, de manera sencilla, la funcionalidad de firma electrónica
+          en sistemas como correo electrónico o páginas web.
         </p>
         <p class="text-justify">
-          La firma electrónica es una acción jurídica que traslada el concepto de firma manuscrita al medio digital.
-          Para ello se utiliza un código de verificación que permite al receptor comprobar la veracidad del documento
-          recibido. Estos documentos van desde archivos de texto hasta paquetes multimedia de audio y video.
+          La firma electrónica es una acción jurídica que traslada el concepto
+          de firma manuscrita al medio digital. Para ello se utiliza un código
+          de verificación que permite al receptor comprobar la veracidad del
+          documento recibido. Estos documentos van desde archivos de texto hasta
+          paquetes multimedia de audio y video.
         </p>
         <p class="text-justify">
-          El servicio web Murachí, permite incorporar la funcionalidad de firma y verificación de documentos en otros
-          sistema de manera rápida y segura. Esto gracias a la implementación de la tecnología REST (Representational
-          State Transfer), técnica de arquitectura de software basada en estándares que ofrece independencia de software
-          y de lenguaje de programación.
+          El servicio web Murachí, permite incorporar la funcionalidad de firma
+          y verificación de documentos en otros sistema de manera rápida y
+          segura. Esto gracias a la implementación de la tecnología REST
+          (Representational State Transfer), técnica de arquitectura de software
+          basada en estándares que ofrece independencia de software y de
+          lenguaje de programación.
         </p>
         <p class="text-justify">
-          Murachí fue desarrollado en Software Libre por la Fundación Centro Nacional de Desarrollo e Investigación en
-          Tecnologías Libres (CENDITEL).
+          Murachí fue desarrollado en Software Libre por la Fundación Centro
+          Nacional de Desarrollo e Investigación en Tecnologías Libres (CENDITEL).
         </p>
       </section>
@@ -53 +58 @@
         <h3>¿Cómo se usa?</h3>
         <p class="text-justify">
-          El presente portal web permite firmar electrónicamente y validar firmas electrónicas a través del servicio
+          El presente portal web permite firmar electrónicamente y validar Firmas Electrónicas a través del servicio
           Murachí. En la sección <a href="./instructivo.php">Instructivo</a> encontraras los
           manuales de usuario y de administrador de sistemas.
@@ -59 +64 @@
       </section>
       <section id="information" class="pb-3">
-        <h3> Para mayor información: </h3>
+        <h3> Para mayor información visite: </h3>
         <ul>
-          <li>Página de nuestro proyecto: <a href="http://seguridad.cenditel.gob.ve/">Seguridad de la información</a></li>
-          <li>Wiki: <a href="https://tibisay.cenditel.gob.ve/murachi/wiki">Murachí</a></li>
-          <li>Documentación: <a href="https://murachi.cenditel.gob.ve/apidoc/index.html">API</a></li>
+          <li><a href="http://seguridad.cenditel.gob.ve/" target="_blank">Blog de nuestros proyectos de Seguridad de la Información</a></li>
+          <li><a href="https://tibisay.cenditel.gob.ve/murachi/wiki" target="_blank">Documentación técnica del proyecto Murachí de CENDITEL</a></li>
+          <li><a href="https://murachi.cenditel.gob.ve/apidoc/index.html" target="_blank">Documentación sobre el API</a></li>
+          <li><a href="https://tibisay.cenditel.gob.ve/murachi/browser" target="_blank">Índice del repositorio del código fuente de Murachí</a></li>
+          <li><a href="https://tibisay.cenditel.gob.ve/publicaciones/" target="_blank">Libro: Seguridad Informática y La Identidad Digital - Fundamentos y Aportes</a></li>
+          <li><a href="https://www.asambleanacional.gob.ve/leyes/sancionadas/decreto-no-1204-con-rango-y-fuerza-de-ley-de-mensajes-de-datos-y-firmas-electronicas" target="_blank">Decreto Nº 1.204 con Rango y Fuerza de Ley de Mensajes de Datos y Firmas Electrónicas</a></li>
+          <li><a href="https://convite.cenditel.gob.ve/revistaclic/index.php/revistaclic/article/view/969" target="_blank">Artículo: Murachí - Un software venezolano para la seguridad informática</a></li>
         </ul>
       </section>

php/preguntas.php

@@ -17 +17 @@
   <main class="container">
     <article>
-      <h2 class="h3 border-bottom text-secondary text-center pb-3 mb-3"> Preguntas frecuentes</h2>
+      <h2 class="h3 border-bottom text-secondary text-center pb-3 mb-3">
+        Preguntas frecuentes
+      </h2>
     </article>
     <article class="mb-5">
       <p class="text-justify">
         <h3 class="h4">¿Qué es Murachí?</h3>
-        Murachí es un servicio web para la firma y verificación de documentos firmados electrónicamente que ofrece las herramientas necesarias para incorporar, de manera sencilla, la funcionalidad de firma electrónica en sistemas como correo electrónico o páginas web.
+        Murachí es un servicio web para la firma y verificación de documentos
+        firmados electrónicamente que ofrece las herramientas necesarias para
+        incorporar, de manera sencilla, la funcionalidad de Firma Electrónica en
+        sistemas como páginas web.
       </p>
     </article>
     <article class="mb-5">
       <p class="text-justify">
-        <h3 class="h4">¿Qué es la firma electrónica?</h3>
-        Es un método criptográfico que asocia la identidad de una persona o de un equipo informático al mensaje o documento. En Función del tipo de firma, se puede, además, asegurar la integridad del documento o mensaje.
+        <h3 class="h4">¿Cuáles son las características de Murachí?</h3>
+        • Desarrollado bajo el estándar de una API REST.
+        <br>
+        • Permite Firmar Electrónicamente documentos en formato PDF usando
+        certificados con soporte de software (certificados con extensión .p12).
+        <br>
+        • Facilita la Verificación de la Firma Electrónica.
+        <br>
+        • Soporta Certificados Electrónicos de la Infraestructura Nacional de
+        Certificación de la República Bolivariana de Venezuela.
+        <br>
+        • Desarrollado bajo el sistema operativo: GNU/Linux Debian
+        <br>
+        • Desarrollado en los lenguajes de programación: Java, PHP y JavaScript.
       </p>
     </article>
     <article class="mb-5">
       <p class="text-justify">
-        <h3 class="h4">¿Qué es un servicio web?</h3>
-        Es una tecnología que utiliza diferentes protocolos y estándares para intercambiar datos e información entre aplicaciones. Ofrecen interoperabilidad entre aplicaciones que se ejecutan en diferentes plataformas y en diferentes lenguajes de programación.
+        <h3 class="h4">¿Qué es la Firma Electrónica?</h3>
+        Es un método criptográfico que asocia la identidad de una persona o de
+        un equipo informático al mensaje o documento. En Función del tipo de
+        firma, se puede, además, asegurar la integridad del documento o mensaje.
+      </p>
+    </article>
+    <article class="mb-5">
+      <p class="text-justify">
+        <h3 class="h4">¿Cómo funciona la Firma Electrónica?</h3>
+        Se basa en 2 funciones:
+        <br>
+        <br>
+        1) Función Hash: Que es un algoritmo matemático que permite calcular el
+        valor resumen de un texto o de un Activo de información, funciona en una
+        sola dirección, es decir, no es posible, a partir del valor resumen,
+        calcular los datos originales con lo cual se garantiza la integridad de
+        los datos.
+        <br>
+        <br>
+        2) Función de cifrado: Que permite al usuario emisor usar la clave
+        privada para cifrar o escribir en el Activo de información, mientras que
+        el usuario receptor utiliza la clave pública para descifrar la
+        información por lo cual se garantiza la autenticación.
+      </p>
+    </article>
+    <article class="mb-5">
+      <p class="text-justify">
+          <h3 class="h4">¿Qué es un Activo de información?</h3>
+          Es el elemento de comunicación que se guarda en un medio digital y al
+          cual se le otorga un valor potencial o económico. Este elemento cuenta
+          con 3 niveles:
+          <br>
+          <br>
+          1) Confidencialidad: Para especificar quien puede acceder a su contenido.
+          <br>
+          <br>
+          2) Integridad: Para saber quien puede modificarlo o alterarlo.
+          <br>
+          <br>
+          3) Disponibilidad: Para saber cuando estará visible y en que tiempo
+          según se requiera.
+        </p>
+    </article>
+    <article class="mb-5">
+      <p class="text-justify">
+        <h3 class="h4">¿Qué es un Servicio web?</h3>
+        Es una tecnología que utiliza diferentes protocolos y estándares para
+        intercambiar datos e información entre aplicaciones. Ofrecen
+        interoperabilidad entre aplicaciones que se ejecutan en diferentes
+        plataformas y en diferentes lenguajes de programación.
       </p>
     </article>
@@ -40 +105 @@
       <p class="text-justify">
         <h3 class="h4">¿Qué es un API?</h3>
-        Es un conjunto de funciones o procedimientos utilizados por programas informáticos para acceder a los servicios del sistema operativo, bibliotecas de de software u otros sistemas
+        Es un conjunto de funciones o procedimientos utilizados por programas
+        informáticos para acceder a los servicios del sistema operativo,
+        bibliotecas de de software u otros sistemas.
       </p>
     </article>
     <article class="mb-5">
       <p class="text-justify">
-        <h3 class="h4">¿Qué es un certificado digital?</h3>
-        Un certificado digital es un fichero informático con una estructura de datos que contiene información sobre una entidad (por ejemplo una clave pública, una identidad o un conjunto de privilegios), firmada por otra entidad, considerada por una colección de otras entidades como una autoridad para este tipo de contenido. La firma de la estructura de datos agrupa la información que contiene de forma que no puede ser modificada sin que esta modificación sea detectada.
+        <h3 class="h4">¿Qué es un Certificado electrónico?</h3>
+        Un certificado electrónico es un fichero informático con una estructura
+        de datos que contiene información sobre una entidad (por ejemplo una
+        clave pública, una identidad o un conjunto de privilegios), firmada por
+        otra entidad, considerada por una colección de otras entidades como una
+        autoridad para este tipo de contenido. La firma de la estructura de
+        datos agrupa la información que contiene de forma que no puede ser
+        modificada sin que esta modificación sea detectada.
+      </p>
+    </article>
+    <article class="mb-5">
+      <p class="text-justify">
+        <h3 class="h4">¿Qué es un Certificado electrónico en formato PKCS#12?</h3>
+        El certificado en formato PKCS#12 es un archivo de almacén de claves que
+        incluye certificado(s), y clave privada(s) cifradas por una contraseña
+        (frase de paso) elegida por el usuario.
+        <br>
+        <br>
+        Existe el certificado autogenerado y autofirmado, este no es emitido por
+        alguna autoridad o proveedor de servicio de certificados, si no que
+        puede ser construido y avalado por una misma persona.
+      </p>
+    </article>
+    <article class="mb-5">
+      <p class="text-justify">
+        <h3 class="h4">¿Qué es la Criptografía?</h3>
+        La Criptografía es la ciencia y arte de escribir mensajes en forma cifrada
+        o en código. Es parte de un campo de estudios que trata las
+        comunicaciones secretas.
+      </p>
+    </article>
+    <article class="mb-5">
+      <p class="text-justify">
+        <h3 class="h4">¿Qué es la Encriptación o Cifrado?</h3>
+        Con frecuencia a los procesos de cifrado y descifrado se les denomina
+        encriptado y desencriptado, ambos anglicismos de los términos ingleses
+        encrypt y decrypt.
       </p>
     </article>

php/sign.php

@@ -45 +45 @@
           <div class="row">
             <div class="col-10 offset-1 col-md-8 offset-md-2 pt-4">
-              <form id="form-sign" action="./run_script.php" method="POST" enctype="multipart/form-data">
+              <form
+                id="form-sign"
+                action="./run_script.php"
+                method="POST"
+                enctype="multipart/form-data"
+              >
 
                 <div class="input-group pb-3">
                   <div class="custom-file">
-                    <input id="pdf" class="custom-file-input" type="file" name="pdf" accept=".pdf" required
-                           tabindex="1" />
+                    <input
+                      id="pdf"
+                      class="custom-file-input"
+                      type="file"
+                      name="pdf"
+                      accept=".pdf"
+                      required
+                      tabindex="1"
+                    />
                     <label class="custom-file-label" for="pdf">Seleccionar PDF</label>
                   </div>
@@ -57 +69 @@
                 <div class="input-group pb-3">
                   <div class="custom-file">
-                    <input id="pkcs12" class="custom-file-input" type="file" name="pkcs12" accept=".p12" required
-                           tabindex="2" />
-                    <label class="custom-file-label" for="pkcs12">Seleccionar certificado PKCS12</label>
+                    <input
+                      id="pkcs12"
+                      class="custom-file-input"
+                      type="file"
+                      name="pkcs12"
+                      accept=".p12"
+                      required
+                      tabindex="2"
+                    />
+                    <label class="custom-file-label" for="pkcs12">
+                      Seleccionar certificado PKCS12
+                    </label>
                   </div>
                 </div>
 
                 <div class="form-group">
-                  <input id="phasepass" class="form-control" type="password" aria-describedby="passHelp"
-                         required tabindex="3" placeholder="Contraseña del certificado" />
-                  <small id="passHelp" class="form-text text-muted">Esta contraseña no será guardada en el servidor.</small>
+                  <input
+                    id="phasepass"
+                    class="form-control"
+                    type="password"
+                    aria-describedby="passHelp"
+                    required tabindex="3"
+                    placeholder="Contraseña del certificado"
+                  />
+                  <small id="passHelp" class="form-text text-muted">
+                    Esta contraseña no será guardada en el servidor.
+                  </small>
                   <input id="password" name="password" type="hidden" />
                 </div>
 
                 <div class="form-group text-center">
-                  <input id="sign-button" class="btn btn-primary btn-block" name="submit" type="submit" value="Firmar"
-                         tabindex="4" />
+                  <input
+                    id="sign-button"
+                    class="btn btn-primary btn-block"
+                    name="submit"
+                    type="submit"
+                    value="Firmar"
+                    tabindex="4"
+                  />
                 </div>
 
@@ -100 +135 @@
       });
     })();
-
   </script>
 </body>