Willian Massami Watanabe

Example Apps

• watinha.com homepage: this is a presentation project, which makes use of different web technologies to improve the user experience in the curriculum. The source code is fully available in Github. This project makes use of Jasmine, as a JavaScript testing framework; Zombie.js, to simulate the browser environment during the tests; JSLintr, to validate the JavaScript source code against the JSLint code standard; Mustache template engine, to generate the webpages from templates; YUI Compressor, to generate faster webpages with compressed JavaScript and CSS files; and a performance test, based on yslow agains the production environment of the application. For the command-line, it is used the PhantomJS version of the yslow in order to make the assertions from the command line, no browser interfaces need to make available.
• Pyccuracy Accessibility Actions: The main objective of this project is to implement accessibility actions for the pyccuracy, web acceptance testing application. Pyccuracy makes use of natural language expressions to generate user stories and acceptance scenarios that are automatically run in the browser, evaluating the behaviour of all layers of a web application (server and client side-scripting). However pyccuracy still have not implemented actions that can be classified as accessible for disabled users like "tabbing navigation", focus possibility for interactive elements, landmarks and header navigation, among other actions. The goal of implementing accessibility actions for pyccuracy is to be able to execute acceptance tests of web applications functionality, considering disabled users task completion with assistive technologies. These users do no rely on the same visual and interactive mechanisms such as mouse and link colors, for example. So pyccuracy actions must consider these characteristics to guarantee that the functionality of the web application is available for all users. From the development perspective, accessibility actions drive automatic accessibility evaluation tools into a Continuous Integration environment. Making it possible to include accessibility non-functional requirements into the development life-cycle of projects and assisting developers while coding solutions for them.
• Facilita: a web application that aims to automatically provide users with accessible content, through the use of text processing techniques (textual summarization and simplification). This application is being developed among with the PorSimples project. Simplicity of interaction and usability are some of the key features of this application. This application makes use of lots of Ajax Design patterns (like Cross-Domain Proxy, Fat Client, Multi-Stage Download, On-Demand Javascript) in order to provide the user with the best possible interaction. Facilita also makes use of distributed programming in order to deliver its functionality. The distributed programming is made with the use of multiple services which are integrated through RESTFul Service on the server side of the application. The installation and how to use tutorials are available on Facilita's page.
• Educational Facilita: another web application that aims to automatically provide users with accessible textual content, through the use of Named Entities Recognition (automatically identifying proper nouns and others entities in the text) and Lexical Elaboration (providing users with simplier versions of the same word) techniques. The application identifies named entities in the text and then it provides the user with additional information about those entities. The additional informations are extracted from Wikipedia. The application also presents synonimous for words that are evaluated as complex or difficult to be understood. Educational Facilita was implemented as a Jetpack extension, and by doing so works as a browser plugin feature.
• 50 lines contest - Scale Tabs: Scale Tabs works as a browser extension that allows users find the browser tabs that they are looking for. This application was also developed using the Jetpack extension and makes use of the Browser layer of development in order to controll the tabs which are presented in the browser. It also uses Canvas in order to present snapshots of the tabs that are being accessed. This Firefox extension was implemented as part of the Jetpack 50 lines contest.
• Scale Tabs: improved version of the 50 lines contest - Scale Tabs Jetpack addon. This addon release used the Addon-SDK (improved version and final release of the Jetpack prototype) and presents improved features (Address bar integration) and improved layout. Its source code is available in github.
• YQL-Accessibility: YQL stands for Yahoo! Query Language, as a standard language for querying web resources. It presents a SQL-like syntax that enable queries to be made on RESTful webservices. YQL-Accessibility implements a set of tables (two for the moment) that allow these queries to be executed against web accessibility evaluation websites. It provides developers a simple way and unique way of identifying and reporting accessibility issues that are raised by automatic evaluation tools available in the Web.
• NoRisk Planning: an interface prototype of an agenda like application for scheduling presentations of graduation projects in ICMC. This application uses the Dojo Toolkit in order to deliver rich UI Widgets within the interface and increment the usability and interaction of the interface. The presentations are offered to researches of the institute so that they can choose the topics and areas most familiar to them, with Adalberto Gonzaga Filho and Prof. Dra. Renata Pontin de Mattos Fortes.