@MariChikvaidze/

RevisionGenerator

HTML, CSS, JS

No description

fork
loading
Files
  • index.html
  • FileDialog.js
  • FileSaver.js
  • script.js
index.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
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>Revision Generator</title>
	<script src="https://code.jquery.com/jquery-3.3.1.min.js">

	</script>
	<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.css" />
	<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid-theme.min.css" />
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.js">

	</script>
	<script src="FileSaver.js">

	</script>
	<script src="FileDialog.js">

	</script>
</head>

<body>
	<h1>Revision Generator</h1>

	<p>
		Revision generator is an open source and free to use tool inspired by the research evidence in cognitive science and educational
		psychology. It automatically generates personalized revision timetables for effective revision of hard-to-remember topics
		in mathematics, using MathsWatch clips.</p>
	<p>
		Revision Generator can be customised for use in subjects other than mathematics. To modify the list of Topics and Tasks use
		Edit and Delete buttons and save newly generated topics and tasks into your file. The saved file can be re-opened on demand
		to generate revision timetables in your respective subjects.</p>
	<p>
		Specify a target revision topic (which could be something your student struggles with), a number of topics to be revised
		per day and a total number of days of revision. Press "Generate Revision Timetable" and simply copy-paste the output into
		your file. The algorithm ensures that the target topic keeps cropping up interleaved and spaced-out for as many days as
		specified; this ensures regular revision of hard topics and facilitates their transfer into the long-term memory.</p>

	<table>
		<tr>
			<td valign="top">
				<div id="targetTopic"></div>
			</td>
			<td valign="top">
				<div id="tasksPerDay"></div>
			</td>
			<td valign="top">
				<div id="numberOfDays"></div>
			</td>
			<td valign="middle">
				<button onclick="updateRevisions()">Generate Revision Timetable</button>
			</td>
		</tr>
	</table>

	<table>
		<tr>
			<td valign="top">
        <h1>Topics and Tasks</h1>
        <button onclick="saveTopicsAndTasks()">Save Topics and Tasks</button>
        <button onclick="openTopicsAndTasks()">Open Topics and Tasks</button>
        <button onclick="clearTopicsAndTasks()">Clear Topics and Tasks</button>
				<div id="topics"></div>
			</td>
			<td valign="top">
        <h1>Revision Schedule</h1>
        <button style="visibility:hidden;" onclick="saveRevisions()">Save Revision Schedule</button>
				<div id="revisions"></div>
			</td>
		</tr>
	</table>
	<script type="text/javascript" src="script.js">
	</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-130574709-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-130574709-1');
</script>
</body>
</html>
result
console