CSE 111: Programação com Funções

S06 - Atividade Guiada de Programação: Entrada Gráfica

Visão Geral

Para esta atividade, você irá programar enquanto assiste um vídeo do instrutor, que guiará cada passo da tarefa abaixo. Certifique-se de pausar o vídeo ou revisar partes dele, caso necessário, para concluir a atividade por completo.

Seu instrutor publicará um link para o vídeo no Microsoft Teams.

Contexto

Quase todos os programas que você criou para este curso recebem entradas e exibem resultados em uma janela de terminal. No entanto, a maioria dos usuários prefere interagir com um programa por meio de uma interface gráfica do usuário (GUI, proveniente do inglês Graphical User Interface) com ícones, campos de texto, listas suspensas, botões, etc. Dentro de uma GUI, os componentes individuais (ícones, campos de texto etc.) são chamados de widgets. A maioria das bibliotecas para criação de GUIs usa programação orientada a objetos, pois cada widget é um objeto com atributos e métodos.

Para essa atividade você vai usar uma biblioteca chamada Tkinter.

Leia essa documentação para aprender como utilizá-la:

Programa

Crie um programa Python chamado gui.py que obtenha a entrada do usuário a partir de uma GUI, execute um cálculo simples e exiba o resultado em uma GUI.

Requisitos

  1. Seu programa deve incluir uma GUI que seja aberta quando você o executa.
  2. A GUI deve permitir que o usuário digite informações.
  3. Quando o usuário insere uma entrada válida, seu programa deve calcular resultados corretos e exibi-los na GUI.

Desafios Adicionais

Abaixo está uma lista de desafios adicionais que você pode fazer. Seu instrutor guiará você por pelo menos um deles. Fique à vontade para realizar os demais.

  1. Adicione um botão Limpar à sua GUI, para limpar todas as entradas e saídas quando o usuário clica nele.
  2. Adicione um rótulo que atue como uma barra de status na parte inferior da sua GUI. Seu programa deve exibir uma mensagem de erro na barra de status quando o usuário inserir uma entrada inválida. Seu programa deve limpar a barra de status quando o usuário inserir uma entrada válida.

Instruções

  1. Crie uma pasta para armazenar o programa da Atividade Guiada de Programação desta semana.
  2. Abra a pasta que você acabou de criar no VSCode.
  3. Baixe o arquivo Python entrada_numero.py e salve-o na pasta que você acabou de criar.
  4. Crie um novo arquivo chamado gui.py.
  5. Encontre o vídeo que seu instrutor publicou para esta tarefa e crie o código junto com ele para concluir cada um dos requisitos. Analise os requisitos em ordem com o instrutor em vez de pular para etapas mais complicadas para garantir que você não perca nenhuma explicação.
Link de Vídeo Alternativo

Além do link que seu instrutor publicou, você também pode assistir ao seguinte passo a passo do código:

Recursos Adicionais

Você pode usar esses recursos adicionais para se aprofundar nos estudos.

Exemplo de código: Frequência Cardíaca

Veja um exemplo prático de como utilizar a biblioteca de interface gráfica para calcular a frequência cardíaca ideal: frequencia_cardiaca.py.

Examine o código que carrega a janela principal e perceba que você escreveu código orientado a objetos quando usou os objetos de idade, largura, e o operador ponto para chamar métodos, como grid, config, get e clear. Siga o procedimento de teste descrito abaixo

Exemplo de código: Volume do Pneu

Você também pode visualizar esta solução, ela é a aplicação da biblioteca em um programa que calcula o Volume do Pneu.

Procedimento de Teste

Rode seu programa e insira várias entradas, incluindo valores inválidos. Verifique se o seu programa não trava, se comporta conforme o esperado e exibe resultados corretos.

Envio

Por favor, pause e assista novamente a quaisquer partes do vídeo do instrutor necessárias até que você tenha concluído toda a atividade e seu programa funcione da mesma forma que o do instrutor. Quando tiver terminado:

Links Úteis: