Aprendiendo con sololearn

Una buena manera de aprender cosas nuevas es jugando, y eso es lo que hemos hecho en nuestra clase de TIC2. Hemos entrado al mundillo del HTML y para ello nos hemos registrado en la página sololearn la cual es una plataforma desarrollada para ayudar a los usuarios a aprender los conceptos básicos de los principales lenguajes de programación mediante la explicación de teoría y una serie de ejercicios prácticos con los que demostrar que, de verdad, hemos entendido el concepto. Esta disponible tanto para el ordenador como para el móvil de forma que puedas llevarlo siempre contigo.

Clic para acceder a la página

Primero hay que seleccionar el curso de HTML y hacer clic dónde pone aprender en la web. Estos nos lleva a una página en la que habrá varias opciones, una nos muestra una visión general de lo que es el HTML. La segunda enseña los conceptos básicos del HTML que son imprescindibles para entenderlo, esta pestaña muestra más actividades que el primero (recuerda que cada pestaña va mostrando teoría y actividades). También encontraremos  una pestaña de desafíos y una última de ejercicios que ya son más complicados, tras todo esto obtienes un certificado diciendo que has completado el curso.

En la clase tras realizar el curso hubo un día que utilizamos en clase la app para el móvil ya que esta ofrece la oportunidad de agregar amigos y desafiarlos. La verdad que esta aplicación es muy útil para aprender a usar el HTML y bueno muchas mas herramientas.

PD: Que no se entere el profesor pero fui capaz de ganarle un desafío😃.

Ejemplo de desafío en la app.

Noticia fake,¿o no?

En esta sociedad en la que las noticias vuelan por las redes hay un nuevo concepto que se ha creado, las llamadas fake news. Las fake news como dice su traducción literal del inglés "noticias falsas" son aquellas noticias en las que su contenido no es el reflejo de la realidad sino que es parecido pero con algunos matices que cambian el significado completo de la noticia. También puede haber fake news que estén creadas de cero,es decir, se ha creado una noticia de la nada por simple diversión o para crear discusiones.

Un claro ejemplo de fake news es una página llamada "El Mundo Today" esta web es un diario satírico en línea publicado en España creado en enero de 2009.​ La página adopta el estilo de la prensa en línea aunque el contenido de la publicación es totalmente ficticio y humorístico, usando este formato contextualizado de prensa tradicional para crear la parodia y sátira. 

Pinchando accedes a la página

En nuestra clase de TIC2 nuestro profesor nos mandó a crear una fake new a partir de una noticia verdadera. Para ello, una vez en la web, hay que hacer clic con el botón derecho y seleccionar inspeccionar. Tras eso se te abren los códigos de la web, buscas el lugar exacto donde se encuentra lo que quieres cambiar y lo modificas.

Aquí os dejo mi fake new, en este caso yo cogí una noticia del periódico y le edite el título y el cuerpo de la entrada, además del subtítulo. Las reacciones fueron bastante diversas ya que algunos reaccionaron a la noticia diciendo que no se lo podían creer mientras que otras personas llegaron a comentar sobre información que no era falsa.

Nubes de palabras

Hoy en nuestra clase de TIC2 hemos aprendido una nueva herramienta para darle un mejor toque a la información que queremos transmitir, esta vez a partir de las nubes de palabras. Las nubes de palabras consiste en destacar las palabras más importantes de un texto ya que se juega con los diferentes tamaños y colores de forma que el lector a primera vista ya ve lo realmente importante.

Pinchando en la imagen vas a la página 

para crear nubes de palabras

En nuestro caso, como siempre, hemos seguido las instrucciones de nuestro profesor y hemos realizado varias nubes de palabras. La primera de ellas con los nombres de mis compañeros de TIC2, la segunda con las palabras de un artículo de prensa y la última con frases que yo mismo he escrito para la ocasión. Aquí os la dejo en orden:

Nube de palabras con nombres de compañeros

Nube de palabras con artículo de prensa

Nube de palabras con mis palabras

Primeros pasos con HTML

Ahora que se acerca el fin del primer trimestre la clase de TIC 2 hemos dado un paso más y nos hemos atrevido a empezar a escribir nosotros mismos documentos en HTML.
Pero, ¿qué es HTML? La definición técnica dice: "HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se trata de la siglas que corresponden a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto". Es decir HTML nos sirve para indicar como va ordenado el contenido de una página web. Esto lo hace por medio de las marcas de hipertexto las cuales son etiquetas conocidas en inglés como tags.

 Para dar los primeros pasos en HTML nuestro profesor nos subió una serie de apuntes con las instrucciones que teníamos que seguir y a partir de ahí en un bloc de notas escribimos las marcas y a medida que acabábamos cada práctica la guardábamos con la extensión .html.

Haciendo todos los ejercicios aprendimos a hacer todo lo básico del HTML como subir imágenes, poner los diferentes tamaños de párrafo, incrustar un botón de Java...Aquí os dejo unas imágenes de como quedaron los ejercicios y si pinchas en la última imagen te llevará a la carpeta con todos los ejercicios.

Trabajando con la web.

Una página web puede ser muy costosa de crear ya que requiere muchas horas de trabajo y tener conocimientos sobre programación, pero antes grandes problemas... grandes soluciones, webnode es una página web en la que podrás crear tu propia página sin necesidad de saber programar. Esta herramienta te permite elegir diferentes diseños dentro de los cuales puedes ir modificando pestañas y añadiendo apartados.

En el caso de la clase de tic2 , por orden de nuestro profesor, hemos tenido que replicar la página web de nuestro instituto, eso sí, dándole nuestro toque personal y modernizándola un poco ya que se queda un poco anticuada para los tiempos que corren. Tras horas de costoso trabajo ya tenemos los resultados que serán presentados a nuestro director para ver si le parece buena idea la decisión de elegir una de nuestras páginas para convertirla ya no en la réplica sino en la original. Pinchando en la imagen podéis ver mi propuesta, espero que os guste.👏

Pseinteando

En esta entrada os voy a hablar de el último programa que hemos utilizado: el Pseint.
El pseint es un programa que sirve para iniciarse en la programación, por lo que es muy usado por los estudiantes, para utilizarlo tiene diferentes opciones de configuración incluyendo uno que te va diciendo los comandos que te sobran o te hacen falta a la vez que si has escrito alguno que no esta bien.

En esa sencilla interfaz, que podemos ver en la imagen de arriba, encontramos una página principal donde se escriben los diferentes comandos, a la derecha tenemos esos comandos que pueden ser usados; y arriba diferentes herramientas que pueden ser muy útiles. Al finalizar nuestro documento lo podemos guardar como .psc y también podemos obtener el diagrama de flujo que es una forma visual de ver los pasos que has hecho en la realización del documento.

En la clase tuvimos que seguir unas instrucciones para realizar diferentes documentos de pseint que sirven para calcular diferentes cosas como cuál es tu nuevo salario si te lo aumentan en un 15%, cuál es el precio de un producto si hay una oferta  etc. Aquí dejo el enlace para acceder a esos programas y diagramas de flujo:

Presentando el lenguaje.

En la última clase hemos trabajado con una página web llamada canva. Esta página es una gran herramienta para hacer todo tipo de presentaciones muy vistosas, es una gran forma de hacer infografías por ejemplo.

Nuestro profesor nos mandó, a través de unas instrucciones en el google classroom, a crear una infografía sobre los elementos del lenguaje de la informática. Aquí abajo os dejo la mía que espero que os guste.

P.D: Aquí tenéis un tutorial para que deis vuestros primeros pasos con esta herramienta, espero que os guste

Viaje al corazón del ordenador

¿Alguna vez te has preguntado cómo funciona el sistema de tu ordenador? Quizás pienses que usa un complejo sistema con extraños códigos y signos, pues no. Todo esta basado en el sistema binario. Pero ¿que es el sistema binario?

El sistema binario es un sistema de numeración en el que los números se representan utilizando las cifras 0 y 1, es decir solo 2 dígitos (bi = dos). Esto en informática y en electrónica tiene mucha importancia ya que las computadoras trabajan internamente con 2 niveles: hay o no hay de Tensión, hay o no hay corriente, pulsado o sin pulsar, etc.

 Esto provoca que su sistema de numeración natural sea el binario, por ejemplo 1 para encendido y 0 para apagado. También se utiliza en electrónica y en electricidad (encendido o apagado, activado o desactivado, etc.).  El lenguaje binario es muy utilizado en el mundo de la tecnología.

El sistema hexadecimal es un método de numeración posicional que utiliza como base el número 16 (Base-16), es decir, que existen 16 símbolos de dígitos posible.

Sus números están representados por los 10 primeros dígitos de la numeración decimal y el intervalo del número 10 al número 15 se representa por las letras del alfabeto: A, B, C, D, E y F.

El uso que se le da en la actualidad al sistema hexadecimal está directamente vinculado a la rama de la informática y las ciencias de la comunicación en las que el CPU utiliza el byte u octeto, como la unidad básica de memoria.

Ahora os voy a explicar como pasar números del sistema binario al sistema decimal:

1. Primero escribimos arriba de la rista de números binarios(0 y 1) de derecha a izquierda un 1 y vamos multiplicando por 2.

2. Seleccionamos los números que abajo tengan un 1.

3. Sumamos los números seleccionados y así obtenemos el número decimal.

Ahora el paso al contrario, de decimal a binario:

Para hacer la conversión de decimal a binario, hay que ir dividiendo el número decimal entre dos y anotar en una columna a la derecha el resto (un 0 si el resultado de la división es par y un 1 si es impar).La lista de ceros y unos leídos de abajo a arriba es el resultado.

Ejemplo: vamos a pasar a binario 7910

79       1 (impar). Dividimos entre dos:

39       1 (impar). Dividimos entre dos:

19       1 (impar). Dividimos entre dos:

9         1 (impar). Dividimos entre dos:

4         0 (par). Dividimos entre dos:

2         0 (par). Dividimos entre dos:

1        1 (impar).

Por tanto, 7910 = 10011112

Primeros pasos a la progamación

Para llegar a ser un buen informático es imprescindible aprender a programar y por ello en esta última sesión hemos empezado a dar los primeros pasos en este complejo mundo aunque de una forma más suave, utilizando la página web llamada "scratch" en la cual se pueden programar pequeños videojuegos a través de piezas que tienen cada una función, habiendo diferentes tipos: sensores,movimientos, animación...

La interfaz es bastante sencilla con un recuadro a la derecha donde se puede ver cómo va quedando nuestro proyecto, en el centro de la pantalla encontramos el lugar donde se arrastran las diferentes piezas para que estas hagan su función; y por último a la izquierda encontramos un panel con todos los diferentes comandos.

Nosotros hemos recurrido al típico juego en el que una nave se va deslizando a izquierda y derecha a la vez que dispara balas hacia las naves o marcianos enemigos que se disponen en varias filas y que una vez que tocan el lateral bajan un poco y así sucesivamente. En mi caso he editado un poco la idea original para tomarnos la vida con un poco más de humor y lo he relacionado con el conflicto de Cataluña. Así que espero que te guste.

Evoluticcionando

Como todas las cosas en este mundo también la web ha evolucionado y a uno de estos cambios se le ha denominado "web 2.0".¿Pero que son realmente las web 2.0?

Aunque no existe una definición cerrada de web 2,0 la principal diferencia con las de la primera generación es que se actualizan y ofrecen interactividad ya que los usuarios pueden mostrar su opinión e incluso añadir más contenido al ya publicado por el administrador de la web. También permite al usuario formar parte de una comunidad.

Algunos ejemplos de web 2.0 son:

• Blogs. Proporcionan un sistema fácil y asequible de publicar en Internet a título individual o colectivo. Es el nodo más abundante en la Web 2.0
• Wiki Se puede utilizar para crear la documentación de un proyecto de forma colaborativa: glosarios, enciclopedias, manuales, enlaces, etc. El espacio wiki por excelencia es la enciclopedia Wikipedia
• Podcasts. La radio no ha muerto, sino que existe en la web 2.0, bajo el formato podcast: emisiones almacenadas online que permiten al usuario escucharlas cuando y donde quiera,
• Redes sociales. Comunidades virtuales en las que personas a distancia pueden comunicarse en tiempo real por escrito (chat), pueden disponer de su información públicamente y conectarse con otras personas que compartan sus intereses, su historia o sus deseos
• Páginas de venta online. Servicios no sólo de venta, sino de intercambio de opiniones entre los compradores y de contacto con las empresas que ofrecen bienes o servicios. Las más conocidas de todas son Amazon y eBay.

Aquí, pinchando en cada imagen, también os dejo los enlaces para acceder a aplicaciones colaborativas:

Manos a la obra

En la última clase dejamos atrás el simulador de ensamblaje de PC para pasar al desmontaje y su posterior montaje en el taller de tecnología.

Tras el reparto de los ordenadores y destornilladores cada alumno se colocó en una mesa con su correspondiente ordenador y empezó la actividad.

A pesar de las dificultades iniciales todo el alumnado acabó la hora habiendo aprendido todo lo que se propuso al iniciar la clase. Además nuestro profesor, David Gómez, nos enseñó a cómo comprobar si lo que falla es la fuente de alimentación, un buen consejo que podremos utilizar en alguna que otra ocasión

CÓMO COMPROBAR SI LA FUENTE DE ALIMENTACIÓN FUNCIONA

Primer día en la oficina

Tras los primeros días de presentaciones de las asignaturas y la vuelta al cole en la asignatura de TIC ya nos hemos puesto manos a la obra. En esta entrada de hoy les voy a presentar la aplicación con la cual hemos aprendido como es un ordenador por dentro a la vez que como se monta y desmonta.

Lo primero que hicimos fue descargarnos un simulador de ensamblaje de PC en este caso de la empresa Cisco (dejo enlace al final para descargarlo), que como bien dice su propio nombre nos sirve para empezar a familiarizarnos con la parte interna de los ordenadores, aquella que mucha gente nunca ve.

Este simulador nos permitió empezar desde cero ya que gracias a simple interfaz se puede acceder al tutorial del montaje del ordenador desde el principio e indicándonos los pasos para poder montarlo y una vez que ya sepamos cómo funciona todo podemos pasar a intentar montarlo sin ayuda.

Esta actividad resultó ser bastante útil para poder pasar a desmontar y montar un ordenador físico, actividad la cual realizamos otro día y sobre la que hablaré más adelante.

ENLACE PARA DESCARGAR EL SIMULADOR

Presentación a mi blog