Archive for the ‘web2.0’ Category

Avaliando técnicas de debugging javascript para diversos browsers

maio 30, 2008

A partir da dificuldade da equipe na qual faço parte existe uma grande dilema para debug de javascript para browser’s como Internet Explorer a fim de obter as mesmas facilidades do firebug, indo bem além de um simples debug.

Existem alguns outros pontos que podem ser incorporados a fim de manter facilidade para desenvolvimento de aplicações como JQuery, muito legal a idéia, ainda melhor utilizado em conjunto com outros componentes como ExtJS, Dojo, Prototype, DWR, entre outros. Resumindo um pouco dos benefícios que o JQuery temos facilidade na obtenção de elementos, manipulação de DOM, tratamento de eventos, animações, uso de AJAX e melhor de tudo oferecendo compatibilidade incorporada, sem termos que nos preocuparmos com browser’s, entre outros pontos como versões de CSS(preocupante). Posteriormente estarei testando em minhas aplicações. Segue abaixo algumas referências:

Bem chega de papo. Voltando as origens, e levando em consideração as indicações que fiz anteriormente no uso do firebug, venho no mesmo barco noticiando uma pequena novidade disponível de que foi lançado o Firebug Lite a pouco tempo com o objetivo de oferecer suporte a API para auxílio de debug a partir do seu console. Isto demonstra a necessidade enormemente e ausência total de poder no controle do stack point do código em execução, entre outros facilitadores importantes como [Inspeção e edição de HTML], [Visualização de Métricas de nível CSS], [Monitoramento de atividade da rede por solicitação/resposta], bem como navegação de conteúdo DHTML renderizado.

Espero que em pouco tempo, também tenhamos esta facilidade para outros browser’s, assim como o firebug lite vem buscando oferecer. Acho que não demorará muito, pois a comunidade vêem aumentando! E quando isto acontece, é um sinal para apostar suas fichas nela. É como bolsa de valores. Já desenvolveram até com suporte ao IPhone.

A adoção também vêem aumentando a partir do navegador Opera, ainda mais pela comunidade que liberou a nova versão do Opera Dragonfly. Ele tem quase todos os requisitos funcionais do firebug, bem como adicional suporte a versão mobile. Se você for analisar direitinho no seu dia-a-dia, aplicações comerciais(atacado, varejo, farmácias, logísticas, etc.) que foram desenvolvidas em ambientes lamp, pelo que tenho visto, vem sendo sugeridos uso do opera/firefox no cliente. E a garantia é fácil saber.

Em contrapartida, existem algumas considerações em relação à outras possibilidades disponíveis bastante recomendadas e sugeridas, que podem ser tranquilarmente absorvidas pela equipe, necessitando apenas configuração de ambiente para isto. Existem diversos post sobre o assunto no google,(interessantes [1][2]) inclusive do plugin IETester no qual oferece renderização de conteúdo para teste em uma determinada versão, no qual transparecem que eles se sentiram tão culpados de tantas incompatibilidades que agora estão tentando correr atrás dentre plugins e novas ferramentas como atrativos. Não sei as raízes mas pode ser um parceiro ou empresa comprada da microsoft.

Ainda sobre o IETester, andei verificando que eles desenvolveram também o DebugBar. Achei uma puta sacanagem eles colocarem que é de graça e logo abaixo bem pequeno que apenas para uso pessoal e ainda trial por 60 dias. Tava tão feliz testando os recursos que deu logo um desânimo. Embora, não quero desmerecer o mérito da equipe que a desenvolveu, mas não vi nenhum recurso adicional e/ou diferencial em relação ao firebug. Aproveitando aqui também, eles desenvolveram o CompanionJS que visa atender os mesmos requisitos atuais iniciais do firebug lite, exceto compatibilidade entre diversos browsers.

Avaliando outros fornecedores que dispõe de funcionalidade similar, não achei a altura. Apenas o Nitobi,simples, porém útil. A Minha lista de ferramentas como add-on’s e plugins disponíveis resume-se aqui.

Analisando agora do ponto de vista das IDE’s, e puxando sem querer para o lado do java, =D, seguem algumas correntes que podem ser aproveitadas e avaliadas para adequação no seu projeto do qual será e/ou está sendo desenvolvido:

Eclipse

NetBeans (comparativo recente com VS2008)

Bem como outras opções a partir do IntelliJ IDEA e WebSphere (até a versão 5 acredito não ser possível).

Com todas estas informações em suas mãos é verídico que cada browser oferece uma particularidade prática de ferramentas para automatizar e garantir compatibilidade buscando motivação dentre a comunidade no qual desenvolve aplicações utilizados por este(mesmo browser).

Levando em consideração a isto, caso você tenha caído na lista dos que deverão oferecer compatibilidade no seu projeto para diversos browser’s, prepare-se pois a equipe de testes está por vir, e eles não terão piedade em salientar situações adversas. Se eles forem mais espertinhos utilizarão técnicas como pairwise e decision tables. Lembrando que o objetivo final deste artigo não é abordar ferramentas para testes, isto é outro espectro! Só estou mostrando de onde nascem as correntes que motivam os desenvolvedores terem ferramentas como resguarda ou também chamado arma secreta.

Não podemos garantir a usabilidade. Então a dica é não se arriscar e tampouco se bitolar. Procure se beneficiar a partir das ferramentas disponíveis para cada browser em particular e siga corretamente as especificações recomendados pela w3c. Caso seja necessário ative/instale o uso de memory leak do seu browser, visualize layout para diversos navegadores, bem como boas técnicas, boas referências e resumos para cada tipo de tecnologia.

Mas generalizando os fatos, recomendo utilizar o firefox, não só porque ele é mais rápido, mas porque oferece uma variedade de ferramentas irão contemplar todas as suas necessidades, fora suporte a diversas plataformas(win+mac+linux+unix). Seguem boa relação de ferramentas para incrementar seu firefox:

Contudo isto foi só um resumo e parecer do que andei pesquisando e avaliando, afinal hoje temos bastantes opções de fornecedores, e isto é um ponto muito positivo, do qual estabelece competitividade e grandes inovações a fim de atrair novos mercados neste mundo utópico que parece não ter mais caminho de volta.

Gostaria de um feedback de quem quiser complementar ou criticar meu ponto de vista. Fallow!!!

Anúncios

Citix, nossa cidade em movimento!

abril 29, 2008

Conheci um projeto bastante legal recentemente chamado citix, a partir do blog de meira. Para contextualizar, trata-se de uma fusão de informações de colaboração da sociedade sobre acontecimentos em determidados pontos geográficos.

Notoriamente percebe-se a utilização de recursos de web 2.0 como mashup, que tratam-se de aplicações web que usam conteúdo de mais de uma fonte para criar um novo serviço completo.

Apesar de estar na versão BETA, a novidade mencionada seria quanto a expansão de cobertura deste serviço para novas cidades, no qual atualmente dispõe apenas para as cidades de Belo Horizonte, Brasília, Jaboatão, Olinda, Paulista, Recife, Rio de Janeiro e São Paulo.

Gostei de saber que o Ministério Público Federal está por trás disto como um parceiro, o que transparece como um meio de colaboração de informações sobre denúncias e distorções encontradas, alertando tanto a sociedade dos cuidados sobre determinado ponto. Só não sei como as autoridades estarão se organizando quanto ao que a sociedade vem se manifestando.

Particularmente, semana passada, me cadastrei no citix, e lancei um ponto de assalto enquanto voltava para casa e percebi os indivíduos se aproximando, corri e pensei em lançar isto aqui no citix, para que a sociedade tenha mais atenção ao passar naquele ponto, já que a polícia encontra-se sempre ausente.

Praticamente foi um desabafo, mas analisando com calma o serviço deveria ter alguém que modere as informações pois eu poderia também estar blefando e acumulando besteiras e distorcendo a imagem de uma certa localidade à toa.

Espero que com o citix a sociedade possa nos alertar dos problemas existentes em nossa cidade quanto a locais de acesso, roubos e denúncias para que as autoridades acompanhem e tomem as medidas necessárias para a sociedade. Serviços como PEBodyCount e DisqueDenuncia também nos permite obter ou enviar informações as autoridades competentes.

Maiores informações sobre o projeto :: link

Firebug, esse cara veio para ficar!!! :^)

março 21, 2007

Recentemente tenho descoberto a partir do curso de ajax, que venho efetuando com Sang Shin(engenheiro da sun), uma nova forma de desenvolvimento interativo para web, utilizando diversos frameworks entre outras ferramentas também, assim como plugins a partir do netbeans/eclipse.

Bem, estou falando do firebug, que veio para facilitar a sua vida, principalmente para quem vem se virando com o javascript. A partir deste demo é possível comprovar as vantagens que são óbivias, ou a partir deste artigo. Caso você tenha se impressionado com as possibilidades demonstradas no vídeo, então você ainda não viu nada. Baixem aqui a nova versão e instalem[docs] agora mesmo e vejam as diferenças. Seria o mesmo que comparar a evolução da TV preto em branco para TV em plasma.

Para somar, já que estou falando de ad-ons, não poderia deixar de falar no web developer, que possibilita n-funções e algumas inimagináveis, visto que vêm sendo realizadas grandes concentrações de atualizações, assim como o firebug.

Você também poderá consultar a API do firebug quando necessário. Sem mais palavras, acessem meus bookmarks sobre o firebug para consulta rápida sobre informações relacionadas.