DESENVOLVIMENTO DE SOFTWARE PARA WEB - ATIVIDADE 2 (A2)

•

UNIRITTER

0

Thales

16/09/2021

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

E aí, curtiu este material?

Ajude a incentivar outros estudantes a melhorar o conteúdo

Gostou desse material? Compartilhe! 🧡

Desenvolvimento de Software para Web

1.716 Materiais compartilhados

Baixe o app para aproveitar ainda mais

Leia os materiais offline, sem usar a internet. Além de vários outros recursos!

Prévia do material em texto

Revisar envio do teste: ATIVIDADE 2 (A2)
SIM0259 DESENVOLVIMENTO DE SOFTWARE PARA WEB EAD - 202120.123809.05 Material de Aula Unidade 2
Revisar envio do teste: ATIVIDADE 2 (A2)
Usuário
Curso
Teste
Iniciado
Enviado
Status
GRA0252 DESENVOLVIMENTO DE SOFTWARE PARA WEB ATIVIDADE 2 (A2)
Completada
Resultado da tentativa 10 em 10 pontos  
Tempo decorrido minutos
Resultados exibidos Respostas enviadas, Respostas corretas, Comentários
Pergunta 1
Resposta Selecionada: 
Resposta Correta: 
Comentário da
resposta:
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.
II; IV; I; V; I; V.
II; IV; I; V; I; V.
Resposta correta. Sua resposta está correta. Realmente você percebeu bem a formação da expressão regular,
principalmente do cartão MASTER. Você selecionou corretamente o método test, que faz a veri�cação com base da
expressão regular. Por �m, você associou corretamente o nome do campo do formulário.
Pergunta 2
Resposta Selecionada: 
Resposta Correta: 
Comentário
da resposta:
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.
As a�rmativas II e III são verdadeiras.
As afirmativas II e III são verdadeiras.
Resposta correta. Sua resposta está correta. Realmente, para uma melhor estruturação, aproveitamento dos recursos (tanto
de processamento, quanto de comunicação), divide-se o sistema em camadas. A camada I, mais próxima ao usuário, é
responsável pela interatividade. Dessa forma, encontramos nela, os formulários. Sendo assim, a parte da estrutura das
informações fornecidas deverá ser tratada nesta camada. Por outro lado, as regras de negócio são especí�cas a cada
aplicação. Desta forma, a validação e o processamento inerente às regras de negócio fazem parte da camada II.
Pergunta 3
Resposta Selecionada: 
Resposta Correta: 
Comentário
da resposta:
Na implementação de páginas web , uma das linguagens mais utilizadas é o PHP. Na filosofia em camadas, o PHP aparece
na camada intermediária, ou seja, entre a camada de interfaceamento com o usuário e a camada que compreende as bases
de dados. Analise as afirmações a seguir e assinale com “M” o que for motivo da adoção do PHP, e com “N”, caso contrário.
(_) Suporta vários gerenciadores de bancos de dados, como por exemplo: MySQL, PostgresSQL e Sybase.
(_) Tem suporte a diversos protocolos, tais como: LDAP, SNMP e SSH2.
(_) Consegue interagir de forma muito eficiente com o HTML para validar campos do formulário.
(_) Boa interatividade com o servidor APACHE.
Assinale a opção que apresenta a sequência correta.
M; M; N; M.
M; M; N; M.
Resposta correta. Sua resposta foi acertada. O PHP, como linguagem de programação para implementar a camada
intermediária, deve possuir boa interação com os gerenciadores de bancos de dados e com o próprio servidor de páginas. No
caso, ele possui esses requisitos. Como base para a implementação da camada intermediária e não para a camada de
interfaceamento com o usuário, ele (o PHP) não precisa ter requisitos que permita uma boa interação com o HTML.
Pergunta 4
Resposta Selecionada: 
Resposta Correta: 
Comentário da
resposta:
Dentro da programação, independentemente de ser a codificação de um sistema baseado em páginas web ou não, temos
sempre a preocupação de sua escalabilidade. Por exemplo, vamos supor que temos a necessidade de criar uma página para
e-commerce e que são estabelecidos descontos diferenciados para cada tipo de forma de pagamento. Suponha que um
programador fez uma primeira versão da seguinte forma (código em PHP):
public function retornaDesconto($formaPG,$valor_compra)
{
 if($formaPG==”Boleto”) {return $valor_compra*0.9;}
 else if($formaPG==”Debito”) {return $valor_compra*0.95;}
 else {return $valor_compra;}
}
Na implementação acima, temos o inconveniente de que, quando houver a necessidade de adicionar mais uma forma de
pagamento, deveremos adicionar mais uma estrutura do tipo “else if... else”.
Diante da situação, foram apresentadas algumas soluções:
Solução 1: criar uma classe para cada tipo de forma de pagamento. Todas as classes teriam um método para retornar o valor
com desconto – o nome e a lista de parâmetros seriam os mesmos para todas as classes. Por exemplo, para a classe boleto,
a implementação seria:
 class Boleto
 {
 public function ValorComDesconto($valor_compra)
 {
 return $valor_compra*0.9;
 }
    }
Solução 2: criar uma interface na qual todas as classes devem implementá-la. Assim, a solução ficaria:
interface formaPG
 {
 public function ValorComDesconto($valor_compra);
 }
class Boleto implements formaPG
 {
 public function ValorComDesconto($valor_compra)
 {
 return $valor_compra*0.9;
 }
  }
Diante dessas duas versões de implementação, analise as afirmações a seguir.
I. Não implementaria a “solução I” pois, assim que for determinado o tipo de pagamento, para criar um objeto relativo à
classe pertinente deve-se fazer uma estrutura de “if...else if...”
II. Implementaria ambas as soluções, pois ambas apresentam as mesmas vantagens e desvantagens.
III. Não implementaria a “solução II” pois as classes ficariam não flexíveis, ou seja, todas deveriam seguir o mesmo padrão, o
que dificultaria a reutilização do código.
IV. Implementaria a “solução II”, pois a modificação do código para inserir ou retirar uma forma de pagamento, ficaria mais
ágil e fácil de ser realizada.
V. Implementaria a “solução I”, pois é mais fácil de entender.
Diante das afirmações acima, selecione a opção correta.
As a�rmativas I e IV são verdadeiras.
As afirmativas I e IV são verdadeiras.
Resposta correta. Sua resposta está correta. A “solução 2” representa um padrão chamado de Strategy (estratégia). É um
dos padrões GOF usados para a linha comportamental do sistema.
Pergunta 5
Resposta Selecionada: 
Resposta Correta: 
Comentário
da resposta:
É 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. Dentreas 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.
V; F; F; V.
V; F; F; V.
Resposta correta. Sua resposta está correta. Validação de campos do formulário poderá ser realizada, tanto
no momento de submissão, quanto na ocorrência de eventos, tais como o onkeypress e o onmouseover .
Para tanto, o código de tratamento escrito em JavaScript deverá estar dentro da região de cabeçalho. Em
relação ao action , não se deve confundir esse parâmetro com o onsubmit . O action serve para referenciar o
script (por exemplo, escrito em PHP) que enviará os dados ao servidor e, o onsubmit serve para referenciar
o script de validação.
Pergunta 6
Resposta Selecionada: 
Resposta Correta: 
Comentário
da resposta:
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.
V; C; M; C; V; M.
V; C; M; C; V; M.
Resposta correta. Sua resposta está correta. O padrão MVC apresenta a possibilidade de tornar o sistema altamente
dinâmico. A camada de controle é capaz de decidir quais serão as regras de negócio que a camada de modelo deverá
executar e qual será a visão que o usuário deve ter em um certo momento. A ação da camada de controle é dinâmica, para
tal, ela recebe noti�cações sobre possíveis alterações inerentes à camada de negócio. A camada de visão tem a função de
manipular elementos relacionados aos aspectos visuais e de interação com o usuário. Para tanto, manipula codi�cação em
HTML e/ou XML.
Pergunta 7
Resposta Selecionada: 
Resposta Correta: 
Comentário
da resposta:
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 veri�car 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.
Pode-se usar os códigos numerados como I, II e IV.
Pode-se usar os códigos numerados como I, II e IV.
Resposta correta. Sua resposta está correta. A a�rmação I codi�ca a adição de uma regra CSS. Porém, dependendo do
navegador, é implementado o método “addRule” ou “insertRule”. Sendo assim, há um teste para veri�car se o método
“addRule” existe. Na codi�cação da a�rmação II, as alterações de CSS é realizada apenas após o teste de veri�cação de
ambiente. Por �m, no código da a�rmação III, existe um erro no local da inserção. Na verdade, deveria ser head.appendchild()
Pergunta 8
Resposta Selecionada: 
Resposta Correta: 
Comentário da
resposta:
À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.
F; V; V; V.
F; V; V; V.
Resposta correta. Sua resposta está correta. O JQuery é uma biblioteca pequena que não introduziu atrasos signi�cativos e
nem consumo excessivo extra de memória para o seu processamento. Substituiu o Flash e consegue ter uma
compatibilidade cross-browser (entre navegadores).
Pergunta 9
Resposta Selecionada: 
Resposta Correta: 
Comentário da
resposta:
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.
P; J; J; P.
P; J; J; P.
Resposta correta. Você acertou. Realmente a JavaScript é mais associada com a parte da interface com o usuário,
permitindo, por exemplo, a validação dos campos do formulário e a criação de páginas responsivas. Por outro lado, o PHP
está relacionado mais na camada de processamento propriamente dito, ou seja, manipula as regras de negócio.
Pergunta 10
Resposta Selecionada: 
Resposta Correta: 
Comentário da
resposta:
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. Composite : permite a composição de objetos estabelecendo-se uma árvore de hierarquia e relacionamentos entre objetos
que compõem a estrutura.
II. Applicability : independentemente da estrutura do objeto, todos os objetos de uma estrutura são tratados de forma
uniforme, desprezando-se as diferenças entre eles.
III. Facade : esse padrão objetiva a construção de uma interface unificada para a integração de um conjunto de interfaces.
IV. Data Access Object : realiza a mediação entre a aplicação propriamente dita e a base de dados.
Dados os exemplos de uso, numere-os de forma a estabelecer um relacionamento entre os padrões apresentados acima e os
exemplos de uso.
(_) Permite um baixo acoplamento e uma simplificação em relação à manutenção do sistema.
(_) Pode ser usado em ambientes quepermitam uma editoração gráfica, na qual a figura consiste de uma árvore de objetos.
(_) Criar subcamadas do sistema, permitindo uma abstração em um nível acima.
(_) Em um editor gráfico, todos os objetos gráficos, independentemente de suas composições, podem ser reunidos em uma
classe abstrata, que incorpora as particularidades de todos os abrangidos.
Assinale a alternativa que contenha a sequência correta.
IV; I; III; II.
IV; I; III; II.
Resposta correta. Sua resposta está correta. Temos vários padrões envolvendo a criação de páginas. Cada padrão cobre
um aspecto especí�co em relação à estrutura, comportamento e de visão.
← OK
1 em 1 pontos
1 em 1 pontos
1 em 1 pontos
1 em 1 pontos
1 em 1 pontos
1 em 1 pontos
1 em 1 pontos
1 em 1 pontos
1 em 1 pontos
1 em 1 pontos
Minhas Disciplinas Extracurriculares Comunidades Minhas Bibliotecas
https://uniritter.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_732164_1
https://uniritter.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_732164_1&content_id=_18646496_1&mode=reset
https://uniritter.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_732164_1&content_id=_18646513_1&mode=reset
javascript:launch('/webapps/gradebook/do/student/viewAttempts?course_id=_732164_1&method=list&nolaunch_after_review=true');
http://company.blackboard.com/
https://uniritter.blackboard.com/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_433_1
https://uniritter.blackboard.com/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_410_1
https://uniritter.blackboard.com/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_409_1
https://uniritter.blackboard.com/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_411_1
https://uniritter.blackboard.com/webapps/login/?action=logout