Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
ProjetoDisciplina - Fabrica de Software
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
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
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
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
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
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
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
Compartilhar
Prévia do material em texto
UniEvangélica - Fábrica de Software
Cálamo Andret – 2110383
Data: 17/03/2024
Projeto da Disciplina – Ciclo 1
Desenvolvimento da Aplicação Web:
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Interação com IA e Redes Sociais</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<h1>Interação com IA e Redes Sociais</h1>
<div id="chat-container"></div>
<input type="text" id="user-input" placeholder="Digite sua pergunta...">
<button onclick="askQuestion()">Enviar</button>
</div>
<script src="script.js"></script>
</body>
</html>
JavaScript:
function fazerRequisicaoPergunta(pergunta) {
// Simulando uma requisição AJAX
var respostaChatGPT = "Resposta do ChatGPT";
var respostaBard = "Resposta do Bard";
var respostaRedeSocial = "Resposta da Rede Social";
exibirRespostas(respostaChatGPT, respostaBard, respostaRedeSocial);
}
function exibirRespostas(respostaChatGPT, respostaBard, respostaRedeSocial) {
// Exibir as respostas na interface do usuário
document.getElementById('resposta-chatgpt').innerText = "Resposta do
ChatGPT: " + respostaChatGPT;
document.getElementById('resposta-bard').innerText = "Resposta do Bard: " +
respostaBard;
document.getElementById('resposta-redesocial').innerText = "Resposta da Rede
Social: " + respostaRedeSocial;
}
document.getElementById('enviar-pergunta').addEventListener('click', function() {
var pergunta = document.getElementById('input-pergunta').value;
fazerRequisicaoPergunta(pergunta);
});
CSS:
.container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
text-align: center;
}
#chat-container {
max-height: 300px;
overflow-y: auto;
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 20px;
}
input[type="text"] {
width: calc(100% - 70px);
padding: 10px;
margin-right: 10px;
}
button {
padding: 10px 20px;
background-color: #007bff;
color: #fff;
border: none;
cursor: pointer;
}
button:hover {
background-color: #0056b3;
}
Diagrama de Casos de Uso (UML)
Diagrama de Classes:
Diagrama de Entidade:
Dicionário de Dados:Materiais relacionados
3 pág.
Perguntas relacionadas
Compartilhar