Desenvolvimento de Sistema II

Professor.: Carlos Eduardo

Professor.: Maurício
Desenvolvimento de Sistemas II

Aula 4

Bases Tecnológicas

Melhores práticas de programação

• Estilo de codificação, indentação, legibilidade, comentário;

• Reutilização de Código;
• Refatoração;
• Programação em par;
 Desenvolvimento de Sistemas II

Python – Interface Gráfica (GUI)

As interfaces gráficas do usuário (GUI – Graphic User Interface) são bastante populares no uso de
softwares em geral, e os programadores devem estar aptos a trabalhar com a criação de interfaces,
já que torna o uso mais fácil além de aumentar a produtividade.

Para quem trabalha com desenvolvimento em Python, existem diversos frameworks e ferramentas
que permitem a criação interfaces gráficas.
 Desenvolvimento de Sistemas II

Python – Interface Gráfica (GUI)

Frameworks gráficos que permitem desenvolver interfaces em Python:

•WxWidgets;
•Tkinter;
•Kivy;
•PyGTK;
•PySide;
•QT.

Estes frameworks listados são apenas alguns que podem ser usados para criar interfaces em
Python.
 Desenvolvimento de Sistemas II

Python – Interface Gráfica (GUI)

Tkinter

Tkinter é uma biblioteca da linguagem Python que acompanha a instalação padrão e permite
desenvolver interfaces gráficas. Isso significa que qualquer computador que tenha o interpretador
Python instalado é capaz de criar interfaces gráficas usando o Tkinter, com exceção de algumas
distribuições Linux, exigindo que seja feita o download do módulo separadamente.
 Desenvolvimento de Sistemas II

Python – Interface Gráfica (GUI)

Tkinter

GUI aborda muitos conceitos, dos quais os mais comuns são:

•Container – É uma analogia a um container físico e tem como objetivo organizar e guardar
objetos. Da mesma forma este conceito serve para um container em interface. Nesse caso, os
objetos que estamos armazenando são os widgets;
•Widget – É um componente qualquer na tela, que pode ser um botão, um ícone, uma caixa de
texto, etc.;
•Event Handler – São tratadores de eventos. Por exemplo, ao clicarmos em um botão para executar
uma ação, uma rotina é executada. Essa rotina é chamada de event handler;
•Event Loop – O event loop verifica constantemente se outro evento foi acionado. Caso a hipótese
seja verdadeira, ele irá executar a rotina correspondente.
 Desenvolvimento de Sistemas II

Python – Interface Gráfica (GUI)

Tkinter

Comandos Iniciais:

from tkinter import*

// criar janela principal//

janela = Tk()

//rodar frame//
janela.mainloop()
 Desenvolvimento de Sistemas II

Python – Interface Gráfica (GUI)

Tkinter

//titulo da janela//

janela.title("Etec")

//tamanho da janela//

janela.geometry("500x300")

//largura e altura sejam redimensionados//

Janela.resizable (false,false)
 Desenvolvimento de Sistemas II

Python – Interface Gráfica (GUI)

Tkinter

//adicionar ícone a janela//

Janela.iconbitmap(“caminho da imagem/nome.extensão”)
 Desenvolvimento de Sistemas II

Python – Interface Gráfica (GUI)

Tkinter – Componentes ( Widget) - Label

Label1 = Label(janela , text=“Nome:”)

Label2 = Label(janela , text=“SobreNome:”)

//adicionar os elementos no pack//

Label1.pack()
Label2.pack()
 Desenvolvimento de Sistemas II

Python – Interface Gráfica (GUI)

Tkinter – Componentes ( Widget) - Formatar Label

Label1 = Label(janela ,
• Bg – background
text=“Nome:”, • Fg = forenground
bg = “#FFFF”,
• \n dentro das aspas pula linha
font=“Arial 20 bold italic
)

Label2 = Label(janela ,
text=“SobreNome:”,
fg=“#FFFF”
)
//adicionar os elementos no pack//
Label1.pack()
Label2.pack()
 Desenvolvimento de Sistemas II

Python – Interface Gráfica (GUI)

Tkinter – Componentes ( Widget) - Formatar Label

Label1 = Label(janela ,
• Bg – background
text=“Nome:”,
bg = “#FFFF”, • Fg = forenground
font=“Arial 20 bold italic”, • \n dentro das aspas pula linha
anchor=“center” • anchor utiliza posições da bussola
) • padx – padding eixo x
• pady – padding eixo y
Label2 = Label(janela , • justify = center,right ,left
text=“SobreNome:”, • widht =50
fg=“#FFFF”
)
• height=5
//adicionar os elementos no pack//
Label1.pack()
Label2.pack()
Desenvolvimento de Sistemas II

Python – Instalação VSCode

1 – Abrir VSCODE –
2 – Salvar arquivo como Python - extensão .py
3 – Tudo estiver instalado corretamente aparece no console.
4 – Caso não ( instalar interpretador python do site :
https://www.python.org/downloads/
Não esquecer de marcar a caixa add patch (momento da instalação)
5 – No Vscode adicionar a extensão python.
Desenvolvimento de Sistemas II

Python – Praticar exemplo

Acessar: https://replit.com/languages/python3