Business Agility: Fundamentos de agilidad

This commit is contained in:
devfzn 2023-06-02 15:08:26 -04:00
parent d9952b861c
commit 86956d7708
Signed by: devfzn
GPG Key ID: E070ECF4A754FDB1
19 changed files with 185 additions and 20 deletions

View File

@ -93,7 +93,7 @@ de desarrollo, utilizando el **Trello** de la siguiente forma:
### Modelo Figma
![img](./html/imagenes/modelo_figma.png)
![img](./imagenes/modelo_figma.png)
#### Desencripta el mensaje secreto
@ -113,11 +113,11 @@ desafio y haberlo concluido con exito!
## Proyecto
- [Javascript](./html/encriptador.js)
- [Home](./html/index.html)
- [Estilo](./html/style.css)
- [Javascript](./encriptador.js)
- [Home](./index.html)
- [Estilo](./style.css)
- [Repositorio](https://github.com/DevFzn/Oracle_One-Alura_Latam/tree/master/006_challenge_encriptador/README.md)
- [Sitio](https://github.com...)
- [Sitio](https://devfzn.github.io/Desafio_Encriptador)
### Sitio web
@ -145,13 +145,13 @@ Lista de tareas challenge encriptador
[Figma](https://www.figma.com/file/trP3p5nEh7XUyB3n2bomjP/Alura-Challenge---Desaf%C3%ADo-1---L%C3%B3gica)
- HTML - [input](https://developer.mozilla.org/es/docs/Web/HTML/Element/input)
- HTML - [textarea](https://developer.mozilla.org/es/docs/Web/HTML/Element/textarea)
- Imagen [input](./html/imagenes/input.png) trello.
- Imagen [input](./imagenes/input.png) trello.
- HTML - DOM [Style display](https://www.w3schools.com/jsref/prop_style_display.asp)
Property
- Imagen [1](./html/imagenes/1.png) area de texto desencriptado
- Imagen [2](./html/imagenes/2.png) area de texto desencriptado
- Imagen boton [encriptar](./html/imagenes/boton-enc.png)
- Imagen boton [desencriptar](./html/imagenes/)
- Imagen [1](./imagenes/1.png) area de texto desencriptado
- Imagen [2](./imagenes/2.png) area de texto desencriptado
- Imagen boton [encriptar](./imagenes/boton-enc.png)
- Imagen boton [desencriptar](./imagenes/)
- Interact with the [clipboard](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Interact_with_the_clipboard)
- [Clipboard](https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API) API
- Configuración de [Git](https://git-scm.com/book/es/v2/Inicio---Sobre-el-Control-de-Versiones-Configurando-Git-por-primera-vez)
@ -162,7 +162,7 @@ Property
Checklist para entrega del proyecto
- [ ] Publica en GitHub Pages
- [x] Publica en GitHub Pages
- [ ] Agregar el #challengeonecodificador5 en Github
- [ ] Rellenar formulario de
[envío](https://lp.alura.com.br/alura-latam-entrega-challenge-one-esp) con el

View File

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

View File

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 23 KiB

View File

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

Before

Width:  |  Height:  |  Size: 420 B

After

Width:  |  Height:  |  Size: 420 B

View File

Before

Width:  |  Height:  |  Size: 6.2 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB

View File

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

Before

Width:  |  Height:  |  Size: 81 KiB

After

Width:  |  Height:  |  Size: 81 KiB

View File

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

View File

@ -13,9 +13,9 @@
</head>
<body>
<main>
<section id="mensaje" style="border-radius: 25px; padding: 10px; background: magenta;">
<section id="mensaje">
<div>
<img src="./imagenes/logo.png"/>
<img id="logo" src="./imagenes/logo.png"/>
</div>
<div>
<label for="frase">Ingresa tu mensaje</label>
@ -26,21 +26,22 @@
</div>
<div id="botones">
<img src="./imagenes/exclamacion.png"/>
<p>Solo letras minúsculas y sin acentos</p>
<p id="uso">Solo letras minúsculas y sin acentos</p>
<!--<small>Solo letras minúsculas y sin acentos</small>-->
<button id="btn-encriptar">Encriptar</button>
<button id="btn-desencriptar">Desencriptar</button>
<button class="botones" id="btn-encriptar">Encriptar</button>
<button class="botones" id="btn-desencriptar">Desencriptar</button>
</div>
</section>
<section id="info" style="border-radius: 25px; padding: 10px; background: magenta;">
<section id="info">
<div>
<img src="./imagenes/mono.png">
<h2>Ningún mensaje fue encontrado</h2>
<p>Ingresa el texto que deseas encriptar o desencriptar.</p>
</div>
<div style="display: block;">
<textarea cols="29" rows="15" readonly id="resultado"></textarea>
<button id="btn-copiar">Copiar</button>
<div id="copiar">
<textarea cols="29" rows="10" readonly id="resultado"></textarea>
</br>
<button class="botones" id="btn-copiar">Copiar</button>
</div>
</section>
</main>

View File

@ -0,0 +1,60 @@
*{
font-family: 'Press Start 2P', cursive;
font-size: smaller;
}
main {
display: flex;
background: magenta;
/*align-content: center;*/
justify-content: center;
flex-wrap: wrap;
max-height: 100%;
min-height: 100%;
}
#logo {
padding: 2%;
}
#mensaje {
margin-left: 4%;
margin-right: 2%;
margin-top: 3%;
margin-bottom: 3%;
background: #006ef9;
border-radius: 25px;
padding: 1%;
width: 100%;
max-width: fit-content;
}
#uso {
font-weight: lighter;
}
#info {
margin-left: 2%;
margin-right: 4%;
margin-top: 3%;
margin-bottom: 3%;
background: #006ef9;
border-radius: 25px;
padding: 1%;
width: 100%;
max-width: fit-content;
}
#copiar{
padding: 5%;
display: block;
}
.botones {
font-size:large;
}
footer {
background-color: #0079db;
padding: 1%;
}

View File

@ -0,0 +1,96 @@
# Business Agility
[Formación](https://app.aluracursos.com/formacion-business-agility-grupo5-one)
## Fundamentos de Agilidad
[Curso](https://app.aluracursos.com/course/fundamentos-agilidad-primeros-pasos-transformacion-agil)
- **Waterfall vs. Agile**
Es necesario que los requisitos/documentación sean aprobados y acordados con
el cliente, así como por el responsable del proyecto. Una vez aprobado este
documento, el flujo para lograr el objetivo no cambiará, tampoco su alcance.
En Waterfall, cuando dividimos el modelo en etapas, la primera está orientada
para disparar la segunda, y así sucesivamente. Con esto, se excluye la posibilidad
de hacer algún cambio.
- **Priorización** ¿qué es la priorización y cómo podemos definirla?
La priorización es el proceso de determinar la tarea con mayor importancia y urgencia.
- *Importancia*: debe ser claro cuál es el objetivo que esa tarea ayudará a alcanzar.
- *Urgencia*: la actividad tiene un plazo corto de entrega.
<br>
El criterio para determinar la priorización de actividades depende del contexto
de la empresa, del momento, del tipo de proyecto y del cliente. Sin embargo,
independientemente de esto, generalmente debemos priorizar aquello que genera
un mayor retorno financiero.
- **Flujo de ejecución**
1. El proyecto y el objetivo final deben ser establecidos para que el problema
sea resuelto de manera rápida y eficaz.
2. Dividir en pequeñas metas. Determina la tarea que debe ser resuelta con mayor
prioridad, conservando un flujo enfocado en lo que más importa.
<br>
- **Retroalimentación**
Es la tercera diferencia más relevante entre Agile y Waterfall.
Son las evaluaciones y críticas sobre los resultados obtenidos, sean positivas
o negativas, colaborando para el crecimiento de la empresa.
Primero, es necesario priorizar las tareas. Después de priorizar, se debe definir
el plan/flujo de trabajo, para lograr dividirlo en etapas.
Cuando se completa una etapa, es importante obtener retroalimentación de tu cliente.
Con esa entrada (retroalimentación) es posible hacer cambios en el flujo hasta
eliminar tareas que ya no sean necesarias.
- **¿Que es ser ágil?**
Ser ágil significa entregar valor rápidamente, tener un abordaje enfocado en
lo que genera más valor; es decir, cuando algún cliente tiene un problema,
debemos ofrecerle entregas parciales de acuerdo con sus necesidades. Estos
ciclos rápidos de entrega hacen que la retroalimentación sea constante para
mejorar el servicio/producto, alcanzando mejores resultados al final del proceso.
- **[Manfiesto](https://agilemanifesto.org/) Agile**
Fue escrito en 2001. Su objetivo era descubrir cuáles eran las semejanzas entre
los diversos procesos de desarrollo de software basado en la experiencia de quienes
lo escribieron, y qué logra que los clientes queden satisfechos.
A partir de ahí llegaron a 4 valores:
1. **Individuals and intreactions OVER Processes and tools**:
Las interacciones entre individuos son más importantes que los procesos y
herramientas; es decir, la manera como un equipo trabaja impacta directamente el
desarrollo de lo que será producido.
2. **Working software OVER Documentation**:
Tener software funcionando es más importante que documentación detallada.
3. **Customer collaboration OVER Contract**:
La colaboración del cliente es más importante que la negociación del contrato;
es decir, la proximidad es esencial para que la retroalimentación tenga mayor
valor y lograr que eso impacte el flujo de trabajo.
4. **Responding OVER Following a plan**:
Responder a los cambios es más importante que seguir un plan.
<br>
- **Cases**
Con el uso de métodos ágiles a partir de cases, logramos observar diversos
resultados dentro de pequeñas y grandes empresas.
Esto no implica un simple copy y paste de prácticas de agilidad que fueron
tomadas de otras organizaciones: el que hayan generado un buen resultado no
implica que la fórmula funcionará en todas.
Se debe analizar y entender por qué determinada empresa aplicó cierta
característica ágil, qué buscaba resolver con ello y analizar los factores
dentro de cada empresa antes de implantar la misma metodología en tu equipo.
Alura Blog - Que es la [metodología ágil](https://www.aluracursos.com/blog/que-es-la-metodologia-agil)

View File

@ -9,8 +9,12 @@ para certificación ORACLE. Notas, apuntes, resumenes y actividades.
[G5 ONE | Formación programación - Primeros pasos](https://app.aluracursos.com/formacion-programacion-primeros-pasos-grupo5-one).
[G5 ONE | Business Agility](https://app.aluracursos.com/formacion-business-agility-grupo5-one).
### Guias de estudio
#### Etapa Selección
- Introducción [Hello ONE](./001_desarrollo_personal/hello_one.md).
- [Desarrollo](./001_desarrollo_personal/README.md) Personal.
- [Principiante](./002-003_logica_de_programacion/README.md) y conceptos
@ -18,3 +22,7 @@ primoridiales en programación con Javascript.
- Crea tus primeras [páginas Web](./004_primeras_paginas/README.md), HTML5 y CSS3.
- [Git](./005_Git_y_github/README.md) y Github.
- Desafío [Encriptador](./006_challenge_encriptador/README.md).
#### Etapa Especialización
- [Business Agility](./007_business_agility/README.md)