SlideShare una empresa de Scribd logo
1 de 128
Descargar para leer sin conexión
Catálogo
Informe1.pdf ················································································································································ 1
GUÍA DE USO DE LABORATORIOS ································································································ 1
Informe2.pdf ················································································································································ 8
GUÍA DE USO DE LABORATORIOS ································································································ 8
Informe3.pdf ·············································································································································· 18
Informe4.pdf ·············································································································································· 22
INFORME5.pdf ·········································································································································· 28
Informe6.pdf ·············································································································································· 38
Informe7.pdf ·············································································································································· 46
Informe8.pdf ·············································································································································· 53
Informe9.pdf ·············································································································································· 58
Informe10.pdf ············································································································································ 63
Informe11.pdf ············································································································································ 68
GUÍA DE USO DE LABORATORIOS ······························································································ 68
Informe12.pdf ············································································································································ 72
GUÍA DE USO DE LABORATORIOS ······························································································ 72
Informe13.pdf ············································································································································ 81
GUÍA DE USO DE LABORATORIOS ······························································································ 81
Informe14.pdf ············································································································································ 87
GUÍA DE USO DE LABORATORIOS ······························································································ 87
Informe15.pdf ············································································································································ 97
GUÍA DE USO DE LABORATORIOS ······························································································ 97
Informe_Grupal.pdf ································································································································· 101
GUÍA DE USO DE LABORATORIOS ···························································································· 101
Chatbox.pdf ············································································································································· 114
GUÍA DE USO DE LABORATORIOS
ESTUDIANTE: Karen Jacome T. SEMESTRE: Tercero
PARALELO: C PRÁCTICA: #1
TEMA:
Conexión con la base de datos
OBJETIVO:
Conceptualizar códigos que permitan utilizar la base datos para poder ampliar los
conocimientos en una página web.
RESULTADOS DE APRENDIZAJE
Comprensión de la plataforma HTML5
Distinción de los diversos códigos que se puede utilizar para crear páginas web
Correcto uso de terminología
ACTIVIDADES:
Descargar HTML5
Ejercicios de comandos de encabezado,
Construir el cuerpo de una página web.
Utilizar los diferentes formatos de texto
DESARROLLO DE CONTENIDOS
1. Crear un New File
2. Guardar el archivo con formato PHP
3. Crear una base de datos en phpmyadmin
4. Crear una tabla con los campos de nombre, apellido, edad, teléfono
5. Codificar los botones y entradas de información mediante una tabla
6. Codificar php “enviar” la información a la base de datos
7. Codificar php “consultar” la información a la base de datos
8. Testear el programa por medio de XAMPP
Envió los datos
Consulta de Datos
BIBLIOGRAFÍA:
HTML5(s.f.). “HTML5”. HTML 5.pdf
“Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf
“Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec)
f.) ______________________ f.) __________________
MSc. Víctor Zapata
ESTUDIANTE DOCENTE
GUÍA DE USO DE LABORATORIOS
ESTUDIANTE: Karen Jacome T. SEMESTRE: Tercero
PARALELO: C PRÁCTICA: #1
TEMA:
Conexión con la base de datos
OBJETIVO:
Conceptualizar códigos que permitan utilizar la base datos para poder ampliar los
conocimientos en una página web.
RESULTADOS DE APRENDIZAJE
Comprensión de la plataforma HTML5
Distinción de los diversos códigos que se puede utilizar para crear páginas web
Correcto uso de terminología
ACTIVIDADES:
Descargar HTML5
Ejercicios de comandos de encabezado,
Construir el cuerpo de una página web.
Utilizar los diferentes formatos de texto
DESARROLLO DE CONTENIDOS
1. Crear un New File
2. Guardar el archivo con formato PHP
3. Crear una base de datos en phpmyadmin
4. Crear una tabla con los campos de nombre, apellido, edad, teléfono
5. Codificar los botones y entradas de información mediante una tabla
6. Codificar php “enviar” la información a la base de datos
7. Codificar php “consultar” la información a la base de datos
8. Codificar php “modificar” a la base de datos
9. Codificar php “eliminar” a la base de datos
10. Testear el programa por medio de XAMPP
Envió los datos
Consulta de Datos
Ejecutamos modificar
Ejecutamos eliminar
f.) ______________________ f.) __________________
MSc. Víctor Zapata
ESTUDIANTE DOCENTE
BIBLIOGRAFÍA:
HTML5(s.f.). “HTML5”. HTML 5.pdf
“Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf
“Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec)
GUÍA DE USO DE LABORATORIOS
ESTUDIANTE: SEMESTRE: Semestre
PARALELO: C PRÁCTICA: #1
TEMA:
Listas
OBJETIVO:
Realizar listas para la comprender la codificación de lenguaje HTML
RESULTADOS DE APRENDIZAJE
Realizar listas
Aprender nuevos conceptos
Desarrollo de habilidades de programación
ACTIVIDADES:
· Realizar en una sola página web las diferentes listas que podemos introducir en
una página HTML
DESARROLLO DE CONTENIDOS
1. Crear una página HTML
2. Añadimos el nombre de nuestra página
Karen Jacome T
3. Realizamos el encabezado
4. Realizamos los códigos para las listas
8. Utilizar el botón para mandar a correr el programa
f.) ______________________ f.) __________________
MSc. Víctor Zapata
ESTUDIANTE DOCENTE
BIBLIOGRAFÍA:
HTML5(s.f.). “HTML5”. HTML 5.pdf
“Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf
“Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec)
GUÍA DE USO DE LABORATORIOS
ESTUDIANTE: SEMESTRE: Tercero
PARALELO: C PRÁCTICA: #1
TEMA:
Formularios
OBJETIVO:
Realizar formularios para la obtención de resultados de diferentes tipos con la
finalidad de integrar los mismos en una página web.
RESULTADOS DE APRENDIZAJE
Usar los código para hacer formularios
Fortalecer los conocimientos sobre HTML5
Desarrollar distintos formularios.
ACTIVIDADES:
· Realizar un formulario sobre una cotización de un vehículo.
DESARROLLO DE CONTENIDOS
1. Crear un New File
2. Añadirle un nombre formato HTML
Karen Jacome T.
3. Descargar el archivo HTML de la plataforma UCE
4. Crear el encabezado
5. Realizamos la codificación para el formulario
6. Utilizar el botón para mandar a correr el programa
f.) ______________________ f.) __________________
MSc. Víctor Zapata
ESTUDIANTE DOCENTE
BIBLIOGRAFÍA:
HTML5(s.f.). “HTML5”. HTML 5.pdf
“Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf
“Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec)
GUÍA DE USO DE LABORATORIOS
ESTUDIANTE: SEMESTRE: Tercero
PARALELO: C PRÁCTICA: #1
TEMA:
CSS-ESTILOS
OBJETIVO:
Realizar estilos en HTML5 para crear páginas de manera profesional fusionando los
conocimientos impartidos en las anteriores clases.
RESULTADOS DE APRENDIZAJE
Comprensión De los estilos en JAVA
Practicar sobre los diferentes títulos y fuentes que puede tener una página web
Usos de HTML5
ACTIVIDADES:
Realizar iframes
Utilizar diferentes estilos
Integrar los nuevos conocimientos en una página web.
DESARROLLO DE CONTENIDOS
1. Crear New File
2. Elegimos la opción SAVE AS para ponerle nombre a nuestra página
Karen Jacome T.
3. Insertamos códigos para introducir IFRAMES
4. Utilizar el botón para mandar a correr el programa
5. Crear otro File para añadir los ESTILOS
6. Utilizar el botón para mandar a correr el programa
7. Crear otro File para ESTILOS
8. Ejecutar el programa
9. Integrar los conocimientos aprendidos en un programa
8. Utilizar el botón para mandar a correr el programa
f.) ______________________ f.) __________________
MSc. Víctor Zapata
ESTUDIANTE DOCENTE
BIBLIOGRAFÍA:
HTML5(s.f.). “HTML5”. HTML 5.pdf
“Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf
“Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec)
GUÍA DE USO DE LABORATORIOS
ESTUDIANTE: SEMESTRE: Tercer
PARALELO: C PRÁCTICA: #6
TEMA:
PHP & XAMPP
OBJETIVO:
Comprender el manejo, configuración y estructura del entorno gráfico de PHP.
RESULTADOS DE APRENDIZAJE
Comprensión del software XAMPP
Distinción de las diferentes partes del entorno de desarrollo de PHP
Correcto uso de las herramientas de PHP
ACTIVIDADES:
· Introducción a PHP
· Instalación de XAMPP
· Instalación de XAMPP
¿DESARROLLO DE CONTENIDOS
1. Averiguar el tipo de SO del computador
2. Instalar XMAPP en el sistema operativo
Karen Jacome T.
3. Descargar el tipo de XAMPP
4. Instalar el XMAPP, desinstalando el antivirus
5. Ejecutar XAMP
f.) ______________________ f.) __________________
MSc. Víctor Zapata
ESTUDIANTE DOCENTE
6. Para ejecutar elegimos “APACHE” “MySOLQ”
BIBLIOGRAFÍA:
Generalidades de PHP. (s.f.). GENERALIDADES_PHP.pdf
GUÍA DE USO DE LABORATORIOS
ESTUDIANTE: SEMESTRE: Tercer
PARALELO: C PRÁCTICA: #7
TEMA:
Divisiones en HTML5
OBJETIVO:
Realizar divisiones de páginas web para lograr organizar la información que se
muestra al usuario.
RESULTADOS DE APRENDIZAJE
Uso de “div”
Insertar imágenes una división
Inserta páginas web en una división
ACTIVIDADES:
· Realizar divisiones
Insertar información, imágenes e hipervínculos.
DESARROLLO DE CONTENIDOS
1. Crear un New File
2. Guardar como: “Divisiones”
Karen Jacome T.
3. Realizamos el encabezado de la página web
4. Realizamos el cuerpo de la página web con las divisiones
8. Utilizar el botón para mandar a correr el programa
f.) ______________________ f.) __________________
MSc. Víctor Zapata
ESTUDIANTE DOCENTE
BIBLIOGRAFÍA:
HTML5(s.f.). “HTML5”. HTML 5.pdf
“Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf
“Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec)
GUÍA DE USO DE LABORATORIOS
ESTUDIANTE: SEMESTRE: Tercer
PARALELO: C PRÁCTICA: #8
TEMA:
Descargar PHP y Ejercicio de prueba
OBJETIVO:
Realizar lenguaje de código abierto muy popular especialmente adecuado para el
desarrollo web y que puede ser incrustado en HTML.
RESULTADOS DE APRENDIZAJE
Aprender usar PHP
Usar XAMPP
ACTIVIDADES:
· Descargar PHP
Ejercicio de Prueba
DESARROLLO DE CONTENIDOS
1. Descargar PHP en HTML5 para poder ejecutar los programas en XMAPP
Karen Jacome T.
2. Crear un New File
3. Guardar como formato PHP
4. Activar el XAMPP para ejecutar el programa
5. Codificar el ejemplo de prueba
6. Abrir en el buscador XMAPP
f.) ______________________ f.) __________________
MSc. Víctor Zapata
ESTUDIANTE DOCENTE
8. Utilizar el botón para mandar a correr el programa
BIBLIOGRAFÍA:
HTML5(s.f.). “HTML5”. HTML 5.pdf
“Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf
“Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec)
GUÍA DE USO DE LABORATORIOS
ESTUDIANTE: SEMESTRE: Tercero
PARALELO: C PRÁCTICA: #9
TEMA:
Tablas-PHP
OBJETIVO:
Realizar tablas dentro de PHP para poder mostrar información en celdas y
comprender el uso de PHP
RESULTADOS DE APRENDIZAJE
Introducción de tablas en PHP
Ejecución de XAMPP
ACTIVIDADES:
· Realizar un código que permita introducir en una tabla, filas y columnas con
información de nombres, apellidos, celular y horóscopo.
DESARROLLO DE CONTENIDOS
1. Crear New File
Karen Jacome T.
2. Elegimos la opción SAVE AS para ponerle nombre “Tablas”
3. Activar el XAMPP para ejecutar el programa
4. Codificamos la programación para realizar las tablas en PHP
5. Abrimos XAMPP en el servidor de búsqueda.
f.) ______________________ f.) __________________
MSc. Víctor Zapata
ESTUDIANTE DOCENTE
8. Utilizar el botón para mandar a correr el programa
BIBLIOGRAFÍA:
HTML5(s.f.). “HTML5”. HTML 5.pdf
“Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf
“Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec)
GUÍA DE USO DE LABORATORIOS
ESTUDIANTE: SEMESTRE: Tercero
PARALELO: C PRÁCTICA: #9
TEMA:
Sintaxis, Variables y Constantes
OBJETIVO:
Estudiar la sintaxis de las variables en PHP para poder realizar una codificación
correcta de páginas web.
RESULTADOS DE APRENDIZAJE
Aprender sobre como declarar un variable
Clasificación de las Variables
Aprender la sintaxis de PHP
ACTIVIDADES:
· Realizar ejercicios de prueba para aprender cómo se declara una variable en PHP
1. Crear un New File
Karen Jacome T.
2. Guardar como formato PHP
3. Codificar
4. Guardar como formato PHP
5. Codificar
8. Utilizar el botón para mandar a correr el programa
f.) ______________________ f.) __________________
MSc. Víctor Zapata
ESTUDIANTE DOCENTE
BIBLIOGRAFÍA:
HTML5(s.f.). “HTML5”. HTML 5.pdf
“Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf
“Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec)
GUÍA DE USO DE LABORATORIOS
ESTUDIANTE: Karen Jacome T. SEMESTRE: Tercero
PARALELO: C PRÁCTICA:
#1
TEMA:
Formularios en PHP with GET
OBJETIVO:
Realizar un ingreso de datos para hacer operaciones matemáticas pro medio del
código GET.
RESULTADOS DE APRENDIZAJE
Comprensión del GET
Distinción FORM y códigos PHP
Correcto uso de la sintaxis de PHP
ACTIVIDADES:
· Desarrollar un código que permita pedir datos al usuario para que pueda realizar
las operaciones básicas.
DESARROLLO DE CONTENIDOS
1. Crear un NEW FILE
2. Save as: “Operadores”
3. Construir el FORM
Usar el INPUT para crear cuadros de texto que permitan ingresar datos al
usuario.
Para crear un botón en PHP usamos: input type= “submit” name= “submi” value=
“calcular”
4. Construir el formato PHP
f.) ______________________ f.) __________________
MSc. Víctor Zapata
ESTUDIANTE DOCENTE
8. Utilizar XAMPP para mandar a correr el programa
BIBLIOGRAFÍA:
• PHP. (s.f.). Expresiones y Operadores.
GUÍA DE USO DE LABORATORIOS
ESTUDIANTE: Karen Jacome T. SEMESTRE: Tercero
PARALELO: C PRÁCTICA: #12
TEMA:
POST en PHP
OBJETIVO:
Realizar ejercicios con la sentencia PHP con la finalidad de comprender las
sentencias para extraer datos y poder trabajar con las mismas.
RESULTADOS DE APRENDIZAJE
Aprender sobre el uso de PHP
Comprender la sentencia de control if
Aplicación de estás en un programa
ACTIVIDADES:
· Realizar 3 ejercicios que contengan la sentencia POST y la sentencia de control IF.
1. Crear un New File
2. Guardar como formato PHP
3. Codificar
4. Guardar como formato PHP
5. Codificar el código en php
Ejercicio 1: Ingresar un número y sacar la equivalencia
20-19 sobresaliente
18-16 Muy buena
15-14 Buena
13-12 Regular
11 Insuficiente
6. Crear el formulario
7. Codificar el código php
Ingresar Tres números y desplegar el número mayor y menor
8. Crear el formulario
9. Codificar en php
Ingresar monto de una factura si el precio sobre pasa el valor de 500 tendrá un
descuento del 20% si entre los rangos de 300-200 un descuento del 10% y menor
a 100 un descuento al 5%
10. Crear el formulario
11. Utilizar XAMPP para mandar a correr el programa
Ejercicio2:
Ejercicio 3:
f.) ______________________ f.) __________________
MSc. Víctor Zapata
ESTUDIANTE DOCENTE
BIBLIOGRAFÍA:
HTML5(s.f.). “HTML5”. HTML 5.pdf
“Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf
“Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec)
GUÍA DE USO DE LABORATORIOS
ESTUDIANTE: Karen Jacome T. SEMESTRE: Tercero
PARALELO: C PRÁCTICA: #1
TEMA:
SWITCH
OBJETIVO:
Conceptualizar las aplicaciones de switch por medio de ejercicios de aplicaciones
para aprender sus usos en el lenguaje PHP
RESULTADOS DE APRENDIZAJE
Comprensión de la sentencia Switch
Distinción de las sentencias de control
Correcto uso del Switch
ACTIVIDADES:
Realizar un ejercicio en php que permita ingresar un número y despliegue al mes que
corresponde, si ingresa un número que no corresponde a los meses despliegue error.
DESARROLLO DE CONTENIDOS
1. Crear un NEW FILE
2. Activas XAMPP
3. Comenzar la codificación del input para que se pueda ingresar datos y el botón
enviar, con el método $POST
4. Codificar el PHP y la sentencia SWITCH
5. Realizar la codificación para valores salidos de rango
9. Ejecutar el programa en XAMPP
BIBLIOGRAFÍA:
• Sentencia IF_SWITCH (s.f.).
• EjerciciosPHP (s.f.). Switch en PHP: concepto con ejemplos » BaulPHP
f.) ______________________ f.) __________________
MSc. Víctor Zapata
ESTUDIANTE DOCENTE
GUÍA DE USO DE LABORATORIOS
ESTUDIANTE: Karen Jacome T. SEMESTRE: Tercero
PARALELO: C PRÁCTICA: #1
TEMA:
SWITCH & IF-FORMULARIOS
OBJETIVO:
Conceptualizar switch and if para utilizar sus respectivas funciones de tal forma que
aporté al conocimiento de programación PHP
RESULTADOS DE APRENDIZAJE
Comprensión de la sentencia if en PHP
Distinción de switch en PHP
Correcto uso de las sentencias de control
ACTIVIDADES:
Realizar un formulario que involucre las sentencias de control if and switch
DESARROLLO DE CONTENIDOS
1. Crear New File
2. Elegimos la opción SAVE AS para ponerle nombre al primer fomulario
3. Empezar a programar la página
4. Empezar a crear los input
5. Crear los “checkbox” Y el cuadro de “comentario”
6. Crear New File
7. Elegimos la opción SAVE AS para ponerle nombre al primer el formulario de
las sentencias de control
8. Realizar la estructura con if para verificar los datos ingresados en el formulario
9. Utilizar el botón para mandar a correr el programa
f.) ______________________ f.) __________________
MSc. Víctor Zapata
ESTUDIANTE DOCENTE
BIBLIOGRAFÍA:
HTML5(s.f.). “HTML5”. HTML 5.pdf
“Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf
“Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec)
Firma
GUÍA DE USO DE LABORATORIOS
ESTUDIANTE: Karen Jacome T. SEMESTRE: Tercer
PARALELO: C PRÁCTICA: #14
TEMA:
Tablas de Multiplicar
OBJETIVO:
Realizar las tablas de multiplicar con los ciclos for y while para comprender
la sintaxis que se puede usar en PHP
RESULTADOS DE APRENDIZAJE
Comprensión de los ciclos for and while
Distinción del ciclo for and while
Correcto uso de los ciclos de control
ACTIVIDADES:
Realizar tablas de multiplicar con for y while
DESARROLLO DE CONTENIDOS
1. Crear New File
2. “Save As” archivo PHP para el formulario
3. Primer formulario
4. Segundo formulario con la sentencia for para hacer las tablas de
multiplicar
5. Segundo formulario
6. Segundo formulario con la sentencia while para hacer las tablas de
multiplicar
7. Utilizar el botón XAMPP para correr el programa
FOR
WHILE
f.) ______________________ f.) __________________
MSc. Víctor Zapata
ESTUDIANTE DOCENTE
BIBLIOGRAFÍA:
• Universidad Central del Ecuador. (s.f.). Bucle de repetición WHILE.
https://www.slideshare.net/BelenRosales12/bucle-while-249934314
GUÍA DE USO DE LABORATORIOS
ESTUDIANTE:
• Mauricio Pumalpa C
• Karen Jacome T
SEMESTRE: Tercero
PARALELO: C
TEMA:
Variables en PHP
OBJETIVO:
Desarrollar un código que permita la ejecución de variables y conectores en PHP
para fundamentar los conocimientos sobre programación.
RESULTADOS DE APRENDIZAJE
Comprensión de las variables PHP
Distinción del uso de paréntesis y conectores
Correcto uso de las variables y conectores lógicos y aritméticos.
ACTIVIDADES:
Realizar 23 ejercicios de forma grupal, que tengan está clase de variables y puedan
visualizarse en XAMPP en un tabla de 2x24
DESARROLLO DE CONTENIDOS
1. Crear un New File
2. Save As como Conectores y guardar como tipo PHP
3. Turn on XAMPP para poder ejecutar el programa
4. Desarrollo de los ejercicios del 1 al 6
Crear variables
Desarrollo del programa
Codificación de la tabla
5. Desarrollo de los ejercicios del 7 al 12
Declaramos las variables
Realizamos el séptimo ejercicio utilizando el pow para elevar los números y las
condiciones if y else.
Posteriormente hacemos el octavo ejercicio, aunque ya declaramos las variables
arriba es importante volver a poner para no confundirse.
Elaboramos el noveno ejercicio, volvemos a poner las variables de arriba pero
con las que se va a trabajar en el ejercicio y se realiza dos $re para poder poner
el > entre estas dos respuestas en el if.
Realizamos el décimo ejercicio y hacemos lo mismo que en ejercicio anterior
solo que ahora con >=
Seguido, desarrollamos el doceavo ejercicio.
Y posteriormente seguimos con el doceavo ejercicio.
Dentro de la tabla debemos poner el ejercicio y la respuesta pero solo la variable
que creamos como respuesta en los ejercicios de arriba.
6. Desarrollo de ejercicios del 13 18
Creación de la tabla
Declaración de variables
Desarrollo del programa utilizando conectores lógicos
7. Ejercicios del 19 al 23
Declaración de Variables
Desarrollo del ejercicio
8. Utilizar XAMPP para mandar a correr el programa
Resultado Final
BIBLIOGRAFÍA:
Crear una tabla en HTML con php consultando una base de datos.Cual es la mejor opcion?
(2017, 23 febrero). Stack Overflow en español.
https://es.stackoverflow.com/questions/51248/crear-una-tabla-en-html-con-php-
consultando-una-base-de-datos-cual-es-la-mejor-o/51274
f.) ______________________ f.) __________________
MSc. Víctor Zapata
ESTUDIANTE DOCENTE
GUÍA DE USO DE LABORATORIOS
ESTUDIANTE: SEMESTRE: Tercero
PARALELO: C
TEMA:
Chatbots
OBJETIVO:
Conocer el desarrollo de chatbots mediante la creación de una página web que permita
implementar los conocimientos de php.
RESULTADOS DE APRENDIZAJE
Comprensión del uso de chatbots
Distinción en el lenguaje php
Correcto uso de chatbots
ACTIVIDADES:
· Realizar una página web que integre el chatbots como parte de su servicio de
información.
DESARROLLO DE CONTENIDOS
1. Crear New File
2. Poner en formato PHP y guardar con un nuevo nombre
Karen Jacome T
3. Comenzar la programación con la construcción de “head”
4. Declaramos “style” para las “ div”
5. Codificar para la primera división
6. Codificar las secciones dentro de la “dv” general
7. Anadir el código del chatbot
8. Añadir la última sección de los contactos
Creación del Chatbot
1. Registrase en la página Dialogflow con cuenta Gmail
2. Crear un nuevo chatbot
3. Crear intenciones con las entradas de: Islandia, Tailandia y Ecuador
4. Ingresar las frases de entrenamiento y las respuestas
5. Realizar el mismo proceso para las demás intenciones
6. En cada intención crear follow-up intent
7. Añadir respuestas de Yes or No en cada caso necesario para ir completando las
intenciones del chatbot
8. Para añadir imágenes usamos la el servidor de Google
9. Utilizar el mismo servidor de Google para todas las intenciones que se quiere
con imágenes
Integración con Blahbox
1. Crear el chatbot
2. Integrar el chatbot de Dialogflow mediante el siguiente código
3. Personalizar el chatbot con la ayuda de Blahbox
4. Para unir el proyecto a la página web es necesario copiar el código que nos
da Blahbox
9. Codificar la página con XAMPP
Visualización del chatbot
f.) ______________________ f.) __________________
MSc. Víctor Zapata
ESTUDIANTE DOCENTE
BIBLIOGRAFÍA:
Bell, Douglas Parr, Mike. (2011). JAVA para estudiantes. México: Pearson.
Ordax Cassá, José Miguel; Ocaña Díaz-Ufano, Pilar Aranzazu.(2012). Programación
Web en Java.Madrid. Ministerio de Educación, Cultura y Deporte de España.
Recuperado: http://www.digital iapublishing.com/a

Más contenido relacionado

Similar a Karen jacome

Zenphp - Presentación de Septiembre en la Etsiit - Programador PHP
Zenphp - Presentación de Septiembre en la Etsiit - Programador PHPZenphp - Presentación de Septiembre en la Etsiit - Programador PHP
Zenphp - Presentación de Septiembre en la Etsiit - Programador PHPJuan Belón Pérez
 
Html+css con html kit
Html+css con html kitHtml+css con html kit
Html+css con html kitjgosalbez
 
Jefferson cuenca practica#6
Jefferson cuenca practica#6Jefferson cuenca practica#6
Jefferson cuenca practica#6paulcuenca9
 
Jefferson cuenca practica#1
Jefferson cuenca practica#1Jefferson cuenca practica#1
Jefferson cuenca practica#1paulcuenca9
 
Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...
Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...
Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...Ianpierr Miranda
 
Informe de proyecto de programación.pdf
Informe de proyecto de programación.pdfInforme de proyecto de programación.pdf
Informe de proyecto de programación.pdfJeffersonAguachela
 
Workshop iOS 3: Testing, protocolos y extensiones
Workshop iOS 3: Testing, protocolos y extensionesWorkshop iOS 3: Testing, protocolos y extensiones
Workshop iOS 3: Testing, protocolos y extensionesVisual Engineering
 
Informe de página similar a wikipedia(divisiones).pdf
Informe de página similar a wikipedia(divisiones).pdfInforme de página similar a wikipedia(divisiones).pdf
Informe de página similar a wikipedia(divisiones).pdfJeffersonAguachela
 
Jefferson cuenca practica#5
Jefferson cuenca practica#5Jefferson cuenca practica#5
Jefferson cuenca practica#5paulcuenca9
 
Jefferson cuenca practica#3
Jefferson cuenca practica#3Jefferson cuenca practica#3
Jefferson cuenca practica#3paulcuenca9
 

Similar a Karen jacome (20)

Informe1
Informe1Informe1
Informe1
 
Informe10
Informe10Informe10
Informe10
 
Informe8
Informe8Informe8
Informe8
 
Zenphp - Presentación de Septiembre en la Etsiit - Programador PHP
Zenphp - Presentación de Septiembre en la Etsiit - Programador PHPZenphp - Presentación de Septiembre en la Etsiit - Programador PHP
Zenphp - Presentación de Septiembre en la Etsiit - Programador PHP
 
Capítulo 18
Capítulo 18Capítulo 18
Capítulo 18
 
Html+css con html kit
Html+css con html kitHtml+css con html kit
Html+css con html kit
 
Jefferson cuenca practica#6
Jefferson cuenca practica#6Jefferson cuenca practica#6
Jefferson cuenca practica#6
 
Jefferson cuenca practica#1
Jefferson cuenca practica#1Jefferson cuenca practica#1
Jefferson cuenca practica#1
 
Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...
Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...
Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...
 
Capítulo 17
Capítulo 17Capítulo 17
Capítulo 17
 
1
11
1
 
Scorm
ScormScorm
Scorm
 
Informe de proyecto de programación.pdf
Informe de proyecto de programación.pdfInforme de proyecto de programación.pdf
Informe de proyecto de programación.pdf
 
Workshop iOS 3: Testing, protocolos y extensiones
Workshop iOS 3: Testing, protocolos y extensionesWorkshop iOS 3: Testing, protocolos y extensiones
Workshop iOS 3: Testing, protocolos y extensiones
 
Informe de página similar a wikipedia(divisiones).pdf
Informe de página similar a wikipedia(divisiones).pdfInforme de página similar a wikipedia(divisiones).pdf
Informe de página similar a wikipedia(divisiones).pdf
 
Jefferson cuenca practica#5
Jefferson cuenca practica#5Jefferson cuenca practica#5
Jefferson cuenca practica#5
 
Informe formulario.pdf
Informe formulario.pdfInforme formulario.pdf
Informe formulario.pdf
 
Jefferson cuenca practica#3
Jefferson cuenca practica#3Jefferson cuenca practica#3
Jefferson cuenca practica#3
 
DOCUMENTO UNO DE PROGRAMACIÓN
DOCUMENTO UNO DE PROGRAMACIÓNDOCUMENTO UNO DE PROGRAMACIÓN
DOCUMENTO UNO DE PROGRAMACIÓN
 
Lp pract2006
Lp pract2006Lp pract2006
Lp pract2006
 

Más de MauricioPumalpa

Más de MauricioPumalpa (12)

Informe examen
Informe examenInforme examen
Informe examen
 
Crear archivo html (1)
Crear archivo html (1)Crear archivo html (1)
Crear archivo html (1)
 
Html 5 (1)
Html 5 (1)Html 5 (1)
Html 5 (1)
 
3 s. programacion orientado objetos
3 s. programacion orientado objetos3 s. programacion orientado objetos
3 s. programacion orientado objetos
 
Examen programacion cajero_electronico
Examen programacion cajero_electronicoExamen programacion cajero_electronico
Examen programacion cajero_electronico
 
Informe karen jacome
Informe karen jacomeInforme karen jacome
Informe karen jacome
 
Programas e informes Programación
Programas e informes ProgramaciónProgramas e informes Programación
Programas e informes Programación
 
Condiciones
CondicionesCondiciones
Condiciones
 
Billetes.
Billetes.Billetes.
Billetes.
 
Laboratorio condiciones
Laboratorio condicionesLaboratorio condiciones
Laboratorio condiciones
 
Laboratorio billetes
Laboratorio billetesLaboratorio billetes
Laboratorio billetes
 
Tutorial de instalacion de eclipse
Tutorial de instalacion de eclipseTutorial de instalacion de eclipse
Tutorial de instalacion de eclipse
 

Último

Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxMaritzaRetamozoVera
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscaeliseo91
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 

Último (20)

Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docx
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahua
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fisca
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 

Karen jacome

  • 1. Catálogo Informe1.pdf ················································································································································ 1 GUÍA DE USO DE LABORATORIOS ································································································ 1 Informe2.pdf ················································································································································ 8 GUÍA DE USO DE LABORATORIOS ································································································ 8 Informe3.pdf ·············································································································································· 18 Informe4.pdf ·············································································································································· 22 INFORME5.pdf ·········································································································································· 28 Informe6.pdf ·············································································································································· 38 Informe7.pdf ·············································································································································· 46 Informe8.pdf ·············································································································································· 53 Informe9.pdf ·············································································································································· 58 Informe10.pdf ············································································································································ 63 Informe11.pdf ············································································································································ 68 GUÍA DE USO DE LABORATORIOS ······························································································ 68 Informe12.pdf ············································································································································ 72 GUÍA DE USO DE LABORATORIOS ······························································································ 72 Informe13.pdf ············································································································································ 81 GUÍA DE USO DE LABORATORIOS ······························································································ 81 Informe14.pdf ············································································································································ 87 GUÍA DE USO DE LABORATORIOS ······························································································ 87 Informe15.pdf ············································································································································ 97 GUÍA DE USO DE LABORATORIOS ······························································································ 97 Informe_Grupal.pdf ································································································································· 101 GUÍA DE USO DE LABORATORIOS ···························································································· 101 Chatbox.pdf ············································································································································· 114
  • 2. GUÍA DE USO DE LABORATORIOS ESTUDIANTE: Karen Jacome T. SEMESTRE: Tercero PARALELO: C PRÁCTICA: #1 TEMA: Conexión con la base de datos OBJETIVO: Conceptualizar códigos que permitan utilizar la base datos para poder ampliar los conocimientos en una página web. RESULTADOS DE APRENDIZAJE Comprensión de la plataforma HTML5 Distinción de los diversos códigos que se puede utilizar para crear páginas web Correcto uso de terminología ACTIVIDADES: Descargar HTML5 Ejercicios de comandos de encabezado, Construir el cuerpo de una página web. Utilizar los diferentes formatos de texto DESARROLLO DE CONTENIDOS 1. Crear un New File
  • 3. 2. Guardar el archivo con formato PHP 3. Crear una base de datos en phpmyadmin
  • 4. 4. Crear una tabla con los campos de nombre, apellido, edad, teléfono 5. Codificar los botones y entradas de información mediante una tabla
  • 5. 6. Codificar php “enviar” la información a la base de datos 7. Codificar php “consultar” la información a la base de datos
  • 6. 8. Testear el programa por medio de XAMPP Envió los datos
  • 7. Consulta de Datos BIBLIOGRAFÍA: HTML5(s.f.). “HTML5”. HTML 5.pdf “Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf “Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec)
  • 8. f.) ______________________ f.) __________________ MSc. Víctor Zapata ESTUDIANTE DOCENTE
  • 9. GUÍA DE USO DE LABORATORIOS ESTUDIANTE: Karen Jacome T. SEMESTRE: Tercero PARALELO: C PRÁCTICA: #1 TEMA: Conexión con la base de datos OBJETIVO: Conceptualizar códigos que permitan utilizar la base datos para poder ampliar los conocimientos en una página web. RESULTADOS DE APRENDIZAJE Comprensión de la plataforma HTML5 Distinción de los diversos códigos que se puede utilizar para crear páginas web Correcto uso de terminología ACTIVIDADES: Descargar HTML5 Ejercicios de comandos de encabezado, Construir el cuerpo de una página web. Utilizar los diferentes formatos de texto DESARROLLO DE CONTENIDOS 1. Crear un New File
  • 10. 2. Guardar el archivo con formato PHP 3. Crear una base de datos en phpmyadmin
  • 11. 4. Crear una tabla con los campos de nombre, apellido, edad, teléfono 5. Codificar los botones y entradas de información mediante una tabla
  • 12. 6. Codificar php “enviar” la información a la base de datos 7. Codificar php “consultar” la información a la base de datos
  • 13. 8. Codificar php “modificar” a la base de datos 9. Codificar php “eliminar” a la base de datos
  • 14. 10. Testear el programa por medio de XAMPP Envió los datos
  • 18. f.) ______________________ f.) __________________ MSc. Víctor Zapata ESTUDIANTE DOCENTE BIBLIOGRAFÍA: HTML5(s.f.). “HTML5”. HTML 5.pdf “Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf “Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec)
  • 19. GUÍA DE USO DE LABORATORIOS ESTUDIANTE: SEMESTRE: Semestre PARALELO: C PRÁCTICA: #1 TEMA: Listas OBJETIVO: Realizar listas para la comprender la codificación de lenguaje HTML RESULTADOS DE APRENDIZAJE Realizar listas Aprender nuevos conceptos Desarrollo de habilidades de programación ACTIVIDADES: · Realizar en una sola página web las diferentes listas que podemos introducir en una página HTML DESARROLLO DE CONTENIDOS 1. Crear una página HTML 2. Añadimos el nombre de nuestra página Karen Jacome T
  • 20. 3. Realizamos el encabezado 4. Realizamos los códigos para las listas
  • 21. 8. Utilizar el botón para mandar a correr el programa
  • 22. f.) ______________________ f.) __________________ MSc. Víctor Zapata ESTUDIANTE DOCENTE BIBLIOGRAFÍA: HTML5(s.f.). “HTML5”. HTML 5.pdf “Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf “Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec)
  • 23. GUÍA DE USO DE LABORATORIOS ESTUDIANTE: SEMESTRE: Tercero PARALELO: C PRÁCTICA: #1 TEMA: Formularios OBJETIVO: Realizar formularios para la obtención de resultados de diferentes tipos con la finalidad de integrar los mismos en una página web. RESULTADOS DE APRENDIZAJE Usar los código para hacer formularios Fortalecer los conocimientos sobre HTML5 Desarrollar distintos formularios. ACTIVIDADES: · Realizar un formulario sobre una cotización de un vehículo. DESARROLLO DE CONTENIDOS 1. Crear un New File 2. Añadirle un nombre formato HTML Karen Jacome T.
  • 24. 3. Descargar el archivo HTML de la plataforma UCE 4. Crear el encabezado
  • 25. 5. Realizamos la codificación para el formulario
  • 26.
  • 27. 6. Utilizar el botón para mandar a correr el programa
  • 28. f.) ______________________ f.) __________________ MSc. Víctor Zapata ESTUDIANTE DOCENTE BIBLIOGRAFÍA: HTML5(s.f.). “HTML5”. HTML 5.pdf “Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf “Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec)
  • 29. GUÍA DE USO DE LABORATORIOS ESTUDIANTE: SEMESTRE: Tercero PARALELO: C PRÁCTICA: #1 TEMA: CSS-ESTILOS OBJETIVO: Realizar estilos en HTML5 para crear páginas de manera profesional fusionando los conocimientos impartidos en las anteriores clases. RESULTADOS DE APRENDIZAJE Comprensión De los estilos en JAVA Practicar sobre los diferentes títulos y fuentes que puede tener una página web Usos de HTML5 ACTIVIDADES: Realizar iframes Utilizar diferentes estilos Integrar los nuevos conocimientos en una página web. DESARROLLO DE CONTENIDOS 1. Crear New File 2. Elegimos la opción SAVE AS para ponerle nombre a nuestra página Karen Jacome T.
  • 30. 3. Insertamos códigos para introducir IFRAMES
  • 31. 4. Utilizar el botón para mandar a correr el programa 5. Crear otro File para añadir los ESTILOS
  • 32. 6. Utilizar el botón para mandar a correr el programa 7. Crear otro File para ESTILOS
  • 33. 8. Ejecutar el programa 9. Integrar los conocimientos aprendidos en un programa
  • 34.
  • 35.
  • 36.
  • 37. 8. Utilizar el botón para mandar a correr el programa
  • 38. f.) ______________________ f.) __________________ MSc. Víctor Zapata ESTUDIANTE DOCENTE BIBLIOGRAFÍA: HTML5(s.f.). “HTML5”. HTML 5.pdf “Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf “Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec)
  • 39. GUÍA DE USO DE LABORATORIOS ESTUDIANTE: SEMESTRE: Tercer PARALELO: C PRÁCTICA: #6 TEMA: PHP & XAMPP OBJETIVO: Comprender el manejo, configuración y estructura del entorno gráfico de PHP. RESULTADOS DE APRENDIZAJE Comprensión del software XAMPP Distinción de las diferentes partes del entorno de desarrollo de PHP Correcto uso de las herramientas de PHP ACTIVIDADES: · Introducción a PHP · Instalación de XAMPP · Instalación de XAMPP ¿DESARROLLO DE CONTENIDOS 1. Averiguar el tipo de SO del computador 2. Instalar XMAPP en el sistema operativo Karen Jacome T.
  • 40. 3. Descargar el tipo de XAMPP 4. Instalar el XMAPP, desinstalando el antivirus
  • 41.
  • 42.
  • 43.
  • 44.
  • 46. f.) ______________________ f.) __________________ MSc. Víctor Zapata ESTUDIANTE DOCENTE 6. Para ejecutar elegimos “APACHE” “MySOLQ” BIBLIOGRAFÍA: Generalidades de PHP. (s.f.). GENERALIDADES_PHP.pdf
  • 47. GUÍA DE USO DE LABORATORIOS ESTUDIANTE: SEMESTRE: Tercer PARALELO: C PRÁCTICA: #7 TEMA: Divisiones en HTML5 OBJETIVO: Realizar divisiones de páginas web para lograr organizar la información que se muestra al usuario. RESULTADOS DE APRENDIZAJE Uso de “div” Insertar imágenes una división Inserta páginas web en una división ACTIVIDADES: · Realizar divisiones Insertar información, imágenes e hipervínculos. DESARROLLO DE CONTENIDOS 1. Crear un New File 2. Guardar como: “Divisiones” Karen Jacome T.
  • 48. 3. Realizamos el encabezado de la página web 4. Realizamos el cuerpo de la página web con las divisiones
  • 49.
  • 50.
  • 51.
  • 52. 8. Utilizar el botón para mandar a correr el programa
  • 53. f.) ______________________ f.) __________________ MSc. Víctor Zapata ESTUDIANTE DOCENTE BIBLIOGRAFÍA: HTML5(s.f.). “HTML5”. HTML 5.pdf “Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf “Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec)
  • 54. GUÍA DE USO DE LABORATORIOS ESTUDIANTE: SEMESTRE: Tercer PARALELO: C PRÁCTICA: #8 TEMA: Descargar PHP y Ejercicio de prueba OBJETIVO: Realizar lenguaje de código abierto muy popular especialmente adecuado para el desarrollo web y que puede ser incrustado en HTML. RESULTADOS DE APRENDIZAJE Aprender usar PHP Usar XAMPP ACTIVIDADES: · Descargar PHP Ejercicio de Prueba DESARROLLO DE CONTENIDOS 1. Descargar PHP en HTML5 para poder ejecutar los programas en XMAPP Karen Jacome T.
  • 55. 2. Crear un New File 3. Guardar como formato PHP
  • 56. 4. Activar el XAMPP para ejecutar el programa 5. Codificar el ejemplo de prueba
  • 57. 6. Abrir en el buscador XMAPP
  • 58. f.) ______________________ f.) __________________ MSc. Víctor Zapata ESTUDIANTE DOCENTE 8. Utilizar el botón para mandar a correr el programa BIBLIOGRAFÍA: HTML5(s.f.). “HTML5”. HTML 5.pdf “Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf “Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec)
  • 59. GUÍA DE USO DE LABORATORIOS ESTUDIANTE: SEMESTRE: Tercero PARALELO: C PRÁCTICA: #9 TEMA: Tablas-PHP OBJETIVO: Realizar tablas dentro de PHP para poder mostrar información en celdas y comprender el uso de PHP RESULTADOS DE APRENDIZAJE Introducción de tablas en PHP Ejecución de XAMPP ACTIVIDADES: · Realizar un código que permita introducir en una tabla, filas y columnas con información de nombres, apellidos, celular y horóscopo. DESARROLLO DE CONTENIDOS 1. Crear New File Karen Jacome T.
  • 60. 2. Elegimos la opción SAVE AS para ponerle nombre “Tablas”
  • 61. 3. Activar el XAMPP para ejecutar el programa 4. Codificamos la programación para realizar las tablas en PHP
  • 62. 5. Abrimos XAMPP en el servidor de búsqueda.
  • 63. f.) ______________________ f.) __________________ MSc. Víctor Zapata ESTUDIANTE DOCENTE 8. Utilizar el botón para mandar a correr el programa BIBLIOGRAFÍA: HTML5(s.f.). “HTML5”. HTML 5.pdf “Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf “Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec)
  • 64. GUÍA DE USO DE LABORATORIOS ESTUDIANTE: SEMESTRE: Tercero PARALELO: C PRÁCTICA: #9 TEMA: Sintaxis, Variables y Constantes OBJETIVO: Estudiar la sintaxis de las variables en PHP para poder realizar una codificación correcta de páginas web. RESULTADOS DE APRENDIZAJE Aprender sobre como declarar un variable Clasificación de las Variables Aprender la sintaxis de PHP ACTIVIDADES: · Realizar ejercicios de prueba para aprender cómo se declara una variable en PHP 1. Crear un New File Karen Jacome T.
  • 65. 2. Guardar como formato PHP 3. Codificar
  • 66. 4. Guardar como formato PHP 5. Codificar
  • 67. 8. Utilizar el botón para mandar a correr el programa
  • 68. f.) ______________________ f.) __________________ MSc. Víctor Zapata ESTUDIANTE DOCENTE BIBLIOGRAFÍA: HTML5(s.f.). “HTML5”. HTML 5.pdf “Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf “Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec)
  • 69. GUÍA DE USO DE LABORATORIOS ESTUDIANTE: Karen Jacome T. SEMESTRE: Tercero PARALELO: C PRÁCTICA: #1 TEMA: Formularios en PHP with GET OBJETIVO: Realizar un ingreso de datos para hacer operaciones matemáticas pro medio del código GET. RESULTADOS DE APRENDIZAJE Comprensión del GET Distinción FORM y códigos PHP Correcto uso de la sintaxis de PHP ACTIVIDADES: · Desarrollar un código que permita pedir datos al usuario para que pueda realizar las operaciones básicas. DESARROLLO DE CONTENIDOS 1. Crear un NEW FILE
  • 70. 2. Save as: “Operadores” 3. Construir el FORM Usar el INPUT para crear cuadros de texto que permitan ingresar datos al usuario. Para crear un botón en PHP usamos: input type= “submit” name= “submi” value= “calcular”
  • 71. 4. Construir el formato PHP
  • 72. f.) ______________________ f.) __________________ MSc. Víctor Zapata ESTUDIANTE DOCENTE 8. Utilizar XAMPP para mandar a correr el programa BIBLIOGRAFÍA: • PHP. (s.f.). Expresiones y Operadores.
  • 73. GUÍA DE USO DE LABORATORIOS ESTUDIANTE: Karen Jacome T. SEMESTRE: Tercero PARALELO: C PRÁCTICA: #12 TEMA: POST en PHP OBJETIVO: Realizar ejercicios con la sentencia PHP con la finalidad de comprender las sentencias para extraer datos y poder trabajar con las mismas. RESULTADOS DE APRENDIZAJE Aprender sobre el uso de PHP Comprender la sentencia de control if Aplicación de estás en un programa ACTIVIDADES: · Realizar 3 ejercicios que contengan la sentencia POST y la sentencia de control IF. 1. Crear un New File 2. Guardar como formato PHP
  • 75. 4. Guardar como formato PHP 5. Codificar el código en php Ejercicio 1: Ingresar un número y sacar la equivalencia 20-19 sobresaliente 18-16 Muy buena 15-14 Buena 13-12 Regular 11 Insuficiente
  • 76. 6. Crear el formulario 7. Codificar el código php Ingresar Tres números y desplegar el número mayor y menor
  • 77. 8. Crear el formulario 9. Codificar en php Ingresar monto de una factura si el precio sobre pasa el valor de 500 tendrá un descuento del 20% si entre los rangos de 300-200 un descuento del 10% y menor a 100 un descuento al 5%
  • 78. 10. Crear el formulario 11. Utilizar XAMPP para mandar a correr el programa
  • 81. f.) ______________________ f.) __________________ MSc. Víctor Zapata ESTUDIANTE DOCENTE BIBLIOGRAFÍA: HTML5(s.f.). “HTML5”. HTML 5.pdf “Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf “Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec)
  • 82. GUÍA DE USO DE LABORATORIOS ESTUDIANTE: Karen Jacome T. SEMESTRE: Tercero PARALELO: C PRÁCTICA: #1 TEMA: SWITCH OBJETIVO: Conceptualizar las aplicaciones de switch por medio de ejercicios de aplicaciones para aprender sus usos en el lenguaje PHP RESULTADOS DE APRENDIZAJE Comprensión de la sentencia Switch Distinción de las sentencias de control Correcto uso del Switch ACTIVIDADES: Realizar un ejercicio en php que permita ingresar un número y despliegue al mes que corresponde, si ingresa un número que no corresponde a los meses despliegue error. DESARROLLO DE CONTENIDOS 1. Crear un NEW FILE 2. Activas XAMPP
  • 83. 3. Comenzar la codificación del input para que se pueda ingresar datos y el botón enviar, con el método $POST 4. Codificar el PHP y la sentencia SWITCH
  • 84. 5. Realizar la codificación para valores salidos de rango
  • 85. 9. Ejecutar el programa en XAMPP
  • 86. BIBLIOGRAFÍA: • Sentencia IF_SWITCH (s.f.). • EjerciciosPHP (s.f.). Switch en PHP: concepto con ejemplos » BaulPHP
  • 87. f.) ______________________ f.) __________________ MSc. Víctor Zapata ESTUDIANTE DOCENTE
  • 88. GUÍA DE USO DE LABORATORIOS ESTUDIANTE: Karen Jacome T. SEMESTRE: Tercero PARALELO: C PRÁCTICA: #1 TEMA: SWITCH & IF-FORMULARIOS OBJETIVO: Conceptualizar switch and if para utilizar sus respectivas funciones de tal forma que aporté al conocimiento de programación PHP RESULTADOS DE APRENDIZAJE Comprensión de la sentencia if en PHP Distinción de switch en PHP Correcto uso de las sentencias de control ACTIVIDADES: Realizar un formulario que involucre las sentencias de control if and switch DESARROLLO DE CONTENIDOS 1. Crear New File 2. Elegimos la opción SAVE AS para ponerle nombre al primer fomulario
  • 89.
  • 90. 3. Empezar a programar la página 4. Empezar a crear los input
  • 91. 5. Crear los “checkbox” Y el cuadro de “comentario” 6. Crear New File
  • 92. 7. Elegimos la opción SAVE AS para ponerle nombre al primer el formulario de las sentencias de control 8. Realizar la estructura con if para verificar los datos ingresados en el formulario
  • 93.
  • 94.
  • 95. 9. Utilizar el botón para mandar a correr el programa
  • 96.
  • 97. f.) ______________________ f.) __________________ MSc. Víctor Zapata ESTUDIANTE DOCENTE BIBLIOGRAFÍA: HTML5(s.f.). “HTML5”. HTML 5.pdf “Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf “Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec) Firma
  • 98. GUÍA DE USO DE LABORATORIOS ESTUDIANTE: Karen Jacome T. SEMESTRE: Tercer PARALELO: C PRÁCTICA: #14 TEMA: Tablas de Multiplicar OBJETIVO: Realizar las tablas de multiplicar con los ciclos for y while para comprender la sintaxis que se puede usar en PHP RESULTADOS DE APRENDIZAJE Comprensión de los ciclos for and while Distinción del ciclo for and while Correcto uso de los ciclos de control ACTIVIDADES: Realizar tablas de multiplicar con for y while DESARROLLO DE CONTENIDOS 1. Crear New File 2. “Save As” archivo PHP para el formulario
  • 99. 3. Primer formulario 4. Segundo formulario con la sentencia for para hacer las tablas de multiplicar 5. Segundo formulario 6. Segundo formulario con la sentencia while para hacer las tablas de multiplicar
  • 100. 7. Utilizar el botón XAMPP para correr el programa FOR WHILE
  • 101. f.) ______________________ f.) __________________ MSc. Víctor Zapata ESTUDIANTE DOCENTE BIBLIOGRAFÍA: • Universidad Central del Ecuador. (s.f.). Bucle de repetición WHILE. https://www.slideshare.net/BelenRosales12/bucle-while-249934314
  • 102. GUÍA DE USO DE LABORATORIOS ESTUDIANTE: • Mauricio Pumalpa C • Karen Jacome T SEMESTRE: Tercero PARALELO: C TEMA: Variables en PHP OBJETIVO: Desarrollar un código que permita la ejecución de variables y conectores en PHP para fundamentar los conocimientos sobre programación. RESULTADOS DE APRENDIZAJE Comprensión de las variables PHP Distinción del uso de paréntesis y conectores Correcto uso de las variables y conectores lógicos y aritméticos. ACTIVIDADES: Realizar 23 ejercicios de forma grupal, que tengan está clase de variables y puedan visualizarse en XAMPP en un tabla de 2x24 DESARROLLO DE CONTENIDOS 1. Crear un New File 2. Save As como Conectores y guardar como tipo PHP
  • 103. 3. Turn on XAMPP para poder ejecutar el programa
  • 104. 4. Desarrollo de los ejercicios del 1 al 6 Crear variables Desarrollo del programa Codificación de la tabla
  • 105. 5. Desarrollo de los ejercicios del 7 al 12 Declaramos las variables Realizamos el séptimo ejercicio utilizando el pow para elevar los números y las condiciones if y else. Posteriormente hacemos el octavo ejercicio, aunque ya declaramos las variables arriba es importante volver a poner para no confundirse.
  • 106. Elaboramos el noveno ejercicio, volvemos a poner las variables de arriba pero con las que se va a trabajar en el ejercicio y se realiza dos $re para poder poner el > entre estas dos respuestas en el if. Realizamos el décimo ejercicio y hacemos lo mismo que en ejercicio anterior solo que ahora con >= Seguido, desarrollamos el doceavo ejercicio.
  • 107. Y posteriormente seguimos con el doceavo ejercicio. Dentro de la tabla debemos poner el ejercicio y la respuesta pero solo la variable que creamos como respuesta en los ejercicios de arriba. 6. Desarrollo de ejercicios del 13 18 Creación de la tabla
  • 108. Declaración de variables Desarrollo del programa utilizando conectores lógicos
  • 109.
  • 110. 7. Ejercicios del 19 al 23 Declaración de Variables Desarrollo del ejercicio
  • 111.
  • 112. 8. Utilizar XAMPP para mandar a correr el programa
  • 113. Resultado Final BIBLIOGRAFÍA: Crear una tabla en HTML con php consultando una base de datos.Cual es la mejor opcion? (2017, 23 febrero). Stack Overflow en español. https://es.stackoverflow.com/questions/51248/crear-una-tabla-en-html-con-php- consultando-una-base-de-datos-cual-es-la-mejor-o/51274
  • 114. f.) ______________________ f.) __________________ MSc. Víctor Zapata ESTUDIANTE DOCENTE
  • 115. GUÍA DE USO DE LABORATORIOS ESTUDIANTE: SEMESTRE: Tercero PARALELO: C TEMA: Chatbots OBJETIVO: Conocer el desarrollo de chatbots mediante la creación de una página web que permita implementar los conocimientos de php. RESULTADOS DE APRENDIZAJE Comprensión del uso de chatbots Distinción en el lenguaje php Correcto uso de chatbots ACTIVIDADES: · Realizar una página web que integre el chatbots como parte de su servicio de información. DESARROLLO DE CONTENIDOS 1. Crear New File 2. Poner en formato PHP y guardar con un nuevo nombre Karen Jacome T
  • 116. 3. Comenzar la programación con la construcción de “head” 4. Declaramos “style” para las “ div”
  • 117.
  • 118. 5. Codificar para la primera división 6. Codificar las secciones dentro de la “dv” general
  • 119. 7. Anadir el código del chatbot 8. Añadir la última sección de los contactos
  • 120. Creación del Chatbot 1. Registrase en la página Dialogflow con cuenta Gmail 2. Crear un nuevo chatbot 3. Crear intenciones con las entradas de: Islandia, Tailandia y Ecuador
  • 121. 4. Ingresar las frases de entrenamiento y las respuestas 5. Realizar el mismo proceso para las demás intenciones
  • 122. 6. En cada intención crear follow-up intent 7. Añadir respuestas de Yes or No en cada caso necesario para ir completando las intenciones del chatbot
  • 123. 8. Para añadir imágenes usamos la el servidor de Google 9. Utilizar el mismo servidor de Google para todas las intenciones que se quiere con imágenes
  • 124. Integración con Blahbox 1. Crear el chatbot 2. Integrar el chatbot de Dialogflow mediante el siguiente código
  • 125. 3. Personalizar el chatbot con la ayuda de Blahbox 4. Para unir el proyecto a la página web es necesario copiar el código que nos da Blahbox
  • 126. 9. Codificar la página con XAMPP
  • 128. f.) ______________________ f.) __________________ MSc. Víctor Zapata ESTUDIANTE DOCENTE BIBLIOGRAFÍA: Bell, Douglas Parr, Mike. (2011). JAVA para estudiantes. México: Pearson. Ordax Cassá, José Miguel; Ocaña Díaz-Ufano, Pilar Aranzazu.(2012). Programación Web en Java.Madrid. Ministerio de Educación, Cultura y Deporte de España. Recuperado: http://www.digital iapublishing.com/a