Mi primera página web

 Buenas a todos, todos.

vamos a trabajar con html5 para la creación de nuestra primera página web

TAREA

Crear una página web en la que describan la carrera (biografía, trayectoria profesional, logros...) de:

• Una mujer contemporáneas que trabaje en el ámbito STEM.
• Estos referentes deben ser de o trabajar en España (o Latinoamérica, en caso de centros latinoamericanos).
• Deben estar trabajando para conseguir un entorno digital más humano, ético y equitativo, alineado con los valores y necesidades de las personas. 
  
• Mi trabajo estará formado por tres páginas web, la primera la principal y a partir de ella saldrán otras dos mediante las que ampliemos información.

Se valorará la creación de perfiles que aún no estén publicados en Wikipedia, por lo que no solo se aceptan perfiles de mujeres muy relevantes, sino mujeres del entorno local que trabajan en ámbitos STEM,  con trayectoria profesional en STEM o estudiantes del centro que desarrollan proyectos tecnológicos relevantes (por ejemplo, en programas como Technovation, MujeresTech, etc.), que están trabajando para conseguir un entorno digital más humano, ético y equitativo, alineado con los valores y necesidades de las personas.
 

Ejemplo de web

La página cumplirá las siguientes condiciones:

•  La publicaremos en github u otra plataforma similar. Si decides publicarla en otra plataforma diferente deberás indicar en la entrada del blog el proceso de subida. 
• Con un formato similar a las páginas biográficas de Wikipedia (biografía, trayectoria profesional, premios...).
• Incluyendo contenido multimedia, como imágenes o vídeos.
• El idioma es libre.

SUBIR LA PÁGINA A GITHUB

Os dejo este manual para subir la página a github

 Manual para subir la página web

 

EJEMPLOS DE MUJERES EN STEAM

Para decidir sobré que científica o investigadora española realizo la web os dejo unos enlaces:

• Mujeres STEAM por provincias.
• Mujeres científicas e investigadoras españolas 2025

• VALPAT: https://www.valpat.tech/quienes-somos/ 
• Lola Priego. 
• Búsqueda joven ingeniera en google.
  

 BUSCADORES DE PERSONAS:

Para conocer el trabajo de las personas tenemos páginas que nos lo facilitan. 

• Google
• Idcrawd
• pipl
• Muchos mas enlaces  para técnicas osint
  

Creación de páginas web con html

 Para la creación de una web con html vamos a utilizar el curso Web Development de code.org

Realizaremos hasta la lección 5, que es la parte HTML

Pinchad en el enlace para acceder al curso

Presentación eficaz: Netiqueta y entorno personal de aprendizaje

          

Aprovechando la entrada del compañero Paco Montero Arranz, en su blog tecnomapas.blogspot.com vamos a realizar la misma actividad que el propone a sus alumnos.

Se trata de que realicéis una presentación personal en presentaciones de microsoft,  (20 diapositivas-20 segundos de exposición).

 

ANTES DE CONTINUAR, ¿QUÉ ES UNA PRESENTACIÓN EFICAZ?

 

Echemos un vistazo a la siguiente entrada de este blog.

EL BLOG DEL SR. RUIZ: PRESENTACIONES INTELIGENTES

Y veamos la siguiente presentación:

Roba Esta Presentacion! (Steal This Presentation!) de Jesse Desjardins - @jessedee

CONTENIDOS DE LA PRESENTACIÓN

1. Personal Learning Environment. ¿Qué es? Elabora tu propio PLE. ¿con un mapa mental de Exam Time? ¿Una infografía Picktochart?¿...?
2. Las reglas de Netiqueta. ¿Qué son? ¿Cuales son las tuyas?
3. Opinión: WhatsApp, Twitter, Facebook, etc ¿fomenta las habilidades sociales? Cómo debe ser nuestro comportamiento en la vida real cuando estamos con gente. Concepto de Phubbing
4. Derechos de autor.
5. Licencias creative commons.
   

Aunque más abajo os dejo una serie de enlaces, en el siguiente dossier de Yolanda Corral, podéis encontrar información para toda la presentación.

Dossier ciberseguridad

TAREAS A REALIZAR PARA UNA CORRECTA PRESENTACIÓN 

• Investigar sobre cada uno de los contenidos pedidos.
• Elaborar una hoja de notas para el Pecha Kucha (lo que dirías durante los 20 segundos en los que expones cada diapositiva).
• Publicarlo en vuestro blog.
  

MODO DE PUBLICARLO

Debemos crear una entrada en el blog que se llame de título igual que esta entrada y en ella deberemos tener:

1. Enlace a la presentación en Onedrive con derecho a ver por todos los usuario de educacyl.
2. Subiremos la presentación a una plataforma de documentos del estilo slideshare, scribd... y la incrustaremos en nuestra entrada.
   

TEMPORALIZACIÓN

En menos de cuatro sesiones debe estar acabada la presentación.

Después evaluaremos, de manera objetiva y con criterio los trabajos de vuestros compañeros, además de auto-evaluar el tuyo propio. Será obligatorio.

Es posible que a partir del 10 de octubre algunos de vosotros lo expondréis en clase, y realizaremos un debate.

 CRITERIOS DE CALIFICACIÓN

Rúbrica parcial. La parte contratante de la primera parte. Busca la rúbrica completa en el enlace de más abajo.

ENLACES PARA LA INVESTIGACIÓN

Sobre presentaciones:
8 errores que debéis evitar en las presentaciones
Aplicando el pecha kucha
Presentaciones eficaces con pecha kucha
Sobre PLE:
http://tecnomapas.blogspot.com.es/2013/07/mi-entorno-personal-de-aprendizaje.html
https://es.wikipedia.org/wiki/Entorno_personal_de_aprendizaje
Ejemplo de Entorno Personal de Aprendizaje
Sobre normas de netiqueta:
https://www.yolandacorral.com/netiqueta-buena-educacion-en-red/
https://verne.elpais.com/verne/2017/06/29/articulo/1498723420_701293.html
consecuencias de mala netiqueta:
http://www.elmundo.es/deportes/2016/08/25/57bed93422601dfd568b4579.html
http://www.elmundo.es/deportes/2015/12/29/56825dd546163fb0438b45a6.html
http://www.lavanguardia.com/tecnologia/redes-sociales/20150508/54430486471/despedidos-culpa-redes-sociales.html
Enlace para decidir la licencia creative commons:
https://descargas.intef.es/cedec/proyectoedia/guias/contenidos/guiadelicencias/index.html
https://creativecommons.org/choose/

Derechos de autor
https://descargas.intef.es/cedec/proyectoedia/guias/contenidos/guiadelicencias/derechos_de_autor.html

En este enlace podéis ver dos ejemplos de lo pedido en el trabajo
http://tecnomapas.blogspot.com.es/2016/09/el-trabajo-de-claudia.html?utm_content=buffer97228&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer&m=1


Entrada basada en la entrada del compañero Paco Montero Arranz y su entrada del blog http://tecnomapas.blogspot.com

 FORMULARIO VALORACIÓN PRESENTACIÓN

Enlace para valoración de las presentaciones

Búsqueda eficiente 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:mp4 vídeos 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

45 trucos que te harán la búsqueda más fácil

TAREA

Abre un documento de texto en Onedrive y copia la captura de la pantalla que demuestre la solución a cada uno de los problemas planteados en el siguiente pdf.

Tarea búsqueda eficiente

Una vez realizado el documento debemos crear una entrada en nuestro blog que cumpla las siguientes condiciones:

1. Enlace al archivo doc de onedrive con permiso ver para todos los usuarios de educacyl.
2. Enlace al archivo en formato pdf en onedrive con permiso ver para todos los usuarios de educacyl.
3. Enlace al archivo en otra plataforma de almacenamiento como Drive de google con permiso ver.
   
4. Subimos el documento a una plataforma del estilo slideshare e insertamos el documento en nuestra entrada para poder leerlo sin descargarlo.

Plataforma para compartir contenido: nuestro portfolio

Buenos días, 

para gestionar nuestros trabajos y el contenido de la asignatura vamos a utilizar wordpress.com 

Mediante wordpress vamos a crear un blog, que nos permite recoger de manera cronológica los diferentes artículos y trabajos publicados.

Para la creación del blog os dejo la siguiente entrada del gran blog de Carlos Sánchez Barbero en la que nos guía en su creación.

https://tecnologiaingenieria.wordpress.com/2023/02/01/blogs-wordpress/

Comenzamos...

APP INVENTOR

App Inventor 1: Introducción

URL

• 
  

• 
  

App Inventor 1.1: Cómo probar las apps creadas en App InventorURL

• 
  

• 
  

App Inventor 1.2: Propiedades de la App y ventanasURL

• 
  

• 
  

App Inventor 2: Repaso a la Interfaz de DiseñoURL

• 
  

• 
  

App Inventor 3.1: Mi primera App (Diseño)URL

• 
  

• 
  

App Inventor 3.2: Mi primera App (Bloques)URL

• 
  

• 
  

App Inventor 3.3: Mi primera App (Prueba y corrección de errores)URL

• 
  

App Inventor 4: App de Preguntas y Respuestas

App juego: Arkanoid

URL

• 
  

• 
  

App Inventor 5: App Lector de códigos QRURL

• 
  

• 
  

App Inventor 6: App Traductor

• 
  
• EXTRAS: 
• App Inventor 7: app gps (visor web)
• App Inventor 7b: App gps(programar la aplicación)
• App Inventor 7c: App gps(abrir maps y usar marcador)
• App Inventor 7c: App gps(corregir errores)
• APP Inventor 8: base de datos y listas
• 
  

EXTRAS II: 

Ejemplo de uso de activity starter para buscar en internet

Lanzar visor web en vez de activity starter

• 
  
• URL
• 
  
• 
  

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

Diseño asistido por ordenador: Sketchup

 Para trabajar con sketchup, vamos a utilizar el manual preparado por Abel Olmedo

Manual sketchup 2013 de amartind11

 

PRESENTACIÓN DEL PROYECTO (Abel Olmedo) 

 

Empezaremos trabajando con las prácticas de Pedro Landín  

https://pelandintecno.blogspot.com/p/practicas-sketchup.html 

 

Para presentar las prácticas:

1. Imagen de la pieza (exportar JPG)
2. Archivo .skp, formato propio de sketchup, enlazado desde onedrive compartido para toda persona de educacyl
3. Archivo .stl , formato 3D y para imprimir, enlazado desde onedrive compartido para toda persona de educacyl.