83 lines
4.4 KiB
HTML
83 lines
4.4 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Acerca deste projeto</title>
|
||
|
|
<link rel="icon" href="images/favicon.jpeg">
|
||
|
|
|
||
|
|
<!-- Bootstrap v5.3 navbar -->
|
||
|
|
<link rel="canonical" href="https://getbootstrap.com/docs/5.3/examples/headers/">
|
||
|
|
<!-- Bootstrap stylesheet -->
|
||
|
|
<link rel="stylesheet" href="css/bootstrap-header.min.css">
|
||
|
|
<!-- jQuery library -->
|
||
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||
|
|
<!-- Bootstrap JavaScript -->
|
||
|
|
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
|
||
|
|
|
||
|
|
<!-- LeaftLet CSS e JavaScript -->
|
||
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.2/dist/leaflet.css">
|
||
|
|
<script src="https://unpkg.com/leaflet@1.0.2/dist/leaflet.js"></script>
|
||
|
|
|
||
|
|
<!-- Personal Styles -->
|
||
|
|
<link rel="stylesheet" href="css/about.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="container body-content">
|
||
|
|
<h1>ACERCA DESTE PROJETO</h1>
|
||
|
|
<hr>
|
||
|
|
<h2>SOBRE OS AUTORES</h2>
|
||
|
|
<p>
|
||
|
|
Trabalho realizado no âmbito da cadeira de Introdução à Engenharia Informática, da Licenciatura em Engenharia de Computadores e Informática.<br>
|
||
|
|
Código fonte disponível no <a href="https://github.com/detiuaveiro/infor2022-ap-g16">Repositório do GitHub</a><br>
|
||
|
|
Realizado pelos autores (e respetivas contribuições):<br>
|
||
|
|
<a target="_blank" href="https://github.com/RubenCGomes">Rúben Gomes</a> • (50%)<br>
|
||
|
|
<a target="_blank" href="https://github.com/TiagoRG">Tiago Garcia</a> • (50%)<br>
|
||
|
|
</p>
|
||
|
|
<p style="font-size: 135%">
|
||
|
|
2022-2023<br>
|
||
|
|
</p>
|
||
|
|
<p style="font-size: 140%">
|
||
|
|
<a target="_blank" href="https://www.ua.pt">Universidade de Aveiro</a><br>
|
||
|
|
Departamento de Electrónica, Telecomunicações e Informática<br>
|
||
|
|
</p>
|
||
|
|
<div class="row">
|
||
|
|
<div class="columnleft" style="text-align: center">
|
||
|
|
<div id="about-map"></div>
|
||
|
|
<!-- JavaScript for map design and other functionalities -->
|
||
|
|
<script src="js/map.js"></script>
|
||
|
|
</div>
|
||
|
|
<span style="color:blue" id="coordinates"></span>
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<h2>SOBRE O TRABALHO</h2>
|
||
|
|
Neste trabalho é abordado o tema de cibersegurança. Tema este que, com o desenvolver gradual das tecnologias, torna-se cada vez mais importante. Vulnerabilidades surgem a cada dia, e há cada vez mais ataques cibernéticos. Com este projeto procuramos tocar nos pontos mais importantes do mundo digital, por isso os autores consideram que este site é ideal para qualquer leitor que deseja saber algo mais sobre o mundo digital.
|
||
|
|
<hr>
|
||
|
|
<h2>SOBRE O SITE</h2>
|
||
|
|
<p>
|
||
|
|
Para este trabalho, foram usadas diversas bibliotecas para um melhor aspeto do mesmo. A biblioteca Bootstrap foi usada para a criação do menu de navegação, e a biblioteca jQuery para a criação do menu de navegação responsivo. Foi usado um Bootstrap de tema escuro para um aspeto visual mais agradável.
|
||
|
|
Também foi usado o jQuery para a criação de um menu de navegação responsivo.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
Em grande parte do projeto foram usados <i>stylesheets</i> e <i>scripts</i> personalizados para a criação de efeitos visuais, mapas, entre outros.
|
||
|
|
</p>
|
||
|
|
<hr>
|
||
|
|
<h2>BIBLIOGRAFIA</h2>
|
||
|
|
<p>
|
||
|
|
<ul>
|
||
|
|
<li>S. Karki, «Cyber Kill Chain - Offensive and Defensive Approach», <a href="https://medium.com/cryptogennepal/cyber-kill-chain-offensive-and-defensive-approach-22033e37a340"><i>CryptoGen Nepal</i></a>, 2021.</li>
|
||
|
|
<li>T. O. Foundation, <a href="https://owasp.org/www-project-top-ten/"><i>OWASP Top Ten</i></a>, [Edição mais recente], 2021.</li>
|
||
|
|
<li>T. D. Team, <a href="https://docs.docker.com/get-started/overview/"><i>Docker Overview</i></a></li>
|
||
|
|
</ul>
|
||
|
|
</p>
|
||
|
|
<img src="images/ualogo.png" alt="UA" width="100" height="100">
|
||
|
|
</div>
|
||
|
|
<footer class="p-3 text-bg-dark">
|
||
|
|
<div class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
|
||
|
|
<button class="btn btn-warning" onclick="self.close()"> Fechar </button>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
$(".body-content").css("padding-bottom", $("footer").height()*2.5);
|
||
|
|
</script>
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
</html>
|