Tema 9. Internet y el World Wide Web · 2017-03-21 · BLOQUE IV. ACCESIBILIDAD A LAS TECNOLOGÍAS...

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

FundamentosFundamentos

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

Web: World Wide WebWeb: World Wide Web

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

[email protected]@[email protected][email protected]

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

Correo electrónico: POP3Correo electrónico: POP3

Correo electrónico: Web MailCorreo electrónico: Web Mail

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

WSWS--FTP95FTP95

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.

Buscadores de carácter general:Buscadores de carácter general:AltavistaAltavista

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


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

Las páginas WebLas páginas Web


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

Página WebPágina Web

El código HTMLEl código HTML

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>

Análisis de una páginaAnálisis de una página

Marcos Animación Ficheros PDF Enlaces Imagen Sensible

Efectos visuales

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

Imagen digital y TextoImagen digital y Texto

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

Mapas de imágenesMapas de imágenes

Tema 9. Internet y el World Wide Web · 2017-03-21 · BLOQUE IV. ACCESIBILIDAD A LAS TECNOLOGÍAS...

Documents

Transcript of Tema 9. Internet y el World Wide Web · 2017-03-21 · BLOQUE IV. ACCESIBILIDAD A LAS TECNOLOGÍAS...