Inter Tecno Gestion De Proyecto

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


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)


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)


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; 10s – 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)

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


• 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


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


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

http://www.construtoramarquise.com.br/


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”

Ej: “Usabilidade” Google.com.br: el poder de los blogs; Teletón.cl

http://www.google.com.br/search?hl=pt-BR&q=gestao+de+conteudo&btnG=Pesquisar&meta=cr=countryBR


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


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)

http://www.youtube.com/

http://www.orbitando.com/

http://www.bligoo.com/

UNIACC – 1º sem 2010 27

Trabajo Final:Remodelación de Interface


Trabajo Grupal

• Dos Grupos• Elegir una opción de interfaz de contenido

– Software con base de datos

– Sitio web (chileno, de grande porte)– Otros?


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


Trabajo Grupal

• Criterios de evaluación– Evolución y empeño– Conjunto / Coherencia general del trabajo

– Análisis = Creatividad + Metodología


Fin.

Education

Inter Tecno Gestion De Proyecto