Sistem Informasi Penjualan Jilbab Mengunakan PHP dan MySQL

(1)

SISTEM INFORMASI PENJUALAN JILBAB

MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

TENGKU NICO KUMALASARI

092406090

PROGRAM STUDI D-III TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(2)

SISTEM INFORMASI PENJUALAN JILBAB MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya

TENGKU NICO KUMALASARI

092406090

PROGRAM STUDI D-III TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGEAHUAN ALAM UNIVERSITAS SUMATERA UTARA

(3)

PERSETUJUAN

Judul : SISTEM INFORMASI PENJUALAN JILBAB

MENGGUNAKAN PHP DAN MYSQL

Kategori : TUGAS AKHIR

Nama : TENGKU NICO KUMALASARI

Nomor Induk Mahasiswa : 092406090

Program Studi : DIPLOMA (D3) TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Juni 2012

Diketahui / Disetujui Oleh :

Departemen Matematika FMIPA USU

Ketua, Pembimbing

(4)

PERNYATAAN

SISTEM INFORMASI PENJUALAN JILBAB

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 disebukan sumbernya.

Medan, Juni 2012

(5)

PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Allah SWT atas limpahan rahmat dan hidayah-Nya sehingga tugas akhir ini dapat diselesaikam dengan baik dan dalam waktu yang telah ditetapkan.

Tugas akhir ini merupakan syarat untuk dapat menyelesaikan pendidikan di Program Studi D-III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam di Universitas Sumatera Utara.

Pada kesempatan ini penulis juga menyampaikan terima kasih sebesar-besarnya kepada seluruh pihak yang sudah banyak membantu:

1. Bapak Dr.Sutarman,M.Sc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

2. Bapak Prof.Drs.Tulus,Vordipl.Math.,M.Si.,Ph.D dan Ibu Mardiningsih M,Si selaku Ketua dan Sekretaris Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

3. Bapak Syahril Efendi, S.Si, M.IT dan Bapak Syahriol Sitorus, S.Si, M.IT selaku Ketua dan Sekretaris Program studi D-III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam.

4. Bapak Syahril Efendi, S.Si, M.IT selaku pembimbing I yang telah membimbing dan mengarahkan kepada penulis dalam menyelesaikan laporan Tugas Akhir ini.

5. Ibunda tercinta H.Rosdiah, kakak dan abang yang telah memberikan bantuan berupa dukungan moril dan materil yang sangat membantu dalam penyelesaian Tugas Akhir ini.

6. Rekan – rekan yang membantu saya dalam pemrosesan Tugas Akhir yaitu : Trinidia Tania, Nurul Fitria, Wahyudi, Prima Suhendra, Ricky Ganda, Kemas M Fachri, Yofie Kurniawan dan Senior Abang Azi Rianto yang selalu membantu saya menyelesaikan Tugas akhir ini serta Rekan-rekan KOM A’09 yang tidak bisa disebutkan semuanya. Dan Buat seseorang yang special, yudhi afriansyah, Terima Kasih selalu memberi semangat dan dukungannya.

Medan, Juni 2012 Penulis

(6)

ABSTRAK

Kajian ini bertujuan untuk membangun sistem informasi penjualan jilbab online. Sistem informasi penjualan ini dikembangkan dengan menggunakan perangkat lunak Macromedia Dreamweaver 8, Adobe Photoshop CS2, XAMPP yang merupakan gabungan dari Apache Web Server, PHP, dan MySQL, dan browser Mozilla Firefox.

(7)

DAFTAR ISI

Daftar Tabel viii

Daftar Gambar ix

Bab 1 Pendahuluan 1

1.1 Latar Belakang 1

1.2 Identifikasi Masalah 2

1.3 Maksud dan Tujuan 2

1.4 Kontribusi Penelitian 4

1.5 Metode Penelitian 4

1.6 Sistematika Penulisan 5

Bab 2 Landasan Teori 7

2.1 Pengertian Sistem Informasi 7

2.2 Pengenalan Internet 8

2.3 Pengenalan Jaringan 8

2.4 Pengenalan HTML 9

2.5 Pengenalan PHP 10

2.6 Pengenalan MySQL 12

2.7 Pengenalan Database 13

2.8 Pengenalan Macromedia Dreamweaver 14

2.9 XAMPP 15

Bab 3 Perancangan Sistem 16

3.1 Data Flow Diagram (DFD) 17

3.2 Perancangan Database 18

3.3 Perancangan Algoritma 25

3.3.1 Algoritma Menu Utama 25

3.3.2 Algoritma Menu User 27

3.4 Perancangan Flowchar 28

Bab 4 Implementasi Sistem 29

4.1 Pengertian Implementasi Sistem 29

(8)

4.3 Komponen Utama dalam implementasi Sistem 30

4.3.1 Perangkat Keras (Hardware) 30

4.3.2 Perangkat Lunak (Software) 31

4.3.3 Perangkat Manusia (Brainware) 31

4.4 Instalasi XAMPP 1.6.4 32

Bab 5 Kesimpulan dan Saran 33

5.1 Kesimpulan 33

(9)

DAFTAR TABEL

Halaman

3.2.1 Tabel Chart 19

3.2.2 Tabel Category 20

3.2.3 Tabel Contact 20

3.2.4 Tabel Currency 21

3.2.5 Tabel Order 21

3.2.6 Tabel Order Item 22

3.2.7 Tabel Product 23

3.2.8 Tabel Shop Config 24

(10)

DAFTAR GAMBAR

Halaman

3.1 Gambar 3.1 Data Flow Diagram (DFD) 18

3.4.1 Flowchart Menu User (Admin) 29

(11)

ABSTRAK

Kajian ini bertujuan untuk membangun sistem informasi penjualan jilbab online. Sistem informasi penjualan ini dikembangkan dengan menggunakan perangkat lunak Macromedia Dreamweaver 8, Adobe Photoshop CS2, XAMPP yang merupakan gabungan dari Apache Web Server, PHP, dan MySQL, dan browser Mozilla Firefox.

(12)

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Internet bukanlah hal yang baru bagi masyarakat. Setiap anggota masyarakat kini mampu mengakses berbagai informasi yang dibutuhkannya dari internet. Selain penggunaannya yang cukup mudah dan sederhana, banyak manfaat yang kita peroleh melalui internet. Manfaat tersebut dapat kita rasakan baik pada bidang bisnis dan penjualan, pendidikan, kedokteran, hukum, pemerintahan, pertanian, dan bidang lainnya.

Manfaat pada bidang bisnis dan penjualan sangat besar. Penjualan yang dilakukan melalui internet dikenal dengan istilah e-commerce (electronic

commerce) atau disebut juga dengan e-business. Dengan adanya internet, transaksi

penjualan yang dilakukan oleh suatu perusahaan dapat berlangsung dengan cepat dan mudah. Misalnya pada Toko Penjualan jilbab.

(13)

jilbab juga tidak dapat meningkatkan penjualannya karena terhalang oleh biaya, jarak dan waktu.

Atas dasar inilah, maka penulis berinisiatif untuk membuat suatu sistem informasi yang dapat mempermudah jalannya suatu transaksi penjualan pada penjualan jilbab secara online. Penulis ingin tertarik mengangkat judul “Sistem

Informasi Penjualan Jilbab Menggunakan PHP dan MySQL”.

1.2 Indetifikasi Masalah

Pada Penjualan Jilbab, sistem pemasaran dan penjualan masih manual dan sederhana, dimana sistem penjualannya masih kurang efektif dan efisien sehingga penulis berkeinginan membuat sistem informasi penjualan jilbab.

1.3 Maksud dan Tujuan

Maksud dari penelitian ini adalah untuk merancang suatu aplikasi web yang dinamis. Aplikasi ini dimanfaatkan untuk memperluas pemasaran dan mempermudah transaksi penjualan sehingga lebih hemat, cepat dan mudah tanpa terhalang oleh jarak dan waktu.

(14)

menggunakan software-software pendukung seperti Apache sebagai server, PHP, MySQL sebagai database, Macromedia Dreamweaver, serta Adobe Photoshop CS.

1.4 Kontribusi Penelitian

Adapun kontribusi penelitian adalah untuk membantu mempermudah dan memperluas penjualan dan pemasaran produk jilbab sehingga akan mempermudah pengelola dalam memperluas pasar penjualan. 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 penerapan metode penelitian dalam memperoleh data yang dibutuhkan sehingga penyusunan tugas akhir ini dapat terselesaikan dengan baik. Adapun metode penelitian yang dilakukan oleh penulis adalah sebagai berikut:

1. Penelitian Pustaka

(15)

2. Merancang Database

Merancang database Dalam membuat database tersebut 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 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

(16)

1.6 Sistematika Penulisan

Untuk mempermudah penulisan tugas akhir ini, penulis membuat suatu sistematika penulisan yang terdiri dari :

BAB 1 PENDAHULUAN

Pada bab ini diuraikan secara ringkas pembahasan tentang latar belakang, identifikasi masalah, maksud dan tujuan, metode penelitian, dan sistematika penulisan.

BAB 2 LANDASAN TEORITIS

Pada bab ini penulis menjelaskan teori-teori singkat tentang hal-hal yang berhubungan dengan judul dan bahasa pemrograman yang digunakan oleh penulis. Teori ini merupakan penjelasan tentang aplikasi-aplikasi yang digunakan dalam penyusunan tugas akhir ini.

BAB 3 DESKRIPSI PERUSAHAAN

Bab ini menguraikan tentang sejarah singkat awal terbentuknya Toko Penjualan Jilbab dan Persyaratan franchise Toko Penjualan Jilbab.

BAB 4 PERANCANGAN SISTEM

(17)

BAB 5 IMPLEMENTASI SISTEM

Bab ini berisikan pengertian implementasi sistem, tujuan implementasi sistem, komponen utama dalam implementasi sistem, dan instalasi XAMPP yang berisikan paket-paket didalamnya, seperti Apache, PHP, dan MySQL.

BAB 6 KESIMPULAN DAN SARAN

(18)

BAB 2

LANDASAN TEORI

2.1 Pengertian Sistem Informasi

Computer Based Information System (CBIS) atau yang dalam Bahasa Indonesia

disebut juga Sistem Informasi Berbasis Komputer merupakan sistem pengolah data menjadi sebuah informasi yang berkualitas dan dipergunakan untuk suatu alat bantu pengambilan keputusan. Sistem Informasi yang akurat dan efektif, dalam kenyataannya selalu berhubungan dengan istilah “computer-based” atau pengolahan informasi yang berbasis pada komputer. Sistem Informasi “berbasis komputer” mengandung arti bahwa komputer memainkan peranan penting dalam sebuah sistem informasi.

(19)

2.2 Pengenalan Internet

Internet atau Interconnected Networking merupakan dua komputer atau lebih yang

saling berhubungan membentuk jaringan komputer hingga meliputi jutaan komputer di dunia, yang saling berinteraksi dan bertukar informasi.

Internet mempunyai sejarah yang sangat kompleks dan mencakup banyak

aspek seperti teknologi, organisasi dan komunitas. Pengaruh internet tidak hanya terhadap bidang teknik komunikasi komputer saja tetapi, terhadap masalah sosial misalnya dengan menggunakan alat – alat bantu online untuk mencapai bisnis elektronik (e-commerce), kepemilikan informasi dan interaksi dengan masyarakat.

Ada beberapa fasilitas dari internet yang sering kita temui bahkan digunakan antara lain :

1. E-mail 4. Telnet

2. World Wide Web (WWW) 5. Chat

3. Newsgroup 6. File Transfer Protocol (FTP)

2.3 Pengertian Jaringan

(20)

tersebut pengguna dapat menyimpan, menggali dan saling berbagi terhadap informasi yang tersedia.

Istilah “Network” mengacu pada perangkat keras dan lunak yang digunakan untuk menghubungkan antara komputer satu dengan komputer lainnya, sehingga memungkinkannya untuk berkomunikasi satu sama lain. Sistem jaringan tidak lagi hanya akan melayani sebuah mesin besar saja. Sebaliknya jaringan-jaringan akan merupakan sarana bantu yang memungkinkan sebuah organisasi besar untuk melakukan penyesuaian yang sesuai, antara kebutuhan informasi dengan besarnya aplikasi serta investasi perangkat keras dan lunaknya.

2.4 HTML

HTML ( Hypertext Markup Language) merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Oleh kareta itu agar dapat membuat program aplikasi di atas halaman web, Anda terlebih dahulu harus menganal dan menguasai HTML. Walaupun sekarang telah banyak paket aplikasi yang dapat digunakan untuk membuat halaman web secara WYSIWYG

(What You See Is What You Get) seperti Frontpage, DreameWeaver, Netscape

(21)

2.5 Pengenalan PHP

PHP : HYPERTEXT PREPROCESSOR adalah bahasa skrip yang dapat ditanamkan

atau disisipkan ke dalam HTML. PHP banyak digunakan untuk memprogram situs web dinamis. PHP dapat digunakan untuk membangun sebuah CMS.

Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs Personal). PHP pertama kali dibuat oleh Rasmus Lerdarf pada tahun 1995. Pada awal itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa sekumpulan skrip yang digunakan untuk mengolah data formulir dari web.

Selanjutnya, Rasmus merilis kode sumber tersebut untuk umum dan menamakannya PHP/FI. Dengan perilisan kode sumber ini menjadi sumber terbuka, maka banyak pemrograman 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.

Pada tahun 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 dan singkatan PHP diubah menjadi akronim berulang PHP:

(22)

Pada pertengahan tahun 1999, Zend 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 kea rah paradigm beroirentasi objek.

PHP memiliki 8 (delapan) tipe data yaitu :

1. Integer 6. Array

2. Double 7. Null

3. Boolean 8. Nill

4. String 9. Resource

Beberapa kelebihan PHP dari bahasa pemrograman web, antara lain :

1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah komlikasi dalam penggunaanya.

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

apache, IIS, lighttpd, hingga Xitami dengan konfigurasi yang relative mudah.

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

(23)

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

5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime

melalui consoleserta juga dapat menjalankan perintah-perintah system.

2.6 Pengenalan Mysql

Mysql adalah salah satu program yang dapat digunakan sebagai database, dan merupakan salah satu software untuk database server yang banyak digunakan. MySQL bersifat Open Source dan menggunakan SQL. MySQL biasa digunakan diberbagai platform misalnya Windows, Linux dan Lain sebagainya.

MySQL memiliki beberapa kelebihan, antara lain :

1. MySQL dapat digunakan oleh beberapa user dalam waktu yang bersamaan tanpa mengalami masalah.

2. MySQL memiliki kecepatan yang bagus dalam menangani query sederhana. 3. MySQL memiliki operator dan fungsi secara penuh dan mendukung perintah

Select danWheredalam perintah query.

4. MySQL memiliki keamanan yang bagus karena beberapa lapisan sekuritas seperti level subnetmask, nama lost dan izin akses user dengan sistem perizinan yang mendetail serta sandi terenskripsi.

(24)

milyar baris. Selain itu batasindeksyang dapat ditampung mencapai 32 indeks pada setiap tabelnya.

6. MySQL dapat melakukan koneksi dengan client menggunakan protocol TCP/IP, Unix soket (UNIX), atau Named Pipes (NT).

7. MySQL dapat mendeteksi pesan kesalahan pada client dengan menggunakan lebih dari dua puluh bahasa.

8. MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi. 9. MySQL didistribusikan secara open source, di bawah lisensi GPL sehingga

dapat digunakan secara gratis.

2.7 Pengenalan Database

Database atau sering juga disebut basis data adalah sekumpulan informasi yang disimpan dalam komputer secara sistematik dan merupakan sumber informasi yang dapat diperiksa menggunakan suatu program komputer. Database berfungsi untuk menyimpan informasi atau data. Untuk mengelola database diperlukan software yang sering disebut DBMS (Database Management System). Dengan DBMS pengguna atau user dapat membuat, mengelola, mengontror dan mengakses database dengan mudah, praktis dan efisien.

(25)

 Setiap table dalam database, harus memiliki field (kolom) yang unik yang disebut

dengan Primary Key.

 Table dalam database tidak boleh ada redundancy data yaitu mengandung record

ganda. Jika terdapat data yang sama, maka perlu dilihat kembali rancangan tabelnya.

 Pilih tipe data yang tepat, sehingga ukuran database seminimal mungkin.

2.8 Dreamweaver

Dreamweaver adalah sebuah HTML editor professional untuk mendesain web secara visual dan mengelola situs atau halaman web. Dreamweaver merupakan software pertama yang digunakan Web Desainer maupun Web Programmer dalam mengembangkan suatu situs web, karena Dreamweaver mempunyai ruang kerja, fasilitas dan kemampuan yang mampu meningkatkan produktifitas dan efektivitas

dalam desain maupun membangun suatu situs web. Versi terbaru dari Dreamweaver saat ini adalah Dreamweaver CS5.

2.9 XAMPP

XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai server yang

(26)

Program ini tersedia dalam GNU (General Public License)dan bebas, merupakan web

server yang mudah digunakan yang dapat melayani tampilan halaman web yang

(27)

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 gambaran yang menampilkan struktur, hierarki dan isi halaman per halaman, biasanya berbentuk pohon yang bercabang-cabang. Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman dan link atau navigasi antara halaman-halaman tersebut.

3.1 Data flow Diagram (DFD)

Data Flow Diagram merupakan diagram yang menggunakan notasi-notasi

(28)

dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir.

Pada tahap analisa, penggunaan notasi simbol lingkaran dan anak panah untuk mewakili atau menggambarkan arus data dalam perancangan sistem sangat membantu sekali di dalam komunikasi dengan pemakai sistem untuk memahami sistem secara logika. Diagram yang menggunakan notasi–notasi ini untuk menggambarkan arus dari data sistem sekarang dikenal dengan nama Data Flow Diagram atau diagram arus data.

Keuntungan menggunakan DFD adalah memudahkan pemakai yang kurang menguasai bidang komputer untuk mengerti sistem yang sedang dikerjakan atau dikembangkan.

Data Toko Data Produk

Data Produk

Sistem Informasi Penjualan Jilbab

Data Penjualan

Order / Penjualan

(29)

3.2

Perancangan Database

Database dapat diumpamakan sebagai sebuah tempat menyimpan data yang terstruktur agar dapat diakses dengan cepat dan mudah. Membangun sebuah database merupakan langkah awal pembuatan aplikasi, termasuk dalam penambahan produk dan lain-lain dalam mengolah penjualan pada Penjualan Jilbab.

Dalam perancangan aplikasi sistem infosmasi penjualan Jilbab ini, penulis membuat 9 tabel dalam database Penjualan Jilbab. Tabel-tabel tersebut adalah tabel cart, tabel category, tabel contact, tabel currency, tabel order, tabel order item, tabel product, tabel shop config, tabel user(admin). Pembuatan database dan tabel-tabel mempergunakan fasilitas MySQL atau phpmyadmin yang terdapat dalam software XAMPP. Di bawah ini adalah gambaran isi dari masing-masing tabel.

3.2.1 Tabel Cart

Tabel Cart digunakan untuk menyimpan data belanja para konsumer sebelum selesai checkout. Berikut adalah field-field yang dibuat dalam tabel Cart :

Tabel 3.1 Tabel Cart

Field Type Keterangan

Ct_Id Int (10) Identitas Belanja

Pd_Id Int (10) Identitas Produk

Ct_qty Mediumint (8) Jumlah belanja

Ct_session_Id Char (32) Nomor Sesi

(30)

3.2.2 Tabel Category

Tabel kategori digunakan untuk menampung kategori jilbab dan aksesoris yang dijual. Berikut adalah field-field yang dibuat dalam tabel kategori :

Tabel 3.2 Tabel Kategori

Cat_Id Int (10) Kode Barang

Cat_Parent_Id Int (11) Induk Dari Sub Kategori

Cat_Name Varchar (50) Nama dari Kategori

Cat_Descripsion Varchar (100) Deskripsi Barang

Cat_Image Varchar (255) Gambar Barang

3.2.3 Tabel Contact

Tabel Contact ini berisi tentang semua data penjualan yang digunakan oleh admin. Berikut adalah field-field yang dibuat dalam tabel contact :

Tabel 3.3 Tabel Contact

Id Int (3) Kode Pemilik

Name Varchar (50) Nama Pemilik

Email Varchar (100) Alamat Email Pemilik

Pesan Text Pesan yang dibuat Pemilik

(31)

3.2.4 Tabel Currency

Tabel Currency ini berisi tentang Mata Uang yang digunakan Pembeli untuk membeli barang yang ada di toko Jilbabku. Berikut adalah field-field yang dibuat dalam tabel Currency :

Tabel 3.4 Tabel Currency

Cy_Id Int (10) No Identitas Mata Uang

Cy_Code char (3) No Kode Mata Uang

Cy_Symbol Varchar (8) Tanda Mata Uang

3.2.5 Tabel Order

Tabel Order berisi tentang Data pembeli yang membeli barang di Toko Jilbabku. Berikut adalah field-field yang dibuat dalam tabel order :

Tabel 3.5 Tabel Order

Od_Id Int (10) No Identitas Barang

Od_Date DateTime Tanggal pembelian

Od_Last_Update DateTime Waktu Pembelian

Od_Status Enum(“New”,”Paid”,

Od_Memo Varchar (255) Pesan yang ditulis Penulis

Od_Shipping_First_Name Varchar (50) Nama Depan Pembeli Od_Shipping_Last_Name Varchar (50) Nama Belakang Pembeli Od_Shipping_Address Varchar (100) Alamat Pembeli

(32)

Od_Shipping_Phone Varchar (32) Nomor Telepon Pembeli Od_Shipping_City Varchar (100) Kota Tinggal Pembeli Od_Shipping_State Varchar (32) Negara Tinggal Pembeli

Od_Postal_Code Varchar (10) Kode Pos Rumah Pembeli

Od_Shipping_Cost Decimal (5,2) Jumlah Harga yang dibeli Od_Payment_First_Name Varchar (50) Nama Depan Pembeli yang

menggunakan Kartu Kredit Od_Payment_Last_Name Varchar (50) Nama Belakang Pembeli

yang menggunakan Kartu kredit

Od_Payment_Address Varchar (100) Alamat Pembeli Od_Payment_Email Varchar (100) Alamat Yahoo Pembeli Od_Payment_Phone Varchar (32) Nomor Telepon Pembeli Od_Payment_City Varchar (100) Kota Tinggal Pembeli Od_Payment_State Varchar (32) Negara Tinggal Pembeli Od_Payment_Postal_Code Varchar (10) Kode Pos Rumah Pembeli

3.2.6 Tabel Order Item

Tabel Order Item berisi tentang jumlah Produk yang telah di Order. Berikut adalah field-field yang dibuat dalam tabel order item :

Tabel 3.6 Tabel Order Item

Od_Id Int (10) Nomor Identitas Barang

Pd_Id char (3) Nomor Produk Barang

(33)

3.2.7 Tabel Product

Tabel Product berisi tentang semua hal yang berhubungan dengan produk. Berikut adalah field-field yang dibuat dalam tabel Order Product :

Tabel 3.7 Tabel Product

Pd_Id Int (10) Nomor Produk Barang

Cat_Id Int (10) Nomor kategori Barang

Pd_Name Varchar (100) Nama Barang

Pd_Description Text Keterangan dari Barang

Pd_Price Decimal (9,2) Harga Barang

Pd_Qty Smallint (5) Jumlah Barang

Pd_Image Varchar (200) Gambar Produk

Pd_Thumbnail Varchar (200)

Pd_Date DateTime Tanggal Masuk Barang

Pd_Last_Update DateTime Tanggal Terakhir Barang

3.2.8 Tabel Shop Config

Tabel Shop Config ini berisi untuk Meng-Update konfigurasi yang berkenaan dengan toko. Berikut adalah field-field yang dibuat dalam Tabel Order Shop Config :

Tabel 3.8 Tabel Shop Config

Sc_Name Varchar (50) Nama Pembeli

Sc_Address Varchar (100) Alamat Pembeli

(34)

Sc_Email Varchar (30) Alamat Yahoo Pembeli Sc_Shipping_Cost Decimal (7,2) Jumlah Harga yang dibeli

Sc_Currency Int (10) Mata Uang yang dipakai

Sc_Order_Email Enum (‘Y’,’N’) Alamat Yahoo Pembeli

3.2.9 Tabel User (Admin)

Tabel ini berisi tentang data pengguna toko (Admin). Berikut adalah field-field yang dibuat dalam Tabel User :

Tabel 3.9 Tabel User (Admin)

User_Id Int (10) Nomor Identitas Pemilik

User_Name Varchar (20) Nama Pemilik Toko

User_Password Varchar (32) Kata Sandi Pemilik Toko

User_Regdate DateTime Waktu/Tanggal Registrasi

User_Last_Login DateTime Waktu/Tanggal Terakhir

Masuk ke Akun Jilbabku

3.3 Perancangan Algoritma

(35)

3.3.1 Algoritma Menu Utama

Langkah 1 : Aktifkan browser Internet Explorer atau Mozilla Firefox, kemudian ketik http://localhost/tes/index.php-Jilbabku pada

Address Bar lalu tekan enter atau “go” pada sudut kanan

Address Bar.

Langkah 2 : Muncul tampilan index. Pada menu Home ini, terdapat menu

search untuk mencari barang yang dikehendaki pelanggan atau

pengunjung.

Langkah 3 : Untuk melihat halaman informasi cara membeli, maka klik menu “How To Order”. Pada halaman ini di tampilkan bagaimana cara pemesanan dan pembayaran.

(36)

Lalu Anda mengisi tabel yang terdapat disana secara lengkap. Jika Anda memiliki kartu Paypal, anda dapat menggunakan Pembayaran menggunakan PaypaL, anda klik “Paypal” pada tabel “Payment Method”. Jika anda ingin membayar dengan menggunakan “Cash On Delivery”, anda dapat klik “Cash On Delivery”. Setelah itu, JIka anda telah melakukan Pengisian data dengan benar, anda klik “Confirm Order”.

Langkah 5 : Untuk melihat alamat dan nomor telp/Email dari Pemilik Toko Jilbabku maka klik menu “Contact”. Pada halamam ini juga terdapat Nama, Email dan Pesan Pembeli yang ingin bertanya kepada Pemilik Toko.

(37)

3.3.2 Algoritma Menu User (Admin)

Langkah 1 : Masukkan nama dan password pada menu “Home” yang disediakan. Setelah Login berhasil maka akan muncul halaman home yang berisi menu yang hamper sama dengan menu umum, tetapi pada halaman ini, admin dapat melakukan pengentrian, penghapusan dan pengeditan koleksi jilbab atau yang lainnya. Pada halaman admin juga dapat melihat pesan yang ditulis pembeli untuk anda.

Langkah 2 : Untuk menginput barang yang akan dijual, klik sub menu “Product”, lalu pilih kategori barang yang akan dimasukkan, lalu klik “Add Product”.

Langkah 3 : Untuk Menghapus atau Pengeditan produk, klik sub menu “Product”, lalu pilih barang yang mau di hapus, lalu klik “delete”.

(38)

3. 4 Perancangan Flowchart

Flowchart atau diagram alir adalah sekumpulan simbol-simbol atau skema yang

(39)

3.4.1 Flowchart Menu User (Admin)

(40)

3.4.2 Flowchart Menu Utama

(41)

BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem

Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menginstal, menguji dan memulai sistem baru atau sistem yang diperbaiki.

Pada implementasi ini terlebih dahulu dilakukan pengujian sistem. Setelah terlihat kesalahan dan permasalahan yang ditemukan di dalam pengujian, sistem tersebut diperbaiki. Pengujian sistem dilanjutkan ke tahap operasi yang nyata.

4.2 Tujuan Implementasi Sistem

Adapun Tujuan-tujuan Implementasi Sistem, yaitu :

(42)

2. Memastikan bahwa pemakai atau user dapat mengoperasikan sistem baru, yaitu dengan mempersiapkan manual pemakaian dan melatih sistem.

3. Menguji apakah sistem baru tersebut memenuhi permintaan pemakai, yaitu dengan menguji sistem secara menyeluruh.

4. Memastikan bahwa konversi ke sistem baru berjalan secara benar, yaitu dengan membuat rencana, mengontrol dan melakukan instalasi baru secara benar.

4.3 Komponen Utama Dalam Implementasi Sistem

Untuk mewujudkan sistem yang telah dirancang memerlukan sarana pendukung, yaitu berupa komponen-komponen yang sangat berperan dalam menunjang penerapan sistem yang dirancang terhadap pengolahan data.

4.3.1 Perangkat Keras (Hardware)

Perangkat keras (Hardware) mesin atau komponen-komponen yang secara fisik bekerjasama dalam melaksanakan pengolahan data yang dilaksanakan. Adapun

hardware yang diperlukan dalam perancangan sistem informasi penjualan ini adalah :

a. Monitor Super VGA

b. CPU (Central Processing Unit)

(43)

d. Memori minimal 128 MB

e. Keyboard dan mouse

4.3.2 Perangkat Lunak (Software)

Ada beberapa software yang perlu diinstal dalam membuat website, antara lain:

a. Sistem Operasi Windows Seven.

b. MySQL sebagai bahasa pemrograman untuk database dalam bahasa SQL.

c. Macromedia Dreamweaver 8 sebagai editor pendesainannya.

d. PHP sebagai bahasa pemrograman server side.

e. Web Server sebagai server lokal dalam pengetesan halaman web.

f. Browser sebagai tempat media tampilan halaman website. Seperti : Mozilla.

4.3.3 Perangkat Manusia (Brainware)

Sistem komputerisasi yang berfungsi sebagai alat bantu manusia di bidang pengolahan data membutuhkan manusia sebagai aspek yang menangani proyek pada komputer. Inilah yang disebut dengan aspek brainware. Brainware terdiri atas :

1. Sistem analis, yaitu orang yang membentuk dan membangun fasilitas rancangan sistem.

(44)

3. Operator, yaitu orang yang menangani langsung dalam pengolahan data, mulai dari mempersiapkan data sampai pemasukan data dalam komputer.

4.4 Instalasi Xampp 1.6.4

Xampp memberikan paket-paket yang cukup lengkap diantaranya :

1. Apache HTTPD 2.2.11 2. MySQL 5.0.45

3. PHP 5.2.4

4. phpMyAdmin 2.11.1

(45)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Selama penulis mengerjakan tugas akhir hingga dalam perancangan sistem, penulis dapat mengambil kesimpulan:

1. Perancangan dapat dilakukan setelah melakukan studi kelayakan, analisa sistem, kemudian melakukan implementasi sistem yang dibuat.

2. Pengolahan data dengan bantuan komputer dapat meringankan pekerjaan, serta dapat mempersingkat waktu kerja dan mendapatkan hasil yang akurat. 3. Penggunaan perangkat komputer yang baik dapat menghasilkan hasil yang

(46)

5.2 Saran

Adapun beberapa saran yang dapat disampaikan, yaitu:

1. Untuk melakukan pekerjaan yang membutuhkan banyak data sebaiknya diolah menggunakan komputer agar dapat menghemat dalam penggunaan waktu dan tenaga.

2. Perlu dilakukan perbaikan dan pengembangan terhadap program ini agar dapat memberikan hasil yang lebih maksimal.

(47)

DAFTAR PUSTAKA

Madcoms Madium. 2011. Aplikasi Web Database dengan Dreamweaver dan PHP

-MySQL. Yogyakarta : ANDI OFFSET..

Abdul Kadir. 2009. Membuat Aplikasi Web dengan PHP+ Database MySQL. Yogyakarta : ANDI OFFSET.

(48)

DEPARTEMEN PENDIDIKAN NASIONAL UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA)

JL. BIOTEKNOLOGI NO. 1 KAMPUS USU Telp. (061) 82144290 MEDAN – 20155

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama Mahasiswa : Tengku Nico Kumalasari

Nomor Stambuk : 092406090

Judul Tugas Akhir : Pemrograman Web Penjualan Jilbab Online menggunakan PHP & MySQL

Dosen Pembimbing : Syahril Efendi, S.Si, M.IT

Tanggal Mulai Bimbingan : ………

Tanggal Selesai Bimbingan : ………

No TANGGAL

1. Kartu ini harap dikembalikan kejurusan Matematika Bila Bimbingan Mahasiswa telah Selesai.

Diketahui Disetujui

Departemen Matematika FMIPA USU Pembimbing Utama/

Ketua Penanggung Jawab

(49)

LAMPIRAN LISTING PROGRAM WEBSITE

margin:0px auto auto auto;

}

padding:5px 0 5px 0;

(50)

margin:auto;

background:url(images/header.jpg) no-repeat center;behavior:

url(iepngfix.htc);

}

.logo{

padding:15px 0 0 0;

float:left;

list-style-type:none; display:block; width:470px;

(51)

display:inline;

display:block; float:left; padding:0px; margin:0;width: auto;

margin:0px 14px 0px 14px; text-align:center;

text-decoration:none; background:none; color:#00FFFF;}

a.nav_selected:link, a.nav_selected:visited {

margin:0px 14px 0px 14px;text-align:center;

text-decoration:none; color: #00FFFF;}

a.nav:hover {

color: #BF2F68; text-decoration:none;}

/*---search_tab---*/

(52)

float:left;

width:200px;

padding:70px 0 0 0;

}

padding:0 0 0 5px;

}

input.search_bt{

float:left;

padding:0 0 0 5px;

}

padding:10px 0 0 28px;

}

(53)

position:relative;

#left_menu li a {

display:block; padding:0 0 0 25px; height:30px;text-align:left;

line-height:30px;

text-decoration:none; background-color:#5d1636; color:#FFFFFF;

border-bottom:1px #da9591 solid;}

#left_menu li.selected a {

line-height:30px;

text-decoration:none;background:url(images/left_menu_bullet.gif)

no-repeat left #b0335d; color:#FFFFFF;border-bottom:1px #da9591

solid; background-position:5px 8px;

}

#left_menu li a:hover {

text-decoration:none; background:url(images/left_menu_bullet.gif)

(54)

/*---main_content---*/

margin:20px 0 0 0;

}

#center_content{

width:700px;

float:left;

height:auto;

padding:10px 0 30px 5px;

color:#450537;

}

.title{

clear:both;

(55)

width:320px;

height: auto;

margin:auto;

float:left;

padding:8px;

margin:0 0 8px 8px;

border:1px #9e1c50 solid;

margin:0 0 8px 8px;

margin:0 0 0 8px;

(56)

img.prod_image{

float:left;

padding:0 10px 0 0;

}

padding:0 10px 0 0;

(57)

}

a.details{

display:block;

padding:10px 0 0 0;

}

p.shop_by_brand{

width:400px;

float:left;

padding:0 10px 0 0;

line-height:17px;

}

p.gifts_details{

width:275px;

float:left;

padding:0 0 0 10px;

line-height:17px;

}

img.sp{

float:left;

padding:0 5px 0 5px;

(58)

/*---pagination---*/

padding: 2px 5px 2px 5px;

margin-right: 2px;

border: 1px solid #ddd;

text-decoration: none;

color: #d8325d;

}

div.pagination a:hover, div.pagination a:active {

border:1px solid #ddd;

color: #fff;

background-color: #d8325d;

}

div.pagination span.current {

(59)

font-weight: bold;

color: #FFF;

}

div.pagination span.disabled {

margin-right: 2px;

color: #ccc;

padding:10px 10px 0 10px;

(60)

}

label.contact_form{

width:50px;

float:left;

padding:0 0 5px 0;

(61)

.clear{

margin:20px 0 0 0;

height:60px;

}

.center_footer{

float:right;

}

#footer a{

color:#73363c;

text-decoration:none;

(62)

2. Style2.css

/*---dark background style---*/

body

{ background:url(images/bg2.jpg) no-repeat center top #320e12;

padding:0;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

margin:0px auto auto auto;

color:#fff; }

(63)

width:902px;

height:109px;

margin:auto;

background:url(images/top_menu_bg.png) no-repeat center;behavior:

url(iepngfix.htc);

}

.logo{

padding:15px 0 0 0;

float:left;

list-style-type:none; display:block; width:470px;

margin: auto; padding:65px 0 0 0; background:none;}

ul.menu li {

display:inline;

font-size:13px;

font-weight:bold;

(64)

ul.menu li.divider {

margin:0px 14px 0px 14px; text-align:center;

text-decoration:none; background:none; color:#fff;}

a.nav_selected:link, a.nav_selected:visited {

display:block; float:left; padding:0px; margin:0;width:

auto;margin:0px 14px 0px 14px;text-align:center;

(65)

padding:70px 0 0 0;

padding:0 0 0 5px;

}

input.search_bt{

float:left;

padding:0 0 0 5px;

}

/*---left menu---*/

#left_menu{

position:relative;

(66)

left:-15px;

#left_menu li a {

line-height:30px;

text-decoration:none; background-color:#d4847f;

color:#FFFFFF;border-bottom:1px #da9591 solid;}

#left_menu li.selected a {

line-height:30px;

text-decoration:none;background:url(images/left_menu_bullet.gif)

}

#left_menu li a:hover {

text-decoration:none; background:url(images/left_menu_bullet.gif)

(67)

/*---main_content---*/

margin:20px 0 0 0;

}

#center_content{

width:700px;

float:left;

height:auto;

padding:10px 0 30px 5px;

}

.title{

clear:both;

(68)

height: auto;

margin:auto;

float:left;

padding:8px;

margin:0 0 8px 8px;

margin:0 0 0 8px;

}

img.prod_image{

float:left;

padding:0 10px 0 0;

(69)

width:450px;

}

.prod_title{

color:#d4847f;

padding:0 10px 0 0;

}

padding:10px 0 0 0;

}

p.shop_by_brand{

width:400px;

float:left;

padding:0 10px 0 0;

line-height:17px;

}

p.gifts_details{

width:275px;

(70)

padding:0 0 0 10px;

line-height:17px;

}

img.sp{

float:left;

padding:0 5px 0 5px;

}

margin-right: 2px;

(71)

text-decoration: none;

color: #d8325d;

}

div.pagination a:hover, div.pagination a:active {

border:1px solid #ddd;

color: #fff;

}

div.pagination span.current {

margin-right: 2px;

font-weight: bold;

color: #FFF;

}

div.pagination span.disabled {

margin-right: 2px;

(72)

padding:10px 10px 0 10px;

padding:0 0 5px 0;

(73)

border:1px #6F222B solid;

margin:20px 0 0 0;

(74)

float:left;

}

.center_footer{

float:left;

}

#footer a{

color:#73363c;

text-decoration:none;

}

(75)

TAMPILAN HALAMAN WEBSITE

Tampilan Menu Utama

(76)

Tampilan How To Order

(77)

Tampilan Style

(78)

Tampilan Proceed To Chechout

(79)

Tampilan Confirm Order