Estudi de la plataforma Google App Engine utilitzant Django

L'objectiu principal d'aquest treball es estudiar la plataforma Google App Engine en la seva versió en Phyton. Per a estudiar i provar la plataforma, s'ha desenvolupat una aplicació web de programari lliure que permet la publicació de blogs de viatges. Aquesta aplicació està desenvolupada sobre Django i s'integra amb altres serveis de Google com l'autenticació amb els seus comptes Google Maps o Picasa Web Albums.

Search Interfaces on the Web: Querying and Characterizing

Current-day web search engines (e.g., Google) do not crawl and index a significant portion of theWeb and, hence, web users relying on search engines only are unable to discover and access a large amount of information from the non-indexable part of the Web. Specifically, dynamic pages generated based on parameters provided by a user via web search forms (or search interfaces) are not indexed by search engines and cannot be found in searchers’ results. Such search interfaces provide web users with an online access to myriads of databases on the Web. In order to obtain some information from a web database of interest, a user issues his/her query by specifying query terms in a search form and receives the query results, a set of dynamic pages that embed required information from a database. At the same time, issuing a query via an arbitrary search interface is an extremely complex task for any kind of automatic agents including web crawlers, which, at least up to the present day, do not even attempt to pass through web forms on a large scale. In this thesis, our primary and key object of study is a huge portion of the Web (hereafter referred as the deep Web) hidden behind web search interfaces. We concentrate on three classes of problems around the deep Web: characterization of deep Web, finding and classifying deep web resources, and querying web databases. Characterizing deep Web: Though the term deep Web was coined in 2000, which is sufficiently long ago for any web-related concept/technology, we still do not know many important characteristics of the deep Web. Another matter of concern is that surveys of the deep Web existing so far are predominantly based on study of deep web sites in English. One can then expect that findings from these surveys may be biased, especially owing to a steady increase in non-English web content. In this way, surveying of national segments of the deep Web is of interest not only to national communities but to the whole web community as well. In this thesis, we propose two new methods for estimating the main parameters of deep Web. We use the suggested methods to estimate the scale of one specific national segment of the Web and report our findings. We also build and make publicly available a dataset describing more than 200 web databases from the national segment of the Web. Finding deep web resources: The deep Web has been growing at a very fast pace. It has been estimated that there are hundred thousands of deep web sites. Due to the huge volume of information in the deep Web, there has been a significant interest to approaches that allow users and computer applications to leverage this information. Most approaches assumed that search interfaces to web databases of interest are already discovered and known to query systems. However, such assumptions do not hold true mostly because of the large scale of the deep Web – indeed, for any given domain of interest there are too many web databases with relevant content. Thus, the ability to locate search interfaces to web databases becomes a key requirement for any application accessing the deep Web. In this thesis, we describe the architecture of the I-Crawler, a system for finding and classifying search interfaces. Specifically, the I-Crawler is intentionally designed to be used in deepWeb characterization studies and for constructing directories of deep web resources. Unlike almost all other approaches to the deep Web existing so far, the I-Crawler is able to recognize and analyze JavaScript-rich and non-HTML searchable forms. Querying web databases: Retrieving information by filling out web search forms is a typical task for a web user. This is all the more so as interfaces of conventional search engines are also web forms. At present, a user needs to manually provide input values to search interfaces and then extract required data from the pages with results. The manual filling out forms is not feasible and cumbersome in cases of complex queries but such kind of queries are essential for many web searches especially in the area of e-commerce. In this way, the automation of querying and retrieving data behind search interfaces is desirable and essential for such tasks as building domain-independent deep web crawlers and automated web agents, searching for domain-specific information (vertical search engines), and for extraction and integration of information from various deep web resources. We present a data model for representing search interfaces and discuss techniques for extracting field labels, client-side scripts and structured data from HTML pages. We also describe a representation of result pages and discuss how to extract and store results of form queries. Besides, we present a user-friendly and expressive form query language that allows one to retrieve information behind search interfaces and extract useful data from the result pages based on specified conditions. We implement a prototype system for querying web databases and describe its architecture and components design.

Projecte Android App

El projecte realitzat procura una aproximació real al desenvolupament amb dispositius Android. La funció principal de l'aplicació desenvolupada és consultar les dades meteorològiques utilitzant un web service i l'actual posició GPS.

Desenvolupament d'una aplicació per a dispositius mòbils per visualitzar l'agenda d'activitats de la web www.festamajor.biz

Aplicació mòbil desenvolupada en HTML5, CSS, AngularJS i PhoneGap per obtenir les activitats de la web www.festamajor.biz. L'aplicació mostra publicitat de Google en el dispositiu per tal d'obtenir ingressos per al seu manteniment.

AltCApp : App per a la informació turística de l'Alt Camp

Projecte per al desenvolupament d'una aplicació per a dispositius Android, per al departament de turisme del Consell Comarcal de l'Alt Camp. Amb aquesta aplicació es vol proporcionar informació turística de la comarca. Amb aquest projecte també es vol desenvolupar un entorn web, per tal de poder accedir a la informació turística amb un navegador web, o des d'uns punts d'informació tàctils, dels que ja en disposa actualment el Consell Comarcal.

Ajax: Web-sovellusten uudet mahdollisuudet

Tässä työssä selvitettiin Ajax-tekniikan tilannetta web-sovellusten kehityksessä. Sitä varten kehitettiin demosovellus, jonka avulla tekniikoiden käyttökelpoisuutta voitiin arvioida. Samalla työssä on esitelty eri tekniikoita, jotka liittyvät kiinteästi Ajax-sovellusten toteuttamiseen. Demosovellus tehtiin vapaalla LAMP (Linux, Apache, MySQL and PHP) -alustalla. Työssä on arvioitu Ajax-tekniikan käyttökelpoisuutta ja ongelmia nykyisen webin, web-kehittäjien, käytössä olevien selainten ja käyttäjien kannalta. Lopussa on myös pohdittu hieman webin tulevaisuutta ja Ajaxin osaa siinä.

Tekstin muotoilu CSS3:lla

Tyyliohjeet kehitettiin erottamaan dokumentin rakenteen ja esitystavan kuvaus toisistaan. CSS, Cascading Style Sheets, on erityisesti www-sivuja varten kehitetty merkintäjärjestelmä tyyliohjeita varten. 20 vuotta jatkunut tiivis kehitys on nostanut esiin useita ongelmia, eikä edes nykyinen suositus vastaa täysin sitä, mitä selaimet käytännössä tukevat. CSS3 on World Wide Web Consortiumin tuorein versio CSS-määritelmästä, joka on edelleen työn alla. Tässä tutkielmassa tarkastellaan CSS:n keinoja tekstin muotoilussa. Lisäksi tutkitaan selainten eroavaisuuksia ja ominaisuuksien selaintukea. Aluksi selvitetään CSS:n historia, tarkoitus ja mahdollisuudet. Tämän jälkeen käsitellään kielen perusteet ja miten sitä voidaan käyttää tekstin esityksen yhteydessä www-sivuilla. Tutkielmassa on valittu tarkemman tutkimuksen kohteeksi CSS3 ja sen tarjoamat uudet mahdollisuudet tekstin muotoilussa. Yleiskuvan jälkeen vertaillaan suurimpien selainten tukea uusille ominaisuuksille käytännössä. Lopuksi pohditaan mihin suuntaan kehitys on menossa. Tekstin muotoilussa CSS on varsin monipuolinen, ja CSS3 lisää typografisia käsitteitä ja välineitä huomattavasti. Eri selaimet ja selainten eri versiot tukevat CSS:n ominaisuuksia ja rakenteita kuitenkin hyvin vaihtelevasti. Tilanne elää jatkuvasti.

Offline-tila web-sovelluksissa

Selainpohjaiset sovellukset ovat yleistyneet viimeisen kymmenen vuoden aikana. Samanaikaisesti ympäristö, jossa ihmiset käyttävät sovelluksia, on muuttunut. Nykyään sovelluksia käytetään yhä enenevissä määrin myös mobiililaitteilla, joissa verkkoyhteyden luotettavuus on huomattavasti heikompi kuin työpöytäympäristössä. Verkkoyhteyden toiminta on ehdoton edellytys web- sovelluksen toiminnalle. Kun verkkoyhteyttä ei ole, sovellusta ei useimmiten voi käyttää. Tilanne on käyttäjän kannalta sama myös, jos verkkoyhteyden laatu on hyvin heikko. Tämä uusi käyttöympäristö asettaa web-sovelluksen saavutettavuudelle haasteen, johon sovelluskehittäjien tulisi pystyä vastaamaan uusien teknologioiden avulla ja mahdollisesti sovelluksen arkkitehtuuria muuttamalla. Johdantona aiheeseen kerrotaan mitä hyötyjä offline-tilan tukemisesta on. Selainpohjaiset sovellukset kilpailevat jossain määrin mobiilialustojen natiivisovellusten kanssa. Web-sovelluksia on verrattu natiivisovelluksiin niiltä osin miten ne toimivat offline-tilassa. Pohjustuksena offline-tilan mahdollistavien teknologioiden arvioinnille esitellään Web-sovelluksen arkkitehtuuri yleisellä tasolla. Tässä tutkielmassa on esitelty muutamia offline-tilan asettamia vaatimuksia sovellukselle. Sovelluksen on kyettävä tunnistamaan, onko laitteella internet-yhteyttä. Yhteyden tilan tarkastukseen esitellään muutama vaihtoehto. Käyttäjän luoma tieto on myös tallennettava paikallisesti. Kun käyttäjä luo uutta sisältöä, se pitää tallentaa väliaikaisesti tai pysyvästi selaimeen. Ainakin osa sovelluksessa käsiteltävästä tiedosta pitäisi olla koko ajan saatavilla, käyttäjän internet-yhteyden tilasta riippumatta. Tähän tarkoitukseen selaimissa on nykyään käytettävissä muutamia erityyppisiä tietovarastoja. Kun selain on online-tilassa, sovelluksen tarvitsemat resurssit on tallennettava offline-tilaa varten. Tähän tarkoitukseen on luotu kaksi eri teknologiaa, HTML5 Application cache ja Service worker. Niiden avulla voi toteuttaa selaimen sisäisen välipalvelimen, joka vastaa sovelluksen tekemiin verkkopyyntöihin. Tutkielmassa esitellään näiden teknologioiden toimintaa teknisten määrittelydokumenttien ja verkkoartikkelien pohjalta. Mainittuja teknologoita vertaillaan keskenään toiminnallisten vaatimusten pohjalta. Tutkimuksen perusteella voidaan päätellä, että esitellyillä teknologioilla voidaan toteuttaa offline-tuki web-sovellukseen. Service worker osoittautuu paremmaksi vaihtoehdoksi kuin Application cache toiminnallisuudeltaan.

A layered JavaScript virtual machine supporting dynamic instrumentation

L’observation de l’exécution d’applications JavaScript est habituellement réalisée en instrumentant une machine virtuelle (MV) industrielle ou en effectuant une traduction source-à-source ad hoc et complexe. Ce mémoire présente une alternative basée sur la superposition de machines virtuelles. Notre approche consiste à faire une traduction source-à-source d’un programme pendant son exécution pour exposer ses opérations de bas niveau au travers d’un modèle objet flexible. Ces opérations de bas niveau peuvent ensuite être redéfinies pendant l’exécution pour pouvoir en faire l’observation. Pour limiter la pénalité en performance introduite, notre approche exploite les opérations rapides originales de la MV sous-jacente, lorsque cela est possible, et applique les techniques de compilation à-la-volée dans la MV superposée. Notre implémentation, Photon, est en moyenne 19% plus rapide qu’un interprète moderne, et entre 19× et 56× plus lente en moyenne que les compilateurs à-la-volée utilisés dans les navigateurs web populaires. Ce mémoire montre donc que la superposition de machines virtuelles est une technique alternative compétitive à la modification d’un interprète moderne pour JavaScript lorsqu’appliqué à l’observation à l’exécution des opérations sur les objets et des appels de fonction.

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

COMP3016 Web Technology - Strand "XML" Lecture 1

Lecture 1: Basic XML & HTML5 Lecture slides and exercises for reading and writing basic XML (without DTDs).

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.

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.