Cara Menggunakan PAG CodeIgniter

Bagian ini adalah tutorial cara menggunakan PAG CodeIgniter.

Memulai PAG CodeIgniter

Informasi yang dibutuhkan untuk memulai PAG CodeIgniter dan membuat aplikasi

a. Koneksi Database

Tentukan database yang akan digunakan dalam aplikasi yang akan dibuat. Dalam subfolder appl, buka file application.ini menggunakan editor teks seperti Notepad atau editor teks lainnya. Isi nilai pada kunci sesuai dengan Sumber Data ODBC yang Anda buat seperti di bawah ini:

[Database]
DBMS = "ODBC"
Hostname= "localhost"
DBName = "mycomics"
LogId = "root"
LogPass = ""
DBParm = "ConnectString='DSN=mycomics'"

b. Menjalankan PAG CodeIgniter

Untuk menjalankan PAG CodeIgniter, ikuti langkah-langkah di bawah ini:
- Klik kanan file PAGCI-19R2.exe (Application) dan pilih
  Run as administrator
- Ketikkan userid dan password pada window login.
Userid dan kata sandi default keduanya adalah admin.

Membuat Aplikasi Baru

Berikut adalah cara membuat aplikasi baru pada PAG CodeIgniter:

  1. 1. Klik Options tab.
  2. 2. Centang checkbox Multiple (default unchecked) jika Anda ingin menjalankan lebih dari satu aplikasi dalam satu CodeIgniter.
  3. 3. Klik tombol browse Root untuk mengambil nama folder document root pada XAMPP.
  4. 4. Klik tombol browse CodeIgniter untuk mengambil nama folder CodeIgniter dalam folder document root.
  5. 5. Klik tombol browse Template untuk mengambil nama folder AdminLTE dalam folder CodeIgniter.
  6. 6. Klik tombol browse Vendor untuk mengambil nama folder vendor (phpspreadsheet) dalam folder CodeIgniter.
  7. 7. Pada Project, ketikkan nama aplikasi yang akan dibuat, misalnya: MyComics.
  8. 8. Pada Title, ketikkan nama panjang aplikasi yang akan dibuat, misalnya: My Computer Management Inventory Control System.
  9. 9. Klik tombol Create untuk membuat aplikasi.
  10. 10. Anda telah selesai membuat aplikasi baru dan sekarang Anda dapat membukanya di browser dengan mengetik http://localhost/ci319/, maka tampilan aplikasi pada browser adalah seperti Gambar-4.

Membuat Menu Tree

Aplikasi yang dibuat dengan PAG CodeIgniter menggunakan menu tree dinamis yang disimpan dalam database. Susunan menu ini memiliki tiga level, yang disebut menu grup (level 1), menu item (level 2), dan submenu (level 3). Anda dapat memasukkan data susunan menu menggunakan perintah sql atau melalui editor menu pada PAG CodeIgniter mengikuti langkah-langkah berikut:

  1. 1. Klik tab Menu.
  2. 2. Klik area dalam jendela peratam, di bagian bawah tab akan ditampilkan "Active Pane: Group Menu".
  3. 3. Klik tombol Add (antara tombol Save dan Edit) untuk menambah Menu Group baru.
  4. 4. Ketikkan kode grup, misalnya 01 dan ketikkan group name: Master, lalu klik tombol Save di sebelah kiri tombol Add.
  5. 5. Ulangi langkah 4 di atas, ketik Code: 02 dan Name: Transaction.
  6. 6. Tambahkan menu item. Klik baris Master dalam jendela Menu Group. Klik jendela di bawah jendela menu group, tampil Active Pane: Menu Item. Klik tombol Add, isi Code dengan 0101, ketikkan Name: Product, Icon: fa-product-hunt, Title: Master of Product, dan View Directory: product.
  7. 7. Klik tombol Save untuk menyimpan menu item.

MVC Tabel Master Category

Yang dimaksud dengan MVC di sini adalah membuat semua file yang dibutuhkan oleh form—Model, View (index.php, create.php, show.php, edit.php, dan termasuk skrip jQuery), dan Controller. Untuk membuat MVC tabel Master Category, silakan ikuti langkah-langkah di bawah ini:

  1. 1. Klik tab Options.
  2. 2. Pilih tabel m_category.
  3. 3. Klik tombol Add All untuk memilih semua kolom.
  4. 4. Membuat checkbox kolom Status dengan nama Active :
    1. a.  Gantik label Status menjadi Active.
    2. b. Klik dropdown Edit Type, pilih Checkbox.
  5. 5. Klik tab Model, klik dropdown Menu Group dan pilih Master, lalu klik dropdownMenu Item dan pilih Category.
  6. 6. Klik ikon Generate untuk menghasilkan semua skrip.
  7. Semua skrip telah dibuat, termasuk skrip jQuery — lihat Gambar 8. Untuk melihat setiap skrip, klik tab MVC yang Anda inginkan, secara default tab Model yang aktif. Semua skrip dapat diubah sebelum disimpan jika perlu. Tapi, itu tidak disarankan karena membuat script tidak konsisten.
  8. 7. Klik ikon Save untuk menyimpan semua skrip.
  9. 8. Jalankan browser dan ketikkan: http://localhost/ci319/ and Klik menu Category.
  10. 9. Klik tombol Add untuk menambah Category, type code: 07, ketikkan Name Informal wear, dan klik Save.
  11. 10. Klik ikon Delete untuk menghapus Category.
  12. Model PAG CodeIgniter
    Gambar-8. Tab Model

MVC Table Master Product

Cara membuat MVC tabel master produk hampir sama dengan membuat master Category. Kali ini, saya akan menunjukkan cara membuat skrip menggunakan 2 tabel direlasikan, tabel produk dengan tabel Category. Langkah-langkahnya adalah sebagai berikut:

Memilih Tabel dan Kolom

  1. 1. Klik tab Options dan pada Index ketikkan 3 Row(s) per page. Jumlah default baris per halaman adalah 10 baris.
  2. 2. Pilih table m_product, tabel pertama yang dipilih adalah tabel yang digunakan untuk menyimpan data.
  3. 3. Pilih table m_category, tabel kedua, ketiga, dan seterusnya hanya digunakan sebagai display only.
  4. 4. Pilih kolom m_product.categoryid sebagai foreign key, urutan klik harus yang pertama.
  5. 5. Pilih kolom m_product.productid sebagai primary key, urutan klik harus yang kedua.
  6. 6. Pilih kolom m_product.name.
  7. 7. Pilih kolom m_product.size.
  8. 8. Pilih kolom m_product.stocked.
  9. 9. Pilih kolom m_category.status, kolom ini hanya sebagai display only.
  10. 10. Ganti label Categoryid menjadi Category (ketikkan Category dalam kotak isian Label), karena akan menampilkan nama kategori yang direlasikan dengan categoryid.

Membuat Kolom Dropdown

  1. 1. Klik Edit Type dropdown, pilih DropdownData;
  2. 2. Klik Table Name dropdown dan pilih tabel m_category;
  3. 3. Klik Data Column dropdown (kolom untuk menyimpan), pilih kolom categoryid; dan klik dropdown Kolom Tampilan (display only), lalu pilih kolom nama dari Category;
  4. 4. Klik OK.

Membuat Kolom Pencarian (Search)
Pada kolom Name, klik checkbox Search yang akan digunakan untuk memfilter data pada halaman index.

Membuat Koloom ListBox

  1. 1. Pada baris kolom Size, klik dropdown Edit Type;
  2. 2. Pilih ListBox, Ketikkan small dan Enter, ketikkan medium dan Enter, dan ketikkan large dan Enter;
  3. 3. Klik OK.

Secara skrip HTML, Dropdown dan ListBox, keduanya adalah sama-sama dropdown yaitu tag SELECT OPTION. Yang memedakan adalah data sumbernya, pada dropdown data ditampilkan dari table database sedangkan ListBox data yang ditampilkan dari data yang diketikkan langsung pada dropdown.

Membuat Kolom CheckBox

  1. 1. Pada baris Stocked, klik dropdown Edit Type;
  2. 2. Pilih CheckBox;
  3. 3. Klik OK.

Membuat Kolom RadioButton
Pada halaman category, kolom status diset sebagai checkbox; pada halaman product kolom status dimtampilkan sebagai RadioButton.

  1. 1. Pada baris Status, klik dropdown Edit Type, pilih RadioButton;
  2. 2. Ketikkan inactive dan Enter;
  3. 3. Ketikkan active dan Enter;
  4. 4. Klik OK.

Men-generate dan Menyimpan Script

  1. 1. Pilih Menu Group: Master, pilih Menu Item: Produck tempat file skrip view akan disimpan;
  2. 2. Klik ikon Generate;
  3. 3. Klik ikon Save;
  4. 4. Kembali ke browser, Klik menu Product untuk menampilkan halama product.

Anda malas membaca langkah-langkah di atas dan bagaimana cara menggunakan MVC Master Product yang telah dibuat di atas? Ayo tonton videonya dengan judul PAG CodeIgniter R2 PART #2 Dropdown data, ListBox, dan CheckBox di channel Youtube Syahrial Chan.

Apa pendapat Anda tentang PAG CodeIgniter ini? Jika ini bermanfaat, silakan komentari, like dan, di-share di channel YouTube: SyahrialChan, klik di sini!.