Aplikasi Jual Beli Sepatu Online Berbasis Web Ajax Pada CV Zodiak Sidoarjo.

(1)

Dengan memanjatkan puji syukur kehadirat Allah SWT yang telah melimpahkan rahmat dan hidayah-Nya kepada penulis sehingga dapat menyelesaikan Tugas Akhir ini dengan baik meskipun penulis menyadari bahwa Tugas Akhir ini kurang sempurna.

Tugas Akhir ini merupakan salah satu syarat bagi mahasiswa untuk menyelesaikan program studi S-1 di Fakultas Teknologi Industri Jurusan Sistem Informasi Universitas Pembangunan Nasional “Veteran” Surabaya Jawa Timur. Dengan selesainya Tugas Akhir ini tidak terlepas dari bantuan banyak pihak yang telah memberikan masukan-masukan kepada penulis. Untuk itu penulis mengucapkan terimakasih kepada :

1. Kedua Orang Tua kami yang telah membesarkan, mendidik, serta memberikan kasih sayang yang berlimpah hingga penulis bisa sampai pada jenjang pendidikan ini.

2. Bapak Nur Cahyo, S.Kom, M.Kom selaku dosen pembimbing I yang telah memberikan petunjuk, masukan, bimbingan, dorongan serta kritik yang bermanfaat bagi penulis sejak awal hingga terselesainya laporan ini.

3. Bapak Doddy Ridwandono, S.Kom selaku dosen pembimbing II yang telah sabar meluangkan banyak waktu, pikiran dan tenaga diantara kesibukan kegiatan akademik untuk memberikan bimbingan dan kesempatan dalam pembuatan Tugas Akhir ini.

(2)

v

Penulis sebagai manusia biasa pasti mempunyai keterbatasan dan banyak sekali kekurangan, terutama dalam pembuatan laporan ini. Untuk itu penulis sangat membutuhkan kritik dan saran yang membangun dalam memperbaiki penulisan laporan ini.

(3)

ABSTRAK... ... i

KATA PENGANTAR ... ii

DAFTAR ISI ... v

DAFTAR GAMBAR ... xiii

DAFTAR TABEL ... xi

BAB I PENDAHULUAN ... 1

1.1

Latar Belakang ... 1

1.2

Perumusan Masalah ... 2

1.3

Batasan Masalah ... 3

1.4

Tujuan Penelitian... 3

1.5

Manfaat Penelitian... 4

1.6 Metodologi Penelitian ... 4

1.7 Sistematika Penulisan. ... 6

BAB II TINJ AUAN PUSTAKA ... 8

2.1 Sejarah CV.ZODIAK Sidoarjo. ... 8

2.1.1 Struktur Organisasi ... 8

2.1.2 Visi dan Misi Perusahaan ... 9

2.1.3 E-Commerce ... 9

2.2 Mengenal DBMS ... 14

2.3 Mengenal Web server ... 19

2.4 Pengertian PHP ... 20

2.4.1 Dasar-dasar PHP ... 21

2.4.2 Pengenalan PHP ... 21

2.4.3 Syntx PHP... 23

2.4.4 Variabel PHP ... 24

2.4.5 Array PHP... 25

2.4.6 Kelebihan PHP ... 27

2.5 Definisi MySql ... 27

2.5.1 Koneksi DatabaseMySql dengan PHP ... 31

2.6 Pengertian CSS ... 32

2.7 Pengertian AJAX... . 33

2.8 Pengertian JQuery... 38

2.8.1 Pengertian Java Script. ... 40

2.9 Pengertian DFD ... 41

BAB III ANALISA DAN PERANCANGAN SISTEM... 46

3.1 Analisis Sistem... 46

3.1.1 Analisis Masalah... 46

(4)

3.1.4 Analisis Sistem Penjualan... 47

3.2 Analisis Kebutuhan Non Fungsional... 49

3.2.1 Analisis Perangkat Keras... 49

3.2.2 Analisis Perangkat Lunak... 49

3.2.3 Analisis Pemakai...

3.3 Kebutuhan Fungsional...

3.3.1 Diagram Konteks...

3.3.2 Data Flow Diagram Level 1 ...

3.3.3 Spesifikasi Proses...

3.3.4 DFD Level 2 Manajemen Data Master...

3.3.5 DFD Level 3 Proses Kelola Produk

3.3.6 DFD Level 3 Proses Kelola Ongkos...

3.3.7 DFD Level 3 Proses Kelola Kategori...

3.3.8 DFD Level 3 Proses Sub Kategori...

3.4 Conceptual Data Model...

3.5 Physical Data Model...

3.6 Struktur Tabel

3.7 Struktur Menu

3.8 Perancangan Arsitektur...

3.8.1 Perancangan Antar Muka...

BAB IV IMPLEMENTASI

4.1 Perencanaan Sistem………. 31

4.2 Deskripsi Umum Sistem ... 31

4.3 Deskripsi Fungsional………... 31

4.4 Spesifikasi Kebutuhan Sistem………. 32

4.5 Level Pengguna dan Hak Akses………. 32

4.6 Perancangan Proses………. 33

4.7 Alur Sistem Website………... 33

4.7.1

Alur sistem admin………... 33

4.7.2

Alur sistem siswa……… 35

4.7.3

Alur guru………. 35

4.7.4 Alur pengunjung………. 36

4.8 Konteks Diagram………..………...…… 36

4.8.1 DFD Level 1 dan Level 2………..…. 39

4.8.1.1 DFD Level 1………...………...… 39

4.8.1.2 DFD Level 2 Login Admin………..…..…………..…. 40

4.8.1.3 DFD level 2 Guru Input Data………..….. 42

4.8.1.4 DFD Level 2 aksi Siswa………..………..…… 44

(5)

4.11

Perancangan Data………...……… 52

4.12 Konseptual Data Model………..…….……….. 52

4.13 Model Data Fisik………... 54

4.14 Perancangan Antar Muka……….. 56

4.14.1 Antar Muka Sistem Admin……… 56

4.14.2 Antar Muka Sistem Siswa……….. 57

4.14.3 Antar Muka Sistem Guru……… 57

4.14.4 Antar Muka Sistem Pengunjung………. 58

4.15

Implementasi……….. 58

4.15.1 Implementasi Data……….... 59

4.16 Implementasi Antar Muka……….. 65

4.16.1 Antar Muka Sub-Sistem Administrator………. 65

4.16.2 Antar Muka Sub-Sistem Administrator………. 65

4.16.3 Contoh proses input berita………. 66

4.16.4

Antar Muka Sistem E-learning Admin………... 68

4.16.5 Antar Muka Sistem E-learning Siswa……….. 71

4.16.6 Antar Muka Sistem E-learning Guru……… 73

BAB V : Penutup ... 74

1. Kesimpulan... 74

2. Saran ... 74

(6)

Pembimbing II : Doddy Ridwandono, S.Kom Penyusun : Tri Maryono

ABSTRAK

Toko Zodiak merupakan perusahaan dagang yang menyediakan barang berupa sepatu, toko sepatu Zodiak yang telah memiliki banyak pelanggan didalam kota Sidoarjo masih menerapkan prosedur belanja offline atau konsumen langsung datang ke toko tersebut.Untuk meningkatkan penjualan dan menjangkau pangsa pasar yang lebih luas maka toko Zodiak ingin menggunakan teknologi dalam strategi pemasaran dan penjualannya dengan mengimplementasikan E-Commerce.

Bahasa pemrograman yang digunakan untuk membuat program ini adalah Php dan MySql dengan dibantu tools Adobe Dreamweaver dan Xampp. Aplikasi E-commerce yang dibuat dapat menjadi media promosi yang lebih luas, serta mempermudah calon konsumen dalam melakukan proses pemesanan suatu produk karena dilakukan melalui media website.

(7)

PENDAHULUAN

1.1 Latar Belaka ng

Kebutuhan akan informasi sudah menjadi hal yang vital bagi lapisan masyarakat pada umumnya. Oleh karenanya, tak ayal teknologi informasi sangat diperlukan sebagai sarana untuk mempermudah dalam mengakes informasi. Dapat dikatakan, pesatnya perkembangan teknologi informasi merupakan dampak yang ditimbulkan oleh semakin kompleksnya kebutuhan manusia akan informasi itu sendiri. Salah satu wujud nyata perkembangan informasi yaitu terbentuknya suatu sistem jaringan yang terhubung satu sama lain yang biasa kita sebut internet.

Berbagai macam hal dan aktivitas dapat kita akses melalui internet. Dalam bidang perdagangan, internet mulai banyak dimanfaatkan sebagai media aktivitas bisnis baru terutama karena kontribusinya terhadap efisiensi. Aktivitas perdagangan melalui internet ini popular disebut dengan electronic commerce (e-commerce).

(8)

juga dialami oleh para pengusaha UKM sepatu CV.ZODIAK Sidoarjo Jawa Timur.

Untuk itu perlu dibuat sebuah media guna membantu mengenalkan hasil produksi sepatu CV.ZODIAK secara nasional maupun internasional. Dengan adanya media ini diharapkan dapat meningkatkan pendapatan para pengusaha UKM sehingga dapat meningkatkan market exposure (pangsa pasar) dan menambah jumlah tenaga produksi sehingga angka pengangguran akan semakin berkurang.

Salah satu alternatif yang dilakukan untuk mengatasi hal itu adalah digunakannya aplikasi Teknologi Ajax yang bersifat asynchronously, mengirim dan menerima data dari user ke server tanpa perlu me-load kembali seluruh halaman melainkan hanya pada bagian yang diperlukan, aksi dari sisi klien dibagi menjadi dua bagian, yaitu layer user interface dan layer AJAX. Ketika user mengklik sebuah link atau mengirimkan sebuah form maka input tersebut akan ditangani oleh layer AJAX dan diinteraksikan dengan server.

1.2 Per umusan Masalah

Berdasarkan latar belakang yang telah dijelaskan diatas, maka dapat dirumuskan beberapa permasalahan dalam tugas akhir ini, yaitu :

a) Bagaimana merancang sebuah media promosi untuk lebih mengenalkan hasil produksi sepatu.

(9)

c) Bagaimana merancang sebuah media untuk meningkatkan pelayanan kepada

customer.

1.3 Batasan Masalah

Pada pembuatan aplikasi ini perlu definisikan batasan masalah mengenai sejauh mana aplikasi ini akan dikerjakan. Beberapa batasan masalah tersebut antara lain :

a.) Data yang digunakan dalam database merupakan data sampel dari pengusaha sepatu CV ZODIAK Sidoarjo.

b.) Aplikasi yang dirancang ini merupakan aplikasi yang digunakan sebagai media promosi dan menangani pemesanan barang.

c.) Aplikasi yang dirancang ini menggunakan bahasa pemrograman PHP.

d.) Aplikasi yang dirancang ini menggunakan database MySql

e.) Beberapa bagian dari aplikasi yang dirancang akan menerapkan teknologi

AJAX

f.) Aplikasi ini diuji coba dengan melakukan hosting aplikasi

g.) Aplikasi ini menggunakan manual transfer bank . 1.4 Tujuan Penelitian

(10)

1.5 Manfaat Penelitian

Tugas akhir ini dapat membantu kemajuan CV.ZODIAK Sidoarjo diantaranya sebagai berikut :

a. Dapat meningkatkan Market Exposure (pangsa pasar).

Transaksi on-line yang membuat semua orang diseluruh dunia dapat memesan dan membeli produk yang dijual hanya dengan melalui media komputer dan tidak terbatas jarak dan waktu.

b. Melebarkan Jangkauan (Global Reach).

Transaksi online yang dapat diakses oleh semua orang didunia tidak terbatas tempat dan waktu karena semua orang dapat mengakesnya hanya dengan menggunakan media perantara computer.

c. Meningkatkan Customer Loyalty.

Ini disebabkan karena sistem transaksi e-commerce menyediakan informasi secara lengkap dan informasi tersebut dapat diakses setiap waktu selain itu dalam hal pembelian juga dapat dilakukan setiap waktu bahkan konsumen dapat memilih sendiri produk yang dia inginkan. Customer Loyality disini adalah semisal user yang terdaftar melakukan pembelian dalam jumlah tertentu dan dilakukan secara sering dapat meningkatkan kemungkinan user tersebut memperoleh potongan atau diskon pada waktu-waktu tertentu.

1.6 Metodologi Penelitian

(11)

a.) Studi Literatur

Mengumpulkan referensi baik dari buku maupun internet.Sebagai acuan untuk referensi tentang perancangan dan pembuatan Aplikasi Jual Beli Sepatu Online berbasiskan web Ajax pada CV.ZODIAK Sidoarjo.

b.) Pengumpulan Data

Pengumpulan data dilakukan secara individu serta mengetahui konsep pasar sepatu di Indonesia dan Luar Negeri

c.) Analisa dan Desain Sistem

Menganalisa semua informasi yang terkait dengan sistem pemetaan, mengidentifikasi masalah dan merumuskan solusi secara konseptualnya.

d.) Pembuatan Perangkat Lunak

Langkah teknis untuk membuat sistem secara keseluruhan berdasarkan pemodelan sistem yang dibuat. Perancangan dan pembuatan perangkat lunak untuk sistem ini menggunakan tools bahasa pemrograman PHP dan MySQL sebagai databasenya.

e.) Implementasi dan Uji Coba Sistem

Melakukan Ujicoba atau testing terhadap sistem yang telah dibuat dan menyesuaikan dengan sistem yang telah dirancang sebelumnya dan melakukan beberapa scenario uji coba untuk kelayakan pemakaian sistem.

f.) Pembuatan Kesimpulan

(12)

1.7 Sistematika Penulisan

Sistematika penulisan laporan/buku pada tugas akhir ini adalah sebagai berikut :

BAB I : PENDAHULUAN

Bab ini berisi tentang deskripsi umum skripsi yang meliputi latar belakang, perumusan masalah, batasan masalah, tujuan dan manfaat, serta metodologi dan sistematika pembahasan.

BAB II : TINJ AUAN PUSTAKA

Pada bab ini akan disajikan landasan teori yang akan digunakan sebagai penyelesaian permasalahan pada sistem yang dibuat, berisi tentang latar belakang perusahaan dan konsep dasar Pemrograman ajax, j-query, php serta MYSql. BAB III : ANALISA DAN PERANCANGAN SISTEM

Pada tahap ini akan dibuat deskripsi umum sistem serta dilakukan analisa kebutuhan sistem, selain itu juga melakukan perancangan aplikasi yang akan dibuat, sehingga dihasilkan desain antarmuka dan proses-prosesnya.

BAB IV : IMPLEMENTASI

Bab ini membahas tentang implementasi dari analisa sistem ke dalam sebuah bahasa pemrograman sehingga terbentuk suatu perangkat lunak sesuai yang dikehendaki.

BAB V : UJ I COBA

(13)

memenuhi tujuan yang diharapkan.Dari Proses ini akan didapatkan evaluasi program sehingga dapat dilakukan suatu perbaikan.

BAB VI : PENUTUP

(14)

BAB II

TINJ AUAN PUSTAKA

2.1 Sejar ah CV.ZODIAK Sidoarjo

CV.ZODIAK Sidoarjo merupakan perusahaan yang bergerak dibidang kewirausahaan sejak tahun 1980 yang memproduksi dan menjual sepatu, baik itu sepatu olahraga, fantovel, maupun sandal untuk dewasa dan anak-anak. Dalam proses pemasaran produk dan proses penjualan maupun pembelian sudah menggunakan program, namun masih sebatas manual, sehingga dalam pemasaran produk hanya sebatas pemesanan yang dilakukan oleh cabang-cabang toko yang terkait.

Mengingat masih terbatasnya pemasaran produk maka dengan adanya Aplikasi web ini diharapkan pemasaran produk sepatu dapat menembus pasar nasional dan internasional.

Hasil : Wawancara, dilakukan pada : 20 Juli 2011, Waktu : 08.30 WIB

2.1.1 Str uktur Or ganisasi

(15)

segala sesuatu yang berhubungan dengan perusahaan dan dipertanggungjawabkan kepada Direktur Utama. CV.ZODIAK Sidoarjo ini mempunyai beberapa cabang di Surabaya dan Sidoarjo. Pada bagian akhir adalah Karyawan dimana tugas karyawan menangani transaksi jual beli dan juga ada yang mengantar barang ke beberapa pelanggan yang terkait.

Adapun struktur organisasi pada CV.ZODIAK Sidoarjo sebagai berikut :

Gambar 2.1 Struktur Organisasi CV ZODIAK

2.1.2 Visi dan Misi Per usahaan

CV.ZODIAK mempunyai visi dan misi dalam menjalankan tugasnya sebagai salah satu perusahaan yang bergerak dalam penjualan bermacam macam sepatu, CV.ZODIAK sendiri selalu berusaha membalas kepercayaan pelanggan dengan service yang sangat memuaskan. Adapun visi dan misinya adalah :

1. Visi

Menjadi perusahaan yang terpercaya dalam menjual produk-produk berupa sepatu ,sandal dan aneka kebutuhan fashion.

Direkt ur Ut ama CV ZODIAK

Wakil Direkt ur CV ZODIAK

Pimpinan Cabang Kesekr et ariat an

(16)

2. Misi

Meningkatkan nilai aset perusahaan melalui peningkatan kualitas SDM, sistem manajemen dan pertumbuhan profit usaha.

2.1.3 E-Commer ce

Perdagangan elektronik atau e-commerce adalah penyebaran, pembelian, penjualan, pemasaran barang dan jasa melalui sistem elektronik seperti internet atau televisi, www, atau jaringan komputer lainnya. e-commerce dapat melibatkan transfer dana elektronik, pertukaran data elektronik, sistem manajemen inventori otomatis, dan sistem pengumpulan data otomatis. Industri teknologi informasi melihat kegiatan e-commerce ini sebagai aplikasi dan penerapan dari e-bisnis

(e-business) yang berkaitan dengan transaksi komersial, seperti: transfer dana secara

elektronik, SCM (supply chain management), pemasaran secara elektronik

(e-marketing), atau pemasaran online (online (e-marketing), pemrosesan transaksi

online (online transaction processing),pertukaran data elektronik (electronic data

interchange /EDI) dan lain lain. E-commerce merupakan bagian dari e-business,

(17)

untuk tujuan promosi dan periklanan di suatu halaman-web (website). Menurut Riset Forrester, perdagangan elektronik menghasilkan penjualan seharga AS$12,2 milyar pada 2003. Menurut laporanyang lain pada bulan oktober 2006 yang lalu, pendapatan ritel online yang bersifat non-travel di Amerika Serikat diramalkan akan mencapai seperempat trilyun dolar US pada tahun 2011. Menurut Taryana Suryana dalam bukunya yang berjudul e-commerce menggunakan PHP dan MySQL e-commerce di klarifikasikan ke dalam beberapa model yaitu:

1). Model Stor e Front

Store front ialah kombinasi proses transaksi, sekuriti, pembayaran secara online

serta penyimpanan informasi yang memungkinkan para pedagang untuk menjual dagangannya di internet melalui website. Store front merupakan konsep dasar perdagangan elektronik dimana terjadi interaksi penjual dan pembeli secara langsung. Untuk menjalankan store front, seseorang harus mengorganisasikan dalam bentuk katalog produk yang ditempatkan pada halaman website. Pemilik bisnis online juga harus dapat menerima pembayaran secara online dalam kondisi aman, mengatur pengiriman dagangan para konsumen serta mengolah data konsumen. Dalam praktiknya, para pedagang online menggunakan teknologi yang disebut shopping cart atau kereta belanja. Dengan menggunakan shopping cart konsumen dapat memasukan barang-barang pesanannya kedalam shopping cart nya.

2). Model Lelang

(18)

maka yang bersangkutan dapat mencari situs situs yang menyediakan barang barang yang sedang dia cari, melihat

lihat kegiatan penawaran saat itu dan memasang penawaran. 3). Model Por tal

Model portal merupakan bentuk lain dari e-commerce. Portal berisiberbagai informasi meliputi mulai berita politik dan ekonomi, olahraga ,teknologi, sampai dengan berita berita ringan mengenai kehidupan selebriti, gaya hidup, cerita bersambung dll.

4). Model Dynamic Pr icing

Model dynamic pricing atau penetapan harga merupakan model yang mengikuti pola mekanisme bisnis, yaitu bagaimana antara bisnis berlangsung dan produk diberi harga, dengan demikian seorang konsumen dapat membeli suatu produk dengan tawaran yang paling rendah. Strategi lain ialah dengan cara menawarkan produk atau jasa tertentu secara gratis. Model model dalam kategori ini ialah model menentukan sendiri harga produk (your price model), model harga perbandingan (comparison pricing model), model harga sensitive di dasarkan kebutuhan (demand sensitive pricing model), Model barter, Model rebate dan model penawaran produk dan jasa secara gratis.

5). Model Online Trading

(19)

konsumen dapat melakukan penelitian terhadap sekuritas, membeli dan menjual investasi melalui komputer yang tersambung dengan internet.

6). Model Online Loan

Online loan atau pinjaman secara online merupakan salah satu bisnis online yang

sudah cukup popular, konsumen saat ini dapat mencari pinjaman dengan bunga rendah melalui internet. Salah satu portal yang member pinjaman secara online adalah e-loan dengan alamat www.eloan.com . situs ini menawarkan layanan kartu kredit, pinjaman pembelian rumah dan peralatan, serta kalkulator untuk membuat konsumen mahir dalam memutuskan mencari pinjaman.

7). Layanan Per jalanan Secar a Online

Saat ini bagi orang yang senang bepergian akan lebih mudah mengaturnya karena mulai pemilihan lokasi wisata, booking hotel dan tiket pesawat dapat dipesan secara online. Para pelancong dapat memilih lokasi baik didalam maupun luar negeri. Yang bersangkutan hanya menyediakan biaya dan siap melakukan perjalanan.

8). Layanan Penjualan Mobil Secara Online

Banyak sekali situs penjualan mobil secara online dimana konsumen dapat memilih dan membeli mobil baru maupun mobil bekas. Situs ini menyediakan simulasi cara memilih mobil dan cara menghitung cicilan, jika seseorang ingin membeli mobil secara kredit dan perhitungan bunganya dilakukan jika sudah terdapat kesepakatan, dan konsumen tinggal memesan kemudian mobil akan dikirim ke alamat konsumen.

Menurut David Kosiur, 1997 Secara garis besar, proses bisnis dalam

(20)

atau jasa, pendistribusian produk atau jasa, kemudian purna jual. Proses bisnis pertama di dalam sistem E-Commerce ini dinamakan sebagai “information

sharing”. Prinsip penjual di dalam proses ini adalah untuk mencari dan menjaring

calon pembeli sebanyak-banyaknya, sementara prinsip pembeli adalah berusaha sedapat mungkin mencari produk atau jasa yang diinginkannya, dan mencoba untuk mencari tahu penilaian orang lain terhadap produk atau jasa tersebut. Proses bisnis selanjutnya adalah melakukan pemesanan produk atau jasa secara elektronik. Dua pihak yang bertransaksi sudah selayaknya harus melakukan aktivitas perjanjian tertentu, sehingga proses pembelian dapat dilakukan dengan sah, benar, dan aman. Pembelian antara dua entiti bisnis biasanya dilakukan melalui jaringan tertentu seperti EDI (Electronic Data Interchange) atau ekstranet.

Di dalam proses bisnis ini, ada empat aliran entiti yang harus dikelola dengan baik:

1.Flow of goods (aliran produk)

2.Flow of information (aliran informasi)

3.Flow of money (aliran uang)

4. Flow of documents (aliran dokumen).

Sumber : Suryana, Taryana 2007, E-Commerce menggunakan PHP & MySQL

Graha Ilmu, Yogyakarta. 2.2 Mengenal DBMS

(21)

database, Basis data merupakan kumpulan data yang saling berhubungan satu

dengan yang lainnya yang diaorganisasikan sesuai struktur tertentu dan disimpan dengan baik. Sedangkan, RDBMS (Relational Database Management System) merupakan DBMS yang menggunakan model basis data relasional atau dalam bentuk tabel-tabel yang saling berhubungan.

Secara sederhana, database (basis data) dapat di ungkapkan sebagai suatu pengorganisasian data dengan bantuan komputer, yang memungkinkan data dapat di akses dengan mudah dan cepat. Dalam hal ini, pengertian akses dapat mencakup pemerolehan data maupun manipulasian data, seperti menambah dan menghapus data. Dalam penambahan dan penghapusan akan lebih cepat dan mudah dalam penggantian.

(22)

untuk membangun sebuah sistem basis data yang berbasis komputerisasi. DBMS membantu dalam pemeliharaan dan pengolahan kumpulan data dalam jumlah besar. Sehingga dengan menggunakan DBMS tidak menimbulkan kekacauan dan dapat digunakan oleh pengguna sesuai dengan kebutuhan.

DBMS merupakan perantara bagi pemakai dengan basis data. Untuk merinteraksi dengan DBMS (basis data) menggunakan bahasa basis data yang telah ditentukan oleh perusahaan DBMS. Bahasa basis data biasanya terdiri atas perintah-perintah yang di formulasikan sehingga perintah tersebut akan diproses olah DBMS. Perintah-perintah biasanya ditentukan oleh user.

Ada 2 bahasa basis data:

1. Data Definition Language (DDL)

DDL digunakan untuk menggambarkan desain basis data secara keseluruhan. DDL digunakan untuk membuat tabel baru, menuat indeks, ataupun mengubah tabel. Hasil kompilasi DDL disimpan di kamus data dan bisa langsung dilihat di DDL.

Contoh sintaks DDL dalam pembuatan database/table,index dan view : 1.Pembuatan Database

Bentuk umumnya : CREATE DATABASE nama_db Sintaks :

CREATE DATABASE PT.ABC ………..(1) Source code (1) membuat database dengan nama organisasi PT. ABC 2.Pembuatan Tabel

(23)

CREATE TABLE nama_table(nama_kolom1 jenis_kolom1, nama_kolom2 jenis_kolom2, ...) ………. (2)

Source code (2) membuat tabel Sintaks :

CREATE TABLE Mahasiswa(NIM char(8) NOT NULL, Nama char(30) NOT NULL, Alamat char(40) NOT NULL, JenKel char(1) NOT NULL) ………(3)

Source code (3) membuat tabel mahasiswa yang terdiri dari NIM dengan panjang 8 char, Nama dengan panjang 30 char, Alamat dengan panjang 40 char, Jenkel dengan panjang 1 char

2. Pembuatan Index Bentuk umumnya :

CREATE [UNIQUE] INDEX nama_index ON nama_table (nama_kolom) ………..(4) Source code (4) membuat index

CREATE UNIQUE INDEX MHSIN ON MHS(NIM)

……….(5) Source code (5) membuat index data mahasiswa berdasarkan NIM dengan nama MHSIN dimana NIM tidak boleh sama

4. Pembuatan View Bentuk umumnya :

CREATE VIEW [(nama_kolom1, ...)] AS SELECT statement [WITH CHECK OPTION] ……….(6)

(24)

CREATE VIEW MHSVIEW AS SELECT * FROM MHS ………(7)

Source code (7) membuat view dengan nama MHSVIEW yang berisi semua data mahasiswa

3. Data Manipulation Language (DML)

DML digunakan untuk melakukan menipulasi dan pengambilan data pada suatu basis data seperti penambahan data baru ke dalam basis data, menghapus data dari suatu basis data dan pengubahan data di suatu basis data.

Contoh :

SELECT Perintah select digunakan untuk menampilkan data dalam tabel. Secara umum sintaknya adalah seperti berikut :

SELECT Daftar_Kolom FROM Nama_Tabel WHERE Kriteria ORDER BY

………(8) Source code (8) menampilkan data berdasarkan kriteria

INSERT

Perintah insert digunakan untuk menambahkan atau menginputkan data ke dalam tabel. Secara umum sintaknya adalah seperti berikut:

INSERT INTO NamaTabel (Kolom1,Kolom2,...)VALUES (Nilai1, Nilai2,...)

………(9)

Source code (9) menambahkan data ke dalam tabel UPDATE

(25)

UPDATE NamaTabel SET NamaKolom1=Ekspresi1, NamaKolom2=Ekspresi2, ...WHERE kriteria UPDATE Tb_Buku SET

harga=1.5*harga WHERE penerbit='Ambar Offset' ………(10) Source code (10) mengubah data dalam table

DELETE

Perintah delete digunakan untuk menghapus data dalam tabel. Secara umum sintaknya adalah seperti berikut :

DELETE FROM NamaTabel WHERE kriteria. ..………(11)

Source code (11) menghapus data dalam tabel

Sumber: Badriyah, Tessy. 2003, Oracle9i Introduction to SQL

http://lecturer.eepis-its.edu/~tessy/kuliah/prakdb2/OAI_SQL20.pdf

Diakses : 08 September 2011, Waktu : 10.30 WIB.

2.3 Mengenal Web Ser ver

Web server adalah sebuah perangkat lunak server yang berfungsi

menerima permintaan HTTP atau HTTPS dari client, hal ini di kenal dengan nama

web browser, dan mengirimkan kembali hasilnya dalam bentuk halaman-halaman

web yang umumnya berbentuk dokumen HTML. Web server yang terkenal di

antaranya adalah Apache dan Microsoft Internet Information Service (IIS). Suatu program (dan juga mesin yang menjalankan program) yang mengerti protokol HTTP dan dapat menanggapi permintaan-permintaan dari web browser yang menggunakan protokol tersebut.

Apache (server HTTP Apache atau server web/www Apache) adalah web

(26)

Microsoft Windows, dan Novell Netware) yang berguna untuk melayani dan

memfungsikan web. Protokol yang di gunakan untuk melayani fasilitas web/www ini menggunakan HTTP.

Sedangkan, definisi dari IIS atau Internet Information Server adalah sebuah HTTP web server yang di gunakan dalam sistem operasi server Windows, mulai dari Windows NT 4.0 Server, Windows 2000 Server atau Windows Server 2003. Layanan ini merupakan layanan terintegrasi dalam Windows 2000 Server, Windows Server 2003 atau sebagai add-on dalam Windows NT 4.0. Layanan tersebut berfungsi sebagai pendukung protokol TCP/IP yang berjalan dalam lapisan aplikasi (application layer). IIS juga menjadi fondasi dari platform Internet dan Intranet Microsoft, yang mencakup Microsoft Site Server.

Sumber:Iqbal. 2010, Panduan Dasar Membangun Web Server IIS7 Windows 7.

http://mugi.or.id/media/p/4620.aspx

Diakses : 25 Agustus 2011, Waktu : 18.30 WIB.

2.4 Penger tian PHP

PHP (akronim dari PHP Hypertext Preprocessor) yang merupakan bahasa pemrogramman berbasis web yang memiliki kemampuan untuk memproses data dinamis. PHP merupakan bahasa interpreter yang hampir mirip dengan bahasa C

(27)

oleh PHP pada umumnya akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan di server.

PHP merupakan bahasa scripting (berbentuk script) yang menyatu dengan

HTML dan dijalankan pada server side. Artinya semua sintaks yang penulis berikan akan sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke

browser (client side) hanya hasilnya saja. Secara khusus, PHP dirancang untuk

membangun sebuah web dinamis. Artinya, ia dapat membentuk suatu tampilan berdasarkan permintaan yang up to date. Misalnya penulis bisa menampilkan isi

database ke dalam halaman web. Pada prinsipnya , PHP mempunyai fungsi yang

sama dengan scipt-script seperti ASP (Active Server Page), Cold Fusion dan lain-lain. Untuk menjalankan PHP dibutuhkan web server. Yang sering digunakan adalah Apacheweb server.

Sumber : Simarmata, Janner. 2006 , Aplikasi Mobile Commerce mengunakan

PHP dan MySql Andi : Yogyakarta.

2.4.1 Dasar – Dasar PHP

Berikut ini dijelaskan mengenai beberapa definisi PHP diantaranya sebgai berikut :

2.4.2 Pengenalan PHP

(28)

cepat. Selanjutnya singkatan PHP dirubah menjadi akronim berulang Hypertext

Preprocessing.

PHP merupakan bahasa pemrogramman berbasis web yang memiliki kemampuan untuk memproses data dinamis. PHP dikatakan sebagai sebuah

server-side embedded script language artinya sintaks-sintaks dan perintah yang

kita berikan akan sepenuhnya dijalankan oleh server tetapi disertakan pada halaman HTML biasa. Aplikasi-aplikasi yang dibangun oleh PHP pada umumnya akan memberikan hasil pada web browser. Pada prinsipnya server akan bekerja apabila ada permintaan dari client. Dalam hal ini client menggunakan kode-kode PHP untuk mengirimkan permintaan ke server (dapat dilihat pada gambar dibawah). Ketika menggunakan PHP sebagai server-side embedded script

language maka server akan melakukan hal-hal seperti contoh Gambar dibawah

ini:

Gambar 2.2 Contoh Web Server

Bahwa pada Gambar 2.2 diatas menjelaskan web server bisa membaca permintaan dari client, mencari halaman di server dan mengirim kembali halaman tersebut kepada client melalui internet.

(29)

2.4.3 Syntax PHP

Kode PHP disimpan sebagai plain text dalam format ASCII, sehingga kode PHP dapat ditulis hampir di semua editor text seperti windows notepad,

windows wordpad, dll. Kode PHP adalah kode yang disertakan di sebuah halaman

HTML dan kode tersebut dijalankan oleh server sebelum dikirim ke browser.

source codenya adalah sebagai berikut :

Gambar 2.3 Contoh Script PHP

Pada Gambar 2.3, HTTP server hanya melewatkan content dari file menuju ke

browser. Server tidak mencoba untuk mengerti atau memproses file, karena itu

adalah tugas sebuah browser.

Pada file dengan ekstensi .php akan ditangani secara berbeda. Yang memiliki kode PHP akan diperiksa. Web server akan memulai bekerja apabila berada diluar lingkungan kode HTML. Oleh karena itu server akan melewati semua content yang berisi kode HTML, CSS, JavaScript, simple text di browser tanpa diinterpretasikan di server.

Blok scripting PHP selalu diawali dengan <?php dan diakhiri dengan ?>. Blok scripting PHP dapat ditempatkan dimana saja di dalam dokumen. Pada beberapa

<?php

echo “ Pemrograman W eb” ;

echo “ <br / >” ;

echo “ Belajar PHP” ;

(30)

server yang mendukung, blok scripting PHP dapat diawali dengan <? dan diakhiri dengan ?>. Namun, untuk kompatibilitas maksimum, sebaiknya menggunakan bentuk yang standar (<?php ?>). Setiap baris kode PHP harus diakhiri dengan semikolon (;). Semikolon ini merupakan separator yang digunakan untuk membedakan satu instruksi dengan instruksi lainnya. PHP menggunakan // untuk membuat komentar baris tunggal atau /* dan */ untuk membuat suatu blok komentar.

Sumber: Simarmata, Janner. 2006 , Aplikasi Mobile Commerce mengunakan PHP

dan MySql Andi : Yogyakarta. 2.4.4 Var iabel PHP

Variabel digunakan untuk menyimpan suatu nilai, seperti text, angka atau array. Ketika sebuah variabel dibuat, variabel tersebut dapat dipakai berulang-ulang. Pada PHP semua variabel harus dimulai dengan karakter '$'. Variabel PHP tidak perlu dideklarasikan dan ditetapkan jenis datanya sebelum menggunakan variabel tersebut. Hal itu berarti pula bahwa tipe data dari variabel dapat berubah sesuai dengan perubahan konteks yang dilakukan oleh user. Seperti bahasa pemrograman lain, untuk menetapkan nilai kepada suatu variabel cukup dengan menggunakan tanda = (sama dengan). Adapun tipe variabel yang dikenal PHP ada 5 macam, yaitu: integer, atau bilangan bulat, string, float, atau bilangan pecahan,array dan objek. Secara tipikal, variabel PHP cukup diinisialisasikan dengan memberikan nilai kepada variabel tersebut, Variabel dalam PHP memiliki aturan sebagai berikut:

(31)

2) Penamaan variabel bersifat case sensitive;

3) Nama variabel hanya bisa diawali oleh huruf atau garis bawah, baru setelah itu dapat diikuti dengan beberapa huruf, angka, maupun garis bawah.

Contohnya adalah sebagai berikut :

Gambar 2.3 Contoh Penulisan Variabel

Gambar 2.4 Contoh Variabel dalam PHP

Pada gambar 2.4. Source code diatas Identifier dalam PHP adalah case-sensitive, sehingga $_4site dengan $äsit e merupakan variabel yang berbeda.

dan MySql Andi : Yogyakarta. 2.4.5 Ar r ay PHP

Dalam PHP, sebuah variabel dapat dinyatakan sebagai sebuah tempat untuk sebuah nilai tunggal. Sedangkan Array adalah sebuah tempat untuk sekumpulan nilai. Sebuah array terdiri dari sejumlah element, yang masing-masing memiliki sebuah nilai - data yang tersimpan pada elemen array tersebut –

<?php

/ / penulisan salah, t idak boleh diaw ali angka

$4sit e = 'not yet ';

/ / penulisan benar

$_4sit e = 'not yet ';

/ / penulisan benar, ä merupakan ASCII 228

$äsit e = 'not yet ';

(32)

dan sebuah key atau index, dimana elemen tersebut dapat dirujuk. Normalnya, sebuah index berupa integer. Secara default, array adalah basis nol, artinya elemen pertama dari array memiliki index nol. akan tetapi index dapat juga berupa string. Bentuk sederhana array terdiri dari serangkaian elemen yang bertanda dimulai dari nol dan bertambah secara sekuensial.

Contoh Sebuah Array adalah sebagai berikut :

$branch[0] $branch[1] $branch[2] $branch[3] $branch[4]

" Semarang" " Surabaya" " M edan " " Bandung" " Yogjakart a"

Array terdiri dari key dan value, key dapat bertipe integer atau string sedangkan value semua tipe dapat digunakan Format penulisan array : ar r ay([k ey=>] value,..) Jika tidak disertai key secara default array akan dimulai dari 0 dan +1 untuk selanjutnya Array dapat juga dimulai dari bilangan (n) dan +1 untuk selanjutnya.

Untuk menampilkan sejumlah array digunakan : perintah : pr int_r ($var_ar r ay)

Untuk menjumlah banyaknya array digunakan : perintah : count($var_ar r ay)

Pada Array dalam PHP dapat berisi elemen dari sejumlah tipe data yang berbeda. Artinya array dalam PHP tidak harus memiliki tipe data yang sama. Ada tiga jenis array di PHP :

1. Numeric array – Array dengan dengan kunci ID numerik.

2. Associative array – Array dimana setiap kunci ID berasosiasi dengan nilai.

(33)

Sumber:Simarmata, Janner. 2006 , Aplikasi Mobile Commerce mengunakan PHP dan MySql Andi : Yogyakarta.

2.4.6 Kelebihan PHP

Beberapa kelebihan PHP dari bahasa pemrograman web, antara lain: 1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak

melakukan sebuah kompilasi dalam penggunaanya.

2. Web Server yang mendukung PHP dapat ditemukan dimana - mana dari

mulai apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif mudah.

3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan

developer yang siap membantu dalam pengembangan.

4. Dalam sisi pemahaman, PHP adalah bahasa scripting yang paling mudah karena memiliki referensi yang banyak.

5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin

(Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime

melalui console serta juga dapat menjalankan perintah-perintah system.

dan MySql Andi : Yogyakarta 2.5 Definisi MySql

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa Inggris: database management system) atau DBMS yang

multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL

AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi

(34)

komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL. Karena itu data base ini banyak orang yang menggunakan terutama para progremer yang sudah paham mengenai MySql. Karena lebih mudah connect dengan PHP.

MySQL juga sebuah implementasi dari sistem manajemen basisdata relasional (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL

(General Public License). Setiap pengguna dapat secara bebas menggunakan

MySQL, namun dengan batasan perangkat lunak tersebut tidak boleh dijadikan produk turunan yang bersifat komersial. MySQL sebenarnya merupakan turunan salah satu konsep utama dalam basisdata yang telah ada sebelumnya; SQL

(Structured Query Language). SQL adalah sebuah konsep pengoperasian

basisdata, terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis.

(35)

sistem yang ditujukan untuk bisnis sangat disarankan untuk menggunakan modus basisdata transaksional, hanya saja sebagai konsekuensinya unjuk kerja MySQL pada modus transaksional tidak secepat unjuk kerja pada modus non-transaksional.

MySQL memiliki beberapa keistimewaan, antara lain :

1. Portabilitas. MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi.

2. Perangkat lunak sumber terbuka. MySQL didistribusikan sebagai perangkat lunak sumber terbuka, dibawah lisensi GPL sehingga dapat digunakan secara gratis.

3. Multi-user. MySQL dapat digunakan oleh beberapa pengguna dalam waktu yang bersamaan tanpa mengalami masalah atau konflik.

4. 'Performance tuning', MySQL memiliki kecepatan yang menakjubkan dalam menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan waktu.

5. Ragam tipe data. MySQL memiliki ragam tipe data yang sangat kaya, seperti signed / unsigned integer, float, double, char, text, date, timestamp, dan lain-lain.

6. Perintah dan Fungsi. MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah Select dan Where dalam perintah (query).

7. Keamanan. MySQL memiliki beberapa lapisan keamanan seperti level

subnetmask, nama host, dan izin akses user dengan sistem perizinan yang

(36)

8. Skalabilitas dan Pembatasan. MySQL mampu menangani basis data dalam skala besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60 ribu tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada tiap tabelnya.

9. Konektivitas. MySQL dapat melakukan koneksi dengan klien menggunakan protokol TCP/IP, Unix soket (UNIX), atau Named Pipes (NT).

10. Lokalisasi. MySQL dapat mendeteksi pesan kesalahan pada klien dengan menggunakan lebih dari dua puluh bahasa. Meski pun demikian, bahasa Indonesia belum termasuk di dalamnya.

11. Antar Muka. MySQL memiliki antar muka (interface) terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API (Application Programming Interface).

12. Klien dan Peralatan. MySQL dilengkapi dengan berbagai peralatan (tool)yang dapat digunakan untuk administrasi basis data, dan pada setiap peralatan yang ada disertakan petunjuk online.

Semua keistimewaan MySQL diatas masing-masing mempunyai kelebihan dan kekurangan yang sudah diteliti para ahli. Dimana untuk menyempurnakan kekurangan – kekurangan tersebut dibutuhkan sebuah aplikasi interface guna mendukung kinerja mysql tersebut.

Sumber: Simarmata, Janner. 2006 , Aplikasi Mobile Commerce menggunakan

PHP dan MySql Andi : Yogyakarta

(37)

2.5.1 Koneksi Database MySql dengan PHP

Koneksi database diperlukan guna mendukung jalannya sebuah program database agar semua data yang diinputkan melalui aplikasi interface dapat masuk kedalam database yang terkoneksi dan dapat menampilkan sewaktu-waktu jika database itu dibutuhkan.

Berikut penulisan fungsi script untuk koneksi ke dalam database MySql : 1. MySql_connect()

Perintah ini digunakan untuk melakukan koneksi ke server database MySql, fungsi ini memiliki format penulisan sebagai berikut:

pada source code (12). script diatas adalah contoh koneksi database mysql ke php.

2. MySql_select_db()

Perintah ini digunakan untuk memilih database yang ada di server MySql, fungsi ini memiliki format penulisan sebagai berikut:

pada source code (13). script diatas adalah contoh memilih database yang ada mysqlpada php.

3. MySql_quer y()

Perintah ini digunakan untuk melakukan query atau menjalankan permintaan terhadap sebuah tabel atau sejumlah tabel database, fungsi ini memiliki format penulisan sebagai berikut:

mysql_connect (host, username, password) ...(12)

mysql_select_db(nama_database,pengenal_koneksi) ...(13)

(38)

pada source code (14) diatas adalah contoh menjalankan perintah mysql pada php

Sumber : Simarmata, Janner. 2006 , Aplikasi Mobile Commerce mengunakan

PHP dan MySql Andi : Yogyakarta. 2.6 Penger tian CSS

CSS merupakan bahasa yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup / markup language. Jika berbicara dalam konteks web, bisa di artikan secara meluas. CSS merupakan bahasa yang digunakan untuk mengatur tampilan / desain suatu halaman HTML. CSS

(Cascading Style Sheet) adalah standar pembuatan dan pemakaian style untuk

dokumen terstruktur , CSS digunakan untuk mempersingkat penulisan tag HTML seperti font,color,text, dan table menjadi lebih ringkas sehingga tidak terjadi pengulangan tulisan. Keuntungan menggunakan CSS sebagai berikut :

1. Memisahkan presentastion sebuah dokumen dari content document itu sendiri. 2. Mempermudah dan Mempersingkat pembuatan dan pemeliharaan dokumen 3. Mempercepat proses rendering/pembacaan HTML.

Ada dua cara yang bisa diterapkan untuk menggunakan CSS pada web. Cara yang pertama adalah dengan membuat CSS langsung didalam satu file HTML kita

(internal / inline style sheet). Cara yang kedua adalah dengan cara memanggil

CSS tersebut dari file CSS tersendiri (external style sheet.Penggunaan CSS merupakan standar untuk web-web modern (Web 2.0).

Sumber : Abe Poetra, “Tutorial Cascading Style Sheet (CSS)”, Kuliah Umum

(39)

2.7 Penger tian Ajax

AJAX adalah kependekan dari Asycronous Javascript and XML, dalam

bahasa indonesianya asinkron antara javascript dan XML, pengertian mudahnya menggabungkan antara javascript dan xml untuk mengakses sumber data di

server.Server tidak diakses secara langsung,melainkan mesin ajax yang

mengaksesnya. Javascript sebagai pemrograman di sisi client (artinya program yang dibuat dengan javascript, bisa dijalankan tanpa menggunakan server) sekarang ini bisa digunakan untuk mengakses server secara asinkron (di belakang layar, artinya proses akses tidak terlihat oleh user). Dan XML digunakan untuk format data hasil kembalian dari server. Javascript bisa mengakses server dengan menggunakan suatu object yang disebut dengan XMLHttpRequest().Object sudah built-in dalam mesin javascript, sehingga tidak perlu membuatnya. Object ini yang akan menjadi inti mesin dari AJAX, dari mengkases data sampai dengan menerima respon dari server, semuanya dikendalikan oleh object ini. Karena mesin javascript ada di dalam browser, maka aplikasi web berbasis ajax akan terpengaruh penggunaan browser, hampir semua browser terbaru (mozilla 1.x sampai 2.x atau yang terbaru, IE 5+ sampai yang terbaru, Opera, Netscape) sudah mendukung object ini. Dari sini sudah bisa diambil kesimpulan, yaitu : Ajax memiliki unsur javascript,html/xhtml,XML,dan CSS.Ajax ditulis dengan javascript, memanfaatkan object javascript yang sudah ada yaitu

XMLHttpRequest.Ajax tergantung dengan browser, jika browser mendukung

(40)

Dan proses ini tidak merefresh halaman. Hanya bagian tertentu dari halaman web saja yang diganti, sesuai dengan request tadi. Penggunaan object javascript (XMLHttpRequest) untuk merequest ke server, dalam beberapa browser tidak sama. Untuk browser keluaran microsoft menggunakan komponen ActiveX, yang bernama Microsoft.XMLHTTP, terdapat banyak versi dari komponen ini, tergantu dari versi browser internet Explorer (IE). Sedangkan browser keluarga mozilla, seperti firefox, opera menggunakan XMLHttpRequest. Namanya berbeda tetapi memiliki fungsi yang sama yaitu melakukan request ke server secara asinkron.

XML adalah sebuah format data, XML digunakan untuk menampung data ketika

dikirimkan dari server ke komputer client (web browser). Dokumen xml dibuat sesederhana mungkin, agar bisa diparser dengan mudah dan cepat. ajax, server bukanlah mengirimkan halaman, tetapi data. Ada perbedaan yang tipis antara data dan halaman jika kita berbicara soal web. Data dalam web adalah inti dari informasi itu sendiri, tidak peduli bagaimana data tersebut ditampilkan, bahkan data tidak memiliki tampilan. Tampilan akan dibuat secara on the fly di komputer

client. Sedangkan halaman sudah memiliki tampilan, sudah termasuk didalamnya

data, sehingga jumlah bit yang dikirim oleh server menjadi lebih banyak. AJAX menggunakan XML sebagai alat angkut datanya karena ke-fleksi-belan format

XML. Dokumen xml akan diparser oleh XML parser, sehingga bisa ditampilkan

(41)

memakainya secara luas. Contoh situs yang menggunakan ajax adalah Yahoo mail beta, Gmail, proses upload file di googlepages.

Adapun konsep kerja AJAX dalam web adalah sebagai berikut :

Browser Server Browser

Gambar 2.5 Konsep Kerja AJAX

Pada Langkah 1 pada Gambar diatas terjadi beberapa aksi :

1. Event Javascript dipanggil seperti (onChange, onClick) dalam sebuah

halaman web.

2. Event Javascript tersebut memanggil sebuah fungsi dimana fungsi itu

membuat objex XmlHttpRequest

3. Lalu Fungsi tersebut mengirimkan HttpRequest ke Server

Pada langkah 2 pada gambar diatas terjadi beberapa aksi :

1. Server memproses HttpRequest yang diterima dari browser.

2. Server membuat Response dan mengirimkan data ke browser

Pada Langkah 3 pada gambar diatas terjadi beberapa aksi :

1. Browser memproses data yang dikembalikan oleh Server

(42)

2. Lalu Browser meng-update content dari halaman web

Pengaplikasian teknologi AJAX diantaranya sudah familiar antara lain pembuatan aplikasi chat online, aplikasi dengan fungsionalitas seperti fasilitas saran pengetikan kata kunci pada search engine google (google suggest),datagrid yang responsive, validasi form, dan loading pada saat aplikasi web sedang di load.

Contoh penggunaan validasi form dan submit pada Ajax seperti yang ditunjukkan file ajaxform.html dibawah ini :

$(document ).ready(funct ion() {

$().ajaxSt art (funct ion() { $('#loading').show (); $('#result ').hide(); }).ajaxSt op(funct ion() {

$('#loading').hide(); $('#result ').fadeIn('slow '); });

$('#myForm').submit (funct ion() { $.ajax({

t ype: 'POST',

url: $(t his).at tr('act ion'), dat a: $(t his).serialize(), success: f unct ion(dat a) {

$('#r esult ').ht ml(data); }

})

ret urn false; });

}) ……….(15)

(43)

html untuk menampilkan form nya, dan file proses.php untuk memproses data yang dikirimkan dan menampilkan hasilnya. Sedangkan file proses.php yang akan memproses data yang dikirimkan, isinya adalah sebagai berikut :

<?php

/ / validasi

if (t rim($_POST['nim']) == '') {

$error[] = '- NIM harus diisi'; }

if (t rim($_POST['nama']) == '') {

$error[] = '- Nama harus diisi'; }

if (t rim($_POST['t empat _lahir']) == '') {

$error[] = '- Tempat Lahir harus diisi'; }

/ / dan seterusnya

if (isset ($error)) {

echo '<b>Error</ b >: <br / >'.implode('<br / >', $error ); } else {

/ *

jika data mau dimasukkan ke dat abase, maka perint ah SQL INSERT bisa dit ulis di sini * /

$dat a = '';

foreach ($_POST as $k => $v) { $dat a .= "$k : $v<br / >" ; }

echo '<b>Form berhasil disubmit . Berikut ini dat a anda:</ b>'; echo '<br / >';

echo $dat a; }

die();

?> ……….(16)

(44)

Gambar 2.6 Output pada ajaxform.html

Sumber : Kadir, Abdul. 2009, Mastering Ajax dan PHP, Andi: Yogyakarta.

2.8 Penger tian J quer y

(45)

membuat javascript / ajax dapat dijalankan hampir disemua web browser atau sering disebut cross browser. Berikut beberapa keunggulan yang dimiliki JQuery :

a) Mempermudah akses dan manipulasi elemen tertentu pada dokumen. b) Mempermudah modifikasi/perubahan tampilan halaman web.

c) Mempersingkat Ajax (Asynchronous Javacsript and XML). d) Memiliki API (Application Programming Interface).

e) Mampu merespon interaksi antara user dengan halaman web dengan lebih cepat.

f) Menyediakan fasilitas untuk membuat animasi sekelas Flash dengan mudah.

<ht ml>

<head>

$(document ).ready(funct ion(){

$(".sembunyi" ).click(funct ion(){

$(" #fot o" ).hide(" slow " );

});

$(".t ampil" ).click(f unct ion(){

$(" #fot o" ).show (" nor mal" );

});

</ script > </ head>

<body>

<butt on class=" sembunyi" >Sembunyikan </ but t on>

<butt on class=" tampil" >Tampilkan</ but t on>

</ body>

</ ht ml> ……… (15)

(46)

adalah $(document).ready(function(){ Setelah semua elemen di tampilkan tahap berikutnya adalah memilih elemen berdasarkan class atau id yang di defenisikan contoh script jquery di atas menggunkankan selector:

$("#foto") $(".sembunyi") $(".tampil")

setelah elemen dipilih tahap berikutnya memebrikan aksi terhadap elemen yang sudah dipilih misalnya di klik dan hide dimana apabila tombol di klik maka menyembunyikan elemen foto.

$(document).ready(function(){ $(".sembunyi").click(function(){ $("#foto").hide("slow");

});

Sumber: Hakim, Lukmanul. 2010, Bikin Website Super Keren dengan PHP dan

jQuery, PT.Elex Media Komputindo : Jakarta

2.8.1 J ava Scr ipt

JavaScript adalah bahasa scripting yang popular di internet dan dapat bekerja di sebagian besar browser popular seperti Internet Explorer (IE), Mozilla

Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman

web menggunakan tag SCRIPT. Ada beberapa cara untuk meletakkan kode JavaScript di dalam dokumen/halaman HTML :

(47)

c) Melalui event tertentu

Contoh penggunaan java script :

funct ion halo() {

alert ( “ Halo Dunia! ” );

}

< / script >

Gambar 2.7 Contoh Javascript

Skrip JavaScript yang dimasukkan di dalam berkas HTML ataupun XHTML harus dimasukkan di antara tag <script>...</script>

(48)

ANALISA DAN PERANCANGAN SISTEM

3.1 Analisis Sistem

Analisis sistem dapat didefinisikan sebagai penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasi dan mengevaluasi permasalahan yang terjadi dan k ebutuhan-kebutuhan yang diharapkan sehingga sistem dapat berjalan dengan baik.

3.1.1 Analisis Masalah

Tabel 3.1. Tabel Analisis Masalah

No Permasalahan Pihak

1. 2. 3. 4. 5.

Sistem yang berjalan saat ini masih manual dengan sistem transaksi barang secara langsung ke tempatnya.

Media promosi CV ZODIAK masih sangat minim.

Sistem saat ini membutuhkan shopkeeper yang cukup banyak sehingga membuat pengeluaran untuk gaji karyawan juga cukup besar.

Dengan sistem yang berjalan sekarang, pemberian informasi kepada customer dirasakan kurang efektif sehingga

customer belum tentu mendapatkan

informasi secara lengkap.

Selama ini pengarsipan dilakukan dengan menggunakan kertas sehingga mudah hilang dan rusak.

Customer

Perusahaan

Customer

(49)

3.1.2 Analisis Sistem Penjualan

Sistem pembelian yang dilakukan oleh konsumen merupakan sistem pembelian konvensional dengan cara konsumen harus datang ke toko tersebut untuk memilih barang, setelah cocok konsumen dapat mengambil barang dan melakukan pembayaran, flowmap sistem yang berjalan adalah sebagai berikut:

(50)

3.1.3 Str uktur Sistem

Struktur sistem website terbagi ke dalam tiga bagian yaitu Pengunjung , Konsumen dan Administrator

a. Pengunjung

1. Melihat lihat data barang dan informasi barang yang ditawarkan di toko zodiak. 2. Melakukan registrasi :Tahap yang harus dilakukan untuk dapat melakukan transaksi pemesanan barang adalah melakukan registrasi.

3. Melihat menu kontak :Menu ini digunakan untuk menghubungi pihak toko zodiak

4.Melihat menu profil :Menu ini digunakan untuk melihat profil toko

5.Melihat menu cara pesan :Menu ini digunakan untuk melihat cara cara pemesanan

6.Cek status pemesanan :Menu ini digunakan untuk melakukan cek status pemesanan yang dilakukan oleh pemesan yang belum menjadi member.

b. Konsumen

1. Login : Menu ini digunakan untuk masuk kedalam sistem agar dapat melakukan transaksi.

2. Melihat data barang : Informasi barang yang ditawarkan di toko zodiak.

3. Melihat kategori : Menu ini digunakan untuk melihat kategori barang yang ada di toko

4. Melihat menu cara pemesanan: Menu ini digunakan untuk melihat cara pemesanan barang

(51)

6. Menulis pesan untuk administrator : Menu ini digunakan jika user ingin mengirimkan pesan ke administrator

7. Mengubah profil : Menu ini digunakan untuk mengubah profil costumer. 8. Logout : Menu ini digunakan untuk keluar dari sistem

c. Administr ator

1. Login :Menu ini digunakan untuk masuk kedalam sistem agar dapat melakukan transaksi.

2. melihat kategori :Menu ini digunakan untuk melihat menambah atau menghapus kategori

3. Melihat stock :Menu ini digunakan untuk melihat, mengubah, dan menghapus data kategori

4. Menambah data barang : Menu ini digunakan untuk menambah data barang. 5. Melihat data barang :Menu ini digunakan untuk melihat, mengubah, dan menghapus data barang

6. Melihat data pesanan : Menu ini digunakan untuk melihat, mengubah status pesanan, dan penyesuaian data detail pesanan.

7. Mengirim pesan ke konsumen :Menu ini di gunakan untuk melakukan pengiriman pesan ke konsumen

8.Logout :Menu ini digunakan untuk keluar dari sistem. 3.2 Analisis Kebutuhan Non Fungsional

(52)

3.2.1 Analisis Perangka t Keras

Perangkat keras yang direkomendasikan untuk menjalankan aplikasi ini adalah sebagai berikut :

1. Administrator

a. Processor dengan kecepatanminimal 1 GHz

b. Kapasitas Harddisk minimal 20 GB

c. RAM minimal 256 MB

d. VGA Card minimal 64 MB

e. Monitor dengan resolusi 1024x768

f. Lan Card 10/100Mbps

g. Koneksi internet minimal 64 kbps

h. Mouse

i. Keyboard

2. Client

a. Processor dengan kecepatan minimal 1 GHz

b. Kapasitas Harddisk minimal 20 GB

c. RAM minimal 256 MB

d. VGA Card minimal 64 MB

e. Monitor dengan resolusi 1024x768

f. Lan Card 10/100Mbps

g. Koneksi internet minimal 64 kbps

h. Mouse

(53)

3.2.2 Analisis Perangka t Lunak

Kebutuhan perangkat lunak merupakan faktor-faktor yang harus dipenuhi untuk merancang sebuah perangkat lunak sehingga perangkat lunak tersebut sesuai dengan maksud dan tujuan perangkat lunak tersebut di buat. Beberapa perangkat lunak pendukung sebagai berikut :

1. Windows xp sebagai sistem operasi

2. PHP

3. Macromedia Dreamweaver 8 4. MySQL sebagai Database

5. Web Server phpMyadmin

6. Mozila sebagai browser 3.2.3 Analisis Pemakai

User dari aplikasi ini dibagi menjadi tiga yaitu:

1. Administrator : adalah orang yang mengurus toko online yaitu pemilik dari

toko yang bertugas mengolah data konsumen, input data dan mengolah data transaksi, yang harus dimiliki administrator yaitu kemampuan dasar dibidang komputer dan mengoperasikan Sistem Operasi windows 9x/2000/XP, pemahaman yang cukup untuk mengelola data dalam web serta memiliki pengetahuan tentang internet.

pemahaman yang cukup untuk mengelola data dalam web serta memiliki pengetahuan tentang internet.

(54)

3. Konsumen: kualifikasi yang harus dimiliki yaitu dapat melakukan browsing di internet.

3.3 Per ancangan Desain Sistem

Perancangan desain sistem dilakukan untuk memberikan gambaran mengenai aplikasi yang web dibuat di CV.ZODIAK Sidoarjo.

3.3.1 Diagr am Konteks

Diagram konteks adalah diagram yang terdiri dari suatu proses dan menggambarkan ruang lingkup suatu sistem. Diagram konteks merupakan level tertinggi dari DFD yang menggambarkan seluruh input ke sistem atau output dari sistem, ia akan memberi gambaran tentang keseluruhann sistem. Sistem dibatasi oleh boundary (dapat digambarkan dengan garis putus). Dalam diagram konteks hanya ada satu proses. Tidak boleh ada store dalam diagram konteks.. Gambar diagram konteks untuk sistem yang akan dibangun dapat dilihat pada gambar berikut :

info_data_admin

info_data_pelanggan data_detail_pesanan

data admin info barang

data_pengunjung 0

Aplikasi Jual Beli Sepatu

+

pengunjung Administrator

Pelanggan

Gambar 3.2 Diagram Konteks Penjelasan gambar 3.3 :

(55)

b) Proses input data diantaranya admin melakukan manajemen data master dan sistem akan memberi konfirmasi bahwa data yang diinputkan telah masuk/belum masuk ke sistem.

c) Pengunjung dapat melihat informasi produk.

d) Pengunjung yang mendaftar sebagai member dapat melakukan pembelian barang.

3.3.2 Data Flow Diagram Level 1

Data Flow Diagram adalah media yang digunakan untuk menggambarkan aliran

data yang mengalir pada suatu sistem informasi. berikut gambar DFD nya :

info_jenispengiriman info_produk data_kategori info_data_kota info_data_subkategori info_data_provins i info_data_ongkos info_data_kategori data_subkategori data_jenispengiriman

data_kotadata_provins i data_ongkos data_keranjang info_data_keranjang info_detail_pesanan data_pesanan info_data_keranjang data_keranjang info_data_kategori data_kategori data_produk info_data_produk info_data_kota data_kota info_data_provins i data_provins i info_data_jenis _pengiriman data_jenis_pengiriman info_ongkos data_ongkos data_s ubkategori info_data_subkategori data_produk info_data_adm in info_data_adm in data_admin data admin info_pesanan data_pesanan info_produk data_produk info_produk data_pelanggan data_pengunjung info barang data_pelanggan info_data_pelanggan info_produk data_pelanggan data_pengunjung info_produk data_pelanggan info_detail_pesanan data_detail_pes anan info_data_pes anan data_detail_pes anan data_pengunjung info_produk data_pelanggan info_data_pelanggan info_data_pengunjung info_data_pengunjung data_pengunjung pengunjung Administrator Pelanggan 1 Registrasi tbl_pelanggan 2 Login 3

lihat produk tbl_produk

4 Memesan tbl_detail_pes anan 5 cari produk tbl_pesanan 6

login adm in tbl_admin

7 manajem en data master

+ tbl_subkategori tbl_kategori ongkos tbl_kota tbl_jenis_pengiriman tbl_provins i tbl_keranjang

(56)

3.3.3 Spesifikasi Pr oses

Menggambarkan deskripsi dan spesifikasi dari setiap proses pada pemodelan DFD sesuai kebutuhan sistem. Spesifikasi Proses yang terdiri dari 7 proses pada DFD Level 1 diatas dijelaskan dalam beberapa tabel sebagai berikut :

Tabel 3.2 Spesifikasi Proses Registrasi

No. Proses Keterangan

1. No.Proses

Nama Source Input Output Destination Logika Proses 1 Registrasi Pengunjung

Button Click dan Input

Info Data Pengunjung

Pengunjung

Begin

{pengunjung memasukan data} If data lengkap Then {data disimpan} Else {pesan eror ditampilkan} End

Tabel 3.3 Spesifikasi Proses Login

1. No.Proses

Nama Source Input Output Destination Logika Proses 2 Login Pelanggan

Info Pelanggan ( login valid/invalid)

Pelanggan

Begin

{Pelanggan memasukan data login}

(57)

Tabel 3.4 Spesifikasi Proses Lihat Produk

1. No.Proses Nama Source Input Output Destination Logika Proses 3 Lihat Produk

Pengunjung dan Pelanggan

Info Produk

Begin

{Pelanggan input data ke dalam form}

If data tidak lengkap

Then {tampilkan pesan error} Else{data ditampilkan}End.

Tabel 3.5 Spesifikasi Proses Memesan Produk

1. No.Proses Nama Source Input Output Destination Logika Proses 4 Memesan Produk Pelanggan

Info Data Pesanan Pelanggan

Begin {pelanggan menambah, mengubah, atau

menghapus data ke dalam database}

If data tidak lengkap

(58)

Tabel 3.6 Spesifikasi Proses Cari Produk

1. No.Proses 5 Nama Source Input Output Destination Logika Proses 5 Cari Produk

Info produk

Begin

{data dari database di panggil dan ditampilkan}

end

Tabel 3.7 Spesifikasi Proses Login Admin

1. No.Proses Nama Source Input Output Destination Logika Proses 6 Login Admin Admin

Login valid / invalid Admin

Begin

{Admin memasukan data login}{sistem memanggil data penguna sesuai data login}

If username dan password sesuai

Then {antar muka terbuka sesuai hak akses

}Else {antar muka tetap seperti awal dan data

(59)

Tabel 3.8 Spesifikasi Proses Manajemen Data Master

1. No.Proses

Nama

Source

Input

Output

Destination

Logika Proses 7

Manajemen Data Master

Admin

Login valid / invalid

Admin

Begin

{Admin memasukan data login}{sistem memanggil data penguna sesuai data login} If username dan password sesuai Then {antar muka terbuka sesuai hak akses}Else {antar muka tetap seperti awal dan data login dihapus}

3.3.4 DFD Level 2 Manajemen Data Master

Gambar proses Manajemen Data Master pada DFD Level 1 diturunkan ke DFD Level 2, seperti dibawah ini :

(60)

Penjelasan gambar 3.4 :

Admin melakukan login, didalam sistem website akan muncul form login yang didalamnya admin harus memasukkan username dan password. Maka sistem akan mengecek benar atau salah username dan password yang dimasukkan oleh admin, jika admin memasukkan dengan benar. Sistem akan masuk ke halaman selanjutnya yaitu menu admin yang didalamnya terdapat beberapa menu diantaranya kelola detail pesanan, kelola pesanan pelanggan, kelola produk, kelola berita, dan kelola kategori.

3.3.5 DFD Level 3 Proses Kelola Produk

Proses Kelola Data Produk pada DFD Level 2 diturunkan ke DFD Level 3, admin melakukan proses tambah produk, pilih kategori, edit produk, hapus produk dan tambah gambar. Adapun DFD Level 3 ditunjukkan oleh gambar dibawah ini :

info_produk

info_produk data_produk

info_produk data_produk info_dataproduk

data_produk

data produk info_data_produk data_produk

data_produk info_data_produk

tbl_produk

Administrator 1

tambah produk

2 ubah produk

3 hapus produk

(61)