ENTREGA # 2 – ESCENARIO 5

CAMILO ESTEBAN ORJUELA BONILLA

MILTON PULIDO PULIDO

YEISON ANDRÉS GARCÍA OSSA

JULIÁN GIOVANNY REY MORA

MARÍA CAMILA CARVAJAL SÁNCHEZ

TUTOR

RICARDO ANTONIO BOTERO RÍOS

UNIVERSIDAD POLITÉCNICO GRANCOLOMBIANO

PROCESO DE SOFTWARE PERSONAL

2023

1
 TABLA DE CONTENIDO

TABLA DE CONTENIDO........................................................................................2

CORRECCIONES DE LA ENTREGA # 1 – ESCENARIO 3.................................3

INTRODUCCIÓN.....................................................................................................4

PLANTEAMIENTO DEL PROBLEMA..................................................................5

DESCRIPCIÓN DEL PROBLEMA.........................................................................5

PREGUNTA DE INVESTIGACION.......................................................................6

OBJETIVO GENERAL............................................................................................7

OBJETIVOS ESPECÍFICOS....................................................................................7

JUSTIFICACIÓN......................................................................................................8

METODOLOGIA APLICADA................................................................................9

CRONOGRAMA DE ACTIVIDADES..................................................................10

ESTÁNDAR DE CODIFICACIÓN HTML.............................................................11

PLAN DE DESARROLLO PERSONAL...............................................................16

PLAN DE PRUEBAS.............................................................................................17

MÉTODO PROBE..................................................................................................18

CONCLUSIONES...................................................................................................19

REFERENCIAS......................................................................................................20

2
 CORRECCIONES DE LA ENTREGA # 1 – ESCENARIO 3

En siguiente trabajo realizamos las respectivas correcciones dichas por el docente

en la entrega 1 estas son las siguientes:

 Normas APA edición serie 7

 Introducción y tabla de contenido
 Descripción del problema
 Pregunta de investigación
 Replanteamos los objetivos generales y específicos
 Cambio del cronograma con los respectivos costos y tiempos
 Conclusiones
 Bibliografías

En el respectivo trabajo podemos encontrar las respectivas modificaciones

mencionadas anteriormente.

3
 INTRODUCCIÓN

La empresa Banco Smart está comprometida con la excelencia y la calidad en el

proceso de entrega de certificaciones. En un mundo cada vez más digitalizado y en
constante evolución, reconocemos la importancia de agilizar y optimizar los
procedimientos para brindar un servicio eficiente a nuestros clientes.

Sin embargo, en nuestra empresa nos enfrentamos a desafíos y limitaciones en el

proceso de entrega de certificaciones debido a un enfoque manual que hemos mantenido
hasta ahora. Esta metodología tradicional implica una serie de obstáculos que afectan la
velocidad, la precisión y la satisfacción de nuestros clientes.

Sabemos que el tiempo es valioso, tanto para las empresas como para los
individuos que confían en nosotros para obtener sus certificados. Además, el enfoque
manual presenta desafíos en términos de almacenamiento y seguimiento de documentos.
La falta de un sistema centralizado dificulta la búsqueda y recuperación de certificaciones
anteriores, lo que puede generar demoras e inconvenientes adicionales.

Reconociendo la necesidad de una transformación digital, estamos comprometidos

en implementar tecnologías avanzadas que nos permitan automatizar y agilizar nuestras
operaciones, garantizando una experiencia más fluida y confiable para nuestros clientes.

Próximamente estaremos implementando un sistema digital que nos permita

gestionar de manera más eficiente los procesos de solicitud, revisión, emisión y entrega de
certificaciones. Esta iniciativa no solo nos permitirá reducir los errores y los tiempos de
espera, sino que también mejorará la seguridad y la integridad de nuestros documentos.

4
 PLANTEAMIENTO DEL PROBLEMA

La empresa Banco Smart es una compañía financiera con más de 10 años en el

mercado que esta aliada con diferentes marcas deportivas a nivel nacional e internacional
y que ha sido destacada por su facilidad en la gestión de préstamos en menor tiempo a
diferencia de otras entidades.

Actualmente Martha Gómez, jefe de talento humano, nos cuenta que el principal
inconveniente es que el proceso de entrega de certificados en la empresa se realiza de
manera manual, lo que implica una serie de desafíos y limitaciones.

DESCRIPCIÓN DEL PROBLEMA

Los principales problemas identificados son los siguientes:

ü Ineficiencia: El proceso manual requiere de un tiempo considerable para la

generación, revisión y entrega de las certificaciones a los empleados o solicitantes.
Esto puede retrasar la obtención de documentos importantes y afectar la eficiencia de
nuestros servicios.

ü Errores y omisiones: El enfoque manual aumenta el riesgo de errores en los datos de

las certificaciones, como nombres, fechas, cargos, entre otros. Además, puede haber
casos de omisión o pérdida de certificados, lo que genera inconvenientes y afecta la
confiabilidad de nuestra empresa.

ü Gestión y seguimiento: La falta de un sistema automatizado dificulta la gestión y el

seguimiento de las certificaciones entregadas. Esto puede generar dificultades en la
administración de registros, el seguimiento de fechas de vencimiento y la generación
de informes precisos.

5
 PREGUNTA DE INVESTIGACION

¿Como diseñar e implementar un sistema automatizado para generación de

certificados del banco Smart de una forma ágil y segura?

Se propone que, para abordar el proceso de entrega de certificaciones, se realice la

implementación de un sistema automatizado para el proceso de entrega de certificacados.

La solución propuesta comprende los siguientes ítems clave:

ü Registro de Datos: Capturar y almacenar la información relevante para la generación

de certificaciones, como nombres, cargos, fechas, etc.

ü Generación Automatizada: Utilizar plantillas predefinidas y los datos registrados

para generar certificados de manera automática, minimizando errores y asegurando la
consistencia en el formato.

ü Flujo de Aprobación: Establecer un flujo de aprobación definido para garantizar la

revisión y autorización adecuada de las certificaciones antes de su entrega.

ü Archivo Digital: Almacenar de forma segura las certificaciones generadas en formato

digital, permitiendo un acceso fácil y rápido cuando sea necesario.

ü Portal de Autogestión: Implementar un portal en línea donde los empleados o

solicitantes puedan acceder para solicitar certificaciones, realizar seguimiento de su
estado y descargar las certificaciones emitidas.
ü Solicitud en Línea: Permitir a los usuarios completar formularios electrónicos para

solicitar certificaciones, proporcionando la información de cada empleado.

6
 OBJETIVO GENERAL

Generar un sistema de gestión automatizada de certificaciones que permita agilizar

y mejorar el proceso de entrega por medio de un sitio web. Con la implementación de este

objetivo esperamos lograr una mejora significativa en el proceso de entrega de

certificaciones, reducir los tiempos de espera, minimizar los errores y proporcionar una

experiencia más satisfactoria para nuestros clientes.

OBJETIVOS ESPECÍFICOS

1. Utilizar una página web o un software especializado para agilizar y automatizar las

etapas del proceso de entrega de certificaciones. Esto puede incluir el uso de sistemas

de gestión documental, software de seguimiento de pedidos y notificaciones

automáticas para que los clientes estén informados sobre el estado de sus certificados.

2. Integrar el sistema de gestión automatizada de certificaciones con nuestras bases de

datos internos y sistemas existentes para que exista integridad y coherencia de la

información.

3. Capacitar al personal encargado del proceso de entrega de certificaciones en el uso

adecuado del nuevo sistema, brindándoles las herramientas y el conocimiento

necesario para que se tenga una correcta implementación y funcionamiento.

7
 JUSTIFICACIÓN

La razón por la cual escogimos realizar una página que ayude con la gestión y

entrega de certificados de manera automatizada, es porque se evidencia que la practica

manual de estas entregas cuenta con varios problemas los cuales son comunes como el

fallo en algunos de los datos que tiene el certificado, ya sean las fechas o roles del

empleado, además de que al ser algo manual hecho por una o un pequeño grupo de

personas puede llegar a tardarse un tiempo considerado el realizarlos y entregarlos, y

como todos sabemos estos certificados se necesitan en el menor tiempo posible, esta es la

necesidad que queremos satisfacer con la página, ya que esta nos ayudara a almacenar la

información de los miembros de la empresa para generar de una manera rápida y eficaz los

certificado solicitados, además de generarse en un archivo digital para su fácil uso y

portabilidad.

8
 METODOLOGIA APLICADA

Para realizar el proyecto de una manera uniforme y eficaz escogimos la

metodología Scrum, la cual está basada en asignar diferentes roles a los miembros del

equipo para tener una mejora continua en la elaboración del proyecto.

La forma en la que se divide un trabajo mediante la metodología Scrum es por

Sprint, estos son las sesiones de trabajos en las cuales se divide la metodología, y constan

de 1 a 2 semanas cada uno, cada Sprint cuenta con una reunión de no más de 15 minutos

en la cual como grupo mostramos nuestros avances y coordinaremos las actividades que

realizaremos durante el día para dar continuidad con el proyecto.

Para la división de roles se escogen dos usuarios lideres los cuales harán la función

de Scrum Master y el Product Owner, el resto de los usuarios serán nombrados Equipo

Scrum.

 Product Owner: Este rol se encarga de dar a entender al equipo cuales son los

requerimientos del usuario frente al proyecto y encamina a estos a realizar de la

manera más eficaz la solución y posterior entrega de lo solicitado.

 Scrum Master: Es quien se encarga de realizar las revisiones del estado del proyecto

además de que es la persona que agenda y da por cumplidas las reuniones de

seguimiento para ver el avance y estado de este mismo.

 Equipo Scrum: Son el resto de los miembros del equipo los cuales trabajan en los

Sprint de una manera autónoma y colaborativa entre todos para tener una mejora

progresiva respecto a la realización de las actividades.

9
 Los roles del equipo estarán asignados de la siguiente manera.

 Product Owner: Instructor Ricardo Antonio Botero Ríos

 Scrum Master: Camilo Esteban Orjuela Bonilla

 Equipo Scrum: Milton Pulido Pulido, Yeison Andrés García Ossa, Julián Giovanny

Rey Mora, Maria Camila Carvajal Sanchez.

CRONOGRAMA DE ACTIVIDADES

10
 ESTÁNDAR DE CODIFICACIÓN HTML

No existe un estándar de codificación establecido para HTML, pero existen

convenciones y buenas prácticas implementadas por la gran mayoría de la comunidad de
desarrolladores web.

Doctype: Este especifica la versión de HTML que se está utilizando en el código,

‘<!DOCTIPEhtml>’.

Codificación de caracteres: Esto permite asegurar que los caracteres especiales y

los conjuntos de caracteres internacionales se muestren correctamente de la página web,
‘<meta charset=”UTF-8”>’.

Uso adecuado de las etiquetas: cada una de las etiquetas cuenta con una
funcionalidad especifica, por ejemplo <h1> a <h6> son utilizadas para títulos, las etiquetas
<p> son utilizadas para párrafos, las etiquetas <ul> y <ol> para listas desordenadas y
ordenadas respectivamente, etc.

Uso correcto de los atributos: Utilizar los atributos HTML adecuados en cada
sentencia proporcionando información adecuada elemento, por ejemplo, el atributo ‘href’
en las etiquetas <a> especifica la URL de destino para los enlaces, el atributo ‘alt’ en las
etiquetas <img> proporciona un texto alternativo para las imágenes.

Indentación y formato: La Indentación es el espacio brindado a cada línea de

código, teniendo en cuenta en que nivel de sentencia se encuentra este, esto permite que el
mantenimiento limpieza y legibilidad del código.

Comentarios: Realizar comentarios ‘<!—comentario -->’ en partes importantes del

código y hacerlo mas comprensible para otros desarrolladores.

11
 A continuación, Código básico HTML y CSS

En este link se verán los avances del trabajo

https://www.adrmilpc.com/psp_trabajo/

Código archivo Index.html

 <!DOCTYPE html>
    <html lang="es">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Banco Smart - Servicios de Calidad___</title>
  
    <link rel="stylesheet" href="./css/styles.css">
    </head>
    <body>
        <div class="container">
            <header>
                <nav class="navbar navbar-expand navbar-light bg-light">
                    <h1>Banco Smart</h1>
                    <ul>
                        <li><a href="index.html">Inicio</a></li>
                        <li><a href="#">Servicios</a></li>
                        <li><a href="#">Contacto</a></li>
                    </ul>
                </nav>
            </header>
        </div>

    
        <section id="login" class="login-section">

            <div class="container">
                <h2>Bienvenido a Banco Smart</h2>

12
                 <p>Brindamos servicios de calidad para tus necesidades financieras.</p>
            <h3>Iniciar Sesión</h3>
            <form>
                <input type="text" placeholder="Usuario">
                <input type="password" placeholder="Contraseña">
                <a name="Inicios" id="ini" class="btn btn-primary"
href="verificador.html" role="button">Iniciar Sesión</a>
        
            </form>
            </div>
        </section>
        <footer>
            <div class="container">
                <div class="col-ms-6">
          
                </div>
                <div class="col-ms-6">
                    <p>&copy; 2023 Banco Smart. Todos los derechos reservados, Página
didáctica.</p>
                </div>
        
            </div>
        </footer>
    </body>
    </html>

Codigo archivo verificador.html

<!DOCTYPE html>
    <html lang="es">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Banco Smart - Servicios de Calidad___</title>
  
13
    <link rel="stylesheet" href="./css/styles.css">
    </head>
    <body>
        <div class="container">
            <header>
                <nav class="navbar navbar-expand navbar-light bg-light">
                    <h1>Banco Smart</h1>
                    <ul>
                        <li><a href="index.html">Inicio</a></li>
                        <li><a href="#">Servicios</a></li>
                        <li><a href="#">Contacto</a></li>
                    </ul>
                </nav>
            </header>
        </div>

    
        <section id="login" class="login-section">

            <div class="container">
                <h2>Bienvenido a Banco Smart</h2>
                <p>Brindamos servicios de calidad para tus necesidades financieras.</p>
            <h3>Iniciar Sesión</h3>
            <form>
                <input type="text" placeholder="Usuario">
                <input type="password" placeholder="Contraseña">
                <a name="Inicios" id="ini" class="btn btn-primary" href="verificador.html"
role="button">Iniciar Sesión</a>
        
            </form>
            </div>
        </section>
        <footer>
            <div class="container">
14
                <div class="col-ms-6">
          
                </div>
                <div class="col-ms-6">
                    <p>&copy; 2023 Banco Smart. Todos los derechos reservados, Página
didáctica.</p>
                </div>
        
            </div>
        </footer>
    </body>
    </html>

CSS
/* Estilos generales */

body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}

.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

/* Estilos de la barra de navegación */

nav {

15
 background-color: #333;
color: #fff;
padding: 20px;
}

nav ul {
list-style: none;
margin: 0;
padding: 0;
}

nav ul li {
display: inline;
margin-right: 20px;
}

nav ul li a {
color: #fff;
text-decoration: none;
}

/* Estilos de la sección hero */

.hero {
background-image: url('hero-background.jpg');
background-size: cover;
background-position: center;
color: #fff;
text-align: center;
padding: 100px 0;
}

.hero h2 {
font-size: 36px;

16
 margin-bottom: 20px;
}

.hero p {
font-size: 18px;
margin-bottom: 40px;
}

/* Estilos del formulario de inicio de sesión */

.login-section {
background-color: #f5f5f5;
padding: 100px 0;
text-align: center;
}

.login-section h3 {
font-size: 24px;
margin-bottom: 20px;

17
 PLAN DE DESARROLLO PERSONAL

PLAN DESARROLLLO PERSONAL

Responsables
YEISON ANDRÉS GARCÍA OSSA
# Objetivos
Crear un diseño atractivo y funcional para la
1 página web, que refleje la identidad de
marca y sea fácil de navegar.
Fecha inicial Actividades Fecha final Contenidos
Aplicación de metodología Definir la estructura y los elementos
Implementación de herramientas de trabajo clave de la página web: Utilizar
1/04/2023 30/04/2023 colores, tipografías y elementos
visuales que se alineen con la imagen
Procesamiento de código (barra de estado- botones asignados)
de marca que deseas proyectar.

Implementación en servidor web Barra de navegación: crear una barra

Medir, planificar, estimar y controlar el
MILTON PULIDO PULIDO 2 1/05/2023 Revision del diseño web 30/06/2023 de navegación que contenga enlaces a
proceso de desarrollo.
Realización de test de prueba de primer ciclo diferentes secciones de la página.

Optimizar el rendimiento de la página web, Resultados de test de prueba

reduciendo los tiempos de carga y Segundo ciclo de código (contenido- asignación de archivos) Definir el tipo de archivo al descargar
CAMILO ESTEBAN ORJUELA BONILLA 3 asegurándose de que funcione 1/07/2023 15/08/2023 el certificado: los tipos de archivo
correctamente en diferentes navegadores y Realización de test de prueba segundo ciclo más comunes son: doc, docx, pdf, png
dispositivos.

MARÍA CAMILA CARVAJAL SÁNCHEZ
Implementar medidas de seguridad
adecuadas para proteger la página web y los
4 16/08/2023
datos de los usuarios para mejorra la
relacion entre empresa y cliente.
Resultados de test de prueba Crear backups (es una copia de los
Tercer ciclo de código (conectividad ciclo uno y dos) datos originales que se realiza con el
15/10/2023
fin de disponer de un medio para
Realización de test de prueba de tercer ciclo recuperarlos en caso de su pérdida).

Establecer un plan de actualización y Resultados de test de prueba Imágenes: insertar imágenes en la

mantenimiento regular de la página web, página.
JULIÁN GIOVANNY REY MORA 5 16/10/2023 Cuarto ciclo de código (detalles de usuario) 30/11/2023
corrigiendo errores, mejorando Tablas: para encabezados de columna
funcionalidades. Realización de test de prueba de cuarto ciclo y para datos de celda.

18
 PLAN DE PRUEBAS

El plan de prueba será realizado por ciclos, ya que el proceso del proyecto para su
eficacia debe hacerse, para lograr su funcionamiento:

Prueba de aceptación: Se logra verificar si todo el sistema funciona según lo

previsto.

Pruebas de integración: Asegurarnos que los componentes o funciones del

software operen juntos, evaluar los ciclos de código y que estos unidos funcionen.

Pruebas de unidad: Se validarán que cada unidad de software funcione según lo

esperado. Una unidad es el componente de prueba más pequeño de una aplicación.

Pruebas funcionales: Se verificarán funciones mediante la emulación de

escenarios de negocio, en función de los requisitos funcionales. La prueba de caja negra es
una forma común de verificar funciones.

Pruebas de rendimiento: Probar cómo funciona el software bajo diferentes cargas

de trabajo. Las pruebas de carga, por ejemplo, se utilizan para evaluar el rendimiento en
condiciones de carga reales, mirar un número máximo de certificados

Pruebas de regresión: Se verificará si las nuevas características rompen o

degradan la funcionalidad. Las pruebas de cordura se pueden utilizar para verificar menús,
funciones y comandos a nivel superficial, cuando no hay tiempo para una prueba de
regresión completa.

Pruebas de estrés: Se probará cuánta tensión puede soportar el sistema antes de

que falle. Considerado como un tipo de prueba no funcional.

Pruebas de usabilidad: Se validará qué tan bien un cliente puede usar nuestra
aplicación web para completar una tarea. En cada caso, la validación de los requisitos
básicos es una evaluación crítica. Igual de importante, las pruebas exploratorias ayudan a
testear o equipo de pruebas a descubrir escenarios y situaciones difíciles de predecir que
pueden conducir a errores de software.

19
 MÉTODO PROBE

Diseño conceptual
El diseño conceptual se basa en especificar los objetos que componen y generan el
perfecto funcionamiento de la aplicación que se esa creando.

Clasificación de proxys
Para clasificar proxys debemos hacerlo por tamaño e importancia, el tamaño se
basa en una estimación de líneas de código y horas de codificación que tendrá cada proxy.

Estimació
Componente Tamaño n Mínimo Máximo Probable
Logan Mediano 4 3 6 8,67
Formulario de solicitud Mediano 5 4 8 11,33
Menú navbar Pequeño 2 1 4 4,67
Generador de certificado Grande 7 6 9 14,67
Página servicios Mediano 4 3 6 8,67
Página Contacto Pequeño 2 1 4 4,67
Página principal Mediano 5 4 8 11,33
Registrar usuario Mediano 6 5 8 12,67
Modificar usuario Pequeño 2 1 4 4,67
Eliminar usuario Pequeño 2 1 4 4,67

20
Componente Líneas de código Horas Tamaño estimado
Logan 80 10
Formulario de solicitud 90 12
Menú navbar 30 5
Generador de certificado 50 15
Página servicios 40 8
Página Contacto
Página principal
30
50
6
9
39010
Registrar usuario 45 8
Modificar usuario 35 5
Eliminar usuario 20 5
Total 470 83

Componente Probable Horas Esfuerzo

Login 8,67 10 86,67
Formulario de solicitud 11,33 12 136,00
Menú navbar 4,67 5 23,33
Generador de certificado 14,67 15 220,00
Página servicios 8,67 8 69,33
Página Contacto 4,67 6 28,00
Página principal 11,33 9 102,00
Registrar usuario 12,67 8 101,33
Modificar usuario 4,67 5 23,33
Eliminar usuario 4,67 5 23,33
Total 86,00 83 813,33

La cantidad de líneas a utilizar es de 39.010 y la cantidad de horas es de 813,33

21
Estimación

22
 CONCLUSIONES

1. La implementación de un sitio web especializado les ayudara a superar los obstáculos

actuales y brindar un servicio más rápido, confiable y seguro a los clientes.

2. La empresa contará con los procesos de solicitud, revisión, emisión y entrega de

certificaciones reducirá los errores, agilizar los tiempos de espera y mejorar la
accesibilidad a los documentos anteriores.

3. Los clientes experimentaran una interacción más fluida, un seguimiento más fácil de
sus certificaciones y una mayor confianza en la integridad y la seguridad de los
documentos entregados.

4. El método probe y el plan de desarrollo son herramientas o estrategias que nos

permiten evaluar o establecer metas claras y poder aprender de los resultados
obtenidos definiendo objetivos e identificando áreas de mejora, además el plan de
pruebas nos permite evaluar y medir nuestros avances a lo largo del proyecto
estableciendo hitos y criterios de evaluación donde podemos monitorear el progreso y
ajustar nuestras estrategias según sea necesario. (Uvirtual, 2022)

23
 REFERENCIAS

Internacional, C. C.-N. (15 de mayo de 2023). DuocUc Biblioteca . Obtenido de DuocUc

Biblioteca : https://bibliotecas.duoc.cl/documentos-academicos-y-presentaciones/
redactar-objetivos-de-investigacion

Uvirtual. (17 de agosto de 2022). Uvirtual. Obtenido de Uvirtual:

https://blog.uvirtual.org/desarrollo-personal-como-crear-un-plan

24