Transcript Electronic Publications

Curso
Projetando e Publicando
Publicações Eletrônicas
Interativas na World Wide Web
Instrutor
Renato M.E. Sabbatini, PhD
Núcleo de Informática Biomédica
Universidade Estadual de Campinas
Campinas, SP, Brasil
[email protected]
http://nibgw.unicamp.br/~sabbatin
Objetivos Educativos
• Reconhecer os problemas principais e técnicas
envolvidos na publicação eletrônica de periódicos
médicos e revistas na World Wide Web
• Propor ou plano, arquitetura e filosofía de uma
publicação interativa sencilla
• Discutir os problemas principais relacionados à
aplicação, mantenimento, promoção e indexação de
uma publicação on-line
Temas
•
•
•
•
•
•
•
•
O que é uma publicação eletrônica ?
Publicações eletrônicas na Internet
O que é a World Wide Web ?
HTML: o idioma da Internet
Desenvolvendo um periódico on-line
Ferramentas para desenvolvimento da publicação
Publicando no servidor
Promovendo e pondo a publicação nos catálogos e
índices
• Recursos e referências adicionais
Referências Básicas
• Estes diapositivos disponíveis em:
www.webpraxis.com/courses/epubs/slides
• Página Web do curso:
www.webpraxis.com/courses/epubs/
Parte I
Publicações Eletrônicas
O Que é uma Publicação eletrônica?
(ou: bits vs. átomos)
• a publicação eletrônica é uma tecnologia para
distribuir informação em uma forma que pode ser
acessada e vista por um computador
• a publicação eletrônica usa meios de comunicação
digitais e recursos para adquirir, armazenar e
transmitir informação de computador a computador
• a publicação eletrônica estende de varias maneiras o
conceito e os recursos dos meios de comunicação
convencionais e impressos
Tipos de Publicações Eletrônicas
• Em meios de comunicação removível
• Disquete, CD-ROM, videodisco, DVD, etc.,
• Em redes de computadores
– Redes de acesso restrito (ex. intranets)
– Redes globais (ex. Internet)
• Híbridas
– CD-ROMs atualizadas via rede
– Conexão a uma rede de computadors a partir de um
CD-ROM
Tipos de Publicações On-line
• Publicações por tecnologia de correio eletrônico,
vía listas de distribuição ou grupos de notícias
("broadcasting")
• Publicações por tecnologia de FTP, vía
transferência de arquivos (File Transfer Protocol)
• Publicações em tecnologia WWW, vía protocolos
de hipertexto (HTTP)
• Publicações de tecnologia "push", vía webcasting
Tipos de Publicações On-line
• Publicações por tecnologia de correio eletrônico,
vía listas de distribução ou grupos de notícias
("broadcasting")
• Publicações por tecnologia de FTP, vía
transferência de arquivos (File Transfer Protocol)
• Publicações em tecnologia WWW, vía protocolos
de hipertexto (HTTP)
• Publicações de tecnologia "push", vía webcasting
Um Periódico Típico Baseado na WWW
Um artigo
Sumário
As Vantagens da Internet Para o
Editor
•
•
•
•
•
•
Público potencial grande
Disponibilidade universal
Para todas as plataformas de hardware/software
Baixo custo de produção
Eliminação de reprodução gráfica e correio
Novas formas de apresentação
- animação gráfica, áudio, video, interação
As Vantagens da Internet Para o
Editor (2)
• Integração com outros documentos e sites WWW
• Fácil localização eletrônica
• Redução do atraso de publicação
• Submissão eletrônica de artigos por os autores
• Dados estatísticos extensos sobre acessos
As Vantagens da Internet Para o
Leitor
•
•
•
•
•
•
Custo baixo de acesso
Disponibilidade instantánea e global
Volume de informação mais rico
Fácil transmissão e impressão
Informação é mais atualizada
Informação é fácil de encontrar através os
mecanismos de busca
• Interconexão de informação na Web
• Diálogo interativo con autores e editores
Desvantagens da Internet
• Problemas de proteção de copyright
• Indefinição do modelo económico
• Problemas de segurança de dados
• Conexões lentas
• é cada vez mais difícil obter visibilidade, devido à
quantidade grande de sites e de informação.
Alguns Projetos
de Publicação
On-line
Académicos
HighWire Press
Stanford
Alguns projetos
de Publicação
On-line
Académicos
BioLine
Inglaterra e
Campinas
Alguns Projetos
de Publicação
On-line
Académicos
e*pub
Campinas
Alguns Projetos
de Publicação
On-line
Académicos
SciELO
FAPESP/BIREME
São Paulo
Endereços de Projetos de
Publicação On-Line
•
•
•
•
Highwire Press
Bioline
E*pub
SciELO
http://highwire.stanford.edu
http://www.bdt.org.br/bioline
http://www.epub.org.br
http://www.scielo.br
projeto e*pub
Revistas Próprias
projeto e*pub
Revistas Apoiadas
• 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
Parte II
A Tecnologia
O Que é a WWW?
• é um serviço disponível através da Internet
que permite a transmissão e acesso a
documentos multimediais
• Usa um protocolo especial chamado HTTP
(HyperText Transfer Protocol)
• Usa uma convenção de endereços
eletrônicos para os recursos na rede
chamada URL (Uniform Resource Locator)
O Que é um Protocolo?
• é uma convenção ou linguagem que permite a
comunicação entre computadors através de uma
rede
• O protocolo principal usado pela Internet é o
TCP/IP (Transmission Control Protocol/Internet
Protocol)
• há muitos outros protocolos sob o TCP/IP.
exemplos:
– SMTP: ou Simple Mail Transfer Protocol
– FTP: ou File Transfer Protocol
Formato de Endereço para a WWW:
Uniform Resource Locator
• http://www.nlm.nih.gov/visível/sample.htm
Protocolo
Host
Directório
arquivo
A Arquitetura Cliente-Servidor
Cliente
computador que
recebe os dados
rede
I
Servidor
computador que
envia os dados
A tecnologia “Pull” (Puxar)
Cliente
Internet
I
Software Cliente:
Protocolo
Netscape, Internet Explorer
(browser)
Servidor
Software Servidor:
WWW Server
O Que é o Browser ?
um programa (cliente) que permite ler
e extrair o conteúdo de páginas na
Web, usando ou protocolo HTTP. ou
programa também permite
identificar links dentro de um
documento e em outros
computadores, e pular para outros
sítios na Internet (navegação).
O Software Cliente do WWW (Browser)
Menu
ferramentas
Endereço
Área de exibição
Status
Tipos de Browsers
• Netscape Communicator
• Microsoft Internet Explorer
• Mosaic
• Opera
• etc.
Todos funcionam de maneira similar e hoje
estão disponíveis gratuitamente através da
Internet
O Que é um link (“elo”) ?
é uma frase ou palavra, usualmente
de uma cor diferente ou sublinhado,
que permite pular para outros sites ou
páginas no mesmo computador ou em
outras computadores. Normalmente o
que se faz é "clicar" o mouse em cima
da frase ou palavra.
A Tecnologia “Pull”
Uma Transação HTTP (1)
Cliente
http://www.nih.nlm.gov/visível/sample.htm
Internet
I
Servidor
www.nlm.nih.gov
Buscar
Conectar
Pedír
HTTP
Software cliente:
Netscape, Internet Explorer
Software servidor:
WWW Server
A Tecnologia “Pull”
Uma Transação HTTP (2)
Cliente
Http://www.nih.nlm.gov/visível/sample.htm
Internet
I
Confirmar
Transferir
Encerrar
HTTP
Software cliente:
Netscape, Internet Explorer
Servidor
www.nlm.nih.gov
sample.htm
logo.gif
return.gif
Software servidor:
WWW Server
A Esséncia da Publicação On-line
• deve produzir-se texto e imagens com qualidade
tipográfica e gráficos on-line, e imagens de
resolução alta
• Para reduzir o tempo de transmisão, o protocolo
de HTTP transmite desde o servidor um "script"
de especificação de página muito menor, em
ASCII
• O browser monta uma página gráfica com base
neste “script”
Como Funciona o HTTP
Cliente
Http://www.nih.nlm.gov/visível/sample.htm
sample.htm
logo.gif
return.gif
Software do
browser
Visualização feita pelo browser
<HTML>
<BODY BGCOLOR=#FFFFFF>
<IMG SRC=“logo.gif” ALIGN=left>
<H1>The Visível Human Project</H1>
<HR>
<IMG SRC=“return.gif” ALIGN=left>
National Library of Medicine
Script em HTML
Interconectando Documentos
• Como uma publicação deve subdividir-se
lógicamente em segmentos separados de
informação, deve haver uma maneira de
conecta-los entre si, para permitir a
navegação
• Isto é realizado por meio do hipertexto
(imagems ou texto que representam "links"
a outras imagens ou texto)
O Que é o Hipertexto?
<HTML>
<BODY BGCOLOR=#FFFFFF>
<IMG SRC=“logo.gif” ALIGN=left>
<H1>The Visível 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>Visível Human: Amostras</H1>
<BR>
Nesta página você poderá achar algumas
amostras de imagens geradas pelo Projeto
“Ser Humano Visível” em três dimensões.
imagem.htm
O Que é o HTML?
• é uma linguagem para a especificação de
documentos (HyperText MarkUp Language)
• Especifica para o browser os elementos de uma
página (texto, imagens, etc.) e onde e como eles
devem ocorrer
• um arquivo do texto que tem a extensão .HTM
contém etiquetas (“tags”) demarcadoras entre os
caracteres < e >
• O browser interpreta estas etiquetas e
comandos e monta a página na tela.
Os Elementos do HTML
• Etiquetas para a definição do documento: ou
título, cabeçalho, corpo, etc.,
• Etiquetas para a definição do texto: os parágrafos,
cores, tamanhos, conjunto de fontes de caracteres,
ênfase de texto, etc.,
• Etiquetas para imagens, sons e vídeos
• Etiquetas para definir links
• Etiquetas para definir tabelas, formulários, etc.,
Formatos de Dados Comuns
Formato
Visualizado por:
Tipo
ASCII
Browser
TXT
HTML
HyperText Markup Language
Browser
HTM
SGML
Standard Generalized
Markup Language
Aplicações Auxiliares
SGM
PostScript
Aplicações Auxiliares
PSP
PDF
Portable Data Format
Aplicações Auxiliares
PDF
RTF
Rich Text Format
Aplicações Auxiliares
RTF
Exemplo de Formato de Dados: ASCII
Exemplo de Formato de dados: PDF
Preparando os Aplicativos
Auxiliares
As Vantagens do Adobe PDF
• é uma linguagem de descrição de páginas
• Permite um controle total sobre a formatação de
páginas (muito melhor que HTML)
• um arquivo de PDF pode ser producido
automáticamente por PageMaker
• a visualização off-line ou on-line é realizada pelo
mesmo programa (Acrobat Reader), con muitas
funções adicionais
• o Reader está no dominio público e disponível para
baixar via rede
• Permite um hardcopy de alta qualidade de publicação
As Desventagens do Adobe PDF
• O usuário precisa instalar o Acrobat Reader
• O artigo inteiro é armazenado em um arquivo não
comprimido
• Portanto, o usuário deve esperar até que ele seja
totalmente transmitido para poder vusualizá-lo
• As palavras do texto não são colocadas em um
índice acessível aos mecanismos de busca
Adobe PDF: Conclusões
• PDF é um método eficaz para obter
qualidade de a publicação on-line, con todas
as capacidades tipográficas e gráficas do
PageMaker
• É fácil para o productor, mas difícil para o
usuário
• Provavelmente a melhor maneira é oferecer
ambas versões on-line: HTML e PDF
O Que é ou SGML?
• é uma linguagem generalizada de marcação de
documentos, muito mais poderosa que o HTML,
• O HTML é um subconjunto do SGML
• Requer um browser especial ou um plug-in para os
browsers de HTML existentes
• Difícil de usar, mas muito interessante para definir
elementos da publicação
• Ainda não tem muito uso
Outros Formatos Portáteis
•
•
•
•
•
•
•
Microsoft Windows HELP
Word Perfect Envoy
Farallon Replica
Common Ground
Folio VIEWS
Macromedia Shockwave
Microsoft Word
Multimeios Interativos: ShockWave
Multimeios Interativos: ShockWave Flash
Exemplo: um
Periódico em
PDF/HTML
Home Page
(capa)
Exemplo: Um
Periódico em
PDF/HTML
(2)
Sumário
Exemplo: um
Periódico em
PDF/HTML
(3)
Artigo em
Texto Completo
Exemplo: um
Periódico em
PDF/HTML
(4)
Resumo em
HTML
Exemplo: um
Periódico em
PDF/HTML
(5)
Artigo em PDF
Estrutura de Interconexão
Resumo
Sumário
Texto HTML
Texto PDF
A Tecnologia “Push” (Empurrar)
Cliente
Software Cliente:
PointCast, BackWeb, etc
ou plug-in para o browser
Internet
I
Servidor
Software servidor:
WWW Push Server
(e.g., NetCaster, Castanet)
a tecnologia “Push”
• O push mais antigo: o email comum (SMTP)
• Email reforçado: a visualização em HTML
• Extensões Multimediais do Correio da Internet
(MIME)
• Auxiliares para os browsers: Netscape
NetCaster, Webchannel para o Internet
Explorer, etc.
• Clientes especiais: BackWeb, PointCast, etc.,
Technología “Push”: PointCast
PointCast: Personalização de
Canais
PointCast: Screen Saver
Tecnologias Ativas
• CGI: Common Gateway Interface
Execução de programas no lado do servidor
• JavaScript, Java e ActiveX
Execução de programas (“applets”) no lado do
cliente
• Dynamic HTML, HTML Script
Extensões dinámicas au HTML
Programação CGI
Cliente
Servidor
HTTPD
HTML
HTTP
CGI-BIN
Common Gateway Interface
uma maneira de executr programas no servidor (localizdos no
CGI-BIN) e comunicando-se com o servidor HTTP
Tarefas CGI Comuns em Uma
Publicação Eletrônica
•
•
•
•
•
•
•
•
Resposta automática a email e formulários
Geração automática de páginas personalizadas
Acesso a mecanismos de busca internos
Acesso por identificador e senha
Acesso e mantenimento de bancos de dados
Implementação de contadores de acesso
Acessos por cliques (ex., estatísticas de anuncios)
Funcionamento de chats on-line, assinatura de listas,
etc.
Programação Java
Cliente
Servidor
HTML
HTTPD
HTTP
JAVA
JAVA
JAVA Applets
pequenos programas escritos em JAVA que se descarregam junto com a
página solicitada e que executam na computador cliente
JavaScript
<SCRIPT LANGUAGE="JavaScript">
<!-- hide
var 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>
Programa interpretado e que é incluso no código HTML com
as etiquetas <SCRIPT> e </SCRIPT>
Java Applet
Programa compilado (executável) que é baizado junto com a
página HTML, como um binário
Tarefas JAVA Comuns em uma
Publicação Eletrônica
• Banners animados e gráficos
• Mapas sensíveis "inteligentes”
• Processamento de formulários do lado do
cliente
• Aprovação de campos em formulários
• Questionários interativos
• Bate-papos (“chats”) baseados na Web
Abordagens Híbridas
• A publicação principal é baseada em HTTP, os
resumos e anúncios são enviados a os leitores vía
email ou webcasting
• A publicação principal é baseada em FTP, se
colocam os resúmos em um website ou se enviam
os artigos vía email, newsgroups ou webcasting
• A publicação principal é baseada em email,
newsgroups ou webcasting, mas um website tem
os resumos e apontadores.
Exemplo da Abordagem Híbrida:
Johns Hopkins InteliHealth
Anúncio por
Email
Johns
Hopkins
InteliHealth
Chamada Direta
ao artigo na
Web
Parte III
Publicando na Internet
Publicando na Internet
um salto imaginativo é necesario para entender as
implicações de a publicação na Internet, e requer a
apreciação que:





é imediato
é global
é interativo
é dinâmico
é multimedial.
Tipos de Publicações On-Line
• Versão on-line restrita de periódicos
impressos
• Texto completo (full text): a versão on-line
de periódicos impressos
• Periódicos exclusivamente on-line
Tipos de Publicações On-Line (1)
Versão on-line restrita de periódicos impressos
•
•
•
•
•
Capa, informação e resumo
Idem, mais os resumos
Idem, mais artigos seleccionados
Quase sempre o acesso é livre
Atua como “presença Internet” ou anúncio
para a versão impressa
Tipos de Publicações On-Line (2)
Versão on-line em texto completo de periódicos
impressos
• Capa, informação e resumo
• Artigos em texto e imagens completas
• Versão parcial, plena ou estendida da forma
impressa
• Acesso livre ou pago
• Possa atuar como anúncio ou ser um
empreendimento completo em si mesmo
Tipos de Publicações On-Line (3)
Periódicos exclusivamente on-line
• Resumo, artigos de texto completo e
resumos
• Uso de multimeios e interatividade,
• Publicação periódica ou em fluxo contínuo
• Acesso livre ou pago
• Problemas de aceitação pelos autores
Problemas de Periódicos
Exclusivamente On-line
• Os autores de boa qualidade são difíceis de
encontrar, porque dão preferência aos periódicos
impressos
• O meio é demasiado jovem, ainda não bem
estabelecido
• Há duvidas e desconfiança por parte do
estabelecimento científico
Dúvidas Principais
•
•
•
•
•
•
•
•
Proteção de direitos autorais
Proteção de dados
Estabilidade de longo prazo da mídia
A revisão pelo pares
Reconhecimento dos autores
Metodología de citações
Indexação internacional
Modelo econômico
Tipos de Modelos Econômicos
para Publicações Eletrônicas
• Acesso totalmente livre e sem restrição
• Acesso livre vía registro de leitores, com
acesso por senha
• A renda deriva de patrocinadores diretos e
indiretos ou por anuncios pagos
• Assinatura mensal ou anual paga
• Preços por acesso a artigos individuais
Passos Necessários para Publicar
um Periódico na Internet
•
•
•
•
•
•
Organizando Idéias
Desenvolvendo o Projeto
Projetando a Publicação
Testando a Publicação
Promovendo a Publicação
Mantendo a Publicação
Etapas no Projeto
Processo de Desenvolvimento
Processo de Composição
Processo de Publicação
Etapas no Projeto
1. O Proceso de
Desenvolvimento
•
•
•
•
•
Planejamento e fase de requisitos
Fase de prototipação rápida
Fase de especificação
Fase de projeto
Fase de aplicação
A Planificação do Processo de
Desenvolvimento: as Cinco
Perguntas
•
•
•
•
•
Por Que?
O Que?
Onde?
Quando
Como?
O Proceso de Desenvolvimento
Planejamento
• Por Que?
Objetivos da publicação, para que e para quem
• O Que?
meio e estrutura, tipo de publicação
• Onde?
Endereço da publicação, provedor de acesso
• Quando?
A data inicial de publicação, datas críticas, periodicidade
• Como?
Requisitos e necessidades, pessoal, orçamento, etc.
O Processo de Desenvolvimento
Requisitos de Publicação
•
•
•
•
Objetivo
Alcance
Público
A duração de desenvolvimento, datas
críticas
• Tamanho do projeto
• Orçamento do projeto
Exemplo: Revista Intermedic
Exemplo: Requisitos para a
Revista Intermedic (1)
• Objetivo: um periódico bimestral, em edições online e impressa, sobre as aplicações e usos da
Internet em Medicina e Saúde
• Alcance: um projeto de porte médio, con um
enfoque amplo sobre a tecnologia e suas
aplicações, para não-especialistas,
• Público: os usuarios da Internet, principalmente da
comunidade de saúde (profissionais e estudantes)
Exemplo: Requisitos para a
Revista Intermedic (2)
• Duração: não mais de 3 meses para o
desenvolvimento. Data de lançamento: segunda
semana do maio de 1997.
• Tamanho do projeto: a edição bimestral com 6-7
seções e não mais de 40 páginas. Versão impressa
com 20 páginas.
• Orçamento do projeto: a versão on-line e
impressa: US$7,000/edição, não incluindo a
impressão e distribuição da versão impressa
Necessidades Imediatas para
Iniciar uma Publicação
•
•
•
•
•
•
Capital de trabalho
Tempo necessário por semana
Hardware para desenvolvimento
Espaço em disco no hardware de desenvolvimento
Ferramentas de software para desenvolvimento
Recursos on-line
• Pessoal
Exemplo para Necessidades
Imediatas: Revista Intermedic
• Capital de trabalho: nenhum (salário universitario)
• Tempo necessário: 15-20 horas/semana
• Hardware: Pentium PC 166 MHz MMX, 32 Mb
RAM, disco de 2.1 Gb, monitor 17” SVGA em cores,
leitora e gravadora de CD-ROM. Scanner de página
em cores
• Software: Windows’95, Netscape 3 Gold, Editor
FlexEd, PaintShop Pro, WS FTP, PageMaker 6.0
• Pessoal: editor-chefe, editor associado, auxiliar de
entrada de dados, Webdesigner, tradutor
Elementos de Longo Prazo para
uma Publicação On-Line
• Web hosting (servidor onde ficarão as
páginas)
• Composição de um Conselho Editorial
• Patrocinadores e/ou anunciantes
• Autores fixos e temporários (contratados)
• Fonte financeira e orçamento
• Software e recursos on-lines para a
promoção do site
Exemplo de Elementos de Longo
Prazo: Revista Intermedic (1)
• Web Hosting: servidor de WWW da universidade.
Sem custo
• Conselho Editorial: por convite, representativo, com
experts nacionais e internacionais na Internet,
• Patrocinador: anuncio exclusivo e arranjo de
distribuição com um laboratório farmacêutico
(impresso e on-line)
• Autores: por convite, alguns compõe o conselho
editorial. Inicialmente, nenhum free-lancer ou
autores pagos
Exemplo de Elementos de Longo
Prazo: Revista Intermedic (2)
• Financiamento: distribuição e acesso livres (sem
assinaturas pagas)
• Orçamento: 70% para redação e autores, 30% para
gastos auxiliares.
• Promoção: ferramenta de promoção automatizada
(Spider) para 250 catálogos gerais e mecanismos
de busca, trabalho manual para os catálogos
especializados e listas de email.
O Que Se Deve e Não Se deve
Esperar em uma Publicação
Eletrônica
• Não espere fluir fácilmente o projeto
• Não espere que os primeros esforços resultem
perfeitos
• Espere fazer projetos múltiplos
• Espere revisar e testar o producto muitas vezes,
até que esteja pronto
• Espere alcançar um ponto onde a melhora
adicional não vale mais a pena
O Proceso de Desenvolvimento
Prototipação Rápida
• Defina a estrutura global da publicação
– Seções
– Diretorios
– Fluxo de navegação
• Implemente um esqueleto do funcionamento
rápidamente em HTML
• No protótipo, utilize somente texto, links simples,
texto fictício
O Proceso de Desenvolvimento
Necessidade de Prototipação Rápida
• Necessario para deduzir as necessidades reais e
ferramentas de software
• Trampolim para pensar e caminhar para as fases
posteriores
• Objetivo de demostração
Um Prototipo Rápido
A Versão Final
O Processo de Desenvolvimento
Especificação
Baseado no protótipo e sua avaliação, o objetivo
desta fase é definir em mais detalhe:
• Esquema (layout)
• Componentes da publicação
• Índices, páginas auxiliares, páginas de busca e
arquivamento de informação
• Redatores fixos
• Ciclo de produção
• Ferramentas de produção
Exemplo de Especificação
Revista Intermedic (1)
•
•
•
•
•
•
•
•
Sem quadros ("frames")
Artigos totalmente contidos em uma única página
Esquema de uma columa de texto
Padrões de navegação no cabeçalho e rodapé das
páginas, usando botões gráficos
Navegação linear e não-linear
Página inicial (home-page) geral
Um sumário separado para cada número
Hierarquia de diretórios
Hierarquia de Diretórios
Raíz
Número
Seção
Elementos
Fixos
Artigo
Estrutura da Publicação
Seções do Diretório Raíz
•
•
•
•
•
•
•
•
Página inicial
Os editores
O que é a revista
Conselho editorial
Instrução para os autores
Página de busca
Índice cumulativo
Página de ajuda
• Créditos
• Catálogo de recursos na
Internet
• Glossário Internet
• Livro de visitantes
• Email
• Logotipo do editor
• Logotipo do patrocinador
• Prêmios
• Novidades na publicação
• Aviso de copyright
Estrutura da Publicação:
Home Page
• É a capa de a revista e a primeira página de acesso
Web
• Visualiza o logotipo gráfico da revista
• Tem links e as seções permanentes ao nivel da raíz
e os números (fascículos) presentes e passados
• Identifica o editor, patrocinadores, organizações
de apoio, prêmios, etc.
• Muda raramente.
Estrutura da Publicação:
Informação Permanente
• Os editores:
identifica e descreve a organização responsável pela
publicação, outros projetos, links, etc.,
• A Publicação:
descreve objetivos, estrutura, seções, copyright, etc.,
• Conselho Editorial:
nomes, funções, CVs, fotografías, home page, email,
etc.,,
• Ajuda:
como usar a publicação, botões, navegação, etc.,
• Instruções para os Autores
Estructura da Publicação:
Seções de Acesso
• Fascículos presente e passados:
através de links de texto ou gráficos que permitem a
navegação nos sumários de cada número
• Índice Cumulativo:
contem links de texto a todos os artigos passados,
categorizados em seções. Se é grande o bastante, pode
subdividir-se em páginas separadas, lógicamente
organizadas
• Página de busca:
dá acesso a um mecanismo de busca local que usa
palavras-clave, e pode incluir mecanismos na Internet.
Mecanismo de Busca
Índice Cumulativo
Estrutura da Publicação:
Informação de Contato
• Livro de Visitantes:
um formulário on-line para o registro do leitor, envio de
comentarios e perguntas, etc.,
• Email:
remete ao email do browser, com um endereço
predeterminado para o contato com o editor
• Patrocinadores e Anunciantes:
logotipos, con respectivos links de texto ou imagem a
seus sites na Internet
• Editor e Organização Responsável:
com logotipos e links
Estrutura da Publicação:
Informação Auxiliar
• Estatísticas de acesso d Web e contador
• Glossario de termos técnicos usados na publicação
• Catálogo de links pertinentes a recursos similares no
Internet
• Novidades na revista: uma lista identificada por datas,
con adições e modificações
• Os prêmios e reconhecimentos recebidos pela revista:
os logotipos e links, comentários de leitores, etc.,
Estatísticas de Acesso
• arquivos, bytes, hits,
pageviews por dia,
mes, ano, etc.
• arquivos mais e menos
consultados
• Carga horária e
semanal, horas de pico
• URLs visitantes
• Estatísticas por tipo de
domínio e país
Estatísticas de Acesso
Programas de Análise
• Baseados nos arquivos de registro de
acessos disponíveis no servidor (logs)
• Softwares comerciais e sharewares
– HTTPAnalyze
– NetIntellect
– etc.
• Serviços on-line de auditoría e análise
Estrutura da Publicação
Sumário
• Logotipo, encabeçamento, data
• Lista de todas as seções e artigos em cada
seção
• links directos para cada artigo
• Título, autores, instituição, contato
• Patrocinadores, editores
• Botões de acesso a outras partes da
publicação
Passos no Projeto
Projeto
• Plano visual da publicação
• Identificação visual (logomarca, fundos,
botões, líhas de separação, fontes de letras)
• Estruturação de cada tipo de página (capa,
índices, artigos, etc.): quadros, cores,
cabeçalho, colunas laterais, etc.)
Projeto de
Home Page
(1)
Projeto de
Sumário
(2)
Projeto de
artigo (3)
Projeto de
Home Page
(2)
Projeto de
Sumário
(2)
Projeto de
artigo
(1)
Projeto de
Home Page
(1)
Integrando as Citações Bibliográficas ao MEDLINE
referência
de texto
Lista de citações
Registro
MEDLINE
Como Integrar-se ao PubMed (2)
Formularios on-line
para buscar o UID
de uma citação
Como Integrar-se ao PubMed (3)
Declaração para link de citação: busca booleana
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
Declaração para link de citação: Unique Identifier (UID)
http://www.ncbi.nlm.nih.gov/htbin-post/Entrez/query?db=m&
form=6&uid=88055872&dopt=r
Etapas no Desenvolvimento do
Projeto:
Processo de Composição
•
•
•
•
•
•
Esquematizar
Pesquisar
Redigir
Avaliar
Revisar
Corrigir
Ferramentas de Software para
Composição HTML
• Editores WYSIWYG
Netscape, FrontPage, WebWeaver
• Editores de código HTML
FlexEd, HotDog, HotMetal
• Uso de modelos
• Use de folhas de estilo
Editor WYSIWYG (Netscape)
Editor de Código HTML (FlexEd)
Métodos de Composição
• Composição com um software de
processamento de palavras, con inserção
manual de códigos HTML, ou vía RTF
• Conversão de HTML automática
MS Word Office 97, PageMaker 6/7, etc.
• Composição direta ou corta/cola em um
editor de HTML ou WYSIWYG
Softwares Utilitários
• Validadores e corretores de HTML
• Programas para renomeação, busca e
substituição automática de texto em lote
• ferramentas de redução de tamanho de texto
e imagens
• Programas de diagnóstico de links
• Programas de conversão automática de
banco de dados a páginas HTML
Softwares Utilitários (2)
• Consultores de combinação e seleção de
cores
• Programas para inserção de datas e controle
de versões
• Corretores de ortografia e gramática
Modificação em Lotes
FILEMOD
Seleção de Cores e Fundos
HTML cor Wizard
Organização de Diretórios
LIKSE
Sites na Internet com Software
para Webdesigners
• Tucows
www.tucows.com
• Microsoft Site Builder Home Page
www.microsoft.com/sitebuilder/
• WebGarage
www.webgarage.com
• WebLint
www.weblint.com
Parte IV
Trabalho con
Multimedia
Formatos de Imagens na Web
Formato
Visualizado por:
Tipo
GIF
Graphic Interchange Format
Browser
GIF
JPEG
Journalist’s Photo Experts Group
Browser
JPG
PNG
Portable Network Graphics
Browser (parcialmente)
PNG
PCX, TIF, BMP
Aplicativos Auxiliares
---
Aquisição de Imagens
Scanner
• Aceita página A4 ou
maior
• Resolução ajustável
(75 dpi para Web)
• Número de cores
ajustável (256 para
GIF, milhões para
JPG)
• Kit de transparência
para cromos/raios-x
Aquisição de Imagens
Câmara Digital
• Não é adequada para
documentos, fotos
existentes,
transparências
• Resolução fixa
• Para tirar fotos
rapidas, reportagem
• Preços e qualidade
muito variáveis
Ferramentas de Trabalho com Imagens
• Criação e edição de imagens estáticas:
Adobe PhotoShop, MS Image Composer,
PaintShop Pro, CorelDraw, Corel PhotoPaint
• Edição de imagens animadas:
GIF Construction Set, Image Composer
• Conversão de formatos de imagens:
Aardvark, PaintShop Pro
• Edição de mapas sensívels:
MapEdit, MapIt!
• Creição e edição de videos:
RealPublisher, RealConverter, Adobe
Adobe PhotoShop
Paint Shop Pro
Administração de Catálogos de
Imagens
Softwares que permitem a catalogação de
diretórios de imagens de vários tipos e sua
visualização rápida e seleção
•
•
•
•
ThumbNail
PaintShop Pro Browser
Piccolo
Corel Multimedia Manager
Paint Shop Image Browser
Map Edit
Animação de GIFs
WWW GIF Animator
Tipos de Imagens On-Line
• Nenhuma imagem in-line, link de texto para
chamar a imagem
• imagens in-line completas
• imagens em miniatura, con link para chamar
imagem completa
Link de Texto para Imagem
Texto principal com
link de texto
HTML separado
com imagem
Imágens Integradas ao Texto
Imagens em Miniatura (Thumbnail)
Texto principal
com imagem miniatura
HTML separado
com imagem maior
Imagens On-Line
Uma Comparação
• Sem imagens in-line, link de texto
– Fácil de programar
– Acesso mais rápido ao documento
– Estética muito simples
• Imagens integradas ao texto
– Estética profisional, similar à versão impressa
– Acesso mais lento ao documento
• Imagens em miniatura
– Melhor balanço entre velocidade e estética
Formatos de Video na Web
• AVI: AudioVisual Interchange
Formato proprietário de MS Windows sem
compressão
• MOV, QT: Movie, QuickTime
Formatos proprietários da Apple
• MPEG: Motion Picture Especialists Group
Formato padrão com compressão até 1:30
Formatos de Video na Web (2)
• RA: RealMedia
Formato “streaming” proprietário, com alto
nivel de compressão
• Outros formatos “streaming”
Vxtreme, etc.
Streaming Media
Cliente
Visualização
contínua dos
pacotes de áudio e/ou
video
Servidor
Envia arquivo
de audio e/ou video
em pacotes pequenos
e seriais
Plug-Ins para Videos
Apple QuickTime
Windows Media Player
Plug-Ins para Videos (2)
RealAudio/RealVideo Player
Formatos de Audio
• WAV, AIFF, AU
Todo o som é digitalizado em um único arquivo,
portanto deve esperar-se até que chegue
completamente para começar a tocar. Não necesita
um plug-in especial, e é muito fácil de producir
• RealAudio (RA)
O áudio é trasmitido em pequenos segmentos, que
se tocam à medida que chegam do servidor. Grau
alto de compressão. Necessidade de um servidor
especial e plug-in no cliente
Edição de Sons Digitalizados
Softwares para Edição de Sons
•
•
•
•
Creative WaveStudio
GoldWave
Cool Edit
etc.
Quase todos os kits multimidia para PCs vem com
uma ou mais ferramentas desse tipo.
Audio Player Plug-Ins
Estação Multimídia para Criação de
Publicações Eletrônicas
• Pentium PC ou Macintosh con 64 Mb RAM e
monitor 17” SVGA ou maior, em cores
• Conectividade rápida a Internet
• Capacidade multimídia completa: CD-ROM,
altofalantes, microfone, etc.,
• Câmara digital
• Scanner de página colorido con equipe de
transparência
• Gravador SuperVHS
• Gravador de CD-ROM
Parte V
Publicação e Controle
de Qualidade
Passos no Desenvolvimento do
Projeto:
O Proceso da Publicação
•
•
•
•
•
•
Revisão
Adição dos links
Teste da cópia final (master)
Uploading (carregando no servidor)
Teste da cópia do servidor
Correção e refinamento
O Proceso de Carregamento
acesso
restrito
Estação de
Desenvolvimento
Cópia Mestre
Servidor WWW
FTP
Cópia do Servidor
• Software FTP Dedicado
• Mecanismo de Publicação Netscape
• Publicação MS FrontPage
WS FTP para Windows 95
WS FTP para Windows 95
Publicação desde o Netscape
A Hospedagem na Internet
• Um computador conectado permanentemente à
Internet, con endereço fixo e software completo
para serviços (HTTP, FTP, Email, Listserv, etc.)
• Domínio lógico vs. domínio físico
– o site www.socesp.org.br é lógico
– o IP no. 200.134.43.1 é físico
– um domínio lógico pode estar em qualquer domínio
físico
Selecionando o Provedor
• Domínio próprio
– Necessário or registro no InterNIC e no registro de
domínios do pais (Brasil: FAPESP)
– pode ser qualquer nome não registrado
• Web hosting
– Selecionar por localização, estabilidade, velocidade,
preço e recursos oferecidos
– Domínios COM muito baratos hoje dia
– Número muito grande de provedores
Busca de Nomes de Domínio
www.register.com (USA)
www.registro.br (Brasil)
Exemplo de Provedor (1)
• www.ahnet.net: provedor norteamericano Affinity
Corp., con conexão de 155 Mbsec (OC3)
• Preço básico: 19.90/mês a 49.90/mês
• Registro InterNIC: US$ 100 por dois anos, US$
50 por ano adicional. FAPESP: R$ 50 na abertura,
mais R$ 50 por ano.
• Serviço básico: 100 Mb/disco, 10 Gb
transmissão/mes, 10 contas de email
Exemplo de Provedor (2)
•
•
•
•
•
•
•
•
•
Servidor Web
Servidor FTP
Mailing lists
Contas de email
CGI-BIN
Contadores de acesso
Loja eletrônica
Servidor seguro (SSL)
Suporte técnico
• Controle por painel vía
Web
• Processador de
formulários
• Respondedores
automáticos
• Estatísticas de acesso
• Servidor RealAudio
• Faturamento via cartão de
credito
Passos no Projeto de
Desenvolvimento
Testes de Navegabilidade
•
•
•
•
•
•
•
Navegação interna em uma página
Mecanismos para passar páginas
Componentes de indice
Componentes de busca
Componentes multimediais
Links externos
Outras referências cruzadas e links
Teste dos Componentes de
Acesso a Páginas
•
•
•
•
•
•
•
Capítulos e seções prévios
Capítulos e seções posteriores
Acesso a home-page
Página anterior
Página posterior
Ultima página
Voltar a uma página
Metodologias de Teste de
Navegação
• Software de teste automático:
Para testar links rompidos e links a arquivos locais
(Ex.: FrontPage, HTML PowerTools,
CyberLinks). Relatórios de erros.
• Teste manual:
Necessario para ver se os links vão à referência
apropriada. Use uma abordagem sistemática.
• Informes de links falhos feitos por usuários
Software para Teste de Links
CyberSpider
Software para Teste de Links: Resultados
Teste de Navegabilidade no
Servidor
• Sempre devem ser testados duas vezes a
navegação e os links: primeiro na cópia no
computador local de desenvolvimento, depois de
ter terminado o produto; e depois no servidor onde
se disponibiliza a publicação.
• Use uma abordagem sistemática e rápida para
corrigir erros de links e republicar o arquivo
correspondente. Use um checklist derivado dos
testes automatizados e manual
• Mantenha a sincronização entre as cópias do
computador de desenvolvimento e servidor
Passos no Projeto de
Desenvolvimento: Teste em
Campo (1)
• Enquetes e Questionários
Objetivo: obter a opinão do público
Métodos: Formulário on-line ou email
• Observação Directa
Objetivo: Mostrar como os usuários estão usando
realmente a publicação.
Métodos: Narrativa de navegação, esquema de
teste, análise automática de acessos ao servidor,
relatórios pós-teste.
Formulário On-Line de Leitor
Passos no Projeto de
Desenvolvimento: Teste em
Campo (2)
• Testes de Leitura
Objetivo: avaluar o que os usuários entenderam
sobre o conteúdo das publicações
Métodos: questionários on-line, opinião
espontânea
• Revisões Especializadas
Objetivo: averiguar o que os críticos profissionais
pensam da publicação.
Métodos: Revisões publicadas, indução.
Teste de Usabilidade
• os usuários conseguem encontrar uma seção ou
artigo específico dentro de um determinado
tempo?
• os usuários conseguem encontrar informação
específica dentro de um determinado tempo?
• os usuários conseguem navegar ou voltar a
determinados pontos, sem se perderem?
• os usuários conseguem decidir seguir um link ou
não, con base em informação do contexto ?
• os usuários conseguem entender os recursos de
navegação sem ler textos de ajuda ?
A Ergonomía de uma Publicação (1)
• Antes de tudo, considere a psicología do
leitor
• Alguns fatores psicológicos para o êxito de
uma publicação eletrônica são:
• consistência
• familiaridade
• encerramento
• onde está ou leitor, para onde se dirige
• quanto falta para terminar algo
• deve ser fácil e divertido de usar
A Ergonomía de uma Publicação (2)
• O planejamento visual deve ser limpo, atrativo e
simples,
• Mantenha consistencia de fundos, botões,
esquema e conjuntos de caracteres ao longo de
toda a interface visual
• Mantenha consistencia de navegação
• Sempre mostre onde está o leitor
• Evite usar animações e texto piscante
• Evite usar demasiados links
A Ergonomía de uma Publicação (3)
• Evite abusar de quadros e colunas de texto
• Use fundo branco e um conjunto de caracteres
bem contrastante, quando possível
• Evite usar conjuntos de caracteres exóticos
• Reduza os tempos globais de carregamento de
páginas, tanto como possível
• Evite demasiados gráficos
• Não segmente demasiadamente a informação
Como Fidelizar os Leitores
• Permita o registro on-line do usuário e use o banco de
dados para anúncios por email
• Ofereça registro automático para serviços de aviso de
mudança de páginas
• No caso de que a publicação é periódica, mantenha
estrita obediência à datas programadas de publicação
Como Fidelizar os Leitores (2)
• Anuncie em um número a data de publicação do
próximo número
• No caso em que a publicação é continua, atualize a
publicação sempre em um dia fixo ou que seja
fácil de lembrar
• Responda rapidamente aos emails des leitores
Propaganda Comercial
• Deve adaptar-se às peculiariedades do meio
• As formas prevalecentes atuais são os banners e
logotipos clicáveis
• Anuncios que tomam toda uma página ou que
sejan muito conspicuos são considerados
desagradáveis e menos tolerados pelos leitores
• as taxas cobradas variam muito e dependem do
tráfego e da importância da publicação
Home page
do patrocinador
Anuncio con link
Informação
de produto
Exemplos de Anúncios
Características Inovadoras dos
Anúncios On-Line
• links ao site do anunciante
• Anúncios animados (GIFs)
• Anúncios funcionais: caixas de busca, mapas
sensíveis, etc.
• Rotação do anúncio aleatorizada
• Anúncios condicionais a palavras-clave ou seção
• Serviços de intercâmbio de banners
• Podem ser documentados os acessos a anúncios
Parte VI
Indexação e Promoção da
Publicação
Promoção
• A Internet é um mundo completamente diferente
do das publicações impressas; portanto requer
estratégias e táticas especializadas de promoção,
comercialização e venda de um novo periódico
• as técnicas de promoção sistemáticas são
obrigatórias e exigem conhecimento e software ou
serviços especializados
Mecanismo
de Busca por
PalavrasClave
Catálogo
On-Line
Promovendo o Periódico
• Anúncio em listas de emailing e grupos de notícias
• Anúncio em outras publicações especializadas
(impresso ou on-line) e sites
• Anúncio em listas e sites de novidades na rede
• Submissão aos catálogos e mecanismos de busca
on-line, genéricos e especializados
• Uso de softwares e serviços de promoção
(centenas de catálogos e mecanismos de busca
simultaneamente)
• Estratégias para visibilidade e manutenção
Indexando um Periódico On-line
• Indexação automática em mecanismos de
busca da Web
– Não há a necessidade de submeter, mas é
desejável, para apressar o processo
– Todas as páginas no site são indexadas, com todas
as palavras do texto, imagens e links
– a busca é menos ineficaz, por ser baseada em
texto livre
– Nenhuma categorização hierárquica de assuntos
Exemplo de
Submissão a
Mecanismo
de Busca
Exemplos de Mecanismos de
Busca Genéricos
•
•
•
•
•
•
•
•
•
Altavista
Lycos
WebCrawler
HotBot
Excite
InfoSeek
MetaCrawler
AlltheWeb
Google
http://www.altavista.digital.com
http://www.lycos.com
http://www.webcrawl.com
http://www.hotbot.com
http://www.excite.com
http://www.infoseek.com
http://www.metacrawl.com
http://www.alltheweb.com
http://www.google.com
Indexando um Periódico On-line (2)
• Submissão de Sites para Catálogos On-line
– Entrada de dados baseada em formulario on-line
– A inclusão não é automática: examinada antes por
seres humanos
– O link se categoriza através de uma árvore
prefixado de assuntos
– Não se indexan automáticamente as demais
páginas
– Existem catálogos genéricos e especializados em
muitos dominios do conhecimento
Exemplo de
Formulário
de
Submissão
Yahoo!
Exemplos de Catálogos
•
•
•
•
•
•
•
•
Yahoo!
EINet Galaxy
Yellow Pages
HealthAtoZ
Achoo
MedHunt
MedWebPlus
Medical Matrix
http://www.yahoo.com
http://www.einet.com
http://www.riders.com
http://www.healthatoz.com
http://www.achoo.com
http://www.hon.ch/medhunt
http://www.medwebplus.com
http://www.medmatrix.org
Referência Básica
Http://www.epub.org.br/intermedic/n0101/catalog/catalog_p.htm
Exemplo de Software de Promoção
Registro descritivo
único
Lista de sites
a submeter
Exemplo de
Serviço de
Promoção
www.submitit.com
Bibliografia
http://www.epub.org.br/informaticamedica/n0103/sabbatini.htm
Bibliografia
Finis!