Edición cartográfica vectorial en un sistema web

Tecnigral, S.L (consultoría medioambiental) ha buscado, desde su origen, apoyar a los técnicos en la gestión diaria de servicios urbanos. ¿Cómo? Proporcionándoles tanto software de gestión como servicios de análisis y de control de calidad. Desde 2006 hemos desarrollado una docena de proyectos de gestión SIG utilizando MapServer para generar las imágenes cartográficas. Una de las demandas que hemos recibido es la de poder editar (desde el mismo entorno, con suficiente precisión y sencillez) la información cartográfica gestionada. Frente a esta demanda nuestra propuesta de solución ha sido desarrollar una aplicación web con las siguientes características: • Reutilizar al máximo el software ya existente. (MapServer, como servidor de cartografía [y su capacidad de acceso a fuentes de datos vectoriales] y VML de Internet Explorer como gestor vectorial en el cliente web) • Evitar cualquier tipo de instalación en los clientes. Al utilizar, sobre IE, el formato VML (Para FireFox tenemos previsto utilizar SVG) el único requerimiento es tener activo javaScript. • Precisión métrica elevada. VML permite obtener mediciones con precisión centimétrica. • Contar con funciones de navegación, medición, alta de elementos puntuales, lineales, superficiales y rótulos. Edición de vértices, duplicación y desplazamiento de elementos, etc. • Todo el desarrollo, desde la parte cliente está realizado con javaScript y aprovecha la flexibilidad de AJAX. El citado Sistema de edición cartográfica (que empezamos a desarrollar a principio de 2007) se está aplicando en el proyecto GAVI, del departamento de Parques y Jardines del Ayuntamiento de Barcelona

Ka-Map: an interactive web-mapping application

ka-Map ("ka" as in ka-boom!) is an open source project that is aimed at providing a javascript API for developing highly interactive web-mapping interfaces using features available in modern web browsers. ka-Map currently has a number of interesting features. It sports the usual array of user interface elements such as: interactive, continuous panning without reloading the page; keyboard navigation options (zooming, panning); zooming to pre-set scales; interactive scalebar, legend and keymap support; optional layer control on client side; server side tile caching

Vissir 2: evolución del visor web del ICC hacia tecnologías abiertas

En la web del Institut Cartogràfic de Catalunya se puede navegar por la cartografía oficial de Catalunya, así como descargarla en diferentes formatos, gracias a la aplicación Vissir2, evolución de la histórica Visir (VISor del Servidor de Imágenes Ráster). Nos propusimos que esta nueva versión superase ciertas limitaciones de la herramienta existente: debía poder evolucionar fácilmente en el tiempo, y acercar el uso de nuestros datos y servicios al público más amplio posible. Por ello, se optó por una aplicación basada en software libre y orientada a servicios web con protocolos estándar. En la parte de cliente se ejecuta OpenLayers, una aplicación Javascript muy completa y fácilmente adaptable. En la parte del servidor, TileCaché sirve los datos cartográficos rápidamente y siempre actualizados gracias a una adaptación propia. Pero Vissir2 también utiliza servicios web de producción propia para la impresión, la localización de topónimos, la conversión de coordenadas o la consulta de productos descargables, todos ellos con un protocolo ligero y sencillo. Gracias a esta aplicación los usuarios pueden hacer búsquedas predictivas de topónimos, enlazar a una vista determinada, incrustar un pequeño mapa en su web, descargar un jpeg con la vista actual –o imprimirla–, descargar los datos en diversos formatos, consultar la leyenda del mapa, medir longitudes y áreas, transformar coordenadas, consultar la fecha de elaboración de un producto determinado, o superponer capas con transparencia

Agile Game: A Project Management Game for Agile Methods

Since mid-1990s, companies have adopted agile methods and incorporated them in their development methodologies. For this reason, future project managers and developers need to have a full understanding of these methods. At present, the university’s approach to agile methods is theoretical and is not reflected during the development of a product and their practical use. The purpose of this project is the creation of a software system in the form of a game, named Agile Game, which simulates their use. The system is designed for use as supplementary material in lectures, to help students understand agile methods, to present their use within a project, and to demonstrate how they differ from traditional project management methodologies. The final system, which is web based, was implemented using PHP, MySQL and JavaScript. It was fully tested against the requirements and evaluated by peer students. The evaluation showed that the majority of users were satisfied with the system but they thought that it should contain more detailed information at every step of the game. For this reason, some parts of the design and the content were reviewed to meet user requirements.

Web Design Labs

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

Introduction to HTML5

Covers HTML5 design principals and key changes. Outlined are new and retired elements, changes to forms and media support. This lecture then also covers key changes to CSS3 and JavaScript which support the development and implementation of HTML5

Computer Applications course materials

The collection of Computer Applications course materials. Lectures, labs, additional resources, the lot!

Browser Inspectors

Use the browser inspector tools to peek at the HTML structure of a page as well as its CSS style.

Materiales escritos y multimedia para la docencia de la Estadística orientada a la Economía y a la Empresa.

Realizado en la Facultad de Económicas de la Universidad de Valladolid, por 5 profesores del centro, para las asignaturas de Introducción a la Estadística, Estadística e Introducción a la Econometría. El objetivo propuesto era la elaboración de materiales, en formato de hoja de cálculo, HTML o Javascript, para los temas que constituyen el currículo estadístico de las titulaciones de Economía y Administración y Dirección de Empresas. La organización de los materiales en formato HTML es para que los alumnos y docentes puedan acceder a los mismos a través de Internet. También, como apoyo se han realizado propuestas de acción tutorial y de autoevaluación, también vía Internet, basadas en los conceptos de superación y progresión. Desde una página Web inicial, en la que consta la autoría del proyecto y la ayuda económica recibida, se accede a tres grandes páginas, que agrupan los contenidos correspondientes a Descripción de datos, Probabilidad y Distribuciones e Inferencia estadística. Se han realizado experimentos parciales del proyecto, con materiales iniciales que de manera fragmentaria se han ido insertando en el aula. Los resultados parecen satisfactorios aunque por ahora no se ha desarrollado el proyecto en total integridad.

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.

Elaboración de un libro en soporte informático sobre resistencia de materiales.

El proyecto se ha realizado en la Escuela Técnica Superior de Ingenieros Industriales de Valladolid, -concretamente en el Departamento de Resistencia de Materiales, Estructuras e Ingeniería Civíl-, por profesores del citado departamento. El objetivo ha sido elaborar una herramienta que facilite el estudio de los alumnos disminuyendo así el fracaso escolar. La citada herramienta debía ser asequible a través de la red Internet, lo que facilitaría su uso desde cualquier ordenador sin tener que adquirir el producto. Con este objetivo se ha desarrollado un libro en formato electrónico. Se han conseguido cuatro versiones. La primera de ellas consta de una serie de páginas en formato HTML v3.2 que puede ser visualizada con cualquier navegador que soporte este tipo de lenguaje, esta versión no incluye ni frames ni código ejecutable de tipo Javascript o similar. La segunda versión se deriva de la anterior incluyendo frames y un menú de navegación escrito en código Javascript. la tercera versión del libro está en formato HTML Help, propio de los ficheros de ayuda de Windows; y el cuarto, en formato JAVA Help, propio de los ficheros de ayuda del lenguaje JAVA. Si bien la tercera es propia del sistema operativo Windows, las otras tres son multiplataforma. Se ha elaborado un cd-rom autoarrancable que contiene, entre otras cosas, el programa de instalación del libro electrónico. Con todo ello se espera mejorar la docencia en las asignaturas que hacen referencia a la asignatura 'Elasticidad y resistencia de materiales'.

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.

Servidor de Cartografía Coloma

En 2009 la Unidad Municipal de Análisis Territorial del Ajuntament de Girona apostó por integrar al sistema de información territorial existente un conjunto de herramientas libres para publicar cartografía. Un año después, más de la mitad de los servicios de cartografía web están funcionando sobre este nuevo sistema. El nuevo sistema, llamado Coloma, se basa en una base de datos PostGIS, la librería de render Mapnik, el servidor WS Ogcserver, la librería Javascript OpenLayers, el framework Django, el lenguaje de programación Python y el servidor web Apache con el módulo para WSGI. Coloma incluye una herramienta de administración web para facilitar la configuración y la administración del día a día. Aporta pequeñas mejoras a los proyectos por separado y un valor añadido al conjunto, consiguiendo un servidor de cartografía formado por proyectos de éxito, robusto y con muchas posibilidades. Coloma ha demostrado ser fiable y sus componentes siguen mejorando día a día. El hecho de ser software libre nos ha permitido acceder al conocimiento, código y documentación que hay sobre todo este software en Internet. En los próximos meses la UMAT va a liberar el proyecto Coloma para que más gente pueda beneficiarse del trabajo hecho hasta ahora

Visualización geográfica 3D mediante un API Universal y políglota. Acercando los globos virtuales al desarrollador de mashups de mapas

La librería Javascript de código abierto Mapstraction permite al desarrollador abstraerse de las pequeñas diferencias entre las distintas APIs de mapas. Mediante el uso de esta librería, el creador de mashups de mapas puede implementar sus aplicaciones tan sólo una vez con la posibilidad de cambiar de proveedor de mapas de forma sencilla, si así se requiere. En el presente trabajo se ha extendido la funcionalidad de esta librería para el soporte de funcionalidad 3D propia de los globos virtuales, de la que hasta ahora carecía: selección del ángulo de visión, extrusión del terreno, estereoscopía 3D o inclusión de modelos tridimensionales, por citar algunas. Además, se ha realizado una integración del globo virtual de la Nasa, de código abierto, World Wind, antes apenas utilizado para el desarrollo de mashups al no disponer de un API Javascript para su fácil incorporación

IDELab MapstractionInteractive: API Universal y Políglota

Continuamente aparecen nuevas plataformas de gestión de cartografía web, con el inconveniente de que cada una de ellas utiliza un API propia. Dada la gran heterogeneidad de APIs de Mapas existente, sería conveniente disponer de una librería de mapas capaz de abstraer al desarrollador de las pequeñas diferencias entre ellas. Este es el objetivo de la librería Javascript de código abierto Mapstraction. Este tipo de API recibe el nombre de «API Universal y Políglota». Gracias a Mapstraction se pueden desarrollar aplicaciones en las que el usuario puede visualizar la información cartográfica con varios proveedores, pero presenta el inconveniente de no proporcionar mecanismos de creación y/o edición. En este documento se recogen las principales novedades que presenta la librería IDELab MapstractionInteractive, una extensión de Mapstraction que ofrece nueva funcionalidad para solventar las carencias de ésta. Las nuevas funcionalidades implementadas para los proveedores que se incluyen dentro de la librería brindan al usuario la posibilidad de poder editar y crear geometrías sobre el mapa (puntos, líneas y polígonos). Por otra parte, también se implementan dentro de la librería nuevos eventos para los mapas, de forma que el programador puede tener un mayor control de lo que el usuario hace sobre éstos