open-pod/lib/openpod_web/templates/page/howto.html.eex
2020-09-09 23:35:31 +02:00

222 lines
9.1 KiB
Elixir

<body>
<div class="wrapper"><div class="container-fluid">
<div class="row row-border-red">
<div class="col-12 col-md-2 border-right-red py-3 px-4">
<div class="d-flex align-item-center flex-column h-100">
<a href="/">
<img src="<%= Routes.static_path(@conn, "/images/logo.svg") %>" width="100%" height="auto" alt="OpenPod" />
</a>
</div>
</div>
</div>
<div class="row row-border-red row-central">
<div class="col-12 col-md-2 border-right-red d-flex justify-content-center"></div>
<div class="col-12 col-md-8">
<h3 class="my-md-3 my-0 py-3 py-md-0">
Come caricare correttamente il tuo podcast su archive.org?
</h3>
</div>
</div>
<div class="row row-border-red">
<div class="col-12 col-md-2 border-right-red d-flex justify-content-center">
<h4 class="m-0 pt-3">01.</h4>
</div>
<div class="col-12 col-md-8 pt-3">
<p>
Esportare la/le traccia/tracce in formato .mp3 dal tuo editor
audio preferito (es:
<a href="https://www.audacityteam.org/download/">Audacity</a>)
aggiungendo i seguenti tag iD3:
</p>
<ul>
<li><i>title</i> -> il titolo dell'episodio</li>
<li><i>creator</i> -> l'autore dell'episodio/podcast</li>
<li><i>album</i> -> il nome del podcast</li>
<li><i>track</i> -> il numero di puntata nome del file</li>
</ul>
<p>
Un consiglio su come nominare i files:
titolo_podcast-##-titolo_puntata.mp3 (es:
fuori_fase-01-diritto_alla_città.mp3)
</p>
</div>
</div>
<div class="row row-border-red">
<div class="col-md-2 col-12 border-right-red d-flex justify-content-center">
<h4 class="m-0 pt-3">02.</h4>
</div>
<div class="col-md-8 col-12 pt-3">
<p>
Crea un account su
<a href="https://archive.org/account/signup">archive.org</a>, è
gratuito e non sfruttano commercialmente i tuoi dati
<img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/create.png") %>" />
</p>
</div>
</div>
<div class="row row-border-red">
<div class="col-md-2 col-12 border-right-red d-flex justify-content-center">
<h4 class="m-0 pt-3">03.</h4>
</div>
<div class="col-md-8 col-12 pt-3">
<p>
Crea un nuovo
<a href="https://archive.org/create/"><i>item</i></a> e carica una
o più tracce audio
<img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/upload.png") %>" />
Una volta terminato l'upload ti verrà chiesto di inserire i
metadati che OpenPod interpretà nel sequente modo
</p>
<ul>
<li>Page title -> titolo del podcast</li>
<li>
Page url -> i link al tuo podcast (quello da dare in pasto ad
OpenpPod), possibilemente senza spazi e/o caratteri speciali
(accenti, simboli, etc). <b>NON</b> si può modificare in seguito
</li>
<li>Description -> una descrizione del podcast</li>
<li>
Subject tags -> delle parole chiave che identificano il
contenuto del podcast
</li>
<li>Creator -> l'autore del podcast</li>
<li>Collection -> community audio (default)</li>
<li>Language -> la lingua del podcast</li>
<li>License -> la licenza del podcast</li>
</ul>
<img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/metadata.png") %>" />
<p>
Successivamente clicca su <i>Add Additional Meta</i> e aggiungi le
seguenti <i>key:value</i>:
</p>
<ul>
<li>op_link -> il sito di riferimento del podcast (opzionale)</li>
<li>
op_category -> massimo 3 categorie (vedi elenco in fondo alla
pagina) separate da punto e virgola
</li>
<li>
op_explicit -> nel caso tu voglia esplicitare che il contenuto
del tuo podcast tratta contenuti sensibili inserire
<i>yes</i> contrariamente inserire <i>no</i>
</li>
</ul>
<img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/additional.png") %>" />
<p>
A questo punto carica l'immagine di copertina podcast: l'immagine
deve essere del formato .jpg o .png. La dimensione consigliata è
3000x3000 pixels, minimo 1300x1300 pixels. Per terminare cliccate
sul pulsante <i>Upload and create your item</i>
</p>
<img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/final.png") %>" />
</div>
</div>
<div class="row row-border-red">
<div class="col-12 col-md-2 border-right-red d-flex justify-content-center">
<h4 class="m-0 pt-3">04.</h4>
</div>
<div class="col-12 col-md-8 pt-3">
<p class="text-danger">
Tutti i passaggi e le informazioni richieste fino ad ora sono
obbligatorie, se ci sono delle mancanze il tuo feed RSS potrebbe
non risulatare valido per alcune piattaforme di distribuzione
</p>
</div>
</div>
<div class="row row-border-red">
<div class="col-12 col-md-2 border-right-red d-flex justify-content-center">
<h4 class="m-0 pt-3">05.</h4>
</div>
<div class="col-12 col-md-8 pt-3">
<p>
Per modificare e aggiornare il tuo podcast clicca su edit nella
pagina dell'item:
</p>
<img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/edit.png") %>" />
<p>
se vuoi aggiungere un nuovo episodio al podcast:
</p>
<ul>
<li>cliccare su <i>edit</i> nella pagina dell'<i>item</i></li>
<li>cliccare su <i>change the files</i></li>
<li>cliccare su <i>add a file</i></li>
<li>
aggiungere uno o più file e cliccare su
<i>add files to existing item</i>
</li>
<li><b>se il tuo feed non si aggiorna puoi forzarlo aggiungendo <code>?reload</code> in fondo all'url</b></li>
</ul>
<img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/nuovo.png") %>" />
<p>
se non viene riconusciuta l'immagine come copertina:
</p>
<ul>
<li>cliccare <i>edit</i> nella pagina dell'<i>item</i></li>
<li>
cliccare su <i>change the information</i> scorrere verso il
basso fino ad individuare il file dell'immagine
</li>
<li>in <i>format</i> selezionare <i>Item image</i>></li>
<li>cliccare su <i>submit</i> in fondo alla pagina</li>
</ul>
<img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/cover.png") %>" />
<p>
se vuoi cambiare le infomazioni precedentemente inserite:
</p>
<ul>
<li>cliccare su <i>edit</i> nella pagina dell'item</li>
<li>cliccare su <i>change the information</i></li>
<li>
fare le modifiche desiderate e cliccare su <i>submit</i> in
fondo alla pagina
</li>
</ul>
<img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/correggi.png") %>" />
</div>
</div>
<div class="row row-border-red">
<div class="col-12 col-md-2 border-right-red d-flex justify-content-center">
<h4 class="m-0 pt-3">06.</h4>
</div>
<div class="col-12 col-md-8 pt-3">
<p>
Elenco delle categorie. Devono essere solo ed esclusivamente
queste elencate. Devono essere mantenute anche le maiuscole.
</p>
<ul>
<li>Arts</li>
<li>Business</li>
<li>Comedy</li>
<li>Education</li>
<li>Fiction</li>
<li>Government</li>
<li>History</li>
<li>Health & Fitness</li>
<li>Kids & Family</li>
<li>Leisure</li>
<li>Music</li>
<li>News</li>
<li>Religion & Spirituality</li>
<li>Science</li>
<li>Society & Culture</li>
<li>Sports</li>
<li>Technology</li>
<li>True Crime</li>
<li>TV & Film</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-12 d-flex align-items-center">
<p class="my-2">
Una produzione dalla galassia
<a href="https://offtopiclab.org">Off Topica</a> / ospitati dal
<a href="https://unit.abbiamoundominio.org/">Collettivo Unit</a> /
codice sorgente su
<a href="https://git.lattuga.net/offtopic/open-pod">git.lattuga.net/offtopic/open-pod</a>
</p>
</div>
</div>
</div>
</div>
</body>