Planeación grado noveno periodo 2. Informática/Programación.

 

Taller Blog introductorio noveno 2do periodo.

Planeación.

Despliegue.

Evaluación.

Cuestionario.

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

R/ HTML (HyperText Markup Language), es el lenguaje de marcado con el que se estructura todo el contenido visible en internet. Sin él, los navegadores no sabrían cómo interpretar un texto, mostrar una imagen o enlazar dos páginas. Entender cómo funciona HTML es el punto de partida para cualquier persona que quiera trabajar en desarrollo web, diseño digital, etc.

Su función es indicar al navegador qué es cada elemento, por ejemplo, un título, un párrafo, una imagen, un enlace, etc.Y cómo debe organizarse en pantalla. Actualmente, HTML 5.2, actualizado en 2017, es la versión más actualizada de HTML, esta versión permite nuevas funciones, como multimedia, nuevas etiquetas, audio y video.

- Diferencias:

-Una de las principales diferencias es que HTML5 permite agregar audio y video directamente en las páginas web, mientras que en versiones anteriores era necesario usar programas externos como Flash. Además, HTML5 incorpora herramientas para crear gráficos y animaciones, como SVG y Canvas, sin necesidad de otras tecnologías adicionales. 

-También ofrece mejores sistemas de almacenamiento de información y permite ejecutar algunas tareas en segundo plano mediante Web Workers, lo que mejora el rendimiento de las páginas. Por último, HTML5 es compatible con la mayoría de los navegadores modernos, como Google Chrome, Mozilla Firefox y Safari, mientras que HTML solo funciona con navegadores antiguos.

Diferencias.

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

R/ Las etiquetas son los bloques con los que se construye cualquier página web: cada una tiene una función específica y define un tipo de elemento. Se escriben entre corchetes angulares (< >) y casi siempre vienen en pares: etiqueta de apertura y de cierre. En otras palabras, es un fragmento de código que marca el inicio y el fin de un elemento en una página web, indicando al navegador cómo estructurar y mostrar el contenido.

- Ejemplos:

- Encabezados (<h1> a <h6>): organizan el contenido de forma jerárquica. <h1> es el título principal de la página; los siguientes actúan como subtítulos de menor jerarquía.

- Enlace (<a href="...">): crea hipervínculos hacia otras páginas o recursos, permitiendo al usuario navegar diferentes entre sitios web o secciones de un mismo documento.

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

R/ La parte esencial de una etiqueta HTML es lo que se denomina la etiqueta de apertura. Se trata de escribir el nombre de la etiqueta en cuestión, colocándola entre los carácteres < y >. Las etiquetas no deben ser en mayuscula, para tener una mejor legibilidad en la etiqueta.

La mayoría de las etiquetas requieren que se especifique un cierre de etiqueta para saber donde termina de actuar. Se caracteriza en que se escribe igual que la etiqueta de apertura, pero con la barra / después del <. 

Estructura de la etiqueta.


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

R/ Un sitio web es un conjunto de páginas interconectadas alojadas en un dominio específico y accesibles a través de internet. Estas estructuras permiten mostrar información, vender productos u ofrecer servicios. Es decir, sirven como plataforma para tener presencia en línea y poder alcanzar a una audiencia global para proporcionarle información de interés sobre sus actividades, productos o servicios.

Elementos de un sitio web:

Header: La cabecera del sitio, que puede incluir su logo y el menú de navegación.

Footer: El pie de página, que suele incluir información de contacto y enlaces de navegación útiles.

Contenido principal: Es la sección central en la que se muestra el contenido relevante.

Navegación: Menús y links que facilitan el desplazamiento por el sitio.

Imágenes: Gráficos, fotografías, ilustraciones o vídeos que complementan el contenido escrito.

Formularios: Herramientas interactivas que permiten recolectar información del usuario.

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

R/ Al hablar sobre el desarrollo de software, se habla sobre un conjunto de actividades orientadas a crear aplicaciones, sistemas o plataformas digitales capaces de resolver necesidades concretas, ya sean de personas, empresas o instituciones. Este proceso abarca desde el análisis inicial de requerimientos hasta la programación, las pruebas y el mantenimiento después del lanzamiento.

El desarrollo de software es pieza clave para la innovación, la competitividad y la transformación digital de empresas y organizaciones. Permite crear soluciones que optimizan procesos, mejoran la experiencia de los usuarios y abren nuevas oportunidades de negocio. Además, el contar con software personalizado ayuda a las empresas a cumplir con ciertas normativas, como la protección de datos personales, y optimizar la eficiencia operativa. 

Ejemplo cotidiano: El desarrollo de software se refiere a crear aplicaciones o programas, esto puede relacionarse a cosas de uso diario, como por ejemplo, usar aplicaciones como tik tok o apps de inteligencia artificial, tambien puede encontrarse en electrodomésticos como por ejemplo, las neveras inteligentes. 

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

R/ La inteligencia artificial se refiere a los sistemas informáticos que pueden realizar tareas complejas que normalmente realizan los humanos: razonamiento, toma de decisiones, creación, etc. 

Aunque no existe una definición única y sencilla de inteligencia artificial porque las herramientas de IA son capaces de realizar una amplia gama de tareas y generar resultados, pero algunas definiciones comunmente empleadas son :

• Cualquier sistema artificial que realice tareas en circunstancias variables e impredecibles sin una supervisión humana significativa, o que pueda aprender de la experiencia y mejorar su rendimiento al exponerse a conjuntos de datos. 

• Un sistema artificial desarrollado mediante software informático, hardware físico u otro contexto que resuelve tareas que requieren percepción, cognición, planificación, aprendizaje, comunicación o acción física similares a las humanas. 

• Un sistema artificial diseñado para pensar o actuar como un ser humano, que incluye arquitecturas cognitivas y redes neuronales. 

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

R/ Un nombre de dominio es una dirección web única y fácil de leer que dirige a un sitio web específico en Internet. Este tiene dos partes: el dominio de nivel superior (TLD), que clasifica su categoría o propósito, como .com.org o .io, y el dominio de segundo nivel (SLD), que es el nombre único que se registra.
Por ejemplo, google.com, que es un dominio que se usa con bastante frecuencia. Aquí, «google» es el SLD y «.com» es el TLD.
El hosting web es es el servicio que hace que un sitio web esté disponible para quien tenga conexión a Internet. Un proveedor de hosting mantiene máquinas especializadas que están siempre online, llamadas servidores, que almacenan los archivos del sitio, ejecutan su código y sirven las páginas a cada visita que las solicite. Un plan de hosting generalmente incluye espacio en el servidor, ancho de banda, funciones de seguridad como firewalls y análisis de malware, y un panel de control para administrar archivos y configuraciones. Este actúa como almacenamiento que guarda y sirve archivos, imágenes y bases de datos.
Diferencia principal entre ambos: 
Un nombre de dominio identifica dónde se encuentra un sitio web, mientras que el hosting web almacena y entrega el contenido del sitio. El dominio sirve como punto de entrada para quienes visitan el sitio, y el hosting proporciona la infraestructura que mantiene el sitio en funcionamiento.

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

R/ HTML5 es la última versión del lenguaje de marcado HTML, y se utiliza para estructurar y presentar contenido en la web. 
La estructura básica de un archivo HTML5 es sencilla, pero efectiva. Comienza con <!DOCTYPE html>, seguido de las etiquetas <html>, <head>, y <body>. El <head> contiene metadatos y enlaces a recursos externos, mientras que el <body> incluye el contenido visible.
*Metadatos: datos estructurados que describen, contextualizan y proporcionan información adicional sobre otros datos o recursos digitales (documentos, imágenes, vídeos, etc.).

Ejemplo estructura HTML5.


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

R/ El codigo fuente son las instrucciones que se le dan a un programa, para que este funcione de cierta manera, está escrito por humanos en diferentes programas de programación como C++, Java, etc. En él se encuntran la lógica y funciones del programa. Este codigo sirve como base  para el diseño, creación y desarrollo del programa.

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

R/ La seguridad en Internet es un concepto que engloba la seguridad de las actividades y operaciones realizadas a través de la red. Se trata de una parte específica de las nociones más generales de ciberseguridad y seguridad informática, por lo que abarca aspectos como la seguridad en navegadores, el comportamiento online y la seguridad en la red. Al pasar gran parte de nuestra vida en la red hay que tener en cuenta ciertas amenazas comunes:

• Piratería: A través de esta amenaza, los usuarios no autorizados acceden a sistemas informáticos, cuentas de correo electrónico o sitios web.

• Virus o software malicioso (conocido como malware): puede afectar a los datos o hacer que los sistemas sean vulnerables frente a otras amenazas.

• Robo de identidad: los delincuentes pueden conseguir datos personales y económicos.

Imagen sobre seguridad en la red.

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

R/ HTTP, también conocido como Hypertext Transfer Protocol, es un protocolo de capa de aplicación utilizado para la transferencia de información en la web. Funciona como un sistema de "solicitud-respuesta" entre un cliente y un servidor para que, cuando un usuario accede a una página web, su navegador envíe una solicitud HTTP al servidor, que a su vez responde con el contenido solicitado.

HTTPS, que significa Hypertext Transfer Protocol Secure, es la versión segura de HTTP. Incorpora una capa adicional de seguridad mediante el uso de certificados SSL (Secure Socket Layer) o TLS (Transport Layer Security) para cifrar las comunicaciones entre el navegador del usuario y el servidor web. Esto asegura que cualquier dato transferido, como información personal o detalles de tarjetas de crédito, permanezca privado y protegido contra posibles incursiones externas con malas intenciones.

Además de mejorar la seguridad de una web, HTTPS también autentifica las páginas, asegurando a los usuarios que están conectados a la web correcta y no a una réplica fraudulenta.

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

R/ Industria 4.0 o Industria Conectada 4.0 hace referencia a una revolución tecnológica que transforma la forma en que las empresas operan, diseñan, producen y entregan bienes y servicios al mundo. Esta nueva era de la industria se basa en la integración de tecnologías avanzadas, como la inteligencia artificial (IA), la robótica, el Internet de las cosas (IoT) y la automatización, para crear sistemas inteligentes que pueden comunicarse y colaborar de manera autónoma.

En la Industria 4.0, las máquinas se vuelven más inteligentes y conectadas, permitiendo una mayor eficiencia y productividad, así como una mayor personalización de los productos para satisfacer las necesidades específicas de los consumidores. En resumen, la Industria 4.0 es el futuro de la producción, donde la innovación y la tecnología avanzada se unen para crear un mundo más eficiente, inteligente y conectado.

¿Cómo puede afectar mi futuro? 
La cuarta revolución industrial puede afectar mi futuro, ya que la tecnología cambiará la forma de estudiar, comunicarse y trabajar, esto hará que muchas profesiones evolucionen, haciendo mucho más necesario el saber como manejar la tecnología. 
Además, como la IA esta creciendo tanto, en un futuro estará tan desarrollada que podría reemplazar ciertos puestos de empleo, ya que se va a preferir un robot, el cual es mucho mas eficaz y rápido que una persona en ciertas tareas, lo que va a generar un desempleo grande en varias areas, sin embargo, también traerá beneficios, como facilitar ciertas tareas diarias, además de generar nuevos empleos en el campo tecnológico.

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

R/ Las TIC en la educación son herramientas que abren muchas posibilidades para la implementación de nuevas metodologías que permitan mejorar la calidad educativa. En Colombia, el uso de estas se ha venido promoviendo para optimizar las condiciones en el aula de clases que hagan los procesos de enseñanza y aprendizaje mucho más efectivos y didácticos.

En el país está conformado el Ministerio de las TIC o de Tecnologías de Información y las Comunicaciones, entidad encargada de diseñar, adoptar y promover políticas enfocadas en la implementación de las tecnologías de información y comunicación en diversos sectores, incluyendo el educativo. 
Ventajas: 
- Promueve el pensamiento crítico y la creatividad, realizando un aprendizaje mas llamativo y significativo. Además dinamiza la educación.
Gran variedad de herramientas para la enseñanza y el aprendizaje.
Fomentan el aprendizaje autónomo y el trabajo en equipo.

Desventajas:
Distracción con la tecnología, como en redes sociales o videjuegos y acceso a contenidos inapropiados. 
Incapacidad de determinar si la información encontrada es real o no.
- Adicción a la tecnología.

Webgrafía:

-https://www.hostinger.com/co/tutoriales/diferencia-entre-html-y-html5#h-html-vs-html5-cuales-son-las-principales-diferencias
-https://universidadeuropea.com/blog/que-es-html/#:~:text=HTML%20es%20el%20lenguaje%20de,esqueleto%20de%20cualquier%20sitio%20web.
-https://www.tech-prastish.com/blog/what-are-the-differences-between-html5-and-pre-5-html/
-https://lenguajehtml.com/html/introduccion/estructura-etiqueta-html/
-https://www.godaddy.com/resources/latam/emprender/que-es-un-sitio-web
-https://ingenieria.javeriana.edu.co/w/blog/que-es-el-desarrollo-de-software
-https://www-nasa-gov.translate.goog/what-is-artificial-intelligence/?_x_tr_sl=en&_x_tr_tl=es&_x_tr_hl=es&_x_tr_pto=tc
-https://www.hostinger.com/co/tutoriales/hosting-y-dominio?utm_source=google&utm_medium=cpc&utm_id=12509571751&utm_campaign=Generic-Tutorials-DSA-t1%7CNT:Se%7CLO:CO&utm_term=&utm_content=574228465569&gad_source=1&gad_campaignid=12509571751&gbraid=0AAAAADMy-haE1KdD6yHl0yBp5ZC1sk6YR&gclid=Cj0KCQjw2YDQBhD_ARIsAE1qeSf5fmWJb-RkU_CphFFp7dCGpC7R5mUBDacVBPBLp9JHrXxiPru4RL4aAo4OEALw_wcB
-https://www.godaddy.com/resources/latam/diseno/html5-que-es
-https://www.html6.es/t1_estructura.html
-https://www.kaspersky.es/resource-center/definitions/what-is-internet-security?srsltid=AfmBOoqIPPgPMcimzqT0Y-WU1ZjAAhsP2N99p8GMb2tTvK4d3YuZmqRV
-https://www.godaddy.com/resources/es/seguridad/diferencia-entre-http-y-https
-https://www.iebschool.com/hub/industria-cuarta-revolucion-industrial-business-tech-logistica/
-https://unir.edu.co/revista/educacion/tic-educacion/

Comentarios