Para crear el widget con el saldo(a petición )

USSD Dual Widget y Zooper Widget para crear el widget con el saldo

 

Para realizar esto necesitamos dos aplicaciones, una de ellas es USSD Dual Widget y la otra Zooper Widget.

En este artículo se explican las principales funcionalidades del USSD DWP y como configurarlo para que capture el valor del saldo cuando se ejecute la consulta (*222#). Voy a explicar un poquito más sobre la parte de los indicadores que es lo más importante para poder utilizar después el Zooper.

Una vez creada la query, tenemos que crear los indicadores. El indicador es el valor específico que quieres obtener del resultado de la consulta. Como ustedes sabes cuándo revisan el saldo lo que se les muestra es un párrafo de la forma:
Saldo $XX.XX ,linea activa hasta DD-MM-YY vence DD-MM-YY. Bono: $XX.XX vence DD-MM-YY.

Como ven esto es un texto, por lo tanto el indicador, según lo configures, te va a seleccionar de ese texto el valor que te interesa, saldo, bono, fechas de vencimiento, etc.

Les voy a explicar cómo capturé el saldo y mientras tanto las principales opciones (las que entiendo) de configurar el indicador que les pueden ser útil. Cuando creas el indicador este te sale en una lista con el nombre que le pusiste y un número entre paréntesis al inicio (más adelante les explico para que necesitan este número).

1

Cuando le dan al botón de configurar que le sale al lado les aparece una pantalla como esta:

2

Vamos a explicar algunos elementos. El primero es el Digit group este valor que se ponga aquí significa la posición de los números (grupos de dígitos) en el texto del resultado, bueno eso fue lo que yo deduje, pero no es tan así. En realidad lo que hice fue ir jugando con los valores hasta que obtuve los resultados que quería. Por ejemplo en el caso del saldo sería el primer grupo (1), la línea activa el 2, la línea vence seria el 4, el bono el 8 y el bono vence el 7, no tiene mucho sentido pero por lo menos así me funciona.

Si entienden un poco de inglés básico no les será difícil saber para qué son las otras opciones, aclarar que muchas de estas no tienen mucho sentido para su uso aquí con la línea de ETECSA, por lo menos por ahora, teniendo en cuenta lo que devuelve la consulta USSD. De todas esta opciones solo modifique la primera en todos los casos y en los que eran fechas seleccionar la opción Value is date.

Para terminar con el USSD DWP solo queda seleccionar la opción de integrar con el Zooper, en System Settings una de las últimas opciones el Zooper integration que deben seleccionarla. Cuando lo hacen les sale una ventana donde el explican los nombres de las variables disponibles para su uso en Zooper:

3

Por ejemplo la variable para el saldo sería #TUDW1V, donde 1 sería el número del indicador (el que les sale entre paréntesis al lado del nombre) y V para decirle que es el valor que devuelve este indicador.

Hasta aquí mis conocimientos del USSD DWP. Los invito a que “jueguen” con él y si descubren algo interesante lo compartan.

Configurando el Zopper

Ahora el Zooper, esto les advierto que requiere un tutorial avanzado para poder entenderlo, ni yo mismo lo hago. Les confieso que descargué una plantilla de internet y la modifiqué según me hizo falta. Les voy a dejar la plantilla mía y voy a tratar de explicar, aunque sea, un ejemplo de cada tipo de componente que utilizo. Las opciones de la configuración básica están bien explicadas en el mismo programa (por lo menos la versión que tengo esta en español), por lo que voy a profundizar en los parámetros avanzados. Importante, las imágenes que salen en el widget no las guarda interno dentro de la plantilla por lo que tendrán que agregarlas después manualmente.

Screenshot_2016-10-03-07-19-37

Así es como quedó mi widget

Explicándoles de que tipo es cada componente que utilizo según Zooper.

  • Barras de progreso: El arco del día, la barra de la batería y los aros de las memorias.
  • Mapas de bits: Las memorias, la luna y el sol, el reloj de la alarma y los símbolos de $.
  • Conjunto de íconos en mapa de bits: La imagen de la batería.
  • Rectángulo: Las barritas que se ven el arco del día.
  • Texto enriquecido: Todos los textos del widget.

Barra de progreso Progreso día (el arco). Cuando crean el elemento le ponen el nombre que deseen para que puedan identificarlo mejor después en la lista. El desplazamiento (posición en la pantalla) lo dejo a su gusto en mi caso es -150 horizontal y 40 vertical. Editar progreso Min/Max/Valor, en este caso el mínimo sería 0 y el máximo 1440, que es la cantidad de minutos que tiene un día y el valor sería convertir la hora actual en minutos, para eso ponemos $(#DH#*60)+(#Dm#)$.

Haciendo un apartado aquí, en Zooper todas las variables que se utilicen van entre ## y las expresiones entre $$, según entiendo el símbolo del $ hace una función parecida a las llaves ( {} ) en programación. En el ejemplo anterior #DH# es la hora actual y #Dm# los minutos. Cuando uno entre en alguna sección que necesita utilizar variables al final hay una parte (Campos disponibles) donde te dicen todas las variables del sistema que puedes utilizar agrupadas por categorías. Dejar claro que hay muchas variables de esas que no podemos utilizar aquí porque no contamos con internet en el móvil, ese es el caso de las variables que tiene k ver con el clima y otras.

Siguiendo con la barra de progreso. Después de editar el progreso seleccionamos el color de fondo y el color que muestre el progreso del día. Ancho de la barra de progreso, esto es el tamaño que tendrá la barra, recuerden que como es un arco tiene que ser más grande, en mi caso es 475. El Alto es el grosor, en mi caso 4. La rotación es la dirección, en este caso la barra empezaría subiendo por lo que el valor sería -90 y la Curvatura para darle la forma de arco debe ser 180. Las demás opciones ya son adornos, transparencia, sombreados, etc. Ya quedan a su gusto personal. Aquí tienen que tener bien claro el tamaño que le dan a la barra porque después lo van a tener que utilizar para calcular la posición del sol o la luna.

La barra de la batería es casi lo mismo pero sin la rotación y la curvatura, y el progreso sería utilizando la variable de estado de la batería #BLEVN# y en el apartado de parámetros avanzados le pongo la condición de que si es inferior a 20% sea roja.

Rectángulo de salida del Sol. Voy a sáltame aquí las opciones básicas y voy a pasar directo para la parte Parámetros avanzados que es lo complicado y trataré de explicar cada parte.

4

Empezamos [ar]151[/ar] Es el radio de la circunferencia, en este caso el arco que creamos con el progreso del día. Lo que se encuentra entre [as][/as] es la posición del rectángulo en el arco y entre [r][/r] es el ángulo de inclinación del mismo. Si les soy sincero ni yo entiendo los cálculos que se hacen en estas etiquetas, si les digo que 7*60+30 significa las 7:30 AM (siempre la hora se debe dar en la cantidad de minutos), esa es la hora k que le tengo puesta por defecto a la salida del Sol, este valor en realidad se debería obtener de alguna de las variables del clima, por sin internet hay que ponerlo manual. La última parte es una condicional que cambia el color del rectángulo cuando la hora actual es mayor que la hora puesta como salida del sol.

Mapas de bits, en el caso de la Luna y el sol la única diferencia es la imagen y la hora cuando se ponen las condicionales. Aquí también me voy a saltar las opciones básicas y voy directo para las avanzadas.

5

Primero es una condicional que significa si la hora es menos que las 7:30 y mayos que las 19:00 la imagen se dibuje fuera de la pantalla visible, [ox] es la posición de la imagen en el eje X. Aquí [ar] y [as] son lo mismo que en el caso del rectángulo, el radio y la posición. Si se fija ya aquí la posición está determinada por la hora real.

En el caso de los otros mapas las posiciones son estáticas por lo que no hay que hacer nada en los parámetros avanzados.

Conjunto de íconos en mapa de bits te permite tener un conjunto de imágenes y cambiarlas según algún estado definido. En mi caso utilice el que trae por defecto Zooper, en la opción de Conjunto de íconos selecciones ZW Battery Icons y en Modo de conjunto Batery Icons. Y ya el solo se encarga de hacer lo demás, por ejemplo cuando se está cargando el móvil el ícono cambia y va cambiando según el estado de carga.

Texto enriquecido, en este caso explicaré la parte del saldo, lo demás es solo cambiar la variable que se utilice y la posición.

Una opción que no había tocado antes es que la de Acción al Pulsar el Widget, de forma global lo tengo desactivado pero en algunos módulos la tengo puesta. Para este caso escojo en Shortcuts USSD DWP para que me actualice el valor del saldo en caso de que no lo haga solo.

6

Aquí no se toca la opción de Parámetros avanzados pero si la de Editar texto manualmente. En este caso utilizo las variables #TUDW1V# para el saldo y #TUDW2V# para la línea activa, que nos provee USSD DWP. Primero el texto Saldo: y después una condicional [c] [/c] para si el saldo es menor que 10 se muestre en color rojo, sino verde.

Hasta aquí he intentado resumir y al menos ejemplificar el funcionamiento de Zooper y su integración con el USSD DWP. Esto lleva tiempo, yo me demoré más de una semana para lograr todo eso, fue mucho tiempo “jugando” con los valores y las opciones para entender un poco el funcionamiento. En internet por mucho que busque apenas encontré información sobre esa parte de las variables y los parámetros avanzados. Zooper está bastante descontinuado y ya muy pocas personas lo utilizan, con las nuevas versiones de Android y los widgets que trae por defecto no hace falta.

Espero que hayan entendido por lo menos lo suficiente como para poder intentar hacer sus propios widgets y poder tener siempre presente el saldo en su pantalla, sin tener que estar marcando el código o tener que utilizar otra aplicación.

5 comentarios de “Para crear el widget con el saldo(a petición )

  1. quisiera saber si por casulalidad el administrador del blog tiene la actualizacion de la apk de correo AguaMail la ultima q yo tengo es la 1.9.1-360, por favor si tienen una version superior a esta subanla, saludos.

  2. vaya sere yo, pero nunca logre hacer funcional esto……….. podrías hacer un tuto mas explicadito con fotos y todo, para niños de pre-escolar.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *