-
Notifications
You must be signed in to change notification settings - Fork 1
/
mpn.html
420 lines (413 loc) · 23.1 KB
/
mpn.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
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>TeaTeam | MPN</title>
<!-- CSS -->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link type="text/css" rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css">
<link type="text/css" rel="stylesheet" href="assets/css/own.css">
</head>
<body>
<header class="navbar-fixed">
<nav class="nav-extended">
<div class="nav-wrapper">
<a href="home.html" class="brand-logo main-title">
TeaTeam |<small class="brand-logo-text"> MPN</small>
</a>
<ul class="right hide-on-med-and-down">
<li><a href="home.html">Inicio</a></li>
<li class="current"><a href="#">MPN</a></li>
<li><a class="dropdown-trigger" data-target="modeler-items">Software<i class="material-icons right">arrow_drop_down</i></a></li>
<ul id="modeler-items" class="dropdown-content">
<li><a href="modeler.html">Bizagi Modeler</a></li>
<li><a href="studio.html">BIzagi Studio</a></li>
</ul>
<li><a class="dropdown-trigger" data-target="studio-items">Ejemplos<i class="material-icons right">arrow_drop_down</i></a></li>
<ul id="studio-items" class="dropdown-content">
<li><a href="modeler_examples.html">Modeler Examples</a></li>
<li><a href="studio_examples.html">Studio Examples</a></li>
</ul>
<li><a href="about.html">Nosotros</a></li>
</ul>
</div>
</nav>
</header>
<ul class="sidenav">
<li><a href="home.html">Inicio</a></li>
<li class="current"><a href="#">MPN</a></li>
<li><a href="modeler.html">Bizagi Modeler</a></li>
<li><a href="modeler_examples.html">Bizagi Modeler Examples</a></li>
<li><a href="studio.html">Bizagi Studio</a></li>
<li><a href="studio_examples.html">Bizagi Studio Examples</a></li>
<li><a href="about.html">Nosotros</a></li>
</ul>
<section class="container">
<div class="row">
<div class="col s12 m12 l12">
<h2>¿Qué es MPN?</h2>
</div>
</div>
<div class="row">
<div class="col s12 m4 l4">
<img class="bpmn-logo-img" src="https://www.interfacing.com/wp-content/uploads/2016/07/BPMNMod-Icon.png">
</div>
<div class="col s12 m8 l8">
<p class="text-justify">
La notación MPN (Modelamiento de Procesos de Negocio) más conocido como BPMN (Business Process Modeling Notation) es un método de diagrama de flujo que modela, de principio a fin, la planificación y los pasos de un proceso de negocio siendo el equivalente empresarial del UML (Lenguaje de Modelado Unificado).
</p>
<p class="text-justify">
Los principales beneficios del BPMN es su facilidad de aprendizaje y entendimiento para usuarios menos experimentados. Además de otorgar a los más interesados una gran precisión en la elaboración de esquemas de procesos de negocio detallados.
</p>
</div>
</div>
</section>
<section class="intercontent">
<div class="container">
<div class="row">
<div class="col s12 m12 l12">
<h2>BPMN 2.0</h2>
</div>
</div>
<div class="row">
<div class="col s12 m12 l12">
<p class="text-justify">
Como indica su nombre, es una versión actualizada en el uso de iconos y
símbolos estándar para determinar claramente y sin confusión,
los flujos y procesos de negocio diseñados en un diagrama de procesos.
</p>
<p class="text-justify">
La BPMN 2.0 es la última palabra en notaciones para diseñar y comunicarse visualmente en el contexto de BPM. Esta notación la creó y perfeccionó la Business Process Management Initiative, que más tarde se unió a la Object Management Group, una asociación internacional abierta y sin fines de lucro, fundada en 1989.
</p>
<p class="text-justify">
La notación BPMN 2.0 fue desarrollada con el objetivo específico de crear un estándar, un lenguaje común para el modelado de procesos de negocio.
</p>
<p class="text-justify">
Por lo tanto, al diseñar un diagrama de proceso, se pueden utilizar símbolos universales que los profesionales que tienen acceso a esta notación estándar internacional entenderán fácilmente.
</p>
<p class="text-justify">
Estas son algunas de las razones que hicieron que la notación BPMN 2.0 sea tan difundida y aceptada por los profesionales como una solución excelente para la representación de los procesos.
</p>
</div>
</div><br>
</div>
</section>
<section class="container">
<div class="row">
<div class="col s12 m12 l12">
<h2>Algunas ventajas de la notación BPMN 2.0</h2>
</div>
</div>
<div class="row">
<div class="col s12 m8 l8">
<h6 class="text-justify">
Presenta una notación intuitiva y fácil de entender para los usuarios inexpertos.
</h6>
<h6 class="text-justify">
Representa la semántica de procesos complejos de una forma sencilla de entender.
</h6>
<h6 class="text-justify">
Reduce el ruido de la comunicación entre la etapa de diseño del proceso y su implementación, ejecución y gestión.
</h6>
<h6 class="text-justify">
Representa un canal de cohesión de puntos de vista entre los distintos actores de la organización.
</h6>
</div>
<div class="col s m1 l1"></div>
<div class="col s12 m3 l3">
<img class="checkmark-img" src="https://png.icons8.com/win8/1600/107C10/checkmark">
</div>
</div>
</section>
<section class="intercontent-2">
<div class="container">
<div class="row">
<div class="col s12 m12 l12">
<h2>Elementos BPMN 2.0</h2>
</div>
</div>
<div class="row">
<div class="col s12 m12 l12">
<p class="text-justify">
BPMN especifica una serie de elementos para constituir los distintos procesos de negocio que se necesiten diagramar. A continuación tendrás una breve muestra de cada uno:
</p><br>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<!-- Seccion para carriles -->
<div class="row">
<div class="col s12 m12 l12">
<h4 class="text-center">Carriles</h4>
</div>
<div class="col s12 m4 l4">
<img class="bpmn-item" src="assets/img/bpmn/carriles.png">
</div>
<div class="col s12 m8 l8">
<p class="text-justify">
Son la base de los diagramas de procesos de negocio. Se utilizan para identificar las entidades, actores, sistemas u objetos que efectúan o participan de dicho proceso.
</p>
<p class="text-justify">
Pueden representarse de forma horizontal o vertical y no tienen limitaciones en cuanto a cantidad de tareas distribuidas. Su contenido es completamente responsivo a las necesidades del proceso.
</p>
</div>
</div>
<div class="divider"></div>
<!-- Asociaciones -->
<div class="row">
<div class="col s12 m12 l12">
<h4 class="text-center">Asociaciones</h4>
</div>
</div>
<div class="row">
<div class="col s12 m4 l4">
<img class="bpmn-item-little" src="assets/img/bpmn/flujo de secuencia.png">
<h5 class="text-center">Flujo de Secuencia</h5>
</div>
<div class="col s12 m4 l4">
<img class="bpmn-item-little" src="assets/img/bpmn/flujo de mensaje.png">
<h5 class="text-center">Flujo de Mensajes</h5>
</div>
<div class="col s12 m4 l4">
<img class="bpmn-item-little" src="assets/img/bpmn/asociacion.png">
<h5 class="text-center">Asociación de artefactos y elementos de flujo</h5>
</div>
</div>
<div class="divider"></div>
<!-- Actividades -->
<div class="row">
<div class="col s12 m12 l12">
<h4 class="text-center">Actividades</h4>
</div>
</div>
<div class="row">
<div class="col s12 m4 l4">
<img class="bpmn-item-little" src="assets/img/bpmn/tarea.png">
<h5 class="text-center">Tarea Simple</h5>
</div>
<div class="col s12 m4 l4">
<img class="bpmn-item-little" src="assets/img/bpmn/tarefa-de-servico.png">
<h5 class="text-center">Tarea de Servicio</h5>
</div>
<div class="col s12 m4 l4">
<img class="bpmn-item-little" src="assets/img/bpmn/tarefa-de-reconhecimento.png">
<h5 class="text-center">Tarea de Recepción de Mensaje</h5>
</div>
</div>
<div class="row">
<div class="col s12 m4 l4">
<img class="bpmn-item-little" src="assets/img/bpmn/tarefa-manual.png">
<h5 class="text-center">Tarea Manual</h5>
</div>
<div class="col s12 m4 l4">
<img class="bpmn-item-little" src="assets/img/bpmn/tarefa-de-usuario.png">
<h5 class="text-center">Tarea de Usuario</h5>
</div>
<div class="col s12 m4 l4">
<img class="bpmn-item-little" src="assets/img/bpmn/Subprocesso.png">
<h5 class="text-center">Subproceso</h5>
</div>
</div>
<div class="divider"></div>
<!-- Eventos -->
<div class="row">
<div class="col s12 m12 l12">
<h4 class="text-center">Eventos</h4>
</div>
</div>
<div class="row">
<div class="col s12 m4 l4">
<img class="bpmn-item-little" src="assets/img/bpmn/inicio.png">
<h5 class="text-center">Evento de Inicio</h5>
<p class="text-justify text-center">Indica el primer paso de un proceso</p>
</div>
<div class="col s12 m4 l4">
<img class="bpmn-item-little" src="assets/img/bpmn/intermedio.png">
<h5 class="text-center">Evento de Intermedio</h5>
<p class="text-justify">Representa cualquier evento que ocurre entre un evento de inicio y uno de finalización.</p>
</div>
<div class="col s12 m4 l4">
<img class="bpmn-item-little" src="assets/img/bpmn/finalizacion.png">
<h5 class="text-center">Evento de Finalización</h5>
<p class="text-justify text-center">Indica el último paso en un proceso.</p>
</div>
</div>
<div class="divider"></div>
<!-- Simbología de Eventos -->
<div class="row">
<div class="col s12 m12 l12">
<h4 class="text-center">Simbología de Eventos</h4>
</div>
</div>
<div class="row">
<div class="col s12 m3 l3">
<img class="bpmn-item-little" src="assets/img/bpmn/mensaje.png">
<h5 class="text-center">Mensaje</h5>
<p class="text-justify">Activa el proceso, facilita los procesos intermedios o completa el proceso.</p>
</div>
<div class="col s12 m3 l3">
<img class="bpmn-item-little" src="assets/img/bpmn/temporizador.png">
<h5 class="text-center">Temporizador</h5>
<p class="text-justify">Una fecha, una hora o una fecha y hora recurrentes activan el proceso, ayudan a los procesos intermedios o completan el proceso.</p>
</div>
<div class="col s12 m3 l3">
<img class="bpmn-item-little" src="assets/img/bpmn/escalacion.png">
<h5 class="text-center">Escalación</h5>
<p class="text-justify"> Un paso reacciona en una escalación y fluye a otro rol en la organización. Este evento solo se usa en un subproceso de evento. Una escalación ocurre cuando alguien con un nivel más alto de responsabilidad dentro de la organización se involucra en un proceso.</p>
</div>
<div class="col s12 m3 l3">
<img class="bpmn-item-little" src="assets/img/bpmn/condicional.png">
<h5 class="text-center">Condicional</h5>
<p class="text-justify">Un proceso comienza o continúa cuando se cumple una condición de negocio o regla de negocio.</p>
</div>
</div>
<div class="row">
<div class="col s12 m3 l3">
<img class="bpmn-item-little" src="assets/img/bpmn/enlace.png">
<h5 class="text-center">Enlace</h5>
<p class="text-justify">Un subproceso que es parte de un proceso más extenso.</p>
</div>
<div class="col s12 m3 l3">
<img class="bpmn-item-little" src="assets/img/bpmn/error.png">
<h5 class="text-center">Error</h5>
<p class="text-justify">Un error detectado al inicio, a la mitad o al final de un proceso. Un subproceso de evento con un activador de error siempre interrumpirá el proceso que contiene.</p>
</div>
<div class="col s12 m3 l3">
<img class="bpmn-item-little" src="assets/img/bpmn/cancelacion.png">
<h5 class="text-center">Cancelación</h5>
<p class="text-justify">Reacciona a una transacción que se canceló dentro de un subproceso. En un evento de finalización, el símbolo de cancelación indica que se activó la cancelación de un proceso.</p>
</div>
<div class="col s12 m3 l3">
<img class="bpmn-item-little" src="assets/img/bpmn/compensacion.png">
<h5 class="text-center">Compensación</h5>
<p class="text-justify">Un reembolso que se activa cuando las operaciones fallan de forma parcial.</p>
</div>
</div>
<div class="row">
<div class="col s12 m4 l4">
<img class="bpmn-item-little" src="assets/img/bpmn/senial.png">
<h5 class="text-center">Señal</h5>
<p class="text-justify">Una señal que se comunica en distintos procesos. Un símbolo de señal puede iniciar un proceso, facilitarlo o completarlo.</p>
</div>
<div class="col s12 m4 l4">
<img class="bpmn-item-little" src="assets/img/bpmn/multiple.png">
<h5 class="text-center">Múltiple</h5>
<p class="text-justify">Activadores múltiples que inician un proceso.</p>
</div>
<div class="col s12 m4 l4">
<img class="bpmn-item-little" src="assets/img/bpmn/multiples.png">
<h5 class="text-center">Paralelas Mútiples</h5>
<p class="text-justify">Una instancia de proceso que no comienza, continúa o finaliza hasta que todos los eventos posibles se hayan llevado a cabo.</p>
</div>
</div>
<div class="divider"></div>
<!-- Gateways -->
<div class="row">
<div class="col s12 m12 l12">
<h4 class="text-center">Puertas de Enlace</h4>
</div>
</div>
<div class="row">
<div class="col s12 m3 l3">
<img class="bpmn-item-little" src="https://d2slcw3kip6qmk.cloudfront.net/marketing/pages/chart/bpmn-symbols-explained/BPMN_exclusive_gateway-59x59.PNG">
<h5 class="text-center">Exclusivo Basado en Datos</h5>
<p class="text-justify">El flujo sigue por una condición exclusiva.</p>
</div>
<div class="col s12 m3 l3">
<img class="bpmn-item-little" src="assets/img/bpmn/paralelo.png">
<h5 class="text-center">Paralelo</h5>
<p class="text-justify">El flujo se divide en otros que ocurren en paralelo.</p>
</div>
<div class="col s12 m3 l3">
<img class="bpmn-item-little" src="https://d2slcw3kip6qmk.cloudfront.net/marketing/pages/chart/bpmn-symbols-explained/BPMN_parallel_event_based_gateway-59x59.PNG">
<h5 class="text-center">Paralelo Basado en Eventos</h5>
<p class="text-justify">Permite que múltiples procesos ocurran al mismo tiempo, pero a diferencia de la puerta de enlace paralela, los procesos dependen de eventos.</p>
</div>
<div class="col s12 m3 l3">
<img class="bpmn-item-little" src="assets/img/bpmn/inclusivo.png">
<h5 class="text-center">Inclusivo</h5>
<p class="text-justify">El flujo sigue una condición inclusiva, es decir, para cada flujo de secuencia, se evalúa una fórmula y si se devuelve el valor verdadero, entonces se activa el camino.</p>
</div>
</div>
<div class="row">
<div class="col s12 m4 l4">
<img class="bpmn-item-little" src="assets/img/bpmn/complexo.png">
<h5 class="text-center">Complejo</h5>
<p class="text-justify">Controla condiciones complejas de divergencia y también de convergencia.</p>
</div>
<div class="col s12 m4 l4">
<img class="bpmn-item-little" src="assets/img/bpmn/exclusivo basado en eventos.png">
<h5 class="text-center">Exclusivo Basado en Eventos</h5>
<p class="text-justify">Inicia una instancia nueva del proceso con cada suceso de un evento subsiguiente.</p>
</div>
<div class="col s12 m4 l4">
<img class="bpmn-item-little" src="assets/img/bpmn/basado en eventos.png">
<h5 class="text-center">Basado en Eventos</h5>
<p class="text-justify">Siempre se utiliza para dividir el flujo de iniciar un proceso debido a la ocurrencia única de uno entre múltiples eventos.</p>
</div>
</div>
<div class="divider"></div>
<!-- Artefactos -->
<div class="row">
<div class="col s12 m12 l12">
<h4 class="text-center">Artefactos</h4>
</div>
</div>
<div class="row">
<div class="col s12 m3 l3">
<img class="bpmn-item-little" src="assets/img/bpmn/entrada de datos.png">
<h5 class="text-center">Entrada de Datos</h5>
<p class="text-justify">Representa los requisitos de datos de los que dependen las tareas en el proceso de negocio.</p>
</div>
<div class="col s12 m3 l3">
<img class="bpmn-item-little" src="assets/img/bpmn/salida de datos.png">
<h5 class="text-center">Salida de Datos</h5>
<p class="text-justify">Demuestra la información producida como resultado de un proceso de negocio.</p>
</div>
<div class="col s12 m3 l3">
<img class="bpmn-item-little" src="assets/img/bpmn/recopilacion de datos.png">
<h5 class="text-center">Recopilación de Datos</h5>
<p class="text-justify">Representa la información recopilada dentro de un proceso de negocio.</p>
</div>
<div class="col s12 m3 l3">
<img class="bpmn-item-little" src="assets/img/bpmn/almacenamiento de datos.png">
<h5 class="text-center">Almacenamiento de Datos</h5>
<p class="text-justify">Representa la capacidad de guardar datos asociados a un proceso de negocio o de acceder a ellos.</p><br>
</div>
</div>
</div>
</section>
<footer class="page-footer">
<div class="container">
<div class="row">
<div class="col s12 m6 l6">
<h6>TeaTeam | MPN6501-001D</h6>
</div>
</div>
<div class="row">
<div class="col s12 m12 l12">
<p class="text-justify">Este sitio es sólo una página de visualización con fines académicos sujetos a una evaluación parte de la asignatura MPN6501 impartida en <a target="_blank" href="https://www.duoc.cl/">DuocUC®</a>. Todos los derechos reservados a <a target="_blank" href="https://www.bizagi.com">Bizagi®.</a></p>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
<div class="row">
<div class="col s12 m12 l12">
<p>TeaTeam © 2018</p>
</div>
</div>
</div>
</div>
</footer>
<!-- JS -->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script type="text/javascript" src="assets/js/own.js" defer></script>
</body>
</html>