Taller de Proyectos DigitalesProf. Marcelo Santos - @celoo | Universidad Finis Terrae

Clase 05: Gestión de Proyectos

Doce pasos

1. Contexto (Comprensión)

2. Cronograma

3. Investigación

4. Foco (Objetivos)

5. Diseño de Información

6. Contenido

7. Tecnología(s)

8. Diseño de Interfaz

9. Producción

10. Testes

11. Publicación

12. Post-publicación

Desarrollo e Implantación de Proyectos de Sistemas de Información Digital

Paso 1: Contexto ¿Quién es tu cliente? ¿Qué espera de ti? ¿Qué conoce del rubro? Mapear objetivos: ¿Dónde quiere llegar? Mapear Personas: ¿Quién ‘toma decisiones’? Mapear Cultura Organizacional: ¿Cómo funcionan las

cosas?Ejemplo(s): Abogados vanidosos; Informes gubernamentales; Aprobación de etapas con cliente x retrabajo; ¿jerarquía o colaboración?; SEBRAE-SP e Gomes da Costa (cultura interna como obstáculo); Syngenta (cultura fuerte de colaboración)

Paso 2: Cronograma/Carta Gantt

Levantamiento de contenido

Estructuras de Clasificación

Arquitectura de Información

Gestión del Sitio Layout/Diseño Desarrollo de sistemas

Producción del Contenido

Entrenamiento / Transferencia de conocimiento

Testes de desempeño Testes de uso Publicación

Objetivo: Trazar metas e imponer plazos (cliente y proveedor)

Paso 2: Cronograma

Yo te dejo y tu me dejas Seguimiento continuo

gastar tiempo en seguimiento es ahorrar muchas otras cosas mientras mayor el proyecto

Anticipar riesgos y prevenirlos Aclarar responsabilidades y etapas

Cuidados:

Ejemplo(s): Deborah Secco (contenido); HSBC (vinculo con presupuesto; Ministerio de Hacienda (proyectos de largo plazo)

Paso 3: Investigación Benchmark: Competencia, mejores prácticas Apropie-se de buenas ideáis; Mejore lo que es fallo; Cree nuevas soluciones: creatividad con propósito; Cuidado con‘pirotecnia tecnológica’ Busque lo que es que sólo su organización tiene.

¿Cómo las tecnologías digitales pueden ayudarla en estos puntos específicos? ¿Cómo pueden resaltar sus aspectos positivos? ¿Cómo pueden contribuir para la eficiencia de los procesos?

Ejemplo(s): Viseu; I0s – PRIMO; Amazing (Animación 3D Río Amazonas); Biblioteca TerraForum – Autores online

Paso 4: Definición de los Objetivos

Deben ser establecidos a priori; Esta definición deberá servir de Norte a muchas decisiones; Misión, visión de la organización + misión, visión de su ‘presencia’

digital; Alinear expectativas (incluso antes de enviar a propuesta comercial); Sin objetivos, uno se expone a una serie de problemas como mala

opción o mal uso de recursos tecnológicos incurriendo en costos desnecesarios o excesivos o pérdida de eficiencia;

Logística y cultura interna: Creación de demandas Cambio de hábitos

Ejemplo(s): Campañas Abril.com; Viseu (dos sitios en un año); HSBC (20% turnover apertura cuentas)

Paso 5: Diseño de Información Taxonomía (estructuras de clasificación) Arquitectura de Información Interactividad

(web 2.0: User Generated Content)

Flujos de trabajo y Gestión del Sistema Roles, Permisos y Restricciones Informaciones “sensibles”

(secretas, instantáneas, fácilmente accesibles etc.)

Paso 5: Diseño de Información Definición de Contenidos (Ej: Construtora Marquise)

Levantamiento con usuarios Consolidación de resultados y síntesis

Levantamiento de procesos/sistemas que pueden ser:

a) Migrados – actividades bancarias, SACb) Optimizados – Natura: reducción de costos en papel, tiempo de

atención a la consultora etc.; Gomes da Costa: sistema de banco de currículos; FAQ

c) Creados en los nuevos medios – Dell, Colgate Whitening Advisor, Canción interactiva para CD de Audio, Chat, Terra Sonora, Bombai TV, personalización (diferencia entre perfil e silueta)

Paso 6: Definición del contenido

Selección del contenido pertinente; Adecuación del contenido seleccionado

Historia del Papel (Report Senninha) Alcan (técnico, adulto, estudiante) Wiki: SEBRAE

Webwriting: Técnicas de escrita web Políticas de Publicación, uso, copyright/left Flujos de publicación: “Dueños” de los

contenidos Ciclos de vida de los contenidos

Ej: Guia DH y gobierno (Open Source); Suzano Papel e Celulose (Report Senninha e Pakprint); Colgate (java: muy caro); Arvoredo; Bob Boiko escribiendo libro en XML.

Paso 7: Definición de las tecnologías

Especificidades de cada tecnología ¿HTML estático? PHP + BD MySQL = LINUX = Freeware ASP + BD Access/SQL = Microsoft = $$$ XML, Java = mejor resultado y mayor interoperabilidad (smartphones,

blackberry, pda, palm, nec etc.) Otros lenguajes y herramientas: ColdFusion (Macromedia); javascript;

ActionScript; Lingo (Director); Dreamweaver; Frontpage; GoLive; Fireworks

Plataformas e restricciones preexistentes (cláusula en el contrato): “Recursos necesarios (...) Cualquier especificación técnica utilizada por el CLIENTE relevante al desarrollo de este proyecto.“

Costo-beneficio de cada opción Interoperabilidad

UNACAU/Gafisa (board internacional: Europa y EUA usaban mucho Apple) x Brasmotor (control sobre los recursos de los usuarios a los cuales se destina el producto, cómo una intranet);

Presentación multimedia para evento: 1 computador; Esta clase; Usina do Som: ¿excelente para 98% o mediano para 100%? Liquid design: plataformas móbiles

Java es dos veces más caro que cualquier otra tecnología...

Servidor, bancos de dados, softwares de autoría y sistemas con base Linux son freeware y colaborativos, pero… ¿de quién es la responsabilidad?

Paso 7: Definición de las tecnologías (2)

Plug-ins, softwares, players... Sólo si el beneficio es muy relevante

Evaluación de impacto logístico y cultural dentro de la organización: plan de acción; roadmap

Público: Tienes informaciones sobre las condiciones técnicas de los usuarios? El producto es CD-ROM, internet, intranet, celular, será vendido en el mercado, distribuido...?

Plataforma, Plug-ins y players Tamaño de pantalla Color Plan de producción: ¿lo que será estático y lo que será

dinámico?

Ej: Usina do Som, Flash, migración YouTube HTML 5.0

ej: CD-ROM Nielsen y Cognitus (adaptables);

Paso 7: Definición de las tecnologías (3)

Ej: CD-ROM Teeleap (un ‘behavior’ hace la diferencia); A/CNielsen, Rota da Pesca (programación del aplicativo swfs y formato único para 2 medios)

Ej: Gomes da Costa (baja sistema); SEBRAE-SP (entrenamiento)

ej: CD-ROMs, Usina do Som

ej: CD-ROM Brasmotor, home máx 30 bytes

Cuidados Cuidado duplicado.. No: Triplicado!!!, al aceptar

trabajo que involucre tecnología ya iniciado por otro desarrollador!!!

Dónde hay humo... Desarrollador incompetente o trabajo más complicado que aparenta.

Ej: Arvoredo, Tylenol, Fapesp, Suvinil, Nielsen, Proposta Colgate....

Paso 8: Diseño de interfaz A partir del público y del objetivo del sitio:

a) ¿Qué estándares se aplican?b) ¿La tecnología es pre-determinada?c) ¿Hay limitaciones de diseño debido a a) y b)? ¿Hay otras

limitaciones o directrices de diseño?d) Definir “Look and Feel”

Ej: Decreto 100 (sitios gubernamentales); sitios para dispositivos móviles

Paso 8: Diseño de interfaz Desarrollo del Layout

Arquitectura de Información: ¿Modelos?¿BD? “Home”: Jerarquía general; Línea editorial “Sub-homes”: Jerarquía local Internas: articulación del contenido Página de “unidad” (ej: Producto, noticia etc.) Búsqueda Sistemas, integración de diseño

Marquise: Levantamiento sistemático > Definición Estructura > Concepto > Diseño

Cuidados Aprobación por etapas

Cambios futuros se pueden pero impactan en plazo y precio (analogía con Arquitectura de Edificios)

¿Quién es responsable?

Ojo con la flexibilidad, para lo bueno y para lo malo Cambios en la arquitectura Cambios en el diseño Cambios en la tecnología

Paso 9: Producción Del Jpg al HTML (…o xml, php, swf…)

Aplicación de estándares

Tests multiplataforma Distintos navegadores Distintos soportes y dispositivos

“Encontrabilidad: titulares, meta tags etc.

Ej: Usina do Som; Report Senninha; Intranet Boehringer-Ingelheim (NEC).

Paso 9: Producción Programación y Bases de Datos

Metodología y tests (PMI)

¿Es software?

¿Cuándo usar Base de Datos? Costo-beneficio Cultura organizacional Manejo y mantención Temporalidad (ej: hotsite)

Ej: Clínica Aluani (quería todo, objetivos incompatibles); Colgate (quería know-bot terminó haciendo una simple traducción...)

Paso 10: Tests Tests Diseño (CSS, Javascripts, AJAX)

Tests Sistemas (Personas, mensajes error, flujos posibles de información)

Tests Usabilidad

Tests Accesibilidad

Tests “Encontrabilidad”

Paso 11: Publicación Ambientes de homologación y producción

Estudiar bien el ambiente del cliente

Alianzas con proveedores (hosting)

Navegación exhaustiva Caótica Sistémica

Manual de publicación

Entrenamiento/Capacitación

Paso 12: Post-Publicación La comunicación digital ¡¡es viva!!

Feedback

Nuevas tecnologías Nuevos usos

Plan de largo plazo para el cliente

Ej: mantención, evolución del sitio do site, otros productos (otro sitio, intranet, extranet, tarjeta fin de año), nueva edición del CD/DVD-ROM, boletín electrónico, generación de contenido, análisis de estadísticas de acceso (ej: google analytics) etc.

Paso 13 (?): Próximo paso Recolección de testigos

Evalúa la experiencia: puntos positivos y negativos (lecciones aprendidas)

Junta material para exhibición, monte cases (en tu sitio, portafolio, eventos etc.)

Boca a boca: Será que tu cliente no tiene amigos/colegas/clientes que necesitan lo mismo?

Ej: Aprobación de layout y alimentación del sistema (GDC); Tests del sistema (intranet Noosfera); SEBRAE-SP y Procuraduría Hacienda de Brasil (contacto)

Desafíos generales Desconocimiento/Ignorancia del Cliente/jefe respecto al

medio Políticas de publicación y mantención del sitio

Gobernanza, formato del contenido, escritura web etc. La competencia no-profesional Política de interacción con el usuario Idiosincrasia incipiente del área

Problemas con plazo, cultura, aprobación etc. Consejo: metáfora de la Arquitectura Definición clara de los roles (quién escribe los textos, define

organigrama de aprobación etc.) ¡Tests y seguimiento son siempre buena idea!

Desafíos generales Modelo de negocios:

Contratos: Pago estable ¿Proyectos con inicio, medio y fin o

fluidos, constantes, “perpetual beta”? Servicios (desarrollo de sitios) o productos

(youtube, wordpress, bligoo) Conversiones: publicidad, micropayments,

auspicio