Arquivo da tag: portifolio

Website HD Inspeções

hdinspecoes.com.br

hdinspecoes.com.br

Projeto realizado para a empresa HS & Cia, empresa responsável pela área de informática da HD Inspeções.

A HD Inspeções é uma empresa do vale do paraíba que faz inspeções e revestimentos em tubos.

O job foi fazer um site estático, que consistiu em fazer o layout ( do qual foi feito no Illustrator), a conversão HTML/CSS, um script PHP de envio de email e o deploy para o servidor.

Segue o link do site

http://www.hdinspecoes.com/

Anúncios

Hotsite Interativo Cen

Interativocen é um HotSite para ser utilizado na cobertura do evento CEN (Congresso Eucarístico Nacional) 2010/XVI.

Hotsite CEN 2010

É um agregador de conteúdo que busca por CEN2010 no flickr, youtube, webtcn, podcast cn e twitter, permitindo que os internautas acompanhem tudo que acontece no evento e colaborarem com a cobertura online, basta adicionar a tag cen2010, mais informações no site do interativocen.

Foi produzido pela TI da Canção nova (FJPII) e participaram deste projeto: Marco Moura(programação), Marcos Paiva (webdesign), equipe do cpd, João Mariano (marketing), Ivanilson Thurler (gerente desenvolvimento) e André Bittencourt (gerente desenvolvimento).

O layout e a conversão HTML/CSS foi feito por Marcos Paiva.

Trecho de código HAML e Ruby on Rails do interativocen

A programação foi feita por Marco Moura, que fez a app em Ruby On Rails,a conversão do html para o template HAML , a programação JavaScript com Prototype/Script.aculo.us,  e os ajustes do fork do Mashup.cancaonova para funcionar como backend para consulta das API youtube, flickr, twitter.

trecho de código limpo em ruby on rails

Neste projeto foi feito um experimento utilizando conceitos de Código limpo de Uncle Bob (Clean Code), apesar de ser uma aplicação simples e essa ter sido a primeira vez que o conceito foi utilizado, foi possível observamos os benefícios que um código organizado, descritivo e objetivo proporcionam, se quiser conferir o código está disponível no github .

O site é uma colaboração da Canção Nova ao evento e será doado aos organizadores, e torcemos que este projeto seja útil a todos aqueles que de alguma maneira irão participar do evento.

É isso ai , até a próxima 😉

Marco Moura

texto originalmente criado para o blog.cancaonova.com/desenvolvimentoti

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