Desenvolvimento de Software para Web
Forums › MATERIAL DE ESTUDO › Atividades › Desenvolvimento de Software para Web
-
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.
Resposta Correta:
Pode-se usar os códigos numerados como I, II e IV.
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.
Resposta Correta:
II; I; IV; III.
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.
Resposta Correta:
M; M; N; M.
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.
Resposta Correta:
II; III; IV; I.
À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.
Resposta Correta:
F; V; V; V
Para essa questão, suponha a necessidade de realizar uma validação de um campo de formulário para que ele não assuma um valor superior a 10. Suponha, também, a lista de elementos da codificação abaixo enumerados:
I. this
II. alert
III. <head>
IV. onSubmit
V. valorDado o código abaixo, complete os espaços em branco com os elementos da codificação enumerados acima.
<html>
___
<script>
function TestaValorMaximo(f)
{
if(f.___.value>10)
{
___(“Número digitado é maior do que 10.”);
return false;
}
else
{
___(“Valor aceito.”);
return true;
}
} //final TestaValorMaximo
</script>
</head>
<body>
<form name=”form1″ ___=”return TestaValorMaximo(___)”>
<p>Valor: <input type=”text” name=”valor”></p>
<p><label><input type=”submit” name=”enviar”
value=”Enviar”></label></p>
</form>
</body>
</hmtl>Selecione a opção que tenha a sequência correta de preenchimento.
Resposta Correta:
III; V; II; II; IV; I
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. NumCCAssinale a alternativa que contém a sequência correta.
Resposta Correta:
II; IV; I; V; I; V.
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.
Resposta Correta:
F; V; V; V.
Às vezes, por uma questão de praticidade ou de comodidade, desenvolvemos páginas em um ambiente diferente em relação ao de produção. Aquele que o sistema, em sua versão final, será implantado para ser operado. Analise as afirmativas a seguir e assinale com “V”, o que for verdadeiro e com “F”, o que for falso.
(_) O desenvolvedor deve prestar atenção em diferenças dos ambientes Linux e Windows, como, por exemplo, realizar a verificação dos atributos de permissão de arquivos, mais rígidos no Linux.
(_) Deve-se optar por desenvolver em um ambiente distinto em relação à produção para que se possa testar a compatibilidade do código.
(_) Caso haja necessidade de desenvolver em uma máquina Windows, pode-se instalar uma máquina virtual Linux para que todo o trabalho seja desenvolvido para tal ambiente.
(_) Apache e MySQL foram desenvolvidos nativamente para Linux.Assinale a opção correta.
Resposta Correta:
V; F; V; V.
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.
Resposta Correta:
As afirmativas II e III são verdadeiras.
Leia o excerto a seguir.
“PHP é uma linguagem que permite criar sitesWEB dinâmicos, possibilitando uma interação com o usuário através de formulários, parâmetros da URL e links. A diferença de PHP com relação a linguagens semelhantes a Javascript é que o código PHP é executado no servidor, sendo enviado para o cliente apenas html puro. Desta maneira é possível interagir com bancos de dados e aplicações existentes no servidor, com a vantagem de não expor o código fonte para o cliente. Isso pode ser útil quando o programa está lidando com senhas ou qualquer tipo de informação confidencial”.
LOPES, S. O que é PHP?Portal Oficina da Net
De acordo com o trecho acima, é possível perceber a importância da linguagem PHP para a construção de sites interativos. Nesse sentido, assinale com V, as afirmações verdadeiras e com F, as falsas.
I. O código PHP é representa pelos símbolos <?php … ?>
II. As variáveis em PHP são declaradas pelo símbolo %
III. Os comandos SQL são integrados na linguagem PHP
IV. No PHP a recepção de variáveis externas é dada por $_VARAgora, assinale a alternativa que apresenta a sequência correta de respostas.
Resposta Correta:
V, F, V, F.
Leia o excerto a seguir.
“jQuery UI é um conjunto curado de interações de interface do usuário, efeitos, widgets e temas construídos sobre a biblioteca jQueryJavascript. […] O jQuery é uma biblioteca Javascript rápida, pequena e rica em recursos. Ele torna as coisas como passagem e manipulação de documentos HTML, manipulação de eventos, animação e Ajax muito mais simples, com uma API fácil de usar que funciona em vários navegadores”.
JQUERY. jQuery API. Portal jQuery, The jQuery Foundation, 2019.
I. A função Ajax pertence à biblioteca jQuery com o objetivo de realizar chamadas assíncronas de funções.
PORQUE
II. O Ajax tem uma estrutura própria de sintaxe que deve ser seguida para o processamento assíncrono.
A respeito dessas proposições, assinale a opção correta.
Resposta Correta:
As proposições I e II são verdadeiras, mas a II não é justificativa da I.
Leia o excerto a seguir.
“A criação de novas tags
no HTML5, promove uma melhor endentação no código tornando uma facilidade para o desenvolvedor, com um código simplificado ficam mais fáceis as buscas, promovendo uma semântica mais agradável. Uma das novas tags que chamam atenção do HTML5 é a possibilidade de utilizar recursos de áudio e vídeo, trazendo uma melhor interação com o usuário sem a necessidade de instalação de plugins e também para o desenvolvedor que não necessita ficar usando recursos que não são HTML para desenvolvimento”.GIROLDO, B. C.; FRESSATI, W. Evolução no Desenvolvimento com o HTML 5. In: XVII Seinpar – Semana de Informática e XIV Mostra de Trabalhos de Iniciação Científica de Paranavaí, 2015. p. 1.
Diante disto, qual a tag que tem como função exibir as informações sobre o documento HTML?
Resposta Correta:
<head>Leia o excerto a seguir.
“A quinta versão do HTML foi criada para otimizar a versão anterior. Desenvolvedores e usuários obtém uma experiência mais agradável e fácil utilização. Para a manipulação desses recursos sendo eles, CSS e Javascript a linguagem prove de APIs (ApplicationProgramming Interface). O Html5 cria nova tags e modifica funções de outras, diferente de outras versões onde não havia um padrão universal para criação de sessões comuns e especificas”.
GIROLDO, B.C.; FRESSATI, W. Evolução no Desenvolvimento com o HTML 5. In: XVII Seinpar – Semana de Informática e XIV Mostra de Trabalhos de Iniciação Científica de Paranavaí, 2015. p. 3.
A partir das asserções extraídas do trecho acima, considere as afirmações a seguir.
I. O atributo checked pertence à tag<head>
II. O atributo typepertence à tag<input>
III. O atributo valuepertence à tag<h1>
IV. O atributo id
pertence à tag<body>Assinale a alternativa que apresenta o que é correto afirmar.
Resposta Correta:
II, apenas
Leia o excerto a seguir.
“Segurança e confiança. Pelo fato de o software estar presente em todos os aspectos de nossas vidas, é essencial que possamos confiar nele. Isso se torna verdade especialmente para sistemas remotos acessados através de uma página Web ou uma interface de webservice. Precisamos ter certeza de que os usuários maliciosos não possam atacar nosso software e de que a proteção da informação seja mantida”.
SOMMERVILLE, I. Engenharia de Software. 9ª ed. Ed. Pearson Prentice Hall. São Paulo, 2011. p. 6.
É possível compreender a importância da segurança da informação nos sistemas. Baseando-se no conteúdo estudado sobre sessões, leia as asserções abaixo.
I. A sessão é fundamental quando se deseja mais segurança na página, ou quando é necessário ter um controle de usuário.
PORQUE
II. Utilizar sessão é prática comum entre os para guardar informações para uso posterior no software.
Agora, assinale a alternativa correta.
Resposta Correta:
As proposições I e II são verdadeiras, e a II é justificativa da I.
You must be logged in to reply to this topic.