Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

123
MATERI PERTEMUAN PERTAMA WORKSHOP HIMASI GENAP 2013/2014 Hari, Tanggal : Sabtu, 26 April 2014 Oleh : Agus Umar Hamdani, M.Kom 1

Transcript of Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Page 1: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

MATERI PERTEMUAN PERTAMAWORKSHOP HIMASIGENAP 2013/2014

Hari, Tanggal : Sabtu, 26 April 2014

Oleh :Agus Umar Hamdani, M.Kom

1

Page 2: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Studi Kasus :

Prosedur Registrasi Peserta Seminar

2

Page 3: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Pemodelan Sistem Menggunakan Object-Oriented Analysis and Design – OOAD)

Alat bantu yang digunakan membuat pemodelan sistem OOAD adalah UML (Unified ModellingLanguage)

Di dalam UML :1. Activity Diagram2. Use Case Diagram3. Class Diagram4. Sequence Diagram 5. Package Diagram6. Dll

3

Page 4: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Pemodelan Sistem Menggunakan Object-Oriented Analysis and Design – OOAD)

Software yang bisa digunakan untuk membuat UML, antara lain :1. Microsoft Visio semua, versi kecuali versi 20102. Rational Rose3. StartUML4. Visual Paradigm 11.1 Community

Edition5. Dll

4

Page 5: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Proses Pendaftaran Seminar

5

Mahasiswa mengisi formulir pendaftaran, kemudian menyerahkan formulir yang telah diisi ke bagian pelayanan. Setelah itu bagian pelayanan melakukan pengecekan terhadap form yang telah diisi. Apabila datanya tidak lengkap maka form akan dikembalikan kepada mahasiswa untuk dilengkapi. Apabila data yang diisi pada form tersebut sudah lengkap, maka form tersebutdicatat dan diarsipkan.

Page 6: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Proses Pembayaran

6

Bagian pelayanan memeriksa apakah pesertasudah membayar atau belum. Jika mahasiswa belum membayar maka mahasiswa tersebut tidak dapat memasuki acara seminar berlangsung. Bagian pelayanan memberitahukan jumlah yang harus dibayar oleh mahasiswa, kemudianmahasiswa membayar biaya registrasi dan bagian pelayanan membuat kwitansi pembayaran dankartu pengenal peserta seminar. Selanjutnya bagian pelayanan menyerahkan bukti pembayaran dan kartu pengenal peserta seminarkepada mahasiswa tersebut agar digunakanpada saat acara seminar berlangsung.

Page 7: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Proses Pembuatan Sertifikat

7

Bagian pelayanan akan memeriksa kehadiransetiap mahasiswa, apabila mahasiswa hadir 80% dan mengikuti tes kelayakan lulus, maka bagianpelayanan akan membuat sertifikat sesuaidengan grade untuk mahasiswa tersebut. Jikamahasiswa mempunyai presensi kehadiran kurangdari 80% dan tidak lulus pada saat tes kelayakan, maka bagian pelayanan memberikankesempatan kedua kepada mahasiswa tersebutuntuk mengikuti tes kembali.

Page 8: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Proses Pembuatan Laporan

8

Setiap bulannya bagian pelayanan akan membuat Laporan Pendaftaran, Laporan Pembayaran dan laporan kelulusan peserta seminar yang akan diserahkan kepada KetuaPelaksana.

Dari Proses bisnis tersebut diatas, buatlah :1. Activity Diagram2. Use Case Diagram3. Class Diagram4. Rancangan Layar

Page 9: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Activity Diagram itu …??

Aktivitas yang dikerjakan

Pelaku

+

Dokumen

+

9

Page 10: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Activity Diagram Pendaftaran

10

Page 11: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Activity Diagram Pembayaran

11

Page 12: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Activity Diagram Pembuatan Sertifikat

12

Page 13: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Activity Diagram Pembuatan Laporan

13

Page 14: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Analisa Input dan Output

• Analisa Input – Adalah menganalisa semua dokumen

yang masuk ke dalam sistem• Analisa Output

– Adalah menganalisa semua dokumenyang keluar dari sistem

14

Page 15: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Analisa Input dan Output

15

Dokumen Masukan Dokumen Keluaran

Formulir Registrasi Kartu PengenalData Mahasiswa KwitansiData Seminar Sertifikat

Laporan Pendaftaran

Laporan Pembayaran

Laporan Kelulusan

Page 16: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Use Case Diagram itu …??

Aktivitas yang dikerjakan didalam Sistem

Actor

+

16

Relasi

Page 17: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Membuat Package Diagram

17

Package DiagramDigunakan untuk mengelompokkanbeberapa sistem menjadi sebuahkelompok atau paket berdasarkan fungsiatau kegunaan dari sistem tersebut

Page 18: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Use Case Diagram Master

18

Page 19: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Use Case Diagram Transaksi

19

Page 20: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Use Case Diagram Laporan

20

Page 21: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Class Diagram itu …??

21

1. Nama Class 2. Atribut/Field

3. Method/operasi 4. Multiplicity

Page 22: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Class Diagram

22

Page 23: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

MATERI PERTEMUAN KEDUAWORKSHOP HIMASIGENAP 2013/2014

Hari, Tanggal : 03 Mei 2014

Oleh :Agus Umar Hamdani, M.Kom

23

Page 24: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Membuat DatabaseMenggunakan HeidiSQL

24

Page 25: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Memilih HeidiSQL

25

Page 26: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Memilih HeidiSQL

1

2

3

26

Page 27: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

27

Membuat Database “DBSEMINAR”

1 2

Page 28: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

28

Membuat Database “DBSEMINAR”

1

2

Page 29: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

29

Membuat Tabel “Mahasiswa”

1 2

Page 30: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

30

Membuat Tabel “Mahasiswa”

1

2

Page 31: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Membuat Rancangan Layar

31

Page 32: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

32

Rancangan Layar “Entry Data Mahasiswa”

Page 33: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

33

Rancangan Layar “Entry Data Seminar”

Page 34: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

34

Rancangan Layar “Cetak Kwitansi”

Page 35: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

35

Rancangan Layar “Cetak Sertifikat”

Page 36: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Membuat KoneksiData Source(ODBC)

(Open Database Connectivity)

36

Page 37: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Membuka Control Panel

37

Page 38: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Memilih System and Security

38

Page 39: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Memilih Administrative Tools

39

Page 40: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

40

Membuat Koneksi Data Source(ODBC)

Page 41: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

41

Menambahkan ODBC Baru

Page 42: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

42

Memilih Driver MySQL ODBC

1

2

Page 43: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

43

Membuat Koneksi Ke Database MySQL

Page 44: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Membuat Module Koneksi

44

Page 45: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

45

Menambahkan Module Ke Project

2

1

Page 46: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

46

Memberi Nama Module “MdlKoneksi

Page 47: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

47

Memberi Nama Module “MdlKoneksi

Page 48: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Membuat Class Diagram

48

Page 49: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Membuat Class Diagram

49

Class diagram adalah diagram yang menggambarkan relasi(hubungan) antarclass atau entitas di dalam sebuah sistem.

Acuan untuk membuat class diagram adalahEntity Relationship Diagram(ERD).

setiap Tabel menjadi nama Class, setiapAtribut menjadi Field.

Class Name

Field

Method()

Entity NameAtribut-1Atribut-2Atribut-3

Page 50: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Membuka Microsoft Visual Studio 2008

50

Page 51: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Membuat Project Baru

51

Page 52: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Memilih Nama Project dan Lokasi Simpan

52

Page 53: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Membuat Class Diagram

53

Page 54: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Membuat Class Diagram

54

1

23

Page 55: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Membuat Class “ClsMahasiswa”

55

Page 56: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Memberi Nama Class “ClsMahasiswa”

1

2

56

Page 57: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Menambahkan Field “ClsMahasiswa”

1

2

57

Page 58: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Mengatur Field dan Class Detail

1

2

58

Page 59: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Menambahkan Property

1

2

59

Page 60: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Mengatur Property Dan Class Detail

1

2

60

Page 61: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Menambahkan Method

1 2

61

Page 62: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Mengatur Method Dan Class Detail

1

2

62

Page 63: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Membuka View Code Pada Class

63

Page 64: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Menambahkan Package ODBCIMPORTS SYSTEM.DATA.ODBC

64

Page 65: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Melengkapi Kode Program Pada PropertyPerhatian! Nama Property dan Field harus sama

65

Page 66: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Kode Program Pada Method Simpan()

66

Page 67: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Kode Program Pada Method Ubah()

67

Page 68: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Kode Program Pada Method Hapus()

68

Page 69: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Kode Program Pada Method Cari()

69

Page 70: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Kode Program Pada Method TampilData()

70

Page 71: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Memanggil Class “ClsMahasiswa” Ke Dalam Form “FrmMahasiswa”

71

Page 72: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

72

Memanggil View Code “Form Mahasiswa”

Page 73: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

73

Memanggil Class “ClsMahasiswa”

Page 74: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

74

Kode Program Pada Button “Simpan”

Page 75: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

75

Kode Program Pada Button “Simpan” Cont...

Page 76: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

76

Kode Program Pada Button “Ubah”

Page 77: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

77

Kode Program Pada Button “Ubah” Cont...

Page 78: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

78

Kode Program Pada Button “Hapus”

Page 79: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

79

Kode Program Untuk Memanggil Method “Cari”

Page 80: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

80

Menguji Program “Simpan”

Page 81: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

81

Menguji Program “Ubah”

Page 82: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

MATERI PERTEMUAN KETIGAWORKSHOP HIMASIGENAP 2013/2014

Hari, Tanggal : Sabtu, 18 Mei 2014

Oleh :Agus Umar Hamdani, M.Kom

82

Page 83: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Membuat Class “ClsKwitansi”

83

Page 84: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

84

Menambahkan Class Baru

1

2

Page 85: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Memberi Nama Class “ClsKwitansi”

1

2

85

Page 86: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

86

Menambahkan Field “ClsKwitansi”

1

2

Page 87: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

87

Menambahkan Property “ClsKwitansi”

1

2

Page 88: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

88

Menambahkan Method “ClsKwitansi”

1

2

Page 89: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Menambahkan Package ODBCIMPORTS SYSTEM.DATA.ODBC

89

Page 90: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Melengkapi Kode Program Pada PropertyPerhatian! Nama Property dan Field harus sama

90

Page 91: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

91

Kode Program Method “Autonumber”

Page 92: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

92

Kode Program Method “Simpan”

Page 93: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

93

Kode Program Method “Cari”

Page 94: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Memanggil Class “ClsKwitansi” Ke Dalam Form “FrmKwitansi”

94

Page 95: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

95

Rancangan Layar “Cetak Kwitansi”

Page 96: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

96

Memanggil View Code “Form Kwitansi”

Page 97: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

97

Memanggil Class “ClsKwitansi & Autonumber”

Page 98: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

98

Kode Program Pada Button “Simpan”

Page 99: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

99

Memanggil Method “Cari” ClsMahasiswa

Page 100: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

100

Memanggil Method “Cari” ClsKwitansi

Page 101: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Menguji Program “Simpan”

101

Page 102: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Membuat Cetakan KwitansiMenggunakan Crystal Report

102

Page 103: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Menambahkan Crystal Report

103

Page 104: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Menambahkan Crystal Report

104

12

Page 105: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Menambahkan Crystal Report

105

Page 106: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Memanggil Koneksi ODBC

106

Double-Click ya ..!!

Page 107: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Memanggil Koneksi ODBC

107

1

2

Page 108: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Memasukkan User ID dan Password

108

1

2

Page 109: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Memanggil Tabel Database “DBSEMINAR”

109

Page 110: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Memanggil Tabel Database “DBSEMINAR”

110

1

2 3

Page 111: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

111

Memilih Tabel Database “DBSEMINAR”

1

2

Page 112: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

112

Relasi Antar Tabel Yang Dipilih

Page 113: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

113

Memilih Field Yang Akan Ditampilkan

1

2

Page 114: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

114

Memilih Field Yang Akan Ditampilkan

Page 115: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

115

Desain Report Yang Terbentuk

Page 116: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

116

Desain Ulang Report

Page 117: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

117

Membuat Parameter Field

Page 118: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

118

Desain Ulang Report

1

2

Page 119: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Memanggil ReportKe Dalam Form

119

Page 120: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

120

Rancangan Layar “Cetak Kwitansi”

Panggil Report Disini..!!!

Page 121: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

121

Kode Program Pada Button “Cetak”

Page 122: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

122

Menguji “Pemanggilan Report”

Page 123: Materi Workshop Himpunan Sistem Informasi Semester Genap Tahun Ajaran 2013/2014

Sampai jumpa di pertemuanBerikutnya …

123