Flex é um produto da Adobe que possui a finalidade de desenvolver aplicativos RIA – Rich Internet Applications.

2-Como o Flex funciona?

O Flex tem como base a linguagem Action Script 3.0, junto com uma outra linguagem de desenvolvimento chamada MXML.

3-O Flex é gratuito?

Sim, o Flex Framework é gratuito. Isso significa que você pode editar o seu código no Notepad (ou no seu editor de preferência) e compilar (iremos mostrar como criar um arquivo .bat).

4-O que é RIA?

A RIA é uma tendência de desenvolvimento web que vem crescendo no mundo inteiro, e possui a proposta de criar aplicativos web (que funcionem no seu navegador) que são “ricos” em sua interface.

5-O Flex conecta no banco de dados?

Não.

6-O que é Flex 2 SDK?

Flex 2 SDK é parte do Software Development Kit que a Adobe distribui como parte de sua estratégia de adoção do Flex 2 no mercado.

7-Quais as vantagens de se usar o Flex 2 SDK?

A grande vantagem é que é gratuito, você pode usar o Flex 2 SDK em qualquer editor de XML ou até mesmo o notepad que você desejar. Um exemplo típico é o próximo exemplo logo abaixo que será mostrado, o uso do Flex 2 SDK com um editor freeware, o notepad++.

Flex 2 SDK é realmente gratuito?

Sim, o Flex 2 SDK é totalmente gratúito e pode ser usado para fins comerciais as aplicações feitas com ele, e não o SDK em sí. No próprio diretório onde você descompactou o Flex 2 SDK, tem um arquivo chamado License.htm onde você pode ler detalhadamente o termo de licença de software do Flex 2 SDK.

9-Onde posso fazer o download do Flex 2 SDK?

O Flex 2 SDK pode ser baixado diretamente do site da Adobe, pelo seguinte endereço abaixo.

http://www.adobe.com/cfusion/tdrc/index.cfm?product=flex

10-Qual a diferença entre o Flex Builder 2 e o Flex 2 SDK?

Ambos são parte integrantes da família Adobe Flex, porém Flex Builder 2 é uma ferramenta de desenvolvimento conhecida por IDE, para criação com melhor visual de suas aplicações, é uma ferramenta integral como o Microsoft Visual Studio, traz uma forma nova e fácil de se usar com recursos visuais igual ao Eclipse WTD para criar layouts de forma fácil. O Flex Builder 2 usa o Flex 2 SDK que é gratuito, como parte de sua IDE, facilitando a vida do desenvolveor, com isso o Flex Builder é pago.

11-Não sei nada de Flex, devo estudar primeiro o 3 ou partir para o 4?

Pode ir direto ao Flex 4! Muitos conceitos mudaram e será perda de tempo aprender 3 para depois ir ao 4.

12-Devo investir no Flex 4?

Absolutamente sim! Flex 4 é uma “baita” evolução e você deve segui-la para os seus novos projetos. Além do Flex 4, tem o Adobe Air 2.0 e, em breve, suporte à tecnologia Android e a dispositivos móveis. Então a Apple torceu o nariz para o Flash Player, o Google se uniu à Adobe e juntas vão lançar o Flash Player 10 para a plataforma Android. O futuro com certeza é bastante promissor, e ainda nem falamos dos tablets!!

Ae galera é isso espero que tenham aproveitado algumas dessas perguntas e respostas, Obrigado!

Programadores de todo o mundo já podem se preparar. Desde quarta-feira (07/04) estão abertas as inscrições para o Google Code Jam 2010, concurso de programação promovido anualmente pelo Google.

Na competição, que existe desde 2003, os programadores seram desafiados por problemas de construção de algoritmos, que deverão ser resolvidos dentro de um limite de tempo.

Segundo a empresa, cerca de 23 mil progamadores competiram no concurso do ano passado, quando o campeão foi um chinês, Lou Tiancheng.

As quatro primeiras rodadas serão realizadas pela própria internet. A primeira prova terá início em 7 de maio (veja calendário abaixo). Os 25 melhores colocados viajarão para Dublin, na Irlanda, para a rodada final prevista para 30 de julho.

O primeiro colocado receberá um prêmio de 5 mil dólares. Candidatos interessados poderão testar sua habilidade com as provas das competições passadas, que podem ser obtidas a partir do site do concurso.

Google Code Jam 2010
Calendário:

Fonte: PCWorld

O que é Javascript? É perigoso permitir Javascript no navegador? Quais os riscos inerentes a ele e quais formas de se proteger?

Javascript é uma linguagem de programação usada por sites para adicionar recursos dinâmicos em páginas de internet. O Javascript permite ao desenvolvedor do site muita flexibilidade. Um exemplo é aquele botao que permite aumentar ou diminuir as fontes existentes em varios sites.

Há tantas possibilidades de uso de Javascript que seria impossível citar todas. Há até mesmo joguinhos simples feitos em Javascript.

É claro que essa riqueza de possibilidades resulta em uma linguagem complexa. Para piorar, o Javascript foi “crescendo” com o tempo e cada navegador web decidiu interpretar comandos diferentes da mesma forma. Isso adicionou ainda mais complexidade, tanto para quem faz códigos Javascript como para quem faz os navegadores, que precisam funcionar com o maior número possível de códigos.

O Javascript é, portanto, o tipo de código mais complexo com o qual os navegadores precisam lidar. E quanto mais difícil é fazer algo, maior a probabilidade de ocorrerem erros. Não existe nenhum risco inerente ao Javascript, exceto pela complexidade desnecessária criada pelo histórico conturbado da linguagem.

De qualquer forma, problema maior está no fato de que os programadores podem cometer muitos erros na criação do componente responsável pelo processamento dos códigos. Isso resulta em vulnerabilidades.

Como o Javascript interage com a página, além dos erros existentes nele mesmo, ele também pode ser peça-chave na exploração de erros em outras funcionalidades do navegador. É por isso que tantas falhas têm como solução temporária a desativação de Javascript.

Diferentemente de outras linguagens de programação, existe muita tolerância na programação de páginas web. Mesmo códigos “errados” funcionam devido aos esforços dos navegadores para tentar fazer a página aparecer na tela. Além disso, erros em navegadores web também moldaram as linguagens, quer dizer, programadores acabaram dependendo de erros para fazer as páginas aparecerem do jeito que queriam. Ainda hoje, os navegadores precisam detectar esses “erros” e “saber” o que o criador da página pretende.

É por isso que não apenas Javascript, mas até uma linguagem aparentemente simples como o HTML – principal responsável pelas páginas de internet – acabam sendo difíceis de “digerir” pelos softwares.

Não é possível navegar na internet sem Javascript. A grande maioria dos sites apresentará defeito ou perda de funcionalidade. Para o Firefox, o plugin NoScript limita os poderes do Javascript, mas também adiciona transtornos na navegação. Fica a critério de cada um optar pela segurança ou pela comodidade. De qualquer maneira, manter o navegador sempre atualizado é essencial para que qualquer brecha conhecida, seja no processamento de Javascript ou outro componente, seja eliminada.

Fonte: G1

Para testar seu antivirus abre o bloco de notas e cole o seguinte código,sem as aspas.

“X5O!P%@AP[4P\ZX54(P^)7CC)7}$EICAR-STANDARD-ANTIVIRUS-TEST-FILE!$H+H*”

Depois va em “Arquivo/Salvar” escolha um local para salvar (de preferencia na área de trabalho) e salve com o nome “testevirus.com” (sem aspas), Pode ser qualquer nome mais terá que ter no final “.com” e clique em salvar. Feito isso logo o antivírus vai apitar!. Se isso nao aconteceu vá até o local onde você salvo, la vai está o ícone do “testevirus.com” de dois cliques, se mesmo assim o antivírus não tiver apitado, faz o que aconselhei acima.

Fonte: dica.info

Essa foi uma das grande dúvidas de leitores que enfrentaram problema após a instalação do IE8. Um deles informou que o navegador desliga o Norton Internet Security quando abre páginas na internet. A reportagem do WNews entrou em contato com especialistas da Microsoft no Brasil em busca de uma resposta.

Segundo a empresa microsoft, “é natural que o navegador e o antivírus tenham interações já que a internet é a porta de entrada de muitos tipos de malware”. Porém, afirma que uma avaliação mais detalhada desse problema é preciso mais informações sobre as configurações do usuário.

Apesar disso, a Microsoft admite que o novo navegador pode desabilitar o antiphishing do Norton ou vice-versa. Para evitar que isso aconteça, recomenda que o usuário verifique se antivírus que está instalado em sua máquina está atualizado e rodando a última versão do programa de segurança.

A Microsoft ressalta que as versões 2009, 360 2.0 e 3.0 do Norton são compatíveis com o IE8, conforme informa a Symantec em seu site.

Outro argumento que Microsoft deu é que o IE8 por ser um navegador que tem novas ferramantas de segurança se encarrega de fazer a função de antiphishing (Clicar em “Segurança” / Opção “filtro do SmartScreen”).

Mas como o antivírus também vem com essa função, a Microsoft volta a lembrar que pode haver conflito entre os dois programas. Além de verificar se a ferramenta de segurança está atualizada, a produtora do IE8 aconselha que o usuário entre em contato com o fabricante do antivírus para verificar a compatibilidade entre ambos.

Enquanto o problema não for solucionado, a Microsoft orienta o usuário a adotar apenas uma das ferramentas antiphishing desabilitando a outra”.
entao para nao entrar em conflito desabilite uma das ferramentas antiphishing deixando apenas uma ativa.

Fonte: WNews

As apps da web 2.0 são uma doce verdade, isso tudo graças à uma metodologia chamada Ajax(Asynchronous Javascript And XML). O Ajax ficou famoso após o lançamento do Gmail em 2004, muitos acham que o Gmail é o começo do plano de conspiração do Google, mas isso é outra história.

O Ajax trouxe muitas vantagens aos internautas, antigamente quando clicava-se em um link, uma nova página era aberta, e todas as imagens e menus anteriores eram carregados inumeras  vezes, com o Ajax é diferete, apenas partes especifícas são recarregados.

Essa mania pegou rapidamente, pois a agilidade que isso tras ao programador é imensa, o problema é que existem muitos navegadores, e o JavaScript se comporta de varias maneiras, tudo isso pelo fato de que o programador tem que criar um objeto XMLHTTP Request para o IE, Firefox, Safari, Chrome e outros.

Nesse ponto, surge o jQuery, que se comporta de forma inteligente na maioria dos Navegadores, facilitando ainda mais a vida dos programadores, ou seja, funciona em um, funciona em todos. Para entender um pouco mais sobre o jQuery assista o Vídeo Post feito por Diego Soares que lhe mostrará as funcionalidades básicas do jQuery e como aplicar os códigos em suas aplicações, fique à vontade para comentar este artigo.

Para assistir o vídeo com uma qualidade melhor, acesse http://www.vimeo.com/3165655 ou http://videolog.uol.com.br/video.php?id=410377 ou assista no player abaixo.

Classe Data Grid PHP

Com esta simples classe é possível criar um data grid a partir de um array com os dados que queremos apresentar na tabela. É simples criar e configurar e, com alguns comandos avançados, é possível alterar o seu comportamento para que seja possível implementar as necessidades habituais em uma estrutura desse tipo.

Essa classe foi criada com POO (Programação Orientada a Objetos) e características que estão disponíveis somente a partir do PHP5. Ela pode ser baixada clicando aqui.

Vamos começar a ver como funciona a classe utilizando um exemplo simples e inserindo funcionalidades no decorrer do artigo, para deixar nosso exemplo mais robusto.

Para começar é necessário inserir a classe nos scripts PHP antes de utilizá-la.

//incluimos a classe

require 'DataGrid.php';

Agora temos que criar um Array com os dados que serão apresentados no Data Grid. Será um array associativo, duas dimensões, onde a primeira, o array principal, receberá todos os registros a serem mostrados no data Grid, e na segunda estão cada um dos registros definidos como um array associativo.

Agora construímos o array com um algumas informações, mais adiante veremos como construir esse array através de uma consulta ao banco de dados.

//criamos o array com os dados a serem apresentados no Data Grid

$alunos = array(

array("id" => 1, "nome" => "Pepe Perez", "curso" => "Informática básica", "nivel" => 2),

array("id" => 2, "nome" => "María Suarez", "curso" => "Informática avançada", "nivel" => 1),

array("id" => 3, "nome" => "Roberto Soriano", "curso" => "Sistemas operacionais", "nivel" => 2),

array("id" => 5, "nome" => "Alberto Rodriguez", "curso" => "Inglés técnico", "nivel" => 1),

array("id" => 7, "nome" => "Julia Marcos", "curso" => "Sociologia", "nivel" => 3),

array("id" => 10, "nome" => "Socorro Rozas", "curso" => "Informática básica", "nivel" => 1),

array("id" => 11, "nome" => "Pablo Reñones", "curso" => "Informática básica", "nivel" => 2)

);

Agora, antes de continuarmos com a construção da estrutura, temos que criar alguns estilos CSS para podermos melhorar o aspecto do Data Grid

<style type="text/css">

.linhaI{background-color:#ffffcc;}

.linhaP{background-color:#ffcc99;}

.fdg_sortable {cursor:pointer;text-decoration:underline;color:#00c;}

</style>

Foram criadas três classes CSS, com seus respectivos estilos. As classes “linhaI” (linha ímpar) e “linhaP” (linha par) aplicaram estilo às linhas do Data Grid e a classe “fdg_sortable” é responsável por estilizar os títulos de cada coluna do Data Grid.

Vamos criar o data grid a partir dos dados que temos no array.

//instanciamos o objeto data grid, passando como parâmetro o array anterior

Fete_ViewControl_DataGrid::getInstance($alunos)

//VAMOS LANÇANDO DIVERSOS MÉTODOS SOBRE O OBJETO INSTANCIADO

//atributos gerais para a tabela

->setGridAttributes(array('cellspacing' => '3?, 'cellpadding' => '4?, 'border' => '0?))

//permitimos que hajam características de ordenação

->enableSorting(true)

//fazemos um setup das colunas do data grid, indicando o valor que será mostrado na primeira linha do data grid

->setup(array(

'id' => array('header' => 'ID'),

'nome' => array('header' => 'Nome'),

'curso' => array('header' => 'Curso'),

'nivel' => array('header' => 'Nivel curso')

))

//definimos os estilos para as linhas ímpares

->setRowClass('linhaI')

//definimos os estilos para as linhas pares

->setAlterRowClass('linhasP')

//chamamos o método que construirá o data grid

->render();

Todas as linhas foram comentadas para que o entendimento se torne mais simples.

Agora vejamos como inserir ou apagar coisas do data grid, para personalizá-lo. Faremos algumas coisas como:

1. Vamos ocultar o “ID” do array associativo, para que não seja mostrado.
2. No campo de nível do cursos, vamos mostrar o nível com alguns asteriscos usando uma função que converterá os números em uma cadeia de asteriscos.
3. Vamos coluna no data grid, que aparecerá antes de qualquer outra, para mostrar um contador que indicará a quantidade de registros apresentados.

Destas três coisas, a mais complicada é fazer um modelo para alterar a forma como é mostrado um campo. Para começar, precisaremos de uma função que devolva o dado que se quer mostrar, com o formato desejado.

function nivel_estrelas($num){

$estrelas = "";

for ($i=0; $i<$num; $i++){

$estrelas .= "*";

}

return $estrelas;

}

Utilizaremos essa função para atribuir como “template” para o campo nível de curso.

Vamos agora ao código utilizado para implementar todas as funcionalidades citadas no data grid:

//OCULTAR UM CAMPO NO DATA GRID

//COLOCAR UMA FUNÇÂO PARA MOSTRAR UM CAMPO

//COLOCAR UM CAMPO ANTES DAS COLUNAS DO ARRAY DO DATA GRID

Fete_ViewControl_DataGrid::getInstance($alunos)

->setGridAttributes(array('cellspacing' => '3?, 'cellpadding' => '4?, 'border' => '0?))

->enableSorting(true)

//fazemos com que o campo "id" do array associativo não seja mostrado

->removeColumn('id')

->setup(array(

'nome' => array('header' => 'Nome'),

'curso' => array('header' => 'Curso'),

//utilizamos a função template para mostrar o nivel do curso com umas estrelas

'nivel' => array('header' => 'Nivel curso', 'cellTemplate' => '[[nivel_estrelas:%data%]]')

))

//inserimos uma coluna em todos os registros do data grid(a primeira coluna será esta)

//nesta coluna mostramos um contador de registros

->addColumnBefore('Contador', '%counter%.', 'Num', array('align' => 'right'))

//definimos a partir de que número será iniciado o contador

->setStartingCounter(1)

->setRowClass('linhaI')

->setAlterRowClass('linhaP')

->render();

Novamente as linhas foram comentadas para facilitar o entendimento. Chamo a atenção sobre a linha que faz uso da função anterior como um template para um campo.

'nivel' => array('header' => 'Nivel curso', 'cellTemplate' => '[[nivel_estrelas:%data%]]')

Isto faz com que o campo “nivel”, quando for mostrado em linhas distintas do data grid, chame a função nivel_estrelas(), passando como parâmetro %data%, que é o valor que tem cada um dos registros do array associativo, no campo “nível”.

Por último vamos ver outro exemplo, um pouco mais desenvolvido, para mostrar os dados do mesmo array. Neste caso vamos simplesmente mostrar uma coluna adicional ao final de cada registro do data grid, onde iremos inserir uns links para editar e/ou apagar o registro atual.

//PARA COLOCAR UM BOTÃO PARA EDITAR OU APAGAR
Fete_ViewControl_DataGrid::getInstance($alunos)
->setGridAttributes(array('cellspacing' => '3?, 'cellpadding' => '4?, 'border' => '0?))
->enableSorting(true)
->removeColumn('id')
->setup(array(
'nome' => array('header' => 'Nome'),
'curso' => array('header' => 'Curso'),
'nivel' => array('header' => 'Nivel curso', 'cellTemplate' => '[[nivel_estrelas:%data%]]')
))
->addColumnBefore('Contador', '%counter%.', 'Num', array('align' => 'right'))
//agora mostro um campo depois de cada elelemto, com links para editar ou apagar o registro
//no interior deste campo utilizo $id$ para enviar o valor "id" do array
->addColumnAfter('actions', '<a href="exemplo3.php?editar=$id$">Editar</a> ?
<a href="exemplo3.php?apagar=$id$" onclick="return confirm('Está certo que quer apagar $nome$?')">Apagar</a>', 'Actions', array('align' => 'center'))
->setStartingCounter(1)
->setRowClass('linhaI')
->setAlterRowClass('linhaP')
->render();

Neste exemplo apenas inserimos uma linha de código para fazer uma chamada ao método addColumnAfter(), que serve para inserir uma coluna depois das colunas que formamos com o array.

->addColumnAfter('actions',
'<a href="exemplo3.php?editar=$id$">Editar</a> ? <a
href="exemplo3.php?apagar=$id$" onclick="return confirm('Está certo que
quer apagar $nome$?')">Apagar</a>', 'Actions', array('align'
=> 'center'))

Neste caso simplesmente temos que indicar como parâmetro a addColumnAfter() dois dados: o primeiro para especificar um título para a coluna e o segundo para especificar o seu conteúdo. O conteúdo dessa coluna, neste caso, são os links para editar e apagar, onde são utilizadas urls que enviam os dados por GET, que é o identificador do registro.

Montando o data grid a partir de um banco de dados

Só falta agora falar sobre como extrair os dados de uma base de dados para fazer o array de elementos que será utilizado na montagem do data grid.

No exemplo que acompanha a classe data_grid há um código para extrair a informação do MySQL, como pode ser visto nas linhas abaixo.

$users = array();

$result = mysql_query("SELECT * FROM user", $dbLinkId);

while ($row = mysql_fetch_assoc($result))

{

$users[] = $row;

}

Como se pode ver, primeiro se cria um array e logo se faz um looping pelos resultados da consulta. Cada um dos elementos retornados pela consulta será introduzido no array criado anteriormente e para ele assinalamos o array associativo que nos devolverá mysql_fetch_assoc() desse primeiro array.

Bom, pessoal, espero que esse artigo possa ser útil a vocês. Clique abaixo para poder fazer o download da classe e de um exemplo.

Clique aqui para baixar a classe data grid junto com um exemplo

Fonte: Imasters

O Google dispensa comentários com todas as inovações que ele faz. Hoje falaremos um pouco sobre a API do Google Maps. API (Application Programming Interface ou Interface de Programação de Aplicativos) é a forma que temos de nos comunicar com as funções pré-programadas definidas pelo fornecedor, no caso, Google. Esta API permite a criação de mapas com locais definidos, controle de zoom, tipos de mapa, geração de rotas, pesquisa por estabelecimentos, e muitas coisas mais.

Como começar

A primeira coisa que devemos fazer é acessar o link da página inicial da API, ler e aceitar o contrato, digitar a url do site que deseja usar a API e clicar no botão “Gerar chave da API”. (veja a figura 1)

Figura 1: Aceitando o contrato

Após isso, caso ainda não esteja logado com a sua “Google Account”, o Google pedirá para efetuar o login, nesse passo você obterá a chave para usar a API somente na url que digitou o site. Caso queira usar a API em outro site, deverá repetir esse processo para cada site que quiser. (Veja a figura 2)

Figura 2: Chave gerada

Agora que já temos a chave, podemos usar a API no site. O Google disponibiliza alguns exemplos, para trabalhar com JavaScript, Flash, Serviço, etc..
Neste artigo abordaremos o uso da API para JavaScript e para isso devemos adicionar o seguinte script dentro do bloco head do HTML, no local “SUA_CHAVE”, você deve colocar a chave que o Google gerou para o site, veja o campo Your key is na figura 2.

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key=SUA_CHAVE" type="text/javascript">
</script>

O código de base para começar o aprendizado está abaixo:

<!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">
	<head>
		<title>Aprendendo a Usar a API Google Maps | Paulo Fernandes </title>
		<meta content="text/html; charset=ISO-8859-1" http-equiv="Content-Type"/>
		<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;
                  key=ABQIAAAAAaVFxs6kNq7gWY59qf5XMxSec6s_uUscdbTyPSy8oWl8zYzqFRRanjFebOU60thMmEQQDEPx3A3y5Q"
                  type="text/javascript"></script>
		<script type="text/javascript">
			var map = null;
			var geocoder = null;
			function inicializa() {
				if (GBrowserIsCompatible()) {
					map = new GMap2(document.getElementById("mapa_base"));
					map.setCenter(new GLatLng(-22.9035393, -43.2095869), 13);
					geocoder = new GClientGeocoder();
  			    }
			}
    </script>
	</head>
	<body onload="inicializa()" onunload="GUnload()">
		<div id="mapa_base" style="width: 500px; height: 300px"></div>
	</body>
</html>

Este código não está difícil de entender, explicaremos as partes mais importantes:

• No onload(), a função inicializa() verifica se o navegador do usuário é compatível com a API Google Maps, caso positivo, o método captura uma div com id igual a “mapa_base” e define o mapa centralizado. O local padrão que escolhi foi a cidade do Rio de Janeiro, que é representada pelas seguintes coordenadas de latitude e longitude -22.9035393, -43.2095869, respectivamente. O número seguinte, 13, representa o zoom no mapa, quanto menor esse número, menor o zoom.

• No onunload(), a função GUnload() serve para limpar as estruturas internas e liberar a memória.

Para mais informações sobre os métodos, acesse a documentação em português, através deste link. Essa documentação está interessante, e será a base para o artigo.

Exemplos simples

Neste link podemos analisar diversos exemplos do poder desta API.

Para o artigo, colocaremos alguns exemplos interessantes para inserir um mapa personalizado no site.

• Descobrir qual a latitude e longitude do endereço: Isso é útil quando se pretende definir algum local como default ao entrar no site. Para isso faremos um formulário onde você digita o endereço e o mapa é carregado no endereço e exibe o posicionamento de latitude e longitude. O código JavaScript é esse:

function mostraEndereco(){
                var endereco = document.getElementById("endereco").value;
                if ( geocoder ) {
                        geocoder.getLatLng(endereco,
                                function(point){
                                        if ( !point ) {
                                                alert(endereco + " não encontrado");
                                        } else {
                                                map.setCenter(point, 13);
                                                var marca = new GMarker(point);
                                                map.addOverlay(marca);
                                                marca.openInfoWindowHtml( endereco + "<br />" + point.toString() );
                                        }
                                }
                        );
                } else {
                        alert("GeoCoder não identificado");
                }
}
E no HTML:
<form id="form_mapa" action="#" method="get">
     <input type="text" name="endereco" id="endereco" size="50" value="São Paulo" />
     <input type="button" name="enviar" id="enviar" value="Mostrar Latitude/Longitude" onclick="mostraEndereco()"/>
</form>

• Definindo um evento: Para definir um evento precisamos utilizar o objeto GEvent. Seguindo a mesma linha do código, definiremos um evento, que será disparado toda vez que o marcador for clicado, fazendo com que a posição geográfica seja exibida. Devemos colocar esse evento na função mostrarEndereco(), pois é nela que definimos o marcador.

     GEvent.addListener(marca, "click", function() {
           marca.openInfoWindowHtml( endereco + "<br />" + point.toString() );
     });

• Adicionando zoom no mapa: Para adicionar o controle de zoom, devemos adicionar um controle ao mapa, através do método addControl() e a esse controle devemos adicionar o controle do mapa, o mais correto é adicionar isso na função de inicialização: inicializa(), a linha completa que deve ser inserida é esta:

map.addControl( new GSmallMapControl() );

• Adicionando forma de visualização: Podemos definir um controle para que o usuário possa ver o endereço na forma de mapa, híbrido ou satélite. Para isso devemos seguir a mesma linha de raciocínio para inserir o zoom, que seria adicionar um controle.

map.addControl( new GMapTypeControl() );

Exemplo avançado

Para mostrar algo avançado, que tal traçar a rota do ponto A ao ponto B? Para isso precisaremos que o usuário digite os valores dos pontos A e B. Para traçar a rota, vamos reescrever todo o exemplo, simplificando as configurações.

<!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">
    <head>
        <title>Aprendendo a Usar a API Google Maps - Obter Rota | Paulo Fernandes </title>
        <meta content="text/html; charset=ISO-8859-1" http-equiv="Content-Type"/>

    <script
src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;
key=ABQIAAAAAaVFxs6kNq7gWY59qf5XMxSec6s_uUscdbTyPSy8oWl8zYzqFRRanjFebOU60thMmEQQDEPx3A3y5Q"
type="text/javascript"></script>
        <script type="text/javascript">
            var map = null;
            var geocoder = null;
            var from;
            var to;
            var directionsPanel = null;
            var directions = null;

            function inicializa() {
                if (GBrowserIsCompatible()) {
                    map = new GMap2(document.getElementById("mapa_base"));
                    map.setCenter(new GLatLng(-22.5489433, -46.6388182), 7);
                    geocoder = new GClientGeocoder();
                    map.addControl( new GSmallMapControl() );
                    map.addControl( new GMapTypeControl() );
                    directionsPanel = document.getElementById("route");
                    directions = new GDirections(map, directionsPanel);

                  }
            }

            function gerarRota(){
                from = document.getElementById("partida").value;
                to = document.getElementById("destino").value;
                if ( geocoder ) {
                    geocoder.getLatLng(from,
                        function(point){
                            if ( !point ) {
                                alert(from + " não encontrado");
                            }
                        }
                    );
                    geocoder.getLatLng(to,
                        function(point){
                            if ( !point ) {
                                alert(to + " não encontrado");
                            }
                        }
                    );

                    var string = "from: " + from + " to: "+to;
                    directions.clear();
                    directions.load(string);
                    GEvent.addListener(directions, "error", erroGetRoute);
                } else {
                    alert("GeoCoder não identificado");
                }
            }

            function erroGetRoute(){
                alert("Não foi possivel traçar a rota de: " + from + " para: " + to );
            }

    </script>
    </head>
    <body onload="inicializa()" onunload="GUnload()">
        <form id="form_mapa" action="#" method="get">
            <label for="partida">Partida</label>
            <input type="text" name="partida" id="partida" value="São Paulo" size="50" />
            <br />
            <label for="destino">Destino</label>
            <input type="text" name="destino" id="destino" value="Rio de Janeiro" size="50" />
            <br />
            <input type="button" name="enviar" id="enviar" value="Obter Rota" onclick="gerarRota()"/>
        </form>
        <div id="mapa_base" style="width: 800px; height: 500px;"></div>
        <div id="route" style="width: 300px; height: 500px; position: absolute; right: 0; top: 0;"></div>
    </body>
</html>

Para mostrar a rota, tivemos que criar uma nova div com o id igual à “route”, é neste local que exibiremos o passo a passo da rota traçada. Essa captura do local foi feita nesta linha directionsPanel = document.getElementById(“route”); Para traçar a rota, devemos instanciar o objeto GDirections e informar para ele carregar a rota através do método directions.load(string);

No método load devemos passar os dois endereços escritos por extenso, antes o endereço de partida devemos atribuir from: e antes do endereço de destino to: , ficando a string completa from: São Paulo to: Rio de Janeiro, por exemplo.

Caso algum dos dois endereços não seja encontrado, o código exibirá um alert informando que a rota não pode ser traçada.

Conclusão

Com este artigo pudemos perceber o poder que a API nos dá, ela nos fornece outras diversas possibilidades que podem ser vistas na documentação oficial. O objetivo do artigo foi introduzir os principais conceitos e o que se pode utilizar no site de sua empresa, por exemplo.

Algo que devemos tomar cuidado é na declaração das variáveis, pois o local onde ela é declarada pode fazer com que a API se porte de forma indesejada. Por exemplo, quando declaramos uma marca, se a tivemos declarado fora da função a cada novo endereço, a marca anterior seria perdida, mas repare que a informação de latitude e longitude é perdida, mantendo somente a ultima. Faça o teste, declare a variável fora do método, acredito que achará bem interessante.

Pode ser que exista outra forma de fazer o que demonstramos ou até que o que foi demonstrado esteja errado, mesmo que aparentemente funcionando.

Fonte: Imasters ]]> http://www.debugando.com/entendendo-um-pouco-a-api-google-maps/feed/ 3 http://www.debugando.com/frameworks-no-php-o-que-quando-por-que-e-qual/ http://www.debugando.com/frameworks-no-php-o-que-quando-por-que-e-qual/#comments Wed, 29 Jul 2009 20:45:15 +0000 admin http://www.debugando.com/?p=637

PHP é a linguagem de programação mais famosa do mundo por várias razões: flexibilidade, facilidade de uso e vários outros fatores. Mas algumas vezes a programação se torna monótona e/ou repetitiva, e é aí que um framework pode ajudar.

O que é um framework de PHP?

De forma resumida o framework é uma estrutura, uma fundação para você criar a sua aplicação. Em outras palavras o framework te permite o desenvolvimento rápido de aplicações (RAD), o que faz economizar tempo, ajuda a criar aplicações mais sólidas e seguras além de reduzir a quantidade de código repetido. Os frameworks também permitem que os iniciantes criem aplicações mais estáveis garantindo uma boa relação entre o banco de dados e a camada externa de exibição. Isso tudo te permite gastar mais tempo desenvolvendo a aplicação em si do que repetindo os códigos que todas as aplicações têm.

A idéia padrão de trabalho por trás de um framework no PHP está ligada ao modelo MVC (Model View Controller). MVC é uma forma de programação que isola a lógica de negócio (como a aplicação funciona) da camada de exibição (a parte visual). O Model cuida do banco de dados, o View cuida da camada de exibição e o Controller cuida da lógica de negócio. Isso tudo faz com que você trabalhe mais rápido e de forma setorizada.

Por que usar um framework de PHP?

Os desenvolvedores utilizam frameworks por vários motivos, e o maior deles é para agilizar o processo de desenvolvimento. A re-utilização de código em vários projetos vai economizar muito tempo e trabalho? Isso é garantido, pois o framework já traz uma série de módulos pré-configurados (e funcionando) para fazer as mais variadas e comuns tarefas como envio de e-mails, conexão com o banco de dados, sanitização (limpeza) de dados e proteção contra ataques.

Estabilidade é outra grande vantagem dos frameworks. A simplicidade, que é um dos grandes “feitos” do PHP, também é o que possibilita inúmeros erros e falhas pelos principiantes? Nem todo código que funciona necessariamente está correto e bem desenvolvido.

Quando usar um framework de PHP?

Essa é uma dúvida muito comum em todos os níveis de desenvolvimento. Para a maioria dos iniciantes, usar um framework, além de ser mais fácil, vai ser mais estável, então é bom usá-los sempre que possível.

Em contrapartida vários programadores experientes vêem os frameworks como ferramentas usadas por programadores fracos, que não sabem como criar um código limpo, sólido e seguro.

Quando se trabalha com projetos que têm um prazo muito curto (o que eu chamo de “prazo Jack Bauer”) é sempre bom usar um framework, pois ele vai agilizar todo o processo. Outro motivo forte para o uso do framework é que você não está criando “código artesanal”? Há todo um padrão que você deve seguir para que as coisas funcionem, e está tudo documentado e explicado em uma vasta comunidade de suporte.

CakePHP

O CakePHP é uma grande opção para iniciantes e desenvolvedores avançados. Ele foi criado usando as bases e modelos do Ruby on Rails e é pesadamente focado no desenvolvimento ágil e rápido. Recentemente ele tem se tornado muito famoso por sua simplicidade e facilidade de uso.

Eu pessoalmente recomendo o CakePHP. Minha vida de programador mudou depois que eu comecei a usar ele.

Zend Framework

O Zend Framework é um framework focado no desenvolvimento de aplicações pra web 2.0. Ele tem um grande número de seguidores, fontes de suporte e uma comunidade cheia de usuários ativos e participativos. O Zend é o framework mais famoso hoje em dia, ele é robusto e permite a criação de aplicações enterprise (de grande porte) mas seu uso exige um conhecimento vasto do PHP.

CodeIgniter

Já o CodeIgniter é bastante conhecido pela sua facilidade de uso, performance e rapidez. É ideal para aplicações rodando em servidores compartilhados. Ele oferece soluções simples e de pequeno porte, com um grande número de tutoriais em vídeo, fóruns e wikis.

Fonte: Imasters ]]> http://www.debugando.com/frameworks-no-php-o-que-quando-por-que-e-qual/feed/ 0