Tuesday, 29 October 2024

Formularios con JavaScript - TICII

 Formularios

Los formularios HTML son componentes esenciales de la mayoría de los sitios web y aplicaciones web. Permiten la interacción entre los usuarios y esos sitios web y son un concepto clave que deben comprender los desarrolladores web.

enlace 1


Atributos de la etiqueta <form>

- acción: Especifica la URL donde se deben enviar los datos del formulario.
- método: especifica el método HTTP utilizado para enviar datos del formulario ( posto get).
- objetivo : especifica dónde mostrar la respuesta después del envío del formulario 
(por ejemplo, _self, _blank, _parent) _top.
- nombre : Asigna un nombre al formulario con fines de identificación.

Tipos de entradas en un formulario:
- texto (text)
- opciones (radio)
- casillas de verificación (checkbox)





Cómo hacer un slider de imágenes:

Monday, 21 October 2024

Sensor de distancia y Servomotor - ARDUINO - 3CyR

Seguimos avanzando con prácticas que nos permiten conocer el funcionamiento de distintos sensores y actuadores.

Hasta el momento hemos realizado prácticas con:

- Diodos LED

- Pantalla LCD

Repasamos:

P1: encender y apagar un led

P2: secuencia de leds

P3: semáforo

P4: mensaje en LCD

Vamos ahora a conocer el sensor de distancia por ultrasonidos

P5_sensor de distancia (enlace a fotocopia)

Y el servomotor, que es un actuador que gira solamente hasta 180 grados




Después de realizar estas dos prácticas  intenta unirlas de tal forma que el servomotor gire 90º cuando se acerca un objeto a menos de 50cm (como si fuera una barrera que se abre cuando se acerca un coche). Está será la P7.
Tutorial1

Thursday, 17 October 2024

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


Word Processor Activity:

Reproduce pag.26 using VERDANA 12 for the text. Customize it as it is en the book!

Use this image:

Create an image with AI (Artificial Inteligence) for another image.


Other resources for AI:
Gemini (google)
Copilot (microsoft)



Wednesday, 16 October 2024

Diseño y publicación de presentaciones con herramientas Cloud Computing

 Repasamos los principales componentes del Hardware de un ordenador:


Sergio > Disco Duro
Antonio > Procesador
Nico >  Placa Base
Marcos > Periféricos de entrada
Juan Marcos > Periféricos de salida
Unai > RAM
Lucía > Tarjeta gráfica



Herramientas Cloud Computing para el diseño y publicación de presentaciones:

:: CANVA ::
:: GENIALLY ::
:: PREZI ::
************************


Para finalizar este tema, asegúrate que conoces los siguientes conectores y sabes qué tipo de componentes conectarías a cada uno de ellos:
- ATX
- SOCKET
- SLOTS O RANURAS DE EXPANSIÓN
- RANURAS PCI
- RANURAS DE RAM
- CONECTOR SATA
- PS2
- RJ45
- USB
- HDMI
- JACKS DE AUDIO
- CONECTOR VGA

Friday, 11 October 2024

P4 ARDUINO - Texto en pantalla LCD - 3ºCyR

PARA LA SEMANA DEL 14 DE OCTUBRE DEBEREIS  TERMINAR LAS PRÁCTICAS DE LA SEMANA PASADA >>> PINCHA AQUÍ PARA VER EL LINK

-  LA PRÁCTICA DEL PARPADEO DEL LED

- LA PRÁCTICA DEL COCHE FANTÁSTICO

- EL SEMÁFORO (Secuencia de led rojo, amarillo y verde)

Si las has terminado, haz la siguiente ampliación y asegúrate que las tienes guardadas con estos nombres en Tinkercad, aunque no corresponda con lo que dije al principio:

P1_LED_NOMBRES

P2_LUCES_NOMBRES

P3_SEMAFORO_NOMBRES

Ampliación: Probad a programar un cruce de semáforos, cuando uno está en verde, el otro en rojo y viceversa. Y para los más avanzados podéis probar a simular también los semáforos de peatones!! Contará como positivo en la práctica 3

(Realizad primero la práctica en Tinkercad y luego pasad el código al IDE de Arduino para conectarlo al montaje real en la protoboard)

Y si todavía os sobra tiempo, probad con la siguiente práctica que muestre un mensaje en la pantalla LCD. Hay fotocopias impresas de todas las prácticas en la mesa de la izquierda, así como cables, leds y resistencias por si necesitáis más.

P4 - Conectar y mostrar texto en LCD - Hello World (fotocopia)



Amplía la siguiente imagen para ver bien las conexiones:



Sunday, 6 October 2024

CSS - TICII

Fundamentos básicos de CSS:

Html y Css_2Bach

Crea una hoja de estilos CSS para aplicar formato al sitio web que comprende todas tus primeras prácticas. Estilos de borde de imágenes, color de fondo, estilos para los encabezados, etc.

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.

Nuevo: 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!!



3. 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.

Challenge 2: A catch game with falling objects

Or watch this video:


Challenge 3: A maze game


Challenge 4: A Flappy Bird Game



Other challenges: 

Wednesday, 2 October 2024

2. Hosting de una página web - TICII

Las páginas web (archivos html) que hemos realizado en las prácticas anteriores sólo podemos visualizarlas en el sitio local. Una vez que tenemos nuestra web completa en el sitio local funcionando correctamente, podemos alojarla en un servidor, si deseamos que puedan verla otros usuarios a través de internet. Para ello, vamos a obtener una cuenta en uno de los servidores gratuitos que existen.

Estos servidores requieren que nos registremos y nos ofrecen espacios gratuitos del orden de 1 GB.

Hosting gratuito:

https://007sites.com/

awardspace.com

webs.com

Mi web en el hosting 007sites: 

http://practicashtmleva.atwebpages.com/index.html

http://practicashtmleva2.atwebpages.com/


Mi tutorial para subir nuestros archivos al hosting (by Vidyard)


CMS - Wordpress - TIC I

 Tutoriales para iniciarse en Wordpress:

- Cómo crear entradas en Wordpress Blog

- Curso de Wordpress

Actividad: Creación de una web personal para la publicación de algún contenido de vuestra elección.

ejemplo