# Como mostrar o status do voo na tela de bloqueio Mostre a cada passageiro que fez check-in o portão, o status e o horário na tela de bloqueio até o voo pousar. Este guia constrói essa jornada com o [elemento Live Activity](/pt/product/customer-journey/journey-elements/channels/live-activity/). ## Pré-requisitos * Seu aplicativo iOS suporta Live Activities. Consulte o [guia de Live Activities do SDK para iOS](/pt/developer/pushwoosh-sdk/ios-sdk/ios-live-activities/). * Um esquema de widget de voo está publicado para este aplicativo. Consulte a [configuração de esquemas de Live Activity do iOS](/pt/developer/first-steps/connect-messaging-services/ios-configuration/ios-live-activity-schemas-configuration/). ## Crie os eventos Estes são nomes de eventos de exemplo para este guia. Quando seu aplicativo ou backend envia um nome pela primeira vez, o Pushwoosh [cria esse evento automaticamente](/pt/product/audience-data-and-segmentation/events/#implementation). Crie os eventos no Painel de Controle primeiro apenas se você quiser definir os tipos de atributos antes do primeiro envio. Crie (ou reutilize) os eventos `CheckInCompleted`, `FlightStatusChanged` e `FlightLanded`. [Saiba mais sobre a criação de eventos](/pt/product/audience-data-and-segmentation/events/#implementation) ## Construa a jornada Abra o [Customer Journey Builder](/pt/product/customer-journey/pushwoosh-journey-overview/), crie uma campanha e construa tudo abaixo em uma única tela. 1. Vá para **Campanhas → Customer Journey Builder**. 2. Clique em **Criar campanha**. 3. Clique em **Construir uma jornada do zero**. ### Defina a entrada 1. Adicione um elemento de **Entrada baseada em gatilho** à tela. 2. Defina-o como `CheckInCompleted`. ![Painel de Entrada baseada em gatilho com EVENTO definido como CheckInCompleted](/live-activity-how-to-track-flight-status-with-live-activity-3.webp) ### Inicie o cartão de voo 1. Adicione um elemento **Live Activity** após a entrada. 2. Nomeie-o como `Flight card start`. 3. Defina a **Ação** como **Iniciar**. 4. Selecione o **Widget** de voo e a **Versão do esquema**. ![Início do cartão de voo com Ação definida como Iniciar e Widget de voo e Versão do esquema selecionados](/live-activity-how-to-track-flight-status-with-live-activity-1.webp) 5. Defina **Chave do cartão: evento** como `CheckInCompleted`. ![Chave do cartão: evento definido como CheckInCompleted](/live-activity-how-to-track-flight-status-with-live-activity-4.webp) 6. Preencha o **Conteúdo do cartão** (`gate`, `status`, `estimatedTime`) e os campos de alerta. ![Campos de conteúdo do cartão gate, status e estimatedTime preenchidos, com campos de alerta abaixo](/live-activity-how-to-track-flight-status-with-live-activity-5.webp) 7. Clique em **Aplicar**. ### Aguarde e atualize o cartão Continue na mesma tela após o elemento Iniciar. 1. Adicione um elemento **Aguardar por Gatilho**. 2. Aguarde por `FlightStatusChanged`. 3. Defina um período de espera que se ajuste às atualizações do seu voo. ![Aguardar por Gatilho definido como FlightStatusChanged com um período de espera](/live-activity-how-to-track-flight-status-with-live-activity-6.webp) 4. No ramo que dispara quando o evento acontece, adicione um elemento **Live Activity**. 5. Nomeie-o como `Flight card update`. 6. Defina a **Ação** como **Atualizar**. 7. Escolha o mesmo **Widget** e **Versão do esquema**. ![Atualização do cartão de voo com Ação definida como Atualizar e o mesmo Widget e Versão do esquema selecionados](/live-activity-how-to-track-flight-status-with-live-activity-7.webp) 8. Selecione `Flight card start` em **Cartão criado por**. ![Cartão criado por definido como Flight card start no elemento Atualizar](/live-activity-how-to-track-flight-status-with-live-activity-8.webp) 9. Atualize o **Conteúdo do cartão**. ![Campos de conteúdo do cartão atualizados no elemento de atualização do cartão de voo](/live-activity-how-to-track-flight-status-with-live-activity-9.webp) 10. Clique em **Aplicar**. ### Aguarde e finalize o cartão Continue na mesma tela após o elemento Atualizar. 1. Adicione outro elemento **Aguardar por Gatilho**. 2. Aguarde por `FlightLanded`. ![Aguardar por Gatilho definido como FlightLanded](/live-activity-how-to-track-flight-status-with-live-activity-10.webp) 3. No ramo que dispara quando o evento acontece, adicione um elemento **Live Activity**. 4. Nomeie-o como `Flight card end`. 5. Defina a **Ação** como **Finalizar**. 6. Escolha o mesmo **Widget** e **Versão do esquema**. 7. Selecione `Flight card start` em **Cartão criado por**. ![Finalização do cartão de voo com Ação definida como Finalizar, o mesmo Widget e Versão do esquema selecionados, e Cartão criado por definido como Flight card start](/live-activity-how-to-track-flight-status-with-live-activity-11.webp) 8. Defina o alerta e **Dispensar após, min** se necessário. ![Campos de alerta e Dispensar após, min no elemento de finalização do cartão de voo](/live-activity-how-to-track-flight-status-with-live-activity-12.webp) 9. Clique em **Aplicar**. ![Jornada completa de status de voo na tela com entrada, Iniciar, Aguardar por Gatilho, Atualizar, Aguardar por Gatilho e Finalizar](/live-activity-how-to-track-flight-status-with-live-activity-13.webp) ## O que o passageiro vê Na tela de bloqueio, o passageiro recebe um cartão de Live Activity que muda conforme o voo progride. Por exemplo: Portão `B12`, status `Embarcando`, horário estimado `18:45`. ![Cartão de Live Activity na tela de bloqueio após o check-in mostrando portão B12, Embarcando, e horário estimado 18:45](/live-activity-how-to-track-flight-status-with-live-activity-14.webp) O mesmo cartão é atualizado, por exemplo, portão `B14`, status `Atrasado`, horário estimado `19:10`. ![Cartão de Live Activity na tela de bloqueio após uma mudança de status mostrando portão B14, Atrasado, e horário estimado 19:10](/live-activity-how-to-track-flight-status-with-live-activity-15.webp) O cartão fecha e sai da tela de bloqueio.