SlideShare una empresa de Scribd logo
1 de 14
Descargar para leer sin conexión
GUÍA DE USO DE LABORATORIOS
ESTUDIANTE: Guzmán Gómez Carlos Jossue
SEMESTRE: Tercero
PARALELO: C
CARRERA: Pedagogía de las Ciencias Experimentales Informática
Informe N°17
TEMA:
Chatbots.
OBJETIVO:
Estructurar códigos en la creación de un chatbots mediante el uso de Landbot y Visual Studio Code
para realizar la compra de llantas en su diferente clasificación de rines.
RESULTADOS DE APRENDIZAJE
 Correcto uso de las herramientas que contiene Visual Studio Code y Landbot.
 Obtener trabajos precisos con diferentes variables en la ejecución de programas.
ACTIVIDADES:
-Crear un chatbots en la página web gratuita Lanbot.
-Crear un archivo nuevo en el desarrollador Visual Studio Code.
-Organizar códigos para permitir la entrada y salida de datos al interactuar con un chatbot que
corresponde a la compra de rines.
DESARROLLO DE CONTENIDOS
1. En primer lugar, se debe crear una cuenta en la página web Landbot.com y rellenar los
correspondientes datos personales.
2. En segundo lugar, realizar la edición del chatbot a crear, conforme a los requerimientos
como creador. En esta ocasión se diseñó una asistente que permita realizar la compra de
rines de manera más sencilla e interactiva con cada cliente.
CÓDIGO
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="robots" content="noindex">
<meta http-equiv='expires' content='0'/>
<meta http-equiv='pragma' content='no-cache'/>
<meta http-equiv='cache-control' content='no-store'/>
<meta name="google" content="notranslate" value="notranslate"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title> landbot | Start the conversation</title>
<meta property="og:title" content="landbot | Start the conversation"/>
<meta name="twitter:title" content="landbot | Start the conversation"/>
<meta name="description" content="Landbot.io is a tool to create conversation
al interfaces in substitution of forms. No coding required!"/>
<meta property="og:description" content="Landbot.io is a tool to create conve
rsational interfaces in substitution of forms. No coding required!"/>
<meta name="twitter:description" content="Landbot.io is a tool to create conv
ersational interfaces in substitution of forms. No coding required!"/>
<meta property="og:type" content="website"/>
<meta name="twitter:card" content="summary"/>
<meta property="og:url" content="https://chats.landbot.io/v3/H-977230-
TVS68W9VY6M25QHE/index.html"/>
<meta name="twitter:url" content="https://chats.landbot.io/v3/H-977230-
TVS68W9VY6M25QHE/index.html"/>
<meta name="twitter:image" content="https://static.landbot.io/landbot/files/m
eta_image_twitter.png"/>
<meta property="og:image" content="https://static.landbot.io/landbot/files/me
ta_image_og.png"/>
<link rel="icon" href="https://storage.googleapis.com/media.helloumi.com/bran
ds/helloumi.png" type="image/png"/>
<meta name="theme-color" content="#000000"/>
</head>
<body>
<script>
function setupLandbot() {
window._landbot = new Landbot.Native({configUrl: 'https://chats.landb
ot.io/v3/H-977230-TVS68W9VY6M25QHE/index.json'});
}
</script>
<script async defer onload="setupLandbot()" src="https://static.landbot.io/la
ndbot-3/landbot-3.0.0.js"></script>
</body>
</html>
3. En seguida, abrir el programa Visual Studio Code.
4. Posteriormente, se creará un nuevo proyecto dando click izquierdo sobre “File” y “New
File”.
5. Asi pues, para guardar el nuevo archivo creado seleccionamos nuevamente “File” y “Save
As”, para a continuación introducir el correspondiente nombre del trabajo y guardarlo con
formato PHP.
6. Luego en el primer formulario (Edicion.php) se estructura el texto que será el registro
correspondiente de los datos del comprador y los tipos de rines con los precios disponibles
que ofrece la página web; en donde se agregará adicionalmente el correspondiente código
del chatbot creado para su uso previo. Con el siguiente código:
<!DOCTYPE html PUBLIC "-
//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Inscripciones</title>
<link rel="stylesheet" href="style3.css">
<form action="enviar.php" method="post">
</head>
<body >
<script SameSite="None; Secure" src="https://static.landbot.io/landbot-3/landbot-
3.0.0.js"></script>
<script>
var myLandbot = new Landbot.Livechat({
configUrl: 'https://chats.landbot.io/v3/H-977230-
TVS68W9VY6M25QHE/index.json',
});
</script>
<center><h1>FORMULARIO PARA LA COMPRA DE RINES</h1></center>
<hr />
<center>
<div style=" border: ridge #0f0fef 8px;">
<p><h3>Nombres: </h3></p>
<input type="text" name="nom" value="">
<p><h3>Apellidos: </h3></p>
<input type="text" name="nom2" value="">
<h3>Ciudad: </h3><br>
<input type="radio" name="ciu" value="1"> Quito
<input type="radio" name="ciu" value="2"> Guayaquil
<input type="radio" name="ciu" value="3"> Cuenca
<input type="radio" name="ciu" value="4"> Ambato
</div>
<hr />
<center>
<div style=" border: ridge #33FF00 8px;">
<p><h3>G&eacute;nero:</h3></p>
<input type="radio" name="gen" value="1" />Femenino
<input type="radio" name="gen" value="2" />Masculino
<p><h3>Edad: </h3></p><input type="text" name="edad" value="">
<p><h3>Correo electr&oacute;nico: </h3></p><input type="text" name="corre" value
="">
<p><h3>N&uacute;mero Telef&oacute;nico: </h3></p><input type="text" name="nute"
value="">
<p><h3>Direcci&oacute;n: </h3></p><input type="text" name="dire" value="">
</div></center>
</center>
</center>
</div>
<hr />
<center>
<div style=" border: ridge #FFFF00 8px;">
<p><h3>Tipos de llantas: </h3></p><br>
<input type="checkbox" name="idi" value="1"> RIN 10 <br>
<input type="checkbox" name="idi" value="2"> RIN 11<br>
<input type="checkbox" name="idi" value="3"> RIN 12 <br>
<input type="checkbox" name="idi" value="4"> RIN 13 <br>
<input type="checkbox" name="idi" value="5"> RIN 14 <br>
<input type="checkbox" name="idi" value="6"> RIN 15 <br>
<h3>Material: </h3><br>
<select name="select">
<option> Aluminio </option>
<option> Magnesio</option>
<option> Acero</option>
<option> Aleación</option>
</select></center>
</div><hr />
<center>
<div style=" border: ridge #00FFFF 8px;">
<h3>Comentario:</h3> <br/>
<textarea name="comentario" rows="5" cols="50">Comentario: Gracias por su compra!
</textarea>
</div>
<hr />
<input type="submit" name="Enviar" />
<input type="reset" name="Limpiar" />
</body>
</html>
7. Después en un nuevo formulario (Diseño.php) se organiza la información que será impresa
por pantalla en el caso de haber efectuado el formulario, en donde se realiza el diseño
respectivo en color, espacio, letra, imágenes y el recordatorio de espacios sin rellenar o
errores en el registro de datos. Así:
<!DOCTYPE html PUBLIC "-
//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style3.css">
<title>Inscrito</title>
</head>
<body >
<center><h1>Compra de rines para autos </h1></center><br />
<hr />
<div style=" border: ridge #0f0fef 8px;">
<?php
if(!empty($_POST['nom']))
{
$n=$_POST['nom'];
}
else {
echo "<p>Por favor Ingrese sus Nombres</p>";
}
if(!empty($_POST['nom2']))
{
$n1=$_POST['nom2'];
echo "<p>Su nombre completo es:</p>".$n." ".$n1;
}
else {
echo "<p>Por favor Ingrese sus Apellidos</p>";
}
if(!empty($_POST['ciu']))
{
$c=$_POST['ciu'];
switch ($c)
{
case 1: echo "<p>Su ciudad es:</p>QUITO";
break;
case 2: echo "<p>Su ciudad es:</p> GUAYAQUIL";
break;
case 3: echo "<p>Su ciudad es: </p>CUENCA";
break;
case 4: echo "<p>Su ciudad es: </p>AMBATO";
break;
}
}
else {
echo "<p>No ha selecionado una ciudad</p>";
}
?>
</div>
</hr>
<div style=" border: ridge #33FF00 8px;">
<?php
if (!empty ($_POST['gen']))
{
$g=$_POST['gen'];
switch ($g)
{
case 1: echo "<p>Genéro:</p>Femenino";
break;
case 2: echo "<p>Género:</p>Masculino";
break;
}
}
else
{
echo "<p>No ha selecionado un G&eacute;nero</p>";
}
$e=$_POST['edad'];
if (!is_numeric($e))
{
echo "<p>Debe ingresar N&uacute;meros en el casillero edad</p>";
}
else
{
if ($e>=100 or $e<=0)
{
echo "Edad no permitida";
}
else
{
echo"<p>Su edad es:</p>".$e;
}
}
if (!empty($_POST['corre']))
{
$c2=$_POST['corre'];
echo "<p> Su correo es:</p>".$c2;
}
else
{
echo "<p>NO ha ingresado un correo electronico</p>".br;
}
if(!empty($_POST['nute']))
{
$nt=$_POST['nute'];
echo "<p>Su numero es:</p>".$nt;
}
else
{
echo "<p>Debe ingresar N&uacute;meros en el casillero Numero Telefonico</P>";
}
if (!empty($_POST['dire']))
{
$di=$_POST['dire'];
echo "<p> Su direccion es: </p>".$di;
}
else
{
echo "<p>Casillero Direccion vacio</p>";
}
?>
</div><hr />
<div style=" border: ridge #FFFF00 8px;">
<?php
if(!empty($_POST['idi']))
{
$idi=$_POST['idi'];
if ($idi==1)
{
echo "<p>RIN:</p>10";
}
elseif($idi==2)
{
echo "<p>RIN:<p>11";
}
elseif($idi==3)
{
echo "<p>RIN:<p>12";
}
elseif($idi==4)
{
echo "<p>RIN:<p>13";
}
elseif($idi==5)
{
echo "<p>RIN:<p>14";
}
elseif($idi==6)
{
echo "<p>RIN:<p>15";
}
}
else
{
echo" No selecciono un idioma";
}
?>
</div>
<div style=" border: ridge #FFFF00 8px;">
<?php
if (!empty ($_POST["select"])){
$exa=$_POST["select"];
if ($exa=="Aluminio"){
$msm="<p><img src='8.png'> El material es: Aluminio</img><p>";
print $msm."<br>";
}
elseif ($exa=="Magnesio"){
$msm="<p><img src='7.jpg'> El materia es: Magnesio</img><p>";
print $msm."<br>";
}
elseif ($exa=="Acero"){
$msm="<p><img src='3.jpg'> El precio es: Acero</img><p>";
print $msm."<br>";
}
elseif ($exa=="Aleación"){
$msm="<p><img src='3.jpg'> El precio es: Aleación</img><p>";
print $msm."<br>";
}
else {
echo "<p>No seleccion un material</p>";
}
?>
</div>
</body>
</html>
8. A continuación, se procede a la descarga de imágenes con el respectivo nombre declarado
en el paso anterior. Es fundamental guardar todos los archivos en una sola carpeta
determinada, almacenar las imágenes con formato “jpg” y finalmente arrastrar las
diferentes ilustraciones al Visual Studio Code.
9. Por consiguiente, se introduce el uso del formato “style3” con formato “css” que es el
encargo de indicar la información de estilo, con el siguiente código:
body {
background-image:url(dos.jpg);
background-size:100vw 100vh;
background-attachment:fixed;
margin:0;
}
div {
width:600px;
margin:auto;
background: rgb(236, 220, 232);
padding:10px 20px;
box-sizing: border-box;
margin-top:20px;
border-radius:7px;
}
h1{
color:#ffffff;
}
}
h3{
color:#08288a;
}
h2{
color:#0b0b94;
}
p
{
font-size:24px;
color:#0c0c8a;
}
10. Y se guarda por medio de un “Save” la información ingresada.
11. Ingresar en la página web de preferencia con el enlace “http://127.0.0.1“ junto al nombre
de la carpeta o espacio en el que se guardó el archivo, en este caso “/deber”.
Posteriormente se selecciona el nombre del documento (formulario2) para visualizar por
pantalla los códigos ingresados.
12. Por último, al ejecutar el programa se obtiene:
a. Principalmente se logra interactuar con un chatbot predeterminado al momento de
realizar la compra de rines de manera sencilla y rápida.
b. También al rellenar el formulario ya conformado anteriormente, se podrá visualizar
la información ingresa para corroborar la compra realizada y observar el respectivo
precio e ilustración del rin seleccionado.
a)
b)
BIBLIOGRAFÍA:
• Tira, C. (2020). Explicación y uso de SWITCH (ejemplos en Visual Studio MacOS). .
https://www.tiracodigo.com/index.php/programacion/c-visual-studio-mac/explicacion-y-uso-
de-switch-ejemplos-en-visual-studio-macos
f.) ________________________ f.) _______________________
Carlos Jossue Guzmán Gómez MSc. Víctor Zapata
ESTUDIANTE DOCENTE
• Ponce, L. A. A. (2018, 11 octubre). Estructuras de decisión: If Then y Select Case - Visual Basic
paso a paso. AulaFácil. https://www.aulafacil.com/cursos/programacion/visual-basic-paso-a-
paso/estructuras-de-decision-if-then-y-select-case-l42171

Más contenido relacionado

La actualidad más candente

Ejemplo de formulario
Ejemplo de formularioEjemplo de formulario
Ejemplo de formularioOVAWEB
 
Ejemplos de php_mysql
Ejemplos de php_mysqlEjemplos de php_mysql
Ejemplos de php_mysqlI LG
 
Wp config.php
Wp config.phpWp config.php
Wp config.phpgregozz
 
La guia practica n° 2
La guia practica n° 2La guia practica n° 2
La guia practica n° 217gilmar
 
Desarrollo de aplicaciones web usando Catalyst y jQuery
Desarrollo de aplicaciones web usando Catalyst y jQueryDesarrollo de aplicaciones web usando Catalyst y jQuery
Desarrollo de aplicaciones web usando Catalyst y jQueryJavier P.
 
Guia N5 Proyectos Web Consultas Php Y My Sql
Guia N5   Proyectos Web   Consultas Php Y My SqlGuia N5   Proyectos Web   Consultas Php Y My Sql
Guia N5 Proyectos Web Consultas Php Y My SqlJose Ponce
 
Guia N2 Proyectos Web Php
Guia N2   Proyectos Web   PhpGuia N2   Proyectos Web   Php
Guia N2 Proyectos Web PhpJose Ponce
 
Desarrollando aplicaciones web usando Catalyst y jQuery
Desarrollando aplicaciones web usando Catalyst y jQueryDesarrollando aplicaciones web usando Catalyst y jQuery
Desarrollando aplicaciones web usando Catalyst y jQueryJavier P.
 
Php y my sql con manejo de sesiones
Php y my sql con manejo de sesionesPhp y my sql con manejo de sesiones
Php y my sql con manejo de sesionescapo1988
 
Symfony parte 14 Consultas SQL - Páginador
Symfony parte 14 Consultas SQL - PáginadorSymfony parte 14 Consultas SQL - Páginador
Symfony parte 14 Consultas SQL - PáginadorRodrigo Miranda
 
Practica nº2.php
Practica nº2.phpPractica nº2.php
Practica nº2.phppatys_13
 

La actualidad más candente (19)

Ejemplo de formulario
Ejemplo de formularioEjemplo de formulario
Ejemplo de formulario
 
Json
JsonJson
Json
 
Sumaoctal
SumaoctalSumaoctal
Sumaoctal
 
Tarea 2 y_3
Tarea 2 y_3Tarea 2 y_3
Tarea 2 y_3
 
Sesion 3
Sesion 3Sesion 3
Sesion 3
 
Tarea seccio 3_antonio
Tarea seccio 3_antonioTarea seccio 3_antonio
Tarea seccio 3_antonio
 
Funciones en php
Funciones en phpFunciones en php
Funciones en php
 
Ejemplos de php_mysql
Ejemplos de php_mysqlEjemplos de php_mysql
Ejemplos de php_mysql
 
Wp config.php
Wp config.phpWp config.php
Wp config.php
 
Codigo Php
Codigo PhpCodigo Php
Codigo Php
 
La guia practica n° 2
La guia practica n° 2La guia practica n° 2
La guia practica n° 2
 
Desarrollo de aplicaciones web usando Catalyst y jQuery
Desarrollo de aplicaciones web usando Catalyst y jQueryDesarrollo de aplicaciones web usando Catalyst y jQuery
Desarrollo de aplicaciones web usando Catalyst y jQuery
 
Guia N5 Proyectos Web Consultas Php Y My Sql
Guia N5   Proyectos Web   Consultas Php Y My SqlGuia N5   Proyectos Web   Consultas Php Y My Sql
Guia N5 Proyectos Web Consultas Php Y My Sql
 
Guia N2 Proyectos Web Php
Guia N2   Proyectos Web   PhpGuia N2   Proyectos Web   Php
Guia N2 Proyectos Web Php
 
Desarrollando aplicaciones web usando Catalyst y jQuery
Desarrollando aplicaciones web usando Catalyst y jQueryDesarrollando aplicaciones web usando Catalyst y jQuery
Desarrollando aplicaciones web usando Catalyst y jQuery
 
Php y my sql con manejo de sesiones
Php y my sql con manejo de sesionesPhp y my sql con manejo de sesiones
Php y my sql con manejo de sesiones
 
Symfony parte 14 Consultas SQL - Páginador
Symfony parte 14 Consultas SQL - PáginadorSymfony parte 14 Consultas SQL - Páginador
Symfony parte 14 Consultas SQL - Páginador
 
3 curso php
3 curso php3 curso php
3 curso php
 
Practica nº2.php
Practica nº2.phpPractica nº2.php
Practica nº2.php
 

Similar a Inf 17 (chatbot) (20)

Tecnología Formulario
Tecnología FormularioTecnología Formulario
Tecnología Formulario
 
La api de salesforce
La api de salesforceLa api de salesforce
La api de salesforce
 
Truquitos html
Truquitos htmlTruquitos html
Truquitos html
 
Trucos Html
Trucos HtmlTrucos Html
Trucos Html
 
Trucos html
Trucos htmlTrucos html
Trucos html
 
Guiapractica de bd completa
Guiapractica de bd completaGuiapractica de bd completa
Guiapractica de bd completa
 
Javascript es6-ejercicios-resueltos-parte-2
Javascript es6-ejercicios-resueltos-parte-2Javascript es6-ejercicios-resueltos-parte-2
Javascript es6-ejercicios-resueltos-parte-2
 
Air plane
Air planeAir plane
Air plane
 
Software de Búsqueda
Software de BúsquedaSoftware de Búsqueda
Software de Búsqueda
 
Ejercicio denisse chacaguasay 3_c
Ejercicio denisse chacaguasay 3_cEjercicio denisse chacaguasay 3_c
Ejercicio denisse chacaguasay 3_c
 
EXAMEN
EXAMENEXAMEN
EXAMEN
 
Php
PhpPhp
Php
 
Twig avanzado (sf2Vigo)
Twig avanzado (sf2Vigo)Twig avanzado (sf2Vigo)
Twig avanzado (sf2Vigo)
 
Informe proyecto final programación lenguaje php
Informe proyecto final programación lenguaje phpInforme proyecto final programación lenguaje php
Informe proyecto final programación lenguaje php
 
Informe proyecto final grupal
Informe proyecto final grupalInforme proyecto final grupal
Informe proyecto final grupal
 
Revistaaaa
RevistaaaaRevistaaaa
Revistaaaa
 
Final portafolio 3 c (1)
Final portafolio 3 c (1)Final portafolio 3 c (1)
Final portafolio 3 c (1)
 
Codigos para html
Codigos para htmlCodigos para html
Codigos para html
 
Practicos script
Practicos scriptPracticos script
Practicos script
 
Original Hacker 5
Original Hacker 5Original Hacker 5
Original Hacker 5
 

Más de Carlos Guzmán

Inf 18 (base de datos)
Inf 18 (base de datos)Inf 18 (base de datos)
Inf 18 (base de datos)Carlos Guzmán
 
Inf 15 (while y for) tablas de multiplicar
Inf 15 (while y for) tablas de multiplicarInf 15 (while y for) tablas de multiplicar
Inf 15 (while y for) tablas de multiplicarCarlos Guzmán
 
Inf 10 (operaciones por pantalla) get
Inf 10 (operaciones por pantalla) getInf 10 (operaciones por pantalla) get
Inf 10 (operaciones por pantalla) getCarlos Guzmán
 
Inf 8 (tablas eliseth)
Inf 8 (tablas eliseth)Inf 8 (tablas eliseth)
Inf 8 (tablas eliseth)Carlos Guzmán
 
Inf 7 (instalación del xampp)
Inf 7 (instalación del xampp)Inf 7 (instalación del xampp)
Inf 7 (instalación del xampp)Carlos Guzmán
 
Inf 5 (diseños con texto y multimedia)
Inf 5 (diseños con texto y multimedia)Inf 5 (diseños con texto y multimedia)
Inf 5 (diseños con texto y multimedia)Carlos Guzmán
 
Inf 4 (cotizacion de autos)
Inf 4 (cotizacion de autos)Inf 4 (cotizacion de autos)
Inf 4 (cotizacion de autos)Carlos Guzmán
 
Inf 2 (imagen, audio, video)
Inf 2 (imagen, audio, video)Inf 2 (imagen, audio, video)
Inf 2 (imagen, audio, video)Carlos Guzmán
 
Inf 1 (instalación de visual studio code)
Inf 1 (instalación de visual studio code) Inf 1 (instalación de visual studio code)
Inf 1 (instalación de visual studio code) Carlos Guzmán
 
Programación Orientado Objetos
Programación Orientado ObjetosProgramación Orientado Objetos
Programación Orientado ObjetosCarlos Guzmán
 

Más de Carlos Guzmán (20)

Proyecto final
Proyecto finalProyecto final
Proyecto final
 
Rúbrica proyecto
Rúbrica proyectoRúbrica proyecto
Rúbrica proyecto
 
Presentacion digital
Presentacion digitalPresentacion digital
Presentacion digital
 
Inf 20 (fpdf)
Inf 20 (fpdf)Inf 20 (fpdf)
Inf 20 (fpdf)
 
Inf 18 (base de datos)
Inf 18 (base de datos)Inf 18 (base de datos)
Inf 18 (base de datos)
 
Inf 15 (while y for) tablas de multiplicar
Inf 15 (while y for) tablas de multiplicarInf 15 (while y for) tablas de multiplicar
Inf 15 (while y for) tablas de multiplicar
 
Inf 13 (switch)
Inf 13 (switch)Inf 13 (switch)
Inf 13 (switch)
 
Inf 12 (grupal 3)
Inf 12 (grupal 3)Inf 12 (grupal 3)
Inf 12 (grupal 3)
 
Inf 11 (post)
Inf 11 (post)Inf 11 (post)
Inf 11 (post)
 
Inf 10 (operaciones por pantalla) get
Inf 10 (operaciones por pantalla) getInf 10 (operaciones por pantalla) get
Inf 10 (operaciones por pantalla) get
 
Inf 9 (grupal 2)
Inf 9 (grupal 2)Inf 9 (grupal 2)
Inf 9 (grupal 2)
 
Inf 8 (tablas eliseth)
Inf 8 (tablas eliseth)Inf 8 (tablas eliseth)
Inf 8 (tablas eliseth)
 
Inf 7 (instalación del xampp)
Inf 7 (instalación del xampp)Inf 7 (instalación del xampp)
Inf 7 (instalación del xampp)
 
Inf 6 (grupal 1)
Inf 6 (grupal 1)Inf 6 (grupal 1)
Inf 6 (grupal 1)
 
Inf 5 (diseños con texto y multimedia)
Inf 5 (diseños con texto y multimedia)Inf 5 (diseños con texto y multimedia)
Inf 5 (diseños con texto y multimedia)
 
Inf 4 (cotizacion de autos)
Inf 4 (cotizacion de autos)Inf 4 (cotizacion de autos)
Inf 4 (cotizacion de autos)
 
Inf 3 (tablas)
Inf 3 (tablas)Inf 3 (tablas)
Inf 3 (tablas)
 
Inf 2 (imagen, audio, video)
Inf 2 (imagen, audio, video)Inf 2 (imagen, audio, video)
Inf 2 (imagen, audio, video)
 
Inf 1 (instalación de visual studio code)
Inf 1 (instalación de visual studio code) Inf 1 (instalación de visual studio code)
Inf 1 (instalación de visual studio code)
 
Programación Orientado Objetos
Programación Orientado ObjetosProgramación Orientado Objetos
Programación Orientado Objetos
 

Último

RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdfRESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdfANEP - DETP
 
Tema 14. Aplicación de Diagramas 26-05-24.pptx
Tema 14. Aplicación de Diagramas 26-05-24.pptxTema 14. Aplicación de Diagramas 26-05-24.pptx
Tema 14. Aplicación de Diagramas 26-05-24.pptxNoe Castillo
 
Como construir los vínculos afectivos (Grupal)
Como construir los vínculos afectivos (Grupal)Como construir los vínculos afectivos (Grupal)
Como construir los vínculos afectivos (Grupal)portafoliodigitalyos
 
11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx
11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx
11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptxFESARAUGUSTOFANDIORI
 
LA ILIADA Y LA ODISEA.LITERATURA UNIVERSAL
LA ILIADA Y LA ODISEA.LITERATURA UNIVERSALLA ILIADA Y LA ODISEA.LITERATURA UNIVERSAL
LA ILIADA Y LA ODISEA.LITERATURA UNIVERSALJorge Castillo
 
Tipologías de vínculos afectivos (grupo)
Tipologías de vínculos afectivos (grupo)Tipologías de vínculos afectivos (grupo)
Tipologías de vínculos afectivos (grupo)portafoliodigitalyos
 
2. Entornos Virtuales de Aprendizaje.pptx
2. Entornos Virtuales de Aprendizaje.pptx2. Entornos Virtuales de Aprendizaje.pptx
2. Entornos Virtuales de Aprendizaje.pptxJunkotantik
 
DESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptx
DESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptxDESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptx
DESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptxMARCOSMARTINALACAYOP1
 
Profecia 2300 dias explicada, Daniel 8:14
Profecia 2300 dias explicada, Daniel 8:14Profecia 2300 dias explicada, Daniel 8:14
Profecia 2300 dias explicada, Daniel 8:14KevinBuenrostro4
 
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIA
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIALA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIA
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIASandra Mariela Ballón Aguedo
 
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATR
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATRBIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATR
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATRDanielGrajeda7
 
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...harolbustamante1
 
TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docx
TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docxTERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docx
TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docxlitaroxselyperezmont
 
SISTEMA RESPIRATORIO DEL CUERPO HUMANO triptico.docx
SISTEMA RESPIRATORIO DEL CUERPO HUMANO triptico.docxSISTEMA RESPIRATORIO DEL CUERPO HUMANO triptico.docx
SISTEMA RESPIRATORIO DEL CUERPO HUMANO triptico.docxgesicavillanuevaqf
 
a propósito del estado su relevancia y definiciones
a propósito del estado su relevancia y definicionesa propósito del estado su relevancia y definiciones
a propósito del estado su relevancia y definicionessubfabian
 
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdfPasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdfNELLYKATTY
 
proyecto semana de los Jardines, actividades a realizar para resaltar esta fecha
proyecto semana de los Jardines, actividades a realizar para resaltar esta fechaproyecto semana de los Jardines, actividades a realizar para resaltar esta fecha
proyecto semana de los Jardines, actividades a realizar para resaltar esta fechanitoagurto67
 

Último (20)

RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdfRESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
 
Tema 14. Aplicación de Diagramas 26-05-24.pptx
Tema 14. Aplicación de Diagramas 26-05-24.pptxTema 14. Aplicación de Diagramas 26-05-24.pptx
Tema 14. Aplicación de Diagramas 26-05-24.pptx
 
Como construir los vínculos afectivos (Grupal)
Como construir los vínculos afectivos (Grupal)Como construir los vínculos afectivos (Grupal)
Como construir los vínculos afectivos (Grupal)
 
11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx
11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx
11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx
 
LA ILIADA Y LA ODISEA.LITERATURA UNIVERSAL
LA ILIADA Y LA ODISEA.LITERATURA UNIVERSALLA ILIADA Y LA ODISEA.LITERATURA UNIVERSAL
LA ILIADA Y LA ODISEA.LITERATURA UNIVERSAL
 
Tipologías de vínculos afectivos (grupo)
Tipologías de vínculos afectivos (grupo)Tipologías de vínculos afectivos (grupo)
Tipologías de vínculos afectivos (grupo)
 
2. Entornos Virtuales de Aprendizaje.pptx
2. Entornos Virtuales de Aprendizaje.pptx2. Entornos Virtuales de Aprendizaje.pptx
2. Entornos Virtuales de Aprendizaje.pptx
 
Luz desde el santuario. Escuela Sabática
Luz desde el santuario. Escuela SabáticaLuz desde el santuario. Escuela Sabática
Luz desde el santuario. Escuela Sabática
 
DESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptx
DESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptxDESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptx
DESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptx
 
Profecia 2300 dias explicada, Daniel 8:14
Profecia 2300 dias explicada, Daniel 8:14Profecia 2300 dias explicada, Daniel 8:14
Profecia 2300 dias explicada, Daniel 8:14
 
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIA
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIALA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIA
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIA
 
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATR
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATRBIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATR
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATR
 
Sesión de clase: Luz desde el santuario.pdf
Sesión de clase: Luz desde el santuario.pdfSesión de clase: Luz desde el santuario.pdf
Sesión de clase: Luz desde el santuario.pdf
 
La historia de la vida estudiantil a 102 años de la fundación de las Normales...
La historia de la vida estudiantil a 102 años de la fundación de las Normales...La historia de la vida estudiantil a 102 años de la fundación de las Normales...
La historia de la vida estudiantil a 102 años de la fundación de las Normales...
 
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
 
TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docx
TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docxTERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docx
TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docx
 
SISTEMA RESPIRATORIO DEL CUERPO HUMANO triptico.docx
SISTEMA RESPIRATORIO DEL CUERPO HUMANO triptico.docxSISTEMA RESPIRATORIO DEL CUERPO HUMANO triptico.docx
SISTEMA RESPIRATORIO DEL CUERPO HUMANO triptico.docx
 
a propósito del estado su relevancia y definiciones
a propósito del estado su relevancia y definicionesa propósito del estado su relevancia y definiciones
a propósito del estado su relevancia y definiciones
 
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdfPasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
 
proyecto semana de los Jardines, actividades a realizar para resaltar esta fecha
proyecto semana de los Jardines, actividades a realizar para resaltar esta fechaproyecto semana de los Jardines, actividades a realizar para resaltar esta fecha
proyecto semana de los Jardines, actividades a realizar para resaltar esta fecha
 

Inf 17 (chatbot)

  • 1. GUÍA DE USO DE LABORATORIOS ESTUDIANTE: Guzmán Gómez Carlos Jossue SEMESTRE: Tercero PARALELO: C CARRERA: Pedagogía de las Ciencias Experimentales Informática Informe N°17 TEMA: Chatbots. OBJETIVO: Estructurar códigos en la creación de un chatbots mediante el uso de Landbot y Visual Studio Code para realizar la compra de llantas en su diferente clasificación de rines. RESULTADOS DE APRENDIZAJE  Correcto uso de las herramientas que contiene Visual Studio Code y Landbot.  Obtener trabajos precisos con diferentes variables en la ejecución de programas. ACTIVIDADES: -Crear un chatbots en la página web gratuita Lanbot. -Crear un archivo nuevo en el desarrollador Visual Studio Code. -Organizar códigos para permitir la entrada y salida de datos al interactuar con un chatbot que corresponde a la compra de rines. DESARROLLO DE CONTENIDOS 1. En primer lugar, se debe crear una cuenta en la página web Landbot.com y rellenar los correspondientes datos personales.
  • 2. 2. En segundo lugar, realizar la edición del chatbot a crear, conforme a los requerimientos como creador. En esta ocasión se diseñó una asistente que permita realizar la compra de rines de manera más sencilla e interactiva con cada cliente. CÓDIGO <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="robots" content="noindex"> <meta http-equiv='expires' content='0'/> <meta http-equiv='pragma' content='no-cache'/> <meta http-equiv='cache-control' content='no-store'/> <meta name="google" content="notranslate" value="notranslate"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title> landbot | Start the conversation</title> <meta property="og:title" content="landbot | Start the conversation"/> <meta name="twitter:title" content="landbot | Start the conversation"/> <meta name="description" content="Landbot.io is a tool to create conversation al interfaces in substitution of forms. No coding required!"/> <meta property="og:description" content="Landbot.io is a tool to create conve rsational interfaces in substitution of forms. No coding required!"/> <meta name="twitter:description" content="Landbot.io is a tool to create conv ersational interfaces in substitution of forms. No coding required!"/> <meta property="og:type" content="website"/>
  • 3. <meta name="twitter:card" content="summary"/> <meta property="og:url" content="https://chats.landbot.io/v3/H-977230- TVS68W9VY6M25QHE/index.html"/> <meta name="twitter:url" content="https://chats.landbot.io/v3/H-977230- TVS68W9VY6M25QHE/index.html"/> <meta name="twitter:image" content="https://static.landbot.io/landbot/files/m eta_image_twitter.png"/> <meta property="og:image" content="https://static.landbot.io/landbot/files/me ta_image_og.png"/> <link rel="icon" href="https://storage.googleapis.com/media.helloumi.com/bran ds/helloumi.png" type="image/png"/> <meta name="theme-color" content="#000000"/> </head> <body> <script> function setupLandbot() { window._landbot = new Landbot.Native({configUrl: 'https://chats.landb ot.io/v3/H-977230-TVS68W9VY6M25QHE/index.json'}); } </script> <script async defer onload="setupLandbot()" src="https://static.landbot.io/la ndbot-3/landbot-3.0.0.js"></script> </body> </html> 3. En seguida, abrir el programa Visual Studio Code.
  • 4. 4. Posteriormente, se creará un nuevo proyecto dando click izquierdo sobre “File” y “New File”. 5. Asi pues, para guardar el nuevo archivo creado seleccionamos nuevamente “File” y “Save As”, para a continuación introducir el correspondiente nombre del trabajo y guardarlo con formato PHP.
  • 5. 6. Luego en el primer formulario (Edicion.php) se estructura el texto que será el registro correspondiente de los datos del comprador y los tipos de rines con los precios disponibles que ofrece la página web; en donde se agregará adicionalmente el correspondiente código del chatbot creado para su uso previo. Con el siguiente código: <!DOCTYPE html PUBLIC "- //W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Inscripciones</title> <link rel="stylesheet" href="style3.css"> <form action="enviar.php" method="post"> </head> <body > <script SameSite="None; Secure" src="https://static.landbot.io/landbot-3/landbot- 3.0.0.js"></script> <script> var myLandbot = new Landbot.Livechat({
  • 6. configUrl: 'https://chats.landbot.io/v3/H-977230- TVS68W9VY6M25QHE/index.json', }); </script> <center><h1>FORMULARIO PARA LA COMPRA DE RINES</h1></center> <hr /> <center> <div style=" border: ridge #0f0fef 8px;"> <p><h3>Nombres: </h3></p> <input type="text" name="nom" value=""> <p><h3>Apellidos: </h3></p> <input type="text" name="nom2" value=""> <h3>Ciudad: </h3><br> <input type="radio" name="ciu" value="1"> Quito <input type="radio" name="ciu" value="2"> Guayaquil <input type="radio" name="ciu" value="3"> Cuenca <input type="radio" name="ciu" value="4"> Ambato </div> <hr /> <center> <div style=" border: ridge #33FF00 8px;"> <p><h3>G&eacute;nero:</h3></p> <input type="radio" name="gen" value="1" />Femenino <input type="radio" name="gen" value="2" />Masculino <p><h3>Edad: </h3></p><input type="text" name="edad" value=""> <p><h3>Correo electr&oacute;nico: </h3></p><input type="text" name="corre" value =""> <p><h3>N&uacute;mero Telef&oacute;nico: </h3></p><input type="text" name="nute" value=""> <p><h3>Direcci&oacute;n: </h3></p><input type="text" name="dire" value=""> </div></center> </center> </center> </div> <hr /> <center> <div style=" border: ridge #FFFF00 8px;"> <p><h3>Tipos de llantas: </h3></p><br> <input type="checkbox" name="idi" value="1"> RIN 10 <br> <input type="checkbox" name="idi" value="2"> RIN 11<br> <input type="checkbox" name="idi" value="3"> RIN 12 <br> <input type="checkbox" name="idi" value="4"> RIN 13 <br> <input type="checkbox" name="idi" value="5"> RIN 14 <br> <input type="checkbox" name="idi" value="6"> RIN 15 <br> <h3>Material: </h3><br> <select name="select"> <option> Aluminio </option> <option> Magnesio</option> <option> Acero</option>
  • 7. <option> Aleación</option> </select></center> </div><hr /> <center> <div style=" border: ridge #00FFFF 8px;"> <h3>Comentario:</h3> <br/> <textarea name="comentario" rows="5" cols="50">Comentario: Gracias por su compra! </textarea> </div> <hr /> <input type="submit" name="Enviar" /> <input type="reset" name="Limpiar" /> </body> </html> 7. Después en un nuevo formulario (Diseño.php) se organiza la información que será impresa por pantalla en el caso de haber efectuado el formulario, en donde se realiza el diseño respectivo en color, espacio, letra, imágenes y el recordatorio de espacios sin rellenar o errores en el registro de datos. Así: <!DOCTYPE html PUBLIC "- //W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" href="style3.css"> <title>Inscrito</title> </head> <body > <center><h1>Compra de rines para autos </h1></center><br /> <hr /> <div style=" border: ridge #0f0fef 8px;"> <?php if(!empty($_POST['nom'])) { $n=$_POST['nom']; } else { echo "<p>Por favor Ingrese sus Nombres</p>"; } if(!empty($_POST['nom2'])) { $n1=$_POST['nom2']; echo "<p>Su nombre completo es:</p>".$n." ".$n1; } else {
  • 8. echo "<p>Por favor Ingrese sus Apellidos</p>"; } if(!empty($_POST['ciu'])) { $c=$_POST['ciu']; switch ($c) { case 1: echo "<p>Su ciudad es:</p>QUITO"; break; case 2: echo "<p>Su ciudad es:</p> GUAYAQUIL"; break; case 3: echo "<p>Su ciudad es: </p>CUENCA"; break; case 4: echo "<p>Su ciudad es: </p>AMBATO"; break; } } else { echo "<p>No ha selecionado una ciudad</p>"; } ?> </div> </hr> <div style=" border: ridge #33FF00 8px;"> <?php if (!empty ($_POST['gen'])) { $g=$_POST['gen']; switch ($g) { case 1: echo "<p>Genéro:</p>Femenino"; break; case 2: echo "<p>Género:</p>Masculino"; break; } } else { echo "<p>No ha selecionado un G&eacute;nero</p>"; } $e=$_POST['edad']; if (!is_numeric($e)) { echo "<p>Debe ingresar N&uacute;meros en el casillero edad</p>"; } else { if ($e>=100 or $e<=0) { echo "Edad no permitida";
  • 9. } else { echo"<p>Su edad es:</p>".$e; } } if (!empty($_POST['corre'])) { $c2=$_POST['corre']; echo "<p> Su correo es:</p>".$c2; } else { echo "<p>NO ha ingresado un correo electronico</p>".br; } if(!empty($_POST['nute'])) { $nt=$_POST['nute']; echo "<p>Su numero es:</p>".$nt; } else { echo "<p>Debe ingresar N&uacute;meros en el casillero Numero Telefonico</P>"; } if (!empty($_POST['dire'])) { $di=$_POST['dire']; echo "<p> Su direccion es: </p>".$di; } else { echo "<p>Casillero Direccion vacio</p>"; } ?> </div><hr /> <div style=" border: ridge #FFFF00 8px;"> <?php if(!empty($_POST['idi'])) { $idi=$_POST['idi']; if ($idi==1) { echo "<p>RIN:</p>10"; } elseif($idi==2) { echo "<p>RIN:<p>11"; } elseif($idi==3) { echo "<p>RIN:<p>12";
  • 10. } elseif($idi==4) { echo "<p>RIN:<p>13"; } elseif($idi==5) { echo "<p>RIN:<p>14"; } elseif($idi==6) { echo "<p>RIN:<p>15"; } } else { echo" No selecciono un idioma"; } ?> </div> <div style=" border: ridge #FFFF00 8px;"> <?php if (!empty ($_POST["select"])){ $exa=$_POST["select"]; if ($exa=="Aluminio"){ $msm="<p><img src='8.png'> El material es: Aluminio</img><p>"; print $msm."<br>"; } elseif ($exa=="Magnesio"){ $msm="<p><img src='7.jpg'> El materia es: Magnesio</img><p>"; print $msm."<br>"; } elseif ($exa=="Acero"){ $msm="<p><img src='3.jpg'> El precio es: Acero</img><p>"; print $msm."<br>"; } elseif ($exa=="Aleación"){ $msm="<p><img src='3.jpg'> El precio es: Aleación</img><p>"; print $msm."<br>"; } else { echo "<p>No seleccion un material</p>"; } ?> </div> </body> </html> 8. A continuación, se procede a la descarga de imágenes con el respectivo nombre declarado en el paso anterior. Es fundamental guardar todos los archivos en una sola carpeta
  • 11. determinada, almacenar las imágenes con formato “jpg” y finalmente arrastrar las diferentes ilustraciones al Visual Studio Code. 9. Por consiguiente, se introduce el uso del formato “style3” con formato “css” que es el encargo de indicar la información de estilo, con el siguiente código: body { background-image:url(dos.jpg); background-size:100vw 100vh; background-attachment:fixed; margin:0; } div { width:600px; margin:auto; background: rgb(236, 220, 232); padding:10px 20px; box-sizing: border-box; margin-top:20px; border-radius:7px; } h1{ color:#ffffff; } } h3{ color:#08288a; } h2{ color:#0b0b94; } p { font-size:24px; color:#0c0c8a; } 10. Y se guarda por medio de un “Save” la información ingresada.
  • 12. 11. Ingresar en la página web de preferencia con el enlace “http://127.0.0.1“ junto al nombre de la carpeta o espacio en el que se guardó el archivo, en este caso “/deber”. Posteriormente se selecciona el nombre del documento (formulario2) para visualizar por pantalla los códigos ingresados.
  • 13. 12. Por último, al ejecutar el programa se obtiene: a. Principalmente se logra interactuar con un chatbot predeterminado al momento de realizar la compra de rines de manera sencilla y rápida. b. También al rellenar el formulario ya conformado anteriormente, se podrá visualizar la información ingresa para corroborar la compra realizada y observar el respectivo precio e ilustración del rin seleccionado. a) b) BIBLIOGRAFÍA: • Tira, C. (2020). Explicación y uso de SWITCH (ejemplos en Visual Studio MacOS). . https://www.tiracodigo.com/index.php/programacion/c-visual-studio-mac/explicacion-y-uso- de-switch-ejemplos-en-visual-studio-macos
  • 14. f.) ________________________ f.) _______________________ Carlos Jossue Guzmán Gómez MSc. Víctor Zapata ESTUDIANTE DOCENTE • Ponce, L. A. A. (2018, 11 octubre). Estructuras de decisión: If Then y Select Case - Visual Basic paso a paso. AulaFácil. https://www.aulafacil.com/cursos/programacion/visual-basic-paso-a- paso/estructuras-de-decision-if-then-y-select-case-l42171