ciclo de vida de un proyecto wordpress
TRANSCRIPT
![Page 1: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/1.jpg)
Ciclo de vida de un proyecto WordPress
Fernando Puente @fpuenteonline
![Page 2: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/2.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/3.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/4.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/5.jpg)
Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline
![Page 6: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/6.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/7.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/8.jpg)
El ciclo de vida de un proyecto ¿estándar?
![Page 9: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/9.jpg)
Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline
![Page 10: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/10.jpg)
Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline
![Page 11: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/11.jpg)
Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline
Planificamos
![Page 12: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/12.jpg)
Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline
![Page 13: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/13.jpg)
Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline
Arquitectura sencilla
![Page 14: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/14.jpg)
Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline
![Page 15: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/15.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/16.jpg)
Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline
![Page 17: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/17.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/18.jpg)
Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline
Paga inmediatamente
![Page 19: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/19.jpg)
Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline
¡Brindamos!
![Page 20: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/20.jpg)
¿Proyecto estándar? Llevo casi 21 años
buscándolo
![Page 21: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/21.jpg)
Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline
![Page 22: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/22.jpg)
Premisas:
No hay dos proyectos iguales
No hay dos clientes iguales
![Page 23: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/23.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/24.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/25.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/26.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/27.jpg)
Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline
![Page 28: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/28.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/29.jpg)
Nota: la mejor herramienta es
aquella que se ajusta a tus necesidades no
la mainstream
![Page 30: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/30.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/31.jpg)
Fase 1 Captación
¡VÉN-DE-TE!
![Page 32: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/32.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/33.jpg)
Fase 2 Conceptualización
¿Esto es viable? ¿Es WordPress?
![Page 34: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/34.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/35.jpg)
Fase 3 Planificación
¿Llegamos?
¿Qué cobramos?
![Page 36: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/36.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/37.jpg)
Fase 4 Diseño y Contenido
“Que se parezca a …, pero con más SEO”
![Page 38: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/38.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/39.jpg)
Fase 5 Desarrollo
Piensa en reutilizar todo
y DO-CU-MEN-TA
![Page 40: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/40.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/41.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/42.jpg)
Fase 6 Puesta en producción
Adelántate a los
posibles problemas
![Page 43: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/43.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/44.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/45.jpg)
Fase 7 Explotación y mantenimiento
¡A jugaaaaar!
![Page 46: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/46.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/47.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/48.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/49.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/50.jpg)
Ciclo de vida de un proyecto WordPress – BCN WORDCAMP 2016 - @fpuenteonline
![Page 51: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/51.jpg)
El beneficio de desarrollar un proyecto
no solo se mide en términos económicos
![Page 52: Ciclo de vida de un proyecto WordPress](https://reader034.vdocuments.co/reader034/viewer/2022042600/587730301a28ab2b2c8b6df5/html5/thumbnails/52.jpg)
"Let's be careful out there“
Fernando Puente @fpuenteonline
Gracias