Latest Post

Menghilangkan Index.php Pda URL CodeIgniter

Saat kita mengakses url/project CodeIgniter kita ,pasti kita melihat index.php seperti pada url http://localhost/project/index.php/home/. index.php pada codeigniter dapat kita hilangkan dengan mudah sehingga kita tidak perlu lagi menggunakan index.php pada url project codeigniter kita. Jika index.php di hilangkan maka hasilnya akan seperti url berikut ini http://localhost/project/home/ . Jadi url codeigniter kita terlihat rapi dan cantik.

Jadi untuk menghilangkan index.php pada Codeigniter kita ikuti tutorial dibawah ini :

Menghilangkan index.php
Kita hanya mengedit sedikit file /application/config/condig.php. Buka file tersebut, dan cari index_page seperti dibawah ini :

$config['index_page'] = 'index.php';
Dan edit menjadi seperti dibawah ini, atau lebih tepatnya hapus index.php

$config['index_page'] = '';

Setelah melakukan langkah diatas. Sekarang kita buat file .htaccess pada direktori root project CodeIgniter kita. Untuk isi file .htaccess nya seperti dibawah ini.

RewriteEngine On
RewriteCond %{REQUEST_URI} ^/system.*
RewriteRule ^(.*)$ index.php?/$1 [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.+)$ index.php?/$1 [L]

Untuk mencoba hasil dari menghilangkan index.php pada codeigniter silahkan akses url pada project codeigniter tanpa index.php . Biasanya kita mengakses dengan url http://localhost/project/index.php/home/ maka silahkan akses dengan url http://localhost/project/home/ . Jika hasil yang ditampilkan dari kedua url tersebut sama maka anda berhasil Mempercantik URL dengan menghilangkan index.php pada CodeIgniter. 


Apa itu Node.js ? Sebelumnya mari kita berkenalan dulu sama Node.js. Node.js merupakan sebuah software yang dibuat untuk mengembangkan aplikasi berbasis WEB. Node.js dijalankan sebagai aplikasi server. Node.js ini menggunakan bahasa pemrograman javascript dan menggunakan teknik non-blocking I/O yang berfungsi untuk mempercepat proses. 

Biasanya aplikasi server menggunakan PHP. Ini merupakan kelebihan dari Node.js. Jadi kita bisa menggunakan javascript yang di eksekusi sebagai server-side. Kelebihan lain dari Node.js adalah teknik non-blockingnya. Teknik non-blocking pada Node.js yaitu Node.js akan melakukan eksekusi secara independen. Node.js Akan mengeksekusi sebuah operasi tanpa harus menunggu operasi sebelumnya selesai dieksekusi, sehingga menghasilkan aplikasi web yang lebih cepat dan efisien.

Jadi untuk membangun sebuah web atau aplikasi web yang lebih cepat Node.js sangat disarankan. Oleh karena itu Tutorial Instalasi Node.js ini saya tulis. Semoga Tutorial ini bisa bermanfaat untuk anda. 

Pada tutorial ini , Instalasi Node.js kita instal pada sistem operasi windows.

Tutorial Instalasi Node.js
1. Pertama Download Node.js di website resminya di sini . Silahkan download versi 32 bit atau 64 bit. Ketika Tutorial ini dibuat. versi Node.js sudah sampai versi 6.1.0 . Tetapi yang kita install sebaiknya versi yang Recommended For Most Users. Karena versi ini biasanya lebih stabil.

Official Website Node.js

2. Setelah berhasil mendownload file instalasi Node.js . Silahkan di install. Caranya cukup mudah. Seperti kita menginstal program lainnya pada sistem operasi windows. Jalankan file instalasi, Klik next. sampai instalasi selesai.


3. Setelah berhasil di instal. Biasanya muncul shorcut Node.js di desktop anda. Jalankan Node.js dengan mengklik shorccut Node.js. Node.js akan menampilan Comand Console seperti gambar dibawah ini.

Comand Console Node.js
4. Sampai disini kita sudah berhasil menginstal Node.js di komputer kita. Selanjutnya kita harus menginstal dan update npm . npm adalah package manajer untuk Node.js. jadi kita bisa download dan install modul modul  yang kita butuhkan dalam membangun aplikasi web menggunakan Node.js. Untuk menginstall dan update npm ketikan perintah dibawah ini :
npm install npm -g
Ingat Perintah di atas diketik di dalam comand prompt Node.js bukan di comand prompt windows !! 
Comand prompt Node.js biasanya muncul di dalam start menu seperti ditampilkan gambar dibawah ini.
Node.Js Command Prompt

Sekian tutorial kali ini . Semoga Tutorial Instalasi Node.js Bisa bermanfaat bagi anda. Jika ada yang ingin di tanyakan. Silahkan lewat komentar diwabah. Terima kasih.

Tutorial Insert Update Delete Pada MySQLi Dan PHP 7

Tulisan kali ini saya akan memberikan tutorial sederhana mengenai insert update delete pada MySQLi dan PHP 7.

Apa itu MySQLi ?
MySQLi (MySQL Improved Extension) merupakan versi perbaikan atau penambahan dari extension MySQL.
Oke kita langsung saja ke pokok pembahasan . Pertama kita buat dulu 4 File yaitu :
  1. index.php
  2. insert.php
  3. update.php
  4. delete.php
Membuat Database db_mahasiswa
CREATE DATABASE db_mahasiswa;
Buat Tabel Mahasiswa Pada Database
CREATE TABLE mahasiswa (
id INT(6) AUTO_INCREMENT NOT NULL,
nim VARCHAR(10) NOT NULL,
nama VARCHAR(30) NOT NULL,
jk VARCHAR(1) NOT NULL,
alamat TEXT,
PRIMARY KEY(id)
);
Source Code index.php
<?php
$mysqli = new mysqli("localhost", "root", "", "db_mahasiswa");

/* check connection */
if ($mysqli->connect_errno) {
printf("Connect failed: %s\n", $mysqli->connect_error);
exit();
}

?>

<h2>Tambah Data Mahasiswa</h2>
<form action="insert.php" method="post" name="insertform">
<table>
<tr>
<td>NIM</td>
<td>:</td>
<td><input type="number" name="nim" required placeholder="NIM"></td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type="text" name="nama" required placeholder="Nama"></td>
</tr>
<tr>
<td>L/P</td>
<td>:</td>
<td>
<input type="radio" name="jk" value="L">L
<input type="radio" name="jk" value="P">P
</td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><input type="text" name="alamat" required placeholder="Alamat"></td>
</tr>
</table>
<input type="submit" name="send" value="Submit"/>
</p>
</form>

<?php
if ($data = $mysqli->query("SELECT * FROM mahasiswa")) {
echo "<table border=1>";
echo "<tr>";
echo "<td>Nim</td>";
echo "<td>Nama</td>";
echo "<td>L/P</td>";
echo "<td>Alamat</td>";
echo "<td colspan=2>Aksi</td>";
echo "</tr>";

foreach ($data as $hasil) {
echo "<tr>";
echo "<td>".$hasil['nim']."</td>";
echo "<td>".$hasil['nama']."</td>";
echo "<td>".$hasil['jk']."</td>";
echo "<td>".$hasil['alamat']."</td>";
echo "<td><a href='update.php?id=".$hasil['id']."'>Edit</a></td>";
echo "<td><a href='delete.php?id=".$hasil['id']."'>Hapus</a></td>";
echo "</tr>";
}
echo "</table>";

/* free result set */
$data->close();
}

$mysqli->close();
?>
Source Code diatas merupakan source code untuk menghubungkan ke database db_mahasiswa dengan code $mysqli = new mysqli("localhost", "root", "", "db_mahasiswa"); . Source code diatas juga berfungsi menampilkan hasil query $data = $mysqli->query("SELECT * FROM mahasiswa") . Untuk tampilannya bisa dilihat di pada gambar dibawah ini.


Source Code insert.php
<?php
$mysqli = new mysqli("localhost", "root", "", "db_mahasiswa");

/* check connection */
if ($mysqli->connect_errno) {
printf("Connect failed: %s\n", $mysqli->connect_error);
exit();
}

if(isset($_POST['send'])!="")
{
$nim=$_POST['nim'];
$nama=$_POST['nama'];
$jk=$_POST['jk'];
$alamat=$_POST['alamat'];
$insert= $mysqli->query("INSERT INTO mahasiswa (nim,nama,jk,alamat)VALUES ('$nim','$nama','$jk','$alamat') ");

if($insert)
{
$msg="Tambah Data Berhasil";
echo "<script type='text/javascript'>alert('$msg');</script>";
header('Location:index.php');
}
}
else
{
$errormsg="Tambah Data Gagal !!! Coba Lagi !!";
echo "<script type='text/javascript'>alert('$errormsg');</script>";
header('Location:index.php');
}

$mysqli->close();
?>
Source code insert.php merupakan source code untuk MySQLi Query INSERT. Pada Source code diatas . MySQLi Query INSERT ditunjukan pada code $insert= $mysqli->query("INSERT INTO mahasiswa (nim,nama,jk,alamat)VALUES ('$nim','$nama','$jk','$alamat') "); .

Source Code update.php
<?php 
$mysqli = new mysqli("localhost", "root", "", "db_mahasiswa");
if(isset($_GET['id']))
{
$id=$_GET['id'];
if(isset($_POST['update']))
{
$nim=$_POST['nim'];
$nama=$_POST['nama'];
$jk=$_POST['jk'];
$alamat=$_POST['alamat'];
$update= $mysqli->query("UPDATE mahasiswa SET nim='$nim', nama='$nama', jk='$jk', alamat='$alamat' WHERE id='$id'");
if($update)
{
$msg="Berhasil Di Update";
header('Location:index.php');
}
}
}
?>
<?php
if(isset($_GET['id']))
{
$id=$_GET['id'];
$ambildata = $mysqli->query("SELECT * from mahasiswa WHERE id='$id'");
while($data=$ambildata->fetch_array(MYSQLI_BOTH))
{
$nim=$data['nim'];
$nama=$data['nama'];
$jk=$data['jk'];
$alamat=$data['alamat'];
?>
<h2>Edit Data Mahasiswa</h2>
<form action="" method="post" name="insertform">
<table>
<tr>
<td>NIM</td>
<td>:</td>
<td><input type="number" name="nim" required placeholder="NIM" value="<?php echo $nim;?>"></td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type="text" name="nama" required placeholder="Nama" value="<?php echo $nama;?>"></td>
</tr>
<tr>
<td>L/P</td>
<td>:</td>
<td>
<input type="radio" name="jk" value="L">L
<input type="radio" name="jk" value="P">P
</td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><input type="text" name="alamat" required placeholder="Alamat" value="<?php echo $alamat;?>"></td>
</tr>
</table>
<input type="submit" name="update" value="Simpan Update"/>
</p>
</form>
<?php } } ?> 
Source code update.php merupakan source code untuk MySQLi Query update. Pada Source code diatas MySQLi Query update ditunjukan pada code $update= $mysqli->query("UPDATE mahasiswa SET nim='$nim', nama='$nama', jk='$jk', alamat='$alamat' WHERE id='$id'"); . Dan source code diatas juga menampilkan data yang akan di edit menggunakan MySQLi Query SELECT yang ditunjukan dengan code $ambildata = $mysqli->query("SELECT * from mahasiswa WHERE id='$id'");

Source Code delete.php
<?php
$mysqli = new mysqli("localhost", "root", "", "db_mahasiswa");

/* check connection */
if ($mysqli->connect_errno) {
printf("Connect failed: %s\n", $mysqli->connect_error);
exit();
}

if(isset($_GET['id'])!="")
{
$id=$_GET['id'];
$hapus=$mysqli->query("DELETE FROM mahasiswa WHERE id='$id'");
if($hapus)
{
header("Location:index.php");
}
else
{
echo mysql_error();
}
}

$mysqli->close();
?>

Source code diatas merupakan contoh fungsi MySQLi Query DELETE yang ditunjukan pada code $hapus=$mysqli->query("DELETE FROM mahasiswa WHERE id='$id'");
Mungkin tutorial ini sangat sederhana, Semoga tutorial sederhana  ini bisa bermanfaat bagi yang membutuhkan . Pada tulisan ini saya sertakan juga source code dan database yang bisa di download. 
Download Source Code
Download Database

Sistem Informasi Akademik SMA/SMK ini dibuat untuk memenuhi kebutuhan pengolahan nilai khusus sekolah yang menggunakan kurikulum 2013 dengan Panduan Penilaian TERBARU dari KEMENDIKNAS DESEMBER 2015, terdiri dari 3 Modul Utama:

1. Berbasis Web
A. GURU : Entri nilai (PENGETAHUAN HARIAN, MID, SEMESTER, KETERAMPILAN, Entri Deskripsi Capaian Hasil Belajar, Dowload Nilai) .
B. Wali Kelas : Biodata , Lihat/Download Leger, Entri Raport Sikap, Kehadiran, dan keterangan lain sesuai format baku raport


2. Berbasis Desktop
Untuk Admin, Cetak Raport, Entri data Master, Buat Leger, dll .


3. Absensi Harian Siswa dan Guru, Jadwal Guru, SMS kehadiran, SMS autorespon.
A. Orang tua bisa cek kehadiran anaknya dengan mengirim SMS dan akan dijawab secara otomatis oleh server .
B. Notifikasi SMS untuk guru apabila guru yang bersangkutan terlambat .
C. Rekapitulasi kehadiran siswa.
D. Rekapitulasi kehadiran guru.


Keterangan tambahan:
1. Database : MySQL.
2. Script PHP, Entri Nilai Guru, dan Walikelas berbasis web dibuat dengan YII2 Framework
3. Desktop dibuat dengan VB.Net .
4. Absensi : Dibuat dengan CI Framework .
Client tidak terbatas, Server windows dengan Xampp, atau Linux (direkomendasikan Linux).
Dibantu instalasi aplikasi dengan remote SSH atau teamviewer khusus sekolah yang SERIUS memakainya.

Sistem Informasi Akademik SMA/SMK Kurikulum 2013  ini sudah digunakan dan berjalan 2 tahun di salah satu Sekolah Negeri Kabupaten Lahat, Sumatera Selatan.

Tampilan Entri Nilai Sistem Informasi Akademik SMA/SMK Kurikulum 2013  

Sistem Informasi Akademik SMA/SMK Kurikulum 2013


Sistem Informasi Akademik SMA/SMK Kurikulum 2013






Sistem Informasi Akademik SMA/SMK Kurikulum 2013

Tampilan Admin Untuk Cetak Rapot Berbasis Desktop
Sistem Informasi Akademik SMA/SMK Kurikulum 2013

Sistem Informasi Akademik SMA/SMK Kurikulum 2013

Sistem Informasi Akademik SMA/SMK Kurikulum 2013


Sistem Informasi Ini bisa Anda miliki dengan membelinya melalui TOKOPEDIA. Atau bisa dengan donasi. Bagi Anda yang ingin memiliki Sistem Informasi Akademik ini dengan cara berdonasi. Atau untuk informasi lebih lengkap Silahkan hubungi :
082280602016 / erasusanti23@gmail.com
BELI

Tutorial Yii 2 : Pop Up Form Dengan Modal Bootstrap

Pada tulisan kali ini saya akan memberikan tutorial membuat Pop Up Form Dengan Modal Bootstrap di Yii Framework 2. Untuk membuat Pop Up form dengan Bootstrap kita akan memasang class modal, Helper Url dan Widget Pjax pada view. Untuk memasang class modal, helper url dan widget Pjax silahkan tulis source code berikut di file view anda.


use yii\bootstrap\Modal;
use yii\widget\Pjax;
use yii\helpers\Url;

  1. use yii\bootstrap\Modal; merupakan script untuk memanggil class modal bootstrap
  2. use yii\widget\Pjax; merupakan script untuk memanggil widget Pjax
  3. use yii\helpers\Url; merupakan script untuk memanggil helpers Url

Selanjutnya kita akan membuat link atau button untuk memanggil modal yang berisi form. Berikut contoh source code button untuk memanggil modal.


<?= Html::button('Tambah Siswa', ['value' => Url::to('siswa/create'),'class' => 'btn btn-success','id'=>'modalButton']) ?>
  1. siswa/create merupakan action yang ada pada controller siswa untuk menampilkan view berupa form. Silahkan anda ganti sesuai action pada controller anda. 
  2. saya tulis siswa/create karena saya menggunakan pretyy url. jika anda tidak menggunakan pretty url silahkan ganti menjadi index.php?r=siswa/create.

masih di dalam view, sekarang kita tambahkan source code untuk modal . Berikut source code untuk modalnya.


<?php
Modal::begin([
'header' => '<h4>Siswa</h4>',
'id' => 'modal',
'size' => 'modal-lg',
]);

echo "<div id='modalContent'><div>";
Modal::end()
?>

Untuk bagian view selesai.
Sekarang kita bua action creat untuk menampilkan view berupa form. Berikut source code untuk menampilkan viewnya :

public function actionCreate()
{
return $this->renderajax('create',
);
}
}

return $this->renderajax('create',); akan menampilkan view create.php yang akan ditampilkan didalam modal. 
Sekarang kita load java script untuk fungsi menampilkan modal. Tambahkan source code berikut di assets/AppAssets.php.

public $js = [
'main.js',
];
Selanjutnya silahkan buat file main.js di folder web yang isinya seperti berikut :


$(function(){
//ambil form untuk tambah data
$("#modalButton").click(function(){
$("#modal").modal('show')
.find("#modalContent")
.load($(this).attr('value'));
});
});

Untuk menampilkan Pop Up Form Modal silahkan klik button yang ada di view. Sekian tutorial Yii 2 2 mengenai Pop Up Form Dengan Modal Bootstrap. Semoga tutorial ini bermanfaat. Untuk kritik dan saran dari anda jangan segan segan untuk berkomentar di kolom komen yang ada dibwah. Salam Coder kak.

Aplikasi Penerimaan Siswa Baru Online Dengan Sistem Ranking Otomatia

Aplikasi Penerimaan Siswa Baru Online Dengan Sistem Rangking Otomatis ini merupakan sebuah aplikasi berbasis web yang dibuat dengan framework code igniter. Aplikasi Penerimaan Siswa Baru Online ini memiliki fitur yang sangat menarik . Yaitu fitur Meranking otomatis para pendaftar. Jadi admin pihak sekolah tidak perlu susah susah lagi dalam menentukan siswa yang lulus.

Fitur Aplikasi :
  1. Ranking Otomatis Calon Siswa
  2. Pilihan Program Studi Yang Bisa Diubah
  3. Mata Pelajaran Untuk Input Nilai Bisa Diubah
  4. Setting Web
  5. Tampilan Antar Muka Yang Efisien




Prosedur Pendaftaran
Prosedur Pendaftaran Penerimaan Siswa Baru Online


  1. Isi Biodata
  2. Pilih Program Studi
  3. Input Nilai Siswa
  4. Kirim Verifikasi
  5. Cetak Bukti Pendaftaran Dan Diserahkan Ke Panitia PSB Online Untuk Diverifikasi
  6. Setelah berhasil diverifikasi . Data pendaftar akan otomatis di ranking.
Berikut Tampilan Halaman Pendaftar :
Pendaftaran PSB Online

Input Biodata PSB Online

Input Biodata PSB Online

Input Nilai PSB Online

Kirim Verifikasi PSB Online


Screen Shoot Halaman Admin







DEMO
Untuk Download source code sebagai bahan belajar silahkan donasi berapapun. Untuk No Rek Lihat Disini

Tutorial Backup Dan Restore Database Dengan CodeIgniter 3

Backup Dan Restore Database sangatlah penting . Karena dengan backup dan Restore database kita akan terjaga apabila ada trouble dengan database kita. Kali ini Cuma Coder akan membagikan sedikit tutorial sederhana untuk Backup Dan Restore Dengan CodeIgniter 3 .

1. Backup Database
Untuk tutorial backup database sebenarnya bisa di baca di user guidenya CodeIgniter yang bisa anda coba baca di web resmi CodeIgniter .
Berikut source code untuk backup database yang bisa diterapkan di dalam function yang bisa anda buat :

// Load the DB utility class
$this->load->dbutil();

// Backup database dan dijadikan variable
$backup = $this->dbutil->backup();

// Load file helper dan menulis ke server untuk keperluan restore
$this->load->helper('file');
write_file('/backup/database/mybackup.gz', $backup);

// Load the download helper dan melalukan download ke komputer
$this->load->helper('download');
force_download('mybackup.gz', $backup);
Jika function dengan source code diatas dijalankan akan mendownload database dengan nama mybackup.gz . Silahkan ekstrak dengan file mybackup.gz tersebut untuk melihat hasil backup database nya. Untuk pengaturan tertentu dalam backup database bisa menggunakan source code berikut :
$prefs = array(
'tables' => array('table1', 'table2'),
// Array table yang akan dibackup
'ignore' => array(),
// Daftar table yang tidak akan dibackup
'format' => 'txt',
// gzip, zip, txt format filenya
'filename' => 'mybackup.sql',
// Nama file
'add_drop' => TRUE,
// Untuk menambahkan drop table di backup
'add_insert' => TRUE,
// Untuk menambahkan data insert di file backup
'newline' => "\n"
// Baris baru yang digunakan dalam file backup
);

$this->dbutil->backup($prefs);
Source Code diatas akan menghasilkan file backup database dengan nama mybackup.sql .

2. Restore Database
Untuk restore database nya bisa juga dengan menggunakan function berikut ini :

function restoredb()
{
$isi_file = file_get_contents(�./backup/database/mybackup.sql�);
$string_query = rtrim( $isi_file, �\n;� );
$array_query = explode(�;�, $query);
foreach($array_query as $query)
{
$this->db->query($query);
}
}
Penjelasan function restoredb diatas adalah :

  1. file_get_contents(�./backup/database/mybackup.sql�), kode ini berarti kita membaca isi dari file mybackup.sql sebagai string.
  2. rtrim( $isi_file, �\n;� ), kode ini berarti kita menghilangkan tanda titik koma diujung string.
  3. explode(�;�, $query), kode ini berarti kita memecah string menjadi array dengan menjadikan tanda titik koma sebagai pemisahnya.
Note : Untuk database yang berukuran besar sebaiknya langsung backup dari Database Server


Demikianlah postingan Tutorial Backup Dan Restore Database Dengan CodeIgniter 3 . Semoga bisa diterapkan . Jika ada pertanyaan atau ktritik dan saran . Silahkan tulis di kolom komentar dibawah .

Author Name

Formulir Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.