Skip to content

Commit

Permalink
Merge pull request #7 from ICEI-PUC-Minas-PPLCC-TI/Matheus
Browse files Browse the repository at this point in the history 
Matheus
  • Loading branch information
@Matheusfr34
Matheusfr34 authored Jun 30, 2024
2 parents 8158140 + bece057 commit 44d1cbb
Show file tree
Hide file tree
Showing 9 changed files with 519 additions and 343 deletions.
288 changes: 146 additions & 142 deletions db.json
View file
Original file line number Diff line number Diff line change
@@ -1,146 +1,140 @@
{
"topicos": [
{
"id": "1",
"titulo": "Como enviar e-mails",
"conteudo": "Aprenda passo a passo como enviar e-mails para se comunicar com amigos e familiares. Passo 1: Abra o seu programa de e-mail. Passo 2: Clique em 'Escrever' ou 'Nova mensagem'. Passo 3: Digite o endereço de e-mail do destinatário na linha 'Para'. Passo 4: Escreva o assunto do e-mail na linha 'Assunto'. Passo 5: Digite sua mensagem na área de texto principal. Passo 6: Clique em 'Enviar' para enviar o e-mail.",
"imagem": "img/email.png",
"categorias": [
"Comunicação",
"E-mail"
]
},
{
"id": "2",
"titulo": "Navegação na Internet",
"conteudo": "Saiba como navegar na internet para encontrar informações úteis e interessantes. Passo 1: Abra o seu navegador da web (por exemplo, Google Chrome, Mozilla Firefox). Passo 2: Na barra de endereços, digite o site que deseja visitar. Passo 3: Pressione 'Enter' para acessar o site. Passo 4: Use os botões 'Voltar' e 'Avançar' para navegar entre as páginas. Passo 5: Clique em links para acessar diferentes seções do site. Passo 6: Para pesquisar, digite sua consulta na barra de pesquisa e pressione 'Enter'.",
"imagem": "img/Internet.png",
"categorias": [
"Internet",
"Pesquisa"
]
},
{
"id": "3",
"titulo": "Uso do WhatsApp",
"conteudo": "Aprenda a usar o WhatsApp para se comunicar por mensagens de texto, voz e vídeo. Passo 1: Abra o aplicativo WhatsApp em seu smartphone. Passo 2: Toque na conversa com a pessoa para quem deseja enviar uma mensagem. Passo 3: Na parte inferior da tela, digite sua mensagem no campo de texto. Passo 4: Toque no ícone de avião de papel para enviar a mensagem. Passo 5: Para fazer uma chamada de voz ou vídeo, toque no ícone do telefone ou câmera na parte superior da conversa.",
"imagem": "img/whatsapp.png",
"categorias": [
"Comunicação",
"Mensagens"
]
},
{
"id": "4",
"titulo": "Como usar o Zoom",
"conteudo": "Descubra como participar de videochamadas usando o Zoom para se conectar com amigos e familiares. Passo 1: Baixe e instale o aplicativo Zoom em seu dispositivo. Passo 2: Abra o aplicativo Zoom. Passo 3: Clique em 'Entrar em uma reunião'. Passo 4: Insira o ID da reunião fornecido pelo organizador e clique em 'Entrar'. Passo 5: Aguarde a aprovação do host para ingressar na reunião. Passo 6: Uma vez dentro da reunião, clique em 'Iniciar vídeo' e 'Unir-se com o áudio' se desejar ativar sua câmera e microfone.",
"imagem": "img/zoom.jpeg",
"categorias": [
"Comunicação",
"Videoconferência"
]
},
{
"id": "5",
"titulo": "Utilizando o Facebook",
"conteudo": "Saiba como utilizar o Facebook para se manter conectado com amigos e familiares e encontrar conteúdo interessante. Passo 1: Faça login na sua conta do Facebook. Passo 2: No feed de notícias, você verá postagens de seus amigos e páginas que segue. Passo 3: Para interagir com uma postagem, você pode clicar em 'Curtir', 'Comentar' ou 'Compartilhar'. Passo 4: Para encontrar amigos, use a barra de pesquisa no topo da página. Passo 5: Para publicar uma postagem, clique em 'Criar postagem' e digite o que deseja compartilhar.",
"imagem": "img/facebook.webp",
"categorias": [
"Redes Sociais",
"Comunicação"
]
},
{
"id": "6",
"titulo": "Uso do Google Maps",
"imagem": "img/maps.png",
"categorias": [
"Navegação",
"Mapas"
]
},
{
"id": "7",
"titulo": "Como utilizar smartphones",
"imagem": "img/smartphone.jpg",
"categorias": [
"Tecnologia",
"Celulares"
]
},
{
"id": "8",
"titulo": "Criando uma conta de e-mail",
"imagem": "img/conta.png",
"categorias": [
"E-mail",
"Comunicação"
]
},
{
"id": "9",
"titulo": "Segurança na Internet",
"imagem": "img/securit.png",
"categorias": [
"Segurança",
"Internet"
]
},
{
"id": "10",
"titulo": "Utilizando o Skype",
"imagem": "img/skype.jpeg",
"categorias": [
"Comunicação",
"Videochamadas"
]
},
{
"id": "11",
"titulo": "Configurações básicas de computadores",
"imagem": "img/computador.jpeg",
"categorias": [
"Tecnologia",
"Computadores"
]
},
{
"id": "12",
"titulo": "Fazendo buscas na Internet",
"imagem": "img/pesquisa.jpeg",
"categorias": [
"Internet",
"Pesquisa"
]
},
{
"id": "13",
"titulo": "Utilizando o YouTube",
"imagem": "img/youtube.jpeg",
"categorias": [
"Entretenimento",
"Vídeos"
]
},
{
"id": "14",
"titulo": "Compartilhando fotos no Instagram",
"imagem": "img/instagram.jpeg",
"categorias": [
"Redes Sociais",
"Fotografia"
]
},
{
"id": "15",
"titulo": "Acessibilidade no Smartphone",
"imagem": "img/smartphone.jpg",
"categorias": [
"Tecnologia",
"Acessibilidade"
]
}
],
"topicos": [
{
"id": "1",
"titulo": "Como enviar e-mails",
"conteudo": "Aprenda passo a passo como enviar e-mails para se comunicar com amigos e familiares. Passo 1: Abra o seu programa de e-mail. Passo 2: Clique em 'Escrever' ou 'Nova mensagem'. Passo 3: Digite o endereço de e-mail do destinatário na linha 'Para'. Passo 4: Escreva o assunto do e-mail na linha 'Assunto'. Passo 5: Digite sua mensagem na área de texto principal. Passo 6: Clique em 'Enviar' para enviar o e-mail.",
"imagem": "img/email.png",
"link": [
"https://www.youtube.com/embed/tXo0mat5ofo" ],
"categorias": [
"Comunicação",
"E-mail"
]
},
{
"id": "2",
"titulo": "Navegação na Internet",
"conteudo": "Saiba como navegar na internet para encontrar informações úteis e interessantes. Passo 1: Abra o seu navegador da web (por exemplo, Google Chrome, Mozilla Firefox). Passo 2: Na barra de endereços, digite o site que deseja visitar. Passo 3: Pressione 'Enter' para acessar o site. Passo 4: Use os botões 'Voltar' e 'Avançar' para navegar entre as páginas. Passo 5: Clique em links para acessar diferentes seções do site. Passo 6: Para pesquisar, digite sua consulta na barra de pesquisa e pressione 'Enter'.",
"imagem": "img/Internet.png",
"link": ["https://www.youtube.com/embed/lKUJm0tktPE"],
"categorias": [
"Internet",
"Pesquisa"
]
},
{
"id": "3",
"titulo": "Uso do WhatsApp",
"conteudo": "Aprenda a usar o WhatsApp para se comunicar por mensagens de texto, voz e vídeo. Passo 1: Abra o aplicativo WhatsApp em seu smartphone. Passo 2: Toque na conversa com a pessoa para quem deseja enviar uma mensagem. Passo 3: Na parte inferior da tela, digite sua mensagem no campo de texto. Passo 4: Toque no ícone de avião de papel para enviar a mensagem. Passo 5: Para fazer uma chamada de voz ou vídeo, toque no ícone do telefone ou câmera na parte superior da conversa.",
"imagem": "img/whatsapp.png",
"link": [""],
"categorias": [
"Comunicação",
"Mensagens"
]
},
{
"id": "4",
"titulo": "Como usar o Zoom",
"conteudo": "Descubra como participar de videochamadas usando o Zoom para se conectar com amigos e familiares. Passo 1: Baixe e instale o aplicativo Zoom em seu dispositivo. Passo 2: Abra o aplicativo Zoom. Passo 3: Clique em 'Entrar em uma reunião'. Passo 4: Insira o ID da reunião fornecido pelo organizador e clique em 'Entrar'. Passo 5: Aguarde a aprovação do host para ingressar na reunião. Passo 6: Uma vez dentro da reunião, clique em 'Iniciar vídeo' e 'Unir-se com o áudio' se desejar ativar sua câmera e microfone.",
"imagem": "img/zoom.jpeg",
"link": [""],
"categorias": [
"Comunicação",
"Videoconferência"
]
},
{
"id": "5",
"titulo": "Utilizando o Facebook",
"conteudo": "Saiba como utilizar o Facebook para se manter conectado com amigos e familiares e encontrar conteúdo interessante. Passo 1: Faça login na sua conta do Facebook. Passo 2: No feed de notícias, você verá postagens de seus amigos e páginas que segue. Passo 3: Para interagir com uma postagem, você pode clicar em 'Curtir', 'Comentar' ou 'Compartilhar'. Passo 4: Para encontrar amigos, use a barra de pesquisa no topo da página. Passo 5: Para publicar uma postagem, clique em 'Criar postagem' e digite o que deseja compartilhar.",
"imagem": "img/facebook.webp",
"link": [""],
"categorias": [
"Redes Sociais",
"Comunicação"
]
},
{
"id": "6",
"titulo": "Uso do Google Maps",
"conteudo": "",
"imagem": "img/maps.png",
"link": [""],
"categorias": [
"Navegação",
"Mapas"
]
},
{
"id": "7",
"titulo": "Como utilizar smartphones",
"conteudo": "",
"imagem": "img/smartphone.jpg",
"link": [""],
"categorias": [
"Tecnologia",
"Celulares"
]
},
{
"id": "8",
"titulo": "Criando uma conta de e-mail",
"conteudo": "",
"imagem": "img/conta.png",
"link": [""],
"categorias": [
"E-mail",
"Comunicação"
]
},
{
"id": "9",
"titulo": "Segurança na Internet",
"conteudo": "",
"imagem": "img/securit.png",
"link": [""],
"categorias": [
"Segurança",
"Internet"
]
},
{
"id": "10",
"titulo": "Utilizando o Skype",
"conteudo": "",
"imagem": "img/skype.jpeg",
"link": [""],
"categorias": [
"Comunicação",
"Videochamadas"
]
},
{
"id": "11",
"titulo": "Configurações básicas de computadores",
"conteudo": "",
"imagem": "img/computador.jpeg",
"link": [""],
"categorias": [
"Tecnologia",
"Computadores"
]
},
{
"id": "12",
"titulo": "Fazendo buscas na Internet",
"conteudo": "",
"imagem": "img/pesquisa.jpeg",
"link": [""],
"categorias": [
"Internet",
"Pesquisa"
]
}
],

"mensagens": [
{
"id": "1",
Expand Down Expand Up @@ -255,6 +249,16 @@
"Comunicação",
"Mensagens"
]
},
{
"id": "10",
"UserId": 2,
"titulo": "Utilizando o Skype",
"imagem": "img/skype.jpeg",
"categorias": [
"Comunicação",
"Videochamadas"
]
}
]
}
2 changes: 1 addition & 1 deletion docs/pages/app_createtopic.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -202,7 +202,7 @@
<img src="img/logo_redonda.png" alt="Logo do Site">
</div>
<ul id="lista-menu">
<li><a href="conteudo.html">Menu Principal</a></li>
<li><a href="conteudo_staff.html">Menu Principal</a></li>
<li><a href="app_createtopic.html">Adicionar conteúdo</a></li>
<li><a href="app_edittopic.html">Editar tópico</a></li>
<li><a href="sendmessage_staff.html">Criar Mensagem</a></li>
Expand Down
9 changes: 7 additions & 2 deletions docs/pages/conteudo.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Conteúdo</title>
<link rel="stylesheet" href="./styles.css">
</head>

<body>
<div class="navbar">
Expand Down Expand Up @@ -90,7 +91,7 @@
const div = document.createElement("div");
div.classList.add("col-md-4", "mb-4");
div.innerHTML = `
<div class="card h-100">
<div class="card h-100" onclick="redirectToRepo('${item.id}')">
<img src="${item.imagem}" class="card-img-top img-fluid" alt="Imagem do Repositório">
<div class="card-body">
<h5 class="card-title">${item.titulo}</h5>
Expand Down Expand Up @@ -158,7 +159,11 @@ <h5 class="card-title">${item.titulo}</h5>
});
}
}

function redirectToRepo(id) {
window.location.href = `repo.html?id=${id}`;
}
</script>
</body>

</html>
</html>
9 changes: 7 additions & 2 deletions docs/pages/conteudo_staff.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Conteúdo</title>
<link rel="stylesheet" href="./styles.css">
</head>

<body>
<div class="navbar">
Expand Down Expand Up @@ -90,7 +91,7 @@
const div = document.createElement("div");
div.classList.add("col-md-4", "mb-4");
div.innerHTML = `
<div class="card h-100">
<div class="card h-100" onclick="redirectToRepo('${item.id}')">
<img src="${item.imagem}" class="card-img-top img-fluid" alt="Imagem do Repositório">
<div class="card-body">
<h5 class="card-title">${item.titulo}</h5>
Expand Down Expand Up @@ -158,7 +159,11 @@ <h5 class="card-title">${item.titulo}</h5>
});
}
}

function redirectToRepo(id) {
window.location.href = `repo_staff.html?id=${id}`;
}
</script>
</body>

</html>
</html>
6 changes: 5 additions & 1 deletion docs/pages/favoritos.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -85,7 +85,7 @@
const div = document.createElement("div");
div.classList.add("col-md-4", "mb-4");
div.innerHTML = `
<div class="card h-100">
<div class="card h-100" onclick="redirectToRepo('${item.id}')">
<img src="${item.imagem}" class="card-img-top img-fluid" alt="Imagem do Repositório">
<div class="card-body">
<h5 class="card-title">${item.titulo}</h5>
Expand All @@ -96,6 +96,10 @@ <h5 class="card-title">${item.titulo}</h5>
favoritosGrid.appendChild(div);
}

function redirectToRepo(id) {
window.location.href = `repo.html?id=${id}`;
}

const menuOptions = document.getElementById("menuOptions");
const categories = ["Todas as categorias", "Comunicação", "E-mail", "Internet", "Pesquisa", "Mensagens"];

Expand Down
Loading

0 comments on commit 44d1cbb

Please sign in to comment.