Este documento presenta una guía paso a paso para la implementación de una estrategia digital en WordPress. Comienza con la planeación, que incluye requisitos del negocio y participantes. Luego continúa con el diseño, desarrollo, lanzamiento y seguimiento. Explica cada fase del proceso IWEB y los atributos clave de una aplicación web. Finalmente, enfatiza la importancia de pruebas, control de calidad y mejoras continuas.

1. JUAN BUITRAGO
Implementación de una
estrategia digital en

2. Ingeniero de Sistemas &
Telecomunicaciones
Co-Fundador de LOOR Lab
Trayectoria en la Casa
Editorial El Tiempo
Director de Proyectos Web
Trueque Digital >>
“Mejor Estrategia Web con
contenido cultural - 2011
Maguaré >>
www.maguare.gov.co
“Mejor Plataforma Infantil” del
Festival comKids Interactivo de
Brasil - 2018
www.loorlab.com
Adopta , no compres

3. “Checklist Implementación
Estrategia Digital en
WordPress”
#WCBogota
@loorlab
www.loorlab.com

4. Basada en la metodología Ingeniería Web - IWeb
RUTA DE
IMPLEMENTACIÓN

5. FUENTE: INGENIERÍA DEL SOFTWARE, UN ENFOQUE PRÁCTICO, 5TA EDICIÓN, ROGER PRESSMAN (EDITORIAL MCGRAW-HILL)
DIAGRAMA DE
PROCESO
IWEB

6. FASES DEL PROCESO IWEB
Planeación Modelado Construcción Despliegue
Comunicación
con el cliente
• Contexto
empresarial-
organizativo
• Participantes
• Requisitos del negocio
• Integraciones
• Potenciales Cambios
ADNF
• Recopilación de requisitos
• Definición de tareas
• Calendario de plazos
• Plan de Proyecto
incremental
• Análisis y Diseño
• Análisis “rápidos”
• Modelos de diseño
que definen requisitos
• Herramientas y
Tecnología
• Pruebas
Rápidas
• Detección de
Errores en
Diseño
• Pruebas
Adicionales
• Entrega a
usuarios
finales
• Periodo de
prueba
• Evaluación
• Incremento
de
software
F : Formulación ADN : Análisis del negocio

7. Intensidad de red
Concurrencia
Carga Impredecible
Desempeño
Disponibilidad Atributos de una WebApp

8. Gobernada por los datos
Sensibilidad al contenido
Evolución continua
Inmediatez
Seguridad Atributos de una WebApp
Estética

9. “En el momento en que
veamos cierta especie de
estabilización, la Web se
habrá convertido en algo
completamente diferente”
Louis Monier

10. RUTA DE IMPLEMENTACIÓN
CLIENTE 1 Requerimientos
Condiciones - Contrato
DISEÑO 2
DESARROLLO 3
LANZAMIENTO 4
Equipo
Wireframes – Mockups - QA
Tecnologías
Herramientas - Implementación
Pruebas
Control – Seguimiento QA
SEGUIMIENTO 5 Mejoras – Calidad
Resultados

11. NECESIDADES DEL NEGOCIO
OBJETIVOS
USUARIOS FINALES
--------------
METAS INFORMATIVAS
METAS APLICABLES
CLIENTE

12. Requerimientos
CONTENIDO
FUNCIONALES
INTERACCIÓN

13. WordPress
CONTENIDO
 Post : Publicaciones que se pueden crear-editar-
actualizar desde un editor WYSIWYG
“Lo que ves es lo que obtienes”

14. WordPress
CONTENIDO
 Post : Publicaciones que se pueden crear-editar desde
un editor de bloques llamado “Gutenberg” que será
incluido en el core desde la versión 5.0 .
https://wordpress.org/gutenberg/

15. WordPress
CONTENIDO
 Post Types: Tipo de contenidos
Post - Entradas
Page – Páginas
Attachment - Adjunto
Revision – Revisión
Navigation Menu - Menú de navegación
Custom CSS - CSS adicional
Changesets – Personalizar WP -
Customizer

16. WordPress
CONTENIDO
 Custom Post Types :
Tipos de Entrada personalizadas
• Organización y jerarquías
• Distintas opciones de creación de
contenido
• Estructuras de enlace, permalinks
customizados y SEO
• Taxonomías
Portafolio
Productos
Noticias
Cursos
Tutoriales
Podcasts
Descargas
Boletas
Recetas
Partituras
taxonomiasⁿ

17. WordPress
CONTENIDO
 ACF : Cambió la
historia de la zona de
administración en
WordPress

18. WordPress
INTERACCIÓN
Usuarios :
• Administración del sitio
• Gestión de roles
• Creación de equipos de trabajo
• Control de usuarios
• Comunidad (Moderación de
comentarios)
• Administración de Plugins
• Usuarios finales
• Envío de contenido hacia WordPress
• Administración de temas
• Administrador
• Editor
• Autor
• Colaborador
• Suscriptor

19. 55,511 plugins
Cualquiera de estos plugins puede
ayudarte a lograr un requerimiento
de tus clientes

20. Condiciones
GARANTÍAS
ACUERDO DE NIVEL DE SERVICIO
LIMITACIONES

21. WordPress
GARANTÍAS
Requerimientos
Especificaciones
Alcances
Aclaración sobre GPL , no
se cobra por WordPress
Definición de tareas
Cronograma de trabajo
Evitar LOCK-IN*
Cliente Cautivo *El efecto Lock-in o efecto de permanencia, se puede entender como el problema que tienen los usuarios que
se ven forzados a seguir usando un theme o un plugin, ya que si tratan de cambiarlos, los datos ingresados
usando estos themes o plugins se perderán.
Fuente : https://decodecms.com/se-puede-evitar-el-efecto-lock-in-en-wordpress/

22. WordPress ACUERDO DE NIVEL DE SERVICIO (SLA)
Incidentes
Soporte
Prioridad ( Critica – Urgente – Normal )
Descripción
Tiempo de confirmación
Tiempo de respuesta
Mecanismo de respuesta
Actualizaciones de Plugins
Actualizaciones de WordPress
Seguridad en WordPress

23. WordPress
LIMITACIONES
Definir limites técnicos
Tiempo, recursos y económicas
Dependencia de proveedores
externos (Hosting , infraestructura,
plugins etc)
Posibles problemas con
WordPress en actualizaciones y
vulnerabilidades en seguridad.

24. WordPress
es seguro
La seguridad debe ser una prioridad máxima para cualquier
proyecto Web

25. Contrato

26. REQUERIMIENTOS
CONDICIONES
CONTRATO
EL CONTRATO DEFINE ALCANCES Y LIMITES DE
LA ESTRATEGIA DIGITAL
https://www.gnu.org/philosophy/selling.es.html
TÉRMINOS
LEGALES

27. MODELO DE DISEÑO
FUNCIONALIDAD
FACILIDAD DE USO
--------------
EFICIENCIA
IDENTIDAD
COMPATIBILIDAD
DISEÑO

28. “En esencia, existen dos
enfoques básicos del
diseño: el ideal artístico
de expresarse un mismo y
el ideal de ingeniería de
resolver un problema para
un cliente”
Jakob Nielsen

29. Equipo
EN CASA (IN-HOUSE)
SUBCONTRATADO
REMOTO
CARTA BLANCA

30. TIEMPO RECURSOS EFICIENCIA
EN CASA (IN-HOUSE) MODERADO ALTO MEDIA
SUBCONTRATADO MODERADO INTERMEDIO MEDIA-ALTA
REMOTO ÓPTIMO INTERMEDIO - ALTO ALTA
CARTA BLANCA MODERADO INESTABLE ALTO MEDIA
CONSTRUCCIÓN DEL EQUIPO

31. LIDERAZGO
COMPROMISO RESPETO
CONFIANZA
PROGRESO
GESTIÓN
El equipo debe comprender
bien los objetivos y
requerimientos de la
estrategia digital
El respeto hacia los talentos
individuales es crucial
Es fácil comenzar, lo dificil es
mantener el impetu
Lineamientos de equipo

32. LA COMUNIDAD WORDPRESS ES UNA
BUENA FUENTE PARA CONSTRUIR EQUIPOS

33. WIREFRAMES – MOCKUPS
QA
INTERFAZ
NAVEGACIÓN
ARQUITECTÓNICO
COMPONENTES
DISEÑO

34. WIREFRAMES - MOCKUPS
Requerimientos UX/UI
Interfaz
Navegación
Arquitectura de contenido
Creación de componentes
Integración >>
Cliente+ Diseño +
Desarrollo + Pruebas

35. WIREFRAMES - MOCKUPS

36. WIREFRAMES – MOCKUPS - QA

37. WIREFRAMES – MOCKUPS - QA

38. WordPress está detrás de más del 32% de la web

39. MODELO VAD
COMPONENTES
REFACTORIZACIÓN
--------------
CODIFICACIÓN
VERIFICACIÓN
PRUEBAS
DESARROLLO

40. “La innovación es un
asunto agridulce para
quienes ponen a prueba el
software. Justo cuando
parece que se sabe como
probar una tecnología
particular, llega una
nueva {WebApp} y todas
las apuestas se pierden”
James Bach

41. TECNOLOGÍAS
INFRAESTRUCTURA
WordPress

42. INFRAESTRUCTURA

43. WordPress
Starter Themes Frameworks

44. Herramientas - Implementación
WordPress APIs

45. WordPress como
base tecnológica
Cumplimiento
completo de
estándares
Comunidad
WordPress está
disponible en
más de 70
idiomas
Flexibilidad

46. AMBIENTE OPERATIVO
USUARIOS FINALES
PRUEBA DE ACEPTACIÓN
--------------
USO DEL CONSUMIDOR
EVALUACIÓN
RETROALIMENTACIÓN
LANZAMIENTO

47. “Piensátelo bien antes de
añadir más pasos a tu
proceso de desarrollo.
Cada nuevo paso es otro
punto de fallo en
potencia.”
Chris Hufnagel

48. PRUEBAS
CONTROL
SEGUIMIENTO
QA

49. PRUEBAS

50. CONTROL
I
S
D
E
C
INFRAESTRUCTURA
SERVICIOS
DESEMPEÑO
COMPATIBILIDAD
• Servidor
• Disponibilidad
• Seguridad
• Arquitectura
• Estándares
• Configuración
• Pauta – Tracking – Test A/B
• Pruebas de carga
• Pruebas de tensión
• Actualizaciones de Plugins
• Actualización de Core WordPress
• Integraciones
• API´s

51. QA - Aseguramiento de la calidad
P R U E B AS
•
•
•
•
•
M O N I T O R E O
•
•
•
D O C U M E N T AC I Ó N
R E P O R T E D E E R R O R E S
•
•
•
•
•
•
•
•

52. INCREMENTO DE SOFTWARE
MEJORAS
ANÁLISIS DE LA
ESTRATEGIA
--------------
EVALUAR RESULTADOS
AJUSTES
USUARIOS FINALES
SEGUIMIENTO

53. MEJORAS
CALIDAD
RESULTADOS

54. MEJORAS
1
2%
3%
4%
Desarrollo de nuevas
funcionalidades ( Incremento
de software)
Análisis de datos (Test A/B) –
Mapas de calor – GA
CALIDAD
Aplicación de estrategia
digital enfocada en resultados
Optimización en conversiones,
tráfico, pauta y contenido
(Marketing Digital)

55. Gracias a su flexibilidad podremos avanzar hacia
IoT – IdT - AI – ML entre otros
Futuro
La Comunidad WP nos permite que podamos
obtener nuevos conocimientos de todo tipo para
mejorar en nuestros proyectos.
WordPress

56. GRACIAS !
www.loorlab.com
info@loorlab.com - @loorlab

57. “Checklist Implementación
Estrategia Digital en
WordPress”
#WCBogota
@loorlab
www.loorlab.com