La Protoboard - 3ºCyR

 

Arduino - 3ºCyR

 ARDUINO

Arduino es una tarjeta controladora que nos sirve de interfaz entre el ordenador y los dispositivos que se deben controlar adaptando las señales de entrada y salida. Básicamente, la tarjeta controladora dispone de un microcontrolador, una pequeña memoria y puertos de entrada y salida.

IDE Arduino (Integrated Development Environmet = Entorno de Desarrollo Integrado)

La plataforma Arduino se programa con un lenguaje propio basado en el lenguaje de programación de alto nivel Processing, lo que significa que es similar a C++

Sensores analógicos son aquellos que nos proporcionan una variación de voltaje dentro de un rango dependiendo de lo que varíe la magnitud física medida. Para conectarlos, utilizaremos las entradas analógicas de la placa, que traducirán los valores de tensión continua que les llegue (entre 0 y 5 V) a valores digitales.

Sensores digitales son los que proporcionan valores de tensión que pueden ser interpretados por la controladora como un valor alto (high, 5 V) o un valor bajo (low, 0 V); por ejemplo, al pulsar o soltar un interruptor. Lo mismo ocurre con los actuadores digitales; por ejemplo, un led, que puede estar encendido o apagado.

PRÁCTICAS INICIALES

P1.- Conectar Arduino al ordenador. Encender y apagar un led. Cambio de frecuencia en el parpadeo.

https://ardubasic.wordpress.com/2012/10/13/primer-programa-hola-mundo/

https://makinando.github.io/practicas_arduino/prctica_01.html

P2.- Secuencia de leds (coche fantástico) 

https://makinando.github.io/practicas_arduino/prctica_08.html

P3.- Semáforo

https://ardubasic.wordpress.com/2012/10/25/semaforo/

https://makinando.github.io/practicas_arduino/prctica_06.html

Tinkercad - 3º CyR

 

Prueba Inicial - 3ºCyR

 Prueba inicial de comprensión lectora sobre temática de robótica e inteligencia artificial.

Jugamos con robo

Recordamos Scratch

1. Sistemas de Gestión de Contenido - TIC I

Un sistema de contenido, a menudo abreviado como CMS (Content Managment System), es una herramienta que ayuda a los usuarios a crear, administrar y modificar contenido en un sitio web sin la necesidad de conocimientos técnicos especializados.

Comenzamos con nuestro blog en blogger.

Puedes crearte también un blog con WordPress ... quizá más adelante!

Actividad 1: Busca en internet algunas diferencias entre Blogger y WordPress.

Actividad 2: Busca información sobre otras plataformas de gestión de contenidos.

Escribe un resumen de la información que hayas encontrado junto con la definición de CMS en tu Post 2

1. Diseño y edición de páginas web (TICII)

Lenguaje HTML

El uso de gestores de contenido facilita la creación de páginas web para un usuario poco experto. Sin embargo, los diseñadores de páginas web se centran en la creación de páginas a partir del lenguaje en que están escritas: el lenguaje HTML (HyperText Markup Language).

Realiza las siguientes prácticas guardándolas individualmente con el número de la práctica, una palabra identificativa de la práctica y tu nombre en una carpeta que nombres HTML en tu drive. 

P1_inicio_eva

P2_formato_eva

P3_listas_eva

P4_enlaces_eva

P5_tablas_eva

P6_multimedia_eva

:: Práctica 1: Empezar a programar en HTML con el bloc de notas - (P6 Donostiarra - p.111) 

:: Práctica 2: Dar formato a un texto (descarga aquí el texto) - (P7-8 Donostiarra - p.113...) 

>> Aplica a la etiqueta <font> con los atributos de tamaño (size) y tipo de letra (face) a los distintos párrafos.

Ejemplo: <font size="3" face="arial">El diseño y...Java Script</font>

>> Inserta la siguiente imagen centrada después del primer párrafo (descarga la imagen y guárdala en la misma carpeta que tienes tu archivo html)** y añade el siguiente código:

<div align="center">

<img src="imgdisenoweb.jpg" width="250" height="150" border="4"/>

</div>

>>  Para finalizar esta práctica, vamos a añadir un enlace o vínculo a una página externa, a tu blog por ejemplo. Añade una frase al final que ponga Para más información pincha aquí y convierte la palabra aquí en un enlace a tu blog. Para ello utiliza la siguiente etiqueta:

Para más información pincha <a href="https://evatecnoleon.blogspot.com/p/inicio.html">aquí</a>

y por último averigua cómo puedes hacer para que se abra en una pestaña nueva!!!

:: Práctica 3: Listas y líneas

Actividad 5 de la siguiente web de Miguel Tecnología

Listas no ordenadas <ul>...</ul>

Listas ordenadas <ol>...</ol>

Elementos de una lista <li>...</li>

Líneas <hr> sin cierre (atributos size, color)

:: Práctica 4: Enlaces y formatos de caracteres (fotocopia para reproducir P4)

En esta práctica primero repasaras las etiquetas <b>,<i>,<u>,<s>,<sub>,<sup> para poner palabras en negrita, cursiva, subrayado, tachado, subíndice y superíndice respectivamente.

También utilizarás la etiqueta <dd> para hacer una sangría de un párrafo.

Y después aprenderás que hay 3 tipos de enlaces que se configurarán respectivamente con la siguiente estructura:

ABSOLUTOS <a href="https://evatecnoleon.blogspot.com/" target=_blank>Enlace a mi blog</a>

RELATIVOS <a href="P2_formato_profesora.html" target=_blank>Enlace a la práctica 1</a>

INTERNOS <a href="#inicio">Ir al inicio de la página</a>  

                      - poner la referencia donde se quiere ir  con <a name="..">

**Prueba a poner algunos títulos y negritas en colores (recuerda la etiqueta 

<font color="...">aplicando el código hexadecimal. Visita la web https://htmlcolorcodes.com/ **

:: Práctica 5: Tablas

Dentro del lenguaje de diseño web, las tablas HTML se crean usando las etiquetas <table> y </table>. En ella se incluyen dos etiquetas importantes: <tr>, que es para crear filas de tablas (table raw) y <td>, para crear celdas de datos (table data). Todo lo que esté dentro de ambas etiquetas es el contenido de la celda de la tabla. 

Otras etiquetas utilizadas al momento de trabajar con tablas HTML son: <th>, para agregar encabezados (table header), <caption>, para insertar el título de la tabla.

Algunos atributos que puedes aplicar a la tabla y a las celdas son:

<border="...">, para indicar el grosor del borde

<width="...">, para el ancho total de la tabla

<cellpadding="...">, para indicar la distancia entre el texto y la celda

<cellspacing="...">, para indicar la distancia entre los bordes de la celda

<align=center, right, left...>

<valign=top, bottom, middle...>

<colspan>, <rawspan>, para combinar celdas

<font color>, <bgcolor>, para cambiar el color del texto y del fondo

etc...

Aplica estos atributos para conseguir este resultado

Vídeo: Cómo hacer tablas en HTML

Después de practicar con las etiquetas básicas para realizar una tabla con el ejemplo (guárdalo como P5_tablas_nombre, realiza una tabla con tu horario y guárdalo como P5_horario_nombre.

:: Práctica 6: Multimedia (imágenes, audios y vídeos) - (fotocopia para reproducir P6)

En esta práctica, además de repasar algunos de los elementos vistos en las prácticas anteriores (imágenes, encabezados, tablas, saltos de línea, etc) vamos a aprender a insertar audios y vídeos en nuestra página web.

Recuerda que para insertar imágenes utilizábamos la etiqueta <img src="..."> incluyendo en los puntos la ruta del archivo de imagen (jpg generalmente). Pues en los audios y vídeos es muy parecido, pero cambiando img por audio y video.. Además, para que salgan los iconos de reproducción, deberemos añadir el atributo controls.

Ejemplos:

Tipos de bordes para imágenes:

Detalle para la práctica utilizando estilos de borde para las distintas imágenes.

Utiliza un selector de clase para cada imagen!

---

Aulaclic: curso de html y css

Aprende HTML y CSS - Curso Desde Cero (Youtube + GitHub)

2. Coding Languagues - 4PINF

 Coding languajes:

Low-level: Machine code (binary code), Assembly...

Hight-level: JavaScript, Python, Java, Visual Basic, Perl, Ruby, C#, and many others...

A compiler is a computer program. It translates a high-level programming language (C, C++, etc.) into binary code for a particular CPU (Central Processing Unit).

"Hello Word" in 10 coding languages: https://medium.com/streamelopers/hello-world-en-10-lenguajes-a30f73d771c4

Most common high level programming language for begginers

Conversion Decimal to Binary - Binary to Decimal

 

 

Visual Programming vs Textual Programming

1. Computational Thinking

Computational thinking involves taking a complex problem and breaking it down into a series of small, more manageable problems (decomposition). Each of these smaller problems can then be looked at individually, considering how similar problems have been solved previously (pattern recognition) and focusing only on the important details, while ignoring irrelevant information (abstraction). Next, simple steps or rules to solve each of the smaller problems can be designed (algorithms).

****

****

**

Introduction PINF

 PINF : Programación Informática

Programming - Coding

Initial Test:

Open  Scratch and, after logging in, create a program where the cat (Sprite) does the following actions when the green flag is clicked:

• Say "Hello" for 2 seconds.

• Move 100 steps to the right and wait 1 second.

• Ask: "Can you help me?"

  If your answer is yes: say "Thanks" for 2 seconds.

  If your answer is no: say "I had to try."

• Finally, say "See you soon."

1st Assessment: Programming Languages and Scratch

2nd Assessment:

 

3rd Assessment: