2d:null 2e:["$","title",null,{"children":"Study information | tyr1981 | Observable"}] 33:[] 31:{"id":"e6230ee5d3c7bf4b","slug":"study-information","title":"Study information","thumbnail":"009872cc3ecc573b238ed5064f110f84c4de5e6e37ae8e72ece71aff1fed4a18","access_level":"public","create_time":"$D2024-09-12T12:32:31.561Z","update_time":"$D2024-12-09T18:20:23.788Z","view_time":null,"first_public_time":"$D2024-09-18T13:56:03.509Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"0eea6200fa793072","login":"tyr1981","name":"tyr1981","avatar_url":"https://avatars-next.observableusercontent.com/66f967001deee18aef0611cb3db26e44b3673352ea83d80f5c042b1d468d7b3a","tier":"starter_2024"},"version":36,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"e7e6bc615f03bb8a","login":"tyr1981","name":"tyr1981","avatar_url":"https://avatars-next.observableusercontent.com/dfb74df6c39ed24d6e79e44cfc79136ab36233a17d1e111ef6dfd91050833ec8","tier":null}],"members":[{"type":"team","id":"0eea6200fa793072","login":"tyr1981","name":"tyr1981","avatar_url":"https://avatars-next.observableusercontent.com/66f967001deee18aef0611cb3db26e44b3673352ea83d80f5c042b1d468d7b3a","tier":"starter_2024","role":"editor"},{"type":"individual","id":"e7e6bc615f03bb8a","login":"tyr1981","name":"tyr1981","avatar_url":"https://avatars-next.observableusercontent.com/dfb74df6c39ed24d6e79e44cfc79136ab36233a17d1e111ef6dfd91050833ec8","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"2479ec79deb66c52","slug":"visunit","title":"VisUnit","owner":{"id":"0eea6200fa793072","login":"tyr1981","name":"tyr1981"}},"type":"notebook","body":{"title":"Study information","cells":[{"id":0,"value":"# Study information","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"This is a VisUnit compatible library designed to show HTML content such as consent forms, participant information sheets, etc. It is built around an HTML \"viewer\" (a div more or less) and a dataset of HTML pages. Calling *setPage(number)* on the viewer will toggle the desired page. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"function InformationViewer(w = 400, h=400, update){\n\n let data = null;\n let savedDiv = null;\n \n this.name = \"Show HTML\";\n this.description = \"Shows information in HTML format\";\n\n let page = -1;\n\n this.clearTask = () => {};\n\n this.getData = () => {return data};\n this.loadData = (d) => {\n data = d;\n this.setPage(0);\n }\n this.setPage = (p) => {\n console.log(\"info setting page: \" + p);\n console.log(savedDiv);\n if (data != null && p >= 0 && p < data.getPageCount())\n page = p;\n if (savedDiv != null)\n this.draw(savedDiv);\n }\n this.draw = (div) => {\n console.log(\"info setting page: \" + page);\n console.log(data.getPage(page));\n if (div != null) savedDiv = div;\n div.innerHTML = \"\";\n div.appendChild(data.getPage(page));\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"**Below are pages that are assembled into the the dataset:**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":11,"value":"_Page 1: Consent form mockup_","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":13,"value":"

We want to understand how best to show complex data visually to aid its understanding. We will show you one or more data visualisations and ask you to do some tasks or answer questions about the data shown. Overall the tasks you will perform pose no greater risk then activities you do as part of your every day life.

You may widthdraw at any point; if so, we will remove any data we might have partially collected from you.

Your response will help science.

We will take good care of your data: we will de-identify it, store it in a secure place, and only used it for research.

You may contact us@institution.edu if you need to.

Please choose yes if you consent to the above and wish to proceed.

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"consent_html","database":"$undefined"},{"id":15,"value":"_Page 2: Good bye._","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":17,"value":"

Thank you for participating. Good bye!

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"goodbye_html","database":"$undefined"},{"id":19,"value":"_Page N : Add your content here (and name the cell)_","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":21,"value":"information = {\n \n function getConsent(){\n let div = document.createElement(\"div\");\n div.innerHTML = consent_html.innerHTML;\n return div;\n }\n function sayGoodbye(){\n let div = document.createElement(\"div\");\n div.innerHTML = goodbye_html.innerHTML;\n return div;\n }\n\n let pages = [getConsent(), sayGoodbye()];\n\n return {\n name : \"Study info\",\n description: \"Information about the study (cosent form, thank you message, etc.) formatted as HTML\",\n getPageCount : () => 2,\n getPage : (p) => pages[p]\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"askConsent = (\n {\n name : \"ask consent\",\n description : \"Shows a page asking for consent\",\n question : \"Read the information below and select yes if you are happy to proceed. If you select no, the study will conclude.\",\n inputs : [ { type : \"vis\", state : \"Page\"}],\n outputs : [ {type : \"select\", options : [\"Select\", \"Yes\", \"No\"]}],\n instances : [\n {\n data : information,\n instances : [{ inputs : [0], accuracy : (outputs) => outputs[0] == \"Yes\"}]\n }]})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"sayGoodbye = (\n {\n name : \"goodbye\",\n description : \"Shows a goodbye page\",\n question : \"\",\n inputs : [ { type : \"vis\", state : \"Page\"}],\n outputs : [],\n instances : [\n {\n data : information,\n instances : [{ inputs : [1], accuracy : (outputs) => outputs[0] == -1}]\n }]})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"informationViewer = new InformationViewer(400,400,() => {})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"studyInformation = ({\n data : information,\n viewer : informationViewer,\n askConsent : askConsent,\n sayGoodbye : sayGoodbye,\n viewer : informationViewer\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 32:"$31:body"