PBKK A - Tugas 3. View dengan CodeIgniter

Kita akan menggunakan template HTML Bootstrap yaitu SB Admin.

Berikut adalah langkah-langkahnya :
1. Atur konfigurasi CodeIgniter
Buka direktori "~/application/config/config.php" , ubah bagian $config['base_url'] menjadi seperti di bawah ini

2. Konfigurasi Autoload
Kita akan menggunakan helper url, yang berisi fungsi-fungsi untuk mengakses URL seperti base_url(), site_url(), dll.
Cara mengaktifkan  helper url, buka direktori "~application/config/autoload.php",  ubah bagian $autocad['helper'] menjadi seperti di bawah ini

3. Membuat Konstanta
Buat konstanta SITE_NAME untuk menyimpan nama web.
Buka direktori "~application/config/constants.php" , tambahkan kode seperti di bawah ini

4. Download template SB Admin di www.startbootstrap.com

5. Pindahkan folder css, js, vendor ke dalam folder Tokobuah yang berada di htdocs.

Ubah nama folder vendor menjadi assets

6. Buat file overview.php yang akan menjadi halaman home admin pada folder "~views/admin"
Isi dari file overview.php ini diambil dari file index.html yang berasal dari template SB Admin, kemudian sesuaikan link direktori untuk CSS, JS, dan Bootstrapnya seperti gambar di bawah ini

7. Tambahkan controller baru

Buka direktori "~/application/controllers/admin" , buat file Overview.php dan isikan kode seperti di bawah ini

8. Tambahkan route baru

Buka direktori "~/application/config/routes.php" , tambahkan kode seperti di bawah ini

9. Setelah itu, kita dapat melihat hasilnya dengan membuka link "http://localhost/tokobuah/index.php/admin/", seperti gambar di bawah ini

10. Selesai.

Link Source Code : klik disini

PBKK A - Tugas 2. Pengembangan Welcome Page dengan CodeIgniter (Routing)

Kita akan menambahkan 2 routing baru pada halaman Welcome Page yang sudah kita buat sebelumnya, yaitu About dan Contact

Berikut langkah-langkah untuk menambahkan kedua routing tersebut :

1. Buka file controller Welcome.php yang berada pada direktori "~application/controllers/Welcome.php" , tambahkan function About dan Contact seperti di bawah ini

2. Buka file routes.php yang berada pada direktori "~application/config/routes.php", dan tambahkan route untuk halaman About dan Contact seperti di bawah ini

penambahan route di sini berguna apabila kita ingin mengakses halaman About dan Contact tanpa perlu menuliskan direktori welcome terlebih dahulu

3. Buka direktori "~application/views" , buatlah 2 file baru bernama about.php dan contact.php. Kemudian buatlah tampilan HTML pada file tersebut, seperti di bawah ini

Screenshot about.php

Screenshot contact.php

4. Untuk mengakses halaman Welcome Page, buka pada  "http://localhost/Tugas2_PBKK/index.php/welcome"

5. Untuk mengakses halaman About, buka pada  "http://localhost/Tugas2_PBKK/index.php/welcome/about" atau "http://localhost/Tugas2_PBKK/index.php/about"

Note : Jika kita telah melakukan langkah pada nomor 2, maka kita dapat mengakses halaman About dengan link kedua. Namun, jika kita melewati langkah nomor 2, maka kita dapat mengakses halaman About dengan link pertama.

Dengan link pertama

Dengan link kedua

6. Untuk mengakses halaman Contact, buka pada  "http://localhost/Tugas2_PBKK/index.php/welcome/contact" atau "http://localhost/Tugas2_PBKK/index.php/contact"

Note : Jika kita telah melakukan langkah pada nomor 2, maka kita dapat mengakses halaman Contact dengan link kedua. Namun, jika kita melewati langkah nomor 2, maka kita dapat mengakses halaman Contact dengan link pertama.

Dengan link pertama

Dengan link kedua

Source code : klik disini
SELESAI.

PBKK A - Tugas 1. Pengenalan Framework

1. Tuliskan framework yang pernah digunakan!
- Django

2. Alasan memakai Django?
- Saya menggunakan Django karena Django merupakan framework python yang lebih lengkap dan lebih mudah dipahami dari pada framework python lainnya. Dengan Django kita dapat mengeksekusi script dalam bahasa python agar hasilnya dapat ditampilkan pada halaman web HTML

Kelebihan Django :

• Rapidly : Django telah dirancang untuk membantu developer membuat aplikasi dari konsep sampai selesai secepat mungkin. “from concept to completion as quickly as possible”
• Flexible : Django cocok untuk digunakan dalam skala project kecil hingga skala project besar.
• Fully Loaded : Django menyediakan banyak komponen yang dibutuhkan untuk development aplikasi web atau pun mobile. Django itu sendiri lebih lengkap dibandingkan dengan framework Python lain nya.
• Cross-Plaftorm : Karena Django ini menggunakan Python, dan kita tahu bahwa Python ini bisa berjalan pada platform apapun yang sudah terpasang Python.
• Good Documentation : Django memiliki web dengan dokumentasi yang sangat lengkap dan terstruktur. Sangat cocok untuk yang sedang belajar untuk tahap awal. Juga disediakan code examples sebagai bahan belajar.
• Secure : Django sudah include pengamanan untuk serangan umum seperti : SQL Injection, XSS, CSRF dan clickjacking.
• Framework Support : Django memiliki built-in mendukung Ajax, RSS, Caching, dan berbagai kerangka lain.
• Administration GUI : Django menyediakan ready-to-use user interface yang bagus untuk kegiatan administrasi.

Kekurangan Django :

• Menggunakan pola perutean, tentukan URL-nya
• Django terlalu monolitik
• Semuanya didasarkan pada Django ORM
• Komponen dikerahkan bersama
• Pengetahuan tentang sistem lengkap diperlukan untuk bekerja

3. Untuk menyelesaikan apa?

- Saya menggunakan Django untuk menyelesaikan Final Project Visi Komputer yaitu membuat Aplikasi Web untuk Klasifikasi Sayuran

Deskripsi Aplikasi : Aplikasi Klasifikasi Sayuran ini merupakan aplikasi object recognition yang dapat mengklasifikasikan sebuah gambar sayuran sesuai dengan jenisnya dan juga dapat menampilkan informasi-informasi tambahan mengenai sayuran tersebut.

Tampilan web dibuat dalam HTML. dengan sedikit tambahan CSS.

Untuk proses klasifikasi gambar sayurannya sendiri dengan metode Convolutional Neural Network dalam bahasa pemrograman python. Framework Django berfungsi untuk menghubungkan tampilan web dalam HTML dengan proses klasifikasi yang ada di dalam file python.

Screenshot :

4. Menginstall CodeIgniter dan membuat halaman web sederhana berisi biodata diri

- Berikut screenshot hasil halaman web yang telah saya buat menggunakan framework CodeIgniter.

Untuk mengakses halaman ini menggunakan http://localhost/Tugas1_PBKK/

Dan berikut ini adalah link source codenya.

klik disini