Creator Studio tutorial

Use este tutorial para criar um app de solicitação de cartão-presente para simplificar os processos de reconhecimento a uma equipe.

Objetivos do tutorial

Neste tutorial, você assumirá as seguintes funções para criar e implantar a aplicação:

• Como gerente de marketing que deseja simplificar os processos de reconhecimento à equipe, você criará o app Solicitação de cartão-presente.
• Como administrador de desenvolvimento de aplicações, aprove e implante o novo app em um ambiente de produção.
• Como gerente de marketing, use seu app em tempo real para enviar uma solicitação de reconhecimento.

Cenário de tutorial

Você é um gerente de uma equipe em rápida expansão. Até o momento, a equipe excedeu suas metas a cada trimestre. Você deseja recompensá-los e fornecer cartões-presente como parte desse reconhecimento. No entanto, garantir a aprovação de recompensas monetárias é um processo complexo que pode durar horas e envolver interação repetitiva com muitos sistemas e gestão superior.

Para resolver esse problema, entre em contato com o administrador de TI e confirme se é possível criar um app para solicitar cartões-presente. O administrador terá prazer em ajudar você a criar um novo app de ponta a ponta que se baseie no conhecimento do processo de negócios. Para habilitar isso, o administrador adiciona você ao grupo Creator Studio Usuários em sua instância de não produção.

Nota:

Para concluir este tutorial, você deve fazer login em Creator Studio como ou representar dois usuários: um no grupo Creator Studio Usuários e um administrador.

É hora de você começar a usar um app simples.

Tutorial - Parte 1: Criar o app

Comece criando um app na página inicial Creator Studio.

Antes de Iniciar

Função necessária: Creator Studio Usuário

Procedimento

1. Ir para Tudo > App Engine > Creator Studio.

   Figura 1. Iniciar Creator Studio

   

2. Selecione o botão Criar app.

   Figura 2. Botão Criar app

   

   • Se você for um administrador do sistema, poderá ler mais sobre este tópico em Colaboração de aplicações.
   • Se você quiser saber como solicitar que um administrador crie o app para você, confira Peça a um administrador para criar um app para você no Creator Studio.
3. Insira os seguintes valores na página Criar app.

   Tabela 1. Criar campos modais da aplicação

   Campo	Valor
   Nome	Solicitação de cartão-presente
   Descrição	Solicite um cartão-presente interno ou de terceiros para reconhecimento de funcionários.

   Figura 3. Adicionar detalhes básicos do app de solicitação de cartão-presente

   

4. Selecione o botão Criar app.
5. Selecione o tipo de app que você deseja criar, como Central de serviços.
   Os apps da Central de serviços permitem que os usuários enviem solicitações, relatem problemas e acessem o suporte relacionado a serviços dentro da sua empresa.
6. Selecione o botão Continuar.

O que Fazer Depois

Em seguida, vamos adicionar um formulário.

Tutorial - Parte 2: Adicionar um formulário

Adicionar um formulário permite que as pessoas façam uma solicitação. Os formulários fazem perguntas às quais as pessoas respondem ao enviar uma solicitação da central de serviços.

Antes de Iniciar

Função necessária: Creator Studio usuário

Procedimento

1. Verifique na página do modelo se o modelo padrão do Creator Studio está selecionado.

   Figura 4. Selecione o modelo

   

2. Selecione o botão Aplicar modelo e continuar.
   Em seguida, vamos personalizar o formulário adicionando perguntas.

Tutorial - Parte 3: Personalizar o formulário

Personalize o formulário do app de solicitação de cartão-presente inserindo perguntas manualmente. Quando terminar, você poderá marcá-lo como pronto para ser publicado.

Antes de Iniciar

Função necessária: Creator Studio usuário

Por Que e Quando Desempenhar Esta Tarefa

Você também pode usar Now Assist para criadores na guia Criar com o Now Assist, mas neste tutorial você deve inserir perguntas manualmente.

Procedimento

1. Selecione a guia Criar por conta própria.
2. Insira as seguintes informações no formulário:

   Tabela 2. Valores de detalhes do formulário

   Campo	Valor
   Nome do formulário	Solicitação de cartão-presente
   Descrição resumida	Solicite um cartão-presente interno ou de terceiros para reconhecimento de funcionários.
   Descrição longa	Procurando uma ótima maneira de reconhecer seus colegas? Use este formulário para solicitar um cartão-presente para a loja interna da nossa empresa ou para uma loja de terceiros de sua escolha!

   Figura 5. Inserir detalhes do formulário

   

   Nota:

   Esta página permite que você especifique detalhes para o primeiro formulário, embora você também possa fazer isso ou editar os detalhes, como nome e descrição, de dentro do aplicativo depois que ele for gerado.
3. Selecione o botão Salvar e editar formulário.
   Em seguida, trabalharemos no conteúdo do formulário.
4. Adicione um ícone para aprimorar seu formulário selecionando o ícone e carregando uma imagem apropriada.
   Você pode usar qualquer imagem que quiser.

   Figura 6. Adicione uma imagem

   

5. Crie sua primeira pergunta que permite que os usuários solicitem o cartão-presente.
   1. Selecione Pergunta 1.
   2. Insira os seguintes valores no painel de detalhes da pergunta que aparece:

      Tabela 3. Valores da pergunta 1

      Campo	Valor
      Rótulo de pergunta	Cartão-presente da loja da empresa?
      Tipo de conteúdo	Sim ou não
      Marcar como necessário	Selecione esta opção

      Figura 7. Adicionar a primeira pergunta

      

   3. Selecione o botão Salvar.
6. Crie a segunda pergunta para especificar o valor do cartão-presente.
   1. Selecione Pergunta 2.
   2. Insira os seguintes valores no painel de detalhes da pergunta que aparece:

      Tabela 4. Valores da pergunta 2

      Campo	Valor
      Rótulo de pergunta	Valor
      Tipo de conteúdo	Deixar selecionado como Texto de linha única
      Marcar como necessário	Selecione esta opção

      Figura 8. Adicionar a segunda pergunta

      

   3. Selecione o botão Salvar.
7. Crie a terceira pergunta que define quem será o destinatário do cartão-presente.
   1. Selecione Pergunta 3.
   2. Insira os seguintes valores no painel de detalhes da pergunta que aparece:

      Tabela 5. Valores da pergunta 3

      Campo	Valor
      Rótulo de pergunta	Destinatário
      Tipo de conteúdo	Opções de registro
      Tabela de origem	Usuário (sys_user)

      Figura 9. Adicionar a terceira pergunta

      

   3. Selecione o botão Salvar.
8. Adicione uma quarta pergunta para que os usuários possam inserir uma justificativa para o cartão-presente.
   1. Arraste o elemento de formulário de texto de várias linhas para adicioná-lo ao formulário abaixo da terceira pergunta.
   2. Insira os seguintes valores no painel de detalhes da pergunta que aparece:

      Tabela 6. Valores da pergunta 4

      Campo	Valor
      Rótulo de pergunta	Justificativa
      Tipo de conteúdo	Deixar como texto de várias linhas

      Figura 10. Adicionar a quarta pergunta

      

   3. Selecione o botão Salvar.
9. Selecione Marcar como pronto para publicar o formulário.
   Ao terminar de editar um formulário, você o marca como pronto, o que o coloca no estado Publicado. Esta versão do formulário aparece no catálogo de itens especificado.

   Nota:

   O formulário publicado aparece somente na instância de não produção em que você está desenvolvendo seu app. Você deve solicitar que seu administrador implante o app na produção para que o formulário apareça no catálogo na instância de produção.

   Figura 11. Marcar um formulário como pronto

   

10. Especifique onde os usuários podem acessar o formulário no Central do funcionário selecionando o botão Editar configuração de local.

    Figura 12. Editar aviso de configurações de local

    

11. Selecione o botão Editar para adicionar o formulário a um tópico Central do funcionário.

    Figura 13. Selecione tópicos no tópico Central do funcionário

    

12. Escolha a seção do Central do funcionário em que o formulário ficará.

    Figura 14. Selecione o tópico Central do funcionário

    

13. Selecione o botão Aplicar.
14. Selecione o botão Salvar todas as configurações para salvar suas mudanças.

    Figura 15. Salvar todas as configurações de local

    

15. Opcional: Veja como o formulário ficará selecionando o botão Visualizar.
    Você pode ver uma visualização de como a versão atual do formulário será exibida em várias experiências selecionando Portal (como Portal do funcionário), Now Mobileou Virtual Agent. Você pode preencher o formulário ao visualizar, mas selecionar Enviar não gera um registro de tarefa.

Tutorial - Parte 4: Adicionar um playbook automatizado

Adicione um playbook que usa o formulário que você acabou de criar para automatizar a aprovação do app de solicitação de cartão-presente.

Antes de Iniciar

Função necessária: Creator Studio usuário

Procedimento

1. Selecione a guia Automações no cabeçalho Creator Studio.

   Figura 16. Selecione a guia Automações

   

2. Selecione o botão + Criar um playbook.

   Figura 17. Criar um playbook

   

3. Insira os seguintes valores em Criar um modal de playbook:

   Tabela 7. Criar valores modais de playbook

   Campo	Valor
   Nome do playbook	Aprovações de cartão-presente
   Descrição	Encaminhar aprovações quando um cartão-presente for solicitado.
   Formulário	Verifique se o nome do formulário que você criou (solicitação de cartão-presente) está selecionado.
   Gatilho	Deixe o gatilho como Formulário enviado.
   Executar seu playbook	Deixe Uma vez selecionado.

   Figura 18. Inserir detalhes do playbook

   

4. Selecione o botão Criar.
5. Adicione a atividade de aprovação do gerente.
   1. Selecione o ícone de adição (+).

      Figura 19. Adicionar atividade de aprovação do gerente: etapa 1

      

   2. Selecione o ícone quadrado.

      Figura 20. Adicionar atividade de aprovação do gerente: etapa 2

      

   3. Selecione a atividade Solicitar aprovação.

      Figura 21. Adicionar atividade de aprovação do gerente: etapa 3

      

      O painel de propriedades de aprovação de solicitação é exibido, onde você pode definir a atividade.
   4. Insira os seguintes detalhes da atividade.

      Tabela 8. Valores detalhados da atividade de aprovação do gerente

      Campo	Valor
      Rótulo	Solicitar aprovação de gerente
      Gerente do solicitante	Selecione esta opção.
      Tipo de aprovação	Deixe como Qualquer um aprova.
      Condições	Deixe como Quando o playbook iniciar.

      Figura 22. Solicitar detalhes de aprovação do gerente

      

   5. Selecione Salvar e fechar.
6. Adicione a atividade de aprovação financeira.
   1. Selecione o ícone de adição (+).

      Figura 23. Adicionar atividade de aprovação financeira: etapa 1

      

   2. Selecione o ícone quadrado.

      Figura 24. Adicionar atividade de aprovação financeira: etapa 2

      

   3. Selecione a atividade Solicitar aprovação.

      Figura 25. Adicionar atividade de aprovação financeira: etapa 3

      

      O painel de propriedades de aprovação de solicitação é exibido, onde você pode definir a atividade.
   4. Insira os seguintes detalhes da atividade.

      Tabela 9. Valores detalhados da atividade de aprovação financeira

      Campo	Valor
      Rótulo	Solicitar aprovação financeira
      Grupo	Selecione esta opção.
      Grupo	Insira Grupo financeiro.
      Tipo de aprovação	Deixe como Qualquer um aprova.
      Condições	Deixe como a atividade específica Depois com a aprovação do gerente de solicitação selecionada.

      Figura 26. Solicitar detalhes de aprovação financeira

      

   5. Selecione Salvar e fechar.
7. Ative o playbook para que ele possa ser executado quando o formulário for enviado, selecionando o botão Ativar.

   Figura 27. Ativar o playbook

   

Tutorial - Parte 5: Personalizar o espaço de envios de formulário

Personalize o espaço de envios de formulário em que os executantes podem processar solicitações de cartão-presente do aplicativo adicionando uma coluna para exibir o grupo de atribuição.

Antes de Iniciar

Função necessária: Creator Studio usuário

Procedimento

1. Selecione a guia Envios de formulário no cabeçalho Creator Studio.

   Figura 28. Selecione a guia Envios de formulário

   

   A lista filtrada de solicitações de cartão-presente em aberto é selecionada automaticamente.
2. Adicione o grupo de atribuição ao espaço.
   1. Selecione o link Gerenciar colunas no painel de detalhes da lista filtrada.

      Figura 29. Link para gerenciar colunas

      

   2. Pesquise Grupo de atribuição nas colunas Disponíveis.
   3. Selecione o Grupo de atribuição.

      Figura 30. Gerenciar as colunas para adicionar uma coluna

      

   4. Selecione o botão Aplicar.
   5. Selecione o botão Salvar no painel de detalhes da lista filtrada.

      Figura 31. Salvar mudanças no espaço de envio de formulário

      

Tutorial - Parte 6: Enviar o app para revisão

Teste seu app e solicite que um administrador revise e implante o app na produção.

Antes de Iniciar

Um pipeline para implantação deve ser configurado antes que você possa enviar o app de cartão-presente para revisão.

Função necessária: Creator Studio usuário

Procedimento

1. Teste como o app funciona para verificar se ele está pronto, selecionando o botão Testar.
   1. Escolha o formulário de solicitação de cartão- presente no campo Formulário de solicitação para testar o formulário que você acabou de criar.
   2. Preencha o formulário inserindo os seguintes valores para cada campo.

      Tabela 10. Testar valores para o formulário de solicitação de cartão-presente

      Campo	Valor
      Cartão da loja de presentes da empresa?	Sim
      Valor	20:00
      Destinatário	Escolha um destinatário na lista de pessoas
      Justificativa	Integrando uma nova pessoa legal para nossa equipe!

   3. Selecione o botão Enviar quando terminar.
   Depois de enviar suas respostas, o Now Platform executa todos os playbooks associados ao formulário.

   O registro de tarefa criado pelo formulário enviado aparece em uma nova guia em Creator Studio. Você pode exibir os resultados dos playbooks e interagir com o registro para ver como ele aparece no espaço do aplicativo de solicitação.

2. Selecione o botão Enviar para revisão.

   Figura 32. Enviar um app para revisão

   

3. Selecione Continuar no app Enviar para modal de revisão.

   Figura 33. Iniciar o processo de envio para revisão

   

4. Verifique o formulário a ser revisado para implantação no modal de formulários de solicitação de revisão.
   1. Expanda a seção Pronto para revisão.
   2. Certifique-se de que a opção Visível para outras pessoas esteja selecionada para o formulário de solicitação de cartão-presente.
   3. Selecione Continuar.

   Figura 34. Verifique o formulário a ser implantado

   

5. Verifique o formulário a ser revisado para implantação no modal Revisar playbooks.
   1. Expanda a seção Playbooks.
   2. Certifique-se de que a opção Executar na produção esteja selecionada para o formulário de aprovações de cartão-presente.
   3. Selecione Continuar.

   Figura 35. Verifique o playbook a ser implantado

   

6. Confirme se as informações no modal de controle de versões de revisão estão corretas, adicionando notas de versão, se desejar.

   Figura 36. Verificar e atualizar a versão de lançamento e enviar para revisão

   

7. Selecione Enviar para revisão.

Resultado

Parabéns, você criou seu app de solicitação de cartão-presente! Agora, seu administrador deve revisá-lo e implantá-lo.

Figura 37. Confirmação de envio de revisão

Tutorial - Parte 7: O administrador implanta o app

Represente um administrador para implantar o app de solicitação de cartão-presente que você criou.

Antes de Iniciar

Se você não puder representar um administrador, peça ao administrador local para implantar o app para você.

Função necessária: administrador

Procedimento

1. Na faixa da aplicação Now Platform, selecione os ícones do seu perfil e represente um administrador.
2. Navegar até Tudo > App Engine > Central de gestão do App Engine.
3. Selecione o número 1 na seção Solicitações pendentes para concluir.

   Figura 38. Aplicações prontas para implantação

   

4. Abra o registro de implantação selecionando seu Número.

   Figura 39. Lista de aplicações a serem implantadas

   

5. Selecione o botão Aprovar.

   Figura 40. Botão Aprovar para implantação

   

6. Selecione Save (Salvar).
7. Recarregue a página.
8. Selecione o botão Aprovar e implantar app.

   Figura 41. Botão Aprovar e implantar para implantação

   

9. Selecione o botão Implantar.

   Figura 42. Implantar o app

   

Resultado

O app foi implantado na produção. Selecione Mostrar mais na seção de atividades se quiser exibir detalhes do app.

Figura 43. Verificar os detalhes da implantação

Você pode encerrar a representação de administrador agora.

Tutorial - Parte 8: Usar o app para solicitar um cartão-presente

Use o app de solicitação de cartão-presente implantado que você acabou de criar para solicitar um cartão-presente.

Antes de Iniciar

Função necessária: usuário Now Platform

Procedimento

1. Navegar até Tudo > Autoatendimento > Central do funcionário.

   Figura 44. Central do funcionário em aberto

   

2. Pesquise solicitação de cartão-presente.

   Figura 45. Pesquisar o app de solicitação de cartão-presente

   

3. Selecione o app Solicitação de cartão-presente que aparece nos resultados da pesquisa.

   Figura 46. Abrir o app

   

4. Preencha o formulário de solicitação de cartão-presente para solicitar um cartão-presente.

   Figura 47. Solicitar um cartão-presente

   

5. Selecione o botão Enviar.

Tutorial - Parte 9: Verificar a solicitação de cartão-presente

Verifique o espaço do app Solicitar para exibir a solicitação de cartão-presente que você enviou.

Antes de Iniciar

Função necessária: administrador ou função de agente do app, por exemplo, x_snc_app_name.agent

Procedimento

1. Navegar até Tudo > Espaços > Solicitar espaço do app.

   Figura 48. Abrir o espaço do app de solicitação

   

2. Encontre a solicitação de cartão-presente e selecione o Número para abri-la.

   Figura 49. Lista de solicitações em aberto

   

3. Veja os detalhes da solicitação do cartão-presente.

   Figura 50. Detalhes da solicitação de cartão-presente

   

Resultado

Viva! Você concluiu o tutorial do app de solicitação de cartão-presente.