Interfaces TecnológicasGestión de Proyecto
Prof. Marcelo Santos
Comunicación MultimediaUNIACC
1º semestre 2010
UNIACC – 1º sem 2010 2
Gestión de Proyecto
UNIACC – 1º sem 2010 3 Prof. Marcelo Santos
Doce pasos
• Comprensión• Cronograma• Investigación• Foco (Objetivos)• Diseño de
Información • Contenido
• Tecnología(s) • Diseño de Interface• Producción• Tests• Publicación• Post-publicación
UNIACC – 1º sem 2010 4 Prof. Marcelo Santos
Paso 1: Comprensión
• ¿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)
UNIACC – 1º sem 2010 5 Prof. Marcelo Santos
Paso 2: Cronograma
• Levantamiento de contenido• Estructuras de Clasificación• Arquitectura de Información• Gestión del Sitio• Layout• Desarrollo de sistemas• Producción del Contenido• Entrenamiento / Transferencia de conocimiento• Testes de desempeño• Testes de uso• Publicación
Objetivo: Trazar metas y imponer plazos (cliente y proveedor)
UNIACC – 1º sem 2010 6 Prof. Marcelo Santos
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)
UNIACC – 1º sem 2010 7 Prof. Marcelo Santos
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; 10s – PRIMO; Amazing (Animación 3D Río Amazonas); Biblioteca TerraForum – Autores online
UNIACC – 1º sem 2010 8 Prof. Marcelo Santos
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)
UNIACC – 1º sem 2010 9 Prof. Marcelo Santos
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.)
UNIACC – 1º sem 2010 10 Prof. Marcelo Santos
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)
UNIACC – 1º sem 2010 11 Prof. Marcelo Santos
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)
• 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
UNIACC – 1º sem 2010 12 Prof. Marcelo Santos
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.“
UNIACC – 1º sem 2010 13 Prof. Marcelo Santos
• Costo-beneficio de cada opción– Interoperabilidad
• UNACAU/Gafisa (board internacional: Europa y EUA usaban mucho el macintosh) 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%?
– 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)
UNIACC – 1º sem 2010 14 Prof. Marcelo Santos
• 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; Desertesejo
ex: CD-ROM Nielsen y Cognitus (adaptables);
Paso 7: Definición de las tecnologías (3)
Ex: CD-ROM Teeleap (un ‘behavior’ hace la diferencia); A/CNielsen, Rota da Pesca (programación del aplicativo swf’s y formato único para 2 medios)
Ej: Gomes da Costa (tira sistema do ar); SEBRAE-SP (entrenamiento)
ex: CD-ROMs, Usina do Som
ej: CD-ROM Brasmotor
UNIACC – 1º sem 2010 15 Prof. Marcelo Santos
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....
UNIACC – 1º sem 2010 16 Prof. Marcelo Santos
Paso 8: Diseño de Interface
• A partir del público y del objetivo del sitio:– ¿Qué estándares se aplican?– ¿La tecnología es pre-determinada?– ¿Hay limitaciones de diseño debido a a) y b)? ¿Hay
otras limitaciones o directrices de diseño?
– Definir “Look and Feel”
Ej: Decreto 100 (sitios gubernamentales); sitios para dispositivos móviles
UNIACC – 1º sem 2010 17 Prof. Marcelo Santos
Paso 8: Diseño de Interface
• 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
UNIACC – 1º sem 2010 18 Prof. Marcelo Santos
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
UNIACC – 1º sem 2010 19 Prof. Marcelo Santos
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).
UNIACC – 1º sem 2010 20 Prof. Marcelo Santos
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...)
UNIACC – 1º sem 2010 21 Prof. Marcelo Santos
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”
Ej: “Usabilidade” Google.com.br: el poder de los blogs; Teletón.cl
UNIACC – 1º sem 2010 22 Prof. Marcelo Santos
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
UNIACC – 1º sem 2010 23 Prof. Marcelo Santos
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.
UNIACC – 1º sem 2010 24 Prof. Marcelo Santos
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?
UNIACC – 1º sem 2010 25 Prof. Marcelo Santos
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 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 da 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!
UNIACC – 1º sem 2010 26 Prof. Marcelo Santos
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, orbitando.com, bligoo)
UNIACC – 1º sem 2010 27
Trabajo Final:Remodelación de Interface
UNIACC – 1º sem 2010 28 Prof. Marcelo Santos
Trabajo Grupal
• Dos Grupos• Elegir una opción de interfaz de contenido
– Software con base de datos
– Sitio web (chileno, de grande porte)– Otros?
UNIACC – 1º sem 2010 29 Prof. Marcelo Santos
Trabajo Grupal
• Preparar pasos de 1 a 4 para el 24/mayo• Entrega:
– Formato digital– Google Docs (colaborativo)– Figuras, screenshots etc, bienvenidos– Haré correcciones con control de alteración
UNIACC – 1º sem 2010 30 Prof. Marcelo Santos
Trabajo Grupal
• Criterios de evaluación– Evolución y empeño– Conjunto / Coherencia general del trabajo
– Análisis = Creatividad + Metodología
UNIACC – 1º sem 2010 31 Prof. Marcelo Santos
Fin.