Mostrando entradas con la etiqueta bh2. Mostrar todas las entradas
Mostrando entradas con la etiqueta bh2. Mostrar todas las entradas

jueves, 8 de abril de 2021

HTML

 Buenas a todos, todos.

vamos a trabajar con html5 y css

 para ello tenéis los manuales en el siguiente enlace

Según se leen los manuales se va realizando la tarea.

 

OS DEJO UN ARCHIVO MODELO

 

TAREA

1.- Crear con html 5 la estructura de una página web compuesta de tres páginas, siguiendo el ejemplo que os pongo en la imagen, basándonos en la información que aparece en la siguiente entrada https://ticuribarri.blogspot.com/2021/03/inteligencia-artificial-escuela-de.html    (unidades uno, dos y tres)

https://lh3.googleusercontent.com/-2zhVpf1qD8s/YG8xUFwaA1I/AAAAAAABDBU/sSopkedUdgQWO-_HcLuFdLczX9qdcz8-wCK8BGAsYHg/s0/2021-04-08.jpg?authuser=0 

Ejemplo de web

2.- Una vez creada la estructura le daremos forma mediante una hoja de estilos (unidades 4 y 5).

3.- Subiremos nuestra página web a github ayudandonos mediante la siguiente presentación donde nos lo explican 

 

EJEMPLO DE PÁGINA WEB

jueves, 1 de octubre de 2020

App Inventor: comenzamos

Primero debemos conocer nuestra máquina de trabajo, es decir nuestro móvil.
Veamos qué información es capad de recopilar nuestro móvil para trabajar con ella:

https://tecnoloxia.org/os-sensores-do-teu-mobil/ 

Ahora que ya conocemos nuestro móvil, empecemos a diseñar aplicaciones:

EXTRAS II: 


PARA LOS AVANZADOS:

Diseña app con pantalla inicio con menú de tres opciones y crea pantalla para cada opción:

  1. Hola mundo: al agitar el móvil me dirá un muñeco hola mundo y cambia su imagen.
  2. Donde estoy: al pulsar un botón, tiene que salir un mapa con la posición.
  3. Responde: Me hace una pregunta y si acierto suena ok, si fallo, suena error.

 PARA TODOS

Una vez vistos los manuales diseña una app útil para la sociedad

viernes, 14 de febrero de 2020

Publicar web en github


Nuestra página web debemos colgarla, para ello hay gran cantidad de servidores gratuitos, pero este año nos hemos decantado por utilizar Github
GitHub es una forja (plataforma de desarrollo colaborativo) para alojar proyectos.
Os dejamos la presentación que han creado Alejandro Prieto Toorasen y Sergio Corrionero con el proceso para albergar nuestra web en github


jueves, 6 de febrero de 2020

Nooc: medidas básicas de protección digital

Debemos realizar el nooc y se dará por superada la prueba con el enlace de la insignia, con los metadatos y en puesta en el lateral del blog:


Enlace: medidas básicas de protección digital

jueves, 16 de enero de 2020

Fases de la inteligencia artificial (AI)

La inteligencia artificial explicada por Nuria Oliver, (Alicante, 1970) es una ingeniera en telecomunicaciones española, doctora por el Media Lab del Instituto Tecnológico de Massachusetts (MIT).

Muchas de las cuestiones que se mencionan en este texto se basan en las ideas que la propia Nuria Oliver presentó durante su discurso de ingreso en la Real Academia de Ingeniería el 11 de diciembre de 2018. El texto del discurso está disponible públicamente en internet, por si te apetece echarle un ojo: http://www.raing.es/es/publicaciones/discursos-de-ingresos/inteligencia-artificial-ficci-n-realidad-y-sue-os

FACTORES QUE HAN INFLUIDO EN SU DESARROLLO

Tres han sido:
  • El Bigdata:Como las personas usamos de forma masiva servicios digitales en internet que almacenan todos los datos de nuestras interacciones, y como se están desarrollando procesos de digitalización del mundo físico, actualmente se dispone de grandes cantidades de datos que permiten entrenar a los sistemas de IA.
  • Entorno tecnológico en el que se ejecutan los sistemas de IA, con procesadores muy potentes y sistemas de almacenamiento de información a gran escala a un coste realmente asequible.
  • Avances en los propios algoritmos de IA, como el desarrollo de arquitecturas de redes neuronales profundas.


Lee los siguientes artículos:
Al contrario que en Europa, donde son las empresas quienes lideran los avances en la implantación de sistemas de IA, en algunos países asiáticos, especialmente, el gobierno está teniendo un papel muy protagonista en este sentido. Es el caso de China, que está poniendo un marcha un sistema de reconocimiento facial basado en IA que puede resultar, cuando menos, ligeramente inquietante: La inquietante apuesta china por el reconocimiento facial


IDEAS PRINCIPALES DE LA IA


Las cinco ideas principales que todo el mundo debería conocer acerca de la IA, tal como puede verse en la siguiente figura:

  1.  Percepción Los ordenadores perciben el mundo utilizando sensores
  2.  Representación y razonamiento Los agentes mantienen modelos o representaciones del mundo y las usan para razonar.
  3.  Aprendizaje Los ordenadores pueden aprender a partir de datos.
  4.  Interacción natural Hacer que los agentes interactúen con los humanos de manera fluida es un desafío enorme para los desarrolladores de IA.
  5.  Impacto social La IA puede tener un impacto tanto positivo como negativo sobre la sociedad.




Primera idea fundamental: Los ordenadores perciben el mundo utilizando sensores

FUente IA del INTEF


Segunda idea fundamental: Los agentes mantienen modelos o representaciones del mundo y las usan para razonar

Fuente IA intef


3ª idea fundamental: Los ordenadores pueden aprender a partir de datos.
Sentimientos: https://www.uclassify.com/browse/uclassify/sentiment/es
Género: https://www.uclassify.com/browse/uclassify/genderanalyzer_v5/es

Veamos como aprende en el caso de https://teachablemachine.withgoogle.com/

Tercera idea fundamental: Los ordenadores pueden aprender a partir de datos.


Ejemplo 2: teachadable machine

 
vemos como aprende en https://teachablemachine.withgoogle.com/

Cuarta idea fundamental: Hacer que los agentes interactúen con los humanos de manera fluida es un desafío enorme para los desarrolladores de IA


Propuesta: actividad desenchufada
El mimo "escacharrao"

Para entender por qué es muy difícil este tipo de interacciones os proponemos una actividad desenchufada en la que, utilizando solamente gestos, un estudiante trate de comunicar a un compañero algo que quiera hacer esta tarde o este fin de semana. El resto de la clase no puede ver los gestos, claro. A continuación, este estudiante se lo comunica, de nuevo usando solamente gestos, al siguiente. Y así se continúa hasta que llegamos al último estudiante, momento en el que podemos comprobar las diferencias entre el mensaje transmitido por el estudiante original y lo comprendido por el último estudiante. 

Quinta idea fundamental: La IA puede tener un impacto tanto positivo como negativo sobre la sociedad.






domingo, 24 de noviembre de 2019

App Inventor al servicio de la sociedad

Hello Navy: App fue creada por un grupo de estudiantes de secundaria de un instituto de Texas (EEUU) para tratar de ayudar a compañero de su clase, que es ciego, para moverse por el instituto. Para solucionarlo desarrollaron esta app, que integra diferentes herramientas digitales como una brújula, un escáner, VoiceOver, lectores ópticos en braille y tecnología de navegación interior para ayudar a que estudiantes con diversidad funcional visual puedan guiarse al moverse por sus escuelas o en cualquier edificio.
https://www.youtube.com/watch?v=RbpHUhrkRnU

Deskocaos: proyecto mejora compresión lectora
When and Where: reportaje

Actividad: deberéis diseñar una app que sea útil para la sociedad para mostrar una idea de como sería la app debéis hacer un prototipo con alguna de estas aplicaciones:

sábado, 21 de septiembre de 2019

Tema 1: la era digital

Para este primer tema vamos a realizar una presentación de google drive, estilo PechaKucha (20 diapositivas-20 segundos de exposición), con las actividades que os solicite. 
Tendrá una primera diapositiva que será la portada y a partir de ahí deberemos ir leyendo los apuntes y los enlaces correspondiente e ir realizando las diapositivas que se pidan añadiéndole información e imágenes.



La información debe ser veraz por lo que deberemos utilizar fuentes fiables, y las imágenes que utilicemos deberán estar libres de derechos, nombrando en todo momento el autor y la procedencia en el pie de foto.

1. Tecnologías de la información y la comunicación.
Las TICs engloban todo tipo de dispositivos y aplicaciones comunicativas, como la radio, la televisión, los teléfonos móviles, los sistemas informáticos, las redes de comunicaciones, etc., así como los diferentes servicios y aplicaciones relacionadas con ellos, por ejemplo, las videoconferencias, las redes sociales, los foros de noticias o el correo instantáneo. Se puede decir que constituyen el conjunto de herramientas que posibilitan la búsqueda, la creación, el almacenamiento, el tratamiento, la comunicación y la presentación de información. Para llevar a cabo esta labor los usuarios cuentan con los ordenadores personales, portátiles, tabletas o smartphones y sobre todo un acceso casi ubicuo y sin horarios a las redes de telecomunicaciones que permiten el acceso a los servicios en Internet. Pero prácticamente todos los objetos pueden estar conectados y recoger información, procesarla y compartirla. 
Diapositiva1: con la definición de "Tecnologías de la información y la comunicación"

2. Internet de las cosas.
El acceso a las redes de objetos cotidianos como una TV, un electrodoméstico, un wearable o dispositivos deportivos inteligentes como un reloj de fitness es una realidad cada vez más presente. La información se recopila y se envía cuando la conexión lo permite para ser procesada mediante aplicaciones. Toda esta información puede ser utilizada para mejorar diferentes aspectos de nuestra vida.
En un futuro muy próximo estos dispositivos inteligentes se van a comunicar de forma continuada entre ellos mismos sin la intervención del ser humano usando los procolos M2M (máquina a máquina) y sistemas operativos como Google Brillo, Windows 10 IoT, Raspbian o
Investiga, junto a tus compañeros de los laterales, algunos de los dispositivos más raros que pueden ser conectados a la red (sus posibles usos, sus características, sus fabricantes, página web del fabricante). Para que todo esto funcione se necesita un sistema operativo tal como Google Brillo que lo haga posible, investiga qué es y cómo funciona. 
Puede que os sirva este enlace del pais.es
Peligros:
Diapositiva2: explicación en que consiste el internet de las cosas con imágenes, texto explicativo y enlaces para exponerlos. Imagen objeto que os ha llamado la atención.

 

Diapositiva3: Otra diapositiva con los sistemas operativos que se utilizan en Internet de las cosas (IoT), con iconos.


3. Protocolos TCP/IP
Los protocolos de comunicaciones son lenguajes que permiten la comunicación entre los dispositivos de una red informática. El protocolo que se utiliza para la comunicación en Internet se conoce como TCP/IP y está compuesto por varias familias que en algunos casos nos son familiares y en otras no tanto. Por ejemplo, el famoso HTTP/HTTPS es el protocolo de transferencia de hipertexto que nos permite la navegación en páginas de Internet. Pero existen otros como el SMTP y POP3, que nos van a permitir el envío o la recepción de correos electrónicos desde un servidor remoto a través de un cliente de correos instalado en nuestro ordenador (por ejemplo: Outlook). Seguramente hayas oído hablar delFTP pero no sabrás que es un protocolo que nos permite hacer una transferencia de ficheros entre un cliente y un servidor. También tenemos el SSH, protocolo que nos permite acceder a máquinas remotas a través de una red informática.
Por último no podemos olvidar el propio protocolo IP (Internet Protocol) que se encarga de la transmisión de información, en forma de datagramas (paquete de datos que contiene una cabecera y unos datos), a través de la red. A estos datagramas se les añade la dirección IP de destino necesaria para que los routers la puedan encaminar hacia su destino. De hay la importancia que tiene que el protocolo IP asigne una dirección única de IP a cada dispositivo en nuestra red .
Diapositiva4: con esquema de los diferentes protocolos de internet

4. Versiones del protocolo IP
Existen dos versiones del protocolo. IPv4 e IPv6. Te preguntarás por qué existen dos versiones diferentes para un mismo protocolo. El problema está en la cantidad cada vez mayor de dispositivos que se conectan a Internet y que necesitan ser direccionados de forma única lo cual ha hecho que se pase de un IPv4 que usaba direcciones de 32 bits (4 secciones de 8 bits separadas por . expresadas en decimal) a un IPv6 que utiliza direcciones de 128 bits (8 secciones de 16 bits separados por : expresadas en hexadecimal).
Sigue este enlace para entender bien como funcionan estos dos protocolos IP e investiga las ventajas del IPv6 en términos de Autoconfiguración de conexión en la red, de mecanismos de seguridad, de mejora de rendimiento y de movilidad de equipos entre diferentes redes.
Diapositiva5: sobre los protocolos de comunicación, respondiendo a las siguientes cuestiones:¿que es un protocolo?¿tipos protocolo TCP/IP y su uso? Ventajas e inconvenientes de IP4 e IP6

5. Evolución de la Web.
Desde que nació la web en 1991 las cosas han cambiado mucho. En un principio se creó la Web 1.0 o web estática y luego se dio paso a la Web 2.0 o web social. Hoy en día y con la sobresaturación de información en Internet se está desarrollando la Web 3.0 o web semántica.
En el siguiente vídeo podrás ver está evolución de una forma gráfica y su por qué.
Pero no habla sobre la Web 4.0 o web total que deberás buscar tu por tu cuenta.
Crea una linea de tiempo con la herramienta timeline donde nos cuente el proceso y en que consiste, con enlaces y descripción de cada tipo.
Ojo, como la linea de tiempo al guardarla nos da la opción de archivo rwt para seguir editándo o pdf como resultado final. Nosotros queremos meterlo en nuestra presentación, por lo que tenéis varias opciones:


  • Hacer una captura de pantalla y jugar con el archivo de imagen generado en la captura de pantalla.
  • Guardar el pdf y convertirlo a jpg mediante cualguier conversor. Os recomiento online converter.

Os dejo otro enlace con 6 herramientas gratuitas para crear lineas de tiempo
Diapositiva6: anterior introduce tu linea de tiempo y si no has puesto ejemplos añádelos, con enlaces, imágenes o lo que necesites.

7. Fiabilidad de las fuentes de información
La web es una fuente casi infinita de información con la que vamos a poder usar, interpretar, relacionar, compartir dicha información. El proceso de búsqueda de esta información se facilita mediante los servicios de buscadores como google, yahoo, boodigo, bing o de Metabuscadores ( Ixquick, MetaCrawler, IBoogie, etc...) que buscaran en varios buscadores simultáneamente. Pero hay que tener cuidado con fiabilidad de dicha información. Si se obtiene de enciclopedias digitales, diccionarios online, bibliotecas virtuales, portales educativos oficiales ,webs oficiales o tesis doctorales, etc...la información estará contrastada y podremos asumir que es cierta. Pero puede ser que la obtengamos de redes sociales, de redes colaborativas (wikipedia) o blogs privados donde la información no está contrastada.
Para estar al tanto de la evolución de los avances tecnológicos crea una cuenta en feedly y añade diversas fuentes de información sobre tecnología. . Feedly es un gestor de noticias
Curiosidad: Artículo donde nos explica el modo de hacer el posicionamiento de las página google
Por eso a la hora de buscar información debemos identificar la veracidad de la información teniendo en cuenta:  El tipo de publicación (páginas web oficiales, tesis doctorales, investigaciones científicas....), el autor del texto(si el autor es un profesional del sector o acredita conocimientos sobre el tema, la procedencia de la información (publicaciones científicas, libros de texto, sitios web especializados), el contenido (analizar si la información es congruente, si tira de fuentes bibliográficas, si está bien argumentado...), la actualización (la información tiene una fecha de publicación que debe actualizarse para que no se quede obsoleto), el propósito (analizar si la información que se ofrece el objetiva) y por último la audiencia (analiza el público al que va dirigido nos va a decir si es rigurosa o no la información)

En cualquier caso antes de difundir la información siempre hay que realizar un proceso de ¿curación de contenidos? (Recuperar, filtrar, revalorizar, organizar y difundir)

Investiga hasta qué punto es cierto que Internet es libre, si existe censura o si existen países donde la información no está al alcance de la gente. 
Diapositiva7: recomendaciones para encontrar información fiable
Os sigo recordando que el origen de la información que se añada debe ser fidedigno y contrastado (google académico puede ser una buena fuente).
Diapositiva8: infografía (similar a la disponible en https://internality.com/web20/) en la que reflejes las aplicaciones web más utilizadas en internet. Para crear las infografías lee en siguiente enlace:



jueves, 19 de septiembre de 2019

Comenzamos con búsqueda profesional en google


Guía para buscar en Google de manera profesional 

VEAMOS ALGUNAS INSTRUCCIONES:
  1. Actividad en google: my activity
  2. Google no diferencia entre mayúsculas y minúsculas. Ejemplo: busca google, y gOOgle. observaremos que nos salen los mismos resultados. (admite hasta 32 palabras de busqueda)
  3. Ahora si tiene en cuenta las palabras del tipo "de" "los"... veamos un ejemplo: busquemos "historia de España" y "historia España", el resultado es diferente.
  4. OR. Termino para buscar aquellas página que tengan uno u otro termino. Ejemplo: historia OR cuentos. Muestra las página que tengan cualquiera de los dos términos, no necesariamente los dos.
  5. Las comillas. Se utiliza para buscar una frase exacta. "la historia de los cuentos". nos devuelve aquellas página que tienen la frase exacta. Útil para googlearse.
  6. Signo menos(-). Nos elimina criterios de búsqueda. Ejemplo: busquemos "león", luego "león - automóvil" y después "león - automóvil -ciudad"
  7. Signo mas(+) Suma en la búsqueda. Busquemos "Cuentos", y "cuentos+ranas" en el segundo nos busca aquellas página con cuentos y que tengan también el termino ranas.
  8. Signo parecido(~). Busca páginas que se parezcan al termino. ejemplo : ~enamorar. busca enamorarse....
  9. Define. Nos busca la definición del término. Ejemplo: define:cacatua
  10. Site. Nos busca dentro de la página que solicitemos ejemplo: madrugadores site:www.jcyl.es.
  11. Intitle. Nos busca dentro de los títulos de las páginas. Ejemplo: intitle:melón, intitle:uribarri
    1. allintitle
  12. Inurl. buscar el termino que pongamos en la url. Ejemplo: "inurl:melon intitle:uribarri" "samsung galaxi inurl:analisis"
  13. Allinurl. Lo mismo que antes pero con varios términos de búsqueda.
  14. Intext: busca un termino en el texto de las página intext:zyxw.
  15. Filetype. Nos busca archivos de tipo según su extensión:
    1. Mecanismos filetype:ppt  presentaciones powerpoint de mecanismos.
    2. Mecanismos filetype:swf  animaciones de mecanismos.
    3. Mecanismos filetype:doc  documentos de mecanismos.
    4. Mecanismos filetype:pdf documentos en pdf de mecanismos.
    5. Mecanismos filetype:jpg imágenes de mecanismos.
  16. Calculadora. si en la barra ponemos cualquier fórmula, nos saldrá el resultado y una calculadora científica. Ejemplo: 34+1
  17. Gráficas: Si ponemos una función nos representa la gráfica, incluso en 3D. Ejemplo: y = x^2
  18. Conversión unidades. ejemplo: 30 km a millas.
    1. Conversión de divisa. 60 euros to pounds.
  19. Tiempo en cualquier ciudad: weather salamanca
  20. Related. Nos busca página relacionadas o parecidas. Ejemplo: related:www.rae.es.
  21. Tu historial: www.google.com/history
  22. Intervalo "premios nobel 1975..1987"
  23. Sinónimo ~: novela ~misterio
  24. Comodín *: cuando desconocemos varias palabras de la consulta. Deberemos usar las comillas para acercarnos al resultado pedido "Federico García *"
  25. Arrastrar una imagen en google imágenes para obtener información sobre la imágen e imágenes parecidas.
     
  26. Google académico y google book mediante el término autor nos permite encontrar información fiable autor:immanuel kant
  27. Los dos puntos nos permiten buscar entre un rango de valores. Ejemplo: televisor 300..500 €
  28. Añadimos código postal a la busqueda. Ejemplo: restaurantes 37004
  29. Editor de fotos gratuito "Google nick collection"
  30. Destino google, para móvil

ACTIVIDADES DE BÚSQUEDA CON GOOGLE
  1. Saca tu actividad de Google. Haz un pantallazo y mételo en tu blog
  2. Encuentra la página donde aparece la siguiente frase “la Junta de Obras del Patronato de Formación Profesional aprueba un presupuesto de 150.000 pesetas ”. Escribe en el blog las instrucciones.
  3. Busca el Reglamento de Regimen Interno del centro directamente, sabiendo que la url del centro es http://iesmartinezuribarri.centros.educa.jcyl.es/‎ . Escribe en el blog las instrucciones.
  4. Busca animaciones flash sobre el corazón sabiendo que las presentaciones flash tienen la extensión .swf. . Escribe en el blog las instrucciones.
  5. Busca la gráfica x^2+y^2 y el pantallazo ponlo en el blog.
  6. Busca presentaciones powerpoint sobre el corazón sabiendo que la extensión es .ppt . Escribe en el blog las instrucciones.
  7. Busca recetas de salsa pero que no sean de queso. . Escribe en el blog las instrucciones.
  8. Busca páginas parecidas a la de wikipedia.org. Escribe en el blog las instrucciones.
  9. Busca portátiles entre 400 euros y 525 euros. Escribe en el blog las instrucciones.
  10. Dime cuántos euros son 450 dolares.. Escribe en el blog las instrucciones.
  11. Tiempo en tu pueblo. Haz un pantallazo y mételo en tu blog.
  12. Calcula el resultado de la siguiente operación: 89*87+90-(234)
  13. Busca los restaurantes alrededor del centro. Haz un pantallazo y mételo en tu blog.
  14. Indica de donde es la siguiente foto 
 
https://sites.google.com/site/recursosdweb20idiomas/google
Para conocer más os dejo el enlace del curso gratuito de google sobre las búsquedas