TUGAS AKHIR PRAKTIKUM

MOBILE PROGRAMING

RANCANG APLIKASI KATALOG DENGAN FLUTTER

BERJUDUL MINE-PC

Anggota dari Team Mobile:

Dwiky Meidy Lasmana 065118 085
Fazar Zulham Ibrahim 065118 097
Kristianto 065118 089
Iqbal Fabianza Wirandha 065118 047

PROGRAM STUDI ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS PAKUAN BOGOR

2021
 KATA PENGANTAR

Puji syukur kami panjatkan ke hadirat Allah SWT atas segala rahmat dan karunia-
Nya yang telah diberikan, sehingga penyusun bisa menyelesaikan Laporan Praktikum
Khusus Tugas Akhir Mobile Programming ini. Adapun tujuan disusunnya laporan ini
adalah sebagai syarat untuk memenuhi tugas akhir Praktikum Mobile Programming.

Tersusunnya laporan ini tentu bukan karena buah kerja keras kami semata,
melainkan juga atas bantuan dari berbagai pihak. Untuk itu, kami ucapkan terima kasih
sebesar-besarnya kepada semua pihak yang membantu terselesaikannya laporan ini,
diantaranya:

1. Reza Eka Makhfira

2. M Agung Ardiansyah

Kami sangat menyadari bahwa laporan ini masihlah jauh dari sempurna. Untuk
itu, kami selaku tim penyusun menerima dengan terbuka semua kritik dan saran yang
membangun agar laporan ini bisa tersusun lebih baik lagi. Kami berharap semoga laporan
ini bermanfaat untuk kita semua.

Bogor, 5 Juni 2021

Iqbal Fabianza Wirandha

Penyusun Laporan
 DAFTAR ISI
BAB I ............................................................................................................................................... 4
PENDAHULUAN .............................................................................................................................
BAB II .............................................................................................................................................. 5
DESAIN .............................................................................................................................................
BAB III ............................................................................................................................................ 6
IMPLEMENTASI ..............................................................................................................................
BAB IV ............................................................................................................................................ 7
HASIL ...............................................................................................................................................
 BAB I
PENDAHULUAN
1.1 Latar Belakang
Katalog adalah daftar barang atau benda yang disusun untuk tujuan tertentu.
Katalog sebagai bentuk media publikasi memiliki segmentasi lebih sempit dan lebih
terarah dari pada Brosur, maksudnya produk berorientasi pada segmen tertentu. Usia
Katalog jauh lebih panjang dari usia Brosur. Katalog memiliki kedalaman isi yang jauh
berbeda dengan Brosur yang hanya menyajikan Produk.

Saat ini sudah banyak katalog yang dibuat interaktif dan menyesuaikan dengan
pengguna yang ditujukan. Saat ini katalog sudah bisa dibuat dengan media yang berbeda
yaitu dalam media digital, dimana bukan seperti dulu lagi yang katalog hanya bisa
dimedia cetak. Dimana katalog interaktif adalah solusi marketing untuk menarik
pelanggan lebih banyak (Anynomous, 2006).

Dengan katalog yang interaktif, pelanggan lebih tertarik untuk melihat apa yang
ada didalam toko tersebut melalui katalog tersebut dan secara tidak langsung produk yang
dipasang dalam katalog tersebut dilihat oleh pelanggan.

Firebase adalah suatu layanan dari Google untuk memberikan kemudahan bahkan
mempermudah para developer aplikasi dalam mengembangkan aplikasinya. Firebase
alias BaaS (Backend as a Service) merupakan solusi yang ditawarkan oleh Google untuk
mempercepat pekerjaan developer. Dengan menggunakan Firebase, apps developer bisa
fokus dalam mengembangkan aplikasi tanpa memberikan effort yang besar untuk
urusan backend.

1.2 Tujuan
Tujuan utama aplikasi ini untuk sale & build pc. Disini hanya ada katalognya saja
dengan fitur gambar spesifiknya beserta harga & speknya.

1.3 Manfaat
Dan ada simulasi untuk komputer, disini kita dapat memilih, misal “tidak punya,
jadi mau apa nih” (pakai dropdown menu). Kemudian, dapat menyesuaikan terhadap
ukuran pada ramnya yang berapa GB terhadap kebutuhan atau budgetnya, dan seterusnya
sampai selesai. Setelah itu kita dapat rincian harga & speknya.
 BAB II
DESAIN
2.1. Rancangan Aplikasi
Disini kita membuat aplikasi berhalaman dimulai dari Splash Page, kemudian
katalog-katalog detail pada item atau komponen dari PC.
Untuk pada laman katalognya dia mempunyai 6 halaman, dimulai dari Case, CPU,
GPU, MotherBoard, RAM, dan SSD.
Rencana kita pada merancang aplikasinya katalognya bereferensi
enterkomputer.com seperti gambar dibawah ini..

2.2. Gambar-gambar widget yang tersedia khusus aplikasi katalog

Dalam projek yang kita buat ini, kita mengolah gambarnya dengan format jpg dan
png ini, kita membuatnya dengan aplikasi coreldraw untuk bagian icon/logonya. Dan
sisa-sisa gambar katalog seperti barang/item, kita mendapatnya dari internet.
 BAB III
IMPLEMENTASI

3.1. Metode Yang Digunakan

Metode yang digunakan pada projek ini kita menggunakannya dengan Stateless
Widget saja.

3.2. Pada Aplikasi Sedang Berjalan

Pada aplikasi ini dimulai dengan sisi sebuah akun, pertama buka aplikasi, masuk
halaman login, jika belum punya akunnya, maka kalian akan buat akunnya terlebih
dahulu. (Akunnya sudah termasuk dengan sistem Google Firebase, dimana daftar akun-
akun itu akan tersimpan atau diarsipkan dalam basis data tersebut untuk proses login).

Setelah itu masuk pada menu produk atau katalog, pada halaman tersebut widget
widget pada barisan Component Category terdapat icon-icon yang mana bisa
memfilterkan ketegori pada katalog daftar item yang tersedia. (fitur ini masih dalam
pengembangan dan masih belum bisa apa-apa dan hanya tampilannya saja).

Lalu pilih suatu item yang akan dipilih pada daftar dengan harganya. jika
mengklik suatu itemnya, maka masuk untuk melihat gambar wujud item pada katalog
tersebut.
 BAB IV
HASIL

Homepage Produk item About atau anggota

Login Create User

Drawer
Splash Screen