Site da Vetorial Treinamentos

Criando uma Tela de Login Ui design Excel VBA

Formulário de Vendas Externas Excel VBA UI UX Design

Esse é o primeiro vídeo e postagem de criação do Sistema de Vendas Externas feitas no Excel  usando VBA, UI & UX Design. O Sistema contará ainda com o desenvolvimento de um Aplicativo feito na Plataforma Low code do Power Apps que estará integrado a esse mesmo Sistema de Vendas Externas do Excel, e contará ainda com a projeção e modelagem de um Banco de dados relacional no Microsoft Access.

O aplicativo usará como sistema gerenciador de banco de dados o Microsoft Access.  O Microsoft Access por sua vez estará vinculado ao banco de dados do Dataverse por meio de uma conexão que faz com que os dois utilizem exatamente as mesmas informações. Em outras palavras, eles possuirão as mesmas tabelas e as alterações feitas em um serão automaticamente replicadas ao outro, e vice-versa.

Logo, o resultado dessa integração entre os dois banco de dados, terá como resultado o uso por outros aplicativos, sejam eles desktop ou web, isso porque um é desktop (Access) e o outro é web (Dataverse).

Distribuição dos controles de formulários VBA por tipo

CURSO

PROGRAMANDO O EXCEL COM VBA

O curso de Excel mais bem avaliado da Hotmart

5/5

100% de aprovação

Mais de 350 aulas gravadas

Dimensões de largura e altura do Formulário principal

Aqui o ideal é você trabalhar com dimensões que poderão ser facilmente usadas em todos os tamanhos de telas padrão do mercado. Por exemplo: monitores de 14″, 18″, 20″, 23″ ou 27″ polegadas, ou tvs de 32″, 42″, 48″, 55″, etc.

Caso você deseje utilizar o mesmo formulário em mais de um tamanho de tela ao mesmo tempo, opte por deixar as dimensões sempre adequadas para o aparelho de menor tamanho, e com o uso de uma API Windows você pode ser deixar seu formulário autoajustável independente do tamanho de tela.

Propriedades dos controles TextBoxes txCliente e txVendedor

Inicie inserindo primeiro os controles do tipo Frame. Em seguida, insira as textboxes dentro de cada um dos frames criados, exatamente como no desenho abaixo. Respeite as dimensões de altura, largura, distancia a esquerda e distancia do topo.

Controle ListBox (Carrinho de Compra)

Este é um controle onde ficarão listados todos os itens de compra do Cliente, contendo todas as informações principais, como número de identificação dos produtos, códigos de barras, descrição dos produtos, quantidade comprada, desconto, comissão do vendedor, valores, etc.

Campo de descrição do produtos a ser colocado no carrinho (TextBox)

Aqui ficará um controle importante, pois destaca a descrição do produto à ser incluída na lista de compra do cliente. Note as principais propriedades do controle em destaque na cor verde ao lado. 

Imagem principal do produto (Imagem transparente no VBA)

Como uma forma de facilitar a identificação do produto, é importante que seja exibido a imagem do produto, com isso, a probabilidade de você inserir na lista um produto de maneira incorreta é reduzida.

Note que a imagem no exemplo ficou bastante nítida, mesmo sendo uma imagem de tamanho pequena. O VBA não é muito conpanheiro de imagens transparentes, mas, no vídeo acima eu ensino como conseguir imagens transparentes no VBA com excelentes qualidades de visualização.

Botões de ações feitos com Labels no VBA (Adicionar novo, Alterar, Excluir e Buscar)

Aqui estarão localizados os principais controles de ação do formulário, todos controles do tipo Labels, para poderem receber algum tipo de personalização. Note que todos os controles que aparecem nessa imagem estão inseridos dentro de uma Frame.

É importante que você acompanhe o vídeo para não perder nenhuma das dicas de personalização que serão repassadas.

Informações básicas do Produto (Controles TextBox)

Todos os controles destacados na imagem irão receber informações importantes sobre os produtos a serem vendidos. Algumas dessas informações serão inseridas automaticamente juntas com o item selecionado com o valor unitário do produto, já outras o próprio poderá informar, como a quantidade a ser vendida, o desconto da compra e a comissão do vendedor.

Informações de Produtos relacionados (linhas dos Produtos) - Experiência UX Design no VBA

Olhando a imagem abaixo você notará a presença de todos os demais produtos presentes na mesma linha do produto inicialmente informado. Isso é particularmente útil para melhorar a experiencia do usuário com o uso do sistema, uma vez que ele poderá coletar todas as principais informações referente aos produtos que compõem aquela linha e rapidamente repassar isso para o cliente sem precisar sair da tela de envio do pedido.

Na sequencia, de cima para baixo, você precisará adicionar uma TextBox que irá receber o nome da linha do produto, e uma imagem que irá receber ilustração dos demais produtos pertencentes a mesma linha.

Listagem das Linhas Profissional e Home Care (Controle ListBox)

No caso de produtos cosméticos, as linhas dos produtos podem ser classificadas quanto os modo de uso, temos então, as categorias Profissional e a Home Care. Os produtos pertencentes a categoria profissional são produtos utilizados por profissionais experientes, geralmente dentro de estabelecimentos como salões de beleza, centros de estéticas e academias. Já os produtos da categoria Home Care são produtos de uso caseiro, em que a pessoa consome em sua própria residência.

Com isso, separar esses produtos por categorias dentro do seu banco de dados ajuda bastante na identificação e negociação no momento da venda. A listagem dessas categorias estão separadas, conforme imagem abaixo, ambas listadas por um controle ListBox.

Campo para exibição da soma dos valores totais de cada produto

Controle TextBox que receberá a soma total de todos os subtotais.

Informações de estoque e uso do produto

Nessa linha de controles, serão listados algumas informações que ajudará o usuário a saber mais sobre cada um dos produtos, como por exemplo, qual a quantidade de produtos por caixa, qual seu rendimento, valor por aplicação e também a quantidade em estoque daquele produto.

Totais à receber, à pagar e troco