MLOL - Storie MLOL

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it"> <head><title> MLOL - Storie MLOL </title><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="stylesheet" type="text/css" href="../style/css.css" /><script>var _mtm = window._mtm = window._mtm || [];_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];g.async=true; g.src='https://webanalytics.medialibrary.it/js/container_AgKBHCl1.js'; s.parentNode.insertBefore(g,s);</script><link rel="stylesheet" type="text/css" href="../shadowbox/shadowbox.css" /><meta property="og:image" content=https://www.medialibrary.it/App_Themes/1/Images/cover_mini.jpg?v=1> <script type="text/javascript" src='https://www.google.com/recaptcha/api.js'></script> <link rel="stylesheet" href="../plus/content/spotify.css" /><link href="../App_Themes/1/1.css" type="text/css" rel="stylesheet" /><meta name="description" content="MLOL 猫 la prima rete italiana di biblioteche digitali. Una piattaforma per l'accesso al digital lending (prestito digitale) di ebook, quotidiani e periodici da tutto il mondo e tanti altri contenuti." /><meta name="keywords" content="mlol, prestito digitale, digital lending, biblioteche, ebook, quotidiani, audiolibri, medialibrary, medialibraryonline, biblioteche digitali, digital library, digitale" /></head> <body class="mlol "> <link href="/stylebundle/maincss?v=AX48icTLn_6hQU4YeP-tKXGzpoAbk9BXG29m-Z8-rc41" rel="stylesheet"/> <link href="/stylebundle/mlol?v=FK45ucJffsYkdoEeWV29miwqnmPxCs_uWxMSXcQ4dHM1" rel="stylesheet"/> <link rel="stylesheet" type="text/css" href="../App_Themes/1/1.css?v=636" /> <script src="/bundles/jquery?v=8z6YzzH0c3lAT2R_qe2hLO3ZyowcuHmPA5RUiWrC6gU1"></script> <script src="/bundles/modernizr?v=inCVuEFe6J4Q07A0AcRsbJic_UE5MwpRMNGcOtk94TE1"></script> <script src="/bundles/jqueryval?v=6Wl7KZIA5cg8TAq70Cj36bDF9pE-8RcQpix8RmZDMJY1"></script> <script src="/bundles/bootstrap?v=O_CZrCeSIfRSZ3nJGHudTteFGQmXH19QZorcaMHbGDs1"></script> <script src="/bundles/jquerymobile?v=r4bfxvKBUJI3SBODOLUxxAzJaE1Vm5UE8YkXVk19ZN41"></script> <script src="/bundles/media_search?v=0QMXWZkfvLiSnXdFdaoCFbjQmKwI4Oe9uIjkVSQWyuk1"></script> <link href="/stylebundle/select2css?v=FZjr9bK0DpysyjX_Y0mNr93DEEMmk6WiMdvPmztOkRU1" rel="stylesheet"/> <script type="text/javascript" src="../plus/scripts/Media/media.js"></script> <a class="offscreen" href="#contenuto" accesskey="c">salta al contenuto</a> <div id="mobileheadoffset" class="visible-xs visible-sm"></div> <div id="wrapper" class=""> <div id="header" class="hidden-xs hidden-sm">   <div class="navbar ml-testata" role="banner" style="position: static; border-bottom: 0"> <div class="container" style="position:relative"> <div class="row"> <div class="divLingue" title="Cambia Lingua"><a class='en' href='../commons/SwitchLang.aspx?l=en' title='english'>EN</a><span> / </span><a class='de' href='../commons/SwitchLang.aspx?l=de' title='deutsch'>DE</a></div> <div class="col-md-9"> <div class="pull-left" style="margin-bottom:-2px"> <div class="testataLogo"> <a href="../home/home.aspx" title="Home" accesskey="1"><img alt="Home" src="../img/tr.gif" class="imgLinkHome" /></a> </div> </div> </div> <div class="col-md-2 visible-lg"> </div> <div class="col-md-3 hidden-sm hidden-xs">  <div class="pscbox"> <img class="pull-right right-buffer-10" alt="openMLOL" src="../img/plus/tab_msc.svg" /> <div class="pscoverlay" aria-hidden="true"> <p class="pscintest"><b>MLOL Scuola</b>, <br /><span style="color:white">LA BIBLIOTECA SCOLASTICA DIGITALE</span></p> <p class="top-buffer">MLOL Scuola 猫 la piattaforma di prestito digitale che consente a ogni scuola di offrire a studenti, insegnanti e genitori l'accesso agli ebook dei maggiori editori italiani e a un'edicola internazionale.</p> <div class="col-md-6 no-padding-left no-padding-right top-buffer"> <p>Con MLOL Scuola ogni istituto<br /> pu貌 costruire una biblioteca<br /> digitale personalizzata,<br /> secondo le proprie<br /> esigenze e possibilit脿.</p> </div> <div class="col-md-6 no-padding-left no-padding-right"> <img src="../img/card_scuola.png" alt="card" /> </div> <div class="clearfix"></div> <div class="col-md-10 col-md-offset-1"> <a target="_blank" href="http://scuola.medialibrary.it" class="btn clearfix btn-block btn-info top-buffer-10"> SCOPRI L'OFFERTA PER LA TUA SCUOLA </a> </div> <div class="clearfix"></div> </div> <script type="text/javascript"> $(function () { $(".pscbox").hover(function () { $(this).find(".pscoverlay").show(); } , function () { $(this).find(".pscoverlay").hide(); } ); }); </script> </div> </div> </div> </div> </div>   <div class="navbar center navbar-inverse ml-menu" role="navigation"> <div class="container"> <div class="navbar-header" style="width:100%"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" aria-label="Menu"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="navbar-collapse collapse" style="width:100%"> <div id="nav-bar" class="navbar-inner"> <ul class="nav navbar-nav"> <li><a href="../home/index.aspx"> HOME </a></li> <li><a href="../media/esplora.aspx"> ESPLORA </a></li> <li class="dropdown"> <a href="#" data-toggle="dropdown" role="button" aria-expanded="false"> PERCORSI <span class="caret"></span> </a> <ul class="dropdown-menu" role="menu"> <li role="presentation"><a role="menuitem" tabindex="-1" href="../liste/liste.aspx"> LISTE </a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="../storie/ricerca.aspx"> STORIE </a></li> </ul> </li> <li><a href="../user/logform.aspx?r=%2fpagine%2fpagina.aspx%3fid%3d680">LOGIN </a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> INFO <span class="caret"></span> </a> <ul class="dropdown-menu" role="menu"> <li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=27">CHE COS'脠 MLOL </a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=37">CHI ADERISCE</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=43">COME ADERIRE</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=568">COME ISCRIVERSI A DISTANZA</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=580">LE VIDEOGUIDE DI MLOL</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=1161">LE RISORSE OPEN</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=736">BENI CULTURALI</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=365">MATERIALE PROMOZIONALE</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=423">CORSI DI FORMAZIONE</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=136">RASSEGNA STAMPA</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=26">CONTATTI, ORGANIZZAZIONE</a></li> </ul> </li> <li class="dropdown current"> <a href="#" data-toggle="dropdown" role="button" aria-expanded="false"> AIUTO <span class="caret"></span> </a> <ul class="dropdown-menu" role="menu"> <li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=882">GUIDA GENERALE</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=881">MLOL EBOOK READER</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=680"> STORIE MLOL</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=1125">ACCESSIBILIT脌</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=135">DOMANDE FREQUENTI</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=1135">HELP DESK</a></li> </ul> </li> </ul> <div class="col-sm-4 col-md-6 pull-right no-padding-right"> <form action="../media/ricerca.aspx" role="search" class="formsearch"> <div class="input-group"> <div class="input-group-btn adv_search_btn_grp"> <button class="btn" title="Ricerca avanzata" type="button" data-target="#advancedsearch" role="button" aria-expanded="false" aria-controls="collapseExample" id="toggle_advsearch"> <span class="hidden-xs hidden-sm" style="display:inline !important;">Ricerca avanzata</span><i class="fa fa-chevron-down"></i> </button> </div> <input type="search" title="Cerca una risorsa" id="search-kw" class="form-control mlol-search" placeholder="Cerca una risorsa" name="keywords" value="" /> <div class="input-group-btn"> <button type="submit" class="btn" aria-label="Cerca una risorsa"> <i class="fa fa-search"></i> </button> </div> </div> </form> </div> </div> </div> </div> </div> </div> <div id="advancedsearch" class="hidden"> <div class="container" style="position:relative;"> <div class="row"> <div class="formcontainer col-md-12 col-sm-12 col-xs-12"> <ul class="nav nav-tabs top-buffer-5" role="tablist"> <li role="presentation" class="active"> <a href="#searchadv" class="advtabbtn" aria-controls="home" role="tab" data-toggle="tab"> <h2 class="no-margin-top"><i class="fa fa-search-plus right-buffer-5"></i>Ricerca avanzata</h2> </a> </li> </ul> <hr class="no-margin-top"/> <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="searchadv"> <form class="form-horizontal" action="../media/ricerca.aspx" role="search"> <input type="hidden" name="advanced" value="1" /> <fieldset> <div class="form-group"> <label for="ricdctitle" class="col-sm-2 control-label hidden-xs">Titolo:</label> <div class="col-sm-4 col-xs-6"> <input maxlength="95" class="form-control" type="text" id="ricdctitle" name="ricdctitle" value="" placeholder="Titolo"> </div> <label for="riceditor" class="col-sm-1 col-md-1 control-label hidden-xs">Editore:</label> <div class="col-sm-4 col-xs-6 no-padding-right"> <input maxlength="95" class="form-control" id="riceditor" name="riceditor" value="" type="text" placeholder="Editore / Distributore"> </div> </div> <div class="form-group"> <label for="ricdccreator" class="col-sm-2 control-label hidden-xs">Autore:</label> <div class="col-sm-4 col-xs-6"> <input maxlength="95" class="form-control" id="ricdccreator" name="ricdccreator" type="text" value="" placeholder="Autore"> </div> <label for="riccou" class="col-sm-1 col-md-1 control-label hidden-xs">Luogo:</label> <div class="col-sm-4 col-xs-6 no-padding-right"> <input maxlength="95" class="form-control" id="riccou" name="riccou" type="text" value="" placeholder="Luogo"> </div> </div> <div class="form-group"> <label for="ricdesc" class="col-sm-2 control-label hidden-xs">Descrizione:</label> <div class="col-sm-4 col-xs-12"> <input maxlength="95" class="form-control" id="ricdesc" name="ricdesc" type="text" value="" placeholder="Descrizione"> </div> <label for="datestart" class="col-sm-1 col-md-1 control-label hidden-xs">Anno:</label> <div class="col-sm-2 col-xs-6 no-padding-right"> <input maxlenght="4" autocomplete="off" class="form-control" id="datestart" name="datestart" type="number" min="1" max="2025" value="" placeholder="Da"> </div> <div class="col-sm-2 col-xs-6 no-padding-right"> <input maxlenght="4" autocomplete="off" class="form-control" aria-label="Da" id="dateend" name="dateend" type="number" min="1" max="2025" value="" placeholder="Fino a"> </div> </div> <div class="form-group"> <label for="iiif" class="col-sm-6 control-label no-padding-top" id="iiifcheck"> Seleziona solo oggetti <img alt="iiif" src="../plus/content/images/iiif/logo-iiif.png" height="25" style="vertical-align:baseline;margin-left:5px;margin-right:15px;margin-bottom:-5px;"> <input type="checkbox" class="no-margin-top no-padding-top" name="iiif" value="1"> </label> </div> </fieldset> <div class="form-group submitgroup"> <div class="col-sm-12"> <div class="pull-right"> <button type="submit" class="btn btn-primary">CERCA</button> <button type="button" class="btn btn-default" onclick="resetadvsearch(this)">Pulisci i campi</button> </div> </div> </div> </form> </div> </div> </div> </div> <div class="clearfix"></div> </div> </div>  </div> <div id="breadcrumbs" class="breadcrumbs" role="navigation"> <div class="container"> <div class="col-md-12"> <div class="pull-left cl-default"> </div> <div class="pull-right"> <a href="javascript:history.back();" class="back-button"> <i class="fontello-left-open cl-green"></i> <span style="color:initial !important">Torna indietro</span> </a> </div> </div> </div> </div> <div id="main-content"> <div class="container body-content"> <div class="visible-xs visible-sm">  <div id="ml-mobile-menu" class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="row"> <div class="col-xs-4"> <a class="navbar-brand" href="../media/esplora.aspx"> <img src="../img/logo_mlol.svg?v=1" height="38" style="display:inline" alt="home" /> </a> </div> <div class="col-xs-8"> <div class="navbar-right"> <button id="mobilebarbtn" type="button" onclick="$(this).find('span.c').toggleClass('visible hidden')" class="navbar-toggle pull-left visible-sm visible-xs" data-toggle="offcanvas" data-target="#mobile-sidebar">  <span class="c visible"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </span> <span class="c hidden" style="font-size:1.2em"> <span class="fa fa-times fa-2x"></span> </span> </button> </div> </div> </div> </div> </div> <div id="mobile-sidebar" class="col-xs-12 col-sm-12 col-md-3 sidebar-offcanvas visible-xs visible-sm"> <ul data-spy="affix" data-offset-top="120" id="affix" class="nav nav-stacked"> <li><a href="../home/index.aspx">HOME</a></li> <li class="current"><a href="../user/logform.aspx?r=%2fpagine%2fpagina.aspx%3fid%3d680"> LOGIN </a></li> <li><a href="../media/esplora.aspx">ESPLORA </a></li> <li> <a href="#" data-toggle="collapse" data-target="#paths_sub"> PERCORSI <span class="fontello-down-open pull-right"></span> </a> <ul class="nav collapse sub" id="paths_sub" role="menu"> <li role="presentation"><a role="menuitem" tabindex="-1" href="../liste/liste.aspx">LISTE</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="../storie/ricerca.aspx">STORIE</a></li> </ul> </li> <li> <a href="#" data-toggle="collapse" data-target="#info_sub"> INFO <span class="fontello-down-open pull-right"></span> </a> <ul class="nav collapse sub" id="info_sub"> <li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=27">CHE COS'脠 MLOL </a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=37">CHI ADERISCE</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=43">COME ADERIRE</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=568">COME ISCRIVERSI A DISTANZA</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=580">LE VIDEOGUIDE DI MLOL</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=1161">LE RISORSE OPEN</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=736">BENI CULTURALI</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=365">MATERIALE PROMOZIONALE</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=423">CORSI DI FORMAZIONE</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=136">RASSEGNA STAMPA</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=26">CONTATTI, ORGANIZZAZIONE</a></li> </ul> </li> <li> <a href="#" data-toggle="collapse" data-target="#help_sub"> AIUTO <span class="fontello-down-open pull-right"></span> </a> <ul class="nav collapse sub" id="help_sub" role="menu"> <li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=882">GUIDA GENERALE</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=881">MLOL EBOOK READER</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=680"> STORIE MLOL</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=1125">ACCESSIBILIT脌</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=135">DOMANDE FREQUENTI</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="../pagine/pagina.aspx?id=1135">HELP DESK</a></li> </ul> </li> </ul> </div> <script type="text/javascript"> /*gestione filtri*/ var ismenuactive = false; function toggleFilter(el) { if (el == undefined) { el = $('[data-toggle=offcanvas]'); } var target = $(el).attr("data-target"); $('.sidebar-offcanvas').not(target).removeClass('active'); $(target + '.sidebar-offcanvas').toggleClass('active', 1000); if ($(el).find("img").data("toggleimg") != undefined) { var el = $(el).find("img") var img = $(el).attr("src") $(el).attr("src", $(el).data("toggleimg")) $(el).data("toggleimg", img) } if ($(target + '.sidebar-offcanvas').hasClass('active')) { ismenuactive = true; setTimeout(function () { $('#MainFilterMenu a.list-group-item:first-child').focus(); }, 100); } else { ismenuactive = false; }; } function toggleBackdrop() { $("#sidebar").css({ 'z-index': '1051' }) $(".navbar").css({ 'z-index': '1050' }) if ($(".modal-backdrop").length == 0) { $('<div class="modal-backdrop filterbackdrop" onclick="toggleFilter()" style="background-color:rgba(0, 0, 0, 0.5);"></div>').appendTo(document.body) } else { $(".modal-backdrop.filterbackdrop").remove() } } $(document).ready(function () { $('[data-toggle=offcanvas]').click(function () { toggleFilter(this) }); $("#search_open_button").click(function () { setTimeout(function () { $("#mobile-searchinput").focus(); }, 1); }); $(document).keyup(function (e) { if (e.keyCode == 27) { // Esc keycode if (ismenuactive) { toggleFilter(); } } }); }); </script> </div>  <div class="contenuto" id="contenuto"> <script src="../plus/Scripts/Pagine/page_utility.js" type="text/javascript"></script> <div class="row"> <h1 class="page-title"><span id="ctl00_ContentPlaceHolder1_lblTit"> Storie MLOL</span></h1> <hr class="page-title-line" /> <div class="col-xs-12"> <div class="paginaTxt"> <p style="text-align: center;"><img class="img-responsive" style="text-align: center;" src="../../../plus/Content/gallery/1/pages/test-page_1.jpg" width="1902" height="709" /></p> <table style="border-collapse: collapse; width: 88.4797%; height: 337px; border-color: #ffffff; border-style: none; margin-left: auto; margin-right: auto;" border="0"> <tbody> <tr style="height: 32px;"> <td style="width: 100%; height: 32px;"> <p style="text-align: center;"><br /><span style="font-size: 14pt;">Indice</span><a id="INIZIO"></a></p> <hr /> <ul> <li style="line-height: 2;"><a href="#STO"><strong>COS’È UNA STORIA MLOL?</strong></a></li> </ul> <hr /> <ul> <li style="line-height: 2;"><a href="#COM"><strong>IIIF E MLOL</strong></a> <ul style="list-style-type: square;"> <li aria-level="2"><strong><span style="color: #34495e;"><a style="color: #34495e;" href="#COS">Che cos’è IIIF</a></span></strong></li> <li style="line-height: 1;" aria-level="2"><strong><span style="color: #34495e;"><a style="color: #34495e;" href="#CON">Il consorzio IIIF</a></span></strong></li> <li aria-level="2"><a href="#CAR"><span style="color: #34495e;"><strong>Cosa caratterizza una risorsa IIIF?</strong></span></a></li> </ul> </li> </ul> <hr /> <ul> <li style="line-height: 2;"><strong><a href="#CER">CERCARE DOCUMENTI IIIF SU MLOL</a></strong></li> </ul> <hr /> <ul> <li style="line-height: 2;"><a href="#crea"><strong>COME SI CREA UNA STORIA MLOL</strong></a> <ul style="list-style-type: square;"> <li style="line-height: 1.4;" aria-level="2"><strong><span style="color: #34495e;"><a style="color: #34495e;" href="#IMPO">Impostazioni generali</a></span></strong></li> </ul> <ul style="list-style-type: square;"> <li style="line-height: 1.4;" aria-level="2"><strong><a href="#EDITOR"><span style="color: #34495e;">L’editor delle Storie</span></a></strong> <ul style="list-style-type: circle;"> <li style="line-height: 1.5;" aria-level="3"><span style="color: #7e8c8d; font-size: 10pt;"><a style="color: #7e8c8d;" href="#tasti"><span style="color: #34495e;">Tasti e funzionalità</span></a></span></li> <li style="line-height: 1.5;" aria-level="3"><span style="color: #34495e; font-size: 12pt;"><a style="color: #34495e;" href="#riordina"><span style="font-size: 10pt;">Riordina e annota le inquadrature</span></a></span></li> </ul> </li> </ul> </li> </ul> <ul> <li style="list-style-type: none;"> <ul style="list-style-type: square;"> <li style="line-height: 1;" aria-level="2"><span style="color: #34495e;"><a style="color: #34495e;" href="#PLAYER"><strong>Il player delle Storie</strong></a></span><br /><br /></li> </ul> </li> </ul> <hr /> <ul> <li style="line-height: 2;"><strong><a href="#PERCORSI">PERCORSI. STORIE TUTTE DA SCOPRIRE</a></strong></li> </ul> <hr /></td> </tr> </tbody> </table> <p><br /><br /></p> <h2 style="text-align: justify;"><strong><a id="STO"></a>Cos’è una Storia MLOL?</strong></h2> <hr /> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;">Le <strong>Storie</strong> sono la prima funzionalità IIIF che abbiamo scelto di importare nella nuova versione di MLOL. Si tratta di uno strumento con cui puoi creare percorsi visuali all’interno di un’immagine o tra dettagli di immagini differenti, selezionate dalla nostra piattaforma oppure importate da altri progetti che rendono disponibili contenuti IIIF.</p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;">Ogni Storia MLOL è una galleria di immagini con particolari potenzialità: a ogni immagine puoi aggiungere una descrizione e, se lo desideri, anche delle annotazioni.</p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-weight: 400;"> </span></p> <p dir="ltr" style="line-height: 2; margin-top: 0pt; margin-bottom: 0pt; text-align: right;"><span style="font-weight: 400;"><a href="#INIZIO">Torna all'inizio</a></span></p> <h2><span style="font-weight: normal;"><strong><a id="COM"></a>IIIF e MLOL</strong></span></h2> <hr /> <h3><span style="font-weight: normal;"><strong><a id="COS"></a>Che cos’è  </strong></span><span style="font-weight: normal;"><strong><img src="../../plus/Content/gallery/1/pages/mceu_86202043011673257439397.png" width="26" height="22" /></strong></span>?</h3> <p><span style="font-weight: 400;"><strong>IIIF</strong> è un acronimo che sta per <strong>International Image Interoperability Framework</strong> ed è un insieme di specifiche tecniche che definiscono un modo standardizzato per presentare e manipolare immagini digitali online. IIIF consente a diverse applicazioni e sistemi di lavorare con immagini digitali in modo interoperabile: in questo modo gli utenti possono accedere, visualizzare, confrontare, manipolare, utilizzare e condividere le risorse in modo più efficace.</span></p> <p><span style="font-weight: 400;">Con IIIF puoi entrare all'interno delle raccolte digitali delle grandi biblioteche, dei grandi musei e dei grandi archivi internazionali. </span><span style="font-weight: 400;">La funzionalità IIIF permette di esplorare anche nel più piccolo dettaglio ogni risorsa, fornendo la possibilità di approfondire una ricerca o uno studio. Vale per tutti: dal semplice curioso, fino allo studente e allo studioso.</span></p> <h3><strong> <br /><a id="CON"></a>Il consorzio IIIF</strong></h3> <p><span style="font-weight: 400;">Per sostenere la crescita e l’adozione dello standard IIIF è nato un consorzio di istituzioni accademiche e culturali che vede MLOL accanto a enti come British Library, Cambridge University, Harvard University, Bibliothèque nationale de France, Europeana (</span><a href="https://iiif.io/community/consortium/members/" target="_blank" rel="noopener"><strong>qui</strong></a><span style="font-weight: 400;"> l’elenco dei membri del consorzio).</span></p> <p><span style="font-weight: 400;">Dal momento che IIIF è uno standard aperto, si è sviluppata una folta community internazionale che lavora per migliorarlo continuamente e ampliarne la portata e le possibilità.<br /> <br /></span></p> <h3><strong><a id="CAR"></a>Cosa caratterizza una risorsa IIIF</strong><strong>?</strong></h3> <p><span style="font-weight: 400;">Ogni risorsa IIIF è rappresentata da un Manifest: un file JSON che descrive le caratteristiche di un documento o di un insieme di immagini digitali. Il Manifest di ogni risorsa IIIF raccoglie le informazioni sulle immagini che la compongono - posizione, dimensioni, risoluzione, metadati, le relazioni che le collegano - e ne permette l'uso in ambienti differenti: come MLOL, per esempio. </span></p> <p><span style="font-weight: 400;">Grazie al Manifest IIIF è possibile visualizzare, navigare e manipolare le risorse IIIF in modo interoperabile, indipendentemente dalla loro posizione originale. In particolari applicazioni, come le Storie MLOL, si utilizza il Manifest per presentare e visualizzare le risorse nel modo scelto dall'utente, per esempio ingrandendo un particolare dettaglio e/o aggiungendo annotazioni in punti particolari.</span></p> <p style="text-align: right;"><a href="#INIZIO">Torna all'inizio</a></p> <h2><strong><a id="CER"></a>Cercare documenti IIIF</strong><span style="font-weight: normal;"><strong> </strong></span><strong>su MLOL<br /></strong></h2> <hr /> <p style="text-align: justify;"><span style="font-weight: 400;">Sul portale MLOL è disponibile una funzione di </span><strong>ricerca avanzata</strong><span style="font-weight: 400;"> che ti consente approfondimenti molto dettagliati del catalogo di risorse digitali messo a disposizione dalla tua biblioteca. Per reperire tutte le risorse IIIF dovrai semplicemente cliccare sulla checkbox </span><strong>Seleziona solo oggetti </strong><span style="font-weight: normal;"><strong><img src="../../plus/Content/gallery/1/pages/mceu_86202043011673257439397.png" width="26" height="22" /></strong></span><span style="font-weight: 400;">, come vedi qui sotto, e avviare la ricerca.<br /><br /></span></p> <p><span style="background-color: #ced4d9;"><img class="img-responsive" style="display: block; margin-left: auto; margin-right: auto;" src="../../../plus/Content/gallery/1/pages/202301110221151_ricercaIIIF.png" alt="" width="1100" height="409" /></span></p> <p><span style="font-weight: 400;"><br />Si tratta di risorse ad accesso libero basate su immagini – e dunque libri digitalizzati, manoscritti, mappe, spartiti e immagini che puoi reperire nella sezione delle Risorse Open di MLOL: sono quasi due milioni, e sono in continuo aumento. Le schede di tutte le risorse IIIF propongono un visualizzatore che consente subito l’accesso alla risorsa digitale.<br /><br /></span></p> <table style="border-collapse: collapse; width: 98.4%; background-color: #ecf0f1;" border="0" cellpadding="10"> <tbody> <tr> <td style="width: 100%;"><span style="font-weight: 400;">Il visualizzatore è il cuore della scheda: puoi usarlo per esplorare il documento – che può anche essere composto da più pagine, tutte sfogliabili dal viewer – e ingrandire l’immagine, solitamente scansionata ad altissima risoluzione, per visualizzarne tutti i dettagli.<br /></span></td> </tr> </tbody> </table> <p> </p> <p>Per utilizzare la risorsa nelle Storie basta cliccare il bottone “<strong>Aggiungi a MLOL Storie</strong>” che vedi in alto a sinistra nella finestra di visualizzazione della risorsa IIIF. Una volta selezionato, la risorsa andrà a popolare la sezione "<strong>La mia gallery</strong>" delle tue Storie, insieme alle altre che hai scelto.</p> <p><span style="font-weight: 400;">Qualche piccolo dettaglio sul visualizzatore delle risorse IIIF, dato che ne troverai uno quasi sempre uguale a questo su tutti i siti con risorse IIIF. </span></p> <p><span style="font-weight: 400;">Cliccando sulle tre linee orizzontali (menu hamburger) che vedi in alto a sinistra puoi consultare tutte le informazioni sull’oggetto IIIF; </span><span style="font-weight: 400;">in fondo troverai sempre il link al Manifest IIIF e potrai utilizzarlo – come seconda opzione – per aggiungere risorse IIIF alle Storie MLOL.<br /><br /></span></p> <p><span style="font-weight: 400;"><img class="img-responsive" style="display: block; margin-left: auto; margin-right: auto;" src="../../../plus/Content/gallery/1/pages/3_mirador manifest_bottoneOK.jpg" alt="" width="75%" /></span></p> <p><span style="font-weight: 400;"><br />Selezionando poi a destra il bottone a forma di libro puoi impostare, quando disponibile, la visualizzazione “Libro”: potrai così consultare la risorsa in doppia pagina.<br /><br /></span></p> <p><img class="img-responsive" style="display: block; margin-left: auto; margin-right: auto;" src="../../../plus/Content/gallery/1/pages/2_mirador libro_bottoneOK.jpg" alt="" width="75%" /></p> <p style="text-align: right;"><a href="#INIZIO">Torna all'inizio</a></p> <p style="text-align: right;"> </p> <h2 dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><strong><a id="crea"></a>Come si crea una Storia MLOL</strong></h2> <hr /> <p><span style="font-weight: 400;">Per creare una storia, ti basterà effettuare il login su MLOL, accedere alla sezione <strong>Account > Le mie Storie</strong>, e poi cliccare il pulsante “<strong>Crea una nuova storia</strong>”. </span></p> <table style="border-collapse: collapse; width: 98.4%; background-color: #ecf0f1;" border="0" cellpadding="10"> <tbody> <tr> <td style="width: 100%;"> <p><span style="font-weight: 400;">Nella sezione <strong>Account > Le mie Storie</strong> trovi tutte le tue Storie, che puoi facilmente riordinare e consultare: da qui potrai modificare una Storia semplicemente cliccandoci sopra. </span><span style="font-weight: 400;">C</span><span style="font-weight: 400;">liccando invece sui tre puntini di ogni Storia potrai visualizzarla in anteprima, duplicarla, esportarla in formato csv o eliminarla.<br /></span></p> <p><span style="font-weight: 400;">Un dettaglio aggiuntivo: nella stessa schermata, in alto a destra puoi trovare la sezione "<strong>La mia gallery</strong>". Qui sono raccolte tutte le risorse IIIF che hai scelto di aggiungere alle tue Storie a partire dal catalogo Open del tuo portale MLOL. </span><span style="font-weight: 400;">Grazie alle funzionalità disponibili in questa pagina, potrai riordinare o eliminare le immagini oppure seguire i link per visualizzarne le schede su MLOL.</span></p> </td> </tr> </tbody> </table> <p><span style="font-weight: 400;"> </span></p> <p><span style="font-size: 14pt;"><strong>•<a id="IMPO"></a> </strong></span><span style="font-size: 14pt;"><strong>Impostazioni generali</strong></span></p> <p><span style="font-weight: 400;">Per prima cosa, inserisci qui un <strong>titolo</strong> e una <strong>descrizione</strong> per la Storia e scegli un nome per l’<strong>autore</strong>. </span><span style="font-weight: 400;">Questi dati verranno mostrati nella copertina della tua Storia.<br /><br /></span></p> <p><span style="font-weight: 400;"><img class="img-responsive" style="display: block; margin-left: auto; margin-right: auto;" src="../../../plus/Content/gallery/1/pages/202301110305194_step1_fullscreen.png?1673445918920" alt="" width="65%" /><br /></span><span style="font-weight: 400;"><br />Ora puoi scegliere la modalità di visualizzazione della tua Storia tra queste tre opzioni:</span></p> <ul style="list-style-type: square;"> <li style="font-weight: 400;" aria-level="1"><strong>Slide</strong><span style="font-weight: 400;">: per sfogliare la tua Storia bisognerà cliccare sulle frecce (su mobile tutte le Storie vengono visualizzate così)</span></li> <li style="font-weight: 400;" aria-level="1"><strong>Scroll</strong><span style="font-weight: 400;">: per passare da un’immagine all’altra della tua Storia basterà scrollare la pagina</span></li> <li style="font-weight: 400;" aria-level="1"><strong>Autoplay</strong><span style="font-weight: 400;">: in questo caso il passaggio da una “pagina” o “slide” all’altra avviene automaticamente (puoi impostare la durata in secondi della visualizzazione di tutte le pagine della tua Storia)</span></li> </ul> <p style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><strong>Ricorda</strong><span style="font-weight: 400;">: potrai sempre modificare con un clic titolo, descrizione, autore e template. Basterà entrare nella tua Storia e cliccare sulla rotella delle impostazioni.<br /><br /></span></p> <p style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-weight: 400;"><img class="img-responsive" style="display: block; margin-left: auto; margin-right: auto;" src="../../../plus/Content/gallery/1/pages/2023011103120220230111031103202301110310275_step2_fullscreen.png" alt="" width="65%" /></span></p> <p> </p> <p><span style="font-weight: 400;">Una volta scelto il template vedrai tutte le risorse IIIF presenti nella gallery delle tue Storie (quelle che hai aggiunto in MLOL Storie): in cima troverai l’ultima risorsa aggiunta.<br /><br /></span></p> <p><img class="img-responsive" style="width: 65%; display: block; margin-left: auto; margin-right: auto;" src="../../../plus/Content/gallery/1/pages/6_step3_taglio.png" /></p> <p style="text-align: left;"><br />Una volta selezionata la risorsa IIIF, apparirà una nuova finestra in cui vedrai tutti gli item che compongono quella risorsa: nel caso di un manoscritto, per esempio, vedrai tutte le pagine di cui è composto.</p> <p style="text-align: left;"><span style="font-weight: 400;">Selezionando un’immagine e cliccando su “<strong>Crea storia</strong>” si aprirà il vero e proprio editor delle Storie.<br /><br /></span></p> <p style="text-align: right;"><strong><img class="img-responsive" style="display: block; margin-left: auto; margin-right: auto;" src="../../../plus/Content/gallery/1/pages/7_step3_img_taglio.jpg" alt="" width="65%" /><br /><span style="font-weight: 400;"><a href="#INIZIO">Torna all'inizio</a><br /></span><br /></strong></p> <p><strong><span style="font-size: 14pt;"> </span></strong></p> <p><span style="font-size: 14pt;">•</span><strong><a id="EDITOR"></a> <span style="font-size: 14pt;">L'editor delle Storie</span><br /></strong></p> <p><span style="font-weight: 400;">Dopo aver cliccato su “Crea storia” vedrai nell'editor come</span><span style="font-weight: 400;"> inquadratura base l’immagine intera: per modificarla basterà usare il “+” e il “-” a destra dell'immagine oppure usare la rotella del mouse o il trackpad. Come un regista potrai spostarti e zoomare in base all’elemento che desideri mettere in risalto.</span></p> <p><span style="font-weight: 400;">Zoomando o semplicemente spostando la tua “camera” vedrai apparire in basso a sinistra la funzione “<strong>Salva inquadratura</strong>”: cliccando il bottone, l’immagine che vedi in quel momento nell’editor diventerà la tua prima inquadratura.<br /><br /></span></p> <h3 style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><u><img class="img-responsive" src="../../../plus/Content/gallery/1/pages/8_storia_inquadratura.jpg" alt="" width="100%" /></u><u><br /></u></h3> <p><span style="font-size: 12pt;"><strong>·</strong> <a id="tasti"></a><span style="font-size: 14pt;"> </span></span><strong><span style="font-size: 12pt;">Tasti e funzionalità dell'editor </span></strong></p> <p><span style="font-weight: 400;">Passiamo ora in rassegna i campi e i tasti dell’editor delle Storie MLOL.</span></p> <p><span style="font-weight: 400;">All’interno dell’area che ospita la risorsa, in alto a sinistra, trovi i tasti che ti consentono di agire sulla Storia, dall'alto:</span></p> <table style="border-collapse: collapse; width: 100%;" border="0" cellpadding="6"> <tbody> <tr> <td style="width: 100%;"> <p><strong>  <img src="../../../plus/Content/gallery/1/pages/20230117120648impostazione_sfondobianco.png" width="25" height="25" />  Impostazioni</strong>: per modificare il campo titolo, descrizione e autore della Storia e cambiare il template </p> <p><strong>  <img src="../../../plus/Content/gallery/1/pages/20230117120709gestisci risorsa_sfondobianco.png" width="25" height="25" /></strong>  <strong>Gestisci risorsa</strong>: <span style="font-weight: 400;">per cambiare la risorsa selezionata nella slide in cui ti trovi: tornerai così a visualizzare le immagini che la compongono e potrai sceglierne una differente </span></p> <p><strong>  <img src="../../../plus/Content/gallery/1/pages/20230117120721annotazioni_sfondobianco.png" width="25" height="25" />  Aggiungi annotazioni</strong>: per inserire annotazioni, come vedremo fra poco nel dettaglio</p> </td> </tr> </tbody> </table> <p><span style="font-weight: 400;">Nella stessa area, in alto a destra, ci sono i tasti <strong>Zoom in</strong> (+)</span><span style="font-weight: 400;">, <strong>Zoom out </strong>(-) </span><span style="font-weight: 400;">e <strong>Reset zoom</strong></span><span style="font-weight: 400;">.</span></p> <p><span style="font-weight: 400;">A destra trovi, invece, in verde il titolo </span>che hai dato alla tua Storia e i campi per assegnare alla slide <strong>titolo</strong> e <strong>descrizione</strong> (con la possibilità di gestire la formattazione del testo con grassetti, corsivi e link a pagine web).</p> <p>Cliccando sulla piccola “<strong>i</strong>” presente in basso a destra accanto al Title, ovvero il titolo dell’item (lo stesso che leggi nel portale MLOL), vedrai tutti i dettagli della risorsa. Nel riquadro "<strong>Dettagli risorsa</strong>", selezionando l’icona a forma di occhio relativa a un dettaglio e poi salvando, troverai quell'informazione nell’area descrittiva della tua slide.</p> <p><span style="font-weight: 400;">Infine, in alto, nella barra bianca degli strumenti trovi, a destra, tre pulsanti:</span></p> <ul style="list-style-type: square;"> <li style="font-weight: 400; line-height: 1.5;" aria-level="1"><strong>Pubblico</strong>: ti consente di rendere pubblica la tua Storia e renderla visibile anche agli altri</li> <li style="font-weight: 400; line-height: 1.5;" aria-level="1"><strong>Condividi</strong>: ti mostra il link della tua Storia pubblica o il codice per inserirla in una pagina web</li> <li style="font-weight: 400; line-height: 1.5;" aria-level="1"><strong>Anteprima</strong>: ti permette di visualizzare la Storia in anteprima come poi la vedranno gli altri utenti<br /><br /></li> </ul> <p><span style="font-weight: 400;"><img style="display: block; margin-left: auto; margin-right: auto;" src="../../../plus/Content/gallery/1/pages/info8.jpg" alt="" width="100%" /></span></p> <p><span style="font-weight: 400;"><br />Nella barra degli strumenti, a sinistra, trovi poi il tasto “<strong>Indietro</strong>” che ti porta alla sezione “Le mie Storie”: qui troverai tutte le tue Storie, sia pubbliche che private.</span></p> <p>In basso, dove puoi vedere le miniature di tutte le inquadrature della tua Storia, trovi dei comandi che ti consentono di:</p> <ul style="list-style-type: square;"> <li><strong>aggiungere una nuova slide</strong> cliccando in basso su “<strong>+</strong>”: nella sezione "Cambia risorsa" potrai selezionare un altro item dalla tua Gallery. Se vuoi caricare una risorsa IIIF proveniente da un sito diverso da MLOL, copia il link del Manifest e inserisci l'URL nella sezione apposita di questa finestra</li> <li><strong>duplicare un’inquadratura</strong> e le sue caratteristiche oppure eliminarla, utilizzando i tre puntini posti nell’apice sinistro di ogni miniatura <br /><br /></li> </ul> <p><span style="font-size: 12pt;"><strong>· </strong></span><strong><a id="riordina"></a></strong><span style="font-size: 12pt;"><span style="font-size: 14pt;"> </span></span><strong><span style="font-size: 12pt;">Riordina e annota le inquadrature <br /></span><br /></strong><span style="font-weight: 400;">A questo punto conosci tutte le funzionalità principali per poter creare la tua Storia: ti mancano solo alcuni consigli che possono esserti molto utili.</span></p> <p><span style="font-weight: 400;"><em>Vuoi modificare l’inquadratura di una slide che hai creato?</em> </span><span style="font-weight: 400;">Clicca sulla miniatura della slide per selezionarla, modifica l’inquadratura e clicca su Salva.</span></p> <p><span style="font-weight: 400;"><em>Vuoi modificare l’ordine delle inquadrature della tua Storia?</em> Clicca sulla miniatura della slide e trascinala con un semplice drag & drop nel punto in cui preferisci collocarla.</span></p> <p><em><span style="font-weight: 400;">Vuoi creare delle note per evidenziare dettagli che sono cruciali per la tua Storia?</span></em><span style="font-weight: 400;"> </span><span style="font-weight: 400;">Seleziona il pulsante "Aggiungi annotazioni" per inserire una nota; seleziona poi la forma che ritieni più adatta alla tua nota: cerchio, rettangolo, forma geometrica irregolare (per chiudere quest’ultima forma basta un doppio clic). Ora traccia la nota nel punto che vuoi evidenziare, inserisci un commento e clicca su “Salva”.</span></p> <p style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-weight: 400;"><br /><img class="img-responsive" src="../../plus/Content/gallery/1/pages/16_nota miniatura esempio creazione.jpg" alt="" width="100%" /></span></p> <p> </p> <p><span style="font-weight: 400;">Per modificare una nota, selezionala. Quando appare la descrizione, puoi modificare o spostare l’area evidenziata, modificare il testo della nota, rendere la nota invisibile per chi visualizzerà la tua Storia cliccando sull’icona a forma di occhio. Per rendere effettiva una modifica, clicca sempre su "<strong>Salva</strong>"; per eliminare una nota basta selezionarla e cliccare su “<strong>Elimina</strong>”.</span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-weight: 400;">Mentre lavori a una Storia, può essere molto utile la funzione che rende invisibile una nota. In questo modo puoi deciderne con calma il testo e valutare se desideri utilizzarla o meno all’interno della tua Storia; se rendi una nota invisibile, la potrai vedere solo tu nell’editor. </span><span style="font-weight: 400;">Q</span><span style="font-weight: 400;">uando nell’editor una nota è impostata come “visibile” la vedi circondata da una linea continua, quando invece è contrassegnata come “invisibile” appare circondata da una linea tratteggiata.</span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"> </p> <table style="border-collapse: collapse; width: 98.4%; background-color: #ecf0f1;" border="0" cellpadding="10"> <tbody> <tr> <td style="width: 98.5544%;"><span style="font-weight: 400;"><strong>Ricorda </strong>di salvare sempre le tue inquadrature. Le modifiche a titolo e descrizione di ogni slide, come anche il riordinamento delle inquadrature, vengono salvate in automatico dall’editor. Puoi verificare in ogni momento gli effetti di una modifica che hai apportato: ti basta visualizzare la tua Storia come utente cliccando in alto a destra sul pulsante “Anteprima”.</span></td> </tr> </tbody> </table> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt; text-align: right;"><span style="font-weight: 400;"><a href="#INIZIO">Torna all'inizio</a><br /></span></p> <p><strong><span style="font-size: 14pt;">•</span><a id="PLAYER"></a> <span style="font-size: 14pt;">Il player delle Storie</span><br /></strong></p> <p><span style="font-weight: 400;"> <br /></span><span style="font-weight: 400;">Cliccando sul link di una Storia MLOL pubblica ne visualizzerai la copertina con titolo, descrizione, autore e un’anteprima dell’immagine della prima slide. <br /></span></p> <p> </p> <p><span style="font-weight: 400;"><img class="img-responsive" src="../../../plus/Content/gallery/1/pages/12_copertina-storia_new.png" width="100%" /></span></p> <p><span style="font-weight: 400;"><br />Cliccando sul pulsante <strong>Play</strong> passerai alla prima slide; per passare alle slide successive potrai utilizzare le frecce che vedi in basso a destra o quelle direzionali della tastiera. </span><span style="font-weight: 400;">Mentre sfogli la Storia puoi utilizzare i pulsanti a destra dell’immagine per ingrandire e navigare ogni inquadratura e per nascondere o visualizzare le annotazioni.</span></p> <p><span style="font-weight: 400;">Al termine delle slide, trovi la copertina di chiusura con i pulsanti “<strong>Rileggi la Storia</strong>” e “<strong>Condividi la Storia</strong>”. Quest'ultima funzione è attiva solo se la tua Storia è pubblica: </span><span style="font-weight: 400;">cliccando sul tasto “Condividi”, vedrai l’URL pubblico della Storia e il codice per inserirlo in una pagina web. </span></p> <p style="text-align: right;"><span style="font-weight: 400;"><a href="#INIZIO">Torna all'inizio</a></span></p> <h2><span style="font-weight: 400;"><a id="PERCORSI"></a></span><span style="font-weight: normal;"><strong>Percorsi. Storie tutte da scoprire</strong></span></h2> <hr /> <p>Vuoi navigare tra le Storie MLOL? Ecco qui sotto una selezione di Storie curate da noi.<br /><br /></p> <div style="background-color: #f8f8f8; text-align: center; padding: 5px; border-top-right-radius: 20px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;"> <p style="line-height: 2.2;"> </p> <p><iframe src="https://iiif.medialibrary.it/stories/preview/c96qm6spe0uch1vi2tj0" width="245px" height="400px" frameborder="0"></iframe>    <iframe src="https://iiif.medialibrary.it/stories/preview/c097dukpe0uch1vi2nkg" width="245px" height="400px" frameborder="0"></iframe>    <iframe src="https://iiif.medialibrary.it/stories/preview/ca74t0kpe0uch1vi2veg" width="245px" height="400px" frameborder="0"></iframe>     <iframe src="https://iiif.medialibrary.it/stories/preview/c60l2ccpe0uch1vi2qp0" width="245px" height="400px" frameborder="0"></iframe></p> </div> <p> </p> <p>Ti segnaliamo che trovi tutte le Storie MLOL che sono state rese pubbliche dai rispettivi autori nella sezione <a href="../../../storie/ricerca.aspx">Percorsi > Storie</a>.</p> <p> </p> <p style="text-align: right;"><span style="font-weight: 400;"><a href="#INIZIO">Torna all'inizio</a></span></p> <p> </p> </div> </div> </div> <div class="clear"></div> </div> </div> <div class="helpdesk-link hidden-xs"> <a href="../help/helpdesk.aspx" style="display:block;"> <img src="../plus/Content/images/help/help.png" alt="Serve aiuto? Consulta la pagina di helpdesk" /> </a> </div> <div class="helpdesk-link-mobile visible-xs"> <a href="../help/helpdesk.aspx" style="display:block;"> <img src="../plus/Content/images/help/helpmobile.png" alt="Serve aiuto? Consulta la pagina di helpdesk" /> </a> </div> </div> </div>  <div id="footer"> <div class="hidden-xs"> <div id="footermenu" class="navbar-inverse hidden-xs" role="contentinfo"> <h2 class="sr-only">FOOTER</h2> <div class="container"> <div class=""> <div class="hidden-xs" id="footerlogo"></div> <div class="col-md-3 col-sm-3"> <h3 class="cl-white">CONTATTI</h3>  <p><a href="mailto:info@medialibrary.it" class="cl-white">info@medialibrary.it</a></p> </div> <div class="col-md-2 col-sm-3 hidden"> <h3 class="cl-white">INFO</h3> <p><a href="../pagine/pagina.aspx?id=27" class="cl-white">Che cos'猫 MLOL</a></p> </div> <div class="col-md-3 col-sm-3"> <h3 class="cl-white">SEGUICI</h3> <a href="https://www.facebook.com/pages/MediaLibraryOnLine/187211632933" class="footerfb" title="Seguici su Facebook" target="_blank"><img src="../plus/Content/images/dettagli/facebook.png" alt="Icona Facebook" /></a>  <a href="https://twitter.com/M_L_O_L" class="footertwitter left-buffer-5" title="Seguici su Twitter" target="_blank"><img src="../plus/Content/images/dettagli/twitter_white.png" alt="Icona Twitter" /></a>  <a href="https://www.youtube.com/user/MediaLibraryOnLine" class="footeryoutube left-buffer-5" title="Seguici su Youtube" target="_blank"><img src="../plus/Content/images/dettagli/youtube.png" alt="Icona Youtube" /></a>  </div> <div class="clearfix visible-xs"></div> <div class="col-md-3 col-sm-3"> <h3 class="cl-white">AIUTO</h3> <p><a href="../help/guida.aspx" class="cl-white">GUIDA</a></p> <p><a href="../help/appinfo.aspx" class="cl-white">MLOL EBOOK READER</a></p> <p><a href="../pagine/pagina.aspx?id=135" class="cl-white">Domande Frequenti</a></p> <p><a href="../help/helpdesk.aspx" class="cl-white">Scrivici</a></p> </div> </div> </div> <div class="certificationcontainer top-buffer"> <div class="container top-buffer"> <div class="col-xs-12"> <h4>LA PIATTAFORMA MLOL 脠 CERTIFICATA</h4> <div class="certification"> <div class="partners"> <div class="linkblock"> <a href="https://www.acn.gov.it/portale/w/sa-2233" target="_blank" title="Che cos'猫 ACN"> <img src="../App_Themes/1/Images/acn.png" alt="Che cos'猫 ACN" class="img-responsive" style="margin-bottom:13px;margin-top:7px;margin-right:5px;" /> </a> </div> <div class="linkblock"> <a href="https://www.bureauveritas.it/needs/certificazione-iso-9001" target="_blank" title="Che cos'猫 ISO 9001"> <img src="../App_Themes/1/Images/footer_iso9001.png" alt="Che cos'猫 ISO 9001" class="img-responsive" style="margin-bottom:13px;" /> </a> </div> <div class="linkblock"> <a href="https://www.bureauveritas.it/needs/certificazione-iso-27001" target="_blank" title="Che cos'猫 ISO 27001"> <img src="../App_Themes/1/Images/footer_iso27001.png" alt="Che cos'猫 ISO 27001" class="img-responsive" style="margin-bottom:13px;" /> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="visible-xs"> <div id="footermenumobile" class="navbar-inverse" style="padding-top:20px;padding-bottom:20px;"> <h2 class="sr-only">FOOTER</h2> <div class="container"> <div class="col-xs-12 col-sm-12 col-md-12 visible-xs footer-bar"> <ul id="accordionfooter" class="accordion nav nav-stacked"> <li class="cl-white"> <a data-toggle="collapse" data-parent="#accordionfooter" href="#sub1f" class="collapsed accordion-toggle"> INFO <span class="fontello-down-open pull-right"></span> </a> <ul class="nav collapse sub" id="sub1f"> <li><a href="../pagine/pagina.aspx?id=27" class="cl-white">Che cos'猫 MLOL</a></li> </ul> </li> <li class="cl-white"> <a data-toggle="collapse" data-parent="#accordionfooter" href="#sub2" class="collapsed accordion-toggle"> AIUTO <span class="fontello-down-open pull-right"></span> </a> <ul class="nav collapse sub" id="sub2"> <li><a href="../help/guida.aspx" class="cl-white">GUIDA</a></li> <li><a href="../help/appinfo.aspx" class="cl-white">MLOL Ebook Reader</a></li> <li><a href="../pagine/pagina.aspx?id=135" class="cl-white">Domande Frequenti</a></li> <li><a href="../help/helpdesk.aspx" class="cl-white">Scrivici</a></li> </ul> </li> <li class="cl-white"> <a data-toggle="collapse" data-parent="#accordionfooter" href="#sub5" class="collapsed accordion-toggle"> CONTATTI <span class="fontello-down-open pull-right"></span> </a> <ul class="nav collapse sub" id="sub5"> <li><a href="mailto:info@medialibrary.it" class="cl-white">info@medialibrary.it</a></li> </ul> </li> </ul> </div> </div> </div> <script type="text/javascript"> $(document).on('click', '.accordion-toggle', function (event) { event.stopPropagation(); var $this = $(this); var parent = $this.data('parent'); var actives = parent && $(parent).find('.in'); // From bootstrap itself if (actives && actives.length) { hasData = actives.data('collapse'); //if (hasData && hasData.transitioning) return; actives.collapse('hide'); } $(parent).find('.accordion-toggle').not($(event.target)).addClass('collapsed'); var target = $this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, ''); //strip for ie7 $(target).collapse('toggle'); }); </script> </div> <div id="footercookies" class="navbar-inverse accepted"> <div class="container"> <div class="col-md-12"> <div class="cookiesyes"> <div class="col-md-1 col-sm-1 hidden-xs"> <img src="../img/logo_mlol.svg?v=1" alt="mlol" height="26" style="margin-top: 12px" /> </div> <div class="col-md-11 col-sm-11"> <div class="navbar-text"> <span class="cl-white"> <span> <a href="http://blog.mlol.it" target="_blank" class="cl-white"> © Horizons Unlimited h.u. S.p.A. ( 2009-2025 )</a> | </span> <span><a href="../pagine/policy.aspx" class="cl-white">Termini e Condizioni</a> | </span> <span><a href="../pagine/privacy.aspx" class="cl-white">Informativa Privacy</a> | </span> <span><a href="../pagine/access.aspx" class="cl-white">Accessibilit脿</a> | </span> <span><a href="../pagine/pagina.aspx?id=27" class="cl-white">Che cos'猫 MLOL</a></span> </span> </div> </div> </div> </div> </div> </div> </div>      <input name="ctl00$unid" type="hidden" id="ctl00_unid" /> <input name="ctl00$sid" type="hidden" id="ctl00_sid" />  <script type="text/javascript" src="../script/jqscripts2020.js"></script> <script type="text/javascript" src="../script/mlol.js"></script> <script type="text/javascript" src="../script/cookies.js"></script> <script type="text/javascript" src="../plus/content/plugins/js-cookies/js.cookie.js"></script> <script type="text/javascript" src="../shadowbox/shadowbox.js"></script> <script type="text/javascript" src="../shadowbox/sbscripts.js"></script> <script src="/bundles/media_advancedsearch?v=GcaI3U5oGN4Ol0HZKS4mzoOpJRpFXgDY0xOcE2mU_jw1"></script> <script type="text/javascript"> function updateData(unid,sid) { document.getElementById('ctl00_unid').value = unid; document.getElementById('ctl00_sid').value = sid; } function updateS() { launch_up_win(document.getElementById('ctl00_unid').value,document.getElementById('ctl00_sid').value); }; </script>    <script type="text/javascript"> var _iub = _iub || []; _iub.csConfiguration = { "countryDetection": true, "invalidateConsentWithoutLog": true, "cookiePolicyInOtherWindow": true, "priorConsent": false, "consentOnContinuedBrowsing": false, "perPurposeConsent": true, "purposes": "4", "whitelabel": false, "lang": "it", "siteId": 2446959, "floatingPreferencesButtonDisplay": "bottom-left", "cookiePolicyId": 76520464, "cookiePolicyUrl": "https://medialibrary.it/pagine/privacy.aspx", "banner": { "brandBackgroundColor": "none", "brandTextColor": "black", "logo": "https://medialibrary.it/img/logo_mlol.svg", "acceptButtonDisplay": true, "customizeButtonDisplay": true, "acceptButtonColor": "#56be93", "acceptButtonCaptionColor": "#121f29", "customizeButtonColor": "#d0d7df", "customizeButtonCaptionColor": "#121f29", "rejectButtonDisplay": true, "rejectButtonColor": "#56be93", "rejectButtonCaptionColor": "#121f29", "listPurposes": true, "explicitWithdrawal": true, "position": "bottom", "textColor": "#ffffff", "backgroundColor": "#293034" } }; </script> <script type="text/javascript" src="https://cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>   <script> document.addEventListener("DOMContentLoaded", function (event) { var iujson = Cookies.get("_iub_cs-76520464") var anaok = Cookies.get("mtm_consent_removed") //non ho scelto if (iujson == undefined) { _paq.push(['optUserOut']); } //ho scelto ok if (iujson != undefined && JSON.parse(iujson).purposes[4] && (anaok != undefined)) { _paq.push(['forgetUserOptOut']); } }); </script>  </body> </html>

CINXE.COM

MLOL - Storie MLOL