Giter Site home page Giter Site logo

rodrigoprestesmachado / cooperative-editor Goto Github PK

View Code? Open in Web Editor NEW
3.0 4.0 3.0 10.46 MB

A synchronous and cooperative editor for sound workspace awareness testing

Home Page: http://code.inf.poa.ifrs.edu.br:8080/CooperativeEditor/

License: Apache License 2.0

HTML 26.58% JavaScript 31.16% Java 42.11% Dockerfile 0.15%
cooperation awareness visual-impairments

cooperative-editor's People

Contributors

laurocj avatar rodrigoprestesmachado avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

cooperative-editor's Issues

Accessibility tests

Based on Luís' feedback (04/06/2018)

  • When the user use one shortcut to jump to a region, we need to create some feedback that the action occurred

  • Cut the time and tick information from Sound Chat

  • Change the start and end participation sounds to a shorter sounds

  • Shortcuts improvements

    • Alt + number[1..9]: move through regions
    • Shift + number[1..9]: describe the screen
    • Ctrl + number[1..9]: read the messages from Sound Chat

Visual awareness element to editor area

Today, we have a sound awareness element to notify that someone is contributing, but, we don't have a visual element for that. So, we need to create a visual awareness element to notify that a colleague is contributing with the text.

Bugs

Typing Contribution bug
Jaws live region bug

Support for Firefox and Safari

There is a problem to use Web Component (.shadowRoot) in the Firefox and Safari. In the Firefox 59/60 we can enable custom elements and shadow DOM, so, set the dom.webcomponents.enabled and dom.webcomponents.customelements.enabled preferences to true, please, see for more information.

We need to check the below line in js/WebSocketApp.js do fix the issue
var soundChat = cooperationEditor.shadowRoot.querySelector("sound-chat");

Connect and Disconnect state

I was using the system with Marcio and Junior when I disconnect.

The system as in this state:
screen shot 2018-10-26 at 6 03 17 pm

When I reconnect, I got this state:

screen shot 2018-10-26 at 8 37 52 pm

Password recovery feature

We need to create a way to change the users password. So, we need to follow theses steps:

  1. Encrypt the users password
  2. In the login page, create a "forget" link to the users retrieve the passwords
  3. Ask to the users inform the e-mail
  4. Send a link by e-mail to the users inform a new password
  5. Move the user to the login page
  6. Send an e-mail to inform that the password has change successfully

Contribution preview

We will implement a pre visualization of the contribution in the editor area. After 60 characters typed, the system notify the the blind users that a colleague is contributing with the text. We will use this event to also update the editor area, so, all users will have the opportunity to prepare theirselves to the next round.

Keep the hash in configuration link

When we enter in the editor area we normally use /editor/ + hash (/editor/faafc315b95987fc2b071bcd8f698b81). However, when we press the configuration link we loses the hash, so, if the user refreshes the page, the system show "Not found".

We need to keep the hash in with the configuration URL /configuration/ + hash, thus, when the users refresh the page, we can return to the right production/activity.

Rubric style enhancement

We need to decrease the size and the text of the rubrics so that all message fir in the card. The text must be accessible to the screen reader.

Organize the icons in the participant card

The icons in participating card must reflect the status of the users related with the produced text: waiting to contribute (icons:create), contributing (icons:build) and watching (icons:visibility).

Page language

Implement the lang="user navigator language" in the html (root)

Sound controls

Create a component to configure the sons in the system

Sound effects and position panel

We need to create a panel do inform the users the sound effects and sound position that they are using. So, in the first moment we will show this information yo the user in the sound configuration tab.

Request a participation feature enhancement

When a user request a participation, we must guarantee two things:

  • If the history is open, we need to close the history (text) and disable the button that opens the history
  • If the user is in sound configurations page, we need to change to the editor page and move the user's cursor to the editor area

Disable show history button/arrows while contributing

The user can execute the follow steps:

1 - Press the history button (the A symbol)
2 - Press the contribution button (the pencil)
3 - Save the new contribution, saving a history in a wrong way

So the history button can not be enabled if the user is writing a contribution. When the user press the contribution button (the pencil) the system must return to edit mode and disable the history button/arrows until the user press the save new contribution button.

Rebase from v0.2.0

There are some missing parter from 0.2.0 version. So, this issue is to organize the relation between versions.

Performance

Investigate the performance (maybe memory leak) in the system

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.