Construyendo una simple interface desde GAS – Pt 1

Estándar

Una UI (user interface – interface de usuario), es lo que uno ve al prender una computadora, puede ser una interfaz que hace uso de ventanas o puede ser el cursor parpadeante desde una consola de comando. Por lo general cuando hablamos de la creación interfaces de usuario nos referimos a la parte con la cual el usuario estará en interacción con nuestra aplicación (texto a leer, imágenes a visualizar, cajas de texto, botones a pulsar, etc…). Hoy en día las interfaces Web se crean haciendo uso de HTML.
Pero en GAS existen al menos tres formas de crear una interfaz:

  • Incrustada en un “Google Doc” o una ” Google Sheet”
  • Incrustada en un “Google Site” como un gadget
  • Como una página Web (la cual llamaremos Web App)

Por el momento le veo mayor aplicación a las Web Apps. Para poder construir la interfaz en este tipo de scripts, podemos valernos de dos alternativas que Google pone a nuestro alcance:

  • HTML Service
  • UI Service

El primer servicio nos dejara crear nuestra interfaces como si se tratara de páginas web estándar con lo cual podremos incluir hoja de estilos y programar eventos con jquery. Por lo anterior, sería bueno contar con conocimientos básicos en HTML, CSS y Java Script.

El segundo servicio nos permitirá crear y añadir controles, así mismo programar los eventos de los mismos, en teoría, no se necesitan conocimientos de HTML ni CSS.

En un principio pensé que usar UI Service era más práctico y más aún si no se tiene conocimientos de HTML y CSS, además de que el servicio estaba marcado como experimental, es decir que se trataba de una característica que Google pudiera quitar a futuro, pero ahora parece que ya ha quedado como parte integral de GAS. Sin embargo recomiendo ampliamente el optar por el HTML Service con lo cual nuestro conocimiento adquirido podría ser fácilmente aplicable a otras plataformas.

Les comprato el siguiente video en el cual he creado una simple interfaz haciendo uso del UI Service, mas adelante les compartiré un video haciendo algo mas elaborado empleando el HTML Service.

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s