Conceitos e tecnologias relacionadas à Internet:
Protocolos relevantes para aplicações Internet;
Princípios e arquitetura da Internet;
Linguagens de marcação, transformação e apresentação.
Usabilidade, Acessibilidade, Interoperabilidade em sistemas web
Aula 1
Lúcio Camilo – [email protected]
Lúcio Camilo
Bibliografia
●
http://www.w3schools.com/
Use a Cabeça HTML com CSS e XHTML, Freeman
e Freeman.
●
XML for Dummies, Lucinda Dykes
●
Lúcio Camilo
Protocolos relevantes para aplicações Internet;
Princípios e arquitetura da Internet;
Lúcio Camilo
Contextualização
A internet consiste de zilhões de dispositivos
clientes (consumidores de conteúdo) e outros
servidores (provedores de conteúdo) conectados
através de redes com fio e wireless.
Para que esta comunicação possa ocorrer
alguns protocolos são necessários.
Protocolo = conjunto de regras que os
computadores devem seguir para que a
comunicação entre eles permaneça estável e
funcional
Lúcio Camilo
Protocolos
●
IP – Responsável pelo endereçamento dos locais
da rede. Através deste protocolo é possível
identificar um computador em uma determinada
rede.
Lúcio Camilo
Protocolos
●
TCP/UDP – protocolos sobre os quais os dados
são transmitidos. Este protocolo define se hávera
garantia da entrega ou não.
Lúcio Camilo
Protocolos
●
DNS (Domain Name System) – sistema
hierárquico de gerenciamento de nomes de
domínios. É o protocolo responsável por traduzir
os nomes dos endereços da internet em números
IPs.
(53/UDP ou > 512bytes TCP)
Lúcio Camilo
Protocolos
●
POP3 (Post Office Protocol) – protocolo utilizado para acesso a
uma caixa de correio eletrônico. Remove as mensagens do
servidor. (110)
●
IMAP (Internet Message Access Protocol) – protocolo para
recebimento de emails. Não remove as mensagens do servidor.
(143)
●
SMTP (Simple Mail Transfer Protocol)- protocolo para envio de
emails. (25/TCP)
Lúcio Camilo
Protocolos
●
FTP (File Transfer Protocol)- responsável por
efetuar transferências de arquivos entre
máquinas. (20-Dados, 21-Controle)
Lúcio Camilo
Protocolos
●
●
HTTP (Hypertext Transfer Protocol) – protocolo
principal para acesso às informações disponíveis
na internet. Funciona por meio de Requisição –
Resposta.
(80/tcp ou 443 https)
Lúcio Camilo
HTTP - Hypertext Transfer Protocol
●
●
●
●
●
Qualquer informação que o servidor envia para o
cliente é feita através deste protocolo.
Protocolo Stateless, ou seja, não guarda o estado
do cliente.
A partir da versão 1.1 as conexões passaram a
ser persistentes, e uma mesma conexão pode ser
aproveitada para outras requisições.
Métodos: GET, POST, PUT, DELETE, OPTIONS,
HEAD E CONNECT.
Comunicação com os servidores acontece
sempre em par request/response
Lúcio Camilo
Lúcio Camilo
Linguagens de marcação,
transformação e apresentação
Lúcio Camilo
HTML (HyperText Markup Language)
●
●
●
●
●
Voltada para estruturação e apresentação visual
de documentos web.
Utiliza tags para formar o documento, possuindo
representativos para elementos que formam uma
página ou documentos.
Um elemento html deve possuir uma tag inicial
<elemento> e uma tag final </elemento>
O elemento raiz será sempre o <html>
Não é Case-Sensitive
Lúcio Camilo
Tags HTML
●
●
●
●
●
●
●
●
●
<html></html> inicia/termina um documento em HTML
<head></head> define a área do cabeçalho
<body></body> define a área visível do documento
<title></title> Coloca um título na barra do navegador
<b></b> texto em negrito
<a href=“”></a> link
<hr> linha horizontal
<ul></ul> lista não ordenada
<ol></ol> lista ordenada
Lúcio Camilo
XML
●
●
●
●
Metalinguagem de marcação com o objetivo de prover
intercâmbio de documentos através da Web, de forma
independente de sistemas operacionais ou formatos
de arquivos.
Diferente do HTML, não possui um conjunto prédefinido de tags ou elementos, podendo estes serem
definidos de acordo com o domínio dos dados e da
aplicação.
Não provê mecanismos para apresentação de dados
ou para ligação entre documentos.
É Case-Sensitive
Lúcio Camilo
XML - Regras
Bem Formado = Respeita as regras
de formação
1.
Documento XML que começar com uma declaração
XML, esta deverá ser a primeira:
2.
Todo documento XML deve ter um elemento raiz que
contém todos os outros
Todos elementos devem ter tags de fechamento
Tags XML são Case Sensitive
Valores de atributos devem estar entre aspas
(simples ou duplas)
Elementos devem estar aninhados, ou seja, devem
ser abertos e fechados na ordem correta
3.
4.
5.
6.
Lúcio Camilo
XHTML (eXtensible Hypertext Markup Language)
●
●
●
●
Combinação da Linguagem HTML com as regras do XML.
Objetivo: melhorar a acessibilidade, pois pode ser
interpretado por qualquer dispositivo, independente da
plataforma.
Case Sensitive
Documentos devem ser bem formados (respeitar as regras):
●
●
●
●
●
●
Lúcio Camilo
Obrigatório o fechamento das tags
Mesmo elementos vazios devem ser fechados
Devem ser corretamente aninhados
Obrigatório a declaração de DOCTYPE (especifica qual a
sintaxe usada no documento)
Todos os atributos devem ficar entre aspas, independente de
ser texto ou número.
Tags devem ser escritas em letras minúsculas.
DTD (Document Type Definition)
●
●
●
DTD é um documento que contém as regras que
definem quais as tags que podem ser usadas em um
documento XML, e quais são os valores válidos.
<!DOCTYPE note [ Define que o elemento raiz será “note”
<!ELEMENT note (to,from,heading,body)> Elemento “note” terá 4
element.
<!ELEMENT to (#PCDATA)> “to” será do tipo parsed character data
<!ELEMENT from (#PCDATA)>
<!ELEMENT heading (#PCDATA)>
<!ELEMENT body (#PCDATA)>
]>
Elementos podem ser do tipo PCDATA (Parsed) ou
CDATA (Character Data – dados que não sofrerão
interpretação)
Lúcio Camilo
DTD - Elementos
●
●
●
●
XML Válido = XML que pode ser
validado por algum DTD
<!ELEMENT element-name (child-name+)> + equivale
a 1 ou muitos
<!ELEMENT element-name (child-name*)> * equivale a
0 ou muitos
<!ELEMENT element-name (child-name?)> ?
equivale a 0 ou 1
<!ELEMENT note
(#PCDATA|to|from|header|message)*> elemento
note pode ter 0 ou muitas ocorrências pcdata dos
elementos to, from, header ou message
Lúcio Camilo
DTD - Atributos
●
●
●
●
●
<!ELEMENT square EMPTY>
<!ATTLIST square width CDATA "0"> Elemento
“square” é definido como um elemento vazio, com um
atributo “width” do tipo cdata com default = 0
XML equivalente = <square width = “100”/>
#REQUIRED = requerido
#IMPLIED = não é requerido
#FIXED value = valor fixo
Lúcio Camilo
XML Schema (XSD)
●
●
●
●
Simple Elements = Um elemento XML que contém
apenas texto. Não pode conter outros elementos ou
outros atributos.
<xs:element name="lastname" type="xs:string"/> =
<lastname>Refsnes</lastname>
Complex Elements = Um elemento XML que
contém outros elementos ou atributos
Sequence = indica que os elementos devem
aparecer na mesma ordem que foram declarados
Lúcio Camilo
Assunto
Recorrente!!!!
XML Bem Formado
x
XML Válido
Lúcio Camilo
CSS (Cascading Style Sheets)
●
●
●
Usada para definir o estilo utilizado na definição de apresentação de
documentos usados em HTML ou XML.
Provê separação entre o formato e conteúdo de um documento.
Seletores (elementos HTML) são usados para declarar a quais elementos
de marcação um estilo se aplica.
Seletores específicos especificam o estilo para um único elemento
Os elementos html que receberal um id=“para1” receberão o estilo
●
●
Seletores de classe são utilizados para especificar o estilo para um grupo
de elementos.
Neste exemplo todos
elementos html que tiverem class=“center” irão receber o estilo
Lúcio Camilo
CSS – Como Vincular
Externo:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
●
Interno:
<head>
<style>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>
●
Inline:
<p style="color:sienna;margin-left:20px">This is a paragraph.</p>
●
Prioridade: Inline, Interno, Externo
Lúcio Camilo
XSL Extensible Stylesheet Language
(XSLT, XPath e XSL-FO)
●
Dividida em três partes:
●
XSL Transformation (XSLT) -> uma linguagem para
transformar documentos XML. Ex: xml em xhtml
●
XSL Formatting Objects (XSL-FO) -> linguagem
para expecificar o formato visual de um documento
XML (exemplo gerar pdf)
●
XML Path Language (Xpath) -> linguagem para
usar navegar através de partes de um documento
XML
●
Lúcio Camilo
Transformações podem ocorrer tanto no lado
cliente (javascript por exemplo) ou no lado do
servidor (cross-browser)
DOM (Document Object Model)
●
●
●
O DOM é uma API de programação para documentos.
Representa fielmente a estrutura do documento que
modela usando árvores.
Utilizado para definir um padrão de acesso pelo
navegador em arquivos xml e html.
Lúcio Camilo
SAX (Simple API for XML)
●
●
●
SAX assim como DOM, também permite modelar e
manipular documentos XML, porém é uma API que
suporta eventos, ou seja, você pode disparar ações
quando uma determinada estrutura de tags ou valor é
encontrado.
É mais leve para rodar que o DOM, uma vez que
não carrega todo documento em memória.
Não gera uma estrutura hierárquica, já que os dados
são passados para a aplicação à medida que são
encontrados.
Lúcio Camilo
Questão 01 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software
No contexto de linguagens de marcação, transformação e apresentação, tem-se que
a) a linguagem de marcação HTML é adequada para apresentação (layout) de informações e
para troca de dados estruturados entre aplicações.
b) uma transformação expressa em XSLT descreve regras para transformar uma árvore fonte
em uma árvore resultado.
c) uma seção PCDATA de um documento XML contém instruções a serem ignoradas por um
parser XML quando da análise sintática.
d) um documento CSS (versão 2.1) pode conter uma regra composta de um bloco de
declaração seguido de zero ou mais seletores.
e) os diversos elementos raízes de um documento XML bem formado podem conter atributos
com mesmo nome.
Lúcio Camilo
Questão 01 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software
No contexto de linguagens de marcação, transformação e apresentação, tem-se que
a) a linguagem de marcação HTML é adequada para apresentação (layout) de informações e
para troca de dados estruturados entre aplicações. XML
b) uma transformação expressa em XSLT descreve regras para transformar uma árvore fonte
em uma árvore resultado.
c) uma seção PCDATA de um documento XML contém instruções a serem ignoradas por um
parser XML quando da análise sintática. Parser Character DATA
d) um documento CSS (versão 2.1) pode conter uma regra composta de um bloco de
declaração seguido de zero ou mais seletores. Mínimo 1 seletor
e) os diversos elementos raízes de um documento XML bem formado podem conter atributos
com mesmo nome. XML bem formado precisa ter apenas um elemento raiz.
Lúcio Camilo
Questão 02 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior – InfraEstrutura
<?xml version="1.0" encoding="utf-8"?>
<xs:schema elementFormDefault="qualified" xmlns:xs="http://www.w3.org/2001/XMLSchema">
<xs:element name="Endereco">
<xs:complexType>
<xs:sequence>
<xs:element name="Destinatario">
<xs:complexType>
<xs:sequence>
<xs:element name="Titulo">
<xs:simpleType>
<xs:restriction base="xs:string">
<xs:enumeration value="Sr." />
<xs:enumeration value="Sra." />
<xs:enumeration value="Srta." />
</xs:restriction>
</xs:simpleType>
</xs:element>
<xs:element name="Nome" type="xs:string" />
<xs:element name="Sobrenome" type="xs:string" minOccurs="0" />
</xs:sequence>
</xs:complexType>
</xs:element>
Questão 02 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior – InfraEstrutura
<xs:element name="Rua" type="xs:string" />
<xs:element name="Complemento" type="xs:string" />
<xs:element name="Cidade" type="xs:string" />
<xs:element name="CEP" type="xs:string" minOccurs="0" />
<xs:element name="Estado">
<xs:simpleType>
<xs:restriction base="xs:string">
<xs:enumeration value="RJ" />
<xs:enumeration value="SP" />
<xs:enumeration value="MG" />
<xs:enumeration value="ES" />
<xs:enumeration value="BA" />
</xs:restriction>
</xs:simpleType>
</xs:element>
</xs:sequence>
</xs:complexType>
</xs:element>
</xs:schema>
Um documento válido neste esquema é:
Lúcio Camilo
Questão 02 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior – InfraEstrutura
(A)
<Endereco xsi:noNamespaceSchemaLocation="J:\MeusDocs\Endereco.xsd" xmlns:xsi="http://www.
w3.org/2001/XMLSchema-instance">
<Destinatario>Sr. Jose Silva</Destinatario>
<Rua>Minha Rua</Rua>
<Complemento>no 1</Complemento>
<Cidade>Rio de Janeiro</Cidade>
<CEP>99999</CEP>
<Estado>MG</Estado>
</Endereco>
(B)
<?xml version="1.0" encoding="utf-8"?>
<Endereco xsi:noNamespaceSchemaLocation="J:\MeusDocs\Endereco.xsd" xmlns:xsi="http://www.
w3.org/2001/XMLSchema-instance"> <Destinatario><Titulo>Sr.</Titulo><Sobrenome>Silva</
Sobrenome></Destinatario>
<Rua>Minha Rua</Rua>
<Complemento>no 1</Complemento>
<Cidade>Rio de Janeiro</Cidade>
<CEP>99999</CEP>
<Estado>MG</Estado>
</Endereco>
Questão 02 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior – InfraEstrutura
(C)
<?xml version="1.0" encoding="utf-8"?>
<Endereco xsi:noNamespaceSchemaLocation="J:\MeusDocs\Endereco.xsd" xmlns:xsi="http://www.
w3.org/2001/XMLSchema-instance">
<Destinatario><Titulo>Sr.</Titulo><Nome>Joao</Nome></Destinatario>
<Rua>Minha Rua</Rua>
<Complemento>no 1</Complemento>
<Cidade>Rio de Janeiro</Cidade>
<CEP>99999</CEP>
<Estado>MG</Estado>
</Endereco>
(D)
<?xml version="1.0" encoding="utf-8"?>
<Endereco xsi:noNamespaceSchemaLocation="J:\MeusDocs\Endereco.xsd" xmlns:xsi="http://www.
w3.org/2001/XMLSchema-instance">
<Destinatario><Titulo>Sr.</Titulo><Nome>Silva</Nome></Destinatario>
<Complemento>no 1</Complemento>
<Rua>Minha Rua</Rua>
<Cidade>Rio de Janeiro</Cidade>
<CEP>99999</CEP>
<Estado>MG</Estado>
</Endereco>
Questão 02 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior – InfraEstrutura
(E)
<?xml version="1.0" encoding="utf-8"?>
<Endereco xsi:noNamespaceSchemaLocation="J:\MeusDocs\Endereco.xsd" xmlns:xsi="http:
//www.
w3.org/2001/XMLSchema-instance">
<Destinatario><Titulo>Sr.</Titulo><Nome>Silva</Nome></Destinatario>
<Rua>Minha Rua</Rua>
<Complemento>no 1</Complemento>
<Cidade>Rio de Janeiro</Cidade>
<CEP>99999</CEP>
<Estado>RS</Estado>
</Endereco>
Lúcio Camilo
Questão 02 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior – InfraEstrutura
Endereço (complex) - seq
Destinatario (complex) - seq
Titulo (Sr, Sra, Srta)
Nome
Sobrenome (opcional)
Rua
Complemento
Cidade
CEP(opcional)
Estado (RJ, SP, MG, ES, BA)
Lúcio Camilo
Questão 02 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior – InfraEstrutura
(A)
<Endereco xsi:noNamespaceSchemaLocation="J:\MeusDocs\Endereco.xsd" xmlns:xsi="http://www.
w3.org/2001/XMLSchema-instance">
<Destinatario>Sr. Jose Silva</Destinatario> Destinatario é “complexType”, portanto aonde estão os filhos “Titulo”, e “Nome”???
<Rua>Minha Rua</Rua>
<Complemento>no 1</Complemento>
<Cidade>Rio de Janeiro</Cidade>
<CEP>99999</CEP>
<Estado>MG</Estado>
</Endereco>
(B)
<?xml version="1.0" encoding="utf-8"?>
<Endereco xsi:noNamespaceSchemaLocation="J:\MeusDocs\Endereco.xsd" xmlns:xsi="http://www.
w3.org/2001/XMLSchema-instance"> <Destinatario><Titulo>Sr.</Titulo><Sobrenome>Silva</
Sobrenome></Destinatario> Sobrenome aparece primeiro, como Destinatario tem a tag sequence, Nome deverá obrigatoriamente
aparecer primeiro
<Rua>Minha Rua</Rua>
<Complemento>no 1</Complemento>
<Cidade>Rio de Janeiro</Cidade>
<CEP>99999</CEP>
<Estado>MG</Estado>
</Endereco>
Lúcio Camilo
Questão 02 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior – InfraEstrutura
(C)
<?xml version="1.0" encoding="utf-8"?>
<Endereco xsi:noNamespaceSchemaLocation="J:\MeusDocs\Endereco.xsd" xmlns:xsi="http://www.
w3.org/2001/XMLSchema-instance">
<Destinatario><Titulo>Sr.</Titulo><Nome>Joao</Nome></Destinatario>
<Rua>Minha Rua</Rua>
<Complemento>no 1</Complemento>
<Cidade>Rio de Janeiro</Cidade>
<CEP>99999</CEP>
<Estado>MG</Estado>
</Endereco>
(D)
<?xml version="1.0" encoding="utf-8"?>
<Endereco xsi:noNamespaceSchemaLocation="J:\MeusDocs\Endereco.xsd" xmlns:xsi="http://www.
w3.org/2001/XMLSchema-instance">
<Destinatario><Titulo>Sr.</Titulo><Nome>Silva</Nome></Destinatario>
<Complemento>no 1</Complemento> Fora de ordem...Rua deve vir primeiro pois tem a tag Sequence
<Rua>Minha Rua</Rua>
<Cidade>Rio de Janeiro</Cidade>
<CEP>99999</CEP>
<Estado>MG</Estado>
</Endereco>
Lúcio Camilo
Questão 02 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior – InfraEstrutura
(E)
<?xml version="1.0" encoding="utf-8"?>
<Endereco xsi:noNamespaceSchemaLocation="J:\MeusDocs\Endereco.
xsd" xmlns:xsi="http://www.
w3.org/2001/XMLSchema-instance">
<Destinatario><Titulo>Sr.</Titulo><Nome>Silva</Nome></Destinatario>
<Rua>Minha Rua</Rua>
<Complemento>no 1</Complemento>
<Cidade>Rio de Janeiro</Cidade>
<CEP>99999</CEP>
<Estado>RS</Estado> A tag restringe apenas as cidades que estão
definidas
</Endereco>
Lúcio Camilo
Questão 03 - CESGRANRIO - 2012 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software – 2012
Na linguagem XSL,
a) o XSD é o responsável por transformar documentos XML em XHTML.
b) o XSL-FO é o componente que permite a navegação através de um
documento XML.
c) o SVG é o componente responsável por descrever gráficos vetoriais
bidimensionais.
d) as regras de transformação residem em um arquivo DTD.
e) as transformações podem ocorrer tanto no servidor como no cliente.
Lúcio Camilo
Questão 03 - CESGRANRIO - 2012 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software – 2012
Na linguagem XSL,
a) o XSD é o responsável por transformar documentos XML em XHTML. XSD é XSL Schema.
Quem transforma é o XSLT.
b) o XSL-FO é o componente que permite a navegação através de um documento XML. Quem
permite a navegação é o Xpath. XSL-FO é muito utilizado para gerar PDFs a partir de um
documento XML
c) o SVG é o componente responsável por descrever gráficos vetoriais bidimensionais. – SVG
não tem nada a ver com XSL – Definição correta da linguagem SVG, porém não se aplica
ao que a questão pede.
d) as regras de transformação residem em um arquivo DTD. Regras de transformação residem
em um arquivo XSL. Validação pode resider um um DTD ou XSD.
e) as transformações podem ocorrer tanto no servidor como no cliente.
Lúcio Camilo
Questão 04 - CESGRANRIO - 2012 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software – 2012
Em um documento XHTML bem formado,
a) os elementos devem ser sempre fechados, exceto quando forem
elementos vazios.
b) os valores dos atributos são delimitados por aspas simples.
c) os nomes dos elementos podem ser escritos com letras caixa-alta ou
caixa-baixa.
d) a existência de um elemento raiz é obrigatória.
e) a declaração DOCTYPE pode, ou não, estar presente.
Lúcio Camilo
Questão 04 - CESGRANRIO - 2012 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software – 2012
Em um documento XHTML bem formado,
a) os elementos devem ser sempre fechados, exceto quando forem
elementos vazios.
b) os valores dos atributos são delimitados por aspas simples.
c) os nomes dos elementos podem ser escritos com letras caixa-alta ou
caixa-baixa.
d) a existência de um elemento raiz é obrigatória.
e) a declaração DOCTYPE pode, ou não, estar presente.
Lúcio Camilo
Questão 05 - CESGRANRIO - 2008 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software
Analise as afirmativas a seguir, sobre CSS (Cascading Style Sheets).
I - Uma folha de estilo CSS é um documento XML, em conformidade com o esquema XML xsd:css mantido pelo
consórcio W3C, o que constitui uma barreira inicial de adoção para organizações onde o layout e a programação
visual dos sites e portais são mantidas por profissionais de criação ao invés de desenvolvedores.
II - O uso de folhas de estilo CSS externas, em alternativa à marcação com atributos nos tags HTML e XHTML,
proporciona uma redução significativa da exigência de banda, melhorando a experiência do usuário e demandando
menos recursos dos servidores do site.
III - É possível especificar folhas de estilos diferentes para diferentes mídias em que a página será utilizada, o que
permite, por exemplo, que uma mesma página se apresente de forma diferente quando visualizada no browser e
impressa.
IV - O termo "Cascading", que, em Português, pode ser traduzido como "Em Cascata", reflete o fato de que, durante
a aplicação de estilos a um documento, os tags que satisfazem a mais de um seletor receberão apenas os atributos
de estilo do seletor especificado por último, ignorando todos os atributos de seletores anteriores.
Estão corretas APENAS as afirmativas
a) I e II
b) I e III
c) II e II
d) II e IV
e) III e IV
Lúcio Camilo
Questão 05 - CESGRANRIO - 2008 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software
Analise as afirmativas a seguir, sobre CSS (Cascading Style Sheets).
I - Uma folha de estilo CSS é um documento XML, em conformidade com o esquema XML xsd:css mantido pelo
consórcio W3C, o que constitui uma barreira inicial de adoção para organizações onde o layout e a programação
visual dos sites e portais são mantidas por profissionais de criação ao invés de desenvolvedores.
II - O uso de folhas de estilo CSS externas, em alternativa à marcação com atributos nos tags HTML e XHTML,
proporciona uma redução significativa da exigência de banda, melhorando a experiência do usuário e demandando
menos recursos dos servidores do site.
III - É possível especificar folhas de estilos diferentes para diferentes mídias em que a página será utilizada, o que
permite, por exemplo, que uma mesma página se apresente de forma diferente quando visualizada no browser e
impressa.
IV - O termo "Cascading", que, em Português, pode ser traduzido como "Em Cascata", reflete o fato de que, durante
a aplicação de estilos a um documento, os tags que satisfazem a mais de um seletor receberão apenas os atributos
de estilo do seletor especificado por último, ignorando todos os atributos de seletores anteriores. Receberá o estilo de
maior prioridade
Estão corretas APENAS as afirmativas
a) I e II
b) I e III
c) II e III
d) II e IV
e) III e IV
Lúcio Camilo
Questão 06 - CESGRANRIO - 2008 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software
Um tag XML válido do ponto de vista sintático é
a)<nome do cliente>Carlos da Silva</nome do cliente>
b) <_endereco tipo=“residencial”>Rua das Flores, 1234</_endereco>
c) <telefone numer=12345678 />
d) <*preferencial*/>
e) <profiss&atildde;0>Professor</profiss&tilde;o>
Lúcio Camilo
Questão 06 - CESGRANRIO - 2008 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software
Um tag XML válido do ponto de vista sintático é
a)<nome do cliente>Carlos da Silva</nome do cliente> espaçamento
dentro da tag
b) <_endereco tipo=“residencial”>Rua das Flores, 1234</_endereco>
c) <telefone numero=12345678 /> atributo sem aspas
d) <*preferencial*/> caracteres especiais
e) <profiss&atildde;0>Professor</profiss&tilde;o> caracteres especiais
Lúcio Camilo
Questão 07 - CESGRANRIO - 2012 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software – 2012
Sobre o XML DOM, que define uma forma padrão para acessar e manipular documentos
XML, considere as afirmativas a seguir.
I - Utiliza um modelo dirigido por eventos para ler documentos XML.
II - Por ser uma API definida através de uma linguagem de definição de interface (IDL), é
independente em relação a plataformas e linguagens de programação.
III - É bastante eficiente em relação ao consumo de memória, mesmo no caso de
grandes documentos XML.
É correto APENAS o que se afirma em
a) I
b) II
c) III
d) I e II
e) I e III
Lúcio Camilo
Questão 07 - CESGRANRIO - 2012 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software – 2012
Sobre o XML DOM, que define uma forma padrão para acessar e manipular documentos
XML, considere as afirmativas a seguir.
I - Utiliza um modelo dirigido por eventos para ler documentos XML. SAX
II - Por ser uma API definida através de uma linguagem de definição de interface (IDL), é
independente em relação a plataformas e linguagens de programação.
III - É bastante eficiente em relação ao consumo de memória, mesmo no caso de
grandes documentos XML. SAX
É correto APENAS o que se afirma em
a) I
b) II
c) III
d) I e II
e) I e III
Lúcio Camilo
Questão 08 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software – 2010
A tecnologia XML possui diversos padrões e especificações para linguagens de marcação, transformação e
apresentaçãode uso comum no ambiente Internet. Nesse contexto, analise as afirmativas abaixo.
I- A especificação DOM (Document Object Model ) possibilita o processamento de dados em formato XML
através deuma API orientada a eventos.
II-O padrão XSLT permite a transformação de arquivos em formato XML para outros formatos.
III-A especificação SAX (Simple API for XML) possibilita o processamento de dados em formato XML, contanto
que os mesmos estejam armazenados em memória principal.
É correto APENAS o que se afirma em:
a) II
b) III
c) I e II
d) I e III
e) II e III
Lúcio Camilo
Questão 08 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software – 2010
A tecnologia XML possui diversos padrões e especificações para linguagens de marcação, transformação e
apresentaçãode uso comum no ambiente Internet. Nesse contexto, analise as afirmativas abaixo.
I- A especificação DOM (Document Object Model ) possibilita o processamento de dados em formato XML
através deuma API orientada a eventos. (SAX)
II-O padrão XSLT permite a transformação de arquivos em formato XML para outros formatos.
III-A especificação SAX (Simple API for XML) possibilita o processamento de dados em formato XML, contanto
que os mesmos estejam armazenados em memória principal. SAX não carrega todo o conteúdo em
memória
É correto APENAS o que se afirma em:
a) II
b) III
c) I e II
d) I e III
e) II e III
Lúcio Camilo
Questão 09 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software – 2010
Palavra
Cor
I – ABC
P – Preto (cor padrão)
II – DEF
Q – Azul (blue)
III – GHI
R – Laranja (orange)
IV – JKL
S – Vermelho (red)
T – Verde (green)
Analisando o trecho em HTML acima,
relacione cada palavra à cor com que a
mesma será apresentada na página. Estão
corretas as associações:
(A)I–P, II–S, III–T, IV–P.
(B)I–P, II–T, III–S, IV–P.
(C)I–R, II–S, III–T, IV–Q.
(D)I–R, II–T, III–S, IV–Q.
(E)I–R, II–T, III–S, IV–P.
Lúcio Camilo
<html>
<head>
<style>
body{color:blue}
div{color:orange}
#x{color:red}
.x{color:green}
</style>
</head>
<body>
<div>
<p>ABC</p>
<p class="x">DEF</p>
<p id="x">GHI<p>
</div>
<p>JKL</p>
</body>
</html>
Questão 09 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software – 2010
A tag BODY (representa o fundo da página)
recebe a cor AZUL;
O elemento DIV, é utilizado para formatação de
blocos, nesse caso o bloco DIV ficará na cor
(LARANJA);
O id é um atributo que identifica um elemento, e é
único (dois elementos não podem ter o mesmo
id) e um seletor ID é um nome precedido por
um sustenido (#), nesse caso as linhas que
forem identificadas com esse ID, aparecerão
na cor VERMELHA;
Um seletor de classe é um nome precedido por
um ponto(.), .class identifica um grupo de
elementos, e vários elementos podem ter a
mesma class, nesse caso as linhas que
aparecerem precedidas pelo ponto, ficaram na
cor VERDE;
Lúcio Camilo
<html>
<head>
<style>
body{color:blue}
div{color:orange}
#x{color:red}
.x{color:green}
</style>
</head>
<body>
<div>
<p>ABC</p>
<p class="x">DEF</p>
<p id="x">GHI<p>
</div>
<p>JKL</p>
</body>
</html>
Questão 09 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software – 2010
Podemos observar que o único elemento que se
encontra fora da div é o JKL. Como este
elemento está apenas dentro do <body>, irá
receber a cor azul.
O item ABC está dentro da DIV, e não possui
nenhum identificador de classe ou de atributo,
portanto irá receber a cor laranja.
O item DEF possui um identificador de classe x,
portanto irá receber o conteúdo do style .x,
que é verde.
O item GHI possui um identificador x, recebendo,
portanto a cor vermelha.
Lúcio Camilo
<html>
<head>
<style>
body{color:blue}
div{color:orange}
#x{color:red}
.x{color:green}
</style>
</head>
<body>
<div>
<p>ABC</p>
<p class="x">DEF</p>
<p id="x">GHI<p>
</div>
<p>JKL</p>
</body>
</html>
Questão 09 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software – 2010
Palavra
Cor
I – ABC
P – Preto (cor padrão)
II – DEF
Q – Azul (blue)
III – GHI
R – Laranja (orange)
IV – JKL
S – Vermelho (red)
T – Verde (green)
Analisando o trecho em HTML acima,
relacione cada palavra à cor com que a
mesma será apresentada na página. Estão
corretas as associações:
(A)I–P, II–S, III–T, IV–P.
(B)I–P, II–T, III–S, IV–P.
(C)I–R, II–S, III–T, IV–Q.
(D)I–R, II–T, III–S, IV–Q.
(E)I–R, II–T, III–S, IV–P.
Lúcio Camilo
<html>
<head>
<style>
body{color:blue}
div{color:orange}
#x{color:red}
.x{color:green}
</style>
</head>
<body>
<div>
<p>ABC</p>
<p class="x">DEF</p>
<p id="x">GHI<p>
</div>
<p>JKL</p>
</body>
</html>
Questão 10 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software – 2010
<html>
<head>
<style type=”text/css”>
h1, h2 { color: blue }
h2 { text-decoration: underline }
h2.x { background-color: red; color:
black }
h2#y { background-color: green }
.z { text-decoration: none }
</style>
</head>
<body>
Texto
<h1>A</h1>
<h2>B</h2>
a) A
<h2 class=”x”>C</h2>
b) B
<h2 id=”x”>D</h2>
c) C
<h2 id=”y”class=”z”>E</h2>
d) D
</body>
e) E
</html>
Lúcio Camilo
A página, cujo código html é
apresentado acima, mostrará
nonavegador as letras A, B, C, D
e E. Cada uma com uma cor de
fonte, cor de fundo, e o texto
poderá estar ou não sublinhado.
Após análise do trecho de
código, tem- se a seguinte
relação entre o texto e sua
apresentação.
Cor Fonte
Cor Fundo
Sublinhado
Padrão
Azul (blue)
Sim
Padrão
Azul (blue)
Não
Preto (black)
Vermelho (red)
Sim
Preto (black)
Vermelho (red)
Não
Azul (blue)
Verde (green)
Sim
Questão 10 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software – 2010
<html>
<head>
<style type=”text/css”>
h1, h2 { color: blue }
h2 { text-decoration: underline }
h2.x { background-color: red; color:
black }
h2#y { background-color: green }
.z { text-decoration: none }
</style>
</head>
<body>
Texto
<h1>A</h1>
a) A
<h2>B</h2>
<h2 class=”x”>C</h2>
b) B
<h2 id=”x”>D</h2>
c) C
<h2 id=”y”class=”z”>E</h2> d) D
</body>
e) E
</html>
Lúcio Camilo
A letra “A” está recebendo a tag h1 e ficará
AZUL.
A letra “B” está recebendo h2, então ficará
na cor AZUL e SUBLINHADO.
A letra “C” possui a classe ‘x’, lembrando
que o seletor de classe é o .class, então
receberá o fundo VERMELHO e a cor
PRETA.
A letra “D” irá receber apenas as cores do
estilo de h2, então será cor azul e
sublinhado.
A letra “E” receberá o estilo do id “y” e da
classe “z”.
Cor Fonte
Cor Fundo
Sublinhado
Padrão
Azul (blue)
Sim
Padrão
Azul (blue)
Não
Preto (black)
Vermelho (red)
Sim
Preto (black)
Vermelho (red)
Não
Azul (blue)
Verde (green)
Sim
Usabilidade, Acessibilidade,
Interoperabilidade em sistemas
web
Lúcio Camilo
Usabilidade
Propriedade que um produto possui quando pode ser utilizado por seus
usuários de forma que eles atinjam seus objetivos com eficiência e satisfação.
● Jakob Nielsen é o analista de usabilidade mais conhecido.
● 10 heurísticas de Nielsen (10 itens para avaliação de usabilidade em um site)
●
1.
●
2.
●
3.
●
4.
●
5.
●
Lúcio Camilo
Feedback (Visibilidade de Status do Sistema)
A interface deve sempre informar ao usuário o que está sendo feito,
fornecendo um feedback constante.
Falar a Linguagem do Usuário
A terminologia deve ser baseada na linguagem do usuário e não do sistema,
com informações organizadas conforme modelo mental do usuário
Liberdade e Controle do Usuário
Usuário deve poder desfazer ou refazer a ação no sistema e retornar ao ponto
anterior.
Consistência
Um mesmo comando deve ter sempre o mesmo efeito, apresentada e
formatada da mesma maneira para facilitar o reconhecimento.
Previnir Erros
Evitar situações de erro, como por exemplo alertar sobre ações definitivas que
possam ser tomadas
Usabilidade
6.
●
7.
●
8.
●
9.
●
10.
●
Lúcio Camilo
Minimizar Sobrecarga de Memória do Usuário
O sistema deve mostrar elementos de diálogos e permitir que o usuário
faça suas escolhas sem precisar se recordar de um comando
específico.
Atalhos
Usuários mais experientes devem ser capazes de executarem as
operações mais rapidamente através de abreviações, teclas de função,
clique do mouse entre outros.
Diálogos simples e naturais
Elementos de diálogo devem evitar mais informações do que o usuário
precisa saber e devem ocorrer apenas nos momentos necessários.
Boas Mensagens de Erro
Linguagem clara e sem códigos, sem culpar o usuário ou tentar
intimidá-lo com o erro, devendo indicar uma solução ou uma saída
construtiva.
Ajuda e Documentação
Um bom software deve evitar ao máximo a necessidade de ajuda na
utilização do sistema, mas mesmo assim, deve existir uma boa
documentação e formas de auxiliar o usuário quando necessário.
Usabilidade
●
●
O teste de usabilidade é uma técnica formal
que pode envolver usuários representando a
população alvo para aquele determinado
sistema. Estes usuários são designados para
desenvolver tarefas típicas e críticas havendo
com isso uma coleta de dados para serem
posteriormente analisados.
A inspeção de usabilidade utiliza como base
um conjunto de checklistspara verificar
questões básicas referentes à usabilidade e
registrar defeitos de usabilidade encontrados
durante este processo.
Lúcio Camilo
Questão 11 - CESGRANRIO - 2010 - EPE - Analista de Gestão Corporativa - Tecnologia da
Informação
Um novo sistema de informação interno de uma empresa está sendo testado por um
grupo restrito de usuários, fora do ambiente dos desenvolvedores. Isso caracteriza o
teste
a) de unidade.
b) de usabilidade.
c) alfa.
d) beta.
e) de stress.
Lúcio Camilo
Questão 11 - CESGRANRIO - 2010 - EPE - Analista de Gestão Corporativa - Tecnologia da
Informação
Um novo sistema de informação interno de uma empresa está sendo testado por um
grupo restrito de usuários, fora do ambiente dos desenvolvedores. Isso caracteriza o
teste
a) de unidade. – testes em componentes individuais - menor unidade de teste
b) de usabilidade. Testes de usabilidade precisam ser fora do ambiente dos
desenvolvedores? Esta informando o tipo de teste?
c) alfa. – teste realizado no ambiente do desenvolvedor
d) beta. – caracterizado por ser realizado fora do ambiente do desenvolvedor
e) de stress. – verificar o limite funcional de um software
Lúcio Camilo
Questão 12 - CESGRANRIO - 2010 - ELETROBRÁS - Analista de Sistemas Júnior Engenharia de Software
O presidente de uma empresa solicita um novo sistema de informação e pede atenção
para que o sistema possua uma interface intuitiva e muito fácil de utilizar. Durante o
desenvolvimento desse sistema, o tipo de teste que deve ser realizado com redobrada
atenção é o de
a) stress.
b) destruição.
c) desempenho.
d) segurança.
e) usabilidade.
Lúcio Camilo
Questão 12 - CESGRANRIO - 2010 - ELETROBRÁS - Analista de Sistemas Júnior Engenharia de Software
O presidente de uma empresa solicita um novo sistema de informação e pede atenção
para que o sistema possua uma interface intuitiva e muito fácil de utilizar. Durante o
desenvolvimento desse sistema, o tipo de teste que deve ser realizado com redobrada
atenção é o de
a) stress. – verificar limite operacional
b) destruição. -?
c) desempenho. –verificar desempenho
d) segurança. –verificar segurança
e) usabilidade.
Lúcio Camilo
Questão 13 - CESGRANRIO - 2010 - BACEN - Analista do Banco Central - Área 1
Uma empresa, contratada para desenvolver uma aplicação standalone de análise
financeira, deve utilizar um manual de orientações para construção da interface
gráfica dessa aplicação. De acordo com as heurísticas de Nielsen, qual é a
orientação INCORRETA apresentada nesse manual?
a) Um mesmo comando deve provocar efeitos distintos, de acordo com o nível do
usuário.
b) Os usuários devem ser informados sobre o que estão fazendo, com feedback
imediato.
c) Os diálogos devem conter somente informações relevantes e necessárias.
d) A terminologia deve ser baseada na linguagem do usuário e não orientada ao
sistema.
e) A interface deve ter convenções que não sejam ambíguas.
Lúcio Camilo
Questão 13 - CESGRANRIO - 2010 - BACEN - Analista do Banco Central - Área 1
Uma empresa, contratada para desenvolver uma aplicação standalone de análise
financeira, deve utilizar um manual de orientações para construção da interface gráfica
dessa aplicação. De acordo com as heurísticas de Nielsen, qual é a
orientação INCORRETA apresentada nesse manual?
a) Um mesmo comando deve provocar efeitos distintos, de acordo com o nível do usuário.
b) Os usuários devem ser informados sobre o que estão fazendo, com feedback imediato.
Feedback
c) Os diálogos devem conter somente informações relevantes e necessárias. Diálogos
simples
d) A terminologia deve ser baseada na linguagem do usuário e não orientada ao sistema.
Falar a linguagem do usuário
e) A interface deve ter convenções que não sejam ambíguas. Consistência
Lúcio Camilo
Questão 14 - CESGRANRIO - 2008 - Petrobrás - Analista de Sistemas Júnior - Processos
de Negócios
Assinale a opção que NÃO expressa um princípio de projeto de interface com o
usuário.
a) Reduzir a demanda de memória de curto prazo do usuário.
b) Basear o layout visual em uma metáfora do mundo real.
c) Permitir que a interação com o usuário seja interruptível e possa ser desfeita
(undo).
d) Estabelecer defaults (para escolhas e preenchimento de formulários) que façam
sentido para o usuário.
e) Mostrar informações completas a priori, permitindo que o usuário reduza o nível de
detalhe se desejar.
Lúcio Camilo
Questão 14 - CESGRANRIO - 2008 - Petrobrás - Analista de Sistemas Júnior - Processos
de Negócios
Assinale a opção que NÃO expressa um princípio de projeto de interface com o
usuário.
a) Reduzir a demanda de memória de curto prazo do usuário. Minimizar Sobrecarga
de Memória do Usuário
b) Basear o layout visual em uma metáfora do mundo real. Pressman define que o
layout visual da interface deve se basear na metáfora do mundo real. Intuitividade.
c) Permitir que a interação com o usuário seja interruptível e possa ser desfeita
(undo). Controle do usuário
d) Estabelecer defaults (para escolhas e preenchimento de formulários) que façam
sentido para o usuário. Segundo Pressman, deve-se estabelecer defaults
significativos
e) Mostrar informações completas a priori, permitindo que o usuário reduza o nível de
detalhe se desejar. Segundo Nielsen, deve-se apresentar exatamente a informação
que o usuário precisa, no momento em que precisa.
Lúcio Camilo
Questão 15 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Processos
de Negócios
Nos testes de usabilidade de um sistema Web, foi definido um conjunto de tarefas a serem
realizadas nesse sistema, assim como foi selecionado um conjunto de potenciais usuários
para realizar essas tarefas. É atribuição dos membros da equipe de desenvolvimento do
sistema Web, que aplica os testes,
a) assegurar que os usuários que realizam as diversas tarefas tenham o mesmo nível de
experiência na realização das tarefas e já tenham sido treinados no uso do sistema.
b) solicitar aos usuários o uso do menor número de comandos possível para realizar cada
tarefa, no caso de haver mais de uma maneira de realizá-la.
c) instruir aos usuários que permaneçam em silêncio durante a realização das tarefas, para
que o conhecimento de seu modelo mental não influencie nos resultados dos testes.
d) usar os tempos e as taxas de sucesso coletados na realização de cada tarefa para
posterior geração de relatórios com resultados dos testes.
e) apresentar os casos de uso do sistema aos usuários, para que indiquem inconsistências
entre os casos apresentados e a interface gráfica correspondente.
Lúcio Camilo
Questão 15 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Processos
de Negócios
Nos testes de usabilidade de um sistema Web, foi definido um conjunto de tarefas a serem
realizadas nesse sistema, assim como foi selecionado um conjunto de potenciais usuários
para realizar essas tarefas. É atribuição dos membros da equipe de desenvolvimento do
sistema Web, que aplica os testes,
a) assegurar que os usuários que realizam as diversas tarefas tenham o mesmo nível de
experiência na realização das tarefas e já tenham sido treinados no uso do sistema.
b) solicitar aos usuários o uso do menor número de comandos possível para realizar cada
tarefa, no caso de haver mais de uma maneira de realizá-la.
c) instruir aos usuários que permaneçam em silêncio durante a realização das tarefas, para
que o conhecimento de seu modelo mental não influencie nos resultados dos testes.
d) usar os tempos e as taxas de sucesso coletados na realização de cada tarefa para
posterior geração de relatórios com resultados dos testes.
e) apresentar os casos de uso do sistema aos usuários, para que indiquem inconsistências
entre os casos apresentados e a interface gráfica correspondente.
Lúcio Camilo
Acessibilidade
Recomendações:
• 1. Fornecer alternativas equivalentes ao conteúdo sonoro e visual
• 2. Não recorrer apenas à cor (podem causar confusão)
• 3. Utilizar corretamente marcações e folhas de estilo
• 4. Indicar claramente qual o idioma utilizado (html lang="código do idioma“)
• 5. Criar tabelas passíveis de transformação harmoniosa (pelos navegadores
que irão lê-las)
• 6. Assegurar que as páginas dotadas de novas tecnologias sejam
transformadas harmoniosamente
• 7. Assegurar o controle do usuário sobre as alterações temporais do conteúdo
• 8. Assegurar a acessibilidade direta de interfaces do usuário integradas
• 9. Projetar páginas considerando a independência de dispositivos (não criar
atalhos ou tabindex por exemplo)
• 10. Utilizar soluções de transição (não faça transição sem avisar ao usuário)
• 11. Utilizar tecnologias e recomendações do W3C
• 12. Fornecer informações de contexto e orientações
• 13. Fornecer mecanismos de navegação claros
• 14. Assegurar a clareza e a simplicidade dos documentos
Lúcio Camilo
Questão 16 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Processos
de Negócios
A User Agent Accessibility Guidelines 2.0 (UAAG 2.0) é parte de uma série de boas práticas
sobre acessibilidade publicada pelo W3C Web Accessibility Initiative (WAI) e preconiza que
web sites devem ser acessíveis para pessoas portadoras de necessidades especiais. Qual
das alternativas a seguir está de acordo com a construção de sistemas Web mais
acessíveis para uma faixa maior de pessoas com tais necessidades?
a) Usar código em JavaScript no lado cliente para implementar a navegação entre páginas
HTML.
b) Usar cores para enfatizar elementos em partes menos visíveis de uma página HTML.
c) Restringir o conteúdo alternativo ao mínimo possível na construção das páginas HTML.
d) Testar o acesso às páginas HTML em um navegador (browser) com acesso em modo
textual.
e) Organizar tabelas das páginas HTML para que cada tabela possa ser lida em uma
coluna por vez.
Lúcio Camilo
Questão 16 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Processos
de Negócios
A User Agent Accessibility Guidelines 2.0 (UAAG 2.0) é parte de uma série de boas práticas
sobre acessibilidade publicada pelo W3C Web Accessibility Initiative (WAI) e preconiza que
web sites devem ser acessíveis para pessoas portadoras de necessidades especiais. Qual das
alternativas a seguir está de acordo com a construção de sistemas Web mais acessíveis para
uma faixa maior de pessoas com tais necessidades?
a) Usar código em JavaScript no lado cliente para implementar a navegação entre páginas
HTML. Navegadores de modo textual podem ter problemas para interpretar o javascript
b) Usar cores para enfatizar elementos em partes menos visíveis de uma página HTML. Pode
tornar poluída a interface
c) Restringir o conteúdo alternativo ao mínimo possível na construção das páginas HTML.
Uma recomendação é a de fornecer alternativas ao conteúdo sonoro e visual, já que não se
sabe a deficiência do usuário
d) Testar o acesso às páginas HTML em um navegador (browser) com acesso em modo
textual.
e) Organizar tabelas das páginas HTML para que cada tabela possa ser lida em uma coluna
por vez. A utilização de tabelas não é recomendado para layout de páginas pois estas
interferem nos leitores de tela
Lúcio Camilo
Interoperabilidade
Web Services
Registro dos Serviços – Diretório
com as informações sobre os
serviços.
Provedor de Serviço –
Responsável pela descrição e
publicação de um determinado
serviço web no registro dos
serviços.
Consumidor – Responsável por
descobrir, obter a descrição e
utilizar o serviço.
Lúcio Camilo
SOAP (Simple Object Access Protocol)
Protocolo para a troca de informações estruturadas
em uma plataforma descentralizada e distribuída.
Indepentente de implementação específica.
Possibilita comunicação entre processos diferentes,
construídos em linguagens diferentes.
Baseado em XML
Lúcio Camilo
ESTRUTURA SOAP
Mensagem SOAP é composta por:
Envelope = Elemento raiz. Contém
declarações de namespaces e define o
documento XML como uma mensagem
SOAP
Header = contém informação de controle
e processamento (autenticação por
exemplo)
Body = contém informação da chamada
ou da resposta da mensgem
Lúcio Camilo
Lúcio Camilo
WSDL (Web Service Description
Language)
●
●
●
Linguagem baseada em XML utilizada para
descrever Web Services.
Funciona como um contrato do serviço.
Além de descrever o serviço, especifica como
acessá-lo e quais as operações ou métodos
disponíveis.
Lúcio Camilo
ESTRUTURA DO
WSDL
Parte Abstrata – descreve a interface do serviço
Parte Concreta – define o protocolo e o
endereço aonde o serviço será localizado
Lúcio Camilo
Elementos
Descrição
<types>
Especifica os tipos de dados trocados
<message>
Descreve as mensagens que são trocadas
entre o serviço e o consumidor
<portType>
Conjunto de operações suportadas pelo
serviço
<binding>
Detalhes de como as mensagens serão
transmitidas
Lúcio Camilo
UDDI (Universal Description Discovery and Integration)
●
●
●
Especificação que define um serviço de registro para
Web Services
Protocolo para descobrir, registrar e integrar web
services
Clientes utilizam o UDDI para obter informações
sobre os serviços que lhe interessam e obter os
metadados necessários para utilizar estes serviços
Lúcio Camilo
REST (Representational State Transfer)
●
●
●
●
●
Alternativa na utilização de Web Services
Baseado em HTTP
Utiliza um conjunto de operações bem definidas
(POST, GET, PUT e DELETE)
Serviços são consumidos através de URLs, por
exemplo:
http://www.thomas-bayer.com/sqlrest/CUSTOMER/
Lúcio Camilo
Questão 17 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Processos
de Negócios
É uma característica inerente à tecnologia de serviços Web (Web services) o uso do
a) protocolo SAX para permitir a localização de serviços Web disponíveis em uma
rede.
b) WSDL para a definição de diretórios de serviços Web, para que os mesmos sejam
encontrados em uma intranet.
c) UDDI para identificação do usuário remetente da requisição endereçada ao serviço
Web.
d) XML para dar suporte à comunicação, independente de plataforma de hardware,
entre aplicações.
e) XHTML para produzir o resultado de uma requisição feita ao serviço Web.
Lúcio Camilo
Questão 17 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Processos
de Negócios
É uma característica inerente à tecnologia de serviços Web (Web services) o uso do
a) protocolo SAX para permitir a localização de serviços Web disponíveis em uma
rede. API para parser de XML
b) WSDL para a definição de diretórios de serviços Web, para que os mesmos sejam
encontrados em uma intranet. WSDL é para descrição de web services
c) UDDI para identificação do usuário remetente da requisição endereçada ao serviço
Web. UDDI é para localização de web services
d) XML para dar suporte à comunicação, independente de plataforma de hardware,
entre aplicações.
e) XHTML para produzir o resultado de uma requisição feita ao serviço Web. – a
tecnologia de web services não define a obrigatoriedade de resultados serem em
xhtml
Lúcio Camilo
Questão 18 - CESGRANRIO - 2008 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software
A interoperabilidade entre aplicações nos dias atuais é fortemente baseada no uso de
web services. Duas abordagens arquiteturais distintas para o projeto e implementação
de web services têm-se firmado no cenário de tecnologia. São elas:
a) REST e WS-*
b) SOAP e WSDL
c) RPC e RMI
d) SGML e HTML
e) B2B e B2C
Lúcio Camilo
Questão 18 - CESGRANRIO - 2008 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software
A interoperabilidade entre aplicações nos dias atuais é fortemente baseada no uso de
web services. Duas abordagens arquiteturais distintas para o projeto e implementação
de web services têm-se firmado no cenário de tecnologia. São elas:
a) REST e WS-*
b) SOAP e WSDL
c) RPC e RMI
d) SGML e HTML
e) B2B e B2C
Lúcio Camilo
Questão 19 - CESGRANRIO - 2012 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software
Qual linguagem baseada em XML é usada para descrever serviços Web (Web
services)?
(A) XML Schema
(B) WSDL
(C) XLink
(D) XPointer
(E) SOAP
Lúcio Camilo
Questão 20 - CESGRANRIO - 2012 - Petrobrás - Analista de Sistemas Júnior - Engenharia
de Software
Qual linguagem baseada em XML é usada para descrever serviços Web (Web
services)?
(A) XML Schema - linguagem baseada em XML para definição de regras de validação
(B) WSDL
(C) Xlink – é uma especificação que provÊ métodos para criar links internos e
externos com outros documentos XML
(D) Xpointer - é um sistema para endereçamento de componentes XML
(E) SOAP – protocolo para utilização de web services
Lúcio Camilo
Questão 21 - CESGRANRIO - 2011 - Petrobrás - Analista de Sistemas Júnior – Processos
de Negócios
O principal uso da internet (www) é o acesso interativo a documentos e aplicações, na
maioria dos casos, acessados por pessoas. Entretanto, cresce significantemente o
uso dessa arquitetura para comunicação e interoperabilidade através do web-service.
Em geral, os web-services oferecem serviços para sua descoberta e para sua
descrição, representados, respectivamente, por:
(A) SOAP e WSDL
(B) UDDI e SOAP
(C) UDDI e WSDL
(D) URI e SOAP
(E) URI e WSDL
Lúcio Camilo
Questão 21 - CESGRANRIO - 2011 - Petrobrás - Analista de Sistemas Júnior – Processos
de Negócios
O principal uso da internet (www) é o acesso interativo a documentos e aplicações, na
maioria dos casos, acessados por pessoas. Entretanto, cresce significantemente o
uso dessa arquitetura para comunicação e interoperabilidade através do web-service.
Em geral, os web-services oferecem serviços para sua descoberta e para sua
descrição, representados, respectivamente, por:
(A) SOAP e WSDL
(B) UDDI e SOAP
(C) UDDI e WSDL
(D) URI e SOAP
(E) URI e WSDL
Lúcio Camilo
UDDI –
Localizar
serviços
WSDL –
Descrever
Serviços
Gabarito
1- B
8- A
15- D
2- C
9- D
16- D
3- E
10- C
17- D
4- D
11- D
18- A
5- C
12- E
19- B
6- B
13- A
20- B
7- B
14- E
21- C
Lúcio Camilo
Download

p - ITnerante