Vol.15 No.2. Agustus 2013
Jurnal Momentum
ISSN : 1693-752X
REKAYASA WEB UNTUK PEMESANAN HANDPHONE BERBASIS JQUERY PADA PERMATA CELL Indra Warman, M.Kom, Atma Zahni Dosen Jurusan Teknik Informatika, Fakultas Teknologi Industri Mahasiswa Teknik Informatika, Fakultas Teknologi Industri Institut Teknologi Padang Jl. Gajah Mada, Kandis Nanggalo, Padang
Abstract Information technology is now increasingly prevalent in many areas and can not be avoided. The use of technology has become the main requirement to support the quality of the field and become the most important capital in a company ahead of the competition. One form of this competition is to improve customer service. Problems encountered in serving consumers to order. To improve and facilitate the service to consumers would require a web information system. Overcoming it is then designed a webbased order system. The purpose of this study is to design a web. This web makes it easy for the customer in terms of, the cost and time as well as helped the store to serve the consumer ordering. Based on the study, expected to improve the effectiveness, efficiency of the stores in serving consumers. Keywords: online ordering, consument, Web
PENDAHULUAN commerces dengan menggunakan PHP dan MySQL untuk keperluan penjualan dan pembelian Handphone dapat mempermudah proses transaksi penjualan pembelian handphone bagi suatu perusahaan dan efisiensi waktu dan kemudahan pelayanan pada transaksi jual beli.
Sekarang ini website standar dianggap kurang lagi menarik perhatian pengguna website, karena sekarang orang-orang lebih menyukai sesuatu yang menarik atau tidak monoton dan juga ringan. Maka oleh sebab itu dirancanglah sebuah website yang interaktif, menarik dan juga membuat para pengunjung lebih terkesan yaitu dengan menggunakan JQuery.
Selain itu perancangan website yang dilakukan oleh Abdul Latif pada tahun 2008,yang membangun Website E-commerces berbasis PHP dan MySQL yang digunakan untuk membuat orang mudah untuk berbelanja cukup di depan jaringan komputer dan internet, orangpun bisa berbelanja dengan mudah, proses ini pun cukup mudah untuk pembayaran barang yang dibeli pembelian dapat membayar dengan mentransfer di bank yang telah ditentukan.
Berdasarkan latar belakang yang telah dipaparkan, Maka penulis akan mencoba membuat web untuk pemesanan handphone berbasis JQuery pada dalam hal ini penulis akan membahas tentang cara membangun website menggunakan PHP dan database MySQL serta metode Ajax dan Jquery. Sehubungan dengan masalah tersebut maka tujuan dari penelitian ini adalah untuk membangun Aplikasi website dengan menggunakan PHP dan MySQL.
Teknologi Aplikasi Web Aplikasi Web adalah sebuah aplikasi yang menggunakan kemampuan webserver untuk memproses data dan mengirimkannya ke user melalui network/internet.
PENDEKATAN MASALAH Studi Literatur Membangun sebuah website pada akhir-akhir ini sudah banyak dilakukan, diantaranya adalah Katrin Yelina pada tahun 2007, merancang aplikasi Website E30
Vol.15 No.2. Agustus 2013
Jurnal Momentum
ISSN : 1693-752X $b=5; if($a>$b) {echo(“a lebih besar dari pada b”);} elseif {echo(“a lebih kecil dari pada b”);} else {echo(“a sama dengan b”);} ?>
Pengenalan PHP PHP adalah singkatan dari PHP Hypertext Preprocessor yang digunakan sebagai bahasa script server-side dalam pengembangan web yang disisipkan pada dokumen HTML.
Hasilnya adalah:
Gambar 1 While
PHP adalah bahasa scripting yang menyatu dengan HTML dan dijalankan pada serverside. Artinya semua sintaks yang kita berikan akan sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke browser hanya hasilnya saja.
arti dari statement while adalah memberikan perintah untuk menjalankan statement dibawahnya secara berulang-ulang syaratnya terpenuhi.
<Title>
Hasilnya sebagai berikut:
For Cara penulisan statement for adalah sebagi berikut; for (ekspresi1;ekspresi2;ekspresi3)
Gambar 2 Struktur Kontrol
”);}?>
IF Konstruksi IF digunakan untuk melakukan eksekusi suatu statement secara bersyarat.
Hasilnya adalah sebagai berikut:
31
Vol.15 No.2. Agustus 2013
Jurnal Momentum
ISSN : 1693-752X
Switch Statement switch digunakan untuk beberapa nilai serta menjalankan statement tertentu jika nilai variabel sama dengan nilai yang dibandingkan.
Basis data (database) Basis data (database) adalah kumpulan dari berbagai data yang saling berhubungan satu dengan yang lainnya. Basis data tersimpan di perangkat keras, serta dimanipulasi dengan menggunakan perangkat lunak. Pendefinisian basis data meliputi spesifikasi dari tipe data, struktur dan batasan dari data atau informasi yang akan disimpan.
Hasilnya adalah:
Fungsi String Fungsi string digunakan memanipulasi string untuk berbagai macam kebutuhan. Jenjang Database Terdiri dari database, file, record, field dan karakter. Untuk lebih jelasnya dapat dilihat dibawah ini :
Require Statement Require digunakan untuk membaca nilai variabel dan fungsi-fungsi dari sebuah file lain. Include Statement Include akan menyertakan isi suatu file tertentu. Include dapat diletakkan didalam suatu looping misalkan dalam statement for while. ”); echo(“PHP adalah bahasa scripting
”); echo(“----------------------------------
”); echo(“
”); ?>
Normalisasi Normalisasi adalah suatu proses untuk mengubah suatu tabel yang memiliki masalah tertentu ke dalam dua buah tabel atau lebih, 32
Vol.15 No.2. Agustus 2013
Jurnal Momentum
Kelebihan dari Jquery yakni Write less, do more yaitu menyederhanakan penggunaan javascript yang ada, karena kita cukup menggunakan fungsi library javascript yang ada, juga mempercepat coding javascript dalam sebuah website, dibandingkan kita harus memulai sebuah script javascript satu persatu.
yang tidak lagi memiliki masalah tersebut (Abdul Kadir, 2002: 52). SQL dan MySQL A. SQL (Structure Query Language) SQL (Structured Query Language) adalah sebuah bahasa yang dipergunakan untuk mengakses data dalam basis data relasional. Bahasa ini secara de facto merupakan bahasa standar yang digunakan dalam manajemen basis data relasional.
JQuery Selector Selector adalah fungsi utama pada jQuery. Semua fungsi di jQuery dapat diakses melalui selector. Penggunaan paling dasarnya adalah mempassingkan sebuah ekspressi yang kemudian selanjutnya jQuery akan mencari elemen yang cocok. Pada intinya ini adalah fungsi untuk memilih elemen-elemen pada halaman web.
B. MySQL MySQL adalah sebuah manajemen database. Database sekumpulan data yang terstruktur.
sistem adalah
JQuery Manipulation
Kelebihan-kelebihan MySQL
Jquery Manipulation digunakan untuk memanipulasi struktur dokumen. Ada beberapa kategori manipulasi yang disupport oleh jquery yaitu Perubahan Content, kita dapat merubah kontent dari sebuah object dengan dua fungsi yaitu html dan text, bedanya jika menggunakan text maka semua tag-tag html akan dituliskan sebagai mana mestinya.
Selain karena Open Source program, MySQL juga memiliki kelebihan kelebihan yang tak kalah bagusnya dengan Database Server lainnya, seperti SQL server, Sybase bahkan Oracle. Jquery JQuery adalah sebuah framework berbasiskan Javascript. JQuery sama denganJavascript Library yaitu kumpulan kode atau fungsi Javascript siap pakai, sehingga mempermudah dan mempercepat kita dalam membuat kode Javascript. Hal yang menarik dari JQuery adalah penekanan interaksi antara javascript dan HTML. Beberapa kemampuan yang oleh JQuery sebagai berikut: 1. 2. 3. 4. 5. 6.
ISSN : 1693-752X
Contoh $("p").click(function () { var htmlStr = $(this).html(); $(this).text(htmlStr); });
Insert kedalam object. Setelah kita memilih sebuah object, kita dapat memasukkan tab html atau object kedalamnya. ada dua jenis insert yaitu append dan prepend. append menambahkan objek baru setelah value dari object tersebut, sedangkan prepend didepannya.
dimiliki
Memanipulasi elemen HTML Memanipulasi CSS Penanganan event HTML Efek-efek javascript dan animasi Modifikasi HTML DOM AJAX
Contoh $("p").append("<strong>Hello"); $("span").appendTo("#conto"); // Objek dengan ID conto akan dimasukkan kedalam span $("p").prepend("
Hello "); $("span").prependTo("#conto");
Kelebihan dan Kekurangan
33
Vol.15 No.2. Agustus 2013
Jurnal Momentum
ISSN : 1693-752X Waktu penelitian dilaksanakan sekitar awal bulan Juni sampai September 2012.
Insert dikeluar object. Object yang akan ada tambahkan akan ada diluar masing-masing tag yang dipilih.
Data didapat dengan cara wawancara yang dilakukan dengan karyawan toko handphone atau gerai selular, mengamati proses penjualan dan pembelian di toko tersebut dan mempelajari tentang penggunaan metode AjaX.
Contoh $("p").before("<strong>Hello"); $("p").after("<strong>Hello"); $("span").insertAfter("#conto"); $("span").beforeAfter("#conto");
Insert kesekitar object.
Dalam mengumpulkan data penulis menggunakan beberapa metode diantaranya:
Mereplace object. Kita dapat mengganti isi dari object dengan syntax ini.
1. Penelitian Lapangan
Contoh $("button").click(function () { $(this).replaceWith("
" + "
"); });
$(this).text()
Penelitian yang dilakukan dengan cara riset kelapangan untuk memperoleh perbandingan praktek dan teori sehubungan dengan sistem penjualan handphone dengan dengan menggunakan bahasa pemrograman PHPdan MySQL sebagai database, didukung dengan metode ajaX dan sedikit sentuhan Jquery, serta penggunaan XAMPP sebagai webserver
+
Menghapus object. kita dapat menhapus object tertentu. Contoh
2. Penelitian Kepustakaan
Penelitian kepustaan dilakukan dengan cara membaca buku-buku atau literatur yang berhubungan dengan pembahasan masalah.