prova aplicaçoes web

Prévia do material em texto

23/06/2021 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/6384462/fad9c73c-59af-11ea-8ff0-0242ac110034/ 1/7
Local: Sala 1 - BT - Prova On-line / Andar / Polo Barra da Tijuca / POLO UVA BARRA MARAPENDI - RJ 
Acadêmico: EAD-IL10316-20212A
Aluno: WILSON ROBSON DE SOUZA 
Avaliação: A2-
Matrícula: 20201301034 
Data: 18 de Junho de 2021 - 08:00 Finalizado
Correto Incorreto Anulada  Discursiva  Objetiva Total: 5,50/10,00
1  Código: 35911 - Enunciado: Um desenvolvedor precisa apresentar produtos em uma tabela para
um site de comércio eletrônico. Alguns produtos são comuns, mas possuem diferentes modelos e
preços, por isso é necessário mesclar o conteúdo de uma ou mais linhas de uma mesma
coluna.Verificando as codificações a seguir para a criação de uma tabela com dois itens, sendo
ambos geladeiras, mas com modelos e preços diferentes, selecione a codificação que criará a
tabela conforme o exemplo apresentado. 
 a) <table border="1">      <tr>            <th>Produto</th>            <th>Modelo</th>         
  <th>Preço</th>      </tr>      <tr>            <td colspan="2">Geladeiras</td>            <td>GEL48BAV</td> 
          <td>R$ 1.568,99</td>      </tr>      <tr>            <td>GEL55ACVM</td>            <td>R$ 1.719,99</td>   
  </tr></table> 
 b) <table border="1">      <tr>            <th colspan="2">Produto</th>            <th>Modelo</th>       
    <th>Preço</th>      </tr>      <tr>            <td>Geladeiras</td>            <td>GEL48BAV</td>         
  <td>R$ 1.568,99</td>      </tr>      <tr>            <td>GEL55ACVM</td>            <td>R$ 1.719,99</td>   
  </tr></table> 
 c) <table border="1">      <tr>            <th rowspan="2">Produto</th>            <th>Modelo</th>     
      <th>Preço</th>      </tr>      <tr>            <td>Geladeiras</td>            <td>GEL48BAV</td>         
  <td>R$ 1.568,99</td>      </tr>      <tr>            <td>GEL55ACVM</td>            <td>R$ 1.719,99</td>   
  </tr></table> 
 d) <table border="1">      <tr>            <th>Produto</th>            <th>Modelo</th>         
  <th>Preço</th>      </tr>      <tr>            <td rowspan="2">Geladeiras</td>         
  <td>GEL48BAV</td>            <td>R$ 1.568,99</td>      </tr>      <tr>            <td>GEL55ACVM</td>         
  <td>R$ 1.719,99</td>      </tr></table> 
 e) <table border="1">      <tr>            <th>Produto</th>            <th>Modelo</th>         
  <th>Preço</th>      </tr>      <tr>            <td rowspan="2" colspan="2">Geladeiras</td>         
  <td>GEL48BAV</td>            <td>R$ 1.568,99</td>      </tr>      <tr>            <td>GEL55ACVM</td>         
  <td>R$ 1.719,99</td>      </tr></table> 
Alternativa marcada:
d) <table border="1">      <tr>            <th>Produto</th>            <th>Modelo</th>         
  <th>Preço</th>      </tr>      <tr>            <td rowspan="2">Geladeiras</td>         
  <td>GEL48BAV</td>            <td>R$ 1.568,99</td>      </tr>      <tr>            <td>GEL55ACVM</td>         
  <td>R$ 1.719,99</td>      </tr></table> 
Justificativa: Resposta correta:<table border="1">      <tr>            <th>Produto</th>           
<th>Modelo</th>            <th>Preço</th>      </tr>      <tr>            <td rowspan="2">Geladeiras</td>       
    <td>GEL48BAV</td>            <td>R$ 1.568,99</td>      </tr>      <tr>            <td>GEL55ACVM</td>           
<td>R$ 1.719,99</td>      </tr></table> 
Fará a mesclagem correta, juntando as duas linhas da primeira coluna. 
Distratores:<table border="1">      <tr>            <th>Produto</th>            <th>Modelo</th>           
<th>Preço</th>      </tr>      <tr>            <td colspan="2">Geladeiras</td>            <td>GEL48BAV</td>   
        <td>R$ 1.568,99</td>      </tr>      <tr>            <td>GEL55ACVM</td>            <td>R$ 1.719,99</td>     
</tr></table> 
Errada. Fará a mesclagem incorreta, juntando as duas colunas da primeira linha. <table
2,00/ 2,00
23/06/2021 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/6384462/fad9c73c-59af-11ea-8ff0-0242ac110034/ 2/7
border="1">      <tr>            <th colspan="2">Produto</th>            <th>Modelo</th>           
<th>Preço</th>      </tr>      <tr>            <td>Geladeiras</td>            <td>GEL48BAV</td>            <td>R$
1.568,99</td>      </tr>      <tr>            <td>GEL55ACVM</td>            <td>R$ 1.719,99</td>      </tr>
</table> 
Errada. Fará a mesclagem incorreta, juntando as duas colunas da primeira linha na linha de
títulos <th>, e não nas linhas de itens. 
<table border="1">      <tr>            <th rowspan="2">Produto</th>            <th>Modelo</th>           
<th>Preço</th>      </tr>      <tr>            <td>Geladeiras</td>            <td>GEL48BAV</td>            <td>R$
1.568,99</td>      </tr>      <tr>            <td>GEL55ACVM</td>            <td>R$ 1.719,99</td>      </tr>
</table> Errada. Fará a mesclagem incorreta, juntando as duas linhas da primeira coluna na linha
de títulos <th>, e não nas linhas de itens. 
<table border="1">      <tr>            <th>Produto</th>            <th>Modelo</th>            <th>Preço</th>     
</tr>      <tr>            <td rowspan="2" colspan="2">Geladeiras</td>            <td>GEL48BAV</td>           
<td>R$ 1.568,99</td>      </tr>      <tr>            <td>GEL55ACVM</td>            <td>R$ 1.719,99</td>     
</tr></table> 
Errada. Fará a mesclagem incorreta, juntando as duas linhas da primeira coluna na linha de itens
<tr>, mas também fará a junção das colunas de produto e modelo.
2  Código: 35919 - Enunciado: Um desenvolvedor precisa apresentar um conjunto de parágrafos
em um conjunto de 100 páginas de conteúdo. A maioria dos parágrafos será exibida na cor preta
(ausência de cor). Além disso, em um total de 15 páginas, todos os parágrafos deverão ser
apresentados na cor azul; eventualmente, alguns parágrafos em qualquer página poderão ser
realçados na cor vermelha.Diante do exposto e considerando a codificação de uma página desse
projeto, escolha qual das alternativas apresenta o conjunto de códigos correto para atender aos
seguintes critérios:Todo o site deve estar com a definição de cores em estilos CSS na cor preta
para os seus parágrafos.Os parágrafos dessa página devem estar na cor azul.O parágrafo com o
texto “Parágrafo 2” deve estar na cor vermelha. 
 a) codificação HTML:<html> <head>   <title>CSS - Estilos</title> </head> <body>  <p
style="color: #0000FF">Parágrafo 1</p>  <p style="color: #FF0000">Parágrafo 2</p>    <p
style="color: #0000FF">Parágrafo 3</p>  <p style="color: #0000FF">Parágrafo 4</p> </body>
</html> 
 b) arquivo:prova_1.css:p { color: #0000FF; } codificação HTML:<html> <head>   <title>CSS -
Estilos</title>    <link rel="stylesheet" type= "text/css" href="prova_1.css">   <style
type="text/css">    <!--        p { color: #000000; }    -->    </style> </head> <body>   <p>Parágrafo
1</p>  <p style="color: #FF0000">Parágrafo 2</p>     <p>Parágrafo 3</p>  <p>Parágrafo
4</p> </body></html> 
 c) arquivo:prova_1.css:p { color: #000000; } codificação HTML:<html> <head>   <title>CSS -
Estilos</title>    <link rel="stylesheet" type= "text/css" href="prova_1.css"></head> <body> 
 <p>Parágrafo 1</p>  <p style="color: #FF0000">Parágrafo 2</p>     <p>Parágrafo 3</p> 
 <p>Parágrafo 4</p> </body></html> 
 d) arquivo:prova_1.css:p { color: #0000FF; } codificação HTML:<html> <head>   <title>CSS -
Estilos</title>    <link rel="stylesheet" type= "text/css" href="prova_1.css"></head> <body> 
 <p>Parágrafo 1</p>  <p style="color: #FF0000">Parágrafo 2</p>     <p>Parágrafo 3</p> 
 <p>Parágrafo 4</p> </body></html> 
 e) arquivo:prova_1.css:p { color: #000000; } codificação HTML:<html> <head>   <title>CSS -
Estilos</title>    <link rel="stylesheet" type= "text/css" href="prova_1.css">   <style
type="text/css">    <!--        p { color: #0000FF; }    -->    </style> </head> <body>   <p>Parágrafo
1</p>  <p style="color: #FF0000">Parágrafo 2</p>     <p>Parágrafo 3</p>  <p>Parágrafo
4</p> </body></html> 
Alternativa marcada:a) codificação HTML:<html> <head>   <title>CSS - Estilos</title> </head> <body>  <p style="color:
#0000FF">Parágrafo 1</p>  <p style="color: #FF0000">Parágrafo 2</p>    <p style="color:
0,00/ 2,00
23/06/2021 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/6384462/fad9c73c-59af-11ea-8ff0-0242ac110034/ 3/7
#0000FF">Parágrafo 3</p>  <p style="color: #0000FF">Parágrafo 4</p> </body></html> 
Justificativa: Resposta correta:arquivo:prova_1.css:p { color: #000000; } codificação HTML:
<html> <head>   <title>CSS - Estilos</title>    <link rel="stylesheet" type= "text/css"
href="prova_1.css">   <style type="text/css">    <!--        p { color: #0000FF; }    -->   
</style> </head> <body>   <p>Parágrafo 1</p>  <p style="color: #FF0000">Parágrafo 2</p>   
 <p>Parágrafo 3</p>  <p>Parágrafo 4</p> </body></html> 
O arquivo CSS externo não influenciará as cores da página, mas deve ser carregado para atender
ao estilo global do site. Os estilos incorporados (azul) e locais (vermelho) estão corretos para a
definição do estilo do site porque atendem aos requisitos embarcados e locais.   
 Distratores:arquivo:prova_1.css:p { color: #0000FF; } codificação HTML:<html> <head> 
 <title>CSS - Estilos</title>    <link rel="stylesheet" type= "text/css" href="prova_1.css">
</head> <body>   <p>Parágrafo 1</p>  <p style="color: #FF0000">Parágrafo 2</p>     <p>Parágrafo
3</p>   <p>Parágrafo 4</p> </body></html> 
Errada. O arquivo CSS externo está com a configuração de parágrafos configurada na cor azul,
não atendendo aos requisitos do site, que deve ter configuração global de parágrafos na cor
preta. A cor azul deve ser configurada com estilo incorporado, e não externo, na página. 
codificação HTML:<html> <head>   <title>CSS - Estilos</title> </head> <body>  <p style="color:
#0000FF">Parágrafo 1</p>  <p style="color: #FF0000">Parágrafo 2</p>    <p style="color:
#0000FF">Parágrafo 3</p>  <p style="color: #0000FF">Parágrafo 4</p> </body></html> Errada. A
página, apesar de apresentar os mesmos resultados de cores esperados, contém apenas estilos
locais, dificultando não só a manutenção do site, mas também não atendendo aos requisitos
embarcados e externos descritos no problema. 
arquivo:prova_1.css:p { color: #0000FF; } codificação HTML:<html> <head>   <title>CSS -
Estilos</title>    <link rel="stylesheet" type= "text/css" href="prova_1.css">   <style
type="text/css">    <!--        p { color: #000000; }    -->    </style> </head> <body>   <p>Parágrafo
1</p>  <p style="color: #FF0000">Parágrafo 2</p>     <p>Parágrafo 3</p>  <p>Parágrafo
4</p> </body></html> 
Errada. A página, apesar de apresentar os requisitos de estilos externo, incorporado e local
configurados, não apresenta corretamente as cores preta e azul, que estão invertidas quanto à
cor do estilo. 
arquivo:prova_1.css:p { color: #000000; } codificação HTML:<html> <head>   <title>CSS -
Estilos</title>    <link rel="stylesheet" type= "text/css" href="prova_1.css"></head> <body> 
 <p>Parágrafo 1</p>  <p style="color: #FF0000">Parágrafo 2</p>     <p>Parágrafo 3</p> 
 <p>Parágrafo 4</p> </body></html> Errada. A página, apesar de apresentar o requisito de estilo
externo na cor preta, não apresenta o estilo incorporado na cor azul, o que não atende aos
requisitos da página.
3  Código: 35914 - Enunciado: No desenvolvimento de aplicações web, utilizamos o CSS para criar
conjuntos de formatação para a criação de estilos para o site. É comum definir uma série de
estilos e aplicá-los quando necessário.Nesse contexto, determine qual dos códigos CSS a seguir
se refere à criação de uma classe CSS para uso com diferentes componentes.
 a) h1, h2, h3 .texto_negrito { font-weight : bold; }
 b) p.texto_negrito { font-weight : bold; }
 c) .texto_negrito { font-weight : bold; }
 d) texto_negrito { font-weight : bold; }
 e) a.texto_negrito { font-weight : bold; }
Alternativa marcada:
c) .texto_negrito { font-weight : bold; }
Justificativa: Resposta correta:.texto_negrito { font-weight : bold ; }.Uma classe é identificada
pelo ponto no início do identificador e o nome que será usado para identificar o estilo, podendo
ser utilizado localmente por diversos componentes diferentes.  
1,50/ 1,50
23/06/2021 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/6384462/fad9c73c-59af-11ea-8ff0-0242ac110034/ 4/7
Distratores:texto_negrito { font-weight : bold ; }. Errada. Uma classe é identificada pelo ponto no
início do identificador e o nome que será usado para identificar o estilo. O código apresentado
não possui o ponto inicial para a identificação de uma classe. p.texto_negrito { font-weight : bold
; }. Errada. Não se usa o nome de componente para a criação de uma classe; devemos apenas
iniciar por um ponto e identificar o nome e o estilo. h1, h2, h3 .texto_negrito { font-weight : bold ;
}. Errada. Não se usa o nome de um ou mais componentes para a criação de uma classe; apesar
de podermos separar a identificação dos componentes por meio do uso de vírgulas, uma classe
não possui identificação de componentes; devemos apenas iniciar por um ponto e identificar o
nome e o estilo.a.texto_negrito { font-weight : bold ; }. Errada. O uso de um componente de
âncora com um ponto e um nome para identificar o estilo é usado para a criação de seletores,
que servem para padronizar links (âncoras). Nesse caso, são criados classes de padronização,
mas essas classes estão restritas a uso apenas com componentes específicos, e não com
diferentes componentes.
4  Código: 35909 - Enunciado: Um desenvolvedor precisa apresentar uma lista de itens para que o
usuário, ao clicar sobre o item de sua escolha, faça com que o navegador o direcione para uma
outra página. A lista não deverá apresentar descrição dos itens ou qualquer tipo de numeração,
conforme apresentado no exemplo. 
Diante do exposto, determine qual das alternativas criará uma lista que atenderá às necessidades
do desenvolvedor para acessar as páginas: sobre.html e contato.html.
 a) <p><a href="sobre.html">Sobre</a></p><p><a href="contato.html">Contato</a></p> 
 b) <dl>      <dt><a href="sobre.html">Sobre</a></dt>      <dt><a
href="contato.html">Contato</a></dt></dl> 
 c) <p><a href="sobre.html">Sobre</a>   <a href="contato.html">Contato</a></p> 
 d) <ul>      <li><a href="sobre.html">Sobre</a></li>      <li><a
href="contato.html">Contato</a></li></ul> 
 e) <ol>      <li><a href="sobre.html">Sobre</a></li>      <li><a
href="contato.html">Contato</a></li></ol> 
Alternativa marcada:
c) <p><a href="sobre.html">Sobre</a>   <a href="contato.html">Contato</a></p> 
Justificativa: Resposta correta:<ul>      <li><a href="sobre.html">Sobre</a></li>      <li><a
href="contato.html">Contato</a></li></ul>A tag para a criação de listas não numeradas e sem
descrição é a <ul>. Distratores:<dl>      <dt><a href="sobre.html">Sobre</a></dt>      <dt><a
href="contato.html">Contato</a></dt></dl>Errada. A tag <dl> é utilizada para a criação de listas
de definição com opção de apresentação de descrição. Essa tag não permite a apresentação de
itens identificados com o ponto na frente.  
<p><a href="sobre.html">Sobre</a></p><p><a href="contato.html">Contato</a></p>Errada. A
tag <p> é usada para a criação de parágrafos, não sendo indicada para o uso com listas. No
exemplo acima, os itens aparecerão um abaixo do outro, mas não será apresentado o ponto de
identificação dos itens na frente.                         
<p><a href="sobre.html">Sobre</a>   <a href="contato.html">Contato</a></p>      Errada. A tag
<p> é usada para a criação de parágrafos, não sendo indicada para o uso com listas. Nesse
código, os itens irão aparecer lado a lado.  
<ol>      <li><a href="sobre.html">Sobre</a></li>      <li><a href="contato.html">Contato</a></li>
</ol>Errada. A tag <ol> é usada para a criação de listas numeradas, em que o ponto identificador
do item é substituído por um número.
0,00/ 1,50
5  0,00/ 0,50
23/06/2021 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/6384462/fad9c73c-59af-11ea-8ff0-0242ac110034/5/7
Código: 35448 - Enunciado: Na criação de formulários em HTML, devemos determinar o método
(method) de envio dos dados para o servidor. Nesse contexto, identifique as possíveis formas de
envio de dados para o servidor ao submeter o conteúdo de um formulário.
 a) Set e Get.  
 b) Get e Post.
 c) Submit e Get.
 d) Set e Post.
 e) Submit e Post.
Alternativa marcada:
a) Set e Get.  
Justificativa: Resposta correta:Get e Post.Post e Get são os únicos métodos de envio de dados de
um formulário HTML para o servidor. O método Get realiza o envio dos dados junto com a URL de
chamada do servidor, sendo uma forma de envio em que os dados são exibidos durante a
chamada. O método Post realiza o envio de forma separada, por meio de um bloco de dados com
mais segurança, além de permitir o envio de uma quantidade maior de dados.   
Distratores:Set e Post. Errada. Post é um método de envio utilizado em fomulários HTML, mas
Set é um tipo de métodos de acesso utilizados na programação orientada a objetos. Submit e
Post. Errada. Post é um método de envio utilizado em fomulários HTML, mas Submit é o tipo de
botão associado à ação de envio dos dados em um formulário HTML.Set e Get. Errada. Get é um
método de envio utilizado em fomulários HTML, mas Set é um tipo de métodos de acesso
utilizados na programação orientada a objetos. Submit e Get. Errada. Get é um método de envio
utilizado em fomulários HTML, mas Submit é o tipo de botão associado à ação de envio dos
dados em um formulário HTML.
6  Código: 35467 - Enunciado: No decorrer do processo de desenvolvimento de uma aplicação para
a web, foi criado pela equipe o seguinte formulário: 
Durante a apresentação para o supervisor, este pediu para que o campo “Matrícula” só aceite, no
máximo, 10 caracteres. Sendo assim, determine qual das tags abaixo permite que o usuário só
insira até 10 caracteres ou dígitos no campo matrícula (mat).
 a) <input type = "text" name = "mat" length = "10"> </input>
 b) <input type = "text" name = "mat" size = "10"> </input>
 c) <input type = "text" name = "mat" digits = "10"> </input>
 d) <input type = "text" name = "mat" maxlength = "10"> </input>
 e) <input type = "text" name = "mat" characters = "10"> </input>
Alternativa marcada:
d) <input type = "text" name = "mat" maxlength = "10"> </input>
Justificativa: Resposta correta:<input type = "text" name = "mat" maxlength = "10"> </input>.O
parâmetro que permite configurar a quantidade de caracteres ou dígitos que poderão ser
digitados é maxlength. 
Distratores:<input type = "text" name = "mat" size = "10"> </input>. Errada. O parâmetro
size permite definirmos o tamanho visual da caixa de texto na criação do componente.<input
type = "text" name = "mat" characters = "10"> </input>. Errada. Como o parâmetro
characters não é reconhecido pelo HTML, o navegador irá desconsiderá-lo, lembrando que um
componente <input> pode receber dígitos, além de caracteres.<input type = "text" name = "mat"
length = "10"> </input>. Errada. Como o parâmetro length não é reconhecido pelo HTML, o
navegador irá desconsiderá-lo e não limitará a quantidade de caracteres ou dígitos.<input type =
"text" name = "mat" digits = "10"> </input>. Errada. Como o parâmetro digits não é reconhecido
1,50/ 1,50
23/06/2021 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/6384462/fad9c73c-59af-11ea-8ff0-0242ac110034/ 6/7
pelo HTML, o navegador irá desconsiderá-lo, lembrando que um componente <input> pode
receber caracteres, além de dígitos.
7  Código: 35449 - Enunciado: Na programação em JavaScript, temos uma série de funções
predefinidas que podemos utilizar diretamente em nossos códigos. No contexto dos métodos
disponibilizados pela linguagem JavaScript, identifique qual deles é responsável por realizar o
cálculo de um número elevado a outro.
 a) Math.sin().
 b) Math.pow().
 c) Math.sqrt().
 d) Math.floor().
 e) Math.round().
Alternativa marcada:
c) Math.sqrt().
Justificativa: Resposta correta:Math.pow(). Essa função é responsável por calcular um número
elevado a outro. Exemplo: Math.pow(x, y), em que x será elevado a y. 
Distratores:Math.sin(). Errada. Essa função é responsável por calcular o seno de um
ângulo.Math.sqrt(). Errada. Essa função é responsável por calcular a raiz quadrada de um
número.     Math.round(). Errada. Essa função é responsável por arredondar um número para o
valor inteiro.      Math.floor(). Errada. Essa função é responsável por arredondar um número para o
menor valor inteiro.
0,00/ 0,50
8  Código: 36503 - Enunciado: No desenvolvimento de sites e aplicações para a web, precisamos
apresentar diversos tipos de conteúdos. Em muitos casos, é necessário combinar diferentes tags
para compor o resultado final esperado. Observe o seguinte resultado: 
Diante do exposto, identifique o conjunto de códigos HTML originais para a geração do resultado
esperado:
 a) CH<sub>2</sub>O - H R<sup>2</sup> <br>
 b) CH<sub>2</sub>O - <u>H R</u><sup>2</sup> <br>
 c) CH<sub>2</sub>O - <u>H R<sup>2</sup></u> <br>
 d) CH<sup>2</sup>O - <u>H R<sub>2</sub></u> <br>
 e) CH<sup>2</sup>O - H R<sub>2</sub> <br>
Alternativa marcada:
b) CH<sub>2</sub>O - <u>H R</u><sup>2</sup> <br>
Justificativa: Resposta correta:CH<sub>2</sub>O - <u>H R</u><sup>2</sup> <br>.Resulta em:
CH2O - H R2. Representa corretamente o uso das tags de subscrito, sobrescrito e
sublinhado. Distratores:CH<sub>2</sub>O - H R<sup>2</sup> <br>. Errada, pois o resultado não
apresenta o trecho sublinhado <u> e </u>.CH<sup>2</sup>O - <u>H R<sub>2</sub></u>
<br>. Errada, pois o resultado apresenta uma inversão entre o uso do subscrito e do
sobrescrito.CH<sup>2</sup>O - H R<sub>2</sub> <br>. Errada, pois o resultado não apresenta o
trecho sublinhado <u> e </u>, além de apresentar uma inversão entre o subscrito e o
sobrescrito.CH<sub>2</sub>O - <u>H R<sup>2</sup></u> <br>. Errada, pois no resultado, o
trecho sublinhado se estende até o valor 2 sobrescrito, que diverge do padrão original
apresentado.
0,50/ 0,50
23/06/2021 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/6384462/fad9c73c-59af-11ea-8ff0-0242ac110034/ 7/7