Propuesta de conceptualización, diseño y desarrollo de un portal web para la Compañía de Jesús en Colombia. Mayo 15 de 2012

Transcripción

1 Mayo 5 de 202 Propuesta de conceptualización, diseño y desarrollo de un portal web para la Copañía de Jesús en Colobia Presentada a César Casas, S.J. info@eoriavisual.co Calle 3 No (Oficina 70) Bogotá, Colobia Teléfono Celular

2 Presentación Un sitio web es ás que el espacio en el que se presentan los contenidos y servicios que ofrece una organización, ás que su sola presencia en la internet. La isión de un sitio web supera la docuentación de las actividades de una organización ó la traducción de piezas de counicación pensadas para otros edios a un nuevo edio. Un sitio web es un espacio de interacción, un sitio web es un espacio social. Receta El desarrollo con éxito de un sitio web se da gracias a la intervención de varios ingredientes: El concepto, el de ayor iportancia, nace de la necesidad de dar solución a un problea o necesidad, no de uno o de la organización que uno representa, as si de los clientes o usuarios de la organización; de fora que el sitio y sus servicios y contenidos serán pertinentes para ellos. La tecnología, que es la sua de decisiones referentes al desarrollo del sitio; esto incluye escoger plataforas, funcionalidades, herraientas, proveedores, lenguajes de prograación, odelos de desarrollo. Cuando estas decisiones son acertadas, cada desarrollo copleenta al anterior; cuando no lo son se generan costos adicionales y se hace necesaria una ayor inversión en tiepo. La planeación, no todo puede hacerse en la priera versión del sitio, pero si se tiene una idea clara de coo será el sitio web a nivel de contenido y funcionalidades en el ediano y largo plazo, se pueden establecer prioridades y etapas de desarrollo que no entren en conflicto entre si y que peritan la adición de nuevos contenidos y servicios en el futuro. La docuentación, las reuniones de planeación, las entrevistas a los usuarios, las entregas de avances en el desarrollo, las sesiones en las que se presta atención a usuarios tipo haciendo uso de versiones beta de las aplicaciones en desarrollo. Este ejercicio de docuentar el proceso, peritirá al ser analizado facilitar el proceso de decisiones sobre el rubo y tono del desarrollo. La interacción, aún así el proceso de diseño y desarrollo es externo a la organización, la conceptualización del sitio web (investigación, docuentación, evaluación de prototipos) tiene lugar en la organización. Así, es iportante establecer espacios y oentos en los que el equipo de desarrollo pueda interactuar con los actores de los proyectos y de esta fora buscar solución a las inquietudes que el proceso de desarrollo genera. El seguiiento, una vez el sitio web desarrollado epiece a ser utilizado, se inicia una labor inuciosa de evaluación y ajustes, esto le perite a Meoria Visual prestar atención al nivel del detalle para identificar y hacer los ajustes que se consideren necesarios. Este seguiiento se realiza en dos oentos: priero en la evaluación inuciosa de la versión beta con usuarios finales; y segundo en la garantía del software desarrollado por espacio de seis eses calendario, tiepo en el que Meoria Visual da respuesta los casos de soporte generados por los usuarios del sitio web. La counicación, el ingrediente clave, presente en todas las etapas y recurrente en todos los procesos, que perite a los usuarios vencer los teores y la resistencia al cabio y entender al sitio web coo una creación colectiva, coo un producto natural, en el que se han tenido en cuenta sus inquietudes, y en el que se están esperando sus aportes. El diseño, que entendeos coo integrar todos los anteriores eleentos, de fora que el sitio y su funcionalidad sean intuitivos y reconocidos por los usuarios y respondan al propósito de counicar los ensajes y ofrecer los servicios que se desean. Experiencia En el año 2002 iniciaos el desarrollo del sitio web de Villegas Editores VillegasEditores.co, proyecto de gran envergadura que nos obsequió un aprendizaje invaluable. VillegasEditores.co fue noinado al preio Lápiz de Acero 2003 de la revista Proyecto Diseño. En el año 2005 desarrollaos la priera versión de Edith, nuestro anejador de contenido para sitios Web, ipleentado en 2 proyectos para diversos clientes. En el año 2006 epezaos a explorar nuevas posibilidades en la gestión de bases de datos en proyectos colaborativos desarrollados por nuestros clientes, un resultado fue el desarrollo del sistea de inforación para la Fundación Colobia para la Educación y la Oportunidad, que Meoria Visual +

3 INTRO- DUCCIÓN* * Al entrar al sitio se cargará un ensaje de introducción realizado en Flash o HTML dináico (de acuerdo con la configuración de cada equipo). El ensaje de bienvenida podrá ser un aleatorio entre varios ensajes, ó uno particular de acuerdo con los aconteciientos que estén ocurriendo.. El ensaje generará un cookie de fora que no sera visto por personas que ya hayan visitado el sitio. equitas.org.co Arquitectura de Inforación Meoria Visual - Version Julio de 2008 Escoger perfil ** PRINCIPAL *** ** Al final del ensaje se le pedirá al visitante escoger un perfil de usuario que perita presentarle los contenidos de ayor pertinencia y destacar los que se considere necesarios. El perfil será guardado en un cookie por equipo y por lo tanto será preguntado una sóla vez. El usuario una vez haya ingresado podrá cabiar de péfil. Los perfiles propuestos son:. Failiares de desaparecidos 2. Funcionarios de ONGs o del EStado 3. Agencias de Cooperación Internacional 4. Público en general interesado en el conflicto colobiano. *** El orden de los ódulos presentado a continuación NO representa una jerarquía de los isos, y es puraente casual al diseño en este espacio reducido. Así iso los nobres propuestos no son finales y sólo se utilizan para designar una unidad de contenido específica. Actividades que el usuario podrá realizar en cada artículo. Coentarlo Envíar a un aigo (Postal si son iágenes) INCLUIR en todas las páginas del sitio Vínculos Pie Proyecto Ríonegro Equipo Argentino de Antropología Forense Logos Entidades FInanciadoras Copyright Privacidad Créditos Cabezote Contáctenos, datos Créditos de contacto Buscador Regístrese FAQ A los que se registren. Newsletter en HTML INSTITU- CIONAL Quiénes soos? Qué haceos? TEMAS Teas **** Patronato Presentación Publicaciones Infores Artículos Áreas **** El sistea peritirá la fácil adición de teas, entre ellos se encuentran:. Contexto del conflicto colobiano 2. Legislación en Colobia 3. Legislación Internacional 4. Tratados NOTICIAS DIARIO DE CAMPO Acciones de Equitas Noticia SITUACIÓN ACTUAL Fuente* pueden ser ajenas a Equtias Vìnculo Fuente Vìnculo MULTIMEDIA Medio COOPERA- CION Y APOYO Acción***** Ejeplos Herraientas para el ingreso de datos y/o el envío de inforación EXTRANET SI NO Galerías Piezas ****** Ejeplos de las posibles acciones son:. Registrar datos 2. Hacer una donación Error PROCESOS Proceso Instituciones Forularios****** Vínculos Descripción de procesos y tráites ante otras instituciones del Estado Instituciones Forularios****** Vínculos Sitios de interés (pueden ser al iso sitio web) Hechos (Cifras, Análisis, Mapas) Agenda Directorio Personajes Instituciones Lugar (Municipio) Mapas Fecha Tieline Población afectada Counicaciones internas Actas Tareas Docuentos Gastos Ejeplo de Arquitectura de Inforación lleva el nobre de Cuaderno de Notas. En el año 2008 desarrollaos el sistea de inforación de Proyecto Monitor. En el oento nos encontraos explorando nuevas plataforas (óviles), y trabajando en desarrollos de sisteas de inforación, y sitios web integrados, que siguen la isa filosofía e integran nuestra experiencia de varios años en gestión de contenidos y un nuevo capo de exploración que por ahora llaaos: espacios de gestión social. Proceso El proceso de desarrollo está planteado para dos eseses calendario y supone el desarrollo de estas etapas: Lista de deseos En una reunión de inforación con un coité designado por el cliente se estudian los servicios, contenidos y productos que la organización ofrece, y las expectativas que tiene de un desarrollo en internet de acuerdo con sus planes de Counicación y Mercadeo. Esta inforación perite redactar una lista de deseos.. Una fora de potenciar los resultados de este ejercicio es identificar y perfilar en detalle a los diferentes públicos del sitio web, y tener en ente en el oento de plantear los deseos sus necesidades particulares. Con esta lista en ente, y para cuplir cada uno de estos deseos, Meoria Visual presentará a el cliente una propuesta de desarrollo por etapas, un listado de funcionalidades, y un listado de requeriientos en contenidos y docuentación de procesos para ser integrados al desarrollo. Arquitectura de inforación Es un docuento en el que Meoria Visual presenta una asesoría en counicación al evaluar los contenidos y servicios que el cliente ofrece o quiere ofrecer a futuro y propone la estructura del sitio, de fora que los contenidos y servicios Meoria Visual + 2

4 peso + descriptores técnicos nobre_eng obra_id obra tea tea_id nobre_eng _eng nobre nobre presentación presentación_eng presentacion_eng nobre_eng url presentacion_eng perfil telefono nobre_esp presentación coleccion_id presentacion pais institucion_id nobre direccion eail fax coleccion institucion tipo_obra tipo_galeria investigador tipo_investigador zip celular pais tipo_obra_id tipo_galeria_id investigador_id telefono fax url tipo_investigador_id nobre nobre perfil nobre direccion eail nobre _eng _eng oferta_id oferta tipo_institucion tipo_institucon_id nobre _eng presentación_eng fecha_publicacion galeria_id presentación aprobado galería tipo_vinculo foto tipo_vinculo_id foto_id nobre _eng pie_eng fecha fecha_naciiento doc_identidad telefono direccion_postal evento_id nobre fecha_publicacion usuario_id nobres apellidos sexo pais idioa evento usuario autor coentario postal pie autor_id nobre eail coentario_id fecha_recibo postal_id apellido perfil texto aprobado nobre_reitente zip eail texto eail_reitente aigo aigo_id eail nobre _eng _eng vinculo_id vinculo térino térino_id nobre significado texto_pregunta_eng texto_respuesta_eng _eng abstract_eng contenido_eng pregunta_id pregunta artículo_id abstract pregunta respuesta artículo proyecto_id tipo_pregunta tipo_evento educolobia.org Entity relationship odel Version - Agosto de 2005 tipo_pregunta_id tipo_evento_id por desarrollar pedido_id ite_id nobre nobre pedido ite fecha_publicacion contenido aprobado _eng nobre nobre_eng proyecto inventario_id inventario sean fácilente ubicados por el visitante y no se presente inforación redundante o que no cupla las expectativas que se plantean al visitante. Ejeplo de Modelo Relacional de Datos Se entregará un docuento de Arquitectura de Inforación, que proporciona una idea clara del proyecto a desarrollar y se convierte en una carta de navegación para todos los actores del proceso. Diseño de la base de datos Se diseña el odelo de la base de datos a eplear, y se establecen las diferentes tablas, la inforación a capturar en cada una y las relaciones que tendrán entre ellas. Para realizar este trabajo se hará una evaluación en detalle de las fuentes de datos actuales, de fora que el odelo a desarrollar integre el ayor porcentaje posible de datos ya existentes. Diseño de interfaz Cada categoría de pantalla será traducida en una interfaz, que es la cara que la página en particular y el sitio web en general va a tener para el usuario. Aquí se propone cóo va a interactuar el usuario con el sitio web, el anejo gráfico general, el trataiento de los textos, las fotografías, las tablas y las ilustraciones. Este desarrollo gráfico se basará en las certezas conceptuales que arrojen las Ejeplo de Diseño de Interfaz Meoria Visual + 3

5 anteriores etapas de esta propuesta, el interés es narrar el sitio web en una interfaz gráfica. Desarrollo de aplicaciones Se traducen los prototipos de página desarrollados en el diseño de la interfaz en páginas HTML y luego en aplicaciones PHP que leerán los datos necesarios en la base de datos. Una segunda aplicación es el otor de búsqueda que consultará el banco de artículos, por los paráetros que se definan en el diseño de la base de datos. Ipleentación del anejador de contenidos Edith Edith peritirá la entrada de nuevos textos y la edición de los ya ingresados al sitio web, tabién la publicación de fotografías y docuentos anexos; la teática de los contenidos y destacar los contenidos de interés en las diferentes interfaces del sitio a los usuarios. Esta aplicación le perite al usuario ejercer control total sobre el sitio web, y, de acuerdo con un sistea de usuarios y privilegios, entrar y editar contenidos y odificar las aplicaciones pertinentes para cada usuario, sin necesidad de conociientos especializados en Internet o aplicaciones de software diferentes a un navegador. El anejador de contenidos de Meoria Visual, Edith, es singular, no utiliza forularios coo es habitual en los anejadores de la industria, la entrada y edición de los contenidos se hace directaente sobre la página web, así: si el Página de Ingreso al anejador de contenido adinistrador del sitio quiere cabiar un texto, sólo tiene que seleccionarlo y editarlo coo en cualquier aplicación de texto, para cabiar una foto sólo debe hacer clic sobre ella o el espacio que esta ocupa y seleccionar una foto de la librería que se despliega, cada página del sitio web tiene un enú de opciones de edición disponible, de acuerdo con los contenidos y servicios que presenta. El interés de Meoria Visual es que el uso de Edith sea intuitivo y tan sencillo que no sea necesaria una capacitación foral. Entre los sitios web que actualente son adinistrados utilizando Edith se encuentran: co, Publicar versión Beta Se publica en el servidor una versión preliinar, totalente funcional del sitio web, para su uso a odo de prueba y en especial para hacer sesiones de uso en las que utilizando una etodología diseñada para tal efecto se identifiquen las dificultades e inconsistencias que el desarrollo Edith con enú de edición activo Meoria Visual + 4

6 (aplicación por aplicación) pueda tener con las prácticas de uso, los procesos y las expectativas de los usuarios finales. Ajustes De acuerdo con la docuentación resultado de las sesiones de evaluación se realizan los ajustes necesarios. Y se inicia la escritura, docuentación y diseño de los anuales de usuario. Publicar versión.0 Se publica la versión.0 del sitio web y se da por terinado el desarrollo. Soporte Por espacio de 6 eses calendario posterior a la fecha de publicación de la versión.0 del sitio web el iso periodo de la garantía, se atenderán los casos de soporte que se generen por incoprensión en el uso de Edith, fallas en el acceso al sitio web, ó fallas en el registro de la inforación en la base de datos. Productos a entregarse. Un docuento de lista de deseos. 2. Un apa final de Arquitectura de Inforación, que da cuenta de la organización de los servicios y contenidos de la lista de deseos. 3. Un odelo relacional de datos. 4. Interfaces odelo de las instancias tipo del sitio web con los usuarios. 6. Un docuento que copendia los resultados de las evaluaciones que se realicen de la versión beta con usuarios tipo. 7. Una lista de ajustes a realizarse a la versión beta. Paráetros técnicos Los archivos gráficos aestros se entregarán en el forato.png de Macroedia Fireworks, o.psd de Adobe Photoshop; tendrán las guías de corte para las iágenes y tablas; y todos sus eleentos serán distribuidos en diferentes capas, identificadas de acuerdo con su finalidad. El desarrollo se realizará en PHP 5.2, la base de datos elegida es MySql 4.24, el servidor Web es Apache. Los archivos HTML resultantes estarán debidaente coentados, y seguirán los paráetros y estándares del World Wide Web Consortiu. No se usarán tags depreciados y todas las opciones de forato serán dadas por hojas de estilo. Todo el código HTML será escrito a ano sin usar ninguna aplicación de creación de código WYSIWYG. Lo anterior garantiza un código óptio, lipio y eficiente La eficacia de cada archivo HTML (resultado de las aplicaciones PHP) será probada en el servidor, y se validará su coportaiento en los navegadores as utilizados en cada sistea operativo (OSX, Linux y Windows). Seguridad El acceso a Edith en el sitio web será liitado a usuarios autorizados con quienes se validará un usuario y una contraseña. Los cookies de los usuarios y contraseñas serán encriptados y en los casos en que se considere necesario el acceso de algunos usuarios puede restringirse a una dirección I.P. previaente registrada en el sistea. Equipo El desarrollo de este propuesta supone la interacción con un equipo responsable por parte del cliente, estas reuniones serán siepre presenciales y tendrán lugar al hacer entrega del producto especificado en cada una de las etapas en que está planteado el desarrollo. Este equipo retroalientará todas las etapas del proceso, aportará ideas desde el conociiento de la labor del cliente y de los públicos objetivos. Tabién aprobará cada una de las etapas de desarrollo, vigilando el cupliiento de los objetivos planteados. Es iportante que este equipo no esté integrado por ás de tres personas, quienes tendrán toda la autoridad para hacer las aprobaciones y solicitar las correcciones que se consideren necesarias. Meoria Visual a su vez asignará dos personas en dedicación no exclusiva al proyecto. Docuentación Las entregas serán publicadas en el servidor de pruebas de Meoria Visual, serán evaluadas por el equipo asesor y coentadas y aprobadas en reunión con el equipo de Meoria Visual. Meoria Visual elaborará actas de las reuniones en la que se consignarán los acuerdos y correcciones solicitadas. Las decisiones toadas en estas reuniones serán siepre finales. Meoria Visual + 5

7 Confidencialidad Es claro que toda la inforación que se recopile es propiedad exclusiva del cliente y será entregada a él a la finalización del iso. Meoria Visual se coproete a no exponer esta inforación a terceros. Derechos de autor Los desarrollos específicos contratados por el cliente serán de su propiedad (Asesoría), excepto los desarrollos técnicos y los códigos fuentes (aplicaciones y anejador de contenido Edith de la aplicación web) que son propiedad intelectual de Meoria Visual. El cliente reconocerá los derechos orales que Meoria Visual tendrá sobre el desarrollo final. Alcance de la propuesta Esta propuesta no supone el desarrollo de aplicaciones de coercio electrónico y los odelos de seguridad necesarios en ese caso, la realización de ilustraciones, la redacción de textos, o la producción de fotografías, aniaciones o videos. El contenido del sitio web es responsabilidad total del cliente, la labor de Meoria Visual en este aspecto es, aparte de su asesoría en el alcance del edio, el desarrollo de una platafora para la gestión de los procesos y la inclusión de la inforación entregada por el cliente. A partir de esa entrega la edición e ingreso de nueva inforación la hará el cliente utilizando el anejador de contenido Edith. Inicio del proyecto Se iniciará el desarrollo del proyecto una vez se haya recibido una carta de aceptación foral de esta propuesta ó se realice la fira de un contrato de servicios, y se haya recibido el pago del anticipo estipulado. Hospedaje Esta propuesta supone el hospedaje del sitio web en el servidor actual del cliente ó en el servidor dedicado de Meoria Visual (por espacio de un año), lo que se considere ás adecuado, El servidor a utilizarse debe contar con estas especificaciones: ha sido contratado con Peer.co, con sistea operativo RedHat Enterprise Linux, Servidor Apache , PHP y bases de Datos en MySQL Estadísticas en línea AW stats, backup seanal de la base de datos, garantía de tiepo al aire de 99.9%. Aplicación Webail Horde, Adinistración del doinio utilizando Plesk versión 8.6. Espacio en disco GB. $USD 240 anuales (a partir del segundo año) + IVA (6%**) Este costo se genera sólo cuando el sitio sea oficial y será facturado por seestre anticipado de acuerdo con la TRM del día de la factura. Nuestro anejador de contenido, Edith, no tiene costo de licencia, es un beneficio adicional al contratar este desarrollo con Meoria Visual. Costos Conceptualización y diseño $ IVA (6%**) A ser facturados así:. Un anticipo de de $ IVA (6%) al foralizarse el contrato e iniciarse el proyecto. 2. Un pago de $ IVA (6%) al publicarse la versión.0 del sitio web. 3. Un pago final de $ IVA (6%) al finalizar el periodo de soporte. Garantía y Soporte La garantía es de seis eses a partir de la fecha de entrega del desarrollo. Incluye odificaciones por eventuales iperfectos que hagan el aterial desarrollado no funcional y por incupliiento de la especificación a acordarse en la lista de deseos. La garantía supone la atención de casos de soporte que se generen por fallas, inconsistencias en la funcionalidad del software desarrollado. Una vez terinada la garantía, los desarrollos, los casos de soporte, y las odificaciones a los productos serán considerados coo un nuevo desarrollo, y serán cotizados en una nueva propuesta. Al terinar este periodo de soporte, este puede extenderse por seestre con un costo de por seestre. Modificaciones y nuevas especificaciones Las odificaciones posteriores a las aprobaciones parciales por parte del cliente y las nuevas especificaciones generarán costos adicionales que serán cotizados y facturados de acuerdo con la coplejidad de los isos, previo acuerdo con el cliente. Validez de la oferta: 202. Meoria Visual + 6