JavaScript and the DOM

A look at the HTML Document Object Model, and how JavaScript uses it to manipulate the contents of Web pages. Links are provided to DOM tutorials that give more detailed explanations.

The Sociology of the Web

A sociologist's description of the Web as a socially constructed/discovered/encountered piece of technology.

Web Design Labs

additional Labs created for web design module. Topics covered: HTML 5, Jquery and javascript debugging

Página web del Instituto de Estudios Europeos de la Universidad de Valladolid.

El proyecto se realiza en el Instituto de Estudios Europeos de la Universidad de Valladolid. Los profesores, todos miembros del citado Instituto, han trabajado individualmente reuniéndose con el coordinador para ordenar sus respectivos trabajos y colocarlos adecuadamente en cada sección de la web. Los objetivos del proyecto han sido mejorar la web del Instituto de Estudios Europeos y crear nuevas web específicas que contribuyan a facilitar el acceso a la información por parte de los alumnos en distintos ámbitos: Mercosur (responsable Marcos Sacristán), ampliación europea (responsable Guillermo Pérez Sánchez), reforma de las instituciones europeas (responsable Antonio Calonge), página web general (responsables Antonio Adrián y Alfredo Allué). Una vez elaborada se transforman los documentos a lenguaje HTML y Javascript por parte de la persona contratada y la colaboración de una becaria del Instituto de Estudios Europeos. Resultados: se favorece el aprendizaje de los alumnos, se potencia la eficacia de las prácticas y los alumnos adquieren las competencias de la titulación. Los materiales elaborados han sido: textos, formatos de web, fotografías. Los materiales utilizados: bibliografía en diversos idiomas, consultas a distintas web. Publicada en http://www.der.uva.es/iee.

Modelado y diseño de experiencias educativas en la World Wide Web.

Crear una metodología para diseñar e implementar cursos en línea fuertemente hipermediáticos. La mayoría de los cursos que se ofrecen actualmente en la red presentan una estructura secuencial, y están basados principalmente en texto e imágenes. La Web tiene capacidades hipermediáticas que se deben de aprovechar para crear cursos en línea y que penetren directamente en la mente de los estudiantes. Se plantea la necesidad de que hay que crear cursos con una estructura no secuencial, en los que el vídeo, la animación y el sonido adquieran un papel significativo. En primer lugar, la metodología saca partido de la ortogonalidad entre estructura y exposición, no sólo desde una perspectiva de diseño, sino también desde una perspectiva cognitiva: emplea el hipertexto para, por medio de la exploración, comunicar la estructura de los materiales a aprender y utiliza el multimedia para llegar a la mente del estudiante a través de todos sus sentidos. Al utilizar el hipermedia exploratorio, se siguen principios constructivistas, haciendo que los estudiantes construyan su propio conocimiento. Con el multimedia, se pretende transformar el aprendizaje en una experiencia más rica, a través de las ideas del Aprendizaje Receptivo Significativo. Hasta ahora, sólo se cubren dos de los principales tipos de conocimiento: el conocimiento declarativo (multimedia) y el conocimiento estructural (hipermedia exploratorio no secuencial). Falta el tercero que se trata del conocimiento procedimental. A fin de soslayar esta limitación, se crea el concepto de 'satélite'. Un satélite es cualquier tipo de actividad adjunta a un nodo del sistema hipermedia. Típicamente, se dispone de todo un conjunto de satélites 'orbitando' cada nodo expositivo del sistema. La metodología describe con todo detalle la forma en que se deben diseñar ambas, estructura y exposición para que sean cognitivamente eficaces. Se desarrollan un par de elementos innovadores. Por un lado, 'los contratos de navegación', una forma de superponer varias estructuras de navegación ricas sobre la misma estructura de información y, por otro, el 'docusquema', técnica basada en la cognición para presentar información multimedia. La descripción de estos dispositivos metodológicos es fundamental para entender la eficacia de la metodología. Concluye con la descripción de la solución tecnológica adoptada para emplear la metodología: Flash de Macromedia, ServIets de Java, XML y JavaScript.

LEGENDiary: web 2.0 y app móvil

LEGENDiary es un geoportal 2.0 que permite compartir y explorar las leyendas y cuentos característicos de las ciudades de una manera dinámica y colaborativa. Muchas veces las leyendas forman parte de la historia y cultura de nuestros pueblos o ciudades, LEGENDiary nos permite conocerlas según el territorio donde se ubican. La iniciativa promueve nuevas formas de conocer y explorar el territorio, en general, y las leyendas y cuentos de nuestros pueblos y ciudades, en particular. Un proyecto que permite a los usuarios interactuar y ser protagonistas de esta experiencia. El proyecto parte inicialmente de un contexto español, y se trata de un proyecto hecho a medida de todas aquellas personas interesadas y con curiosidad en compartir, conocer y explorar las leyendas en el territorio. La combinación de las Tecnologías de la Información Geográfica y las Tecnologías 2.0 es el escenario donde surge LEGENDiary, aportando la componente geográfica a las leyendas y cuentos de los pueblos y ciudades en un contexto colaborativo. La iniciativa se lanza el día 16 de noviembre de 2011 en formato concurso con motivo del Día Internacional de los Sistemas de Información Geográfica (GISDay). Para llevar a cabo la aplicación se han utilizado dos librerías Javascript (Leaflet y jQuery) de código abierto y gratuito que permiten crear de forma rápida y ligera aplicaciones de mapas interactivos a través de navegadores web (de escritorio y móvil). Como mapa base se ha utilizado Open Street Map.LEGENDiary es una iniciativa del Servicio de SIG y Teledetección (SIGTE) de la Universidad de Girona en colaboración con el Departamento de Geografía y la Facultad de Turismo de la misma universidad, y con elapoyo del Hotel Llegendes de Girona

Servicio Web 3D (W3DS) en Geoserver

Vamos a presentar la primera implementación de código abierto de un servicio W3DS. Esta implementación se realiza a través de Geoserver. El servicio W3DS va a cambiar nuestra forma de manipular los datos en 3D. La visualización de los datos en 3D emitido por el 3DWS se pueden hacer en el navegador, ya que el soporte WebGL ya existe en navegadores recientes. En esta presentación describiremos la propuesta OGC, centrándose principalmente en la operación GetScene, se discute la implementación de dicho servicio, el formato X3D y el estado actual do soporte X3D DOM. También vamos a hablar de soporte 3D en PostGIS 2.0. Demostramos el servicio con los datos de varias ciudades, que muestra cómo importar y publicar datos en 3D. Por último, se mostrará una pequeña biblioteca Javascript OL3 para tomar ventaja de lo servivio W3DS para desarrollar aplicaciones web 3D

Websislapam: sistema de avaliações de pessoas baseado em tecnologias WEB

This work, entitled Websislapam: People Rating System Based on Web Technologies, allows the creation of questionnaires, and the organization of entities and people who participate in evaluations. Entities collect data from people with the help of resources that reduce typing mistakes. The Websislapam maintains a database and provides graphical reporting, which enable the analysis of those tested. Developed using Web technologies such as PHP, Javascript, CSS, and others. Developed with the paradigm of object-oriented programming and the MySQL DBMS. For the theoretical basis, research in the areas of System Database, Web Technologies and Web Engineering were performed. It was determined the evaluation process, systems and Web-based applications, Web and System Engineering Database. Technologies applied in the implementation of Websislapam been described. In a separate chapter presented the main features and artifacts used in the development of Websislapam. A case study demonstrates the practical use of the system

Aplicación web para la gestión de tareas siguiendo la metodología GTD

[ES] El Trabajo Final de Grado tiene por finalidad ofrecer una solución que ayude a las personas a gestionar sus tareas tanto personales como empresariales de una manera más productiva. Actualmente este tipo de aplicaciones tienen mucho éxito. Se decidió que el desarrollo de esta aplicación fuera con la metodología Getting Things Done (GTD) ya que es una metodología que aumenta la productividad y reduce el estrés laboral. A día de hoy, no hay muchas aplicaciones que utilice esta metodología y las que la utilizan lo hace de una forma muy básica. Junto a esta metodología y guiándonos de la experiencia del tutor se intentó combinar esta metodología con controles de tiempo para mejorar aún más la productividad de las personas que utiliza dicho software. El resultado obtenido de este trabajo final de grado fue la base de una aplicación web para la gestión de tareas. El software creado es totalmente funcional, muy fácil de usar, muy intuitivo, y usa la filosofía Getting Things Done . Básicamente los objetivos principales conseguidos en este proyecto fueron: la gestión de usuarios. La gestión de tareas y proyectos. Aplicación de la metodología GTD. Control del tiempo productivo, e improductivo, interrupciones, temporizadores. La aplicación ha sido realizada como Trabajo Final de Grado en Ingeniería Informática, cumpliendo con todas las fases del desarrollo del software, para obtener un producto funcional que fuera aprobado por el tutor que haría el rol de potencial cliente. En el presente proyecto se ha seguido la metodología RUP, dirigida por casos de uso, iterativa e incremental. Para completar el proceso se ha realizado la elaboración de una lista de características, la especificación de los casos de uso, una fase de análisis, una de diseño, implementación y prueba. Las tecnologías utilizadas han sido, principalmente, Ruby On Rails, HTML5, CSS , AJAX y JAVASCRIPT. El objetivo a largo plazo es que esta solución pueda ser tomada como base de implementación, donde haciendo las mejoras necesarias se pueda poner en el mercado un gran software de gestión de tareas siguiendo la metodología GTD.

A practical comparison of agile web frameworks

[ES] Los web frameworks son herramientas para mejorar el desarrollo y mantenimiento de sitios web. Aprender a utilizar un framework requiere varios meses y existen más de 100 web frameworks. Por ello es interesante que haya estudios que muestren sus diferencias. En este proyecto se realizó una comparativa de web frameworks para valorar sus diferencias, debilidades y fortalezas. Para seleccionar los web frameworks se utilizaron variables como las estadísticas de uso, popularidad y resultados en otras omparativas. Además, se decidió que los web frameworks seleccionados estuviesen basados en distintos lenguajes de programación. En base a esto se seleccionaron los web frameworks : Rails, Grails, Django y Codelgniter. Para compararlos se implementó una aplicación muy sencilla, MyBlog, con cada uno de ellos, un sistema de usuarios con blogs, posts y comentarios. La preparación para esta implementación consistió en : leer documentación sobre el lenguaje de programación, realizar un conjunto de ejercicios muy sencillos y leer la documentación del web framework. Todas estas tareas, incluida la implementación de MyBlog se tuvieron que realizar en un tiempo límite asignado. En base a este desarrollo se concluyó que Rails, Grails y Django son frameworks que requieren mucho tiempo en su aprendizaje, mientras que Codelgniter es mucho más sencillo de aprender. Sin embargo, los primeros producen un código más conciso y menos repetitivo, mientras que el último resulta en un código repetitivo y extenso. Por otro lado, la documentación de Grails era de baja calidad e incrementaba la dificultad en su aprendizaje. Rails y Django presentan una buena documentación. Rails es el único framework con un gran soporte para migraciones y Javascript. Django es el único que soporta las class-based views. Grails es el único que soporta internacionalización desde la generación de código.

MWRegEx : monitor web de expresiones regulares

[ES] El Trabajo de Fin de Grado, Monitor Web de Expresiones Regulares (MWRegEx), es una herramienta basada en tecnologías web, desarrollada usando el entorno Visual Studio. El objetivo principal de la aplicación es dar apoyo a la docencia de expresiones regulares, en el marco de la enseñanza del manejo de ristras de caracteres en las asignaturas de programación del Grado en Ingeniería Informática.  La aplicación permite obtener el dibujo de un autómata de una expresión regular, facilitando su comprensión; además, permite aplicar la expresión a diferentes ristras de caracteres, mostrando las coincidencias encontradas, y ofrece una versión de la expresión adaptada a su uso en literales string de lenguajes como Java y otros. La herramienta se ha implementado en dos partes: un servicio web, escrito en C#, donde se realizan todos los análisis de las expresiones regulares y las ristras a contrastar; y un cliente web, implementado usando tecnología asp.net, con JavaScript y JQuery, que gestiona la interfaz de usuario y muestra los resultados. Esta separación permite que el servicio web pueda ser reutilizado con otras aplicaciones cliente. El autómata que representa una expresión regular esta dibujado usando la librería Raphaël JavaScript que permite manejar los elementos SVG. Cada elemento de la expresión regular tiene un dibujo diferente y único para así diferenciarlo. Toda la interfaz gráfica de usuario está internacionalizada de manera tal que pueda adaptarse a diferentes idiomas y regiones sin la necesidad de realizar cambios de ingeniería ni en el código. Tanto el servicio web como la parte cliente están estructurados para que se puedan agregar nuevas modificaciones sin que esto genere una onda expansiva a lo largo de las diversas clases existentes.

Aplicación web para Ayuntamiento de Las Palmas de Gran Canaria : [Parte A]

[ES] Este Trabajo de Fin de Grado es un servicio basado en tecnologías web (PHP, HTML5, CSS, JQUERY y AJAX). El objetivo principal es ofrecer un servicio de creación y gestión de actas para el Ayuntamiento de Las Palmas de Gran Canaria. Para ello, consta de dos módulos principales, uno para “crear actas” y otro para “editar actas”. La aplicación consta de dos partes. Una primera parte desarrollada por mí, que consiste en primer lugar en todas las reuniones que fueron necesarias con el personal del Ayuntamiento de Las Palmas de Gran Canaria para entender sus necesidades y cómo poder afrontarlas como desarrollador. Y en segundo lugar, me he encargado de la elaboración y la estructura de la página web, mediante la generación de los distintos ficheros con contenido  HTML, en la interconexión de estos ficheros y en el paso de parámetros entre dichos ficheros mediante las distintas herramientas (JQUERY, AJAX), así como también he dotado a la web de todo el contenido JavaScript necesario. En este apartado también se encuentra la tarea de realizar un módulo de búsqueda y un módulo para mostrar las actas ya acabadas. El de búsqueda contiene un formulario con un campo de búsqueda y busca las coincidencias dentro de todos los ficheros que se han generado con la aplicación. También muestra un link para abrir ese fichero desde el navegador. Como aportación adicional también me he encargado de la configuración y generación de las tablas necesarias de la base de datos para el funcionamiento de la aplicación.

Interfaccia web per un sistema di condivisione semantica dell'informazione: studio e implementazione

Questa tesi progettuale nasce per integrare gli sforzi attuali sullo sviluppo del web semantico. La piattaforma di riferimento sulla quale è stato svolto il presente lavoro è SMART-M3. Questa piattaforma mette a disposizione uno spazio condiviso di informazioni, rappresentate e accessibili secondo le tecnologie del web semantico. In questo scenario, nasce la necessità di disporre di un'interfaccia web capace di interagire con la piattaforma - in grado di risolvere la complessità intrinseca dei dati semantici - allo scopo di averne un completo controllo; ricerche precedenti a questo proposito hanno dato come frutto una libreria PHP che mi è stata consegnata come strumento per lo sviluppo dell'interfaccia. La tesi si è articolata in 3 fasi principali: una fase iniziale di documentazione sull'argomento, eseguita principalmente sul libro “A developer's guide to the semantic web” di Liyang Yu e sulla tesi “Ontologie per il web semantico: un'analisi comparativa.” di Indrit Beqiri; una seconda fase, quella principale, di sviluppo del progetto informatico; una terza fase, infine, di sviluppo di questo elaborato di tesi, da considerarsi come la trattazione di tutto il percorso soprascritto, dall'inizio alla fine, secondo l'ordine cronologico in cui si svolto l'intero processo della tesi.

Un applicativo Web con tecnologia single-page AJAX, servizi REST e grafica X3D, per la configurazione di modelli CAD tridimensionali

In questa tesi è stato realizzato un sistema web-based, per la configurazione di modelli meccanici tridimensionali. L’intero software è basato su architettura multi-tier. Il back-end espone servizi RESTful che permettono l’interrogazione di una base di dati contenente l’anagrafica dei modelli e l’interazione con il CAD 3D SolidWorks. Il front-end è rappresentato da due pagine HTML ideate come SPA (Single Page Application), una per l’amministratore e l’altra per l’utente finale; esse sono responsabili delle chiamate asincrone verso i servizi, dell’aggiornamento automatico dell’interfaccia e dell’interazione con immagini tridimensionali.