SISTEM INFORMASI PENJUALAN PRODUK KECANTIKAN BERBASIS
WEB DENGAN MENGGUNAKAN PHP DAN MySQL
TUGAS AKHIR
NADRA KATIKA LINGGA 102406269
PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA
SISTEM INFORMASI PENJUALAN PRODUK KECANTIKAN BERBASIS
WEB DENGAN MENGGUNAKAN PHP DAN MySQL
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh gelar ahli madya
NADRA KATIKA LINGGA 102406269
PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA
PERSETUJUAN
Judul : SISTEM INFORMASI PENJUALAN PRODUK
KECANTIKAN BERBASIS WEB DENGAN
MENGGUNAKAN PHP DAN MySQL
Kategori : TUGAS AKHIR
Nama : NADRA KATIKA LINGGA
Nomor Induk Mahasiswa : 102406269
Program Studi : DIPLOMA (D3) TEKNIK INFORMATIKA
Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA
Diluluskan di
Medan, Juni 2013
Diketahui/ Disetujui oleh
Departemen Matematika FMIPA USU
Ketua, Pembimbing,
PERNYATAAN
SISTEM INFORMASI PENJUALAN PRODUK KECANTIKAN BERBASIS WEB DENGAN MENGGUNAKAN PHP DAN MySQL
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebut sumbernya.
Medan, Juni 2013
PENGHARGAAN
Alhamdulillahirabbil’alamin, segala puji dan syukur kepada Allah SWT semata, yang telah
memberikan penulis kekuatan dan semangat sehingga dapat menyelesaikan tugas akhir ini dengan baik. Tak lupa pula shalawat dan salam kepada Nabi Muhammad SAW sebagai suri tauladan terbaik bagi umat manusia, yang telah membawa kita dari zaman jahiliyah ke zaman yang terang benderang dengan ilmu pengetahuan seperti saat ini.
Adapun judul tugas akhir ini adalah “SISTEM INFORMASI PENJUALAN
PRODUK KECANTIKAN BERBASIS WEB DENGAN MENGGUNAKAN PHP DAN
MySQL”. Tugas akhir ini merupakan syarat untuk dapat menyelesaikan pendidikan program
D-3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam di Universitas Sumatera Utara.
Pada kesempatan ini penulis mengucapkan banyak terima kasih kepada pihak yang telah banyak membimbing, mengarahkan, membantu dan memberikan dukungan semangat dan kasih sayang dalam menyelesaikan tugas akhir ini. Penulis mengucapkan terima kasih kepada :
1. Bapak Dr. Sutarman, M.Sc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
2. Bapak Prof. Dr. Tulus, Vordipl.Math.,M.Si.,PhD selaku Ketua Departemen Matematika di FMIPA USU.
3. Bapak Syahril Efendi S.Si, M.IT selaku ketua pelaksanaan program D-3 Teknik Informatika dan Statistika FMIPA USU serta selaku dosen pembimbing yang telah bersedia memberi arahan, bimbingan dan petunjuk kepada penulis dalam menyelesaikan tugas akhir ini.
4. Seluruh Bapak dan Ibu Dosen yang telah membimbing saya selama menjalani pendidikan di kampus ini.
5. Yang teristimewa, Ayahanda Nabsir Lingga S.H dan Ibunda Dra. Herbina Berutu
yang telah memberikan do’a, dukungan, motivasi, semangat dan kasih sayang yang
tiada henti kepada penulis sehingga penulis dapat menyelesaikan tugas akhir ini. 6. Yang tersayang, adik-adik saya Nurul Lolona Lingga, Nuril Loloni Lingga, Nabila
Syahira Lingga, dan Naufal Fikri Salman Lingga yang telah memberikan do’a, kasih sayang dan semangat yang tiada henti kepada penulis sehingga penulis dapat menyelesaikan tugas akhir ini.
7. Kepada sahabat-sahabat saya Ade Irma, Rizhani Syahfitri, dan Syafrianti Julia Astari yang telah memberikan motivasi dan semangat kepada penulis sehingga penulis dapat menyelesaikan tugas akhir ini.
8. Kepada teman-teman Kom E’10 yang telah memberikan dukungan kepada penulis dan jasa-jasanya selama mengikuti perkuliahan di Teknik Informatika USU.
Akhirnya penulis berharap semoga tugas akhir ini bermanfaat bagi para pembaca.
Medan, Juni 2013
ABSTRAK
DAFTAR ISI
2.8 Pengenalan Macromedia Dreamweaver 8 12
Bab 4 Implementasi Sistem 26
4.1 Pengertian Implementasi Sistem 26
4.2 Tujuan Implementasi Sistem 26
4.3 Komponen Utama dalam Implementasi Sistem 27
4.3.1 Hardware 27
4.3.2 Software 27
4.3.3 Brainware 28
4.4 Instalasi XAMPP 1.6.4 29
4.4.1 Menjalankan XAMPP 31
Bab 5 Kesimpulan dan Saran 32
5.1 Kesimpulan 32
5.2 Saran 33
DAFTAR TABEL
Halaman
Tabel 3.1 Tabel Admin 18
Tabel 3.2 Tabel Keranjang 18
Tabel 3.3 Tabel Pembeli 19
Tabel 3.4 Tabel Produk 19
DAFTAR GAMBAR
Halaman
Gambar 2.1 Tampilan Area Kerja Dreamweaver 13
Gambar 3.1 Diagram Konteks 16
Gambar 3.2 DFD Level 0 17
Gambar 3.3 Sitemape Situs 17
Gambar 3.4 Flowchart Halaman Utama 21
Gambar 3.5 Flowchart Login 22
Gambar 3.6 Flowchart Halaman Admin 23
Gambar 3.7 Flowchart Pembelian 24
Gambar 4.1 Xampp-win32-1.6.7-installer 29
Gambar 4.2 Setup Wizard 29
Gambar 4.3 Lokasi Instalasi 30
Gambar 4.4 Xampp Option 30
Gambar 4.5 Proses Instalasi 30
Gambar 4.6 Setup Selesai 31
ABSTRAK
BAB 1
PENDAHULUAN
1.1 Latar Belakang
Perkembangan aplikasi web yang semakin pesat sejak munculnya teknologi internet sangat
membantu dalam kemudahan serta kecepatan pengiriman, penyampaian dan penerimaan
informasi. Mulai dari perusahaan-perusahaan, sekolah-sekolah, perguruan tinggi, dan
lembaga atau organisasi lainnya telah banyak memanfaatkan aplikasi web dalam kegiatan
penjualan, promosi, belajar dan kegiatan lainnya dimana dibutuhkan pengiriman,
penyebaran dan penerimaan informasi sehingga memberikan kemudahan bagi pengguna
(user) yang membutuhkan.
Manfaat tersebut dapat kita rasakan pada bidang penjualan melalui internet yang
dikenal dengan istilah e-commerce atau disebut juga dengan e-bussiness. Dengan adanya
internet penjualan yang dilakukan perusahaan dapat berlangsung dengan cepat dan mudah.
Misalnya pada Kyeopta House.
Sebelum adanya internet, penjualan pada Kyeopta House berlangsung secara
lambat dan tidak efisien, terutama dari segi waktu. Pelanggan yang ingin membeli suatu
produk harus datang ke Kyeopta House untuk melakukan transaksi pembelian.
Dengan pertimbangan inilah, maka penulis tertarik untuk membuat sistem
informasi yang dapat mempermudah transaksi pada Kyeopta House. Maka penulis
memutuskan untuk membuat judul “SISTEM INFORMASI PENJUALAN PRODUK
1.2 Identifikasi Masalah
Pada Kyeopta House, sistem pemasaran dan penjualan masih manual dan kurang efektif,
sehingga penulis berkeinginan membuat sistem informasi penjualan pada Kyeopta House.
1.3 Maksud dan Tujuan
Maksud dari penelitian ini adalah untuk merancang suatu aplikasi web yang dinamis dan
dapat dimanfaatkan dengan cepat dan baik.
Adapun tujuan penulis mengadakan penelitian ini adalah :
1. Untuk merancang suatu sistem informasi penjualan pada Kyeopta House dengan
menggunakan software-software pendukung seperti Apache sebagai server,
PHP, MySQL sebagai database, Macromedia Dreamweaver 8.0, serta Adobe
Photoshop CS.
2. Membantu Kyeopta House memperluas dan mempermudah transaksi sehingga
lebih cepat dan mudah tanpa terhalang oleh jarak dan waktu.
1.4 Kontribusi Penelitian
Adanya kontribusi penelitian adalah untuk mempermudah dan memperluas penjualan dan
pemasaran produk pada Kyeopta House sehingga akan mempermudah pengelola dalam
memperluas penjualanannya. Yang awalnya penjualan dan pemasaran dilakukan secara
manual dan terbatas, kemudian diubah menjadi sistem informasi yang terkomputerisasi.
1.5 Metode Penelitian
Untuk menyusun tugas akhir ini, penulis melakukan metode penelitian adalah sebagai
berikut :
1. Penelitian Pustaka
Penelitian ini dimaksudkan untuk mendapatkan landasan teori yang memadai dalam
2. Merancang Database
Dalam membuat database, penulis menggunakan MySQL sebagai tempat
penyimpanan data yang fleksibel dan dinamis.
3. Merancang Desain Web
Pada tahap ini, penulis mulai mendesain tampilan atau halaman web dengan
menggunakan software pendukung seperti Macromedia Dreamweaver 8.0 dan Adobe
Photoshop CS.
4. Merancang Program
Pada tahap ini, penulis membuat listing program dari setiap menu-menu halaman
web yang akan ditampilkan.
5. Pengujian Program
Pada tahap ini, penulis menguji program yang telah dirancang sebelumnya agar dapat
mengetahui kesalahan-kesalahan dalam program dan memperbaiki kembali program
tersebut sehingga pada tahap selanjutnya program dapat berjalan dengan sempurna.
1.6 Sistematika Penulisan
Adapun sistematika penulisan laporan Tugas Akhir ini adalah sebagai berikut :
BAB 1 PENDAHULUAN
Bab ini merupakan bab pendahuluan yang meliputi latar belakang
masalah yang dihadapi, perumusan masalah, batasan masalah, tujuan
penelitian dan manfaat penelitian serta sistematika penulisan.
BAB 2 LANDASAN TEORI
Bab ini berisi tentang teori-teori para ahli tentang materi yang dibahas pada
BAB 3 PERANCANGAN SISTEM
Bab ini penulis membahas tentang gambaran umum pembuatan dan
perancangan halaman-halaman web, persiapan dan perancangan serta
algoritma web.
BAB 4 IMPLEMENTASI SISTEM
Bab ini berisikan pengertian implementasi sistem, tujuan implementasi
sistem, komponen utama implementasi sistem, dan instalasi XAMPP yang
berisikan paket-paket di dalamnya, seperti Apache, PHP dan MySQL.
BAB 5 KESIMPULAN DAN SARAN
Bab ini berisikan kesimpulan dan saran dari hasil penelitian yang bisa
BAB 2
LANDASAN TEORITIS
Landasan teori merupakan suatu panduan untuk melaksanakan dan menyelesaikan suatu
studi. Disini penulis akan mengemukakan beberapa teori yang berkaitan dengan masalah
yang akan dibahas nantinya. Teori-teori yang akan dikemukakan merupakan pegangan
penulis untuk meneliti masalah yang dihadapi penulis pada pelaksanaan tugas akhir pada
Kyeopta House. Adapun teori-teori yang berkaitan dengan penyelesaian masalah ini adalah
sebagai berikut :
2.1 Pengertian Sistem Informasi
Sistem informasi adalah kombinasi dari teknologi informasi dan aktifitas orang yang
menggunakan teknologi itu untuk mendukung operasi dan manajemen. Dalam arti yang
sangat luas, istilah sistem informasi yang sering digunakan merujuk kepada interaksi antara
orang, proses algoritmik, data dan teknologi. Dalam pengertian ini, istilah ini digunakan
untuk merujuk tidak hanya pada penggunaan organisasi teknologi informasi dan
komunikasi, tetapi juga untuk cara dimana orang berinteraksi dengan teknologi ini dalam
mendukung proses bisnis.
Informasi adalah hasil dari pengolahan data dalam suatu bentuk yang lebih berguna
dan berarti bagi penerimanya yang menggambarkan suatu kejadian-kejadian yang nyata
yang digunakan untuk pengambilan keputusan. Data diolah melalui suatu metode untuk
menghasilkan informasi (McLeod, 2007).
2.2 Pengenalan Internet
Internet berasal dari kata Interconnection Networking yang mempunyai arti hubungan
komputer dengan berbagai tipe yang membentuk sistem jaringan yang mencakup seluruh
dunia (jaringan komputer global) dengan melalui jalur telekomunikasi seperti telepon,
Internet terdiri dari berjuta-juta halaman, dan setiap halaman disebut dengan web.
Sedangkan halaman yang pertama kali muncul ketika membuka browser disebut dengan
Homepage. Tetapi web juga sering disebut dengan website atau homepage. Web browser
adalah suatu program atau perangkat lunak yang digunakan unutk mengakses internet.
Web seakan lebih populer daripada e-mail, walaupun secara statistik, e-mail
merupakan aplikasi terbanyak yang digunakan oleh pengguna internet, web memudahkan
pengguna komputer untuk berinteraksi dengan pelaku internet lainnya dan menelusuri
informasi di internet.
2.3 Pengenalan XAMPP
XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL,
PHP, Perl. XAMPP merupakan tool yang menyediakan paket perangkat lunak kedalam
satu buah paket. Dalam paketnya sudah terdapat Apache (web server), MySQL (database),
PHP (server side scripting), Perl, FTP server, phpMyAdmin dan berbagai pustaka bantu
lainnya.
2.4 Pengenalan HTML
HTML (HyperText Markup Language) adalah sebuah bahasa markah/ tanda yang
digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi didalam
sebuah penjelajah web internet dan pemformatan hiperteks sederhana yang ditulis dalam
berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegrasi.
Secara garis besar, terdapat 4 jenis elemen dari HTML :
1. Struktural : Tanda yang menentukan level atau tingkatan dari sebuah tulisan.
2. Presentasional : Tanda yang menentukan tampilan dari sebuah tulisan tidak
peduli dengan level dari tulisan tersebut.
3. Hiperteks : Tanda yang menunjukkan pranala ke bagian dari dokumen tersebut
atau pranala ke dalam dokumen lain.
4. Elemen Widget : Untuk membuat objek-objek lain seperti tombol dan garis
HTML dikeluarkan oleh W3C (World Wide Web Consortium), setiap terjadi
perkembangan level HTML, harus dievaluasi ketat dan disetujui oleh W3C. Hingga kini
versi terakhir HTML yang telah disetujui oleh W3C adalah HTML versi 4.01.
2.5 Pengenalan PHP
PHP (Hyperteks Preproseccor) adalah bahasa pemrograman yang berfungsi untuk
membuat website dinamis maupun aplikasi web.
Contoh aplikasi web yang bisa dibuat oleh PHP adalah CMS, Forum dan Website
SocialNetworking. Program PHP ditulis dalam teks biasa dan mempunyai akhiran “php”.
2.5.1 Sejarah PHP
Pada awalnya PHP merupakan kependekan dari personal homepage (situs personal). PHP
pertama kali dibuat oleh Rasmus Lordorf pada tahun 1995. Pada waktu itu PHP masih
bernama Form Interpreted (FI) yang wujudnya berupa sekumpulan skrip yang digunakan
untuk mengolah data formulir dari web (Rafiza, 2006).
Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya
PHP/ FI. Dengan perilisan kode sumber ini menjadi sumber terbuka, maka banyak
pemrogram yang tertarik untuk ikut mengembangkan PHP.
Pada November 1997, dirilis PHP/ FI 2.0. Pada rilis ini, interpreter PHP sudah
diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-modul
ekstensi yang meningkatkan kemampuan PHP/ FI secara signifikan (Kasiman
Peranginangin, 2006).
Pada tahum 1997, sebuah perusahaan bernama Zend menulis ulang interpreter PHP
menjadi lebih bersih, lebih baik, dan lebih cepat, Kemudian pada Juni 1998, perusahaan
tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai PHP 3.0
Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut
dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai pada awal
abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya untuk membangun
aplikasi web kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi.
Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP
mengalami perubahan besar. Versi ini juga memasukkan model pemrograman berorientasi
objek ke dalam PHP untuk menjawab perkembangan bahasa pemrograman ke arah
paradigma berorientasi objek.
2.5.2 Kelebihan PHP
Adapun kelebihan dari PHP adalah :
1. Aplikasi dengan PHP cukup cepat dibandingkan dengan palikasi CGI dengan Perl
atau Phyton bahkan lebih cepat dibandingkan dengan ASP maupun Java dalam
berbagai aplikasi web (kecepatan ini bisa bervariasi karena dipengaruhi oleh tipe
aplikasi dan jumlah pengunjung).
2. Tersedia baik di Windows maupun Linux, walau saat ini paling efektif di web
server Apache dan OS Linux.
3. Sintaks mirip C dan mudah dipelajari.
4. Komunitas yang ramai dan saling membantu seperti di phpbuilder.com,
phpindo.com atau berbagai situs dan mailing list lain.
5. Berbagai script atau aplikasi yang siap pakai telah tersedia.
2.5.3 Kekurangan PHP
Adapun kekurangan dari PHP adalah :
1. Tidak ideal untuk pengembangan skala besar.
2. Tidak memliki sistem pemrograman berorientasi objek yang sesungguhnya.
3. Tidak bisa memisahkan antara tampilan dengan logik yang baik (walau penggunaan
template dapat memperbaikinya).
4. PHP memiliki kelemahan security tertentu apabila programer tidak jeli dalam
2.5.4 Tipe Data PHP
PHP memiliki 8 tipe data yaitu :
1. Integer
2. Menggunakan tag <?php ... ?>
3. Menggunakan tag <script language=”php”> ... </script>
Contoh penulisan script PHP dalam tag HTML murni adalah sebagai berikut :
2.6 Pengenalan Database MySQL
MySQL pertama kali dirilis oleh seorang programer database bernama Michael Widenius.
Selain MySQL ada beberapa program database server lain yang menggunakan standar
query berupa SQL (Structured Query Language), antara lain adalah :
1. Oracle
2. PostgreSQL
3. MySQL front
4. MySQL
5. SQL Server 97
MySQL adalah sebuah database server, dapat juga berperan sebagai client
sehingga sering disebut database server, yang open source dengan kemampuan dapat
berjalan baik di OS (Operating System) manapun, dengan Platform Windows maupun
Linux.
MySQL adalah suatu sistem manajemen basis data relasional (RDBMS-Relational
Database Management System) yang mampu bekerja dengan cepat, kokoh dan mudah
digunakan (Nugraha Widhi Pratama, 2010).
2.6.1 Keistimewaan MySQL
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 lainnya.
2. Open Source. MySQL didistribusikan secara open source, dibawah lisensi GPL
sehingga dapat digunakan secara cuma-cuma.
3. Multiuser. MySQL dapat digunakan oleh beberapa user dalam waktu yang
bersamaan tanpa mengalami masalah atau konflik.
4. Performance tuning. MySQL memiliki kecepatan yang menakjubkan dalam
menangani perintah sederhana, dengan kata lain dapat memproses lebih banyak
5. Jenis Kolom, MySQL memiliki tipe kolom yang sangat kompleks, 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 sekuritas seperti level subnetmask,
nama host, dan izin akses user dengan sistem perizinan yang mendetail serta sandi
terenkripsi.
8. Skalabilitas dan Pembatas. 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. Konektifitas. 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. Meskipun demikian, bahasa Indonesia
belum termasuk di dalamnya.
11. Antar Muka. MySQL memiliki interface (antar muka) 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.
13. Struktur tabel. MySQL memiliki struktur tabel yang lebih fleksibel dalam
menangani ALTER TABLE, dibandingkan basis data lainnya semacam
PostgreSQL ataupun Oracle.
2.7Apache
Apache merupakan software yang dikeluarkan oleh grup Apache. Grup Apache terlibat
dalam suatu proyek yang disebut Proyek Apache untuk mengembangkan suatu software
implementasi di server HTTP (web) yang handal, standar komersial, source code nya
2.8 Pengenalan Macromedia Dreamweaver 8
Pengertian Macromedia Dreamweaver adalah sebuah software HTML editorial profesional
yang digunakan untuk mendesain secara visual dan mengelola situs web maupun halaman
web. Bilamana kita menyukai untuk berurusan dengan kode-kode HTML secara manual
atau lebih menyukai bekerja dengan lingkungan secara visual dengan melakukan editing.
Dreamweaver membuatnya lebih mudah dengan menyediakan tools-tools yang sangat
berguna untuk memudahkan kita dalam peningkatan kemampuan dan pengalaman kita
dalam mendesain.
Dreamweaver 8 dalam hal ini digunakan untuk web desain, dreamweaver 8
mengikutsertakan banyak tools untuk kode-kode dalam halaman web beserta
fasilitas-fasilitasnya antara lain : Referensi HTML, CSS, dan java script debugger dan editor kode
(tampilan kode dan kode inspector) yang mengizinkan kita mengedit kode java script,
XML dan dokumen teks lain secara langsung dalam macromedia dreamweaver.
Komponen-komponen yang terdapat pada ruang kerja Macromedia Dreamweaver 8
adalah :
1. Document Window : jendela kerja dokumen terdiri atas layar kerja serta
fasilitasnya. Yang dimakssud dengan fasilitas adalah tool untuk mengatur
layar kerja atau sering disebut Document Toolbar, antara lain Coding tool
dan Zoom & Guide tool. Di samping Document Toolbar, tersedia fasilitas
lain yaitu Tag Selection.
2. Menu Utama : berisi semua perintah yang dapat digunakan untuk bekerja
pada Dreamweaver.
3. Insert Bar : merupakan tool yang digunakan untuk menyisipkan objek ke
dalam dokumen web. Ada enam kelompok kategori yang digunakan untuk
insert bar yaitu Common, Layout, Form, Text, HTML, dan Application yang
masing-masing memiliki beberapa tool beserta kegunaannya.
4. Document Toolbar : berisi tombol-tombol dan menu pop-up dari dokumen
5. Panel Group : Panel pada Macromedia Dreamweaver 8 merupakan suatu
media yang berfungsi sebagai fasilisator. Kumpulan berbagai panel disebut
Panel Groups, terletak pada sebelah kanan layar kerja. Panel-panel tersebut
diantaranya CSS, Application, Tag Inspector, Files dan History yang
masing-masing memiliki bagian dan fungsi.
6. Tag Selector : adalah tag-tag HTML yang terpilih sesuai dengan objek yang
ada di area kerja.
7. Property Inspector : merupakan area kerja untuk mengatur dalam mengelola
properti-properti seperti pada text, image, maupun tabel dalam suatu
dokumen web. Cara kerja Property Inspector hanya dengan memasukkan
nilai-nilai parameter yang sudah disediakan. Secara umum Property
Inspector terdiri dari Page Property, Table Property, Image Property dan
Form Property.
GAMBAR 2.1 Tampilan Area Kerja Dreamweaver
2.9 Database
Istilah “database” berawal dari ilmu komputer. Meskipun kemudian artinya semakin
meluas, memasukkan hal-hal yang diluar bidang elektronika. Database yang dikendalikan
oleh sistem manajemen database adalah satu set catatan yang berhubungan dan saling
Database merupakan kumpulan informasi yang disimpan di dalam komputer secara
sistematik untuk memperoleh informasi dari basis data tersebut.
Berikut adalah perangkat lunak database :
1. Microsoft SQL Server
2. Oracle
3. Sybase
4. Interbase
5. Xbase
6. Firebird
7. MySQL
8. Postgre
9. Microsoft Access
2.10 CSS ( Cascading Style Sheet)
CSS banyak digunakan untuk memperluas kemampuan HTML dalam memformat
dokumen web atau untuk mempercantik tampilan web, bahkan untuk pemosisian dan
layout halaman web. Dengan mendefenisikan suatu style sekali saja, itu akan dapat
digunakan berulang kali.
CSS telah didukung oleh kebanyakan browser, terutama versi baru sehingga
penempatan layout menjadi lebih fleksibel. Membuat HTML menggunakan tag minimal
berpengaruh terhadap ukuran file, dapat menampilkan konten utama terlebih dahulu
sementara gambar dan yang lain dapat ditampilkan sesudahnya. Selain itu penggunaan file
BAB 3
PERANCANGAN SISTEM
Tahap perancangan ini merupakan tahap awal dalam membangun sebuah situs, seperti
membuat perencanaan, perancangan, diagram alur, tujuan, dan isi dari sebuah situs. Setelah
tahap perancangan, tahap selanjutnya yaitu membuat outline atau garis besar dari situs
tersebut.
Salah satu cara yang dapat digunakan adalah dengan membuat aliran informasi atau
flowchart (bagan alir) situs tersebut. Flowchart merupakan sebuah diagram dengan
simbol-simbol grafis yang menyatakan aliran algoritma atau proses yang menampilkan
langkah-langkah yang disimbolkan dalam bentuk kotak, beserta urutannya dengan menghubungkan
masing-masing langkah menggunakan tanda panah. Diagram ini bisa memberi solusi
selangkah demi selangkah untuk penyelesaian masalah yang ada di dalam proses atau
algoritma tersebut. Tujuan utama penggunaan flowchart adalah untuk menyederhanakan
rangkaian proses atau prosedur untuk memudahkan pemahaman pengguna terhadap
informasi tersebut. Oleh karena itu, desain sebuah flowchart harus ringkas, jelas, dan logis.
3.1 Data Flow Diagram (DFD)
Data Flow Diagram atau sering disingkat DFD adalah perangkat-perangkat analisis dan
perancangan yang terstruktur sehingga memungkinkan penganalisis sistem memahami
sistem dan subsistem secara visual sebagai suatu rangkaian aliran data yang saling
berkaitan.
Fungsi dari Data Flow Diagram adalah :
1. Data Flow Diagram (DFD) adalah alat pembuatan model yang
memungkinkan profesional sistem untuk menggambarkan sistem sebagai
suatu jaringan proses fungsional yang dihubungkan satu sama lain dengan
2. DFD ini adalah salah satu alat pembuatan model yang sering digunakan,
khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih penting
dan kompleks daripada data yang dimanipulasi oleh sistem. Dengan kata
lain, DFD adalah alat pembuatan model yang memberikan penekanan hanya
pada fungsi sistem.
3. DFD ini merupakan alat perancangan sistem yang berorientasi pada alur
data dengan konsep dekomposisi yang dapat digunakan untuk
penggambaran analisa maupun rancangan sistem yang mudah
dikomunikasikan oleh profesional sistem kepada pemakai maupun pembuat
Data Pembeli
Dengan adanya aliran informasi dapat membantu dalam menggambarkan isi dari
setiap halaman dan link atau navigasi antara halaman-halaman di dalam situs tersebut.
Disamping itu, juga dapat mempermudah dalam mengatur kode dan file HTML nya,
terutama link untuk navigasi penjelajahan ke seluruh halaman web. Secara sederhana aliran
informasi dalam membangun situs ini dapat dilihat pada gambar dibawah ini :
3.2 Perancangan Struktur Database
Database adalah kumpulan file-file yang saling berelasi antara file yang satu dengan file
yang lain sehingga membentuk satu kesatuan. Dalam sebuah database, dapat kita temui
lebih dari satu tabel. Pada tabel biasanya terdiri dari field-field tipe, tipe data, jumlah
karakter pada tiap field yang di input dan keterangan tambahan lainnya.
Dalam perancangan “SISTEM INFORMASI PENJUALAN PRODUK KECANTIKAN BERBASIS WEB DENGAN MENGGUNAKAN PHP DAN MySQL”, penulis membuat 5 tabel dalam database yang diberi nama kyeopta.
Tabel-tabel tersebut terdiri atas :
Tabel 3.1 Tabel Admin
No. Field Type
1 Nama Varchar(30)
2 Pass Varchar(50)
Tabel 3.2 Tabel Keranjang
No. Field Type
1 Id Varchar(20)
2 Kode_produk Varchar(10)
3 Tanggal Varchar(20)
Tabel 3.3 Tabel Pembeli
1 Kode_produk Varchar(10)
2 Nama_produk Varchar(30)
3 Harga Int(10)
4 Stok Int(3)
5 Kategori Varchar(50)
6 Sub_kategori Varchar(50)
7 Pembelian Int(5)
2 Kode_produk Varchar(10)
3 Gambar Varchar(100)
4 Nama_produk Varchar(50)
5 Jumlah Int(3)
6 Harga Int(3)
3.3 Flowchart
Flowchart atau bagan alir adalah bagan (chart) yang menunjukkan alir (flow) di dalam
program atau prosedur sistem secara logika dan digunakan untuk alat bantu komunikasi
dan dokumentasi.
Dibawah ini adalah tabel simbol-simbol flowchart beserta fungsinya :
No. Simbol Fungsi
1 Terminal. untuk memulai dan mengakhiri suatu
program.
2 Proses. suatu simbol yang menunjukkan setiap
pengolahan yang dilakukan oleh komputer.
3 Input-Output. untuk memasukkan data maupun
menunjukkan hasil dari suatu proses.
4 Decision. suatu kondisi yang akan menghasilkan
beberapa kemungkinan jawaban atau pilihan.
5 Preddifined Process. suatu simbol untuk menyediakan
tempat pengolahan data dalam storage.
6 Connector. suatu prosedur akan masuk dan keluar
melalui simbol ini dalam lembar yang sama.
7 Arus atau Flow. prosedur yang dapat dilakukan dari atas
kebawah, bawah keatas, dari kekanan, atau dari kekiri.
8 Document. Merupakan simbol untuk data yang
berbentuk informasi.
9 Untuk menyatakan sekumpulan langkah proses yang
ditulis sebagai prosedur.
3.3.1 Flowchart halaman utama
Flowchart ini menjelaskan bagan dari halaman menu utama website. Di dalam tampilan
halaman utama tersebut ada beberapa halaman yang telah disajikan oleh admin tentang
produk-produk populer agar dapat dilihat oleh user.
GAMBAR 3.4 Flowchart halaman utama
3.3.2 Flowchart halaman admin
Flowchart ini menjelaskan bagan dari halaman web administrator. Untuk masuk ke
halaman ini admin harus login terlebih dahulu. Jika username dan password yang di
masukkan benar maka akan masuk ke halaman admin, dan jika salah maka akan masuk
kembali ke halaman login admin semula.
salah
benar
GAMBAR 3.5 Flowchart Login
start
Username, password
login
Halaman admin
stop
Kembali ke halaman login
GAMBAR 3.6 Flowchart halaman admin
3.3.3 Flowchart pembelian
Flowchart ini menjelaskan tentang jalannya proses pembelian. Calon pembeli melakukan
proses pemesanan dengan mengisi form pembelian kemudian di submit. start
tidak
ya
tidak
ya
GAMBAR 3.7 Flowchart pembelian
start
wajah badan rambut tangan kaki
beli stop
Keranjang belanja
bayar stop
Form isi data
Data pembelian
3.4 Perancangan Halaman Website
Adapun halaman-halaman yang dibuat oleh penulis adalah:
1. Halaman Home merupakan halaman yang pertama kali muncul pada saat website
dibuka.
2. Halaman Wajah merupakan halaman yang berisikan tentang produk-produk pada
wajah.
3. Halaman Badan merupakan halaman yang berisikan produk-produk pada badan.
4. Halaman Rambut merupakan halaman yang berisikan produk-produk pada rambut.
5. Halaman Tangan merupakan halaman yang berisikan produk-produk pada tangan.
6. Halaman Kaki merupakan halaman yang berisikan produk-produk pada kaki.
7. Halaman Admin merupakan halaman yang khusus diakses oleh admin untuk
melakukan pengaturan seperti mengedit, menghapus, serta menambahkan isi yang
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan desain yang ada
dalam dokumen desain sistem yang disetujui dan menguji, menginstall, memulai serta
menggunakan sistem yang baru atau sistem yang diperbaiki.
Adapun langkah-langkah yang dibutuhkan dalam implementasi sistem adalah :
1. Mendapatkan software dan hardware yang tepat serta sesuai untuk
merancang suatu sistem informasi.
2. Menyelesaikan rancangan sistem.
3. Menulis, menguji, mengontrol dan mendokumentasikan website.
4. Mendapatkan pesetujuan.
4.2 Tujuan Implementasi
Adapun tujuan dari implementasi sistem adalah :
1. Menyelesaikan desain sistem yang ada dalam dokumen desain sistem yang telah
disetujui, menyusun dokumen-dokumen baru atau dokumen yang baru diperbaiki.
2. Menulis, menguji, mendokumentasikan program-program dan prosedur yang
diperlukan dalam dokumen desain sistem yang telah disetujui.
3. Memastikan bahwa operator dapat mengoperasikan sistem yang baru yaitu dengan
mempersiapkan manual pemakaian (tata cara penggunaan) dan melatih operator
tersebut.
4. Memperhitungkan bahwa sistem tersebut dapat memenuhi permintaan pengguna
yaitu dengan menguji sistem secara keseluruhan.
5. Memastikan bahwa konversi ke sistem baru berjalan secara lancar, yaitu dengan
membuat perencanaan, mengontrol, dan melakukan instalasi sistem baru secara
4.3 Komponen Utama dalam Implementasi Sistem
Dalam menjalankan sistem tersebut dengan menggunakan komputer harus memiliki 3
komponen utama, antara lain Hardware (Perangkat Keras), Software (Perangkat Lunak),
dan Brainware (Unsur Manusia).
4.3.1 Hardware (Perangkat Keras)
Hardware merupakan salah satu komponen dari sebuah komputer yang sifat alatnya dapat
dilihat dan diraba oleh manusia secara langsung atau yang berbentuk nyata, yang berfungsi
untuk mendukung proses komputerisasi. Perangkat keras yang digunakan meliputi :
1. Processor Pentium III atau lebih tinggi.
2. Harddisk untuk tempat sistem operasi dan media penyimpanan data.
3. Memori minimal 128 MB.
4. Monitor.
5. Keyboard.
6. Mouse.
7. Printer.
4.3.2 Software (Perangkat Lunak)
Software adalah sekumpulan data elektronik yang disimpan dan diatur oleh komputer, data
elektronik yang disimpan oleh komputer itu dapat berupa program atau instruksi yang akan
menjalankan suatu perintah. Melalui sofware atau perangkat lunak inilah suatu komputer
dapat menjalankan suatu perintah. Dalam hal ini, perangkat lunak yang digunakan untuk
aplikasi perancangan website adalah :
1. Sistem operasi Windows XP.
2. Adobe Photoshop adalah perangkat lunak editor citra buatan Adobe System yang
dikhususkan untuk pengeditan foto/ gambar dan pembuatan efek.
3. Macromedia Dreamweaver 8, software yang dipakai untuk merancang website.
4. Appserv adalah sebuah aplikasi web server lokal yang terdiri dari Apache,
5. MySQL Query Browser adalah sebuah software yang memberi kemudahan dalam
mengakses serta mengubah data dari database MySQL.
6. Web Browser adalah software yang digunakan untuk mengakses website yang
sedang dibuat.
4.3.3 Brainware
Brainware dapat diartikan sebagai perangkat intelektual (faktor manusia) yang
mengoperasikan dan mengeksplorasi kemampuan dari hardware komputer maupun
software komputer. Tanpa adanya brainware ini mustahil hardware dan software yang
canggih sekalipun dapat dimanfaatkan secara maksimal. Faktor manusia yang dimaksud
adalah orang-orang yang memiliki bagian untuk menangani sistem dan merupakan unsur
manusia yang meliputi :
1. Analisis Sistem, yaitu orang membentuk dan membangun fasilitas rancangan
sistem atau program.
2. Programmer, yaitu seseorang yang mempunyai kemampuan menguasai salah satu
atau banyak bahasa pemrograman seperti bahasa C, Pascal, Java, dan sebagainya.
Programmer juga bisa dikatakan sebagai pembuat dan petugas yang
mempersiapkan program yang dibutuhkan pada sistem komputerisasi yang akan
dirancang.
3. Operator (Administrator), yaitu seseorang yang bertugas mengelola suatu sistem
operasi dan program-program yang berjalan pada sebuah sistem komputer atau
jaringan komputer.
4. User, yaitu orang yang memakai sistem yang telah dirancang untuk mendapatkan
informasi yang dibutuhkan.
4.4 Instalasi XAMPP 1.6.7
Xampp memberikan paket-paket yang cukup lengkap diantaranya :
1. Apache
2. MySQL
3. PHP
Dengan menginstalasi Xampp secara otomatis ketiga software utama yang akan
digunakan yaitu Apache, PHP dan MySQL telah dapat digunakan tanpa konfigurasi yang
rumit.
Adapun tahap-tahap instalasinya adalah sebagai berikut :
1. Klik ganda pada file xampp-win32-1.6.7-installer.
GAMBAR 4.1 Xampp-win32-1.6.7-installer
2. Maka akan muncul setup wizard. Kemudian klik next.
3. Untuk lokasi instalasi, penulis menyarankan pilih secara default.
GAMBAR 4.3 Lokasi Instalasi
4. Maka akan muncul Xampp option. Kemudian klik install.
GAMBAR 4.4 Xampp Option
5. Setelah itu proses instalasi akan berjalan dan tunggu hingga selesai.
6. Jika selesai akan tampil gambar seperti dibawah ini, lalu pilih finish.
GAMBAR 4.6 Setup Selesai
4.4.1 Menjalankan Xampp
Setelah proses instalasi berjalan dengan sempurna, langkah selanjutnya adalah
menjalankan Xampp. Untuk itu, klik icon Xampp yang berada di sudut kanan bawah.
Kemudian klik tombol start pada Apache dan MySQL. Jika sudah jalan, maka Xampp
sudah aktif dan proses selanjutnya bisa dilakukan.
BAB 5
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Adapun kesimpulan yang dapat diambil oleh penulis dalam pembuatan Sistem Informasi
Penjualan Produk Kecantikan adalah sebagai berikut :
1. Dengan adanya Sistem Informasi Penjualan berbasis web ini, dapat memperluas
produk yang dapat meningkatkan jumlah keuntungan bagi Kyeopta House.
2. Memberikan informasi seperti tampilan produk dan harga sehingga pelanggan bisa
mendapatkan informasi terbaru hanya dengan membuka website Kyeopta House.
3. Sistem informasi penjualan ini menyediakan layanan pemesanan produk melalui
sistem online, hanya dengan memilih produk dan melakukan pembayaran ke nomor
rekening yang telah diberitahukan, maka produk akan langsung dikirim ke alamat
pelanggan yang berdomisili jauh dari lokasi Kyeopta House(lebih menghemat
5.2 Saran
Dengan selesainya website Sistem Informasi Penjualan Produk Kecantikan ini, penulis
memberikan beberapa saran yang dapat mendukung pengembangan sistem lebih lanjut :
1. Tampilan website dibuat semenarik mungkin, sehingga dapat meningkatkan
ketertarikan pengunjung website.
2. Pemeliharaan keamanan terhadap data pada server sangat perlu diawasi dan dijaga
dengan baik agar tidak bisa diakses oleh orang yang tidak berkepentingan.
3. Komputer yang digunakan dalam membuat suatu aplikasi web sebaiknya memiliki
spesifikasi dengan level menengah karena penggunaan software yang banyak
Faisal. 2011. Aplikasi berbasis Web dengan PHP dan MySQL. Yogyakarta : Penerbit Ram Media
Riyanto. 2011. Membuat Sendiri Aplikasi E-commerce dengan PHP dan MySQL menggunakan Codelgniter dan Jquery. Yogyakarta : Penerbit Andi
Madcoms, Madium. 2011. Aplikasi Web Database dengan Dreamweaver dan PHP – MySQL. Yogyakarta : ANDI OFFSET
McLeod Raymond dan George P. Schell, 2007. Sistem Informasi Manajemen. Edisi 9. Terjemahan : Heri Yulianto. Jakarta : Indeks
http://id.m.wikipedia.org/wiki/MySQL. Diakses tanggal 24 Mei, 2013
http://blog.elangcyber.net/tutorial/php/pengenalan-php.info. Diakses tanggal 24 Mei, 2013