tag:blogger.com,1999:blog-30163942083266913232024-03-05T05:49:14.601+01:00ActivInspireEmilio Cortizashttp://www.blogger.com/profile/09455725734881217638noreply@blogger.comBlogger164125tag:blogger.com,1999:blog-3016394208326691323.post-27143398187965941652014-09-22T16:05:00.001+02:002014-09-22T16:11:03.290+02:00Presentación de ClassFlow<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk1dAEpXj_r8S-EHGB_DIm18KG7ETX6823_ZzMe-jzmlaXmN2BR6EzSg61_OGN1IWiiZeFMwOXrwvZi0R29nXT_cf5rrwOLgyE1X2ievrQrI0hp1obV61S5qJQ7KdFw-UJ5TmSnPUrQJQ/s1600/classflow.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk1dAEpXj_r8S-EHGB_DIm18KG7ETX6823_ZzMe-jzmlaXmN2BR6EzSg61_OGN1IWiiZeFMwOXrwvZi0R29nXT_cf5rrwOLgyE1X2ievrQrI0hp1obV61S5qJQ7KdFw-UJ5TmSnPUrQJQ/s1600/classflow.jpg" /></a></div>
En este vídeo nos muestran el funcionamiento de ClassFlow, el programa en la nube de Promethean, que permite a los docentes crear e impartir las clases
directamente en la nube.<br />
<br />
Ésta herramienta ClassFlow es la que viene integrada con la versión de ActivInspire 2.0 que vimos en el anterior artículo.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/AAOBb1EpX5A?feature=player_embedded' frameborder='0'></iframe></div>
Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com1tag:blogger.com,1999:blog-3016394208326691323.post-3463092700763278002014-09-15T12:35:00.000+02:002014-09-15T12:35:44.230+02:00ActivInspire 2.0<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
</o:OfficeDocumentSettings>
</xml><![endif]--><br />
<!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:TrackMoves/>
<w:TrackFormatting/>
<w:HyphenationZone>21</w:HyphenationZone>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:DoNotPromoteQF/>
<w:LidThemeOther>ES</w:LidThemeOther>
<w:LidThemeAsian>X-NONE</w:LidThemeAsian>
<w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:DontGrowAutofit/>
<w:SplitPgBreakAndParaMark/>
<w:EnableOpenTypeKerning/>
<w:DontFlipMirrorIndents/>
<w:OverrideTableStyleHps/>
</w:Compatibility>
<m:mathPr>
<m:mathFont m:val="Cambria Math"/>
<m:brkBin m:val="before"/>
<m:brkBinSub m:val="--"/>
<m:smallFrac m:val="off"/>
<m:dispDef/>
<m:lMargin m:val="0"/>
<m:rMargin m:val="0"/>
<m:defJc m:val="centerGroup"/>
<m:wrapIndent m:val="1440"/>
<m:intLim m:val="subSup"/>
<m:naryLim m:val="undOvr"/>
</m:mathPr></w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
DefSemiHidden="true" DefQFormat="false" DefPriority="99"
LatentStyleCount="267">
<w:LsdException Locked="false" Priority="0" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Normal"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="heading 1"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/>
<w:LsdException Locked="false" Priority="39" Name="toc 1"/>
<w:LsdException Locked="false" Priority="39" Name="toc 2"/>
<w:LsdException Locked="false" Priority="39" Name="toc 3"/>
<w:LsdException Locked="false" Priority="39" Name="toc 4"/>
<w:LsdException Locked="false" Priority="39" Name="toc 5"/>
<w:LsdException Locked="false" Priority="39" Name="toc 6"/>
<w:LsdException Locked="false" Priority="39" Name="toc 7"/>
<w:LsdException Locked="false" Priority="39" Name="toc 8"/>
<w:LsdException Locked="false" Priority="39" Name="toc 9"/>
<w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/>
<w:LsdException Locked="false" Priority="10" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Title"/>
<w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/>
<w:LsdException Locked="false" Priority="11" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/>
<w:LsdException Locked="false" Priority="22" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Strong"/>
<w:LsdException Locked="false" Priority="20" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/>
<w:LsdException Locked="false" Priority="59" SemiHidden="false"
UnhideWhenUsed="false" Name="Table Grid"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 1"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 1"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 1"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/>
<w:LsdException Locked="false" Priority="34" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/>
<w:LsdException Locked="false" Priority="29" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Quote"/>
<w:LsdException Locked="false" Priority="30" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 1"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 1"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 2"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 2"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 2"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 2"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 2"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 3"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 3"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 3"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 3"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 3"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 4"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 4"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 4"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 4"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 4"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 5"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 5"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 5"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 5"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 5"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 6"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 6"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 6"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 6"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 6"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/>
<w:LsdException Locked="false" Priority="19" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/>
<w:LsdException Locked="false" Priority="21" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/>
<w:LsdException Locked="false" Priority="31" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/>
<w:LsdException Locked="false" Priority="32" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/>
<w:LsdException Locked="false" Priority="33" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Book Title"/>
<w:LsdException Locked="false" Priority="37" Name="Bibliography"/>
<w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/>
</w:LatentStyles>
</xml><![endif]--><!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Tabla normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin-top:0cm;
mso-para-margin-right:0cm;
mso-para-margin-bottom:10.0pt;
mso-para-margin-left:0cm;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-fareast-language:EN-US;}
</style>
<![endif]-->
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-aUPbLAQN8236mUMalRwMPDQFI0Rk4a8Vr9Cgs9jv9h1wp7ZzxaGeygSYLwuoC3BTNlhfNFu3Tt6Ax81zYiY3pQlTd9TrE-OVdqXfiUhu7RymvcpYe5B8-RxwrdJOOu1lBHcf8L7_e5w/s1600/classflow-01.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-aUPbLAQN8236mUMalRwMPDQFI0Rk4a8Vr9Cgs9jv9h1wp7ZzxaGeygSYLwuoC3BTNlhfNFu3Tt6Ax81zYiY3pQlTd9TrE-OVdqXfiUhu7RymvcpYe5B8-RxwrdJOOu1lBHcf8L7_e5w/s1600/classflow-01.jpg" /></a></div>
<div class="MsoNormal">
El 13 de Agosto Promethean anunció ActivInspire 2.0, eso sí,
sólo la versión en Inglés, para otros idiomas hay que esperar.</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Bueno, pues si pensamos que actualmente usamos la 1.8 y
pasamos a la 2.0, las novedades deberían ser muchas y los errores deben estar
subsanados. De esto último no hay información, de las novedades sólo una,
<a href="https://classflow.com/">ClassFlow</a>.</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
¿Qué es eso de ClassFlow? pues una herramienta en la nube
que va a permitir que compartamos nuestros rotafolios con los estudiantes<span style="mso-spacerun: yes;"> </span>en sus dispositivos móviles. ¡Una gran idea!</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Ya está, no hay nada más, ahora las curiosidades, para no
variar. Pues resulta que es una actualización pero cuando desde nuestro
ActivInspire 1.8 nos queramos actualizar al 2.0, no va ser posible, tendremos
que descargar de nuevo todo el software desde Promethean Planet.</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Podrán disponer de esta actualización los PCs con Win 7 o
superior, Macs, OS X 10.7 - 10.9. Pero ¿qué pasa con Linux? pues <i style="mso-bidi-font-style: normal;">“<span class="hps">La próxima</span> <span class="hps">versión de</span> <span class="hps">ActivInspire</span> <span class="hps">añadirá soporte</span> <span class="hps">Linux</span>. <span class="hps">Como
mínimo</span> <span class="hps">nos</span> <span class="hps">apoyaremos</span> en <span class="hps">Ubuntu</span> <span class="hps">12.04”.</span></i><span class="hps"> Así
que, a esperar.</span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Quienes ya tengan una cuenta en ClassFlow creada con su
cuenta de Facebook, Google u Office365 no les servirá para ActivInspire 2.0 <span style="mso-spacerun: yes;"> </span>tendrán que hacer una nueva cuenta.</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Quienes conocen ClassFlow es posible que conozcan la
herramienta Creative Polling que permite a los estudiantes compartir imágenes,
dibujos etc.</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span class="hps">“<i style="mso-bidi-font-style: normal;">ActivInspire</i></span><i style="mso-bidi-font-style: normal;"> <span class="hps">2.0</span> <span class="hps">no
ofrece</span> <span class="hps">Creative Polling</span>. <span class="hps">Sin
embargo, es</span> <span class="hps">una característica interesante</span> <span class="hps">que</span> <span class="hps">podemos considerar</span> <span class="hps">para
futuras versiones”</span></i><span class="hps">.</span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
La app ClassFlow Teacher Remote dispone del llamado Camera
button para la comunicación del profesor/a con sus estudiantes.</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span class="hps"><i style="mso-bidi-font-style: normal;">“ActivInspire</i></span><i style="mso-bidi-font-style: normal;"> <span class="hps">2.0 no admite</span> <span class="hps">la</span> <span class="hps">funcionalidad de la cámara</span> <span class="hps">todavía.</span> <span class="hps">Esta función se</span> <span class="hps">añadirá</span> <span class="hps">en</span> <span class="hps">una futura
versión</span> <span class="hps">de ActivInspire”</span>.</i></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicCI6ZCJTBW35-TzTIq86knBwG43qcYCP9QhmP8LmCdl30gwWOb76XGzIK1bpO5WIJ_pjr5_lhDJOKDkLHGujftCc9If-xZBiBgy9NQfszuHjN-ZhKP-SfC97mho19E6bRmPxHycUWSjE/s1600/classflow-02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicCI6ZCJTBW35-TzTIq86knBwG43qcYCP9QhmP8LmCdl30gwWOb76XGzIK1bpO5WIJ_pjr5_lhDJOKDkLHGujftCc9If-xZBiBgy9NQfszuHjN-ZhKP-SfC97mho19E6bRmPxHycUWSjE/s1600/classflow-02.jpg" height="125" width="400" /></a></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Ahora la gran pregunta ¿Debo actualizarme a ActivInspire
2.0? Pues la respuesta es no, excepto que quieras utilizar los dispositivos
ActivExpression junto con ClassFlow. Si sólo quieres compartir los rotafolios
desde una cuenta de ClassFlow puedes importar tus rotafolios sin tener que
actualizar ActivInspire.</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Resumiendo, enésimo fiasco en una actualización de
ActivInspire, al menos es mi opinión.</div>
<div class="MsoNormal">
<br /></div>
<br />
<div class="MsoNormal">
<!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:TrackMoves/>
<w:TrackFormatting/>
<w:HyphenationZone>21</w:HyphenationZone>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:DoNotPromoteQF/>
<w:LidThemeOther>ES</w:LidThemeOther>
<w:LidThemeAsian>X-NONE</w:LidThemeAsian>
<w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:DontGrowAutofit/>
<w:SplitPgBreakAndParaMark/>
<w:EnableOpenTypeKerning/>
<w:DontFlipMirrorIndents/>
<w:OverrideTableStyleHps/>
</w:Compatibility>
<m:mathPr>
<m:mathFont m:val="Cambria Math"/>
<m:brkBin m:val="before"/>
<m:brkBinSub m:val="--"/>
<m:smallFrac m:val="off"/>
<m:dispDef/>
<m:lMargin m:val="0"/>
<m:rMargin m:val="0"/>
<m:defJc m:val="centerGroup"/>
<m:wrapIndent m:val="1440"/>
<m:intLim m:val="subSup"/>
<m:naryLim m:val="undOvr"/>
</m:mathPr></w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
DefSemiHidden="true" DefQFormat="false" DefPriority="99"
LatentStyleCount="267">
<w:LsdException Locked="false" Priority="0" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Normal"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="heading 1"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/>
<w:LsdException Locked="false" Priority="39" Name="toc 1"/>
<w:LsdException Locked="false" Priority="39" Name="toc 2"/>
<w:LsdException Locked="false" Priority="39" Name="toc 3"/>
<w:LsdException Locked="false" Priority="39" Name="toc 4"/>
<w:LsdException Locked="false" Priority="39" Name="toc 5"/>
<w:LsdException Locked="false" Priority="39" Name="toc 6"/>
<w:LsdException Locked="false" Priority="39" Name="toc 7"/>
<w:LsdException Locked="false" Priority="39" Name="toc 8"/>
<w:LsdException Locked="false" Priority="39" Name="toc 9"/>
<w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/>
<w:LsdException Locked="false" Priority="10" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Title"/>
<w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/>
<w:LsdException Locked="false" Priority="11" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/>
<w:LsdException Locked="false" Priority="22" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Strong"/>
<w:LsdException Locked="false" Priority="20" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/>
<w:LsdException Locked="false" Priority="59" SemiHidden="false"
UnhideWhenUsed="false" Name="Table Grid"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 1"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 1"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 1"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/>
<w:LsdException Locked="false" Priority="34" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/>
<w:LsdException Locked="false" Priority="29" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Quote"/>
<w:LsdException Locked="false" Priority="30" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 1"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 1"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 2"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 2"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 2"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 2"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 2"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 3"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 3"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 3"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 3"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 3"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 4"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 4"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 4"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 4"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 4"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 5"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 5"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 5"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 5"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 5"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 6"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 6"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 6"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 6"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 6"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/>
<w:LsdException Locked="false" Priority="19" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/>
<w:LsdException Locked="false" Priority="21" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/>
<w:LsdException Locked="false" Priority="31" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/>
<w:LsdException Locked="false" Priority="32" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/>
<w:LsdException Locked="false" Priority="33" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Book Title"/>
<w:LsdException Locked="false" Priority="37" Name="Bibliography"/>
<w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/>
</w:LatentStyles>
</xml><![endif]--><!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Tabla normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin-top:0cm;
mso-para-margin-right:0cm;
mso-para-margin-bottom:10.0pt;
mso-para-margin-left:0cm;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-fareast-language:EN-US;}
</style>
<![endif]-->
</div>
<div class="MsoNormal">
Videos sobre <a href="https://www.youtube.com/playlist?list=PLhwwHcD-d_U6Vex_UpuKEYlsKgqvtyFJW">ClassFlow</a></div>
<br />
Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com0tag:blogger.com,1999:blog-3016394208326691323.post-14760442622903388132014-06-02T17:35:00.000+02:002014-06-02T17:35:01.840+02:00WOW Slider<div class="separator" style="clear: both; text-align: center;">
</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE4NHcytKZgCkjInlw3z1ANjf1Fog_ctzMbnlkTkhIDpgtCxA_F_-CRwYPx__-mcPoAB3LIAQ4xLAURv67j4V7N1kzxiwfYbk9bbJL81VG_duPuGGKne1V0ArUBiYwX11sGShAfSSqxKo/s1600/wowslider01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE4NHcytKZgCkjInlw3z1ANjf1Fog_ctzMbnlkTkhIDpgtCxA_F_-CRwYPx__-mcPoAB3LIAQ4xLAURv67j4V7N1kzxiwfYbk9bbJL81VG_duPuGGKne1V0ArUBiYwX11sGShAfSSqxKo/s1600/wowslider01.png" height="136" width="200" /></a>Después de un largo parón se me ha encendido la bombilla encima de la cabeza y allá voy a contaros de que va todo esto. Aunque es un tema ya tratado en el artículo <a href="http://activinspire.blogspot.com/2013/05/slideshow.html">SlideShow</a>.<br />
<br />
Seguro que en más de una ocasión habéis oído que ActivInspire no tiene animaciones pues vamos a poner alguna en forma de slider o slideshow esas imágenes que veis desplazarse en las páginas webs.<br />
<br />
Para conseguirlo vamos a tener que descargar un pequeño programa gratuito llamado <a href="http://wowslider.com/es/">WOW Slider</a> una vez descargado e instalado lo ejecutamos y comenzaremos añadiendo las imágenes que queramos.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiayvqY6fBfTYLTLOsqmX9wGd2dwwRtCyyBDpASN1Ha2eKdl7-9LjBcwgooydoCm7F7F3EhZ1MLoIEBCHoouVY3fFPg5LlRbfn8-ERDVVzUljEQC99nco1gh2lPiqTvFV3Q5g-FHlBOp3k/s1600/wowslider02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiayvqY6fBfTYLTLOsqmX9wGd2dwwRtCyyBDpASN1Ha2eKdl7-9LjBcwgooydoCm7F7F3EhZ1MLoIEBCHoouVY3fFPg5LlRbfn8-ERDVVzUljEQC99nco1gh2lPiqTvFV3Q5g-FHlBOp3k/s1600/wowslider02.png" height="117" width="320" /></a></div>
<br />
A continuación elegimos el efecto que queremos pulsando el icono <b>Propiedades</b> y luego en <b>Imágenes</b>. Sólo queda <b>Publicar</b>, en este apartado elegiremos la opción <b>Publicar a Carpeta</b>, copiamos la dirección donde se guardará (yo utilizo el bloc de notas) la necesitaremos más tarde. Pulsamos el botón <b>Publicar </b>de la parte inferior de la ventana.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTiXNuYsX8uAxQNUy7WXxy5lHad2qnglc1PswrsONt9SlgYPcdc_-4Ynz52nmWH30S6xzMxzSEEGFRZDh3JzWhBx7Vyd6TpvrYg21hdMAJFF7JUUt6THjpjAJXhJM3HlLICOvBiKDB2Tc/s1600/wowslider03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTiXNuYsX8uAxQNUy7WXxy5lHad2qnglc1PswrsONt9SlgYPcdc_-4Ynz52nmWH30S6xzMxzSEEGFRZDh3JzWhBx7Vyd6TpvrYg21hdMAJFF7JUUt6THjpjAJXhJM3HlLICOvBiKDB2Tc/s1600/wowslider03.png" height="320" width="208" /></a></div>
<br />
Una vez creado nuestro slider iremos a ActivInspire, menú <b>Insertar -> Vínculo -> HTML incrustado…</b> y pegamos el siguiente código.<br />
<br />
<code>
<iframe scrolling="no" name="slider" src="C:\Compartida\WOW Slider\index.html" marginwidth="1" marginheight="0" width="960" height="360" border="0" frameborder="0"></iframe><br />
</code>
<br />
<br />
Donde está <i>C:\Compartida\WOW Slider\index.html</i> tenéis que poner la dirección donde se guardó vuestro slider y que habíamos copiado con anterioridad.<br />
<br />
En cuanto a los valores width="960" y height="360" son los de mi slider pero como luego tendremos que cambiar el ancho y el alto de <b>HTML incrustado</b> en la página podéis dejar esos valores.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dxa1ugzIYSd2ZfdxXTYn3u_-dV2_ppN5ABC2NmjeSBIdZQoDQ-saUwktWcQc9DHZ4YCwtzhZ8lHt5K9cxXl' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div>
<br />
Podéis experimentar con efectos y demás posibilidades que ofrece el programa. Recordad que yo os muestro ideas, ya os encargáis vosotr@s de adaptarlas a vuestras necesidades.Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com4tag:blogger.com,1999:blog-3016394208326691323.post-54670759581197061522014-03-03T08:00:00.000+01:002014-03-03T16:10:49.891+01:00Fútbol – Aula<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCviqxCum-xRkPdftKToAai8ye6qt6tIl60cwlmyMosVsYwmHdloXyPr_H-gj9FjHF1YINQTUWyVG4f0Fos_b76mwdzCXtMlqwDEcuIORgseo4Vgb2aB1Z2GyaIMJv4CDDUP3jm9ZoC-E/s1600/f%C3%BAtbol-aula-01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCviqxCum-xRkPdftKToAai8ye6qt6tIl60cwlmyMosVsYwmHdloXyPr_H-gj9FjHF1YINQTUWyVG4f0Fos_b76mwdzCXtMlqwDEcuIORgseo4Vgb2aB1Z2GyaIMJv4CDDUP3jm9ZoC-E/s1600/f%C3%BAtbol-aula-01.png" /></a></div>
Donde vivo, llevamos unos meses saliendo de una ciclogénesis para entrar en otra, vientos de cientos de kilómetros, fuertes lluvias y granizo. Hace unos días recordé que mal lo pasaba los días de lluvias sin poder salir al recreo.<br />
<br />
Como todo en el aula no va a ser trabajo duro se me ha ocurrido un juego para divertirse y además demostrar algún que otro conocimiento adquirido, con lo que podremos jugar en el interior y en la pizarra.<br />
<br />
Para quienes quieran realizar modificaciones explicaré como lo he creado, es muy sencillo.<br />
<br />
En una página del rotafolios he puesto la cuadrícula y he dibujado un rectángulo que hice un poco translúcido. Así, quedan los bordes más gruesos que las líneas de la cuadrícula para delimitar el campo.<br />
<br />
A continuación, dibujé las líneas que indican las distintas partes del terreno de juego. Una vez hecho esto, recorté con la capturadora de pantalla y así tener una imagen.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicALB2hAiRxQ8Jk4I6_aVksbrVG4kXJuRd9z1SNbTOkyAGccsS-IHPQJl79KkxKb1Sasb__HmddQhBg2jnFcf_kstm7a39BtDvygBWbOuzXBRCedSvQo07oltiZeer-EtQjXcnyJHMFQc/s1600/f%25C3%25BAtbol-aula-02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicALB2hAiRxQ8Jk4I6_aVksbrVG4kXJuRd9z1SNbTOkyAGccsS-IHPQJl79KkxKb1Sasb__HmddQhBg2jnFcf_kstm7a39BtDvygBWbOuzXBRCedSvQo07oltiZeer-EtQjXcnyJHMFQc/s1600/f%25C3%25BAtbol-aula-02.png" /></a></div>
<br />
En otra página puse esa imagen y fui añadiendo las fichas (jugadores) una imagen de un dado para mostrar el que viene en ActivInspire y un marcador.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMFDAr6debRUOfR2m8fTw6RhxXeFoDCMeghisTr3LHOuzjOtadpvE4VVZklnz6Z6Art6OyUkLr4o4k-WsFL-0UeBzNlozBkPp7dqABzzjJG45imOjEMb4NmEz14GXIK5ZWJ0_ZYUk_j4Q/s1600/f%25C3%25BAtbol-aula-03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMFDAr6debRUOfR2m8fTw6RhxXeFoDCMeghisTr3LHOuzjOtadpvE4VVZklnz6Z6Art6OyUkLr4o4k-WsFL-0UeBzNlozBkPp7dqABzzjJG45imOjEMb4NmEz14GXIK5ZWJ0_ZYUk_j4Q/s1600/f%25C3%25BAtbol-aula-03.png" height="74" width="320" /></a></div>
<br />
Podéis descargar el rotafolio con el reglamento para poder iniciaros en el juego, tal vez, incluso puede haber en un futuro torneos entre clases o colegios. ¿Quién sabe? Tal vez un día llegue a tener gran popularidad.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheoxoeGs9vgb7oeHFSIw-yA26QFxJcPck-IiygA990OOstUjMRWgQ6D9KrvPwW5SMpavy7i_2W2q5RoyHo_IPC2unurSqNlmR75Yx2wr1pVPkU6C1u_ZK4wHfe8ue5znyD-w1l9NJ0Ohs/s1600/f%25C3%25BAtbol-aula-04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheoxoeGs9vgb7oeHFSIw-yA26QFxJcPck-IiygA990OOstUjMRWgQ6D9KrvPwW5SMpavy7i_2W2q5RoyHo_IPC2unurSqNlmR75Yx2wr1pVPkU6C1u_ZK4wHfe8ue5znyD-w1l9NJ0Ohs/s1600/f%25C3%25BAtbol-aula-04.png" height="208" width="320" /></a></div>
<br />
Podéis modificar las reglas, incluso añadir fichas, esta es sólo la idea que aunque válida siempre es mejorable.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://drive.google.com/uc?export=download&id=0B6hqahLh9JYKZzNEZkhJaTZXcnM" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3_spbaeWt6XExhPsij2Y7Hysx3OgZhW4tRExwRPu9h__VLhDd521RD4PLGOw8jr59jm4-RDfSJ7O0OxwlLXScOf-ruTOP7qqpLbGcj6B8RJBoPkTlDNvU4J2EnvfmDQ90BOpHqzmVZ9E/s1600/descargar.png" /></a></div>
Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com0tag:blogger.com,1999:blog-3016394208326691323.post-58184298449672877022014-02-17T08:00:00.000+01:002014-02-17T15:58:39.887+01:00ActivInspire 1.8 Nada nuevo bajo el sol<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNQ0UDV6XCpCQb2IB5U5sm3j-0rd43CCEnHM4HbDDrfIKlG3EMgZscLKNyzd21YAYFIQfSD1wCNAL2a1m8jhNWlNQ6f-zYYEfhnnDAco3V6LzFSNNdztpRW3WXh8-NjQVCXdP2X61Pt3A/s1600/activinspire-1.8.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNQ0UDV6XCpCQb2IB5U5sm3j-0rd43CCEnHM4HbDDrfIKlG3EMgZscLKNyzd21YAYFIQfSD1wCNAL2a1m8jhNWlNQ6f-zYYEfhnnDAco3V6LzFSNNdztpRW3WXh8-NjQVCXdP2X61Pt3A/s1600/activinspire-1.8.jpg" /></a></div>
El día 11 <b>Promethean </b>puso a nuestra disposición la última versión del software para pizarras digitales, <b>ActivInspire</b>.<br />
<br />
Esto es lo que nos trae esta versión:<br />
<br />
<span style="color: orange;"><b>Cambios de funcionalidad</b></span><br />
<br />
<span style="color: orange;">★</span> Soporte para múltiples usuarios que trabajando con el software en superficies de contacto, como la <b>ActivBoard Touch</b> y <b>ActivPanel Touch</b>. Dos / múltiples usuarios pueden escribir en la superficie al mismo tiempo (en el mismo color de tinta), y múltiples objetos en el rotafolio de <b>ActivInspire</b> se pueden manipular de forma simultánea mediante gestos (arrastre, estrías, girar).<br />
<br />
<span style="color: orange;">★</span> Soporte para <b>ActiView 324</b>.<br />
<br />
<span style="color: orange;">★</span> Administrador de preguntas, al crear una nueva pregunta, el texto "Escriba aquí para añadir una pregunta" se elimina de forma automática.<br />
<br />
<span style="color: orange;">★</span> Administrador de preguntas, la casilla de verificación "Asignar respuesta correcta" es controlada automática si el usuario selecciona una respuesta correcta o escribe texto en el cuadro de texto "Respuesta correcta".<br />
<br />
Estas son los cambios que nos aportan tras esperar nueves meses desde la anterior. Es decir, que para sacarle partido a la primera debes tener una pizarra <b>ActivBoard Touch</b> (en la mayoría de los colegios que he visitado, no las tienen) y lo que realmente cambian es que algo que dijeron en su día que era multiusuario, lo sea de verdad.<br />
<br />
El dar soporte a un nuevo modelo de <b>ActivView</b> que si no lo tienes, pues eso. <br />
<br />
Mejorar el <b>Administrador de preguntas</b> con algo que debió de ser así desde el principio.<br />
<br />
<span style="color: orange;"><b>Corrección de errores</b></span><br />
<br />
<span style="color: orange;">★</span> Anotaciones borradas no se eliminan por completo cuando se utiliza el touch.<br />
<br />
<span style="color: orange;">★</span> Inicio de la función <b>ActiView</b> que causaba un error en <b>ActivInspire</b> cuando una tarjeta de sintonizador de TV estaba instalada y activa en el PC.<br />
<br />
<span style="color: orange;">★</span> Permitir caracteres letones para ser utilizados para denominar los dispositivos <b>ActivExpresion</b>. Los caracteres se convierten en caracteres latinos.<br />
<br />
<span style="color: orange;">★</span> La configuración de la herramienta por defecto trabaja.<br />
<br />
<span style="color: orange;">★</span> Los caracteres no ASCII de <b>ActivEngage2</b> de respuesta, texto ahora se manejan correctamente.<br />
<span style="color: orange;">★</span> <b>ActivInspire</b> puede ahora manejar códigos HTML incrustado nuevo estilo de múltiples sitios web.<br />
<br />
<span style="color: orange;">★</span> El mensaje de prueba Feedback "respuesta incorrecta" ahora se muestra correctamente cuando se utiliza% ANSWER en versiones localizadas <b>ActivInspire</b>.<br />
<br />
<span style="color: orange;">★</span> Actualización <b>ActivInspire </b>se vuelve a habilitar cuando se conecta a un servidor <b>ActivEngage2 </b>licenciado con 30 usuarios o más.<br />
<br />
Ante esto no tengo nada que decir, siempre y cuando sean corrección de errores, bienvenidos sean.<br />
Pero ¿cuánto tendremos que esperar para la corrección de los errores comentados en este blog que afectan a la elaboración de las lecciones?<br />
<br />
¿Por qué seguimos sin tener una solución a la barra de <b>Modificadores de lápiz</b>? ¿Cuándo tendremos una herramienta para hacer <b>Tablas</b>? Hay personas que todavía no saben que se puede poner el texto en vertical, esperemos que lo pongan a la vista.<br />
<br />
Ahora una de esas cosas que yo llamo curiosidades. Cuando agrupamos dos objetos y luego los seleccionamos no parecen seleccionados en el <b>Explorador de objetos</b>. Pero esta curiosidad es posible que la solucionen ya que dos personas la han comentado en el foro en inglés.<br />
<br />
Si se ponen a ello, algo que hace tiempo se me ocurrió es que apareciesen los objetos agrupados en el <b>Explorador de objetos</b> como Group1, Group2,… ¡Uy! Perdón, Grupo1, Grupo2,…<br />
<br />
Otra de mis viejas reivindicaciones y que también apareció estos días en el foro en inglés y que dejo aquí.<br />
<br />
<i> ¿Hay alguna nueva habilidad de asignar la función "reemplazar el contenido de la página con un nuevo diseño", de modo que todas las preguntas se hagan del nuevo diseño, en lugar de tener que asignar una página a la vez?</i><br />
<br />
Bueno, supongo que tendremos que esperar varios meses hasta que aparezca una nueva actualización, una verdadera actualización.<br />
<br />Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com0tag:blogger.com,1999:blog-3016394208326691323.post-11424117049222642902014-01-20T08:00:00.000+01:002014-01-20T17:34:19.796+01:00Una solución provisional<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbiuzZdu53dZijN-F5sqA_eOvpvnMAbORvQoyeENz16BQ0S77tYc5nx6xnyr-kn-CrI7EIV-WCVjsDPxseevQUz5kUwZs26MDmyExObNntVaM9XUj61E-s9GkzOU93I5Sp61kSwEhupDs/s1600/Salto+de+modificadores+01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbiuzZdu53dZijN-F5sqA_eOvpvnMAbORvQoyeENz16BQ0S77tYc5nx6xnyr-kn-CrI7EIV-WCVjsDPxseevQUz5kUwZs26MDmyExObNntVaM9XUj61E-s9GkzOU93I5Sp61kSwEhupDs/s1600/Salto+de+modificadores+01.png" /></a></div>
Mientras esperamos una solución definitiva (si es que llega), he estado probando diferentes caminos para resolver el problema de la herramienta <b>Modificadore</b>s que ya hemos tratado aquí en más de una ocasión. <a href="http://activinspire.blogspot.com/2012/11/salto-de-modificadores.html">Salto de modificadores</a> o en <a href="http://activinspire.blogspot.com/2013/12/a-vueltas-con-anotacion-en-escritorio.html">A vueltas con Anotación en escritorio</a>.<br />
<br />
Para quienes no lo conozcan, simplemente comentar que cuando tenemos dibujada una línea y activamos los <b>Modificadores</b>, la línea dibujada se desplaza lateralmente. Esto se debe a la barra de los <b>Modificadores </b>que desplaza el rotafolios para tener sitio en la pantalla.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dyfuMDOiB2Q-69kNQcMycqS6ssSCbVb8AcsUIisCmTYxpLsBFmh_f1Yxbw9ueoobKBJ_gChVKaa4K11WzYIgg' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div>
<br />
El error se produce tanto en el rotafolios como cuando utilizamos <b>Anotación en escritorio</b>. Solamente encontré una solución para el primer caso, es decir, el rotafolios.<br />
<br />
<span style="color: orange;"><b>La solución</b></span><br />
<br />
El problema deja de producirse si elegimos un valor de tamaño de rotafolios que sea del <b>100%</b> o mayor.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsXl6NahzmyOM4EPY1Ui-29cCvTk2O2JpmjVqPo25FT2qzsDjTZhSu7OHlN3cjMwhQhdvgS6ms0aDBKdGEtCgmE2kIqZdNfrwiuxGpbn3J9pbe8NvEFbOM0x124phfEFDwJbAYWT5oxIM/s1600/zoom02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsXl6NahzmyOM4EPY1Ui-29cCvTk2O2JpmjVqPo25FT2qzsDjTZhSu7OHlN3cjMwhQhdvgS6ms0aDBKdGEtCgmE2kIqZdNfrwiuxGpbn3J9pbe8NvEFbOM0x124phfEFDwJbAYWT5oxIM/s1600/zoom02.png" /></a></div>
<br />
Si utilizamos un valor menor al <b>100%</b> o <b>Ajuste perfecto</b> se produce el error.<br />
<br />
En cuanto a <b>Anotación en escritorio</b>, al no poder variar el tamaño no encontré ninguna solución.<br />
<br />
<span style="color: orange;"><b>Misterio</b></span><br />
<br />
Desde que utilicé valores que me permitían utilizar los <b>Modificadores</b> sin que se moviesen las líneas de posición al volver a utilizar <b>Ajuste perfecto</b>, <b>el error ya no se reproduce</b>.Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com0tag:blogger.com,1999:blog-3016394208326691323.post-28852505423330760612014-01-13T08:00:00.000+01:002014-01-13T16:36:56.987+01:00El reloj<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyQjinENVcxiuJp8Xj6pnCNi2kMRqaNJZVf4uRdSR11s35TR8JMYhrKlhyphenhyphen_YWr_gjxN6NgEd25xE7EoAgCV-zS0luxP8P1sQt447Y35camJ9d70obeh6E0ELQOkmwyBrtNDk6U3i8Jm8M/s1600/reloj01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyQjinENVcxiuJp8Xj6pnCNi2kMRqaNJZVf4uRdSR11s35TR8JMYhrKlhyphenhyphen_YWr_gjxN6NgEd25xE7EoAgCV-zS0luxP8P1sQt447Y35camJ9d70obeh6E0ELQOkmwyBrtNDk6U3i8Jm8M/s1600/reloj01.png" /></a></div>
Durante las vacaciones de Navidad recibí un correo en la que me preguntaban ¿cómo utilizar el <b>Reloj</b> en el aula? Además de la forma obvia para mostrar la hora y la fecha actual.<br />
<br />La verdad, no es una herramienta que yo utilizaría en mis clases pero en algunos momentos puede ser interesante, por ejemplo, si queremos que nuestros estudiantes realicen una o más tareas en un tiempo determinado, mediante la herramienta <b>Reloj </b>podemos cronometrar ese tiempo y si es más de una tarea pasar a la siguiente.<br />
<br />Crear un rotafolios que realice este trabajo es muy sencillo, veamos los pasos para crearlo.<br />
<br />Lo primero que haré es insertar una imagen en el rotafolios (lo podríamos sustituir por una <b>Figura</b>) mi imagen es de los <b>Recursos </b>se llama <i>Cronómetro</i>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGhufiWKR6-GSrSpI1sLuHQf2zmP7y-Hd9w1nCc-XysW4JLhtQNAXq82ByARy_1MFKqslP8p1fQxDb4LGcYPD3yfA9wmCbnJNs1ZQD5RKgh7hwwnqpgMV4nYQEmH6z2DGjB_9IEKvMS54/s1600/reloj02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGhufiWKR6-GSrSpI1sLuHQf2zmP7y-Hd9w1nCc-XysW4JLhtQNAXq82ByARy_1MFKqslP8p1fQxDb4LGcYPD3yfA9wmCbnJNs1ZQD5RKgh7hwwnqpgMV4nYQEmH6z2DGjB_9IEKvMS54/s1600/reloj02.png" /></a></div>
<br />Seleccionamos la imagen y nos vamos al <b>Explorador de acciones</b>, buscamos en la lista el <b>Reloj </b>y lo seleccionamos.<br />
<br />En la parte inferior de la lista aparecen las <i>Propiedades de acción</i>, elegiremos las siguientes:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5XkgzkhkxlJIU5d3zxEsQGpjfF8dqmCeGZIDZfvOSw9NNyk3SssqrWH3eKOafMHYm4eXRkSqZ04sizO8Ib95iRuRpfgFUJ5lXaUtliA52N4nuvaMXI1GdEJBp1vKqmCttONgFayEPCTI/s1600/reloj03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5XkgzkhkxlJIU5d3zxEsQGpjfF8dqmCeGZIDZfvOSw9NNyk3SssqrWH3eKOafMHYm4eXRkSqZ04sizO8Ib95iRuRpfgFUJ5lXaUtliA52N4nuvaMXI1GdEJBp1vKqmCttONgFayEPCTI/s1600/reloj03.png" /></a></div>
<br />
Con estas propiedades comenzaremos una cuenta hacia atrás de 60 segundos. Hacemos clic en <b>Aplicar cambios</b>.<br />
<br />Añadimos a la página la tarea que queremos que realicen los estudiantes.<br />
<br />En una nueva página añadimos otra tarea (solo la tarea), a continuación, haremos lo mismo con todas las tareas que necesitemos.<br />
<br />Una vez añadidas todas las tareas volvemos a la primera página, y hacemos clic en la imagen así aparece un cuadro de diálogo correspondiente al <b>Reloj</b>. Seleccionamos las opciones que aparecen en la imagen. El sonido elegir el que queráis.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj68LlkNdKbowVyGT2qZwfbvahZbzZtc1DryqF17fCzRXYMhvUyb8vLMSB4jqXfVoZydcqQvz3Y4WriNHcld6BL20G6iEIV_MJyRR9ME2Y6a58XmALgaTI5rUbc-c_Od3ZZAYfv7tjzVvo/s1600/reloj04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj68LlkNdKbowVyGT2qZwfbvahZbzZtc1DryqF17fCzRXYMhvUyb8vLMSB4jqXfVoZydcqQvz3Y4WriNHcld6BL20G6iEIV_MJyRR9ME2Y6a58XmALgaTI5rUbc-c_Od3ZZAYfv7tjzVvo/s320/reloj04.png" width="320" /></a></div>
<br />Cuando transcurran los 60 segundos sonará un timbre y pasaremos automáticamente a la siguiente tarea.<br />
<br />Pulsamos <b>Aceptar</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQWfFCez1SFeplyPuMr_gfe3xofkZCK_E3m9P_gUtKq3p5gXCa-ecs5jvQq82BbDJV8g5-0fBXPA8MX-nGFVaivkzSqjVys4W-hlPzFv0af19fx8IS2ftompH7bAgwnLvm36wo9w2_1C0/s1600/reloj05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQWfFCez1SFeplyPuMr_gfe3xofkZCK_E3m9P_gUtKq3p5gXCa-ecs5jvQq82BbDJV8g5-0fBXPA8MX-nGFVaivkzSqjVys4W-hlPzFv0af19fx8IS2ftompH7bAgwnLvm36wo9w2_1C0/s1600/reloj05.png" /></a></div>
<br />
¡Listo! hemos terminado, ahora todo el trabajo lo hará el rotafoilos. Nosotros no tendremos que hacer nada más, podemos dejar a los estudiantes realizando las taraeas de la pizarra y nosotros podremos preparar otro trabajo.Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com3tag:blogger.com,1999:blog-3016394208326691323.post-24637555274768091242013-12-19T17:20:00.000+01:002013-12-19T17:22:02.955+01:00Felicitación de Navidad<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuCKJRynOjmYeVcjRj8vwCi_RZGalozoO2x7wAWWmAgHe5xeVkbRpbHHE3fe2Cw-tS6IRNjcFStylIoJ9bVD7KhMV7h5lx2VLJAGocKThbvWOKRKh19oH8bUXuue1keRGmGonn64m9gDc/s1600/Navidad+2013.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuCKJRynOjmYeVcjRj8vwCi_RZGalozoO2x7wAWWmAgHe5xeVkbRpbHHE3fe2Cw-tS6IRNjcFStylIoJ9bVD7KhMV7h5lx2VLJAGocKThbvWOKRKh19oH8bUXuue1keRGmGonn64m9gDc/s1600/Navidad+2013.png" /></a></div>
Quiero felicitar a todas aquellas personas que celebran la Navidad deseándoles que tengan unas felices fiestas y que el próximo año sea mucho mejor que el que vamos a dejar. Para quienes no celebran la Navidad, simplemente les deseo que el nuevo año sea mucho mejor que el 2013.<br />
<br />
En el mes de Mayo se cumplieron tres años del nacimiento de este lugar de encuentro para quienes quieren aprender o buscan inspiración para realizar sus rotafolios con ActivInspire. Desde entonces, no he publicado tan asiduamente como lo hacía hasta ese momento. Para este año nuevo 2014 intentaré publicar más a menudo aunque me resulta complicado encontrar algo nuevo de lo que escribir después de tanto tiempo haciéndolo semanalmente.<br />
<br />
Os dejo un sencillo rotafolios con mi felicitación de Navidad. Es bastante simple ya que la que había comenzado creo que era demasiado compleja para ActivInspire y empezaron a ocurrir cosas curiosas por lo que no lo quise estresarlo e hice esta más sencilla.<br />
<br />
Recordad que tenéis muchos elemento decorativos de Navidad en el blog. Buscarlos y divertiros creándolos. <br />
<br />
Feliz Navidad y Feliz 2014.<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://drive.google.com/uc?export=download&id=0B6hqahLh9JYKUGFvelRhS1Y0SFE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkBcbcSceajTIPDzVIar3ocFCdOSb9KcVFwj6E_XpxpNlR0ztA7NGKhvkoGPOJwhJOyvTj8dSVgackvDvAIxVga-S-wrVqDciaP3zZL1VFh9tu7UsuxxPmIrcUwS8CWOe9ETmRJwyqOC4/s200/descargar.png" width="150" /></a></div>
Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com0tag:blogger.com,1999:blog-3016394208326691323.post-57693722917757553542013-12-16T08:00:00.000+01:002013-12-16T16:51:51.460+01:00A vueltas con Anotación en escritorio<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
</o:OfficeDocumentSettings>
</xml><![endif]--><br />
<!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:TrackMoves/>
<w:TrackFormatting/>
<w:HyphenationZone>21</w:HyphenationZone>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:DoNotPromoteQF/>
<w:LidThemeOther>ES</w:LidThemeOther>
<w:LidThemeAsian>X-NONE</w:LidThemeAsian>
<w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:DontGrowAutofit/>
<w:SplitPgBreakAndParaMark/>
<w:EnableOpenTypeKerning/>
<w:DontFlipMirrorIndents/>
<w:OverrideTableStyleHps/>
</w:Compatibility>
<m:mathPr>
<m:mathFont m:val="Cambria Math"/>
<m:brkBin m:val="before"/>
<m:brkBinSub m:val="--"/>
<m:smallFrac m:val="off"/>
<m:dispDef/>
<m:lMargin m:val="0"/>
<m:rMargin m:val="0"/>
<m:defJc m:val="centerGroup"/>
<m:wrapIndent m:val="1440"/>
<m:intLim m:val="subSup"/>
<m:naryLim m:val="undOvr"/>
</m:mathPr></w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
DefSemiHidden="true" DefQFormat="false" DefPriority="99"
LatentStyleCount="267">
<w:LsdException Locked="false" Priority="0" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Normal"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="heading 1"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/>
<w:LsdException Locked="false" Priority="39" Name="toc 1"/>
<w:LsdException Locked="false" Priority="39" Name="toc 2"/>
<w:LsdException Locked="false" Priority="39" Name="toc 3"/>
<w:LsdException Locked="false" Priority="39" Name="toc 4"/>
<w:LsdException Locked="false" Priority="39" Name="toc 5"/>
<w:LsdException Locked="false" Priority="39" Name="toc 6"/>
<w:LsdException Locked="false" Priority="39" Name="toc 7"/>
<w:LsdException Locked="false" Priority="39" Name="toc 8"/>
<w:LsdException Locked="false" Priority="39" Name="toc 9"/>
<w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/>
<w:LsdException Locked="false" Priority="10" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Title"/>
<w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/>
<w:LsdException Locked="false" Priority="11" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/>
<w:LsdException Locked="false" Priority="22" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Strong"/>
<w:LsdException Locked="false" Priority="20" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/>
<w:LsdException Locked="false" Priority="59" SemiHidden="false"
UnhideWhenUsed="false" Name="Table Grid"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 1"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 1"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 1"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/>
<w:LsdException Locked="false" Priority="34" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/>
<w:LsdException Locked="false" Priority="29" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Quote"/>
<w:LsdException Locked="false" Priority="30" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 1"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 1"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 2"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 2"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 2"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 2"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 2"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 3"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 3"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 3"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 3"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 3"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 4"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 4"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 4"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 4"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 4"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 5"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 5"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 5"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 5"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 5"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 6"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 6"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 6"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 6"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 6"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/>
<w:LsdException Locked="false" Priority="19" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/>
<w:LsdException Locked="false" Priority="21" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/>
<w:LsdException Locked="false" Priority="31" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/>
<w:LsdException Locked="false" Priority="32" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/>
<w:LsdException Locked="false" Priority="33" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Book Title"/>
<w:LsdException Locked="false" Priority="37" Name="Bibliography"/>
<w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/>
</w:LatentStyles>
</xml><![endif]--><!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Tabla normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin-top:0cm;
mso-para-margin-right:0cm;
mso-para-margin-bottom:10.0pt;
mso-para-margin-left:0cm;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-fareast-language:EN-US;}
</style>
<![endif]-->
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMhyphenhyphen2IH2W5A0EvhZCHRa4d_BFkM-0ChKmF5QImJkNuiMFreRtRCV3xtnZ93QBvzIEBtdIdKE4o5yqP-BupjeiR18nSKk5qLeDXHFfaEkLwDUdMlc3R4G6uKxKPuLPcQN7Wv6QbT8m3isU/s1600/Diagrama+de+flujo+01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMhyphenhyphen2IH2W5A0EvhZCHRa4d_BFkM-0ChKmF5QImJkNuiMFreRtRCV3xtnZ93QBvzIEBtdIdKE4o5yqP-BupjeiR18nSKk5qLeDXHFfaEkLwDUdMlc3R4G6uKxKPuLPcQN7Wv6QbT8m3isU/s1600/Diagrama+de+flujo+01.png" /></a></div>
El pasado viernes recibí un correo de un profesor de dibujo técnico sobre dos errores que encontró en ActivInspire. Así que este fin de semana, como hago siempre que recibo un correo de este tipo, intenté reproducir ambos errores.<br />
<br />
Pero antes de comenzar a trabajar la duda que me surgió es ¿sirve para algo Anotación en escritorio? Mi respuesta es no.<br />
<br />
El primer punto que me explicaba este profesor es el siguiente:<br />
<br />
<i>1. Existe forma de que los <b>Modificadores de lápiz</b> sean flotantes. Al no serlo, estos se sitúan en la parte superior derecha o abajo y producen un desplazamiento del rotafolios.<br /><br />Cuando trabajas sobre un PDF o sobre un problema sacado de internet esto resulta muy incómodo, ya no solo para el profesor sino que llega a despistar al alumno.</i><br />
<br />
Sobre este error ya he comentado varias veces que no es posible poner los <b>Modificadores de lápiz</b> de forma flotante y que algún día <b>Promethean</b> tendrá a bien resolver. Por lo que me ha surgido otra duda ¿cuál es la fecha de la última actualización? Rápidamente me fui a la carpeta de la instalación de ActivInspire para averiguarlo, 5/12/12. Pues nada, a seguir esperando un año más.<br />
<br />
Antes de pasar al siguiente error me puse a “jugar” con <b>Anotación en escritorio</b> ya que había recordado que desde la aparición de ActivInspire se lleva reclamando que <b>Anotación en escritorio </b>capture automáticamente la pantalla para guardar el rotafolio junto con las anotaciones. Seguimos esperando.<br />
<br />
Pero descubrí una curiosidad, error o lo que sea. Cree un rotafolios de escritorio, lo guardé y lo cerré, a continuación lo abrí, desaparece el rotafolios del programa y se muestra mi escritorio con la anotación guardada, como debe ser, pero el botón de la herramienta <b>Anotación en escritorio</b>, no se activa. Si quiero volver a otro rotafolio no puedo utilizar el botón <b>Anotación en escritorio</b> como se haría si se activase, tengo que ir al menú <b>Archivo -> Cerrar rotafolios</b>, con lo que si tengo que volver a utilizarlo nuevamente, tengo que ir al menú <b>Archivo -> Rotafolios recientes</b>. En vez de solo hacer clic en un botón si no lo guardo.<br />
<br />
El segundo error que me comentaba y no es con <b>Anotación en escritorio</b>, dice así:<br />
<br />
<i>2. Muchas veces durante una clase es necesario hacer aclaraciones con dibujos y escritura a mano alzada. Resulta que al escribir un signo más o un igual, lo mismo que escribiendo letras prima y otros y utilizar el extensor de página o la función deshacer-rehacer estos símbolos desaparecen. Por ejemplo: “=B después de utilizar los comandos anteriores se puede transformar en un -3, desaparece el trazo vertical de la B y el horizontal del igual”.</i><br />
<br />
Este segundo caso no he conseguido reproducirlo, por lo que si alguien también ha tenido este error podría dejar un comentario.<br />
<br />
Finalmente decir que esta herramienta parece inacabada, solo es útil si utilizamos el <b>Lápiz</b> para anotar y no queremos guardar el trabajo. Mi consejo es que si tenéis algún documento sobre el que hacer alguna anotación, primero hagáis una captura de pantalla, luego, lo ponéis sobre una página del rotafolios y hacéis ahí las anotaciones sin usar <b>Anotación en escritorio</b>.<br />
<br />
<br />
<br />Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com0tag:blogger.com,1999:blog-3016394208326691323.post-53190951584794261592013-11-11T08:00:00.000+01:002013-11-11T16:40:07.723+01:00Mapa mental y mapa conceptual<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF2IOrPrLT67UNF3_KsMqFh2gA8DMVxQwjsgvpwh5sJala2HgAtWXqGyeervrz32Wawle391TPNmym0KCA0cKresL2Fn0sA0Sb2-WJkfSU6QB5I2z5AQFlYTs-RfEpMZNM7SzUcwuTXpI/s1600/mapa-mental+01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF2IOrPrLT67UNF3_KsMqFh2gA8DMVxQwjsgvpwh5sJala2HgAtWXqGyeervrz32Wawle391TPNmym0KCA0cKresL2Fn0sA0Sb2-WJkfSU6QB5I2z5AQFlYTs-RfEpMZNM7SzUcwuTXpI/s1600/mapa-mental+01.png" /></a><br />
Un mapa mental es un diagrama donde se representan gráficamente ideas, palabras o conceptos originados de una idea central. Los mapas conceptuales son herramientas gráficas para organizar y representar el conocimiento<br />
<br />
Partiendo de estas dos definiciones, podemos utilizar las herramientas de ActivInspire para crear tanto mapas mentales como mapas conceptuales.<br />
<br />
Explicaré simplemente una idea básica para crear un sencillo mapa mental, quedará en vuestras manos el añadir más o menos elementos.<br />
<br />
Comenzaremos dibujando con la herramienta <b>Figura</b> un rectángulo redondeado para la idea central. A este rectángulo le podemos dar los siguientes valores en el <b>Explorador de propiedades</b>:<br />
<ul>
<li><b>Contorno:</b> Estilo= Sólido; Color RGB= 55, 96, 146; Ancho 4.</li>
<li><b>Relleno:</b> Estilo= Sólido; Color RGB= 255, 255, 255.</li>
</ul>
A continuación, dibujamos otros para las diferentes ideas, han de ser un poco más pequeños que el anterior y en el <b>Explorador de propiedades</b> les damos los siguientes valores.<br />
<ul>
<li><b>Contorno:</b> Estilo= Sólido; Ancho 4.</li>
<li><b>Relleno:</b> Estilo= Sólido; Color RGB= 255, 255, 255.</li>
</ul>
Tendremos algo así:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK5i6dhize5eUWYdH5H4egXLIIyHwl1n32QfGyyiBIL-d5F5VyCT5dvCjTkclpSdBStnuQswoimuhDfB3370zl5E-2SmGuNJdh9tl08xYLU35GQFbltAgUIp7c_gRG2i4GnC0ovna4Vng/s1600/mapa-mental+02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK5i6dhize5eUWYdH5H4egXLIIyHwl1n32QfGyyiBIL-d5F5VyCT5dvCjTkclpSdBStnuQswoimuhDfB3370zl5E-2SmGuNJdh9tl08xYLU35GQFbltAgUIp7c_gRG2i4GnC0ovna4Vng/s1600/mapa-mental+02.png" /></a></div>
<br />
A cada uno de los rectángulos le podemos dar un color diferente. Ahora, vamos a utilizar la herramienta <b>Conector</b> para unir nuestro rectángulo principal con el primero de los otros rectángulos. Recordar que cuando utilizamos esta herramienta, se activan unos puntos sobre los objetos al colocar el puntero del ratón sobre el objeto y lo que tenemos que hacer es unir los puntos de dos objetos. Elegir dentro de las diferentes líneas o curvas que aparecen en la barra de herramientas del <b>Conector</b>, la que mejor se adapte a vuestras necesidades.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLyx0CzLs2YPZFOhs3mRR83ggbM8QEE_vQDAguMRff3w78xuZeamzP4Gbj9WUKh-dW-GDzOHArehFgOkTB2QiPS_IGhdLo-70zkDL9EQ8mTMDEnMJRbkZ5_9WauiHWNoJkxEM4vkBrgqk/s1600/mapa-mental+03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLyx0CzLs2YPZFOhs3mRR83ggbM8QEE_vQDAguMRff3w78xuZeamzP4Gbj9WUKh-dW-GDzOHArehFgOkTB2QiPS_IGhdLo-70zkDL9EQ8mTMDEnMJRbkZ5_9WauiHWNoJkxEM4vkBrgqk/s1600/mapa-mental+03.png" /></a></div>
<br />
Una vez unidos los dos objetos se puede cambiar en el <b>Explorador de propiedades</b> el color y el ancho de las líneas que se utilizaron para unir los rectángulos.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZaFfBW9plUXt2uJtBYDL_n3RN7JwNaNVzQemNaIRdGKoQG2RIsx8vUUsWVMoo69SFTkKxYEv4pEJJGa05AIMV-3Bh2RttcyLYXrJmyHUxOdK7N5VFX0lhxNCexq6As_F7ZVHSnCeQGHc/s1600/mapa-mental+04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZaFfBW9plUXt2uJtBYDL_n3RN7JwNaNVzQemNaIRdGKoQG2RIsx8vUUsWVMoo69SFTkKxYEv4pEJJGa05AIMV-3Bh2RttcyLYXrJmyHUxOdK7N5VFX0lhxNCexq6As_F7ZVHSnCeQGHc/s1600/mapa-mental+04.png" /></a></div>
<br />
Uniremos todos nuestros rectángulos con el rectángulo principal de la misma manera.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiq33A4ROocwUQS_EShrqE0T9hg0FEYviKX-zp-4pgSAOFw5jP4wNx_vv0aUdahol4E79zRYC8z2XxC3feLWVOXVZVkeMi-xe_i6oDZ__2zeoSGVXzxUfhkEUlSe_FKKzlgf6gl9wJ0Gg/s1600/mapa-mental+05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiq33A4ROocwUQS_EShrqE0T9hg0FEYviKX-zp-4pgSAOFw5jP4wNx_vv0aUdahol4E79zRYC8z2XxC3feLWVOXVZVkeMi-xe_i6oDZ__2zeoSGVXzxUfhkEUlSe_FKKzlgf6gl9wJ0Gg/s1600/mapa-mental+05.png" /></a></div>
<br />
Así sucesivamente, podemos ir creando rectángulos y unirlos con el <b>Conector</b>, para luego escribir en ellos las diferentes palabras que queremos mostrar. Otra opción, sería unir estos rectángulos directamente con textos como aparece en la siguiente imagen.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUfe4-xMImhi67ExRVrfo9qCwN0rhM9xiksFVsowPC9Y3aW2c3EItkAYMmuIu3pspt_VgEVFuylehbuE_cM7FMq_uMRqFjneG2RwaUgmFBRdNYc1Pn391hbleq6IorPRaV2nFVUUJDrTM/s1600/mapa-mental+06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUfe4-xMImhi67ExRVrfo9qCwN0rhM9xiksFVsowPC9Y3aW2c3EItkAYMmuIu3pspt_VgEVFuylehbuE_cM7FMq_uMRqFjneG2RwaUgmFBRdNYc1Pn391hbleq6IorPRaV2nFVUUJDrTM/s320/mapa-mental+06.png" width="320" /></a></div>
<br />
La <b>“dificultad”</b> que tiene esta forma es que la herramienta <b>Conector</b> no funciona con los cuadros de texto (otra cosa a <a href="http://activinspire.blogspot.com/2013/10/esperando-mejoras.html">mejorar</a> en ActivInspire) pero seguro que las personas que conocen ActivInspire ya han resuelto el problema. Para los que no tienen mucha experiencia, voy a explicar dos formas para solucionar esto.<br />
<br />
Con la herramienta <b>Texto</b>, escribimos nuestra palabra en cualquier lugar de la página. Luego dibujamos con la herramienta <b>Figura un rectángulo</b>. En el <b>Explorador de propiedades</b> realizamos los siguientes cambios.<br />
<ul>
<li><b>Contorno:</b> Estilo= Ninguno.</li>
<li><b>Contenedor:</b> Puede contener= Cualquier cosa.</li>
</ul>
Unimos los rectángulos con la herramienta <b>Conector</b> como hicimos antes y arrastramos el texto al interior del rectángulo, al que hemos cambiado su propiedad <i>Contenedor</i>. Luego, le damos el mismo color que el fondo de página y ya tenemos nuestro texto conectado.<br />
<br />
Otra forma de hacer esto, sería no utilizar la opción <b>Contenedor</b> y simplemente utilizar <b>Agrupación</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh23J_qSwe74JkeJsLtHdZ7GbAvuN1bCHNuVOcf3zOnfLV6MhghP_REBKBs3Rq7qGJnQ346NBRL0Y47gQTOtRVG71ATh_A8c2cpHPUbCXdCNPXPrtz_6H3Knstb3MfZNTkUrRaxOlbW11c/s1600/mapa-mental+07.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh23J_qSwe74JkeJsLtHdZ7GbAvuN1bCHNuVOcf3zOnfLV6MhghP_REBKBs3Rq7qGJnQ346NBRL0Y47gQTOtRVG71ATh_A8c2cpHPUbCXdCNPXPrtz_6H3Knstb3MfZNTkUrRaxOlbW11c/s320/mapa-mental+07.png" width="320" /></a></div>
<br />
Si se van a mover los rectángulos de lugar esta manera es más cómoda, además de rápida de crear y si lo que se desea es tener mayor libertad a mover los cuadros de texto a diferentes rectángulos la primera es mejor, así se evita estar desagrupando y agrupando cada vez.Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com2tag:blogger.com,1999:blog-3016394208326691323.post-34015174679935179342013-10-21T08:00:00.000+02:002013-10-21T16:07:35.063+02:00Diagrama de Gantt<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-nrMrFLQaByiG_Eoza4GjmgZFCsFaHu6jBzJrK0fhMUSo8SpxQNeuxr6P7rrSAv6nZoaasV7wsVxglZxPNFC8IM59ono8UucTSrT4KzPdOhY3KGEuUlejr0vk06mv2CoO468sRXl8zHo/s1600/gantt+01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-nrMrFLQaByiG_Eoza4GjmgZFCsFaHu6jBzJrK0fhMUSo8SpxQNeuxr6P7rrSAv6nZoaasV7wsVxglZxPNFC8IM59ono8UucTSrT4KzPdOhY3KGEuUlejr0vk06mv2CoO468sRXl8zHo/s1600/gantt+01.png" /></a></div>
Cuando queremos mostrar el tiempo que hemos previsto para realizar diferentes tareas a lo largo del tiempo y ver cuánto tiempo se les ha dedicado, podemos utilizar este tipo de gráficos.<br />
<br />
Se me ha ocurrido crear de una forma sencilla un diagrama de Gantt para utilizar en el aula para los diferentes proyectos o tareas que los alumnos deben realizar y que les sirva para ver de una manera muy visual como están utilizando el tiempo para sus proyectos.<br />
<br />
Comenzaremos creando un fondo, mediante la herramienta <b>Figura</b> dibujaremos rectángulos de dos tonalidades para que contrasten. También podéis descargar la imagen y utilizarla como fondo (es la que utilicé para mi rotafolios).<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx7Lsl_pFg15TXrUw3owMOdP_JyCApGy44NdfdaJgHWcXWIkbAjm0g4RjsZukjDqffj2z1Z197cJYCS_P56t0LdxbswBZLVYvn7sZtbcMeeaj5dCq8BDBi5cyZzgJIaBPBEJiOwb0xjn4/s1600/Fondo+Gantt.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx7Lsl_pFg15TXrUw3owMOdP_JyCApGy44NdfdaJgHWcXWIkbAjm0g4RjsZukjDqffj2z1Z197cJYCS_P56t0LdxbswBZLVYvn7sZtbcMeeaj5dCq8BDBi5cyZzgJIaBPBEJiOwb0xjn4/s400/Fondo+Gantt.png" width="400" /></a></div>
<br />
Con la misma herramienta dibujaremos un <b>rectángulo redondeado</b> que pondremos en la parte superior del fondo y que mediante <b>Enviar atrás</b> lo colocaremos ocultando su parte inferior.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKtsCLIy1QKCLOR30kcntj_x6pw5J50UANOj2xYVo3tZ-H1DI9uNFbB2ms6taQ-VbiyBN5KJSEXS_tjKZJVOhSSpHimlpFmL3H2cgaqtQWAj0eiSN5MnBFGlsOgk5AeYy8xu5aDFX2R2o/s1600/gantt+02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKtsCLIy1QKCLOR30kcntj_x6pw5J50UANOj2xYVo3tZ-H1DI9uNFbB2ms6taQ-VbiyBN5KJSEXS_tjKZJVOhSSpHimlpFmL3H2cgaqtQWAj0eiSN5MnBFGlsOgk5AeYy8xu5aDFX2R2o/s1600/gantt+02.png" /></a></div>
<br />
En el <b>Explorador de propiedades</b> le haremos los siguientes cambios:<br />
<ul>
<li><b>Contorno:</b> Estilo= Ninguno.</li>
<li><b>Relleno:</b> Estilo= Gradación; Gradación= Vertical; Color RGB= 48, 96, 153; Color2 RGB= 24, 52, 87.</li>
</ul>
Seguimos con la herramienta <b>Figura</b> y dibujaremos un rectángulo que colocaremos en el lado izquierda del fondo. Además, mediante <b>Editar puntos de figura</b> le crearemos un vértice en su lado derecho.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIq1Eb22hkbJz1bD6h8CteFxQIJSIVEQl-Rk7-56PWUg23rD7Ogvli2XoguTJ-4S42SdMFFvrTHQWTwUBoGxrNcEST7OqEx90i5lykkUQAwCpZrGs0tx8i29hxzFySzKiXgrN7myRZwCU/s1600/gantt+03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIq1Eb22hkbJz1bD6h8CteFxQIJSIVEQl-Rk7-56PWUg23rD7Ogvli2XoguTJ-4S42SdMFFvrTHQWTwUBoGxrNcEST7OqEx90i5lykkUQAwCpZrGs0tx8i29hxzFySzKiXgrN7myRZwCU/s1600/gantt+03.png" /></a></div>
<br />
En el <b>Explorador de propiedades</b> le haremos los siguientes cambios:<br />
<ul>
<li><b>Contorno:</b> Color=128,128,128; Ancho= 2.</li>
<li><b>Relleno:</b> Estilo= Gradación; Gradación= Vertical; Color RGB= 255, 255, 255; Color2 RGB= 192, 192, 192.</li>
</ul>
Mediante la herramienta <b>Texto</b> le colocamos el nombre del proyecto o podemos poner un nombre genérico para editarlo más adelante cuando lo necesitemos. <b>Agrupamos</b> el texto y el rectángulo y <b>Duplicamos</b> hasta llenar el alto del fondo.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizrWqGHQCZlpFlYQWLt_jy7VjQ30Knog-F0vIBe_9ztlEUXgCa_OZY9AUHx2zFg2COqZ_XfgRf9TIMNNMx3aGJaMr1h-1y6OgTYPaJd05z2hk5nQTegI8KttIyoLD8NqobBfnhoAzc1Zk/s1600/gantt+04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizrWqGHQCZlpFlYQWLt_jy7VjQ30Knog-F0vIBe_9ztlEUXgCa_OZY9AUHx2zFg2COqZ_XfgRf9TIMNNMx3aGJaMr1h-1y6OgTYPaJd05z2hk5nQTegI8KttIyoLD8NqobBfnhoAzc1Zk/s200/gantt+04.png" width="200" /></a></div>
<br />
Ahora, vamos a numerar cada una de las barras verticales mediante la herramienta <b>Texto</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJX2UOlonxdPy7-5chNysofAIDE48afxcICoid0mS1f751S-roL8pv0dTVnDkeRXc3fKvUsKluxA9wNak0-Emp4YnSITM5CiPh5zeVFgXP7CSfakv1P9dXT1sgh56iL5WOoa8HhDKEo6s/s1600/gantt+05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJX2UOlonxdPy7-5chNysofAIDE48afxcICoid0mS1f751S-roL8pv0dTVnDkeRXc3fKvUsKluxA9wNak0-Emp4YnSITM5CiPh5zeVFgXP7CSfakv1P9dXT1sgh56iL5WOoa8HhDKEo6s/s200/gantt+05.png" width="200" /></a></div>
<br />
Además, pondremos otro cuadro de texto en el lado izquierdo para indicar si son días, semanas o meses el tiempo que medimos.<br />
<br />
Solo falta utilizar algún objeto para marcar la duración del proyecto y otro para mostrar cuanto se ha realizado.<br />
<br />
Para el primero utilizaré una línea recta que dibujamos mediante la herramienta <b>Figura</b> y que en <b>Explorador de propiedades</b> le hacemos los siguientes cambios.<br />
<ul>
<li><b>Contorno:</b> Estilo= Discontinua; Color=64, 64, 64; Ancho= 4.</li>
</ul>
Para mostrar la tarea realizada, dibujaremos un rectángulo redondeado y en el <b>Explorador de propiedades</b> le damos los siguientes valores.<br />
<ul>
<li><b>Contorno:</b> Estilo= Ninguno.</li>
<li><b>Relleno:</b> Estilo= Gradación; Gradación= Vertical; Color RGB= 255, 0, 0; Color2 RGB= 128, 0, 0.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpob889UqN-_ADSEdkzfwytc5rVJuiwnIZQr0zURljtdWacgp8cF3f7ZvJ6_MNadkn_RM_7itsVya66oxj8tHxLcEfrpAWNpLmhj0xJ2tC83KYZ_R55Be9_15WkP_n_deQIGYMV56UH5g/s1600/gantt+06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="73" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpob889UqN-_ADSEdkzfwytc5rVJuiwnIZQr0zURljtdWacgp8cF3f7ZvJ6_MNadkn_RM_7itsVya66oxj8tHxLcEfrpAWNpLmhj0xJ2tC83KYZ_R55Be9_15WkP_n_deQIGYMV56UH5g/s320/gantt+06.png" width="320" /></a></div>
<br />
Ya tenemos preparado la forma más básica de nuestro diagrama, ahora simplemente con poner un cuadro de texto con el porcentaje ya lo tenemos finalizado. A la hora de utilizarlo, simplemente, vamos variando el ancho del rectángulo y editamos el cuadro de texto para poner el nuevo porcentaje.<br />
<br />
Como he dicho, esta sería la forma básica, se le pueden añadir otros elementos, pero eso ya es cosa vuestra o mejorar este, por ejemplo, haciendo que cambie el ancho del rectángulo mediante una <b>Acción</b>.<br />
<br />
<br />Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com0tag:blogger.com,1999:blog-3016394208326691323.post-52239855353136067752013-10-14T08:00:00.000+02:002013-10-14T15:51:39.932+02:00Incrustar no quiere incrustar<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikToneS5rl4d3lu4p125ninGvJt68IhVvnQ5Qa7ri_QyXINZOBeKE2qDM4L8azQ4EPw6LGnwjBGpeN_tm-r0n932Ee_FiKxQawHY26X1KeLty5o904BYOm6Zxc_5CLsgy-MWDyePDuEOU/s1600/Incrustar+no+01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikToneS5rl4d3lu4p125ninGvJt68IhVvnQ5Qa7ri_QyXINZOBeKE2qDM4L8azQ4EPw6LGnwjBGpeN_tm-r0n932Ee_FiKxQawHY26X1KeLty5o904BYOm6Zxc_5CLsgy-MWDyePDuEOU/s1600/Incrustar+no+01.png" /></a></div>
Hace un par de semanas como estuve desconectado durante unos meses de la pizarra, me pasé por los foros para saber qué había ocurrido durante ese tiempo. Leí en varios lugares que la gente tenía dudas y preguntaba sobre cómo incrustar vídeos o páginas Web en un rotafolios. Tenía pensado escribir más adelante un artículo para aclarar algunas cosas pero ayer por la tarde recibí un correo electrónico con las mismas dudas y problemas que había leído, así que pospongo el artículo que tenía previsto para hoy y vamos a ver la herramienta <b>HTML incrustado…</b><br />
<br />
<br />
<b>Incrustar una página Web.</b><br />
<br />
Ya mostré en el artículo titulado <a href="http://activinspire.blogspot.com/2011/11/incrustar.html">Incrustar</a> que código debemos utilizar para mostrar un página.<br />
<br />
<code>
<iframe width="420" height="315" src="<span style="color: blue;">http://www.direccionURL.com</span>" frameborder="0" allowfullscreen></iframe><br />
</code><br />
En el que los valores numéricos corresponden al ancho y alto del marco donde vamos a mostrar la página y lo que está en azul<tt>,</tt> la dirección de la página que queremos mostrar.<br />
<br />
Copiando este código en <b>HTML incrustado…</b> y sustituyendo la dirección por la que nosotros queramos, la mayoría de las páginas serán mostradas en el rotafolios.<br />
<br />
Pero también hay un número de páginas que no se muestran, ante esto la solución que encontré es copiar el código fuente de la página y pegarlos en <b>HTML incrustado...</b> Es una solución que no me gusta pero ha solucionado el problema en páginas que no se mostraban. Explico cómo hacerlo en los navegadores <b>Internet Explorer</b> y <b>Mozilla Firefox</b>.<br />
<br />
En <b>IE</b> sobre la página, pulsamos el <b>botón secundario</b> del ratón y elegimos en el menú la opción <b>Ver código fuente</b>, en la ventana que se abre, <b>seleccionar</b> <b>todo</b> su contenido, <b>copiarlo</b> y <b>pegarlo</b> en <b>HTML incrustado...</b><br />
<br />
En <b>Firefox</b> sobre la página, pulsamos el <b>botón secundario</b> del ratón y elegimos en el menú la opción <b>Ver código fuente de la página</b>, en la ventana que se abre, <b>seleccionar</b> <b>todo</b> su contenido, <b>copiarlo</b> y <b>pegarlo</b> en <b>HTML incrustado...</b><br />
<br />
<b>Incrustar vídeo YouTube.</b><br />
<br />
Si alguien se pasa por el artículo <a href="http://activinspire.blogspot.com/2011/11/incrustar.html">Incrustar</a> y hace lo que allí está escrito para añadir un vídeo en el rotafolios, se llevará la sorpresa de que no funciona. Las personas que trabajan en Google suelen tener tiempo para enredar con el código y han decidido cambiar el código para incrustar un vídeo.<br />
<br />
<code>
<iframe width="560" height="315" src="//www.youtube.com/embed/0iOI3qafp9Q" frameborder="0" allowfullscreen></iframe><br />
</code><br />
<br />
Este es el nuevo código, si nos fijamos con el que os mostraba en el artículo, la única diferencia es que falta <b>http:</b> en la dirección del vídeo. Así que después de pegar el código en <b>HTML incrustado… </b>debemos añadir <i>http:</i> en la dirección. Quedaría así:<br />
<br />
<code>
<iframe width="560" height="315" src="http://www.youtube.com/embed/0iOI3qafp9Q" frameborder="0" allowfullscreen></iframe><br />
</code><br />
<br />
<b>Google Maps.</b><br />
<br />
Aquí viene el gran problema, ninguno de los códigos que nos ofrece Google Maps funciona en ActivInspire, incluso si copiamos el código fuente de la página, lo único que conseguiremos después de un par de minutos de espera, es ver la página sin poder hacer nada en ella. Después de muchas pruebas y finalmente tras una investigación, he dado con la solución. Debemos copiar el siguiente código en <b>HTML incrustado…</b><br />
<br />
<code>
<!DOCTYPE html><br />
<html><br />
<head><br />
<title>Simple Map</title><br />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"><br />
<meta charset="utf-8"><br />
<style><br />
html, body, #map-canvas {<br />
height: 100%;<br />
margin: 0px;<br />
padding: 0px<br />
}<br />
<br />
</style><br />
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script><br />
<script><br />
var map;<br />
function initialize() {<br />
var mapOptions = {<br />
zoom: 8,<br />
center: new google.maps.LatLng(<span style="color: blue;">40.413496</span>, <span style="color: blue;">-3.742677</span>),<br />
mapTypeId: google.maps.MapTypeId.ROADMAP<br />
};<br />
map = new google.maps.Map(document.getElementById('map-canvas'),<br />
mapOptions);<br />
}<br />
<br />
google.maps.event.addDomListener(window, 'load', initialize);<br />
<br />
</script><br />
</head><br />
<body><br />
<div id="map-canvas"></div><br />
</body><br />
</html><br />
</code><br />
En azul tenemos los valores que podemos cambiar, corresponden a la latitud y longitud del mapa. Si se quiere cambiar ese valor, desde Google Maps, elegimos la zona que queremos mostrar y pulsamos sobre el mapa con el <b>botón secundario</b> del ratón y elegimos la opción <b>¿Qué hay aquí?</b> En la barra de búsqueda de la página aparecerán la latitud y longitud de ese lugar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx77t1XgrFf5gkTB0HMXuBrxwbXaTgGmJoaw4QjMmb_FX4WC4JtblVEd4aQTXdIsa9TZbpamBZUetlrk3oZlTZBjo0Vl_nZTJaF9VClNEN1Rb07OPWYFFXbQmDOXym_yRWVPLEYxSPqY8/s1600/Incrustar+no+02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="261" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx77t1XgrFf5gkTB0HMXuBrxwbXaTgGmJoaw4QjMmb_FX4WC4JtblVEd4aQTXdIsa9TZbpamBZUetlrk3oZlTZBjo0Vl_nZTJaF9VClNEN1Rb07OPWYFFXbQmDOXym_yRWVPLEYxSPqY8/s320/Incrustar+no+02.png" width="320" /></a></div>
<br />
Espero que con todo esto os pueda ayudar a mostrar lo que queráis en vuestros rotafolios y que durante un tiempo a nadie se le ocurra inventarse nuevos códigos y volvamos a tener que averiguar cómo resolver los problemas.<br />
<br />
<br />Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com0tag:blogger.com,1999:blog-3016394208326691323.post-30121140814746619662013-10-07T08:00:00.000+02:002013-10-07T16:01:33.479+02:00Esperando mejoras<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDlG-EKelK7t9HpXtaLmYROYEbgIh0Mdg4kn02co0_lj9geJ7DgQjshHzDIEVu0w_MQoHK35WinVSlBdih_LvbnEFi3gTqtBN7I5J6aHr1LYuWt_CXqkFdAir2yT__mWbpdzW5lptiD1U/s1600/mejoras+01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDlG-EKelK7t9HpXtaLmYROYEbgIh0Mdg4kn02co0_lj9geJ7DgQjshHzDIEVu0w_MQoHK35WinVSlBdih_LvbnEFi3gTqtBN7I5J6aHr1LYuWt_CXqkFdAir2yT__mWbpdzW5lptiD1U/s1600/mejoras+01.png" /></a></div>
El pasado mes de Junio estuve como alumno en un curso denominado <i>Uso técnico y metodológico de la PDI</i>. En este curso se mostró el uso del software <a href="http://smarttech.com/">Smart</a> Notebook 10 (no es la última versión).<br />
<br />
Obviamente, una de las cosas que hice fue comparar este software con ActivInspire, intentando ser lo más imparcial posible. No voy a entrar en detalles pero solamente quiero exponer que para mí, el software de Promethean es mejor, simplemente porque es más completo.<br />
<br />
Pero como todo es mejorable, esperaba que para el comienzo del nuevo curso escolar tuviésemos una actualización importante de ActivInspire, desde corregir errores, mejora de herramientas o incorporación de alguna nueva. Desconozco si eso va ocurrir en las próximas semanas o todavía tendremos que esperar, tal vez, no tengan pensado nuevas actualizaciones.<br />
<br />
Así que aquí va mi aportación por si las personas de Promethean quieren mejorar todavía más ActivInspire.<br />
<br />
Una de las herramientas que me gustó de Notebook 10 fue la herramienta <b>Tabla</b>. De forma sencilla (similar al procesador de textos Word) se pueden crear tablas, añadir texto y modificar su tamaño.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEKE2WCCRK8afqywEcBvqqSDBzqINa8WkB9VGA33KxwmJv09W_61JgqRRHr7HK8r1e_4CXeKNgAJvotNgCr1nKasGfsrJJlyQES9xY3KJkSpMN31V9Rvdzx_LvWyqAqOceuB9En8UpvnY/s1600/mejoras+02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEKE2WCCRK8afqywEcBvqqSDBzqINa8WkB9VGA33KxwmJv09W_61JgqRRHr7HK8r1e_4CXeKNgAJvotNgCr1nKasGfsrJJlyQES9xY3KJkSpMN31V9Rvdzx_LvWyqAqOceuB9En8UpvnY/s1600/mejoras+02.png" /></a></div>
<br />
Otra muy interesante, es la opción denominada <b>Duplicador infinito</b> que nos permite realizar copias de un objeto hasta que nosotros queramos, en vez de estar pulsando el botón <b>Duplicar</b> n veces como ocurre en ActivInspire.<br />
<br />
Una herramienta que creo que puede resultar útil es la <b>Lupa</b>, pienso que es algo que muchas personas en alguna ocasión habrán echado de menos. La de NoteBook es mejorable y soy consciente de que algunos sistemas operativos incorporan una (no me convencen) pero tal vez sea porque estoy acostumbrado a <a href="http://magnifier.sourceforge.net/">Virtual Magnifying Glass</a> que me parece muy completa y sencilla de utilizar.<br />
<br />
También me gustaría ver en ActivInspire que se pudiese crear más de un color transparente como ocurre en Notebook 10.<br />
<br />
Hasta aquí las mejoras que me gustaría ver comparando el software de Promethean con Notebook 10.<br />
<br />
A continuación, comentaré algunas de las mejoras sobre las herramientas ya existentes. <br />
<br />
Comenzaré con una de mis favoritas, <b>HTML incrustado…</b> se debería actualizar al último motor de IE o cambiar por otro que permita ver correctamente la mayoría de páginas Web. Otra de las cosas que me gustaría que tuviese esta herramienta es la posibilidad de editar el código HTML una vez que hemos pulsado el botón <b>Aceptar</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijyZS1MEOt1ULSeQLMrf7D2xcltdV2CYQ1c5m8450LxYj6jF1vpv6hX4Bmkk5B1yhmUphymiBYAwxrLovzp5Y0_NYpPaY5kT3xK_cYBvlxILFCVl281qkb_eqB08b49mxDRAA9lRWxIdY/s1600/mejoras+03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijyZS1MEOt1ULSeQLMrf7D2xcltdV2CYQ1c5m8450LxYj6jF1vpv6hX4Bmkk5B1yhmUphymiBYAwxrLovzp5Y0_NYpPaY5kT3xK_cYBvlxILFCVl281qkb_eqB08b49mxDRAA9lRWxIdY/s320/mejoras+03.png" width="320" /></a></div>
<br />
Un cambio menor que también pondría, es crear la <b>barra de edición de texto</b> de forma flotante cada vez que se activa o desactiva, se mueve toda la pantalla y ese efecto me resulta molesto (quizá, solo me molesta a mí).<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTm-Cvk_dWwIoqHbRK1qPMUMbAmxTVzIDirP1cPrmxo1pPt7pvpXfFOkZizVx_yMvN1_4ugmRHjqzr1PtsUfTURNSnK8UCVQBeusZrZOCrT_eBGv0dXyUkbcpTCa4Ryc9eqtUPgD6u-zI/s1600/mejoras+04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTm-Cvk_dWwIoqHbRK1qPMUMbAmxTVzIDirP1cPrmxo1pPt7pvpXfFOkZizVx_yMvN1_4ugmRHjqzr1PtsUfTURNSnK8UCVQBeusZrZOCrT_eBGv0dXyUkbcpTCa4Ryc9eqtUPgD6u-zI/s1600/mejoras+04.png" /></a></div>
<br />
Hablando de texto, supongo que sería sencillo poner la herramienta <b>Texto vertical</b> de una forma más accesible de cómo está ahora, poniéndola en la <b>barra de menús</b> y en la ventana de <b>Comandos</b> incluso en la <b>barra de edición de texto</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8Kh79znq1AySG3Iw8lm0zwehXkfir7_dWZ_fHDeLdirE19usLJR6s8seG305MBJCKFaKS5PvE1uAZH2KQeYy9tP9aYfwakSvQLJ2UPT8TwR_BwcBVLTWz0Bef-PVNngW8BPTHQCHFs2w/s1600/mejoras+05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8Kh79znq1AySG3Iw8lm0zwehXkfir7_dWZ_fHDeLdirE19usLJR6s8seG305MBJCKFaKS5PvE1uAZH2KQeYy9tP9aYfwakSvQLJ2UPT8TwR_BwcBVLTWz0Bef-PVNngW8BPTHQCHFs2w/s1600/mejoras+05.png" /></a></div>
<br />
Finalmente, voy a recordar por enésima vez el error que se produce en <b>Anotación de escritorio</b>, <a href="http://activinspire.blogspot.com/2012/11/salto-de-modificadores.html">error</a> del que va hacer un año me informó Luis, un profesor de dibujo técnico. Al utilizar la herramienta <b>Figura</b> o la herramienta <b>Modificadores de lápiz</b> y luego desactivándolas lo que hemos dibujado se desplaza hacia un lado para ocupar el espacio de las barras de dichas herramientas.<br />
<br />
Espero que después de casi un año tuvieran tiempo en Promethean de corregir este grave error, aunque quien sabe, seguramente tendremos que seguir esperando.<br />
<br />
En cuanto al <b>Administrador de preguntas</b>, sin comentarios, yo lo haría nuevo desde cero.<br />
<br />
Hasta aquí mis ideas y reivindicaciones ¿qué os parece si ahora dejáis en los comentarios del post vuestras sugerencias?Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com0tag:blogger.com,1999:blog-3016394208326691323.post-65030967458830320242013-05-27T08:00:00.000+02:002013-12-19T17:15:48.143+01:00Pasapalabra en PowerPoint<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpAlHZcGkIFcOX77M6Pzx-KF5zA10Q7N9jEog-_QSFclAW75W8-E2Vz_gU2RqIeEBa7il1eOi3LdAMGKLdK0qWighDw42qUQLAyUdkK6EZT3Hvev_U8FhG3vrejtmdDROD6zFy8hU0jsg/s1600/Pasapalabra&PowerPoint+01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpAlHZcGkIFcOX77M6Pzx-KF5zA10Q7N9jEog-_QSFclAW75W8-E2Vz_gU2RqIeEBa7il1eOi3LdAMGKLdK0qWighDw42qUQLAyUdkK6EZT3Hvev_U8FhG3vrejtmdDROD6zFy8hU0jsg/s1600/Pasapalabra&PowerPoint+01.png" /></a></div>
Hoy se cumple el <b>3º aniversario de ActivInspire Blog</b>, para celebrarlo he creado la versión en PowerPoint de uno de los recursos de ActivInspire más descargado, <a href="http://activinspire.blogspot.com/2012/02/pasapalabra.html">Pasapalabra</a>.<br />
<br />
Entiendo que puede parecer extraño que siendo este un blog dedicado a ActivInspire, diseñe y ponga a vuestra disposición un recurso en PowerPoint pero tienen su explicación.<br />
<br />
Hace una semanas una profesora se puso en contacto conmigo para pedirme ayuda ya que en su colegio disponían de pizarras digitales interactivas pero de diferentes fabricantes y quería disponer del recurso en PowerPoint, además, no se podía utilizar macros.<br />
<br />
Como seguramente esto ocurre en muchos colegios e incluso seguro que hay quien quisiera utilizarlo aunque no tenga una pizarra digital interactiva y hay muchísimos docentes que utilizan PowerPoint, decidí ponerlo a disposición de todo el mundo.<br />
<br />
Veamos cómo utilizar esta “plantilla” para poder jugar en el aula.<br />
<br />
Necesitamos tener <b>PowerPoint 2007</b> o <b>superior</b>.<br />
<br />
Abrimos el archivo que se puede descargar desde el final de esta página o desde la página de descargas del blog.<br />
<br />
En el panel de diapositivas vemos 30 diapositivas, la primera corresponde a la diapositiva de inicio, la segunda contiene el “rosco” del juego y las demás sirven para escribir las diferentes definiciones. Seleccionamos la tercera diapositiva correspondiente a la letra <b>A</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdXayPK4a6iJmOfo7apb0IVYrJKNmqPeetslZjOQ9fdtW02lksD-dqY_eYgyFUB-xc5QdmnwDnTixThm1F3rVhBCRniNQxbNkv93dEriYbVDldkteR3kKDICQr4vu_5SkquDomVTv0FLk/s1600/Pasapalabra%2526PowerPoint+02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdXayPK4a6iJmOfo7apb0IVYrJKNmqPeetslZjOQ9fdtW02lksD-dqY_eYgyFUB-xc5QdmnwDnTixThm1F3rVhBCRniNQxbNkv93dEriYbVDldkteR3kKDICQr4vu_5SkquDomVTv0FLk/s1600/Pasapalabra%2526PowerPoint+02.png" /></a></div>
<br />
Para escribir la definición haremos clic en <b>Haga clic para…</b> Una vez escrita pasaremos a las siguientes diapositivas para ir escribiendo las demás definiciones.<br />
<br />
Una vez escritas las definiciones seleccionaremos la segunda diapositiva.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGWmd5JZC5_yAEmVKHejZGHQQIqI_rgxW_InMoGpa14MFX6ywOjanz4DCBeex41a6qLn2SUGlLLL36jXjzv6kGfeLHSnpV6nQpwGoJS800QMla0dC0AoKP2XSsF0YKT1PdDRr30XJLdRU/s1600/Pasapalabra%2526PowerPoint+03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGWmd5JZC5_yAEmVKHejZGHQQIqI_rgxW_InMoGpa14MFX6ywOjanz4DCBeex41a6qLn2SUGlLLL36jXjzv6kGfeLHSnpV6nQpwGoJS800QMla0dC0AoKP2XSsF0YKT1PdDRr30XJLdRU/s1600/Pasapalabra%2526PowerPoint+03.png" /></a></div>
<br />
Hacemos clic en <b>Respuesta</b> y escribimos la solución a la letra correspondiente. A continuación, seleccionamos con un clic el rectángulo y hacemos clic con el botón secundario, en el menú contextual seleccionamos <b>Enviar al fondo</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhukG4PvocdkJZ48R40WtWWgE3HO7GbUpd8dPtjrxwloc1mZ9B5OxrCbtM-WCNUvJ7IONiveWdqvMAuOCK5-YLRe0f31Qb6cuqAmd8qJZVErASlddY07jWWBIV9-dQikVypeLFrGQJK24A/s1600/Pasapalabra%2526PowerPoint+04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="94" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhukG4PvocdkJZ48R40WtWWgE3HO7GbUpd8dPtjrxwloc1mZ9B5OxrCbtM-WCNUvJ7IONiveWdqvMAuOCK5-YLRe0f31Qb6cuqAmd8qJZVErASlddY07jWWBIV9-dQikVypeLFrGQJK24A/s320/Pasapalabra%2526PowerPoint+04.png" width="320" /></a></div>
<br />
Escribimos la respuesta para la siguiente letra que aparece en su recuadro. Fijaros que aparece la <b>Z</b> no la <b>B</b> ya que vamos a escribir las respuestas desde la última letra a la primera.<br />
<br />
Una vez realizada la tarea de escribir las definiciones y las respuestas ya podemos jugar.<br />
<br />
<b><span style="color: orange;">Jugando.</span></b><br />
<br />
Las diferencias con el juego que vemos en televisión es que en este no disponemos de un tiempo para realizar el “rosco” y aparecen dos letras más.<br />
<br />
Hacemos clic en <b>Presentación con diapositivas</b> y elegimos <b>Desde el principio</b>.<br />
<br />
Hacemos clic en cualquier parte de la diapositiva de inicio para ver el “rosco”.<br />
<br />
Hacemos clic en la primera letra del abecedario del rosco. Aparece la primera definición.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg__N4MR4TkPyQt5vkkBeixZ4sAW5NqUftZNdkREB_ZHwT_G4HwgExEi37mpVQv9gJ5O0DNnfAG2ID2WpRQFVmm2yA67VkqOSf3Wlj7KqYxfLvpnIWSax3bkvZARyOq3tkZ_S3PEz-w9Nw/s1600/Pasapalabra%2526PowerPoint+05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg__N4MR4TkPyQt5vkkBeixZ4sAW5NqUftZNdkREB_ZHwT_G4HwgExEi37mpVQv9gJ5O0DNnfAG2ID2WpRQFVmm2yA67VkqOSf3Wlj7KqYxfLvpnIWSax3bkvZARyOq3tkZ_S3PEz-w9Nw/s1600/Pasapalabra%2526PowerPoint+05.png" /></a></div>
<br />
<i>Con la A … </i>y leemos la definición. <i></i> Hacemos clic en la imagen inferior derecha para volver al rosco.<br />
<br />
El estudiante o estudiantes (si jugamos en grupos) deben responder o pasar a la siguiente definición (pasapalabra). Si responde comprobamos su respuesta haciendo clic en la letra correspondiente del rectángulo gris.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgkh9RAluL12_yL2FMyXjqSNMswkUF_uPO87ZqF-0oZRR7zV-o-hGEYqpC7oiTfGJUBJWTqHvQ59eQ-032fUq6wNw4m9wBN9QWRvTyBUcDOEOftE5NicFqXTkyLSFu45E_SWkWD2pOlec/s1600/Pasapalabra%2526PowerPoint+06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgkh9RAluL12_yL2FMyXjqSNMswkUF_uPO87ZqF-0oZRR7zV-o-hGEYqpC7oiTfGJUBJWTqHvQ59eQ-032fUq6wNw4m9wBN9QWRvTyBUcDOEOftE5NicFqXTkyLSFu45E_SWkWD2pOlec/s1600/Pasapalabra%2526PowerPoint+06.png" /></a></div>
<br />
Una vez que aparece la solución pulsaremos en el botón con la marca de verificación si es correcta o en el botón con la cruz si es incorrecta. Hacemos clic sobre la solución para que desaparezca.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZFQxLBAIX_XlFe3cUvE5nLqWEMvEmaqJ4pp8eN-3pxI1RDHQAi5AzQ5e7Jf6qcDjznVsVUU1wWoKkb9AT0f7AiRA3bAiMrKio1zozWNQDM1YNGxPt1BvApVcoBvQdQCjfflU9iiZ-4jQ/s1600/Pasapalabra%2526PowerPoint+07.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZFQxLBAIX_XlFe3cUvE5nLqWEMvEmaqJ4pp8eN-3pxI1RDHQAi5AzQ5e7Jf6qcDjznVsVUU1wWoKkb9AT0f7AiRA3bAiMrKio1zozWNQDM1YNGxPt1BvApVcoBvQdQCjfflU9iiZ-4jQ/s1600/Pasapalabra%2526PowerPoint+07.png" /></a></div>
<br />
Iremos haciendo clic de la misma forma hasta completar el rosco. Una vez que terminemos de jugar podemos finalizar la presentación haciendo clic en el botón rojo con la cruz que encontramos en la diapositiva con el rosco.<br />
<br />
<span style="color: orange;"><b>Nota</b></span><br />
<br />
Para aquellas personas que siguen este blog desde el extranjero y no conocen el juego, simplemente indicarles que las letras del abecedario son una pista para el estudiante ya que la respuesta comienza por la letra que hemos elegido. Es decir, la solución a la definición de la letra A comienza por A, la solución a la definición B comienza por B.<br />
<br />
En algunas letras podemos indicar que en vez de por ejemplo <i>Con la Q…</i> y leer la definición, podemos sustituir por <i>Contiene la Q…</i> Esto quiere decir que la palabra de la solución contiene en algún lugar la letra Q.<br />
<br />
Si alguien tiene alguna duda o necesita ayuda no dudar en enviarme un correo electrónico. Tenéis la dirección al pie de la página.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://drive.google.com/uc?export=download&id=0B6hqahLh9JYKMTRTakRwLTYwOWs" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkBcbcSceajTIPDzVIar3ocFCdOSb9KcVFwj6E_XpxpNlR0ztA7NGKhvkoGPOJwhJOyvTj8dSVgackvDvAIxVga-S-wrVqDciaP3zZL1VFh9tu7UsuxxPmIrcUwS8CWOe9ETmRJwyqOC4/s200/descargar.png" width="150" /></a></div>
<br />Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com58tag:blogger.com,1999:blog-3016394208326691323.post-85840446935981510652013-05-20T08:00:00.000+02:002013-05-20T17:41:14.107+02:00Slideshow<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKEckA1TiI6BfzDFft1dZXMdit05atEBCCQ_bJAgV3waUkn3ASs_ccPDIbTEw-wV0AqyToFQ3C7ayHXmyPBoFxfkIN8ShPbJ8G8RzUp35atdRkX-gk_oCH2haHUuzl7coY5kdrAbbJ8K4/s1600/slideshow+01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKEckA1TiI6BfzDFft1dZXMdit05atEBCCQ_bJAgV3waUkn3ASs_ccPDIbTEw-wV0AqyToFQ3C7ayHXmyPBoFxfkIN8ShPbJ8G8RzUp35atdRkX-gk_oCH2haHUuzl7coY5kdrAbbJ8K4/s1600/slideshow+01.png" /></a></div>
Una de las demandas de quienes utilizan ActivInspire es que no dispone de efectos tipo animación como ciertos programas que solemos utilizar en el aula.<br />
<br />
Aprovechando que últimamente estamos utilizando la herramienta <b>HTML incrustado</b> y que básicamente lo que hacemos es copiar código para mostrar el resultado, vamos a continuar por esa línea.<br />
<br />
Hoy crearemos un slideshow que mostrará imágenes que tengamos alojadas en algún servicio de Internet de forma automática.<br />
<br />
Copiamos y pegamos el siguiente código en la herramienta <b>HTML incrustado</b>.<br />
<br />
<code>
<!DOCTYPE html><br />
<head><br />
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script><br />
<script><br />
//<![CDATA[<br />
/*<br />
* jQuery Backstretch<br />
* Version 1.2.8<br />
* http://srobbin.com/jquery-plugins/jquery-backstretch/<br />
* Add a dynamically-resized background image to the page<br />
* Copyright (c) 2012 Scott Robbin (srobbin.com)<br />
* Licensed under the MIT license<br />
* https://raw.github.com/srobbin/jquery-backstretch/master/LICENSE.txt<br />
*/<br />
;(function(a){a.backstretch=function(p,b,l){function s()<br />
{if(p){var b;0==c.length?c=a("<div />").attr("id","backstretch")<br />
.css({left:0,top:0,position:m?"fixed":"absolute",overflow:"hidden",<br />
zIndex:-999999,margin:0,padding:0,height:"100%"<br />
,width:"100%"}):c.find("img").addClass("deleteable");b=a("<img />")<br />
.css({position:"absolute",display:"none",<br />
margin:0,padding:0,border:"none",zIndex:-999999,<br />
maxWidth:"none"}).bind("load",function(d){var b=a(this),<br />
e;b.css({width:"auto",height:"auto"});e=this.width||a(d.target)<br />
.width();d=this.height||a(d.target).height();n=e/d;q();<br />
b.fadeIn(g.speed,function(){c.find(".deleteable").remove();<br />
"function"==typeof l&&l()})}).appendTo(c);<br />
0==a("body #backstretch").length&&(0===a(window)<br />
.scrollTop()&&window.scrollTo(0,0),a("body").append(c));<br />
c.data("settings",g);b.attr("src",p);a(window).unbind("resize.backstretch")<br />
.bind("resize.backstretch",function()<br />
{"onorientationchange"in window&&window.pageYOffset===0<br />
&&window.scrollTo(0,1);q()})}}<br />
function q(){try{j={left:0,top:0},rootWidth=h=o.width()<br />
,rootHeight=r?window.innerHeight:o.height(),<br />
f=h/n,f>=rootHeight?(k=(f-rootHeight)/2,<br />
g.centeredY&&(j.top="-"+k+"px")):(f=rootHeight,h=f*n,<br />
k=(h-rootWidth)/2,g.centeredX&&(j.left="-"+k+"px")),<br />
c.css({width:rootWidth,height:rootHeight})<br />
.find("img:not(.deleteable)").css({width:h,height:f}).css(j)}catch(a){}}<br />
var t={centeredX:!0,centeredY:!0,speed:0},c=a("#backstretch"),<br />
g=c.data("settings")||t;c.data("settings");<br />
var o,m,r,n,h,f,k,j;b&&"object"==typeof b&&a.extend(g,b);<br />
b&&"function"==typeof b&&(l=b);a(document)<br />
.ready(function(){var b=window,d=navigator.userAgent,c=navigator.platform,<br />
e=d.match(/AppleWebKit\/([0-9]+)/),e=!!e&&e[1],f=d.match(/Fennec\/([0-9]+)/),f=!!f&&f[1],<br />
g=d.match(/Opera Mobi\/([0-9]+)/),h=!!g&&g[1],i=d.match(/MSIE ([0-9]+)/),i=!!i&&i[1];<br />
o=(m=!((-1<c.indexOf("iPhone")||-1<c.indexOf("iPad")||-1<c.indexOf("iPod"))&&e&&534>e||<br />
b.operamini&&"[object OperaMini]"==={}.toString.call(b.operamini)||g&&7458>h||-1<d.indexOf("Android")<br />
&&e&&533>e||f&&6>f||"palmGetResource"in window&&e&&534>e||-1<d.indexOf("MeeGo")<br />
&&-1<d.indexOf("NokiaBrowser/8.5.0")||i&&6>=i))?a(window):a(document);r=m&&window.innerHeight;s()});return this}})(jQuery);<br />
//]]><br />
</script><br />
<script><br />
//<![CDATA[<br />
<br />
var images = [<br />
"<span style="color: blue;">URL de la imagen</span>",<br />
"<span style="color: blue;">URL de la imagen</span>",<br />
"<span style="color: blue;">URL de la imagen</span>",<br />
"<span style="color: blue;">URL de la imagen</span>",<br />
"<span style="color: blue;">URL de la imagen</span>",<br />
"<span style="color: blue;">URL de la imagen</span>",<br />
];<br />
<br />
$(images).each(function(){<br />
$("<img/>")[0].src = this; <br />
});<br />
<br />
var index = 0;<br />
$.backstretch(images[index], {speed: 500});<br />
<br />
setInterval(function() {<br />
index = (index >= images.length - 1) ? 0 : index + 1;<br />
$.backstretch(images[index]);<br />
}, <span style="color: blue;">5000</span>);<br />
//]]><br />
</script>
</code>
<br />
He puesto de color azul las partes que debemos modificar, donde pone <b>URL de la imagen</b> debemos escribir la dirección donde se encuentra la imagen a mostrar por ejemplo:<br />
<br />
<div style="text-align: center;">
<i>http://loquesea.com/imagenes/playa.jpeg</i></div>
<br />
He puesto código para 6 imágenes, podéis añadir más líneas siempre escritas de la misma forma.<br />
<br />
Casi al final del código tenemos <b>5000</b> ese el tiempo que transcurre entre cada imagen y que está en milisegundos.<br />
<br />
Una vez adaptado a nuestras necesidades pulsamos el botón <b>Aceptar</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dzTt7IflzzvNmsOOXb6xGgfCKrCMXk03VdT70wBnUl6I9mTov8GA4Ow5dkjpHkiYjwvWeCxMCBjbVyvecJhqg' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div>
<br />
<br />
Podéis modificar el tamaño del objeto, incluso que ocupe toda la página y quitar en las propiedades, la barra de botones, así mientras realizáis una presentación irán pasando las imágenes.<br />
<br />Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com0tag:blogger.com,1999:blog-3016394208326691323.post-44080286165852619812013-05-13T08:00:00.000+02:002013-05-13T17:34:06.630+02:00Gráfico geográfico II<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIaBPNZPwZC7IMT7uh_7NmINk_I_qDKooyr02YvESKTTZ5pCvoj65Gs6pW8uuEtZuykQ1T_pGuniWIwpEGk-8SUNvGmFqdFan5hlMDUPzuRXFz01456YH_7lEHQ-fRTBt8lhKf56s13pY/s1600/Geochart+01_02.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIaBPNZPwZC7IMT7uh_7NmINk_I_qDKooyr02YvESKTTZ5pCvoj65Gs6pW8uuEtZuykQ1T_pGuniWIwpEGk-8SUNvGmFqdFan5hlMDUPzuRXFz01456YH_7lEHQ-fRTBt8lhKf56s13pY/s1600/Geochart+01_02.png" /></a></div>
En el pasado artículo <a href="http://activinspire.blogspot.com/2013/05/grafico-geografico-i.html">Gráfico geográfico</a> hemos visto como utilizar un mapa mundial para mostrar información sobre los diferentes países.<br />
<br />
En este lo que vamos a ver es como realizar la misma tarea sobre las ciudades de un país.<br />
<br />
Por si alguien está interesado y lo que le gustaría es mostrar información sobre cierta región de un país el sistema sólo admite esta opción para los estados de EE.UU.<br />
<br />
Este es el código que debemos pegar en <b>HTML incrustado…</b><br />
<br />
<br />
<code>
<html><br />
<head><br />
<script type='text/javascript' src='https://www.google.com/jsapi'></script><br />
<script type='text/javascript'><br />
google.load('visualization', '1', {'packages': ['geochart']});<br />
google.setOnLoadCallback(drawMarkersMap);<br />
function drawMarkersMap() {var data = google.visualization.arrayToDataTable([<br />
['provinces', 'Población'],<br />
['Ferrol', 79520],<br />
['Fene', 14638],<br />
['Narón', 29263],<br />
['Mugardos', 5859]<br />
]);<br />
var options = { region: 'ES',<br />
displayMode: 'markers',<br />
resolution: 'provinces',<br />
colorAxis: {colors: ['#7B68EE', '#00FF7F']}<br />
<br />
}; <br />
var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));<br />
chart.draw(data, options);<br />
};<br />
</script><br />
</head><br />
<body><br />
<div id="chart_div" style="width: 900px; height: 500px;"></div><br />
</body><br />
</html><br />
</code><br />
En donde pone <i>Población</i> podemos escribir el texto referente al dato a mostrar. A continuación, el nombre de las localidades, en el siguiente documento <a href="http://en.wikipedia.org/wiki/ISO_3166-2">ISO_3166-2</a> encontrareis en la tercera columna los nombres que podemos escribir correspondientes a cada país. Luego cambiamos el dato numérico correspondiente a cada ciudad. <br />
<br />
Donde está escrito <span style="font-family: "Courier New",Courier,monospace;">region: 'ES'</span> escribiremos el código correspondiente al país, buscar el código en <a href="http://en.wikipedia.org/wiki/ISO_3166-1">ISO_3166-1</a> después, como vimos en el artículo anterior, las variaciones de color en valores hexadecimales.<br />
<br />
Si ponemos ciudades muy cercanas como en el ejemplo al pasar el puntero sobre ellas veremos una lupa para mostrar mejor la información.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUZeYlvEg3ehq-YOashRhwZgU_Nri0M3NMVewMJya-lBkMEK8_k7OfN5U4l5KDw1QJOf-Ez1tn-LpJk7IQWPWYqdIJYUENBZb85Kz9xFTQxVX_UNSY64IwAeHgV6w7Okctql3oJxmx3aQ/s1600/Geochart+02_02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUZeYlvEg3ehq-YOashRhwZgU_Nri0M3NMVewMJya-lBkMEK8_k7OfN5U4l5KDw1QJOf-Ez1tn-LpJk7IQWPWYqdIJYUENBZb85Kz9xFTQxVX_UNSY64IwAeHgV6w7Okctql3oJxmx3aQ/s1600/Geochart+02_02.png" /></a></div>
<br />
También podemos observar que no admite la acentuación, así que mejor procurar no utilizar palabras acentuadas. Aunque eso sólo ocurre en ActivInspire en un navegador Web actualizado no parece ese problema.<br />
<br />
<b>Mi ejemplo</b><br />
<br />
<html>
<head>
<script src="https://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load('visualization', '1', {'packages': ['geochart']});
google.setOnLoadCallback(drawMarkersMap);
function drawMarkersMap() {
var data = google.visualization.arrayToDataTable([
['provinces', 'Población'],
['Ferrol', 79520],
['Fene', 14638],
['Narón', 29263],
['Mugardos', 5859]
]);
var options = {
region: 'ES',
displayMode: 'markers',
resolution: 'provinces',
colorAxis: {colors: ['#7B68EE', '#00FF7F']}
};
var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
chart.draw(data, options);
};
</script>
</head>
<body>
<div id="chart_div" style="height: 333px; width: 600px;">
</div>
</body>
</html>
<br />
Si deseamos que el país aparezca con sus respectivas regiones añadimos en las opciones, por ejemplo, después de region la siguiente línea.<br />
<br />
<div style="text-align: center;">
<span style="font-family: "Courier New",Courier,monospace;">resolution: 'provinces',</span></div>
<br />
Ya solo os queda ir probando, ya que esta opción no es admitida para todos los países.Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com0tag:blogger.com,1999:blog-3016394208326691323.post-26769895975406596972013-05-06T08:00:00.000+02:002013-05-06T16:04:43.006+02:00Gráfico geográfico I<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIPPW3pFR9YC25KeufHF-B8a49W_G8aMtG_JSxSWedjjii7CshugClNgp6wD-EfVtOgaGtzIXopVs5aSGPgsur1DNsve06hi6Jp8vHoc0efecRkWzTmVjYVdR0GwDysgWASvCwkIjEKpY/s1600/Geochart+01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIPPW3pFR9YC25KeufHF-B8a49W_G8aMtG_JSxSWedjjii7CshugClNgp6wD-EfVtOgaGtzIXopVs5aSGPgsur1DNsve06hi6Jp8vHoc0efecRkWzTmVjYVdR0GwDysgWASvCwkIjEKpY/s1600/Geochart+01.png" /></a></div>
En ocasiones seguro que sería interesante mostrar datos a nivel global utilizando un mapa mundial. Tener esa información coloreando los diferentes países, además de los datos escritos de cada país.<br />
<br />
Una forma de hacerlo sería utilizando una imagen del mapa y mediante figuras sobre él poner las etiquetas con los datos.<br />
<br />
Otra forma, sería aprovechar esa gran herramienta de ActivInspire llamada <b>HTML incrustado…</b> junto con el código que podemos encontrar en <a href="https://google-developers.appspot.com/">Google Developers</a>. Esta página está en inglés y muestra información para desarrolladores que quieren utilizar las herramientas de Google.<br />
<br />
Voy a enseñaros la forma más simple de utilizar la herramienta denominada <b>Geochart</b> que es la que nos ayudará con nuestros gráficos.<br />
<br />
Copiamos el siguiente código de ejemplo dentro de la ventana de <b>HTML incrustado…</b><br />
<br />
<code><html><br /><head><br /><script src="https://www.google.com/jsapi" type="text/javascript"></script><br /><script type="text/javascript"><br />google.load('visualization', '1', {'packages': ['geochart']});<br />google.setOnLoadCallback(drawRegionsMap);<br /><br />function drawRegionsMap() {<br />var data = google.visualization.arrayToDataTable([<br />['País', 'Visitas'],<br />['Spain', 22633],<br />['Mexico', 6816],<br />['Colombia', 5502],<br />['Chile', 3392],<br />['Argentina', 3045],<br />['Ecuador', 2417],<br />['Peru', 1934],<br />['Venezuela', 1760],<br />['Guatemala', 1344],<br />['United States', 615]<br />]);<br /><br />var options = {<br />colorAxis: {colors: ['#FFA500']}<br />};<br /><br />var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));<br />chart.draw(data, options);<br />};<br /></script><br /></head><br /><body><br /><div id="chart_div" style="height: 500px; width: 900px;"><br /></div><br /></body><br /></html></code><br />
A continuación sustituimos la palabra <i>Visitas</i> por la que corresponde a nuestros datos por ejemplo, si quisiéramos mostrar el número de habitantes pondríamos <i>Población</i>. Después, modificaremos los datos de la columna <i>País</i>, escribiendo el nombre del país que queramos mostrar. Utilizaremos el nombre del país o su código que encontraremos en esta página <a href="http://en.wikipedia.org/wiki/ISO_3166-1">ISO-3166-1</a>. Luego, al lado, escribiremos el dato. Podemos añadir más países añadiendo una coma después del último y escribiéndolos de la misma forma que los anteriores.<br />
<br />
Finalmente, donde pone <i>colorAxis</i>, escribiremos el color (hexadecimal) de los países que contienen datos. Este será una gradación desde el valor más bajo al más alto.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiYFINddXPG8-6AhdfSVchTAwF74GlCISWndPlg6Gkjj49HLdHfBvG2pRrAxxER4Tr5dNHqMLyGfopi_Y3Lc0HLk0N9jE1VNM_bnmU5OX4clCvUdy-zA8fI-UvyOlY-7kjxkecrVkGyE8/s1600/Geochart+02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiYFINddXPG8-6AhdfSVchTAwF74GlCISWndPlg6Gkjj49HLdHfBvG2pRrAxxER4Tr5dNHqMLyGfopi_Y3Lc0HLk0N9jE1VNM_bnmU5OX4clCvUdy-zA8fI-UvyOlY-7kjxkecrVkGyE8/s1600/Geochart+02.png" /></a></div>
<br />
Si quisiéramos una gradación diferente añadimos un color más y quedaría de la siguiente forma:<br />
<br />
<div style="text-align: center;">
<code>colorAxis: {colors: ['#7B68EE', '#FF0000']}</code></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFtIoliP15f90esJeqQwyYvfPqjF-49ASdSKmpUEKEyHF7vY90q667hVluaEM_aRX-I8SZnOAJvax_FbWl-6UIh6v_qZrUKXMDakDNi02_ada8TosCHFxuDGEZvyckHP9IaV6RN7eRPDY/s1600/Geochart+03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFtIoliP15f90esJeqQwyYvfPqjF-49ASdSKmpUEKEyHF7vY90q667hVluaEM_aRX-I8SZnOAJvax_FbWl-6UIh6v_qZrUKXMDakDNi02_ada8TosCHFxuDGEZvyckHP9IaV6RN7eRPDY/s1600/Geochart+03.png" /></a></div>
<br />
<b>Mi ejemplo:</b>
<html>
<head>
<script src="https://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load('visualization', '1', {'packages': ['geochart']});
google.setOnLoadCallback(drawRegionsMap);
function drawRegionsMap() {
var data = google.visualization.arrayToDataTable([
['País', 'Visitas'],
['Spain', 22633],
['Mexico', 6816],
['Colombia', 5502],
['Chile', 3392],
['Argentina', 3045],
['Ecuador', 2417],
['Peru', 1934],
['Venezuela', 1760],
['Guatemala', 1344],
['United States', 615]
]);
var options = {
colorAxis: {colors: ['#FFA500']}
};
var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
chart.draw(data, options);
};
</script>
</head>
<body>
<div id="chart_div" style="height: 333px; width: 600px;">
</div>
</body>
</html>
<br />
Si ponemos el puntero del ratón sobre los países coloreados veremos una etiqueta con la información.<br />
<br />
En un próximo artículo veremos cómo crear estos gráficos con las ciudades de un país.Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com0tag:blogger.com,1999:blog-3016394208326691323.post-35127029564251560572013-04-29T08:00:00.000+02:002013-04-29T16:50:18.041+02:00Gráfico de barras<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJxSUzVI3bav-dL2swRBi18NWdTFhGt_mL_yH_-Vzbp6kKQIXBA5KvIdKyjdgsY5q7Y2qr2vGJJROCaLjECucO35gWGza5mEtLN5LlA14WNL9C3sLwCN9iJU3eo4-jIQRvFDZKc9l0U3A/s1600/Gr%C3%A1fico+de+barras+01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJxSUzVI3bav-dL2swRBi18NWdTFhGt_mL_yH_-Vzbp6kKQIXBA5KvIdKyjdgsY5q7Y2qr2vGJJROCaLjECucO35gWGza5mEtLN5LlA14WNL9C3sLwCN9iJU3eo4-jIQRvFDZKc9l0U3A/s1600/Gr%C3%A1fico+de+barras+01.png" /></a>Existen diferentes formas de mostrar gráficos de barras interactivos.<br />
<br />En este artículo voy a mostrar dos formas de mostrar la información de los gráficos que creo que son las más sencillas. La primera es la típica barra de color que irá aumentando de valor según nuestras necesidades y la segunda cambiaremos la barra por un grupo de imágenes que la sustituirán.<br />
<br />Comenzaremos creando las líneas de coordenadas y líneas auxiliares para ello utilizaremos el <b>Diseñador de cuadrícula</b> para ayudarnos a tener la misma distancia entre las líneas.<br />
<br />También pondremos dos botones para aumentar o disminuir el valor del gráfico. Se pueden hacer con imágenes con la herramienta <b>Figura</b> o como en mi caso mediante la herramienta <b>Texto</b> e insertando un símbolo en forma de flecha.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5STmh-_hMOi0aDxWLMGc7wnsOnClfF2YBRsDjBV2CoNHqeoTfOWwijBL0PafdsMynDdjDVPSVnP1DJNVyLaueHhTUxNRqhvMquMWmMmJ7RDGp8SAHHiKKjK4VMCm2ZZVrGSt2BizBwpU/s1600/Gr%25C3%25A1fico+de+barras+02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5STmh-_hMOi0aDxWLMGc7wnsOnClfF2YBRsDjBV2CoNHqeoTfOWwijBL0PafdsMynDdjDVPSVnP1DJNVyLaueHhTUxNRqhvMquMWmMmJ7RDGp8SAHHiKKjK4VMCm2ZZVrGSt2BizBwpU/s1600/Gr%25C3%25A1fico+de+barras+02.png" /></a></div>
<br />Con la herramienta <b>Figura</b> dibujamos un rectángulo con un ancho igual al de la distancia entre líneas. Para estar seguros podéis verlo en el <b>Diseñador de cuadrícula</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlEEr5eck8_R9-PyYLhszDDmLcDQLzx7OopjH3YSva0WcisC9CohevU70lmUCFV0yDjG43iADs9theXTmWQ_TvJ_rppOboJNyn5X7b6MFtUjB49PAHOSRDe0BcCyvrN4o78tDdwzsDcqA/s1600/Gr%25C3%25A1fico+de+barras+03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlEEr5eck8_R9-PyYLhszDDmLcDQLzx7OopjH3YSva0WcisC9CohevU70lmUCFV0yDjG43iADs9theXTmWQ_TvJ_rppOboJNyn5X7b6MFtUjB49PAHOSRDe0BcCyvrN4o78tDdwzsDcqA/s1600/Gr%25C3%25A1fico+de+barras+03.png" /></a></div>
<br />Estos valores los podéis modificar según vuestras necesidades para dejar más distancia.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwtQCls7tegEfuCVuIvXrpADvaSPrQoFkCM45f7yZrJxR95xuA8djyQZT3DimjC9umujXsfIR8UiSoiDLw9aXxPw6I9D1MhhmxcLU8hEi-HRddXU2ikX8IFVRfEWTTJHDdIUK_jGkHdxg/s1600/Gr%25C3%25A1fico+de+barras+04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwtQCls7tegEfuCVuIvXrpADvaSPrQoFkCM45f7yZrJxR95xuA8djyQZT3DimjC9umujXsfIR8UiSoiDLw9aXxPw6I9D1MhhmxcLU8hEi-HRddXU2ikX8IFVRfEWTTJHDdIUK_jGkHdxg/s1600/Gr%25C3%25A1fico+de+barras+04.png" /></a></div>
<br />Desconozco el motivo pero en la mayoría de gráficos que he visto empiezan en la primera unidad, no comienzan por el valor 0. Para que comience en cero, mediante los <b>tiradores de tamaño</b> reduciremos el alto del rectángulo todo lo posible.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4X0cZSqqAq61fEBiaULiwPakHvoJvaP4G_muzMP4OeEBBcMwoMAV46EJEKY8lesoVU1dc7BaT0mzEWFx3grF8woHte6X1718-CnAPwmUWvyQxr-Fd4ARMWpciPQm5vpilEQVqx4t-ZaI/s1600/Gr%C3%A1fico+de+barras+06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="109" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4X0cZSqqAq61fEBiaULiwPakHvoJvaP4G_muzMP4OeEBBcMwoMAV46EJEKY8lesoVU1dc7BaT0mzEWFx3grF8woHte6X1718-CnAPwmUWvyQxr-Fd4ARMWpciPQm5vpilEQVqx4t-ZaI/s320/Gr%C3%A1fico+de+barras+06.png" width="320" /></a></div>
<br />En mi caso con un <i>Alto</i> de 0,097496 que podéis ver en el <b>Explorador de propiedades</b>.<br />
<br />A continuación, seleccionaremos el botón que permite aumentar el valor del gráfico, desde el <b>Explorador de acciones</b> pondremos la acción <b>Expandir arriba de forma incremental</b> en las <i>Propiedades de la acción</i> pondremos como <i>Valor</i>, el ancho, en mi caso 32 y como <i>Objetivo</i> el rectángulo y hacemos clic en <b>Aplicar cambios</b>.<br />
<br />Ahora, hacemos lo mismo para el otro botón pero ponemos el valor negativo.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dwIbeliDrGDJfL0QcFtWJqNF2fRVeNW4pinC1o_aZNgtRcDsBqvpI3W4q3S7RkEpl0ixZCIYTAZnIlbfjphnQ' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div>
<br />
Como podéis observar en el vídeo he colocado el rectángulo por debajo de los demás objetos para que se viesen las líneas de los valores, si queréis que no se muestren simplemente <b>Traer al frente el rectángulo</b>.<br />
<br />Para el segundo tipo de gráfico utilizaremos una imagen. Imaginemos que queremos mostrar en un gráfico los animales de una granja, en vez de utilizar un rectángulo pondremos las imágenes de los animales.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9hqRco1Y8UZQGXk7kyDKY8EQUpiyylmo3wlkV_xyWUGT3Gd3cLFuYzize_5TWWnuBnomEhBERDLa9lINIqIx_awzLyOhvKFGPl3K2iyVujsR4bWRyEIMuYBHEMa_AC_uxyoSHUXM9Zqk/s1600/Gr%25C3%25A1fico+de+barras+05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9hqRco1Y8UZQGXk7kyDKY8EQUpiyylmo3wlkV_xyWUGT3Gd3cLFuYzize_5TWWnuBnomEhBERDLa9lINIqIx_awzLyOhvKFGPl3K2iyVujsR4bWRyEIMuYBHEMa_AC_uxyoSHUXM9Zqk/s1600/Gr%25C3%25A1fico+de+barras+05.png" /></a></div>
<br />
He creado las líneas con mayor distancia entre ellas y he duplicado la imagen cuantas veces sea necesario hasta llegar al máximo valor.<br />
<br />A continuación, dibujaremos un rectángulo para ocultar las imágenes.<br />
<br />Seleccionaremos el botón que permite aumentar el valor del gráfico, desde el <b>Explorador de acciones</b> pondremos la acción <b>Expandir abajo de forma incremental</b> en las <i>Propiedades de la acción</i> pondremos como valor, el <i>Ancho</i>, en mi caso -64 (fijarse que he puesto el valor negativo) y como <i>Objetivo</i> el rectángulo y hacemos clic en <b>Aplicar cambios</b>.<br />
<br />Ahora, hacemos lo mismo para el otro botón pero quitamos el valor negativo.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dwmCeItpQDdPxiomvaibn7Lyo1gi-NntEfO0gIbymmIkomGDmi6qF04RSjr0dj_PpUhUewSY2x0k0TejGHoUA' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div>
<br />Ahora solo queda utilizar nuestra imaginación para crear interesantes gráficos de barras.Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com0tag:blogger.com,1999:blog-3016394208326691323.post-48568760971214274602013-04-22T08:00:00.000+02:002013-04-22T16:01:31.313+02:00El tiempo meteorológico<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM2UAVq3JIsTFHX4ZwRmnoi7RKMSW5LRmayFKpaw1ZENRFR95B7Ot4AL5BlGJAzCcg1rfUE-IO409LLWaSiCU52QREwDAbM4d14wj6omETXJsB_5V-lvVGeOKSFeqfdxXsUZbwTO8JMNQ/s1600/weather+01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM2UAVq3JIsTFHX4ZwRmnoi7RKMSW5LRmayFKpaw1ZENRFR95B7Ot4AL5BlGJAzCcg1rfUE-IO409LLWaSiCU52QREwDAbM4d14wj6omETXJsB_5V-lvVGeOKSFeqfdxXsUZbwTO8JMNQ/s1600/weather+01.png" /></a></div>
Continuamos insertando elementos HTML a nuestros rotafolios. Esta vez para las clases de ciencias, añadiremos un elemento que nos indique el tiempo meteorológico de nuestra ciudad.<br />
<br />
Existen diferentes servicios que ofrecen la posibilidad de insertar algún objeto con código HTML para ver el tiempo meteorológico, voy a usar uno que se llama <a href="http://www.accuweather.com/">Accuweather</a>.<br />
<br />
Aunque la información que ofrece está en inglés es muy fácil de entender y nos servirá para mostrar como poder insertar elementos en nuestras páginas.<br />
<br />
Haz clic sobre la siguiente imagen.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://netweather.accuweather.com/adcbin/netweather_v2/signup-page1.asp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgELp3hCMdihwgKPZLmsVb3xBovVjdP6OPxh1F0RnvO74-ezO4K54T_ZhYp7FyU6Ly0QImqIytFBzAjTeXBA2RWht1GyRcCMc9fXDpWXAopO3tbbcFokxmhgm3LCnNRwgCRDTMGAxTFLhQ/s1600/weather+02.png" /></a></div>
<br />
Una vez en la página, haremos clic en el siguiente botón.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu3gy2Q9YIgoHra0Ax0aZ0nNFEiExdo5P5xMlSGNrUW1lLbM39LWafJKXMxIOhF7br5q729BNG1hVpEtPQVadjlOIWOF375mQb_OgVCg_NwQt6tUli9jc_MWnlOutyyq-KEhwqZ-nV6Ds/s1600/weather+03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu3gy2Q9YIgoHra0Ax0aZ0nNFEiExdo5P5xMlSGNrUW1lLbM39LWafJKXMxIOhF7br5q729BNG1hVpEtPQVadjlOIWOF375mQb_OgVCg_NwQt6tUli9jc_MWnlOutyyq-KEhwqZ-nV6Ds/s1600/weather+03.png" /></a></div>
<br />
En la siguiente pantalla tendremos que definir la unidad de medida, el idioma y la localidad. Pulsaremos el botón <b>Search</b> para averiguar si nuestra localidad figura dentro de las que ofrece el servicio. Si no es así, intentar con otra localidad cercana a la vuestra.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0VskCF19fzYsqiJGKrdHQf97V85UafCG7Ayxq-unN4eEs0bq9-i4d7M0OXV0lnLMzkPFY4akOdAjq6_BZ7S38OrJFy2tq-W1WB2_oxba968hozc5TK4q6mUW9KRxYq0isBdFjYzVWYQE/s1600/weather+04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0VskCF19fzYsqiJGKrdHQf97V85UafCG7Ayxq-unN4eEs0bq9-i4d7M0OXV0lnLMzkPFY4akOdAjq6_BZ7S38OrJFy2tq-W1WB2_oxba968hozc5TK4q6mUW9KRxYq0isBdFjYzVWYQE/s640/weather+04.png" width="640" /></a></div>
<br />
Pulsamos el botón <b>Next</b>.<br />
<br />
A continuación, elegiremos el tamaño del elemento que mostrará la información y una de las diversas formas de ver el fondo del objeto.<br />
<br />
Pulsamos el botón <b>Next</b>.<br />
<br />
En la siguiente pantalla aceptaremos los términos de licencia haciendo clic en el cuadro de verificación.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgomk1EFY1N8Gai3B9zaCncyudT7UfDypBdeVPPhdKQV5ZjEhdlIODGYpXfe9hB9fVx9y282OkkiHVvQc_Y6UZyb17ptmoxLOSAVkZGfSOEiAPNoPd-uecHiK4I6KUepjWRMeZMcu6X36w/s1600/weather+05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgomk1EFY1N8Gai3B9zaCncyudT7UfDypBdeVPPhdKQV5ZjEhdlIODGYpXfe9hB9fVx9y282OkkiHVvQc_Y6UZyb17ptmoxLOSAVkZGfSOEiAPNoPd-uecHiK4I6KUepjWRMeZMcu6X36w/s1600/weather+05.png" /></a></div>
<br />
En la parte izquierda de la nueva pantalla debajo de <b>Web Page Code</b> tenemos el código que debemos copiar. Una vez copiado iremos a ActivInspire al menú <b>Insertar</b> colocamos el puntero del ratón sobre <b>Vínculo</b> y elegimos la opción <b>HTML incrustado…</b><br />
<br />
Pegamos el código y pulsamos el botón <b>Aceptar</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8MlNEfBeQnKFS_D9i6ENXcDqwdZSa3YMIkMfaOkg9wbljsuW-xtu_3eSP-gez0hHYJAlAtJGOU2wSIZDxnhrpB882ImmPLcrwh_rp51ichkW4X4h0DieBeWeqYLbm0q77bn00unkLxk4/s1600/weather+06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="253" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8MlNEfBeQnKFS_D9i6ENXcDqwdZSa3YMIkMfaOkg9wbljsuW-xtu_3eSP-gez0hHYJAlAtJGOU2wSIZDxnhrpB882ImmPLcrwh_rp51ichkW4X4h0DieBeWeqYLbm0q77bn00unkLxk4/s320/weather+06.png" width="320" /></a></div>
<br />
Ya disponemos de nuestro servicio de información meteorológica en nuestro rotafolios. Podemos acceder a más información haciendo clic en los diferentes enlaces.<br />
<br />
<span style="color: orange;"><b>Nota</b></span><br />
<br />
Si se necesita regresar a la imagen original una vez visitados los enlaces hay que utilizar la herramienta de ActivInspire, <b>Restablecer página</b>.Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com0tag:blogger.com,1999:blog-3016394208326691323.post-13705535448886842292013-04-15T08:00:00.000+02:002013-04-15T15:58:25.596+02:00Twitter en Activinpire<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBL8xCJrnSzTk-Kl1qmoxNUypg9MDKUhjjJ3LBs09N4QVmY-oVszRilIsWLI_Nd1k0pHr_on4mK5qdnbzirAnVvB8XvlJPadSC99vWVTq1f4P0XbqE3ijGwi5YlfWSK5NcLcBiCvXLt0k/s1600/Twitter&Activinspire.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBL8xCJrnSzTk-Kl1qmoxNUypg9MDKUhjjJ3LBs09N4QVmY-oVszRilIsWLI_Nd1k0pHr_on4mK5qdnbzirAnVvB8XvlJPadSC99vWVTq1f4P0XbqE3ijGwi5YlfWSK5NcLcBiCvXLt0k/s1600/Twitter&Activinspire.png" /></a></div>
Cada vez se utilizan más las redes sociales en el aula y Twitter es una de las que nos puede servir en clase.<br />
<br />
Vamos a ver como enlazar nuestra página de rotafolios con una cuenta de Twitter. Nos llevará muy poco tiempo (copiar – pegar) y podemos tener más de una cuenta en la misma página.<br />
<br />
En una página de nuestro rotafolios iremos al menú <b>Insertar</b> elegimos la opción <b>Vínculo</b> y dentro de esta elegimos <b>HTML incrustado…</b><br />
<br />
Copiamos el siguiente código y lo pegamos en el <b>HTML incrustado…</b><br />
<br />
<code><script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script><br /><script><br />new TWTR.Widget({<br /> version: 2,<br /> type: 'profile',<br /> rpp: 6,<br /> interval: 6000,<br /> width: <span style="color: blue;">202</span>,<br /> height: <span style="color: blue;">335</span>,<br /> theme: {<br /> shell: {<br /> background: '#<span style="color: blue;">dfe1e3</span>',<br /> color: '#<span style="color: blue;">333333</span>'<br /> },<br /> tweets: {<br /> background: '#<span style="color: blue;">ffffff</span>',<br /> color: '#<span style="color: blue;">333333</span>',<br /> links: '#<span style="color: blue;">940f04</span>'<br /> }<br /> },<br /> features: {<br /> scrollbar: true,<br /> loop: false,<br /> live: false,<br /> timestamp: true,<br /> avatars: <span style="color: blue;">false</span>,<br /> behavior: 'all'<br /> }<br />}).render().setUser('<span style="color: red;">ManualActiv</span>').start();<br /></script><br />
</code>
<br />
De color azul tenemos la parte del código que podemos modificar para adaptar el objeto a nuestro gusto en cuanto al tamaño y colores. <br />
<ul>
<li><b>width:</b> ancho del objeto</li>
<li><b>height:</b> alto del objeto</li>
<li><b>background:</b> color de fondo del objeto.</li>
<li><b>color:</b> color de texto del nombre de la cuenta.</li>
<li><b>background:</b> color de fondo de los tweets.</li>
<li><b>color:</b> color del texto de los tweets.</li>
<li><b>links:</b> color de los enlaces que aparecen en los tweets.</li>
<li><b>avatars:</b> poner el valor <i>true</i> si queremos mostrar el avatar del tweet.</li>
</ul>
De color rojo en la parte final del código es donde debemos sustituir el nombre que veis ahí por el de la cuenta que queremos mostrar.<br />
<br />
Los colores están en código hexadecimal en esta <a href="http://es.wikipedia.org/wiki/Colores_web">página de la Wikipedia</a> podéis encontrar unas tablas de colores con el valor hexadecimal.<br />
<br />
Podemos insertar cuantas veces necesitemos este código en diferentes <b>HTML incrustado… </b>Sin olvidarnos de cambiar el nombre de la cuenta.Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com6tag:blogger.com,1999:blog-3016394208326691323.post-90943222137074417532013-04-08T08:00:00.000+02:002013-04-08T16:38:50.663+02:00Me gusta este rotafolio<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifIyne-qy_LzeIxv6R-jIYnrgk0MHsHMXILGyWd-wOE9CyT20sbBjMCeqzRXqRvzS7wupHTuadwtw_gx9kEXmuhfE7D7Lm5T37lmVvuzCVc6YyYYI3dfVXrpkifQ3ua8atQtIZdbPmv0o/s1600/megusta+01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifIyne-qy_LzeIxv6R-jIYnrgk0MHsHMXILGyWd-wOE9CyT20sbBjMCeqzRXqRvzS7wupHTuadwtw_gx9kEXmuhfE7D7Lm5T37lmVvuzCVc6YyYYI3dfVXrpkifQ3ua8atQtIZdbPmv0o/s1600/megusta+01.png" /></a>Durante las últimas semanas hemos trabajado bastante, así que en esta, vamos a realizar una tarea bastante sencilla y que nos llevará muy poco tiempo.<br />
<br />
Uno de los elementos que suelen aparecer en las páginas Web es el llamado botón <i>Me gusta</i>. Un botón que está enlazado a una cuenta de la red social Facebook y que muestra el número de personas a las que les interesa el contenido de una página.<br />
<br />
Se me ha ocurrido la posibilidad de poner uno en la página de un rotafolio para que nuestros alumnos puedan valorar su contenido. Obviamente no estará enlazado a ninguna cuenta.<br />
<br />
Mediante la herramienta <b>Figura</b> dibujamos un rectángulo redondeado y con la herramienta <b>Editar puntos de figura</b> del <b>Tirador de marquesina</b> hacemos que sus esquinas estén menos redondeadas.<br />
<br />
En el <b>Explorador de propiedades</b> le damos los siguientes valores:<br />
<ul>
<li><b>Contorno:</b> Estilo=Sólido; Color RGB =202, 212, 231.</li>
<li><b>Relleno:</b> Color RGB= 236, 238, 245.</li>
</ul>
Para el siguiente paso descarga la siguiente imagen en tu equipo.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJHie6kHhdNNpfAJlKkLIQhKllaOdlYzgMTPe7-Mnpr3fm74js_sqCjAVRxBafIWuD08l9onNZXm5ZBjI4bc8amIuigWAyLcz2I6RdCCGujyqqQ1yRD4fVbrGqxUwFxP7tm14pim2qUco/s1600/megusta.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJHie6kHhdNNpfAJlKkLIQhKllaOdlYzgMTPe7-Mnpr3fm74js_sqCjAVRxBafIWuD08l9onNZXm5ZBjI4bc8amIuigWAyLcz2I6RdCCGujyqqQ1yRD4fVbrGqxUwFxP7tm14pim2qUco/s1600/megusta.png" /></a></div>
La colocamos encima del rectángulo en su lado izquierdo.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrvneIgVC6Cs39-S-WRkbKoKCuhohj33LlIXfcMKHqC34CCc6R4vPY0bXnEvymbigz7mnMdniZjcxwxSDCm31PUqChKY9Ip3idFiyI2S5NT4XrWfPTfcGTDmbDdqJ704AqG2833o7eK8w/s1600/megusta+02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrvneIgVC6Cs39-S-WRkbKoKCuhohj33LlIXfcMKHqC34CCc6R4vPY0bXnEvymbigz7mnMdniZjcxwxSDCm31PUqChKY9Ip3idFiyI2S5NT4XrWfPTfcGTDmbDdqJ704AqG2833o7eK8w/s1600/megusta+02.png" /></a></div>
Con la herramienta <b>Texto</b> escribimos a su lado <i>Me gusta</i>.<br />
<ul>
<li><b>Fuente</b>= Segoe UI </li>
<li><b>Color</b>= RGB 93, 116, 197</li>
</ul>
Si no dispones en tu equipo de esa fuente puedes utilizar la fuente Arial.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzslx95ptWiCxIK0D-93OaIIe97rxQZQ-Zn0MFHbMUfffpMqQTEeJXNu16dy9_MAWUIMnauCj0-Un_XFFxVtCHZ8uKOL5WVeaTiy3cZLs_v6hRhSFPLkMmjYtS7A1mEwCLeczxT6k4m8E/s1600/megusta+03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzslx95ptWiCxIK0D-93OaIIe97rxQZQ-Zn0MFHbMUfffpMqQTEeJXNu16dy9_MAWUIMnauCj0-Un_XFFxVtCHZ8uKOL5WVeaTiy3cZLs_v6hRhSFPLkMmjYtS7A1mEwCLeczxT6k4m8E/s1600/megusta+03.png" /></a></div>
Al lado, utilizando la misma fuente de letra pero esta vez de color negro, escribimos con la herramienta <b>Texto</b> <i>A personas les gusta esto</i>. Debemos dejar unos pocos espacios entre las palabras <i>A</i> y <i>personas</i> para poner el número. Este número lo pondremos mediante la herramienta <b>Texto</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHSkkoNu4zrM679oaNssV6l9g0aUKCLko0fqTXUyof4meVEhmvtziLAxS0WMua0J41G0yOlGPPFl1ysOJ-9JyMb74uVEtWR3TpddbKy5MFXU4DBKjlURSAsu2wBppOyPpgwt6GQA2lJsQ/s1600/megusta+04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHSkkoNu4zrM679oaNssV6l9g0aUKCLko0fqTXUyof4meVEhmvtziLAxS0WMua0J41G0yOlGPPFl1ysOJ-9JyMb74uVEtWR3TpddbKy5MFXU4DBKjlURSAsu2wBppOyPpgwt6GQA2lJsQ/s1600/megusta+04.png" /></a></div>
<br />
Seleccionamos el botón con su contenido y los <b>agrupamos</b>. Luego, vamos al <b>Explorador de Acciones</b>, seleccionamos <b>Acciones de objeto</b> y luego la acción <b>Cambiar valor del texto</b>.<br />
En las <b>Propiedades de la acción</b> ponemos como valores:<br />
<ul>
<li><b>Destino (texto)</b> = Texto 3</li>
<li><b>Texto=</b> +1</li>
</ul>
Con esto cada vez que se hace clic en el botón se suma una unidad al valor del cuadro de texto donde hemos puesto el número.Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com0tag:blogger.com,1999:blog-3016394208326691323.post-3236789636887687922013-04-02T08:00:00.000+02:002013-04-02T16:22:23.072+02:00Panel informativo<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8_ffzJ4xJb1LPvFeMph9alVNXmZo2_FzHE0qPKvp-yYlC2SgShBqNtfkzg1qDv-4sfdkdtNns6QamxKSM5ijsNLNRTq14vSqvOsmWTjIRPXpAjr8Q-YBp26EvTlw5uDyd2B91rNhx9l0/s1600/Panel+Info+01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8_ffzJ4xJb1LPvFeMph9alVNXmZo2_FzHE0qPKvp-yYlC2SgShBqNtfkzg1qDv-4sfdkdtNns6QamxKSM5ijsNLNRTq14vSqvOsmWTjIRPXpAjr8Q-YBp26EvTlw5uDyd2B91rNhx9l0/s1600/Panel+Info+01.png" /></a></div>
Todos conocemos esos paneles con información que van cambiando por partes hasta que aparece la información que se quiere mostrar.<br />
<br />
Se me ha ocurrido intentar utilizarlos para mostrar de una forma diferente la información en nuestros rotafolios.<br />
<br />
No es que sea algo que vayamos a utilizar muy a menudo pero puede ser algo entretenido.<br />
<br />
Comenzaremos dibujando mediante la herramienta<b> Figura</b> dos rectángulos redondeados dejando una pequeña separación entre ellos. En el <b>Explorador de propiedades</b> les pondremos los siguientes valores:<br />
<ul>
<li><b>Contorno:</b> Estilo= Ninguno.</li>
<li><b>Relleno:</b> Color RGB= 188, 188, 188. </li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS9MhBEweEUNzCRnpHSHlMTUtwhRmo7A7No79fU4CzT_616VLdpZ8zcEGLc3HVPTWo8rMzjBrmGRS4sqW5rmEYSaP_uEx0X3eoYTmJgKS0SIjm09MLHBJGUqqzeMXGX2QGoA7kZMpRxTA/s1600/Panel+Info+02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS9MhBEweEUNzCRnpHSHlMTUtwhRmo7A7No79fU4CzT_616VLdpZ8zcEGLc3HVPTWo8rMzjBrmGRS4sqW5rmEYSaP_uEx0X3eoYTmJgKS0SIjm09MLHBJGUqqzeMXGX2QGoA7kZMpRxTA/s1600/Panel+Info+02.png" /></a></div>
<br />
Duplicamos ambos rectángulos y colocamos sus copias sobre ellos ligeramente hacia la izquierda y hacia arriba para crear un efecto de sombra. Cambiamos su color a RGB= 241, 241, 241.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfASeDaFifp40uEJklO4tgN72N0A9xPi2e7xqFQg141craB3sC_rUdmxWbayplCY9mGK59Vw1qJ-jKP4j4etanb8bzkwj61d6fXxT3b_7ZPJGhsL-8H2Y8WmIwVQcUDw4VA4ow6z8FF_w/s1600/Panel+Info+03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfASeDaFifp40uEJklO4tgN72N0A9xPi2e7xqFQg141craB3sC_rUdmxWbayplCY9mGK59Vw1qJ-jKP4j4etanb8bzkwj61d6fXxT3b_7ZPJGhsL-8H2Y8WmIwVQcUDw4VA4ow6z8FF_w/s1600/Panel+Info+03.png" /></a></div>
<br />
A continuación, con la herramienta <b>Texto</b> escribimos en color negro la primera letra del abecedario. Recomiendo probar con diferentes fuentes ya que las muy delgadas o muy gruesas no quedan bien.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO-9t1OG5stYQ8OIb2XNmf8xnylHT3gs8eMcpJWOmHMOehQmcc4E4UbmTxm5QuhlVIDskzn2iwc87cBI7jdM6G-1IRefIHLJJc0jYH7nBgQYvaUXs2GTl1HmsMAR9xWN896G1AOh2UHVw/s1600/Panel+Info+04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO-9t1OG5stYQ8OIb2XNmf8xnylHT3gs8eMcpJWOmHMOehQmcc4E4UbmTxm5QuhlVIDskzn2iwc87cBI7jdM6G-1IRefIHLJJc0jYH7nBgQYvaUXs2GTl1HmsMAR9xWN896G1AOh2UHVw/s1600/Panel+Info+04.png" /></a></div>
<br />
Ahora, mediante la herramienta <b>Figura</b> dibujamos un pequeño rectángulo, ligeramente menos ancho que los anteriores y tan alto como la separación entre rectángulos redondeados. Lo colocaremos en la separación.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGonntjOVhBTEZZhg5LgT8y1aQ0xZtCz6-VsCSwN8uhjuDlsvF1PZpn7hIXY7Dc6ovR43fgM76CsCaXWAV9lEXvgOVBb1RLrgqzZfD4gT3ehMbR6wAP7QjmMvgY06_rCUWfHr10io_L6g/s1600/Panel+Info+05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGonntjOVhBTEZZhg5LgT8y1aQ0xZtCz6-VsCSwN8uhjuDlsvF1PZpn7hIXY7Dc6ovR43fgM76CsCaXWAV9lEXvgOVBb1RLrgqzZfD4gT3ehMbR6wAP7QjmMvgY06_rCUWfHr10io_L6g/s1600/Panel+Info+05.png" /></a></div>
<br />
También podemos utilizar un color oscuro y la letra de color claro.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_i16l7ztEJCbCJkQNlzvlmN0in408tF_pRok8lDnd3QinO-REKl3SqlFVcjDvdvHnvwX0jqgmaQS-uzrBHuvYtAvZcHicELwxdbUNdDfxmv6vz7FackVV9J-jCBV6NYbYfqEckgKx-yE/s1600/Panel+Info+06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_i16l7ztEJCbCJkQNlzvlmN0in408tF_pRok8lDnd3QinO-REKl3SqlFVcjDvdvHnvwX0jqgmaQS-uzrBHuvYtAvZcHicELwxdbUNdDfxmv6vz7FackVV9J-jCBV6NYbYfqEckgKx-yE/s1600/Panel+Info+06.png" /></a></div>
<br />
Ya tenemos nuestro primer cartel del panel pero para que sea más fácil manejarlo y no tengamos problemas con el tipo de fuente, vamos a tomar una instantánea de la mitad inferior y otra de la mitad superior del cartel con la herramienta <b>Cámara</b> y así con cada letra y número.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm9j3WXWBJrn3c4yhEyS5K5SLFJ7-Ho8B-wGz3ib6xQYd7os2SRJDa83gyXxrBvCACQGKn16tMal1Sx5XKnyGflAAXEHkT-2GjvpuCdIo5utge4uSsujyl8VHx11eFj8HKQLHk8DvA9xw/s1600/Panel+Info+07.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm9j3WXWBJrn3c4yhEyS5K5SLFJ7-Ho8B-wGz3ib6xQYd7os2SRJDa83gyXxrBvCACQGKn16tMal1Sx5XKnyGflAAXEHkT-2GjvpuCdIo5utge4uSsujyl8VHx11eFj8HKQLHk8DvA9xw/s1600/Panel+Info+07.png" /></a></div>
<br />
Para utilizarlas simplemente colocaremos primero las letras de la palabra o palabras a mostrar y encima, las de la información actual, a cada parte de estas últimas, en el <b>Explorador de acciones</b>, le ponemos la acción <b>Enviar al fondo</b> y como <i>Objetivo</i> ella misma.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dwc3uiuO1U2v4ZVjI53K9Y0lrmQfOSohq_XSD2XdIQ3exURZyjCNOBFXTyzaanYZULQDpD5Fi_bQ-kyp899zQ' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div>
<br />
Simplemente pulsaremos en cada parte y cambiarán las letras para formar las nuevas palabras.<br />
<br />
Os dejo un recurso con todas las letras y números del panel en dos colores, con fondo claro y letras negras y con fondo oscuro y letras blancas. Espero que os puedan servir.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwPQTtGnrnlAeCCHCfX-WAr_3F3_cAxdVJvxHeinTHX0LdhLbUFUhVr0PmzQLfJv0_4dLnu4zh6x3qua5JkxrcB5kg8BnqY_nsSiefSWfoLXr6tlHJN7lN3c_swvDWYUMyiYEYPx-L5Dw/s1600/Panel+Info+08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwPQTtGnrnlAeCCHCfX-WAr_3F3_cAxdVJvxHeinTHX0LdhLbUFUhVr0PmzQLfJv0_4dLnu4zh6x3qua5JkxrcB5kg8BnqY_nsSiefSWfoLXr6tlHJN7lN3c_swvDWYUMyiYEYPx-L5Dw/s1600/Panel+Info+08.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://drive.google.com/uc?export=download&id=0B6hqahLh9JYKdzFtZ0tZTHVBWEE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3_spbaeWt6XExhPsij2Y7Hysx3OgZhW4tRExwRPu9h__VLhDd521RD4PLGOw8jr59jm4-RDfSJ7O0OxwlLXScOf-ruTOP7qqpLbGcj6B8RJBoPkTlDNvU4J2EnvfmDQ90BOpHqzmVZ9E/s1600/descargar.png" /></a></div>
Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com7tag:blogger.com,1999:blog-3016394208326691323.post-51421263172228003772013-03-25T08:00:00.000+01:002013-03-25T16:01:00.820+01:00Cuadro de lista<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmViXaDHi7fkmNXTiRA423827Xa5bfh8raN9dwtTdkK0OoGEb4CBl5hUUa1RHcNo3LaIu83ApSGYorRqiDj_0ferntfmTl3iZ1rh54qIxXurM8cWn2kNwk02ZaIU4Cc1ZsDE6iZi9zn4E/s1600/ListBox+01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmViXaDHi7fkmNXTiRA423827Xa5bfh8raN9dwtTdkK0OoGEb4CBl5hUUa1RHcNo3LaIu83ApSGYorRqiDj_0ferntfmTl3iZ1rh54qIxXurM8cWn2kNwk02ZaIU4Cc1ZsDE6iZi9zn4E/s1600/ListBox+01.png" /></a></div>
Continuando con la creación de elementos típicos de aplicaciones, vamos a crear un cuadro de lista o ListBox.<br />
<br />
Los cuadros de lista contienen un conjunto de opciones en una lista, por la que nos podremos desplazar mediante unos botones, ya sea en sentido vertical, como en horizontal o en ambos, mediante unos botones (barra de desplazamiento).<br />
<br />
Voy a mostrar cómo crear un cuadro de lista con barra de desplazamiento vertical ya que es el más común.<br />
<br />
Comenzaremos dibujando mediante la herramienta <b>Figura</b> un rectángulo donde irá nuestra lista.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPfHtfT9K3h-Z7ERkWmg8v8PQE8yUcISheHe_BVfwojTRBWK5YC4SzWBG_T2RliDywmwz3eUfRo41fAcPubqLNNxu8CSAHkt9a4WkTgza6jKMHdYmAdbTo0Ti455phTg6XXpQn0QRdMig/s1600/ListBox+02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPfHtfT9K3h-Z7ERkWmg8v8PQE8yUcISheHe_BVfwojTRBWK5YC4SzWBG_T2RliDywmwz3eUfRo41fAcPubqLNNxu8CSAHkt9a4WkTgza6jKMHdYmAdbTo0Ti455phTg6XXpQn0QRdMig/s1600/ListBox+02.png" /></a></div>
<br />
En el <b>Explorador de propiedades</b> le damos los siguientes valores:<br />
<ul>
<li><b>Contorno:</b> Estilo= Sólido; Color RGB= 192, 192, 192; Ancho= 2.</li>
<li><b>Relleno:</b> Estilo= Sólido; Color RGB= 255, 255, 255.</li>
<li><b>Contenedor:</b> Puede contener= Cualquier cosa; Regla de contenedor= Completamente contenido.</li>
<li><b>Restricciones:</b> Puede moverse: Verticalmente.</li>
</ul>
A continuación, mediante la herramienta <b>Texto</b>, escribimos al lado del rectángulo cada una de las opciones. Cuando las tengamos todas, las seleccionamos y llevamos todas nuestras opciones sobre el rectángulo. Comprobamos que si desplazamos el rectángulo su contenido también lo hace.<br />
<br />
El siguiente paso que debemos realizar es dibujar mediante la herramienta <b>Figura</b> un rectángulo en la parte superior de nuestro primer rectángulo y otro en la parte inferior, ocultando parte de la lista. <br />
<br />
Si utilizamos un color degradado o una imagen como fondo de página, tendríamos que utilizar la herramienta <b>Cámara</b> para tomar una instantánea de la parte donde irá el rectángulo para que quede disimulado con el fondo.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD5XA15_bpLtEtu6Jdbl2_v-dpshfAs_mb0osLIgrb43nXugZZPUx3oQENagFHvXCQFupSLuunjnHAJ_oI_Y4Z9W17LaqKmFDPykNcoxKLAAAxf9bdCCXiYb26y3ZJasTw2dZrTfBfiaY/s1600/ListBox+03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD5XA15_bpLtEtu6Jdbl2_v-dpshfAs_mb0osLIgrb43nXugZZPUx3oQENagFHvXCQFupSLuunjnHAJ_oI_Y4Z9W17LaqKmFDPykNcoxKLAAAxf9bdCCXiYb26y3ZJasTw2dZrTfBfiaY/s1600/ListBox+03.png" /></a></div>
<br />
Mediante la herramienta <b>Figura</b> dibujamos un rectángulo para dibujar la barra de desplazamiento. En el <b>Explorador de propiedades</b> le damos los siguientes valores:<br />
<ul>
<li><b>Contorno:</b> Estilo= Sólido; Color RGB= 192, 192, 192; Ancho= 2.</li>
<li><b>Relleno:</b> Estilo= Sólido; Color RGB= 255, 255, 255.</li>
</ul>
Después dibujaremos dos pequeños rectángulos a modo de botones con unos triángulos en su interior y agrupamos cada botón con su respectivo triángulo.<br />
<br />
Ahora vamos con la parte más delicada. Dibujaremos una línea horizontal en la parte superior de la lista, justo donde finalizaría si desplazásemos la lista hasta el máximo y lo mismo en la parte inferior.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgASc6IVxzL3fEi_hIgmvKHjpgQWEUAJhyphenhyphenPWFQyrIk25n9pXv_q7W-aa4vtd4ECzEikBozx-hg6IYAOeRZEbNOFToeXxMrxJmKfEb7Om_YxBnwsXjh1zcD1pLUWad0-tzlvF2blVZmB6vA/s1600/ListBox+04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgASc6IVxzL3fEi_hIgmvKHjpgQWEUAJhyphenhyphenPWFQyrIk25n9pXv_q7W-aa4vtd4ECzEikBozx-hg6IYAOeRZEbNOFToeXxMrxJmKfEb7Om_YxBnwsXjh1zcD1pLUWad0-tzlvF2blVZmB6vA/s1600/ListBox+04.png" /></a></div>
<br />
En el <b>Explorador de propiedades</b> para ambas líneas horizontales debemos poner:<br />
<ul>
<li><b>Restricciones:</b> Puede bloquear= Verdadero.</li>
</ul>
Estas líneas nos ayudan a parar la lista cuando se desplace ya se hacia arriba o hacia abajo. Mediante el Control deslizante de translucidez las hacemos transparentes.<br />
<br />
Ahora, vamos a colocar el botón central de la barra de desplazamiento justo encima del botón inferior de la barra de desplazamiento. Desgraciadamente, no he conseguido que funcione exactamente igual que un cuadro de lista (ListBox), ya que cuando desplazamos este botón, la lista se debe mover en sentido contrario al botón.<br />
<br />
En el <b>Explorador de propiedades</b> ponemos la propiedad:<br />
<ul>
<li><b>Restricciones:</b> Puede moverse: Verticalmente.</li>
</ul>
Una vez dibujado lo agrupamos con el rectángulo de la lista.<br />
<br />
En el <b>Explorador de propiedades </b>les damos a los botones con el triángulo la propiedad:<br />
<ul>
<li><b>Restricciones:</b> Puede bloquear= Verdadero.</li>
</ul>
Ahora, seleccionamos el botón superior de la barra de desplazamiento y en el <b>Explorador de acciones</b> seleccionamos <b>Acciones de objeto</b> y elegimos <b>Colocar de forma incremental</b>, ponemos los siguientes valores:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZBr3uBVUc7Z1TtYGYFrdI_G53UDxx3S0bkE7XZLK5ySqu9ZKxBiuJ_43dghyQq-fycT8lkSxf_5Gks_3QL6jevaQW8upV-eKZ6JTuq2TjQA9ux2ZQZrXZVq_Tgp1xULPXveFSZAxV0dU/s1600/ListBox+05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZBr3uBVUc7Z1TtYGYFrdI_G53UDxx3S0bkE7XZLK5ySqu9ZKxBiuJ_43dghyQq-fycT8lkSxf_5Gks_3QL6jevaQW8upV-eKZ6JTuq2TjQA9ux2ZQZrXZVq_Tgp1xULPXveFSZAxV0dU/s1600/ListBox+05.png" /></a></div>
<br />
El objetivo es la última agrupación que hemos realizado, la del botón central con la lista. Para el botón inferior haremos lo mismo pero poniendo el valor <b>Y</b> en negativo.<br />
<br />
Dibujaremos dos líneas horizontales del color del borde de la lista para que quede cerrada por la parte superior e inferior.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dxO0kb9v9kOrjjO-vxa-ukhX-zr2MUenKPXnd1YeLPhInSeT-OwV6Ks7W7cS4p733Xoky4p1nSYWICZFm0JAw' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div>
<br />
La parte final consistiría en crear una acción para cada una de las opciones o poner el comando <b>Arrastrar una copia</b>, eso lo dejo a la elección de cada uno.Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com0tag:blogger.com,1999:blog-3016394208326691323.post-2917133214722162382013-03-18T08:00:00.000+01:002013-03-18T16:01:19.361+01:00Cuadro combinado<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj84oSoodfGJuSTfS6EogM8UbywzeHWCwxPtpYvtkZfWHlxqp6ngA1n6Mgt99c4D1TZJPWFqRo95HmbQDlePXUZ9Dy64n2ejh6CRPq2Mm92XtbeAXI1mc3-Ub_FNahvS3rZCpGbuWFS2Ls/s1600/Cuadro+combinado+01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj84oSoodfGJuSTfS6EogM8UbywzeHWCwxPtpYvtkZfWHlxqp6ngA1n6Mgt99c4D1TZJPWFqRo95HmbQDlePXUZ9Dy64n2ejh6CRPq2Mm92XtbeAXI1mc3-Ub_FNahvS3rZCpGbuWFS2Ls/s1600/Cuadro+combinado+01.png" /></a></div>
Un objeto que habitualmente utilizamos y que podemos aplicar a nuestras páginas en el rotafolios, es el cuadro combinado o combo box. Un cuadro combinado es una lista desplegable de la cual vamos a poder elegir entre diferentes opciones.<br />
<br />
Crear estos cuadros combinados es una tarea sencilla y que nos ocupará poco tiempo con un resultado bastante aceptable.<br />
<br />
En el ejemplo que voy a mostrar, utilizaré el cuadro combinado para que se pueda elegir entre varias palabras para rellenar un texto, pero podríamos utilizarlo, por ejemplo, para mostrar imágenes o poner diferentes soluciones a una operación matemática.<br />
<br />
Comienzo escribiendo mi texto y dejando un espacio en blanco para el cuadro combinado.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb8DkUMAfg1fuz7V4bpZs1jVuk2qTLIUf3gX4DDuwTuZbvewEZviF6d_iTFOzB29YPrrliY8cArnt3PgEfPWQpHc1blI1PqLWXmwbUDdDpYO39q1tXuRCC5XDXMjFcHVCwrBXVBD-2xmU/s1600/Cuadro+combinado+02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="65" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb8DkUMAfg1fuz7V4bpZs1jVuk2qTLIUf3gX4DDuwTuZbvewEZviF6d_iTFOzB29YPrrliY8cArnt3PgEfPWQpHc1blI1PqLWXmwbUDdDpYO39q1tXuRCC5XDXMjFcHVCwrBXVBD-2xmU/s320/Cuadro+combinado+02.png" width="320" /></a></div>
<br />
Mediante la herramienta <b>Figura</b> dibujamos un rectángulo que colocaremos en el espacio en blanco, en su lado izquierdo mediante la misma herramienta dibujamos un cuadrado y dentro de él un pequeño triángulo.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5rYH_FFndwIEP8NyUeLe5cb3m80_gvrdu_es2yBomvelUjgLncgWfXRidFavPZXAEn5i00R-FFn05Afmw6uB2mrjRAggtVgy7BKJEdZfysWBGMWbxv7NYKR1vwYTL1oUihZSI1XCxbco/s1600/Cuadro+combinado+03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5rYH_FFndwIEP8NyUeLe5cb3m80_gvrdu_es2yBomvelUjgLncgWfXRidFavPZXAEn5i00R-FFn05Afmw6uB2mrjRAggtVgy7BKJEdZfysWBGMWbxv7NYKR1vwYTL1oUihZSI1XCxbco/s1600/Cuadro+combinado+03.png" /></a></div>
Debajo del rectángulo nuevamente con la herramienta <b>Figura</b> dibujaremos otro rectángulo que va a contener la lista.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoa6Xryjs0QvgxrW1SDUErYBVLO6_vOq5wrkzzXEsUHqcq2828PGsVR0bxKkfoG5tLKROiCzN7KEBx7f54Ef7AV8_-UVaQUDDc2b3LjdOAuFOpPf7Zs0UAvLL-i1_p7WsrTBw6-3zeX6s/s1600/Cuadro+combinado+04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoa6Xryjs0QvgxrW1SDUErYBVLO6_vOq5wrkzzXEsUHqcq2828PGsVR0bxKkfoG5tLKROiCzN7KEBx7f54Ef7AV8_-UVaQUDDc2b3LjdOAuFOpPf7Zs0UAvLL-i1_p7WsrTBw6-3zeX6s/s1600/Cuadro+combinado+04.png" /></a></div>
<br />
Mediante la herramienta <b>Texto</b> escribiremos las diferentes opciones de la lista.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwrv-U-qoImjyD4hZgRBpo4BhwuYHL3aLrKoWtGVAuBFeNjbC_ADKtrypM496t3c3o-3trIZkZWzkBjkCVtAMes2JjG4s6wHtKJClYKVP1eK0QT2qt9JuQtfdkCc3uCK7WMELb8dxjiIs/s1600/Cuadro+combinado+06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwrv-U-qoImjyD4hZgRBpo4BhwuYHL3aLrKoWtGVAuBFeNjbC_ADKtrypM496t3c3o-3trIZkZWzkBjkCVtAMes2JjG4s6wHtKJClYKVP1eK0QT2qt9JuQtfdkCc3uCK7WMELb8dxjiIs/s1600/Cuadro+combinado+06.png" /></a></div>
Duplicaremos cada una de nuestras opciones y las colocaremos detrás del primer rectángulo que hemos dibujado. Es conveniente, por tanto, tener en cuenta el tamaño del texto que vamos a utilizar en relación con el alto del rectángulo.<br />
<br />
Ahora seleccionamos la primera opción de la lista y vamos al <b>Explorador de acciones</b>, en las <b>Acciones de objeto</b>, seleccionamos <b>Traer al frente</b>, como <i>Objetivo</i>, ponemos su copia y pulsamos el botón, <b>Aplicar cambios</b>. Realizaremos la misma operación para cada una de las opciones.<br />
<br />
A continuación, seleccionamos cada una de las opciones de la lista junto con el rectángulo de la lista y los agrupamos.<br />
<br />
Seleccionamos el cuadrado y el triángulo que contiene y los <b>agrupamos</b>.<br />
<br />
Seleccionamos esta segunda agrupación y vamos al <b>Explorador de acciones</b>, en <b>Acciones de objeto</b>, seleccionamos <b>Oculto</b>, como <i>Objetivo</i>, ponemos la primera agrupación.<br />
<br />
Cada vez que pulsemos el botón con el triángulo, aparece o desaparece la lista con su contenido y cuando elegimos una opción aparecerá la respuesta.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dx7UkTpBsGvQsxx6kAEmh2fkIByzkwTZYHmKbW6kEUoEIKysSwXendxsv7sy2QbvII3ixw49gzhpB8GO_2csA' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div>
<br />
<br />
En la siguiente imagen os muestro como quedarían todos los objetos en la página.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbEHl3kse8Am2st_b0a0yWE_7h87goyoHuTZCBZZiYGiZfBYv9LHNg_p_tIpC8mLtxiTiuqTpDix3DjQmaLeqSJsmZAdP6AXS1mr9rk5VVlwaKdgOsRW8Ez6nyAUWAxGxwZJC0db8gvsc/s1600/Cuadro+combinado+05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbEHl3kse8Am2st_b0a0yWE_7h87goyoHuTZCBZZiYGiZfBYv9LHNg_p_tIpC8mLtxiTiuqTpDix3DjQmaLeqSJsmZAdP6AXS1mr9rk5VVlwaKdgOsRW8Ez6nyAUWAxGxwZJC0db8gvsc/s1600/Cuadro+combinado+05.png" /></a></div>
<br />
Independientemente de lo que vayamos a mostrar sea un texto, una imagen o una figura, el funcionamiento del cuadro combinado es el mismo, sólo tenemos que ocultar de otra forma las respuestas.Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com2tag:blogger.com,1999:blog-3016394208326691323.post-17201274085221204792013-03-11T08:00:00.000+01:002013-03-11T16:13:42.454+01:00Texto con texturas<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsIx1XFrOmlfR0eATHai8aaqgJYv2hSwUUh8n35GjGDoIThbPpDTl9pC4KRf5KE6yErdreUdRgLKyMoAL8mvbEZWOq7zR5PTkJK5AAvuWlq_rt6p3ttJ8DLX0M2yoieC_9dgZ9JiZtY0g/s1600/Texto+con+texturas+01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsIx1XFrOmlfR0eATHai8aaqgJYv2hSwUUh8n35GjGDoIThbPpDTl9pC4KRf5KE6yErdreUdRgLKyMoAL8mvbEZWOq7zR5PTkJK5AAvuWlq_rt6p3ttJ8DLX0M2yoieC_9dgZ9JiZtY0g/s1600/Texto+con+texturas+01.png" /></a></div>
En pasados artículos ya comenté diferentes formas de mejorar los textos con diferentes efectos para que nuestros rotafolios fuesen más atractivos (<a href="http://activinspire.blogspot.com/2010/11/consejos-de-textos-estupendos-creando.html">Consejos de textos estupendos creando rotafolios</a>, <a href="http://activinspire.blogspot.com/2011/01/mejorando-sus-rotafolios-con-efectos-de.html">Mejorando sus rotafolios con efectos de texto</a> o <a href="http://activinspire.blogspot.com/2012/01/fuente-de-letra-con-gradacion.html">Fuente de letra con gradación</a>).<br />
<br />
En esta ocasión mejoraremos nuestros textos creándolos a partir de texturas que podemos buscar en Internet o crearlas nosotros mismos. También es recomendable comenzar con fuentes de letra con líneas rectas para que nos sea más fácil crearlas.<br />
<br />
Para comenzar colocaremos la textura en una página del rotafolios y mediante la herramienta <b>Texto</b>, escribiremos la primera letra del abecedario, encima de la textura.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhST50J1Rmy77uWIl9VhLlEDZkPrSKt2LuJ_cXVlNH5YLVcvjQUHkBv6Ih7_5XAV4_jnKB2p9NHMpWcppgIPpYQRmMxcHYSUFGJcIzWmaqT8wy4HZklvO6P9LyEoQZ5kVMrTqzts4D0C5Y/s1600/Texto+con+texturas+02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhST50J1Rmy77uWIl9VhLlEDZkPrSKt2LuJ_cXVlNH5YLVcvjQUHkBv6Ih7_5XAV4_jnKB2p9NHMpWcppgIPpYQRmMxcHYSUFGJcIzWmaqT8wy4HZklvO6P9LyEoQZ5kVMrTqzts4D0C5Y/s200/Texto+con+texturas+02.png" width="194" /></a></div>
<br />
Mediante la herramienta <b>Figura</b> dibujamos el <b>triángulo</b> interior de la letra.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_3_O0-1AChHX1Tt1J52ZwvJWhTo1Bh0mm9RavAc8yoNyeokhB8KnaT45_RZjUwsA4Cdz-Sw1fWNI5RpXsnXQ3xff-y4hZuVA6tK4IsOY-vpsBTd-RmgMqOzb7sltS6VhC2k_PeAZzqE/s1600/Texto+con+texturas+03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_3_O0-1AChHX1Tt1J52ZwvJWhTo1Bh0mm9RavAc8yoNyeokhB8KnaT45_RZjUwsA4Cdz-Sw1fWNI5RpXsnXQ3xff-y4hZuVA6tK4IsOY-vpsBTd-RmgMqOzb7sltS6VhC2k_PeAZzqE/s200/Texto+con+texturas+03.png" width="198" /></a></div>
<br />
Ahora con la herramienta <b>Modificadores de lápiz</b> dibujamos el contorno de la letra utilizando para ello la última opción, <b>Figura de cadena lineal</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3yS3y-zW6WTb8qwTvsCp3Ti3c08Dxci0ALL7AhvW4sMb2ze8Pqrz7Vk_8rK0Ow9SmwUK-Ym8X3XvblZWI_hLzbSFAb1bh4B0DDmv21sRUAcU1m5G9ESznYH59pb9Hf8bevncFIMz2IDo/s1600/Texto+con+texturas+04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3yS3y-zW6WTb8qwTvsCp3Ti3c08Dxci0ALL7AhvW4sMb2ze8Pqrz7Vk_8rK0Ow9SmwUK-Ym8X3XvblZWI_hLzbSFAb1bh4B0DDmv21sRUAcU1m5G9ESznYH59pb9Hf8bevncFIMz2IDo/s200/Texto+con+texturas+04.png" width="200" /></a></div>
<br />
A continuación seleccionamos la letra y la eliminamos.<br />
<br />
El siguiente paso será obtener nuestra textura, sólo en lo que es ahora nuestra letra. Para ello ocultamos el triángulo y a continuación, nos iremos al menú <b>Herramientas</b> buscaremos la herramienta <b>Cámara</b> y elegiremos en ella la llamada <b>Instantánea punto a punto</b>.<br />
<br />
Con esta herramienta tomaremos una captura de la letra, poniendo los puntos por la parte interior del borde dibujado con los <b>Modificadores de lápiz</b>. Colocaremos la imagen en la misma página. Debemos tener cuidado en no acercarnos demasiado al borde cuando hagamos la captura para que no aparezca después.<br />
<br />
Una vez realizada la captura, si es necesario la ajustaremos al original y eliminamos la textura y el contorno, después, traemos al frente el triángulo le quitamos la opción de <b>oculto</b>, le damos el color de <b>Relleno</b> correspondiente al fondo de la página y <b>agrupamos</b> los objetos.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZyKJUfBTN4CXBIrnqU2WO1d7-c3lWpNe4D1L25PcWLMkfZVAJv5f5LnE7W-0lWI_bTDXI40rF3yjKDYFwn-g0e0lRJgdqQxnk7GDZUbJ0OxMmS3vfoSPVrQ58sdd4ZRP7S4LgpFVPqXY/s1600/Texto+con+texturas+05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZyKJUfBTN4CXBIrnqU2WO1d7-c3lWpNe4D1L25PcWLMkfZVAJv5f5LnE7W-0lWI_bTDXI40rF3yjKDYFwn-g0e0lRJgdqQxnk7GDZUbJ0OxMmS3vfoSPVrQ58sdd4ZRP7S4LgpFVPqXY/s200/Texto+con+texturas+05.png" width="200" /></a></div>
<br />
Mediante esta técnica podemos ir creando las demás letras del abecedario utilizando otras texturas o cada cinco o seis letras repetimos textura.<br />
<br />
Deberemos tener cuidado con aquellas letras como la <b>B</b> que tienen partes redondeadas ya que como no existe una figura para crear el interior como hicimos con el triángulo, deberemos crearlas con los <b>Modificadores de lápiz</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_6S-zAb7CfsYhA4p9vnkK_IuCAQn__yS_gfwuoJ40mjzIdbcDArE2-wjYXFwWvAuYvti7f8rIL0gTHUm_3XM-cLAuSi6BSDDhD3lRpSyOykLCJZFUXUD57i9oPqD7jnD58iOQMIWhvqY/s1600/Texto+con+texturas+06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_6S-zAb7CfsYhA4p9vnkK_IuCAQn__yS_gfwuoJ40mjzIdbcDArE2-wjYXFwWvAuYvti7f8rIL0gTHUm_3XM-cLAuSi6BSDDhD3lRpSyOykLCJZFUXUD57i9oPqD7jnD58iOQMIWhvqY/s200/Texto+con+texturas+06.png" width="168" /></a></div>
<br />
Recordar que una vez que tengamos creado todo el abecedario lo podremos guardar en <b>Mis recursos</b> para utilizarlo siempre que queramos.Emilio Cortizashttp://www.blogger.com/profile/06791888890629405004noreply@blogger.com0