Final Project PBKK A

Soal:

i. Cari paper yang berhubungan dengan aktivitas pembuatan perangkat lunak/ aplikasi menggunakan framework.

Berdasarkan referensi yang sudah didapatkan,

1. Buatlah deskripsi studi kasus aplikasi ditinjau dari MVC nya(individu)

2. Buatlah rancangan umum arsitektur atau fitur yang ada dalam aplikasi  (individu)

3. Rancang desain databasenya  (individu)

4. Buat desain front end  (individu)

5. Tentukan Control yang akan mengandle logika back end.  (individu)

6. Implementasikan rancangan yang sudah dibuat  menggunakan Framework NET, CI ataupun Framework Google (pilih salah satu - bisa kelompok maks 3)

7. Buat video presentasinya, upload di youtube, dan didokumentasikan di blog.

Jawaban: 

i. 

1. Berdasarkan referensi paper yang telah ditemukan, aplikasi yang akan dibuat akan berupa toko sembako online. Di dalam aplikasi ini menawarkan berbagai macam fitur layaknya perbelanjaan melalui toko-toko franchise seperti Indomaret namun fokusnya lebih ke UMKM yang dikelola oleh personal. Pengguna diharapkan bisa melakukan pemesanan dan pembayaran secara online lalu pesanannya nantinya akan dikirimkan oleh karyawan toko. Dengan adanya aplikasi ini, diharapkan para pemilik toko bisa menjangkau konsumen lebih luas tanpa terbatas oleh jarak.

2. Berikut ini adalah rancangan umum arsitektur yang mungkin akan diterapkan pada saat pembuatan aplikasi ini:

a). Autentikasi dan Otorisasi:

- Registrasi pengguna (pemilik toko dan konsumen).

- Login dan logout.

- Manajemen hak akses untuk pemilik toko dan konsumen.

b). Dashboard:

- Dashboard terpisah untuk pemilik toko dan konsumen.

- Informasi statistik penjualan untuk pemilik toko.

- Riwayat pemesanan dan pembayaran untuk konsumen.

c). Pengelolaan Produk:

- Tambah, edit, dan hapus produk oleh pemilik toko.

- Kategori produk untuk memudahkan pencarian.Informasi detail produk dan gambar.

d). Pemesanan dan Pembayaran:

- Keranjang belanja untuk konsumen.

- Proses pemesanan dengan pilihan pengiriman.

- Integrasi pembayaran online (seperti kartu kredit, transfer bank, atau dompet digital).

e). Manajemen Toko:

- Profil toko dan informasi kontak.

- Status pesanan dan pemrosesan oleh pemilik toko.

- Notifikasi pemilik toko tentang pesanan baru.

f). Pengiriman:

- Pilihan pengiriman, termasuk ongkos kirim.

- Pemantauan pengiriman untuk konsumen dan pemilik toko.

g). Ulasan dan Penilaian:

- Konsumen dapat memberikan ulasan dan penilaian produk.

- Tampilan ulasan untuk membantu pembeli lain.

h.) Manajemen Akun:

- Pengelolaan profil pengguna.

- Riwayat transaksi dan pembelian.

- Ubah kata sandi dan informasi akun.

i). Pencarian dan Filter:

- Pencarian produk berdasarkan kategori, nama, atau merek.

- Filter produk berdasarkan harga, popularitas, dan lainnya.

j). Laporan dan Analisis:

- Laporan penjualan dan statistik untuk pemilik toko.

- Analisis popularitas produk.

k). Sistem Pemberitahuan:

- Pemberitahuan pesanan baru dan status pesanan.

- Pemberitahuan promosi atau diskon.

l). Integrasi Sosial Media:

- Berbagi produk melalui platform media sosial.

- Login atau registrasi dengan akun media sosial.

m). Customer Support:

- Sistem dukungan pelanggan melalui obrolan atau tiket.

- FAQ (Frequently Asked Questions) untuk bantuan mandiri.

n). Pengujian dan Pemeliharaan:

- Fitur pengujian otomatis dan manual.

- Pemeliharaan dan pembaruan sistem.

o). Keamanan:

- Proteksi terhadap serangan siber.

- Enkripsi data dan perlindungan privasi.

3. Berikut ini adalah rancangan sederhana dari database yang akan dipakai:

Admin

- Mengelola item

- Mengelola kategori

- Mengelola laporan

- Mengirim invoice

- Rekap transaksi

User

- User dapat login

- User pilih kategori

- Pilih item

- Edit kranjang

- Menerima Invoice

4. Berikut ini adalah sedikit preview dari desain front-end dari aplikasi yang akan dibuat:

Link Figma: desain-ui

5. Untuk menghandle backend aplikasi, diperlukan beberapa control seperti berikut:

a). Authentication Controller:

Mengelola proses registrasi dan login pengguna, menangani autentikasi dan otorisasi pengguna.

b). Dashboard Controller:

Menampilkan informasi terkait dashboard untuk pemilik toko dan konsumen.

c). Product Controller:

Mengelola operasi CRUD (Create, Read, Update, Delete) produk oleh pemilik toko.

d). Order Controller:

Menangani proses pemesanan produk oleh konsumen.

e). Store Management Controller:

Mengelola profil toko, status pesanan, dan notifikasi pemilik toko.

f). Review and Rating Controller:

Mengelola ulasan dan penilaian produk oleh konsumen.

g). User Account Controller:

Mengelola profil pengguna, riwayat transaksi, dan informasi akun.

h). Search and Filter Controller:

Mengelola logika pencarian dan filter produk.

i). Notification Controller:

Mengelola pengiriman pemberitahuan terkait pesanan dan promosi.

j). Support Controller:

Menangani permintaan dukungan pelanggan melalui obrolan atau tiket.

6. Berikut ini adalah implementasi aplikasi yang telah dibuat oleh kelompok kami:
Link Github: toko-sembako

Dokumentasi:

7. Demo:

Tugas Pertemuan 15: Membuat Aplikasi Google Sheet Menggunakan Google App Script

Duevano Fairuz Pandya

5025211052

PBKK - A

Link Github: simple-google-app-script

Link Deploy: klik

Dokumentasi:

Berikut ini adalah sedikit preview dari aplikasi google sheet yang telah dibuat:

dan berikut ini adalah contoh implementasi pengisian form:

Kuis 2 PBKK A

Duevano Fairuz Pandya

5025211052

PBKK A

Topik : Aplikasi Tiket Bioskop

1. Buatlah deskripsi aplikasi dan ruang lingkup fitur yang akan dikerjakan (individu)

2. Desain User Interface untuk aplikasi (individu)

3. Implementasikan aplikasi dengan menggunakan framework CI (Berkelompok maks 3)

4. Dokumentasikan dalam bentuk video Youtube dan embedded di Blog (Berkelompok maks 3) paling lambat 28 Nov 2023 pukul 08.00

Jawaban

1. Deskripsi Aplikasi:

Aplikasi yang akan dikembangkan adalah platform pemesanan tiket bioskop online yang dirancang untuk memberikan pengalaman yang cepat, efisien, dan nyaman bagi pengguna akhir, yaitu para pengunjung bioskop, serta memudahkan tugas administrator bioskop. Aplikasi ini memungkinkan pengguna untuk melakukan pemesanan tiket secara online, mengakses jadwal film, memilih tempat duduk, dan melakukan pembayaran dengan berbagai metode yang aman. 

Ruang Lingkup Fitur Aplikasi:

• Pemesanan Tiket:

- Pengguna dapat memilih film yang ingin ditonton.

- Menampilkan jadwal pemutaran film yang tersedia.

- Memilih tempat duduk sesuai preferensi di dalam auditorium bioskop.

- Melakukan pembayaran tiket secara online dengan metode yang beragam.

• Jadwal Film:

- Menampilkan daftar lengkap film yang sedang tayang di berbagai bioskop.

- Informasi jadwal pemutaran untuk setiap film.

• Pilihan Tempat Duduk:

- Memberikan pengguna kemampuan untuk memilih tempat duduk favorit mereka di dalam auditorium bioskop.

- Menampilkan peta tempat duduk untuk memudahkan pemilihan.

• Pembayaran Mudah:

- Menyediakan berbagai metode pembayaran termasuk kartu kredit, transfer bank, dompet digital, atau sistem pembayaran online lainnya.

- Memastikan keamanan dan kenyamanan transaksi.

• Konfirmasi Pemesanan:

- Mengirimkan konfirmasi pemesanan tiket secara elektronik ke pengguna setelah pembayaran berhasil.

• Notifikasi:

- Memberikan notifikasi kepada pengguna tentang jadwal film yang telah dipesan.

- Pengingat waktu tayang dan informasi penting lainnya terkait transaksi.

• Reward dan Promo:

- Menawarkan promo, diskon, atau reward khusus kepada pengguna.

- Potongan harga, cashback, atau poin reward untuk setiap transaksi.

- Ulasan dan Penilaian:

• Memungkinkan pengguna memberikan ulasan atau penilaian terhadap film yang mereka tonton.

- Menyajikan ulasan untuk membantu pengguna dalam memilih film.

• Histori Transaksi:

- Menyediakan riwayat transaksi sehingga pengguna dapat melihat daftar film yang telah mereka pesan sebelumnya.

• Lokasi dan Informasi Bioskop:

- Memberikan informasi lengkap tentang lokasi bioskop, daftar film yang sedang tayang, dan fasilitas bioskop.

2. Berikut ini adalah sedikit preview dari desain aplikasi yang akan dibuat:

Desktop (Figma)

Mobile (Figma)

3. Berikut ini adalah Implementasi dari studi kasus di atas:

Link Github: tiket-bioskop

4. Berikut ini adalah embedded dokumentasi dari aplikasi yang sudah dibuat:

Tugas Pertemuan 12: Menerapkan CRUD dalam CodeIgniter

 Duevano Fairuz Pandya

5025211052

PBKK - A

Link Github: ez-crud-ci4

Dokumentasi :

1. Clone repo dan pindahkan ke '/xampp/htdocs', kemudian import database 'ci4_barang' 

2. Pastikan sudah menginstall php di local lalu pastikan juga extension 'intl' dan 'mysqli' sudah aktif di php (php.ini)

3. Jalankan php spark serve 

4. Buka url 'localhost:8080/karyawan'

Preview :

tampilan awal

tambah karyawan

edit karyawan

hapus karyawan

Tugas Pertemuan 11: Membuat View PPDB Menggunakan CodeIgniter

 Duevano Fairuz Pandya

5025211052

PBKK - A

Link Github: PPDB-view-codeIgniter

Preview:

Lakukan setup codeigniter seperti minggu lalu (bisa menggunakan composer)

Isi Controller:

Isi Routes:

Tugas Pertemuan 10: Membuat Setup Project View Hello-world di CodeIgniter

Duevano Fairuz Pandya

5025211052

PBKK - A

Link Github:  codeigniter4-helloworld

Dokumentasi CI hello world

CodeIgniter merupakan salah satu dari sekian banyak framework populer dengan model Model, View, Controller (MVC). Berikut ini adalah cara setup project codeiginiter4 untuk menampilkan view hello world sederhana:

1.     Install php

2.     Install composer

3.     Aktifkan `extension=intl` di file php.ini

4.     Masuk ke /xampp/htdocs dan lakukan bash atau gunakan cmd biasa

5.     Jalankan command `create-project codeigniter4/appstarter [namaProjek] –no-dev`

6.     Jalankan command `php spark serve`, jika muncul halaman seperti di bawah maka project telah siap digunakan

 

7.     Tambahkan route baru dengan sintaks `$routes->get('/[namaview]', 'Home::[namafungsi]');` di ./app/Config/Routes.php

 

8.     Tambahkan fungsi ke `./Controllers/Home.php` untuk memanggil view yang ingin dibuat

 

9.     Buat file php sederhana yang ingin digunakan untuk menampilkan hello-world dengan nama file yang sama seperti di dalam Home.php

10. Tambahkan `/[namaview]` di searchbar

 

 

 

 

 

 

 

 

Kuis 1 PBKK A

 Duevano Fairuz Pandya

5025211052

PBKK A

Link Github: photolab-kuis1

KUIS 1

1. Jelaskan struktur framework dan apa saja kegunaannya dalam pengembangan perangkat lunak?

2. Dalam pembuatan aplikasi dikenal dengan Universal Windows Platform. UWP ini digunakan untuk membuat aplikasi yang mempunyai karakteristik seperti apa? jelaskan dan berikan contoh!

3. Untuk memperjelas jawaban nomor 2, buatlah desain aplikasi Koleksi Album Foto yang bisa menghimpun foto, deskripsi, informasi foto yang diambil atau metadata, dan juga bisa menghapus maupun update list!

4. Implementasikan soal nomor 4 dengan membuat video tutorial pengerjaannya, selanjutnya upload di Youtube dan beri embed di blog dokumentasi!

JAWABAN

1. Framework adalah kerangka kerja yang tersusun dari beberapa kode generik dan dimanfaatkan sebagai template pengembangan perangkat lunak lanjutan guna mempermudah developer. Dengan menggunakan framework, para developer bisa fokus ke tujuan utama proyek tanpa perlu mencemaskan elemen dasar struktur nya dan memulai semuanya dari nol. 

Framework memiliki struktur kode fondasi yang biasa para programmer buat. Sebagian besar framework memiliki forum dan dokumentasi ekstensif yang bisa membantu para programmer mempelajari pengetahuan baru dan pemecahan masalah.

Berikut adalah elemen-elemen struktur umum dari sebuah framework:

* Arsitektur Dasar: Framework biasanya memiliki arsitektur dasar yang telah ditentukan sebelumnya. Ini mencakup bagaimana komponen-komponen inti sistem akan berinteraksi dan saling terkait. 

* Komponen Inti: Framework biasanya menyediakan serangkaian komponen inti yang dapat digunakan oleh pengembang untuk membangun aplikasi. 

* Pola Desain: Framework sering mengikuti pola desain tertentu seperti Singleton, Factory, Observer, atau pola lainnya yang membantu dalam perancangan aplikasi yang baik.

* Konvensi Nama: Framework biasanya mendorong penggunaan konvensi penamaan yang konsisten. 

* Dokumentasi: Framework sering dilengkapi dengan dokumentasi yang komprehensif.

* Aliran Kontrol: Framework biasanya menentukan aliran kontrol dalam aplikasi.

* Ekstensibilitas: Framework sering menyediakan cara untuk memperluas fungsionalitasnya. *

* Keamanan: Framework sering memiliki mekanisme keamanan bawaan, seperti perlindungan terhadap serangan umum, autentikasi, otorisasi, dan manajemen sesi yang aman.

* Tes dan Debugging: Framework sering dilengkapi dengan alat bantu untuk pengujian (testing) dan pemecahan masalah (debugging) untuk membantu pengembang dalam mengidentifikasi dan memperbaiki kesalahan.

* Komunitas dan Dukungan: Banyak framework memiliki komunitas pengembang yang aktif. 

* Integrasi Pihak Ketiga: Framework biasanya menyediakan cara untuk mengintegrasikan dengan komponen atau layanan pihak ketiga, seperti API eksternal, layanan cloud, atau perangkat keras.

Berikut ini adalah beberapa kegunaan dari framework:

* Mengoptimalkan waktu pengembangan

* Menentukan dan menstandarkan langkah-langkah pemrograman

* Keamanan yang lebih ketat

* Menghindari kode duplikat

* Mengurangi terjadinya bug

* Meningkatkan konsistensi dalam proses pengembangan dan dalam aplikasi yang dibuat

* Meminimalkan kemungkinan error dalam kode

* Memungkinkan developer untuk fokus pada elemen desain tertentu

* Memudahkan dan mempersingkat proses belajar tim developer

* Menghemat biaya

2. Universal Windows Platform (UWP) adalah sebuah platform pengembangan yang dikembangkan oleh Microsoft untuk membuat aplikasi yang kompatibel dengan berbagai perangkat yang menjalankan sistem operasi Windows, seperti komputer desktop, laptop, tablet, smartphone, Xbox, HoloLens, dan lainnya. Karakteristik utama dari aplikasi yang dibuat dengan UWP termasuk:

* Universal: Aplikasi UWP dirancang untuk berjalan di berbagai jenis perangkat dengan sistem operasi Windows. Ini berarti Anda dapat mengembangkan satu aplikasi yang dapat digunakan di seluruh ekosistem Windows tanpa perlu menulis ulang kode aplikasi Anda.

* Responsif: Aplikasi UWP harus responsif terhadap berbagai faktor bentuk dan ukuran layar. Ini mencakup kemampuan untuk menyesuaikan tata letak dan UI dengan baik pada perangkat dengan layar yang berbeda. Misalnya, aplikasi UWP akan mengatur ulang tata letaknya untuk tablet atau smartphone sehingga penggunaannya tetap nyaman.

* Dukungan untuk Perangkat Masukan: Aplikasi UWP dapat mengakses berbagai perangkat masukan, seperti sentuh (touch), pena (stylus), keyboard, dan mouse, serta mendukung masukan suara.

* Dukungan untuk Kontinuitas: Aplikasi UWP mendukung pengalaman berkelanjutan antara perangkat yang berbeda. Misalnya, Anda dapat mulai mengerjakan sesuatu di komputer desktop dan melanjutkannya di tablet Anda.

*Dukungan untuk API Windows: Aplikasi UWP memiliki akses ke beragam API Windows yang dapat digunakan untuk mengakses fitur-fitur sistem operasi, seperti notifikasi push, sensor perangkat, jaringan, akses ke sistem berkas, dan lainnya.

Contoh Aplikasi UWP:

* Aplikasi Weather: Aplikasi cuaca yang dibangun dengan UWP dapat berjalan pada desktop, tablet, dan ponsel Windows. Ini memungkinkan pengguna untuk memeriksa perkiraan cuaca di berbagai perangkat dengan tampilan yang responsif.

* Aplikasi Office (Microsoft Office): Microsoft Office memiliki versi UWP yang dirancang untuk perangkat berlayar sentuh dan desktop. Ini memungkinkan pengguna untuk bekerja dengan dokumen di berbagai perangkat dengan pengalaman yang konsisten.

* Aplikasi Game Xbox: Beberapa aplikasi game di Xbox menggunakan UWP untuk memastikan game tersebut dapat dijalankan di berbagai perangkat Xbox dengan antarmuka yang serupa.

* Aplikasi E-book Reader: Aplikasi pembaca e-book yang dibangun dengan UWP dapat berjalan pada PC, tablet, dan ponsel. Pengguna dapat membaca buku elektronik mereka di berbagai perangkat dengan kesinambungan yang baik.

3. Berikut ini adalah sedikit preview dari aplikasi photolab yang telah dibuat:

4.