TUGAS WEB PROGRAMMING II (PERTEMUAN 7) - UBSI DEWI SARTIKA

WEB PROGRAMING II

Memuat Library form_validation

Untuk mengimplementasikan proses validasi data, yang diperlukan adalah memuat librari dari form_validation terlebih dahulu. Proses pemuatan librari tersebut dapat dilakukan di bagian konstruktor controller.

Buka file tersebut lalu diubah dengan ditambahkan kata form_validation seperti berikut: 

Contoh pembuatan form validasi kali ini akan menggunakan controller Matakuliah.php yang sudah dibuat pada pertemuan sebelumnya. Buka controller Matakuliah.php kemudian ubah menjadi seperti di bawah:

Pada controller Matakuliah di atas terlihat membuat rules dari form validasi. Rule nya berupa required dan min_length[3] yang artinya jika required maka harus diisi. Sedangkan min_length[3] maka minimal diisi 3 digit. 

Selanjutnya, membuat file view dengan nama view-form-matakuliah.php dan view-data-matakuliah.php

view-form-matakuliah.php

view-data-matakuliah.php

Selanjutnya jalankan pada browser

TUGAS WEB PROGRAMMING II (PERTEMUAN 6) - UBSI DEWI SARTIKA

WEB PROGRAMING II

Merancang & Membuat Database Aplikasi pustaka-booking dan Konfigurasi database di Codeigniter

Berikut adalah gambaran struktur database yang akan kita buat untuk aplikasi pustakabooking ini. Buat sebuah database baru dengan nama “pustaka” kemudian buatlah table-table seperti berikut :

1. Tabel User (user)
   
   
   
   
2. Tabel Role (role)
   
   
   
   
   Isi Tabel role
   
   
   
   
3. Tabel Kategori (kategori)
   
   
   
   
   Isi Tabel kategori
   
   
   
   
4. Tabel Buku (buku)
   
   
   
   
   Isi Tabel buku
   
   
   
   

Membuat Koneksi Database Codeigniter dengan MySQL

Sebelum melakukan seting konfigurasi pada file database, terlebih dahulu harus disiapkan databasenya. Agar bisa langsung dipraktekkan.

Selanjutnya untuk menghubungkan codeigniter dengan database buka file config database codeigniter yang terletak di application/config/database.php kemudian cari baris sintak seperti berikut:

Kemudian masukkan username, password, dan nama database, untuk password jika tidak ada maka bisa dibiarkan kosong. Sehingga akan menjadi.

Membuat Model untuk CRUD

Pada tahap ini akan dibuat fungsi-fungsi yang bisa gunakan berulang kali, tanpa harus repot banyak-banyak membuat fungsi pada model. contohnya untuk insert data ke database, hanya buat satu fungsi untuk insert data ke database. Dan bisa kita gunakan secara berulangulang kali. Begitu juga dengan fungsi edit, hapus dan update data pada database.

Buat 2 buah file model dengan nama ModelUser.php dan ModelBuku.php. perlu diperhatikan untuk Penamaan Controller dan Model harus diawali dengan huruf besar di codeigniter 3. Memang tidak masalah jika dibuat dengan nama kecil, tetapi akan menyalahi aturan penggunaan codeigniter yang benar dan akan terjadi trouble saat diupload dihosting.

ModelUser.php

ModelBuku.php

Dengan model seperti di atas, Untuk menginput data ke database kita bisa menggunakan function simpan(), untuk menampilkan data atau mengambil data dari database kita bisa menggunakan function tampil(), untuk menghapus data dari database kita bisa menggunakan function hapus(), dan untuk mengupdate data pada database kita bisa menggunakan function ubah().

Kemudian kita harus mengatur autoload model di application/config/autoload.php. agar model-model yang sudah dibuat bisa digunakan dan di load secara otomatis. Jadi tidak perlu lagi kita load dari controller. 

Application/config/autoload.php 

Kemudian ubah menjadi

TUGAS WEB PROGRAMMING II (PERTEMUAN 5) - UBSI DEWI SARTIKA

WEB PROGRAMING II 

Langkah cara pembuatan Form Validasi  :

Form Validasi Pada pertemuan ini mahasiswa diharapkan dapat memahami tentang validasi data dan bagaimana membuat form validasi data pada codeigniter dalam penginputan data. Seperti misalnya dalam menentukan form, apa saja yang wajib untuk diisi, form dengan format input tertentu, membuat konfirmasi password dan lainnya. Pembuatan form validasi pada codeigniter diperlukan adanya pemanggilan library form_validation pada codeigniter. Pada saat membuat dan menangani form, proses validasi data merupakan bagian yang sangat penting untuk diperhatikan. Validasi data diperlukan untuk menjaga keabsahan dari data yang dikirim oleh user ke dalam aplikasi.

Mekanisme Validasi Data di dalam Form :

A. Form ditampilkan ke halaman web

B. User mengisi data ke dalam form tersebut

C. Jika terdapat satu atau beberapa data yang salah, maka form akan ditampilkan ulang, biasanya disertai dengan pesan kesalahan

D. Proses ini akan diulang sampai semua data yang diminta di dalam form diisi dengan benar. Proses pemeriksaan data yang dikirim oleh user di dalam form dilakukan di dalam kontroler, demikian juga dengan pembuatan aturan (rule) dari datanya.

 

Memuat Library Form_validation :

Untuk mengimplementasikan proses validasi data, yang diperlukan adalah memuat librari dari form_validation terlebih dahulu. Proses pemuatan librari tersebut dapat dilakukan di bagian konstruktor controller.

 

Atau bisa juga dilakukan melalui file autoload yang ada dalam folder application/config/autoload.php

Contoh pembuatan form validasi :

Oke, kali ini akan menggunakan controller Matakuliah.php yang sudah dibuat pada pertemuan sebelumnya. Buka controller Matakuliah.php kemudian ubah menjadi seperti di bawah.

 Tampilan ini kita memebuat kodingan view data matakuliah :

 

    (lanjutan)

    Tampilan ini membuat view form matakuliah :

    (lanjutan)

    Tampilan ini membuat kodingan controller matakuliah.php :

 

    Tampilan ini untuk hasil running :

 

TUGAS WEB PROGRAMMING II (PERTEMUAN 4) - UBSI DEWI SARTIKA

WEB PROGRAMING II

Langkah cara pembuatan TEMPLATE (TEMPLATING) Web Sederhana :

1. Buatlah sebuah kontroler yang akan digunakan untuk menampilkan view. 

  Sebagai contoh, buatlah kontroler Web.php lalu simpan di 

  application/controllers/Web.php 

2. Kemudian buatlah 3 buah file view beri nama v_header.php, v_index.php,dan 

  v_footer.php lalu simpan dalam folder application/views/ kemudian ketik script 

  berikut :

 

* v_header.php :

* v_index.php :

    

    (lanjutan)

* v_footer :

3. Kemudian buatlah stylebuku.css untuk membuat tampilan lebih bagus dan 

  simpan di dalam folder root seperti berikut: pustaka-boooking/assets/css/.

    

   (lanjutan)

4. Setelah membuat file-file di atas. sebelum di jalankan melalui browser, 

  terlebih dahulu perlu dilakukan seting base_url( ) untuk memudahkan dalam 

  menghubungkan file view dengan file css nya.

Setting base_url() pada codeigniter :

1.Untuk melakukan seting base_url( ), dapat dilakukan melalui file config.php 

  yang ada di dalam application/config/config.php. buka file tersebut lalu cari 

  baris sintak seperti berikut : 

2. Kemudian diubah menjadi $config['base_url'] = 

3. Pengaturan di atas mengikuti alamat path projek masing-masing. Kemudian 

  dapat diperhatikan pada contoh file v_index.php di bagian <head> bahwa 

  untuk menghubungkan dengan file css, dibutuhkan bantuan base_url( ). 

  seperti berikut : 

4. Hasil perintah di atas akan sama seperti ini :

5. Hal tersebut di atas dikarenakan base_url( ) sudah terlebih dahulu di seting 

  menjadi “localhost/pustaka-booking”. Ketika base_url( ) sudah diseting atau      diubah dari bentuk default menjadi seperti di atas, maka perlu juga dilakukan

  pengaktifan helper url. Hal ini dapat dilakukan dengan cara menambahkan 

  script load helper pada controller Web.php yang sudah dibuat pada bagian    construct. 

7. Atau bisa juga melalui file autoload.php yang ada di dalam folder 

  application/config/ kemudian cari baris sintak seperti di bawah ini :

8. Kemudian diubah dengan ditambahkan kata ‘url’ menjadi seperti di bawah :

9. Setelah selesai, bisa dilihat hasilnya dengan menjalankan kontroler Web.php

10. hasilnya seperti gambar di bawah.

Demikian tampilan web sederhana sudah berhasil dibuat pada codeigniter. Template yang dibuat di atas merupakan template dinamis. Maksudnya tampilan header dan footer tidak akan berubah namun bagian konten bisa berubah-ubah.

Contoh untuk membuat halaman lainnya yaitu akan dibuat halam v_about.php. Yang mana link untuk menuju halaman about sudah dibuat sebelumnya pada file v_header.php. Link yang sudah dibuat yaitu Home diseting untuk menuju atau mengakses method index() dan About diseting menuju atau mengakses methode about()

Sekarang buatlah file view lagi dan beri nama v_about.php dan simpan di application/views/v_about.php

Kemudian tambahkan method baru yaitu method about() pada controller Web.php di bawah method index()

Selanjutnya jalankan kembali pada browser dan klik pada menu About atau bisa langsung mengakses ke method about.

Maka hasil nya akan seperti ini saat di jalankan.