homechevron_rightEstudiochevron_rightMatemáticachevron_rightGeometría

Volumen del tanque

Esta calculadora encuentra el volumen de un tanque dada su longitud, diámetro y profundidad de las paredes. Creada a petición de un usuario.

One of users asks for a calculator, which can compute tank volume given its length, diameter and walls depth. Here it is.

PLANETCALC, Volumen del tanque

Volumen del tanque

Dígitos después del punto decimal: 3
Volumen utilizado en metros cúbicos
 
Volumen de la pared en metros cúbicos
 
Volumen total en metros cúbicos
 



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.

Step1.JPG

Paso 2

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

Step2.JPG

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.

Step3.JPG

Paso 4

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

Step4.JPG

Paso 5

Y el parámetro "profunidad".

Step5.JPG

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.

Step6.JPG

Paso 7

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

Step7.JPG

Paso 8

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

Step8.JPG

Paso 9

Y el parámetro "total".

Step9.JPG

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.

Step10.JPG

Paso 11

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

Step11.JPG

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".

Step12.JPG

Paso 13

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

Step13.JPG

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.

Step14.JPG

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.

Step15.JPG

Paso 16

Ubicar y seleccionar tu nueva calculadora.

Step16.JPG

Paso 17

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

Step17.JPG

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

Comentarios