{"id":560,"date":"2011-12-11T20:56:53","date_gmt":"2011-12-11T19:56:53","guid":{"rendered":"http:\/\/canaltic.com\/blog\/?p=560"},"modified":"2017-06-05T16:23:25","modified_gmt":"2017-06-05T15:23:25","slug":"slideplayer","status":"publish","type":"post","link":"https:\/\/canaltic.com\/blog\/?p=560","title":{"rendered":"slidePlayer"},"content":{"rendered":"<p><strong>slidePlayer<\/strong> es un sencillo visor flash de presentaciones realizadas con <a title=\"Powerpoint\" href=\"http:\/\/office.microsoft.com\/es-es\/powerpoint\/\" target=\"_blank\">Powerpoint<\/a> u <a title=\"OpenOffice\" href=\"http:\/\/es.openoffice.org\/\" target=\"_blank\">OpenOffice Impress<\/a>.Permite integrar de una forma f\u00e1cil y elegante una presentaci\u00f3n de diapositivas en una entrada del blog, wiki, moodle, joomla o p\u00e1gina web. El cliente puede visionarla con solo disponer de un navegador web con el <a title=\"Descargar Flash Player\" href=\"http:\/\/get.adobe.com\/es\/flashplayer\/\" target=\"_blank\">plugin de Flash Player<\/a> no siendo necesario el editor con que se dise\u00f1\u00f3 esa presentaci\u00f3n. Esta soluci\u00f3n ha sido elaborada en <a title=\"canalTIC.com\" href=\"http:\/\/canaltic.com\/blog\/\" target=\"_blank\">canaltic.com<\/a> y se ofrece para su libre uso en cualquier web educativa sin \u00e1nimo de lucro.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-561\" title=\"slidePlayer\" src=\"http:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/slideplayer1.jpg\" alt=\"\" width=\"400\" height=\"100\" srcset=\"https:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/slideplayer1.jpg 400w, https:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/slideplayer1-300x75.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/p>\n<p>Descarga slidePlayer, s\u00fabelo a tu espacio web junto con la presentaci\u00f3n en formato *.SWF resultado de la exportaci\u00f3n desde OpenOffice Impress e insertalo en el c\u00f3digo HTML de tu p\u00e1gina web.<\/p>\n<h2>\u00a0Caracter\u00edsticas<\/h2>\n<ul>\n<li>slidePlayer permite la integraci\u00f3n de una presentaci\u00f3n de diapositivas en cualquier p\u00e1gina web.<\/li>\n<li>Ofrece al usuario una barra de control que facilita la navegaci\u00f3n por las diapositivas de la misma.<\/li>\n<li>Se puede mostrar en modo \u201cpantalla completa\u201d para facilitar su utilizaci\u00f3n en una pizarra digital.<\/li>\n<li>Es una alternativa para incorporar una presentaci\u00f3n a una web local, es decir, sin acceso a Internet o cuando se estime conveniente no depender de un servicio de publicaci\u00f3n de presentaciones como <a title=\"SlideShare.net\" href=\"http:\/\/www.slideshare.net\/\" target=\"_blank\">SlideShare.net<\/a>.<\/li>\n<\/ul>\n<p><object width=\"576\" height=\"461\" classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,40,0\"><param name=\"src\" value=\"http:\/\/canaltic.com\/blog\/html\/slideplayer\/slideplayer.swf\" \/><param name=\"allowfullscreen\" value=\"true\" \/><param name=\"flashvars\" value=\"file=http:\/\/canaltic.com\/blog\/html\/slideplayer\/data.swf&amp;title=2011.slidePlayer by canalTIC.com\" \/><embed width=\"576\" height=\"461\" type=\"application\/x-shockwave-flash\" src=\"http:\/\/canaltic.com\/blog\/html\/slideplayer\/slideplayer.swf\" allowfullscreen=\"true\" flashvars=\"file=http:\/\/canaltic.com\/blog\/html\/slideplayer\/data.swf&amp;title=2011.slidePlayer by canalTIC.com\" \/><\/object><\/p>\n<h2>Instrucciones<\/h2>\n<p><strong>Paso 1. Crear la presentaci\u00f3n<\/strong><\/p>\n<p>Elabora una presentaci\u00f3n de diapositivas utilizando Powerpoint o Impress. Guarda el resultado como un archivo de extensi\u00f3n <strong>*.PPT<\/strong> (Powerpoint) o bien <strong>*.ODP<\/strong> (Impress). Si deseas experimentar directamente con slidePlayer puedes descargar esta presentaci\u00f3n en formato Impress ODP: <a title=\"Presentaci\u00f3n en formato Impress ODP\" href=\"http:\/\/canaltic.com\/blog\/html\/slideplayer\/presentacion_ODP.zip\">presentacion_ODP.zip<\/a><\/p>\n<p><strong>Paso 2. Exportar la presentaci\u00f3n a SWF<\/strong><\/p>\n<p><strong><\/strong>Inicia el programa <strong>OpenOffice Impress<\/strong> y elige <strong>Archivo &gt; Abrir<\/strong> para seleccionar el archivo con la presentaci\u00f3n. Impress es capaz de abrir y transformar en editable una presentaci\u00f3n inicialmente elaborada con Powerpoint en formato *.PPT.<\/p>\n<p>Desde Impress selecciona <strong>Archivo &gt; Exportar<\/strong>\u00a0y en el cuadro de di\u00e1logo <strong>Exportar<\/strong>\u00a0selecciona como <strong>Tipo: Macromedia Flash SWF(*.swf)<\/strong>. Introduce el nombre del archivo, por ejemplo <strong>data <\/strong>aunque puede ser cualquier otro, y haz clic en <strong>Guardar<\/strong>. Al cabo de unos instantes dispondr\u00e1s de un archivo en formato <strong>*.SWF<\/strong> con la presentaci\u00f3n.<\/p>\n<p><strong>Paso 3. Conseguir el reproductor de slidePlayer<\/strong><\/p>\n<p>Descarga y descomprime el archivo <a title=\"slidePlayer\" href=\"http:\/\/canaltic.com\/blog\/html\/slideplayer\/slideplayer.zip\">slideplayer.zip<\/a>. Como resultado obtendr\u00e1s el visor flash <strong>slideplayer.swf<\/strong>. Si deseas experimentar directamente con slidePlayer puedes descargar esta presentaci\u00f3n en formato SWF: <a title=\"Presentaci\u00f3n en formato SWF\" href=\"http:\/\/canaltic.com\/blog\/html\/slideplayer\/presentacion_SWF.zip\">presentacion_SWF.zip<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-567\" title=\"slidePlayer\" src=\"http:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/slideplayer2.jpg\" alt=\"\" width=\"400\" height=\"100\" srcset=\"https:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/slideplayer2.jpg 400w, https:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/slideplayer2-300x75.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/p>\n<p><strong>Paso 4. Subir los archivos al servidor<\/strong><\/p>\n<p>Sube el visor <strong>slideplayer.swf<\/strong> y la presentaci\u00f3n <strong>data.swf<\/strong> a tu sitio web. Puede optar por utilizar una de estas alternativas que se sugieren:<\/p>\n<p><strong>Sitio web personal<\/strong>. Puedes crear una carpeta en tu espacio web personal y subir a \u00e9l estos dos archivos. Copia la URL de ambos. Ejemplo:<\/p>\n<blockquote><p><strong>Visor<\/strong>: http:\/\/canaltic.com\/&lt;nombre_carpeta&gt;\/slideplayer.swf<br \/>\n<strong>Presentaci\u00f3n<\/strong>: http:\/\/canaltic.com\/&lt;nombre_carpeta&gt;\/data.swf<\/p><\/blockquote>\n<p><strong>Google Sites<\/strong>. Si dispones de cuenta en Google, puedes acceder a <a title=\"Google Sites\" href=\"http:\/\/sites.google.com\/\" target=\"_blank\">Google Sites<\/a> y crear un sitio y dentro del mismo crear una carpeta. Sube ambos archivos a la misma y luego haz clic en el enlace \u201cVer\u201d del archivo SWF que acabas de subir. Copia y pega en un bloc de notas la direcci\u00f3n que se muestra en la barra de direcciones del navegador. Es una direcci\u00f3n compleja donde debes eliminar el c\u00f3digo final a partir de \u201cslideplayer.swf\u201d. Obt\u00e9n la direcci\u00f3n del archivo con la presentaci\u00f3n sustituyendo simplemente en la URL anterior el nombre del archivo. Ejemplo:<\/p>\n<blockquote><p><strong>Visor<\/strong>: https:\/\/&lt;codigo_alfanumerico&gt;\/site\/&lt;nombre_sitio&gt;\/&lt;nombre_carpeta&gt;\/slideplayer.swf<br \/>\n<strong>Presentaci\u00f3n<\/strong>: https:\/\/&lt;codigo_alfanumerico&gt;\/site\/&lt;nombre_sitio&gt;\/&lt;nombre_carpeta&gt;\/data.swf<\/p><\/blockquote>\n<p><strong>DropBox<\/strong>. Si dispones de cuenta en <a title=\"DropBox\" href=\"https:\/\/www.dropbox.com\/\" target=\"_blank\">DropBox<\/a>, crea una carpeta en Public y dentro de esa carpeta sube ambos archivos. Desde el explorador de archivos del sistema windows haz clic derecho sobre cada archivo subido para elegir DropBox &gt; Copiar enlace p\u00fablico. Desde el interfaz web de Dropbox haz clic sobre el archivo y elige Copiar enlace p\u00fablico. Ejemplo:<\/p>\n<blockquote><p><strong>Visor<\/strong>: http:\/\/dl.dropbox.com\/u\/&lt;numeros&gt;\/&lt;nombre_carpeta&gt;\/slideplayer.swf<br \/>\n<strong>Presentaci\u00f3n<\/strong>: http:\/\/dl.dropbox.com\/u\/&lt;numeros&gt;\/&lt;nombre_carpeta&gt;\/data.swf<\/p><\/blockquote>\n<p><strong>Paso 5. Generar el c\u00f3digo HTML embed.<\/strong><\/p>\n<p>Configura el siguiente c\u00f3digo HTML sustituyendo el nombre del archivo <strong>slideplayer.swf<\/strong> y del archivo <strong>data.swf<\/strong> por las direcciones URL donde se encuentran subidos.<br \/>\n<code><br \/>\n&lt;embed src=\"slideplayer.swf\" width=\"720\" height=\"576\" allowfullscreen=\"true\" flashvars=\"file=data.swf&amp;title=slidePlayer por canalTIC.com\" &gt;&lt;\/embed&gt;<br \/>\n<\/code><br \/>\nEn los par\u00e1metros de anchura (width) y altura (height) puedes definir los valores que m\u00e1s se ajusten al ancho disponible en tu p\u00e1gina web: 720&#215;576, 648&#215;518, 576&#215;461, 504&#215;403, 432&#215;346, 260&#215;288, etc. En el par\u00e1metro \u00abtitle\u00bb puedes introducir el t\u00edtulo de la presentaci\u00f3n.<\/p>\n<p><strong>Paso 6. Copiar y pegar el c\u00f3digo HTML<\/strong><\/p>\n<p>Para concluir es necesario copiar y pegar el fragmento resultante de c\u00f3digo HTML en el c\u00f3digo de tu p\u00e1gina web.<\/p>\n<h2>Descargas<\/h2>\n<ul>\n<li><a title=\"slidePlayer\" href=\"http:\/\/canaltic.com\/blog\/html\/slideplayer\/slideplayer.zip\">slidePlayer<\/a><\/li>\n<li><a title=\"Presentaci\u00f3n en formato Impress ODP\" href=\"http:\/\/canaltic.com\/blog\/html\/slideplayer\/presentacion_ODP.zip\">Presentaci\u00f3n en formato Impress ODP<\/a><\/li>\n<li><a title=\"Presentaci\u00f3n en formato SWF\" href=\"http:\/\/canaltic.com\/blog\/html\/slideplayer\/presentacion_SWF.zip\">Presentaci\u00f3n en formato SWF<\/a><\/li>\n<\/ul>\n<h2>Uso educativo<\/h2>\n<p><strong>slidePlayer<\/strong>\u00a0puede resultar interesante para integrar en una p\u00e1gina web la presentaci\u00f3n creada por alumnado o profesorado en torno a una propuesta de trabajo. En el caso de las presentaciones elaboradas por el propio alumnado, esta tarea es el \u00faltimo paso de un proceso educativo m\u00e1s amplio que supone las siguientes fases:<\/p>\n<ol>\n<li><strong>Tema y gui\u00f3n de trabajo<\/strong>. Se proporciona al alumno\/a un tema y un gui\u00f3n para centrar la elaboraci\u00f3n del trabajo. Ejemplo de Tema: Un animal en peligro de extinci\u00f3n. Gui\u00f3n: 1) Portada con t\u00edtulo y autor\u00eda. 2) \u00bfC\u00f3mo es? 3) \u00bfD\u00f3nde vive? 4) \u00bfDe qu\u00e9 se alimenta? 5) \u00bfC\u00f3mo se reproduce? 6) \u00bfCu\u00e1les son sus costumbres?<\/li>\n<li>\u00a0<strong>Esquema de la presentaci\u00f3n<\/strong>. Se dise\u00f1a un esquema en el procesador de textos donde se redacta el t\u00edtulo y el texto en forma de vi\u00f1etas para cada diapositiva. El texto debe ser corto y de f\u00e1cil comprensi\u00f3n. La informaci\u00f3n se recopila mediante consulta de Wikipedia y otras fuentes de Internet. El profesor\/a corrige este esquema para seguir avanzando en el dise\u00f1o.<\/li>\n<li><strong>Recopilaci\u00f3n de im\u00e1genes<\/strong>. El alumno\/a navega por internet para recopilar los activos necesarios para su presentaci\u00f3n. Las im\u00e1genes deben predominar sobre el texto y deben ser significativas.<\/li>\n<li><strong>Dise\u00f1o de la presentaci\u00f3n<\/strong>. El alumno elabora esta presentaci\u00f3n con OpenOffice Impress copiando y pegando el texto del esquema e insertando y situando las im\u00e1genes. El texto debe tener un color que facilite la lectura cuando se sit\u00faa sobre la imagen. Se deben evitar los efectos y transiciones innecesarios.<\/li>\n<li><strong>Correcci\u00f3n de la presentaci\u00f3n<\/strong>. El alumno\/a env\u00eda el archivo con la presentaci\u00f3n al profesor\/a y \u00e9ste le devuelve un documento de texto con lo que el alumno\/a debe modificar en su presentaci\u00f3n para que reciba el visto bueno.<\/li>\n<li><strong>Exposici\u00f3n oral<\/strong>. El alumno expone el tema en clase a sus compa\u00f1eros\/as utilizando como apoyo la proyecci\u00f3n de la presentaci\u00f3n . La explicaci\u00f3n debe superar el contenido de la presentaci\u00f3n. \u00c9sta s\u00f3lo debe recoger las ideas principales. Evitar leer el texto de la presentaci\u00f3n.<\/li>\n<li><strong>Publicaci\u00f3n en el blog<\/strong>. La presentaci\u00f3n se exporta a formato *.SWF y se publica en el blog utilizando slidePlayer.<\/li>\n<\/ol>\n<div><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-562\" title=\"slidePlayer\" src=\"http:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/slideplayer3.jpg\" alt=\"\" width=\"400\" height=\"100\" srcset=\"https:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/slideplayer3.jpg 400w, https:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/slideplayer3-300x75.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/div>\n<h2>Licencia de uso<\/h2>\n<p>slidePlayer se publica bajo<br \/>\n<a title=\"Licencia Creative Commons\" href=\"http:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/es\/\" target=\"_blank\">licencia Creative Commons Atribuci\u00f3n-NoComercial-CompartirIgual 3.0 Espa\u00f1a<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>slidePlayer es un sencillo visor flash de presentaciones realizadas con Powerpoint u OpenOffice Impress.Permite integrar de una forma f\u00e1cil y elegante una presentaci\u00f3n de diapositivas en una entrada del blog, wiki, moodle, joomla o p\u00e1gina web. El cliente puede visionarla con solo disponer de un navegador web con el plugin de Flash Player no siendo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":580,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,91],"tags":[21,27,35],"class_list":["post-560","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aplicaciones-web","category-multimedia","tag-blogs","tag-flash","tag-presentacion"],"_links":{"self":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=560"}],"version-history":[{"count":25,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/560\/revisions"}],"predecessor-version":[{"id":582,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/560\/revisions\/582"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/media\/580"}],"wp:attachment":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=560"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=560"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}