-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathiep-goal-generator.html
225 lines (205 loc) · 9.3 KB
/
iep-goal-generator.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
---
title: IEP Goal Generator
layout: template
filename: iep-goal-generator.html
---
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IEP Goal Generator</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #daebe9;
margin: 0;
padding: 10px;
}
.container {
max-width: 600px;
margin: 0 auto;
background-color: #fff;
padding: 5px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
h1 {
text-align: center;
color: #0d9182;
margin-bottom: 10px;
}
form {
display: flex;
flex-direction: column;
align-items: left;
}
label {
margin-bottom: 3px;
}
select, input[type="text"] {
padding:10px;
margin-bottom: 5px;
width: calc(100% - 15px);
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
.btn-generate {
padding: 15px 20px;
background-color: #0d9182;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 18px;
transition: background-color 0.3s ease;
}
.btn-generate:hover {
background-color: #046e62;
}
#result {
margin-top: 15px;
padding: 15px;
background-color: #daebe9;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 18px;
}
</style>
</head>
<body>
<div class="container">
<h1>IEP Goal Generator</h1>
<form onsubmit="event.preventDefault(); generateGoal();">
<label for="student">Student’s Name:</label><br>
<input type="text" id="student" name="student" required><br><br>
<label for="pronoun">Student’s gender:</label><br>
<select id="pronoun" name="pronoun" required>
<option value="his">Male</option>
<option value="her">Female</option>
<option value="their">Nonbinary</option>
</select><br><br>
<label for="area_of_need">Area of Need:</label><br>
<select id="area_of_need" name="area_of_need" required>
<option value="articulation">Articulation</option>
<option value="fluency">Fluency</option>
<option value="receptive language">Receptive Language</option>
<option value="expressive language">Expressive Language</option>
<option value="social skills">Social Skills</option>
<option value="AAC usage">AAC</option>
</select><br><br>
<label for="goal">Goal:</label><br>
<select id="goal" name="goal" required>
<!-- Goal options will be populated dynamically based on the selected area of need -->
</select><br><br>
<label for="goal_level">Accuracy Goal:</label><br>
<select id="goal_level" name="goal_level" required>
<option value="60%">60%</option>
<option value="70%">70%</option>
<option value="80%">80%</option>
<option value="90%">90%</option>
<option value="95%">95%</option>
</select><br><br>
<label for="level_of_cueing">Any prompts?:</label><br>
<select id="level_of_cueing" name="level_of_cueing" required>
<option value="no">No (independent)</option>
<option value="minimal">Minimal</option>
<option value="moderate">Moderate</option>
<option value="maximal">Maximal</option>
<option value="verbal">Verbal</option>
<option value="visual">Visual</option>
</select><br><br>
<button type="submit" class="btn-generate">GENERATE GOAL</button>
</form>
<div id="result">
<strong>IEP Goal:</strong> <span id="annual_goal"></span>
</div>
</div>
<script>
function generateIepGoal(student, pronoun, areaOfNeed, goal, goalLevel, levelOfCueing) {
// Define template
var annualGoalTemplate = "By the end of the IEP year, " + student + " will improve " + pronoun + " " + areaOfNeed + " by " + goal + " with " + goalLevel + " accuracy and " + levelOfCueing + " prompts.";
// Generate annual goal
var annualGoal = annualGoalTemplate;
return annualGoal;
}
function generateGoal() {
var student = document.getElementById("student").value;
var pronoun = document.getElementById("pronoun").value;
var areaOfNeed = document.getElementById("area_of_need").value;
var goal = document.getElementById("goal").value;
var goalLevel = document.getElementById("goal_level").value;
var levelOfCueing = document.getElementById("level_of_cueing").value;
var annualGoal = generateIepGoal(student, pronoun, areaOfNeed, goal, goalLevel, levelOfCueing);
document.getElementById("result").innerText = "Annual Goal: " + annualGoal;
}
function updateGoals() {
var areaOfNeed = document.getElementById("area_of_need").value;
var goalSelect = document.getElementById("goal");
goalSelect.innerHTML = ""; // Clear existing options
var goals = {
"articulation": [
"producing the '' sound in syllables",
"producing the '' sound in words",
"producing the '' sound in multisyllabic words",
"producing the '' sound in sentences",
"producing the '' sound in conversation"
],
"fluency": [
"using a fluency enhancing technique (e.g. relaxed breath, easy voice, light contact) to produce words more smoothly",
"using a fluency enhancing technique (e.g. relaxed breath, easy voice, light contact) to produce sentences more smoothly",
"using a fluency enhancing technique (e.g. relaxed breath, easy voice, light contact) in conversational exchanges"
],
"receptive language": [
"identifying objects/nouns",
"identifying 3 items in basic categories (e.g. food, clothing, animals)",
"following 1-step instructions during structured activities",
"answering yes/no questions",
"answering who/what/when/where questions",
"answering why/how questions"
],
"expressive language": [
"producing 2-3 word phrases",
"producing 3-4 word sentences",
"using regular and irregular past tense verbs in sentences",
"answering who/what/when/where questions",
"answering why/how questions",
"producing complex sentences using conjunctions",
"retelling a story/narrative including key elements (who, what, when where)"
],
"social skills": [
"making and responding to greetings",
"making requests for desired items/activities",
"using polite social phrases (e.g. 'please', 'thank you', 'sorry') appropriately",
"identifying feelings presented in pictures, videos, or social scenarios",
"identifying the 'size of the problem' in real or hypothetical social scenarios",
"identifying behaviors as 'expected' or 'unexpected' in social scenarios and explaining why",
"identifying 2 possible solutions to real or hypothetical social problems",
"demonstrating appropriate turn-taking in conversation",
"maintaining a topic by producing 2 relevant follow-up questions or comments"
],
"AAC usage": [
"using AAC to request items/activities",
"using AAC to comment or express opinions",
"selecting 1-2 icons on a SGD to participate in speech activities",
"using AAC to make greetings",
"using AAC to express feelings",
"using AAC to answer questions"
]
};
var selectedGoals = goals[areaOfNeed];
selectedGoals.forEach(function(goal) {
var option = document.createElement("option");
option.value = goal;
option.text = goal;
goalSelect.add(option);
});
}
document.addEventListener("DOMContentLoaded", function() {
updateGoals(); // Initialize goals dropdown on page load
document.getElementById("area_of_need").addEventListener("change", updateGoals); // Update goals when area of need changes
});
</script>
</body>
</html>