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 MEDAN 2011
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
Universitas Sumatera Utara
PERSETUJUAN
Judul
Kategori Nama Nomor Induk Mahasiswa Program Studi Departemen Fakultas
: PERANCANGAN PROGRAM APLIKASI PERANGKAT LUNAK MEMBUAT IMAGE PAINT MENGGUNAKAN MICROSOFT VISUAL BASIC 6.0 : TUGAS AKHIR : ADISTY ANASTASYA JUWITA : 082406025 : D3 TEKNIK INFORMATIKA : MATEMATIKA : 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 Nip. 19620901 198803 1 002
Dra. Mardiningsih, M.Si NIP. 19630405 198811 2 001
Universitas Sumatera Utara
PERNYATAAN
PERANCANGAN PROGRAM APLIKASI PERANGKAT LUNAK MEMBUAT IMAGE PAINT MENGGUNAKAN MICROSOFT VISUAL BASIC 6.0 TUGAS AKHIR
Saya 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
Universitas Sumatera Utara
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
Adisty Anastasya Juwita
Universitas Sumatera Utara
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). Kata kunci : Microsoft Visual Basic 6.0, Image Paint, software, image.
Universitas Sumatera Utara
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). Keyword : Microsoft Visual Basic 6.0, Image Paint, software, image.
Universitas Sumatera Utara
DAFTAR ISI
Halaman PERSETUJUAN PERNYATAAN PENGHARGAAN ABSTRAK ABSTRACT DAFTAR ISI DAFTAR TABEL DAFTAR GAMBAR
ii iii iv v vi vii x xi
BAB 1 PENDAHULUAN 1.1. Latar Belakang 1.2. Identifikasi Masalah 1.3. Perumusan Masalah 1.4. Batasan Masalah 1.5. Tujuan Penulisan 1.6. Manfaat 1.7. Metodologi Penelitian 1.8. Sistematika Penulisan
1 1 3 4 4 5 5 6 7
BAB 2 LANDASAN TEORI 2.1. Perangkat Lunak 2.1.1. Proses Perangkat Lunak 2.1.2. Analisa Kebutuhan Perangkat Lunak 2.2. Pengenalan Image 2.3. Warna dan Intensitas Gambar 2.4. Format File Gambar (Image) 2.4.1. Format File BMP (Bitmap) 2.4.2. Format File JPEG (Joint Photographic Experts Group) 2.4.3. Format File ICO 2.5. Histogram 2.6. Microsoft Visual Basic 6.0 2.6.1. Fasilitas Terbaru Microsoft Visual Basic 6.0 2.6.2. IDE Microsoft Visual Basic 6.0 2.6.3 Konsep Dasar Pemrograman Dalam Visual Basic 6.0
9 9 10 10 11 12 12 12 13 13 13 14 16 17 23
BAB 3 PERANCANGAN SISTEM 3.1. Deskripsi Sistem 3.2. Analisis 3.2.1. Perangkat Keras 3.2.2. Perangkat Lunak 3.3. Perancangan Sistem
25 25 25 26 26 27
Universitas Sumatera Utara
3.3.1. 3.3.2. 3.3.3. 3.3.4. 3.3.5.
Perancangan Flowchart Perancangan User Interface Membuat Form Awal Mendesain Menu Pull-Down Membuat Design Tampilan Utama Image Paint
BAB 4 IMPLEMENTASI SISTEM 4.1. Software Pengolah Gambar Image Paint 4.1.1. Tampilan Awal 4.1.2. Tampilan Form Utama Aplikasi Image Paint 4.2. Cara Penggunaan Aplikasi Image Paint 4.2.1. Penerapan ToolBox dalam Aplikasi Image Paint 4.2.1.1. Penggunaan ToolBox Select Area 4.2.1.2. Penggunaan ToolBox Pick Color 4.2.1.3. Penggunaan ToolBox Pencil 4.2.1.4. Penggunaan ToolBox Air Brush 4.2.1.5. Penggunaan ToolBox Line 4.2.1.6. Penggunaan ToolBox Rectangle 4.2.1.7. Penggunaan ToolBox Ellipse 4.2.1.8. Penggunaan ToolBox Text 4.2.1.9. Penggunaan ToolBox Brush 4.2.1.10. Penggunaan ToolBox Zoom 4.2.1.11. Penggunaan ToolBox Fill 4.2.1.12. Penggunaan ToolBox Eraser 4.2.1.13. Penggunaan ToolBox Filter Brush 4.2.1.14. Penggunaan ToolBox Arrow 4.2.1.15. Penggunaan ToolBox Rounded Rectangle 4.2.1.16. Penggunaan ToolBox Polygon 4.2.1.17 Penggunaan ToolBox Curve 4.2.1.18 Penggunaan ToolBox Hand 4.3. Cara Penerapan Menu Pull Down dalam Aplikasi Image Paint 4.3.1. Penerapan Menu File 4.3.1.1. Penerapan Sub Menu File-New 4.3.1.2. Penerapan Sub Menu File-Open 4.3.1.3. Penerapan Sub Menu File-Save 4.3.1.4. Penerapan Sub Menu File-Save As 4.3.1.5. Penerapan Sub Menu File—Print 4.3.1.6. Penerapan Sub Menu File-Exit 4.3.2. Penerapan Menu Edit 4.3.2.1. Penerapan Sub Menu Edit-Undo 4.3.2.2. Penerapan Sub Menu Edit-Redo 4.3.2.3. Penerapan Sub Menu Edit-Cut 4.3.2.4. Penerapan Sub Menu Edit-Copy 4.3.2.5. Penerapan Sub Menu Edit-Paste 4.3.2.6. Penerapan Sub Menu Edit-Delete 4.3.2.7. Penerapan Sub Menu Edit-Crop 4.3.3. Penerapan Menu Format 4.3.3.1. Penerapan Sub Menu Format-Border Style 4.3.3.2. Penerapan Sub Menu Format-Fill Style
28 29 32 34 37 44 44 44 45 46 46 46 48 49 50 51 52 52 53 55 57 58 59 60 62 63 64 65 65 67 67 67 68 69 69 70 71 71 71 73 74 74 75 76 76 77 77 80
Universitas Sumatera Utara
4.3.4.
4.3.5.
4.3.6. 4.3.7.
4.3.3.3. Penerapan Sub Menu Format-Foreground Color 4.3.3.4. Penerapan Sub Menu Format-Fill Color 4.3.3.5. Penerapan Sub Menu Format-Font Penerapan Menu Effect 4.3.4.1. Penerapan Sub Menu Effect-Resize 4.3.4.2. Penerapan Sub Menu Effect-Flip 4.3.4.3. Penerapan Sub Menu Effect-Rotate 4.3.4.4. Penerapan Sub Menu Effect-Clear 4.3.4.5. Penerapan Sub Menu Effect-Reset Penerapan Menu Filter 4.3.5.1. Penerapan Sub Menu Filter-Black & White 4.3.5.2. Penerapan Sub Menu Filter-Add Noise 4.3.5.3. Penerapan Sub Menu Filter-Smart Noise 4.3.5.4. Penerapan Sub Menu Filter-Pixelize 4.3.5.5. Penerapan Sub Menu Filter-Fog 4.3.5.6. Penerapan Sub Menu Filter-Blur 4.3.5.7. Penerapan Sub Menu Filter-Brightness 4.3.5.8. Penerapan Sub Menu Filter-Crease 4.3.5.9. Penerapan Sub Menu Filter-Darkness 4.3.5.10. Penerapan Sub Menu Filter-Diffuse 4.3.5.11. Penerapan Sub Menu Filter-Sharpen 4.3.5.12. Penerapan Sub Menu Filter-Emboss 4.3.5.13. Penerapan Sub Menu Filter-Gray Black & White 4.3.5.14. Penerapan Sub Menu Filter-Grayscale 4.3.5.15. Penerapan Sub Menu Filter-Invert Colors 4.3.5.16. Penerapan Sub Menu Filter-Replace Colors 4.3.5.17. Penerapan Sub Menu Filter-Snow 4.3.5.18. Penerapan Sub Menu Filter-Wave Penerapan Menu Histogram Penerapan Menu Help 4.3.7.1. Penerapan Sub Menu-About
84 85 86 87 87 88 89 91 92 93 94 94 96 98 99 100 100 101 102 102 103 104 104 105 106 106 107 108 109 110 110
BAB 5 KESIMPULAN DAN SARAN 5.1. Kesimpulan 5.2. Saran
111 111 112
DAFTAR PUSTAKA LAMPIRAN
113 114
Universitas Sumatera Utara
DAFTAR TABEL
Halaman Tabel 2.1 Kegunaan Kontrol Tabel 3.1 Propertis Form Awal Tabel 3.2 Properties Form Histogram Tabel 3.3 Properties Form Pada Menu Bar Help-About
20 32 39 41
Universitas Sumatera Utara
DAFTAR GAMBAR
Halaman Gambar 2.1 Model Pengembangan Perangkat Lunak Gambar 2.2 Tampilan Kotak Dialog New Project Gambar 2.3 IDE Microsoft Visual Basic 6.0 Gambar 2.4 Komponen Standard dalam Toolbox Gambar 3.1 Flowchart Menu Utama Gambar 3.2 Form Tampilan Awal Gambar 3.3 Tampilan Menu Utama Program Gambar 3.4 Tampilan Menu Histogram Gambar 3.5 Tampilan Menu Help About Gambar 3.6 Jendela Form Baru Gambar 3.7 Tampilan Form Awal (Awal.frm) sebelum dijalankan (Run) Gambar 3.8 Hasil Run Tampilan Form Awal Gambar 3.9 Cara Menambah Form Baru Gambar 3.10 Kotak Dialog Pilihan Form Baru Gambar 3.11 Tampilan Menu Editor Gambar 3.12 Menu Bar Gambar 3.13 Pilihan Menu Project untuk Menambah Components Gambar 3.14 Item-Item pada Components Gambar 3.15 Hasil Desain Form Utama Image Paint Gambar 3.16 Form Utama Image Paint Setelah Dijalankan (Run) Gambar 3.17 Hasil Desain Form Histogram Gambar 3.18 Form Histogram Setelah Dijalankan (Run) Gambar 3.19 Hasil Desain pada Menu Bar Help-About Gambar 3.20 Form Menu Bar Help-About setelah Dijalankan (Run) Gambar 4.1 Tampilan Awal Program Gambar 4.2 Tampilan Form Utama Aplikasi Image Paint Gambar 4.3 Tampilan Image Setelah Diseleksi dengan ToolBox Select Area Gambar 4.4 Tampilan Image pada Saat Proses Cut Gambar 4.5 Tampilan Image pada Saat Prose Copy dan Paste Gambar 4.6 Tampilan Warna Background dan Foreground dengan Pick Color Gambar 4.7 Tampilan Penggunaan ToolBox Pencil pada Kanvas Kosong dan pada Kanvas berisi Image Gambar 4.8 Tampilan Penggunaan ToolBox Air Brush Gambar 4.9 Tampilan Penggunaan ToolBox Line Gambar 4.10 Tampilan Penggunaan ToolBox Rectangle Gambar 4.11 Tampilan Penggunaan ToolBox Ellipse Gambar 4.12 Tampilan Pengaturan Font, Font Style, Font Size, Font Color, dan Script Gambar 4.13 Tampilan Penggunaan ToolBox Text Gambar 4.14 Tampilan Berbagai Macam Bentuk ToolBox Brush
10 17 19 20 28 29 30 31 31 32 33 34 35 35 36 36 37 38 38 39 40 41 42 43 44 45 47 47 48 49 50 51 51 52 53 54 54 56
Universitas Sumatera Utara
Gambar 4.15 Tampilan Penggunaan ToolBox Zoom Gambar 4.16 Tampilan Penggunaan ToolBox Fill Gambar 4.17 Tampilan Penggunaan ToolBox Eraser Gambar 4.18 Tampilan Penggunaan ToolBox Filter Brush Gambar 4.19 Tampulan Penggunaan ToolBox Arrow Gambar 4.20 Tampilan Penggunaan ToolBox Rounded Rectangle Gambar 4.21 Tampilan Penggunaan ToolBox Polygon Gambar 4.22 Tampilan Penggunaan ToolBox Curve Gambar 4.23 Tampilan Penggunaan ToolBox Hand Gambar 4.24 Tampilan Sub Menu File-New Gambar 4.25 Tampilan Penerapan Sub Menu File-Open Gambar 4.26 Tampilan Penerapan Sub Menu File-Save Gambar 4.27 Tampilan Penerapan Sub Menu File-Save As Gambar 4.28 Tampilan Penerapan Sub Menu File Print Gambar 4.29 Tampilan penerapan Sub Menu File-Exit Gambar 4.30 Tampilan Penerapan Sub Menu Edit-Undo Gambar 4.31 Tampilan Penerapan Sub Menu Edit-Redo Gambar 4.32 Tampilan Penerapan Sub Menu Edit-Cut Gambar 4.33 Tampilan Penerapan Sub Menu Edit-Copy Gambar 4.34 Tampilan Penerapan Sub Menu Edit-Paste Gambar 4.35 Tampilan Penerapan Sub Menu Edit-Delete Gambar 4.36 Tampilan Penerapan Sub Menu Edit-Crop Gambar 4.37 Tampilan Border Style-Solid Gambar 4.38 Tampilan Border Style-Dash Gambar 4.39 Tampilan Border Style-Dot Gambar 4.40 Tampilan Border Style-DashDot Gambar 4.41 Tampilan Border Style-DashDotDot Gambar 4.42 Tampilan Fill Style-Solid Gambar 4.43 Tampilan Fill Style-Horizontal Line Gambar 4.44 Tampilan Fill Style-Vertical Line Gambar 4.45 Tampilan Fill Style-Downward Diagonal Gambar 4.46 Tampilan Fill Style-Upward Diagonal Gambar 4.47 Tampilan Fill Style-Cross Gambar 4.48 Tampilan Fill Style-Diagonal Cross Gambar 4.49 Tampilan Penerapan Sub Menu Format-Foreground Color Gambar 4.50 Tampilan Penerapan Sub Menu Format-Fill Color Gambar 4.51 Tampilan Penerapan Sub Menu Format-Font Gambar 4.52 Tampilan Resize-25% Gambar 4.53 Tampilan Flip-Horizontal Gambar 4.54 Tampilan Flip-Vertical Gambar 4.55 Tampilan Rotate-900 Gambar 4.56 Tampilan Rotate-450 Gambar 4.57 Tampilan Penerapan Sub Menu Clear Gambar 4.58 Tampilan Penerapan Sub Menu Reset Gambar 4.59 Tampilan Penerapan Sub Menu Filter-Black & White Gambar 4.60 Tampilan Penerapan Sub Menu Filter-Add Noise (0) Gambar 4.61 Tampilan Penerapan Sub Menu Filter-Add Noise (1) Gambar 4.62 Tampilan Penerapan Sub Menu Filter-Smart Noise Gambar 4.63 Tampilan Penerapan Sub Menu Filter-Pixelize
57 58 59 62 63 64 64 65 66 67 68 69 70 70 71 72 73 74 75 75 76 77 78 78 79 79 80 81 81 82 82 83 83 84 85 85 86 87 88 89 90 91 92 93 94 95 96 97 98
Universitas Sumatera Utara
Gambar 4.64 Tampilan Penerapan Sub Menu Filter-Fog Gambar 4.65 Tampilan Penerapan Sub Menu Filter-Blur Gambar 4.66 Tampilan Penerapan Sub Menu Filter-Brightness Gambar 4.67 Tampilan Penerapan Sub Menu Filter-Crease Gambar 4.68 Penerapan Sub Menu Filter-Darkness Gambar 4.69 Penerapan Sub Menu Filter-Diffuse Gambar 4.70 Tampilan Penerapan Sub Menu Filter-Sharpen Gambar 4.71 Tampilan Penerapan Sub Menu Filter-Emboss Gambar 4.72 Tampilan Penerapan Sub Menu Filter-Gray Black & White Gambar 4.73 Tampilan Penerapan Sub Menu Filter-Grayscale Gambar 4.74 Tampilan Penerapan Sub Menu Filter-Invert Colors Gambar 4.75 Tampilan Penerapan Sub Menu Filter-Replace Colors Gambar 4.76 Tampilan Penerapan Sub Menu Filter-Snow Gambar 4.77 Tampilan Penerapan Sub Menu Filter-Wave Gambar 4.78 Tampilan Penerapan Menu Histogram Gambar 4.79 Tampilan Penerapan Sub Menu About
99 100 101 101 102 103 103 104 105 105 106 107 108 108 109 110
Universitas Sumatera Utara