A editoração de páginas para exibição em um navegador web não é fácil quando se tenta reproduzir fórmulas matemáticas. Como estratégia é comum o uso de imagens para este tipo de exibição, porém quebrando toda integração com o texto.
Felizmente esta dificuldade tem uma solução, existe uma biblioteca em JavaScript que exibe equações matemáticas em navegadores web, usando a linguagem de marcação LaTeX ou MathML.
O MathJax (http://www.mathjax.org/) é um JavaScript de código livre capaz de exibir expressões matemáticas e é compatível com todos os navegadores modernos. Com o MathJax não é mais necessário leitores específicos, plugins ou outras fontes de caracteres instalados no navegador. Simplesmente funciona em qualquer navegador.
Usa uma versão moderna do CSS e fontes para web, ao invés de imagens ou flash, assim as expressões matemáticas podem ser ampliadas ou reduzidas junto com o texto que as acompanham. O programador web apenas incorpora o código da expressão matemática, na página em HTML, usando a linguagem de marcação LaTeX ou MathML. Os códigos convivem numa boa.
O MathJax pode ser disponibilizado para uso nas páginas de duas formas, pode ser instalado diretamente no servidor HTTP do usuário, ou pode ser usado acessando o serviço através da Rede de Entrega de Conteúdo (Content Delivery Network - CDN). Nesta última forma pode ser integrado a plataformas incluindo o Tumblr, MediaWiki, Drupal e o Wordpress.
É possível ainda copiar e colar o conteúdo, transportando a expressão matemática para editores de textos e até para softwares de cálculo como Maple e Mathematica.
Para integrar o MathJax em um serviço de blog, inclua a seguinte linha no código do tema ou do modelo de layout, que determinam a aparência das páginas:
Esta linha deve ficar entre as marcações <head> </head>, se existirem, ou no final se não existirem. Aqui no Blogger o modelo está acessível em "Design/Editar HTML"
Veja exemplos de expressões em LaTeX, representando as respectivas equações matemáticas, que podem ser incorporadas em um código fonte HTML:
\[ \left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right) \]
\[ \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} =
1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}}
{1+\frac{e^{-8\pi}} {1+\ldots} } } } \]
Também dentro do parágrafo do texto. Esta expressão \(\sqrt{3x-1}+(1+x)^2\) é um exemplo de expressão na mesma linha do texto, sem atrapalhar os espaços entre as linhas.
O MathJax é um projeto conjunto da Sociedade Americana de Matemática, da Design Science Inc. e da Sociedade para Matemática Industrial e Aplicada.
Uma dica, clique com o botão direito do mouse em uma destas expressões e explore o menu do MathJax!
Felizmente esta dificuldade tem uma solução, existe uma biblioteca em JavaScript que exibe equações matemáticas em navegadores web, usando a linguagem de marcação LaTeX ou MathML.
O MathJax (http://www.mathjax.org/) é um JavaScript de código livre capaz de exibir expressões matemáticas e é compatível com todos os navegadores modernos. Com o MathJax não é mais necessário leitores específicos, plugins ou outras fontes de caracteres instalados no navegador. Simplesmente funciona em qualquer navegador.
Usa uma versão moderna do CSS e fontes para web, ao invés de imagens ou flash, assim as expressões matemáticas podem ser ampliadas ou reduzidas junto com o texto que as acompanham. O programador web apenas incorpora o código da expressão matemática, na página em HTML, usando a linguagem de marcação LaTeX ou MathML. Os códigos convivem numa boa.
O MathJax pode ser disponibilizado para uso nas páginas de duas formas, pode ser instalado diretamente no servidor HTTP do usuário, ou pode ser usado acessando o serviço através da Rede de Entrega de Conteúdo (Content Delivery Network - CDN). Nesta última forma pode ser integrado a plataformas incluindo o Tumblr, MediaWiki, Drupal e o Wordpress.
É possível ainda copiar e colar o conteúdo, transportando a expressão matemática para editores de textos e até para softwares de cálculo como Maple e Mathematica.
Para integrar o MathJax em um serviço de blog, inclua a seguinte linha no código do tema ou do modelo de layout, que determinam a aparência das páginas:
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=default"></script>
Esta linha deve ficar entre as marcações <head> </head>, se existirem, ou no final se não existirem. Aqui no Blogger o modelo está acessível em "Design/Editar HTML"
Veja exemplos de expressões em LaTeX, representando as respectivas equações matemáticas, que podem ser incorporadas em um código fonte HTML:
\[ \left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right) \]
\[ \left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right)
\left( \sum_{k=1}^n b_k^2 \right) \]\[ \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} =
1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}}
{1+\frac{e^{-8\pi}} {1+\ldots} } } } \]
\[ \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} =
1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}}
{1+\frac{e^{-8\pi}} {1+\ldots} } } } \]Também dentro do parágrafo do texto. Esta expressão \(\sqrt{3x-1}+(1+x)^2\) é um exemplo de expressão na mesma linha do texto, sem atrapalhar os espaços entre as linhas.
O MathJax é um projeto conjunto da Sociedade Americana de Matemática, da Design Science Inc. e da Sociedade para Matemática Industrial e Aplicada.
Uma dica, clique com o botão direito do mouse em uma destas expressões e explore o menu do MathJax!
Postagens
Nenhum comentário:
Postar um comentário