Desarrollo completo de un sitio web con buenas prácticas

Abstract

[ES] El TFG consta del desarrollo de una página web online para una empresa real, el sitio será informativo sobre la empresa, sus productos y características. El proyecto parte de un diseño inicial en Photoshop aceptado ya por el cliente. En este diseño tenemos especificado todos los parámetros de la web (Anchura máxima, altura de cada caja, imágenes, etc.). En primer lugar, vamos a crear nuestra máquina virtual (Vagrant) para realizar en local el desarrollo de esta web y la creación de nuestro repositorio online, este repositorio nos permitirá cuando publiquemos la web tener un control de versiones y cualquier miembro del equipo tendrá acceso. El segundo paso nuestro será valorar que motor utilizamos para el desarrollo de esta web, en este caso como no es un e-commerce utilizaremos “WORDPRESS”. Por lo que partimos de una plantilla base constructora y la creación de child theme para evitar problemas en futuras actualizaciones. Este desarrollo esta realizado con: php, javascript, html, sass, Bootstrap, Grid y flexbox. También incluye responsive, por lo que se podrá visualizar en cualquier dispositivo ya que se adapta a la resolución. Para el desarrollo de la web necesitaremos programar nuevos tipos de objetos y modulos en nuestro wordpress para facilitar la autogestión del cliente final. Una vez finalizado el desarrollo de la web, la subiremos a un servidor dev (online) para su testeo, una vez este testeada y finalizada, la subiremos al servidor final y se publicará. En este servidor final veremos la configuración realizada para la creación de la suscripción del cliente y daremos de alta los correos electrónicos que nos solicitan.

[EN] The aim of the Final Grade Work (FGW) consists of the development of an online website for a real company. The purpose of the website is to communicate the benefit of their products. The design of the project created in Photoshop was already accepted by the customer. In the design we specified all the parameters of the web (maximum width, the height of each box, images, etc.). The first step of the project is to create our virtual machine (Vagant) to start the development of this website. It is also useful for the creation of our online repository, which will allow us to have a version control for any member of the team when the website is published. The second step will be to judge what engine we use for the development of this website. In this case, as it is not an e-commerce, we will use "WORDPRESS". We start with a base template construction and the creation of child theme to avoid problems in future updates. This development is made with: php, javascript, html, sass, Bootstrap, Grid and flexbox. It also includes responsive, so it can be viewed on any device. For the web construction, we will need to develop new types of objects and modules in our WordPress to help the self-management of the final client. Once the development of the web is finished, we will upload it to a dev server (online) for testing. After the testing phase, we will upload it to the final server and the website will be published. Finally, on the final server, we will establish the last.