Noções Básicas de Aprendizagem da 4ª Dimensão

Antes de poder projetar uma única tabela, construir um formulário ou configurar uma lista de valores no 4D (4th Dimension), você deve ser fluente no vocabulário do ambiente em que está trabalhando. Grande parte desse vocabulário reside no sistema de menus — a faixa de comandos que percorre o topo de cada janela.

Este artigo é o primeiro de uma série sobre menus e começa onde qualquer boa discussão técnica deveria: com definições precisas. Acertar a terminologia agora evita horas de confusão mais tarde, porque a documentação do 4D, seu ambiente de Design e a aplicação em execução reutilizam estas mesmas palavras de maneiras específicas.

Principais Conclusões

• A Barra de Menu é a faixa horizontal na parte superior da tela; os nomes nela são Menus; as entradas selecionáveis abaixo deles são Itens de Menu.
• Símbolos à direita de um Item de Menu são atalhos de teclado; uma ponta de seta indica um Submenu; três pontos finais (reticências) significam que uma janela de menu será aberta.
• Estes termos não são cosméticos — o próprio editor de menu e a linguagem de comando do 4D dependem de você distinguir um menu de um item de menu.
• Compreender a anatomia de um menu é o pré-requisito para comparar os menus do 4D com os do FileMaker Pro e para construir seus próprios menus personalizados.
• Um vocabulário de menu consistente torna muito mais fácil ler a documentação do 4D, seguir tutoriais e comunicar-se com outros desenvolvedores.

Por que as Definições Vêm Primeiro

É tentador pular uma seção intitulada “Definições”. Desenvolvedores experientes presumem que já sabem o que é um menu. Mas o 4D — como a maioria das plataformas de desenvolvimento maduras — usa essas palavras com mais precisão do que a fala cotidiana, e as distinções importam no momento em que você começa a personalizar.

Considere um exemplo simples. Quando alguém diz “adicionar um comando ao menu Arquivo”, pode significar duas coisas muito diferentes:

• Adicionar um novo Item de Menu ao Menu Arquivo existente (um único novo comando sob um título existente).
• Adicionar um Menu inteiramente novo à Barra de Menu (um novo título de nível superior ao lado de Arquivo, Editar e os demais).

São operações diferentes com consequências diferentes. Se você e um colega usarem a mesma palavra para ambos, vocês não se entenderão. A mesma ambiguidade aparece em instruções escritas, em relatórios de erros e na própria documentação do 4D. Definir os termos elimina a ambiguidade.

É também por isso que a série começa aqui, em vez de pular direto para as comparações. Os próximos artigos contrastam os menus do 4D com os do FileMaker Pro (FMP), propõem um menu 4D personalizado e percorrem sugestões específicas menu por menu. Nada disso funciona perfeitamente a menos que o vocabulário subjacente seja compartilhado.

Relacionado: Airtable — Uma interface simples de planilha baseada em um banco de dados relacional real, com automações, visualizações e interfaces compartilháveis..

A Anatomia de um Menu

A Figura 1 do material original mostra um conjunto típico de menus anotados com setas e rótulos. Aqui está o que cada parte rotulada significa, expandido com os detalhes práticos necessários para reconhecê-las na tela.

Barra de Menu

A Barra de Menu é a barra na parte superior da tela. É o contêiner para todo o resto — a faixa horizontal que contém todos os nomes de menu de nível superior. No 4D, a Barra de Menu é ela mesma um objeto gerenciável: você pode definir quais menus aparecem nela e pode trocar barras de menu inteiras em tempo de execução dependendo do contexto (por exemplo, mostrar uma barra diferente quando um formulário específico estiver em primeiro plano).

Pense na Barra de Menu como a camada mais externa da hierarquia. Tudo abaixo dela pertence a algum menu daquela barra.

Se você estiver comprando: Zoho Creator — Um construtor de aplicativos de baixo código que se conecta ao conjunto Zoho mais amplo e tem preços por usuário, e não por aplicativo..

Menus

Os nomes listados na Barra de Menu são os Menus. “Arquivo”, “Editar”, “Registros” e assim por diante são menus. Um menu é um agrupamento nomeado de comandos relacionados. Sua função é organizacional: ele coleta Itens de Menu que pertencem conceitualmente uns aos outros para que os usuários possam encontrá-los.

Um menu não é a mesma coisa que seu conteúdo. Você pode ter um menu vazio (um título sem nada abaixo) e pode adicionar ou remover itens de um menu sem alterar a identidade do menu.

Itens de Menu

As entradas que podem ser selecionadas quando um menu é aberto são os Itens de Menu. Estes são os comandos reais — as coisas que executam o trabalho quando clicadas. “Novo”, “Abrir”, “Salvar”, “Imprimir” são todos Itens de Menu.

Os Itens de Menu são onde a ação reside. Quando você constrói um menu personalizado no 4D, a maior parte do seu esforço vai para definir Itens de Menu e anexar métodos (código) a eles. Um Item de Menu pode ser:

• Habilitado ou desabilitado — esmaecido quando o comando não é válido no momento.
• Marcado ou desmarcado — mostrando uma marca de seleção para indicar um estado de alternância.
• Vinculado a um método — executando seu código quando selecionado.

Atalhos de Teclado

Se houver símbolos à direita de um Item de Menu, eles indicam as teclas de atalho de teclado que selecionarão o mesmo Item de Menu. Um atalho é uma forma alternativa de acionar um comando sem abrir o menu.

Atalhos são um recurso de usabilidade, não um comando separado. O mesmo Item de Menu pode ser acessado clicando nele ou pressionando seu atalho. Ao definir um Item de Menu personalizado no 4D, você pode atribuir um atalho a ele, e é boa prática seguir as convenções da plataforma — por exemplo, usar a tecla modificadora padrão (Command no macOS, Control no Windows) para ações comuns como Salvar ou Imprimir, para que o atalho pareça nativo para os usuários em cada plataforma.

Relacionado: Knack — Um construtor de banco de dados sem código voltado para portais, diretórios e ferramentas internas — com preços fixos em vez de taxas por usuário..

Submenus

Se houver uma seta à direita de um Item de Menu, clicar nela exibirá um Submenu. Um Submenu é um menu aninhado — um menu dentro de um menu. Ele permite agrupar um grande número de comandos relacionados sob um único item pai sem sobrecarregar o nível superior.

Submenus são úteis quando uma categoria tem muitos membros. Em vez de listar vinte comandos de relatório diretamente em um menu, você pode criar um único item “Relatórios” que abre um Submenu contendo todos os vinte. A desvantagem é a descoberta: comandos enterrados um nível mais profundamente exigem um clique extra e um momento extra de busca, portanto, reserve Submenus para grupos genuinamente grandes ou secundários.

Janelas de Menu

Itens de Menu com três pontos depois deles (por exemplo, “Compartilhamento …”), quando clicados, mostrarão uma janela de menu com opções. As reticências finais são uma convenção de interface amplamente seguida, não exclusiva do 4D: elas sinalizam que a seleção do item não agirá imediatamente, mas abrirá um diálogo ou janela que solicita mais informações antes que algo aconteça.

Nossa escolha: Claris FileMaker Pro — A plataforma de banco de dados relacional de longa duração para equipes que precisam de aplicativos personalizados em desktop, web e dispositivos móveis a partir de um único arquivo..

Esta é uma distinção pequena, mas importante para os usuários. Um Item de Menu sem reticências faz seu trabalho no instante em que você clica nele. Um Item de Menu com reticências é o início de uma conversa — ele abre uma janela onde você faz outras escolhas e, em seguida, confirma ou cancela.

A Hierarquia do Menu num Relance

As partes descritas acima formam uma hierarquia estrita. Manter os níveis organizados é o modelo mental mais útil que você pode levar para o restante desta série.

Nível	Termo	O que é	Exemplo
1	Barra de Menu	A faixa horizontal no topo da tela	A barra inteira contendo Arquivo, Editar, Registros…
2	Menu	Um título nomeado na Barra de Menu	”Arquivo”
3	Item de Menu	Um comando selecionável dentro de um menu	”Abrir”
4	Submenu	Um menu aninhado aberto a partir de um Item de Menu	”Relatórios ▸“
—	Atalho de Teclado	Símbolos à direita de um item	⌘S / Ctrl+S
—	Janela de Menu	Um diálogo aberto por um item com ”…"	"Compartilhamento…”

Leia a tabela de cima para baixo e você terá a relação de contenção: a Barra de Menu contém Menus, Menus contêm Itens de Menu, e um Item de Menu pode abrir ou um Submenu (outro menu) ou uma Janela de Menu (um diálogo). Atalhos e reticências são anotações em Itens de Menu, e não níveis separados.

Como Decidir: Orientação Prática para Design de Menu

Definições só são úteis se mudarem o que você faz. Veja como o vocabulário acima se traduz em decisões concretas ao construir menus no 4D.

• Escolhendo entre um Item de Menu e um Submenu. Se uma categoria tiver apenas alguns comandos, liste-os diretamente como Itens de Menu. Se tiver muitos, ou se os comandos forem secundários, agrupe-os sob um Submenu. O custo do aninhamento é um clique extra, portanto, não aninhe apenas por aninhar.
• Decidindo se deve usar reticências. Adicione os pontos finais sempre que a seleção do item abrir uma janela ou diálogo que exija mais entradas antes que a ação seja concluída. Omita-os quando o comando agir imediatamente. A consistência aqui treina os usuários a prever o comportamento.
• Atribuindo atalhos de teclado. Reserve atalhos para os comandos que os usuários acessam com mais frequência e siga as convenções da plataforma para que a memória muscular seja transferida de outros aplicativos. Atribuir atalhos em excesso cria colisões e confusão.
• Ativando e desativando itens. Um Item de Menu que não seja válido no momento deve ser desativado (acinzentado) em vez de permanecer clicável e falhar silenciosamente. Isso é uma cortesia aos usuários e uma fonte comum de relatórios de bugs quando negligenciada.
• Planejando a Barra de Menu por contexto. Como o 4D permite trocar barras de menu, decida cedo se diferentes formulários ou modos precisam de menus de nível superior diferentes, ou se uma única barra pode servir a aplicação inteira.

Onde Isso se Encaixa na Série

Este artigo é deliberadamente fundamental. As definições acima são o vocabulário compartilhado no qual o restante da série se baseia. A partir daqui, o material avança para comparações e recomendações concretas:

• Menus FMP vs. 4D — como as convenções de menu do FileMaker Pro diferem das do 4D, e o que isso significa se você estiver migrando ou trabalhando em ambos.
• Menu Personalizado 4D — construindo sua própria estrutura de menu em vez de depender dos padrões.
• Comparações do Menu Arquivo e Sugestões do Menu Arquivo — uma análise comando por comando do menu Arquivo e o que pertence a ele.
• Outras Comparações de Menu e Sugestões do Menu Registros — o mesmo tratamento para os menus restantes, com o menu Registros recebendo atenção especial devido ao quão central a navegação de registros é para o trabalho com bancos de dados.
• Tela de Splash Personalizada — o toque final em um shell de aplicação polido.

Se você está vindo para o 4D de outro ambiente, as comparações serão as mais úteis imediatamente. Se você é totalmente novo no desenvolvimento de bancos de dados, dedique um tempo extra ao material do menu Registros, já que a navegação de registros é o pão diário de qualquer aplicação orientada a dados.

Para leitores que desejam fundamentar esses conceitos de interface na disciplina mais ampla de interação humano-computador, o trabalho de Jakob Nielsen sobre heurísticas de usabilidade e as “oito regras de ouro do design de interface” de Ben Shneiderman são referências amplamente citadas sobre design de menus e comandos; ambos são descritos em detalhes na Wikipedia e em livros didáticos padrão de HCI. As convenções descritas aqui — reticências para diálogos, estados desativados para comandos inválidos, atalhos consistentes — são aplicações diretas desses princípios.

Perguntas Frequentes

Qual é a diferença entre um menu e um item de menu no 4D?

Um menu é um título nomeado na Barra de Menu, como “Arquivo” ou “Registros”. Um item de menu é um único comando selecionável dentro desse menu, como “Abrir” ou “Imprimir”. O menu organiza; o item de menu executa a ação. Manter os dois distintos é importante porque adicionar um comando e adicionar um menu são operações diferentes.

O que significam os três pontos após um item de menu?

Três pontos ao final — reticências, como em “Compartilhando …” — sinalizam que a seleção do item abrirá uma janela de menu ou diálogo, em vez de agir imediatamente. Espera-se que o usuário faça escolhas adicionais antes que o comando seja concluído. Esta convenção é comum em muitas plataformas, não apenas no 4D, por isso os usuários geralmente a reconhecem instintivamente.

O que indica uma seta ao lado de um item de menu?

Uma seta à direita de um item de menu significa que esse item abre um Submenu — um menu aninhado contendo comandos adicionais. Os submenus permitem agrupar muitos comandos relacionados sob um único item pai para manter o menu de nível superior organizado. A contrapartida é que comandos aninhados exigem um clique extra para serem alcançados.

Os atalhos de teclado são a mesma coisa que itens de menu?

Não. Um atalho de teclado é simplesmente uma forma alternativa de acionar um item de menu existente. Os símbolos mostrados à direita de um item informam quais teclas selecionarão esse mesmo comando sem abrir o menu. O item e seu atalho fazem a mesma coisa; o atalho é uma conveniência, não um comando separado.

Por que o 4D se preocupa em distinguir todos esses termos?

Porque o editor de menus do 4D, sua linguagem de comando e sua documentação dependem dessas distinções. Ao personalizar menus, você manipula menus, itens de menu e barras de menu como objetos separados. Usar os termos de forma imprecisa leva a falhas de comunicação com outros desenvolvedores e a erros ao seguir instruções ou ler material de referência.

Preciso entender menus antes de criar formulários e tabelas?

Você pode projetar tabelas e formulários sem tocar nos menus, mas não pode lançar um aplicativo polido sem eles. Os menus são a forma como os usuários acessam os comandos que movem seus formulários e manipulam seus dados. Compreender o vocabulário de menus precocemente torna o trabalho posterior de configuração de menus personalizados, listas de valores e navegação muito mais fluido.