Distribuição na Web: CDFs como Objetos ou em Tela-Cheia

O Mathematica oferece um modelo de implementação em um único passo através de um assistente interativo. Você pode embarcar um documento inteiro ou apenas parte dele no seu código de HTML. Assista a este vídeo para ver como funciona.

Para abrir o assistente basta ir em File > Deploy > Embed in HTML. Para embarcar apenas uma parte do documento, selecione a parte a ser incorporada antes de abrir o assistente.

O assistente irá mostrar passo-a-passo como salvar o CDF e fornecerá o código HTML. Para finalizar, coloque o arquivo CDF no seu servidor e copie o pedaço de código no seu arquivo HTML.

Para garantir compatibilidade com todos os tipos de navegadores, o conteúdo incorporado deve estar entre etiquetas <object>, como ilustrado pelo seguinte modelo:

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

Wolfram CDF com Script Embarcado

Para mais flexibilidade recomendamos o uso do Wolfram CDF Embed Script, que é uma biblioteca de JavaScript com código aberto. Este recurso não requer nenhuma outra biblioteca e garante compatibilidade em diversos navegadores, oferece uma maneira de verificar que o plug-in do CDF esteja instalado, mostre o logotipo do CDF Player e redirecione a página quando o plug-in não estiver instalado, e oferece formas de mostrar imagens estáticas no lugar do conteúdo interativo. Este mesmo JavaScript é usado pelo bloco de códigos embarcado e copiável do Mathematica. Para facilitar a customização, o mesmo bloco de códigos está disponível aqui como um modelo:

<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>

Codificando em Várias Instâncias

O JavaScript da Wolfram é um método de "impressão local" e que pode ser repetido no mesmo documento de HTML, e é mais eficiente, pois se podem codificar múltiplas instâncias sem precisar repetir a fonte de JavaScript ou a verificação de complemento:

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

Oferecendo conteúdo alternativo

É uma boa prática oferecer uma imagem estática do seu código CDF caso o CDF Player não esteja disponível a alguns dos visitantes do seu site. Também é possível oferecer um link do nosso site para download do CDF Player. Não importa o que você decida mostrar caso isso aconteça, essa opção é indicada pela função setDefaultContent():

<script type="text/javascript">
	cdf.setDefaultContent('<p>Seu conteúdo de substituição</p>');
	cdf.embed('/path/to/additional.cdf', width, height);
</script>

Indicando que o JavaScript deve ser ativado

Caso haja preocupação com a ativação do JavaScript, inclua a seguinte linha adicional, pelo menos uma vez em cada página de HTML que contenha conteúdo em CDF embarcado via JavaScript:

<noscript><p>Favor habilitar o JavaScript</p></noscript>

Veja a página de Exemplos de CDFs Embarcados para obter um CDF que você pode usar para testes. Entre em contato para mais informações sobre como usar o Scipt Embarcado do Wolfram CDF.

O Assistente de Implementação da Web do CDF (do inglês, CDF Web Deployment Wizard) formatará o conteúdo e criará o código a ser embarcado automaticamente.

Ao formatar manualmente, os diagramas interativos em seu arquivo CDF devem estar configurados com a célula do tipo "PluginEmbeddedContent" no Mathematica. Para configurar a célula desta maneira, selecione a célula, escolha Format > Style > Other no menu, e digite "PluginEmbeddedContent" na caixa de diálogo. Isso estabelece as seguintes opções:

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

Além do mais, assim que todas as outras configurações forem aplicadas, use o Option Inspector do Mathematica para garantir a implementação no arquivo inteiro (Deployed->True). Isso previne que o CDF seja editado e esconde o cursor do mouse.

Diagramas interativos criados com a função Manipulate do Mathematica são escaláveis e ajustarão o tamanho de acordo com as dimensões determinadas pelo código embarcado. Para dimensões fixas, configure o conteúdo com a função ImageSize ou ContentSize determinadas para um valor explícito ou especificação de tamanho. A função ImageSize->Medium preserva as dimensões padrão do Mathematica.

Para determinar as dimensões gerais do objeto Manipulate para especificação dos parâmetros embarcados, converta o seu Manipulate para um bitmap — selecione a chave da célula e escolha no menu Cell > Convert To > Bitmap. Então clique na imagem resultante na célula para selecioná-la, abra o Option Inspector e procure por ImageSizeRaw. Isso dará as dimensões do Manipulate.

Além de embarcados, arquivos em CDF podem ser vistos em um navegador em modo tela-cheia, quando clicados através de links. Para ligar as etiquetas para mostrar o conteúdo CDF na tela, ao invés de baixar o arquivo quando o link é clicado, seus arquivos de configuração do servidor (.htaccess no Apache) precisam especificar o seguinte tipo MIME para .cdf e extensões de arquivo relacionadas:

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