• Tidak ada hasil yang ditemukan

PERANCANGAN WEB E-COMMERCE PENJUALAN KAMERA TUGAS AKHIR FEBI RAMADHANI

N/A
N/A
Protected

Academic year: 2022

Membagikan "PERANCANGAN WEB E-COMMERCE PENJUALAN KAMERA TUGAS AKHIR FEBI RAMADHANI"

Copied!
121
0
0

Teks penuh

(1)

PERANCANGAN WEB E-COMMERCE PENJUALAN KAMERA

TUGAS AKHIR

FEBI RAMADHANI 122406065

D3 TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2015

(2)

PERANCANGAN WEB E-COMMERCE PENJUALAN KAMERA

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya

FEBI RAMADHANI 122406065

D3 TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2015

(3)

PERSETUJUAN

Judul : PERANCANGAN WEB E-COMMERCE

PENJUALAN KAMERA

Kategori : TUGAS AKHIR

Nama : FEBI RAMADHANI

Nomor Induk Mahasiswa : 122406065

Program Studi : D3 TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Disetujui di Medan, Juni 2015

Disetujui oleh:

Program Studi D3 Teknik Informatika FMIPA USU

Ketua, Pembimbing Utama

Dr. Elly Rosmaini, M.Si Dr. Sawaluddin, M.IT

NIP 19600520 198503 2 002 NIP. 195912311998021001

(4)

PERNYATAAN

PERANCANGAN WEB E-COMMERCE PENJUALAN KAMERA

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil karya sendiri. Kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juni 2015

FEBI RAMADHANI 122406065

(5)

PENGHARGAAN

Puji dan syukur penulis panjatkan kehadirat Allah SWT, yang telah melimpahkan karunia-Nya dalam mengerjakan tugas akhir ini. Karena berkat rahmat dan ridho- Nya pula penulis dapat menyelesaikan Tugas Akhir dengan judul Perancangan Web E-commerce Penjualan Kamera. Tidak terlupakan rasa terima kasih yang mendalam kepada Ayahanda Darwin Surbakti serta Ibunda Deliaty Purba dan seluruh keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Allah SWT membalasnya. Penyusunan dan penulisan Tugas Akhir ini dibuat untuk memenuhi syarat kelulusan bagi setiap Mahasiswa Jurusan Teknik Informatika Program Studi D3 di FMIPA USU Medan.

Terima kasih penulis sampaikan kepada bapak Dr. Sawaluddin M.IT selaku pembimbing utama. Terima kasih kepada Bapak Dr. Sutarman, M.Sc selaku dekan FMIPA USU, Ibu Dr. Elly Rosmaini, M.Si dan Bapak Dr Syahriol Sitorus, S.Si, M.IT selaku Ketua Program Studi dan Sekretaris Program Studi D3 Teknik Informatika FMIPA USU, Bapak Prof. Dr. Tulus, M.Si selaku Ketua Departemen Matematika FMIPA USU, seluruh Staff dan Dosen Program Program Studi D3 Teknik Informatika FMIPA USU, pegawai FMIPA USU dan teman- teman dekat saya yang selalu bersedia saya repotkan dalam penulisan tugas akhir ini Dini Ariska, Nur Aina Fikri, Salwa, Siti Jumaida Siregar, Nurul Husna, Muhammad Irfan Efendi, Alva Nurcahyo, Muhammad Armaya Arbi, A. Alauddin Sultoni, Fariz Andra Nugraha, Kukuh Anugerah serta rekan-rekan satu doping saya dan teristimewa teman-teman seangkatan D3 Teknik Informatika angkatan 2012 khususnya teman-teman KOM B 2012.

(6)

Perancangan Web E-commerce Penjualan Kamera

ABSTRAK

Perkembangan teknologi khususnya komputer pada saat ini mempunyai peranan yang sangat penting dalam kehidupan di masyarakat. Teknologi yang berkembang sesuai tuntutan zaman diharapkan menjadi sarana penunjang untuk menangani permasalahan yang timbul dalam mengelola dan menyelesaikan permasalahan yang kita hadapi. Kemajuan teknologi membantu manusia dalam memberikan kemudahan diberbagai bidang kehidupan. Termasuk salah satunya pada bidang fotografi. Semakin lama, semakin beragam pula jenis kamera yang menuntut para pengguna untuk dapat memilih dan menggunakannya lebih teliti sehingga pemakaian kemera tersebut tepat guna sesuai dengan kebutuhan. Dengan adanya suatu pengelolaan daftar kamera yang dibutuhkan, maka informasi yang dicari akan lebih mudah diperoleh. Tugas akhir ini bertujuan untuk membuat sebuah web ecommers penjualan kamera berbasis web, sehingga dapat mempermudah pengguna dalam memilih kamera yang tepat sesuai dengan kebutuhannya.

Perancangan pemilihan kamera ini menyediakan database untuk pengelolaan daftar kamera, selain itu perancangan pemilihan kamera ini juga berbasis web sehingga pengelolaan kamera akan lebih mudah dan menghemat waktu

Kata Kunci: kamera , pemilihan kamera , fotografi

(7)

DAFTAR ISI

Halaman

Persetujuan i

Pernyataan ii

Penghargaan iii

Abstrak iv

Daftar Isi v

Daftar Tabel vii

Daftar Gambar viii

Daftar Lampiran ix

BAB 1. Pendahuluan

1.1. Latar Belakang 1

1.2. Rumusan Masalah 2

1.3. Batasan Masalah 2

1.4. Tujuan Perancangan 3

1.5. Metode Penelitian 3

1.6. Jadwal Penelitian 4

1.7. Sistematika Penulisan 5

BAB 2. Landasan Teori

2.1. E-Commerce 6

2.1.1. Pengertian E-Commerce 6

2.2. Jenis E-Commerce 7

2.2.1. Business to Business (B2B) 7 2.2.2. Business to Consumer (B2C) 7 2.2.3. Consumen to consumen (C2C) 8 2.2.4. Comsumen to Business (C2B) 9

2.3. PHP 9

2.3.1. Pengertian PHP 9

2.3.2. Sejarah PHP 9

2.3.3. Kelebihan PHP 11

2.3.4. Kelemahan PHP 11

2.4. MySQL 12

2.4.1. Pengertian MySQL 12

2.4.2. Sejarah MySQL 12

2.5. Website 14

2.5.1. Sejarah Website 14 2.5.2. Pengertian website 15

2.6. Pengertian Internet 16

2.6.1. Cara Kerja Internet 17 2.6.2. Manfaat internet 20

(8)

2.7. World Wide Web (WWW) 20

2.8. Macromedia Dreamweaver 8 22

BAB 3 Perancangan Sistem

3.1. Perancangan Sistem 23

3.2. Rancangan sistem 23

3.3. Perancangan Data Flow Diagram (DFD) 24 3.3.1. Perancangan Sistem 24 3.4. Perancangan Entity Relationship Diagram (ERD) 25

3.5. Diagram Konteks 27

3.6. Perancangan Database 27

3.6.1. Tabel Database Produk 28 3.6.2. Tabel Database Pembeli 29 3.6.3. Tabel Database Keranjang 29 3.6.4. Tabel Database Transaksi 30 3.6.5. Tabel Database Admin 31 3.7. Perancangan Antarmuka (Interface) 31 3.7.1. Perancangan Struktur Menu User dan Admin 31 3.7.2. Perancangan Tampilan 32 BAB 4. Implementasi Sistem

4.1. Pengertian Implementasi Sistem 35

4.2. Tujuan Implementasi Sistem 35

4.3. Komponen-Komponen Kebutuhan Sistem 36

4.3.1. Hardware 37

4.3.2. Software 37

4.3.1. Brainware 38

4.4. Instalisasi dan Konfigurasi Apache,PHP, dan MySQL 38

4.4.1. Instalasi XAMP 39

4.5. Database PHP MyAdmin 43

4.6. Pengujian Browser 44

BAB 5. Penutup

5.1. Kesimpulan 54

5.2. Saran 55

Daftar Pustaka 56

(9)

DAFTAR TABEL

Nomor Judul Halaman Tabel

Tabel 1.1. Jadwal Penelitian Tahun 2015 6

Tabel 3.1. Tabel DataBase Produk 28

Tabel 3.2. Tabel DataBase Pembeli 29

Tabel 3.3. Tabel DataBase Keranjang 29

Tabel 3.4. Tabel DataBase Transaksi 30

Tabel 3.5. Tabel DataBase Admin 31

(10)

DAFTAR GAMBAR

Nomor Judul Halaman Gambar

Gambar 2.1. Tampilan Start page Macromedia Dreamweaver 8 22

Gambar 3.1. DFD Perancangan Sistem Alur Data 24

Gambar 3.2. ERD Tahapan Pertama 25

Gambar 3.3. ERD Tahapan Kedua 26

Gambar 3.4. ERD Tahap Ketiga 26

Gambar 3.5. ERD Tahap Keempat 26

Gambar 3.6. Diagram Konteks Sistem 27

Gambar 3.7. Diagram Konteks Nemu Utama 27

Gambar 3.8. Struktur Menu User 31

Gambar 3.9. Struktur Menu Admin 32

Gambar 3.10. Rancangan Tampilan Halaman Utama 32

Gambar 3.11. Rancangan Tampilan Login Admin 33

Gambar 3.12. Rancangan Tampilan Halaman Admin 33

Gambar 3.13. Rancangan Tampilan Halaman Admin Produk 34

Gambar 3.14. Rancangan Tampilan Halaman Admin Customer 34

Gambar 4.1. PHP My Admin 43

Gambar 4.2. Tampilan Home 44

Gambar 4.3. Tampilan Kamera 45

Gambar 4.4. Tampilan Lensa 46

Gambar 4.5. Tampilan Aksesoris 47

Gambar 4.6. Tampilan Contact Us 48

Gambar 4.7. Tampilan Keranjang Belanja 49

Gambar 4.8. Tampilan Form Registrasi 50

Gambar 4.9. Tampilan Daftar Belanja 51

Gambar 4.10. Tampilan Login Admin 51

Gambar 4.11. Tampilan Halaman Admin 52

Gambar 4.12. Tampilan Halaman Admin Produk 52

Gambar 4.13. Tampilan Halaman Admin Customer 53

(11)

DAFTAR LAMPIRAN

Lampiran A : Daftar Pustaka

Lampiran B : Kartu Bimbingan Tugas Akhir Mahasiswa

Lampiran C : Surat Keterangan Hasil Uji Program Tugas Akhir Mahasiswa Lampiran D : Listing Program

(12)

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Perkembangan ilmu pengetahuan dan teknologi khususnya teknologi informasi yang semakin pesat di segala bidang tidak dapat terelakkan lagi. Teknologi informasi merupakan alat untuk mempermudah, mempercepat, dan merapikan pekerjaan. Selain dari itu, teknologi informasi juga memungkinkan sebuah informasi dapat diakses dalam waktu nyata (realtime) tanpa dibatasi dengan ruang dan waktu.

Perkembangan teknologi memberikan banyak manfaat dalam memenuhi kebutuhan manusia. Pemanfaatan teknologi ini dapat membantu mempermudah pekerjaan dan kebutuhan manusia sahari-hari, salah satunya dalam hal pengembangan berbagai aplikasi yang dirancang sedemikian rupa. Untuk itu penulis mencoba membuat suatu web ecommers penjualan kamera yang dapat membantu konsumen dalam mendapatkan informasi tentang kamera.

Terkait dengan uraian yang telah dipaparkan diatas, maka penulis tertarik untuk melakukan penelitian dengan judul “PERANCANGAN WEB E- COMMERCE PENJUALAN KAMERA”.

(13)

1.2 Rumusan Masalah

Atas dasar identifikasi masalah yang telah dipaparkan diatas, maka penulis merumuskan permasalahan sebagai berikut:

1. Bagaimana membuat media yang dapat membantu masyarakat dalam memilih kamera sesuai dengan kebutuhan.

2. Bagaimana cara membuat situs web yang mudah digunakan

3. Bagaimana situs ini dapat terus dikembangkan sesuai perkembangan jaman.

1.3 Batasan Masalah

Mengingat begitu luasnya permasalahan yang timbul dalam penulisan tugas akhir ini, maka penulis membatasi masalah yang akan dibahas, yaitu:

1. Perancangan web e-commerce penjualan kamera ini hanya berfungsi untuk mengelola informasi tentang beberapa kamera.

2. Analisa kerusakan dan cara memperbaiki kamera tidak diikutsertakan dalam perancangan web ini.

3. Terdapat kasus-kasus dimana masyarakat awam sering membeli kamera tanpa mengetahui informasi tentang kamera yang akan dibelinya, sehingga kamera yang mereka beli tidak sesuai dengan kebutuhan.

(14)

1.4 TujuanPerancangan

Berikut ini merupakan tujuan dalam pembuatan penelitian ini, yaitu :

1. Untuk memudahkan dalam memperoleh informasi tentang kamera dan penggunaannya.

2. Memberikan informasi tentang kamera dengan menggunakan komputer.

3. Untuk meningkatkan pengetahuan masyarakat dibidang fotografi khususnya tentang kamera.

.

1.5 Metode Penelitian

Metode perancangan sistem yang digunakan oleh penulis antara lain : 1. Pengumpulan Data

Penulis melakukan pengumpulan data dengan mempelajari buku-buku yang mendukung. Serta mencari informasi dari searching literature di internet.

2. Penelitian Kepustakaan

Disini penulis menggunakan buku-buku yang berhubugan dengan masalah sehingga dapat membantu penyelesaian masalah.

3. Perancangan

Perancangan dilakukan secara bertahap dan membuat web secara bertahap :

a. Analisis Sistem yaitu tahap untuk mengidentifikasi masalah.

(15)

c. Coding yaitu membuat kode terhadap program.

d. Debugging yaitu tahap pencarian kesalahan dalam program.

e. Compiling yaitu membuat program menjadi executable.

f. Membuat petunjuk untuk mengoperasikan web.

4. Uji coba dan Perbaikan

Proses uji coba dilakukan penulis sebelum sistem dipergunakan sehingga penulis dapat langsung melakukan perbaikan apabila ditemukan kesalahan pada sistem ini.

5. Membuat Laporan Tugas Akhir

Membuat laporan tugas akhir sebagai laporan ke jurusan.

1.6 Jadwal Penelitian

Tabel 1.1 Jadwal Penelitian Tahun 2015

No. Nama Kegiatan

Maret

I II III IV

April

I II III IV

Mei

I II III

01. Pengumpulaninformasi 02. Analisis

03. Perancangan 04. Program 05. Implementasi

(16)

06. Pengujian

07. PembuatanLaporan

1.7 Sistematika Penulisan

Sistemati kapenulisan memberikan informasi secara umum tentang pembahasan yang terdapat dalam setiap bab. Sehingga dalam pembahasannya akan lebih mudah dipahami. Sistematika penulisan tugas akhir ini adalah sebagai berikut:

BAB 1 : PENDAHULUAN

Pada bab ini yang menguraikan latar belakang masalah, rumusan masalah, batasan masalah, tujuan perancangan, metode penelitian, dan jadwal penelitian.

BAB 2 : LANDASAN TEORI

Pada bab ini dijelaskan teori-teori singkat tentang hal-hal yang berhubungan dengan judul dan pembahasan bahasa pemograman PHP dan MySQL sebagai data base-nya.

BAB 3 : PERANCANGAN SISTEM

Didalam bab ini dijelaskan dan diuraikan tentang pembuatan serta perancangan sistem.

(17)

BAB 4 : IMPLEMENTASI SISTEM

Dalam bab ini menguraikan tentang implementasi sistem juga disertai dengan hasil dari perancangan aplikasi yang di buat.

BAB 5 : KESIMPULAN DAN SARAN

Dalam bab ini penulis menguraikan tentang kesimpulan dan saran

(18)

BAB 2

LANDASAN TEORI

2.1 E-Commerce

2.1.1 Pengertian E-Commerce

E-Commerce merupakan prosedur berdagang atau mekanisme jual-beli di internet dimana pembeli dan penjual dipertemukan di dunia maya. e-Commerce juga dapat didefinisikan sebagai suatu cara berbelanja atau berdagang secara online atau direct selling yang memanfaatkan fasilitas internet dimana terdapat website yang dapat menyediakan layanan “get and deliver” (Januri, B. M. 2008)

E-Commerce akan merubah semua kegiatan marketing dan juga sekaligus memangkas biaya-biaya operasional untuk kegitan trading (perdagangan). Proses yang ada dalam e-Commerce adalah sebagai berikut :

a. Presentasi electronis (Pembuatan Web Site) untuk produk dan layanan.

b. Pemesanan secara langsung dan tersedianya tagihan.

c. Otomasi account Pelanggan secara aman (baik nomor rekening maupun nomor kartu kredit)

d. Pembayaran yang dilakukan secara langsung (online) dan penanganan transaksi (Januri, B. M. 2008)

(19)

2.2 Jenis E-Commerce

E-Commerce dapat dibagi menjadi beberapa jenis yang memiliki karakteristik berbeda-beda yaitu:

2.2.1 Business to Business (B2B)

Business to Business e-Commerce memiliki karakteristik:

a. Trading partners yang sudah diketahui dan umumnya memiliki hubungan (relationship) yang cukup lama. Informasi hanya dipertukarkan dengan partner tersebut. Dikarenakan sudah mengenal lawan komunikasi, maka jenis informasi yang dikirimkan dapat disusun sesuai dengan kebutuhan dan kepercayaan (trust).

b. Pertukaran data (data exchange) berlangsung berulang-ulang dan secara berkala, misalnya setiap hari, dengan format data yang sudah disepakati bersama. Dengan kata lain, servis yang digunakan sudah tertentu. Hal ini memudahkan pertukaran data untuk dua entiti yang menggunakan standar yang sama.

c. Salah satu pelaku dapat melakukan inisiatif untuk mengirimkan data, tidak harus menunggu parternya

d. Model yang umum digunakan adalah peer-to-peer, dimana processing intelligence dapat didistribusikan di kedua pelaku bisnis.

2.2.2 Business to Consumer (B2C)

Business to Consumer e-Commerce memiliki karakteristik sebagai berikut:

a. Terbuka untuk umum, dimana informasi disebarkan ke umum.

(20)

b. Servis yang diberikan bersifat umum (generic) dengan mekanisme yang dapat digunakan oleh khalayak ramai. Sebagai contoh, karena sistem Web sudah umum digunakan maka servis diberikan dengan menggunakan basis Web.

c. Servis diberikan berdasarkan permohonan (on demand). Konsumer melakukan inisiatif dan produser harus siap memberikan respon sesuai dengan permohonan.

d. Pendekatan client/server sering digunakan dimana diambil asumsi client consumer) menggunakan sistem yang minimal (berbasis Web) dan processing (business procedure) diletakkan di sisi server.

2.2.3 Consumen to consumen (C2C)

Dalam C2C seseorang menjual produk atau jasa ke orang lain. Dapat juga disebut sebagai pelanggan ke palanggan yaitu orang yang menjual produk dan jasa ke satu sama lain.

Lelang C2C. Dalam lusinan negara, penjualan dan pembelian C2C dalam situs lelang sangat banyak. Kebanyakan lelang dilakukan oleh perantara, seperti eBay.com, auctionanything.com, para pelanggan juga dapat menggunakan situs khusus seperti buyit.com atau bid2bid.com. Selain itu banyak pelanggan yang melakukan lelangnya sendiri seperti greatshop.com menyediakan piranti lunak untuk menciptakan komunitas lelang terbalik C2C online.

(21)

2.2.4 Comsumen to Business (C2B).

Dalam C2B konsumen memeritahukan kebutuhan atas suatu produk atau jasa tertentu, dan para pemasok bersaing untuk menyediakan produk atau jasa tersebut ke konsumen. Contohnya di priceline.com, dimana pelanggan menyebutkan produk dan harga yang diinginkan, dan priceline mencoba menemukan pemasok yang memenuhi kebutuhan tersebut. (Januri, B. M. 2008).

2.3 PHP

2.3.1 Pengertian PHP

PHP singkatan dari hypertext preprocessor yang digunakan sebagai bahasa script server-side dalam pengembangan web yang disisipkan pada dokumen html.

Penggunaan php memungkinkan web dapat dibuat dinamis sehingga maintanance situs web tersebut lebih mudah dan efisien. Php merupakan software open-source yang disebarkan dan dilisensikan secara gratis dan dapat didownload dari situs resminya yaitu : http://www.php.net.

Php yang ditulis dengan menggunakan bahas C dapat dikembangkan sendiri dengan menambah fungsi-fungsi baru. Php adalah bahasa pemograman yang sangat populer. Sebagian besar sintak php mirip dengan sintak pada bahasa pemograman C dan Perl.

2.3.2 Sejarah PHP

PHP pertama kali dibuat pada musim gugur tahun 1994 oleh Ramus Lerdoff. Ini

(22)

siapa saja yang melihat – lihat daftar riwayat hidupnya . Skrip – skrip ini selanjutnya dikemas menjadi tool yang disebut “ Personal Home Page”. Paket inilah yang menjadi cikal bakal PHP. Pada tahun 1995, Ramus menciptakan PHP/FI (Personal Home Page/Form Interpreter) versi 2.0. Sejak itulah PHP bersifat open source.

Pada bulan November 1997, PHP/FI 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 merupakan versi PHP yang paling populer di kalangan programmer website. Alasan yang menjadikan versi 4.0 ini begitu diminati adalah kemampuannnya untuk membangun aplikasi website yang kompleks, namun tetap stabil dalam kecepatan proses dan stabilitas yang tinggi.

Mulai pada bulan Juni 2004, PHP 5.0 kembali dirilis oleh Zend. Versi ini adalah versi mutakhir dari PHP. Pada versi ini juga dikenalkan model

pemrograman berorientasi objek baru untuk menjawab perkembangan bahasa pemrograman ke arah pemograman berorientasi objek.

Berdasarkan survey Netcraft pada bulan Desember 1999,lebih dari sejuta site menggunakan PHP, diantaranya : Mitsubishi, RedHAt, NASA, MP3-Lycos

(23)

dan sebagainya. Pada awal bulan Januari 2001, PHP telah dipakai oleh 5 juta domain di seluruh dunia.

2.3.3 Kelebihan PHP

Diantara maraknya pemrograman server web saat ini adalah ASP yang berkembang menjadi ASP.NET, JSP, CFML, dan PHP. Jika dibandingkan diantara 3 terbesar pemrograman web server diatas, terdapat kelebihan dari PHP yaitu:

1. PHP merupakan sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya. Tidak seperti halnya bahasa pemrograman aplikasi seperti Visual Basic dan sebagaimya.

2. PHP dapat berjalan pada web server yang dirilis oleh Microsoft, seperti IIS atau PWS juga pada Apache yang bersifat open source.

3. Karena sifatnya yang open source, maka perubahan dan perkembangan interpreter pada PHP lebih cepat dan mudah, karena banyak milis – milis dan developer yang siap membantu pengembangannya.

4. Jika dilihat dari segi pemahaman, PHP memiliki referensi yang sangat mudah dipahami.

5. PHP dapat berjalan pada 3 operating sisstem, yaitu: Linux, Unix dan Windows serta dapat juga dijalankan secara runtime pada suatu console.

(24)

2.3.4 Kelemahan PHP

Seperti pemrograman aplikasi atau web lainnya, PHP pun memiliki beberapa kelemahan, diantaranya:

1. Tidak ideal untuk pengembangan skala besar.

2. Tidak memiliki sistem pemrograman berorientasi objek yang

sesungguhnya (sampai versi 4 saja). Namun pada versi PHP 5.0 sudah dilengkapi OOP yang sesungguhnya

2.4 MySQL

2.4.1 Pengertian MySQL

MySQL adalah salah satu jenis database server yang sangat terkenal.

Kepopulerannya disebabkan MySQL menggunakan Structure Query Language (SQL) sebagai bahasa dasar untuk mengakses databasenya. Selain itu, ia bersifat gratis (tidak peru membayar untuk menggunakannya) pada pelbagai platform (kecuali pada windows, yang bersifat shareware atau perlu membayar setelah melakukan evaluasi dan memutuskan untuk digunakan untuk kepeluan produksi).

Perangkat lunak MySQL sendiri bisa didownload dari http://www.mysql.org atau http://www.mysql.com.

MySQL termasuk jenis Relation Database Management Sistem (DBMS).

Pada MySQL, sebuah database mengandung satu atau sejumlah tabel. Tabel terdiri atas sejumlah baris dan setiap baris mengandung satu atau beberapa kolom.

(25)

2.4.2 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 pengembangan satu- satunya di TcX. Dengan berlandasan 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 mini SQL ( Stucture Query Language ). Dia beranggapan bahwa mSQL merupakan satu-satunya kode database open source yang tersedia dan cukup sederhana saat itu. Namun setelah dia 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 dia (Monty)

memutuskan untuk membuat sendiri mesin SQL yang antarmuka mirip dengan SQL, namun memiliki kemampuan yang lebih sesuai kebutuhan, sehingga lahirnya MySQL.

Pada bulan Mei 1996, versi 1.0 berhasil dirilis secara terbatas hanya untuk empat orang saja. Namun di bulan Oktober pada tahun yang sama versi 3.11.0 dilepas ke publik. Namun mula – mula kode ini tidak diberikan di bawah lisensi

(26)

GPL (General Public License), melainkan lisensi khusus yang intinya kurang lebih seperti ini :

”Source code MySQL dapat dilihat dan gratis, serta server MySQL dapat dipakai tanpa biaya tetapi hanya untuk kebutuhan nonkomersial. Untuk kebutuhan komersial (misal : mengemas dan menjual MySQL atau menyertakan MySQL dalam program komersial lain), anda harus bayar lisensi”.

Pada bulan Juni 2000, Mysql AB mengumumkan bahwa sejak versi

3.23.19, MySQL adalah merupakan software database yang bebas berlisensi GPL.

Artinya:

”Source code MySQL dapat dilihat dan gratis, serta server MySQL dapat dipakai tanpa biaya untuk kebutuhan apapun. Tapi jika anda memodifikasi source code, anda juga harus melepasnya dibawah lisensi yang sama, yaitu GPL”. Kini perusahaan MySQL AB yang beranggotakan 10 programmer dan 10 karyawan lain dapat memperoleh pemasukan terutama dari jasa konsultasi seputar MySQL.

Pada versi awal, MySQL hanya berjalan di Linux dan Solaris dan juga masih banyak terdapat kelemahan walau sudah dapat digunakan untuk aplikasi web sederhana, namun belum memadai untuk aplikasi bisnis. Contoh

kelemahannya itu adalah:

JOIN sederhana sudah ada, namun belum dilengkapi dengan HAVING.

Tipe data TIMESTAMP dan kolom auto–update, namun tidak terdapat system–

generated number (sequnce), baru diakhir tahun 1996 ditambahkan modifier

(27)

2.5 Website

2.5.1 Sejarah Website

Sejarah Website dimulai pada tahun 1989 ketika tim Berner-Lee yang berkerja di laboraturium Fisika Partikel Eropa atau yang dikenal dengan nama CERN (Consei European pour la Recherce Nuclaire) yang berada di genewa, swiss, mengajukan protocol (suatu tatacara untuk berkomunikasi) sistem distribusi informasi internet yang digunakan untuk berbagai informasi diantara para fisikawan. Protocol inilah yang selanjutnya dikenal sebagai Protocol World Wide Web dan dikembangkan oleh World Wide Web Consortium (W3C).

2.5.2 Pengertian website

Website atau world wide web sering disingkat sebagai www atau web, yaitu sebuah sistem dimana informasi dalam bentuk teks, gambar, suara, dan lain-lain direpresentasikan dalam bentuk hypertext dan dapat diakses oleh perangkat lunak yang disebut browser.

Kemampuan di atas telah menjadikan web sebagai service yang paling cepat pertumbuhannya. Web mengijinkan pemberian highlight (penyorotan) pada kata-kata atau gambar dalam sebuah dokumen untuk menghubungkan atau menunjuk dari sembarang tempat pada dokumen lain. Dengan sebuah browser yang memiliki graphical user interface (GUI), link-link dapat dihubungkan ke tujuannya dengan menunjuk link tersebut dengan mouse dan meng-klik link tersebut. Menurut kemampuannya, web dapat dibedakan menjadi 2 (dua), yaitu :

(28)

a. Web statis, adalah web yang berisi informasi yang sifatnya statis (tetap).

Disebut statis karena pengguna tidak dapat berinteraksi dengan web tersebut. Untuk mengetahui web tersebut statis atau dinamis dapat dilihat dari tampilannya. Jika suatu web hanya berhubungan dengan halaman web lain berisi suatu informasi yang tetap maka web tersebut statis. Pada web statis, pengguna hanya dapat melihat isi dokumen pada halaman web yang berisi informasi yang tetap atau tidak berubah. Interaksi pengguna hanya terbatas dapat melihat informasi yang ditampilkan. Web statis biasanya merupakan HTML yang ditulis pada editor teks dan disimpan dalam bentuk .html atau .htm.

b. Web dinamis, adalah web yang menampilkan informasi serta berinteraksi dengan pengguna. Web yang dinamis memungkinkan pengguna untuk berinteraksi menggunakan form sehingga dapat mengolah informasi yang ditampilkan. Web dinamis bersifat interaktif, tidak kaku, dan terlihat lebih indah. Informasi di web pada umumnya ditulis dalam format HTML dan PHP.

2.6 Pengertian Internet

Menurut Kamus Istilah Internet, internet merupakan jaringan komputer dunia yang menghubungkan jaringan-jaringan komputer global di seluruh dunia, (Sidharta, 2001,9).

Internet yang dilahirkan pada puncak perang dingin tahun 1969 merupakan jaringan eksperimental yang disebut ARPANET. Pada tahun

(29)

terlibat dalam riset militer untuk U.S. Defense Departement’s advanced Research Project Agency (Badan Proyek Riset Lanjut Departemen Pertahanan Amerika Serikat). Fokus dari riset ini adalah untuk merancang suatu “internetwork”

komputer-komputer yang akan terus berfungsi bahkan segmen-segmen utama dihancurkan oleh bom nuklir.

Internet kini telah menjadi suatu sistem komunikasi global besar yang digunakan oleh jutaan orang di seluruh dunia untuk berbagai tujuan bisnis, militer, akademik, korespondensi atau pencarian informasi.

2.6.1 Cara Kerja Internet

Berikut adalah Cara Kerja Internet:

1. Client meminta informasi yang ada dikomunitas internet dengan menggunakan bantuan browser.

2. Browser meminta informasi yang ada di server.

3. Server yang menampung banyak informasi kemudian mengirimkan informasi yang diminta oleh browser.

4. Selanjutnya oleh browser diteruskan ke client sehingga akhirnya seorang user dapat memperoleh informasi yang diinginkan.

Client di dalam komputer jaringan, merupakan komputer yang memanfaatkan sumber daya dalam jaringan yang disediakan oleh komputer lainnya, yang disebut dengan server. Juga merupakan sebuah aplikasi atau proses yang meminta layanan dari komponen atau proses lainnya, adanya client ini memudahkan koneksi ke komputer server dalam mengatur serta menjaga hubungan dari sumber daya lainnya.

(30)

Dalam lingkungan client/server, workstation biasanya adalah merupakan komputer client. Browser merupakan perangkat lunak untuk berselancar di internet. Kemampuan dari sistem ini di antaranya adalah menampilkan informasi yang terdapat pada suatu alamat internet serta menuju halaman lain yang terkait yang disediakan oleh alamat tersebut.

Dua web browser yang terpopuler saat ini adalah Microsoft internet explorer dan netscape navigator. Program browser yang pertama adalah Mosaic yang merupakan suatu teks browser yang sekarang teks browser telah berkembang kedalam bentuk multimedia.

Server adalah suatu program (dan juga disebut mesin yang menjalankan program) yang mengerti protocol HTTP dan dapat menanggapi permintaan- permintaan dari web browser yang menggunakan protokol. Istilah-istilah yang berhubungan dengan internet:

1. Internet address/Alamat internet (IP)

Sebuah alamat 32 bit yang digunakan untuk mengenali host dan network di Internet.

2. Internet service provider (ISP)

Suatu organisasi/perusahaan yang memberikan jasa hubungan ke internet bagi para pelanggan komputer, pada umumnya dengan menarik biaya tertentu dan biasa disebut provider saja.

3. Intranet

Jaringan private yang digunakan pada jaringan kecil dengan skala rumahan, jaringan private ini digunakan untuk membatasi akses data

(31)

yag dapat dibagi hanya pada anggota jaringan tersebut saja, contoh dari jaringan intranet adalah LAN.

4. World wide web (WWW)

World Wide Web adalah dokumen informasi yang berada pada komputer server (server web) yang tersebar di 5 benua dan saling terhubung menjadi satu melalui jaringan internet. Dokumen-dokumen ini dibuat dengan format HTML (Hipertext Markup Language) yang disimpan dalam komputer server berbentuk sebuah file yang disebut web page atau page.

5. Browser

Browser merupakan suatu program yang dirancang untuk mengambil informasi-informasi dari suatu server komputer pada jaringan internet.

6. Domain Name System (DNS)

Suatu sistem penamaan standard komputer-komputer di internet dengan tujuan untuk mempermudah pengelolaan server komputer internet. DNS membuat tingkatan-tingkatan domain, yang merupakan kelompok komputer-komputer yang terhubung ke internet.

7. Hypertext Transfer Protocol (HTTP)

HTTP adalah suatu protokol yang menentukan aturan yang perlu diikuti oleh web browser dalam meminta atau mengambil suatu dokumen dan oleh web server dalam menyediakan dokumen yang diminta oleh web browser. Protocol ini merupakan protocol standar yang digunakan untuk mengakses dokumen HTML.

8. Uniform Resource Locator (URL)

(32)

URL adalah suatu sarana yang digunakan untuk menentukan lokasi informasi pada suatu web server. URL dapat diumpamakan suatu alamat, di mana alamat tersebut terdiri dari:

a. Protokol yang digunakan oleh suatu browser untuk mengambil informasi.

b. Server di mana informasi tersebut berada.

c. Jalur/path serta nama file dari suatu informasi.

2.6.2 Manfaat internet

Sejalan dengan meningkatnya peranan informasi dalam bisnis maupun teknologi, akses terhadap sumber dan jaringan informasi semakin penting bagi pengguna.

Internet adalah jaringan informasi komputer mancanegara yang berkembang sangat pesat dan pada saat ini dapat dikatakan sebagai jaringan informasi terbesar di dunia. Sehingga manfaat internet sangat terasa bagi pengguna.

Adapun manfaat yang bisa diperoleh dari internet adalah sebagai berikut:

a. Informasi yang didapat lebih cepat dan murah dengan menggunakan aplikasi fasilitas internet seperti e-mail, www, newsgroup dan lain sebagainya.

b. Mengurangi biaya kertas dan biaya distribusi, dengan adanya koran, majalah dan brosur di dalam internet.

c. Sebagai media promosi, misalnya pengenalan dan pemesanan produk perusahan.

(33)

d. Komunikasi interaktif melalaui e-mail, video conferencing, dan sebagainya.

e. Sebagai alat penelitian dan pengembangan.

f. Sebagai alat pertukaran data.

2.7 World Wide Web (WWW)

World Wide Web dan Internet sangat berkaitan satu sama lain. Internet adalah suatu jaringan komputer global, sedangkan World Wide Web bukan sekedar jaringan tetapi di dalamnya terdapat suatu set aplikasi komunikasi dan sistem perangkat lunak yang memiliki karakteristik sebagai berikut:

1. Umumnya terletak pada internet host dan client 2. Umumnya menggunakan protokol TCP/IP 3. HTML

4. Mengikuti model client/server

5. Memungkinkan client untuk mengakses server dengan berbagai protokol seperti FTP, Telnet, dan lain-lain.

6. Memungkinkan client untuk mengakses informasi dalam berbagai media 7. Memungkinkan model alamat Uniform Resources Locators (URL)

World Wide Web lahir pada tahun 1989 saat sekelompok peneliti menginginkan untuk membuat sebuah protokol baru untuk mendistribusikan informasi di dalam internet. Para peneliti ini menetapkan sebuah standar baru, kemudian dibentuklah sebuah konsorsium yang disebut W3C atau World Wide Web Consortium untuk meneruskan pengembangan dari standar tersebut. W3C inilah yang akhirnya melahirkan HTML. 12

(34)

Pada prinsipnya World Wide Web bekerja dengan cara menampilkan file- file HTML yang berasal dari server web pada program client khusus yaitu web browser. Program browser pada client mengirimkan permintaan (request) kepada server web, yang kemudian akan dikirimkan oleh server dalam bentuk HTML.

File HTML berisi instruksi-instruksi yang diperlukan untuk membentuk tampilan.

Perintah-perintah HTML ini kemudian diterjemahkan oleh web browser, sehingga informasinya dapat di tampilkan secara visual kepada pengguna di layar

komputer.

2.8 Macromedia Dreamweaver 8

Saat ini Dreamweaver merupakan software utama yang digunakan oleh web server designer maupun web programmer dalam membangun suatu web.

Dreamweaver memberikan kemudahan bagi penggunanya dalam menentukan ruang kerja yang diinginkan. Tipe ruang kerja, fasilitas dan kemampuan

dreamweaver mampu meningkatkan produktivitas dan efektivitas dalam design maupun dalam membangun web.

Versi terbaru Macromedia Dreamweaver di tahun 2005 adalah Macromedia Dreameweaver 8 yang merupakan penyempurnaan dari versi sebelumnya dan semakin mudah dalam penggunaannya. Fasilitas terbaru dari Macromedia Dreamweaver 8 adalah Zoom Tool and Guides, Panel CSS yang baru, Code Collapse, Coding Toolbar, Insert Flash Video dan tampilan baru dalam Dreamweaver 8 membuat pekerjaan anda lebih cepat selesai.

(35)

Tidak jauh beda dengan versi sebelumnya, Macromedia Dreamweaver 8 mendukung pemograman Client Side yang terkenal, yaitu JavaScript dengan penggunaan yang sangat mudah. Macromedia Dreamweaver 8 juga mendukung pemograman Script Server Side, seperti PHP, ASP, ASP.NET, dan JSP.

Gambar 2.1 Tampilan Start page Macromedia Dreamweaver 8

(36)

BAB 3

PERANCANGAN SISTEM

3.1 Perancangan Sistem

Perancangan sistem merupakan tahap yang sangat penting dalam pembuatan sistem web dimulai dari perencanaan yang matang akan memberikan hasil akhir yang bagus. Dalam membuat sebuah situs, tentukan terlebih dahulu tujuan dari situs yang akan dibuat karena bentuk desain dan isi sebuah situs sangat tergantung dari tujuan situs itu di buat ,Perancangan sistem merupakan upaya Instansi Pemerintahan maupun Swasta untuk mulai memiliki sistem yang baru.

Perancangan sistem dilakukan setelah mendapat gambaran dengan jelas apa yang harus dikerjakan.

3.2 Rancangan sistem

Setelah mengetahui kebutuhan sistem untuk aplikasi yang akan dibuat, maka dapat dilakukan beberapa tahap perancangan. Tahap pertama adalah membuat perancangan DFD yang terdiri dari dua macam yaitu diagram konteks (conteks diagram) dan diagram rinci (DFD leveled ), tahap kedua membuat diagram entitas (diagram E-R ) yang merupakan gambaran relasi antar entitas yang ada dalam sistem, selanjutnya perancangan basis data dengan normalisasi.

(37)

3.3 Perancangan Data Flow Diagram (DFD)

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 alur data, baik secara manual maupun komputerisasi. DFD ini 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 ini merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem kepada pemakai maupun pembuat program.

3.3.1 Perancangan Sistem

Perancangan sistem yang saya buat untuk membangun sebuah sistem penjualan kamera adalah dengan membuat sebuah DFD seperti dibawah ini.

WebSite

Pengolahan Data Pesanan Pengolahan Data

Pelanggan

Pengolahan Data Barang

DataBase

Input Data

Input Data

Input Data

Data Pesanan

Gambar 3.1 DFD Perancangan Sistem Alur Data

(38)

3.4 Perancangan Entity Relationship Diagram (ERD)

ERD adalah merupakan salah satu model yang digunakan untuk mendesain database dengan tujuan menggambarkan data yang berelasi pada sebuah database.

Umumnya setelah perancangan ERD selesai berikutnya adalah mendesain database secara fisik yaitu pembuatan tabel, index dengan tetap mempertimbangkan performance. Kemudian setelah database selesai dilanjutkan dengan merancang aplikasi yang melibatkan database.

Entitas adalah objek dalam dunia nyata yang dapat dibedakan dengan objek lain, sebagai contoh mahasiswa,dosen,departemen. Entitias terdiri atas beberapa atribut sebagai contoh atribut dari entitas mahasiswa adalah nim,nama,alamat,email, dll. Atribut nim merupakan unik untuk mengidentifikasikan / membedakan mahasiswa yg satu dengan yg lainnya. Pada setiap entitas harus memiliki 1 atribut unik atau yang disebut dengan primary key.

Relasi adalah hubungan antara beberapa entitas. sebagai contoh relasi antar mahaiswa dengan mata kuliah dimana setiap mahasiswa bisa mengambil beberapa mata kuliah dan setiap mata kuliah bisa diambil oleh lebih dari 1 mahasiswa.

relasi tersebut memiliki hubungan banyak ke banyak.

a. Mengidentifikasikan dan menetapkan seluruh himpunan entity yang terlibat

Customer Produk/Barang Admin

Gambar 3.2 ERD Tahapan Pertama

(39)

b. Menenentukan atribut key masin-masing himpunan entity

Customer Produk/Barang Admin

Produk id id

id

Gambar 3.3 ERD Tahapan Kedua

c. Mengidentifikasikan dan menetapkan seluruh himpunan relasi diantara himpunan entity-entity yang ada beserta foreign key-nya (kunci asing).

Customer Produk/Barang Admin

Produk id id

id

Memesan Memesan

Gambar 3.4 ERD Tahap Ketiga

d. Memasukkan derajat/cardinalitas untuk setiap himpunan

e. Melengkapi himpunan entity dan himpunan relasi atribut deskriptif (non key/bukan kunci)

Customer Produk/Barang Admin

Produk id id

id

Memesan Memesan

Barang Barang

Gambar 3.5 ERD Tahap Keempat

(40)

3.5 Diagram Konteks

Diagram konteks adalah model atau gambar yang menggambarkan hubungan sistem dengan lingkungan sistem. Kesatuan luar ini merupakan sumber arus data atau tujuan data yang berhubungan dengan sistem informasi tersebut dan kemana informasi tersebut akan diberikan. Gambar diagram konteks dapat dilihat pada gambar 3.6 dan 3.7 berikut ini :

ADMIN WEBSITE USER

DATA Informasi Data

Informasi Data DATA

Gambar 3.6 Diagram Konteks Sistem

Customer Website Admin

Registration

Confirmation Confirmation

Update

Gambar 3.7 Diagram Konteks Nemu Utama

3.6 Perancangan Database

Database adalah kumpulan dari data yang berhubungan antara yang satu dengan yang lainnya, tersimpan diperangkat keras 40ystem40r dan menggunakan perangkat lunak untuk memanipulasinya. Database merupakan salah satu komponen yang penting dalam 40ystem komputerisasi, karena database merupakan kumpulan dari beberapa file, dalam hal ini file – file tersebut

(41)

dikelompokan secara terstruktur dalam beberapa 41yste sesuai dengan informasi yang terkandung di dalamnya.

Berikut ini adalah desain database yang dapat penulis uraikan sesuai dengan kebutuhan yang diperlukan dalam perancangan e-commerce penjualan kamera dan Aksesoris. Database ini digunakan sebagai media penyimpanan data- data yang telah diinput dan nantinya akan ditampilkan didalam website e- commerce penjualan kamera online. Berikut ini adalah langkah-langkah perancangan database yang penulis gunakan untuk membangun system e- commerce:

3.6.1 Tabel DataBase Produk 3.1 Tabel DataBase Produk

Field Name Type and Width Null

kode_produk varchar(10) No

nama_produk varchar(30) No

Harga int(10) No

Stok int(3) No

Kategori varchar(50) No

sub_kategori varchar(50) No

Pembelian int(5) No

Gambar varchar(50) No

Tanggal varchar(20) No

(42)

3.6.2 Tabel DataBase Pembeli 3.2 Tabel DataBase Pembeli

Column Type Null

Id varchar(20) No

Nama varchar(50) No

Alamat Text No

kd_pos varchar(10) No

no_hp varchar(20) No

Email varchar(100) No

Kota varchar(30) No

3.6.3 Tabel DataBase Keranjang 3.3 Tabel DataBase Keranjang

Column Type Null

Id varchar(20) No

kode_produk varchar(10) No

Tanggal varchar(20) No

Jumlah int(3) No

(43)

3.6.4 Tabel DataBase Transaksi 3.4 Tabel DataBase Transaksi

Column Type Null

Id varchar(20) No

kode_produk varchar(10) No

Gambar varchar(100) No

nama_produk varchar(50) No

Jumlah int(3) No

Harga int(3) No

tot_harga int(4) No

3.6.5 Tabel DataBase Admin 3.5 Tabel DataBase Admin

Column Type Null

Nama varchar(30) No

Pass varchar(50) No

3.7 Perancangan Antarmuka (Interface)

Perancangan Antarmuka meliputi perancangan struktur menu dan perancangan tampilan pada tampilan user.

(44)

3.7.1 Perancangan Struktur Menu User dan Admin

Pembuatan Website E-Commers Penjualan Kamera menggunakan struktur menu di bawah ini :

HOME

Pesanan Registrasi

Barang Proses Beli

Gambar 3.8 Struktur Menu User Berikut perancangan struktur menu Admin dalam website ini :

HOME

Daftar pelanggan Daftar Barang Update Barang Pesanan

Gambar 3.9 Struktur Menu Admin

(45)

3.7.2 Perancangan Tampilan 1. Tampilan Halaman Utama

Header Keranjang Belanja

Slider

Footer

HOME KAMERA LENSA AKSESORIS CONTACT US

Gambar 3.10 Rancangan Tampilan Halaman Utama

2. Tampilan Halaman Login Admin

Header

Footer

User Name Password

Login

(46)

Gambar 3.11 Rancangan Tampilan Login Admin

3. Tampilan Halaman Admin

Header

Footer Logout

Produk Customer

Gambar 3.12 Rancangan Tampilan Halaman Admin

4. Tampilan Halaman Admin Produk

Header

Footer Logout

Produk Customer

Produk

Seluruh Produk

Kamera Lensa Aksesoris Tabel Barang

(47)

5. Tampilan Halaman Admin Customer

Header

Footer Logout

Produk Customer

Customer

Tabel Customer

Gambar 3.14 Rancangan Tampilan Halaman Admin Customer

(48)

BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem

Sistem merupakan suatu himpunan komponen atau variabel yang berorganisasi dan terpadu. Sebuah sistem mempunyai maksud dan mencapai suatu tujuan.

Sistem yang telah dirancang selanjutnya diteruskan kepada tahap pengimplementasian sistem. Jadi tahap pengimplementasian sistem ini adalah merupakan kelanjutan dari tahapan perancangan sistem yang didesain. Pada tahap implementasi ini difokuskan kepada penerapan sistem yang didesain kepada bahasa pemograman yang sesuai, sehingga memperoleh hasil yang sesusai yang diinginkan. Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menginstal,menguji dan memulai sistem baru atau sistem yang akan diperbaiki.

Aplikasi yang dibuat masih berupa website yang baru dijalankan pada localhost.

Pembuatan aplikasi ini menggunakan PHP sebagai bahasa pemrograman utama dan MySQL sebagai basis data.

4.2 Tujuan Implementasi Sistem

Adapun tujuan dari implementasi sistem ini adalah sebagai berikut:

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

(49)

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

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 dengann mengontrol dan melalukan instalasi secara benar.

Langkah – langkah yang dibutuhkan dalam pengimplementasian sistem adalah sebagai berikut:

1. Menyelesaikan desain sistem

2. Mendapatkan software dan hardware

3. Menulis, menguji, mengontrol, dan mendokumentasikan program komputer

4. Menguji sistem

5. Mendapatkan persetujuan

4.3 Komponen – komponen Kebutuhan Sistem

Pada prinsipnya setiap desain dirancang memerlukan sarana pendukung,yakni berupa peralatan yang sangat berperan sekali dalam menunjang penerapan sistem yang didesain setiap pengolahan data. Perlu di perhatikan bagaimana kebutuhan terhadap software dan hardware yang dianggap sesuai sehingga nantinya dapat menemukan hasil yang cepat dan bisa memperkecil biaya.

(50)

4.3.1 Hardware

Hardware atau perangkat keras merupakan kompnen komputer yang secara fisik dapat disentuh. Adapun spesifikasi hardware yang digunaknan adalah:

a. Komputer berbasis intel Dual Core b. Memori RAM 2 GB

c. Hardisk 500 GB d. Internet : 64 Kbps

4.3.2 Software

Software atau perangkat lunak merupakan instruksi program yang dapat digunakan dalam komputer dan memberikan fungsi serta menampilkan seperti yang diinginkan dalam komputer dan memberikan fungsi serta menampilkan seperti yang diinginkan.

Adapun yang dipergunakan untuk pembuatan program/website ini adalah:

kerasnya adalah sebagai berikut :

1. Sistem Operator : Microsoft Windows 7 Ultimate

2. Program : 1. XAMPP

2. Adobe Photoshop CS3

3. Database : MySQL

4. Browser : Mozilla Firefox

5. Editor : Adobe Dreamweaver CS3

(51)

4.3.3 Brainware

Brainware adalah semua pihak yang bertanggung jawab dalam pengembangan informasi, pemrosesan dan penggunaan keluaran informasi. Brainware dalam sistem terbagi atas :

1. Sistem analis 2. Programmer 3. Operator

4.4 Instalasi dan Konfigurasi Apache, PHP dan MySQL

Penginstalan Apache, PHP dan MySQL dilakukan secara bersamaan. Software yang digunakan adalah XAMPP 3.2.1 dimana jika kita kita melakukan penginstalan, maka secara otomatis kita dapat memperoleh fasilitas PHP dan MySQL sekaligus dalam satu paket.

(52)

4.4.1 Instalasi XAMP

(53)
(54)
(55)
(56)

4.5 Database PHP MyAdmin

Pembuatan dan pengelolaan MySQL dapat dikelola dengan praktis melalui PHP My Admin. Cara mengakses halaman ini dengan mengetikkan http://localhost/phpmyadmin di browser.

Gambar 4.1 PHP My Admin

(57)

4.6 Pengujian Browser

Seluruh program website yang telah dibuat dimasukkan ke dalam folder web kamera dan disimpan di direktori htdocs. Selanjutnya diuji di server localhost dengan alamat http://localhost/webkamera/beranda . Berikut halaman website yang telah diuji dalam browser.

1. Tampilan Home

Gambar 4.2 Tampilan Home

(58)

2. Tampilan Kamera

Gambar 4.3 Tampilan Kamera

(59)

3. Tampilan Lensa

Gambar 4.4 Tampilan Lensa

(60)

4. Tampilan Aksesoris

Gambar 4.5 Tampilan Aksesoris

(61)

5. Tampilan Contact Us

Gambar 4.6 Tampilan Contact Us

(62)

6. Tampilan Keranjang Belanja

Gambar 4.7 Tampilan Keranjang Belanja

(63)

7. Tampilan Form Registrasi

Gambar 4.8 Tampilan Form Registrasi

(64)

8. Tampilan Daftar Belanja

Gambar 4.9 Tampilan Daftar Belanja

9. Tampilan Login Admin

(65)

10. Tampilan Halaman Admin

Gambar 4.11 Tampilan Halaman Admin

11. Tampilan Halaman Admin Produk

Gambar 4.12 Tampilan Halaman Admin Produk

(66)

12. Tampilan Halaman Admin Customer

Gambar 4.13 Tampilan Halaman Admin Customer

(67)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dalam Penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan sistem dalam penjualan online kamera dengan web e-commerce. Maka ada beberapa kesimpulan yang penulis dapatkan, yaitu :

a. Penjualan online kamera dengan web e-commerce merupakan solusi bagi para user yang ingin mencari berbagai jenis kamera dan aksesorisnya namun tidak mau bersusah payah pergi mencari ke pusat perbelanjaan atau toko yang menjual perlengkapan fotografi. Karena dengan adanya web e- commerce ini user dapat mencari dan membeli jenis kamera dan aksesoris yang diinginkan di tempat yang terjangkau tanpa harus mengeluarkan tenaga.

b. Penjualan online kamera dengan web e-commerce ini merupakan solusi bagi penjual yang ingin menjual kamera atau aksesoris fotografi lainnya, bisa bergabung di website ini.

c. Untuk menarik minat user dalam mengunjungi website, diperlukan adanya strategi baik dalam harga, kemudahan dalam mengakses produk yang diinginkan user serta interface dengan desain yang menarik minat user untuk kembali berkunjung.

d. Kecepatan user dalam mengakses halaman web sangat penting, karena itu dalam website ini penulis membuat Search Engine Optimization (SEO)

(68)

yang bertujuan agar website terdaftar di search engine seperti google dan mudah di akses oleh user.

5.2 Saran

Saran merupakan suatu ide dan harapan yang dimunculkan oleh penulis sebagai masukan yang diharapkan akan berguna dimasa yang akan datang.

Adapun saransaran tersebut adalah sebagai berikut:

a. Agar selalu dipercaya oleh pelanggan, maka diperlukan suatu strategi yang baik untuk mendatangkan pelanggan. Selain memberikan produk yang bagus, hendaknya didukung dengan memberikan berbagai penawaran serta kemudahan dan kenyamanan bagi pelanggan dalam mengakses dan melakukan transaksi.

b. Untuk permulaan pembuatan sistem penjualan online dengan web e- commerce mungkin cukup sulit, juga memerlukan biaya yang sedikit mahal. Namun itu bukan merupakan hal yang perlu ditakutkan. Karna pada tahap-tahap selanjutnya bisa jadi akan sangat menguntungkan dan menghemat pengeluaran misalnya dalam hal perluasan dan pengembangan usaha.

c. Masih terdapat kekurangan dari website ini, diantaranya tidak disediakan nya fasilitas untuk para penjual yang ingin menjual kameranya bisa langsung mendaftarkan barangnya di halaman website.

d. Yang berkaitan dengan tulisan ini, penulis berharap dapat terus melakukan pengembangan baik dari segi kelengkapan data, fitur-fitur tambahan, serta

(69)

DAFTAR PUSTAKA

Beighley, L., dan Michael, M. 2003. Head First PHP & MySQL. O’Reilly Media Inc. 2009. United States of America.

Elisabeth, F., dan Eric, F Head First PHP & MySQL. O’Reilly Media Inc.

2006. United States of America

Kadir, A. 2005. Dasar Pemrograman Web Dinamis Menggunakan PHP.

Yogyakarta: Informatika Bandung.

Bernard, R. S. Prijono, A., dan Agustaf, R. 2005. Mudah dan Cepat Menguasai Pemrograman Web. Bandung: Informatika Bandung.

Sunarfrihantono, Bima. 2003. PHP dan MySQL untuk WEB. Yogyakarta:

Andi

(70)

SURAT KETERANGAN Hasil Uji Program Tugas Akhir

Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program Diploma 3 Teknik Informatika :

Nama : FEBI RAMADHANI

NIM : 1224060065

Prog. Studi : DIPLOMA (D3) TEKNIK INFORMATIKA

Judul Tugas Akhir : PERANCANGAN WEB E-COMMERS PENJUALAN KAMERA

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada tanggal……….

Dengan Hasil : Sukses / Gagal

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.

Medan, Juni 2015 Dosen Pembimbing

Dr. Sawaluddin, M.IT

(71)
(72)

LAMPIRAN Listing Program 1. Home.php

<html>

<head>

<script src="script.js" type="text/javascript"></script>

<title>RUMAH KAMERA</title>

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

</head>

<body>

<div class="wrapper">

<div class="header">

<div id="h-1">

<a href="menu/keranjang-belanja/keranjang-belanja.php">

<div id="link">

<img id="g-ker-bel" src="menu/produk/gambar/keranjang- belanja.png">

<div id="isi-l">

KERANJANG BELANJA ANDA

</div>

</div>

</a>

</div>

(73)

<div id="isi-h-2">

<p id="head1">RUMAH KAMERA</p>

<p id="head2">SELAMAT DATANG</p>

</div>

</div>

</div>

<div class="menu">

<div id='cssmenu'>

<ul>

<li><a href="home.php">HOME</a></li>

<li><a

href="menu/produk/produk.php?pilihan=kamera&tampilan=baris">KAM ERA</a></li>

<li><a

href="menu/produk/produk.php?pilihan=lensa&tampilan=baris">LENSA

</a></li>

<li><a

href="menu/produk/produk.php?pilihan=aksesoris&tampilan=baris">AKS ESORIS</a></li>

<li><a href="contak.us.php">CONTACT US</a></li>

</ul>

</div>

</div>

<div class="content">

(74)

<div id="slider">

<?php

include('slide2/slide2.html');

?>

</div>

<div id="isi-c">

<div id="kiri-isi">

<div id="header-ki">

<p>Produk Terlaris </p>

</div>

<?php

include('koneksi/koneksi.php');

$query="select *from produk where stok > 0 and pembelian >= 5 limit 8";

$data=mysql_query($query);

while ($data2=mysql_fetch_array($data)) { echo "

<a id=\"l-ki\" href=\"menu/produk/detail- produk.php?pilihan=".$data2['kategori']."&sub_kategori=".$data2['sub_ka tegori']."&nama_produk=".$data2['nama_produk']."&kode=".$data2['kode _produk']."\">

<img id=\"g-lki\" src=\"menu/produk/gambar/".$data2['gambar']."\">

</a>

";

(75)

?>

</div>

<div id="kanan-isi">

<img id="gambar-stop" src="gambarkamera/cartoon.jpg">

<div id="ket-kanan"><strong>SELAMAT DATANG</strong><br>

<span></span>

</div>

</div>

</div>

</div>

</div>

</body>

</html>

2. contak.us.php

<div class="menu">

<div id='cssmenu'>

<ul>

<li><a href="home.php">HOME</a></li>

<li><a

href="menu/produk/produk.php?pilihan=kamera&tampilan=baris">KAM ERA</a></li>

(76)

<li><a

href="menu/produk/produk.php?pilihan=lensa&tampilan=baris">LENSA

</a></li>

<li><a

href="menu/produk/produk.php?pilihan=aksesoris&tampilan=baris">AKS ESORIS</a></li>

<li><a href="contak.us.php">CONTACT US</a></li>

</ul>

</div>

</div>

<div class="baru" style="margin:20;">

<table>

<tr>

<td><img src="gambarkamera/K110D-02.jpg" width="50px"></td>

<td><td><p>facebookgue</p></td></td>

</tr>

<tr>

<td><img src="gambarkamera/K110D-02.jpg" width="50px"></td>

<td><td><p>facebookgue</p></td></td>

</tr>

<tr>

<td><img src="gambarkamera/K110D-02.jpg" width="50px"></td>

<td><p>facebookgue</p></td>

(77)

</div>

</table>

</div>

</body>

</html>

3. Koneksi.php

<?php

mysql_connect('localhost','root','');

mysql_select_db(baru);

?>

4. Admin.php

<html>

<head>

<title></title>

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

</head>

<body>

<div class="wrapper">

<div class="head">

<p id="head1">RUMAH KAMERA</p>

(78)

<a id="log" href="logout.php"><img id="g-log"

src="icon/shutdown.png"></a>

<p id="head3">HALAMAN ADMIN</p>

</div>

<div class="content">

<div id="head-content">

<p>

<?php

$pilihan=$_GET['pilihan'];

if ($pilihan=='produk') { echo "produk";

}

elseif ($pilihan=='customer') { echo "customer";

}

elseif ($pilihan=='pembayaran') { echo "pembayaran";

}

elseif ($pilihan=='setting') { echo "setting";

}

?>

</p>

(79)

<div id="kiri-content">

<ul>

<li><a href="admin.php?pilihan=produk&sub_pilihan=seluruh- produk"><img id="g-kc" src="icon/dollar.png"><p>Produk</p></a></li>

<li><a href="admin.php?pilihan=customer"><img id="g-kc"

src="icon/user.png"><p>Customer</p></a></li>

</ul>

</div>

<div id="isi-content">

<?php

$pilihan=$_GET['pilihan'];

$sub_pilihan=$_GET['sub_pilihan'];

if ($pilihan==$pilihan && ($sub_pilihan=='seluruh-produk' ||

$sub_pilihan=='kamera' || $sub_pilihan=='lensa' ||

$sub_pilihan=='aksesoris' || $sub_pilihan=='about us' ||

$sub_pilihan=='kaki')) {

include('menu/produk/head/head-produk.php');

}

elseif ($pilihan=='customer') {

include('menu/customer/head/head-customer.php');

}

?>

<?php

$pilihan=$_GET['pilihan'];

(80)

$sub_pilihan=$_GET['sub_pilihan'];

$head=$_GET['head'];

if ($head=='detail') {

include('menu/produk/isi/detail-produk.php');

}

elseif ($head=='edit') {

include('menu/produk/isi/edit-produk.php');

}

elseif ($head=='proses-edit') {

include('menu/produk/isi/proses-edit-produk.php');

}

elseif ($head=='hapus') {

include('menu/produk/isi/hapus-produk.php');

}

elseif ($head=='proses-hapus') {

include('menu/produk/isi/proses-hapus-produk.php');

}

elseif ($head=='tambah') {

include('menu/produk/isi/tambah-produk.php');

}

elseif ($head=='proses-tambah') {

include('menu/produk/isi/proses-tambah-produk.php');

}

(81)

include('menu/produk/isi/isi-produk.php');

}

elseif ($head=='pembelian') {

include('menu/customer/isi/pembelian.php');

}

elseif ($head=='detail-customer') {

include('menu/customer/isi/detail-costumer.php');

}

elseif ($head=='hapus-customer') {

include('menu/customer/isi/hapus-customer.php');

}

elseif ($head=='proses-hapus-customer') {

include('menu/customer/isi/proses-hapus-customer.php');

}

elseif($pilihan=='customer'){

include('menu/customer/isi/isi-customer.php');

}

?>

</div>

<div id="kanan-content">

<?php

$pilihan=$_GET['pilihan'];

if ($pilihan=='produk') {

include('menu/produk/produk.php');

Referensi

Dokumen terkait

Selain itu istilah power play juga memiliki istilah pengganti dalam bahasa Spanyol yaitu pivot „bermain dengan kekuatan penuh di semua lini.‟ Dari penjelasan di atas dapat

25% Tidak aktif dalam diskusi Kurang aktif dalam diskusi Sangat aktif dalam diskusi Perorangan - Sikap 25% Penyampaian tidak keras, tanpa menatap peserta, tanpa sikap

Cara pemotongan blok (sectioning) 1) Menyiapkan kaca objek bersih. 2) Kaca objek diberi albumin ditengahnya dan direkatkan. Setelah jaringan mengembang, jaringan diambil dengan

Telah menerima dana Program Indonesia Pintar (PIP) lampirkan copy buku rekening : a..

Di IAIN Tulungagung, data berupa informasi dan berkas- berkas yang menunjukkan adanya pemarjinalan perempuan diperoleh oleh peneliti dengan menggunakan metode wawancara,

Peraturan Bupati Kabupaten Kebumen Nomor 8 Tahun 2014 Tentang Anggaran Pendapatan dan Belanja Daerah Tahun Anggaran 2015 (Lembaran Da erah Kabupaten Kebumen Tahun

Buah segar berbau harum, berwarna cerah, dan tidak lembek. Buah yang busuk berbau tidak enak. Warna buah pun tampak tidak menarik. Selain itu, buah menjadi lembek atau

Berdasarkan pembahasan di atas, maka dapat disimpulkan bahwa: pertama, tata cara pengujian qanun Aceh melalui executive review belum memenuhi syarat seperti yang