Juliano Sales

Mudança de Blog

2013-01-07T14:36:00.000-08:00

Boa Noite Pessoal, quero informar que estou com um site sobre desenvolvimento, para post mais recentes basta acessar o link juliano-sales.net obrigado pela visita.

Java Script Variável Global

2012-11-06T07:08:00.002-08:00

Quem nunca sofreu usando uma variável java script que era global e não sabíamos e por causa desse pequeno descuido ficamos horas e horas procurando o erro.
Abaixo tem um simples modelo que pode nos ajudar no nosso dia a dia.

//Variavel Global

MinhaAplicacao =
{
Nome:"Juliano",
SobreNome:"Sales"
}

//Utilizando ela dentro de um objeto

var Pessoa = {
getNome:function(){
return MinhaAplicacao.Nome;
},
getSobreNome:function(){
return MinhaAplicacao.SobreNome;
}
}

//Escrevendo e chamando nosso objeto
document.writeln(Pessoa.getNome())

document.writeln(Pessoa.SobreNome())

Jquery + Asp.net MVC – Parte 1

2012-05-26T15:03:00.002-07:00

Depois de ficar algum tempo sem publicar artigos resolvi fazer um série de artigos sobre Jquery + Asp.net MVC, para mostrar como que podemos usar essa poderosas ferramentas no nosso dia a dia.

Por que vamos usar Jquery ?

E uma excelente biblioteca Java Script rápida que podemos manipular o documento HTML, com essa biblioteca podemos criar animações, manipular eventos e fazer grandes interações AJAX .

Por que Asp.net MVC ?

Precisamos controlar bem o HTML , precisamos usar um excelente padrão de projeto que separe bem as camadas,precisamos trabalhar com uma ferramenta que seja realmente focada para web “desculpa webforms”.

1 – Objetivo do artigo e ensinar a fazer requisições Ajax utilizando Jquery + Asp.net MVC

No jquery temos varias maneira de fazer requisições Ajax, abaixo vou listar as mais conhecidas, lembrando que no endereço http://api.jquery.com/category/ajax/, podemos descobrir toda as características de cada método

1 - $.post

2 – $.get

3 - $.getJson

4 - $.ajax

5 - $.load

Para começarmos o tutorial precisamos ter a seguinte configuração no Visual Studio e uma pequena visão parcial no padrão de Projeto MVC .

Visual Studio: Frame work.4.0,Asp.net MVC 3, caso o seu Visual Studio não tenha o MVC3 podemos instalar a partir desse link http://www.microsoft.com/web/gallery/install.aspx?appid=VWDorVS2010SP1Pack

Padrão de Projeto MVC : http://pt.wikipedia.org/wiki/MVC, http://msdn.microsoft.com/en-us/library/dd381412(VS.98).aspx

1 – Inicie o visual Studio, clique em File > New Project > nome do projeto > clique no botão ok > Empty > clique no botão ok

2 – Como nos estamos criamos um projeto a partir do zero temos que criar um Controller e depois criar um View. Clique com o botão direito do mouse sobre a pasta Controllers > add > Controller > nome do Controle >clique no botão Add.

Depois que criamos o controle precisamos criar uma View para esse controle, clique com o botão direito do mouse sobre o nome da ActionResult e clique na opção Add View, depois clique em Add.

Na aba do Solution Explorer note que o visual Studio criou o seguinte estrutura na Views/Cadastro/Index.cshtml

3 – Na Index.cshtml vamos criar um formulário básico com os seguintes campos nome,e-mail e um botão com o value enviar dados, e vamos criar uma div abaixo do botão, assim que o usuário clicar no botão enviar dados vamos processar as informações no servidor e vamos devolver o resultado do processamento dentro da div.

4 – Agora precisamos adicionar a biblioteca jquery na página, na Solution Explorer acesse a pasta Scripts arraste o arquivo jquery-1.6.2.js antes da tag <h2> da página . Uma vez adicionado à biblioteca podemos escrever nosso código Java Script.

No exemplo abaixo estamos usando o método $.ajax , dentro do método podemos definir como vai ser o tipo da submissão dos dados através da opção type, e também podemos apontar quem vai receber esses dados através da opção url, na opção data estamos passando os valores do formulário, na opção sucess como o nome já diz sucesso, depois de processar no servidor ele retornara o nome e o e-mail que o usuário preencheu , depois jogamos a variável data dentro do atributo HTML , ou seja a nossa div resultado vai receber as informações processada pelo servidor

//Preparando a nossa função

$(document).ready(function () {

//Quando o Botão "btnCadastrar" for clicado

$("#btnCadastrar").click(function () {

$.ajax({

type:'POST',

url: '/Cadastro/Cadastrar/',

data:$("#frmCadastro").serialize(),

success: function(data) {

$('#resultado').html(data);

}

});

</script>

5 – Precisamos acessar a nossa Controller Cadastro e criar um método chamado Cadastrar como no exemplo abaixo, note que antes do método coloquei um atributo httPost ou seja será apenas possível acessar esse método através de uma requisição do tipo POST.

[HttpPost]

public string Cadastrar(FormCollection formulario)

{

string retorno = null;

retorno = "Nome :" + formulario["nome"] + " E-mail" + formulario["email"];

return retorno;

}

7 – Antes de testar nosso projeto temos que configurar nossa Global.asax.cs, temos que alterar o método RegisterRoutes, por padrão ele deixa setado o valor controller com a controle Home.

public static void RegisterRoutes(RouteCollection routes)

{

routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

routes.MapRoute(

"Default", // Route name

"{controller}/{action}/{id}", // URL with parameters

new { controller = "Home", action = "Index", id = UrlParameter.Optional } // Parameter defaults

);

}

Para

public static void RegisterRoutes(RouteCollection routes)

{

routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

routes.MapRoute(

"Default", // Route name

"{controller}/{action}/{id}", // URL with parameters

new { controller = "Cadastro", action = "Index", id = UrlParameter.Optional } // Parameter defaults

);

}

6 – Resultados da requisição Ajax

Nesse artigo tivemos uma pequena amostra que podemos fazer usando JQUERY + ASP.NET MVC, nos próximos artigos vamos aprofundar ainda mais nos recursos dessa poderosa biblioteca jquery.

Para saber mais visite os links abaixo.

http://jquery.com/

http://www.asp.net/mvc

Vamos trabalhar

2012-04-13T20:25:00.000-07:00

Olha que eu não faço pela comunidade muito cansado mais mudando todo o blog :)

Validação de formulário com jquery

2012-03-20T20:19:00.002-07:00

Muitas vezes precisamos validar formulários em Java script e raramente aproveitamos o código, mais graças ao Jquery descobri uma forma simples de validar os campos obrigatórios.

“Estrutura do HTML”

<form>

<label for=”senha”>Senha</label>

</form>

Em cada INPUT acrescentei um classe required, ela representa que ele é um campo obrigatório.

Java Script

Dentro da tag HEAD acrescentei o codigo abaixo

$(document).ready(function(){

$(“#btnCadastrar”).click(function(){

$(“.required”).each(function(){

if($(this).val()==”"){

alert(“Campo obrigatório!”);

$(this).focus();

return false;

}

});

</script>

</head>

“Descrevendo o código”

Quando o botão Cadastrar for clicado ele vai disparar uma função, a função vai percorrer os elementos que tiver a classe “required” e vai verificar se existe algum elemento que contem um campo vazio, caso ela encontre, vai exibir um alerta e vai adicionar o foco para o campo que se encontra vazio .

“Segue abaixo o código completo, lembrando que é apenas um exemplo da simplicidade do Jquery podemos desenvolver várias formas para melhorar a função demonstrada nesse tutorial, sem mais delongas boa sorte .. ”

<!DOCTYPE html>

<html>

<head>

<title>Jquery </title>

$(document).ready(function(){

$(“#btnCadastrar”).click(function(){

$(“.required”).each(function(){

if($(this).val()==”"){

alert(“Campo obrigatório!”);

$(this).focus();

return false;

}

});

</script>

</head>

<body>

<form>

<label for=”senha”>Senha</label>

</form>

</body>

</html>

Parcelamento do cartão Magento

2011-08-18T12:50:00.000-07:00

Boa Tarde pessoal,

Vejo que bastante pessoas estava com dificuldade para fazer um parcelamento no Magento depois exibir a parcela escolhida no pedido de compra.

Depois de 3 dias consegui fazer essa nova funcionalidade para o Magento.

Se alguém tiver interesse seguem o meu e-mail juliano-sales@hotmail.com ou juliano.salesg@gmail.com, me mande um e-mail solicitando o plugin preparo e enviou sem nenhum custo.

Programando no pleno domingo o vidão

2011-07-24T17:41:00.000-07:00

Mais um artigo sobre Java Script + innerHTML

2011-07-18T20:14:00.000-07:00

Hoje vou falar sobre essa poderosa linguagem, com a chegada do htm l5 e inevitável não falar do java script para aqueles que falaram que a linguagem ia morrer ou ficar estagnada errarão feio. Mais para aqueles que acreditarão na linguagens agora estão colhendo os frutos.

Voltando ao post sr abaixo coloquei um exemplo simples de usar o innerHTML com ele podemos escrever dentro dos objetos.

<html>
<head>
<title>Aula de Java Script</title>
<script type="text/javascript" charset="utf-8">

function validaForm(msg,id){
var msgErro = msg;
var campo =document.getElementById(id).value;
if(campo =='' || campo == null)
document.getElementById('erro').innerHTML = msgErro;
else
document.getElementById('erro').innerHTML ='';
};
</script>
</head>
<body>
<form action="#" method="post">
Nome:<br/>
<input type="text" id="tbNome" value="A pague o texto " name="tbNome" onkeyup="validaForm('Preencha o campo corretamente!','tbNome')"/><span id="erro"><span><br/>
</form>
</body>
</html>

Envio de E-mail com ASP.NET

2011-07-06T06:39:00.000-07:00

Criei uma class que envia e-mail com .net

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
//Chama os objetos responsável por enviar e-mail
using System.Web.Mail;

namespace sgdc._appclass
{
public class Email
{
private string _mensagem;

public string Mensagem
{
get { return _mensagem; }
set { _mensagem = value; }
}
private string _from;

public string From
{
get { return _from; }
set { _from = value; }
}
private string _to;

public string To
{
get { return _to; }
set { _to = value; }
}
private string _assunto;

public string Assunto
{
get { return _assunto; }
set { _assunto = value; }
}
private string _formatoCorpo;

public string FormatoCorpo
{
get { return _formatoCorpo; }
set { _formatoCorpo = value; }
}
private string _body;

public string Body
{
get { return _body; }
set { _body = value; }
}
private string _smtpServer;

public string SmtpServer
{
get { return _smtpServer; }
set { _smtpServer = value; }
}
private string _send;

public string Send
{
get { return _send; }
set { _send = value; }
}

//Metodo responsável por enviar e-mail
public void Enviar(string from, string to, string assunto, string texto)
{
this._from = from;
this._to = to;
this._assunto = assunto;
this._body = texto;
MailMessage email = new MailMessage();
try
{

MailMessage mail = new MailMessage();
mail.To = to;
mail.From = from;
mail.Subject = assunto;
mail.Body = texto;
SmtpMail.SmtpServer = "localhost"; //your real server goes here
SmtpMail.Send(mail);
}
catch (Exception ex)
{
this._mensagem = "Ocorreram problemas no envio do e-mail. Erro = " + ex.Message;
}
finally
{

}

}

}
}

msn no site + Asp.net

2011-04-23T08:17:00.000-07:00

Nesses artigos vamos utilizar o recurso da Microsoft e customizar esse componente para melhores resultados.

Com a opção de chat nos sites facilitou a comunicação entre cliente e vendedores tornando mais humano a interações entre ambos, e com essa modificação você poderá usar e abusar da nossa criatividade.

Desenvolvimento

Primeira mente precisamos configurar esse recurso no site da Microsoft, para acessar basta entrar nessa pagina http://settings.messenger.live.com/applications/WebSettings.aspx

Configuração do Modulo.

Você estará abrindo uma página de configurações do MSN no live.com, preencha seus dados referente ao seu Windows Live ID.

A próxima página irá exibir uma opção chamada " Permitir que qualquer pessoa na Web veja a minha presença e me envie mensagens.". Marque ela e clique em "salvar" na barra acima.

Após salvar suas configurações, clique no menu "Criar HTML" localizado na lateral esquerda.

Nesta página, vamos escolher o controle botão Lembrando que o seu usuário poderá utilizar seu Windows Live ID próprio ou manda uma mensagem como "Visitante".

Logo abaixo aparece um campo onde é exibido um código que você deve copiar e salvar em um bloco de notas.

Referência: http://www.codigofonte.net/dicas/web/439_colocando-o-msn-messenger-...

Vamos iniciar o Visual Studio, criei um novo projeto Web Application ou Web Site nesse exemplo estou utilizando Web Application usando a versão do .NET Framework 3.5

Na página default.aspx entre no source da pagina, e acrescente na teg head o componente jquery,e vamos acrescentar o código Java script que fará o controle se o MSN esta online ou não, abaixo a imagem ilustrativa da estrutura do código.

Explorando o código Java script.

function msnStatus(presence) {

var idx = presence.id.indexOf('@');

if (idx >= 0) {

var id = presence.id.substr(0, idx);

var element = document.getElementById('Microsoft_Live_Messenger_PresenceButton_' + id);

if (element) {

element.innerHTML = "";

var conversationUrl = element.attributes['msgr:conversationUrl'].value;

var statusIcon = document.createElement('img');

var Status = statusIcon.title = presence.statusText;

$(document).ready(function () {

var txtMsnOn = "Clique aqui (Atendente está Online)";

var txtMsnOcupado = "Clique aqui (Atendente está Ocupado)";

var txtMsnAusente = "Clique aqui (Atendente está Ausente)"

var txtMsnOf = "Atendente está Offline";

$("#boxstatusMsn").removeAttr("class");

if (Status == "Offline") {

$("#statusMsg").text(txtMsnOf);

}

else if (Status == "Ocupado") {

$("#statusMsg").text(txtMsnOcupado);

}

else if (Status == "Ausente") {

$("#statusMsg").text(txtMsnAusente);

}

else {

$("#statusMsg").text(txtMsnOn);

}

});

}

} }

</script>

Depois de conhecer a estrutura do java script temos que configurar o corpo de nossa pagina dentro da tag body ,precisamos colocar os seguinte código como no exemplo a baixo.

<div>

Atendimento:<span><a href="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=e709ab67aad5cfca@apps.messenger.live.com&mkt=pt-br"><label id="statusMsg"></label></a></span>

</div>

Agora precisamos usar o código gerado pela Microsoft que provavelmente está como o código abaixo. Nesse código o que vamos aproveitar e apenas o id gerado pela Microsoft localizado na letra vermelha uma vez localizado o id vamos copiar esse código e apagar a estrutura da Microsoft e vamos deixar na nossa body a estrutura que montei

Estrutura Microsoft.

<div

id="Microsoft_Live_Messenger_PresenceButton_e709ab67aad5cfca"

msgr:width="100"

msgr:backColor="#D7E8EC"

msgr:altBackColor="#FFFFFF"

msgr:foreColor="#424542"

msgr:conversationUrl="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=e709ab67aad5cfca@apps.messenger.live.com&mkt=pt-BR"></div>

Estrutura Tutorial

Essa estrutura e que vamos utilizar no corpo da nossa pagina mais antes precisamos alterar o id dessa estrutura pelo id gerado pela Microsoft, para ter uma maior segurança podemos localizar e substituir usando o Visual Studio apertanto a tecla ctrl+f

<div>

Atendimento:<span><a href="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=e709ab67aad5cfca@apps.messenger.live.com&mkt=pt-br"><label id="statusMsg"></label></a></span>

</div>

Exemplo do código do body da pagina.

<body>

<div>

Atendimento:<span><a href="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=e709ab67aad5cfca@apps.messenger.live.com&mkt=pt-br"><label id="statusMsg"></label></a></span>

</div>

</form>

</body>

Resultado Final.

Com essa funcionalidade na sua pagina você poderá colocar imagem ou personalizar o status de acordo com a mensagem recebida pela Microsoft.

Conexão Mysql + ASP.NET

2011-04-20T06:49:00.001-07:00

using System;
using System.Data;
using MySql.Data.MySqlClient;

namespace sgdc
{
   /// <summary>
   /// Classe para manipulação de acesso a dados do banco de dados Mysql
   /// </summary>

   public class mysql
   {
   MySqlConnection _conexao;
   MySqlCommand _comando;
   MySqlTransaction _transacao;
   bool _gerenciarConexaoAutomatica = true;

   /// <summary>
   /// Objeto SqlCommand para execução de instruções SQL.
   /// </summary>
   public MySqlCommand Comando
   {
   get { return _comando; }
   set { _comando = value; }
   }
   /// <summary>
   /// Retorna o objeto de conexão tipo SqlConnection.
   /// </summary>
   public MySqlConnection Conexao
   {
   get { return _conexao; }
   }

   /// <summary>
   /// Retorna o objeto de transação tipo SqlTransaction.
   /// </summary>
   public MySqlTransaction Transacao
   {
   get { return _transacao; }
   }
   /// <summary>
   /// Inicia uma transação com o banco de dados. A conexão será aberta caso esteja fechada e o objeto Comando ligado a transação.
   /// </summary>
   public bool GerenciarConexaoAutomatica
   {
   get { return _gerenciarConexaoAutomatica; }
   set { _gerenciarConexaoAutomatica = value; }
   }

   /// <summary>
   /// Construtor da classe.
   /// </summary>
   public mysql()
   {
   _conexao = new MySqlConnection();
   _conexao.ConnectionString = "server=;uid=;pwd=;database=";
   _comando = _conexao.CreateCommand();
   }
   /// <summary>
   /// Construtor da classe.
   /// </summary>
   /// <param name="gerenciaConexaoAutomatica">Indica se o a conexão do banco de será automaticamente gerenciada.</param>
   public mysql(bool gerenciaConexaoAutomatica)
   {
   _conexao = new MySqlConnection();
   _conexao.ConnectionString = "server=;uid=;pwd=;database="";
   _comando = _conexao.CreateCommand();
   _gerenciarConexaoAutomatica = gerenciaConexaoAutomatica;
   }

   /// <summary>
   /// Abre a conexão com o banco de dados.
   /// </summary>
   public void AbrirConexao()
   {
   if (_conexao.State == ConnectionState.Closed)
   _conexao.Open();
   }/// <summary>
   /// Fecha a conexão com o banco de dados.
   /// </summary>
   public void FecharConexao()
   {
   if (_conexao.State == ConnectionState.Open)
   _conexao.Close();
   }

   /// <summary>
   /// Inicia uma transação com o banco de dados. A conexão será aberta caso esteja fechada.
   /// </summary>
   public void IniciarTransacao()
   {
   if (_conexao.State == ConnectionState.Closed)
   _conexao.Open();

   _transacao = _conexao.BeginTransaction();
   _comando.Transaction = _transacao;
   } /// <summary>
   /// Executa o objeto Comando (SqlCommand) com uma instrução Select.
   /// </summary>
   /// <returns>Retorna um objeto DataTable com o resultado da consulta.</returns>
   public DataTable ExecutarComando()
   {
   if (_comando.CommandText == string.Empty)
   throw new Exception("Comando sem instrução SQL.");

   DataTable dt = new DataTable();

   try
   {
   if (_conexao.State == ConnectionState.Closed)
   _conexao.Open();

   MySqlDataReader dr = _comando.ExecuteReader();

   dt.Load(dr);
   }
   catch (Exception ex)
   {

   if (_transacao != null)
   {
   _transacao.Rollback();
   _transacao = null;
   }

   if (_conexao.State == ConnectionState.Open)
   _conexao.Close();

   throw new Exception("Erro em Bancos.SqlServer.ExecutarComando.", ex);
   }
   finally
   {
   if (_gerenciarConexaoAutomatica)
   _conexao.Close();
   }

   return (dt);
   }
   /// <summary>
   /// Executa o objeto Comando (SqlCommand) com uma instrução Select.
   /// </summary>
   /// <param name="sql">Instrução SELECT</param>
   /// <returns></returns>
   public DataTable ExecutarComando(string sql)
   {
   _comando.CommandText = sql;
   return (ExecutarComando());
   }

   /// <summary>
   /// Executa o objeto Comando (SqlCommand) com uma instrução SQL Scalar.
   /// </summary>
   /// <returns>Retorna um objeto do tipo Object, sendo possível ser convertido para qualquer tipo de dado.</returns>

   public object ExecutarComandoScalar()
   {
   if (_comando.CommandText == string.Empty)
   throw new Exception("Comando sem instrução SQL.");

   object retorno = 0;

   try
   {
   if (_conexao.State == ConnectionState.Closed)
   _conexao.Open();

   retorno = _comando.ExecuteScalar();

   }
   catch (Exception ex)
   {

   if (_transacao != null)
   {
   _transacao.Rollback();
   _transacao = null;
   }

   if (_conexao.State == ConnectionState.Open)
   _conexao.Close();

   throw new Exception("Erro em Bancos.SqlServer.ExecutarComandoScalar.", ex);
   }
   finally
   {
   if (_gerenciarConexaoAutomatica)
   _conexao.Close();
   }

   return (retorno);
   }

   /// <summary>
   /// Executa o objeto Comando (SqlCommand) com uma instrução SQL Scalar.
   /// </summary>
   /// <param name="sql">Instrução SELECT</param>
   /// <returns>Retorna um objeto do tipo Object, sendo possível ser convertido para qualquer tipo de dado.</returns>
   public object ExecutarComandoScalar(string sql)
   {
   _comando.CommandText = sql;
   return (ExecutarComandoScalar());
   }

   /// <summary>
   /// Executa o objeto Comando (SqlCommand) com uma instrução Insert, Update ou Delete, ou ainda execução de StoredProcedure.
   /// </summary>
   /// <returns>Retorna o número de linhas afetadas durante a execução.</returns>
   public int ExecutarComandoNonQuery()
   {
   if (_comando.CommandText == string.Empty)
   throw new Exception("Comando sem instrução SQL.");

   int linhasAfetadas = 0;

   try
   {
   if (_conexao.State == ConnectionState.Closed)
   _conexao.Open();

   linhasAfetadas = _comando.ExecuteNonQuery();

   }
   catch (Exception ex)
   {

   if (_transacao != null)
   {
   _transacao.Rollback();
   _transacao = null;
   }

   if (_conexao.State == ConnectionState.Open)
   _conexao.Close();

   throw new Exception("Erro em Bancos.SqlServer.ExecutaComandoNonQuery.", ex);
   }
   finally
   {
   if (_gerenciarConexaoAutomatica)
   _conexao.Close();
   }

   return (linhasAfetadas);
   }
   /// <summary>
   /// Executa o objeto Comando (SqlCommand) com uma instrução Insert, Update ou Delete, ou ainda execução de StoredProcedure.
   /// </summary>
   /// <param name="sql">Instrução Insert, Update ou Delete</param>
   /// <returns>Retorna o número de linhas afetadas durante a execução.</returns>
   public int ExecutarComandoNonQuery(string sql)
   {
   _comando.CommandText = sql;
   return (ExecutarComandoNonQuery());
   }
   }
}

Robô usa sensor Kinect para resgatar vítimas de terremotos

2011-04-17T21:10:00.001-07:00

O sistema de sensor Kinect, desenvolvido pela Microsoft para o videogame Xbox 360, já provou ter utilidades além da diversão, tal como demonstrou um grupo de estudantes britânicos que construiu um robô capaz de resgatar vítimas de um terremoto graças a essa tecnologia.

Teleguiado, autônomo e com um aspecto similar ao de famosos robôs como Wall-E e o protagonista do filme Um Robô em Curto Circuito. Assim é o autômato criado pelo grupo de estudantes da Universidade de Warwick (Reino Unido), que se apresentou na feira The Gadget Live Show 2011, aberta até este domingo na cidade britânica de Birmingham.

Um de aspecto muito mais agressivo é o do "Titan the Robot", que exibiu na feira seus 2,4 m e 350 kg de exoesqueleto com o objetivo de mostrar que um futuro de androides é possível.

Divulgar as últimas curiosidades tecnológicas e permitir que o público em geral possa ver, usar e até comprar os dispositivos mais inovadores são alguns dos ambiciosos objetivos desta feira anual, que nesta edição teve como uma das grandes atrações a eletricidade sem fio.

Essa tecnologia já tinha sido apresentada em 2010 durante a Feira Internacional de Eletrônica de Consumo (CES, realizada em Las Vegas), mas os avanços da chamada eCoupled voltaram à tona com um sistema de energia sem fio que permite recarregar baterias de telefones ou fritar um ovo graças a uma base que funciona como fonte de alimentação.

Mas nem tudo são novidades no The Gadget Live Show de Birmingham. Os mais nostálgicos podem voltar na História da informática e apreciar lembranças como o brinquedo "Furby", um robô de pelúcia que ganhou fama no final do século passado.

Nesta edição da feira, as imagens 3D se consolidaram como um dos elementos tecnológicos mais populares entre os visitantes, que podem aproveitar uma área reservada para jogar games como "Shift 2: Unleashed" e "Crysis 2", além de "alguns títulos secretos que não podemos anunciar", destacam os responsáveis da feira em seu site. "Duke Nukem: Forever" e a versão Lego de "Piratas do Caribe" para PlayStation 3 e PSP são alguns dos títulos que os fãs podem experimentar neste evento.

O The Gadget Live Show 2011 conta também com um completo programa de conferências sobre futuros projetos tecnológicos, sobre os gadgets mais "explosivos", além de debates sobre tablets e smartphones. Foram apresentados ainda novos modelos de televisores, celulares com as últimas versões do sistema operacional Android e alguns "supercelulares"

Construindo um VALIDADOR DE NUMEROS

2011-04-17T20:35:00.000-07:00

<html>
<head>
<script language="JavaScript" type="text/javascript">

function mascara_Numero(campo,leg,msg)
{
valor = document.getElementById(campo.id).value;
legenda = document.getElementById(leg);
pos=0;
while(pos < valor.length && valor!="")
{
if(( valor.charCodeAt(pos)!= 144 && valor / valor >0))
legenda.innerHTML = "";
else
{
legenda.innerHTML = "<font color='red'>" + msg + "</font>";
return false;
}
po++;

}
};
</script>
<body>
<form name="formCadastro" id="formulario" method="post" action="#" >

Codigo:<br/>
<input type="text" name="txtCodigo" id="Numero" size="10" maxlength="6" onkeyup="mascara_Numero(this,'codigo','Digite apenas números')"/>
<label id="codigo"></label> <br/>
</form>
</body>
</html>

De volta a ativa

2011-04-17T18:09:00.000-07:00

Boa noite pessoal depois de 2 meses sem postar nada no blog quero comunicar que o blog voltou com força total, e estamos fazendo excelente artigos então não perca....

Artigos Sobre javascript

2010-12-03T19:56:00.001-08:00

JavaScript é uma linguagem de programação criada por Brendan Eich para a Netscape em 1995, que a princípio se chamava LiveScript. A Netscape, após o sucesso inicial desta linguagem, recebeu uma colaboração considerável da Sun, a qual permitiu o uso do nome JavaScript para alavancar o Livescript, porém as semelhanças entre a linguagem da Sun o Java e o Javascript são quase nulas.

A linguagem foi criada para atender, principalmente, às seguintes necessidades:

Validação de formulários no lado cliente (programa navegador);
Interação com a página.

Assim, foi feita como uma linguagem de script. JavaScript tem sintaxe semelhante à do Java, mas é totalmente diferente no conceito e no uso.

De acordo com seu sistema de tipos, o JavaScript é:

fraca - sua tipagem é mutável;
dinâmica - uma variável pode assumir vários tipos diferentes durante a execução;
implícita - as variáveis são declaradas sem tipo.

É interpretada pelo interpretador JavaScript, ao invés de compilada;
Possui ótimas ferramentas padrão para listagens (como as linguagens de script, de modo geral);
Oferece bom suporte a expressões regulares (característica também comum a linguagens de script).

Sua união com o CSS é conhecida como DHTML. Usando o Javascript, é possível modificar dinamicamente os estilos dos elementos da página em HTML.

Dada sua enorme versatilidade e utilidade ao lidar com ambientes em árvore (como um documento HTML), foi criado a partir desta linguagem um padrão ECMA, o ECMA-262, também conhecido como ECMAScript. Este padrão é seguido, por exemplo, pela linguagem ActionScript da Adobe(Antigamente Macromedia, porém a empresa foi vendida à Adobe).

Além de uso em navegadores processando páginas HTML dinâmicas, o JavaScript é hoje usado também na construção do navegador Mozilla, o qual oferece para a criação de sistemas GUI todo um conjunto de ferramentas (em sua versão normal como navegador, sem a necessidade de nenhum software adicional), que incluem (e não apenas) um interpretador de Javascript, um comunicador Javascript ←> C++ e um interpretador de XUL, linguagem criada para definir a interface gráfica de aplicações.

Criando o primeiro código em java script

Em qualquer editor de texto insira o código java script dentro do xtml

<html>

<head>

</head>

<body>

alert("Olá Mundo");//Janela de Alerta do Java Script

document.write("Olá Mundo");//Escreve na página

</script>

</body>

</html>

2 artigo Validador de numeros

<html>
<head>
<script language="JavaScript" type="text/javascript">

function mascara_Numero(campo,leg,msg)
{
valor = document.getElementById(campo.id).value;
legenda = document.getElementById(leg);
pos=0;
   while(pos < valor.length && valor!="")
   {
   if(( valor.charCodeAt(pos)!= 144 && valor / valor >0))
legenda.innerHTML = "";
   else
   {
   legenda.innerHTML = "<font color='red'>" + msg + "</font>";
   return false;
   }
  po++;

   }
};
</script>
<body>
<form name="formCadastro" id="formulario" method="post" action="#" >

Codigo:<br/>
<input type="text" name="txtCodigo" id="Numero" size="10" maxlength="6" onkeyup="mascara_Numero(this,'codigo','Digite apenas números')"/>
<label id="codigo"></label> <br/>
</form>
</body>
</html>

Artigos Sobre css

2010-12-03T19:51:00.003-08:00

Bordas arredondadas em css

Exemplo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br" >
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <style type="text/css">
        /*pegando a div noticiaBox*/
        #noticiaBox
        {
            /*Funciona no google Chrome, ie 9*/
            border-radius:10px;
            /*Funciona no Mozila*/
            -moz-border-radius:10px;
            border:1px solid #efefef;
            background-color:#eeffff;/*Passando uma cor para o box*/
            width:400px;/*Definindo a largura em px */
            overflow:auto;/*Faz com que o conteudo dentro do box nao sai caso o conteudo seja maior do que altura definida ele aumenta o box mais esconde o scroll faça
            p teste acrescentando varios conteudos dentro do box noticia*/
        }
        /*Pagando o h1 dentro do box noticia*/
        #noticiaBox H1
        {
            color:silver;/*color: com essa propriedade você pode passar a cor para o texto*/
            padding-left:20px; /*conteudo abordado em outros artigos*/
        }

    </style>
</head>
<body>
    <div id="noticiaBox">
        <h1>MSDN - subscriptions</h1>
        <ul>
            <li>Conheça os benefícios do assinante</li>
            <li>Compare as opções de assinatura</li>
             <li>Faça o tour</li>
             <li>Adquira uma assinatura agora</li>

        </ul>

    </div>
</body>
</html>

Artigos Sobre xhtml

2010-12-03T19:51:00.001-08:00

Dia a dia somos supreendimos com nossos clientes sempre pedindo modificações no site desta vez a missão foi aumentar o tamanho de um input do tipo radio.
Caso precise dessa funcionalidade basta seguir o exemplo abaixo.
<input type="radio" value="1" style="width: 5px; height: 5px;" ">

contato

2010-12-03T19:49:00.002-08:00

Artigos Sobre ferramentas

2010-12-03T19:49:00.000-08:00

Artigos Sobre sql

2010-12-03T19:48:00.002-08:00

Dica esperta SQL
Excelente site sobre sql http://beginner-sql-tutorial.com/sql-update-statement.htm aproveitem
Dica esperta SQL.
Quando precisamos mostrar dados para usuário mais esses dados são exibidos duplicados mesmo com o sql correto podemos usar o Distinct com esse operador só será exibido arquivos distintos.
Sintaxe: SELECT DISTINCT MEU CAMPO OU TODOS OS CAMPOS .* FROM MINHA TABELA

Artigos Sobre aspnet

2010-12-03T19:48:00.000-08:00

Palestra TDC 2011
ASP.NET MVC

TDC2011 SP Palestra: ASP.Net MVC 3 ao vivo e a cores com Victor Cavalcante - Sábado, 9 de Julho from Globalcode on Vimeo.

Criei uma class que envia e-mail com .net

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
//Chama os objetos responsável por enviar e-mail
using System.Web.Mail;

namespace sgdc._appclass
{
public class Email
{
private string _mensagem;

public string Mensagem
{
get { return _mensagem; }
set { _mensagem = value; }
}
private string _from;

public string From
{
get { return _from; }
set { _from = value; }
}
private string _to;

public string To
{
get { return _to; }
set { _to = value; }
}
private string _assunto;

public string Assunto
{
get { return _assunto; }
set { _assunto = value; }
}
private string _formatoCorpo;

public string FormatoCorpo
{
get { return _formatoCorpo; }
set { _formatoCorpo = value; }
}
private string _body;

public string Body
{
get { return _body; }
set { _body = value; }
}
private string _smtpServer;

public string SmtpServer
{
get { return _smtpServer; }
set { _smtpServer = value; }
}
private string _send;

public string Send
{
get { return _send; }
set { _send = value; }
}

//Metodo responsável por enviar e-mail
public void Enviar(string from, string to, string assunto, string texto)
{
this._from = from;
this._to = to;
this._assunto = assunto;
this._body = texto;
MailMessage email = new MailMessage();
try
{

MailMessage mail = new MailMessage();
mail.To = to;
mail.From = from;
mail.Subject = assunto;
mail.Body = texto;
SmtpMail.SmtpServer = "localhost"; //your real server goes here
SmtpMail.Send(mail);
}
catch (Exception ex)
{
this._mensagem = "Ocorreram problemas no envio do e-mail. Erro = " + ex.Message;
}
finally
{

}

}

}
}

msn no site + Asp.net

08:17 Juliano Sales

Nesses artigos vamos utilizar o recurso da Microsoft e customizar esse componente para melhores resultados.

Desenvolvimento

Primeira mente precisamos configurar esse recurso no site da Microsoft, para acessar basta entrar nessa pagina http://settings.messenger.live.com/applications/WebSettings.aspx

Configuração do Modulo.

Você estará abrindo uma página de configurações do MSN no live.com, preencha seus dados referente ao seu Windows Live ID.

A próxima página irá exibir uma opção chamada " Permitir que qualquer pessoa na Web veja a minha presença e me envie mensagens.". Marque ela e clique em "salvar" na barra acima.

Após salvar suas configurações, clique no menu "Criar HTML" localizado na lateral esquerda.

Nesta página, vamos escolher o controle botão Lembrando que o seu usuário poderá utilizar seu Windows Live ID próprio ou manda uma mensagem como "Visitante".

Logo abaixo aparece um campo onde é exibido um código que você deve copiar e salvar em um bloco de notas.

Referência: http://www.codigofonte.net/dicas/web/439_colocando-o-msn-messenger-...

Vamos iniciar o Visual Studio, criei um novo projeto Web Application ou Web Site nesse exemplo estou utilizando Web Application usando a versão do .NET Framework 3.5

Explorando o código Java script.

function msnStatus(presence) {

var idx = presence.id.indexOf('@');

if (idx >= 0) {

var id = presence.id.substr(0, idx);

var element = document.getElementById('Microsoft_Live_Messenger_PresenceButton_' + id);

if (element) {

element.innerHTML = "";

var conversationUrl = element.attributes['msgr:conversationUrl'].value;

var statusIcon = document.createElement('img');

var Status = statusIcon.title = presence.statusText;

$(document).ready(function () {

var txtMsnOn = "Clique aqui (Atendente está Online)";

var txtMsnOcupado = "Clique aqui (Atendente está Ocupado)";

var txtMsnAusente = "Clique aqui (Atendente está Ausente)"

var txtMsnOf = "Atendente está Offline";

$("#boxstatusMsn").removeAttr("class");

if (Status == "Offline") {

$("#statusMsg").text(txtMsnOf);

}

else if (Status == "Ocupado") {

$("#statusMsg").text(txtMsnOcupado);

}

else if (Status == "Ausente") {

$("#statusMsg").text(txtMsnAusente);

}

else {

$("#statusMsg").text(txtMsnOn);

}

});

}

} }

</script>

Depois de conhecer a estrutura do java script temos que configurar o corpo de nossa pagina dentro da tag body ,precisamos colocar os seguinte código como no exemplo a baixo.

<div>

Atendimento:<span><a href="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=e709ab67aad5cfca@apps.messenger.live.com&mkt=pt-br"><label id="statusMsg"></label></a></span>

</div>

Estrutura Microsoft.

<div

id="Microsoft_Live_Messenger_PresenceButton_e709ab67aad5cfca"

msgr:width="100"

msgr:backColor="#D7E8EC"

msgr:altBackColor="#FFFFFF"

msgr:foreColor="#424542"

msgr:conversationUrl="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=e709ab67aad5cfca@apps.messenger.live.com&mkt=pt-BR"></div>

Estrutura Tutorial

<div>

Atendimento:<span><a href="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=e709ab67aad5cfca@apps.messenger.live.com&mkt=pt-br"><label id="statusMsg"></label></a></span>

</div>

Exemplo do código do body da pagina.

<body>

<div>

Atendimento:<span><a href="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=e709ab67aad5cfca@apps.messenger.live.com&mkt=pt-br"><label id="statusMsg"></label></a></span>

</div>

</form>

</body>

Resultado Final.

Com essa funcionalidade na sua pagina você poderá colocar imagem ou personalizar o status de acordo com a mensagem recebida pela Microsoft.

Twitter + ASP.NET

Um tutorial bem simples usando o .rss do twitter para obter as mensagens o resultado pode ser visto no site http://www.radiodoceu.com/ na barra de noticias Primeiramente inicie o Visual Studio criei um novo projeto ou website como na imagem abaixo File>>New>>Project

Depois clique no botão ok.

Entre na pagina Default.aspx no modo Designer dentro da div insira o titulo Notícia,e arraste o componente Unbound depois basta Renomear na aba Properties no campo ID para blTwitter .

Depois entre na Default.apsx.cs ou aperte a tecla F7 dentro da pagina basta adicionar o código abaixo

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Xml;

namespace twitter
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

            /*Twitter*/
            XmlDocument doc = new XmlDocument();
            doc.Load("http://twitter.com/statuses/user_timeline/radiodoceu.rss");

            //Diferente do métodos SelecNodes, aqui especificamos no XPath apenas o elemento que deverá ser consultado
            XmlNodeList No = doc.SelectNodes("//title");

            //Percorremos o objeto, mostrando no navegador os dados encontrados para aquele elemento especificado no XPath
            for (int i = 0; i < 10; i++)
            {
                blTwitter.Items.Add(No.Item(i).InnerText);

            }
        }
    }
}

Agora e so salvar e testar sua aplicação caso você queira personalizar a sua aplicação você pode usar o css lembrando que o componente usado e uma lista

.twitter li {text-decoration:none;color:#d67200;background-color:transparent;}

.twitter {list-style-image: url(images/twitter.gif)}

Artigo Sobre xhtml

2010-12-03T19:40:00.001-08:00

Desculpas

2010-11-29T01:27:00.000-08:00

Ae pessoal desculpa pelas demoras ssrsrs faz muito tempo que eu nao coloco novos pots depois dessa semana o Portal.net vai voltar com tudo reformulado agora com assuntos como

XHTML
CSS
Java Script
C#
SQL

Em breve não perca nosso portal de cara nova.
@julianosalles

Microsoft promete versão beta do Internet Explorer 9 para setembro! olha a promessa cumprida

2010-09-17T12:32:00.001-07:00

Criando uma classe simples para calcular “Raiz quadrada”

2010-09-12T10:26:00.001-07:00

Esse e um artigo simples ensinando com usar class no c# usando construtor Sobrecarregado

Vamos iniciar o visual Studio 2008 ou 2010, e vamos criar um projeto Asp.net versão do framework 3.5

Clique em File,new,Project escolha a opção web depois ASP.NET web Application versão 3.5 depois clique no botão OK, como na figura abaixo.

Na página Default da nossa aplicação entre no modo designer e defina a interface como na imagem abaixo.

Depois que a interface foi definida vamos inserir uma classe no nosso projeto como a imagem abaixo. Depois Reno meia para Raiz e clique no botão add.

Boas praticas: Fonte livro Visual c# 2008

• Os identificadores que são public devem iniciar com uma letra maiúscula.

• Os identificadores que não são public devem começar com uma letra minúscula.

• Só há um exceção a essa regra : os nomes de classes public cujos nomes diferem apenas pelo uso de maiúsculas e minúsculas. Se fizer isso, sua classes não será utilizável a partir de outras linguagens que não fazem distinção entre letras maiúsculas e minúsculas, como o Microsoft Visual Basic

Na classe Raiz.css insira o seguinte código

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

namespace exemplo1

{

public class Raiz

{

public Raiz(int initialRadius)//Construtor Sobrecarregado

{

txtValor = initialRadius;

}

public double GerarRaiz()

{

return Math.Sqrt(txtValor);

}

private int txtValor;

}

Depois salve a página volte para Default.aspx no modo designer clique duas vezes sobre o botão gerar e insira o seguinte código.

protected void btnGerar_Click(object sender, EventArgs e)

{

Raiz c = new Raiz(Convert.ToInt32(TextBox1.Text));

Label1.Visible = true;

Label1.Text = c.GerarRaiz().ToString();

}

Depois basta salvar e executar o projeto veja abaixo o resultado