Cara membuat program antrian sederhana php

Assalamualaikum Warahmatullahi Wabarakaatuh

Program input nomor antrian yang sangat sederhana

Kali ini saya akan nge post salah satu program Input Nomor Antri yang sangat sederhana menggunakan Bahasa Pemrograman PHP dan HTML.

Sebelumnya saya mohon maaf jika ada banyak kekurangan di sana sininya, saya juga merupakan seorang Mahasiswa yang masih harus belajar banyak. Oke langsung saja !!

Ini adalah Program Penginput Nomor Antrian dan Nama Pasien pada Sebuah Klinik. Di sini langkah pertama yang harus di lakukan adalah membuat sebuah Database di PhpMyAdmin beserta Atribut yang hendak ingin di masukkan. Beri nama Database nya Antrian dan nama tabelnya tb_antrian.

Langkah kedua adalah menyiapkan sebuah Aplikasi untuk melakukan pengcodingan, saya menggunakan Notepad++. Bisa menggunakan Aplikasi lain seperti Dream Waver dan lain sebagainya.

Buat file pertama dengan nama Index.php lalu save ke dalam folder C:/XAMPP/HTDOCS/NAMA FOLDER PROJECT MASING - MASING ( Database contohnya ).

Cara membuat program antrian sederhana php

Beri Nama project 1 ini dengan Nama index.php

Cara membuat program antrian sederhana php

Project kedua simpan dengan Nama tambah.php, berikut Codingannya.

Cara membuat program antrian sederhana php

Langkah selanjutnya ialah buat Project ke 3 simpan dengan Nama action_input.php

Cara membuat program antrian sederhana php

Jika sudah selesai semuanya maka Project Programnya sudah berjalan, tapi ada langkah satu lagi yaitu mengkoneksikan Halaman Web dengan Database di PhpMyAdmin. Buat sebuah codingan lagi beri nama koneksi.php Tugasnya adalah mengkonekan Web sederhana yang sudah kita buat dengan Database di PhpMyAdmin.

Cara membuat program antrian sederhana php

Maka selesailah Programnya. Buka Browser untuk mengetes Programny, tapi jangan lupa untuk menjalankan Aplikasi XAMPP nya terlebih dahulu ( Saya menggunakan aplikasi xampp untuk server ).

ketikkan script ini pada pencarian di Aplikasi Browser ( localhost/project/ )

Maka akan keluar Halaman Web nya, lebih kurang seperti di bawah ini :

  1. Input Nama Pasien

Cara membuat program antrian sederhana php

Setelah di Input maka Nama si Pasien akan masuk ke dalam Tabel Antrian dan Nomornya akan tersusun dengan teratur di table Antrian.

  1. Jika Data berhasil atau tidak di Input

Cara membuat program antrian sederhana php

Akan keluar Notifikasi yang seperti ini jika Programnya berhasil di input dan atau tidak berhasil di Input

  1. Adalah tabel urutan Antrian yang sudah di Input tadi

Cara membuat program antrian sederhana php

Sudah ada beberapa Nama yang di Input di Database ini dan sudah masuk semua ke dalam Tabelnya secara terurut. Mohon maaf jika sedikit berantakan hehe.

Sekian dari saya, Semoga bermanfaat Tulisan saya ini, Terima kasih.

UP VOTE nya ya GUYS hahaha

<?php
//Initialisasi nilai untuk nomor loket
//Pada kasus nyata nomor loket dimabil pada saat login
//sesuai dengan data pada tabel admin
$loket="1";
?>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Aplikasi Suara Antrian</title>
<link rel="stylesheet" href="syle.css" />
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript" >
$(document).ready(function(){
$("#play").click(function(){
document.getElementById('suarabel').play();
});


});
</script>
<style type="text/css">
<!--
.style1 {
font-size: 36px;
font-weight: bold;
}
-->
</style>
</head>
<body background="14242085571143527965.jpg">
<audio id="suarabel" src="Airport_Bell.mp3"></audio>
<audio id="suarabelnomorurut" src="rekaman/nomor-urut.wav"  ></audio>
<audio id="suarabelsuarabelloket" src="rekaman/loket.wav"  ></audio>

      <audio id="belas" src="rekaman/belas.wav"  ></audio>
<audio id="sebelas" src="rekaman/sebelas.wav"  ></audio>
        <audio id="puluh" src="rekaman/puluh.wav"  ></audio>
        <audio id="sepuluh" src="rekaman/sepuluh.wav"  ></audio>
        <audio id="ratus" src="rekaman/ratus.wav"  ></audio>
        <audio id="seratus" src="rekaman/seratus.wav"  ></audio>
        <audio id="suarabelloket1" src="rekaman/<?php echo $loket; ?>.wav"  ></audio>
<?php
$location_counter = "data.txt";
$location_date = "date.txt";
$itis = date ("d");

// Hari baru?  
$aday = join('', file($location_date));
trim($aday);

if("$aday"=="$itis"){
//Cari hari ini
$tcounter = join('', file($location_counter));
trim($tcounter);
$tcounter++;

$fp = fopen($location_counter,"w");
fputs($fp, $tcounter);
fclose($fp);
}else{
//hari baru
$fp = fopen($location_counter,"w");
fputs($fp, 0);
fclose($fp);
$tcounter = join('', file($location_counter));
trim($tcounter);
$tcounter++;
//tulis hari baru
$fp = fopen($location_counter,"w");
fputs($fp, $tcounter);
fclose($fp);
//tulis di date.txt
$fp = fopen($location_date,"w");
fputs($fp, $itis);
fclose($fp);
}

$panjang=strlen($tcounter);
$antrian=$tcounter;

for($i=0;$i<$panjang;$i++){
?>
        <audio id="suarabel<?php echo $i; ?>" src="rekaman/<?php echo substr($tcounter,$i,1); ?>.wav" ></audio>        
        <?php
}
?>
        <div class="kontainer">
          <div align="center"><a href="index.php" class="style1" id="konter" ><?php echo $antrian; ?></a></div>
</div>
        <div class="kontainer2">
          <center><input name="play" type="button" id="tombol" onclick="mulai();" value="Panggil" /><br />

                    <form id="form1" name="form1" method="post" action="">
              <input type="button" id="tombol" onClick="document.location.reload(true)" value="Selanjutnya">
            </form>
          </center>
        </div>
</body>
</html>
<script type="text/javascript">
function mulai(){
//MAINKAN SUARA BEL PADA SAAT AWAL
document.getElementById('suarabel').pause();
document.getElementById('suarabel').currentTime=0;
document.getElementById('suarabel').play();

//SET DELAY UNTUK MEMAINKAN REKAMAN NOMOR URUT
totalwaktu=document.getElementById('suarabel').duration*1000;

//MAINKAN SUARA NOMOR URUT
setTimeout(function() {
document.getElementById('suarabelnomorurut').pause();
document.getElementById('suarabelnomorurut').currentTime=0;
document.getElementById('suarabelnomorurut').play();
}, totalwaktu);
totalwaktu=totalwaktu+1000;

<?php
//JIKA KURANG DARI 10 MAKA MAIKAN SUARA ANGKA1
if($antrian<10){
?>

setTimeout(function() {
document.getElementById('suarabel0').pause();
document.getElementById('suarabel0').currentTime=0;
document.getElementById('suarabel0').play();
}, totalwaktu);

totalwaktu=totalwaktu+1000;
<?php
}elseif($antrian ==10){
//JIKA 10 MAKA MAIKAN SUARA SEPULUH
?>
setTimeout(function() {
document.getElementById('sepuluh').pause();
document.getElementById('sepuluh').currentTime=0;
document.getElementById('sepuluh').play();
}, totalwaktu);
totalwaktu=totalwaktu+1000;
<?php
}elseif($antrian ==11){
//JIKA 11 MAKA MAIKAN SUARA SEBELAS
?>
setTimeout(function() {
document.getElementById('sebelas').pause();
document.getElementById('sebelas').currentTime=0;
document.getElementById('sebelas').play();
}, totalwaktu);
totalwaktu=totalwaktu+1000;
<?php
}elseif($antrian < 20){
//JIKA 12-20 MAKA MAIKAN SUARA ANGKA2+"BELAS"
?>  
setTimeout(function() {
document.getElementById('suarabel1').pause();
document.getElementById('suarabel1').currentTime=0;
document.getElementById('suarabel1').play();
}, totalwaktu);
totalwaktu=totalwaktu+1000;
setTimeout(function() {
document.getElementById('belas').pause();
document.getElementById('belas').currentTime=0;
document.getElementById('belas').play();
}, totalwaktu);
totalwaktu=totalwaktu+1000;
<?php
}elseif($antrian < 100){
//JIKA PULUHAN MAKA MAINKAN SUARA ANGKA1+PULUH+AKNGKA2
?>
setTimeout(function() {
document.getElementById('suarabel0').pause();
document.getElementById('suarabel0').currentTime=0;
document.getElementById('suarabel0').play();
}, totalwaktu);
totalwaktu=totalwaktu+1000;
setTimeout(function() {
document.getElementById('puluh').pause();
document.getElementById('puluh').currentTime=0;
document.getElementById('puluh').play();
}, totalwaktu);
totalwaktu=totalwaktu+1000;
setTimeout(function() {
document.getElementById('suarabel1').pause();
document.getElementById('suarabel1').currentTime=0;
document.getElementById('suarabel1').play();
}, totalwaktu);
totalwaktu=totalwaktu+1000;

<?php
}else{
//JIKA LEBIH DARI 100
//Karena aplikasi ini masih sederhana maka logina konversi hanya sampai 100
//Selebihnya akan langsung disebutkan angkanya saja
//tanpa kata "RATUS", "PULUH", maupun "BELAS"
?>

<?php
for($i=0;$i<$panjang;$i++){
?>

totalwaktu=totalwaktu+1000;
setTimeout(function() {
document.getElementById('suarabel<?php echo $i; ?>').pause();
document.getElementById('suarabel<?php echo $i; ?>').currentTime=0;
document.getElementById('suarabel<?php echo $i; ?>').play();
}, totalwaktu);
<?php
}
}
?>


totalwaktu=totalwaktu+1000;
setTimeout(function() {
document.getElementById('suarabelsuarabelloket').pause();
document.getElementById('suarabelsuarabelloket').currentTime=0;
document.getElementById('suarabelsuarabelloket').play();
}, totalwaktu);

totalwaktu=totalwaktu+1000;
setTimeout(function() {
document.getElementById('suarabelloket<?php echo $loket; ?>').pause();
document.getElementById('suarabelloket<?php echo $loket; ?>').currentTime=0;
document.getElementById('suarabelloket<?php echo $loket; ?>').play();
}, totalwaktu);
}
</script>