Tugas akhir ini membahas tentang perancangan website toko komputer online dengan menggunakan PHP dan MySQL untuk membangun sistem administrasi dan frontend pelanggan. Dokumen ini menjelaskan latar belakang, tujuan, metode penelitian, ruang lingkup, landasan teori, analisis sistem, desain antarmuka dan alur kerja sistem administrasi.
10. Operator Operasi
+ Penambahan
- Pengurangan
* Perkalian
/ Pembagian
% Sisa Pembagian
++ Penambahan dengan 1
-- Pengurangan dengan 1
11. Contoh Nama Hasil
$a AND $b AND TRUE jika kedua $a dan $b TRUE.
$a OR $b OR TRUE jika salah satu $a atau $b TRUE.
$a XOR $b XOR
TRUE jika salah satu $a atau $b TRUE, tapi
tidak keduanya.
! $a NOT TRUE jika $a tidak TRUE.
$a && $b AND TRUE jika kedua $a dan $b TRUE.
$a || $b OR TRUE jika salah satu $a atau $b TRUE.
12. Contoh Nama Hasil
$a == $b Equal TRUE jika $a sama dengan $b
$a === $b Identical TRUE jika $a sama dengan $b, dan tipe keduanya sama.
$a != $b Not equal TRUE jika $a tidak sama dengan $b.
$a <> $b Not equal TRUE jika $a tidak sama $.
$a !== $b Not identical
TRUE jika $a tidak sama dengan $b, atau tipe keduanya tidak
sama
$a < $b Less than TRUEjika $a kurang dari $b.
$a > $b Greater than TRUE jika $a lebih besar dari $b.
$a <= $b Less than or equal to TRUE jika $a kurang dari atau sama dengan $b.
$a >= $b
Greater than or equal
to
TRUE jika $a lebih besar atau sama dengan $b.
13. 2.1.4. MySQL
SELECT * FROM tabel1, tabel2
WHERE tabel1.field=tabel2.field
GROUP BY field1
ORDER BY field2
LIMIT 0,5;
14. 2.1.5. JavaScript
<input type="button" value="Tekan di sini"
onclick="halo();">
<script type="text/javascript">
function halo() {
alert( "Halo Dunia!" );
}
</script>
21. KATEGORI PRODUK
VENDOR PRODUK
KERANJANG BELANJA
HALAMAN PROFIL
BERANDA
HOME
DETAIL PRODUK
PRODUK BY KATEGORI
PRODUK BY VENDOR
DAFTAR BELANJA
PROFIL
KONTAK KAMI
CARA BELI
BATAL
KIRIM
HALAMAN KONTAK KAMI
HALAMAN CARA BELI
BANNER ADS
YM ICON
SEARCHING
SEMUA PRODUK
PRODUK PROMO
PRODUK TERLARIS
PRODUK SEGERA HADIR
HASIL SEARCHING
PRODUK ALL
SELESAI BELANJA
UPDATE
LANJUT BELANJA
23. id_kategori nama_kategori seo
id_kota nama_kota ongkos_kirim
id_orders nama_customer alamat_lengkap
telpon email status_order
jam_order tgl_order id_kota
id_orders id_produk jumlah
id_produk id_kategori id_vendor
nama_produk seo deskripsi
dimensi berat h_awal
harga ongkir stok
tgl_masuk gambar dibeli
promo soon id_review
nama_customer email isi
id_produk status id_vendor
nama_vendor seo id_orders_temp
id_produk id_session jumlah
tgl_order_temp jam_order_temp
Gambar II.1
Bentuk Tidak Normal (Unnormalized Form)
24. Gambar II.2
Bentuk Normal Kesatu (First Normal Form / 1NF)
id_kategori* nama_kategori seo
id_kota* nama_kota ongkos_kirim
id_orders* nama_customer alamat_lengkap
telpon email status_order
jam_order tgl_order id_kota
id_orders id_produk* jumlah
id_produk id_kategori id_vendor
nama_produk seo deskripsi
dimensi berat h_awal
harga ongkir stok
tgl_masuk gambar dibeli
promo soon id_review*
nama_customer email isi
id_produk status id_vendor*
nama_vendor seo id_orders_temp*
id_produk* id_session* jumlah
tgl_order_temp jam_order_temp
26. Login
Start
End
Tampil Form
Login
Isi Data Login?
Dashboard
Menu
Input Data
Login
Tekan Tombol
Logint?
Kode Captcha
Benar?
Proses Validasi
Data
Data Lengkap?
Alert!
Kode Captcha
Salah
Alert!
Data Kurang
Lengkap
Data Login
ditemukan?
Alert!
Username atau
Password salah
YN
YY
Y
Y
N
N N N
27. Flowchart Menu Utama
Dashboard
Start
Pilih
Dashboard?
Pilih Order ?
Pilih Ganti
Password ?
Pilih Manajemen
Modul ?
Pilih Kategori
Produk?
Pilihi Produk?
Pilihi Vendor
Produk?
Pilih Log-Out?
Pilih Ongkos
Kirim ?
Pilih Hubungi
Kami?
PilihReview
Produk ?
Ganti
Password
Vendor Produk
Produk
Manajemen
Modul
Kategori
Produk
End
Review Produk
Pilih Daftar
User ?
Review Produk
Review Produk
Review Produk
Review Produk
N
N
N
N
N
N
N
N
N
N
N
N
Y
Y
Y
Y
Y
Y
Y
Y
Y Y
Y
Y
28. Flowchart Ganti Password
Y
Start
Tekan Tombol
Proses ?
Tampil Form
Ganti
Password
Data lengkap?
Password lama
benar?
Password baru
cocok?
Tekan Tombol
Batal ?
Proses Update
Password
Pilih menu?
End
N
Proses Validasi
Data
Isi Data Ganti
Password?
Input Data
Ganti
Password
Validasi
kelengkapa
n data
Validasi
kelengkapa
n data
Validasi
kelengkapa
n data
Y
Y
Y
Y
Y
Y
N
N
N
N
N
N
29. Y
Start
Tekan Tombol
Tambah ?
Tampil
Daftar Modul
Pilih Edit
Modull ?
Validasi Hapus
Modul
Pilih menu?
End
Y
Form
Tambah
Modul
Data
lengkap?
ProsesSimpan
Modul
Pilih Hapus
Modul?
Proses
Menghapus
Modul
Y
Y
N
Input data
modul
Isi Form ?
Klik
Simpan?
Validasi Data
Modul
Klik Tombol
Batal?
Alert! Data
Kurnag
Lengkap
Form
Tambah
Modul
Data
lengkap?
ProsesSimpan
Modul
Y
Input data
modul
Isi Form ?
Klik
Simpan?
Validasi Data
Modul
Klik Tombol
Batal?
Alert! Data
Kurang
Lengkap
Klik OK?
Klik Cancel?
Y
N
N
N
N
N
N
N
Y
Y
Y
Y
Y
Y
N
N
N
N
Y
Y
N
N
Flowchart Manajemen Modul
30. Flowchart Kategori
Y
Start
Tekan Tombol
Tambah ?
Tampil
Daftar
Kategori
Tekan Tombol
OK?
Pilih Edit
Kategoril ?
Validasi Hapus
Kategori
Pilih menu?
Y
End
T
T
N
Form
Tambah
Kategori
Data
lengkap?
Validasi Data
Kategori
ProsesSimpan
Kategori
Pilih Hapus
Kategori?
Tekan OK?
Proses
Menghapus
Kategori
Y
Y
T
Isi Form
Tambah ?
Input data
Kategori
Alert! Data
Kurang
Lengkap
Y
Tekan Tombol
OK?
Form Edit
Kategori
Data
lengkap?
Validasi Data
Kategori
ProsesSimpan
Kategori
Edit Kategori
?
Input data
Kategori
Alert! Data
Kurang
Lengkap
Tekan Cancel?
NN
N
N
N
N
N
N
N
N
Y
Y
Y
Y
Y
Y
Y
N
31. Flowchart Produk
Y
Start
Tekan Tombol
Tambah ?
Tampil
Daftar
Produk
Tekan Tombol
OK?
Pilih Edit
Produk ?
Validasi Hapus
Produk
Pilih menu?
Y
End
T
T
N
Form
Tambah
Produk
Data
lengkap?
Validasi Data
Produk
Proses Simpan
Produk
Pilih Hapus
Produk?
Tekan OK?
Proses
Menghapus
Produk
Y
Y
T
Isi Form
Tambah ?
Input data
Produk
Alert! Data
Kurang
Lengkap
Y
Tekan Tombol
OK?
Form Edit
Produk
Data
lengkap?
Validasi Data
Produk
ProsesSimpan
Produk
Edit Produk ?
Input data
Produk
Alert! Data
Kurang
Lengkap
Tekan Cancel?
NN
N
N
N
N
N
N
N
N
Y
Y
Y
Y
Y
Y
Y
N
32. Flowchart Vendor
Y
Start
Tekan Tombol
Tambah ?
Tampil
Daftar
Vendor
Tekan Tombol
OK?
Pilih Edit
Vendor ?
Validasi Hapus
Vendor
Pilih menu?
Y
End
T
N
Form
Tambah
Vendor
Data
lengkap?
Validasi Data
Vendor
Proses Simpan
Vendor
Pilih Hapus
Vendor?
Tekan OK?
Proses
Menghapus
Vendor
Y
Y
Isi Form
Tambah ?
Input data
Vendor
Alert! Data
Kurang
Lengkap
Y
Tekan Tombol
OK?
Form Edit
Vendor
Data
lengkap?
Validasi Data
Vendor
ProsesSimpan
Vendor
Edit Vendor ?
Input data
Vendor
Alert! Data
Kurang
Lengkap
Tekan Cancel?
NN
N
N
N
N
N
N
N
N
Y
Y
Y
Y
Y
Y
Y
N
33. Flowchart Order
Y
Start
Pilih Detail ?
Tampil
Daftar Order
Tekan Tombol
Ubah?
Pilih menu?
Y
End
Edit
Status
Order
Proses Rubah
Status Order
Y
N
Tampil
Halaman
Edit
Ubah Status
Order?
N
N N Y
34. Flowchart Ongkos Kirim
Y
Start
Tekan Tombol
Tambah ?
Tampil Daftar
Ongkos Kirim
Tekan Tombol
OK?
Pilih Edit
Ongkos Kirim ?
Validasi Hapus
Ongkos Kirim
Pilih menu?
Y
End
T
N
Form
Tambah
Ongkos
Kirim
Data
lengkap?
Validasi Data
Ongkos Kirim
Proses Simpan
Ongkos Kirim
Pilih Hapus
Ongkos Kirim?
Tekan OK?
Proses
Menghapus
Ongkos Kirim
Y
Y
Isi Form
Tambah ?
Input data
Ongkos
Kirim
Alert! Data
Kurang
Lengkap
Y
Tekan Tombol
OK?
Form Edit
Ongkos
Kirim
Data
lengkap?
Validasi Data
Ongkoss
Kirim
ProsesSimpan
Ongkos Kirim
Edit Ongkos
Kirim ?
Input data
Ongkos
Kirim
Alert! Data
Kurang
Lengkap
Tekan Cancel?
NN
N
N
N
N
N
N
N
N
Y
Y
Y
Y
Y
Y
Y
N
35. Flowchart Ganti Password
Y
Start
Pilih Detail ?
Tampil
Daftar
Review
Tekan Tombol
Simpan?
Pilih menu?
Y
End
Edit
Review
Produk
Proses Rubah
Review Produk
Y
N
Tampil
Halaman
Detail
Edit Review?
N
N N Y
36. Flowchart Ganti Password
Start
Tampil
DaftarPesan
Klik Alamat E-
mail?
Validasi Hapus
Pesan
Pilih menu?
End
N
Pilih Hapus
Pesan?
Tekan OK?
Proses
Menghapus
Pesan?
Y
Y
Y
Tekan Tombol
Kirim?
Form
Balas
Pesan
Data
lengkap?
Validasi Data
Pesan
Proses Balas
Pesan
Balas Pesan ?
Input
Pesan
Balasan
Alert! Data
Kurang
Lengkap
Tekan Cancel?
NN
N
N
N
N
N
Y
Y
Y
Y
Y
Y
Tekan Cancel?
N
Y
37. Y
Start
Tekan Tombol
Tambah ?
Tampil
Daftar User
Tekan Tombol
OK?
Pilih Edit
User ?
Validasi Hapus
User
Pilih menu?
Y
End
T
N
Form
Tambah
User
Data
lengkap?
Validasi Data
User
Proses Simpan
User
Pilih Hapus
User?
Tekan OK?
Proses
Menghapus User?
Y
Y
Isi Form
Tambah ?
Input data
User
Alert! Data
Kurang
Lengkap
Y
Tekan Tombol
OK?
Form Edit
User
Data
lengkap?
Validasi Data
User
ProsesSimpan
User
Edit User ?
Input data
User
Alert! Data
Kurang
Lengkap
Tekan Cancel?
NN
N
N
N
N
N
N
N
N
Y
Y
Y
Y
Y
Y
Y
N
38. Start
Input Kata
Kunci?
Klik Produk
Promo?
Klik Logo
Or Beranda?
Klik Social
Media?
Klik Menu
Produk?
Klik Cara
Belanja?
Klik Kontak
Kami?
Klik Profil
Kami?
Klk Kategori
Produk?
Beranda
Keranjang
Belanja
Klik Search?
Hasil
Pencarian
Pilih Detail
Produk?
Beli Produk?
Halaman
Profil
Kami
Halaman
Kontak
Kami
Halaman
Cara
Belanja
Tampil
Semua
Produk
Produk
berdasarkan
Kategori
Pilih Detail
Produk?
Pilih Detail
Produk?
Beli Produk?
End
S
Kontak Kami
Beli Produk?
Keranjang
Belanja
Menu
Index
Beranda
Detail Produk
Detail Produk
Y
N N
N
N
N
N
N
N
N
N
N
N
N
N
N
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y Y
N
Y
39. EndS
End
Pilih Menu Index
Lain?
Menu
Index
Beranda
Klk Vendor
Produk?
Produk
berdasarkan
Vendor
Pilih Detail
Produk?
Beli Produk?
Proses
Keranjang
Belanja
Proses Detail
Produk
KlikProduk
Terlarisr?
KlikProduk
Terlarisr?
Klik Yahoo
Messenger?
Klik Banner Ads?
N
N
N
N
N
N
N
N
YY
Y
Y
Y
Y
Y
Y
40. Start
End
Tampil Detail
Produk
Isi Review
Produk?
Keranjang
Belanja
Beli
Produk?
Input Data
Review
Tekan Tombol
Submit?
Data Lengkap?
Proses Validasi
Data
Kode Captcha
Benar?
Simpan Data
Review Produk
Alert!
Data Kurang
Lengkap
Alert!
Kode Captcha
Salah
Alamat E-mail
Valid?
Alert!
Data Kurang
Lengkap
Data Review
Tersimpan
Y
N
N
N
N N
N
Y
Y
Y
Y
Y
41. Form Selesai
Belanja
Isi Form Selesai
Belanja ?
Tekan Tombol
Proses?
Data Lengkap?
Proses
Penyimpanan Data
Order
Format E-mail
Benar?
Alert!
Data Kurang
Lengkap
Alert!
Format E-mail
salah
Start
Input Data
Pesanan
Proses Validasi Data
Pesanan
Kode Captcha
Benar?
Alert!
Kode Captcha
Salah
Data Pesanan
Tersimpan
End
YN
YY
Y
YN
N N
N
42. Start
Tampil
Keranjang
Belanja
Ada Stok
Barang?
End
Klik Update?
Klik Selesai
Belanja?
Klik Lanjut
Belanja?
Proses Update
Keranjang Belanja
Keranjang
Belanja Kosong?
Alert!
Keranjang
Belanja Masih
Kosong
Klik Hapus?
Proses Hapus
Keranjang Belanja
Tambah Barang
belanjaan?
Selesai Belanja
Y
N
Y Y
Y
Y
Y
Produk Sudah Ada
di Keranjang?
Tambah Jumlah
Simpan Data
Belanjaan
N
N
N
N
N
N
N
Y
Y
Y
43. Form Selesai
Belanja
Isi Form Selesai
Belanja ?
Tekan Tombol
Proses?
Data Lengkap?
Proses
Penyimpanan Data
Order
Format E-mail
Benar?
Alert!
Data Kurang
Lengkap
Alert!
Format E-mail
salah
Start
Input Data
Pesanan
Proses Validasi Data
Pesanan
Kode Captcha
Benar?
Alert!
Kode Captcha
Salah
Data Pesanan
Tersimpan
End
YN
YY
Y
YN
N N
N
44. 2.4.1. Spesifikasi File
No Elemen Data Nama Field Tipe Lebar Dec Keterangan
1 Id Produk id_produk Int 5 - Primary Key
2 Id Kategori id_kategori Int 2 - Foreign Key
3. Id Vendor id_vendor Int 2 Foreign Key
4. Nama Produk nama_produk Varchar 50 - -
5. Nama SEO seo Varchar 50
6. Deskripsi deskripsi Text 1000
7. Dimensi/ukuran dimensi Varchar 20
8. Berat berat Double 3 2
9. Harga Awal h_awal Int 20
10. Harga harga Int 20 - -
11. Ongkos Kirim ongkir Int 20 - -
12. Persediaan stok Int 5
13. Tgl Masuk tgl_masuk Date
14. Gambar gambar Varchar 50
15. Dibeli dibeli Int 4
16. Promo promo Char 3
17. Segera Hadir soon Char 3
Tabel II.3. Struktur Tabel Produk
45. No Elemen Data Nama Field Tipe Lebar Dec Keterangan
1 Id Kategori id_kategori Int 5 Primary Key
2. Kategori Produk nama_kategori Varchar 30
3. Kategori SEO seo Varchar 30
Tabel II.3. Struktur Tabel Kategori
No Elemen Data Nama Field Tipe Lebar Dec Keterangan
1 Id Vendor id_vendor Int 5 Primary Key
2. Vendor Produk nama_vendor Varchar 30
3. Vendor SEO seo Varchar 50
Tabel II.3. Struktur Tabel Vendor
46. No Elemen Data Nama Field Tipe lebar Dec Keterangan
1 Id Kontak id_kontak Int 5 - Primary Key
2 Nama nama Varchar 50 - -
2. Email Pengirim email Varchar 50 - -
3. Subjek Pesan subjek Varchar 50 - -
4. Isi Pesan pesan Text 1000 - -
5. Tanggal tanggal Date - -
Tabel II.5. Struktur Tabel Kontak
47. No Elemen Data Nama Field Tipe Lebar Dec Keterangan
1 ID Pesanan id_orders Int 5 - Primary Key
2 Nama Pembeli nama_customer Varchar 50 - -
3 Alamat Pembeli alamat_lengkap Varchar 100 - -
4 No. Telpon telpon Varchar 50 - -
5. Email email Varchar 50 - -
6. Status Pesanan status_order Varchar 8 - -
7. Jam jam_order Time
8. Tanggal Pesanan tgl_order Date
9. ID Kota Pegiriman id_kota Int 2 Foreign Key
Tabel II.6. Struktur Tabel Orders
48. No Elemen Data Nama Field Tipe Lebar Dec Keterangan
1 ID Pesanan id_orders Int 5 - Foreign Key
2 ID Produk id_produk Int 5 - Foreign Key
3
Jumlah
Pembelian jumlah Int 5 - -
Tabel II.6. Struktur Tabel Order Detail
49. No Elemen Data Nama Field Tipe Lebar Dec Keterangan
1
ID Pesanan
Temp id_orders_temp Int 5 - Primary Key
2 ID Produk id_produk Int 5 - Foreign Key
3 ID Session id_session Varchar 30 - Foreign Key
4 Jumlah jumlah Int 2 - -
5.
Tanggal
Pesanan tgl_order_temp Date - - -
6. Jam Pesanan jam_order_temp Time - - -
Tabel II.6. Struktur Tabel Orders Temp
50. No Elemen Data Nama Field Tipe Lebar Dec Keterangan
1 ID Review id_review Int 3 - Primary Key
2 ID Produk id_produk Int 3 - Foreign Key
3 Nama Pelanggan nama_customer Varchar 30 - -
4 Isi Review isi Text 1000 - -
5. Email email Varchar 50 - -
6. Status Review status Enum on/off - -
Tabel II.6. Struktur Tabel Review Produk
51. No Elemen Data Nama Field Tipe Lebar Dec Keterangan
1 ID Kota id_kota Int 2 - Primary Key
2 Nama Kota nama_kota Varchar 30 -
3 Ongkos Kirim ongkos_kirim Int 10 -
Tabel II.6. Struktur Tabel Kota
52. No Elemen Data Nama Field Tipe Lebar Dec Keterangan
1 ID Modul id_modul Int 2 - Primary Key
2 Nama Modul nama_modul Varchar 20 - -
3 Link Modul link Varchar 20 - -
4 Status Pengaksesan status Enum Y/N - -
5. Status keaktifan aktif Enum Y/N - -
6. Urutan urutan Int 2 - -
Tabel II.6. Struktur Tabel Modul
53. No Elemen Data Nama Field Tipe Lebar Dec. Keterangan
1 Username username Varchar 12 - Primary Key
2 Password password Varchar 12 - -
3 Nama Lengkap nama_lengkap Varchar 50 - -
4 No. Telpon no_telp Varchar 20 - -
5. Email email Varchar 50 - -
6. Level User level Varchar 10 - -
7. Status Pemblokiran blokir Enum Y/N
Tabel II.6. Struktur Tabel Admin
55. Electronic commerce memungkinkan pelanggan untuk berbelanja atau
melakukan transaksi lain selama 24 jam sehari sepanjang tahun dari
hampir setiap lokasi.
Electronic commerce meemberikan lebih banyak pilihan kepada pelanggan;
mereka bisa memilih berbagai produk dari banyak vendor.
Electronic commerce menyediakan produk-produk dan jasa yang tidak
mahal kepada pelanggan dengan cara mengunjungi banyak tempat dan
melakukan perbandingan secara cepat.
Dalam beberapa kasus, khususnya pada produk-produk yang digitized, E-
Commerce menjadikan pengiriman menjadi sangat cepat.
Pelanggan bisa menerima informasi relevan secara detail dalam hitungan
detik, bukan lagi hari atau minggi.
Electronic commerce memungkinkan partisipasi dalam pelelangan maya
(virtual auction).
56. •Selalu update tentang informasi security terbaru, celah keamanan website, serta
ancaman virus atau spyware yang ada di internet.
•Validasi setiap input dari user yang langsung berhubungan dengan database.
•Mengamankan hak cipta dengan cara melindungi konten website dari para plagiat
dengan menonaktifkan fungsi copy paste.
•Adanya backup data untuk mencegah terjadinya kehilangan data baik akibat
kelalaian manusia, mesin, atau bencana alam.
•Adanya software dan server terbaru seiring dengan perkembangan zaman sehingga
sewaktu – waktu dapat segera di update mengingat perkembangan teknologi yang
begitu cepat.