• Tidak ada hasil yang ditemukan

Sistem Informasi Penjualan Produk Kecantikan Berbasis Web Dengan Menggunakan PHP Dan MySQL

N/A
N/A
Protected

Academic year: 2016

Membagikan "Sistem Informasi Penjualan Produk Kecantikan Berbasis Web Dengan Menggunakan PHP Dan MySQL"

Copied!
46
0
0

Teks penuh

(1)

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

(2)

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

(3)

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,

(4)

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

(5)

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.

(6)

Akhirnya penulis berharap semoga tugas akhir ini bermanfaat bagi para pembaca.

Medan, Juni 2013

(7)

ABSTRAK

(8)

DAFTAR ISI

2.8 Pengenalan Macromedia Dreamweaver 8 12

(9)

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

(10)

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

(11)

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

(12)

ABSTRAK

(13)

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

(14)

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

(15)

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

(16)

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

(17)

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,

(18)

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

(19)

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

(20)

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

(21)

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 :

(22)

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

(23)

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

(24)

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

(25)

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

(26)

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

(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 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

(28)

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

(29)

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 :

(30)

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)

(31)

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)

(32)

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.

(33)

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

(34)

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

(35)

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

(36)

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

(37)

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

(38)

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

(39)

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,

(40)

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

(41)

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.

(42)

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.

(43)

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.

(44)

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

(45)

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

(46)

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

Gambar

GAMBAR 2.1 Tampilan Area Kerja Dreamweaver
GAMBAR 3.1 Diagram Konteks
GAMBAR 3.3 Sitemape Situs
Tabel 3.5 Tabel Transaksi
+7

Referensi

Dokumen terkait

Hasil penelitian menunjukkan bahwa sistem informasi perpustakaan berbasis web yang dibangun dengan perangkat lunak PHP dan MySQL, dapat bekerja dalam jaringan Internet,

SWASTA DHARMA PANCASILA MEDAN DENGAN MENGGUNAKAN PHP DAN MYSQL” yang dalam perancangan sistem informasi ini penulis. menggunakan PHP dan MYSQL yang merupakan

Panduan Membuat Program Toko dengan PHP, MySQL dan Dreamweaper Point Of Sale (POS) Berbasis Web.. Yogyakarta: PT Alif

Dalam perancangan sistem informasi ini, penulis menggunakan PHP dan server database yang digunakan MySQL, yang keduanya adalah software

Hasil penelitian menunjukkan bahwa sistem informasi perpustakaan berbasis web yang dibangun dengan perangkat lunak PHP dan MySQL, dapat bekerja dalam jaringan Internet,

Judul Tugas Akhir : SISTEM PENJUALAN JERSEY BOLA BERBASIS WEB PADA TOKO MANSYUR JERSEY MEDAN MENGUNAKAN PHP DAN MySQL.. Dosen Pembimbing : Dr.Pasukat sembiring, M.si

SISTEM INFORMASI HARGA PANGAN WILAYAH KOTA MEDAN BERBASIS WEB MENGGUNAKAN PHP DAN

Perancangan Sistem Informasi Berbasis Web Menggunakan PHP dan MySql pada SMP Negeri 1 Tanjung Morawa ini bertujuan untuk mempermudah proses informasi untuk seluruh siswa