EAS Pemrograman Web C

Evaluasi Akhir Semester Pemrograman Web C
Membuat Aplikasi PPD

Nama : Muhammad Harits Fadlilah
NRP   : 05111740000102
Kelas  : Pemrograman Web C

Pada kali ini, saya akan membuat aplikasi PPDB (Penerimaan Peserta Didik Baru) dengan menggunakan PHP, Bootstrap, serta framework CodeIgniter. Template yang digunakan adalah SB Admin. Untuk melihat webnya, silahkan klik link berikut.(gunakan username 'root' dan password 'pemrogramanweb')
1. Rancangan Database 
    Berikut adalah sampel rancangan database yang bisa diambil dari PPDB yang akan dibuat

2. Rancangan interface aplikasi

Tampilan Login

Tampilan Beranda

Tampilan Formulir Pendaftaran

Tampilan List Pendaftar

3. Implementasi
    a. Model
        1) Biodata_model.php

  
    
    b. Views
        1) login.php
  
       
        2) overview.php
            
        3) list.php

        4) new_form.php

        5) edit_form.php
  

    c. Controllers
        1) Overview.php


Hasil screenshot :

 Tampilan Login

 Tampilan Beranda Admin setelah login

Tampilan formulir pendaftaran

 Tampilan list pendaftar

Tampilan formulir edit 

Tugas Pemrograman Web C - 11

Tugas Pemrograman Web C - 11

Tutorial Menggunakan Framework CodeIgniter

Nama : Muhammad Harits Fadlilah
NRP   : 05111740000102
Kelas  : Pemrograman Web C

1. Pengenalan CodeIgniter

CodeIgniter adalah sebuah web application network yang bersifat open source yang digunakan untuk membangun aplikasi php dinamis.

CodeIgniter menjadi sebuah framework PHP dengan model MVC (Model, View, Controller) untuk membangun website dinamis dengan menggunakan PHP yang dapat mempercepat pengembang untuk membuat sebuah aplikasi web. Selain ringan dan cepat, CodeIgniter juga memiliki dokumentasi yang super lengkap disertai dengan contoh implementasi kodenya. Dokumentasi yang lengkap inilah yang menjadi salah satu alasan kuat mengapa banyak orang memilih CodeIgniter sebagai framework pilihannya

Untuk tutorial membuat project CodeIgniter, silahkan buka link berikut :

• Tutorial Codeigniter #1: Pengenalan Codeigniter untuk Pemula  

2. MVC dan Routing

MVC (Model, View, Controller) adalah sebuah pola desain (design pattern) arsitektur pengembangan aplikasi yang memisahkan dan mengelompokan beberapa kode sesuai degan fungsinya.

MVC membagi aplikasi ke dalam tiga bagian fungsional: model, view, dan controller.

• Model adalah kode-kode untuk model bisnis dan data. Biasanya berhubungan langsung dengan database untuk memanipulasi data (insert, update, delete, search), menangani validasi dari bagian controller, namun tidak dapat berhubungan langsung dengan bagian view.
• View merupakan bagian yang menangani presentation logic. berisi kode-kode untuk tampilan.
• Controller merupakan bagian yang mengatur hubungan antara bagian model dan bagian view, controller berfungsi untuk menerima request dan data dari user kemudian menentukan apa yang akan diproses oleh aplikasi

Untuk memahami lebih lanjut mengenai alur kerja MVC serta router pada CodeIgniter, bisa dibuka link berikut ini :

• Tutorial Codeigniter #2: MVC dan Routing, Konsep Dasar CI yang Harus Kamu Pahami 

3. Cara Menggunakan Bootstrap pada CodeIgniter

Langkah-langkah yang harus dilakukan untuk menggunakan bootstrap (template SB Admin) pada Codeigniter:

1. Konfigurasi Codeigniter;
2. Download SB Admin;
3. Ekstrak SB Admin;
4. Copy file assets yang dibutuhkan;
5. Membuat Template : Buat kode php bernama overview.php yang akan menjadi template untuk halaman home admin.
6. Membuat partial template;
7. Menggunakan partial pada template

 Berikut adalah hasil tampilan dari template SB Admin :

Tutorial lengkapnya bisa dilihat pada link berikut :

• Tutorial Codeigniter #3: Cara Menggunakan Bootstrap pada CodeIgniter 
  

4. Teknik Membuat Template Admin yang Efektif

Setelah melakukan tutorial sebelumnya, masih terdapat kekurangan yang perlu diperbaiki.

Template masih terdapat dalam satu file saja. Hal ini tentu bermasalah karena kita akan menghabiskan banyak waktu dan tenaga untuk mengubah semua file template yang kita buat satu per satu hanya karena ada perubahan seperti perubahan link pada navbar.

Salah satu solusi dari permasalahan ini yaitu dengan menggunakan partials. Dengan partials kita akan membagi template menjadi bagian-bagian kecil yang dapat digunakan kembali.


Berdasarkan template pada SB Admin, berikut ini partial yang bisa kita buat:

•  head.php untuk meinyimpan isi dari tag <head>;
•  navbar.php untuk menyimpan kode navbar;
•  sidebar.php untuk menyimpan kode menu bagian samping (sidebar);
•  breadcrumb.php untuk menyimpan kode link breadcrumb;
•  scrolltop.php untuk menyimpan kode tombol scrolltop;
•  footer.php untuk menyimpan kode footer;
•  modal.php untuk menyimpan kode modal;
•  js.php untuk meload javascript.

Berikut adalah source code partial yang bisa kita buat :
1. head.php


2. navbar.php


3. sidebar.php


4. breadcrumb.php


5. scrolltop.php


6. footer.php


7. modal.php


8. js.php


Isi kode dalam file overview.php akan menjadi seperti berikut setelah diparsial :


Tutorial lengkapnya bisa dilihat pada link berikut :

• Tutorial Codeigniter #4: Teknik Membuat Template Admin yang Efektif 

Hasilnya akan menjadi seperti ini :

5. Membuat Fitur CRUD

CRUD (Create, Read, Update Delete) adalah fitur dasar yang harus kita buat saat bekerja dengan database.
Berikut adalah alur kerja yang harus kita lakukan untuk membuat fitur CRUD :

•  Membuat Database;
•  Konfigurasi Codeigniter;
•  Membuat Model untuk Tabel;
•  Membuat Controller;
•  Membuat View;
•  Membuat Form Add;
•  Membuat Form Edit;
•  Membuat Fitur Hapus Data;

Membuat Model untuk Tabel

Buatlah file baru bernama Product_model.php untuk membuat pemodelan data dari database sehingga kita akan lebih mudah mengaksesnya.

Product_model.php :

Membuat Controller
Buat file baru bernama Products.php untuk memanggil method-method yang ada di dalam model untuk mendapatkan data.
Products.php :

Untuk tutorial selanjutnya mengenai pembuatan view, form add, form edit, serta fitur hapus data, bisa dilihat pada link berikut :

• Tutorial Codeigniter #5: Cara Membuat Fitur CRUD yang Benar! 

Hasilnya adalah sebagai berikut :

Form Add

List products

Form edit

Fitur delete

6. Membuat Fitur Upload File

Membuat fitur upload pada CodeIgniter

Upload file memiliki alur proses seperti ini:

1. User mengirim file melalui form;
2. File di-upload ke server dan disimpan dalam folder tmp dulu;
3. Kita pindahkan file yang ada di direktori tmp ke dalam direktori upload/product/ yang sudah kita buat;

Tambahkan method _uploadImage() pada model Product_model.php seperti yang telah tercantum kodenya di atas.

Hasilnya adalah sebagai berikut :

Untuk tutorial lebih lengkapnya, bisa dilihat pada link berikut :

• Tutorial Codeigniter #6: Membuat Fitur Upload File