Cognitive Facets

for learning technical materials

Based on research by the GenderMag (InclusiveMag) program at Oregon State and other universities, this survey compares students' cognitive learning styles to their peers.

The survey incorporates 5 facets related to gender and compares a set of 3 personas.

Recommendations and Additions

Future additions will include surveys for Socioecomonic Styles (SES) and Refugee Styles.

Authors

Authors of this site include: Pam Van Londen, Lara Letaw, and Justin Dickerson, of Oregon State University. Supporting research is based on "How to measure diversity actionably in technology" (preprint), M. Hamid et al., in Equity, Diversity, Inclusion in Software Engineering (Eds: D. Damian et al.), Apress, 2024. https://web.engr.oregonstate.edu/~burnett/Reprints/diversityBook-2024.pdf

About the code

This app/site is built using Vite+React and is hosted by Render.com. Some code was developed using ChatGPT. Additional React libraries include:

1. useState, useEffect, createContext, and useContext from React.
2. BrowserRouter, useLocation, and Link from react-router-dom https://reactrouter.com/en/main
3. rollup: https://www.npmjs.com/package/@rollup/plugin-wasm

About the styles

1. Stylesheet designed by Pam Van Londen (because she hates using div tags and a million classes).
2. The logo was initially designed by GPTChat's LogoCreater and modified by Pam.
3. The color scheme is:
   • --blue: rgb(58, 154, 198);
   • --green: rgb(68, 178, 68);
   • --orange: rgb(224, 137, 6);
   • --red: #C34500;
   • --shadow: rgb(209, 208, 208);
   • Colornames allowed: black, gray, whitesmoke, white.

Google Analytics

The gTag has been included in index.html and App.jsx to determine how many people click and how many complete the survey. In addition, it may track who has downloaded a PNG file of their results, for use in discussions.