Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.
-
Upload
paulino-jurado -
Category
Documents
-
view
222 -
download
0
Transcript of Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.
![Page 1: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/1.jpg)
Diseñando y Publicando Publicaciones Electrónicas
Interactivas en el World Wide Web
Curso
![Page 2: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/2.jpg)
Instructor
Renato M.E. Sabbatini, PhD
Núcleo de Informática BiomédicaUniversidad Estatal de Campinas
San Pablo, Brasil
http://nibgw.unicamp.br/~sabbatin
![Page 3: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/3.jpg)
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
![Page 4: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/4.jpg)
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
![Page 5: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/5.jpg)
Referencias Básicas
• Estas diapositivas disponibles en:www.webpraxis.com/courses/epubs/slides
• Página Web del curso:www.webpraxis.com/courses/epubs/
![Page 6: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/6.jpg)
Parte I
Publicaciónes Electrónicas
![Page 7: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/7.jpg)
¿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
![Page 8: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/8.jpg)
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
![Page 9: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/9.jpg)
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
![Page 10: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/10.jpg)
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
![Page 11: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/11.jpg)
Un Periódico Típico Basado en el WWW
Tabla de Contenido
Un artículo
![Page 12: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/12.jpg)
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
![Page 13: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/13.jpg)
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
![Page 14: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/14.jpg)
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
![Page 15: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/15.jpg)
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.
![Page 16: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/16.jpg)
Algunos Proyectos de Publicación On-line Académicos
HighWire PressStanford
![Page 17: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/17.jpg)
BioLineInglaterra eCampinas
Algunos Proyectos de Publicación On-line Académicos
![Page 18: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/18.jpg)
e*pubCampinas
Algunos Proyectos de Publicación On-line Académicos
![Page 19: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/19.jpg)
Proyecto e*pubRevistas Própias
www.epub.org.br
![Page 20: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/20.jpg)
• 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*pubRevistas Apoyadas
![Page 21: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/21.jpg)
Parte II
La Tecnología
![Page 22: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/22.jpg)
¿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)
![Page 23: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/23.jpg)
¿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
![Page 24: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/24.jpg)
Uniform Resource Locator
• http://www.nlm.nih.gov/visible/sample.htm
Protocolo Host Directório Archivo
Formato de Dirección para el WWW:
![Page 25: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/25.jpg)
La Arquitectura Cliente-Servidor
ClienteCliente
Computadora que recibe los datos
ServidorServidor
Computadora queenvía los datos
Ired
![Page 26: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/26.jpg)
Software Cliente:Netscape, Internet Explorer
(browser)
Software Servidor:WWW Server
Protocolo
La Tecnología “Pull” (Pujar)
ClienteCliente ServidorServidorIInternet
![Page 27: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/27.jpg)
¿ 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).
![Page 28: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/28.jpg)
El Software Cliente del WWW (Browser)
MenuHerramientasDirección
Área de exibición
Status
![Page 29: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/29.jpg)
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
![Page 30: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/30.jpg)
¿ 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.
![Page 31: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/31.jpg)
La Tecnología “Pull”Una Transacción HTTP (1)
ClienteCliente Servidorwww.nlm.nih.gov
Servidorwww.nlm.nih.govIInternet
Software cliente:Netscape, Internet Explorer
Software servidor:WWW Server
HTTP
http://www.nih.nlm.gov/visible/sample.htm BuscarConectarPedír
![Page 32: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/32.jpg)
ClienteCliente Servidorwww.nlm.nih.gov
Servidorwww.nlm.nih.govIInternet
Http://www.nih.nlm.gov/visible/sample.htm ConfirmarTransferirCerrar
sample.htmlogo.gifreturn.gif
La Tecnología “Pull”Una Transacción HTTP (2)
Software cliente:Netscape, Internet Explorer
Software servidor:WWW Server
HTTP
![Page 33: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/33.jpg)
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”
![Page 34: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/34.jpg)
Como Funciona el HTTP
ClientClient
Software delbrowser
Http://www.nih.nlm.gov/visible/sample.htm
sample.htmlogo.gifreturn.gif
<HTML><BODY BGCOLOR=#FFFFFF><IMG SRC=“logo.gif” ALIGN=left><H1>The Visible Human Project</H1><HR><IMG SRC=“return.gif” ALIGN=left>National Library of Medicine
<HTML><BODY BGCOLOR=#FFFFFF><IMG SRC=“logo.gif” ALIGN=left><H1>The Visible Human Project</H1><HR><IMG SRC=“return.gif” ALIGN=left>National Library of Medicine
Script en HTML
Visualización hecha por el browser
![Page 35: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/35.jpg)
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)
![Page 36: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/36.jpg)
¿Qué es el Hipertexto?
<HTML><BODY BGCOLOR=#FFFFFF><IMG SRC=“logo.gif” ALIGN=left><H1>The Visible Human Project</H1><HR><IMG SRC=“return.gif” ALIGN=left>National Library of Medicine<P><A HREF=“imagem.htm”>Amostras</A><P><A HREF=“http://www.who.ch”>WHO</A>
<HTML><BODY BGCOLOR=#FFFFFF><IMG SRC=“logo.gif” ALIGN=left><H1>The Visible Human Project</H1><HR><IMG SRC=“return.gif” ALIGN=left>National Library of Medicine<P><A HREF=“imagem.htm”>Amostras</A><P><A HREF=“http://www.who.ch”>WHO</A>
amostra.htm
<HTML><BODY BGCOLOR=#FFFFFF><IMG SRC=“logo.gif” ALIGN=left><H1>Visible Human: Amostras</H1><BR>Nesta página você poderá achar algumasamostras de imagens geradas pelo Projeto“Ser Humano Visível” em três dimensões.
<HTML><BODY BGCOLOR=#FFFFFF><IMG SRC=“logo.gif” ALIGN=left><H1>Visible Human: Amostras</H1><BR>Nesta página você poderá achar algumasamostras de imagens geradas pelo Projeto“Ser Humano Visível” em três dimensões.
imagem.htm
![Page 37: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/37.jpg)
¿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 < y >
• El browser interpreta estas etiquetas y comandos y monta la página en la pantalla.
![Page 38: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/38.jpg)
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.,
![Page 39: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/39.jpg)
Formatos de Datos Comunes
HTMLHyperText Markup Language
Browser
SGMLStandard Generalized
Markup LanguageAplicaciones Auxiliares
PDFPortable Data Format
Aplicaciones Auxiliares
Formato Visualizado por:
ASCII Browser
PostScript Aplicaciones Auxiliares
RTFRich Text Format
Aplicaciones Auxiliares
TXT
HTM
SGM
PSP
RTF
Tipo
![Page 40: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/40.jpg)
Ejemplo de Formato de Datos: ASCII
![Page 41: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/41.jpg)
Ejemplo de Formato de Datos: PDF
![Page 42: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/42.jpg)
Preparando los Aplicativos Auxiliares
![Page 43: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/43.jpg)
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
![Page 44: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/44.jpg)
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
![Page 45: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/45.jpg)
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
![Page 46: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/46.jpg)
¿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
![Page 47: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/47.jpg)
Otros Formatos Portátiles
• Microsoft Windows HELP
• Word Perfect Envoy
• Farallon Replica
• Common Ground
• Folio VIEWS
• Macromedia Shockwave
• Microsoft Word
![Page 48: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/48.jpg)
Multimedios Interactivos: ShockWave
![Page 49: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/49.jpg)
Multimedios Interactivos: ShockWave Flash
![Page 50: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/50.jpg)
Ejemplo: Un Periódico en
PDF/HTML
Home Page(Tapa)
![Page 51: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/51.jpg)
Tabla de Contenido
Ejemplo: Un Periódico en
PDF/HTML
(2)
![Page 52: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/52.jpg)
Artículo enTexto Completo
Ejemplo: Un Periódico en
PDF/HTML
(3)
![Page 53: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/53.jpg)
Resúmen enHTML
Ejemplo: Un Periódico en
PDF/HTML
(4)
![Page 54: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/54.jpg)
Ejemplo: Un Periódico en PDF/HTML
(5)
Artículo en PDF
![Page 55: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/55.jpg)
Estructura de Interconexión
Tabla deContenido
Tabla deContenido
ResúmenResúmen
Texto HTMLTexto HTML
Texto PDFTexto PDF
![Page 56: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/56.jpg)
Software Cliente:PointCast, BackWeb, etco plug-in para el browser
Software servidor:WWW Push Server
(e.g., NetCaster, Castanet)
La Tecnología “Push” (Empujar)
ClienteCliente ServidorServidorIInternet
![Page 57: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/57.jpg)
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.,
![Page 58: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/58.jpg)
Technología “Push”: PointCast
![Page 59: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/59.jpg)
PointCast: Personalización de Canales
![Page 60: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/60.jpg)
PointCast: Ahorrador de Pantalla
![Page 61: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/61.jpg)
Tecnologías Activas
• CGI: Common Gateway InterfaceEjecución de programas en el lado del servidor
• JavaScript, Java e ActiveXEjecución de programas (“applets”) en el lado del
cliente
• Dynamic HTML, HTML ScriptExtensiones dinámicas a el HTML
![Page 62: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/62.jpg)
Programación CGI
ClienteCliente ServidorServidor
HTTPHTTPCGI-BIN
HTTPD
HTML
Common Gateway InterfaceUna manera de correr programas en el servidor (ubicados en el
CGI-BIN) e comunicandose con el servidor HTTP
![Page 63: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/63.jpg)
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.
![Page 64: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/64.jpg)
Programación Java
ClienteCliente ServidorServidor
HTTPHTTP
HTTPDHTML
JAVA AppletsPequeños programas escritos en JAVA que se descargan junto com la
página solicitada y que ejecutan en la computadora cliente
JAVA JAVA
![Page 65: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/65.jpg)
JavaScript
Programa interpretado y que es incluso en el código HTML bajolas etiquetas <SCRIPT> y </SCRIPT>
<SCRIPT LANGUAGE="JavaScript"><!-- hidevar tot=0;var rt=0;function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr));}</SCRIPT>
![Page 66: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/66.jpg)
Java Applet
Programa compilado (ejecuble) que es bajado junto con la página HTML, como un binário
![Page 67: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/67.jpg)
Tareas JAVA Comunes en una Publicación Electrónica
• Marquesinas, estandartes animadas y gráficos • Mapas sensibles "inteligentes” • Procesamiento de formulários del lado del
cliente • Aprobación de campos en formulários • Encuestas interactivas • Charlas (“chats”) basadas en el Web
![Page 68: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/68.jpg)
Acercamientos Híbridos
• La publicación principal es basada en HTTP, los resumenes y anuncios son enviados a los lectores vía email o webcasting
• La publicación principal es basada en FTP, se colocan los resumenes en un website o se envían los artículos vía email, newsgroups o webcasting
• La publicación principal es basada en email, newsgroups o webcasting, pero un website tiene los sumários y apuntadores.
![Page 69: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/69.jpg)
Ejemplo del Acercamiento Híbrido:Johns Hopkins InteliHealth
Anúncio porEmail
![Page 70: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/70.jpg)
Llamada Directa a el Artículo en el Web
Johns Hopkins InteliHealth
![Page 71: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/71.jpg)
Parte III
Publicando en Internet
![Page 72: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/72.jpg)
Publicando en Internet
es inmediato es global es interactivo es dinámico es multimedial.
Un salto imaginativo es necesario para entender las implicaciones de la publicación en Internet, y requiere la apreciación que:
![Page 73: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/73.jpg)
Tipos de Publicaciones On-Line
• Versión on-line restringida de periódicos impresos
• Texto completo (full text): la versión on-line de periódicos impresos
• Periódicos exclusivamente on-line
![Page 74: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/74.jpg)
Tipos de Publicaciones On-Line (1)
Versión on-line restringida de periódicos impresos
• Tapa, información y tabla de contenido
• Ídem, más los resumenes
• Ídem, más artículos seleccionados
• Casi siempre el acceso es libre
• Actua como “presencia Internet” o anuncio para la versión impresa
![Page 75: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/75.jpg)
Versión on-line en texto completo de periódicos impresos
• Tapa, información y tabla de contenido • Artículos en texto y imágenes completas • Versión parcial, llena o extendida de la forma impresa • Acceso libre o pagado • Pueda actuar como anuncio o ser un emprendimiento
completo en si mismo
Tipos de Publicaciones On-Line (2)
![Page 76: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/76.jpg)
Periódicos exclusivamente on-line
• Tabla de contenido, artículos de texto completo y resúmenes
• Uso de multimedios y interactividade,
• Publicación periódica o en flujo continuo
• Acceso libre o pagado
• Problemas de acceptación por los autores
Tipos de Publicaciones On-Line (3)
![Page 77: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/77.jpg)
Problemas de Periódicos Exclusivamente On-line
• Los autores de buena calidad son duros de encontrar, porque dan preferencia a los periódicos impresos
• El medio es demasiado joven, todavia no bien establecido
• Hay dudas y desconfianza por parte del establecimiento científico
![Page 78: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/78.jpg)
Dudas Principales
• Protección de derechos autorales• Protección de datos• Estabilidad de largo plazo del medio• Temas de revisión por los pares• Reconocimiento de los autores• Metodología de citas• Indexación internacional• Modelo económico
![Page 79: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/79.jpg)
Tipos de Modelos Económicospara Publicaciones Electrónicas
• Acceso totalmente libre y sin restricción • Acceso libre vía registro de lectores, con
acceso por contraseña • El rédito se deriva de patrocinadores directos
y indirectos o por anuncios pagados • Subscripción mensual o anual pagada • Precios por accesos a artículos individuales
![Page 80: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/80.jpg)
Pasos Necesarios para Publicar un Periódico en Internet
• Organizando Ideas
• Desarrollando el Proyecto
• Diseñando la Publicación
• Testeando la Publicación
• Promoviendo la Publicación
• Manteniendo la Publicación
![Page 81: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/81.jpg)
Etapas en el Proyecto
Processo de PublicaciónProcesso de Publicación
Processo de DesarrolloProcesso de Desarrollo
Processo de ComposiciónProcesso de Composición
![Page 82: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/82.jpg)
Etapas en el Proyecto 1. El Proceso de Desarrollo
• Planeamiento y fase de requisitos
• Fase de prototipación rápida
• Fase de especificación
• Fase de diseño
• Fase de aplicación
![Page 83: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/83.jpg)
La Planificación del Proceso de Desarrollo: Las Cinco Preguntas
• ¿Por qué?
• ¿Qué?
• ¿Dónde?
• ¿Cuándo?
• ¿Cómo?
![Page 84: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/84.jpg)
El Proceso de Desarrollo Planificación
• ¿Por qué? Objetivos de la publicación, para que y para quien
• ¿Qué? Medio y estructura, tipo de publicación
• ¿Dónde? La ubicación de la publicación, proveedor de acceso
• ¿Cuándo? La fecha inicial de publicación, fechas críticas, periodicidad
• ¿Cómo? Requisitos y necesidades, personal, presupuesto, etc.
![Page 85: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/85.jpg)
El Proceso de Desarrollo Requisitos de la Publicación
• Propósito
• Alcance
• Público
• La duración de desarrollo, fechas críticas
• Tamaño del proyecto
• Presupuesto del proyecto
![Page 86: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/86.jpg)
Ejemplo: Revista Intermedic
![Page 87: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/87.jpg)
• Propósito: un periódico bimestral, en ediciones on-line y impresa, sobre las aplicaciones y usos de Internet en Medicina y Salud
• Alcance: un proyecto de porte mediano, con un enfoque ancho sobre la tecnología y sus aplicaciones, para no-especialistas,
• Público: los usuarios de Internet, principalmente de la comunidad de salud (profesionales y estudiantes)
Ejemplo: Requisitos para la Revista Intermedic (1)
![Page 88: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/88.jpg)
Ejemplo: Requisitos para la Revista Intermedic (2)
• Duración: no más de 3 meses para el desarrollo. Fecha topada: segunda semana del mayo 1997.
• Tamaño del proyecto: la edición bimestral sin más de 6-7 secciones y nada más de 40 páginas en longitud. Versión impresa con 20 páginas.
• Presupuesto del proyecto: la versión on-line y impresa: US$7,000/edición, no incluyendo impresión y distribución de la versión impresa
![Page 89: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/89.jpg)
Necesidades Inmediatas para Empezar una Publicación
• Capital de trabajo • Tiempo necesário por semana • Hardware para desarrollo • Espacio en disco duro del hardware de desarrollo • Herramientas de software para desarrollo • Recursos on-line
• Personal
![Page 90: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/90.jpg)
Ejemplo para Necesidades Inmediatas: Revista Intermedic
• Capital de trabajo: ninguno (sueldo universitario) • Tiempo necesário: 15-20 horas/semana • Hardware: Pentium PC 166 MHz MMX, 32 Mb RAM,
disco de 2.1 Gb, monitor 17” SVGA en colores, lectora y grabadora de CD-ROM. Escáner de página en colores
• Software: Windows’95, Netscape 3 Gold, Editor FlexEd, PaintShop Pro, WS FTP, PageMaker 6.0
• Personal: editor-jefe, editor asociado, empleado de entrada de datos, diseñador Web, traductor
![Page 91: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/91.jpg)
Elementos de Largo Plazo para una Publicación On-Line
• Web hosting (servidor dónde se ubicarán las páginas)
• Composición de un Consejo Editorial • Patrocinadores y/o anunciantes • Autores fijos y temporarios (contractados) • Fuente financera y asignación del presupuesto • El software y los recursos on-lines para la
promoción del sítio
![Page 92: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/92.jpg)
Ejemplo de Elementos de Largo Plazo: Revista Intermedic (1)
• Web Hosting: servidor de WWW de la universidad. Ningún cargo
• Consejo Editorial: por invitación, representativo, con expertos nacionales y internacionales en Internet,
• Patrocinador: anuncio exclusivo y arreglo de distribución con un laboratório farmacéutico (impreso y on-line)
• Autores: por invitación, algunos componen el consejo editorial. Inicialmente, ningún free-lancer o autores pagados
![Page 93: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/93.jpg)
Ejemplo de Elementos de Largo Plazo: Revista Intermedic (2)
• Financiación: distribución y acceso libres (ninguna subscripción pagada)
• Presupuesto: 70% para redacción y autores, 30% para gastos auxiliares.
• Promoción: herramienta de promoción automatizada (Spider) para 250 directorios generales y mecanismos de búsqueda, labor manual para los directorios especializados y listas del email.
![Page 94: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/94.jpg)
Lo Que Se Debe y No Se Debe Esperar en una Publicación
Electrónica
• No espere fluir fácilmente el proyecto • No espere que los primeros esfuerzos resulten
perfectos • Espere hacer proyectos múltiples • Espere revisar y pruebar el producto muchas veces
hasta que estea listo
• Espere alcanzar un punto donde la mejora adicional no es rentable
![Page 95: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/95.jpg)
El Proceso de DesarrolloPrototipación Rápido
• Defina la estructura global de la publicación – Secciones
– Directorios
– Flujo de navegación
• Lleve a cabo un esqueleto del funcionamiento rápidamente en HTML
• En el protótipo, utilize solamente texto, enlaces simples, texto farsante
![Page 96: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/96.jpg)
• Necesario para deducir las necesidades reales y herramientas de software
• Trampolín para pensar y extender a las fases posteriores
• Propósito de demostración
El Proceso de DesarrolloNecesidad de Prototipación Rápido
![Page 97: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/97.jpg)
Um Prototipo Rápido
![Page 98: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/98.jpg)
La Versión Final
![Page 99: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/99.jpg)
El Proceso de Desarrollo Especificación
• Esquema (layout) • Componentes de la publicación • Índices, páginas auxiliares, páginas de búsqueda y
archivamiento de información• Redactores fijos • Ciclo de producción
• Herramientas de la producción
Basado en el prototipo y su evaluación, el objetivo de esta fase es definir en más detalle:
![Page 100: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/100.jpg)
Ejemplo de EspecificaciónRevista Intermedic (1)
• Sin cuadros ("frames")
• Artículos totalmente contenidos en una página web
• Esquema de una columna de texto
• Estandartes de navegación en el encabece y en el pié de las páginas, usando botones gráficos
• Navegación lineal y no-lineal
• Página inicial (home-page) general
• Una tabla de contenido separada para cada número
• Jerarquía de directorios
![Page 101: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/101.jpg)
Jerarquía de Directorios
Raíz
Número
Sección
ArtículoElementos
Fijos
![Page 102: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/102.jpg)
Estructura de la PublicaciónSecciones del Directorio Raíz
• Página inicial
• Los publicadores y editores
• Lo que es la revista
• Consejo editorial
• Instrucción para los autores
• Página de búsqueda
• Índice cumulativo
• Página de ayuda
• Créditos
• Catálogo de recursos Internet
• Glosario Internet
• Libro de visitas
• Icono del publicador
• Icono del patrocinador
• Premios y honores
• Lo que hay de nuevo en la publicación
• Aviso de copyright
![Page 103: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/103.jpg)
Estructura de la Publicación: Home Page
• Es la tapa de la revista y la primera página de acceso Web
• Visualiza el logotipo gráfico de la revista • Tiene enlaces a las secciones permanentes al nivel
de la raíz y a los números (fascículos) presentes y pasados
• Identifica el publicador, patrocinadores, organizaciones de apoyo, premios, etc.
• Cambia raramente.
![Page 104: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/104.jpg)
Estructura de la Publicación: Información Permanente
• Los Publicadores: identifica y describe la organización responsable por la publicación, otros proyectos, links, etc.,
• La Publicación: describe objetivos, estructura, secciones, copyright, etc.,
• Consejo Editorial: nombres, funciones, CVs, fotografías, home page, email, etc.,,
• Ayuda: como usar la publicación, botones, navegación, etc.,
• Instrucciones para los Autores
![Page 105: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/105.jpg)
Estructura de la Publicación: Secciones de Acceso
• Fascículos presente y pasados: a través de enlaces de texto o gráficos que permiten la navegación a las tablas de contenido de cada número
• Índice Cumulativo: contiene enlaces de texto a todos los artículos pasados, categorizados en secciones. Si es grande bastante, puede subdividirse en páginas separadas, lógicamente organizadas
• Página de búsqueda: da acceso a un mecanismo de búsqueda local que usa palabras-clave. Puede incluir mecanismos en Internet.
![Page 106: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/106.jpg)
Mecanismo de Búsqueda
![Page 107: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/107.jpg)
Índice Cumulativo
![Page 108: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/108.jpg)
Estructura de la Publicación: Información del Contacto
• Libro de Visitantes: provee un formulário on-line para el registro del lector, envio de comentarios y preguntas, etc.,
• Email: remete a la facilidad de email del browser, con una dirección predeterminada para el contacto con el editor
• Patrocinadores y Anunciantes:logotipos, con respectivos enlaces de texto o imagen a sus sitios en Internet
• Editor y organización responsable:con logotipos y enlaces
![Page 109: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/109.jpg)
Estructura de la Publicación: Información Auxiliar
• Estadísticas de acceso del Web y contador • Glosario de términos técnicos usados en la publicación • Catálogo de enlaces pertinentes a los recursos similares
en el Internet • Lo que hay de nuevo en la revista: una lista identificada
por fechas, con adiciones y modificaciones
• Los premios y reconocimiento recibidos por la revista: los logotipos y enlaces, comentarios de lectores, etc.,
![Page 110: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/110.jpg)
Estadísticas de Acceso
• Archivos, bytes, hits, pageviews por dia, mes, año, etc.
• Archivos más y menos consultados
• Carga horária y semanal, horas de pico
• URLs visitantes• Estadísticas por tipo de
domínio y país
![Page 111: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/111.jpg)
Estadísticas de AccesoProgramas de Análisis
• Basado en los archivos de registro de accesos disponibles en el servidor (logs)
• Softwares comerciales y sharewares– HTTPAnalyze– NetIntellect– etc.
• Servícios on-line de auditoría y análisis
![Page 112: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/112.jpg)
Estructura de la PublicaciónTabla de Contenido
• Logotipo, encabezamiento, fecha
• Lista de todas las secciones y artículos en cada sección
• Enlaces directos para cada artículo
• Título, autores, instituición, contacto
• Patrocinadores, publicadores
• Botones de acceso a otras partes de la publicación
![Page 113: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/113.jpg)
Pasos en el ProyectoDiseño
• Plan visual de la publicación
• Identificación visual (logomarca, fundos, botones, líneas de separación, fuentes de letras)
• Estructuración de cada tipo de página (tapa, índices, artículos, etc.): cuadros, colores, encabezamiento, columnas laterales, etc.)
![Page 114: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/114.jpg)
Diseño de Home Page (1)
![Page 115: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/115.jpg)
Diseño de Tabla de Contenido (2)
![Page 116: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/116.jpg)
Diseño deArtículo (3)
![Page 117: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/117.jpg)
Diseño de Home Page (2)
![Page 118: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/118.jpg)
Diseño de Tabla de Contenido (2)
![Page 119: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/119.jpg)
Diseño deArtículo (1)
![Page 120: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/120.jpg)
Diseño de Home Page (1)
![Page 121: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/121.jpg)
Integrando las Citas Bibliográficas a MEDLINE Referenciade texto
Lista de citas
RegistroMEDLINE
![Page 122: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/122.jpg)
Como Integrarse a PubMed (2)
Formularios on-linepara buscar el UIDde una cita
![Page 123: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/123.jpg)
Como Integrarse a PubMed (3)
http://www.ncbi.nlm.nih.gov/htbin-post/PubMed/wgetcit?journal=Mol.+Gen.+Mikrobiol.+Virusol.&volume=12&page=19&author=Cherepanov+PA&display=citation&format=html
Declaración para link de cita: búsqueda booleana
http://www.ncbi.nlm.nih.gov/htbin-post/Entrez/query?db=m&form=6&uid=88055872&dopt=r
Declaración para link de cita: Unique Identifier (UID)
![Page 124: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/124.jpg)
Etapas en Desarrollo del Proyecto: Proceso de la Composición
• Esquematizar
• Investigar
• Componer
• Evaluar
• Revisar
• Corrigir
![Page 125: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/125.jpg)
Herramientas de Software para Composición HTML
• Editores WYSIWYGNetscape, FrontPage, WebWeaver
• Editores de código HTMLFlexEd, HotDog, HotMetal
• Uso de modelos
• Use of hojas de estilo
![Page 126: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/126.jpg)
Editor WYSIWYG (Netscape)
![Page 127: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/127.jpg)
Editor de Código HTML (FlexEd)
![Page 128: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/128.jpg)
Métodos de Composición
• Composición con un software de procesamiento de palabras, con inserción manual de códigos HTML, o vía RTF
• Conversión de HTML automáticaMS Word Office 97, PageMaker 6/7, etc.
• Composición directa o cut/paste en un editor de HTML o WYSIWYG
![Page 129: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/129.jpg)
Softwares Utilitários
• Validadores e correctores de HTML• Programas para renombramiento, búsqueda y
substitución automática de texto en lote • Herramientas de reducción de tamaño de
texto y imágenes • Programas de diagnóstico de enlaces• Programas de conversión automática de
banco de datos a páginas HTML
![Page 130: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/130.jpg)
Softwares Utilitários (2)
• Consultores de combinación y selección de colores
• Programas para inserción de fechas y control de versiones
• Comprobadores de ortografia y gramática
![Page 131: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/131.jpg)
FILEMOD
Modificación en Lotes
![Page 132: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/132.jpg)
Selección de Colores y Fundos
HTML Color Wizard
![Page 133: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/133.jpg)
Organización de Directórios
LIKSE
![Page 134: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/134.jpg)
Sítios en Internet con Software para Diseñadores Web
• Tucowswww.tucows.com
• Microsoft Site Builder Home Pagewww.microsoft.com/sitebuilder/
• WebGaragewww.webgarage.com
• WebLintwww.weblint.com
![Page 135: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/135.jpg)
Parte IV
Trabajo con Multimedia
![Page 136: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/136.jpg)
Formatos de Imágenes en el Web
Formato Visualizado por:
GIFGraphic Interchange Format
Browser GIF
Tipo
JPEGJournalist’s Photo Experts Group
Browser JPG
PNGPortable Network Graphics
Browser (parcialmente) PNG
PCX, TIF, BMP Aplicativos Auxiliares ---
![Page 137: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/137.jpg)
Adquisición de ImágenesEscáner
• Toma página A4 o mayor
• Resolución ajustable (75 dpi para Web)
• Número de colores ajustable (256 para GIF, millones para JPG)
• Kit de transparenciapara cromos/raios-x
![Page 138: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/138.jpg)
Adquisición de ImágenesCamara Digital
• No es adequada para documentos, fotos existentes, transparencias
• Resolución fija• Para sacar fotos
rapidas, reportaje• Precios y calidad muy
variables
![Page 139: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/139.jpg)
Herramientas de Trabajo con Imágenes
• Creación y edición de imagenes estáticas: Adobe PhotoShop, MS Image Composer, PaintShop Pro, CorelDraw, Corel PhotoPaint
• Edición de imágenes animados:GIF Construction Set, Image Composer
• Conversión de formatos de imágenes:Aardvark, PaintShop Pro
• Edición de mapas sensibles:MapEdit, MapIt!
• Creación y edición de videos:RealPublisher, RealConverter, Adobe
![Page 140: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/140.jpg)
Adobe PhotoShop
![Page 141: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/141.jpg)
Paint Shop Pro
![Page 142: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/142.jpg)
Administración de Catálogos de Imágenes
Softwares que permitem la catalogación de directorios de imágenes de vários tipos e su visualización rápida y selección
• ThumbNail
• PaintShop Pro Browser
• Piccolo
• Corel Multimedia Manager
![Page 143: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/143.jpg)
Paint Shop Image Browser
![Page 144: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/144.jpg)
Map Edit
![Page 145: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/145.jpg)
Animación de GIFs
WWW GIF Animator
![Page 146: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/146.jpg)
Tipos de Imágenes en Línea
• Ninguna imagen in-line, enlace de texto para
llamar el imagen
• Imágenes in-line completas
• Imágenes en miniatura, con enlace para llamar
imágen completa
![Page 147: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/147.jpg)
Link de Texto para Imágen
Texto principal conlink de texto
HTML separadocon imágen
![Page 148: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/148.jpg)
Imágens en Línea Integradas al Texto
![Page 149: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/149.jpg)
Imágenes en Miniatura (Thumbnail)
Texto principalcon imagen miniatura
HTML separadocon imágen mas grande
![Page 150: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/150.jpg)
Imágenes en LíneaUna Comparación
• Sin imágenes en línea, link de texto – Fácil de programar– Acceso más rápido al documento– Estética muy sencilla
• Imágenes integradas al texto– Estética profisional, similar a versión impresa– Acceso más lento al documento
• Imágenes en miniatura– Mejor balance entre velocidad y estética
![Page 151: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/151.jpg)
Formatos de Video en el Web
• AVI: AudioVisual InterchangeFormato própio de MS Windows sin compresión
• MOV, QT: Movie, QuickTimeFormatos no estándar, por Apple
• MPEG: Motion Picture Especialists GroupFormato estándar con compresión hasta 1:30
![Page 152: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/152.jpg)
Formatos de Video en el Web (2)
• RA: RealMediaFormato “streaming” no estándar, con alto nivel de compresión
• Otros formatos “streaming”Vxtreme, etc.
![Page 153: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/153.jpg)
Streaming Media
Visualizacióncontínua de los
paquetes de audio y/ovideo
Envía archivo de audio y/o video
en paquetes pequeños y seriales
Cliente Servidor
![Page 154: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/154.jpg)
Plug-Ins para Videos
Apple QuickTime
Windows Media Player
![Page 155: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/155.jpg)
Plug-Ins para Videos (2)
RealAudio/RealVideo Player
![Page 156: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/156.jpg)
Formatos de Audio
• WAV, AIFF, AUTodo el sonido es digitalizado en un solo archivo, por lo tanto debe esperarse hasta que venga completamente para empezar a tocar. No necesita un plug-in especial, y es muy fácil de producir
• RealAudio (RA)El audio es trasmitido en pequeños segmentos, que se tocam en medida que vienen del servidor. Grado alto de compresión. Necesidade de un servidor especial y plug-in en el cliente
![Page 157: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/157.jpg)
Edición de Sonidos Digitalizados
![Page 158: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/158.jpg)
Softwares para Edición de Sonidos
• Creative WaveStudio
• GoldWave
• Cool Edit
• etc.
Casi todos los kits multimediales para PCs vienen con una o más herramientas.
![Page 159: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/159.jpg)
Audio Player Plug-Ins
![Page 160: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/160.jpg)
Estación Multimedial para Creación de Publicaciones Electrónicas
• Pentium PC 233 o Macintosh con 32 Mb RAM y monitor 17” SVGA en colores
• Conectividade rápida a Internet • Capacidad multimedial completa: CD-ROM, altavoces,
micrófono, etc., • Cámara digital • Escáner de página colorido con equipo de transparencia • Grabador de cintas DAT y SuperVHS
• Registrador de CD-ROM
![Page 161: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/161.jpg)
Parte V
Publicación y Control de Calidad
![Page 162: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/162.jpg)
Pasos en el Desarrollo del Proyecto: El Proceso de la Publicación
• Revisión
• Adición de los enlaces
• Teste de la cópia final (master)
• Uploading (cargando en el servidor)
• Comprobación de la copia del servidor
• Corrección y Refinamiento
![Page 163: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/163.jpg)
El Proceso de Uploading
Estación deDesarrollo
Estación deDesarrollo Servidor WWWServidor WWW
FTP
Cópia Maestra Cópia del Servidor
• Software FTP Dedicado• Mecanismo de Publicación Netscape• Publicación MS FrontPage
AccesoRestringido
![Page 164: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/164.jpg)
WS FTP para Windows 95
![Page 165: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/165.jpg)
WS FTP para Windows 95
![Page 166: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/166.jpg)
Publicación desde el Netscape
![Page 167: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/167.jpg)
El Proveedor de Sítios Internet
• Una computadora conectada permanentemente a Internet, con dirección fija y software completo para servícios (HTTP, FTP, Email, Listserv, etc.)
• Domínio lógico vs. domínio físico– el sítio www.socesp.org.br es lógico– el IP no. 200.134.43.1 es físico– un domínio lógico puede estar en qualquiera
domínio físico
![Page 168: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/168.jpg)
Seleccionando el Proveedor
• Domínio própio– Necesario registro en el InterNIC y en el registro de
domínios del pais– Puede ser qualquiera nombre no registrado
• Web hosting– Seleccionar por ubicación, estabilidad, velocidad,
precio y recursos ofrecidos– Domínios COM muy baratos hoy dia– Número muy grande de proveedores
![Page 169: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/169.jpg)
Búsqueda de Nombres de Domínio
www.internic.net
![Page 170: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/170.jpg)
Ejemplo de Proveedor (1)
• www.ahnet.net: proveedor norteamericano Affinity Corp., con conexión de 166 Mbsec (OC3)
• Precio basico: 19.90/mes a 49.90/mes
• Registro InterNIC: US$ 100 por dos años, US$ 50 por año adicional
• Servicio básico: 25 Mb/disco, 10 Gb transmissión/mes, 10 cuentas de email
![Page 171: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/171.jpg)
Ejemplo de Proveedor (2)
• Servidor Web• Servidor FTP• Mailing lists• Cuentas email• CGI-BIN• Contadores de acceso• Tienda electrónica• Servidor seguro (SSL)
• Soporte técnico• Control panel vía Web• Procesador formularios• Contestadores
automáticos• Estadísticas acceso• Servidor RealAudio• Facturación vía tarjeta de
credito VISA
![Page 172: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/172.jpg)
Pasos en el Proyecto de DesarrolloPruebas de Navegabilidad
• Navegación interna en una página
• Mecanismos para pasar páginas
• Componentes de indice
• Componentes de búsqueda
• Componentes multimediales
• enlaces externos
• Otras referencias cruzadas y enlaces
![Page 173: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/173.jpg)
Prueba de los Componentes de Acceso a Páginas
• Capítulos y secciones previos
• Capítulos y secciones posteriores
• Acceso a home-page
• Página anterior
• Página posterior
• Ultima página
• Vuelver a una página
![Page 174: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/174.jpg)
Metodologias de Prueba de Navegación
• Software de comprobación automático:Para probar enlaces rotos y enlaces a los archivos locales (Ex.: FrontPage, HTML PowerTools, CyberLinks). Informes de errores.
• Comprobación manual: Necesario para ver si los enlaces van a la referencia apropiada. Use un acercamiento sistemático.
• Informes de enlaces rotos hechos por usuarios
![Page 175: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/175.jpg)
Software para Prueba de Links
CyberSpider
![Page 176: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/176.jpg)
Software para Prueba de Links: Resultados
![Page 177: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/177.jpg)
Prueba de Navegabilidad en el Servidor
• Siempre deben probarse dos veces la navegación y los enlaces: primero en la copia de la computadora local de desarollo, después de que se terminó el producto; y después en el servidor donde se provee la publicación.
• Use un acercamiento sistemático y rápido para corregir errores del enlace y republicar el archivo correspondiente. Use un checklist derivado de la comprobación automatizada y manual
• Mantenga una sincronización entre las copias de la computadora de desarollo y servidor
![Page 178: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/178.jpg)
Pasos en el Proyecto de Desarrollo: Prueba en Campo (1)
• Encuesta/QuestionarioObjetivo: Obtener la opinión del públicoMétodos: Formulario on-line o email
• Observación DirectaObjetivo: Mostrar como los usuarios están usando realmente la publicación.Métodos: Narrativa de navegación, esquema de teste, análisis automática de accesos al servidor, reportajes despues del test.
![Page 179: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/179.jpg)
Formulário On-Line de Lector
![Page 180: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/180.jpg)
• Pruebas de LecturaObjetivo: evaluar qué bien los usuarios entienden el contenido de las publicacionesMétodos: encuestas on-line, opinión espontánea
• Revisiones EspecializadasObjetivo: averiguar qué los críticos profesionales piensan de la publicación. Métodos: Revisiones publicadas, inducción.
Pasos en el Proyecto de Desarrollo: Prueba en Campo (2)
![Page 181: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/181.jpg)
Prueba de Usabilidad
• Los usuarios pueden encontrar una sección o artículo específico dentro de un tiempo dado ?
• Los usuarios pueden encontrar información específica dentro de un tiempo dado ?
• Los usuarios pueden navegar o vuelver a determinados puntos, sin se perder ?
• Los usuarios pueden decidir seguir un enlace o no, con base en información del contexto ?
• Los usuarios pueden entender los recursos de la navegación sin leer la textos de ayuda ?
![Page 182: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/182.jpg)
La Ergonomía de una Publicación (1)
• Sobretodo, considere la psicología del lector
• Algunos factores psicológicos para el éxito de una publicación electrónica son: • consistencia
• familiaridad• cierre• donde está el lector, para onde se dirije• quanto falta para terminar algo• debe ser fácil y divertido de usar
![Page 183: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/183.jpg)
La Ergonomía de una Publicación (2)
• El plan visual debe ser limpio, atractivo y simple, • Mantenga consistencia de fondos, botones,
esquema y conjuntos de caracteres a lo largo de toda la interfaz visual
• Mantenga consistencia de navegación • Siempre muestre donde está el lector • Evite usar animaciones y texto cintilante • Evite usar demasiados enlaces
![Page 184: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/184.jpg)
• Evite (ab)usar de cuadros y columnas
• Use fondo blanco y un conjunto de caracteres bien contrastante, cuando posible
• Evite usar conjuntos de caracteres exóticos
• Reduzca los tiempos globales de carga de páginas tanto como posible
• Evite demasiados gráficos
• No segmente la información demasiado
La Ergonomía de una Publicación (3)
![Page 185: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/185.jpg)
Como Hacer que Regresen Siempre los Lectores
• Permita el registro on-line del usuario y use el banco de datos para los anuncios por email
• Ofreza registro automático para servicios de aviso de cambio de páginas
• En caso de que la publicación es periódica, mantenga estricta obediencia a las fechas programadas de publicación
![Page 186: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/186.jpg)
• Anuncie en un número la fecha de publicación del próximo número
• En caso de que la publicación es continua, actualize la publicación siempre en un dia fijo o que sea de fácil recuerdo
• Conteste rapidamente a los emails de los lectores
Como Hacer que Regresen Siempre los Lectores
![Page 187: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/187.jpg)
Anuncios Comerciales
• Debe adaptarse a las peculiaridades del medio • Las formas prevalecientes actuales son los
estandartes y logotipos clickables • Anuncios que toman toda una página o que sean
muy conspicuos son considerados desagradables y menos tolerados
• Las tasas de anuncio varían mucho y dependen del tráfico y de la importancia de la publicación
![Page 188: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/188.jpg)
Anuncio con link
Home pagedel patrocinador
Informaciónde producto
![Page 189: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/189.jpg)
Ejemplos de Anuncios
![Page 190: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/190.jpg)
Nuevas Caracteristicas de los Anuncios On-Line
• enlaces al sitio del anunciante • Anuncios animados (GIFs) • Anuncios funcionales: cajas de búsqueda, mapas
sensibles, etc. • Rotación del anuncio aleatorizada • Anuncios condicionales a palabras-clave o sección • Servicios de intercambio de estandartes
• Pueden ser documentados los accesos a anuncios
![Page 191: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/191.jpg)
Parte VI
Indexación y Promoción de la Publicación
![Page 192: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/192.jpg)
Promoción
• Internet es un mundo completamente distinto de las publicaciones impresas; por consiguiente requiere estrategias y tácticas especializadas de promoción, comercialización y venda de un nuevo periódico
• Las técnicas de promoción sistemáticas son obligatorias y requieren conocimiento y software o servicios especializados
![Page 193: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/193.jpg)
Mecanismo de Búsqueda
por Palavras-
Clave
![Page 194: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/194.jpg)
Catálogo o DirectórioOn-Line
![Page 195: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/195.jpg)
Promoviendo el Periódico
• Anuncio en listas de emailing y grupos de notícias
• Anuncio en otras publicaciones especializadas (impreso o on-line) y sitios
• Anuncio en listas y sitios de novedades en la red
• Sumisión a los catálogos y mecanismos de búsqueda on-line, genéricos y especializados
• Uso de softwares y servicios de promoción (cientos de directorios y mecanismos de búsqueda simultáneamente)
• Estrategias para visibilidad y mantenimiento
![Page 196: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/196.jpg)
Indexando un Periódico On-line
• Indexación automática en mecanismos de búsqueda del Web – Ninguna necesidad de someter, pero es deseable
apresurar el proceso
– Todas páginas en el sitio son indexadas, con todas las palabras del texto, imágenes y enlaces
– La búsqueda es menos ineficaz, por ser basada en texto libre
– Ninguna categorización jerárquica de asuntos
![Page 197: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/197.jpg)
Ejemplo de Sumisión a Mecanismo de Búsqueda
![Page 198: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/198.jpg)
Ejemplos de Mecanismos de Búsqueda Genéricos
• Altavista http://www.altavista.digital.com
• Lycos http://www.lycos.com• WebCrawlerhttp://www.webcrawl.com• HotBot http://www.hotbot.com• Excite http://www.excite.com• InfoSeek http://www.infoseek.com• MetaCrawler http://www.metacrawl.com
![Page 199: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/199.jpg)
Indexando un Periódico On-line (2)
• Sumisión de entradas en los directorios on-line – Entrada de datos basada en formulario on-line – La inclusión no es automática – El enlace se categoriza en un árbol prefijado de
asuntos – No se indexan automáticamente las demás páginas – Hay directorios genéricos y especializados en
muchos dominios del conocimiento
![Page 200: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/200.jpg)
Ejemplo de Formulario de Sumisión
Yahoo!
![Page 201: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/201.jpg)
Ejemplos de Directorios
• Yahoo! http://www.yahoo.com• EINet Galaxy http://www.einet.com• Yellow Pages http://www.riders.com• HealthAtoZ http://www.healthatoz.com• Achoo http://www.achoo.com• MW Search http://www.mwsearch.com• MedHunt http://www.hon.ch/medhunt• MedWeb http://www.gen.emory.edu
![Page 202: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/202.jpg)
Referencia Básica
Http://www.epub.org.br/intermedic/n0101/catalog/catalog_p.htm
![Page 203: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/203.jpg)
Ejemplo de Software de Promoción
Registro descriptivoúnico
Lista de sítiosa sumeter
![Page 204: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/204.jpg)
Ejemplo de Servicio de Promoción
![Page 205: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/205.jpg)
Bibliografia
http://www.epub.org.br/informaticamedica/n0103/sabbatini.htm
![Page 206: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/206.jpg)
Bibliografia
![Page 207: Diseñando y Publicando Publicaciones Electrónicas Interactivas en el World Wide Web Curso.](https://reader036.fdocuments.net/reader036/viewer/2022062309/5665b49d1a28abb57c92adff/html5/thumbnails/207.jpg)
Finis!