[Github Actions] AI Workshop Translations - #594

content/espanol/chatbot/_index.md

@@ -0,0 +1,48 @@
+```markdown
+---
+title: "Crea tu propio chatbot"
+description: "Una guía introductoria sobre chatbots"
+date: 2020-02-21T11:45:38-07:00
+prereq: "correo electrónico"
+download: ""
+draft: false
+icon: "fas fa-code"
+language: "no-code"
+topics: ["ai"]
+difficulties: ["beginner"]
+---
+
+## Introducción
+En este taller, aprenderás cómo crear tu propio chatbot. Al final del taller, tendrás un chatbot que podrá mantener una conversación sencilla con el usuario. Aprenderás cómo usar AIML, un lenguaje para crear chatbots. También aprenderás cómo usar Pandorabots, una plataforma para alojar chatbots.
+
+Para completar el taller, necesitarás una dirección de correo electrónico para registrarte en una cuenta de Pandorabots.
+<p style="text-align: center; "><img src="./img/introduction.png" alt="" width="60%"/></p>
+
+## ¿Qué es un chatbot?
+Un chatbot es un programa de computadora que simula una conversación humana para responder preguntas. 
+<img src="./img/surprised.png" alt="" width="20%" style="" />
+
+## Ejemplos de chatbots
+Es probable que ya hayas interactuado con un chatbot como parte de tu vida diaria. 
+
+Podrías usar un asistente virtual para establecer un recordatorio en tu teléfono o para reproducir una canción en tu altavoz inteligente.
+<p style="text-align: center; "><img src="./img/smart_device.jpg" alt="Dos mujeres hablando entre sí con burbujas de diálogo en el fondo" width="35%"/></p>
+
+Es posible que hayas interactuado con un chatbot para obtener ayuda con un producto o servicio.
+
+<p style="text-align: center; "><img src="./img/customer_service_chatbot.png" alt="Página de inicio de una nueva cuenta en GitHub" width="20%"/></p>
+
+Más recientemente, los chatbots se han hecho más conocidos gracias a tecnologías como ChatGPT.
+
+## Historia de los chatbots
+Los chatbots han existido durante mucho tiempo. El primer chatbot fue creado en 1966 y se llamaba ELIZA. En 1995, se creó un nuevo chatbot llamado ALICE. ALICE fue escrito usando AIML, que es el mismo lenguaje que aprenderemos en este taller.
+
+<img src="./img/elderly.png" alt="" width="20%"/>
+
+## Tabla de Contenidos
+
+<details close>
+<summary>Tabla de Contenidos</summary>
+{{% children /%}}
+</details>
+```

content/espanol/chatbot/activity-1.md

@@ -0,0 +1,19 @@
+---
+title: "Actividad 1: Conoce a ALICE"
+draft: false
+weight: 4
+---
+
+## Conoce a ALICE
+
+<img src="../img/chatbot1.png" alt="Una burbuja de texto azul verdoso que contiene un rostro de robot simplificado con una pantalla rectangular mostrando dos ojos ovalados naranjas, decorada con una pequeña flor morada, rodeada por un auricular blanco con auriculares circulares" width="20%"/>
+
+Antes de empezar a construir nuestro propio chatbot, conozcamos a ALICE y hagámosle algunas preguntas. Deberías mantener esta página web abierta y disponible.
+
+<a class="my-2 mx-4 btn btn-info" href="https://www.pandorabots.com/pandora/talk?botid=b8d616e35e36e881" target="_blank">Probar ALICE</a>
+
+¿Qué piensas de ALICE?  
+
+¿Qué tipo de preguntas fue capaz de responder ALICE?  
+
+¿Qué tipo de preguntas no fue capaz de responder ALICE?  

content/espanol/chatbot/activity-2.md

@@ -0,0 +1,58 @@
+```markdown
+---
+title: "Actividad 2: Configurar PandoraBots"
+draft: false
+weight: 5
+---
+
+## AIML
+Usaremos AIML para crear nuestro chatbot. AIML significa **Lenguaje de Marcado de Inteligencia Artificial** (Artificial Intelligence Markup Language). Si alguna vez has usado HTML para crear un sitio web, notarás que AIML se parece mucho. Antes de que podamos empezar a escribir AIML, necesitamos registrarnos para obtener una cuenta en PandoraBots.
+<img src="../img/chat_Alice.png" alt="" width="20%" style="" />
+
+## Pandorabots
+Ve a [https://www.pandorabots.com/](https://www.pandorabots.com/) y haz clic en **Sign Up**. Ingresa un correo electrónico y una contraseña para crear una cuenta. Alternativamente, puedes registrarte utilizando una cuenta de Google, Facebook, Twitter o Github. Si se te solicita, elige la opción de prueba gratuita.
+
+## Crear un nuevo bot
+Una vez que te hayas registrado, deberías ver una página que se ve así:
+
+<p style="text-align: center;"><img src="../img/pandorabots_1.png" alt="página de inicio de sesión en pandorabots" width="40%"/></p>
+
+Para crear un nuevo bot, usa el botón “+” junto a "My Bots" en el panel de navegación. Asigna un nombre y haz clic en “Create Bot”.
+
+<p style="text-align: center;"><img src="../img/pandorabots_2.png" alt="creando un nuevo bot en pandorabots" width="40%"/></p>
+
+## Edición del Bot
+Una vez que hayas creado un nuevo bot, el nombre del bot aparecerá en el panel de navegación. Haz clic en **Edit** debajo del nombre de tu bot y luego selecciona **Code Editor** para navegar al Editor.
+
+<p style="text-align: center;"><img src="../img/pandorabots_3.png" alt="editando un bot en pandorabots" width="40%"/></p>
+
+El Editor es donde escribirás archivos AIML y categorías que permitirán que tú y otros interactúen con tu bot.
+
+Usa el menú "File" para crear un nuevo archivo AIML llamado greetings.
+
+<p style="text-align: center;"><img src="../img/pandorabots_4.png" alt="añadiendo un nuevo archivo en pandorabots" width="40%"/></p>
+
+<p style="text-align: center;"><img src="../img/pandorabots_5.png" alt="añadiendo un nuevo archivo en pandorabots" width="40%"/></p>
+
+## Hola Mundo
+
+Copia el código de la siguiente categoría en el editor de texto entre las etiquetas de inicio ```<aiml>``` y fin ```</aiml>```:
+
+```
+<category>
+    <pattern>HELLO</pattern>
+    <template>
+        Hello, World!
+    </template>
+</category>
+```
+
+Una vez completado, guarda tu archivo desde el menú desplegable “File”.
+
+<p style="text-align: center;"><img src="../img/pandorabots_6.png" alt="añadiendo un nuevo archivo en pandorabots" width="40%"/></p>
+
+## Probando tu bot
+El Chat Widget te permite hablar con tu bot. Haz clic en el ícono de "burbujas de chat" en la esquina inferior derecha para comenzar a interactuar con tu bot. Escribe `Hello` y deberías recibir la respuesta que acabas de programar, `“Hello, world!”`
+
+<p style="text-align: center;"><img src="../img/pandorabots_7.png" alt="añadiendo un nuevo archivo en pandorabots" width="40%"/></p>
+```

content/espanol/chatbot/activity-3.md

@@ -0,0 +1,42 @@
+```markdown
+---
+title: "Actividad 3: Añade tus propias categorías"
+draft: false
+weight: 7
+---
+
+## Añadir más categorías
+
+En este momento, nuestro bot solo puede responder a "Hello". Vamos a añadir más categorías para que nuestro bot pueda responder a más cosas.
+
+1. Si el usuario dice "What is your name?" el bot debería responder "My name is Chatbot".
+2. Si el usuario dice "What is your favorite color?" el bot debería responder "My favorite color is blue".
+3. Si el usuario dice "What is your favorite food?" el bot debería responder "My favorite food is pizza".
+
+<img src="../img/ideas.png" alt="" width="30%" style="" />
+
+Como recordatorio, aquí está la estructura básica de una categoría:
+
+```
+<category>
+    <pattern>HELLO</pattern>
+    <template>
+        Hello, World!
+    </template>
+</category>
+```
+
+{{% notice tip %}}
+
+Recuerda: Al escribir el patrón, usa mayúsculas y evita utilizar puntuaciones. Así que si quieres hacer coincidir "What is your name?", deberías escribir el patrón como "WHAT IS YOUR NAME".
+
+{{% /notice %}}
+
+{{% notice tip %}}
+
+Recuerda guardar el archivo cada vez que modifiques las categorías y quieras interactuar con el chatbot.
+
+{{% /notice %}}
+
+Intenta añadir estas categorías a tu bot y pruébalas usando el widget de chat. En este punto, el bot debería responder a "Hello", "What is your name?", "What is your favorite color?" y "What is your favorite food?".
+```

content/espanol/chatbot/activity-4.md

@@ -0,0 +1,21 @@
+---
+title: "Actividad 4: Comodines"
+draft: false
+weight: 9
+---
+
+## Uso de comodines
+Vamos a utilizar el comodín para que nuestro bot pueda responder a más preguntas sin necesidad de escribir una nueva categoría para cada posible pregunta. Ampliemos las categorías actuales para que el chatbot pueda responder a cualquier pregunta que termine con "comida", "color" o "nombre".
+
+{{% notice tip %}}
+
+Utiliza el comodín al principio del patrón.
+
+{{% /notice %}}
+
+1. Si el usuario ingresa una pregunta que **TERMINA CON** "comida" (por ejemplo, "¿Cuál es tu comida favorita?", "¿Te gusta la comida?", "¿Los chatbots comen comida?"), el bot debería responder con "Mi comida favorita es pizza".
+
+2. Si el usuario ingresa una pregunta que **TERMINA CON** "color" (por ejemplo, "¿Cuál es tu color favorito?", "¿Cuál es tu color preferido?"), el bot debería responder con "Mi color favorito es azul".
+
+3. Si el usuario ingresa una pregunta que **TERMINA CON** "nombre" (por ejemplo, "¿Cuál es tu nombre?", "¿Cómo te llamas?", "¿Tienes un nombre?"), el bot debería responder con "Mi nombre es Chatbot".
+<img src="../img/idea.png" alt="" width="20%"/>

content/espanol/chatbot/activity-5.md

@@ -0,0 +1,33 @@
+---
+title: "Actividad 5: Repitiendo comodines"
+draft: false
+weight: 10
+---
+
+## Repitiendo comodines
+Usemos el comodín ```*``` y la etiqueta ```<star />``` juntos para permitir que nuestro bot incluya las entradas del usuario en su respuesta. 
+<img src="../img/learn.png" alt="" width="20%" style="display: block; margin-left: 0;" />
+
+1. Si el usuario introduce "Mi nombre es [nombre]", el bot debería responder con "¡Encantado de conocerte, [nombre]!".
+Ejemplos:
+Entrada | Salida
+---|--------------
+Mi nombre es Juan | ¡Encantado de conocerte, Juan!
+Mi nombre es Ana | ¡Encantado de conocerte, Ana!
+Mi nombre es Roberto | ¡Encantado de conocerte, Roberto!
+
+2. Si el usuario introduce "Mi color favorito es [color]", el bot debería responder con "¡A mí también me gusta [color]!".
+Ejemplos:
+Entrada | Salida
+---|--------------
+Mi color favorito es azul | ¡A mí también me gusta azul!
+Mi color favorito es rojo | ¡A mí también me gusta rojo!
+Mi color favorito es verde | ¡A mí también me gusta verde!
+
+3. Si el usuario introduce "Mi comida favorita es [comida]", el bot debería responder con "¡[comida]! Yum!".
+Ejemplos:
+Entrada | Salida
+---|--------------
+Mi comida favorita es pizza | ¡pizza! Yum!
+Mi comida favorita es pasta | ¡pasta! Yum!
+Mi comida favorita es sushi | ¡sushi! Yum!

content/espanol/chatbot/categories.md

@@ -0,0 +1,26 @@
+---
+title: "Categorías"
+draft: false
+weight: 6
+---
+
+## Fundamentos de AIML
+La unidad básica de AIML es la **categoría**. Una categoría consiste en un patrón y una plantilla. El **patrón** es lo que el usuario le dice al bot. La **plantilla** es la respuesta que el bot le da al usuario.
+
+Observando el siguiente ejemplo, vemos que el patrón es "HELLO" y la plantilla es "¡Hola, Mundo!". Cuando el usuario dice "HELLO", el bot responderá con "¡Hola, Mundo!". Ten en cuenta que la coincidencia de patrones no distingue entre mayúsculas y minúsculas, por lo que el bot responderá a "hello", "HELLO", "Hello" y "HeLlo" de la misma manera.
+<img src="../img/chat_persons_robot.png" alt="" width="20%"/>
+
+```
+<category>
+    <pattern>HELLO</pattern>
+    <template>
+        Hello, World!
+    </template>
+</category>
+```
+
+{{% notice info %}}
+
+Al escribir el patrón, recomendamos escribirlo en mayúsculas y evitar el uso de signos de puntuación. Por lo tanto, si deseas coincidir con "¿Cuál es tu nombre?", deberías escribir el patrón como "CUAL ES TU NOMBRE". Pandora eliminará cualquier signo de puntuación de la entrada del usuario antes de comparar con el patrón.
+
+{{% /notice %}}

content/espanol/chatbot/echoing-wildcards.md

@@ -0,0 +1,33 @@
+```markdown
+---
+title: "Repetición de comodines"
+draft: false
+weight: 9
+---
+
+## Introduciendo la etiqueta ```<star />```
+Aprendamos una herramienta más que permitirá a nuestro chatbot tener respuestas más interesantes. En la última lección, aprendimos cómo podemos usar el comodín ```*``` para coincidir con cualquier palabra o frase. Pero, ¿qué sucede si queremos usar la palabra o frase que el usuario escribió en nuestra respuesta? Por ejemplo, si el usuario nos dice cuál es su color favorito, queremos que la respuesta del bot incluya ese color favorito del usuario. Podemos hacer esto usando la etiqueta ```<star />```.
+
+La etiqueta ```<star />``` es una etiqueta especial que nos permite utilizar la palabra o frase que el usuario escribió en nuestra respuesta. Veamos cómo funciona.
+
+```
+<category>
+    <pattern>MI COLOR FAVORITO ES *</pattern>
+    <template>
+        Tu color favorito es <star />.
+    </template>
+</category>
+```
+
+Hablemos de cómo funciona esta categoría. El patrón "MI COLOR FAVORITO ES *" coincidirá con cualquier entrada que comience con "MI COLOR FAVORITO ES" seguido de cualquier palabra o frase. De esta manera, el patrón coincidirá con "MI COLOR FAVORITO ES AZUL", "MI COLOR FAVORITO ES ROJO", "MI COLOR FAVORITO ES VERDE", y así sucesivamente. La etiqueta ```<star />``` capturará la palabra o frase que el usuario ingresó y la usará en la respuesta. Por lo tanto, si el usuario ingresa "MI COLOR FAVORITO ES AZUL", "azul" será la palabra representada por el comodín, por lo que, cuando el chatbot responda, la etiqueta ```<star />``` se reemplazará por "azul". El bot responderá "Tu color favorito es azul".
+
+<img src="../img/sentence_response.png" alt="" width="27%" />
+
+Aquí tienes más ejemplos de entradas y salidas de esta categoría:
+
+Entrada | Salida 
+---|--------------
+MI COLOR FAVORITO ES AZUL | Tu color favorito es azul.
+MI COLOR FAVORITO ES ROJO | Tu color favorito es rojo.
+MI COLOR FAVORITO ES VERDE | Tu color favorito es verde.
+```

content/espanol/chatbot/wildcards.md

@@ -0,0 +1,21 @@
+---
+title: "Comodines"
+draft: false
+weight: 8
+---
+
+## Comodines
+Es posible que ahora estés notando que lleva mucho trabajo escribir una categoría para cada forma en que un usuario podría hacer una pregunta. Por ejemplo, actualmente el bot responde a "Hello" con "Hello, world". Pero, ¿qué pasa si el usuario dice "Hello there" o "Hello chatbot"? Tendríamos que escribir una nueva categoría para cada uno de estos casos. Afortunadamente, hay herramientas adicionales que podemos usar para hacer que nuestro bot sea más flexible. 
+<img src="../img/party.png" alt="" width="25%" style="display: block; margin-left: 0;" />
+Una de estas herramientas es el **comodín**. Un comodín es un carácter especial que coincide con cualquier palabra o frase. Veamos cómo funciona.
+
+```
+<category>
+    <pattern>HELLO *</pattern>
+    <template>
+        Hi!
+    </template>
+</category>
+```
+
+El símbolo ```*``` es capaz de capturar 1 o más palabras en la entrada del usuario. Con esta nueva categoría, el chatbot ahora responderá con "Hi!" a cualquier entrada que comience con "Hello" seguido de cualquier palabra. Así que el patrón "HELLO *" coincidirá con "HELLO THERE", "HELLO CHATBOT", "HELLO WORLD", "HELLO EVERYONE" y demás.

content/espanol/security-fundamentals/cyber-security-cause-&-effect.md

@@ -0,0 +1,42 @@
+---
+title: "Ciberseguridad: Causa y Efecto"
+description: ""
+draft: false
+weight: 4
+---
+
+{{< figure src="../img/secret-notes.png" width="700px" >}}
+La ciberseguridad en la práctica es más que simplemente no caer en estafas en línea. ¿Cuáles son exactamente los riesgos comunes que los usuarios en línea ignoran y de los que los hackers se aprovechan?  
+
+1. No habilitar la autenticación de dos factores para iniciar sesión en cuentas (redes sociales, banca, juegos, etc.).  
+
+Esto facilita mucho a los hackers descifrar tu contraseña e iniciar sesión sin que lo sepas.
+
+{{% notice tip %}}
+
+### Habilitar la Autenticación de Dos Factores (2FA)
+La Autenticación de Dos Factores (comúnmente abreviada como 2FA) es la práctica de necesitar dos formas (o factores) de demostrar quién eres al iniciar sesión. Esto es útil porque si alguien roba o adivina tu contraseña, aún no podrá acceder a tu cuenta.
+
+2FA necesita habilitarse **antes** de que ocurra una posible brecha. La mayoría de las cuentas te lo solicitan cuando las creas por primera vez, pero si no lo configuraste entonces, la opción debería estar disponible en la página de configuración de tu cuenta. Se te pedirá proporcionar un número de teléfono o dirección de correo electrónico donde puedas confirmar tu identidad. Una vez que proporciones ese segundo método de contacto, recibirás un mensaje de confirmación para asegurar que puedes recibir esos mensajes de autenticación.
+
+Una vez que tengas habilitada la 2FA, los intentos de inicio de sesión enviarán mensajes al correo electrónico o número de teléfono que hayas proporcionado para confirmar que quien está intentando iniciar sesión realmente eres tú. ¡Asegúrate de tener tu teléfono a mano al iniciar sesión!
+
+{{% /notice %}}
+
+2. Reutilización de contraseñas (usar la misma contraseña para muchos sitios).  
+
+Una vez que tu contraseña es descubierta, un hacker probablemente podrá acceder a varias o todas tus cuentas en línea.
+
+{{% notice tip %}}
+
+### Usar un Gestor de Contraseñas  
+
+Un gestor de contraseñas es un lugar seguro para almacenar tus contraseñas de forma que no las olvides. Hay varios beneficios de usar uno:
+
+1. En lugar de recordar muchos nombres de usuario y contraseñas, solo necesitas recordar la contraseña para desbloquear tu gestor de contraseñas y ver todas tus contraseñas.
+2. Puedes crear contraseñas complejas que no puedan ser hackeadas sin preocuparte por tener que memorizarlas, ya que puedes simplemente copiar y pegar la contraseña.
+3. La mayoría de los gestores de contraseñas pueden recomendarte contraseñas seguras para asegurarte de no utilizar contraseñas débiles.
+
+¡Hay muchos gestores de contraseñas disponibles, algunos incluso están integrados en los navegadores web!
+
+{{% /notice %}}