Web Programming - Pertemuan 10 - Membuat index.php dan ubah-profile.php

Setelah membuat Controller User.php, selanjutnya kita buat tampilan (view) dari my profile dan ubah profile.

Buatlah file view baru beri nama index.php dan ubah-profile.php lalu simpan dalam folder Application/views/user/ kemudian buatlah script seperti berikut ini :

index.php

ubah-profile.php

Tugas Kelompok Web Programming II Pertemuan 9

10.3A.11

Anggota Kelompok :

1. Abyan Fa'iq Ahmad - 10190134

2. Maulana Aprizqy Sumaryanto - 10190091

3. Mochamad Isha Khairullah - 10190129

4. Tuti Nurkomalasari - 10190119

5. Wiwit Elgi Saputra - 10190037

Link Teman Saya :

1. Membuat helper = rental_helper.php dan blok.php

2. mala

3. Membuat Form Registrasi = ModelUser.php dan Membuat Halaman My Profile dan Ubah Profile = Controller User.php

4. Keseluruhan Materi Pertemuan 10

Web Programming II - Pertemuan 9 - Membuat Halaman Login

1. Sebelum membuat halaman login, anda harus mendownload template bootstrap (sb admin 2) terlebih dahulu. Anda dapat mendownloadnya pada link berikut : bootstrap sb admin 2 ,setelah selesai extract file rar startbootstrap-sb-admin-2-gh-pages.zip kemudian cari folder css, imj, js, vendor kemudian copy paste ke dalam folder project kalian, lalu buat folder baru dengan nama assets dan paste folder tadi seperti berikut :

2. Setelah itu cari file login.html pada folder startbootstrap-sb-admin-2-gh-pages (yang sudah di extract tadi), lalu buka file login.html tersebut dengan menggunakan editor.php atau html yang biasa kamu gunakan, copy isi script dari file login tersebut kemudian buat file view yang baru pada projek kamu dengan nama login.php simpan dalam folder Application/views/admin lalu paste. Maka hasilnya seperti berikut:

3. Selanjutnya bagi file tersbut menjadi 3 file view, yaitu auto_header.php, login.php, dan auto_footer.php, seperti berikut ini :

Jadikan file auto_header.php simpan dalam folder application/views/templates,

script bagian tengah dijadikan file login.php simpan dalam folder application/views/autentifikasi, 

dan script bagian bawah dijadikan file auto_footer.php simpan di dalam folder application/views/templates.

4. Setelah itu buat controller Autentifikasi.php simpan dalam folder Application/controllers lalu buat scriptnya seperti berikut :

5. Kemudian Tambahkan method cekData() dalam ModelUser.php yang sebelumnya sudah dibuat, tambahkan script seperti dibawah ini :

6. Sebelum melihat hasilnya, ubah pengaturan controller default terlebih dahulu yang sebelumnya controller welcome ubah mejadi controller autentifikasi. Pada folder Application/config/routes.php

Untuk melihat hasilnya silahkan ketik URL seperti ini localhost/Nama_Folder_Anda/. disini saya menggunakan wes sebagai nama folder

Tugas Kelompok Web Programming II Pertemuan 9

10.3A.11

Anggota Kelompok :

1. Abyan Fa'iq Ahmad - 10190134

2. Maulana Aprizqy Sumaryanto - 10190091

3. Mochamad Isha Khairullah - 10190129

4. Tuti Nurkomalasari - 10190119

5. Wiwit Elgi Saputra - 10190037

Link Teman Saya :

1. Pembuatan Controller dan Halaman Admin = header.php

2. Membuat Halaman Admin = index.php dan footer.php

3. Membuat Halaman Admin = sidebar.php, topbar.php, dan controller admin.php

4. Keseluruhan Materi Pertemuan 9

Web Programming II - Pertemuan 6 - Setting Base URL

1. Untuk Setting Base URL dapat dilakukan pada folder xampp/htdocs/wes/application/config/, disini saya menggunakan wes sebagai nama folder CodeIgniter saya.

2. Buka folder config tersebut, lalu buka file autoload.php.

3. Cari sintak autoload library seperti dibawah ini :

4. Lalu ubah menjadi berikut ini :

5. Setelah itu cari sintak autoload helper seperti dibawah ini :

6. Lalu ubah menjadi berikut ini :

7. Dan proses Setting Base URL autoload library dan helper selesai.

Tugas Kelompok Web Programming II Pertemuan 6

10.3A.11

Anggota Kelompok :

1. Abyan Fa'iq Ahmad - 10190134

2. Maulana Aprizqy Sumaryanto - 10190091

3. Mochamad Isha Khairullah - 10190129

4. Tuti Nurkomalasari - 10190119

5. Wiwit Elgi Saputra - 10190037

Link Teman Saya :

1. Database rental mobil dan konfigurasi

2. Model User

3. Model Mobil

4. Keseluruhan Materi Pertemuan 6

Web Programming II - Pertemuan 4 - Membuat Form Validasi Pada Codeigniter

 1. Apa itu Form Validation

    Validasi Form berarti memeriksa masukan yang diajukan oleh pengguna. Form validasi sangat diperlukan dalam sebuah aplikasi. Terkadang kita diharuskan membuat sebuah form yang datanya tidak boleh dikosongkan, ataupun input yang format isiannya ditentukan. Jika pengguna tidak memenuhi ketentuan pengisian form maka akan muncul peringatan bahwa pengisian form tersebut masih belum valid dan harus diperbaiki sebelum disubmit kembali.

2. 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.

3. Memuat Library Form Validation

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

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

Buka file tersebut lalu cari baris sintak seperti berikut :

Kemudian diubah dengan ditambahkan kata form_validation seperti berikut :

4. Membuat Form Validation pada Controller matakuliah.php 

1). buat Controller seperti berikut :

Pada controller matakuliah.php 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.

2). Setelah itu kita harus membuat view untuk parsing data dari controller matakuliah.php ke view. Buat view untuk menginput data dengan nama view-form-matakuliah.php seperti berikut :

3). Lalu buat view lagi untuk menampilkan data yang di input dengan nama view-data-matakuliah.php seperti berikut :

4). Untuk melihat hasilnya maka masukkan url berikut : localhost/nama_folder_kamu/index.php/matakuliah

A. Tampilan Awal : 

B. Tampilan Jika kamu belum mengisi data yang dibutuhkan :

C. Tampilan jika kamu mengisi data kurang dari 3 digit :

D. Tampilan jika kamu sudah mengisi data dengan benar :

Tugas Kelompok Web Programming II Pertemuan 4

10.3A.11

Anggota Kelompok :

1. Abyan Fa'iq Ahmad - 10190134

2. Maulana Aprizqy Sumaryanto - 10190091

3. Mochamad Isha Khairullah - 10190129

4. Tuti Nurkomalasari - 10190119

5. Wiwit Elgi Saputra - 10190037

Link Teman Saya :

1. Abyan Fa'iq

2. Maulana Aprizqy

3. Mochamad Isha

4. Tuti Nurkomalasari

Web Programming II - Pertemuan 3 - Membuat CSS dan Setting base_url

1. Setelah membuat V_footer.php maka buatlah stylemobil.css untuk membuat tampilan lebih bagus dan simpan di dalam folder root seperti berikut : htdocs/wes/assets/css/ , disini saya menggunakan wes sebagai Nama_Folder.

2. Setelah membuat file-file diatas, sebelum di jalankan melalui browser, terlebih dahulu perlu dilakukan seting base_url untuk memudahkan dalam menghubungkan file view dengan file css nya.

3. Setting 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 :

4. Kemudian ubah menjadi seperti dibawah ini, disini saya menggunakan wes sebagai Nama_Folder :

5. 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 :

hasil perintah di atas akan sama seperti ini :

6. Hal tersebut dikarenakan base_url sudah terlebih dahulu di setting menjadi "localhost/wes"(disini saya menggunakan wes sebagai Nama_Folder). Ketika base_url sudah di setting atau diubah dari bentuk default menjadi seperti di atas, maka perlu juga melakukan pengaktifan helper url. Hal ini dapat dilakukan dengan cara menambah script load helper pada controller Web.php yang sudah dibuat pada bagian construct.

Tugas Kelompok Web Programming II Pertemuan 3

10.3A.11

Anggota Kelompok :

1. Abyan Fa'iq Ahmad - 10190134

2. Maulana Aprizqy Sumaryanto - 10190091

3. Mochamad Isha Khairullah - 10190129

4. Tuti Nurkomalasari - 10190119

5. Wiwit Elgi Saputra - 10190037

Link Teman Saya :

1. Membuat Controller

2. Membuat v_header.php

3. Membuat v_index.php dan v_footer.php

4. Membuat Setting Base_url dan Halaman About

Web Programming II - Pertemuan 2 - Parsing Data (mengirimkan nilai) dari Controller ke View

1. Parsing data (mengirimkan nilai) dari controller ke view

A. Penjelasan Parsing Data

    Untuk mengirimkan nilai dari controller ke view, anda dapat mengirimkannya dengan menggunakan bantuan array. Jadi data yang akan diparsing kita masukkan ke array. 

B. Contoh Parsing Data 

1). Buatlah sebuah file view baru dengan nama view-form-matakuliah.php kemudian simpan dalam folder Application/views dan ketik script berikut:

2). Script di atas akan membentuk sebuah tampilan form input data yang akan di submit kemudian di proses ke sebuah controller. Untuk itu kita perlu membuat controller terlebih dahulu beri nama matakuliah.php kemudian simpen dalam folder Application/controllers/ lalu ketiklah script berikut ini :

3). Dalam controller di atas, data yang di input pada form input matakuliah di post kan dan di masukan ke dalam variable yang bertipe array yang dibri nama $data dan variable array ini memiliki 3 komponen array yaitu kode, nama, sks. Kemudian nilai dari element-element array tadi akan dikirimkan kembali ke view dengan perintah $this->load->view('view-data-matakuliah',$data). jadi kita perlu membuat sebuah view baru lagi dan beri nama view-data-matakuliah.php kemudian simpan dalam folder Application/views/ dan ketiklah script ini :

4). Lalu cari file autoload.php pada folder xampp/htdocs/nama_file_anda/application/config disini nama folder saya wes

5). Ubah file autoload,php di Text Editor seperti Notepad, Sublime, Dsb. kemudian cari $autoload['helper'] = array(' '); dan ubah  menjadi seperti dibawah ini :

6).  Untuk melihat hasilnya ketik URL berikut localhost/wes/index.php/matakuliah, disini saya menggunakan wes sebagai nama folder, seperti dibawah ini :

7). Input WES sebagai Kode MTK, input Web Design sebagai nama MTK, dan pilih 3 SKS, lalu klik tombol Submit, seperti dibawah ini :

8). jika sudah di Submit makan akan tampil seperti dibawah ini :

Jika ingin menginput data lagi maka klik Kembali.

Tugas Kelompok Web Programming II Pertemuan 2

10.3A.11

Anggota Kelompok :

1. Abyan Fa'iq Ahmad - 10190134

2. Maulana Aprizqy Sumaryanto - 10190091

3. Mochamad Isha Khairullah - 10190129

4. Tuti Nurkomalasari - 10190119

5. Wiwit Elgi Saputra - 10190037

Link Sebelum saya :

1. Mengenal Apa itu Framework dan CodeIgniter

2. Contoh Penggunaan Controller

3. Contoh Penggunaan Controller dan Model

4. Contoh Penggunaan Controller, View dan Model

Web Programming II - Pertemuan 1 - Instalasi Codeigniter Dan Membuat Biodata

 

Penjelasan Mengenai Codeigniter

    Codeigniter adalah framework web utnuk bahasa pemrograman PHP, yang dibuat oleh Rick Ellis pada tahun 2006, penemu dan pendiri EllisLab (www.ellislab.com). EllisLab merupakan suatu tim kerja yang berdiri pada tahun 2002 yang bergerak di bidang pembuatan software dan tool untuk para pengembang web. Sejak tahun 2014 sampai sekarang , EllisLab telah menyerahkan hak kepemilikan codeigniter ke British columbia Institue of Technology (BCIT) saat ini situs resmi codeigniter adalah www.codeigniter.com.

Cara Instalasi Codeigniter

1. Download Package Codeigniter 3 pada situs resmi www.codeigniter.com.

2. Taruh file codeigniter 3 pada Localdisk(C) > xampp > htdocs.

3. Setelah itu ekstrak file codeigniter tersebut, Lalu ubah nama_folder nya sesuai yang anda inginkan, disini saya mengubahnya menjadi wes.

4. Jalankan xampp pada laptop anda,

5. Buka Browser, lalu ketik https://localhost/nama_folder yang anda buat tadi, disini nama_folder saya wes.

Jika muncul tampilan seperti diatas maka artinya kamu berhasil instalasi Codeigniter.

Membuat Biodata Codeigniter Contoh1

1. Buat coding Biodata lalu simpan file dalam format contoh1.php, seperti dibawah ini.

2. Untuk melihat hasilnya ketik URL berikut localhost/nama_folder/index.php/contoh1, saya menggunakan wes sebagai nama_folder, seperti dibawah ini.

jika muncul tampilan seperti diatas itu berarti kamu berhasil membuat biodata dengan Codeigniter.

Tugas Kelompok Web Programming II Pertemuan 1

10.3A.11

Anggota Kelompok :

1. Abyan Fa'iq Ahmad - 10190134

2. Maulana Aprizqy Sumaryanto - 10190091

3. Mochamad Isha Khairullah - 10190129

4. Tuti Nurkomalasari - 10190119

5. Wiwit Elgi Saputra - 10190037