Membuat Form Registrasi User - Pertemuan 10 Web Programming II

 

10.1 Membuat Helper

    File helper ini dibuat untuk membuat pengecekan status login dari user. Karena akan digunakan disetiap form, agar lebih efektif maka dibuatlah helper. Aturan penamaan file helper ini harus diakhiri dengan kata helper contoh booking_helper.php, rental_helper.php dan lain-lain. Ketika helper ini akan digunakan atau di load, pemanggilannya cukup kata depannya saja. Seperti contoh helper diatas yaitu diload booking dan rental tanpa menyertakan kata _helper nya.

    Buatlah file baru beri nama rental_helper.php kemudian simpan dalam folder application/helpers dan berikut script dari rental_helper.php :

    Dari tampilan script di atas, terlihat ada duan function yaitu cek_login() untuk memastikan sudah login atau belum.

    Selanjutnya buat file view blok.php dan gagal.php kedua file ini digunakan untuk menampilkan tampilan gagal dan akses di blok. Untuk membuatnya kita bisa menggunakan template yang sudah disediakan oleh sb admin 2. Cari file 404.html kemudian buka dengan edior lalu copy isi scriptnya dan paste pada file blok.php dan file gagal.php. selanjutnya samakan scriptnya seperti berikut:

blok.php

Selanjutnya = Membuat gagal.php, register.php dan controller autentikasi.php

Materi Pertemuan 10 :

Materi 1 (Isha)

Materi 2 (Mala)

Materi 3 (Abyan)

Materi 4 (Wiwit)

Materi 5 = Full Materi (Maulana)

Tugas Kelompok Pertemuan 10 Web Programming II

Kelas : 10.3A.11

Anggota :

1. Wiwit Elgi Saputra - 10190037

2. Abyan Fa'iq Ahmad - 10190134

3. Mochamad Isha Khairullah - 10190129

4. Maulana Aprizqy Sumaryanto - 10190091

5. Tuti Nurkomalasari - 10190119

Read More

Membuat Form Login Dan Pesan Notifikasi - Pertemuan 9 Web Programming II

 

Sebelumnya = Membuat Controller Autentikasi dan Halaman Admin : header.php

Untuk selanjutnya kita akan membuat index.php dan footer.php untuk halaman admin yang akan disimpan juga pada folder Application/views/admin/.

index.php

footer.php

Selanjutnya = Membuat Halaman Admin : sidebar.php dan topbar.php beserta pembuatan Controller untuk Halaman Admin

Materi Pertemuan 9 :

Materi 1 = Membuat Halaman Login

Materi 2 = Membuat Controller Autentikasi Login dan Halaman Admin : header.php

Materi 3 = Membuat Halaman Admin : index.php dan footer.php

Materi 4 = Membuat Halaman Admin : sidebar.php dan topbar.php Beserta Pembuatan Controller untuk Halaman Admin

Materi 5 = Full Materi

Tugas Kelompok Pertemuan 9 Web Programming II

Kelas : 10.3A.11

Anggota :

1. Wiwit Elgi Saputra - 10190037

2. Abyan Fa'iq Ahmad - 10190134

3. Mochamad Isha Khairullah - 10190129

4. Maulana Aprizqy Sumaryanto - 10190091

5. Tuti Nurkomalasari - 10190119

Read More

Studi Kasus Rental Mobil Dengan CodeIgniter - Pertemuan 6 Web Programming II

 

Sebelumnya - 

Setelah kita melakukan Setting Base URL dan Merancang lalu Membuat Database Aplikasi rental_mobil serta Mengkonfigurasinya, Selanjutnya kita akan membuat Model untuk CRUD.

1. Buat ModelUser.php di application/models lalu buat kodingan dibawah:

2. Selanjutnya Buat ModelMobil.php

Materi Pertemuan 6 :

Materi 1 = Setting Base URL

Materi 2 = Setting Database

Materi 3 = Membuat ModelUser.php

Materi 4 = Membuat ModelMobil.php

Materi 5 = Full Materi

Tugas Kelompok Pertemuan 6 Web Programming II

Kelas : 10.3A.11

Anggota :

1. Wiwit Elgi Saputra - 10190037

2. Abyan Fa'iq Ahmad - 10190134

3. Mochamad Isha Khairullah - 10190129

4. Maulana Aprizqy Sumaryanto - 10190091

5. Tuti Nurkomalasari - 10190119

Read More

Membuat Form Validasi Pada CodeIgniter - Pertemuan 4 Web Programming II

 Apa Itu Form Validasi

Validasi form adalah suatu informasi atau pemberitahuan yang digunakan oleh form. Dimana informasi yang keluar dari form berupa pesan error atau pesan sukses. Validasi yang sering kita jumpai saat melakukan input data atau registrasi data biasanya adalah validasi bahwa input tidak boleh kosong.

Cara Membuat Form Validasi

1. Membuat Library Form_Validation

Untuk mengimplementasikan proses validasi data, yang diperlukan adalah memuat library dari form_validation terlebih dahulu. Proses pemuatan librari tersebut dapat dilakukan melalui file autoload yang ada lam folder application/config/autoload.php

Buka file tersebut lalu ubah isi baris $autoload['libraries'] dan $autoload['helper'] menjadi:

2. Membuat Controller

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.

3. Membuat View

View Input

Untuk membuat tampilan Form Input, buatlah file view dengan nama view-form-matakuliah.php seperti berikut ini:

View Output

Selanjutnya adalah membuat file view output dengan nama view-data-matakuliah.php seperti berikut ini:

Hasil Tampilan

Untuk melihat hasilnya silahkan masukkan url berikut : localhost/nama_folder_kamu/matakuliah

Tampilan Form Input

Tampilan jika ada field yang kosong

Tampilan form output yang sudah diisi

Untuk selengkapnya tentang membuat form validation pada codeigniter anda dapat membacanya pada user_guide yang sudah di sediakan oleh codeigniter pada project CI anda. 

http://localhost/nama_folder_kamu/user_guide/libraries/form_validation.html#the-form 

Tugas Kelompok Pertemuan 4 Web Programming II

Kelas : 10.3A.11

Anggota :

1. Wiwit Elgi Saputra - 10190037

2. Abyan Fa'iq Ahmad - 10190134

3. Mochamad Isha Khairullah - 10190129

4. Maulana Aprizqy Sumaryanto - 10190091

5. Tuti Nurkomalasari - 10190119

Baca Juga:

Wiwit

Abyan

Maulana

Tuti

Read More

Membuat Template (Templating) Sederhana Dengan CodeIgniter - Pertemuan 3 Web Programming II

 

Buatlah file di folder view beri nama v_header.php. lalu coding seperti dibawah :

Penjelasan :

1. <!DOCTYPE html> = sebuah deklarasi yang akan memberitahu browser dokumen apa ini dan html versi berapa yang digunakan, dan dalam kasus ini menggunakan HTML5.

2. <html> = sebuah elemen html yang menjadi dasar dari sebuah dokumen html.

3. <head> = sebuah elemen html yang mengandung informasi dasar tentang sebuah halaman html yang tidak ditampilkan dalam web itu sendiri. informasi ini disebut metadata dan termasuk mengandung hal-hal seperti titel/judul dari dokumen html dan link untuk stylesheet.

4. <title> = sebuah elemen html yang menjelaskan titel/judul dari sebuah dokumen html. titel/judul ini akan ditampilkan pada bar titel/judul browser.

5. <body> = di dalam elemen ini berisikan konten yang dapat ditampilkan pada browser.

6. <div> = yang membagi konten pada html menjadi sebuah divisi/bagian.

7. <header> = merepresentasikan konten pengantar, pembukaan atau navigasi yang terdiri dari deretan link.

8. <hgroup> = multilevel dari header.

9. <nav> = wadah dari link yang akan men direct kita ke halaman lain.

10. <ul> dan <li> = membuat list untuk navigasi.

Materi Pertemuan 3 :

Materi 1 = Membuat Controller Untuk Menampilkan View Pada CodeIgniter

Materi 2 = Membuat Header Untuk Ditampilkan

Materi 3 = Membuat Index Dan Footer Untuk Ditampilkan

Materi 4 = Membuat CSS Untuk Memperbagus Tampilan

Materi 5 = Membuat Halaman About Dan Setting base_url Untuk Ditampilkan Pada Web

Tugas Kelompok Pertemuan 3 Web Programming II

Kelas : 10.3A.11

Anggota :

1. Wiwit Elgi Saputra - 10190037

2. Abyan Fa'iq Ahmad - 10190134

3. Mochamad Isha Khairullah - 10190129

4. Maulana Aprizqy Sumaryanto - 10190091

5. Tuti Nurkomalasari - 10190119

Read More

Model, View, Dan Controller CodeIgniter- Pertemuan 2 Web Programming II

Latihan Sebelumnya ada pada Pengunaan Hanya Controller Pada CodeIgniter

Disini saya akan memperlihatkan penggunaan controller dan model pada CodeIgniter

Buat file Model_latihan1.php simpan di application\models\ dan isikan

Ubah controller Latihan1 yang sebelumnya sudah dibuat sehingga menjadi seperti berikut

Untuk melihat hasilnya ketikkan url

localhost/folder_project_anda/index.php/latihan1/penjumlahan/2/6

Untuk pembelajaran selanjutnya mengenai CI dapat di cek diblog teman saya Penggunaan Controller, Model, Dan View Serta Pengaturan Index Pada Config CodeIgniter

Materi Pertemuan 2 :

Materi 1 = Pengenalan Framework Dan CodeIgniter

Materi 2 = Pengunaan Hanya Controller Pada CodeIgniter

Materi 3 = Penggunaan Hanya Controller Dan Model Pada CodeIgniter

Materi 4 = Penggunaan Controller, Model, Dan View Serta Pengaturan Index Pada Config CodeIgniter

Materi 5 = Parsing Data (Mengirimkan Data) Dari Controller Ke View Pada CodeIgniter

Tugas Kelompok Pertemuan 2 Web Programming II

Kelas : 10.3A.11

Anggota :

1. Wiwit Elgi Saputra - 10190037

2. Abyan Fa'iq Ahmad - 10190134

3. Mochamad Isha Khairullah - 10190129

4. Maulana Aprizqy Sumaryanto - 10190091

5. Tuti Nurkomalasari - 10190119

Read More

Instalasi CodeIgniter Dan Contoh Latihan - Pertemuan 1 Web Programming II

Apa Itu 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. Karena kelebihan-kelebihan yang dimiliki oleh CodeIgniter, pembuat PHP Rasmus Lerdorf memuji CodeIgniter di frOSCon (Agustus 2008) dengan mengatakan bahwa dia menyukai CodeIgniter karena “it is faster, lighter and the least like a framework.” CodeIgniter pertamakali dikembangkan pada tahun 2006 Oleh Rick Ellis. Dengan logo api yang menyala, CodeIgniter dengan cepat “membakar” semangat para web developer untuk mengembangkan web dinamis dengan cepat dan mudah menggunakan framework PHP yang satu ini. (Sumber : https://idcloudhost.com/)

Cara Instalasi CodeIgniter :

    1.  Download package CodeIgniter pada situs resminya yaitu https://codeigniter.com/

    2. Setelah didownload CodeIgniter-nya, lalu pindahkan filenya ke c:\xampp\htdocs dan kemudian ekstrak filenya (disini saya menggunakan CodeIgniter 3). lalu akan muncul folder bcit-ci-CodeIginiter-b73eb19.

      3.  lalu ubah nama foldernya sesuai yang anda mau, disini saya ubah namanya menjadi code_igniter.

    4. Akses folder tersebut melalui browser, dengan menyalakan terlebih dahulu XAMPPnya.

    5.  Selanjutnya akses dengan URL http://localhost/nama_folder_anda/ . Dan jika muncul halaman Welcome CodeIgniter maka anda telah berhasil memasang CodeIgniter.

Contoh Latihan Membuat Biodata

    1.  Membuat file dengan nama "Contoh1.php". Buka Text Editor lalu tuliskan kode seperti dibawah

    2.  Lalu save dengan nama Contoh1.php pada direktori c:\xampp\htdocs\nama_folder\application\controllers

    3. Buka URL pada browser. untuk melihat hasilnya ketik URL localhost/nama_folder/index.php/Contoh1

Tugas Kelompok Pertemuan 1 Web Programming II

Kelas : 10.3A.11

Anggota :

1. Wiwit Elgi Saputra - 10190037

2. Abyan Fa'iq Ahmad - 10190134

3. Mochamad Isha Khairullah - 10190129

4. Maulana Aprizqy Sumaryanto - 10190091

5. Tuti Nurkomalasari - 10190119

Read More