<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>reveal.js</title> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/reveal.css"> <link rel="stylesheet" href="css/theme/black.css"> <!-- Theme used for syntax highlighting of code --> <link rel="stylesheet" href="lib/css/monokai.css"> <!-- Printing and PDF exports --> <script> var link = document.createElement( 'link' ); link.rel = 'stylesheet'; link.type = 'text/css'; link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css'; document.getElementsByTagName( 'head' )[0].appendChild( link ); </script> </head> <body> <div class="reveal"> <div class="slides"> <section> <section> <h2 style="margin-bottom:3cm;">Self-hosting para novatas</h2> <img src="/img/nrp.png" style="width: 25%; height:25%;"> <p> by Xaloc </p> <p> <small>email: xaloc@tutanota.com<br> xmpp: xaloc@jabber.lqdn.fr<br> fedi: <a href="https://fedi.xaloc.space/xaloc">@xaloc@fedi.xaloc.space</a></small> <aside class="notes"> Presentació, rapidament dir què és el self-hosting i dir explicarem que és més fàcil del que sembla i mirarem pros i cons. </aside> </section> <section> <h2>La web ahora</h2> <img data-src="/img/centralized.jpeg" style="width: 30%; height: 30%;"> <aside class="notes"> Explicar web és ara així google, twitter, ... Explicar problemes dades + problemes si cau servidor central. </aside> </section> <section> <h2>La web descentralizada</h2> <img data-src="/img/decentralized.jpeg"> <aside class="notes"> Explicar com petits grups, si un cau altres segueixen, recuperar control dades. </aside> </section> </section> <section> <section> <h2>La Solución?</h2> <h2>El Self-Hosting</h2> </section> <section> <style> .container{ display: flex; } .col{ flex: 1; } </style> <h2>Qué es un servidor?</h2> <div class="container"> <div class="col"><span class="fragment"> <h4>esto?</h4> <img data-src="/img/bigserver.jpg" style="width: 150%; height: 150%;"> </span></div> <div class="col"><span class="fragment"> <h4> o esto?</h4> <img data-src="/img/smallserver.jpg" style="width: 150%; height: 150%;"> </span></div> </section> </section> <section> <section> <h2>Que hay que saber?</h2> <ul> <li>Programar?</li> <li>Usar el terminal?</li> <li>Apache / Nginx?</li> <li>SQL?</li> <li>Registro de dominios?</li> <li>DNS?</li> <li>Estructura de linux?</li> </ul> </section> <section> <h1><br>NO*</br></h1> </section> <section> <h2>Es el self-hosting para todas?</h2> <p class="fragment">NO</p> <h4 class="fragment">Que se necesita?</h4> <ul> <span class="fragment"><li>Conexion Internet estable y relativamente buena</li></span> <span class="fragment"><li>Un ordenador siempre connectado (una RPI sirve)</li></span> <span class="fragment"><li>TIEMPO</li></span> </section> </section> <section> <section data-background="/img/YunoHost.png" data-background-size="750px"> <aside class="notes"> will this be a note? </aside> </section> <section> <h2>Qué es <a href="https://yunohost.org">YunoHost</a>?</h1> <p>Distribución de Linux basada en Debian</p> <p>Facilita la administración de sistemas</p> <p>Incluye una interfaz gráfica</p> </section> <section data-background-iframe="https://yunohost.org/#/try" data-background-interactive> </section> </section> </div> </div> <script src="js/reveal.js"></script> <script> // More info about config & dependencies: // - https://github.com/hakimel/reveal.js#configuration // - https://github.com/hakimel/reveal.js#dependencies Reveal.initialize({ hash: true, dependencies: [ { src: 'plugin/markdown/marked.js' }, { src: 'plugin/markdown/markdown.js' }, { src: 'plugin/highlight/highlight.js' }, { src: 'plugin/notes/notes.js', async: true } ] }); </script> </body> </html>