Marco Moura

Blog em novo endereço

2010-08-26T15:31:00.003-03:00

Tentei mudar para o blogspot mas não deu .. vou continuar com o wordpress , então acessem marcomoura.wordpress.com

;-)

meu primeiro code dojo...

2010-08-11T15:44:00.005-03:00

Aconteceu terça-feira (10/08/10) um code dojo na empresa (Canção Nova), e como diz o ditado a primeira vez a gente nunca esquece.. eu terei boas recordações pq foi ótimo =D

leia o post completo no meu outro blog .. hehe ..

http://marcomoura.wordpress.com/2010/08/11/meu-primeiro-code-dojo/

:)

Ruby+Rails no mundo real 2010 – eu fui!!...

2010-05-30T14:04:00.002-03:00

Estive no evento Ruby on Rails no Mundo Real (http://www.temporealeventos.com.br/?area=130), organizado pelo Guru-SP, no sábado dia 29/05/2010.

Gostei do evento, os palestrantes mostram bom conhecimento dos assuntos, a apresentação sobre o Rails 3 apresentada por Hugo Barauna foi muito boa, que entre as novidades da nova versão eu destaco sua explicação sobre javascript no rails, que agora ficou fera demais.

Mas gostei pricipalmente das palestras sobre processamento em Batch e sobre o Rhodes, assuntos que me surpreenderam, pois não estava interessado por elas mas agora estou ansioso por uma oportunidade de utilizar, sai para o evento na expectativa por ver as apresentações de metaprogramação e refactoring, assunto do qual tenho pesquisando atualmente, talvez por causa desta expectativa que criei não apreciei tanto as apresentações, acho que poderiam ter sido melhor.. que certamente é uma tarefa difícil quando se aborda assuntos complexos como estes.

O evento foi show parabéns ao @guru_sp e a todos os palestrantes.. =D

O Rodrigo Ribeiro fez um post que cobriu todo o conteúdo e a programação do evento http://templariodatecnologia.wordpress.com/2010/05/31/minhas-impressoes-rubyrails-no-mundo-real-2010-290510/

Hotsite Interativo Cen

2010-05-14T14:56:00.006-03:00

O 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

Scrum Meeting 2.0 .. eu fui !!!

2009-11-28T10:44:00.000-02:00

Dia 26/11/2009 estive em São José dos Campos/SP participando do Scrum Meeting 2.0, evento criado pela Dextra Sistemas eTeamware do Brasil, com apoio do MIC - Microsoft Innovation Center para disseminar a cultura ágil em projetos de software.

A proposta do evento foi apresentar aos participantes o valor que o conceito de Business Agility proporciona aos projetos de software. Scrum permite alta velocidade de entrega, grande capacidade de ajustes a mudanças, alta produtividade, riscos minimizados e forte alinhamento entre TI e negócios.

Foram duas palestras, a primeira com o tema "Abordagem ágil em relação ao modelo de gestão tradicional", ou seja, a transição do trabalhador 1.0 (era industrial) para o trabalhador 2.0 (era do conhecimento). apresentado por Juan Barnabó da Teamware

E depois um caso prático de desenvolvimento em Scrum de plataforma de gestão de mídias digitais para a Globosat com equipe de projeto do fornecedor a 600km de distância, que foi apresentado por Marcos Alves - Dextra

para mais informações : http://www.dextra.com.br/noticias/sao-jose-dos-campos-recebe-dia-26-o-evento-scrum-meeting-2.0.htm

Rails summit 2009.. Eu fui!!

2009-10-15T08:14:00.000-03:00

Aconteceu nos dias 13 e 14 de outubro o Rails Summit , evento com palestrantes nacionais e internacionais sobre o universo Rails.

[caption id="" align="alignnone" width="240" caption="Marco Moura, Matheus Muller, e Ronan Gimenes no Rails Summit 2009"][/caption]

Foi ótimo, com palestras do melhores profissionais de rails do mundo, e os palestrantes nacionais não devendo nada, em termos de qualidade, para os estrangeiros, como a do José Valim.

[caption id="" align="alignnone" width="240" caption="Fabio Akita, palestrante e organizador do evento"][/caption]

A organização foi perfeita, parabéns aos organizadores.

até o summit 2010 ;-)

Player para o podcast Canção Nova

2009-05-05T07:51:00.000-03:00

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.

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

2008-10-02T23:44:00.002-03:00

[caption id="" align="alignnone" width="500" caption="modernidade móveis cd-rom"][/caption]

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.

[caption id="" align="alignleft" width="240" caption="detalhes do produto"][/caption]

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 .

Catálogo multimídia para a modernidade moveis

2008-10-02T23:44:00.001-03:00

Videocoisas – seu canal de anúncios

2008-09-24T22:04:00.001-03:00

Se você procura um serviço de anúncios com recursos além do bom e velho texto e imagem, eu apresento-lhe videocoisas.com, um trabalho meu 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 videoclassificados.
O público anunciante pode classificar seus video-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 video-anúncios no Videocoisas é gratuita, com limite de um vídeo ativo por usuário.

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)
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
ajax
Tag-cloud por categorias e localização
RSS , organizado por canal, categoria e localidade

Então faça seus videos e divulge produtos, venda, aluguel, ofereça prestação de serviços… ou qualquer outra coisa…

Videocoisas – seu canal de anúncios

2008-09-12T10:26:00.002-03:00

Se você quer anúncios com recursos além do bom e velho texto e imagem, eu apresento-lhe videocoisas.com, um trabalho meu 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.

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...

Videocoisas – seu canal de anúncios

2008-09-12T10:26:00.001-03:00

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.

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

2008-06-04T16:25:00.002-03:00

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 adquirir 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

Livros de tipografia

2008-06-04T16:25:00.001-03:00

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

Podcast Canção Nova

2008-04-30T15:20:00.002-03:00

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/

Podcast Canção Nova

2008-04-30T15:20:00.001-03:00

Administrador Podcast Canção Nova

2008-04-30T07:56:00.000-03:00

Está em desenvolvimento o on-line 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 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 do cliente 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

Web Design vs. Graphic Design

2007-12-07T11:33:00.002-02:00

“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?

Web Design vs. Graphic Design

2007-12-07T11:33:00.001-02:00

Joshua Porter, Do Canonical Web Designs Exist?

WebTypographer

2007-09-11T16:06:00.002-03:00

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

WebTypographer

2007-09-11T16:06:00.001-03:00

Player de vídeo WEBtvCN

2007-07-25T15:35:00.002-03:00

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/

Player de vídeo WEBtvCN

2007-07-25T15:35:00.001-03:00

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/

Algumas novidades sobre o HTML 5

2007-06-21T09:07:00.002-03:00

Não sei quando os browser iram implementar , mas o HTML 5 tem novidades para facilitar nosso trabalho e melhorar a semântica dos documentos.
Vou listar o que achei mais significativo:

Mudança no modelo de conteúdo, os elementos block deveram conter em sua raiz um elemento in-line ou um block , mas não ambos .

Este é um exemplo do que será permitido:

<div>
<p><em>...</em></p>
</div>

mas isto não :

<div>
<p>...</p>
<em>...</em>
</div>

Novos elementos introduzidos

Alguns para melhorar a estrutura dos documentos, como:

section : poderá ser utilizado junto com H1-H6 para indicar a estrutura do documento

article : representa um pedaço independente de um conteúdo ou documento, como o post de um blog ou um artigo

aside: um trecho de conteúdo q tem pouco relacionamento com o resto do conteúdo

header: cabeçalho de uma seção

footer: o rodapé de uma seção , e pode ter informações sobre o autor,copyright, etc...

nav: para ser utilizado como menu de navegação

dialog: pode ser utilizado para marca um dialogo

figure: pode ser utilizado para adicionar titulo em gráficos e videos

<figure>
<img src='teste.jpg'/>
<legend>Example</legend>
</figure>

e outro elementos como :

progress: representa o status de uma tarefa

e o elemento input tem mais attributos:

datetime

datetime-local

date

month

week

time

number

range

A intenção deste novos atributos para o input é de melhorar a comunicação com o browser, por exemplo no auto preenchimento dos formulários

Novos atributos:

autofocus: para o elemento imput, como pode se imaginar é para focar o elemento após o carregamento da página

require: para o elemento input, para indicar que o campo precisa ser preenchido antes do formulário ser enviado

inputmode: dá uma dica (hint) ao user sobre qual tipo de resposta se espera

autocomplete

draggable

Um dos atributos quem não será mais padrão e o rev para o elemento link e charset, mas utilizamos esse atributo com microformats que talvez sofra modificações por causa disto

No dom, getElementsByClassName foi adicionada e innerHTML agora é padrão

As mudanças não são grandes e muito do que ele propõe já é feito com javascript, mas quando utilizarmos HTML 5 certamente iremos precisar de menos javascript

fonte : HTML5 differences from HTML4

Algumas novidades sobre o HTML 5

2007-06-21T09:07:00.001-03:00

<div>
<p><em>...</em></p>
</div>

mas isto não :

<div>
<p>...</p>
<em>...</em>
</div>

Novos elementos introduzidos

Alguns para melhorar a estrutura dos documentos, como:

section : poderá ser utilizado junto com H1-H6 para indicar a estrutura do documento

article : representa um pedaço independente de um conteúdo ou documento, como o post de um blog ou um artigo

aside: um trecho de conteúdo q tem pouco relacionamento com o resto do conteúdo

header: cabeçalho de uma seção

footer: o rodapé de uma seção , e pode ter informações sobre o autor,copyright, etc...

nav: para ser utilizado como menu de navegação

dialog: pode ser utilizado para marca um dialogo

figure: pode ser utilizado para adicionar titulo em gráficos e videos

<figure>
<img src='teste.jpg'/>
<legend>Example</legend>
</figure>

e outro elementos como :

progress: representa o status de uma tarefa

e o elemento input tem mais attributos:

datetime

datetime-local

date

month

week

time

number

range

A intenção deste novos atributos para o input é de melhorar a comunicação com o browser, por exemplo no auto preenchimento dos formulários

Novos atributos:

autofocus: para o elemento imput, como pode se imaginar é para focar o elemento após o carregamento da página

require: para o elemento input, para indicar que o campo precisa ser preenchido antes do formulário ser enviado

inputmode: dá uma dica (hint) ao user sobre qual tipo de resposta se espera

autocomplete

draggable