Vídeo do OBS

Interface do usuário Studio

Professor Erick Bergamini

Componentes de Programas

Componentes de Formulários

Formulário é o local onde o usuário insere os dados para que

estes sejam cadastrados em um banco de dados. Estes dados
poderão ser tratados para que se obtenha resultados diversos.
Formulários são muito presentes na internet e em sistemas para a Vídeo do OBS
web, assim como na maioria dos sistemas computacionais. Toda Studio
interação do usuário se dá normalmente através destes
componentes.
A seguir veremos uma lista destes componentes e como eles
podem ser utilizados para passar a metamensagem.
Componentes de Programas

Campos de entrada de texto

São campos onde o usuário poderá inserir texto,
números, datas e qualquer tipo de informação digitada. Os
campos de texto podem ser de uma linha ou de múltiplas
linhas. Vídeo do OBS
Nestes campos podemos passar ao usuário a mensagem Studio
de que eles devem inserir informações para serem
utilizadas no sistema. O campo de texto pode ser ainda
formatado para se utilizar padrões definidos, como data,
hora, CPF, CNPJ, etc.
Campos com multilinhas são utilizados para inserção de
textos longos.
Componentes de Programas

Label: Rótulo do elemento,

pode ser aplicado a maioria dos
elementos de formulário, como
veremos mais adiante.

Caixa de texto: Área para

inserção de um texto curto,
Vídeo do OBS
normalmente uma palavra, ou Studio
frase, ou nome.

Área de texto: Área para

inserção de texto longo, com
várias linhas.
Componentes de Programas

Caixa de texto com

máscara: Caixa de texto
com campos pré-definidos
que facilitam a inserção
dos dados, para que não
Vídeo do OBS
haja falhas ou problemas
Studio
de padrões de inserção.
Pode-se configurar vários
tipos diferentes de
entrada.
Componentes de Programas
Combo box: São campos que
podem ter valores específicos já
predefinidos pelo sistema, onde
um deles é escolhido pelo
usuário.
Vídeo do OBS
Podem ter permissão de inserção Studio
ou não, dependendo do tipo de
combo box.
Componentes de Programas
Abas: As abas servem para se
dividir algo em várias partes,
ou então para organizar o
conteúdo em estruturas de fácil
acesso. Podem ser utilizadas
para organização de Vídeo do OBS
formulários, páginas web, Studio
pastas, arquivos, programas de
edição de texto, menus,
arquivos de imagem, etc.
Componentes de Programas
Check box: São caixinhas de
seleção que podem assumir
normalmente duas situações:
habilitadas e não habilitadas.

Vídeo do OBS
Studio
Radio button: São círculos de
seleção onde apenas uma
opção pode ser selecionada.
Componentes de Programas
List View - Campo onde fica
uma lista com itens. Estes
itens podem variar de acordo
com a funcionalidade do
programa.
Color picker - Campo onde Vídeo do OBS
pode se escolher uma cor. Studio
possuem vários formatos e
variam de programa para
programa..
Componentes de Programas

Buttons: Botões que executam

uma ação, desde uma função
predefinida a uma determinada
operação específica. (Ex: Salvar,
Cancelar, Excluir, Voltar, etc.).
Vídeo do OBS
Studio
Seek Bar: É um botão que
percorre uma linha, esta variação
gera um valor que será utilizado
pelo programa.
Componentes de Programas

Combo box com multi-função :

São Combo boxes que ao invés
de abrirem uma lista, abrem uma
pequena área de edição.

Vídeo do OBS
Progress bar: Uma barra de Studio
progressão que dá um retorno ao
usuário do progresso da tarefa ou
da ação. Pode ser progressiva ou
regressiva. Há também elementos
que podem indicar atividade.
Componentes de Programas

Expanders: São elementos que

se contraem e se expande
escondendo ou exibindo outros
elementos dentro deles.

Vídeo do OBS
Date Picker: Pode se escolher Studio
uma data ou digitar um valor que
será convertido em data. Com
este componente pode-se ter mais
certeza na configuração da data
no formato do banco de dados.
Componentes de Programas

Elementos Desativados:
Alguns elementos de interface
podem ser desativados para
passar alguma mensagem,
como o usuário não pode ou
não deve ter acesso aquele Vídeo do OBS
elemento, ou que aquele Studio
elemento deve ser ativado
previamente. Tudo vai depender
de como o designer deseja
passar a mensagem.
 Vídeo do OBS
Vamos ao Framer Studio