In-Place Contextual Privacy Options

This project contains a prototype Vue.js implementation of In-Place Contextual Privacy Options used to conduct the experiments in the paper "Right Here, Right Now: User Perceptions of In-Place Contextual Privacy Options."

Prototype variants

This project contains three variants of In-Place Contextual Privacy Options: Purpose-focused, data-focused, and text-based. The different variants can be accessed with the following URLs:

• Purpose-focused: http://localhost:5173/stdy/proto/#/purpose
• Data-focused: http://localhost:5173/stdy/proto/#/data
• Text-based: http://localhost:5173/stdy/proto/#/text

Customize data processing information

The information displayed about the data processing is hard-coded for each variant. They can be customised for the data- and purpose-focused variants using the Javascript objects in the files src/views/DataInformationBottomSheet.vue and src/views/PurposeInformationBottomSheet.vue. The information for the text-based variant can be customised using the html template in file src/views/PlainTextInformationBottomSheet.vue.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev