1

1.1.1. Rancang Antar Muka

Rancangan Layar merupakan hal yang cukup penting dalam perancangan

aplikasi / sistem. Aplikasi harus memiliki tampilan yang mudah dimengerti, jelas,

dan memudahkan pengguna.

1.1.1.1. Struktur Tampilan

Stuktur tampilan seperti tampak pada gambar 3-16 dibuat untuk memudahkan

memahami peta navigasi aplikasi, karena aplikasi yang dibangun menggunakan

teknologi HTTP atau berupa website.

Gambar Error! No text of specified style in document.-1. Struktur Utama

Aplikasi

2

1.1.1.2. Rancangan Layar Login

Gambar Error! No text of specified style in document.-2. Rancang Layar Login

Halaman login bertujuan agar aplikasi hanya dapat diakses oleh orang yang

memiliki hak untuk menggunakan aplikasi. Halaman ini adalah halaman yang

ditampilkan sistem saat pengguna mengakses pertama kali.

1.1.1.3. Rancangan Layar Utama

Halaman Utama adalah halaman yang ditampilkan pertama kali setelah user

melakukan otentikasi diri. Halaman ini menampilkan menu-menu yang disediakan

oleh sistem.

Gambar Error! No text of specified style in document.-3. Rancang Layar

Halaman Utama

3

1.1.1.4. Rancangan Layar Add User

Halaman Add User adalah halaman yang diperuntukan untuk pengelolaan

pengguna yang dapat mengakses aplikasi.

Gambar Error! No text of specified style in document.-4. Rancang Layar Add

User

1.1.1.5. Rancangan Layar Change Password

Halaman Change Password adalah halaman yang memungkinkan pengguna

untuk merubah passwordnya.

4

Gambar Error! No text of specified style in document.-5. Rancang Layar

Change Password

1.1.1.6. Rancangan Layar Vendor

Halaman Vendor menyediakan fungsi administrasi data supplier / vendor yang

menyediakan bahan baku.

Gambar Error! No text of specified style in document.-6. Rancang Layar

Vendor

5

1.1.1.7. Rancangan Layar Material

Halaman material adalah halaman untuk melakukan administrasi data material.

Material adalah barang impor yang diklasifikasikan sebagai bahan perakitan produk

jadi.

Gambar Error! No text of specified style in document.-7. Rancang Layar

Material

1.1.1.8. Rancangan Layar BOM List

Gambar Error! No text of specified style in document.-8. Rancang Layar BOM

List

Halaman BOM (Build of Material) adalah halaman yang menyediakan

administrasi informasi susunan material yang digunakan untuk merakit sebuah

6

produk. Halaman ini bersifat integral, sehingga saat pertama kali melakukan entry

data, sistem akan menyusun dalam urutan produk sebagai baris pertama.

1.1.1.9. Rancangan Layar Distribution List

Halaman distribution list adalah halaman yang menyediakan administrasi data

distributor atau rekanan perusahaan dalam segi pemasaran.

Gambar Error! No text of specified style in document.-9. Rancang Layar

Distribution List

1.1.1.10. Rancangan Layar Product

Halaman Product adalah halaman yang menyediakan fungsi administrasi data

produk. Produk adalah barang jadi yang merupakan hasil perakitan dari beberapa

material.

7

Gambar Error! No text of specified style in document.-10. Rancang Layar

Product

1.1.1.11. Rancangan Layar Receive Material

Gambar Error! No text of specified style in document.-11. Rancang Layar

Receive Material

Halaman Receive Material adalah halaman untuk memasukkan data-data

barang masuk ke gudang.

8

1.1.1.12. Rancangan Layar Material Used

Halaman Material Used adalah halaman untuk memasukkan data-data

penggunaan material aktual (nyata) yang digunakan dalam proses perakitan produk.

Gambar Error! No text of specified style in document.-12. Rancang Layar

Material Used

1.1.1.13. Rancangan Layar Planning Production

Gambar Error! No text of specified style in document.-13. Rancang Layar

Planning Production

Halaman Planning Production adalah halaman untuk memasukkan rencana

produksi barang jadi. Sistem kemudian akan melakukan penghitungan kebutuhan

9

material yang diperlukan. Hal ini diperlukan agar pemilik usaha dapat

memperkirakan kebutuhan akan bahan baku.

1.1.1.14. Rancangan Layar Finish Good Transfer

Gambar Error! No text of specified style in document.-14. Rancang Layar

Finish Good Transfer

Halaman Finish Good Transfer adalah halaman untuk mencatat hasil produksi

/ perakitan yang dikirim kembali ke gudang. Setiap pengiriman barang hasil

produksi harus menyertakan nomor perencanaan produksi. Sistem akan menambah

persediaan barang jadi di gudang sesuai dengan jumlah yang dimasukankan dalam

transaksi.

1.1.1.15. Rancangan Layar Distribution Product

Halaman distribution product adalah halaman untuk mencatat pengiriman

barang jadi / barang produksi ke para distributor. Distributor merupakan rekanan

perusahaan baik berupa penjual langsung atau penjual perantara. Setiap transaksi

yang dicatat oleh sistem akan digunakan untuk mengurangi persediaan barang jadi

di gudang.

10

Gambar Error! No text of specified style in document.-15. Rancang Layar

Distribution Product

1.1.1.16. Rancangan Layar Report Receive Material

Halaman Report Receive Material adalah laporan yang menampilkan barang-

barang yang masuk gudang. Pengguna aplikasi dapat menentukan periode laporan

dengan menentukan tanggal pada filter periode.

11

Gambar Error! No text of specified style in document.-16. Rancang Layar

Report Receive Material

1.1.1.17. Rancangan Layar Report Stock Material

Halaman Report Stock Material adalah laporan yang menyediakan informasi

akan jumlah persediaan barang impor / bahan baku yang ada di gudang.

Gambar Error! No text of specified style in document.-17. Rancang Layar

Report Stock Material

12

1.1.1.18. Rancangan Layar Report Stock Product

Gambar Error! No text of specified style in document.-18. Rancang Layar

Report Stock Product

Halaman Report Stock Product adalah laporan yang menyediakan informasi

jumlah persediaan barang jadi / produk yang ada di gudang.

1.1.1.19. Rancangan Layar Report Material Used

Halaman Report Material Used adalah laporan yang menyediakan informasi

penggunaan bahan baku aktual dalam proses perakitan / produksi. Pengguna

aplikasi dapat menentukan periode laporan dengan menentukan tanggal pada filter

periode.

13

Gambar Error! No text of specified style in document.-19. Rancang Layar

Report Material Used

1.1.1.20. Rancangan Layar Report Planning Production

Gambar Error! No text of specified style in document.-20. Rancang Layar

Report Planning Production

Halaman Report Planning Produksi adalah halaman yang menyediakan

informasi mengenai rencana perakitan / produksi. Pengguna aplikasi dapat

menentukan periode laporan dengan menentukan tanggal pada filter periode.

14

1.1.1.21. Rancangan Layar Report Finish Good Transfer

Halaman Report Finish Good Transfer adalah laporan yang menyediakan

informasi mengenai pengiriman hasil perakitan kembali ke gudang.

Gambar Error! No text of specified style in document.-21. Rancang Layar

Report Finish Good Transfer

1.1.1.22. Rancangan Layar Report Distribution

Halaman Report Distribution adalah laporan yang menyediakan informasi

mengenai pengiriman barang produksi / barang keluar dari gudang ke para

distributor.

Gambar Error! No text of specified style in document.-22. Rancang Layar

Report Distribution

15