Course: AVANCES TECNOLÓGICOS

Topic outline

BIENVENIDA
BIENVENIDA
Estimados estudiantes:

Reciban un cordial saludo y la más cordial bienvenida a la asignatura Avances Tecnológicos, la cual se desarrollará en modalidad virtual. Este espacio académico ha sido diseñado para fortalecer su capacidad de análisis, pensamiento crítico y comprensión de las tecnologías emergentes que están transformando el mundo digital y los sistemas de información.

A lo largo del curso abordaremos temas clave como la virtualización, el Machine Learning, las Redes Neuronales, la Ciberseguridad y el uso estratégico del prompting en Inteligencia Artificial, áreas fundamentales en la evolución de la informática y en la toma de decisiones tecnológicas dentro de organizaciones modernas.

El enfoque de la asignatura estará orientado al análisis de conceptos, la comprensión de su funcionamiento, su impacto en los sistemas actuales y su aplicación práctica en distintos entornos tecnológicos. Estos contenidos permitirán al estudiante desarrollar competencias esenciales para interpretar, evaluar y adaptarse a los constantes cambios tecnológicos, fortaleciendo así su perfil profesional en el área informática.

Los invito a asumir esta experiencia académica con responsabilidad, participación activa y una actitud investigativa, entendiendo que el dominio conceptual de los avances tecnológicos no solo amplía su conocimiento, sino que también les proporciona herramientas clave para enfrentar los retos presentes y futuros del entorno digital.
- Avisos Forum
COMPETENCIA ESPECíFICA
COMPETENCIA ESPECíFICA
El docente debe informar la competencia especifica de la asignatura
DATOS DEL DOCENTE:
This topic
DATOS DEL DOCENTE:
Profesor: Taborda Minerva
Semestre: 4to
Sede: Valencia
Datos de Contacto:
* Número de Teléfono: 0424-4329119
* Número de Teléfono de Habitación: 04244329119
* WhatsApp: 0414-405.99.10 (SUJETO A CAMBIO PRONTAMENTE)
* Correo: Taboraminerv@gmail.com

HORARIO DE ATENCIÓN:
Asesoría: Explicación para actividades o contenidos asignados.
– Viernes de 05:00 PM a 08:30 PM
Consulta: Dudas y preguntas breves con respecto a actividades o contenidos asignados.
– Lunes a Viernes Los días Domingos no atiendo llamadas, ni whatsapp solo via E-MAIL de ser muy urgente en las tardes.

Observación:
DISTRIBUCIÓN DEL PRIMER SEMESTRE
DISTRIBUCIÓN DEL PRIMER SEMESTRE
Temas:

PHP Semana 1 2 3
XAMP semana 4,5
HTML-PHP-XAMP- semana 5 y 6
Bases de Datos en la Nube (Cloud Databases) semana 7 y 8
semana 9 y 10 presentación de proyectos
PHP
PHP
¿Qué es PHP?
Imagina que una página web es como un restaurante.
- HTML es el menú y la decoración (lo que el cliente ve).
- PHP es el cocinero que está allá atrás, en la cocina (el servidor).
Cuando alguien pide algo (hace clic en un botón), el "cocinero" PHP recibe la orden, busca los ingredientes, prepara el plato (genera el código) y se lo manda al cliente ya listo. El cliente nunca ve cómo el cocinero picó la cebolla, solo ve el plato final. Por eso decimos que PHP es un lenguaje de lado del servidor.
Dato clave: PHP es el motor de cosas gigantes como WordPress y Facebook, así que aprenderlo es una excelente inversión.
Sintaxis
Para que el servidor sepa que vas a escribir PHP y no solo texto, tienes que encerrar todo en unas "etiquetas" especiales:
PHP
<?php // Aquí va la magia ?>
Y muy importante: cada instrucción termina en punto y coma ( ; ). Si se te olvida, el código se "traba" y te lanza un error.
Tu primer ejercicio: "El Saludo"
Vamos a hacer algo más interesante que un simple "Hola Mundo". Vamos a usar variables (que son como cajitas donde guardas información).
El Código:
PHP
<?php // 1. Guardamos información en "cajitas" (variables) // En PHP las variables siempre empiezan con el signo de $ $nombre = "Profe"; $dia = "Sábado"; // 2. Usamos 'echo' para mostrar cosas en la pantalla echo "¡Epa! Saludos, " . $nombre . ". <br>"; echo "Hoy es " . $dia . " y es un excelente momento para programar."; /* Nota: El punto (.) sirve para pegar (concatenar) el texto con las variables. */ ?>
$nombre: Creamos una variable y le metimos el texto "Profe".
echo: Es la orden para decirle a PHP: "¡Saca esto a la luz!".
. (el punto): Es como el pegamento. Sirve para unir un pedazo de texto con una variable.

Ahora para observar este primer

Como PHP necesita una "cocina" (servidor), no basta con abrir el archivo en el navegador como haces con HTML. Necesitas un simulador de servidor en tu compu.

Descarga e instala algo llamado XAMPP (es gratis y fácil).
Guarda tu archivo con extensión .php (por ejemplo: inicio.php) dentro de la carpeta htdocs que crea el programa.
Abre tu navegador y escribe: localhost/inicio.php. y listo

PHP: Variables, Condicionales IF y

Variables numéricas

Este tipo de variables almacena cifras, números, que pueden tener dos clasificaciones distintas:

Enteros $entero=2002; Numeros sin decimales
Reales $real=3.14159; Numeros con o sin decimal

Variables alfanuméricas

Este tipo de datos almacena textos compuestos, cadenas de caracteres, que pueden contener letras, símbolos y números o cifras.

Cadenas Almacenan variables alfanuméricas $cadena="Hola amigo";

Boleanas

Este tipo de variables almacena un valor lógico, que puede valer verdadero o falso. Es muy común en la programación este tipo de variables boleanas.

Boleano verdadero $verdadero = true;
Boleano falso $falso = false;

A diferencia de otros lenguajes, PHP posee una gran flexibilidad a la hora de operar con variables. En efecto, cuando definimos una variable asignándole un valor, el ordenador le atribuye un tipo. Si por ejemplo definimos una variable entre comillas, la variable será considerada de tipo cadena:

$variable="5"; //esto es una cadena

Sin embargo, si pedimos en nuestro script realizar una operación matemática con esta variable, no obtendremos un mensaje de error sino que la variable cadena será asimilada a numérica (PHP hará todo lo posible por interpretar nuestra operación, aunque técnicamente no tenga mucho sentido hacer determinadas operaciones):

<?
$cadena="5"; //esto es una cadena
$entero=3; //esto es un entero
echo $cadena+$entero
?>

Este script dará como resultado "8". La variable cadena ha sido asimilada en entero (aunque su tipo sigue siendo cadena) para poder realizar la operación matemática. Del mismo modo, podemos operar entre variables tipo entero y real.

OJO:

PHP es sensible a las mayúsculas y minúsculas

sentencias IF

<?php
if ( 1 < 5 ) {
echo '1 es menor que 5';
}
?>

Ejercicio 2

<?php
if ( $clima == 'lluvia' ){
echo 'Llevaré botas y paraguas';
}
if ( $clima == 'sol' ){
echo 'Llevaré manga corta y chaqueta fina';
}
if ( $clima == 'nubes' ){
echo 'Cargaré con el paraguas pero me pondré zapatos';
}
?>

ejercicio 3 con Switch

<?php
// Este switch:

switch ($i) {
case 0:
echo "i igual 0";
break;
case 1:
echo "i igual 1";
break;
case 2:
echo "i igual 2";
break;
}

// Equivale a:

if ($i == 0) {
echo "i igual 0";
} elseif ($i == 1) {
echo "i igual 1";
} elseif ($i == 2) {
echo "i igual 2";
}
?>

Semana N° 3 PHP FORMULARIOS

Formularios en PHP

Para esto, necesitamos dos partes:

El Formulario (HTML): La cara bonita donde el usuario escribe.
El Receptor (PHP): El "cerebro" que agarre esos datos y haga algo con ellos.

El Concepto: GET vs POST

Antes de tirar código, grábate esto como un mantra:

GET: Manda los datos por la URL (se ve todo allá arriba en la barra del navegador). Se usa para búsquedas.
POST: Manda los datos "escondidos". Es más seguro y se usa para contraseñas o registros. ¡Este es el que vamos a usar!

El Código (Todo en un solo archivo)

Para que no te compliques con varios archivos, vamos a meter el HTML y el PHP en el mismo lugar. Guárdalo como formulario.php en tu carpeta de servidor (htdocs).

PHP

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Mi Primer Formulario PHP</title>
</head>
<body>

    <h2>Cuéntame algo, colega:</h2>
    
    <form method="POST" action="">
        <label>¿Cómo te llamas?</label><br>
        <input type="text" name="usuario" placeholder="Ej: Juan" required>
        <br><br>
        
        <label>¿Qué lenguaje quieres aprender después?</label><br>
        <input type="text" name="lenguaje" placeholder="Ej: Python" required>
        <br><br>
        
        <button type="submit" name="enviar">¡Enviar Datos!</button>
    </form>

    <hr>

    <?php
    // Aquí es donde PHP se pone a trabajar
    if (isset($_POST['enviar'])) {
        
        // Agarramos lo que el usuario escribió usando el 'name' de los inputs
        $nombre = $_POST['usuario'];
        $interes = $_POST['lenguaje'];

        // Mostramos el resultado
        echo "<h3>¡Listo! Información recibida:</h3>";
        echo "Oye <b>$nombre</b>, qué fino que te interese aprender <b>$interes</b>. ¡Dale con todo!";
    }
    ?>

</body>
</html>

Aquí hay un ejemplo de formulario HTML :

Ejemplo #1 Un formulario HTML simple

<form action="action.php" method="post">
   <label>Su nombre :</label>
   <input name="nombre" id="nombre" type="text" />

   <label>Su edad :</label>
   <input name="edad" id="edad" type="number" /></p>

   <button type="submit">Validar</button>
</form>

Observa este Video

https://youtu.be/R57xRRh2cY8?si=vbwX_QxLmS_yGXER

Formularios en PHP URL

Crear Base de Datos

XAMPP es un paquete de software que incluye Apache, MySQL, PHP y Perl, diseñado para facilitar la creación de servidores web locales para el desarrollo y pruebas de aplicaciones web.

Descarga el instalador: Ve al sitio web oficial de XAMPP y descarga la versión que corresponda a tu sistema operativo.

Como utilizar el XAMPP?

Inicia el panel de control de XAMPP: Esto te permitirá gestionar y controlar todos los servicios que ofrece XAMPP.

Inicia los servicios necesarios: Por lo general, querrás iniciar Apache y MariaDB para comenzar.

Accede a tu servidor local: Abre tu navegador y visita http://localhost. Si ves la página de inicio de XAMPP, ¡estás listo para comenzar a desarrollar!

Después de instalar XAMPP, abre el panel de control y asegúrate de que los servicios de Apache y MySQL estén activos. Puedes acceder a la configuración de cada servicio a través de los botones correspondientes.

Paso 3: Configurar XAMPP

Hasta ahora hemos usado el XAMPP para simular el entorno de un servidor real pero directamente en el computador y trabajar código PHP y HTML, creando archivos de sitio web en la carpeta "htdocs" dentro del directorio de instalación de XAMPP y sitio web, luego hemos abierto un navegador escribiendo "localhost" en la barra de direcciones y luego el nombre de los archivos para compilar los códigos.

En este punto aprenderán a crear una base de datos:

Paso a paso para crear una base de datos en XAMPP

Iniciar XAMPP Control Panel: Abre la aplicación de XAMPP y asegúrate de iniciar los módulos Apache y MySQL haciendo clic en el botón "Start" de cada uno. Deben ponerse en color verde.
Acceder a phpMyAdmin: Abre tu navegador web (Chrome, Firefox, etc.) y escribe en la barra de direcciones: localhost/phpmyadmin o haz clic en el botón "Admin" de la fila de MySQL en el panel de XAMPP.
Crear Nueva Base de Datos: En la columna de la izquierda, haz clic en la opción que dice "Nueva" (o "New").
Configurar Nombre y Cotejamiento:
- Escribe el nombre que quieras para tu base de datos en el campo "Nombre de la base de datos".
- En el desplegable de al lado (Cotejamiento/Collation), te recomiendo seleccionar utf8mb4_general_ci. Esto permitirá que tu base de datos reconozca correctamente caracteres como la "ñ" o los acentos.
Finalizar Creación: Haz clic en el botón "Crear". ¡Listo! Verás un mensaje confirmando que la base de datos se ha creado con éxito y aparecerá en el listado de la izquierda.

Cómo crear una base de datos en MySQL con PHPMyAdmin (XAMPP) URL

Práctica y evaluación

Crea esta actividad y envía el resultado final como evaluación 2 PONDERACIÓN (30%)

CREA LA SIGUIENTE BASE DE DATOS en el Xampp:

CREATE TABLE usuarios (
id INT AUTO_INCREMENT PRIMARY KEY,
nombre VARCHAR(100),
correo VARCHAR(100)

2.- Crear el formulario en un archivo HTML

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formulario de Registro</title>
</head>
<body>
<h1>Formulario de Registro</h1>
<form id="formulario">
    <label for="nombre">Nombre:</label>
    <input type="text" id="nombre" name="nombre" required>

    <label for="correo">Correo:</label>
    <input type="email" id="correo" name="correo" required>

    <button type="submit">Enviar</button>
</form>

<script src="script.js"></script>
</body>
</html>

3.- Crear el Script JavaScript con fetch
En lugar de enviar el formulario de manera tradicional (con recarga de página), utilizaremos fetch para enviar los datos de manera asíncrona:

4.- Crear el Script PHP para Procesar los Datos
El script PHP procesar.php recibe los datos enviados desde el formulario, los valida y los inserta en la base de datos MySQL.

<?php
// Configuración de la conexión a la base de datos
$host = 'localhost'; // Host por defecto en XAMPP | Puedes cambiarlo a tu servidor, en workbench `127.0.0.1`
$user = 'root'; // Usuario por defecto en XAMPP
$password = ''; // Contraseña por defecto en XAMPP
$db = 'test_db';

// Crear la conexión
$conn = new mysqli($host, $user, $password, $db);

if ($conn->connect_error) die("Conexión fallida: " . $conn->connect_error);

// Recibir los datos del formulario
$data = json_decode(file_get_contents('php://input'), true);

// Validar los datos
if (!isset($data['nombre'], $data['correo'])) {
echo json_encode(['success' => false, 'error' => 'Faltan datos']);
exit;
}

$nombre = $data['nombre'];
$correo = $data['correo'];

// Preparar la consulta para insertar los datos en la base de datos
//! En este ejemplo la tabla se llama `usuarios`, asegúrate de ajustarlo a tu caso
$stmt = $conn->prepare("INSERT INTO usuarios (nombre, correo) VALUES (?, ?)");
$stmt->bind_param("ss", $nombre, $correo);

// Ejecutar la consulta y verificar si fue exitosa
if ($stmt->execute()) echo json_encode(['success' => true]);
else echo json_encode(['success' => false, 'error' => $stmt->error]);

// Cerrar la conexión
$stmt->close();
$conn->close();
?>

Listo ponlo a prueba y envía los resultados por este medio.

Actividad enviada por el grupo WhatsApp y explicada con un vídeo.

Base de Datos con XAMPP Assignment

HTML-PHP-XAMP 06/04 hasta 11/04

Ejercicio completo

un Sistema de Registro de Usuarios. Este ejercicio cubre el flujo completo de datos: desde que el usuario los escribe en el navegador (HTML), pasan por el servidor (PHP) y se guardan en el motor de datos (MySQL vía XAMPP).

Crea una base de datos Productos

CREATE TABLE productos (

id INT AUTO_INCREMENT PRIMARY KEY,

nombre_producto VARCHAR(100),

precio DECIMAL(10, 2) );

-- Insertemos unos datos de prueba

INSERT INTO productos (nombre_producto, precio) VALUES

('Laptop', 850.00),

('Mouse', 25.50),

('Teclado', 45.00);

Crea una carpeta nueva llamada tienda en htdocs y guarda este archivo:HTML

<!DOCTYPE html>
<html lang="es">
<head>
    <title>Buscador de Productos</title>
</head>
<body>
    <h2>Consultar Precio de Producto</h2>
    <form action="buscar.php" method="GET">
        Escribe el nombre del producto: 
        <input type="text" name="consulta" placeholder="Ej: Laptop" required>
        <button type="submit">Buscar</button>
    </form>
</body>
</html>

La Consulta Dinámica (buscar.php)

<?php

$conexion = mysqli_connect("localhost", "root", "", "colegio"); // Cambia 'colegio' por el nombre de tu BD

$busqueda = $_GET['consulta']; // Usamos LIKE para que la búsqueda sea más flexible

$sql = "SELECT * FROM productos WHERE nombre_producto LIKE '%$busqueda%'";

$resultado = mysqli_query($conexion, $sql);

echo "<h3>Resultados para: $busqueda</h3>";

if (mysqli_num_rows($resultado) > 0) {

while($fila = mysqli_fetch_assoc($resultado)) {

echo "Producto: " . $fila['nombre_producto'] . " - Precio: $" . $fila['precio'] . "<br>"; }

} else {

echo "No se encontraron productos con ese nombre.";

}

mysqli_close($conexion);

En este ejercicio practicamos los siguientes:

Mon	Tue	Wed	Thu	Fri	Sat	Sun
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30

AVANCES TECNOLÓGICOS - SA25-5

Topic outline

BIENVENIDA

COMPETENCIA ESPECíFICA

DATOS DEL DOCENTE:

DISTRIBUCIÓN DEL PRIMER SEMESTRE

PHP

¿Qué es PHP?

Sintaxis

Tu primer ejercicio: "El Saludo"

El Código:

Como PHP necesita una "cocina" (servidor), no basta con abrir el archivo en el navegador como haces con HTML. Necesitas un simulador de servidor en tu compu.

PHP y BASE DE DATOS

PHP: Variables, Condicionales IF y

Variables numéricas

Variables alfanuméricas

Boleanas

sentencias IF

Semana N° 3 PHP FORMULARIOS

El Concepto: GET vs POST

El Código (Todo en un solo archivo)

Crear Base de Datos

Paso a paso para crear una base de datos en XAMPP

Práctica y evaluación

HTML-PHP-XAMP 06/04 hasta 11/04

Semana No. 7: Desde DD/MM/AA Hasta DD/MM/AA

Semana No. 8: Desde DD/MM/AA Hasta DD/MM/AA

Semana No. 9: Desde DD/MM/AA Hasta DD/MM/AA

Semana No. 10: Desde DD/MM/AA Hasta DD/MM/AA

MATERIAL DE APOYO

TIPOS DE ESTRATEGIAS DE ENSEÑANZAS Y APRENDIZAJES