tag:blogger.com,1999:blog-13325781101135333972024-03-14T00:35:00.219-07:00Blog de EnriqueMi diario de clase. Sistemas de Comunicación Multimedia. 2015/16
Anonymoushttp://www.blogger.com/profile/01537544217243034297noreply@blogger.comBlogger9125tag:blogger.com,1999:blog-1332578110113533397.post-45373930195565284942016-05-09T12:20:00.001-07:002016-05-09T12:20:06.595-07:00Noticia <span style="font-family: Arial, Helvetica, sans-serif;">Hola a todos!</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Por fin! me ha llegado el día de exponer mi noticia. Es algunas de las desventajas de tener un apellido con una letra tan cercana a la ultima.... que suelo ser el último de la lista.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Creo que esto, también ha hecho que pueda ver a todos mis compañeros y tener el prestigio de poder dar la ultima noticia. Por lo que me tomé tan a pecho que había tenido la "ventaja" de poder analizar a todos mis compañeros, que me lié, me lié... y que me salió un remix de varias noticias.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">Por esto, a modo de conclusión final, decidí hablar sobre el nuevo sistema de Internet móvil que dispondremos en unos años, la red 5G</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Muy útil y necesaria para poder dar cabida al avance del Internet móvil que llevamos viendo todo el curso.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://muycomputerpro.com/movilidad-profesional/wp-content/uploads/2015/05/Conectividad_movil_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" src="http://muycomputerpro.com/movilidad-profesional/wp-content/uploads/2015/05/Conectividad_movil_2.jpg" height="216" width="320" /></span></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Pero... me parecía poco. Muy pobre, como remate final... por lo que puse como ejemplo, de los avances que nos esperan, al proyecto de las lentillas de Google.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.geekadictos.com/wp-content/uploads/2015/03/google-lentes-de-contacto.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" src="http://www.geekadictos.com/wp-content/uploads/2015/03/google-lentes-de-contacto.png" height="120" width="200" /></span></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Y aún, así, todavía se me hacia poco... Por lo que, aunque pareciese un poco violento, decidí tratar un tema un poco alarmante. Se trata de la posibilidad que tenemos de recibir una tormenta solar.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">La noticia surge, tras una importante reunión de los astrónomos de la NASA para tratar sobre este asunto y como poder evitar los daños a los que estamos expuestos.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Lo impactante de esta tormenta, es que puede suponer un borrado global de todos los aparatos electrónicos e informáticos del planeta. Dejándonos sin tecnología ni red eléctrica.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Cuesta pensar en eso, en la actualidad, cuando tenemos casi todo lo que necesitamos con un clic.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Por esto, me pareció que esta noticia debía ser comentada, ya que al menos, nos hace pararnos a pensar por un segundo, que seria de nosotros sin las tecnologías.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://i2.sdpnoticias.com/sdpnoticias/2016/04/08/1734_tormenta-solar_620x350.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" height="225" src="https://i2.sdpnoticias.com/sdpnoticias/2016/04/08/1734_tormenta-solar_620x350.jpg" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">Para elaborar la presentación, utilicé Prezi. Una herramienta con multitud de opciones para realizar presentaciones, incluso pudiendo compartirla directamente en mi blog con todos vosotros ;)</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"></span><a href="https://www.ethos3.com/wp-content/uploads/2015/08/prezibox32.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://www.ethos3.com/wp-content/uploads/2015/08/prezibox32.jpg" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><iframe allowfullscreen="" frameborder="0" height="400" id="iframe_container" mozallowfullscreen="" src="https://prezi.com/embed/c7jsy5-bjw7-/?bgcolor=ffffff&lock_to_path=0&autoplay=0&autohide_ctrls=0&landing_data=bHVZZmNaNDBIWnNjdEVENDRhZDFNZGNIUE43MHdLNWpsdFJLb2ZHanI5NklDOGZnRm9aQnB5Mmt1aW84dlpUYWxBPT0&landing_sign=hSJ1t9Y00kzjosiEpxvRJipHvwQzj7JfOtS9_FE50ZU" webkitallowfullscreen="" width="550"></iframe>
</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<br />Anonymoushttp://www.blogger.com/profile/01537544217243034297noreply@blogger.com0tag:blogger.com,1999:blog-1332578110113533397.post-68083651225542205642016-05-09T12:03:00.002-07:002016-05-09T12:03:34.432-07:00Trabajo Final<div class="separator" style="clear: both; text-align: center;">
Parece que fue ayer cuando comenzamos esta asignatura, y ya estamos de despedida.... </div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Para terminar, hemos realizado un par de vídeos promocionales de nuestro centro universitario.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Un vídeo de un aula de nuestro centro y un spot publicitario, basado en algún anuncio.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
En nuestro grupo decimos elegir el laboratorio de diseño, un aula muy importante para nuestra especialidad, por lo que no lo tuvimos difícil para conseguir este vídeo:</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">Vídeo Laboratorio de Diseño</span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/whBLqzNk0kc/0.jpg" src="https://www.youtube.com/embed/whBLqzNk0kc?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Para realizar el spot publicitario, no pudimos elegir otro que no fuera el famoso anuncio de Oreo que siempre canturreamos en clase. Espero que os guste ;)</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Vídeo</b></span><b><span style="font-family: Arial, Helvetica, sans-serif;"> Difusión CUM</span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/oKOehUIIfP8/0.jpg" src="https://www.youtube.com/embed/oKOehUIIfP8?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<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: center;">
<br /></div>
<br />Anonymoushttp://www.blogger.com/profile/01537544217243034297noreply@blogger.com0tag:blogger.com,1999:blog-1332578110113533397.post-57555341575525547822016-04-18T08:09:00.002-07:002016-04-18T08:09:46.179-07:00Sesion 7 - Semana Cultural<span style="font-family: "verdana" , sans-serif;"><br /></span>
<br />
<div style="text-align: center;">
<span style="font-family: "verdana" , sans-serif;"><b>Sesión 7 - Semana Cultural</b></span></div>
<div style="text-align: center;">
<span style="font-family: "verdana" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "verdana" , sans-serif;">Hola a todos! Un lunes más! y aquí seguimos con esta magnifica asignatura. Que tanto nos está enseñando.</span></div>
<div style="text-align: left;">
<span style="font-family: "verdana" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "verdana" , sans-serif;">Esta semana hemos trabajado, en grupos, en la edición de un cartel, presentación y driptico para la semana cultural de nuestro centro Universitario de Mérida.</span></div>
<div style="text-align: left;">
<span style="font-family: "verdana" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "verdana" , sans-serif;">Será del 26 al 29 de Abril y hay muchas actividades. Tantas, que seguro que te interesarán varias.</span></div>
<div style="text-align: left;">
<span style="font-family: "verdana" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "verdana" , sans-serif;">Tenemos que tener en cuenta que en nuestro centro conviven cuatro carreras, en las que cada una aportará su parte para una semana cultural cargada de actividades divertidas y al mismo tiempo muy didácticas.</span></div>
<div style="text-align: left;">
<span style="font-family: "verdana" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "verdana" , sans-serif;">Nos vemos en el CUM ;)</span></div>
<div style="text-align: left;">
<span style="font-family: "verdana" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<b><span style="font-family: "verdana" , sans-serif;">Nuestra propuesta</span></b></div>
<div style="text-align: left;">
<br />
<span style="font-family: Verdana, sans-serif; font-size: x-small;"><br /></span>
<div style="text-align: center;">
<span style="font-family: Verdana, sans-serif; font-size: x-small;">Cartel</span></div>
</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: center;">
<a href="http://1.bp.blogspot.com/-K9xuNSgYxaE/VxT2NKJ217I/AAAAAAAAAlw/eQI3ozGLuGgqYknfgCDX4LQqpdeXJB6dwCK4B/s1600/Propuesta%2BCartel%2BSemana%2BCultural%2B2016.jpg" imageanchor="1"><img border="0" height="400" src="https://1.bp.blogspot.com/-K9xuNSgYxaE/VxT2NKJ217I/AAAAAAAAAlw/eQI3ozGLuGgqYknfgCDX4LQqpdeXJB6dwCK4B/s400/Propuesta%2BCartel%2BSemana%2BCultural%2B2016.jpg" width="282" /></a><br />
<br />
<br />
<span style="font-family: Verdana, sans-serif; font-size: x-small;">Díptico</span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-mbdxaSZwHdw/VxT4Cu87ZMI/AAAAAAAAAmI/trUuOtCB6VQDLZKBWSfplfwfi7THp6kLwCLcB/s1600/Captura01.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="286" src="https://4.bp.blogspot.com/-mbdxaSZwHdw/VxT4Cu87ZMI/AAAAAAAAAmI/trUuOtCB6VQDLZKBWSfplfwfi7THp6kLwCLcB/s400/Captura01.JPG" width="400" /></a></div>
<br /></div>
<div style="text-align: center;">
<span id="goog_759805389"></span></div>
<div style="text-align: center;">
<a href="http://2.bp.blogspot.com/-fYnyShYCxB0/VxT31TZyL7I/AAAAAAAAAl8/stUiQCZg8vcVAAXsgIVGFy0Sxqm92-ZtACK4B/s1600/Captura01.JPG" imageanchor="1"></a><a href="http://2.bp.blogspot.com/-a9UL_CxuvJo/VxT32diiuMI/AAAAAAAAAmE/aTswRJx_W8As4z-YN5JixziRatqV_k11ACK4B/s1600/Captura02.JPG" imageanchor="1"><img border="0" height="287" src="https://2.bp.blogspot.com/-a9UL_CxuvJo/VxT32diiuMI/AAAAAAAAAmE/aTswRJx_W8As4z-YN5JixziRatqV_k11ACK4B/s400/Captura02.JPG" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="font-family: Verdana, sans-serif; font-size: x-small; text-align: start;">Presentación </span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="400" id="iframe_container" mozallowfullscreen="" src="https://prezi.com/embed/v1n5yrzpu_dl/?bgcolor=ffffff&lock_to_path=0&autoplay=0&autohide_ctrls=0&landing_data=bHVZZmNaNDBIWnNjdEVENDRhZDFNZGNIUE43MHdLNWpsdFJLb2ZHanI5L25WQkl3Wm5aNU9UM0RYTHdBOXRHMjJRPT0&landing_sign=y2WN8BFLemb8LPgqkxqKJkxwPALqY2ByrKQrWzdAtdc" webkitallowfullscreen="" width="550"></iframe>
<br />
<br />
<br />
VIDEO PROMOCIONAL SEMANA CULTURAL CUM 2016<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/cjBdIrzuHXA/0.jpg" src="https://www.youtube.com/embed/cjBdIrzuHXA?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<br /></div>
Anonymoushttp://www.blogger.com/profile/01537544217243034297noreply@blogger.com0tag:blogger.com,1999:blog-1332578110113533397.post-41704746331667082072016-04-11T01:30:00.000-07:002016-04-14T03:16:17.935-07:00Sesion 6 - Realidad Aumentada (2ª Parte)<div style="text-align: center;">
<b><span style="font-family: "arial" , "helvetica" , sans-serif;">Sesión 6 - Realidad Aumentada (Aurasma y CraftAR)</span></b></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">La realidad aumentada, cada vez está más presente en la actualidad y nos "amenaza" con instalarse en nuestra vida cotidiana.</span><br />
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Ya es cada vez más conocida, y poco a poco, se están ampliando sus aplicaciones.</span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Es normal, que se invierta trabajo e investigación a desarrollar esta magnifica herramienta que tanto promete. Incluso, en los noticiarios, se han hecho eco de esta evolución de las aplicaciones móviles de la actualidad. </span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Se puede ver, que en un futuro no muy lejano, podremos utilizar gafas inteligentes con realidad aumentada, pudiendo obtener todo tipo de información visualmente. </span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-c8d1OsLh7FE/VwtcvYfHcxI/AAAAAAAAAlI/099h9S7ua8cwjHEeBJfpj_eJrOX1jZ7Tw/s1600/minecraft.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" height="180" src="https://2.bp.blogspot.com/-c8d1OsLh7FE/VwtcvYfHcxI/AAAAAAAAAlI/099h9S7ua8cwjHEeBJfpj_eJrOX1jZ7Tw/s320/minecraft.jpg" width="320" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Esta semana, analizaremos dos herramientas de realidad aumentada, Empezaremos con <b>Aurasma</b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.hhsmedia.com/wp-content/uploads/2013/11/aurasma.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" src="http://www.hhsmedia.com/wp-content/uploads/2013/11/aurasma.jpg" height="221" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<div style="background-color: white; color: #3d2a14; line-height: 16.8px; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Podemos definirla como una de las aplicaciones que necesitaba la realidad aumentada, para su expansión definitiva a todos los públicos.</span></div>
<div style="background-color: white; color: #3d2a14; line-height: 16.8px; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="background-color: white; color: #3d2a14; line-height: 16.8px; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">No sólo podemos ver realidad aumentada, sino que la podemos producir de forma sencilla y en pocos minutos. Está disponible para cualquier plataforma (Ios, Android, Windows y Mac).</span></div>
</div>
<div style="background-color: white; color: #3d2a14; line-height: 16.8px; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="background-color: white; color: #3d2a14; line-height: 16.8px; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Ofrece multitud de ventajas frente a otras herramientas:</span></div>
<div style="background-color: white; color: #3d2a14; line-height: 16.8px; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="background-color: white; text-align: justify;">
<ul>
<li><span style="color: #3d2a14; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 16.8px;">Cualquier fotografía o imagen de la realidad puede ser el marcador</span></span></li>
<li><span style="color: #3d2a14; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 16.8px;">Permite crear escenas de R.A utilizando capas, de forma sencilla. Pudiendo compartir casi al instante.</span></span></li>
<li><span style="color: #3d2a14; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 16.8px;">Da opción de geolocalizar nuestra áurea, obligando al usuario estar en una posición concreta para poder visualizar la animación.</span></span></li>
</ul>
<div>
<span style="color: #3d2a14; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 16.8px;">En conclusión, podemos decir que es una herramienta muy accesible, de fácil uso y comprensión, con multitud de opciones, convirtiéndola, para mi opinión, en una de las mejores herramientas de la actualidad. </span></span></div>
<div>
<span style="color: #3d2a14; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 16.8px;"><br /></span></span></div>
<div>
<span style="color: #3d2a14; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 16.8px;">Creo que aún, no somos capaces de explotar al máximo esta herramienta, necesitamos utilizar más la realidad aumentada y pensar en nuevos usos con el fin de mejorar nuestra vida. Con lo poco que tenemos al alcance, podemos realizar grandes trabajos, y recordad... que esto es solo el principio.</span></span></div>
<div>
<span style="color: #3d2a14; font-family: "verdana" , "geneva" , sans-serif;"><span style="line-height: 16.8px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/GBKy-hSedg8/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/GBKy-hSedg8?feature=player_embedded" width="320"></iframe></div>
<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: center;">
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/hJBZOogKPuY/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/hJBZOogKPuY?feature=player_embedded" width="320"></iframe></div>
<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: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Otra herramienta de R.A que analizaremos, será <b>CraftAR. </b>Aunque, de entrada, no aporta la sencillez y facilidad de Aurasma. Solo está disponible en inglés y para poder empezar a utilizarla, al menos hay que investigar un poco su uso.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://crs.catchoom.com/static/img/logos/logo_craftar.94547f5ed479.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="113" src="https://crs.catchoom.com/static/img/logos/logo_craftar.94547f5ed479.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<b><br /></b></div>
<div>
<span style="color: #3d2a14; font-family: "verdana" , "geneva" , sans-serif;"><span style="line-height: 16.8px;"><br /></span></span></div>
<div>
<span style="color: #3d2a14; font-family: "verdana" , "geneva" , sans-serif;"><span style="line-height: 16.8px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/D13wBdvXfpA/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/D13wBdvXfpA?feature=player_embedded" width="320"></iframe></div>
<div>
<span style="color: #3d2a14; font-family: "verdana" , "geneva" , sans-serif;"><span style="line-height: 16.8px;"><br /></span></span>
<span style="color: #3d2a14; font-family: "verdana" , "geneva" , sans-serif;"><span style="line-height: 16.8px;">Tras realizar algunas pruebas, descubro que craftar es la version de aurasma ampliada. Podemos crear una escena desde una imagen, que será nuestro marcador, en la que podemos añadir cualquier elemento.</span></span><br />
<span style="color: #3d2a14; font-family: "verdana" , "geneva" , sans-serif;"><span style="line-height: 16.8px;"><br /></span></span>
<span style="color: #3d2a14; font-family: "verdana" , "geneva" , sans-serif;"><span style="line-height: 16.8px;">Desde un modelo en 3d, un vídeo, audio... Es lo que realmente le falta a Aurasma. </span></span><br />
<span style="color: #3d2a14; font-family: "verdana" , "geneva" , sans-serif;"><span style="line-height: 16.8px;"><br /></span></span>
<span style="color: #3d2a14; font-family: "verdana" , "geneva" , sans-serif;"><span style="line-height: 16.8px;">Es algo más complejo, y la verdad que la APP deja mucho que desear. Personalmente, prefiero la web, ya que es más intuitiva y fácil de manejar.</span></span><br />
<span style="color: #3d2a14; font-family: "verdana" , "geneva" , sans-serif;"><span style="line-height: 16.8px;"><br /></span></span>
<span style="color: #3d2a14; font-family: "verdana" , "geneva" , sans-serif;"><span style="line-height: 16.8px;">En definitiva, podemos decir que es una herramienta con mucho potencial, pero que hasta que no lo simplifiquen un poco, mejoren su APP y traduzcan esta herramienta a varios idiomas, dará el impulso.</span></span><br />
<span style="color: #3d2a14; font-family: "verdana" , "geneva" , sans-serif;"><span style="line-height: 16.8px;"><br /></span></span>
<br />
<div style="text-align: center;">
<span style="color: #3d2a14; font-family: "verdana" , "geneva" , sans-serif;"><span style="line-height: 16.8px;"><a href="http://3.bp.blogspot.com/-yiTfzCyfrao/Vw9k2Qg0yAI/AAAAAAAAAlc/PMrzLfbV-4gVcB9_15tUaGoUwmctE__CQCK4B/s1600/Captura2.JPG" imageanchor="1"><img border="0" height="167" src="https://3.bp.blogspot.com/-yiTfzCyfrao/Vw9k2Qg0yAI/AAAAAAAAAlc/PMrzLfbV-4gVcB9_15tUaGoUwmctE__CQCK4B/s320/Captura2.JPG" width="320" /></a></span></span></div>
</div>
<div>
<span style="color: #3d2a14; font-family: "verdana" , "geneva" , sans-serif;"><span style="line-height: 16.8px;"><br /></span></span></div>
<div>
<br /></div>
<div>
<span style="color: #3d2a14; font-family: "verdana" , "geneva" , sans-serif;"><span style="font-size: 12px; line-height: 16.8px;"><br /></span></span></div>
</div>
Anonymoushttp://www.blogger.com/profile/01537544217243034297noreply@blogger.com0tag:blogger.com,1999:blog-1332578110113533397.post-60901846583777654032016-03-17T12:26:00.000-07:002016-04-11T01:30:27.040-07:00Sesion 5 - Realidad Aumentada (1ª Parte)<span style="font-family: "arial" , "helvetica" , sans-serif;">Esta semana trataremos un tema de lo más interesante...</span><br />
<h2 style="text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><b>Realidad Aumentada</b></span></h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.clickarapp.com/blog/wp-content/uploads/2015/10/Ikea-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" src="http://www.clickarapp.com/blog/wp-content/uploads/2015/10/Ikea-1.jpg" height="223" width="400" /></span></a></div>
<div style="text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b><span style="font-size: large;">¿Qué es?</span> </b><span style="background-color: white; color: #252525; line-height: 24.8889px;">una visión a través de un dispositivo tecnológico, directa o indirecta, de un entorno físico del mundo real, cuyos elementos se combinan con elementos virtuales para la creación de una realidad mixta en tiempo real. Consiste en un conjunto de dispositivos que añaden información virtual a la información física ya existente, es decir, añadir una parte sintética virtual a lo real. Esta es la principal diferencia con</span><span style="background-color: white; color: #252525; line-height: 24.8889px;"> la </span>realidad virtual<span style="background-color: white; color: #252525; line-height: 24.8889px;">, puesto que no sustituye la realidad física, sino que sobreimprime los datos </span>informáticos<span style="background-color: white; color: #252525; line-height: 24.8889px;"> al mundo rea</span><span style="background-color: white; color: #252525; line-height: 24.8889px;">l.</span></span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #252525; line-height: 24.8889px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.tuexpertoapps.com/wp-content/uploads/2013/05/Here-Mapas-02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" src="http://www.tuexpertoapps.com/wp-content/uploads/2013/05/Here-Mapas-02.jpg" height="192" width="320" /></span></a></div>
<div style="text-align: left;">
<span style="background-color: white; color: #252525; line-height: 24.8889px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div style="text-align: left;">
<span style="background-color: white; color: #252525; line-height: 24.8889px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div style="text-align: left;">
<div class="parrafo1" style="background-color: white; border: 0px; margin-bottom: 10px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Actualmente hay dos definiciones mayoritariamente aceptadas, la de P.Milgram & F.Kishino y la de R.Azuma.</span></div>
<div class="parrafo1" style="background-color: white; border: 0px; margin-bottom: 10px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">La definición creada por Paul Milgram y Fumio Kishino en 1994 llamada <u>Milgram-Virtuality Continuum</u> dice que entre un entorno real y un entorno virtual puro esta la llamada realidad mixta y esta se subdivide en 2, la realidad aumentada (mas cercana a la realidad) y la virtualidad aumentada (mas proxima a la virtualidad pura).</span></div>
<div class="parrafo1" style="background-color: white; border: 0px; margin-bottom: 10px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Este grafico define mejor el concepto explicado:</span></div>
<div align="center" class="parrafo1" style="background-color: white; border: 0px; margin-bottom: 10px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><img alt="Realidad Aumentada" border="0" src="http://www.realidadvirtual.com/img/realidad-aumentada.jpg" height="90" style="border: 0px; margin: 0px; padding: 0px;" width="577" /></span></div>
<div class="parrafo1" style="background-color: white; border: 0px; margin-bottom: 10px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="parrafo1" style="background-color: white; border: 0px; margin-bottom: 10px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Y la definición aportada por Ronald Azuma en 1997, que acota a la realidad aumentada a la que cumple estos tres requisitos:</span></div>
<div class="parrafo1" style="background-color: white; border: 0px; margin-bottom: 10px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">- Combinación de elementos virtuales y reales.<br />- Interactividad en tiempo real.<br />- Información almacenada en 3D.</span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
</div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b><span style="font-size: large;">¿Como funciona?</span></b><span style="background-color: white;">Esto se consigue a través de un dispositivo que cuente como mínimo con la combinación de una cámara y una pantalla. Al visualizar la realidad a través de la pantalla (de un móvil, o unas gafas) observamos la misma realidad en tiempo real, pero el dispositivo se encarga de añadir información adicional como por ejemplo:</span></span></div>
<div style="text-align: left;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div class="parrafo1" style="background-color: white; border: 0px; margin-bottom: 10px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">- <u>Turismo</u>: Al observar un paisaje el dispositivo nos puede informar de lugares que podemos visitar y a que distancia estamos de los mismos.</span></div>
<div class="parrafo1" style="background-color: white; border: 0px; margin-bottom: 10px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">- <u>Objetos Virtuales</u>: Mediante un trozo de papel en el que hay dibujado una figura geométrica simple, el software puede recrear un objeto virtual y este ser añadido a la realidad para ser observado. Existen en la actualidad aplicaciones útiles en marcha que van desde los juegos, a probadores de relojes.</span></div>
<div class="parrafo1" style="background-color: white; border: 0px; margin-bottom: 10px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">- <u>Educación</u>: Por ejemplo al visitar un museo podemos visualizar un cuadro o una escultura a través del dispositivo que estemos utilizando y este nos ofrecerá información en pantalla acerca del autor, fecha, estilo, etc...</span></div>
<div class="parrafo1" style="background-color: white; border: 0px; margin-bottom: 10px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">- <u>Medicina</u>: A un cirujano le puede aportar información útil en tiempo real, como por ejemplo el numero de latidos, temperatura, bordes de un tumor, etc...</span></div>
<div class="parrafo1" style="background-color: white; border: 0px; font-size: 14px; margin-bottom: 10px; padding: 0px;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/-qb4YkhRO58/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/-qb4YkhRO58?feature=player_embedded" width="320"></iframe></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="parrafo1" style="background-color: white; border: 0px; margin-bottom: 10px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">¿Puedo probar? Por supuesto! Gracias a su gran auge, actualmente existen varias herramientas gratuitas. </span></div>
<div class="parrafo1" style="background-color: white; border: 0px; margin-bottom: 10px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">En este post, hablaremos sobre la primera herramienta de Realidad Aumentada, que probaremos “Aumentaty”</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://recursostic.educacion.es/buenaspracticas20/web/images/stories/aumentaty-logo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://recursostic.educacion.es/buenaspracticas20/web/images/stories/aumentaty-logo.jpg" height="132" width="400" /></a></div>
<div class="parrafo1" style="background-color: white; border: 0px; margin-bottom: 10px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="parrafo1" style="background-color: white; border: 0px; margin-bottom: 10px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Para ello necesitaremos descargar el software desde su web. Encontraremos varias herramientas desde la <a href="http://author.aumentaty.com/descargas" target="_blank">zona de descargas</a>. </span></div>
<div class="parrafo1" style="background-color: white; border: 0px; margin-bottom: 10px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Nosotros, utilizaremos el Author para crear nuestro espacio con los objetos virtuales y el visor.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://author.aumentaty.com/sites/default/files/Downloads/AumentatyViewerSetup_1.3.exe" target="_blank"><img border="0" src="http://www.aumentaty.com/wp-content/uploads/2014/08/02.png" height="200" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: xx-small;">DESCARGAR</span></div>
<div class="parrafo1" style="background-color: white; border: 0px; font-size: 14px; margin-bottom: 10px; padding: 0px;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://author.aumentaty.com/sites/default/files/Downloads/AumentatyAuthorPackSetup_1.3.exe" target="_blank"><img border="0" src="http://www.aumentaty.com/wp-content/uploads/2014/08/01.png" height="200" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: xx-small;">DESCARGAR</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: xx-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: xx-small;"><br /></span></div>
<div class="parrafo1" style="background-color: white; border: 0px; font-size: 14px; margin-bottom: 10px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Desde Author, podremos asociar cada marcador con un objeto virtual.</span></div>
<div class="parrafo1" style="background-color: white; border: 0px; font-size: 14px; margin-bottom: 10px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Por defecto nos vienen varios objetos, que son partes del cuerpo humano. En nuestro caso, descargaremos algunos objetos desde internet. Podemos encontrar multitud de webs que ofrecen descargas gratuitas de una gran variedad de objetos en 3D. </span></div>
<div class="parrafo1" style="background-color: white; border: 0px; font-size: 14px; margin-bottom: 10px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Para probar, he utilizado esta web:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.turbosquid.com/" target="_blank"><img border="0" height="91" src="https://upload.wikimedia.org/wikipedia/en/e/e4/Turbosquid-logo-full-transp.png" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Podemos descargar los modelos en el formato 3DS conservando colores y algunas texturas. Aunque los modelos más elaborados son de pago.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://trinit.es/activa/unity/temario/3shaders/imagenes/Turbosquid%20Resultados%20Filtro.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://trinit.es/activa/unity/temario/3shaders/imagenes/Turbosquid%20Resultados%20Filtro.png" height="236" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="" style="clear: both; text-align: left;">
Desde Author, podremos importar todos estos modelos que nos descarguemos a la biblioteca de modelos. Y desde ahi, podremos arrastrar el modelo que queramos en uno de los 20 marcadores disponibles.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<a href="http://img.scoop.it/taWuYeLdwiMgq08U-0-bHoXXXL4j3HpexhjNOf_P3YmryPKwJ94QGRtDb3Sbc6KY" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://img.scoop.it/taWuYeLdwiMgq08U-0-bHoXXXL4j3HpexhjNOf_P3YmryPKwJ94QGRtDb3Sbc6KY" height="181" width="320" /></a><br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<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: center;">
Y como <span style="font-size: x-large;">una imagen, vale más que ... </span>pues aqui os dejo dos tutoriales muy sencillos donde se explica paso a paso.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/rq6mIXq-SXo/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/rq6mIXq-SXo?feature=player_embedded" width="320"></iframe></div>
<div class="parrafo1" style="background-color: white; border: 0px; font-size: 14px; margin-bottom: 10px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/KsPMpT5Yu1A/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/KsPMpT5Yu1A?feature=player_embedded" width="320"></iframe></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Podemos ver, que es una herramienta con un potencial enorme. Está claro, que esta tecnología solo está en sus inicios, y que nos depara grandes avances para el ser humano. Consiguiendo mezclar realidad y todo tipo de contenidos multimedia.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Y para despedirme, aqui les dejo un pequeño video con algunas de las pruebas que he realizado con Aumentaty.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Hasta después de Semana Santa ;)</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/y7S8Z8IF1jI" width="420"></iframe>
</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="parrafo1" style="background-color: white; border: 0px; font-size: 14px; margin-bottom: 10px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="parrafo1" style="background-color: white; border: 0px; font-family: arial; font-size: 14px; margin-bottom: 10px; padding: 0px;">
<br /></div>
Anonymoushttp://www.blogger.com/profile/01537544217243034297noreply@blogger.com0tag:blogger.com,1999:blog-1332578110113533397.post-63155923292780013372016-03-07T08:38:00.003-08:002016-03-07T08:38:31.543-08:00Sesion 4 - JavaScript<div style="text-align: center;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">Sesión 4 - JavaScript</span></b></div>
<div style="text-align: center;">
<a href="http://i.blogs.es/e7b69c/java_logo/original.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" src="http://i.blogs.es/e7b69c/java_logo/original.png" height="200" width="200" /></span></a><br />
<div style="background: white; margin-bottom: 12.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><span style="font-family: "arial" , "helvetica" , sans-serif;">Este lunes, seguimos investigando sobre el código Java, que junto a HTML y CSS podremos elaborar y editar nuestro Blog de la forma más interna.</span></span></div>
<div style="background: white; margin-bottom: 12.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><span style="font-family: "arial" , "helvetica" , sans-serif;">Java es un lenguaje sencillo de
aprender, con una sintaxis parecida a la de C++, pero en la que se han
eliminado elementos complicados y que pueden originar errores. Java es
orientado a objetos, con lo que elimina muchas preocupaciones al programador y
permite la utilización de gran cantidad de bibliotecas ya definidas, evitando
reescribir código que ya existe. Es un lenguaje de programación creado para
satisfacer nuevas necesidades que los lenguajes existentes hasta el momento no
eran capaces de solventar.</span></span></div>
<div style="background: white; margin-bottom: 12.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; text-align: justify;">
<a href="http://panamahitek.com/wp-content/uploads/2015/03/NaiveBayes-JAVA-770x513.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" src="http://panamahitek.com/wp-content/uploads/2015/03/NaiveBayes-JAVA-770x513.jpg" height="212" width="320" /></span></a><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><span style="font-family: "arial" , "helvetica" , sans-serif;">Una de las principales virtudes
de Java es su independencia del hardware, ya que el código que se genera es
válido para cualquier plataforma. Este código será ejecutado sobre una máquina
virtual denominada<span class="apple-converted-space"> </span><strong>Maquina Virtual Java</strong><span class="apple-converted-space"> </span>(<acronym>MVJ</acronym><span class="apple-converted-space"> </span>o<span class="apple-converted-space"> </span><acronym><span lang="EN">JVM</span></acronym><span class="apple-converted-space"> </span>–<span class="apple-converted-space"> </span><span lang="EN">Java
Virtual Machine</span>), que interpretará el código convirtiéndolo a código específico
de la plataforma que lo soporta. De este modo el programa se escribe una única
vez y puede hacerse funcionar en cualquier lugar. Lema del lenguaje:<span class="apple-converted-space"> </span><em><b>“</b></em><em><b><span lang="EN">Write once, run everywhere</span></b></em><em><b>”.</b></em></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">En esta práctica, vamos a incorporar a nuestra pagina web, una función con un botón para poder cambiar el estilo de la pagina. Básicamente, consiste en que al pulsar el boton del estilo "A", se aplica una hoja de estilo CSS, mediante la función javascript.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">Para ello, lo primero que debemos hacer es añadir un id que llamaremos estilo</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Times, Times New Roman, serif;"><link href="final.css" rel="stylesheet" type="text/css"id="estilo"></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">a continuación, añadimos nuestra función encargada del cambio, la llamaré "cambio" :)</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><script type="text/javascript" language="JavaScript"></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><span class="Apple-tab-span" style="white-space: pre;"> </span>function cambio(archivo){</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><span class="Apple-tab-span" style="white-space: pre;"> </span>document.getElementById("estilo").href= archivo;</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"></script></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">Y por último, los botones, que activarán el estilo de cada uno:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Times, Times New Roman, serif;"><button type="button" onclick="cambio('final3.css')">Estilo 2</button></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Times, Times New Roman, serif;"><button type="button" onclick="cambio('final.css')">Estilo 1</button></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif;">Como vemos, el Boton "Estilo 2" aplica la hoja de estilo "final 3" y el botón "Estilo 1" aplica la hoja "final"</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://lacinoja.es/scm/2/index.html" target="_blank"><img border="0" src="http://i.istockimg.com/file_thumbview_approve/30636912/5/stock-illustration-30636912-icono-de-mano-t%C3%A1ctil.jpg" /></a><span id="goog_1977524952"></span><span id="goog_1977524953"></span><a href="https://www.blogger.com/"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<b><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">WEB</span></b></div>
<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: center;">
<br /></div>
<div style="background: white; margin-bottom: 12.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; text-align: justify;">
<span style="font-size: x-small;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><em><b><br /></b></em></span></span></div>
</div>
<div style="text-align: left;">
</div>
Anonymoushttp://www.blogger.com/profile/01537544217243034297noreply@blogger.com0tag:blogger.com,1999:blog-1332578110113533397.post-78027064620941163872016-02-29T03:43:00.006-08:002016-03-07T08:29:32.148-08:00Sesión 3 - Hojas de estilo CSS<div style="text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Sesión 3 - Hojas de estilo CSS</b></span></div>
<div style="text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.sololearn.com/Uploads/html-css.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.sololearn.com/Uploads/html-css.jpg" height="192" width="400" /></a></div>
<div style="text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Hola a todos, como todos los lunes, seguimos trabajando un poco en nuestro blog. El punto de hoy trata sobre las hojas de estilo CSS.</span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://webstudio316.com/wp-content/uploads/2012/04/css-dreamweaver.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://webstudio316.com/wp-content/uploads/2012/04/css-dreamweaver.png" height="200" width="200" /></a></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Tras indagar sobre el codigo HTML, para poder obtener el máximo aprovechamiento de esta herramienta, están las hojas de estilo. Que si lo simplificamos mucho, consiste en separar el estilo de nuestra pagina en un archivo y el contenido de nuestra web en uno o varios archivos.</span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">De esta forma, podemos retocar todas las paginas de nuestra web modificando un solo parámetro, afectando a todos.</span></div>
<div style="text-align: left;">
<a href="http://zoompf.com/wp-content/uploads/2009/12/css-code-small-300x178.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://zoompf.com/wp-content/uploads/2009/12/css-code-small-300x178.jpg" height="118" width="200" /></a><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Para poder practicar, en la sesion de hoy, crearemos una hoja html sencilla y una hoja de estilo css aplicada a dicha hoja. La subiremos a un servidor externo para que pueda ser visitable.</span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Yo he aprovechado un hosting que tengo contratado hace tiempo para subirlo. En caso de necesitar uno, hay muchos sitios web que ofrecen este servicio. Si tuviera que recomendarte alguno, te diría:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.hostinger.es/" target="_blank"><img border="0" src="http://www.hostinger.es/static/images/logo-es.png" height="57" width="200" /></a></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Más adelante explicaré paso a paso como lo he hecho.</span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Enlace a mi web:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://lacinoja.es/scm/1/prueba.html" target="_blank"><img border="0" height="200" src="https://4.bp.blogspot.com/-tHZZje9o7BE/VQv-bWBF2RI/AAAAAAAAB7Y/YIu_qrMapY0/s1600/icono_disenio_y_desarrollo_web.png" width="200" /></a></div>
<div style="text-align: center;">
<br /></div>
Anonymoushttp://www.blogger.com/profile/01537544217243034297noreply@blogger.com0tag:blogger.com,1999:blog-1332578110113533397.post-11241512898390860202016-02-22T03:21:00.002-08:002016-02-29T04:05:12.167-08:00Sesion 2 - Introducción a HTML<div class="separator" style="clear: both; text-align: center;">
<a href="http://ayudawp.com/wp-content/uploads/2012/08/aprender-html.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://ayudawp.com/wp-content/uploads/2012/08/aprender-html.jpg" height="150" width="200" /></a></div>
<br />
<h2>
<center>
Sesion 2</center>
</h2>
<!--CENTRAMOS TITULO-->
<span style="font-family: "arial" , "helvetica" , sans-serif;">Un lunes más estamos aquí para seguir practicando con nuestro blog.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Hoy veremos codigo HTML, siglas de <i><b>HyperText Markup Language</b></i> («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. Para comprenderlo mejor, podemos decir que consiste en el conjunto de codigos que forman cualquier documento html. Todo lo que podemos ver en una pagina web, necesita una codificación interna para que pueda ser interpretado por el ordenador.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Un documento HTML podemos editarlo de forma gráfica y automaticamente se generará el codigo, con lo cual no tendria que ser necesario entender el código. Pero siempre es conveniente entenderlo para poder realizar cambios internos en cualquier documento web.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">En esta práctica probaremos a formatear un texto. En mi caso, probaré a formatear directamente en esta entrada: </span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<!--INSERTAMOS UNA LINEA HORIZONTAL-->
<br />
<hr align="CENTER" color="#FF0000" size="2" width="400" />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>1. Cambiar la alineación de alguna cabecera o párrafos. </b></span><br />
<br />
<h1 <span style="font-family: "times" , "times new roman" , serif; text-align: center;">align="CENTER"></span><br />
<pre style="color: maroon;"><code><h1 style="text-align: center;">
PRUEBA DE ALINEACION</h1>
</code></pre>
<span style="font-family: "arial" , "helvetica" , sans-serif;">2. Cambiar el tipo de letra </span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<b><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">3. Poner una línea horizontal en algún lugar del blog.</span></b><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<div style="text-align: center;">
<span style="font-family: "times" , "times new roman" , serif;"><hr align="CENTER" color="#FF0000" size="2" width="400" /></span></div>
<b><br /></b>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>4. Añadir un hiperenlace a una imagen</b> </span><br />
<div style="text-align: center;">
<span style="font-family: "times" , "times new roman" , serif;"><br /></span></div>
<div style="text-align: center;">
<span style="font-family: "times" , "times new roman" , serif;"><<b>a href="http://www.unex.es/"</b> imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://fs02.androidpit.info/a/7e/0b/downhill-longboard-wallpaper-7e0bfc-h900.jpg" height="166" width="200" /></a></span></div>
<br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.unex.es/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://fs02.androidpit.info/a/7e/0b/downhill-longboard-wallpaper-7e0bfc-h900.jpg" height="166" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<b><br /></b></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>5. Cambiar el color del fondo de algún elemento </b></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"></span><br />
<span style="background-color: white; font-family: sans-serif , "trebuchet ms" , "lucida grande" , "lucida sans unicode" , "arial" , "helvetica" , sans-serif; font-size: 14.4px;">La propiedad </span><code style="background-color: white;">background-color</code><span style="background-color: white; font-family: sans-serif , "trebuchet ms" , "lucida grande" , "lucida sans unicode" , "arial" , "helvetica" , sans-serif; font-size: 14.4px;"> describe el color de fondo de los elementos. Podemos aplicar un color a cualquier elemento, Vamos a aplicar a los titulos H1 un color:</span><br />
<span style="background-color: white; font-family: sans-serif , "trebuchet ms" , "lucida grande" , "lucida sans unicode" , "arial" , "helvetica" , sans-serif; font-size: 14.4px;"><br /></span>
<br />
<pre style="color: maroon;"><code>h1 {
color: #990000;
<strong style="color: #cc0000;">background-color: #FC9804;</strong>
}
</code><h2>
<code>PRUEBA DE COLOR </code></h2>
</pre>
<pre style="color: maroon;"><code>
</code></pre>
<span style="font-family: "arial" , "helvetica" , sans-serif;">6. Cambiar el tamaño de algun elemento</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: arial, helvetica, sans-serif;">Hasta la semana que viene ;)</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<!------>Anonymoushttp://www.blogger.com/profile/01537544217243034297noreply@blogger.com0tag:blogger.com,1999:blog-1332578110113533397.post-79139049265717745502016-02-15T03:26:00.000-08:002016-02-29T03:56:32.112-08:00Sesion 1 - Primeros pasos con Blogger<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white;"><br /></span>
</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.marficom.com/wp-content/uploads/blogger-1264x550.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="background-color: #f3f3f3; color: black; font-family: "arial" , "helvetica" , sans-serif;"><img border="0" src="http://www.marficom.com/wp-content/uploads/blogger-1264x550.jpg" height="276" width="640" /></span></a></div>
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
</span><br />
<h3>
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;">Primeros pasos con Blogger:</span></h3>
<a href="http://i.imgur.com/SoHdT.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><span style="background-color: #f3f3f3; color: black; font-family: "arial" , "helvetica" , sans-serif;"><img border="0" src="http://i.imgur.com/SoHdT.png" height="200" width="200" /></span></a><span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><span style="font-family: "arial" , "helvetica" , sans-serif;">En la primera sesión de clase, comenzaremos con la creación de la cuenta y la primera toma de contacto con la plataforma blogger.</span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Pero antes, ya nos hemos informado sobre los blogs. Es importante, entender qué es exactamente y como podemos sacarle el máximo partido.</span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">En la actualidad, Internet se utiliza para todo, y uno de los principales usos es dar a conocer información a nivel mundial. Podemos distinguir las clásicas paginas webs, con su contenido formal y estático.</span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Este tipo de medio, hace tiempo que quedó atrás ante la aparición de los blogs, que son muy similar a la pagina web, con la principal diferencia que estructuralmente es mas sencillo. Podemos, sustituir el perfil del webmaster por el de bloguero y el de visitante por lectores. El bloguero necesita mucha menos formación en informática y más constancia y entrega con sus visitantes. </span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;">Los visitantes no serán como con las webs, éstos podrán subscribirse para estar pendiente de las nuevas entradas y podrán comentar éstas.</span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Bueno, tras saber algo más sobre los blogs, el siguiente paso es saber que plataforma elegir. Los más conocidos son Wordpress y Blogger. Pero por su comodidad, compatibilidad y otros, nos decantaremos por Blogger.</span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.minterest.org/wp-content/uploads/2015/02/Blogger-vs-WordPress.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="background-color: #f3f3f3; color: black; font-family: "arial" , "helvetica" , sans-serif;"><img border="0" src="http://www.minterest.org/wp-content/uploads/2015/02/Blogger-vs-WordPress.png" height="105" width="200" /></span></a></div>
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white;"><br /></span>
<span style="background-color: white;">Así que en este primer día de clase de laboratorio, comenzaremos los pasos a seguir.</span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">1º Entramos en la web <a href="https://www.blogger.com/">www.blogger.com </a> y tras registrarnos, pulsamos en "Crear blog". Introducimos la direccion, el título y seleccionamos la plantilla para nuestro blog. En este instante, ¡ Ya tenemos nuestro blog creado ! </span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-cnjSZVdd8eI/UiA01p_PY_I/AAAAAAAAEj8/LEAQOotw-qQ/s1600/29-08-2013+11-57-38+p.m..png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="background-color: #f3f3f3; color: black; font-family: "arial" , "helvetica" , sans-serif;"><img border="0" height="264" src="https://1.bp.blogspot.com/-cnjSZVdd8eI/UiA01p_PY_I/AAAAAAAAEj8/LEAQOotw-qQ/s1600/29-08-2013+11-57-38+p.m..png" width="640" /></span></a></div>
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Tras esto accederemos al panel de control de nuestro blog. Desde aquí podremos administrar nuestro blog de forma integra.</span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white;"><br /></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-n9Y0MBemhME/VsIuT7L3GcI/AAAAAAAAAkY/JYMX7KixF8E/s1600/mis%2Bblogs.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="background-color: #f3f3f3; color: black; font-family: "arial" , "helvetica" , sans-serif;"><img border="0" height="483" src="https://4.bp.blogspot.com/-n9Y0MBemhME/VsIuT7L3GcI/AAAAAAAAAkY/JYMX7KixF8E/s640/mis%2Bblogs.png" width="640" /></span></a></div>
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Encontraremos las secciones </span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white;"><br /></span>
</span><br />
<ol>
<li><span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;">Visión general</span></li>
<li><span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;">Entradas</span></li>
<li><span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;">Paginas</span></li>
<li><span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;">Comentarios</span></li>
<li><span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;">Google+</span></li>
<li><span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;">Estadísticas</span></li>
<li><span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;">Ingresos</span></li>
<li><span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;">Campañas</span></li>
<li><span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;">Diseño</span></li>
<li><span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;">Plantilla</span></li>
<li><span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;">Configuración</span></li>
</ol>
<div>
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;">Aunque para nuestra primera sesión no nos será necesario revisarlas todas, las observaremos por encima para ir familiarizándonos.</span></div>
<div>
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;">En el enunciado de nuestra práctica se nos pide</span><span style="font-family: "arial" , "helvetica" , sans-serif;">: </span></span></div>
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white;"><br /></span>
<span style="background-color: #eeeeee;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>1. Personalizar el fondo del blog </b></span></span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Para ir probando, colocaremos un fondo cualquiera, simplemente busco empezar a personalizar al máximo mi blog.</span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
</span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 23.1px;">Puedes encontrar fondos predefinidos que puedes poner y quitar fácilmente, pero también tienes la opción de subir tus propios fondos o </span><i style="line-height: 23.1px;">backgrounds</i><span style="line-height: 23.1px;">. </span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 23.1px;"><br /></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 23.1px;">Para ello hay que entrar en >> diseño / fondo. Donde podremos subir nuestra imagen, seleccionar un color de fondo...</span></span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 23.1px;"><br /></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 23.1px;">En Internet hay muchas páginas donde puedes encontrar un montón de fondos o patrones.</span></span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white;"><span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif; line-height: 23.1px;">Incluso diseñar online tu propio patrón.</span></span></span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white;"><span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="line-height: 23.1px;"><br /></span></span></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white;"><span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="background-color: #eeeeee; line-height: 23.1px;">Aquí os dejo enlaces a algunas webs que ofrecen este servicio. </span></span></span></span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white;"><span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="line-height: 23.1px;"><br /></span></span></span></span>
</span><br />
<div style="text-align: center;">
<span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="color: blue; font-family: "arial" , "helvetica" , sans-serif; line-height: 23.1px;"><span style="background-color: #f3f3f3;"><a href="http://www.patterncooler.com/%C2%A0" target="_blank">http://www.patterncooler.com/ </a></span></span></span></div>
<div style="text-align: center;">
<span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="color: blue; font-family: "arial" , "helvetica" , sans-serif; line-height: 23.1px;"><span style="background-color: #f3f3f3;"><a href="http://bgpatterns.com/" target="_blank">http://bgpatterns.com/</a></span></span></span></div>
<div style="text-align: center;">
<span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="color: blue; font-family: "arial" , "helvetica" , sans-serif; line-height: 23.1px;"><span style="background-color: #f3f3f3;"><a href="http://www.colourlovers.com/patterns/add" target="_blank">http://www.colourlovers.com/patterns/add</a></span></span></span><br />
<br /></div>
<div style="text-align: center;">
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;">
<a href="http://st2.depositphotos.com/2134479/5515/v/950/depositphotos_55152255-Mathematical-vector-seamless-pattern-with-formulas-figures-and-calculations.-You-can-use-any-color-of-background.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" src="http://st2.depositphotos.com/2134479/5515/v/950/depositphotos_55152255-Mathematical-vector-seamless-pattern-with-formulas-figures-and-calculations.-You-can-use-any-color-of-background.jpg" height="136" title="" width="200" /></a></span></div>
<div style="text-align: center;">
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><a href="http://www.noupe.com/wp-content/uploads/2009/10/navaho.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.noupe.com/wp-content/uploads/2009/10/navaho.jpg" height="100" width="200" /></a><br />
</span></div>
<div style="text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif; font-weight: bold;"><br /></span></span></div>
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>2. Añadir su favicon</b></span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span>
<span style="font-size: small; font-weight: normal;"><span style="line-height: 24.8889px;">Un </span><span style="line-height: 24.8889px;">favicono</span><span style="line-height: 24.8889px;">, del inglés </span><i style="line-height: 24.8889px;">favorites icon</i><span style="line-height: 24.8889px;"> (</span>icono<span style="line-height: 24.8889px;"> de favoritos), también conocido como </span><span style="line-height: 24.8889px;">icono de página</span><span style="line-height: 24.8889px;">, es una pequeña imagen asociada con una </span>página<span style="line-height: 24.8889px;"> o </span>sitio web<span style="line-height: 24.8889px;"> en particular.</span> </span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;">Es muy recomendable utilizar una imagen clara, que sirva para asociarla con nuestro blog. Ya que aparecerá en miniatura en la pestaña del navegador cuando visitemos el blog. En mi caso, prefiero utilizar la primera letra de mi logotipo de blog, que por ahora está así:</span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-nP7psSvsREA/VsIDDe4-vuI/AAAAAAAAAkM/kny2h0FwC2g/s1600/LOGO%2Beasy2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="background-color: #f3f3f3; color: black; font-family: "arial" , "helvetica" , sans-serif;"><img border="0" height="212" src="https://1.bp.blogspot.com/-nP7psSvsREA/VsIDDe4-vuI/AAAAAAAAAkM/kny2h0FwC2g/s640/LOGO%2Beasy2.jpg" width="640" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;">Por lo que para crear el<i> favicon</i> me quedo solo con la e en color rojo.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-OBzrTIrktyw/VsIxFeI5sHI/AAAAAAAAAkk/aICXb7Wm3Bo/s1600/FANICON.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="background-color: #f3f3f3; color: black; font-family: "arial" , "helvetica" , sans-serif;"><img alt="" border="0" height="177" src="https://4.bp.blogspot.com/-OBzrTIrktyw/VsIxFeI5sHI/AAAAAAAAAkk/aICXb7Wm3Bo/s200/FANICON.png" title="" width="200" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;">Para poder convertir una imagen en un favicon con el tamaño y peso adecuado, existen multitud de sitios web, incluso podremos editarlos online</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><a href="http://realfavicongenerator.net/" target="_blank">http://realfavicongenerator.net/</a> </span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: lime; font-family: "arial" , "helvetica" , sans-serif;"><a href="http://www.favicon.cc/" style="background-color: #f3f3f3;" target="_blank">http://www.favicon.cc/</a></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>3. Hacer entradas en su blog </b></span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Al menos, todos los lunes, realizaremos una entrada en nuestro blog explicando nuestras sesiones de práctica de la asignatura.</span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">También me he propuesto intentar buscar algunos temas interesantes para escribir entre la semana.</span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>4. Blogs que va a seguir </b></span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Los primeros blogs que seguiré son los de los compañeros de clase. Aún tengo solo los que se sientan próximos a mi, pero en pocos dias intentaré publicar una lista con todos los blogs de los compañeros para que todos podamos visitarnos a todos.</span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
</span><br />
<div style="text-align: left;">
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;">Por ahora, aqui os dejo los enlaces a los blogs de mis compañeras de grupo de la asignatura:</span></div>
<div style="text-align: center;">
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="http://scm-aname.blogspot.com.es/" style="background-color: #f3f3f3;" target="_blank">http://scm-aname.blogspot.com.es/</a></span></div>
<div style="text-align: center;">
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="http://scm-elenasm.blogspot.com.es/" style="background-color: #f3f3f3;" target="_blank">http://scm-elenasm.blogspot.com.es/</a></span></div>
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="background-color: #f3f3f3;">5. Probar html5maker con sus trabajos más destacados y añadirlo al blog</b></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Esta web, ofrece una aplicación para poder crear animaciones con imágenes en animación. Existen cientos de aplicaciones offline, pero resulta muy cómodo esta web.</span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
</span><br />
<div style="text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="http://html5maker.com/app" style="background-color: #f3f3f3;" target="_blank">http://html5maker.com/app</a></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/DWPLq01hmpM/0.jpg" src="https://www.youtube.com/embed/DWPLq01hmpM?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<br /></div>
<div style="text-align: center;">
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: center;">
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: center;">
<b style="background-color: #f3f3f3;"><span style="font-family: "arial" , "helvetica" , sans-serif;"></span></b></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="background-color: #f3f3f3;">6. Investigar sobre herramientas para hacer un e-portfolio, comentar las que más te hayan gustado</b></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"></span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Un portfolio, no es más que un portafolios digital. Donde podremos tener todos nuestros diseños para que sean facilmente visitable para cualquier cliente, empresa... etc.</span></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>
<span style="font-family: arial, helvetica, sans-serif;"><span style="background-color: #f3f3f3;">Podriamos definirlo como un curriculum profesional con nuestra experiencia, estilo, forma de trabajar... etc.</span></span><br />
<span style="font-family: arial, helvetica, sans-serif;"><span style="background-color: #f3f3f3;"><br /></span></span>
<span style="font-family: arial, helvetica, sans-serif;"><span style="background-color: #f3f3f3;">En la web, hay muchos sitios donde podemos crear estos e-portfolios, pero no todos son gratuitos. Aqui les dejo 3 sitios, que me han parecido interesantes. Indagaré sobre ellos para poder dar una opinión más argumentada.</span></span><br />
<span style="font-family: arial, helvetica, sans-serif;"><span style="background-color: #f3f3f3;"><br /></span></span>
<div style="text-align: center;">
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="https://www.behance.net/">https://www.behance.net/</a></span></span></div>
<div style="text-align: center;">
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: center;">
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="https://dribbble.com/">https://dribbble.com/</a></span></span></div>
<div style="text-align: center;">
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: center;">
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="http://portfolio.deviantart.com/">http://portfolio.deviantart.com/</a></span></span></div>
<br />
<div style="text-align: center;">
<span style="font-family: arial, helvetica, sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: arial, helvetica, sans-serif;">Y para despedirme, os dejo un vídeo explicativo que explica de forma más concreta lo que os he explicado:</span></div>
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
</span><br />
<h1 class="yt watch-title-container" style="border: 0px; display: table-cell; font-size: 24px; font-weight: normal; margin: 0px 0px 13px; padding: 0px; vertical-align: top; width: 610px; word-wrap: break-word;">
<span class="watch-title " dir="ltr" id="eow-title" style="background-color: #f3f3f3; border: 0px; font-family: "arial" , "helvetica" , sans-serif; margin: 0px; padding: 0px;" title="Cómo crear un blog en Blogger 2015 (paso a paso)">Cómo crear un blog en Blogger 2015 (paso a paso)<br /></span></h1>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/jUAB_XosSt8/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/jUAB_XosSt8?feature=player_embedded" width="320"></iframe></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: #f3f3f3; font-family: "arial" , "helvetica" , sans-serif;">Hasta el Lunes que viene ;)</span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>Anonymoushttp://www.blogger.com/profile/01537544217243034297noreply@blogger.com006800 Mérida, Badajoz, España38.9191439 -6.340805499999987738.8697254 -6.4214864999999879 38.9685624 -6.2601244999999874