Arquivo da tag: webdesign

Player para o podcast Canção Nova

Podcast Canção Nova - player

A Canção Nova tem mais um serviço na internet, é oPodcast CN, e fizemos um player personalizado e sob medida para ele, e como de costume o blog vai ser o canal para explicar seu funcionamento e para você mandar suas criticas e sugestões.

Compartilhamento de podcast
Como já aconteceu com o player para WebTvCN, o podcast da canção tem a intenção de espalhar-se por blogs e sites, por isso há no site do podcast e também no próprio player duas maneiras para compartilhar:

  • via embed: que é o código html para adicionar o player em seu site.
  • via email: enviando o link(url) da página do podcast para um amigo ouvir.

Podcast Canção Nova - compartilhar via email
Teclas de atalho
Para quem utilizar o player com freqüência, poderá usar os recursos de atalho para controlar do player, as teclas de atalho são:

  • play ou pause      =  barra de espaço
  • avança tempo      =  seta direita
  • retrocede tempo  =  seta esquerda

Cronômetro
Há também a opção para alterar a contagem do tempo, clicar no cronômetro para alterar a ordem do tempo para crescente ou decrescente.

Atalho para página do podcast
Clickando no logo do Podcast no canto inferior do player você será redirecionado para a página do canal do podcast

Para experimentar confira abaixo um podcast com a Equipe da Redação do Portal Canção Nova.

O trabalho foi realizado por Marco Moura, que fez o design no illustrator e no flash, e a programação cliente-side em Action-Script 3.

E por Patricia Fernades, que fez a programação serve-side PHP, arquivos de xml e o script de envio de e-mail.

* Post originalmente escrito no blog Artificeweb

Anúncios

Videocoisas – seu canal de anúncios

Logo, videocoisas.com

Se você quer anúncios com recursos além do bom e velho texto e imagem, eu apresento-lhe videocoisas.com, projeto desenvolvido para a BrazilWeb.

Uma plataforma dedicada à publicação de vídeo-anúncios de seus usuários, ou seja, anúncios de produtos, serviços e habilidades pessoais no formato de vídeo–classificados.

O público anunciante pode classificar seus vídeo-anúncios de acordo com uma série de categorias e localidades. Além disso, podem criar canais, onde todos seus anúncios ficam agrupados, facilitando o contato com os visitantes interessados em seus vídeos.

São aceitos diversos formatos de vídeos, como AVI, MPEG, Quicktime, Real, OGV, e Windows Media e os arquivos dos anúncios devem ter até 50MB (cerca de 10 minutos de duração). A publicação de vídeo-anúncios no Videocoisas é gratuita.

 

O desenvolvimento

O trabalho realizado foi:

  • criação do logotipo
  • arquitetura do site
  • layout do site
  • programação serve-side
  • programação cliente-side (ajax)
  • design e programação do player de vídeo
  • criação de um gerenciador para o moderador
  • configuração do servidor

O Logotipo e o layout foi todo feito no illustrator.

Houve um cuidado especial com a url, a regra foi deixa-la legível e auto-explicativa (URL amigáveis, permalink ), para melhorar a indexão dos buscadores e facilitar a troca de url entre as pessoas .

Cada canal possui seu próprio subdomínio, para que futuramente o serviço possa ser personalizado para cada cliente, onde cada canal terá seu próprio layout e plugins.

As páginas estão seguindo os padrões Web ( webstandards ) o que proporcionou:

  • o tamanho das páginas foi otimizado, deixando-as com uma excelente performance no tempo de resposta
  • melhora no SEO (otimização nos sistemas de busca)
  • acessibilidade

E o restante da sopa de letrinhas de tecnologia utilizado no site é:

  • Microformats
  • Gravatar
  • Ajax
  • Tag-cloud por categorias e localização
  • RSS organizado por canal, categoria e localidade

Então, faça seus vídeos e divulgue produtos, venda, aluguel, ofereça prestação de serviços… ou qualquer outra coisa

 

 

Livros de tipografia

Como Webdesign é 95% tipografia!, lá foi eu estudar sobre o assunto, li dois livros de tipografia e vou deixar uma pequena análise e comentários a respeito, espero poder ajudar quem estiver em dúvidas sobre qual deles comprar, primeiro foi o ótimo Pensar com tipos da Ellen Lupton, e depois foi o Elementos do estilo tipográfico de Robert Bringhurst.

Pensar com tipos está na lista dos melhores livros que já li, gosto de seu acabamento, de seu papel e tem um excelente conteúdo, a autora é divertida com um assunto sério e monótono, e no fim de cada capitulo deixa um pequeno exercício, sem dúvida este são os diferencias deste que também é um livro de referência sobre o assunto, li duas vezes e tenho vontade de ler novamente.

Elementos do estilo tipográfico já é um livro mais sério, mas muito bem escrito, seu autor também já publicou livros de poesia, explica mais afundo sobre questões que envolvem tipografia, por isso o consideram a bíblia da tipografia, mas é de leitura mais difícil e demorada, mas quando tenho alguma dúvida vou direto nele.

Aconselho quem estiver iniciando no assunto ou mesmo quiser comprar estes livros a ir nessa ordem de leitura , como foi o meu caso, pois o primeiro é mais fácil para se ler e acaba sendo uma introdução para o outro.

Estes livros aumentaram meu interesse pelo assunto grid, que é um assunto relacionado com tipografia, então agora estou lendo o livro grids – construção e desconstrução

Layout do administrador de Podcast da TV Canção Nova

Está  on-line em desenvolvimento o o novo canal de podcast da Canção Nova, desenvolvimento do qual teve a singela participação de um membro da equipe Artifíce Web, Marco Moura.

Marco Moura foi o responsável por desenvolver o layout que será utilizado para a administração dos podcast (área restrita) e para o moderador da comunidade. Então se você vier a ter um podcast na CN, irá utilizar essa interface.

Essa é a página de gerenciamento de autores. Foi feita por Marco Moura (webdesign) e Luciana (programação)

O layout da área pública do site foi feito pelo Nelson, e assim que puder divulgaremos algumas imagens.

Com o layout todo pronto, agora as programadores Luciana e Patricia estão a todo vapor para concluir a programação e logo o novo site de podcast da Canção Nova estará disponível a todos .

Este texto foi originalmente postado no blog artificeweb no dia 30/04/2008

Web Design vs. Graphic Design

“Quando um logotipo funciona, ele faz você lembrar… sobre a empresa, sua influência, seu área de atuação… isso é a marca… Quando um website funciona… você está usando ele para algo. Está utilizando o web site… interagindo com ele, tendo uma experiência que, ao contrário dos logotipos, faz você se envolver… O problema é que muitas pessoas estão julgando website sem antes utilizar. Eles apenas, estão olhando…”

Joshua Porter, Do Canonical Web Designs Exist?

WebTypographer

Webdesign é 95% tipografia!

Depois de otimização, padrões e usabilidade, agora é a vez da tipografia , que foi negligenciada por muitos, mas um site eficiente se comunica com o mínimo de dificuldades para seus usuários, e descuidar da tipografia poderá faltar legibilidade, contraste no texto, grid, alinhamento…

É o assunto que venho estudando e gostando muito, afinal é uma habilidade muito importante, depois quem sabe amplio meus negócios para o mundo dos impressos… rss

alguns links para quem quiser saber mais sobre o assunto
http://del.icio.us/marco.moura/tipografia

Player de vídeo WEBtvCN

Player em flash que fiz para a webtvcn.com

Mais detalhes e informações no blog da equipe de internet da CN

http://blog.cancaonova.com/artificeweb/webtvcn-em-todo-lugar-com-novo-player-de-video/