0

INSTITUTO SUPERIOR TECNOLÓGICO

VIDA NUEVA

CARRERA:

TECNOLOGÍA EN INFÓRMATICA

TEMA DEL EXAMEN PRÁCTICO DE GRADO

DESARROLLO DE UN SISTEMA WEB DE POSTULACIÓN DE TRABAJADORES

CON SOFTWARE LIBRE

AUTOR:

TONATO TIPÁN ROSA CRISTINA

TUTOR:

ARIAS MARTÍNEZ DARWIN RENÉ

FECHA:

DICIEMBRE 2020

QUITO – ECUADOR

1
CERTIFICACIÓN

En mi calidad de Docente Guía del informe del Examen de Grado componente Practico:

DESARROLLO DE UN SISTEMA WEB DE POSTULACIÓN DE TRABAJADORES en

la ciudad de Quito, presentado por el/la ciudadano(a) ROSA CRISTINA TONATO TIPÁN

para optar por el título de Tecnólogo(a) en INFORMÁTICA, certifico, que dicho informe

ha sido revisado en todas sus partes y considero que reúne los requisitos y méritos

suficientes para ser sometido a la presentación pública y evaluación por parte del tribunal

examinador que se designe.

------------------------------------------------------

Docente Guía: ARIAS MARTINEZ DARWIN RENÉ

2
ÍNDICE

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

2. OBJETIVOS...................................................................................................................5

3. DESARROLLO..............................................................................................................6

3.1 MARCO TEORICO.....................................................................................................6

3.1.1Software Libre........................................................................................................6

3.1.2 XAMPP..................................................................................................................6

3.1.3 Ventajas y Desventajas de XAMPP.......................................................................7

3.1.4 MySQL..................................................................................................................8

3.1.5 Base de datos.........................................................................................................9

3.1.6 Estructura de una Base de Datos............................................................................9

3.1.7 Modelo Entidad-Relación....................................................................................10

3.1.8 CRUD..................................................................................................................10

3.1.9 PHP......................................................................................................................10

3.1.10 HTML................................................................................................................11

3.1.11 Bootstrap............................................................................................................11

3.2. METODOLOGÍA........................................................................................................12

3.2.1 Metodología de Prototipo........................................................................................12

3.3. PROCEDIMIENTO......................................................................................................13

4. CONCLUSIONES Y RECOMENDACIONES...........................................................19

5. REFERENCIAS............................................................................................................21

6. ANEXOS......................................................................................................................23

3
Índice de Ilustraciones

Ilustración 1:Ventana Principal. Elaboración___________________________________14

Ilustración 2::Login de Ingreso. Elaboración Propia._____________________________14
Ilustración 3:Ventana de Registro. Elaboración Propia.___________________________15
Ilustración 4:Pantalla principal para el ingreso de información. Elaboración propia.___15
Ilustración 5: Ingreso de datos personales. Elaboración propia.____________________16
Ilustración 6: Ingreso de Instrucción Formal. Elaboración propia.__________________16
Ilustración 7:Ingreso de capacitaciones /certificaciones. Elaboración propia._________17
Ilustración 8:Ingreso de experiencia laboral. Elaboración propia.__________________17
Ilustración 9:Ingreso de logros obtenidos. Elaboración propia.____________________18
Ilustración 10:Login del Administrador. Elaboración Propia.______________________18
Ilustración 11:Ventana de visualización del Administrador. Elaboración Propia._______19
Ilustración 12: tabla de datost. Elaboración Propia.______________________________24
Ilustración 13: Tabla datost. Elaboración Propia._______________________________24
Ilustración 14:Tabla logint. Elaboración Propia.________________________________25

4
 1. INTRODUCCIÓN

En el presente proyecto se propone un sistema web de postulación de trabajadores

utilizando Software Libre, mismo que servirá de apoyo al Instituto Superior Tecnológico
“Vida Nueva”.

En la situación actual en la que el país se encuentra se ha visto la necesidad de buscar

nuevas herramientas que faciliten la infinidad de procesos que se realizaban de manera
presencial, pues ahora toda actividad se la realiza de manera virtual, la rama de desempleo
ha crecido y hay miles de personas buscando postularse a un posible empleo, pensando en
esta situación el Instituto Superior Tecnológico “Vida Nueva”, desea implementar un
sistema donde puedan acceder las personas que pretendan ser parte de su equipo de trabajo.

Tomando en cuenta estos aspectos el proyecto se enfoca en el diseño e implementación de

una aplicación Web, donde permita que el usuario que desee ser parte del Instituto
Superior Tecnológico “Vida Nueva”, pueda postularse creando un usuario y una
contraseña, mismas que le permitirán llenar sus datos y de esta manera el administrador de
la página tenga la potestad de obtener la hoja de vida completa del postulante y ponerse en
contacto luego de analizarla, de esta manera tanto el postulante como el administrador de
la página optimizan su tiempo y tienen la oportunidad de completar una plaza de trabajo, a
un costo mínimo.

Dentro del documento se presenta bases teóricas mismas que contienen definiciones
concretas de cada uno de los temas que intervienen en el proyecto y con los cuales se
dirigirá el sistema establecido.

5
2. OBJETIVOS

2.1 . OBJETIVO GENERAL

 Desarrollar un sistema web de postulación de trabajadores, utilizando software libre
para garantizar este proceso a un costo mínimo.

2.2 . OBJETIVOS ESPECÍFICOS

 Instalar el servicio web dentro del sistema operativo para que sirva de Host del
sistema de postulación.
 Implementar una interfaz de login para autenticar al usuario y pueda acceder al
módulo de registro y/o modificación de su información.
 Crear las bases de datos correspondientes a los diferentes perfiles de usuario en
MySQL.
 Validar las credenciales tanto de usuarios como del administrador para el acceso a
la plataforma.

6
 3. DESARROLLO

3.1 MARCO TEORICO

3.1.1Software Libre

Software libre es un término utilizado para dar un enfoque de gratuidad usuarios y la

comunidad, respeta la plena libertad de cada uno de los usuarios sobre el producto que
adquiere, por lo que le permite realizar diferentes actividades en él. Es decir, el software
libre es una cuestión de libertad, no de precio. [ CITATION Fre19 \l 12298 ]

3.1.1.1Ventajas

Mejoramiento Continuo: Un Software libre al poder ser revisado y modificado permite

que los usuarios tengan la oportunidad de evaluar directamente ciertas fallas que pueda
presentar el programa, haciendo que este código fuente se vuelva más robusto y seguro,
llegando en ocasiones a tener mejor resultado que un software privado.

Permite ser distribuido: Dado que un Software Libre permite ser copiado con plena
libertad sin la obligatoriedad de a adquisición de nuevas licencias, pude ser distribuido a
todas las

3.1.2 XAMPP

Es un servidor independiente de plataforma de código libre. Nos permite instalar de forma

sencilla Apache en tu propio ordenador, sin importar tu sistema operativo (Linux,
Windows, MAC o Solaris). Y sobre todo su uso es gratuito, incluye además servidores de
bases de datos como MySQL respectivos gestores phpMyAdmin.

Cuando se habla de las ventajas de usar XAMPP, nos podemos referir a su instalación ya
que es muy sencilla, únicamente basta descargarlo, extraerlo y comenzar a usarlo.
[ CITATION Mar17 \l 12298 ]

3.1.3 Ventajas y Desventajas de XAMPP

VENTAJAS

Una de las ventajas de usar XAMPP es que su instalación es de lo más sencilla, basta
descargarlo, extraerlo y comenzar a usarlo.

7
En general es bastante fácil la instalación de apache y php sobre Unix, sobre todo si
dispone de un manejador de paquetes.

XAMPP es una forma muy sencilla y rápida en la cual en menos de 5 minutos se puede
montar en una máquina un entorno de desarrollo de cualquier aplicación web que use PHP
y base de datos.

DESVENTAJAS

No soporta MySQL desde la consola.

Xampp trae PhpMyAdmin para administrar las bases de datos de MySQL, sin embargo,
para tareas más específicas es mejor utilizar la consola (línea de comandos) y Xampp no la
soporta.

Una desventaja es la garantía.

Este programa se distribuye con la esperanza de que sea útil, más sin ninguna garantía, sin
siquiera la garantía implícita de su mercadibilidad y aptitud para un propósito determinado.

No se pueden actualizar individualmente las versiones de los programas que instala.

Xampp trae las últimas versiones de las aplicaciones que instala, sin embargo, cuando pasa
el tiempo y salen nuevas versiones de las mismas, no queda otra salida que reinstalar todo
Xampp. [ CITATION Cha13 \l 12298 ]

3.1.4 MySQL

Al hablar de una definición general de, MySQL podemos decir que es un sistema de
gestión de bases de datos relacionales de código abierto, en el cual podemos observar el
modelo cliente-servidor. RDBMS es un software o servicio utilizado para crear y
administrar bases de datos basadas en un modelo relacional.[ CITATION BG19 \l 12298 ]

MySQL es el sistema de gestión de bases de datos relacional más extendido en la

actualidad al estar basada en código abierto, es un sistema de gestión de bases de datos que
cuenta con una doble licencia. Por una parte, es de código abierto, pero por otra, cuenta
con una versión comercial gestionada por la compañía Oracle.

8
3.4.1 Principales sentencias de MySQL

MySQL comparte las sentencias del lenguaje SQL. Lo que en la práctica se traduce en una
plena compatibilidad. Al ser un elemento muy ligado al backend de cualquier aplicación
web, normalmente desarrollada sobre algún lenguaje como PHP, puede ser un poco difícil
de ejemplificar pues sería necesario abarcar todo un artículo, pero se puede realizar la
siguiente relación de sentencias básicas. [ CITATION Áng19 \l 12298 ]

SELECT es usada para consultar datos.

DISTINCT Sirve para eliminar los duplicados de las consultas de datos.

WHERE Es usada incluir las condiciones de los datos que queremos consultar.

AND y OR es usada para incluir 2 o más condiciones a una consulta.

ORDER BY Es usada para ordenar los resultados de una consulta.

INSERT Es usada para insertar datos.

UPDATE Es usada actualizar o modificar datos ya existentes.

DELETE Es usada borrar datos.

3.1.5 Base de datos.

Una base de datos es una herramienta que recopila datos, los organiza y los relaciona para
que se pueda hacer una rápida búsqueda y recuperar con ayuda de un ordenador. Hoy en
día, las bases de datos también sirven para desarrollar análisis. Las bases de datos más
modernas tienen motores específicos para sacar informes de datos complejos.

Cuando una empresa tiene una base de datos y quiere implementar un software, tiene que
andarse con cuidado dependiendo del software que instala. Cuando se implementa un
sistema ERP o de gestión documental, estos tendrán una mejor conexión con aquellas
bases de datos que tienen el mismo lenguaje nativo. Por ejemplo, el software Office 365 se
conectará mejor con una de Microsoft que con una de Oracle. No obstante, la dificultad de
conexión entre softwares y bases de datos de fabricantes distintos tampoco suele ser
grande.[ CITATION Tic20 \l 12298 ]

9
3.1.6 Estructura de una Base de Datos

“Con la información antes mencionada, se define como Estructura de una Base de Datos a
todos y cada uno de los componentes, formatos y normativas necesarias para el buen
funcionamiento de una Base de Datos, asimismo se incluye en dicha definición a los
procesos necesarios para que la misma realice el almacenamiento efectivo de los datos, sin
que se pierda ninguno de ellos durante la ejecución del programa, sistema de información y
aplicación que esté enlazada a dicho modelo de almacenaje de información en formato
digital” (Melendez, 2020)

Tablas

Como mencionamos con anterioridad, se entiende como Tabla al modelo o esquema de

estructura que está encargado de almacenar en su interior los datos manipulados en un
programa o sistema que esté enlazado con la Base Datos donde se crea dicha tabla,
asimismo su funcionamiento depende del indexado, el modelo entidad-relación y
cualquiera de las tres formas normales que se le apliquen.

Las Tablas se subdividen en dos secciones importantes, las cuales son los registros y los
campos, siendo los campos los correspondientes a los nombres de las columnas dentro de
la tabla y donde se coloca el nombre del dato a almacenar como el lugar donde se establece
qué tipo de clave de función tendrá la tabla en su interior.

3.1.7 Modelo Entidad-Relación

El Modelo Entidad-Relación corresponde a uno de los elementos principales presentes en

la Estructura de una Base de Datos, la misma realiza sus funciones en conjunto con las tres
formas conocidas para normalizar una Base de Datos, con el modelo antes mencionado se
establecen los tipos de relaciones que tendrán que llevar a cabo las tablas para el
almacenado efectivo de la información, así como para poder tener una interacción clara y
concisa con el programa en enlazado a la Base de Datos.[CITATION Gut13 \l 12298 ]

Debemos tener en cuenta que cada herramienta de manejo, creación y manipulación de una
Base de Datos, tiene diferentes formas de establecer las relaciones y las entidades que debe
llevar cada tabla, dado que dicha entidad corresponde a un objeto, persona o servicio en

10
específico correspondiente en el mundo real y que por lo tanto deseemos registrar dentro
de las tablas de almacenamiento de datos.

3.1.8 CRUD

Procesos de interacción con la base de datos

Hace referencia a los procesos: Create, Read, Update y Delete. Estas son las operaciones
básicas que debe realizar un usuario en cualquier tipo de sistema. La persona que está
desarrollando el sistema debe crear distintas pantallas para que las personas realicen las
operaciones mencionadas de forma intuitiva sin acceder a una herramienta de base de
datos, únicamente haciendo clic en un botón [ CITATION Ort16 \l 12298 ]

3.1.9 PHP

PHP es un lenguaje de programación para desarrollar aplicaciones y crear sitios web que
cada día tiene más seguidores. Es muy fácil de usar y en constante perfeccionamiento es
una opción segura para aquellos que desean trabajar en proyectos calificados y sin
complicaciones.

La programación es una de las actividades más valoradas y sobre todo con gran demanda
en el mercado, ya que la transformación digital es una realidad, especialmente para páginas
web. Con el pasar de los años, gracias a su accesibilidad, el lenguaje PHP ha ido ganado
muchos seguidores, formando así una gran comunidad de apoyo.[ CITATION Pal18 \l 12298 ]

Hay que tomar en cuenta Para poder ejecutar código PHP en el navegador en Linux
necesitamos no solamente tener PHP instalado, sino también un servidor que nos permita
procesar y visualizar dicho código en el navegador.

3.1.10 HTML

HTML no es un lenguaje de programación, lo que significa que no tiene la capacidad de

crear una funcionalidad dinámica. En cambio, hace posible organizar y formatear
documentos, de manera similar a Microsoft Word.

Hay que tomar en cuenta que cuando trabajamos con HTML, se debe utilizar diferentes
estructuras de código simples (etiquetas y atributos) para marcar una página web. Por

11
ejemplo, podemos crear un párrafo colocando el texto encerrado dentro de una etiqueta
inicial <p> y de cierre </p>. [ CITATION Pal18 \l 12298 ]

3.1.11 Bootstrap

Es un framework originalmente creado para otro fin como Twitter, que permite crear
interfaces web con CSS y JavaScript, su finalidad es la de adaptar la interfaz del sitio web
al tamaño del dispositivo en que se visualice. Es decir, el sitio web se adapta
automáticamente al tamaño de una PC, una Tablet u otro dispositivo. Esta técnica de
diseño y desarrollo se conoce como “responsive design” o diseño adaptativo. [ CITATION
Arw14 \l 12298 ]

Bootstrap tiene un soporte para HTML5 y CSS 3, es compatible con la mayoría de los
navegadores web. La información básica de compatibilidad de sitios web o aplicaciones
está disponible para todos los dispositivos y navegadores.

Bootstrap está siendo utilizado en gran proporción debido a lo bien que funciona y a los
positivos resultados que es capaz de ofrecer a quienes la utilizan. Existen muchas
características destacadas que han ayudado a que esta plataforma crezca con éxito. Lo más
importante es que simplifica el trabajo y lo hace sin que haya que sacrificar los resultados,
la estabilidad, seguridad o rendimiento. Se unifican estándares y se consigue que todo sea
fluido desde el primer instante. [ CITATION All17 \l 3082 ]

12
 3.2. METODOLOGÍA

3.2.1 Metodología de Prototipo

Esta metodología permite establecer un procedimiento de desarrollo que permite la
posibilidad de poder realizar una muestra para luego validar su esencia funcional ante los
clientes, y hacer los cambios que sean fundamentales antes de crear la solución final
auténtica. De hecho, la mejor parte de esta metodología es que tiende a resolver un
conjunto de problemas de diversificación que ocurren con el método de la cascada.

Además de esto, la gran ventaja de optar por este enfoque es que da una idea clara sobre el
proceso funcional del software, reduce el riesgo de falla en una funcionalidad de software
y asiste bien en la recolección de requisitos y en el análisis general. [ CITATION Kar17 \l
12298 ]

Esta metodología permite al desarrollador realizar un prototipo para luego ir mejorando

poco a poco según el cliente lo requiera, una vez que el proyecto esté completo se tendrá la
posibilidad de exportar la página a un sitio web propio, y de esta manera brindar un
producto de calidad al usuario, de la misma manera permitirá hacer varias pruebas antes de
ser enviado al mercado.

13
 3.3. PROCEDIMIENTO
3.3.1. Como primera ventana tenemos la ventana principal, donde encontraremos el botón
de Bolsa de Empleo, mismo que redireccionará a una nueva ventana para iniciar con el
proceso y la imagen del Instituto Superior Tecnológico “Vida Nueva”.

Ilustración 1:Ventana Principal. Elaboración Propia

3.3.2. Al ingresar como usuario nos encontraremos la siguiente ventana donde el usuario
podrá ingresar con su usuario y contraseña a modificar o actualizar sus datos o a su vez si
es un usuario nuevo pueda registrarse.

Ilustración 2::Login de Ingreso. Elaboración Propia.

14
3.3.3. Esta Ventana aparecera en el momento en el que el usuraio sea nuevo y desee
empezar su registro, en este campo le pedirá que se registre con su cédula y una contraseña
, mismas que están validadas para que ingresen unicamente 10 números en la cédula y la
contraseña no menos de 6 caracteres.

Ilustración 3:Ventana de Registro. Elaboración Propia.

3.3.4. En el momento que el usuario se haya registrado, podrá ingresar a la plataforma con
su usuario y contraseña y podrá empezar a completar su hoja de vida, haciendo clic en
INICIO DE PROCESO DE REGISTRO.

15
 Ilustración 4:Pantalla principal para el ingreso de información. Elaboración propia.

3.3.5. Dentro del registro tenemos como primer paso los datos personales donde se pedirá
que se coloque Cedula, nombres completos, estado civil, edad, Dirección domiciliaria,
números de teléfono y correo electrónico y la foto del postulante.

Ilustración 5: Ingreso de datos personales. Elaboración propia.

3.3.5. En el paso numero dos el usuario ingresará su instrucción formal, es decir donde
cruzó su secundaria, universidad, que mención tiene y se deja otros campos para
instrucciones superiores.

16
 Ilustración 6: Ingreso de Instrucción Formal. Elaboración propia.

3.3.6. En el tercer paso de la hoja de vida se podrá colocar las capacitaciones o certificados
obtenidos y la duración de cada uno.

Ilustración 7:Ingreso de capacitaciones /certificaciones. Elaboración propia.

3.3.7. En el cuarto paso de la hoja de vida del usuario se podrá colocar la experiencia
laboral de los últimos 3 empleos donde laboró.

17
 Ilustración 8:Ingreso de experiencia laboral. Elaboración propia.

3.3.7. En el quinto y último paso el usuario deberá colocar sus tres últimos logros dentro de
su formación laboral.

Ilustración 9:Ingreso de logros obtenidos. Elaboración propia.

18
3.3.8. A continuación la ventana del administrador, misma que tendrá una interfaz
diferente y tendrá que ingresar con: http://localhost/cris-proy/admin.php y con el usuario y
contraseña previamente establecidos en la programación.

Ilustración 10:Login del Administrador. Elaboración Propia.

3.3.8. Ventana que podrá visualizar el administrador para escoger el postulante correcto
según la carrera a la que aplica.

Ilustración 11:Ventana de visualización del Administrador. Elaboración Propia.

19
4. CONCLUSIONES Y RECOMENDACIONES

4.1 CONCLUSIONES
 El desarrollo de una página WEB promueve el acercamiento entre empleador y la
persona que busca un empleo, se trata de un medio publicitario con costos bastante
bajos que permiten generar información valiosa para la empresa, como es la base de
datos de las personas que buscando un empleo desarrollan su hoja de vida dentro de
la página web.

 El uso de diferentes herramientas como bootstrap permiten mejorar la interfaz

gráfica, mostrando así una página amigable y fácil de usar, de esta manera se
garantizará que todos los usuarios puedan completar su hoja de vida.

20
 Trabajar con HTML es muy sencillo para realizar una página web a partir de su
lenguaje que no tiene mayor complicación, este lenguaje es muy común para los
programadores ya que se lleva a cabo su uso en la realización de sitios web.

4.2 RECOMENDACIONES

 En el momento de realizar la página web es necesario arma un bosquejo previo con

las ventanas que se desea visualizar a futuro, tener en claro cuáles serán los datos
de cada formulario, tomando en cuenta las necesidades de la empresa.

 Es necesario investigar diferentes herramientas que ayuden a mejorar la página

web, debido a que esto permitirá que el usuario pueda trabajar de mejor manera
desde su perfil, haciendo que la página web sea más eficiente.

 Es recomendable comprobar que el sistema cumpla con los requisitos del usuario,
para que sea funcional y sobre todo se cumpla con los objetivos planteados.

21
 5. REFERENCIAS

5.1 . BIBLIOGRAFÍA

Blanco, M. (2019, February 11). Ventajas y desventajas del software libre | Todo sobre el
software libre. Retrieved October 17, 2020, Recuperado de:
https://www.geekno.com/ventajas-y-desventajas-del-software-libre.html

MdeMoUcH. (2013, April 17). Ubuntu Server | Ubuntu Fácil. Retrieved October 17, 2020,
Recuperado de: http://www.ubuntufacil.com/2013/04/ubuntu-server/#:~:text=Ubuntu
%20Server%20es%20un%20Sistema,sino%20desde%20una%20conexi%C3%B3n
%20remota.

22
B, G. (2019, April 26). ¿Qué es MySQL? Explicación detallada para principiantes.
Retrieved October 17, 2020, Recuperado de: https://www.hostinger.es/tutoriales/que-es-
mysql/

Robledano. (2019, September 24). Qué es MySQL: Características y ventajas. (2019,

September 24). Retrieved October 17, 2020, Recuperado de:
https://openwebinars.net/blog/que-es-mysql/

Juan Manuel (2010, September). ¿Qué son los servidores web y por qué son necesarios? -
Duplika. Retrieved October 17, 2020, Recuperado de:

https://duplika.com/blog/que-son-los-servidores-web/#:~:text=La%20principal%20funci
%C3%B3n%20de%20un,sistema%20de%20redes%20llamado%20Internet.

Jose Ramón Bernabeu. (2020). Jose Ramón Bernabeu. Retrieved October 17, 2020,
Recuperado de: https://joseramonbernabeu.com/como-funciona-pagina-
web/#:~:text=Cuando%20escribes%20una%20direcci%C3%B3n%20web%20en%20el
%20navegador%3A&text=El%20navegador%20env%C3%ADa%20un
%20mensaje,usando%20el%20protocolo%20TCP%2FIP.

Armando. (2020, April 11). Instalar Servidor Web en Ubuntu SERVER 18.04. Retrieved
October 17, 2020, Recuperado de: http://www.elpadawan.com/apache/instalar-servidor-
web-en-ubuntu-server-1804

Palacios, D. (2018). Styde Limited. Retrieved October 17, 2020, Recuperado de:
https://styde.net/entornos-de-desarrollo-de-php-en-ubuntu/

23
6. ANEXOS

Ilustración 12: tabla de datost. Elaboración Propia.

24
Ilustración 13: Tabla datost. Elaboración Propia.

Ilustración 14:Tabla logint. Elaboración Propia.

25
26