TFM-2214 CHETOUI, HOUDA

Vista previa del material en texto

Equation Chapter 1 Section 1 
Trabajo Fin de Máster 
Máster en Diseño Avanzado en Ingeniería Mecánica 
 
Diseño e implementación de base de datos relacional 
para gestión de resultados de experimentación. 
Autor: Houda Chetoui 
Tutor: Jose Maria Gallardo Fuentes 
Dpto. Ingeniería y Ciencia de los materiales y del 
transporte 
Escuela Técnica Superior de Ingeniería 
Universidad de Sevilla 
 Sevilla, 2021 
2 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3 
 
 
 
Trabajo Fin de Máster 
Máster en Diseño Avanzado en Ingeniería Mecánica 
 
 
 
 
 
Diseño e implementación de base de datos 
relacional para gestión de resultados de 
experimentación. 
 
 
 
 
Autor: 
Houda Chetoui 
 
 
Tutor: 
José Maria Gallardo Fuentes 
Catedrático de Universidad 
 
 
 
 
 
Dpto. de Ingeniería y Ciencia de los Materiales y del Transporte 
Escuela Técnica Superior de Ingeniería 
Universidad de Sevilla 
Sevilla, 2021 
 
 
 
 
 
 
 
 
 
 
 
4 
 
 
Proyecto Fin de Máster: 
 Diseño e implementación de base de datos relacional para gestión de resultados de 
experimentación. 
 
 
 
Autor: Houda Chetoui 
Tutor: José Maria Gallardo Fuentes 
 
 
El tribunal nombrado para juzgar el Proyecto arriba indicado, compuesto por los siguientes 
miembros: 
Presidente: 
 
 
Vocales: 
 
 
 
 
Secretario: 
 
 
 
 
Acuerdan otorgarle la calificación de: 
El Secretario del Tribunal 
 
 
 
 
 
 
 Fecha: 
 
 
 
 
 
 
 
 
 
 
5 
 
 
 
 
 
A mi familia 
A mis maestros 
 
6 
 
Agradecimientos 
 
 
 
No quiero dejar la oportunidad de agradecer a todas las personas que me han ayudado a 
realizar este proyecto. 
En primer lugar, a mi tutor Dr. José Maria Gallardo por haberse involucrado tanto en el 
proyecto, haberme prestado siempre su ayuda y por animarme durante todo el periodo de 
realización de este estudio. También a todos los profesores de este máster por sus consejos y 
sus enseñanzas. 
En segundo lugar, a mi familia que siempre me apoyada en todos los momentos como persona 
y como estudiante, emocionalmente y económicamente y por permitido alcanzar mis 
objetivos y llegar hasta aquí. 
Por último, a mis amigos los cuales me han ayudado con asignaturas que a ellos se les daba 
mejor, además de ser capaces de despejarme en los peores momentos. 
Houda Chetoui 
Sevilla, 2021 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7 
 
Resumen 
 
 
 
 
Este trabajo fin de master consiste a describir las instrucciones para la creación, el diseño 
y la implementación de una base de datos para la gestión de resultados de experimentación. 
Se usa la tecnología de sistema de gestión de base de datos WordPress en lugar de los 
lenguajes de programación que exigen conocimientos avanzados de ingeniería informática y de 
software. La solución permite el manejo de información durante los proyectos de cualquier área 
de investigación. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8 
 
 
Abstract 
 
 
 
 
 
 
This final Project degree consist in describe the process of creating and designing a 
Database Driven Website, as a solution of all management problems during the projects of 
investigation. Moreover, it serves to eliminate obstacles of organization of experimentation 
results. 
In this study, will use the content management system WordPress without need to any 
kind of programming languages or skills in software engineering. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9 
 
Índice 
 
 
Agradecimientos 6 
Resumen 7 
Abstract 8 
Índice 9 
Índice de Tablas 11 
Índice de Figuras 11 
Introducción 14 
1.1 Objetivos y alcance 15 
1.2 Metodología e estructura del proyecto 15 
1.2.1 Fase definir 16 
1.2.2 Fase medir y analizar 16 
1.2.3 Fase mejorar 16 
1.2.4 Fase controlar 16 
1.3 Estructura del proyecto 16 
Estado del Arte 18 
2.1 Gestión de datos de Investigación (GDI) 18 
2.2 La digitalización de los datos de investigación: 21 
2.2.1 Definición e historia: 21 
2.2.2 Definición y tipos de repositorios: 22 
2.2.3 Tipos de relaciones: 23 
2.3 «Database Driven Website» 24 
2.3.2 Sitio web 28 
2.3.3 Creación de ̀ Database Driven Website´ 29 
Definición y medida del problema 30 
3.1 Fase definir 30 
3.1.1 La Técnica 5W+2H 30 
3.2 Fase medir 32 
3.2.1 Los usuarios del sitio web: 32 
3.2.2 El contenido de la base de datos: 32 
El análisis del proyecto 38 
4.1 Creación del sitio web con lenguaje PHP y MySQL 38 
4.1.1 Definición de PHP 38 
4.1.2 Definición del lenguaje SQL y la BD MySQL 39 
4.2 Creación del sitio web con CMS 40 
4.2.1 Definición e historia del CMS 40 
4.2.2 Funcionalidades y ventajas del WCMS 42 
4.2.3¿Cómo trabaja un CMS? 43 
4.2.4 Los CMS más populares: 43 
4.3 WordPress 44 
4.3.1 Definición e historia: 44 
10 
 
4.3.2 Ventajas de WordPress: 45 
4.3.3 Características técnicas de WordPress: 45 
4.3.4 Estructura de archivos y carpetas en WordPress 46 
4.3.5 Estructura General de WordPress: 48 
Implementación de la BD alojada al sitio web 50 
5.1 Fase mejorar 50 
5.1.1 El alojamiento web 50 
5.1.1.1Definición y tipos del alojamiento web 50 
5.1.1.2La elección del hosting 51 
5.1.2 Diseño del sitio web 52 
5.1.2.1Arquitectura de la información 52 
5.1.2.2 Prototipo 54 
5.1.2.3 Colores 57 
5.1.2.4 Logotipo 57 
5.1.2 Implementación del sitio web 58 
5.1.2.1 Creación del sitio web en el servidor local: 58 
5.1.2.2 Instalación de MAMP: 58 
5.1.2.3 Instalación de WordPress en servidor virtual: 62 
5.1.3 Configuración de los ajustes del sitio web. 65 
5.1.3.1 Los ajustes generales 65 
5.1.3.2 Los ajustes de escritura 67 
5.1.3.3 Los ajustes de lectura. 68 
5.1.3.4 Los ajustes de comentarios. 69 
5.1.3.5 Los ajustes de Medios. 71 
5.1.3.6 Los ajustes de enlaces permanentes. 72 
5.1.4 Los usuarios y la apariencia del sitio web 72 
5.1.4.1 Los usuarios del sitio web 72 
5.1.4.2 El tema del sitio web. 73 
5.1.4.3 Los plugins del sitio web. 75 
5.1.4.4 Las entradas, las páginas y las categorías del sitio web. 78 
5.1.5 Publicación del sitio web 79 
Conclusión 81 
Referencias 82 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
11 
 
Índice de Tablas 
 
 
 
 
 
 
Tabla 1:Diferencias entre base de datos y hoja de cálculo. .............................................................. 25 
Tabla 2:las repuestas de las cuestiones según la técnica 5W+2H. .................................................... 31 
Tabla 3:los miembros del equipo de investigación. ......................................................................... 33 
Tabla 4:los miembros del equipo de investigación. ......................................................................... 52 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 Índice de Figuras 
 
12 
 
 
 
Figura 1: Formatos de datos de investigación................................................................................. 19 
Figura 2: Ciclo de vida de los datos de investigación tomada del sitio web del JISC[4]. ...................... 21 
Figura 3: Tipos de relaciones en un repositorio digital de contenidos. .............................................. 24 
Figura 4:Tipos de modelos de BD. [13].......................................................................................... 27 
Figura 5:Arquitectura de SGBD según ANSI-SPARC. [15] ............................................................ 28 
Figura 6: Captura de pantalla de las normas.................................................................................. 34 
Figura 8: El anverso de la moneda de 1 rials de Iran. ..................................................................... 35 
Figura 7: El inverso de la moneda de 1 rials de Iran. ...................................................................... 35 
Figura 9: El inverso y el anverso de la moneda de 1 rials de Irandespués de la limpieza. ................... 35 
Figura 10: El canto de la moneda de 1 rials de Iran después de la limpieza. ...................................... 36 
Figura 11: Las hojas de cálculo de los datos experimentales. ........................................................... 37 
Figura 12:Interpetación de lenguaje PHP en el servidor web........................................................... 38 
Figura 13:El proceso de funcionamiento del servidor web con PHP y MySQL. [19] .......................... 40 
Figura 14: Evolución de los sistemas de gestion de contenidos propuesto por Santillan (2007). .......... 42 
Figura 15: La forma del trabajo de WCMS. ................................................................................... 43 
Figura 16:Los 10 CMS más usados. .............................................................................................. 44 
Figura 17: EL código PHP del fichero wp-config de WordPress. ..................................................... 46 
Figura 18: Estructura de la base de datos MySQL de WordPress. .................................................... 46 
Figura 19:Estructura de archivos y carpetas en WordPress. ............................................................ 47 
Figura 20:Mapa del sitio web........................................................................................................ 54 
Figura 21:Funcionalidades del prototipo. ...................................................................................... 55 
Figura 22:Wirframe de la página de inicio del sitio web. ................................................................. 56 
Figura 23:Logotipo del sitio web. .................................................................................................. 58 
Figura 24:Instalar MAMP &MAMP PRO 6.5. .............................................................................. 59 
Figura 25:Destinación de descarga de MAMP. .............................................................................. 60 
Figura 26: Interfaz del software MAMP. ....................................................................................... 60 
Figura 27:Página de inicio MAMP. .............................................................................................. 61 
Figura 28:Enlace PhpMyAdmin. .................................................................................................. 61 
Figura 29:Página PhpMyAdmin................................................................................................... 62 
Figura 30: la creación de base de datos para WordPress. ................................................................ 62 
Figura 31:El archivo descomprimido de la instalación de WordPress. .............................................. 63 
Figura 32:Primera ventana al descargar de WordPress................................................................... 63 
Figura 33:Datos de acceso a la base de datos WordPrees. ............................................................... 64 
Figura 34:Backend del sitio web con WordPress. ........................................................................... 64 
Figura 35:Frontend inicial del sitio web. ....................................................................................... 65 
Figura 36:Ajustes generales del sitio web....................................................................................... 66 
13 
 
Figura 37:Ajustes de escritura del sitio web.................................................................................... 68 
Figura 38:Ajustes de lectura del sitio web. ..................................................................................... 69 
Figura 39:Ajustes de comentarios. ................................................................................................ 71 
Figura 40:Ajustes de medios. ........................................................................................................ 71 
Figura 41:Ajustes de enlaces permanentes..................................................................................... 72 
Figura 42:Los usuarios del sitio web. ............................................................................................ 73 
Figura 43: El panel de administración del tema del sitio web. .......................................................... 74 
Figura 44: La instalación de nuevos temas. ................................................................................... 74 
Figura 45:Sitio web con el tema elegido. ........................................................................................ 75 
Figura 46: El panel de administración de plugins instalados. .......................................................... 76 
Figura 47:El panel de administracion para añadir nuevos plugins. .................................................. 76 
Figura 48:Panel de administración de las páginas. ......................................................................... 78 
Figura 49: Panel de administración de las entradas. ....................................................................... 79 
Figura 50:Panel de administración de las categorías. ..................................................................... 79 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
14 
 
Introducción 
 
 
 
 
as herramientas de gestión de los resultados de experimentación por la mayoría de los 
grupos de investigación construidos por profesores y alumnos de la universidad son 
estándares y tradicionales. Asimismo, se encuentra los obstáculos y los problemas del acceso 
a la información dados a la cantidad, la forma y la organización de la misma. 
En este trabajo Fin de Máster, se presenta la solución a dicho problema realizando el 
diseño y la implementación de una base de datos alojada a un sitio web, que reúne todos los 
tipos de contenido (ficheros, imágenes y videos.) de manera organizada. No solo para facilitar 
el acceso a los miembros del equipo, sino también para fomentar la evolución de las 
investigaciones. 
Se tenía dos distintas opciones para desarrollar la plataforma. Primeramente, crear un 
sitio web mediante el uso de los lenguajes de programación (por ejemplo, PHP y SQL) que 
agrupa los datos en una base. Segundamente, utilizar un sistema de gestión de contenido 
(CMS) para estructurar la información mediante tablas en un servidor sin tener ningunos 
conocimientos de diseño y de programación. 
En el presente estudio, se analiza las soluciones posibles para crear una “Data Base 
Driven Website” que es básicamente un sitio web impulsado por bases de datos. Además, se 
desarrolla una guía de instrucciones para la realización de la propuesta adecuada que 
completa todas las exigencias. 
 
 
 
 
L 
15 
 
 
1.1 Objetivos y alcance 
El objetivo general de este trabajo es mejorar la estrategia de la gestión de información 
de los proyectos de investigación dentro los departamentos de La Escuela Técnica Superior de 
Ingeniería. 
De forma más detallada, los objetivos específicos son los siguientes: 
➢ Realizar una revisión del estado del arte para descubrir los métodos existentes, 
analizar problemas similares y después elegir la solución adecuada. 
➢ Desarrollar un sitio web utilizando el gestor de contenido WordPress, de forma que 
se facilita la modificación, la actualización y el mantenimiento del contenido por cualquier miembro 
del grupo, sin tratar con los lenguajes o tener competencias de los expertos en la ingeniería 
informática. 
➢ Utilizar complementos gratuitos para dotar diferentes tipos de información, 
dinámicamente a las páginas web. 
➢ Aplicar la nueva estrategia de gestión en el proyecto del análisis de propiedades de 
materiales usados en la amonedación. 
La aplicación de la solución propuesta en este estudio, señalada en el último párrafo anterior, 
está limitada al periodo de finalización definitiva del proyectode análisis de los materiales usados 
por la fabricación de monedas. Por lo tanto, se añadieron solamente los resultados disponibles a la 
base de datos. 
Vivimos en un mundo tecnológico, en el cual cada vez se actualizan las versiones de los 
sistemas informáticos. Por lo tanto, deben implantarse periódicamente una renovación de las 
instrucciones para realizar el proceso. 
1.2 Metodología e estructura del proyecto 
A lo largo de este trabajo fin de master, se va a usar la metodología DMAIC (Define-
Measure-Analyze-Improve-Control); una estrategia y método estructurado de resoluciones de 
problemas que forma parte del sistema de gestión Six Sigma. 
16 
 
La metodología DMAIC ha demostrado tener una gran eficacia para resolver los 
problemas complejos. La presente tesis plantea propuestas para mejorar el proceso de gestión 
de resultados de experimentación. DMAIC incluye cinco etapas fundamentales e 
interconectadas. 
1.2.1 Fase definir 
Definir los problemas existentes generalmente durante todos los análisis de resultados 
experimentales y específicamente durante este caso del análisis de resultados relacionados con las 
propiedades de materiales (metales) para fabricar monedas. 
1.2.2 Fase medir y analizar 
Analizar los datos recogidos para poder implementar soluciones por cada problema. Esta 
fase consiste en identificar los puntos críticos relacionados con la solución final. 
En este caso, hay diversas entradas críticas del proceso de gestión; el tipo de resultados, 
número de participantes en el análisis, etc. 
1.2.3 Fase mejorar 
Implantar la solución para resolver el problema que consiste al diseño e implementación de 
una base de datos relacional alojada en una página web realizada con un sistema de gestión de 
contenido CMS. 
1.2.4 Fase controlar 
Validar las soluciones y construir un sistema de control para ajustar de manera continua el 
proceso de gestión por cualquier análisis de resultados experimental. 
 
1.3 Estructura del proyecto 
La memoria de este trabajo fin de master pretende dar a conocer las instrucciones del 
desarrollo de una base de datos alojada a un sitio web para gestionar los datos de 
investigación y los resultados de experimentación. Así pues, el trabajo se divide en seis 
capítulos según la siguiente estructura: 
En el apartado 1`Introducción´, se refleja el objetivo de este estudio, su alcance y la 
justificación de la implementación y la creación del repositorio digital. Además, la 
17 
 
metodología apaleada para el análisis y la solución de los problemas de gestión de datos de 
investigación. 
En el apartado 2 `Estado del arte´, se define los conceptos básicos, la historia de 
gestión de datos de investigación y la evolución de los repositorios digitales como solución a 
dicho problema para determinar la importancia y la eficacidad de esta solución. 
En el apartado3 ̀ Definición y medida de problema´, se describe la fase definir usando 
la técnica 5W+2H para determinar todos los problemas encontrados durante el proceso de 
experimentación, también la fase medir para reunir las informaciones y medir el flujo que 
relaciona las tablas de contenido. 
En el apartado 4 `Análisis del proyecto´ para analizar las dos opciones de solución del 
problema global. La opción de crear la base de datos con o sin lenguajes de programación. 
En el apartado 5 `Implementación de la BD alojada al sitio web, se desarrolla los 
pasos de la fase mejorar que consiste a diseñar y crear una Database Driven –website con 
CMS WordPress. También la forma de publicación del sitio a la web y del control de solución 
implementada. 
Por último, se da una conclusión que muestra los resultados obtenidos del proyecto y 
la solución llevada. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
18 
 
 
 
Estado del Arte 
 
 
 
 
2.1 Gestión de datos de Investigación (GDI) 
3.1.1 Definición 
 La gestión de datos de investigación (GDI) o Research Data Management (RDM) es un 
proceso fundamental en las etapas de los proyectos de investigación y del avance de conocimiento. 
Está relacionado con la organización, manejo e intercambio de datos. 
Todos los diversos actores involucrados en el desarrollo de los proyectos de investigación 
(los científicos y las instituciones) son responsables del GDI. Por esta razón, deben conocer los 
útiles de gestión de información implantados para asegurar el éxito de la misma. 
Antes de presentar el plan de gestión de datos, se define el término «datos de 
investigación», que hace referencia a todo tipo de información necesaria para sostener y 
validar el proceso científico. En los datos de investigación se incluyen todos los materiales 
creados en el transcurso del trabajo de investigación, por ejemplo, mediante digitalizaciones, 
grabaciones, capturas fotográficas, experimentos, mediciones, encuestas y entrevistas. Para 
garantizar su reproducibilidad, los datos deben estar en conformidad con los principios FAIR. 
Estos principios se establecieron para proporcionar unas directrices y medidas para la correcta 
gestión de datos. Además, no solo se aplican a los datos, sino también a los sistemas de 
información (Wilkinson, 2016) [1]. Son componentes básicos a partir de los que crea la 
información y el conocimiento. 
3.1.2 La tipología y los tipos de datos 
En primer lugar, debe conocer la tipología de datos y hacer una distinción entre sus 
tipos y sus categorías. Según el procedimiento de recogida de datos, la National Science 
Foundation (2007) los categoriza en tres grupos observacionales, computacionales y 
experimentales. 
19 
 
a) Datos observacionales: Son registros históricos insustituibles, es decir no se 
pueden volver a reproducir y se los obtuvieron en un lugar y un momento concreto. Pueden ser por 
ejemplo las observaciones climatológicas. 
b) Datos Computacionales: Son datos que acompañan a las simulaciones o flujos de 
trabajo que suelen incluir datos de entrada, programas y productos de la ejecución de modelos de 
ordenador. Puede citar como ejemplo, los economistas que estudian los mercados. 
c) Datos Experimentales: Son los datos procedentes de experimentos desde su 
planificación hasta la obtención de resultados para establecer una hipótesis sobre un estudio 
determinado. Los datos experimentales pueden ser fáciles a reutilizar si el experimento está 
diseñado a ser replicable y consigue las mismas condiciones. 
Como muestra la figura siguiente, estos últimos pueden tener distintos formatos: 
 
Figura 1: Formatos de datos de investigación. 
Se domina actualmente el termino Big Data, que se refiere al conjunto de datos que 
son suficientemente grandes (voluminosos), complejos (variables) y con alta velocidad de 
crecimiento de tal manera que sea difícil capturar y gestionar el procedimiento y el análisis 
mediante las herramientas convencionales. 
«Es muy importante que se tenga la oportunidad de conocer y comprender los 
resultados del trabajo de investigación científica. No es suficiente que el conocimiento 
adquirido sea registrado, desarrollado y aplicado sólo por algunos especialistas. La limitación 
20 
 
del capital de conocimientos a su propio círculo es la muerte del espíritu filosófico de todo un 
pueblo y conduce al empobrecimiento intelectual.» manifiesto Einstein (1948) 
Los datos de investigación son valiosos y desempeñan un rol fundamental a lo largo 
del proceso científico. Como ha dicho el director del consorcio de World Wide Web (WWW) 
Tim Berners-Lee [2] «Los datos son preciosos y van a durar más que los propios sistemas». 
Por lo tanto, su presentación debe estar en forma clara y simple que permite la visibilidad y el 
análisis de los resultados de la investigación. 
3.1.3 Plan de gestión de datos y sus etapas: 
Dado que el objetivo de este estudio es manejar los resultados experimentales del 
proyecto de investigación elegido, generalmente se explica cómo sigue el plan de gestiónde 
datos de investigación. 
«La GDI está presente en el ciclo de vida de los datos y cubre los procesos de 
planificación, recopilación, selección, transformación y archivo de datos de investigación, 
siempre con el objetivo de almacenarlos a largo plazo y de forma independiente del creador 
de los datos, es decir, en una infraestructura externa» (Whyte y Tedds, 2011) [3]. 
El proceso de gestión de datos de investigación es el conjunto de dos etapas 
principales: 
• La etapa de investigación: En el que se consumen, producen e interpretan los datos. Es la 
combinación entre la creación del depósito de datos y la gestión de los que están activos. Las 
actividades fundamentales de este último son: la planificación y el diseño del plan de gestión, 
colección y captura de datos y la colaboración y el análisis final. 
• La etapa de preservación: Incluye dos partes, a saber, el archivo y repositorios de datos y su 
registro y catálogo. 
La siguiente figura ejemplifica el método de distribución de los servicios de GDI según el 
ciclo de vida de los datos de investigación. 
21 
 
 
Figura 2: Ciclo de vida de los datos de investigación tomada del sitio web del JISC[4]. 
2.2 La digitalización de los datos de investigación: 
2.2.1 Definición e historia: 
En la última década del Siglo XX, la comunicación científica ha sufrido un cambio 
profundo de la metodología de gestión de datos. Dado que la conservación de datos de 
investigación desde su nacimiento hasta su almacenamiento es esencial para garantizar la 
trazabilidad y el éxito de los experimentos, debe integrar las tecnologías de información en el 
mundo de investigación y ciencia. 
El término ´e-Science´ se usó por primera vez en 1999. Taylor afirmaba que: «e- 
Science is about global collaboration in key areas of science and the next generation of 
infrastructure that will enable it» (Taylor, 2001). [5] 
En 2005, se publica el libro blanco de la e-ciencia por la Fundación Española para la 
Ciencia y la Tecnología (FECYT) que define la e-ciencia como «El conjunto de actividades 
científicas desarrolladas mediante el uso de recursos distribuidos accesibles a través de 
internet.» [6] Por lo tanto, es necesario establecer las e-infraestructuras y servicios digitales 
para el desarrollo de la e-Ciencia para ayudar los investigadores a desarrollar su trabajo. 
22 
 
Para Esteban Daudén, la tecnología digital es uno de los protagonistas más 
importantes de los avances tecnológicos en los últimos años. “Se ha hecho imprescindible 
para el buen desarrollo de la investigación. Mediante diferentes herramientas y recursos hace 
la vida del investigador más fácil”, adelanta. [7] 
Actualmente se domina el término ´Data Curation´ o ´Digital Curation´. Según R. 
Harvey, miembro del organismo británico `Digital Curation Center (DCC), lo define como 
siguiente: 
«El Data Curation se encarga de la gestión activa de los datos durante el tiempo que 
siguen teniendo interés académico, científico, administrativo y personal, con el objetivo de 
favorecer su reproducción, su reutilización y agregándoles valor, los datos se gestionan desde 
su creación hasta que se determina que ya no son útiles, garantizando su accesibilidad a largo 
plazo, su conservación, su autenticidad y su integridad.» Ross Harvey (2010).[8] 
El ´Sheer Curation´ sirve para integrar la tecnología digital a la gestión de 
información. Se basa en la hipótesis del manejo correcto de datos incluyendo las dos etapas de 
investigación y de preservación dentro el entorno digital, para producir beneficios a largo 
tiempo. 
Por otro lado, este último garantiza la autenticad, la integridad y la accesibilidad para 
la reutilización de datos. Para mantener un flujo organizado debe definir una estrategia de 
gestión y de colección de datos. Por adelante, se implementa esa misma aplicando el concepto 
de la tecnología digital para asegurar la hipótesis de Digital Curation durante los proyectos de 
investigación. 
2.2.2 Definición y tipos de repositorios: 
Se definen los repositorios como sitios en donde se almacena y resguarda información 
de forma centralizada y son accedidos principalmente desde redes informáticas o de internet 
[9]. Los repositorios aseguran la preservación y la integridad de los datos durante y después 
de finalizar el proyecto de investigación y facilita el acceso a la información con el objetivo 
de proteger todos los recursos científicos y académicos. 
23 
 
Con respecto al repositorio digital, Requena y Valverde indican que es un depósito de 
documentos digitales; una herramienta que hace uso de Internet para simplificar el acceso a 
los contenidos. 
«Un repositorio de contenidos digitales es un sistema que hace uso de Internet, que 
sirve para almacenar y controlar la información guardada en los contenidos digitales y que 
facilita el acceso de sus usuarios a estos contenidos, generalmente desde cualquier lugar del 
mundo.» [10] 
Conviene subrayar que es un sitio web centralizado donde se almacena el contenido 
digital, básicamente los bases de datos y archivos informáticos. 
Dependientemente de repositorios en modo abierto, se puede alojar los datos según su 
tipología y área de investigación. Existen tres categorías principales de tipos de repositorios: 
a) Repositorios Institucionales: Son creados con objeto de recopilar, depositar y 
preservar la producción científica de una institución académica o de investigación. Son de amplio 
alcance. Para los autores, es el sello de calidad y el punto de distinción de la institución que favorece 
la difusión de sus investigaciones científicos. 
b) Repositorios Temáticos: Son aquellos que incluyen datos de investigación de un 
área temática específica. Se concentran en un contenido determinado del saber. El origen de los 
documentos puede ser los autoarchivos de los autores o los contenidos de otros repositorios relativos 
al asunto concreto. 
c) Repositorios Personales: Son repositorios que comparten y conservan los datos de 
investigación de cualquier investigador independientemente de su afiliación científica e 
institucional. 
Entre el top 100 de repositorios científicos del mundo se encuentra el repositorio 
español Dialnet http://dialnet.unirioja.es/ destacando como el número 2 en la lista. 
2.2.3 Tipos de relaciones: 
En un repositorio de contenidos, encontramos dos tipos de relaciones: 
a) Con los usuarios de la herramienta: para los que debe ofrecer la información bien 
estructurada y actualizada con accesibilidad y gestión inmediata. 
24 
 
b) Con los desarrolladores: los creadores del repositorio deben tener competencia 
para su realización respetando estándares de la representación de información y facilitando su 
comprensión. 
Como muestra la figura, la idea de este TFM consiste a implantar una relación 
directa entre los dos lados. Durante cualquier proyecto, los investigadores pueden ser 
desarrolladores del repositorio temático y usuarios internos con accesibilidad al contenido 
publicado por otro miembro del equipo. 
 
Figura 3: Tipos de relaciones en un repositorio digital de contenidos. 
En efecto, los servidores de archivos son similares a los repositorios, permiten el 
almacenamiento y la distribución de archivos en una ubicación en la red, pero sin recordar los 
cambios realizados en los contenidos que pueden ser; la reubicación, la audición y el borrado de 
archivos. Frecuentemente, se usa los sitios web basados en datos, en ingles «Database Driven 
Website», como repositorios digitales de proyectos de investigaciones. 
A continuación, se describe el concepto y el proceso de la creación del sitio web como 
repositorio digital de nuestro estudio científico de los materiales de amonedación, visto que se 
considera como una función vital para el manejo de gestión de datos de investigación. 
2.3 «Database Driven Website» 
Antes de describir el proceso y los métodos de creación de una base de datos alojadaa un 
sitio web se deben definir y aclarar los conceptos de la misma. 
25 
 
2.3.1 Base de datos: 
2.3.1.1 Definición: 
«Una base de datos es un conjunto de datos pertenecientes a un mismo contexto y 
almacenados sistemáticamente para su posterior uso.» [11] 
La base de datos es el conjunto de datos estructurados, definidos solamente una vez y que 
pueden utilizarse por muchos usuarios al mismo tiempo. Es el método predilecto para el 
almacenamiento y organización de datos, que sirve para asegurar su integridad. Puede acumular 
información sobre personas, productos, datos científicos y otras cosas. Es un contenedor de objetos 
con finalidad de minimizar o eliminar redundancia. 
2.3.1.2 Diferencia entre base de datos y hoja de cálculo: 
La base de datos y la hoja de cálculo son dos métodos de administración, 
almacenamiento, recuperación y manipulación de datos. Como muestra la tabla hay 
diferencias entre ambas. 
Base de Datos Hoja de cálculo 
1) E
s un software que interrelaciona distintos datos. 
2) P
ermite diseñar la información y definir cada 
campo individualmente por tipo, formato y 
extensión. 
3) U
sar cualquier criterio para la búsqueda de la 
información en la base. 
4) T
iene privilegio de poder determinar los usuarios 
y compartir la información al mismo tiempo. 
1) E
s un software que contiene filas, columnas y 
celdas. 
2) P
ermite hacer cálculo rápidamente usando 
formulas. 
3) L
as búsquedas son limitadas, se puede solamente 
por un valor. 
4) S
e puede usar por una sola persona al mismo 
tiempo. 
Tabla 1:Diferencias entre base de datos y hoja de cálculo. 
 
 
26 
 
2.3.1.3 Tipos y modelos de base de datos: 
Según la variabilidad de base de datos puede distinguir dos tipos: 
a) Bases de datos estáticas: Son para el registro de datos fijos, sin poder ni 
modificarlos ni editarlos con el tiempo. Son solo de lectura. Se puede utilizarlos para realizar las 
proyecciones, tomar decisiones y almacenar hechos invariables. 
b) Bases de datos dinámicas: En contraste a las Bases de datos estáticas, los datos de 
estas bases son modificables al pasar el tiempo, permitiendo funciones constantes 
de actualización, edición y eliminación de los datos. [12] 
Los modelos de base datos son el método de recuperación de información de los 
contenedores, que define la estructura lógica de la base de datos principalmente son los conceptos 
matemáticos y algoritmos. 
Existe muchos tipos de modelos, los más comunes son: 
a) Base de datos relacional: Ordena los datos en tablas. Las columnas componen un 
atributo de la entidad y las filas tienen información sobre una instancia especifica. Se puede 
recuperar la información mediante consultas, es decir ese modelo ofrece una gran flexibilidad en la 
administración y la búsqueda del contenido. 
b) Base de datos jerárquicas: Los datos se organizan en estructura de árbol. Cada 
registro tiene una única raíz. Es aplicable para gestionar los bases de datos de gran volumen. 
c) Base de datos en la red: Este modelo es basado en el modelo anterior y en la teoría 
matemática de conjuntos que sirve para relaciones complejas. 
d) Base de datos en la web: Los sitios web basan en algunos tipos de modelos de 
bases para organizar los datos y representarlos a los usuarios. 
27 
 
 
Figura 4:Tipos de modelos de BD. [13] 
2.3.1.4 Sistema de gestión de base de datos: 
«El sistema de gestión de la base de datos (SGBD) es una aplicación que permite a los 
usuarios definir, crear y mantener la base de datos, y proporciona acceso controlado a la misma. Es 
una herramienta que sirve de interfaz entre el usuario y la base de datos.» [14] 
El SGBD posee herramientas para asegurar 3 funciones principales. La independencia, 
permitiendo la modificación y la creación de datos sin afectar otras aplicaciones que no incluyen 
esos datos. La integridad, para mantener los datos correctos. La seguridad, solamente las personas 
autorizadas que pueden acceder a los datos. 
Los sistemas SGBD relacionales más populares son: Microsoft Access, Microsoft 
SQLServer, MariaDB y MySQL. 
a. Como muestra la figura, la arquitectura de SGBD contiene 4 niveles: 
a. El nivel interno: define la manera de almacenamiento de datos. 
b. El nivel físico: incluye los mecanismos de almacenamiento del sistema operativo utilizado. 
c. El nivel conceptual: sirve para describir el contenido y las relaciones entre los datos. 
d. El nivel externo: incluye las partes externas; los usuarios. 
28 
 
 
Figura 5:Arquitectura de SGBD según ANSI-SPARC. [15] 
2.3.2 Sitio web 
2.3.2.1 Definición: 
La WWW (World Wide Web) o simplemente Web es uno de los sistemas distribuidas 
de gestión de información que usan Internet para la comunicación y la transmisión de datos. 
La Web usa el protocolo HTTP (Hypertext Transfer Protocol) basado en la transmisión d e 
documentos interrelacionados de hipertexto; un texto vinculado a otra locación u otras 
secciones del mismo documento u otros documentos. 
En 1989, Tim Berners-Lee inventó junto con su equipo el protocolo HTTP, el sistema 
de direcciones Web URL (Uniform Resource Lector); el mecanismo por el cual la WWW da 
una dirección única a los recursos de información localizada en un sección de Internet y el 
lenguaje HTML (Hypertext Markup language) que se emplea para la creación de páginas 
web. El conjunto de estos últimos es el ADN de Web. La primera web se creó el 6 de agosto 
en 1991. 
Asimismo, se define la página web como «un documento o información electrónica 
capaz de contener texto, sonido, video, programas, enlaces, imágenes, hipervínculos y muchas 
otras cosas, adaptada para la llamada WWW, y que puede ser accedida mediante un 
navegador web» [16] y el sitio como el libro entero que incluye varias páginas. 
29 
 
Conviene destacar, el uso equivocado de los términos `Web´ e `Internet´. Internet 
(International Network of Computers), en español `Red Internacional de computadores´ o 
`Red de redes´, es el conjunto de las redes que permite la interconexión descentralizada que 
ofrece diversos servicios y recursos, por ejemplo, el acceso a los documentos hipertextos a 
través de web. Su origen fue en 1969, cuando el departamento de defensa de Estados Unidos 
buscaba una nueva forma de comunicación entre todos los ordenadores que se utilizaban en la 
red. 
2.3.2.2 Tipos de sitios web: 
Los tipos de sitios dependen del dinamismo de páginas web que se incluyen. Principalmente 
se clasifican en dos grupos: 
a) Páginas web estáticas: contienen información que no varía en el tiempo o hasta 
que el programador la modifica manualmente. Estas páginas fueron en los primeros días en Internet. 
Se realizan fácilmente, pero se requiere un gran esfuerzo para actualizarlas. Son programadas 
mediante HTML y CSS (Cascading Style Sheets) que sirven para escribir y presentar los 
documentos. 
b) Páginas web dinámicas: se puede cambiar fácilmente su contenido sin tocar el 
código de programación de la página, según las necesidades del usuario. Su desarrollo puede exigir 
algunos conocimientos en lenguajes de programación, principalmente PHP, HTML y JavaScript, 
utilizando un editor de texto para escribir su código. 
 
2.3.3 Creación de ̀ Database Driven Website ́
Globalmente, Database Driven Website´ es un sitio web impulsado por una base de datos 
para recopilar y almacenar todos los tipos de información. En relación con el objetivo de este TFM, 
se propone la creación de esta última como solución de los problemas de la gestión de datos de 
investigación. En concreto, durante el estudio de las propiedades de materiales usados para la 
fabricación de monedas. No obstante, continuamente se distinguen las dos opciones de la solución. 
La implementación de una base de datos usando lenguajes de programación o un sistema de gestión 
de contenidos (CMS). 
30 
 
Definición y medida del problema 
 
 
 
 
3.1 Fase definir 
 3.1.1 La Técnica 5W+2HPara bien determinar los problemas existentes en la gestión de datos de investigación, 
se usa la técnica 5W+2H de análisis de problemas. 5W+2H consiste en responder a siete 
cuestiones que provienen de palabras en inglés: What (Qué), When (Cuándo), Where 
(Dónde), Who (Quién), Why (Por qué), How (Cómo), How much (cuánto). 
 Cuestión Repuesta 
¿Qué? ¿Qué es el 
problema? 
La mala gestión de resultados de experimentación causa diversos 
problemas como, por ejemplo: 
• la pérdida de tiempo para concluir sobre los resultados finales de 
análisis de propiedades de materiales usados en la fabricación de 
monedas. 
• La redundancia de datos, es decir el resultado fue que muchos 
ficheros utilizados pueden almacenar la misma información. 
• Las dificultades para adjuntar ficheros de cualquier formato, bien 
sean textos, ficheros multimedia y archivos digitales en el mismo 
lugar. 
Se ponga en caso, las medidas de dimensiones de monedas. Es casi 
imposible agregar los valores tomados por diferentes personas a la 
misma hoja de cálculo al mismo tiempo. Por lo cual se provoca la 
pérdida de información o el confuso entre los valores de cada una. 
• Falta del seguimiento y el control de los cambios generados en el 
contenido. No se puede saber quién ha realizado las 
modificaciones en los elementos de información. 
31 
 
¿Cuándo? ¿Cuándo se 
presenta el 
problema? 
Desde que se empieza los proyectos de investigación, se encuentran 
dificultades para le colección de datos y la compartición de resultados entre 
los miembros del equipo. Aunque es posible colectarlos en algunas bases 
de datos, el proceso es muy lento y limitado en funciones básicas de este 
últimos. 
¿Dónde? ¿Dónde se 
aprecia el 
problema? 
El problema se encuentra en el Departamento de Ingeniería y Ciencias de 
los Materiales durante la realización de los proyectos de investigación 
¿Quién? ¿A quién 
preocupa el 
problema? 
Todos los miembros del equipo de investigación encuentran este tipo de 
problemas y se puede extender a todos los departamentos. 
¿Por qué? ¿Por qué ocurre 
el problema? 
El problema es un obstáculo de la evolución de la investigación. El proceso 
incorrecto de gestión significa y causa la falla de los proyectos. 
¿Cómo? ¿Cómo se 
diferencia el 
problema de 
estado normal? 
La ausencia de justificaciones escritas sobre los resultados de 
experimentación causa a veces la no convención de todos los miembros 
del equipo, el retraso del desarrollo del proyecto y también la limitación de 
proyectos en tareas específicas. 
¿Cuánto? ¿Cuántos 
problemas se 
dan? 
Los diversos problemas de gestión aparecen de maneara diaria durante la 
realización del proyecto. 
Tabla 2:las repuestas de las cuestiones según la técnica 5W+2H. 
Para poder agrupar todos los diversos datos y diferentes resultados experimentales en un 
único lugar de manera sencilla y fácil, va a crearse un sitio web en que se toman informaciones de 
los usuarios o de otra fuente para cambiar el funcionamiento y el contenido del sitio. 
En este trabajo, se toma el asunto del procedimiento experimental del estudio de 
materiales de amonedación como proyecto de investigación para aplicar la solución 
propuesta. De manera que se crea para recolectar todas las informaciones de muestras y su 
nomenclatura, de monedas (dimensiones y volumen) y su estado inicial, final y durante el 
32 
 
proceso de limpieza, también de los ensayos (de rayado, de propiedades magnéticas, de 
composición química y de metalografía). 
3.2 Fase medir 
La creación del sitio Web es la etapa más importante en el proyecto porque es la solución 
de los problemas indicados en la fase de definir, pero el 50% del tiempo de desarrollo se debe a la 
planificación del proyecto, es decir antes de crear el sitio web es necesario definir el marco teórico, 
que es básicamente analizar el tipo de sitio, el objetivo, determinar quién es el público, que se 
pretende hacer con él y los contenidos y sus tipos de base de datos. En otras palabras, debe 
implementar los elementos de los primeros niveles de SGBD; externo y conceptual. 
La fase de medir va a reunir informaciones para poder determinar y analizar las 
opciones en el proceso de diseño de la base de datos y para diseñar la estructura del sitio. 
3.2.1 Los usuarios del sitio web: 
Los usuarios del sitio web pueden ser internos y externos. 
• Usuarios Internos: Son los miembros del equipo de investigación. Por ejemplo, pueden 
consultar y seguir la evolución de las tareas atribuidas a sus compañeros y comentar sobre 
los resultados. 
• Usuarios Externos: Son todas las personas interesadas al tema del sitio web p otros 
investigadores que pueden basarse en el proyecto para el desarrollo de otros proyectos. 
3.2.2 El contenido de la base de datos: 
La base de datos alojada al sitio web se constituye de diferentes secciones de 
contenido como tablas, ficheros, imágenes, y videos. Para poder bien concluir sobre el 
procedimiento experimental y los resultados obtenidos y añadir y modificar los datos, se 
necesita una base de datos bien estructurada. 
Aquí se empieza con las personas que desarrollan la base de datos. Principalmente son 
los investigadores que participan al procedimiento experimental. 
La primera tabla recoge las siguientes informaciones: Nombre completo del usuario, 
su categoría, su área y departamento y su contacto (teléfono y correo electrónico). 
33 
 
El profesor Jose M Gallardo Fuentes es el responsable de esta investigación. A 
continuacion se da informaciones sobre los miembros del equipo. 
Nombres Categoría Departamento Correo electrónico 
institucional 
Teléfono 
institucional 
José María 
Gallardo 
Fuentes 
Catedrático de 
Universidad 
 
Ingeniería y Ciencia 
de los Materiales y 
del Transporte 
josemar@us.es 
 
954487303 
 
Antonio 
Gabriel Paul 
Escolano 
 
Profesor 
Titular de 
Universidad 
Ingeniería y Ciencia 
de los Materiales y 
del Transporte 
 
apaul@us.es 
 
954487304 
 
Jesús Pinto 
Quintana 
 
Titulado grado 
medio de 
apoyo 
docencia e 
investigación 
Ingeniería y Ciencia 
de los Materiales y 
del Transporte 
 pinto@us.es 
 
954487313 
 
 
 
Miguel Madrid 
Salinas 
Encargado de 
Equipo 
 
Ingeniería y Ciencia 
de los Materiales y 
del Transporte 
mmadrid@us.es 
 
954487313 
 
Houda Chetoui Estudiante Master de diseño 
avanzado en 
ingeniería mecánica 
houche@alum.us.es 
 
xxxxxxxxx 
Tabla 3:los miembros del equipo de investigación. 
La segunda tabla es para la nomenclatura de muestras. Cada muestra tiene un nombre 
con dos sistemas complementarios numérico y alfanumérico. La tabla de nomenclatura se 
constituye de 8 columnas: Número de muestra N, País emisor XXX, Valor facial respecto a la 
unidad monetaria en curso A/B, El símbolo normalizado por ISO 4217 YYY, El año de 
acuñación Aaaa(aaaa), La sigla que representa la ceca C y la orientación relativa de la Cara y 
la Cruz de la moneda ↑/↓. 
El resultado final de tabla es un código que tiene la siguiente forma: 
XXX-A/B YYY-aaaa (aaaa)-C-↑/↓-N 
Para rellenar la tabla de nomenclatura se usa estandares para determinar los códigos 
relativos a cada país, concretamente las normas ISO3166-1 alpha-3, ISO4217 y el código 49. 
mailto:josemar@us.es
mailto:apaul@us.es
tel:954487304
mailto:pinto@us.es
tel:954487313
mailto:mmadrid@us.es
mailto:houche@alum.us.es
34 
 
Como muestra la figura, la redundancia de códigos adecuados a cada país puede ser 
fuente de perdida de tiempo al busqueda del símbolo de cada muestra según su origen. 
En consecuencia, se propone una solucion, con la que se puede accceder a otros datos 
relacionales al tema por ejemplo, associar links por cada norma para facilitar y completar las 
columnas de la tabla. 
 
Figura 6: Captura de pantalla de las normas. 
 
Se agrega en el sitio web solamente los resultados de experimentación de 14 
espécimenes. El país origen de las monedas esIran. Debe tener en consideración que este 
estudio de investigacion puede incluir, más que 1000 muestras de diferentes países. 
Por la moneda de Iran de un Rials, la nomenclatura se escribe de la forma siguiente: 
IRN-364-250 IRR-1980/ (1359) ↓-1 
La tercera tabla es sobre la macrografía de la moneda en estado inicial, se constituye 
de dos columnas una para la macrografía del anverso y del reverso de la moneda los datos 
relacionados con cada columna serán un fichero tipo jpg. 
 
 
35 
 
 
 
La cuarta es sobre la pesada inicial de las monedas, que se define con un numero de 
hasta siete cifras y una coma decimal xxx,yyy expresado en gramos . 
El peso inicial de la misma es: 02,512g 
La quinta es para identificar los productos de alteración, se constituye de 2 columnas 
la primera para el análisis de resultados, con fichero tipo archivo.raw y la segunda con 
archivo.jpg para mostrar los resultados de la identificación de picos. 
La sexta tabla es para determinar el proceso de limpieza de las monedas y su 
macrografía durante la limpieza; se constituye de 6 columnas: la primera es de tipo 
comentario para describir el método, la segunda de tipo imagen jpg y la tercera de tipo 
numérico con una cifra de peso en gramos xx.yyy los 3 tres últimos serán de tipo ficheros.jpg 
del anverso, reverso y del canto de la moneda. 
Figura 9: El inverso y el anverso de la moneda de 1 rials de Iran después de la limpieza. 
Figura 8: El inverso de la moneda de 1 rials de Iran. Figura 7: El anverso de la moneda de 1 rials de Iran. 
36 
 
 
Figura 10: El canto de la moneda de 1 rials de Iran después de la limpieza. 
El peso de la misma después de la limpieza es: 02,509g 
La séptima tabla es sobre las dimensiones, volumen y la dureza de monedas, los datos 
serán los siguientes datos de tipo numérico: diámetro medio, espesor máximo y numero de 
muescas, una cifra con seis cifras decimales por el volumen y con una cifra decimal por la 
dureza. 
La octava es para el ensayo de rayado, con cuatro columnas; la primera por mostrar el 
perfil del rayado en sus distintas pasadas con una imagen.jpg, la segunda por el valor de la 
dureza con 1 cifra decimal, la tercera y la ultima de tipo numérico por el valor del módulo 
elástico y de rugosidad. 
 La tabla novena es para describir el ensayo de propiedades magnéticas, se constituye 
de 4 datos de tipo numéricos para la permeabilidad. 
La décima es sobre la composición química, los datos serán agrupados en una tabla 
con hasta 15 columnas. 
La última tabla es sobre la metalografía y los resultados serán hasta diez ficheros de 
tipo .jpg. 
Antes de implementar la base de datos para gestionar los datos de investigacion, los 
resultados se agrupan en una hoja de calculo como muestra las siguientes figuras: 
37 
 
 
Figura 11: Las hojas de cálculo de los datos experimentales. 
Se puede observar que hay columnas vacías en la hoja porque el agregar de diferentes 
tipos de datos como imagen o vídeo con una cantidad demasiada puede bloquear la misma, 
también su representación no sirve para la toma rápida de decisiones sobre los resultados 
finales. 
La solución debe servir para gestionar los datos experimentales de un proyecto de 
investigación y mantener informados a los participantes de esta investigación de la evolución 
y los resultados obtenidos durante el desarrollo del procedimiento experimental. 
De aquí en adelante, se discuten las opciones existentes para la creación del sitio web y 
según las necesidades generalmente de sus usuarios y sus desarrolladores se redactan las 
instrucciones de la realización del mismo con la forma adecuada. 
 
 
 
 
38 
 
El análisis del proyecto 
 
 
 
a fase analizar se enmarca en el análisis de las tecnologías que existen para el diseño y el 
desarrollo de un sitio web dinámico. En primer lugar, se identifica las dos principales formas 
de la implementación de la solución, mediante uso de PHP y por medio de CMS. 
4.1 Creación del sitio web con lenguaje PHP y MySQL 
4.1.1 Definición de PHP 
PHP (Hypertext Preprocessor) es un lenguaje de programación de alto nivel adecuado para 
el desarrollo Web; y que puede ser incrustado dentro del código HTML. Es aquel se ejecuta en el 
servidor donde están alojados las páginas. Se puede con PHP ver todas las páginas en cualquier 
navegador y también es un lenguaje sin costo. 
La figura muestra el proceso cuando se visita una página PHP. 
Figura 12:Interpetación de lenguaje PHP en el servidor web. 
El PHP se ejecuta en un servidor web, tomando el código como su entrada y creando las 
páginas web como salida. Cuando el cliente pide una petición al servidor para abrir una página web, 
se ejecuta el intérprete del lenguaje. 
El uso de PHP con otros lenguajes de programación estructurada permite la creación de 
L 
39 
 
aplicaciones complejas. También puede leer y manipular datos de diferentes fuentes. Es una 
alternativa que ofrece un fácil acceso a todas las personas. Tiene la capacidad de ser ejecutado en 
muchos sistemas operativos de UNIX y Windows. Principalmente, se recomienda Apache que 
corre sobre los ambos tipos de sistemas operativos. 
Con el lenguaje PHP se crean sitios web dinámicos, usualmente con los sistemas de gestión 
de datos MySQL. 
4.1.2 Definición del lenguaje SQL y la BD MySQL 
«El Lenguaje de Consulta Estructurado popularmente conocido por sus siglas en 
inglés como SQL, es un tipo de lenguaje de programación que ayuda a solucionar problemas 
específicos o relacionados con la definición, manipulación e integridad de la información 
representada por los datos que se almacenan en las bases de datos.» [18] 
SQL se caracteriza por el manejo del algebra y el cálculo racional que sirve para 
recuperar la información y permite los cambios sobre la base de datos. Es compuesto por 
diferentes elementos para crear, actualizar la base de datos, que son comandos, clausulas, 
operadores y funciones de agregado. 
MySQl es un contenedor diseñado para gestionar y ejecutar un idioma de peticiones 
Estructuradas (SQL); que crea la base de datos, controla la estructura y la forma de la base de 
datos y graba cualquier modificación en la base de datos. Es un sistema gestor de bases de datos 
relacionales por excelencia SGBD, la más usada en aplicaciones creadas por software libre. 
MySQL es muy rápido y gratuito. Facilita la conexión de muchos clientes 
simultáneamente al servidor. Se puede modificar simplemente el código fuente de MySQL. 
Como muestra la figura, cuando el navegador web solicita una página al servidor, si la 
misma tiene un código PHP, el servidor lo procesa, consulta la base de datos y devuelve el 
resultado al cliente en forma HTML. 
40 
 
 
Figura 13:El proceso de funcionamiento del servidor web con PHP y MySQL. [19] 
El desarrollo del sitio web con PHP y MySQL se basa en escribir los scripts de 
programación con lenguajes por cada función y en la definición de las relaciones entre las 
tablas del contenido de la base de datos. 
Esta primera opción exige diversas competencias informáticas y de software 
específicamente si el contenido del sitio web impulsado por una base de datos agrupa los 
datos y los resultados de experimentación que son demasiado amplios. 
Por eso, debe implementar una solución adecuada a las necesidades de los usuarios 
internos que son principalmente los desarrolladores y pueden ser algunas personas del equipo 
de investigación. 
4.2 Creación del sitio web con CMS 
4.2.1 Definición e historia del CMS 
«Un Sistema de Gestión de Contenido o CMS (Content Management System) es un 
término genérico que abarca un amplio conjunto de soluciones cuya funcionalidad y alcance 
depende del tipo de contenidos que gestionen y del ámbito de aplicación de la solución.» [19] 
41 
 
En este estudio se analiza el gestor de contenido Web. WCM es una herramienta que 
sirve para gestionar y administrar el contenido del sitio web mediante lasaplicaciones que 
tiene a disposición el gestor como la edición, organización, modificación y publicación de la 
información sin tener competencias técnicas o conocimientos de programación. 
CMS (Content Management System) es un sistema de gestión de contenido, que 
permite crear fácilmente un sitio Web, gestionar y modificar el contenido de página sin tener 
competencias técnicas. 
«La base de datos es el lugar donde se almacenan los contenidos. Además, contiene la 
información sobre la estructura de la web. Un CMS ofrece las herramientas para definir el 
árbol de navegación, el menú y la estructura web.» [20] 
Jiménez y Moreo (2006) comparten el concepto propuesto en Wikipedia, donde se 
afirma que un CMS «consiste en una interfaz que controla una o varias bases de datos donde 
se aloja el contenido del sitio. El sistema permite manejar de manera independiente el 
contenido por una parte y el diseño por otra. Así, es posible manejar el contenido y darle en 
cualquier momento un diseño distinto al sitio sin tener que darle formato al contenido de 
nuevo, además de permitir la fácil y controlada publicación en el sitio a varios editores. Un 
ejemplo clásico es el de editores que cargan el contenido al sistema y otro de nivel superior 
que permite que estos contenidos sean visibles a todo público.»[21] 
Los WCMS aparecen a fines de los años 90. El desarrollo del gestor de contenido empezó en 
el año 1994 por la compañía RedDot que utilizaba una base de datos como repositorio de 
contenido. El gestor Typo 3 se creó en 1998 y se publicó en el año 2000 por Kasper Skarhoj. 
En estos momentos, se empezó la utilización masiva de los WCMS. Su evolución y su 
mecanismo ha hecho que se abandonara el método antiguo de los sitios web. Los contenidos 
en la web se han ido evolucionando. Primero se cambió el contenido de la página estática 
escribiendo manualmente el código HTML en un sitio web dinámico basando en lenguajes de 
programación y comunicación entre el servidor y la base de datos por ejemplo lenguaje SQL 
y finalmente el paso de evolución de gestores de contenido de código abierto. 
 
42 
 
 
Figura 14: Evolución de los sistemas de gestion de contenidos propuesto por Santillan (2007). 
 
4.2.2 Funcionalidades y ventajas del WCMS 
 
Un gestor de contenido web debe permitir desarrollar cuatro funciones principales: 
• Creación de contenidos: Los usuarios sin conocimientos técnicos pueden crear los 
contenidos. 
• Gestión de contenidos: El WCMS facilita la organización y el mantenimiento de los 
contenidos. 
• Publicación de contenidos: El contenido puede ser visible en la web o puede dejar de 
publicarlo. 
• Presentación de contenidos: El WCMS sirve para mejorar y asegurar la 
compatibilidad de la web con diferentes navegadores. 
Algunas razones por las que se interesa desarrollar el sitio con un CMS son: 
• El CMS permite añadir nuevas funcionalidades al sitio web implicando un nuevo 
módulo. Al contrario, la forma tradicional de la creación del sitio web implica la 
generación de nuevos códigos y la revisión de las páginas. 
43 
 
• El contenido y la manera de su presentación son independientes. El cambio de diseño 
no afecta el aspecto informativo de las páginas. 
• El gestor de contenido sirve para controlar el acceso y gestionar los permisos por 
cada área del sitio. 
4.2.3¿Cómo trabaja un CMS? 
Una base de datos se asemeja a una cajonera para guardar el contenido. Los visitantes a esté 
navegador web, las estrategias de comunicación que lleva el sistema de soporte a la gestión de 
contenidos CMS. Se requiere el uso de FTP (File Transfer Protocol); un protocolo de red para la 
transferencia de archivos, para el manejo y almacenamiento del contenido. 
 
Figura 15: La forma del trabajo de WCMS. 
Para la realización de este último, es necesario saber la relación entre WordPress y 
MySQL, el proceso de la creación de base de datos MySQL. En la siguiente parte va definir 
algunos conceptos básicos sobre la creación de bases de datos MySql y el CMS wordPress. 
4.2.4 Los CMS más populares: 
En este punto, va a ver los diferentes CMS que existen y los más usados según la 
cuota de mercado de todos los gestores de contenido (datos de febrero de 2020). 
44 
 
 
Figura 16:Los 10 CMS más usados. 
 
Según las Estadísticas de uso de los sistemas de gestión de contenido.34,4% de los 
sitios web no utiliza ninguno de CMS que supervisamos. WordPress es utilizado por el 42,8% 
de todos los sitios web. [22] 
 
4.3 WordPress 
4.3.1 Definición e historia: 
Según el Sitio oficial (WordPress.org, 2016), manifiestan que: 
«WordPress es un software que puedes utilizar para crear fantásticas webs, blogs o 
aplicaciones. Nos gusta decir que WordPress es, al tiempo, gratis y de un precio incalculable. 
Dicho de forma sencilla, WordPress es el sistema que utilizas cuando deseas trabajar con tu 
herramienta de publicación en lugar de pelearte con ella. WordPress lo crean y mantienen 
cientos de voluntarios de la comunidad, y hay miles de plugins y temas disponibles para 
transformar tu web en cualquier cosa que puedas imaginar. Más de 60 millones de personas 
han elegido WordPress.» 
Es un software libre y moderno. Fue en sus inicios una herramienta orientada al 
desarrollo de Blogs. Sus funcionalidades se han ampliado y se ha evolucionado hacía uno de 
los CMS más completo del mercado. Los orígenes de WordPress se remontan en 2001. En 
2002, el estudiante universitario Matt Muelleng instaló un sistema de blog para el uso 
personal. Con la ayuda de Mike Little, Matt creó b2/cafelog en 2003, se publicó una nueva 
rama de b2 en Source Forge bajo la licencia GPLv2 de la fundación de software libre. 
45 
 
Christine Tremoulet, una amiga de Matt recomendó el nombre WordPress por este 
CMS. 
4.3.2 Ventajas de WordPress: 
Entre las ventajas de CMS WordPress puede descartar que WordPress es gratuito, no cuesta 
nada utilizarlo. Es muy fácil, configurar y mantener; no necesita saber programación para instalar 
y manejar la herramienta. Puede crear las entradas y administrar sus publicaciones, ilustrar el 
contenido con objetos multimedia (Imágenes, audios, videos, archivos.), gestionar usuarios que 
pueden tener cinco perfiles: administrador, editor, autor, colaborador, suscriptor y gestionar 
comentarios: los usuarios pueden dar su opinión y punto de vista y trabajan en la administración 
del sitio web. 
Dado que WordPress tiene una gran comunidad de desarrolladores que forman una sección 
de suporte, se puede ayudar los usuarios a resolver sus dudas y problemas. 
La biblioteca de WordPress tiene un numero demasiado alto de plugins que sirven para 
expandir el sitio web y añadir nuevas funcionalidades. 
Este CMS tiene una frecuencia de actualización alta y diversas funciones que podemos 
añadir que son: 
• La creación de un sitio web profesional y multilenguaje y de distintos tipos según las 
necesidades de los usuarios. 
• La protección frente a ataques de fuerza y la realización de copias de seguridad. 
• La publicidad y la disponibilidad de formularios de contacto. 
• El control de las interacciones de las páginas web y la organización analíticas instaladas 
en el gestor para analizar la evolución y el desarrollo del sitio web. 
4.3.3 Características técnicas de WordPress: 
WordPress utiliza el PHP como lenguaje de programación. Cuando se descarga la copia 
más reciente del CMS, la mayoría de los archivos base de WordPress son con código PHP. 
Cualquier tema o plugin se instale va se primeramente PHP. 
46 
 
 
Figura 17: EL código PHP del fichero wp-config de WordPress. 
Se define la relación Relación entre MySQL y WordPress como sigue. SQL se 
organiza en tabla de información y WordPress utiliza tablas para relacionar multitud de datos. 
Esta estructura de base de datos y de tablas se crea dentro de una base de datos MySQL. 
 
 
Figura 18: Estructura de la base de datos MySQL de WordPress.4.3.4 Estructura de archivos y carpetas en WordPress 
WordPress tiene una estructura de archivos y directorios concéntrica con tres capas 
principales: 
47 
 
✓ ‘Core’ o ‘núcleo’ el motor inicial del CMS el cual dispone de las funciones básicas 
y contiene los archivos que se crean en la plataforma WordPress para eliminar los 
archivos que no pertenecen al sitio y se transforman en la interface de gestor del sitio. 
✓ ‘Plugins’ la capa que permite añadir y crear extensiones para funciones ausentes. 
✓ ‘Temas’ que consiste en el diseño de página y la visualización del sitio. 
 
 
Figura 19:Estructura de archivos y carpetas en WordPress. 
 
Existe tres carpetas esenciales de núcleo de WordPress que son las siguientes: 
• Wp-admin: La carpeta wp-admin tiene todo lo necesario para acceder al panel de 
administración, el backend de Wordpress. 
• Wp-content: La carpeta wp-content es la más fundamental en el desarrollo y 
funcionamiento del CMS WordPress, donde se almacenan todos los temas, los pulgins y 
las imágenes. Si elimina alguno de estos últimos desde el panel de administración, también 
se eliminará desde la carpeta wp-content. 
• Wp_includes: La carpeta wp-includes es muy importante dentro la estructura WordPress 
porque tiene todo lo necesario para ejecutar WordPress a través de la interfaz y para 
funcionar correctamente a nivel interno. 
• 
48 
 
La estructura de WordPress contiene también archivos, como, por ejemplo: 
• Index.php: Es el archivo principal del núcleo de WordPress que es esencial por la 
instalación del CMS. Sirve para controlar la configuración de la base y los ajustes de 
MySQL para la creación de una base de datos. 
• .htaccess: Este archivo permite o desestima el acceso a los archivos, carpetas y estructuras 
en WordPress. 
4.3.5 Estructura General de WordPress: 
Todo sitio web creado con WordPress consta dos partes diferenciadas: Backend y 
Frontend. 
➢ Frontend: Es el escaparate de web, que los navegadores pueden ver y su acceso es 
público. 
➢ Backend: Es el panel de control y administración, desde donde controla; el 
administrador o cualquier usuario con permisos específicos y suficientes; lo que quiere 
mostrar en el Frontend. 
WordPress se constituye de diferentes elementos, que son los siguientes: 
➢ Entradas o artículos: son el contenido regular del sitio. Es necesario que sean 
ordenadas y clasificadas por categorías. 
➢ Categorías: Son las secciones que permiten ordenar y clasificar el contenido. Los 
usuarios pueden ver las entradas de una categoría concreta y hacer la gestión por filtro. 
➢ Medios: Son el contenido Multimedia que sube a WordPress, como imágenes, audio, 
video o archivos PDF. Puede ser cualquier archivo que se carga en el web o descarga 
desde un enlace. 
➢ Etiquetas: Son palabras destacadas de entradas. Los lectores pueden ver todo el 
contenido relacionado con la etiqueta dentro del sitio web. 
➢ Páginas: El contenido estático del sitio. Los entradas y artículos que son permaneces 
fijos y que sirven para gestionar contenido informativo sobre las presentaciones de la 
estructura general del sitio (equipo, proyecto y empresa...). 
➢ Comentarios: Desde los comentarios los usuarios pueden comentar detalles o cosas a 
cerca de entradas y artículos. 
➢ Temas: Son relacionados al diseño del sitio, determinan su apariencia y la disposición 
de todos los elementos en la pantalla. Los temas permiten modificar el diseño del web 
en segundos, cambiando la apariencia de la página sin afectar el contenido. En 
49 
 
WordPress existe más de 2700 temas gratuitos y puede comprar temas gratuitos de 
pagos o premium si necesita funcionalidades avanzados. 
➢ Widgets: Son secciones independientes de contenido que se sitúan en cualquier parte 
del tema que esté preparado para ello y sirven para mostrar una determinada 
información (un calendario, un cuadro de búsqueda o texto …) 
➢ Plugins: Son complementos que amplían las funcionalidades de WordPress y aumentan 
sus prestaciones. Se encuentra más de 34.000 plugins en el repositorio de WordPress y 
se puede activarlos y desactivarlos y no se colocan en una posición determinada en el 
tema del web. Con los plugins se puede añadir funciones extras como compartir el 
contenido en redes sociales, mejorar el posicionamiento del web, traducir el contenido 
a varios idiomas e incrementar la seguridad. 
➢ Herramientas: Son las funciones de los botones agregados a la barra de marcadores 
del navegador de Internet que se esté utilizando. Por ejemplo, la herramienta Publicar 
Esto; que es un marcador que permite copiar el contenido de otra web. 
➢ Usuarios: las varias personas que pueden modificar el sitio web. Se definen mediante 
los perfiles de usuario, cada perfil tiene una serie de permisos de gestión del sitio según 
su categoría. Existe 5 categorías diferentes: 
• Administrador: Es el único que puede añadir usuarios, tiene acceso al Backend 
y todas las funciones de administración y gestión del sitio con WordPress y 
posee todos los permisos. 
• Editor: Tiene los mismos permisos que del administrador, puede crear entradas 
y publicar artículos y editarlos, pero sin llegar a poder instalar plugins y 
plantillas o configurar el sitio. 
• Autor: Puede crear nuevo contenido y publicarlo en el web sin que necesita de 
su aprobación por parte de otro usuario con más nivel. 
• Colaborador: No puede crear nuevas entradas sin pasar por la revisión de otros 
usuarios con más nivel. 
• Suscriptor: Es el usuario de nivel más básico, que puede solamente manejar y 
editar su propio perfil. 
 
 
 
 
50 
 
 
Implementación de la BD alojada al 
sitio web 
 
 
 5.1 Fase mejorar 
El desarrollo de un sitio web asociado a cualquier actividad requiere una planeación 
elaborada. Es aconsejable, definir primero una expectativa en cuanto el propósito, el objetivo 
principal que desea atraer el sitio web, el público a la que va dirigido los usuarios potenciales y el 
perfil de los posibles visitantes de la plataforma. Asimismo, analizar la información, la fuente y el 
tipo del contenido y la regularidad de actualización de lo mismo. También, la tecnología que se va 
a emplear, que es principalmente en este proyecto se base a los sistemas de gestión de datos 
concretamente WordPress como un repositorio digital de datos. 
El objetivo principal del sitio web es agrupar y manejar todos los tipos de información de 
los resultados de experimentación de datos de investigación. Anteriormente, se ha definido los 
componentes de este primer paso de descubrir e investigar cómo serán las etapas posteriores. Antes 
de pasar al mapa del sitio web, se menciona por siguiente el hosting elegido por el sitio web. 
 5.1.1 El alojamiento web 
 5.1.1.1Definición y tipos del alojamiento web 
«El alojamiento web (en inglés web hosting) es el servicio que provee a los usuarios de 
Internet un sistema para poder almacenar información, imágenes, vídeo o cualquier contenido 
accesible vía web. Es una analogía de `hospedaje o alojamiento en hoteles o habitaciones´ donde 
uno ocupa un lugar específico, en este caso la analogía web o alojamiento de páginas web, se refiere 
al lugar que ocupa una página web, sitio web, correo electrónico, archivos, etc. En internet o más 
específicamente en un servidor que por la general hospeda varias aplicaciones o páginas web.» [23] 
Es el servicio de alojamiento y acceso a las informaciones para sitios web. Aloja todos 
los contenidos de la web para que pueden ser visitados todo el tiempo desde cualquier 
dispositivo conectado a Internet. El proveedor del alojamiento tiene la responsabilidad de 
mantener el servidor en funcionamiento. 
51 
 
Principalmente, estos son los tipos de alojamientos web que se ofrecen los servicios de 
un host; alojamiento profesional que puede ser: 
• Alojamiento compartido: Este tipo de hosting puede alojar un gran número de sitios 
web.• Alojamiento dedicado: En el que el cliente puede contratar un servidor completo. 
• Alojamiento de colocación: un alojamiento de servidores privados y equipos red en 
un centro de datos de terceros. Es decir, se alquila un espacio dentro de un centro 
de colocación. 
También un alojamiento gratuito, este tipo de alojamiento funciona mediante el uso de 
una máquina virtual dentro el servidor local que requiere el control del ordenador 
aparentemente no compartido. 
 5.1.1.2La elección del hosting 
La elección del hosting debe cumplir los requisitos siguientes: 
La verificación de la fiabilidad de los servicios del hosting que consiste a tener una 
infraestructura sólida y un sistema de tecnología de última versión. El tiempo de actividad debe ser 
próximamente 100% para cumplir un nivel alto de calidad, es decir, el sitio web no debe sufrir 
caídas con mucha frecuencia. 
El servicio debe garantizar la atención, el suporte a través del correo electrónico o tickets en 
línea, ofrece precios competitivos y permite usar varios dominios en el hosting. 
El Servicio de Informática y Comunicaciones de la Universidad de Sevilla ofrece a los 
Centros de la Universidad de Sevilla, Departamentos, Grupos de Investigación y Servicios la 
posibilidad de alojar la página Web en el portal de alojamientos de la Universidad con las 
limitaciones propias de un servicio de alojamientos compartidos. [24] 
La solicitud admite dos tipos de alojamientos: 
• Alojamiento con lenguaje HTML. 
• Alojamiento con lenguaje PHP y base de datos MySQL. 
• Alojamiento con PHP y MySQL para instalación de gestor de contenidos (CMS). 
52 
 
Se ha elegido la segunda opción del alojamiento compartido y obtiene la conexión a la 
página Web con los siguientes datos: 
Nombre del servidor personal.us.es 
Nombre de usuario josemar 
Puerto 22, SFTP 
Dirección de la página Web http://personal.us.es/josemar 
Nombre de la base de datos josemar 
Dirección de PhpMyAdmin https://personales.us.es/webdb 
Cuota de PhpMyAdmin 500Mb y 12000 ficheros 
Tabla 4:los miembros del equipo de investigación. 
El servidor tiene una vía segura para la transferencia de datos, utiliza SFTP (SSH File 
Transfer Protocol) que es un protocolo responsable de la autenticación fiable de los puntos de 
comunicación. Permite transferir datos cifrados entre el equipo local y el servidor real. 
 5.1.2 Diseño del sitio web 
«...Web design encompasses all aspects of creating Web sites, from the structure of Web 
pages and the markup which controls it, through scripts that add interactivity and generate pages 
dynamically, to issues of accessibility, usability and visual communication. » [25] 
Es decir, «En definitiva, el diseño web cubre las fases del proyecto que se ocupan de la 
navegación, la usabilidad, la interacción, la arquitectura de la información y de la parte gráfica 
de la web.»[26] 
 
Las fases de diseño se encargan de la navegación, la visualidad y la arquitectura global 
del sitio web. La etapa de diseño puede marcar la diferencia entre el éxito o no del sitio web. Se 
muestra cómo será la estructura de secciones de las páginas web que ayuda a comprender la manera 
de comunicación y de estabilización de las funcionalidades y necesidades de los usuarios y los 
visitantes del mismo. También para facilitar la navegación y el acceso a la información, se conviene 
empezar primero con la arquitectura del contenido. 
5.1.2.1Arquitectura de la información 
La estructuración sencilla del sitio web facilita su comprensión y ayuda a crear el sistema 
de interacción como el diseño visual. 
http://personal.us.es/josemar
https://personales.us.es/webdb
53 
 
«Se toman decisiones de diseño partiendo de su dimensión más general (arquitectura de 
información y diseño de interacción) hasta su dimensión más específica (diseño gráfico en 
detalle y micro-interacciones). Estas decisiones se documentan y se prototipan con objetivos de 
evaluación.» [26] 
«Un mapa de contenidos es el documento que especifica todos los contenidos que se 
quieren incluir en una intranet o sitio web, organizados y definidos con detalle. Por lo general, 
de cara a una mejor compresión y visualización del contenido, el análisis detallado va 
acompañado de un gráfico que muestra las secciones, los documentos y sus relaciones.»[27] 
Se crea por siguiente un mapa del sitio (Site Map) para el proyecto de las propiedades 
de los materiales usados para la fabricación de monedas. Se ha decantado por una estructura 
jerarquizada en forma de árbol. 
54 
 
 
Figura 20:Mapa del sitio web. 
5.1.2.2 Prototipo 
Antes de diseñar las páginas del sitio web, debe realizar un prototipo (en inglés 
wirframe o mockup); es un boceto de las páginas con su estilo, la ubicación de su contenido y 
el lugar en el que aparece cada área de la plataforma. 
55 
 
«Un prototipo es una maqueta o modelo de un diseño o dispositivo para que nos 
hagamos una idea de cómo será el producto final. El prototipo puede ser muy útil para probar 
una funcionalidad concreta, para ver el aspecto de distintos diseños e incluso para realizar 
testes de usabilidad (UX) sin invertir tanto tiempo, esfuerzo o dinero como supondría de 
tratarse del producto final.» [28] 
Esta etapa es para la esquematización, organización de la información y plasmación de 
ideas que permite realizar un buen resultado y alcanzar los objetivos del sitio web. El diseño 
del prototipo ayuda ahorrar tiempo en revisiones de posibles errores de organización de la 
estructura del contenido. El siguiente esquema muestra las principales ventajas del prototipo: 
 
Figura 21:Funcionalidades del prototipo. 
Se puede realizar el boceto en forma tradicional, rápida e informal en papel, se llama 
en inglés Sketching, el esquejo o el dibujo que suele realizarse durante las reuniones iniciales 
entre los miembros del equipo de investigación y de trabajo y durante un brainstorming o 
hacer directamente un wirframe utilizando algún software. 
56 
 
 
Figura 22:Wirframe de la página de inicio del sitio web. 
57 
 
5.1.2.3 Colores 
En el diseño del sitio web, los colores son muy subjetivos. Dado que pueden transmitir una 
determinada sensación a los usuarios, debe haber una cierta armónica entre los colores, no deben 
sobrecargar los ojos de usuarios ni ser agotadores. Se aconseja no emplear más de cuatro colores 
distintos y mezclar colores de manera aleatoria. Además, hacer una elección en conjunción en el 
tema del proyecto. 
«Elegir bien las tonalidades es un factor importantísimo en el diseño de nuestra página 
web, ya que son capaces de generar en el usuario diferentes emociones y, precisamente, de 
ellas debemos valernos para llegar a nuestros objetivos.» [29] 
En este caso, se decide emplear los siguientes colores: Azul, blanco, amarillo y negro. 
Estos dos últimos colores se van a utilizar poco, solamente para resaltar los detalles. 
El color azul es lo más usado en páginas web porque transmite a los visitantes una 
sensación de protección, confianza, frescura, inteligencia, seriedad y autoridad. Es ideal para 
temas de tecnología, investigación, salud y política. Sera el color principal del sitio web. 
Se usa el color blanco para fondo de las páginas web. Sus características más definidas 
son la limpieza, la transparencia, la pureza y la simplicidad. Permite que el ojo de usuario 
descansar y fijarse a las llamadas a la acción. Se puede utilizar en sitios de cualquier tema, 
puesto que se combina con más colores. El amarillo es color cálido más brillante, suele estar 
relacionado con la energía y el optimismo y puede crear una sensación de la felicidad y 
entusiasmo. Se usa en el logotipo del sitio para dirigir la atención al tema. 
5.1.2.4 Logotipo 
«El logotipo es un símbolo que se utiliza para presentar a una institución, marca, persona o 
sociedad. Se caracteriza por estar compuesto de imágenes, símbolos y/o letras.» [30] 
Debido que un