PSI Módulo 8

Conceitos Avançados de Programação

Conceitos gerais
para
desenvolvimento
em ambiente
gráfico

1 Sistema Operativo
2 Conceito de Janela
3 Interface Gráfica com o Utilizador (I)

TGPSI – Paulo Barreira- Agrupamento de Escolas da Batalha – setembro 2023

 Conceitos gerais para desenvolvimento em ambiente gráfico

1 Sistema Operativo

3
 Conceitos gerais para desenvolvimento em ambiente gráfico

Definição de SO
▪ Um Sistema Operativo (SO) é um conjunto de aplicações informáticas que se
destina a permitir a interface entre o utilizador e o hardware.

Software de
aplicações

Software de
sistema

Hardware

https://www.tutorialspoint.com/operating_system/os_overview.htm 4
 Conceitos gerais para desenvolvimento em ambiente gráfico

Evolução do SO
1ª geração (1945-1955)
▪ Válvulas e placas programáveis
2ª geração (1955-1965)
▪ Transístores e sistemas batch
3ª geração (1965-1980)
▪ Circuitos integrados
4ª geração (1980-2000 )
▪ PCs, workstations, servidores
Última geração(??)
▪ PDAs, smartphones, tablets, sistemas
de navegação (ndrive), smart TVs, ...
https://pt.wikipedia.org/wiki/Livro:Evolu%C3%A7%C3%A3o_dos_Sistemas
http://www.tecmundo.com.br/sistema-operacional/2031-a-historia-dos-sistemas-operacionais-infografico-.htm 5
 Conceitos gerais para desenvolvimento em ambiente gráfico

https://opentextbc.ca/computerstudies/chapter/classification-of-generations-of-computers/ 6
 Conceitos gerais para desenvolvimento em ambiente gráfico

▪ A função mais importante de um SO, e que afeta diretamente a sua

fiabilidade, é o método como este gere a execução dos programas.

✓ Do ponto de vista do utilizador, o que influencia a facilidade de utilização é a

qualidade da interface do SO e o conhecimento que o utilizador tem dela.

7
 Conceitos gerais para desenvolvimento em ambiente gráfico

▪ A parte do SO que faz de interface com o utilizador é designada por shell.

✓ Atualmente existem diferenças na interface, consoante o SO utilizado, o que leva

muitos utilizadores a não mudar de SO, independentemente de existirem outros
mais adequados às suas necessidades e até mais estáveis.
8
 Conceitos gerais para desenvolvimento em ambiente gráfico

Tipos de Sistemas Operativos

Classificação do SO relativamente à
interface com o utilizador:

• Sistemas operativos do tipo CLI

(Command Line Interface)

• Sistemas operativos do tipo GUI

(Graphics User Interface)

http://pt.wikipedia.org/wiki/Interface_de_linha_de_comando
http://pt.wikipedia.org/wiki/Interface_gr%C3%A1fica_do_utilizador
9
 Conceitos gerais para desenvolvimento em ambiente gráfico

Sistema Operativo do tipo GUI

GUI (Graphics User Interface).
A interação com o utilizador surge sob a forma de interface gráfica,
normalmente com janelas, ícones, caixas de diálogo, botões de comando, etc.

As instruções que o utilizador dá ao sistema são, na sua maior parte, sob a

forma de ações do rato sobre os ditos elementos gráficos.

SO com GUI GUI Interfaces

Microsoft Windows GNOME
Mac OS X KDE

http://www.catb.org/~esr/writings/taouu/html/ch02s05.html 10
 Conceitos gerais para desenvolvimento em ambiente gráfico

Vantagens de um Sistema Operativo gráfico

▪ Facilita a utilização por parte do utilizador, pois este não precisa de saber
comandos do SO para executar tarefas complexas ou simples, como copiar um
ficheiro para uma outra pasta;
▪ Possibilita otimizar as tarefas mais complexas com alguns cliques em janelas,
para encontrar as opções ou as tarefas a serem executadas além de usar
imagens para mostrar o que será feito por determinado programa;
▪ Facilita a interação entre o utilizador e o computador, com a abstração de
comandos de ecrã de texto, que são substituídos por imagens;
▪ Uma interface gráfica com botões, janelas, é mais amigável para o utilizador do
que uma interface de comandos, além de possibilitar a acessibilidade.

11
 Conceitos gerais para desenvolvimento em ambiente gráfico

Sistema Operativo Windows

▪ O Windows é, sem dúvida, um dos softwares mais vendidos da história.
Um dos aspetos que contribui para esse sucesso é o seu ambiente gráfico.

• A interface gráfica do Windows

baseia-se no conceito de simular
um ambiente de escritório,
especificamente a mesa de
trabalho, onde teremos à
disposição todos os utensílios
necessários para desempenhar
as tarefas normais de um
escritório.

12
 Conceitos gerais para desenvolvimento em ambiente gráfico

2 Conceito de JANELA

13
 Conceitos gerais para desenvolvimento em ambiente gráfico

Definição de Janela
Em informática, uma janela é uma área visual contendo algum tipo de interface do
utilizador, exibindo uma saída produzida pelo sistema ou permitindo a entrada de
dados.

• É um conceito que foi introduzido com os

sistemas operativos de interfaces gráficos;
representa qualquer área que agrupa
elementos em comum e permite movê-los
em grupo.
• Um programa de computador assume a
forma de uma janela para facilitar a
assimilação pelo utilizador.

http://pt.wikipedia.org/wiki/Janela_(inform%C3%A1tica)
14
 Conceitos gerais para desenvolvimento em ambiente gráfico

• Janela
As janelas são geralmente apresentadas como objetos bidimensionais e
retangulares organizados em várias áreas de trabalho.
Entretanto o programa pode ser apresentado em mais do que uma janela, ou ate
mesmo sem uma janela.

As janelas são WIDGETS (ou controlo)

de diversas interfaces gráficas do
utilizador , sobretudo as que
implementam o conceito WIMP
(Window, Icon, Menu, Pointer).

http://pt.wikipedia.org/wiki/Widget
15
 Conceitos gerais para desenvolvimento em ambiente gráfico

• A Microsoft aparece em 1977 com o seu sistema operativo DOS, um sistema operativo
totalmente baseado em texto e que equipa todos os computadores IBM da época.

• Em 1984 o Apple Macintosh foi o primeiro computador pessoal a desenvolver e

apresentar uma interface gráfica, na época bastante revolucionário.

• Esta máquina foi

construída em torno da
interface gráfica e todos
os programas em linha
de comandos existentes
tiveram que ser
completamente
adaptados.

http://pt.wikipedia.org/wiki/Macintosh
16
 Conceitos gerais para desenvolvimento em ambiente gráfico

• O Windows 1.0 estreia-se no mercado em 1985, apresentando muitas semelhanças

com o… Mac!
• O Windows 2.0 apareceu em 1987, introduzindo melhorias significativas em relação ao
anterior pois adicionaram-se ícones e janelas sobrepostas.

• O sistema operativo tornou-se um

ambiente favorável para o
desenvolvimento de aplicações tais
como: Excel, Corel Draw, PageMaker,
etc.

• Em maio de 1990 é lançado o

Windows 3.0 com uma completa
renovação da interface do sistema
operativo.

https://pt.wikipedia.org/wiki/Windows_3.x
17
 Conceitos gerais para desenvolvimento em ambiente gráfico

3 Interface Gráfica com o Utilizador

18
 Conceitos gerais para desenvolvimento em ambiente gráfico

Definição de GUI
Em informática, a Interface Gráfica do Utilizador (GUI - Graphics Use Interface), é
um mecanismo de interação homem-máquina com um rato ou um teclado.

O utilizador é capaz de
selecionar símbolos e
manipula de forma a obter
algum resultado gráfico.

http://www.tecmundo.com.br/historia/9528-a-historia-da-interface-grafica.htm
19
 Conceitos gerais para desenvolvimento em ambiente gráfico

Normas para a GUI

A importância de um bom código na qualidade final de um software é indiscutível, mas
a qualidade de um programa também se baseia em outro aspeto da programação: a
interface gráfica, ou interface de utilizador.

Android User Interface Guidelines

Apple iOS Human Interface Guidelines
Apple OS X Human Interface Guidelines
Eclipse User Interface Guidelines
Elementary OS Human Interface Guidelines
ELMER (guidelines for public forms on the internet)
GNOME Human Interface Guidelines
Haiku Human Interface Guidelines
Java Look and Feel Design Guidelines (Advanced Topics)
KDE Human Interface Guidelines
OLPC Human Interface Guidelines OLPC
Canonical Ubuntu User Interface Guidelines
Windows User Experience Interaction Guidelines (for Windows 7 and Windows Vista)
UX guidelines for Windows Store Apps (for Windows 8 and Windows RT)
User Experience Design Guidelines for Windows Phone
wyoGuide, a cross-platform HIG
20
Conceitos gerais para desenvolvimento em ambiente gráfico (I)
M8 Conceitos Avançados de Programação
Programação e Sistemas de Informação
Última revisão: setembro de 2023