uaveiro-leci/1ano/1semestre/iei/infor2022-ap-g16/projeto/about.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 &acirc;mbito da cadeira de Introdu&ccedil;&atilde;o &agrave; Engenharia Inform&aacute;tica, da Licenciatura em Engenharia de Computadores e Inform&aacute;tica.<br>
C&oacute;digo fonte dispon&iacute;vel no <a href="https://github.com/detiuaveiro/infor2022-ap-g16">Repositório do GitHub</a><br>
Realizado pelos autores (e respetivas contribui&ccedil;&otilde;es):<br>
<a target="_blank" href="https://github.com/RubenCGomes">R&uacute;ben Gomes</a>&emsp;&bullet;&emsp;(50%)<br>
<a target="_blank" href="https://github.com/TiagoRG">Tiago Garcia</a>&emsp;&bullet;&emsp;(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&oacute;nica, Telecomunica&ccedil;&otilde;es e Inform&aacute;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 &eacute; 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&aacute; cada vez mais ataques cibern&eacute;ticos. Com este projeto procuramos tocar nos pontos mais importantes do mundo digital, por isso os autores consideram que este site &eacute; 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&ccedil;&atilde;o do menu de navega&ccedil;&atilde;o, e a biblioteca jQuery para a cria&ccedil;&atilde;o do menu de navega&ccedil;&atilde;o responsivo. Foi usado um Bootstrap de tema escuro para um aspeto visual mais agrad&aacute;vel.
Tamb&eacute;m foi usado o jQuery para a cria&ccedil;&atilde;o de um menu de navega&ccedil;&atilde;o responsivo.
</p>
<p>
Em grande parte do projeto foram usados <i>stylesheets</i> e <i>scripts</i> personalizados para a cria&ccedil;&atilde;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>