Introdução à interface de criação da comunicação interativa introduction-to-interactive-communication-authoring-ui

A interface de usuário para criação da Comunicação Interativa é intuitiva e fornece o seguinte para criação de canais de impressão e da Web da Comunicação Interativa:

  • Editor de documento de arrastar e soltar WYSIWYG
  • Repositório integrado para ativos - os ativos carregados e criados no servidor estão disponíveis no navegador de ativos da interface de criação da Comunicação interativa

Ao criar ou editar uma Comunicação Interativa existente, use os seguintes elementos de interface do usuário:

interface de usuário de criação de comunicação interativa

A. Barra lateral B. Barra de ferramentas de página C. Área de conteúdo

Barra lateral sidebar

Barra lateral

A. Navegador de canal B. Navegador de conteúdo C. Navegador de propriedades D. Navegador de ativos E. Navegador de componentes F. Navegador de Fontes de Dados - Modelo de Dados G. Navegador de Fontes de Dados - Conteúdo Principal

A barra lateral inclui o seguinte:

  • Navegador do canal

O navegador Canal ajuda a alternar entre os canais de impressão e da Web da Comunicação interativa. Com base no canal selecionado no navegador do canal, os navegadores, como Conteúdo e Componentes, exibem as opções.

  • Navegador de conteúdo
    No navegador de conteúdo, é possível ver a hierarquia de objetos do documento para o canal selecionado. O autor pode navegar até um componente específico tocando nesse elemento na Árvore de objetos de documento. O autor pode pesquisar objetos no canal da Web e reorganizá-los a partir dessa árvore.

  • Navegador de propriedades

    Permite editar as propriedades de um componente. As propriedades mudam de acordo com o componente. Por exemplo, para ver as propriedades do contêiner de documento:
    Selecione um componente, selecione nível do campo > Contêiner de Documentos e selecione cmppr .

  • Navegador Assets
    Segrega diferentes tipos de conteúdo, como fragmentos de layout, imagens, documentos, páginas e vídeos. O autor pode arrastar e soltar ativos na Comunicação interativa.

  • Navegador de componentes
    Inclui componentes que você pode usar para criar os canais de impressão e da Web de um documento. Você pode arrastar os componentes para a Comunicação interativa para adicionar elementos e configurar os elementos adicionados de acordo com os requisitos. A tabela a seguir descreve os componentes listados no navegador Componentes para canais de impressão e da Web:

Componente
Canal de impressão
Canal da Web
Funcionalidade
Gráfico
Adiciona um gráfico que pode ser usado em uma Comunicação interativa para representação visual de dados bidimensionais recuperados de um item de coleção de modelo de dados de formulário.
Fragmento do documento
Permite adicionar um componente, texto, lista ou condição reutilizáveis a uma comunicação interativa. O componente reutilizável adicionado a uma comunicação interativa pode ser baseado em modelo de dados de formulário ou sem um modelo de dados de formulário.
Imagem
Permite inserir uma imagem.
Painel
-
O componente Painel é um espaço reservado para agrupar outros componentes e controla como um grupo de componentes é apresentado em uma Comunicação interativa. Um componente do painel também permite fazer com que um grupo de componentes seja repetível para o usuário final, como em várias entradas necessárias para preencher credenciais educacionais. Também é uma boa prática usar um painel para cada guia de uma comunicação interativa com várias guias.
Tabela
*
Adiciona uma tabela que permite organizar dados em linhas e colunas.
Área de destino
**
Insere uma área de destino em um canal da Web para organizar os componentes específicos do canal da Web.
Texto
-
Adiciona texto ao canal da Web de uma Comunicação interativa. O texto pode usar objetos de modelo de dados de formulário para tornar o conteúdo dinâmico.

* Use fragmentos de layout no canal de impressão para adicionar tabelas.

** No canal de impressão, as áreas de destino são predefinidas no modelo XDP/impressão. Não é possível adicionar novas áreas de destino usando a interface de criação da Comunicação interativa.

  • Navegador de Fontes de Dados
    O Navegador de fontes de dados exibe as fontes de dados disponíveis no modelo de dados de formulário selecionado ao criar a Comunicação interativa.

Pontos principais para trabalhar com componentes key-points-for-working-with-components

Os principais pontos ao trabalhar com componentes de comunicação interativa são os seguintes:

  • Cada componente tem propriedades associadas que controlam sua aparência e funcionalidade. Para configurar as propriedades de um componente, selecione o componente e selecione cmppr para abrir as propriedades do componente no navegador Propriedades.

  • Um componente é identificado com seu nome de elemento. Ao selecionar cmppr , você pode alterar o nome do componente alterando o valor do campo Nome do Elemento no navegador de propriedades. O campo Nome do elemento aceita somente letras, números, hifens (-) e sublinhados (_). Outros caracteres especiais não são permitidos e o nome do elemento deve começar com uma letra.

  • Você pode modificar a propriedade Title de um componente de Comunicação interativa em linha no editor sem abrir o navegador Propriedades, desde que o título esteja visível na Comunicação interativa. Para fazer isso:

    1. Selecione para selecionar um componente que tenha uma propriedade Title e cuja propriedade Hide title esteja desativada.

    2. Selecione aem_6_3_edit para tornar o título editável.

    3. Modifique o título e selecione a tecla Return ou selecione qualquer lugar fora do componente para salvar as alterações. Selecione a tecla Esc para descartar as alterações.

Barra de ferramentas Componente component-toolbar

Rótulos de componentes da barra de ferramentas

Ao selecionar um componente, você vê uma barra de ferramentas que permite trabalhar com ele. Há opções para recortar, colar, mover e especificar as propriedades dos componentes. As opções são:

A.Configurar: ao selecionar Configurar, as propriedades do componente ficam visíveis na barra lateral.

B.Editar Regras: quando você seleciona Editar Regras, o Editor de Regras é exibido no qual você pode editar e criar regras para o componente selecionado. No Editor de regras, você também pode selecionar outros objetos de formulário (componentes) e editar/criar regras para esses objetos de formulário.

C.Copy: você pode usar a opção de cópia para copiar um componente e colá-lo em outros locais na Comunicação Interativa.

D.Cut: é possível usar a opção de recortar para mover um componente de um local para outro na Comunicação Interativa.

E. Excluir: permite excluir o componente da Comunicação Interativa.

F. Inserir componente: Permite inserir um componente acima do componente selecionado.

G. Colar: permite colar o componente recortado ou copiado usando as opções descritas acima.

H. Grupo: permite selecionar vários componentes se você deseja cortar, copiar ou colar mais de um componente.

I. Pai: permite selecionar o pai de um componente.

J. Exibir expressão SOM: Permite exibir a expressão SOM do componente.

K: Agrupar objetos no Painel: Permite agrupar os componentes em um painel para poder executar operações nesses componentes simultaneamente. Para obter detalhes, consulte Agrupar objetos no Painel.

L. Adicionar Painel Filho (somente para painéis): permite adicionar um painel filho ao painel.

M: Adicionar Barra de Ferramentas do Painel (somente para painéis):Permite adicionar a Barra de Ferramentas do componente Painel. Em seguida, você poderá executar outras ações na barra de ferramentas.

Além disso, a opção Substituir da barra de ferramentas permite substituir o componente existente por um componente alternativo. A opção não está disponível para o componente Painel.

Barra de ferramentas da página page-toolbar

A barra de ferramentas Página na parte superior fornece opções que permitem visualizar a Comunicação interativa e alterar suas propriedades. Você pode visualizar a comunicação interativa ao criá-la e fazer as alterações apropriadas. Na barra de ferramentas da página, você observa:

  • Alternar painel lateral alternar painel lateral : permite mostrar ou ocultar a barra lateral.

  • Informações da página pageinformationad : permite exibir as propriedades da página.

  • Emulador régua : permite que você emule a aparência da sua Comunicação Interativa para diferentes tamanhos de exibição, como tablets e telefones.

  • Editar: permite selecionar outros modos, como Editar, Estilo, Desenvolvedor e Design.

    • Editar: permite editar as propriedades da Comunicação interativa e seus componentes. Por exemplo, adicionar um componente, soltar uma imagem e especificar campos obrigatórios.

    • Estilo: permite estilizar a aparência dos componentes da sua Comunicação interativa. Por exemplo, no modo de estilo, é possível selecionar um painel e especificar a cor do plano de fundo.

    • Desenvolvedor: permite que um desenvolvedor:

      • Descubra o que a comunicação interativa é composta.
      • Depure onde e quando está acontecendo, o que, por vezes, ajuda a resolver problemas.
    • Target: permite ativar ou desativar componentes personalizados ou componentes prontos para uso que não estão listados na Barra lateral.

  • Visualização: permite que você visualize a aparência da comunicação interativa ao publicá-la.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2