PLANEACION GRADO NOVENO PERIODO 2 INFORMÁTICA/PROGRAMACIÓN

 PLANEACION GRADO NOVENO PERIODO 2 INFORMÁTICA/PROGRAMACIÓN

1. ¿Qué es HTML y qué diferencias tiene HTML5 frente a versiones anteriores? 

HTML (HyperText Markup Language) es el lenguaje estándar para estructurar y desplegar páginas web. HTML5 es la versión más reciente, optimizada para la web moderna, que destaca por su semántica mejorada (<header>, <nav>, <footer>), soporte nativo de multimedia (video/audio sin plugins), gráficos (<canvas>) y alto rendimiento móvil. 

Diferencias clave de HTML5 frente a versiones anteriores (como HTML 4.01):

• Estructura Semántica: HTML5 introdujo etiquetas con significado propio (<article>, <section>, <aside>) que facilitan la comprensión del contenido por parte de navegadores y motores de búsqueda, mejorando el SEO.
• Multimedia Nativa: Permite integrar video (<video>) y audio (<audio>) directamente sin depender de reproductores externos como Adobe Flash.
• Almacenamiento Local: HTML5 utiliza localStorage y sessionStorage para guardar datos en el navegador de manera más segura y eficiente, superando las limitaciones de las cookies de versiones anteriores.
• Gráficos y Animaciones: Incorpora el elemento <canvas> para dibujar gráficos en 2D y 3D, y soporte nativo para gráficos vectoriales (SVG).
• Desarrollo Móvil: Diseñado para ser responsive y compatible con dispositivos móviles, a diferencia de versiones antiguas enfocadas solo en ordenadores.
• Mejoras en Formularios: Nuevos tipos de entrada (como date, email, url) permiten validaciones nativas sin necesidad de JavaScript complejo.

2. ¿Qué es una etiqueta en HTML? Explica con 2 ejemplos.

Las etiquetas HTML son fragmentos de código utilizados para estructurar y dar formato al contenido de una página web. Funcionan como marcadores (tags) que indican al navegador qué tipo de contenido se muestra, generalmente con una etiqueta de apertura <> y otra de cierre </>. Sinónimos técnicos incluyen "tags", "marcas" o "elementos". 

Ejemplos de uso de etiquetas HTML

1. Etiqueta de Párrafo (<p>): Se usa para definir un bloque de texto como un párrafo estándar.
   • Código: <p>Este es un ejemplo de párrafo.</p>
   • Uso: Organiza textos largos, añadiendo espacio automáticamente arriba y abajo.
2. Etiqueta de Imagen (<img>): Se utiliza para insertar imágenes y es una etiqueta "vacia", es decir, no necesita cierre.
   • Código: <img src="imagen.jpg" alt="Descripción de la imagen">
   • Uso: Visualizar una imagen en la página utilizando atributos para la fuente (src) y texto alternativo (alt). 

Sinónimos / Términos relacionados:

• Elementos (Elements): Aunque no siempre son sinónimos estrictos, el elemento completo incluye etiquetas y contenido (ej: <p> + "texto" + </p>).
• Tags: La traducción directa del inglés utilizada comúnmente. 

 

3. ¿Cómo se estructura una etiqueta HTML? Escribe una breve explicación y un ejemplo.

Una etiqueta HTML es un fragmento de código que indica al navegador cómo estructurar y mostrar el contenido web. Se compone generalmente de una etiqueta de apertura (<etiqueta>), el contenido, y una etiqueta de cierre con una barra inclinada (</etiqueta>), encerrando el elemento entre signos de menor y mayor que (< >). 

Estructura de una etiqueta HTML

1. Etiqueta de apertura: Define el inicio del elemento (ej. <p>).
2. Contenido: El texto, imagen u otros elementos que se muestran.
3. Etiqueta de cierre: Indica el fin del elemento (ej. </p>). 

html

<p class="texto-destacado">Este es un párrafo de ejemplo.</p>

Usa el código con precaución.

• <p>: Etiqueta de apertura (párrafo).
• class="texto-destacado": Atributo (opcional) que proporciona información adicional sobre el elemento.
• Este es...: Contenido del elemento.
• </p>: Etiqueta de cierre.

4. ¿Qué es un sitio web (website)? Menciona sus elementos principales. 

Un sitio web es un conjunto de páginas web interconectadas bajo un dominio único, alojado en un servidor y accesible por internet, dedicado a un tema, empresa o propósito específico. Funciona como presencia digital para mostrar información, vender productos o interactuar con usuarios, utilizando navegadores web para visualizar contenidos multimedia. 

Sinónimos y términos relacionados:

• Página web (aunque el sitio es el conjunto, a menudo se usan como sinónimos)
• Portal web
• Sitio en línea
• Plataforma digital
• Webpage / Website (en inglés) 

Elementos Principales de un Sitio Web:

1. Dominio / URL: La dirección única que permite encontrar el sitio (ej. www.empresa.com).
2. Hosting / Servidor: El espacio de almacenamiento donde reside el sitio.
3. Encabezado (Header): Parte superior que suele incluir el logo y menú de navegación.
4. Navegación / Menú: Estructura que ayuda a los usuarios a encontrar información.
5. Cuerpo o Contenido (Body): Zona central con información, imágenes, videos.
6. Pie de página (Footer): Sección final con información de contacto, redes sociales y copyright.
7. Página de Inicio (Homepage): La página principal de bienvenida. 

Ejemplos de Uso:

• Comercio electrónico (E-commerce): Tiendas como Amazon para vender productos.
• Sitios Corporativos: Páginas para presentar la información de una empresa (página de "Sobre nosotros").
• Blog / Noticias: Sitios de contenido actualizado periódicamente.
• Portafolios: Muestras de trabajos creativos o profesionales.
• Redes Sociales: Plataformas de interacción social

5. ¿Para qué sirve el desarrollo de software? Relaciónalo con cosas que usas a diario. 

El desarrollo de software sirve fundamentalmente para crear herramientas digitales que resuelven problemas, automatizan tareas, mejoran la eficiencia y conectan a las personas. Es el proceso de diseñar, programar y mantener las instrucciones que hacen funcionar los dispositivos electrónicos (hardware), convirtiéndolos en herramientas funcionales. 

Aquí te detallo para qué sirve, relacionado con cosas que usas a diario:

• Facilitar la comunicación y conexión:
  • Ejemplo diario: Aplicaciones como WhatsApp, Instagram o TikTok. El desarrollo de software permite el intercambio instantáneo de mensajes, fotos y videos entre personas en cualquier parte del mundo.
• Automatizar y optimizar tareas diarias:
  • Ejemplo diario: Alarmas en el móvil, calendarios de Google, aplicaciones de notas o el despertador inteligente. Estas herramientas eliminan la necesidad de recordar manualmente cada tarea o de realizar cálculos tediosos.
• Gestión de finanzas y compras:
  • Ejemplo diario: La App de tu banco, realizar transferencias, pagar con tarjeta de crédito o comprar en Amazon. El software seguro permite gestionar dinero sin ir a una sucursal física.
• Entretenimiento y consumo de contenido:
  • Ejemplo diario: Plataformas de streaming como Netflix, Spotify o YouTube. El desarrollo detrás de estas plataformas permite algoritmos de recomendación y reproducción de video/audio de alta calidad.
• Movilidad y transporte:
  • Ejemplo diario: Aplicaciones como Google Maps, Waze, Uber o Didi. Estas herramientas usan datos en tiempo real para encontrar rutas o pedir un vehículo.
• Funcionamiento de electrodomésticos inteligentes:
  • Ejemplo diario: Smart TVs, lavadoras modernas, refrigeradores con Wi-Fi o asistentes de voz como Alexa. El software integrado gestiona sus funciones. 

En resumen, el desarrollo de software es el "cerebro invisible" que hace más fácil, rápida y conectada nuestra vida moderna. 

6. ¿Qué es la Inteligencia Artificial (IA)? Da un ejemplo de uso en tu entorno. 

La Inteligencia Artificial (IA) es un campo de la informática que desarrolla sistemas capaces de realizar tareas que, hasta hace poco, requerían inteligencia humana, como aprender, razonar, percibir su entorno y tomar decisiones. En lugar de seguir instrucciones fijas de programación, estas máquinas utilizan algoritmos y modelos matemáticos para procesar grandes cantidades de datos, identificar patrones y mejorar su precisión con el tiempo (aprendizaje automático). 

Ejemplo de uso en un entorno:
Los asistentes virtuales pueden generar y organizar contenido de trabajo. 

• Aplicación: Una IA puede mejorar el tono, corregir la gramática o sintetizar informes largos en puntos clave.
• Funcionamiento: Esta IA funciona mediante el procesamiento del lenguaje natural (PLN), entendiendo la intención de las instrucciones y respondiendo de forma autónoma con coherencia humana. 

Otros ejemplos cotidianos en 2026 incluyen las recomendaciones personalizadas de series en Netflix, la navegación GPS que predice el tráfico, el reconocimiento facial para desbloquear el móvil, y las herramientas de traducción en tiempo real.

7. ¿Qué es el hosting y qué es el dominio? ¿Para qué sirven? 

El hosting (alojamiento web) es el espacio de servidor donde se guardan los archivos de tu sitio web (imágenes, textos, código) para que estén accesibles 24/7 en internet. El dominio es la dirección única y legible (ej. tusitio.com) que los usuarios escriben en el navegador para encontrar tu web. Ambos son indispensables para que una página funcione. 

¿Qué es el Hosting?

• Definición: Es un servicio que alquila espacio en un ordenador potente (servidor) conectado permanentemente a internet.
• ¿Para qué sirve? Almacena todo el contenido de la web y permite que sea visible en la red, gestiona correos electrónicos propios y proporciona seguridad y soporte técnico.
• Tipos comunes: Compartido (económico), Servidor Privado Virtual (VPS), y Servidor Dedicado (alto rendimiento). 

¿Qué es el Dominio?

• Definición: Es el nombre exclusivo que identifica tu sitio web, sustituyendo a la dirección IP numérica compleja.
• ¿Para qué sirve? Facilita que las personas recuerden y encuentren tu sitio web (ej. .com, .es, .net).
• Componentes: Nombre (marca) + Extensión (TLD). 

Diferencia Clave (Analogía)

Si una página web fuera una casa:

• El Hosting es el terreno y la casa física donde guardas tus cosas.
• El Dominio es la dirección postal que la gente escribe para llegar a ella. 

Ambos deben vincularse para que el dominio redirija correctamente al servidor donde está alojado el sitio. 

8. ¿Cuál es la estructura básica de una página en HTML5? Escribe el ejemplo más simple. 

La estructura básica de HTML5 consta de una declaración <!DOCTYPE html>, las etiquetas <html>, <head> (metadatos/título) y <body> (contenido visible), utilizando marcadores semánticos (<header>, <nav>, <main>, <footer>) para organizar el contenido. Esta estructura es esencial para la compatibilidad y accesibilidad. 

Ejemplo más simple de una página HTML5:

html

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Título de la página</title>
</head>
<body>
    <h1>Hola Mundo</h1>
    <p>Este es el contenido principal.</p>
</body>
</html>

9. ¿Qué es el código fuente? Explica con tus palabras. 

El código fuente es el conjunto de instrucciones, escritas en texto plano por programadores usando lenguajes de programación (como Python, C++, Java), que dictan cómo debe funcionar un software o página web. Es la "receta" o instrucciones legibles por humanos que luego un compilador o intérprete traduce para que la máquina pueda ejecutarla.

10.¿Por qué es importante la seguridad en la web? Menciona algún riesgo común en internet. 

La seguridad en la web es esencial porque protege tu información personal y evita ataques como el robo de identidad o el malware. HTTPS es mejor que HTTP porque cifra los datos y garantiza mayor confianza al navegar. La Cuarta Revolución Industrial está transformando la sociedad con tecnologías como la inteligencia artificial y el Internet de las Cosas, lo que influirá directamente en tu futuro laboral y educativo.

11.¿Cuál es la diferencia entre HTTP y HTTPS? ¿Por qué es mejor usar HTTPS? 

HTTP (Hypertext Transfer Protocol): Transmite datos en texto plano, sin cifrado.

HTTPS (Hypertext Transfer Protocol Secure): Añade un certificado SSL/TLS que cifra la información entre el navegador y el servidor.

Ventajas de HTTPS:

Mayor seguridad: protege contraseñas y datos sensibles.

Confianza del usuario: los navegadores muestran un candado indicando que el sitio es seguro.

Mejor posicionamiento en buscadores (SEO)

12.¿Qué es la Cuarta Revolución Industrial? ¿Cómo crees que afecta tu futuro? 

La Cuarta Revolución Industrial (o Industria 4.0) es la actual era de transformación tecnológica, caracterizada por la fusión de los mundos físicos, digitales y biológicos. A diferencia de las anteriores, esta revolución no se centra solo en una tecnología, sino en la convergencia e interconexión de múltiples tecnologías emergentes que están cambiando la forma en que vivimos, trabajamos y nos relacionamos. 

Término popularizado por Klaus Schwab, fundador del Foro Económico Mundial, esta etapa se define por la velocidad, el alcance y el impacto sistémico de la innovación. 

Características y Tecnologías Clave

• Inteligencia Artificial (IA) y Machine Learning: Máquinas capaces de aprender y tomar decisiones.
• Internet de las Cosas (IoT): Dispositivos conectados que intercambian datos en tiempo real.
• Big Data y Computación en la Nube: Análisis masivo de datos para optimizar procesos.
• Robótica Avanzada y Automatización: Robots inteligentes y colaborativos.
• Impresión 3D (Fabricación Aditiva): Creación de objetos tridimensionales personalizados.
• Biotecnología y Nanotecnología: Avances en materiales y salud.
• Sistemas Ciberfísicos: Fusión de maquinaria física con software inteligente (fábricas inteligentes). 

---

¿Cómo afecta esta revolución al futuro (2026 en adelante)?

La Cuarta Revolución Industrial ya está transformando la sociedad de varias maneras: 

• Transformación Laboral: Automatización de tareas rutinarias y creación de nuevos roles que requieren competencias digitales. Se espera que el 65% de los niños en primaria trabajarán en puestos que aún no existen.
• Personalización del Consumo: La capacidad de producir bienes adaptados a las necesidades individuales a bajo coste.
• Economía de Plataformas: Nuevas formas de trabajo basadas en plataformas digitales (Gig Economy).
• Mantenimiento Predictivo: Las máquinas pueden anticipar sus propias fallas, reduciendo costes y tiempos de inactividad.
• Sostenibilidad: Avances en la transición hacia energías renovables y optimización de recursos. 

Desafíos: Aumenta el riesgo de brechas digitales y desigualdad si no se gestiona la adaptación tecnológica, además de generar preocupaciones éticas sobre la IA. 

13.¿Qué ventajas (3) y desventajas (3) del uso de las TICs en la educación? 

El uso de las Tecnologías de la Información y la Comunicación (TIC) en la educación potencia el aprendizaje mediante el acceso ilimitado a información y herramientas interactivas, facilitando la personalización de la enseñanza. Sin embargo, puede provocar distracciones, brechas digitales por falta de acceso y una reducción en el contacto humano directo. 

Ventajas (3):

1. Acceso a recursos e información: Facilitan la consulta rápida y sencilla de gran variedad de fuentes actualizadas, enriqueciendo el contenido educativo.
2. Aumento de la motivación e interés: El aprendizaje se vuelve más atractivo y dinámico a través de herramientas tecnológicas, favoreciendo la participación activa.
3. Flexibilidad y personalización: Permiten a los alumnos aprender a su propio ritmo, adaptando el entorno a sus necesidades individuales. 

Desventajas (3):

1. Distracciones y mal uso: El acceso a redes sociales o contenido no educativo puede desviar la atención de los estudiantes de la materia.
2. Brecha digital y desigualdad: No todos los estudiantes tienen el mismo acceso a internet o dispositivos tecnológicos, lo que crea disparidades en el aprendizaje.
3. Reducción del contacto humano: La dependencia excesiva de las pantallas puede disminuir la interacción física y el desarrollo de habilidades sociales entre pares y con docentes.