Tugas minggu ke 11 : View dengan Codeigniter


Nama : I Gusti Agung Ngurah Adhi Sanjaya

NRP : 5025211056

Kelas : PBKK A

Source Code : GITHUB


Tugas Minggu ke 11

    Pada tugas ke minggu ke 11 ini, saya akan mengimplementasikan sistem VIEW pada Codeigniter yang akan membuat 3 routes yang berbeda  serta memiliki tampilan masing-masing.

A. Membuat masing-masing tampilan.
        Pertama-tama, buat tampilan html pada folder Views, pada kasus ini saya membuat 3 tampilan yaitu : home, contact, dan about yang isi tampilannya kurang lebih seperti ini :




dari 3 jenis tampilan ini memiliki isi yang sama, hanya saja tulisan nya saja yang berbeda.

B. Membuat Controller dengan nama Pages
Setelah itu, saya akan membuat controller dengan nama Pages.php. Isinya akan memiliki class dengan naman Pages dan memiliki function atau controller method index (home.php), about (about.php), dan contact (contact.php) seperti berikut :




C. Mengkonfigurasi Routes.php
Langkah selanjutnya setelah membuat View, saya akan mengubah routes dari masing2 view ini. Saya akan membuat default path (/) akan mengarah pada home.php, lalu path (/pages/about) pada about.php, dan path (/pages/contact) pada contact.php.



D. Output
Setelah melakukan langkah diatas, jika kita mengakes path path tersebut akan menghasilkan output sebagai berikut :


Output Home View (/)


Output Contact View (/pages/contact)



Output About View (/pages/about)

Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas 5 - PPB B

Gambar
  Nama : I Gusti Agung Ngurah Adhi Sanjaya NRP : 5025211056 Kelas : Pemrograman Perangkat Bergerak B Dosen : Fajar Baskoro TUGAS 5 Pada tugas ke 5 kali ini, saya akan membuat sebuah aplikasi sederhana yang dimana akan berisi sebuah animasi boto yang berisi air dimana air tersebut bisa di isikan dengan menekan sebuah tombol dan botol tersebut memiliki jumlah air yang bisa di isi. Penerapan materi kali ini adalah Material Design yang dimana bisa dibilang ada hubungan dengan design dan UI karena dari tugas yang di buat, mengharuskan saya membuat sebuah bentuk/shape botol yang berisi warna yang akan drink  jika sebuah tombol di tekan. Berikut merupakan tampilan dari aplikasi yang sudah saya buat : Ini merupakan tampilan awal dari botol (sebelum di tekan tombol), default value 100ml Tampilan setelah tombol di tekan, akan menambahkan 200ml Tampilan jika tombol terus di tekan sampai 2500ml Amount yang di tambahkan menggunakan kelipatan 200 ml dengan default value 100 ml. Referensi ya...
Baca selengkapnya

Tugas 4 - PPB B

Gambar
Nama : I Gusti Agung Ngurah Adhi Sanjaya NRP : 5025211056 Kelas : Pemrograman Perangkat Bergerak B Dosen : Fajar Baskoro TUGAS 4 Pada tugas ke 4 kali ini, saya akan mencoba untuk membuat halaman login dengan design UI yang sederhana. Tugas ini akan menerapkan metode seperti composable, dan beberapa hal sederhana untuk membuat UI login yang sederhana juga. Berikut merupakan hasil aplikasi yang sudah saya buat : Gambar ini menunjukan bahwa, text field email dan password bisa di interaksikan dengan mengisi value email, dan password yang di hide Gambar ini menunjukan UI full login yang belum di interaksi sama sekali oleh user, terlihat bahwa pada text field email dan password berisi place holder yang bertuliskan "Email" dan "Password Kesimpulan dari tugas ini : Dapat mendesign UI dengan design yang sudah di tentukan Dapat mengimport gambar dengan ukuran yang di inginkan Dapat mmebuat gambar menjadi clickable Dapat membuat text field agar bisa di interaksikan oleh user Dapat ...
Baca selengkapnya

Tugas 3 - PPB B

Gambar
Nama : I Gusti Agung Ngurah Adhi Sanjaya NRP : 5025211056 Kelas : Pemrograman Perangkat Bergerak B Dosen : Fajar Baskoro Tugas 3 Pada tugas 3 kali ini, saya akan menerapkan fitur komponen button dengan interaksi dice roller. Aplikasi ini hanya berisikan tombol yang berisi tulisan "roll" dan terdapat ilustrasi dadu yang berisi dot angka 1 sampai 6. Jika tombol roll di tekan, dadu akan mengacak nilai yang akan keluar secara vertikal. Berikut merupakan hasil aplikasi yang sudah saya buat : Gambar ini saat tombol roll belum di tekan Gambar ini saat tombol roll sudah di tekan Bisa kita lihat, bahwa dadu yang awalnya salah satu bagian (atas) awal berniali 5, lalu setelah menekan roll nilainya berubah menjadi 1 Kesimpulan dari tugas ini : Menentukan fungsi composable Membuat tata letak dengan Komposisi. Membuat tombol dengan composable  Button . Mengimpor resource  drawable . Menampilkan gambar dengan composable  Image . Membuat UI interaktif dengan composable. Menggunakan compo...
Baca selengkapnya