caprigis/index.html

61 lines
3.4 KiB
HTML

<!DOCTYPE html>
<html lang="it" data-text="html" data-theme="light">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="css/app.css" />
<title>Carta Archeologica Isola di Capri</title>
</head>
<body>
<nav class="navbar mb-2 is-light" role="navigation">
<div class="navbar-brand">
<span class="navbar-item is-size-3">Carta Archeologica Isola di Capri</span>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="nav-menu">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<hr class="navbar-divider">
<div class="navbar-end"></div>
</nav>
<div class="main content">
<section class="section">
<h1 class="m-4 has-text-centered">Il WebGIS</h1>
<div class="columns mt-5">
<div class="column"></div>
<div class="column is-two-thirds is-size-5">
<p>
Il WebGIS è una tipologia di mappa georeferenziata interattiva presentata
tramite il Web, quindi fruibile attraverso un qualsiasi browser moderno.
</p>
<p>
Il WebGIS relativo alla Carta Archeologica dell'Isola di Capri è stato realizzato
utilizzando esclusivamente tecnologie open-source, principalmente la libreria JavaScript
<a href="https://leafletjs.com">Leaflet</a> per il rendering della mappa con
i layer (livelli) georeferenziati contenenti i punti geografici e le strutture rilevate
dal progetto, e il framework PHP <a href="https://symfony.com">Symfony</a> per lo
sviluppo della API (lato server) che interagisce con il database per recuperare le informazioni
e i dati relativi ai punti da visualizzare sulla mappa.
</p>
<p>Il database stesso è stato costruito con il sistema <a href="https://www.postgresql.org/">PostgreSQL</a>, il quale - attraverso l'estensione
<a href="https://postgis.net/">PostGIS</a> - permette di rappresentare dati geografici e geometrici e fornisce un insieme di
funzionalità integrate per l'interazione e le operazioni con i dati geometrici, rendendolo quindi
particolarmente utile per applicazioni <abbr title="Geography Information Systems">GIS</abbr>.
</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Et sed quidem atque? Delectus, blanditiis sint. Numquam tempora nemo perferendis ea modi. Pariatur voluptatibus ut consequatur? Sit reprehenderit in accusantium delectus.</p>
<div class="card mt-6">
<img class="image" src="img/webgis.webp" />
<div class="card-content has-text-centered">
<a href="webgis/" class="button is-link is-large">Accedi al WebGIS</a>
</div>
</div>
</div>
<div class="column"></div>
</div>
</section>
</div>
</div>
</body>
</html>