Seja bem vindo ao Olhar Atento

Aqui você terá acesso a uma linha completa de soluções CMS/SGC (Content Management Systems ou Sistema de Gestão de Conteúdo) para gestão de material on-line.

Com sistemas Olhar Atento será muito fácil gerenciar conteúdo, tais como websites, intranets, extranets e sistemas avançados para as mais diversas necessidades, sempre tendo o ambiente Web como plataforma de hospedagem.
Com uma solução Olhar Atento, você se preocupa apenas com o conteúdo!
Fruto de anos de desenvolvimento e aprimoramentos e utilizado por dezenas de clientes, a escolha de uma solução Olhar Atento é a certeza de estar firmando parceria com uma plataforma TI extremamente consolidada e competitiva.

Como mensurar newsletters e links

Do que adianta ter um ótimo sistema se não sabemos ao certo o quanto tem sido efetivo o trabalho e o seu resultado em face de tudo que é publicado no site ou mesmo enviado por newsletter.

A melhor maneira é associar a inclusão e/ou envio (caso de newsletter) do conteúdo com algum sistema que possa gerar uma análise estatística apurada. Existem muitas maneiras, mas vou sugerir duas que considero muito interessantes.

  • Google Analytics - http://www.google.com/intl/pt-BR/analytics/

    É um sistema completo e muito detalhado com capacidade de gerar um verdadeiro raio x da performance do seu site. Basta entrar no link acima, criar uma conta gratuita e seguir todas as instruções para que o sistema possa começar a gerar os dados que tantos nos interessam. Se houver dificuldade, entre em contato que posso ajudar.

    Considere apenas que os dados estatísticos serão gerados automaticamente para todas as páginas visualizadas do site, mas que não possuem meio de mensurar cliques em páginas que estão fora do domínio e por isso, se houver a necessidade de mensurar o resultado do envio de conteúdo em alguma Newsletter por exemplo, precisamos passar parâmetros específicos nos links.

    Mas isso é um processo muito simples, basta entrar no Criador de URL do Google Analytics em http://www.google.com/support/googleanalytics/bin/answer.py?answer=55578&topic=11097 e criar os links de acordo com sua necessidade, dessa forma, quando o link for clicado teremos meios de mensurar com precisão o seu resultado em determinadas situações.

 

  • Bit.Ly - http://bit.ly/

    O bit.ly é um sistema gerador de links, na verdade em época de Twitter (http://twitter.com/) ele é muito usado por sua possibilidade de se gerar um endereço web de tamanho reduzido. Veja por exemplo o link que postei acima http://www.google.com/support/googleanalytics/bin/answer.py?answer=55578&topic=11097 mas que usando o bit.ly eu posso por exemplo ter isso aqui http://bit.ly/UebzC uma mudança radical no tamanho.

    Sendo cadastrado no site que é um processo gratuito eu poderia ainda personaliza, algo como http://bit.ly/OlharAtento o que é muito interessante pela praticidade.

    Mas a melhor parte é que ao ser clicado, cada link gera um pequeno mas muito interessante sistema de estatística que pode ser acompanhado pelo site da bit.ly ou seja, uma maneira simples e muito eficiente de se mensurar cliques no site ou na newsletter sem a necessidade de ter que instalar códigos ou gerar instruções como no caso do Google Analytics.

Dicas de formatação com o uso de um “Editor Visual”

Antes de tudo, é preciso ter em mente que qualquer Editor do tipo WYSIWYG normalmente usado em sistema do ambiente Web possuem limitações sérias quanto aos recursos de formatação quando comparados a qualquer editor de texto usado no micro e por isso talvez seja imprescindível nos livrar da obrigatoriedade de ter algo complexo ou idêntico ao que seria feito em um desses editores que estamos inicialmente acostumados a usar.

A razão desta limitação é simples e justificável pelo fato da necessidade de se ter que gerar, através dessa formatação, um código em linguagem HTML como saída, uma linguagem feita para o ambiente web e que deve ser compatível com qualquer computador, com qualquer navegador independente da plataforma, seja Windows nas suas diferentes versões, Mac, Linux ou qualquer outro sistema operacional.

Em muitos casos, usamos essa formatação para ser visualizada ainda em programas de e-mails quando enviamos newsletter por exemplo o que nos traz ainda mais problemas pois nem todos os programas estão preparados para interpretarem códigos complexos de HTML e possuem limitações sérias nesse sentido.

Então, antes de tudo, a questão básica no uso de qualquer editor deste tipo está na afirmativa: SIMPLICIDADE!

Sendo assim, abaixo vou mostrar algumas dicas tendo como base o Editor CKeditor em sua versão 3.3.1 e se por acaso seu editor for de uma versão diferente, entre em contato para que possa ser atualizado que é o recomendável.

  • Procure bater o texto sempre em tela maximizada, para isso, use o ícone maximizar
  • Habilite sempre ou ao menos de tempos em tempos o ícone para mostrar blocos blocos que pode ser fundamental para ter uma visão apurada dos parágrafos e de suas formatações. Basicamente o editor faz toda a formatação por parágrafos e por meio desse recurso será fácil perceber onde pode estar o problema.
  • Não confunda “quebra de linha” com “parágrafo”, caso queira bater um novo parágrafo, basta teclar no “<enter>” do teclado e automaticamente terá um parágrafo, mas repare que o espaçamento entre a linha anterior é formado por um espaço duplo e isso nem sempre nos interessa. Para evitar isso, pressione antes o <shift> do teclado e só então o <enter>. Mas considere que esse texto, por ser apenas uma quebra de linha, fará parte do parágrafo e estará herdando toda a formatação do parágrafo imediatamente acima.
  • Por conta de todas as variáveis envolvidas em cada computador, o editor pode ter uma formatação nem sempre muito fiel ao que desejamos e por isso, sugiro que monte como referência final o que é visto no navegador, para isso, use o ícone Visualizar preview
  • Muitos ao saber da possibilidade de colar e copiar a partir de outros programas, preferem montar o conteúdo a partir de outros editores e isso se por um lado facilita, pode criar outros problemas complexos na conversão. Alguns programas em especial os da MS usam para formatar complexos códigos em CSS e isso é terrível pois insere um número de variáveis e necessidades maiores ainda na formatação.  Se esse for o seu caso, ao colar use o ícone Colar do Word colarword  para garantir que os principais “lixos” gerados na conversão sejam removidos.
  • Para inserir uma imagem com texto, digite o seu texto normalmente em parágrafo. Coloque o cursor no início desse parágrafo, pressione o ícone figura figura e siga detalhadamente as seguintes opções:

    URL – Endereço da imagem

    Texto Alternativo – Que irá aparecer em alternativa a imagem

    Largura e Altura – Caso queira redefinir o tamanho que irá aparecer na tela

    Borda – Use 0 (zero)

    Horizontal e Vertical – É o espaço entre o texto e a imagem nesse parágrafo, teste a vontade, sugiro valores como 5 ou 10.

    Alinhamento – Pronto, se escolher “esquerda” a imagem entrará a esquerda do texto e se o texto for maior, irá contornar toda a imagem como mostro abaixo. O mesmo acontecerá no alinhamento a direita.

    formatar figura

  • Em alguns casos, esse tipo de formatação pode não ser suficiente e aí, podemos recorre ao uso de tabelas. Primeiro inserimos uma tabela com o ícone  tabela e podemos seguir o preenchimento como mostro abaixo, repare que basicamente estaremos inserindo uma tabela de 1 linha e 2 colunas. Podemos colocar a imagem na primeira coluna e o texto na segunda coluna. Usando desse expediente poderemos criar complexos layouts com diversos formatos.

tabela_formatacao

  • Se foi feito um link em alguma imagem pode acontecer de surgir uma linha, provavelmente azul em volta da imagem, nesse caso basta colocar Borda=0 como mostro no exemplo acima lá nas propriedades da imagem.
  • As vezes queremos alterar alguns parâmetros de algo que já está no texto, procure clicar com o botão direito do mouse para que abra um menu de opções, como propriedades por exemplo. Dentro de uma tabela por exemplo, você tem acesso a todos os parâmetros de cada célula, como largura, alinhamento, cor e etc.

www.medicinaindiana.com.br - Versão 2010

Depois de um longo trabalho de migração e ajustes, foi inaugurado o upgrade do site http://www.medicinaindiana.com.br que agora usa a mais recente versão do sistema OA-Conteúdo, dispondo de muitas melhorias e novas funcionalidades em relação ao site antigo.

www.medicinaindiana.com.br

www.medicinaindiana.com.br_boletim

Publicando em PDF como alternativa a arquivos complexos

Um dos maiores problemas que todo administrador de conteúdo se depara é com a publicação de arquivos que possuem estrutura de dados complexas, como tabelas, planilhas, gráficos ou documentos de editores de textos com várias páginas e elementos gráficos.

Na teoria, de uma forma ou outra sempre será possível  transformar esse documento em HTML para a publicação de seu conteúdo na web.  Acontece que por vezes temos pressa ou outras prioridades e seria complicado perder um precioso tempo nessa tarefa.

Para resolver isso, a melhor alternativa é transformar seu documento para o formato PDF, um formato altamente compatível e que possibilita a leitura dos dados de maneira fiel e descomplicada por qualquer pessoa.
Crystal_Clear_mimetype_pdf
Para isso, entre no site http://www.exp-systems.com/ que desenvolveu um maravilhoso freeware (programa grátis) e baixe o programa PDF reDirect v2

Esse programa gera  arquivos PDFs a partir de uma simples impressão. Isso mesmo, mande imprimir, escolha a impressora “PDF reDirect” escolha o destino e pronto.  Basta pegar esse arquivo e disponibilizar para seus clientes.
Print2PDF
printer
Agora que você já tem todo o conteúdo em um simples arquivo PDF, ao publicar no seu site ou mala direta basta criar uma simples introdução de seu conteúdo e fazer o link direto  para o arquivo no formato PDF que você subiu para o servidor de seu sistema.

Por exemplo:
Pacote de viagem para Europa - O velho Continente, onde tem o melhor da arte, da história, do romance e charme merece a visita de sua família. Pacote Aéreo completo, incluindo passagem, hospedagem e passeios terrestres. Saiba tudo nesse link aqui: pacote de viagem para Europa.pdf

Esse procedimento tem muitas vantagens:
  • Agilidade para postar;
  • Compressão dos dados de forma automática o que tende a gerar um arquivo muito menor se comparado ao original.
  • Possibilidade de colocar um número maior de conteúdo por página ou boletim.
  • Velocidade de acesso por parte do usuário.