Entrega de web: CDF en pantalla completa e insertado

Mathematica ofrece un método de implementación directa con un asistente interactivo. Usted puede insertar tanto el documento entero como una selección específica en su código HTML existente. Mire este video para ver cómo funciona.

Para abrir el asistente, seleccione el ítem de menu de File > Deploy > Embed in HTML. Para insertar una selección en vez del archivo entero, seleccione la parte a ser insertada antes de abrir el asistente.

El asistente lo guiará por los pasos de guardado de CDF y le proporcionará un segmento de código de HTML. Para terminar, simplemente cargue el CDF a su servidor y copie y pegue el segmento de código en su archivo de HTML.

Para garantizar compatibilidad con todo tipo de navegador, el contenido insertado debe estar anidado dentro de etiquetas de <objeto> como se ejemplifica en la siguiente plantilla:

<object classid="clsid:612AB921-E294-41AA-8E98-87E7E057EF33" width="500" height="300" type="application/vnd.wolfram.cdf.text">
<param name="src" value="MYFILENAME.cdf">
<embed width="500" height="300" src="MYFILENAME.cdf" type="application/vnd.wolfram.cdf.text">
</object>

Wolfram CDF Embed Script

Para mayor flexibilidad recomendamos utilizar el Wolfram CDF Embed Script, el cual es una biblioteca JavaScript de fuente abierta gratuita. No requiere ninguna otra biblioteca y garantiza compatibilidad entre navegadores, ofrece una manera de verificar que el complemento de CDF esté instalado, muestra el logo y el enlace CDF Player cuando falta el complemento, y ofrece un medio para mostrar imágenes estáticas en lugar del contenido interactivo. El mismo JavaScript es utilizado por el bloque de código insertado y replicable de Mathematica. A fines de personalización, el mismo bloque de código se ve aquí como una plantilla:

<script type="text/javascript" src="http://www.wolfram.com/cdf-player/plugin/v2.1/cdfplugin.js"></script>
<script type="text/javascript">
	var cdf = new cdfplugin();
	cdf.embed('/path/to/filename.cdf', width, height);
</script>

Instancias de codificación múltiple

Wolfram JavaScript es un método de "impresión en el lugar" que puede repetirse a lo largo del mismo documento HTML, pero es más eficaz codificar múltiples instancias sin tener que repetir la fuente de JavaScript ni la verificación del complemento:

<script type="text/javascript">
	cdf.embed('/path/to/additional.cdf', width, height);
</script>

Suministro de contenido alternativo

Es una buena idea entregar una imagen estática de su contenido CDF en caso de que alguno de los visitantes de su sitio no tenga acceso al CDF Player. También podría ofrecer un enlace a nuestro sitio de descarga de CDF Player. Cualquier cosa que seleccione para mostrar en estas condiciones es indicada con la adición de la setDefaultContent() función:

<script type="text/javascript">
	cdf.setDefaultContent('<p>Su contenido de reemplazo</p>');
	cdf.embed('/path/to/additional.cdf', width, height);
</script>

Indicación de que debe activarse el JavaScript

Si le preocupa que alguno de sus visitantes no tenga activado el JavaScript, incluya la siguiente línea adicional al menos una vez por cada página HTML que incluya un contenido CDF insertado vía JavaScript:

<noscript><p>Por favor, active su JavaScript</p></noscript>

Mire la Página de ejemplos de inserción de CDF para acceder a un CDF que puede usar para pruebas. Contáctenos por información adicional acerca del uso del Wolfram CDF Embed Script.

En Mathematica, el asistente para implementación en la web de CDF formateará el contenido y creará código insertado automáticamente.

Al formatearse manualmente, los diagramas interactivos en su archivo CDF deben configurarse con el estilo de celda de "PluginEmbeddedContent" en Mathematica. Para fijar este estilo de celda, elija Formato > Estilo > Otro del menú y escriba "PluginEmbeddedContent" en el diálogo. Esto fija las siguientes opciones:

ShowCellBracket->False,
CellMargins->{{0,  0}, {0, 0}},
ShowCellLabel->False

Además, una vez que todos las demás opciones se hayan aplicado, use la Opción Inspector de Mathematica para establecer Deployed->True para el archivo entero. Esto impide que el CDF sea modificado y oculta el cursor.

Los diagramas interactivos creados con la función Manipulate de Mathematica son escalables y ajustan su tamaño a las dimensiones determinadas por el código insertado. Para dimensiones fijas, configure su contenido con ImageSize o ContentSize fijado a un valor explícito o a una especificación de tamaño. ImageSize->Medium preservará las dimensiones predefinidas de Mathematica.

Para determinar las dimensiones generales del objeto Manipulate para especificar los parámetros de inserción, convierta su Manipulate a un bitmap, seleccione el corchete de celda y seleccione Celda > Convertir a > ítem de menú Bitmap. Luego haga clic en la imagen resultante dentro de la celda para seleccionarla, abra la Opción Inspector y busque ImageSizeRaw. Esto le dará el ancho y la altura de Manipulate.

Más allá de estar insertado, los archivos CDF pueden verse en un navegador en modo pantalla completa cuando se selecciona a través de hipervínculos. Para que las etiquetas de anclaje muestren el contenido CDF en vez de descargar el archivo, sus archivos de servidor (.htaccess on Apache) tienen que especificar los siguientes tipos MIME para .cdf y extensiones de archivo relacionadas:

application/vnd.wolfram.player nbp
application/vnd.wolfram.mathematica nb
application/vnd.wolfram.cdf cdf
application/vnd.wolfram.cdf.text cdf