Tecnologías

Para desarrollar el proyecto se decide utilizar las tecnologías más adecuadas que cumplirán los requisitos de análisis y diseño para poder cubrir todas las necesidades planteadas por el museo.

4.1.1. HTML5

Es un lenguaje basado en etiquetas que se utiliza como código para las páginas WEB. Es una nueva versión del lenguaje HTML, que habilita un conjunto de tecnologías más amplio. Una de las grandes ventajas que tiene es la introducción de código PHP, CSS y JavaScript. El navegador es el encargado de la interpretación del código para su posterior visualización gráfica [Web.23].

4.1.2. CSS3

Este lenguaje es la última versión del lenguaje CSS. Es utilizado para la creación de estilos en otros lenguajes como HTML o eXtensible Markup Language (XML). Su gran utilidad es la de dar el aspecto deseado a los distintos elementos de una página WEB, así como poder elegir elementos audiovisuales [Web.24].

64 4.1.3. PHP

Es un lenguaje de código abierto bastante popular, especialmente usado en el desarrollo WEB. Una de sus múltiples ventajas es la posibilidad de poder introducirlo dentro de código HTML, así como su interacción con las bases de datos.

El código es ejecutado en el servidor, generando HTML y enviándolo al cliente. Esto es una gran ventaja, pues el cliente no conocerá el código PHP. Este lenguaje junto al CSS3 y el HTML5, serán los que permitan el diseño de la aplicación WEB.

4.1.4. SQL

El lenguaje SQL es el elegido finalmente para el manejo de los datos, entendiéndose como manejo, la modificación, eliminación, creación o recuperación de datos. Para este manejo, utiliza el cálculo relacional y el álgebra. Se utilizará para realizar las pruebas unitarias, de manera pura y original. Mientras que dentro de Drupal, se utilizará la Interfaz de Programación de Aplicaciones (API) para realizar las consultas SQL de modo indirecto [Web.25].

4.2. Herramientas

Existen una serie de herramientas que facilitan el uso de las tecnologías mencionadas en el apartado anterior. Todas estas herramientas hacen mucho más cómoda y rápida la tarea de realizar el proyecto. Una breve descripción de las mismas se realiza en los apartados siguientes.

4.2.1. Drupal

Ofrece una gran cantidad de posibilidades a través de su variedad de plantillas y módulos disponibles. Además dado que, es una herramienta mucho más segura que las otras analizadas, y a su capacidad de poder realizar consultas en bases de datos con su API, es el gestor de contenidos finalmente utilizado para realizar el proyecto. La Escuela trabaja con la versión 7.39, por lo tanto esta será la versión elegida para no tener problemas de compatibilidades entre versiones.

65 4.2.2. Apache

Es un servidor Hypertext Transfer Protocol (HTTP) [Web.26] de código abierto multiplataforma. Es el servidor que se usa para desplegar el proyecto. Viene integrado en la herramienta XAMPP que se indica más adelante [Web.27].

4.2.3. MySQL

Este sistema gestor de bases de datos, brevemente descrito en el capítulo dos, es el utilizado finalmente en la implementación del proyecto. En él, se albergaran la base de datos del museo y del gestor de contenido.

Este sistema viene incluido por defecto en la herramienta XAMPP, es compatible con Drupal y es utilizado en el Centro de Cálculo de la Escuela.

4.2.4. XAMPP

Es un servidor de distribución libre y completamente gratuito. Está compuesto por el servidor Apache, el gestor de contenidos MySQL y los intérpretes para lenguajes PHP y Perl [Web.28]. La inicial “X” de su nombre es indicador de que sirve para cualquiera de los distintos sistemas operativos existentes [Web.29]. La creación de la base de datos y la inicialización de tanto del servidor como de gestor de contenidos es muy simple.

Tras instalar XAMPP, se copian los archivos de Drupal en la carpeta de: xampp/htdocs/NombreCarpetaDrupal

Después de esto, hay que crear una nueva base de datos en MySQL y posteriormente ir al archivo: “settings.php” ubicado en la ruta se indica a continuación, y configurar la conexión de la base de datos.

xampp\htdocs\NombreCarpetaDrupal\sites\default

Una vez realizada la conexión con la base de datos, se inicializan tanto el servidor, como el gestor de contenidos. Para acceder a Drupal a través del navegador WEB, se

66

introduce la URL siguiente, siendo “NombreCarpetaDrupal”, la carpeta anteriormente copiada:

localhost/NombreCarpetaDrupal

4.2.5. phpMyAdmin

Esta herramienta facilita el manejo de MySQL a través de páginas web. Gracias a ella, podremos visualizar gráficamente los resultados de las interacciones con la base de datos, lo que hace que sea mucho más cómodo ver los resultados y evita estar realizando consultas desde un terminal, de tal manera que agilizarán las pruebas [Web.30].

4.3. Plantillas y módulos

La elección de la plantilla será un paso importante, ya que contendrá el aspecto que el usuario verá cada vez que acceda a la WEB. Existe una gran cantidad de plantillas puestas a disposición de los desarrolladores tanto gratuitas, como de pago.

Tras estudiar las necesidades de usabilidad, visuales y de accesibilidad que se requieren para la nueva web, se realizó una búsqueda para las plantillas que cumplieran estos requisitos. La plantilla Responsive Green fue la elegida para ser la plantilla del sistema. En la Figura 4.1 se puede ver la pantalla principal de esta plantilla.

67

Figura 4.1. Pantalla principal de la plantilla Responsive Green

Por otro lado, para el desarrollo de la base de datos solo es necesario un módulo, PHP filter. Permite la utilización de fragmentos de código en las páginas y los artículos que se puedan publicar.

69

5.

PRUEBAS

Este capítulo muestra los resultados obtenidos en las pruebas programadas. Algunas de las pruebas han sido realizadas por usuarios externos al diseño del sistema, para poder conocer su opinión sobre el estilo y colocación de los botones.