92
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 Lúcio Camilo Aula 1 Lúcio Camilo – [email protected]

Tecnologia Internet IT1

Embed Size (px)

Citation preview

Page 1: Tecnologia Internet IT1

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

Lúcio Camilo

Aula 1Lúcio Camilo – [email protected]

Page 2: Tecnologia Internet IT1

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

Page 3: Tecnologia Internet IT1

Protocolos relevantes para aplicações Internet; Princípios e arquitetura da Internet;

Lúcio Camilo

Page 4: Tecnologia Internet IT1

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

Page 5: Tecnologia Internet IT1

● 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

Page 6: Tecnologia Internet IT1

● 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

Page 7: Tecnologia Internet IT1

● 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

Page 8: Tecnologia Internet IT1

● 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

Page 9: Tecnologia Internet IT1

● FTP (File Transfer Protocol)- responsável por efetuar transferências de arquivos entre máquinas. (20-Dados, 21-Controle)

Lúcio Camilo

Protocolos

Page 10: Tecnologia Internet IT1

● 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

Protocolos

Page 11: Tecnologia Internet IT1

● 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

HTTP - Hypertext Transfer Protocol

Page 12: Tecnologia Internet IT1

Lúcio Camilo

Page 13: Tecnologia Internet IT1

Linguagens de marcação, transformação e apresentação

Lúcio Camilo

Page 14: Tecnologia Internet IT1

● 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

HTML (HyperText Markup Language)

Page 15: Tecnologia Internet IT1

● <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

Tags HTML

Page 16: Tecnologia Internet IT1

● 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

Page 17: Tecnologia Internet IT1

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

3. Todos elementos devem ter tags de fechamento4. Tags XML são Case Sensitive5. Valores de atributos devem estar entre aspas

(simples ou duplas)6. Elementos devem estar aninhados, ou seja, devem

ser abertos e fechados na ordem correta

Lúcio Camilo

XML - Regras Bem Formado = Respeita as regras de formação

Page 18: Tecnologia Internet IT1

● 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):

● 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.

Lúcio Camilo

XHTML (eXtensible Hypertext Markup Language)

Page 19: Tecnologia Internet IT1

● 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 (Document Type Definition)

Page 20: Tecnologia Internet IT1

● <!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 - Elementos XML Válido = XML que pode ser validado por algum DTD

Page 21: Tecnologia Internet IT1

● <!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

DTD - Atributos

Page 22: Tecnologia Internet IT1

● 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

XML Schema (XSD)

Page 23: Tecnologia Internet IT1

Lúcio Camilo

XML Bem Formado x

XML Válido

Assunto Recorrente!!!!

Page 24: Tecnologia Internet IT1

● 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 elementoOs 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 (Cascading Style Sheets)

Page 25: Tecnologia Internet IT1

● 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, ExternoLúcio Camilo

CSS – Como Vincular

Page 26: Tecnologia Internet IT1

● 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

● Transformações podem ocorrer tanto no lado cliente (javascript por exemplo) ou no lado do servidor (cross-browser)

Lúcio Camilo

XSL Extensible Stylesheet Language (XSLT, XPath e XSL-FO)

Page 27: Tecnologia Internet IT1

● 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

DOM (Document Object Model)

Page 28: Tecnologia Internet IT1

● 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

SAX (Simple API for XML)

Page 29: Tecnologia Internet IT1

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

Page 30: Tecnologia Internet IT1

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

Page 31: Tecnologia Internet IT1

Questão 02 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior – Infra-Estrutura

<?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>

Page 32: Tecnologia Internet IT1

Questão 02 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior – Infra-Estrutura

<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

Page 33: Tecnologia Internet IT1

Questão 02 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior – Infra-Estrutura

(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>

Page 34: Tecnologia Internet IT1

Questão 02 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior – Infra-Estrutura

(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>

Page 35: Tecnologia Internet IT1

Questão 02 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior – Infra-Estrutura

(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

Page 36: Tecnologia Internet IT1

Questão 02 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior – Infra-Estrutura

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

Page 37: Tecnologia Internet IT1

Questão 02 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior – Infra-Estrutura

(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

Page 38: Tecnologia Internet IT1

Questão 02 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior – Infra-Estrutura

(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

Page 39: Tecnologia Internet IT1

Questão 02 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior – Infra-Estrutura

(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

Page 40: Tecnologia Internet IT1

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

Page 41: Tecnologia Internet IT1

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

Page 42: Tecnologia Internet IT1

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

Page 43: Tecnologia Internet IT1

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

Page 44: Tecnologia Internet IT1

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

Page 45: Tecnologia Internet IT1

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

Page 46: Tecnologia Internet IT1

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

Page 47: Tecnologia Internet IT1

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

Page 48: Tecnologia Internet IT1

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

Page 49: Tecnologia Internet IT1

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

Page 50: Tecnologia Internet IT1

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

Page 51: Tecnologia Internet IT1

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

Page 52: Tecnologia Internet IT1

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)

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>

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.

Page 53: Tecnologia Internet IT1

Questão 09 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Engenharia de Software – 2010

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>

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;

Page 54: Tecnologia Internet IT1

Questão 09 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Engenharia de Software – 2010

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>

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.

Page 55: Tecnologia Internet IT1

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)

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>

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.

Page 56: Tecnologia Internet IT1

Questão 10 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Engenharia de Software – 2010

Lúcio Camilo

<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> <h1>A</h1> <h2>B</h2> <h2 class=”x”>C</h2> <h2 id=”x”>D</h2> <h2 id=”y”class=”z”>E</h2> </body></html>

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.

Texto Cor Fonte Cor Fundo Sublinhado

a) A Padrão Azul (blue) Sim

b) B Padrão Azul (blue) Não

c) C Preto (black) Vermelho (red) Sim

d) D Preto (black) Vermelho (red) Não

e) E Azul (blue) Verde (green) Sim

Page 57: Tecnologia Internet IT1

<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> <h1>A</h1> <h2>B</h2> <h2 class=”x”>C</h2> <h2 id=”x”>D</h2> <h2 id=”y”class=”z”>E</h2> </body></html>

Questão 10 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Engenharia de Software – 2010

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”.

Texto Cor Fonte Cor Fundo Sublinhado

a) A Padrão Azul (blue) Sim

b) B Padrão Azul (blue) Não

c) C Preto (black) Vermelho (red) Sim

d) D Preto (black) Vermelho (red) Não

e) E Azul (blue) Verde (green) Sim

Page 58: Tecnologia Internet IT1

Lúcio Camilo

Usabilidade, Acessibilidade, Interoperabilidade em sistemas web

Page 59: Tecnologia Internet IT1

Lúcio Camilo

● 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. Feedback (Visibilidade de Status do Sistema)● A interface deve sempre informar ao usuário o que está sendo feito,

fornecendo um feedback constante.2. 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ário3. Liberdade e Controle do Usuário● Usuário deve poder desfazer ou refazer a ação no sistema e retornar ao ponto

anterior.4. Consistência● Um mesmo comando deve ter sempre o mesmo efeito, apresentada e

formatada da mesma maneira para facilitar o reconhecimento.5. Previnir Erros● Evitar situações de erro, como por exemplo alertar sobre ações definitivas que

possam ser tomadas

Usabilidade

Page 60: Tecnologia Internet IT1

Lúcio Camilo

6. 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.

7. 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.

8. 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.9. 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.

10. 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

Page 61: Tecnologia Internet IT1

Lúcio Camilo

● 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.

Usabilidade

Page 62: Tecnologia Internet IT1

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.

Questão 11 - CESGRANRIO - 2010 - EPE - Analista de Gestão Corporativa - Tecnologia da Informação

Lúcio Camilo

Page 63: Tecnologia Internet IT1

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

Questão 11 - CESGRANRIO - 2010 - EPE - Analista de Gestão Corporativa - Tecnologia da Informação

Lúcio Camilo

Page 64: Tecnologia Internet IT1

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.

Questão 12 - CESGRANRIO - 2010 - ELETROBRÁS - Analista de Sistemas Júnior - Engenharia de Software

Lúcio Camilo

Page 65: Tecnologia Internet IT1

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.

Questão 12 - CESGRANRIO - 2010 - ELETROBRÁS - Analista de Sistemas Júnior - Engenharia de Software

Lúcio Camilo

Page 66: Tecnologia Internet IT1

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.

Questão 13 - CESGRANRIO - 2010 - BACEN - Analista do Banco Central - Área 1

Lúcio Camilo

Page 67: Tecnologia Internet IT1

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

Questão 13 - CESGRANRIO - 2010 - BACEN - Analista do Banco Central - Área 1

Lúcio Camilo

Page 68: Tecnologia Internet IT1

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.

Questão 14 - CESGRANRIO - 2008 - Petrobrás - Analista de Sistemas Júnior - Processos de Negócios

Lúcio Camilo

Page 69: Tecnologia Internet IT1

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.

Questão 14 - CESGRANRIO - 2008 - Petrobrás - Analista de Sistemas Júnior - Processos de Negócios

Lúcio Camilo

Page 70: Tecnologia Internet IT1

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.

Questão 15 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Processos de Negócios

Lúcio Camilo

Page 71: Tecnologia Internet IT1

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.

Questão 15 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Processos de Negócios

Lúcio Camilo

Page 72: Tecnologia Internet IT1

Lúcio Camilo

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

Acessibilidade

Page 73: Tecnologia Internet IT1

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.

Questão 16 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Processos de Negócios

Lúcio Camilo

Page 74: Tecnologia Internet IT1

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

Questão 16 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Processos de Negócios

Lúcio Camilo

Page 75: Tecnologia Internet IT1

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.

Page 76: Tecnologia Internet IT1

Lúcio Camilo

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

SOAP (Simple Object Access Protocol)

Page 77: Tecnologia Internet IT1

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

Page 78: Tecnologia Internet IT1

Lúcio Camilo

Page 79: Tecnologia Internet IT1

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.

Page 80: Tecnologia Internet IT1

Lúcio Camilo

ESTRUTURA DO WSDL

Parte Abstrata – descreve a interface do serviçoParte Concreta – define o protocolo e o endereço aonde o serviço será localizado

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

Page 81: Tecnologia Internet IT1

Lúcio Camilo

Page 82: Tecnologia Internet IT1

● 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

UDDI (Universal Description Discovery and Integration)

Page 83: Tecnologia Internet IT1

● 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

REST (Representational State Transfer)

Page 84: Tecnologia Internet IT1

Lúcio Camilo

É 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.

Questão 17 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Processos de Negócios

Page 85: Tecnologia Internet IT1

Lúcio Camilo

É 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

Questão 17 - CESGRANRIO - 2010 - Petrobrás - Analista de Sistemas Júnior - Processos de Negócios

Page 86: Tecnologia Internet IT1

Lúcio Camilo

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

Questão 18 - CESGRANRIO - 2008 - Petrobrás - Analista de Sistemas Júnior - Engenharia de Software

Page 87: Tecnologia Internet IT1

Lúcio Camilo

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

Questão 18 - CESGRANRIO - 2008 - Petrobrás - Analista de Sistemas Júnior - Engenharia de Software

Page 88: Tecnologia Internet IT1

Lúcio Camilo

Qual linguagem baseada em XML é usada para descrever serviços Web (Web

services)?

(A) XML Schema

(B) WSDL

(C) XLink

(D) XPointer

(E) SOAP

Questão 19 - CESGRANRIO - 2012 - Petrobrás - Analista de Sistemas Júnior - Engenharia de Software

Page 89: Tecnologia Internet IT1

Lúcio Camilo

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

Questão 20 - CESGRANRIO - 2012 - Petrobrás - Analista de Sistemas Júnior - Engenharia de Software

Page 90: Tecnologia Internet IT1

Lúcio Camilo

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

Questão 21 - CESGRANRIO - 2011 - Petrobrás - Analista de Sistemas Júnior – Processos de Negócios

Page 91: Tecnologia Internet IT1

Lúcio Camilo

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

Questão 21 - CESGRANRIO - 2011 - Petrobrás - Analista de Sistemas Júnior – Processos de Negócios

UDDI – Localizar serviços

WSDL – Descrever Serviços

Page 92: Tecnologia Internet IT1

Gabarito

Lúcio Camilo

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