ScratchCardResources.github.io/workshop.html at master · ScratchCardResources/ScratchCardResources.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
<!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">
    <!-- Die 3 Meta-Tags oben *müssen* zuerst im head stehen; jeglicher sonstiger head-Inhalt muss *nach* diesen Tags kommen -->
    <title>ScratchCardResources</title>

    <!-- Unterstützung für Media Queries und HTML5-Elemente in IE8 über HTML5 shim und Respond.js -->
    <!-- ACHTUNG: Respond.js funktioniert nicht, wenn du die Seite über file:// aufrufst -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
	<!-- NAVBAR -->
	<nav class="navbar navbar-default navbar-fixed-top">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="/"><span class="glyphicon glyphicon-home" aria-hidden="true"></span> Home</a>
			</div>
			<div class="collapse navbar-collapse" id="myNavbar">
				<div class="form-group">
					<form class="navbar-form navbar-right">
						<div class="btn-group" role="group" aria-label="Discuss">
							<p class="btn btn-default navbar-btn labeling btn-xs"><span class="glyphicon glyphicon-comment" aria-hidden="true"></span> Discuss</p>
							<button type="button" class="btn btn-default navbar-btn btn-xs"><a href="https://scratch.mit.edu/discuss/topic/210905/">on Scratch</a></button>
							<button type="button" class="btn btn-default navbar-btn btn-xs"><a href="http://scratched.gse.harvard.edu/discussions/teaching-scratch/how-do-you-share-your-scratch-experiences">on ScratchEd</a></button>
						</div>
						<div class="g-ytsubscribe btn-sm" data-channel="ScratchCardResources" data-layout="default" data-theme="dark" data-count="hidden"></div>
					</form>
				</div>
			</div>
		</div>
	</nav>

    <div class="container">
		 <div class="row" style="margin-top:5em">
			<div class="panel panel-info text-center">
				<div class="panel-heading">
					<span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> Join us on Saturday August 6 at 11am in Room 240!
				</div>
			</div>
			<div class="page-header">
				<h1>ScratchCardResources Workshop <br />
				<small>Scratch@MIT2016 Agenda</small></h1>
			</div>

			<h2><span class="label label-default">1</span> Brief introduction from Susan and Linda</h2>
			<blockquote>
				<p>
				<b>Susan</b>: I've been involved with online communities since the early 90s as the cybrarian for femina.com (the first searchable
				database for sites about, for and by women) then as part of Oprah's first online communities at the Oxygen network. I'm very
				interested in the screen, communication and creativity and imagination. My students have a bit of screen fatigue and they are
				starved to do things with their hands in the physical world. At the 2012 Scratch conference at MIT, they were thrilled to be part
				of the workshop given by Margaret Low and her students about Scratch and the physical world. I grew up making as my grandfather was
				a pattern cutter and my grandmother a milliner. We had a ham radio antennae in the backyard for my brother who was always building
				things with my Dad. This connects to my interest in teaching students to code but also to do it in the real world, making things
				and digital interaction as a creative outlet. I do believe more than ever that a physically developed human and a creative human,
				both in the analog and the digital world will help heal our world. Enough of my utopian ideas though!
				</p>
				<p>
				<b>Linda</b>: I'm a CS student from Germany, a CoderDojo Mentor and a Scratch Team member. I've first been introduced to Scratch in
				2011 and since then haven't been able to quit Scratching. The community as well enchanted me. I've been a Mentor on the Scratch website,
				an author of the German Scratch Wiki and finally, I've also become a Community Moderator with the Scratch Team. I've been in love with
				real-life Scratch Community gatherings ever since my first Scratch Conference at MIT two years ago. Last year I joined the Organizing Committee
				for the European Scratch Conference in Amsterdam, which is in fact where I met Susan and our collaboration started. I am really exited to
				be able to present this workshop with her today and I hope we'll all have much fun together.
				</p>
			</blockquote>

			<h2><span class="label label-default">2</span> Explaining ScratchCardResources</h2>
			<blockquote>
				<p>
					Scratchers love to articulate where they got stuck and how they got unstuck on a project, but often that wonderful experience goes unshared and could really be helpful to someone else.
					We’re excited that <a href="https://scratch.mit.edu/discuss/topic/181832/">Scratch's new project recording feature</a> will allow users to visually share breakthroughs on <a href="https://www.youtube.com/user/ScratchCardResources/">our YouTube channel</a> and connect users across shared interests.
					We encourage you to create your own ScratchCard, using our <a href="https://docs.google.com/document/d/1owKhqqXq9GLHrjbf8BW3q0mbk-24jSiAQPQY398TH1k/edit">template</a> and Scratch's project recording feature.
				</p>
			</blockquote>

			<h2><span class="label label-default">3</span> Team up with a partner to create your first ScratchCard</h2>
			<blockquote>
				<p>Information on how to create your own ScratchCard can be found at <a href="/#create">Create a ScratchCard</a>.</p>
			</blockquote>

			<h2><span class="label label-default">4</span> Reflection, Discussion and Networking!</h2>
			<blockquote>
				<p>What do you need from someone?</p>
				<p>What can you offer to someone?</p>
				<p>What were you looking for when you came to this workshop today and why were you looking for it?</p>
				<p>Please connect and share contact info!</p>
			</blockquote>
		</div>


		<footer>
			<small>
				<p style="color:grey; text-align:center; margin-top:5em">
					<a href="https://scratch.mit.edu/">Scratch</a> is developed by the Lifelong Kindergarten Group at the MIT Media Lab.<br />
					This website is using <a href="http://getbootstrap.com/">Bootstrap</a> and being hosted on <a href="https://github.com/">GitHub</a>.
				</p>
			</small>
		</footer>
	</div>
  </body>
     <!-- Bootstrap -->
    <link href="css/bootstrap-min.css" rel="stylesheet">
	<!-- jQuery (wird für Bootstrap JavaScript-Plugins benötigt) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Binde alle kompilierten Plugins zusammen ein (wie hier unten) oder such dir einzelne Dateien nach Bedarf aus -->
    <script src="js/bootstrap.min.js"></script>
	<!-- YouTube API -->
	<script src="https://apis.google.com/js/platform.js"></script>
</html>