File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form...

130
21 BAB II PERANCANGAN APLIKASI 2.1 Rancangan Database Pertama-tama sebelum kita buat database pastikan sudah terinstall apliasi Xampp, Kalau belom kita bisa mendownlodnya di googel. Lalu klik 2x pada icon atau bisa dari klik Start lalu all aps/all program pilih Xampp. Lalu akan muncul tampilan sebagai berikut : Lalu Klik pada tombol Start pada apache dan Mysql. Selanjunya kita Klik tombol admin pada Mysql dan bisa juga dengan membuka browser lalu ketik localhost/phpmyadmin Maka akan muncul tampilan sebagai berikut :

Transcript of File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form...

Page 1: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

21

BAB II

PERANCANGAN APLIKASI

2.1 Rancangan Database

Pertama-tama sebelum kita buat database pastikan sudah terinstall

apliasi Xampp, Kalau belom kita bisa mendownlodnya di googel. Lalu klik 2x

pada icon atau bisa dari klik Start lalu all aps/all program pilih Xampp. Lalu

akan muncul tampilan sebagai berikut :

Lalu Klik pada tombol Start pada apache dan Mysql. Selanjunya kita Klik

tombol admin pada Mysql dan bisa juga dengan membuka browser lalu ketik

localhost/phpmyadmin Maka akan muncul tampilan sebagai berikut :

Page 2: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

22

Kemudian klik new, Lalu kita isi Nama basis datanya dengan

namainventori kemudian klik Buat.Setalah itu kita isi tabel database dengan

nama yang mau dibuat.Kemudian isi Nama, Jenis, Pajang/nilai Dan Primary

Keynya, Selanjutnya klik simpan/kirim

Page 3: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

23

Spesifikasi komponen database inventori

Page 4: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

24

Tabel detail_obatmasuk

Tabel detail_transpesanan

Page 5: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

25

Tabel obat

Tabel obat_masuk

Tabel retur_obat

Page 6: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

26

Tabel smt_masuk

Tabel smt_pesan

Tabel smt_retur

Tabel supplier

Page 7: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

27

Tabel trans_pesanan

Tabel user

2.2 Rancangan Form Master

Aplikasi yang dibutuhkan dalam pembuatan apliasi ini matakuliah ini

adalah :

Netbeans IDE 8.2, JDK 1.8.0, Ireport 4.5.0 plugin, Ireport 4.5.0 jar, dan

jCalender

A. Membuat Projek Aplikasi Persediaan Obat

Page 8: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

28

1. Buka Program Aplikasi Netbeans, siapkan folder untuk menyimpan

project , File → New Project

2. Next isi Project Name : PersedianApotek, selanjutnya Pilih Tempat

Penyimpanan <Browse…>, Finish

3. Membuat Package

Klik kanan pada Project – New – JavaPackage, Beri Package dengan

nama: persedianapotek, Finish

Page 9: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

29

B. Merancang Class Koneksi

Class koneksi digunakan sebagai penghubung antara database dengan

form aplikasi yang kita buat pada netbeans

Langkah-langkahnya adalah sebagai berikut:

1. Klik kanan pada packagepersedianapotek– New – Java Class

2. Beri nama class dengan nama : PersedianApotek

Package : persedianapotek – Finish

Page 10: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

30

3. Ketikkan soure/codingan berikut :

4. Tambahkan Libraries untuk bisa terhubung ke database caranya yaitu

:

Klik kanan pada Libraries – Add Libraries – Pilih MySQL JDBC Driver –

Add Library

Page 11: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

31

C. Membuat Form Login

Desain form login

Langkah-langkah untuk membuat form login adalah sebagai berikut :

1. Klik kanan pada package persedianapotek– New – JFrame Form

2. Isi Class Name : Aplikasi_Login– Finish

Page 12: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

32

Page 13: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

33

Spesifikasi properties komponen form Aplikasi_Login

No Komponen properties

1 jLebelField1

Nama Variabel : (kosongkan)

Text : LOGIN

2 jTextField1

Nama Variabel : tkodeuser

Text : (kosongkan)

3 jTextField2

Nama Variabel : password

Text : (kosongkan)

4 jButtom1

Nama Variabel : b_login

Text : LOGIN

5 jButtom2

Nama Variabel : b_keluar

Text : KELUAR

6 jLebelField2

Nama Variabel : tlihat

Text : Lihat

Page 14: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

34

3. Script program untuk form Aplikasi_Login :

Page 15: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

35

4. Klik kanan pada jFrame, pilih Event – Window -windowActivated,

ketik script :

Page 16: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

36

5. Klik kanan pada tkodeuser, pilih Event – Action –

actionPerformed, ketik script :

6. Klik kanan pada bt_keluar, dan btlogin pilih Event – Action –

actionPerformed, ketik script:

7. Klik kanan pada tkodeuser, pilih Event – Key – Key Pressed

[passwordKeyPressed], ketik script :

8. Klik kanan pada tkodeuser, pilih Event – Mouse –mousePressed

[tlihatMousePressed], ketik script :

Page 17: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

37

9. Klik kanan pada tkodeuser, pilih Event – Mouse –mouseRelesed

[tlihatMouseReleased], ketik script :

D. Membuat Form Master Obat

1. Klik kanan pada package persedianapotek – New – JFrame Form

2. Isi Class Name : Aplikasi_Master_Obat – Finish

Page 18: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

38

Form Aplikasi_Master_Obat

Spesifikasi properties komonen form Aplikasi_Master_Obat

No Kompone Properties

1

jLebel Nama Variabel : tgl

Text : Tanggal

2 jjLebel Nama Variabel : tjam

Page 19: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

39

Text : Jam

3

JTextField Nama Variabel : tkd_obat

Text : (kosongkan)

4

JTextField Nama Variabel : tcari

Text : (kosongkan)

5

JTextField Nama Variabel : tnm_obat

Text : (kosongkan)

6

JComboBox Nama Variabel : cbjenis

Text : =PILIH=

7

JComboBox Nama Variabel : cbKat

Text : =PILIH=

8

JDateChooser Nama Variabel : tgl_kadaluarsa

Text : (kosongkan)

9

JTextField

Nama Variabel : t_stok

Text : (kosongkan)

10

JTable Nama Variabel : tb_obat

Text : (kosongkan)

11

JBotton Nama Variabel : bTambah

Text : Tambah

12

Jbotton Nama Variabel : bUpdate

Text :Update

13

Jbotton

Nama Variabel : bHapus

Text : Hapus

14 Jbotton Nama Variabel : bSimpan

Page 20: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

40

Text : Simpan

15

JBotton Nama Variabel : bEdit

Text : Edit

16

JBotton Nama Variabel : bBatal

Text : Batal

17

JButton Nama Variabel : bTutup

Text : Tambah

3. Ketik Script method-method dibawah ini pada tampilan listing/Source

:

Page 21: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

41

Page 22: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

42

Page 23: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

43

Page 24: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

44

4. Klik kanan pada JFrame, pilih Event – Window – Window Activated,

ketikan Script Berikut:

5. Klik kanan pada bt_Tambah, pilih Event – Action –

ActionPerformed, ketikan Script Berikut :

6. Klik kanan pada tcari, pilih Event – Key – KeyTyped, ketikan Script

Berikut :

Page 25: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

45

7. Klik kanan pada tb_obat, pilih Event – Mouse – mouseClicked,

ketikan Script Berikut :

8. Klik kanan pada bSimpan, pilih Event – Action – ActionPerformed,

ketikan Script Berikut :

Page 26: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

46

9. Klik kanan pada bTutup, pilih Event – Action – ActionPerformed,

ketikan Script Berikut:

10. Klik kanan pada cbjenis, pilih Event – Action – ActionPerformed,

ketikan Script Berikut:

Page 27: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

47

11. Klik kanan pada bBatal, pilih Event – Action – ActionPerformed,

ketikan Script Berikut :

12. Klik kanan pada bBatal, pilih Event – Action – ActionPerformed,

ketikan Script Berikut :

Page 28: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

48

13. Klik kanan pada tgl_kadaluarsa, pilih Event – Property –

propertyChange,ketikan Script Berikut :

14. Klik kanan pada bUpdate dan bEdit, pilih Event – Action –

ActionPerformed,, ketikan Script Berikut :

E. Membuat Form Master Supplier

1. Klik kanan pada package persedianapotek – New – JFrame Form

2. Isi Class Name : Menu_Supplier – Finish

Page 29: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

49

Page 30: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

50

Form Menu_Supplier

Spesifikasi properties komonen form Menu Supplier

No Kompone Properties

1

jLebel1 Nama Variabel : tgl

Text : Tanggal

2

jjLebel2 Nama Variabel : tjam

Text : Jam

3

JTextField Nama Variabel : tid_supplier

Text : (kosongkan)

4

JTextField Nama Variabel : tnm_supplier

Text : (kosongkan)

Page 31: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

51

5

JTextField Nama Variabel : tpengirim

Text : (kosongkan)

6

JTextField Nama Variabel : talamat

Text : (kosongkan)

7

JComboBox Nama Variabel : ttlp

Text : (kosongkan)

8

JBotton Nama Variabel : bTambah

Text : Tambah

9

JBotton

Nama Variabel : bSimpan

Text : Simpan

10

JBotton Nama Variabel : bUpdate

Text : Update

11

JBotton Nama Variabel : bBatal

Text : Batal

12

Jbotton Nama Variabel : bEdit

Text :Edit

13

Jbotton

Nama Variabel : bHapus

Text : Hapus

14

Jbotton Nama Variabel : bExit

Text : Exit

15

JTextField Nama Variabel : tcari

Text : (kosongkan)

16

JTable Nama Variabel : tbsupplier

Text : (kosongkan)

Page 32: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

52

3. Ketik Script method-method dibawah ini pada tampilanlisting/Source :

Page 33: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

53

Page 34: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

54

Page 35: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

55

Page 36: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

56

Page 37: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

57

4. Tahap selanjutnya Klik kanan pada JFrame, pilih Event – Window –

Window Activated, ketikan Script Berikut:

5. Klik kanan pada bTutup, pilih Event – Action – ActionPerformed,

ketikan Script Berikut :

Page 38: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

58

6. Klik kanan pada bTambah, pilih Event – Action – ActionPerformed,

ketikan Script Berikut :

7. Klik kanan pada bBatal, pilih Event – Action – ActionPerformed, ketikan

Script Berikut :

8. Klik kanan pada tCari, pilih Event – Key – KeyTyeped, ketikan Script

Berikut :

Page 39: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

59

9. Klik kanan pada tbsupplier, pilih Event – Mouse –MouseClicked, ketikan

Script Berikut :

10. Klik kanan pada bHapus, pilih Event – Action –ActionPerformed, ketikan

Script Berikut :

Page 40: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

60

11. Klik kanan pada bEdit, pilih Event – Action –ActionPerformed,ketikan

Script Berikut :

12. Klik kanan pada bEdit, pilih Event – Action –ActionPerformed, ketikan

Script Berikut :

F. MembuatForm Master User

1. Klik kanan pada package persedianapotek – New – JFrame Form

2. Isi Class Name : Menu_User – Finish

Page 41: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

61

Form Menu_User

Page 42: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

62

Spesifikasi properties komonen form Mater User

No Kompone Properties

1

jLebel Nama Variabel : tgl

Text : Tanggal

2

jjLebel Nama Variabel : tjam

Text : Jam

3

JTextField Nama Variabel : tkd_user

Text : (kosongkan)

4

JTextField Nama Variabel : tnm_user

Text : (kosongkan)

5

JTextField Nama Variabel : tusername

Text : (kosongkan)

6

JPassword Nama Variabel : tpass

Text : (kosongkan)

7

JTextField Nama Variabel : talamat

Text : (kosongkan)

8

JTextField Nama Variabel : ttlp

Text : (kosongkan)

9

JTextField Nama Variabel : tcari

Text : (kosongkan)

10

JTable Nama Variabel : tbuser

Text : (kosongkan)

11

JBotton Nama Variabel : bTambah

Text : Tambah

Page 43: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

63

12

JBotton Nama Variabel : bBatal

Text : Batal

13

JBotton

Nama Variabel : bSimpan

Text : Simpan

14

JBotton Nama Variabel : bEdit

Text : Edit

15

JBotton Nama Variabel :bUpdate

Text : Update

16

JBotton Nama Variabel : bHapus

Text : Hapus

17

JBotton Nama Variabel : bTutup

Text : Keluar

Page 44: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

64

3. Ketik Script method-method dibawah ini pada tampilan listing/Source

:

Page 45: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

65

Page 46: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

66

Page 47: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

67

Page 48: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

68

4. Klik kanan pada form – Event – window – windowActivated ketikan

script dibawah ini :

Page 49: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

69

5. Klik kanan pada tombol button Update – Event – Action –

actionPerformed ketikan script dibawah ini :

6. Klik kanan pada button Tambah – Event – Action – actionPerformed

setelah itu ketikan scrip dibawah ini :

Page 50: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

70

7. Klik kanan pada button Edit – Event – Action – actionPerformed

setelah itu ketikan script dibawah ini :

8. Klik kanan pada button Batal – Event – Action – actionPerformed

setelah itu ketikan scrip dibawah ini :

9. Klik kanan pada button Simpan – Event – Action - actionPerformed

Page 51: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

71

10. Klik kanan pada button Hapus – Event – Action – actionPerformed

11. Klik kanan pada button Keluar – Event – Action – actionPerformed

setelah itu masukan scrip dibawah ini :

12. Klik kanan pada text field tpass – Event – Key – keyPressed setelah itu

masukan script dibawah ini :

Page 52: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

72

13. Klik kanan pada text field tnm_user – Event – Key – keyPressed setelah

itu masukan script dibawah ini :

14. Klik kanan pada text field tcari – Event – Key – keyTyped setelah itu

masukan script dibawah ini :

15. Klik kanan pada tabel field tbuser – Event – Key – keyPressed setelah

itu masukan script dibawah ini :

G. Membuat Form Ganti Password

1. Klik kanan pada package persedianapotek – New – JFrame Form

2. Isi Class Name : Aplikasi_Gantipass – Finish

Page 53: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

73

Page 54: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

74

Spesifikasi properties komonen form Ganti Password

No Kompone Properties

1

JpasswordField Nama Variabel : tkd_user

Text : -

2

JpasswordField Nama Variabel : tpasslama

Text : -

3

JpasswordField Nama Variabel : tpassbaru

Text : (kosongkan)

4

JpasswordField Nama Variabel : tkonfirm

Text : (kosongkan)

5

JButton

Nama Variabel : bTutup

Text : (kosongkan)

6

JPassword Nama Variabel : tpass

Text : (kosongkan)

7

JLebel Nama Variabel : tlihat

Text : Lihat

Page 55: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

75

• Ketik Script method-method dibawah ini pada tampilan listing/Source

:

Page 56: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

76

1. Klik kanan pada tpassbaru – Event – Action – actionPerformed

2. Klik kanan pada bTutup – Event – Action – actionPerformed

Page 57: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

77

3. Klik kanan pada JFrame – Event – window – windowActivated.

4. Klik kanan pada tpasslama – Event – Action – actionPerformed dan

tkonfrim – Event – Key - keyPressed

H. Membuat Form Master Laporan Pemesanan

1. Klik kanan pada package persedianapotek – New – JFrame Form

2. Isi Class Name : Laporan_Pemesanan – Finish

Page 58: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

78

• Form Laporan_Pemesanan

Page 59: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

79

Spesifikasi properties komonen form Mater User

No Kompone Properties

1

JcomboBox Nama Variabel : cbbulan

Text : (kosongkan)

2

JYearsChooser Nama Variabel : yctahun

Text : (kosongkan)

3

JButton Nama Variabel : bprintbulan

Text : (kosongkan)

4

JDateChooser Nama Variabel : tgl_akhir

Text : (kosongkan)

5

JDateChooser Nama Variabel : tgl_awal

Text : (kosongkan)

6

JButton Nama Variabel : bprinttahun

Text : (kosongkan)

7

JButton Nama Variabel : bKeluar

Text : Keluar

Page 60: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

80

3. Ketik Script method-method dibawah ini pada tampilan

listing/Source :

4. Klik kanan pada bprinttahun – Event – Action – actionPerformed

ketikan script dibawah ini :

Page 61: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

81

5. Klik kanan pada bprintbulan – Event – Action – actionPerformed

ketikan script dibawah ini :

6. Klik kalan pada bKeluar – Event – Action – actionPerformed ketikan

script dibawah ini :

I. Membuat Form Master Laporan Obat Masuk

1. Klik kanan pada package persedianapotek – New – JFrame Form

2. Isi Class Name : Laporan_Obat_Masuk – Finish

Page 62: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

82

Page 63: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

83

Form Laporan_Obat_Masuk

• Spesifikasi properties komonen form Aplikasi_TranPemesanan

No Komponene Properti

1

JLabel

Nama Variabel : ttgl

Text : Tanggal

2

JLabel

Nama Variabel : tjam

Text : Jam

3

JYearChooser Nama Variabel : yctahun2

Text : Tanggal

4

JComboBox Nama Variabel :cb_bulan2

Text

:1,2,3,4,5,6,7,8,9,10,11,12

5 JButton Nama Variabel :

Page 64: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

84

bprintbulan2

Text : (kosongkan)

6

JDateChooser Nama Variabel : tgl_akhir

Text : (kosongkan)

7

JDateChooser Nama Variabel : tgl_awal

Text : (kosongkan)

8

JButton Nama Variabel :

bprinttahun

Text : (kosongkan)

9

JButton Nama Variabel : bKeluar

Text : Keluar

3. Ketik Script method-method dibawah ini pada tampilan listing/Source :

Page 65: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

85

4. Klik kanan pada Bkeluar – Event – Action – actionPerformed ketikan

script dibawah ini :

Page 66: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

86

5. Klik kanan pada btcetakbulan – Event – Action – actionPerformed

ketikan script dibawah ini :

6. Klik kanan pada btcetaktahun – Event – Action – actionPerformed,

ketikan script dibawah ini :

Page 67: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

87

J. Membuat Form Menu Utama

1. Klik kanan pada package persedianapotek – New – JFrame Form

2. Isi Class Name : Laporan_Pemesanan – Finish

Page 68: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

88

• Form Menu Utama

Tampilan Home

Tampilan Daftar Menu

• Spesifikasi properties komonen form Mater User

No Kompone Properties

1

JLabel

Nama Variabel : ttgl

Text : Tanggal

Page 69: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

89

2

JLabel

Nama Variabel : tjam

Text : Jam

3

JButton Nama Variabel : bprintbulan

Text : (kosongkan)

4

JButton Nama Variabel : btnHome

Text : HOME

5

JButton Nama Variabel :

btnDaftar_Menu

Text : MENU

6

JButton Nama Variabel : bGantipass

Text : GANTI PASSWORD

7

JButton Nama Variabel : btnLogout

Text : (kosongkan)

8

JLabel Nama Variabel : l_nama

Text : Jlabel8

9

JLabel Nama Variabel : l_kode

Text : Jlabel9

10

JButton Nama Variabel : bObat

Text : Data Obat

11

JButton Nama Variabel : bSupplier

Text : Data Supplier

12

JButton Nama Variabel : bUser

Text : Data User

13 JButton Nama Variabel :

Page 70: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

90

bPemesanan

Text : Transaksi Pemesanan

14

JButton Nama Variabel : bObatMasuk

Text : Transaksi Obat Masuk

15

JButton Nama Variabel : Retur

Text : Retur Pembelian

16

JButton Nama Variabel : bpesanan

Text : Pemesanan

17

JButton Nama Variabel : btMasuk

Text : Obat Masuk

18

JButton Nama Variabel :bStok

Text : Stok Obat

3. Ketik Script method-method dibawah ini pada tampilan

listing/Source :

Page 71: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

91

Page 72: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

92

4. Klik kanan pada btnHome – Event – Action – actionPerformed,

ketikan script dibawah ini :

5. Klik kanan pada btnLogout – Event – Action – actionPerformed,

ketikan script dibawah ini :

6. Klik kanan pada bObat – Event – Mouse – mouseClicked ketikan

script dibawah ini :

7. Klik kanan pada bSupplier – Event – Mouse – mouseCliked ketikan

script dibawah ini :

Page 73: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

93

8. Klik kanan pada bUser – Event – Mouse – mouseCliked ketikan

script dibawah ini :

9. Klik kanan pada bPemesanan – Event – Action – actionPerformed

ketikan script dibawah ini :

10. Klik kanan pada bObatMasuk – Event – Action – actionPerformed

ketikan script dibawah ini :

11. Klik kanan pada bMasuk – Event – Action – actionPerformed

ketikan script dibawah ini :

Page 74: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

94

12. Klik kanan pada bStok – Event – Action – actionPerformed ketikan

script dibawah ini :

13. Klik Kanan Pada Form Utama – Event – Action – actionPerformed

ketikan script dibawah ini :

14. Klik kanan pada bGantipass – Event – Action – actionPerformed

ketikan script dibawah ini :

Page 75: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

95

15. Klik kanan pada bpesanan – Event – Action – actionPerformed

ketikan script dibawah ini :

16. Klik kanan pada bRetur – Event – Action – actionPerformed

ketikan script dibawah in:

2.3 Rancangan Form Transaksi

A. Tampilan transaksi pemesanan obat :

Page 76: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

96

• Langkah-langkah dalam membuat form Transaksi adalah sebagai

berikut :

1. Masih dalam package persedianapote, buat form baru dengan jDialog

Form. Beri nama form dengan nama : Aplikasi_TranPemesanan

2. Desain tampilan form seperti dibawah ini:

• Spesifikasi komonen form Aplikasi_TranPemesanan

No Komponene Properti

1

JLabel

Nama Variabel : tgl

Text : (kosongkan)

2

JLabel Nama Variabel : tjam

Text : (kosongkan)

3

JTextField Nama Variabel : tno_pesan

Text : (kosongkan)

4

JLabel Nama Variabel : l_nama

Text : (kosongkan)

Page 77: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

97

5

JLabel Nama Variabel : l_kode

Text : (kosongkan)

6

JComboBox Nama Variabel :

cbnm_supplier

Text : =pilih=….

7

JTextField Nama Variabel : id_supplir

Text : (kosongkan)

8

JComboBox Nama Variabel :cbkd_obat

Text :=pilih=….

9

JTextField Nama Variabel : tnm_obat

Text : (kosongkan)

10

JTextField Nama Variabel : t_jenis

Text : (kosongkan)

11

JTextField Nama Variabel : tjmlh

Text : (kosongkan)

12

JTable Nama Variabel : tb_smntara

Text : -

13 JTextField Nama Variabel : l_total

Text : -

14 JTable Nama Variabel : tbl_trans

Text : -

15 JButton Nama Variabel : bTambah

Text : Tambah

16 JButton Nama Variabel : bBatal

Page 78: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

98

Text : Batal

17 JButton Nama Variabel : bSimpan

Text : Simpan

18 JButton Nama Variabel : bTutup

Text : Keluar

3. Ketik Script method-method dibawah ini pada tampilan listing/Source

:

Page 79: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

99

Page 80: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

100

Page 81: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

101

Page 82: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

102

Page 83: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

103

Page 84: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

104

4. Klik kanan pada bTambah, pilih Event – Action – actionPerformed,

ketik script :

Page 85: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

105

5. Klik kanan pada cbnm_supplier, pilih Event – Action –

actionPerformed, ketik script :

6. Klik kanan pada cbkd_obat, pilih Event – Action – actionPerformed,

ketik script :

7. Klik kanan pada tjmlh, pilih Event – Action – actionPerformed, ketik

script :

Page 86: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

106

8. Klik kanan pada jButton, pilih Event – Action – actionPerformed, ketik

script :

9. Klik kanan pada bSimpan dan bTutup, pilih Event – Action –

actionPerformed, ketik script :

10. Klik kanan pada bBatal, pilih Event – Action – actionPerformed dan

Event – Window – windowActioned ketik script :

Page 87: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

107

B. Tampilan Transaksi Obat Masuk :

• Langkah-langkah dalam membuat form Transaksi adalah sebagai

berikut :

1. Masih dalam package persedianapote, buat form baru dengan

jDialog Form. Beri nama form dengan nama :

Aplikasi_Tr_Obat_Masuk

2. Desain tampilan form seperti dibawah ini:

Page 88: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

108

• Spesifikasi komonen form Aplikasi_Tt_Obat_masuk

No Komponene Properti

1

JLabel

Nama Variabel : tgl

Text : (kosongkan)

2

JLabel Nama Variabel : tjam

Text : (kosongkan)

3

JTextField Nama Variabel : tno_tran

Text : (kosongkan)

4

JLabel Nama Variabel : l_nama

Text : (kosongkan)

5

JLabel Nama Variabel : l_kode

Text : (kosongkan)

6 JComboBox Nama Variabel : cbnm_supplier

Page 89: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

109

Text : =pilih=….

7

JTextField Nama Variabel : tnm_supplir

Text : (kosongkan)

8

JComboBox Nama Variabel :cbkd_obat

Text :=pilih=….

9

JTextField Nama Variabel : tnm_obat

Text : (kosongkan)

10

JTextField Nama Variabel : tharga

Text : (kosongkan)

11

JTextField Nama Variabel : tjmlh

Text : (kosongkan)

12

JTextField Nama Variabel : tsubtotal

Text : -

13 JTable Nama Variabel : tbl_sementar

Text : -

14 JTextField Nama Variabel : t_stok

Text : -

15 JTextField Nama Variabel : t_hasilstok

Text : -

16 JButton Nama Variabel : bTambah

Text : Tambah

17 JButton Nama Variabel : bBatal

Text : Batal

18 JButton Nama Variabel : bSimpan

Page 90: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

110

Text : Simpan

19 JTextField Nama Variabel : I_total

Text : -

20 JButton Nama Variabel : bTutup

Text : Tutup

21 JTextField Nama Variabel : t_cari

Text : -

22 JTable Nama Variabel : tbMasuk

3. Ketik Script method-method dibawah ini pada tampilan

listing/Source :

Page 91: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

111

Page 92: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

112

Page 93: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

113

Page 94: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

114

Page 95: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

115

Page 96: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

116

4. Klik kanan pada bSimpan, pilih Event – Action – actionPerformed,

ketik script :

Page 97: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

117

5. Klik kanan pada JFrame, pilih Event – Action – actionPerformed, ketik

script :

6. Klik kanan pada cbid_supplier, pilih Event – Action –

actionPerformed, ketik script :

7. Klik kanan pada cbkd_obat, pilih Event – Action – actionPerformed,

ketik script :

Page 98: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

118

8. Klik kanan pada bTambah, pilih Event – Action – actionPerformed,

ketik script :

9. Klik kanan pada tJumlah, pilih Event – Action – actionPerformed,

ketik script :

Page 99: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

119

10. Klik kanan pada jButton2, pilih Event – Action – actionPerformed,

ketik script :

11. Klik kanan pada bTambah, pilih Event – Action – actionPerformed,

ketik script :

12. Klik kanan pada bTambah, pilih Event – Action – actionPerformed,

ketik script :

Page 100: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

120

C. Tampilan Retur Pemesanan :

• Spesifikasi Komonen Form Retur Obat

No Komponene Properti

1

JLabel

Nama Variabel : tgl

Text : (kosongkan)

2

JLabel Nama Variabel : tjam

Text : (kosongkan)

3

JTextField Nama Variabel : tgl_retur

Text : (kosongkan)

4

JTextField Nama Variabel :

tno_retur

Page 101: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

121

Text : (kosongkan)

5

JTextField Nama Variabel : l_nama

Text : (kosongkan)

6

JTextField Nama Variabel : I_kode

Text : -

7

JTextField Nama Variabel :

tno_obatmasuk

Text : (kosongkan)

8

JButton Nama Variabel : bBroser

Text : Broser

9

JTextField Nama Variabel :

tgl_masuk

Text : (kosongkan)

10

JTextField Nama Variabel :

tid_supplier

Text : (kosongkan)

11

JComboBox Nama Variabel :

cbkd_obat

Text : =..

12

JTextField Nama Variabel :

tnm_obat

Text : -

13 JTable Nama Variabel :

tbl_sementara

Page 102: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

122

Text : -

14 JTextField Nama Variabel : tjenis

Text : -

15 JCombobox Nama Variabel :

cbkategori

Text : -

16 JTextField Nama Variabel : tjmlh

Text : -

17 JButton Nama Variabel : JButton

Text : -

18 J JTextField Nama Variabel : tstok

Text : -

19 JTextField Nama Variabel :

t_hasilstok

Text : -

20 JButton Nama Variabel :

bTambah

Text : Tambah

21 JButton Nama Variabel : bBatal

Text : -

22 JButton Nama Variabel :

bSimpan

23 JTextField Nama Variabel : tcari

Page 103: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

123

Text : -

24 JTable Nama Variabel : tbRetur

Text : -

25 JButton Nama Variabel : bkeluar

Text : Tutup

1. Ketik Script method-method dibawah ini pada tampilan listing/Source :

Page 104: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

124

Page 105: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

125

Page 106: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

126

Page 107: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

127

Page 108: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

128

Page 109: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

129

2. Klik kanan pada bTambah, pilih Event – Action – actionPerformed,

ketik script :

3. Klik kanan pada bSimpan, pilih Event – Action – actionPerformed,

ketik script :

4. Klik kanan pada bBatal, pilih Event – Action – actionPerformed, ketik

script :

5. Klik kanan pada bBroser, pilih Event – Action – actionPerformed, ketik

script :

Page 110: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

130

6. Klik kanan pada cbkd_obat, pilih Event – Action – actionPerformed,

ketik script :

7. Klik kanan pada tjmlh, pilih Event – Action – actionPerformed, ketik

script :

8. Klik kanan pada bButton dan bTutup, pilih Event – Action –

actionPerformed, ketik script:

Page 111: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

131

9. Klik kanan pada Frame, pilih Event – Window – window Action, ketik

script :

2.4. Rancangan Form Laporan

A. Cara untuk memasukan iReports

Klik pada menu bar bagian atas pilih Tools – Plugins – Download pilih

Add Plugins

Setelah itu kita cari file report yang sudah kita download pilih semua

reportnya dan klik open

Page 112: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

132

Kemudian klik kanan pada Libraries– Add Libraries – Pilih JasperReports

3.0.1 – Add Library

B. Pembuatan Laporan Pemesanan

a. Laporan Obat Masuk PerBulan

Langkah-langkah untuk membuat Laporan Data Obat Masuk adalah

sebagai berikut:

1. Pilih gambar drum lalu klik New – Database JDB connection –

Next.

Page 113: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

133

2. Kemudian isi data berikut, klik test sebelum melakukan

penyimpanan (Save).

Page 114: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

134

3. Setelah membuat data source untuk koneksi ke database,

selanjutnya membuat laporan dengan iReport.

4. Klik kanan pada package persedianapotek – New – Report Wizard

– pilih bentuk laporan kemudian klik next

5. Kemudian masukan data, setelah itu klik next

Page 115: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

135

6. Tuliskan Query yang diperlukan. Karena kita akan menampilkan

laporan transaksi obat masuk, maka kita tuliskan query dengan

scrip dibawah ini > || Next

7. Setelah itu pilih field yang akan di tampilkan kemudian klik next

8. Pada jendela Group by klik Next saja. Setelah itu klik Finish

Page 116: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

136

9. Kemudian masukan field yang akan di tampilkan pada laporan

progam dengan drag kedalam desain report

10. Klik preview untuk melihat hasil reportnya

C. Laporan Obat Masuk PerPeriode

1. Klik kanan pada package persedianapotek – New – Report Wizard

– pilih bentuk laporan kemudian klik next

Page 117: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

137

2. Kemudian masukan data, setelah itu klik next

3. Tuliskan Query yang diperlukan. Karena kita akan menampilkan

laporan transaksi obat masuk, maka kita tuliskan query dengan

scrip dibawah ini > || Next

Page 118: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

138

4. Setelah itu pilih field yang akan di tampilkan kemudian klik next

Page 119: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

139

5. Pada jendela Group by klik Next saja. Setelah itu klik Finish

6. Kemudian masukan field yang akan di tampilkan pada laporan

progam dengan drag kedalam desain report

Page 120: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

140

7. Klik preview untuk melihat hasil reportnya

D. Laporan Pemesaan

a. Laporan Pemesanan PerBulan

1. Klik kanan pada package persedianapotek – New – Report Wizard

– pilih bentuk laporan kemudian klik next

Page 121: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

141

2. Kemudian masukan data, setelah itu klik next

3. Tuliskan Query yang diperlukan. Karena kita akan menampilkan

laporan transaksi Pemesanan Obat Per bulan, maka kita tuliskan

query dengan scrip dibawah ini > || Next

Page 122: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

142

4. Setelah itu pilih field yang akan di tampilkan kemudian klik next

Page 123: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

143

5. Pada jendela Group by klik Next saja. Setelah itu klik Finish

6. Kemudian masukan field yang akan di tampilkan pada laporan

progam dengan drag kedalam desain report

7. Klik preview untuk melihat hasil reportnya

Page 124: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

144

b. Laporan Pemesanan PerPeriode

1. Klik kanan pada package persedianapotek – New – Report Wizard

– pilih bentuk laporan kemudian klik next

Page 125: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

145

2. Kemudian masukan data, setelah itu klik next

3. Tuliskan Query yang diperlukan. Karena kita akan menampilkan

laporan transaksi Pemesanan Periode Obat , maka kita tuliskan

query dengan scrip dibawah ini > || Next

4. Setelah itu pilih field yang akan di tampilkan kemudian klik next

Page 126: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

146

5. Pada jendela Group by klik Next saja. Setelah itu klik Finish

6. Kemudian masukan field yang akan di tampilkan pada laporan

progam dengan drag kedalam desain report

Page 127: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

147

7. Klik preview untuk melihat hasil reportnya

E. Laporan Stok Obat

1. Klik kanan pada package persedianapotek – New – Report Wizard –

pilih bentuk laporan kemudian klik next

Page 128: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

148

2. Kemudian masukan data, setelah itu klik next

3. Tuliskan Query yang diperlukan. Karena kita akan menampilkan

laporan Stok Obat , maka kita tuliskan query dengan scrip dibawah

ini > || Next

Page 129: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

149

4. Setelah itu pilih field yang akan di tampilkan kemudian klik next

Page 130: File 9 Bab II Perancangan Aplikasi - repository.bsi.ac.id · C. Membuat Form Login Desain form login Langkah-langkah untuk membuat form login adalah sebagai berikut : 1. Klik kanan

150

5. Pada jendela Group by klik Next saja. Setelah itu klik

Finish

6. Kemudian masukan field yang akan di tampilkan pada laporan

progam dengan drag kedalam desain report

7. Klik preview untuk melihat hasil reportnya