PERANCANGAN PROGRAM APLIKASI PERANGKAT LUNAK
MEMBUAT IMAGE PAINT MENGGUNAKAN
MICROSOFT VISUAL BASIC 6.0
TUGAS AKHIR
ADISTY ANASTASYA JUWITA
082406025
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
PERANCANGAN PROGRAM APLIKASI PERANGKAT LUNAK
MEMBUAT IMAGE PAINT MENGGUNAKAN
MICROSOFT VISUAL BASIC 6.0
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya
ADISTY ANASTASYA JUWITA
082406025
PROGRAM DIPLOMA III TEKINIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2011
PERSETUJUAN
Judul : PERANCANGAN PROGRAM APLIKASI
PERANGKAT LUNAK MEMBUAT IMAGE PAINT MENGGUNAKAN MICROSOFT VISUAL BASIC 6.0
Kategori : TUGAS AKHIR
Nama : ADISTY ANASTASYA JUWITA
Nomor Induk Mahasiswa : 082406025
Program Studi : D3 TEKNIK INFORMATIKA Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA
Diluluskan di
Medan, Juni 2011
Diketahui.Disetujui oleh
Departemen Matematika FMIPA USU
Ketua, Pembimbing 1
Prof. Dr. Tulus, M.Si Dra. Mardiningsih, M.Si
PERNYATAAN
PERANCANGAN PROGRAM APLIKASI PERANGKAT LUNAK
MEMBUAT IMAGE PAINT MENGGUNAKAN
MICROSOFT VISUAL BASIC 6.0
TUGAS AKHIRSaya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juni 2011
Adisty Anastasya Juwita NIM. 082406025
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Allah SWT yang telah memberikan nikmat dan karunia-Nya, sehingga penulis dapat menyelesaikan tugas akhir ini tepat pada waktunya sebagai salah satu syarat untuk menyelesaikan studi pada D-III Teknik Informatika FMIPA USU.
Adapun judul dari tugas akhir ini adalah “PERANCANGAN PROGRAM
APLIKASI PERANGKAT LUNAK MEMBUAT IMAGE PAINT MENGGUNAKAN MICROSOFT VISUAL BASIC 6.0”.
Pada kesempatan ini penulis mengucapkan banyak terima kasih kepada pihak yang banyak membimbing, mengarahkan, membantu, dan memberikan dukungan semangat dan kasih sayang dalam menyusun dan meyelesaikan tugas akhir ini. Penulis mengucapkan terima kasih kepada :
1. Ibu Dra. Mardiningsih, M.Si selaku Dosen Pembimbing Tugas Akhir yang telah memberikan bimbingan dan arahan selama ini kepada penulis dalam menyelesaikan tugas akhir.
2. Bapak Dr. Sutarman, M.Sc selaku Dekan FMIPA USU.
3. selaku Ketua Jurusan Program Studi D-III Teknik Informatika FMIPA USU. 4. Seluruh Dosen Pengajar Program Studi D-III Teknik Informatika FMIPA USU
yang telah memberikan ilmu yang bermanfaat kepada penulis selama masa perkuliahan.
5. Seluruh keluarga besar penulis atas doa, dukungan motivasi, semangat, serta kasih saying kepada penulis, sehingga penulis dapat menyelesaikan tugas akhir ini dengan baik dan tepat waktu.
6. Teman-teman yang selalu memberikan arti sebuah persahabatan yang sangat baik, serta selalu memberikan ilmu-ilmu yang bermanfaat dalam hal formal maupun tidak formal. Semoga Allah memberikan sesuatu yang terbaik buat kalian atas apa yang telah kalian perbuat kepada penulis.
Akhir kata penulis panjatkan semoga Allah SWT akan membalas kebaikan semua pihak. Amin.
Medan, Juni 2011
ABSTRAK
Perkembangan teknologi komputer semakin pesat seiring dengan perkembangan software dan hardware yang digunakan. Salah satunya adalah di bidang desain grafis komputer banyak sekali berperan penting di dalamnya. Sekarang banyak sekali software pengolah gambar yang tersedia untuk mendukung dan meningkatkan mutu desain grafis. Tugas akhir ini mengambil permasalahan tentang bagaimana merancang dan membuat sebuah program pengolah gambar Image Paint yang dapat dijadikan sebagai editor image. Image Paint dirancang menggunakan software Microsoft Visual Basic 6.0 yang menggunakan bahasa pemrograman visual berorientasi objek yang berbasis windows. Langkah pembuatan program yaitu : perancangan sistem, perancangan user interface, pengembangan perangkat lunak menggunakan Microsoft Visual Basic 6.0, dan pengujian perangkat lunak. Hasil akhir dari perancangan program aplikasi Image Paint adalah sebuah CD (Compact Disc).
DESIGN PROGRAM APPLICATION SOFTWARE MAKES IMAGE PAINT USE MICROSOFT VISUAL BASIC 6.0
ABSTRACT
The rapid development of computer technology along with the development of software and hardware used. One of them is in the field of computer graphic design a lot of important role in them. Now a lot of image processing software available to support and improve the quality of graphic design. This final to take the issue of how to design and create an image processing program Image Paint that can be used as an image editor. Image Paint is designed using the software Microsoft Visual Basic 6.0 that uses object oriented visual programming language based windows. Step-making programs, namely: system design, user interface design, software development using Microsoft Visual Basic 6.0, and software testing. The end result of designing an application program Image Paint is a CD (Compact Disc).
DAFTAR ISI Halaman PERSETUJUAN ii PERNYATAAN iii PENGHARGAAN iv ABSTRAK v ABSTRACT vi
DAFTAR ISI vii
DAFTAR TABEL x DAFTAR GAMBAR xi BAB 1 PENDAHULUAN 1 1.1. Latar Belakang 1 1.2. Identifikasi Masalah 3 1.3. Perumusan Masalah 4 1.4. Batasan Masalah 4 1.5. Tujuan Penulisan 5 1.6. Manfaat 5 1.7. Metodologi Penelitian 6 1.8. Sistematika Penulisan 7
BAB 2 LANDASAN TEORI 9
2.1. Perangkat Lunak 9
2.1.1. Proses Perangkat Lunak 10
2.1.2. Analisa Kebutuhan Perangkat Lunak 10
2.2. Pengenalan Image 11
2.3. Warna dan Intensitas Gambar 12
2.4. Format File Gambar (Image) 12
2.4.1. Format File BMP (Bitmap) 12
2.4.2. Format File JPEG (Joint Photographic Experts Group) 13
2.4.3. Format File ICO 13
2.5. Histogram 13
2.6. Microsoft Visual Basic 6.0 14
2.6.1. Fasilitas Terbaru Microsoft Visual Basic 6.0 16
2.6.2. IDE Microsoft Visual Basic 6.0 17
2.6.3 Konsep Dasar Pemrograman Dalam Visual Basic 6.0 23
3.3.1. Perancangan Flowchart 28
3.3.2. Perancangan User Interface 29
3.3.3. Membuat Form Awal 32
3.3.4. Mendesain Menu Pull-Down 34
3.3.5. Membuat Design Tampilan Utama Image Paint 37
BAB 4 IMPLEMENTASI SISTEM 44
4.1. Software Pengolah Gambar Image Paint 44
4.1.1. Tampilan Awal 44
4.1.2. Tampilan Form Utama Aplikasi Image Paint 45
4.2. Cara Penggunaan Aplikasi Image Paint 46
4.2.1. Penerapan ToolBox dalam Aplikasi Image Paint 46 4.2.1.1. Penggunaan ToolBox Select Area 46 4.2.1.2. Penggunaan ToolBox Pick Color 48
4.2.1.3. Penggunaan ToolBox Pencil 49
4.2.1.4. Penggunaan ToolBox Air Brush 50
4.2.1.5. Penggunaan ToolBox Line 51
4.2.1.6. Penggunaan ToolBox Rectangle 52
4.2.1.7. Penggunaan ToolBox Ellipse 52
4.2.1.8. Penggunaan ToolBox Text 53
4.2.1.9. Penggunaan ToolBox Brush 55
4.2.1.10. Penggunaan ToolBox Zoom 57
4.2.1.11. Penggunaan ToolBox Fill 58
4.2.1.12. Penggunaan ToolBox Eraser 59
4.2.1.13. Penggunaan ToolBox Filter Brush 60
4.2.1.14. Penggunaan ToolBox Arrow 62
4.2.1.15. Penggunaan ToolBox Rounded Rectangle 63 4.2.1.16. Penggunaan ToolBox Polygon 64
4.2.1.17 Penggunaan ToolBox Curve 65
4.2.1.18 Penggunaan ToolBox Hand 65
4.3. Cara Penerapan Menu Pull Down dalam Aplikasi Image Paint 67
4.3.1. Penerapan Menu File 67
4.3.1.1. Penerapan Sub Menu File-New 67 4.3.1.2. Penerapan Sub Menu File-Open 68 4.3.1.3. Penerapan Sub Menu File-Save 69 4.3.1.4. Penerapan Sub Menu File-Save As 69 4.3.1.5. Penerapan Sub Menu File—Print 70 4.3.1.6. Penerapan Sub Menu File-Exit 71
4.3.2. Penerapan Menu Edit 71
4.3.2.1. Penerapan Sub Menu Edit-Undo 71 4.3.2.2. Penerapan Sub Menu Edit-Redo 73 4.3.2.3. Penerapan Sub Menu Edit-Cut 74 4.3.2.4. Penerapan Sub Menu Edit-Copy 74
4.3.3.3. Penerapan Sub Menu Format-Foreground Color 84 4.3.3.4. Penerapan Sub Menu Format-Fill Color 85 4.3.3.5. Penerapan Sub Menu Format-Font 86
4.3.4. Penerapan Menu Effect 87
4.3.4.1. Penerapan Sub Menu Effect-Resize 87 4.3.4.2. Penerapan Sub Menu Effect-Flip 88 4.3.4.3. Penerapan Sub Menu Effect-Rotate 89 4.3.4.4. Penerapan Sub Menu Effect-Clear 91 4.3.4.5. Penerapan Sub Menu Effect-Reset 92
4.3.5. Penerapan Menu Filter 93
4.3.5.1. Penerapan Sub Menu Filter-Black & White 94 4.3.5.2. Penerapan Sub Menu Filter-Add Noise 94 4.3.5.3. Penerapan Sub Menu Filter-Smart Noise 96 4.3.5.4. Penerapan Sub Menu Filter-Pixelize 98 4.3.5.5. Penerapan Sub Menu Filter-Fog 99 4.3.5.6. Penerapan Sub Menu Filter-Blur 100 4.3.5.7. Penerapan Sub Menu Filter-Brightness 100 4.3.5.8. Penerapan Sub Menu Filter-Crease 101 4.3.5.9. Penerapan Sub Menu Filter-Darkness 102 4.3.5.10. Penerapan Sub Menu Filter-Diffuse 102 4.3.5.11. Penerapan Sub Menu Filter-Sharpen 103 4.3.5.12. Penerapan Sub Menu Filter-Emboss 104 4.3.5.13. Penerapan Sub Menu Filter-Gray
Black & White 104
4.3.5.14. Penerapan Sub Menu Filter-Grayscale 105 4.3.5.15. Penerapan Sub Menu Filter-Invert Colors 106 4.3.5.16. Penerapan Sub Menu Filter-Replace Colors 106 4.3.5.17. Penerapan Sub Menu Filter-Snow 107 4.3.5.18. Penerapan Sub Menu Filter-Wave 108
4.3.6. Penerapan Menu Histogram 109
4.3.7. Penerapan Menu Help 110
4.3.7.1. Penerapan Sub Menu-About 110
BAB 5 KESIMPULAN DAN SARAN 111
5.1. Kesimpulan 111
5.2. Saran 112
DAFTAR PUSTAKA 113
DAFTAR TABEL
Halaman
Tabel 2.1 Kegunaan Kontrol 20
Tabel 3.1 Propertis Form Awal 32
Tabel 3.2 Properties Form Histogram 39
DAFTAR GAMBAR
Halaman
Gambar 2.1 Model Pengembangan Perangkat Lunak 10
Gambar 2.2 Tampilan Kotak Dialog New Project 17
Gambar 2.3 IDE Microsoft Visual Basic 6.0 19
Gambar 2.4 Komponen Standard dalam Toolbox 20
Gambar 3.1 Flowchart Menu Utama 28
Gambar 3.2 Form Tampilan Awal 29
Gambar 3.3 Tampilan Menu Utama Program 30
Gambar 3.4 Tampilan Menu Histogram 31
Gambar 3.5 Tampilan Menu Help About 31
Gambar 3.6 Jendela Form Baru 32
Gambar 3.7 Tampilan Form Awal (Awal.frm) sebelum dijalankan (Run) 33
Gambar 3.8 Hasil Run Tampilan Form Awal 34
Gambar 3.9 Cara Menambah Form Baru 35
Gambar 3.10 Kotak Dialog Pilihan Form Baru 35
Gambar 3.11 Tampilan Menu Editor 36
Gambar 3.12 Menu Bar 36
Gambar 3.13 Pilihan Menu Project untuk Menambah Components 37
Gambar 3.14 Item-Item pada Components 38
Gambar 3.15 Hasil Desain Form Utama Image Paint 38
Gambar 3.16 Form Utama Image Paint Setelah Dijalankan (Run) 39
Gambar 3.17 Hasil Desain Form Histogram 40
Gambar 3.18 Form Histogram Setelah Dijalankan (Run) 41
Gambar 3.19 Hasil Desain pada Menu Bar Help-About 42
Gambar 3.20 Form Menu Bar Help-About setelah Dijalankan (Run) 43
Gambar 4.1 Tampilan Awal Program 44
Gambar 4.2 Tampilan Form Utama Aplikasi Image Paint 45 Gambar 4.3 Tampilan Image Setelah Diseleksi dengan ToolBox Select Area 47
Gambar 4.4 Tampilan Image pada Saat Proses Cut 47
Gambar 4.5 Tampilan Image pada Saat Prose Copy dan Paste 48 Gambar 4.6 Tampilan Warna Background dan Foreground
dengan Pick Color 49
Gambar 4.7 Tampilan Penggunaan ToolBox Pencil pada Kanvas
Kosong dan pada Kanvas berisi Image 50
Gambar 4.8 Tampilan Penggunaan ToolBox Air Brush 51
Gambar 4.9 Tampilan Penggunaan ToolBox Line 51
Gambar 4.10 Tampilan Penggunaan ToolBox Rectangle 52
Gambar 4.15 Tampilan Penggunaan ToolBox Zoom 57
Gambar 4.16 Tampilan Penggunaan ToolBox Fill 58
Gambar 4.17 Tampilan Penggunaan ToolBox Eraser 59
Gambar 4.18 Tampilan Penggunaan ToolBox Filter Brush 62
Gambar 4.19 Tampulan Penggunaan ToolBox Arrow 63
Gambar 4.20 Tampilan Penggunaan ToolBox Rounded Rectangle 64
Gambar 4.21 Tampilan Penggunaan ToolBox Polygon 64
Gambar 4.22 Tampilan Penggunaan ToolBox Curve 65
Gambar 4.23 Tampilan Penggunaan ToolBox Hand 66
Gambar 4.24 Tampilan Sub Menu File-New 67
Gambar 4.25 Tampilan Penerapan Sub Menu File-Open 68
Gambar 4.26 Tampilan Penerapan Sub Menu File-Save 69
Gambar 4.27 Tampilan Penerapan Sub Menu File-Save As 70
Gambar 4.28 Tampilan Penerapan Sub Menu File Print 70
Gambar 4.29 Tampilan penerapan Sub Menu File-Exit 71
Gambar 4.30 Tampilan Penerapan Sub Menu Edit-Undo 72
Gambar 4.31 Tampilan Penerapan Sub Menu Edit-Redo 73
Gambar 4.32 Tampilan Penerapan Sub Menu Edit-Cut 74
Gambar 4.33 Tampilan Penerapan Sub Menu Edit-Copy 75
Gambar 4.34 Tampilan Penerapan Sub Menu Edit-Paste 75
Gambar 4.35 Tampilan Penerapan Sub Menu Edit-Delete 76
Gambar 4.36 Tampilan Penerapan Sub Menu Edit-Crop 77
Gambar 4.37 Tampilan Border Style-Solid 78
Gambar 4.38 Tampilan Border Style-Dash 78
Gambar 4.39 Tampilan Border Style-Dot 79
Gambar 4.40 Tampilan Border Style-DashDot 79
Gambar 4.41 Tampilan Border Style-DashDotDot 80
Gambar 4.42 Tampilan Fill Style-Solid 81
Gambar 4.43 Tampilan Fill Style-Horizontal Line 81
Gambar 4.44 Tampilan Fill Style-Vertical Line 82
Gambar 4.45 Tampilan Fill Style-Downward Diagonal 82
Gambar 4.46 Tampilan Fill Style-Upward Diagonal 83
Gambar 4.47 Tampilan Fill Style-Cross 83
Gambar 4.48 Tampilan Fill Style-Diagonal Cross 84
Gambar 4.49 Tampilan Penerapan Sub Menu Format-Foreground Color 85 Gambar 4.50 Tampilan Penerapan Sub Menu Format-Fill Color 85 Gambar 4.51 Tampilan Penerapan Sub Menu Format-Font 86
Gambar 4.52 Tampilan Resize-25% 87
Gambar 4.53 Tampilan Flip-Horizontal 88
Gambar 4.54 Tampilan Flip-Vertical 89
Gambar 4.55 Tampilan Rotate-900 90
Gambar 4.56 Tampilan Rotate-450 91
Gambar 4.64 Tampilan Penerapan Sub Menu Filter-Fog 99
Gambar 4.65 Tampilan Penerapan Sub Menu Filter-Blur 100
Gambar 4.66 Tampilan Penerapan Sub Menu Filter-Brightness 101 Gambar 4.67 Tampilan Penerapan Sub Menu Filter-Crease 101
Gambar 4.68 Penerapan Sub Menu Filter-Darkness 102
Gambar 4.69 Penerapan Sub Menu Filter-Diffuse 103
Gambar 4.70 Tampilan Penerapan Sub Menu Filter-Sharpen 103 Gambar 4.71 Tampilan Penerapan Sub Menu Filter-Emboss 104 Gambar 4.72 Tampilan Penerapan Sub Menu Filter-Gray Black & White 105 Gambar 4.73 Tampilan Penerapan Sub Menu Filter-Grayscale 105 Gambar 4.74 Tampilan Penerapan Sub Menu Filter-Invert Colors 106 Gambar 4.75 Tampilan Penerapan Sub Menu Filter-Replace Colors 107
Gambar 4.76 Tampilan Penerapan Sub Menu Filter-Snow 108
Gambar 4.77 Tampilan Penerapan Sub Menu Filter-Wave 108
Gambar 4.78 Tampilan Penerapan Menu Histogram 109