The interactive consists of a task juggling exercise which then scores the user's task performance (speed, accuracy, how those depend on whether or not a task switch occurred, etc.). Recreating the whole project from - New York Times. It is written in Dart using Flutter.
Motivation
Most popular browsers do not support Flash any more. Thus, in order to achieve better user experience, we decided to recreat this task by using more recent technologies.
Link | Description |
---|---|
bu.edu/bording | Onboarding Page |
bu.edu/exercisets | Juggle Task Test HomePage |
bu.edu/testfocus | Focus Test HomePage |
Screenshots
About Data Export
- First go to CsvJsonReport in most recent browsers (e.g. Chrome, Firefox)
- Wait for a few seconds until the page automatically redirect you to the firebase storage console
- Choose Storage on the left navbar
- Go to folder
reports/
, then clickreport.csv
- Click Create new access token under File location tab
- Click token generated below Access token (the URL will be copied automatically) and paste the URL into browser, then the file will be automatically downloaded
Program Setup
- Fork the repository and clone it to your local machine
- Follow the instructions here to install the Flutter SDK
- Setup Android Studio or Visual Studio Code.
Structure
The high level design of the whole project is based on the following components:
├─functions # includes all cloud functions (e.g. jsonToCsv)
├─lib # includes all main logics
└─web # compiled version of application
Compiling
To compile the program:
flutter run -d Chrome
To recompile the program:
cold restart: tap r in command line
hot restart: tap shift + r in command line
Building
Web: flutter build
If you have a connected device or emulator you can run and deploy the app with flutter run
Have a question?
If you need any help, drop Beck a line!
License
This project is released under the MIT License