Crear un registro para sesiones en una conferencia

Nivel de programación: Principiante
Duración: 5 minutos
Tipo de proyecto: Automatización con un menú personalizado y un activador controlado por eventos

Objetivos

• Comprende qué hace la solución.
• Comprende qué hacen los servicios de Apps Script dentro de la solución.
• Configura la secuencia de comandos.
• Ejecuta la secuencia de comandos.

Acerca de esta solución

Crea un sistema de registro de eventos de extremo a extremo. Si tienes un evento próximo, como una conferencia, puedes configurar un calendario nuevo para las sesiones de la conferencia, crear un formulario de registro y enviar automáticamente a los asistentes itinerarios personalizados por correo electrónico.

Cómo funciona

Esta solución usa un menú personalizado en Hojas de cálculo de Google para implementar un sistema de registro de eventos automatizado. La secuencia de comandos crea un calendario con los eventos de la conferencia que se enumeran en la hoja de cálculo de Hojas de cálculo. Luego, la secuencia de comandos crea un formulario con la lista de eventos a los que los asistentes pueden registrarse. Después de que los asistentes completan el formulario, la secuencia de comandos los agrega a los eventos del calendario y les envía itinerarios por correo electrónico.

Servicios de Apps Script

Esta solución usa los siguientes servicios:

• Servicio de hojas de cálculo: Proporciona la información del evento a los demás servicios.
• Servicio de Calendario de Google: Crea un calendario nuevo para el evento, agrega eventos al calendario y agrega asistentes a los eventos a los que se registran.
• Servicio de propiedades: Almacena el ID del calendario creado por el servicio de Calendario. Cuando un usuario hace clic en Configurar conferencia en el menú personalizado Conferencia, el servicio de propiedades verifica si el sistema de registro de eventos ya se configuró verificando si la propiedad del ID del calendario está presente. Esto ayuda a evitar la creación de formularios y calendarios duplicados.
• Servicio de Formularios de Google: Crea un formulario a partir de la información de la hoja de cálculo que permite a los asistentes registrarse en las sesiones.
• Servicio de secuencias de comandos: Crea un activador que se activa cuando un asistente completa el formulario.
• Servicio de documentos: Obtiene la información del evento para los eventos a los que se registra un asistente y agrega una lista de los eventos a un documento nuevo. La secuencia de comandos le otorga al asistente permiso para editar el documento.
• Servicio de correo electrónico: Envía el documento del itinerario a el asistente por correo electrónico.

Requisitos previos

Para usar este ejemplo, debes cumplir con los siguientes requisitos previos:

• Una Cuenta de Google (es posible que las cuentas de Google Workspace requieran la aprobación del administrador)
• Un navegador web con acceso a Internet

Configura la secuencia de comandos

1. Haz clic en el siguiente botón para crear una copia de la hoja de cálculo de Hojas de cálculo de ejemplo Crear un registro para las sesiones de una conferencia. El proyecto de Apps Script para esta solución se adjunta a la hoja de cálculo:

   Crear una copia

2. Haz clic en Conferencia > Configurar conferencia. Es posible que debas actualizar la página para que aparezca este menú personalizado.

3. Cuando se te solicite, autoriza la secuencia de comandos. <<../_snippets/oauth.md>>

4. Vuelve a hacer clic en Conferencia > Configurar conferencia.

Ejecuta la secuencia de comandos

1. Haz clic en Herramientas > Administrar formulario > Ir al formulario activo.
2. Completa y envía el formulario.
3. Ve a calendar.google.com.
4. A la izquierda, asegúrate de que esté marcada la casilla junto a Calendario de la conferencia.
5. Ve a las fechas de los eventos a los que te registraste y confirma que se te agregó como asistente.

(Opcional) Restablece la solución

Si quieres volver a probar esta solución o personalizarla para usar tu propia información del evento, debes restablecer algunos elementos que se configuraron cuando ejecutaste la secuencia de comandos por primera vez. Para ver los pasos para restablecer la solución, haz clic en Restablecer la solución:

Restablecer la solución

Paso 1: Restablece las propiedades de la secuencia de comandos almacenadas

Si intentas ejecutar la secuencia de comandos más de una vez, se te solicitará lo siguiente: Tu conferencia ya está configurada. Busca tu formulario de registro en Google Drive. Esto sucede porque, una vez que se crea el Calendario de la conferencia, el ID del calendario se almacena como una propiedad de la secuencia de comandos. Cuando se ejecuta la secuencia de comandos, verifica si la propiedad del ID del calendario ya existe y deja de ejecutarse si lo hace.

Sigue estos pasos para quitar la propiedad del ID del calendario existente:

1. En la hoja de cálculo, haz clic en Extensiones > Apps Script.
2. En el editor de Apps Script, selecciona resetProperties en la lista desplegable de funciones y haz clic en Ejecutar.

Paso 2: Borra el Calendario de la conferencia

Cada vez que se ejecuta la secuencia de comandos, se crea un calendario nuevo. Si no quieres conservar el calendario original que se creó, sigue estos pasos:

1. Ve a calendar.google.com.
2. Junto a Calendario de la conferencia, haz clic en Opciones para Calendario de la conferencia > Configuración y uso compartido.
3. Ve a la parte inferior de la configuración y haz clic en Borrar.

Paso 3: Borra el activador de envío del formulario

La secuencia de comandos crea un activador para los envíos de formularios cada vez que la ejecutas. Para evitar varios activadores que generen correos electrónicos duplicados, quita el activador original trigger. Sigue estos pasos:

1. En la hoja de cálculo, haz clic en Extensiones > Apps Script.
2. En el proyecto de Apps Script, a la izquierda, haz clic en Activadores .
3. Junto al activador, haz clic en Más > Borrar activador.

Paso 4: Desvincula y borra el formulario

Cada vez que ejecutas la secuencia de comandos, se crea un formulario nuevo. Sigue estos pasos para desvincular el formulario de tu hoja de cálculo y borrarlo:

1. En la hoja de cálculo, haz clic con el botón derecho en la hoja Respuestas del formulario y haz clic en Desvincular formulario > Aceptar.
2. Vuelve a hacer clic con el botón derecho en la hoja Respuestas del formulario y haz clic en Borrar > Aceptar.
3. Ve a forms.google.com.
4. Haz clic con el botón derecho en Formulario de la conferencia y haz clic en Quitar > Mover a la papelera.

Una vez que restablezcas la solución, podrás agregar tus propios datos o seguir usando los datos de ejemplo y volver a ejecutar la secuencia de comandos.

Revisa el código

Para revisar el código de Apps Script de esta solución, haz clic en Ver el código fuente:

Ver el código fuente

Code.gs

solutions/automations/event-session-signup/Code.js

Ver en GitHub

// To learn how to use this script, refer to the documentation:
// https://developers.google.com/apps-script/samples/automations/event-session-signup

/*
Copyright 2022 Google LLC

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    https://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/

/**
 * Inserts a custom menu when the spreadsheet opens.
 */
function onOpen() {
  SpreadsheetApp.getUi()
    .createMenu("Conference")
    .addItem("Set up conference", "setUpConference_")
    .addToUi();
}

/**
 * Uses the conference data in the spreadsheet to create
 * Google Calendar events, a Google Form, and a trigger that allows the script
 * to react to form responses.
 */
function setUpConference_() {
  const scriptProperties = PropertiesService.getScriptProperties();
  if (scriptProperties.getProperty("calId")) {
    Browser.msgBox(
      "Your conference is already set up. Look in Google Drive for your" +
        " sign-up form!",
    );
    return;
  }
  const ss = SpreadsheetApp.getActive();
  const sheet = ss.getSheetByName("Conference Setup");
  const range = sheet.getDataRange();
  const values = range.getValues();
  setUpCalendar_(values, range);
  setUpForm_(ss, values);
  ScriptApp.newTrigger("onFormSubmit")
    .forSpreadsheet(ss)
    .onFormSubmit()
    .create();
}

/**
 * Creates a Google Calendar with events for each conference session in the
 * spreadsheet, then writes the event IDs to the spreadsheet for future use.
 * @param {Array<string[]>} values Cell values for the spreadsheet range.
 * @param {Range} range A spreadsheet range that contains conference data.
 */
function setUpCalendar_(values, range) {
  const cal = CalendarApp.createCalendar("Conference Calendar");
  // Start at 1 to skip the header row.
  for (let i = 1; i < values.length; i++) {
    const session = values[i];
    const title = session[0];
    const start = joinDateAndTime_(session[1], session[2]);
    const end = joinDateAndTime_(session[1], session[3]);
    const options = { location: session[4], sendInvites: true };
    const event = cal
      .createEvent(title, start, end, options)
      .setGuestsCanSeeGuests(false);
    session[5] = event.getId();
  }
  range.setValues(values);

  // Stores the ID for the Calendar, which is needed to retrieve events by ID.
  const scriptProperties = PropertiesService.getScriptProperties();
  scriptProperties.setProperty("calId", cal.getId());
}

/**
 * Creates a single Date object from separate date and time cells.
 *
 * @param {Date} date A Date object from which to extract the date.
 * @param {Date} time A Date object from which to extract the time.
 * @return {Date} A Date object representing the combined date and time.
 */
function joinDateAndTime_(date_, time) {
  const processedDate = new Date(date_);
  processedDate.setHours(time.getHours());
  processedDate.setMinutes(time.getMinutes());
  return processedDate;
}

/**
 * Creates a Google Form that allows respondents to select which conference
 * sessions they would like to attend, grouped by date and start time in the
 * caller's time zone.
 *
 * @param {Spreadsheet} ss The spreadsheet that contains the conference data.
 * @param {Array<String[]>} values Cell values for the spreadsheet range.
 */
function setUpForm_(ss, values) {
  // Group the sessions by date and time so that they can be passed to the form.
  const schedule = {};
  // Start at 1 to skip the header row.
  for (let i = 1; i < values.length; i++) {
    const session = values[i];
    const day = session[1].toLocaleDateString();
    const time = session[2].toLocaleTimeString();
    if (!schedule[day]) {
      schedule[day] = {};
    }
    if (!schedule[day][time]) {
      schedule[day][time] = [];
    }
    schedule[day][time].push(session[0]);
  }

  // Creates the form and adds a multiple-choice question for each timeslot.
  const form = FormApp.create("Conference Form");
  form.setDestination(FormApp.DestinationType.SPREADSHEET, ss.getId());
  form.addTextItem().setTitle("Name").setRequired(true);
  form.addTextItem().setTitle("Email").setRequired(true);
  for (const day of Object.keys(schedule)) {
    form.addSectionHeaderItem().setTitle(`Sessions for ${day}`);
    for (const time of Object.keys(schedule[day])) {
      form
        .addMultipleChoiceItem()
        .setTitle(`${time} ${day}`)
        .setChoiceValues(schedule[day][time]);
    }
  }
}

/**
 * Sends out calendar invitations and a
 * personalized Google Docs itinerary after a user responds to the form.
 *
 * @param {Object} e The event parameter for form submission to a spreadsheet;
 *     see https://developers.google.com/apps-script/understanding_events
 */
function onFormSubmit(e) {
  const user = {
    name: e.namedValues.Name[0],
    email: e.namedValues.Email[0],
  };

  // Grab the session data again so that we can match it to the user's choices.
  const response = [];
  const values = SpreadsheetApp.getActive()
    .getSheetByName("Conference Setup")
    .getDataRange()
    .getValues();
  for (let i = 1; i < values.length; i++) {
    const session = values[i];
    const title = session[0];
    const day = session[1].toLocaleDateString();
    const time = session[2].toLocaleTimeString();
    const timeslot = `${time} ${day}`;

    // For every selection in the response, find the matching timeslot and title
    // in the spreadsheet and add the session data to the response array.
    if (e.namedValues[timeslot] && e.namedValues[timeslot] === title) {
      response.push(session);
    }
  }
  sendInvites_(user, response);
  sendDoc_(user, response);
}

/**
 * Add the user as a guest for every session he or she selected.
 * @param {object} user An object that contains the user's name and email.
 * @param {Array<String[]>} response An array of data for the user's session choices.
 */
function sendInvites_(user, response) {
  const id = ScriptProperties.getProperty("calId");
  const cal = CalendarApp.getCalendarById(id);
  for (let i = 0; i < response.length; i++) {
    cal.getEventSeriesById(response[i][5]).addGuest(user.email);
  }
}

/**
 * Creates and shares a personalized Google Doc that shows the user's itinerary.
 * @param {object} user An object that contains the user's name and email.
 * @param {Array<string[]>} response An array of data for the user's session choices.
 */
function sendDoc_(user, response) {
  const doc = DocumentApp.create(
    `Conference Itinerary for ${user.name}`,
  ).addEditor(user.email);
  const body = doc.getBody();
  let table = [["Session", "Date", "Time", "Location"]];
  for (let i = 0; i < response.length; i++) {
    table.push([
      response[i][0],
      response[i][1].toLocaleDateString(),
      response[i][2].toLocaleTimeString(),
      response[i][4],
    ]);
  }
  body
    .insertParagraph(0, doc.getName())
    .setHeading(DocumentApp.ParagraphHeading.HEADING1);
  table = body.appendTable(table);
  table.getRow(0).editAsText().setBold(true);
  doc.saveAndClose();

  // Emails a link to the Doc as well as a PDF copy.
  MailApp.sendEmail({
    to: user.email,
    subject: doc.getName(),
    body: `Thanks for registering! Here's your itinerary: ${doc.getUrl()}`,
    attachments: doc.getAs(MimeType.PDF),
  });
}

/**
 * Removes the calId script property so that the 'setUpConference_()' can be run again.
 */
function resetProperties() {
  const scriptProperties = PropertiesService.getScriptProperties();
  scriptProperties.deleteAllProperties();
}

</section>

Colaboradores

Google mantiene este ejemplo con la ayuda de Google Developer Experts.

Próximos pasos

• Menús personalizados en Google Workspace
• Activadores controlados por eventos