wangchj / newspan Goto Github PK

After a task is selected the page appears to be blank. It takes 5 to 10 seconds for the problems to show up.

The problem makers should not have to state an equation is true or false. The app should be able to evaluate left-hand-side of the equation and checks if that equals right-hand-side.

See 4 below.

A few minor suggestions

1. for the recall of letters, please put the max number of letters to recall to be the max number (7)—probably same thing for math letter recall—I noticed that if there were 4 letters in set, I could only click up to 4 numbers etc. We do not want people to know the number of letters to recall based on the number of clicked items.
2. Is there a way to get the blue bubble and and number a bit larger?
3. For the symmetry recall-we will need to have a something on screen to let them know it is the recall portion. I can work on this with the instructions.
4. Is there a way to put a grid or box around instructions and items to make it stand out a bit more etc.? Right now, it is plain on screen, which is fine, but having a grey background with black rectangle box etc, might make it stand out more and limit people to look at items in the screen that pertain to task—especially given that it does not take all of screen to present task items.
5. I will have my RAs redo the sentences for the reading—some sentences could be improved.

Currently Symmetry figures are generated by directly using BoxSequence.Slide.Figure component. This is great because of the component reuse, but it has a down side that every time a Symmetry figure is needed, we need to specify all the attributes that are specific and shared by all Symmetry figures.

A good solution is to create a Symmetry figure component that uses the BoxSequence.Slide.Figure component internally, but creates an abstract layer to easily create a Symmetry figure.

See 2 below.

A few minor suggestions

1. for the recall of letters, please put the max number of letters to recall to be the max number (7)—probably same thing for math letter recall—I noticed that if there were 4 letters in set, I could only click up to 4 numbers etc. We do not want people to know the number of letters to recall based on the number of clicked items.
2. Is there a way to get the blue bubble and and number a bit larger?
3. For the symmetry recall-we will need to have a something on screen to let them know it is the recall portion. I can work on this with the instructions.
4. Is there a way to put a grid or box around instructions and items to make it stand out a bit more etc.? Right now, it is plain on screen, which is fine, but having a grey background with black rectangle box etc, might make it stand out more and limit people to look at items in the screen that pertain to task—especially given that it does not take all of screen to present task items.
5. I will have my RAs redo the sentences for the reading—some sentences could be improved.

This is probably easy to implement but maybe there is already well-organized utility libraries for this.

See 1 below.

A few minor suggestions

1. for the recall of letters, please put the max number of letters to recall to be the max number (7)—probably same thing for math letter recall—I noticed that if there were 4 letters in set, I could only click up to 4 numbers etc. We do not want people to know the number of letters to recall based on the number of clicked items.
2. Is there a way to get the blue bubble and and number a bit larger?
3. For the symmetry recall-we will need to have a something on screen to let them know it is the recall portion. I can work on this with the instructions.
4. Is there a way to put a grid or box around instructions and items to make it stand out a bit more etc.? Right now, it is plain on screen, which is fine, but having a grey background with black rectangle box etc, might make it stand out more and limit people to look at items in the screen that pertain to task—especially given that it does not take all of screen to present task items.
5. I will have my RAs redo the sentences for the reading—some sentences could be improved.

The squares recall does not allow selecting.

The project should be built when deployed to production environment.

Currently, the pages use JSXTransformer.js. We need to migrate from this approach to pre-built react scripts.

Right now the vertical positioning of different tasks are different and set by individual components. This makes the UI inconsistent. Come up with a way that vertical position of the components are unified and predictable.

Same thing for font sizes.

Currently all the score computation is done on the client side using JavaScript. This has two drawbacks:

1. We depend on the client, which could run different browsers, to do this correctly for us and makes this prone to break.
2. We're storing the scores in the database. If we change the calculation for the score, we need to recompute the scores.
3. We have to depend and use JavaScript for rendering.