robinsonz / slate

Final project for CIS 4120/5120 @ Penn

I write software (and occasionally words) to help people accomplish their goals, avoid tedium, and learn something new about the world we inhabit and the systems we use. I have a particular interest in human-computer interaction, embedded systems, efficient infrastructure, and cross-disciplinary integration. Read more about me on my website.

I'm currently on the Infrastructure team at Arcesium. We provide advanced data, operations, and analytics software to the financial services industry.

Previously:

• 🎓 BA, Computer Science (minors in Engineering & English Literature), Swarthmore College
• 💻 Internships at Streem, Polaris, and Arcesium
• 🖥️ President, Swarthmore College Computer Society
• 🤖 Software Manager, FRC Team 1540 The Flaming Chickens

To contact me, use the email address on my profile, or connect with me on LinkedIn.

slate's Issues

Customizable background

Keep import when dragging to the right

Date Picker Z-Index

If a column only has one file and the date picker is opened, the pop-up window is cut off.

Column management

• Create new columns
• Delete existing columns
• #25
• #26

Fill up right side of the screen (with calendar view)

Menu bar widget

See https://github.com/maxogden/menubar. Maybe shows only files for today.

Design question and study plan

• Develop design question (currently: use an "open" button or a double-click action to open files from cards?)
• Study plan:
  • A description of tasks users will perform with your interface. Plan tasks that take no longer than 5 minutes. You will conduct your study during studio—keeping your tasks short means you can have lots of people participate in your study
  • The dependent variables (i.e., your measurements of the effects the change of the interface will have on users’ experience). The only requirement for this assignment is that you have at least one dependent variable that can be measured with a questionnaire item (like perceived task difficulty) and one that can be measured using more objective instruments (like task time, accuracy rate, or counts of interface events).
  • A brief description of how you will measure each of the dependent variables. This could include using a stopwatch, having the participant answer questionnaire items, and logging events from your interface code.
  • A testable hypothesis, describing how the independent variable relates to each of the dependent variables
  • A description of the kind of statistical test you can run for each hypothesis to validate whether there is a statistically significant effect of the interface variant on the dependent variable. You may wish to look at slides from class to recall the kinds of tests that can be used for different types of hypotheses.

Scroll overflows header

TA check-in notes

TA check-in notes for Assignment 5

Studio 5 evaluation notes

• Interview for user 1
• Notes for user 1
• Interview for user 2
• Notes for user 2

"Open" button interface variant

A5 prototype interaction video

Data analysis from studio

Measurement instruments

Long name “…” truncation

Double-click interface variant

Recently Deleted

• encode parent child relationship
• implement recently deleted stack
• data object which reference config.json
• reorganize config.json to address these changes
• integrate Immer for stack integrit
• implement Redux global state management

Tests:

• deleting a column deletes all the children but ofc, saves it
• deleting a card does not delete the column
• The exact number of cards are retrieved by 'undo'
• serial deletion and undo
• serial undos followed by serial redos

Imports from filesystem

• Backend electron IPC call thing to load file list
• Add local import button on import sidebar
• Create new card from single selected file
• Parse all files in a selected folder to new cards

Text note cards

Create and interact with text-based sticky notes on the main screen

Opening slate automatically opens config.json

App builds on Github Actions

Folder cards

Pivot style away from bad handwriting aesthetic

A5 update presentation

Reorder columns

Rename columns

Make app icon the actual logo

Backend filesystem API

Writing and plumbing up filesystem interaction APIs:

• Open file prompt dialog and return a file path
• Open a file at an arbitrary path using system-set viewer

Refactor state logic to use reducers and context

See https://react.dev/learn/scaling-up-with-reducer-and-context.

Calendar view