|
Recursos /
ManualdeUtilizacao
IntroduçãoO JornalismoPortoNet? usa um Sistema gestão e publicação de conteúdos (Content management system) na Web. A gestão do JPN é feita através do Movable Type Versão 3.34, uma ferramenta normalmente utilizada para a publicação de blogs. AcessoO acesso ao Sistema de gestão de conteúdos do JPN é feito via Web e está acessivel a partir de qualquer parte do mundo. Para tal basta apontar um navegador (Browser) para: A seguinte página será apresentada:  Clique em: "Log in to Movable Type" A seguinte página será apresentada:  Preencha o campo "Username" com o nome profissional por si escolhido (Ex: Pedro Rios) Preencha o campo "Password" com a palavra-chave por si escolhida (Ex: Batata) Clique em "Log in" Se os dados de acesso que utilizou estiverem correctos o seu browser deverá apresentar uma página onde estarão presentes as várias áreas do JPN a quem tem acesso. Deverá então selecionar a área que pretende:  O ecrã de edição do JPN é o seguinte:  Para mudar a sua password, ou qualquer outro dado pessoal, deve aceder ao painel de configuração de contas. A ligação para o painel está no canto superior direito, sendo que é necessário clicar no seu nome para o aceder:  Configuração do painel de edição de notíciasAntes de criar ou editar uma entrada no JPN é necessário configurar o "Painel de edição de notícias". Esta é uma tarefa é obrigatória para todos os que criam notícias no JPN e só necessita de ser realizada com sucesso uma vez. No ecrã de edição do JPN: 1. Seleccionar a opção "NOVA ENTRADA / NEW ENTRY " do menu esquerdo.  2. Seleccionar a opção "Configurar o aspecto desta página. / Customize the display of this page.", que se encontra no fundo da página do lado esquerdo.  Na nova janela que surge, seleccionar (ver imagem):
 Depois de concluir a tarefa clique em "Save" Criar novas notíciasAntes de criar uma notícia é necessário Configurar o painel de edição de notícias1. Seleccionar a opção "NOVA ENTRADA" do menu esquerdo. 2. Escrever a notícia usando o formulário da página: 2.1 "Título" Texto normal, com maiúsculas e minúsculas, sem elementos HTML.  2.2 "Lead" Na verdade, trata-se da chamada Super Entrada) Um resumo da notícia. Não deve ultrapassar as 25 palavras. Deve ser apresentada de forma seca e directa resumindo numa ou duas frases as principais ideias da notícia. Muitas vezes complementa o título, por isso não deve repetir simplesmente a ideia fixada em título.  Exemplo: Título: "Metro do Porto diz que não há indemnizações por pagar" Lead: Valentim Loureiro "refuta categoricamente a existência de qualquer dívida ou de qualquer obrigação em relação ao pagamento de eventuais indemnizações a comerciante". 2.3 "Corpo" O corpo da notícia. Texto com elementos HTML. Ver "Formatação de texto" para mais informações sobre formatar uma notícia.  2.4 "Notícias Relacionadas" Elementos HTML. Lista de notícias relacionadas com a notícia que se está a escrever. Este campo é preenchido apenas com Ligações.  2.5 "Imagem Principal" A imagem (principal) associada à notícia. Todas as notícias devem ter uma imagem. Este campo é preenchido apenas com o (apenas um) url da imagem pretendida.  2.6 "Legenda da Imagem Principal" Legenda da imagem (principal) associada à notícia. Deve ser uma curta descrição da imagem ou situação.  2.7 "Autor da Imagem Principal" Nome do Autor da Imagem Principal/Origem da Imagem Principal  2.8 "Vídeo Principal" Este campo é preenchido apenas com o (apenas um) url da Vídeo Principal. 2.9 "Imagem do Video Principal" Este campo é preenchido apenas com o (apenas um) url da Imagem do Vídeo Principal. A imagem é necessária para quando o vídeo não está a ser reproduzido. Serve igualmente para apresentação da notícia em páginas que não suportem a reprodução do vídeo. 2.10 "Legenda do vídeo_Principal" Legenda do vídeo (principal) associado à notícia. Deve ser uma curta descrição do vídeo ou situação. 2.11 "Áudio Principal" Este campo é preenchido apenas com o (apenas um) url do Áudio Principal. 2.12 "Imagem do Áudio Principal" Este campo é preenchido apenas com o URL da Imagem do Áudio Principal. A imagem é necessária para uma descrição do Áudio. Serve igualmente para apresentação da notícia em páginas que não suportem a reprodução de áudio. 2.13 "Legenda do Áudio Principal" Legenda do Áudio (principal) associado à notícia. Deve ser uma curta descrição do Áudio. 2.14 "Slideshow" Este campo é utilizado para a criação de fotogalerias. Neste campo insere-se o ficheiro XML relativo à fotogaleria em causa. 2.15 "Infografia" Este campo é preenchido apenas com o (apenas um) url da Infografia (em formato SWF). Deve ser indica a altura da mesma em pixéis (valor recomendado: 450) 2.16 "Autores" Nome e e-mail dos autor(es) da notícia. 2.17 "Tags" Marcadores da notícia. Devem ser escolhidos com precaução. Não devem ser demasiado específicos ("U2", por exemplo, não deve ser uma tag, mas "Música" é). 2.18 "Status" Todas as notícias devem ser gravadas em rascunho até ao momento da publicação. Para ver como fica a formatação de uma notícia, usar o botão de "Preview" 2.19 "Preview" O botão de "preview" gera uma página em tudo idêntica aquela que será produzida quando a notícia for publicada. Como assinar notícias?O nome do autor da notícia deve ser incluido na caixa de texto com o nome "autores" da seguinte forma: Joaquim Fonseca - ljcc0087@icicom.up.pt Quando colaboram vários autores, usar: Joaquim Fonseca - ljcc0087@icicom.up.pt<br>António Fonseca - ljcc0088@icicom.up.pt Exemplo:  No caso de notícias breves, que não acrescentem informação a notícias publicadas noutros órgãos de comunicação social ou se baseiem unicamente em comunicados de imprensa, pode-se optar pela assinatura: JPN - jpn@icicom.up.pt Como escrever texto?Os parágrafos devem ser curtos (cerca de 400/500 caracteres, incluindo espaços). Ao escrever texto, os parágrafos devem ser separados por linhas em branco (ver imagem). Exemplo:  Como definir subtítulos?Para introduzir subtítulos no meio de um texto, usar o elemento h3. Exemplo: "<h3>Isto é um subtítulo</h3>". Como destacar texto?Existem dois elementos em HTML que permitem destacar texto: <i> ou <b> (ou, em alternativa, <strong>). Normalmente traduzem-se visualmente em itálico e negrito, respectivamente. Para aplicar um destes elementos a um bloco de texto: Itálico : *Delimitar o texto com <i> no início e </i> no fim; Negrito : *Delimitar o texto com <strong> no início e </strong> no fim. Negrito : *Delimitar o texto com <b> no início e </b> no fim. Como fazer ligações para outras páginas?
 Inserir imagensAntes de inserir imagens no sistema é necessário seleccionar e redimensionar a imagem num programa de edição de imagens (p.e. Photoshop). As imagens principais devem ter as dimensões de 305px de largura e 229 px de altura. É necessário ter atenção porque é possível colocar imagens com dimensões superiores ou inferiores, o que, no que toca às imagens principais, pode ir contra a coerência visual do JPN. No interior do texto aceita-se que se utilizem outros tamanhos, mas em casos específicos (ver ponto Imagens com dimensões diferentes) Para inserir uma imagem, seleccione a opção "Upload file / CARREGAR FICHEIRO" no menu esquerdo. Faça "Procurar..." / "Browse..." e seleccione o ficheiro. Clique em "Set Upload Path". Escolha a secção em que a imagem melhor se enquadra. As imagens devem ter nomes descritivos e, de preferência o autor (abreviado). Exemplo:  O nome dado a esta imagem é: novasOport1_lrdias.jpg (tema: Novas Oportunidades: Autora: Liliana Rocha Dias) Para finalizar, seleccione a opção "CARREGAR". Na janela seguinte, escolher a opção "Mostrar código HTML / Show me the HTML" e carregar em "IMAGEM EMBEBIDA / Embedded Image".  Na última janela, seleccionar e copiar o código HTML e colar onde se pretende utilizar.  Se for a imagem principal, isto é aquela que aparece no topo da peça então copiar apenas o url e colar na caixa "Imagem" Importante: Na caixa Imagem colar apenas UM url:  Imagens com dimensões diferentesPor defeito, o tamanho das imagens do JPN é 305 pixéis (largura) por 229 pixéis (altura), seja no corpo do texto, seja no campo Imagem Principal. Mas é possível inserir imagens com tamanhos maiores e menores. Isto aplica-se, sobretudo, em fotografias do corpo do texto, mas também em imagens que fazem a ligação para outras peças que se queiram destacar mais do que a simples colocação no campo "Notícias Relacionadas". Eis um exemplo:  Se for colocada dentro de uma Caixa, o tamanho da imagem deve ser 250 pixéis (largura) por 150 pixéis (altura). Eis um exemplo:  Como relacionar notíciasPara relacionar notícias é preciso construir ligações em html - ver secção Como fazer ligações para outras páginas? Primeiro deve-se recolher as ligações das notícias que se pretendem relacionar com a notícia que está a ser editada. Em seguida acresentar as ligações na caixa "Notícias Relacionadas", deixando uma linha de espaço entre cada uma. Exemplo: A notícia publicada no JPN cujo título é "Editar um livro:o momento da prova(ção)" apresenta o seguinte "url": http://jpn.icicom.up.pt/2004/03/26/editar_um_livro_o_momento_da_provacao.html Assim, em primeiro lugar é necessário transformar o "url" numa ligação: <a href="http://jpn.icicom.up.pt/2004/03/26/editar_um_livro_o_momento_da_provacao.html">o momento da prova(ção)</a> Em seguida deve-se acresentar esta ligação na caixa de nome "Notcias Relacionadas", tal como indica a imagem que se segue:  Destacar notíciasExistem dois tipos de destaques: normal e principal Para colocar uma notícia em "destaque normal", ela deve ser associada à categoria "Destaques". Para a colocar em "destaque principal", ela deve ser associada à categoria "Destaque Principal". Se existirem várias notícias em destaque, as mais recentes são apresentadas. No formulário de uma entrada já gravada, escolher a opção "ASSOCIAR A MÚLTIPLAS CATEGORIAS / ASSIGN MULTIPLE CATEGORIES". Na lista que surge, associar a categoria "Destaques"/"Destaque Principal" à entrada e gravar. SomHá dois tipos de Áudio no JPN: o dos balões e o das peças áudio. O som dos balões deve ser curto, uma espécie de "registo sonoro" da rádio (30/40 segundos no máximo). Sugere-se que o balão seja criado em palavras estratégicas, como "afirma", "disse", "acrescentou". O aspecto do balão áudio é o seguinte:  As peças áudio são peças semelhantes às de rádio. Têm a voz da jornalista da jornalista a narrar e incluem registos sonoros (ambiente e/ou dos entrevistados). Devem ter a categoria "Áudio". O aspecto de uma peça áudio é o seguinte:  VídeoHá dois tipos de Vídeo no JPN: o dos balões e o das peças de vídeo. O vídeo dos balões deve ser curto (30/40 segundos no máximo). Não tem oráculos, nem voz off. Sugere-se que se utilizem para mostrar pequenos vídeos que funcionam como complemento do texto (ex: alguns segundos que mostrem o ambiente de uma manifestação) ou com as declarações de um entrevistado (sugere-se um plano relativamente apertado). Estes vídeos são gravados pelos próprios autores da notícia. Sugere-se que o balão seja criado em palavras estratégicas, como "afirma", "disse", "acrescentou". O aspecto de um balão de vídeo é o seguinte:  As peças de vídeo são peças semelhantes às de televisão. São gravadas pelos técnicos de audiovisual do curso. Devem ser assinaladas com a categoria "Vídeo". O aspecto de um peça de vídeo é o seguinte:  CaixasPara criar uma caixa utiliza-se a expressão <div class="textbox">conteúdo da caixa</div>. Geralmente inicia-se o conteúdo da caixa por um título, através de <h2>. Um exemplo: <div class="textbox"><h2>Efeitos negativos</h2>Orlanda Cruz, professora da Faculdade de Psicologia e Ciências da Educação da Universidade do Porto e psicóloga do desenvolvimento, considera que o telemóvel pode ser um factor de proximidade para com os <a href="http://jpn.icicom.up.pt/audio/psic_online1.mp3" title="pais">pais</a>, mas afirma que se usado na escola "a criança está a quebrar uma regra e a não acompanhar a aprendizagem, correndo o risco de ficar para trás, bem como de retardar o seu percurso escolar". </div> Resulta em:  |