-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinstruction.html
368 lines (362 loc) · 14.2 KB
/
instruction.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
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
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
<html>
<head>
<title>Instruccioes - Battleships</title>
<!-- favicon -->
<link
rel="apple-touch-icon"
sizes="180x180"
href="./images/favicon/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="./images/favicon/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="./images/favicon/favicon-16x16.png"
/>
<link rel="manifest" href="./images/favicon/site.webmanifest" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script type="text/javascript" src="javascripts/ext/underscore.js"></script>
<script type="text/javascript" src="vendor/jquery-1.11.3.min.js"></script>
<script
type="text/javascript"
src="javascripts/ext/jshashtable-2.1.js"
></script>
<script
type="text/javascript"
src="javascripts/ext/jquery.numeric.js"
></script>
<script
type="text/javascript"
src="javascripts/ext/jquery.numberformatter.js"
></script>
<script type="text/javascript" src="javascripts/ext/backbone.js"></script>
<script type="text/javascript" src="javascripts/ext/icanhaz.js"></script>
<script type="text/javascript" src="javascripts/boot.js"></script>
<script
type="text/javascript"
src="vendor/bootstrap/js/bootstrap.min.js"
></script>
<script
type="text/javascript"
src="javascripts/ext/raphael.min.js"
></script>
<script type="text/javascript" src="javascripts/ext/morris.min.js"></script>
<script id="board" type="text/html">
<td>{{ name }}</td>
</script>
<link
href="https://fonts.googleapis.com/css?family=Russo+One"
rel="stylesheet"
type="text/css"
/>
<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css" />
<link
rel="stylesheet"
href="vendor/font-awesome/css/font-awesome.min.css"
/>
<link rel="stylesheet" href="vendor/animate.css" />
<link
rel="stylesheet"
href="stylesheets/main.css"
type="text/css"
media="screen"
charset="utf-8"
/>
<link rel="stylesheet" href="stylesheets/morris.css" />
<link rel="stylesheet" href="stylesheets/styles.css" />
</head>
<body>
<div class="container">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a href="https://www.4agile.cl/" target="_blank"
><img
class="navbar-brand navbar-brand-agile navbar-brand-agile-2 logotipo"
src="./images/logo-4a-new.png"
alt="Logo 4Agile"
/></a>
</div>
<div class="nav">
<div class="isotipo">
<a href="https://www.4agile.cl/" target="_blank"
><img
class="navbar-brand navbar-brand-agile navbar-brand-agile-2"
src="./images/logotipo.png"
alt="Logo 4Agile"
/></a>
</div>
<div class="navbar-form navbar-ins" align="right" role="initGame">
<span class="input-group">
<a
href="index.html"
class="btn btn-info"
type="button"
id="newGame"
style="border-radius: 4px;"
>Jugar!</a
>
</span>
</div>
</div>
</div>
</nav>
<div class="tittle">
<h2>Agile BattleShip</h2>
<p>
Es un juego que usaremos para entender de qué va y cómo funciona la
filosofía ágil, comparada con la gestión tradicional.
</p>
</div>
<br /><br />
<div class="row body">
<div class="col-lg-4 web">
<div class="toknow">
<h4>¿En qué consiste y cómo jugaremos?</h4>
<p>
Para comenzar esta batalla naval, Sir Francis Drake ha
proporcionado la siguiente información a los mercenarios:
</p>
<ul>
<li>
Habrá cinco barcos de diferentes tamaños:
<ul>
<li>Un barco de cinco bloques</li>
<li>Un barco de cuatro bloques</li>
<li>Dos barcos de tres bloques</li>
<li>Un barco de dos bloques</li>
</ul>
</li>
<hr />
<li>
Solo se gana dinero destruyendo o hundiendo barcos completos.
</li>
<hr />
<li>
Por cada bloque de un barco destruido, se ganan US$ 50.000.
</li>
<hr />
<li>
Se tendrán 40 disparos disponibles en la batalla.
</li>
<hr />
<li>
Cada disparo ejecutado, cuesta US$ 10.000.
</li>
<hr />
<li>
El mercenario debe definir la cantidad de disparos para cada
iteración.
</li>
<hr />
<li>
Los barcos solo estarán ubicados de forma vertical u horizontal.
</li>
<hr />
<li>
Los barcos sólo pueden tocarse entre sí por los vértices.
</li>
<hr />
</ul>
</div>
</div>
<div class="col-lg-8 col-xs-12 instruction">
<h4>¡A jugar!</h4>
<p class="text-explain">
Sir Francis Drake, un pirata muy ambicioso, desea quedarse con la
totalidad del poder sobre los siete mares y para ello, busca un
equipo de mercenarios que lo ayudarán a pelear una batalla naval
hasta ganar y conseguir el poder, por ello, le ofrece una gran
recompensa a los mercenarios por cada barco que destruya.
</p>
<p class="text-explain">
Con tu equipo, has aceptado la misión como mercenario, en la que
habrá dos capitanes a cargo, que son mercenarios piratas y cada uno
cuenta con su propio barco de batalla, deberás pelear una batalla
con cada capitán, antes de decidir unirte a uno de los equipos que
lideran estos capitanes, verás, después de las batallas, cuál es el
más conveniente. Los capitanes a cargo serán, Henry
<em><b>“Cascada”</b></em> Morgan y William
<em><b>"Agile"</b></em> Barbanegra. Cada uno, es famoso por emplear
una estrategia particular para sus batallas navales.
</p>
<p></p>
<div>
<div class="row panel-grey">
<h4
style="
color: #43504f;
margin-left: 30px;
margin-bottom: 0px;
font-size: 25px;
"
>
Estrategias de juego
</h4>
<div class="col-lg-6">
<h4 style="font-size: 18px;">Estrategia de Cascada Morgan</h4>
<ul>
<li>
Considera que es perdida de tiempo ver el resultado de cada
disparo
</li>
<li>
Cree tener idea de donde están los barcos, aún cuando no
tiene evidencia
</li>
<li>
Analiza y define donde caerán todos los disparos antes de ir
a la batalla, suele comentar que odia la
<em><b>"improvisación"</b></em>
</li>
</ul>
</div>
<div class="col-lg-6">
<h4 style="font-size: 18px;">Estrategia de Agile Barbanegra</h4>
<ul>
<li>
Es consciente de la incertidumbre en la batalla, considera
valioso ver el resultado de cada disparo
</li>
<li>
A pesar de tener buena intuición, sabe que no tiene certeza
sobre la ubicación de los barcos
</li>
<li>
Considera que es un desperdicio de tiempo generar un plan
detallado a priori dado la incertidumbre en la batalla
</li>
</ul>
</div>
</div>
<p class="text-explain">
<b
>Primero, unete a una batalla con Cascada Morgan, para ello,
debes seleccionar una partida de 40 disparos, luego, ve a otra
batalla con Agile Barbanegra eligiendo una partida de 1 disparo,
posteriormente, evalúa los resultados y decide según tu
experiencia, qué capitán emplea la estrategia más efectiva según
este contexto y unete a su equipo.</b
>
</p>
</div>
</div>
<div class="col-xs-12 movil">
<div class="toknow">
<h4>¿En qué consiste y cómo jugaremos?</h4>
<p>
Para comenzar esta batalla naval, Sir Francis Drake ha
proporcionado la siguiente información a los mercenarios:
</p>
<ul>
<li>
Habrá cinco barcos de diferentes tamaños:
<ul>
<li>Un barco de cinco bloques</li>
<li>Un barco de cuatro bloques</li>
<li>Dos barcos de tres bloques</li>
<li>Un barco de dos bloques</li>
</ul>
</li>
<hr />
<li>
Solo se gana dinero destruyendo o hundiendo barcos completos.
</li>
<hr />
<li>
Por cada bloque de un barco destruido, se ganan US$ 50.000.
</li>
<hr />
<li>
Se tendrán 40 disparos disponibles en la batalla.
</li>
<hr />
<li>
Cada disparo ejecutado, cuesta US$ 10.000.
</li>
<hr />
<li>
El mercenario debe definir la cantidad de disparos para cada
iteración.
</li>
<hr />
<li>
Los barcos solo estarán ubicados de forma vertical u horizontal.
</li>
<hr />
<li>
Los barcos sólo pueden tocarse entre sí por los vértices.
</li>
<hr />
</ul>
</div>
</div>
</div>
<div class="row reflexions">
<div class="col-lg-12">
<h4>Reflexiones del juego:</h4>
<p class="text-explain">
Es importante saber que, el capitán Morgan, con su estrategia, está
emulando, en este caso, la metodología tradicional en cascada, donde
primero se recaudan todos los requerimientos, se levanta toda la
información, se realiza el diseño y el desarrollo del producto, por
otro lado, el capitán <em><b>“Agile”</b></em> Barbanegra, usa una
estrategia que emula la metodología ágil, en la que inmediatamente,
puede percibir el feedback respecto al avance del producto y
adaptarse, debido al modelo iterativo e incremental.
</p>
<p class="text-explain">
Finalmente, descubrirás que la agilidad es la filosofía de gestión
más llamativa, debido a que en este caso, en una batalla naval donde
no tienes nada asegurado y no conoces la ubicación de los barcos
oponentes, la incertidumbre salta a la vista, siendo la metodología
ágil, la evidente ganadora en este entorno de gran incertidumbre. La
agilidad acepta la incertidumbre del problema y/o la solución como
parte del desafío, y acepta que hay cosas que "no sabemos que no
sabemos" y gestiona en consecuencia, recogiendo en el camino todo lo
que genera valor, aprendizaje o aporte, mientras que la filosofía
tradicional, en cascada nos deja un gran desperdicio de tiempo y
dinero en contextos de alta incertidumbre.
</p>
<p class="text-explain">
Ahora bien, las metodologías ágiles permiten mejorar la calidad del
producto. Gracias a la continua interacción entre los
desarrolladores y los clientes, se logra aspira a maximizar la
probabilidad de que el producto final satisfaga de la mejor manera
posible las necesidades del cliente.
</p>
<p class="text-explain">
En una metodología ágil, un grupo de trabajo, tiene unas tareas que
ha de desarrollar en un período de tiempo determinado, denominados
“sprints”, en este caso cada disparo en BattleShip, sería
equivalente a un sprint. Para efectos de la filosofía ágil, se
trabaja con ciclos cortos de trabajo y estos se caracterizan porque
se realizan reuniones de forma periódica con el cliente, el cual
está muy involucrado y es conocedor de cómo se avanza durante todo
el proceso.
</p>
<p class="text-explain">
Los barcos representan necesidades de clientes, restricciones
tecnológicas, integraciones tecnológicas, obstáculos para la
adopción de productos o servicios entre otros más, en resumen todo
lo que pueda afectar la entrega del producto o servicio y que posea
incertidumbre.
</p>
</div>
</div>
</div>
<br /><br /><br />
<script type="text/javascript" src="javascripts/app/Chart.js"></script>
<script type="text/javascript" src="javascripts/app/Boat.js"></script>
<script type="text/javascript" src="javascripts/app/Cell.js"></script>
<script type="text/javascript" src="javascripts/app/Board.js"></script>
<script type="text/javascript" src="javascripts/app/Game.js"></script>
</body>
</html>