PRIMERA PÁGINA WEB PERSONALIZADA - TICII

Una vez que has realizado las 6 primeras prácticas completas, deberías dominar la estructura básica de una página html, añadiendo párrafos, imágenes, audios, vídeos, tablas, listas, etc. Además has aprendido cómo diseñar una hoja de estilos que proporcione un formato determinado a todas las páginas de tu sitio web: tipo de letra, color, tamaño, fondos, bordes, etc. Y también sabes cómo alojar tu web en un hosting gratuito. 

¡¡Es el momento de crear tu propio sitio web!!

Antes de nada dedica un tiempo para la planificación del diseño de tu web en papel. Piensa cuántas páginas va a tener y qué contenido tendrá cada página, no improvises sobre la marcha!! Visita algunas web sobre esa misma temática y coge ideas. Recopila material: imágenes, vídeos, links de interés. Y cuando tengas todo claro...abre el editor y comienza a codificar!!

Buena Suerte! 

Aquí tienes la lista de indicadores que debe cumplir tu web (pincha la imagen para abrir pdf)

Importante: Ten en cuenta todos estos indicadores a la hora de hacer tu diseño y no te olvides repasarlos realizando una autoevaluación justo antes de entregar tu trabajo

Tipos de Software

 

Busca información y visualiza algunos vídeos para realizar un trabajo con un procesador de textos sobre los tipos de software. Comienza con una introducción sobre el hardware y el software. Resume de forma genérica los principales componentes del hardware y luego céntrate en los tipos de software.

Utiliza estilos y títulos en los distintos apartados para luego realizar una tabla de contenidos o índice interactivo de tu trabajo.

Algunos vídeos de interés:

https://www.youtube.com/watch?v=B5AN_MmndlQ

https://www.youtube.com/watch?v=Q3aXKM7M0fA

https://www.youtube.com/watch?v=uM-ITJawH5M

FORMATO del trabajo:

- Portada prediseñada de Microsoft Word. Título: Tipos de Software

- Utiliza estilos con títulos para los distintos apartados (Título1, Título2...) e inserta en la segunda página una Tabla de Contenidos que sirva de índice. Para ello ve a menú Referencias > Tabla de contenido.

- Texto justificado. Tipo de letra verdana, arial o similar, negro y tamaño 12.

- Ilustra tu trabajo con imágenes, aplicando distintos formatos de tal forma que el texto rodee la imagen (formato cuadrado)

- Añade números de página

- Añade un encabezado con el título del trabajo y tu nombre

PUBLICACIÓN:

Guarda tu documento como pdf y súbelo a estas aplicaciones de publicación interactivas de documentos. Créate una cuenta, sube el archivo pdf y busca el código para publicar el trabajo en tu blog!!

- https://issuu.com/

- https://www.calameo.com/

4. VISUAL PROGRAMMING - Scratch Games- 4PINF

 

Challenge 1: A dodge game

- 2 sprites, 3 lives (variable), 2 backdrops

- Sprite 1 moves randomly.

- Sprite 2 moves with the arrow keys to dodge Sprite 1.

-  You start with 3 lives, and every time you touch Sprite 1 you loose one life.

- When lives come to 0, change the backdrop showing Game Over and stop all.

ADVANCED: Create a new sprite that moves ramdomly and when you touch it you can have an extra live!!

Challenge 2: A clicker game with fallling objects

Watch the tutorial you find in the Scratch webpage:

Also follow the instructions to this link for creating falling objects

ADVANCED:...

Challenge 3: A catch game with falling objects

Help: https://www.create-learn.us/blog/beginner-scratch-challenges-for-kids/

Or watch this video:

ADVANCED: 

- When the falling object touches the floor you loose one point

- If you get to -1 points the game is over (change backdrop and stop all)

- Create another falling object moving faster with extra score

- When you get 10 points the falling objects goes faster

Challenge 3: A maze game

https://www.create-learn.us/blog/how-to-make-a-maze-in-scratch/

Challenge 4: A Flappy Bird Game

https://www.youtube.com/watch?v=PfQiTBbHHY4&ab_channel=Fuelvin

Other challenges: 

https://sites.google.com/tldsb.on.ca/coding/challenges/jr-int-challenges-year-one

PRIMER SITIO WEB DE PRÁCTICAS - Página Index -

Organiza bien todos tus documentos html de las prácticas realizadas en una misma carpeta y crea carpetas independientes para imágenes, audios y vídeos.

Guarda en esa misma carpeta la hoja de estilos. Aplica algunos estilos más para unificar los títulos, los tipos de letra, etc...

Escribe la etiqueta de enlace a la hoja de estilos en el encabezado de todas las prácticas:

Crea una nueva página que llames index.html que será la página principal desde donde se podrá acceder a todas las prácticas. Repasa los enlaces relativos que utilizaste en la práctica 4. 

Coloca en cada práctica una imagen con una flecha o una casita, que sirva de enlace a la página INDEX

Completa tu página index.html con una imagen creada con inteligencia artificial en la que aparezca un estudiante que se parezca a ti trabajando con html y css en un ordenador.

Al pinchar sobre la imagen se debe abrir en una pestaña nueva la imagen en grande!!

Además, escribe una introducción sobre todo lo que has aprendido hasta ahora, explicando algunas de las principales ETIQUETAS HTML y los TIPOS DE SELECTORES CSS.

Y además, otra cosita ;-) ... para que yo pueda ver vuestra hoja de estilos, al final de la página principal, inserta un enlace a tu archivo .css

ACTUALIZA TODO EN TU HOSTING 

Y ASEGÚRATE QUE TIENES BIEN EL ENLACE EN TU BLOG!!

 En la página index, añade también un pie <footer> con tu nombre y fecha:

Y en la hoja de estilos aplica este código cambiando los colores si lo deseas:

3. Programming Languagues - 4PINF

Programming 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 languages for begginers

Conversion Decimal to Binary - Binary to Decimal

 

 

Visual Programming vs Textual Programming

WRITE A SUMMARY IN YOUR BLOG ABOUT PROGRAMMING LANGUAGES:

Define what is a programming language. Explain what is the difference between a Low-level and a High-level programming language and write some examples. Explain also what is a compiler.

SUSTAINABLE TECHNOLOGY

 

According to this video and reading page 27 answer these questions in your notebook:

1. What is sustainability?

2. What is planned obsolescence?

3. Write an example of unsustainable consumption.

4. Write 4 actions that contribute to sustainability.

5. Write 3 positive points of the influence of technological development and 3 negative points.

6. What is Fair Trade? For this, visit the page https://comerciojusto.org/ 

Also explain what is and what does "La coordinadora estatal de comercio justo"

To know more:

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