Membuat View dengan Code Igniter

 

Nama  : Fathin Muhashibi Putra
NRP    : 5025211229
Kelas  : PBKK - A


Membuat View dengan Code Igniter


    Tugas yang diberikan pada mata kuliah PBKK-A, yaitu membuat View dengan code igniter. View yang dibuat, yaitu View PPDB. Berikut merupakan dokumentasinya :

1. Buka gitbash pada direktori "C:\xampp\htdocs"




2. Masukkan perintah "composer create-project codeigniter4/appstarter view_codeigniter --no-dev"



3. Setelah itu, pada gitbash direktori "C:\xampp\htdocs\view_codeigniter" masukkan perintah "php spark serve"




4. Kemudian, akses "http://localhost:8080/" pada browser, maka akan muncul tampilan Welcome to CodeIgniter" seperti berikut :




5. Selanjutnya, buka direktori "C:\xampp\htdocs\vie_codeigniter" pada VSCode. Pertama-tama tambahkan Route nya :





6. Selanjutnya, modifikasi Controllers "Home.php" agar return View Home dengan code "return view('v_home')"





7. Selanjutnya, buat sebuah Controllers baru bernama "Ppdb.php" agar return View Pendaftaran dengan code "return view('v_pendaftaran')"





6. Untuk membuat View PPDB, Pertama-tama download template frontend dari https://adminlte.io/ . Setelah berhasil download, ekstrak kemudian buka template html code front-end yang ingin digunakan. Lalu, buat direktori baru bernama "template" pada "C:\xampp\htdocs\view_codeigniter\app\Views\template" file baru "template-frontend.php" didalamnya. Masukkan  template html code front-end kedalam file "template-frontend.php" tersebut.





7. Lalu, buat View bernama  "v_home.php" pada "C:\xampp\htdocs\view_codeigniter\app\Views", isi dengan kode php untuk View Home berikut :





8. Lalu, buat View bernama  "v_pendaftaran.php" pada "C:\xampp\htdocs\view_codeigniter\app\Views", isi dengan kode php untuk View Pendaftaran berikut :





9. Save semua perubahan yang dilakukan. Setelah itu buka "http://localhost:8080/" untuk menampilkan View Home pada browser, maka akan ditampilkan lah View Home PPDB berikut :




10. Selanjutnya, untuk menampilkan View Pendaftaran, dapat mengklik tulisan "Mendaftar" pada View Home PPDB di atas atau dengan membuka "http://localhost:8080/ppdb/pendaftaran"  pada browser. Maka akan ditampilkan lah View Pendaftaran PPDB berikut :




Comments

Post a Comment

Popular posts from this blog

TUGAS 1 - Tugas Membuat Aplikasi Desktop Sederhana Menggunakan .NET Framework

Image
Nama  : Fathin Muhashibi Putra NRP    : 5025211229 Kelas  : PBKK - A TUGAS 1  Tugas Membuat Aplikasi Desktop Sederhana Menggunakan .NET Framework Link Github : 1. Kalkulator Sederhana :  https://github.com/fathinmputra/kalkulator_sederhana.git 2. Camera Capture :  https://github.com/fathinmputra/camera_capture.git     Tugas Pertama yang diberikan pada mata kuliah PBKK-A, yaitu membuat aplikasi kalkulator sederhana dan camera capture menggunakan .NET framework. Berikut merupakan dokomentasinya : 1. Kalkulator Sederhana     Aplikasi Kalkulator sederhana telah dapat dijalakan sebagai berikut :     Sebagai contoh, menghitung lima dikali tujuh sama dengan tiga puluh lima (5 x 7 = 35). 1. Pertama-tam klik angka "5". 2. Kemudian klik simbol kali "x". 3. Lalu, klik angka "7". 4. Terakhir, klik simbol sama dengan "=", maka hasil akan ditampilkan. 5. Untuk menghapus, dapat meng-klik simbol clear "C". 2. Camera Capture    ...
Read more

TUGAS 3 - Latihan Membuat Window WPF

Image
     Nama  : Fathin Muhashibi Putra NRP    : 5025211229 Kelas  : PBKK - A TUGAS 3 Latihan Membuat Window WPF Link Github : Name List :  https://github.com/fathinmputra/name_list.git     Tugas Ketiga yang diberikan pada mata kuliah PBKK-A, yaitu membuat Window WPF. Berikut merupakan dokomentasinya : Name List      Aplikasi Name List sudah dapat dijalakan sebagai berikut : 1. Pertama-tama, ketikkan sebuah nama pada  text box,  misalkan "Fathin". 2. Kemudian, klik tombol "Add Name" untuk menambahkan nama tersebut pada "Name List". Maka, nama "Fathin" akan masuk kedalam "Name List". 3. Lalu, coba masukkan nama lain, misalkan "Muhashibi" dan "Putra". Lakukan seperti langkah ke-1 da ke-2. Maka, nama-nama tersebut akan dimasukkan kedalam "Name List" dibawah nama "Fathin".
Read more

TUGAS 2 - Membuat Aplikasi Media Capture dengan Memanfaatkan Library AForge.NET

Image
   Nama  : Fathin Muhashibi Putra NRP    : 5025211229 Kelas  : PBKK - A TUGAS 2 Membuat Aplikasi Media Capture  dengan Memanfaatkan Library AForge.NET Link Github :  https://github.com/fathinmputra/camera_capture.git     Tugas Kedua yang diberikan pada mata kuliah PBKK-A, yaitu membuat aplikasi media capture dengan memanfaatkan library AForge.NET. Berikut merupakan dokomentasinya : Media Capture       Berikut langkah-langkah untuk menggunakan Aplikasi Media Capture yang telah dibuat : 1. Pilih kamera yang ingin digunakan, lalu klik "start" untuk menjalankannya. 2. Klik "Capture" untuk melakukan Camera Capture, maka Foto akan ter-Capture. 3. Setelah melakukan capture foto, maka foto tersebut dapat di save dengan meng-klik "save image". 4. Jika foto telah tersimpan, dapat meng-klik tombol "Exit" dibagian pojok kanan atas untuk keluar/menutup aplikasi.
Read more