01 Ago

Programação, PHP

Netbeans, PHP, code completion, CodeIgniter, IDE

Assinar.

Code Completion no Netbeans com PHP

Olá pessoal, há muito tempo venho utilizando o Netbeans para programar em Java, mas, nunca o utilizei com PHP, mesmo sabendo que ele (o Netbeans) também podia ser utilizado para programar em PHP.

Eu trabalhava com o PHPEditor, ele é bem leve, simples e possui internamente a documentação da linguagem PHP, o que era muito útil. Mas, o editor era muito simplório e faz tempo que não é lançado atualizações para ele.

Sendo assim, resolvi migrar para o Netbeans, a migração é simples de ser feita, basta criar um novo projeto PHP com base em códigos fontes existentes. O Netbeans importa os códigos automaticamente e você já pode continuar a programar.

Não vou escrever aqui sobre todas as qualidades do Netbeans IDE, mas, posso dizer que é uma das melhores IDE's de desenvolvimento que existem atualmente. Mas, quero escrever sobre o code completion do Netbeans.

O PHPEditor, assim como o Netbeans, possui code completion, mas, se você está trabalhando com um framework como o CodeIgniter, por exemplo, o code completion não funciona muito bem.

Então eu pensei: deve haver algo que eu possa fazer para quando eu digitar "$this->load->" o code completion do Netbeans me mostrar todas as funções da classe CI_Loader.

Pesquisando na internet descobri o seguinte: se colocarmos nos comentários de cada classe do projeto um Class property variables (Variável de propriedades da classe, em tradução literal) o Netbeans será capaz de interpretar todas as funções que uma classe que faz parte do nosso projeto possui, por exemplo:

Notem que no comentário da classe eu coloquei a seguinte linha: @property CI_Loader $load, onde CI_Loader é uma classe do Core do CodeIgniter e $load é a variável que utilizamos para nos referir a esta classe dentro do nosso projeto.

Portanto, se eu digitar "$this->load->" o code completion do Netbeans irá me mostrar a lista de funções que a classe CI_Loader possui. O mesmo funciona para todas as outras funções do CI, vejam, por exemplo, a linha @property CI_Form_validation $form_validation que faz referência à classe CI_Form_validation do Core do CI.

Outra opção muito boa seria acrescentar a seguinte linha ao comentário da classe de um model: @property CI_DB_active_record $db. Com esta linha poderemos ter no code completion, uma lista de todas as funções do Active Record do CI ao digitar "$this->db->".

Assim a programação fica mais empolgante. Espero que este post ajude bastante quem gosta do Netbeans para programar em PHP. E quem ainda não experimentou o Netbeans, poderá tentar agora, garanto que vocês irão gostar.

Até mais pessoal, deixem suas dúvidas ou comentários, por favor.

2 comentários. Envie para um amigo. Topo

09 Jul

Internet, Programação

css3, internet explorer, vml, microsoft, border-radius

Assinar.

CSS3 Funcionando no Internet Explorer

Olá pessoal!

No post anterior eu escrevi um pouco sobre como podemos nos usufruir dos recursos do HTML5 no Internet Explorer, veja o post: HTML 5 Funcionando no Internet Explorer. Já neste post, escrevo um pouco sobre como aproveitar os novos recursos do CSS3 também no Internet Explorer nas versões 6, 7 e 8.

Todos sabemos que o Internet Explorer não acompanha com a mesma velocidade que seus concorrentes as tendências tecnológicas da web. Portanto, precisamos utilizar algumas "gambiarras" para fazer algo novo funcionar no Internet Explorer.

Existem três recursos do CSS3 que realmente valem a pena poder utilizar no IE, são eles: border-radius (a melhor das três), box-shadow e text-shadow.

Para conseguir essa façanha, precisamos utilizar um script que habilita o IE a renderizar estes efeitos. Eu encontrei esse script na web e geralmente ele se chama ie-css3.htc.

O que esse script faz? Ele utiliza uma linguagem de criação de imagens vetoriais específica do IE, o VML (Vector Markup Language). O VML foi o precursor do SVG e foi proposto para o W3C por um consórcio de empresas (Autodesk, Hewlett-Packard, Macromedia, Microsoft, e Visio) em 1998. Mas, somente a Microsoft o utiliza até hoje em seu browser.

Com o VML, o IE é capas de reproduzir efeitos que sua implementação do CSS não consegue.

Veja como é fácil usar:

Legal, não é mesmo? Pois bem, eu não inventei este post eu apenas o traduzi do seguinte site http://fetchak.com/ie-css3/. Neste mesmo site você pode ver a classe .box do CSS acima em funcionamento e ainda pode também baixar o arquivo ie-css3.htc.

Faça o teste usando o IE de qualquer uma das versões 1, 2 e 3. Eu testei aqui com IE8 e funcionou legal.

Até mais pessoal. Deixem comentários, por favor.

1 comentário. Envie para um amigo. Topo

03 Jun

Programação

HTML5, Internet Explorer, Javascript, css, tag

Assinar.

HTML 5 Funcionando no Internet Explorer

Olá pessoal!

Todo bom desenvolvedor web já conhece pelo menos uma grande novidade que o HTML5 traz para nós. Da mesma forma, todos sabem que o Internet Explorer não reconhece as novas tags do HTML5.

Mas, já existe uma solução em javascript para este problema. Basta acrescentar este código na tag <head> da sua página. O código abaixo deve, obrigatoriamente, vir antes de qualquer script CSS do seu site:

Se preferir, acesse o site do projeto http://code.google.com/p/html5shiv/.

Quero aproveitar o ensejo deste artigo (gastei meu português agora!) para mostrar uma curiosidade sobre o IE, na verdade, é graças a esta peculiaridade que foi possível desenvolver o HTML 5 shiv.

Veja o código abaixo:

Se tentarmos abri-lo no IE, o navegador da Microsoft não vai aplicar os efeitos (CSS) na tag <time>, veja o screenshot abaixo:

Agora veja o código abaixo, ele soluciona o problema do IE não reconhecer a tag <time> utilizando javascript para adicionar a tag ao DOM. Ao fazê-lo, o IE se vê obrigado a renderizar uma tag que não reconhecia com os efeitos definidos no seu código CSS.

Desta forma podemos trabalhar com HTML5 naturalmente no IE. Veja o resultado no screenshot abaixo:

Até mais pessoal, espero ter ajudado alguém com essa dica.

Nenhum comentário. Envie para um amigo. Topo

14 Mar

Programação, Javascript

Plugin, JQuery, Mask, mascarar campos, máscara

Assinar.

Plugin do JQuery Para Mascarar Campos do Formulário

Olá pessoal! Esta semana, enquanto programava, precisei de um plugin para o JQuery que me permitisse colocar mascaras nos campos de um formulário.

Aí é que começaram os meus problemas, não sabia qual era o melhor plugin para utilizar nem qual seria o mais ideal para o tipo de aplicação que eu estava fazendo, afinal de contas, existem vários plugins para criar mascaras em campos do formulário HTML.

Depois de muito tempo pesquisando (em torno de uma hora de pesquisa) resolvi fazer um apanhado dos melhores plugins que encontrei para mascarar campos, veja abaixo:

1. MeioMask, v 1.1.3 (Nacional) - Veja Demo (Em inglês) - Página no JQuery;
2. Masked Input, v 1.2.2 (Internacional) - Veja Demo (Em inglês) - Página no JQuery;
3. Price Format, v 1.3 (Nacional) - Veja Demo (Em inglês) - Página no JQuery;
4. Mask Input Money, v 0.2 (Nacional) - Veja Demo (Em português) - Página no JQuery;

Eu escolhi estes somente pelo fato de todos eles possuírem um site próprio fora do JQuery, onde cada um disponibiliza um Demo de seus plugins em funcionamento. Em minha opinião, um demo é crucial para que alguém possa escolher qual o melhor plugin para utilizar, por isso desconsiderei outros plugins que não possuíam um site próprio, nem um demo para testar.

Fiz questão de colocar entre parênteses na frente de cada plugin a origem do mesmo, notem como entre os quatro plugins que escolhi, três deles são de brasileiros... (É isso ai Brasil!!! Somos ou não os melhores?!).

Não dá para dizer qual o melhor e nem qual o pior, pois eu considero que cada um pode ser muito útil dependendo do tipo de trabalho que você está fazendo. Tem alguns plugins que são mais simples e mais compactos e outros são mais completos, porém, são mais pesados, mas, minha opinião é de que todos são bons.

Beleza gente, quando eu precisar de um plugin para minha aplicação web, vou usar esta pequena lista para definir qual o melhor de acordo com minha aplicação. Espero que essa lista seja útil para vocês também.

Vou tentar fazer um laboratório com esses plugins, assim que eu tiver tempo disponível. Se eu o fizer, prometo postar os resultados dos testes aqui. Até mais pessoal.

Nenhum comentário. Envie para um amigo. Topo

15 Fev

Programação, PHP

CodeIgniter, Pagination, Classe, biblioteca, current_page

Assinar.

Personaliar Classe Pagination do CodeIgniter Para Obter a Página Atual

Pessoal, hoje eu estava programando em PHP (Meu passa tempo favorito!!) e resolvi atualiza a versão do framework que utilizo, o CodeIgniter (Esse eu recomendo), para a versão 1.7.2, pois eu ainda estava usando a versão 1.7.0. Enquanto atualizava, lembrei que, na classe Pagination da biblioteca do CodeIgniter existe um método que não é nativo, esse método foi implementado por mim mesmo para sanar uma de minhas necessidades com relação ao framework.

O método é bem simples e foi feito com base em trechos de código encontrados na própria classe Pagination. O nome do método é current_page(), sua única função é retornar o número da página que está sendo atualmente exibida.

Veja abaixo o código completo do método:

Quero explicar por que precisei deste método. Vamos supor que temos uma lista de produtos de uma loja sendo exibida no browser, e que esta lista possui 20 (vinte) páginas. Suponhamos agora que na página 10 (dez) existe um produto com o valor errado, portanto, precisaremos corrigi-lo, certo? Imaginemos então, que próximo à descrição do produto já exista um link chamado "Editar" para podermos editá-lo. Ao clicarmos neste link, iremos para outra página, certo? Sendo assim, editamos e salvamos as alterações no preço do produto.

Agora vem o problema, após salvar, o usuário deve ser redirecionado novamente para a lista de produtos (Isso pode ser feito automaticamente ou por meio de um botão disponibilizado na página de edição), mas, ao ser redirecionado, ele voltará para a página 1 (um). Isso tornaria o trabalho do usuário totalmente penoso, caso ele estvesse conferindo os preços de todos os produtos da sua lista. Imagine ter que procurar em qual página você estava após cada produto editado?

Portanto, com este método super prático eu busco o número da página atual e o envio para a página de edição de produtos, por exemplo. E lá na página de edição posso criar um link ou um botão "Voltar" ou ainda um redirecionamento automático para a lista de produtos, de forma que, ao voltar, o usuário seja levado diretamente à página em que estava antes de editar o produto.

Espero que o código acima possa ser útil para vocês tanto quanto é para mim. Até mais pessoal.

Nenhum comentário. Envie para um amigo. Topo

01 Fev

Internet, Programação

shopping, taol, breve, site, preços

Assinar.

SHOPPING TAOL Em Breve...

Olá pessoal!!

Infelizmente, como meus amigos me abandonaram, eu vou ter que abortar temporariamente o lançamento do portal TAOL.

Mas, não vou ficar parado não, já retomei um projeto antigo meu. Este projeto já tinha sido publicado na internet em 2008, mas, devido ao envolvimento do meu sócio com a política da minha cidade, ele teve de abandonar (minha história de abandonos por parte de amigos e sócios é antiga, rsrs...).

Desta vez, fiquei bravo!! Portanto, vou seguir com o projeto sozinho mesmo, seja o que Deus quiser!

O projeto do qual estou falando é um mecanismo de pesquisa de preços, como o Buscapé, por exemplo. Neste caso ele vai se chamar SHOPPING TAOL, na primeira vez que o coloquei on-line ele se chamava Atlas de Ofertas.

Abaixo está uma imagem do que será possível visualizar, por enquanto, no domínio shopping.taol.com.br.

Espero em breve ter mais notícias sobre este projeto. Até mais pessoal.

Nenhum comentário. Envie para um amigo. Topo