Select Bertingkat Tiga - Codeigniter Dan Ajax Jquery [PDF]

Citation preview

[www.trali.net(CODEIGNITER)] [2013] Select Bertingkat Tiga Codeigniter Dan Ajax Jquery Pada judul diatas select bertingkat tiga yang akan di realisasikan kedalam program yang mengunakan framework Codeigniter Atau familiarnya Di singkat CI(“Codeigniter”) di kombinasikan dengan ajax Jquery. Alur program ini di simulasi kan seperti data ke pendudukan dimana seorang penduduk telah dipetakan lokasi alamat dalam kategori 1. Provinsi 2. Kota atau kabupaten 3. Kecamatan Nah dari ketiga jabaran diatas yang merupakan sebagai master data menjadi source operasi kita nantinya. Untuk itu di perlukanya sebuah database dan table-tabel yakni table provinsi,kota atau kabupaten dan kecamatan. Program ini berjalan nantinya apabila di pilih salah satu option pada selectBok provinsi maka selectBox Kabupaten akan mengidentifikasikan relation yang terkait yang berhungungan dengan provinsi di pilih serta menampilkanya dan lanjut setelah itu apabila selectBox Kabupaten Di pilih maka effectnya pada selectBok Kecamatan Akan mengidentifikasi relasi Kecamatan terkait dengan kabupaten/kota . Oke Saya rasa dalam narasi singkat diatas telah terbayang bagaimana nantinya bentuk dari aplikasi ini. Untuk kebutuhan Latihan Kali ini Pertama Kebutuhan Database 1. Database (ex:latihan_CI) 2. Table (Profinsi,Kabupaten,Kecamatan) 3. Download Pada Tautan Dibawah Kedua SourceCode dan algoritma 1. Rename FramworkCI folder (Latihan_CI/) – Terserah DalamPenamaan Folder Yang di inginkan. Setting (Latihan_CI/application/ config.php) “$config['base_url']= 'http://localhost/Latihan_CI/';” 2. Setting (Latihan_CI/application/database.php) $db['default']['hostname'] = 'localhost'; $db['default']['username'] = 'root'; $db['default']['password'] = ''; $db['default']['database'] = 'latihan_ci'; 3. Setting (Latihan_CI/application/ routes.php) $route['default_controller'] = " CKependudukan.php "; Merupakan Default dari index page saat pertama kali di eksekusi



[www.trali.net(CODEIGNITER)] [2013] 4. Buat Folder “CSS” path (Latihan_CI/css) Yangtelah disertakan Pada File Download Di bawah ini meliputi file(“layout_tralinet.css”) 5. Buat Folder “JS” path (Latihan_CI/js) Yangtelah disertakan Pada File Download Di bawah ini yang meliputi file (“jquery1.8.3.js Dan ajax_kependudukan.js”) 6. Controller (CKependudukan.php) 7. View (Vkependudukan.php) 8. Model (Mkependudukan.php)



Berikut bentuk Screenshot Aplikasi:



Semoga Bermanfaat dan dapat menjadi reference bagi yang mencari kasus mengenai select ajax dengan Jquery serta dapat di kembangakan berdasarkan kebutuhan aplikasi. Source Code saya sertakan pada tautan ini Download SourceCode



[www.trali.net(CODEIGNITER)] [2013]



Berik Hanizar www.trali.net [email protected] WebMaster Programmer Perfect Words : Selalu lah untuk belajar karna dengan belajar kita akan tau kalau diri kita selalu merasa kekurangan. Marketing : Menerima Job freelance Membangun system informasi aplikasi webbase contact person @Email Perfect Words : Selalu lah untuk belajar karna dengan belajar kita akan tau kalau diri kita selalu merasa kekurangan. Nama URL Email Enjoy Job



: : : :