Want to create interactive content? It’s easy in Genially!
Instituto Tecnologico Superior de comalcalco
julianabiud2003
Created on March 25, 2025
Start designing with a free template
Discover more than 1500 professional designs like these:
Transcript
Programacion WEB 8C
Instituto Tecnologico Superior de comalcalco
Julian Abiud Perez Hernandez
¡Vamos!
Introducción
La programación del lado del servidor implica el uso de lenguajes que se ejecutan en el servidor web para procesar solicitudes y generar contenido dinámico antes de enviarlo al navegador del usuario. Lenguajes como PHP, Python, Ruby y Java se utilizan comúnmente para este propósito. Estos lenguajes permiten interactuar con bases de datos, gestionar sesiones de usuario y realizar operaciones en el servidor que no serían posibles únicamente con tecnologías del lado del cliente
Empezar curso
Estructuras de Control
Las estructuras de control son fundamentales en cualquier lenguaje de programación, ya que permiten dirigir el flujo de ejecución del programa. Incluyen estructuras condicionales (como if y switch) que permiten tomar decisiones basadas en condiciones específicas, y estructuras de bucle (como for, while y do...while) que permiten repetir bloques de código mientras se cumpla una condición determinada.
Ir a página
Permiten repetir la ejecución de un bloque de código mientras se cumpla una condición. for → Ejecuta un bloque de código un número determinado de veces. while → Ejecuta un bloque de código mientras una condición sea verdadera. do-while → Ejecuta un bloque al menos una vez y luego evalúa la condición. foreach (en algunos lenguajes) → Recorre los elementos de una colección o arreglo.
Iterativas
Condicionales
Estructuras de Control
Estas estructuras permiten ejecutar un bloque de código si se cumple una condición. if → Evalúa una condición y ejecuta un bloque de código si es verdadera. if-else → Ejecuta un bloque si la condición es verdadera y otro si es falsa. if-else if-else → Permite evaluar múltiples condiciones. switch → Evalúa una expresión y ejecuta diferentes bloques de código según su valor.
Ir a página
Ir a página
Estructuras de Control
Estructuras de Control de Salto Permiten modificar el flujo normal de ejecución dentro de los bucles. break → Sale completamente del bucle. continue → Salta a la siguiente iteración sin ejecutar el código restante del bucle. return → Finaliza la ejecución de una función y devuelve un valor.
ejemplos
Estructuras de Control Condicionales
let edad = 18; if (edad >= 18) { console.log("Eres mayor de edad."); } else { console.log("Eres menor de edad."); }
Estructuras de Control Iterativas
for i in range(5): print("Iteración:", i)
Estructuras de Control de Salto
for (int i = 0; i < 5; i++) { if (i == 3) { break; // Detiene el bucle cuando i es 3 } System.out.println("Valor: " + i); }
Ir a página
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <title>Formulario de Contacto</title> </head> <body> <h2>Formulario de Contacto</h2> <form action="procesar.php" method="POST"> <label for="nombre">Nombre:</label> <input type="text" id="nombre" name="nombre" required><br><br> <label for="email">Correo:</label> <input type="email" id="email" name="email" required><br><br> <label for="mensaje">Mensaje:</label><br> <textarea id="mensaje" name="mensaje" rows="4" required></textarea><br><br> <input type="submit" value="Enviar"> </form> </body> </html>
Tratamiento de Formularios
Los formularios en HTML permiten a los usuarios enviar datos al servidor, donde pueden ser procesados para diversas aplicaciones, como registros, encuestas o compras en línea. El tratamiento de formularios implica la recepción y validación de los datos enviados, asegurando que sean correctos y seguros antes de almacenarlos o utilizarlos en alguna operación.
Ir a página
Manejo de objetos del servidor
En la programación del lado del servidor, es común trabajar con objetos que representan componentes del servidor, como conexiones a bases de datos, sesiones de usuario y archivos. El manejo adecuado de estos objetos es crucial para garantizar la eficiencia y seguridad de la aplicación.
Ir a página
<?php setcookie("usuario", "Juan Pérez", time() + 3600, "/"); // Expira en 1 hora echo "Cookie creada con éxito."; ?>
Guardar Información en el Cliente
<?php session_start(); // Iniciar sesión $_SESSION["usuario"] = "Juan Pérez"; // Guardar información echo "Usuario activo: " . $_SESSION["usuario"]; ?>
Persistencia de Datos
Ir a página
<?php echo "Método de solicitud: " . $_SERVER["REQUEST_METHOD"] . "<br>"; echo "IP del cliente: " . $_SERVER["REMOTE_ADDR"] . "<br>"; echo "URL de la página actual: " . $_SERVER["REQUEST_URI"] . "<br>"; ?>
Información del Servidor y Cliente
Acceso a datos
Las aplicaciones del lado del servidor a menudo necesitan interactuar con bases de datos para almacenar y recuperar información. El acceso a datos implica establecer conexiones seguras a la base de datos, ejecutar consultas SQL y manejar los resultados de manera eficiente. Es fundamental gestionar correctamente estas operaciones para garantizar la integridad y seguridad de los datos.
Con las plantillas de Genially podrás incluir recursos visuales para dejar a tu audiencia con la boca abierta. También destacar alguna frase o dato concreto que se quede grabado a fuego en la memoria de tu público e incluso embeber contenido externo que sorprenda: vídeos, fotos, audios... ¡Lo que tú quieras! Lo que lees: la interactividad y la animación pueden hacer que el contenido más aburrido se convierta en algo divertido. En Genially utilizamos AI (Awesome Interactivity) en todos nuestros diseños, para que subas de nivel con interactividad y conviertas tu contenido en algo que aporta valor y engancha.
Módulo 3
Incluye infografías en tus creaciones
20XX
Planifica
20XX
Estructura
20XX
Diseña
20XX
Comunica
20XX
Sorprende
Módulo 3
Anima tu contenido y llévalo al siguiente nivel
¿Sabías que Genially te permite compartir tu creación directamente, sin necesidad de descargas? Listo para que tu público pueda visualizarlo en cualquier dispositivo y darle difusión en cualquier lugar.
Con las plantillas de Genially podrás incluir recursos visuales para dejar a tu audiencia con la boca abierta. También destacar alguna frase o dato concreto que se quede grabado a fuego en la memoria de tu público e incluso embeber contenido externo que sorprenda: vídeos, fotos, audios... ¡Lo que tú quieras! Demostrar entusiasmo, esbozar una sonrisa y mantener el contacto visual con tu audiencia pueden ser tus mejores aliados a la hora de contar historias que emocionen y despierten el interés del público: 'The eyes, chico. They never lie'. Esto te ayudará a hacer 'match' con tu audiencia. ¡Déjales con la boca abierta! Plantea una pregunta dramática; es el ingrediente esencial para mantener la atención del público. Se suele plantear de forma subyacente al inicio de la historia para intrigar a la audiencia y se resuelve al final.
Módulo 3
Conclusiones
Describe el problema que vas a resolver y, sobre todo, el motivo por el cual tu idea es interesante
Somos seres visuales
Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
Seres sociales
Necesitamos interactuar unos con otros. Aprendemos de forma colaborativa.
Seres narrativos
Contamos miles y miles de historias. ⅔ de nuestras conversaciones son historias.
Seres digitales
Evitamos formar parte de la saturación de contenido en el mundo digital.
Actividades
Actividad 1
Describe el problema que vas a resolver y, sobre todo, el motivo por el cual tu idea es interesante
Actividad 2
Abajo el contenido aburrido en tu presentación: hazlo entretenido
Actividad 1
Haz clic solo en los conceptos correctos
Categorías de Genially
Quiz
E-commerce
Ilustraciones
Video
Infografías
Blogs
Libros
Juegos
Funciones de Genially
Comprobar
Comprobar
Degradados
3D
Animación
Dado
Ampliar
Traducir
Grabar vídeo
Arrastrar
Actividad 2
Haz clic en 4 aparatos tecnológicos antes de 10 segundos
Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
Necesitamos interactuar unos con otros. Aprendemos de forma colaborativa.
Contamos miles y miles de historias. ⅔ de nuestras conversaciones son historias.
Evitamos formar parte de la saturación de contenido en el mundo digital.
00:10
Evaluación
Evaluación
¿Necesitas más motivos para crear contenidos dinámicos? Bien: el 90% de la información que asimilamos nos llega a través de la vista y, además, retenemos un 42% más de información cuando el contenido se mueve.
Evaluación 1/5
Evaluación 2/5
Evaluación 3/5
Evaluación 4/5
Evaluación 5 /5
Certificado
Certificadode logro
Aquí puedes incluir un texto para dar la enhorabuena y desear suerte a tu audiencia al acabar el quiz.
Aquí puedes poner un título destacado
¡Enhorabuena!
Utiliza este espacio paraponer una frase genial
Firma 1
Firma 2
Mes, 20XX
Encuesta 1/5
CLARIDAD Y RELEVANCIA DEL CONTENIDO
Encuesta 2/5
objetivos del curso
Encuesta 3/5
materiales y recursos
Encuesta 4/5
actividades y prácticas
FEEDBACK GENERAL
Encuesta 5/5
¡Curso completado!
20XX
El contenido visual es un lenguaje transversal, universal, como la música. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
20XX
El contenido visual es un lenguaje transversal, universal, como la música. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
20XX
El contenido visual es un lenguaje transversal, universal, como la música. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
20XX
El contenido visual es un lenguaje transversal, universal, como la música. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
20XX
El contenido visual es un lenguaje transversal, universal, como la música. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.