34

Universitas Internaional Batam

BAB IV

ANALISIS DAN PEMBAHASAN

4.1 Analisis Kebutuhan Sistem

Komponen-komponen yang dibutuhkan untuk membangun sistem Mobile

application berbasis android dengan metode web scraping berdasarkan hasil analisa

kebutuhan adalah sebagai berikut.

1. Kebutuhan Perangkat Keras

Komputer / laptop dengan spesifikasi :

a. Processor : Intel core i5-8250U 1.8GHz

b. Memori RAM : 8 GB atau lebih

c. Kapasitas Hardisk : 500 GB atau lebih

d. Jaringan WIFI / LAN

2. Kebutuhan Perangkat Lunak

a. Operating System (OS) : Windows 10

b. Browser Google Chrome

c. Software : Android Studio

3. Kebutuhan Pengguna / User

a. Smartphone berbasis Android

Uminasha Puteri, Perancangan Sistem Mobile Pencarian Image File dan Jasa di Bidang Illustrasi dan Photography dengan Metode Web Scraping, 2018 UIB Repository@2018

35

Universitas Internaional Batam

4.2 Tampilan Sistem

1. Tampilan Splash screen

Tampilan Splash Screen adalah tampilan yang muncul saat aplikasi

pertama kali dijalankan. Pengguna akan diminta untuk login ke dalam account

deviantart mereka sebelum masuk kedalam sistem. Jika belum memiliki account,

pengguna dapat membuat satu terlebih dahulu. Login hanya perlu dilakukan sekali

saja. Gambar 4.1 adalah tampilan default untuk login dari Deviantart.

Gambar 4.1 Tampilan Login Page

Uminasha Puteri, Perancangan Sistem Mobile Pencarian Image File dan Jasa di Bidang Illustrasi dan Photography dengan Metode Web Scraping, 2018 UIB Repository@2018

36

Universitas Internaional Batam

2. Tampilan Home Page

Gambar 4.2 menampilkan tampilan utama saat pengguna masuk kedalam

aplikasi. Pengguna dapat langsung melakukan pencarian gambar pada menu home

dengan menggunakan keyword.

Gambar 4.2 Tampilan Home Page

3. Tampilan Search

Tampilan Search adalah tampilan khusus untuk search atau melakukan

pencarian gambar. Pengguna dapat memasukan keyword kedalam textbox untuk

melakukan pencarian. Gambar 4.3 menunjukkan tampilan search.

Uminasha Puteri, Perancangan Sistem Mobile Pencarian Image File dan Jasa di Bidang Illustrasi dan Photography dengan Metode Web Scraping, 2018 UIB Repository@2018

37

Universitas Internaional Batam

Gambar 4.3 Tampilan Search

Dan untuk tampilan hasil search, setelah mengisi keyword pada textbox

yang disediakan baik search melalu home page maupun search page akan

menampilkan hasil pencarian dalam bentuk gambar thumbnails dan button untuk

download gambar tersebut seperti yang di tampilkan pada Gambar 4.4.

Uminasha Puteri, Perancangan Sistem Mobile Pencarian Image File dan Jasa di Bidang Illustrasi dan Photography dengan Metode Web Scraping, 2018 UIB Repository@2018

38

Universitas Internaional Batam

Gambar 4.4 Tampilan Hasil Search

5. Tampilan Job Services

Gambar 4.5 adalah tampilan untuk menu Job Services menampilkan hasil

pencarian dalam bentuk list. Pengguna dapat melihat list pihak yang menawarkan

jasa dan melihat detailnya. Pada halaman Job Services ini, hasil pencarian yang

ditampilkan tidak hanya menawarkan jasa ilustrasi saja, ada juga animasi, 3D

modeling, programming khususnya untuk development game, dan design CSS

untuk halaman Deviantart agar lebih menarik.

Uminasha Puteri, Perancangan Sistem Mobile Pencarian Image File dan Jasa di Bidang Illustrasi dan Photography dengan Metode Web Scraping, 2018 UIB Repository@2018

39

Universitas Internaional Batam

Gambar 4.5 Tampilan Job Services

Saat memilih salah satu dari List Job Services, muncul tampilan detail

mengenai Job Services tersebut. Pada Gambar 4.6, tampilan detail Job Service,

kebanyakan memberikan sample work dan persyaratan untuk menggunakan jasa

mereka.

Uminasha Puteri, Perancangan Sistem Mobile Pencarian Image File dan Jasa di Bidang Illustrasi dan Photography dengan Metode Web Scraping, 2018 UIB Repository@2018

40

Universitas Internaional Batam

Gambar 4.6 Tampilan Detail Job Services

4.3 Pengujian Sistem Android

Tahap selanjutnya adalah tahap pengujian sistem. Berikut ini adalah hasil

pengujian aplikasi android berbasis metode web scraping.

1. Pencarian gambar dengan keyword tertentu

Pada pengujian pencarian gambar, digunakan beberapa keyword yang

sama dengan format penulisan yang berbeda. Tabel 1.1 berikut berisikan format

penulisan keyword dan hasil pengujiannya.

Uminasha Puteri, Perancangan Sistem Mobile Pencarian Image File dan Jasa di Bidang Illustrasi dan Photography dengan Metode Web Scraping, 2018 UIB Repository@2018

41

Universitas Internaional Batam

Tabel 1.1 Tabel Keyword

No Keyword yang digunakan Hasil

1 #Flower Ada

2 Flower Sketch Ada

3 Flower Ada

4 Tulipflower Ada

5 Tulip Flower Ada

Dari hasil pengujian pada Tabel 1.1, dapat disimpulkan bahwa API yang

disediakan oleh Deviantart dapat menerima lebih dari 1 kata sebagai keyword

untuk pencariannya dan hasil pencarian yang ditampilkan sesuai dengan keyword

yang dimasukan namun, lebih mengarah ke ilustrasi.

2. Mendownload Gambar hasil pencarian

Untuk mendownload file gambar tersebut, hanya perlu klik button

download. Dan gambar yang akan di download sesuai dengan preview yang

ditampilkan.

3. Penggunaan Job Services / pencarian jasa

Untuk Job Services, hasil list yang ditampilkan sudah di filter sehingga,

list yang muncul sudah merupakan tawaran jasa. Pengguna dapat melihat jasa apa

saja yang ditawarkan. Jika pengguna ingin menghubungi penyedia jasa, pengguna

dapat melakukan klik pada nama / username mereka, dan akan dialihkan ke

halaman profil penyedia jasa tersebut.

Uminasha Puteri, Perancangan Sistem Mobile Pencarian Image File dan Jasa di Bidang Illustrasi dan Photography dengan Metode Web Scraping, 2018 UIB Repository@2018