El fenómeno “no-code” ha venido para quedarse

22

Kaixo!Soy Imanol

Desarrollador web, consultor y formador IT

Contacta conmigo en @itermar o imanol@itermar.io

https://www.itermar.io/formacion-presencial/

33

Otros proyectos de formaciónAcademia de Control Parental

https://www.academiadecontrolparental.com

Academia de Productividad

https://www.academiadeproductividad.com

Herramientas de teletrabajo

https://www.itermar.io/teletrabajo/

Índice 1. Introducción2. ¿Qué es eso de las herramientas

“no-code”?3. ¿Qué podemos hacer con ellas?4. ¿Cuáles son las más populares?5. Ejemplos prácticos6. Demo time

4

IntroducciónPongámonos en situación

- Cada vez vemos que es más importante tener nociones de programación

- Independientemente del sector- Se está metiendo cada vez más en

educación- Desde edades tempranas

6

Introducción

- En los colegios se habla de conceptos como:

- Lógica computacional- Pensamiento analítico- Trabajo por proyectos- Learn by doing

7

Introducción

- Proyectos aprender programación desde edades tempranas:

- Swift Playgrounds- Scratch - Imagine, Program, Share- Code.org: Learn computer science.

Change the world.- Code Monster from Crunchzilla- Computer programming |

Computing

8

Introducción

- Es muy útil conocer cómo funcionan los sistemas de software

- Conceptos computacionales básicos:- Operaciones lógicas- Condicionales- Bucles- ...etc

9

Introducción

- Por otro lado, a pesar de tener estos conocimientos, no siempre será necesario ni recomendable crear un desarrollo software desde cero

- Prototipos- Validación de ideas- Pequeños proyectos...

10

Introducción

- El mercado cambia cada vez más deprisa

- Debemos ser capaces de imprimir esa velocidad a todas las áreas de nuestro negocio

- Necesitamos herramientas que nos permitan adaptarnos al cambio de forma ágil

11

Introducción

- Con soluciones de desarrollo software tradicionales se tardan muchos meses en tener lista una aplicación.

- Con las nuevas metodologías y herramienta podemos reducir tiempo de forma sorprendente

- Tener prototipo totalmente funcional en unos días

12

Introducción

- La transformación digital de las empresas en imparable

- Gracias a estas nuevas posibilidades, las empresas pueden afrontarla con más calma y garantías

13

Introducción

- Evolución del proceso de desarrollo de software:

- Primera Era: 1950-1965

- Segunda Era: 1965-1972

- Tercera Era: 1972-1989

- Cuarta Era: 1990-1999

- 2000-Actualidad

14

Introducción

IntroducciónEvolución proceso desarrollo software

15

1972

Tercera Era

Aparecen redes y comunicaciones digitales

1990

Cuarta Era

Surge la programación orientada a objetos y la Inteligencia artificial

1950

Primera Era

Prueba y Error

1965

Segunda Era

Nace la Ingeniería del Software

1999

Actualidad

Era de Internet y las metodologías ágiles

- Codificar y corregir- Sin planificación- Sin documentación- Pocos métodos formales- Prueba-error- Lenguajes:

- Fortran, Basic, Cobol

16

Introducción

Primera Era1950-1965

- Se busca simplificar código- Aparecen conceptos de

multiprogramación y multiusuarios- Inicio de la crisis del software- Nacimiento de la Ingeniería del

Software- Lenguajes:

- Pascal, Prolog

17

Introducción

Segunda Era1965-1972

- Sistemas distribuidos- Sistemas de información complejos- Aparecen las redes y las

comunicaciones digitales- Lenguajes:

- C, C++, dBase

18

Introducción

Tercera Era1972-1989

- Aparecen redes de información - Surge la programación orientada a

objetos- Redes neuronales- Inteligencia artificial- Lenguajes:

- Java

19

Introducción

Cuarta Era1990-1999

- Prominencia de Internet- Nuevos métodos para optimizar carga

de nuevos formatos imagen, vídeo…- Crece el uso de navegadores web- Auge de HTML- Aumentan los virus informáticos- Buscadores

20

Introducción

Cuarta Era1990-1999

- Metodologías ligeras- Crece demanda de software en

empresas pequeñas- Soluciones software más asequibles- Desarrollos más simples y rápidos- Aquí entra el concepto “no-code”

21

Introducción

Actualidad

¿Qué es eso de las herramientas no-code?¿De qué estamos hablando?

¿Es posible crear software profesional sin saber programar?

23

Sí, se puede24

25

Las herramientas no-code, permiten a programadores y no programadores, crear

aplicaciones de software mediante una interfaz gráfica y una serie de configuraciones, en lugar

de la clásica programación informática

26

- Wikipedia

- Herramientas web o de escritorio que permiten desarrollar aplicaciones software sin tocar una línea de código

- Con ellas, podemos desarrollar software para uso profesional

27

¿Qué es eso de las herramientas no-code ?

- Podríamos decir que el movimiento “no-code” siempre ha estado ahí

- Paso de línea de comandos a GUI- De MS-DOS a Windows- De HTML a editores WYSIWYG

28

¿Qué es eso de las herramientas no-code ?

- Este fenómeno es especialmente relevante para los desarrolladores independientes.

- Tiene muchos beneficios

29

¿Qué es eso de las herramientas no-code ?

30

¿Qué es eso de las herramientas no-code ?

Si quieres algo bien hecho, hazlo tu mismo

31

- Napoleón Bonaparte

- Amplían el número de perfiles que pueden desarrollar software

- Beneficios:- Conocer el sistema de arriba a

abajo- Autosuficiencia

- No depender de terceros- Autoaprendizaje

32

¿Qué es eso de las herramientas no-code ?

“No-code” VS “Low-code”

34

“No-code” vs “Low-code”

- Hay otro concepto similar, conocido como “Low-code”

- Introducido por primera vez en 2014, por analistas de Forrester

35

“No-code” vs “Low-code”

- Ambos son similares- La principal diferencia es que en el

“low-code” puede ser necesario introducir algo de código

- Requiere conocimientos básicos de programación

- Adaptaciones y personalizaciones- Es necesario contar con un

departamento de IT o externalizar

36

“No-code” vs “Low-code”

- Creación de la app- Accesibles a cualquier perfil u

orientado solo a desarrolladores- Diseño estructural de la app

- Hacer todo mediante drag&drop o tener que introducir algo de código

- Interfaz de usuario- Más o menos opciones, mayor o

menor nivel de configuración

37

“No-code” vs “Low-code”

- En “no-code” no se requiere utilizar ni una sola línea de código

- A menudo se tratan como un solo concepto

- Actualmente, el término más utilizado es el de “no-code”

El fenómeno en cifras

$ 1.700MVolumen de mercado en 2015

39

$ 21.000MVolumen de mercado en 2022

40

+ 50%Ingresos anual para proveedores de soluciones “no-code” y “low-code”

41

+ 40%Estimación de crecimientos anuales

42

65%De apps desarrolladas con herramientas no-code en 2024

43

Ecosistema “no-code”

45

Ecosistema “no-code”

- Se está creando una pequeña industria en torno a este fenómeno

- Cuenta con una gran comunidad y muchos recursos

- Rápida popularización

46

Ecosistema “no-code”

Eventos

- No Code Conference 2019- No-Code Now! by Betty Blocks

47

Ecosistema “no-code”

Sitios especializados

- Makerpad: Build & operate businesses without code

- A curated directory of resources, tools & hacks for non-techs

- Zeroqode is a Platform with No-Code App Templates, Courses, Plugins, etc

- SinCódigo — Crea y lanza tu negocio sin saber programar

- Learn to build, without code

48

Ecosistema “no-code”

Foros

- Nucode: No Code Maker Community- Built without code- Bubble Forum

49

Ecosistema “no-code”

Podcasts

- No Code No Problem

50

Ecosistema “no-code”

Empresas especializadas

- 8020 | We help companies move faster without code.

- No-code solution examples- Webflow Expert

Ventajas e inconvenientes

52

Ventajas del “no-code”

- Desarrollo rápido- Lo haces tú mismo- Ahorro de tiempo- Ahorro económico- Validar ideas- Control sobre el proceso

53

Ventajas del “no-code”

- Reducción del mantenimiento- Mejora de productividad en equipo de

desarrollo- Fomentar participación- Colaboración entre departamentos- Implicación de toda la empresa- Realizar cambios al momento- Adoptar forma de pensar de un

programador

54

Inconvenientes del “no-code”

- Dependencia de las herramientas- Efecto “Lock-in”

- Límites de personalización- Límites de integración con otros

servicios- Falta de control - Seguridad y fiabilidad

PosibilidadesQué podemos hacer con estas herramientas

56

Posibilidades - Páginas web- Landing pages- Apps móviles- Automatización de tareas- Chatbots- Prototipos- Asistentes de voz

57

Posibilidades - Hojas de cálculo + BBDD - Documentos enriquecidos- Desarrollo de videojuegos

58

Aplicaciones prácticas

- Casos de negocio simples, que sigan modelo CRUD (Create, Read, Update, Delete)

- Reemplazar hojas de cálculo tradicionales

- Aplicaciones con tiempo de vida corto- Procesos manuales sin necesidad de

conectar con servicios de terceros

Las más popularesNo te las pierdas

60

Top 25 - Adalo - Build Your Own No Code App- Webflow: Responsive web design tool,

CMS, and hosting platform- Create an App from a Google Sheet in

Minutes · Glide- Sheet2Site: Website Builder Using

Google Sheets- Thunkable.com: Drag and Drop Mobile

App Builder for iOS and Android

61

Top 25 - Carrd - Simple, free, fully responsive one-page sites for pretty much anything

- Typeform: The future of forms is here- Airtable- Shopify: Best Ecommerce Platform

Made for You - Notion – The all-in-one workspace for

your notes, tasks, wikis, and databases.

62

Top 25 - Coda | A new doc for teams.- Bubble: Visual Programming- ProtoPie - Interactive prototyping tool

for all digital products- Zapier | The easiest way to automate

your work- Integromat - The glue of the internet

63

Top 25 - Parabola - Make your computer work for you.

- Clay.run- MemberSpace - Turn any part of your

website into members-only with just a few clicks

- MemberStack - Memberships and Gated content w/out code

- Sharetribe - Create an online marketplace

64

Top 25 - Voiceflow | Design, prototype, and build voice apps.

- AppGyver- Table2Site: Convert your airtable

base to a website- Online Mockup, Wireframe & UI

Prototyping Tool · Moqups- Landen: The Website Platform for

Startups

65

Lo que está por venir

- Draftbit - Visually build native mobile apps.

- Play: A new approach for creating better mobile apps.

- Create 3D games with friends, no experience required

http://www.youtube.com/watch?v=Nr_eh8rQE7o

67

Lo que está por venir

68

Lo que está por venir

- A principios de Febrero 2020, Google compra Appsheet, plataforma para desarrollar apps sin código

- Los “big players” como Google y Microsoft ya están en el “no-code”

- Habrá grandes cambios

Ejemplos prácticosVeamos de qué son capaces

70

Ejemplos

Casos prácticos

- Academia de Control Parental- Academia de Productividad- NotRealTwitter- QritiQ — A community for good design

feedback- Adopta Un Experto- Stories

71

Ejemplos

Casos prácticos

- Ecommniches- Maker Wiki | Ask questions about

Airtable, Webflow, Zapier & more- How Dani Bell built a $30k MRR

done-for-you content marketing business with no-code

- * Directorio apps Productividad/Teletrabajo

Demo TimeManos a la obra!!!

73

Demo

Manos a la obra

74

Demo

Página webHerramientas a utilizar

75

Demo

Página webPasos a seguir

- Crear una página web en Webflow a partir de una plantilla

- Crear una tabla en Airtable- Insertar código <embed> de la table en

la web

76

Demo

Landing page con formulario

Look & Feel

Place your screenshot here

77

Demo

Landing pageCon formularioHerramientas a utilizar

78

Demo

Landing pageCon formularioPasos a seguir

- Crear una landing page a partir de una plantilla en Carrd

- Crear un formulario en Typeform- Insertar código <embed> del

formulario en la landing

79

Demo

App +Automatizar serviciosLook & Feel

80

Demo

App +Automatizar serviciosHerramientas a utilizar

81

Demo

App +Automatizar serviciosPasos a seguir

1. Crear hoja de cálculo Google Sheets2. Crear documento de Coda con una

tabla3. Crear app en Glide4. Crear la automatización en Zapier

82

Demo

App +Automatizar serviciosEnlaces

1. Hoja de cálculo: https://docs.google.com/spreadsheets/d/1j3clp5LmbLDtjPBSvZa3wug2UW5kuQN7QFs91Hf0Ydw/edit?usp=sharing

2. Documento de Coda: https://coda.io/@imanol-teran-maruri/jornada-el-fenomeno-no-code-esta-aqui-para-quedarse

3. App: jornadanocode.glideapp.io

Recursos de aprendizaje

84

Recursos

Propios

- Crea páginas web sin código con Webflow

- Crea prototipos de apps totalmente funcionales sin conocimientos de programación

- Taller AppGyver

85

Recursos

Externos

- Crash Course- Grasshopper: Learn to Code for Free- Mimo: Learn to Code- The Future is No-Code | Read by

Questions- https://ebooks.webflow.com/ebook/th

e-no-code-revolution?utm_source=iterable&utm_medium=email&utm_campaign=the-no-code-revolution#ebook-content

- https://airtable.com/shrkvKGKMopXBG2eM/tblvoa4t2o9EZPfBE

86

Recursos

Artículos

- No-code movement: building startups without code- The No-Code Movement And What It Means For Agencies- The Rise of “No Code” - Ryan Hoover- Nearly everything there is to know about no-code- https://www.thedailymba.com/2020/01/24/how-the-no-code-m

ovement-can-help-startups-and-developers/- The No-Code Movement Is Changing Who Gets to Be a Builder- The No-Code Movement And What It Means For Agencies- Makerpad tutorial - 🚪Creating a membership website on

Webflow (extensive overview)

Futuro del “no-code”

88

Futuro del “no-code”

- Desde hace tiempo nos encontramos ante lo que se conoce como “The Last Mile Problem”

- Actualmente, las empresas utilizan un montón de herramientas:

- CRM, ERP, sistemas de ticketing, ecommerce, BBDD...

89

Futuro del “no-code”

- Estas herramientas no tienen nada que ver entre ellas

- No pueden interactuar unas con otras de forma nativa

- Esto deriva en trabajadores haciendo malabarismos, horas extra y trabajo duplicado para poder completar sus tareas

90

Futuro del “no-code”

- Aquí entra el “Last Mile Problem”, un problema común en cualquier negocio

- Se trata de la incapacidad de los sistemas y aplicaciones que utilizamos para completar las procesos o proyectos de principio a fin

91

Futuro del “no-code”

- Esto va totalmente en contra de la productividad de empresa y empleados

- Por ello, está creciendo la demanda de poder desarrollar soluciones propias de forma rápida y sencilla que se ajusten a las necesidades y peculiaridades del negocio

92

Futuro del “no-code”

- Las herramientas “no-code” tratan de solucionar esto

- Ponen en manos del equipo de negocio herramientas con poder para crear software

- Existe controversia sobre este tema

93

Futuro del “no-code”

- Las herramientas existentes actualmente, se quedan cortas en ciertos aspectos

- Necesitan ir un poco más allá para solucionar el “Last Mile Problem”

- Seguimos creando apps que no pueden interactuar unas con otras

- Seguimos acumulando suscripciones

94

Futuro del “no-code”

- El siguiente nivel es llegar a hacer automatizaciones, no quedarnos en construir la app

- Permitir al usuario programar flujos de trabajo automatizados

- Actualmente, hay que recurrir a servicios de terceros como Zapier

95

Futuro del “no-code”

- La gran victoria llegará cuando las herramientas no-code permitan construir software que se adapte al comportamiento del usuario

- Mientras tanto, disfrutemos del camino 😉

Ponedlo en la encuesta 🙏🏼

96

Si estáis interesados en hacer cursos específicos sobre herramientas “no-code”

97

Próximos cursos

- Taller CPT 2, 3 y 4 de Junio

- Jornada Agendar Citas 5 de Junio

- Jornada Teletrabajo 11 de Junio

- Jornada Pasar negocio de físico a Online 15 de Junio

- Taller AppGyver 22, 23, 24 y 25 de Junio

- Taller Elementor 29 y 30 de Junio

98

Eskerrik askoAny questions?

Contacta conmigo en @itermar o imanol@itermar.io

https://www.itermar.io/formacion-presencial/