“no - co de” ha venido para quedarse El fenómeno
Transcript of “no - co de” ha venido para quedarse El fenómeno
El fenómeno “no-code” ha venido para quedarse
22
Kaixo!Soy Imanol
Desarrollador web, consultor y formador IT
Contacta conmigo en @itermar o [email protected]
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
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
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 [email protected]
https://www.itermar.io/formacion-presencial/