Aplikasi Pencarian Barang Elektronik Menggunakan Recommender System Berbasis Website.

(1)

ABSTRAK

Melakukan pencarian barang elektronik dengan cara mendatangi toko merupakan cara yang tidak efektif. Perbedaan harga antar toko membuat pencarian barang semakin sulit. Sementara berbelanja online melalui e-commerce merupakan hal yang sudah biasa di negara seperti Amerika dan Inggris, di Indonesia hal ini masih jarang dilakukan. Penggunaan e-commerce membuat pencarian barang dan perbandingan harga menjadi lebih mudah. Aplikasi ini dapat membuat pencarian harga barang dapat menjadi lebih mudah. Dengan adanya fitur rekomendasi juga dapat membantu member untuk mendapat barang yang diinginkan. Situs e-commerce yang menjadi sumber data adalah bhinneka.com.

(2)

vii

ABSTRACT

Searching electronics stuff by visiting store one by one is a ineffective way to do. Differences in price between stores only make it harder. While shopping online by e-commerce is a common thing in foreign countries like America and England, in Indonesia is still a rare thing to do. Using e-commerce made searching for stuff and do a price comparison easier. This application can help price searching for stuff easier. With its recommendation feature it can help its member to get desired stuff. E-commerce site that used as source is bhinneka.com.

(3)

Daftar Isi

LEMBAR PENGESAHAN ... Error! Bookmark not defined.

PERNYATAAN ORISINALITAS LAPORAN PENELITIAN ... ii

PERNYATAAN PUBLIKASI LAPORAN PENELITIAN... iii

PRAKATA ... iv

ABSTRAK ... vi

ABSTRACT ... vii

Daftar Isi... vii

Daftar Gambar ... xi

Daftar Tabel ... xiii

Daftar Simbol ...xv

BAB IPENDAHULUAN ...1

1.1. Latar Belakang Masalah ... 1

1.2. Rumusan Masalah ... 2

1.3. Tujuan ... 2

1.4. Batasan Masalah ... 2

1.5. Sistematika Pembahasan ... 3

BAB IILANDASAN TEORI ...5

2.1 Website Crawler ... 5

2.2 User Profiling... 6

2.3 Recommender System ... 6

2.3.1. Collaborative System... 7

2.3.2. Content-Based System... 7

2.3.3. Hybrid System ... 8

2.4 PHP ... 8

2.4.1. OOP PHP ... 8

(4)

viii

3.1 Analisis Aplikasi ... 11

3.2 Gambaran Global ... 12

3.3 Disain Aplikasi ... 15

3.3.1 Sign Up ... 17

3.3.2 Log In ... 19

3.3.3 Recommender ... 20

3.3.4 View ... 22

3.3.5 Pencarian ... 23

3.3.6 Atur Sumber ... 25

3.3.7 Sarankan Sumber ... 27

3.3.8 Atur Saran ... 28

3.3.9 Statistik ... 29

3.3.10 Update ... 30

3.3.11 Atur Update Otomatis ... 31

3.3.12 EditUpdate ... 32

3.3.13 EditUpdate Satuan ... 34

3.4 ERD ... 35

3.5 ERD to Table ... 36

3.5.1 Tabel taccount ... 36

3.5.2 Tabel tuser ... 37

3.5.3 Tabel tprofile ... 37

3.5.4 Tabel tmenu ... 37

3.5.5 Tabel tsuggest ... 38

3.5.6 Tabel tlog ... 38

3.5.7 Tabel twebsite ... 38

3.5.8 Tabel tbarang ... 39

3.5.9 Tabel trelasi ... 39

(5)

3.6.1 Halaman MasterPage ... 39

3.6.2 Halaman Rekomendasi ... 40

3.6.3 Halaman Daftar ... 41

3.6.4 Halaman Pencarian ... 42

3.6.5 Halaman Sarankan Sumber ... 43

3.6.6 Halaman Atur Sumber ... 44

3.6.7 Halaman Atur Saran ... 45

3.6.8 Halaman View ... 47

3.6.9 Halaman Statistik ... 48

3.6.10 Halaman Relasi Kategori Barang ... 49

3.6.11 Halaman Atur Update Otomatis ... 50

3.6.12 Halaman EditUpdate ... 51

3.6.13 Halaman EditUpdate Satuan... 52

BAB IVPENGEMBANGAN PERANGKAT LUNAK...54

4.1 Implementasi Penyimpanan Data ... 54

4.2 Implementasi Antarmuka ... 54

4.2.1 MasterPage ... 54

4.2.2 Rekomendasi ... 55

4.2.3 Pencarian ... 56

4.2.4 View ... 57

4.2.5 Daftar ... 59

4.2.6 Sarankan Sumber Baru ... 60

4.2.7 Atur Sumber ... 60

4.2.8 Atur Saran ... 61

4.2.9 Statistik ... 62

4.2.10 Relasi Antar Barang ... 62

4.2.11 Atur Update Otomatis ... 63

(6)

4.2.13 EditUpdate Satuan ... 65

BAB VTESTING DAN EVALUASI SISTEM ...66

5.1 BlackBox Testing ... 66

5.2.1 User Non-Member ... 66

5.2.2 User Member... 68

5.2.3 Admin... 69

5.2 Uji Kelayakan Dan Respon Pengguna ... 74

5.2.4 Hasil Pengujian Aplikasi ... 74

BAB VIKESIMPULAN DAN SARAN ...75

6.1 Kesimpulan ... 75

6.2 Saran ... 75

DAFTAR PUSTAKA ...76 Lampiran A – Kode Program ... A-1 Lampiran B - Data Penulis ...B-1

(7)

Daftar Gambar

Gambar 3.1 Gambaran Global ...12

Gambar 3.2 Fitur Utama ...13

Gambar 3.3 Use Case Diagram Aplikasi Pencarian Barang ...16

Gambar 3.4 ActivityDiagramSignUp ...17

Gambar 3.5 ActivityDiagramLogIn ...19

Gambar 3.6 ActivityDiagramRecommender ...21

Gambar 3.7 ActivityDiagramView ...22

Gambar 3.8 ActivityDiagram Pencarian ...24

Gambar 3.9 ActivityDiagram Atur Sumber ...26

Gambar 3.10 ActivityDiagram Sarankan Sumber ...27

Gambar 3.11 ActivityDiagram Atur Saran ...28

Gambar 3.12 ActivityDiagram Statistik ...29

Gambar 3.13 ActivityDiagramUpdate ...30

Gambar 3.14 ActivityDiagram Atur Update Otomatis ...31

Gambar 3.15 ActivityDiagramEditUpdate ...33

Gambar 3.16 ActivityDiagramEditUpdate Satuan ...34

Gambar 3.17 ERD ...35

Gambar 3.18 Halaman MasterPage ...40

Gambar 3.19 Halaman Rekomendasi ...41

Gambar 3.20 Halaman Daftar ...42

Gambar 3.21 Halaman Pencarian ...43

Gambar 3.22 Halaman Sarankan Sumber ...44

Gambar 3.23 Halaman Atur Sumber ...45

Gambar 3.24 Halaman Atur Saran(Pilih) ...46

(8)

xii

Gambar 3.26 Halaman View ...48

Gambar 3.27 Halaman Statistik ...49

Gambar 3.28 Halaman Relasi Kategori Barang ...50

Gambar 3.29 Halaman Atur Update Otomatis ...51

Gambar 3.30 Halaman EditUpdate ...52

Gambar 3.31 Halaman EditUpdate Satuan ...53

Gambar 4.1 Implementasi ERD ...54

Gambar 4.1 adalah hasil implementasi dari Gambar 3.15 ERD. ...54

Gambar 4.2 MasterPage ...55

Gambar 4.3 Rekomendasi ...55

Gambar 4.4 Pencarian Awal ...56

Gambar 4.5 Pencarian Akhir(List) ...56

Gambar 4.6 Pencarian Akhir(Grid)...57

Gambar 4.7 View ...58

Gambar 4.8 Daftar ...59

Gambar 4.9 Survey ...59

Gambar 4.10 Sarankan Sumber Baru ...60

Gambar 4.11 Atur Sumber ...60

Gambar 4.12 Atur Saran Awal ...61

Gambar 4.13 Atur Saran Akhir ...61

Gambar 4.14 Contoh Statistik ...62

Gambar 4.15 Relasi Antar Barang(Awal) ...63

Gambar 4.16 Relasi Antar Barang(Akhir) ...63

Gambar 4.17 Atur Update Otomatis ...64

Gambar 4.18 EditUpdate ...64

(9)

Daftar Tabel

Tabel 3.1 taccount ...36

Tabel 3.2 tuser ...37

Tabel 3.3 tprofile ...37

Tabel 3.4 tmenu ...37

Tabel 3.5 tsuggest...38

Tabel 3.6 tlog ...38

Tabel 3.7 twebsite ...38

Tabel 3.8 tbarang ...39

Tabel 3.9 trelasi ...39

Tabel 5.1 Test Case Log In ...66

Tabel 5.2 Test Case Pencarian ...66

Tabel 5.3 Test Case Daftar ...67

Tabel 5.4 Test Case Log In ...68

Tabel 5.5 Test Case Pencarian ...68

Tabel 5.6 Test Case Sarankan Sumber ...69

Tabel 5.7 Test Case Log In ...69

Tabel 5.8 Test Case Pencarian ...70

Tabel 5.9 Test Case Daftar ...70

Tabel 5.10 Test Case Sarankan Sumber ...71

Tabel 5.11 Test Case Atur Sumber ...71

Tabel 5.12 Test Case Atur Saran...72

Tabel 5.13 Test Case Statistik ...72

Tabel 5.14 Test Case Relasi Kategori Barang ...72

Tabel 5.15 Test Case Atur Update Otomatis ...73

(10)

xiv

Tabel 5.17 Test Case EditUpdate Satuan ...74 Tabel 5.18 Hasil Penilaian ...74

(11)

Daftar Simbol

Daftar Simbol 1 ERD

Nama Simbol Penjelasan

Entity

Pengguna

Individu yang mewakili sesuatu yang nyata dan dapat dibedakan dari sesuatu yang lain, dapat berupa orang, tempat, objek, kejadian.

Attributes

NIK

Mendeskripsikan karakteristik dari suatu entitas.

Relation

Melakukan

Menunjukkan adanya

hubungan di antara sejumlah entitas yang berasal dari himpunan entitas yang berbeda.

One to Many

Nomor Rekening Memiliki

Nasabah

One-to-many relationship yang disingkat sebagai 1:M, terjadi ketika satu kejadian dari entitas pertama dapat berhubungan ke beberapa kejadian dari entitas kedua, tetapi setiap kejadian dari entitas kedua dapat dikaitkan hanya dengan satu kejadian dari entitas pertama.

Many to One

Dosen Wali Memiliki

Mahasiswa

Many-to-One relationship yang disingkat sebagai M : 1, terjadi ketika satu kejadian dari entitas kedua dapat berhubungan ke beberapa kejadian dari entitas pertama, tetapi setiap kejadian dari entitas pertama dapat dikaitkan hanya dengan satu kejadian dari entitas kedua.

(12)

xvi

Nama Simbol Penjelasan

Many to

Many _Pengguna _Memiliki _Jadwal

Many-to-many relationship yang disingkat sebagai M:N, terjadi ketika satu kejadian dari entitas pertama dapat dikaitkan dengan banyak kejadian dari entitas kedua, dan satu kejadian dari entitas kedua dapat

dikaitkan dengan banyak kejadian dari entitas pertama.

Daftar Simbol 2 Use Case Diagram

Nama Simbol Penjelasan

Actor

Actor1

Entitas eksternal dari sistem

Use Case

UseCase1

Bagian fungsional dari sistem

System

Sistem yang digunakan

Associations

Actor1

UseCase1

Hubungan antara aktor dan use case, aktor menggunakan use case tersebut

Include

UseCase1

UseCase2

«uses» Merupakan use case di mana jika

use case yang satu meng-include use case yang lain maka use case yang di-include harus dilakukan

(13)

Komponen Nama Keterangan

Action State dari sistem yang mencerminkan

eksekusi dari suatu aksi

Start State Bagaimana objek dibentuk atau diawali

End State Bagaimana objek dibentuk dan

diselesaikan

State Transitio Menunjukkan kegiatan berikut setelah

suatu kegiatan

Fork Percabangan yang menunjukkan aliran

pada Activity diagram

Join Penggabungan yang menjadi arah aliran

pada Activity diagram

(14)

BAB I

PENDAHULUAN

1.1. Latar Belakang Masalah

Mengikuti perkembangan teknologi saat ini, barang-barang elektronik seperti smart phone, tablet, printer, mouse, maupun keyboard banyak di cari dan memiliki banyak varian sehingga toko elektronik mejadi salah satu tempat yang selalu ramai oleh pembeli. Berbagai macam aksesoris yang disediakan untuk gadget atau peralatan elektronik lainnya yang banyak dicari juga menjadi salah satu alasan pembeli mendatangi toko elektronik. Banyaknya toko elektronik dengan kelebihan dan kualitas barang masing-masing membuat pilihan pembeli semakin banyak. Menurut artikel yang membahas mengenai perkembangan penjualan elektronik dari industry.kontan.co.id, penjualan elektronik terus meningkat. Hal ini dapat dilihat dari peningkatan penjualan elektronik sebesar 11% pada tahun 2008, 10% pada tahun 2009, 25% pada tahun 2010, 115% pada tahun 2011, 28% pada tahun 2012, dan perkiraan 15% pada tahun 2013 [1].

Berbagai toko elektronik membuat pembeli bingung untuk memilih terutama dengan perbedaan harga yang cukup signifikan. Salah satu artikel pada kompas.com menjelaskan bahwa toko elektronik besar yang dikenal dengan harga yang murah dapat menipu pembeli. Artikel tersebut mengatakan bahwa harga pada salah satu tempat elektronik di Jakarta, dapat lebih mahal dibanding dengan toko yang mungkin belum anda kenal. Perbedaan harga antar toko juga telah membuat pembeli bingung memilih tempat berbelanja, di tambah lagi dengan banyaknya tempat-tempat yang menjual barang elektronik yang sulit untuk dikunjungi semua untuk membandingkan harga [2].

Pembuatan aplikasi ini bertujuan untuk memudahkan pembeli dalam mencari barang atau membandingkan harga barang. Penentuan urutan penampilan daftar barang dapat membantu pembeli dalam mengetahui barang popular dari barang yang dicari. Aplikasi ini juga dapat membantu pembeli untuk menentukan toko elektronik mana yang akan dikunjungi.

(15)

1.2. Rumusan Masalah

Berdasarkan latar belakang masalah 1.1, maka dapat dibuat rumusan masalah. Rumusan masalah yang ada sebagai berikut:

1. Bagaimana aplikasi dapat membantu pembeli untuk menemukan barang yang dicari dan membantu untuk menentukan pilihan barang melalui kategori pada profil user?

2. Bagaimana cara aplikasi dapat memberi rekomendasi dan dapat memberikan data barang yang dicari pembeli dengan penyajian data yang membantu pembeli?

1.3. Tujuan

Berdasarkan rumusan masalah 1.2, berikut adalah tujuan pembahasan: 1. Aplikasi dapat membantu pembeli untuk mengetahui harga barang yang

dicari.

2. Aplikasi dapat memberi rekomendasi secara personal dengan mengikuti profil pembeli yang didapat dari data barang yang pernah dilihat dan dapat menyajikan data dengan cara yang membantu pembeli.

1.4. Batasan Masalah

Batasan masalah untuk aplikasi sebagai berikut:

1. Aplikasi pencarian hanya menampilkan barang dari situs sumber yang terdaftar di database.

2. Member hanya dapat menyarankan situs untuk menjadi salah satu sumber pencarian, admin yang akan menentukan situs-situs yang menjadi sumber pencarian.

3. Aplikasi hanya akan membantu menyajikan data mengikuti kategori pada profil user yang didapat bila user melakukan survey pada awal registrasi dan log saat user melihat barang.

(16)

4. Pencarian pada aplikasi membutuhkan kata kunci yang detil untuk dapat mencari barang secara spesifik.

1.5. Sistematika Pembahasan

Proses penyusunan laporan, sistematika penulisan yang akan digunakan adalah sebagai berikut:

Bab I. Pendahuluan

Bab ini digunakan untuk menjelaskan latar belakang permasalahan yang menjelaskan seperti apa masalah yang terjadi saat ini, rumusan masalah dan tujuan yang menjelaskan inti permasalahan dan cara pemecahannya, batasan masalah untuk yang dapat ditangani aplikasi, dan sistematika penulisan.

Bab II. Landasan Teori

Bab ini akan menjelaskan mengenai recommender system, web crawling, user profiling dan OOP PHP yang berkaitan dengan pembuatan aplikasi dan sistem. Bab III. Analisis dan Disain

Bab ini digunakan untuk menjelaskan cara kerja aplikasi secara umum, cara pencarian data barang, cara sistem melakukan rekomendasi UML diagram, ERD, dan gambaran rancangan antarmuka.

Bab IV. Pengembangan Perangkat Lunak

Bab ini digunakan untuk menjelaskan perencanaan dan pengembangan aplikasi dalam membuat sistem pencarian barang, sistem rekomendasi dan implementasi fitur-fitur aplikasi, penjelasan mengenai fungsi-fungsi aplikasi dan User Interface Design yang sudah dibuat.

Bab V. Testing dan Evaluasi Sistem

Bab ini berisikan hasil pengujian aplikasi untuk mencari kesalahan dalam pemrograman dan evaluasi aplikasi yang akan dilakukan dengan menguji aplikasi pada pengguna yang akan diminta untuk mengisi survey hasil pengujian.

Bab VI. Kesimpulan dan Saran

Bab ini digunakan menarik kesimpulan dari hasil survey mengenai aplikasi dan saran untuk pengembangan aplikasi lebih lanjut.

(17)

Bagian yang berisi tentang daftar sumber-sumber informasi yang digunakan untuk mendukung pembuatan proyek.

(18)

BAB VI

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Kesimpulan yang didapat berdasarkan tujuan yang telah disampaikan pada BAB I adalah:

1. Aplikasi yang dibuat dapat mencari data barang baik pada database maupun pada situs sumber yang menjadi referensi pencarian barang sehingga pembeli dapat mengetahui harga barang untuk menjadi pembanding pada situs lain atau toko/retail yang ada. 2. Aplikasi yang dibuat dapat menyajikan data pencarian atau

rekomendasi sesuai dengan preferensi/profil user sehingga data ditampilkan dengan mengutamakan barang yang sesuai dengan preferensi/profil user diikuti dengan barang lainnya.

6.2 Saran

Untuk pengembangan aplikasi ini agar lebih baik, penulis menyarankan beberapa hal:

1. Aplikasi dapat digunakan untuk langsung melakukan transaksi pembelian barang baik langsung pada situs referensi ataupun menggunakan aplikasi sebagai pihak ketiga.

2. Aplikasi dapat menggunakan teori advance collaborative recommender system seperti yang dimiliki Gerald Haubl, Benedict G. C. Dellaert, Kyle G. Murray, and Valerie Trifts untuk membuat kategori yang dimiliki setiap barang lebih spesifik sehingga sistem dapat memberi rekomendasi yang lebih terperinci sesuai dengan kategori barang tersebut.

(19)

DAFTAR PUSTAKA

[1] M. Riska, 07 January 2013. [Online]. Available:

http://industri.kontan.co.id/news/penjualan-elektronik-tahun-ini-diprediksi-15. [Accessed 20 September 2013].

[2] W. Kota, 25 Agustus 2008. [Online]. Available:

http://nasional.kompas.com/read/2008/08/25/09462194/pedagang.glodok.kelabui.kon sumen. [Accessed 20 Sepetmber 2013].

[3] M. N. Christopher Olston, Web Crawling, Hanover, NA, USA: Now Publishers Inc, 2010.

[4] M. S. Brij Masand, Web Usage Analysis and User Profiling, San Diego, CA, USA: Springer, 1999.

[5] A. F. G. F. Markus Zanker, Recommender Systems: An Introduction, New York: Cambridge , 2011 .

[6] B. Sidik, Pemrograman Web PHP, Bandung: Informatika, 2001.

[7] M. K. Ir. M. FARID AZIS, Object Oriented Programming Php 5, Jakarta: Elex Media Komputindo, 2005.

[8] A. Kadir, PHP, Mastering Ajax dan CSS, Yogyakarta: Informatika, 2009.

[9] A. Saputra, F. Agustin and A. Solution, Trik dan Plugin Terbaik JQuery, Jakarta: PT Elex Media Komputindo, 2011.

[10] R. S. Pressman, Software Engineering A Practitioner's Approach, New York: MacGraw-Hill Book Co, 2001.

[11] Fathansyah, Basis Data(Cetakan ke-4), Bandung: Informatika, 2002.

[12] R. V. Imbar and B. R. Suteja, Pemrograman Web-Commerce dengan Oracle dan ASP, Bandung: Informatika, 2006.

[13] M. &. S. J. A. Chonoles, UML 2 for dummies, Indianapolis, Indiana: Wiley Publishing, 2003.

(1)

BAB I

PENDAHULUAN

1.1. Latar Belakang Masalah

gadget atau peralatan elektronik lainnya yang banyak dicari juga menjadi salah satu alasan pembeli mendatangi toko elektronik. Banyaknya toko elektronik dengan kelebihan dan kualitas barang masing-masing membuat pilihan pembeli semakin banyak. Menurut artikel yang membahas mengenai perkembangan penjualan elektronik dari industry.kontan.co.id, penjualan elektronik terus meningkat. Hal ini dapat dilihat dari peningkatan penjualan elektronik sebesar 11% pada tahun 2008, 10% pada tahun 2009, 25% pada tahun 2010, 115% pada tahun 2011, 28% pada tahun 2012, dan perkiraan 15% pada tahun 2013 [1].

(2)

1.2. Rumusan Masalah

Berdasarkan latar belakang masalah 1.1, maka dapat dibuat rumusan masalah. Rumusan masalah yang ada sebagai berikut:

1. Bagaimana aplikasi dapat membantu pembeli untuk menemukan barang yang dicari dan membantu untuk menentukan pilihan barang melalui kategori pada profil user?

2. Bagaimana cara aplikasi dapat memberi rekomendasi dan dapat memberikan data barang yang dicari pembeli dengan penyajian data yang membantu pembeli?

1.3. Tujuan

Berdasarkan rumusan masalah 1.2, berikut adalah tujuan pembahasan: 1. Aplikasi dapat membantu pembeli untuk mengetahui harga barang yang

dicari.

2. Aplikasi dapat memberi rekomendasi secara personal dengan mengikuti profil pembeli yang didapat dari data barang yang pernah dilihat dan dapat menyajikan data dengan cara yang membantu pembeli.

1.4. Batasan Masalah

Batasan masalah untuk aplikasi sebagai berikut:

1. Aplikasi pencarian hanya menampilkan barang dari situs sumber yang terdaftar di database.

2. Member hanya dapat menyarankan situs untuk menjadi salah satu sumber pencarian, admin yang akan menentukan situs-situs yang menjadi sumber pencarian.

3. Aplikasi hanya akan membantu menyajikan data mengikuti kategori pada profil user yang didapat bila user melakukan survey pada awal registrasi dan log saat user melihat barang.

(3)

4. Pencarian pada aplikasi membutuhkan kata kunci yang detil untuk dapat mencari barang secara spesifik.

1.5. Sistematika Pembahasan

Proses penyusunan laporan, sistematika penulisan yang akan digunakan adalah sebagai berikut:

Bab I. Pendahuluan

Bab II. Landasan Teori

Bab ini akan menjelaskan mengenai recommender system, web crawling, user profiling dan OOP PHP yang berkaitan dengan pembuatan aplikasi dan sistem. Bab III. Analisis dan Disain

Bab ini digunakan untuk menjelaskan cara kerja aplikasi secara umum, cara pencarian data barang, cara sistem melakukan rekomendasi UML diagram, ERD, dan gambaran rancangan antarmuka.

Bab IV. Pengembangan Perangkat Lunak

Bab V. Testing dan Evaluasi Sistem

Bab VI. Kesimpulan dan Saran

Bab ini digunakan menarik kesimpulan dari hasil survey mengenai aplikasi dan saran untuk pengembangan aplikasi lebih lanjut.

(4)

Bagian yang berisi tentang daftar sumber-sumber informasi yang digunakan untuk mendukung pembuatan proyek.

(5)

BAB VI

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Kesimpulan yang didapat berdasarkan tujuan yang telah disampaikan pada BAB I adalah:

1. Aplikasi yang dibuat dapat mencari data barang baik pada database

maupun pada situs sumber yang menjadi referensi pencarian barang sehingga pembeli dapat mengetahui harga barang untuk menjadi pembanding pada situs lain atau toko/retail yang ada. 2. Aplikasi yang dibuat dapat menyajikan data pencarian atau