Atividade 2 DESENVOLVIMENTO DE SOFTWARE PARA WEB

Prévia do material em texto

Atividade 2 DESENVOLVIMENTO DE 
SOFTWARE PARA WEB 
1- Páginas responsivas poderão ser construídas por meio da combinação 
de scripts JavaScript com as folhas de estilo CSS. Uma das formas é adicionar 
ou retirar regras CSS. Porém, quando se codifica páginas, sempre há uma 
preocupação frente à versão ou ao tipo de navegador que o usuário poderá 
usar para abrir as referidas páginas. Para essa questão, analise os elementos 
de codificação que poderão ser usados em suas páginas. 
 
I. if(obj.addRule) {obj.addRule(seletorCSS,defEstilo, índice);} 
 else {obj.insertRule(seletorCSS,defEstilo, índice);} 
II. $(document).ready(function(){código para verificar o tipo do 
 ambiente para, depois, manipular CSS}); 
III. var v = document.createElement(“style”); 
 body.appendChild(v); 
IV. var v = document.createElement(“style”); 
 head.appendChild(v); 
 
Marque a opção correta. 
 
 
 
 
 
 
 
 
 
 
 
2- Para o envio das informações fornecidas pelo usuário por meio dos campos do 
formulário, pode-se contar com dois métodos: o método POST e o GET. O uso 
do método é especificado no argumento “method” da tag <form>. Para essa 
questão, analise as afirmações a seguir, associando o valor “V”, para o que for 
verdadeiro e, o valor “F”, para o que for falso. 
 
(_) A coleta do valor deve ser realizada por meio de uma função específica, da 
seguinte forma: var v = getDataForm(método, nome_campo); No caso, o 
método passado como argumento diferenciará entre “POST” e “GET”. 
(_) Para coletar a informação, basta acessar a variável “$_GET” ou “$_POST”, 
referenciando o nome do campo do formulário da seguinte forma, por exemplo, 
para acessar um campo denominado “telefone” do formulário: var v = 
$_POST(“telefone”). 
(_) É possível passar, ao servidor, informações ocultas ao usuário por meio de 
campos com atributo “hidden” ao parâmetro type. 
(_) Pode-se usar diretamente os nomes dos campos definidos na criação do 
formulário, porém, para isso, é aconselhável usar, antes, o método 
import_request_variables(). 
 
Assinale a opção que contenha a sequência correta. 
 
 
 
 
 
 
 
 
 
 
 
3- Padrões de projeto tem o objetivo de auxiliar o processo de projeto e 
implementação de sistemas computacionais, dentre os quais podemos 
relacionar as páginas web. Dentre os padrões existentes, podemos citar o GOF 
que consiste de uma coleção de padrões classificados em padrões de criação, 
padrões estruturais e padrões comportamentais. Muitos destes padrões 
compõem, ainda, o padrão MVC. Para essa questão, encontramos, abaixo, 
uma definição sumária de quatro destes padrões. 
 
I. Singleton: permite uma única instanciação de objeto de uma classe 
específica. 
II. Interator: objetiva acessar, sequencialmente, os elementos de uma lista sem 
precisar conhecer a estrutura de relacionamento (por exemplo, array e tabela 
hash). 
III. State: neste padrão, acontece uma alteração do comportamento de um 
objeto em função da alteração de seu estado. 
IV. Observer: um objeto realiza a notificação para outros objetos, devido a sua 
alteração de estado. 
 
Dados os exemplos de uso, numere-os de forma a estabelecer um 
relacionamento entre os padrões apresentados acima e os exemplos de uso. 
 
(_) Criar um mapa do site 
a partir do percurso de todos os elementos que compõem uma coleção de 
menus. 
(_) Delimitar uma única conexão ao banco de dados por processo. 
(_) Objetos da camada de modelo notificam a camada de controle, dentro do 
escopo do MVC, por ocasião de suas alterações de estado. 
(_) Dentro de um jogo de RPG, as regras (condições e consequências dos 
comandos “if”) dependem do estado corrente do objeto. 
 
Assinale a alternativa que contenha a sequência correta. 
 
 
 
 
 
 
 
 
 
 
 
4- 
O padrão MVC é um dos mais utilizados no mundo do desenvolvimento de páginas 
por contemplar um nível de abstração mais amplo. Para tanto, ele contempla três 
camadas: a camada de modelo, a camada de visão e a camada controladora. Dadas 
as funcionalidades abaixo, relacione com as camadas atribuindo os valores “M”, “V” e 
“C”, respectivamente. 
 
(_) Conhecida como “client-side”. 
(_) Gerencia as demais outras camadas. 
(_) Trata as regras de negócio. 
(_) Determina qual modelo será aplicado e qual forma de visão será passada ao 
usuário. 
(_) Utiliza HTML e/ou XML. 
(_) Notifica as outras duas camadas na ocorrência de alterações. 
 
Assinale a alternativa que contém a sequência correta. 
 
 
 
 
 
 
 
 
 
 
 
 
 
5- Expressões regulares são extremamente úteis para a validação dos campos do 
formulário pois elas atuam na verificação da estrutura da informação fornecida 
pelo usuário. Para essa questão, considere o código a seguir. 
 
<html> 
 <head> 
 <script 
language="JavaScript"> 
 function ExibirBandeiraCC(f) 
 { 
 var exp_regVISA =___; 
 var exp_regMASTER =___; 
 if(exp_regVISA.___(f.___.value)) 
 { 
 alert("O cartão digitado é VISA"); 
 return true; 
 } 
 if(exp_regMASTER.___(f.___.value)) 
 { 
 alert("O cartão digitado é MASTER"); 
 return true; 
 } 
 alert("Cartão não é VISA e nem MASTER"); 
 return true; 
 } 
 </script> 
 </head> 
 <body> 
 <form name="Num_CC" method=”POST” 
 onSubmit="return ExibirBandeiraCC(this);"> 
 <p>Número do CC: <input type="text" name="cc"></p> 
 <p><label><input type="submit" name="Verificar" 
 value="Verificar"></label></p> 
 </form> 
 </body> 
</html> 
 
Considerando que cartões VISA sempre são iniciados pelo dígito 4 e os 
cartões MASTER são iniciados com o valor 5 e o segundo dígito varia entre os 
valores 1 e 5 
A partir destas observações, preencha os campos em aberto escolhendo itens 
da lista a seguir: 
 
I. test 
II. /^4[0-9]{12,15}$/ 
III. /^5[0-9]{12,15}$/ 
IV. /^5[1-5]{1}[0-9]{14}$/ 
V. cc 
VI. NumCC 
 
Assinale a alternativa que contém a sequência correta. 
 
 
 
 
 
 
 
 
 
 
 
6- Várias páginas oferecem a possibilidade de interação com o usuário por meio 
de formulários. Para um processamento correto, as informações fornecidas 
devem ser validadas, para que possam ser processadas no servidor. 
Considerando isso, analise as afirmações a seguir. 
 
I. Em um modelo de III camadas, a validação do formulário deve ocorrer na 
camada I, tanto em relação à estrutura, quanto em relação à regra de negócio. 
II. A validação de estrutura deve ocorrer na camada I e a validação em relação 
às regras de negócio na camada II. 
III. É comum usar, para a validação em relação à estrutura, JavaScript e, para 
as regras de negócio, comumente usa-se PHP. 
IV. Toda validação é realizada na camada II, aplicando-se funções escritas em 
PHP. 
 
A partir das observações realizadas, marque a alternativa correta. 
 
 
 
 
 
 
 
 
 
 
7- Muito se fala em aplicar padrões de projeto (design pattern) para o 
desenvolvimento de sistemas computacionais, dentre os quais encontram-se 
as páginas web. Para essa questão, considere as afirmativas abaixo. 
 
I. Possibilidade de reutilização de código, ou seja, usar componentes já 
utilizados em outros projetos; 
II. Decomposição do sistema em camadas funcionais; 
III. Separação de partes dependentes daquelas independentes do ambiente no 
qual o sistema será executado. 
IV. Possibilidade de uma documentação mais completa e concisa. 
 
Associe as afirmativas acima com as possíveis consequências: 
(_) melhor abstração do sistema, deixando-o mais legível para a codificação, 
depuração, correção e manutenção; 
(_) maior facilidade para a portabilidade dos sistemas para outros ambientes 
computacionais; 
(_)facilitar o diálogo entre as equipes que atuarão no desenvolvimento do 
projeto; 
(_) diminuição do tempo gasto para a implementação do sistema, acarretando, 
consequentemente, diminuição dos gastos. 
 
Assinale a opção que contenha a sequência correta de relações entre as 
afirmativas e as consequências. 
 
 
 
 
 
 
 
 
8- Às vezes, programar diretamente usando JavaScript, principalmente quando 
temos que manipular CSS torna-se uma tarefa árdua. Sem contar pelo fato de 
que o JavaScript pode ter problemas de compatibilidade entre os navegadores. 
Diante destes e outros motivos, surgiu a biblioteca JQuery. Analisando as 
afirmativas a seguir, assinale com “V”, o que for verdadeiro e com “F”, o que for 
falso. 
 
(_) Pelo fato de ser inserida uma camada a mais (representada pelo JQuery), o 
tempo de processamento foi aumentado em demasia - não compensando o 
uso de JQuery. 
(_) O JQuery substituiu, com grande vantagem, as animações em Flash. 
(_) O JQuery, em relação ao lado do programador, fez com que fossem 
economizadas várias linhas de código. 
(_) O JQuery mantém compatibilidade com diversos tipos e versões de 
navegadores. 
 
Assinale a opção que contenha a sequência que você julgue como sendo a 
correta. 
 
 
 
 
 
 
 
 
 
 
 
9- Sabe-se que para a codificação de uma página, pode-se utilizar, além do 
HTML, linguagens de programação, tais como JavaScript e o PHP. Sabe-se, 
também, que o desenvolvimento da página pode ser estruturado em camadas 
funcionais. Para essa questão, dadas as afirmativas a seguir, assinale com “J”, 
a afirmativa que se relaciona com o JavaScript, e com “P”, a que se relaciona 
com o PHP. 
 
(_) Está mais associada com a parte de regras de negócio, interfaceando a 
camada de interação com o usuário, com a camada de armazenamento 
persistente (bancos de dados). 
(_) Relaciona-se mais com a camada de interface com o usuário pois, com ela, 
pode-se fazer, por exemplo, validação de formulário de forma mais fácil. 
(_) Em um formulário, o seu código é referenciado no parâmetro “onSubmit”. 
(_) Em um formulário, o seu código é referenciado no parâmetro “action”. 
 
Assinale a opção que contenha a sequência correta. 
 
 
 
 
 
 
 
 
 
 
 
 
10- É comum incorporar à página HTML, código JavaScript para, dentre outras 
coisas, realizar validação dos campos do formulário. Uma outra utilização do 
JavaScript consiste na manipulação das folhas CSS, para que seja possível a 
construção de páginas responsivas. Dentre as afirmativas abaixo, assinale com 
“V”, o que for verdadeiro e, com “F”, o que for falso. 
 
(_) o código JavaScript deve estar localizado na área de cabeçalho da página, 
ou seja, dentro da região delimitada por <head> e </head>. 
(_) o nome do script 
JavaScript deverá ser referenciado por meio do 
parâmetro action da tag <form>. 
(_) a validação do formulário pode ocorrer somente quando o botão de 
submissão for pressionado pelo usuário. 
(_) a ativação de um script pode ser realizada também por meio de eventos tal 
como o onkeypress. 
 
Marque a alternativa que contenha a sequência correta.