tag:blogger.com,1999:blog-64699342109842592372024-03-20T02:11:33.495-07:00Cartilla ilustradaCartilla ilustrada para niños de Educación Infantil/PrimariaPensamientos dispersoshttp://www.blogger.com/profile/12508168198669700605noreply@blogger.comBlogger17125tag:blogger.com,1999:blog-6469934210984259237.post-51305238158644903942015-05-11T04:55:00.001-07:002015-05-11T04:56:48.060-07:00IX Concurso Universitario de Software LibreEl jueves y viernes de la semana pasada se celebró la <a href="http://osluz.unizar.es/content/fase-final-del-ix-cusl-en-zaragoza">final del IX CUSL</a>. Por primera vez, esta final no tuvo lugar en Andalucía, sino <a href="http://osluz.unizar.es/content/comienza-la-cuenta-atras-para-la-fase-final-del-ix-cusl">en Zaragoza</a>.<br />
<br />
El evento contó con un nutrido programa de <a href="http://www.concursosoftwarelibre.org/1415/fase-final">interesantes ponencias</a>. Desde aquí mi enhorabuena a los <a href="http://www.concursosoftwarelibre.org/1415/node/28">ganadores</a>.<br />
<br />
El Heraldo publicó ayer domingo una página sobre el curso, haciendo mención de la <a href="http://www.cartilla.xyz/">Cartilla Ilustrada Nellodee</a> como proyecto ganador de la fase local:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaGXdFHFDUqYA-5nZPOeGgp4bIc_XkZSTLene36Qb9oPir0FWXSKfisGL3pJc_AKwOky6GjNgHU0543KupEG3dMGaDYRs1fs5aN36EBAAoxh35m_iixoVAG6uMDFmDld9yzRlwfTUeVug/s1600/150511_z0_10_hd8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaGXdFHFDUqYA-5nZPOeGgp4bIc_XkZSTLene36Qb9oPir0FWXSKfisGL3pJc_AKwOky6GjNgHU0543KupEG3dMGaDYRs1fs5aN36EBAAoxh35m_iixoVAG6uMDFmDld9yzRlwfTUeVug/s320/150511_z0_10_hd8.jpg" width="231" /></a></div>
<br />Pensamientos dispersoshttp://www.blogger.com/profile/12508168198669700605noreply@blogger.com0tag:blogger.com,1999:blog-6469934210984259237.post-29493868186874771682015-04-30T07:31:00.001-07:002015-04-30T07:33:17.614-07:00Premio del Concurso Universitario de Software LibreAyer tuvo lugar la fase local de la Universidad de Zaragoza del <a href="https://www.concursosoftwarelibre.org/1415/" target="_blank">IX Concurso Universitario de Software Libre</a>.<br />
<br />
El <a href="http://osluz.unizar.es/content/nellodee-ganador-del-premio-local-del-ix-cusl" target="_blank">evento</a> comenzó con una interesante conferencia del profesor de Documentación Automatizada Antonio-Paulo Ubieto Artur.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj9gmCkwv74sBirjbHXnHVERqgR5BlJBjL1Y74EmxuZpYQAKrt4LUVewBGfivPB9g51vscn-OeULdeK62MwVHMHWcdVGNlnOrqHCIzY-WkhgvfPW3oSujY2fGiJSSdLFHrOMXxnoAJWSg/s1600/ubieto.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj9gmCkwv74sBirjbHXnHVERqgR5BlJBjL1Y74EmxuZpYQAKrt4LUVewBGfivPB9g51vscn-OeULdeK62MwVHMHWcdVGNlnOrqHCIzY-WkhgvfPW3oSujY2fGiJSSdLFHrOMXxnoAJWSg/s1600/ubieto.png" /></a></div>
<br />
<br />
Seguidamente los estudiantes participantes en el concurso presentamos nuestros proyectos, en un caso por videoconferencia.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDl6vyKUrypnW3sTKR4VhtB5weisCBvW75lCMyfJOQ0T_zZ4swsxyksOIyQyYHwGg6ADwmJP4NbAIxhRSqlxd3dBEnyGUSZFEWsuK-ppDHXCgmnsF85NCj-1Ads5N_LsskzmzIoeyGUC0/s1600/greenhub.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDl6vyKUrypnW3sTKR4VhtB5weisCBvW75lCMyfJOQ0T_zZ4swsxyksOIyQyYHwGg6ADwmJP4NbAIxhRSqlxd3dBEnyGUSZFEWsuK-ppDHXCgmnsF85NCj-1Ads5N_LsskzmzIoeyGUC0/s1600/greenhub.png" height="208" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL5Sx9_t_gFauE7nuZDeISZvX4iChwIKPOtl3xiCtHRvEWeFjOyObxfzRWhp_LjqSiRZWEOwKEsmcII_-nHABCuwVidqElGHa1ivW-vcAYfySxDExVHTumWmq5G7LmwSoXNVxur1gwf_o/s1600/quique.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL5Sx9_t_gFauE7nuZDeISZvX4iChwIKPOtl3xiCtHRvEWeFjOyObxfzRWhp_LjqSiRZWEOwKEsmcII_-nHABCuwVidqElGHa1ivW-vcAYfySxDExVHTumWmq5G7LmwSoXNVxur1gwf_o/s1600/quique.png" /></a></div>
<br />
<div>
Finalmente salimos de la sala para que el jurado deliberase e hiciera sus valoraciones. Al termino de la deliberación, la <a href="http://www.cartilla.xyz/" target="_blank">Cartilla Ilustrada</a> fue el proyecto elegido :-)<br />
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaRf9NSgv8oyglYF-CsP2S4IQC05tC2KkFSSnzJ2tifHpWfD0deteydR7zkh7951IpMccX6kvFzC8XdL0m5ZAP_ld7XEcmEtDyZ-Srn_vHsuOpy7tS0DnX6ynVIJjvmGaWvl5FDSLq_xI/s1600/ivpremiolocal.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaRf9NSgv8oyglYF-CsP2S4IQC05tC2KkFSSnzJ2tifHpWfD0deteydR7zkh7951IpMccX6kvFzC8XdL0m5ZAP_ld7XEcmEtDyZ-Srn_vHsuOpy7tS0DnX6ynVIJjvmGaWvl5FDSLq_xI/s1600/ivpremiolocal.png" height="211" width="320" /></a></div>
<div>
<br /></div>
Esta es la foto de la entrega del premio, un smartphone, por parte del jurado. Para finalizar, se repartieron a los asistentes pegatinas de la FSF y nos fuimos a tomar unas tapas y cervezas :)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrR9-55nmDW6H3iBMO6UKN5JaYxm793OQnlj1OD0RdZNgEisH-66d4jq9KAsWE9WA2lTvRSky-dpDi85qN1Chlyaa-wv0ikERdXO636D2BoWMEpV2da00csxtsjwbx1A3PZnzsfHIP70c/s1600/material_fsf.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrR9-55nmDW6H3iBMO6UKN5JaYxm793OQnlj1OD0RdZNgEisH-66d4jq9KAsWE9WA2lTvRSky-dpDi85qN1Chlyaa-wv0ikERdXO636D2BoWMEpV2da00csxtsjwbx1A3PZnzsfHIP70c/s1600/material_fsf.png" height="212" width="320" /></a></div>
<br />
La próxima semana tendrá lugar la <a href="http://osluz.unizar.es/content/fase-final-del-ix-cusl-en-zaragoza" target="_blank">fase final del CUSL</a>, también en Zaragoza, a donde acudirán participantes de toda España.Pensamientos dispersoshttp://www.blogger.com/profile/12508168198669700605noreply@blogger.com0tag:blogger.com,1999:blog-6469934210984259237.post-57997531114314413872015-04-20T08:17:00.000-07:002015-05-11T04:32:30.367-07:00Otra actividad de orientación espacialHe añadido una <a href="http://cartilla.xyz/orientation2/index.html" target="_blank">actividad de orientación espacial</a> más. En ésta se enseña una figura de muestra, y se pide pulsar sobre la que es igual que ella entre ocho variantes de la misma imagen pero girada a la izquierda, a la derecha, boca abajo, volteada (reflejada en un espejo), etc.<br />
<br />
Cabe señalar que la imagen se carga una sola vez, y que las distintas variantes se obtienen manipulándola con Javascript. <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnd62A7B6X4TyI4T3fOV4F66NgjOWzJehyphenhyphenKfohyphenhyphenTE5PE49inqeOk_cvC6z417aR_L5EGwq6IDbp3kTaY_L1dRbXfMZvm8xm-2jNK406mlxm6jLhM_qK9yRMa0ErNRhCJkxBjV0BwPXyRs/s1600/orientacion_espacial_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnd62A7B6X4TyI4T3fOV4F66NgjOWzJehyphenhyphenKfohyphenhyphenTE5PE49inqeOk_cvC6z417aR_L5EGwq6IDbp3kTaY_L1dRbXfMZvm8xm-2jNK406mlxm6jLhM_qK9yRMa0ErNRhCJkxBjV0BwPXyRs/s1600/orientacion_espacial_2.jpg" width="320" /></a></div>
<br />
Además en el panel inferior se muestra ahora una flecha para volver al menú.Pensamientos dispersoshttp://www.blogger.com/profile/12508168198669700605noreply@blogger.com0tag:blogger.com,1999:blog-6469934210984259237.post-22210098167223990132015-04-18T10:17:00.000-07:002015-05-11T04:33:03.605-07:00Sonido y progreso de la actividadPara hacer <a href="http://cartilla.xyz/" target="_blank">el juego</a> más interesante, he añadido un incentivo: ahora, cada vez que el el niño acierta, obtiene una recompensa en forma de moneda. Cuando logra llenar la barra inferior de monedas, pasa automáticamente a la siguiente actividad.<br />
<br />
Además, en algunas actividades puede perder monedas en caso de error.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI-ulwaiVN0r_MsFARgGubCv8r6ZDSy_VC0oiFszUeeag2TlYAVfxiU_I89S0Mnoxf70JLX4IQthwBTPrTCUfJC8H2jSK64-TYy6-HL9jZ7IL_3ORos-Glh9uvdSWRFNrXXFnZG2Z16Vs/s1600/progress_coins.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI-ulwaiVN0r_MsFARgGubCv8r6ZDSy_VC0oiFszUeeag2TlYAVfxiU_I89S0Mnoxf70JLX4IQthwBTPrTCUfJC8H2jSK64-TYy6-HL9jZ7IL_3ORos-Glh9uvdSWRFNrXXFnZG2Z16Vs/s1600/progress_coins.png" width="320" /></a></div>
<br />
Una de las tareas pendientes más sangrantes era la ausencia de audio, cuestión que ya ha sido resuelta. Ahora hay efectos de audio al acertar, fallar, pasar a la siguiente pantalla... <br />
<br />
Y gracias a Virginia G, graduada en educación infantil que ha tenido la amabilidad de aportar su voz, ahora se escucha la instrucción de la actividad a realizar.Pensamientos dispersoshttp://www.blogger.com/profile/12508168198669700605noreply@blogger.com0tag:blogger.com,1999:blog-6469934210984259237.post-29455792714499564042015-04-09T01:02:00.001-07:002015-05-11T04:33:40.244-07:00Cambio el tipo de letraDespués de las mayúsculas, el tipo de letra más facil de reconocer para los niños es la
cursiva o manuscrita. El tipo de letra de imprenta hace que los caracteres de los pares q-p, d-b, a-e sean complicados de distinguir para ellos. Este tipo de letra no se empieza a usar hasta más adelante.<br />
<br />
Por los blogs y webs de educación circulan varios ejemplos de tipografía infantil, como Acali, <a href="http://www.edu.xunta.es/centros/ceipfrions/es/node/101">Boo</a> de José Manuel Boo, Colegio, Edelfontmed, Escolar de Antonio Herrera Infantes (Anyetipo), Mamut, Massallera, Maternellecolor, Mestra (MeMima) de José Manuel Urós y Joan Barjau (Type-Ø-Tones), Morasoft de Moisés Rafael González Rodríguez o PalMeMim.<br />
<br />
La mayoría de las veces estas webs no adjuntan licencia alguna con las <i>fuentes</i>, pero he averiguado que algunas de son de pago (como Escolar o Memimas) y otras prohíben su uso comercial (como Boo), lo que es incompatible con las definiciones de Software Libre y de <i>Open Source Software</i>.<br />
<br />
Afortunadamente hay sitios como <a href="http://www.fontsquirrel.com/">Font Squirrel</a> y <a href="http://www.google.com/webfonts">Google Web Fonts</a> en los que se pueden encontrar tipos claramente libres (licencia <a href="http://en.wikipedia.org/wiki/SIL_Open_Font_License">OFL</a>, <a href="http://en.wikipedia.org/wiki/GPL_font_exception">GPL+FE</a> o de dominio público), que se pueden embeber en una página usando el estándar <a href="http://www.w3.org/TR/WOFF/">WOFF</a> (<i>Web Open Font Format</i>).<br />
<br />
Éste es el aspecto de la <a href="http://www.cartilla.xyz/" target="_blank">Cartilla Ilustrada</a> con el nuevo tipo de letra: <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsKv8WGlM2WZnfSUW8lYZEt9HumK-PAH7OqCylt8IL394xP7MrV4AzmH44K01MdpMYaLyQOvUZmF6QdX2tLve1ihFJssTpN_QMllkq6TdJrJwfXhkNGshFIO2Uk8MKUM18B2p_rhmbvbo/s1600/fonts.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsKv8WGlM2WZnfSUW8lYZEt9HumK-PAH7OqCylt8IL394xP7MrV4AzmH44K01MdpMYaLyQOvUZmF6QdX2tLve1ihFJssTpN_QMllkq6TdJrJwfXhkNGshFIO2Uk8MKUM18B2p_rhmbvbo/s1600/fonts.jpg" width="320" /></a></div>
<br />Pensamientos dispersoshttp://www.blogger.com/profile/12508168198669700605noreply@blogger.com0tag:blogger.com,1999:blog-6469934210984259237.post-55265848645461607952015-04-08T05:07:00.002-07:002015-05-11T04:34:22.087-07:00Nueva actividad de orientación espacialHe añadido una nueva actividad de apresto, esta vez de <a href="http://www.cartilla.xyz/orientation/index.html" target="_blank">orientación espacial</a>, para familiarizarse con los conceptos de derecha/izquierda y arriba/abajo:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjJiNRUSIK9pGKVwIQldL6r_7ui0Ub6-DfxVq1yz1Q_bI89Ljs5Lkn4j3waM1jCgPeOaKSjSWjMMZpzRqbPee8fAM_OnXMQhVl-8iL4l3gk1zFdOIKS5hhts1UN7LYafMMCBqZGtSQeSY/s1600/spatial_orientation.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjJiNRUSIK9pGKVwIQldL6r_7ui0Ub6-DfxVq1yz1Q_bI89Ljs5Lkn4j3waM1jCgPeOaKSjSWjMMZpzRqbPee8fAM_OnXMQhVl-8iL4l3gk1zFdOIKS5hhts1UN7LYafMMCBqZGtSQeSY/s1600/spatial_orientation.jpg" width="320" /></a></div>
<br />
Obviamente este ejercicio no tiene sentido hasta que no incorpore una grabación sonora que le diga al niño la figura a pulsar, así que ahora sí que urge añadir sonido al programa.<br />
<br />Pensamientos dispersoshttp://www.blogger.com/profile/12508168198669700605noreply@blogger.com0tag:blogger.com,1999:blog-6469934210984259237.post-90931070968775682802015-04-07T09:31:00.000-07:002015-05-11T04:37:22.864-07:00Nuevas funcionalidadesUna de las observaciones de Laura fue que en el mercado hay carencia de programas que trabajen con mayúsculas, y que éstas son las letras más fácilmente identificables para el inicio de la lectoescritura y los niños de infantil, así como para niños con dificultades.<br />
<br />
Por tanto me proponía que <a href="http://www.cartilla.xyz/" target="_blank">el programa</a> funcionase con mayúsculas. <br />
<br />
He implementado el soporte para mayúsculas de forma sencilla y elegante. El menú inicial ahora da la opción de elegir entre mayúsculas y minúsculas, y guarda esta preferencia en una <i>cookie</i>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEDY9SE3Bmp2mg3fPac_fjoUuFe8I0jy14ChizJIdKiYC9kBsfbOnBWzm_MlipNHQPszFQg4EOyVS7Jo797CfLQUSBiF3V54C0A5TpZxx_xBh6cG24PnuzESgTZMn7qqaDGNclTgADu64/s1600/mainpage2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEDY9SE3Bmp2mg3fPac_fjoUuFe8I0jy14ChizJIdKiYC9kBsfbOnBWzm_MlipNHQPszFQg4EOyVS7Jo797CfLQUSBiF3V54C0A5TpZxx_xBh6cG24PnuzESgTZMn7qqaDGNclTgADu64/s1600/mainpage2.png" width="320" /></a></div>
<br />
Después sólo he tenido que modificar mínimamente un par de las funciones que utilizan las actividades para que lean esta <i>cookie</i>, y apliquen el método <span style="font-family: Courier New, Courier, monospace;">toUpperCase()</span> sobre las cadenas si es necesario.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm78hF_jjRqxW2v5W4H6bW7bF8YU1XiwTtBxgJ4lwqmhjBuITvYY1tXsw5R8jC0SRe_8RqjhxxSCqd5rhSL7hysm2Tha4ghD5K_gdUPxcsIZ20PDr318zRenR7iPHUfxnaZkymWtvQwys/s1600/uppercase_support.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm78hF_jjRqxW2v5W4H6bW7bF8YU1XiwTtBxgJ4lwqmhjBuITvYY1tXsw5R8jC0SRe_8RqjhxxSCqd5rhSL7hysm2Tha4ghD5K_gdUPxcsIZ20PDr318zRenR7iPHUfxnaZkymWtvQwys/s1600/uppercase_support.png" width="320" /></a></div>
<br />
También me decía que le gustaba la actividad de discriminación auditiva de la vocal inicial, que considera un requisito indispensable. Me sugería añadir además otra actividad de <a href="http://www.cartilla.xyz/auraldiscriminationend/a.html" target="_blank">discriminación auditiva de la vocal final</a>, cosa que ya he hecho:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaWo3ozKEX0h9_ypHExgyknMw_ZjShbuntQZ-dVO_RRrFZfIIoydOYfQCXgUhDtlIDrEaKbUPBc7S73R_BT2arCDiHUrDuTmKNjNkvvFK6jN3sq-tO6jQFl1OPzfb4Or5uRPa4HraYdqw/s1600/auraldiscriminationend.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaWo3ozKEX0h9_ypHExgyknMw_ZjShbuntQZ-dVO_RRrFZfIIoydOYfQCXgUhDtlIDrEaKbUPBc7S73R_BT2arCDiHUrDuTmKNjNkvvFK6jN3sq-tO6jQFl1OPzfb4Or5uRPa4HraYdqw/s1600/auraldiscriminationend.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmcrrV0T88_tlmrjSM0vWvbsijFUJJv7NgKbctiC-SoxNVmQRTfWsdmGQJJWie2bK1IIqLiJktLGNyMkkRmONUG8BIFd0JVpGbXfplJeuvmVzEFpDehOeGxRkAMhJs0GxZrR-NA0Kmjak/s1600/auraldiscriminationend2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmcrrV0T88_tlmrjSM0vWvbsijFUJJv7NgKbctiC-SoxNVmQRTfWsdmGQJJWie2bK1IIqLiJktLGNyMkkRmONUG8BIFd0JVpGbXfplJeuvmVzEFpDehOeGxRkAMhJs0GxZrR-NA0Kmjak/s1600/auraldiscriminationend2.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
De la misma manera, me proponía añadir alguna <a href="http://www.cartilla.xyz/missingfinal/a.html" target="_blank">tarea de identificación de la vocal en posición final</a> de la palabra:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCQR5y0mAPNCgYNMsc8PI0Zk9467Xo2dIao2p1bmcf5Yek-6s9GOphMETX55iZGiQzepoVoZO6SqhdmUFENcPJGY1CPX2FH0caiLvi2xKjgQoFt3MwD_AcC9fpjqb7BreecmXj5HzVhk0/s1600/missingfinal.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCQR5y0mAPNCgYNMsc8PI0Zk9467Xo2dIao2p1bmcf5Yek-6s9GOphMETX55iZGiQzepoVoZO6SqhdmUFENcPJGY1CPX2FH0caiLvi2xKjgQoFt3MwD_AcC9fpjqb7BreecmXj5HzVhk0/s1600/missingfinal.png" width="320" /></a></div>
<br />
Por último he añadido una sección de repaso de todas las vocales, que de momento sólo cuenta con la actividad de identificación de la vocal inicial, pero que en los próximos días iré ampliando.Pensamientos dispersoshttp://www.blogger.com/profile/12508168198669700605noreply@blogger.com0tag:blogger.com,1999:blog-6469934210984259237.post-89875184342003066872015-04-05T10:37:00.001-07:002015-04-05T10:37:45.052-07:00Primera valoraciónLaura O., una maestra de Audición y Lenguaje con años de experiencia, ha tenido la amabilidad de examinar detenidamente las características de la Cartilla Ilustrada.<br />
<br />
Su valoración ha sido muy positiva, lo que resulta francamente reconfortante. Además me ha enviado comentarios detallados con sus sugerencias.<br />
<br />
Algunas de sus propuestas ya las tenía en mi lista de tareas pendientes. Otras son ideas interesantes para mejorar el programa y hacerlo más útil, que implementaré en los próximos días.<br />
<br />
Definitivamente parece que la aplicación va por buen camino para llegar a ser una gran herramienta para maestros y padres :-)Pensamientos dispersoshttp://www.blogger.com/profile/12508168198669700605noreply@blogger.com0tag:blogger.com,1999:blog-6469934210984259237.post-87133443164993282062015-04-02T10:02:00.000-07:002015-04-02T10:02:05.042-07:00Servidor web en marcha¡Ya se puede probar la <a href="http://www.cartilla.xyz/">Cartilla Ilustrada</a>!<br />
<br />
He creado <a href="http://www.cartilla.xyz/">este sitio web</a> con el programa, de modo que cualquier persona pueda ya visitarlo y empezar a usarlo.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDOEUYteJztVgJEzDeSdSO_uDg73KLOKbo5VPxx5zYPdm_GKjuTZvQJZF-j-UBu1juLtuRwZL7Gj3MtDjEGT3O7pgHSqboV_CH1al3fRfF_wGZkV1iBKO-IW89l-qMPe19FV3hM9D8QXY/s1600/mainpage.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDOEUYteJztVgJEzDeSdSO_uDg73KLOKbo5VPxx5zYPdm_GKjuTZvQJZF-j-UBu1juLtuRwZL7Gj3MtDjEGT3O7pgHSqboV_CH1al3fRfF_wGZkV1iBKO-IW89l-qMPe19FV3hM9D8QXY/s1600/mainpage.png" height="212" width="320" /></a></div>
<br />
<br />
Todavía me quedan más actividades por añadir (y añadir el resto de las consonantes a las que ya hay), pero creo que ya se puede apreciar su utilidad.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8dgpKl9jJDQ65qyzJ5HkyltvCYTDFYu6-h4JAumNbAR_OkvqJim0YcTXhPgvdvagrzWtaMIMxrrDx6nsdoz1LoK4-gQnLfZn_VG29yoQ_7EJ8FG1kWToR-6mwgiFojdRRhVVO5EqJL0Y/s1600/mainpage1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8dgpKl9jJDQ65qyzJ5HkyltvCYTDFYu6-h4JAumNbAR_OkvqJim0YcTXhPgvdvagrzWtaMIMxrrDx6nsdoz1LoK4-gQnLfZn_VG29yoQ_7EJ8FG1kWToR-6mwgiFojdRRhVVO5EqJL0Y/s1600/mainpage1.png" height="212" width="320" /></a></div>
<br />
<br />
Ahora le pasaré el enlace a algunas maestras, para que lo valoren y me digan su opinión, sugerencias, críticas... Y a la vuelta de vacaciones, ¡a seguir programando!Pensamientos dispersoshttp://www.blogger.com/profile/12508168198669700605noreply@blogger.com0tag:blogger.com,1999:blog-6469934210984259237.post-89788944526359122702015-04-02T08:38:00.000-07:002015-04-02T08:38:13.667-07:00Adaptación para dispositivos móvilesHe añadido algunas funciones para que cosas como arrastrar y soltar funcionen en dispositivos con pantalla táctil.<br />
<br />
Además, ahora el lienzo se adapta al tamaño de la pantalla (al menos en Chromium, parece que cada navegador utiliza su propia versión de las etiqueta <span style="font-family: Courier New, Courier, monospace;">transform</span> de CSS3, por lo que tendré que añadir las de los más populares).<br />
<br />Pensamientos dispersoshttp://www.blogger.com/profile/12508168198669700605noreply@blogger.com0tag:blogger.com,1999:blog-6469934210984259237.post-54353698789015937932015-04-01T01:27:00.000-07:002015-04-01T01:27:18.961-07:00Más actividades con sílabasHe añadido más actividades para trabajar con sílabas.<br />
<br />
En ésta, el niño tiene que comparar la palabra indicada con la de los dibujos, y arrastrarla hasta el dibujo que coincide:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgEP9c3YvHhX54ZuVg742pkTkHW2ChHl28u8a_mjAXNIQrTT4ab4lzwBkVKgL6TLUsl3ph7BXowaNl9g1v-zxUuEIIzEQgZbazArIAZAWrsrbiPgnWIq6D_eACk-iBLcrrJa9bFnGe3K0/s1600/activity13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgEP9c3YvHhX54ZuVg742pkTkHW2ChHl28u8a_mjAXNIQrTT4ab4lzwBkVKgL6TLUsl3ph7BXowaNl9g1v-zxUuEIIzEQgZbazArIAZAWrsrbiPgnWIq6D_eACk-iBLcrrJa9bFnGe3K0/s1600/activity13.png" height="240" width="320" /></a></div>
<br />
En esta actividad, el niño tiene que identificar la sílaba que falta:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjddraiJJe8Nhnh7wGrPN8GOMnG0wHU50DnFcSDID-zkgi5KatA6zA9a-gezdelD40xr4AC5bOhWqBdlIE4B7f9qtBedpB33gH4ttXNGvDpZ4437LaY109OeloXUmzBQZnqP9NQXJyLS2Q/s1600/activity14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjddraiJJe8Nhnh7wGrPN8GOMnG0wHU50DnFcSDID-zkgi5KatA6zA9a-gezdelD40xr4AC5bOhWqBdlIE4B7f9qtBedpB33gH4ttXNGvDpZ4437LaY109OeloXUmzBQZnqP9NQXJyLS2Q/s1600/activity14.png" height="240" width="320" /></a></div>
<br />
Y en ésta tiene que reconocer la palabra del dibujo (basta con reconocer la sílaba inicial), y arrastrarla al dibujo:<br /><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBir7tKwu6GUge0otxSbeRDQLUuZkMtQJ_I-j_GR1i22zj547zwndxIKbM74H4yYbkV9oNcN__nb2B98kcNq0klrEfsE-ZjV7FSp_pfpc8aOCFq2ciQRueT0gW75fHRcE7vRmavdJ1Has/s1600/activity15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBir7tKwu6GUge0otxSbeRDQLUuZkMtQJ_I-j_GR1i22zj547zwndxIKbM74H4yYbkV9oNcN__nb2B98kcNq0klrEfsE-ZjV7FSp_pfpc8aOCFq2ciQRueT0gW75fHRcE7vRmavdJ1Has/s1600/activity15.png" height="240" width="320" /></a></div>
<br />Pensamientos dispersoshttp://www.blogger.com/profile/12508168198669700605noreply@blogger.com0tag:blogger.com,1999:blog-6469934210984259237.post-23113714947872627082015-03-31T14:53:00.000-07:002015-03-31T14:59:20.930-07:00Primera actividad con sílabasHe añadido la primera actividad con sílabas, que tiene dos partes.<br />
<br />
En la primera parte, hay que seleccionar el dibujo que empieza igual que el indicado.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2nYKoSRMO7HNw-fOr9sV3g3depDwVKbzcB_uTOkREFfB0JjLPnIOEAkI3b8-uQ54rjsXfQGz2g_Wxoc-MzJHzumYW6TrUPCyTqyFkHLXDGDJcWL6uOhaEFmiV28RpoFQo03fDAHCuoUY/s1600/activity12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2nYKoSRMO7HNw-fOr9sV3g3depDwVKbzcB_uTOkREFfB0JjLPnIOEAkI3b8-uQ54rjsXfQGz2g_Wxoc-MzJHzumYW6TrUPCyTqyFkHLXDGDJcWL6uOhaEFmiV28RpoFQo03fDAHCuoUY/s1600/activity12.png" height="240" width="320" /></a></div>
<br />
En la segunda, hay que seleccionar la sílaba por la que empiezan ambos dibujos.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5ZQ1A5A8ghPhqpLyNNvBgXvJQM5u0i00BXijgd8lCN5c_0jVfjMtukjd4xoJ70HECLo3s-MD5dLMbQfsXMaTOgFGOhGfd0V0Dskd-ZqOtrW_aKe8Xur9h3_S7ytdZtIDDlqcKCBl3fC8/s1600/activity12b.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5ZQ1A5A8ghPhqpLyNNvBgXvJQM5u0i00BXijgd8lCN5c_0jVfjMtukjd4xoJ70HECLo3s-MD5dLMbQfsXMaTOgFGOhGfd0V0Dskd-ZqOtrW_aKe8Xur9h3_S7ytdZtIDDlqcKCBl3fC8/s1600/activity12b.png" height="240" width="320" /></a></div>
<br />
Una cuestión que me está llevando mucho tiempo es encontrar dibujos libres que representen claramente la palabra en cuestión. Muchas veces tengo que desistir de usar una determinada palabra.Pensamientos dispersoshttp://www.blogger.com/profile/12508168198669700605noreply@blogger.com0tag:blogger.com,1999:blog-6469934210984259237.post-21794086711345580912015-03-30T14:11:00.002-07:002015-03-30T14:11:27.624-07:00Actividades con vocalesHe añadido las primeras actividades de lectoescritura, para conocer las vocales.<br />
<br />
En la primera actividad, el niño tiene que reconocer de forma auditiva la vocal inicial, señalando otra palabra que empiece por el mismo sonido:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6JLxVfRKPEnt126dqPHVvM26ThSiFwH0UqvG5u-872DtIT_XPdCL3TgdTPzZs_QuU-I3fDgDsTSwJYR9vujudQlpzG7ctO-I_9lMiydY30HCFot5W4GbY0OyNYi7v1nsKqOyYfZBoL9g/s1600/activity08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6JLxVfRKPEnt126dqPHVvM26ThSiFwH0UqvG5u-872DtIT_XPdCL3TgdTPzZs_QuU-I3fDgDsTSwJYR9vujudQlpzG7ctO-I_9lMiydY30HCFot5W4GbY0OyNYi7v1nsKqOyYfZBoL9g/s1600/activity08.png" height="240" width="320" /></a></div>
<br />
A continuación, tiene que pulsar sobre la letra que comparten ambas palabras como primer carácter:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR_s7ByEqTiLwp4Rx7YW6Kr9cCBWpzQhsmql4QlOMbWfNfWZQF5WO8N4827FVPJuXuQQrik1LG8GDh6-dBfJsOqsNCGxUS-3yenIfQX2O3vYew4O_fWehb_EmnT5hquzRzYPrMBUx3zZY/s1600/activity08b.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR_s7ByEqTiLwp4Rx7YW6Kr9cCBWpzQhsmql4QlOMbWfNfWZQF5WO8N4827FVPJuXuQQrik1LG8GDh6-dBfJsOqsNCGxUS-3yenIfQX2O3vYew4O_fWehb_EmnT5hquzRzYPrMBUx3zZY/s1600/activity08b.png" height="240" width="320" /></a></div>
<br />
<br />
En la segunda actividad, el niño tiene comparar la palabra indicada con la de los dibujos, y arrastrarla hasta el dibujo que coincide:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijBbwoOfBEjzLMspesPdmYzZWk9BriVnvxvpVkvHMSzK3fmL9ZYTKpU44z31210uvMc6sxd1lKyCDC1VRMWmbI5CwhwKKgQZuUx9_vTMSQrGuyjw927dJcAvjXHQbcl8H6nMJZd_eUY3E/s1600/activity09.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijBbwoOfBEjzLMspesPdmYzZWk9BriVnvxvpVkvHMSzK3fmL9ZYTKpU44z31210uvMc6sxd1lKyCDC1VRMWmbI5CwhwKKgQZuUx9_vTMSQrGuyjw927dJcAvjXHQbcl8H6nMJZd_eUY3E/s1600/activity09.png" height="240" width="320" /></a></div>
<br />
<br />
En la tercera actividad, tiene que identificar la vocal inicial que falta:<br /><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS_DXgJwcPOCytyFMFr7ee81SAuqpVRXwgz4fy0a04b-6rX2Ej1GOYr7dkNqKJLR5_5YNIiOzYlHb0Ciokc_u9VCWk8lAOvpSKZ_rU-msL3MhGx0lIIV4nrqQjr3PvYvCY5KH-xWZrrFo/s1600/activity10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS_DXgJwcPOCytyFMFr7ee81SAuqpVRXwgz4fy0a04b-6rX2Ej1GOYr7dkNqKJLR5_5YNIiOzYlHb0Ciokc_u9VCWk8lAOvpSKZ_rU-msL3MhGx0lIIV4nrqQjr3PvYvCY5KH-xWZrrFo/s1600/activity10.png" height="240" width="320" /></a></div>
<br />
Y en la cuarta actividad, tiene que reconocer la palabra del dibujo (basta con reconocer la vocal inicial), y arrastrarla al dibujo.<br /><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihhAVnghGaOxYSPUqLLdzrz_ywuVMmRGbkrCN3u810Z0c__bt8wx-HbjQ5_C23VNaEdOzAquhFfNml_35QRX5xTLxORLiE6h_EAJn2gSKxQDSuiLlBwAkcAQ4Z9-CLoCe-d4jB33vB9ng/s1600/activity11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihhAVnghGaOxYSPUqLLdzrz_ywuVMmRGbkrCN3u810Z0c__bt8wx-HbjQ5_C23VNaEdOzAquhFfNml_35QRX5xTLxORLiE6h_EAJn2gSKxQDSuiLlBwAkcAQ4Z9-CLoCe-d4jB33vB9ng/s1600/activity11.png" height="240" width="320" /></a></div>
<br />Pensamientos dispersoshttp://www.blogger.com/profile/12508168198669700605noreply@blogger.com0tag:blogger.com,1999:blog-6469934210984259237.post-39084337011925814842015-03-29T10:03:00.001-07:002015-03-29T10:03:12.083-07:00Discriminación de tamañosHe añadido dos actividades de discriminación de tamaños. En la primera hay que elegir a qué hueco llevar la figura:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP3kYMxpONdemI_11CTlWwsKEU2So2DU1HY18StIJdrQgNt_Q_UByCtcSjG9rX_oIjl1EHRz3EjKNdUALTomVxmNtQ-RRDys_IWEurxQ37ckBzMI2r82lFTV5b-zIMjUbDXTT4A0UJ2N4/s1600/activity06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP3kYMxpONdemI_11CTlWwsKEU2So2DU1HY18StIJdrQgNt_Q_UByCtcSjG9rX_oIjl1EHRz3EjKNdUALTomVxmNtQ-RRDys_IWEurxQ37ckBzMI2r82lFTV5b-zIMjUbDXTT4A0UJ2N4/s1600/activity06.png" height="240" width="320" /></a></div>
<br />
Y en la segunda hay que elegir qué figura llevar al hueco:<br /><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLWQQuz9yel9p8vwPi4IuH6He84gTX0LvAS3val4dfpQhyphenhyphenPSxOU6qRAMqmElDu_Z7m5gTOUVjS8QsslS6SrA9g7l2_IAx7F4L_poS43TgwQaJyRJbGVjRawR_G-WQUVqLAh9yWttjvEWA/s1600/activity07.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLWQQuz9yel9p8vwPi4IuH6He84gTX0LvAS3val4dfpQhyphenhyphenPSxOU6qRAMqmElDu_Z7m5gTOUVjS8QsslS6SrA9g7l2_IAx7F4L_poS43TgwQaJyRJbGVjRawR_G-WQUVqLAh9yWttjvEWA/s1600/activity07.png" height="240" width="320" /></a></div>
Pensamientos dispersoshttp://www.blogger.com/profile/12508168198669700605noreply@blogger.com0tag:blogger.com,1999:blog-6469934210984259237.post-68484724880626817322015-03-28T15:57:00.001-07:002015-03-28T16:02:06.370-07:00Discriminación de formasTras las actividades de pulsar sobre las figuras, hoy he añadido una actividad consistente en arrastrar y soltar:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXBSdZ11jVaoNmpz94L-TU64wYTHMMymaRq4nuGDPeMCN3eV6orh8DKh4qGYREZNR3bkaKjPTjI2PuepyQkRH4SMg0m4zX0cgeixnbw0FkpbLroVXYt1QABs-YfQrm-k-teeCmL3EtbnU/s1600/activity03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXBSdZ11jVaoNmpz94L-TU64wYTHMMymaRq4nuGDPeMCN3eV6orh8DKh4qGYREZNR3bkaKjPTjI2PuepyQkRH4SMg0m4zX0cgeixnbw0FkpbLroVXYt1QABs-YfQrm-k-teeCmL3EtbnU/s1600/activity03.png" height="240" width="320" /></a></div>
<br />
Como se puede observar, además he añadido un fondo al escenario, e instrucciones de en qué consiste la actividad.<br />
<br />
Una vez que el alumno sabe arrastrar y soltar, podemos pasar a un ejercicio de discriminación de formas:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaO61PH1bWgUSx9UDnHWX6VRIIM_GEGWY-p053DjhE308yGyMjX_x69MOJTt-yqwp35Pgy7FsnKI1FPc15jAjekMBa2tSVMFiethp6B3rhHil9GY_0waKZI1QH4XUj0rIRxoDB3mfq9cg/s1600/activity04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaO61PH1bWgUSx9UDnHWX6VRIIM_GEGWY-p053DjhE308yGyMjX_x69MOJTt-yqwp35Pgy7FsnKI1FPc15jAjekMBa2tSVMFiethp6B3rhHil9GY_0waKZI1QH4XUj0rIRxoDB3mfq9cg/s1600/activity04.png" height="240" width="320" /></a></div>
<br />
En esta otra actividad el alumno tiene que elegir la forma adecuada antes de empezar a arrastrar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFkdo7mMkGB9_2caV7UHCdmec17jaNFLBOshmSLJS7nS8Tpmocpe2iQTC0uEypO6d5-K4GOWSBTY7GK5cVJYNzIPAp8dHLaEBvJWNhwgKyH-GF-qpazCg8x7kO2jIhSNiI4Lhyphenhyphen5jrFcoQ/s1600/activity05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFkdo7mMkGB9_2caV7UHCdmec17jaNFLBOshmSLJS7nS8Tpmocpe2iQTC0uEypO6d5-K4GOWSBTY7GK5cVJYNzIPAp8dHLaEBvJWNhwgKyH-GF-qpazCg8x7kO2jIhSNiI4Lhyphenhyphen5jrFcoQ/s1600/activity05.png" height="240" width="320" /></a></div>
<br />Pensamientos dispersoshttp://www.blogger.com/profile/12508168198669700605noreply@blogger.com0tag:blogger.com,1999:blog-6469934210984259237.post-29688050126425845942015-03-27T10:24:00.001-07:002015-03-27T10:24:10.841-07:00Apresto para la lectoescrituraLos niños de educación infantil (preescolar) deben realizar un
apresto, es decir,
prepararse para aprender a leer y escribir.<br />
<br />
Por tanto las primeras actividades de la Cartilla Ilustrada se orientarán a la percepción visual, auditiva, orientación espacial, coordinación sensomotriz (sicomotricidad), etc.<br />
<br />
He implementado las dos primeras actividades.<br />
<br />
En la primera aparece en pantalla una figura geométrica, que el niño debe pulsar. Cuando lo hace, aparece una nueva figura en otra posición, repitiéndose el proceso.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDhIp1LXTrU4Gdf5otwSlCY9r4uCJU00HfPUdxNJfyfWMF2sRZT8VD7S2nNvVUUCH7tXuL2AeaD_tQLvZVkcXeOpku16BwGAyIFWyHwQ9nqT1yW6y541qraVCDkYdihn1LO0ae9GohKq4/s1600/activity01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDhIp1LXTrU4Gdf5otwSlCY9r4uCJU00HfPUdxNJfyfWMF2sRZT8VD7S2nNvVUUCH7tXuL2AeaD_tQLvZVkcXeOpku16BwGAyIFWyHwQ9nqT1yW6y541qraVCDkYdihn1LO0ae9GohKq4/s1600/activity01.png" height="241" width="320" /></a></div>
La segunda actividad es similar, pero en este caso la figura no es
estática, sino que se desliza por la pantalla, de modo que se exige al
niño una mayor coordinación.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTfOQgWa7BNf5LgkQ8FQ33Vf7wlwjHLjuUHO9JSCRiKmdjSYWEER0L3snTcSchOf7pEGHcFbFujRH5f-G_G8Q2qRrwv05uccip3JeRgW1VkTLFG92IfhJlVfTQf3FZXplcEmbrmC54lVk/s1600/activity02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTfOQgWa7BNf5LgkQ8FQ33Vf7wlwjHLjuUHO9JSCRiKmdjSYWEER0L3snTcSchOf7pEGHcFbFujRH5f-G_G8Q2qRrwv05uccip3JeRgW1VkTLFG92IfhJlVfTQf3FZXplcEmbrmC54lVk/s1600/activity02.png" height="240" width="320" /></a></div>
Las próximas actividades desarrollarán la discriminación visual.<br />
<br />
<br />Pensamientos dispersoshttp://www.blogger.com/profile/12508168198669700605noreply@blogger.com0tag:blogger.com,1999:blog-6469934210984259237.post-4102750739601249042014-11-27T03:58:00.003-08:002015-03-27T10:31:39.819-07:00Tecnología: HTML5 y JavascriptPara implementar este proyecto usaré HTML5 y Javascript. La gran ventaja sobre desarrollar una aplicación nativa de Android es que de este modo será fácilmente portable a otros sistemas operativos, como <a href="https://www.mozilla.org/es-ES/firefox/os/">FirefoxOS</a> o <a href="https://sailfishos.org/">Sailfish OS</a>.<br />
<br />
Hay muchas herramientas para desarrollar aplicaciones móviles con estas tecnologías, tales como:<br />
<ul>
<li><a href="http://app-framework-software.intel.com/">App Framework</a> de Intel</li>
<li><a href="http://backbonejs.org/">Backbone.js</a><a href="https://www.blogger.com/null"> </a></li>
<li><a href="http://durandaljs.com/">Durandal</a> </li>
<li><a href="http://emberjs.com/">Ember.js </a></li>
<li><a href="http://enyojs.com/">Enyo</a> de LG</li>
<li><a href="https://www.meteor.com/">Meteor</a> </li>
<li><a href="http://facebook.github.io/react/">React</a> de Facebook</li>
<li>y muchos otros...</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://coenraets.org/blog/2014/02/sample-mobile-application-with-ionic-and-angularjs/"><img alt="http://coenraets.org/blog/2014/02/sample-mobile-application-with-ionic-and-angularjs/" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGqYpRACWpiJeYjxa6gWtcrNx99BgcqRIdO0HcwmyvItoTVJeeTA_XKJRKtltD-bHw43cik8n9zomMntk2toAtKjUzB5fhOysseqEB-7E5v9r1oSaKoOqT0FpgOIz4ri0jq9Hmivn5zmQ/s1600/frameworks.jpg" height="217" width="320" /></a></div>
<br />
En un principio, y tras leer algunos comentarios sobre ellos, me decanté por <a href="http://ionicframework.com/">Ionic Framework</a>, que utiliza <a href="https://angularjs.org/">AngularJS</a> de Google. Para ser <a href="http://ionicinaction.com/2014/10/what-you-need-to-know-to-start-building-mobile-apps-with-the-ionic-framework/">capaz de construir una aplicación con Ionic</a>, previamente hay que tener un buen conocimiento de HTML, CSS y Javascript, y es conveniente saber algo de AngularJS y <a href="http://cordova.apache.org/">Cordova</a>.<br />
<br />
Sin embargo, tras enterarme de que Angular 2.0 está en preparación y <a href="http://www.i-programmer.info/news/167-javascript/7932-angularjs-20-is-radically-different-.html">será totalmente incompatible</a> con la versión actual (no será posible migrar, sino que requerirá volver a escribir desde cero), me he <a href="http://www.campusmvp.es/recursos/post/191;Debo-aprender-AngularJS-ahora-o-esperar-a-AngularJS-20.aspx">replanteado</a> esa decisión, e investigado algunas bibliotecas más orientadas a videojuegos, como <a href="http://phaser.io/">Phaser</a> y <a href="http://www.createjs.com/Home">CreateJS</a>, decidiéndome finalmente por esta última. <br />
<br />
En principio creo que mis conocimientos de HTML y CSS serán suficientes, pero definitivamente tengo que estudiar Javascript. Hay innumerables libros para aprender Javascript, algunos que parecen particularmente buenos son:<br />
<ul>
<li><a href="http://www.amazon.com/gp/product/0596517742/ref=as_li_tl?ie=UTF8&camp=1789&creative=390957&creativeASIN=0596517742&linkCode=as2&tag=bilibookforch-20&linkId=PINIJYWMMGUP4HP2">JavaScript: The Good Parts</a> de <span class="a-size-medium">Douglas Crockford</span></li>
<li><a href="http://www.amazon.com/gp/product/0596805527/ref=as_li_tl?ie=UTF8&camp=1789&creative=390957&creativeASIN=0596805527&linkCode=as2&tag=bilibookforch-20&linkId=NR6KXIPGWYBZKPAD">JavaScript: The Definitive Guide</a> de <span class="a-size-medium">David Flanagan</span></li>
<li><a href="http://www.amazon.com/gp/product/1493692615/ref=as_li_tl?ie=UTF8&camp=1789&creative=390957&creativeASIN=1493692615&linkCode=as2&tag=bilibookforch-20&linkId=5IIMDZPKL36NBMC3">A Software Engineer Learns HTML5, JavaScript and jQuery</a> de Dane Cameron</li>
<li><a href="http://www.amazon.com/gp/product/1497408180/ref=as_li_tl?ie=UTF8&camp=1789&creative=390957&creativeASIN=1497408180&linkCode=as2&tag=bilibookforch-20&linkId=WS4LDN3J6A5TYBI4">A Smarter Way to Learn JavaScript </a> de Mark Myers</li>
<li><a href="http://www.amazon.com/gp/product/1449365035/ref=as_li_tl?ie=UTF8&camp=1789&creative=390957&creativeASIN=1449365035&linkCode=as2&tag=bilibookforch-20&linkId=V6GMMON43NZVTIWF">Speaking JavaScript</a> de Axel Rauschmayer</li>
<li><a href="http://www.amazon.com/gp/product/144934013X/ref=as_li_tl?ie=UTF8&camp=1789&creative=390957&creativeASIN=144934013X&linkCode=as2&tag=bilibookforch-20&linkId=EIZJF6PXXCCVTFEP">Head First JavaScript Programming</a> de Elisabeth Robson y Eric Freeman</li>
<li><a href="http://www.amazon.com/gp/product/1118531647/ref=as_li_tl?ie=UTF8&camp=1789&creative=390957&creativeASIN=1118531647&linkCode=as2&tag=bilibookforch-20&linkId=JFPKXVJHTDG4DY7X">JavaScript and JQuery: Interactive Front-End Web Development</a> de Jon Duckett</li>
<li><a href="http://www.amazon.com/gp/product/193398869X/ref=as_li_tl?ie=UTF8&camp=1789&creative=390957&creativeASIN=193398869X&linkCode=as2&tag=bilibookforch-20&linkId=VDJM4CL5SNWSAYBG">Secrets of the JavaScript Ninja</a> de John Resig y Bear Bibeault</li>
<li><a href="http://www.amazon.com/gp/product/0596806752/ref=as_li_tl?ie=UTF8&camp=1789&creative=390957&creativeASIN=0596806752&linkCode=as2&tag=bilibookforch-20&linkId=SGNF2PRRSXIOE5WV">JavaScript Patterns</a> de Stoyan Stefanov</li>
</ul>
Ahora a escoger uno de ellos, y ya tengo faena para una temporada :)<br />
<ul>
</ul>
Pensamientos dispersoshttp://www.blogger.com/profile/12508168198669700605noreply@blogger.com1