9 Ejercicio HTML: Dibujar con JS

Pinchando en la imagen de abajo accederemos a una página creada con HTML, en la que hemos utilizado JavaScript para diseñarla. 

Deja de quemarte la vida.

Este eslogan forma parte de un concurso en el que hemos participado para animar a que las personas que fuman, dejen de hacerlo. Bajo el eslogan he puesto tres razones por las que fumar es malo; y en la segunda hay algunos de los beneficios que tendrías al dejar de hacerlo. 

 

Ejercicio HTML con "cajas flexibles"

En este ejercicio hemos "creado2 unas cajas que modifican su tamaño al pasar la flecha del ratón por encima de ella.

Paula

Lamuño

Sierra

Entrevista Inteligencia Artificial

Estos últimos días en clase estuve haciendo una entrevista a la Inteligencia Artificial, en concreto a Chat-GPT. Le hice una serie de preguntas que podrían dirigirse a un ser humano, pero las respuestas de la IA pueden ser diferentes; debido a que ella no tiene sentimientos ni emociones como nosotros. 

Para poder grabarlo utilicé Audacity, donde creé tres pistas diferentes: una para grabar mis preguntas, otra para poder grabar las respuestas de Chat-GPT con el lector inmersivo, y por último una para añadirle música. A continuación podéis escuchar mi entrevista:

Inteligencia Artificial

 La inteligencia artificial o IA es una simulación de procesos de inteligencia humana por parte de máquinas, especialmente sistemas informáticos. Estos procesos incluyen el aprendizaje, el razonamiento y la autocorrección.

Las Inteligencias artificiales utilizan algoritmos y modelos matemáticos para procesar grandes cantidades de datos y tomar decisiones basadas en patrones y normas establecidas a través del aprendizaje automático.

Podemos clasificar los distintos tipos de I.A  en grupos dependiendo de sus características: 

• Software: por ejemplo asistentes virtuales, motores de búsqueda, sistemas de reconocimiento de voz y rostro...
• Inteligencia artificial integrada: son drones, vehículos autónomos...

También se pueden clasificar por su manera de pensar o actuar: 

• Sistemas que piensan como humanos buscan imitar la forma que tienen estos de pensar y resolver problemas. 
• Los que actúan como humanos copian como ellos se comportan o actúan en el mundo.
• Sistemas que piensan racionalmente. Resuelven problemas de manera lógica y racional.
• Los sistemas que actúan racionalmente se centran en tomar decisiones y en la acción del mundo. Lo que buscan es tomar la mejor decisión basada en la información disponible. 

Otra de las formas de clasificación es dependiendo de su potencia:

• IA Débil/IA estrecha. Su alcance es limitado y no pueden realizar tareas que salgan de su campo de especialización.
• IA Fuerte. Tiene  capacidad para razonar, planificar y tomar decisiones complejas en una serie amplia de  situaciones. 
• IA Superinteligente. Este tipo de inteligencia artificial aun no se ha desarrollado en la práctica, pero se espera que se un tipo de IA que superaría la inteligencia humana en todos los aspectos. Este nivel de Inteligencia Artificial sería capaz de comprender el mundo de una manera que se encuentra más allá de la capacidad humana.

Tipos de Inteligencia artificial disponible para el público.

Desde hace poco la Inteligencia artificial ha ido cobrando un mayor protagonismo. Son muchas las herramientas capaces de crear textos, imágenes, etc, a partir de una descripción. Estas son algunas de las herramientas de IA gratuitas disponibles para el público: ChatGPTWriter, Craiyon, ChatPDF, Jenni,Sheetplus, entre otras. 

Ventajas y desventajas.

Alguna de sus ventajas es la automatización de procesos repetitivos y optimizar procesos sin la intervención humana. Esto permite una mayor precisión y rapidez, reduce los errores y los costes operativos. Los resultados son más precisos; las máquinas son capaces de detectar fallos que no se pueden ver a simple vista. Esta capacidad aumenta la calidad del producto final. Las máquinas pueden anticipar y alertar sobre posibles fallos antes de que ocurran. 

 

Algunas de sus desventajas es por ejemplo la eliminación de empleos debido a su capacidad para realizar tareas; puede ejecutar eficazmente las funciones que antes necesitaban la mano de obra humana. Falta de empatía para interactuar y comprender las emociones humanas. La IA nos puede producir una dependencia tecnológica debido al exceso de confianza, que se interpreta como la pérdida de habilidades humanas que pueden ser necesarias en un futuro. Por último, esta tecnología puede generar desigualdades sociales debido a su coste, ya que es una inversión demasiado costosa para poner en marcha.

Estructuras básicas de programación.

 Usaré la aplicación Scratch para explicar los distintas estructura de programación que existen.

1. Estructura secuencial.

Esta estructura es la más básica de todos los programas. Las instrucciones se realizan una tras otra, siguiendo el orden en el que se han escrito. Esta imagen es una estructura secuencial: 

A continuación la representación en Scratch de esta estructura: 

2. Estructura de repetición.

Esta estructura tiene dos tipos: Estructura de repetición bucle repeat y estructura de repetición bucle forever.

2.1 Bucle repeat.

Los bucles son repeticiones de varias instrucciones. Se utilizan para no tener que escribir el mismo código varias veces.

Aquí podemos ver como se muestra el bucle en Scratch:

2.2 Bucle forever.

El bucle forever es muy parecido al repeat, pero este no acaba nunca. 

Aquí el bucle forever en Scratch:

3. Estructuras condicionales.

Esta estructura, al igual que la de repetición, tiene dos tipos: If...than.... y If...then...else...

3.1 If...then...

Esta estructura se utiliza cuando el programa tiene que tomar una decisión en función de una condición externa. La expresión inglesa "If...then..." significaría "Si pasa esto, entonces haz esto otro". En este ejemplo el gato se para cuando llega a la posición x=200, en lugar de continuar a la derecha indefinidamente, como hacía antes. 

Representación de la secuencia: 

3.2 If...then...else...

Cuando a veces no es suficiente con especificar qué decisión tomar se utiliza esta estructura. Si se da una condición y también interesa determinar qué otra decisión tomar en caso de que la condición no se cumpla. Sería algo como: "Si pasa esto, entonces haz aquello, si no, haz esto otro". 

Este ejemplo de Scratch hará que el gato diga "right" cuando su posición x es mayor que 0 y "left" cuando no se da esta condición. 

Aquí la representación:

Conceptos básicos de programación

Este cuestionario pone a prueba algunos de los conceptos básico de programación que deberíamos saber.    Son preguntas sencillas con opciones sacadas del temario, y si nos fijamos bien pueden darnos pistas para elegir la respuesta correcta.

Reflexión 1ª Evaluación

En esta primera evaluación hemos realizado actividades sobre la programación HTML. Al principio no sabía muy bien como se hacían los ejercicios, pero hicimos unos cursos en la aplicación de Codecademy que me ayudaron con los conceptos básicos. En esta página también hicimos un quiz para saber que tipo de programador seríamos; que fue interesante y divertido.                                                                         Los ejercicios de HTML fueron variando y pasando de hacerlos en el bloc de notas, a sublime y posteriormente subirlos en Neocities. También vimos un video, de Silvia Barrera (experta en ciberseguridad), sobre el ciberacoso y la importancia de la ciberseguridad. A partir de este realizamos una presentación en grupo sobre estos temas, simulando un artículo de prensa. 

Creo que en este primer trimestre hemos aprendido muchas cosas útiles sobre HTML; fueron para mi las más interesantes, ya que además es un tema del que me gustaría aprender mucho más.

Ciberacoso

Durante una semana hemos estado creando una presentación que trata sobre los temas de Ciberacoso y Ciberseguridad . Como fuente principal de investigación tuvimos un vídeo visto en clase; y a partir de ahí formamos grupos para ir desarrollando estas ideas captadas del vídeo. A lo largo de la presentación definimos el concepto de ciberacoso, consejos para detenerlo; como de la ciberseguridad y de la importancia que tiene en nuestras vidas, y sobre la huella digital. 

¿Yo programadora?

Según el quiz de codecademy soy un "Solucionador de problemas". Estoy de acuerdo en la gran mayoría de características de este tipo de perfil; es cierto que la atención a los detalles, o la comunicación son mis puntos fuertes. Sin embargo, la paciencia es un rasgo que tengo que mejorar, ya que suelo estresarme cuando las cosas no salen como yo quiero. Aún así, me gusta planificar mis actividades, los acertijos y las nuevas tecnologías. La construcción de estructuras es algo que me gustaría ir aprendiendo con el paso del tiempo, ya que me parece interesante y entretenido.

Ser "Solucionador de problemas" me ofrece algunas salidas laborales como: operaciones comerciales, ingeniería eléctrica, arquitectura e ingeniería de software. En estos ejemplos de empleo incluyen algunos de los que estoy interesada en sacar la carrera universitaria; como es el caso de arquitectura o ingeniería (aunque estaría más interesada en la ingeniería de datos o en la civil).

Como escribir un buen artículo

 

• Busca información en varias fuentes (haz referencia a ellas).
• Resume la información.
• Cuida la redacción y la ortografía.
• Cuida la presentación (formato).
• Pon una imagen o un vídeo (sin pasarse).
• Pon un enlace “guapo” para más información.