1

2 Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso

3 Instructor Renato M.E. Sabbatini, PhD Núcleo de Informática Biomédica Universidad Estatal de Campinas San Pablo, Brasil [email protected] http://nibgw.unicamp.br/~sabbatin

4 Objetivos Educativos Reconocer los problemas principales y técnicas involucradas en la publicación electrónica de periódicos médicos y revistas en el World Wide Web Proponer el plan, arquitectura y filosofía de una publicación interactiva sencilla Discutir los problemas principales relacionados a la aplicación, mantenimiento, promoción y indexación de una publicación on-line

5 Temas ¿Qué es una publicación electrónica ? Publicaciónes electrónicas en Internet ¿Qué es el World Wide Web ? HTML: el idioma de Internet Desarrollando un periódico on-line Herramientas para desarrollo de la publicación Publicando en el servidor Promoviendo y poniendo la publicación en los catálogos y índices Recursos y referencias adicionales

6 Referencias Básicas Estas diapositivas disponibles en: www.webpraxis.com/courses/epubs/slides Página Web del curso: www.webpraxis.com/courses/epubs/

7 Parte I Publicaciónes Electrónicas

8 ¿Qué es una Publicación Electrónica? (o: bits vs. átomos) La publicación electrónica es una tecnología para distribuir información en una forma que puede accederse y ser vista por una computadora La publicación electrónica usa medios de comunicación digitales y recursos para adquirir, almacenar y transmitir información de computadora a computadora La publicación electrónica extiende de varias maneras el concepto y los recursos de los medios de comunicación convencionales y impresos

9 Tipos de Publicaciones Electrónicas En medios de comunicación trasladable Diskette, CD-ROM, videodisco, DVD, etc., En redes de computadoras –Redes de acceso restringido (ej. intranets) –Redes globales (ej. Internet) Híbridas –CD-ROMs actualizadas via red –Conexión a una red de computadoras a partir de un CD-ROM

10 Tipos de Publicaciones On-line Publicaciones por tecnología de correo electrónico, vía listas de distribución o grupos de notícias ("broadcasting") Publicaciones por tecnología de FTP, vía transferencia de archivos (File Transfer Protocol) Publicaciones de tecnología WWW, vía protocolos de hipertexto (HTTP) Publicaciones de tecnología "push", vía webcasting

11 Tipos de Publicaciones On-line Publicaciones por tecnología de correo electrónico, vía listas de distribución o grupos de notícias ("broadcasting") Publicaciones por tecnología de FTP, vía transferencia de archivos (File Transfer Protocol) Publicaciones de tecnología WWW, vía protocolos de hipertexto (HTTP) Publicaciones de tecnología "push", vía webcasting

12 Un Periódico Típico Basado en el WWW Tabla de Contenido Un artículo

13 Las Ventajas de Internet Para el Publicador Público potencial grande Disponibilidad universal Para todas las plataformas de hardware/software Bajo costo de producción Eliminación de reproducción gráfica y correo Nuevas formas de presentación - animación gráfica, audio, video, interacción

14 Las Ventajas de Internet Para el Publicador (2) Integración con otros documentos y sitios WWW Fácil localización electrónica Reducción del retraso de publicación Sumisión electrónica de artículos por los autores Datos estadísticos extensos sobre accesos

15 Las Ventajas de Internet Para el Lector Costo bajo de acceso Disponibilidad instantánea y global Volumen de información más rico Fácil transmisión y impresión Información es más actualizada Información es fácil de encontrar a través los mecanismos de búsqueda Interconexión de información en la Web Diálogo interactivo con autores y publicadores

16 Desventajas de Internet Problemas de protección de copyright Indefinición del modelo económico Problemas de seguridad de datos Conexiones lentas Es cada vez más difícil obtener visibilidad, debido a la cantidad grande de sitios y de información.

17 Algunos Proyectos de Publicación On-line Académicos HighWire Press Stanford

18 BioLine Inglaterra e Campinas Algunos Proyectos de Publicación On-line Académicos

19 e*pub Campinas Algunos Proyectos de Publicación On-line Académicos

20 Proyecto e*pub Revistas Própias www.epub.org.br

21 Arquivos Brasileiros de Cardiologia Revista da Sociedade de Cardiologia do Estado de São Paulo Revista Brasileira de Pesquisas Médicas e Biológicas Gastroenterologia Contemporânea Estudos de Psicologia OnLine Journal of Plastic and Reconstructive Surgery Proyecto e*pub Revistas Apoyadas

22 Parte II La Tecnología

23 ¿Qué es el WWW? Es un servicio disponible a través de Internet que permite la transmisión y acceso a documentos multimediales Usa un protocolo especial nombrado HTTP (HyperText Transfer Protocol) Usa una convención de direcciones electrónicas para los recursos en la red nombrada URL (Uniform Resource Locator)

24 ¿Qué es un Protocolo? Es una convención o lenguaje que permite la comunicación entre cualquier dos computadoras a través de una red El protocolo principal usado por Internet es el TCP/IP (Transmission Control Protocol/Internet Protocol) Hay muchos otros protocolos que corren bajo el TCP/IP. Ejemplos: –SMTP: el Simple Mail Transfer Protocol –FTP: el File Transfer Protocol

25 Uniform Resource Locator http://www.nlm.nih.gov/visible/sample.htm Protocolo Host DirectórioArchivo Formato de Dirección para el WWW:

26 La Arquitectura Cliente-Servidor Cliente Computadora que recibe los datos Servidor Computadora que envía los datos I red

27 Software Cliente: Netscape, Internet Explorer (browser) Software Servidor: WWW Server Protocolo La Tecnología “Pull” (Pujar) Cliente Servidor I Internet

28 ¿ Qué es el browser ? Un programa (cliente) que permite leer y extraer el contenido de páginas en el Web, usando el protocolo HTTP. El programa tambien permite identificar enlaces dentro de un documento y en otras computadoras, y saltar para otros sítios en Internet (navegación).

29 El Software Cliente del WWW (Browser) Menu Herramientas Dirección Área de exibición Status

30 Tipos de Browsers Netscape Communicator Microsoft Internet Explorer Mosaic Opera etc. Todos funcionan de manera similar y hoy están disponibles gratuitamente a través de Internet

31 ¿ Qué es el enlace (“link”) ? Es una frase o palabra, usualmente de un color diferente o subrayado, que permite saltar a otros sitios o páginas en la misma computadora o en otras computadoras. Normalmente lo que se hace es "cliquear" encima de la frase o palabra.

32 La Tecnología “Pull” Una Transacción HTTP (1) Cliente Servidor www.nlm.nih.gov Servidor www.nlm.nih.gov I Internet Software cliente: Netscape, Internet Explorer Software servidor: WWW Server HTTP http://www.nih.nlm.gov/visible/sample.htm Buscar Conectar Pedír

33 Cliente Servidor www.nlm.nih.gov Servidor www.nlm.nih.gov I Internet Http://www.nih.nlm.gov/visible/sample.htm Confirmar Transferir Cerrar sample.htm logo.gif return.gif La Tecnología “Pull” Una Transacción HTTP (2) Software cliente: Netscape, Internet Explorer Software servidor: WWW Server HTTP

34 La Esséncia de la Publicación On-line Debe producírse texto y imágenes con calidad tipográfica y gráficos on-line y imágenes de resolución alta Para reducir el tiempo de la transmisión, el protocolo de HTTP transmite desde el servidor un "script" de especificación de página muy más pequeño, en ASCII El browser monta una página gráfica con base en este “script”

35 Como Funciona el HTTP Client Software del browser Http://www.nih.nlm.gov/visible/sample.htm sample.htm logo.gif return.gif The Visible Human Project National Library of Medicine The Visible Human Project National Library of Medicine Script en HTML Visualización hecha por el browser

36 Interconectando Documentos Puesto que una publicación debe subdividirse lógicamente en segmentos separados de información, debe haber una manera de conectarlos entre si, para permitir la navegación Esto es cumplido por medio del hipertexto (imágenes o texto que representan enlaces, o "links", a otras imágenes o texto)

37 ¿Qué es el Hipertexto? The Visible Human Project National Library of Medicine Amostras WHO The Visible Human Project National Library of Medicine Amostras WHO amostra.htm Visible Human: Amostras Nesta página você poderá achar algumas amostras de imagens geradas pelo Projeto “Ser Humano Visível” em três dimensões. Visible Human: Amostras Nesta página você poderá achar algumas amostras de imagens geradas pelo Projeto “Ser Humano Visível” em três dimensões. imagem.htm

38 ¿Qué es el HTML? Es un lenguage para la especificación de documentos (HyperText MarkUp Language) Especifica para el browser lo elementos de una página (texto, imágenes, etc.) y donde y cómo ellos deben darse Un archivo del texto que tiene la extensión.HTM contiene etiquetas (“tags”) demarcadoras entre los caracteres El browser interpreta estas etiquetas y comandos y monta la página en la pantalla.

39 Los Elementos del HTML Etiquetas para la definición del documento: el título, encabece, cuerpo, etc., Etiquetas para la definición del texto: los párrafos, colores, tamaños, conjunto de fuentes de caracteres, énfasis, etc., Etiquetas para poner imágenes, sonidos y películas Etiquetas para definir enlaces Etiquetas para definir tablas, formularios, etc.,

40 Formatos de Datos Comunes HTML HyperText Markup Language Browser SGML Standard Generalized Markup Language Aplicaciones Auxiliares PDF Portable Data Format Aplicaciones Auxiliares FormatoVisualizado por: ASCIIBrowser PostScript Aplicaciones Auxiliares RTF Rich Text Format Aplicaciones Auxiliares TXT HTM SGM PSP PDF RTF Tipo

41 Ejemplo de Formato de Datos: ASCII

42 Ejemplo de Formato de Datos: PDF

43 Preparando los Aplicativos Auxiliares

44 Las Ventajas del Adobe PDF Es un lenguage de descripción de páginas Permite un control total sobre la formatación de páginas (mucho mejor que HTML) Un archivo de PDF puede ser producido automáticamente por el PageMaker La visualización fuera de línea o en línea es realizada por el mismo programa (Acrobat Reader), con muchas funciones adicionales El Reader está en el dominio público y disponible para bajar via red Permite un hardcopy de alta calidad de publicación

45 Las Desventajas del Adobe PDF El usuario debe conseguir y instalar al Acrobat Reader El artículo entero se guarda en un solo archivo no comprimido Por lo tanto, el usuário debe esperar hasta que todo el sea transmitido Las palabras del texto no son puestas en un índice accesible a los mecanismos de búsqueda

46 Adobe PDF: Conclusiones PDF es un método eficaz para obtener calidad de la publicación on-line, con todas las capacidades tipográficas y gráficas del PageMaker Es fácil para el productor, pero difícil para el usuario Probablemente la mejor manera es ofrecer ambas versiones on-line: HTML y PDF

47 ¿Qué Es el SGML? Es un lenguage generalizado de marcación de documentos, mucho más poderoso que el HTML, El HTML es un subconjunto del SGML Requiere un browser especial o un plug-in para los browsers de HTML existentes Difícil de usar, pero muy interesante para definir elementos de la publicación Todavía no tiene mucho uso

48 Otros Formatos Portátiles Microsoft Windows HELP Word Perfect Envoy Farallon Replica Common Ground Folio VIEWS Macromedia Shockwave Microsoft Word

49 Multimedios Interactivos: ShockWave

50 Multimedios Interactivos: ShockWave Flash

51 Ejemplo: Un Periódico en PDF/HTML Home Page (Tapa)

52 Tabla de Contenido Ejemplo: Un Periódico en PDF/HTML (2)

53 Artículo en Texto Completo Ejemplo: Un Periódico en PDF/HTML (3)

54 Resúmen en HTML Ejemplo: Un Periódico en PDF/HTML (4)

55 Ejemplo: Un Periódico en PDF/HTML (5) Artículo en PDF

56 Estructura de Interconexión Tabla de Contenido Resúmen Texto HTML Texto PDF

57 Software Cliente: PointCast, BackWeb, etc o plug-in para el browser Software servidor: WWW Push Server (e.g., NetCaster, Castanet) La Tecnología “Push” (Empujar) Cliente Servidor I Internet

58 La Tecnología “Push” El push mas antigo: el email común (SMTP) Email reforzado: la visualización del HTML Extensiones Multimediales del Correo Internet (MIME) Auxiliares para los browsers: Netscape NetCaster, Webchannel para el Internet Explorer, etc. Clientes especiales: BackWeb, PointCast, etc.,

59 Technología “Push”: PointCast

60 PointCast: Personalización de Canales

61 PointCast: Ahorrador de Pantalla

62 Tecnologías Activas CGI: Common Gateway Interface Ejecución de programas en el lado del servidor JavaScript, Java e ActiveX Ejecución de programas (“applets”) en el lado del cliente Dynamic HTML, HTML Script Extensiones dinámicas a el HTML

63 Programación CGI Cliente Servidor HTTP CGI-BIN HTTPD HTML Common Gateway Interface Una manera de correr programas en el servidor (ubicados en el CGI-BIN) e comunicandose con el servidor HTTP

64 Tareas CGI Comunes en una Publicación Electrónica Contestación automática al email y formulários Generación automática de páginas personalizadas Acceso a mecanismos de búsqueda internos Acceso por identificador y contraseña Acceso y mantenimiento de bancos de datos Implementación de contadores de acceso Accesos por cliqueos (ej., estadísticas de anuncios) Funcionamiento de charlas on-line, subscripción de listas, etc.

65 Programación Java Cliente Servidor HTTP HTTPD HTML JAVA Applets Pequeños programas escritos en JAVA que se descargan junto com la página solicitada y que ejecutan en la computadora cliente JAVA