forked from mitmedialab/lcl-2014.media.mit.edu
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtest.html
More file actions
143 lines (112 loc) · 5.5 KB
/
test.html
File metadata and controls
143 lines (112 loc) · 5.5 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="img/favicon.png">
<title>test | PWYM</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/custom-NEW.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
<!-- Google Analytics: DO NOT EDIT -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-1J5K700B51"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-1J5K700B51');
</script>
</head>
<body>
<!-- NAVBAR
=========================================================================== -->
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">
<img src="img/musedlab-logo.png"/>
</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="old/aboutpwym.html">About</a></li>
<li><a href="http://community.playwithyourmusic.org">Community</a></li>
<li><a href="old/gallery.html">Gallery</a></li>
<li><a href="old/map.html">Map</a></li>
<li class="active"><a href="old/online.html">Online Teaching Resources</a></li>
<li><a href="old/faq.html">FAQ</a></li>
</ul>
</div><!--/.navbar-collapse -->
</div>
</div>
<div class="jumbotron" id="gallery-jumbo">
<h1>ONLINE TEACHING RESOURCES</h1>
<p class="intro-p">Explore some of the resources we've curated to support online music teaching.</p>
</div>
<div class="container faq-content">
<a class="anchor" id="1"></a>
<h2>Using aQWERTYon and GroovePizza with students</h2>
<p>
<iframe allow="autoplay" allowfullscreen width=100% height="500" src="https://www.noteflight.com/embed/db2004a91bb7c315076d78db6e0d1c415096d987?scale=1&displayMode=strip"></iframe>
</p>
<a class="anchor" id="2"></a>
<h2>Facilitating Virtual Chamber Ensembles</h2>
<p>
<ul>Emmett O'Leary on <a href="https://symposium.music.org/index.php/57/item/11351-the-virtual-tuba-quartet-facilitating-asynchronous-musical-collaboration-in-a-chamber-ensemble-setting">teaching virtual chamber music ensembles.</a></ul>
</p>
<a class="anchor" id="3"></a>
<h2>NYU Shanghai Online Teaching Case Studies & Resources</h2>
<p>
<ul><a href="https://wp.nyu.edu/shanghai-online_teaching/">NYU Shanghai's Digital Teaching Toolkit</a></ul>
<ul>Case study of piano professor Chen Wei <a href="https://wp.nyu.edu/shanghai-online_teaching/2020/03/06/chen-wei-clinical-assistant-professor-of-arts-group-piano/">teaching group piano classes online.</a></ul>
</p>
<a class="anchor" id="4"></a>
<h2>Using the Music Variation Playgrounds with students</h2>
<p>
<ul>Visit the New York Philharmonic's <a href="https://nyphil.org/education/young-peoples-concerts/young-peoples-concerts-play">Young People's Concert Play! website.</a></ul>
</p>
<a class="anchor" id="5"></a>
<h2>Music Teacher Education Unit on <br>Creating and Curating Online Music Teaching Videos</h2>
<p>
<ul><a href="old/onlinevideo.html">Learning Playlist for Creating Online Music Teaching Videos</a></ul>
</p>
<a class="anchor" id="6"></a>
<h2>Other Resources</h2>
<p>
<ul><a href="https://docs.google.com/document/d/1Ke3r6dAJwGnHQC229X5V7fDRx8fBuvPaEOFy4MeUr3Q/edit?fbclid=IwAR10sTXpD8-Ssb992A2XDC_hX_cGnnyKjVjxRDL7NTZe9Z5bN2LmxSaMJA0">Remote Academic 2020 Reading list.</a></ul>
</p>
</div>
<!-- ==================== FOOTER ====================== -->
<hr>
<footer>
<div class="col-lg-8 col-md-8">
<p> Supported by: </p>
<div class="container" id="sponsor-logos">
<a href="http://steinhardt.nyu.edu/"><div id="logo-nyusteinhardt"></div></a>
<a href="http://musedlab.org"><div id="logo-musedlab"></div></a>
</div>
</div>
</footer>
</div> <!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/miso.ds.deps.min.0.4.0.js"></script>
<script src="js/mugcakes-templates.js"></script>
<script src="js/mugcakesotr.js"></script>
</body>
</html>