As novidades na interface principal do beta 2 é o suporte para aplicações “tabs”. Quando você converter uma guia normal em guia de aplicativo, selecionando com o botão direito do mouse, a guia vai encolher até o ícone do lado esquerdo da sua aba.

Mozilla está trabalhando para melhorar o desempenho de inicialização, rolagem e manipulação de padrões web do Navegador. As transições e transformações do CSS3 são suportadas na nova versão beta. Os usuários que querem testar o novo beta podem baixar no site da Mozilla.

Apesar das referências, as semelhanças entre os dois param por aí, pois no game o protagonista tem a aparência de um roqueiro num cenário gótico. O jogo da Capcom para Playstation foi lançado em 2001 e possui um enredo envolvente. O grafismo é considerado um dos melhores pela sua beleza, mas a grande atração é mesmo a jogabilidade. Se o game Tony Hawk’s Pro Skater foi eleito o primeiro jogo 3D apenas por parecer em três dimensões, esse realmente foi concebido em 3D. Assim, é possível jogar realizando várias tarefas, como pular, lutar, atirar etc. A personagem principal, Dante, ainda pode se transformar em demônio e, sem alterar os botões, usar vários outros poderes, como voar e soltar raios.

Atualmente, já há quatro versões de Devil May Cry. Na versão mais recente, lançada em 2008, já para computador, a personagem Nero vira um dos inimigos principais. Na sequência do primeiro game, o jovem Nero, metade humano e metade demônio, faz parte do grupo que adora Sparda. Este, além de ser o pai de Dante, destruiu o demônio Murdus. Dante mata o líder do grupo ao qual Nero pertence e este vai querer vingança.

Este ano, correram rumores de que uma quinta versão poderia estar sendo desenvolvida, embora a própria Capcom tivesse referido à revista PSM3 que não pretendia lançar outro jogo da série nos próximos dois anos. Mesmo assim, ficou a expectativa que a desenvolvedora anunciasse o quinto jogo da série na grande feira mundial de jogos, a E3.

A estrutura de Classes em JavaScript é a mesma que usamos em linguagens de programação como ASP ou PHP.

Nesse artigo você irá aprender a usar Classes com o uso da prototype. Vamos a definição do que é a prototype no JavaScript

prototype é um recurso do JavaScript (nesse caso não estou falando do Framework Prototype) que possibilita modificar uma Classe depois que ela foi criada.

Vamos criar uma classe chamada DadosPessoais e dentro dela colocar as variáveis “nome” e “telefone”;

-----------------------------------------------------
function DadosPessoais(){
 var nome;
 var telefone;
}
-----------------------------------------------------

Para dar inicio ao processo das funções dentro da classe usamos a prototype assim:

-----------------------------------------------------
DadosPessoais.prototype.campos = function(){
 this.nome = "Menu Nome";
 this.telefone = "(99) 9999-9999";
}

var obj = new DadosPessoais();
obj.campos();
-----------------------------------------------------

No final, criamos o objeto e chamamos ele…

O Script completo fica assim:

-----------------------------------------------------
<script language="javascript">
function DadosPessoais(){
 var nome;
 var telefone;

 DadosPessoais.prototype.campos = function(){
 this.nome = "Menu Nome";
 this.telefone = "(99) 9999-9999";
 }
}

var obj = new DadosPessoais();
obj.campos();
</script>

Nome: <script>document.write(obj.nome);</script><br>
Telefone: <script>document.write(obj.telefone);</script>

-----------------------------------------------------

Creio que ficou um bom entendimento para todos de como usar Classes no JavaScript usando o recurso prototype.

Abraços a todos.

Com a Internet, aumentou a utilização de ferramentas tecnológicas para a criação de ambiente online para realização de cursos, treinamentos corporativos, vídeoconferências entre outras atividades. No entanto, a escolha da melhor ferramenta entre as disponíveis no mercado demanda conhecimento, paciência e e análise complexa das reais capacidades da rede e das aplicações disponíveis.

Entre as ferramentas mais avançadas está o Adobe Connect, um sistema seguro e flexível de comunicação via Web que permite criar soluções empresariais de comunicação para treinamentos, marketing, conferência pela Internet e colaboração on-line.

A ENG DTP & Multimídia, pioneira em transferência em tecnologias, realiza, no dia 28 de julho, um workshop de apresentação sobre a utilização do Adobe Connect para os ambientes corporativos visando oferecer às empresas e profissionais de TI treinamento sobre como a ferramenta pode ser utilizada e como aproveitar melhor as suas avançadas funcionalidades. A atividade acontece das 10 às 12 horas na ENG São Paulo (Rua Martins 168, Butantã). As vagas são gratuitas e limitadas.

Mais informações e inscrições: http://www.eng.com.br/eventos

A série Tony Hawk’s Pro Skater já teve várias versões desde então, mas para a Edge, a segunda versão, lançada um ano depois da primeira, está entre os 100 melhores games do mundo. A popularidade de Tony Hawk 2 se deve, em parte, pelo seu grafismo, que já se assemelhava muito ao que hoje conhecemos por três dimensões. É, inclusive, considerado o primeiro jogo portátil em 3D. A interatividade é outro ponto forte do game de esporte, pois esta foi a primeira versão que possibilitou a criação de skatistas masculinos pelos jogadores. Apesar das possibilidades que o jogo na sua versão dois permitia, somente em versões posteriores os jogadores puderam criar skatistas do sexo feminino.

Além do console Playstation, o jogo também pode ser encontrado nas plataformas Dreamcast, GameCube, Nintendo 64, Game Boy Color e Game Boy Advance, Windows e Windows Mobile, Mac OS e Xbox 360, entretanto não é possível encontrar jogos online do Tony Hawk 2. Vários outros skatistas famosos já passaram pela série como personagens do game, inclusive o brasileiro Bob Burnquist, que fez presença em quase todas as versões já criadas.

O modelo vendeu tanto que, em abril desse ano, a Activison relançou o mesmo Tony Hawk’s Pro Skater 2 para iPhones. Segundo a MacMagazine, o novo lançamento manteve muitos dos recursos da versão original, adaptados para a interface touchscreen. A trilha sonora é composta de clássicos do rock, como nos jogos para Playstation, e os 12 skatistas originais da série, bem como as pistas com seus cenários, estarão nesta versão. O objetivo é atravessar todas as pistas, com seus obstáculos, e participar de competições. Conforme se ganham pontos, dá para conseguir dinheiro virtual e melhorar o desempenho com novos acessórios e manobras.

Antes de utilizar um array devemos declara-lo de maneira obrigatória, para isso utilizamos a palavra chave DIM, deste modo.

dim Array(50)

Despois da palavra DIM devemos indicar o nome do array e a seguir, entre parênteses, coloca-se o número de posição máxima do array, neste caso 50.

Os arrays começam desde a posição 0, ou seja, o primeiro elemento de um array está na posição 0. Portanto, se o array foi definido com 50 campos, como no exemplo, terá 51 elementos, primeira posição será a 0 e a última posição seria a 50.

Para atribuir um valor a um array se realiza igual que uma variável, porém acessando com o índice da posição que queremos escrever.

Array(0) = 128

Para utilizar o conteúdo de um array devemos faze-lo indicando o índice ao que se deseja acessar. Por exemplo, se quiséssemos imprimir na página a primeira posição de nosso Array o faríamos desta maneira.

document.write(Array(0))

Agora vamos ver um exemplo sobre como utilizar os arrays, onde vamos realizar dois percorridos, um para escrever nele e o outro para ler a informação e escreve-la na página.
dim matriz (10)
for i=0 to 10
matriz(i)=100 * i
next
for i=0 to 10
document.writeln(“Posicao ” & i & “: ” & matriz(i) & “
“)
next

Este exemplo escreveria na página as posições do array, que contém variáveis numéricas que correspondem de multiplicar seu índice por 100.
Bom agora, que vimos como funciona os arrays iremos partir para Arrays dinâmicos.

Aplicação de Objetos com Arrays Dinâmicos

Dentro de qualquer aplicação que eventualmente é necessário o uso de matrizes de dados. Nós precisamos encontrar os dados para o objetos, a fim de simplificar a lógica que vai ser de execução, bem como para tornar o código mais flexível e escalável. Usando uma classe que engloba uma série de objetos, que se mantém e matriz de objetos, descobrimos que a classe superior nos permite adquirir uma forma simplificada de classificar, filtrar e controlar os itens de dados, bem como os valores desses itens de dados.

Essas classes simplificada permitirá que alcance rapidamente e aprender a usar um array dinâmico que mantém uma matriz dinâmica de objetos (ambas as matrizes dinâmicas objetos que estão sendo eles mesmos).

A camada mais profunda da nossa estrutura é uma classe simples de todos os atributos que você pode precisar de realizar.

‘*********** class ***************
‘Classe valor do item
Class item_value_class
Private c_item_value
‘ handle value (let/get)
public property let value(byval data)
c_item_value = data
end property
public property get value()
value = c_item_value
end property
end class
‘******************************************

Observe que esta classe tem um atributo com duas propriedades para permitir a escrita e leitura para o atributo. Isto é normal e não é nada especial. Passamos agora para a próxima camada, onde encontramos a nossa primeira matriz dinâmica.

‘********* classe média ***********************
Class item_class
Private c_item
Private c_values() ‘ Matriz de todos os valores para o item
Private c_size ‘ max determina os valores possíveis para o item

‘ handle item (let/get)
public property let item(byval data)
c_item = data
end property
public property get item()
item = c_item
end property

‘*************************************************
‘************* metodos ***************************
‘*************************************************

‘*********** Event Handlers *************
Private Sub Class_Initialize()
Redim c_values(0)
Set c_values(0) = New item_value_class
c_size=0
End Sub
‘ matar todos os objetos em Adata e livrar memória
Private Sub Class_Terminate()
Dim x
for x=0 to ubound(c_values)
Set c_values(0) = nothing
next
c_size=0
erase c_values
End Sub
‘****************************************
Public Function getValue(iPos)
getValue = c_values(iPos).value
End Function

Public Function putValue(iPos,data)
if iPos>c_size then
Redim preserve c_values(iPos)
for x = c_size+1 to ubound(c_values)
set c_values(x)= New item_value_class
next
c_size=iPos
end if
c_values(iPos).value=cstr(data)

End Function

Public Property get numbervalues()
numbervalues=c_size
end property

Public property get allvalues()
allvalues=c_values
end property

Public property let allvalues(ByRef temp)
Dim x
Dim sizetochange
sizetochange=ubound(temp)
if sizetochange < c_size then
for x=sizetochange+1 to ubound(c_values)
set c_values(x)=nothing
next
Redim preserve c_values(sizetochange)
else
Redim preserve c_values(sizetochange)
for x = c_size+1 to ubound(c_values)
set c_values(x)= New item_value_class
next
end if
c_size=sizetochange
for x=0 to sizetochange
c_values(x).value = temp(x).value
next
end property
end class
'******************************************

Vemos a instanciação de uma matriz de objetos de valor a nossa classe. Observe sempre que adicionar um valor com o método putValue nossa matriz é automaticamente aumentado e instanciado. Há uma propriedade especial chamada de "allvalues" que cria um ponto de referência para a matriz que esta classe possui. Para todos os valores do GET propriedade retorna a referência para a matriz, enquanto o imóvel locado nos permite definir um outro array de objetos da nossa classe de valor igual a outro. As propriedades allvalues tornam-se importantes em nossa camada superior chamada de Dynamic_Object_Array_Class ".

'******** classe superior *********************
Class Dynamic_Object_Array_Class
'************** Properties **************
Private aData()
Private c_size
'****************************************

'*********** Event Handlers *************
Private Sub Class_Initialize()
Redim aData(0)
Set aData(0) = New item_class
c_size=0
c_numberlinks=1
End Sub
' matar todos os objetos em Adata e livrar memória
Private Sub Class_Terminate()
Dim x
for x=0 to ubound(aData)
Set aData(0) = nothing
next
c_size=0
erase aData
End Sub
'****************************************
Public Property Get allitems()
allitems = aData
end property

Public Property Get getsize()
getsize = c_size
end property

Public Function push()
c_size = c_size+1
Redim preserve aData(c_size)
set aData(c_size)= New item_class
push=c_size
End Function

Public Function pop(ipos)
Dim tempcount
pop=aData(ipos).item
if ipos < c_size then
for tempcount=ipos to (c_size – 1)
aData(tempcount).item = aData(tempcount+1).item
aData(tempcount).allvalues = aData(tempcount+1).allvalues
next
end if
set aData(c_size)= nothing
c_size = c_size-1
Redim preserve aData(c_size)
End Function’
End Class
'********** classe superior final ***************

A classe superior implementa um push-pop e um método para aumentar automaticamente ou diminuir o array de objetos da nossa classe de item que a classe superior detém. Observe que o método de classe anteriores allvalues é implementada no método pop na nossa class = mais alto. Agora que temos a nossa matriz dinâmica, devemos colocá-lo para uso. A maneira mais fácil de ver como ele funciona é a de armazenar alguns dados na matriz e em seguida, exibi-la novamente.

'******** Exemplo de código usando Array Dinâmico *****

<%
for y=0 to my_array.getsize
Response.Write "

”
for x=0 to my_array.allitems()(y).numbervalues
if my_array.allitems()(y).getValue(x)”" then
Response.Write “

”
end if
next
next
%>

‘********************************************

Depois de executar o nosso código de exemplo, devemos ver o seguinte em nosso navegador da Web:

‘******* Exemplo de Output *********************

Item: Olá
Item: TRUE FALSE
Value: yes
Value: no
Item: Seu Nome
Item: Outro Item
Item: Lugar em Concurso
Value: Terceiro
Value: segundo
Value: Primeiro
Item: Escolha o Hotel
Value: Nacional Inn
Value: Ibis

‘********* end example output ****************

Resumo

Arrays dinâmicos de objetos que contêm matrizes dinâmicas dos objetos nos permitem criar a estrutura que precisamos de uma forma simplificada e reutilizáveis. Nossas matrizes também serão auxiliadas na classificação, filtragem e manipulação de dados. Apesar de eu não ter incluído o código de exemplo para a classificação e filtragem, uma vez que você entender como funcionam as classes, gerando a classificação e os métodos de filtragem é bastante fácil.
Podemos ainda, Redimensionar arrays
Este tipo de arrays redimensionais se chama array dinâmico. Para criar este tipo de arrays podemos utilizar a sentença dim (como criávamos os anteriores) ou a sentença redim, com a particularidade que não lhe colocamos nenhum valor entre parênteses onde antes indicávamos o número de campos do array.

dim meu_array()
redim meu_outro_array()

Quando usamos arrays dinâmicos podemos utilizar a sentença redim para indicar o número de dimensões e a quantidade de campos de cada dimensão.

Com esta sentença estamos indicando que meu_array deve ter o tamanho 10. Campos desde 0 até a 10.

redim meu_array(10)

Se indicamos a chave “preserve” estamos garantindo que o conteúdo dos campos que havia previamente no array se mantém.

redim preserve meu_array(20)

Por último, se em qualquer momento reduzimos o número de campos perderemos o que possa ter sido salvo nos campos que se eliminaram.

No seguinte exemplo criamos um array dinâmico e o redimensionamos inicialmente a tamanho 3. Preenchemos e mostramos seus distintos valores. Posteriormente o redimensionamos outra vez para que chegue até a posição 7, salvando os valores antigos. Para acabar preenchendo os campos que criamos novos e mostramos todos os valores do array.

dim frutas()
redim frutas(3)

frutas(0) = “Pêra”
frutas(1) = “Uva”
frutas(2) = “Maçã”
frutas(3) = “Melão”

for each fruta in frutas
document.write fruta & “
”
next

redim preserve frutas(7)

frutas(4) = “Melancia”
frutas(5) = “Laranja”
frutas(6) = “Banana”
frutas(7) = “Tangerina”

for each fruta in frutas
document.write fruta & “
”
next

Para saber o número de campos de um array

Um dos dados típicos que necessitamos extrair de um array é seu número de posições, útil, por exemplo, para fazer um percorrido a um array, desde a primeira até o último campo. Para isso, utilizamos a função uBound() de VBScript. A função UBound permite descobrir o que o membro da matriz superior é definida. Isto torna mais fácil o loop para percorrer um array do início ao fim.

Digamos que você usa a função split para analisar uma string em um array. Então você:
Dim ListaArray

SentStr = ” Oitenta e sete anos atrás nossos pais trouxeram ”
ListaArray = split(SentStr, ” “)

Agora você tem uma matriz listarray que pretende percorrer, mas você não sabe até onde ir. Como saber quando você tiver chegado ao final do array ?

A resposta é a função UBound. ubound dá-lhe o membro superior matriz de uma matriz. Neste caso, a matriz tem 10 palavras na mesma. O arrays começam sempre a numeração em zero, significa que essa matriz pontos de 0 a 9 são tomadas. Se você fizer
ubound(ListArray)

O resultado é 9.

Você pode então fazer um loop através dos membros, que operam em cada um .

for loopctr = 0 to ubound(ListaArray)
response.write ListaArray(loopctr)
next

Outro Exemplo:

dim paises (4)
response.write ubound (paises)
Escreveria na página o número do campo mais alto do array paises, neste caso 4.
Ademais, se por acaso algum dia necessitamos, também temos a nossa disposição a função lBound(), que devolve o número da posição com índice menor do array.
response.write lbound (paises)

A última linha sobre nosso array de paises definido anteriormente escreveria um 0 na página web, visto que o array começa na posição zero.

Arrays multidimensionais

Podem-se construir matrizes multidimensionais, ou seja, que nos permitam criar matrizes de várias coordenadas. Para trabalhar com eles utiliza-se uma vírgula que separa os dois índices. Por exemplo, podemos definir uma matriz de 10×10 desta maneira.

dim Array2Dimensoes (9,9)

Como o array é de 10 campos, utilizamos um 9 e suas posições serão as 10 que vão desde o 0 ao 9. Para escrever e ler do Array podemos utilizar a vírgula de maneira similar a como se declara. Por exemplo, para colocar dados na posição 0,4 faríamos o seguinte:

Array2Dimensoes (0,4) = “texto posicao 0,4″

Abaixo, temo um exemplo de como armazenar o conteúdo do vetor em uma session, muito usada pelo pessoal de e-commerce para carrinhos de compras.

<%
"A função abaixo é generica e pode ser utilizada como um arquivo include
Function VetorMonta(Acao,Valor)
"Usamos o case para manipular a ação da função
Select Case Trim(Acao)
"Inclui nova posicao ao vetor
Case "Incluir"
"Guarda na variavel Vetor o conteudo da Session
Vetor = Session("GuardaVetor")
"Verifica se a Variavel Vetor é um Array, caso nao for entao definimos ela um Array
If Not IsArray(Vetor) Then Vetor = Array() End if
"Verifica se o Valor que esta sendo inserido já esta no Vetor se estiver entao nao inseri para nao haver duplicidades do vetor
If InStr(Join(Vetor), Valor) = 0 Then
"Este comando ira preservar o vetor e adciona + 1 valor
ReDim preserve Vetor(UBound(Vetor)+1)
"Este é o valor que estamos adicionando no vetor
Vetor(Ubound(Vetor )) = Valor
"Coloca o conteudo da variavel vetor dentro da Session
Session("GuardaVetor") = Vetor
End if
"Apaga uma determinada posicao do vetor
Case "Excluir"
"Inicia a varivel vetor como vazia
Vetor = Array()
"Criamos uma nova variavel Auxiliar e guardamos o valor da Session
AuxVetor = Session("GuardaVetor")
"Definine a Session como um Array vazio
Session("GuardaVetor") = Array()
"Faz um laço em todas as posições do vetor
For i = 0 To Ubound(AuxVetor)
"Verifica se o valor passado para excluir do vetor é diferente do valor que esta dentro da variavel Auxiliar
If AuxVetor(i) (Valor) Then
“Este comando ira preservar o vetor e adciona + 1 valor
ReDim preserve Vetor (UBound(Vetor)+1)
“Este é o valor que estamos adicionando no vetor
Vetor (Ubound(Vetor)) = AuxVetor(i)
“Coloca o conteudo da variavel vetor dentro da Session
Session(“GuardaVetor”) = Vetor
End If
Next
“Fim do Case
End Select
End Function
Function Incluir_Vetor
“Executa a função que ira criar uma posição do vetor, basta passar a acao e o valor
Call VetorMonta(“Incluir”,Replace(Request(“Valor_Vetor”),”"”,”"))
End Function
Function Excluir_Vetor(Valor_Vetor)
“Executa a função que ira deletar uma posição do vetor, basra passar a acao e o valor
Call VetorMonta(“Excluir”,Valor_Vetor)
End Function
Function VisualizaValoresVetor
“Veriofica se a Session é um array, caso nao for então atribuimos a Session como um Array
IF Not IsArray(session(“GuardaVetor”)) Then session(“GuardaVetor”) = Array() End if
“Faremos um laço entre todos os vetores criados
For x = 0 To ubound(session(“GuardaVetor”)) “ira fazer um laço mostrando todos os vetores criados
“Mostra os valores armazenados na Session e adiciona um link para apagar a posição do vetor caso queira
Response.Write session(“GuardaVetor”)(x) & “(Apagar)” & “
”
Next
“Verifica se a Session tem alguma posição, se tiver mostra a opção de apagar todos os vetores
If ubound(session(“GuardaVetor”)) >= 0 Then
Response.Write “
” &”Apagar Tudo” & “
” “Imprime o Vetor na tela
End if
End Function
Function LimpaVetor
“Limpa todas as posiçoes do vetor, apagando a Session
session(“GuardaVetor”) = Empty
End Function
“USAMOS CASES PARA MANUPULARAS CHAMADAS DAS FUNÇÕES
useraction=request(“action”)
select case useraction
Case “Incluir_Vetor”
“Chama a function que ira incluir um valor para o vetor
Call Incluir_Vetor
Case “Excluir_Vetor”
“Chama a function que ira excluir um valor para o vetor
Call Excluir_Vetor(Request(“Valor_Vetor”))
Case “LimpaVetor”
“Chama a function que apagar todas as posições do vetor
Call LimpaVetor
End Select
%>

A produção de um projeto digital

Produzir um projeto digital seja ele sites, portais ou sistemas em nuvem não é tarefa das mais fácies. É necessário conhecimento do produto do seu cliente, criatividade e principalmente ousadia para transpor as barreiras do básico. É muito comum alguns empresários pensar que o investimento em projetos digitais é caro e que leva bastante tempo para concluí-lo, o que de fato assusta alguns clientes. Mas, é necessário esclarecer que o investimento não é caro, pelo contrário é bastante barato quando comparado a outras mídias como, por exemplo, a televisão, além de alcançar realmente o seu público-alvo e proporcionar ao cliente maior retorno, seja financeiro ou de presença marcante na Internet. Além disso, participar ativamente da rede com um WebSite agradável, interativo e expressivo garantem também ao investidor a possibilidade real de ampliar os seus negócios para além do Estado onde está situada a sede, para território nacional e internacional, aumentando tanto em vendas quanto em disseminação de sua marca. Pense nisso!

Melhore a Presença online da sua empresa

O ditado “Sua empresa deve está onde os seus clientes estão” nunca esteve tão na moda. Para que sua empresa alcance potenciais clientes e aumente as chances de vender é necessário que você esteja onde eles estão. Hoje em dia, seus clientes estão nas redes sociais, isso é fato.  Por isso é necessário que sua empresa também esteja. Mas, estar por estar de nada adianta se não tiver um objetivo traçado e um projeto em prática; a presença online de uma empresa se dá de diversas formas e uma delas é oferecendo ao público algo, não adianta bombardear a Time Line do seu cliente com promoções ou ofertas, se estas não forem pensadas exclusivamente para este fim.  Possuir uma equipe de profissionais ou terceirizar esse serviço com empresas e consultores especializados em elaborar projetos de marketing online é a saída para quem precisa estar online e não sabe como e por onde começar. Converse comigo @priscylladuarte.

Aceite o que o profissional tem a dizer

Não é raro presenciarmos alguns clientes em “quebra de braços” com diversos profissionais da área de publicidade digital, pelo fato de não entender ao certo como se dá o processo de desenvolvimento do projeto, alguns clientes tendem a menosprezar a capacidade técnica de alguns profissionais, o que de fato é bastante comum. Frases do tipo: Ah! Isso é facinho de fazer, basta copiar e colar, não é? Ou Isso até meu sobrinho faz, entre outras que escuto por aí, realmente são desalentadoras para nós, profissionais da web. Observo muito isso com os designers que trabalham comigo em alguns projetos, eles são os principais alvos de opiniões desencontradas de alguns clientes e não adianta tentar explicar que: A arte tem que ser assim por que esta em 1024, padrão dos sites na web, ou Olha não dá para deixar o site do tamanho do seu monitor, etc e tal! O que complica é que alguns empresários não faz o site para o cliente, e sim para eles próprios, e infelizmente esse pensamento é bastante difícil de desfazer.

Priscylla Duarte – Jornalista

@priscylladuarte

Você encontrará no site de extensões do Joomla! um módulo que é o tudo em um, o Easy Script.

Você pode utilizá-lo principalmente para javascripts Google: Adsense, Analitycs , Google Videos.
É possível também inserir código html.

Precisa inserir mais de um código? Sem problemas, basta copiar o módulo e inserir.

Prático e fácil!
Faça o download deste módulo, pois em um momento ou outro você vai precisar dele.

Até mais.
Edmar Ferreira
Diretor de Tecnologia da Agência Orbium
Otimização de sites

Abaixo está o link para você fazer o download pelo próprio site do MYSQL

http://www.mysql.com/downloads/connector/j/

vem um arquivo zipado com o jar que vamos usar dentro, se você quiser baixar o jar, coloquei ele para download, clique no link abaixo e baixe apenas o jar.

elzobrito.com/arquivos/blog/postjava/mysql-connector-java-5.0.8-bin.jar

Depois de fazer o download você precisa extrair o arquivo

Caso tenha baixado o zip diretamente do site do MYSQL, depois de extrair o arquivo cole na pasta:

C:\Program Files\Java\jdk1.6.0_16\jre\lib\ext

Bem agora vamos criar nosso banco de dados, vamos criar uma tabela simples com:

Código, nome, data de nascimento, telefone, email.

Então o código SQL fica assim:

CREATE TABLE `elzobrito1`.`cadastro` (
`cod` INT( 255 ) NOT NULL AUTO_INCREMENT PRIMARY KEY ,
`nome` VARCHAR( 255 ) NOT NULL ,
`dt_nasc` VARCHAR( 255 ) NOT NULL ,
`telefone` VARCHAR( 255 ) NOT NULL ,
`email` VARCHAR( 255 ) NOT NULL
) ENGINE = MYISAM

Pronto agora podemos nos preocupar com as classes Java : )

Vamos criar uma classe Amigo, com os mesmos campos que colocamos no banco de dados.

cod

public class Amigo {
    private int cod;
    private String nome;
    private String dt_nasc;
    private String telefone;
    private String email;

    public int getCod() {
        return cod;
    }

    public void setCod(int cod) {
        this.cod = cod;
    }

    public String getDt_nasc() {
        return dt_nasc;
    }

    public void setDt_nasc(String dt_nasc) {
        this.dt_nasc = dt_nasc;
    }

    public String getEmail() {
        return email;
    }

    public void setEmail(String email) {
        this.email = email;
    }

    public String getNome() {
        return nome;
    }

    public void setNome(String nome) {
        this.nome = nome;
    }

    public String getTelefone() {
        return telefone;
    }

    public void setTelefone(String telefone) {
        this.telefone = telefone;
    }

}

Pronto a classe Amigo está criada, precisamos criar uma classe para conversar com nosso banco de dados. A classe que vamos criar agora faz busca e inserção no banco de dados.

import java.util.*;
import java.sql.*;
import java.util.ArrayList;

public class ConectaBanco {

    private String url;
    private String login;
    private String senha;

    public ConectaBanco(String url, String login, String senha) {
        setUrl(url);
        setLogin(login);
        setSenha(senha);
    }

    public String getLogin() {
        return login;
    }

    public void setLogin(String login) {
        this.login = login;
    }

    public String getSenha() {
        return senha;
    }

    public void setSenha(String senha) {
        this.senha = senha;
    }

    public String getUrl() {
        return url;
    }

    public void setUrl(String url) {
        this.url = url;
    }

    public void insere(String s, String msg) {
        try {
            Class.forName("com.mysql.jdbc.Driver").newInstance();
            //System.out.println("\n Salvando URL: ...\n");
            try {
                Connection conn = DriverManager.getConnection(getUrl(),

getLogin(), getSenha());
                try {
                    String sql = s;
                    Statement stm = conn.createStatement();
                    try {
                        stm.executeUpdate(sql);
                        System.out.println(msg);
                    } catch (Exception ex) {
                        System.out.println("\nErro no resultset!\n" + ex);
                    }
                } catch (Exception ex) {
                    System.out.println("\nErro no statement!");
                }
            } catch (Exception ex) {
                System.out.println("\nErro no connection!");
            }
        } catch (Exception ex) {
            System.out.println("\nDriver nao pode ser carregado!");
        }

    }

    public ArrayList busca(String s) {
        ArrayList amigo = new ArrayList();
        Amigo a = new Amigo();
        try {
            Class.forName("com.mysql.jdbc.Driver").newInstance();
            //System.out.println("\n Salvando URL: ...\n");
            try {
                Connection conn = DriverManager.getConnection(getUrl(),

getLogin(), getSenha());
                try {
                    String sql = s;
                    Statement stm = conn.createStatement();
                    try {
                        ResultSet rs = stm.executeQuery(sql);
                        while (rs.next()) {
                            a.setCod(rs.getInt(1));
                            a.setNome(rs.getString(2));
                            a.setDt_nasc(rs.getString(3));
                            a.setTelefone(rs.getString(4));
                            a.setEmail(rs.getString(5));
                            amigo.add(a);
                        }
                        //System.out.println(rs.getInt(1));
                    } catch (Exception ex) {
                        System.out.println(ex);
                    }
                } catch (Exception ex) {
                    System.out.println("\nErro no statement!");
                }
            } catch (Exception ex) {
                System.out.println("\nErro no connection! " + ex);
            }
        } catch (Exception ex) {
            System.out.println("\nDriver nao pode ser carregado!");
        }
        return amigo;
    }
}

Agora vamos fazer o MAIN…

No MAIN vamos fazer um coisa bem simples apenas cadastrar e buscar um amigo no banco de dados.

import java.util.ArrayList;
import java.util.Scanner;

public class Main {

    public static void main(String[] args) {
        // TODO code application loSgic here
        Scanner ler  = new Scanner(System.in);
        ConectaBanco cb = new ConectaBanco("jdbc:mysql://URL",

 "LOGIN", "SENHA");

        int x=-1;
        while (x != 0) {
            System.out.println("Escolha uma opcao");
            System.out.println("1 - Cadastrar amigo");
            System.out.println("2 - Buscar Amigo");
            System.out.println("3 - Sair");
            x = Integer.parseInt(ler.nextLine());

            switch (x) {
                case 1: {
                    Amigo amigo = new Amigo();

                    System.out.println("Digite um nome:");
                    amigo.setNome(ler.nextLine());
                    System.out.println("Digite a data de nascimento:");
                    amigo.setDt_nasc(ler.nextLine());
                    System.out.println("Digite o Telefone:");
                    amigo.setTelefone(ler.nextLine());
                    System.out.println("Digite o E-mail:");
                    amigo.setEmail(ler.nextLine());

                    cb.insere("INSERT INTO

nome_do_banco_de_dados.nome_da_tabela VALUES

(NULL , '" + amigo.getNome() + "', '" + amigo.getDt_nasc() +

 "', '" + amigo.getTelefone() + "', '" + amigo.getEmail() + "');

", "Amigo gravado corretamente...");
                    break;
                }
                case 2: {
                    ArrayList a = new ArrayList();
                    System.out.println("Digite o nome do seu amigo

para procura:");
                    String nome = ler.nextLine();
                    a =  cb.busca("SELECT * FROM

nome_do_banco_de_dados.nome_da_tabelao WHERE nome

LIKE '%" + nome + "%';");
                    if (a.size()>0){
                        a.get(0).show(a);
                    }
                    else{
                        System.out.println("nao achamdos seu amigo   ");
                    }

                    break;
                }
                case 3: {
                    x=0;
                }
            }

        }
    }

}

Pronto nosso programa já esta funcionando

heheheh

1 – Criar banco de dados
Acesse o painel de controle do seu domínio (Cpanel, Plesk) e crie um banco de dados MySQL. Crie também um usuário e associe este usuário ao banco de dados atribuindo todos privilégios.

2 – Faça o Upload do template Joomla! para o servidor
Você pode utilizar um programa de FTP para enviar o arquivo ou até mesmo o Gerenciador de Arquivos existente no painel de controle do domínio. Assim que terminar o upload, descompacte o arquivo.
Quando o arquivo é descompactado todos arquivos e diretórios aparecerão no local especificado (este local pode ser a pasta raíz como o public_html ou www ou até mesmo um diretório qualquer do seu domínio.

3 – Acesse o seu dominio
No momento que você acessar o seu domínio o arquivo index.php é solicitado e a instalação se iniciará.
Observação: Se por acaso você já possuir um arquivo index.html ou index.htm o index.php não será executado. Se for o caso renomei o index para outro nome qualquer ou digite o indes.php logo depois do seu domínio.

4 – A instalação se inicia passo-a-passo.
No momento da configuração do servidor é onde você deverá digitar as informações do banco de dados, do usuário que você criou e a senha:
DataBase: MySQL
HostName: localhost
username: usuario que você criou (no CPANEL o usuário esta associado ao usuário do proprio painel de controle, ou seja se seu usuário para acesso ao CPANEL é “agencia” o banco de dados e usuario que você criou ganham o prefixo “agencia_”
É normalmente nesta fase que alguns iniciantes do Joomla! tem alguma dificuldade. Caso não forneça os dados corretos o instalador do Joomla indicará que não conseguiu acessar o banco de dados. Se este foi o seu caso então reveja passo-a-passo o procedimento de instalação.
No momento que concluir a instalação o instalador informará que é necessário apagar a pasta “installations”. Faça isso utilizando algum programa de ftp ou através do Gerenciador de Arquivos do painel de controle.

5 – Pronto! Atualize seu browser e seu site estará no ar.

É importante personalizar o seu template, assim você evita de encontrar outro site por ai igual ao seu! Principalmente se estiver instalando um template para um cliente.

Por enquanto é só!
Senhores foi um prazer!
Até mais.
Edmar Ferreira
Diretor de Tecnologia
Otimização de Sites