Arquivo da categoria: 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

Catálogo multimídia para a modernidade moveis

 

modernidade móveis cd-rom

modernidade móveis cd-rom

 

Projeto realizado para meu amigo Eder Prado, o desenvolvimento do catálogo multimídia (CD–rom multimídia) dos produtos da loja Modernidade Móveis.

 

detalhes do produto

 

Desenvolvimento

O design foi feito no illustrator e depois exportado para o flash onde recebeu os retoques finais.

A interatividade e funcionamento foi feita programando em action script 3

Mas a parte mais trabalhosa foi organizar as imagens, que eram muitas.

Gostei muito de fazer esse job e adorei o resultado final.

É isso, se alguém quiser me presentear com um belo sofá ou saber mais sobre a loja  pode acessar www.modernidademoveis.com .

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

 

 

Podcast Canção Nova

Layout que fiz para ser utilizado na administração e pelos moderador do podcast Canção Nova

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

http://blog.cancaonova.com/artificeweb/podcast-cancao-nova/

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