Aplikasi Karyawan Menggunakan Barcode Scanner

Aplikasi ini di rancang untuk keperluan absensi karyawan, dan sudah di gunakan di beberapa di instansi. Modul absensi meliputi Mapping Sift kerja, penjadwalan, laporan serta rekap absensi dan perijinan pegawai. Sangat cocok di gunakan untuk SDM.

APLIKASI CETAK ID CARD PEGAWAI

Alikasi ini di rancang untuk untuk mencetak kartu pengenal ( ID CARD ) pegawai. Aplikasi yang saya rancang di php ini sudah teruji dan digunakan satu paket dengan aplikasi Absensi bagi yang berminat untuk memiliki aplikasi ini bisa kontak saya via email atau by phone.

Tutorial Perancangan Aplikasi

PHP CHANEL juga memberikan banyak tutorial dalam merancang sebuah aplikasi sehingga banyak membantu memberikan tambahan ilmu bagi yang menyukai aplikasi berbasis web, sangat berguna bagi pelajar dan mahasiswa yang sedang merancang skripsinya.

Tutorial Perancangan Laporan

PHP CHANEL banyak juga membantu dalam merancang laporan dan memberikan tutorial yang terbaik serta memberikan open source, dan memberikan pelajaran tentang query dan database, pengambilan data dan lain - lain.

Web Designer

PHP CHANEL memberikan tutorial dalam merancang dan mendesain web sendiri, membuat style serta membuat template sendiri. Tutorial ini sangat berguna jika di ikuti secara bertahap, karena sangat membantu anda dalam merancang sebuah template yang dinamis serta bisa memodifikasi style nya sesuai keinginan kita sendiri.

Showing posts with label JQuery. Show all posts
Showing posts with label JQuery. Show all posts

May 8, 2021

Helper Format Tanggal Indo Menggunakan Codeigniter

Bagaimana cara membuat helper format tanggal indo, menampilkan, dan menyimpan ke database dengan format tanggal mysql menggunakan codeigniter? demikian ada beberapa pertanyaan yang masuk melalui email saya. Maka dari itu saya akan membuat tutorial mengenai hal ini dan semoga dapat membantu rekan - rekan semua untuk menyelesaikan setiap tugas nya. Tahapan yang harus dilakukan sebagai berikut:
1. Buat file php dengan nama general_helper.php, kemudian ketikkan scrip seperti dibawah ini. Atau bisa langsung copy saja.

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

if ( !function_exists('formattanggalindo') )
{
	function formattanggalindo($tanggal){
		if (is_null($tanggal)) {
			return;
		}
		$exp = explode('-', $tanggal);
		$tgl ="";
		if(isset($exp[0])){ $tgl = "$exp[2]-$exp[1]-$exp[0]"; }
		return $tgl;
	}
}

?>


setelah itu simpan file dengan nama general_helper.php pada folder helper diaplikasi codeigniter yang rekan-rekan miliki, seperti pada gambar dibawah ini:
2. Setting File autoload.php yang berada di application => config => cari $autoload['helper'] kemudian ganti seperti dibawah ini:

$autoload['helper'] = array('url','form','general_helper');

3. Menampilkan tanggal pada tabel atau form entrian dengan format tanggal indo.
Setelah langkah satu dan dua selesai sekarang rekan-rekan tinggal memanggil fungsi tersebut untuk ditampilkan pada tabel/grid atau form di View rekan-rekan semua. Sebagai contoh saya memiliki stuktur tabel biodata dengan tampilan sebagai berikut:

Pada controller rekan-rekan, tambahkan fungsi berikut:
saya contohkan file controller ini dengan nama formattanggal_controller.php

<php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
	class formattanggal_controller extends CI_Controller {
    
	function __construct()
	{
		parent :: __construct();
		$this->load->model('contohtanggal_model','',TRUE);

	}

	function get_biodata(){
    	
		$data['daftar'] = $this->contohtanggal_model->show_biodata();
        	//sesuaikan letak view rekan-rekan ya
		$this->load->view( $this->url . '/view_biodata', $data );

	}

}
?>

Kemudian buat file model, saya contohkan dengan nama contohtanggal_model.php. Dan ketikan query seperti dibawah ini untuk memanggil dari tabel yang rekan-rekan punya.(contoh nama tabel biodata) struktur tabelnya seperti diatas.

<php
class Contohtanggal_model extends CI_Model
{

	function __construct()
	{
		parent:: __construct();

	}

	//cara 1
	function show_biodata()
	{
		$query = $this->db->query("SELECT id, nama,tempatlahir,tanggallahir FROM biodata ORDER BY id");
		return $query->result_array();
	}

	// cara2 menampilkan tanggal indo menggunakan query

	function show_biodata_tgl()
	{
		$query = $this->db->query("SELECT id, nama,
                    tempatlahir,
                    DATE_FORMAT(tanggallahir,'%d-%m-%Y') AS tanggallahir 
                    FROM biodata ORDER BY id");
		return $query->result_array();
	}	
}
?>

dari query diatas yang cara 2 sudah format tanggal indo saat ditampilkan di view, sedangkan yang cara 1 nantinya akan kita buat variabel di view nya dengan memanggil fungsi format tanggal dari helper.
Kemudian buatlah view untuk menampilkan data biodata tersebut. Dan buatlah tabel seperti dibawah ini:


Perhatikan variabel tanggallahir pada gambar diatas, untuk memanggil fungsi format tanggal dari helper cukup ditambahkan formattanggalindo() seperti ini :
$tanggallahir = formattanggalindo($bio['tanggallahir']);
4. Membuat format tanggal mysql Setelah kita membuat helper format tanggal indo, kemudian kita akan membuat format tanggal mysql agar saat menyimpan tanggal ke dalam tabel akan dikonversikan lagi sesua tanggal mysql, bagaimana caranya? Buka kembali file helper yang dibuat sebelumnya yang nama file kita contohkan tadi general_helper.php. Kemudian tambahkan fungsi formattanggalmysql dibawah ini :

<php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

if ( !function_exists('formattanggalindo') )
{
	function formattanggalindo($tanggal){
		if (is_null($tanggal)) {
			return;
		}
		$exp = explode('-', $tanggal);
		$tgl ="";
		if(isset($exp[0])){ $tgl = "$exp[2]-$exp[1]-$exp[0]"; }
		return $tgl;
	}
}

if ( !function_exists('formattanggalmysql') )
	{
	function formattanggalmysql($tanggal) {
		if($tanggal){
			 $thn = substr("$tanggal",6,4);
			 $bln = substr("$tanggal",3,2);
			 $tgl = substr("$tanggal",0,2);
			 $hsl_t = "$thn-$bln-$tgl";
			 return($hsl_t);
		}
	}
}

?>

Setelah selesai membuat fungsitanggalmysql, kemudian saat menyimpan tanggal kedalam tabel cukup dengan memanggil fungsi tersebut seperti dibawah ini :

$tanggallahir = formattanggalmysql($this->input->post($tanggallahir));

Demikian tutorial yang bisa saya berikan ya rekan-rekan phpchanel, sekaligus menjawab pertanyaan melalui email ke saya. Semoga bermanfaat dan bisa memberikan gambaran untuk mengembangkan tugas rekan- rekan. Jika ada pertanyaan lain, silahkan komen atau email. Tanks
Share:

Sep 19, 2016

CARA MUDAH MEMBUAT DATAGRID DI PHP DENGAN JQ EASYUI

Cara Membuat Datagrid Di PHP

Cara Membuat Datagrid Di PHP Menggunakan JQuery EasyUI
Cara mudah membuat datagrid di php. Serta membuat fungsi SAVE, EDIT, DELLETE menggunakan jquery easyui. Pada postingan saya kali ini saya ingin memberikan tutorial membuat datagrid di php menggunakan jq easyui .

Banyak rekan - rekan bloger yang kesulitan untuk membuat datagrid menggunakan php, atau sudah bisa membuat datagrid namun tampilannya masih kurang memuaskan. Maka di sini saya akan berbagi tutorial dan saya berharap bermanfaat bagi rekan - rekan semua.

Sebelum nya kita siapkan dulu framework JQuery Easyui UI. rekan -rekan dapat mendowloadnya dari link dibawah :

Situs Resmi JQ EASYUI : Download Easyui atau dari Google Drive : Download Easyui

Setelah mendowload JQ EasyUI, ikuti tahapan seperti berikut :

1. Buat folder dengan nama users di localhost anda yaitu di xampp --> htdocs --> users

2. Buat folder dengan nama asset di dalam folder users

3. Copas JQ Easyui yang anda download tadi di dalam folder asset

4. Installasinya atau pemanggilan fungsi nya :
 <!--LOAD file-file yang dibutuhkan-->  
 <link rel="stylesheet" type="text/css" href="../../asset/easyui/demo/demo.css">  
 <link rel="stylesheet" type="text/css" href="../../asset/easyui/themes/ui-sunny/easyui.css">  
 <link rel="stylesheet" type="text/css" href="../../asset/easyui/themes/icon.css">  
 <link rel="stylesheet" type="text/css" href="../../asset/easyui/themes/color.css">  
Letakkan kode di atas tepatnya di bawah <head>

5. Membuat datagridnya di File index.php, di sini saya membuat datagrid untuk menampilkan data dari tabel users yang sudah kita dipostingan sebelumnya bagi yang belum mengikuti bisa anda lihat di CARA MEMBUAT DATABASE DAN TABEL DI PHPMYADMIN untuk membuat datagridnya masukkan kode dibawah ini dan tempatkan kode berikut di bawah <body>. berikut kodenya :
 <div class="easyui-panel" style="position:relative;width:auto;height:400px;overflow:auto;">  
 <table id="dgusers" class="easyui-datagrid" style ="width:auto;height:250px;padding:10px 0px 0px 10px"  
  url ="../users/grid-users.php"  
  toolbar="#tbuser"  
  fit="true"  
  pagination="true"  
  iconCls="icon-ok"  
  fit="true"  
  singleSelect="true">  
  <thead>  
  <tr>  
  <th field="id_user" width="80" sortable="true" hiden="true">ID</th>  
  <th field="nama" width="250" sortable="true">Nama Pegawai</th>  
  <th field="username" width="250" sortable="true">Username</th>  
  <th field="password" width="300" sortable="true">Password</th>  
  <th field="level_user" width="200" sortable="true">Level User</th>  
  </tr>  
  </thead>  
 </table>  
 <div id="tbuser">  
 <label>Cari User :</label>  
 <input id="namauser" class="easyui-searchbox" data-options="prompt:'Cari nama user...',searcher:doSearch" style="width:300px"></input>  
 <a href="javascript:void(0)" class="easyui-linkbutton c7" iconCls="icon-add" style="width:10%" plain="true" onClick="newUsers()">Tambah</a>  
 <a href="javascript:void(0)" class="easyui-linkbutton c7" iconCls="icon-edit" style="width:10%" plain="true" onClick="editUsers()">Edit</a>  
 <a href="javascript:void(0)" class="easyui-linkbutton c7" iconCls="icon-remove" style="width:10%" plain="true" onClick="hapusUsers()">Hapus</a>  
 <a href="javascript:void(0)" class="easyui-linkbutton c7" plain="true" iconCls="icon-reload" style="width:10%" onClick="reload()">Refresh</a>  
 </div>  
 </div>  
dari kode diatas tabel memiliki id : dgusers dan toolbar : tbuser dan di dalam toolbar ada tombol Tambah, Edit, Hapus, Refresh dan Pencarian. Simpan file di atas dengan nama index.php di dalam folder users yang sudah kita buat tadi.

6. Membuat file grid-users.php. file ini fungsinya untuk memanggi data dari tabel dan di tampilkan di dalam datagrid. kode scriptnya sebagai berikut :
 <?php  
  mysql_connect('localhost','root','') or die(mysql_Error());  
  mysql_select_db('pegawairs') or die(mysql_Error());  
 $page = isset($_POST['page']) ? intval($_POST['page']) : 1;  
 $rows = isset($_POST['rows']) ? intval($_POST['rows']) : 15;  
 $sort = isset($_POST['sort']) ? strval($_POST['sort']) : 'id';  
 $order = isset($_POST['order']) ? strval($_POST['order']) : 'asc';  
 $id_user = isset($_POST['id_user']) ? mysql_real_escape_string($_POST['id_user']) : '';  
 $nama = isset($_POST['nama']) ? mysql_real_escape_string($_POST['nama']) : '';  
 $username = isset($_POST['username']) ? mysql_real_escape_string($_POST['username']) : '';  
 $password=isset($_POST['password']) ? mysql_real_escape_string($_POST['password']) : '';  
 $level_user=isset($_POST['level_user']) ? mysql_real_escape_string($_POST['level_user']) : '';  
 $offset = ($page-1)*$rows;  
 $result = array();  
 $where = "nama like '%$nama%' and username like '%$username%'";  
 $rs = mysql_query("select count(*) from users where " . $where);  
 $row = mysql_fetch_row($rs);  
 $result["total"] = $row[0];  
 $rs = mysql_query("select * from users where " . $where . " limit $offset,$rows");  
 $rows = array();  
 while($row = mysql_fetch_object($rs)){  
 array_push($rows, $row);  
 }  
 $result["rows"] = $rows;  
 echo json_encode($result);  
 ?>  
Simpan file diatas dengan nama grid-users.php di dalam folder user. cara penerapanya perhatikan di no 5. (url ="../users/grid-users.php").

7. Membuat Dialog Form. Dialog form ini berfungsi untuk input, edit jika tombol Tambah di tekan maka akan muncul dialog form. seperti gambar dibawah :
PHP Tutorial-membuat datagrid

masukkan kode dibawah untuk membuat dialog form nya :
  <div id="dlgusers" class="easyui-dialog" title="SETTING USERS" style="width:800px;height:300px;padding:10px"  
       data-options="closed:'true',iconCls: 'icon-save',buttons: '#dlgkeluarga-buttons'">  
   <fieldset>  
   <legend>FORM SETTING USER</legend>  
      <form id="ffusers" method="post">  
       <table cellpadding="5">  
         <tr>  
           <td>ID:</td>  
           <td><input class="easyui-textbox" style="width:200px;height:25px" name="id_user" readonly="true"></input></td>  
    <td>NAMA :</td>  
           <td><input class="easyui-textbox" style="width:200px;height:25px" name="nama"></input></td>  
   </tr>  
   <tr>  
    <td>USER NAME:</td>  
           <td><input class="easyui-textbox" style="width:200px;height:25px" name="username" required="true"></input></td>  
    <td>PASSWORD :</td>  
           <td><input class="easyui-textbox" type="password" style="width:200px;height:25px" name="password" required="true"></input></td>  
   </tr>  
   <tr>  
    <td>LEVEL USER:</td>  
           <td><input class="easyui-textbox" name="level_user" style="width:200px;height:25px" required="true"></input></td>  
   </tr>  
       </table>  
     </form>   
  </fieldset>  
   <div id="dlgkeluarga-buttons">  
   <a href="javascript:void(0)" class="easyui-linkbutton c1" iconCls="icon-clear" style="width:15%" onclick="javascript:$('#ffusers').form('reset')">Clear Form</a>  
   <a href="javascript:void(0)" class="easyui-linkbutton c1" iconCls="icon-reload" style="width:15%" onclick="reload()">Refresh</a>  
      <a href="javascript:void(0)" class="easyui-linkbutton c1" style="width:15%" onclick="saveUsers()">Simpan</a>  
      <a href="javascript:void(0)" class="easyui-linkbutton c1" style="width:15%" onclick="javascript:$('#dlgusers').dialog('close'),$(ffusers).form('reset')">Close</a>  
    </div>  
 </div>  
simpan file tersebut didalam folder users dengan nama dlg-users.php

8. Membuat fungsi simpan. Seperti Gambar di bawah :
Tutorial Dialog Form di PHP

Isikan texbox lalu tekan tombol simpan.

PHP Tutorial-Easyui


Maka akan muncul seperti gambar dibawah :
Tutorial PHP-Membuat Datagrid

Tekan OK dan proses simpan ke tabel seperti gambar dibawah :
Untuk membuat file simpannya isikan kode dibawah ini :
 <?php  
      $id_user=$_POST['id_user'];  
             $nama=$_POST['nama'];  
             $username=$_POST['username'];  
   $password=$_POST['password'];  
             $level_user=$_POST['level_user'];  
  mysql_connect('localhost','root','') or die(mysql_Error());  
  mysql_select_db('sdm') or die(mysql_Error());  
 $sql = "INSERT INTO users(id_user,nama,username,password,level_user) VALUES('NULL','$nama','$username','$password','$level_user')";  
 @mysql_query($sql);  
 echo json_encode(array(  
 'id'=>mysql_insert_id(),  
 'id_user'=>$id_user,  
 'nama'=>$nama,  
 'username'=>$username,  
 'password'=>$password,  
 'level_user'=>$level_user  
 ));  
 ?>  
simpan file tersebut di folder users dengan nama save-users.php.

9. Membuat fungsi edit. Gambar seperti di bawah ini.
Cara Mudah Membuat Datagrid Dengan Input Dialog Form

Select field yang akan di edit lalu tekan tombol edit maka dialog form muncul sepertigambar di atas. untuk membuat file editnya isikan kode berikut:
 <?php  
 $id_user = intval($_REQUEST['id_user']);  
 $nama =$_REQUEST['nama'];  
 $username = $_REQUEST['username'];  
 $password = $_REQUEST['password'];  
 $level_user = $_REQUEST['level_user'];  
 mysql_connect('localhost','root','') or die(mysql_Error());  
 mysql_select_db('sdm') or die(mysql_Error());  
 $sql = "update users set id_user='$id_user',nama='$nama',username='$username',password='$password',level_user='$level_user' where id_user='$id_user'";  
 @mysql_query($sql);  
 echo json_encode(array(  
 'Id' => mysql_insert_id(),  
 'id_user'=>$id_user,  
 'nama'=>$nama,  
 'username' => $username,  
 'password' => $password,  
 'level_user' => $level_user  
 ));  
 ?>  
Simpan file ini dengan nama update-users.php di dalam folder users.

10. Membuat file hapus. Gambar yang akan di tampilkan seperti berikut:
Desain Datagrid Di PHP

Kodenya seperti dibawah :
 <?php  
 $id_user =$_REQUEST['id_user'];  
 mysql_connect('localhost','root','') or die(mysql_Error());  
 mysql_select_db('sdm') or die(mysql_Error());  
 $sql = "delete from users where id_user=$id_user";  
 @mysql_query($sql);  
 echo json_encode(array('success'=>true));  
 ?>  
Simpan file tersebut dengan nama dell-users.php di dalam folder users.

Selesai sudah tutorial ini, walaupun sangat panjang saya berharap memberikan pelajaran yang baik bagi rekan - rekan semua. Silahkan mencoba dan kalau ingin mendapatkan script lengkapnya harap berlangganan artikel dengan memasukkan alamat email anda di gadget sebelah kanan. Saya akan mengirimkan script lengkapnya ke email rekan - rekan semua.

semoga bermanfaat.



Share:
Hosting Unlimited Indonesia

MESSAGE

Name

Email *

Message *