ABSTRACT
In this time of technology period “Photobox” is already famous at the mall or photo
studio in everywhere. As do you know “photobox” is some place where a people or some
peoples get in there for take the photo and the photo can be modified with frame dan the
others function. After taking the photo and modified that photo, so you can print that photo
with any size you want. From that idea so I want to make application that can editing photo
from PDA camera. With this application “photobox” function can be replace by PDA
without earning some money to photo with “photobox” in photo studio or mall.
With this application, all owners PDA can be easily editing photo as memory that
can’t be forget because the result can be saving on your PDA dan can be easily print with
own printer or in photo studio. While why use PDA, because at this moment every people
who have a high mobility must be have a PDA so PDA can use like a small computer and
this application is rare for PDA. PDA too is a technology that possibly grow up include a
development of PDA camera and all of PDA too. That can improve because there is many
PDA with best quality for supporting multimedia function. Many application like this is for
ABSTRAK
Saat ini “photobox” sudah sangat menjamur di mall-mall atau bahkan di studio foto
dimana pun. Seperti diketahui “photobox” adalah suatu alat dimana seseorang atau
beberapa orang masuk untuk diambil fotonya lalu foto tersebut dapat ditambah sesuatu
seperti frame dan lain sebagainya. Setelah diambil fotonya dan dihias dengan berbagai
gambar maka hasilnya dapat langsung dicetak sesuai ukuran yang diinginkan. Dari ide
tersebut diatas maka saya membuat aplikasi yang dapat mengedit foto yang telah diambil
dengan PDA. Dengan aplikasi ini maka fungsi utama “photobox” dapat tergantikan tanpa
mengeluarkan biaya untuk berfoto di “photobox”.
Dengan adanya aplikasi ini pemilik PDA dapat dengan mudah mengedit foto
sebagai kenangan yang tidak terlupakan karena hasilnya pun dapat disimpan di PDA itu
sendiri dan jika ingin dicetak maka dapat dengan mudah mencetak di studio foto atau
dengan printer sendiri karena foto hasil edit tersebut tersimpan di memori PDA.
Sedangkan mengapa memakai PDA, karena saat ini sudah banyak orang yang
mobilitasnya tinggi sehingga menggunakan PDA yang berfungsi sebagai computer
genggam dan juga aplikasi ini masih jarang untuk PDA. PDA juga merupakan teknologi
yang akan semakin berkembang termasuk fasilitas kamera dan layar PDA itu sendiri.
Telah dibuktikan pada saat ini sudah banyak PDA berkualitas sangat baik untuk
mendukung fungsi multimedia itu sendiri. Kebanyakan aplikasi ini terdapat di desktop atau
DAFTAR ISI
LEMBAR PENGESAHAN TUGAS AKHIR... i
PERNYATAAN ORISINALITAS LAPORAN... ii
LEMBAR PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS... iii
KATA PENGANTAR... iv
ABSTRACT ... vi
ABSTRAK ... vii
DAFTAR ISI ... viii
DAFTAR GAMBAR...x
DAFTAR LAMPIRAN ... xiii
DAFTAR GRAFIK ... xiv
BAB I PENDAHULUAN ...1
I.1 Latar Belakang...1
I.2 Rumusan Masalah ...2
I.3 Tujuan...3
I.4 Batasan Masalah ...3
I.5 Sistematika Pembahasan ...4
BAB II DASAR TEORI...6
BAB III ANALISA DAN PERMODELAN...17
III.1 Arsitektur dan Pemodelan ...17
III.1.1 Use Case ...17
III.1.2 Activity Diagram ...20
III.1.3 Class Diagram ...28
III.1.4 Sequence Diagram...33
III.2 Storyboard ...37
III.3 Creative Strategy ...40
BAB IV PERANCANGAN ...66
IV.2 Class Form1...67
IV.3 Class RectEllipse ...72
IV.4 Class Filters ...73
IV.5 Class Konvolusi...74
IV.6 Desktop Aplikasi ...77
BAB V PENGUJIAN ...79
V.1 Rencana Pengujian Sistem Terimplementasi ...79
V.1.1 Test Case...79
V.1.2 Uji Fungsionalitas Komponen Perangkat Lunak...81
V.2 Rencana Pengujian Sistem Terimplementasi ...81
V.2.1 White Box...81
V.2.2. Black Box ...88
V.2.3. Questioner...94
BAB VI KESIMPULAN DAN SARAN ...97
VI.1 Kesimpulan...97
VI.2 Saran ...97 Daftar Pustaka ...Ind-1 Lampiran...A.1
i. Questioner...A.1 ii. Source Code...A.3
DAFTAR GAMBAR
Gambar II.1 Hasil Filter ...9
Gambar II.2 Matriks N 3x3 ...10
Gambar II.3 Konvolusi ...11
Gambar II.4 Konvolusi Smooth...12
Gambar II.5 Konvolusi Emboss ...13
Gambar II.6 Konvolusi Sharpen...14
Gambar II.7 Konvolusi Mean Removal ...14
Gambar II.8 Konvolusi Blur...16
Gambar III.1 Use Case Diagram User...17
Gambar III.2 Use Case Diagram User (Cont.) ...18
Gambar III.3 Use Case Diagram User (Desktop)...19
Gambar III.4 Activity Diagram Open File ...20
Gambar III.5 Activity Diagram Undo ...21
Gambar III.6 Activity Diagram Add Frame ...21
Gambar III.7 Activity Diagram Add ClipArt ...22
Gambar III.8 Activity Diagram Pen Tools ...22
Gambar III.9 Activity Diagram Line Tools...23
Gambar III.10 Activity Diagram Rectangle & Ellipse (fill/empty)Tools ...23
Gambar III.11 Activity Diagram Facial Tools ...24
Gambar III.12 Activity Diagram Selection Effect...24
Gambar III.13 Activity Diagram Text Tools...25
Gambar III.14 Activity Diagram Color Tools ...25
Gambar III.15 Activity Diagram Effect ...26
Gambar III.16 Activity Diagram Save File ...26
Gambar III.17 Activity Diagram Print ...27
Gambar III.18 Activity Diagram Rotation ...27
Gambar III.19 Class Bitmap Filters ...28
Gambar III.21 Class Resource...30
Gambar III.22 Class Frame ...31
Gambar III.23 Class rs...31
Gambar III.24 Class Set ...32
Gambar III.25 Sequence diagram Open File ...33
Gambar III.26 Sequence diagram Save File...33
Gambar III.27 Sequence diagram Resize ...34
Gambar III.28 Sequence diagram Undo ...34
Gambar III.29 Sequence diagram Tools...35
Gambar III.30 Sequence diagram Add Frame & ClipArt ...35
Gambar III.31 Sequence diagram Effect ...36
Gambar III.32 Sequence diagram Print ...36
Gambar III.33 Storyboard Form Photobox ...37
Gambar III.34 Storyboard Panel Filter ...38
Gambar III.35 Storyboard Panel Custom Convolution ...39
Gambar III.36 Storyboard Form Resize ...40
Gambar III.37 Tampilan Open File ...41
Gambar III.38 Tampilan hasil Open file ...41
Gambar III.39 Tampilan Save file...42
Gambar III.40 Tampilan Portrait dan Landscape ...43
Gambar III.41 Tampilan Exit ...43
Gambar III.42 Tampilan Undo ...44
Gambar III.43 Tampilan Resize ...45
Gambar III.44 Tampilan hasil resize ...46
Gambar III.45 Tampilan Menu Frame ...46
Gambar III.46 Tampilan hasil Add Frame ...47
Gambar III.47 Tampilan menambahkan ClipArt ...47
Gambar III.48 Tampilan menggunakan Line ...48
Gambar III.49 Tampilan menggunakan pen...48
Gambar III.51 Tampilan menggunakan Rectangle...50
Gambar III.52 Contoh lingkaran berisi dan tidak berisi...50
Gambar III.53 Tampilan menggunakan lingkaran ...51
Gambar III.54 Tampilan penambahan teks ...52
Gambar III.55 Tampilan penggunaan facial...52
Gambar III.56 Tampilan penggunaan seleksi efek...53
Gambar III.57 Tampilan penggunaan ukuran alat...54
Gambar III.58 Tampilan hasil invert ...54
Gambar III.59 Tampilan hasil grayscale ...55
Gambar III.60 Tampilan panel dan hasil brightness...56
Gambar III.61 Tampilan panel contrast...57
Gambar III.62 Tampilan hasil contrast...58
Gambar III.63 Tampilan hasil smooth...58
Gambar III.64 Tampilan hasil emboss ...59
Gambar III.65 Tampilan hasil sharpen ...60
Gambar III.66 Tampilan hasil mean removal...61
Gambar III.67 Tampilan hasil blur ...61
Gambar III.68 Tampilan panel dan hasil custom convolution ...62
Gambar III.69 Tampilan Rotasi...63
Gambar III.70 Tampilan buka file(desktop)...64
Gambar III.71 Tampilan Menu Utama dan print preview...64
Gambar III.72 Tampilan setting printer...65
DAFTAR LAMPIRAN
Lampiran
i. Questioner...A.1
ii. Source Code...A.3
DAFTAR GRAFIK
Grafik V.1. GrafikTampilan Aplikasi...89
Grafik V.2. Grafik Fasilitas Aplikasi...90
BAB I PENDAHULUAN
Saat ini penggunaan PDA sudah banyak di lapisan masyarakat, khususnya bagi mereka yang banyak berkecimpung di dunia bisnis dan teknologi. Juga tidak menutup kemungkinan PDA ini juga dimiliki oleh semua kalangan baik yang muda mau pun yang tua. Selain itu PDA juga dapat digunakan sebagai device untuk melakukan aktivitas lain yang seperti komputer yang dapat lakukan. Dari sekian banyak software di PDA tersebut maka dibutuhkan aplikasi untuk mengedit foto sehingga dapat membuat foto lebih menarik. Aplikasi ini mempunyai fungsi seperti PhotoBox yang dapat menghasilkan foto dengan tampilan menarik dan sesuai dengan keinginan. Didalam PDA tentu sudah ada yang tersedia dengan kamera built-in maka penulis ingin menambahkan aplikasi baru untuk mengedit foto dengan beberapa fitur yang mendukung dan dapat meningkatkan hasil foto menjadi lebih menarik sesuai kreativitas penggunanya. Aplikasi ini mirip dengan aplikasi Microsoft Paint atau Adobe Photoshop pada desktop tetapi aplikasi yang saya kembangkan lebih menitikberatkan pada pengeditan foto dengan perbedaan fitur daripada aplikasi tersebut dan berbasis pada PDA yang menggunakan Operating System Windows Mobile 2005.
Dengan adanya aplikasi ini maka pengguna PDA dapat mengedit fotonya sendiri sesuai keinginan dan juga dapat menyimpannya sebagai
kenangan, bila perlu dapat dicetak sendiri ataupun di studio foto.
I.1 Latar Belakang
Application yang dimaksud adalah PDA yang merupakan miniatur dari komputer desktop yang sudah banyak digunakan oleh semua orang. Terlepas dari hal diatas penggunaan bahasa pemrograman c# pun masih jarang untuk pembuatan aplikasi yang berbasis device application.
Selain itu didukung juga dengan semakin berkembangnya kualitas PDA
dalam beberapa waktu terakhir ini. Perkembangan itu meliputi kecepatan processor, kualitas layar yang semakin baik, memori PDA yang semakin besar,
dan tentunya penggunaan kamera built-in yang semakin berkualitas yang bukan tidak mungkin akan menyaingi kualitas kamera yang sudah lama beredar. Dengan adanya perkembangan itu maka pembuat ingin membuat aplikasi pada PDA yang berfungsi sebagai Photobox yaitu aplikasi yang dapat mengedit foto atau gambar dengan fasilitas-fasilitas yang mendukung untuk membuat foto menjadi beda dari sebelumnya. Dengan maksud membuat foto menjadi lebih berkesan dan menarik.
Dan yang terpenting adalah bagaimana membuat aplikasi yang dapat mendukung pengolahan gambar yang cepat, mudah, dan dimana saja. Pengguna dapat berkreasi dalam mengolah foto dan tidak membutuhkan komputer desktop. Pengguna juga mengetahui bahwa aplikasi ini tidak akan dapat menyaingi aplikasi seperti Adobe Photoshop dan sejenisnya yang memiliki fitur lengkap dan didukung kemampuan komputer desktop yang sangat jauh lebih unggul.
I.2 Rumusan
Masalah
Masalah yang dipilih sebagai pokok bahasan adalah penggunaan PDA sebagai basis untuk pengembangan aplikasi yang sesuai, tidak memakan memori PDA, dan memiliki aplikasi yang menarik seperti aplikasi pada komputer desktop
yang sudah lama berkembang. Melalui Tugas Akhir ini, diharapkan dapat mencari solusi untuk :
- Bagaimana cara membuat operasi-operasi dasar pengolahan pada foto atau gambar.
- Bagaimana membuat aplikasi yang efisien pada PDA sehingga dapat berjalan dengan baik.
I.3 Tujuan
Adapun tujuan yang ingin dicapai dari Tugas Akhir ini antara lain :
- Membuat aplikasi Photobox yang memiliki fitur-fitur yang cukup lengkap sehingga memenuhi fungsi-fungsi yang terdapat dalam PhotoBox yang sebenarnya.
I.4 Batasan
Masalah
Ruang lingkup kerja praktek ini adalah programming aplikasi di device application. Aplikasi ini memiliki fasilitas mengolah foto atau gambar sampai
menyimpannya di memori PDA atau pun mencetak hasilnya melalui komputer desktop. Beberapa fasilitas yang tersedia adalah :
- Membuka dan menyimpan foto atau gambar.
- Mengolah foto atau gambar dengan tools-tools dasar seperti membuat garis, persegi, lingkaran, teks dan fitur-fitur tambahan lainnya.
- Mengolah foto dengan teknik filter dan konvolusi.
- Mencetak hasilnya dengan aplikasi tambahan pada komputer desktop.
I.5 Sistematika
Pembahasan
Dokumen disusun dengan menggunakan pendekatan terhadap teori Software Requirement Specification yaitu sebuah metode penulisan terstruktur
semakin terstruktur dan efektif serta melingkupi semua aspek secara detail dan terperinci.
Organisasi dari penulisan dokumen dari awal adalah sebagai berikut : - BAB I Pendahuluan
Bagian ini berisi latar belakang, rumusan masalah, tujuan, batasan
masalah, dan sistematika pembahasan yang dibangun secara umum atau general dengan menggunakan sedikit bahasa teknis agar memudahkan pemahaman untuk orang awam dan juga bagian ini harus menyediakan gambaran mengenai keseluruhan dokumen.
- BAB II Dasar Teori
Bagian ini merupakan penjelasan dari teori-teori atau algoritma atau metode penunjang yang digunakan ketika membuat Tugas Akhir ini.
- BAB III Analisa dan Permodelan
Bagian ini menjelaskan isi dari desain-desain produk secara lengkap dan menggambarkan pemikiran penulis bagaimana software tersebut akan dibangun.
Faktor-faktor yang termasuk di dalamnya yaitu:
UML (Use Case, Class, Activity/State, dan Sequence
Diagram
StoryBoard (Layout Aplikasi)
UID ( User Interface Design )
Faktor-faktor tersebut akan dijabarkan lagi lebih mendetil dan terstruktur di bagian ini.
- BAB IV Perancangan
Bagian ini menjelaskan tentang bagaimana sebuah method atau fungsi
yang telah disusun secara terstruktur dan jelas. - BAB V Pengujian
- BAB VI Kesimpulan dan Saran.
Kesimpulan berisi perbandingan-perbandingan antara perencanaan produk sebelum dibangun dengan produk yang dihasilkan. Apakah produk yang dibangun memenuhi tujuan awal yang diinginkan.
Saran berisi hal-hal apa saja yang dapat dikembangkan untuk
BAB VI KESIMPULAN DAN SARAN
VI.1 Kesimpulan
Berdasarkan hasil evaluasi diatas, maka keseluruhan fitur dapat digunakan dengan baik, yaitu dimulai dari fitur buka dan simpan gambar, rotasi, resize, menambah bingkai dan clipart, alat-alat gambar, sampai dengan penggunaan efek-efek pada gambar.
Berdasarkan tujuan yang sebelumnya telah disampaikan, maka pembuatan aplikasi ini sudah mencapai tujuan, yaitu dapat melakukan operasi-operasi dasar pada pengolahan gambar dan dapat menyimpannya dalam bentuk file gambar.
VI.2 Saran
Daftar Pustaka
1. Davis, S.R. & Sphar, Chuck (2005). C Sharp For Dummies : A Reference for The Rest of Us!.
2. O’Brien, Larry & Eckel, Bruce. Programming, .NET - Thinking in C# (Prentice Hall).
3. Deitel, H.M. & Deitel, P.J. (2005). Visual C# 2005 : How To Program(Second Edition).
4. Image Processing for Dummies with C# and GDI+ Part 2 - Convolution Filters , From : Image Processing for Dummies with C# and GDI+ Part 2 - Convolution Filters - The Code Project - Multimedia.html.
5. Rotate image .Net Compact Framework, From : MBR IT-.NET 247
Rotate image_net compact Framework on Microsoft_public_dotnet_framework on Microsoft public dotnet framework compactframework.html.