Top Banner
iii APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL BASED ON WAP WITH PHP PROGRAMMING LANGUAGE AND MYSQL DATABASE Oleh : ASEP BUDI SANTOSO NIM. M3106013 PROGRAM DIPLOMA III ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET SURAKARTA 2009
53

APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

Mar 20, 2019

Download

Documents

doankhue
Welcome message from author
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
Page 1: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

iii

APPLICATION OF SELLING AND ORDERING COMPUTER

PERIPHERAL BASED ON WAP WITH PHP PROGRAMMING

LANGUAGE AND MYSQL DATABASE

Oleh :

ASEP BUDI SANTOSO

NIM. M3106013

PROGRAM DIPLOMA III ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

SURAKARTA

2009

Page 2: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

iv

HALAMAN PENGESAHAN

APLIKASI PENJUALAN DAN PEMESANAN PERIPHERAL KOMPUTER BERBASIS WAP DENGAN BAHASA PEMROGRAMAN

PHP DENGAN DATABASE MYSQL

Disusun oleh

ASEP BUDI SANTOSO NIM. M3106013

Dibimbing oleh

Pembimbing Utama

Bowo Winarno S.Si, M. Kom NIP.19810430 200812 1001

Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir

Program Diploma III Ilmu Komputer pada hari ____________tanggal _______________

Dewan Penguji 1. Bowo Winarno S.Si, M. Kom ( )

NIP.19810430 200812 1001 2. Esti Suryani, S.Si, M. Kom ( )

NIP. 19761129 200812 2001 3. Muhammad Asri Safi’ie ( )

NIP.

Disahkan Oleh Dekan

Fakultas MIPA UNS

Prof. Drs. Sutarno, M.Sc, Ph.D NIP. 19600809 198612 1001

Ketua Program Studi DIII Ilmu Komputer UNS

Drs. YS. Palgunadi, M.Sc NIP. 19560407 198303 1004

Page 3: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

v

ABSTRAK

Asep Budi Santoso, 2009. Application of Selling And Ordering Computer Peripheral based on WAP with PHP Programming Language And MySQL Database

WAP or Wireless Aplication Protocol means a method to bring the pages of website to the handphone’s screen. Selling And Order Application of Peripheral Hardware and Software was a m-commerce application based on WAP. The purpose of this final project is build an application of sell and order peripheral hardware and software based on WAP use the PHP programmer language with MySQL database.

In the process of writing this paper, writer applied observation method and literature study. Observation method was done by monitoring and reporting reporting the related datas. Literature study done by looking for reference, literature, or theory which needed to build this system.

According to the research, it can be conclused that this finished application of sell and order peripheral hardware and software based on WAP applying the PHP programmer languange, WML, and MySQL database could use as a m-commerce transaction through handphone.

Page 4: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

vi

INTISARI

Asep Budi Santoso, 2009 . Aplikasi Penjualan Dan Pemesanan Peripheral Komputer berbasis WAP Dengan Bahasa Pemrograman PHP Dengan Database MySQL. Program Studi D3 Ilmu Komputer, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta.

Hampir semua jaringan komputer saat ini menggunakan kabel sebagai

sarana penghubung. Jangkauan kabel yang terbatas, di samping pertimbangan harga, kecepatan instalasi dan kemudahan perawatan, menjadikan wireless network. Dengan menggunakan jaringan ini memiliki daya jangkau jaringan yang diperluas lagi. WAP atau Wireless Application Protocol merupakan sebuah metode untuk menghadirkan halaman web ke dalam layar handphone.

Dalam penulisan laporan ini, penulis menggunakan metode observasi dan studi pustaka. Metode observasi dilakukan dengan melakukan pengamatan dan pencatatan data-data terkait. Studi pustaka dilakukan dengan cara mencari referensi, literatur, atau bahan teori yang dibutuhkan untuk membangun sistem.

Tujuan penelitian tugas akhir ini adalah membuat aplikasi penjualan dan pemesanan untuk memberikan layanan dan fasilitas yang mudah di akses secara online.

Page 5: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

vii

MOTTO

“Disetiap waktu haruslah berusaha dan truz berusaha dengan selalu bersyukur.”

Nikmati aja hari ini dengan HaVfUnZ n’ EnJoy.

Page 6: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

viii

PERSEMBAHAN

Laporan ini kupersembahkan kepada :

1. Terima kasihku kepada Tuhan Yang Maha Esa, atas kasihNya kepadaku.

2. Untuk Kedua orang tuaku yang sungguh sangat luar biasa, terima kasihku

padamu Ayah Ibu.

3. Kepada PakDe, ITeM, CiDux, HaRi, Ayu, V3, Ariza, Murzid, Box2,

BozBay, Go2r, CP

4. Kepada teman – temanku semuanya yang selalu membantuku dalam

segala hal, semoga kita tetap selalu bersama dan bersemangat.

5. Kepada orang – orang disekitarku yang banyak membantu dalam doanya

juga nasehatnya, terima kasih.

6. Untuk semua orang yang membaca laporan ini, semoga laporan ini dapat

membantu sebagai referensi tugas akhir.

Page 7: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

ix

KATA PENGANTAR

Puji syukur kepada Tuhan Yang Maha Esa, yang telah memberikan

petunjukNya untuk mengatasi kesulitan yang penulis hadapi menyelesaikan

laporan Tugas Akhir (TA) ini.

Laporan TA ini disusun untuk pembuatan aplikasi peenjualan dan pemesanan

peripheral komputer berbasis WAP dengan bahasa pemrograman PHP dengan

database MySQL, pembuatan laporan ini dimaksudkan untuk memenuhi sebagian

persyaratan untuk kelulusan Program Diploma III (D3) Teknik Informatika

Faklutas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret

Surakarta.

Dalam penyusunan laporan ini telah banyak pihak yang membantu. Oleh

Karena itu, penulis ingin menyampaikan ucapan terima kasih yang tulus kepada :

1. Tuhan Yang Maha Esa yang telah melimpahkan rahmat dan karunia-

Nya, sehingga penulis dapat meyelesaikan laporan ini.

2. Untuk keluargaku Bapak, Ibu yang telah memberikan dukungannya

dan doanya.

3. Bapak Drs. YS. Palgunadi, M.Sc, selaku Ketua Program Diploma III

Ilmu Komputer Faklutas Matematika dan Ilmu Pengetahuan Alam

Universitas Sebelas Maret.

4. Bapak Bowo Winarno, S.Si, M, Kom selaku pembimbing TA di

FMIPA UNS yang telah memberikan masukan, pengarahan dan

pentunjuk kepada penulis dalam menyusun Laporan TA ini.

5. Bapak Drs. Kartiko, M.Si terima kasih selaku pembimbing akademik

atas bantuan dan nasehatnya yang sangat berharga.

6. Semua dosen Teknik Informatika, terima kasih atas ilmu yang

diajarkan kepada penulis selama ini.

7. Teman-teman Teknik Informatika 2006, terima kasih atas kerjasama,

kekompakannya dan dukungannya.

8. Teman-teman SAT yang mendukung dalam doa dan juga nasehatnya.

Page 8: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

x

Penulis menyadari sepenuhnya bahwa penyusun laporan ini masih banyak

kekurangan, untuk itu saran dan kritik yang membangun sangat penulis butuhkan.

Penulis berharap semoga laporan ini bermanfaat bagi semua pihak pada umunya

dan bermanfaat bagi D3 Ilkomp FMIPA UNS pada khususnya untuk mendukung

kegiatan Tugas Akhir.

Surakarta, 05 Juni 2009

Penulis,

Page 9: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xi

DAFTAR ISI

HALAMAN JUDUL……………………………………………………….. i

HALAMAN PERSETUJUAN....................................................................... ii

HALAMAN PENGESAHAN........................................................................ iii

HALAMAN ABSTRACT.............................................................................. iv

HALAMAN INTISARI.................................................................................. v

HALAMAN MOTTO.................................................................................... vi

KATA PENGANTAR.................................................................................... vii

DAFTAR ISI.................................................................................................. x

DAFTAR TABEL.......................................................................................... xiv

DAFTAR GAMBAR...................................................................................... xv

BAB I PENDAHULUAN............................................................................ 1

A. Latar Belakang Masalah................................................................... 1

B. Rumusan Masalah............................................................................ 2

C. Pembatasan Masalah........................................................................ 2

D. Tujuan Dan Manfaat........................................................................ 2

E. Metodologi Penelitian...................................................................... 2

F. Sistimatika Penulisan...................................................................... 3

BAB II LANDASAN TEORI........................................................................ 5

A. Tinjauan Pustaka............................................................................. 5

1. WAP............................................................................................ 5

2. Konsep Model Jaringan Pada Teknologi WAP.......................... 6

a. Wireless Aplication Enviroment (WAE).............................. 7

Page 10: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xii

b. Wireless Session Protocol (WSP)......................................... 7

c. Wireless Transaction Protocol (WTP).................................. 7

d. Wireless Transport Layer Security (WTLS)......................... 8

e. Wireless Datagram Protocol (WDP)..................................... 8

3. komponen Arsitektur WAP......................................................... 9

a. Mobile Client........................................................................ 9

b. WAP Gateway...................................................................... 10

c. Content Server (WAP Server)............................................... 10

4. Bahasa Pemograman Pada WAP................................................ 11

a. Struktur WML....................................................................... 11

b. Cara Penulisan WML............................................................ 11

5. Konfigurasi WAP Server............................................................ 12

6. WML.......................................................................................... 13

7. Emulator WAP........................................................................... 13

8. PHP............................................................................................. 14

9. MySQL....................................................................................... 15

BAB III DESAIN DAN PERANCANGAN.................................................. 19

A. Desain............................................................................................... 19

1.Spesifikasi Sistem........................................................................ 19

2. Gambaran Kerja Sistem.............................................................. 19

3. Alat Penelitian............................................................................. 20

a. Perangkat Keras.................................................................... 20

b. Perangkat Lunak................................................................... 20

Page 11: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xiii

4. Tahap – Tahap Pengembangan Aplikasi.................................... 20

a. Penentuan konsep aplikasi.................................................... 20

b. Desain dan pembuatan aplikasi............................................ 21

c. Tes dan uji coba aplikasi....................................................... 21

d. Struktur menu aplikasi......................................................... 21

B. Perancangan..................................................................................... 21

1. Struktur Perancangan Program................................................... 21

a. Context Diagram................................................................ 21

b. Data Flow Diagram............................................................ 22

c. Entity Relationship Diagram.............................................. 23

2. Rancangan Interface.................................................................... 23

3. Perancangan Database................................................................ 24

BAB IV IMPLEMTASI DAN ANALISA 27

A. Detail Aplikasi................................................................................. 27

B. Langkan Pembuatan......................................................................... 27

1. Skripting Program.................................................................... 27

2. Desain Tampilan...................................................................... 27

C. Tampilan Aplikasi............................................................................ 28

1. Halaman Index ........................................................................... 28

2. Halaman Menu............................................................................ 28

3. Menu Hardware.......................................................................... 29

4.Halaman Daftar Barang`.............................................................. 29

5. Login........................................................................................... 30

Page 12: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xiv

6. Daftar.......................................................................................... 30

7. Detail Produk.............................................................................. 31

8. Shopping Cart............................................................................. 31

9. Update Barang............................................................................ 32

10. Konfirmasi Pembelian.............................................................. 32

11. Halaman Login Web Admin..................................................... 33

12. Halaman Menu.......................................................................... 34

13. Menejemen Produk................................................................... 34

14. Menejemen Member ................................................................ 35

15. Menejemen Transaksi ........................................................... 35

15. Menejemen Cart.................................................................... 38 ?

D. Evaluasi............................................................................................ 39

BAB V PENUTUP......................................................................................... 40

A. Kesimpulan................................................................................................ 40

B . Saran......................................................................................................... 40

DAFTAR PUSTAKA

Page 13: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xv

DAFTAR TABEL

Tabel 1. Tipe MIME dan Extension 13

Tabel 3.1 Cart 23

Tabel 3.2 Detail_pd 24

Tabel 3.3 Menu 24

Tabel 3.4 Trans 24

Tabel 3.5 T_User 25

Page 14: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xvi

DAFTAR GAMBAR

Gambar 2.1 Komponen Arsitektur WAP 6

Gambar 2.2 Model Arsitektur WAP 9

Gambar 2.3 Herarki dalam WML 11

Gambar 2.4 M3Gate 14

Gambar 3.1 Gambaran Kerja Sistem 16

Gambar 3.2 Context Diagram 18

Gambar 3.3 DFD Level 0 19

Gambar 3.4 DFD Level 1 Unruk Proses Pembelian Barang 20

Gambar 3.5 DFD Level 1 Untuk Prose 5.0 Menejemen Data 21

Gambar 3.6 ERD 21

Gambar 3.7 Struktur Navigasi 23

Gambar 3.8 Relasi Tabel 22

Gambar 4.1 Tampilan Halaman Index dengan screenflash 26

Gambar 4.2 Tampilan Menu 28

Gambar 4.3 Tampilan Sub Menu 29

Gambar 4.4 Tampilan Detail Produk 29

Gambar 4.5 Tampilan Login 30

Gambar 4.6 Tampilan Daftar 3

Gambar 4.7 Detail Produk 31

Gambar 4.8 Shopping Cart 32

Gambar 4.9 Update Barang 33

Gambar 4.10 Konfirmasi Pembelian 33

Page 15: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xvii

Gambar 4.11 Layout Web Admin 34

Gambar 4.12 Tampilan Login 35

Gambar 4.13 Tampilan Menu Web Admin 36

Gambar 4.14 Tampilan Menejemen Produk 37

Gambar 4.15 Tampilan Menejemen Member 37

Gambar 4.16 Tampilan Menejemen Menu 36

Gambar 4.17 Menejemen Cart 37

Page 16: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xviii

BAB I

PENDAHULUAN

A. Latar Belakang Masalah

Salah satu aspek dunia informasi yang sangat penting adalah teknologi

informasi dan juga bagaimana informasi tersebut disebarkan. Penggunaan

komputer, baik untuk personal maupun kelompok, terbukti mampu memberikan

kemudahan dalam pencapain tujuan di berbagai bidang kehidupan, seperti

komunikasi, keuangan maupun bidang-bidang lainnya. Produktivitas yang begitu

tinggi sehingga menjadikan efisein dan efektif harus diwujudkan secara maksimal

dalam dunia informasi teknologi yang semakin berkembang pesat.

Hampir semua jaringan komputer saat ini menggunakan kabel sebagai

sarana penghubung. Jangkauan kabel yang terbatas, di samping pertimbangan

harga, kecepatan instalasi dan kemudahan perawatan, menjadikan wireless

network. Dengan menggunakan jaringan ini memiliki daya jangkau jaringan yang

diperluas lagi.

Wireless Aplication Protocol (WAP) memungkinkan sebuah telepon

seluler (mobile device) dapat mengakses informasi. Dengan demikian diharapkan

agar informasi yang ada mudah di akses oleh siapa saja yang memiliki handphone

WAP-Ready kapan saja dan dimana saja. Dengan demikian penggunaan WAP

ditempat yang tidak memungkinkan untuk penggunaan komputer sebagai sarana

untuk memudahkan pecarian segala macam informasi yang dibutuhkan.

Teknologi WAP ini memberikan kemudahan dalam pengaksesan

pembelian dan pemesanan barang secara online. Berdasarkan latar belakang diatas

akhirnya membuatkan suatu aplikasi penjualan dan pemesanan peripheral

komputer secara online dalam penyajiannya berbasis WAP sehingga dapat

membantu dan meringankan beban pembeli untuk melakukan transaksi pembelian

dan pemesanan barang secara online yang menyediakan kemudahan jika

dibandingkan dengan cara layanan konvensional. 1

Page 17: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xix

B. Rumusan Masalah

Berdasarkan latar belakang masalah tersebut maka perumusan masalah

yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer

berbasis WAP dengan bahasa pemrograman PHP dengan databasenya MySQL.”

C. Pembatasan Masalah

Masalah yang dibatasi pada pembuatan aplikasi penjualan dan pemesanan

peripheral komputer yang memberikan akses yang mudah.

D. Tujuan Dan Manfaat

Tujuan pembuatan aplikasi M-Commerce untuk memberikan layanan dan

fasilitas yang mudah di akses. Manfaatnya adalah mempraktekan ilmu yang

didapat selama perkuliahan dan memberikan kaedah bagi proses perkuliah dan

evaluasi pembelajaran mahasiswa.

E. Metodologi Penelitian

Dalam pembuatan aplikasi WAP ini penulis melakukan hal-hal sebagai

berikut :

1. Melakukan studi literature mengenai arsitektur WAP dan komponen

terpenting.

2. Perancangan dan pembuatan perangkat lunak dengan membaca, memilih

dan memahami modul untuk tampilan dari situs WAP. Bahasa scripting

memakai Apache sebagai web server dan modul PHP serta MySQL.

3. Pengujian dan analisa perangkat lunak dilakukan baik dari akses internet

biasa lewat komputer desktop maupun lewat perangkat lunak yang

mengemulasikan sebuah telepon WAP.

Page 18: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xx

4. Pengambilan kesimpulan dengan membandingkan hasil output program

dengan kenyataan di lapangan, sedapat mungkin dilakukan perbaikan-

perbaikan sehingga mendapatkan hasil yang lebih optimal.

5. Pembuatan laporan dengan menuliskan langkah-langkah yang telah

dikerjakan dalam pembuatan program aplikasi WAP ke dalam sebuah

laporan agar dapat dimengerti oleh pembaca juga sebagai arsip di

perpustakaan.

F. Sistematika Penulisan

Sistematika yang digunakan dalam penulisan ini disusun dalam lima bab

yang meliputi:

BAB I PENDAHULUAN

Berisi mengenai latar belakang masalah, rumusan masalah, pembatasan

masalah, tujuan dan manfaat, metodologi penelitian, sistematika penulisan.

BAB II LANDASAN TEORI

Menguraikan teori-teori dasar yang melandasi judul yang diambil sesuai

dengan permasalahan yang diangkat. Teori yang dipaparkan dijadikan sebagai

referensi dan pembanding dengan permasalahan yang mendukung penulisan

laporan ini.

BAB III ANALISA DAN PERANCANGAN

Berisi analisa rangkaian secara umum dimulai dari komponen-komponen yang

diperlukan, persiapan teknis sampai dengan perancangan yang dilakukan oleh

sebuah PC beserta komponen pendukungnya.

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

Menjelaskan pembahasan masalah tentang implementasi pembangunan WAP

dengan script PHP dengan menggunakan sistem operasi Windows XP dan

pengujian sistem lewat perangkat lunak yang mengemulasikan sebuah telepon

seluler WAP .

BAB IV KESIMPULAN DAN SARAN

Page 19: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xxi

Kesimpulan yang diperoleh dari hasil perancangan dan saran-saran yang

merupakan pedoman bagi yang ingin membangun Wireless Aplication

Protocol (WAP) ini lebih lanjut.

BAB II

LANDASAN TEORI

A. Tinjauan Pustaka

1. WAP

Page 20: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xxii

Teknologi WAP (Wireless Application Protocol) merupakan sebuah

metode untuk menghadirkan halaman web ke dalam layar ponsel (handphone).

Bentuk informasi dari sebuah instansi tidak harus ditampilkan dengan metode web

yang hanya dapat diakses melalui browser akan tetapi dapat ditampilkan dalam

bentuk WAP. Spesifikasi protokol WAP dikembangkan oleh suatu konsorsium

dari perusahaan-perusahaan yang terlibat dalam industri telekomunikasi wireless.

Tujuan dari spesifikasi WAP adalah untuk memberikan suatu standarisasi yang

sederhana untuk telepon seluler untuk mengakses internet. Dalam ponsel

(handphone) terdapat micro-browser untuk mengakses internet. Micro-browser

untuk saat ini tidak sebaik browser untuk website. WAP belum bisa menampung

bentuk-bentuk informasi seperti yang bisa dilakukan oleh website. Terdapat tiga

bagian utama dalam akses WAP yaitu perangkat wireless yang mendukung WAP,

WAP Gateway sebagai perantara, dan web server sebagai sumber dokumen.

Dokumen yang berada dalam web server dapat berupa dokumen html ataupun

WML (Wireless Markup Language). Dokumen WML sebelum dibaca melalui

browser WAP, diterjemahkan terlebih dahulu oleh gateway agar content yang ada

dapat disesuaikan dengan perangkat WAP. Untuk memenuhi kebutuhan, WAP

menetapkan lingkungan pengembangan aplikasi dan arsitektur sistem, yang

meliputi hal-hal seperti berikut :

i. Menyediakan suatu arsitektur layered, scaleable, dan extensible.

ii. Mengoptimalkan transmisi wireless.

iii. Mempengaruhi yang ada dan mengembangkan standar-standar internet.

iv. Menyediakan model aplikasi Web-centric.

(http:// www. Ittelkom.ac.id)

2. Konsep Model Jaringan Pada Teknologi WAP

Protokol dapat didefinisikan sebagai suatu cara atau aturan yang

dibakukan untuk 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 mengikuti standar untuk

mendesainnya. Desain atau standar protokol tersebut dinamakan arsitektur

5

Page 21: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xxiii

protokol yang ditetapkan secara internasional oleh ISO (Internasional Standard

Organization). Arsitektur tersebut dinamakan Open System reference Standard

Architecture (ISO refernce Model).

Gambar 2.1 Komponen Arsitektur WAP

(http://ns1.cic.ac.id)

Arsitektur dari WAP ini tidak jauh beda dengan konsep protokol jaringan

yang tediri atas tujuh layer yang berfungsi untuk mendefinisikan tahapan-tahapan

dalam desain protokol. Tahapan-tahapan dalam arsitektur dari WAP itu sendiri

terdiri dari atas :

a. Wireless Aplication Enviroment (WAE)

Wireless Aplication Enviroment ini memiliki fungsi dasar untuk

menggabungkan World Wide Web (WWW) dengan telepon seluler. Objek

pokok yang diterapkan WAE ini mengatur operasi-operasi yang ditetapkan

oleh operator dan penyedia layanan untuk membangun aplikasi dan

layanan yang dapat diraih melalui platforms wireless yang berbeda

sehingga menghasilkan efesiensi dan data yang berhasil guna. WAE ini

berisi Micro Brower yang berfungsi sebagai :

Page 22: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xxiv

1. Pendukung WML (Wireless Markup Language) hampir sama

dengan HTML, namun bahasa ini dikhususkan untuk mobile

terimals.

2. Pendukung WMLscript, hampir sama dengan javaScript.

3. Pendukung antar muka progaman dan layanan telephon yang dapat

berisi format data, images gambar, informasi kalender, dan

phonebook.

b. Wireless Session Protokol (WSP)

WSP ini berfungsi sebagai alat pembuka atau mengakhiri suatu koneksi

jaringan. WSP terbagi atas dua session. Pertama adalah connection-

oriented, yaitu koneksi yang mengkhususkan untuk berinteraksi dengan

operasi yang terjadi pada Transaction Layer Protocol (WTP). Kedua

adalah koneksi yang berhubungan dengan kemanan data, yaitu Wireless

Datagram Protocol (WDP). Selain hal-hal diatas WSP ini juga

mendukung :

i. Fungsi dari HTTP/1.1 dan pengkodean data.

ii. Memeriksa data yang reliable dan yang unreliable.

iii. Mengkontrol waktu pengaksesan data.

c. Wireless Transaction Protocol (WTP)

WTP ini berfungsi memeriksa format data, konversi data atau pengkodean

yang akan ditransmisikan, misalnya :

i. Memeriksa kebenaran dan antar user.

ii. Memeriksa nomor pesan yang dikirim.

iii. Mensikronkan data transaksi.

d. Wireless Transport Layer Security (WTLS)

WTLS adalah protokol untuk keamanan data yang disesuaikan oleh

standar industri Tranpsort Layer Security (TLS) yang mendukubng Secure

Socket Layer (SSL). WTLS ini ditujukan pada penggunaan aplikasi WAP

yang terdiri atas beberapa bagaian :

i. Integritas data, yaitu yang menyangkut kebenaran isi pesan.

Page 23: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xxv

ii. Privasi, yaitu yang menyangkut kerahasian data, artinya

data yang dikirimkan tidak bisa dimengerti oleh orang lain

yang tidak berkoneksi dengan si penerima.

iii. Authentication, yaitu menyangkut kebenaran jati diri

seseorang.

iv. Denial-of-service proction, yaitu menyangkut pemeriksaan

dan pembuktian pengamaman data yang valid.

e. Wireless Datagram Protocol (WDP)

WDP ini merupakan kelanjutan dari WTLS yang mampu berkomunikasi

dengan bearer. Bertugas mentransmisikan data dalam format biner melalui

media gateway, serta mendefinisikan pengelamatan jaringan yang akan

dikenali oleh bearer.

i. Bearer.

Bearer ini terdiri dari data switch, short message, dan data

paket yang memiliki fungsi untuk melakukan transfer

data dari suatu unit informasi yang berisi alamat dan

melakukan pemeriksaan erroe dan penundaan transfer

hingga proses benar.

ii. Other Services and Aplication

Selain dari layer-layer diatas, pendukung aplikasi lainnya

merupakan program aplikasi jaringan, seperti e-mail,

notepad, phonebook, kelender, e-commerce, mobile

banking, dan lain-lain.

Page 24: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xxvi

Gambar 2.2 Model Arsitektur WAP

(http://www.ittelkom.ac.id)

3. Komponen Arsitektur WAP

Berbeda dengan fixed-internet, internet bergerak menggunakan WAP

memiliki arsitektur yang berbeda dengan node tambahan WAP Gateway. WAP

Gateway berfungsi sebagai semacam penerjemah informasi dari content-server

sebelum diteruskan kepada pengguna dengan perangkat bergeraknya. Komponen

arsitektur WAP terdiri atas Mobile Client, WAP Gateway, dan Content Server

(WAP Server). Secara garis besar perangkat - perangkat pendukung WAP ini bisa

dijelaskan sebagai berikut:

a. Mobile Client

Pada perangkat mobile pengguna (client) terdapat aplikasi micro browser

yang memiliki kesamaan fungsi seperti Internet Explorer atau Netscape

Navigator seperti di PC. Micro browser ini sering disebut sebagai user

agent yang berfungsi untuk memanggil objek (informasi) dari server

kemudian menampilkannya pada perangkat mobile. User agent ini bisa

berbeda-beda sesuai dengan rancangan dari vendor yang menciptakan

perangkat yang bersangkutan.

b. WAP Gateway

WAP Gateway berfungsi sebagai penerjemah informasi dari content

server untuk ditampilkan pada perangkat mobile client serta sebaliknya.

WAP Gateway juga dapat berfungsi sebagai proxy. Fungsi WAP

Gateway/Proxy antara lain dapat dijabarkan sebagai berikut:

i. Sebagai interface penghubung WAP protokol dengan protokol

internet.

ii. Sebagai caches untuk header protokol yang memperkuat efisiensi

transfer data.

iii. Caching content untuk file overload dari application server.

Page 25: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xxvii

iv. Domain Name Server (DNS) dari client yang akan memetakan URL

ke IP address tujuan.

v. Sebagai security gateway di mana dilakukan autentikasi client /

pengguna sebagai subscriber suatu layanan WAP.

vi. Sebagai billing support yang menjadi tempat informasi mengenai

client yang melakukan pembayaran melalui online.

c. Content Server (WAP Server)

Content Server disebut juga WAP Server dan di masa-masa yang akan

datang akan dapat disebut pula sebagai Application Server pada saat

nanti telah berkembang berbagai macam aplikasi yang mendukung

WAP. Pada WAP Server terdapat fungsi untuk menyediakan file bertipe

WML dan WML Script. Di server ini juga dapat dijalankan program

servlets yang akan menambah kemampuan aplikasi sebagai dynamic

WAP - content. Bahasa pemrograman yang dapat dipakai seperti Java,

ASP, Perl, CGI, dll.

(http://www.balipost.co.id )

4. Bahasa Pemograman Pada WAP

a. Struktur WML

Secara umum beberapa perintah WML terlihat mirip dengan HTML.

Namun terdapat perbedaan dalam struktur penulisan dokumen WML. Sedangkan

dokumen HTML hanya terdiri atas dua bagian utama, yaitu header dan body,

dokumen WML mempunyai header, template (optional), dan beberapa body yang

disebut dengan cards. Susunan dokumen secara lengkap ini disebut dengan deck.

Sama seperti halnya HTML, untuk menyusun dokumen WMLdiperlukan kode

khusus yang dinamakan dengan tag. Berikut susunan hirarki dalam WML yang

ditunjukkan pada gambar dibawah ini.

Page 26: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xxviii

Gambar 2.3 Herarki dalam WML

b. Cara Menuliskan WML

Cara menuliskan program WML memang agak sedikit berbeda dengan

HTML. Yang membedakan hanyalah pengenal bahwa script tersebut adalah

program WML. Hal tersebut mirip dengan program HTML yang setiap kali

menuliskan scriptnya harus menggunakan tag <HTML> dan diakhiri dengan tag

</HTML>. Begitu juga dengan WML untuk menuliskannya kita dapat

memulainnya dengan tag <WML> dan diakhiri dengan tag </WML>. Program

WML dapat ditulis kedalam versi XML, sehingga setiap kali menuliskan harus

mendeklarasikan kedalam bentuk XML. Hal ini merupakan kewajiban, apabila

tidak maka Emulator atau Handphone tidak dapat menerimanya. Struktur penulisa

program WAP dapat digambarkan sebagaui berikut :

<?xml version=\"1.0\"?>

!DOCTYPE wml PUBLIC \"-//WAPFORUM//DTD WML 1.1//EN\"

\"http://www.wapforum.org/DTD/wml_1.1.xml\">

<wml>

<!—this is the frist card in the deck-->

<card id =”MainCard” title=”this is a first card”>

<p align=”center”>

…isi program WAP…

</p>

</card>

</wml>

Page 27: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xxix

5. Konfigurasi WAP Server

Web server yang sudah saat di install haruslah diatur konfigurasainya

terlebih dahulu agar browser dapat menamplikan dokumen WML dengan benar.

Konfigurasi untuk mengatur cara menangani dokumen dan server yang diminta

dari browser disebut dengan MIME (Multipurpose Internet Mail Extension). WAP

juga mempunyai tipe MIME yang khusus harus ditambahkan dalam konfigurasi

MIME, sehingga ponsel dapat mengakses dokumen WAP di server. Type MINE

yang digunakan oleh WAP sebagai berikut :

Tabel 2.1 Tipe MIME dan Extension

(http://www.ittelkom.ac.id)

6. WML

WML merupakan singkatan dari Wireless Markup Language, yaitu sebuah

bahasa pemrograman turunan dari HTML, tetapi didasarkan pada bahasa XML.

WML adalah bahasa markup yang dirancang oleh WAP forum dengan tujuan

Page 28: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xxx

standarisasi bahasa markup yang akan digunakan oleh perangkat bergerak.

Markup language sendiri adalah bahasa penandaan (markup) yang digunakan

untuk memberikan cirri khas pada sebuah dokumen atai teks yang ingin

ditonjolkan. Pemberian tanda dilakukan dengan cara meletkakan tag antara

dokumen atau teks itu. Sciprt WML bukanlah script yang diciptakan secara

mandiri, tetapi menggunakan hasil dari bahasa markup lainnya, yaitu XML

(Ekstensible Markup Language).

7. Emulator WAP

WAP Emulator yang digunakan adalah M3Gate yang dikeluarkan oleh

Numeric Algorithm Laboratories. Dengan menggunakannya dapat dilakukan

suatu simulasi terhadap halaman-halaman dari script WML. Dengan kata lain

M3Gate dapat dipaki sebagai WAP browser yang menampilkan halaman-halaman

dalam format WML pada sebuah mobile device. M3Gate yang digunakan dalam

perancangan WAP ini adalah M3Gate versi 1.2 M3Gate dapat beroperasi pada

platform Windows, baik pada Windows 95 maupun versi yang lebih baru

(Windows 2000, Windows XP, Windows Vista). M3Gate dapat digunakan dengan

“http” server, seperti Apache, M3Gate mengambil aliran data debngan

menggunakan salah satu dari dua web-browser (Internet Explorer atau Netscape

Navigator) sebagai transport. Browser tersebut digunakan untuk transport WAP

content dan mengambil data lewat proxy dan firewalls. User interface dari

M3Gate adalah mobile device itu sendiri, bisa berupa handphone atau PDA,

M3Gate dapat di-download melalui internet.

Page 29: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xxxi

Gambar 2.4 M3Gate

8. PHP

PHP (Hypertext Preprocessor) adalah skrip yang berjalan dalam server

side yang ditambahkan dalam HTML. PHP itu sendiri merupakan singkatan dari

Personal Home Page Tool. Skrip ini membuat suatu aplikasi dapat diintergrasikan

ke dalam HTML, sehingga suatu halaman HTML tidak lagi bersifat statis, namun

lebih bersifat dinamis. Sifat sever side ini membuat pengerjaan skrip tersebut

dikerjakan di server sedangkan yang dikirim kepada browser adalah hasil proses

dari skrip tersebut yang sudah terbentuk HTML. Keunggulan dari sifatnya yang

server side tersebut adalah :

a. Tidak diperlukan adanya kompatibilitas browser atau harus menggunakan

browser tertentu, karena server lah yang akan mengerjakan skrip tersebut.

Hasil yang dikirimkan kembali ke browser biasanya dalam bentuk teks

ataupun gambar sehingga dapat dikenali oleh browser apapun.

b. Dapat memanfaatkan sumber-sumber aplikasi yang dimiliki oleh server.

Contoh hubungan kedalam database.

c. Skrip asli tidak dapat dilihat sehingga keamanan lebih terjamin.

9. MySQL

MySQL adalah sebuah aplikasi Relational Database Management server

RDBMS yang sangat cepat dan kokoh. Dengan menggunakan MySQL server

Page 30: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xxxii

maka data dapat diakses oleh banyak pemakai secara bersamaan sekaligus dapat

membatasi akses para pemakai berdasarkan previlage (hak akses) yang diberikan.

MySQL menggunakan bahasa SQL (Stuktur Query Language) yaitu bahasa

standart pemograman database. MySQL dipublikasikan sejak 1996, tetapi

sebenarnya dikembangkan sejak 1979, MySQL telah memenangkan penghargaan

Linux Journal Reader’s Choice Award selama tiga tahun. MySql sekarang tersedia

dibawah ijin open source, tetapi juga ada ijin untuk penggunaan secara komersial.

10. Context Diagram (CD)

Context Diagram adalah diagram tingkatan atas yaitu diagram yang

paling tidak detail sistem informasi yang menggambarkan alur data kedalam dan

keluar sistem. CD merupakan kejadian tersendiri dari suatu diagram alir data.

Dimana satu lingkaran mempresentasikan seluruh sistem. CD ini harus berupa

suatu pandangan, yang mencakup masukan-masukan dasar, sistem-sistem dan

keluaran. CD merupakan tingkatan tertinggi dalam diagram aliran data dan

hanya memuat satu proses, menunjukkan sistem secara keseluruhan. Proses

tersebut diberi nomor nol. Semua entitas eksternal yang ditunjukkan pada

diagram konteks berikut aliran data-aliran data utama menuju dan dari

sistem. Diagram tersebut tidak memuat penyimpanan data dan tampak

sederhana untuk diciptakan, begitu entitas-entitas eksternal serta aliran data-aliran

dan menuju dan dari sistem diketahui penganalisis dari wawancara dengan user

dan sebagai hasil analisis dokumen. CD menggaris bawahi sejumlah karakteristik

penting dari suatu sistem.

Tabel 2.2 Simbol Context Diagram

Simbol Arti

Entity yang terlibat dalam

Page 31: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xxxiii

system

Proses yang terjadi dalam

sistem

Arah aliran informasi

atau data

11. Data Flow Diagram (DFD)

Data Flow Diagram adalah gambaran keseluruhan kerja sistem secara

garis besar. Merupakan repsentasi dari sistem DFD menggunakan komponen dari

sebuah sistem, alir data diantar ke komponen-komponen asal, tujuan dan

penyimpanan dari data tersebut. DFD adalah suatu model logika data atau proses

yang dibuat untuk menggambarkan dari mana asal data dan kemana tujuan data

yang keluar dari sistem, dimana data disimpan, proses apa yang menghasilkan

data tersebut dan interaksi antara data yang tersimpan dan proses yang dikenakan

pada data tersebut. DFD menggambarkan penyimpanan data dan proses yang

mentransformasikan data. DFD menunjukkan hubungan antara data pada sistem

dan proses sistem. DFD level model ini menggambarkan sistem sebagai jaringan

kerja antar fungsi yang berhubungan satu dengan yang lain dengan aliran dan

penyimpanan data. Sebagai alat bantu desain sistem, model ini hanya

memodelkan dari sudut pandang fungsi.

Dalam DFD leveled ini akan terjadi penurunan level dimana dalam penurunan

level yang lebih rendah harus mampu merepresentasikan proses tersebut ke dalam

spesifikasi proses yang jelas. Jadi dalam DFD leveled biasa dimulai dari DFD

Page 32: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xxxiv

level 0 kemudian turun ke DFD level 1 dan seterusnya. Setiap penurunan hanya

dilakukan bila perlu.

Tabel 2.3 Notasi Kesatuan Keluar DFD

12. Entity Relationship Diagram (ERD) atau (Diagram Hubungan antara

Entitas)

Menurut Roger S.Pressman (2002) Entity Relationship Diagram (ERD)

adalah notasi yang digunakan untuk melakukan aktivitas pemodelan data. ERD

adalah suatu model jaringan yang menggunakan susunan data yang disimpan

dalam sistem secara abstrak. Jadi, jelaslah bahwa ERD ini berbeda dengan DFD

yang merupakan suatu model jaringan fungsi yang akan dilaksanakan oleh sistem,

sedangkan ERD merupakan model jaringan data yang menekankan pada struktur-

struktur dan relationship data.

Page 33: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xxxv

Gambar 2.5 Simbol ERD

BAB III

DESAIN DAN PERANCANGAN

A. Desain

1. Spesifikasi Sistem

Pembuatan aplikasi m – commerce ini dirancang dan dibuat dengan

memiliki tujuan kepada para konsumen yang akan membeli barang (peripheral)

komputer dengan cara memesannya melalui telepon seluler (mobile) sehingga

tidak perlu datang ke toko untuk membelinya.

2. Gambaran Kerja Sistem

Page 34: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xxxvi

Gambaran umum kerja sistem aplikasi m-commerce dapat dilihat dari

gambar dibawah ini :

Gambar 3.1 Gambaran Kerja Sistem

Dari gambar diatas dapat dilihat bahwa urutan kerja aplikasi sebagai berikut :

- Konsumen mengaktifkan m-commerce pada handphone, kemudian

memilih menu yang ada.

- Setelah itu aplikasi akan membuka http://connection ke web server melalui

jaringan GPRS.

- Kemudian melalui script PHP yang ada pada web server, sistem

mengambil data dari database MySQL sesuai dengan permintaan dari

aplikasi.

- Setelah data diambil oleh aplikasi, data akan diload pada aplikasi berupa

text string.

3. Alat Penelitian

Alat penelitian yang dapat digunakan untuk menyusun tugas akhir dibagi

menjadi dua, yaitu hardware (perangkat keras) dan software (perangkat lunak)

serta menghubungkan perangkat-perangkat yang diperlukan. Secara spesifik alat

penelitian yang direkomendasikan untuk menyusun tugas akhir ini adalah sebagai

berikut :

a. Perangkat keras yang direkomendasikan

Dalam pembuatan Aplikasi ini dibutuhkan alat-alat penghubung PC

(Multimedia Personal Computer). Adapun spesifikasi pendukung antara

lain :

i. Prosessor Intel Pentium IV 3.0Ghz

ii. RAM 512Mb atau lebih

iii. Harddisk minimal 40Gb

19

Page 35: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xxxvii

Pada dasarnya semua jenis ponsel dapat digunakan untuk aplikasi WAP

asalkan dalam ponsel tersebut mempunyai fitur WAP Browser.

b. Perangakat Lunak

Perangkat lunak yang digunakan untuk membuat apliksai seperti database,

teks dan gambar. Adapun spesifikasi pendukungnya adalah sebagai berikut

:

i. M3Gate untuk mengakses WAP dikomputer

ii. Appserv sebagai web server untuk membuat database

iii. Notepad++ untuk menuliskan koding program.

iv. Contenta Converter Basic untuk mengconvert gambar jpeg ke png.

v. OS Windows Xp

4. Tahap – Tahap Pengembangan Aplikasi

Ada beberapa langkah dalam mengembangkan aplikasi m – commerce yaitu :

a. Penentuan konsep aplikasi

Pada tahap ini dilakukan untuk menentukan konsep yang akan diterapkan

dalam pengembangan aplikasi ini.

b. Desain dan pembuatan aplikasi

Dalam tahap ini meliputi pembutan desain tampilan interface wap yang

digunakan dan tampilan web admin yang user friendly.

c. Tes dan uji coba aplikasi

Tahapan ini dilakukan untuk menentukan kelayakan aplikasi dan mencari-

cari kesalahan yang mungkin terjadi dalam proses menjalakan aplikasi, jika

terdapat kesalahan maka dilakukan perbaikan hingga aplikasi ini benar-banar

layak.

d. Struktur Menu Aplikasi

Struktur menu aplikasi ini menggunakan struktur hierarki yang dapat

digambarkan seperti ini :

Page 36: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xxxviii

B. PERANCANGAN

1. Struktur Perancangan Program

memberikan gambaran umum mengenai konsep kerja aplikasi ini

dengan Context diagram, Entity Relationship Diagram, Data Flow Diagram,

untuk mempermudah dalam tahap perancangan dan pembuatan.

a. Context Diagram (CD)

Gambar 3.2 Context Diagram

b. Data Flow Diagram (DFD) Level 0

Page 37: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xxxix

Gambar 3.3 DFD Level 0

c. Entity Relationship Diagram (ERD)

Page 38: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xl

Gambar 3.4 ERD

2. Rancangan Interface

Rancangan antarmuka merupakan tahap yang harus dikerjakan pada proses

pembuatan sebuah program atau aplikasi. Interface adalah suatu bagian yang

berhubungan langsung dengan pengguna aplikasi, bertujuan agar program

atau aplikasi yang dihasilkan terlihat lebih menarik dan mudah dimengerti pada

saat dioperasikan.

Page 39: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xli

Gambar 3.5 Struktur Navigasi

3. Perancangan Database

Perancangan database untuk aplikasi ini, digunakan database MySQL

dengan menggunakan 5 tabel data, yaitu tabel yang berfungsi untuk menyimpan

data-data aplikasi m-commerce, tabel yang menyimpan jenis kategori serta tabel

user untuk admin. Untuk perancangan database nya dapat dilihat pada tabel-tabel

berikut :

Page 40: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xlii

Gambar 3.6 Relasi Tabel

Tabel 3.1 Detail_pd

Nama Tipe Panjang Keterangan

id_pd int 11 Primary key,auto increment

nama varchar 20

kat varchar 15

spesifikasi varchar 75

hrg int 11

stok int 11

status int 1

Tabel 3.2 Menu

Nama Tipe Panjang Keterangan

id_bg int 11 Primary key,auto increment

nama varchar 20

kat varchar 20

link_gr varchar 20

link_hal varchar 30

Tabel 3.3 Trans

Nama Tipe Panjang Keterangan

id_t int 11 Primary key,auto increment

id_t_user int 11

id_pd int 11

jumlah int 3

tanggal date 8

confirm date 8

biaya int 10

Page 41: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xliii

Tabel 3.4 T_User

Nama Tipe Panjang Keterangan

Id_t_user int 11 Primary key,auto increment

username varchar 25

pass varchar 32

nama_depan varchar 25

nama_belakang varchar 30

ttl varchar 25

alamat varchar 50

kota varchar 20

kode_pos int 5

provinsi varchar 15

alamat_pengiriman varchar 50

no_telepon int 13

BAB IV

IMPLEMENTASI DAN ANALISA

A. Detail Aplikasi

Aplikasi Mobile Commerce ini dirancang untuk proses transaksi penjualan

peripheral komputer. Pembuatan aplikasi m – commerce ini bertujuan untuk

memberikan kemudahan dalam pelayanan yaitu penjual kepada pembeli atau

sebaliknya, dalam prosesnya transaksi pembelian dilakukan didalam handphone

untuk mengakses aplikasi WAP ini, sehingga mempercepat proses pembelian.

B. Langkah Pembuatan

1. Skripting Program

Page 42: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xliv

Penulisan program dilakukan dengan software notepad++, hasil skripting

ditampilkan dengan software M3Gate sebagai browser dengan tampilan seperti

handphone, dengan mengaktifkan appserv sebagai web servernya untuk

menjalankan apache dan database. Sedangkan untuk web adminnya menggunakan

browser mozilla firefox

2. Desain Tampilan

Tampilan dari gambar WAP adalah file yang bertipe wbmp atau png,

desain tampilan untuk WAP yang dipakai dalam aplikasi m–commerce ini adalah

gambar yang bertipe png. Pencarian gambar dengan browsing dari internet

kemudian mengconvertnya menjadi gambar yang bertipe png, software yang

digunakan adalah contenta converter basic yang berfungsi untuk mengconverter

semua jenis tipe gambar.

C. Tampilan Aplikasi

1. Halaman Index

Ketika awal aplikasi m–commerce ini dijalankan akan menampilkan

halaman screen flash sekitar 0,01 detik kemudian menampilkan halaman index

yang ditunjukkan pada gambar 4.1

Gambar 4.1 Tampilan Halaman Index dengan screenflash

2. Halaman Menu

27

Page 43: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xlv

Halaman utama merupakan daftar menu awal yang berisi hardware,

software, acsesories, notebook, yang menghubungkan informasi selanjutnya index

yang ditunjukkan pada gambar 4.2

Gambar 4.2 Tampilan Menu

3. Menu Hardware

Halaman menu hardware menampilkan data sub menu kategori hardware

yang berisi data – data dari prosessor, motherboard, harddisk, ram, vga, optikel

drive, crt monitor, speaker, casing, printer, scaner, ups, stabiliters, psu. Dari

halaman software menampilkan data barang berupa program, dan aksesoris juga

sama, sedangkan kalau aksesoris menampilkan berbagai macam – macam

aksesoris komputer, dan notebook menampilan dan notebook index yang

ditunjukkan pada gambar 4.3

Gambar 4.3 Tampilan sub Menu

4. Halaman Daftar Barang

Page 44: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xlvi

Halaman daftar barang menampilkan nama barang, harga dan spesifikasi

juga pembelian (detail produk) index yang ditunjukkan pada gambar 4.4

Gambar 4.4 Tampilan Detail Produk

5. Login

Halaman login merupakan proses masuk proses beli, pembeli harus login

dulu untuk membeli barang, dan jika user dan password gagal makan akan

menampilkan pesan “login gagal”. index yang ditunjukkan pada gambar 4.5

Gambar 4.5 Login

6.Daftar

Halaman daftar merupakan halaman untuk proses daftar sebagai member

untuk proses pembelian karena belum terdaftar sebagai member sehingga tidak

bisa membeli barang index yang ditunjukkan pada gambar 4.6

Page 45: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xlvii

Gambar 4.6 Daftar

7. Detail Produk

Halaman detail produk merupakan informasi detail produk atau detail

barang yang berisi nama produk, spesifikasi produk dan harga produk index yang

ditunjukkan pada gambar 4.7

Gambar 4.7 Detail Produk

8. Shopping Cart

Halaman shopping cart merupakan proses transaksi pembelian barang

(item) yang belum melalui proses transaksi dan daftar barang dapat di update,

index yang ditunjukkan pada gambar 4.8

Page 46: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xlviii

Gambar 4.8 Shopping Cart

9. Update Barang

Halaman update barang merupakan proses mengupdate barang atau proses

penambahan item barang index yang ditunjukkan pada gambar 4.9

Gambar 4.9 Update Barang

10. Konfirmasi Pembelian

Halaman konfirmasi pembelian merupakan tampilan proses konfirmasi

data user dan data barang yang dibeli kemudian pembeli mentransfer uang

pembayaran ke bank yang ditunjuk yang ditunjukkan pada gambar 4.10

Page 47: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

xlix

Gambar 4.10 Konfirmasi Pembelian

11. Halaman Login Web Admin

Gambar 4.11 Layout Web Admin

Halaman ini digunakan sebagai web admin untuk dapat mengakses

halaman ini diharuskan atau diwajibkan dengan memasukan user dan password

yang tepat.

Page 48: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

l

Gambar 4.12 Tampilan Login

12. Halaman Menu

Halaman ini memberikan informasi daftar menu apa saja yang dapat

diakses dan digunakan

Gambar 4.13 Tampilan Menu Web Admin

13. Menejemen Produk

Halaman ini menampilkan informasi data – data produk

Page 49: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

li

Gambar 4.14 Menejemen Produk

14. Menejemen Member

Halaman ini memberikan informasi siapa saja yang sudah terdaftar sebagai

member.

Gambar 4.15 Menejemen Member

15. Menejemen Transaksi

Halaman ini memberikan informasi data transaksi.

Page 50: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

lii

Gambar 4.16 Menejemen Transaksi

D. Evaluasi

Keunggulan aplikasi m-commerce ini terletak dalam proses pengaksesan

yang lebih mudah dan lebih cepat karena pembeli atau pelanggan dapat langsung

melakukan pemesanan produk atau barang tanpa harus datang ke toko secara

langsung.

Kelemahan dari aplikasi ini adalah dibutuhkan telepon seluler yang

support minimal aplikasi WAP dan GPRS untuk mendukung aplikasi m-

commerce ini. Tampilan yang dihasilkan oleh aplikasi m – commerce ini tidak

semaksimal website (e-commerce), dan dengan banyaknya content menjadikan

aplikasi m–commerce berat untuk diakses oleh telepon seluler. Kelemahan

aplikasi m–commerce ini tergantung dari fitur yang dimiliki telepon seluler

tersebut.

Page 51: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

liii

BAB V

PENUTUP

A. Kesimpulan

Berdasarkan keseluruahan dari proses pembuatan aplikasi m–commerce ini

memiliki kesimpulan bahwa aplikasi m–commerce ini harus di akses melalui

telepon seluler yang sudah memiliki aplikasi (WAP browser dan GPRS atau

lebih) untuk menjalankan aplikasi ini, juga kerbatasan sinyal telepon seluler bila

aplikasi ini di akses ditempat yang jauh dari menara sinyal (BTS).

Aplikasi ini memberikan kemudahan hal yang praktis dan cepat dalam

proses pembelian barang.

B. Saran

Saran untuk program aplikasi m–commerce ini yaitu untuk penggunaan

telepon seluler yang sudah memiliki fasilitas untuk WAP sehingga banyak orang

akan dapat mengakses aplikasi ini. Untuk selanjutnya aplikasi m–commerce ini

lebih lagi memiliki fasilitas yang lebih lengkap.

37

Page 52: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

liv

DAFTAR PUSTAKA

Simarmata, Janner, 2006, Aplikasi Mobile Commerce Menggunakan PHP dan

MySQL, Andi, Yogyakarta

Nugroho, Bunafit, Pengembangan Program WAP dengan WML & PHP, Gava

Media, Yogyakarta

Nurhadi, Tyasno, Pemograman WML dan WMLS : Hadirkan Diri Anda di Mobile

Internet, Andi, Yogyakarta

Andi, 2004, Wireless atasi Keterbatasan Jangkauan, Andi, Yogyakarta

Agung, Gregorius, WAP Programing Dengan WML, Pakel Baru, Yogyakarta

http://www.ittelkom.ac.id/library/index.php?view=article&catid=17%3Asistem-

komunikasi-bergerak&id=403%3Awireless-application-protocol

wap&option=com_content&Itemid=15 pada hari rabu jam 00.01 tanggal 170609

http://ns1.cic.ac.id/~ebook/ebook/adm/myebook/0062.pdf pada hari rabu jam

00.01 tanggal 170609

http://www.ittelkom.ac.id/library/images/stories/2008%20per%202/1/model%20a

rsitektur%20WAP.JPG pada hari rabu jam 00.01 tanggal 170609

http://www.balipost.co.id/BaliPostcetak/2005/6/21/t2.htm pada hari kamis jam

00.02 tanggal 180609

www.ittelkom.ac.id/library/images/stories/artkel2/113030050/tabel%20mime%20

type%20yang%20digunakan%20wap.jpg pada hari kamis jam 00.02 tanggal

180609

Page 53: APPLICATION OF SELLING AND ORDERING COMPUTER PERIPHERAL ... · ... kecepatan instalasi dan ... yang dibahas adalah “Aplikasi Penjualan Dan Pemesanan Peripheral Komputer ... memakai

lv

http://edogeek.890m.com/file/Contoh-BAB-III.pdf hari senin jam 02.00 tanggal

250509 pada hari kamis jam 00.02 tanggal 180609

http://www.webresourcesdepot.com/free-admin-template-for-web-applications/

(free template web admin) pada hari kamis jam 00.02 tanggal 180609