Diseño del contenido e interacción de un sitio web

García Rueda, Alberto (2020). Diseño del contenido e interacción de un sitio web. Proyecto Fin de Carrera / Trabajo Fin de Grado, E.T.S. de Ingenieros Informáticos (UPM), Madrid, España.

Description

Title: Diseño del contenido e interacción de un sitio web
Author/s:
  • García Rueda, Alberto
Contributor/s:
  • Dieste Tubio, Óscar
Item Type: Final Project
Degree: Grado en Ingeniería Informática
Date: September 2020
Subjects:
Faculty: E.T.S. de Ingenieros Informáticos (UPM)
Department: Lenguajes y Sistemas Informáticos e Ingeniería del Software
Creative Commons Licenses: Recognition - No derivative works - Non commercial

Full text

[img]
Preview
PDF - Requires a PDF viewer, such as GSview, Xpdf or Adobe Acrobat Reader
Download (4MB) | Preview

Abstract

Este Trabajo de Fin de Grado (TFG) tiene como objetivo renovar el diseño y la interacción de la página web correspondiente al Grupo de Investigación de Ingeniería del Software Experimental (GrISE). Así, hemos querido darle una accesibilidad y funcionalidad nueva para que esta web vuelva a tener el uso y la visibilidad que tenía cuando se creó. El motivo de esta renovación es que GrISE disponía de un servidor cuyo diseño databa de 2007. Debido a los cambios en el Sistema Operativo, migración de hardware, y evolución de servicios de terceras partes, muchas funcionalidades estaban inoperativas o fallaban al invocarse. Fijamos tres objetivos concretos: - Definir los contenidos del sitio web - Diseñar la interacción - Implementar nuevas funciones. Para hacer esta mejora se ha utilizado una de las herramientas más usadas para crear prototipos como es, Balsamiq Wireframes, una herramienta muy sencilla y de fácil uso que nos permite la creación de prototipos tanto de baja como de alta fidelidad. Los usuarios que han participado en el TFG para las entrevistas y distintas evaluaciones y análisis que se han realizado a la web son tanto miembros del grupo GrISE, como usuarios que han participado en forma de consumidores de información. Es necesario para la página hacer un diseño que facilite la introducción de información a la misma, la implementación de nuevas funciones como la de crear una especie de timeline para postear los eventos más recientes que tengan los miembros. Otra de las metas principales ha sido facilitar a los usuarios que entran a la web para consultar información, la forma de encontrar lo que están buscando. Esto se debe a la gran cantidad de información que aloja la página, para ello se añadirá una forma de búsqueda en cada uno de los enlaces que hay en la web. Se consigue así una página más intuitiva, funcional y, en definitiva, mejorada. Centrada en el usuario a nivel de consumidor y a nivel de miembro del grupo de GrISE, la página ahora contiene más información sobre lo que navegas y te ayuda en muchos aspectos a entender qué paso tienes que dar para encontrar lo que buscas. Por último, he de destacar que la página web no ofrece muchas oportunidades para ser explotada. Al ser una web cuyo objetivo principal es darse a conocer y ofrecer información, no tiene una gran cantidad de funcionalidades. Esto conlleva que la página se mejorará en diseño y se crearán ideas nuevas en la medida en que sea posible.---ABSTRACT---This Final Degree Project aims to renew the design and interaction of the web page corresponding to the Experimental Software Engineering Research Group (GrISE). So, we wanted to give it a new accessibility and functionality so that this website can once again have the use and visibility that it had when it was created. The reason for this renewal is that GrISE had a server which design dated back to 2007. Due to changes in the Operating System, hardware migration, and evolution of third-party services, many functionalities were inoperative or failed when invoked. We set three specific objectives: - Define the contents of the website. - Design the interaction. - Implement new functions. To make this improvement, one of the most used tools to create prototypes has been used, this is Balsamiq Wireframes, a very simple and easy to use tool that allows us to create low-fidelity and high-fidelity prototypes. The users who have being part of the Final Degree Project for the interviews and different evaluations and analyses that have been carried out on the web are members of the GrISE group and users who have participated as information consumers. It is necessary for the webpage to make a design that facilitates the introduction of information to it, the implementation of new functions such as creating a kind of timeline to post the most recent events that the users members could have in the future. Another of the main goals has been to facilitate the users who enter the web to consult information, the way to find what they are looking for. This is due to the large amount of information that the page hosts, for this a search bar will be added in each of the links on the web. Achieving, a more intuitive, functional and, ultimately, an improved page. Focused on the user at the consumer level and at the GrISE group member level, the page now contains more information about what you search and helps you in many ways to understand what step you have to take to find what you are looking for. Finally, I have to emphasize that the website does not offer many opportunities to be exploited. Being a website, which main objective is to make itself known and offer information, it does not have a large number of functionalities. This means that the page will be improved in design and new ideas will be created and added as far as possible.

More information

Item ID: 66260
DC Identifier: http://oa.upm.es/66260/
OAI Identifier: oai:oa.upm.es:66260
Deposited by: Biblioteca Facultad de Informatica
Deposited on: 04 Mar 2021 12:11
Last Modified: 04 Mar 2021 12:11
  • Logo InvestigaM (UPM)
  • Logo GEOUP4
  • Logo Open Access
  • Open Access
  • Logo Sherpa/Romeo
    Check whether the anglo-saxon journal in which you have published an article allows you to also publish it under open access.
  • Logo Dulcinea
    Check whether the spanish journal in which you have published an article allows you to also publish it under open access.
  • Logo de Recolecta
  • Logo del Observatorio I+D+i UPM
  • Logo de OpenCourseWare UPM