Arquivos Mes

ProtoFlow, faz me lembrar o iPhone

Artigo publicado em March 13, 2008 as 9:46 am

ProtoFlow
Esta nova extensão é excelente para quem quer criar o “efeito do iPhone” para as suas imagens no seu website.

Esta extensão usa o prototype e o scriptaculous, mas o que mais me surpreende neste extensão é o factor de ser bastante fácil de usar e de não termos que fazer nenhum tratamento especial as imagens para conseguirmos o resultado final.

Pode consumir um pouco do servidor para criar o efeito nas imagens, mas nada que faça uma grande diferença.

Site oficial: Deensoft

Demo: ProtoFlow

Magento - Ecommerce Web 2.0!

Artigo publicado em March 10, 2008 as 9:47 am

MagentoEu sei muitos não gostam da expressão “web 2.0″, mas eu queria ter um titulo na moda.
Tirando o facto do titulo, Magento é uma nova solução open source para sites de e-commerce, e eu acho que vai ter futuro. Tem vários ingredientes que eu acho que vai tornar esta aplicação em sucesso:

  • Ajax
  • Open source
  • Grátis

Mas claro nenhum aplicação vai ter sucesso só com estes três ingredientes, e num mercado tão competitivo como o de soluções de e-commerce é preciso mais do que isto.

E de facto Magento apresenta muito mais, alguns factores inovadores para mim são:

Checkout

Para mim talvez um dos melhores checkout que já vi. Em sites de e-commerce o checkout é um dos pontos mais importantes.
Muitos sites de e-commerce perdem uma venda pois o processo do checkout é demasiado complicado, ou não é suficientemente informativo.
Por mais que pareça ainda hoje em dia muitos checkouts são complicados, muitos são 10 passos até completares o processo, outros obrigam uma pessoa a registar-se confirmar o e-mail e só depois deixam concluir o checkout.

Magento com ajuda de Ajax introduz o checkout num processo simples e eficaz. Basicamente consiste apenas de uma pagina com o efeito do acordeão onde o cliente trata de tudo numa só pagina sabendo sempre os passos a seguir.

Magento oferece também a hipótese do cliente fazer o checkout sem ter que se registar no site, isto é bom quando um cliente sabe/pensa que só vai comprar uma vez neste site.

Magento checkout

One ring to control them all

Como o Lord of the Rings, um anel para controlar todos, Magento dá te a hipótese de teres varios websites, varias lojas e com só um painel de controlo podes gerir todos os sites.

Excelente!

Zona do cliente

Se por ventura o cliente decidir registar-se no site irá ter varias funcionalidades que dão sempre jeito como:

  • Ver todas as ordens que fez no passado como os seus detalhes de quanto pagou e que produtos comprou
  • Poder gerir as suas subscrições em newsletters
  • Gerir produtos no qual deixou a sua tag
  • Gerir as suas reviews
  • Gerir produtos na sua wishlist, transferir produtos para o seu basket, enviar a sua wishlist para o email

Marketing

Um aspecto importante num sistema de e-commerce, Magento oferece varias funcionalidades:

  • Melhorar algumas paginas especificas para funcionarem como “landing page” para diferentes campanhas de marketing usando adwords por exemplo
  • Up-sell, cross-sell pois queremos sempre que o cliente adicione mais um produto no basket
  • Possível gerir as newsletters
  • RSS feeds de novos produtos
  • Possível por diferentes tipos de ofertas em produtos como x% de desconto, desconto baseado em quantidades, compra x recebe y de borla e muito mais.

SEO (Search Engine Optimization)

Outro aspecto importante em qualquer site de e-commerce e acreditem o mercado esta competitivo para chegar a primeira pagina do google e toda a ajuda é necessário.

  • URL Rewrite
  • Google Sitemap
  • Meta tags
  • Gere automaticamente um sitemap do site para os clientes
  • Gere automaticamente uma pagina com links dos termos mais procurados do teu site

Relatórios

Quanto mais informações tiveres da tua loja, mais facilmente podes saber que áreas melhorar para aumentar os rendimentos.

  • Magento integra-se automaticamente com o google analytics
  • Relatórios de vendas
  • Relatórios de basket abandonados
  • Relatórios de palavras procuradas no site
  • Relatórios de stock
  • Relatórios de reviews

Muito mais

Magento oferece muito mais como:

  • Comparação de produtos, dá sempre jeito quando um cliente esta na duvida entre vários produtos
  • Sistema de procura com bocados de Ajax, como completar o que o cliente esta a escrever
  • Controlo de media, automaticamente faz watermark em imagens
  • Zoom automático para imagens dos produtos
  • …. muito muito mais

Conclusão

Ainda em versão beta Magento consegue ser melhor do que algumas soluções pagas. Se pensam que Magento vai fazer competição com soluções open source (ex: oscommerce) eu acredito que vai fazer competição com soluções pagas como Actinic e Jshop.

Apesar de estar em versão beta eu acho que agora é a melhor altura de começarem a dar uma vista de olhos nesta solução pois acredito que talvez num futuro seja a vossa aplicação de ecommerce de eleição.

Link oficial : Magento

Firecookie, firebug recebe uma prenda.

Artigo publicado em March 7, 2008 as 3:53 pm

FirecookieDe certeza que muitos programadores usam Firebug, uma excelente extensão para o firefox que permite fazer debug dos teus sites/aplicações com estilo!

Mas agora ainda ficou melhor, Jan Odvarko criou um plugin que permite acesso aos cookies. Firecookie deixa-te ver, criar, remover e gerir todos os teus cookies a partir de uma tab no Firebug.

Sim existe varias extensões para o Firefox que permitem fazer o mesmo efeito, mas o ponto desta extensão é que esta integrada no Firebug e só isso facilita a vida.

IE8! Será que vou mudar de browser?

Artigo publicado em March 7, 2008 as 10:38 am

Pelos vistos não vai ser preciso esperar anos (? não tenho a certeza) para uma nova versão do IE8.

Ainda esta em fase beta, mas sinceramente se tudo funcionar como dizem, eu pessoalmente estou interessado! Bastante interessado.

Eu não sou fanático por nenhum browser, para ser sincero de momento uso três browsers ao mesmo tempo firefox, flock e IE7. Eu sou da opinião de a melhor ferramenta para o problema que temos, seja M$, Linux, Apple ou outros.

Agora vamos falar do IE8.

Activities

Adoro a ideia. Activities são menus contextuais que tem varias opções dependente do conteúdo da pagina permitindo um acesso rápido a outros serviços na internet.

Activities ou se calhar em Português actividades permite dois tipos de cenários, os exemplos dados pela a Microsoft são:

“Look up” por exemplo imagina um site onde na pagina “Contacto” tem a morada da sede da empresa. Selecciona a morada e poderás escolher um serviço web para veres no teu mapa preferido onde a sede da empresa se situa.

“Send” estas a ler um blog e queres fazer um comentário no teu blog acerca do que leste. Simples selecciona o texto a qual desejas fazer um comentário e usando o menu envia para o teu blog.

WebSlices

Sinceramente tenho que ver a funcionar pois parece me apenas um novo nome para feeds em RSS.

A diferença é que o IE8 vai servir melhor como um leitor de RSS.

Coisas mais serias

Debugging

IE8 inclui o sua própria consola para debug. Para quem já conhece firebug, IE8 traz a sua versão para a mesa.

Sinceramente para mim ainda não é tão bom como o firebug, mas sem duvida nenhuma que é uma das melhores coisas que o IE8 traz.

Ajax, porque no fim do dia é isto que nos interessa.

Navegação, pois bem o famoso problema de carregar no botão para voltar para trás na historia pelos vistos esta resolvido!!!

Ligação, agora é possível verificar se o usuário esta ligado a nossa aplicação, imagino que por exemplo se verificarmos que o usuário desligou-se podemos por exemplo fechar ligações a base de dados ou mesmo cancelar pedidos anteriores feitos em Ajax.

Seis ligações por host, esqueçam o limite de duas ligações agora temos 6, e sem duvida que hoje em dia isto já se justificava.

XMLHTTPRequest, agora inclui timeout, que permite cancelar o pedido em Ajax se for necessário.

Cross-domain Request(XDR), acho que vou adorar esta parte, fazer pedidos em Ajax para outros sites que estejam disponíveis para partilharem a sua informação. Acho que isto vai abrir portas para mashups de uma maneira astronómica.

Cross-document Messagin(XDM), a mesma ideia mas para documentos.

Conclusão

Ok metam de parte que é Microsoft, eu sinceramente estou bastante ansioso para ver se o IE8 vive as expectativas.

Acho que XDR vai abrir mais ainda a maneira como sites podem partilhar informação. Activities e Webslices são pontos interessantes, mas não é o que mais me interessa nesta nova versão do IE8.

Existe bastante mais coisas novas no IE8 que não discuti no PT Ajax, porque o que aqui interessa é Ajax e nesse ponto o IE8 não se esqueceu.

O que é que vocês acham? Façam o download e digam qualquer coisa.

Link oficial: IE8

WaveMaker, Ajax WYSIWYG!!

Artigo publicado em March 5, 2008 as 3:02 pm

WaveMakerEu gosto de escrever código, mas sei que muita gente gosta de usar WYSIWYG (What You See Is What You Get) editores, mas eu as vezes viro “old-school” e o notepad faz o trabalho eheh.

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

Cheat Sheet e mais Cheat Sheet

Artigo publicado em March 4, 2008 as 11:05 pm

Sinceramente estava na duvida se devia publicar este post, pelo o simples facto do artigo que encontrei já é bastante antigo.

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.

Pagina 2 de 3«123»

Wisemapping Magento Ecommerce TaskFreak
MooFilm Flexigrid ProtoFlow

Drag e Drop com Scriptaculous

Drag e Drop com ScriptaculousEste tutorial consiste em explicar como usar o prototype e o script.aculo.us para criar o efeito drag e drop. Analisamos todas as opções, mostramos como criar com exemplos práticos e visuais.

Uff.. Como usar Prototype para pedidos em Ajax.

Como usar Prototype Neste tutorial explicamos como podes começar a dar os teus primeiros passos na famosa framework prototype, um simples tutorial onde é explicado como podes fazer os teus primeiros pedidos em Ajax.