HedgeDoc - Collaborative markdown notes

## n8n.io ###### Low Code Workflow-Automatisierung <p> </p> ### Webmontag - Bonn ###### 20.11.2023 ---  <div style="position: relative; padding-top: 200px;"> <h2 style="position: absolute; top: 0; left: 0; width: 100%;">Wer präsentiert hier?</h2> </div> <div class="row" style="clear: both;"> <div class="column" style="float:left;width:50%;font-size:0.8em;"> <p>Askan Schmeißer</p> <a href="https://about.askan.biz">https://about.askan.biz</a> <p> </p> <img src="https://foto.askan.cloud/uploads/original/ab/61/edc599a876ff0489a1e275082ea5.png" style="width:40%;height:40%;"> </div> <div class="column" style="float:right;width:50%;font-size:0.8em;"> <p>Sascha Foerster</p> <a href="https://bonn.digital">https://bonn.digital</a> <p> </p> <img src="https://foto.askan.cloud/uploads/original/1c/4a/4a0317d0f005e6090acc02f28713.png" style="width:40%;height:40%;"> </div> </div> ---  <div style="position: relative; padding-top: 150px;"> <h2 style="position: absolute; top: 0; left: 0; width: 100%;">Was ist n8n.io?</h2> </div> <div class="row"> <div class="column" style="float:left;width:50%;font-size:0.7em;"> <ul> <li style ="margin-bottom: 20px;">Low Code Tool zur Automatisierung wiederkehrender Aufgaben / Worksflows</li> <li style ="margin-bottom: 20px;">>750 Integrationen (Nodes), z.B. Trello, AWS, Stripe </li> <li style ="margin-bottom: 20px;">Selber hosten der Community Edition möglich</li> <li style ="margin-bottom: 20px;"><a href="https://faircode.io/">Fair code</a> Lizenz</li> <li style ="margin-bottom: 20px;">Community mit >50k Menschen</li> </ul> </div> <div class="column" style="float:right;width:50%;"> <img src="https://foto.askan.cloud/uploads/original/f5/41/df866100d9e179560e974d2d1696.png" style="width:100%;height:auto;"> </div> </div> ---  <div style="position: relative; padding-top: 150px;"> <h2 style="position: absolute; top: 0; left: 0; width: 100%;">Warum nutzen wir n8n.io?</h2> </div> <div class="row"> <div class="column" style="float:left;width:50%;font-size:0.7em;"> <ul> <li style ="margin-bottom: 20px;">Buchhaltung mit CRM verbinden</li> <li style ="margin-bottom: 20px;">Ticket-Buchungen an Newsletter weitergeben</li> <li style ="margin-bottom: 20px;">Stripe mit LexOffice verbinden</li> <li style ="margin-bottom: 20px;">Bonner Wetter Mastodon Bot</li> <li style ="margin-bottom: 20px;">Wettbewerber-Beobachtung</li> <li style ="margin-bottom: 20px;">... und ein paar andere mehr</li> </ul> </div> <div class="column" style="float:right;width:50%;"> <iframe src="https://n8n.io" style="width:100%;height:500px;"></iframe> </div> </div> ---  <div style="position: relative; padding-top: 150px;"> <h2 style="position: absolute; top: 0; left: 0; width: 100%;">Verfügbare Knoten in n8n.io</h2> </div> <div class="row"> <div class="column" style="float:left;width:50%;font-size:0.7em;"> <ul> <li style ="margin-bottom: 20px;">Kern-Nodes: z.B. HTTP-Anfrage, IF, Code (JS)</li> <li style ="margin-bottom: 20px;">Dienst-Nodes: z.B. Slack, Google Sheets, GitHub</li> <li style ="margin-bottom: 20px;">Auslöse-Nodes: z.B. Cron, Webhook</li> </ul> </div> <div class="column" style="float:right;width:50%;"> <iframe src="https://n8n.io/integrations" style="width:100%;height:500px;"></iframe> </div> </div> ---  ## Workflow Beispielkatalog <iframe src="https://n8n.io/workflows/" style="width:100%;height:500px;"></iframe> ---  ### Workflow Beispiel bonn.digital I <img src="https://foto.askan.cloud/uploads/medium/53/22/d37543e639429d9b73f4d85359ca.png" style="width:70%;height:70%;"> ---  ### Workflow Beispiel bonn.digital II <img src="https://foto.askan.cloud/uploads/medium/cd/62/62532457eee1acf35f3ec4638d94.png" style="width:70%;height:70%;"> ---  <div class="row" style="display: flex; justify-content: space-between;"> <div class="column" style="flex: 1; padding-right: 10px; text-align: left;"> <h3>Vorteile</h3> <ul style="padding-left: 20px;font-size:0.7em;"> <li style ="margin-bottom: 20px;">Keine Zugangsdaten oder Token an Dritte</li> <li style ="margin-bottom: 20px;">Automatisieren "ohne" Programmierkenntnisse</li> <li style ="margin-bottom: 20px;">Unterstützung beim Debugging</li> <li style ="margin-bottom: 20px;">"Alle" Applikationen mit API können genutzt werden, auch ohne fertigen Node</li> <li style ="margin-bottom: 20px;">KI integriert</li>  </ul> </div> <div class="column" style="flex: 1; padding-left: 10px; text-align: left;"> <h3>Nachteile</h3> <ul style="padding-left: 20px;font-size:0.7em;"> <li style ="margin-bottom: 20px;">Selbst hosten - mit allen Vor- und Nachteilen</li> <li style ="margin-bottom: 20px;">User Management kostenpflichtig</li> <li style ="margin-bottom: 20px;">Community Edition hat nicht alle Features</li>  </ul> </div> </div> ---  ## Workflow Demo ---  <div style="position: relative; padding-top: 250px;"> <h2 style="position: absolute; top: 0; left: 0; width: 100%;">Andere Beispiele für Low Code / No Code Plattformen</h2> </div> <div class="row" style="display: flex; justify-content: space-between;font-size:0.7em"> <div class="column" style="flex: 1; padding-right: 50px; text-align: left;"> <h3>Open Source</h3> <ul style="padding-left: 20px;">  <li style ="margin-bottom: 20px;"><a href="https://www.activepieces.com">activepieces.com</a></li> <li style ="margin-bottom: 20px;"><a href="https://www.appsmith.com">appsmith.com</a></li> </ul> </div> <div class="column" style="flex: 1; padding-left: 40px; padding-right: 10px; text-align: left;"> <h3>Kommerziell</h3> <ul style="padding-left: 20px;">  <li style ="margin-bottom: 20px;"><a href="https://www.make.com/">make.com</a></li> <li style ="margin-bottom: 20px;"><a href="https://www.bubble.io/">bubble.io</a></li> </ul> </div> <div class="column" style="flex: 1; padding-left: 40px; text-align: left;"> <h3>Ressource</h3> <ul style="padding-left: 20px;">  <li style ="margin-bottom: 20px;"><a href="https://www.visualmakers.de/">visualmakers.de</a></li> </ul> </div> </div> ---  <img src="https://foto.askan.cloud/uploads/original/6b/c1/3ea978bb0b76f9e8ab0674dcefcf.png" style="width:40%;height:40%;">