Tugas 8 PBKK - View dengan Code Igniter

Selamat datang semua!

Di pertemuan minggu ke-11 ini, Saya mempelajari tentang CodeIgniter. CodeIgniter adalah sebuah framework php yang bersifat open source dan menggunakan metode MVC (Model, View, Controller). CodeIgniter bersifat free alias tidak berbayar jika Anda menggunakannya. Framework CodeIgniter dibuat dengan tujuan  untuk memudahkan developer atau programmer dalam membangun sebuah aplikasi berbasis web tanpa harus membuatnya dari awal.

Di tugas ini, Saya diminta untuk berlatih menggunakan view dengan CodeIgniter. Berikut ini adalah langkah-langkahnya.

1. Download bootstrap kemudian ekstrak folder css dan js ke dalam folder public di project

2. Download JQuery dan copy ke folder public/js dalam project

3. Buka di app > Controllers > Page.php kemudian, ubah kode menjadi seperti berikut ini untuk membuat view di halaman Home, About, Contact, dan Faqs


4. Ubah kode di welcome_messages.php, about.php, contact.php, dan faq.php pada app > View seperti yang ada di source code untuk menampilkan view pada masing-masing halaman yang sudah ditambahkan bootstrap.

Hasilnya akan menjadi seperti berikut ini

View Home Page

View About Us Page

View Contact Us Page

View FAQs Page

5. Mengirim data ke view. 
Data yang akan dikirim ke view harus dalam bentuk array asosiatif.
Array asosiatif adalah array yang memiliki key dan value. Key akan menjadi nama variabel di dalam view, dan value akan menjadi nilainya. Value ini bebas diisi dengan apa saja, boleh diisi dengan string, array, object, integer. Buka Controller Page, kemudian ubahlah kode pada method contact() menjadi seperti ini:

Variabel $data adalah variabel asosiatif array, dengan name sebagai key dan ‘Petani Kode’ sebagai value untuk name.
Key name nantinya akan menjadi sebuah variabel di dalam view.
Sekarang, buka kode app/Views/contact.php dan tambahkan kode di bawah ini tepat di atas pembuatan form


Buka halaman contact melalui alamat localhost:8080/contact, maka hasilnya:

6. Mengirim Data array ke view
Biasanya ini nanti akan sering kita pakai untuk menampilkan data yang berasal dari database.
Buka Controller Page, kemudian ubah kode pada method faqs menjadi seperti ini.


Variabel $data adalah variabel yang berisi asosiatif array. Pada kode di atas, kita membuat data_faqs sebagai key dan mengisinya dengan array dari kumpulan pertanyaan dan jawaban.

Berikutnya, silahkan ubah kode view app/Views/faqs.php menjadi seperti ini:


Hasilnya seperti berikut ini:


Demikian penerapan view dengan Code Igniter. Semoga bermanfaat! 


Komentar

Posting Komentar

Postingan populer dari blog ini

Final Project - Pemrograman Berbasis Kerangka Kerja

Gambar
Final Project Shafa Nabilah Hanin 5025211222 PBKK - A Paper:  https://journal.eng.unila.ac.id/index.php/jitet/article/view/3225/1445 1. Deskripsi studi kasus Aplikasi chatbot dengan menggunakan framework CodeIgniter dan database MySQLi bisa diatur dengan prinsip Model-View-Controller (MVC). MVC adalah suatu arsitektur desain perangkat lunak yang memisahkan aplikasi ke dalam tiga komponen utama, yaitu Model, View, dan Controller. - Model bertanggung jawab untuk mengakses dan memanipulasi data. Dalam konteks chatbot, Model dapat berisi fungsi-fungsi untuk berinteraksi dengan database dan mengelola data yang diperlukan oleh aplikasi. - View bertanggung jawab untuk menampilkan informasi kepada pengguna dan mengumpulkan input dari pengguna. Dalam konteks chatbot, View dapat berupa halaman web atau antarmuka lainnya yang menampilkan percakapan dan menerima input dari pengguna. - Controller bertanggung jawab untuk menerima input dari pengguna, memproses logika aplikasi, dan memanggil M...
Baca selengkapnya

Tugas 6 PBKK - Mobile Application (.NET MAUI)

Gambar
Nama: Shafa Nabilah Hanin NRP: 5025211222 Kelas: PBKK - A Selamat datang semua Kali ini, di pertemuan ketujuh mata kuliah PBKK, kami diminta untuk mengerjakan latihan membuat Aplikasi mobile menggunakan .NET MAUI. .NET Multi-platform App UI (.NET MAUI) adalah kerangka kerja lintas platform untuk membuat aplikasi seluler dan desktop asli dengan C# dan XAML. Dengan menggunakan .NET MAUI, kita dapat mengembangkan aplikasi yang dapat berjalan di Android, iOS, macOS, dan Windows dari satu basis kode bersama. .NET MAUI adalah memungkinkan kita untuk mengimplementasikan logika aplikasi dan tata letak UI sebanyak mungkin dalam satu basis kode. Berikut ini adalah hasilnya: Source Code:  https://github.com/shafanh/pbkk-7 Referensi:  https://takumi.ac.id/aplikasi-mobile-visual-studio-community/
Baca selengkapnya

Tugas 8 Pemrograman Web - MySQL

Gambar
Selamat datang kembali di blog saya! Kali ini saya mengerjakan tugas keempat untuk mata kuliah Pemrograman Web. Disini saya akan menampilkan hasil pengerjaan saya untuk implementasi MySQL dengan membuat aplikasi pendaftaran siswa baru.  MySQL adalah salah satu aplikasi RDBMS (Relational Database Management System). Pengertian sederhana RDBMS adalah: aplikasi database yang menggunakan prinsip relasional. Apa itu prinsip relasional? Kita akan membicarakannya dalam tutorial berikutnya. MySQL juga bukan satu-satunya RDBMS, list lengkapnya ada di wikipedia. Diantaranya yang banyak dikenal adalah: Oracle, Sybase, Microsoft Access, Microsoft SQL Server, dan PostgreSQL. MySQL bersifat gratis dan open source. Artinya setiap orang boleh menggunakan dan mengembangkan aplikasi ini. Namun walaupun gratis, MySQL di support oleh ribuan programmer dari seluruh dunia, dan merupakan sebuah aplikasi RDBMS yang lengkap, cepat, dan reliabel. Berikut adalah hasilnya  Source Code:  https://gith...
Baca selengkapnya