howto.html.eex 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
  1. <body>
  2. <div class="wrapper"><div class="container-fluid">
  3. <div class="row row-border-red">
  4. <div class="col-12 col-md-2 border-right-red py-3 px-4">
  5. <div class="d-flex align-item-center flex-column h-100">
  6. <a href="/">
  7. <img src="<%= Routes.static_path(@conn, "/images/logo.svg") %>" width="100%" height="auto" alt="OpenPod" />
  8. </a>
  9. </div>
  10. </div>
  11. </div>
  12. <div class="row row-border-red row-central">
  13. <div class="col-12 col-md-2 border-right-red d-flex justify-content-center"></div>
  14. <div class="col-12 col-md-8">
  15. <h3 class="my-md-3 my-0 py-3 py-md-0">
  16. Come caricare correttamente il tuo podcast su archive.org?
  17. </h3>
  18. </div>
  19. </div>
  20. <div class="row row-border-red">
  21. <div class="col-12 col-md-2 border-right-red d-flex justify-content-center">
  22. <h4 class="m-0 pt-3">01.</h4>
  23. </div>
  24. <div class="col-12 col-md-8 pt-3">
  25. <p>
  26. Esportare la/le traccia/tracce in formato .mp3 dal tuo editor
  27. audio preferito (es:
  28. <a href="https://www.audacityteam.org/download/">Audacity</a>)
  29. aggiungendo i seguenti tag iD3:
  30. </p>
  31. <ul>
  32. <li><i>title</i> -> il titolo dell'episodio</li>
  33. <li><i>creator</i> -> l'autore dell'episodio/podcast</li>
  34. <li><i>album</i> -> il nome del podcast</li>
  35. <li><i>track</i> -> il numero di puntata nome del file</li>
  36. </ul>
  37. <p>
  38. Un consiglio su come nominare i files:
  39. titolo_podcast-##-titolo_puntata.mp3 (es:
  40. fuori_fase-01-diritto_alla_città.mp3)
  41. </p>
  42. </div>
  43. </div>
  44. <div class="row row-border-red">
  45. <div class="col-md-2 col-12 border-right-red d-flex justify-content-center">
  46. <h4 class="m-0 pt-3">02.</h4>
  47. </div>
  48. <div class="col-md-8 col-12 pt-3">
  49. <p>
  50. Crea un account su
  51. <a href="https://archive.org/account/signup">archive.org</a>, è
  52. gratuito e non sfruttano commercialmente i tuoi dati
  53. <img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/create.png") %>" />
  54. </p>
  55. </div>
  56. </div>
  57. <div class="row row-border-red">
  58. <div class="col-md-2 col-12 border-right-red d-flex justify-content-center">
  59. <h4 class="m-0 pt-3">03.</h4>
  60. </div>
  61. <div class="col-md-8 col-12 pt-3">
  62. <p>
  63. Crea un nuovo
  64. <a href="https://archive.org/create/"><i>item</i></a> e carica una
  65. o più tracce audio
  66. <img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/upload.png") %>" />
  67. Una volta terminato l'upload ti verrà chiesto di inserire i
  68. metadati che OpenPod interpretà nel sequente modo
  69. </p>
  70. <ul>
  71. <li>Page title -> titolo del podcast</li>
  72. <li>
  73. Page url -> i link al tuo podcast (quello da dare in pasto ad
  74. OpenpPod), possibilemente senza spazi e/o caratteri speciali
  75. (accenti, simboli, etc). <b>NON</b> si può modificare in seguito
  76. </li>
  77. <li>Description -> una descrizione del podcast</li>
  78. <li>
  79. Subject tags -> delle parole chiave che identificano il
  80. contenuto del podcast
  81. </li>
  82. <li>Creator -> l'autore del podcast</li>
  83. <li>Collection -> community audio (default)</li>
  84. <li>Language -> la lingua del podcast</li>
  85. <li>License -> la licenza del podcast</li>
  86. </ul>
  87. <img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/metadata.png") %>" />
  88. <p>
  89. Successivamente clicca su <i>Add Additional Meta</i> e aggiungi le
  90. seguenti <i>key:value</i>:
  91. </p>
  92. <ul>
  93. <li>op_link -> il sito di riferimento del podcast (opzionale)</li>
  94. <li>
  95. op_category -> massimo 3 categorie (vedi elenco in fondo alla
  96. pagina) separate da punto e virgola
  97. </li>
  98. <li>
  99. op_explicit -> nel caso tu voglia esplicitare che il contenuto
  100. del tuo podcast tratta contenuti sensibili inserire
  101. <i>yes</i> contrariamente inserire <i>no</i>
  102. </li>
  103. </ul>
  104. <img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/additional.png") %>" />
  105. <p>
  106. A questo punto carica l'immagine di copertina podcast: l'immagine
  107. deve essere del formato .jpg o .png. La dimensione consigliata è
  108. 3000x3000 pixels, minimo 1300x1300 pixels. Per terminare cliccate
  109. sul pulsante <i>Upload and create your item</i>
  110. </p>
  111. <img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/final.png") %>" />
  112. </div>
  113. </div>
  114. <div class="row row-border-red">
  115. <div class="col-12 col-md-2 border-right-red d-flex justify-content-center">
  116. <h4 class="m-0 pt-3">04.</h4>
  117. </div>
  118. <div class="col-12 col-md-8 pt-3">
  119. <p class="text-danger">
  120. Tutti i passaggi e le informazioni richieste fino ad ora sono
  121. obbligatorie, se ci sono delle mancanze il tuo feed RSS potrebbe
  122. non risulatare valido per alcune piattaforme di distribuzione
  123. </p>
  124. </div>
  125. </div>
  126. <div class="row row-border-red">
  127. <div class="col-12 col-md-2 border-right-red d-flex justify-content-center">
  128. <h4 class="m-0 pt-3">05.</h4>
  129. </div>
  130. <div class="col-12 col-md-8 pt-3">
  131. <p>
  132. Per modificare e aggiornare il tuo podcast clicca su edit nella
  133. pagina dell'item:
  134. </p>
  135. <img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/edit.png") %>" />
  136. <p>
  137. se vuoi aggiungere un nuovo episodio al podcast:
  138. </p>
  139. <ul>
  140. <li>cliccare su <i>edit</i> nella pagina dell'<i>item</i></li>
  141. <li>cliccare su <i>change the files</i></li>
  142. <li>cliccare su <i>add a file</i></li>
  143. <li>
  144. aggiungere uno o più file e cliccare su
  145. <i>add files to existing item</i>
  146. </li>
  147. </ul>
  148. <img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/nuovo.png") %>" />
  149. <p>
  150. se non viene riconusciuta l'immagine come copertina:
  151. </p>
  152. <ul>
  153. <li>cliccare <i>edit</i> nella pagina dell'<i>item</i></li>
  154. <li>
  155. cliccare su <i>change the information</i> scorrere verso il
  156. basso fino ad individuare il file dell'immagine
  157. </li>
  158. <li>in <i>format</i> selezionare <i>Item image</i>></li>
  159. <li>cliccare su <i>submit</i> in fondo alla pagina</li>
  160. </ul>
  161. <img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/cover.png") %>" />
  162. <p>
  163. se vuoi cambiare le infomazioni precedentemente inserite:
  164. </p>
  165. <ul>
  166. <li>cliccare su <i>edit</i> nella pagina dell'item</li>
  167. <li>cliccare su <i>change the information</i></li>
  168. <li>
  169. fare le modifiche desiderate e cliccare su <i>submit</i> in
  170. fondo alla pagina
  171. </li>
  172. </ul>
  173. <img class="img-fluid" src="<%= Routes.static_path(@conn, "/images/correggi.png") %>" />
  174. </div>
  175. </div>
  176. <div class="row row-border-red">
  177. <div class="col-12 col-md-2 border-right-red d-flex justify-content-center">
  178. <h4 class="m-0 pt-3">06.</h4>
  179. </div>
  180. <div class="col-12 col-md-8 pt-3">
  181. <p>
  182. Elenco delle categorie. Devono essere solo ed esclusivamente
  183. queste elencate. Devono essere mantenute anche le maiuscole.
  184. </p>
  185. <ul>
  186. <li>Arts</li>
  187. <li>Business</li>
  188. <li>Comedy</li>
  189. <li>Education</li>
  190. <li>Fiction</li>
  191. <li>Government</li>
  192. <li>History</li>
  193. <li>Health & Fitness</li>
  194. <li>Kids & Family</li>
  195. <li>Leisure</li>
  196. <li>Music</li>
  197. <li>News</li>
  198. <li>Religion & Spirituality</li>
  199. <li>Science</li>
  200. <li>Society & Culture</li>
  201. <li>Sports</li>
  202. <li>Technology</li>
  203. <li>True Crime</li>
  204. <li>TV & Film</li>
  205. </ul>
  206. </div>
  207. </div>
  208. <div class="row">
  209. <div class="col-12 d-flex align-items-center">
  210. <p class="my-2">
  211. Una produzione dalla galassia
  212. <a href="https://offtopiclab.org">Off Topica</a> / ospitati dal
  213. <a href="https://unit.abbiamoundominio.org/">Collettivo Unit</a> /
  214. codice sorgente su
  215. <a href="https://git.lattuga.net/offtopic/open-pod">git.lattuga.net/offtopic/open-pod</a>
  216. </p>
  217. </div>
  218. </div>
  219. </div>
  220. </div>
  221. </body>