Business Agility: Fundamentos de agilidad

2023-06-02 15:08:26 -04:00 · 2023-06-02 15:08:26 -04:00 · 86956d7708
commit 86956d7708
parent d9952b861c
19 changed files with 185 additions and 20 deletions
--- a/006_challenge_encriptador/README.md
+++ b/006_challenge_encriptador/README.md
@ -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)
+- [Javascript](./encriptador.js)
- [Home](./html/index.html)
+- [Home](./index.html)
- [Estilo](./html/style.css)
+- [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 [1](./imagenes/1.png) area de texto desencriptado
- Imagen [2](./html/imagenes/2.png) area de texto desencriptado
+- Imagen [2](./imagenes/2.png) area de texto desencriptado
- Imagen boton [encriptar](./html/imagenes/boton-enc.png)
+- Imagen boton [encriptar](./imagenes/boton-enc.png)
- Imagen boton [desencriptar](./html/imagenes/)
+- 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
--- a/006_challenge_encriptador/html/encriptador.js
+++ b/006_challenge_encriptador/html/encriptador.js
--- a/006_challenge_encriptador/html/style.css
+++ b/006_challenge_encriptador/html/style.css
--- a/006_challenge_encriptador/html/imagenes/1.png
+++ b/006_challenge_encriptador/html/imagenes/1.png
--- a/006_challenge_encriptador/html/imagenes/2.png
+++ b/006_challenge_encriptador/html/imagenes/2.png
--- a/006_challenge_encriptador/html/imagenes/boton-copiar.png
+++ b/006_challenge_encriptador/html/imagenes/boton-copiar.png
--- a/006_challenge_encriptador/html/imagenes/boton-des.png
+++ b/006_challenge_encriptador/html/imagenes/boton-des.png
--- a/006_challenge_encriptador/html/imagenes/boton-enc.png
+++ b/006_challenge_encriptador/html/imagenes/boton-enc.png
--- a/006_challenge_encriptador/html/imagenes/exclamacion.png
+++ b/006_challenge_encriptador/html/imagenes/exclamacion.png
--- a/006_challenge_encriptador/html/imagenes/github.png
+++ b/006_challenge_encriptador/html/imagenes/github.png
--- a/006_challenge_encriptador/html/imagenes/input.png
+++ b/006_challenge_encriptador/html/imagenes/input.png
--- a/006_challenge_encriptador/html/imagenes/logo.png
+++ b/006_challenge_encriptador/html/imagenes/logo.png
--- a/006_challenge_encriptador/html/imagenes/modelo_figma.png
+++ b/006_challenge_encriptador/html/imagenes/modelo_figma.png
--- a/006_challenge_encriptador/html/imagenes/mono.png
+++ b/006_challenge_encriptador/html/imagenes/mono.png
--- a/006_challenge_encriptador/html/index.html
+++ b/006_challenge_encriptador/html/index.html
@ -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 class="botones" id="btn-encriptar">Encriptar</button>
-                    <button id="btn-desencriptar">Desencriptar</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;">
+                <div id="copiar">
-                    <textarea cols="29" rows="15" readonly id="resultado"></textarea>
+                    <textarea cols="29" rows="10" readonly id="resultado"></textarea>
-                    <button id="btn-copiar">Copiar</button>
+                    </br>
                    <button class="botones" id="btn-copiar">Copiar</button>
                </div>
            </section>
        </main>
--- a/006_challenge_encriptador/html/reset.css
+++ b/006_challenge_encriptador/html/reset.css
--- a/006_challenge_encriptador/style.css
+++ b/006_challenge_encriptador/style.css
@ -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%;
 }
--- a/007_business_agility/README.md
+++ b/007_business_agility/README.md
@ -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)
--- a/README.md
+++ b/README.md
@ -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)