Aplikasi "Mozaic Photo".

(1)

iii

ABSTRAK

Pada kesempat an kali ini, penulis mendapat kan kesempat an untuk dapat membuat aplikasi M ozaic Phot o. Aplikasi ini merupakan aplikasi mult imedia, dim ana aplikasi ini digunakan untuk membuat sebuah gam bar yang disusun oleh ratusan gam bar kecil. Aplikasi ini dibuat dengan menggunakan langkah – langkah yang telah ditet apkan t erlebih dahulu. Sehingga pengguna aplikasi ini at au user dapat dengan mudah mem buat M ozaic Phot o.

Latar belakang mengapa penulis ingin mem buat aplikasi ini, adalah karena penulis ingin mencoba untuk memahami lebih dalam mengenai format penyusun phot o, dan juga bagaimana cara memanipulasi sebuah photo sehingga menghasilkan seni yang lebih t inggi.

Aplikasi ini dibuat dengan memiliki 4 fit ur ut ama,yait u Grayscale M ozaic, Color M ozaic, Color Adjust ment M ozaic dan Color Adjust ment 4 Point M ozaic. Dengan 2 fit ur t ambahan yang merupakan pelengkap aplikasi. Fit ur t ambahan t ersebut berupa Color Adjust ment M ozaic Wit h User Library Image dan juga Color Adjust ment 4 Point M ozaic Wit h User Library Im age.

Aplikasi ini dapat dikembangkan lebih lanjut dengan menambah beberapa fit ur lainnya. Salah satu yang mungkin dapat dit ambahkan adalah met ode penyusunan phot o yang

berdasarkan pada edge det ect ion atau penyusunan gam bar berdasarkan pencarian batas – bat as gam bar. Sehingga hasilnya akan lebih bagus dan lebih halus.

(2)

iv

ABSTRAK

In t his t ime, w rit er get s opport unit y to made M ozaic Photo application. This application w as mult imedia application, w here this application used t o make a pict ure t hat arrange w it h hundred of t hum bnails image. This applicat ion w as made w it h step that had been choosing first . Therefore, user of t his application can easily make M ozaic Phot o.

Background w hy w rit ers w ant t o make this application is, because w rit er’s w ants t o try understanding deeper about format t ing phot o, and how to manipulat e phot o so can make high sense of art .

This application made by 4 main fixt ure, t hat is Grayscale M ozaic, Color M ozaic, Color Adjust ment M ozaic and Color Adjust ment 4 Point M ozaic. Wit h t w o ext ended fixt ure that complet es t he application. This ext ended fixt ure w as Color Adjust ment M ozaic w it h User Library Im age and Color Adjust ment 4-Point M ozaic w it h User Library Image.

This application can be updat e more w it h new fixt ures. One thing that maybe can add to t his application is arrange phot o met hod t hat based from edge det ection or arrange picture from searching edge pict ure. Therefore, the result w ill be great er and softer.

(3)

v

1.2. Sist emat ika Laporan ... 2

1.3. Gam baran Sist em Keseluruhan... 3

1.3.1. Perspekt if Produk ... 3

1.3.2. Fungsi Produk ... 3

1.3.3. Karakt erist ik Pengguna ... 3

1.4. Bat asan – Bat asan ... 3

1.5. Asumsi dan Ket ergant ungan ... 4

1.6. Penundaan Persyarat an ... 4

2.6.3. Color Adjust ment M ozaic... 14

2.6.4. Color Adjust ment 4 Point s ... 14

BAB III ANALISA DAN PEM ODELAN... 16

(4)

vi

4.4. FORM BUILDING M OZAIC PHOTO ... 48

4.5. FORM FINISH ... 56

BAB V PENGUJIAN ... 57

5. Test Case ... 57

5.1. Class St ep1 – Input Image Thumbnails... 57

5.2. M et hod Creat eM ozaic2 ... 58

5.3. M et hod Derajat Warna ... 61

5.4. M et hod Test ColorAdjust ment Wit hM at emat icAlgo ... 65

5.5. M et hod Cut Image ... 70

5.6. Find Image Thum bnails ... 74

5.7. Laporan Quest ionaire ... 75

BAB VI KESIM PULAN DAN SARAN... 81

6.1. KESIM PULAN ... 81

6.2. SARAN ... 82

DAFTAR PUSTAKA ... 83

LAM PIRAN ... 84

7. Quest ionaire ... 84

8. Perancangan Rinci (Algorit ma met hod-met hod/ fungsi-fungsi ut ama yang digunakan)... 85

8.1. M et hod Creat eM ozaic2 ... 85

8.2. M et hod ColorAdjust ment Smoot hing ... 111

8.3. M et hod Grayscale ... 118

(5)

vii

8.5. M et hod Derajat Warna4Tit ik ... 120

8.6. M et hod Derajat WarnaWit hM at emat icAlgo ... 124

8.7. M et hod Derajat WarnaGrayscale ... 125

8.8. M et hod Cut Image ... 126

8.9. M et hod ArrangeImage ... 128

8.10. M et hod Convert UserImage ... 129

(6)

viii

DAFTAR GAMBAR

Gam bar 1 Spekt rum Warna & Warna Primer Addit if ... 5

Gam bar 2 JPEG ... 12

Gam bar 3 Color To Grayscale ... 13

Gam bar 4 Color M ozaic ... 14

Gam bar 10 Welcome Form Class ... 18

Gam bar 11 St ep 1 – Input Image Thumbnails Class ... 19

Gam bar 12 St ep 2 - Insert M ain Phot o Class ... 19

Gam bar 13 St ep 3 – Filt er Propert ies Class ... 20

Gam bar 14 St ep4 - Set Up Propert ies Class ... 20

Gam bar 15 Building M ozaic Phot o Class ... 21

Gam bar 16 Derajat Warna Class ... 22

Gam bar 17 Finish Class ... 22

Gam bar 18 Act ivit y Load Image Library ... 23

Gam bar 19 Act ivit y Save Image Library ... 23

Gam bar 20 Act ivit y Grayscale M ozaic ... 24

Gam bar 21 Act ivit y Color M ozaic ... 25

Gam bar 22 Act ivit y Color Adjust ment Wit h Default Library ... 26

Gam bar 23 Act ivit y Color Adjust ment Wit h User Library ... 27

Gam bar 24 Act ivit y Color Adjust ment 4 Point s Wit h Default Library ... 28

Gam bar 25 Act ivit y Color Adjust ment 4 Point s Wit h User Library ... 29

Gam bar 26 Act ivit y Save Image ... 30

Gam bar 27 Sequence Load Image Library ... 30

Gam bar 28 Sequence Save Image Library ... 30

Gam bar 29 Sequence Grayscale Filt er ... 31

Gam bar 30 Sequence Color M ozaic ... 32

Gam bar 31 Sequence Color Adjust ment Wit h Default Library ... 32

Gam bar 32 Sequence Color Adjust ment Wit h User Library ... 33

Gam bar 33 Sequence Color Adjust ment 4 Point s Wit h Default Library ... 34

Gam bar 34 Sequence Color Adjust ment 4 Point s Wit h User Library ... 34

(7)

ix

Gam bar 41 Layout Building M ozaic Phot o ... 39

Gam bar 42 Layout Finish Form ... 39

Gam bar 43 Welcome Form ... 40

Gam bar 44 St ep 1 - Insert User Image ... 41

Gam bar 45 St ep 2 - Input M ain Phot o ... 42

Gam bar 46 St ep 3 - Filt er Propert ies ... 42

Gam bar 47 St ep 4 - Set Up Propert ies ... 43

Gam bar 48 Building Image ... 44

Gam bar 49 Finish ... 45

Gam bar 50 Class Building M ozaic Phot o ... 58

Gam bar 51 Test M et hod Derajat Warna ... 61

Gam bar 52 Test NUnit M et hod ColorAdjust ment Wit hM at emat icAlgoB ... 65

Gam bar 53 Test Case Cut Image ... 70

Gam bar 54 Test Case Find Image Thumbnails ... 74

Gam bar 55 Chart Quest ionaire Quest ion 1 ... 75

(8)

x

DAFTAR TABEL

Table 1 Contoh Der ajat War na ... 6

Table 2 Test Case ... 57

Table 3 Test Case MozaicPhoto2 Method ... 60

Table 4 Test Case Der ajatWar na Method... 63

Table 5 Test Case Method ColorAdjustm entWithMatematicAlgo ... 69

(9)

1

BAB I

PERSYARATAN PRODUK

1 . Pendahuluan

Pada kesem pat an t ugas akhir kali ini, bert ujuan untuk mem bent uk sebuah gambar yang disusun oleh rat usan bahkan ribuan gam bar yang berbeda-beda. Apabila hasil gambar t ersebut dilihat dari jarak yang cukup jauh, maka yang akan t ampak adalah sebuah gam bar ut uh. Sedangkan bila dilihat dari jarak yang cukup dekat , maka akan t ampak rat usan gambar at au phot o yang berbeda – beda, yang disusun sedemikian rupa.

Aplikasi ini pert ama kali akan menampilkan w elcome form at au form pembuka. Pada form ini pengguna dapat memilih untuk mgenggunakan lagu lat ar yang t elah dit et apkan at au t idak menggunakan lagu lat ar. Kemudian aplikasi akan mem unculkan sebuah wizard untuk mem int a user memasukkan phot o yang ingin digunakan sebagai phot o penyusun gam bar mozaic.

Selanjut nya pengguna akan dimint a untuk mem ilih sebuah phot o yang akan digunakan untuk dibuat mosaic phot o. Set elah pengguna memasukkan gambar yang diinginkan, pengguna akan dim int a untuk memasukkan berbagai macam informasi yang digunakan untuk menghasilkan mosaic photo tersebut .

Set elah pengguna aplikasi memasukkan berbagai macam ket erangan yang dibut uhkan, pengguna akan diberikan t ampilan slideshow dari gambar – gam bar yang digunakan untuk menyusun mosaic phot o t ersebut . Aplikasi akan langsung mem ulai proses penyusunan gam bar dan prosesnya akan dit unjukan kepada user dalam bent uk progress bar yang dit ampilkan pada bagian baw ah slideshow . Set elah selesai, aplikasi akan menampilkan mosaic phot o yang dihasilkan dan juga mem berikan pilihan untuk menyimpan gambar t ersebut ke dalam media penyimpanan.

1 .1 . Ruang Lingkup Pro yek

(10)

2

Algorit ma Grayscale akan menghasilkan gambar berupa gam bar grayscale at au hit am put ih. Algorit ma Color akan menghasilkan gambar berw arna yang belum di olah. Algorit ma Color Adjust ment akan menghasilkan gambar mosaic yang lebih halus. Gambar kecil yang digunakan t elah diolah t erlebih dahulu sehingga lebih mendekati t arget gam bar aslinya. Algoritma Color Adjust ment 4 Point akan menghasilkan gam bar dengan garis bat as objek yang lebih halus. Gambar yang digunakan t elah melalui pengolahan w arna pada empat sisinya.

Aplikasi ini dapat digunakan oleh semua kalangan pengguna. Pengguna yang sudah mahir menggunakan comput er at aupun t idak, dapat mengoperasikan aplikasi ini.

Aplikasi ini membut uhkan est imasi w akt u selama 6 bulan penuh. Unt uk perancangan algorit ma dan User Int erface Designnya.

1 .2 . Siste matika Laporan

Pada laporan ini berisi t entang apa yang berhubungan dengan proses pembuat an aplikasi sepert i: persyarat an aplikasi berisi t entang pendahuluan, t ujuan pembuat an aplikasi ini, referensi yang dipakai dalam pembuat an produk ini, gambaran ant armuka produk, penggunaan basis dat a sert a spesifikasi komput er dalam penggunakan produk ini.

Bab kedua adalah spesifikasi produk berisi t entang persyarat an aplikasi, fit ur-fit ur aplikasi perangkat lunak, persyarat an perfoma, bat asan desain, at ribut-at ribut perangkat lunak, persyarat an basis data logis, dan persyarat an lain.

Bab ket iga berisi analisis melakukan analisis desain sist em dan rancangan basis dat a yang digunakan.

Bab Keem pat adalah pengem bangan sist em berisi t ent ang pengimplement asian rancangan ant armuka aplikasi dan system coding yang t elah dibuat sebelum nya sebelumnya.

(11)

3 variasi gambar yang baru, yang lebih menarik dan jarang dapat dit emui. Kemampuan aplikasi ini, selain dapat membuat gambar dari rat usan gam bar sim panan, aplikasi juga dapat mem buat mosaic photo hanya dengan menggunakan beberapa foto sim panan. Sehingga dengan beberapa gam bar simpanan saja, aplikasi akan mem buat mosaic dengan menggunakan gam bar yang sama berulang kali.

1 .3 .2 . Fungsi Produk

Berikut ini akan dijelaskan fungsi dari aplikasi ini, ant ara lain :

1. M enghasilkan phot o dengan tampilan yang berbeda.

2. M elakukan penempat an photo – phot o yang berukuran lebih kecil di dalam

panduan phot o ut amanya.

3. M enghasilkan phot o yang cukup rumit dengan langkah-langkah pengerjaan yang

sangat sederhana.

4. M enghasilkan phot o dengan berbagai jenis, yaitu grayscale, color, color

adjustment , dan color adjust ment 4 point 5. Print , Save Phot o,Input Phot o

1 .3 .3 . Karakte ristik Pengguna

Aplikasi ini dapat digunakan oleh siapa saja. Hal ini dikarenakan,aplikasi memiliki alur at au rangkaian kerja yang sudah dit et apkan t erlebih dahulu dan pengguna hanya perlu untuk mengikut i pet unjuk yang sudah disediakan. Sehingga untuk User yang merupakan orang aw am t erhadap comput er, dapat menjalankan aplikasi ini.

1 .4 . Batasan – Batasan

Bat asan yang dit et apkan untuk aplikasi ini ini adalah :

(12)

4

2. Aplikasi hanya dapat dioperasikan dengan operating sist em Window s XP Service

Pack 2 dengan sebelumnya menginst al SQL Server 2005.

3. Sist em penangan error t idak t erlalu difokuskan t etapi akan dibuat error handling seminim al mungkin

1 .5 . Asumsi dan Kete rgantungan

Aplikasi ini memiliki beberapa asumsi dan ket ergant ungan, ant ara lain :

1. Gambar yang dim asukkan oleh user adalah gam bar dengan format Jpeg(.Jpeg)

dan Bit map (.Bmp)

2. Gambar yang dihasilkan hanya bias disim pan dengan format Jpeg(.Jpeg) dan Bit map(.Bmp)

3. Waktu proses pembuat an M ozaic Phot o t ergant ung dari kecepatan processor, jenis hasil yang diinginkan, jumlah im age penyusunnya, dan besar gam bar yang dim asukkan.

1 .6 . Penundaan Persyaratan

Aplikasi ini menggunakan SQL Server 2005 sebagai dat abase penyimpan alamat

(13)

81

BAB VI

KESIMPULAN DAN SARAN

6 .1 . KESIMPULAN

Kesimpulan yang dapat diam bil dari t erselesaikannya aplikasi ini adalah bahw a file yang berupa image t ersusun dari pixel – pixel w arna yang mem iliki derajat w arnanya masing – masing. Dengan dilakukannya pengolahan pada t iap pixel, maka dapat dicipt akannya suat u jenis image yang baru. Yang t entunya lebih menarik dan dapat menambah jenis seni dalam bidang design yang baru.

Dari hasil yang t elah dibuat , maka dapat di ambil kesimpulan bahw a mozaic phot o dengan melakukan perubahan w arna untuk keseluruhan gam bar memiliki hasil yang lebih baik daripada perubahan w arna pada 4 bagiannya. Hal ini didukung dengan semakin halusnya gam bar yang dihasilkan oleh aplikasi. Tetapi dengan melakukan perubahan w arna, seni mozaic phot o menjadi berkurang. Karena hasil yang ada t idak t erlalu menunjukkan bahw a gam bar t ersebut berupa kumpulan dari rat usan phot o.

Unt uk jenis hasil perubahan w arna pada ke-4 bagiannya, dapat dilihat hasil t idak t erlalu bagus jika jumlah gam bar penyusunnya kurang dari 100 gam bar. Apabila jumlah penyusun kurang dari 100 gam bar, hasilnya t erkesan lebih t idak berat uran dan gambar t erlihat t idak t erlalu jelas. Apabila gambar penyusunnya lebih dari 100 gam bar, mozaic yang dihasilkan akan t erlihat lebih halus. Dengan demikian akan muncul sat u karya seni yang baru.

Dengan t erselesaikannya aplikasi ini, diharapkan kedepannya t erdapat fit ur aplikasi yang berbeda, semakin lengkap dan berguna bagi seluruh penggunanya.

(14)

82 6 .2 . SARAN

(15)

83

DAFTAR PUSTAKA

1. Wikipedia; Bitmap; ht t p:/ / id.w ikipedia.org/ wiki/ Bit map ; 12-12-2007 2. Wikipedia; JPEG; ht tp:/ / id.wikipedia.org/ wiki/ JPEG ; 12-12-2007 3. Wikipedia; W arna; ht t p:/ / id.wikipedia.org/ w iki/ Warna ; 12-12-2007

4. Riza;Grayscale Bitmap Selector;

ht t p:/ / cikumiyu.mult iply.com/ t ag/ GrayscaleBit mapSelect or ; 12-12-2007

5. Wikipedia; Daftar w arna;ht t p:/ / id.w ikipedia.org/ w iki/ Daft ar_w arna ; 12-12-2007