APLICACIÓN WEB PARA LA

GESTIÓN DE USUARIOS Y
OFERTAS DE TRABAJO

Proyecto final Ciclo Formativo Grado Superior Diseño

De Aplicaciones Web (DAW)

IES Joan Coromines 2019 – 2020

Tutor: Emi Breto

Alumno: Manel Masia
Indice
1. INTRODUCCIÓN............................................................................................................................4
1.1 USER MANAGER....................................................................................................................4
1.2 MODALIDAD O ÁREAS AFECTADAS.................................................................................4
1.3 OBJETIVOS DEL PROYECTO...............................................................................................4
1.4 TIPO DE PROYECTO..............................................................................................................5
1.5 ORIENTACIONES PARA EL DESARROLLO.......................................................................5
1.6 RECURSOS BIBLIOGRÁFICOS O WEB DE BASE.............................................................8
2. ANÁLISIS/ESTUDIO DEL ESTADO ACTUAL............................................................................8
2.1 ESTUDIO O AUDITORIA DEL SISTEMA ACTUAL............................................................8
2.2 EVALUACIÓN DE LA VIABILIDAD DEL SISTEMA EN FUNCIÓN DE LOS
OBJETIVOS....................................................................................................................................9
2.3 ANÁLISIS DE LOS REQUERIMIENTOS DEL NUEVO SISTEMA.....................................9
3. DISEÑO DE LA SOLUCIÓN........................................................................................................10
3.1 ANÁLISIS Y EVALUACIÓN DE LAS POSIBLES SOLUCIONES.....................................10
3.2 DESCRIPCIÓN DE LA SOLUCIÓN ESCOGIDA................................................................11
3.2.1 DEFINICIÓN DE TAREAS Y SUBTAREAS.................................................................11
3.2.2 ESTIMACIÓN DEL COSTE TEMPORAL DE CADA UNA DE LAS TAREAS.........12
GANTT................................................................................................................................13
3.2.3 ESTIMACIÓN DEL COSTE ECONÓMICO..................................................................13
4. DESARROLLO DE LA SOLUCIÓN............................................................................................14
4.1 CONFIGURACIÓN Y DESARROLLO DEL SISTEMA.......................................................14
4.1.1 BASE DE DATOS...........................................................................................................14
4.1.2 Lenguajes de programación.............................................................................................15
4.1.2.1 PHP (Hypertext Preprocessor).................................................................................15
4.1.2.2 CSS3 (Cascading Style Sheets)................................................................................21
4.1.3 TÉRMINOS Y CONDICIONES......................................................................................22
4.2 EVALUACIÓN DEL SISTEMA.............................................................................................24
5. IMPLANTACIÓN DE LA SOLUCIÓN........................................................................................24
5.1 IMPLANTAR LOS SERVICIOS............................................................................................24
5.2 MANUALES...........................................................................................................................25
5.2.1 MANUAL DE DE USUARIO.........................................................................................25
5.2.2 MANUAL DE ADMINISTRADOR................................................................................28
5.3 FORMACIÓN, COMUNICACIÓN Y SOPORTE AL USUARIO.........................................32
5.4 POSIBLES MEJORAS DE LA APLICACIÓN......................................................................32
1. INTRODUCCIÓN
1.1 USER MANAGER
El IES Joan Coromines recibe a menudo múltiples ofertas de trabajo para facilitar a los alumnos la
salida al mundo laboral. Se nos pide que se programe una Aplicación Web para poder realizar una
oferta de los distintos puestos de trabajo que publique la empresa. También se nos pide que los
alumnos puedan especificar en que tipo de ofertas están interesados.

La aplicación deberá cumplir ciertas características que se mostrarán más adelante. La diferencia
entre porque una aplicación web puede ser más viable que una de escritorio en este tipo de
proyectos es: En una aplicación web puedes acceder desde cualquier tipo de dispositivo que posea
un interpretador de código web, bien sea Firefox, Google Chrome… En cambio en una aplicación
de escritorio se deberían crear diversas aplicaciones para los distintos Sistemas Operativos que
poseen los diferentes dispositivos que existen hoy en día.

Tras varios estudios acerca del nombre de la Aplicación, hemos decidido llamarla “STUDENTS
OFFERS” ya que es un nombre que indica que va a ser una aplicación de ofertas de trabajo
dirigidas a los alumnos del centro.

Especificar también que al ser una aplicación en la cual se utilizará información personal de
usuarios, se deberá acoger a la Ley Orgánica 3/2018, de 5 de diciembre, de Protección de Datos
Personales y garantía de los derechos digitales. Ref: BOE-A-2018-16673

1.2 MODALIDAD O ÁREAS AFECTADAS

Este proyecto afectará principalmente a la dirección del centro.

1.3 OBJETIVOS DEL PROYECTO

El objetivo principal de este proyecto es facilitar a las empresas y a los usuarios una correcta
interacción entre ellos con la mayor transparencia, eficacia y rapidez posible.

Uno de los objetivos es que el alumno en cuestión podrá suscribirse a las diferentes ofertas que
proporcionarán las empresas.

Eficacia, porque es una plataforma Online donde la interacción es de forma “directa” e instantánea
entre la empresa y alumno.

4 IES Joan Coromines

Rapidez, porque al momento que el administrador publique una oferta de trabajo aparecerá en la
web de forma instantánea, y además los alumnos que hayan especificado que desean acceder a un
tipo de puesto como ese o similar les llegará una notificación al correo electrónico informando que
hay una nueva oferta disponible.

La aplicación se dividirá en dos apartados:

- Administrador: Consistirá en que el administrador del sistema que tendrá acceso a una cuenta
privada y única, podrá publicar, eliminar, modificar, ver las ofertas activas y el histórico de
inscripciones a una oferta de las diferentes ofertas de trabajo que vayan llegando al centro
educativo. También tendrá acceso a modificar la información de los usuarios, hacer una lista de
ellos y eliminar usuarios.

- Alumnos: Este apartado estará enfocado a que un alumno pueda gestionar su propia información,
mostrándola, modificándola, darse de alta o de baja y, desactivarse temporalmente de la bolsa de
ofertas de trabajo.

1.4 TIPO DE PROYECTO

Este proyecto será considerado en base al ámbito de actuación como un proyecto Interno, ya que lo
que se busca es mejorar la eficiencia. Tecnológicamente, el centro recibe las diferentes ofertas de
trabajo y se las muestra al alumno. Se define como un proyecto de software, que tienen por objetivo
la implantación de aplicaciones que responden a determinadas exigencias.

1.5 ORIENTACIONES PARA EL DESARROLLO

Se utilizarán los conocimientos adquiridos durante los dos años de aprendizaje en el IES Joan
Coromines, utilizando cierto software y ayudas externas que mencionare a continuación.

• StackOverflow: Una de las páginas que probablemente mas utilizaremos es StackOverflow

que es un sitio web desarrollado por Jeff Atwood utilizado por una comunidad de
desarrolladores informáticos, en la cual otros desarrolladores pueden encontrar soluciones a
problemas de programación en diferentes lenguajes.

IES Joan Coromines 5

 • Netbeans: NetBeans es un entorno de desarrollo integrado libre, hecho principalmente para
el lenguaje de programación Java. Existe además un número importante de módulos para
extenderlo. NetBeans IDE es un producto libre y gratuito sin restricciones de uso.

6 IES Joan Coromines

• Xampp: XAMPP es un paquete de software libre, que consiste principalmente en el sistema
de gestión de bases de datos MySQL, el servidor web Apache y los intérpretes para
lenguajes de script PHP y Perl. El nombre es en realidad un acrónimo: X, Apache, MariaDB/
MySQL, PHP, Perl.

• Gimp: GIMP es un programa de edición de imágenes digitales en forma de mapa de bits,

tanto dibujos como fotografías. Es un programa libre y gratuito. Forma parte del proyecto
GNU y está disponible bajo la Licencia pública general de GNU y GNU Lesser General
Public License.

• Gantt Project: GanttProject es un programa de código abierto con licencia GPL escrito en
Java con la biblioteca Swing, su objetivo es la administración de proyectos usando el
diagrama de Gantt. Está disponible en sistemas operativos como Windows, Linux y Mac OS

IES Joan Coromines 7

1.6 RECURSOS BIBLIOGRÁFICOS O WEB DE BASE
https://www.wikipedia.org/
https://getquipu.com/generador-facturas-gratis-online
https://www.saraclip.com/tests-empleados-en-la-ux/
https://www.usableyaccesible.com/recurso_misvalidadores.php
https://www.une.org/encuentra-tu-norma/busca-tu-norma/norma?c=N0042480
https://es.stackoverflow.com/

2. ANÁLISIS/ESTUDIO DEL ESTADO ACTUAL

2.1 ESTUDIO O AUDITORIA DEL SISTEMA ACTUAL
Actualmente se está implementando un sistema tradicional donde las ofertas de trabajo llegan a la
dirección del centro y el responsable se encarga de imprimirlas para luego colgarlas en el tablón de
anuncios del centro. Esto resulta ser bastante lento ya que no siempre el centro esta abierto y se
pueden ver las ofertas disponibles, además que no suele ser instantáneo ya que el responsable de
colgar las ofertas en el tablón no solo se encarga de eso, por lo tanto, no puede estar imprimiendo y
colgando documentos al mismo momento que le lleguen.

8 IES Joan Coromines

2.2 EVALUACIÓN DE LA VIABILIDAD DEL SISTEMA EN
FUNCIÓN DE LOS OBJETIVOS
En un principio y teniendo en cuenta como está funcionando en otros centros, es un proyecto viable
ya que ofrece unos grandes resultados con un presupuesto bastante ajustado, ya que solamente se
necesita un servidor donde alojar la web y el precio de la mano de obra. Donde los dispositivos por
los cuales se accederá a la web irán en interés de cada alumno y tal como está la sociedad hoy en
día, es difícil que una persona no disponga de un ordenador o un dispositivo móvil que tenga fácil
acceso a la web.

2.3 ANÁLISIS DE LOS REQUERIMIENTOS DEL NUEVO

SISTEMA
Deberemos contemplar la posibilidad de adquirir un servicio de hosting junto a un nombre de
dominio o por otra parte adquirir un servidor propio donde alojar la aplicación web y realizar la
instalación del servidor en el centro.

La aplicación web dispondrá de una sección única y exclusiva para el uso del administrador donde
mediante botones decidirá si añadir una oferta nueva, borrarla o modificarla y, por otra parte, si
quiere modificar usuarios, mostrarlos o eliminarlos. Todos estos datos se almacenarán en una base
de datos SQL, tanto las ofertas de trabajo como los datos de los usuarios.

En la base de datos se ha de almacenar la siguiente información:

De las ofertas de trabajo:

• ID

• Titulo

• Fecha de publicación

• Empresa que realiza la oferta

• Email de la oferta

• Descripción detallada

• Estado de la oferta (activa o cerrada, donde por defecto estará activa)

De los alumnos:
• Nombre de usuario
• Contraseña

IES Joan Coromines 9

 • Nombre
• Apellidos
• Email
• Teléfono
• Especialidad
• Estado dentro de la bolsa de trabajo (activado o desactivado, donde por defecto estará
activado)
Por otra parte se deberá cumplir con los siguientes requisitos:
• Normativa ISO 9241-151 / 9241-11. Ergonomía de la interacción hombre-sistema. Parte
151: Directrices para las interfaces de usuario Web
• UX (test)
◦ TEST O PRUEBAS CON USUARIOS. Prueba con usuarios previamente
seleccionados para comprobar una hipótesis. Normalmente en el campo de la
experiencia de usuarios, se suelen utilizar para detectar problemas de usabilidad. Pueden
ser presenciales o remotos.
• Aplicación responsive: La aplicación estará tanto para móviles como para ordenadores.

3. DISEÑO DE LA SOLUCIÓN
3.1 ANÁLISIS Y EVALUACIÓN DE LAS POSIBLES
SOLUCIONES
Una de las posibles soluciones es adquirir un servidor físico con un Sistema Operativo preinstalado
(Windows Server 2012) para así ahorrar en tiempo pero aumentando significativamente el coste del
proyecto. También se usaría software con licencia para mejorar la productividad (aunque no
siempre es mejor el software privativo que el software libre). Rechazamos esta solución ya que lo
que se busca es tener un coste general bajo.

También está la opción de utilizar un CMS para montar la aplicación web, como Joomla o el tan
conocido WordPress. Vamos a desestimar esta opción ya que un software de este tipo limita mucho
el control de la aplicación y la libertad a la hora de añadir tu propio código.

Otra posible solución es contratar un servicio de hosting profesional donde se instalará la aplicación
web. Esta opción es bastante interesante ya que existen diferentes planes que se adaptan a tus
necesidades con un valor intrínseco. Junto a estos servicios profesionales, se nos facilita la
utilización de CMS como Wix o WordPress ya que usualmente estos planes están adaptados para
usuarios con menos experiencia y/o conocimientos. Vamos a declinar esta idea ya que a largo plazo

10 IES Joan Coromines

la cifra del coste puede ascender significativamente al ir pagando una cuota mensual, cuando
adquiriendo un servidor físico propio nos evitamos pagar mensualmente por los servicios de
alojamiento.

3.2 DESCRIPCIÓN DE LA SOLUCIÓN ESCOGIDA

Al final hemos optado por una solución que supondrá un coste económico relativamente moderado
a cambio de un rendimiento muy alto. Hemos decidido adquirir un servidor físico dónde se instalará
y preparará del Sistema Operativo (Ubuntu Server 18.04) y sus correspondientes servicios
(Software Libre) para poder instalar la aplicación web allí. Este servidor dispondrá de acceso
directo a una IP Pública y tendrá acceso a un nombre de dominio que se asociara a esa IP Pública.

Seguido de esto empezaremos a programar la base de datos en mysql. Luego, programaremos en los
diferentes “lenguajes” ya sea HTML, CSS, PHP o JavaScript, las diferentes páginas que tendrá
nuestro proyecto. Todo esto se realizara en un servidor local y con ayuda de XAMPP.

3.2.1 DEFINICIÓN DE TAREAS Y SUBTAREAS

Dividiremos el proyecto en 3 fases.

La planificación, donde decidiremos que vistas necesitan prioridad, como el login o la pagina
principal, el orden que seguiremos para programarlas y la importancia que le daremos a cada una.
Obviamente todas han de funcionar a la perfección pero si por algún motivo no podemos finalizar el
trabajo en el tiempo requerido, tenemos que tener claro que páginas son de vital importancia.

La programación, donde aquí nos enfocaremos en llevar a cabo todos los objetivos y pautas
marcados en la fase de planificación. Todo esto se ira programando y testeando en mi ordenador
personal, ya que esta preparado para este tipo de tareas. Utilizaremos herramientas de software
libre. Es posible que esto nos limite en ciertos puntos pero creemos que sale mas rentable invertir un
poco mas de tiempo en realizar las operaciones y así ahorrar costes innecesarios.

El testeo, será cuando la aplicación web este programada al completo. En esta fase haremos
diversos tests de rendimiento, de adaptabilidad y de corrección de errores. Una vez finalizado este
proceso mostraremos a una tercera persona la aplicación web, le pediremos que nos muestre como
se mueve en ella y si siente que existe alguna dificultad o incomodidad en la percepción de colores
o por su lado, en la navegación de la web.

IES Joan Coromines 11

3.2.2 ESTIMACIÓN DEL COSTE TEMPORAL DE CADA UNA DE LAS
TAREAS
1. Explicación General (20 abril – 20 abril)
2. Planificación (23 abril – 4 mayo)
1. Base de datos (23 abril -25 abril)
2. Front End (27 abril – 29 abril)
3. Back End (29 abril – 4 mayo)
3. Programación
1. Base de datos (4 mayo – 5 mayo)
2. Front End (5 mayo – 19 mayo)
1. Html (5 mayo – 8 mayo)
2. CSS (11 mayo -14 mayo)
3. JavaScript (15 mayo – 19 mayo)
3. Back End (20 mayo – 17 mayo)
1. Programar las conexiones a BBDD (20 mayo -22 mayo)
2. Programar todo lo relacionado con PhP (25 mayo – 27 mayo)
4. Testeo
1. Tests de rendimiento (28 mayo – 1 junio) (Aquí se testeará en diversas paginas web, la
velocidad de carga, la cantidad de usuarios que pueda soportar, etc)
2. Pruebas externas (2 junio – 4 junio)
3. Mostrar proyecto (5 junio – 5 junio)

12 IES Joan Coromines

GANTT

3.2.3 ESTIMACIÓN DEL COSTE ECONÓMICO

IES Joan Coromines 13

4. DESARROLLO DE LA SOLUCIÓN
4.1 CONFIGURACIÓN Y DESARROLLO DEL SISTEMA
4.1.1 BASE DE DATOS
- Diagrama Entidad-Relación: Aquí muestro la representación de entidades de la base de datos.
Con sus respectivos atributos y las relaciones que unen las diferentes tablas.

Todos estos datos los almacenaremos de forma temporal en mi ordenador personal ya que es donde
desarrollaremos la aplicación web. Más tarde la exportaremos al servidor que hemos adquirido y
donde se alojara el sitio web.

La base de datos se estructurará de la siguiente forma, existirán 3 tablas diferentes y cada una de
ellos tendrá sus propios atributos y se relacionará con las demás como hemos explicado
anteriormente.

• Tabla usuarios: Aquí se almacenarán todos los datos de cada usuario que este registrado.
Los campos de la tabla son:

◦ usuario: Esta será la clave primaria de la tabla, que funciona como un identificador
único para cada campo de la tabla. También se utilizará para iniciar sesión en la
aplicación

14 IES Joan Coromines

 ◦ pass: Este atributo almacenará la contraseña del usuario con el que esté relacionado, se
utilizará para el inicio de sesión y/o autenticación del mismo.

◦ nombre, apellidos, email, teléfono, especialidad: atributos de tipo VARCHAR que

almacenará los datos personales y de contacto del usuario.

◦ tipo-usuario: Este atributo será del tipo boleano e indicará si el usuario es administrador
o no.

◦ estado: Este atributo será VARCHAR e indicará si un usuario esta en “activo” o no.

• Tabla ofertas: Aquí se almacenarán todas las ofertas que se vayan publicando

◦ id: clave única y obligatoria, ya que sera la clave primaria del campo.
◦ título: Atributo de tipo VARCHAR que contendrá el título de la oferta en cuestión.
◦ fecha: Atributo de tipo DATE que servirá para almacenar y luego mostrar la fecha de
publicación de la oferta.
◦ empresa: Atributo para especificar a que empresa pertenece la oferta. Será de tipo
VARCHAR.
◦ email: Atributo para indicar que email posee la empresa. Será de tipo VARCHAR.
◦ descripción: Este atributo es posible que contenga una cantidad indefinida de palabras
así que sera de tipo TEXT. Servirá para describir que tipo de oferta esta publicando la
empresa.

◦ estado: Aquí indicaremos si la oferta está activa o cerrada. Será de tipo boleano.

• Tabla histórico-ofertas: En esta tabla almacenaremos los usuarios que se han inscrito a
ciertas ofertas y en que fecha lo hicieron.
◦ usuario, id: Son claves foráneas que a la vez son primarias.
◦ fecha: Aquí mostraremos en que día se suscribió cierto usuario a una oferta concreta
◦ suscripción: Aquí indicaremos si el usuario esta suscrito o se ha desuscrito de esa oferta

4.1.2 Lenguajes de programación

4.1.2.1 PHP (Hypertext Preprocessor)
PHP, acrónimo recursivo en inglés de PHP: Hypertext Preprocessor, es un lenguaje de
programación de propósito general de código del lado del servidor originalmente diseñado para el
preprocesado de texto plano en UTF-8.

IES Joan Coromines 15

Será el principal lenguaje de programación de nuestra aplicación web. La mayoría de los archivos
que tengamos estarán escritos en este código. Los principales que tendremos son los siguientes:
• index.php: Este php contendrá la página principal de la aplicación. Donde existirán tres
grandes botones para la navegación en la misma. Uno de ellos redirigirá al "Login", otro a
"Registro" y el útlimo hacia las ofertas disponibles. En la parte de arriba-derecha partiendo
desde un eje central, tendremos otro enlace que irá cambiando depende de si tenemos la
sesión iniciada o no. A través de el podremos entrar en nuestra área personal o cerrar sesión.

16 IES Joan Coromines

• registro.php: Aquí estará la página que poseerá el formulario para el alta de nuevos
usuarios. Existirán diferentes campos dónde se pedirá el nombre, teléfono, apellidos, etc..
Todo esto se situará en la parte centro-izquierda de la página. Dejando un espacio en la parte
derecha para los diferentes botones que permitan la navegación a través de la web. Uno para
volver a la página de inicio, otro para ir al "Login" y el último para dirigirte a las ofertas
disponibles. Una vez completado el registro, la web te redirigirá automáticamente a la
página principal.
Cuando un nuevo usuario se registre, se le enviará un comprobante del registro a su email.

• login.php: Este archivo almacenará el formulario que permitirá iniciar sesión a los usuarios.
Una vez realizado el log in, la aplicación redirigirá automáticamente al usuario a la página
principal. También existirá un enlace por si el usuario no quiere iniciar sesión y decide
volver para atrás.

IES Joan Coromines 17

 • usuario.php: Aquí meteremos el código necesario para mostrar por pantalla los datos
personales del usuario, ya sea el nombre, teléfono, estado en el que se encuentra, etc. Todo
esto se situará en la parte centro-izquierda de la pantalla. Dentro de este apartado existirá un
botón para darse de baja de la aplicación y un enlace que permita editar la información ya
existente. Abajo de este apartado existirán dos botones que permitan la navegación por la
web, uno para ir a inicio y el otro para ver las ofertas. En la zona de arriba a la derecha
habrá un enlace que permita cerrar sesión, esto se mantendrá en casi todas las páginas.

En la zona derecha de la pagina tendremos una pequeña sección que ocupara

aproximadamente un 30% que nos mostrará las ofertas a las que estamos suscritos.

18 IES Joan Coromines

• usuario-admin.php: Por otro lado, tenemos el usuario administrador, que tendrá una página
personal un tanto diferente a los usuarios "normales". La página se dividirá en dos
apartados. Las opciones para los usuarios y las opciones para las ofertas. En la parte
izquierda nos encontraremos con las diferentes acciones que pueda llevar el administrador
hacia los usuarios, como hacer una lista de ellos, modificar los usuarios y sus datos
personales o eliminarlos. Todo esto se mostrará mediante botones. En la parte derecha nos
encontraremos las acciones que pueda realizar el administrador con las ofertas, como añadir
una oferta, eliminarla, modificarla, hacer una lista de las ofertas, y hacer una lista de el
histórico de ofertas. También será mediante botones.

Arriba a la derecha se mantendrá la opción de cerrar sesión y abajo a la izquierda estará el

botón para la navegación web. En concreto será el botón para volver a la página de inicio.
Cada vez que se añada, edite o modifique una oferta se enviará un correo electrónico a todos
los usuarios activos para informarles del cambio realizado

IES Joan Coromines 19

 • ofertas.php: Aquí mostraremos las diferentes ofertas que han ido llegando al centro. En la
parte superior tendremos un botón para volver al "Inicio". En la parte arriba derecha
tendremos la opción para cerrar sesión. Justo debajo del botón, en la parte centro-izquierda
estará el apartado principal de la página que es donde se encontraran las ofertas, con su
respectivo título y descripción. También el correo y el teléfono de la empresa y la fecha de
publicación donde encima de esto se encontrará un botón para suscribirte a esa oferta o
darse de baja. Las ofertas se irán colocando una debajo de otra.

En la parte derecha tendremos un cuadro de búsqueda para filtrar ofertas que queramos
buscar, ya sea por el nombre de la empresa, por el título de la misma o por la fecha de
publicación.

Cada vez que el usuario se suscriba a una oferta, la aplicación mandará un correo electrónico
a su dirección de email como comprobante.

20 IES Joan Coromines

4.1.2.2 CSS3 (Cascading Style Sheets)

IES Joan Coromines 21

Es un lenguaje de diseño gráfico para definir y crear la presentación de un documento estructurado

escrito en un lenguaje de marcado. Lo utilizaremos para dar estilo a todo lo mencionado

anteriormente. Tendremos un css para cada página. No es lo mas óptimo pero al ser una aplicación
pequeña no supondrá ningún problema en temas de almacenamiento ni en tiempos de carga.

Utilizaremos en mayor cantidad el posicionamiento grid y/o flex ya que es la forma mas eficiente de
posicionar los elementos en una pagina web. También nos decantaremos por unos colores discretos
ya que es una página web orientada a un entorno laboral y/o profesional. La tipología que
utilizaremos será la predeterminada a excepción de títulos u otros apartados que le queramos dar
mas énfasis.

Con CSS3 será donde adaptaremos la página para los diferentes dispositivos, es decir, será una
aplicación de tipo responsive ya que depende del dispositivo que estemos usando se verá de una
forma u otra.

4.1.3 TÉRMINOS Y CONDICIONES

Utilizaremos una plantilla general de términos y condiciones para nuestra web. Nombrando la
página por supuesto al final del documento.

“POLÍTICA DE PRIVACIDAD El presente Política de Privacidad establece los términos en que

studentsoffers usa y protege la información que es proporcionada por sus usuarios al momento de
utilizar su sitio web. Esta compañía está comprometida con la seguridad de los datos de sus
usuarios. Cuando le pedimos llenar los campos de información personal con la cual usted pueda
ser identificado, lo hacemos asegurando que sólo se empleará de acuerdo con los términos de este
documento. Sin embargo esta Política de Privacidad puede cambiar con el tiempo o ser
actualizada por lo que le recomendamos y enfatizamos revisar continuamente esta página para
asegurarse que está de acuerdo con dichos cambios. Información que es recogida Nuestro sitio web
podrá recoger información personal por ejemplo: Nombre, información de contacto como su
dirección de correo electrónica e información demográfica. Así mismo cuando sea necesario podrá
ser requerida información específica para procesar algún pedido o realizar una entrega o
facturación. Uso de la información recogida Nuestro sitio web emplea la información con el fin de
proporcionar el mejor servicio posible, particularmente para mantener un registro de usuarios, de
pedidos en caso que aplique, y mejorar nuestros productos y servicios. Es posible que sean
enviados correos electrónicos periódicamente a través de nuestro sitio con ofertas especiales,
nuevos productos y otra información publicitaria que consideremos relevante para usted o que
pueda brindarle algún beneficio, estos correos electrónicos serán enviados a la dirección que usted

22 IES Joan Coromines

proporcione y podrán ser cancelados en cualquier momento. studentsoffers está altamente
comprometido para cumplir con el compromiso de mantener su información segura. Usamos los
sistemas más avanzados y los actualizamos constantemente para asegurarnos que no exista ningún
acceso no autorizado. Cookies Una cookie se refiere a un fichero que es enviado con la finalidad de
solicitar permiso para almacenarse en su ordenador, al aceptar dicho fichero se crea y la cookie
sirve entonces para tener información respecto al tráfico web, y también facilita las futuras visitas
a una web recurrente. Otra función que tienen las cookies es que con ellas las web pueden
reconocerte individualmente y por tanto brindarte el mejor servicio personalizado de su web.
Nuestro sitio web emplea las cookies para poder identificar las páginas que son visitadas y su
frecuencia. Esta información es empleada únicamente para análisis estadístico y después la
información se elimina de forma permanente. Usted puede eliminar las cookies en cualquier
momento desde su ordenador. Sin embargo las cookies ayudan a proporcionar un mejor servicio de
los sitios web, estás no dan acceso a información de su ordenador ni de usted, a menos de que
usted así lo quiera y la proporcione directamente. Usted puede aceptar o negar el uso de cookies,
sin embargo la mayoría de navegadores aceptan cookies automáticamente pues sirve para tener un
mejor servicio web. También usted puede cambiar la configuración de su ordenador para declinar
las cookies. Si se declinan es posible que no pueda utilizar algunos de nuestros servicios. Enlaces a
Terceros Este sitio web pudiera contener en laces a otros sitios que pudieran ser de su interés. Una
vez que usted de clic en estos enlaces y abandone nuestra página, ya no tenemos control sobre al
sitio al que es redirigido y por lo tanto no somos responsables de los términos o privacidad ni de la
protección de sus datos en esos otros sitios terceros. Dichos sitios están sujetos a sus propias
políticas de privacidad por lo cual es recomendable que los consulte para confirmar que usted está
de acuerdo con estas. Control de su información personal En cualquier momento usted puede
restringir la recopilación o el uso de la información personal que es proporcionada a nuestro sitio
web. Cada vez que se le solicite rellenar un formulario, como el de alta de usuario, puede marcar o
desmarcar la opción de recibir información por correo electrónico. En caso de que haya marcado
la opción de recibir nuestro boletín o publicidad usted puede cancelarla en cualquier momento.
Esta compañía no venderá, cederá ni distribuirá la información personal que es recopilada sin su
consentimiento, salvo que sea requerido por un juez con un orden judicial. studentsoffers Se
reserva el derecho de cambiar los términos de la presente Política de Privacidad en cualquier
momento. Estas terminos y condiciones se han generado en
plantillaterminosycondicionestiendaonline.com. ”

IES Joan Coromines 23

4.2 EVALUACIÓN DEL SISTEMA
Una vez tengamos todo lo dicho anteriormente programado comenzará la fase de test de errores y
pruebas del sistema para ver lo robusto que es. Para ello utilizaremos diferentes páginas web que
testean la velocidad de carga y muchas otras características.

Una de ellas es pagespeed y en esta te muestra los renderizados del contenido, la latencia máxima,
si las imágenes podrían codificar o comprimir de una forma mas eficaz, etc.

A parte de este tipo de test también realizaremos el despliegue de la web en un servidor de hosting
gratuito para comprobar los errores que pueda contener la web cuando esté disponible desde la red y
no ejecutada de una forma local.

También he contactado con terceras personas para ver como se mueven por la página web y poder
hacer un mapa de calor, donde identificaré cuales son las áreas que mas interés causan para así
mejorar el posicionamiento de los apartados de la web.

5. IMPLANTACIÓN DE LA SOLUCIÓN
5.1 IMPLANTAR LOS SERVICIOS
Instalaremos en el servidor físico adquirido el ubuntu 18.04 server. Una vez realizado esto
realizaremos las configuraciones necesarias para el correcto funcionamiento de el servidor apache
del servidor y para que los usuarios tengan acceso al servidor desde la red. También le indicaremos
cual es nuestro nombre de dominio y lo asignaremos a nuestra IP pública. Abriremos los puertos
necesarios para que desde el exterior se pueda acceder al servidor.

Una vez realizado todo esto importaremos la aplicación web desde una memoria USB (comprimido
studentsoffer.zip) al servidor y la instalaremos en la carpeta necesaria. También haremos una
importación/exportación (en el zip encontraremos de la base de datos de tipo SQL y la instalaremos
en el servidor. Podremos acceder a su edición desde el PhPMyAdmin. A partir de aquí cualquier
cliente podrá acceder a nuestra aplicación escribiendo nuestro nombre de dominio.

24 IES Joan Coromines

5.2 MANUALES
5.2.1 MANUAL DE DE USUARIO
En la página principal y en el resto de páginas encontraremos una cabecera dónde nos indicara si
hemos iniciado o no sesión (Fig. 1) y desde la cuál podremos acceder a nuestra área personal o
cerrar sesión. (Fig. 2)

Fig. 1

Fig. 2

A continuación se situará el nombre de la aplicación con su respectivo logo y mas abajo los botones
para iniciar sesión o para registrarse.

Fig. 3

Para registrarse o iniciar sesión bastará con hacer click en los botones y seremos redirigidos alos
respectivos formularios de “LOG IN” (Fig. 4) o de “REGISTRO” (Fig. 5 y Fig. 6). Para iniciar
sesión o registrarse, rellenaremos los datos que se nos pide y haremos click en “Log In / Register”.

IES Joan Coromines 25

Fig. 4

Fig. 5

Una vez iniciado sesión nos aparecerá un nuevo boton en vez de los
de “login” y “registro” llamado “OFERTAS DISPONIBLES” (Fig.
7). Desde aquí podremos acceder a las ofertas disponibles
publicadas por el administrador.

Fig. 6

Fig. 7

Para descargar los manuales de usuario, nos dirigiremos al pie de página de la web, dónde
encontraremos dos links. Uno nos llevara al manual de usuario y el otro a el manual del
administrador. Aunque el manual de administrador de poco nos servirá si no somos administradores.

Fig. 8

26 IES Joan Coromines

En el perfil de usuario encontraremos un botón para volver a la página principal llamado “INICIO”.
A la parte izquierda encontraremos el panel de control con nuestros datos de usuario donde
podremos darnos de baja o donde podremos editar nuestra información personal. También
podremos ver nuestro historial de suscripciones en el que podremos hacer scroll para ver todas las
suscripciones que hemos realizado a lo largo del tiempo. Aquí se nos indicara el título de la oferta,
la fecha en que nos suscribimos y nuestro usuario.

Fig. 9

En la parte izquierda encontraremos las ofertas a las que estamos suscritos actualmente, donde
podremos ver la descripción el email de contacto, la fecha de suscripción y la fecha de publicación
de la oferta. También dispondremos de un botón por si nos queremos dar de baja en la suscripción
de esa oferta. (Fig. 9)

Fig. 10

En la página de ofertas nos saldrán todas las ofertas disponibles y las casacterísticas completas. Para
suscribirse bastará con hacer click en el botón de suscripción. En la parte derecha de la pantalla

IES Joan Coromines 27

tendremos un cuadro de búsqueda de ofertas donde también podremos clasificarlas por el nombre
de empresa o por la fecha de publicación. (Fig. 10)

5.2.2 MANUAL DE ADMINISTRADOR

Se iniciara sesión de la misma forma que en el manual de usuario pero al acceder a el área personal
nos aparecerá la siguiente pantalla donde podremos escoger entre diferentes acciones.

Fig. 1

28 IES Joan Coromines

Desde aquí podremos realizar todas las tareas de administrador como listar usuarios, eliminarlos o
modificarlos. Lo mismo con las ofertas y además se podrá añadir una oferta nueva y mostrar el
historial de suscripciones. (Fig. 1)

Fig. 2

IES Joan Coromines 29

Al hacer click en las opciones “modificar oferta, eliminar oferta, listar oferta, listar usuarios,
eliminar usuarios y editar usuario”.(Fig. 2) Se nos creará una tabla por la que podremos
desplazarnos horizontalmente, donde los botones de editar y eliminar se encontrarán al final. (Fig.
3)

30 IES Joan Coromines

 Fig. 3

En los botones de “editar oferta o añadir oferta” nos aparecerá un formulario donde podremos
especificar los datos de la oferta que queramos introducir o modificar. Desde aquí podremos poner
una oferta en activa o desactiva. (Fig. 4)

Fig. 4

IES Joan Coromines 31

5.3 FORMACIÓN, COMUNICACIÓN Y SOPORTE AL USUARIO
Se considera que la aplicación no necesita ningún curso de formación. Todas las dudas se
responderán en el manual de usuario/administrador. A no ser posible la resolución de dudas por este
medio se enviará un correo a manelmasia2000@gmail.com especificando cuales son las dudas que
se han generado.

Para los reportes sobre los errores encontrados se enviará un correo a

dracule.mihawk.2400@gmail.com.

5.4 POSIBLES MEJORAS DE LA APLICACIÓN

• Añadir un botón para ocultar el historial de ofertas suscritas en los datos del usuario.

• Confirmación de registro mediante correo electrónico.

• Si un usuario tiene la opción de eliminar una inscripcion, avisar a la empresa para que no lo
tenga en cuenta en el proceso selectivo (con un motivo mejor). Además enviar un
comprobante al usuario.

• Mejora en el envío de correos.

• Mejorar el estilo del administrador (La parte del administrador es mucho más importante
que sea funcional que no bonita pero aún así se podría mejorar el diseño sin perder
funcionalidad).

32 IES Joan Coromines