tag:blogger.com,1999:blog-29155234588920815822024-03-13T04:01:46.973-07:00WebConectadaAlejandra García Redínhttp://www.blogger.com/profile/03673636727505805440noreply@blogger.comBlogger74125tag:blogger.com,1999:blog-2915523458892081582.post-60065052024503449022021-11-16T02:36:00.003-08:002021-11-16T02:39:48.970-08:00Crear y publicar un podcast<p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-ZJvXKv3fwZE/YZL5KwJqsQI/AAAAAAAAldg/yhFhPN3wjd87E_1r76v1CX4RmBYRda3IQCPcBGAYYCw/s1422/ivoox1.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="644" data-original-width="1422" height="181" src="https://1.bp.blogspot.com/-ZJvXKv3fwZE/YZL5KwJqsQI/AAAAAAAAldg/yhFhPN3wjd87E_1r76v1CX4RmBYRda3IQCPcBGAYYCw/w400-h181/ivoox1.PNG" width="400" /></a></div><br /> <p></p><p>Vamos a ver el paso a paso y las herramientas digitales que necesitamos para crear un Podcast.</p><br />Lo primero que hay que hacer, una vez que se tiene el contenido, es realizar las grabaciones. Si realizarán solo una, lo más sencillos es grabarse con el celular desde la grabadora o notas de voz. Una vez hecha la grabación, envíen el archivo a su dirección de correo para que puedan guardarlo en una computadora (en algunos dispositivos pueden usar también otros medios de transmisión).<div><br /></div><div>Si realizarán varias grabaciones o quieren incluir música o efectos sonoros, utilicen directamente el programa <a href="https://www.blogger.com/#">Audacity</a>. Deben descargarlo en su ordenador e instalarlo. También instalen el codificador LAME (les dejo la <a href="https://drive.google.com/file/d/1Gqtk7mLF_xAJe2985r09VY7Eum-_Uh6f/view?usp=sharing" target="_blank">versión para Windows</a>), que sirve para convertir archivos .WAV en .MP3. Fíjense en qué carpeta queda ubicado (por defecto en "Audacity") porque cuando quieran exportar el archivo de audio lo va a preguntar).</div><div><br /></div><div>Les dejo un tutorial sobre cómo editar un archivo en Audacity y cómo agregar varias grabaciones en un mismo audio:</div><div><br /></div>
<div style="height: 0px; padding-bottom: 56.25%; position: relative;"><iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" src="https://www.loom.com/embed/552eb7d83f6f44fb863dfb660f98458c" style="height: 100%; left: 0; position: absolute; top: 0; width: 100%;" webkitallowfullscreen=""></iframe></div><div style="height: 0px; padding-bottom: 56.25%; position: relative;">Una vez que tienen el archivo de audio que quieren publicar, pueden subirlo a un repositorio de Podcast. Sugiero <a href="https://www.blogger.com/#">Ivoox</a> que acepta formatos mp3, m4a (el de muchos celulares), mp4, wav o flac. </div><div style="height: 0px; padding-bottom: 56.25%; position: relative;"><iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" src="https://www.loom.com/embed/60272defd48a495799542e13d1f2f007" style="height: 100%; left: 0; position: absolute; top: 0; width: 100%;" webkitallowfullscreen=""></iframe></div><div style="height: 0px; padding-bottom: 56.25%; position: relative;"><div style="height: 0px; padding-bottom: 375.375px; position: relative;">Si necesitan convertir formatos, recomiento ir al sitio <a href="https://www.blogger.com/#">online converter</a>. Quedaría genial si las entrevistas tuvieran algún sonido inicial, como una cortina musical de radio. Como ya saben, no es posible utilizar música con derechos de autor. En la web es posible encontrar sitios que ofrecen sonidos gratuitos con permiso para reproducirse según derechos. Yo elegí <a href="https://www.royaltyfreemusicclips.com/pir/free_music_loops.shtml" target="_blank">Royalty free music clips</a> como ejemplo. </div><div style="height: 0px; padding-bottom: 375.375px; position: relative;"><iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" src="https://www.loom.com/embed/cea73faa112f40b6a57bf91754c0e3ce" style="height: 100%; left: 0; position: absolute; top: 0; width: 100%;" webkitallowfullscreen=""></iframe></div></div>
Alejandra García Redínhttp://www.blogger.com/profile/03673636727505805440noreply@blogger.com0tag:blogger.com,1999:blog-2915523458892081582.post-4021270100600419862020-10-20T15:37:00.009-07:002020-11-11T13:51:35.693-08:00Narrativa transmedia con diseños 3D <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-4XLRJnX4slI/X49oFDFXITI/AAAAAAAAdzw/wAJV991AQFgz8JsfAcQ7WBR5OqBBMYM-ACLcBGAsYHQ/s1260/Captura%2Bde%2Bpantalla%2B2020-10-20%2Ba%2Bla%2528s%2529%2B19.39.40.png" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="762" data-original-width="1260" height="389" src="https://1.bp.blogspot.com/-4XLRJnX4slI/X49oFDFXITI/AAAAAAAAdzw/wAJV991AQFgz8JsfAcQ7WBR5OqBBMYM-ACLcBGAsYHQ/w640-h389/Captura%2Bde%2Bpantalla%2B2020-10-20%2Ba%2Bla%2528s%2529%2B19.39.40.png" width="640" /></a></td></tr><tr><td class="tr-caption"><div style="text-align: center;">"Dragón atacando la ciudad y lanzando fuego" inspirado en el libro "<a href="https://es.wikipedia.org/wiki/El_hobbit" target="_blank"><span style="color: #38761d;">El hobbit</span></a>" </div><div style="text-align: center;">por Francisco Thieberger (alumno).</div></td></tr></tbody></table><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;">Seguro les pasó alguna vez que no quieren que termine una película, serie, libro porque les encanta la historia. ¿Qué les parece si ustedes la continúan? Puede ser con nuevos personajes o con algunos que son secundarios. ¿Están listo? ¡Allá vamos!</div><h3 style="text-align: left;"><b>Las consignas que proponemos son:</b></h3><p><b><span style="color: #38761d;">1. Elijan un libro que les gustó mucho.</span></b></p><p><b><span style="color: #38761d;">2. Piensen 6 palabras y creen una nueva historia que tenga elementos de la anterior.</span></b></p><p><b><span style="color: #38761d;">3. Ilustren en un dibujo personal esa nueva historia.</span></b></p><p><b><span style="color: #38761d;">4. Diseñen una ambientación en formato digital 3D que se relacione con el dibujo. ¿Cómo se imaginan la escenografía o el espacio que crearán?</span></b></p><p><b><span style="color: #38761d;">5. Completen el cuadro del doc colaborativo (Ver publicación en grupo Edmodo) para conocer el cuento elegido, la nueva narrativa y el escenario 3D pensado.</span></b></p><br />Les dejamos algunos videos inspiradores para que vean cómo procesan ideas y hacen maquetas los escenógrafos:<p></p><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="318" src="https://www.youtube.com/embed/jo4aAVjuh2o" width="382" youtube-src-id="jo4aAVjuh2o"></iframe></div><p><br /></p>Detrás de escena del teatro Colón, Buenos Aires: escenografías y efectos escénicos:<br /><span face=""Helvetica Neue", Helvetica, Arial, sans-serif" style="background-color: white; color: #212529; font-size: 14px; white-space: pre-wrap;"><br /></span><p></p><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="311" src="https://www.youtube.com/embed/Ffsh8Hzd4tY" width="374" youtube-src-id="Ffsh8Hzd4tY"></iframe></div><br /><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="316" src="https://www.youtube.com/embed/z8NYaFac8IY" width="380" youtube-src-id="z8NYaFac8IY"></iframe></div><br /><p>La principal herramienta que vamos a utilizar es <b><a href="https://www.sketchup.com/es/page/sketchup-schools-2021-producto" target="_blank"><span style="color: #274e13;">Google Sketchup for schools</span></a></b> con su cuenta institucional. Dependiendo del diseño, otra alternativa es <span style="color: #274e13;"><a href="https://www.tinkercad.com/" target="_blank"><b><span style="color: #274e13;">Tinkercad</span></b></a> </span>(APP disponible para quienes usen tablets). Ya la conocen, la usaron en 6to de la escuela primaria para diseñar los aviones.</p><p>Si bien no es muy complejo el uso de Sketchup tiene algunas dificultades, principalmente "pensar en 3 dimensiones". Vamos a comenzar con algunas prácticas sencillas desde tutoriales que nos provee el mismo sitio: <a href="https://docs.google.com/presentation/d/18hlvgReFCqd3flUkpaAsTRuMTnAyu-GXdoZkEnIpgxg/edit#slide=id.p1" target="_blank"><b><span style="color: #274e13;">Sketchup for schools: manual de impresión 3D </span></b></a></p><p>y analizaremos el potencial de los diseños 3D para su posterior impresión.</p><h3 style="text-align: left;"><b>Nueva consigna: </b></h3><p><b><span style="color: #38761d;">6. Elijan algún objeto impreso a partir de un editor de diseño 3D. </span></b><span face=""Helvetica Neue", Helvetica, Arial, sans-serif" style="background-color: white; color: #1c1e27; font-size: 14px; white-space: pre-wrap;"> P</span>reséntenlo y descríbanlo en un documento para presentar en asignación.</p><p>En clase vemos este video sobre la muestra de Fundación Telefónica en Argentina (diciembre, 2018):</p><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="321" src="https://www.youtube.com/embed/iDvYMpMRee8" width="386" youtube-src-id="iDvYMpMRee8"></iframe></div><br /><p>Ahora si, ¡a diseñar!</p><p>Antes de abrir esta herramienta, deben crear una carpeta en Google Drive para guardar los diseños. Sugerimos llamarla "Diseños Sketchup"</p><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><img border="0" data-original-height="1246" data-original-width="1226" height="640" src="https://1.bp.blogspot.com/-fEKhaJDi7XM/X49f44EDicI/AAAAAAAAdzc/S-figVUkLa0SL5FXcQUBQhQLAdDodmZZACLcBGAsYHQ/w630-h640/Captura%2Bde%2Bpantalla%2B2020-10-20%2Ba%2Bla%2528s%2529%2B18.50.43.png" style="margin-left: auto; margin-right: auto;" width="630" /></td></tr><tr><td class="tr-caption" style="text-align: center;">Tutoriales para conocer las posibilidades de Sketchup. <br /><a href="https://docs.google.com/presentation/d/18hlvgReFCqd3flUkpaAsTRuMTnAyu-GXdoZkEnIpgxg/edit#slide=id.p19" target="_blank"><span style="color: #38761d;">Screenshot de la presentación</span></a><br /></td></tr></tbody></table><div style="text-align: center;"><span><a href="https://docs.google.com/presentation/d/18hlvgReFCqd3flUkpaAsTRuMTnAyu-GXdoZkEnIpgxg/edit#slide=id.p19" target="_blank"><span style="color: #38761d;"></span></a></span></div><br /><h3 style="text-align: left;"><b>Últimas actividades: </b></h3><p><span style="color: #38761d;"><b>7. Creación de un pequeño guión para un relato visual pensado desde la historia creada y la escenografía realizada.<br /><br />8. Generen una presentación de diapositivas con la secuencia de trabajos que hicieron hasta acá:</b></span></p><p></p><ul style="text-align: left;"><li><span style="color: #38761d;"><b><span> </span>Investigación de objetos hechos con impresora 3D </b></span></li><li><span style="color: #38761d;"><b>Captura de pantalla de la realización del logo de ScketchUp.</b></span></li><li><span style="color: #38761d;"><b>Primeros diseños. </b></span></li><li><span style="color: #38761d;"><b>Captura de pantalla de los primeros diseños realizados sobre la historia creada.</b></span></li><li><span style="color: #38761d;"><b>Segundos diseños: escenografía personal de su historia.</b></span></li><li><span style="color: #38761d;"><b>Guión para el relato visual.</b></span></li></ul><span><br /><span style="color: #38761d; font-weight: bold;">9. Vamos a recorrer el diseño para poder mostrarlo completo. </span></span><div><span>Para esto pueden utilizar la herramienta "Scenes"en Sketchup. <a href="https://youtu.be/lZYIPorgaAE" target="_blank">Tutorial para versión en ordenador</a> y <a href="https://youtu.be/E5kU9V4LvrQ" target="_blank">para versión APP</a> (p</span><span face=""Helvetica Neue", Helvetica, Arial, sans-serif" style="background-color: white; color: #333333; font-size: 14px; white-space: pre-wrap;">rimero tienen que enviar el archivo .skp al celular. Yo lo hice por bluetooth).</span></div><div><span><br /></span></div><div>O bien exportar el diseño en SketchUp con formato .obj o .dae (collada) y subirlo a la plataforma <a href="https://sketchfab.com/" target="_blank">Sketchfab</a> para su mejor visualización y recorrido con Realidad Virtual. <a href="https://youtu.be/VnaPLLJ0slA" target="_blank">Tutorial</a></div><div><br /></div><div>Aquellos que tengan la versión educativa de Minecraft pueden exportar el diseño como .obj, importarlo a Tinkercad (si trabajaron con Sketchup) e incluirlo en Minecraft. <a href="https://of3lia.com/tinkercad-tutorial-completo/" target="_blank">Tutorial</a> (ver "Diseña tus propios Mods para Minecraft").</div><div class="elementor-element elementor-element-37be5e3 elementor-widget elementor-widget-heading" data-element_type="widget" data-id="37be5e3" data-widget_type="heading.default" style="border: 0px; box-sizing: border-box; margin: 0px 0px 20px; padding: 0px; position: relative; text-align: left; width: 880px;"><div class="elementor-widget-container" style="border: 0px; box-sizing: border-box; margin: 0px; padding: 0px; transition: background 0.3s ease 0s, border 0.3s ease 0s, border-radius 0.3s ease 0s, box-shadow 0.3s ease 0s, -webkit-border-radius 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s;"><div style="border: 0px; box-sizing: border-box; line-height: 1; margin: 0px; padding: 0px;"><br />10. Graben un video recorriendo su diseño y grabando en off o utilizando otra manera para que la historia se vincule a las imágenes que presentan. La presentación de diapositivas y el video deberán publicarlo en sus blogs personales. Recuerden comenzar la entrada explicando brevemente de qué se trata el trabajo. Pueden utilizar el enlace de esta publicación como referencia.</div></div></div><div><p style="text-align: left;">¿Cómo capturar la pantalla para crear el video? Hay varias maneras. </p><p>Desde una computadora les dejo 2 opciones:</p><p>1. Screen cast o Matic: Se puede descargar o usar online. <a href="https://www.loom.com/share/288334f912fc44079a3b5b8048c183e1" target="_blank">Tutorial.</a></p><p>2. Loom: Es una extensión de Google Chrome. <a href="https://www.youtube.com/watch?v=lkrr4-hmOnw&feature=youtu.be" target="_blank">Tutorial</a></p><p>Teniendo en cuenta que se pueden ver los diseños generados con SketchUp e insertados en SketchFab desde el celular (descargando las APPs), pueden grabar pantalla también desde acá. Los últimos modelos de iPhone tiene incorporada esta opción. Para los demás, hay varias APPs posibles. Pueden descargar DU Recorder</p><p><br /></p><p>Este proyecto está dirigido a alumnos de 2do año de la escuela secundaria a partir de una propuesta de Arte (Prof. Florencia Barletta), acompañado por Tecnología, Matemática (Federico Aranguren) y Prácticas del Lenguaje (Laura Smietniansky).</p></div>Alejandra Garcia Redinhttp://www.blogger.com/profile/08203427244453967548noreply@blogger.com0tag:blogger.com,1999:blog-2915523458892081582.post-24939071207696840432020-10-16T05:56:00.000-07:002020-10-16T05:56:11.491-07:00Edición de videos en clase <span id="docs-internal-guid-494e9963-7fff-d8b5-705b-227d4a0b7edf"><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">Vamos a trabajar con diferentes programas dependiendo del dispositivo que tengamos. Es preferible utilizar una computadora de escritorio o netbook/notebook. Quienes tengan esa posibilidad sugiero que descarguen </span><a href="https://www.openshot.org/es/download/" style="text-decoration-line: none;"><span style="color: #1155cc; font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Openshot video editor</span></a><span style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"> (multiplataforma y en español). Si ya conocen cómo utilizar otro editor, no hace falta descargarlo.</span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://youtu.be/ua5iK2EDmr8" style="text-decoration-line: none;"><span style="color: #1155cc; font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Tutorial 1 de Openshot</span></a></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><a href="https://www.youtube.com/watch?v=YSuCG3X2ZgA" style="text-decoration-line: none;"><span style="color: #1155cc; font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Tutorial 2 de Openshot</span></a></p><br /><span style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">Quienes tengan dispositivos móviles, Vivavideo (</span><a href="https://www.elgrupoinformatico.com/que-vivavideo-t40400.html" style="text-decoration-line: none;"><span style="color: #1155cc; font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">Qué es</span></a><span style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">) o inShot (</span><a href="https://www.elgrupoinformatico.com/tutoriales/inshot-que-como-funciona-t77353.html" style="text-decoration-line: none;"><span style="color: #1155cc; font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">posibilidades de uso</span></a><span style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">) son dos buenas opciones. </span></span><br /><div><br /></div><div>Más allá del programa a utilizar, hoy que tener en cuenta muchas cosas previas: reunir el material adecuado y pensar en un guión que seduzca a la audiencia, captando su atención.</div><div><br /></div><div>Vamos a pensar en clase esa estructura de guión entre todos.</div><div><br /></div><div><br /></div><div>Mientras tanto: recopilen los videos o audios: "los ingredientes" Puede ser que necesiten capturar pantalla. Pueden usar AZ SCREEN RECORDER o DU RECORDER (Android) o la opción que viene ya instalada en iOS. </div><div><br /></div><div>Si tienen sólo audio, busquen algunas lindas fotos que tengan o imágenes "metafóricas" (en clase veremos esto).</div><div><br /></div><div>Si graban audio van a necesitar editar el mismo previo a armar el video. Desde una compu sugiero <a href="https://www.audacityteam.org/download/" target="_blank">Audacity</a> En esta entrada se explica cómo utilizarlo.</div><div><br /></div><div>Recuerden que la música de fondo tiene que ser libre de derechos de reproducción. No van a poder incluir esa canción que les gusta de un grupo o intérprete conocido. Les dejo este sitio que les recomienda <a href="https://aulacm.com/paginas-descargar-musica-libre-derechos/" target="_blank">10 páginas para obtener música gratis</a>.</div><div><br /></div><div><br /></div>
<iframe allowfullscreen="true" frameborder="0" height="389" mozallowfullscreen="true" src="https://docs.google.com/presentation/d/e/2PACX-1vSb_SzYUjWHdBuqA_S7KiuPL7OSf8wy5-YIDa1z8hMwKja_X3MQrY2jQOkgZ175PZ8dLdtOTu0PKtc8/embed?start=false&loop=false&delayms=3000" webkitallowfullscreen="true" width="640"></iframe><div><span style="font-family: Arial; font-size: 11pt; font-weight: 700; white-space: pre-wrap;"><br /></span></div><div><span style="font-family: Arial; font-size: 11pt; font-weight: 700; white-space: pre-wrap;"><br /></span></div><div><span style="font-family: Arial; font-size: 11pt; font-weight: 700; white-space: pre-wrap;">Recursos para generar un video más atractivo:</span><div><span id="docs-internal-guid-8d6c5162-7fff-3e7b-0d34-2809943c5acb"><ol style="margin-bottom: 0; margin-top: 0;"><ol style="margin-bottom: 0; margin-top: 0;"><li dir="ltr" style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: lower-alpha; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">Cámara rápida para ciertos momentos</span></p></li><li dir="ltr" style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: lower-alpha; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">Muy dinámico, cortes permanentes de la escena.</span></p></li><li dir="ltr" style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: lower-alpha; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">incorporar texto BREVE (solo frase importante)</span></p></li><li dir="ltr" style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: lower-alpha; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">Hacer Zoom en movimiento</span></p></li><li dir="ltr" style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: lower-alpha; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">insertar sonidos o música extra.</span></p></li><li dir="ltr" style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: lower-alpha; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">Responder al interlocutor con textos o audio.</span></p></li><li dir="ltr" style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; list-style-type: lower-alpha; vertical-align: baseline; white-space: pre;"><p dir="ltr" role="presentation" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">Cámara rápida para avanzar en el procedimiento ya explicado.</span></p></li></ol></ol></span></div></div>Alejandra Garcia Redinhttp://www.blogger.com/profile/08203427244453967548noreply@blogger.com0tag:blogger.com,1999:blog-2915523458892081582.post-47972779918244241092020-07-24T16:23:00.000-07:002020-07-24T16:46:24.338-07:00Videotutoriales desde una computadora de escritorio sin mic<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-YGAarWRr_zk/XxtyuxPpsgI/AAAAAAAAdm0/mni0oRbi2PsktJLVN5UjpbdARxuL_e1ugCLcBGAsYHQ/s1600/videotut.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="477" data-original-width="472" height="320" src="https://1.bp.blogspot.com/-YGAarWRr_zk/XxtyuxPpsgI/AAAAAAAAdm0/mni0oRbi2PsktJLVN5UjpbdARxuL_e1ugCLcBGAsYHQ/s320/videotut.png" width="316" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Si bien tenemos muchas opciones para crear videotutoriales con herramientas como Screen cast o matic, Loom o Screencastify; no queda completo si tengo una computadora de escritorio sin un micrófono que capte mis explicaciones.<br />
<br />
Mi sugerencia es grabar el video sin audio desde la computadora mientras que se graba el audio desde la grabadora de voz del celular. Luego, sólo resta montar ambos archivos para obtener lo que buscamos.<br />
<br />
Elegí el editor <a href="https://www.openshot.org/es/download/" target="_blank">OpenShot</a> porque es multiplataforma, gratuito, se puede configurar en nuestro idioma y ya viene en el paquete de las nets de Conectar Igualdad (con Win8 está dentro de Huayra y con Win10, en Windows/Multimedia). Además es parecido a Windows Movie Maker.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-wyC4QG8ZR2w/XxtpFOxPSaI/AAAAAAAAdmg/j7bSH7qoa40O2wp9OMVl_6TUdTkENYyawCLcBGAsYHQ/s1600/openshot.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="512" data-original-width="1600" height="203" src="https://1.bp.blogspot.com/-wyC4QG8ZR2w/XxtpFOxPSaI/AAAAAAAAdmg/j7bSH7qoa40O2wp9OMVl_6TUdTkENYyawCLcBGAsYHQ/s640/openshot.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Screenshot del sitio <a href="https://www.openshot.org/es/download/">https://www.openshot.org/es/download/</a></td></tr>
</tbody></table>
<br />
Existen tutoriales bastante completos sobre cómo utilizar este editor en formato video:<br />
<div>
<a href="https://www.youtube.com/watch?v=ua5iK2EDmr8" target="_blank">Openshot - editor de videos gratuito - tutorial en español - crea video para tus redes sociales</a></div>
<div>
<a href="https://www.youtube.com/watch?v=YSuCG3X2ZgA" target="_blank">Curso/Tutorial Openshot: Editor de vídeos LIBRE para tus vídeos en Redes Sociales y Youtube.</a><br />
<div>
<br /></div>
<div>
o en .pdf: <a href="http://bloc.xarxa-omnia.org/omnialafont/files/2013/04/TUTORIAL-B%C3%81SICO-OPENSHOT.pdf" target="_blank">Tutorial básico de OpenShot</a></div>
<div>
<br /></div>
<div>
Pero no hace falta aprender a fondo cómo utilizarlo para este caso. Les dejo el paso a paso de cómo lo haría yo para que tomen de referencia:</div>
<div>
<br /></div>
<div>
<br /></div>
<div style="height: 0; padding-bottom: 56.25%; position: relative;">
<iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" src="https://www.loom.com/embed/40a9b7f883ec4eaba2f30ea8bb13cdaa" style="height: 100%; left: 0; position: absolute; top: 0; width: 100%;" webkitallowfullscreen=""></iframe></div>
</div>
Alejandra Garcia Redinhttp://www.blogger.com/profile/08203427244453967548noreply@blogger.com0tag:blogger.com,1999:blog-2915523458892081582.post-26938323288516267702020-06-04T12:36:00.011-07:002020-10-02T13:49:08.726-07:00¿Cómo crear presentaciones efectivas y atractivas?<p></p><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://www.blueriver.com/in-flow/how-storytelling-soft-skills-can-create-better-user-experiences-in-technical-careers/" style="margin-left: auto; margin-right: auto;" target="_blank"><img border="0" data-original-height="560" data-original-width="1452" height="246" src="https://1.bp.blogspot.com/-r1Hw57-2vTU/X3eQt5d_4NI/AAAAAAAAD8o/r5DbPBzQLFUyrOPptiZ4RVHTF9NLU0NRQCLcBGAsYHQ/w640-h246/Captura%2Bde%2Bpantalla%2B2020-10-02%2Ba%2Bla%2528s%2529%2B17.41.21.png" title="Diseño complejo vs. diseños sencillo en presentaciones de Bill Gates y Steve Jobs" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><span style="text-align: left;">Diseño complejo vs diseño sencillo en presentaciones de Bill Gates y Steve Jobs (CC0)</span><br /></td></tr></tbody></table><br /><span style="font-family: Arial; font-size: 11pt; white-space: pre-wrap;"><br /></span><p></p><p><span style="font-family: Arial; font-size: 11pt; white-space: pre-wrap;">Parece sencillo pero no lo es. Dicen que el 99% de las presentaciones son malas. Tal vez un poquito menos pero .... pocos conocen o tienen en cuenta cuestiones esenciales para lograr un producto efectivo y atractivo.</span></p><span id="docs-internal-guid-ed941bba-7fff-a1c3-fa18-4cc4f5b6acda"><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"><b>Lo importante no es la herramienta que se utilice sino EL DISEÑO</b>. Por lo tanto, mi sugerencia es que elijan un editor que no les complique su objetivo principal que es realizar una buena presentación de su propuesta. Para los que tienen buena conexión, sugiero que trabajen online con Presentaciones de Google, así pueden intervenir y trabajar en grupo sin necesidad de reunirse físicamente. </span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">MS Power Point es la mejor alternativa offline. Además,<a href="https://support.microsoft.com/es-es/office/novedades-de-powerpoint-2019-para-windows-8355a56a-f643-42d2-8454-784fa9b3d109" target="_blank"> las últimas versiones son realmente fabulosas </a><a href="https://www.office.com/?omkt=es-AR" target="_blank">También se puede usar online</a> (con cuenta Microsoft / Hotmail) y en forma colaborativa. </span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"><a href="https://prezi.com/es/" target="_blank">Prezi</a> es otro editor potente. Tiene una interfaz atractiva aunque si no se lo conoce bien puede resultar una pesadilla (¡en este caso aumenta considerablemente la cantidad de presentaciones espantosas donde el espectador termina mareado...!).</span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">Otros editores online: Genail.ly, Canva, Emaze, ... entre muchas; es amplia la oferta.</span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><br /></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: Arial;"><span style="font-size: 14.6667px; white-space: pre-wrap;">Insisto en que lo importante es el diseño y pensar para qué situación se va a utilizar: la típica situación en que hay un expositor o grupo en un ambiente real y una presentación en pantalla, una presentación que se comparte en una plataforma de e-learning, ¿un <a href="https://es.wikipedia.org/wiki/PechaKucha" target="_blank">Pecha Kucha</a>? Cada situación tiene características propias.</span></span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: Arial;"><span style="font-size: 14.6667px; white-space: pre-wrap;">En el primer caso el presentador y su soporte digital son un equipo, se asocian para poder mostrar, explicar, informar algo. Por lo tanto deben contener principalmente ilustraciones (una grande es mejor que varias chicas), esquemas (SnartArt de Power Point tiene una enorme variedad de opciones), gráficos, tablas, etc. El texto tiene que ser BREVE (para ser leído en 3 seg) y NUNCA hay deb ser leído por el presentador. Estas y muchas otras recomendaciones se pueden encontrar en el libro </span></span><a href="http://www.duarte.com/book/slideology/" style="text-decoration-line: none;"><span style="color: #1155cc; font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">slide:ology</span></a><span style="font-family: Arial; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">, de Nancy Duarte. O bien, en este presentación que Diego Zalles preparó en relación a sus recomendaciones:</span></p><br /><div style="text-align: center;"><iframe allowfullscreen="" frameborder="0" height="485" marginheight="0" marginwidth="0" scrolling="no" src="//www.slideshare.net/slideshow/embed_code/key/pVwy3oIn2bICBZ" style="border-width: 1px; border: 1px solid #CCC; margin-bottom: 5px; max-width: 100%;" width="595"> </iframe></div></span><div style="margin-bottom: 5px;"> <strong> <a href="//www.slideshare.net/diegozalles/como-preparar-buenas-presentaciones" target="_blank" title="Como preparar buenas presentaciones.">Como preparar buenas presentaciones.</a> </strong> de <strong><a href="https://www.slideshare.net/diegozalles" target="_blank">Diego Zalles</a></strong> </div><div style="margin-bottom: 5px;"><br /></div><div style="margin-bottom: 5px;">Cuando la presentación se hace para compartir con otros sin un expositor que la comenta en forma sincrónica (ejemplo espacio de e-learning), no está mal visto que la cantidad de texto aumente ya que un producto visual sin un contexto puede ser confuso.</div><div style="margin-bottom: 5px;">En cambio, las presentaciones en los eventos PechaKucha exigen diapositivas donde principalmente haya imágenes, muchas veces metafóricas.</div><div style="margin-bottom: 5px;"><br /></div>Alejandra Garcia Redinhttp://www.blogger.com/profile/08203427244453967548noreply@blogger.com0tag:blogger.com,1999:blog-2915523458892081582.post-52345160268339669182020-05-07T07:14:00.004-07:002020-06-05T06:24:05.596-07:00Huella digital, identidad digital<div style="text-align: justify;">Yo en la web. ¿Quién sabe sobre mi? ¿Cómo construyo mi identidad digital? ¿Quiénes pueden ver mis datos? ¿Qué hacen con mis datos?</div>
<div style="text-align: justify;"><br /></div><div style="text-align: justify;">Vamos a hablar en clase sobre estos temas y comenzaremos a investigar para dar respuesta a estas preguntas.</div>
<div style="text-align: justify;"><br /></div><div style="text-align: justify;">Comencemos por ver y leer este material seleccionado:</div>
<br /><div style="text-align: center;"><iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/NPE7i8wuupk?rel=0" width="560"></iframe>
</div>
<div style="text-align: justify;"><a href="https://www.educ.ar/recursos/150886/datos-huella-digital-y-dopamina">Datos, huella digital y dopamina (primera parte)</a> Día a día incrementamos la cantidad de actividades en línea y pasamos cada vez más tiempo conectados a internet. Todo lo que hacemos deja rastros, trazas, marcas, como si al caminar cayera una miga por cada paso que damos. Así se genera la huella digital, ¿qué es y cómo afecta nuestras vidas? </div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-lXSxudIioFk/XtpGI4qlgWI/AAAAAAAAD5k/mynG9dAIHSQl1UDscNI0Bebi5WROprL-gCK4BGAsYHg/s443/La_huella_digital.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="La huella digital, por Shaped193. En Wikimedia. Licencia CC BY-SA 4.0 Int" border="0" data-original-height="296" data-original-width="443" src="https://1.bp.blogspot.com/-lXSxudIioFk/XtpGI4qlgWI/AAAAAAAAD5k/mynG9dAIHSQl1UDscNI0Bebi5WROprL-gCK4BGAsYHg/d/La_huella_digital.jpg" title="La huella digital, por Shaped193. En Wikimedia. Licencia CC BY-SA 4.0 Int" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"> La huella digital, por Shaped193. En Wikimedia. Licencia CC BY-SA 4.0 Int</td></tr></tbody></table><div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Les pido ahora que tomen sus celulares y, desde el navegador Chrome, accedan a este sitio</div>
<div style="text-align: justify;"><a href="https://myactivity.google.com/myactivity?hl=es-VE">MI ACTIVIDAD</a></div><div style="text-align: justify;">¿Sabían de todos los datos a los que accede Google?</div>
<div style="text-align: justify;"><a href="https://elandroidelibre.elespanol.com/2018/02/google-grabacion-de-voz.html">Google está grabando sin que lo sepas. Así pueden evitarlo.</a></div><div style="text-align: justify;">Ahora pueden elegir mantenerlos habilitados o no.</div>
<div style="text-align: justify;"><br /></div><div style="text-align: justify;">Respecto de la identidad digital, ¿Qué cuidados tenés al publicar? ¿Quiénes pueden tener acceso a las fotos, videos, textos que compartís? ¿Tus amigos También tienen cuidado? ¿Puede perjudicarte esto a la hora de aplicar en una Universidad o de conseguir trabajo? ¿Es posible eliminar un contenido una vez que se ha publicado?</div>
<div style="text-align: justify;"><br /></div><div style="text-align: justify;">Leer más:</div>
<div style="text-align: justify;"><a href="http://datos%2C%20huella%20digital%20y%20dopamina%20%28segunda%20parte%29/"></a><a href="http://datos%2C%20huella%20digital%20y%20dopamina%20%28segunda%20parte%29/">Datos, huella digital y dopamina (segunda parte)</a></div></div>Alejandra García Redínhttp://www.blogger.com/profile/03673636727505805440noreply@blogger.com1tag:blogger.com,1999:blog-2915523458892081582.post-50340604215930639672019-04-13T04:45:00.000-07:002019-04-17T05:31:33.054-07:00Alfabetización digital en el profesorado<span style="background-color: white; color: #4e2800; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13px;">Empecemos la cursada hablando de a qué llamamos alfabetización digital, algunas conceptualizaciones importantes y características de una formación docente acorde con nuestro tiempo. La pregunta disparadora es: ¿Cómo nos hacemos cargo de enseñar en este tiempo?</span><br />
<span style="background-color: white; color: #4e2800; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13px;"><br /></span>
<span style="background-color: white; color: #4e2800; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13px;"><br /></span>
<iframe allowfullscreen="true" frameborder="0" height="366" mozallowfullscreen="true" src="https://docs.google.com/presentation/d/e/2PACX-1vTwaHLmFfoAvCHheJfzAQbbAVVVvzHGyF2b1nfXUD05Ba_lacrsJKbU3B6UabtLJf1PlZu_ouzBJv3y/embed?start=false&loop=false&delayms=3000" webkitallowfullscreen="true" width="600"></iframe>
<br />
<br />
<div style="background-color: white; color: #4e2800; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px;">
Recomiendo acceder a la presentación sobre <a href="http://webconectada.blogspot.com.ar/2015/02/herramientas-basicas-de-un-docente.html" style="color: #b5653b; text-decoration-line: none;" target="_blank">"Herramientas básicas de un docente digital"</a></div>
<br style="background-color: white; color: #4e2800; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px;" />
<br style="background-color: white; color: #4e2800; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px;" />
<span style="background-color: white; color: #4e2800; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13px;">Fuentes consultadas (captura de pantallas):</span><br />
<span style="background-color: white; color: #4e2800; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13px;">Álvarez, D. (2010) Entornos personales de aprendizaje permanente. Recuperado de: http://es.slideshare.net/balhisay/entornos-personales-para-el-aprendizaje-permanente-4557955</span><br />
<span style="background-color: white; color: #4e2800; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13px;">Cobo Romaní, C. (2012). Perspectivas tecnológicas: Educacion Superior en Iberoamérica (2012 - 2017). </span><span style="background-color: white; color: #4e2800; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13px;">The New Media Consortium. Recuperado de: de: http://es.slideshare.net/cristobalcobo/horizonib2012-esp-147041</span><br />
<span style="background-color: white; color: #4e2800; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13px;">INTEF, (2017) Resumen Informe Horizon 2016 para primaria y secundaria 2016. Recuperado de http://blog.educalab.es/intef/wp-content/uploads/sites/4/2016/10/2016_1018_Resumen_Horizon_Primaria_Secundaria_2016_INTEF.pdf</span><br />
<span style="background-color: white; color: #4e2800; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13px;"><br /></span>
<span style="background-color: white; color: #4e2800; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13px;">(Entrada actualizada al 13/04/2019)</span>Alejandra García Redínhttp://www.blogger.com/profile/03673636727505805440noreply@blogger.com0tag:blogger.com,1999:blog-2915523458892081582.post-89291444699962929612018-09-05T18:48:00.000-07:002018-09-06T09:33:57.954-07:00Hologramas basados en construcciones geométricas inmersos en composiciones de Arte.<br style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 12.8px;" />
<span style="background-color: white; color: #222222; font-family: "arial" , sans-serif; font-size: 12.8px;">Edición final del trabajo de Arte sobre la base de construcciones geométricas con puntos notables de los triángulos.</span><br />
<br style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 12.8px;" />
<span style="background-color: white; color: #222222; font-family: "arial" , sans-serif; font-size: 12.8px;">Vamos a generar videos aptos para crear hologramas. ¿Qué características deben tener? Fondo negro, copiado y pegado en rotación 90 Grados.</span><br />
<br style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 12.8px;" />
<span style="background-color: white; color: #222222; font-family: "arial" , sans-serif; font-size: 12.8px;">Se busca generar videos donde se vea la transición entre una obra y otra simulando un ambiente animado.</span><br />
<span style="background-color: white; color: #222222; font-family: "arial" , sans-serif; font-size: 12.8px;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-kOPGI7dTNkw/W5B6YZ8FqdI/AAAAAAAAZIs/be7uPo_0BT07bsIqSb2onFQ6THk6zvSWwCLcBGAs/s1600/D987D9CA-64C6-495C-AE73-E4F275D4D7F8.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1600" height="320" src="https://1.bp.blogspot.com/-kOPGI7dTNkw/W5B6YZ8FqdI/AAAAAAAAZIs/be7uPo_0BT07bsIqSb2onFQ6THk6zvSWwCLcBGAs/s320/D987D9CA-64C6-495C-AE73-E4F275D4D7F8.JPG" width="320" /></a></div>
<br style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 12.8px;" />
<br />
<br />
<br style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 12.8px;" />
<span style="background-color: white; color: #222222; font-family: "arial" , sans-serif; font-size: 12.8px;">Para esto van a comenzar insertando la imagen inicial y van a superponer la siguiente buscando que coincidan ambas figuras con su contorno. Con un editor de imagen o, incluso, con Power Point, van a ¨jugar¨con los niveles de transparencia para que se vea al 100% primero la imagen de abajo y luego vaya apareciendo de a poco la imagen de arriba:</span><br />
<span style="background-color: white; color: #222222; font-family: "arial" , sans-serif; font-size: 12.8px;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<a href="http://picasion.com/"><img alt="http://picasion.com/" border="0" src="http://i.picasion.com/pic88/9924fa964ba31bb37d84d5aee80ce5f9.gif" height="306" width="300" /></a><br />
<a href="http://picasion.com/">http://picasion.com/</a>
<br />
<br />
<span style="background-color: white; color: #222222; font-family: "arial" , sans-serif; font-size: 12.8px;">Van a guardar muchas imágenes de esta transición para buscar que no haya cambios bruscos entre una y otra. Lo mismo harán con las siguientes.</span><br />
<span style="background-color: white; color: #222222; font-family: "arial" , sans-serif; font-size: 12.8px;"><br /></span>
<span style="background-color: white; color: #222222; font-family: "arial" , sans-serif; font-size: 12.8px;">El siguiente paso es eliminar el borde rectangular de las imágenes, para que no queden líneas tan duras al crear el video holográfico. les sugiero utilizar Pixlr APP o <a href="https://www.fotojet.com/">FotoJet</a> desde la Web.</span><br />
<span style="background-color: white; color: #222222; font-family: "arial" , sans-serif; font-size: 12.8px;"><br /></span>
<span style="background-color: white; color: #222222; font-family: "arial" , sans-serif; font-size: 12.8px;"><br /></span>
<br style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 12.8px;" />
<span style="background-color: white; color: #222222; font-family: "arial" , sans-serif; font-size: 12.8px;">Una vez que tengan todas las imágenes, van a generar el video para que se simule la animación entre todas las obras de arte.</span><br />
<br style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 12.8px;" />
<span style="background-color: white; color: #222222; font-family: "arial" , sans-serif; font-size: 12.8px;">Ya creado el video, vamos a trabajar con MS Power Point para llegar al video final. <a href="https://www.blogger.com/"><span id="goog_597636476"></span>En este tutorial<span id="goog_597636477"></span></a> pueden ver el paso a paso de cómo editar una presentación con videos de modo tal que se logre la proyección holográfica en una estructura de pirámide truncada transparente. Recuerden exportarlo como .wmv (Windows Movie Maker).</span><br />
<br style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 12.8px;" />
<span style="background-color: white; color: #222222; font-family: "arial" , sans-serif; font-size: 12.8px;">Si ya tenemos el video, vayamos a la construcción de la pirámide truncada. <a href="https://www.youtube.com/watch?v=jU5qmrOri68">En este tutorial </a>se explica cómo construirla utilizando las tapas de un CD de acrílico. <a href="http://milenewhologramas.blogspot.com/p/descargas.html">Puede utilizarse también celuloide</a></span><br />
<span style="background-color: white; color: #222222; font-family: "arial" , sans-serif; font-size: 12.8px;">Resultado final: </span><br />
<div>
<span style="background-color: white; color: #222222; font-family: "arial" , sans-serif; font-size: 12.8px;"><br /></span></div>
<div class="yj6qo" style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 12.8px;">
</div>
Alejandra García Redínhttp://www.blogger.com/profile/03673636727505805440noreply@blogger.com0tag:blogger.com,1999:blog-2915523458892081582.post-15883055648172852272018-08-13T12:57:00.000-07:002018-08-14T13:49:56.432-07:00Proyecto sobre desastres naturales con 1AA partir del "desastres naturales" que están estudiando en Geografía, vamos a preparar videos simulando cubrir estos eventos como periodistas de un canal de TV.<br />
<br />
<h4>
Etapas:</h4>
1. Busquen información sobre el tema que le tocó a cada grupo. Creen un doc de Google compartido con todos los integrantes de su equipo. Utilicen ese espacio como borrador para volcar la información que encuentren (texto y multimedia). Recuerden <a href="http://webconectada.blogspot.com/search/label/Creative%20Commons">elegir imágenes que puedan reutilizarse según licencias CC</a>.<br />
<br />
2. Generen una presentación con "Presentaciones de Google" o "MS Power Point" que reúna la información que deseen compartir. Recuerden que siempre deben incluir<b> espacio (lugar) y tiempo </b>como información de base.<b> </b>Las diapositivas deben ser sencillas y contener poco texto mientras que las imágenes deben tener un tamaño importante para que brinden información y puedan analizarse (y en lo posible no más de una por diapo).<br />
<br />
3. Elijan un video adecuado que enriquezca y amplíe la información sobre el desastre natural. Descárguenlo. Si nos saben cómo les dejo una entrada de mi blog "Cómo hacer para": <a href="http://comohacerpara.tumblr.com/post/176924755607/descargar-videos-a-tu-compu-o-a-tu-dispositivo">Descargar videos a tu compu o a tu dispositivo móvil</a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-ycG2fJMzVTY/W3NAW7GhZyI/AAAAAAAAZE0/fmlGOY6P2nAej2DxowZTcpvvzgUQ6GMLACLcBGAs/s1600/5805878E-401B-4BCD-9EDC-EEB300C3AB41.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="240" src="https://1.bp.blogspot.com/-ycG2fJMzVTY/W3NAW7GhZyI/AAAAAAAAZE0/fmlGOY6P2nAej2DxowZTcpvvzgUQ6GMLACLcBGAs/s320/5805878E-401B-4BCD-9EDC-EEB300C3AB41.png" width="320" /></a></div>
<br />
4. Vamos a grabar la intro del video con la técnica de "Fondo verde" para que el "presentador" pueda verse delante de una imagen pertinente o de un video. Por favor elijan qué prefieren tener de fondo y envíen el archivo por el grupo de Edmodo como respuesta de mi mensaje. <a href="https://itunes.apple.com/us/app/green-screen-by-do-ink/id730091131?mt=8">Usaremos la APP Green Screen de DO INK</a><br />
<br />
5. Si optaron por incluir una imagen inicial, les pido que el video elegido lo inserten dentro de la presentación. Les dejo tutorial de cómo hacer esto dependiendo del editor de presentaciones elegido:<br />
<a href="https://t.umblr.com/redirect?z=https%3A%2F%2Fsupport.office.com%2Fes-es%2Farticle%2Finsertar-y-reproducir-un-archivo-de-v%25C3%25ADdeo-desde-su-equipo-o-desde-onedrive-f3fcbd3e-5f86-4320-8aea-31bff480ed02&t=MzJjMjk1MTUxNTNmYTg2MzZhNmRiNjFkOTZkZWJjMzhiZTNkYWU3ZSx1Q2pCZEJiWQ%3D%3D&b=t%3AhW_pJ6DUrvXZdbSsHli0bQ&p=http%3A%2F%2Fcomohacerpara.tumblr.com%2Fpost%2F176926802562%2Fagregar-un-video-a-tu-presentaci%C3%B3n&m=1" style="background-color: white; background-image: linear-gradient(rgba(68, 68, 68, 0) 50%, rgba(68, 68, 68, 0.25) 0px); background-position: 0px 1.15em; background-repeat: repeat-x; background-size: 1em 2px; border: 0px; box-sizing: border-box; font-family: inherit; font-size: 14px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none 0px; padding: 0px 0px 0.15em; vertical-align: baseline;">Paso a paso utilizando Power Point </a><br />
<a href="https://t.umblr.com/redirect?z=https%3A%2F%2Fsupport.office.com%2Fes-es%2Farticle%2Finsertar-y-reproducir-un-archivo-de-v%25C3%25ADdeo-desde-su-equipo-o-desde-onedrive-f3fcbd3e-5f86-4320-8aea-31bff480ed02&t=MzJjMjk1MTUxNTNmYTg2MzZhNmRiNjFkOTZkZWJjMzhiZTNkYWU3ZSx1Q2pCZEJiWQ%3D%3D&b=t%3AhW_pJ6DUrvXZdbSsHli0bQ&p=http%3A%2F%2Fcomohacerpara.tumblr.com%2Fpost%2F176926802562%2Fagregar-un-video-a-tu-presentaci%C3%B3n&m=1" style="background-color: white; background-image: linear-gradient(rgba(68, 68, 68, 0) 50%, rgba(68, 68, 68, 0.25) 0px); background-position: 0px 1.15em; background-repeat: repeat-x; background-size: 1em 2px; border: 0px; box-sizing: border-box; font-family: inherit; font-size: 14px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none 0px; padding: 0px 0px 0.15em; vertical-align: baseline;">Paso a paso utilizando Presentaciones de Google</a><br />
<br />
6. Grabar la presentación con una capturadora de video mientras se graba también las voces en off de los integrantes del equipo relatando el suceso. Para realizar esto pueden optar por<br />
<div>
<a href="https://www.techsmith.com/jing-tool.html">JING</a> </div>
<div>
<a href="https://www.atubecatcher.es/">atube catcher</a><a href="https://screencast-o-matic.com/">Screencast-O-Matic</a><a href="https://www.techsmith.com/video-editor.html">Camtasia Studio</a> (versión free limitada)<br />
<a href="https://www.telestream.net/screenflow/overview.htm?irgwc=1&clickid=T%3AaX5Qz3IVaxWmqWzVz8h3QmUkm2Elxv-TCPwc0&gclid=CKjR1pii8tUCFbSYswodrL8E6g">Screenflow</a> (MAC) </div>
<div>
<a href="https://www.touchcast.com/">Touchcast</a> o Explain everything (iOS)</div>
<div>
Mi recomendación es que utilicen ScreenCast O Matic (<a href="http://idu.pucp.edu.pe/wp-content/uploads/2017/03/Manual-Uso-de-Screencast.pdf">tutorial</a>)</div>
<div>
<br /></div>
<div>
7. Un vez que tengan en formato de video la introducción y la presentación, lo único que resta es unir ambos videos. Pueden utilizar el editor de Windows: Windows Movie Player. Si prefieren editarlo con dispositivos móviles, pueden hacerlo con Magistro o WeVideo (Android e iOS), con IMovie (solo para iOS) ¡o con el que ustedes prefieran!</div>
Alejandra García Redínhttp://www.blogger.com/profile/03673636727505805440noreply@blogger.com0tag:blogger.com,1999:blog-2915523458892081582.post-16368268660596924612018-05-28T12:24:00.000-07:002018-05-29T07:30:02.092-07:00Creando videos para hologramas en la clase de Matemática.Empecemos por saber <a href="https://es.wikipedia.org/wiki/Holograf%C3%ADa">qué es un holograma</a> y por qué percibimos su proyección usando este video:<br />
<iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/PF5zDHDd-fM?rel=0" width="560"></iframe>
<br />
Les dejamos las consignas para realizar este proyecto de construcción de videos holográficos (1) partiendo de las construcciones que están realizando en la clase de Matemática (2):<br />
<br />
Partamos de las consignas de Matemática:<br />
<ul>
<li>Trabajo individual: Utilizar "<a href="https://www.geogebra.org/download?lang=es">Geogebra clásico </a>5" para armar un triángulo obtusángulo, uno rectángulo y uno acutángulo y trazar el Incentro, Circuncentro, Ortocentro o Baricentro para cada uno.</li>
<li>Trabajo grupal: Trazar uno de esos puntos notables en los tres triángulos. Capturar las pantallas del paso a paso para armar un video con la técnica <a href="https://es.wikipedia.org/wiki/Stop_motion">Stop Motion</a> (mucho cuidado de recortar siempre la misma medida de pantalla para que no se "mueva" mal la construcción que se quiere animar.</li>
</ul>
<div>
El video creado será la base del video holográfico por lo que tienen que tener ciertas características. Observen <a href="https://www.youtube.com/watch?v=D1Q9Z1aT6Do"><span style="font-size: large;">este video</span></a> sobre construcciones geométricas para analizar cómo debemos editarlo.</div>
<div>
<br /></div>
<div>
<span style="color: orange; font-size: large;"><b>Primero:</b></span> Hay que configurar Geogebra para que el fondo sea negro y el trazado de las construcciones tenga colores contrastantes respecto de éste.</div>
<div>
<br /></div>
<div>
<span style="color: orange; font-size: large;"><b>Segundo: </b></span>El video que reúna todas las capturas de pantalla se puede hacer con cualquier editor simple. Hay que probar el efecto de animación deseado a partir de la velocidad de los frames. Recuerda que el archivo que se guarda es el proyecto de video, NO el video. Para obtener la película, deben seleccionar SAVE MOVIE (arriba/derecha). Se recomienda exportarlo como .WMV si luego se utilizará Power Point.</div>
<div>
<br /></div>
<div>
Posiblemente las construcciones de Geogebra no se hayan podido capturar en forma centrada. Si es así, es recomendable recortarlo una vez terminado:</div>
<div>
<br /></div>
Cómo recortar parte de un video con:<br />
<a href="https://www.youtube.com/watch?v=gDYKrgB8Sck">Camtasia Studio</a> (se puede descargar una <a href="https://www.techsmith.com/video-editor.html">versión free de 30 días</a>)<br />
<br />
<span style="color: orange; font-size: large;"><b>Tercero:</b></span> hay que copiar el video de base y pegarlo con rotaciones de 90º sobre un lienzo más grande.<br />
<br />
Cómo crear un video holográfico con:<br />
<a href="https://www.youtube.com/watch?time_continue=3&v=eD6Y8MzFJ18">Power Point</a> Se pueden agregar títulos y efectos 3D. Si no acepta el formato del video será necesario convertirlo a .WMV. Recomiendo utilizar Real Converter que de descarga gratuito con el paquete <a href="http://www.real.com/es">Real Player</a><br />
<br />
<a href="https://www.youtube.com/watch?v=bcad0bVdgCE">Sony Vegas</a><br />
<a href="https://vofeel.com/es/adaptar-cualquier-video-para-piramide-holografica/">Camtasia Studio</a><br />
<br />
<span style="color: orange; font-size: large;"><b>Cuarto:</b></span> Ahora vamos a crear la pirámide truncada para poder reproducir el holograma de los videos creados. Si bien es mejor construirlo a partir de la caja de un CD, como lo muestra este <a href="https://www.youtube.com/watch?v=jU5qmrOri68">Tutorial (por Víctor Vic</a>), puede utilizarse también con una<a href="http://milenewhologramas.blogspot.com.ar/p/descargas.html"> lámina de celuloide</a>.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://2.bp.blogspot.com/-v72klGqDVhw/WwxVyMCIc4I/AAAAAAAAY_4/YaSYuSB18z4DxPnswLv6eGG5HEPDphJywCLcBGAs/s1600/IMG_9910.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1200" data-original-width="1200" height="320" src="https://2.bp.blogspot.com/-v72klGqDVhw/WwxVyMCIc4I/AAAAAAAAY_4/YaSYuSB18z4DxPnswLv6eGG5HEPDphJywCLcBGAs/s320/IMG_9910.JPG" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">¡Si! son uds. armando la pirámide truncada! Foto propia.</td></tr>
</tbody></table>
<br />
<br />
<br />
¿Listos para ver el resultado final??? ¡Adelante!<br />
<br />
<br />
<br />
<br />
(1) Inspirados en el sitio web <a href="http://manuel%20es%2C%20desde%20muy%20chico%2C%20fan%C3%A1tico%20seguidor%20de%20youtubers.%20un%20familiar%20m%C3%A9dico%2C%20un%20d%C3%ADa%20en%20una%20conversaci%C3%B3n%2C%20le%20indic%C3%B3%20la%20poca%20informaci%C3%B3n%20que%20tienen%20los%20adolescentes%20sobre%20las%20enfermedades%20de%20transmisi%C3%B3n%20sexual.%20la%20idea%20de%20manuel%20es%20que%20aprovechando%20el%20gran%20impacto%20de%20los%20youtubers%20en%20los%20adolescentes%2C%20ellos%20incluyan%20en%20sus%20canales%20campa%C3%B1as%20con%20informaci%C3%B3n%20sobre%20prevenci%C3%B3n%20de%20enfermedades%20de%20transmisi%C3%B3n%20sexual./">"Veo, comprendo y Aprendo"</a><br />
(2) El proyecto está planificado junto al profesor Federico Aranguren.Alejandra García Redínhttp://www.blogger.com/profile/03673636727505805440noreply@blogger.com0tag:blogger.com,1999:blog-2915523458892081582.post-46913200533890713182018-05-10T17:17:00.007-07:002020-10-02T12:35:53.825-07:00Twitter para aprender y enseñar (Actualización julio 2020)<br /><br /><div>
En esta presentación se detalla la sintaxis y los elementos que conforman un tweet, usos educativos y algunas herramientas que aumentan su potencial:<br /><br /><iframe allowfullscreen="true" frameborder="0" height="366" mozallowfullscreen="true" src="https://docs.google.com/presentation/d/e/2PACX-1vQ9IZutghSI4XCKkLSOB4HqQS9KWZZMCMRV7HrmGoGrKKBraOpoQZy3oKO5hGnNLF1kmxSrJO3mq0uy/embed?start=false&loop=false&delayms=3000" webkitallowfullscreen="true" width="600"></iframe><div><br /></div><div><br />
<br />
<blockquote class="twitter-tweet">
<div dir="ltr" lang="es">
<a href="https://t.co/DiGQlhsTFl">https://t.co/DiGQlhsTFl</a> ¿Sabéis lo que es una "Bitmoji Classroom"? Yo lo descubrí hace poco y desde entonces estoy como loco por compartirlo. Una idea que me encanta para presentar contenido y tareas. Aquí tenéis un tutorial para crear vuestra "Clase Bitmoji" con <a href="https://twitter.com/genially_es?ref_src=twsrc%5Etfw">@genially_es</a> <a href="https://t.co/dxLhR2I0Mv">pic.twitter.com/dxLhR2I0Mv</a></div>
— David Ruiz (@dondavidruiz) <a href="https://twitter.com/dondavidruiz/status/1282985218677276677?ref_src=twsrc%5Etfw">July 14, 2020</a></blockquote>
<script async="" charset="utf-8" src="https://platform.twitter.com/widgets.js"></script>
<br />
<blockquote class="twitter-tweet">
<div dir="ltr" lang="en">
One thing I love about students doing work in <a href="https://twitter.com/hashtag/googleSlides?src=hash&ref_src=twsrc%5Etfw">#googleSlides</a> is I can easily drag Bitmoji onto the slide for feedback. <a href="https://t.co/rmwCLLbOrk">pic.twitter.com/rmwCLLbOrk</a> <a href="https://twitter.com/hashtag/googleEDU?src=hash&ref_src=twsrc%5Etfw">#googleEDU</a></div>
— Alice Keeler (@alicekeeler) <a href="https://twitter.com/alicekeeler/status/1286772644658913280?ref_src=twsrc%5Etfw">July 24, 2020</a></blockquote>
<script async="" charset="utf-8" src="https://platform.twitter.com/widgets.js"></script>
<br />
<blockquote class="twitter-tweet">
<div dir="ltr" lang="es">
8 recursos TIC para docentes. <a href="https://t.co/OcCJWRCJVk">https://t.co/OcCJWRCJVk</a> <br />1. <a href="https://twitter.com/genially_es?ref_src=twsrc%5Etfw">@genially_es</a> <br />2. <a href="https://twitter.com/edpuzzle?ref_src=twsrc%5Etfw">@edpuzzle</a> <br />3. <a href="https://twitter.com/EDUCAPLAY?ref_src=twsrc%5Etfw">@EDUCAPLAY</a> <br />4. <a href="https://twitter.com/Mentimeter?ref_src=twsrc%5Etfw">@Mentimeter</a> <br />5. <a href="https://twitter.com/getwordwall?ref_src=twsrc%5Etfw">@getwordwall</a> <br />6. <a href="https://twitter.com/Flipgrid?ref_src=twsrc%5Etfw">@Flipgrid</a> <br />7. <a href="https://twitter.com/padlet?ref_src=twsrc%5Etfw">@padlet</a> <br />8. <a href="https://twitter.com/quizizz?ref_src=twsrc%5Etfw">@quizizz</a> <a href="https://t.co/nTi8kmkGeG">pic.twitter.com/nTi8kmkGeG</a></div>
— Ayuda para maestros (@AyudaMaestros) <a href="https://twitter.com/AyudaMaestros/status/1284037059510968320?ref_src=twsrc%5Etfw">July 17, 2020</a></blockquote>
<br />
En los comentarios de esta publicación, se recomienda este sitio con una selección MUY buena de herramientas educativas:<br />
<a href="https://intef.es/tecnologia-educativa/observatorio-de-tecnologia-educativa/" target="_blank">Observatorio de Tecnología Educativa </a><br />
<script async="" charset="utf-8" src="https://platform.twitter.com/widgets.js"></script></div></div>Alejandra García Redínhttp://www.blogger.com/profile/03673636727505805440noreply@blogger.com1tag:blogger.com,1999:blog-2915523458892081582.post-61984270533345940162016-09-09T15:04:00.000-07:002016-09-15T15:05:47.153-07:00Realidad aumentada en la clase de Matemática¿Qué es la realidad aumentada? ¿Cómo podemos utilizarla en el ámbito de la educación? ¿Qué potencial tiene en la enseñanza de la Matemática?<br />
<div>
La clase de hoy estará acompañada por esta presentación:</div>
<div>
<br /></div>
<div>
<br /></div>
<iframe allowfullscreen="true" frameborder="0" height="516" mozallowfullscreen="true" src="https://docs.google.com/presentation/d/1geGFP3SSwRyMrsyCa0an9GeDQXQ-y48cydkHnGQFhAU/embed?start=false&loop=false&delayms=10000" webkitallowfullscreen="true" width="650"></iframe>
Alejandra García Redínhttp://www.blogger.com/profile/03673636727505805440noreply@blogger.com0tag:blogger.com,1999:blog-2915523458892081582.post-15514224819629986292016-06-27T06:57:00.003-07:002016-06-27T06:57:56.199-07:00Sugerencias de seguridad al usar la red educativa Edmodo<div class="separator" style="clear: both; text-align: center;">
</div>
<div dir="auto" style="background-color: white; color: #2b2e2f; font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 15px; margin-top: 15px;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-coG57v60aLY/V3EuYRliSJI/AAAAAAAAUE8/1Tlgk0vqrckqCRB4kO-USysJEVFupH8tQCLcB/s1600/img_como_recuperar_la_contrasena_de_edmodo_27855_orig.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="320" src="https://1.bp.blogspot.com/-coG57v60aLY/V3EuYRliSJI/AAAAAAAAUE8/1Tlgk0vqrckqCRB4kO-USysJEVFupH8tQCLcB/s320/img_como_recuperar_la_contrasena_de_edmodo_27855_orig.jpg" width="320" /></a></div>
<strong>Si eres docente y utilizas EDMODO para trabajar con tus alumnos, ten en cuenta estas recomendaciones:</strong><br />
<strong><br /></strong>
<strong>Hacer clic en Salir cuando acabas le sesión de Edmodo</strong><br />
Es muy importante recordar a los alumnos y tenerlo en cuenta tú también que necesitan hacer clic en "Salir" cuando terminan su sesión. Si no hacen clic en "Salir" y cierran el navegador, apagan el ordenador o dispositivo, y luego vuelven a encenderlo y abrir el navegador, todavía estarán ingresado en sus cuentas. Por eso, es muy importante hacer click en "Salir" cada vez que visitan la página con un ordenador que no es propio.</div>
<div dir="auto" style="background-color: white; color: #2b2e2f; font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 15px; margin-top: 15px;">
<strong>Asegura la seguridad de las contraseñas</strong><br />
Si la cuenta de un alumno ha sido comprometida, recomendamos cambiar la contraseña de la cuenta del alumno. Aquí tienes un articulo del <a data-saferedirecturl="https://www.google.com/url?hl=es&q=https://support.edmodo.com/hc/es/articles/205005374-Encuentra-los-Nombres-de-Usuario-y-Restablece-las-Contrase%25C3%25B1as-de-tus-Estudiantes-Profesores-&source=gmail&ust=1467120744447000&usg=AFQjCNFR-2H3hjSI0zg9rNVImogPzzeBRw" href="https://support.edmodo.com/hc/es/articles/205005374-Encuentra-los-Nombres-de-Usuario-y-Restablece-las-Contrase%C3%B1as-de-tus-Estudiantes-Profesores-" rel="noreferrer" style="color: #1155cc;" target="_blank">centro de ayuda</a> que te explica cómo hacerlo. Las contraseñas de las cuentas se deben cambiar con frecuencia, y deben ser elegidas de tal forma que sean difíciles de adivinar. No recomendamos ni guardar contraseñas en un navegador, ni utilizar la misma en páginas diferentes, ni usar el nombre de usuario para tu contraseña. Los usuarios siempre deben salir de la página y nunca deben compartir la información de su cuenta con nadie.</div>
<div dir="auto" style="background-color: white; color: #2b2e2f; font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 15px; margin-top: 15px;">
<strong>Información sobre la seguridad de los Grupos:</strong><br />
1. Asegura que el código de Grupo se comparte solo con los alumnos de tu clase.<br />
2. No pongas el código en páginas públicas.<br />
3. Recuerda cerrar el Grupo en cuanto se hayan unido todos tus estudiantes. Siempre puedes restablecer el código para añadir a más estudiantes.<br />
4. Utiliza el <a data-saferedirecturl="https://www.google.com/url?hl=es&q=https://support.edmodo.com/hc/es/articles/205005224-Usar-el-URL-de-Uni%25C3%25B3n-de-un-Grupo-Profesor-&source=gmail&ust=1467120744447000&usg=AFQjCNFoKQqSHDKPFigMQWkqdBi3aqKzuA" href="https://support.edmodo.com/hc/es/articles/205005224-Usar-el-URL-de-Uni%C3%B3n-de-un-Grupo-Profesor-" rel="noreferrer" style="color: #1155cc;" target="_blank">URL de Unión del Grupo</a> que deja que estudiantes se unan al Grupo aunque el código esté cerrado.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-mC9d3wre1_o/V3EwxbI3mLI/AAAAAAAAUFI/_UnRKP-jtysD3t1Xe1bS3gvmhXfR0cyzwCLcB/s1600/edmodo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="396" src="https://2.bp.blogspot.com/-mC9d3wre1_o/V3EwxbI3mLI/AAAAAAAAUFI/_UnRKP-jtysD3t1Xe1bS3gvmhXfR0cyzwCLcB/s400/edmodo.png" width="400" /></a></div>
<br /></div>
<div dir="auto" style="background-color: white; color: #2b2e2f; font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 15px; margin-top: 15px;">
<strong>Moderar los mensajes de tus Grupos:</strong><br />
Aquí tienes unas opciones para moderar los mensajes de tus estudiantes en tus Grupos.</div>
<ul style="background-color: white; color: #2b2e2f; font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, sans-serif; font-size: 14px; line-height: 22px; margin: 10px 0px 15px 30px; padding-left: 15px;" type="disc">
<li style="font-family: "Lucida Sans Unicode", "Lucida Grande", tahoma, Verdana, sans-serif; margin: 10px 0px;" type="disc"><a data-saferedirecturl="https://www.google.com/url?hl=es&q=https://support.edmodo.com/hc/es/articles/205005474-Establecer-como-S%25C3%25B3lo-Lectura-a-todos-los-miembros-de-un-Grupo-Profesor-&source=gmail&ust=1467120744447000&usg=AFQjCNH6nDIrFPA0xKhuGxLmAAHiwTmYRQ" href="https://support.edmodo.com/hc/es/articles/205005474-Establecer-como-S%C3%B3lo-Lectura-a-todos-los-miembros-de-un-Grupo-Profesor-" rel="noreferrer" style="color: #1155cc;" target="_blank">Establecer como Sólo Lectura a todos los miembros de un Grupo</a></li>
<li style="font-family: "Lucida Sans Unicode", "Lucida Grande", tahoma, Verdana, sans-serif; margin: 10px 0px;" type="disc"><a data-saferedirecturl="https://www.google.com/url?hl=es&q=https://support.edmodo.com/hc/es/articles/205004574-Moderar-mensajes-y-respuestas-Profesor-&source=gmail&ust=1467120744448000&usg=AFQjCNHA753OgnoTVrhis5pRNOjYnbrl5g" href="https://support.edmodo.com/hc/es/articles/205004574-Moderar-mensajes-y-respuestas-Profesor-" rel="noreferrer" style="color: #1155cc;" target="_blank">Moderar mensajes y respuestas</a></li>
</ul>
<div>
<span style="background-color: white; color: #2b2e2f; font-family: "lucida sans unicode" , "lucida grande" , "tahoma" , "verdana" , sans-serif; font-size: 14px; line-height: 22px;">Si sucede una instancia de mal uso, se sugiere que tomes una captura de pantalla de cualquier contenido inapropiado antes de eliminarlo. Si no tienes una herramienta para tomar capturas de pantalla, puedes descargar el programa </span><a href="https://www.techsmith.com/jing.html">JING</a> o seguir estos pasos: "<a href="http://www.take-a-screenshot.org/es/">take a screenshoot</a>"</div>
<span style="color: #2b2e2f; font-family: "lucida sans unicode" , "lucida grande" , "tahoma" , "verdana" , sans-serif;"><span style="font-size: 14px; line-height: 22px;"><br /></span></span>
<div>
<span style="color: #2b2e2f; font-family: "lucida sans unicode" , "lucida grande" , "tahoma" , "verdana" , sans-serif;"><span style="font-size: 14px; line-height: 22px;"><b>Fuente consultada:</b></span></span></div>
<div>
<span style="background-color: white; color: #2b2e2f; font-family: "lucida sans unicode" , "lucida grande" , "tahoma" , "verdana" , sans-serif; font-size: 14px; line-height: 22px;">Edmodo Support Team</span></div>
<div>
<a data-saferedirecturl="https://www.google.com/url?hl=es&q=https://support.edmodo.com/hc/en-us&source=gmail&ust=1467120744448000&usg=AFQjCNHh-GyPnox65B49rdhaYKPfZ0-HvQ" href="https://support.edmodo.com/hc/en-us" rel="noreferrer" style="background-color: white; color: #1155cc; font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, sans-serif; font-size: 14px; line-height: 22px;" target="_blank">Help Center</a><span style="background-color: white; color: #2b2e2f; font-family: "lucida sans unicode" , "lucida grande" , "tahoma" , "verdana" , sans-serif; font-size: 14px; line-height: 22px;"> | </span><a data-saferedirecturl="https://www.google.com/url?hl=es&q=https://www.edmodo.com/home%23/community/support&source=gmail&ust=1467120744448000&usg=AFQjCNFOu2KkqIH9cczVcObL-PVQgiXmWA" href="https://www.edmodo.com/home#/community/support" rel="noreferrer" style="background-color: white; color: #1155cc; font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, sans-serif; font-size: 14px; line-height: 22px;" target="_blank">Support Community</a></div>
Alejandra García Redínhttp://www.blogger.com/profile/03673636727505805440noreply@blogger.com0tag:blogger.com,1999:blog-2915523458892081582.post-16477628554847081842016-06-14T05:33:00.000-07:002016-08-11T04:52:44.108-07:00Primeros pasos con AlicePara comenzar a trabajar con Alice les dejo algunos puntos de partida:<br />
<br />
Desde dónde<a href="http://www.daleaceptar.gob.ar/cms/descarga-alice/" target="_blank"> descargar el programa </a> (Desde Modificar / Preferencias se puede cambiar idioma a español).<br />
<br />
<a href="http://www.daleaceptar.gob.ar/cms/juego/de-que-se-trata/">De qué se trata</a> (ver video de ejemplo)<br />
<br />
<a href="https://www.daleaceptar.gob.ar/cms/clases/clase-1/" target="_blank">Tutoriales para aprender a usarlo</a><br />
<br />
<a href="http://www.alice.org/index.php?page=gallery/index" target="_blank">Galerías de imágenes 3D para descargar</a><br />
<br />
<a href="http://www.alice.org/index.php?page=sounds/index" target="_blank">Galerías de sonidos</a><br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://3.bp.blogspot.com/-Lqhbr1jNeLU/V16qzcSUcyI/AAAAAAAAT9Q/9E1VHgJQzRgjTaqA7_dHtJNIusgl1UILACLcB/s1600/maxresdefault.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="https://3.bp.blogspot.com/-Lqhbr1jNeLU/V16qzcSUcyI/AAAAAAAAT9Q/9E1VHgJQzRgjTaqA7_dHtJNIusgl1UILACLcB/s640/maxresdefault.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Fuente de imagen: https://i.ytimg.com/vi/EOJDKVSuVUE/maxresdefault.jpg</td></tr>
</tbody></table>
<br />
Comparto la presentación de <a href="http://www.slideboom.com/people/RobSalazar">Rob Salazar</a> sobre los elementos de programación en Ciencia computacional al trabajar con Alice:<br />
<br />
<div style="text-align: left; width: 425px;">
<a href="https://www.slideboom.com/presentations/285397/Dise%C3%B1o-en-Alice" style="color: #0000cc; display: block; font: 14px "helvetica" , "arial" , sans-serif; margin: 12px 0 3px 0; text-decoration: underline;" title="Diseño en Alice">Diseño en Alice</a><br />
<div style="text-align: center;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" height="370" id="onlinePlayer285397" width="425"><param name="movie" value="//www.slideboom.com/player/player.swf?id_resource=285397" /><param name="allowScriptAccess" value="always" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><param name="allowFullScreen" value="true" /><param name="flashVars" value="" /><embed src="//www.slideboom.com/player/player.swf?id_resource=285397" width="425" height="370" name="onlinePlayer285397" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"allowScriptAccess="always" quality="high" bgcolor="#ffffff" allowFullScreen="true" flashVars="" ></embed></object></div>
<br />
<div style="font-family: "tahoma" , "arial"; font-size: 11px; height: 26px; padding-top: 2px;">
View <a href="https://www.blogger.com/blogger.g?blogID=2915523458892081582" style="color: #0000cc;">more presentations</a> or <a href="https://www.blogger.com/upload" style="color: #0000cc;">Upload</a> your own.<br />
<br />
<br />
<a href="http://www.escinf.una.ac.cr/pfonseca/Alice.pdf">Manual en español sobre Alice 2.2</a> (por<a href="https://es-es.facebook.com/pfonck2014"> Pedro Fonseca Solano</a>)</div>
</div>
Alejandra García Redínhttp://www.blogger.com/profile/03673636727505805440noreply@blogger.com0tag:blogger.com,1999:blog-2915523458892081582.post-47527578880669866952016-06-10T08:48:00.001-07:002019-06-14T06:27:35.423-07:00Dónde buscar fuentes confiables y cómo citarlasMuchas veces nos limitamos a utilizar la información que aparece en los 5 primeros sitios de Google cuando hay muchas manera de "achicar el embudo" en cuanto a calidad y veracidad.<br />
Les comparto un artículo con buscadores académicos:<br />
<br />
<a href="http://muytic.blogspot.com.ar/2016/02/buscadores-academicos.html?m=1" target="_blank">10 buscadores académicos que te ayudarán a encontrar contenido especializado</a><br />
<br />
Sin embargo, a veces, este tipo de información no está en el nivel de comprensión adecuado por tratarse de artículos de nivel universitario o superior.<br />
También es cierto que muchos blogs tienen una altísima calidad. El tema es que hay que tomarse el trabajo de saber un poco más sobre su autor.<br />
Tampoco hay que descartar Wikipedia para consultas a la hora de hacer trabajos prácticos, de conocer un concepto, un hecho. El sistema de edición colaborativa tiene <a href="https://es.wikipedia.org/wiki/Wikipedia:Fuentes_fiables" target="_blank">controles para hacerla fiable</a>.<br />
<a href="https://www.diigo.com/" target="_blank">DIIGO</a> y otros marcadores sociales son buenos sitios para buscar información previamente valorada por otros. Aunque no siempre lo que la mayoría selecciona tiene que ser de calidad (por ejemplo videos más vistos de YOUTUBE), en este caso, estas herramientas son utilizadas principalmente por la comunidad académica.<br />
En <a href="https://www.academia.edu/" target="_blank">Academia</a> y <a href="https://www.researchgate.net/" target="_blank">ReasearchGate</a> pueden encontrarse papers de excelente calidad e incluso generar redes y seguir a expertos para poder estar al día con sus producciones.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-vY9StpeNHic/V1rgP549BdI/AAAAAAAAT8w/eFbqzOqwg3cAei8bhnDVmQNUFkA-SeCIACLcB/s1600/Captura%2Bde%2Bpantalla%2B2016-06-10%2Ba%2Blas%2B12.43.13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="289" src="https://2.bp.blogspot.com/-vY9StpeNHic/V1rgP549BdI/AAAAAAAAT8w/eFbqzOqwg3cAei8bhnDVmQNUFkA-SeCIACLcB/s640/Captura%2Bde%2Bpantalla%2B2016-06-10%2Ba%2Blas%2B12.43.13.png" width="640" /></a></div>
<br />
<br />
En cuanto a la correcta citación, esta <a href="http://www.trabajosocial.unlp.edu.ar/uploads/docs/citas_y_referencias.pdf" target="_blank">guía para realizar citas y referencias bibliográficas</a> es muy completa como para tenerla de referencia para producción bajo <a href="http://normasapa.com/citas/" target="_blank">normas APA</a> (el formato que generalmente se pide para la presentación de documentos académicos).<br />
El sitio de normas APA que recién mencioné tiene todas las opciones de citación posible con detalle de sintáxis y ejemplos muy claros. No dejen de consultarlo.<br />
<br />
A este documento le agrego:<br />
<a href="http://normasapa.com/como-citar-referenciar-videos-de-youtube-o-otra-web-con-normas-apa/">Cómo citar un video</a>.<br />
<a href="http://normasapa.com/como-citar-referenciar-paginas-web-con-normas-apa/">Cómo citar una página web</a> (blog, por ejemplo).<br />
<a href="http://normasapa.com/como-citar-facebook-twitter-google-en-normas-apa/" target="_blank">Cómo citar y referenciar Facebook, Twitter y Google+ en normas APA</a> y<br />
<div>
<a href="http://normasapa.com/como-citar-referenciar-wikipedia-normas-apa/" target="_blank">Cómo Citar y referenciar Wikipedia</a><br />
<span id="docs-internal-guid-de6d48b6-7fff-bf85-88f7-c07301fd0707"></span><br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">Muchas veces las páginas web a las que accedemos no tienen la información completa para referenciar. Se puede acceder a esta tabla ilustrativa para saber qué escribir en estos casos: </span><a href="http://normasapa.com/como-citar-referenciar-formato-apa-sin-tener-toda-la-informacion-disponible/" style="text-decoration: none;"><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;">“Cómo citar y referenciar en formato APA sin tener toda la información disponible“ </span><span style="-webkit-text-decoration-skip: none; background-color: transparent; color: #1155cc; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration-skip-ink: none; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap; white-space: pre;"> </span></a></div>
Hay una app para Google Chrome que ayuda bastante aunque hay que chequear su correcta expresión: <a href="https://chrome.google.com/webstore/detail/cite-this-for-me-web-cite/nnnmhgkokpalnmbeighfomegjfkklkle/" target="_blank">Cite this for Me</a> y el sitio <a href="http://www.citationmachine.net/" target="_blank">Citation Machine</a><br />
<br />
<br /></div>
Alejandra García Redínhttp://www.blogger.com/profile/03673636727505805440noreply@blogger.com2tag:blogger.com,1999:blog-2915523458892081582.post-40506526247773939982016-05-05T18:39:00.003-07:002016-05-05T18:39:30.697-07:00¿Por qué elegir Edmodo como plataforma educativa?<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://2.bp.blogspot.com/-BSWsgAsA50g/VyvvXOwhw4I/AAAAAAAATAM/X8Z4MIRXCU0asvtkK3_qZdV99PiBzPlAgCLcB/s1600/imagen%2Bvisual%2Bedmodo.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://2.bp.blogspot.com/-BSWsgAsA50g/VyvvXOwhw4I/AAAAAAAATAM/X8Z4MIRXCU0asvtkK3_qZdV99PiBzPlAgCLcB/s320/imagen%2Bvisual%2Bedmodo.jpg" width="312" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Autor de la nota visual: Dácil González (http://www.dacilmatematicas.com/)</td></tr>
</tbody></table>
<br />
<br />
<a href="http://t.umblr.com/redirect?z=http%3A%2F%2Fwww.edmodo.com&t=ZDlhMTc3NzE1ZTk2YWQzYzIzYWY4YWE4YWNhZjMzNjQ5NDMyNGMwOSxpUkhVRzI2Vw%3D%3D">Edmodo</a> es una plataforma social educativa gratuita que permite la comunicación entre los alumnos y los profesores en un entorno cerrado y privado.<br />
<br />
Esta red está especialmente diseñada para que docentes y estudiantes tengan un punto de encuentro en un entorno personalizado, donde puedan aprender de forma colaborativa, y compartir e intercambiar información, archivos, links… de un modo seguro.<br />
<br />
Hoy en día es una de las herramientas más usadas por los profesores a nivel mundial debido a sus grandes ventajas y potencialidad ya no solo a nivel de aula sino también a nivel de trabajo entre profesores.<br />
<br />
Esta plataforma social educativa se basa fundamentalmente en el principio de compartir información y en la posibilidad de hacer diferentes grupos de trabajo, los alumnos se pueden agrupar en función del curso, o dentro de un mismo grupo hacer pequeñas agrupaciones con las que hacer una mejor atención a la diversidad y atención más personalizada. Dichos grupos son todos privados (cabe la posibilidad de hacerlos públicos) y en ellos los alumnos podrán debatir, compartir información, realizar tareas o asignaciones, enviar mensajes a los profesores, realizar encuestas, etc. El profesor puede además controlar las publicaciones, teniendo la posibilidad de tener el control absoluto de las mismas y moderar todos los mensaje de los alumnos antes de que éstos sean publicados.<br />
<div>
<br />
Las grandes funcionalidades de EDMODO, además de todo lo anteriormente mencionado, son:<br />
<div>
<br />
<ul>
<li>Las asignaciones o la propuesta de tareas al alumno que posteriormente, y dentro de un plazo establecido, deberá entregar para que el docente pueda corregir y calificar a través de la red. <a href="http://blog.smconectados.com/wp-content/uploads/2013/06/Asignacion-edmodo.pdf">(Ver infografía</a>)</li>
<li>Las pruebas que nos ayudarán a evaluar a los alumnos, éstas se realizan de manera online y son cuestionarios con diferentes posibilidades de preguntas (selección múltiple, cierto o falso, respuesta corta, llenar huecos blancos). (<a href="http://blog.smconectados.com/wp-content/uploads/2013/06/prueba_edmodo.pdf">Ver infografía</a>)</li>
<li>El calendario, donde podremos incluir fechas importantes y dónde se irán señalando las fechas de entrega de asignaciones y pruebas.</li>
<li>La biblioteca o mochila para guardar documentos interesantes que se podrán compartir con los diferentes grupos del profesor. La gran característica de la biblioteca es que tiene la posibilidad de integrar la cuenta de Google Drive del profesor para compartir documentos.</li>
<li>Los badges o medallas con los que podremos evaluar o premiar a nuestros alumnos por sus progresos y logros para motivarles en su día a día.</li>
</ul>
<div>
El asistente que ofrece la herramienta es muy claro y completo:<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://support.edmodo.com/hc/es#faq" target="_blank"><img alt="" border="0" height="400" src="https://1.bp.blogspot.com/-SNUxoJGVbxs/VyvtVPKpLQI/AAAAAAAATAA/IJeKKcFnq2wKDbvWVxUv1Lh_pqM17DC0wCLcB/s400/ayuda%2Bedmodo.png" title="Centro de ayuda" width="400" /></a></div>
<br />
Fuentes consultadas:<br />
<a href="http://dacilgonz.tumblr.com/image/83283960725" target="_blank">Nota visual</a><br />
<a href="http://dacilgonz.tumblr.com/post/83283960725/edmodo-es-una-plataforma-social-educativa-gratuita" target="_blank">Edmodo es una plataforma social educativa gratuita</a><br />
<a href="http://blog.smconectados.com/2013/06/10/edmodo-red-social-educativa/#comment-833" target="_blank">Edmodo, red social educativa</a><br />
<br /></div>
</div>
</div>
Alejandra García Redínhttp://www.blogger.com/profile/03673636727505805440noreply@blogger.com1tag:blogger.com,1999:blog-2915523458892081582.post-5671954010910136172016-04-15T03:46:00.002-07:002021-04-15T08:07:24.585-07:00Consideraciones al publicar imágenes de la Web<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><br />
<a href="https://4.bp.blogspot.com/-6hWEkWimOyA/VxDFu9KtGNI/AAAAAAAASsQ/rApVR72s60MccapR5mT_qtcgPveikJ56ACLcB/s1600/Captura%2Bde%2Bpantalla%2B2016-04-15%2Ba%2Blas%2B7.42.18.png" style="margin-left: auto; margin-right: auto;"><img border="0" height="352" src="https://4.bp.blogspot.com/-6hWEkWimOyA/VxDFu9KtGNI/AAAAAAAASsQ/rApVR72s60MccapR5mT_qtcgPveikJ56ACLcB/s640/Captura%2Bde%2Bpantalla%2B2016-04-15%2Ba%2Blas%2B7.42.18.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Captura de la página de Flickr, Creative Commons</td></tr>
</tbody></table>
<div>
<br /></div>
<br />
Siempre que se utilice una información que no es propia se debe citar la fuente. Y esto no sólo concierne al texto sino a las IMÁGENES también y demás elementos multimedia.<br />
<br />
No todas las imágenes tienen permiso para utilizarse en nuevas publicaciones. Hay que estar seguro del permiso de uso. Comencemos por leer la descripción sobre las licencias más utilizadas, desde el sitio principal de Creative Commons: <a href="https://creativecommons.org/licenses/?lang=es">Sobre las licencias</a>. <div><br /></div><div><br /></div><div>¿Cómo puedo buscar en Google imágenes con permiso de reproducción?</div><div>Lo primero que hay que hacer es seleccionar "Derechos de uso" dentro de "Herramientas" y luego "Licencias Creative Commons":</div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-GCb4ew8n7qE/YHSVkooi-VI/AAAAAAAAeEo/u8tsf9tGqXcsDIeuIWofzlJL3uP0uo32wCLcBGAsYHQ/s2048/Captura%2Bde%2Bpantalla%2B2021-04-12%2Ba%2Bla%2528s%2529%2B15.46.01.png" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1371" data-original-width="2048" height="428" src="https://1.bp.blogspot.com/-GCb4ew8n7qE/YHSVkooi-VI/AAAAAAAAeEo/u8tsf9tGqXcsDIeuIWofzlJL3uP0uo32wCLcBGAsYHQ/w640-h428/Captura%2Bde%2Bpantalla%2B2021-04-12%2Ba%2Bla%2528s%2529%2B15.46.01.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Captura de pantalla del buscador de imágenes de Google.<br /><br /><div style="text-align: left;"><br /></div><div style="text-align: left;"><br /></div><div style="text-align: left;"><br /></div><div style="text-align: left;">La imagen que elegí va a quedar publicada correctamente de este modo: con un epígrafe que brinde la información que se exige según permisos:</div></td></tr></tbody></table><br /><div><br /></div><div> <br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-7OlExcDOJwE/YHSRXQATjYI/AAAAAAAAeEQ/hSNI5nMQId4dDOng1UAo8XN1qK0vwcFDwCLcBGAsYHQ/s512/512px-Mural_del_Gernika.jpeg" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="267" data-original-width="512" height="334" src="https://1.bp.blogspot.com/-7OlExcDOJwE/YHSRXQATjYI/AAAAAAAAeEQ/hSNI5nMQId4dDOng1UAo8XN1qK0vwcFDwCLcBGAsYHQ/w640-h334/512px-Mural_del_Gernika.jpeg" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Guernica mural in Gernika, por <a href="https://commons.wikimedia.org/w/index.php?title=User:Papamanila&action=edit&redlink=1">Papamanila</a> en Wikimedia. <a href="https://commons.wikimedia.org/wiki/Category:CC-BY-SA-3.0">CC-BY-SA-3.0</a></td></tr></tbody></table><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div>
<div class="separator" style="clear: both; text-align: left;">
Este ejemplo lo seleccioné de <a href="https://commons.wikimedia.org/wiki/File:Mural_del_Gernika.jpg" target="_blank">Wikimedia</a> partiendo de buscar imágenes del "Guernica" desde Google Imágenes.</div>
<br />
<div>
</div>
<div>
En el epígrafe se puede conocer título, nombre del autor, sitio donde está publicado y bajo qué licencia de reproducción.</div><div><br /></div><div>¿De dónde se extrae esta información? Hay que buscarla en el sitio donde está la imagen:</div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-gmaaV9pBvUM/YHST7iy3fTI/AAAAAAAAeEY/jnXJNylQs1c8OLY0bVRg6VjtWQoSJ06IwCLcBGAsYHQ/s2406/Captura%2Bde%2Bpantalla%2B2021-04-12%2Ba%2Bla%2528s%2529%2B15.33.58.png" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1162" data-original-width="2406" height="310" src="https://1.bp.blogspot.com/-gmaaV9pBvUM/YHST7iy3fTI/AAAAAAAAeEY/jnXJNylQs1c8OLY0bVRg6VjtWQoSJ06IwCLcBGAsYHQ/w640-h310/Captura%2Bde%2Bpantalla%2B2021-04-12%2Ba%2Bla%2528s%2529%2B15.33.58.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Captura de pantalla del sitio desde donde se descargó la imagen.</td></tr></tbody></table><br /><div><br /></div>
<div class="separator" style="clear: both; text-align: left;">
Se puede ver que en esta oportunidad se solicita mencionar al autor y compartir la imagen con mismos derechos. 3.0 es la versión de contrato de CC.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-u3HEs-GBljE/YHSUi3AhYjI/AAAAAAAAeEg/m19QXB9ycx0Xt8cDrn0IgXHKG1zw7ya_gCLcBGAsYHQ/s2452/Captura%2Bde%2Bpantalla%2B2021-04-12%2Ba%2Bla%2528s%2529%2B15.34.59.png" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="448" data-original-width="2452" height="116" src="https://1.bp.blogspot.com/-u3HEs-GBljE/YHSUi3AhYjI/AAAAAAAAeEg/m19QXB9ycx0Xt8cDrn0IgXHKG1zw7ya_gCLcBGAsYHQ/w640-h116/Captura%2Bde%2Bpantalla%2B2021-04-12%2Ba%2Bla%2528s%2529%2B15.34.59.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Captura de pantalla del sitio desde donde se descargó la imagen. Pie de página.</td></tr></tbody></table><br /><div class="separator" style="clear: both; text-align: left;">Abajo de todo, en el caso de Wikimedia, se accede a las siglas correspondientes a los derechos de reproducción que hay que poner en el epígrafe de la imagen que publicamos.</div>
<div><br /></div><div>¿Qué pasa si accedo a una imagen libre de derechos? Es suficiente poner CC0 aunque se puede incluir una descripción de la misma. Ejemplo, esta flor la busqué en el repositorio libre PIXABAY:</div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-H4ad3ikixLA/YHhWELmfVZI/AAAAAAAAeFA/KHfrLpLET4cCsQb4JqTUk0CQQz3bMOu9QCLcBGAsYHQ/s640/flor.jpeg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="426" data-original-width="640" height="426" src="https://1.bp.blogspot.com/-H4ad3ikixLA/YHhWELmfVZI/AAAAAAAAeFA/KHfrLpLET4cCsQb4JqTUk0CQQz3bMOu9QCLcBGAsYHQ/w640-h426/flor.jpeg" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Anémona CC0 </td></tr></tbody></table><br /><div><br />
<br />
<div>
El artículo: <a href="http://josefacchin.com/2015/02/25/derechos-de-autor-de-las-imagenes/">¿Conoces los derechos de autor para imágenes en Internet?</a>, de José Facchin explica muy bien y en detalle qué consideraciones se deben tener y muchas respuestas a posibles preguntas que puedas plantearte.<br />
<br />
<h4>
Recursos para buscar imágenes libres de permisos: En estos casos, en el epígrafe solo basta con poner CC0 (sin derechos de reproducción).</h4></div>
<a href="http://www.totemguard.com/aulatotem/2011/11/excelentes-bancos-de-imagenes-academicas-para-profesores-y-alumnos/#">Excelentes bancos de imágenes académicas para profesores y alumnos</a><br />
<br />
<a href="http://josefacchin.com/2015/03/15/buscadores-de-imagenes-gratis/">12 buscadores de imágenes gratis o libres de derechos para tu blog</a><br />
<br />
<a href="http://josefacchin.com/2015/06/09/bancos-de-imagenes-gratis-descargar-fotos-web/">Los 33 mejores bancos de imágenes gratis</a><br />
<br />
<a href="http://www.freepik.es/">freepik</a></div><div><br /></div><div><a href="https://pixabay.com/es/" target="_blank">Pixabay</a></div><div><br /></div><div><br />
<br />
Entrada actualizada el 12/04/2021<br />
<br />
<br />
<br /></div>
</div>Alejandra García Redínhttp://www.blogger.com/profile/03673636727505805440noreply@blogger.com0tag:blogger.com,1999:blog-2915523458892081582.post-84244553328857611852016-03-16T15:39:00.000-07:002016-03-16T15:39:07.140-07:00Propiedades de la materia<span style="background-color: #fefefe; color: #212121; font-family: "roboto" , "robotodraft" , "helvetica" , "arial" , sans-serif; font-size: 14px; line-height: 20px; white-space: pre-wrap;">Fácil de hacer, entretenido y sustancioso desde el punto de vista conceptual </span><br />
<div>
<div style="text-align: center;">
<span style="background-color: #fefefe; color: #212121; font-family: "roboto" , "robotodraft" , "helvetica" , "arial" , sans-serif; font-size: 14px; line-height: 20px; white-space: pre-wrap;"><br /></span></div>
</div>
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/KCTzqECw-Zc?rel=0" width="560"></iframe>Alejandra García Redínhttp://www.blogger.com/profile/03673636727505805440noreply@blogger.com0tag:blogger.com,1999:blog-2915523458892081582.post-39061489051163708452015-09-17T06:01:00.002-07:002015-09-17T09:02:28.249-07:00Taller "Noticias en Movimiento"Dentro de la jornada de Talleres abiertos del Colegio, vamos a probar cómo puede crearse un diario nde noticias como el de la película de "Harry Potter y el prisionero de Azkabán"<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-WoWB932T06s/Vfq4uAy-lgI/AAAAAAAARuo/NoLzlRGnnlg/s1600/Oficall-wallpapers-harry-potter-and-the-prisoner-of-azkaban-29471010-600-886.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="http://4.bp.blogspot.com/-WoWB932T06s/Vfq4uAy-lgI/AAAAAAAARuo/NoLzlRGnnlg/s640/Oficall-wallpapers-harry-potter-and-the-prisoner-of-azkaban-29471010-600-886.jpg" width="432" /></a></div>
<br />
Para lograrlo los invito a elegir este u otra imagen y asociarla con un video (no muy pesado). Podés descargarlo desde la web.<br />
Como ejemplo te ofrezco una parte del trailer de la película (<a href="https://www.dropbox.com/s/sfeyoxwu5dfikse/azkaban.mp4?dl=0" target="_blank">descargar</a>).<br />
<br />
También pueden usar <a href="http://38.media.tumblr.com/tumblr_lk7vyrcr9a1qiue0lo1_250.gif" target="_blank">este gif animado</a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Y985t4hDDaQ/VfrQXLkzPdI/AAAAAAAARvI/y7Qt615hb2U/s1600/sirius%2Bblack.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-Y985t4hDDaQ/VfrQXLkzPdI/AAAAAAAARvI/y7Qt615hb2U/s1600/sirius%2Bblack.gif" /></a></div>
<br />
<br />
La herramienta a utilizar es AURASMA. Sigan el paso a paso desde <a href="http://webconectada.blogspot.com.ar/2015/08/creando-auras-con-aurasma.html" target="_blank">esta otra entrada del blog</a>.<br />
<br />
Fácil, ¿no?<br />
<br />
Algunas imágenes de la experiencia:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://instagram.com/p/7vGGFZPONuP0qtr3CVKOzYWSFSpMb6BAGYveM0/" target="_blank"><img border="0" height="640" src="http://4.bp.blogspot.com/-pI6z8VAoGsA/Vfrje32AOiI/AAAAAAAARvc/HbfBr3uyLWo/s640/cartel.JPG" width="444" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />Alejandra García Redínhttp://www.blogger.com/profile/03673636727505805440noreply@blogger.com0tag:blogger.com,1999:blog-2915523458892081582.post-60904621894365569872015-08-24T13:17:00.000-07:002015-09-17T06:44:01.064-07:00Creando Auras con AURASMADesde <a href="https://studio.aurasma.com/home" target="_blank">Aurasma Studi</a>o, tienes tutoriales para ver el paso a paso de cómo crear Auras:<br />
<br />
<div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-jvNZ9OvMvfQ/VfrDkG7cxvI/AAAAAAAARu4/OljPOWjW3H0/s1600/aurasma%2Bhelp.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="299" src="http://4.bp.blogspot.com/-jvNZ9OvMvfQ/VfrDkG7cxvI/AAAAAAAARu4/OljPOWjW3H0/s640/aurasma%2Bhelp.JPG" width="640" /></a></div>
<br />
<br />
<br />
Detallo los pasos a seguir:</div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Primer paso: Subir una imagen que servirá de activador o marcador.</span><br />
<div>
<br />
<ol>
<li>“Clic To upload the Trigger image”: Seleccionar una imagen desde archivo. (Se abre una ventana)</li>
<li>Se puede seleccionar desde Archivo (PC) o desde <a href="https://www.dropbox.com/es/" target="_blank">Dropbox</a> (disco virtual). Si elegimos la primer opción, Clic en Browse. Buscamos la imagen en nuestras carpetas del ordenador</li>
<li>Podemos cambiar el nombre de la imagen</li>
<li>Clic Save. Guardamos la imagen.</li>
</ol>
</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-Uhf5JPOLj5g/VdtrIg7m53I/AAAAAAAARAQ/bDybC0XaevA/s1600/Aurasma1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="314" src="http://1.bp.blogspot.com/-Uhf5JPOLj5g/VdtrIg7m53I/AAAAAAAARAQ/bDybC0XaevA/s640/Aurasma1.PNG" width="640" /></a></div>
<div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;">
<b><br /></b></div>
<span style="font-size: large;">Segundo paso: Subir una animación.</span><br />
<br />
<ol>
<li>"Clic to upload Overlay (superposición)</li>
<li>Elegimos el tipo de archivo: (Imagen, vídeo, Modelo 3D) y subimos un archivo de nuestro ordenador</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Acciones (opcional) Podemos añadir acciones, por ejemplo enlaces: cuando haga clic en la imagen abre la URL en el navegador.</li>
<li>Clic Save. Guardamos</li>
<li>Clic en menú contextual (botón/sector derecho), elegimos opciones de visualización. Ejemplo: "FIT TO TRIGGER" (Ajuste)</li>
<li>Save nuevamente.</li>
</ol>
<div>
Tercer paso:</div>
<div>
<ol>
<li>Selecciona el último paso: Finalize Aura</li>
<li>Nombra a tu Aura</li>
<li>Escribe las palabras que te ayudarán a ubicarlo (Hashtags)</li>
<li>OPCIONAL: Compártelo para que otros puedan encontrarlo y probarlo.</li>
</ol>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-VSxEQwtoO_E/Vdt6d24yqLI/AAAAAAAARAg/lItm48WBa1c/s1600/Aurasma3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="128" src="http://3.bp.blogspot.com/-VSxEQwtoO_E/Vdt6d24yqLI/AAAAAAAARAg/lItm48WBa1c/s640/Aurasma3.JPG" width="640" /></a></div>
<div>
<br /></div>
<br />
<span style="font-size: large;">Cuarto paso: Probar la aplicación</span><br />
<ol>
<li>Abre la app Aurasma. Los datos deben coincidir con los de Aurasma Studio.</li>
<li>Selecciona "Explorar" / "Auras" y aparecerán los propios.</li>
<li>Selecciona la opción para escanear y prueba sobre la imagen inicial (Trigger) haciendo clic sobre la pantalla de tu dispositivo.</li>
</ol>
</div>
<div>
<br /></div>
<div>
<span style="font-size: large;">Compartir Auras:</span></div>
<div>
(Siempre que la hayas compartido desde Aurasma Studio)</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-bus-_TUq-fM/VduRTikNjLI/AAAAAAAARAw/hr_0uXu2WgI/s1600/invMorel.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="428" src="http://1.bp.blogspot.com/-bus-_TUq-fM/VduRTikNjLI/AAAAAAAARAw/hr_0uXu2WgI/s640/invMorel.JPG" width="640" /></a></div>
<div>
<ol>
<li>Abre Aurasma en tu dispositivo móvil.</li>
<li>Selecciona la opción “Buscar” (lupa) en este caso INVMOREL</li>
<li>Escribe alguno de los hashtags que agregaste en el último paso al crearlo (3er paso, 4.) en este caso INVMOREL</li>
<li>Cuando aparezca, síguelo. Ejemplo: aleredin´s Public Auras </li>
<li>Ubica tu dispositivo sobre la imagen y selecciona la opción “Escaneo” </li>
</ol>
<br />
<ol>
</ol>
</div>
<div>
<div>
<br /></div>
<div>
Fuentes:<br />
<a href="https://studio.aurasma.com/home" target="_blank">Aurasma Studio</a><br />
<a href="http://raenelaula.blogspot.com.ar/p/aurasma.html" target="_blank">"Realidad aumentada en el aula" por Ana de la Fuente</a></div>
</div>
</div>
Alejandra García Redínhttp://www.blogger.com/profile/03673636727505805440noreply@blogger.com0tag:blogger.com,1999:blog-2915523458892081582.post-84139486905823295462015-08-14T05:28:00.000-07:002018-02-25T11:48:37.473-08:00Herramientas de visualización II<br />
<h3>
Mapas Conceptuales:</h3>
<div style="text-align: justify;">
<a href="https://es.wikipedia.org/wiki/Mapa_conceptual">Según Wikipedia,</a> Mapa conceptual es una <a href="https://es.wikipedia.org/wiki/T%C3%A9cnica">técnica</a> usada para la representación gráfica del <a href="https://es.wikipedia.org/wiki/Conocimiento">conocimiento</a>. Un mapa conceptual es una red de <a href="https://es.wikipedia.org/wiki/Concepto">conceptos</a>. En la red, los nodos representan los conceptos, y los enlaces representan las relaciones entre los conceptos.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Aprendizaje significativo</b></div>
<div style="text-align: justify;">
Según <a href="https://es.wikipedia.org/wiki/Joseph_D._Novak">Novak</a>, los nuevos conceptos son adquiridos por descubrimiento, que es la forma en que los niños adquieren sus primeros conceptos y <a href="https://es.wikipedia.org/wiki/Lenguaje">lenguaje</a>, o por <a href="https://es.wikipedia.org/wiki/Aprendizaje">aprendizaje</a> receptivo, que es la forma en que aprenden los niños en la <a href="https://es.wikipedia.org/wiki/Escuela">escuela</a> y los adultos. El problema de la mayor parte del aprendizaje receptivo en las escuelas, es que los estudiantes memorizan definiciones de conceptos, o <a href="https://es.wikipedia.org/wiki/Algoritmo">algoritmos</a>para resolver sus problemas, pero fallan en adquirir el significado de los conceptos en las definiciones o fórmulas.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Aprendizaje activo</b></div>
<div style="text-align: justify;">
Cuando se realiza un mapa conceptual, se obliga al estudiante a relacionarse, a jugar con los conceptos, a que se empape con el contenido. No es una simple memorización; se debe prestar atención a la relación entre los conceptos. Es un proceso activo.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Los mapas conceptuales permiten la organización y jerarquización del conocimiento de un tema y se puede utilizar antes, durante o después de enseñar un contenido.</div>
<div style="text-align: justify;">
El mapa conceptual representa una jerarquía de diferentes niveles de generalidad e inclusividad conceptual y se conforma de: conceptos, proposiciones y palabras enlace (Novak y Gowin, 1988).</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Los conceptos: se refieren a objetos, eventos o situaciones y se representan en círculos llamados nodos. Existen tres tipos de conceptos: supraordinados (mayor nivel de inclusividad), coordinados (igual nivel de inclusividad) y subordinados (menor nivel de inclusividad).</div>
<div style="text-align: justify;">
Las proposiciones: representan la unión de dos o más conceptos relacionados entre si, mediante una palabra enlace.</div>
<div style="text-align: justify;">
Las palabras enlace: expresan el tipo de relación existente entre dos o más conceptos y se representan a través de líneas rotuladas.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
La herramienta más conocida para crearlos en formato digital es <a href="http://cmap.ihmc.us/" target="_blank">CMapTools</a>. Además de ser muy poderosa tiene una gran ventaja cuando hay problemas de conexión ya que permite editarlos off line. Una vez creados el sitio provee un espacio en la nube para que podamos alojarlos. Otra de las ventajas es que se pueden incluir enlaces desde cada concepto. Esto los hace interactivos.</div>
<div>
<div style="text-align: justify;">
Dentro de las opciones on line la interactividad también la permite <a href="https://www.lucidchart.com/es" target="_blank">LucidChart</a> pero sólo se pueden crear 5 documentos en forma gratuita.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Vemos un ejemplo del alumno Pedro Frontoni (6 año ES) para el proyecto <a href="http://blogsnewlands.com.ar/supermantematica/2013/11/07/mapa-fractal/" target="_blank">"Supermantemática"</a></div>
<div style="text-align: justify;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-MZA9zGd45JA/Vc3dOG85whI/AAAAAAAAQ8o/qXena365LiY/s1600/fractales-y-medicina.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="640" src="https://1.bp.blogspot.com/-MZA9zGd45JA/Vc3dOG85whI/AAAAAAAAQ8o/qXena365LiY/s640/fractales-y-medicina.jpg" width="512" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Mapa conceptual para el proyecto sobre el uso de la geometría fractal en el diagnóstico del cáncer</td></tr>
</tbody></table>
<br />
<br />
<h3>
Mapas mentales</h3>
<div style="text-align: justify;">
Un mapa mental es un diagrama usado para representar las palabras, ideas, tareas y dibujos u otros conceptos ligados y dispuestos radialmente alrededor de una palabra clave o de una idea central. Los mapas mentales son un método muy eficaz para extraer y memorizar información. Son una forma lógica y creativa de tomar notas y expresar ideas que consiste, literalmente, en cartografiar sus reflexiones sobre un tema.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
El gran difusor de la idea del mapa mental fue <a href="https://es.wikipedia.org/wiki/Tony_Buzan">Tony Buzan</a> en 1974 con su libro "Use Your Head".Un mapa mental se obtiene y desarrolla alrededor de una palabra, frase o texto, situado en el centro, para luego derivar ideas, palabras y conceptos, mediante líneas que se trazan hacia alrededor del título; el sentido de estas líneas puede ser horario o anti-horario; es un recurso muy efectivo para evaluar la relación entre distintas variables.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
En este ejemplo, la alumna Lara Abelleira (6to año ES) presenta su <a href="http://blogdelarinewlands.blogspot.com.ar/2014/05/cual-es-tu-ambiente-personal-de.html" target="_blank">ambiente personal de aprendizaje</a>.</div>
</div>
<div>
<br /></div>
<div style="text-align: center;">
<object height="460" width="460"><param value="https://popplet.com/app/Popplet_Alpha.swf?page_id=1847102&em=1" name="movie">
<param value="true" name="allowFullScreen">
<param value="always" name="allowscriptaccess">
<embed src="https://popplet.com/app/Popplet_Alpha.swf?page_id=1847102&em=1" height="460" width="460" allowfullscreen="false" allowscriptaccess="always" type="application/x-shockwave-flash"></object>
</div>
<div>
<br />
<br />
<h3>
Notas visuales:</h3>
<div style="text-align: justify;">
De la mano de <a href="http://stanfordbusiness.tumblr.com/post/51889767187/5-core-skills-of-disruptive-visual-thinking">Rebeca Zúñiga</a> conocí las notas visuales. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Esta técnica consiste en tomar notas o registrar ideas (cuaderno, hoja de papel, pizarra o tablet) utilizando texto, dibujos y colores debidamente relacionados utilizando una determinada estructura, en la que las palabras se utilizan para enfatizar palabras clave, títulos y describir términos que no son fáciles de dibujar.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Las imágenes, garabatos o dibujos resumen lo que podría escribirse en muchas palabras, y la estructura nos da la orientación y organización de hacia dónde van las ideas plasmadas. De acuerdo con varios estudios citados en el artículo “<a href="http://www.smashingmagazine.com/2012/08/03/i-draw-pictures-all-day/">I Draw pictures all day</a>“, las personas cuya <a href="http://es.wikipedia.org/wiki/Teor%C3%ADa_de_las_inteligencias_m%C3%BAltiples">inteligencia</a> está más orientada hacia lo “visual-espacial” se benefician con este tipo de práctica. Entre sus ventajas se encuentran:</div>
<ul>
<li style="text-align: justify;">Mejora la capacidad de recordar lo anotado</li>
<li style="text-align: justify;">Entendimiento del contenido: ya que para poder dibujarlo es necesario entenderlo a través de la conexión de nuestra parte verbal y textual</li>
<li style="text-align: justify;">Es mucho más divertido y fuera de la estructura convencional.</li>
</ul>
<br />
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-9kyN8IBsIGY/Vc3WxEd1IaI/AAAAAAAAQ8Y/ZDraYlFlZug/s1600/notas%2Bvisuales.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="480" src="https://1.bp.blogspot.com/-9kyN8IBsIGY/Vc3WxEd1IaI/AAAAAAAAQ8Y/ZDraYlFlZug/s640/notas%2Bvisuales.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Notas visuales de la charla de Cristóbal Cobo sobre Aprendizaje Invisibles en TEDxLaguna (2010) por Rebeca Zúñiga</td></tr>
</tbody></table>
<div style="background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; line-height: 22.3999996185303px; margin-bottom: 0.5em; margin-top: 0.5em;">
<br /></div>
<br />
Fuentes consultadas:<br />
<a href="https://sites.google.com/site/construccionescurriculares/cmap-tools/que-es-un-mapa-conceptual" target="_blank">¿Qué es un mapa conceptual?</a><br />
<a href="https://es.wikipedia.org/wiki/Mapa_mental" target="_blank">Mapa mental</a><br />
<a href="http://videoeneducacion.com/el-arte-de-las-notas-visuales-aplicado-la-produccion-de-video-educativo/" target="_blank">El arte de las notas visuales y su aplicación al video educativo.</a><br />
<br />
Leer más:</div>
<div>
7herramientas para crear mapas conceptuales ( Blog Tiching) <a href="http://blog.tiching.com/7-herramientas-para-crear-mapas-conceptuales/">http://blog.tiching.com/7-herramientas-para-crear-mapas-conceptuales/</a><br />
<a href="http://stanfordbusiness.tumblr.com/post/51889767187/5-core-skills-of-disruptive-visual-thinking" target="_blank">5 core skills disruptive, visual thinking, innovators.</a><br />
<a href="http://www.dibu2pia.es/" target="_blank">Dibu2pia</a><br />
Austin Kleon http://austinkleon.com/visual-note-taking/<br />
Aplicaciones de mapas mentales (algunas también para mapas conceptuales)<br />
<br />
<div id="edshelf-widget-shelf-46119" style="height: 550px;">
<iframe frameborder="0" height="550" src="https://edshelf.com/shelf-widget/?id=46119&format=grid&same_window=" width="100%"></iframe></div>
</div>
Alejandra García Redínhttp://www.blogger.com/profile/03673636727505805440noreply@blogger.com0tag:blogger.com,1999:blog-2915523458892081582.post-78195217488633916422015-08-07T05:43:00.000-07:002015-08-14T05:30:29.945-07:00Herramientas de visualización IAfortunadamente muchos somos los docentes que trabajamos con herramientas de visualización en nuestras clases, creando u orientando para que nuestros alumnos las produzcan.<br />
Pero hay muchas ... y con propósitos diversos.<br />
Trataré de ordenar y clasificar las que conozco / utilizo / he probado y orientarlos en el qué, cuándo y para qué.<br />
<br />
En la presentación sobre "<a href="http://webconectada.blogspot.com.ar/2015/02/herramientas-basicas-de-un-docente.html" target="_blank">Herramientas básicas de un docente digital</a>", diapositivas 9 y 10 realicé una clasificación con mención de algunas herramientas. Aquí amplío un poco más:<br />
<br />
Comenzamos con las <b>Infografías</b>:<br />
<br />
<a href="http://www.lauralofer.com/como-crear-infografia/" target="_blank">¿Cómo diseñar una infografía paso a paso?</a><br />
<br />
Para introducir a los estudiantes en cómo crear una infografía atractiva y con buen diseño me gusta mostrarles el video que realizó la gente de x1RedMasSegura a partir de un concurso de infografías que realizaron en su primera edición (Gracias @HackingMom por invitación!)<br />
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/jbCZyYFYka8?rel=0" width="560"></iframe>
</div>
<div style="text-align: center;">
<br /></div>
<br />
La herramienta preferida por mis alumnos es Piktochart. Se puede utilizar sobre plataforma web o como aplicación para tablets (iOS, Android).<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-OmCOH1nlXY0/VcSWqXHIBPI/AAAAAAAAQyU/_MXjuDyj4T8/s1600/Adrogue%25CC%2581%2B%25282%2529.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="640" src="http://4.bp.blogspot.com/-OmCOH1nlXY0/VcSWqXHIBPI/AAAAAAAAQyU/_MXjuDyj4T8/s640/Adrogue%25CC%2581%2B%25282%2529.jpg" width="408" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Por Camila Guallart, 6to año Escuela Secundaria</td></tr>
</tbody></table>
<br />
<br />
Otras opciones:<br />
<br />
<ul>
<li><a href="http://infogr.am/">Infogr.am</a> Destaco la vista de gráficos dinámicos.</li>
<li>Easel.ly <a href="http://agustinanls.blogspot.com.ar/2014/05/apa-ambiente-personal-de-aprendizaje.html" target="_blank">Ejemplo</a></li>
<li><a href="https://www.canva.com/" target="_blank">Canva</a> Una excelente <a href="http://www.educacontic.es/blog/canva-una-espectacular-herramienta-para-disenar-contenido-web" target="_blank">nota </a>sobre este recurso</li>
<li><a href="http://vizualize.me/">Vizualize.me</a> (para realizar CV) <a href="http://vizualize.me/1piEDNTDVh#.VcSbtxN_Oko" target="_blank">Ejemplo</a></li>
<li><a href="http://www.vizzuality.com/" target="_blank">Vizzuality </a> </li>
<li><a href="http://visme.co/">Visme.co</a></li>
</ul>
<div>
La siguiente infografía fue realizada por Florencia Piacente y Juan Martín Lara (6to año ES) para su trabajo "<a href="http://blogsnewlands.com.ar/edificiosverdes/" target="_blank">Construcciones sustentables</a>"</div>
<div>
<br /></div>
<script id="infogram_0_Construir-con-conciencia-los-NMEROS" src="//e.infogr.am/js/embed.js?Wmp" type="text/javascript"></script>
Todas estas herramientas se editan on line. ¿Qué hacemos si no tenemos conexión? Siempre tenemos la opción de utilizar nuestro querido Power Point. Si modificamos el tamaño de la diapositiva a uno conveniente para nuestra infografía y utilizamos elementos visuales, especialmente la opción SmartArt, el resultado será increíble!<br />
<br />
Destaco trabajos como los que hace la agencia <a href="http://hyperakt.com/" target="_blank">Hyperakt</a>, <a href="http://hyperakt.com/items/unicef-sowc/" target="_blank">Inspiring innovation for every child</a><br />
como modelo para inspirar un proyecto basado en visualización de datos.<br />
<br />
<br />
<span style="color: #e69138;"><b>Próximamente .... Mapas mentales
</b></span>Alejandra García Redínhttp://www.blogger.com/profile/03673636727505805440noreply@blogger.com0tag:blogger.com,1999:blog-2915523458892081582.post-80638851653756408132015-04-18T08:55:00.000-07:002018-05-19T07:30:44.642-07:00Iniciando un camino de aprendizaje a través de la redContinuamos la primer unidad sobre "Alfabetización digital" con esta presentación sobre <b>aprendizaje en red / aprendizaje permanente.</b><br />
<br />
<iframe allowfullscreen="true" frameborder="0" height="299" mozallowfullscreen="true" src="https://docs.google.com/presentation/d/1iXyddKUBumZAlLMafWgzm2zfU-bhydK5AmfJSUUdZu4/embed?start=false&loop=false&delayms=60000" webkitallowfullscreen="true" width="480"></iframe>
<br />
<br />
Les recomiendo que naveguen por algunas de las redes o comunidades mencionadas y se sumen según sus intereses a algunas de ellas. Entre todos, seguiremos hablando de estos espacios de aprendizaje y práctica.<br />
<br />
(Actualizado el 18/05/2018)Alejandra García Redínhttp://www.blogger.com/profile/03673636727505805440noreply@blogger.com0tag:blogger.com,1999:blog-2915523458892081582.post-30165486024633964322015-03-16T10:24:00.000-07:002016-04-01T10:43:57.680-07:00Alfabetización digital en el 41<div style="text-align: center;">
<i>(Actualización al 1 de abril de 2016)</i><br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/yZBe1-J_cNQ" width="560"></iframe>
</div>
<div>
<div class="tG QF" style="background-color: white; color: #404040; font-family: Roboto, arial, sans-serif; font-size: 13px; line-height: 24.2666683197022px; position: absolute; width: 0px;">
<br /></div>
<div class="tG QF" style="background-color: white; color: #404040; font-family: Roboto, arial, sans-serif; font-size: 13px; line-height: 24.2666683197022px; position: absolute; width: 0px;">
<br /></div>
<div class="tG QF" style="background-color: white; color: #404040; font-family: Roboto, arial, sans-serif; font-size: 13px; line-height: 24.2666683197022px; position: absolute; width: 0px;">
<br /></div>
<div class="tG QF" style="background-color: white; color: #404040; font-family: Roboto, arial, sans-serif; font-size: 13px; line-height: 24.2666683197022px; position: absolute; width: 0px;">
<br /></div>
<div class="tG QF" style="background-color: white; color: #404040; font-family: Roboto, arial, sans-serif; font-size: 13px; line-height: 24.2666683197022px; position: absolute; width: 0px;">
<br /></div>
<div class="tG QF" style="background-color: white; color: #404040; font-family: Roboto, arial, sans-serif; font-size: 13px; line-height: 24.2666683197022px; position: absolute; width: 0px;">
</div>
Jordi Adell es un GRAN maestro, referente a la hora de pensar en cómo enseñar y aprender en este tiempo. Capacitarse en habilidades digitales va más allá de que me guste la tecnología, de que la quiera incorporar en el aula porque es más entretenida para los estudiantes, de que esté de moda :O o de que me lo exija un superior. Es una necesidad si no pienso jubilarme en unos meses ... y si no soy tan irresponsable como para pensar que las competencias que tengo que desarrollar en mis alumnos las puede trabajar el profesor de al lado ... <br />
<br />
<div style="text-align: left;">
Empecemos la cursada hablando de a qué llamamos alfabetización digital, algunas conceptualizaciones importantes y características de una formación docente acorde con nuestro tiempo. La pregunta disparadora es: ¿Cómo nos hacemos cargo de enseñar en este tiempo?</div>
</div>
<br />
<iframe allowfullscreen="true" frameborder="0" height="299" mozallowfullscreen="true" src="https://docs.google.com/presentation/d/1vgUfwH4TqFIXYviBeieeD47OYZLg3YPmBc_RqYRprR8/embed?start=false&loop=false&delayms=10000" webkitallowfullscreen="true" width="480"></iframe>
<br />
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Recomiendo acceder a la presentación sobre <a href="http://webconectada.blogspot.com.ar/2015/02/herramientas-basicas-de-un-docente.html" target="_blank">"Herramientas básicas de un docente digital"</a></div>
<br />
<br />
Fuentes consultadas (captura de pantallas):<br />
Álvarez, D. (2010) Entornos personales de aprendizaje permanente. Recuperado de: http://es.slideshare.net/balhisay/entornos-personales-para-el-aprendizaje-permanente-4557955<br />
Cobo Romaní, C. (2012). Perspectivas tecnológicas: Educacion Superior en Iberoamérica (2012 - 2017) The New Media Consortium. Recuperado de: de: http://es.slideshare.net/cristobalcobo/horizonib2012-esp-14704115<br />
<br />
Lectura complementaria:<br />
<a href="http://compartirpalabramaestra.org/columnas/la-educacion-necesita-de-tecnologia-pero-tambien-de-mucho-mas-hacia-una-ecologia-del" target="_blank">La educación necesita de tecnología pero también de mucho más. Hacia una ecología del aprendizaje</a>Alejandra García Redínhttp://www.blogger.com/profile/03673636727505805440noreply@blogger.com1tag:blogger.com,1999:blog-2915523458892081582.post-24723432136813040162015-02-20T04:28:00.002-08:002015-02-20T08:24:40.743-08:00Herramientas básicas de un docente digitalLes dejo la presentación que usaremos durante la jornada de capacitación en ESSARP el día 20 de febrero:<br />
<br />
<div style="text-align: center;">
<iframe allowfullscreen="true" frameborder="0" height="299" mozallowfullscreen="true" src="https://docs.google.com/presentation/d/12G0yUabALkJ5OomJl-BZVDPIilgmtizh-LvsgpQpYhY/embed?start=false&loop=false&delayms=3000" webkitallowfullscreen="true" width="480"></iframe>
</div>
Alejandra García Redínhttp://www.blogger.com/profile/03673636727505805440noreply@blogger.com0