El documento presenta un resumen de los doce pasos para el desarrollo e implementación de proyectos de sistemas de información digital. Estos pasos incluyen: 1) Comprensión del contexto, 2) Cronograma, 3) Investigación, 4) Objetivos, 5) Diseño de información, 6) Contenido, 7) Tecnología, 8) Interfaz, 9) Producción, 10) Pruebas, 11) Publicación, y 12) Post-publicación. Cada paso es explicado brevemente con ejemplos.

1. 
Taller de Proyectos Digitales
Prof. Marcelo Santos - @celoo | Universidad Finis Terrae
Clase 05: Gestión de Proyectos

2. 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

3. 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)

4. 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)

5. 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)

6. 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

7. 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)

8. 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.)

9. 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, SAC
b) 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)

10. 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

11. 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.“

12.  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)

13.  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

14. 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....

15. 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

16. 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

17. 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

18. 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).

19. 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...)

20. 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”

21. 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

22. 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.

23. 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?

24. 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!

25. 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