Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda...

46
07/03/2018 1 Automação de Unidades de Informação Revisão de Conceitos de Informática Evolução dos computadores

Transcript of Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda...

Page 1: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

1

Automação deUnidades de InformaçãoRevisão de Conceitos de Informática

Evolução dos computadores

Page 2: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

2

Evolução dos computadores

Blaise Pascal(1623-1662)

Gottfried Wilhelm Leibniz(1646-1716)

Contribuiu decisivamente para a criação de dois novos ramos da matemática: a Geometria Projetiva e a Teoria das probabilidades.

Em Física, estudou a mecânica dos fluidos, e esclareceu os conceitos de pressão e vácuo ampliando o trabalho de Torricelli.

É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline.

Filósofo, cientista, matemático, diplomata e bibliotecário alemão.

Além da matemática, demonstrou genialidade também nos campos da lei, religião, política, história, literatura, lógica, metafísica e filosofia.

Leibniz criou uma máquina de calcular, superior à que fora criada por Pascal, fazendo as quatro operações.

Evolução dos computadores

Charles Babbage(1792-1871)

Cientista, matemático e inventor inglês. É mais conhecido como o inventor que projetou o primeiro computador de uso geral, utilizando apenas partes mecânicas.

Seu invento, porém, exigia técnicas bastante avançadas e caras na época, e nunca foi construído.

John von Neumann

(1903-1957)

Propôs que as instruções no computador fossem gravadas na memória do computador, o que faria sua execução e leitura mais rápidas, uma vez que se davam eletronicamente.

Neumann contribuiu para a construção dos computadores de forma grandiosa, pois, ainda hoje a maioria destas máquinas seguem o modelo inventado por ele.

Page 3: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

3

Evolução dos computadores

ENIAC (1946)Electrical Numerical Integrator and Computer

Pesava 30 toneladas, media 5,50 m de altura e 25 m de comprimento e ocupava 180 m² de área construída.

Foi construído sobre estruturas metálicas com 2,75 m de altura e contava com 70 mil resistores e entre 17.468 e 18.000 válvulas a vácuo ocupando a área de um ginásio desportivo.

Segundo Tom Forester, quando acionado pela primeira vez, o ENIAC consumiu tanta energia que as luzes de Filadélfia piscaram.

Evolução dos computadores

Page 4: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

4

Evolução dos computadores

Apple MacIntosh

(1984)

Como funcionam os computadores

Page 5: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

5

Como funcionam os computadores

� A fim de construir dispositivos capazes de armazenar dados ou informação, os dados tiveram que ser reduzidos ao seu estado mais fundamental: binário;

i

1 (um)

Verdadeiro

Sim

0 (zero)

Falso

Não

Como funcionam os computadores

1 lâmpada 2 ou 21 informações

2 lâmpadas 4 ou 22 informações

3 lâmpadas 8 ou 23 informações

.

.

.

.

.

.

.

.

.

8 lâmpadas ou dígitos 28 ou 256 informações

ou símbolos

Page 6: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

6

Como funcionam os computadores

1 0 1 0 1 0 1 1

bit ( binary digit )

byte

0

1i

Como funcionam os computadores

1 0 1 0 1 0 1 1bits símbolos

1 2 (21)

2 4 (22)

3 8 (23)

4 16 (24)

5 32 (25)

6 64 (26)

7 128 (27)

8 256 (28)

... ...

bit

byte

Page 7: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

7

Como funcionam os computadores

Caractere Binário Decimal

0 0011 0000 48

1 0011 0001 49

2 0011 0010 50

3 0011 0011 51

4 0011 0100 52

5 0011 0101 53

6 0011 0110 54

7 0011 0111 55

8 0011 1000 56

9 0011 1001 57

Caractere Binário Decimal

A 0100 0001 65

B 0100 0010 66

C 0100 0011 67

D 0100 0100 68

E 0100 0101 69

F 0100 0110 70

G 0100 0111 71

H 0100 1000 72

I 0100 1001 73

J 0100 1010 74

… … …

Caractere Binário Decimal

a 0110 0001 97

b 0110 0010 98

c 0110 0011 99

d 0110 0100 100

e 0110 0101 101

f 0110 0110 102

g 0110 0111 103

h 0110 1000 104

i 0110 1001 105

j 0110 1010 106

… … …

Testando 123

T e s t a n d o 1 2 3

01010100 01100101 01110011 01110100 01100001 01101110 01100100 01101111 00100000 00110001 00110010 00110011

TabelaASCII

A informação digital

A 65101000111010101000101001101101010100000101010101001010001010010010100111

Page 8: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

8

O computador e suas partes

O Computador e suas partes

� Um computador é formado por três componentes:◦ Hardware� Equipamentos, material físico: mouse, monitor,

impressora, etc.

◦ Software� Conjunto de instruções (programas) que “diz” ao

computador o que fazer.

◦ Usuários� Usam o computador para algum propósito.

◦ Seres humanos constroem o hardware e desenvolvem o software que possibilita aos usuários finais operá-lo.

Page 9: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

9

O Computador e suas partes

� Computador é uma máquina...◦ ... que pode ser programada

◦ ... que armazena e manipula dados

O Computador e suas partes

� Arquitetura

Dispositivos de Entrada

Dispositivos de Armazenamento

Unidade Central de

Processamento CPU

Dispositivos de Saída

Memória

Page 10: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

10

O Computador e suas partes

O Computador e suas partes

Placa mãe (mother board)

Page 11: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

11

O Computador e suas partes

Gravação em meios magnéticos

O Computador e suas partes

Gravação em meios ópticos

Page 12: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

12

Software

Sistema Operacional

O software mais importante de qualquer computador. Funções:

Interface com o usuário

Gerenciamento de Recursos de

hardware

Gerenciamento de Tarefas

Gerenciamento de Arquivos

Utilitários e outras funções

Page 13: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

13

Sistema Operacional

� Interface com o usuário◦ permite a comunicação “amigável” com o

computador;◦ permite a execução de programas ou outras

tarefas.◦ Tipos de interface:� comandos – códigos e parâmetros� menus – opções� gráfica (GUI) - ícones, botões, etc. Utilizam mouse para a

seleção direta

� Gerenciamento de recursos◦ série de programas de gerenciamento do

hardware: memória, armazenamento, periféricos, etc.

Sistema Operacional

� Gerenciamento de tarefas◦ Programas que gerenciam as tarefas do

computador;◦ Dão a cada tarefa uma fatia de tempo de

processamento;◦ Dá a capacidade multitarefa do computador

(várias tarefas ocorrendo ao “mesmo tempo”)

� Gerenciamento de arquivos◦ série de programas que controlam a criação e

acesso a arquivos.◦ Manutenção de registros da localização física de

arquivos em disco magnético (HD, disquete)

Page 14: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

14

Sistema Operacional

� Portanto, um sistema operacional deve ser capaz de:◦ Proporcionar uma interface com o usuário

◦ Gerenciar dispositivos de hardware

◦ Gerenciar e manter os arquivos em disco

◦ Dar suporte a outros programas

Tipos de Sistema Operacional

� DOS (Microsoft) – início de 1980

C:\FORMAT A:

C:\DIR A:

C:\DEL texto.txt

C:\COPY relat.txt a:

Page 15: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

15

Tipos de Sistema Operacional

� Mac OS (Apple)1984

Tipos de Sistema Operacional

� Mac OS (Apple)

Page 16: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

16

Sistema Operacional

� Windows 98, NT, 2000, XP, Vista, 7, 8

Tipos de Sistema Operacional

� UNIX (final dos anos 60)

� Linux (1991)

Page 17: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

17

Tipos de Sistema Operacional

� Multitarefa capacidade de executar mais de um programa ao mesmo tempo;

� Multiusuário permite que mais de um usuário acesse o computador ao mesmo tempo. Para isso o sistema operacional também tem de ser multitarefa.

� SO multitarefa e multiusuário: UNIX

� Sistemas operacionais para multiprocessadores tipo especial de SO para computadores com mais de um microprocessador (CPU)

Softwares aplicativos

� Processamento de textos / Editoração eletrônica◦ Auxiliam na edição, revisão, impressão de documentos;◦ Permitem mesclar imagens aos textos;◦ Podem converter documentos para o formato HTML;◦ Fornecem dispositivos avançados como verificador ortográfico

(e gramatical), tesauro, dicionário de sinônimos, resumo automático.◦ Exemplos:

• WordStar (DOS), InforWord (UNIX)• Word (DOS e Windows)• WordPerfect

◦ Softwares para editoração eletrônica• PageMaker• QuarkXPress

◦ Interfaces WYSIWYG (What you see is what you get)• O que você vê (na tela) é o que você obtém (na impressora)

Page 18: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

18

Softwares aplicativos

MicrosoftWORD

Softwares aplicativos

� Planilhas eletrônicas◦ Uma planilha eletrônica é uma grade composta

por linhas e colunas onde são armazenados dados, geralmente numéricos.◦ Permite a criação de gráficos a partir de um

conjunto de dados;◦ são utilizadas para análise, planejamento e

modelagem de negócios.◦ Exemplos:� Lotus 1-2-3� QuattroPro� Excel

Page 19: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

19

Softwares aplicativosExcel

Softwares aplicativos

� Sistemas Gerenciadores de Banco de Dados (SGBD)◦ Programa (ou conjunto de programas) que armazena

dados de modo a permitir que eles sejam acessados rapidamente a qualquer momento;◦ Permitem definir a estrutura dos dados, provê recursos

para acessar e apresentar os dados, fornece recursos para incluir, apagar e alterar dados.◦ Exemplos:

• Dbase• Paradox• Access• Interbase• MySQL• SQLServer• ORACLE• Informix

Page 20: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

20

Softwares aplicativosMicrosoftAccess

Softwares aplicativos

� Browser (páginas WEB)

Page 21: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

21

Softwares aplicativos� Correio eletrônico (e-mail)

Outlook

Linguagens de programação

� A verdadeira (e única) linguagem de computador é a linguagem de máquina, mas para a maioria das pessoas essa linguagem é ininteligível.

� Mesmo um procedimento simples pode ocupar diversas páginas de números que representam comandos e dados.

� Os programadores precisam de um intermediário entre eles e a máquina. Uma linguagem que facilite o processo de programar computadores mas que no final seja traduzida para a linguagem de máquina.

Page 22: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

22

Linguagens de programação

� Uma linguagem de programação permite desenvolver os conjuntos de instruções que constituem o programa de computador.

� Existem muitas linguagens de programação diferentes, cada uma com seu vocabulário, gramática e usos exclusivos.

Linguagens de programação

� linguagens de Baixo nível◦ Linguagem de máquina

◦ ASSEMBLER

� linguagens de Alto nível◦ FORTRAN

◦ COBOL

◦ PASCAL

◦ C

Page 23: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

23

Linguagens de programação

� Algoritmo◦ passos necessário para realizar uma determinada

tarefa.Pão de queijo rápido

Ingredientes:1 xícara (chá) de água fervendo;1 xícara (chá) de banha derretida;leite;3 ovos;5 xícaras (chá) de polvilho azedo;2 xícaras (chá) de queijo minas ralado;1 colher (sopa) sal;1 colher (café) de tempero caseiro.

Modo de Preparo:1. Numa vasilha, escaldar o polvilho com a água e a banha.2. Adicionar os outros ingredientes, amolecendo a massa com o leite.3. Amassar bem.4. Engordurar as mãos para enrolar as bolinhas.5. Por em tabuleiro untado.6. Assar em forno quente.7. Depois de crescidos, diminuir o fogo para secarem

Linguagens de programação

� Algoritmo para dividir dois números◦ iniciar o programa◦ definir variáveis◦ apresentar mensagem para o usuário digitar o

numerador◦ ler o numerador◦ apresentar mensagem para o usuário digitar o

denominador◦ ler o denominador◦ se denominador igual a zero então apresentar

mensagem e terminar o programa◦ apresentar o resultado da divisão do numerador pelo

denominador◦ terminar o programa

Page 24: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

24

Linguagens de programaçãoprogram divisao;

var num, den: real;

begin

write(‘digite o numerador:’);

readln(num);

write(‘digite o denominador:’);

readln(den);

if den = 0 then

begin

write(‘numerador não pode ser zero’);

exit;

end;

write(‘resultado da divisão’, num / den);

end.

Internet

Page 25: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

25

Internet:histórico

� 1957 – Sputnik (primeiro satélite artificial) – URSS◦ URSS na frente da corrida especial

� 1958 – ARPA (Advanced Research Projects Agency)◦ Mobilização de pesquisas (universitárias) para alcançar a

superioridade tecnológica militar em relação à União Soviética

� 1962 – Rand Paul Baran foi contratado para fazer desenvolver uma rede de comunicação que sobrevivesse à um ataque nuclear. A rede deveria funcionar mesmo que um de seus pontos fosse destruído.

Internet:histórico

� 1969 – Entrou em funcionamento a ARPANET com a Ligação de quatro nós da rede◦ UCLA (Universidade da Califórnia – Los Angeles),

◦ SRI (Stanford Research Institute),

◦ UCSB (Universidade da Califórnia – Santa Bárbara),

◦ Universidade de Utah

� 1971 – Criado um programa de e-mail

� 1972 – ARPA foi renomeada DARPA

Page 26: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

26

Internet:histórico

� 1973 - Internacionalização◦ University College of London (Inglaterra)◦ Royal Radas Establishment (Noruega)

� 1973◦ Definição do protocolo TCP/IP◦ Esboço do padrão ETHERNET

� 1974◦ Primeira vez que se utiliza o termo

INTERNET, por Vint Cerf e Bob Kahn em artigo sobre TCP

Internet:histórico

� 1975 – 15 nós

◦ Centros universitários

� 1976

◦ Desenvolvimento do padrão ETHERNET

◦ Utilização do TCP/IP na ARPANET

� 1979 – Criação da USENET que permitia discusão em grupo

de problemas científicos

� 1981

◦ Surge a rede cooperativa BITNET

� e-mail, List Server, transferência de arquivos

Page 27: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

27

Internet:histórico

� 1983◦ A Universidade de Wisconsin criou o Domain Name

System (DNS)

◦ Separação� MilNET, (Instituições militares)

� ARPANET (trabalhos de pesquisas avançadas)

◦ Criação da USENET com o objetivo de se criarem grupos de discussão sobre diversos assuntos;

◦ Surgimento das estações de trabalho

� Década de 1980◦ ARPANET ARPA-INTERNET INTERNET

Internet:histórico

� Década de 90 – privatização da Internet

� 1990

◦ Surgimento do ARCHIE, sistema de pesquisa

na Internet

� 1991

◦ Surgimento do GOPHER

Page 28: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

28

Internet:histórico

Evolução do número de hosts (servidores)

Internet:definição� A Internet é uma rede de redes de computadores que

trocam informações entre si;

� Esses computadores (micro ou de grande porte) podem ser de qualquer tipo, arquitetura, marca ou modelo;

� Podem utilizar qualquer tipo de sistema operacional;

� Esses computadores estão interligados por linha comum de telefone, linhas privadas de comunicação, canais de satélite, cabos submarinos e outros meios de comunicação;

Page 29: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

29

WEB

WEB:histórico

� 1990 – Criação da World Wide Web (www)◦ Motivação: Dificuldade no uso da Internet;

◦ Capacidade de transmissão de gráficos limitada;

◦ Oferecia um sistema de fácil utilização;

◦ Baseado parcialmente no trabalho de Ted Nelson Hipertexto

Page 30: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

30

WEB:histórico

� Navegadores (browsers)

◦ Mosaic (1993) – Marc Andreessen

◦ Netscape (1994)

◦ Internet Explorer (1995)

� 1995 – Java (Sun Microsystems)

◦ Applets

� 1999 – JINI (Sun Microsystems)

◦ Permitir que qualquer tipo de rede composta de serviços e dos

clientes destes serviços seja facilmente montada, desmontada e

mantida.

WEB:serviços� O conjunto de serviços e recursos

mudam constantemente, de acordo com o surgimento de novas tecnologias;◦ Correio eletrônico;

◦ Notícias, informação jornalística;

◦ Transferência de arquivos;

◦ Grupos ou comunidades virtuais;

◦ etc.

Page 31: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

31

WEB:serviços

� Grupos de discussão◦ variedade de temas

� Bases de dados temáticas◦ principalmente instituições acadêmicas e de

pesquisa;� Informação comunitária◦ bibliotecas públicas◦ galerias de arte◦ informações turísticas◦ informações meteorológicas◦ etc...

WEB:serviços

� Recursos de governo

� Catálogos de bibliotecas

◦ OPACs

� Recursos comerciais

◦ Bases de dados comerciais (pagas)

� DIALOG: mais de 400 bases de dados sobre qualquer assunto

� Dow Jones News/Retrieval: acesso a mais de 1300 publicações e 70 bases

de dados

◦ Compras

� Livrarias, lojas, supermercados, etc.

Page 32: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

32

WEB:recuperação de informação

� Sites de Busca

� Softwares de busca

� Bases de dados

Características da WEB

Page 33: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

33

Características da WEB

� Características da Web◦ Unidades (fontes) de informação� Páginas

◦ Padrão para especificação de páginas� HTML (Hypertext Markup Language)

◦ Esquema de endereçamento� URL (Universal Resource Locator)

◦ Protocolo comum� HTTP (Hypertext Transfer Protocol)

Características da WEB

� arquivo acessado utilizando o protocolo HTTP

� armazenado no computador chamado www.eca.usp.br,

� “br” indica que este computador está localizado no Brasil.

� No diretório (pasta) /graduaca/infogera/ deste computador está localizado o arquivo com o nome index.htm.

� A extensão “.htm” (ou .html) indica que se trata de um arquivo no formato HTML.

URL

Page 34: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

34

Características da WEB

� HTML = Hypertext Markup Language◦ Conjunto fixo de marcações (tags);

◦ Permite utilizar janelas (frames), imagens e tabelas e ligações entre páginas Web.

Características da WEB

<html>

<head>

<title>Página HTML</title>

</head>

<body>

Página HTML simples

</body>

</html>

HTML

Visualizar

Page 35: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

35

Características da WEB

<html>

<head>

<title>Receita de pão de queijo</title>

</head>

<body>

<h1>Pão de Queijo</h1>

<p>Aprenda esta receita nada mineira, mas que dá ótimos resultados: é

rápida, fácil e tem um bom rendimento.</p>

<h2>Ingredientes</h2>

<ul>

<li>uma e meia xícara de chá de polvilho azedo

<li>uma xícara de chá de maizena

<li>uma colher de chá de fermento em pó

<li>meia xícara de chá de leite

<li>meia xícara de chá de água

<li>meia xícara de chá de óleo

<li>uma e meia colher de chá de sal

<li>um ovo

<li>uma xícara de chá de queijo tipo Minas ralado

</ul>

<h2>Modo de preparo</h2>

<ol>

<li>Misture e peneire os ingredientes secos (menos o queijo).

<li>Após peneirar, junte o queijo e misture bem, acrescente os

demais ingredientes e amasse até obter uma massa lisa e uniforme;

<li>Faça bolinhas e coloque numa assadeira untada e enfarinhada.

<li>Leve ao fogo quente (200º C) por 25 minutos.

</ol>

</body>

</html>

HTML

Visualizar

Características da WEB

Usuário (Cliente)

Endereço ( URL )

Página ( HTML)

Browser

Servidor

Protocolo de transferência de páginas Web. Permite ao browser

“conversar” com o servidor, fazendo pedidos e recebendo respostas

em forma de página Web, geralmente escritas em HTML.

HTTP

Page 36: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

36

A linguagem HTML

A linguagem HTML

� HyperText Markup Language◦ Linguagem de marcação◦ Divide o texto em várias partes, identificadas por tags

(etiquetas).� nome do autor da página� cabeçalho da página� uma imagem� uma tabela� um link

� Os browsers (navegadores) são softwares que interpretam e exibem as páginas HTML,◦ Mosaic◦ Netscape◦ Internet Explorer

Page 37: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

37

A linguagem HTML:tags

<html>

<head>

<title>meu primeiro HTML</title>

</head>

<body>

<h1>Esta é minha primeira página em HTML</h1>

</body>

</html>

São indicações apresentadas entre os caracteres de menor e maior

( < > ) que representam os elementos de uma página

A linguagem HTML:tags

� <HTML> </HTML>◦ Informa o inicio e o final de uma página escrita em HTML;

� <HEAD> </HEAD> ◦ identificam o inicio e o término de uma área de descrições

gerais da página tais como título, autor, etc.

� <TITLE> </TITLE>◦ Responsável por exibir o titulo da página. Alguns navegadores

(browsers) exibem o título da página no título da janela onde está o browser.

� <BODY> </BODY>◦ É o corpo da página, onde estão as informações que se deseja

apresentar;

Page 38: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

38

<html>

<head>

<title>Exemplo de cabeçalhos</title>

</head>

<body>

<h1>Cabeçalho de nível 1</h1>

<h2>Cabeçalho de nível 2</h2>

<h3>Cabeçalho de nível 3</h3>

<h4>Cabeçalho de nível 4</h4>

<h5>Cabeçalho de nível 5</h5>

<h6>Cabeçalho de nível 6</h6>

</body>

</html>

A linguagem HTML:tags

� <H1> </H1>

◦ tag de cabeçalho de nivel 1

� Os números indicam o nível do cabeçalho (de H1 a H6).

� Quando apresentados, apresentam letras maiores e em negrito, dependendo do nível

Visualizar

A linguagem HTML:tags

Estilo Sintaxe

Negrito <B> Texto </B>

Itálico <I> Texto <I>

Sublinhado <U> Texto </U>

Letreiro <MARQUEE > Texto </MARQUEE>

<html>

<head>

<title>Teste de Tags</title>

</head>

<body>

<h1>Teste de alguns tags em páginas HTML</h1>

<B> Negrito </B> <p>

<I> Itálico <I> <p>

<U> Sublinhado </U> <p>

<MARQUEE> Letreiro </MARQUEE> <p>

</body>

</html>

Visualizar

Page 39: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

39

A linguagem HTML

HTML

<html>

<head>

<title>O Mundo é Grande</title>

</head>

<body>

<b><font size="5" face="Arial">O Mundo é Grande</font></b></p>

O mundo é grande e cabe<br>

nesta janela sobre o mar.</p>

O mar é grande e cabe<br>

na cama e no colchão de amar.</p>

O amor é grande e cabe<br>

no breve espaço de beijar.</p>

<img border="0" src="drummond.jpg" width="129" height="173"><p style="margin-top: 0">

<a href="http://pt.wikipedia.org/wiki/Carlos_Drummond_de_Andrade">Carlos Drummond de

Andrade</a>

</body>

</html>

Visualizar

A linguagem XML

Page 40: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

40

A linguagem XML

� A linguagem XML (Extensible Markup Language)◦ Permite a criação de um número ilimitado de marcações (tags);

◦ Não possui recursos para descrever o aspecto visual das páginas Web;

◦ Permite estruturar e descrever informação.

<html>

<body>

<font size="4">Micromputador</font>

<ul>

<li>Modelo: Pentium 4

<li>velocidade 1.5 GHz

<li>256MB de RAM

<li>Monitor de 17 polegadas

<li>Impressora HP Deskjet 930c

</ul>

</body>

</html>

<microcomputador>

<modelo>Pentium 4</modelo>

<velocidade>1.5 GHz</velocidade>

<ram>256Mb de memória</ram>

<monitor>17 polegadas</monitor>

<teclado>Sim</teclaco>

<mouse>Sim</mouse>

<estabilizador>Sim</estabilizador>

<impressora>Não</impressora>

</microcomputador>

HTML

XML

Visualizar Visualizar

A linguagem XML

<?xml version='1.0' encoding='ISO-8859-1'?>

<microcomputador>

<modelo>Pentium 4</modelo>

<velocidade>3.4</velocidade>

<ram>256</ram>

<monitor>

<marca>Samsung</marca>

<modelo>SyncMaster 551v</modelo>

</monitor>

<impressora>

<marca>HP</marca>

<modelo>Deskejet 930c</modelo>

</impressora>

</microcomputador>

Visualizar

Page 41: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

41

A linguagem XML:esquemas

<!ELEMENT livro (titulo,genero?,autor+,editora,ano)>

<!ELEMENT titulo (#PCDATA)>

<!ELEMENT genero (#PCDATA)>

<!ELEMENT autor (nome, dtnasc)>

<!ELEMENT nome (#PCDATA)>

<!ELEMENT dtnasc (#PCDATA)>

<!ELEMENT editora (#PCDATA)>

<!ELEMENT ano (#PCDATA)>

DTD (arquivo: “livro.dtd”)

<?xml version='1.0' encoding='ISO-8859-1'?>

<!DOCTYPE livro SYSTEM "livro.dtd">

<livro>

<titulo>A Rosa do Povo</titulo>

<genero>poesia</genero>

<autor>

<nome>Carlos Drummond de Andrade</nome>

<dtnasc>1902-10-31</dtnasc>

</autor>

<editora>José Olympio</editora>

<ano>1993</ano>

</livro>

XML (arquivo: “livro.xml”)

<xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema">

<xs:element name=“microcomputador">

<xs:complexType>

<xs:sequence>

<xs:element name=“modelo" type="xs:string"/>

<xs:element name=“velocidade" type="xs:numeric"/>

<xs:element name=“ram" type="xs:integer"/>

<xs:element name=“monitor" type="TMonitor"/>

<xs:element name=“impressora" type="TImpressora"/>

</xs:sequence>

</xs:complexType>

</xs:element>

<xs:complexType name="TMonitor">

<xs:sequence>

<xs:element name=“marca" type="xs:string"/>

<xs:element name=“modelo" type="xs:string"/>

</xs:sequence>

</xs:complexType>

</xs:schema>

<?xml version='1.0' encoding='ISO-8859-1'?>

<microcomputador xmlns:xsi="http://www.usp.br/micro.xsd">

<modelo>Pentium 4</modelo>

<velocidade>3.4</velocidade>

<ram>256</ram>

<monitor>

<marca>Samsung</marca>

<modelo>SyncMaster 551v</modelo>

</monitor>

<impressora>

<marca>HP</marca>

<modelo>Deskejet 930c</modelo>

</impressora>

</microcomputador>

XML Schema ( micro.xsd )

XML

A linguagem XML:esquemas

Page 42: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

42

A linguagem XML:xsl

� XSL (Extensible Stylesheet Language)◦ Fornece uma “folha de estilo” poderosa e

com uma sintaxe fácil para expressar como os documentos XML serão apresentados

◦ Podem ser desenvolvidas várias folhas de estilo de maneira que o mesmo documento XML pode ser apresentado de muitas formas diferentes.

A linguagem XML

Página XML

XML Schema

XSL1

XSL2

XSL3

Page 43: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

43

Aplicações das Linguagens de Marcação

MusicXML<?xml version="1.1" encoding="UTF-8" standalone="no"?>

<!DOCTYPE score-partwise PUBLIC

"-//Recordare//DTD MusicXML 1.1 Partwise//EN"

"http://www.musicxml.org/dtds/partwise.dtd">

<score-partwise>

<part-list>

<score-part id="P1">

<part-name>Music</part-name>

</score-part>

</part-list>

<part id="P1">

<measure number="1">

<attributes>

<divisions>1</divisions>

<key>

<fifths>0</fifths>

</key>

<time>

<beats>4</beats>

<beat-type>4</beat-type>

</time>

<clef>

<sign>G</sign>

<line>2</line>

</clef>

</attributes>

<note>

<pitch>

<step>C</step>

<octave>4</octave>

</pitch>

<duration>4</duration>

<type>whole</type>

</note>

</measure>

</part>

</score-partwise>

Page 44: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

44

VRML Virtual Reality Modeling Language

#VRML V2.0 utf8

# The VRML 2.0 Sourcebook

# Copyright (c) 1997

# Andrea L. Ames, David R. Nadeau, and John L. Moreland

Group {

children [

# Ground

Shape {

appearance DEF White Appearance {

material Material { }

}

geometry Box {

size 25.0 0.1 25.0 }},

# Left Column

Transform {

translation -2.0 3.0 0.0

children Shape {

appearance USE White

geometry Cylinder {

radius 0.3

height 6.0 }}},

# Right Column

Transform {

translation 2.0 3.0 0.0

children Shape {

appearance USE White

geometry Cylinder {

radius 0.3

height 6.0 }}},

# Archway span

Transform {

translation 0.0 6.05 0.0

children Shape {

appearance USE White

geometry Box {

size 4.6 0.4 0.6}}}]}

CMLChemical Markup Language

Adrenalina

<molecule>

<atomArray>

<atom id="a1" elementType="C" x3="-0.296900" y3="0.897900" z3="0.000000"/>

<atom id="a2" elementType="C" x3="-0.296900" y3="-0.612100" z3="0.000000"/>

<atom id="a3" elementType="C" x3="-1.627300" y3="1.656600" z3="0.000000"/>

<atom id="a4" elementType="C" x3="0.989600" y3="1.865500" z3="0.000000"/>

<atom id="a5" elementType="C" x3="-1.641900" y3="-1.378000" z3="0.000000"/>

<atom id="a6" elementType="C" x3="-2.957700" y3="0.886900" z3="0.000000"/>

<atom id="a7" elementType="C" x3="2.265000" y3="1.055500" z3="0.000000"/>

<atom id="a8" elementType="O" x3="0.007300" y3="3.067600" z3="0.000000"/>

<atom id="a9" elementType="C" x3="-2.965000" y3="-0.604700" z3="0.000000"/>

<atom id="a10" elementType="O" x3="-1.656600" y3="-2.932000" z3="0.000000"/>

<atom id="a11" elementType="N" x3="3.701700" y3="1.979100" z3="0.000000"/>

<atom id="a12" elementType="O" x3="-4.302700" y3="-1.363400" z3="0.000000"/>

<atom id="a13" elementType="C" x3="5.068700" y3="1.037200" z3="0.000000"/>

<atom id="a14" elementType="H" x3="2.144000" y3="2.884400" z3="0.000000"/>

</atomArray>

<bondArray>

<bond atomRefs2="a1 a2" order="1"/>

<bond atomRefs2="a1 a3" order="2"/>

<bond atomRefs2="a1 a4" order="1"/>

<bond atomRefs2="a2 a5" order="2"/>

<bond atomRefs2="a3 a6" order="1"/>

<bond atomRefs2="a4 a7" order="1"/>

<bond atomRefs2="a4 a8" order="1"/>

<bond atomRefs2="a5 a9" order="1"/>

<bond atomRefs2="a5 a10" order="1"/>

<bond atomRefs2="a7 a11" order="1"/>

<bond atomRefs2="a9 a12" order="1"/>

<bond atomRefs2="a11 a13" order="1"/>

<bond atomRefs2="a6 a9" order="2"/>

<bond atomRefs2="a4 a14" order="1"/>

</bondArray>

</molecule>

Page 45: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

45

MathMLMathematical Markup Language

<math>

<mrow>

<mi>x</mi>

<mo>=</mo>

<mfrac>

<mrow>

<mrow>

<mo>-</mo>

<mi>b</mi>

</mrow>

<mo>&PlusMinus;</mo>

...

...

<msqrt>

<mrow>

<msup>

<mi>b</mi>

<mn>2</mn>

</msup>

<mo>-</mo>

<mrow>

<mn>4</mn>

<mo>&InvisibleTimes;</mo>

<mi>a</mi>

<mo>&InvisibleTimes;</mo>

<mi>c</mi>

</mrow>

</mrow>

</msqrt>

</mrow>

<mrow>

<mn>2</mn>

<mo>&InvisibleTimes;</mo>

<mi>a</mi>

</mrow>

</mfrac>

</mrow>

</math>

MarcXML

Page 46: Automação de Unidades de Informação€¦ · vácuo ampliando o trabalho de Torricelli. É ainda o inventor da primeira máquina de calcular mecânica, a Pascaline. Filósofo,

07/03/2018

46

Referências bibliográficas

Livros importantes

http://www.pucrs.br/edipucrs/online/historiadacomputacao.pdf

Grátis: