mirror of
https://github.com/kidwellj/SelfAssessmentUOB.git
synced 2024-12-04 21:42:21 +00:00
1197 lines
40 KiB
HTML
1197 lines
40 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" dir="ltr">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Sensory Environment Self-Evaluation Tool</title>
|
||
<link rel="stylesheet" href="styles2.css">
|
||
</head>
|
||
|
||
|
||
<body>
|
||
<header class="cont0">
|
||
<h1> Sensory Environment Self-Evaluation Tool </h1>
|
||
<!--<label for="progressbar" id="textprogress">Tool progress:</label>
|
||
<progress id="progressbar" max="11" value="1">(Step 1 of circa 11)</progress> -->
|
||
</header>
|
||
|
||
|
||
<form>
|
||
<!-- Intro -->
|
||
<section>
|
||
<div class="space" id="intro">
|
||
</div>
|
||
<div class="intro cont2a">
|
||
<h2 id="intro-heading">Introduction</h2>
|
||
</div>
|
||
<div class="cont2a">
|
||
<h4 class="subtitle">
|
||
Each context and activity has inherent sensory features,
|
||
which can affect your participation in your student role.
|
||
This tool is designed to enable you to evaluate your experience
|
||
of your sensory environments and how they either support or create
|
||
challenges for participating in the activities of your everyday
|
||
student life.
|
||
<br>
|
||
<br>
|
||
None of these judgments are calibrated;
|
||
this worksheet structures your experience of an environment
|
||
by focusing your attention on key sensory features of the context.
|
||
It simply provides a place to start in understanding the
|
||
relationship between you, the student and your context from a sensory point of view.
|
||
There are two ratings:
|
||
1. The environmental features (with a minus and plus sign)
|
||
2. The impact on your participation (with two emojis, left and right)
|
||
|
||
</h4>
|
||
<div class="space">
|
||
</div>
|
||
</div>
|
||
<!-- buttons -->
|
||
<div class="buttons">
|
||
<section class="cont3">
|
||
<button type="button" id="start">
|
||
<a href="#personal"> Start</a>
|
||
</button>
|
||
</section>
|
||
</div>
|
||
</section>
|
||
<div class="pad">
|
||
</div>
|
||
|
||
<!--Personal Data-->
|
||
<fieldset>
|
||
<legend> Personal Details </legend>
|
||
<div class="space" id="personal">
|
||
</div>
|
||
<section>
|
||
|
||
<div class="cont2">
|
||
<div class="subtitle">
|
||
<h3>Personal Details</h3>
|
||
</div>
|
||
<div>
|
||
<label for="name"> Name: </label>
|
||
</div>
|
||
<div>
|
||
<input type="text" id="name" name="name" required size="30" aria-label="Name">
|
||
</div>
|
||
<div>
|
||
<label for="date"> Date of evaluation </label>
|
||
</div>
|
||
<div>
|
||
<input type="date" id="date" name="date" required size="10" aria-label="Date of evaluation">
|
||
</div>
|
||
<div>
|
||
<label for="time"> Time of evaluation </label>
|
||
</div>
|
||
<div>
|
||
<input type="time" id="time" name="time" required size="10" aria-label="Time of evaluation">
|
||
</div>
|
||
<section class="multiple-choice">
|
||
<h3>What institution are you studying in?</h3>
|
||
<div>
|
||
<input type="radio" id="tud" name="school" value="Technological University Dublin"
|
||
checked aria-label="Technological University Dublin">
|
||
<label for="tud">Technological University Dublin</label>
|
||
</div>
|
||
<div>
|
||
<input type="radio" id="trinity" name="school" value="Trinity College Dublin" aria-label="Trinity College Dublin">
|
||
<label for="trinity">Trinity College Dublin</label>
|
||
</div>
|
||
<div>
|
||
<input type="radio" id="other" name="school" value="other" aria-label="other school radio button">
|
||
<label for="other">Other (Please type):</label>
|
||
<label for="otherschool" hidden> Other (Please type): </label>
|
||
<input type="text" id="otherschool" name="othertext" size="25" aria-label="text for other school">
|
||
</div>
|
||
<h3>Setting for evaluation</h3>
|
||
<div>
|
||
<input type="radio" id="lecture" name="setting" value="Lecture Hall"checked aria-label="Lecture Hall">
|
||
<label for="lecture">Lecture hall</label>
|
||
</div>
|
||
<div>
|
||
<input type="radio" id="laboratory" name="setting" value="laboratory" aria-label="Laboratory">
|
||
<label for="laboratory">Laboratory</label>
|
||
</div>
|
||
<div>
|
||
<input type="radio" id="library" name="setting" value="library" aria-label="Library">
|
||
<label for="library">Library</label>
|
||
</div>
|
||
<div>
|
||
<input type="radio" id="social" name="setting" value="social-setting" aria-label="Social setting">
|
||
<label for="social">Social setting</label>
|
||
</div>
|
||
<div>
|
||
<input type="radio" id="outdoor" name="setting" value="outdoor-area" aria-label="Outdoor area">
|
||
<label for="outdoor">Outdoor Area</label>
|
||
</div>
|
||
<div>
|
||
<input type="radio" id="office" name="setting" value="office"aria-label="Office">
|
||
<label for="office">Office</label>
|
||
</div>
|
||
<div>
|
||
<input type="radio" id="student" name="setting" value="student-accomodation" aria-label="Student accomodation">
|
||
<label for="student">Student accomodation</label>
|
||
</div>
|
||
<div>
|
||
<input type="radio" id="other" name="setting" value="other" aria-label="Other">
|
||
<label for="other">Other (Please type):</label>
|
||
<label for="other-setting" hidden> Other (Please type): </label>
|
||
<input type="text" id="other-setting" name="other-setting" size="25" aria-label="other setting text">
|
||
</div>
|
||
<h3>In this environment, what sort of activities you usually participate in?</h3>
|
||
<div>
|
||
<input type="checkbox" id="class" name="activities" value="class" checked aria-label="Class for example lecture, tutorial or seminar">
|
||
<label for="lecture">Class (lecture/tutorial/seminar)</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="practical" name="activities" value="practical-classes" aria-label="practical classes such as labs, studios or workshops">
|
||
<label for="practical">Practical Classes (labs/studios/workshops)</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="study" name="activities" value="study" aria-label="Study, writing assignments or self-directed learning">
|
||
<label for="study">Study/Writing assignments/Self-Directed Learning</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="group" name="activities" value="group-work" aria-label="group work">
|
||
<label for="group">Group work</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="socialising" name="activities" value="socialising" aria-label="socialising">
|
||
<label for="socialising">Socialising</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="fun" name="activities" value="fun" aria-label="fun or leisure activities">
|
||
<label for="fun">Fun / Leisure activities</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="eat" name="activities" value="eating" aria-label="eating">
|
||
<label for="eat">Eating</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="self" name="activities" value="self-care" aria-label="self-care activities">
|
||
<label for="self">Self-care activities</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="physical" name="activities" value="physical-activities" aria-label="physical activities">
|
||
<label for="physical">Physical activities</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="support" name="activities" value="support-services" aria-label="support services">
|
||
<label for="support">Support services</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="other" name="activities" value="other" aria-label="checkbox for other">
|
||
<label for="other">Other (Please type):</label>
|
||
<label for="other-activities" hidden> Other (Please type): </label>
|
||
<input type="text" id="other-activities" name="other-activities" size="25" aria-label="text for other activities">
|
||
</div>
|
||
|
||
|
||
</section>
|
||
|
||
</div>
|
||
</section>
|
||
</fieldset>
|
||
<div class="buttons">
|
||
<section class="cont1">
|
||
<button type="button" class="previous">
|
||
<a href="#intro">Previous</a>
|
||
</button>
|
||
</section>
|
||
<section class="cont3">
|
||
<button type="button" class="next">
|
||
<a href="#auditory">Next</a>
|
||
</button>
|
||
</section>
|
||
</div>
|
||
|
||
<div class="pad">
|
||
</div>
|
||
|
||
<div class="space" id="auditory">
|
||
</div>
|
||
|
||
|
||
<!--subtitle-->
|
||
<fieldset>
|
||
<legend> Auditory </legend>
|
||
<div class="cont2a" >
|
||
<div class="subtitle">
|
||
<h2> Auditory </h2>
|
||
<h4> Rate the environmental qualities of the setting you are in and the impact it has on your participation </h4>
|
||
</div>
|
||
</div>
|
||
|
||
<!--Q-->
|
||
<!--rate environment-->
|
||
<div class="block-question">
|
||
<div class="questionText">
|
||
<h3> General ambient background noise (fan, chat, movement noises) </h3>
|
||
<div>
|
||
<h3 class="part"> How much of this feature is present?</h3>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="phrase">
|
||
<p id="phrase1feat">Move the slider below</p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="sign-left">-</p>
|
||
<div class="range">
|
||
<input id="range1" oninput="showPhrase(this.value)" type="range" min="0" max="6" value="0" steps="1" aria-label="range for general ambient background noise" aria-valuemax="6" aria-valuemin="0" aria-valuenow="0">
|
||
</div>
|
||
<p class="sign-right">+</p>
|
||
</div>
|
||
<!--participation-->
|
||
<div class="questionText">
|
||
<h3 class="part"> Impact of feature on my participation </h3>
|
||
</div>
|
||
<div class="phrase" id="phrase1part">
|
||
<p> Move the slider below </p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="emoji-left">😖</p>
|
||
<div class="range">
|
||
<input id="range1a" oninput="showPhrase1a(this.value)" type="range" min="0" max="6" value="3" steps="1" aria-label="range for impact on participation of general ambient background noise">
|
||
</div>
|
||
<p class="emoji-right">😊</p>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!--Q-->
|
||
<!--rate environment-->
|
||
<div class="block-question">
|
||
<div class="questionText">
|
||
<h3> Specific noises (voices, a machine) </h3>
|
||
<div>
|
||
<h3 class="part"> How much of this feature is present?</h3>
|
||
</div>
|
||
</div>
|
||
<div class="phrase">
|
||
<p id="phrase2feat">Move the slider below</p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="sign-left">-</p>
|
||
<div class="range">
|
||
<input id="range2" oninput="showPhrase2(this.value)" type="range" min="0" max="6" value="0" steps="1" aria-label="range for specific noises (voices, a machine) ">
|
||
</div>
|
||
<p class="sign-right">+</p>
|
||
</div>
|
||
<!--participation-->
|
||
<div class="questionText">
|
||
<h3 class="part"> Impact of feature on my participation </h3>
|
||
</div>
|
||
<div class="phrase" id="phrase2part">
|
||
<p> Move the slider below </p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="emoji-left">😖</p>
|
||
<div class="range">
|
||
<input id="range2a" oninput="showPhrase2a(this.value)" type="range" min="0" max="6" value="3" steps="1" aria-label="range for impact on participation of specific noises (voices, a machine) ">
|
||
</div>
|
||
<p class="emoji-right">😊</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!--Q-->
|
||
<!--rate environment-->
|
||
<div class="block-question">
|
||
<div class="questionText">
|
||
<h3> Intermittent noise (unpredictable) </h3>
|
||
<div>
|
||
<h3 class="part"> How much of this feature is present?</h3>
|
||
</div>
|
||
</div>
|
||
<div class="phrase">
|
||
<p id="phrase3feat">Move the slider below</p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="sign-left">-</p>
|
||
<div class="range">
|
||
<input id="range3" oninput="showPhrase3(this.value)" type="range" min="0" max="6" value="0" steps="1" aria-label="range for Intermittent noise (unpredictable)">
|
||
</div>
|
||
<p class="sign-right">+</p>
|
||
</div>
|
||
<!--participation-->
|
||
<div class="questionText">
|
||
<h3 class="part"> Impact of feature on my participation </h3>
|
||
</div>
|
||
<div class="phrase" id="phrase3part">
|
||
<p> Move the slider below </p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="emoji-left">😖</p>
|
||
<div class="range">
|
||
<input id="range3a" oninput="showPhrase3a(this.value)" type="range" min="0" max="6" value="3" steps="1" aria-label="range for impact on participation of Intermittent noise (unpredictable)">
|
||
</div>
|
||
<p class="emoji-right">😊</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!--Q-->
|
||
<!--rate environment-->
|
||
<div class="block-question">
|
||
<div class="questionText">
|
||
<h3> Cueing noises (calling a person’s name, bell) </h3>
|
||
<div>
|
||
<h3 class="part"> How much of this feature is present?</h3>
|
||
</div>
|
||
</div>
|
||
<div class="phrase">
|
||
<p id="phrase4feat">Move the slider below</p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="sign-left">-</p>
|
||
<div class="range">
|
||
<input id="range4" oninput="showPhrase4(this.value)" type="range" min="0" max="6" value="0" steps="1" aria-label="range for Cueing noises (calling a person’s name, bell)">
|
||
</div>
|
||
<p class="sign-right">+</p>
|
||
</div>
|
||
<!--participation-->
|
||
<div class="questionText">
|
||
<h3 class="part"> Impact of feature on my participation </h3>
|
||
</div>
|
||
<div class="phrase" id="phrase4part">
|
||
<p> Move the slider below </p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="emoji-left">😖</p>
|
||
<div class="range">
|
||
<input id="range4a" oninput="showPhrase4a(this.value)" type="range" min="0" max="6" value="3" steps="1" aria-label="range for impact on participation of Cueing noises (calling a person’s name, bell)">
|
||
</div>
|
||
<p class="emoji-right">😊</p>
|
||
</div>
|
||
</div>
|
||
</fieldset>
|
||
<!--- <div class="buttons">
|
||
<a href="#auditory" class="previous"> Previous </a>
|
||
<a href="#visual" class="next"> Next </a>
|
||
</div> --->
|
||
<!-- buttons -->
|
||
<div class="buttons">
|
||
<section class="cont1">
|
||
<button type="button" class="previous">
|
||
<a href="#activities">Previous</a>
|
||
</button>
|
||
</section>
|
||
<section class="cont3">
|
||
<button type="button" class="next">
|
||
<a href="#visual">Next</a>
|
||
</button>
|
||
</section>
|
||
</div>
|
||
|
||
|
||
<div class="pad">
|
||
</div>
|
||
|
||
|
||
<!--Visual-->
|
||
<div class="space"id="visual">
|
||
</div>
|
||
<fieldset>
|
||
<legend> Visual</legend>
|
||
<div class="cont2a" >
|
||
<div class="subtitle">
|
||
<h2> Visual </h2>
|
||
<h4> Rate the environmental qualities of the setting you are in and the impact it has on your participation </h4>
|
||
</div>
|
||
</div>
|
||
|
||
<!--Q-->
|
||
<!--rate environment-->
|
||
<div class="block-question">
|
||
<div class="questionText">
|
||
<h3> General background (walls, workspaces) have objects on them </h3>
|
||
<div>
|
||
<h3 class="part"> How much of this feature is present?</h3>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="phrase">
|
||
<p id="phrase5feat">Move the slider below</p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="sign-left">-</p>
|
||
<div class="range">
|
||
<input id="range5" oninput="showPhrase5(this.value)" type="range" min="0" max="6" value="0" steps="1" aria-label="range for General background (walls, workspaces) have objects on them">
|
||
</div>
|
||
<p class="sign-right">+</p>
|
||
</div>
|
||
<!--participation-->
|
||
<div class="questionText">
|
||
<h3 class="part"> Impact of feature on my participation </h3>
|
||
</div>
|
||
<div class="phrase" id="phrase5part">
|
||
<p> Move the slider below </p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="emoji-left">😖</p>
|
||
<div class="range">
|
||
<input id="range5a" oninput="showPhrase5a(this.value)" type="range" min="0" max="6" value="3" steps="1" aria-label="range for impact on participation of General background (walls, workspaces) have objects on them">
|
||
</div>
|
||
<p class="emoji-right">😊</p>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!--Q-->
|
||
<!--rate environment-->
|
||
<div class="block-question">
|
||
<div class="questionText">
|
||
<h3> Contrast in the visual environment (dark objects on light surfaces, light objects on dark surfaces) </h3>
|
||
<div>
|
||
<h3 class="part"> How much of this feature is present?</h3>
|
||
</div>
|
||
</div>
|
||
<div class="phrase">
|
||
<p id="phrase6feat">Move the slider below</p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="sign-left">-</p>
|
||
<div class="range">
|
||
<input id="range6" oninput="showPhrase6(this.value)" type="range" min="0" max="6" value="0" steps="1" aria-label="range for Contrast in the visual environment (dark objects on light surfaces, light objects on dark surfaces)">
|
||
</div>
|
||
<p class="sign-right">+</p>
|
||
</div>
|
||
<!--participation-->
|
||
<div class="questionText">
|
||
<h3 class="part"> Impact of feature on my participation </h3>
|
||
</div>
|
||
<div class="phrase" id="phrase6part">
|
||
<p> Move the slider below </p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="emoji-left">😖</p>
|
||
<div class="range">
|
||
<input id="range6a" oninput="showPhrase6a(this.value)" type="range" min="0" max="6" value="3" steps="1" aria-label="range for impact on participation of Contrast in the visual environment (dark objects on light surfaces, light objects on dark surfaces)">
|
||
</div>
|
||
<p class="emoji-right">😊</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!--Q-->
|
||
<!--rate environment-->
|
||
<div class="block-question">
|
||
<div class="questionText">
|
||
<h3> Unexpected visual events </h3>
|
||
<div>
|
||
<h3 class="part"> How much of this feature is present?</h3>
|
||
</div>
|
||
</div>
|
||
<div class="phrase">
|
||
<p id="phrase7feat">Move the slider below</p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="sign-left">-</p>
|
||
<div class="range">
|
||
<input id="range7" oninput="showPhrase7(this.value)" type="range" min="0" max="6" value="0" steps="1"aria-label="range for Unexpected visual events">
|
||
</div>
|
||
<p class="sign-right">+</p>
|
||
</div>
|
||
<!--participation-->
|
||
<div class="questionText">
|
||
<h3 class="part"> Impact of feature on my participation </h3>
|
||
</div>
|
||
<div class="phrase" id="phrase7part">
|
||
<p> Move the slider below </p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="emoji-left">😖</p>
|
||
<div class="range">
|
||
<input id="range7a" oninput="showPhrase7a(this.value)" type="range" min="0" max="6" value="3" steps="1" aria-label="range for impact of participation of Unexpected visual events">
|
||
</div>
|
||
<p class="emoji-right">😊</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!--Q-->
|
||
<!--rate environment-->
|
||
<div class="block-question">
|
||
<div class="questionText">
|
||
<h3> Moving visual environment (for example, other people are moving about or there is movement on screens or displays) </h3>
|
||
<div>
|
||
<h3 class="part"> How much of this feature is present?</h3>
|
||
</div>
|
||
</div>
|
||
<div class="phrase">
|
||
<p id="phrase8feat">Move the slider below</p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="sign-left">-</p>
|
||
<div class="range">
|
||
<input id="range8" oninput="showPhrase8(this.value)" type="range" min="0" max="6" value="0" steps="1"aria-label="range for Moving visual environment (for example, other people are moving about or there is movement on screens or displays)">
|
||
</div>
|
||
<p class="sign-right">+</p>
|
||
</div>
|
||
<!--participation-->
|
||
<div class="questionText">
|
||
<h3 class="part"> Impact of feature on my participation </h3>
|
||
</div>
|
||
<div class="phrase" id="phrase8part">
|
||
<p> Move the slider below </p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="emoji-left">😖</p>
|
||
<div class="range">
|
||
<input id="range8a" oninput="showPhrase8a(this.value)" type="range" min="0" max="6" value="3" steps="1" aria-label="range for impact on participation for Moving visual environment (for example, other people are moving about or there is movement on screens or displays)">
|
||
</div>
|
||
<p class="emoji-right">😊</p>
|
||
</div>
|
||
</div>
|
||
|
||
</fieldset>
|
||
|
||
<!-- buttons -->
|
||
<div class="buttons">
|
||
<section class="cont1">
|
||
<button type="button" class="previous">
|
||
<a href="#auditory">Previous</a>
|
||
</button>
|
||
</section>
|
||
<section class="cont3">
|
||
<button type="button" class="next">
|
||
<a href="#touch"> Next</a>
|
||
</button>
|
||
</section>
|
||
</div>
|
||
|
||
<div class="pad">
|
||
</div>
|
||
|
||
<!-- touch -->
|
||
<div class="space" id="touch">
|
||
</div>
|
||
<fieldset>
|
||
<legend> Touch </legend>
|
||
<div class="cont2a">
|
||
<div class="subtitle">
|
||
<h2> Touch </h2>
|
||
<h4> Rate the environmental qualities of the setting you are in and the impact it has on your participation </h4>
|
||
</div>
|
||
</div>
|
||
|
||
<!--Q-->
|
||
<!--rate environment-->
|
||
<div class="block-question">
|
||
<div class="questionText">
|
||
<h3> Consistent contact with others/objects (e.g., tight sitting area, firm clothing)</h3>
|
||
<div>
|
||
<h3 class="part"> How much of this feature is present?</h3>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="phrase">
|
||
<p id="phrase9feat">Move the slider below</p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="sign-left">-</p>
|
||
<div class="range">
|
||
<input id="range9" oninput="showPhrase9(this.value)" type="range" min="0" max="6" value="0" steps="1"aria-label="range for Consistent contact with others/objects (e.g., tight sitting area, firm clothing)">
|
||
</div>
|
||
<p class="sign-right">+</p>
|
||
</div>
|
||
<!--participation-->
|
||
<div class="questionText">
|
||
<h3 class="part"> Impact of feature on my participation </h3>
|
||
</div>
|
||
<div class="phrase" id="phrase9part">
|
||
<p> Move the slider below </p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="emoji-left">😖</p>
|
||
<div class="range">
|
||
<input id="range9a" oninput="showPhrase9a(this.value)" type="range" min="0" max="6" value="3" steps="1" aria-label="range for impact on participation for Consistent contact with others/objects (e.g., tight sitting area, firm clothing)">
|
||
</div>
|
||
<p class="emoji-right">😊</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!--Q-->
|
||
<!--rate environment-->
|
||
<div class="block-question">
|
||
<div class="questionText">
|
||
<h3> Intermittent opportunities for contact (bumping into people/things)</h3>
|
||
<div>
|
||
<h3 class="part"> How much of this feature is present?</h3>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="phrase">
|
||
<p id="phrase10feat">Move the slider below</p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="sign-left">-</p>
|
||
<div class="range">
|
||
<input id="range10" oninput="showPhrase10(this.value)" type="range" min="0" max="6" value="0" steps="1" aria-label="range for Intermittent opportunities for contact (bumping into people/things)">
|
||
</div>
|
||
<p class="sign-right">+</p>
|
||
</div>
|
||
<!--participation-->
|
||
<div class="questionText">
|
||
<h3 class="part"> Impact of feature on my participation </h3>
|
||
</div>
|
||
<div class="phrase" id="phrase10part">
|
||
<p> Move the slider below </p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="emoji-left">😖</p>
|
||
<div class="range">
|
||
<input id="range10a" oninput="showPhrase10a(this.value)" type="range" min="0" max="6" value="3" steps="1" aria-label="range for impact on participation of Intermittent opportunities for contact (bumping into people/things)">
|
||
</div>
|
||
<p class="emoji-right">😊</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!--Q-->
|
||
<!--rate environment-->
|
||
<div class="block-question">
|
||
<div class="questionText">
|
||
<h3>Other touch events (e.g., breeze, fan blowing)</h3>
|
||
<div>
|
||
<h3 class="part">How much of this feature is present?</h3>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="phrase">
|
||
<p id="phrase11feat">Move the slider below</p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="sign-left">-</p>
|
||
<div class="range">
|
||
<input id="range11" oninput="showPhrase11(this.value)" type="range" min="0" max="6" value="0" steps="1" aria-label="range for Other touch events (e.g., breeze, fan blowing)">
|
||
</div>
|
||
<p class="sign-right">+</p>
|
||
</div>
|
||
<!--participation-->
|
||
<div class="questionText">
|
||
<h3 class="part"> Impact of feature on my participation </h3>
|
||
</div>
|
||
<div class="phrase" id="phrase11part">
|
||
<p> Move the slider below </p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="emoji-left">😖</p>
|
||
<div class="range">
|
||
<input id="range11a" oninput="showPhrase11a(this.value)" type="range" min="0" max="6" value="3" steps="1" aria-label="range for impact on participation of Other touch events (e.g., breeze, fan blowing)">
|
||
</div>
|
||
<p class="emoji-right">😊</p>
|
||
</div>
|
||
</div>
|
||
|
||
</fieldset>
|
||
|
||
|
||
<!--buttons-->
|
||
<div class="buttons">
|
||
<section class="cont1">
|
||
<button type="button" class="previous">
|
||
<a href="#visual">Previous</a>
|
||
</button>
|
||
</section>
|
||
<section class="cont3">
|
||
<button type="button" class="next">
|
||
<a href="#movement"> Next</a>
|
||
</button>
|
||
</section>
|
||
</div>
|
||
|
||
<div class="pad">
|
||
</div>
|
||
|
||
|
||
<!-- movement-->
|
||
<div class="space" id="movement">
|
||
</div>
|
||
<fieldset>
|
||
<legend> Movement Sense </legend>
|
||
<div class="cont2a">
|
||
<div class="subtitle">
|
||
<h2> Movement Sense</h2>
|
||
<h4> Rate the environmental qualities of the setting you are in and the impact it has on your participation </h4>
|
||
</div>
|
||
</div>
|
||
|
||
<!--Q-->
|
||
<!--rate environment-->
|
||
<div class="block-question">
|
||
<div class="questionText">
|
||
<h3> Predictable/routine movements needed/expected (e.g., getting in line)</h3>
|
||
<div>
|
||
<h3 class="part"> How much of this feature is present?</h3>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="phrase">
|
||
<p id="phrase12feat">Move the slider below</p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="sign-left">-</p>
|
||
<div class="range">
|
||
<input id="range12" oninput="showPhrase12(this.value)" type="range" min="0" max="6" value="0" steps="1" aria-label="range for Predictable/routine movements needed/expected (e.g., getting in line)">
|
||
</div>
|
||
<p class="sign-right">+</p>
|
||
</div>
|
||
<!--participation-->
|
||
<div class="questionText">
|
||
<h3 class="part"> Impact of feature on my participation </h3>
|
||
</div>
|
||
<div class="phrase" id="phrase12part">
|
||
<p> Move the slider below </p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="emoji-left">😖</p>
|
||
<div class="range">
|
||
<input id="range12a" oninput="showPhrase12a(this.value)" type="range" min="0" max="6" value="3" steps="1" aria-label="range for impact on participation of Predictable/routine movements needed/expected (e.g., getting in line)">
|
||
</div>
|
||
<p class="emoji-right">😊</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!--Q-->
|
||
<!--rate environment-->
|
||
<div class="block-question">
|
||
<div class="questionText">
|
||
<h3>Unpredictable movements needed/expected (losing balance)</h3>
|
||
<div>
|
||
<h3 class="part"> How much of this feature is present?</h3>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="phrase">
|
||
<p id="phrase13feat">Move the slider below</p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="sign-left">-</p>
|
||
<div class="range">
|
||
<input id="range13" oninput="showPhrase13(this.value)" type="range" min="0" max="6" value="0" steps="1" aria-label="range for Unpredictable movements needed/expected (losing balance)">
|
||
</div>
|
||
<p class="sign-right">+</p>
|
||
</div>
|
||
<!--participation-->
|
||
<div class="questionText">
|
||
<h3 class="part"> Impact of feature on my participation </h3>
|
||
</div>
|
||
<div class="phrase" id="phrase13part">
|
||
<p> Move the slider below </p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="emoji-left">😖</p>
|
||
<div class="range">
|
||
<input id="range13a" oninput="showPhrase13a(this.value)" type="range" min="0" max="6" value="3" steps="1" aria-label="range for impact on participation of Unpredictable movements needed/expected (losing balance)">
|
||
</div>
|
||
<p class="emoji-right">😊</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!--Q-->
|
||
<!--rate environment-->
|
||
<div class="block-question">
|
||
<div class="questionText">
|
||
<h3>Movement requirements are linear (walking, scooting, rolling in a chair)</h3>
|
||
<div>
|
||
<h3 class="part">How much of this feature is present?</h3>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="phrase">
|
||
<p id="phrase14feat">Move the slider below</p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="sign-left">-</p>
|
||
<div class="range">
|
||
<input id="range14" oninput="showPhrase14(this.value)" type="range" min="0" max="6" value="0" steps="1" aria-label="range for Movement requirements are linear (walking, scooting, rolling in a chair)">
|
||
</div>
|
||
<p class="sign-right">+</p>
|
||
</div>
|
||
<!--participation-->
|
||
<div class="questionText">
|
||
<h3 class="part"> Impact of feature on my participation </h3>
|
||
</div>
|
||
<div class="phrase" id="phrase14part">
|
||
<p> Move the slider below </p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="emoji-left">😖</p>
|
||
<div class="range">
|
||
<input id="range14a" oninput="showPhrase14a(this.value)" type="range" min="0" max="6" value="3" steps="1" aria-label="range for impact on participation of Movement requirements are linear (walking, scooting, rolling in a chair)">
|
||
</div>
|
||
<p class="emoji-right">😊</p>
|
||
</div>
|
||
</div>
|
||
<!--Q-->
|
||
<!--rate environment-->
|
||
<div class="block-question">
|
||
<div class="questionText">
|
||
<h3>Movement requirements are angular (bending, twisting)</h3>
|
||
<div>
|
||
<h3 class="part">How much of this feature is present?</h3>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="phrase">
|
||
<p id="phrase15feat">Move the slider below</p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="sign-left">-</p>
|
||
<div class="range">
|
||
<input id="range15" oninput="showPhrase15(this.value)" type="range" min="0" max="6" value="0" steps="1" aria-label="range for Movement requirements are angular (bending, twisting)">
|
||
</div>
|
||
<p class="sign-right">+</p>
|
||
</div>
|
||
<!--participation-->
|
||
<div class="questionText">
|
||
<h3 class="part"> Impact of feature on my participation </h3>
|
||
</div>
|
||
<div class="phrase" id="phrase15part">
|
||
<p> Move the slider below </p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="emoji-left">😖</p>
|
||
<div class="range">
|
||
<input id="range15a" oninput="showPhrase15a(this.value)" type="range" min="0" max="6" value="3" steps="1" aria-label="range for impact on participation of Movement requirements are angular (bending, twisting)">
|
||
</div>
|
||
<p class="emoji-right">😊</p>
|
||
</div>
|
||
</div>
|
||
</fieldset>
|
||
<!-- buttons -->
|
||
<div class="buttons">
|
||
<section class="cont1">
|
||
<button type="button" class="previous">
|
||
<a href="#touch">Previous</a>
|
||
</button>
|
||
</section>
|
||
<section class="cont3">
|
||
<button type="button" class="next">
|
||
<a href="#body"> Next</a>
|
||
</button>
|
||
</section>
|
||
</div>
|
||
|
||
|
||
<div class="pad">
|
||
</div>
|
||
|
||
|
||
|
||
<!-- body-->
|
||
<div class="space" id="body">
|
||
</div>
|
||
<fieldset>
|
||
<legend> Body Position Sense</legend>
|
||
<div class="cont2a">
|
||
<div class="subtitle">
|
||
<h2> Body Position Sense</h2>
|
||
<h4> Rate the environmental qualities of the setting you are in and the impact it has on your participation </h4>
|
||
</div>
|
||
</div>
|
||
|
||
<!--Q-->
|
||
<!--rate environment-->
|
||
<div class="block-question">
|
||
<div class="questionText">
|
||
<h3> Predictable/routine body positions needed</h3>
|
||
<div>
|
||
<h3 class="part"> How much of this feature is present?</h3>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="phrase">
|
||
<p id="phrase16feat">Move the slider below</p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="sign-left">-</p>
|
||
<div class="range">
|
||
<input id="range16" oninput="showPhrase16(this.value)" type="range" min="0" max="6" value="0" steps="1" aria-label="range for Predictable/routine body positions needed">
|
||
</div>
|
||
<p class="sign-right">+</p>
|
||
</div>
|
||
<!--participation-->
|
||
<div class="questionText">
|
||
<h3 class="part"> Impact of feature on my participation </h3>
|
||
</div>
|
||
<div class="phrase" id="phrase16part">
|
||
<p> Move the slider below </p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="emoji-left">😖</p>
|
||
<div class="range">
|
||
<input id="range16a" oninput="showPhrase16a(this.value)" type="range" min="0" max="6" value="3" steps="1" aria-label="range for impact on participation of Predictable/routine body positions needed">
|
||
</div>
|
||
<p class="emoji-right">😊</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!--Q-->
|
||
<!--rate environment-->
|
||
<div class="block-question">
|
||
<div class="questionText">
|
||
<h3>Constant challenges to postural control (unstable surfaces for sitting, walking)</h3>
|
||
<div>
|
||
<h3 class="part"> How much of this feature is present?</h3>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="phrase">
|
||
<p id="phrase17feat">Move the slider below</p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="sign-left">-</p>
|
||
<div class="range">
|
||
<input id="range17" oninput="showPhrase17(this.value)" type="range" min="0" max="6" value="0" steps="1" aria-label="range for Constant challenges to postural control (unstable surfaces for sitting, walking)">
|
||
</div>
|
||
<p class="sign-right">+</p>
|
||
</div>
|
||
<!--participation-->
|
||
<div class="questionText">
|
||
<h3 class="part"> Impact of feature on my participation </h3>
|
||
</div>
|
||
<div class="phrase" id="phrase17part">
|
||
<p> Move the slider below </p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="emoji-left">😖</p>
|
||
<div class="range">
|
||
<input id="range17a" oninput="showPhrase17a(this.value)" type="range" min="0" max="6" value="3" steps="1" aria-label="range for impact on participation of Constant challenges to postural control (unstable surfaces for sitting, walking)">
|
||
</div>
|
||
<p class="emoji-right">😊</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!--Q-->
|
||
<!--rate environment-->
|
||
<div class="block-question">
|
||
<div class="questionText">
|
||
<h3>Opportunities for body feedback occur (holding door, pushing a cart, wiping table or board)</h3>
|
||
<div>
|
||
<h3 class="part">How much of this feature is present?</h3>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="phrase">
|
||
<p id="phrase18feat">Move the slider below</p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="sign-left">-</p>
|
||
<div class="range">
|
||
<input id="range18" oninput="showPhrase18(this.value)" type="range" min="0" max="6" value="0" steps="1" aria-label="range for Opportunities for body feedback occur (holding door, pushing a cart, wiping table or board)">
|
||
</div>
|
||
<p class="sign-right">+</p>
|
||
</div>
|
||
<!--participation-->
|
||
<div class="questionText">
|
||
<h3 class="part"> Impact of feature on my participation </h3>
|
||
</div>
|
||
<div class="phrase" id="phrase18part">
|
||
<p> Move the slider below </p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="emoji-left">😖</p>
|
||
<div class="range">
|
||
<input id="range18a" oninput="showPhrase18a(this.value)" type="range" min="0" max="6" value="3" steps="1" aria-label="range for impact on participation of Opportunities for body feedback occur (holding door, pushing a cart, wiping table or board)">
|
||
</div>
|
||
<p class="emoji-right">😊</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- buttons -->
|
||
<div class="buttons">
|
||
<section class="cont1">
|
||
<button type="button" class="previous">
|
||
<a href="#movement">Previous</a>
|
||
</button>
|
||
</section>
|
||
<section class="cont3">
|
||
<button type="button" class="next">
|
||
<a href="#smell"> Next</a>
|
||
</button>
|
||
</section>
|
||
</div>
|
||
|
||
|
||
<div class="pad">
|
||
</div>
|
||
|
||
<!-- smell-->
|
||
<div class="space" id="smell">
|
||
</div>
|
||
<div class="cont2a" >
|
||
<div class="subtitle">
|
||
<h2> Smell</h2>
|
||
<h4> Rate the environmental qualities of the setting you are in and the impact it has on your participation </h4>
|
||
</div>
|
||
</div>
|
||
|
||
<!--Q-->
|
||
<!--rate environment-->
|
||
<div class="block-question">
|
||
<div class="questionText">
|
||
<h3> Distinct smell in the context (air freshener, grass, sweaty bodies)</h3>
|
||
<div>
|
||
<h3 class="part"> How much of this feature is present?</h3>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="phrase">
|
||
<p id="phrase19feat">Move the slider below</p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="sign-left">-</p>
|
||
<div class="range">
|
||
<input id="range19" oninput="showPhrase19(this.value)" type="range" min="0" max="6" value="0" steps="1" aria-label="range for Distinct smell in the context (air freshener, grass, sweaty bodies)">
|
||
</div>
|
||
<p class="sign-right">+</p>
|
||
</div>
|
||
<!--participation-->
|
||
<div class="questionText">
|
||
<h3 class="part"> Impact of feature on my participation </h3>
|
||
</div>
|
||
<div class="phrase" id="phrase19part">
|
||
<p> Move the slider below </p>
|
||
</div>
|
||
<!-- slider-->
|
||
<div class="graphicSlider">
|
||
<p class="emoji-left">😖</p>
|
||
<div class="range">
|
||
<input id="range19a" oninput="showPhrase19a(this.value)" type="range" min="0" max="6" value="3" steps="1" aria-label="range for impact on participation of Distinct smell in the context (air freshener, grass, sweaty bodies)">
|
||
</div>
|
||
<p class="emoji-right">😊</p>
|
||
</div>
|
||
</div>
|
||
</fieldset>
|
||
|
||
<!-- buttons -->
|
||
<div class="buttons">
|
||
<section class="cont1">
|
||
<button type="button" class="previous">
|
||
<a href="#body">Previous</a>
|
||
</button>
|
||
</section>
|
||
<section class="cont3">
|
||
<button type="button" class="next">
|
||
<a href="#print"> Next</a>
|
||
</button>
|
||
</section>
|
||
</div>
|
||
|
||
<div class="pad">
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<section>
|
||
<div class="space" id="print">
|
||
</div>
|
||
<div class="intro cont2a">
|
||
<h2>Tool completed!</h2>
|
||
</div>
|
||
<div class="cont2a">
|
||
<h4 class="subtitle">
|
||
This tool has been adapted from the Ecological Assessment of Sensory Processing Features of the Context with permission from its developer, Prof Winnie Dunn, PhD, OTR, FAOTA. The Ecological Assessment of Sensory Processing Features of the Context is a part of The Sensory Profile 2 Family of Assessments. Copyright © 2014 NCS Pearson, Inc. All rights reserved.
|
||
|
||
The tool has been developed as a collaboration between Technological University Dublin and Trinity College Dublin, the University of Dublin, by the development team of Kieran Lewis, Dr Clodagh Nolan, Aoife Dempsey, Claudia M. Fernandez Rivera, Deirdre Staunton and Declan Treanor.
|
||
|
||
Funding for the development of this tool has been provided by Higher Education Authority through the Fund for Students with Disabilities.
|
||
</h4>
|
||
<div class="space">
|
||
</div>
|
||
</div>
|
||
|
||
<!-- buttons -->
|
||
<div class="buttons">
|
||
<section class="cont1">
|
||
<button type="button" class="previous">
|
||
<a href="#smell">Previous</a>
|
||
</button>
|
||
</section>
|
||
<footer>
|
||
<input type="button" class="next print" onclick="window.print()" value="Print PDF" aria-label="select for printing pdf">
|
||
<!--<input type="button" class="next" onclick="GeneratePdf();" value="Print PDF">-->
|
||
</footer>
|
||
</div>
|
||
|
||
</section>
|
||
</form>
|
||
</body>
|
||
<!-- <script src="pdf.js"> </script> -->
|
||
<!-- <script src="slider.js"></script> -->
|
||
<script src="phrase.js"></script>
|
||
<script src="phrase2.js"></script>
|
||
<script src="phrase3.js"></script>
|
||
<script src="phrase4.js"></script>
|
||
<script src="phrase5.js"></script>
|
||
<script src="phrase6.js"></script>
|
||
<script src="phrase7.js"></script>
|
||
<script src="phrase8.js"></script>
|
||
<script src="phrase9.js"></script>
|
||
<script src="phrase10.js"></script>
|
||
<script src="phrase11.js"></script>
|
||
<script src="phrase12.js"></script>
|
||
<script src="phrase13.js"></script>
|
||
<script src="phrase14.js"></script>
|
||
<script src="phrase15.js"></script>
|
||
<script src="phrase16.js"></script>
|
||
<script src="phrase17.js"></script>
|
||
<script src="phrase18.js"></script>
|
||
<script src="phrase19.js"></script>
|
||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
|
||
<script src="scrollbar.js"></script>
|
||
</html>
|