Rogerio Filho http://rogeriofilho.com/blog web developer Tue, 07 Jun 2011 12:44:45 +0000 en hourly 1 http://wordpress.org/?v=3.1.3 Link personalizado no Facebook http://rogeriofilho.com/blog/?p=188 http://rogeriofilho.com/blog/?p=188#comments Tue, 07 Jun 2011 12:44:45 +0000 rogerio http://rogeriofilho.com/blog/?p=188 Galera, entrando e navegando pela net, vi que tem uma galera que usa os links estranhos para indicar seu facebook e outros usam um link mais amigável para mesma ação, vou mostrar como transformar seu link de:

www.facebook.com/profile.php?id=100000872517078

para

www.facebook.com/rogerioalencar

muito fácil, basta você entrar no link www.facebook.com/username e seguir os passos que o facebook for lhe mostrando, é simples e fácil.

Dica: não precisa escolher os que ele mostrar e indicar para você, você pode escolher um link personalizado por você, basta clicar em um link chamado “mais” ou algo assim, que ele lhe mostra um campo para digitar o que você preferir.

ate mais.

]]> http://rogeriofilho.com/blog/?feed=rss2&p=188 2 Criando um blog em 15 minutos com Rails 2 http://rogeriofilho.com/blog/?p=182 http://rogeriofilho.com/blog/?p=182#comments Mon, 30 May 2011 22:32:09 +0000 rogerio http://rogeriofilho.com/blog/?p=182 Em 15 minutos, nós vamos mostrar como criar desde o zero até um blog completo: com comentários, AJAX, feed ATOM, XML, API JSO, testes, interface administrativa e muito mais! Nós recomendamos fortemente que você sente antes de assistir a este emocionante tour. Sua cabeça pode estar dado voltas ao final. Acomode-se e aproveite a este passeio com o Ruby on Rails.

video removido do http://www.rubyonrails.pro.br/apresentacoes

]]> http://rogeriofilho.com/blog/?feed=rss2&p=182 0 PastPost, ele sabe o que você fez no Facebook no ano passado http://rogeriofilho.com/blog/?p=178 http://rogeriofilho.com/blog/?p=178#comments Mon, 30 May 2011 18:45:06 +0000 rogerio http://rogeriofilho.com/blog/?p=178 Uma das maiores vantagens do Facebook em relação com as outras redes sociais é a possibilidade de enviar para todos os seus amigos o que você gostou com um simples toque do mouse. O problema é que o nome “gostar” ficou tão banalizado como “amigo” depois que entramos nas redes sociais. São tantas coisas que você clica em “like” que duvido que você possa me dizer o que gostou a 1 mês atrás no Facebook.  

Para ajudar a lembrar um pouco da sua vida de não muito tempo atrás, um site chamado PastPost lista as coisas que você clicou em “Like” no ano passado. Basta entrar no site do serviço e colocar seu login e senha. Depois disso o site vai te mandar o que foi publicado no seu mural do Facebook exatamente um ano atrás. Seja o “gostei” ou qualquer outra coisa que você publicou por lá.

Claro que este serviço não muda a vida de ninguém, mas pode ajudar a lembrar daquela promessa que você fez no ano passado e que já esqueceu.

]]> http://rogeriofilho.com/blog/?feed=rss2&p=178 0 Desenvolvendo um site no facebook http://rogeriofilho.com/blog/?p=171 http://rogeriofilho.com/blog/?p=171#comments Sun, 29 May 2011 05:14:00 +0000 rogerio http://rogeriofilho.com/blog/?p=171

Dê um nome para seu APP (página) e leia os termos do Facebook antes de continuar:

Depois de validar o captcha, iniciaremos a configurar nossa APP.

Nesta primeira orelha de configurações você preenche as informações gerais de sua APP como descrição, idioma, e-mails de contato, etc. Você também pode usar um ícone personalizado no formato 16×16 pixels, em GIF ou PNG. Se não quiser preencher tudo, podemos seguir para a próxima orelha.

Nesta segunda orelha de configurações saberemos qual nosso “Application ID” (guarde este número, pois usaremos mais à frente). No campo “Site URL” coloque a URL principal do seu site. ex.: http://www.meusite.com.br. Caso use subdomínios, preencha o campo “Site Domain”:

Agora é a etapa mais importante, vamos configurar a integração da sua APP com a página do Facebook. Em “Canvas Page”, você definirá um nome único para sua URL de APP que também poderá será acessada diretamente, sem precisar da página do Facebook. Ex.: http://apps.facebook.com/minha_pagina

Em “Canvas URL” você deverá preencher com a URL completa da página hospedada em seu servidor. Lembra que recomendei colocar cada página em uma pasta? O motivo é que a URL não poderá citar um nome de arquivo como por exemplo: http://meusite.com.br/home.php, mas sim uma pasta. Para evitar que o Facebook exiba um alerta sobre mudança de protocolo seguro, coloque também a URL segura da página de seu servidor. Ex.: https://
meusiteseguro.com.br/home.php

Em “Tamanho do IFrame” é importante definir a opção “Auto-resize” para que o IFRAME da página não tenha uma barra de rolagem. Mais à frente veremos a solução deste problema.

Mais abaixo, em “Page Tabs”, você definirá o nome da “aba” que ficará no menu e repetir as URLs do seu servidor inseridas no passo anterior em “Link da guia” e “Secure Tab URL”:

As demais orelhas de configuração são opcionais e mais avançadas, logo clicaremos em “Salvar Alterações” e seguiremos para o último passo que será atrelar a APP a uma página que você seja administrador. Clique em “Application Profile Page”:

Estamos na página independente da APP. É aqui que faremos o processo final de atrelar a APP à página no Facebook. Clique em “Adicionar à minha página”. Serão listadas as páginas que você administra. Basta clicar no botão de cada página que você queira inserir a APP como aba e pronto!

O procedimento é burocrático, mas necessário, e você deverá repetir todo o processo para cada nova aba de seu menu. Qualquer alteração feita nas páginas, no seu próprio servidor será refletido automaticamente na página do Facebook.

Houston, we have a problem!

O Facebook por padrão estipula uma altura fixa para o IFRAME que “puxará” suas páginas. Logo, você vai perceber que uma barra de rolagem será gerada devido ao excedente de altura. Por sorte ele também oferece a solução com uma função própria em Javascript que ajusta automaticamente a altura do IFRAME conforme a altura do conteúdo da sua “aba”. Insira o código abaixo logo após o <body> de cada página:

<pre><div id="fb-root"></div>
<script type="text/javascript">
		window.fbAsyncInit = function() {
			FB.init({
				appId  : ID_DA_SUA_APLICAÇÃO (Application ID),
				status : true,
				cookie : true,
				xfbml  : true
			});
			FB.Canvas.setAutoResize(); //set size according to iframe content size
		};
		(function() {
			var e = document.createElement('script');
			e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
			e.async = true;
			document.getElementById('fb-root').appendChild(e);
		}());
    </script></pre>

Não se esqueça de inserir seu “Application ID” que você anotou anteriormente no parâmetro appId.

Por enquanto é isso. No próximo artigo veremos como utilizar informações do perfil do usuário que visita sua página para torná-la mais atraente, sociável e permitir uma navegação totalmente personalizada e estratégica.

Fonte: Imasters

]]> http://rogeriofilho.com/blog/?feed=rss2&p=171 0 iPad 2: comprar ou não? http://rogeriofilho.com/blog/?p=161 http://rogeriofilho.com/blog/?p=161#comments Fri, 27 May 2011 21:14:18 +0000 rogerio http://rogeriofilho.com/blog/?p=161 Como antecipado por Macworld Brasil, o iPad 2 estreia no mercado nacional nesta sexta-feira (27/05). Com isso, vem a grande questão, principalmente para os donos de um iPad de primeira geração: comprar, ou não comprar?

Para ajudar na sua decisão de compra, colocamos os produtos lado a lado e preparamos um resumão em um vídeo que compara o iPad 2 com o iPad 1, com uma breve análise.

]]> http://rogeriofilho.com/blog/?feed=rss2&p=161 0 Gmail People Widget http://rogeriofilho.com/blog/?p=149 http://rogeriofilho.com/blog/?p=149#comments Fri, 27 May 2011 19:21:44 +0000 rogerio http://rogeriofilho.com/blog/?p=149 A Google apresentou nesta quinta-feira (26/5), através de um post no seu blog oficial, um novo widget para o Gmail que fornecerá informações contextuais sobre os usuários e contatos com os quais você recebe ou envia e-mails.

Batizado de “People Widget”, o serviço criará um barra lateral à direita da interface do Gmail com uma foto e nome do usuário que lhe enviou um e-mail, assim como um resumo do último e-mail recebido desta pessoa, os assuntos de e-mails recebidos no último mês, informações sobre calendário e documentos que foram criados pelo contato.

A principal vantagem da plataforma do Google para seus usuários é que, se você possui grupos de e-mail, todos os contatos aparecerão na interface, disponibilizando opções para que você se comunique com eles através de chat, e-mail e chamadas de voz.

O “People Widget” deve ser introduzido pela equipe do Gmail nas próximas duas semanas. Veja as imagens do serviço abaixo:

people_03_individual people_02_chat people_01_group

Siga @rogerin

]]> http://rogeriofilho.com/blog/?feed=rss2&p=149 0 Videos Youtube http://rogeriofilho.com/blog/?p=145 http://rogeriofilho.com/blog/?p=145#comments Thu, 26 May 2011 21:25:42 +0000 rogerio http://rogeriofilho.com/blog/?p=145 Esse cara é fera. o MysteryGuitarMan

]]> http://rogeriofilho.com/blog/?feed=rss2&p=145 0 40 Tutoriais sobre o Framework CodeIgniter http://rogeriofilho.com/blog/?p=56 http://rogeriofilho.com/blog/?p=56#comments Mon, 16 May 2011 05:29:57 +0000 rogerio http://rogeriofilho.com/blog/?p=56 Galera achei em um site 43 tutoriais sobre o CodeIgniter todos em inglês, mas uma ótima opção para quem esta começando ou já esta em um nivel mais alto.

Siga @rogerin

1. CodeIgniter Tutorial: [Creating Accounting Application] Part 1 Setting Up the Environment

2. CodeIgniter: Creating First Application at CodeIgniter

…


Tutorial to Creating Application at CodeIgniter

3. Building a basic PHP E-Commerce Application using CodeIgniter Framework – Part 1

tutorial to building a basic e-commerce application with codeigniter framework

4. CodeIgniter Advent: Day 1

Codeigniter secure application starting point

5. How to make CodeIgniter file upload class accept all extensions?

CodeIgniter file upload solution

6. An Introduction to CodeIgniter

An Introduction to CodeIgniter

7. 9 Ways to Integrate Ajax with CodeIgniter

Integrate Ajax with CodeIgniter

8. Debugging a CodeIgniter application with FirePHP

Debugging a CodeIgniter Application with FirePHP

9. Getting Started with CodeIgniter

Getting Started with CodeIgniter

10. CodeIgniter From Scratch: Day 1

Learn CodeIgniter from Scratch Day1

11. Building An Application Using CodIgniter Part 1/3

12. FreakAuth_light USERGUIDE

13. Displaying User Comments in a Code Igniter Blog Application

14. Building a Complete CodeIgniter Application: Part 1

15. The Best Way to Make CodeIgniter Website Multi-Lang

16. Codeigniter for Joomla

17. A Guide to Using Template

18. CodeIgniter and jQuery – Real Live Search with Pagination

19. Optimizing and Scaling your CodeIgniter Application – with Benchmarks!

20. Smarty as a template engine in Code Igniter

21. Speed Up your Web Application by CodeIgniter

22. Archive for the ‘CodeIgniter’ Category

23. Building with CodeIgniter: Beginning your Tumblelog

24. Template Library for Ext.CodeIgniter

25. Codeigniter: Setting up multiple sites on one install

26. How to use CodeIgniter’s OpenID library to integrate OpenID in your existing user system

27. CodeIgniter for Rapid PHP Application Development Table of Contents

28. Review: CodeIgniter for Rapid PHP Application Development

29. Book Review: Code Igniter for Rapid PHP Application Development

30. Amazon Book Review: CodeIgniter for Rapid PHP Application Development

31. Code Igniter ExtJs Integration – 3

32. Implementing the Zend Framework with CodeIgniter

33. PHP Application Framework Battle Royale: CodeIgniter vs. Symfony

34. A Quick Code Igniter and JQuery Ajax Tutorial

35. Build Your Portfolio With CodeIgniter

36. How to make a link using Codeigniter

37. Dynamically Dropdown Value On Code Igniter

38. CodeIgniter Resources Useful

39. Rapid Application Development with CodeIgniter

40. SlideShow: CodeIgniter PHP MVC Framework

41. Everything You Need to Get Started With CodeIgniter

42. Run CodeIgniter from the Command Line / SSH

43. PHP Tutorials : Building a basic PHP E-Commerce Application using CodeIgniter Framework – Part 1

]]> http://rogeriofilho.com/blog/?feed=rss2&p=56 0 .Htaccess sem neura http://rogeriofilho.com/blog/?p=53 http://rogeriofilho.com/blog/?p=53#comments Fri, 22 Apr 2011 04:24:16 +0000 rogerio http://rogeriofilho.com/blog/?p=51 Os arquivos .htaccess oferecem um meio de fazer mudanças nas configurações do diretório. Um arquivo, contendo uma ou mais diretrizes de configurações, é colocado em um diretório em particular, e as diretrizes se aplicam para aquele diretório e todos os seu subdiretórios subseqüentes. No geral, se usa arquivos .htaccess quando você não tem acesso ao arquivo de configuração principal do servidor.

O modelo abaixo é uma coleção de dicas para otimização de performance, de fácil entendimento e manipulação, não prescreve nenhuma filosofia, apenas auxilia o desenvolvimento.

# Fontes de Kroc Camen: camendesign.com/.htaccess
# Adaptação de Leonardo Moreira: leonardomoreira.com.br/htaccess

RewriteEngine	on

# Definindo o idioma. Recursos como x-webkit-speech (http://migre.me/46mS9) usam o idioma padrão.
DefaultLanguage pt-BR

# Se você usa uma index page diferente do padrão do servidor, defina abaixo:
DirectoryIndex main.html

# Definindo o fuso horário do servidor
SetEnv TZ America/Sao Paulo

# Remove assinatura do servidor, ninguém precisa saber que você usa Apache
ServerSignature Off

# Exibe 404 para uma reescrita se uma pasta de mesmo nome não existir
Options -MultiViews

# Impede de navegar em pastas sem um documento padrão (index)
Options -Indexes

# Para habilitar a navegação no diretório use:
# Options +Indexes

# Página 404
ErrorDocument 404 /404.html

# Previnindo acesso
<FILESMATCH ?\.(htaccess|htpasswd|ini|phps|fla|psd|log|sh)$?>
 Order Allow,Deny
 Deny from all
</FILESMATCH>

# Forçando a última versão do IE, em vários casos quando ele poderia voltar ao modo IE7
#
# Use ChromeFrame se estiver instalado
<IfModule mod_setenvif.c>
  <IfModule mod_headers.c>
    BrowserMatch MSIE ie
    Header set X-UA-Compatible "IE=Edge,chrome=1" env=ie
  </IfModule>
</IfModule>

<IfModule mod_headers.c>
  Header append Vary User-Agent
</IfModule>

# Permite o acesso de todos os domínios para as web fontes.
<FilesMatch "\.(ttf|otf|eot|woff|font.css)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

# Forçando a codificação
AddDefaultCharset utf-8
AddCharset utf-8 .html .css .js .xml .json .rss

# Filetypes adicionais
################

# video
AddType video/ogg                      ogg ogv
AddType video/mp4                      mp4
AddType video/webm                     webm

# Servindo SVG do jeito certo. Necessário para webfonts SVG no iPad
# twitter.com/FontSquirrel/status/14855840545
AddType     image/svg+xml              svg svgz
AddEncoding gzip                       svgz

# webfonts
AddType application/vnd.ms-fontobject  eot
AddType font/truetype                  ttf
AddType font/opentype                  otf
AddType font/woff                      woff

# variados
AddType image/vnd.microsoft.icon       ico
AddType image/webp                     webp
AddType text/cache-manifest            manifest
AddType text/x-component               htc
AddType application/x-chrome-extension crx

AddType application/rss+xml	.rss
AddType text/remarkable		.rem
AddType text/plain		.do	# “to.do” files

# Compressão gzip
<IfModule mod_deflate.c>

  # html, txt, css, js, json, xml, htc:
  AddOutputFilterByType DEFLATE text/html text/plain text/css application/json
  AddOutputFilterByType DEFLATE text/javascript application/javascript application/x-javascript
  AddOutputFilterByType DEFLATE text/xml application/xml text/x-component

  # webfonts e svg:
  <FilesMatch "\.(ttf|otf|eot|svg)$" >

    SetOutputFilter DEFLATE
  </FilesMatch>

</IfModule>

#
# Fazendo cache de recursos com Expires HTTP
# Lembre-se de assumir controle de versão com cache-busting
#
# Ex. <script src="master.js?20100608">
#
# Mais detalhes em: stevesouders.com/blog/2008/08/23/revving-filenames-dont-use-querystring/
#

<IfModule mod_expires.c>
  Header set Cache-Control "public"
  ExpiresActive on

  ExpiresDefault                          "access plus 1 month"
  ExpiresByType text/cache-manifest       "access plus 0 seconds"
  ExpiresByType text/html                 "access plus 0 seconds"

  # Dados
  ExpiresByType text/xml                  "access plus 0 seconds"
  ExpiresByType application/xml           "access plus 0 seconds"
  ExpiresByType application/json          "access plus 0 seconds"

  # Feed RSS
  ExpiresByType application/rss+xml       "access plus 1 hour"

  # Favicon (não pode ser renomeado)
  ExpiresByType image/vnd.microsoft.icon  "access plus 1 week"

  # Imagens, vídeo, audio;
  ExpiresByType image/gif                 "access plus 1 month"
  ExpiresByType image/png                 "access plus 1 month"
  ExpiresByType image/jpg                 "access plus 1 month"
  ExpiresByType image/jpeg                "access plus 1 month"

  ExpiresByType video/ogg                 "access plus 1 month"
  ExpiresByType audio/ogg                 "access plus 1 month"
  ExpiresByType video/mp4                 "access plus 1 month"
  ExpiresByType video/webm                "access plus 1 month"

  # Webfonts
  ExpiresByType font/truetype             "access plus 1 month"
  ExpiresByType font/opentype             "access plus 1 month"
  ExpiresByType font/woff                 "access plus 1 month"
  ExpiresByType image/svg+xml             "access plus 1 month"
  ExpiresByType application/vnd.ms-fontobject "access plus 1 month"

  # CSS / jScript
  ExpiresByType text/css                  "access plus 1 month"
  ExpiresByType application/javascript    "access plus 1 month"
  ExpiresByType text/javascript           "access plus 1 month"
</IfModule>

# Estamos usando HTTP Expires, não precisamos do ETag, desativar!
FileETag None

# Permite que cookies sejam enviados por iframes (somente IE). Descomentar para usar.
#
# <IfModule mod_headers.c>
#   <Location />
#     Header set P3P "policyref=\"/w3c/p3p.xml\", CP=\"IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT\""
#   </Location>
# </IfModule>

# no-www, retira o "www" e redireciona.
<IfModule mod_rewrite.c>
  RewriteCond %{HTTPS} !=on
  RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
  RewriteRule ^(.*)$ http://%1/$1 [R=301,L]
</IfModule>

Matériado blog: http://www.leonardomoreira.com.br/htaccess/

siga @rogerin no twitter.

]]> http://rogeriofilho.com/blog/?feed=rss2&p=53 0 Google Tradutor http://rogeriofilho.com/blog/?p=44 http://rogeriofilho.com/blog/?p=44#comments Wed, 20 Apr 2011 18:24:41 +0000 rogerio http://rogeriofilho.com/blog/?p=44 Google Tradutor

Bom galera, para quem não sabe essa ferramenta incrivel, sempre você acaba aprendendo novas coisas sobre ela, então vou lhe mostrar oque é possível fazer com ela.

Caso você tenha um arquivo em PDF que queira traduzir por completo, basta enviar para algum local da internet e colocar o link completo na caixa de texto do Google Tradutor, no exemplo, vou traduzir a documentação do Clickatell uma ferramenta para envio de SMS que em outro post vou falar dela.

Entre no Google Tradutor, digite o link completo do arquivo PDF hospedado na web, neste exemplo o link é: http://www.clickatell.com/downloads/soap/Clickatell_SOAP.pdf e em seguida clique em traduzir, simples.

Ele não mantem o formato original do arquivo, mas em alguns casos, essa é uma opção bastante útil.

Caso você tambem saiba outra funcionalidade do Google Tradutor é so comentar abaixo e vamos espalhando a novidade.

siga @rogerin no twitter.

]]> http://rogeriofilho.com/blog/?feed=rss2&p=44 0