industrial laboratory guidebook praktikum€¦ · 3 praktikum microsoft visio flowchart dapat...

18
GUIDEBOOK praktikum Industrial Computer Laboratory <Algoritma & Pemrograman Komputer/> Nama Kelompok

Upload: others

Post on 11-Oct-2020

5 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Industrial Laboratory GUIDEBOOK praktikum€¦ · 3 PRAKTIKUM MICROSOFT VISIO Flowchart dapat dibuat dengan menggukan software Microsoft Visio 2013. Berikut merupakan langkah –

GUIDEBOOKpraktikum

Industrial ComputerLaboratory

<Algoritma & Pemrograman Komputer/>

Nama

Kelompok

Page 2: Industrial Laboratory GUIDEBOOK praktikum€¦ · 3 PRAKTIKUM MICROSOFT VISIO Flowchart dapat dibuat dengan menggukan software Microsoft Visio 2013. Berikut merupakan langkah –

1

STUDI KASUS

“ICL Book Store” adalah salah satu toko buku yang terkenal di kota Malang. Setiap

hari, banyak pelanggan yang datang kesana untuk membeli buku yang mereka inginkan.

Selain menyediakan buku, toko tersebut juga menjual berbagai macam alat-alat tulis untuk

keperluan sekolah maupun kantor.

Terdapat beberapa jenis buku yang dijual oleh toko tersebut, diantaranya:

1. Children’s book

2. Fiction & literature

3. Business & Economics

4. Cooking

5. Entertainment

6. Religion & Spirituality

7. Sport & Adventure

Sedangkan untuk alat-alat tulis, ada beberapa jenis yang disediakan oleh toko tersebut,

antara lain:

1. Office & School Equipment

2. Drafting & Art Supplies

Pembeli dapat memilih buku dan alat-alat tulis berdasarkan jenis yang ada. Untuk

menarik pelanggan, pengelola menerapkan diskon untuk pembelian Children’s Book dan

Fiction & Literature pada hari Sabtu dan Minggu.

Buatlah program untuk membantu pengelola melaksanakan usahanya tersebut.

Nantinya, program tersebut dapat digunakan oleh:

1. Pembeli, agar pembeli bisa melihat buku apa saja yang dijual dan dapat dengan cepat

mengetahui lokasi rak tempat buku disimpan serta harga buku tersebut.

2. Kasir, agar kasir bisa melayani transaksi pembelian yang dilakukan pelanggan dan

mencatat data transaksi.

Semua alat tulis terletak pada bagian alat tulis yang mudah ditemukan sehingga

pembeli tidak perlu bersusah payah untuk mencarinya, sedangkan buku disimpan di dalam

rak buku sehingga susah ditemukan. Berikut daftar buku beserta letak rak dan harganya:

Page 3: Industrial Laboratory GUIDEBOOK praktikum€¦ · 3 PRAKTIKUM MICROSOFT VISIO Flowchart dapat dibuat dengan menggukan software Microsoft Visio 2013. Berikut merupakan langkah –

2

Tabel 1 Daftar Buku “ICL Book Store”

Jenis Buku Kode Buku Judul Buku Harga Letak

Children’s Book

101 Menulis dan

Membaca Mudah Rp 20.000 Rak No. 1

102 Komik Sains Kuark Rp 25.000 Rak No. 1

103 Detective Conan Rp 19.000 Rak No. 1

104 ABC 60 Hari Lancar

Membaca Rp 24.000 Rak No. 1

Fiction & Literature

201 A Little Princess Rp 33.600 Rak No. 2

202 Penggores Kenangan Rp 32.300 Rak No. 2

203 This Guy is Mine Rp 40.000 Rak No. 2

Business &

Economic

301 Akuntansi Sumber

Daya Manusia Rp 25.500 Rak No. 3

302 Sinkronisasi

Kebijakan Rp 34.000 Rak No. 3

303 Kewirausaan untuk

Mahasiswa Rp 40.000 Rak No. 3

Cooking

401 40 Selera Sambal

Indonesia Rp 20.000 Rak No. 4

402 50 Kreasi Bento

Rumahan Rp 39.100 Rak No. 4

403 Bisnis Kue Kering Rp 31.000 Rak No. 4

404 35 Resep Makan Tim

Padat untuk Bayi Rp 22.000 Rak No. 4

405 Variasi Menu untuk

satu bulan Rp 29.000 Rak No. 4

Entertainment

501 Pokemon Go 70+

Tips & Trick Rp 60.000 Rak No. 5

502 7 Trik Sulap

Memukau Rp 46.000 Rak No. 5

503 Lagu2 Barat Populer Rp 42.500 Rak No. 5

504 Kumpulan SMS

Gokil Rp 18.000 Rak No. 5

Religion &

Spirituality

601 Sosok Para Sahabat

Nabi Rp 68.850 Rak No. 6

602 200 Amal Saleh Rp 99.800 Rak No. 6

603 Riwayat Hidup

Buddha Rp 56.000 Rak No. 6

Sports & Adventure

701 Belajar Berenang Rp 24.000 Rak No. 7

702

11 Top Manager of

UEFA Champions

League

Rp 45.900 Rak No. 7

703 Saturday Rules Rp 122.550 Rak No. 7

704 Golf My Own Damn

Way Rp 122.000 Rak No. 7

Page 4: Industrial Laboratory GUIDEBOOK praktikum€¦ · 3 PRAKTIKUM MICROSOFT VISIO Flowchart dapat dibuat dengan menggukan software Microsoft Visio 2013. Berikut merupakan langkah –

3

PRAKTIKUM MICROSOFT VISIO

Flowchart dapat dibuat dengan menggukan software Microsoft Visio 2013. Berikut

merupakan langkah – langkah dalam pembuatan flowchart.

1. Membuat file baru dan menyimpan file

Berikut merupakan langkah-langkah untuk membuat file baru:

a. Membuka Microsoft Visio 2013 sampai muncul tampilan awal.

b. Memilih Basic Diagram hingga muncul tampilan seperti di bawah.

Gambar 1 Tampilan Basic Diagram

c. Memilih Create.

Berikut merupakan langkah-langkah untuk menyimpan file:

a. Memilih menu File Save.

b. Memberi nama file pada kolom file name, lalu memilih drive tempat menyimpan

file.

c. Memilih tombol Save.

2. Membuat flowchart

a. Memilih More Shapes Flowchart Basic Flowchart Shapes.

Page 5: Industrial Laboratory GUIDEBOOK praktikum€¦ · 3 PRAKTIKUM MICROSOFT VISIO Flowchart dapat dibuat dengan menggukan software Microsoft Visio 2013. Berikut merupakan langkah –

4

Gambar 2 Memilih Basic Flowchart Shapes

b. Memilih shape yang diinginkan, lalu men-drag shape ke drawing page.

c. Mengeklik dua kali shape untuk menambahkan text di dalam shape, lalu

mengetikkan text yang anda inginkan.

d. Mengeklik connector icon pada tab home untuk membuat connector yang

menghubungkan antar-shape.

Gambar 3 Connector Icon pada Tab Home

e. Mengarahkan pointer pada shape yang ingin dihubungkan.

f. Menambahkan text pada connector yang dapat dilakukan dengan dua cara, yaitu:

i. Mengeklik dua kali connector sehingga secara otomatis dapat langsung

memasukkan text.

ii. Menggunakan text box yang ada pada tab insert.

Page 6: Industrial Laboratory GUIDEBOOK praktikum€¦ · 3 PRAKTIKUM MICROSOFT VISIO Flowchart dapat dibuat dengan menggukan software Microsoft Visio 2013. Berikut merupakan langkah –

5

PRAKTIKUM VB 6.0: DECISION

1. Membuka Visual Basic 6.0 sampai muncul tampilan awal.

2. Memilih Standard EXE pada dialog box New Project lalu mengeklik Open.

Gambar 4 Kotak Dialog New Project

3. Membuat object berupa label dan command button menggunakan toolbox seperti

gambar di bawah.

Gambar 5 Tampilan Awal Form1

4. Mengubah caption form, label, dan command button seperti gambar di bawah.

Gambar 6 Mengubah Caption Object

Page 7: Industrial Laboratory GUIDEBOOK praktikum€¦ · 3 PRAKTIKUM MICROSOFT VISIO Flowchart dapat dibuat dengan menggukan software Microsoft Visio 2013. Berikut merupakan langkah –

6

5. Mengubah name command button seperti gambar di bawah.

Gambar 7 Mengubah Name Command Button

6. Membuat form baru dan mengubah tampilannya seperti gambar di bawah.

Gambar 8 Form2

7. Membuat form baru lagi dan mengubah tampilannya seperti gambar di bawah.

Gambar 9 Form3

Page 8: Industrial Laboratory GUIDEBOOK praktikum€¦ · 3 PRAKTIKUM MICROSOFT VISIO Flowchart dapat dibuat dengan menggukan software Microsoft Visio 2013. Berikut merupakan langkah –

7

8. Membuat form baru lagi dan mengubah tampilannya seperti gambar di bawah.

Gambar 10 Form4

9. Memasukkan source code setelah semua form dibuat agar program dapat berjalan.

Untuk langkah pertama, kembali ke Form1 dan mengeklik dua kali command button

Pemilik sampai keluar tampilan seperti gambar di bawah.

Gambar 11 Code Window Command Button Pemilik

10. Memasukkan source code berikut.

Private Sub CommandPemilik_Click()

Form2.Show

Unload Me

End Sub

Kode berikut akan membuka Form4 dan akan menutup form yang sekarang sedang

dibuka (Form1).

11. Menjalankan program.

12. Mengeklik End pada toolbar, lalu kembali ke Form1 dan mengeklik dua kali

command button Kasir dan memasukkan source code berikut.

Private Sub CommandKasir_Click()

Form3.Show

End Sub

Page 9: Industrial Laboratory GUIDEBOOK praktikum€¦ · 3 PRAKTIKUM MICROSOFT VISIO Flowchart dapat dibuat dengan menggukan software Microsoft Visio 2013. Berikut merupakan langkah –

8

13. Membuka Form3, lalu mengeklik dua kali command button Masuk dan memasukkan

source code berikut.

Private Sub Command1_Click()

If Text1.Text = "" And Text2.Text = "" Then

MsgBox "Username atau Password Salah"

Else:

Select Case Text1.Text

Case "ivan"

If Text2.Text = "12345" Then

MsgBox "Selamat Datang Ivan"

Form4.Show

Form1.Hide

Form4.Text8.Text = "ivan"

Form3.Hide

Else

MsgBox "Username atau Password Salah"

End If

Case "syarif"

If Text2.Text = "54321" Then

MsgBox "Selamat Datang Syarif"

Form4.Show

Form1.Hide

Form4.Text8.Text = "syarif"

Form3.Hide

Else

MsgBox "Username atau Password Salah"

End If

Case "rangga"

If Text2.Text = "11111" Then

MsgBox "Selamat Datang Rangga"

Form4.Show

Form1.Hide

Form4.Text8.Text = "rangga"

Form3.Hide

Else

MsgBox "Username atau Password Salah"

End If

End Select

End If

End Sub

14. Membuka kembali Form3, lalu mengeklik dua kali command button Kembali dan

memasukkan source code berikut.

Private Sub Command2_Click()

Unload Me

End Sub

15. Menjalankan program dengan memasukkan username dan password yang benar.

16. Mengeklik End pada toolbar, lalu kembali ke Form4 dan mengeklik dua kali form

tersebut dan memasukkan source code berikut.

Page 10: Industrial Laboratory GUIDEBOOK praktikum€¦ · 3 PRAKTIKUM MICROSOFT VISIO Flowchart dapat dibuat dengan menggukan software Microsoft Visio 2013. Berikut merupakan langkah –

9

Private Sub Form_Load()

Combo1.AddItem "Childrens"

Combo1.AddItem "Fiction & Literature"

Combo1.AddItem "Business & Economic"

Combo1.AddItem "Cooking"

Combo3.AddItem "Buku Tulis"

Combo3.AddItem "Pulpen"

Combo3.AddItem "Rautan"

Combo3.AddItem "Kertas Hvs"

Combo3.AddItem "Pensil 2B"

Combo3.AddItem "Pensil Warna"

Combo3.AddItem "Penghapus"

End Sub

17. Membuka kembali ke Form3, lalu mengeklik dua kali combo box jenis buku dan

memasukkan source code berikut.

Private Sub Combo1_Click()

Select Case Combo1.Text

Case "Childrens"

Combo2.Clear

Combo2.Text = "Judul Buku"

Combo2.AddItem "Detective Conan"

Combo2.AddItem "Membaca dan Menulis"

Case "Fiction & Literature"

Combo2.Clear

Combo2.Text = "Judul Buku"

Combo2.AddItem "A Little princess"

Combo2.AddItem "Penggores Kenangan"

Case "Business & Economic"

Combo2.Clear

Combo2.Text = "Judul Buku"

Combo2.AddItem "Akuntansi Biaya"

Combo2.AddItem "Sinkronisasi"

Case Else

Combo2.Clear

Combo2.Text = "Judul Buku"

MsgBox "Buku Tidak Tersedia"

End Select

End Sub

18. Membuka kembali ke Form3, lalu mengeklik dua kali combo box judul buku dan

memasukkan source code berikut.

Private Sub Combo2_Click()

Select Case Combo2.Text

Case "Detective Conan"

Text1.Text = "20000"

Case "Membaca dan Menulis"

Text1.Text = "25000"

Case "A Little princess"

Text1.Text = "30000"

Case "Penggores Kenangan"

Text1.Text = "22000"

Case "Akuntansi Biaya"

Text1.Text = "15000"

Case "Sinkronisasi"

Text1.Text = "43000"

End Select

End Sub

Page 11: Industrial Laboratory GUIDEBOOK praktikum€¦ · 3 PRAKTIKUM MICROSOFT VISIO Flowchart dapat dibuat dengan menggukan software Microsoft Visio 2013. Berikut merupakan langkah –

10

PRAKTIKUM VB 6.0: LOOPING

1. Memilih Project pada menu bar, kemudian memilih Components.

Gambar 12 Toolbar Components pada Menu Bar Project

2. Mengaktifkan components seperti gambar di bawah, kemudian mengeklik OK.

Gambar 13 Mengaktifkan Components

Page 12: Industrial Laboratory GUIDEBOOK praktikum€¦ · 3 PRAKTIKUM MICROSOFT VISIO Flowchart dapat dibuat dengan menggukan software Microsoft Visio 2013. Berikut merupakan langkah –

11

3. Memilih Project pada menu bar, kemudian memilih References.

Gambar 14 Toolbar References pada Menu Bar Project

4. Mengaktifkan references seperti gambar di bawah, kemudian mengeklik OK.

Gambar 15 Mengaktifkan References

5. Memilih Add-Ins pada menu bar, kemudian memilih Visual Data Manager.

Gambar 16 Memilih Visual Data Manager pada Menu Bar Add-Ins

Page 13: Industrial Laboratory GUIDEBOOK praktikum€¦ · 3 PRAKTIKUM MICROSOFT VISIO Flowchart dapat dibuat dengan menggukan software Microsoft Visio 2013. Berikut merupakan langkah –

12

6. Memilih File New Microsoft Access Version 2.0 MDB, kemudian memberi

nama file database dan mengeklik Save.

Gambar 17 Memilih Jenis Database yang Akan Digunakan

7. Mengeklik kanan Properties, kemudian mengeklik New Table.

Gambar 18 Membuat Tabel Baru dalam Database

Page 14: Industrial Laboratory GUIDEBOOK praktikum€¦ · 3 PRAKTIKUM MICROSOFT VISIO Flowchart dapat dibuat dengan menggukan software Microsoft Visio 2013. Berikut merupakan langkah –

13

8. Mengisi nama tabel, kemudian mengeklik Add Field.

Gambar 19 Kotak Dialog Table Structure

9. Mengisi nama field, kemudian mengeklik OK.

Gambar 20 Kotak Dialog Add Field

Page 15: Industrial Laboratory GUIDEBOOK praktikum€¦ · 3 PRAKTIKUM MICROSOFT VISIO Flowchart dapat dibuat dengan menggukan software Microsoft Visio 2013. Berikut merupakan langkah –

14

10. Membuat field seperti gambar di bawah, kemudian mengeklik Build the Table.

Gambar 21 Spesifikasi Isi Tabel

11. Membuka code window dari Form2 dan masukkan source code berikut.

Dim conn As New ADODB.Connection

Dim rec As New ADODB.Recordset

12. Membuka kembali Form2, lalu mengeklik dua kali form tersebut dan memasukkan

source code berikut.

Private Sub Form_Load()

Combo1.AddItem "ivan"

Combo1.AddItem "rangga"

Combo1.AddItem "syarif"

conn.Open "Provider=Microsoft.Jet.OLEDB.4.0; Data Source =" &

App.Path & "\DATABASE.mdb"

rec.CursorLocation = adUseClient

rec.Open "Select * from Icl", conn, adOpenDynamic, adLockOptimistic

Set DataGrid1.DataSource = rec

End Sub

13. Membuka kembali ke Form2, lalu mengeklik dua kali combo box combonamakasir

dan memasukkan source code berikut.

Page 16: Industrial Laboratory GUIDEBOOK praktikum€¦ · 3 PRAKTIKUM MICROSOFT VISIO Flowchart dapat dibuat dengan menggukan software Microsoft Visio 2013. Berikut merupakan langkah –

15

Private Sub Combo1_Click()

conn.Close

conn.Open "Provider=Microsoft.Jet.OLEDB.4.0; Data Source =" &

App.Path & "\DATABASE.mdb"

rec.CursorLocation = adUseClient

rec.Open "Select * from Icl where Nama_Kasir like '%" & Combo1.Text

& "%'", conn, adOpenDynamic, adLockOptimistic

If rec.EOF Then

MsgBox "Data tidak ditemukan"

Else

Set DataGrid1.DataSource = rec

End If

End Sub

14. Membuka kembali Form2, lalu mengeklik dua kali command button Kembali dan

memasukkan source code berikut.

Private Sub Command1_Click()

Form1.Show

Form2.Hide

End Sub

15. Menjalankan program dan memilih command button Pemilik.

16. Memberhentikan program, kemudian membuka Form4, lalu mengeklik dua kali form

tersebut dan memasukkan sorce code berikut.

Private Sub Combo1_Click()

Select Case Combo1.Text

Case "Childrens"

Combo2.Clear

Combo2.Text = "Judul Buku"

Combo2.AddItem "Detective Conan"

Combo2.AddItem "Membaca dan Menulis"

Case "Fiction & Literature"

Combo2.Clear

Combo2.Text = "Judul Buku"

Combo2.AddItem "A Little princess"

Combo2.AddItem "Penggores Kenangan"

Case "Business & Economic"

Combo2.Clear

Combo2.Text = "Judul Buku"

Combo2.AddItem "Akuntansi Biaya"

Combo2.AddItem "Sinkronisasi"

Case Else

Combo2.Clear

Combo2.Text = "Judul Buku"

MsgBox "Buku Tidak Tersedia"

End Select

End Sub

Private Sub Combo2_Click()

Select Case Combo2.Text

Case "Detective Conan"

Text1.Text = "20000"

Case "Membaca dan Menulis"

Text1.Text = "25000"

Case "A Little princess"

Text1.Text = "30000"

Case "Penggores Kenangan"

Page 17: Industrial Laboratory GUIDEBOOK praktikum€¦ · 3 PRAKTIKUM MICROSOFT VISIO Flowchart dapat dibuat dengan menggukan software Microsoft Visio 2013. Berikut merupakan langkah –

16

Text1.Text = "22000"

Case "Akuntansi Biaya"

Text1.Text = "15000"

Case "Sinkronisasi"

Text1.Text = "43000"

End Select

End Sub

Private Sub Combo3_Click()

Select Case Combo3.Text

Case "Buku Tulis"

Text5.Text = "6000"

Case "Pulpen"

Text5.Text = "2000"

Case "Rautan"

Text5.Text = "3000"

Case "Kertas Hvs"

Text5.Text = "20000"

Case "Pensil 2B"

Text5.Text = "4000"

Case "Pensil Warna"

Text5.Text = "15000"

Case "Penghapus"

Text5.Text = "5000"

End Select

End Sub

Private Sub Combo4_Click()

Text6.Text = Text5.Text * Combo4.Text

End Sub

Private Sub Command1_Click()

List1.AddItem Combo2.Text

Text2.Text = Val(Text2.Text) + Val(Text1.Text)

End Sub

Private Sub Command3_Click()

Form1.Show

Unload Me

End Sub

Private Sub Command4_Click()

List1.AddItem Combo3.Text

Text2.Text = Val(Text2.Text) + Val(Text6.Text)

End Sub

Private Sub Command5_Click()

List1.RemoveItem (List1.ListIndex)

End Sub

Private Sub Command6_Click()

List1.Clear

End Sub

Private Sub Form_Load()

Combo1.AddItem "Childrens"

Combo1.AddItem "Fiction & Literature"

Combo1.AddItem "Business & Economic"

Combo1.AddItem "Cooking"

Combo3.AddItem "Buku Tulis"

Combo3.AddItem "Pulpen"

Page 18: Industrial Laboratory GUIDEBOOK praktikum€¦ · 3 PRAKTIKUM MICROSOFT VISIO Flowchart dapat dibuat dengan menggukan software Microsoft Visio 2013. Berikut merupakan langkah –

17

Combo3.AddItem "Rautan"

Combo3.AddItem "Kertas Hvs"

Combo3.AddItem "Pensil 2B"

Combo3.AddItem "Pensil Warna"

Combo3.AddItem "Penghapus"

End Sub

Private Sub Text3_Change()

Text4.Text = Val(Text3.Text) - Val(Text2.Text)

End Sub

17. Menjalankan program.

18. Membuka kembali Form4, lalu mengeklik dua kali command button Bayar dan

memasukkan source code berikut.

Private Sub Command2_Click()

rec.Update

Text7.Text = Date

Text2.Text = ""

Text4.Text = ""

Text3.Text = ""

List1.Clear

End Sub

19. Membuka kembali Form4, lalu mengeklik dua kali form tersebut dan memasukkan

source code berikut.

Dim i As Integer

i = 1

Do Until i > 10

Combo4.AddItem i

i = i + 1

Loop

conn.Open "Provider=Microsoft.Jet.OLEDB.4.0; Data Source =" &

App.Path & "\DATABASE.mdb"

rec.CursorLocation = adUseClient

rec.Open "Select * from Icl", conn, adOpenDynamic, adLockOptimistic

Set Text7.DataSource = rec

Text7.DataField = "Tanggal"

Set Text2.DataSource = rec

Text2.DataField = "Total_Harga"

Set Text8.DataSource = rec

Text8.DataField = "Nama_Kasir"

rec.AddNew

Text7.Text = Date

List1.Clear

20. Menjalankan program.