Pernah melihat notifikasi di FB ? biasanya jika ada komentar baru dari teman kita mengenai status kita di FB maka akan muncul notifikasi di pojok kiri bawah berkaitan tentang hal tersebut. Nah pada kali ini kita akan menerapkannya di aplikasi gammu kita.

Kami mengasumsikan anda telah berhasil melakukan seting gammu sehingga bisa digunakan untuk mengirim dan menerima sms. dan anda sudah paham pengunaan dari webserver (xampp maupun appserv).







Bagi yang belum silahkan kunjungi tutorial dibawah ini

Instal manual gammu step by step



Untuk praktek kali ini kita akan menggunakan tabel inbox nya gammu, dimana tabel ini digunakan untuk menampung sms yang masuk ke modem kita. Berikut scriptnya

halaman ini digunakan untuk melakukan pengecekan secara berkala SMS Baru yang masuk dengan interval 10 s
<br>
<br>
<table id="ok">
</table><br>
<br>
<script type="text/javascript">
function Ajax()
{
var
$http,
$self = arguments.callee;
if (window.XMLHttpRequest) {
$http = new XMLHttpRequest();
} else if (window.ActiveXObject) {
try {
$http = new ActiveXObject('Msxml2.XMLHTTP');
} catch(e) {
$http = new ActiveXObject('Microsoft.XMLHTTP');
}
}
if ($http) {
$http.onreadystatechange = function()
{
if (/4|^complete$/.test($http.readyState)) {
document.getElementById('ok').innerHTML = $http.responseText;
setTimeout(function(){$self();}, 10000);
}
};
$http.open('GET', 'auto_notif.php' + '?' + new Date().getTime(), true);
$http.send(null);
}
}
</script>
<script type="text/javascript">
setTimeout(function() {Ajax();}, 10000);
</script>
view raw index.php hosted with ❤ by GitHub

Save script diatas dengan nama index.php. Script tersebut digunakan untuk memanggil secara berkala script di bawah ini

selanjutnya save file berikut dengan nama auto_notif.php


<style type="text/css">
#bro {
position:absolute;
left:10px;
top:375px;
width:0px;
height:0;
z-index:1;
overflow: hidden;
}
.isi {
font-family: verdana;
font-size: 11px;
text-decoration: none;
color: #000000;
}
.hp {
font-family: arial;
font-size: 11px;
color: #000000;
}
.style1 {
color: #0066FF;
font-weight: bold;
line-height: 18px;
}
.close { font-family: verdana;
font-size: 9px;
text-decoration: none;
color: #000000;
text-align: right;
}
#examplediv {
border-radius: 8px;
border: 1px solid #BCEBE9;
}
-->
</style>
<?php
// koneksi ke database. Sesuaikan dengan database gammu anda
$db = mysql_connect("localhost", "root", "root");
mysql_select_db('smsbanking', $db);
// Ambil data dari tabel inbox dimana nilai kolom processed = false dan tampilkan 2 saja
$inbox=mysql_query("select * from inbox where Processed='false' limit 2");
$jinbox=mysql_num_rows($inbox);
// jika data ada maka jalankan process ini
if ($jinbox>='1')
{
?>
<div id="examplediv" style="width:250px; padding: 5px; background: #E3EFF2"><a class="isi"><span class="style1">
<?php
echo"Pesan baru masuk</span><br />";
while($tinbox=mysql_fetch_array($inbox))
{
echo "<a class='hp'><b>$tinbox[SenderNumber]</b> $tinbox[TextDecoded]</a><p>";
// Update data tabel processed menjadi true agar ditandai sudah ditampilkan
$up=mysql_query("update inbox set Processed='true' where ID='$tinbox[ID]'");
}
}
?>
</a></div>
view raw auto_notif.php hosted with ❤ by GitHub

Script diatas digunakan untuk menampilkan SMS baru yang masuk

Untuk pengetesan silahkan panggil script index.php melalui browser anda. Berikut hasil pengetesan di browser kami



Download dua script diatas di sini


Ikuti tutorial selanjutnya berkaitan tentang menambahkan notifikasi suara sms masuk