PERANCANGAN APLIKASI PENJUALAN BATIK

BERBASIS ANDROID
(Studi Kasus di Batik Puspa Kencana, Laweyan, Solo)

SKRIPSI

Disusun sebagai salah satu syarat menyelesaikan Program Studi Strata I

pada Program Studi Teknik Informatika Fakultas Komunikasi dan Informatika
Universitas Muhammadiyah Surakarta

Oleh :

FACHRUL BARRY SHOLIH

L200100017

PROGRAM STUDI INFORMATIKA

FAKULTAS KOMUNIKASI DAN INFORMATIKA
UNIVERSITAS MUHAMMADIYAH SURAKARTA
2014
ii
iii
 DAFTAR KONTRIBUSI

Dengan ini saya menyatakan bahwa skripsi ini tidak terdapat karya yang

pernah diajukan untuk memperoleh gelar kesarjanaan di suatu Perguruan Tinggi,

dan sepanjang pengetahuan saya juga tidak terdapat karya atau pendapat yang

pernah ditulis atau diterbitkan oleh orang lain kecuali yang secara tertulis diacu

dalam naskah ini dan disebutkan dalam daftar pustaka.

Berikut saya sampaikan daftar kontribusi dalam penyusunan skripsi :

1. Saya merancang dan membuat Perancangan Aplikasi Penjualan Batik Berbasis

Android dengan bantuan internet dan buku yang dilampirkan pada daftar

pustaka.

2. Saya membuat sebuah website penjualan Batik Puspa Kencana untuk diakses

lewat aplikasi dan digunakan untuk mengupdate produk-produk yang ada di

Batik Puspa Kencana.

3. Program yang saya gunakan untuk membuat aplikasi penjualan ini adalah

menggunakan Eclipse 4.2 Juno, ADT (Android Development Tools) versi :

23.0.4, JDK (Java Development Kit) Versi : 7, SDK (Software Development

Kit), dan AVD (Android Virtual Device).

4. Saya menggunakan Adobe Photoshop dan InkScape sebagai graphic editor.

5. Saya menggunakan komputer dengan spesifikasi Processor i7-3440k 3.50

GHz, RAM : 8 GB, Hard Disk : 2 TB, Sistem Operasi Windows 7 64-Bit.

iv
v
 MOTTO DAN PERSEMBAHAN

MOTTO :

“Aku tidak punya bakat khusus. Aku hanyalah orang yang penasaran”

~ Albert Einstein ~

“Mempertahankan fokus adalah sebuah kunci menuju kesuksesan”

~ Bill Gates ~

“Bermimpilah setinggi-tingginya dan langkahkan kaki menuju mimpimu

sekarang”

~ Penulis ~

vi
PERSEMBAHAN :

1. Kepada Allah SWT atas rahmat dan hidayah yang telah diberikan.

2. Kepada orang tua dan saudara-saudariku serta seluruh keluarga besarku

tercinta, terima kasih atas doa dan dukungan yang selalu kalian berikan.

3. Kepada teman-teman Jurusan Teknik Informatika angkatan 2010 khususnya

kelas RPL, Monyol, Isov, Devi, Sigit, Primanda, Adit, Bapak Suyadi, yang

telah bersama-sama merasakan manis pahitnya kehidupan di RPL hingga

tercapainya gelar sarjana.

4. Kepada Mas Fauzan dan Ajie Saputra selaku biro skripsi yang sudah

memberikan arahan mulai dari seminar proposal, pra pendadaran dan

pendadaran.

5. Kepada teman-teman Jurusan Teknik Informatika Beni, Akrom, Komo, Fajar,

Wahyu Susilo, Didot, Nissa, Niken, Venny, Dawud yang telah membuat

perjalanan selama ini terasa seru dan menyenangkan.

6. Semua sahabat-sahabat yang selalu ada di sekelilingku yang tidak bisa

kusebutkan satu persatu.

vii
 KATA PENGANTAR

Puji syukur Alhamdulillah saya panjatkan kehadirat Allah SWT yang telah

memberikan rahmat dan hidayah-Nya, skripsi yang berjudul “Perancangan Aplikasi

Penjualan Batik Berbasis Android” ini dapat diselesaikan dengan baik.

Skripsi ini disusun untuk memenuhi kurikulum pada Program Studi Teknik

Informatika Universitas Muhammadiyah Surakarta, sebagai kewajiban mahasiswa

dalam rangka menyelesaikan program sarjana.

Penulis menyadari bahwa dalam proses penyusunan skripsi ini banyak

mengalami masalah, namun berkat bimbingan, doa, dan bantuan dari berbagai

pihak sehingga semua masalah-masalah tersebut dapat diatasi. Oleh sebab itu dalam

kesempatan ini penulis ingin menyampaikan ucapan terima kasih kepada Bapak

Bana Handaga, Dr, Ir, MT selaku pembimbing skripsi yang dengan sabar

meluangkan waktu, tenaga, dan pikiran memberikan arahan, bimbingan, kritik, dan

saran-saran yang membangun kepada penulis selama penyusunan skripsi.

Selanjutnya penulis juga ingin mengucapkan terima kasih kepada :

1. Bapak Husni Thamnrin, S.T, M.T, Ph.D selaku Dekan Fakultas Komunikasi

dan Informatika Universitas Muhammadiyah Surakarta.

2. Bapak Dr. Heru Supriyono, S.T, M.Sc selaku Ketua Program Studi teknik

Informatika Universitas Muhammadiyah Surakarta.

3. Bapak Bana Handaga, Dr, Ir, MT selaku pembimbing yang telah meluangkan

waktu, tenaga, dan pikiran memberikan arahan, bimbingan, kritik dan saran-

viii
ix
 DAFTAR ISI

HALAMAN JUDUL ............................................................................................... i

HALAMAN PERSETUJUAN ............................................................................... ii

HALAMAN PENGESAHAN ............................................................................... iii

DAFTAR KONTRIBUSI ...................................................................................... iv

MOTTO ................................................................................................................ vi

PERSEMBAHAN ................................................................................................. vii

KATA PENGANTAR ........................................................................................ viii

DAFTAR ISI ...........................................................................................................x

DAFTAR TABEL .................................................................................................xv

DAFTAR GAMBAR ........................................................................................... xvi

ABSTRAKSI ...................................................................................................... xix

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

1.1. Latar Belakang................................................................................................1

1.2. Rumusan Masalah ..........................................................................................2

1.3. Batasan Masalah ............................................................................................2

1.4. Tujuan Penelitian ............................................................................................3

1.5. Manfaat Penelitian ..........................................................................................3

1.6. Sistematika Penulisan .....................................................................................4

BAB II TINJAUAN PUSTAKA............................................................................6

2.1. Telaah Penelitian ...........................................................................................6

2.2. Landasan Teori ..............................................................................................9

a. Android ........................................................................................................9

x
 b. Wordpress ..................................................................................................10

c. Woocommerce ...........................................................................................10

d. Eclipse........................................................................................................11

e. Java ............................................................................................................11

f. JDK (Java Development Kit) .....................................................................12

g. Android SDK (Software Development Kit) ...............................................12

h. ADT (Android Development Tools) ..........................................................12

i. Adobe Photoshop........................................................................................12

j. InkScape .....................................................................................................13

k. SDLC .........................................................................................................13

BAB III METODE PENELITIAN .....................................................................15

3.1. Waktu dan Tempat Penelitian .........................................................................17

3.1.1 Waktu Penelitian ......................................................................................17

3.1.2 Tempat Penelitian .....................................................................................17

3.2 Peralatan Utama dan Pendukung ....................................................................18

3.2.1 Hardware ...................................................................................................18

3.2.2 Software ....................................................................................................18

3.2.3 Peralatan Pendukung.................................................................................19

3.3 Alur Penelitian ................................................................................................20

3.3.1 Analisis Kebutuhan ...................................................................................21

3.3.1.1 Kebutuhan Konten .............................................................................22

3.3.1.2 Kebutuhan Software...........................................................................23

3.3.1.3 Kebutuhan Hardware .........................................................................23

xi
3.3.2 Perancangan ..............................................................................................24

3.3.2.1 Perancangan UML .............................................................................24

a. Use case diagram....................................................................................25

b. Definisi actor..........................................................................................26

c. Diagram Activity....................................................................................27

3.3.2.2 Perancangan Desain Interface ............................................................29

1. Halaman Splash Screen..........................................................................29

2. Halaman Menu Utama ...........................................................................30

3. Halaman My Account ............................................................................30

4. Halaman Menu Product..........................................................................31

5. Halaman Konten Product .......................................................................32

6. Halaman Detail Product .........................................................................32

7. Halaman Fanspage .................................................................................33

8. Halaman About ......................................................................................34

9. Halaman Keranjang (Cart) .....................................................................35

10. Halaman Checkout ...............................................................................36

3.3.2.3 Peta Halaman .....................................................................................36

3.3.3 Penerapan User Interface ..........................................................................38

3.3.3.1 Penerapan Halaman Splash ................................................................38

3.3.3.2 Penerapan Halaman Utama ................................................................40

3.3.3.3 Penerapan Halaman Product ..............................................................43

3.3.3.4 Penerapan Halaman Web ...................................................................46

3.3.3.5 Penerapan Halaman About.................................................................48

xii
 3.3.3.6 Penerapan Website Penjualan ...........................................................50

3.3.4 Pengujian Sistem.......................................................................................51

3.3.4.1 Pengujian Aplikasi .............................................................................51

3.3.4.2 Kuisioner ............................................................................................52

3.3.4.3 Maintenance .......................................................................................52

BAB IV ANALISA HASIL DAN PENGUJIAN................................................53

4.1 Hasil Penelitian ...............................................................................................53

4.1.1 Halaman Splash Screen..............................................................................54

4.1.2 Halaman Menu Utama ...............................................................................54

4.1.3 Halaman My Account ................................................................................55

4.1.4 Halaman Fanspage .....................................................................................56

4.1.5 Halaman About ..........................................................................................57

4.1.6 Halaman Product........................................................................................58

4.1.7 Halaman Konten Product ...........................................................................59

4.1.8 Halaman Detail Product .............................................................................60

4.1.9 Halaman Cart .............................................................................................61

4.1.10 Halaman Checkout ...................................................................................62

4.1.11 Halaman Admin Login.............................................................................63

4.1.12 Halaman Order .........................................................................................64

4.1.13 Halaman Order Details.............................................................................65

4.1.14 Halaman Comment...................................................................................65

4.1.15 Halaman User Account ............................................................................66

4.1.16 Halaman Product Admin..........................................................................67

xiii
4.2 Pengujian Sistem..............................................................................................67

4.2.1 Pengujian Aplikasi ....................................................................................67

4.2.2 Hasil Pengujian dan Perhitungan ..............................................................72

4.2.2.1 Responden Batik Puspa Kencana dan Penjual ...................................72

4.2.2.2 Responden Masyarakat Umum Sebagai Pembeli ..............................78

4.3 Analisa dan Pembahasan..................................................................................82

4.3.1 Kelebihan ..................................................................................................82

4.3.2 Kekurangan ...............................................................................................82

BAB V PENUTUP................................................................................................83

5.1. Kesimpulan ....................................................................................................83

5.2. Saran................................................................................................................83

DAFTAR PUSTAKA ........................................................................................ 85

LAMPIRAN

xiv
 DAFTAR TABEL

Tabel 3.1 : Definisi Actor................................................................................. 26

Tabel 3.2 : Definisi Use Case........................................................................... 27

Tabel 3.3 : Keterangan Script Layout Splash................................................... 39

Tabel 3.4 : Keterangan Script Layout Menu Utama ........................................ 43

Tabel 3.5 : Keterangan Script Layout Product................................................. 45

Tabel 3.6 : Keterangan Script Layout Web...................................................... 47

Tabel 3.7 : Keterangan Script Layout About ................................................... 50

Tabel 4.1 : Hasil Pengujian Menu Utama ........................................................ 68

Tabel 4.2 : Hasil Pengujian Halaman My Account.......................................... 68

Tabel 4.3 : Hasil Pengujian Halaman Product ................................................. 69

Tabel 4.4 : Hasil Pengujian Halaman About.................................................... 69

Tabel 4.5 : Hasil Pengujian Gallery ................................................................. 70

Tabel 4.6 : Hasil Pengujian Proses Pembelian Product ................................... 70

Tabel 4.7 : Hasil Pengujian Pada Layout Web ................................................ 71

Tabel 4.8 : Hasil Pengujian Website Penjualan Batik ..................................... 71

Tabel 4.9 : Hasil Rekapitulasi Kuisioner Batik Puspa Kencana ...................... 73

Tabel 4.10 : Hasil Rekapitulasi Kuisioner Masyarakat Umum........................ 78

xv
 DAFTAR GAMBAR

Gambar 3.1 : Metode SDLC .................................................................................15

Gambar 3.2 : Flowchart Alur Penelitian ...............................................................20

Gambar 3.3 : Use Case Diagram ...........................................................................25

Gambar 3.4 : Diagram Activity Transaksi Penjualan ............................................28

Gambar 3.5 : Halaman Splash ...............................................................................29

Gambar 3.6 : Halaman Menu Utama ....................................................................30

Gambar 3.7 : Halaman My Account .....................................................................31

Gambar 3.8 : Halaman Product .............................................................................31

Gambar 3.9 : Halaman Konten Product ................................................................32

Gambar 3.10 : Halaman Detail Product ................................................................33

Gambar 3.11 : Halaman Fanspage ........................................................................33

Gambar 3.12 : Halaman About Tab 1 ...................................................................34

Gambar 3.13 : Halaman About Tab 2 ...................................................................34

Gambar 3.14 : Halaman About Tab 3 ...................................................................35

Gambar 3.15 : Halaman Cart ................................................................................35

Gambar 3.16 : Halaman Checkout ........................................................................36

Gambar 3.17 : Peta Halaman ................................................................................37

Gambar 3.18 : Layout Splash.................................................................................38

Gambar 3.19 : Script layout Splash .......................................................................39

Gambar 3.20 : Layout Halaman Utama .................................................................40

Gambar 3.21 : Script ViewFlipper .........................................................................41

Gambar 3.22 : Script Tombol My Account ..........................................................42

xvi
Gambar 3.23 : Script Tombol Product ..................................................................42

Gambar 3.24 : Script Tombol Fanspage ................................................................42

Gambar 3.25 : Script tombol About.......................................................................43

Gambar 3.26 : Layout Product ...............................................................................44

Gambar 3.27 : Script ListView ..............................................................................44

Gambar 3.28 : Script item_product.xml .................................................................45

Gambar 3.29 : Layout Web....................................................................................46

Gambar 3.30 : Script Layout Web .........................................................................47

Gambar 3.31 : Layout About .................................................................................48

Gambar 3.32 : Script Layout About.......................................................................49

Gambar 4.1 : Tampilan Splash Screen...................................................................54

Gambar 4.2 : Tampilan Menu Utama ....................................................................55

Gambar 4.3 : Tampilan My Account .....................................................................56

Gambar 4.4 : Tampilan Fanspage ..........................................................................57

Gambar 4.5 : Tampilan About ...............................................................................58

Gambar 4.6 : Tampilan Product .............................................................................59

Gambar 4.7 : Tampilan Konten Product ................................................................60

Gambar 4.8 : Tampilan Detail Product ..................................................................61

Gambar 4.9 : Tampilan Cart...................................................................................62

Gambar 4.10 : Tampilan Checkout ........................................................................63

Gambar 4.11 : Tampilan Admin Login..................................................................64

Gambar 4.12 : Tampilan Order ..............................................................................64

Gambar 4.13 : Tampilan Order Details..................................................................65

xvii
Gambar 4.14 : Tampilan Comment........................................................................66

Gambar 4.15 : Tampilan User Account .................................................................66

Gambar 4.16 : Tampilan Product Admin...............................................................67

Gambar 4.17 : Grafik Kuisioner Batik Puspa Kencana ........................................75

Gambar 4.18 : Grafik Kuisioner Masyarakat Umum Sebagai Pembeli .................79

xviii
 ABSTRAKSI
Perkembangan teknologi yang kian lama semakin meningkat mendorong sifat
manusia untuk memanfaatkan dan menggunakan teknologi dengan sebaik-baiknya.
Munculnya berbagai jenis perangkat elektronik dan aplikasi-aplikasi yang semakin
berkembang serta berkembangnya internet yang sekarang dapat di nikmati hampir
bisa di mana saja. Selain itu munculnya sistem operasi mobile yang bernama
Android yang memiliki performa dan kinerja yang layak dengan sebutan
smartphone bagi ponsel yang menggunakan sistem operasi tersebut. Dengan
perkembangan jaman yang semakin pesat dapat dimanfaatkan untuk media
periklanan dan media informasi untuk mengenalkan dan membuat jaringan yang
lebih luas bagi Batik Puspa Kencana. Oleh karena itu penulis berinisiatif untuk
membuat aplikasi Perancangan Aplikasi Penjualan Batik Berbasis Android (Studi
Kasus di Batik Puspa Kencana Laweyan, Solo) yang di harapkan dapat membantu
dalam pengenalan, media jual-beli, serta dapat membuka jaringan yang lebih luas
bagi Batik Puspa Kencana.
Aplikasi ini berisi informasi-informasi tentang Batik Puspa Kencana, produk-
produk yang terdapat di sana, serta terdapat media jual-beli secara online yang dapat
digunakan pengguna untuk memesan produk-produk batik di Batik Puspa Kencana.
Metode yang digunakan dalam pembuatan aplikasi ini adalah dengan
menggunakan metode SDLC (System Development Life Cycle) Waterfall.
Kemudian perancangan dilakukan dengan proses UML (Unfied Modelling
Language) dengan use case diagram, flowchart kemudian di terapkan kedalam
aplikasi menggunakan Eclipse serta ADT (Android Development Tool) untuk
pembuatan aplikasi berbasis android.
Hasil yang diperoleh berdasarkan kuisioner yang dilakukan kepada 11
responden yang terdiri dari 3 penjual dan 8 pembeli terhadap aplikasi didapatkan
Presentase Interpretasi sebesar 92% dari responden penjual dan 87% dari responden
pembeli. Dengan demikian dapat diambil rata-rata dari kedua presentase
interpretasi keduanya yaitu 89,5% bahwa aplikasi yang telah dibuat dapat
bermanfaat untuk membantu sistem penjualan di Batik Puspa Kencana.

Kata kunci : android, penjualan, batik, teknologi informasi.

xix