interface bvs-site julio takayama [email protected] supervisor dgi-ga unidad de diseño...
TRANSCRIPT
![Page 1: Interface BVS-Site Julio Takayama takayama@bireme.ops-oms.org Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS](https://reader036.vdocumento.com/reader036/viewer/2022081603/5665b4e21a28abb57c94792c/html5/thumbnails/1.jpg)
Interface BVS-Site
Julio [email protected]
Supervisor DGI-GA
Unidad de Diseño Gráfico e Interfaces
BIREME - OPS - OMS
![Page 2: Interface BVS-Site Julio Takayama takayama@bireme.ops-oms.org Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS](https://reader036.vdocumento.com/reader036/viewer/2022081603/5665b4e21a28abb57c94792c/html5/thumbnails/2.jpg)
Arquitectura de la BVS
3 camadas independientes e interoperantes.
![Page 3: Interface BVS-Site Julio Takayama takayama@bireme.ops-oms.org Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS](https://reader036.vdocumento.com/reader036/viewer/2022081603/5665b4e21a28abb57c94792c/html5/thumbnails/3.jpg)
BVS-Site
Servicios
XML componente
XHTML
XSLT
TemplateCSS
presentación
Modelo de Interfaces de la BVS
![Page 4: Interface BVS-Site Julio Takayama takayama@bireme.ops-oms.org Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS](https://reader036.vdocumento.com/reader036/viewer/2022081603/5665b4e21a28abb57c94792c/html5/thumbnails/4.jpg)
CSS - Cascading Style Sheets
• Lenguage padronizado por el W3C– Nivel 1, Nivel 2, Nivel 3
• Son documentos que describen como la información marcada en el XHTML se presenta en la pantalla de las computadoras, en los dispositivos aurales, teléfonos y otros dispositivos móbiles.
![Page 5: Interface BVS-Site Julio Takayama takayama@bireme.ops-oms.org Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS](https://reader036.vdocumento.com/reader036/viewer/2022081603/5665b4e21a28abb57c94792c/html5/thumbnails/5.jpg)
Web Standards
• Estabelecidos por el W3C y otras entidades reguladoras, son un conjunto de normas y padrones para crear e interpretar contenido para la Web
![Page 6: Interface BVS-Site Julio Takayama takayama@bireme.ops-oms.org Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS](https://reader036.vdocumento.com/reader036/viewer/2022081603/5665b4e21a28abb57c94792c/html5/thumbnails/6.jpg)
Web Standards
• Lenguages Estruturales– Extensible Hypertext Markup Language (XHTML) 1.0– XHTML 1.1– Extensible Markup Language (XML) 1.0
• Lenguages de Presentación– Cascading Style Sheets (CSS) nivel 1– CSS nivel 2– CSS nivel 3
• Object Models– Document Object Model (DOM) nivel 1 (Core)– DOM nivel 2
![Page 7: Interface BVS-Site Julio Takayama takayama@bireme.ops-oms.org Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS](https://reader036.vdocumento.com/reader036/viewer/2022081603/5665b4e21a28abb57c94792c/html5/thumbnails/7.jpg)
Web Standards
• Propician benefício y accesibilidad a un número más grande de usuários
• Simplifican los procesos y bajan los costos de producción
• Aseguran la correcta visualización a la medida que los navegadores evolucionan y nuevos dispositivos de acceso surgen en el mercado
• Facilita implementación de Servicios Web
![Page 8: Interface BVS-Site Julio Takayama takayama@bireme.ops-oms.org Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS](https://reader036.vdocumento.com/reader036/viewer/2022081603/5665b4e21a28abb57c94792c/html5/thumbnails/8.jpg)
BVS-Site 4.0
Padrón de Conformidad AA - WAI*
Web Standards
+
Código estruturado en Tableless
* Web Accessibility Initiative
![Page 9: Interface BVS-Site Julio Takayama takayama@bireme.ops-oms.org Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS](https://reader036.vdocumento.com/reader036/viewer/2022081603/5665b4e21a28abb57c94792c/html5/thumbnails/9.jpg)
Abordaje TablelessDiseño sin recursos de tablas
– Markup basado en el significado, no en el diseño
– Código sencillo y comprensible
– Apropiado para la lectura de los buscadores
– Downloads más rápidos
– Facilidad para la aplicación de las hojas de estilo
– Tablas sólo para datos tabulares
![Page 10: Interface BVS-Site Julio Takayama takayama@bireme.ops-oms.org Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS](https://reader036.vdocumento.com/reader036/viewer/2022081603/5665b4e21a28abb57c94792c/html5/thumbnails/10.jpg)
![Page 11: Interface BVS-Site Julio Takayama takayama@bireme.ops-oms.org Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS](https://reader036.vdocumento.com/reader036/viewer/2022081603/5665b4e21a28abb57c94792c/html5/thumbnails/11.jpg)
Innovaciones
1. Interface y operación del Portal
2. Interface de BúsquedaInterface de Búsqueda
3. Interface de AdministraciónInterface de Administración
![Page 12: Interface BVS-Site Julio Takayama takayama@bireme.ops-oms.org Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS](https://reader036.vdocumento.com/reader036/viewer/2022081603/5665b4e21a28abb57c94792c/html5/thumbnails/12.jpg)
InnovaciónInterface del Portal Regional
1. Registro de usuarios integrado con las redes BVS, SciELO, ScienTI, TDR, GHL, ePORTUGUESe…
2. Perfil de usuario
3. Servicios personalizados: mi colección, mis links…
4. Alertas: Que hay de nuevo sobre mi perfil…
![Page 13: Interface BVS-Site Julio Takayama takayama@bireme.ops-oms.org Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS](https://reader036.vdocumento.com/reader036/viewer/2022081603/5665b4e21a28abb57c94792c/html5/thumbnails/13.jpg)
Propuesta de RenovaciónInterface del Portal Regional
![Page 14: Interface BVS-Site Julio Takayama takayama@bireme.ops-oms.org Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS](https://reader036.vdocumento.com/reader036/viewer/2022081603/5665b4e21a28abb57c94792c/html5/thumbnails/14.jpg)
Innovaciones
1. Interface y operación del PortalInterface y operación del Portal
2. Interface de Búsqueda
3. Interface de AdministraciónInterface de Administración
![Page 15: Interface BVS-Site Julio Takayama takayama@bireme.ops-oms.org Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS](https://reader036.vdocumento.com/reader036/viewer/2022081603/5665b4e21a28abb57c94792c/html5/thumbnails/15.jpg)
Estado ActualInterface de búsqueda
• Excesivos pasos para el acceso a un documento
• Falta de uniformedad en la presentación• Curva de aprendizaje lento• Elevado costo de mantenimiento para los
produtos• Falta de servicios personalizados
![Page 16: Interface BVS-Site Julio Takayama takayama@bireme.ops-oms.org Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS](https://reader036.vdocumento.com/reader036/viewer/2022081603/5665b4e21a28abb57c94792c/html5/thumbnails/16.jpg)
InnovaciónInterface de búsqueda
1. Interface integrada2. Búsqueda por FI o por Tipo de FI3. Organización del resultado por relevancia, fecha,
orden alfabético, etc4. Formato de salida padrón con opciones para
visualización detallada, similares, CV…5. Histórico de búsqueda6. RSS de la búsqueda7. AJAX e otras tecnologias
![Page 17: Interface BVS-Site Julio Takayama takayama@bireme.ops-oms.org Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS](https://reader036.vdocumento.com/reader036/viewer/2022081603/5665b4e21a28abb57c94792c/html5/thumbnails/17.jpg)
InnovaciónInterface de búsqueda
![Page 18: Interface BVS-Site Julio Takayama takayama@bireme.ops-oms.org Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS](https://reader036.vdocumento.com/reader036/viewer/2022081603/5665b4e21a28abb57c94792c/html5/thumbnails/18.jpg)
Innovaciones
1. Interface del PortalInterface del Portal
2. Interface de BúsquedaInterface de Búsqueda
3. Interface de Administración
![Page 19: Interface BVS-Site Julio Takayama takayama@bireme.ops-oms.org Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS](https://reader036.vdocumento.com/reader036/viewer/2022081603/5665b4e21a28abb57c94792c/html5/thumbnails/19.jpg)
Estado ActualInterface de administración
• Interface ADM es una abstración de la Interface Pública
• Problemas en la usabilidad del sistema
• Inconsistencias en los flujos
• Falta de significado en los rótulos
![Page 20: Interface BVS-Site Julio Takayama takayama@bireme.ops-oms.org Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS](https://reader036.vdocumento.com/reader036/viewer/2022081603/5665b4e21a28abb57c94792c/html5/thumbnails/20.jpg)
InnovaciónInterface de Administración
1. Grupo Focal2. Interface WYSIWYG3. Directorio de FI’s (FIFI)4. Integración con Sistema de Produción de FI5. CSS unificada para Portal y Produtos6. Revisión en la usabilidad del sistema
![Page 21: Interface BVS-Site Julio Takayama takayama@bireme.ops-oms.org Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS](https://reader036.vdocumento.com/reader036/viewer/2022081603/5665b4e21a28abb57c94792c/html5/thumbnails/21.jpg)
InnovaciónInterface de Administración BVS-Site
![Page 22: Interface BVS-Site Julio Takayama takayama@bireme.ops-oms.org Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS](https://reader036.vdocumento.com/reader036/viewer/2022081603/5665b4e21a28abb57c94792c/html5/thumbnails/22.jpg)
¡Muchas Gracias!
Participe de la Red de Desarrolladores - Interface de la BVS
http://www.cv-interfacebvs.bvsalud.org/