4 1. Pendahuluan Perkembangan dalam dunia handphone semakin pesat, hampir setiap saat produk handphone baru bertambah. Pesatnya laju pertumbuhan pengguna perangkat seluler membuat kebutuhan informasi akan handphone semakin meningkat. Oleh karena itu informasi mengenai harga dan spesifikasi handphone menjadi dibutuhkan. NetDesain adalah perusahaan pengembang website yang didirikan pada tahun 1999. Penawaran jasa dan produk NetDesain meliputi software product, mobile system, workflow dan enterprise system. Selain sebagai developer, NetDesain sendiri berdedikasi untuk membantu klien dalam memenuhi kebutuhan akan website termasuk konsultasi, desain, pengembangan, testing, implementasi, training dan maintenance. X-Phones.com adalah salah satu website yang dibangun oleh NetDesain yang menawarkan berbagai hal terkait komunitas handphone di Indonesia dan juga memberikan informasi yang berkaitan dengan handphone. Pada website X- Phones.com, para pengguna handphone dapat memperoleh beragam informasi mengenai spesifikasi handphone dari yang terlama sampai yang terbaru, serta harga handphone baru dan bekas. Oleh karena itu informasi yang disajikan harus diperbaharui setiap hari, guna membangun kepercayaan dari pengunjung website X-Phones.com. Selama ini prosedur input dan update data spesifikasi dan harga handphone masih dilakukan secara manual, dengan cara mengumpulkan data harga dan spesifikasi handphone yang akan di-input, membuat list merek dan tipe handphone, melihat field yang dibutuhkan pada website referensi, kemudian data harga dan spesifikasi handphone di-input ke dalam excel. Data harga dan spesifikasi handphone yang telah di-input ke dalam excel akan diperiksa apakah data harga dan spesifikasi handphone ada yang salah atau tidak, apabila tidak ada yang salah maka data harga dan spesifikasi handphone akan di-input-kan ke dalam database. Berdasarkan permasalahan yang ada maka muncul gagasan untuk membangun sebuah Aplikasi Pengambilan Data Harga dan Spesifikasi Handphone dengan Menerapkan Teknik Grabbing. Teknik grabbing dipilih karena dapat mengambil teks atau konten yang terselip pada tag HTML, selain itu juga dapat menelusuri seluruh bagian website serta gratis dalam penerapannya, dan dapat mengambil konten sesuai dengan keinginan dan kebutuhan pengguna. Aplikasi ini akan mengambil data spesifikasi dan harga handphone dengan teknik grabbing sehingga admin tidak perlu lagi melakukan input data harga dan spesifikasi handphone dengan cara mengetikkan data secara manual ke dalam database. Diharapkan aplikasi ini dapat membantu admin dalam proses memasukkan data harga dan spesifikasi handphone secara langsung ke dalam database. 2. Kajian Pustaka Pada penelitian tentang “Aplikasi Web Grabber untuk Mengambil Halaman Web Sesuai dengan Keyword yang Diinputkan”, diperoleh kesimpulan bahwa aplikasi web grabber yang diciptakan mampu melakukan pencarian
16
Embed
Perancangan dan Implementasi Finite Automatarepository.uksw.edu/bitstream/123456789/2407/2/T1_672008058_Full text.pdf · 4 1. Pendahuluan Perkembangan dalam dunia handphone semakin
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
4
1. Pendahuluan
Perkembangan dalam dunia handphone semakin pesat, hampir setiap saat
produk handphone baru bertambah. Pesatnya laju pertumbuhan pengguna
perangkat seluler membuat kebutuhan informasi akan handphone semakin
meningkat. Oleh karena itu informasi mengenai harga dan spesifikasi handphone
menjadi dibutuhkan.
NetDesain adalah perusahaan pengembang website yang didirikan pada
tahun 1999. Penawaran jasa dan produk NetDesain meliputi software product,
mobile system, workflow dan enterprise system. Selain sebagai developer,
NetDesain sendiri berdedikasi untuk membantu klien dalam memenuhi kebutuhan
akan website termasuk konsultasi, desain, pengembangan, testing, implementasi,
training dan maintenance.
X-Phones.com adalah salah satu website yang dibangun oleh NetDesain
yang menawarkan berbagai hal terkait komunitas handphone di Indonesia dan
juga memberikan informasi yang berkaitan dengan handphone. Pada website X-
Phones.com, para pengguna handphone dapat memperoleh beragam informasi
mengenai spesifikasi handphone dari yang terlama sampai yang terbaru, serta
harga handphone baru dan bekas. Oleh karena itu informasi yang disajikan harus
diperbaharui setiap hari, guna membangun kepercayaan dari pengunjung website
X-Phones.com. Selama ini prosedur input dan update data spesifikasi dan harga
handphone masih dilakukan secara manual, dengan cara mengumpulkan data
harga dan spesifikasi handphone yang akan di-input, membuat list merek dan tipe
handphone, melihat field yang dibutuhkan pada website referensi, kemudian data
harga dan spesifikasi handphone di-input ke dalam excel. Data harga dan
spesifikasi handphone yang telah di-input ke dalam excel akan diperiksa apakah
data harga dan spesifikasi handphone ada yang salah atau tidak, apabila tidak ada
yang salah maka data harga dan spesifikasi handphone akan di-input-kan ke
dalam database.
Berdasarkan permasalahan yang ada maka muncul gagasan untuk
membangun sebuah Aplikasi Pengambilan Data Harga dan Spesifikasi
Handphone dengan Menerapkan Teknik Grabbing. Teknik grabbing dipilih
karena dapat mengambil teks atau konten yang terselip pada tag HTML, selain itu
juga dapat menelusuri seluruh bagian website serta gratis dalam penerapannya,
dan dapat mengambil konten sesuai dengan keinginan dan kebutuhan pengguna.
Aplikasi ini akan mengambil data spesifikasi dan harga handphone dengan teknik
grabbing sehingga admin tidak perlu lagi melakukan input data harga dan
spesifikasi handphone dengan cara mengetikkan data secara manual ke dalam
database. Diharapkan aplikasi ini dapat membantu admin dalam proses
memasukkan data harga dan spesifikasi handphone secara langsung ke dalam
database.
2. Kajian Pustaka
Pada penelitian tentang “Aplikasi Web Grabber untuk Mengambil
Halaman Web Sesuai dengan Keyword yang Diinputkan”, diperoleh kesimpulan
bahwa aplikasi web grabber yang diciptakan mampu melakukan pencarian
5
halaman-halaman web sesuai dengan topik yang diinginkan dengan memasukkan
keyword yang diinginkan tanpa perlu membuka halaman web secara manual,
hasilnya yang berupa halaman-halaman web secara otomatis tersimpan pada
komputer dan dapat dilihat secara offline [1]. Selain itu web grabber juga telah
dimanfaatkan oleh sebuah penyedia plugin yang bernama WiseLoop, di mana
pada salah satu demo plugin yaitu PHP Web Grabber, pengguna dapat
memperoleh konten media berupa gambar dari website Flickr.com hanya dengan
memasukkan keyword pada input yang tersedia.
Pada penelitian lain yang berjudul “Perancangan dan Implementasi Music
Downloader Extension Pada Web Browser Dengan Platform Google Chrome”,
diperoleh kesimpulan bahwa aplikasi yang diciptakan bermanfaat karena
memudahkan user dalam pencarian dan pengunduhan lagu yang diinginkan
berdasarkan penyanyi atau judul lagu. Selain itu juga mempermudah dalam
pencarian lirik lagu berdasarkan judul lagu atau penyanyi [2]. Pada Perancangan
dan Implementasi Music Downloader Extension Pada Web Browser Dengan
Platform Google Chrome, proses memperoleh link untuk mengunduh lagu dan
lirik lagu dilakukan dengan mengambil konten dari website lain yang menjadi
referensi.
Berdasarkan penelitian sebelumnya yang membahas tentang web grabber
dan tentang pengunduhan lagu maka melalui penelitian ini akan dibangun sebuah
aplikasi pengambilan data harga dan spesifikasi handphone dengan menerapkan
teknik grabbing, untuk mendapatkan data dari website yang menjadi referensi X-
Phones.com.
Teknik Grabbing
Teknik grabbing adalah teknik mengambil teks atau konten pada situs lain
dengan cURL kemudian diletakkan pada website yang lain. Konsep grabbing
berbeda dari web service, di mana informasi atau data yang diambil tidak
disajikan dalam bentuk tertentu seperti XML ataupun JSON. Data yang diambil
berada pada halaman website atau dengan kata lain terselip pada tag HTML [3].
Pada teknik grabbing, selain membaca file HTML dengan cURL
diperlukan pula sebuah metode untuk mengambil data atau informasi yang terselip
pada file HTML, yaitu dengan function explode() [4]. Konsep dari function
explode() adalah memotong suatu data dalam hal ini tag HTML, berdasar keyword
tertentu dan menghasilkan data array.
Konsep dari teknik grabbing sendiri dalam penerapannya menggunakan
fungsi untuk membaca halaman website dan fungsi untuk memotong tag HTML,
sehingga diperoleh konten atau teks yang dibutuhkan.
cURL
cURL (Client URL), dikembangkan sebagai alat bantu untuk transfer data
dan file dengan sintaks URL melalui bermacam-macam protokol. Fungsi-fungsi
cURL tersimpan dalam libcurl yang tersedia untuk berbagai bahasa pemrograman
termasuk PHP [5].
cURL digunakan untuk mentransfer data dari dan ke server. Sebenarnya
ada banyak perangkat transfer data layaknya cURL, namun cURL memiliki fitur
6
yang lebih lengkap di antara perangkat-perangkat lainnya seperti dukungan
terhadap HTTP, FTP, SFTP, SOCKS, TFTP, IMAP, POP3, SMTP dan lain-lain
[6].
NetDesain
NetDesain adalah perusahaan pengembang website. Perusahaan ini
didirikan pada tahun 1999. Penawaran jasa dan produk NetDesain meliputi
software product, mobile system, workflow dan enterprise system. Selain sebagai
developer, NetDesain sendiri berdedikasi untuk membantu klien dalam memenuhi
kebutuhan akan website termasuk konsultasi, desain, pengembangan, testing,
implementasi, training dan maintenance.
Selain di Bandung, NetDesain juga memiliki cabang di Jakarta. Selama
lebih dari 10 tahun, NetDesain terus mencari inovasi yang terbaik dan tidak
berhenti agar dapat melayani pelanggan dengan lebih baik lagi, maka dari itu
NetDesain terus mengikuti perkembangan web. NetDesain memiliki prinsip yang
selalu ingin memudahkan klien dalam menggunakan produk dari perusahaan ini,
oleh karena itu NetDesain selalu memberi solusi yang terbaik kepada klein dalam
membuat website.
Selama 10 tahun lebih, NetDesain berusaha untuk konsistensi terhadap
komitmen dan dedikasi. Selain itu, konsistensi keahlian tehnik dan manajemen
pengembangan web selalu dipertahankan dengan baik. Prestasi yang dimiliki
NetDesain tentu saja tidak didapat secara mudah. Selain NetDesain mempunyai
developer handal yang memiliki pengalaman dalam mengembangkan website,
team work dalam perusahaan ini sangat baik. Sistem menejemen perusahaan yang
baik dan tenaga kerja yang berkompeten serta promosi yang dikemas secara baik,
tidak heran jika NetDesain bisa dipercaya oleh klien dan tetap berdiri hingga saat
ini. NetDesain juga memberikan solusi web secara total mulai dari pembangunan
website, pemeliharaan website, serta jasa domain dan hosting.
X-Phones.com
X-Phones.com adalah salah satu website yang dibangun oleh NetDesain
yang menawarkan berbagai hal terkait komunitas handphone di Indonesia dan
akan memberikan informasi seputar dunia handphone. Pada website X-
phones.com para pengguna handphone dapat memperoleh beragam informasi
mengenai spesifikasi handphone dari yang terlama sampai yang terbaru, harga
handphone baik handphone baru maupun bekas, selain itu website X-Phones.com
juga menyediakan informasi terbaru mengenai berita, artikel, informasi mengenai
operator baik GSM maupun non-GSM. Website X-Phones.com juga menyediakan
blog dan artikel tentang handphone dan perkembangannya yang berguna bagi
pengguna handphone maupun calon pengguna. Oleh karena itu informasi yang
disajikan harus diperbaharui setiap hari guna membangun kepercayaan dari
pengunjung website X-Phones.com. Selama ini prosedur input dan update data
spesifikasi dan harga handphone masih dilakukan secara manual, dengan cara
mengumpulkan data harga dan spesifikasi handphone yang akan di-input,
membuat list merek dan tipe handphone, melihat field yang dibutuhkan pada
website referensi, kemudian data harga dan spesifikasi handphone di-input ke
dalam excel. Data harga dan spesifikasi handphone yang telah di-input ke dalam
7
excel akan diperiksa apakah data harga dan spesifikasi handphone ada yang salah
atau tidak, apabila tidak ada yang salah maka data harga dan spesifikasi
handphone akan di-input-kan ke dalam database. Oleh karena itu dibutuhkan
aplikasi yang dapat membantu memudahkan admin dalam melakukan input data
harga dan spesifikasi handphone ke dalam database.
3. Metode dan Perancangan Sistem
Prototype Model adalah salah satu metode pengembangan perangkat lunak
yang dibuat dengan pendekatan aspek desain, fungsi dan user-interface.
Penentuan tujuan umum dilakukan oleh developer dan user untuk mengetahui
gambaran dan kebutuhan pada perangakat lunak yang akan dibangun. Bagan
mengenai prototype model dapat dilihat pada Gambar 1
Gambar 1 Bagan Prototype Model [7]
Tahap-tahap dalam protoype model adalah sebagai berikut: (1) Listen to
Customer: Analisis mengenai apa saja yang dibutuhkan dalam membangun
sebuah aplikasi pengambilan data harga dan spesifikasi handphone dengan
menerapkan teknik grabbing. Kebutuhan dari sistem adalah sebagai berikut:
Aplikasi melakukan grabbing untuk mendapatkan data spesifikasi dan harga
handphone yang nantinya disimpan ke dalam database, sehingga tidak perlu
memasukkan data harga dan spesifikasi handphone dengan cara mengetikkan
secara manual, untuk data harga handphone apabila data belum tersimpan akan
ditambahkan, apabila data sudah tersimpan maka akan di-update, untuk
spesifikasi handphone apabila data sudah tersimpan maka saat melakukan
grabbing berikutnya data tidak tampil; (2) Build: Setelah analisis kebutuhan dan
informasi mengenai aplikasi pengambilan data harga dan spesifikasi handphone
dengan menerapkan teknik grabbing, langkah berikutnya adalah membangun
perancangan dengan menggunakan UML (Unified Modelling Languange)
mengenai sistem yang akan dibangun nantinya. Selain itu dilakukan pula
perancangan pada user interface dengan menggunakan software Adobe
Photoshop. Rancangan yang diperoleh kemudian akan diterjemahkan ke dalam
8
bahasa pemrograman PHP 5; (3) Customer Test: Tahap ini dilakukan guna
melihat prototyping yang dihasilkan sudah sesuai dengan yang diharapkan atau
belum. Evaluasi dilakukan dengan menunjukkan rancangan yang telah dibuat.
Apabila belum sesuai maka kembali ke proses awal yaitu pengumpulan kebutuhan
dan membangun prototyping kemudian melakukan evaluasi kembali sampai
prototype sesuai dengan apa yang diharapkan dan sistem siap digunakan.
Perancangan Sistem
Sistem dirancang dengan menggunakan UML (Unified Modelling
Language) yang terdiri dari use case diagram, activity diagram, sequence
diagram, class diagram dan deployment diagram.
Pada use case diagram, seorang admin harus melakukan login terlebih
dahulu ke dalam sistem, di mana login akan menentukan hak akses dari seorang
admin. Pada use case diagram hanya terdapat satu hak akses yaitu admin seperti
pada Gambar 2.
Gambar 2 Use Case Diagram
Admin dapat memilih halaman spesifikasi handphone atau harga
handphone. Pada halaman spesifikasi handphone, admin dapat melihat data
spesifikasi handphone yang telah di-grab, admin juga dapat memilih data
spesifikasi handphone yang akan disimpan ke dalam database. Admin dapat
melihat data spesifikasi handphone yang telah tersimpan pada database dan
admin dapat menghapus data spesifikasi handphone pada database. Sedangkan
pada halaman harga handphone, admin dapat melihat data harga handphone yang
telah di-grab, admin juga dapat memilih data harga handphone yang akan
disimpan ke dalam database. Admin dapat melihat data harga handphone yang
telah tersimpan pada database dan admin juga dapat menghapus data harga
handphone pada database.
9
Class diagram menggambarkan struktur dan deskripsi, entity, boundry,
dan controller serta hubungannya satu sama lain. Aplikasi yang dibuat memiliki
class diagram seperti yang terlihat pada Gambar 3.
Gambar 3 Class Diagram Sistem
Pada class diagram sistem terdapat 3 entity yaitu data_ponsel,
tbharga_ponsel, dan tbuser. Data_ponsel adalah entity yang menampung field-
field data spesifikasi handphone. tbharga_ponsel adalah entity yang menampung
field-field data harga handphone. Selain entity data_ponsel dan entity
tbharga_ponsel, terdapat juga entity tbuser yang menampung data user pengguna
sistem. Entity tbUser terhubung dengan UserController yang menampung fungsi
getUser. Entity data_ponsel terhubung dengan SpesifikasiPonselController yang
berfungsi untuk menampung fungsi-fungsi manipulasi database, selain itu
SpesifikasiPonselController terhubung dengan sebuah boundry yang berupa user
interface. Entity tbharga_ponsel terhubung dengan HargaPonselController yang
berfungsi untuk menampung fungsi-fungsi manipulasi database.
HargaPonselController juga terhubung dengan sebuah boundry yang berupa user
interface.
Deployment diagram berfungsi untuk menampilkan rancangan fisik
jaringan dalam sistem. Pada Gambar 4 menunjukkan bahwa terdapat 4 (Empat)
komponen dalam proses deployment, yaitu Model, Controller, Database, yaitu
sebagai pengakses sistem.
10
Gambar 4 Deployment Diagram Sistem
Pada Gambar 4 terlihat bahwa saat client mengakses sistem dan
mengirimkan request tertentu, maka request akan diproses terlebih dahulu oleh
model yang kemudian akan diteruskan kepada controller. Controller sendiri
menampung fungsi-fungsi yang diperlukan oleh sistem. Saat request dari client
diterima, akan ditentukan fungsi pada controller yang sesuai. Fungsi yang
dieksekusi akan mengakses database ataupun website referensi. Setelah respond
diterima maka respond akan dikembalikan melalui controller, kemudian menuju
model, hingga diterima oleh client.
Perancangan Teknik Grabbing
Perancangan dengan teknik grabbing untuk data spesifikasi handphone
yang diterapkan pada sistem dalam bentuk flowchart ditunjukkan Gambar 5.
11
Gambar 5 Flowchart Teknik Grabbing Pada Sistem
Gambar 5 menjelaskan proses teknik grabbing pada sistem. Proses teknik
grabbing pada sistem adalah sebagai berikut: (1) Proses dimulai dengan admin
memilih merek handphone yang akan diambil datanya; (2) Sistem akan membaca
alamat website referensi sesuai merek yang dipilih dengan fungsi cURL; (3)
Memotong halaman website untuk memperoleh bagian yang dibutuhkan untuk
memperoleh data harga dan spesifikasi; (4) Diperoleh data banyaknya handphone
yang akan diambil datanya; (5) Dilakukan perulangan sejumlah banyaknya data,
di mana pada setiap perulangan akan dilakukan teknik grabbing yang memotong
halaman website sehingga diperoleh detail harga dan spesifikasi setiap
handphone. Untuk memperoleh detail harga dan spesifikasi digunakan delimiter
sesuai dengan tag HTML sehingga konten yang dibutuhkan dapat diperoleh; (6)
Pada spesifikasi handphone proses yang dilakukan adalah memotong halaman
website untuk memperoleh konten general handphone, body handphone, display
handphone, sound handphone, memory handphone, data handphone, camera
handphone, feature handphone, battery handphone, sedangkan pada harga
handphone proses yang dilakukan adalah memotong halaman website untuk
memperoleh data tipe handphone, gambar handphone, harga baru handphone,
harga bekas handphone; (7) Setelah semua data detail handphone diperoleh maka
12
data akan ditampilkan; dan (8) Proses berlangsung terus menerus hingga diperoleh
data harga dan spesifikasi untuk semua tipe handphone.
4. Hasil dan Pembahasan
Penerapan Grabbing Data Spesifikasi Handphone
Kode Program 1 Perintah BacaHTML
Kode Program 2 merupakan sebuah function cURL untuk membaca
halaman HTML menjadi string.
Kode Program 3 Perintah untuk Membaca Alamat Web
Baris 1 pada Kode Program 3 menunjukkan perintah untuk membaca
halaman website referensi sesuai dengan merek yang dipilih.
Kode Program 4 Perintah untuk Memperoleh Banyak Data
Kode Program 4 merupakan kode program memperoleh banyaknya data
tipe handphone yang akan di-grab. Baris 1-5 merupakan perintah untuk
memotong halaman website referensi dan memperoleh banyaknya data dan
disimpan pada variable banyakdata pada baris 6.
Kode Program 5 Perintah Memotong Halaman Spesifikasi Setiap Tipe Handphone