• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Desarrolladores Havana2007 Bir
 

Desarrolladores Havana2007 Bir

on

  • 925 views

Modelo de Interfaces de la BVS

Modelo de Interfaces de la BVS

Statistics

Views

Total Views
925
Views on SlideShare
923
Embed Views
2

Actions

Likes
0
Downloads
2
Comments
0

1 Embed 2

http://blog.homolog.ambienteaprendiz.bvs.br 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Desarrolladores Havana2007 Bir Desarrolladores Havana2007 Bir Presentation Transcript

    • Interface BVS-Site Julio Takayama [email_address] Supervisor DGI-GA Unidad de Diseño Gráfico e Interfaces BIREME - OPS - OMS
    • Arquitectura de la BVS 3 camadas independientes e interoperantes.
    • Modelo de Interfaces de la BVS
      • Presentación
      • CSS
      • XHTML standard
      • XSLT
      • XML component
    • BVS-Site Servicios XSLT Modelo de Interfaces de la BVS XML componente XHTML Template CSS presentación
    • 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.
    • Investigación para el uso de CSS
      • AJAX
      • SVG
      • Java Applets (Visual Thesaurus™)
    • 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
    • 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
    • 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
    • Web Standards - Check List
      • Calidad de código
      • Grado de separación de contenido y presentación
      • Accesibilidad para los usuarios
      • Accesibilidad para dispositivos
      • Usabilidad básica
      • Administración del sitio
      • Validación
      • ¿El sitio utiliza Doctype correto?
      • ¿El sitio utiliza un - Character set - de codificación de caracteres correcto?
      • ¿El sitio utiliza (X)HTML válido?
      • ¿La CSS utilizada es válida?
      • ¿El sitio utiliza CSS para todos los elementos de la presentación (fuentes, colores, bordes, etc)?
      • ¿Las imagenes estan todas inclusas en la CSS, o son inseridas via (X)HTML?
      • ¿El atributo "alt" es utilizado para todas las imagenes?
      • ¿El sitio utiliza unidades de medida relativas para tamaños de texto?
      • ¿Los formularios y tablas son accesibles?
      • ¿El sitio es visualizado correctamente tanto en los navegadores antíguos como que en los nuevos?
      • ¿El sitio es visualizado correctamente en dispositivos portables?
      • ¿La jerarquía visual es clara y bien definida?
      • ¿Hay enlaces para la portada en todas las páginas?
      • ¿Los enlaces visitados entan claramente identificados?
      • ¿Hay página de error tipo 404 que funciona en todos los niveles?
      • XHTML, CSS, Versión texto, colores, …
    • BVS-Site 4.0
      • Padrón de Conformidad AA - WAI*
      Web Standards + Código estruturado en Tableless * Web Accessibility Initiative todos los requisitos essenciales asi como los que debrian ser atendidos estan implementados
    • Table X Tableless
      • Abordaje con tablas
        • Tablas como recurso de layout
        • Utilización de gifs como recurso para delimitar tablas
        • Utilización excesiva de “nested tags”
        • Exceso de código para construcción de elementos sencillos
        • Código sin semántica
        • Baja acesibilidad
    • Abordaje Tableless Diseñ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
    •  
    • Innovaciones
      • Interface y operación del Portal
      • Interface de Búsqueda
      • Interface de Administración
    • Innovación Interface del Portal Regional
      • Registro de usuarios integrado con las redes BVS, SciELO, ScienTI, TDR, GHL, ePORTUGUESe…
      • Perfil de usuario
      • Servicios personalizados: mi colección, mis links…
      • Alertas: Que hay de nuevo sobre mi perfil…
    • Propuesta de Renovación Interface del Portal Regional
    • Innovaciones
      • Interface y operación del Portal
      • Interface de Búsqueda
      • Interface de Administración
    • Estado Actual Interface 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
    • Estado Atual
      • Como obtener información sobre Dengue?
    • Innovación Interface de búsqueda
      • Interface integrada
      • Búsqueda por FI o por Tipo de FI
      • Organización del resultado por relevancia, fecha, orden alfabético, etc
      • Formato de salida padrón con opciones para visualización detallada, similares, CV…
      • Histórico de búsqueda
      • RSS de la búsqueda
      • AJAX e otras tecnologias
    • Innovación Interface de búsqueda
    • Innovaciones
      • Interface del Portal
      • Interface de Búsqueda
      • Interface de Administración
    • Estado Actual Interface 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
    • Estado Atual
    • Innovación Interface de Administración
      • Grupo Focal
      • Interface WYSIWYG
      • Directorio de FI’s (FIFI)
      • Integración con Sistema de Produción de FI
      • CSS unificada para Portal y Produtos
      • Revisión en la usabilidad del sistema
    • Innovación Interface de Administración BVS-Site
      • ¡Muchas Gracias!
      • Participe de la Red de Desarrolladores - Interface de la BVS
      • http://www.cv-interfacebvs.bvsalud.org/