Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Gilberto Jr

Notificações Igual Facebook

Recommended Posts

Boa tarde;

Eu tenho um sistema que eu desenvolvi para a empresa que trabalho.

E nesse sistema eu queria fazer algo igual do facebook. Assim que o cliente abrir um chamado, o sistema mostrar uma notificação.

E também fazer igual a tag title da pagina do facebook. Assim que o usuário vai recebendo notificações. O numero vai crescendo no title, e de acordo que a pessoa vai lendo os números das notificações vai diminuindo.

Alguém pode me ajudar nisso?

Att;

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você devera usar javascript, e um método meio sujo e pouco recomendado mas é oque eu entendo

Primeiro como você esta desenvolvendo? e html puro, php, java, javascrippt?

a ideia principal seria desenvolver uma função em javascript que realize o update da pagina de tempos em tempos e em cada refresh realizar uma consulta no banco de dados, para ver se existe uma nova notificação caso tenha exibe o ícone vermelho com o numero de notificações isso você faz contando quantos registros de notificações o banco retornou.

é simples, porem pense nisso como um loop infinito de refresh, que quanto mais dados mais pesado ira ficar então e importante não manter dados nesta tabela que e consultada depois que o usuário ver a notificação ela deve ser transferida para outra tabela, assim ele só vai buscar algumas notificações oque vai deixar menos afogado a pagina.

Espero ter ajudado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Entao com asp classic nao posso lhe ajudar pois nao conheço a linguagem ainda!!

mas veja este post, eles explicam varias opções para sistemas de notificações uma delas é a que te falei ai em cima, com jquery também deve dar de fazer algo.

http://pt.stackoverflow.com/questions/9475/notifica%C3%A7%C3%B5es-em-tempo-real-semelhante-ao-stack-overflow

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom, eu consegui desenvolver esse código abaixo.

console.log();
 
if(window.Notification){
if(window.Notification.permission != 'granted'){
window.Notification.requestPermission();
}else{
var opt = {
body: 'Aqui vai um teste de a pessoa triste',
icon: 'triste.png',
}
var notificacao = new Notification('Notificação de teste', opt);
}
}else{
console.log('Notification não é aceito');
}

Como que eu faço para executar esse código assim que um chamado for aberto.?

Att;

Compartilhar este post


Link para o post
Compartilhar em outros sites

ola bom dia!!

com php e mysql, on no seu caso com o asp classic eu faria uma consulta no banco sla de 1 em 1 min, ou menos tempo, faz um sleep para automatizar este processo,

no banco cria uma tabela com as noticiações

realiza busca desta tabela

e exibe na tela.

aqui um código de exemplo em php e javascript.

chama as funçoes para realizar a busca e atualiza a pagina de 9 em 9 segundos


$(document).ready(function() {
	atualiza();
});
$(document).ready(function() {
	atualiza_detalhes();
});
//Fubncoes busca notificacoes
function atualiza(){
	$.get("notificacao", 

	function(resultado){
		$('#notificacao').html(resultado);
	})


	setTimeout('atualiza()', 9000);
}
function atualiza_detalhes(){
	$.get("DadosNotificacoes", 

	function(resultado1){
		$('#DadosNotificacoes').html(resultado1);
	})


	setTimeout('atualiza_detalhes()', 9000);
}

Aqui o php que busca no banco de dados as notificaçoes

<?php 


$sql = mysql_query("SELECT * FROM $tabela WHERE estado LIKE 'PENDENTE' ") or print(mysql_error());


$conta = mysql_num_rows($sql);


if($conta == "0"){


echo '<span class="text-danger">0</span>';

}elseif($conta == "1"){


echo '<span class="text-info">1</span>';

}else{


echo '<span class="text-success">'.$conta.' </span>';
}


mysql_close($con);
?>

e pronto e só imprimir o resultado em tela

Espero que tenha entendido!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.