Terapia Ocupacional y Adaptación funcional del medioTerapia Ocupacional y Adaptación funcional del medio
Tema 9. Internet y el Tema 9. Internet y el World Wide WebWorld Wide Web
Curso 2003Curso 2003--20042004
BLOQUE IV.BLOQUE IV. ACCESIBILIDAD A LAS TECNOLOGÍAS ACCESIBILIDAD A LAS TECNOLOGÍAS DE LA INFORMACIÓN Y LAS COMUNICACIONESDE LA INFORMACIÓN Y LAS COMUNICACIONES
Tema 9. Tema 9. Internet y el Word Wide Web Internet y el Word Wide Web
TemaTema 10. El 10. El consorcioconsorcio Web y la WAIWeb y la WAI
TemaTema 11. 11. ValidadoresValidadores y y analizadoresanalizadores de de páginaspáginas WebWeb
TemaTema 12. 12. FiabilidadFiabilidad de de loslos contenidoscontenidos médicosmédicos en en InternetInternet
Prácticas 2, 3,4 y 5Prácticas 2, 3,4 y 5
InternetInternet
FundamentosFundamentosServiciosServiciosBuscadores y PortalesBuscadores y Portales
GeneralesGeneralesMédicosMédicos
Medidas de la informaciónMedidas de la información
1 bit:1 bit: {0,1}{0,1}1 byte: 1 byte: 8 bits8 bits1 Kb:1 Kb: 1024 bytes (21024 bytes (21010))1 Mb:1 Mb: 1024 Kb1024 Kb1 Gb:1 Gb: 1024 Mb1024 Mb1 1 TbTb:: 1024 Gb1024 Gb
Sistemas de almacenamientoSistemas de almacenamientoDisquete 3 ½ Disquete 3 ½ 1,4 Mb1,4 MbCDCD--ROM ROM 650 Mb / 700 Mb650 Mb / 700 MbDVD DVD 17 Gb17 GbZIP IOMEGAZIP IOMEGA 100 Mb / 250 Mb100 Mb / 250 MbJAZ IOMEGAJAZ IOMEGA 2 Gb2 GbMemoria RAM Memoria RAM 1616--128 Mb+128 Mb+Disco Duro (HD) Disco Duro (HD) 1010--40 Gb+40 Gb+PenPen drivedrive 1616--128 Mb+128 Mb+Compact FlashCompact Flash 88--128Mb+128Mb+
Redes de información médica Redes de información médica globales: Internetglobales: Internet
PrincipiosPrincipiosInterconexión de ordenadoresInterconexión de ordenadoresCompartir recursosCompartir recursosInformación distribuidaInformación distribuidaAcceso universalAcceso universalComunicación transparente al usuarioComunicación transparente al usuario
Nuevas tecnologías de la Nuevas tecnologías de la informacióninformación
El protocolo de comunicaciones: TCP/IPEl protocolo de comunicaciones: TCP/IPCada ordenador dispone de un Cada ordenador dispone de un identificador único en el mundo (IP)identificador único en el mundo (IP)Una IP está formada por 4 bytes.Una IP está formada por 4 bytes.
Ejemplo: 193.144.59.93Ejemplo: 193.144.59.93
Valor: 0-255
El protocolo de El protocolo de comunicaciones comunicaciones TCP/IPTCP/IP
Cada equipo conectado a la red, además Cada equipo conectado a la red, además de la IP dispone de un nombre únicode la IP dispone de un nombre únicoEl nombre de cada ordenador es El nombre de cada ordenador es determinado por el dominio en el que se determinado por el dominio en el que se encuentraencuentraLos dominios se interpretan de derecha a Los dominios se interpretan de derecha a izquierdaizquierda
ejemplo: ejemplo: orion.cdf.udc.esorion.cdf.udc.essolaris.dc.fi.udc.essolaris.dc.fi.udc.es
País: EspañaOrganismo: Univ. Coruña
Arquitectura de Arquitectura de funcionamientofuncionamiento
Arquitectura ClienteArquitectura Cliente--ServidorServidorServidores de un servicio: Ofrecen información Servidores de un servicio: Ofrecen información y servicios a la redy servicios a la redClientes: equipos que se conecta a los Clientes: equipos que se conecta a los servidores para solicitar informaciónservidores para solicitar información
Servicios en InternetServicios en Internet
Web: Páginas hipertextoWeb: Páginas hipertextoFTP: Transmisión de ficherosFTP: Transmisión de ficherosCorreo electrónico: Transmisión de Correo electrónico: Transmisión de mensajesmensajesNewsNews: Foros de debate: Foros de debateIRC: Conversación “IRC: Conversación “on lineon line””Otros: Otros: MultiMulti--gamesgames, Mundos virtuales, , Mundos virtuales, teleconferenciateleconferencia, teletrabajo, etc., teletrabajo, etc.
Web: World Wide WebWeb: World Wide Web
El más difundidoEl más difundidoTransmisión de hipertextoTransmisión de hipertextoSe necesita un “Browser” o “navegador” Se necesita un “Browser” o “navegador” como aplicación clientecomo aplicación clienteHTML: Lenguaje de desarrollo de páginas HTML: Lenguaje de desarrollo de páginas WebWebHTTP: Protocolo de transmisión de páginas HTTP: Protocolo de transmisión de páginas WebWeb
Correo electrónicoCorreo electrónico
Transmisión de mensajesTransmisión de mensajesUna dirección = una cuentaUna dirección = una cuentaDirecciones: Direcciones: [email protected]@seridor.dominioEjemplo: Ejemplo: [email protected]@mail.udc.es
Correo electrónicoCorreo electrónico
Dos tiposDos tiposPOP3POP3
Aplicación cliente con configuración individualAplicación cliente con configuración individualOutlook, Outlook, NetscapeNetscape Messenger, Messenger, EudoraEudora, , PegasusPegasus, etc, etc
Copia de mensajes al equipo de usuarioCopia de mensajes al equipo de usuarioPermite lectura y escritura Permite lectura y escritura offoff--linelineIntercambio Intercambio onon--lineline
Web mail Web mail Lectura desde el navegador Lectura desde el navegador Desde cq equipo InternetDesde cq equipo InternetNo necesita aplicación específica ni configuraciónNo necesita aplicación específica ni configuraciónLectura y escritura Lectura y escritura onon--lineline
FTP: File FTP: File TransferTransfer protocolprotocol
Transmisión de ficherosTransmisión de ficherosDesde una aplicación cliente de FTP se Desde una aplicación cliente de FTP se realiza una conexión al servidor FTPrealiza una conexión al servidor FTPTrasmisión de ficheros: programas y Trasmisión de ficheros: programas y documentosdocumentosEn ocasiones los ficheros se encuentras En ocasiones los ficheros se encuentras comprimidoscomprimidos
BuscadoresBuscadores
Servidores Web Servidores Web “especiales” “especiales” que contiene que contiene información sobre el contenido de otros información sobre el contenido de otros servidoresservidoresAutomáticamente recorren periódicamente la Automáticamente recorren periódicamente la red buscando nuevos servidores y generando red buscando nuevos servidores y generando índices de contenidoíndices de contenidoTipos:Tipos:
GeneralesGeneralesEspecíficosEspecíficos
GeográficosGeográficosTemáticosTemáticos
BuscadoresBuscadores
Disponen de motores de búsquedaDisponen de motores de búsquedaEs necesario conocer la sintaxis del Es necesario conocer la sintaxis del lenguaje de búsquedalenguaje de búsquedaGeneran una gran cantidad de “basura” en Generan una gran cantidad de “basura” en las búsquedas generaleslas búsquedas generalesSe necesita diseñar una “estrategia de Se necesita diseñar una “estrategia de búsqueda”búsqueda”
Buscadores de carácter Buscadores de carácter generalgeneral
GoogleGoogle: : www.google.comwww.google.comAltavistaAltavista: : www.altavista.comwww.altavista.comYahooYahoo: : www.yahoo.comwww.yahoo.comTerraTerra: : www.terra.eswww.terra.esBiweBiwe: : www.biwe.eswww.biwe.esElcanoElcano: : www.elcano.comwww.elcano.cometc.etc.
Trabajo 2Trabajo 2
ColecciColeccióón de direcciones relacionadas con n de direcciones relacionadas con la terapia ocupacional y adaptacila terapia ocupacional y adaptacióón n funcional del mediofuncional del medio
Buscar direcciones de interés para el Buscar direcciones de interés para el profesional de la Terapia Ocupacionalprofesional de la Terapia OcupacionalAnotar dichas direcciones en un documento en Anotar dichas direcciones en un documento en Word y hacer un breve comentario (uno o dos Word y hacer un breve comentario (uno o dos párrafos)párrafos)Extensión 3Extensión 3--6 páginas de contenido6 páginas de contenido
Trabajo 2. Búsqueda de Trabajo 2. Búsqueda de direccionesdirecciones
Elegir las palabras clave:Elegir las palabras clave:Terapia Ocupacional, Rehabilitación, Terapia Ocupacional, Rehabilitación, Terapeuta, etcTerapeuta, etc
Elegir el buscadorElegir el buscadorBuscopioBuscopio ((metabuscadormetabuscador))
Ejecutar consultaEjecutar consultaAnalizar direccionesAnalizar direcciones
Accesibilidad de las páginas Accesibilidad de las páginas Web. Análisis y SolucionesWeb. Análisis y Soluciones
El poder de la WEB es su universalidad. El acceso a ella por parte de todo el mundo es un aspecto esencialTim Berners-Lee. W3-C Director e inventor de la World Wide Web
LEY 34/2002, de LEY 34/2002, de servicios de la sociedad de la servicios de la sociedad de la informacióninformación y de comercio electrónico (LSSI)y de comercio electrónico (LSSI)
Disposición adicional quinta. Disposición adicional quinta. Accesibilidad para las personas con Accesibilidad para las personas con discapacidad y de edad avanzada a la información proporcionada pdiscapacidad y de edad avanzada a la información proporcionada por medios or medios electrónicos.electrónicos.
Las Administraciones públicas Las Administraciones públicas deben tener sus deben tener sus páginas páginas webweb accesibles el accesibles el
31 de diciembre de 200531 de diciembre de 2005
ContenidosContenidos
Las páginas WebLas páginas WebLa codificación HTMLLa codificación HTMLComponentes estándar y no estándarComponentes estándar y no estándar
Ayudas Técnicas de accesibilidad al ordenadorAyudas Técnicas de accesibilidad al ordenadorElementos físicos y aplicacionesElementos físicos y aplicaciones
Las pautas de accesibilidad al contenido WebLas pautas de accesibilidad al contenido WebEstructura y contenidosEstructura y contenidosOtras normas de accesibilidad al Web. La Sección 508 de los EEUUOtras normas de accesibilidad al Web. La Sección 508 de los EEUU
Validación de la accesibilidad de páginas WebValidación de la accesibilidad de páginas Web
Bibliografía y enlaces de interésBibliografía y enlaces de interés
IntroducciónIntroducción
Sociedad de la Información. Desarrollo de las TICSociedad de la Información. Desarrollo de las TICRevolución social Revolución social Imprescindible para el bienestar Imprescindible para el bienestar Miles de millones de páginas con informaciónMiles de millones de páginas con informaciónIncremento de servicios: TV, radio, comercio electrónico, Incremento de servicios: TV, radio, comercio electrónico, ee--salud, planificación de viajes, reservas hoteleras, salud, planificación de viajes, reservas hoteleras, estado del tráfico, información meteorológica, catálogos estado del tráfico, información meteorológica, catálogos de productos, etcéterade productos, etcéteraPosibilidad de acceso a la cultura, al trabajo y a la Posibilidad de acceso a la cultura, al trabajo y a la sociedadsociedad
Definiciones previasDefiniciones previas
Web: Uno de los servicios que nos ofrece Web: Uno de los servicios que nos ofrece InternetInternet
El más utilizadoEl más utilizadoBasado en el acceso a páginas de hipertexto Basado en el acceso a páginas de hipertexto construidas mediante el lenguaje HTMLconstruidas mediante el lenguaje HTMLHTML: HTML: HHyperyperTTextext MMarkuparkup LLanguageanguage
DefinicionesDefiniciones
Word Wide Web Word Wide Web ConsortiumConsortium ((www.w3cwww.w3c..orgorg))Define y regula las tecnologías aplicables en Define y regula las tecnologías aplicables en InternetInternet
Web Web AccessibilityAccessibility InitiativeInitiative (WAI) (WAI) Define las pautas que las páginas Web deben Define las pautas que las páginas Web deben cumplir para ser accesiblescumplir para ser accesibles
DefinicionesDefiniciones
Financiado por:Financiado por:Dpto. Educación del Instituto Nacional de Investigación sobre laDpto. Educación del Instituto Nacional de Investigación sobre laDiscapacidad y la Rehabilitación de EEUUDiscapacidad y la Rehabilitación de EEUU
Programa de Aplicaciones Telemáticas para Personas con Programa de Aplicaciones Telemáticas para Personas con Discapacidades y Personas Mayores de la DG XIII de la UEDiscapacidades y Personas Mayores de la DG XIII de la UE
Oficina sobre dispositivos de accesibilidad del Gobierno de CanaOficina sobre dispositivos de accesibilidad del Gobierno de Canadádá
Empresas:Empresas:Elisa Comunicaciones (FI)Elisa Comunicaciones (FI)Microsoft Microsoft CorporationCorporationIBMIBM
SAPSAPFundación Fundación VerizonVerizonWellsWells FargoFargo
DefinicionesDefiniciones
HTMLHTMLHHyperyperTTextext MMarkuparkup LLanguageanguageLenguaje con el que diseñan las páginas WebLenguaje con el que diseñan las páginas WebFichero de texto interpretado por los Fichero de texto interpretado por los navegadoresnavegadores
El lenguaje HTMLEl lenguaje HTML
Documento de texto que interpreta el Documento de texto que interpreta el navegadornavegadorTAGsTAGs o etiquetaso etiquetas
Inicio y Fin de etiquetas <TAG> ..... </TAG>Inicio y Fin de etiquetas <TAG> ..... </TAG>Por ejemplo Formato de texto:Por ejemplo Formato de texto:
Web de la Facultad de Ciencias de la SaludWeb de la Facultad de Ciencias de la SaludWeb de la Web de la Facultad de Ciencias de la SaludFacultad de Ciencias de la Salud
Web de la <B>Facultad de Ciencias de la Salud</B>Web de la <B>Facultad de Ciencias de la Salud</B>
Otros elementos de una páginaOtros elementos de una página
JavaScriptJavaScriptLenguaje de Lenguaje de scriptscript que permite añadir que permite añadir funcionalidades embebidas en una página HTML. funcionalidades embebidas en una página HTML. Nuevas posibilidadesNuevas posibilidades
DHTML: HTML DinámicoDHTML: HTML DinámicoCombinación de nuevas etiquetas HTML y Combinación de nuevas etiquetas HTML y opciones, que permiten crear páginas Web más opciones, que permiten crear páginas Web más animadas y más sensibles a la interacción con el animadas y más sensibles a la interacción con el usuariousuario
Otros elementos de una páginaOtros elementos de una página
JavaJavaLenguaje de programación multiplataforma para Lenguaje de programación multiplataforma para el desarrollo de aplicacionesel desarrollo de aplicaciones
AppletAppletPrograma Java al que se llama desde una página Programa Java al que se llama desde una página Web y se ejecuta en una máquina local Web y se ejecuta en una máquina local
ServletServletPrograma Java que atiende peticiones de páginas Programa Java que atiende peticiones de páginas Web y se ejecuta en una máquina remotaWeb y se ejecuta en una máquina remota
PlugPlug--in (conector, mejora)in (conector, mejora)
Añadido o mejora de un programa para Añadido o mejora de un programa para aumentar funcionalidadesaumentar funcionalidadesEjemplo: Ejemplo:
Un navegador para poder interpretar ficheros Un navegador para poder interpretar ficheros PDFPDFMódulo de síntesis de voz para un navegadorMódulo de síntesis de voz para un navegadorMejoras de un navegador para poder visualizar Mejoras de un navegador para poder visualizar animaciones, escuchar la radio, etcéteraanimaciones, escuchar la radio, etcétera
El El plugplug--in de ficheros PDFin de ficheros PDF
Formato de documentos ampliamente Formato de documentos ampliamente utilizado para su distribuciónutilizado para su distribuciónPosibilidad de protección: Sólo lectura, Posibilidad de protección: Sólo lectura, impresión, copiado, etcéteraimpresión, copiado, etcéteraLector gratuito: Adobe Lector gratuito: Adobe AcrobatAcrobat ReaderReader 6 6 spsp
http://www.adobe.es
Página Web de la Facultad de Ciencias de la Salud
El El plugplug--in in MacromediaMacromedia FlashFlash
PlugPlug--in para ver animacionesin para ver animacionesMuy difundido en los sitios WebMuy difundido en los sitios WebEstándar de facto no incorporado en los Estándar de facto no incorporado en los navegadores. Necesita instalaciónnavegadores. Necesita instalación
Página Web del Laboratorio IMEDIR
Imágenes digitalesImágenes digitales
Matriz bidimensional de puntos (Matriz bidimensional de puntos (pixelspixels) en ) en donde el valor de cada punto representa un donde el valor de cada punto representa un colorcolorExisten diferentes formatosExisten diferentes formatos
JPEGJPEGGIF GIF TIFFTIFFBMPBMP
Imagen digitalImagen digital
Matriz de valores que representas los colores
24
129
45
34
34
34
36
78
45
128
128
128
24
0
0
34
34
34
36
129
245
128
128
128
36
112
234
13
128
128
Imagen digitalImagen digital
Formatos gráficosFormatos gráficosJPG JPG
con o sin pérdida de con o sin pérdida de informacióninformación
GIFGIFFondo transparenteFondo transparenteGIF AnimadosGIF Animados
BMP (BMP (BitmapBitmap))TIFF, PSD, PCX, TIFF, PSD, PCX, etc
191 Kb bmp
14 Kb jpg
etc
Mapas de imágenesMapas de imágenes
Una imagen dividida en zonas con acciones Una imagen dividida en zonas con acciones asociadas a cada una de ellasasociadas a cada una de ellasCuando el usuario pulsa en una zona activa Cuando el usuario pulsa en una zona activa del mapa de la imagen de tipo cliente, la del mapa de la imagen de tipo cliente, la aplicación calcula en que zona se ha aplicación calcula en que zona se ha producido la pulsación y sigue el vínculo producido la pulsación y sigue el vínculo asociadoasociado