Volumen del tanque

Esta calculadora encuentra el volumen de un tanque dada su longitud, diámetro y profundidad de las paredes.

Como esto es un cálculo simple, decidí utilizarlo como ejemplo para escribir:

Guía paso a paso: Cómo crear una calculadora en línea

ya que este sitio es una interfaz y motor para calculadoras en línea, es decir - una herramienta para crear calculadoras.
Sólo existen dos pre-requisitos para crearlas: primero, el autor debe estar registrado, segundo, debe poder escribir el código del cálculo en Javascript.

Paso 1

Ir a "Mis calculadoras" y seleccionar "Crear nueva..." --> "Calculadora". Esto abrirá el editor de calculadoras.

Paso 2

Primero, introduce los campos "Nombre" y "Descripción". La descripción se utiliza en las listas.F

Paso 3

Ahora, debemos agregar parámetros de entrada, que en nuestro caso son; longitud, diámetro y profundidad de las paredes. La barra de herramientas se utiliza para agregar y remover los parámetros del cálculo, pero ahora sólo necesitamos parámetros de entrada simples. Presiona el botón con la marca "entrada", esto abrirá un diálogo con el editor de parámetros. Llénalos como en la imagen. Nótese que el campo "Variable" es el nombre de la variable, que luego estará disponible en Javascript. Espero que los otros campos sean auto-explicativos.

Paso 4

Repite lo mismo para el parámetro "diámetro"

Paso 5

Y el parámetro "profunidad".

Paso 6

Ahora podemos agregar los parámetros de salida. En nuestro caso son el volumen utilizado, volumen total y volumen de paredes. Presiona en botón con la marca "salida". Esto abre el diálogo del editor de parámetros.

Paso 7

Introduce el diálogo para el parámetro "utilizado" como en la imagen.

Paso 8

Repite el mismo proceso para el parámetro "paredes".

Paso 9

Y el parámetro "total".

Paso 10

Ahora, cuando todo esté en su lugar, podemos comenzar a programar. Aquellos que sepan javascript no deberán tener problemas con el código de la imagen excepto una cosa - cómo manejar parámetros de salida. No puedes simplemente asignarles valores calculados, no funcionará. Debes utilizar un método especial llamado SetValue y pasar los valores calculados como parámetros de este método. Sólo son tres líneas de código, excepto que es javascript simple.

Paso 11

Ahora puedes ponerle etiquetas para clasificarla mejor y presionar el botón de "Vista previa".

Paso 12

En la página de vista previa puedes revisar como funciona y regresar al editor o publicarla. Puedes presionar el botón "Publicar".

Paso 13

Luego de publicarla, la calculadora recibe una URL única.

Paso 14

Ahora, cada calculadora, como esta, necesita un par de palabras para que los visitantes aprendan como se creó y como utilizarla. Esto se hace a través de un artículos, los cuales aparecen en el sitio. Selecciona "Crear nuevo..." -> "Artículo" y se abrirá el editor de artículos.

Paso 15

En el editor, escribe un par de palabras sobre tu calculadora, y presiona el primer botón de la barra de herramientas para insertar la calculadora en el artículo.

Paso 16

Ubicar y seleccionar tu nueva calculadora.

Paso 17

Se colocará en el texto del artículo con paréntesis.

Paso 18

Presiona "Guardar". En la página de guardado puedes hacer vista previa de tu artículo y decidir si está listo para publicarse. Al publicar un artículo se le asigna una URL única y se coloca en la lista del sitio.

Fin