Sistem Informasi Penjualan Alat Musik Online Toko Istana Musik Medan Berbasis Web

(1)

PERANCANGAN SISTEM INFORMASI PENJUALAN ALAT MUSIK

ONLINE TOKO ISTANA MUSIK MEDAN

BERBASIS WEB

TUGAS AKHIR

RIZKY AYANDA

102406108

PROGRAM STUDI D-3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2013


(2)

PERANCANGAN SISTEM INFORMASI PENJUALAN ALAT MUSIK

ONLINE TOKO ISTANA MUSIK MEDAN

BERBASIS WEB

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli

Madya Komputer

RIZKY AYANDA

102406108

PROGRAM STUDI D-3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2013


(3)

PERSETUJUAN

Judul : SISTEM INFORMASI PENJUALAN ALAT MUSIK

ONLINE TOKO ISTANA MUSIK MEDAN BERBASIS WEB

Kategori : LAPORAN TUGAS AKHIR

Nama : RIZKY AYANDA

No. Induk Mahasiswa : 102406108

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

Ketua Departemen Matematika

FMIPA USU Pembimbing,

Prof. Dr. Tulus, M.Si Prof. Saib Suwilo, M.Sc Nip. 196209011988031002 Nip. 19640109 1988031 1 004


(4)

PENGHARGAAN

Alhamdulillah, Puji syukur penulis ucapkan kehadirat Allah SWT karena berkat limpahan kasih sayang-Nya penulis dapat menyelesaikan Tugas Akhir ini sesuai dengan waktu yang telah ditentukan. Tugas Akhir ini disusun guna memenuhi suatu syarat kelulusan pada Program Studi D-3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Penulis menyadari bahwa penulisan Tugas Akhir ini tidak akan terselesaikan dengan baik dan tepat waktu tanpa adanya masukan, bimbingan serta bantuan moril dan materil dari berbagai pihak. Sehingga pada kesempatan ini, penulis menyampaikan ucapan terima kasih yang sebesar-besarnya kepada:

1. Bapak Prof. Saib Suwilo, M.Sc selaku Dosen Pembimbing penulis yang telah banyak memberikan bimbingan dan pengarahan kepada penulis dalam menyelesaikan Tugas Akhir ini.

2. Bapak Dr. Sutarman, M.Sc selaku dekan FMIPA USU.

3. Bapak Prof. Drs. Tulus, M.Si dan Dra. Mardiningsih, M.Si selaku Ketua dan Sekretaris Departemen Matematika USU.

4. Syahriol Sitorus, S.Si, M.IT dan Dra. Elly Rosmaini, M.Si selaku ketua program dan sekretaris studi D-3 Teknik Informatika.

5. Seluruh Staf pengajar di Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara khususnya program studi D-III Teknik Informatika yang telah banyak memberikan ilmu pengajaran.

6. Teristimewa ucapan terima kasih saya ucapkan kepada ibu Halimatussakdiah Sinaga dan Syaiful Amri Tanjung selaku orang tua saya tercinta, yang telah memberikan doa, nasihat


(5)

dan dukungan baik secara moril maupun materil sehingga penulis dapat menyelesaikan Tugas Akhir ini.

7. Terutama Onny Mega, Dwi Ajeng Setiati, dan seluruh rekan-rekan mahasiswa D-3 Teknik Informatika khususnya teman-teman Kom’A 10 yang telah memberikan semangat, baik materi maupun moril apabila penulis sering membutuhkan bantuan.

Akhirnya dengan kerendahan hati penulis mempersembahkan Tugas Akhir ini, semoga Tugas Akhir ini dapat bermanfaat bagi pembaca. Dan penulis menyadari bahwa dalam Tugas Akhir ini masih banyak terdapat kekurangan dan kesalahan, untuk itu penulis sangat mengharapkan kritik dan saran dari semua pihak guna penyempurnaan laporan dimasa yang akan datang.

Medan, Juni 2013 Penulis

Rizky Ayanda


(6)

ABSTRAK

Perancangan web e-commerce pada penjualan alat musik bertujuan untuk mempermudah masyarakat dalam memperoleh informasi perbelanjaan (online) yang sebelumnya diketahui dari mulut-kemulut ataupun dari brosur-brosur, sehingga tidak menghemat waktu. Tugas akhir ini bertujuan membangun sebuah sistem penjualan online. Sistem perancangan dalam pembuatan website e-commerce pada penjualan alat musik online ini dikembangkan dengan menggunakan beberapa software yakni Macromedia Dreamweaver8, Apache Web Server, PHP dan MySQL. Dengan menggunakan

Macromedia Dreamweaver 8 maka pengerjaan website akan lebih cepat dan mudah. Adapun table-tabel yang dipakai dalam pembuatan website ini nantinya digunakan untuk menampung data yang diperlukan dalam pembangunan website e-commerce pada penjualan alat musik online.


(7)

DAFTAR ISI

Halaman Persetujuan

Pernyataan Penghargaan Abstrak

Daftar Isi i

Daftar Gambar v

Daftar Tabel vi

BAB 1 PENDAHULUAN

1.1 Latar Belakang 1

1.2 Rumusan Masalah 2

1.3 Tujuan Penelitian 2

1.4 Manfaat Penelitian 2

1.5 Tinjauan Pustaka 3


(8)

BAB 2 LANDASAN TEORI

2.1 Konsep Dasar Data, Informasi dan E-commerce 6

2.1.1 Data 6

2.1.2 Informasi 7

2.1.3 Sistem Informasi 7

2.1.3.1Sekilas E-Commerce 7

2.1.3.2 Konsep Dasar Sistem 8

2.1.3.3 Konsep Dasar Informasi 10

2.2 Pengenalan Internet 10

2.2.1 Network 11

2.3 E-Commerce 11

2.4. HTML 12

2.4.1 Bagian-bagian HTML 13

2.5 PHP dan MYSQL 13

2.5.1 Sejarah PHP 13

2.5.2 Penggabungan Script PHP dan HTML 14

2.5.3 Sejarah MySQL 15

2.6 Mengenal Macromedia Dreamweaver 8 17

2.6.1 Memulai Dreamweaver 8 17


(9)

BAB 3 GAMBARAN UMUM TOKO ISTANA MUSIK

3.1 Sejarah 19

3.2 Visi, Misi dan Tujuan Toko Istana Musik 19

3.2.1 Visi 19

3.2.2 Misi 20

3.2.3 Tujuan 20

BAB 4 ANALISA PERANCANGAN SISTEM

4.1 Analisa Perancangan Sistem 21

4.1.1 Analisa Sistem 21

4.2 Perancangan 22

4.3 Diagram Alir Data 22

4.4 Entity/Relationship Diagram ( Diagram E/R) 25

4.5 Rancangan File dalam Database 26

4.6 Flowchart 29

4.6.1 Pengertian dan Definisi Flowchart 31

4.6.2 Jenis-jenis Flowchart 31

4.6.3 Sistem Flowchart 31

4.6.4 Dokument Flowchart 31

4.6.5 Skematik Flowchart 32

4.6.6 Program Flowchart 32

4.7 Normalisasi 36


(10)

BAB 5 IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem 42

5.2 Tujuan Implementasi Sistem 42

5.3 Komponen Utama Dalam Implementasi Sistem 43

5.3.1 Hardware 43

5.3.2 Software 43

5.3.3 Brainware 44

5.4 Pengujian di Browser 44

BAB 6 KESIMPULAN DAN SARAN

6.1 Kesimpulan 55

6.2 Saran 56

Daftar Pustaka


(11)

DAFTAR GAMBAR

Nomor Judul Halaman

Gambar

2.1 Komponen-komponen dari suatu sistem 10

4.1 Contoh Diagram Konteks 24

4.2 Lambang-lambang Diagram E/ R 25

4.3 Diagram E/R Kasus di Atas 26

4.4 Tabel Database Comment 27

4.5 Tabel Database Register 27

4.6 Menu Register 33

4.7 Menu Utama 34

4.8 Menu Profil 35

5.1 Kotak URL 38

5.2 Halaman Menu Register 39

5.3 Halaman Menu Beranda 46

5.4 Halaman Menu Profil 47

5.5 Halaman Kategori Gitar 48

5.6 Halaman Kategori Bass 49

5.7 Halaman Kategori Drum 50

5.8 Halaman Kategori Keyboard 51

5.9 Halaman Kategori Aksessoris Musik 52

5.10 Halaman Menu Keranjang Belanja 53


(12)

DAFTAR TABEL

Nomor Judul Halaman

Tabel

4.1 Simbol-simbol DFD 23

4.2 Tabel Database Register 28

4.3 Tabel Database Comment 28


(13)

ABSTRAK

Perancangan web e-commerce pada penjualan alat musik bertujuan untuk mempermudah masyarakat dalam memperoleh informasi perbelanjaan (online) yang sebelumnya diketahui dari mulut-kemulut ataupun dari brosur-brosur, sehingga tidak menghemat waktu. Tugas akhir ini bertujuan membangun sebuah sistem penjualan online. Sistem perancangan dalam pembuatan website e-commerce pada penjualan alat musik online ini dikembangkan dengan menggunakan beberapa software yakni Macromedia Dreamweaver8, Apache Web Server, PHP dan MySQL. Dengan menggunakan

Macromedia Dreamweaver 8 maka pengerjaan website akan lebih cepat dan mudah. Adapun table-tabel yang dipakai dalam pembuatan website ini nantinya digunakan untuk menampung data yang diperlukan dalam pembangunan website e-commerce pada penjualan alat musik online.


(14)

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Sistem informasi webpenjualan alat musik online adalahsebuahsisteminformasi yang didesainsesuaidengankeperluandandapatdigunakandengansangatmudah. Sistem informasi webpenjualan alat musik online inisangatbergunauntukparapelanggan memakai sistem informasipenjualan tersebut agar memudahkan untuk membeli serta mengetahui informasi tentang alat-alat musik yang tersedia.

Disaat ini perkembangan didunia komputer sangatlah pesat. Perkembangan tersebut menurut seseorang untuk melakukan suatu pekerjaan serba praktis, cepat, dan tepat. Waktu menjadi penentu dalam menyelesaikan suatu pekerjaan. Apalagi sekarang ini jika pekerjaan dilakukan secara manual, sangatlah tidak efektif dan tidak efisien.

Alasan untuk membuat sistem informasi penjualan alat musik online adalah system informasiberbasis web untukmemudahkansegala proses baikpencarian, pembelianserta service berbagaijenisalatmusikdan sound sistemuntukkeperluanpanggunguntukacaramusik.


(15)

Oleh karena itu, penulis mengajukan sebuah proposal yang berjudul

“SISTEM INFORMASIPENJUALAN ALAT MUSIK ONLINE

TOKO ISTANA MUSIK MEDAN”

1.2 Rumusan Masalah

Bagaimana membuat dan membangun sistem informasi penjualan online alat music tokoistanamusikmedanini dirancang untuk mempermudah pekerjaan pegawaidanpelanggan

yang ingin membelisertamemperbaikialatmusik, agar transaksipembeliandilakukansecaralebihmudah.

1.3 Tujuan Penelitian

Tujuan penelitian dilakukan untuk pembuatan yang akan bermanfaat dalam pembelian alat musik sehingga mempermudah para user ( pelanggan ) dalam memilih alat musik yang diinginkan.


(16)

Adapunmanfaatdaripenelitianiniyaitu:

1. Untukmempermudahpenyusunanperangakatlunak( Software ) padasistem informasipenjualanalatmusik online tokoistanamusikmedan.

2. Untukmemberikansuatukemudahanuntukpara user ( pelanggan ) dalammencarialat-alatmusiksesuaidengan yang diinginkan. 1.5TinjauanPustaka

Sisteminformasi adalah perintah (program komputer) yang bila dieksekusi memberikan fungsi dan unjuk kerja seperti yang diinginkan, struktur data yang memungkinkan program memanipulasi informasi secara proporsional, dan dokumen yang menggambarkan operasi dan kegunaan program.

Pada perancangan perangkat lunak ini, penulis mempergunakan bahasapemrograman Html dan PHP.

HTML adalah singkatan dari “Hyper Text Markup Language” yaitu sebuah bahasa yang digunakan untuk membuat sebuah halaman web,menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam


(17)

HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).

HyperText Mark Up Languange (HTML) merupakan aplikasi pertama yang digunakan untuk membuat web dengan protocol yang digunakan dinamakan HTTP (HyperText Transfer Protocol).

World Wide Web atau biasa kita sebut dengan Web merupakan salah satusumber daya Internet yang berkembang pesat.Pada perkembangan berikutnya, sejumlah skrip dan objek dikembangkan untuk memperluas kemampuan HTML, antara lain PHP dan ASP sedangkan contoh yang berupa objek antara lain Applet(Java).

HTML merupakan bahasa pemrograman yang dipahami oleh semua computer yang dipakai di dunia atau internet. Perintah HTML harus berada didalam tanda <..>, yang digunakan untuk menampilkan fungsi – fungsi tertentu misalnya fungsi link dan sebagainya.Dinamakan Hypertextkarena kita bias membaca isi dari sebuah dokumen/berita tanpa harus membacanya baris demi baris. Kita bias melompat – lompat dari satu topic ke topic lainnya.Dinamakan MarkUp Languangekarena HTML mengandung tanda atau perintah tertentu untuk menentukan tampilan teks, gambar, dsb beserta fungsi – fungsi yan diinginkan


(18)

Penelitian ini akan dilaksanakan dengan mengikuti beberapa langkah yang akan digunakan penulis, yaitu:

1. Pengumpulan data-data pendukung

Pengumpulan data dalam penelitian penulis lakukan dengan mencari info tentangdesain web, sitem web dan lain-lain untukmembangunsistem informasi webpenjualanalatmusik online tersebut.

2. Pengujian Aplikasi

Menguji apakah aplikasi yang dibuat telah berhasil berjalan sesuai dengan keinginan dan melakukan perbaikan kesalahan jika masih terdapat error padaaplikasi.

3. Implementasi Aplikasi

Penerapan aplikasi yang dirancang setelah melalui tahap pengujian dan telah berjalan dengan baik.

4. Penyusunan dan pengadaan laporan

Tahap akhir dari penelitian yang dilakukan, yaitu membuat laporan tentang penelitian yang telah dilakukan.


(19)

LANDASAN TEORI

2.1 Konsep Dasar Data, Informasi dan Sistem E-commerce

2.1.1 Data

Data dapat didefenisikan sebagai deskripsi dari suatu dan kejadian yang kita hadapi. Data dapat berupa catatan-catatan dalam kertas, buku, atau tersimpan sebagai file dalam database. Data akan menjadi bahan dalam suatu proses pengolahan data. Oleh karena itu, suatu data belum dapat berbicara banyak sebelum diolah lebih lanjut.

Proses pengolahan data terbagi menjadi tiga tahapan, yang disebut dengan siklus pengolahan data (Data Processing Cycle) yaitu :

a. Pada tahapan Input

Yaitu dilakukan proses pemasukan data ke dalam komputer lewat media input (Input Devices).

b. Pada tahapan Processing

Yaitu dilakukan proses pengolahan data yang sudah dimasukkan, yang dilakukan oleh alat pemroses (Process Devices) yang dapat berupa proses perhitungan, perbandingan, pengendalian, atau pencarian distorage.


(20)

c. Pada tahapan Output

Yaitu dilakukan proses menghasilkan output dari hasil pengolahan data ke alat output (Output Devices) yaitu berupa informasi.

2.1.2 Informasi

Informasi merupakan data yang telah diolah sedemikian rupa sehingga memiliki makna tertentu bagi penggunanya. Untuk memperoleh informasi, diperlukan adanya data yang akan diolah dan unit pengolah. Agar informasi yang dihasilkan lebih berharga, maka informasi harus memenuhi kriteria sebagai berikut :

1. Informasi harus akurat, sehingga mendukung pihak manajemen dalam mengambil keputusan.

2. Informasi harus relevan, benar-benar terasa manfaatnya bagi yang membutuhkan.

3. Informasi harus tepat waktu, sehingga tidak ada keterlambatan pada saat dibutuhkan.

Kegunaan informasi adalah untuk meluruskan ketidak pastian di dalam proses pengambilan keputusan tentang suatu keadaan. Informasi yang digunakan di dalam suatu sistem informasi umumnya digunakan untuk beberapa kegunaan. Informasi digunakan tidak hanya digunakan oleh satu orang pihak dalam suatu organisasi. Nilai sebuah informasi ditentukan dari dua hal yaitu manfaat dan biaya untuk mendapatkannya. Suatu informasi dikatakan bernilai bila manfaatnya lebih efektif dibandingkan dengan biaya untuk mendapatkan informasi tersebut.


(21)

2.1.3 Sistem E-Commerce

2.1.3.1 Sekilas E-Commerce

E-commerce (Electronic Commerce) merupakan konsep baru yang digambarkan sebagai proses jual beli barang atau jasa pada World Wide Web atau proses jual beli, pertukaran produk, jasa dan informasi melalui jaringan informas. E-commerce pertama kali diperkenalkan pada tahun 1994 pada saat pertama kali elektronik dipakaiuntuk tujuan promosi dan periklanan di suatu halaman web.

2.1.3.2 Konsep Dasar Sistem

Terdapat dua kelompok di dalam mendefenisikan sistem, yaitu yang menekankan pada prosedurnya dan yang menekankan pada komponennya atau elemennya.

Pendekatan sistem yang lebih menekankan pada prosedurnya mendefenisikan sistem sebagai berikut yaitu, suatu sistem merupakan suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau menyelesaikan suatu sasaran tertentu.

Pendekatan sistem yang lebih menekankan pada komponen atau elemennya mendefenisikan sistem sebagai berikut yaitu, sistem merupakan bagian-bagian yang saling berkaitan dan beroperasi bersama untuk mencapai beberapa sasaran atau maksud.


(22)

Sistem itu sendiri memiliki karakteristik atau beberapa sifat tertentu, yaitu mempunyai komponen (components), batas sistem (boundary), lingkungan luar sistem (environments), penghubung (interface), masukan (input), keluaran (output), pengolah (process), dan sasaran suatu tujuan (goal). Adapun penjelasan dari karakteristik suatu sistem diatas adalah sebagai berikut :

a. Komponen sistem (System Components)

Bagian sistem yang saling berinteraksi dan membentuk satu kesatuan. Komponen atau elemen sistem dapat berupa subsistem atau beberapa bagian sistem.

b. Batas Sistem (System Boundary)

Daerah yang membatasi antara suatu sistem dengan lingkungannya atau dengan sistem lainnya. Batas sistem inilah yang membuat sistem dipandang sebagai satu kesatuan.

c. Lingkungan luar sistem (System Environments)

Segala sesuatu yang berada di luar sistem yang mempengaruhi sistem. Lingkungan luar sistem dapat bersifat menguntungkan sistem atau merugikan sistem.


(23)

Merupakan media penghubung antara satu subsistem dengan subsistem lainnya. Penghubung inilah yang menyebabkan beberapa subsistem berintegrasi dan membentuk satu kesatuan.

e. Masukan (Input)

Sesuatu yang dimasukkan ke dalam sistem yang berasal dari lingkungan.

f. Keluaran (Output)

Suatu hasil dari proses pengolahan sistem yang dikeluarkan ke lingkungan.

g. Pengelolahan (Process)

Bagian dari sistem yang mengubah masukan menjadi keluaran.

h. Sasaran (Objectives) atau tujuan (Goal)


(24)

Sasaran sistem adalah sesuatu yang menyebabkan mengapa sistem itu dibuat atau ada. Suatu sistem dikatakan berhasil bila mengenai sasaran atau tujuannya.

2.1.3.3 Konsep Dasar Informasi

Informasi dalam sebuah organisasi sangat penting peranannya. Suatu sistem yang kurang mendapatkan informasi akan menjadi lemah dan akhirnya berakhir. Informasi itu sendiri dapat didefenisikan sebagai data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya. Sumber dari informasi adalah data. Data merupakan bentuk jamak dari bentuk tunggal data atau data item. Data adalah kenyataan yang menggambarkan sesuatu yang terjadi pada saat tertentu.

2.2 Pengenalan Internet

Internet (Interconnected Network) merupakan jaringan komputer yang terdiri dari ribuan jaringan komputer independen yang dihubungkan satu dengan yang lainnya. Secara etimologis, internet berasal dari bahasa inggris yakni inter berarti antar dan net berarti jaringan sehingga dapat diartikan hubungan antar jaringan. Jaringan komputer terdiri dari lembaga pendidikan, pemerintahan, militer, organisasi dan bisinis dan organisasi lainnya. Internet atau nama pendeknya Net

merupakan jaringan komputer yang tersebar didunia. Sampai saat ini internet

sudah menghubungkan lebih dari 100000 jaringan komputer dengan pemakai lebih dari 100 juta orang. Internet adalah jaringan luas di komputer yang lazim


(25)

disebut dengan world wide network secara lebih ringkas internet adalah sumber informasi dan alat komunikasi serta hiburan.

Jaringan internet menyediakan beberapa aplikasi yang dapat digunakan oleh user internet: E-mail, mailing list, newsgroup, file transfer protocol (FTP),

gopher, telnet, talk, chat,world wide web.

2.2.1 Network

Network adalah jaringan dari sistem komunikasi data yang melibatkan sebuah atau lebih sistem komputer yang dihubungkan dengan jalur transmisi alat komunukasi membentuk satu sistem. Dengan network, komputer yang satu dapat menggunakan data di computer lain, dapat mencetak laporan di printer lain, dapat memberikan berita ke komputer lain walaupun berlainan area. Network

merupakan cara yang sangat berguna untuk mengintegrasikan sistem informasi dan menyalurkan arus informasi dari satu area ke area lainnya.

2.3 E-Commerce

Menurut David Baum, pengertian e-commerce adalah: “E-Commerce is a dynamic set of technologies, application, and business process that link enterprise, consumers, and communities through electronic transaction and the electronic exchange of goods, services, and information”. E-Commerce merupakan satu set dinamis teknologi, aplikasi, dan proses bisnis yang menghubungkan perusahaan, konsumen, dan komunitas tertentu melalui transaksi elektronik dan perdagangan barang, pelayanan, dan informasi yang dilakukan secara elektronik.


(26)

Bryan A. Garner juga menyaakan bahwa “E-Commerce the practice of buying and selling goods and services through online consumer services on the internet. The ashortened from electronic, has become a popular prefix for other terms associated with electronic transaction”. Dapat dikatakan bahwa pengertian e-commerce yang dimaksud adalah pembelian dan penjualan barang dan jasa dengan menggunakan jasa computer online di Internet.

2.4 HTML

HTML merupakan kependekan dari Hyper Text Markup Language. Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan dokumen yang disajikan dalam browser web surfer. Dokumen ini umumnya berisi informasi ataupun intyerface aplikasi di dalam internet. HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibanding bahasa pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca oleh sebagai platform seperti : windows, linux, macintosh. Kata ”Markup Language” pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam script HTML dimana kita bisa mengatur judul, garis, tabel, gambar, dan lain-lain dengan perintah yang telah ditentukan pada elemen HTML.

HTML sendiri dikeluarkan oleh W3C (World Wide Web Consortium), setiap terjadi perkembangan level HTML, harus dievaluasi ketat dan disetujui oleh W3C.


(27)

2.4.1 Bagian-bagian HTML

HTML terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode <form>, judul dengan <title> dan sebagainya. Untuk lebih lanjut mengenai bagian-bagian HTML perhatikan skema di bawah ini:

<html> <head>

<title> ... </title> </head>

<body>

... isi dari halaman web ... </body>

</html>

2.5 PHP dan MYSQL

2.5.1 Sejarah PHP

PHP merupakan bahasa pemrograman web yang di desain untuk web. PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Jika dilihat dari versi pertamanya bahwa PHP terdiri dari sekumpulan script PERL yang digunakan untuk mengolah data for dan website. Kemungkinan bahwa PHP singkatan dari


(28)

Perl Hypertext Preprocessor. Pada awalnya PHP bernama FI (Form Interpreted). Setelah Rasmus melepaskan kode sumbernya, maka terbentuklah nama PHP. Sejak itulah PHP bersifat open source. Pada bulan November 1997, PHP Versi 2.0 berhasil dirilis. Pada rilis ini interpreter sudah diimplementasikan dalam bahasa C. Masih pada tahun yang sama sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih, lebih baik dan lebih cepat. Pada bulan Juni 1998 Zend kembali merilis interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0.

Kemudian pada pertengahan tahun 1999, Zend merilis kembali interpreter

PHP baru dengan nama PHP 4.0. PHP 4.0 ini merupakan versi PHP yang paling popular dikalangan programmer website. Alasan yang menjadi versi 4.0 ini begitu diminati oleh adanya kemampuan untuk membangun aplikasi website yang kompleks, namun tetap stabil dalam kecepatan proses dan stabilitas yang tinggi.

2.5.2 Penggabungan Script PHP dan HTML

Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih dahulu memberikan tanda tag buka dilanjutkan tanda tanya (<?) kemudian ditutup dengan tanda tanya dilanjutkan tanda tag tutup (?>). Ada dua tipe penggabungan antara PHP dan HTML yaitu :

1. Embedded Script

Yakni penulisan tag PHP di sela-sela tag HTML. Dengan cara lain penulisan tag

PHP digunakan untuk mengapit bagian-bagian tertentu dalam dokumen yang memerlukan script PHP untuk proses di dalam server. Embedded Script


(29)

menempatkan PHP sebagai bagian dari script HTML. Contoh penulisan

Embedded Script yaitu : <html>

<head>

<title> Testing </title> </head>

<body>

<? echo ”Halo Dunia”; ?> </body>

</html>

2. Non Embedded Script

Yakni cara penulisan tag PHP dibagian paling awal dan paling akhir dokumen. Dengan cara lain, penulisan tag PHP digunakan untuk mengawali dan mengakhiri keseluruhan bagian dalam sebuah dokumen. Non Embedded Script menempatkan script HTML sebagai bagian dari script PHP. Contoh penulisan Non Embedded Script yaitu :

<?

echo ’<html>’; echo ’<head>’;

echo ’<title> Testing </title>’; echo ’</head><body>’; echo ’Hello Dunia’; echo ’<body>’;


(30)

2.5.3 Sejarah MYSQL

MySQL dikembangkan oleh sebuah perusahaan Swedia yang pada saat itu bernama TcX Data Konsult AB, dan pada akhirnya berubah nama menjadi MySQL

AB. Sekitar tahun 1994-1995, TcX membuat database MySQL untuk mengembangkan aplikasi web bagi klien-nya. TcX merupakan perusahaan pengembang software dan konsultan database.

Michael Widenius atau disebut ”Monty” adalah pengembang satu-satunya di

TcX. Dengan berlandaskan pada aplikasi UNIREG dan ISAM yang dibuat sendiri, dia memutuskan untuk mencari antarmuka SQL yang sangat tepat untuk ditempelkan di atasnya. Awalnya dia menggunakan mSQL singkatan dari mini SQL (Structure Query Language). Dia beranggapan bahwa mSQL merupakan satu-satunya kode database open source yang tersedia dan cukup sederhana saat itu. Namun setelah iya melakukan uji coba, ternyata mSQL tidak cukup cepat dan

fleksibel. Dan pada versi pertama mSQL tidak memiliki indeks. Setelah itu, dia menghubungi David Hughes sebagai pembuat mSQL, namun karena David

tengah sibuk dalam mengembangkan versi 2 mSQL, maka Monty memutuskan untuk membuat sendiri mesin SQL yang antarmuka mirip denagn SQL,namun memiliki kemampuan yang lebih sesuai kebutuhkan, sehingga lahirlah MySQL.

MYSQL adalah database yang sering dipakai dalam kombinasi sistem yang menggunakan interface PHP. MYSQL juga dapat diartikan database management system untuk relational database atau RDBMS. Database secara ringkas adalah kumpulan data yang mungkin bisa text, bilangan, binary file, yang disimpan dan diorganisir oleh DBMS. MYSQL adalah RDBMS gratis yang merupakan saingan dari RDBMS berbayar.


(31)

Terdapat perbedaan pendapat seputar asal muasal nama MySQL itu sendiri, ada yang mengataka bahwa nama MySQL diambil dari nama depan dan belakang sebutan dari Michael Widenius, yaitu Monty. Adapula yang mengatakan kata My

itu sendiri diambil dari nama putri Monty, yang bernama My. Jika kita amati

source code MySQL itu sendiri, prefiks My memang sudah menjadi prefiks umum apabila seseorang ingin membuat kode kustom sendiri.

Adapun keunggulan dari PHP dan MYSQL antara lain :

1. Program dapat running di semua OS, PHP MySQL berjalan secara web base, itu artinya semua operating system yang dimiliki web browser dapat menggunakan aplikasi ini, dan semua OS tentu saja selalu memiliki web browser, Windows dengan internet explorer, Linux dengan Mozilla, Macintosh dengan safari, dan Handphone dengan Opera Mini. Sangat mobile dan fleksible.

2. Sangat cocok dan mudah diterapkan pada computer berjaringan, Program PHP MySQL cukup diinstal disalahsatu komputer pada jaringan yang dalam hal ini adalah komputer server, pada komputer klien kita cukup mengarahkan web browser ke komputer server dan program dapat langsung running, apabila program error (walau kemungkinan sangat kecil sekali) program cukup di maintenance di pihak komputer server yang terinstalasikan program tanpa harus maintenance komputer klien juga.

3. Tidak ada virus yang menginfeksi program PHP, sampai saat ini, program php belum dapat diinfeksi virus, kebanyakan virus menginfeksi file berekstensi *.exe dan *.dll, sangat awet dan aman.

4. Sangat stabil di semua operating sistem, program PHP walaupun dipakai dalam waktu yang sangat lama tidak akan memberatkan sistem dan tidak akan mempengaruhi komputer untuk berjalan sangat lambat, sangat cocok diterapkan pada komputer yang selalu nyala 24 jam.


(32)

2.6 Mengenal Macromedia Dreamweaver 8

Macromedia Dreamweaver merupakan sebuah editor HTML profesional untuk mendesain secara visual dan mengolah situs web maupun halaman web.

Macromedia Dreamweaver 8 adalah salah satu produk dari vendor Macromedia Inc. Dimana Macromedia Dreamweaver 8 ini memiliki kemampuan untuk menyunting kode lebih baik, serta mampu menggabungkan layout site dengan programming web-nya.

2.6.1 Memulai Dreamweaver 8

Seperti halnya dengan program-program lain, untuk menjalankan Macromedia Dreamweaver 8, mulailah dengan memilih tombol Start pada taskbar, kemudia pilih All Program pada tampilan Start Menu Program, pilih folder Macromedia

dan klik Macromedia Dreamweaver 8. Pada saat pertama kali menggunakan

Dreamweaver setelah meng-install-an, kita akan mendapatkan tampilan kotak

dialog yang menanyakan pilihan layout ruang kerja yang ingin kita gunakan, sebaiknya kita gunakan ruang kerja designer.

2.6.2 Area Kerja Pada Dreamweaver 8

Komponen yang terdapat pada ruang kerja Dreamweaver 8 adalah :

1. Document Window berfungsi untuk menampilkan dokumen dimana kita sekarang bekerja.


(33)

3. Insert Bar terdiri dari tombol-tombol untuk menyisipkan berbagai macam objek seperti hyperlink, image, tabel, dan lain-lain.

4. Document Toolbar berisi tombol-tombol dan menu pop up dari dokumen yang sedang kita kerjakan.

5. Panel Groups adalah sekumpulan panel window yang saling berkaitan satu sama lain, yang dikelompokkan dibawah satu judul untuk membantu bekerja dengan Dreamweaver.

6. Tag Selector adalah tag-tag HTML yang terpilih sesuai dengan objek yang ada di area kerja.

7. Properti Inspector digunakan untuk melihat dan mengubah berbagai properti dari tiap objek terpilih yang ada di area kerja. Setiap objek memiliki properti yang berbedabeda.

BAB 3

GAMBARAN UMUM PERGURUAN TINGGI HARAPAN


(34)

Memberikan pemahaman tentang penggunaan, pemilihan dan perawatan alat musik bagi calon pembeli. Mengupayakan penyediaan alat musik untuk wilayah Indonesia.

3.2.3 Tujuan

Tujuan dari toko Istana Musik and Sport yaitu :

1. Menjadi salah satu toko musik terbaik dan terlengkap di kota medan maupun indonesia

2. Menjadi toko musik yang dapat memuaskan konsumen dengan menjual barang-barang yang berkualitas.

3. Menjadi toko musik yang berkualitas serta bermutu. 4. Menjadi toko musik yang membudayakan etika dan estetika

BAB 4


(35)

4.1 Analisa Perancangan Sistem

4.1.1 Analisa Sistem

Seiring dengan perkembangan teknologi informasi saat ini serta untuk meningkatkan efisiensi kerja dan waktu, maka masih banyak sistem yang ada saat ini yang masih manual, yang harus diganti dengan sistem yang lebih baik lagi, yaitu dengan membangun sistem yang terkomputerisasi atau online. Untuk memulai membangun suatu program mengenai perancangan web e-commerce, maka penulis terlebih dahulu merencanakan alur kerja berdasarkan kebutuhan dari user yang akan menggunakan aplikasi basis data ini. Perancangan web e-commerce ini diperbuat atas dasar kebutuhan masyarakat yang menginginkan cara berbelanja secara online, sehingga dapat menghemat waktu. Berdasarkan pengamatan penulis mengenai analisis sistem yang berjalan pada web e-commerce ini adalah masih ditemui kendala diantaranya yaitu, masih terdapat informasi berita tentang penjualan yang dilakukan secara manual, yakni dari mulut kemulut dan dari brosur-brosur yang ditempelkan pada papan pengumuman, tingkat akurasi yang rendah, dan data tidak dapat cepat diupdate. Mengetahui kendala yang ada, maka penulis mencoba merancang sebuah

web e-commerce untuk mempermudah masyarakat.

4.2 Perancangan

Perancangan merupakan proses yang dilakukan oleh perancang sistem untuk mengerjakan spesifikasi sistem, membuat keputusan tentang bagaimana komponen sistem diaktualisasikan. Proses ini menyangkut tujuan sistem tersebut audience, objek dan informasi domain. Perancangan yang baik harus mengetahui bagaimana


(36)

mendapatkan efek yang dibutuhkan oleh spesifikasi tersebut dengan cara paling fleksibel, efisien dan elegan.

Dalam hal ini, sistem yang akan dibuat adalah menggunakan PHP sebagai bahasa pemrogramanya dan MySQL sebagai databasenya serta Dreamweaver sebagai media untuk membuat web e-commerce ini. Adapun spesifikasi serta target terhadap sistem yang akan dibuat yaitu:

1. Perancangan yang akan dibuat yaitu “Sistem informasi penjualan alat music online berbasis web” yang menyediakan informasi-informasi tentang cara pembelian, produk dan transaksi.

2. Target yang ingin dicapai dalam perancangan web e-commerce ini adalah diharapkan pengunjung mendapatkan segala informasi mengenai produk dengan spesifikasi terbaru, sehingga memudahkan masyarakat untuk melakukan transaksi dan diharapkan pula dapat memberikan kemudahan bagi masyarakat luas.

4.3 Diagram Alir Data

Data Flow Diagram (DFD) merupakan model dari sistem untuk menggambarkan pembagian sistem ke modul yang lebih kecil. Salah satu keuntungan menggunakan diagram alir data adalah memudahkan pemakai yang kurang menguasai bidang komputer untuk mengerti sistem yang akan dikerjakan. Pada tahap analisa, penanganan notasi symbol lingkaran dan anak panah menggambarkan arus data dalam perancangan sistem sangat membantu Dalam komunikasi dengan pemakaian sistem menggunakan notasi-notasi untuk menggambarkan arus dari data sistem.

Tabel 4.1 Simbol-simbol DFD


(37)

Kesatuan Luar (External entity)

Merupakan kesatuan luar dilingkungan luar sistem yang akan memberikan input atau menerima output dari sistem

Proses (Proces) Kegiatan dari hasil suatu arus data yang masuk proses Untuk dihasilkan arus data yang akan keluar atau untuk mengubah input menjadi output

Aliran Data (Data Flow)

Data mengalir melalui sistem dimulai dengan sebagian input dan diubah menjadi input

Penyimpanan Data (Data Storage)

Data disimpan untuk keperluan berikutnya

Disamping itu DFD adalah salah satu alat pembuatan model yang sering digunakan, khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih penting dan kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi sistem.

DFD juga merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan oleh professional sistem kepada pemakai maupun pembuat program. Adapun Data Flow Diagram (DFD) yang penulis ajukan yaitu :


(38)

Pembeli

0 Sistem Penjualan

Barang

Pemilik

Barang Ditanya, Barang Dibeli, Uang Pembayaran

Informasi Barang,

Jumlah Uang Harus Dibayar

Laporan Penjualan Barang

Gambar 4.1 Contoh Diagram Konteks

4.4 Entity/ Relationship Diagram (Diagram E/R)

Diagram E/R digunakan untuk memperlihatkan hubungan antar file (data store) yang ada di DFD. Di sini, file (data store) disebut dengan entity (entitas). Bagian dari file, yaitu fields, di sini disebut dengan attributes (atribut-atribut). Berikut lambang-lambangnya.


(39)

entity

relationship

attribute

Adalah file (data store di DFD). Entity adalah

file yang berjenis master.

Adalah file (data store di DFD). Relationship

adalah file yang berjenis transaksi, digunakan

untuk menyimpan data transaksi yang terjadi

Adalah bagian-bagian spesifik dari file (entitas)

Gambar 4.2 Lambang-lambang Diagram E/ R


(40)

Gambar 4.3 Diagram E/R Kasus di Atas

4.5 Rancangan File dalam Database

Database atau basis data adalah kumpulan data yang disimpan secara sistematis didalam komputer dan dapat dimanipulasi menggunakan perangkat lunak untuk menghasilkan informasi. Pendefinisian basis data meliputi spesifikasi berupa tipr data, struktur, dan juga batasan – batasan data yang akan disimpan. Basis data merupakan aspek yang sangat penting dalam sistem informasi dimana basis data merupakan gudang penyimpanan data yang akan diolah lebih lanjut. Basis data menjadi penting karena dapat menghindari duplikasi data, hubungan data yang tidak jelas, organisasi data, dan juga update yang rumit. Berikut merupakan tabel yang digunakan oleh penulis dalam membangun aplikasi


(41)

Gambar 4.4 Tabel Database Comment

Gambar 4.5 Tabel Database Register


(42)

Tabel 4.2 Tabel Database Register

Nama Field Tipe Data

Nama Text

Id Text

Password Text

Email Text

b. Tabel Comment terdiri dari :

Tabel 4.3 Tabel Database Comment

Nama Field Tipe Data Lebar Data

Id Int 3

Id_artikel Varchar 3

Nama Varchar 30

Email Varchar 30

Website Varchar 50

Komentar Text

Date Datetime

Art_id Int 3


(43)

Flowchart merupakan gambar atau bagan yang memperlihatkan urutan dan hubungan antar proses beserta instruksinya. Gambaran ini dinyatakan dengan simbol. Dengan demikian setiap simbol menggambarkan proses tertentu. Sedangkan hubungan antar proses digambarkan dengan garis penghubung.

Flowchart ini merupakan langkah awal pembuatan program. Dengan adanya flowchart urutan poses kegiatan menjadi lebih jelas. Jika ada penambahan proses maka dapat dilakukan lebih mudah. Setelah flowchart selesai disusun, selanjutnya pemrogram (programmer) menerjemahkannya ke bentuk program dengan bahsa pemrograman.

Tabel 4.4 Tabel Lambang-Lambang pada Flowchart

SIMBOL FUNGSI

Flow Direction symbol, Yaitu simbol yang digunakan untuk menghubungkan antara simbol yang satu dengan simbol yang lain. Simbol ini disebut juga connecting line.

Terminator Symbol, Yaitu simbol untuk permulaan (start) atau akhir (stop) dari suatu kegiatan

Connector Symbol, Yaitu simbol untuk keluar – masuk atau penyambungan proses dalam lembar / halaman yang sama.

Connector Symbol, Yaitu simbol untuk keluar – masuk atau penyambungan proses pada lembar / halaman yang berbeda.

Processing Symbol, Simbol yang menunjukkan pengolahan yang dilakukan oleh komputer


(44)

Simbol Manual Operation, Simbol yang menunjukkan pengolahan yang tidak dilakukan oleh komputer

Simbol Decision, Simbol pemilihan proses berdasarkan kondisi yang ada.

Simbol Input-Output, Simbol yang menyatakan proses input dan output tanpa tergantung dengan jenis

peralatannya

Simbol Manual Input, Simbol untuk pemasukan data secara manual on-line keyboard

Simbol Preparation, Simbol untuk mempersiapkan penyimpanan yang akan digunakan sebagai tempat pengolahan di dalam storage.

Simbol Predefine Proses, Simbol untuk pelaksanaan suatu bagian (sub-program)/prosedure

Simbol Display, Simbol yang menyatakan peralatan output yang digunakan yaitu layar, plotter, printer dan sebagainya.

Simbol disk and On-line Storage, Simbol yang

menyatakan input yang berasal dari disk atau disimpan ke disk.


(45)

Flowchart atau Bagan alir adalah bagan (chart) yang menunjukkan alir (flow) di dalam program atau prosedur sistem secara logika. Bagan alir (flowchart) digunakan terutama untuk alat bantu komunikasi dan untuk dokumentasi.

4.6.2 Jenis-jenis Flowchart

Ada beberapa jenis flowchart diantaranya: 1. Bagan alir sistem (systems flowchart). 2. Bagan alir dokumen (document flowchart). 3. Bagan alir skematik (schematic flowchart). 4. Bagan alir program (program flowchart). 5. Bagan alir proses (process flowchart).

4.6.3 Sistem Flowchart

System flowchart dapat didefinisikan sebagai bagan yang menunjukkan arus pekerjaan secara keseluruhan dari sistem. Bagan ini menjelaskan urut-urutan dari prosedur-prosedur yang ada di dalam sistem. Bagan alir sistem menunjukkan apa yang dikerjakan di sistem.

4.6.4 Dokument Flowchart

Bagan alir dokumen (document flowchart) atau disebut juga bagan alir formulir (form flowchart) atau paperwork flowchart merupakan bagan alir yang menunjukkan arus dari laporan dan formulir termasuk tembusan-tembusannya.


(46)

Bagan alir skematik (schematic flowchart) merupakan bagan alir yang mirip dengan bagan alir sistem, yaitu untuk menggambarkan prosedur di dalam sistem. Perbedaannya adalah, bagan alir skematik selain menggunakan simbol-simbol bagan alir sistem, juga menggunakan gambar-gambar komputer dan peralatan lainnya yang digunakan. Maksud penggunaan gambar-gambar ini adalah untuk memudahkan komunikasi kepada orang yang kurang paham dengan simbol-simbol bagan alir. Penggunaan gambar-gambar ini memudahkan untuk dipahami, tetapi sulit dan lama menggambarnya.

4.6.6 Program Flowchart

Bagan alir program (program flowchart) merupakan bagan yang menjelaskan secara rinci langkah-langkah dari proses program. Bagan alir program dibuat dari derivikasi bagan alir sistem.

Bagan alir program dapat terdiri dari dua macam, yaitu bagan alir logika program (program logic flowchart) dan bagan alir program komputer terinci (detailed computer program flowchart). Bagan alir logika program digunakan untuk menggambarkan tiap-tiap langkah di dalam program komputer secara logika. Bagan alat- logika program ini dipersiapkan oleh analis sistem. Gambar berikut menunjukkan bagan alir logika program. Bagan alir program

komputer terinci (detailed

computer program flow-chart)

digunakan untuk

menggambarkan

instruksi- instruksi program

komputer secara terinci. Bagan

alir ini dipersiapkan oleh


(47)

(48)

(49)

(50)

4.7 Normalisasi

Normalisasi adalah suatu proses untuk mengubah suatu tabel yang memiliki masalah tertentu ke dalam dua buah tabel atau lebih, yang tidak lagi memiliki masalah tersebut (Abdul Kadir, 2002: 52). Masalah tersebut biasanya merupakan suatu ketidakkonsistenan (tidak normal) apabila dilakukan penghapusan (delete), pengubahan (update) dan pembacaan (retrieve) pada suatu

Pada proses normalisasi terhadap tabel pada database dapat dilakukan dengan tiga tahap normalisasi antara lain :

a) Bentuk Tidak Normal (Unnormalized Form)

Bentuk ini merupakan kumpulan data yang akan direkam, tidak ada keharusan mengikukti format tertentu, dapat saja data tidak lengkap atau terduplikasi. Data dikumpulkan apa adanya sesuai dengan saat menginput. Untuk mentransformasikan tabel yang belum ternomalisasi di atas menjadi tabel yang memenuhi kriteria 1NF adalah kita harus merubah seluruh atribut yang multivalue menjadi atribut single value, dengan cara menghilangkan repeating group

pada tabel di atas.

b) Bentuk Normal ke Satu (First Normal Form / 1 NF)

Pada tahap ini dilakukan penghilangan beberapa group elemen yang berulang agar menjadi satu harga tunggal yang berinteraksi di antara setiap baris pada suatu tabel, dan setiap atribut harus mempunyai nilai data yang atomic (bersifat atomic value). Atom adalah zat terkecil


(51)

Syarat normal ke satu (1-NF) antara lain:

1. setiap data dibentuk dalam flat file, data dibentuk dalam satu record demi satu

record nilai dari field berupa “atomic value”.

2. tidak ada set atribute yang berulang atau bernilai ganda. 3. telah ditentukannya primary key untuk tabel / relasi tersebut. 4. tiapatribut hanya memiliki satu pengertian.

c) Bentuk Normal ke Dua (Second Normal Form / 2 NF)

Bentuk normal kedua didasari atas konsep full functional dependency (ketergantungan fungsional sepenuhnya) yang dapat didefinisikan sebagai berikut. Jika A adalah atribut-atribut dari suatu relasi, B dikatakan full functional dependency (memiliki ketergantungan fungsional terhadap A, tetapi tidak secara tepat memiliki ketergantungan fungsional dari subset (himpunan bagian) dari A.

Syarat normal kedua (2-NF) sebagai berikut.

1. Bentuk data telah memenuhi kriteria bentuk normal kesatu.

2. Atribute bukan kunci (non-key) haruslah memiliki ketergantungan fungsional sepenuhnya (fully functional dependency) pada kunci utama / primary key.

d) Bentuk Normal ke Tiga (Third Normal Form / 3 NF)

Walaupun relasi 2-NF memiliki redudansi yang lebih sedikit dari pada relasi 1-NF, namun relasi tersebut masih mungkin mengalami kendala bila terjadi anomaly peremajaan (update) terhadap relasi tersebut. Jika kita hanya meng-update satu baris saja, sementara baris yang


(52)

lainnya tidak, maka data didalam database tersebut akan inkonsisten / tidak teratur. Anomaly

update ini disebabkan oleh suatu ketergantungan transitif (transitive dependency). Kita harus menghilangkan ketergantungan tersebut dengan melakukan normalisasi ketiga (3-NF).

Syarat normal ketiga (Third Normal Form / 3 NF) sebagai berikut. 1. Bentuk data telah memenuhi kriteria bentuk normal kedua.

2. Atribute bukan kunci (non-key) harus tidak memiliki ketergantungan transitif, dengan kata lain suatu atribut bukan kunci (non_key) tidak boleh memiliki ketergantungan fungsional (functional dependency) terhadap atribut bukan kunci lainnya, seluruh atribut bukan kunci pada suatu relasi hanya memiliki ketergantungan fungsional terhadap primary key di relasi itu saja.


(53)

4.7.1 Perancangan Tabel Normalisasi

1. Entitas Normalisasi Barang Bentuk Tabel Tidak Normal

Tabel 4.5 Entitas Normalisasi Barang

Bentuk Normal Pertama (1 NF)


(54)

Bentuk Normal Kedua (2 NF)


(55)

Bentuk Normal Ketiga (3NF)


(56)

BAB 5

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem

Setelah dianalisis dan dirancang secara rinci dan teknologi telah diseleksi dan dipilih. Tiba saatnya sistem untuk diimplementasikan. Implementasi sistem adalah langkah-langkah atau prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menguji, menginstal, dan memulai sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang lama, sedangkan tahap implementasi sistem merupakan tahap meletakkan sistem agar sistem dapat siap untuk dioperasikan. Tahap implementasi sistem terdiri dari langkah-langkah sebagai berikut ini :

1. Menerapkan rencana implementasi 2. Melakukan kegiatan implementasi 3. Tindak lanjut implementasi

5.2 Tujuan Implementasi Sistem

Adapun tujuan-tujuan dari implementasi sistem, yaitu :

1. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai sarana pengolah data dan penyajian informasi.

2. Menyelesaikan rancangan sistem yang ada dalam dokumen sistem yang baru atau yang telah disetuji.


(57)

3. Memastikan bahwa pemakai dapat mengoperasikan dengan mudah terhadap sistem yang baru dan mendapat informasi yang baik dan jelas.

4. Memperhitungkan bahwa sistem telah memenuhi permintaan pemakai yaitu dengan menguji sistem secara menyeluruh.

5. Memastikan bahwa sistem telah berjalan lancar dengan mengontrol dan melakukan instalasi secara benar.

5.3 Komponen Utama dalam Implementasi Sistem

Untuk mengolah data menggunakan komputer haruslah mempunyai tiga komponen utama, yaitu sebagai berikut :

5.3.1 Hardware

Hardware merupakan komponen fisik dalam rangkaian komputer, sedangkan spesifikasi

hardware yang dibutuhkan adalah sebagai berikut :

a. Monitor

b. CPU (Central Processing Unit)

c. Hardisk untuk tempat program beroparasi dan sebagai media penyimpanan

d. Keyboard

e. Mouse

f. Printer untuk mencetak hasil

5.3.2 Software

Software merupakan instruksi program yang dapat digunakan dalam komputer dan memberikan fungsi serta menampilkan seperti yang diinginkan. Software yang diperlukan untuk menjalankan perangkat keras untuk aplikasi pengolahan nilai, yaitu :

a. Windows 7


(58)

c. Browser

d. Macromedia Dreamweaver 8

5.3.3 Brainware

Brainware merupakan factor manusia yang menangani fasilitas komputer, yang dibutuhkan adalah :

a. Sistem Analisis adalah orang yang membangun fasilitas rancangan sistem.

b. Programmer adalah orang yang mengerti bahasa pemrograman dalam membuat dan membangun program.

c. Operator adalah orang yang menangani langsung dalam pengolahan data mulai dari mempersiapkan data sampai dengan pengertian data ke dalam komputer.

5.4 Pengujian di Browser

Setelah menginstal AppServ, maka aplikasi web telah dapat diujikan dikomputer local. Adapun caranya adalah sebagai berikut :

1. Letakkan file-file yang membangun web kedalam suatu folder 2. Buka browser Google Chrome atau Mozilla Firefox.

3. Ketik alamat pada kotak URL seperti gambar dibawah ini.


(59)

4. Setelah dijalankan, click menu Register maka akan muncul tampilan erlihat seperti gambar dibawah ini.


(60)

5. Setelah itu kita akan langsung disuguhkan menu Home atau Beranda seperti gambar dibawah ini


(61)

6. Apabila kita click menu Profil, akan muncul tampilan seperti gambar dibawah ini.


(62)

7. Apabila kita click menu kategori Gitar, akan muncul tampilan seperti gambar dibawah ini.


(63)

8. Apabila kita click menu kategori Bass, akan muncul tampilan seperti gambar dibawah ini.


(64)

9. Apabila kita click menu kategori Drum, akan muncul tampilan seperti gambar dibawah ini.


(65)

10. Apabila kita click menu Kategori Keyboard, akan muncul tampilan seperti gambar dibawah ini.


(66)

11. Apabila kita click menu Kategori Aksessoris Musik, akan muncul tampilan seperti gambar dibawah ini.


(67)

12. Tampilan Keranjang Belanja


(68)

13. Tampilan Halaman Pembayaran


(69)

BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Berdasarkan pembahasan pada bab-bab sebelumnya, maka pada bab ini yang merupakan bab terakhir dari tugas akhir ini, penulis akan mencoba menarik kesimpulan yakni sebagai berikut :

1. Pada perancangan e-commerce ini merupakan salah satu sarana untuk mendapatkan informasi online yang biasa diakses oleh siapa saja

2. Dalam membangun sebuah website tidak harus terhubung dengan internet. Internet diperlukan pada saat upload file dan pengaksesan website.

3. Website yang baik adalah website yang selalu mengupdate informasinya dengan segala yang baru.

4. Aplikasi berbasis web dapat menjadi alternative pilihan sebagian besar masyarakat yang ingin mencari barang apapun informasi yang sebelumnya menghabiskan waktu, tenaga, dan uang.

5. Website e-commerce ini memberikan informasi yang berkaitan dengan penjualan alat music dan aksesorisnya sesuai kebutuhan masyarakat dan pasar penjualan sekarang dan harga yang disarankan


(70)

6.2 Saran

Dengan terselesainya perancangan website e-commerce pada penjualan alat music ini dan dalam sub bab terakhir ini penulis ingin memberikan saran dan harapan yang dapat memberikan masukan bagi konsumen dan pengguna internet lainya, yakni :

1. 1. Sensntiasa menjaga dan memperbaharui website agar pengunjung tidak merasa bosan dan mendapatkan informasi – informasi yang up-to-date.

2. Diharapkan Komputer yang digunakan dalam pembuatan website ini adalah komputer yang mempunyai spesifikasi yang tinggi, sehingga mempermudah dalam pengaksesan data dan sumber daya komputer kita.

3. Diharapkan dunia bisnis penjualan harus lebih tanggap dengan perkembangan teknologi agar tidak tertinggal dengan Negara-negara yang lebih maju.

4. Diharapkan juga bisnis penjualan dapat memasyarakatkan metode transaksi secara


(71)

Daftar Pustaka

Effendi, B.E. 1989, dBASE contoh-contoh Program dan Aplikasinya. Yogyakarta: Andi Offset.

Betha, Siddik, Ir. 2007. Pemrograman Web dengan HTML. Bandung: Informatika Bandung.

Kadir, Abdul. 2003. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta: Andi

Kadir, A. 1999. Konsep dan Tuntunan Praktis Basis Data, Yogyakarta: Andi Yogyakarta Purba, O.W, 2000. Membangun Web E-Commerce, Jakarta, PT. Elex Media Komputindo


(72)

REGISTER

<html>

<head>

<title>Admin</title>

<link rel="stylesheet" href="stylex.css" />

<link href='http://fonts.googleapis.com/css?family=Oleo+Script' rel='stylesheet' type='text/css'>

<script type="text/javascript" src="jquery-1.7.min.js"></script>

<script type="text/javascript">

// $(document).ready(function(){

// $("#login").click(function(){

// var action = $("#lg-form").attr('action');

// var form_data = {

// username: $("#username").val(),

// password: $("#password").val(),

// is_ajax: 1

// };

// $.ajax({

// type: "POST",

// url: action,

// data: form_data,

// success: function(response)


(73)

// if(response == "success")

// $("#lg-form").slideUp('slow', function(){

// $("#message").html('<p class="success">You have logged in successfully!</p><p>Redirecting....</p>');

// });

// else

// $("#message").html('<p class="error">ERROR: Invalid username and/or password.</p>');

// }

// });

// return false;

// }); // }); </script> </head> <body> <div class="lg-container">

<h1>Buat Akun Baru</h1>

<form action="prosesregister.php" id="lg-form" name="lg-form" method="post">

<div>

<label for="nama">Nama:</label>

<input type="text" name="nama" id="name" placeholder="Nama"/>

</div>

<div>

<label for="id">ID:</label>


(74)

</div>

<div>

<label for="password">Password:</label>

<input type="password" name="password" id="password" placeholder="Buat password" />

</div>

<div>

<label for="email">E-Mail:</label>

<input type="text" name="email" id="email" placeholder="Email" />

</div>

<div>

<button type="submit" id="login">Create</button>

</div>

</form>

<div id="message"></div>

</div>

</body>

</html>

INDEX

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


(75)

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Istana Musik</title>

<meta name="keywords" content="" />

<meta name="description" content="" />

<link href="http://fonts.googleapis.com/css?family=Arvo|Oswald" rel="stylesheet" type="text/css" />

<link href="style.css" rel="stylesheet" type="text/css" />

<style type="text/css">

.text {

font-size: 15px;

color: #FF0;

}

.pilihan {

font-size: 15px;

color: #FF0;

}

.title-judul {

float: left;

margin: 0px 0px 0px 280px;

}

</style>

</head>


(76)

<div id="wrapper">

<div id="logo" class="container">

<div style="background-image: repeat; background-position: center;">

</div>

<marquee><h1 class='title-judul'><center>Istana Musik</center></h1></marquee>

<p>&nbsp;</p>

<marquee> <p>Jl. Ahmad Yani No. 87 Medan. Sumatera Utara. Indonesia</p>

</marquee> </div> <div id="menuku"> <div id="navigasi"> <ul> <li><a href="register.php">REGISTER</a></li> <li><a href="index.php">BERANDA</a></li> <li><a href="profil.php">PROFIL</a> <ul> <li><a href="gitar.php">GITAR</a></li> <li><a href="bass.php">BASS</a></li> <li><a href="drum.php">DRUM</a></li> <li><a href="keyboard.php">KEYBOARD</a></li>

<li><a href="aksessoris.php">AKSESSORIS MUSIK</a></li>

</ul>

</li>

<li><a href="keranjang.php">KERANJANG</a></li>

<li><a href="kontak.php">KONTAK</a></li>


(77)

</div> <div id='search-box'></div> <div id="livesearch-result"></div> <div class="entry"> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2>

<h2 class="title"><blink>Selamat datang di Istana Musik</blink></h2>

</div>

<div class="bottomRight"><div class="content"><br />

<p class="text">Istana musik, berdiri pada tahun 1984 yang menyediakan peralatan dan perlengkapan alat musik modern. Juga terdapat paket-paket menarik untuk Studio musik atau lainnya, seperti :</p>

<ul class="pilihan">

<ol class="pilihan">Gitar Elektrik</ol>

<ol class="pilihan">Gitar Akustik</ol>

<ol class="pilihan">Keyboard</ol>

<ol class="pilihan">Bass Elektrik</ol>

<ol class="pilihan">Drum</ol>

<ol class="pilihan">Microphone</ol>

<ol class="pilihan">Berbagai jenis efect gitar maupun bass, dan</ol>


(78)

</ul>

</div>

<p>&nbsp;</p>

<h2 class="title"><blink>Produk Baru Kami</blink></h2>

<marquee><p><img src="gambar/efect.jpg" width="220" height="200" />&nbsp; &nbsp;<img src="gambar/Cort.JPG" width="220" height="200" />&nbsp; &nbsp;<img src="gambar/speakerr.jpg" width="220" height="200" />&nbsp; &nbsp;<img src="gambar/tmb2827-1350714325.png"

width="220" height="200" /></p></marquee>

<div class="art-Footer">

<div class="art-Footer-inner">

<div class="art-Footer-text">

<p><center>

<p>&nbsp;</p>

<p>Copyright &copy; 2013. Istana Musik <br />

All Rights Reserved.</p>

</center></p>

</div>

</div>

</body>

</html>

PROFIL

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>


(79)

<title>Istana Musik</title>

<meta name="keywords" content="" />

<meta name="description" content="" />

<link href="http://fonts.googleapis.com/css?family=Arvo|Oswald" rel="stylesheet" type="text/css" />

<link href="style.css" rel="stylesheet" type="text/css" media="all" />

<style type="text/css">

.text {

font-size: 15px;

color: #FF0;

}

.pilihan {

font-size: 15px;

color: #FF0;

}

.title-judul {

float: left;

margin: 0px 0px 0px 280px;

}

</style>

</head>

<body>

<div id="wrapper">


(80)

<div style="background-image: repeat; background-position: center;">

</div>

<marquee><h1 class='title-judul'><center>Istana Musik</center></h1></marquee>

<p>&nbsp;</p>

<marquee> <p>Jl. Ahmad Yani No. 87 Medan. Sumatera Utara. Indonesia</p>

</marquee>

</div>

<div id="menuku">

<div id="navigasi">

<ul>

<li><a href="register.php">REGISTER</a></li>

<li><a href="index.php">BERANDA</a></li>

<li><a href="profil.php">PROFIL</a>

<ul>

<li><a href="gitar.php">GITAR</a></li>

<li><a href="bass.php">BASS</a></li>

<li><a href="drum.php">DRUM</a></li>

<li><a href="keyboard.php">KEYBOARD</a></li>

<li><a href="aksessoris.php">AKSESSORIS MUSIK</a></li>

</ul>

</li>

<li><a href="keranjang.php">KERANJANG</a></li>

<li><a href="kontak.php">KONTAK</a></li>

</ul>

</div>


(81)

<div class="entry"> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2>

<h2 class="title"><blink>Profil Istana Musik</blink></h2>

</div>

<div class="bottomRight"><div class="content"><br />

<p class="text">Istana musik, berdiri pada tahun 1984 yang menyediakan peralatan dan perlengkapan alat musik modern. Alat musik merupakan suatu instrumen yang dibuat atau dimodifikasi untuk tujuan menghasilkan musik. Pada prinsipnya, segala sesuatu yang memproduksi suara, dan dengan cara tertentu bisa diatur oleh musisi, dapat disebut sebagai alat musik. Walaupun demikian, istilah ini umumnya diperuntukkan bagi alat yang khusus ditujukan untuk musik. Bidang ilmu yang mempelajari alat musik disebut organologi. Juga terdapat paket-paket menarik untuk Studio musik atau lainnya, seperti :</p>

<ul>

<ol class="pilihan">Gitar Elektrik</ol>

<ol class="pilihan">Gitar Akustik</ol>

<ol class="pilihan">Keyboard</ol>

<ol class="pilihan">Bass Elektrik</ol>

<ol class="pilihan">Drum</ol>

<ol class="pilihan">Microphone</ol>

<ol class="pilihan">Berbagai jenis efect gitar maupun bass, dan</ol>

<ol>

<p class="text">Sound System </p>


(82)

<p class="text"><strong><em>Alat musik berdasarkan sumber bunyinya</em></strong><em> :</em></p>

<ul>

<ol class="pilihan">Idiofon, adalah alat musik yang sumber bunyinya berasal dari bahan dasarnya. Contoh: kolintang,drum, bongo, kabasa, angklung</ol>

</ul>

<ul>

<ol class="pilihan">Aerofon, adalah alat musik yang sumber bunyinya berasal dari hembusan udara pada rongga. Contoh: suling, terompet, harmonika, trombone,</ol>

</ul>

<ul>

<ol class="pilihan">Kordofone alat musik yang sumber bunyinya berasal dari dawai. Contoh: bass, gitar, biola, piano, kecapi.</ol>

</ul>

<ul>

<ol class="pilihan">Membranofone, adalah alat musik yang sumber bunyinya dari selaput atau membran. contoh : tifa, drum, kendang, tam-tam, rebana.</ol>

</ul>

<ul>

<ol class="pilihan">Elektrofon, adalah alat musik yang sumber bunyinya dibangkitkan oleh tenaga listrik (elektronik). Contoh : kibor, gitar listrik, bass listrik.</ol>

</ul>

<p>&nbsp;</p>

<p class="text"><strong><em>Alat musik berdasarkan cara memainkan</em></strong><em> :</em></p>

<ul>

<ol class="pilihan">Alat musik tiup menghasilkan suara sewaktu suatu kolom udara didalamnya digetarkan. Tinggi rendah nada ditentukan oleh frekwensi gelombang yang dihasilkan terkait dengan panjang kolom udara dan bentuk instrumen, sedangkan timbre dipengaruhi oleh bahan dasar, konstruksi instrumen dan cara menghasilkannya. Contoh alat musik ini adalah terompet dan suling.</ol>


(83)

<ul>

<ol class="pilihan">Alat musik pukul menghasilkan suara sewaktu dipukul atau ditabuh. Alat musik pukul dibagi menjadi dua yakni bernada dan tidak bernada. Bentuk dan bahan bagian-bagian

instrumen serta bentuk rongga getar, jika ada, akan menentukan suara yang dihasilkan instrumen. Contohnya adalah kolintang (bernada), drum (tak bernada), dan bongo (tak bernada).</ol>

</ul>

<ul>

<ol class="pilihan">Alat musik petik menghasilkan suara ketika senar digetarkan melalui dipetik. Tinggi rendah nada dihasilkan dari panjang pendeknya dawai.</ol>

</ul>

<ul>

<ol class="pilihan">Alat musik gesek menghasilkan suara ketika dawai digesek. Seperti alat musik petik, tinggi rendah nada tergantung panjang dan pendek dawai.</ol>

</ul> </ul> </div> <div class="komentar"> <div id="comment"> <td colspan="3"><h3>&nbsp;</h3>

<h3>Tinggalkan Komentar Anda : </h3></td>

<form name="submitcomment" method="post" action="submitcommentkl.php">

Nama:<br><input name="nama" size=35 placeholder="Nama" type="text"><br>

Email :<br><input name="email" size=35 placeholder="E-Mail" type="text"><br>

Website :<br><input name="website" size=35 placeholder="Website" type="text"><br>

Komentar :<br><textarea name="komentar" rows="6" cols="50"></textarea><br>


(84)

<input name="art_url" value="profil.php" type="hidden"><br>

<input name="tombol" value="Kirim" type="submit"></form></div>

<div id="publishcomment">

<?php include("publiscomment.php"); getcomment("1"); ?></div>

</div>

<div class="art-Footer">

<div class="art-Footer-inner">

<div class="art-Footer-text">

<p><center>

<p>&nbsp;</p>

<p>Copyright &copy; 2013. Istana Musik <br />

All Rights Reserved.</p>

</center></p>

</div>

</div>

</body>

</html>

GITAR

<html>

<head>

<link href="style.css" rel="stylesheet" type="text/css" media="all" />

</head>


(85)

<style type="text/css">

.bungkus {

float: left;

width: 650px;

background: brown;

margin: 20px 0px 0px 50px;

}

.barang {

float: left;

width: 200px;

height: 360px;

background: yellow;

margin: 10px 0px 0px 10px;

}

.img-barang {

float: left;

width: 170px;

height: 250px;

margin: 5px;

}

.nama, .harga {

float: left;

width: 100%;

font-family: calibri;


(86)

color: black;

margin: 5px 0px 0px 20px;

}

.pembayaran {

float: left;

width: 30px;

height: 30px;

margin: 5px 0px 0px 100px;

}

.title-judul {

float: left;

margin: 0px 0px 0px 280px;

}

</style>

</head>

<body>

<div id="wrapper">

<div id="logo" class="container">

<div style="background-image: repeat; background-position: center;">

</div>

<marquee><h1 class='title-judul'><center>Istana Musik</center></h1></marquee>

<p>&nbsp;</p>

<marquee> <p>Jl. Ahmad Yani No. 87 Medan. Sumatera Utara. Indonesia</p>


(87)

</div> <div id="menuku"> <div id="navigasi"> <ul> <li><a href="register.php">REGISTER</a></li> <li><a href="index.php">BERANDA</a></li> <li><a href="profil.php">PROFIL</a> <ul> <li><a href="gitar.php">GITAR</a></li> <li><a href="bass.php">BASS</a></li> <li><a href="drum.php">DRUM</a></li> <li><a href="keyboard.php">KEYBOARD</a></li>

<li><a href="aksessoris.php">AKSESSORIS MUSIK</a></li>

</ul> </li> <li><a href="keranjang.php">KERANJANG</a></li> <li><a href="kontak.php">KONTAK</a></li> </ul> </div> <div id="entry"> <div class="post"> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <h2 class="title">&nbsp;</h2> <p>&nbsp;</p>


(88)

<div class="bungkus">

<?php

error_reporting(0);

include"koneksi.php";

$sql = mysql_query("select * from barang where id_barang like 'GTR%'");

while($data = mysql_fetch_array($sql)){

echo"<div class='barang'>

<img src='gambar/$data[gambar]' class='img-barang'>

<span class='nama'>$data[nama_barang] </span><br>

<span class='harga'>Rp. $data[harga]</span>

<a href='detail.php?idBarang=$data[id_barang]'><img src='gambar/images.jpg' class='pembayaran'></a>

</div>";

$no++;

}

?>

</div>

</body>

</html>


(89)

<html>

<head>

<link href="style.css" rel="stylesheet" type="text/css" media="all" />

</head>

<title>Istana Musik</title>

<style type="text/css">

.bungkus {

float: left;

width: 650px;

background: brown;

margin: 20px 0px 0px 50px;

}

.barang {

float: left;

width: 200px;

height: 380px;

background: yellow;

margin: 10px 0px 0px 10px;

}

.img-barang {

float: left;

width: 190px;

height: 270px;


(90)

}

.nama, .harga {

float: left;

width: 100%;

font-family: calibri;

font-size: 1em;

color: black;

margin: 7px 0px 0px 30px;

}

.pembayaran {

float: left;

width: 30px;

height: 30px;

margin: 5px 0px 0px 100px;

}

.title-judul {

float: left;

margin: 0px 0px 0px 280px;

}

</style>

</head>

<body>

<div id="wrapper">


(91)

<div style="background-image: repeat; background-position: center;">

</div>

<marquee><h1 class='title-judul'><center>Istana Musik</center></h1></marquee>

<p>&nbsp;</p>

<marquee> <p>Jl. Ahmad Yani No. 87 Medan. Sumatera Utara. Indonesia</p>

</marquee> </div> <div id="menuku"> <div id="navigasi"> <ul> <li><a href="register.php">REGISTER</a></li> <li><a href="index.php">BERANDA</a></li> <li><a href="profil.php">PROFIL</a> <ul> <li><a href="gitar.php">GITAR</a></li> <li><a href="bass.php">BASS</a></li> <li><a href="drum.php">DRUM</a></li> <li><a href="keyboard.php">KEYBOARD</a></li>

<li><a href="aksessoris.php">AKSESSORIS MUSIK</a></li>

</ul> </li> <li><a href="keranjang.php">KERANJANG</a></li> <li><a href="kontak.php">KONTAK</a></li> </ul> </div> <div id="entry">


(1)

</tr> <tr>

<td class='title-table'>Total Item</td>

<td><span class='tagihan'> $JumlahBarang Buah</span></td> </tr>

<tr>

<td class='title-table'>Tagihan</td>

<td><span class='tagihan'>Rp. $totalHarga,-</span></td> </tr>

<tr>

<td class='title-table'>BANK</td> <td><select name='bank' class='bank'> <option value='-'>-Pilih-</option> <option value='BNI'>BNI</option>

<option value='Mandiri'>Mandiri</option> <option value='BCA'>BCA</option> <option value='BRI'>BRI</option>

</select> </td> </tr> <tr>

<td class='title-table'>No. rekening</td>

<td><input type='text' name='norek' class='input-table'></td> </tr>

<tr>


(2)

<td><input type='text' name='pos' class='input-table'></td> </tr>

<tr>

<td colspan='2'><input type='submit' name='submit' value='Bayar' class='button-submit'> </tr>

</table> </form>"; ?> </div> </div>

</div>

</body> </html>

KONTAK

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Istana Musik</title>

<meta name="keywords" content="" /> <meta name="description" content="" />


(3)

<link href="http://fonts.googleapis.com/css?family=Arvo|Oswald" rel="stylesheet" type="text/css" />

<link href="style.css" rel="stylesheet" type="text/css" media="all" /> <style type="text/css">

.text {

font-size: 15px; color: #FF0; }

.title-judul { float: left;

margin: 0px 0px 0px 280px; }

</style> </head>

<body>

<div id="wrapper">

<div id="logo" class="container">

<div style="background-image: repeat; background-position: center;"> </div>

<marquee><h1 class='title-judul'><center>Istana Musik</center></h1></marquee> <p>&nbsp;</p>

<marquee> <p>Jl. Ahmad Yani No. 87 Medan. Sumatera Utara. Indonesia</p> </marquee>

</div>


(4)

<div id="menuku"> <div id="navigasi"> <ul>

<li><a href="register.php">REGISTER</a></li> <li><a href="index.php">BERANDA</a></li> <li><a href="profil.php">PROFIL</a> <ul>

<li><a href="gitar.php">GITAR</a></li> <li><a href="bass.php">BASS</a></li> <li><a href="drum.php">DRUM</a></li>

<li><a href="keyboard.php">KEYBOARD</a></li>

<li><a href="aksessoris.php">AKSESSORIS MUSIK</a></li> </ul>

</li>

<li><a href="keranjang.php">KERANJANG</a></li> <li><a href="kontak.php">KONTAK</a></li> </ul>

</div>

<div id="post"> <div class="entry">

<h2 align="center" class="title">&nbsp;</h2> <h2 align="center" class="title">&nbsp;</h2> <h2 align="center" class="title">&nbsp;</h2> <h2 align="center" class="title">&nbsp;</h2> <h2 align="center" class="title">&nbsp;</h2> <p align="center">&nbsp;</p>


(5)

<h2 align="center" class="title">Tentang Kami</h2> <p align="center">&nbsp;</p>

<div id="left_page"><div style="margin-left:15px;">

<p class="text"><span class="thetitle">Hello!! Selamat datang di Istana musik </span><strong><br />

</strong></p>

<p class="text">Istana musik, berdiri pada tahun 1984 yang menyediakan peralatan dan perlengkapan alat musik modern. Alat musik merupakan suatu instrumen yang dibuat atau dimodifikasi untuk tujuan menghasilkan musik. Pada prinsipnya, segala sesuatu yang memproduksi suara, dan dengan cara tertentu bisa diatur oleh musisi, dapat disebut sebagai alat musik. Walaupun demikian, istilah ini umumnya diperuntukkan bagi alat yang khusus ditujukan untuk musik. Bidang ilmu yang mempelajari alat musik disebut organologi. Juga terdapat paket-paket menarik untuk Studio musik atau lainnya.</p>

<p class="text">Salah satu rahasia kami selama ini adalah kami selalu mengutamakan kualitas dari produk kami dengan selalu melayani pelanggan dengan baik dan selalu memberikan yang terbaik untuk pelanggan.</p>

<p class="text">Kami berada di : </p>

<table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody>

<tr>

<td valign="top" class="text">Jl. Ahmad Yani No. 87 Medan </td> </tr>

<tr>

<td valign="top" class="text"> Sumatera Utara </td> </tr>

<tr>

<td valign="top" class="text"> Indonesia </td> </tr>

</tbody> </table>


(6)

<p class="text"><strong>Please contact us at:</strong></p>

<p class="text"><strong>Ph. (061) 7354 519 / 085761170466 </strong></p> <p class="text"><strong>Pin. 2851DCB8 </strong></p>

</div> </div> </div> </div>

<div class="art-Footer"> <div class="art-Footer-inner"> <div class="art-Footer-text"> <p><center>

<p>&nbsp;</p>

<p>Copyright &copy; 2013. Istana Musik <br /> All Rights Reserved.</p>

</center></p> </div> </div> </body> </html>