forked from heyjessi/getting-unstuck-visual
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
77 lines (68 loc) · 3.63 KB
/
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>D3 Project</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="container">
<div class="col">
<h1>Getting Unstuck</h1>
<img src="img/buggy.jpg" id="top_img">
</div>
<h2>Project Background</h2>
<p>How do we visualize learning, especially computational learning? What factors will inspire people to expand their creative capacity? Can we find patterns in people's creation of Scratch projects overtime and does this change
if they create alongside others in a professional development space? These are only a few of the questions that came to mind after digging into <a href= "https://gettingunstuck.gse.harvard.edu/about.html" target="_blank">Getting Unstuck</a>, a 21 day professional development learning experience for Scratch educators.</p>
<p>This project has support from the Harvard Graduate School of Education <a href= "https://creativecomputing.gse.harvard.edu/" target="_blank">Creative Computing Lab</a>. Code and analysis by Jess Eng and Emily Hong. Special thanks to our research advisors Karen Brennan and Paulina Haduong for meeting with us every week and teaching us the power of
computational creativity.</p>
<div><a href="img/block.gif" target="_blank"><p>Click here to see a project demo <i class="fa fa-tv" aria-hidden="true"></i></p></a>
</div>
<div class="col">
<form name="get_json" id="get_json">
<h2>Let's Analyze Your Scratch Project!</h2>
<ol>
<li>Download the JSON for your Scratch 3 Project at https://projects.scratch.mit.edu/[Your Project ID]</li>
<li>Upload your JSON file:</li>
</ol>
<input type="file" id="scratch_json" name="scratch_json"><br><br>
</form>
<p id="refresh"></p>
</div>
<div class="col">
<h3>Block Category Frequency</h3>
<div id="category"></div>
</div>
<div class="col">
<h3>Block Frequency</h3>
<br>
<p id="suggestion"></p>
<select class="form-control" id="block-cat">
<option value="all">All Categories</option>
<option value="motion">Motion</option>
<option value="control">Control</option>
<option value="event">Event</option>
<option value="looks">Looks</option>
<option value="operators">Operator</option>
<option value="sensing">Sensing</option>
<option value="sound">Sound</option>
<option value="variables">Variable</option>
<option value="more_blocks">My Blocks</option>
</select>
<div id="blocks"></div>
</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/d3.min.js"></script>
<!--<script src="js/require.js"></script>-->
<script src="js/block_data.js"></script>
<script src="js/main.js"></script>
<!--<script src="js/scratch_analysis.js"></script>-->
</body>
</html>