183 lines
11 KiB
HTML
183 lines
11 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="it">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width">
|
||
<link rel="stylesheet" href="css/main.css">
|
||
<link rel="stylesheet" href="css/spectre-icons.css">
|
||
<script src="js/ui.js" type="text/javascript"></script>
|
||
<title>Il progetto | Nel cielo di Fara</title>
|
||
</head>
|
||
<body>
|
||
<header class="main-header prog">
|
||
<div class="container">
|
||
<div class="columns text-gray" id="nav">
|
||
<div class="column col-lg-7 col-sm-10 col-md-2">
|
||
<img class="hide-sm" src="img/InnovaPatrimonio_logo_transparent_bg_150x98.png" alt="Logo InnovaPatrimonio" id="logo">
|
||
<i class="icon icon-menu show-sm"></i>
|
||
</div>
|
||
<div class="column col-sm-2 show-sm text-right">
|
||
<img class="show-sm" src="img/InnovaPatrimonio_logo_transparent_bg_150x98.png" alt="Logo InnovaPatrimonio" id="logo">
|
||
</div>
|
||
<div class="hide-sm column col-lg-5 col-sm-10 col-md-10 nav-light nav-menu" id="links">
|
||
<a href="index.html" title="Torna alla home page">Home</a>
|
||
<a href="progetto.html" title="Vai alla descrizione del progetto">Il progetto</a>
|
||
<a href="itinerario.html" title="Vai all'itinerario">L'itinerario</a>
|
||
<a href="news.html" title="Leggi news ed eventi">News & Eventi</a>
|
||
<a href="credits.html" title="Credits del progetto">Credits</a>
|
||
</div>
|
||
<nav class="d-hide side-nav bg-white opensans">
|
||
<p id="close-nav"><i class="icon-close"></i></p>
|
||
<a href="index.html" title="Torna alla home page">Home</a>
|
||
<a href="progetto.html" title="Vai alla descrizione del progetto">Il progetto</a>
|
||
<a href="itinerario.html" title="Vai all'itinerario">L'itinerario</a>
|
||
<a href="news.html" title="Leggi news ed eventi">News & Eventi</a>
|
||
<a href="credits.html" title="Credits del progetto">Credits</a>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
<div id="title" class="text-center">
|
||
<h1 class="roboto">Il progetto</h1>
|
||
</div>
|
||
</header>
|
||
<main>
|
||
<section class="odd-stripe">
|
||
<div class="container">
|
||
<div class="columns">
|
||
<div class="column col-lg-7 col-sm-12 col-md-12 of-hidden">
|
||
<iframe src="https://player.vimeo.com/video/464788316"
|
||
width="640" height="360" frameborder="0" allowfullscreen></iframe>
|
||
</div>
|
||
<div class="column col-lg-5 col-sm-12 col-md-12 pl-lg">
|
||
<h2>In sintesi</h2>
|
||
<p>
|
||
L’obiettivo del progetto Innova Patrimonio è l’ideazione e la creazione di un innovativo
|
||
<strong>modello di narrazione del territorio e dei suoi beni</strong>,
|
||
in particolare dei borghi antichi, che oggi vivono
|
||
un processo di progressivo abbandono, da veicolare tramite varie soluzioni tecnologiche.
|
||
</p>
|
||
<p>
|
||
La tradizionale impostazione descrittiva di itinerari e monumenti viene sostituita da
|
||
una <strong>rappresentazione drammaturgica di storie, personaggi, modi di vivere e visioni</strong>
|
||
che costituiscono i caratteri irriducibili e unici della vita profonda di un borgo.
|
||
A quest'anima nascosta danno forma recitazioni attoriali, ricostruzioni virtuali,
|
||
ambienti di <em lang="en">Mixed Reality</em>, interventi di scenografia urbana, <em lang="en">projection mapping</em>.
|
||
</p>
|
||
</div>
|
||
<div class="column col-12 mt-2">
|
||
<p class="mt-2"><strong>Teatro, cinema e computer grafica</strong> si fondono in questa inedita
|
||
rappresentazione spettacolare alla quale la comunità prende parte e in essa si riconosce,
|
||
ma che allo stesso tempo diventa elemento di attrazione turistica.
|
||
Gli output sono vari:
|
||
ambienti interattivi per tecnologie <em>mobile</em>, sito web, installazioni <em>site specific</em>.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<div class="container">
|
||
<div class="columns">
|
||
<div class="column col-lg-7 col-sm-12 col-md-12">
|
||
<h2>Valore aggiunto del progetto</h2>
|
||
<ul>
|
||
<li>Un nuovo modello narrativo</li>
|
||
<li>Raccontare luoghi noti con occhi nuovi</li>
|
||
<li>La tecnologia aiuta a rendere visibile lo straordinario</li>
|
||
<li>Tecnologia ad alta usabilità</li>
|
||
<li>Un prodotto scalabile e ripetibile</li>
|
||
<li>Valorizzazione della "prossimità"</li>
|
||
</ul>
|
||
</div>
|
||
<div class="column col-lg-5 col-sm-12 col-md-12" id="vagg">
|
||
<img src="img/Prologo-Annunziazione_backst.jpg">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="odd-stripe">
|
||
<div class="container">
|
||
<div class="columns mb-2">
|
||
<div class="col-12 mb-2">
|
||
<h2>Output del progetto</h2>
|
||
</div>
|
||
<div class="column col-lg-6 col-sm-12 col-md-12 of-hidden mt-2 mb-2 pr-lg">
|
||
<p class="text-left text-uppercase mb-0 mt-2 robot-slab-b">Piattaforma web</p>
|
||
<p class="text-left mb-2">
|
||
Per la condivisione dei contenuti e la creazione gratuita di tour e visite guidate
|
||
</p>
|
||
<a href="https://cms.innovapatrimonio.com/" title="Vai al sito di InnovaPatrimonio">
|
||
<img src="img/sito_ip.PNG" alt="Sito di InnovaPatrimonio">
|
||
</a>
|
||
</div>
|
||
<div class="column col-lg-6 col-sm-12 col-md-12 mt-2 mb-2 pr-lg">
|
||
<p class="text-left text-uppercase mb-0 mt-2 robot-slab-b">Web app</p>
|
||
<p class="text-left mb-2">
|
||
Generata dal sito web con i contenuti pre-caricati
|
||
</p>
|
||
<a href="https://pwa.innovapatrimonio.com/" title="Vai alla web app di InnovaPatrimonio">
|
||
<img src="img/webapp.PNG" alt="Web App InnovaPatrimonio">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="prj-logos">
|
||
<div class="container">
|
||
<div class="columns mb-2">
|
||
<div class="col-12">
|
||
<h2>Partner del progetto</h2>
|
||
</div>
|
||
</div>
|
||
<div class="columns mt-lg">
|
||
<div class="col-2 col-sm-12 col-md-12"></div>
|
||
<div class="col-3 col-sm-12 col-md-12 pl-2 pr-2">
|
||
<figure class="figure">
|
||
<img class="of-hidden" src="img/logo_theorema.png" alt="THEOREMA">
|
||
<figcaption class="figure-caption text-center opensans">THEOREMA</figcaption>
|
||
</figure>
|
||
</div>
|
||
<div class="col-3 col-sm-12 col-md-12 pl-2 pr-2">
|
||
<a href="https://orpheogroup.com">
|
||
<figure class="figure">
|
||
<img class="of-hidden" src="img/logo_orpheo.png" alt="ORPHEO">
|
||
<figcaption class="figure-caption text-center opensans">ORPHEO</figcaption>
|
||
</figure>
|
||
</a>
|
||
</div>
|
||
<div class="col-3 col-sm-12 col-md-12 pl-2 pr-2">
|
||
<figure class="figure">
|
||
<img class="of-hidden" src="img/logo_sillabe.jpg" alt="SILLABE">
|
||
<figcaption class="figure-caption text-center opensans">SILLABE</figcaption>
|
||
</figure>
|
||
</div>
|
||
<div class="col-1 col-sm-12 col-md-12"></div>
|
||
</div>
|
||
<div class="columns mt-lg">
|
||
<div class="col-3 col-sm-12 col-md-12"></div>
|
||
<div class="col-4 col-sm-12 col-md-12">
|
||
<a href="https://www.ispc.cnr.it" title="Vai al sito di CNR ISPC">
|
||
<figure class="figure">
|
||
<img class="of-hidden" src="img/ispc_ext_large.png" alt="CNR ISPC">
|
||
<figcaption class="figure-caption text-center opensans">CNR ISPC</figcaption>
|
||
</figure>
|
||
</a>
|
||
</div>
|
||
<div class="col-2 col-sm-12 col-md-12">
|
||
<a href="https://www.teatropotlach.org" title="Vai al sito del Teatro Potlach">
|
||
<figure class="figure">
|
||
<img class="of-hidden" src="img/logo_potlach.jpg" alt="TEATRO POTLACH" id="potlach">
|
||
<figcaption class="figure-caption text-center opensans">TEATRO POTLACH</figcaption>
|
||
</figure>
|
||
</a>
|
||
</div>
|
||
<div class="col-3 col-sm-12 col-md-12"></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
<footer class="roboto">
|
||
<p id="copy">© Avviso pubblico Beni Culturali e Turismo POR FESR Lazio 2014-2020</p>
|
||
<p><img src="img/loghi_ispc_potlach.png" class="logos" alt="Loghi ISPC Potlach"></p>
|
||
<p><img src="img/FESR_BARRA_BENEFICIARI_DEF.jpg" class="logos" alt="Loghi enti beneficiari"></p>
|
||
</footer>
|
||
</body>
|
||
</html> |