DragMath - Editor de equações no Moodle

DragMath é uma applet Java WYSIWYG criada por Christoper Sangwin e Alexander Billingsley na University of Birmingham. O editor de equações DragMath permite a inserção de fórmulas matemáticas, e se instalado no Moodle, permite a inserção de fórmulas de uma forma amigável, conforme mostrado abaixo:

Seu funcionamento consiste em escrever as fórmulas com "clique de mouse", e o editor tem o papel de gerar essa fórmula em TeX para o MOODLE. Sua instalação é fácil, e trago aqui uma instalação testada no MOODLE-DM na versão 1.7+ e na versão 1.9.4 (atualizado).

Para a instalação do DragMath no MOODLE, deve estar habilitado o filtro Mimetex ou filtro LatexRender e o Java no navegador do usuário.

Veja aqui o vídeo de utilização.


Tutorial de Instalação do DragMath

Passo 1 (instalando o DragMath)

Instalar o software DragMath, baixando do link http://sourceforge.net/projects/dragmath.

Para esta etapa, considere o caminho do seu servidor até o ../moodle. Para os arquivos a seguir, utilizamos o path do nosso servidor Moodle que está configurado em (nosso moodle): /srv/www/htdocs/moodle
Descompacte o arquivo .zip no diretório ../moodle/lib/editor/htmlarea/popups

Passo 2 (instalando o módulo DragMath no Moodle)

Antes de tudo, é necessário realizar um backup dos arquivos originais.

Vá na pasta ../moodle/lib/editor/htmlarea/popups e faça um backup do arquivo dlg_ins_smile.php

Vá na pasta ../moodle/lib/editor/htmlarea/images e faça um backup do arquivo icon_smile.gif

Baixe o módulo no link http://www.scholarandkatz.com/tutoring/file.php/1/DragMathIntegration.zip

Neste arquivo .zip existem dois arquivos:

dlg_ins_smile.php -> Deve ser copiado para a pasta ../moodle/lib/editor/htmlarea/popups

icon_smile.gif -> Deve ser copiado para a pasta ../moodle/lib/editor/htmlarea/images

Passo 3 (ajustando alguns parâmetros)

Agora, você deve editar o arquivo ../moodle/lib/editor/htmlarea/dialog.js da seguinte forma:

Na linha 34, troque a linha:

case "dlg_ins_smile": x = 330; y = 320; break; por case "dlg_ins_smile": x = 540; y = 340; break;

Na linha 47, você verá uma linha que inicia da seguinte forma:

var dlg = window.open(url, "ha_dialog", "toolbar=no, menubar=no, ...

Procure o comando resizable, e troque-o de:

resizable=no para resizable=yes

Passo 4 (testando e ajuste para LatexRender)

Para testá-lo, basta utilizar em algum momento o editor HTML no MOODLE (um fórum, por exemplo). Na barra de ferramentas, é só clicar no botão .

Ressalta-se que este botão substitui o botão das "carinhas" (smiles). Caso necessite trabalhar com ambos, clique aqui.

Modificando para LatexRender

Como o DragMath gera um padrão para Mimetex, para usuários do LatexRender deve-se realizar as seguintes operações:


Editar o arquivo ../moodle/lib/editor/htmlarea/popups/dlg_ins_smile.php , e na linha 48 trocar o comando:

var text = '$$' + text + '$$'; por var text = '[tex]' + text + '[/tex]';

Isso fará com que o DragMath gere fórmulas para o LatexRender.

Vídeo demonstrativo:

http://www.youtube.com/watch?v=1vbc0K6e64c


Mais informações:

http://moodle.org/mod/data/view.php?d=13&rid=953