by Luiz Paulo
| agosto 5, 2009
| 1 Comment »
Sempre quis fazer algum joguinho em javascript, então, resolvi fazer um Jogo da Velha, pois é relativamente simples.
Já havia feito um jogo da velha e um quebra cabeça em flash, mas não tem a mesma graça que em Javascript. hehe
Veja o jogo da velha aqui
Esse joguinho foi feito em jQuery está bem completo.
Com possibilidades de jogar sozinho ou contra o computador.
A inteligência do jogo está dividida em 3 níveis:
Fácil: Nesse nível o computador apenas joga na próxima casa (em ordem crescente).
Médio: No nível médio o computador joga aleatoriamente e bloqueia fechamento de jogos (quando estamos a uma jogada de ganhar o jogo).
Difícil: O difícil utiliza um algoritmo mais complexo com verificações de melhores jogadas, estratégias e etc.
Espero que gostem 
Meu objetivo é continuar fazendo jogos, nos próximos farei em Canvas. Mais para refinar a tecnologia, hehe
Talvez até refaça o Jogo da velha nessa tecnologia.
O objetivo principal é fazer um xadrez, mas esse levará bastante tempo.
Categorias: Desenvolvimento web, JavaScript, Jogo
Tags: , exemplo, game, javascript, Jogo, jquery
by Luiz Paulo
| setembro 26, 2008
| 5 Comments »
A internacionalização é um diferencial para qualquer projeto, independente da linguagem que você utilize. É importante que você saiba alguma técnica para essa funcionalidade.
Desenvolver sistemas web com JAVA se torna bem simples se bem feito, mais simples ainda quando utilizamos bibliotecas como o JSTL. Vamos ver como é simples criar um sistema web com internacionalização em JAVA.
Nesse tutorial veremos como trabalhar com internacionalização em sistemas web utilizando JSP e a biblioteca JSTL.
Vamos direto para a prática!
Utilizaremos o Eclipse como API para desenvolvimento JAVA, partindo de um projeto web já criado.
Primeiro passo
Antes de começar a escrever código, você precisa baixar a biblioteca JSTL. Utilizaremos os pacotes standard.jar e jstl.jar.
Copie as duas bibliotecas para o diretório /WebContent/WEB-INF/lib/ ou para o diretório de libs do JAKARTA, para que sejam enxergadas pelo seu projeto.
Segundo passo
Vamos criar os arquivos de tokens.
Devemos definir o pacote para os arquivos. No nosso caso vamos colocar em:
com.lppjunior.blog.controller.messages
Criaremos 2 arquivos de tokens dentro desse pacote:
messages_pt.properties
My_first_test=Meu primeiro teste
Hello_World=<h1>Olá Mundo</h1>
messages_en.properties
My_first_test=My first test
Hello_World=<h1>Hello World</h1>
O arquivo de token é formado por TOKEN_NAME=VALUE sempre!
Não utilize espaço, acento ou qualquer caractere no TOKEN_NAME, e não utilize quebra de linha no VALUE, quando precisar desse tipo de recurso, utilize \n ou a tag br no caso de HTML.
Perceba no exemplo acima que coloquei tags HTML no Hello_World para ilustrar a possibilidade, mas o ideal é utilizarmos as tags no próprio código HTML.
Terceiro passo
Vamos criar um HTML bem simples já com as tags e as chamadas para as tokens.
Veja o exemplo:
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<fmt:setLocale value="pt" />
<fmt:setBundle basename="com.lppjunior.blog.controller.messages.messages" />
<html>
<head>
<title><fmt:message key="Internacionalization_test" /></title>
</head>
<body>
<fmt:message key="My_first_test" />
<fmt:message key="Hello_World" />
<hr />
<fmt:message key="Test_undefined_token" />
</body>
</html>
Definições:
- Primeiro importamos a tagLib "fmt" para utilização do recurso de internacionalização;
- Configuramos a linguagem que desejamos utilizar (nesse caso "pt" Português);
- Configuramos a localização dos arquivos de tokens (repare quem além do pacote, precisamos colocar o início do nome do arquivo "messages" - O JSTL concatena [bundle + "_" + locale] para achar o arquivo);
- Utilizamos a tag "fmt:message" para retornar o conteúdo das tokens.
Resultado final:
<html>
<head>
<title>Meu primeiro teste</title>
</head>
<body>
<h1>Olá Mundo</h1>
<hr />
???Test_undefined_token???
</body>
</html>
Repare que deu um erro na token "???Test_undefined_token??? ". Isso aconteceu, pois a token "Test_undefined_token" não foi definida em nosso arquivo "messages_pt.properties", para resolver o problema basta defini-la.
Baixe aqui o projeto
É importante dizer que essa é uma das formas mais simples de criar a internacionalização. Em um projeto real, você pode isolar e definir as configurações dinamicamente, para que sejam reaproveitadas por todo o projeto.
Existe uma outra forma para configurar o JSTL para internacionalização, utilizando o web.xml, mas não achei necessário citar nesse tutorial.
Categorias: Desenvolvimento web, Java, Linguagens
Tags: , exemplo, internacionalização, java, jstl, tutorial
