LAPORAN KERJA PRAKTEK

PERANCANGAN SISTEM INFORMASI E-COMMERCE

PADA RAKA KOMPUTER

Disusun Oleh :

MUHAMMAD ERFAN LAZUARDI

1511050138

JURUSAN SISTEM INFORMASI

FAKULTAS ILMU KOMPUTER
INSTITUTE INFORMATICS AND BUSINESS DARMAJAYA
2018
 HALAMAN PENGESAHAN

LAPORAN HASIL
KERJA PRAKTEK (KP)

PERANCANGAN SISTEM INFORMASI E-COMMERCE

PADA RAKA KOMPUTER

Oleh :

MUHAMMAD ERFAN LAZUARDI

Telah memenuhi syarat untuk diterima

Menyetujui,

Dosen Pembimbing Pembimbing Lapangan

Hermanto, S.Kom, M.T.I Agus Riyadi

NIDN. 12140211

Mengetahui,
Ketua Jurusan Sistem Informasi,

Nurjoko, S.Kom, M.T.I

NIK. 00440702

ii
 BIODATA DIRI

a. Nama : Muhammad Erfan Lazuardi

b. NPM : 1511050138
c. Tempat, Tanggal : Jakarta, 29 Maret 1996
Lahir
d. Agama : Islam
e. Alamat : Jl. Waringin Sari Barat, Kec. Sukoharjo,
Kab.Pringsewu, Prov. Lampung
f. Suku : Jawa
g. Kewarganegaraan : Indonesia
h. Email : erfanlazuardi@gmail.com
i. No Hp : 085269755652

Dengan ini saya menyatakan bahwa semua keterangan yang saya sampaikan
diatas adalah benar.

Yang menyatakan,
Bandar Lampung, 08 Oktober 2018

Muhammad Erfan Lazuardi

NPM. 1511050138

iii
 KATA PENGANTAR

Puji syukur penulis panjatkan kehadirat Allah SWT, karena atas Rahmatnya dan
kehendak-nya sehingga saya dapat menyelesaikan laporan pelaksanaan Kerja
Praktek (KP) pada tanggal 10 Agustus sampai dengan tanggal 10 September tahun
2018 ini tepat pada waktunya. Kegiatan Kerja Praktek (KP) salah satunya
dilaksanakan di Instansi Raka Komputer, Kecamatan Pringsewu, Kabupaten
Pringsewu. Kegiatan ini merupakan salah satu bagian dari Tri Darma Perguruan
Tinggi yang harus dilakukan oleh Civitas Akademika khususnya oleh mahasiswa
di Perguruan Tinggi dalam kegiatan pembelajaran dan penelitian.
Selesainya laporan kerja praktek ini tidak lepas dari bantuan banyak pihak yang
telah memberikan masukan-masukan kepada penulis. Untuk itu penulis
mengucapkan banyak terima kasih kepada :
1. Allah SWT serta junjungan rasul Muhammad SAW.
2. Kedua orang tua saya yang telah memberikan motivasi baik moril maupun
material dan doa bagi saya.
3. Bapak IR. Firmansyah Y. Alfian, MBA.,MSc. selaku Rektor IIB
DARMAJAYA.
4. Bapak Nurjoko, S.Kom, M.T.I selaku Ketua Jurusan Sistem Informasi IIB
DARMAJAYA.
5. Bapak Hermanto, S.Kom, M.T.I selaku Dosen Pembimbing Lapangan
(DPL) yang telah memberikan bimbingan, petunjuk serta saran-saran yang
sangat berharga dalam kegiatan KP sampai penulisan laporan KP.
6. Bapak Agus Riyadi selaku Pimpinan Instansi yang telah memberikan
arahan dan membantu setiap kegiatan yang dilakukan.
7. Karyawan Raka Komputer yang telah memberi dukungan dan masukan
dalam berbagai kegiatan kerja praktek.
8. Semua pihak baik yang secara langsung ataupun tidak langsung telah
membantu serta menjadi motivasi dalam penyelesaian Laporan Kerja
Praktek ini.

iv
Akhir kata, penulis memohon maaf sebesar-besarnya apabila atas kesalahan dan
kekurangan dan segala keterbatasan dalam penulisan ataupun isi dalam Laporan
Kerja Praktek ini. Semoga Allah SWT memberikan Rahmat dan Hidayahnya
untuk kalian atas kebaikan yan telah diberikan kepada penulis. Amin.

Bandar Lampung, Oktober 2018

Penulis,

Muhammad Erfan Lazuardi

v
 DAFTAR ISI

HALAMAN PENGESAHAN ................................................................................. ii

BIODATA DIRI .................................................................................................... iii

KATA PENGANTAR ........................................................................................... iv

DAFTAR ISI .......................................................................................................... vi

DAFTAR GAMBAR ........................................................................................... viii

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

1.1 Latar Belakang ..................................................................................... 1

1.2 Ruang Lingkup Kerja Program KP/Apprentice ................................... 2

1.3 Manfaat dan Tujuan Program KP/Apprentice .................................... 3

1.4 Tempat Dan Waktu Pelaksanaan.......................................................... 3

1.5 Sistematika Penulisan........................................................................... 3

BAB II GAMBARAN UMUM PERUSAHAAN ................................................... 5

2.1 Sejarah Perusahaan ............................................................................... 5

2.2 Visi dan Misi Perusahaan ..................................................................... 5

2.3 Bidang Usaha / Kegiatan Utama Perusahaan ....................................... 6

2.4 Lokasi Perusahaan ................................................................................ 6

2.5 Struktur Organisasi ............................................................................... 6

BAB III PERMASALAHAN PERUSAHAAN ...................................................... 7

3.1 Analisa Permasalahan yang dihadapi Perusahaan ................................ 7

3.1.1 Temuan Masalah ......................................................................... 7

3.1.2 Perumusan Masalah .................................................................... 7

3.1.3 Kerangka Pemecahan Masalah .................................................. 7

3.2 Landasan Teori ..................................................................................... 8

3.3 Rancangan Program ........................................................................... 16

vi
 3.2.1 Metode Yang Digunakan ............................................................. 16

3.2.2 Analisis Sistem Yang Berjalan .................................................... 16

3.2.3 Analisis Sistem Yang Diusulkan ................................................. 17

3.2.4 Perancangan Sistem ..................................................................... 17

BAB IV HASIL DAN PEMBAHASAN ............................................................... 22

4.1 Tampilan Utama Pada website E-commerce ...................................... 22

4.2 Antarmuka Halaman Login Admin .................................................... 26

4.3 Antarmuka Halaman Admin ............................................................... 27

BAB V KESIMPULAN DAN SARAN ................................................................ 29

5.1 Kesimpulan ......................................................................................... 29

5.2 Saran ................................................................................................... 29

DAFTAR PUSTAKA

LAMPIRAN

vii
 DAFTAR GAMBAR

Gambar 2.1 Struktur Organisasi Raka Komputer ................................................... 6

Gambar 3.1 Pengembangan Perangkat Lunak Model Prototype .......................... 16

Gambar 3.2 Use case Diagram Sistem Informasi e-commerce ............................ 18

Gambar 3.3 Activity Diagram Login Admin ........................................................ 19

Gambar 3.4 Activity Diagram Menambah Produk ................................................ 19

Gambar 3.5 Activity Diagram Menrubah Produk ................................................. 20

Gambar 3.6 Activity Diagram Menghapus Produk ............................................... 20

Gambar 3.7 Sequence Diagram Sistem Informasi Penjualan (E-commerce) ....... 21

Gambar 4.1 Tampilan Utama Sistem Informasi E-commerce Raka Komputer .... 23

Gambar 4.2 Tampilan Semua Produk ................................................................... 23

Gambar 4.3 Tampilan Profil Raka Komputer ....................................................... 24

Gambar 4.4 Tampilan Halaman keranjang Belanja .............................................. 24

Gambar 4.5 Tampilan Halaman Form Data Pembeli ........................................... 25

Gambar 4.6 Tampilan Halaman Transaksi............................................................ 25

Gambar 4.7 Tampilan Halaman Hubungi Kami ................................................... 26

Gambar 4.8 Tampilan Login Admin ..................................................................... 26

Gambar 4.9 Halaman Dashboard Admin .............................................................. 27

Gambar 4.10 Halaman Daftar Produk ................................................................... 27

Gambar 4.11 Form Tambah Produk...................................................................... 28

Gambar 4.12 Halaman Daftar Order masuk ......................................................... 28

viii
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Perguruan tinggi adalah salah satu lembaga pendidikan yang mempersiapkan
mahasiswa untuk dapat bermasyarakat, khususnya pada disiplin ilmu yang
telah dipelajari selama mengikuti perkuliahan. Dalam dunia pendidikan
hubungan antara teori dan praktek merupakan hal penting untuk
membandingkan serta membuktikan sesuatu yang telah dipelajari dalam teori
dengan keadaan sebenarnya di lapangan.

Untuk itu, Informatics & Business Institute (IBI) Darmajaya menerapkan

program PKPM, Kerja Praktek dan Apprentice, yang mewajibkan setiap
mahasiswanya melaksanakan Praktek Kerja Lapangan di instansi pemerintah
atau perusahaan swasta sebagai salah satu syarat yang harus dipenuhi untuk
menyelesaikan pendidikan Strata I Fakultas Komputer Program Studi Sistem
Informasi. Melalui Praktek Kerja ini mahasiswa akan dapat mengaplikasikan
ilmu yang telah diperoleh di perkuliahan ke dalam lingkungan kerja yang
sebenarnya, serta mendapat kesempatan untuk mengembangkan cara berfikir,
menambah ide-ide yang berguna dan dapat menambah pengetahuan
mahasiswa terhadap apa yang ditugaskan kepadanya. Mengingat sulitnya
untuk menghasilkan tenaga kerja yang terampil dan berkualitas maka banyak
perguruan tinggi berusaha untuk meningkatkan kualitas sumber daya manusia
dengan cara meningkatkan mutu pendidikan dan menyediakan sarana-sarana
pendukung agar menghasilkan lulusan yang baik dan handal.

Perkembangan dunia informasi saat ini semakin cepat memasuki berbagai

bidang, baik dalam bidang ilmu pengetahuan maupun bidang lainnya.Hal ini
dapat dilihat terutama teknologi berbasis komputer dan internet. Hampir
semua bidang telah menggunakan komputer sebagai alat bantu untuk
mendukung evaluasi, analisis, efisiensi, dan efektifitas serta proses
2

pengambilan keputusan dan kebijaksanaan. Seperti halnya dalam

perdagangan, perkantoran, perbankan, perusahaan serta dunia bisnis yang
memerlukan data yang akurat untuk mendapatkan informasi dalam setiap
aktifitasnya. Dalam dunia perdagangan, e-commerce akan dapat
menyelesaikan permasalahan yang ada. Pembeli tidak perlu datang langsung
lagi ke toko untuk membeli sesuatu barang yang dibutuhkan, tetapi hanya
dengan memesan sesuatu barang dari internet barang tersebut bisa langsung
diperoleh. Oleh karena itu penulis mencoba merancang sistem informasi e-
commerce yang bertujuan untuk membantu memperlancar proses penjualan
yang dilakukan di Toko Raka Komputer, serta diharapkan sistem penjualan
online ini dapat mengoptimalkan proses penjualan dan mempermudah proses
transaksi yang terjadi di Toko Raka Komputer. Dengan menggunakan sistem
website e-commerce, efektifitas kerja dapat dimaksimalkan, penyimpanan
data dan pengaksesan data dapat dilaksanakan secara cepat dan efisien.
Akhirnya informasi yang dihasilkan pun akan tepat waktu dan tepat guna.
Berdasarkan latar belakang tersebut, maka penulis tertarik untuk membuat
sistem usulan dengan judul “PERANCANGAN SISTEM INFORMASI
E-COMMERCE PADA RAKA KOMPUTER”.

1.2 Ruang Lingkup Kerja Program KP/Apprentice

Adapun ruang lingkup laporan ini penulis melakukan pengamatan yang
meliputi :
1. Pengamatan Umum
Berisi Tentang sejarah perusahaan, visi dan misi perusahaan, bidang
usaha/kegiatan utama perusahaan, lokasi perusahaan, struktur organisasi.
2. Pengamatan Khusus
Meliputi pelaksanaan pekerjaan secara khusus selama kerja praktek
berlangsung yaitu proses penjualan dan proses transaksi yang terjadi di
Toko Raka Komputer.
 3

1.3 Manfaat dan Tujuan Program KP/Apprentice

1. Bagi Mahasiswa
a. Memperdalam pengertian dan penghayatan tentang pemanfaatan ilmu
pengetahuan dan teknologi yang dipelajari
b. Mengembangkan wawasan berfikir dan meningkatkan daya penalaran
mahasiswa dalam melakukan perumusan, dan pemecahan masalah
dalam lingkungan dunia kerja.
c. Memberikan kesempatan kepada mahasiswa untuk belajar mengenal
secara langsung mekanisme dalam dunia kerja, melatih,
mengembangkan dan menumbuhkan rasa tanggung jawab terhadap
implementasi tugas.
2. Bagi IBI Darmajaya
a. Sebagai tolak ukur kesesuaian antara kurikulum dengan tuntutan ilmu
pengetahuan dan keterampilan di lingkungan dunia kerja.
b. Mampu mempertegas eksistensi perguruan tinggi sebagai lembaga yang
menghasilkan lulusan terbaik.
c. Sebagai tolak ukur tingkat keberhasilan proses penyelenggaraan
Program Studi Sistem Informasi.

1.4 Tempat Dan Waktu Pelaksanaan

Kegiatan Kerja Praktek ini dilakukan pada :
Waktu : 10 Agustus – 10 September 2018
Tempat : Raka Komputer Jl. KH.Ghalib No.21 Pringsewu Lampung

1.5 Sistematika Penulisan

Penulisan laporan kerja praktek ini dibagi dalam 5 bagian, masing – masing
dalam sub bagian. Diantaranya :
BAB I PENDAHULUAN
Bab ini berisikan tentang uraian latar belakang pelaksaan program
kerja praktek, ruang lingkup kerja program kerja praktek, Manfaat dan
tujuan Program kerja praktek, tempat dan waktu pelaksanaan program
kerja praktek dan sistematika penulisan.
4

BAB II GAMBARAN UMUM PERUSAHAAN

Bab ini Berisikan Tentang sejarah perusahaan, visi dan misi
perusahaan, bidang usaha/kegiatan utama perusahaan, lokasi
perusahaan, struktur organisasi.
BAB III PERMASALAHAN PERUSAHAAN
Bab ini berisikan tentang analisa permasalahan yang dihadapi
perusahaan, temuan masalah, perumusan masalah, kerangka
pemecahan masalah, landasan teori, rancangan program yang akan
dilakukan, program-program.
BAB IV HASIL DAN PEMBAHASAN
Bagian ini memuat uraian hasil analisis yang diperoleh berkaitan
dengan landasan teori yang relevan dan pembahasan hasil analisis
mengenai penerapan cara pembuatan website e-commerce.
BAB V KESIMPULAN DAN SARAN
Dalam bab ini penulis berusaha untuk menarik beberapa simpulan
yang penting dari semua uraian dalam bab-bab sebelumnya dan
memberikan saran-saran yang dianggap perlu untuk perusahaan.
DAFTAR PUSTAKA
LAMPIRAN
 BAB II
GAMBARAN UMUM PERUSAHAAN

2.1 Sejarah Perusahaan

Pada tahun 2000 bermula dari kegiatan kursus yang dilanjutkan dengan kerja
sama di bidang komputer Asa Com berdiri, saat itu berupa Lembaga
Pendidikan yang bernama Asaidi Computer. Pada tahun 2003 Asaidi
mengganti namanya menjadi Asa Computer.
Asa Computer bekerja sama dengan sekolah-sekolah dalam pembelajaran
komputer para siswa/i di sekolah. Asa Computer menjalankan bisnisnya
disekolah-sekolah yang menjadi mitra di sebagian besar wilayah provinsi
Lampung. Pada akhirnya Asa Computer yang bermitra dengan instansi
sekolah sampai dengan puluhan sekolah yang instrukturnya juga dikirim dari
pihak lembaga sendiri.
Pada tahun 2007 Asa Computer merubah sistemnya dengan sistem
perdagangan produk elektronik hardware, software komputer dan jasa
service. Setelah 1 tahun dibukanya Asa Com Pringsewu peningkatan penjulan
dan service meningkat dengan signifikan dan membuka cabang di wilayah
Kotabumi dengan nama Asa Com Kotabumi pada tahun 2008.
Pada tahun 2011 Asa Computer membuka cabang kedua di wilayah
Pringsewu dengan nama yang berbeda yaitu Raka Komputer. Raka Computer
beralamatkan di Jl. KH. Gholib No.21 Pringsewu.

2.2 Visi dan Misi Perusahaan

Visi
1. Menjadi Perusahaan di bidang Komputer yang senantiasa mampu bersaing
dan tumbuh berkembang dengan sehat di era globalisasi
2. Menjadi partner IT Solutions terbaik dan menjadi sebuah jasa service yang
dapat dipercaya serta menjadi sebuah usaha yang bisa lebih dikenal luas
oleh masyarakat pada umumnya.
6

Misi
1. Memberikan produk-produk unggulan dengan kualitas yang baik dan
harga yang terjangkau
2. Memberikan layanan terbaik dan juga memberikan produk-produk yang
berkualitas tinggi sehingga para konsumen merasa sangat senang/puas
dengan layanan yang kami berikan

2.3 Bidang Usaha / Kegiatan Utama Perusahaan

Bidang usaha / kegiatan utama Raka Komputer adalah pada bidang
perdagangan hardware, software komputer dan jasa service.

2.4 Lokasi Perusahaan

Raka Komputer Jl. KH.Ghalib No.21 Kec.Pringsewu Utara Kab.Pringsewu
Prov.Lampung.

2.5 Struktur Organisasi

Gambar 2.1 Struktur Organisasi Raka Komputer

 BAB III
PERMASALAHAN PERUSAHAAN

3.1 Analisa Permasalahan yang dihadapi Perusahaan

3.1.1 Temuan Masalah
1. Kurangnya informasi barang sehingga banyak konsumen yang belum
mengetahui spesifikasi dan harga barang.
2. Untuk mengefisiensikan waktu, meningkatkan jangkauan
pemasaran dan sebagai sarana menampilkan profil usaha, produk dan
tata cara pembayaran dan pembelian maka akan dirancang sebuah
sistem e-commerce yang bisa menangani pemesanan barang tanpa
datang langsung ke toko Raka Komputer.

3.1.2 Perumusan Masalah

1. Bagaimana merancang sebuah sistem informasi e-commerce yang
dapat di gunakan untuk melakukan promosi penjualan hardware dan
software komputer agar banyak konsumen dengan mudah
mendapatkan informasi penjualan komputer dan melakukan
transaksi penjualan secara online.
2. Merancang sistem yang dapat dengan mudah di akses untuk melihat
infromasi barang.

3.1.3 Kerangka Pemecahan Masalah

Untuk mencapai tujuan yang telah ditujukan seperti tujuan penulisan
dilakukan dengan beberapa tahap yaitu :
1. Menganalisa tentang masalah informasi barang ke konsumen
2. Mencari data-data informasi barang.
3. Menggambarkan cara kerja sistem informasi e-commerce.
4. Membuat rancangan sistem informasi e-commerce.
5. Merancang tiap-tiap tampilan (interface) sistem e-commerce.
8

3.2 Landasan Teori

1. Pengertian Sistem
Lucas mendefinisikan, “Sistem sebagai suatu komponen atau variabel
yang terorganisir, saling berinteraksi, saling bergantung satu sama lain
dan terpadu”.
Menurut Romney dan Steinbart (2015), Sistem adalah rangkaian dari
dua atau lebih komponen-komponen yang saling berhubungan, yang
berinteraksi untuk mencapai suatu tujuan. Sebagian besar sistem terdiri
dari subsistem yang lebih kecil yang mendukung sistem yang lebih
besar.
Menurut Mulyadi (2016), Sistem adalah “suatu jaringan prosedur yang
dibuat menurut pola yang terpadu untuk melaksanakan kegiatan pokok
perusahaan”.

2. Pengertian Informasi
Informasi merupakan hal yang sangat penting bagi perusahaan
dalam mengambil setiap pengambilan keputusan. Secara Etimologi,
Informasi berasal dari bahasa Perancis kuno yaitu informaction (tahun
1387) yang diambil dari bahasa latin informationem yang berarti “garis
besar, konsep,ide”.
Menurut Krismaji (2015), Informasi adalah “data yang telah diorganisasi
dan telah memiliki kegunaan dan manfaat”. Hal serupa disampaikan oleh
Romney dan Steinbart (2015): Informasi (information) adalah data yang
telah dikelola dan diproses untuk memberikan arti dan memperbaiki
proses pengambilan keputusan. Sebagaimana perannya, pengguna
membuat keputusan yang lebih baik sebagai kuantitas dan kualitas dari
peningkatan informasi. Berdasarkan pengertian diatas dapat
disimpulkan bahwa pengertian informasi adalah data yang diolah agar
bermanfaat dalam pengambilan keputusan bagi penggunanya.
 9

3. Pengertian Sistem Informasi

Pengertian sistem informasi menurut Robert A. Leitch & K. Roscoe
Davis, “Sistem informasi adalah suatu sistem didalam suatu organisasi
yang mempertemukan kebutuhan pengolahan transaksi harian,
mendukung operasi bersifat manajerial dan kegiatan strategi-strategi dari
suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-
laporan yang diperlukan”.
Pengertian menurut Krismaji (2015) : Sistem informasi adalah cara-cara
yang diorganisasi untuk mengumpulkan, memasukkan, dan mengolah
serta menyimpan data, dan cara-cara yang diorganisasi untuk
menyimpan, mengelola, mengendalikan, dan melaporkan informasi
sedemikian rupa sehingga sebuah organisasi dapat mencapai tujuan
yang telah ditetapkan.

4. E-commerce
Menurut Vermaat pengertian E-Commerce adalah transaksi bisnis yang
terjadi dalam jaringan elektronik seperti internet. Dengan kata lain,
siapapun yang memiliki jaringan internet dapat berpartisipasi dalam
kegiatan E-Commerce. E-commerce merupakan sekumpulan teknologi
beserta aplikasinya yang menghubungkan perusahaan, konsumen
(consumers), manufaktur, internet service provider (ISP) dan pedagang
perantara (intermediateries) melalui transaksi-transaksi elektronik dan
pertukaran melalui elektronik dalam bentuk barang, jasa dan informasi.
Pengertian penjualan secara umum yaitu sebagai sebuah usaha atau
langkah konkrit yang dilakukan untuk memindahkan suatu produk, baik
itu berupa barang ataupun jasa, dari produsen kepada konsumen sebagai
sasarannya. Tujuan utama penjualan yaitu mendatangkan keuntungan
atau laba dari produk ataupun barang yang dihasilkan produsennya
dengan pengelolaan yang baik. Dalam pelaksanaannya, penjualan sendiri
tak akan dapat dilakukan tanpa adanya pelaku yng bekerja didalamnya
seperti agen, pedagang dan tenaga pemasaran.
10

5. Website
Website atau situs web adalah sebuah media untuk mengakses informasi
dari dunia internet, dimana pengguna akan menuju kesebuah alamat yang
disebut URL (Uniform Resource Locator) dan akan menemukan
informasi berbentuk teks, gambar, animasi, ataupun suara yang dibuka
melalui sebuah web browser yang berada pada sebuah computer.
Pengertian web menurut Yuhefizar adalah suatu metode untuk
menampilan informasi di internet, baik berupa teks, gambar, suara
maupun video yang interaktif dan mempunyai kelebihan untuk
menghubungkan (link) satu dokumen dengan dokumen lainnya
(hypertext) yang dapat diakses melalui sebuah browser.

6. PHP
PHP adalah singkatan dari "PHP: Hypertext Preprocessor", yang
merupakan sebuah bahasa scripting yang terpasang pada HTML.
Sebagian besar sintaks mirip dengan bahasa C, Java dan Perl, ditambah
beberapa fungsi PHP yang spesifik. Tujuan utama penggunaan bahasa ini
adalah untuk memungkinkan perancang web menulis halaman web
dinamik dengan cepat. Supono dan Putratama (2016) mengemukakan
bahwa ”PHP (PHP: Hypertext Preprocessor) adalah suatu bahasa
pemrograman yang digunakan untuk menerjemahkan baris kode program
menjadi kode mesin yang dapat dimengerti oleh komputer yang
berbasis server-side yang dapat ditambahkan ke dalam HTML”.
Sedangkan, menurut Solichin (2016) mengemukakan bahwa “PHP
merupakan salah satu bahasa pemrograman berbasis web yang ditulis
oleh dan untuk pengembang web”.

7. Basis Data
Basis Data adalah kumpulan data yang saling berhubungan secara
logikal serta deskripsi dari data tersebut, yang dirancang untuk
memenuhi kebutuhan informasi suatu organisasi. Basis Data adalah
sebuah penyimpanan data yang besar yang bisa digunakan oleh
 11

banyak pengguna dan departemen. Semua data terintegrasi dengan

jumlah duplikasi yang minimum. Basis Data tidak lagi dipegang oleh
satu departemen, tetapi dibagikan ke seluruh departemen pada
perusahaan.
Menurut Kadir dalam Fauzi Jurnal Surya Informatika (2015) “Basis data
(database) adalah suatu data yang saling terkait sehingga memudahkan
aktifitas untuk memperoleh informasi”.
Menurut Pattianakotta, dkk dalam E-Journal Teknik Elektro (2015)
“Database adalah gabungan dari elemen-elemen data yang berhubungan
dan terorganisir”.
Sukamto dan Shalahuddin (2015) mengemukakan bahwa “sistem basis
data adalah sistem terkomputerisasi yang tujuan utamanya adalah
memelihara data yang sudah diolah atau informasi dan membuat
informasi tersedia saat dibutuhkan”. Sedangkan menurut Lubis (2016)
menyatakan bahwa “basis data merupakan gabungan file data yang
dibentuk dengan hubungan/relasi yang logis dan dapat diungkapkan
dengan catatan serta bersifat independen”. Maka dari itu, basis data
merupakan sekumpulan data atau informasi yang telah diolah dan
tersimpan serta dapat digunakan kembali apabila dibutuhkan.

8. MySQL
MySql adalah sebuah perangkat lunak sistem manajemen basis
data SQL atau DBMS yang multithread, multi-user, dengan sekitar
6 juta instalasi diseluruh dunia. MySQL merupakan server basis
data dimana pemprosesan data terjadi di server, dan client hanya
mengirimkan data serta meminta data. Oleh karena pemprosesan
terjadi di server sehingga pengaksesan data tidak terbatas (Solihin,
2010. MySQL termasuk dalam kategori manajemen basis data
yaitu basis data yang terstruktur dalam pengolahan dan penampilan
data. Ada beberapa alasan mengapa MySQL menjadi program
yang database yang sangat popular dan digunakan oleh banyak
orang.
12

9. HTML
HTML singkatan dari Hyper Text Markup Language merupakan
salah satu format yang digunakan dalam pembuatan dokumen dan
aplikasi yang berjalan di halaman web. Dokumen HTML adalah file
teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini
dikenal sebagai web page. Dokumen HTML disusun oleh elemen-
elemen. “Elemen” merupakan istilah bagi komponen-komponen dasar
pembentuk dokumen HTML. Beberapa contoh elemen adalah: head,
body, table, paragraph, dan list. Elemen dapat berupa teks murni, atau
bukan teks, atau keduanya. Penandaan berbagai elemen dalam suatu
dokumen HTML menggunakan tag (markup).
Menurut Solichin (2016) mengemukakan bahwa “HTML merupakan
bahasa pemrograman web yang memberitahukan peramban web (web
browser) bagaimana menyusun dan menyajikan konten di halaman web”.
Berdasarkan teori dari para ahli di atas, maka hyptertext markup
language (HTML) merupakan bahasa pemrograman yang dikenal
oleh browser untuk menampilkan informasi lebih menarik di halaman
web melalui web browser.

10. Cascading Style Sheet (CSS)

Cascading style sheet (CSS) digunakan untuk menampilkan sebuah web
dengan tampilan yang menarik, memperindah tampilan web dan
mudah digunakan. Menurut Prasetio (2014) menyatakan bahwa “CSS
adalah suatu teknologi yang digunakan untuk memperindah tampilan
halaman website (situs)”. Pada umumnya CSS dipakai untuk memformat
tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML”.
CSS atau cascading style sheet bahasa pemrograman yang diusulkan
oleh Hakon Wilum Lie pada tahun 1994 dan distandarisasi oleh W3C
yang berfungsi untuk mempercantik tampilan web (Solichin, 2016).
Maka dari itu, cascading Style Sheet (CSS) merupakan bahasa
pemrograman web yang digunakan untuk mengatur konten dalam sebuah
 13

halaman web yang ditulis dalam bahasa markup agar halaman web
tersebut lebih menarik dan terstruktur.

11. Use Case Diagram

Menurut Indrajani (2015) Use Case Diagram merupakan suatu diagram
yang berisi use case, actor, serta relationship diantaranya. Use case
diagram merupakan titik awal yang baik dalam memahami dan
menganalisis kebutuhan sistem pada saat perancangan. Use case diagram
dapat digunakan untuk menentukan kebutuhan apa saja yang diperlukan
dari suatu sistem.
Rosa dan M. Shalahudin (2014), use case atau diagram use case
merupakan pemodelan untuk kelakuan (behavior) sistem informasi yang
akan dibuat. Use case mendeskripsikan sebuah interaksi antara satu atau
lebih aktor dengan sistem informasi yang akan dibuat.

12. Activity Diagram

Menurut Indrajani (2015) Activity Diagram digunakan untuk
menganalisis behavior dengan use case yang lebih kompleks dan
menunjukkan interaksi-interaksi di antara mereka satu sama lain. Activity
diagram sebenarnya memiliki kesamaan dengan statechart diagram
dalam hal menggambarkan aliran data pada model bisnis, tetapi activity
diagram biasanya digunakan untuk menggambarkan aktivitas bisnis yang
lebih kompleks, di mana digambarkan hubungan antar satu use case
dengan use case lainnya.
Menurut Bhute (2013) dalam International Journal of Multimedia & Its
Applications (IJMA) mengatakan bahwa, “Activity diagram is basically a
flow chart to represent the flow from one activity to another activity”.
Rosa dan M. Shalahudin (2014), berpendapat bahwa activity diagram
menggambarkan workflow (aliran kerja)
atau aktifitas dari sebuah sistem atau proses bisnis atau menu yang ada
pada perangkat lunak yang perlu diperhatikan disini
14

adalah diagram aktivitas menggambarkan aktivitas sistem bukan apa

yang dilakukan aktor, jadi aktivitas yang dapat dilakukan oleh sistem.

13. Sequence Diagram

Menurut Indrajani (2015) “Sequence diagram merupakan suatu diagram
interaksi yang menggambarkan bagaimana objek-objek berpartisipasi
dalam bagian interaksi (particular interaction) dan pesan yang ditukar
dalam urutan waktu”.
Menurut Vani (2015) dalam International Research Journal of
Engineering and Technology mengatakan bahwa, “A sequence diagram
is an interaction diagram that emphasizes the time ordering of
messages”.
Menurut Rosa dan M. Shalahudin (2014), diagram sequence
menggambarkan kelakuan objek pada use case dengan mendeskripsikan
waktu hidup objek dengan message yang dikirimkan dan diterima antar
objek. Oleh karena itu untuk menggambarkan diagram sequence maka
harus diketahui objek-objek yang terlihat dalam sebuah use case beserta
metode-metode yang dimiliki kelas yang diinstansikan menjadi objek.

14. Definisi XAMPP

Menurut Sutanto (2014) “XAMPP merupakan singkatan dari X (empat
sistem operasi apapun), apache, MySQL, PHP, dan Perl. XAMPP adalah
tool yang menyediakan paket perangkat lunak dalam satu buah paket”.
Menurut Sidik (2014) “XAMPP (X(Windows/Linux) Apache MySQL
PHP dan Perl) merupakan paket server web PHP dan database MySQL
yang paling populer di kalangan pengembang web dengan menggunakan
PHP dan MySQL sebagai database”. XAMPP termasuk paket server
yang paling mudah untuk digunakan sebagai paket untuk pengembangan
aplikasi web.
Bagian-Bagian Tool XAMPP
Bagian tool Xampp terdapat Apache, PHP, MySQL, phpMyAdmin dan
Perl:
 15

1. PHPApache
Apache bersifat open source, artinya setiap orang boleh
menggunakannya, mengambil bahkan mengubah kode programnya.
Tugas utama apache adalah menghasilkan halaman web yang benar
kepada peminta berdasarkan kode PHP yang dituliskan oleh pembuat
halaman web.
2. Bahasa pemrograman PHP merupakan bahasa pemrograman untuk
membuat web yang bersifat server-side scripting, PHP juga bersifat
open source. Sistem management database yang sering digunakan
bersama PHP adalah MySQL, namun PHP juga mendukung system
management database oracle, Microsoft access, interbase, d-base dan
postgreSQL.
3. MySQL
SQL kepanjangan dari Structured Query Language. SQL merupakan
bahasa terstruktur yang khusus digunakan untuk mengolah database,
MySQL juga bersifat open source dan relational yang artinya data-
data yang dikelola dalam database akan diletakkan pada beberapa
tabel yang terpisah sehingga manipulasi data akan menjadi lebih
cepat. MySQL dibuat dan dikembangkan oleh MySQL AB yang
berada di Swedia. MySQL dapat digunakan untuk membuat dan
mengolah database beserta isinya, serta untuk menambahkan,
mengubah dan menghapus data yang berada dalam database.
4. PHPMyAdmin
Pengelola database dengan MySQL harus dilakukan dengan
mengetikkan baris-baris perintah yang sesuai (command line) untuk
setiap maksud tertentu. Hal tersebut tentu cukup menyulitkan karena
kita harus hafal dan mengetikkan perintahnya satu per satu. Dengan
phpMyAdmin kita dapat membuat tabel dan mengisi data dengan
mudah tanpa harus hafal perintahnya.
5. Perl
Perl adalah bahasa pemrograman untuk segala keperluan,
dikembangkan pertama kali oleh Larry Wall di mesin UNIX pada
16

tanggal 18 Desember 1987. Perl sangat popular digunakan dalam

program-program CGI (Common Gateway Interface). Kelemahan Perl
adalah sintaksnya susah dibaca karena banyak menggunakan simbol-
simbol yang bukan huruf dan angka.

3.3 Rancangan Program

3.2.1 Metode Yang Digunakan
Untuk metode dalam pembangunan perangkat lunak sistem informasi
ini menggunakan model Prototype, yaitu model metodologi
pengembangan perangkat lunak yang menitik beratkan pada pendekatan
aspek desain, fungsi dan user-interface.
Berikut gambar pengembangan perangkat lunak Model Prototype dapat
dilihat pada gambar 3.1.

Gambar 3.1 Pengembangan Perangkat Lunak Model Prototype

3.2.2 Analisis Sistem Yang Berjalan

Analisis prosedur yang sedang berjalan akan menguraikan secara
sistematis mengenai aktivitas yang terjadi pada prosedur penjualan di
Raka Komputer yakni sebagai berikut:
1. Konsumen datang ke lokasi toko untuk membeli barang atau
bertanya informasi persediaan barang.
2. Konsumen melakukan pre-order barang dengan cara datang ketoko.
 17

3.2.3 Analisis Sistem Yang Diusulkan

Pada saat sekarang ini perusahaan yang bergerak dalam bidang
penjualan barang dan jasa banyak melakukan pembaruan untuk
meningkatkan kinerja operasional dan meningkatkan profit penjulan
serta menekan cost yang harusnya bisa diminimalisir. Selain itu juga
perusahaan-perusahan telah banyak berkembang saat ini selain
melakukan perang harga dan kualitas perusahaan juga harus melakukan
peningkatan atas pelayanan kepada pelanggan. Maka dari itu
perusahaan harus menggunakan strategi baru dalam hal tersebut dengan
cara memanfaatkan teknologi informasi yang telah berkembang pada
saat ini. Aplikasi tersebut terkenal dengan sebutan E-Commerce, namun
yang digunakan pada sistem ini adalah kategori Bussines to Coustumer
(B2C). Karena dalam perancangannya interaksi yang terjadi nantinya
adalah interaksi antara perusahaan dengan pelanggan. Artinya ada
interaksi yang terjadi antara dua komponen yang sama-sama
menggunakan sistem E-Commerce, serta konsumen mana saja yang
bisa berinteraksi layanan sistem ini.

3.2.4 Perancangan Sistem

Tahapan perancangan sistem adalah tahapan untuk memberikan
gambaran mengenai sistem informasi e-commerce berbasis web, yang
telah dianalisis ke dalam bentuk yang mudah dimengerti oleh calon
pemakai (user). Adapun perancangan sistem ini mencakup pembuatan
desain sistem berorientasi objek menggunakan UML (Unified
Modelling Language). Unified Modeling Language (UML) adalah
bahasa spesifikasi standar untuk mendokumentasikan,
menspesifikasikan, dan membangun sistem perangkat lunak. UML
digunakan untuk memodelkan suatu sistem (bukan hanya perangkat
lunak) yang menggunakan konsep berorientasi object. Dan juga untuk
menciptakan suatu bahasa pemodelan yang dapat digunakan baik oleh
manusia maupun mesin.
18

a. Use case Diagram

Use Case Diagram mendeskripsikan interaksi antara satu atau lebih
aktor dengan sistem informasi yang akan dibuat. Berikut adalah Use
Case Diagram dari perancangan sistem informasi e-commerce
berbasis web.

Gambar 3.2 Use case Diagram Sistem Informasi e-commerce

 19

b. Activity Diagram Login Admin

Activity diagram menggambarkan workflow (aliran kerja) atau
aktivitas dari sebuah sistem dan user. Berikut ini adalah activity
diagram dalam perancangan sistem informasi e-commerce berbasis
web.

Gambar 3.3 Activity Diagram Login Admin

c. Activity Diagram Menambah Produk

Proses ini berfungsi untuk menyimpan dan menampilkan produk-
produk yang tersedia.

Gambar 3.4 Activity Diagram Menambah Produk

20

d. Activity Diagram Mengubah Produk

Proses ini berfungsi untuk mengubah produk-produk yang tersedia.

Gambar 3.5 Activity Diagram Menrubah Produk

e. Activity Diagram Menghapus Produk

Proses Hapus dibuat untuk menghilangkan data yang tidak
dibutuhkan lagi. Agar tidak memenuhi ruang penyimpanan.

Gambar 3.6 Activity Diagram Menghapus Produk

 21

f. Sequence Diagram
Sequence diagram (diagram urutan) adalah suatu diagram yang
memperlihatkan atau menampilkan interaksi-interaksi antar objek di
dalam sistem yang disusun pada sebuah urutan atau rangkaian
waktu. Interaksi antar objek tersebut termasuk pengguna, display.
Sequence diagram digunakan untuk menggambarkan skenario atau
rangkaian langkah-langkah yang dilakukan sebagai sebuah respon
dari suatu kejadian/event untuk menghasilkan output tertentu.
Sequence Diagram diawali dari apa yang me-trigger aktivitas
tersebut, proses dan perubahan apa saja yang terjadi secara internal
dan output apa yang dihasilkan. Diagram ini secara khusus
berasosiasi dengan use case diagram. Sequence diagram juga
memperlihatkan tahap demi tahap apa yang seharusnya terjadi untuk
menghasilkan sesuatu didalam use case. Sequence diagram juga
dapat merubah atribut atau method pada class yang telah dibentuk
oleh class diagram, bahkan menciptakan sebuah class baru.
Sequence diagram memodelkan aliran logika dalam sebuah sistem
dalam cara yang visual. Dibawah ini merupakan gambaran sequence
diagram sistem informasi penjualan (e-commerce) :

Gambar 3.7 Sequence Diagram Sistem Informasi Penjualan (E-commerce)

 BAB IV
HASIL DAN PEMBAHASAN

Hasil Pembahasan dari beberapa konfigurasi yang dilakukan pada pembuatan

website ini dapat dilihat menggunakan web browser. Web browser yang
digunakan adalah Mozilla Firefox dan Chrome, dengan cara ketik link berikut
http://rakakomputer.com. Berikut ini adalah beberapa tampilan hasil implementasi
Perancangan E-commerce berbasis web.

4.1 Tampilan Utama Pada website E-commerce

Tampilan utama ini menampilkan menu, slide, dan produk terbaru. Terdapat
beberapa menu yang ada ditampilan utama website, diantaranya yaitu:
1. Menu Beranda
Merupakan menu yang menampilkan kata sambutan selamat datang dan
informasi produk-produk terbaru.
2. Menu Profil
Merupakan menu yang menampilkan visi dan misi Raka Komputer.
3. Menu Produk
Merupakan menu yang menampilkan semua produk dan kategori produk.
4. Menu Keranjang Belanja
Merupakan menu yang menampilkan daftar produk yang ada dalam
keranjang belanja yang akan dibeli.
5. Menu Cara Pembelian
Merupakan menu yang menampilkan langkah-langkah membeli produk
secara online.
6. Menu Hubungi Kami
Merupakan menu yang menampilkan informasi lokasi toko,contact
person,whatsapp, dan email.
23

Antarmuka Halaman Beranda digunakan untuk menampilkan barang-barang

yang ingin dibeli oleh para konsumen.

Gambar 4.1 Tampilan Utama Sistem Informasi

E-commerce Raka Komputer

Halaman daftar semua produk berisi produk ungulan dengan harga dan detail
spesifikasi produk yang dijual di Raka Komputer.

Gambar 4.2 Tampilan Semua Produk

 24

Halaman Profil berisi tujuan dibuatnya website e-commerce, visi dan misi
Raka Komputer.

Gambar 4.3 Tampilan Profil Raka Komputer

Halaman Keranjang belanja berisi produk-produk yang konsumen akan beli.

Gambar 4.4 Tampilan Halaman keranjang Belanja

25

Halaman Form Data Pembeli berisi inputan data nama, alamat,no hp, email,
pilihan jasa pengiriman dan kota tujuan pengiriman.

Gambar 4.5 Tampilan Halaman Form Data Pembeli

Halaman Transaksi berisi data pembeli/pemesan dan data produk yang dibeli.

Gambar 4.6 Tampilan Halaman Transaksi

 26

Halaman Hubungi Kami berisi alamat, no hp, no whatsapp, email, dan peta
lokasi offline Raka Komputer.

Gambar 4.7 Tampilan Halaman Hubungi Kami

4.2 Antarmuka Halaman Login Admin

Antarmuka Halaman Login Admin digunakan untuk masuk sebagai admin di
e-commerce untuk mengkonfirmasi tentang pembelian.

Gambar 4.8 Tampilan Login Admin

27

4.3 Antarmuka Halaman Admin

Antarmuka Halaman Admin ini digunakan untuk lihat order masuk,tambah
produk,edit menu dan logout.

Gambar 4.9 Halaman Dashboard Admin

Halaman daftar produk yang telah di input ke dalam website e-commerce

Raka Komputer oleh admin.

Gambar 4.10 Halaman Daftar Produk

 28

Halaman form tambah produk berisi nama produk, kategori produk, berat,
harga, diskon, stok, deskripsi/spesifikasi produk dan gambar produk.

Gambar 4.11 Form Tambah Produk

Halaman daftar order masuk berisi nama konsumen, tanggal order, jam,
status, dan aksi.

Gambar 4.12 Halaman Daftar Order masuk

 BAB V
KESIMPULAN DAN SARAN

5.1 Kesimpulan

Kesimpulan yang dapat diambil dari hasil, perancangan dan pembuatan

Sistem Informasi E-Commerce Raka Komputer sebagai berikut:

1. Sistem Informasi E-Commerce Raka Komputer mampu memberikan

informasi kepada pengunjung tentang produk komputer, laptop, server dan
aksesoris secara online.
2. Dengan adanya Sistem Informasi E-Commerce Raka Komputer ini,
daerah pemasaran menjadi lebih luas karena informasi yang ada bisa
diakses melalui internet.
3. Dengan adanya Pembangunan Sistem Informasi E-Commerce Raka
Komputer ini bisa mendapatkan penghasilan yang lebih besar.

5.2 Saran

Dalam pelaksanaan kerja praktek ini mempunyai saran sebagai berikut

1. Konfirmasi pembayaran belum dapat ditangani oleh sistem secara

otomatis, maka perlu dibuat pengembangan sistem ini lebih lanjut
untuk memudahkan transaksi pembelian.
2. Stok produk yang digunakan merupakan stok produk sekarang,
sehingga perlu dikembangan lebih lanjut.
3. Content web e-commerce perlu ditambah untuk menarik lebih
banyak pembeli.
 DAFTAR PUSTAKA

A.S, R., & Shalahuddin, M. (2014). Rekayasa Perangkat Lunak Struktur Berorientasi
Objek. Bandung: Informatika.

Agung Meryani, S. A. (2013). Pembangunan E-commerce pada Toko Online Nesya

Fashion di Kabupaten Sragen. 2-5.

Choiriah, H. (2018). Pengembangan Sistem Informasi Data Riwayat Karyawan pada PT

Angkasa Pura II (Persero). 50-100.

Hasan, N. (2014). Perancangan Aplikasi E-Commerce Penjualan Komputer Pada Toko

Mitra Purworejo Menggunakan PHP & MYSQL. 81-87.

Indrajani. (2015). Database Design. Jakarta: PT Elex Media Komputindo.

Krismaji. (2015). Sistem Informasi Akuntansi. Yogyakarta: Unit Penerbit.

Mulyadi. (2016). Sistem Akuntansi. Jakarta: Salemba Empat.

Mulyono, H., & Rahmawati, N. (2016). Analisis dan Perancangan Sistem Informasi
Pemasaran Berbasis Web Pada Toko Billy. 107-112.

Nursaman, M. (2017). Perancangan Aplikasi Laporan Data Digital Agency Berbasis Web
di PT TDW Resource. 18-140.

Prasetio, A. (2014). Buku Sakti Webmaster. Jakarta Selatan: Media Kita.

Rizal, Y. (2015). Laporan Praktek Kerja Pengabdian Masyarakat Analisis Penyusunan

Anggaran Keuangan Pada Usaha Baru Budidaya Jamur Tiram Pekon Sukarame
Tanggamus. 2-68.

Robert, A. L., & K., R. D. (2001). Sistem Informasi. Jakarta: PT. Prenhallindo.

Rofik, M., Permatasari, A. P., & Ilmi, A. M. (2018). Rancang Bangun Sistem Informasi
Penjualan (E-Commerce). 13-23.
Romney, M. B., & Paul, J. S. (2015). Accounting Information Systems. England: Pearson
Educational Limited.

Sahputra, B. A. (2018). Pembuatan Web E-Commerce Toko Citra Komputer . 4-14.

Solichin, A. (2016). Pemrograman Web dengan PHP dan MySQL. Jakarta: Budi Luhur.

Sukamto, R. A., & Salahudin, M. (2015). Rekayasa Perangkat Lunak Terstruktur Dan
Berorientasi Objek. Bandung: Informatika Bandung.

Supono, & Putratama, V. (2016). Pemrograman Web dengan Menggunakan PHP dan
Framework Codeigniter. Yogyakarta: Deepublish.

Vermaat, S. C. (2011). Discovering Computer "Menjelajah Dunia Komputer"

FUNDAMENTAL Third Edition. Salemba: Infotek.

Wikipedia. (2018, Agustus 28). Dipetik September 26, 2018, dari Wikipedia Indonesia:
https://id.wikipedia.org/wiki/Situs_web
LAMPIRAN
Gambar 1. Proses penawaran produk notebook kepada konsumen

Gambar 2. Proses transaksi pembelian notebook

 Gambar 3. Proses pelayanan penjualan accessoris catridge printer

Gambar 4. Proses pemberian informasi spesifikasi, kelebihan dan kekurangan

produk notebook
Source Code Produk.php
<?php
session_start();
if
(empty($_SESSION['username'
]) AND
empty($_SESSION['passuser']
)){
echo "<link
href='style.css'
rel='stylesheet'
type='text/css'>
<center>Untuk mengakses
modul, Anda harus login
<br>";
echo "<a
href=../../index.php><b>LOG
IN</b></a></center>";
} $posisi = $p-
else{
$aksi="modul/mod_produk/aks
i_produk.php";
switch($_GET[act]){
// Tampil produk
default:
echo
"<header><h3>TAMBAH
PRODUK</h3></header>
<div
class='module_content'>
<form method=get
action='$_SERVER[PHP_SELF]'
> $no = $posisi+1;
<input
type=hidden name=module
value=produk>
<div
id=paging>Pencarian Produk
: <input type=text
name='kata' value='masukan
nama produk' size=35>
&nbsp;&nbsp;<input
type=submit class=button
value=Cari style='width:
50px; height: 25px;'></div>
</form><br/>
<input type=button
class='button'
value='Tambahkan Produk'
onclick=\"window.location.h
ref='?module=produk&act=tam
bahproduk';\">";
if
(empty($_GET['kata'])){
echo " <table
id='rounded-corner'>
<tr><th>No</th><th>Nama
Produk</th><th>Berat(kg)</t
h><th>Harga</th><th>Diskon<
/th><th>Stok</th><th>Tgl.
Masuk</th><th>Aksi</th></tr
>";
$p = new Paging;
$batas = 14;
>cariPosisi($batas);
if
($_SESSION[leveluser]=='adm
in'){
$tampil=mysql_query("SELECT
* FROM produk
ORDER BY id_produk DESC
LIMIT $posisi,$batas");
}
while($r=mysql_fetch_array(
$tampil)){
$tanggal=tgl_indo($r[tgl_ma
suk]);
$harga=format_rupiah($r[har
ga]);
echo
"<tr><td>$no</td>
<td>$r[nama_produk]</td>
<td
align=center>$r[berat]</td>
<td>$harga</td>
<td
align=center>$r[diskon]</td
>
<td
align=center>$r[stok]</td>
<td>$tanggal</td>
<td><a
href=?module=produk&act=edi
tproduk&id=$r[id_produk]><i
mg
src='images/icn_edit.png'
title='Edit'></a>
<a
href=$aksi?module=produk&ac
t=hapus&id=$r[id_produk]><i
mg
src='images/icn_trash.png'
title='Edit'></a>
</td>
</tr>";
$no++;
} $tampil)){
echo "</table>";
if
($_SESSION[leveluser]=='adm
in'){
$jmldata =
mysql_num_rows(mysql_query(
"SELECT * FROM produk"));
}
$jmlhalaman = $p-
>jumlahHalaman($jmldata,
$batas);
$linkHalaman = $p-
>navHalaman($_GET[halaman],
$jmlhalaman);
echo "<div
id=paging>Hal:
$linkHalaman</div><br>";
break;
} <td><a
else{
echo " <table
id='rounded-corner'>
<tr><th>No</th><th>Nama
Produk</th><th>Berat(kg)</t
h><th>Harga</th><th>Diskon<
/th><th>Stok</th><th>Tgl.
Masuk</th><th>Aksi</th></tr
>";
$p = new Paging;
$batas = 10;
$posisi = $p-
>cariPosisi($batas);
if
($_SESSION[leveluser]=='adm
in'){
$tampil =
mysql_query("SELECT * FROM
produk WHERE nama_produk
LIKE '%$_GET[kata]%' ORDER
BY id_produk DESC LIMIT
$posisi,$batas");
}
$no = $posisi+1;
while($r=mysql_fetch_array(
$tanggal=tgl_indo($r[tgl_ma
suk]);
$harga=format_rupiah($r[har
ga]);
echo
"<tr><td>$no</td>
<td>$r[nama_produk]</td>
<td
align=center>$r[berat]</td>
<td>$harga</td>
<td
align=center>$r[diskon]</td
>
<td
align=center>$r[stok]</td>
<td>$tanggal</td>
href=?module=produk&act=edi
tproduk&id=$r[id_produk]><i
mg
src='images/icn_edit.png'
title='Edit'></a>
<a
href=$aksi?module=produk&ac
t=hapus&id=$r[id_produk]>
<img
src='images/icn_trash.png'
title='Edit'></a>
</td>
</tr>";
$no++;
} $tampil=mysql_query("SELECT
echo "</table>";
if
($_SESSION[leveluser]=='adm
in'){
$jmldata =
mysql_num_rows(mysql_query(
"SELECT * FROM produk WHERE
nama_produk LIKE
'%$_GET[kata]%'"));
} "</select></td></tr>
$jmlhalaman = $p-
>jumlahHalaman($jmldata,
$batas);
$linkHalaman = $p-
>navHalaman($_GET[halaman],
$jmlhalaman);
echo "<div id=paging>Hal:
$linkHalaman</div><br>";
break;
} <tr><td>diskon</td>
case "tambahproduk":
echo
"<header><h3>TAMBAHKAN
PRODUK</h3></header>
<form method=POST
action='$aksi?module=produk
&act=input'
enctype='multipart/form-
data'>
<div
class='module_content'>
<table
id='rounded-corner'>
<tr><td
width=70>Nama Produk</td>
<td> : <input type=text
name='nama_produk'
size=60></td></tr>
<tr><td>Kategori</td> <td>
: disarankan JPG/JPEG dan
<select
name='kategori'>
<option value=0
selected>- Pilih Kategori -
</option>";
* FROM kategori ORDER BY
nama_kategori");
while($r=mysql_fetch_array(
$tampil)){
echo "<option
value=$r[id_kategori]>$r[na
ma_kategori]</option>";
}
echo
<tr><td>Berat</td> <td>
: <input type=text
name='berat'
size=3></td></tr>
<tr><td>Harga</td> <td>
: <input type=text
name='harga'
size=10></td></tr>
<td> : <input type=text
name='diskon'
size=3></td></tr>
<tr><td>Stok</td> <td>
: <input type=text
name='stok'
size=3></td></tr>
<tr><td
valign=top>Deskripsi</td>
<td> <textarea
name='deskripsi'
style='width:
600px; height:
350px;'></textarea></td></t
r>
<tr><td>Gambar</td>
<td> : <input type=file
name='fupload' size=40>
<br>Tipe gambar
ukuran lebar maks: 400
px</td></tr>
<tr><td
colspan=2><input
type=submit class='button'
value=Simpan>
<input type=button
class='button' value=Batal
onclick=self.history.back()
></td></tr>
</table></form>";
break;
case "editproduk":
$edit =
mysql_query("SELECT * FROM
produk WHERE
id_produk='$_GET[id]'");
$r = ma_kategori]</option>";
mysql_fetch_array($edit);
echo "<header><h3>EDIT
PRODUK</h3></header>
<form method=POST
enctype='multipart/form-
data'
action=$aksi?module=produk&
act=update>
<input
type=hidden name=id
value=$r[id_produk]>
<div
class='module_content'>
<table
id='rounded-corner'>
<tr><td
width=70>Nama Produk</td>
<td> : <input type=text
name='nama_produk' size=60
value='$r[nama_produk]'></t
d></tr>
<tr><td>Kategori</td> <td>
: <select
name='kategori'>";
$tampil=mysql_query("SELECT
* FROM kategori ORDER BY
nama_kategori");
if
($r[id_kategori]==0){
echo "<option
value=0 selected>- Pilih
Kategori -</option>";
}
while($w=mysql_fetch_array(
$tampil)){
if
($r[id_kategori]==$w[id_kat
egori]){
echo "<option
value=$w[id_kategori]
selected>$w[nama_kategori]<
/option>";
}
else{
echo "<option
value=$w[id_kategori]>$w[na
}
}
echo
"</select></td></tr>
<tr><td>Berat</td> <td>
: <input type=text
name='berat'
value=$r[berat]
size=3></td></tr>
<tr><td>Harga</td> <td>
: <input type=text
name='harga'
value=$r[harga]
size=10></td></tr>
<tr><td>Diskon</td>
<td> : <input type=text
name='diskon'
value=$r[diskon]
size=3></td></tr>
<tr><td>Stok</td>
<td> : <input type=text
name='stok' value=$r[stok]
size=3></td></tr>
<tr><td
valign=top>Deskripsi</td><t
d><textarea
name='deskripsi'
style='width: 600px;
height:
350px;'>$r[deskripsi]</text <tr><td
area></td></tr> colspan=2><input
type=submit class='button'
<tr><td>Gambar</td> value=Update>
<td> :
<img <input type=button
src='../foto_produk/small_$ class='button' value=Batal
r[gambar]'></td></tr> onclick=self.history.back()
<tr><td>Ganti ></td></tr>
Gbr</td> <td> : <input </table></form>";
type=file name='fupload' break;
size=30> *)</td></tr> }
<tr><td }
colspan=2>*) Apabila gambar ?>
tidak diubah, dikosongkan
saja.</td></tr>
Source Code Order.php

<?php $no=0;
session_start();
if while($r=mysql_fetch_array(
(empty($_SESSION['username' $tampil)){
]) AND
empty($_SESSION['passuser'] $tanggal=tgl_indo($r[tgl_or
)){ der]);
echo "<link echo "<tr><td><input
href='style.css' type=checkbox name=cek[]
rel='stylesheet' value=$r[id_orders]
type='text/css'> id=id$no></td>
<center>Untuk mengakses <td
modul, Anda harus login >$r[id_orders]</td>
<br>";
echo "<a <td>$r[nama_kustomer]</td>
href=../../index.php><b>LOG
IN</b></a></center>"; <td>$tanggal</td>
}
else{ <td>$r[jam_order]</td>
$aksi="modul/mod_order/aksi
_order.php"; <td>$r[status_order]</td>
switch($_GET[act]){
// Tampil Order <td><a
default: href=?module=order&act=deta
echo "<form ilorder&id=$r[id_orders]><i
action=modul/mod_order/aksi mg
_alldel.php method=POST>"; src='images/icn_baca.png'
echo "<header><h3>ORDER title='Baca'></a>
MASUK</h3></header>
<div <a
class='module_content'> href=$aksi?module=order&act
<table =hapus&id=$r[id_orders]><im
id='rounded-corner'> g
src='images/icn_trash.png'
<tr><th>#</th><th>No.Order< title='Edit'></a>
/th><th>Nama
Konsumen</th><th>Tgl. </td></tr>";
Order</th><th>Jam</th><th>S $no++;
tatus</th><th>Aksi</th></tr }
>";
echo "<tr><td colspan=4
$p = new Paging; align=center>
$batas = 10; <input type=radio
$posisi = $p- name=pilih onClick='for
>cariPosisi($batas); (i=0;i<$no;i++){document.ge
tElementById(\"id\"+i).chec
$tampil = ked=true;}'>Check All
mysql_query("SELECT * FROM <input type=radio
orders ORDER BY id_orders name=pilih onClick='for
DESC LIMIT (i=0;i<$no;i++){document.ge
$posisi,$batas");
tElementById(\"id\"+i).chec $pilihan_order .=
ked=false;}'>Uncheck All ">$status</option>\r\n";
}
</td></tr>
<tr><td colspan=4 echo
align=center><input "<header><h3>DETAIL
type=submit class='button' ORDER</h3></header>
value=Hapus></td> <form method=POST
</tr></table></form>"; action=$aksi?module=order&a
ct=update>
$jmldata = <input
mysql_num_rows(mysql_query( type=hidden name=id
"SELECT * FROM orders")); value=$r[id_orders]>
$jmlhalaman = $p- <div
>jumlahHalaman($jmldata, class='module_content'>
$batas); <table
$linkHalaman = $p- id='rounded-corner'>
>navHalaman($_GET[halaman], <tr><td>No.
$jmlhalaman); Order</td> <td> :
$r[id_orders]</td></tr>
echo "<div <tr><td>Tgl. &
class=paging>Hal: Jam Order</td> <td> :
$linkHalaman</div><br>"; $tanggal &
break; $r[jam_order]</td></tr>
<tr><td>Status
Order </td><td>:
case "detailorder": <select
$edit = name=status_order>$pilihan_
mysql_query("SELECT * FROM order</select>
orders WHERE <input
id_orders='$_GET[id]'"); type=submit class='button'
$r = value='Ubah
mysql_fetch_array($edit); Status'></td></tr>
</table></form>";
$tanggal=tgl_indo($r[tgl_or
der]); // tampilkan rincian
produk yang di order
$pilihan_status = $sql2=mysql_query("SELECT
array('Batal','Lunas/Terkir * FROM orders_detail,
im'); produk
$pilihan_order = ''; WHERE
foreach orders_detail.id_produk=pro
($pilihan_status as duk.id_produk
$status) { AND
$pilihan_order .= orders_detail.id_orders='$_
"<option value=$status"; GET[id]'");
if ($status ==
$r[status_order]) { echo "<div
class='module_content'>
$pilihan_order .= " <table id='rounded-
selected"; corner'>
} <tr><th>Nama
Produk</th><th>Jumlah</th>
<th>Harga $ongkoskirim_rp =
Satuan</th><th>Sub format_rupiah($ongkoskirim)
Total</th></tr>"; ;
$grandtotal_rp =
format_rupiah($grandtotal);
while($s=mysql_fetch_array( $ongkoskirim1_rp =
$sql2)){ format_rupiah($ongkoskirim1
// rumus untuk );
menghitung subtotal dan
total echo "<tr><td colspan=3
$subtotalberat = align=right>Total :
$s[berat] * $s[jumlah]; // </td><td>Rp.
total berat per item produk <b>$total_rp</b></td></tr>
$totalberat = <tr><td colspan=3
$totalberat + align=right>Ongkos Kirim
$subtotalberat; // grand Tujuan Kota Pembeli
total berat all produk yang :</td><td>Rp.
dibeli <b>$ongkoskirim1_rp
$subtotal = /Kg</b></td></tr>
$s[harga] * $s[jumlah]; <tr><td colspan=3
$total = $total + align=right>Total Berat
$subtotal; Barang:
$subtotal_rp = </td><td><b>$totalberat
format_rupiah($subtotal); Kg</b></td></tr>
$total_rp = <tr><td colspan=3
format_rupiah($total); align=right>Ongkos Kirim :
$harga = </td><td>Rp.
format_rupiah($s[harga]); <b>$ongkoskirim_rp</b></td>
</tr>
echo <tr><td colspan=3
"<tr><td>$s[nama_produk]</t align=right>Grand Total :
d><td>$s[jumlah]</td><td>Rp </td><td>Rp.
. $harga</td><td>Rp. <b>$grandtotal_rp</b></td><
$subtotal_rp</td></tr>"; /tr>
} </table>";

// tampilkan data
$ongkos=mysql_fetch_array(m kustomer
ysql_query("SELECT * FROM echo "<div
kota,orders WHERE class='module_content'>
orders.id_kota=kota.id_kota <table id='rounded-
AND corner'>
id_orders='$_GET[id]'")); <tr><th
colspan=2>DATA
$ongkoskirim1=$ongkos[ongko KONSUMER</th></tr>
s_kirim]; <tr><td>Nama
$ongkoskirim = Pembeli</td><td> :
$ongkoskirim1 * $r[nama_kustomer]</td></tr>
$totalberat; <tr><td>Alamat
$grandtotal = $total + Pengiriman</td><td> :
$ongkoskirim; $r[alamat]</td></tr>
 <tr><td>No. <p>Terima
Telpon/HP</td><td> : kasih telah belanja di Toko
$r[telpon]</td></tr> Online kami...</p>
<p>Salam
<tr><td>Email</td><td> : kami,</p>
$r[email]</td></tr> <p><b>RAKA
</table>"; KOMPUTER<b/></p>
-------------------------
---------------------------
case "kiriminvoice": ---------------------------
-------
echo "<h2>KIRIM FAKTUR </textarea></td></tr>
PEMBELIAN</h2> <tr><td
<form method=POST colspan=2><input
action='?module=order&act=k type=submit class='button'
irimemail'> value=Kirim>
<table
id='rounded-corner'> <input type=button
class='button' value=Batal
<tr><td>Kepada</td><td> : onclick=self.history.back()
<input type=text ></td></tr>
name='email' size=30 </table></form>";
value='$r[email]'></td></tr break;
>
case "kirimemail":
<tr><td>Subjek</td><td> :
<input type=text mail($_POST[email],$_POST[s
name='subjek' size=50 ubjek],$_POST[pesan],"From:
value='Faktur rakakomofficial@gmail.com")
Pembelian'></td></tr> ;
<tr><td echo
valign=top>Pesan</td><td><t "<header><h3>STATUS
extarea name='pesan' EMAIL</h3></header>
style='width: 550px; <div
height: class='module_content'><p><
350px;'>Assalamu'alaikum b>Email telah sukses
Wr. Wb. terkirim ke tujuan<b></p>
<p>Kami telah <p><a
menerima pembayaran order href=javascript:history.go(
dengan No. Order -2)><img
$r[id_orders], atas nama: src='images/icn_kembali.png
$r[nama_kustomer] '
sebesar Rp. title='Kembali'></a></p>";
$grandtotal_rp</p>
<p>Dengan ini, break;
Kami sampaikan pula bahwa }
pesanan Anda telah kami }
kirim ke alamat: ?>
$r[alamat]</p>