Planeta Visie

DGmike: Palestra PagSeguro na Impacta

Fri, 05 Feb 2010 14:08:48 +0000

No sábado passado realizei uma palestra na Impacta sobre como implementar uma loja virtual do nada com ajuda do PagSeguro da UOL. Esta palestra já está na terceira versão, eu já a apresentei no PHP-Minas e PHPConference no ano passado. Eu sempre dou um upgrade entre uma apresentação e outra ou corto coisas que não [...]

fechaTag: Exportando MySQL para CSV

Thu, 04 Feb 2010 18:14:18 +0000

Criei agora um pequeno script para resolver um problema meu, um exportador de base de dados MySQL para arquivos CSV. Resolvi compartilhar:

MySQL2CSV

Para baixar, você vai precisar do git. No Ubuntu, para instalar, faça:

$ sudo apt-get install git-core

Depois, para baixar:

$ git clone git@github.com:elcio/mysql2csv.git

Isso vai criar a pasta mysql2csv, com o script dentro. Você pode copiá-lo para a pasta /usr/local/bin/ e dar permissão de execução se for usar com muita freqüência:

$ cd mysql2csv $ sudo cp mysql2csv.py /usr/local/bin/mysql2csv $ sudo chmod +x /usr/local/bin/mysql2csv

Se fizer isso, vai poder chamar, em qualquer diretório:

$ mysql2csv host user passwd dbname

Tableless.com.br - Web Standards com Arroz e Feijão: Google Apps não suportará mais IE6

diego@tableless.com.br (Tableless.com.br) — Tue, 02 Feb 2010 11:58:08 +0000

Recebi hoje um email do Google explicando que em 2010 eles irão deixar de suportar o IE6. Vitória!
Contar com o IE6 na cartilha de suporte é subutilizar o HTML5 e JavaScript. Aqui mesmo na Visie, temos projetos que o HTML5 e CSS3 seriam a resposta, mas ainda não podemos utilizar por causa do IE6, IE7 e em alguns casos o IE8.

Deixar de suportar o IE6 é questão de sobrevivência. E para matar o IE6, nós precisamos evoluir. Cabe a nós educar o usuário. Formar um mundo novo.

Abaixo segue o email recebido do Google.

Dear Google Apps admin,

In order to continue to improve our products and deliver more sophisticated features and performance, we are harnessing some of the latest improvements in web browser technology. This includes faster JavaScript processing and new standards like HTML5. As a result, over the course of 2010, we will be phasing out support for Microsoft Internet Explorer 6.0 as well as other older browsers that are not supported by their own manufacturers.

We plan to begin phasing out support of these older browsers on the Google Docs suite and the Google Sites editor on March 1, 2010. After that point, certain functionality within these applications may have higher latency and may not work correctly in these older browsers. Later in 2010, we will start to phase out support for these browsers for Google Mail and Google Calendar.

Google Apps will continue to support Internet Explorer 7.0 and above, Firefox 3.0 and above, Google Chrome 4.0 and above, and Safari 3.0 and above.

Starting this week, users on these older browsers will see a message in Google Docs and the Google Sites editor explaining this change and asking them to upgrade their browser. We will also alert you again closer to March 1 to remind you of this change.

In 2009, the Google Apps team delivered more than 100 improvements to enhance your product experience. We are aiming to beat that in 2010 and continue to deliver the best and most innovative collaboration products for businesses.

Thank you for your continued support!

Sincerely,
The Google Apps team

Email preferences: You have received this mandatory email service announcement to update you about important changes to your Google Apps product or account.

Google Inc.
1600 Amphitheatre Parkway
Mountain View, CA 94043

fechaTag: Rodando comandos do sistema operacional com cache no Python

Mon, 01 Feb 2010 16:41:00 +0000

Código simples, mas que pode ser útil para alguém não ter que escrevê-lo de novo (arquivo runcached.py):

import os,time cachepath='cache' timeout=360 def runcached(cmd): filename=os.path.join(cachepath,str(hash(cmd))) if os.path.isfile(filename): if time.time()-os.path.getmtime(filename)<timeout: return open(filename).read() t=os.popen(cmd).read() open(filename,'w').write(t) return t

A função runcached roda comandos do sistema operacional, e faz cache do resultado por 6 minutos. Para alterar o tempo do cache, basta mudar a variável timeout. Por exemplo, para cachear por 10 horas:

import runcached runcached.timeout=36000 r=runcached('lynx --source http://www.tableless.com.br')

WillianFernandes.com.br: Como gerar validações client-side em projetos Rails usando jQuery Validator com ClientValidations

Fri, 29 Jan 2010 17:43:47 +0000

Estou fazendo uma nova aplicação aqui na empresa e teremos muitos formulários. Para não precisar criar um script de validação para cada formulário, fui atrás de um plugin que gerasse as validação JavaScript automáticamente, com base nas validações do modelo.

Sem maiores problemas, encontrei o plugin Live Validations. Ele faz tudo o que preciso, quer dizer, quase tudo.

Alguns dos formulários dessa aplicação são Nested Model Form e o Live Validations não suporta esse tipo de formulário.

Sendo assim, resolvi fazer meu próprio plugin, chamado Client Validations. O que ele faz é basicamente ler as validações definidas no Model e traduzi-las para JavaScript usando jQuery Validator.

Instalação

script/plugin install git://github.com/willian/client_validations.git

Como o Client Validations depende do plugin Validation Reflection, preciaremos instalar ele também:

script/plugin install git://github.com/redinger/validation_reflection.git

E por último basta instalar o jQuery e o jQuery Validator:

Não esqueça de carregar o jquery e o validator no seu HTML:

<%= javascript_include_tag 'jquery-latest.min.js', 'jquery.validate.min.js' %>

Supondo que temos o modelo abaixo:

class Task < ActiveRecord::Base
  validates_presence_of :name
end

E o formulário desse modelo:

<% form_for(@task) do |f| %>
  <%= f.error_messages %>
 
  <p>
    <%= f.label :name %><br />
    <%= f.text_field :name %>
  </p>
  <p>
    <%= f.submit 'Create' %>
  </p>
<% end %>

Tudo o que precisamos fazer para a validação client-side funcionar é adicionar o helper client_validations no formulário. Ficará assim:

<% form_for(@task) do |f| %>
  <%= f.error_messages %>
 
  <p>
    <%= f.label :name %><br />
    <%= f.text_field :name %>
  </p>
  <p>
    <%= f.submit 'Create' %>
  </p>
  <%= f.client_validations %>
<% end %>

Provavelmente você receberá a seguinte mensagem de validação:

translation missing: en, activerecord, attributes, task, name can't be blank

Para resolver esse problema, basta criar o arquivo de internacionalização em config/locales.

O plugin ainda está na versão 0.1.0 e muita coisa pode ser feita para melhorá-lo. Se tiver alguma sugestão, crie um comentário ou use a página do GitHub: http://github.com/willian/client_validations

Tableless.com.br - Web Standards com Arroz e Feijão: Porque é a web que comanda

diego@tableless.com.br (Tableless.com.br) — Wed, 27 Jan 2010 11:30:56 +0000

A AppStore fez sucesso. Bastante. Por vários motivos: um deles foi por conta da remuneração do desenvolvedor. Teve gente que ganhou milhares de dólares sozinho vendendo aplicações por 99 centavos. Obviamente isso chamou a atenção de muita gente, que começou a fazer aplicações enlouquecidamente para ganhar alguns trocados. Consequentemente um grande números de aplicações que não precisam ser instaláveis no aparelho, apareceram. Vários desenvolvedores não perceberam que dependendo do seu sistema, ele não precisa ser desenvolvido exclusivamente para ser instalado na plataforma do iPhone.

Hoje, aparelhos como o iPhone, que tem um browser com um bom suporte a HTML 5 e CSS 3, possibilitam criar sistemas e aplicativos baseados em web, com características, designs e comportamentos idênticos aos de aplicações instaláveis nos aparelhos. E o melhor, podem ser utilizados de qualquer lugar, pela web. Outro ponto negativo é que desenvolver para iPhone/iPod Touch é um bocado burocrático. Você precisa ter o SDK que só funciona no OS X, e você precisa aprender Objective C para programar os Apps para Apple. Em contrapartida, para fazer um App baseado em Web, onde seus clientes acessarão o sistema diretamente pelo browser do aparelho, é preciso saber Javascript, HTML 5 e CSS 3. Se você já é desenvolvedor Web, você já sabe desenvolver para iPhone, iPod Touch, Android e qualquer outro dispositivo similar.

Se você gosta dos efeitos de transição dos aparelhos, você pode fazê-los sem problemas utilizando JQuery ou CSS 3. Há até um plugin de JQuery chamado JQTouch, que permite fazer efeitos idênticos ao do iPhone. Esse plugin foi pensado exatamente para funcionar em Mobile Safari e outros aparelhos com browsers avançados, como no Android.

Um caso sobre o que estamos falando é a aplicação do Itaú. Se você tem um iPhone, baixe o aplicativo pela AppStore. Ao abrir o aplicativo, perceba que o sistema não faz nada além de mostrar o site do Itaú. É muito mais interessante e barato ensinar o usuário a visitar o site em vez de procurar um aplicativo e instalar. Não é necessário nem divulgar um endereço mobile do site – esse aliás é outra discussão.

Obviamente, há exceções. A maioria dos jogos, se não todos, e alguns sistemas disponíveis funcionam melhor (ainda) se forem instalados no aparelho. Mas a grande maioria dos sistemas, principalmente aqueles que o usuário simplesmente insere ou verifca informações e dados, podem ser servidos diretamente pela web.

No caso do iPhone, os sistemas que utilizam recursos do aparelho, como por exemplo fazer o aparelho vibrar, bluetooth, bateria, GPS e etc, precisam ser instalados. Isso não se aplica a alguns mobiles da Nokia que são baseados na plataforma WRT.
A plataforma WRT permite que você desenvolva aplicativos utilizando Javascript, HTML e CSS. E por meio de Javascript, você pode ativar os recursos que ter utilizar no aparelho. Nesse caso, há uma vantagem em cima do iPhone: você não precisa aprender Objective C. Basta saber Javascript, CSS e HTML.

O cenário de hoje é interessante. Tudo o que o desenvolvedor sempre sonhou em utilizar de HTML 5 e CSS 3 pode ser aplicado no desenvolvimento para web mobile. Os browsers estão mais espertos e a cada dia trazem novidades interessantes para melhorar o desenvolvimento dos padrões e da web. Realmente, daqui pra frente, é um novo mundo que se forma. Um mundo tão ou mais complexo que o desenvolvimento web para desktops como conhecemos hoje. Pra mim, é mais apaixonante.

Guidelines de User Experience da Apple.
Forum Nokia – Web Runtime

Blog da Visie: Dicas de produtividade

Fri, 22 Jan 2010 12:38:43 +0000

Alguém me perguntou no Formspring que dicas eu daria para aumentar a produtividade no desenvolvimento web. Minha resposta:

0. Paixão pelo que faz
1. Padrões web
2. Um bom framework (estou me divertindo com web2py)
3. Linguagens dinâmicas (uso Python)
4. Testes automatizados (TDD/BDD…)
5. Controle de versão
6. Scrum
7. Pair Programing
8. jQuery
9. Um bom editor de código (eu uso Vim)
10. Unix (facilita muita coisa)
11. Deploy automatizado
12. Investir em melhorar seus skills: medir tudo o que faz, participar de um coding dojo, testar novas ferramentas, ler, contribuir num projeto open source…

Espero que seja útil.

Você pode ler um pouco mais sobre boa parte desses assuntos em nosso PDF sobre produtividade.

Sem posts relacionados

Tableless.com.br - Web Standards com Arroz e Feijão: Versionamento inteligente para mobiles

diego@tableless.com.br (Tableless.com.br) — Wed, 20 Jan 2010 12:31:53 +0000

O iPhone fez a festa dele. Todo mundo gostou do que viu e usou. Acontece que não só de iPhone vive o homem, e há pessoas por aí que não gostam do aparelho por motivos diversos. Há mercado para todos e por isso é natural que apareçam outros aparelhos com novos sistemas. Acontece que o lançamento do iPhone criou uma moda de criar versões dos sites específicas para ele. No começo isso foi ótimo. Mas agora, isso priva diversos celulares similares ao iPhone de terem uma boa experiência de navegação. É o caso de usuários de Android.

O Android é o novo sistema operacional para mobiles do Google. Até para um AppleBoy, como eu, o sistema é interessante. Tem a interface bem acabada, app’s amigáveis e etc. Ele faz muito bem o papel dele. O Engine de renderização do browser dele é WebKit. O mesmo engine que o Safari Mobile utiliza. E não estou falando de versões antigas do Webkit como alguns outros celulares utilizam. O Android utiliza as versões mais atuais do Webkit, com suporte extenso a CSS e HTML. Portanto, um site que teoricamente foi feito apenas para iPhone, pode ser visualizado da mesma maneira pelos usuários de Android.

Aí entra outra questão: provavelmente você deve ter pensado que seria apenas fazer um script de detecção de browser, capturando as visitas de Safari Mobile e Android e pronto. É aí que você se engana. Já há vários outros aparelhos que estão utilizando engines parecidas e que podem renderizar sua “versão de iphone”. Exatamente por isso, que você precisa fazer um filtro por características e não por browser. Fazemos isso utilizando Media Queries.

As Media Queries permitem fazer um pequeno filtro, onde definimos as características do dispositivo que acessará a página. Com isso, podemos definir um CSS específico para aquele grupo de dispositivos que se encaixaram no seu filtro. Veja um exemplo abaixo:

1 2	<link rel="stylesheet" href="style.css" type="text/css" media="screen and (min-width:481px)"> <link rel="stylesheet" href="mob.css" type="text/css" media="screen and (max-width:480px)">

A media que fiz é muito simples de ser entendida. A primeira linha engloba dispositivos que tem tela colorida, com uma resolução de largura mínima de 481px, isso inclui seu monitor, notebook e etc. A outra linha engloba dispositivos com uma largura máxima de 480px, ou seja, iPhones, Androids e dispositivos que seguem esse mesmo esquema de resolução e etc.

Dessa forma, você filtra os dispositivos e não os browsers dos aparelhos. Isso previne que algum celular, tão bom quanto o iPhone e o Android fiquem de fora de ter uma boa experiência de uso. Quer fazer um teste interessante? Se você estiver utilizando um browser que aceita media queries, redimensione a janela para uma largura menor que 480px. Você verá o Tableless chaveando os estilos automaticamente. Perceba que alguns elementos são reformatados e outros retirados do layout.

O filtro ainda não está completo porque não estamos contemplando os aparelhos que não aceitam meda queries, mas são mobiles. Para isso, usaríamos os Media Types, com valor de handheld. Embora celulares que aceitem os Media Types não tenham um bom suporte de CSS, podemos fazer pelo menos uma formatação de texto, cor e background. Celulares que utilizam Opera Mini, terão uma ótima experiência.

É sempre aquela mesma velha idéia: dar a melhor experiência para todos os meios de acesso. Sempre.

Tableless.com.br - Web Standards com Arroz e Feijão: Simuladores de Browsers Mobiles

diego@tableless.com.br (Tableless.com.br) — Wed, 20 Jan 2010 12:31:25 +0000

Antigamente não existiam simuladores dos pequenos celulares. Na verdade, não precisava. Você provavelmente usava WAP. Quando começamos a utilizar CSS e XHTML para fazer sites mais decentes para os mobiles, tudo ficou mais complicado, você precisava ter um aparelho para fazer testes. Em muitos casos era simples resolver utilizando o Opera no desktop mesmo, mas em forma de visualização mobile/handheld. Contudo, você estava desenvolvendo para apenas aparelhos com Opera. Não havia, por exemplo, um simulador de IE Mobile. Nem precisa, é horrível, e atualmente, a maioria utiliza Opera.

Para fazer sites para os iPhones e Androids da vida, não há segredo, já que eles aceitam tudo e mais um pouco de CSS e HTML. Você consegue ter homogeneidade ao desenvolver. Mesmo assim, para ter certeza, seria interessante você testar o site em um aparelho. Por isso, há simuladores que emulam o ambiente dos aparelhos. É o caso do iPhone e do Android.

Para aprender mais sobre o simulador do Android, visite a página oficial sobre o emulador deles. Assim você aprende como ele funciona, as funções, instalação e etc. O simulador pode ser instalado em Windows, Mac ou Linux.

O simulador para iPhone é só para quem tem Mac. Infelizmente a Apple ainda não liberou o SDK para outros sistemas. Uma pena, porque não só de mac vive o homem, e a maioria dos devs utilizam Windows ou Linux. Mesmo assim, você pode baixá-lo e utilizá-lo para testar qualquer site ou arquivos locais.

O pessoal da Nokia também disponibiliza vários emuladores. Contudo, aconselho que você utilize apenas o browser de S60, que é o melhor deles hoje em dia. Os browsers dos S60 suportam Webkit, mesmo não sendo a versão mais atualizada, é possível fazer muita coisa interessante, entretanto, há haver alguns erros de compatibilidade por conta do engine desatualizado.

WillianFernandes.com.br: Pair Programming – Por que e como usar?

Mon, 18 Jan 2010 14:01:10 +0000

Pair Programming é, para mim, a melhor forma de trabalhar em equipe. Facilita a comunicações e impede que o conhecimento de uma funcionalidade/lógica fique somente com um desenvolvedor.

Trabalhando em Pair foi fácil perceber a evolução das pessoas como profissionais. Um profissional Jr. rapidamente ganhava experiência, adquiria habilidades e virava fluente na linguagem, ou seja, treinar a equipe usando Pair foi muito mais simples e barato para a empresa.

Mas, essa é minha opinião. Muita gente compartilha comigo esse mesmo sentimento, mas muita gente torce o nariz quando escuta as palavras Pair Programming juntas.

Mas como começar com Pair Programming?

Não adianta impor sua equipe a trabalhar assim. Mas antes de aceitar um não da equipe, é interessante testar e analisar a aceitação de todos.

Quando trabalhava na WebCo (Abril Dgital), resolvemos usar a Programação em Par. Foi fácil convencer todos, pois, no nosso caso, ~~todos~~ a maioria que torciam o nariz nunca tinham usado Pair, ou seja, não tinham argumentos.
No começo havia discussões, stress, mas com o tempo todos foram percebendo os ganhos que estávamos tendo com a adoção e virou regra da empresa utilizar Pair 100% do dia. Quando entrevistávamos alguém, um dos requisitos era a pessoa não ter nada contra ao trabalho em equipe, principalmente ao Pair.

Mas isso tudo poderia ter sido um tiro no pé. Por isso precisamos estudar caso à caso.
Hoje trabalho numa empresa que somente EU trabalhei com Pair Programming. Tive muitas barreiras para quebrar, principalmente dos gerente, mas felizmente consegui convencê-los e vou começar com Pair na minha equipe.

Como uso Pair Programming

Como uso Scrum para gerenciar o processo do desenvolvimento, ficou fácil dividir as duplas do Pair. No Daily Meeting, quando definimos o que faremos hoje, também definimos com quem faremos Pair. E durante o dia todo não trocamos de par, apenas revezamos, de tempos em tempos, o driver e o navigator. Esse revezamento pode ser feito marcando em um cronometro que avisará quando a troca ocorrerá, ou simplesmente quando a dupla julgar necessário (o que eu prefiro).

No dia seguinte, um das pessoas do par continua na história e a outra pessoa escolhe em qual história trabalhará e com quem fará par. O mesmo ocorre com os outros pares. Ou seja, assim conseguimos manter uma boa rotatividade. A idéia é que o maior número de pessoas possam trabalhar juntas durante o Sprint.

A dinamica

História 1: Juca - Pedro História 2: Lucas - Thiago História 3: Maria - Carla1º Dia

História 1: Juca - Carla História 2: Lucas - Pedro História 3: Maria - Thiago2º Dia

História 1: Carla - Thiago História 2: Lucas - Juca História 3: Maria - Pedro3º Dia

E assim por diante…

Baby steps

Como disse, hoje estou começando com Pair na minha equipe, ela será uma cobaia dentro da empresa. Tendo bons resultados, poderemos expor para as outras equipes também dotarem o uso do Pair Programming.

Resumindo…

Não adianta impor, de cara, que toda a empresa adote o uso do Pair, escolha uma equipe madura, pense pequeno e, dando tudo certo, vá expandindo até que isso vire uma cultura dentro da empresa.

Respeite a opinião dos outros, aceite a derrota e mude de empresa se for o caso. Mas não faça inimigos tentando evangelizar algo. Acredite, não vale a pena. Se for necessário, peça ajuda. Tem muita gente na internet usando Pair.

DGmike: PagSimples: faça combranças facilmente com o PagSeguro

Sun, 17 Jan 2010 21:38:57 +0000

E-mail, Orkut, FaceBook, Youtube, BlogPost, Twitter e onde mais você tiver como escrever um link você pode usar o PagSimples. http://pagsimples.dgmike.com.br

Tableless.com.br - Web Standards com Arroz e Feijão: Colocar Rodapé fixo no fim da página

diego@tableless.com.br (Tableless.com.br) — Tue, 12 Jan 2010 18:14:01 +0000

Você já precisou ter o rodapé fixo no fim da página algum dia. Normalmente os clientes chatos acham feio aquele rodapé terminando no meio da página quando há pouco conteúdo. Há uma técnica no CSS que resolve isso. Não funciona no IE6, já aviso agora. Na verdade, tem um jeito de funcionar, mas não quero te acostumar mal.

Lembrando que você pode fazer isso facilmente com JQuery.

Suponha que você tenha o código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 
	<title>Tableless.com.br</title>
</head>
 
<body>
 
<div class="geral">
	<div class="header">
		HEADER
	</div>
	<div class="aside fleft">
		ESQUERDA
	</div>
	<div class="aside fright">
		DIREITA
	</div>
	<div class="content">
		<p>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue erat, ullamcorper pulvinar malesuada ultricies, mollis non magna. Curabitur quis nisi ut ligula ultricies gravida. Suspendisse elit justo, vulputate in facilisis sed, tristique id nisi. Maecenas risus quam, suscipit eu vehicula ut, ultricies in neque. Donec gravida tristique turpis ut interdum. Donec lacinia nisi id enim lacinia sit amet facilisis est ullamcorper. Curabitur ipsum libero, sollicitudin nec rhoncus quis, congue non ipsum. Etiam at eros dolor. Mauris non erat vitae leo faucibus fermentum. In consectetur, diam eget faucibus dignissim, urna justo pretium dui, nec eleifend neque velit vitae odio. Nam et tristique turpis. In dictum commodo sem ut dignissim. In convallis quam non tortor posuere sed ornare nulla pulvinar. Suspendisse placerat turpis in tortor rutrum nec mollis nulla posuere. Integer tellus est, rhoncus ut sagittis eget, mattis a velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque gravida posuere orci nec ornare. Donec elit nulla, aliquam eget cursus a, commodo sed odio.
		</p>
		<p>
		Duis id metus enim, sed dignissim magna. Quisque dapibus pulvinar diam eget adipiscing. Ut aliquet ipsum quis lorem elementum lacinia. Vestibulum feugiat ultrices orci, vel sollicitudin nibh rutrum eu. In gravida tincidunt ornare. Aenean vestibulum leo eu orci egestas semper. Proin euismod dapibus tempor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse rutrum purus eget lectus ultricies a consectetur ante laoreet. Phasellus ullamcorper gravida risus vitae convallis. Curabitur ante lorem, faucibus in tincidunt quis, ullamcorper at lectus. Fusce fermentum blandit varius. Donec a quam id massa bibendum commodo sit amet vel felis. Sed magna nibh, convallis nec dignissim non, vestibulum adipiscing ipsum. Mauris cursus fringilla tortor eu feugiat. Vivamus vestibulum dapibus justo, porttitor luctus nisi posuere at. Nunc mi elit, suscipit id venenatis at, suscipit nec purus. Donec malesuada fringilla tempor. Pellentesque vehicula diam a magna commodo sagittis. Nulla facilisi. 
		</p>
	</div>
	<div class="footer">
		FOOTER
	</div>
</div>
 
</body>
</html>

E o seguinte CSS:

*  {
	margin:0;
	padding:0;
}
 
html, body {height:100%;}
 
.geral {
	min-height:100%;
	position:relative;
	width:800px;
}
 
.footer {
	position:absolute;
	bottom:0;
	width:100%;
}
 
.content {overflow:hidden;}
.aside {width:200px;}
.fleft {float:left;}
.fright {float:right;}

Na linha 6, você faz com que as tags body e html tenham 100% de altura. Isso fará com que o rodapé entenda que o limite dos dois elementos seja o final da janela do navegador.

Na linha 8, defino que a largura mínima do div GERAL, que é o div que envolve todo o site, seja de 100%. E defino um position: relative; para que o footer seja referenciado por ele.

Na linha 14, eu defino um position: absolute; e bottom:0; para footer, forçando sempre para o final do div.
Se houver pouco conteúdo o Rodapé fica lá embaixo, se houver muito, o rodapé desce junto com o conteúdo.

Funciona em IE7+ e em bons browsers.

Link para o arquivo de exemplo: Footer fixo no Rodapé

Tableless.com.br - Web Standards com Arroz e Feijão: Convertido – Menu (Livraria Cultura)

diego@tableless.com.br (Tableless.com.br) — Tue, 12 Jan 2010 14:18:18 +0000

Fazer menus com CSS é relativamente simples. Não precisamos de muitas linhas de código para fazer um menu totalmente personalizado. O Menu da Livraria Cultura é feito com Tabela. Na verdade, todo o site deles é feito com Tabelas, mas esse é outro assunto.

Você pode ver o menu deles aqui.

O Código HTML do menu deles é:

 
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
	<td><ul id="jsddm">
		<li id="mainmenu-livro" style="height: 22px; width: 79px;">
 
				<a href="/scripts/cultura/index.asp?sid=89120138612112390515516911&amp;k5=2FEC93B&amp;uid="><img src="imagem/_topo/abas/novo_livros.gif" alt="Livros" border="0"></a>
			<ul id="mainmenu-livro-sub" style="padding: 5px; background: rgb(11, 161, 176) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; position: absolute; width: 69px; z-index: 350; margin-top: -2px; list-style-type: inherit; list-style-image: inherit; list-style-position: inherit; visibility: hidden;">
<li>
<a style="color: rgb(255, 255, 255);" href="/scripts/cultura/index.asp?lingua=POR&amp;sid=89120138612112390515516911&amp;k5=2FEC93B&amp;uid=">Português</a>
<a style="color: rgb(255, 255, 255);" href="/scripts/cultura/index.asp?lingua=ING&amp;sid=89120138612112390515516911&amp;k5=2FEC93B&amp;uid=">Inglês</a>
<a style="color: rgb(255, 255, 255);" href="/scripts/cultura/index.asp?lingua=ESP&amp;sid=89120138612112390515516911&amp;k5=2FEC93B&amp;uid=">Espanhol</a></li><li>
<a style="color: rgb(255, 255, 255);" href="/scripts/cultura/index.asp?lingua=FRA&amp;sid=89120138612112390515516911&amp;k5=2FEC93B&amp;uid=">Francês</a></li><li>
<a style="color: rgb(255, 255, 255);" href="/scripts/cultura/index.asp?lingua=ITA&amp;sid=89120138612112390515516911&amp;k5=2FEC93B&amp;uid=">Italiano</a></li><li>
<a style="color: rgb(255, 255, 255);" href="/scripts/cultura/index.asp?lingua=ALE&amp;sid=89120138612112390515516911&amp;k5=2FEC93B&amp;uid=">Alemão</a>
 
</li>
			</ul>
		</li>
	</ul>
		</td>
	<td><a href="/scripts/videos/index.asp?sid=89120138612112390515516911&amp;k5=2FEC93B&amp;uid="><img src="imagem/_topo/abas/b_dvds2.gif" alt="DVDs" border="0"></a></td>
	<td><a href="/scripts/musica/index.asp?sid=89120138612112390515516911&amp;k5=2FEC93B&amp;uid="><img src="imagem/_topo/abas/b_cds2.gif" alt="CDs" border="0"></a></td>
	<td><a href="/scripts/games/index.asp?sid=89120138612112390515516911&amp;k5=2FEC93B&amp;uid="><img src="imagem/_topo/abas/b_games2.gif" alt="Games" border="0"></a></td>
                               <td><a href="/scripts/hotsites/index.asp?sid=89120138612112390515516911&amp;k5=2FEC93B&amp;uid="><img src="imagem/_topo/abas/novo_sitesesp.gif" alt="Hotsites" border="0"></a></td>
 
	<td><a href="/scripts/eventos/index.asp?sid=89120138612112390515516911&amp;k5=2FEC93B&amp;uid="><img src="imagem/_topo/abas/novo_eventos.gif" alt="Eventos" border="0"></a></td>
	<td width="100%"></td>
</tr>
</tbody></table>

Eu não encontrei qual seria o pedaço do CSS referente ao menu, por isso eu não vou colar aqui.

O problema da versão do menu deles é que é todo feito com imagens e usa muita tabela. Há também código CSS inline. Isso prejudica leitores de tela, prejudica Google, e manutenção.
A versão que sugerimos é feita utilizando a técnica Image-Replacement. Segue abaixo o código HTML:

<div class="nav">
	<ul>
		<li class="navlivros"><a href="#">Livros</a>
			<ul>
				<li><a href="#">Português</a></li>
				<li><a href="#">Inglês</a></li>
				<li><a href="#">Espanhol</a></li>
				<li><a href="#">Francês</a></li>
				<li><a href="#">Italiano</a></li>
				<li><a href="#">Alemão</a></li>
			</ul>
		</li>
		<li class="navdvd"><a href="#">DVDs</a></li>
		<li class="navcd"><a href="#">CDs</a></li>
		<li class="navgames"><a href="#">Games</a></li>
		<li class="navsitesesp"><a href="#">Sites especiais</a></li>
		<li class="naveventos"><a href="#">Eventos</a></li>
	</ul>
</div>

Abaixo o Código CSS:

* {
	margin:0;
	padding:0;
	list-style:none;
}
 
.nav {padding:10px;}
 
.nav ul li {float:left; position:relative;}
 
/* Define que todos os submenus aparecem quando passarmos o mouse no LI "pai" */
.nav ul li:hover ul {display:block;}
 
/* Define o estilo dos links */
.nav ul li a {
	float:left;
	height:22px;
	text-indent:-9999px;
	overflow:hidden;
	background-position:center center;
	background-repeat:no-repeat;
}
 
/* Adiciona o background e a largura nos elementos do menu */
.nav ul li.navlivros a {width:79px; background-image:url(imagem/_topo/abas/novo_livros.gif);}
.nav ul li.navdvd a {width:79px; background-image:url(imagem/_topo/abas/b_dvds2.gif);}
.nav ul li.navcd a {width:79px; background-image:url(imagem/_topo/abas/b_cds2.gif);}
.nav ul li.navgames a {width:79px; background-image:url(imagem/_topo/abas/b_games2.gif);}
.nav ul li.navsitesesp a {width:149px; background-image:url(imagem/_topo/abas/novo_sitesesp.gif);}
.nav ul li.naveventos a {width:109px; background-image:url(imagem/_topo/abas/novo_eventos.gif);}
 
/** Define que a UL do submenu está escondida por default. E define o visual do submenu */
.nav ul li ul {
	display:none;
	background:#00A2B0;
	width:70px;
	position:absolute; top:22px; left:0px;
	padding:4px;
}
 
/* Resetamos todo o estilo dos links do submenu. Isso poderia ser evitado se o IE7 conhecesse seletores complexos ou com JQuery */
.nav ul li ul li a {
	font:13px verdana, arial, tahoma, sans-serif;
	background-image:none !important;
	text-indent:0;
	float:none;
	color:white;
}
 
.nav ul li ul li a:hover {text-decoration:none;}

Veja o resultado do menu reconstruído aqui.

O Submenu na versão original, eu fiz utilizando apenas CSS. Testei em Firefox e IE7/8. Funciona que é uma beleza. Sem Javascript, sem JQuery, nem nada.
Se o IE7 já conhecesse seletores complexos, não precisaríamos resetar todos os links dos submenus como fizemos na linha 35.
O Código CSS, embora pareça longo, ele está organizado para ser fácil de adicionar outros elementos.

Sempre que escrever um CSS, pense sempre no futuro. Um CSS para resolver um problema imediato, normalmente tem menos código. Mas ele resolve apenas aquele problema específico. Se você fizer um CSS abrangente e pensando no futuro, seu código fatalmente vai ficar maior. Mas você terá menos retrabalho ao fazer as alterações futuras. Eu prefiro.

Pegue aqui os dois códigos para estudar: Reconstrução Menu Livraria Cultura

Reconstruindo o menu da Livraria Cultura.

Tableless.com.br - Web Standards com Arroz e Feijão: Convertidos de volta

diego@tableless.com.br (Tableless.com.br) — Tue, 12 Jan 2010 14:17:42 +0000

Quem conhece o começo do Tableless.com.br, lembra dos “Convertidos do Tableless”. Os convertidos era uma área no Tableless onde eu reimplementava as homes de grandes sites utilizando HTML e CSS. Era uma época onde ninguém fazia websites sem tabelas, ninguém usava CSS direito e o HTML era feito “nas coxas”. Era uma época também que os desenvolvedores duvidavam da possibilidade de fazer websites apenas com CSS, posicionando e diagramando os elementos sem tabela. Por isso, tive a idéia de criar um movimento onde o objetivo não era dar tapas na cara, mas apenas aprender e ensinar. Mostrar que até mesmo websites que foram pensados para tabela, podiam ser feitos com CSS, sem grandes problemas e o mais interessante, compatível com a maioria dos browsers.

Os convertidos do Tableless não existe mais. Algumas empresas que tiveram seus sites convertidos, acharam que o Tableless estava copiando seus layouts e etc. Mandaram uma cartinha extrajudicial, fazendo com que tirássemos seus sites (convertidos) do ar. Bem, fizemos isso e para evitar outros problemas, retiramos toda essa seção do ar.

Hoje, os Convertidos antigos não iriam fazer muito sentido, já que atualmente todos os sites são “Tableless”. Entretanto, o código de muitos sites são feitos de uma maneira, vamos dizer assim, não adequada. Por isso, levantarei a questão aqui novamente, mas farei o seguinte: durante algum tempo, pegarei partes de grandes sites conhecidos, recodificarei de uma maneira que eu acho que seria a ideal, e publicarei aqui os resultados.

Deixo bem claro que isso não passa de um estudo. Publicarei aqui os resultados para dividir com vocês o conhecimento adquirido e também ouvir as opiniões de vocês leitores.
Se houver algum desenvolvedor que trabalha nas empresas que citarei daqui pra frente, por favor, pode entrar em contato comigo se preferir. Vamos conversar em como a Visie pode ajudar você a resolver problemas.

Você já pode ver o primeiro Convertido: Convertido – Menu (Livraria Cultura).

Uploads from Fernando Sergio!: Alegria que me mata!

Mon, 11 Jan 2010 13:27:22 +0000

Fernando Sergio! posted a photo:

fechaTag: Porque meu GPS não fala com a web?

Mon, 11 Jan 2010 13:00:40 +0000

Passei a última semana no IPAE, aqui. É o colégio em que fiz o segundo grau (faz tempo!), um lugar fantástico, ao pé de uma montanha, região com paisagens inacreditáveis. Me hospedei no colégio com minha família, para matar saudades, e todos os dias saíamos para visitar algum lugar em Petrópolis ou Teresópolis.

Há catorze anos, quando estudei lá, telefonava para minha família uma vez por semana apenas, pois os interurbanos eram muito caros. Dessa vez, estava conectado via rede 3G o tempo todo. O mundo mudou muito rápido em catorze anos. Ponto para o 3G da Claro, que funcionou em todo lugar onde fui, inclusive em todo o trajeto paulista (Dutra, Carvalho Pinto, Ayrton Senna) e em boa parte do estado do Rio de Janeiro. Na região de Itatiaia virou 2G, mas continuou funcionando.

Antes de sair para viajar, usávamos o Google Maps e a Wikimapia para encontrar os pontos de interesse. O problema? Depois de encontrar o ponto de interesse, meu sobrinho tinha que digitar os endereços no GPS para obter a rota. E quando o ponto de interesse ficava no meio de uma estrada, o jeito era navegar à mão no GPS até o lugar, arrastando o mapa para cá e para lá.

Será que só eu sofri com isso? Vocês, meus bem informados leitores, conhecem algum aparelho de GPS que fale com a web, através de alguma integração maluca? O ideal seria GPRS. Seria muito interessante se, enquanto estou dirigindo, um passageiro pudesse pegar o GPS e ver a navegação acontecendo sobre a Wikimapia, por exemplo. Alguém já viu isso? Alguma idéia de como fazer?

Zamana.eti.br: WRT ou Web Runtime

Tue, 05 Jan 2010 11:50:04 +0000

O WRT é uma nova maneira de desenvolver aplicativos para celulares nokia.

Disponivel para as versões s60 (de forma mais estável), o WRT simplesmente transforma o seu aplicativo numa pagina web.

Para quem já esta acostumado a desenvolver para a WEB não vai sentir muita dificuldade com o WRT, o unico ponto chave é: “Tudo dentro de um único HTML”.

Isso mesmo que você leu, todas as suas páginas irão ficar dentro de um único HTML, e sua linguaguem de programação será o Javascript.

No Forum Nokia, você vai encontrar um material vasto sobre isso, mas a minha idéia é trazer um aplicativo exemplo, e como no post anterior eu falei de um projeto pessoal em WRT, eu tava pensando em trazer ele, mas eu ainda estou pensando.

Por isso, como inicio eu vou deixar o link do WRT no fórum da nokia.

E para aqueles que já estão familiarizados com isso, eu deixo o Guarana, biblioteca jQuery para WRT.

Zamana.eti.br: Esquecido, sumido, entre outros

Mon, 04 Jan 2010 21:39:53 +0000

Eu passei um tempo escrevendo coisas legais nesse blog.

Mas eu passei por uma mega transformação, e o blog não me acompanhou.

Primeiro que eu tive que atualizar o blog, pois ele ainda estava na versão 2.7 (issu me deixou mal)

Segundo, porque eu não sou mais usuário de Ubuntu, podem me bater, hoje eu sou um usuário MAC OS.

Dae ficou a duvida, como deixar de falar de Ubuntu e falar de Mac, pois bem, isso é uma coisa que eu to pensando ainda.

Um dos projeto pessoais que eu to iniciando é um aplicativo em WRT. Quando ficar pronto eu falo mais, por enquanto, eu soh queria voltar a escrever um pouco.

Uploads from Fernando Sergio!: [Wireframe] Amapro Maternal

Fri, 01 Jan 2010 17:04:22 +0000

Fernando Sergio! posted a photo:

Uploads from Fernando Sergio!: [Freela] Amparo Maternal

Fri, 01 Jan 2010 17:04:16 +0000

Fernando Sergio! posted a photo:

Uploads from Fernando Sergio!: Fotolab Book

Fri, 01 Jan 2010 16:43:46 +0000

Fernando Sergio! posted a photo:

Uploads from Fernando Sergio!: [Kahek] Tecnoambi

Fri, 01 Jan 2010 16:36:37 +0000

Fernando Sergio! posted a photo:

Uploads from Fernando Sergio!: [Freela] Della Photo

Fri, 01 Jan 2010 16:36:19 +0000

Fernando Sergio! posted a photo:

Uploads from Fernando Sergio!: [Freela] Della Photo

Fri, 01 Jan 2010 16:35:49 +0000

Fernando Sergio! posted a photo:

Tableless.com.br - Web Standards com Arroz e Feijão: 2010

diego@tableless.com.br (Tableless.com.br) — Wed, 23 Dec 2009 16:02:06 +0000

Eu gostaria muito de fazer um artigo escrevendo uma retrospectiva do ano que passou. Mas isso é tão démodé, que resolvi deixar para lá. Mesmo assim, não há como falar do ano que vem, sem me alegrar dos avanços que o desenvolvimento web passou em 2009. Em 2009 foi o ano que os desenvolvedores se libertaram do IE6. Não que o IE6 seja uma coisa ruim, mas porque ele se tornou algo ruim, assim como os browsers de hoje podem se tornar um dia. Mas entenda, a saída do IE6, pelo menos para mim, foi um marco na história dos Padrões Web. É como se nós, desenvolvedores, tivessemos quebrado os grilhões que nos prendiam ao passado. Liberdade, entende? Isso prova que podemos mudar os paradigmas do mercado, quando quisermos.

2010 vai ser diferente. É o ano onde você começa um novo ciclo de desenvolvimento. Um ano onde você vai ser obrigado a mudar a sua forma de desenvolver. Melhor mudar sua cabeça se você acha que o HTML 5 é só uma sopa de novas tags. Melhor você rever seus conceitos, se você ainda acha Acessibilidade pode ser deixado para depois e que SEO é algo antigo e que ninguém acessa a internet via celular. E se você acha que a web vai continuar sendo a mesma para sempre. Leia:

“It’s been said today that, yes, this is a markup language for a Web page. But it’s a computing platform, too. The really big shift happening here is the shift to being a client-side computing platform,” Tim Berners-Lee

2010 é o ano onde você vai usar novas propriedades e seletores do CSS 3. Onde você vai fazer bordas arredondadas direto pelo CSS. Onde você vai abusar do Graceful Degradation e vai educar seu cliente a usar um browser mais novo. É o ano onde você dita as regras do mercado e não o contrário. Experimente mudar.

Se você ainda não percebeu, há um movimento grande a favor da evolução dos Padrões Web. 2010 não é 2004 onde você só começou a fazer tableless porque foi obrigado.

2010 é o ano para você mudar. Mudar seu método de trabalhar. Mudar seu browser padrão de navegação. Mudar a cabeça do seu cliente por mais que ele seja antiquado e retrógrado. Não importa o que você faça, mas mude.

Espero que 2010 seja realmente novo para você.

WillianFernandes.com.br: Programador Lento x Produtividade x Cultura

Tue, 22 Dec 2009 18:14:33 +0000

Hoje li o post do Rafael Lima e me deu vontade de falar sobre o assunto.

Conheço muita gente, incluindo donos de empresas de desenvolvimento, que confudem Programador Rápido com Qualidade/Produtividade. Além disso, essas pessoas costumam achar que quanto mais “Programadores Rápidos” forem contratados, mais rápidos seus projetos serão entregues, mais felizes seus clientes ficarão e mais projetos poderão desenvolver.

Isto é mentira!

Essas pessoas se esquecem que quanto maior a equipe mais complicado fica o gerenciamento, que quanto mais rápido um programador for mais bug este código terá. Sim, sim, eu também conheço muita gente boa que programa rápido e entrega código com qualidade, mas vamos concordar que infelizmente essa não é a realidade da grande maioria.

Como o Rafael Lima disse, antes de julgar e comparar um programador rápido com um lento, vamos ver se estão fazendo testes, se estão se preocupando com a qualidade antes de entregar o produto. Prefiro entregar um produto bom com alguns dias de atraso do que entregar na data e falhar quando o cliente for usar.

E por falar em testes, essas mesmas pessoas insistem em deixar “5 horas” no final do projeto para a equipe de QA. Pensam, ou fingem pensar, que isso é o bastante para garantir a qualidade do produto e o sucesso do projeto.

Vejo isso todos os dias e só lamento.

Essas pessoas precisam ler mais sobre Getting Real, Gerenciamento de Projetos Ágeis e Gestão de Pessoas.

Concordo com o Rafael quando ele diz que prefere um programador lento do que o “rapidão da turma”.

Igor Escobar // Blog: Inscreva o seu grupo na Zend

Tue, 15 Dec 2009 12:44:47 +0000

A Zend anúnciou ontem no seu perfil do facebook que irá criar uma área no portal zend.com com o intuito de divulgar os grupos de usuários PHP. Não importa de que país e localidade seja o seu grupo de usuários php. Se você quiser divulgar o seu grupo no site oficial da Zend. Envie um e-mail para localphp[arroba]zend.com com as seguintes informações:

Nome do Grupo
Localização do Grupo (Pais e Estado)
Informações para contato
Site
Uma Logo
Curta descrição do grupo.

É uma boa notícia. Ter o seu grupo reconhecido pela empresa responsável pelo desenvolvimento da linguagem PHP é um ótimo empurrãozinho para o seu grupo crescer. Boa Sorte!

[]’s
Igor.

Compartilhe!

Igor Escobar // Blog: Pense Fora da Caixa

Tue, 08 Dec 2009 17:11:57 +0000

Hoje irei compartilhar com você uma questão que me perguntaram em uma entrevista de emprego há uns 5 anos atrás. Essa questão realmente me inspirou e mudou minha perspectiva na maneira pelas quais busco resolver problemas.

Questão: Você está está dirigindo um carro em uma noite de tempestade e está chovendo pesado quando, de repente, ao passar por uma parada de ônibus, você vê três pessoas esperando por um ônibus:

1. Uma senhora de idade que parece que está a beira da morte;
2. Um amigo das antigas que já salvou sua vida uma vez;
3. O(a) parceiro(a) perfeito(a) que você sempre sonhou em passar o resto da vida;

Qual deles você ofereceria uma carona se coubesse apenas um passageiro em seu carro?

Esse é um dilema ético e moral, então veremos as opções que apareceram na minha cabeça no momento:

- Você poderia pegar a senhora de idade, porque se ela fosse morrer, você podeira salvá-la primeiro;
- Ou você pode pegar seu velho amigo que uma vez salvou sua vida, e essa seria a chance perfeita de retribuir o favor.
- No entanto, você pode nunca mais encontrar seu par perfeito;

Não direi a resposta que eu dei, mas nem preciso, eu não fiquei com o emprego. Entretanto, fiquei intrigado, e liguei uma semana depois para perguntar qual era a resposta certa…

E foi isso que eles me responderam:

O candidato que foi contratado nos deu essa resposta:
“Eu daria a chave do carro para meu velho amigo que levaria a senhora da idade para o hospital. Eu ficaria para trás… e aguardaria o próximo ônibus com a parceira dos meus sonhos”.

Algumas vezes, nós ganharíamos mais de fossemos capazes de ultrapassar nossas limitações. Nunca se esqueça de pensar fora da caixa ou além do óbvio.

Vi este texto aqui.

Compartilhe!

fechaTag: Navegação rápida com o Google Public DNS

Mon, 07 Dec 2009 18:48:56 +0000

Uma coisa que sempre me espantou é a ineficiência dos servidores de DNS dos provedores de hospedagem brasileiros. Já testei ADSL, cabo coaxial, 3G e, aqui em São Paulo, de maneira geral as conexões são boas. Mas como o servidor de DNS dos provedores é ruim, a navegação é muito lenta.

Eu vinha usando OpenDNS, cuja performance é muito boa. Mas hoje resolvi testar o Google Public DNS. Deixa o OpenDNS no chinelo!

Como o Google conseguiu isso? Um mega sistema de cache, com cobertura global, e um inovador sistema de prefetching. Se você não está usando ainda, vale a pena testar.

Para facilitar a vida dos usuários de Linux, segue meu /etc/resolv.conf:

nameserver 8.8.8.8 nameserver 8.8.4.4

Sim, são esses IPs mesmo Não é fantástico?

WillianFernandes.com.br: Ambiente de desenvolvimento Ruby on Rails no Mac OS Snow Leopard

Tue, 01 Dec 2009 03:01:11 +0000

Recentemente atualizei meu Mac para o Snow Leopard e fui logo configurar meu ambiente de desenvolvimento.

Como alguns já sabem, programo em Python, mas atualmente estou afastado da linguagem, utilizando 100% Rails.

Uma das coisas que aproveitei quando resolvi instalar o Snow Leopard foi formatar todo o HD. Com o tempo fui acumulando alguns lixos, então juntei o útil com o agradável e fiz uma bela faxina.

Outra coisa: meu Vim estava todo bagunçado. Fiz uma cagada nele e estava difícil trabalhar com ele, então estava usando somente o TextMate. Adoro o TextMate, é um baita editor, mas não é meu Vim. Com o Vim me sinto mais em casa e não sofro quando preciso programar em uma máquina que não seja meu Mac, afinal, o Vim é free e roda até no Windows (eca!).

Bom, vamos lá!

O Vim

Para facilitar sua vida, criei um repositório do meu Vim, todo configurado, pronto para uso.

Para instalá-lo, basta fazer o clone:

$ git clone git://github.com/willian/willvim.git

Entre no diretório criado pelo comando acima e execute o comando abaixo:

$ chmod +x install.sh
$ ./install.sh

Os comandos acima baixam os repositórios dos plugins e faz a instalação dos arquivos no seu diretório $HOME/.vim.

ATENÇÃO: Esses comandos não funcionarão no Windows. Em breve configurarei isso.

MacVim

Gosto de usar o MacVim (ou o gVim quando estou no Linux), pois tem uma aparência melhor do que o Vim no terminal.

Entre na página de download do MacVim e baixe a versão mais nova. A versão "stable" até a data deste post é a MacVim-7_2-stable-1_2.tbz.

Se você está no Linux e usa Ubuntu, basta rodar o comando abaixo:

$ sudo apt-get install vim vim-gnome vim-full vim-python vim-rails vim-ruby

Agora basta rodar o comando mvim ou gvim (caso você esteja no Linux) no terminal para abrir o Vim no modo gráfico.

Ruby on Rails

Tanto a linguagem quando o framework já estão instalados no seu Mac, mas precisamos atualizá-los. Na verdade, você pode apenas atualizar o Rails, e é exatamente isso que vou mostrar aqui.

Atualizando o RubyGems

$ sudo gem install rubygems-update

Esse comando instala a nova versão do RubyGems. Para verificar a versão instalada, rode o comando abaixo:

$ gem -v
1.3.5

Até a data deste post a versão mais nova é a 1.3.5.

Atualizando suas gems

$ sudo gem update

Atualizando o Ruby on Rails

Nesse ponto a versão do Rails já deve estar atualizada, mas caso não esteja, rode o comando abaixo:

$ sudo gem install rails

MySQL

Apesar de poder rodar o Rails com o SQLite, gosto de usar o MySQL no ambiente de desenvolvimento. Para isso, acesso a página de download do MySQL e busque a versão mais nova. Na data de criação deste post a versão mais nova é a MySQL 5.1.

ATENÇÃO: Só fique atento à arquitetura escolhida. O Snow Leopard roda com 64bits, então baixe a versão x86_64.

Feito isso, hora de instalar a gem do MySQL:

$ sudo env ARCHFLAGS="-arch x86_64" gem install mysql -- --with-mysql-config=/usr/local/mysql/bin/mysql_config

Testando tudo

Vamos criar um aplicação de teste para verificar se o Rails está rodando corretamente, incluindo o MySQL:

$ rails blog -d mysql
$ cd blog/
$ script/generate scaffold Post title:string body:string
$ rake db:create
$ rake db:migrate

Se não aparecer nenhuma mensagem de erro, os procedimentos acima foram executados corretamente e você agora tem um ambiente completo para desenvolver seus aplicativos com Rails.

Igor Escobar // Blog: Um pouco sobre certificações (W3C)

Wed, 25 Nov 2009 13:57:40 +0000

Ontem aconteceu a Conferência da W3C Brasil. Infelizmente não pude ir, mas acompanhei tudo pelo twitter através da hash tag #webbr2009.

Diversos assuntos foram discutidos neste dia, dentre eles o que mais me chamou a atenção foi a quantidade de opniões divergentes com relação ao ter ou não ter certificações para os profissionais que lidam com o desenvolvimento front-end todos os dias.

De todas as opniões que foram expressadas neste dia, se juntar tudo e fazer uma categorização das opiniões, vocês vão ver que tudo gira em torno da desilusão dos profissionais quanto a este assunto.

Vi muitas pessoas sendo contra a certificação, pelo fato de muitos ja terem comprovado e sentido na pele o grande interesse de algumas instituições – que prefiro não citar – em vender somente o papel e não o conhecimento.

Depois da discussão que tive com alguns amigos que trabalham na área pude ver que as pessoas não são desiludidas com A CERTIFICAÇÃO em si. Os profissionais estão desiludidos na maneira como ela é vendida e mantida pelas instituições e a forma como as empresas fazem a utilização desta certificação.

A certificação é vendida como se fosse um curso qualquer. Onde o candidato à certificação entra em uma salinha, responde umas perguntas e sai certificado. O que é uma demonstração CLARA de que as instituições não estão nem um pouco interessadas no nível do profissional que sai dali com este papel de baixo do braço e sim pelo dinheiro dos que acreditam que este papel vai mudar o seu mundo – o que tem uma pitada de verdade.

Vi também que muitos estavam “indignados” pelo fato das empresas utilizar tais certificações como filtro em um processo de seleção. Veja bem, eu também acho isso uma sacanagem mas não acho isso, o fim do mundo. A empresa tem um senso equivocado as vezes pensando que se eles ignorarem todos os que não tem certificação e entrevistar somente o que tem estarão fazendo um bom negócio pois os que não tem é lixo – na visão deles.

Mas por outro lado em grandes corporações este filtro serve puramente para agilizar o processo. Imagina uma empresa com uma fila de 3 mil candidatos a uma vaga. Eles iriam demorar 5 anos para entrevistar todo mundo da forma mais humana e minuciosa possível, mas infelizmente, eles acreditam que mesmo ignorando 2 mil sem certificações eles acreditam que pelo menos 10% destes mil que sobraram sejam bons profissionais. Se pensarmos por este lado, é totalmente aceitável o filtro quando aplicado em uma situação como esta – mesmo sabendo que eles podem ter perdido os steve jobs pessoal deles. Steve Jobs não tem nível superior, imagina ele procurando emprego? milhares de empresas aplicando seus filtros em cima de uma mente brilhante, cool.

A minha opinião sobre estas certificações é: Devemos sim ter certificações. Quanto mais o nosso ramo amadurecer neste sentido e ter instituições que comprovem e testem os profissionais que atuam neste meio é mais um passo que damos rumo a extinção dos sobrinhos. Quanto mais formal tornarmos o nosso ramo de trabalho, mais dificulta o acesso das empresas sérias a profissionais sem compromisso e consideração com o ramo e as pessoas que atuam nele. Tevemos sim ter certificações, talvez tenhamos que amadurecer melhor esta idéia e talvez não oferecermos uma certificação de HTML ou CSS mas sim de Padrões Web, quem sabe…

Se a forma como tudo é “vendido” mudar, estas certificações servirão como uma forma de valorizar o profissional que possui esta certificação. Tudo tende a agregar valor.

Este é um ótimo assunto e que diferente de só fornecer a certificação, devemos GARANTIR que o profissional que porta este selo é um profissional que no mínimo se importa com a gente, com a nossa luta e principalmente, com o cliente.

Meu amigo Chris também falou e apontou suas consideração sobre o debate, vale a pena dar uma lida também.

[]’s
Igor.

Compartilhe!

Uploads from Fernando Sergio!: Logotipo - Fernando Sergio

Tue, 17 Nov 2009 19:38:29 +0000

Fernando Sergio! posted a photo:

Uploads from Fernando Sergio!: [Agência Eko] Seboso - Logotipo

Tue, 17 Nov 2009 19:38:20 +0000

Fernando Sergio! posted a photo:

Uploads from Fernando Sergio!: [Agência Eko] Dixie Toga - Newsletter Natal

Tue, 17 Nov 2009 19:38:16 +0000

Fernando Sergio! posted a photo:

Uploads from Fernando Sergio!: [Visie] Bookess - Proposta de Layout

Tue, 17 Nov 2009 19:02:52 +0000

Fernando Sergio! posted a photo:

Uploads from Fernando Sergio!: [Visie] Proposta de Layout

Tue, 17 Nov 2009 19:02:09 +0000

Fernando Sergio! posted a photo:

Uploads from Fernando Sergio!: [Zip Planet] Brincando e Criando - Proposta de Layout

Tue, 17 Nov 2009 19:01:37 +0000

Fernando Sergio! posted a photo:

Uploads from Fernando Sergio!: [Zip Planet] TV Zip - Proposta de Layout

Tue, 17 Nov 2009 19:01:08 +0000

Fernando Sergio! posted a photo:

Uploads from Fernando Sergio!: [Kahek] Newton e Finato - Proposta de Layout

Tue, 17 Nov 2009 19:00:36 +0000

Fernando Sergio! posted a photo:

Uploads from Fernando Sergio!: [Kahek] Ciclos Academia - Proposta de Layout

Tue, 17 Nov 2009 19:00:16 +0000

Fernando Sergio! posted a photo:

Uploads from Fernando Sergio!: [Freela] Proposta de Layout

Tue, 17 Nov 2009 18:59:17 +0000

Fernando Sergio! posted a photo:

Uploads from Fernando Sergio!: [Centralize] Tintas São Carlos - Proposta de Layout

Tue, 17 Nov 2009 18:58:36 +0000

Fernando Sergio! posted a photo:

Uploads from Fernando Sergio!: [Centralize] Antonio Marcos e Vinícius - Proposta de Layout

Tue, 17 Nov 2009 18:58:14 +0000

Fernando Sergio! posted a photo:

Uploads from Fernando Sergio!: [Agência Eko] Baggio Advocacia - Proposta de Layout

Tue, 17 Nov 2009 18:57:45 +0000

Fernando Sergio! posted a photo:

Uploads from Fernando Sergio!: [Agência Eko] Studio S3D - Proposta de Layout

Tue, 17 Nov 2009 18:57:17 +0000

Fernando Sergio! posted a photo:

Uploads from Fernando Sergio!: [Agência Eko] Blinda Glass - Proposta de Layout

Tue, 17 Nov 2009 18:56:46 +0000

Fernando Sergio! posted a photo:

Igor Escobar // Blog: Manifesto Slow

Tue, 17 Nov 2009 13:00:26 +0000

Cansado de ler sobre este manifesto no Twitter. Resolvi dar uma googada para sumir com a minha wtf-face.

O que é o Manifesto Slow?

O Manifesto Slow é um manifesto criado por não sei quem cujo este criou um site chamado (claro): Manifesto Slow. Se você se der o trabalho de acessar verá de cara um resumo curto e grosso sobre o que é este manifesto.

“Esse manifesto não contém nada. Porquê? Fazer um consumiria tempo. E tudo se resume em ganhar tempo. Tempo para que? Para não fazer nada.”

E nisto se resumi o Manifesto. Todas as dicas e pensamentos são escritos no blog do manifesto slow com o único objetivo: Poupar tempo. Todas as dicas são totalmente e unicamente em prol de não fazer nada ou fazer menos.

Se você ainda não entendeu nada, no blog do manifesto eles já publicaram alguns exemplos de como você deve fazer para se unir ao Manifesto Slow.

Na minha humilde opnião, você deve tomar muito cuidado na hora de escolher o que vai ouvir e o que vai jogar fora. Nesta lista que eles divulgaram tem apenas 7 exemplos sobre o que se trata o manifesto slow e duas delas eu discordo e uma eu diria que há controversa. Quando temos o dom da palavra é melhor tomarmos cuidado com o que dizemos pois isso pode se virar contra você ou não.

A grande questão é: Tudo isso é uma grande piada ou eles querem mesmo de alguma forma mudar o mundo? rs.

Compartilhe!

Igor Escobar // Blog: William Bonner fala sobre o Twitter

Tue, 17 Nov 2009 12:25:17 +0000

O Twitter é o serviço de microblogging mais famoso do sistema solar, porém, muitas pessoas ainda não fazem a menor idéia para o que serve e qual a sua real utilidade.

Acompanhando as atualizações do meu Twitter acabei me deparando com este vídeo onde o William Bonner fala sobre o Twitter, conta como ele faz o uso do Twitter e o que mudou na vida dele após a sua utilização.

Para quem ainda não entendeu o seu uso e não faz a mínima idéia para que serve, o video da uma clareada na cabeça de vocês.

Twitter do Willian Bonner: @realwbonner

William Bonner fala sobre o Twitter

[]’s
Igor.

Compartilhe!

DGmike: IcePHP agora é IceBaby

Mon, 09 Nov 2009 16:58:25 +0000

Sei, o projeto está um pouco deixado de lado, mas este ano tem sido muita correria e nos momentos de desespero o CodeIgniter tem sido o meu framework padrão. Acontece que fiz uma busca na internet e encontrei um projeto chamado Internet Communications Engine – ICE, que faz parte da familia ZeroC e suporta PHP. [...]

fechaTag: Ubuntu 9.10 boota rápido!

Sun, 08 Nov 2009 09:31:27 +0000

Só para deixar registrado: instalei o novo Ubuntu 9.10, Karmic Koala. Tenho um LG R405. Funcionou tudo de primeira, sem configurações esotéricas em arquivos texto misteriosos.

Boota rápido. Boota muito rápido. Estou feliz

[update 1] Olha que legal: qual o boot mais rápido - vídeo comparativo de boot entre o Karmic, o Jaunty, o Vista e o Seven. [/update 1]

Igor Escobar // Blog: 10 Dicas JavaScript e Boas Práticas

Thu, 05 Nov 2009 13:17:33 +0000

Recentemente alguns site e blogs vem divulgando listas de dicas para se codificar em javascript. Apresentando melhores práticas de desenvolvimento e muitas dicas bacanas, Pensei que este seria um bom tópico para se extender e compartilhar com vocês. Neste post estou reunindo as minhas top 10 dicas e boas práticas para codificação javascript.

Espero que gostem.

1. Use o atributo defer para indicar o uso scripts externos no IE

O propósito do defer é avisar o script que está sendo requisitado externamente para esperar até que a página seja carregada ou o DOM esteja preparado. O mesmo pode ser realizado através de bons métodos não-obstrutivos via javascript, que usualmente inclui códigos que previne a execução de scripts antes que o DOM seja carregado por completo.

A vantagem do defer ocorre quando utilizamos o Internet Explorer, tendo em vista que é único browser que suporta o atributo defer. Então, se você precisa de um rápido script que rode únicamente e exclusivamente no Internet Explorer, e você não quer que ele execute antes que o DOM esteja preparado, então simplesmente adicione defer="defer" no sua tag <script> e ela irá rapidamente tratar o seu problema. Corrigir a transparência de arquivos PNG no IE6 é uma das possibilídades práticas do uso do defer.

(Edit: O atributo defer deve ser usado quando escondemos um script de outros browsers com o uso dos comentários condicionais – conditional comment – que afete somente os navegadores da Microsoft – de outra maneira o script vai rodar normalmente em outros browsers.)

2. Use o CData Section para previnir erros de validação XHTML Strict

Muitas vezes seus scripts vão residir em arquivos externos e chamados dentro da tag <script> dentro do <head> do documento, ou então antes do fechamento da tag </body>.

Mas este documento pode estar eventualmente usado em um local que junto dele existem marcações HTML, como abaixo:

<div>
<p>
<script type="text/javascript">
var my_variable = 100;
if (my_variable < 50) {
// alguma coisa aqui...
}
</script>
</p>
</div>

Você pode notar que no código acima, dentro do if, existe o símbolo < que representa “menos”, que é parte da sintax, corréto? Este símbolo causa um erro de validação. O validador interpreta ele como um inicio de uma marcação ou uma tag HTML que não foi fechada, a não ser que você encapsule o seu código com o CData, assim:

<div>
<p>
<script type="text/javascript">
//<![CDATA[
var my_variable = 100;
if (my_variable < 50) {
// alguma coisa aqui...
}
//]]>
</script>
</p>
</div>

3. Evite palavras-chaves reservadas do JavaScript quando estiver criando funções e identificadores

Muitas palavras são reservadas no javascript, então você deve evitá-las quando forem criar variáveis ou outros idenficadores. A lista completa de palavras-chaves do javascript segue abaixo:

break
case
catch
continue
default
delete
do
else
finally
for
function
if
in
instanceof
new
return
switch
this
throw
try
typeof
var
void
while
with

4. Evite palavras reservadas do JavaScript quando estiver criando funções e identificadores

Que estão também algumas palavras reservadas, que não estão necessariamente sendo usadas pela linguagem mas são reservadas para o uso futuro. São estas:

abstract
boolean
byte
char
class
const
debugger
double
enum
export
extends
final
float
goto
implements
import
int
interface
long
native
package
private
protected
public
short
static
super
synchronized
throws
transient
volatile

5. Não mude o tipo das variaveis depois da declaração inicial.

No javascript, tecnicamente, isso é perfeitamente legal:

var my_variable = "Esta é uma string";
my_variable = 50;

Depois que a variável é inicialmente declarada como string na linha 1, na linha 2 o seu valor é mudado e o seu tipo também. Esta não é uma boa prática e deve ser evitada.

6. Não use variáveis globais.

Para previnir possíveis conflitos, em 99% dos casos, use o “var” no início quando estivermos declarando uma variável e seu valor. Isso faz com que a sua variável exista somente no escopo da função e não fora dela, ou seja, toda variável criada pelo var, só poderá ser acessível dentro do escopo no qual ela foi declarada e não mais fora dele. Então, se acontecer de você utilizar duas variáveis com o mesmo valor em lugares diferentes do seu script, nenhum conflito ocorrerá.

7. Javascript é Case-Sensitive.

Lembre-se do que vem a seguir: No código que segue temos duas variáveis que estão armazenando seus valores em 2 lugares diferentes na memória, e não um só, como alguns podem pensar. São duas variáveis completamente diferentes alocadas em lugares diferentes na memória:

var myVariable = "data";
var myvariable = "more data";

8. Use o switch para lidar com multiplas condições

Não faça isso:

if (example_variable == "cyan") {
// faça algo aqui...
} else if (example_variable == "magenta") {
// faça algo aqui...
} else if (example_variable == "yellow") {
// faça algo aqui...
} else if (example_variable == "black") {
// faça algo aqui...
} else {
// faça algo aqui...
}

Faça isso:

switch (example_variable) {
case "cyan":
// faça algo aqui...
break;
case "magenta":
// faça algo aqui...
break;
case "yellow":
// faça algo aqui...
break;
case "black":
// faça algo aqui...
break;
default:
// faça algo aqui...
break;
}

O segundo bloco de código faz exatamente a mesma coisa que o primeiro – mas o segundo é limpo, fácil de ler, fácil de dar manutenção e modificar.

9. Use o try-catch para previnir que erros sejam expostos para os usuários

Encapsulando todo o seu código no try-catch, você pode evitar que o usuário final nunca veja um feio erro de javascript exposto na tela. Assim:

try {
funcaoQueNaoExiste();
} catch (error) {
document.write("Um erro ocorreu.")
}

No código acima, eu tentei chamar uma função que não existe, para forçar um erro. O navegador não vai exibir o típico erro “not an object” ou “object expected”, mas ao invés disso, vai exibir um erro mais customizável que eu incluí dentro do meu “catch”. Você pode também deixar o catch vázio para nada ser mostrado para o usuário, ou você pode criar uma função que seja chamada dentro do catch que faça o tratamento deste erro para propósitos de debug etc.

Mantenha na sua cabeça que isso pode esconder erros do desenvolvedor também, então uma boa decumentação do código e comentários podem ser úteis neste ponto.

10. Faça comentários multi-linhas legíveis, mas simples

Em javascript, você pode comentar uma linha de código colocando um // no início da linha. Você também pode criar um comentário em bloco como mostra a seguir: /* [comentário aqui ] */. Algumas vezes você precisa incluir um comentário longo, um comentário de mais de uma linha. Um bom método para se utilizar que não tenha uma visual esmagador, mas é fácil de identificar o código é esse a seguir:

/*
* Este é um comentário multi-linha...
* bla bla bla...
* bla bla bla...
* bla bla bla...
* bla bla bla...
*/

E é isso

Este artigo é uma adaptação e tradução do texto: 10 JavaScript Quick Tips and Best Practices

Compartilhe!

DGmike: O PagSeguro mudou a URL de retorno automático, e agora?

Tue, 03 Nov 2009 00:34:03 +0000

Nesta sexta-feira, dia 30 de outubro, o PagSeguro mudou a sua homepage e com ela muitas coisas novas aconteceram. Inclusive rolou uma palestra para 70 pessoas do twitter que acompanharam as mudanças do Twitter. A palestra foi ministrada pelo Dennis Ferreira e pela Valéria Santos. Pessoas que tive a oportunidade de conhecer de perto e [...]

Igor Escobar // Blog: Benchmarking de desempenho de código no PHP

Tue, 27 Oct 2009 16:41:57 +0000

Antes de mais nada, Benchmarking é o nome pomposo dado às práticas adotadas na indústria (não importa qual) que visam alcançar um desempenho/qualidade superior. Ou seja, Benchmarking é todo tipo de prática cujo objetivo é melhorar/maximizar/amplificar os resultados.

No artigo de hoje vamos abordar benchmarking focado em código, desempenho especificamente. Não é meu objetivo neste artigo aprofundar sobre profiling etc. Existem muitas práticas de benchmarking que podem ser utilizadas para poder alcançar algum tipo de amplificação na sua área, porém não daria para falarmos detalhadamente de todas em um único artigo.

Quando desenvolvemos aplicações para Internet e o stress da aplicação será muito grande (como um todo), temos que ter cuidado, muito cuidado. Conhecer mais de uma forma de se implementar uma única solução pode ser o que vai salvar o seu pescoço.

Benchmarking de código – na prática

Muitas vezes, quando estamos meditando para solucionar um problema, precisamos saber se aquela implementação é rápida. Mas, como assim, rápida? Como eu vou saber se uma determinada implementação de código/função é rápida o suficiente de forma que supra as necessidades sem comprometer a qualidade de modo geral do sistema?

Vale lembrar que o método que vou mostrar aqui faz com que os resultados variem de máquina para máquina, pois é tudo uma questão de processamento. Os resultados aqui apresentados são apenas para ILUSTRAR e SIMULAR para atingirmos resultados significantes.

Este é o seu momento “MythBusters”.

Descobrir qual é a forma mais rápida de se resolver um problema é uma tarefa simples (nem sempre), em determinados casos, não temos um parâmetro para saber se devemos seguir pelo caminho A ou B, tudo o que nos resta é saber várias formas de se codificar/implementar uma determinada solução e medir o desempenho de todas elas, cada trecho, para assim, resolver o problema.

Vou dar um exemplo de como se medir o desempenho de uma implementação de código, levando em conta um problema que tivemos aqui no trabalho.

Tivemos que desenvolver um framework adhoc (free style) onde nós conseguíssemos obter resultados semelhantes a alguns frameworks bem comuns na Internet como Code Igniter, Cake PHP etc. MVC, Inflector, ActiveRecord, Rotas de Urls etc.

Agora vem a pergunta na cabeça de vocês:
- Por que re-inventar a roda?

A empresa que pediu para que a gente re-inventasse a roda, alegou que estes são frameworks não “oficiais”, e são feitos/mantidos por pessoas em que eles não confiam (untrusted or non certified application).

Resumindo? Eles queriam ver como a “coisa” era implementada, para poder, assim, atingir o melhor desempenho e retirando tudo o que eles não precisam da aplicação, tornando-a mais leve.

A grande questão?

O aquivo ActiveRecord.class.php está demorando muito para terminar o seu serviço, quando você instanciava uma nova classe, a dita cuja tinha um modelo, que, por sua vez, também possuía um controle onde possuía todas as regras do negócio.

Sempre que executássemos uma método da classe por ex ->find, findFirst ou findAll ele retornava um array de objetos, ou seja, era um array e todas as suas posições eram compostas por objetos e suas respectivas propriedades (atributos).

Exemplo

Array
(
    [0] => Usuarios Object
        (
            [nome] => Igor Escobar 1
            [email] => blog@igorescobar.com
        )

    [1] => Usuarios Object
        (
            [nome] => Igor Escobar 2
            [email] => blog@igorescobar.com
        )

    [2] => Usuarios Object
        (
            [nome] => Igor Escobar 3
            [email] => blog@igorescobar.com
        )

)

Era mais ou menos assim que ele retornava os usuários de uma determinada tabela. Este é um array de objetos com apenas 3 elementos, mas para você ter um resultado para que possamos simular um resultado no benchmarking mais expressivo, você precisa de um array de objetos com mais elementos, pois iria exigir mais do processador, etc. No nosso experimento vou aumentar este array de objetos para 10.000 elementos e veremos quanto tempo ele demora para fazer o trabalho.

Medindo o desempenho (do trecho)

Criei uma class de exemplo, apenas para conseguirmos a estrutura vista acima:

<?php
public class Usuarios {
	var $nome;
	var $email;
}
?>

Agora, eu crio a implementação para atingir o resultado esperado:

$arraUsuarios = array();
for($i = 1 ; $i <= 10000; $i++):
	$obUsuarios = new Usuarios();
	$obUsuarios->nome = "Igor Escobar {$i}";
	$obUsuarios->email = "blog@igorescobar.com";
	$arraUsuarios[] = $obUsuarios;
endfor;

Para medir o desempenho exatamente no trecho que queremos, eu utilizo a função microtime() do php.

$time_start = microtime(true);
$arraUsuarios = array();
for($i = 1 ; $i <= 10000; $i++):
	$obUsuarios = new Usuarios();
	$obUsuarios->nome = "Igor Escobar {$i}";
	$obUsuarios->email = "blog@igorescobar.com";
	$arraUsuarios[] = $obUsuarios;
endfor;
$time_end = microtime(true);
$Benchmarking1 = ($time_end - $time_start);
echo "Array de Objetos levou: " . $Benchmarking1 . " microsecondos<br />\n";
//Output: Array de Objetos levou: 0.04233980178833 microsecondos

Agora vamos criar uma outra implantação, ao invés de retornarmos uma array de objetos, vamos retornar um array de arrays, ou seja, seria uma array com n posições e todas as suas propriedades seriam INDICES do array e não mais atributos do objeto.

Exemplo

Array
(
    [0] => Array
        (
            [nome] => Igor Escobar 1
            [email] => blog@igorescobar.com
        )

    [1] => Array
        (
            [nome] => Igor Escobar 2
            [email] => blog@igorescobar.com
        )

    [2] => Array
        (
            [nome] => Igor Escobar 3
            [email] => blog@igorescobar.com
        )

)

O mesmo script, apenas montando de maneira diferente (array de arrays), ficou assim:

$time_start = microtime(true);
$arraUsuarios = array();
for($i = 1 ; $i <= 10000; $i++):
	$arraUsuarios[] = array (
			'nome' => "Igor Escobar {$i}",
			'email' => 'blog@igorescobar.com'
		);
endfor;
$time_end = microtime(true);
$Benchmarking2 = ($time_end - $time_start);
echo "Array de Arrays levou: " . ($Benchmarking2) . " microsecondos<br />\n";
//Output: Array de Arrays levou: 0.036391973495483 microsecondos

Qual método é mais rápido?

// Se resultado for negativo: Método 1 é mais rápido
// Se resultado for positivo: Método 2 é mais rápido
echo "Resultado: " . ($Benchmarking1 - $Benchmarking2);
//Output: Resultado: 0.007580041885376

Viram? Duas formas de fazer a mesma coisa e a segunda forma é 0.007580041885376 microsegundos mais rápida.

Conclusão

Neste simples teste, podemos tirar a seguinte conclusão: neste caso, utilizar a minha estrutura de retorno como um array de objetos é mais lento do que trabalhar com um array de arrays. Este é um teste fora da realidade, quanto mais próximo da realidade a complexidade do dia-a-dia, este número aumenta, tende a ser cada vez maior.

Veja que este exemplo não envolve conexão com banco de dados, acrescente todo o stress que envolve validação de regras de negócio, segurança, consistência e etc., e veja este número crescer MUITO mais.

Vale lembrar que eu não estou dizendo para vocês não, nunca mais, utilizarem objetos, porque não é isso, estou apenas ilustrando que NESTE CASO, foi mais rápido, e mais interessante para o projeto que o retorno desta função fosse um array de arrays, é tudo uma questão de escolher entre mysql_fetch_assoc, mysql_fetch_array, mysql_fetch_object ou mysql_fetch_row, cada uma tem suas características e são válidas dependendo da sua necessidade em questão.

Você pode aplicar isso em “tudo” na sua aplicação, até para saber quanto tempo uma determinada função demora para terminar seu trabalho basta utilizar o microtime() no começo e no final da função e subtrair os valores do maior para o menor.

$time_start = microtime(true);
//nome da função
$time_end = microtime(true);

E é isso, pessoal, espero que tenham gostado. Certamente, se vocês utilizarem este recurso para o seu crescimento profissional, será de muita valia para vocês.

Fonte Completo

<?php
class Usuarios {
	var $nome;
	var $email;
}

$time_start = microtime(true);
$arraUsuarios = array();
for($i = 1 ; $i <= 10000; $i++):
	$obUsuarios = new Usuarios();
	$obUsuarios->nome = "Igor Escobar {$i}";
	$obUsuarios->email = "blog@igorescobar.com";
	$arraUsuarios[] = $obUsuarios;
endfor;
$time_end = microtime(true);
$Benchmarking1 = ($time_end - $time_start);
echo "Array de Objetos levou: " . $Benchmarking1 . " microsecondos<br />\n";

$time_start = microtime(true);
$arraUsuarios = array();
for($i = 1 ; $i <= 10000; $i++):
	$arraUsuarios[] = array (
			'nome' => "Igor Escobar {$i}",
			'email' => 'blog@igorescobar.com'
		);
endfor;
$time_end = microtime(true);
$Benchmarking2 = ($time_end - $time_start);
echo "Array de Arrays levou: " . ($Benchmarking2) . " microsecondos<br />\n";

// Se resultado for negativo: Método 1 é mais rápido
// Se resultado for positivo: Método 2 é mais rápido
echo "Resultado: " . ($Benchmarking1 - $Benchmarking2);

?>

[]’s
Igor.

UPDADE: Este artigo foi reformulado devido a muitas dúvidas e questionamentos referentes a este meu método. Obrigado a todos que ajudaram no amadurecimento do conteúdo.

Compartilhe!

Igor Escobar // Blog: Meu blog já era!

Tue, 27 Oct 2009 12:47:25 +0000

É isso mesmo, meu blog já era!

Estou aos poucos recuperando o que sobrou dele. Uma grande pane no servidor de hospedagem que hospeda e patrocina este blog fez com que o meu blog e todos os meus preciosos textos – para mim – tenha ido para o saco, junto com a pane nos HD’s do servidor. É uma pena, dediquei muitas horas no blog na confecção, configuração e escrita para ser jogado pelos ares.

Durante alguns dias pensei em simplesmente desistir e deixar tudo de lado e quem sabe talvez um dia eu recupere forças e volte a escrever novamente. Águas passadas.

Finalmente recuperei ânimo e estou de certa forma enxergando esta extinção eminente do meu blog de forma positiva. Ví que mesmo após meses fora do ar meu leitores continuam comigo, me dando força e me apoiando da forma que podem via Twitter, gtalk, e-mail, enfim… da forma que podem.

Quem me acompanha por feeds, me perdoem, muitas matérias antigas estão aparecendo novamente devido ao re-cadastramento das mesmas, a partir de hoje tudo estará normalizado, estarei escrevendo somente novas matérias e finalmente poderei dar continuidade ao meu trabalho no iMasters.

Obrigado pela força de todos! foi de muita importância.

Compartilhe!

Igor Escobar // Blog: PHPSecInfo – PHP Security Consortium

Tue, 27 Oct 2009 12:08:26 +0000

PHPSecInfo

O PHPSecInfo é um projeto da própria PHP Security Consortium cujo objetivo é próoor uma melhor configuração do ambiênte visando sempre a segurança e estabilidade do mesmo.

O PHPSecInfo funciona muito parecido com a função php_info() do php. Ela lê, analiza e oferece algumas sugestões caso alguma diretiva esteja configurada fora do padrão de segurança que se deve ter em um ambiênte de produção.

Instalação

Não precisa instalar nenhuma extensão nem nada do tipo, basta jogar a pasta do projeto no local de sua preferência e acessa-la via browser.

[]’s
Igor.

Compartilhe!

Igor Escobar // Blog: Proteção contra o SQL Injection

Tue, 27 Oct 2009 02:25:09 +0000

Olá a todos, desculpem pela ausência, por algum motivo (algo relacionado com o Speedy) eu não estava conseguindo acessar o meu blog o que me impossibilitava de escrever, i’m sorry.

Hoje vou falar um pouco sobre como funciona o SQL Injection e como podemos proceder para que nós não sejamos pegos por este tipo de vulnerabilidade.

O que é SQL Injection?

SQL Injection é uma técnica de injeção de código que explora uma vulnerabilidade de segurança localizada na camada de banco de dados (database layer) do servidor. Na prática é utilizada por hackers (ou não) para ter acesso ao banco de dados do servidor da vítima sem que ele precise de um login ou uma senha efetivamente para fazê-lo.

Como funciona o SQL Injection?

Para entendermos melhor como funciona os ataques via injeção de códigos SQL (SQL Injection), vou utilizar um caso bem comum entre os programadores para que vocês se familharizem com mais facilidade.

Pense em um formulário para login no sistema e uma consulta na base de dados para verificar se determinado usuário e senha existe em na base de dados.
Exemplo
SELECT usuario,senha FROM usuarios WHERE usuario = 'igorescobar' AND senha='123456'

O ataque acontece justamente no ponto, aonde o usuário preenche o usuário e a senha no formulário de login do site. Se você não filtra todos os dados que vem de FORA para DENTRO da sua aplicação, você corre o risco de ser atacado.

Na prática o código fica algo parecido com isso:
SELECT usuario,senha FROM usuarios WHERE usuario = '$usuario' AND senha='$senha';

Estas variáveis ($usuario e $senha) estão vindo do $_POST do seu formulário e o servidor iria interpretar assim:
SELECT usuario,senha FROM usuarios WHERE usuario = 'igorescobar' AND senha='123456';

Agora imagine que eu sou um usuário mal intencionado e desejo logar no servidor de vocês sem ser autorizado.

No campo senha vou inserir o seguinte conteúdo:
123456' OR 'a'='a

Vamos ver como fica?
SELECT usuario,senha FROM usuarios WHERE usuario = 'igorescobar' AND senha='123456' OR 'a'='a';

Hun… como diria eu mesmo (há!): F-U-D-E-U!

Quer outro exemplo? … um mais bacana?

Agora no campo senha eu vou inserir o seguinte conteúdo:
123456'; DROP TABLE usuarios; --

Vamos ver como fica?
SELECT usuario,senha FROM usuarios WHERE usuario = 'igorescobar' AND senha='123456'; DROP TABLE usuarios; --';

Ok, agora você já esta pronto para passar no RH

Oh my god :O como eu me protejo dos ataques SQL Injection ?

Primeiro: Separe sempre a exibição de erros em 2 ambientes, o ambiente de desenvolvimento e o ambiente de produção. O ambiênte de desenvolvimento pode ter qualquer tipode erro emitido na tela, afinal, você precisa ver os erros para tratá-los, no ambiênte de produção omita qualquer tipo de erro, qualquer erro pode ser uma pista para o hacker descobrir detalhes sobre o seu ambiênte.

Ambiente de Desenvolvimento

<?php error_reporting(E_ALL ^ E_NOTICE);  ?>

Ambiente de Produção

<?php error_reporting(0);  ?>

Segundo: Filtre todo o tipo de variável dados que veem de urls ou inputs de formulário $_GET ou $_POST para que nenhum dos dados inputados pelo usuário possa ser interpretado como parte da instrução SQL.

Vale lembrar que o certo seria utilizarmos PDO que já tem uma proteção definitiva contra isso, pois ele tem o acesso ao modelo do seu banco de dados e pode fazer muito melhor do que uma simples filtrarem generica nos campos, ele pode filtrar cada campo dependendo do tipo de cada campo o que é muito melhor.

Caso você não use PDO, você pode utilizar também uma função chamada mysql_real_escape_string que também cumpre o que promete.

Solução definitiva para o SQL Injection
Está solução é válida apenas para as pessoas que não utiliza nenhuma das 2 (duas) soluções citadas acima.

<?php

/**
 * Protege o banco de dados contra ataques de SQL Injection
 *
 * Remove palavras que podem ser ofensivas à integridade do banco
 * Adiciona barras invertidas a uma string
 *
 * @uses $_REQUEST= _antiSqlInjection($_REQUEST);
 * @uses $_POST = _antiSqlInjection($_POST);
 * @uses $_GET = _antiSqlInjection($_GET);
 *
 * @author Igor Escobar
 * @email blog [at] igorescobar [dot] com
 *
 */

function _antiSqlInjection($Target){
	$sanitizeRules = array('OR','FROM','SELECT','INSERT','DELETE','WHERE','DROP TABLE','SHOW TABLES','*','--','=');
	foreach($Target as $key => $value):
		if(is_array($value)): $arraSanitized[$key] = _antiSqlInjection($value);
		else:
			$arraSanitized[$key] = (!get_magic_quotes_gpc()) ? addslashes(str_ireplace($sanitizeRules,"",$value)) : str_ireplace($sanitizeRules,"",$value);
		endif;
	endforeach;
	return $arraSanitized;
}

?>

Terceiro: Não tem, só estes 2 passos está bom

ps: Desculpem as piadas, estou de bom humor hoje

UPDATE(1): Acrescentei algumas palavras na blacklist da função
UPDATE(2): Troquei o str_replace para o str_ireplace e acrescentei a verificação de magic_quotes.
UPDATE(3): Retirei a função trim por não fazer diferença alguma rs.

[]’s
Igor.

Igor Escobar // Blog: Legibilidade com with() statement no javascript

Tue, 27 Oct 2009 02:24:58 +0000

Hora de falar de Javascript. Hoje vou falar sobre um recurso que o Javascript oferece para diminuir as referências aos objetos. Utilizando o with() você consegue deixar o seu código mais legível e prático.

Veja um exemplo:

Uma implementação comum, sem o with()

function foo(){
        var x = document.forms[0].elements[0].value;
        var y = document.forms[0].elements[1].value;
        var z = document.forms[0].elements[2].options[document.forms[0].elements[2].selectedIndex].text;
}

A mesma implementação, COM o with()

function foo(){
        with(document.forms[0]){
                var x = elements[0].value;
                var y = elements[1].value;
                with(elements[2]){
                        var z = options[selectedIndex].text
                }
        }
}

Viram como o código ficou menor e mais legível? Não não precisamos ficar repetindo instruções para se referenciar a um determinado objeto.

Gostaram? Ok, mais um exemplo então:

var a, x, y;
var r = 10;
with (Math) {
   a = PI * r * r;
   x = r * cos(PI);
   y = r * sin(PI/2);
}

Na forma tradicional teríamos que ficar nos referenciando ao objeto Math do javascript: Math.cos(PI) ou Math.sin(PI/2).

Atenção

O uso do with() pode ser nocivo. Como também o eval(), e também como o ajax pode ser nocivo e se pensar no mesmo raciocínio, muitos outros recursos disponíveis na linguagem podem ser nocivos se não forem aplicadas de forma correta. Caso for de interesse, leia mais em: http://yuiblog.com/blog/2006/04/11/with-statement-considered-harmful/

É isso aí, um abraço a todos.

Posts Relacionados:

Compartilhe!

Igor Escobar // Blog: CRM não é tecnologia, CRM é conceito!

Tue, 27 Oct 2009 02:23:25 +0000

Recentemente, tive uma aula muito interessante na faculdade onde foi discutido como funciona, na prática, um CRM ou Customer Relationship Management ou a Gestão de Relacionamento com o Cliente (como preferirem).

Acho importante compartilhar este conceito com vocês, pois muitas empresas pecam na hora de implantar um sistema que atenda o “conceito” da sua empresa e, de fato, fazem um bom relacionamento com o seu cliente. É muito importante entender o que é um CRM de fato, para depois agir em prol desta causa – fidelização, angarização e prospecto.

O CRM abrange, no geral, três grandes áreas dentro de uma empresa:

- Automatização da gestão de marketing.

- Automatização da gestão comercial, dos canais e da força de vendas.

- Gestão dos serviços ao cliente.

Vou falar sobre CRM utilizando as duas faces do conceito: o lado tecnológico e o lado conceitual, que é o mais importante.

CRM como conceito

Lembre-se sempre: antes de se agir em prol da causa, atendê-la. É muito importante. Conversando sobre as experiências com outros programadores e funcionários de outras agências, é comum constatarmos empresas que simplesmente compram qualquer “ferramenta” de CRM e começam a utilizar sem fazer qualquer tipo de planejamento.

Pensam: – Ah! Se o software diz pra eu fazer isso, irei fazê-lo! Deve ser o certo.

Wrong! Junto à uma equipe competente de marketing, a empresa deve definir todo o processo de relacionamento com o cliente que abrange as três grandes áreas da empresa.

- Automatização da gestão de marketing.

- Automatização da gestão comercial, dos canais e da força de vendas.

- Gestão dos serviços ao cliente.

Identificando os pontos e como funciona o conceito de marketing, devemos ir atrás de uma ferramenta ou seja, de uma tecnologia que atenda os pontos levantados e estudados pela equipe de gestão de marketing.

Imagine o quão desmotivado ficaria um funcionário se o setor dele funcionasse perfeitamente com as ferramentas que ele estava utilizando e, de repente, um gestor maluco colocasse uma ferramenta grotesca de CRM que fizesse com que ele demorasse nove vezes o tempo que ele levaria para fazer o que fazia do modo antigo.

Portanto lembre-se: entender o conceito é importante para não confundir na hora de mudar a empresa.

Quando o CRM dá errado…

É muito fácil identificar quando o CRM é aplicado de forma errada dentro de uma empresa.

Atire a primeira pedra quem nunca precisou ligar para uma empresa e teve que repetir seus dados cadastrais para cada setor que o atendente fosse te transferindo. É frustrante, certo?

Quando você, cliente, fica frustrado com algo ou alguém da empresa que presta serviço para você é porque o CRM está sendo aplicado de forma errada, (quem disse que CRM também não são pessoas?) ou está sendo aplicado de forma certa e colocado em prática utilizando a tecnologia errada.

Existem inúmeras falhas que poderíamos ficar relatando aqui incansavelmente, porém não é este meu objetivo. O importante aqui é você entender como deve fazer para evitar que o CRM da sua empresa vá por água abaixo.

Quando o CRM dá certo…

Para saber identificar quando o CRM de uma empresa está sendo aplicado de forma correta precisa-se de um pouco mais de contato com a empresa. Precisa explicar todos os setores da empresa e “experimentar” de perto como estão sendo feito os procedimentos internos.

O CRM não é um sistema só. O conceito é um só, porém é muito comum vários softwares fazerem parte do objetivo que o CRM propõe na sua essência.

Todos os setores da empresa vêem o cliente como uma coisa só. Todos partilham dos mesmos objetivos que são impostos em cada setor da empresa, porém o cliente é um só, sempre.

A integração e um bom processo de relacionamento com o cliente são a chave para felicidade da sua empresa e dos seus clientes.

CRM visto como tecnologia (Wiki)

O Customer Relationship Management é um sistema integrado de gestão com foco no cliente, constituído por um conjunto de procedimentos/processos organizados e integrados num modelo de gestão de negócios, do inglês “Customer Relationship Management”. O software que auxilia e apóia esta gestão é normalmente denominado sistema de CRM.

O seu objetivo principal é auxiliar as organizações a angariarem e fidelizarem clientes ou prospectos. Fidelizarem clientes atuais procurando atingir a sua satisfação total, através do melhor entendimento das suas necessidades e expectativas e formação de uma visão global dos ambientes de marketing.

Os processos e sistemas de gestão de relacionamento com o cliente permitem que se tenha controle e conhecimento das informações sobre os clientes de maneira integrada, principalmente através do acompanhamento e registro de todas as interações com o cliente, que podem ser consultadas e comunicadas às diversas partes da empresa que necessitem desta informação para guiarem as tomadas de decisões.

Uma das atividades da Gestão do Relacionamento com o cliente implica registrar os contatos por si realizados, de forma centralizada. Os registros não dependem do canal de comunicação que o cliente utilizou (voz, fax, e-mail, chat, SMS, MMS etc) e servem para que se tenham informações úteis e catalogáveis sobre os clientes. Qualquer informação relevante para as tomadas de decisões podem ser registradas, analisadas periodicamente, de forma a produzir relatórios de gestão.

- CRM Operacional: visa à criação de canais de relacionamento com o cliente.

- CRM Analítico: visa a obter uma visão consistente do cliente, usando os dados recolhidos pelo CRM operacional para obter conhecimento que permita otimizar e gerar negócios.

- CRM Colaborativo: foca na obtenção do valor do cliente através de colaboração inteligente, baseada em conhecimento.

Toda essa tecnologia só será recebida de forma positiva pela sua empresa e pelos seus clientes, se elas entenderem do conceito do seu negócio e de todas as suas premissas.

Resumindo…

Antes de querer revolucionar a forma como sua empresa se relaciona com o seu cliente, agrupe profissionais de valor no setor de marketing, para definir detalhadamente o negócio, o conceito e premissa da sua empresa.

Identificando e definindo perfeitamente estes pontos, vá em busca da tecnologia que atenda este conceito, estes valores suas premissas.

Posts Relacionados:

Compartilhe!

Igor Escobar // Blog: Convertendo HTML para PDF em PHP

Tue, 27 Oct 2009 02:21:58 +0000

Hoje vamos entender como efetuar a conversão de um documento (X)HTML padrão para um documento PDF válido utilizando a biblioteca DOMPDF.

Instalando o DOMPDF

1. Faça o download do DOMPDF no site oficial da biblioteca. A versão que vou utilizar neste tutorial é a versão 0.5.1

2. Descompacte os arquivos do DOMPDF em um local acessível pelo seu servidor web.

3. Abra e edite o arquivo dompdf_config.inc.php.

Se você deixar o DOMPDF_PDF_BACKEND com o valor `auto`, o dompdf vai utilizar a extensão PDFLib se ela estiver instalada no seu servidor, caso contrário o dompdf vai utilizar a R&OS CPDF class (é uma biblioteca para criação de documentos PDF sem a necessidade da instalação de uma extensão adicional).
Dê permissão de escrita no caminho que aponta a variável DOMPDF_FONT_DIR (lib/fonts é o padrão).

4. Pronto!

Utilizando o DOMPDF

Vou dar um exemplo simples de utilização da biblioteca. Seguindo este exemplo, você consegue fazer tudo o que precisa para geração de arquivos PDF.

1.      <?php
2.      $html = '
3.      <html>
4.      <head></head>
5.      <style>
6.      h1 {color:#333; size:20px; margin-bottom:5px;}
7.      h3 {color:#222;}
8.      </style>
9.      <body>
10.    
11.     <h1>IgorEscobar.com</h1>
12.     <h3>Desenvolvimento, Tecnologia e Informação, na ponta do lápis.</h3>
13.    
14.     </body>
15.     </html>
16.     ';
17.     ?>
18.     <?php
19.     require_once("dompdf/dompdf_config.inc.php");
20.      
21.     $dompdf = new DOMPDF();
22.     $dompdf->load_html($html);
23.     $dompdf->set_paper('letter', 'landscape');
24.     $dompdf->render();
25.     $dompdf->stream("exemplo-01.pdf");
26.     ?>

O objeto load_html é responsável por receber o conteúdo HTML e fazer a conversão.
O objeto set_paper é responsável pela configuração do papel (formato) do arquivo pdf. No primeiro argumento, você escolhe o tamanho de cada folha; no segundo argumento, você escolhe se quer cada folha em paisagem ou fotografia.

No Parâmetro 1 você pode preencher com:4a0, 2a0, a0…a10, b0…b10, c0…c10, ra0…ra4, sra0…sra4, letter, legal, ledger, tabloid, executive, folio, commerical #10 envelope, catalog #10 1/2 envelope, 8.5×11, 8.5×14 e11×17.
No Parâmetro 2 você pode preencher com: portrait ou landscape.

O objeto render é responsável por imprimir, no documento, o código correspondente ao PDF e exibi-lo no browser.
O objeto stream é opcional. Se ele for setado, vai forçar o download do documento com o nome que você passar, caso contrário o documento será exibido na tela.

Resultado Final

DOMPDF 01

Dicas

Caso você precise gerar um documento PDF muito grande, é provável que o apache reclame do limite de memória. Para contornar este problema, basta aumentar a capacidade de memória alocada. Para isso é preciso alterar o memory_limit com a função ini_set do php. (ex: ini_set(”memory_limit”, “16M”); ).
O DOMPDF não funciona com todas as fontes. As fontes que são suportadas por ele podem ser encontradas em lib/fonts. Caso necessite instalar novas fontes, no site do oficial da biblioteca você pode encontrar maiores informações.
Caso você não consiga que as suas folhas de estilo sejam carregadas no corpo do pdf, coloque as regras diretamente no corpo do documento. Se mesmo assim não funcionar, coloque as regras utilizando a propriedade style em cada tag do html setando as mesmas, diretamente.

É isso, pessoal!

Posts Relacionados:

Compartilhe!

Igor Escobar // Blog: Touch screen para deficientes visuais?

Tue, 27 Oct 2009 02:20:37 +0000

No dia 8 de Janeiro, na Reuters saiu uma matéria na qual pessoas discutiam o fato de a nova geração de celulares não ser usável por pessoas portadoras de deficiências visuais, pessoas que necessitam de instruções para utilizar aparelhos eletrônicos, pois não conseguem reter informações visuais dos aparelhos que carregam ou os que possuem em suas casas.

Eu acho, sim, plausível esta discussão. Nos meus 8 anos de desenvolvimento de aplicações para Internet, a questão “acessibilidade” se torna algo subentendido. Devemos nos preocupar com todas as pessoas, não importa aonde elas estejam, como elas estejam acessando a informação e suas capacidades físicas.

Mas logo que li este artigo, me vieram algumas perguntas: Será mesmo necessário adequar esta geração de aparelhos celulares para deficientes visuais? Será que esta nova geração de celulares é interessante para pessoas portadoras de deficiências? É possível desenvolver um aparelho touchscreen totalmente acessível e usável por tais pessoas?

A informação é dinâmica, cada hora, cada aplicativo, é desenvolvido de maneira colaborativa, e as informações são dispostas de maneiras diferentes na tela, é necessário muita informação e muita cultura prévia nestes tipos de interfaces para se manusear perfeitamente um aparelho destes. É possível cobrar de todos os programadores, criadores de aplicações para aparelhos móveis, que tais aplicações supram as necessidades de tais pessoas?

É possível “controlar” um ambiente colaborativo, aplicar regras de qualidade neste ambiente que realmente faça o ambiente funcionar?

Sinceramente não estou aqui para dizer se isso será possível ou não, já fiz isso uma vez e muita gente não soube interpretar e atacaram pedras. A tecnologia está aí para surpreender mesmo, e eu quero mesmo é que me surpreenda, mas se existem tantos outros aparelhos acessíveis para estas pessoas no mercado, funcionando bem, a um preço muito mais acessível.

Por que um portador de deficiência visual iria querer comprar um aparelho touchscreen já que a grande graça no negócio é a experiência visual?

Posts Relacionados:

Compartilhe!