Directrius per a l'accessibilitat al contingut web, versió 1.0

Aquestes directrius expliquen com fer que el contingut web sigui accessible a persones amb discapacitats i s'adrecen a creadors de contingut (autors de pàgines web o dissenyadors de llocs web) i a creadors d'eines d'autor. L'objectiu principal d'aquestes directrius és promoure l'accessibilitat. Tanmateix, l'aplicació de les directrius facilitarà l'accés al contingut a tot tipus d'usuari, sigui quin sigui l'agent d'usuari usat (navegador web, navegador de veu, telèfon mòbil, ordinador de cotxe, etc.) o les condicions de l'entorn de consulta (entorns sorollosos, espais mal il·luminats, entorns en què no es poden usar les mans, etc.). L'aplicació d'aquestes directrius també ajudarà els usuaris a trobar la informació d'una manera més ràpida dins el web. Les directrius no pretenen desincentivar l'ús d'imatges, vídeo, etc., sinó que expliquen com fer que el contingut multimèdia sigui més accessible a una àmplia audiència.Aquest és un document de referència per a uns principis d'accessibilitat i idees de disseny. Algunes de les estratègies comentades tracten d'aspectes relatius a la internacionalització del web i a l'accés des de terminals mòbils. Tanmateix, el document se centra en l'accessibilitat i no tracta exhaustivament dels aspectes relacionats amb altres activitats del W3C. Si voleu més informació sobre aquests temes podeu consultar les pàgines inicials W3C Mobile Access Activity (per a l'accés des de terminals mòbils) i W3C Internationalization Activity (per als aspectes d'internacionalització).Aquest document està pensat per a ser estable en el temps i, per tant, no dóna informació específica sobre si els navegadors funcionen o no amb una determinada tecnologia, ja que aquesta informació varia molt ràpidament. Aquesta informació es pot trobar al web de la Web Accessibility Initiative ,WAI, (Iniciativa d'Accessibilitat Web) [WAI-UA-SUPPORT].Aquest document inclou un annex que organitza tots els punts de verificació ordenats per tema i per prioritat. Els punts de l'annex estan enllaçats a les respectives definicions en el document. Els temes recollits en l'annex inclouen les imatges, el contingut multimèdia, les taules, els marcs, els formularis i els scripts. L'annex es presenta en forma de taula o com a simple llista.Un document a part, amb el títol Techniques for Web Content Accessibility Guidelines 1.0 (Tècniques per a les directrius per a l'accessibilitat al contingut web, versió 1.0) ([TECHNIQUES]) explica com posar a la pràctica els punts citats fins aquí. El document de tècniques explica cada punt amb més detalls i dóna exemples usant el llenguatge d'etiquetatge d'hipertext (HTML), fulls d'estil en cascada (CSS), el llenguatge d'integració multimèdia sincronitzada (SMIL) o el llenguatge d'etiquetatge matemàtic (MathML). Aquest document també inclou tècniques per a provar o validar una pàgina web i un índex dels elements i atributs HTML amb les tècniques que els usen. El document de tècniques està pensat per a seguir de prop els canvis tecnològics i es preveu que s'actualitzi més sovint que les directrius.Nota: Algunes de les característiques descrites en les directrius no estan encara implementades en tots els navegadors o eines multimèdia; en concret pot ser que no es puguin utilitzar funcions noves d'HTML 4.0, de CSS1 o CSS2.Les Directrius per a l'accessibilitat al contingut web, versió 1.0 són part d'una col·lecció de directrius sobre accessibilitat publicades per la Web Accessibility Initiative, WAI (Iniciativa d'Accessibilitat Web). La col·lecció comprèn User Agent Accessibility Guidelines (Directrius d'accessibilitat per a agents d'usuari) [WAI-USERAGENT] i Authoring Tool Accessibility Guidelines (Directrius d'accessibilitat per a eines d'autor [WAI-AUTOOLS].

Solució de monitorització d'experiència d'usuari en entorns web amb Selenium

Creació d'una solució de monitorització d'experiència d'usuari en entorns web amb Selenium, en J2EE.

Designing and Implementing Mouse Emulation to Touchscreen Operated Mobile Web Browsers

Browsing the web has become one of the most important features in high end mobile phones and in the future more and more people will be using mobile phone for web browsing. Large touchscreens improve browsing experience but many web sites are designed to be used with a mouse. A touchscreen differs substantially from a mouse as a pointing device and therefore mouse emulation logic is required in the browsers to make more web sites usable. This Master's thesis lists the most significant cases where the differences of a mouse and a touchscreen affect web browsing. Five touchscreen mobile phones and their web browsers were evaluated to find out if and how these cases are handled in them. Also as a part of this thesis, a simple QtWebKit based mobile web browser with advanced mouse emulation model was implemented, aiming to solve all the problematic cases. The conclusion of this work is that it is feasible to emulate a mouse with a touchscreen and thus deliver good user experience in mobile web browsing. However, current highend touchscreen mobile phones have relatively underdeveloped mouse emulations in their web browsers and there is a lot to improve.

Viitearkkitehtuuri Windows-sovelluksen käyttöliittymän modernisoimiseksi web-sovellukseksi

IT-järjestelmillä on tärkeä rooli organisaation liiketoiminnassa. Koska organisaation liiketoimintavaatimukset ja strategia muuttuvat ympäröivän maailman mukaan, täytyy järjestelmän arkkitehtuurin sopeutua vallitsevaan tilanteeseen sekä mahdollisiin muutoksiin lyhyellä ja pitkällä aikavälillä. Modernin web-sovelluksen arkkitehtuuri sopeutuu organisaation liiketoiminnan haasteisiin. Erityisesti hallinnolliseksi ongelmaksi organisaatiossa muodostuvat Windows-sovellukset, koska niiden ylläpito sitoo henkilöresursseja ja niiden käyttökonteksti on rajallinen. Tästä syystä organisaatiot ovat käyneet etsimään ratkaisuja kuinka korvata Windows-sovellukset web-sovelluksilla. Kustannustehokas ratkaisu on modernisoida Windows-sovelluksen käyttöliittymä web-sovellukseksi. Tämän diplomityön tavoitteena oli laatia Logica Suomi Oy yritykselle viitearkkitehtuuri Win-dows-sovelluksen käyttöliittymän modernisoimiseksi web-sovellukseksi. Työ suoritettiin Proof of Concept projektissa, jossa modernisointiin Logican pääkäyttäjäsovellus. Työn tarkoituksena oli tunnistaa laajalti käytetyt arkkitehtuurimallit ja menetelmät jotka mahdollistavat modernisoinnin toteutuksen. Lisäksi tarkoitus oli tunnistaa menetelmät ja ohjelmistot jotka mahdollistavat kustannustehokkaan ja laadukkaan web-sovelluksen kehittämisen ja toteuttamisen. Työn osatavoitteena oli laatia modernisoitavan pääkäyttäjäsovelluksen kokonaisarkkitehtuuri. Työn tuloksena saatiin viitearkkitehtuuri jota voidaan käyttää ja hyödyntää ohjelmistokehitysprojekteissa, asiakkaan dokumentaatiossa, myynnissä ja markkinoinnissa. Viitearkkitehtuurissa on esitelty modernit web-teknologiat joilla on mahdollista toteuttaa web-sovellus jonka käyttökokemus vastaa Windows-sovellusta. Lisäksi tuloksena saatiin pääkäyttäjäsovelluksen kokonaisarkkitehtuuri, jonka tärkeimpiä tuloksia ovat modernisoinnin tavoitetila ja sovellusarkkitehtuuri. Tärkeimpiä jatkotoimenpiteitä ovat viitearkkitehtuuriin pohjautuvan modernisointiviitekehyksen laadinta sekä modernisointiprojektin arviointiin käytettävien mittareiden määrittely, suunnittelu ja toteutus. Relevanttien mittareiden avulla voidaan todeta, vastaako modernisoitu sovellus organisaation liiketoimintavaatimuksia ja strategiaa.

Useamman monitorin web-sovellukset: tekniset haasteet ja mahdollisuudet

Työssä tutkikaan, miten web-teknologiat soveltuvat usean monitorin sovelluksiin web-ympäristössä, ja todeta tähän liittyvät ongelmat sekä niiden mahdolliset ratkaisut teknisellä tasolla. Tutkituista teknologioista valitaan parhaiten soveltuva ratkaisu ja sen avulla luodaan usean monitorin sovellus, jonka avulla pureudutaan teknillisiin mahdollisuuksiin ja rajoitteisiin. Työn tuloksena nähdään, että usean monitorin web-sovellukset sisältävät monia ohjelmistoteknillisiä ongelmia ja ne sopivat lähinnä järjestelmiin, joiden ympäristö, esimerkiksi käyttöjärjestelmä tai selain, tiedetään. Tällöin voidaan turvautua käyttökokemusta parantaviin selaimen laajennuksiin tai ulkopuolisiin liitännäisiin, jotka toimivat kyseisessä ympäristössä.

SNIIC: a plataforma digital de cultura brasileira sob a perspectiva das convergências entre o Design e a Ciência da Informação

Coordenação de Aperfeiçoamento de Pessoal de Nível Superior (CAPES)

SNIIC: a plataforma digital de cultura brasileira sob a perspectiva das convergências entre o Design e a Ciência da Informação

Coordenação de Aperfeiçoamento de Pessoal de Nível Superior (CAPES)

Il Modello ad Attori per lo Sviluppo di Applicazioni Web orientate al Cloud: il Framework Play come Caso di Studio

Negli ultimi anni le Web application stanno assumendo un ruolo sempre più importante nella vita di ognuno di noi. Se fino a qualche anno fa eravamo abituati ad utilizzare quasi solamente delle applicazioni “native”, che venivano eseguite completamente all’interno del nostro Personal Computer, oggi invece molti utenti utilizzano i loro vari dispositivi quasi esclusivamente per accedere a delle Web application. Grazie alle applicazioni Web si sono potuti creare i cosiddetti social network come Facebook, che sta avendo un enorme successo in tutto il mondo ed ha rivoluzionato il modo di comunicare di molte persone. Inoltre molte applicazioni più tradizionali come le suite per ufficio, sono state trasformate in applicazioni Web come Google Docs, che aggiungono per esempio la possibilità di far lavorare più persone contemporanemente sullo stesso documento. Le Web applications stanno assumendo quindi un ruolo sempre più importante, e di conseguenza sta diventando fondamentale poter creare delle applicazioni Web in grado di poter competere con le applicazioni native, che siano quindi in grado di svolgere tutti i compiti che sono stati sempre tradizionalmente svolti dai computer. In questa Tesi ci proporremo quindi di analizzare le varie possibilità con le quali poter migliorare le applicazioni Web, sia dal punto di vista delle funzioni che esse possono svolgere, sia dal punto di vista della scalabilità. Dato che le applicazioni Web moderne hanno sempre di più la necessità di poter svolgere calcoli in modo concorrente e distribuito, analizzeremo un modello computazionale che si presta particolarmente per progettare questo tipo di software: il modello ad Attori. Vedremo poi, come caso di studio di framework per la realizzazione di applicazioni Web avanzate, il Play framework: esso si basa sulla piattaforma Akka di programmazione ad Attori, e permette di realizzare in modo semplice applicazioni Web estremamente potenti e scalabili. Dato che le Web application moderne devono avere già dalla nascita certi requisiti di scalabilità e fault tolerance, affronteremo il problema di come realizzare applicazioni Web predisposte per essere eseguite su piattaforme di Cloud Computing. In particolare vedremo come pubblicare una applicazione Web basata sul Play framework sulla piattaforma Heroku, un servizio di Cloud Computing PaaS.

Elaborazione di video tramite un software web per la computer vision

La tesi tratta i temi di computer vision connessi alle problematiche di inserimento in una piattaforma Web. Nel testo sono spiegate alcune soluzioni per includere una libreria software per l'emotion recognition in un'applicazione web e tecnologie per la registrazione di un video, catturando le immagine da una webcam.

Composizione musicale e streaming peer-to-peer con web audio e webrtc

La tesi descrive lo sviluppo di un'applicazione web per comporre musica tramite la tecnica del "live looping" che fornisce anche la possibilità di effettuare lo streaming di ciò che si crea in tempo reale e in maniera peer-to-peer. L'applicazione in oggetto (chiamata WebLooper) fa uso di due tecnologie web emergenti in ambito multimediale: Web Audio e WebRTC, attualmente in attesa di diventare standard W3C.

Generazione di ontologie da rappresentazioni grafiche

La produzione ontologica è un processo fondamentale per la crescita del Web Semantico in quanto le ontologie rappresentano i vocabolari formali con cui strutturare il Web of Data. Le notazioni grafiche ontologiche costituiscono il mezzo ideale per progettare ontologie OWL sensate e ben strutturate. Tuttavia la successiva fase di generazione ontologica richiede all'utente un fastidioso cambio sia di prospettiva sia di strumentazione. Questa tesi propone dunque GraMOS, Graffoo to Manchester OWL Syntax, un motore di trasformazione da modelli Graffoo a ontologie formali in grado di fondere le due fasi di progettazione e generazione ontologica.

Analisi e progettazione di una web application ERP

Analisi e progettazione di una applicazione web ERP (Enterprise Resource Planning) per una azienda di piccole/medie dimensioni.

Il processo di semplificazione di Meteor nello sviluppo di applicazioni web. L'esempio di Pachirajs.

L'obbiettivo di questa tesi è mostrare come attualmente sia possibile creare applicazioni web in maniera semplice e veloce, tramite l'utilizzo del framework Meteor.

Progettazione e sviluppo di un framework per la realizzazione di process-aware Web applications.

Il potenziale che il Web ha raggiunto in termini di accessibilità, gestione e flessibilità, ha spinto i più svariati settori ad approcciarsi ad esso e ad adottarlo all’interno delle proprie organizzazioni. É stato quindi necessario applicare alle tradizionali applicazioni web, nuove soluzioni al fine di integrare gli elementi di workflow management con il modello dei dati di navigazione e di presentazione. In questo lavoro di tesi, si affrontano gli aspetti legati ai processi di business, con riferimento alla progettazione e allo sviluppo di applicazioni Web. Verranno introdotti standard di modellazione come UML e BPMN per poi descrivere soluzioni e casi di studio esistenti. Nella seconda parte dell'elaborato invece, verranno presentate le tecnologie utilizzate per il design e lo sviluppo di un framework, a supporto delle process-aware Web applications.

Multipedia: Enriching DBpedia with Multimedia Information

Enriching knowledge bases with multimedia information makes it possible to complement textual descriptions with visual and audio information. Such complementary information can help users to understand the meaning of assertions, and in general improve the user experience with the knowledge base. In this paper we address the problem of how to enrich ontology instances with candidate images retrieved from existing Web search engines. DBpedia has evolved into a major hub in the Linked Data cloud, interconnecting millions of entities organized under a consistent ontology. Our approach taps into the Wikipedia corpus to gather context information for DBpedia instances and takes advantage of image tagging information when this is available to calculate semantic relatedness between instances and candidate images. We performed experiments with focus on the particularly challenging problem of highly ambiguous names. Both methods presented in this work outperformed the baseline. Our best method leveraged context words from Wikipedia, tags from Flickr and type information from DBpedia to achieve an average precision of 80%.