Juliano Sales: Artigos Sobre aspnet

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.

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.

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)}

Juliano Sales

Artigos Sobre aspnet

Nenhum comentário:

Postar um comentário