Segala puji kita panjatkan kehadirat Tuhan Yang Maha Esa, Allah SWT, karena berkat karunia-Nya, penulisan modul mata kuliah Pemrograman Web II ini dapat terselesaikan dengan baik. Modul ini dirancang untuk memenuhi kebutuhan mahasiswa pada mata kuliah Pemrograman Web II yang disajikan dalam bentuk praktikum dan diharapkan dapat membekali mahasiswa dalam memahami pembuatan web dengan menggunakan Framework CodeIgniter. Pada akhir perkuliahan diharapkan mahasiswa mampu mengimplementasikannya dalam bentuk tugas akhir yang harus disajikan sebagai syarat lulus mata kuliah Pemrograman Web II.
Pada bab ini dijelaskan bagaimana proses pembelajaran berlangsung pada setiap pertemuan, yaitu siswa dibimbing untuk mandiri dengan diberikan tugas individu pada setiap pertemuan, dimana tugas tersebut terdiri dari melaksanakan dan mengerjakan setiap materi dan latihan pada pertemuan tersebut. pertemuan berikutnya. bertemu. Bentuk tugas proyeknya adalah membuat proyek aplikasi web baru dengan Framework CodeIgniter atau mencari aplikasi web Php Native yang sudah jadi (tidak menggunakan framework), kemudian mengubahnya menjadi aplikasi web dengan Framework CodeIgniter dan menganalisis pengguna dan sistem kebutuhan di web. Aplikasi web asli Php harus ditunjukkan kepada instruktur kursus sebagai bukti bahwa aplikasi web asli ada dan berfungsi.
Bentuk tugas mingguannya adalah mengimplementasikan materi setiap pertemuan dalam modul mulai dari materi pertemuan ke-2 hingga materi pertemuan terakhir. Codeigniter sangat cepat, bahkan bisa dikatakan ini adalah framework tercepat yang ada saat ini.
Instal Xampp
Tentukan lokasi Xampp yang kita inginkan, untuk default lokasi pada lokasi disk C kemudian Next untuk melanjutakan proses instalasi
Buka aplikasi XAMPP lalu klik tombol Start pada Apache dan MySQL untuk menutup proses instalasi, sudah berhasil terinstall dengan baik. Langkah pertama untuk menginstall Atom Text Editor adalah dengan terlebih dahulu mendapatkan Atom Text Editor .exe dengan cara langsung mendownload file master .exe. Setelah proses pengunduhan selesai, untuk melanjutkan proses instalasi, klik dua kali pada Atom Text Editor .exe yang diunduh.
Tunggu hingga proses instalasi selesai. Jika proses instalasi berjalan dengan baik, Atom Text Editor akan terbuka secara otomatis. Namun jika gagal saat proses instalasi karena spesifikasi hardware atau software tidak mendukung, Anda bisa menggantinya dengan text editor lain seperti Sublime, Visual Studio Code dan lain-lain. Codeigneter merupakan sebuah paket untuk memudahkan kita ketika menulis script di Codeigneter seperti membuat controller, model dan lain-lain.
Mengatur baris bantuan di bilah menu File-Settings-Editor memungkinkan Show Indent Guide untuk memudahkan pembersihan saat menulis skrip untuk proyek yang sedang kita kerjakan. Instal aplikasi pendukung yang terpasang dengan baik di komputer atau laptop masing-masing, seperti Xampp dengan versi diatas 7 dan Atom Text Editor atau text editor lainnya.
KONFIGURASI ATAU SETTING FRAMEWORK CODEIGNITER
Pertemuan 3)
TUJUAN
Sebelum menerapkan framework Codeigniter, kita terlebih dahulu menyiapkan framework CodeIgniter. Untuk mendapatkannya langsung saja kunjungi website resmi framework Codeigniter https://codeigniter.com/download. Download Codeigniter 3 versi Codeigniter pada pembahasan materi ini, setelah kita berhasil mendownload framework Codeigniter 3, kita ekstrak ke lokasi dimana kita install XAMPP dengan lokasi c:\xampp\htdocs dan buat folder baru bernama Belajarci , hasil ekstrak berubah nama menjadi nama proyek Portalci, dalam hal ini penulis xampp berada di lokasi drive C. Hanya untuk memastikan bahwa kerangka pengkodean yang kita unduh dan yang kita ekstrak ke lokasi c:\xampp\htdocs \learnci project tidak mempunyai dokumen yang korup atau rusak atau error, sehingga kami siap menggunakannya untuk membangun aplikasi yang kami inginkan.
Buka editor teks atom dan drag proyek portalci ke editor teks atom, untuk mengkonfigurasi atau mengatur kita fokus pada folder application\config kita akan membuka file autoload.php di file ini, tambahkan database ke baris ['libraries' ] 61 seperti gambar di bawah ini, di CRUD karena masih sangat sederhana, perpustakaan yang kami gunakan masih baru. Masih di file application\config\ autoload.php di file autoload.php, namun pada baris 92 kita tambahkan array('url') agar format url yang kita gunakan terbaca. Untuk setting pada file application\config\config.php, pada file config.php baris 26 kita ubah seperti pada gambar di bawah ini yaitu baris 27-29 agar ketika membuka website di lain. lokasinya, maka akan terbaca secara otomatis tanpa harus berpindah lokasi lagi.
Untuk setting pada file application\config\database.php pada file database.php, karena bersifat lokal, mari kita fokus pada baris 79 pada username = 'root' dan pada baris 81 pada database = 'dbportalci'. Untuk pengaturannya pada file application\config\routes.php pada file rute.php, pada baris ke-52.
MENGENAL CRUD PADA FRAMEWORDK CODEIGNTER ( Pertemuan 4, 5)
TUGAS PENDAHULUAN
Setelah membuat kontrol, selanjutnya kita akan membuat model dimana kontrol admin memerlukan model bernama M_admin. Untuk membuat model di application\models, klik kanan pada file baru kita bernama M_admin.php dan tekan enter pada keyboard Anda hingga muncul seperti yang ditunjukkan pada gambar di bawah. Selanjutnya kita akan masuk pada bagian view, pada modul ini pembahasan project kita fokus pada bagian backend, jadi pada folder view kita buat folder backend yang lain selain view pada bagian admin.
Setelah kita membuat folder backend pada folder tersebut kita buat lagi foldernya yaitu v_admin yang artinya tampilan pada kontrol Admin adalah tampilan file read.php, create.php dan edit.php. Tampilan pertama yang kita buat tentu saja read.php, karena sebagai tampilan indeks kontrol admin dengan membuat read.php kita dapat memanggil halaman tersebut. Berikut ini adalah script dari tampilan read.php yang berfungsi untuk menampilkan seluruh entri pada tabel admin.
Sesampainya pada tampilan read.php kita bisa melihat hasil dari admin control yaitu kita kembali ke setting framework CodeIgniter panggil admin control application\config\routes.php, ubah default_controller sebelum memanggil Admin Welcome . Buka browser ketik http://localhost/belajarci/portalci maka secara default kontrol Admin akan dijalankan, data tidak terlihat karena kita belum mengisi data pada tabel admin. Disini kita akan menambahkan data melalui file create.php, dimana tampilan dari kontrol admin pada fungsi create adalah menambahkan record pada tabel admin.
Jadi ketika kita mengisi data di form create.php dan menyimpannya, maka akan diteruskan ke kontrol admin. Tampilan terakhir adalah tampilan edit.php, yaitu tampilan data admin dengan fungsi edit yang berfungsi untuk mengubah data pada tabel admin. Sebagai pengembangan dari CRUD pada kontrol admin, dengan menambahkan field yang lebih detail pada tabel admin, hal ini jelas mempengaruhi tampilan read, create dan edit.
MEMBUAT SESSION PADA FRAMEWORDK CODEIGNTER ( Pertemuan 6)
Masih di autoload.php yaitu application\config\autoload.php baris 92 menambahkan islogin_helper.php, fungsinya untuk memanggil suatu fungsi dengan memberikan nilai atau algoritma lain ke islogin_helper.php. Selanjutnya, kita membuat pemeriksaan Auth untuk memverifikasi data. Saat kita login ke halaman utama admin maka akan muncul tampilan login secara default Lokasi file kontrol Auth adalah application\controllers\Auth.php. Kali ini kita bisa melihat hasil dari pengecekan Auth, jangan lupa ubah setting framework CodeIgniter pada bagian default_controller pada pengecekan Auth.
Buka browser, ketik http://localhost/belajarci/portalci, secara default akan memanggil kontrol Auth dengan tampilan login.php sehingga ketika masuk ke halaman utama atau halaman berikutnya, Anda ditahan untuk memvalidasi login terlebih dahulu . Masuk dengan memasukkan kode admin dan kata sandi (Enkripsi MD5). Jika login berhasil memanggil kontrol Home secara default, maka akan muncul Page Not Found seperti pada gambar di bawah ini, hal ini dikarenakan kontrol Home belum tersedia. Pada langkah ini kita membuat Home control, script Home control jika kita perhatikan baris 15 IsAdmin() yang artinya pada file home.php kontrol Admin telah mengaktifkan sesi, jadi jika kontrol ini harus dipanggil kita memiliki nilai sesi atau berhasil login melalui validasi Kontrol Auth adalah validasi login.
Begitu pula script ketika memanggil view pada baris 27 telah memanggil template perpustakaan, sehingga ketika kita memanggil view seperti read.php. Pada kontrol Home kali ini, kontrol Home tidak memanggil model, yaitu langsung memanggil view dengan script berikut. Kali ini refresh browser pada langkah nomor 11 sehingga kita dapat memanggil kontrol Home dengan layar berikut.
MENGELOLA DATABERITA ( Pertemuan 7, 8)
Membuat Model M_berita pada control Berita pada lokasi application\models dengan nama file M_berita.php script sebagai berikut
Tambahkan function pada file islogin_helper.php pada lokasi application\helpers dengan script sebagai berikut
Tambahkan fungsi ke file islogin_helper.php di lokasi application\helpers dengan skrip berikut. Buat tampilan edit pada kontrol News di application\views\backend\v_news dengan nama file script edit.php seperti berikut.
DAFTAR PUSTAKA
