Actualmente, en la población española, el sector que tiene más interés corresponde al de los medios de comunicación. En concreto, el medio de comunicación con mayor número de audiencia es el dedicado a la televisión. Este interés por la televisión da lugar a la formación de empresas para la mejora del servicio enfocado a la información de la programación, concretamente empresas dedicadas a la realización de las guías de programación.Debido al aumento tecnológico en este sector y a la cantidad de servicios televisivos que quieren ofrecer la mejor experiencia al usuario final, aparece un nuevo elemento que caracteriza el contenido de las guias de programación, la imagen. Dicho elemento se añade junto con la información textual de cada evento programado en la televisión con una buena resolución, dando así un valor añadido a las guias de programación electrónicas.El presente proyecto se ha llevado a cabo en la empresa MediadataTV dentro del marco de colaboración Universidad –Empresa y ha consistido en el diseño e implementación de una aplicación para un sistema de gestión de contenidos (CMS, del inglés Content Management System) que permita encuadrar una misma imagen en diferentes relaciones de aspecto y así complacer al cliente que requiera una guía de programación en la que cada evento de la guía contenga información textual y su respectiva imagen en el formato que desee(verejemplo de la Ilustración 1).Ilustración El desarrollo de la aplicación se ha iniciado con una selección de los CMS más populares para encontrar el que permitiera una mejor separación entre el código añadido respecto al código madre del CMS y una mayor cantidad de opciones para el tratamiento de imágenes. Pimcore, el CMS que se ha elegido para el desarrollo de la aplicación,cuenta con una gran cantidad de opciones para la edición de imágenes, ya que dispone de una librería llamada Image Magickcon una gran capacidad para leer y escribir en más de 100 formatos distintos de imagen. Para obtener una interfaz de usuario funcional, se ha utilizado un plugin creado mediante el framework de JavaScript llamado jQuery. Este plugin ha permitido visualizar una región de una imagen con posibilidad de realizar zoom a través del ratón. El plugin llamado ElevateZoom ha sido incorporado en la aplicación para que el usuario pueda seleccionar la región que crea pertinente para cada relación de aspecto y así realizar el recorte con los tamaños deseados.Es importante destacar que en la implementación de la aplicación se ha utilizado el patrón Modelo-Vista-Controlador (MVC) para separar la parte que se ejecuta al cliente(Frontend) desarrollada en JavaScript de la que se ejecuta en el servidor(Backend)desarrollada en PHP. Debido a que elCMS funcionará en el servidor principal de la empresa, el desarrollo se ha hechocreando un entorno de desarrollo con tecnologías dedicadas a la virtualización de máquinas para tener una copia exacta del servidor principal en un ordenador y así probar la aplicación en dicho servidor. Las tecnologías que se han utilizado para lograr un entorno idéntico al final se llaman Vagrant y Puphpet. Por último, se han mencionado dos herramientas utilizadas en el desarrollo. La primera,llamada GIT ha permitido tener un control de las versiones del código que se ha desarrollado para evitar perder cambios o volver a versiones anteriores, además de dar la posibilidad de desarrollar una misma aplicación con más de un desarrollador. La segunda,llamada Firebug ha permitido visualizar la ejecución de código JavaScript línea por línea para corregir fallos en el código programado.