MathJax - Fórmulas e equações matemáticas no navegador

Exibir fórmulas matemáticas em um navegador nunca foi uma tarefa trivial, que quase sempre é executada da forma mais simplista possível, com o uso de imagens. O MathJax busca oferecer uma alternativa com fórmulas embarcadas em HTML na forma de notação MathML ou LaTeX que são apresentadas na tela com o uso de JavaScript. O sistema atua independente de plataformas, é compatível com grande parte dos navegores de Internet e dispositivos móveis. A biblioteca JavaScript usa HTML, CSS, fontes disponíveis na web para desenhar fórmulas e equações. Alternativamente as expressões podem, quando houver suporte do navegador, ser renderizadas usando MathML nativo.

O MathJax também é bem flexível; a ferramenta pode ser instalada diretamente do servidor do usuário, ou pode ser usada acessando o serviço através da Rede de Entrega de Conteúdo (Content Delivery Network - CDN). Isso significa que o sistema pode ser integrado a plataformas como o Tumblr ou o Wordpress. Os cálculos e desenho final da equação serão sempre realizados no lado do cliente, o que signfica que o MathJax pode ser usado para exibir fórmulas confidenciais.

O aplicativo é distribuído sob a versão 2 da licença Apache e está disponível para download de forma gratuita O projeto é fruto de uma parceiria entre a American Mathematical Society, a Design Science Inc. e a Society for Industrial and Applied Mathematics.

Fonte: h-online, em inglês.

Confira:



Para os blogueiros aqui do blogger, vou transcrever as dicas do Alessandro Madruga Correia:

DICA 1:

quinta-feira, 7 de outubro de 2010

MathJAX no blogger

Para quem não conhece o MathJAX é uma engine toda escrita em Javascript utilizada para renderizar caracteres matemático.
Em um blog sobre Matemática, nada melhor do que poder utilizar ele, então, pesquisei uma forma de instalar ele no blogger, de forma nativa não é possível, nas listas do google, tem um monte de gente pedindo, mas...

Para instalar é simples, aqui utilizamos os layouts padrões, disponibilizado pelo blogger, basta localizar, no início do arquivo uma linha que contenha o "< head >"
e adicionar o código abaixo:

< script src='http://www.mathjax.org/mathjax/MathJax.js' >
//
// This script call is what gets MathJax loaded and running
//
MathJax.Hub.Config({
delayStartupUntil: "onload",
jax: ["input/MathML", "input/TeX", "output/HTML-CSS"], // Entrada TeX, saida HTML-CSS
extensions: ["tex2jax.js"],
tex2jax: {
inlineMath: [['$','$'], ['\\(','\\)']],
processEscapes: 1
}
});
< /script >

E pronto!!!

Como exemplo, utilize o código abaixo e veja o que acontece.

CÓDIGO:

\[\begin{aligned}
\int_{0}^{100} x^2 dx \\
\end{aligned} \]

Um pouquinho de conhecimento em Latex e está tudo resolvido ;)

CRÉDITOS: http://progressaoaritmeticaucs.blogspot.com/2010/10/mathjax-no-blogger.html

DICA 2:

quarta-feira, 26 de janeiro de 2011

MathJax

A um tempo atrás postei como instalar o MathJax no blogger, mas utilizava o servidor do próprio MathJax o que não é aconselhado pois sobrecarrega o servidor deles, vi que um cara disponibilizou no hosting dele o MathJax, como no meu também está sobrando banda, resolvi fazer o mesmo.

Para utilizar basta usar:

< script type="text/javascript" src="http://mathjax.zarathustra.com.br/MathJax.js">

No blogger já utilizo o do meu servidor.

CRÉDITOS: http://mutleysandro.blogspot.com/search/label/mathjax

OBSERVAÇÃO: Nos códigos dados, favor juntar os símbolos < e > aos caracteres. :)

DETALHE: Ainda não instalei no meu blog, mas em breve farei isso!!! :)