forked from ajmikzer/devfest2015
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathopenspace.html
More file actions
333 lines (298 loc) · 19.8 KB
/
openspace.html
File metadata and controls
333 lines (298 loc) · 19.8 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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<title>SCRUM GATHERING CHINA 2016 | Open Space Page</title>
<meta charset="utf-8">
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<!--Add description for SEO-->
<meta property="og:title" content="SCRUM GATHERING CHINA 2016" />
<meta property="og:description" content="Scrum Gathering China 2016 will be held at Hangzhou city during October 21-22, 2016." />
<!--Add image_src for the site-->
<meta property="og:image" content="http://scrumgathering.io/upload/RSG.png" />
<meta property="og:url" content="http://scrumgathering.io/" />
<!-- Attaching Google Fonts -->
<!-- <link href='https://fonts.googleapis.com/css?family=Lato:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto:300,700,400' rel='stylesheet' type='text/css'> -->
<!-- Attaching Css -->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/lightbox.min.css" />
<link rel="stylesheet" href="css/elegant-icons.css" />
<link rel="stylesheet" href="css/font-awesome.css" />
<link rel="stylesheet" href="css/rev-slider.css" />
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/spacings.css" />
<link rel="stylesheet" href="css/responsive.css" />
<link rel="stylesheet" href="css/animate.css" />
<!-- And also favicons -->
<link rel="shortcut icon" href="upload/favicon.ico">
<link rel="apple-touch-icon" href="upload/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="upload/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="upload/apple-touch-icon-114x114.png">
<!-- jQuery Scripts -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/canvas-vas.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/lightbox.min.js"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/jquery.appear.js"></script>
<script type="text/javascript" src="js/SmoothScroll.js"></script>
<script type="text/javascript" src="js/jquery.localScroll.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo.min.js"></script>
<script type="text/javascript" src="js/jquery.simple-text-rotator.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/wow.min.js"></script>
<!--script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script-->
<script type="text/javascript" src="js/jquery.gmap.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<!--Language Toggle-->
<script src="js/js.cookie.js" charset="utf-8" type="text/javascript"></script>
<script src="js/jquery-lang.js" charset="utf-8" type="text/javascript"></script>
<!--<script src="js/langpack/nonDynamic.js" charset="utf-8" type="text/javascript"></script>-->
<script type="text/javascript">
var lang = new Lang();
lang.dynamic('ch', 'js/langpack/ch.json');
lang.init({
defaultLang: 'en'
});
seturl();
</script>
<!--Baidu site statistics support-->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?3a28aacb8052d7210315f3ec6df77581";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body data-spy="scroll" data-offset="80" data-target=".main-nav" onload="seturl();">
<!-- Preloader -->
<div id="preloader">
<div id="status"> </div>
</div>
<header id="home">
<div class="main-nav" role="navigation">
<img style="position: fixed; bottom:10px; left: 10px " src="./upload/RSG.png" height=120 width=120 alt="微信号:ChinaScrumGathering">
<!--Language toggle-->
<div class="lang-toggle">
<a href="#" onclick="window.lang.change('en'); seturl(); return false;;">EN</a> | <a href="#" onclick="window.lang.change('ch');seturl(); return false;">中文</a>
</div>
<nav class="nav-hide">
<ul class="nav local-scroll">
<li class="active"><a lang="en" href="#home">TOP</a></li>
<li><a lang="en" href="index.html">HOMEPAGE</a></li>
<li class="active"><a lang="en" href="#what_is_openspace">WHAT IS OPEN SPACE?</a></li>
<li class="active"><a lang="en" href="#when_to_use_openspace">WHEN TO USE IT?</a></li>
<li class="active"><a lang="en" href="#outcomes">PROBABLE OUTCOMES</a></li>
<li class="active"><a lang="en" href="#how_openspace_works">HOW IT WORKS</a></li>
<li class="active"><a lang="en" href="#openspace_works_with_conflict">HOW OPEN SPACE WORKS WHEN THERE IS CONFLICT?</a></li>
<li class="active"><a lang="en" href="#openspace_group_size">GROUP SIZE</a></li>
<li class="active"><a lang="en" href="#openspace_steps">THE STEPS IN BRIEF</a></li>
</ul>
</nav>
<div class="container clearfix">
<!-- <div class="logo-light local-scroll">
<a href="#home" class="logo">
<img src="upload/logo-light.png" alt="logo">
</a>
</div> -->
<div class="navbar-toggle">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
</div> <!-- end container -->
</div> <!-- end main nav -->
</header>
<div class="main-wrapper-onepage main oh">
<!-- Page Title -->
<section class="page-title text-center" id="cnv">
<canvas id="spiders" width="100%"></canvas>
<div class="container relative clearfix">
<h1 class="main-title">Scrum Gathering China 2016<br/>
<span lang="en">OPEN SPACE</span><br/>
</h1>
</div> <!-- end container -->
</section> <!-- end page title -->
<section class="section-wrap" id="what_is_openspace">
<div class="container">
<div class="row">
<div class="col-sm-8 col-sm-offset-2 text-left wow slideInUp" data-wow-duration="1.2s" data-wow-delay="0s">
<div class="intro-heading">
<strong><span lang="en">WHAT IS OPEN SPACE?</span></strong>
</div>
<div class="intro-text">
<span lang="en" data-lang-token="what_is_openspace">
It is a self-organizing practice of inner discipline and collective activity which releases the inherent creativity and leadership in people. By inviting people to take responsibility for what they care about, Open Space establishes a marketplace of inquiry, reflection and learning, bringing out the best in both individuals and the whole.
</span>
</div>
</div>
</div>
</div> <!-- end container -->
</section> <!-- end intro -->
<section class="section-wrap" id="when_to_use_openspace">
<div class="container">
<div class="row">
<div class="col-sm-8 col-sm-offset-2 text-left wow slideInUp" data-wow-duration="1.2s" data-wow-delay="0s">
<div class="intro-heading">
<strong><span lang="en">WHEN TO USE IT?</span></strong>
</div>
<div class="intro-text">
<li><span lang="en" data-lang-token="when_to_use_openspace_1">Where conflict is holding back the ability to change</span></li>
<li><span lang="en" data-lang-token="when_to_use_openspace_2">Where the situation is complex</span></li>
<li><span lang="en" data-lang-token="when_to_use_openspace_3">Where there is a high degree of diversity</span></li>
<li><span lang="en" data-lang-token="when_to_use_openspace_4">Where there is an urgent need to make speedy decisions</span></li>
<li><span lang="en" data-lang-token="when_to_use_openspace_5">Where all stakeholders are needed for good decisions to be made</span></li>
<li><span lang="en" data-lang-token="when_to_use_openspace_6">Where you have no preconceived notion of what the outcomes should be</span></li>
</div>
</div>
</div>
</div> <!-- end container -->
</section> <!-- end intro -->
<section class="section-wrap" id="outcomes">
<div class="container">
<div class="row">
<div class="col-sm-8 col-sm-offset-2 text-left wow slideInUp" data-wow-duration="1.2s" data-wow-delay="0s">
<div class="intro-heading">
<strong><span lang="en">PROBABLE OUTCOMES</span></strong>
</div>
<div class="intro-text">
<li><span lang="en" data-lang-token="outcomes_1">Builds energy, commitment and shared leadership</span></li>
<li><span lang="en" data-lang-token="outcomes_2">Participants accept responsibility for what does or doesn't happen</span></li>
<li><span lang="en" data-lang-token="outcomes_3">Action plans and recommendations emerge from discussions as appropriate</span></li>
<li><span lang="en" data-lang-token="outcomes_4">You create a record of the entire proceedings as you go along</span></li>
</div>
</div>
</div>
</div> <!-- end container -->
</section> <!-- end intro -->
<section class="section-wrap" id="how_openspace_works">
<div class="container">
<div class="row">
<div class="col-sm-8 col-sm-offset-2 text-left wow slideInUp" data-wow-duration="1.2s"
data-wow-delay="0s">
<div class="intro-heading">
<strong><span lang="en">HOW IT WORKS</span></strong>
</div>
<div class="intro-text">
<span lang="en" data-lang-token="2Feet_law">
The Law of Two Feet means you take responsibility for what you care about -- standing up for that and using your own two feet to move to whatever place you can best contribute and/or learn.
</span>
<br>
<span lang="en" data-lang-token="4_principles">Four principles apply to how you navigate in open space:</span>
<br>
<li><span lang="en" data-lang-token="4_priciples_1">Whoever comes is the right people</span></li>
<span lang="en" data-lang-token="4_priciples_1_1">
Whoever is attracted to the same conversation are the people who can contribute most to that conversation—because they care. So they are exactly the ones—for the whole group-- who are capable of initiating action.
</span>
<br>
<li><span lang="en" data-lang-token="4_priciples_2">When it starts is the right time</span></li>
<span lang="en" data-lang-token="4_priciples_2_1">
We are all limited by our own pasts and expectations. This principle acknowledges we'll all do our best to focus on NOW-- the present time and place-- and not get bogged down in what could've or should've happened.
</span>
<br>
<li><span lang="en" data-lang-token="4_priciples_3">Whatever happens is the only thing that could've</span></li>
<span lang="en" data-lang-token="4_priciples_3_1">
The creative spirit has its own time, and our task is to make our best contribution and enter the flow of creativity when it starts.
</span>
<br>
<li><span lang="en" data-lang-token="4_priciples_4">When it's over, it's over</span></li>
<span lang="en" data-lang-token="4_priciples_4_1">
Creativity has its own rhythm. So do groups. Just a reminder to pay attention to the flow of creativity -- not the clock. When you think it is over, ask: Is it over? And if it is, go on to the next thing you have passion for. If it’s not, make plans for continuing the conversation.
</span>
<br>
</div>
</div>
</div>
</div> <!-- end container -->
</section> <!-- end intro -->
<section class="section-wrap" id="openspace_works_with_conflict">
<div class="container">
<div class="row">
<div class="col-sm-8 col-sm-offset-2 text-left wow slideInUp" data-wow-duration="1.2s" data-wow-delay="0s">
<div class="intro-heading">
<strong><span lang="en">HOW OPEN SPACE WORKS WHEN THERE IS CONFLICT?</span></strong>
</div>
<div class="intro-text">
<span lang="en" data-lang-token="openspace_works_with_conflict">
The Law of Two Feet gives participants freedom to move at any time to a discussion they care about. Caring creates common ground, and helps to remind participants of higher purpose.
</span>
<br>
</div>
</div>
</div>
</div> <!-- end container -->
</section> <!-- end intro -->
<section class="section-wrap" id="openspace_group_size">
<div class="container">
<div class="row">
<div class="col-sm-8 col-sm-offset-2 text-left wow slideInUp" data-wow-duration="1.2s" data-wow-delay="0s">
<div class="intro-heading">
<strong><span lang="en">GROUP SIZE</span></strong>
</div>
<div class="intro-text">
<span lang="en" data-lang-token="openspace_group_size">
To date, we know that Open Space accommodates groups from 5 to 1500 people. It can be run for a couple of hours to 3 or more days; consecutively or over time; at one site or at multiple sites connected by computer and/or phone and video. The longer the space is open, the more transformative the outcomes.
</span>
<br>
</div>
</div>
</div>
</div> <!-- end container -->
</section> <!-- end intro -->
<section class="section-wrap" id="openspace_steps">
<div class="container">
<div class="row">
<div class="col-sm-8 col-sm-offset-2 text-left wow slideInUp" data-wow-duration="1.2s" data-wow-delay="0s">
<div class="intro-heading">
<strong><span lang="en">THE STEPS IN BRIEF</span></strong>
</div>
<ol class="intro-text">
<li><span lang="en" data-lang-token="openspace_steps_1">Select a focusing statement or question for your gathering. It should frame the higher purpose and widest context for your discussion in a positive way.</span></li>
<li><span lang="en" data-lang-token="openspace_steps_2">Invite the circle of people: all stakeholders or all the people you'd like to have in the room. Include the theme, date, place and time of gathering in the invitation.</span></li>
<li><span lang="en" data-lang-token="openspace_steps_3">Create the circle: Set up chairs in a circle or in concentric circles, leaving space in the center. Choose a blank wall for the Agenda Wall and label it AGENDA: AM, PM across the top. Set up a table for computers near a wall you label NEWS. Put blank sheets of news print (about quarter size of a flip chart page) and colored felt pens in the center of the circle. Near the Agenda Wall and the News Wall put masking tape for people to post papers on the walls.</span></li>
<li><span lang="en" data-lang-token="openspace_steps_4">To begin the gathering: Facilitator explains: the theme, the simple process the group will follow to organize and create a record, where to put things up and find out what is happening, the Law of Two Feet, and the Principles of Open Space. Then, facilitator invites people to silently meditate on what has heart and meaning for each of them.</span></li>
<li><span lang="en" data-lang-token="openspace_steps_5">Opening the marketplace: the Facilitator invites anyone who cares about an issue to step into the middle of the circle and write the topic, their name, a time and place for meeting, announce it and post the offering on the Agenda Wall -- one sheet per topic—as many topics as he/she wants. They will be convenors who have responsibility for facilitating their session(s) and seeing to it that a report is made and shared on the News Wall.</span></li>
<li><span lang="en" data-lang-token="openspace_steps_6">When ALL offerings are concluded, the Facilitator invites people to sign up for what they are interested in and take responsibility for their schedules, using the Law of Two Feet.</span></li>
<li><span lang="en" data-lang-token="openspace_steps_7">People participate in discussions. The Facilitator takes care of the space. Reporters enter discussion reports in the computers and printouts are posted on the News Wall.</span></li>
<li><span lang="en" data-lang-token="openspace_steps_8">Closing Circle: all reconvene an hour before closing to share highlights, "ahas" and key learnings in a Dialogue format: simply listening to whatever people have to offer without discussion, or you can pass a "talking stick" for each person to hold as he/she is talking, or to pass along if the person doesn't want to contribute anything.</span></li>
<li><span lang="en" data-lang-token="openspace_steps_9">Mail out whatever record is created and an address list to all who came.</span></li>
<li><span lang="en" data-lang-token="openspace_steps_10">If it is a several day gathering, do steps 3 through 8 daily.</span></li>
</ol>
</div>
</div>
</div> <!-- end container -->
</section> <!-- end intro -->
<!-- Footer -->
<footer id="footer" class="minimal">
<div class="container">
<div class="row">
<div class="col-md-4 col-md-offset-4">
<!--<div class="socials">-->
<!--<a href="#"><i class="fa fa-facebook"></i></a>-->
<!--<a href="#"><i class="fa fa-twitter"></i></a>-->
<!--<a href="#"><i class="fa fa-google-plus"></i></a>-->
<!--<a href="#"><i class="fa fa-linkedin"></i></a>-->
<!--<a href="#"><i class="fa fa-pinterest-p"></i></a>-->
<!--<a href="#"><i class="fa fa-instagram"></i></a>-->
<!--</div> <!– end socials –>-->
<span class="copyright text-center">
浙ICP备16015963号 | 公安机关备案33010402001612号
</span>
<span class="copyright text-center">
©2016 杭州敏捷社区 版权所有
</span>
</div> <!-- end col -->
</div> <!-- end row -->
</div> <!-- end container -->
</footer> <!-- end footer -->
<div id="back-to-top">
<a href="#top"><i class="arrow_carrot-up"></i></a>
</div>
</div> <!-- end main-wrapper -->
</body>
</html>