Overview

Fluid is an open source community of designers and developers who help improve the usability and accessibility of the open web. We contribute to a variety of open source projects (such as jQuery UI), and we work on a few projects of our own: the Design Handbook, a guidebook of techniques for improving usability, and Infusion, a JavaScript application framework for developing flexible user interfaces.

Fluid Infusion is built on top of jQuery, providing all the stuff you need to create user interfaces that are incredibly flexible, accessible, and easy-to-use. Infusion is an application framework and a suite of user interface components built with HTML, CSS, and JavaScript. In contrast to many other user interface toolkits, Infusion components aren't black boxes--they're built to be modified, adapted, and changed to suit your application or context. Taking a "one size fits one" approach, Infusion even lets end-users customize their experience with the UI Options component.

We're looking for students to collaborate with us on the Google Summer of Code 2017 program. Working with Fluid gives you a chance to learn more about accessibility and usability while writing code with cutting-edge open web technologies. Create cool stuff and make a real impact on users at the same time!

For information about the various ways we communicate with each other, see our Get Involved wiki page.

Getting Started

Make sure to read through the Getting Started on GSoC page for information on joining the Fluid community and preparing to work on a GSoC project.

Projects

Project Title



Project Description:


Prototype Tasks:


Related Issues:


Difficulty: 

Mentor: 

IRC: 

Skills required: 

Add rate limiting control for AChecker web service API

Project Description: AChecker is an online accessibility validator that provides a web service API for users to validate the given URL or content via http requests. Each user is given a web service ID that can be sent along with http requests to use the API. To avoid the abuse of AChecker web service API, rate limiting needs to be added to control the number of requests can be made at a certain period by one web service ID. Adding this feature requires:

  1. Add HTTP endpoints for querying rate limits, revoke or regenerate IDs etc.
  2. Change to the user profile UI to allow users to revoke/delete the compromised web service IDs and regenerate new IDs.
  3. Change to the AChecker Administrator's user management UI to allow administrators to revoke the compromised web service IDs.

AChecker Issues to start with:

More issues can be found at AChecker bug tracker.

Difficulty: Medium

Mentor: Cindy Li

IRC: cindyli

Skills required: PHP, Javascript, HTML, CSS. The experience of use and the understanding of the API rate limiting would be a bonus.

Automated Test Suite for AChecker

Project Description: AChecker is an online accessibility validator. The goal of this project is to add an automated test suite for AChecker. This test suite provides:

  1. Backend PHP tests to verify the correctness of validation rules, web service API etc;
  2. Front-end Javascript tests to ensure the integrity of the user interface and user interactions.

Both type of tests include unit tests, if time allows, integration tests.

This project requires the research on what PHP testing framework to use. We suggest to use QUnit as the javascript testing framework to be in sync with our other projects. The AChecker source code may need to be refactored to improve its testability.

Note: AChecker works with PHP 5.4.x. It hasn't been upgraded to work with new PHP versions.

AChecker Issues to start with:

More issues can be found at AChecker bug tracker.

Difficulty: Medium

Mentor: Cindy Li

IRC: cindyli

Skills required: PHP, Javascript, HTML, CSS.


Infusion Documentation

Most of the work we do here either uses or directly involves the Infusion Framework and Component Library. These links should get you started learning about Infusion, and should lead you to many more pages.

Contributing Code To Infusion
Infusion Documentation
Tutorial - Getting started with Infusion