Web 3.0 (se é este o nome que querem chamar) espero que ainda demore um bocado a chegar, apesar de achar um conceito interessante apenas acho que demoramos tanto a ir da 1.0 para 2.0 porque é que queremos ir tão rápido para a 3.0?

Especialmente quando ainda a maioria dos sites na Internet estão a viver na 1.0!

Um dos pontos interessantes na ideia da Web 3.0 é uma “base de dados para todos”, informação disponível para todas aplicações poderem usarem e partilharem (um pouco arriscado em alguns casos).

Um ponto que gosto com este cenário é algumas das possibilidades, por exemplo imaginem os browsers começarem a terem um carrinho de compras incorporado.

Em que um usuário/cliente podem visitar site em site de comercio electrónico, adicionado produtos que quer comprar e no fim do dia fazer um checkout um pagamento.

E claro por detrás disto tudo está um motor que envia a ordem para cada site com os detalhes do cliente e o pagamento.

Outro ponto que o artigo fala é a possibilidade da web mover-se para o espaço 3D!

Baseado no famoso mundo do “Second Life“….. fico-me por aqui pois não sou admirador do Second Life.

Sim gosta da ideia de 3D, mas será que não estamos a andar mais rápido que a estrutura que ainda existe? A sítios que ainda nem ligações rápidas a Internet existem!

Aqui esta o artigo, dêem uma vista de olhos e digam o que pensam.

Nos últimos tempos tenho usado Aptana, e tem sido um dos meus editores preferidos, especialmente quando queres criar aplicações em Ajax. Um dos problemas do Aptana para mim é o factor de não funcionar bem com ASP ( e tenho vários projectos nesta linguagem), mas isso já é outra conversa.

Agora a noticia é WaveMaker, que promete simplificar o processo de criar aplicações em Ajax. Ainda não testei, estou de facto a fazer o download, mas promete.

Não posso falar muito, mas enquanto estou a fazer o download estou a ver ao mesmo tempo o screencast, e o que noto é que o ambiente de trabalho é bastante limpo e simples. Faz me lembrar Visual Studio da Microsoft, mas mais simples.

E claro não podia de deixar de notar que a aplicação funciona a partir do Browser. No screencast esta em funcionamento no Firefox mas talvez de para correr em IE (não que precise).

De resto o que normal se espera num WYSIWYG, muito drag e drop o que salva bastante tempo quando estamos a criar uma aplicação, so espero que não seja como as primeiras versões do Dreamweaver, drag e drop e 50 linhas de código que sinceramente podiam ir para o lixo.

Apesar de uma das promessas feitas por WaveMaker e que permite acelerar o desenvolvimento de aplicações em 67% e o melhor de tudo é que reduz o numero de linhas de código em 98%!!!

Bastante surpreendido com estes 98%.

Alguns dos pontos de interesse desta aplicação são:

• Drag & Drop
• Push to Deploy™ num click de um botão a tua aplicação fica a funcionar no servidor
• SOAP, REST e RSS web services

Sem duvida uma aplicação que quando acabar de fazer o download irei testar e ver se reduz mesmo o numero de linhas em 98%.

Mas o facto é que adoro Cheat sheet como os visitantes mais regulares do PT Ajax já devem ter apercebido.

Já por varias vezes falamos de cheat sheet para o prototype, e tambem uma lista ainda mais completa de cheat sheet para diversas frameworks de Ajax.

Cheat sheet tipicamente é uma documento em PDF que ocupa uma pagina onde tens todos os comandos de uma framework, ou de uma linguagem (PHP/ASP/etc).

Mas desta vez encontrei um artigo bastante antigo com tantas cheat sheet que não resisti em por um pequeno artigo no PT Ajax.

Neste artigo publicado pelo Smashing Magazine podes encontrar talvez a lista mais completa que já viste de cheat sheet, desde apache, ajax, CSS até ASP.

Muitos já podem conhecer, eu sei que este post não é com as noticias mais frequentes no mundo Ajax, mas pode ser que como eu muitos ainda não tinham conhecimento.

Todos nós sabemos que existe bastantes web sites que não são tão acessíveis como deveriam ser, impossibilitando assim a vários visitantes verem o site correctamente.

Webcredible lançou agora um artigo onde analisa o impacto de Ajax sobre a acessibilidade para os teus visitantes. E apesar de nem tudo ser mau, existe alguns factores que eu não sabia.

Como sabemos Ajax permite fazer o update do conteúdo de uma pagina de uma maneira dinâmica.

Sabendo isto, que impactos têm sobre os leitores de ecrã (software que lê a informação de uma pagina)?

Segundo Webcredible vários leitores de ecrã comportam-se de maneira diferente, o que sinceramente só vem a complicar as coisas, não bastava ter browsers diferentes a comportarem-se de maneira diferente para complicar a nossa função!

Dois dos comportamentos que achei mais bizarro são:

• Alguns leitores de ecrã nem se apercebem que a pagina/div/etc teve um update e por isso não le nada.
• Alguns leitores de ecrã apercebem-se que existiu um update, mas em vez de lerem so a parte que foi feito o update, lêem a pagina toda outra vez.

E também não nos podemos esquecer de visitantes que usem magnificador de ecrã, se Ajax fez update na pagina numa parte que eles não tem visível no ecrã como vão saber que existe um update?

Um artigo interessante, pois as vezes só olhamos para o nosso umbigo.

Um dos pontos interessantes sobre o artigo é o método de encantamento progressivo ( Progressive enhancement) basicamente consiste; em cada fez que programares um website começa sem usares Javascript/Ajax nenhum.

Testa e têm a certeza que o website funciona nas perfeitas condições.

Só quando estiver tudo concluido aí sim começas a adicionar Javascript/Ajax. Assim terás a certeza que o teu site ira sempre funcionar mesmo para pessoas que não tenham Javascript activado.

Eu concordo 99.9% com esta teoria.

Mas existe um problema que é o tempo.

Depois de construíres um site que já funciona perfeitamente sem usares Javascript o tempo que demoras a adicionar todos os efeitos que queres por vezes demora mais um terço do tempo que já usaste para construíres o site.

Sou realista e admito que num mundo perfeito concordo 100% com Jesse Skinner, mas na realidade quando um cliente bate a porta e diz coisas do genéro:

“Epa quero o meu site web 2.0 … sabes com aqueles efeitos… e paginas sem refresh… e quero daqui a 5 dias com um preço barato”

E claro isto é um cliente que só sabe as coisas por alto… e 80% dos clientes são assim.

É neste momento que por mais que tentes explicar que 5 dias a um preço barato não dá para fazer isso tudo que decides que tens que cortar em algum lado.

E claro o que o cliente quer é os efeitos logo, com muita pena corta-se num bom website.

Sem duvida visita o artigo oficial onde podes encontrar:

• Cheat Sheet para Javascript
• Cheat Sheet para jQuery
• Cheat Sheet para scriptaculous
• Cheat Sheet para MooTools
• Cheat Sheet para Prototype
• Cheat Sheet para Microsoft Ajax
• Cheat Sheet para Yahoo YUI
• Cheat Sheet para Symfony

Façam o download e guardem bem no disco pois nunca se sabe quando dá jeito.

Visitem Scott Klarr.

É simples se eu só pode-se escolher uma extensão entre as centenas que existem, firebug era a escolhida.

Para qualquer programador que faça aplicações para a internet, firebug é uma ajuda tremenda para o debug e o rápido desenvolvimento de uma aplicação.

E claro para aplicações em Ajax ajuda bastante.

Por isso para quem já usa o firebug vai ficar contente de saber que já existe outra versão para o publico talvez um pouco beta aind, que vem resolver certos problema e introduzir umas novidades como por exemplo suporto para firefox 3, ícones mais bonitos e um editor externo.

Para mais informações visitem o blog oficial.

Uma potente galeria em PHP/Javascript, no website oficial dizem ser uma solução de tamanho pequeno, mas eu acho que quase 200kb não é assim tão pequeno.

Pontos fortes:

• Para quem procura uma galeria e apenas isso, minishowcase da conta do recado
• Rapidez, claro que também depende do servidor, mas mesmo assim esta galeria de imagens é rapida.
• Fácil de instalar.

Pontos fracos:

• É uma galeria (e apenas isso), sendo assim é dificil integrar com o resto do website
• Opções, são varias mas básico.

Site oficial: Minishowcase
Exemplo oficial: Minishowcase Demo
Instruções oficial: Minishowcase Instruções

AJAX Slideflow Control – estilo iPhone?

Para quem procura uma galeria do estilo do iPhone, esta é a solução mais parecida de momento.

Pontos fortes:

• O efeito visual é sem duvida bastante atractivo
• Fácil integração com outras paginas que já tenhas no teu website

Pontos fracos:

• Ter que preparar as imagens todas em photoshop
• A sério o factor de ter que criar 3 imagens (esquerdo/centro/direito) em photoshop torna-se bastante cansativo
• Ter que criar o ficheiro xml

Site oficial: Mediaeventservices
Exemplo oficial: Mediaeventservices Demo
Instruções oficial: Mediaeventservices Instruções

ZenPhoto é talvez uma das plataformas mais completas para quem quer ter uma galeria de imagens na web.

Pontos fortes:

• Index, Albums e imagens
• Cria automaticamente thumbnails
• Podes adicionar imagens através de FTP ou através do browser
• Os visitantes podem comentar cada foto ou imagem
• Ajax edita enquanto navegas pela a galeria
• Themes, podes criar a tua template ou podes fazer download de algumas ja existentes
• Varias maneiras de procurar, através de datas, tags, titulo e descrição

Pontos fracos:

• Quando o visitante esta a ver as tuas imagens em tamanho inteiro cada vez que muda de imagem o pedido não é atraves de Ajax

Site oficial: Zenphoto

Exemplo oficial: Zenphoto Demo

Instruções oficial: Zenphoto Instruções

SmoothGallery é uma galeria que usa bastante tecnicas de Ajax, as vezes ate parece ser criado em Flash.

Pontos fortes:

• O display
• A suavidade entre mudanças de imagens
• Fácil de integrar com o teu website, não é apenas um standalone

Pontos fracos:

• Quando o visitante clica para ver a imagem em tamanho normal, não existe a opção para voltar para a galeria

Site oficial: SmoothGallery

Exemplo oficial: SmoothGallery Demo

Instruções oficial: SmoothGallery Instruções

Pyxy-gallery é mais uma galeria em PHP e Javascript que usa lightbox.js para mostrar as imagens da galeria.

Pontos fortes:

• Apesar de uma ajax para mostrar as imagens numa só pagina é possível fazer o bookmark a imagens individuais.
• Super leve

Pontos fracos:

• Beta, falta limar ainda alguns pormenores.
• Visualmente não é a galeria mais atractiva.

Site oficial: Pyxy Gallery

Exemplo oficial: Pyxy Gallery Demo

Instruções oficial: Pyxy Gallery Instruções

Couloir é uma solução em Javascript, HTML e CSS que tenta ( e bem ) recriar uma galeria em Flash.

Pontos fortes:

• Excelente suavidade entre as mudanças de imagem para imagem

Pontos fracos:

• Não existe suporte
• O código é oferecido com esta
• Não oferece a oportunidade de criar álbuns etc.. é apenas mesmo um visualizador de imagens

Site oficial: Couloir

Lightbox2 é talvez uma das lightbox conhecidas e usadas. Baseado nas seguintes frameworks, prototype e scriptaculous.

Pontos fortes:

• Suavidade de animação entre imagens é talvez uma das melhores
• Fácil de instalar
• Fácil integração com o teu website

Pontos fracos:

• Não é uma galeria completa como outras aqui apresentadas

Site oficial: Lightbox 2

Exemplo oficial: Lightbox 2 Demo

Instruções oficial: Lightbox 2 Instruções

TripTracker na minha opinião é excelente para quem tem umas quantas imagens no site e quer uma maneira agradável para os visitantes navegarem entre imagens.

Pontos fortes:

• Fácil de usar
• Fácil de instalar
• Fácil de integrar com o teu website design
• Excelente navegação entre imagens
• Opção para enviar a imagem por email
• Opção para criar um bookmark a imagem

Pontos fracos:

• Não é de borla
• Licença normal: $25
• Licença premium: $500

Site oficial: TripTracker

Exemplo oficial: TripTracker Demo

Instruções oficial: TripTracker Instruções

O que distingue Suckerfish HoverLightbox de outras soluções é o factor de poder criar uma barra de navegação de galerias em que o visitante basta passar com o rato por cima para aparecer uma caixa género “dropdown” com thumbnails das imagens.

Pontos fortes:

• Diferente de outras soluções

Pontos fracos:

• Talvez os visitantes mais “básicos” não percebam a primeira como ver as imagens

Site oficial: Suckerfish

Exemplo oficial: Suckerfish Demo

ThickBox oferece mais do que apenas uma maneira de ver imagens. Pode tambem mostrar paginas, divs, texto etc..

Site oficial: Thickbox

Exemplo oficial: Thickbox Demo

Instruções oficial: Thickbox Instruções

• Standards Shadowbox cria HTML valido que passa os testes por W3C.
• Frameworks normalmente uma extensão tem que ser usado com apenas uma framework, e todos nos sabemos que as vezes não usamos certas extensões pois não são compatíveis com a nossa framework escolhida. Shadowbox suporta varias frameworks como YUI, Ext, Prototype + Scriptaculous, jQuery e MooTools.
• Design fácil modificar o design da box, Shadowbox usa um sistema de skins em que basicamente basta modificar apenas um ficheiro CSS.
• Formatos Quicktime, Windows Media Player, Flash, Flash video e até paginas externas.

Sem duvida que extensão esta bem conseguída e o factor de poderes usar qualquer framework ajuda muito em escolher esta extensão para os próximos projectos.

Algumas das características são:

• Design criado para dar a experiência de uma aplicação normal do desktop
• Playlist que podes partilhar com amigos
• Poderes ver múltiplos vídeos ao mesmo tempo
• Faz o dowload dos vídeos em avi, mp4, mov, 3gp, wmv, flv
• Drag e drop
• Escolhe 12 temas para o site
• Ver o vídeo em ecran inteiro
• Ver os últimos 50 vídeos que foram vistos

Uma das coisas que achei estranho é o factor do site usar o prototype 1.4.0, quando a versão 1.6.0 já se encontra disponível.