COMPLEMENTOS (ADD-ONS) PARA FIREFOX

TEMA : FIREMATH

Los Add-ons (Complementos) de Firefox son pequeños programa que

agregan nuevas funciones al explorador, son fáciles de importar y te
permiten extender y personalizar Firefox de acuerdo a tus necesidades.
Todos ellos pueden ser descargados de la pagina web de mozilla.org.

mepgkun@hotmail.com

Lima-Perú

4 de Mayo 2010
 INDICE
Presentacion

Conceptos de edicion en Firemath

Botones Funcionales

Ejemplos
Ejemplo 1
Ejemplo 2
Ejemplo 3
Ejemplo 4

Barra de menus

Algunos conceptos importantes

VOLVER AL INDICE 1
 FIREMATH
Version 0.4.0.1

Desarrollador : Mr.Bont

Pagina web : http://www.firemath.info

Firemath es una extensión para Firefox, con ella podemos rápida y

fácilmente generar ecuaciones y formulas simples como
o mucho mas complejas

CARACTERISTICAS :
• Firemath es un editor MathML
• Firemath es un software libre bajo GPLv3.
• Soporta la mayoría de elementos de marca de MathML 2
• Requiere poco conocimiento de MathML.
• Corre bajo todos los sistemas operativos soportados por Firefox.
• Permite copiar el código MathML al portapapeles.
• Permite copiar una ecuación como imagen al portapapeles.
• Extenso soporte del teclado.

Nota : Firemath no es un juego. Usalo para generar ecuaciones de forma

profesional
Por favor verifica si tienes instalado MathML fonts

VOLVER AL INDICE 2
 CONCEPTOS DE EDICION EN FIREMATH

La imagen de arriba nos muestra la ventana de Firemath

A continuación una lista resumida de los principales elementos de la
ventana :

1 El panel Ecuación. Muestra la formula con los elementos editados

agregados.

2 El panel Código. Muestra el código MathML generado por la ecuación.

3 El panel Pestaña(Tab). Da acceso a varios botones con todo tipo de

operadores e identificadores.

4 Elementos comunes. Botones, los cuales son usados con mayor

frecuencia.

5 Identificadores comunes. Botones con números de un dígito y nombres

de variables mas frecuentemente usados.

VOLVER AL INDICE 3
6 Campo de texto. Permite ingresar nuestras propias funciones,
identificadores, operadores o texto.

7 La barra de menú. Copia o guarda nuestras ecuaciones, permite obtener

ayuda.

8 Modificadores comunes. Raiz cuadrada de un elemento o agregar una

flecha con un clic.

9 El panel Atributos. Cambia los atributos de el elemento bajo el cursor.

A Opciones de Vista. Cambia el tamaño de la fuente.

B Panel de navegación. Mueve el cursor.

C El botón Borrar. Borra los elementos bajo el cursor.

D Muestra la ecuación renderizada

BOTONES FUNCIONALES

Use estos botones para mover el cursor. Después de un

clic sobre el panel Ecuación, las teclas del teclado pueden también ser
usadas para la navegación.

Cambia los atributos de color o tamaño de los elementos bajo el cursor

AL hacer clic sobre le botón, apertura la ventana Parámetros de los
números, desde donde podemos efectuar los cambios.

VOLVER AL INDICE 4
 Permite agregar una letra sub y super al elemento bajo el cursor.

Permite agregar una letra debajo y sobre el elemento bajo el cursor.

Permite insertar una fracción.

Inserta a un elemento una raíz. Mantener presionada la tecla CTRL

mientras hacemos clic para que el elemento bajo el cursor quede dentro de
la raíz.

Inserta una tabla.

Use uno de estos botones para insertar una

barrera. Mantenga presionado el botón CTRL, mientras hace clic sobre el
botón para lograr que el elemento bajo el cursor quede dentro de la barrera.
La apertura o cierre de una barrera pueden ser modificados mediante el
botón atributos. Para esto coloca el cursor sobre toda la expresion dentro
de la barrera.

Inserta un <mspace> token.

VOLVER AL INDICE 5
 Inserta un elemento <mrow>. Si queremos encerrar elementos
existentes por una <mrow>, coloca el cursor sobre el primer elemento en
el grupo y haz clic con la tecla Shift sobre el ultimo

EJEMPLOS
Los ejemplos siguientes se desarrollaran paso a paso para poder facilitar el
aprendizaje de varias de las características de Firemath.

Ejemplo 1 : Raíces y exponentes

En este primer ejemplo veremos los principios básicos de navegación,
edición y atributos.
Selecciona la pestaña con los símbolos griegos . Luego tenemos que
decidir si los elementos van a ser insertados como Identificadores
(Identifier) operadores (operators) funciones (function) o texto (text). Ver
FAQ para mayor detalle.
Asegurate que el botón Identifier sea seleccionado y has clic sobre el botón
con el carácter β , la ecuación debería ser igual a :

Navegación
Debemos familiarizarnos con las posibilidades de navegación a través de
la ecuación. La posición del cursor puede ser cambiada con los botones del
cursor o con el teclado. Podemos también colocar el
cursor en un particular elemento por hacer clic sobre el.
También debemos comprender la diferencia entre el modo edición y el
presentación. Desde el ultimo lanzamiento de Firemath 0.3 la ecuación es
mostrada simultáneamente en los dos modos. En el modo edición
elementos adicionales tal como un punto rosado pueden “contaminar” la
ecuación. Este ayuda con la navegación y nos muestra donde pueden ser
insertados otros elementos.

Atributos
Deberíamos saber que las dos βs en nuestra ecuación están renderizadas
como Italic. Nosotros queremos que las dos variables sean renderizadas
con otra fuente. Usaremos con fines didácticos dos métodos diferentes

VOLVER AL INDICE 6
para convertir las variables a Normal.
Movemos el cursor hacia la izquierda de modo que se coloque sobre la
primera β, luego hacemos clic sobre el botón en el panel atributos.

Para la otra β, movemos el cursor a la derecha hasta cubrir la variable. Una

ventana emergente aparecerá después de hacer clic sobre el botón .
Abre el menú derecho de “Mathvariant” y selecciona “normal”luego has
clic sobre OK.

Exponentes
En los siguientes pasos agregaremos los exponentes a las variables.
Dado que el cursor esta localizado sobre la β de la derecha, colocaremos el
cuadrado a este identificador. Esto puede ser realizado fácilmente usando
el botón correspondiente en el panel de modificaciones común. Para el
exponente de la otra variable mover el cursor a la izquierda hasta quedar
sobre ella y hacer clic sobre el boton sub-super indice . Advierta la
apariencia de los puntos rosados, que indica que el elemento esta
preparado para agregar super y subsindice. Mueva el cursor al punto
localizado al lado derecho superior de β. El exponente 6 puede ser

VOLVER AL INDICE 7
agregado aquí de dos diferentes maneras.
Hacer clic en el botón correspondiente en el panel de identificadores
comunes, o insertar desde el tablero el 6 dentro del campo texto y hacer
clic sobre el botón . Luego de lo cual la ecuación debe quedar como
sigue :

Raíz
Tenemos que agregar la raíz a la función que esta a la izquierda.
Para ello movemos el cursor hasta situarlo a la derecha del 6

Luego vamos a los botones funcionales y hacemos clic sobre el primero de

la izquierda, luego mientras mantenemos presionada la tecla CTRL
hacemos clic sobre el botón en el panel elementos comunes.
Finalmente colocamos el punto rosado en la parte izquierda superior de la
raíz e insertamos el numero 3, el resultado final sera:

Ejemplo 2 : Fracciones y barreras(Fences)

Debemos empezar colocando “sin” dentro del campo de texto haciendo

luego clic sobre Func. Ahora hacemos clic sobre el botón x en el panel de

VOLVER AL INDICE 8
identificadores comunes. Luego hacemos clic sobre el botón “=” en el
panel elementos comunes, deberíamos tener lo siguiente .

El siguiente paso consiste en hacer clic sobre el botón del operador suma
en el panel de elementos comunes seguido de un clic sobre el botón
El cursor deberá ahora estar colocado entre los paréntesis. Inserta “-1”
dentro del campo de texto y has clic sobre Identificador (Identifier).

Nota : Números simples como -1 no deben ser generados por un clic

dentro de el botón del operador menos seguido de insertar 1.

Su ecuación debería ser parecido a :

Mover ahora el curso todo a la derecha y hacer clic dentro del botón
fracción . Cuando el botón este en el numerador, inserta una “x” .
Mueve el cursor al denominador e ingresa una “n” como identificador.
Tipea una “!” dentro del campo de texto y has clic en el botón del
Operador. Mueve el cursor de regreso hasta que este localizado sobre la
“x” en el numerador Ahora has clic en el botón sub-superindice y
coloca el cursor sobre el punto rosado que representa el superindice. Una
vez que hayas colocado una “n” allí, tu ecuación deberá ser igual a :

VOLVER AL INDICE 9
Ahora agregaremos el exponente a la expresión “(-1)”. Para esto
colocamos el cursor tal como esta extendido sobre los paréntesis y su
contenido. Podemos hacer esto haciendo clic sobre una de los paréntesis o
por mover el cursor. Hacemos clic sobre el botón sub-superindice y
movemos el cursor hacia el superindice. Ahora hacemos clic sobre el botón
paréntesis y nos movemos al punto rosado dentro del paréntesis y
hacemos clic sobre el botón fracción , luego colocamos el cursor en el
denominador y ponemos “n”, luego ponemos el cursor sobre el
denominador y ponemos “2” en el. Nuestra formula debería ser igual a :

Ahora pasemos a agregar los limites al operador suma. Coloca el cursor

dentro de este operador y has clic en el botón de indice arriba y abajo
Coloquemos el cursor en el punto rosado inferior de sigma y coloquemos
na=1, luego vayamos al punto rosado en la parte superior de sigma y
coloquemos el signo ∞, con lo cual terminaremos nuestro ejemplo.

Ejemplo 3 : Sumando matrices

VOLVER AL INDICE 10
Empecemos colocando la primera matriz, hacemos clic sobre el boton
parentesis , luego colocamos la matriz haciendo clic sobre el boton
matriz esto nos apertura la siguiente ventana :

En donde podemos especificar el numero de filas (rows) y columnas

(columns) de nuestra matriz. Luego acemos clic sobre aceptar.Esto
colocara la primera matriz sobre el editor, el cual se vera como la figura
siguiente :

Luego hacemos clic sobre el punto rosado de la derecha situado fuera del
paréntesis y hacemos clic sobre el botón + , seguido procedemos a editar la
segunda matriz, hecho esto, hacemos clic sobre el punto rosado de la
derecha situado fuera del paréntesis y hacemos clic sobre el botón =,
procedemos igual con la tercera matriz, las cuales deben quedar como
sigue :

Para terminar empezamos a colocar los números que conforman cada

matriz haciendo clic sobre el punto rosado dentro de las filas y columnas
de la matriz.

VOLVER AL INDICE 11
Ejemplo 4 : Limites

Colocamos primeramente como texto “lim”, luego en el editor

seleccionamos “lim” con el cursor y hacemos clic sobre el botón ,
luego hacemos clic sobre el punto rosado inferiory agregamos x→0 ,
luego hacemos clic sobre el punto rosado situado a la derecha del
termino y hacemos clic sobre el boton de fraccion, luego seleccionamos
el numerador y colocamos sin x, luego vamos al denominador y
colocamos x, vamos al punto rosado mas a la derecha y colocamos el
signo = finalizando con el numero 1.

BARRA DE MENUS

Firemath tiene la siguiente barra de menu :

VOLVER AL INDICE 12
aquí podemos guardar nuestra formula ya sea como un archivo HTML o
como un archivo de imagen. Si seleccionamos guardar como MathML , se
nos apèrturara la siguiente ventana :

aquí podemos seleccionar el tipo de output

Nota : Al seleccionar la carpeta en donde guardar el archivo en el

explorador al seleccionar el nombre del archivo, no olvidemos poner la
extension .html

Ejemplo : Guardemos como HTML el limite que hemos creado en nuestro

cuarto ejemplo :

VOLVER AL INDICE 13
Si decidimos guardar la formula como una imagen damos clic sobre
File/Save Bitmap , esto nos apertura la siguiente ventana :

aquí podemos seleccionar entre guardar el archivo como PNG o JPEG. Al

hacer clic sobre aceptar se apertura el exporador en donde podemos

VOLVER AL INDICE 14
seleccionar la carpeta y el nombre del archivo.

Nota : No olvidar agregar al nombre del archivo el tipo de archivo (.png

o .jpeg).

El menu editar nos permite guardar en el portapapeles una copia ya sea del
codigo MathML o de la imagen de la formula, el cual podemos luego pasar
en otra aplicación.

Podemos por ejemplo guardar el codigo con Copy MathML y luego

pasarlo a un editor XML para poder observarlo o editarlo.

VOLVER AL INDICE 15
Así mismo si estamos trabajando sobre un procesador de texto podemos
pegar la formula al hacer clic sobre Edit/Copy Bitmap, lo cual nos apertura
la ventana siguiente :

aquí damos clic sobre Copiar Imagen y luego vamos al procesador de

palabras en donde damos clic sobre Paste (Pasar), lo que nos permite
apreciar la formula.

ALGUNOS CONCEPTOS IMPORTANTES

¿Que es MathML?
MathML es un lenguaje matematico de marca, de la misma forma que HTML es
usado para especificar texto y contenido de imagen, MathML es usado para describir
ecuaciones.

VOLVER AL INDICE 16
¿Cual es la diferencia entre Funciones, Identificadores, Oeradores y Texto?
Use Identificadores para todos los números y variables y algunas veces para
funciones.
Una función es un identificador seguido por un operador MathML.
Un operador son elementos como “+” , “-” o “=”, pero también algunas veces
expresiones como “NOT”.
Texto es cualquier elemento que consiste de palabras planas.

¿Como puedo hacer para limpiar el panel de edicion de ecuaciones?

Simplemente recargando(reload) Firemath

¿Porque Firemath esta basado en Firefox?

Firefox es un gran explorador, este puede ser fácilmente extendido usando XUL y
Javascript y lo mas importante, Firefox puede renderizar MathML.

mepgkun@hotmail.com

VOLVER AL INDICE 17