Última atualização em
As interfaces gráficas do usuário (GUI) mudaram a computação como a conhecemos. Curiosamente, alguns dos componentes GUI mais reconhecidos foram desenvolvidos décadas atrás.
Esteja você lendo este artigo em seu smartphone, tablet ou computador, você está experimentando isso por meio de uma interface gráfica do usuário ou GUI. Como o próprio nome sugere, uma GUI permite que os usuários interajam com dispositivos eletrônicos por meio de ícones gráficos, em vez de interfaces de usuário baseadas em texto. Aqui está uma olhada na história da GUI e por que ela é crucial.
História da GUI
Os usuários antigos do Windows podem pensar que a transição dos sistemas baseados em texto para a GUI ocorreu quando o Windows 95 substituiu o Windows 3.1. Embora isso Foi um marco essencial na adoção de GUI, você tem que voltar a 1963, quando o primeiro programa de design gráfico auxiliado por computador foi introduzido.
Com o programa Sketchpad de Ivan Sutherland, os usuários podem criar e manipular objetos em desenhos de engenharia usando uma caneta de luz. Sketchpad foi seguido pelo Sistema On-Line (NLS) de Stanford no final daquela década. Embora o nome NLS possa ter se perdido na história, o resultado não. O sistema usava hiperlinks baseados em texto que o primeiro mouse de computador do mundo manipulou.
Na década de 1970, foi introduzida a programação Smalltalk, que rodava no computador Xerox Alto. A maioria das GUIs modernas são derivadas desse sistema. Enquanto isso, a interface de usuário do Xerox PARC trouxe outros elementos gráficos agora familiares para o primeiro plano, incluindo janelas, menus, botões de rádio e caixas de seleção. No final da década, empresas como Microsoft, Apple e IBM se envolveram com GUIs.
Adoção Posterior
Os sistemas GUI entraram no mercado predominante na rápida década de 1980. O Apple Lisa foi lançado em 1983, seguido pelo primeiro Apple Macintosh, muito mais bem-sucedido, um ano depois. O Windows 95 finalmente chegou uma década depois e, em poucos meses, tornou-se o sistema operacional de desktop mais popular de todos os tempos.
O início do século 21 viu a chegada dos sistemas operacionais móveis, incluindo o iOS da Apple, o Android do Google e muitos mais. Embora diferentes na superfície, cada um usou os mesmos elementos GUI implementados há décadas.
Principais recursos da GUI
Cada sistema GUI oferece essas seções genéricas: janelas, menu, ícones, controles e guias. Os elementos interativos incluem um cursor, ponteiro, ponto de inserção, seleção e alça de ajuste.
janelas
Você está visualizando este artigo em um navegador da web, que, por definição, é uma janela, assim como seu programa de e-mail ou título de software Adobe. As janelas são áreas da tela do computador em que as informações visíveis são separadas do restante da tela.
Uma janela de contêiner inclui outras janelas ou controle, assim como uma janela do navegador permite que você visualize e navegue em uma série de itens, como documentos ou páginas da web. Hoje, consoles como US-DOS e UNIX aparecem em janelas de terminal de texto.
Existem também janelas de mensagens, que às vezes são chamadas de caixas de diálogo. Essas janelas são abertas em um programa em sua máquina. Normalmente, eles pedem que você dê uma resposta afirmativa ou negativa. Por exemplo, quando você altera um documento em um programa como o Microsoft Word, uma janela de mensagem pode aparecer perguntando se esta é a mudança que você deseja fazer.
Menus
Ao usar um mouse, dedo ou outro dispositivo apontador, provavelmente você está executando um comando por meio do próximo elemento da GUI, menus. Esses elementos geralmente oferecem uma lista de opções, tornando mais fácil para o usuário determinar o que fazer a seguir. Existem vários tipos de menus, incluindo uma barra de menus e um menu de contexto. Você verá o primeiro na parte superior da tela. Possui menus suspensos que aparecem ao clicar em palavras no menu.
Os menus de contexto, por outro lado, são invisíveis até que sejam clicados ou tocados. Clicar com o botão direito em um computador normalmente abre um menu de conteúdo anteriormente oculto.
Ícones
As partes mais visíveis de qualquer sistema GUI são os ícones. Essas pequenas imagens, encontradas em uma área de trabalho, página inicial ou pasta, representam diferentes objetos, como um programa, arquivo, página da Web ou comando. O ícone abre o referido objeto quando clicado.
Controles
Em sistemas GUI, você também encontrará controles, às vezes chamados de widgets. Esses elementos de controle gráfico são um componente de software essencial, permitindo que o usuário leia ou efetue (por meio da edição) informações sobre um aplicativo. Os controles assumem várias formas, incluindo controles deslizantes, botões de opção, caixas de seleção e muito mais.
Abas
Finalmente, existem guias. Esses elementos geralmente assumem a forma de uma pequena caixa retangular ou texto simples. Quando clicado, uma lista de objetos ou seções semelhantes é exibida. Guias, por exemplo, é um componente essencial em navegadores da web. Ao clicar nas guias, você pode mover-se entre dois ou mais sites simultaneamente sem fechar outro. Cada guia contém uma página da web separada.
Principais elementos interativos da GUI
Nenhum de nós apreciaria totalmente o que a GUI significa para a computação se não fosse pelas ferramentas desenvolvidas para se mover entre os vários recursos. Esses elementos interativos evoluíram ao longo dos anos e incluem cursores, ponteiros e muito mais.
UMA ponteiro é um objeto gráfico que se move na tela de um computador usando um mouse ou touchpad. Os ponteiros iniciam cliques, toques e arrastos familiares. UMA cursor é um tipo de ponteiro e indica sua localização exata em uma tela. Uma linha vertical piscando mostra a localização de um cursor.
Um ponto de inserção é onde os comandos iniciados pelo usuário ocorrerão, por exemplo, em aplicativos de texto ou ao usar a operação copiar e colar. UMA seleção é uma lista de itens onde ocorrem as operações do usuário. Os usuários geralmente adicionam itens a esta lista manualmente, embora nem sempre. Finalmente, um alça de ajuste é um indicador de um ponto de partida para uma operação de arrastar e soltar. Uma caixa que aparece nos cantos e bordas de uma janela, por exemplo, é uma alça de ajuste.
Muito para ver
Em muitos aspectos, tudo em uma tela de computador é uma GUI. Embora recursos e elementos tenham melhorado ao longo dos anos, os conceitos básicos permaneceram os mesmos por décadas. Sem eles, a computação seria muito diferente.