Você está na página 1de 28

Programao visual de interfaces grcas ca a

Lu Carlos Dill Junges s


S2i - Sistemas Industriais Inteligentes Departamento de Automao e Sistemas - DAS ca Centro Tecnolgico - CTC o Universidade Federal de Santa Catarina - UFSC

14 de julho de 2006

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a

Interao ca Utilidade

Parte I Denio interface grca ca a

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a

Interao ca Utilidade

CLI TUI GUI

Modos de interao com computador ca CLI TUI GUI

Qual a utilidade de uma interface grca? a

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a

Interao ca Utilidade

CLI TUI GUI

CLI

Figura: Resultado obtido ao executar df -l e ifcong

CLI Command Line Interfaces. Baseadas na iterao ca atravs de texto com o usurio. e a
Lu Carlos Dill Junges s Programao visual de interfaces grcas ca a

Interao ca Utilidade

CLI TUI GUI

TUI

Figura: Interface TUI do frontend do Debian - dselect

TUI Text User Interface. Utilizam texto para construir uma interface em terminal.
Lu Carlos Dill Junges s Programao visual de interfaces grcas ca a

Interao ca Utilidade

CLI TUI GUI

GUI

Figura: Interface grca do projeto Harpia [HRP] a

GUI Graphical User Interfaces. Interfaces grcas a baseadas em widgets.


Lu Carlos Dill Junges s Programao visual de interfaces grcas ca a

Interao ca Utilidade

Modos de interao com computador ca CLI TUI GUI Qual a utilidade de uma interface grca? a Facilitar a execuo de operaes computacionais ca co Permitir que pessoas leigas usem computadores Organizar adequadamente os dados processados Fornecer feedback para o usurio a

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a

Modelo

Parte II Funcionamento bsico de uma GUI a

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a

Modelo

Widgets Mainloop Callbacks

Arquitetura baseada em widgets Widgets Mainloop Callbacks

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a

Modelo

Widgets Mainloop Callbacks

Os elementos da aplicao ca

Widgets Widgets so componentes elementares para a a construo de interfaces grcas. Possuem ca a caracter sticas de tamanho, cor, visibilidade, texto, cone, estilo entre outros aspectos. Atravs deles o e usurio interage com a aplicao e recebe o feedback a ca adequado (Ex.: boto afunda quando apertado). a

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a

Modelo

Widgets Mainloop Callbacks

Mainloop

Mainloop Loop innito cuja principal funo receber os sinais ca e emitidos pelos widgets e repass-los para os a tratadores adequados.

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a

Modelo

Widgets Mainloop Callbacks

Callbacks

Callbacks So os tratadores, funes ou mtodos responsveis a co e a por executar certo cdigo quando determinada ao o ca e realizada em um widget. GTK+ utiliza a libsigc++ [libsigc] para essa funo. ca

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a

Ferramentas

Parte III Ferramentas / Bibliotecas dispon veis

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a

Ferramentas

GUI Toolkits Construtores

Ferramentas para construo de interfaces grcas ca a Bibliotecas grcas dispon a veis Construtores grcos a

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a

Ferramentas

GUI Toolkits Construtores

Principais bibliotecas grcas a

GTK+ QT MFC wxWidgets

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a

Ferramentas

GUI Toolkits Construtores

Construtores de interfaces grcas a

Glade Microsoft Visual C++

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a

Modelagem

Parte IV Modelando uma GUI

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a

Modelagem

Regras Modelos

Regras para a construo de interfaces grcas ca a

Usurio j familiarizado com padres de interface. a a o Simplicidade e clareza so fatores cr a ticos. Utilidade da interface grca deve ser satisfatria. a o Deve ter layout coerente com os objetivos da aplicao. ca Vericar o resultado do teste de usabilidade.

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a

Modelagem

Regras Modelos

Elaborao de interfaces grcas ca a

Criao de personas. ca Montagem de prottipos no papel. o Utilizar o mtodo Think Aloud. e

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a

Aplicao ca

Parte V Exemplo de aplicao com glade/pygtk/python ca

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a

Aplicao ca

glade Callbacks

Gerao do arquivo xml com o glade ca

Arquivo Glade Esse arquivo contm as informaes tanto da e co diposio f ca sica bem como das propriedades dos widgets dentro da interface grca. E aqui que se a transforma o layout da GUI j previamente denido a atravs de prottipos em papel, criao de personas e o ca entre outros mtodos. e
Lu Carlos Dill Junges s Programao visual de interfaces grcas ca a

Aplicao ca

glade Callbacks

Programando as callbacks

Callbacks Nesse momento deve-se programar as callbacks necessrias para a aplicao. Aps isso, testes de a ca o usabilidade podem ser efetuados para obter um retorno real da qualidade da interface grca a produzida.

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a

Referncias e

GUI Toolkits Wrappers GTK+ Ferramentas Outras

Parte VI Referncias e

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a

Referncias e

GUI Toolkits Wrappers GTK+ Ferramentas Outras

Principais bibliotecas grcas a

GTK+ www.gtk.org QT www.trolltech.com wxWidgets www.wxwidgets.org MFC msdn.microsoft.com

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a

Referncias e

GUI Toolkits Wrappers GTK+ Ferramentas Outras

Wrappers dispon veis para GTK+

GTKmm www.gtkmm.org php-gtk www.php-gtk.org.br java-gtk java-gnome.sourceforge.net python-gtk www.pygtk.org Outros gtk.org/bindings.html

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a

Referncias e

GUI Toolkits Wrappers GTK+ Ferramentas Outras

Ferramentas de construo com GTK+/GTKmm ca

Glade glade.gnome.org Microsoft Visual C++ msdn.microsoft.com/visualc

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a

Referncias e

GUI Toolkits Wrappers GTK+ Ferramentas Outras

Demais referncias e

libsigc libsigc.sourceforge.net HRP s2i.das.ufsc.br/harpia

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a

contato

Contato

Esta apresentao estar dispon em: ca a vel s2i.das.ufsc.br/seminarios www.das.ufsc.br/~junges

Obrigado!
Lu Carlos Dill Junges s lcdjunges@yahoo.com.br

Lu Carlos Dill Junges s

Programao visual de interfaces grcas ca a