Definición, diseño e implementación de métricas de usuario final sobre componentes web en el lado Front-end, mediante Google Analytics

La web ha evolucionado hacia la participación en la creación de contenido tanto por desarrolladores expertos como por usuarios finales sin un gran conocimiento en esta área. A pesar de que su uso es igual de válido y funcional, las diferencias entre la calidad de los productos desarrollados por ambos puede llegar a ser considerable. Esta característica se observa con mayor claridad cuando se analizan los web components. El trabajo consiste en el desarrollo de un entorno capaz de recoger las métricas de calidad de los componentes, basadas en la interacción con ellos por parte de los usuarios. A partir de las métricas obtenidas, se determinará su calidad para realizar una mejora de la misma, en función de las características valoradas. La selección de las métricas se realiza mediante un estudio de las características que definen a un componente, y permiten ser analizadas. Para poder llevar a cabo la construcción del portal, se ha descrito un prototipo capaz de proporcionar un sistema para permitir que los componentes intercambien información entre ellos. El modelo ha sido integrado en los componentes que se han de evaluar para obtener nuevas métricas sobre esta característica. Se ha desarrollado un dashboard que permite la interacción sin limitaciones de los usuarios con los componentes, facilitándoles un sistema para conectar componentes, utilizando para ello el sistema previamente descrito. Como conclusión del trabajo, se puede observar la necesidad de integrar los componentes web en un entorno real para poder determinar su calidad. Debido a que la calidad está determinada por los usuarios que consumen los componentes, se ha de contar con su opinión en la cuantificación de la misma.---ABSTRACT---Recently, the web has evolved to the collaboration between professional developers and end users with limited knowledge to create web content. Although both solutions are correct and functional, the differences in the quality between them can be appreciable. This feature is shown clearly when the web components are analyzed. The work is composed of the development of a virtual environment which is able to pick the quality measures of the components, based on the interaction between these components and the user. The measures are the starting point to decide the quality, and improve them with the rated measures. The measures selection is done through a study of the main features of a component. This selection can be analyzed. In order to create the website, a prototype has been specified to provide a system in which the components can be trade information between them. The interconnection model has been integrated in the components to evaluate. A dashboard has been developed to allow users interacting with the components without rules, making them possible connecting components through the model. The main conclusion of the work is the necessity of integrating web components in a real environment to decide their quality. Due to the fact that the quality is measured in terms of the rate of the users, it is a must to give them the main roles in the establishment of that quality.

Análisis, diseño e implementación de un SDK híbrido basado en tecnologías web para la integración de clientes contra una plataforma de servicios RESTFul/JSON

En el departamento de Ocio Digital de bq se desarrollan multitud de proyectos con diferentes modelos de negocio y diferentes stack tecnológicos. Para llevar a cabo todos estos proyectos, es necesario tener un ecosistema de desarrollo lo más unificado y centralizado posible. Por eso, en el departamento existe una plataforma genérica de servicios REST sobre la que se apoyan todos los aplicativos desarrollados. Para agilizar y facilitar la integración de los aplicativos con la plataforma de servicios,se desarrolla este SDK (Software Development Kit) basado en JavaScript llamado corbel-js. Este SDK ha de funcionar tanto en aplicaciones web, como en un middleware basado en node.js desarrollado también en la organización, por lo que el SDK se ha desarrollado de forma híbrida, siendo capaz de ejecutarse tanto en en el lado del cliente, como en el lado del servidor. Además, como parte de la filosofía del departamento, el desarrollo del SDK está basado en tecnologías Open Source, usando metodologías ágiles de desarrollo y un sistema de integración continua y revisión de código, garantizando la calidad del mismo. ABSTRACT A lot of different kinds of software projects are developed in the digital department of bq. To easily develop all of these projects, each one with its own business model and technology stack, it is necessary to have an unique software ecosystem. Because of that, in the software department a generic service REST platform has been developed. To support an easy integration of the applications with the service platform of the organization, this SDK(Software Development Kit) has been developed in JavaScript. As the SDK has to run under a web application and under a software middleware based in node.js, also developed in the organization, the SDK is hybrid, being capable of run inside a web client application or inside a node.js application server. As a part of the software philosophy of the department, the development of the SDK is made with a whole open source software stack, using agile software methodologies.

Espacio web para el diseño de un museo virtual de la historia de la informática

El objetivo principal de crear un espacio web para el Museo Histórico de la Informática (MHI) perteneciente a la Escuela Técnica Superior de Ingenieros Informáticos (ETSIINF) de la Universidad Politécnica de Madrid (UPM) es la difusión de la historia de la informática entre el público en general. Si bien es cierto que existe ya una página web de consulta del MHI con algunas imágenes y contenido sobre los objetos que allí se exhiben, es también reseñable que se trata de un espacio obsoleto, lleno de carencias y extremadamente difícil de gestionar y actualizar, por lo que se hacía imprescindible actualizar el diseño del espacio web, los contenidos y el sistema de gestión de los mismos, cosa que es de gran interés para un lugar divulgativo. En la actualidad, existen maneras mucho más amigables para el usuario de navegar por una web; y de la misma manera para un administrador, gestionar el contenido de la misma y mantener a los usuarios bien informados de todo lo que se ofrece en cada momento. Esto es posible gracias a los sistemas de gestión de contenidos o content management system (CMS), de los que se hablará lo largo de todo el documento. Estos sistemas, dan una facilidad mucho mayor a los encargados de llevar al día una página web, sin tener que saber de programación, lenguajes o informática en general, ya que incorporan paneles de control muy intuitivos y fáciles de manejar, que son una ventaja tanto para ellos como para los usuarios. Es por esta razón que, hay páginas web como la de las empresas IKEA, Ubuntu o, en especial para el caso que compete al documento, el museo del Louvre usan gestores de contenidos para sus páginas web. Y es que las ventajas y facilidades que ofrece un CMS son realmente interesantes y se tratará de todas ellas en el documento, de la elección del CMS que mejor se ajusta a los requisitos del museo, las restricciones a la hora del despliegue en el ámbito de la ETSIINF y de cómo mejorará esto la calidad visual y divulgativa del MHI. Este trabajo se desarrolla a lo largo de 11 capítulos, en los que se muestra como construir un sitio web, las posibilidades y la elección final para este caso. En el primer capítulo se hace una pequeña introducción de lo que es el proyecto, se especifican los objetivos, la motivación del mismo y el alcance que tiene. En el segundo capítulo se muestra la información que se ha recopilado en el trabajo de investigación que se hace previo al desarrollo. En él se muestran los distintos tipos de páginas web, que tecnologías y lenguajes se pueden usar para su construcción, una comparativa sobre otras entidades similares al MHI, las limitaciones que presenta el entorno y la elección final que se consideró más adecuada para este caso. En el capítulo tres se empieza a desarrollar la solución a través del diseño. Aquí se puede encontrar el diseño de más bajo nivel que se le presenta al cliente para sentar las bases del trabajo, el diseño de alto nivel con un mayor grado de realidad que el anterior y una preparación de lo que serán los planes de prueba. El capítulo cuatro muestra todo lo que se ha usado en la implementación y la integración de la página web: herramientas, tecnologías, plantillas de diseño y módulos que proporcionan distintas funcionalidades. Llegados al capítulo cinco, se puede ver una detallada documentación de los resultados de las pruebas de usabilidad y accesibilidad realizadas, y las conclusiones que subyacen de estas. Una vez acabada la implementación del sitio web del MHI, en el capítulo seis se intenta hacer una labor de consultoría, mostrando precios y presupuestos de las distintas tareas que se han llevado a cabo para la realización de este proyecto. En el capítulo siete se extraen las conclusiones de todo lo acontecido en los capítulos anteriores y en el ocho unas líneas sobre posibles trabajos futuros que se podrían llevar a cabo en base a lo que ya se tiene en la institución, incluido este trabajo. Para facilitar la comprensión y satisfacer la curiosidad del lector, se ha incluido en el capítulo nueve la bibliografía con toda la documentación consultada y en el diez un glosario de términos para la aclaración de términos y acrónimos más técnicos. Para acabar, en el capítulo once se anexionan tanto el documento que se usó para las pruebas de usabilidad como un manual de administrador para el sitio web, que hace más amigable el entorno para las personas que lo tengan que mantener en un futuro.---ABSTRACT---The main goal of creating a website for the Informatics Historical Museum (“Museo Histórico de la Informática” or MHI) located in the Higher Technical School of Informatics Engineers (“Escuela Técnica Superior de Ingenieros Informáticos” or ETSIINF) of the Polytechnic University of Madrid (“Universidad Politécnica de Madrid” UPM), is to promote the aforementioned museum as to increase its reach to the public. While it is true that there already is a consulting website with some pictures and information about the items which are displayed in the building, it is outdated and the data is scarce. Moreover, it is extremely complicated to manage and to regularly update the web page, which is very important for informative/broadcasting media. Currently, there are easier ways for the users of a website to consult whatever information they want, as well as it is now easy for a website manager to display new content and to keep the users informed about what is been offered at every moment. This is possible because of content management systems (CMS), which will be discussed throughout the entire paper. These systems make it easier to use for the administrator of a website to keep it up to date without the necessity for them of having any knowledge or skills in programming, languages or computing, because the systems have an intuitive control panel that is easy to use, which is an advantage for both managers and users. Because of all these reasons, there are lots of companies that use this kind of systems, such as IKEA, Ubuntu or, especially, the Louvre Museum, to which we direct our attention all throughout this report. It is easy to notice that these systems have an important and very interesting number of perks and benefits. In the next chapters of the document we will explain the benefits of the program as well as the choice on the kind of CMS that best suits the requirements of the museum and, finally, the restrictions of the school for the deployment and of how all of this will improve the visual and informational qualities of the MHI. This work is developed over 11 chapters, shown how to build up a website, the possibilities and the final choice for this case. In the first chapter a brief introduction of the project, goals, motivation and scope thereof having specified are done. Before the development of the website, the second chapter shows de information of the researching work. It discusses the different types of websites, technologies and languages that can be used for build-up, a comparison of similar entities to MHI, the limitations of the environment and the final choice was considered more appropriate for this case. Chapter three begins to develop the design of the solution. Here there are the lowest level design that presents the customer to fix any problem, the high level design with a higher degree of reality than the last and the test plans. Chapter four shows everything that has been used in the implementation and integration of the website: tools, technologies, design templates and modules that provide different functionalities. Reaching the fifth chapter, you can see a detailed documentation of the results of the usability and accessibility tests made to some users and the conclusions of it. Once the implementation of MHI website is done, in chapter six there is a consultancy work, showing prices and budgets of the different tasks which were carried out for this project. In chapter seven there are the conclusions of what happened in the previous chapters and eight chapter shows possible future works that could be carried out based on what the institution already have, including this work. To make easier to the reader understand this paper and satisfy his curiosity, the chapter nine includes the bibliography consulted with all the documentation and chapter ten has a glossary of terms and an explanation of technical terms and acronyms. Finally, in chapter eleven there are attached both the document that was used for usability testing as a manual administrator for the website, making the environment friendlier for people who have to maintain it in the future.

Diseño e implementación de un demostrador web de mejoras de prestaciones wi-fi

Las características de Wi-Fi en combinación con el protocolo TCP hacen que se produzca una reducción del caudal resultante, causada por el diseño del propio protocolo TCP, desaprovechando en gran medida la capacidad de la red. El objetivo del proyecto ABA-WIFI era elaborar una solución que permitiera corregir el comportamiento anómalo del protocolo de transporte TCP que sufren las redes de acceso de banda ancha a través de Wi-Fi. Para ello se presentaron una serie de mejoras destinadas a los puntos de acceso Wi-Fi basadas en técnicas de TCP Split y TCP Spoof que solucionan el problema identificado de manera notable. Este trabajo proporciona una herramienta web para probar y medir cuantitativamente en tiempo real el efecto de dichas mejoras sobre las prestaciones de la red para distintas condiciones de la misma, atendiendo a la posición del cliente respecto del punto de acceso, el tipo de tráfico cursado, las condiciones de carga de la red y la situación geográfica.

EDUTIC-WQ: de la herramienta de autor hacia la Web 2.0. Evolución en la creación, diseño, accesibilidad y publicación online de WebQuest

Utilizar Internet como medio de aprendizaje, donde se crean, comparten y encuentran infinidad de recursos destinados a la educación es una realidad que se consolida cada día. En este artículo presentamos la evolución, en cuanto a características, uso y difusión, de la plataforma para el aprendizaje on-line EDUTIC-WQ. Esta plataforma, que proporciona una aplicación online para crear, diseñar, compartir y consultar WebQuests, fue creada como herramienta de autor en 2004 en el seno del grupo de investigación EDUTIC-ADEI de la Universidad de Alicante y actualmente ha sido orientada hacia la filosofía de la Web 2.0. EDUTIC-WQ ha superado con creces todas las expectativas de uso y consulta: aproximadamente 4 millones de páginas consultadas en 2011 y ha servido 647 Gigabytes de información consultada por más de 1 millón de personas distintas.

Diseño e Implementación de un robot de conocimiento para la extracción de información de los Social Media y Web

Las transformaciones tecnológicas y de información que está experimentando la sociedad, especialmente en la última década, está produciendo un crecimiento exponencial de los datos en todos los ámbitos de la sociedad. Los datos que se generan en los diferentes ámbitos se corresponden con elementos primarios de información que por sí solos son irrelevantes como apoyo a las tomas de decisiones. Para que estos datos puedan ser de utilidad en cualquier proceso de decisión, es preciso que se conviertan en información, es decir, en un conjunto de datos procesados con un significado, para ayudar a crear conocimiento. Estos procesos de transformación de datos en información se componen de diferentes fases como la localización de las fuentes de información, captura, análisis y medición.Este cambio tecnológico y a su vez de la sociedad ha provocado un aumento de las fuentes de información, de manera que cualquier persona, empresas u organización, puede generar información que puede ser relevante para el negocio de las empresas o gobiernos. Localizar estas fuentes, identificar información relevante en la fuente y almacenar la información que generan, la cual puede tener diferentes formatos, es el primer paso de todo el proceso anteriormente descrito, el cual tiene que ser ejecutado de manera correcta ya que el resto de fases dependen de las fuentes y datos recolectados. Para la identificación de información relevante en las fuentes se han creado lo que se denomina, robot de búsqueda, los cuales examinan de manera automática una fuente de información, localizando y recolectando datos que puedan ser de interés.En este trabajo se diseña e implementa un robot de conocimiento junto con los sistemas de captura de información online para fuentes hipertextuales y redes sociales.

Problemas de usabilidad en el diseño de sitios web

Este artículo presenta una discusión sobre los problemas y desafíos para el diseño y la producción de sitios en la web bajo la óptica de la usabilidad. El análisis toma como ejemplo algunos sitios web desarrollados por la autora. A pesar de la usabilidad ser aplicada desde el comienzo de la década de los 80 en tests de software, su aplicación a la web es bastante reciente y presenta características propias y complejas. A diferencia de los software tradicionales, la web constituye un nuevo medio de comunicación y tiene características particulares de acceso remoto a datos, publicación dinámica de informaciones, interfaces gráficas que cambian con el lugar exhibido, rápida absorción de novedades tecnológicas, entre otras. En este escenario, es muy difícil definir el formato de una interfaz gráfica y descubrir como utilizar el nuevo medio de la forma más adecuada, aún mas difícil resulta prevenir como será la evolución de este nuevo lenguaje para poder utilizarlo en todo su potencial. La usabilidad aplicada a la web trajo nuevas preguntas y su importancia está creciendo. Una interfaz gráfica en la web, mal hecha (pobre en usabilidad), puede costar mucho más caro que una interfaz mal hecha en software tradicional.

Creación y diseño de la plataforma web y aplicación móvil para la realización de la revista digital de carácter académico-estudiantil (ARKHÉ).

El proyecto titulado Creación y diseño de la plataforma web y aplicación móvil para la realización de la revista digital de carácter académico-estudiantil (Arkhé), tuvo como objetivo instaurar un medio propio para la Carrera de Comunicación Social, destinado a la publicación de trabajos e investigaciones de docentes y estudiantes. El proyecto fue estructurado visual y conceptualmente. En cuanto a la estructura visual, se crearon elementos que identifican a la revista, como: logotipo, colores y todo lo relacionado al diseño visual y funcional de la página y su aplicación móvil. En lo referente a la parte conceptual, se elaboraron las bases fundamentales para que exista una revista como: misión, visión, sostenibilidad, concepto de su nombre, creación de la línea editorial, Consejo Editorial, políticas de calidad y normas de publicación; para convertir a Arkhé en una fuente de referencia confiable con posibilidades de indexación. El presente proyecto comprende una investigación teórica y práctica. En el primer capítulo se partió de un marco teórico y se desarrollaron conceptos indispensables para la elaboración de una revista digital. En el segundo se mostró los resultados de la aplicación de encuestas y entrevistas realizadas a estudiantes y profesores. En el tercero se elaboraron las bases de la revista académica y de la estudiantil. Finalmente en el cuarto capítulo se creó el espacio web en donde consta toda la información de la revista para que puedan publicar sus trabajos. En consecuencia, Arkhé es un medio que apoya al proceso de aprendizaje, en el que profesores y estudiantes desarrollan sus habilidades a través de la práctica.

Experiencias en el diseño e implementación de cursos de cálculo usando web

En este trabajo presentaremos el diseño de cursos de cálculo diferencial e integral de una y varias variables que siguen una estrategia combinada de enseñanza presencial y de aprendizaje en línea basados en la metodología de diseño instruccional elaborado en el Sistema ITESM (ITESM,1995) En el diseño hemos considerado el análisis de la materia, la planeación del curso: objetivos, contenidos, actividades, evaluaciones, etc. (Rico, 1998) y la integración del curso (sitio WEB y actividades en el aula). También mostraremos ejemplos de actividades de los cursos.

Diseño y ejecución de una coreografía gimnástica grupal con música

Duración (en horas): De 41 a 50 horas .Nivel educativo: Grado

Diseño y desarrollo de troquel para conformar una pieza de chapa

Duración (en horas): Más de 50 horas. Nivel educativo: Grado

Diseño y cálculo de una instalación de bombeo

Duración (en horas): De 41 a 50 horas Nivel educativo: Grado

Aprendizaje basado en proyectos en Diseño y Construcción de Sistemas Digitales

Duración (en horas): Más de 50 horas. Destinatario: Estudiante y Docente

Diseño de programas de apoyo a la creación de spin-off académicas

En el presente trabajo, por medio de una revisión de la literatura, identificamos una serie de variables que condicionan las características de los programas de apoyo a la creación de spin-off académicas, establecemos las condiciones bajo las cuales parece que deberían ir en un sentido u otro y perfilamos cuatro modelos básicos de programas.Los resultados del estudio pueden ser una buena guía para las autoridades académicas interesadas en la implantación de un programa de apoyo a la creación de spin-off o para la mejora de la eficiencia de programas ya existentes.