¿Qué significa el concepto de Lock-in? Profundizaremos en este concepto para ver que no solo temas y plugins pueden generar Lock-in o dependencias sino que nosotros mismos sin darnos cuenta podemos estar causando también una serie de dependencias, como si de Lock-in se tratara. El objetivo de esta sesión es concienciar a usuarios y desarrolladores, así como establecer una serie de buenas prácticas, con el objetivo de entregar un trabajo final más profesional y a ser posible sin dependencias.

1. Lock-in, como alma
que lleva el diablo
por JuanKa Díaz

2. JuanKa Díaz - jdevelopia.com
Programador Front-End (Programador de lo que se ve) en jdevelopia
Especializado en WordPress y Joomla!
WordPress Tarragona
Podcaster en Zona Crítica, Post Type Podcast
Desarrollo web y organización de eventos en JoomlaES

3. • https://wptarragona.com/
• 2 Meetups mensuales
• WordPress&Beers
• Meetup - 50% Teoría / 50% Práctica
• Tarragona Impulsa & Castell del Paborde
WordPress Tarragona

4. • https://www.dariobf.com/podcast/
• Podcast sobre diseño y desarrollo web en
WordPress
• Zona Crítica
Postype Podcast

5. Disclaimer
El contenido de esta presentación representa única y
exclusivamente la opinión del presentador, no se pretende sentar
cátedra ni redactar un nuevo testamento con mandamientos
escritos sobre piedra, simplemente difundir opinión, experiencia y
recomendaciones que puedan servir tanto a principiantes, clientes
como a desarrolladores. Todas estas opiniones están totalmente
abiertas a discusión y debate.

6. Efecto Lock-in
(como alma que lleva el diablo)
Dependencia directa de un plugin/tema para/con una
funcionalidad. Si se desactiva el plugin/tema no disponemos
del contenido/datos de este o bien este los almacena sin
integridad.
* Por contra si un plugin nos facilita X funcionalidad pero nos permite exportar los
datos de forma abstracta, CSV, Excel, datos tabulados, etc, y estos conservan su
integridad, podemos considerar que no tiene lock-in o”lock-in leve”.

8. Lock-in
Ejemplos
• Page Builders (Divi, Visual Composer, etc…)
• Plantillas con funcionalidad (Avada, The7, etc…)
• Plugins de contenido mediante Shortcode (Portfolios, Envira
Gallery, TablePress, etc…)

9. Dependencia"Lock-in indirecto”
• Malas prácticas en desarrollo
• CMS = Content Management System
• Funcionalidades sin control por parte del cliente
• Falta de documentación
• Malas integraciones
• Modificaciones hardcode.

10. Pros de recursos con Lock-in
· Inmediatez + resultado final estético
· No necesidad de conocimientos técnicos
por parte del integrador/desarrollador
· Poco presupuesto
· Más facilidad para el desa-
rrollador del plugin/tema
· La dependencia
crea clientes
· Análisis de proyecto
· Fiscalidad
· Legalidad
· Comunicación
· Gestión de servicios
· El desarrollo
· Formación
· Contraseñas
· SEO, SEM, etc…..
Contras
· Total dependencia
· Contenido sin integridad
· Problemas para extender,
customizar y optimizar.
· Incapacidad de heredar proyecto
· No crecer como profesional

11. para evitar ser un ÑAAS*
*Ñapas As A Service
RECOMENDACIONES

12. WordPress &
Software Libre
· Qué es - GNU/GPL
· Filosofía, Software Libre no es Software Gratis
· Toma de requisitos
· Tu te adaptas, no él a ti
· WP SL ≠ Lock-in al contenido
#1

13. Unidad mínima de
información ≠ Editor
#2

14. Far far away, behind the word mountains, far from
the countries Vokalia and Consonantia, there live the
blind texts
Title
Item FourItem Three
Item TwoItem One
Galería de imágenes
Item Eight
Item Seven
Item Six
Item Five
Item Four
Item Three
Item Two
Separated they live in
Bookmarksgrove right at
the coast
Far far away, behind the
word mountains, far from
the countries Vokalia
A small river named Duden
flows by their place and
supplies it
Item One
Título
Descripción
Tabla de características
Galería de imágenes
Directorio de coches

15. Editor nativo de WordPress

16. https://es.wordpress.org/plugins/tinymce-advanced/

17. Plugins con Shortcodes

18. Plugins con Shortcodes

19. Plugins con Shortcodes

20. Page Builder con Lock-In

21. Editor nativo + ACF

22. Nativo Shortcodes
Editor+ACFPage Builder con Lock-in

23. Nativo
Page Builder con Lock-in
Shortcodes
Editor+ACF

25. Abstraer contenido
· Contenido susceptible de ser re-usado
· Independizar contenido = Estructura de datos
· Filtrar contenido, cambios masivos
· Libertad en maquetación
· Análisis de proyecto
· Fiscalidad
· Legalidad
· Comunicación
· Gestión de servicios
· El desarrollo
· Formación
· Contraseñas
· SEO, SEM, etc….. #3

27. Page Builders / Shortcodes
PROS
· Velocidad de creación
· Resultados vistosos sin necesidad de
capacidad técnica
#3
CONTRAS
· Lock-In elevado
· Aprendes la herramienta, pero no
la técnica
· Promoción profesional nula

29. Temas con
funcionalidad
· Uso correcto del fichero functions
· Tema = Diseño ≠ Funcionalidad
· Tema multipropósito = Sin propósito
· Tema ≠ SEO Friendly
#5

31. Plugin de functions
· Funciones de lógica, hooks, filtros
· Si es funcionalidad, no depende del tema
· Documentar las diferentes funciones
· Análisis de proyecto
· Fiscalidad
· Legalidad
· Comunicación
· Gestión de servicios
· El desarrollo
· Formación
· Contraseñas
· SEO, SEM, etc….. #6

33. CMS
· Análisis de proyecto
· Fiscalidad
· Legalidad
· Comunicación
· Gestión de servicios
· El desarrollo
· Formación
· Contraseñas
· SEO, SEM, etc….. #7
· Content Management System
· El 100% de la web debe ser administrable

34. Hola “desarrollador” que tal?!! Necesitamos cambiar el eMail de la web, tampoco
tenemos el mismo teléfono, queremos aprovechar para cambiar… etc…

35. Hola “querido cliente”, pues lamentándolo mucho no te voy a poder ayudar, he
descubierto mi verdadera pasión, me he hecho panadero!!!! Y estoy muy feliz!!!!

36. Esto es inadmisible!! Qué imagen vamos a dar sin poder hacer estos cambios en la
web… NOSOTROS NO PODEMOS CAMBIARLO! NOS HAS DEJADO TIRADOS!!!

39. Saber si tengo Lock-In
· Deshabilitar Temas y Plugins
· Exportar cualquier CPT a CSV (revisar SQL)
· Comprobar la integridad de los datos
· Análisis de proyecto
· Fiscalidad
· Legalidad
· Comunicación
· Gestión de servicios
· El desarrollo
· Formación
· Contraseñas
· SEO, SEM, etc….. #8

40. El buen carpintero deja el mueble bien acabado tanto
por la parte que se ve como por la que no.
Anónimo

41. ¡Muchas gracias!
https://jdevelopia.com/semanawp2018
¿Alguna pregunta?