M-COMMERCE AKSESORIS KOMPUTER BERBASIS WAPmmt.its.ac.id/download/SEMNAS/SEMNAS IX/MTI/24. Prosiding...

15
Prosiding Seminar Nasional Manajemen Teknologi IX Program Studi MMT-ITS, Surabaya 14 Pebruari 2009 M-COMMERCE AKSESORIS KOMPUTER BERBASIS WAP Made Kamisutara Jurusan Teknik Informatika. Fakultas Teknologi Informasi. Institut Teknologi Adhi TamaSurabaya. E-mail : [email protected] ABSTRAK M-Commerce merupakan suatu cara belanja dan berdagang yang memanfaatkan fasilitas mobile dimana terdapat situs wap yang dapat menyediakan layanan jual beli antara penjual dan pembeli. Dengan memanfaatkan teknologi wireless dan perkembangan teknologi dewasa ini, maka dibuatlah sebuah sistem mengenai M-commerce Aksesoris Komputer Berbasis WAP di GEN Computer Surabaya. Sistem ini dibuat dengan menggunakan program HTML (Hypertext Markup Language). Pada HTML tersebut ditambahkan skrip WML, skrip PHP, JavaScript dan Dreamweaver MX 2004 sebagai web editornya. Database yang digunakan adalah MySQL. Program ini juga menggunakan virtual bank untuk proses validasi nomor rekening sebagai alat pembayaran. Hasil dari perancangan dan pembuatan sistem ini berupa aplikasi WAP yang dapat menyajikan info sekaligus memberikan gambaran mengenai produk yang dijual oleh GEN Computer Surabaya, sehingga masyarakat dapat melakukan transaksi kapan saja, dimana saja secara non-stop tanpa harus menggunakan komputer. Kata Kunci : M-Commerce, HTML, PHP, WML, MySQL,virtual bank PENDAHULUAN Pada awal tahun 1990-an, Internet telah digunakan sebagian besar untuk mengirim email, perpindahan file dan pengaksesan komputer remote (telnet). Fenomena perubahan teknologi terjadi begitu cepat. Akses internet dan ketersediaan layanan yang begitu banyak telah mendorong terjadinya revolusi dalam dunia perdagangan (commerce) beberapa waktu ini. Perdagangan elektronik (Electronic Commerce), yang disingkat e-commerce, terus berjalan dan kini sudah mempengaruhi lingkungan bisnis yang amat luas. Berbagai teknologi dan aplikasi mulai memusat ke komputasi dan web wireless. Kini telah datang tren yang baru yaitu mobile e-commerce atau disingkat dengan m-commerce. Mobile e-commerce memungkinkan untuk melakukan transaksi bisnis melalui wireless device. Perdagangan elektronik (electronic commerce) adalah pertukaran elektronik (pengiriman atau transaksi) tentang informasi, barang-barang, jasa dan pembayaran atas jaringan telekomunikasi. Aktivitas e-commerce meliputi menetapkan/menentukan dan memelihara hubungan online antara organisasi dengan penyalurnya, dealer, pelanggan, mitra strategis, pengatur dan agen lain yang berhubungan dengan (atau mendukung) saluran pengiriman tradisional. Untuk para penyalur, keuntungan utama M-Commerce adalah adanya kemungkinan untuk memotong biaya pada proses-proses yang berulang, untuk menjangkau pasar yang lebih luas, dan untuk melakukan transaksi dengan pelanggan secara cepat dan murah. Biaya yang lebih murah akan memungkinkan para penyalur untuk bersaing dan pelanggan dapat membeli dengan harga yang lebih murah. M- Commerce juga bermanfaat terhadap pelanggan karena tidak ada batasan apapun lagi dengan akses online dan mereka dapat memilih dan membeli dari pasar yang lebih luas.

Transcript of M-COMMERCE AKSESORIS KOMPUTER BERBASIS WAPmmt.its.ac.id/download/SEMNAS/SEMNAS IX/MTI/24. Prosiding...

Prosiding Seminar Nasional Manajemen Teknologi IXProgram Studi MMT-ITS, Surabaya 14 Pebruari 2009

M-COMMERCE AKSESORIS KOMPUTER BERBASIS WAP

Made KamisutaraJurusan Teknik Informatika. Fakultas Teknologi Informasi.

Institut Teknologi Adhi TamaSurabaya. E-mail : [email protected]

ABSTRAK

M-Commerce merupakan suatu cara belanja dan berdagang yang memanfaatkan fasilitasmobile dimana terdapat situs wap yang dapat menyediakan layanan jual beli antarapenjual dan pembeli. Dengan memanfaatkan teknologi wireless dan perkembanganteknologi dewasa ini, maka dibuatlah sebuah sistem mengenai M-commerce AksesorisKomputer Berbasis WAP di GEN Computer Surabaya. Sistem ini dibuat denganmenggunakan program HTML (Hypertext Markup Language). Pada HTML tersebutditambahkan skrip WML, skrip PHP, JavaScript dan Dreamweaver MX 2004 sebagaiweb editornya. Database yang digunakan adalah MySQL. Program ini jugamenggunakan virtual bank untuk proses validasi nomor rekening sebagai alatpembayaran. Hasil dari perancangan dan pembuatan sistem ini berupa aplikasi WAPyang dapat menyajikan info sekaligus memberikan gambaran mengenai produk yangdijual oleh GEN Computer Surabaya, sehingga masyarakat dapat melakukan transaksikapan saja, dimana saja secara non-stop tanpa harus menggunakan komputer.

Kata Kunci : M-Commerce, HTML, PHP, WML, MySQL,virtual bank

PENDAHULUAN

Pada awal tahun 1990-an, Internet telah digunakan sebagian besar untukmengirim email, perpindahan file dan pengaksesan komputer remote (telnet). Fenomenaperubahan teknologi terjadi begitu cepat. Akses internet dan ketersediaan layanan yangbegitu banyak telah mendorong terjadinya revolusi dalam dunia perdagangan(commerce) beberapa waktu ini.

Perdagangan elektronik (Electronic Commerce), yang disingkat e-commerce,terus berjalan dan kini sudah mempengaruhi lingkungan bisnis yang amat luas. Berbagaiteknologi dan aplikasi mulai memusat ke komputasi dan web wireless. Kini telah datangtren yang baru yaitu mobile e-commerce atau disingkat dengan m-commerce.

Mobile e-commerce memungkinkan untuk melakukan transaksi bisnis melaluiwireless device. Perdagangan elektronik (electronic commerce) adalah pertukaranelektronik (pengiriman atau transaksi) tentang informasi, barang-barang, jasa danpembayaran atas jaringan telekomunikasi. Aktivitas e-commerce meliputimenetapkan/menentukan dan memelihara hubungan online antara organisasi denganpenyalurnya, dealer, pelanggan, mitra strategis, pengatur dan agen lain yangberhubungan dengan (atau mendukung) saluran pengiriman tradisional.

Untuk para penyalur, keuntungan utama M-Commerce adalah adanyakemungkinan untuk memotong biaya pada proses-proses yang berulang, untukmenjangkau pasar yang lebih luas, dan untuk melakukan transaksi dengan pelanggansecara cepat dan murah. Biaya yang lebih murah akan memungkinkan para penyaluruntuk bersaing dan pelanggan dapat membeli dengan harga yang lebih murah. M-Commerce juga bermanfaat terhadap pelanggan karena tidak ada batasan apapun lagidengan akses online dan mereka dapat memilih dan membeli dari pasar yang lebih luas.

Prosiding Seminar Nasional Manajemen Teknologi IXProgram Studi MMT-ITS, Surabaya 14 Pebruari 2009

ISBN : 978-979-99735-7-3C-24-2

Dari uraian diatas maka dapat diambil rumusan masalah sebagai berikut :bagaimana cara memberikan customer service di WAP. bagaimana merancang danmembuat sistem informasi m-commerce mengenai produk yang dipasarkan. bagaimanamembuat proses pencarian produk secara cepat sehingga memudahkan customermemilih produk yang sesuai dengan kebutuhan. bagaimana customer denganmudahnya untuk memesan suatu produk yang sesuai dengan keinginannya. bagaimanaagar memudahkan admin untuk melayani banyaknya pesanan yang dilakukan olehcustomer.

Tujuan yang ingin dicapai dalam pembuatan aplikasi ini adalah : Memberikanpelayanan penjualan produk yang mudah dan bisa memberikan informasi dari suatuproduk yang dijual kepada customer melalui WAP. Membuat informasi daftar produkmelalui WAP, sehingga memudahkan customer untuk menemukan produk sesuaidengan yang diinginkan. Membuat sistem pencarian suatu produk di WAP sesuaikebutuhan customer. Membuat proses transaksi di WAP yang memudahkan customer.Membuat pemeliharaan (maintenance) transaksi bagi admin yang memudahkansehingga nantinya admin tidak akan kesulitan dalam melayani pesanan dari customer.

TINJAUAN PUSTAKA

Mengenal M-Commerce

Pada awal tahun 1990-an, Internet telah digunakan sebagian besar untukmengirim email, perpindahan file dan pengaksesan komputer remote (telnet). Webbrowser, bersama dengan protokol HTTP, adalah killer application yang mendorongpertumbuhan Internet pada perkembangan e-commerce dan untuk penetapan daribanyak perusahaan dot.com. Sesuatu yang serupa akan terjadi untuk Internet wireless[Janner, 2006].

Ada beberapa hal yang menjadi kebutuhan utama dari sistem M-Commerce[Suhendar, 2003]:

Device IndependenceAgar berhasil, sistem M-Commerce secara khusus harus berjalan pada berbagai

platform mobile devices. Contohnya, termasuk telepon konvensioanl (WAP, SMS),PDA. Arsitektur browser-based seperti WAP mungkin cukup untuk beberapa solusi m-commerce, tetapi yang lain akan memerlukan penyebaran suatu aplikasi mobile (sebagaicontoh antarmuka user perdagangan) mobile device.

Bearer IndependenceIni juga berarti wireless bearer yang berbeda perlu untuk didukung: WAP, SMS,

GPRS.

SecurityIdentifikasi, autentifikasi (via security Authority), access control, dan enkripsi

data end-to-end harus didukung untuk solusi m-commerce manapun untuk bisaditerima.

NotificationsKebutuhan yang lain adalah mampu mengirimkan pemberitahuan kepada

pelanggan, menginformasikan bahwa barang telah dikirimkan.

Prosiding Seminar Nasional Manajemen Teknologi IXProgram Studi MMT-ITS, Surabaya 14 Pebruari 2009

ISBN : 978-979-99735-7-3C-24-3

WAP (Wireless Apllication Protocol)

WAP adalah kependekan dari Wireless Application Protocol dan merupakanterminal wireless, yaitu mobile devices, PDA, dan lain-lain. Dengan WAP, seseorangyang mempunyai mobile devices dapat melakukan transaksi, seperti berbelanja,memesan barang lewat internet, dan lain-lain. WAP adalah standar industri yangdikembangkan oleh sekelompok pabrik telekomunikasi (seperti Nokia, Ericsson,Motorola), operator telekomunikasi (seperti Deutche Telecom, AT&T) perusahaan-perusahaan software atau penyedia layanan (seperti Microsoft, IBM, Symbian) [Bunefit,2005 ].

Ketika mobile devices ingin dikoneksikan ke Internet, semua komunikasimelalui WAP gateway. WAP gateway ini akan menerjemahkan semua protokol yangdigunakan pada WAP untuk protokol yang digunakan di Internet.

Gambar 1. Protokol WAP

Protokol dapat didefinisikan sebagai suatu cara atau aturan yang dibakukanuntuk melakukan komunikasi antara satu peralatan jaringan (bisa berupa komputer,switch, hub, dan lain-lain) dengan peralatan jaringan lainnya.

Setiap protokol yang dibuat untuk aplikasi jaringan biasanya mengikuti standaruntuk desainnya. Desain atau standar protokol tersebut merupakan arsitektur protokolyang ditetapkan secara internasional oleh ISO (International Standard Organization).Arsitektur tersebut dinamakan Open System Interconnection (OSI Reference Model)

Tahapan-tahapan dalam arsitektur WAP terdiri atas :

Wireless Application Environment (WAE)Wireless Application Environment ini memiliki fungsi dasar untuk

manggabungkan World Wide Web (WWW) dengan teknologi telepon selular. Objekpokok yang diterapkan pada WAE ini adalah mengatur operasi-operasi yang diterapkanoleh operator dan penyedia layanan untuk membangun aplikasi dan layanan yang dapatdiraih melalui piranti wireless yang berbeda sehingga menghasilkan efisiensi dan datayang berhasil guna. WAE ini berisi Micro Browser yang berfungsi sebagai pendukungWML (Wireless Markup Language). WML ini hampir sama dengan HTML, namunbahasa ini dikhususkan untuk mobile terminal. Pendukung WMLScript, hampir samadengan JavaScript, pendukung antarmuka pemrograman dan layanan telefoni yangdapat berisi format data, gambar, informasi, kalender dan buku telepon.

Wireless Session Protocol (WSP)Wireless Session Protocol ini berfungsi memeriksa format data, konversi data

dan atau pengkodean yang akan ditransmisikan, misalnya: memeriksa kebenaran dataantar user, memeriksa nomor pesan yang dikirim, menyinkronkan data antar transaksi.

Application Layer (WAE)

Session Layer (WSP)

Transaction Layer (WTP)

Security Layer (WTLS)

Transport Layer (WDP)

Bearers : GSM-CDMA-PHS-FLEX Etc…

Other Servicesand

Applications

Prosiding Seminar Nasional Manajemen Teknologi IXProgram Studi MMT-ITS, Surabaya 14 Pebruari 2009

ISBN : 978-979-99735-7-3C-24-4

Wireless Transport Layer Security (WTLS)WTLS adalah protocol untuk keamanan data yang disesuaikan oleh standar

industri Transport Layer security (TLS) yang mendukung Secure Socket Layer (SSL).WTLS ini ditujukan pada penggunaan aplikasi WAP untuk:1. Integritas data, yaitu menyangkut kebenaran isi pesan.2. Privasi, yaitu menyangkut kerahasiaan data, artinya data yang dikirimkan tidak bisa

dimengerti oleh orang lain yang tidak terkoneksi dengan si pengirim.3. Autentifikasi, yang menyangkut kebenaran jati diri seseorang.4. Wireless Datagram Protocol (WDP)

Wireless Datagram Protocol ini merupakan kelanjutan dari WTLS yang mampuberkomunikasi dengan bearer. WDP bertugas untuk mentransmisikan data dalamformat biner melalui gateway, serta mendefinisikan pengalamatan jaringan yangakan dikenali oleh bearer.

5. BearerBearer ini terdiri dari data switch, pesan pendek (short message), dan paket data(data packet) yang berfungsi untuk melakukan transfer data dari suatu unitinformasi yang berisi alamat ke unit lain dan melakukan pemeriksaan kesalahanserta penundaan transfer hingga proses benar.

6. Aplikasi pendukungSelain dari layer-layer diatas, aplikasi pendukung juga dibutuhkan. Aplikasipendukung ini biasanya merupakan program aplikasi jaringan, seperti e-mail,notepad, buku telepon, kalender dan lain-lain.[Bunafit , 2005 ]

Dengan memberikan layanan informasi melalui WAP yang sifatnya statis tidakakan menguntungkan bagi pengakses WAP site. Dengan isi yang dinamis, WAP siteakan lebih dibutuhkan para pengguna telepon seluler. Karena informasi yang merekacari adalah informasi yang real time, yang saat itu juga dibutuhkan tanpa bergantungpada lokasi dan keberadaan PC.

Bahasa Pemrograman Untuk Aplikasi WAP

Suatu halaman web agar bisa diakses dengan menggunakan ponsel yangberfasilitas WAP, haruslah didesain dengan menggunakan bahasa yang bernama WML.WML adalah bahasa markup, yang dapat dikodekan ke dalam bentuk format biner yangringkas, sehingga dapat bekerja pada kapasitas bandwidth yang kecil. Seperti halnyaHypertext Markup Language (HTML), WML merupakan bahasa markup yangberdasarkan pada penggunaan text, sehingga dapat dibuat pada text editor sepertiNotepad. WML merupakan bahasa yang bersifat case sensitive, dimana format secarakeseluruhan dari WML didasarkan pada Extensible Markup Language (XML)[Suhendar, 2003].

Spesifikasi resmi dari WML dibangun dan dilindungi oleh WAPForum.Spesifikasi ini mendifinisikan tentang sintaks, variabel dan elemen apa yang dapatdigunakan untuk membuat suatu halaman WML yang valid. Halaman WML yang validtersebut selanjutnya disimpan dalam bentuk file dengan ekstensi .wml. Kemampuanyang dimiliki oleh WML diantaranya adalah :

1. Dapat digunakan suatu bentuk variable, untuk menyimpan data secarasementara.

2. Kemampuan dalam menentukan format dari text yang digunakan.3. Mendukung penggunaan gambar, walaupun kurang memuaskan.4. Mendukung penggunaan soft-key (button).5. Adanya control navigasi yang dapat dibuat dalam menghubungkan antara card

Prosiding Seminar Nasional Manajemen Teknologi IXProgram Studi MMT-ITS, Surabaya 14 Pebruari 2009

ISBN : 978-979-99735-7-3C-24-5

yang satu dengan card yang lain, antara card dengan deck, ataupun antara deckdengan deck yang lain.

6. Adanya bentuk pengontrolan terhadap history browser.7. Mendukung penggunaan event handling seperti service telepon.

ysUntuk dapat mengimplementasikan sistem diatas, maka secara garis besar

digunakan metode sebagai berikut:

SurveyMeninjau langsung bagian-bagian yang terkait di CV. Generation Computer denganmelakukan wawancara mengenai cara kerja sistem yang telah ada.

Tinjauan PustakaPengumpulan data dengan cara mempelajari beberapa dokumen atau buku-buku yangberhubungan dengan pembuatan web, PHP dan MySQL.

AnalisisSetelah mendapatkan data dan mengetahui cara kerja sistem, selanjutnya dilakukananalisis terhadap sistem yang akan dibuat untuk mengetahui dan menentukan batasan-batasan sistem sehingga dapat menentukan cara yang paling efektif dalammenyelesaikan permasalahan.

Perancangan SistemSetelah melakukan analisis maka dibuat perancangan terhadap sistem denganmenggunakan power designer untuk pembuatan diagram kontek, data flow diagram,ER Diagram dan tabel yang digunakan dalam database.

ImplementasiMempresentasikan program dengan aplikasi yang sesuai, perangkat lunak yangdigunakan untuk membuat tampilan web menggunakan macromedia dreamweaverdengan bahasa pemrograman PHP dan database MySQL, dan dipadukan dengan adobephotoshop untuk membuat tampilan yang menarik.

HASIL DAN PEMBAHASAN

Pada tahap perancangan dan desain sistem penulis menggambarkan dalambentuk sistem flow sebagai berikut :

Sistem Flow Daftar Member

Dari gambar di bawah dapat dijelaskan Sistem Flow daftar member yaitu,pertama kali calon member harus mengisi formulir pendaftaran yang berisi diantaranyayaitu: username, password, nama lengkap, jenis kelamin, alamat, kab/kota, kode pos,pekerjaan, no rekening yang kemudian diserahkan ke Admin. Selanjutnya Adminmemasukkan data tersebut ke dalam sistem yang akan disimpan dalam database.Member kemudian akan mendapat account login yang berupa username dan password.Member harus mengingat username dan passwordnya untuk dapat login ke dalamsistem dan untuk melakukan pemesanan produk yang diinginkannya. Tanpa adanyausername dan password member tidak bisa melakukan transaksi pembelian.

Prosiding Seminar Nasional Manajemen Teknologi IXProgram Studi MMT-ITS, Surabaya 14 Pebruari 2009

ISBN : 978-979-99735-7-3C-24-6

Gambar 2.Sistem Flow Pendaftaran Member

Sistem Flow Pemilihan Barang

Dari gambar di bawah dapat dijelaskan Sistem Flow pemilihan barang yaitu,akan terdapat pilihan-pilihan barang sesuai dengan kategori dari jenis barang tersebut.Untuk melakukan transaksi member harus memasukkan username dan password denganbenar. Setelah itu member dapat memilih barang sesuai dengan keinginannya. Memberjuga dapat melakukan pembatalan atau update barang yang dibelinya termasuk updatejumlah barang yang dibeli sebelum member melakukan konfirmasi pesanan.

Gambar 3. Sistem Flow Pemilihan Barang

Sistem Flow Laporan Nilai Pesanan

Gambar di bawah menjelaskan tentang Sistem Flow laporan nilai pesanankepada member, dimana pada saat member melakukan transaksi suatu barang, makasistem akan memberikan daftar harga dari masing-masing produk tersebut, kemudiansistem akan mengquery ke dalam database untuk mendapatkan nilai total pesananmember tersebut yang meliputi subtotal pesanan barang, biaya kirim, pajak dan atauharga diskon apabila kuantitas pembelian suatu barang tertentu melebihi dari kuantitasminimal diskon suatu barang yang ditentukan oleh toko sebelumnya. Kemudian sistemakan otomatis menyimpan semua pesanan yang dilakukan oleh member.

Prosiding Seminar Nasional Manajemen Teknologi IXProgram Studi MMT-ITS, Surabaya 14 Pebruari 2009

ISBN : 978-979-99735-7-3C-24-7

Gambar 4. Sistem Flow Laporan Nilai Pesanan

Sistem Flow Laporan Pemesanan Barang

Gambar di bawah dapat dijelaskan bahwa admin akan membuat laporanpemesanan barang yang dipesan oleh member atau customer, laporan tersebutselanjutnya akan diserahkan kepada pimpinan perusahaan dan gudang untukditindaklanjuti.

Gambar 5. Sistem Flow Laporan Pemesanan Barang

Diagram Konteks

Update Data Tarif KirimUpdate Data Kurs

Update Data ProdukInput Tarif Kirim

Input Data KursInput Data Produk

Input Data Kategori

Data Login Admin

Input Data Admin

Laporan Pengiriman

Laporan Data PemesananLaporan Data Produk

Laporan Data Member

Bukti Pembayaran

Konfirmasi Pesanan

Info Produk

Pesan Produk

Cari Produk

Login Member

Data Login Member

Input Data Member

Input Data Member

Validasi Rekening

Data Transaksi

0

MCommerce CHIPS Computer Center

+

Member

VirtualBank

Admin

Pimpinan

Gambar 6. Diagram Konteks

Prosiding Seminar Nasional Manajemen Teknologi IXProgram Studi MMT-ITS, Surabaya 14 Pebruari 2009

ISBN : 978-979-99735-7-3C-24-8

Gambar di atas merupakan diagram konteks dari M-Commerce WAP yangmerupakan dasar dalam penyusunan sistem ke level selanjutnya. Adapun external entityyang terdapat pada sistem ini adalah :1. Member

Member merupakan orang yang menjadi anggota pada web site, Member nantinyadapat melakukan proses transaksi atau pemesanan barang.

2. AdminAdmin adalah orang yang bertugas untuk menjalankan sistem. Tanpa adanyaseorang admin maka sistem tersebut tidak akan berjalan sesuai dengan tugasnya.

3. PimpinanPimpinan merupakan orang yang menjadi direktur atau pemilik usaha, pimpinanharus memperoleh laporan dari transaksi yang telah dilakukan oleh member.

4. Virtual BankVirtual bank adalah pihak yang memberikan referensi kepada sistem mengenainomor rekening dari suatu member untuk melakukan transaksi dan melakukanverifikasi saldo yang dimiliki oleh member tersebut.

Diagram Berjenjang

Gambar 7 merupakan diagram jenjang yang menggambarkan jenjang dari prosesyang ada pada sistem, terdapat 6 proses yaitu:1. Pendaftaran

Pada proses pendaftaran ini, customer dapat mendaftarkan dirinya kepada adminuntuk menjadi anggota sehingga bisa melakukan pemesanan terhadap produk yangdiinginkannya. Di bawah proses Pendaftaran terdapat 1 proses lagi yaitu Input DataMember. Pada proses Input Data Member, customer mengisi formulir pendaftarandengan mengisikan data-data tentang dirinya secara lengkap kemudian diserahkan keadmin untuk dientry. Di dalam sistem, proses input data member dilakukan oleh admintetapi setelah member mendapat account dan dapat masuk kedalam sistem WAP, makamember dapat melakukan perubahan data-data tersebut.2. Pencarian

Pada proses Pencarian, customer memasukkan data berupa nama produk yangdicarinya sesuai dengan kategori yang dipilihnya.3. Pemesanan

Pada proses Pemesanan terdapat 2 proses yaitu Login member dan Pesan. Padaproses Login member, sistem akan mengecek apakah customer tersebut sudahmendaftar sebagai member atau belum. Jika customer tersebut belum mendaftar makatidak akan dapat melakukan pemesanan. Pada proses Pesan terdapat 4 proses yaituTambah Pesanan, Edit Pesanan, Hapus Pesanan, Konfirmasi Pesanan. Pada prosesTambah Pesanan, member bisa melakukan penambahan produk. Pada proses EditPesanan, member bisa melakukan perubahan kuantitas produk yang telah dipesannya.Pada proses Hapus Pesanan, member bisa menghapus produk yang tidak diinginkannya.Pada proses Konfirmasi Pesanan, member akan mendapatkan konfirmasi berupa namadan alamat pengiriman lengkap maupun data-data produk yang telah dipesan besertajumlah total pesananannya.4. Pembayaran

Pada proses selanjutnya yaitu Proses Pembayaran, disini member melakukanpembayaran atas produk yang dipesan.5. Master Admin

Pada proses ini terdapat 2 proses yaitu Login Admin, Maintenance Data.

Prosiding Seminar Nasional Manajemen Teknologi IXProgram Studi MMT-ITS, Surabaya 14 Pebruari 2009

ISBN : 978-979-99735-7-3C-24-9

Kemudian pada proses Maintenance Data terdapat 5 proses lagi yaitu Data Member,Data Kategori, Data Produk, Data Zona Kirim dan Data Kurs.6. Laporan

Pada proses ini pihak pimpinan menerima laporan.

Gambar 7. Diagram Berjenjang

Berikut akan di bahas tentang implementasi program yang merupakan aplikasidari hasil perancangan dan desain sistem pada bagian sebelumnya.Implementasiprogram ini merupakan implementasi yang ditujukan untuk para pengguna / pemakaidalam berinteraksi dengan sistem dimana program M-Commerce WAP ini dapat diaksesdengan menggunakan tipe Hand Phone yang mempunyai fasilitas internet WAP GPRS.Untuk mengaktifkan layanan GPRS, maka harus didaftarkan dulu pada penyedia jasalayanan yang terkait sesuai dengan jenis kartu yang dipakai. Dalam program inimemakai Hand Phone CDMA merk Nokia 6275i dengan menggunakan Flexi sebagaipenyedia layanan telekomunikasinya. Untuk mengakses secara online, dapat diaksesmelalui alamat http://www.generation.com/wap. Adapun tampilan dari program padamedia WAP adalah sebagai berikut :

Form Utama

Gambar 8. Form Utama

Gambar 8 merupakan Form utama yang akan muncul saat member mengaksesprogram. Untuk dapat mengakses sistem, maka harus menjadi member dahulu untukmendapatkan account member, karena jika user sebelumnya tidak memiliki accountmember, maka user tersebut tidak akan bisa melakukan transaksi.

Prosiding Seminar Nasional Manajemen Teknologi IXProgram Studi MMT-ITS, Surabaya 14 Pebruari 2009

ISBN : 978-979-99735-7-3C-24-10

Form Login Member

Gambar 9. Form Login Member

Gambar 9 merupakan Form Login Member. Form ini adalah form yangmengharuskan member untuk memasukkan account membernya yaitu username danpassword. Untuk dapat masuk kedalam sistem, maka sistem akan mengecek kebenarandari account tersebut apakah salah atau benar. Jika terdapat kesalahan dalammemasukkan account tersebut, maka sistem akan menolak dan memberikan pesan”Login Salah, silahkan periksa username dan password anda”. Tetapi jika accounttersebut benar, maka form Home akan ditampilkan.Form Home

Gambar 10. Form Home

Gambar 10 merupakan form Home, dimana member dapat melakukan pilihan sesuaidengan menu yang disajikan yaitu : Search Produk, Lihat Kategori, Lihat Pesanan,Profil Member dan Logout.

Form Search Produk

Gambar 11. Form Search Produk

Gambar 11 merupakan form untuk mencari suatu produk tertentu yangdiinginkan berdasarkan kategori yang dipilih.

Prosiding Seminar Nasional Manajemen Teknologi IXProgram Studi MMT-ITS, Surabaya 14 Pebruari 2009

ISBN : 978-979-99735-7-3C-24-11

Form Kategori

Gambar 12. Form Kategori

Gambar 12 merupakan Form kategori, di dalam form ini ditampilkan semuajenis kategori dari semua produk yang dijual diantaranya yaitu Motherboard, Processor,Memory, Harddisk, Monitor, Printer, Flashdisk, Modem dan Optical Drive. Apabilamember memilih salah satu dari kategori yang tersedia, maka halaman produk darikategori tersebut akan ditampilkan semua.

Form Daftar Produk

Gambar 13. Form Daftar Produk

Gambar 13 merupakan Form Produk, Form ini menampilkan semua produk yangdijual berdasarkan dari kategori yang dipilih oleh member. Form ini menampilkan namabarang, tahun pembuatan dan stok yang tersedia di toko.

Form Rincian Produk

Gambar 14. Form Rincian Produk

Gambar 14 merupakan Form Rincian Produk, dimana detail dari produk yangdipilih oleh member akan ditampilkan semua termasuk diantaranya yaitu nama produk,vendor, tahun pembuatan, stok dan harga dari produk tersebut.

Prosiding Seminar Nasional Manajemen Teknologi IXProgram Studi MMT-ITS, Surabaya 14 Pebruari 2009

ISBN : 978-979-99735-7-3C-24-12

Form Pesan Produk

Gambar 15. Form Pesan Produk

Gambar 15 merupakan Form Pesan Produk, dimana produk yang dipesan olehmember akan disimpan sementara dalam keranjang belanja. Member dapat memesanproduk yang lain sebelum member melakukan konfirmasi pesanan.

Form Shopping Cart

Gambar 16. Form Shopping Cart

Gambar 16 merupakan Form Shopping Cart, member dapat melihat totalpesanan dari produk yang dipesan diantaranya meliputi subtotal pesanan, biaya kirim,dan pajak. Dalam Form ini member juga dapat mengubah kuantitas produk ataumembatalkan pesanan yang sebelumnya dipesan. Apabila kuantitas produk yangdipesan member lebih dari batas minimal kuantitas yang ditentukan toko, maka memberakan mendapat harga diskon.

Form Edit Belanja

Gambar 17. Form Edit Belanja

Gambar 17 merupakan Form Edit Belanja yang digunakan untuk mengubahjumlah dari suatu produk yang dipesan oleh member. Sistem akan mengecek jumlahyang dimasukkan oleh member, apabila jumlah yang dipesan melebihi dari jumlah stok

Prosiding Seminar Nasional Manajemen Teknologi IXProgram Studi MMT-ITS, Surabaya 14 Pebruari 2009

ISBN : 978-979-99735-7-3C-24-13

yang ada, maka sistem akan menampilkan pesan ”Maaf Jumlah Pesanan melebihi stokyang ada”.

Form Pilih bayar

Gambar 18. Form Pilih Bayar

Gambar 18 merupakan Form Pilih Bayar, dimana setiap akan melakukankonfirmasi pesanan, member akan diberikan pilihan metode pembayaran. Member dapatmemilih metode tersebut sesuai dengan keinginan member. Bagi member yang tidakmemiliki nomor rekening bank, dapat memilih metode yang pertama yaitu langsungbayar di toko atau pada saat barang dikirim, sedangkan bagi member yang memilikirekening bank dapat langsung membayar melalui nomor rekening bank tersebut yangdimilikinya tanpa harus bayar langsung di toko.

Form Pengiriman

Gambar 19. Form Pengiriman

Merupakan form yang menampilkan data-data lengkap yang digunakan untukproses pengiriman barang.

Form Validasi Rekening

Gambar 20. Form Validasi Rekening

Form Validasi Rekening merupakan form yang digunakan untuk mengecekkevalidan dari nomor rekening member. Member harus memasukkan nomor pinnyasesuai dengan nomor pin dari rekening tersebut. Apabila pin yang dimasukkan salah,maka sistem akan memberikan pesan ”Gagal, nomor pin dan rekening tidak cocok”.Tetapi apabila nomor pin yang dimasukkan benar, maka sistem akan melanjutkan keproses konfirmasi.

Prosiding Seminar Nasional Manajemen Teknologi IXProgram Studi MMT-ITS, Surabaya 14 Pebruari 2009

ISBN : 978-979-99735-7-3C-24-14

Form Konfirmasi

Gambar 21. Form Konfirmasi

Gambar 21 merupakan Form Konfirmasi, dimana setiap member yang telahmelakukan pesanan akan mendapatkan bukti konfirmasi. Member harus mencatat buktikonfirmasi tersebut sebagai bukti untuk pengambilan atau pengiriman dari produk yangdipesan.

Form Profile Member

Gambar 22. Form Profile Member

Gambar 22 merupakan Form Profile Member, yang berisi data-data lengkapdari member tersebut diantaranya yaitu : nama, alamat dan nomor HP.

KESIMPULAN

1. Informasi mengenai produk yang dijual oleh GEN Computer Center Surabaya dapatdiakses oleh customer secara online dengan menggunakan Handphone yang sudahmemiliki Fitur Internet GPRS.

2. Dengan M-Commerce Penjualan Aksesoris Komputer ini, transaksi bisa dilakukanhanya dalam hitungan menit sehingga dapat mempermudah customer dalammelakukan transaksi pembelian Produk.

3. Modul Web Server Admin yang dibuat dengan menggunakan PHP dan MySQL yangmemberikan layanan melalui media internet dimana layanan ini memudahkan admindalam melakukan maintenance pemesanan yang telah dilakukan oleh customer.

DAFTAR PUSTAKA

Hartono, Jogiyanto. Analisis & Desain Sistem Informasi : Pendekatan TerstrukturTeori dan Praktek Aplikasi Bisnis. Yogyakarta : Andi Yogyakarta. 2005

Haryanto, Steven. Kumpulan Resep Query Menggunakan MySQL. Jakarta : DianRakyat. 2005

Prosiding Seminar Nasional Manajemen Teknologi IXProgram Studi MMT-ITS, Surabaya 14 Pebruari 2009

ISBN : 978-979-99735-7-3C-24-15

Nugroho, Bunafit. PHP & MySQL Desain Editor Dreamweaver MX. Yogyakarta :Andi Yogyakarta. 2004

Nugroho, Bunafit. Pengembangan Program WAP dengan WML & PHP.Yogyakarta : Gava Media. 2005

Simarmata, Janner. Aplikasi Mobile Commerce Menggunakan PHP & MySQL.Yogyakarta : Andi Yogyakarta. 2006

Suhendar. Teknologi Pemrograman Mobile Commerce. Bandung : InformatikaBandung. 2003

Winarko, Edi. Perancangan Database dengan Power Designer 6.32. Surabaya :Prestasi Pustaka. 2006

Widigdo, Anon. Dasar Pemrograman PHP danMySQL.http://www.ilmukomputer.com. 2003

_____________, http://semedhi.net

_____________,http://DevelopersHome.com