Archive for the ‘Desenvolvimento Web’ Category

Firefox Download Day - Ajude o Firefox a estabelecer um Recorde Mundial!!!

Tuesday, June 17th, 2008

Download Day

Se você lendo este post, é por que o Firefox Download Day já esta acontecendo.

Queremos estabelecer um Recorde Mundial no Livro dos Recordes Guinness para o software mais baixado em 24 horas. Com o auxilio da nossa comunidade e a sua ajuda temos certeza de que conseguiremos. Quer saber como você pode nos ajudar ainda mais?

CLIQUE AQUI PARA BAIXAR O FIREFOX 3.0

O Firefox Download Day aqui no Brasil, tem inicio às 14hs (Horário de Brasília), e a partir desse horário você pode baixar o Firefox 3, ajudando assim a estabelecer o recorde mundial para o Firefox.

FISL 9 - E a primeira participação Mozilla !!!

Saturday, May 17th, 2008

Sei que esse é só mais um relato sobre o FISL 9 (e bem atrasado, diga-se de passagem), mas acho que é legal contar como foi a primeira participação oficial da Mozilla(junto com o grupo de usuários local, Moz/BR) no evento.

O FISL 9.0, diferente dos outras que participei, foi quase um divisor de águas(para mim, pessoal e profissionalmente falando), pois foi o primeiro evento no qual eu participei representando a Mozilla(a comunidade brasileira e a Foundation também), e posso dizer que foi um prazer fazer isso.

Mas vamos ao que interessa, os relatos da minha saida de São Paulo até a minha volta(infelizmente).

17/Abril/08 - O Início

Saimos da minha casa em São Paulo(Mário RInaldi e eu) por volta das 3:10hs da manha. Tempo um pouco frio, sem chuva, e eu imaginando que seria tranquilo chegar em Porto Alegre, mas, engano meu.

Chegamos ao aeroporto de Guarulhos por volta das 3:40hs da manha, e já tivemos a surpresa de que o vôo poderia atrasar (nada muito assustador nos aeroportos brasileiros). Já na Fila de check-in, começamos a observar a migração nerd feita todos os anos para Porto Alegre :).

Depois de passar pelo detector de metais (nerds com notebook sabem que essa é a pior parte), chegamos na área de embarque, e no horário previsto entramos no avião. Depois de uma hora dentro da aeronave(acho essa palavra muito legal :-P ), e eu já esperando as bolachas e o suco que é servido durante o vôo, o comandante nos avisa que não iriamos mais decolar, pois “não ah condições de pouso em Porto Alegre” … ok, voltemos para a área de embarque.

Mais uma vez os nossos amigos que tinham seus notebooks, sofreram com o detector de metais (sim, eles nos pediram pra passar de novo por isso, mas tudo bem), enfim, voltamos para a área de embarque.

Algumas horas depois (quase 5 horas), depois da companhia aérea nos dar lanchinhos extras, e depois de muto quebrar a cabeça com os jogos que um dos nerds tinha na mochila, somos chamados novamente para embarcar, e como num passe de mágica, dessa vez decolamos, e chegamos sem problemas, quase 11hs da manha, ao aeroporto Salgado Filho(Porto Alegre - RS),

Chegamos ao evento sem muitos problemas, e com a surpresa de termos nosso stand decorado com vários logos do Firefox, graças a Mary e o pessoal que já estava lá, que levaram os adesivos e enfeites.

Vendemos camisas do grupo de usuários (interessados em comprar a camisa, mandem-me um e-mail ou deixem um comentário para eu poder entrar em contato :D ), muitas pessoas vindo perguntar se tinhamos brindes da Mozilla para dar (isso foi um caso muito estranho que merece um outro post), enfim, o primeiro dia é sempre para fazer o reconhecimento do campo ;).

Fomos para o hotel as 20hs, praticamente como zumbis, pois não tínhamos dormido ainda (não dormimos do dia 16 para o dia 17), e então começamos a busca por uma pizzaria. Depois de encontrar o lugar e comer feito um louco, fomos para o hotel o merecido descanso, ufa :).

18/Abril/08 - Dia do Workshop Mozilla

Depois de uma merecida noite de sono, café da manha muito bom no hotel, fomos para o evento, esperar o horário do Workshop Mozilla.

No Workshop tudo correu bem, as palestras começando no horário previsto, muitas pessoas assistindo(não o tento que gostaríamos que fosse mas valeu a pena), distribuição dos brindes da Mozilla, enfim, tudo caminhou muito bem.

obs.: Os videos das palestras e todas as fotos do evento estão no link no final do post. :)

Logo depois do evento foi oferecido um “coquetel” em um bar de Porto Alegre(eu não me lembro o nome :-P, mas no link acima também há fotos da festa), onde todos amigos da Mozilla estavam lá, e como uma festa é sempre alegre, os presentes se divertiram, beberam e conversaram bastante, fazendo da noite uma completa diversão.

19/Abril/08 - Ultimo dia :(

Depois de uma noite com muita diversão, e regada a petiscos e cerveja, acabamos indo um pouco mais tarde para o ultimo dia do evento.

A tarde foi um tanto quanto tranquila, assistimos a palestra da Mitchell Baker (Presidente do Conselho da Mozilla Foundation), participamos(como espectadores) da coletiva de impressa concedida pelo pessoal da Mozilla, tiramos fotos do stand, conversamos com o pessoal que vinham tirar duvidas sobre o Firefox … :)

No jantar de “despedida”, fomos a uma boa churrascarias gaúcha, onde pudemos descontrair um pouco e dançar :-P (ou pelo menos foi o que o Taras estava tentando :-P ).

De volta ao hotel, todos sãos e salvos, fomos ao aeroporto para a nossa volta, que não teve muitas complicações.

Conclusão

O evento foi muito produtivo para toda a comunidade, e estou vendo que contribuiu para dar mais energia ao grupo, e para mostrar os usuário no Brasil que estamos vivos, e trabalhando, e é isso que importa.

pt_BR

Tenho que agradecer a todos da Mozilla Foundation / Corp por todo o apoio que nos deram, em especial ao Marcio Galli(que coordenou todas os nossos “passos” até o dia Workshop), Mary Colvig(por todo o apoio na divulgação e com os brindes), Chris Blizzard(pelo agradável e divertido bate papo :)), Chris Hoffman, e finalmente Mitchell Baker(por me surpreender com sua simplicidade, inteligência e carisma), e também ao nosso hermano Guillermo Movia da Mozilla Argentina(por todo o companherismo e pelas idéias para a comunidade).

en_US

I have to thank all of the Mozilla Foundation / Corp. for all the support they gave us, especially to Marcio Galli (who coordinated all our “steps” until the day Workshop), Mary Colvig (for all the support the dissemination and the gifts), Chris Blizzard (by pleasant and fun chat :)), Chris Hoffman, and finally Mitchell Baker (for amaze me with her simplicity, intelligence and charisma), and also to our hermano Guillermo Movia of Mozilla Argentina (for throughout the good companio and the ideas about the community).

Terminando, agradeço a todos da Comunidade que participaram(direta ou indiretamente) para que o Mozilla Workshop fosse realizado, e aos companheiros de PoA(Porto Alegre) Fernando e Felipe(valeu rapaziada:D).

Links interessantes:

Mozilla Argentina

Mary Colvig escrevendo sobre o evento no Mozilla Blog

Videos, fotos e slides do Mozilla Worshop(FISL 9)

Firefox - A Developer’s Best Friend // Minha Palestra no Workshop Mozilla 2008

Thursday, May 8th, 2008

Aconteceu em Abril, o Workshop Mozilla 2008 (no qual eu tive o prazer de ser convidado a palestrar), como um evento dentro do FISL, em Porto Alegre.

Para quem quiser ler mais sobre o Pós FISL, basta acessar o link abaixo para ter acesso a todos os videos do workshop, e para as fotos das palestras.

http://wiki.mozilla.org/FISL:2008:posfisl

E para quem quiser ver o video da minha palestra, pode verificar no video abaixo:

Firefox - A Developer\’s Best Friend ( portuguese ) - Mozilla Workshop -> FISL 9

Update: Abaixo, os slides da palestra :)

Boas práticas para Desenvolvimento Web #1

Friday, February 22nd, 2008

Conversando sobre Boas Práticas(na área de programação) com um amigo essa semana, achei interessante falar um pouco sobre isso aqui no blog.

Primeiro, o significado de boas práticas vem do inglês “best practices”, que denomina os melhores métodos para se realizar uma tarefa, ou seja, o meio que tem mais chance de levar até o resultado esperado sem muitos problemas.

Muitas profissões tem criado as suas “Boas práticas” relacionadas a área, para otimizar processos ou encaminhar melhor os novos profissionais que estão chegando.

Na área de computação não é muito diferente. Temos várias “boas práticas”, para a grande maioria das tarefas de informática que ajudam e muito no dia-a-dia.

O Desenvolvimento Web também tem as suas “boas práticas”, que ajudam na hora de desenvolver um site, e é sobre algumas delas que eu vou falar.

Doctype - DTD(Document Type Definition)

Essa boa pratica é o começo de tudo, ou seja, é a primeira coisa que o user agent do seu browser procura para saber qual é o tipo de Linguagem de marcação(que por muitos é conhecido também como HTML :-)) que ele terá que interpretar(parsing) no momento em que a página for solicitada.

Quando ele é informado na página, o browser saberá qual tipo de marcação deverá interpretar, e assim a página será carregada muito mais facilmente.

Para saber mais sobre Doctype, visite os links abaixo:

Quirks Mode e Strict Mode

Dentro do doctype, nós temos como informar para os Browsers dois tipos de renderização de CSS. O modo “antigo”( ou Quirks Mode ) e o modo “estrito” ( ou Strict Mode ).

O Quirks mode, é considerado o modo “antigo”, pois é a implementação que na época dos Browser Internet Explorer 4/5 e Netscape 4 (onde ambos não faziam parte da W3C, e assim, não seguiam os padrões, apesar de na época, o Internet Explorer interpretar muito melhor o CSS do que o Nestcape) permitia que os browsers passassem a interpretar os padrões(Strict Mode), que estavam começando a ganhar espaço, ou o modo “antigo”(dai o Quirks mode).

Para saber mais sobre Quirks Modes, visite os links abaixo:

Por tanto, verifique sempre, qual será o destino final do seu site, ou da sua aplicação web, para saber qual modo utilizar. Mas nunca se esqueça de utilizar os Doctypes e os Modos de renderização certos para a sua aplicação.

Mais alguns site para uma boa leitura:

Technorati Tags: , , , , , , , , ,

Utilizando Wireframes

Thursday, February 14th, 2008

Depois de ler alguns artigos sobre Wireframe, e ver que realmente isso é importante no processo de criação de sites. Resolvi criar um post sobre isso.

Hoje é muito comum ver sites sendo desenvolvidos sem nenhum planejamento, pois ele precisa ser desenvolvido rapidamente e precisa estar no ar logo(entre outras coisas que os gerentes e clientes falam).

Muitas vezes, isso causa vários retrabalhos de código, seja em client-side(CSS, HTML, Javascript …) ou server-side(PHP, ASP.NET, JSP …), pois não ouve um planejamento de como fazer, ou do que o site realmente deveria ter.

Se pensarmos em um site como um projeto de automóvel, por exemplo, vamos ver que não adianta saber que o todo carro possue motor, rodas, freios, etc. Precisamos saber qual será o tamanho do carro, a disposição do motor, como será a disposição do painel(onde estão o radio, porta luvas, etc).

É nesse ponto que entra os desenhos do projeto para o automóvel. Nada sei da cabeça do projetista e vai direto para a linha de montagem.

Antes mesmo do carro conceito(como é chamado o protótipo), é feito um estudo para verificar a usabilidade dos controles do carro, como será o espaço interno, se a aerodinâmica ir prejudicar a estabilidade, entre outros fatores, que podem influenciar no sucesso ou no fracasso do produto.

A criação de um site, também segue(ou pelo menos deveria seguir) esse conceito, mas infelizmente, muitas empresas ainda não gastam um tempo do projeto para essa tarefa, e muitas vezes, pagam por não ter planejado e projetado uma interface(ou até mesmo os controles do site) mais intuitivos e dinâmica.

Para diminuir esse impacto de projeto, e até mesmo, de tempo e dinheiro gasto no desenvolvimento, o Wireframe é um excelente passo.

Basicamente, o Wireframe consiste em um “esboço” de como será o layout do site, dizendo onde os elementos serão posicionados , e descrevendo quais elementos serão utilizados(isso dependendo é claro, qual o nivel de detalhamento que o seu Wireframe terá), de acordo com o que, muito provavelmente, será o layout final.

Há também a possibilidade de uma pratica e rápida mudança antes do layout definitivo, evitando que muitos imprevistos aconteçam no decorrer do desenvolvimento, e ajudando ainda na analise de usabilidade de interface do site.

Alguns links interessantes sobre Wireframe estão listados abaixo:
http://usabilidoido.com.br/quanto_mais_simples_o_wireframe_melhor.html
http://webinsider.uol.com.br/index.php/2003/12/09/wireframe-documento-cada-vez-mais-importante/

Você deve esta se perguntando agora se há alguma ferramenta para “desenhar” os Wireframes?!?!

Bem, eu procurei várias ferramentas para isso, mas a que mais me agradou, e que mais me deu produtividade, foi o Inkscape.

Além de ser open source e multi-plataforma(Windows, Linux e MacOS), o inkscape tem uma interface muito fácil de usar.

Mas você pode testar outras ferramentas como o GIMP, PhotoShop, Flash(sim, já vi pessoas usando o Flash para desenhar wireframes), ou alguma ferramenta que você tenha mais habilidade para desenhar.

Grande abraço, e comentem :)
Technorati Tags: , , , , , , ,

Master Hack - A web não tem preço!!!

Monday, February 4th, 2008

Pra não dizer que o carnaval não foi divertido, ai vai uma tirinha retirada do site “Nerdson não vai à Escola”

Nerdson não vai à Escola - Master Hack

Bom carnaval à todos!!!

Hey, We have a Smile Too !!!

Saturday, December 22nd, 2007

Acid2 SmileNesta semana eu estava lendo o site da Molly(que, se eu não me engano, é lider de desenvolvimento do IE8 da Microsoft) e me deparei com a noticias de que, o IE8 esta sendo desenvolvido com a filosofia de seguir os padrões de interpretação em HTML e CSS(entre outras coisas, eu espero).

A noticia da Molly, foi a de que o IE8 passou no teste Acid2(é um teste de compatibilidade com os padrões, feito para os browser, e desenvolvimendo pela Web Standards Project).

O objetivo do teste é que o navegador testado exiba exatamente um rosto amarelo junto das palavras “Hello World”.

Mas o que mais me chamou a atenção sobre isso, foi que a “mídia especializada” deu mais atenção a uma coisa que deveria ser obrigatório em todos os browser, independente de empresa ou qualquer outra coisa, e se esqueceu de citar que outros browser já estão assim a algum tempo.

Sobre o Acid2 e os Browser que já estão compatíveis

E para a minha alegria, testando a versão Beta 2 do Firefox 3 .0, fiquei com um “sorriso” estampado no rosto, ou melhor na tela. O novo Firefox, também passou no teste Acid2(isso desde sua versão 3.0a2pre).

Agora, realmente estou vendo uma luz no fim do túnel para o desenvolvimento web, não que hoje esteja ruim, pelo contrario, o que podemos fazer com os browser é muito mais do que muitos pensavam antes, mas que é um trabalho um tanto quanto árduo, isso é(pensando no excesso de bugs de renderização de alguns browsers).

Com isso, vejo que agora a suposta “guerra dos browser” vai realmente recomeçar, pois se todos interpretarem os códigos do jeito recomendado, passaremos a utilizar o browser pelo que ele nos oferece de recursos e não por melhor interpretação de código.

Mas infelizmente(ou até felizmente, quem sabe), os usuário que não tem conhecimento nessa área(e também não devem ter, pois acredito que o aplicativo deva funcionar bem, sem deixar o usuário de “cabeça quente”) podem não sentir nenhuma diferença com isso, e nem mesmo saber o que realmente o browser deve fazer por eles, e ai sim, escolher o que mais atende as suas necessidade.

Enfim, “Live or die, make your choice”, e que venham os browsers novos :)

Technorati Tags: , , , , ,

“Podcastiando” com Rene de Paula

Saturday, November 17th, 2007

Quando você pensa em podcast, você pode até pensar em uma produção caseira, mas com alguns recursos de edição, entre outras coisas mais.

Mas se você escutar o podcast do Rene de Paula, você vai perceber, o que realmente importa, é o que o “apresentador” tem a oferecer. Sim, muito conteúdo, e com muita qualidade de informação.

Pra quem não ouviu ainda, ouça. Os podcasts(e video casts) do Rene, são repletos de uma coisa que eu gosto de chamar de “filosofia construtiva”, ou seja, não é apenas filosofia, pelo mero prazer de pensar, mas sim pelo prazer de realmente fazer uma discussão construtiva e realista.

Sei que alguns vão dizer, “poxa, mas ele trabalha pra MS”. Sim, trabalha. Como já trabalhou para o Yahoo, SBT, Sony, e por ai vai. Mas acredito que realmente foi contratado pelo “evangelista” que ele é.

Pra quem quiser dar uma olhada, os links estão abaixo:
Video Cast - Rene de Paula
PodCast - Rene de Paula

E você, se preocupa com acessibilidade ????

Monday, November 12th, 2007

Eu já queria ter postado isso á algum tempo atras, mas não consegui, então agora esta ai :)

Lendo alguns blogs pela internet, cai no blog do Eduardo Fiorezi, e me deparei com um video muito interessante sobre acessibilidade na web.

No decorrer do video, percebi que ele foi feito pelo grande Bruno Torres juntamente com a equipe do Acesso Digital.

O video apresenta as dificuldades de pessoas que acessam á Web de um modo “diferenciado”(mas que não deve ser deixado de lado).

Pessoas com problemas de visão, coordenação motora, etc.

É um video que DEVE ser assistido por todos que realmente querem fazer as coisas do modo certo ;)

Link para o video do Acesso Digital:
http://acessodigital.net/video.html

Obs.: O Eduardo Fiorezi acabou de me falar, que ele também fez um PodCast muito interessante com o Bruno Torres e com o MAQ(Marco Antonio de Queiroz do site A Bengala Legal) sobre acessibilidade, falando sobre o site Acesso Digital e outros assuntos. É uma excelente dica.
Valeu Eduardo =) .

Conisli 2007 - 1º. Encontro Oficial da Comunidade Firefox Brasil

Tuesday, October 23rd, 2007

Entre os dias 9 e 11 de Novembro, em São Paulo, ocorrerá o Conisli, onde nós da Comunidade Mozilla-BR, estaremos nos reunindo para algumas palestra dos desenvolvedores da comunidade, e também para algumas discussões sobre a Comunidade Mozilla-BR.

Para os que puderem comparecer no evento, ficaremos muito felizes em recebe-los lá :)

Mais informações, acesse o link abaixo:

http://www.conisli.org/index.new.php?mod=noticia&action=visualizacao&idNoticia=33