Download Project Aplikasi Survey Dengan Framework Codeigniter dan Jquery Mobile

Ngulik Kode - Kali ini saya tidak ingin membagikan tutorial kepada anda, tetapi saya ingin membagikan source code dari proyek yang sudah saya selesaikan. Apa itu proyeknya ? Proyeknya adalah semacam Aplikasi Survey gitu. Konsep dari peroyek ini cukup sederhana sih, hanya Mengisi - Simpan - Generate ke PDF.

Pada proyek ini saya menggunakan Framework Codeigniter sebagai back-end dan Framework Jquery Mobile sebagai front-end. Karena aplikasi ini ingin berjalan pada device Android, dari permintaan si client demi mempersingkat waktu, tenaga, dan pikiran saya memutuskan untuk menggunakan kedua framework tersebut.

Oke, Langsung saja tidak perlu banyak percakapan disini, langsung anda lihat review dari aplikasinya. Bisa kalian kembangkan jika anda mendapat proyek yang hampir sama, atau bisa juga sebagai media belajar bagi anda yang ingin menguliknya.

Berikut adalah tampilan awal dari aplikasi ini, user terlebih dahulu memasukkan data diri secara lengkap. Jika sudah semua diisikan, maka data langsung ke simpan pada database dan lanjut masung pada pertanyaan BAB 1 s/d BAB 8. Untuk lebih jelasnya, lihat lagi gambar dibawah ini.

Berikut adalah tampilan pertanyaan dari aplikasi ini, terdapat Delapan BAB pada aplikasi ini yang memiliki total 58 pertanyaan. BAB yang saya maksud disini adalah, setiap tab-tab yang dibawahnya, yang masih terkunci. Anda harus menyelesaikan terlebih dahulu agar bisa melanjutkan ke pertanyaan BAB berikutnya.

Jika semua pertanyaan sudah diisikan, maka si user dapat men-download hasil yang sudah diisikan. Terdapat dua button yaitu "Menu Utama" untuk kembali ke halaman awal dan "Download .PDF" untuk memulai melakukan download dengan bentuk file .PDF

Jika saya coba memilih "Download .PDF" maka aplikasi akan memulai proses download file .PDF, Untuk hasil akhirnya akan seperti gambar dibawah ini.

Nah sampai disini proses selesai, jika user ingin mengisikan kembali maka user harus menggunakan nama yang berbeda tidak boleh sama dengan yang sudah di isikan. Karena disini saya menset field dari nama itu sebagai primary key.

Setiap aplikasi atau program yang kita buat sudah pasti terdapat kekurangan, disini saya coba juga kasih tau kepada anda yang ingin men-download dari aplikasi ini. Kekurangan apa saja yang ada pada aplikasi ini.

Kekuranga Dari Aplikasi :

- Menjadikan nama sebagai primary key : Ada yang bisa lebih unik lagi untuk menjadikan field nama sebagai primary key, contohnya yaitu : username.

- Pada bagian pengisian pertanyaan Check Box seharusnya user memilih salah satu yang diisikan, dan ketika user memilih bagian prioritas maka input text, yang seharusnya disable menjadi tidak disable.

- Ketika user tidak mengisikan sama sekali pertanyaan lalu klik button lanjutkan, tidak terdapat validasi untuk user harus mengisikan semua pertanyaan dan langsung masuk ke database dengan nilai kosong.

- Pada bagian per-BAB tidak bisa lanjutkan ke BAB berikutnya kecuali telah menyelesaikan pertanyaan pada layar. Tetapi user dapat melakuan pindah BAB dengan manual, dengan cara memasukkan link perBAB dari aplikasi.

Sekian yang dapat saya berikan, semoga dapat bermanfaat.


Kode Download :

wB3cg

Cara Download Source Code 

Belajar Membuat Operasi CRUD Pada Codeigniter 3 | Delete ( Menghapus Data )

Ngulik Kode - Sempat beberapa waktu penulisan arikel saya pending dulu karena terdapat beberapa tugas yang harus saya selesaikan. Dan pada kesempatan yang baik ini saya kembali ingin memberikan kepada kalian tutorial lanjutan dari artikel-artikel sebelumnya yaitu belajar membuat operasi CRUD pada codeigniter 3, sekarang yaitu membuat operasi Delete (Menghapus Data).

Dari operasi CRUD, hal yang mudah adalah melakukan proses delete data atau menghapus data. Karena apa ? Karena operasi ini lah yang paling irit dalam penulisan skrip di bandingkan ketika skrip operasi lainya.

Artikel Sebelumnya Disini :

- Belajar Membuat Operasi CRUD Pada Codeigniter 3 | Create ( Menambah Data )
- Belajar Membuat Operasi CRUD Pada Codeigniter 3 | Read ( Menampilkan Data )
- Belajar Membuat Operasi CRUD Pada Codeigniter 3 | Update ( Mengubah Data )

Terlebih dahulu kita akan membuat link dengan nama hapus yang akan kita simpan link tersebut pada kolam aksi di samping link "Ubah". Untuk itu, Anda buka kembali file model mbuku.php, kemudian tambahkan skrip pada teks yang bercetak tebal di bawah ini :

Skrip mbuku.php

<?php
class Mbuku extends CI_Model
{
function tambah()
{
$nama_buku = $this->input->post('nama_buku');
$pengarang = $this->input->post('pengarang');
$keterangan = $this->input->post('keterangan');
$data = array('nama_buku' => $nama_buku,
'pengarang' => $pengarang,
'keterangan' => $keterangan);
$this->db->insert('buku', $data);
}

function tampil()
{
$tampil = $this->db->get('buku');
if ($tampil->num_rows() > 0){
foreach ($tampil->result() as $data) {
$hasil[] = $data;
}
return $hasil;
}
}

function ubah($id){
$nama_buku = $this->input->post('nama_buku');
$pengarang = $this->input->post('pengarang');
$keterangan = $this->input->post('keterangan');
$data = array('nama_buku' => $nama_buku,
'pengarang' => $pengarang,
'keterangan' => $keterangan);
$this->db->where('id', $id);
$this->db->update('buku', $data);
}

function ubah_tampil($id){
return $this->db->get_where('buku', array('id' => $id))->row();
}

function hapus($id){
$this->db->delete('buku', array('id' => $id));
redirect('c_buku/index');
}
}

?>

Selanjutnya, buka file controller c_buku.php, kemudian tambahkan kode program seperti pada teks yang bercetak tebal dibawah ini :

Skrip c_buku.php

<?php
class C_buku extends CI_Controller
{
function index()
{
$this->load->model('mbuku');
$data['hasil'] = $this->mbuku->tampil();
$this->load->view('buku_tampil', $data);
}

function add_buku()
{
if($this->input->post('submit')){
$this->load->model('mbuku');
$this->mbuku->tambah();
redirect('c_buku/index');
}
$this->load->view('buku_tambah');
}

function update_buku($id)
{
if($_POST==NULL){
$this->load->model('mbuku');
$data['hasil'] = $this->mbuku->ubah_tampil($id);
$this->load->view('ubah_buku', $data);
}
else{
$this->load->model('mbuku');
$this->mbuku->ubah($id);
redirect('c_buku/index');
}
}

function delete_buku($id){
$this->db->delete('buku', array('id' => $id));
redirect('c_buku/index');
}
}

?>

Langkah terakhir adalah membuka kembali file view bernama buku_tampil.php, selanjutnya tambahkan skrip program seperti teks yang bercetak tebal dibawah ini :

Skrip buku_tampil.php

<html>
<head>
<title>Tampil Data</title>
</head>
<body>
<h3><?php echo anchor('c_buku/add_buku','Tambah Data'); ?></h3>
<h3>Data Buku</h3>
<table border="1" width="100%">
<tr>
<td>No.</td>
<td>Nama Buku</td>
<td>Penulis</td>
<td>Keterangan</td>
<td>Aksi</td>
</tr>
<?php
$no=1;
if(!empty($hasil)){
foreach ($hasil as $data):
?>
<tr>
<td><?php echo $no; ?></td>
<td><?php echo $data->nama_buku; ?></td>
<td><?php echo $data->pengarang; ?></td>
<td><?php echo $data->keterangan; ?></td>
<td><a href='<?php echo base_url()."index.php/c_buku/
update_buku/".$data->id; ?>'>Ubah</a> 
| <a href='<?php echo base_url()."index.php/c_buku/delete_buku/".$data->id; ?>'>Hapus</a></td>
</tr>
<?php
$no++;
endforeach;
} else{
?>
<tr><td colspan="5"><b>Data Belum Ada</b></td></tr>
<?php
} ?>
</table>
</body>

</html>

Buka browser Anda, lalu ketikan http://localhost/latihanci/index.php/c_buku. maka akan tampil  data buku dengan tambahan link "Hapus" pada kolam "Aksi". Untuk lebih jelasnya, lihat seperti pada gambar dibawah ini.

Untuk mencobanya, silahkan Anda klik link "Hapus". Misalnya data yang akan dihapus adalah pada nomer 2, Jika proses berhasil dan tidak ada error maka data tersebut akan langsung terhapus. Untuk hasilnya, lihat gambar dibawah ini : 

Nah cukup mudah bukan ? Tutorial Belajar Membuat Operasi CRUD dengan Codeigniter ini sudah selesai sampai disini. Jika ada pertanyaan tentang tutorial kali ini ada bisa komentar pada kolam komentar dibawah. Saya ucapkan terimakasih bagi anda yang sudah berkunjung di blog ini, dan semoga bisa bermanfaat bagi anda semua yang baru memulai belajar pemrogramman berbasis web ini.

Download
  Click to begin 2,42MB .rar

New Get Free Instagram Followers Dengan GetFollowers Pro 2017

Ngulik Kode - Setelah beberapa waktu pada tidak bisa menggunakan aplikasi GetFollowers Pro di karenakan tidak bisa menambahkan coin pada aplikasi. Sekarang saya akan memberikan update terbaru APK dari GetFollowers Pro, agar kalian tetap bisa menggunakan aplikasi GetFollower.

Masih sama seperti pada tutorial sebelumnya, langkah-langkah dan cara penggunaan dari aplikasi. Langsung saja anda ikuti langkah-langkah dibawah ini. agar kalian berhasil menggunakan aplikasinya.

1. Siapkan Akun Instagram Tumbal
Loh apa maksudnya akun instagram tumbal ? kamu mah h*ck akun saya ya ? Engga kok akun tumbal fungsinya nanti untuk mengumpulkan coin dan coin tersebut fungsinya untuk menambah followers pada akun utama anda. *akun tumbal ini bisa gunakan dengan akun yang baru bikin. Masih bingung ya ? Skip saja ke bagian 2

2. Siapkan Akun Instagram Utama

Akun utama ini yang akan ditambahkan followers nya.

3. Unduh Aplikasi GetFollowers Pro
Klik Disini *New Update 23 Januari 2017* Jika unduh menggunakan PC/Leptop, setelah selesai mengunduh masukan file .*APK kedalam HP Android anda lalu Install. Jika unduh langsung dari HP Android buka file yang telah selesai diunduh lalu lakukan pengInstallan.

4. Unduh Aplikasi HiroMacro

Klik Disini atau Google Play | Usahakan anda sudah me-Root HP Android anda, jika belum Root tidak jadi masalah tapi proses auto follow akan memakan waktu yang lumayan lama.

Jika bahan-bahan sudah terkumpul semua, sekarang tinggal menuju ke proses cara penggunaan aplikasi. dan proses pengumpulan coin dari akun tumbal.

Buka aplikasi GetFollowers Pro dan klik Login With Instagram. Jika sudah login menggunakan akun tumbal anda.

 

Jika sudah login menggunakan akun tumbal lalu buka aplikasi HiroMacro langsung Klik Start, kalo HP Android anda belum di Root proses Start akan gagal. Jika anda sudah melakukan Root tulisan Start akan berubah menjadi Stop.

Jika HiroMacro nya sudah berjalan, Lalu kembali lagi ke aplikasi GetFollowers Pro Tekan tombol volume down pada HP Android anda. akan muncul seperti gambar dibawah.

  

Lalu klik Record untuk merekam aktivitas dan Klik berkali-kali pada button Follow +1 Coin. Lalu klik tombol volume down lagi untuk stop Record. Klik tombol volume lagi untuk memasukan Record_****.txt akan muncul seperti gambar dibawah.

Setting menjadi seperti gambar diatas ini, dan jika sudah klik play untuk memulai proses auto klik button Follow +1 Coin. Jika masih kurang paham cara diatas, bisa tonton video di Youtube Chanel Ngulik Kode

Subscribe juga chanel youtube kami, berisikan tutorial pemrograman android dan juga tips & trik klik link berikut agar kami makin semangat untuk membuat video tutorial lagi untuk kalian. dan dukung juga youtuber indonesia dengan cara klik link berikut lalu klik button Subscribe!

Sampai disini cara proses pengumpulan coin dari akun tumbal sudah selesai.

---

Jika coin yang anda kumpulkan sudah lumayan banyak, sekarang kita menuju ke proses penukaran coin menjadi followers.

Pertama buka aplikasi GetFollowers Pro lalu klik akun seperti gambar dibawah ini dan tambah akun.
Lalu login menggunakan akun utama anda.

  

Jika sudah login menggunakan akun utama, sekarang menuju ke menu Get Followers yang berada dibawah.

 

Nah pada menu ini anda bebas memilih berapa followers yang ingin anda kirim ke akun utama anda, sesuai dengan jumlah coin yang anda miliki. Disini saya memiliki coin 2226 jadi saya memilih yang 2000 coin =  +1000 Followers. Langsung klik pada coinnya.

Tunggu sampai proses selesai 100% jika sudah akan muncul pemberitahuan seperti gambar diatas lalu klik OK sekarang menuju ke Instagram untuk memastikan followers yang dikirim sudah masuk atau belum.

Dan lihat hasilnya followers yang kita kirim sudah masuk dan bertambah ^_^
*Followers ini tidak akan menambah following kita, karena following kita sudah dikasihkan ke akun tumbal.

Oke sampai disini saja tutorial yang dapat saya berikan semoga menjadi manfaat bagi anda semuanya, jika masih kurang paham dengan penjelasan diatas bisa langsung tanyakan di kotak komentar dibawah ini. Terimakasih :)

* Ohh iya jangan lupa juga follow akun Instaram saya : ms_olin

Follback ? like salah satu foto saya dan komentar follback.

Belajar Membuat Operasi CRUD Pada Codeigniter 3 | Update ( Mengubah Data )

Ngulik Kode - Halo!, Sekarang lanjut lagi untuk tutorial belajar operasi CRUD Update ( Mengubah Data ), yang tutorial sebelumnya, yaitu belajar membuat operasi CRUD Read ( Menampilkan Data) pada Codeigniter. Kalian bisa langsung klik link dibawah ini jika belum melihatnya.

Artikel Sebelumnya Disini :

- Belajar Membuat Operasi CRUD Pada Codeigniter 3 | Create ( Menambah Data )
- Belajar Membuat Operasi CRUD Pada Codeigniter 3 | Read ( Menampilkan Data )

Langsung saja kita mulai, buka folder lanjutan project kemarin bagi yang sudah mengikuti, langkah-langkah dari awal. Jika yang belum bisa anda klik link di atas untuk memulai kembali dari awal tutorial CRUD ini.

Operasi Update ( Mengubah Data )

Setelah kemarin kita selesai menuliskan skrip untuk menambah dan menampilkan data, sekarang kita akan dihadapkan untuk membuat skrip program Update ( Mengubah Data ). Untuk membuat halaman ubah data buka kembali file mbuku.php kemudian tambahkan skrip program pada teks yang tercetak tebal seperti contoh skrip dibawah ini :

Skrip mbuku.php

<?php

class Mbuku extends CI_Model

{

function tambah()

{

$nama_buku = $this->input->post('nama_buku');

$pengarang = $this->input->post('pengarang');

$keterangan = $this->input->post('keterangan');

$data = array('nama_buku' => $nama_buku,

'pengarang' => $pengarang,

'keterangan' => $keterangan);

$this->db->insert('buku', $data);

}

function tampil()

{

$tampil = $this->db->get('buku');

if ($tampil->num_rows() > 0){

foreach ($tampil->result() as $data) {

$hasil[] = $data;

}

return $hasil;

}

}

function ubah($id){

$nama_buku = $this->input->post('nama_buku');

$pengarang = $this->input->post('pengarang');

$keterangan = $this->input->post('keterangan');

$data = array('nama_buku' => $nama_buku,

'pengarang' => $pengarang,

'keterangan' => $keterangan);

$this->db->where('id', $id);

$this->db->update('buku', $data);

}

function ubah_tampil($id){

return $this->db->get_where('buku', array('id' => $id))->row();

}

}

?>

Jika sudah melakukan penambahan skrip seperti diatas, sekarang kita buka kembali file controller c_buku.php. Seperti biasa, tambahkan lagi skrip program yang tercetak tebal dibawah ini :

Skrip c_buku.php

<?php

class C_buku extends CI_Controller

{

function index()

{

$this->load->model('mbuku');

$data['hasil'] = $this->mbuku->tampil();

$this->load->view('buku_tampil', $data);

}

function add_buku()

{

if($this->input->post('submit')){

$this->load->model('mbuku');

$this->mbuku->tambah();

redirect('c_buku/index');

}

$this->load->view('buku_tambah');

}

function update_buku($id)

{

if($_POST==NULL){

$this->load->model('mbuku');

$data['hasil'] = $this->mbuku->ubah_tampil($id);

$this->load->view('ubah_buku', $data);

}

else{

$this->load->model('mbuku');

$this->mbuku->ubah($id);

redirect('c_buku/index');

}

}

}

?>

Jika sudah menambahkan skrip seperti diatas, sekarang kita akan membuat halaman form ubah buku, dimana form ubah komentar ini akan kita gunakan untuk melakukan proses perubahan data yang dipilih. Oleh sebab itu, anda buat file view baru dengan nama ubah_buku.php. Kemudian simpan file tersebut pada folder latihanci\application\views. Berikut adalah skrip programnya :

Skrip ubah_buku.php

<html>

<head>

<title>Form Tambah Data</title>

</head>

<body>

<h3>Form Ubah Data</h3>

<?php echo form_open('c_buku/update_buku/'.$hasil->id); ?>

<table>

<tr>

<td>Nama</td>

<td>:</td>

<td>

<?php

$nama_buku = array('name' => 'nama_buku',

'maxlength' => '30',

'value' => $hasil->nama_buku,

'size' => '30');

echo form_input($nama_buku);

?>

</td>

</tr>

<tr>

<td>Pengarang</td>

<td>:</td>

<td>

<?php

$pengarang = array('name' => 'pengarang',

'maxlength' => '30',

'value' => $hasil->pengarang,

'size' => '30');

echo form_input($pengarang);

?>

</td>

</tr>

<tr>

<td>Keterangan</td>

<td>:</td>

<td>

<?php

$keterangan = array('name' => 'keterangan',

'maxlength' => '30',

'value' => $hasil->keterangan,

'size' => '30');

echo form_textarea($keterangan);

?>

</td>

</tr>

<tr>

<td></td>

<td></td>

<td>

<?php 

echo form_submit('submit','Simpan','id="submit"'); 

?>

</td>

</tr>

</table>

<?php echo form_close(); ?>

</body>

</html>

Jika sudah membuat file view ubah_buku.php, masih ada yang perlu anda lakukan untuk menampilkan form ubah dengan menambahkan skrip pada file buku_tampil.php pada folder bagian view. Rubah file tersebut menjadi seperti skrip yang bertuliskan tebal seperti dibawah ini :

<html>

<head>

<title>Tampil Data</title>

</head>

<body>

<h3><?php echo anchor('c_buku/add_buku','Tambah Data'); ?></h3>

<h3>Data Buku</h3>

<table border="1">

<tr>

<td>No.</td>

<td>Nama Buku</td>

<td>Penulis</td>

<td>Keterangan</td>

<td>Aksi</td>

</tr>

<?php

$no=1;

if(!empty($hasil)){

foreach ($hasil as $data):

?>

<tr>

<td><?php echo $no; ?></td>

<td><?php echo $data->nama_buku; ?></td>

<td><?php echo $data->pengarang; ?></td>

<td><?php echo $data->keterangan; ?></td>

<td><a href='<?php echo base_url()."index.php/c_buku/

update_buku/".$data->id; ?>'>Ubah</a></td>

</tr>

<?php

$no++;

endforeach;

} else{

?>

<tr><td colspan="5"><b>Data Belum Ada</b></td></tr>

<?php

} ?>

</table>

</body>

</html>

Jika sudah melakukan perubahan pada file buku_tampil.php, sekarang anda tinggal mencoba jalankan pada browser dengan mengetikkan http://localhost/latihanci/index.php/c_buku, jika tidak ada yang error maka hasilnya akan tampak seperti gambar dibawah ini :

Lalu anda coba klik ubah, apakah berhasil tampil atau tidak. Jika berhasil tampil maka hasilnya akan seperti gambar dibawah ini :

Coba kalian lalukan perubahan pada salah satu form, dan simpan jika sudah melakukan perubahan. Jika berhasil maka hasilnya akan seperti gambar dibawah ini :

Sekian yang dapat saya sampaikan semoga dapat bermanfaat untuk anda semua. Jika kurang jelas dan ada yang ingin di tanyakan silahkan saja tanyakan pada kolam komentar dibawah. Untuk artikel selanjutnya dapat anda klik pada link dibawah ini :

Artikel Selanjutnya Disini :

- Belajar Membuat Operasi CRUD Pada Codeigniter 3 | Delete ( Menghapus Data )

Download
  Click to begin 2,42MB .rar