Sistemas web de postgrado: mantenimiento correctivo, adaptativo y perfectivo y diseño para dispositivos móviles

El Trabajo de Fin de Grado que se ha desarrollado en el presente documento tiene como objetivo principal corregir y agregar funcionalidades a las páginas web del Máster Universitario en Software y Sistemas (MUSS) y del Doctorado en Software, Sistemas y Computación (DSSC) que oferta la Universidad Politécnica de Madrid. De igual manera sucederá con la página web de la asignatura Procesadores de Lenguajes (PDL) impartida en el Grado en Ingeniería Informática, en el Grado en Matemáticas e Informática y en el doble Grado en Ingeniería Informática y Administración y Dirección de Empresas de la Escuela Técnica Superior de Ingenieros Informáticos de la Universidad Politécnica de Madrid. Dichas páginas webs contienen información de cómo se van a desarrollar el MUSS, el DSSC y PDL durante los cursos académicos, los profesores que lo van a impartir e incluso los horarios de clase y las fechas de exámenes. En las webs del MUSS y del DSSC, existen varios módulos, pero sin duda el más destacable e importante en este proyecto es el de las actividades formativas y los seminarios que se irán ofertando y que los alumnos deben cursar para poder superar el Máster o el Doctorado. Dichos seminarios se encuentran ubicados en una tabla, en la cual el alumno deberá seleccionar aquéllos a los que desea asistir y posteriormente rellenar un formulario con sus datos, de manera que pueda recibir un correo electrónico para confirmar su asistencia. Ahora bien, este módulo requiere la corrección de diferentes errores que se irán explicando detalladamente en los posteriores apartados del documento. Los diferentes lenguajes de programación están continuamente en evolución, es decir, adoptan nuevas características, por lo que es necesario que las páginas web se encuentren desarrolladas con la última versión de dichos lenguajes de programación. En este caso, se tiene como objetivo adaptar las páginas webs a PHP7 y posteriormente hacer las pruebas necesarias para comprobar su correcto funcionamiento, ya que actualmente parte de ellas están programadas con PHP5. PHP7 incluye nuevas características y funcionalidades que se han de reemplazar por otras, por lo que en este documento se van a tratar muchas de ellas, detallando sus cambios respecto a las anteriores. Por otro lado, las páginas webs del Máster y el Doctorado deben poder visualizarse en todo tipo de dispositivos (móviles, tabletas, ordenadores…), por lo que es necesario que todos los elementos de las webs se adapten al tamaño de la pantalla donde se está visualizando, es decir, que se ajusten las imágenes y textos y que se mejore el posicionamiento de los buscadores. Esto se conoce como un diseño web responsive, que, gracias a ello, la navegación es mucho más sencilla y evita los contenidos duplicados. Además, los sitios web deben ser accesibles para el mayor número de personas, por lo que deben cumplir con las Pautas de Accesibilidad para el Contenido Web (WCAG 2.1). Un ejemplo de estas pautas es que se debe poder navegar en la web sin necesidad de utilizar el ratón, es decir, únicamente con el teclado o para el caso de errores, si se detecta uno en la entrada de datos, se debe proporcionar al usuario una serie de sugerencias para su corrección. Para este proyecto se iv tiene como objetivo implementar las soluciones a los problemas de accesibilidad que se vayan detectando, alcanzando esa accesibilidad al menos el nivel AA de WCAG 2.1. Desde un principio se han fijado una serie de objetivos que van a ser desarrollados en el capítulo de introducción y finalmente en las conclusiones del presente documento se explicará si se han logrado alcanzar todos estos objetivos o no y los respectivos motivos.---ABSTRACT---The Final Year Project that has been developed in the present document has as main goal to correct and add functionalities to the websites of the Master in Software and Systems (MSS) and the Ph.D. in Software, Systems and Computing (PhD SSC) that offer the Universidad Politécnica de Madrid. In the same way it will happen with the website of the subject Language Processors (PDL) taught in the Degree in Computer Engineering, in the Degree in Mathematics and Computer Science and in the double Degree in Computer Engineering and Business Administration and Management of the Escuela Técnica Superior de Ingenieros Informáticos from the Universidad Politécnica de Madrid. These websites include information on how MSS, the PhD SSC and PDL will be developed during the academic courses, the professors who will teach it and even the class schedules and exam dates. On the MSS and PhD SSC websites there are several modules, but without doubt the most outstanding and important in this project is the activities and seminars module that will be offered and that students must take to pass the Master or PhD. These seminars are shown in a table in which students must select those they wish to attend and then fill out a form with their personal data so they can receive an email to confirm their attendance. However, this module requires the correction of different errors that will be explained in detail in the subsequent sections of the document. The different programming languages are continuously evolving, meaning they adopt new features, so web pages should be developed with the latest version of these programming languages. In this case, the objective is to adapt the web pages to PHP7 and then make the necessary tests to verify their correct functioning since part of them are currently programmed with PHP5. PHP7 includes new features and functionalities that have to be replaced by others, so many of them will be discussed in this document, detailing their changes from the previous ones. On the other hand, the websites of the Master and PhD should be able to be displayed on all types of devices (smartphone, tablet, computer…), so all elements of the websites should adapt to the screen size where it is visualizing, meaning that images and texts are adjusted and that search engine positioning is improved. This is known as a responsive web design, which, thanks to this, navigation is much simpler and avoids duplicate content. In addition, websites must be accessible to the greatest number of people, so they must comply with the Web Content Accessibility Guidelines (WCAG 2.1). An example of these guidelines is that you must be able to navigate on the web without using the mouse, in other words only with the keyboard, or in case of errors, if one is detected in the data entry, it must be provided to the user a set of suggestions for correction. The objective of this project is also to implement the solutions to the accessibility problems that are detected, reaching the accessibility at least AA level of WCAG 2.1. vi From the beginning, a variety of objectives have been set that will be developed in the introduction chapter and finally, in the conclusions of this document, it will be explained if all these objectives have been achieved or not and the respective reasons