lcl2.github.io/about.html at master · dirkcuys/lcl2.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>About - Learning Creative Learning</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.css" rel="stylesheet">
    <link href="css/font-awesome-ie7.css" rel="stylesheet">
    <link href="css/customizations.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="http://learn.media.mit.edu/assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://learn.media.mit.edu/assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://learn.media.mit.edu/assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://learn.media.mit.edu/assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="http://learn.media.mit.edu/assets/ico/apple-touch-icon-57-precomposed.png">

    <script type="text/javascript">

    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-37881026-1']);
    _gaq.push(['_setDomainName', 'learn.media.mit.edu']);
    _gaq.push(['_trackPageview']);

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();

  </script>

  </head>

  <body>

 <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">

          <div class="nav-collapse collapse">
          <ul class="nav">

            <li><a href="index.html">Home</a></li>
            <li class="active"><a href="about.html">About</a></li>
            <li><a href="course.html">Overview</a></li>
            <li><a href="syllabus.html">Syllabus</a></li>
            <li><a href="participants.html">Participants</a></li>
            <li><a href="emails.html">Weekly Emails</a></li>
            <li><a href="faq.html">FAQ</a></li>
            <li><a href="discuss.html">Discuss</a></li>
          </ul>
          </div>
          <a class="brand brand1" href="http://info.p2pu.org/" target="_blank"></a>
          <a class="brand brand2" href="http://www.media.mit.edu/" target="_blank"></a>
        </div>
      </div>
    </div>

  <div id="step1" class="container content">
      <div class="row">
      <div style="margin-left: 40px; margin-right: 40px; ">
      <h2>About</h2>

      <p class="lead">Learning Creative Learning is a course offered at the <a href="http://media.mit.edu">MIT Media Lab</a>. It introduces ideas and strategies for designing technologies to support creative learning. This semester, for the first time, <a href="http://p2pu.org">P2PU</a> and the <a href="http://media.mit.edu">Media Lab</a> are working together to bring the course online. We are <b>opening up the seminars, course materials, and hands-on activities</b> to anyone with a computer and Internet access. It's a big experiment, we expect to learn a lot, and we hope you'll enjoy it.</p>

      <h2>How is this going to work? What will I be learning and doing?</h2>

    	<p class="lead">You learn a whole lot about learning. And because learning (and learning about learning) is more fun with more people we'll group you with other students, so you can share ideas, give each other feedback, and make new friends. Each week we’ll focus on a particular topic related to creative learning, such as “Interest-Based Learning” or “Powerful Ideas” or “Tinkering.” We'll host a panel discussion, inviting some of the world’s best thinkers and builders to join us in person or online. You'll be able to suggest questions beforehand and follow along live (or watch it later). We'll also design a hands-on activity for each week that you can tackle on your own or in a group (more fun!). You'll get a chance to experiment with lots of different technologies and  projects - many of which were developed in the Lifelong Kindergarten group right here at the MIT Media Lab.</p>

      <h2>An online experiment, learning by the seats of our pants ... with you!</h2>

        <p class="lead">What you are looking at here is a <b>BIG</b> experiment. For the first time, we are opening the course to online participants. In the spirit of learning and technology, we hope that participants will jump in as collaborators rather than passive recipients. We want to tinker together. Things will break, but we are committed to fixing them along the way. We invite you to break and fix them together with us.</p>
        <p><center><iframe width="560" height="315" src="http://www.youtube.com/embed/mDdg_fFH5XI?rel=0" frameborder="0" allowfullscreen></iframe></center></p>

        <h2>Who are you people? Who created this course?</h2>

        <p class="lead">Learning Creative Learning is offered by Mitch Resnick, who is the director of Lifelong Kindergarten and the LEGO Papert Professor at the MIT Media Lab. He has been a pioneer in technology & learning for a looooooong time. And has built such wonderful things as <a href="http://scratch.mit.edu/">Scratch</a> and <a href="http://llk.media.mit.edu/projects.php?id=135">Programmable Bricks</a>, a collaboration with the LEGO Company. More about Mitch is <a href="http://web.media.mit.edu/~mres/">here</a>.</p>

        <p class="lead">The course is a real team effort. <a href="http://web.media.mit.edu/~nrusk">Natalie Rusk</a>, a Research Scientist in the Lifelong Kindergarten group who founded the <a href="http://www.computerclubhouse.org/">Computer Clubhouse</a>, has been instrumenal in overall course design, and <a href="http://media.mit.edu/~ps1">Philipp Schmidt</a>, Executive Director of <a href="http://info.p2pu.org">P2PU</a>, has focused on bringing the course online. The other team members are <a href="http://www.ricarose.com">Ricarose Roque</a>, <a href="http://www.mit.edu/~sdg1/">Sayamindu Dasgupta</a>, <a href="https://plus.google.com/u/0/110842752070893997074/posts">Klaudia Leja</a> and <a href="http://learningcreativelearning.blogspot.com/">Katherine Levine</a>.</p>

    		<h2>Open critique</h2>

              <p class="lead">One of the big challenges of online learning is to scale the expert. In the studio model of learning, which is pretty much how things work at the Media Lab, more experienced students and faculty will review and critique your work. That is hard to move online. But we'll try. As part of the course, we will organize a studio review session in which Mitch and Natalie will invite some of the online students to present and discuss their work and give them feedback.</p>

              <h2>Check out our shiny new platform</h2>

              <p class="lead">Actually, don’t, because we didn’t build a shiny new platform. Our platform is the web and we like things distributed and open. We also wanted to create a model that is easy to replicate for anyone. We use off-the-shelf Google+ tools, like Hangouts and Google+ communities; and open source software like the Mechanical MOOC (<a href="https://github.com/p2pu/mechanicalmooc">github</a>). You have no excuse not to build a course like this yourself!</p>


    <h2>Questions? Comments? Go right ahead!</h2>
    <br>

    <div id="disqus_thread" width="750"></div>
    <script type="text/javascript">
        /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
        var disqus_shortname = 'learningcreativelearning'; // required: replace example with your forum shortname

        /* * * DON'T EDIT BELOW THIS LINE * * */
        (function() {
            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
            dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
        })();
    </script>
    <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
    <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>

        <div style="font-size: small;">All materials licensed under a <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons 3.0 Attribution license</a></div>
        </div>
      </div>
    </div>

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"></script>
    <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jstz/jstz.min.js"></script>

    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=173328602725813";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-5757664-13']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    </script>
  </body>
</html>