taller · 2008-03-03 · sitios web 1 • código html en editor de texto ... •eeos hrtditml:...
TRANSCRIPT
Objetivo
✔Brindar elementos y criterios para desarrollar un proceso de selección informada de alternativas de desarrollo de sitios Web, funcionales y adecuados para ONGs.
✔Ofrecer elementos y criterios para la contratación del proyecto.
¿Cómo seleccionar un sitio Web?
Para muchas ONGs el proceso de selección de un sitio Web, suele resultar complejo:
»Al interior de estas organizaciones no existe personal técnico familiarizado con estos aspectos.
»Adicionalmente, las herramientas de desarrollo de sitios Web son muy dinámicas, evolucionan rápidamente.
La Web• La World Wide Web (del
inglés, Telaraña Mundial), la Web o WWW, es un sistema de hipertexto que funciona sobre Internet.
• Es uno de sus servicios más recientes (~ 1993).
• Actualmente es uno de los servicios más utilizados y, tendencialmente, el resto de servicios del Internet convergen a la Web (i.e: e-mail, ftp, news, chat, etc.).
Página Web
Unidad de contenido en Internet (archivo HTML),
que normalmente tiene textos, imágenes,
elementos multimedia y enlaces con otras
páginas. Es lo que vemos e
interactuamos a través de un navegador.
• Portal
Sitio Web que sirve como un sitio principal de partida para quienes que se conectan al Internet, con enlaces a otros sitios Web y servicios complementarios para los usuarios.
➔Portal horizontal: genérico. (i.e.: Yahoo!)➔Portal vertical: temático, sectorial.(i.e.: http://www.corpece.org.ec/)
Evolución del desarrollo de los sitios Web 1
• Código HTML en editor de texto:<html><body> Hola mundo! </body></html>
• Editores HTML:FrontPage, DreamWeaver, Bluefish, etc.
• Sistemas de Manejo de Contenidos (CMS).
Evolución del desarrollo de los sitios Web 2
a) Archivos HTML individuales: vinculados unos con otros mediante hiperenlaces.
b) CSS: Archivos HTML controlados por Hojas de Estilo en Cascada (se centraliza el manejo del aspecto -look&feel).
c) Sitios Web dinámicos: Combina CSS, Bases de datos y “conectores” (ASP, PHP). El archivo HTML (visible en el navegador) se crea dinámicamente.
Los Sistemas de Manejo de Contenidos
CMS• ¿Qué son?: Sistemas de construcción y
mantenimiento de sitios Web a través de un navegador, permitiendo su administración remota y usualmente de forma amigable.
• Ventajas: Mayor facilidad de administración, no requiere conocimientos técnicos elevados, permite el manejo colaborativo de sitios Web.
• Limitaciones: Ciertas limitaciones a nivel de diseño. Usualmente (aunque no necesariamente) su aspecto es de "Portal". No siempre disponen de todos los servicios que se desea o requiere.
Los CMS: Ventajas para procesos de
desarrollo• Permiten y facilitan la colaboración en línea. Facilitan el
intercambio remoto. Rompen barreras temporales y geográficas.• Las organizaciones toman control directo del sitio Web.• Mayor agilidad para publicar contenidos (ie: una denuncia puede
ser difundida de manera má oportuna).• Democratiza la elaboración de contenidos (no requieren perfiles
técnicos). • Ya no existen “Webmasters” sino “Webeditors”. Lo principal son
los contenidos.• Fomentan comunidades.• Disponibilidad de CMS de Software Libre, menores costos.
CMS de software libre• Algunos de los mejores CMSs son de Software Libre:
– PostNuke: ttp://www.postnuke.com– Mambo – MOS: ttp://www.mamboserver.com/– Drupal: ttp://www.drupal.org/– Xaraya: ttp://xaraya.com/– Xoops: ttp://www.xoops.org/
• Para ensayar y analizar CMSs:ttp://www.opensourcecms.com/ttp://www.oscom.org/matrix/ttp://www.cmsmatrix.org/
Planificando el sitio Web 1
1. ¿Para qué necesita el sitio Web la institución?2. ¿Para qué necesita el sitio Web la comunidad?3. ¿Qué es lo que buscan las personas en mi institución?4. ¿Qué información de la institución es útil para la
comunidad?5. ¿Qué imagen de la institución quiero proyectar en mis
usuarios?6. ¿Qué servicios interactivos entregaré a través del Sitio
Web?7. ¿Quiénes pueden ayudarme a realizar el proyecto?
Planificando el sitio Web 2Las respuestas a estas preguntas permitirán definir:Objetivo:
Definir las metas del proyecto; éstas deben ser generales y específicas, con el fin de contar con el mayor detalle posible de lo que se desea conseguir.
Audiencia:Hacia qué grupo de personas (uno o más) estaráenfocado el sitio.
Tecnología:Qué servicios interactivos se le incorporarán al sitio.
Planificando el sitio Web 3Hay tareas que realizar:• Formación, Coordinación y Acción del Equipo de
Trabajo:Multidisciplinario, representativo, con capacidad de
decisión.• Levantamiento de Necesidades de la Institución:
Misión, objetivos, proyectos, servicios, actividades, contenidos.
• Financiamiento del Proyecto de Sitio Web:Recursos internos (humanos, monetarios), recursos
externos (donaciones, préstamos), recursos que se pueden generar (sostenibilidad).
Términos de Referencia (TdR)
Documento en el que se explicita con todo detalle lo que se requiere desarrollar, junto con las condiciones de entrega y satisfacción. Incluye:
• Objetivo General: indicar qué se espera conseguir con el Sitio Web.• Objetivos Específicos: indicar las metas por área que se espera alcanzar con el proyecto.• Resultados Esperados: indicar cuáles deben ser los contenidos mínimos que se debe incluir en el
sitio.• Requerimientos Funcionales: indicar cuáles deben ser los servicios interactivos que se espera
incluir en el sitio.• Requerimientos Técnicos: indicar las características técnicas que debe tener la solución
informática que se proponga.• Metodología: indicar de qué forma y en qué plazos se deben entregar los avances.• Elementos de la recepción final: indicar qué elementos serán los que deberá entregar el ganador
de la licitación, incluyendo desde el Sitio Web propiamente tal hasta otros elementos de importancia, entre los que hay que destacar los siguientes:
* Sitio Web funcionando.* Código fuente de todas las aplicaciones construidas, bases de datos.* Documentación completa de todos los elementos del Sitio Web, manuales.* Elementos gráficos del Sitio Web, originales y editables.* Capacitación en todos los elementos necesarios para utilizar el sitio.
Licitación, análisis y adjudicación
• Convocatoria: pública - por invitación. Anuncio formal.• Análisis:
– Perfil de los participantes: composición del equipo de trabajo; experiencia.
– Calidad de la Oferta Técnica: comprensión de los requerimientos indicados en los Términos de Referencia; metodología de trabajo.
– Características de la Oferta Económica:• Adjudicación:
– Revisión conjunta de todos los detalles.– Comunicado formal.
Contrato:• Asesoría legal: interna o externa.• Aspectos críticos:
– Detalle de los entregables (deliberables).– Detalle de los plazos (cronograma).– Detalle de los pagos.
• Cláusulas de contingencia:– Cuando un producto no es entregado, o es de manera
diferente.– Cuando un plazo no se cumple.
• Disputas:– Arbitraje.– Jurisdicción legal.
Seguimiento• Cronograma.• Diagrama de Gantt.• Reuniones y actas:
Tema: Nombre del proyecto y razón de la reuniónFecha y Hora: Indicar cuándo se realiza la reuniónParticipantes: las personas que asistieron a la reuniónPuntos tratados: de qué se trató la reunión; equivale a la agendaAcuerdos: definiciones y decisiones que fueron tomadas en la
reuniónTareas por realizar: quien ejecutará los acuerdos anterioresPróxima Reunión: indicar cuándo se hará
Recepción del Sitio Web 1• Lista de verificación en base a entregables
(deliberables).• Revisión detallada del sitio en línea
(imágenes que se cargan, enlaces activos, direcciones de e-mail, consistencia en el diseño y tipografía, última revisión ortográfica.
• Invitar a usuarios a utilizar el sitio y entregar retroalimentación.
Recepción del Sitio Web 2• Documentación: fichas y memorias técnicas,
guias y manuales de uso y administración.• Respaldos: archivos HTML, PHP, bases de
datos, plantillas, otros archivos (pdf, doc, txt, etc.).
• Imágenes: originales de Photoshop, CVS, fuentes etc., así como finales: jpg, gif, png, etc.
• Nombres de usuarios y claves de acceso, especialmente del administrador.