SKRIPSI

RANCANG BANGUN APLIKASI MENGGAMBAR

DAN MEWARNAI BERBASIS ANDROID

ARIE FIRMANSYAH
Nomor Mahasiswa: 135410081

PROGRAM STUDI TEKNIK INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN
KOMPUTER AKAKOM
YOGYAKARTA

2017
 SKRIPSI
HALAMAN JUDUL
RANCANG BANGUN APLIKASI MENGGAMBAR
DAN MEWARNAI BERBASIS ANDROID

Diajukan sebagai salah satu syarat untuk menyelesaikan studi jenjang strata satu
(S1)
Program Studi Teknik Informatika
Sekolah Tinggi Manajemen Informatika dan Komputer
Akakom
Yogyakarta

Disusun Oleh
ARIE FIRMANSYAH
Nomor Mahasiswa: 135410081

PROGRAM STUDI TEKNIK INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN
KOMPUTER AKAKOM
YOGYAKARTA

2017

i
ii
iii
KUPERSEMBAHKAN KARYA INI UNTUK IBU, ISTRI, DAN
ANAK TERCINTA

iv
NEVER GIVE UP !!

v
 INTISARI

Pemanfaatan teknlogi informasi yang semakin berkembang

memungkinkan melakukan proses pembelajaran kapan dan dimana saja. Khusus
untuk anak usia dini salah satunya adalah proses pembelajaran kreatif seperti
menggambar dan mewarnai. Ayo menggambar merupakan aplikasi berbasis
android yang dibuat untuk memenuhi kebutuhan tersebut.
Ayo menggambar dibangun menggunakan android studio dan dijalankan
melalui smartphone dengan versi minimal 4.2 (Kitkat). Aplikasi ini dijalankan
melalui sentuhan pada layar yang kemudian dilakukan proses pengubahan
sentuhan tersebut menjadi grafis berupa garis.
Berdasarkan hasil uji coba dan implementasi dari aplikasi ini, dapat
disimpulkan bahwa pengetahuan dasar anak-anak terhadap aplikasi menggambar
dan mewarnai yang telah dibuat mendekati sesuai.
Aplikasi ini masih sangat sederhana. Penambahan fitur seperti color
picker, template gambar untuk diwarnai, tipe-tipe goresan dan masih banyak lagi
agar anak-anak makin tertarik menggunakan aplikasi ini.

Kata kunci : android, canvas, gesture, menggambar, mewarnai

vi
 KATA PENGANTAR

Segala puji syukur ke hadirat Allah SWT yang telah memberikan rahmat,

hidayah-Nya serta karunia-Nya, sehingga Tugas Akhir yang menjadi salah satu

syarat untuk meraih gelar Sarjana ini dapat terselesaikan.

Penyusunan Tugas Akhir ini tidak lepas dari adanya kerjasama dan

bantuan dari berbagai pihak. Oleh karena itu dengan segenap kerendahan hati

pada kesempatan ini disampaikan terima kasih kepada pihak-pihak berikut :

1. Bapak Cuk Subiyantoro. S.Kom., M.Kom. Selaku ketua STMIK

AKAKOM Yogyakarta.

2. Bapak Ir. M. Guntara, M.T. selaku ketua Jurusan Teknik Informatika

STMIK AKAKOM Yogyakarta.

3. Bapak Y. Yohakim Marwanta, S. Kom., M.Cs. selaku dosen wali yang

telah membimbing proses perkuliahan dan akademik dari awal hingga

akhir.

4. Ibu L.N. Harnaningrum, S.Si., M.T. Selaku dosen pembimbing skripsi

yang telah membimbing tugas akhir ini dari awal hingga akhir.

5. Semua Dosen Jurusan Teknik Informatika STMIK AKAKOM

Yogyakarta, terima kasih atas semua jasa Bapak dan Ibu dosen yang telah

membina dan mengajar dengan dedikasi tinggi dan penuh semangat.

6. Semua Staff STMIK AKAKOM Yogyakarta, Petugas Perpustakaan,

Petugas Pengajaran, FO, Satpam, dan Petugas Parkir yang telah

memberikan pelayanan yang optimal dan profesional

vii
 7. Semua pihak yang tidak dapat disebutkan satu persatu, yang telah

memberikan kontribusinya dalam membantu pembuatan tugas akhir ini.

Semoga segala bantuan yang telah diberikan menjadi amalan yang akan

mendapatkan balasan dari Allah SWT. Akhir kata, semoga karya ini dapat

memberikan manfaat bagi berbagai pihak.

Yogyakarta, 2017

Penulis

viii
 DAFTAR ISI

HALAMAN JUDUL...................................................................................................... i
HALAMAN PERSETUJUAN ...................................................................................... ii
HALAMAN PENGESAHAN ...................................................................................... iii
HALAMAN PERSEMBAHAN .................................................................................. iv
HALAMAN MOTTO ................................................................................................... v
INTISARI..................................................................................................................... vi
KATA PENGANTAR ................................................................................................ vii
DAFTAR ISI ................................................................................................................ ix
DAFTAR GAMBAR .................................................................................................. xii
DAFTAR TABEL ...................................................................................................... xiii

BAB 1 PENDAHULUAN ............................................................................................ 1

1.1 Latar Belakang .................................................................................................... 1
1.2 Rumusan Masalah ............................................................................................... 3
1.3 Ruang Lingkup .................................................................................................... 3
1.4 Tujuan Penelitian ................................................................................................ 4
1.5 Manfaat Penelitian .............................................................................................. 4
1.6 Sistematika Penulisan ......................................................................................... 5

BAB 2 TINJAUAN PUSTAKA DAN DASAR TEORI .............................................. 6

2.1 Tinjauan Pustaka ................................................................................................. 6
2.2 Dasar Teori .......................................................................................................... 7
2.2.1 Menggambar ................................................................................................ 7
2.2.2 View ............................................................................................................. 7
2.2.3 Gesture ......................................................................................................... 7
2.2.4 Canvas .......................................................................................................... 8
2.2.5 Paint ............................................................................................................. 8
2.2.6 Bitmap .......................................................................................................... 8
2.2.7 Drawable ...................................................................................................... 8

ix
BAB 3 METODE PENELITIAN................................................................................ 10
3.1 Analisis Sistem .................................................................................................. 10
3.2 Analisis Kebutuhan Sistem ............................................................................... 10
3.2.1 Kebutuhan Software ................................................................................... 10
3.2.2 Kebutuhan Hardware ................................................................................. 10
3.3 Perancangan Sistem .......................................................................................... 11
3.3.1 Use Case Diagram ...................................................................................... 11
3.3.2 Activity Diagram Menggambar ................................................................. 12
3.3.3 Activity Diagram Menghapus .................................................................... 13
3.3.4 Activity Diagram Memilih Warna ............................................................. 14
3.3.5 Activity Diagram Menyimpan Gambar ..................................................... 15
3.3.6 Activity Diagram Memilih UKuran Kuas .................................................. 16
3.3.7 Activity Diagram Memilih Halaman Baru ................................................. 17
3.3.8 Activity Diagram Memilih Tingkat Transparansi Warna .......................... 18
3.3.9 Class Diagram ............................................................................................ 19
3.4 Perancangan User Interface............................................................................... 20
3.4.1 Rancangan Tampilan Area Menggambar................................................... 20
3.4.2 Rancangan Tampilan Pilihan Warna .......................................................... 20
3.4.3 Rancangan Tampilan Ukuran Kuas Dan Penghapus ................................. 21
3.4.4 Rancangan Tampilan Pilihan Tingkat Transparansi Warna....................... 21
3.4.5 Rancangan Tampilan Menu Simpan .......................................................... 22
3.4.6 Rancangan Tampilan Pilihan Halaman Baru ............................................. 22

BAB 4 IMPLEMENTASI DAN PEMBAHASAN SISTEM ..................................... 23

4.1 Implementasi Sistem ......................................................................................... 23
4.1.1 Menggambar .............................................................................................. 23
4.1.2 Memilih Warna .......................................................................................... 25
4.1.3 Menghapus ................................................................................................. 26
4.1.4 Menyimpan Hasil Gambar ......................................................................... 27
4.2 Pembahasan Sistem ........................................................................................... 28
4.2.1 Pengujian Sistem ....................................................................................... 28

x
 4.2.2 Tampilan Aplikasi ..................................................................................... 29
4.2.2.1 Tampilan Menu Utama ....................................................................... 29
4.2.2.2 Tampilan Proses Menggambar ............................................................ 30
4.2.2.3 Tampilan Pilihan Warna ..................................................................... 30
4.2.2.4 Tampilan Pilihan Halaman Baru ......................................................... 31
4.2.2.5 Tampilan Pilihan Ukuran Kuas ........................................................... 32
4.2.2.6 Tampilan Pilihan Ukuran Penghapus .................................................. 32
4.2.2.7 Tampilan Pilihan Tingka Transparansi Warna ................................... 32
4.2.2.8 Tampilan Pilihan Simpan .................................................................... 34
4.3 Pengujian Hasil Oleh Pengguna ........................................................................ 34
4.3.1 Analisa quesioner ................................................................................... 36

BAB 5 KESIMPULAN DAN SARAN ...................................................................... 38

5.1 Kesimpulan ....................................................................................................... 38
5.2 Saran .................................................................................................................. 38

DAFTAR PUSTAKA ................................................................................................. 39

xi
 DAFTAR GAMBAR
Gambar 3.1 Use Case Diagram ................................................................................... 11
Gambar 3.2 Activity Diagram Menggambar .............................................................. 12
Gambar 3.3 Activity Diagram Menghapus ................................................................. 13
Gambar 3.4 Activity Diagram Memilih Warna .......................................................... 14
Gambar 3.5 Activity Diagram Menyimpan Gambar................................................... 15
Gambar 3.6 Activity Diagram Memilih Ukuran Kuas ................................................ 16
Gambar 3.7 Activity Diagram Memilih Halaman Baru .............................................. 17
Gambar 3.8 Activity Diagram Memilih Tingkat Transparansi ................................... 18
Gambar 3.9 Class Diagram ......................................................................................... 19
Gambar 3.10 interface Area Menggambar ................................................................. 20
Gambar 3.11 interface Pilihan Warna......................................................................... 20
Gambar 3.12 interface Pilihan Besar Penghapus ........................................................ 21
Gambar 3.13 interface Pilihan Tingkat Transparansi Warna...................................... 21
Gambar 3.14 interface Pilihan Menu Simpan ............................................................. 22
Gambar 3.15 interface Pilihan Halaman Baru ............................................................ 22
Gambar 4.1 source code Menggambar ....................................................................... 23
Gambar 4.2 source code Memilih Warna ................................................................... 25
Gambar 4.3 source code Menghapus ......................................................................... 27
Gambar 4.4 source code simpan ................................................................................. 28
Gambar 4.5 Menu Utama ............................................................................................ 29
Gambar 4.6 Proses Menggambar ................................................................................ 30
Gambar 4.7 Pilhan warna ............................................................................................ 30
Gambar 4.8 Pilihan Halaman Baru ............................................................................. 31
Gambar 4.9 Ukuran Kuas............................................................................................ 32
Gambar 4.10 Ukuran Penghapus................................................................................. 32
Gambar 4.11 Tingkat Transparansi Warna ................................................................. 33
Gambar 4.12 Pilihan Simpan ...................................................................................... 34
Gambar 4.13 Hasil Survey .......................................................................................... 37

xii
 DAFTAR TABEL
Tabel 2.1 Daftar Tinjauan Pustaka ................................................................................ 6
Tabel 4.1 Data Survey ................................................................................................. 35
Tabel 4.2 Rekapitulasi Hasil Survey ........................................................................... 36

xiii