Creator Studio tutorial

  • Versão de lançamento: Zurich
  • Atualizado 31 de jul. de 2025
  • 12 min. de leitura
  • Use este tutorial para criar um app de solicitação de cartão-presente para simplificar os processos de fornecimento de reconhecimento a uma equipe.

    Objetivos do tutorial

    Neste tutorial, você assumirá as seguintes funções para criar e implantar o app:
    • Como gerente de marketing que está procurando simplificar os processos de fornecer reconhecimento à equipe, você criará o app Solicitação de cartão-presente.
    • Como administrador de desenvolvimento de aplicações, aprove e implante a nova aplicação em um ambiente de produção.
    • Como r gerente de marketing, use seu app dinâmico para enviar uma solicitação de reconhecimento.

    Cenário do tutorial

    Você é um gerente com uma equipe em rápida expansão. Até o momento, a equipe excedeu seus objetivos a cada trimestre. Você quer recompensá-los e fornecer cartões-presente como parte desse reconhecimento. No entanto, garantir a aprovação para prêmios monetários é um processo complexo que pode abranger horas e envolver interação repetitiva com muitos sistemas e a gestão superior.

    Para resolver esse problema, você faz check-in com o administrador DE TI e confirma que pode 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 baseia no conhecimento existente do processo de negócios. Para habilitar isso, o administrador adiciona você ao Creator StudioGrupo de usuários em sua instância de não produção.

    Nota:
    Para concluir este tutorial, você deve fazer login em Creator Studiocomo dois usuários diferentes ou representar dois usuários: um no Creator StudioGrupo de usuários e um administrador.

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

    Parte 1 do tutorial: Crie o app

    Comece criando um app a partir do Creator Studiopágina inicial.

    Antes de Iniciar

    Função necessária: Creator StudioUsuário

    Por Que e Quando Desempenhar Esta Tarefa

    Você também pode assistir a um pequeno vídeo sobre como criar um app.

    Procedimento

    1. Ir para Tudo > App Engine > Creator Studio.
      Figura 1. Iniciar Creator Studio
      Selecione o menu Todos e pesquise Creator Studio
    2. Selecione Criar app botão.
      Figura 2. Botão Criar app
      Selecione o botão Criar app
    3. Selecione o tipo de app que você deseja criar, como Central de serviços .
      As aplicações da Central de serviços permitem que os usuários enviem solicitações, relatem problemas e acessem o suporte relacionado a serviços em sua empresa.
      Nota:
      Seu administrador pode ter ocultado esta página.
      Figura 3. Selecione o tipo de app
      Na interface do Estúdio de criadores, selecione a opção do app "Central de serviços". Esse tipo de app foi projetado para simplificar a gestão de solicitações de entrada ou tíquetes de suporte.
    4. Selecione Continuar botão.
    5. Insira os seguintes valores na página Criar app.
      Tabela 1. Crie campos modais do app
      Campo Valor
      Nome Solicitação de cartão-presente
      Descrição Solicite um vale-presente interno ou de terceiros para reconhecimento do funcionário.
      Figura 4. Adicionar detalhes básicos do app de solicitação de cartão-presente
      Insira o nome e a descrição do app
    6. Selecione Criar app botão.

    O que Fazer Depois

    Em seguida, vamos adicionar um formulário ao seu app.

    Tutorial parte 2: Adicionar um formulário

    A adição de um formulário permite que as pessoas façam uma solicitação. Os formulários contêm perguntas que as pessoas respondem ao enviar uma solicitação da central de serviços.

    Antes de Iniciar

    Função necessária: Creator StudioUsuário

    Procedimento

    1. Selecione - Adicionar formulário no app.
      Você pode selecionar - Adicionar formulário no painel de navegação ou na tela do app.
      Figura 5. Comece a adicionar um formulário
      Adicionar formulário para começar a adicionar um formulário
    2. Na página do modelo, verifique se Modelo padrão do Estúdio de criadores está selecionado.
      Figura 6. Selecione o modelo
      Selecione o modelo padrão e, em seguida, selecione Aplicar
    3. Selecione Aplique o modelo e continue botão.
      Em seguida, vamos personalizar o formulário adicionando perguntas.

    Parte 3 do tutorial: Personalizar o formulário

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

    Antes de Iniciar

    Função necessária: Creator StudioUsuário

    Por Que e Quando Desempenhar Esta Tarefa

    Você também pode usar Now Assist para criadoresem Crie com o Now Assist para personalizar um formulário. Mas, para este tutorial, você inserirá perguntas manualmente.

    Procedimento

    1. Selecione Crie por conta própria .
    2. Insira as seguintes informações para o 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 vale-presente interno ou de terceiros para reconhecimento do funcionário.
      Descrição longa Procurando uma ótima maneira de reconhecer seus colegas? Use este formulário para solicitar um vale-presente para nossa loja interna da empresa ou para uma loja de terceiros de sua escolha!
      Figura 7. Insira os detalhes do formulário
      Nome do formulário, descrições curtas e longas
      Nota:
      Esta página permite que você especifique detalhes do seu primeiro formulário. Você também pode editar os detalhes do formulário, como nome e descrição, de dentro do app depois que o formulário é gerado.
    3. Selecione Salve e edite o formulário botão.
      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 8. Adicione uma imagem
      Selecione o ícone de imagem para carregar uma imagem
      1. Selecione o ícone de adicionar imagem ( ).
      2. PESQUISE e escolha sua imagem para adicionar ao formulário.
    5. Crie sua primeira pergunta que permita 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
        Mostrar pergunta no formulário Selecione esta opção
        Marcar como necessário Selecione esta opção
        Figura 9. Adicione a primeira pergunta
        Especifique valores para criar a primeira pergunta e salve
      3. Selecione Salvar botão.
    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 Deixe selecionado como Texto de linha única
        Mostrar pergunta no formulário Selecione esta opção
        Marcar como necessário Selecione esta opção
        Figura 10. Adicione a segunda pergunta
        Especifique valores para criar a segunda pergunta e salve
      3. Selecione Salvar botão.
    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
        Mostrar pergunta no formulário Selecione esta opção
        Tabela da origem Usuário (sys_user)
        Figura 11. Adicione a terceira pergunta
        Especifique valores para criar a terceira pergunta e salve
      3. Selecione Salvar botão.
    8. Adicione uma quarta pergunta para que os usuários possam inserir uma justificativa para o cartão-presente.
      1. Arraste o. Texto de várias linhas elemento de formulário 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 Deixe como Texto de várias linhas
        Mostrar pergunta no formulário Selecione esta opção
        Figura 12. Adicione a quarta pergunta
        Especifique valores para criar a quarta pergunta e salve
      3. Selecione Salvar botão.
    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 13. Marque um formulário como pronto
      Selecione o botão Marcar como pronto
    10. Especifique onde os usuários podem acessar o formulário no Catálogo de serviçose. Central do funcionário.
      1. Selecione Edite a configuração de local botão.
        Figura 14. Editar aviso de configurações de local
        Aviso para editar o local
      2. Selecione Editar botão para adicionar o formulário a um Catálogo de serviçostópico.
        Figura 15. Modal de configurações de formulário
        Edite as categorias
      3. Selecione o catálogo que representa a área de negócios que o app usará.
        Por exemplo, você pode expandir o. Catálogo de serviçose, em seguida, selecione Podemos ajudá-lo? categoria.
        Figura 16. Modal de configurações de formulário catálogos
        Selecione onde o formulário será exibido
      4. Selecione Aplicar botão para salvar suas mudanças.
      5. Selecione Editar botão para adicionar o formulário a um Central do funcionáriotópico.
        Figura 17. Selecione tópicos no Central do funcionáriotópico
        Selecione tópicos da Central do funcionário
      6. Escolha a seção do Central do funcionárioonde o formulário ficará.
        Figura 18. Selecione Central do funcionáriotópico
        Selecione onde o tópico ficará
    11. Selecione Aplicar botão.
    12. Selecione Salve todas as configurações botão para salvar suas mudanças.
      Figura 19. Salve todas as configurações de local
      Salve todas as configurações no local
    13. Opcional: Selecione a aparência do formulário Visualização botão.
      Você pode ver uma visualização de como a versão atual do formulário aparecerá em várias experiências selecionando Portal (como Portal do funcionário), Now Mobile , ou Virtual Agent . Você pode preencher o formulário ao visualizar, mas selecionar Enviar o botão não gera um registro de tarefa.
      Figura 20. Visualize um formulário
      Visualize a aparência de um formulário em dispositivos móveis

    Tutorial parte 4: Adicione 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 StudioUsuário

    Procedimento

    1. Selecione - Adicionar automação Para o formulário de solicitação de cartão-presente.
      Figura 21. Selecione para adicionar uma automação
      Adicionar automação no formulário
    2. Insira os seguintes valores no modal Criar um playbook:
      Tabela 7. Crie valores modais do playbook
      Campo Valor
      Nome do playbook Aprovações de cartão-presente
      Descrição Aprovações de rota quando um vale-presente é solicitado.
      Formulário Certifique-se de que o nome do formulário que você criou ( Solicitação de cartão-presente ) está selecionado.
      Gatilho Deixe o gatilho como Formulário enviado .
      Figura 22. Insira os detalhes do playbook
      Insira os detalhes do playbook
    3. Selecione Criar botão.
    4. Adicione a atividade de aprovação do gerente.
      1. Selecione o ícone Adicionar ( ).
        Figura 23. Adicionar atividade de aprovação do gerente: Etapa 1
        Selecione o sinal de mais para adicionar uma atividade
      2. Selecione o ícone Adicionar uma atividade ( ).
        Figura 24. Adicionar atividade de aprovação do gerente: Etapa 2
        Selecione o quadrado para adicionar uma atividade
      3. Selecione Aprovação da solicitação atividade.
        Figura 25. Adicionar atividade de aprovação do gerente: Etapa 3
        Selecione para adicionar uma atividade de aprovação de solicitação
        O painel de propriedades de aprovação da solicitação é exibido, onde você pode definir a atividade.
      4. Insira os seguintes detalhes da atividade.
        Tabela 8. Valores de detalhes 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 pessoa aprova .
        Condições Selecione Quando o playbook é iniciado .
        Figura 26. Solicitar detalhes de aprovação do gerente
        Insira os detalhes para definir a atividade
      5. Selecione Salvar e fechar.
    5. Adicione a atividade de aprovação financeira.
      1. Selecione o ícone Adicionar ( ).
        Figura 27. Adicionar atividade de aprovação financeira: Etapa 1
        Selecione o sinal de mais para adicionar uma atividade
      2. Selecione o ícone Adicionar uma atividade ( ).
        Figura 28. Adicionar atividade de aprovação financeira: Etapa 2
        Selecione o quadrado para adicionar uma atividade
      3. Selecione Aprovação da solicitação atividade.
        Figura 29. Adicionar atividade de aprovação financeira: Etapa 3
        Selecione para adicionar uma atividade de aprovação de solicitação
        O painel de propriedades de aprovação da solicitação é exibido, onde você pode definir a atividade.
      4. Insira os seguintes detalhes da atividade.
        Tabela 9. Valores de detalhes da atividade de aprovação financeira
        Campo Valor
        Rótulo Entrar Solicitar aprovação financeira .
        Grupo Selecione esta opção.
        Grupo Entrar Grupo financeiro .
        Tipo de aprovação Deixe como Qualquer pessoa aprova .
        Condições Deixe como Após a atividade específica com Solicitar aprovação do gerente selecionado.
        Figura 30. Solicitar detalhes de aprovação financeira
        Insira os detalhes para definir a atividade
      5. Selecione Salvar e fechar.
    6. Selecione o playbook para que ele possa ser executado quando o formulário for enviado Ativar botão.
      Figura 31. Ative o playbook
      Selecione o botão Ativar

    Resultado

    Ótimo! Você terminou de adicionar um playbook. Em seguida, você pode personalizar a configuração do espaço em que os executantes trabalham nas solicitações enviadas.

    Parte 5 do tutorial: Personalize a configuração do espaço de execução

    Personalize as listas e os registros enviados no espaço em que os executantes podem processar solicitações de cartão-presente do. Nesta personalização de lista, você adiciona uma coluna para exibir o grupo de atribuição.

    Antes de Iniciar

    Função necessária: Creator StudioUsuário

    Procedimento

    1. Selecione Configurações de lista no painel de navegação.
      Figura 32. Configurações de lista no painel de navegação
      Selecione Configurações da lista
    2. Adicione o grupo de atribuição ao espaço.
      1. Selecione Gerenciar colunas No painel de detalhes da lista filtrada.
        Figura 33. Link Gerenciar colunas
        Selecione para gerenciar colunas
      2. Pesquisar Grupo de atribuição Nas colunas disponíveis.
      3. Selecione Grupo de atribuição .
        Figura 34. Gerencie as colunas para adicionar uma coluna
        Adicione uma coluna e selecione Aplicar
      4. Selecione Aplicar botão.
      5. Selecione Salvar No painel de detalhes da lista filtrada.
        Figura 35. Salve as mudanças na configuração do espaço
        Selecione Salvar para salvar as mudanças

    Resultado

    É isso, você criou um app! Agora é hora de enviá-lo para revisão e implantação.

    Tutorial parte 6: Teste e envie 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 StudioUsuário

    Procedimento

    1. Teste como o app funciona para garantir que ele esteja pronto selecionando Experimente botão.
      1. Selecione Solicitação de cartão-presente do painel de navegação.
        Figura 36. Selecione o formulário para testá-lo
        Selecione Formulário de solicitação de cartão-presente no painel de navegação
      2. Selecione Experimente botão.
        Figura 37. Botão Experimente
        Selecione Experimentar
      3. Preencha o formulário inserindo os seguintes valores para cada campo.
        Tabela 10. Valores de Experimente 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 Onboarding de uma nova pessoa legal para nossa equipe!
        Figura 38. Teste o formulário
        Insira respostas no formulário
      4. Selecione Enviar quando terminar.
      Depois de enviar suas respostas, o. ServiceNow AI Platformexecuta todos os playbooks associados ao formulário.

      O registro que o formulário enviado cria aparece Creator Studio. Você pode exibir os resultados dos playbooks e interagir com o registro para ver como ele aparece no Espaço de aplicações de solicitação.

      Figura 39. Exiba o registro enviado
      Registro enviado em Creator Studio
    2. Selecione Enviar para revisão botão.
      Figura 40. Envie um app para revisão
      Selecione o botão Enviar para revisão
    3. Selecione Continuar No modal Enviar app para revisão.
      Figura 41. Inicie o processo de envio para revisão
      Modal de envio inicial para revisão
    4. Verifique o formulário a ser revisado para implantação no modal Revisar formulários de solicitação.
      1. Expanda o. Pronto para revisão seção.
      2. Certifique-se de que Visível para outras pessoas a opção está selecionada para Solicitação de cartão-presente formulário.
      3. Selecione Continuar.
      Figura 42. Verifique o formulário a ser implantado
      Revise o formulário a ser implantado com o app
    5. Verifique o formulário a ser revisado para implantação no modal Revisar playbooks.
      1. Expanda o. Playbooks seção.
      2. Certifique-se de que Executar na produção a opção está selecionada para Aprovações de cartão-presente formulário.
      3. Selecione Continuar.
      Figura 43. Verifique o playbook a ser implantado
      Revise o playbook a ser implantado com o app
    6. Confirme se as informações no modal Revisar controle de versão estão corretas e adicione o. Notas da versão .
      Figura 44. Verifique e atualize a versão da versão e envie para revisão
      Adicione notas da versão e envie 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 45. Confirmação do envio da revisão
    Modal de mensagem de confirmaçã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. Em ServiceNow AI Platformfaixa da aplicação, selecione o ícone 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 46. Apps prontos para implantação
      Selecione o 1
    4. Selecione o registro de implantação Número .
      Figura 47. Lista de apps a serem implantados
      Selecione o número
    5. Selecione Aprovar botão.
      Figura 48. Botão Aprovar para implantação
      Selecione Aprovar
    6. Selecione Save (Salvar).
    7. Recarregue a página.
    8. Selecione Aprovar e implantar app botão.
      Figura 49. Botão Aprovar e implantar para implantação
      Selecione Aprovar e implantar
    9. Selecione Implantar botão.
      Figura 50. Implantar o app
      Selecione Implantar

    Resultado

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

    Figura 51. Verifique os detalhes da implantação
    Selecione Mostrar mais

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

    Tutorial parte 8: Use 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: ServiceNow AI Platformusuário

    Procedimento

    1. Navegar até Tudo > Autoatendimento > Central do funcionário.
      Figura 52. Abrir Central do funcionário
      Use o menu Todos para abrir Central do funcionário
    2. Pesquisar Solicitação de cartão-presente na barra de pesquisa.
      Figura 53. PESQUISE o app de solicitação de cartão-presente
      Insira "Solicitação de cartão-presente" na barra de pesquisa
    3. Selecione Solicitação de cartão-presente app que aparece nos resultados da pesquisa.
      Figura 54. Abra o app
      Selecione o app para abri-lo
    4. Preencha o formulário de solicitação de cartão-presente para solicitar um cartão-presente.
      Figura 55. Solicite um cartão-presente
      Preencha o formulário do app
    5. Selecione Enviar botão.

    Tutorial parte 9: Verifique a solicitação do cartão-presente

    Verifique se seu app está funcionando verificando o Espaço de aplicações Solicitar para exibir a solicitação de vale-presente que você enviou.

    Antes de Iniciar

    Função necessária: administrador ou a 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 56. Abra o Espaço de aplicações de solicitação
      Use o menu Todos para abrir o espaço
    2. Encontre a solicitação de cartão-presente que você enviou e selecione-a. Número para abri-lo.
    3. Exiba os detalhes da solicitação do cartão-presente.
      Figura 57. Detalhes da solicitação do cartão-presente
      Detalhes da solicitação do cartão-presente

    Resultado

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