Criando Aplicações com o plugin YM4R para utilizar Mapas do Google Maps com RubyOnRails – Parte 2

Posted On 31 julho, 2008

Filed under Tutoriais
Tags: , , , ,

Comments Dropped 8 responses

PARTE 1
Vamos ai Final de nosso Tutorial ^^

Eu adicionei o seguinte código na Action Show, pra quando for visualizar as informações veja o mapa junto, dá pra fazer também no index ai você mostra todas as localidades e tals ou mesmo criar uma outra action apenas para mostrar o mapa, a gosto do freguês.

@map = GMap.new(“map_div_id”)
@map.control_init(:large_map => true, :map_type => true) @map.center_zoom_init([@mapa.latitude,@mapa.longitude], 14)
marker = GMarker.new([@mapa.latitude,@mapa.longitude], :titile => “Onde eu estou?”, :info_window => “Olá Palmas, Tocantins”)

@map.overlay_init(marker)
Aqui está o motor de nosso mapa vamos à explicação: @map = GMap.new(“map_div_id”) map_div_id é o id que vai ser gerado em seu HTML

@map.control_init(:large_map => true, :map_type => true)
Definimos opções visíveis no mapa :large_map define a presença da ferramenta de zoom e deslocação. :map_type informa se será possivel escolher os tipos de mapa (Mapa, Satélite e Hibrido).

@map.center_zoom_init([@mapa.latitude,@mapa.longitude], 14)
Definimos qual será a posição inicial do nosso mapa e o zoom default de nosso mapa. Onde @mapa.latitude e @mapa.longitude são as coordenadas que, eu em meu sistema, cadastrei.

marker = GMarker.new([@mapa.latitude,@mapa.longitude],
define aposição de nosso marcador

:title => “Onde eu estou?”, :info_window => “Olá Palmas, Tocantins”)
Definimos a legenda e o texto que irá aparecer no balão.

@map.overlay_init(marker)
Ai, informamos que desejamos rendenrizar o marcador que criamos. Agora vamos a nossa view, no nosso caso o show de mapas, escolhido por nós(EU) para ser nossa interface para o mapa.

/app/views/mapas/show.html.erb Adicione o seguinte código 600, :height => 400) %> Onde você pode definir o tamanho do seu mapa com :width e :height.

Ok, cadastramos nossa Localidade.

E vamos mostrar nosso resultado.

Colocando a Aplicação em produção

Após ser feita a transição para modo de produção seu mapa não apareceu mais?
Bom, como dito no inicio necessitamos de uma chave real do Google Maps, então vamos lá. Essa chave pode ser adquirida aqui. Aceite os termos e digite o endereço de sua aplicação

E aperte o botão [Generate API Key] Bom essa é sua chave a copie para um lugar seguro.

Ok, agora vamos até nosso arquivo config/gmaps_api_key.yml E Colocamos nossa chave lá. Do modo que está lá você informa o domínio e a chave para aquele domínio, para mim não deu certo, deu certo apenas quando coloquei a chave direto em production como esta em no exemplo abaixo:

Isso Funcionou apenas o modo de Produção, para o Desenvolviemtno deixe o codigo como esta.

Pronto sua aplicação deve estar funcionando. Qualquer duvida:
Comente e Volte para ler sua resposta. Obrigado pela paciência e se acharem erros (com certeza acharão muitos) me avisem, por favor, para que possa corrigi-los.
O Download do projeto pode ser Feito na nova página do blog http://www.redrails.com.br/2008/07/criando-aplicacoes-com-o-plugin-ym4r-para-utulizar-mapas-do-google-maps-com-rubyonrails-parte-2/

Updated: 12 -09-2008

Valeu ai Nofxx pela correção temporal em meus verbos 🙂

Para complementar meu amigo Jackson Pires fez um post sobre o assunto confira

Anúncios

Criando Aplicações com o plugin YM4R para utilizar Mapas do Google Maps com RubyOnRails – Parte 1

Posted On 31 julho, 2008

Filed under Tutoriais
Tags: , , , ,

Comments Dropped 4 responses

<!–

Olá Leitores.

Depois hoje vou fazer um tutorial muito legal, manipulação da API do Google Maps utilizando o plugin YM4R

Agradecimentos:
Este Tutorial não seria Possível se não fosse a ajuda da galera do Grupo Rails-BR e em especial para meu amigo Eduardo Scoz do Mapia que me deu uma força muito grande com isso.
E ao tutorial que eu me baseei pra fazer esse aqui o do Juixe TechKnow

Tambem a Blogs que me inspiraram a criar o meu e tentar passar experinências que ganhei com essa linguagem, dentre eles:
AkitaOnRails
E o Nome do Jogo

Artilharia:
• IDE Utilizada NetBeans 6.1 Pt-BR
• Versão Utilizada: Ym4r 0.6.1
• Rails 2.1

Mão na Sogra. ou a obra.

Primeira coisa é criar nosso projeto RubyOnRails.
Arquivo->Novo Projeto->Ruby->Ruby On Rails
PROXIMO>

Renomeie a seu gosto!

Criado nosso projeto vamos atrás de nosso Plugin.
Clique com o direito no ícone do seu projeto e vá até [Pligins Rails] e na janela que se abrir clique na aba [Repositórios]

Logo após aperte o botão [Adicionar URL] e coloque a URL do repositório do YM4R

http://ym4r.rubyforge.org/svn/ym4r/Plugins/GM/trunk
[OK]

Agora vá até a Aba [Novos Pligins] espere os plugins carregarem então escolha o nosso YM4R

E aperte [Instalar]

Após baixar e instalar o Plugin Aperte [Fechar] e [Fechar].

Ou utilize na linha de comando apenas:

(Obrigado pela dica Eduardo)

ruby script/plugin install svn://rubyforge.org/var/svn/ym4r/Plugins/GM/trunk/ym4r_gm

Agora vamos criar o banco se não nossa aplicação não vai funfar.

Clique com o direito no seu projeto

Executar Tarefa Rake -> db -> create

Vou criar um Scaffold com algumas informações relevantes, Clique com o direito no Projeto e na opção [Gerar]

No Campo NOME DO MODELO digite:

mapa nome:string longitude:string latitude:string

Antes de Qualquer coisa vamos aplicar as migrates

Clique com o botão direito no seu projeto e

Migrar bando de dados -> Para a versão XXXXXXXXXXX – CreateMapas

Saída:
== 20080725214621 CreateMapas: migrating ======================================
— create_table(:mapas)
-> 0.0183s
== 20080725214621 CreateMapas: migrated (0.0187s) =============================

Vamos testar. Basta apenas apertar F6

Ok, Tudo pronto vamos aos mapas.

Na pasta Configuração você encontra o arquivo chamado onde você irá colocar sua chave do Google Maps. Em modo de desenvolvimento isso ainda não é necessário, mas quando formos colocá-lo em produção iremos dizer como realizar esse procedimento

Precisamos agora carregar os Java Scripts do Google Maps para nossa aplicação, vamos ao : /app/views/layouts/mapas.html.erb

Adicionamos as linhas, entre as tags Heads:

   <%= GMap.header %> e <%= javascript_include_tag 'ym4r-gm'    %>

Após isso vamos ao nosso controller.

/app/controllers/mapas_controller.rb

Até A Parte 2
Abraços!

Web Service com NetBean Tutorial On-line – Parte 4 ( Final )

Posted On 18 julho, 2008

Filed under Tutoriais
Tags: , , ,

Comments Dropped leave a response

Olá Leitores
Desculpem pela demora na ultima parte, mas em fim vamos ao trabalho

Após Criar o Cliente vamos criar o Servlet

File -> New File -> Web -> Servlet

NEXT >

Dê um nome ao seu Servlet [MyWsServlet] e Escolha o pacote que irá conte-la[wspkg] finalize

Agora Vamos colocar nossa operação no Servlet.
Destro do código do arquivo: MyWsServlet , Procure pelo Metodo “protected void processRequest” e descomente o Código que está dentro dele, ou adicione outro código HTML dentro da função out.Println.

Após Feito isso clique com o direito logo abaixo do código vá ate a opção:
Web Service Client Resources->Call Web Service Operation

Feito Isso navegue a ate a Operação desejada, no nosso caso, a nossa única, Soma

E Aperte [OK]

Nesse momento um código irá aparecer baixo de seu HTML, agora você irá coloca-lo entre as tags <“body”>;<“/body”> . assim:

Seu Código está pronto para Execução Tecle CTRL+F6, irá aparecer uma mensagem requerendo o Servlet Execution URI, pressione [OK] .

Pronto!

Bem gente chegamos ao fim de mais um de nossos tutoriais (Finalmente neh? XD)
o codigo desse tutorial eu perdi em algum lugar depois eu procuro, mas não vou deixar vocês na mão vou dar o codigo do meu trabalho final, ficou uma porcaria mas eu gostei 🙂

Abraços e comentem!

Como registar e Ativar sua Conta na EuroBattle para Jogar DotA OnLine

Fala ai Galera. Nos Ultimos Posts eu falei quais os aplicativos você deve baixar para jogar Dota e WarCraft Online, Mas muitas pessoas ficaram com duvidas sobre como criar uma conta na EuroBattle. então vamos lá! Primeira Coisa é fazer seu Registro basta ir ao link Registrar Conta Na EuroBattle como indicado na figura abaixo.

Insira os dados de sua conta, nome de usuario(Seu Nick na BattleNet) senha(Senha para acessar a battleNet) e seu email(tem que ser valido pois irão enviar um email de confirmação) Como dito antes o site irá enviar um email de confirmação.

Basta apenas clica no link para que sua conta seja criada. Agora a parte que muita gente empaca, a ativação da conta, na EuroBattle você deve ativar sua conta pelo menos uma vez por mês(Pelo menos é isso que eles dizem eu passei um pouco mais e eles não desativaram, mas é melhor não arriscar 🙂 ). Clique aqui para ativar sua conta Bom irá abrir uma pagina da EuroBattle. Role a barra de rolagem até o fim e irá aparecer um contador, que vai de 30.0 ate 0.0.

* No FireFox 2.0 o contador pode não funcionar.

* No Firefox 3.0 aqui funcionou de boa

* No Internet Explore apartir da versão 6.0 funcionou aqui. Após o contador Zerar irá aparecer um botão assim:

Clique nela e você será levado a essa pagina:

Aqui você irá colocar o mesmo Login e senha que você registrou. lembre-se de fazer esse procedimento pelo menos uma vez por Mês.

Pronto Sua conta pode ser usanda para acessar o BattleNet

Salvem os Desenvolvedores

Posted On 4 julho, 2008

Filed under Dicas
Tags: , , , ,

Comments Dropped leave a response

Entrando na campanha…

A incompatibilidade de alguns browsers acabam comprometendo a eficárcia e a produtividade dos desenvolvedores então galere utilizem sempre os browsers atuais é bom pra gente mas é melhor ainda para você!

Save The Developers
Save A Developer. Upgrade Your Browser.
Internet Explorer 7 Download Site

  • Melhor de Segurança
  • Melhor Interface
  • Navegador com Abas
  • Bloqueia popup

Download

Mozilla Firefox Download Site

  • Melhor Segurança
  • Plugins personalizáveis
  • Navegação com Abas

Download

Safari Download Site

  • Improved Security
  • Enhanced JavaScript Functionality
  • Tabbed Browsing

Download

Opera Download Site

  • Improved Security
  • Customizable
  • Tabbed Browsing
  • Popular on Mobile Devices

Como Utilizar o Debug do Netbeans 6.1 para Ruby e Java

Posted On 3 julho, 2008

Filed under Tutoriais
Tags: , , , , ,

Comments Dropped 15 responses

Olá Meus Queridos Leitores.

Hoje vou falar de uma coisa que para maioria é besteira, mas para mim não foi. Sempre programei bastante no NetBeans e nunca antes havia debugado meu codigo. eu não fazia a minima ideia de como funcionava nele, o unico compilador que eu havia feito isso foi no Turbo-C 😛 .

Procurei no Google e nenhum site/forum/blog havia sanado minha duvida então com muita insistência acabei descobrindo como e vim compartilhar com vocês.

Meu Exemplo é em Ruby, mas foi testado com java tambem e acho que é compatível com qualquer linguagem que suporte debug no NetBeans.

Vamos lá Primeiro abrir nosso NetBeans e criar nosso codigo de exemplo.

File->New project->Ruby->Aplicativo Ruby

E criamos o seguinte codigo:

#Projeto_1 : Vetores
vet1 = [0,2,4,6,8]
vet2 = [1,3,5,7,9]
vetF = []
k=0
for i in (05)
vetF[k] = vet1[i]
k=k+1
vetF[k] = vet2[i]
k=k+1
end
puts vetF #{vetF}

Vamos ver como nosso codigo está funcionando.
Esse Codigo faz a seguinte tarefa. ele intercala dois vetores (vet1 e vet2 ) em um terceiro (vetf), de modo que vet1 possui numeros pares e vet2 numeros impares e vamos uni-los em um realizando a sequência correta.

Primiero vamos Instalar o Ruby(no meu caso ainda não tinha instalado) ou se for usar o java o netbeans jpa vem por padrão.

vá em Tools -> Plugins e procure o componente Ruby and Rails e instale-o

Bom Após nosso Ruby Instalado vamos ao nosso Debug primeiro defina os Break-Points.
Esse BreakPoints são os locais onde nosso interpretador deve para para que possamos analisar nossas variáveis.
basta clica na a linha do lado de cada linha que você deseja parar.

Depois que definimos os Breaks-Points vamos então executar nosso programa em modo Debug
Aperte o botão de debug(ou apenas Ctrl+F5)

Bom e agora cad minhas variaveis, você pode vela-as apenas passando o mouse por cima delas mais eu prefiro usar os Watches(Observadores) Selecione uma variável, clique com o direito e NEW WATCHE, ou simplesmente Ctrl+Shift+F7 e nessa janelinhas em baixo vai aparecer suas variáveis com seus respectivos conteúdos (caso não aparece tecle Alt+Shift+2)

Após você iniciar o Debug uma linha verde no meio das vermelhas(break Points) irá aparecer essa é a linha em que o compilador esta nesse exato momento.

Bom, mas iai… nosso codigo parou… hehe do lado do botão de executar o debug apareceu novos botões, entre eles o Continue(F5) clique nele. e o interpretador irá para a próxima linha.

Hum Olhe ai nossa variável como o seu conteúdo.

Após alguns passos (Steps)[F5] e a progressiva alteração do nosso Vetor Final (vetf) ele fica assim, e tudo assistido passo a passo por nós.

Bom está ai. uma mão na roda quando você trabalha com grande estrutura de dados que te deixam loucos quando você não acha o bendito erro, como uma variável nula que você não sabe de onde vem pelo dabug você a encontra facilmente e acaba com ela.

espero que esse post seja útil para alguém, se sim deixe comentario o feedback é nosso incentivo para cada vez melhorar mais e produzir mais. se encontrou alguma duvida coloque ai e vamos tentar sana-la e melhorar nosso Tutorial.

Obrigado!

Hospedando imagem e Animações em flash (swf) para Orkut

Posted On 2 julho, 2008

Filed under Dicas
Tags: , , , , , ,

Comments Dropped 12 responses

Olá Amigos Leitores.

Bom um colega meu hoje me perguntou se eu conhecia algum site que hospede animações em flash, os famosos SWF’s.

Bom eu havia passado pelo mesmo problema ontem, utilizava um, que aliasd era muito bom, o SWFUP que infelizmente saiu do ar. Eu estava ajudando uma amiga que queria colocar o convite de seu aniversario. eu ,como sempre, resolvi fazer um pouco mais, vou fazer um cartão animado para colocar no orkut. fiz o bendito cartão, mas quando fui hospedar o site não mais existia. então passei por varios outros ate encontrar o ImageShack.

ImageShack  logo

Ele chega a ser melhor que o SWFUP em muitos aspectos vale apena conferir.

Joguinho Viciante

Posted On 2 julho, 2008

Filed under Jogos
Tags: , ,

Comments Dropped one response

heheh Roubando um Post do meu amigo Guilherme… mas foi impossivel resistir fui jogar isso só pra ver do que ele estava falando e pronto viciado.

Vale apena conferir, se você não tem nada pra fazer…

Basta Clicar na Imagem para ir para o site do Jogo

null

Realizando o Downgrade do Warcraft 3 para DotA – Versão 1.0.7

Posted On 1 julho, 2008

Filed under Jogos, Tutoriais
Tags: , , , ,

Comments Dropped 6 responses

Ai gelera no meu ultimo post eu falei para, caso não conseguisse aplicar o patche, fazer o donwgrade
o downgrade é o retocesso de versão do 1.21 para o 1.0.7 .

Isso é necessario quando acontecer de no momento de instalar o patch aparecer a seguinte mensagem


" This patch dows not need to be applied to the game. The version of the game you have installed is more up to date than patch.

File name: (seu endereço)\War3.exe
File version: 1.21.0.6263
Patch version: 1.21.0.6263 “

Bom para fazer o DownGrade é só baixar o arquivo War3.exe e WorldEdit.exe originais nesse link

BAIXAR

Web Service com NetBean Tutorial On-line – Parte 3

Posted On 1 julho, 2008

Filed under Tutoriais
Tags: , , ,

Comments Dropped 2 responses

Ola galera vamos ao penultimo capitulo de nosso tutorial.

Testando a Operação no Web Service:

Bom, mas cadê minha soma?? Calma, isso era somente para testar o nosso Servidor, vamos agora testar nossa operação implementada:

Bom então vamos lá, volte ao NetBeans e para a Aba de projetos(Projects), vá até a pasta Web Services clique com o Direito em Seu Arquivo Servidor [MyWsServidor] e vá ate Test Web Service.

As vezes aparece essa mensagem mas o navegador abre, então ignorem 😛

Opa. Agora sim, Nossa Operação está ai, vamos testa-la. Vamos colocar 2, 3 e Apertar em Soma.

E Está ai nosso Resultado. 2+3 retorna um Interio “ 5”.

Distribuindo seu Web Service:

Voltando a Pagina Anterior temos na primeira linha depois do titulo:

“This form will allow you to test your web service implementation (WSDL File)”
Nesse WSDL File Esta o Link de Distribuição, o Cliente que irá consumir seu Web Service deve utiliza-lo. Clique com o direito e copiar link(no FireFox).

Consumindo Web Service:

Agora Vamos criar o cliente que irá utilizar o seu Web Service para fazer suas somas (XD).

File-> New File -> Web Service -> Web Service Client

NEXT >

Aqui você deve Selecionar a Opção WSDL URL e colar a Url que você pegou lá do WSDL File no seu Servidor, em nosso caso: http://localhost:8080/MyWebService/MyWsServidorService?WSDL
FINISH ]

Mais uma parte de nosso Tutorial emcerrada.
em breve a ultima parte desse turorial.
ate breve.