Data Historis Inventori ID Inventori
Data Historis Inventori Data Surat Pinjam
ID Surat Pinjam
Data Historis Inventori ID Inventori
Data Surat Pinjam ID Surat Pinjam
1 7
Surat Pinjam 7
Surat Pinjam Mencari Data
Korespondensi
Manajer Manajer
Manajer Manajer
2
Administrator 9
Inventori Historis 9
Inventori Historis Mencari Data
Inventori
Gambar 3.6 DFD Level 2 Melihat Historis Inventori dan Korespondensi
3.2.3. Entity Relationship Diagram ERD
Gambaran mengenai perancangan struktur keseluruhan basis data ditunjukkan melalui Entity Relationship Diagram ERD. Rancangan ini tidak
bergantung terhadap software yang mendefinisikan struktur penyimpanannya secara fisik. Proses pembuatan ERD menggunakan aplikasi DataArchitect dari
paket tool desain sistem Power Designer 6. Hasil perancangan ERD sistem aplikasi yang akan dibuat ini digambarkan berupa Conceptual Data Model CDM
pada gambar 3.7 dan berupa Physical Data Model PDM gambar 3.8.
Mempros es Terdiri
Mempuny ai
Mempros es
Mempuny ai Terdiri
Memilik i Memilik i
Jenis_Barang Kategori_Surat
ID_Jenis ID_Kategori
Nama_Jenis Nama_Kategori
Merk_Barang ID_Merk
Surat Karyaw an
Nama_Merk Surat_Pinjam
ID_Surat NIK
ID_Pinjam No_Surat
Asal_Surat Perihal_Surat
Sc an_Surat Nama_Kary aw an
Tanggal_Lahir Jenis_Kelamin
Alamat_Rumah No_Telepon
No_Handphone Tipe_Barang
ID_Tipe Nama_Tipe
Keadaan_Barang
Inventori Histori_Inventori
ID_Inv entori ID_His tori
Serial_Number MAC
Status Tgl_Pinjam
Status_Surat Tujuan
Keterangan
Gambar 3.7 CDM Aplikasi E-Office
NIK = NIK ID_SURAT = ID_SUR AT
ID_KATEGORI = ID _KATEG ORI
NI K = NI K
ID_I NVENTO RI = I D_INVENTORI I D_TIPE = ID _TIPE
ID_MERK = ID_MERK
JENIS_BA RANG KATEGORI_SURAT
ID_JENIS varchar5
ID_KA TEGORI varchar5
NAMA_JENIS varchar200
NAMA_KATEGORI varchar30
I D_J ENIS = I D_J ENIS
MERK_BARANG KARY AWAN
ID_MERK varchar5
NIK varchar5
ID_JENIS varchar5
NAMA_MERK varchar100
SURAT NAMA_KARYAWAN
varchar100 TANGGAL_LAHIR
date JENIS_KELAMIN
char1 ALAMAT_RUMAH
varchar300 NO_TELEPON
varchar10 NO_HANDPHONE
varchar15 ID_SURAT
varchar5 ID_KA TEGORI
varchar5 NO_SURAT
varchar30 ASAL_SURAT
varchar50 PERIHAL_SURAT
varchar100 SCAN_SURAT
undefined TIPE_BARANG
ID_TIPE varchar5
ID_MERK varchar5
NAMA_TIPE varchar100
KEADAAN_BARANG varchar50
HISTORI_INVENTORI SURAT_PINJAM
ID_HISTORI varchar5
ID_INVENTORI varchar5
NIK varchar5
STATUS varchar10
ID_PINJAM varchar5
INVENTORI ID_INVENTORI
varchar5 ID_TIPE
varchar5 SERIA L_NUMBER
varchar20 MAC
varchar20 ID_SURAT
varchar5 NIK
varchar5 TGL_PINJAM
date STATUS_SURAT
varchar10 TUJUAN
varchar100 KETERANGAN
varchar100
Gambar 3.8 PDM Aplikasi E-Office
3.3.
E- Off
iliki beberapa halaman yang akan dibuat yaitu:
i
an perancangan dan penjelasan dari tampilan halaman
.3.1. Tampilan Halaman Utama
Gambar 3.9 Desain Tampilan Halaman Utama
Perancangan Antar Muka
Untuk memudahkan pembuatan aplikasi khususnya dalam desain tampilan, maka dibuat perancangan antar muka terlebih dahulu. Hasil perancangan ini
selanjutnya digunakan sebagai panduan dalam membuat tampilan aplikasi ice. Aplikasi E-Office mem
a Halaman Utama
b Halaman Surat
c Halaman Inventor
d Halaman Histori
e Halaman Karyawan
Berikut ini merupak website yang akan dibuat.
3
Nama Perusahaan
L
N
ogin Menu
ama Password
Login
Gambar 3.9 di atas menggambarkan desain tampilan halaman utama dari aplikasi yang akan dibuat. Pada bagian atas halaman utama terdapat identitas
Nama Perusahaan Menu
Tampilan Surat
Nama Perusahaan Menu
Daftar Inventori
i area kanan halaman utama, terdapat kotak untuk
.3.2. Tampilan Halaman Surat
Gambar 3.10 Desain Tampilan Halaman Surat
ah area kanan pada halaman ini memuat tampilan surat yang
.3.3. Tampilan Halaman Inventori
Gambar 3.11 Desain Tampilan Halaman Inventori nama perusahaan. Bagian kiri halaman utama akan ditampilkan menu apabila
telah dilakukan proses login. D mengisi nama dan password.
3
Pada gambar 3.10 menunjukkan desain tampilan halaman surat. Secara garis besar desain halaman ini tidak jauh berbeda dengan desain halaman utama.
Perbedaannya hanyal ada pada basis data.
3
Gambar 3.11 menampilkan desain halaman inventori dimana area sebelah kanan berisi informasi tentang inventori barang yang ada pada perusahaan.
3.3.4. Tampilan Halaman
