Ciclo de vida de un proyecto WordPress

52
Ciclo de vida de un proyecto WordPress Fernando Puente @fpuenteonline

Transcript of Ciclo de vida de un proyecto WordPress

Page 1: Ciclo de vida de un proyecto WordPress

Ciclo de vida de un proyecto WordPress

Fernando Puente @fpuenteonline

Page 2: Ciclo de vida de un proyecto WordPress

0 BIO @fpuenteonline - Soy informático de vocación y de profesión, formador frustrado y beginner de comer y beber. 20 años de experiencia en TI, los últimos 10 años en medios de comunicación online. WordPress desde 2007, versión 2.1, y mi tercera ponencia este año en una WordCamp. Gràcies. Trabajo como CTO de La Estrategia de Chapman: nuestros medios son visitados por +10MM/mes en 5 idiomas.

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 3: Ciclo de vida de un proyecto WordPress

Sumario §  ¿Ciclo de vida?

§  En WordPress §  Fases e hitos

§  Tips & tricks

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 4: Ciclo de vida de un proyecto WordPress

1 Ciclo de vida del software

ISO 12207 Estándar que indica actividades y tareas involucradas en el desarrollo, explotación y mantenimiento de un

producto de software, desde la recopilación de requisitos hasta la culminación del mismo.

Comprende 17 procesos agrupados en tres categorías: •  Principales •  De apoyo •  De organización

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 5: Ciclo de vida de un proyecto WordPress

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 6: Ciclo de vida de un proyecto WordPress

1 Simplifico Ciclo de vida: fases sucesivas compuestas por tareas planificables. El cambio de fase implica un producto entregable o un hito, que necesita de una aprobación, consolidación de un tercero, o verificación técnica, antes de iniciar la siguiente fase. Las fases pueden no ser secuenciales en el tiempo si no implican bloqueo o riesgo y pueden tener bucles de realimentación.

Buena metodología = Altas posibilidades de éxito

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 7: Ciclo de vida de un proyecto WordPress

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Especificación

Arquitectura

Diseño

Programación

Integración

Despliegue

Explotación

Mantenimiento

Page 8: Ciclo de vida de un proyecto WordPress

El ciclo de vida de un proyecto ¿estándar?

Page 9: Ciclo de vida de un proyecto WordPress

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 10: Ciclo de vida de un proyecto WordPress

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 11: Ciclo de vida de un proyecto WordPress

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Planificamos

Page 12: Ciclo de vida de un proyecto WordPress

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 13: Ciclo de vida de un proyecto WordPress

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Arquitectura sencilla

Page 14: Ciclo de vida de un proyecto WordPress

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 15: Ciclo de vida de un proyecto WordPress

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Reutilizamos el 99% del código y

un tema gratuito

Page 16: Ciclo de vida de un proyecto WordPress

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 17: Ciclo de vida de un proyecto WordPress

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Subimos a su servidor Windows

a la primera

Page 18: Ciclo de vida de un proyecto WordPress

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Paga inmediatamente

Page 19: Ciclo de vida de un proyecto WordPress

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

¡Brindamos!

Page 20: Ciclo de vida de un proyecto WordPress

¿Proyecto estándar? Llevo casi 21 años

buscándolo

Page 21: Ciclo de vida de un proyecto WordPress

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 22: Ciclo de vida de un proyecto WordPress

Premisas:

No hay dos proyectos iguales

No hay dos clientes iguales

Page 23: Ciclo de vida de un proyecto WordPress

Sumario §  ¿Ciclo de vida?

§  En WordPress §  Fases e hitos

§  Tips & tricks

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 24: Ciclo de vida de un proyecto WordPress

2 En WordPress Durante el desarrollo y explotación estamos afectados por: •  Efecto “Do It Yourself”: cualquiera puede hacer una web. •  Roadmap del propio WordPress: versiones y actualizaciones •  Roadmap de terceros: plugins, temas, … •  Roadmap de la tecnología que nos afecta: buscadores,

medios de pago, servidores, … •  Conocimiento y manejo de WordPress por parte del cliente.

Todo proyecto WordPress es un proyecto vivo: nace, crece, se desarrolla, ¿muere?

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 25: Ciclo de vida de un proyecto WordPress

Sumario §  ¿Ciclo de vida?

§  En WordPress §  Fases e hitos

§  Tips & tricks

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 26: Ciclo de vida de un proyecto WordPress

3 Fases e hitos 1.  Captación

2.  Oferta •  Conceptualización y viabilidad •  Planificación

3.  Ejecución •  Diseño y Contenido •  Desarrollo

4.  Despliegue y lanzamiento

5.  Explotación y mantenimiento

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 27: Ciclo de vida de un proyecto WordPress

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 28: Ciclo de vida de un proyecto WordPress

3 Tareas previas Software de gestión de proyectos, tareas e incidencias: JIRA, Wrike, Trello, YouTrack, WorkAsTeam, Taiga, … IDE, gestión de código y versiones. Canales de comunicación y gestión de equipos: mail, teléfono, Whatsapp, Slack, Confluence, presencial, call-center, … Sistema documental y Backup, histórico a largo plazo.

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 29: Ciclo de vida de un proyecto WordPress

Nota: la mejor herramienta es

aquella que se ajusta a tus necesidades no

la mainstream

Page 30: Ciclo de vida de un proyecto WordPress

3 Proyecto propio, diferencias Conceptualización: •  Observación de la competencia y modelo de negocio. Viabilidad de negocio: •  En el mercado pasado, actual y futuro. •  Matriz: Debilidades, Amenazas, Fortalezas y Oportunidades. •  ¿Es viable? No, no pierdas más tiempo. Explotación y Mantenimiento: recursos propios.

¿Full-time o part-time o cuandopuedo-time? Sin voluntarismos. ¿Sólo o acompañado? No existe la captación, pero revisamos si necesitamos subcontratar recursos o tareas determinadas.

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 31: Ciclo de vida de un proyecto WordPress

Fase 1 Captación

¡VÉN-DE-TE!

Page 32: Ciclo de vida de un proyecto WordPress

3.1 Captación •  Online + offline.

•  El servicio post-venta es también captación.

•  ¡Véndete! Eres el mejor y el más preparado.

•  No damos precios, ni siquiera aproximados.

•  Rol: comercial y marketing.

•  Hitos: reuniones o contactos con cliente.

•  Entregable: solicitud de presupuesto.

•  Nota: empezamos a imputar horas al primer contacto.

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 33: Ciclo de vida de un proyecto WordPress

Fase 2 Conceptualización

¿Esto es viable? ¿Es WordPress?

Page 34: Ciclo de vida de un proyecto WordPress

3.2 Conceptualización y viabilidad •  Toma de requisitos, véndelo como “briefing”. •  Análisis de riesgos: tecnología, recursos, tiempo, terceros, …

•  Primeros bocetos: arquitectura web y diseño.

•  Contenidos, creatividad, línea gráfica, branding, …. ¿incluído?

•  Viabilidad técnica del hosting.

•  Rol: analista y “minero”

•  Hitos: reuniones o contactos con cliente.

•  Entregables: Documento de alcance.

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 35: Ciclo de vida de un proyecto WordPress

Fase 3 Planificación

¿Llegamos?

¿Qué cobramos?

Page 36: Ciclo de vida de un proyecto WordPress

3.3 Planificación •  Análisis de alcance: tiempo y recursos (técnicos y humanos). •  Planificación estimada. Detalla interacciones y bloqueos en la

secuencia de ejecución del proyecto.

•  Definición del plan de proyecto y equipo de trabajo.

•  Presupuesto y formas de pago a negociar.

•  Rol: analista y negociador. •  Entregables: Oferta con presupuesto y plan de proyecto.

•  Nota: oferta y alcance consensuados y aprobados.

•  Nota: mide en horas, vende en jornadas (colchón).

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 37: Ciclo de vida de un proyecto WordPress

Fase 4 Diseño y Contenido

“Que se parezca a …, pero con más SEO”

Page 38: Ciclo de vida de un proyecto WordPress

3.4 Diseño y contenido •  Diseño lógico y visual.

•  Alcance de los contenidos: esquema, inicio, tipología, …

•  Usabilidad del site: consenso con el cliente.

•  Rol: diseñador y negociador. •  Entregables: wireframe, diseño de páginas.

•  Hito: aprobación de entregables.

•  Nota: ¿vamos a utilizar un tema o software con licencia?

•  Nota: si es necesario, re-planificar y re-ofertar.

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 39: Ciclo de vida de un proyecto WordPress

Fase 5 Desarrollo

Piensa en reutilizar todo

y DO-CU-MEN-TA

Page 40: Ciclo de vida de un proyecto WordPress

3.5 Desarrollo (I) •  Codificación.

•  Test, test, test, …. ¿has hecho test? ¿Multidispositivo?

•  Mínimo dos entornos. Mejor tres (local-online-producción).

•  Puntos de control continuo sobre el proceso de desarrollo. Trabaja en microservicios o microproyectos.

•  Regla 80/20. Tranquilo. Consumirás el 80% del tiempo en desarrollar solo el 20% del proyecto.

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 41: Ciclo de vida de un proyecto WordPress

3.5 Desarrollo (II) •  Rol: desarrollador y controller.

•  Entregables: web en entorno de PRE, y plan de implantación y mantenimiento.

•  Nota: test unitarios y globales en diferentes entornos.

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 42: Ciclo de vida de un proyecto WordPress

Fase 6 Puesta en producción

Adelántate a los

posibles problemas

Page 43: Ciclo de vida de un proyecto WordPress

3.6 Puesta en producción •  ¿Quién elige la plataforma de producción? No da igual. Fase

equivocada.

•  ¿Integraciones con terceros? Fase equivocada.

•  Una ayudita en forma de plugins: §  Query Monitor §  P3 (Plugin Performance Profiler) §  Hotspots Analytics

•  Rol: desarrollador, formador y administrador de sistemas.

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 44: Ciclo de vida de un proyecto WordPress

3.6 Puesta en producción (II) •  Entregables:

§  Documento de seguridad: claves de acceso, … §  Plan de contingencias. §  Documento de explotación. §  Documento de cierre de proyecto que incluye un plan

formativo.

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 45: Ciclo de vida de un proyecto WordPress

Fase 7 Explotación y mantenimiento

¡A jugaaaaar!

Page 46: Ciclo de vida de un proyecto WordPress

3.7 Explotación y mantenimiento •  Analiza, analiza, analiza, …., ¿estás analizando los datos?

•  Mantenimiento técnico: actualizaciones, mejoras software, ...

•  Optimización: técnica y lógica. Periodo de garantía.

•  Contenidos y desarrollo de canales auxiliares.

•  Proyecto propio: marcar KPI´s.

•  Rol: técnico de sistemas, marketing, blogger y data-miner.

•  Entregables: informes cualitativos y cuantitativos.

•  Hitos: versiones y avances.

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 47: Ciclo de vida de un proyecto WordPress

Sumario §  ¿Ciclo de vida?

§  En WordPress §  Fases e hitos

§  Tips & tricks

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 48: Ciclo de vida de un proyecto WordPress

4 Tips & tricks (I) •  Fija el alcance con el mayor detalle posible.

•  Fija los canales de comunicación con el cliente, siempre los mismos.

•  Cada entregable debe ser consensuado y validado.

•  No hay hito pequeño, todos son importantes. Haz participe al cliente de cada avance.

•  Una web es un ser vivo, el proyecto no muere tras la puesta en marcha, evoluciona.

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 49: Ciclo de vida de un proyecto WordPress

4 Tips & tricks (II) •  No descuides el servicio post-venta.

•  De todo proyecto se aprende: positivo y negativo.

•  La experiencia es la mejor metodología para futuros proyectos.

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 50: Ciclo de vida de un proyecto WordPress

Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline

Page 51: Ciclo de vida de un proyecto WordPress

El beneficio de desarrollar un proyecto

no solo se mide en términos económicos

Page 52: Ciclo de vida de un proyecto WordPress

"Let's be careful out there“

Fernando Puente @fpuenteonline

Gracias