Business Agility: Fundamentos de agilidad
@ -93,7 +93,7 @@ de desarrollo, utilizando el **Trello** de la siguiente forma:
|
||||
|
||||
### Modelo Figma
|
||||
|
||||
|
||||
|
||||
|
||||
#### 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
|
||||
|
||||
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 420 B After Width: | Height: | Size: 420 B |
|
Before Width: | Height: | Size: 6.2 KiB After Width: | Height: | Size: 6.2 KiB |
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 81 KiB After Width: | Height: | Size: 81 KiB |
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
@ -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>
|
||||
60
006_challenge_encriptador/style.css
Normal 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%;
|
||||
}
|
||||
96
007_business_agility/README.md
Normal 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)
|
||||
|
||||
@ -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)
|
||||
|
||||