Energías alternativas para niños – Horno Solar

Posted by maximiliano | Posted in Cosas varias, Familia/Amigos, Lemoisza | Posted on 29-11-2009

8

Invirtiendo en educación y conciencia

Para introducir a los niños en la energía Solar realizamos un par de actividades teórico-prácticas en el colegio y en un Centro de Energías Renovables respectivamente. Esto en el marco de un proyecto desarrollado por los apoderados del Kinder G del colegio Alemán “Robótica y Energías Alternativas”. Este programa cierra su ciclo con la visita de científicos al colegio donde responderán las preguntas realizadas por toda la pre-básica durante este tiempo.

Registro Audiovisual

Energi?as Alternativas – Horno Solar from Maximiliano on Vimeo.

Taller de energías alternativas al curso de @lemoisza Kinder G de Colegio Alemán de Valparaíso (Viña del Mar). La idea era introducirlos a un modo de vida que integre efectivamente las energías renovables y que de seguro necesitarán dominar en su vida.

http://www.maximiliano.cl/cosas/energias-alternativas-para-ninos-horno-solar/

Taller de Energías Alternativas

Taller Horno Solar Kinder  - 27

El miércoles 25 realicé un taller de energías alternativas al curso de @lemoisza Kinder G.  La idea era introducirlos a un modo de vida que integre efectivamente las energías renovables y que de seguro necesitarán dominar en su vida.

Vimos un poco de teoría y experiencias que lograron asociar como:

  • Cuando el papá deja el auto estacionado al sol, al volver es un “Horno”
  • Las mangueras del jardín calientan el agua como un calefont

Luego vieron cómo se puede hacer un Horno Solar con una caja de pizza y materiales de supermercado. La que fabricarán en los próximos días.

Y el principal objetivo de los niños finalmente fuimos a comer pizza solar que teníamos calentando en un prototipo de materiales livianos.

La experiencia les entregó a los niños conocimientos básicos que les servirán, en primera instancia, para compartir con los otros Kinder exponiéndoles sobre el tema.

Visita a Centro de Energías Renovables EcoMaipo

Visita EcoMaipo Solar - 057 La segunda actividad “Solar” la realizamos el viernes 27 y consistió en un paseo de curso al Centro de Energías RenovablesEcoMaipo,  en el Cajón del Maipo.
En él, los niños conocieron otros modelos de Hornos Solares y cocinas de concentración solar donde nos esperaban con “Leche asada” que se cocinó durante nuestra visita. También calentamos nuestro almuerzo y frieron huevos.
Conocieron una ducha con agua calentada por termopaneles de bajo costo y quemaron madera con un concentrador de espejos triangulares.
Jugaron con autos impulsados solarmente por paneles fotovoltaicos y luego recorrieron y jugaron por el lugar.

Agradecemos a Cristina y Roberto, de EcoMaipo, que nos recibieron, explicaron y permitieron esta rica experiencia para todos.

¿Cómo crees tu que podemos concienciar  a nuestros hijos de los beneficios de las Energías Alternativas?

Qué es el html y para qué sirve

Posted by maximiliano | Posted in Accesibilidad, Buenas Prácticas, HTML | Posted on 17-11-2009

0

Lenguaje de Marcado Cuando Darcy me invitó a exponer sobre HTML a sus alumnos de periodismo de la PUCV el desafío era, como en muchas charlas individuales, que entendieran en cortos 90 minutos la lógica, objetivo y beneficios de un Lenguaje de Marcado, de hecho él lenguaje de marcado más extendido actualmente.
Lo principal es asimilar que el Lenguaje de Marcado no es un invención digital y mucho menos de Internet. Un claro ejemplo que lamentablemente no pude aplicar es el dictado a viva voz para ser transcrito a máquina de escribir.

“Ponga estilo de carta. ponga comillas, ponga mayúsculas, Estimado Juan, ponga dos puntos, aparte, sangría, ponga primera letra mayúscula, te escribo esta carta, ponga negrillas, de forma muy urgente, cierre negrilla, ya que no me has enviado… etc”. Lenguaje de Marcado

Se puede fijar como su inicio junto con la industria editorial pues consiste principalmente en marcar los textos manuscritos con indicaciones para identificarlo claramente según Presentación, Procedimientos o Descripción. Siendo esta última clase a la que corresponde el HTML.

Para qué sirve

Describir estructura y contenido, complementar el texto con Objetos, se escribe en forma de “Etiquetas” y rodeada por corchetes angulares.

Dicho esto les dejo la presentación que utilicé para la clase.

Qué es Sprites y por qué debería interesarme

Posted by maximiliano | Posted in Buenas Prácticas, CSS, HTML | Posted on 02-11-2009

5

Como yo ¿Usas Sprites y no lo sabías? por lo menos con ese nombre

Sprites es una técnica front de optimización de sitios basada en la fusión de imágenes en una sola para posteriormente ser separadas mediante CSS.

  • Reduce principalmente el peso de las páginas
  • Disminuye de manera considerable las peticiones HTTP
  • Minimiza sustancialmente la cantidad de imágenes y
  • Optimiza el peso total de los archivos externos al HTML consumiendo menos ancho de banda.

Dejo la presentación de la charla

Escribo un poco de:

Un poco de contexto

Afiche de Charla | Qué es Sprites y por qué debería interesarme

Cuando Juan Carlos me invitó a dar una charla me comentó que se trataba de Sprites y francamente no me sonó para nada el término ¿Sprites? como la bebida, pero cuando me dijo más menos de que se trataba me di cuenta que hace años venía aplicándolo y luego recordé que hace una par de años conocí el término Sprites, el que claramente olvidé. Finalmente armando la clase me di cuenta que tuve la suerte de conocer esta técnica desde que la web la heredó.

Origen de Sprites

Es una técnica que surge con los video juegos, hasta el término suena rancio, estoy hablando de 1980, de la mano de los Atari800 y llega a su máxima expresión en 1992 con Mortal Combat. Juego que revoluciona con una gráfica basada en fotos de actores reales, digitalizadas y aplicadas con esta técnica. Realmente revolucionó lo conocido hasta entonces. Entonces aparece la tecnología 3D que deja la técnica Sprites obsoleta, por lo menos  en lo que a Video Juegos se refiere.

Ejemplo de Sprite (imágen transparente qeu contiene varias ilustraciones independientes)Formalmente son agrupaciones de imágenes generalmente sobre fondo transparente que se muestran por partes de forma enmascarada y pueden llegar a representar movimientos, mediante reemplazos de otras secciones de la máscara.

Sprites en la WEB

La web hereda Sprites por el afán de optimización del Checo Petr Stanicek [1] quien buscando una alternativa a los botones implementados con reemplazo de imágenes mediante Javascript aplica, sin referenciar el término sprites, la técnica utilizando CSS. Disminuyendo considerablemente el peso de las páginas, la cantidad de archivos y por consiguiente los HTTP request y el consumo de ancho de banda.

Antes 10 HTTP request y 40Kb en imagenes - Después 1 Http request y 16Kb en imágenesSolo un año después Dave Shea [2] publica un post bajo el título de CSS Sprites – Image Slicing’s Kiss of Death. Hace referencia a Petr y se convierte en la mayor referencia en la web sobre Sprites con ejemplos muy bien explicados y disponibles para su estudio.

Se encuentra más directamente por Sprites CSS

Bajo estos términos “CSS Sprites” encuentras información relacionada a la Web específicamente al Front (HTML/CSS/Imagenes) pues si buscas solo Sprites llegarás principalmente a los VideoJuegos.

Principales referentes

[1] http://wellstyled.com/css-nopreload-rollovers.html
[2] http://www.alistapart.com/articles/sprites/

Artículos/Tutoriales/Listas/ScreenCast

http://www.tufuncion.com/css-sprites/
http://css-tricks.com/css-sprites/
http://www.alistapart.com/articles/sprites2/
http://www.csslessons.com/
http://adamducker.com/blog/7/use-css-sprites/
http://www.cssblog.es/distintos-metodos-para-utilizar-css-sprites/
http://www.pixelovers.com/css-sprites-mejora-rendimiento-web-i-37249/
http://www.from-the-couch.com/post.cfm/title/how-to-use-css-sprites/
http://www.romancortes.com/blog/la-tecnica-de-sprites-css/
http://css-tricks.com/video-screencasts/43-how-to-use-css-sprites/
http://www.from-the-couch.com/post.cfm/title/how-to-use-css-sprites/
http://borkweb.com/story/faster-page-loads-with-image-concatenation/
http://net.tutsplus.com/videos/screencasts/exactly-how-to-use-css-sprites/
http://www.from-the-couch.com/post.cfm/title/creating-rounded-buttons-with-css-sprites/
http://trevordavis.net/blog/tutorial/how-to-preload-images-when-you-cant-use-css-sprites/
http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials

Generadores de Sprites/CSS/Imagenes

http://spriteme.org/
http://css-sprit.es/
http://printf.ru/spritr/
http://www.floweringmind.com/sprite-creator/index.php
http://drupal.org/project/sprites
http://www.csssprites.com/
http://es.spritegen.website-performance.org/
http://csssprites.org/

Otros

http://es.wikipedia.org/wiki/Sprite_(videojuegos)