TRABAJO PENDIENTES TICO II SEPTIEMBRE 2017 · Así, para hacer que una luz se encienda y se apague...

Dep. Tecnología TICO 2º Bachillerato

TRABAJO PENDIENTES TICO II

SEPTIEMBRE 2017 Los alumnos con Tecnología de la Información y Comunicación II suspensa en junio, deberán

entregar en septiembre, en una memoria USB debidamente identificada por el exterior, los siguientes

trabajos, cada uno de los archivos deberán nombrarles con su nombre y apellidos.

Los profesores les podrán hacer preguntas, el día del examen, sobre la realización de los trabajos.

Lo deberán entregar el día del examen de septiembre.

TRABAJO 1 – SEGURIDAD INFORMÁTICA

Realizar en el procesador de texto un trabajo sobre seguridad informática que tenga los siguientes contenidos: SEGURIDAD INFORMÁTICA 1. Define los siguientes conceptos:

a. Seguridad informática b. Big Data c. Internet de las cosas d. Seguridad Física y Seguridad Lógica e. Seguridad Activa y Seguridad Pasiva f. Malware

2. Explica que son las siguientes amenazas:

a. Virus b. Gusano c. Keylogger d. Spyware e. Adware f. Hijackers g. Troyanos

3. Define los siguientes conceptos

1. Hacker 2. Cracker 3. Pharming 4. Cookies 5. Spam 6. Hoaxes

4. Define vulnerabilidad y busca la clasificación que hace Microsoft de las vulnerabilidades según su gravedad 5. Indica al menos 5 formas (y explícalas brevemente) de introducir medidas de seguridad activa en tu equipo.


Explica que es un Certificado digital y una firma electrónica. Como se obtienen, para qué sirven, qué se puede hacer con un certificado digital... 6. Define las siguientes amenazas y fraudes a las personas a. Suplantación de identidad b. Pérdida de intimidad c. ciberbullying 7. Define el concepto de protocolo a. ¿Qué diferencias hay entre el protocolo http y el protocolo https? b. Que significan las siglas TCP/IP? ¿Para qué se usa este protocolo? c. ¿Cómo funciona el protocolo IPv4? ¿Qué limitación presenta? d. Visita la web http://ipv6test.google.com/ e indica si tienes instalado en este equipo el protocolo IPv6. Entra en saber más e indica en que se diferencia este protocolo del IPv4. 8. Ve a Google y teclea “conocer mi IP pública”. Abre cualquiera de los enlaces e indica la IP de tu equipo y si estás utilizando un proxy 9. A quien pertenecen y para que se pueden utilizar las siguientes direcciones: a. denuncia-online.org b. www.agpd.es c. www.gdt.guardiacivil.es d. www.osi.es

TRABAJO 2 – CREACCIÓN DE PÁGINA WEB UTILIZANDO HTML

Crea una página web siguiendo las siguientes instrucciones:

Ejercicio 0:

1. Creamos una carpeta llamada "Sitio Web nombre del alumno":

2. Dentro de esta carpeta creamos otras dos llamadas: "css" e "imágenes".

3. En nuestro editor abrimos un nuevo archivo y lo guardamos como "Index" en la

carpeta raíz.

http://ipv6test.google.com/

http://denuncia-online.org/

http://www.agpd.es/

http://www.gdt.guardiacivil.es/

http://www.osi.es/


4. En el archivo Index, creamos la siguiente estructura de etiquetas. Como título le

ponemos "Impresión 3D nombre del alumno"

5. La etiqueta <!doctype html>, es una etiqueta informativa, nos indica que el documento

está bajo el estándar de HTML5.

Ejercicio 1:

En tu archivo Index.html coloca una imagen en la cabecera relacionada con la impresión 3D.

La imagen debe tener un tamaño de 1450 x 300 píxeles.

Imágenes

Para insertar una imagen primero la tenemos que guardar en la capeta imágenes creada.

Tenemos que insertar en nuestra página una imagen relacionada con la impresión 3D. Esta

imagen la tendremos que retocar para que tenga una tamaño de 1450 x 300 píxeles.

La vamos a colocar en la cabecera por lo que dentro del <body> tenemos que escribir la

siguiente etiqueta:

<header>

</header>

Dentro insertaremos la imagen mediante la siguiente instrucción:

<img src="nombre de la carpeta/nombre de la imagen.extensión">


Tablas y atributos

En HTML5 se pueden crear tablas parecidas a las del editor de texto. Las etiquetas

básicas que se utilizan son:

<table> </table> para crear la tabla.

<tr> </tr> para cada fila

<td> </td> para cada columna

Pero en la figura hay algo más en la etiqueta de creación de la tabla. Muchas etiquetas

pueden llevar atributos, los cuales pueden modificar el estilo

de la tabla. Por ejemplo, el atributo border = 2 nos indica

que la tabla tendrá un borde de 2 puntos de espesor. Otros

atributos que admite una tabla pueden ser:

Color de fondo (rojo en el ejemplo): bgcolor = red

Alineación: align =”center” También

admite las opciones “left” y “Rigth”

Alineación vertical: valign, con las opciones top,

center o middle y bottom

El ancho se puede aplicar a la tabla o a la celda, en

píxeles o en porcentable. Un ejemplo sería:

width “600 px” o width “70%”

Ejercicio 2.

Crea una sección que contenga un artículo con un formato similar al que se muestra en

la figura, con 2 imágenes y texto relativo a la impresión 3D.


Ejercicio 3.

El texto y las imágenes aparecen muy juntos en la tabla de la figura 5. Investiga las

características del atributo “cellpadding” y aplícalo para separar el texto. Es posible que

también tengas que aplicar el atributo “width” a las imágenes.

Nota: Las listas online de etiquetas suelen indicar los atributos que están disponibles para

cada una de ellas. Por ejemplo, se pueden consultar en:

https://developer.mozilla.org/es/docs/HTML/HTML5/HTML5_lista_elementos

Ejercicio 4.

Realiza las siguientes acciones:

Crea dos nuevas páginas en la carpeta del ejercicio 0, con otros temas de tu página de

impresión 3D.

En el espacio para el navegador (<nav>), crea una lista con tres elementos, que serán

los nombres de las tres páginas.

Los hipervínculos se hacen utilizando la etiqueta <a>. Esta etiqueta debe incorporar un

atributo obligatorio que es href = “ “

Entre comillas se escribe la dirección a la que se desea dirigir el vínculo. Puede ser de dos

tipos:

El nombre de otro archivo que está en la carpeta que se creó para alojar la web

https://developer.mozilla.org/es/docs/HTML/HTML5/HTML5_lista_elementos


Ejemplo: <a href =”modelos impresora”> Impresoras 3D </a> convierte las

palabras “Impresora 3D en un link que lleva a otra página que tengo guardada en mi

carpeta.

Una dirección de Internet

Ejemplo: <a href =”https://es.wikipedia.org”> Más info </a> convierte las

palabras “Más Info” en un link que lleva a la web de wikipedia.

Ejercicio 5.

En la lista que creaste en el ejercicio 4, introduce links a las páginas creadas para

poder navegar entre ellas.

Introduce un botón de “Más información” en el “Footer” de cada una de las tres

páginas

Estilos. Etiquetas div y span

Estas etiquetas son contenedores que permiten dar estilo al contenido en su interior. La

siguiente imagen, obtenida de la web :

https://developer.mozilla.org/es/docs/Web/HTML/Elemento/span

muestra como trabajar con estas etiquetas.

Ejercicio 6.

Ver el video de ayuda nº 4 y aplicar las etiquetas div y span en algún punto de la web.

Hojas de Estilos. Id y Clase


Llegados a este punto ya tenemos un nivel suficiente para progresar por nuestra cuenta, por lo

que utilizaremos como último paso herramientas en la red para progresar:

Ver los vídeos de ayuda números 5 y 6 y realizar las siguientes acciones:

Ejercicio 7. Crea la hoja de estilos de tu web y alójala en la carpeta css.

Ejercicio 8. Utiliza la hoja de estilo para darle un formato final a tu web lo más

elegante posible

Ejercicio 9. Entrega final

Haz los retoques que creas necesarios para mejorar la presentación de tu web.

Ejercicio 10. Subir la web a Internet

Busca un servidor gratuito para subir tu web. Sigue las instrucciones que te de el

servidor para cargar la web en el servidor mediante FTP. Como alternativa puedes montar un

servidor en tu ordenador siguiendo las instrucciones del vídeo de ayuda 7.

Copia la dirección de tu web y pégala en un documento de word que debes meter en el

pendrive.

Serie de vídeos de ayuda:

1. Estructura de un documento con HTML5:

https://www.youtube.com/watch?v=8RPS96lJnYg

2. Etiquetas básicas y atributos:

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

3. Tablas;

https://www.youtube.com/watch?v=0FzpTFT1xsI

4. Listas. Etiquetas div y span:

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

5. Hojas de estilo CSS:

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

6. Clases e id en CSS:

https://www.youtube.com/watch?v=12yvVqlIjdA

7. Montar un servidor en casa:

https://www.youtube.com/watch?v=73FmiQJ56sM


TRABAJO 3 – OPENSCAD

Utilizando OpenScad realiza las siguientes piezas:

Guarda los archivos en el pendrive que entregarás al profesor.

TRABAJO 4– SKETCHUP

Utilizando Sketchup realiza la siguiente pieza:

TRABAJO 5– ARDUINO

Realiza las siguientes prácticas: Prácticas 1. Encendido y apagado de leds


Para realizar estas prácticas se puede utilizar el simulador de arduino online, cuyo

funcionamiento se explica en otro documento.

Para demostrar que se han hecho los programas, se deben hacer capturas de pantalla y

pegarlas en el documento de word, donde irás también contestando a las preguntas.

Hagamos un primer programa sencillo. Encendido y apagado de un led según las

instrucciones de la siguiente web: http://www.prometec.net/nuestro-primer-programa/

Una vez allí ve a la sección “Primeras instrucciones en Arduino C++” y contesta a estas preguntas

¿Con que instrucción se configura de salida el puerto 13?

¿Con que instrucción se podría configurar de salida el puerto 8?

¿Con que instrucción se podría configurar de entrada el puerto 3?

¿Con que instrucción se aplica un voltaje de salida (5 V) en el pin 13 para que se

encienda el led?

¿Con que instrucción se aplica un voltaje de salida en el pin 8?

¿Con que instrucción se aplica un voltaje de 0 V para que se apague el led?

¿Con que instrucción se introduce un retardo en el programa?

Realiza el montaje de la figura. Conecta Arduino a tu ordenador, abre la aplicación IDE y crea el programa de control de un led según las indicaciones de la web anterior. Si no dispones de placa Arduino lo puedes hacer con el simulador de Arduino online.

Recuerda que el LED hay que conectarle en serie con una resistencia de 200 ya que Arduino nos proporciona 5 V en las salidas digitales

http://www.prometec.net/nuestro-primer-programa/


1. Utilizando estas instrucciones, enciende el led

2. Apaga el led

3. Haz que el led parpadee a intervalos de medio segundo

En esta ocasión vamos a conectar 2 leds, utilizando los puertos 10 y 11. El montaje que hay que realizar es similar al ejercicio anterior, pero con dos leds:

1. Realiza el montaje en la protoboard, configura los puertos en IDE y realiza el programa

para que los dos leds parpadeen de forma simultánea.

2. Modifica el programa para que los leds parpadeen de forma alternativa

3. Introduce un nuevo led (ahora debemos tener uno verde, uno amarillo y uno rojo).

Configura el nuevo puerto y programa una secuencia de funcionamiento de un

semáforo:

a. Verde encendido durante 5 s

b. Se apaga verde y Amarillo parpadea durante 3 segundos

c. Se apaga amarillo y se enciende rojo durante 5 segundos

d. Se apaga rojo y se vuelve a encender verde


Prácticas 2. Bucles y estructuras de control Un bucle “for” es una estructura para repetir un comando un número determinado de veces. Así, para hacer que una luz se encienda y se apague cincuenta veces con un intervalo de 100 ms, podremos repetir 50 veces la siguiente instrucción de encendido y apagado o bien escribirla una sola vez y utilizar la estructura “for” 1. Ve a la página de Arduino donde están todos los comandos que se usan:

https://www.arduino.cc/en/Reference/HomePage

Observa las estructuras de control y selecciona el bucle for.

¿Qué tres parámetros hay que indicar al programa?

¿Con que símbolo se separa cada parámetro?

¿Entre que símbolos se debe escribir el programa que ha de repetirse?

¿Qué significa ++ ?

¿Qué significa - - ?

¿Cómo define Arduino una variable?

2. Mira el siguiente bucle:

for (int i=0; i <= 10 ; i++) {

digitalWrite ( 12 , HIGH); delay (100); digitalWrite ( 12 , LOW); delay (100);

} Esta instrucción significa que habrá una variable llamada “i” que a cada ejecución se incrementa en 1. En la primera vuelta tendrá el valor 0, en la segunda el valor 1 y así sucesivamente hasta el valor 10, que es último que cumple la condición de ser menor o igual que 10. Por tanto el led en el puerto 12 se encenderá y apagará 11 veces.

a. Escribe un bucle en el que un led se encienda y se apague 25 veces con un

intervalo de 250 ms y luego se quede encendido 10 segundos. Envíalo a Arduino y

comprueba que funciona

b. Escribe un bucle en el que un led se encienda y se apague 100 veces con un

intervalo de 20 ms y después se encienda y se apague 10 veces con un intervalo

de 1 segundo. Envíalo a Arduino y comprueba que funciona.

3. Con 8 leds, realiza la práctica que encontrarás en:

http://www.prometec.net/circuito-multiples-leds/

https://www.arduino.cc/en/Reference/HomePage

http://www.prometec.net/circuito-multiples-leds/


4. Realiza un programa utilizando una estructura “While” y otro realizando una estructura

“do – while “

Prácticas 3. Condicionales

1. Veamos ahora el siguiente programa:

Contesta a las siguientes preguntas:

¿Cómo se declara el pin 6?

¿Cómo se declara el pin 13?

¿Qué significa la instrucción

“digitalRead”

¿Qué lecturas puede leer Arduino en

un puerto digital?

La función if (---) { }

else { }

es un condicional: Si se cumple la condición entre paréntesis, se ejecuta el programa entre corchetes. Si no se cumple la condición se ejecuta el corchete “else”.

2. Escribe el código y compila el programa para ver si hay errores

3. Monta el circuito del esquema y carga el programa. Comprueba que funciona

4. Crea un problema para el control de un semáforo que cumpla las siguientes condiciones:

a. Mientras no se accione un pulsador, el semáforo debe estar en verde


b. Cuando se accione el pulsador debe producirse la siguiente secuencia:

i. Espera de 5 segundos

ii. Se apaga el led verde

iii. Un led amarillo parpadea durante 5 segundos

iv. Se apaga el led amarillo y se enciende el led rojo durante 10 segundos

v. Se apaga el led rojo y se enciende el led verde durante 20 segundos

c. Cárgalo en tu placa y comprueba que funciona.

TRABAJO PENDIENTES TICO II SEPTIEMBRE 2017 · Así, para hacer que una luz se encienda y se apague...

Documents

Transcript of TRABAJO PENDIENTES TICO II SEPTIEMBRE 2017 · Así, para hacer que una luz se encienda y se apague...