PERANCANGAN SISTEM INFORMASI PENJUALAN WALL STICKER BERBASIS WEB
TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III)
RITA ALFIANI SAFITRI NIM : 11111345
Jurusan Komputerisasi Akuntansi Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika Jakarta 2014
SURAT PERNYATAAN KEASLIAN TUGAS AKHIR
Yang bertanda tangan di bawah ini: Nama : NIM : Perguruan Tinggi :
Rita Alfiani Safitri 11111345 AMIK Bina Sarana Informatika
Dengan ini menyatakan bahwa tugas akhir yang telah saya buat dengan judul: “Perancangan Sistem Informasi Penjualan Wallsticker Berbasis Web”, adalah asli (orsinil) atau tidak plagiat (menjiplak) dan belum pernah diterbitkan/dipublikasikan dimanapun dan dalam bentuk apapun. Demikianlah surat pernyataan ini saya buat dengan sebenar-benarnya tanpa ada paksanaan dari pihak manapun juga. Apabila dikemudian hari ternyata saya memberikan keterangan palsu dan atau ada pihak lain yang mengklaim bahwa tugas akhir yang telah saya buat adalah hasil karya milik seseorang atau badan tertentu, saya bersedia diproses baik secara pidana maupun perdata dan kelulusan saya dari Akademi Manajemen Informatika & Komputer Bina Sarana Informatika dicabut/dibatalkan.
Dibuat di : Jakarta Pada tanggal : 05 Juli 2014 Yang menyatakan,
Rita Alfiani Safitri
SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS Yang bertanda tangan di bawah ini, saya: Nama NIM Perguruan Tinggi Program Studi Alamat Kampus Alamat Rumah
: : : : : :
Rita Alfiani Safitri 11111345 AMIK Bina Sarana Informatika Komputerisasi Akuntansi Jl. Ciledug Raya No. 168, Ulujami, Ciledug Jl. Jiban II No. 22 Kebayoran Lama Jakarta Selatan 12220
Dengan ini menyetujui untuk memberikan ijin kepada pihak Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika, Hak Bebas Royalti Non-Eksklusif (Non-exclusive Royalti-Free Right) atas karya ilmiah kami yang berjudul: “Perancangan Sistem Informasi Penjualan Wallsticker Berbasis Web”, beserta perangkat yang diperlukan (apabila ada). Dengan Hak Bebas Royalti Non-Eksklusif ini pihak Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika berhak menyimpan, mengalih-media atau format-kan, mengelolaannya dalam pangkalan data (database), mendistribusikannya dan menampilkan atau mempublikasikannya di internet atau media lain untuk kepentingan akademis tanpa perlu meminta ijin dari kami selama tetap mencantumkan nama kami sebagai penulis/pencipta karya ilmiah tersebut. Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika, segala bentuk tuntutan hukum yang timbul atas pelanggaran Hak Cipta dalam karya ilmiah saya ini. Demikian pernyataan ini saya buat dengan sebenarnya. Dibuat di : Jakarta Pada tanggal : 05 Juli 2014 Yang menyatakan,
Rita Alfiani Safitri
PERSETUJUAN DAN PENGESAHAN TUGAS AKHIR
Tugas Akhir ini diajukan oleh: Nama NIM Program Studi Jenjang Judul Tugas Akhir
: Rita Alfiani Safitri : 11111345 : Komputerisasi Akuntansi : Diploma Tiga (D.III) : Perancangan Sistem Informasi Penjualan Wallsticker Berbasis Web
Untuk dipertahankan pada pariode I-2014 dihadapan penguji dan diterima sebagai bagian persyaratan yang diperlukan untuk memperoleh Diploma Ahli Madya (A.Md) pada Program Diploma Tiga (D.III) Jurusan Manajemen Informatika di Akademi Manajemen Informatika & Komputer Bina Sarana Informatika. Jakarta, 12 Juli 2014
PEMBIMBING TUGAS AKHIR
Pembimbing
: Eri Mardiani,M.Kom
DEWAN
.............................
PENGUJI
Penguji I
: ....................................
……….................
Penguji II
: ....................................
…………..............
PERSETUJUAN DAN PENGESAHAN TUGAS AKHIR
Tugas Akhir ini diajukan oleh: Nama NIM Program Studi Jenjang Judul Tugas Akhir
: Rita Alfiani Safitri : 11111345 : Komputerisasi Akuntansi : Diploma Tiga (D.III) : Perancangan Sistem Informasi Penjualan Wallsticker Berbasis Web
Telah dipertahankan dan dinyatakan lulus pada pariode I-2014 dihadapan penguji dan diterima sebagai bagian persyaratan yang diperlukan untuk memperoleh Diploma Ahli Madya (A.Md) pada Program Diploma Tiga (D.III) Jurusan Manajemen Informatika di Akademi Manajemen Informatika & Komputer Bina Sarana Informatika. Jakarta, 09 Agustus 2014
PEMBIMBING TUGAS AKHIR
: Eri Mardiani,M.Kom ………...............
Pembimbing
DEWAN
PENGUJI
Penguji I
:
....................................
……................
Penguji II
:
.....................................
……................
LEMBAR KONSULTASI TUGAS AKHIR AKADEMI MANAJEMEN INFORMATIKA DAN KOMPUTER BINA SARANA INFORMATIKA
No
NIM Nama Lengkap Dosen Pembimbing Judul Tugas Akhir
: : : :
11111345 Rita Alfiani Safitri Eri Mardiani, M.Kom Perancangan Sistem Informasi Penjualan Wall Sticker Berbasis Web
Paraf dosen
Tanggal
Pokok Bahasan Pembimbing
Bimbingan
1.
26-04-2014
Bimbingan Perdana & Pengajuan Judul
2.
05-05-2014
Pengajuan Bab I
3.
20-05-2014
ACC BabI, Pengajuan Normalisasi & Web
4.
24-05-2014
Revisi Web & Revisi Normalisasi
5.
18-06-2014
Pengajuan Bab III & Bab II
6.
21-06-2014
ACC Bab II
7.
05-07-2014
ACC Keseluruhan
Catatan untuk Dosen Pembimbing
Bimbingan Tugas Akhir
Dimulai pada tanggal Diakhiri pada tanggal Jumlah pertemuan bimbingan
: 26 April 2014 : 05 Juli 2014 : 7 Kali Disetujui oleh, Dosen Pembimbing
[Eri Mardiani, M.Kom]
KATA PENGANTAR
Puji dan syukur alhamdulillah, penulis panjatkan kehadirat Allah SWT, yang telah melimpahkan rahmat dan karunia-Nya, sehingga pada akhirnya penulis dapat menyelesaikan tugas ini dengan baik, yang penulis ambil sebagai berikut, “Perancangan Sistem Informasi Penjualan Wall Sticker Berbasis Web”. Tujuan penulisan tugas akhir ini adalah untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) Akademi BSI. Sebagai bahan penulisan diambil berdsarkan hasil penelitian (eksperimen), observasi dan beberapa sumber literatur yang mendukung penulisan ini. Penulis menyadari bahwa tanpa bimbingan dan dorongan dari semua pihak, maka penulisan tugas akhir ini tidak akan lancar. Oleh karena itu pada kesempatan ini, izinkanlah penulis menyampaikan ucapan terima kasih kepada: 1.
Direktur Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika.
2.
Ketua Jurusan Mnajemen Informatika AMIK BSI
3.
Ibu Eri Mardiani, M.kom selaku Dosen Pembimbing Tugas Akhir.
4.
Staff / karyawan / dosen dilingkungan Akademi BSI
5.
Orang Tua tercinta yang telah memberikan dukungan moral maupun spritual.
6.
Rekan-rekan mahasiswa kelas KA-6A. Serta semua pihak yang terlalu banyak untuk disebut satu persatu sehingga terwujudnya
penulisan ini. Penulis menyadari bahwa penulisan tugas akhir ini masih jauh sekali dari sempurna, untuk itu penulis mohon krtik dan saran yang bersifat membangun demi kesempurnaan penulisan dimasa yang akan datang. Akhir kata semoga tugas akhir ini dapat berguna bagi penulis khusunya dan bagi para pembaca yang berminat pada umumnya.
Jakarta, 02 Mei 2014 Penulis
Rita Alfiani Safitri
ABSTRAKSI
Rita Alfiani Safitri (11111345), Perancangan Sistem Informasi Penjualan Wall Sticker Berbasis Web Perkembangan teknologi di indonesia telah berkembang sangat cepat sejak beberapa tahun terakhir. Kebutuhan akan internet memang telah menjadi bagian hidup dari masyarakat modern saat ini. Salah satu teknologi yang bisa digunakan dalam internet adalah world wide web(yang kemudian bisa disebut web). Demi kemajuan sebuah usaha maka perusahaan tersebut perlu mempromosikan kegiatannya melalui sebuah gambaran tentang segala sesuatu yang berhubungan dengan sistem penjualan yang umumnya disebut “E-Commerce”. Perancangan sistem informasi penjualan wall sticker adalah sebuah usaha yang dibuat dengan tujuan membantu masyarakat, dengan penjualan online wall stciker ini maka dapat mempermudah mereka yang tidak mempunyai banyak waktu untuk melihat model-model wall sticker. Oleh karena itu agar usaha ini dapat berjalan dengan baik maka perlu dilakukan usaha-usaha untuk memperkenalkan sistem ini sehingga dapat diketahui oleh masyarakat luas. Langkah pertama yang penulis lakukan adalah merancang alur website, membuat rancangan tampilan website dengan bahasa pemrograman PHP, phpMyAdmin untuk database dan apache sebagai servernya. Selain itu juga menggunakan Macromedia Dreamweaver 8.0 sebagai tool pembantu untuk memperindah tampilan website. Kata Kunci : Perancangan Sistem, Sistem Informasi Penjualan
ABSTRACT
Rita Alfiani Safitri (11111345), Designing Information System Selling of wall sticker Based Web.
Technology development in Indonesia has been developing very fast since the last few years. The need for the internet has become part of modern society at this moment. One of the technology can be used in the internet is the world wide web (being then called web).For the progress of a business and the company need to promote their activities thourgh a picture about everything that deals with a system that is generally called the sales of “E-Commerce”. Sales information system design wall sticker is an effort made with the purpose of helping the community, online sales with this wall sticker then it can make those who do not have much time to see the models of wall sticker. Therefore, in order that these efforts can go well then it needs to be done efforts to introduce this system so that it can be known by the public at large. The first step is designing groove writers do a website, make a display website design with pemogramman language PHP, phpMyAdmin for database and apche as a server. It also uses Macromedia Dreameaver 8.0 as a helper tool to beautify the look of website.
Keywords : Designing System, Selling Information System
DAFTAR ISI
Halaman Lembar Judul Tugas Akhir .............................................................................................. i Lembar Pernyataan Keaslian Tugas Akhir ..................................................................... ii Lembar Persetujuan Pernyataan Publikasi Karya Ilmiah ................................................ iii Lembar Persetujuan dan Pengesahan Tugas Akhir ......................................................... iv Lembar Konsultasi Tugas Akhir ...................................................................................... v
Kata Pengantar ................................................................................................................. vi Abstraksi ......................................................................................................................... viii Daftar Isi ......................................................................................................................... x Daftar Gambar ................................................................................................................ xii Daftar Tabel ................................................................................................................... xiv Daftar Lampiran .............................................................................................................. xv
BAB I
PENDAHULUAN .................................................................................. 1 1.1. 1.2. 1.3. 1.4.
BAB II
Latar Belakang ........................................................................... Maksud dan Tujuan ...................................................................... Metode Pengumpulan Data ......................................................... Ruang Lingkup ............................................................................
1 2 3 3
LANDASAN TEORI ............................................................................. 4 2.1. Konsep Dasar Web .......................................................................... 2.1.1. Pengertian Sistem Informasi ................................................ 2.1.2. Pengertian Penjualan ............................................................ 2.1.3. E-Commerce ........................................................................ 2.1.4. Intenet ................................................................................... 2.1.5. World Wide Web (WWW) ................................................... 2.1.6. Website ................................................................................. 2.1.7. Web Browser ........................................................................ 2.1.8. Macromedia Dreamweaver 8.0 ............................................ 2.1.9. PHP ......................................................................................
4 4 4 5 6 7 7 9 10 14
2.1.10. phpMyAdmin ....................................................................... 15 2.1.11. MySQL ................................................................................ 16 2.1.12. HTML (Hyper Text Markup Languange) ............................ 17 2.2. Peralatan Pendukung (Tools Program) ........................................... 18 2.2.1. Struktur Navigasi ................................................................. 18 2.2.2. Normalisasi .......................................................................... 20
BAB III
PEMBAHASAN .................................................................................... 24 3.1. Analisa Perancangan Web................................................................ 24 3.1.1. Tinjauan Kasus ..................................................................... 24 3.2. SpesifikasiRancanganWeb .............................................................. 25 3.2.1. Halaman Utama..................................................................... 25 3.2.2. Halaman Utama Admin......................................................... 41 3.3. Rancangan Struktur Navigasi........................................................... 55 3.4. Normalisasi..................................................................................... 57 3.5. Spesifikasi File ............................................................................... 61 3.6. Spesifikasi Sitem Komputer ........................................................... 68
BAB IV
PENUTUP .............................................................................................. 70 4.1. Kesimpulan ....................................................................................
70
4.2. Saran .............................................................................................
71
DAFTAR PUSTAKA ..................................................................................................
73
DAFTAR RIWAYAT HIDUP ....................................................................................
74
LAMPIRAN-LAMPIRAN .........................................................................................
75
DAFTAR GAMBAR
Halaman
1. Gambar II.1 Tampilan Ruang Kerja Macromedia Dreamweaver …………….. 2. Gambar II.2 Logo PHPMyAdmin …………………………………………… 3. Gambar II.3 Struktur Navigasi Linear …………………………………….. 4. Gambar II.4 Struktur Navigasi Hierarchical (hirarki) …………………… 5. Gambar II.5 Struktur Navigasi Non Linear ……………………………….. 6. Gambar II.6 Struktur Navigasi Komposit (campuran) ………………………… 7. Gambar III.7 Rancangan Halaman Index ……………………………………… 8. Gambar III.8 Rancangan Halaman Profil ………………………………….. 9. Gambar III.9 Rancangan Halaman Cara Order ………………………………. 10.Gambar III.10 Rancangan Halaman Testimonial …………………………. 11.Gambar III.11 Rancangan Halaman Hubungi Kami ………………..………… 12.Gambar III.12 Rancangan Halaman Kategori Produk ……………………….. 13.Gambar III.13 Rancangan Halaman Detail Produk ………………….……….. 14.Gambar III.14 Rancangan Halaman Login Member ………………….………. 15.Gambar III.15 Rancangan Halaman Daftar Member ………………………… 16.Gambar III.16 Rancangan Halaman Index Pelanggan ……………..…..…… 17.Gambar III.17 Rancangan Halaman Kategori Produk Pelanggan ….…..…… 18.Gambar III.18 Rancangan Halaman Keranjang Belanja …………………… 19.Gambar III.19 Rancangan Halaman Struk Transaksi Pembelian ………...….. 20.Gambar III.20 Rancangan Halaman Konfirmasi Pembayaran ..……………… 21.Gambar III.21 Rancangan Halaman Testimonial Pelanggan ……………….… 22.Gambar III.22 Rancangan Halaman Login Admin ………….……………... 23.Gambar III.23 Rancangan Halaman Admin ………………...….…..…… 24.Gambar III.24 Rancangan Halaman Data Barang ……………………………… 25.Gambar III.25 Rancangan Halaman Input Data Barang ………………..……. 26.Gambar III.26 Rancangan Halaman Data Pelanggan ………………………… 27.Gambar III.27 Rancangan Halaman Data Pesanan ……………………………. 28.Gambar III.28 Rancangan Halaman Detail Pesanan ………………………….. 29.Gambar III.29 Rancangan Halaman Data Kategori …………………………… 30.Gambar III.30 Rancangan Halaman Input Kategori …………………………. 31.Gambar III.31 Rancangan Halaman Data Konfirmasi ……………………. 32.Gambar III.32 Rancangan Halaman Data Testimonial ……………………….. 33.Gambar III.33 Rancangan Halaman Laporan Kirim …………………….. 34.Gambar III.34 Rancangan Halaman Laporan Penjualan ………………………. 35.Gambar III.35 Rancangan Halaman Laporan Transaksi Penjualan ……………..
11 15 18 19 19 20 25 26 27 28 29 30 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54
36.Gambar III.36 37.Gambar III.37 38.Gambar III.38 39.Gambar III.39 40.Gambar III.40 41.Gambar III.41
Struktur Navigasi Campuran Menu Utama User ……………. Struktur Navigasi Campuran Halaman Admin ……………. Bentuk Tidak Normal (Unormalized Form) …………….. Bentuk Normal Kesatu (First Normal Form/1NF) ……….. Bentuk Normal Kedua (Second Normal Form/2NF) …………….. Bentuk Normal Ketiga (Third Normal Form/3NF) ………………
55 56 57 58 59 60
DAFTAR TABEL
Halaman
1.Tabel III.1 2.Tabel III.2 3.Tabel III.3 4.Tabel III.4 5.Tabel III.5 6.Tabel III.6 7.Tabel III.7
File Data Barang ………………………………………………. File Data Kategori ………………………………………………… File Data Konfirmasi …………………………………………… File Data Orders ……………………………………………………. File Orders_Detail ……………………………………………. File Data Pelang ………………………………………………… File Data Pengiriman …………………………………………..
62 63 63 65 66 66 67
DAFTAR LAMPIRAN
Halaman
A.1. Rancangan Halaman Index ……………………………………………………… A.2. Rancangan Halaman Profil …………………………………………………….. A.3. Rancangan Halaman Cara Order ……………………………………………….. A.4. Rancangan Halaman Testimonial ………………………………………………. A.5. Rancangan Halaman Hubungi Kami ……………………………………….. A.6. Rancangan Halaman Kategori Produk ………………………………………….. A.7. Rancangan Halaman Detail Produk ……………………………………………… A.8. Rancangan Halaman Login Member ……………………………………………… A.9. Rancangan Halaman Daftar Member …………………………………………… A.10. Rancangan Halaman Index Pelanggan ……………………………………….. A.11. Rancangan Halaman Kategori Produk Pelanggan …………………………….. A.12. Rancangan Halaman Keranjang Belanja ……………………………………….. A.13. Rancangan Halaman Struk Transaksi Pembelian ………………………………. A.14. Rancangan Halaman Konfirmasi Pembayaran ……………………………………... A.15. Rancangan Halaman Testimonial Pelanggan ………………………………….. A.16. Rancangan Halaman Login Admin ……………………………………………… A.17. Rancangan Halaman Admin …………………………………………………… A.18. Rancangan Halaman Data Barang …………………………………………….. A.19. Rancangan Halaman Input Data Barang ……………………………………….. A.20. Rancangan Halaman Data Pelanggan ……………………………………………. A.21. Rancangan Halaman Data Pesanan ………………………………………….. A.22. Rancangan Halaman Detail Pesanan …………………………………………….. A.23. Rancangan Halaman Data Kategori ……………………………………………….. A.24. Rancangan Halaman Input Kategori ……………………………………………… A.25. Rancangan Halaman Data Konfirmasi Pembayaran …………………………….. A.26. Rancangan Halaman Data Testimonial ………………………………………… A.27. Rancangan Halaman Laporan Kirim ………………………………………….. A.28. Rancangan Halaman Laporan Penjualan ……………………………………… A.29. Rancangan Halaman Laporan Transaksi Penjualan ……………………………..
75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103
BAB I PENDAHULUAN
1.1.
Latar Belakang Penjualan pada saat ini sangat banyak dibutuhkan oleh masyarakat, terutama
kebutuhan sehari-hari. Penjualan tidak hanya dilakukan secara konvensional atau bertatap muka tetapi bisa dilakukan dengan media online. Penjualan secara online bukan hanya praktis tapi juga menguntungkan banyak pihak seperti penjual maupun konsumen. Konsumen cukup menggunakan media internet untuk membeli apa yang mereka inginkan tanpa harus keluar rumah, terutama bagi masyarakat yang bekerja pasti tidak mempunyai banyak waktu untuk berbelanja dengan cara bertatap muka dan penjual hanya perlu mempromosikan produknya di media internet. Maka media online paling banyak dicari oleh masyarakat modern saat ini. Perancangan Sistem Penjualan Wall Sticker ini adalah sebuah usaha yang dibuat dengan tujuan membantu masyarakat yang ingin melihat model-model wall sticker dan mengaplikasikan dinding ruangan rumah mereka tanpa harus mengeluarkan banyak waktu dan biaya untuk mengaplikasikannya. Oleh karena itu agar usaha ini dapat berjalan dengan baik maka perlu dilakukan usaha-usaha untuk memperkenalkan sistem penjualan wall sticker ini sehingga dapat diketahui oleh masyarakat luas. Dari permasalahan yang ada tersebut untuk itulah penulis disini akan mencoba website penjualan online wall sticker. Penulisan Tugas Akhir ini penulis mengambil judul “Perancangan Sistem Informasi Penjualan Wall Sticker Berbasis Web”. Dalam situs ini penulis menjabarkan informasi tentang penjualan wall sticker dan sebagai suatu tempat untuk memberikan informasi kepada masyarakat tentang model-model wall sticker untuk mengaplikasikan dinding rumah mereka.
1.2.
Maksud dan Tujuan Maksud dari penulisan Tugas Akhir ini adalah: 1. Menerapkan ilmu yang telah penulis dapatakan dalam perkuliahan. 2. Mengetahui sampai sejauh mana penulis dapat membuat situs menggunakan PHP dan MySQL. 3. Mempromosikan penjualan Wall Sticker sehingga dapat diketahui oleh masyarakat luas. 4. Membuat kemudahan bagi masyarakat yang ingin melihat model-model wall sticker dan yang ingin memperindah dinding ruangan rumah mereka tanpa harus mengeluarkan banyak biaya dan waktu untuk mengaplikasikannya dengan mudah dan praktis. Sedangkan tujuannya adalah sebagai salah satu syarat kelulusan program Diploma Tiga (D-III) pada jurusan Komputerisasi Akuntansi di Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika.
1.3.
Metode Pengumpulan Data Dalam penyusunan tugas akhir ini, penulis menggunakan beberapa metode
penelitian yaitu: 1. Metode Studi Pustaka (Library Research) Merupakan metode pengumpulan data yang dilakukan dengan mengambil data/ keterangan dari buku di perpustakaan serta mengutip sumber-sumber data yang sudah tertulis dan jelas untuk melengkapi tugas akhir ini. 2. Metode Pengamatan Langsung (Observasi) Metode ini digunakan untuk memperoleh data melalui penngamatan-pengamatan secara langsung, dengan segala sesuatu yang ada hubungannya dengan sistem
penjualan wall sticker.
1.4. Ruang Lingkup Dalam pembahasan masalah, agar tidak keluar jauh dari pokok permasalahan yang akan dibicarakan maka penulis hanya membahas sebatas pada Perancangan Sistem Informasi Penjualan Wall Sticker Berbasis Web. Dimulai dari menampilakan beranda, profil, cara order, testimonial (untuk memberikan kritik dan saran), hubungi kami, kategori produk, keranjang belanja, konfirmasi pembayaran, serta halaman admin yaitu data barang, data pelanggan, data pesanan, data kategori, data konfirmasi, data testimonial, laporan kirim, laporan penjualan dan logout.
BAB II LANDASAN TEORI
2.1. Konsep Dasar Web 2.1.1. Pengertian Sistem Informasi Menurut Robert A. Leitch dan K. Roscoe Davis dalam Puspitawati dan Anggadini (2011:14) mengemukakan bahwa: Sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung kegiatan operasi sehari-hari, bersifat manajerial, dan kegiatan suatu organisasi dan menyediakan pihak-pihak tertentu dengan laporan-laporan yang diperlukan. Tujuan dari sistem informasi adalah menyajikan informasi untuk mengambil keputusan pada perencanaan, pengorganisasian, pengendalian, kegiatan operasi subsistem suatu perusahaan, sehingga dapat diambil kesimpulan sistem informasi memberi suatu cara untuk memandang suatu organisasi sebagai suatu keseluruhan sebagai bagian dari lingkungan eksternal yang lebih luas.
2.1.2. Pengertian Penjualan Menurut Puspitawati dan Anggadini (2011:165) mengemukakan bahwa “Penjualan merupakan aktivitas memperjual belikan barang dan jasa kepada konsumen”. Aktivitas penjualan dalam perusahaan dapat dilakukan baik secara tunai maupun kredit. Penjualan tunai merupakan penjualan yang dilakukan dengan cara menerima uang tunai/cash pada saat barang diserahkan pada pembeli. Sedangkan penjualan kredit adalah aktivitas penjualan yang menimbulkan tagihan/klaim/piutang kepada pembeli (customer) sehingga penjual tidak menerima uang tunai pada saat barang diserahkan kepada pembeli (customer).
2.1.3. E-Commerce Menurut Utomo (2005:12) mengemukakan bahwa “E-commerce (electronic commerce) merupakan metode untuk menjual produk secara online melalui fasilitas internet”. Ada banyak bahasa pemrograman yang bisa digunakan untuk membangun sebuah website e-commerce, antara lain PHP,ASP,dan ColdFusion. Untuk membuat sebuah website e-commerce yaitu dengan menggunakan kombinasi bahasa PHP dan MySQL, dua buah paduan software yang banyak digunakan sekarang dalam membangun sebuah e-commerce. Keuntungan yang diperoleh dalam menggunakan e-commerce antara lain sebagai berikut: 1.
Meningkatkan pendapatan perusahan dengan memakai fasilitas internet.
2.
Mengurangi biaya-biaya teknis seperti kertas, laporan dan sebagainya.
3.
Mempercepat verifikasi transaksi, karena e-commerce dibuat secara real-time.
4.
Dengan cepatnya verifikasi data dan pesanan pelanggan, akan lebih mempercepat pelayanan pengiriman produk. Hal ini kan menambah kepuasan pelanggan (customer satisfaction).
2.1.4. Internet Menurut Sarwono dan Martadiredja (2008:11) mengemukakan bahwa “Internet merupakan sekumpulan jaringan yang berskala global”. Tidak ada satupun orang, kelompok atau organisasi yang bertanggung jawab untuk menjalankan internet. Mekanisme kerja internet tidak didasarkan pada manusia tetapi merupakan mekanisme kerja elektronik. Masing-masing jaringan yang terhubung satu dengan lainnya berkomuniksi dengan menggunakan protokol-protokol tertentu, seperti “Transmission Control Protocol” (TCP) dan “Internet Protocol” (IP). Dari waktu ke waktu jaringan-jaringan
yang tersebar di berbagai belahan dunia saling terhubung dengan jaringan-jaringan yang sudah ada terlebih dahulu. Jaringan pusat yang disebut VBNS (Very High Speed Backbone Network Service) yang berfungsi menghantarkan lalu lintas data internet ke seluruh Amerika dan penjuru dunia saat ini dibiayai oleh Badan Ilmu Pengetahuan Nasional Amerika Serikat. Jaringan pusat inilah yang memungkinkan komputer-komputer yang terhubung dengan internet dapat berkomunikasi dan saling mengirimkan data. Saat ini ribuan jaringan-jaringan regional di seluruh penjuru dunia sudah terkondisi dengan internet sehingga antar komputer dari rumahrumah, dari satu kantor ke kantor lain dapat berkomunikasi satu dengan yang lainnya.
2.1.5. World Wide Web (WWW) Menurut Sarwono dan Martadiredja (2008:19) mengemukakan bahwa “WWW merupakan teknologi yang ditemukan pada tahun 1990an yang mengubah kemampuan internet sehingga mampu menampilkan tidak hanya data berupa teks atau angka, melainkan juga gambar dan suara serta warna”. Melalui teknologi WWW ini kita dapat menikmati tampilan internet seperti sekarang ini, yaitu tidak hanya hitam putih tetapi penuh dengan warna-warni yang menarik dan indah. Dengan menggunakan teknologi ini maka internet dapat menghubungkan “halamn-halaman” website yang ada di berbagai server di seluruh dunia melalui apa yang disebut dengan hypertext. Dengan menggunakan hypertext, maka kita dapat berpindah-pindah dari satu halaman ke halaman lain dengan mudah dan cepat pada saat kita melakukan klik pada apa yang disebut hyperlink. Dengan menggunakan browser tertentu kita dapat mencari halamanhalaman di internet yang disimpan di server-server tertentu.
2.1.6. Website Website atau situs menurut Soetejo (2012:11) mengemukakan bahwa: situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informasi, gambar gerak, suara, dan gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan link-link.
Untuk membangun situs yang diperlukan beberapa unsur yang harus ada agar situs dapat berjalan dengan baik dan sesuai yang diharapkan. Unsur-unsur yang harus ada dalam situs antar lain: 1.
Domain Name Domain name atau biasa disebut nama domain adalah alamat permanen situs di dunia internet yang digunakan untuk mengindentifikasi sebuah situs atau dengan kata lain domain name adalah alamat yang digunakan untuk menemukan situs kita pada dunia internet. Istilah yang umum digunakan adalah URL. Contoh sebuah URL adalah http://www.agoes_joa.com, dapat juga tanpa www.
2.
Hosting Hosting dapat diartikan sebagai ruangan yang terdapat dalam harddisk tempat penyimpanan berbagai data, file-file, gambar dan lain sebagainya yang akan ditampilkan di situs. Besarnya data yang biasa dimasukkan tergantung dari besarnya hosting yang disewa/dipunyai, semakin besar hosting semakin besar pula data yang dapat dimasukkan dan ditampilkan dalam situs.
3.
Scripts/Bahasa Program Adalah bahasa yang digunakan untuk menerjemahkan setiap perintah dalam situs yang pada saat diakses. Jenis scripts sangat menentukan statis, dinamis, atau interaktifnya sebuah situs. Semakin banyak ragam scripts yang digunakan maka akan terlihat situs semakin dinamis, dan ineraktif serta terlihat bagus. Bagusnya situs dapat terlihat dengan tanggapan pengunjung serta frekuensi kunjungan.
Beragam scripts saat ini telah hadir untuk mendukung kualitas situs. Jenis scripts yang banyak dipakai para designer antara lain HTML,ASP, PHP, JSP, Java Scripts, Java applets dan sebagainya. Bahasa dasar yang dipakai setiap situs adalah HTML sedangkan ASP
dan lainnya merupakan bahasa pendukung yang bertindak sebagai pengatur
dinamis, dan interaktifnya situs. 4.
Design Web Setelah melakukan penyewaan domain dan hosting serta penguasaan scripts, unsur situs yang paling penting dan utama adalah design. Design web sangat menentukan kualitas dan keindahan situs. Design sangat berpengaruh kepada penilaian pengunjung akan bagus tidaknya sebuah web site.
5.
Publikasi Keberadaan situs tidak ada gunanya dibangun tanpa dikunjungi atau dikenal oleh masyarakat atau pengunjung internet. Karena efektif tidaknya situs sangat tergantung dari besarnya pengunjung dan komentar yang masuk. Untuk mengenalkan situs kepada masyarakat memerlukan apa yang disebut publikasi atau promosi.
2.1.7. Web Browser Menurut Soetejo (2012:19) mengemukakan bahwa “Web browser disebut juga penjelajah web, adalah perangkat lunak yang berfungsi menampilkan dan melakukan interaksi dengan dokumen-dokumen yang disediakan oleh server web”. Peramban web yang popular adalah Microsoft Internet Exploler dan Mozila Firefox. Peramban web adalah jenis perantara pengguna yang paling sering digunakan. Ramat jembar (wide web) sendiri adalah kumpulan jaringan berisi dokumen dan tersambung satu dengan yang lain, yang dikenal sebagai Waring Wera Wanua (www).
2.1.8. Macromedia Dreamweaver 8.0 Menurut Madcoms (2007:1) mengemukakan bahwa “Macromedia Dreamweaver adalah sebuah HTML editor profesional untuk mendesain secara visual dan mengelola situs atau halaman Web”. Dreamweaver merupakan software utama yang digunakan oleh web desainer maupun web programmer dalam mengembangkan suatu situs web. Hal ini disebabkan ruang kerja, fasilitas, dan kemampuan dreamweaver yang mampu meningkatkan produktivitas dan efektivitas dalam desain maupun membangun suatu situs web. Dreamweaver juga dilengkapi dengan fasilitas untuk manajemen situs yang cukup lengkap. Ruang kerja pada dreamweaver 8 memiliki komponen-komponen yang memberikan fasilitas dan ruang untuk menuangkan kreasi anda saat bekerja. Komponen-komponen yang disediakan oleh ruang kerja dreamweaver 8 antara lain adalah Insert Bar, Document Toolbar, Document Window, Panel Groups, Tag Selector, Property Inspector, dan Site Panel. Penjelasan dari komponen-komponen yang terdapat di dalam ruang kerja Dreamweaver 8 adalah.
Tag Selector
Document Document Property
Insert
Window
Bar
Toolbar
Inspector
Site Panel
Sumber: Madcoms (2007:5) Gambar II.1 Tampilan Ruang Kerja Macromedia Dreamweaver 1.
Documen Window, berfungsi untuk menampilkan dokumen dimana anda sekarang bekerja.
2.
Insert Bar, berisi tombol-tombol untuk menyisipkan berbagai macam objek seperti image, table, dan layer ke dalam dokumen.
3.
Documen Toolbar, berisi tombol-tombol dan menu pop-up yang menyediakan tampilan berbeda dari document window.
4.
Panel Groups, adalah kumpulan panel yang saling berkaitan satu sama lainnya yang dikelompokkan di bawah satu judul.
5.
Tag Selector, berfungsi untuk menampilkan hierarki tag di sekitar plihan yang aktif pada design view.
6.
Property Inspector, digunakan untuk melihat dan mengubah berbagai property objek atau teks.
7.
Site Panel, digunakan untuk mengatur file-file dan folder-folder yang membentuk situs web anda. Sistem menu yang terdapat pada dreamweaver 8 sangat sederhana dan mudah untuk
dipahami karena perintah-perintah yang terdapat pada hampir sebagian besar fungsi menu terdapat juga dalam panel. Dengan demikian anda tidak akan banyak menghabiskan banyak waktu dengan melakukan perintah yang terdapat pada menu tetapi lebih banyak bekerja dengan menggunakan perintah-perintah yang terdapat pada panel. Di dalam sistem menu dreamweaver 8 terdapat beberapa komponen yang dapat digunakan, yaitu: 1.
Menu file dan menu edit Menu File dan Edit berisi item menu standar, seperti New, Open, Save, Save All, Cut, Copy, Paste, Undo, dan Redo. Menu file terdiri ari beberapa macam perintah untuk menampilkan atau memperlakukan dokumen baru, seperti Preview in browser dan Print Code. Menu edit berisi perintah untuk pemilihan seperti Select Parent Tag, serta Find dan Replace.
2.
Menu View Menu view berisi perintah untuk menampilkan beberapa macam tampilan dari dokumen (seperti tampilan Design View dan tampilan Code) dan untuk menampilkan serta menyembunyikan beberapa selemen halaman dan tombol-tombol dreamweaver dan toolbar.
3.
Menu Insert Menu Insert berisi alternative baris insert untuk menyisipkan objek di dalam dokumen.
4.
Menu Modify Menu Modify berisi perintah untuk melakukan perubahan properti pada item atau halaman terpilih. Dengan menggunakan menu ini, anda dapat melakukan pengeditan atribut-atribut tag, mengganti tabel dan elemen tabel. Serta bermacam bentuk untuk item library dan template.
5.
Menu Text Menu Text berisi perintah untuk melakukan perintah format teks.
6.
Menu Comands Menu Comand berisikan akses ke beberapa perintah, format kode yang sesuai dengan format pilihan anda, membuat foto album , dan melakukan pengeditan gambar dengan Macromedia Foreworks.
7. Menu Site Menu Site berisikan item menu untuk mengelola situs dan melakukan upload dan download file. 8.
Menu Window Menu Window menyediakan akses ke seuruh panel, inspector, dan jendela di dalam dreamweaver.
9.
Menu Help Menu Help berfungsi untuk memmbuka lembar kerja help yang akan membantu anda saat menggunakan dreamweaver dan menyediakan bahan referensi untuk beberapa bahasa.
2.1.9. 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 maintenance situs web tersebut menjadi lebih mudah dan efesien. Menurut Peranginangin (2006:2) mengemukakan bahwa “PHP merupakan software Open-Source yang disebarkan dan dilisensikan secara gratis serta dapat di download secara bebas dari situs resminya http://www.php.net PHP ditulis menggunakan bahasa C”. PHP memiliki banyak kelebihan yang tidak dimiliki oleh bahasa script sejenis. PHP difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yang dapat dilakukan oleh CGI, seperti mengumpulkan data dari form, menghasilkan isi halaman web dinamis, dan kemampuan mengirim serta menerima cookies, bahkan lebih daripada kemampuan CGI. PHP dapat digunakan pada semua sistem operasi, antara lain Linux, Unix (termasuk variannya HP-UX, Solaris, dan OpenBSD), Microsoft Windows, Mac OS X, RISC OS. PHP juga mendukung banyak web server, seperti Apache, Microsoft Internet Information Server(MIIS), Personal Web Server (PWS), Netscape and iPlanet servers, Oreilly Website Pro Server, audium, Xitami, OmniHTTPd, dan masih banyak lagi lainnya, bahkan PHP dapat bekerja sebagai suatu CGI processor.
2.1.10. phpMyAdmin Menurut Sadeli (2013:10) mengemukakan bahwa “phpMyadmin adalah sebuah software yang berbentuk seperti halaman situs yang terdapat pada web server”.
Sumber: Sadeli (2013:10) Gambar II.2 Logo phpMyAdmin Fungsi dari halaman ini adalah sebagai pengendali database MySQL sehingga pengguna MySQL tidak perlu repot untuk menggunakan perintah-perintah SQL. Karena dengan adanya halaman ini semua hal tersebut dapat dilakukan hanya dengan meng-klik menu fungsi yang ada pada halaman phpMyAdmin.
2.1.11. MySQL Menurut Sukarno (2006:3) mengemukakan bahwa “MySQL adalah merupakan perangkat lunak untuk sistem manajemen database (Database Management System)”. Karena sifatnya yang open source dan memiliki kemampuan menampung kapasitas yang sangat besar, maka MySQL menjadi database yang sangat popular di kalangan programmer web. MySQL dapat dijalankan dalam 2 operating system yang sangat popular saat ini, yaitu: Windows dan Linux. Menurut perusahaan pengembangnya, MySQL telah terpasang di sekitar 3 juta komputer, dan puluhan hingga ratusan ribu situs sangat mengandalkan MySQL sebagai databasenya.
MySQL dikembangkan oleh sebuah perusahaan Swedia yang pada saat itu bernama TcX DataKonsult 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 rutin 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 Languange). 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 antarmukanya mirip dengan SQL, namun memiliki kemampuan yang lebih sesuai kebutuhan, sehingga lahirlah MySQL.
2.1.12. HTML (Hyper Text Markup Languange) HTML (Hyper Text Markup Languange) merupakan bahasa pemograman web yang memiliki sintak atau aturan tertentu dalam menuliskan script atau kode-kode, sehingga browser dapat menampilkan informasi dengan membaca kode-kode HTML. Menurut Anhar (2010:40) mengemukakan bahwa “ HTML (Hyper Text Markup Languange) adalah sekumpulan simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang digunakan untuk menampilkan halaman pada web browser”.
Program yang digunakan untuk membuat dokumen HTML menggunakan HTML Editor. Ada banyak HTML Editor yang bisa digunakan, diantaranya: Notepad, Ms.FrontPage, dan Dremweaver. Setiap dokumen HTML harus diawali dan ditutup dengan tag HTML . Tag HTML memberitahu browser bahwa yang ada di dalam kedua tag tersebut adalah dokumen HTML. Bagian header dari dokumen HTML diapit oleh tag di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul dari halaman pada titlenya browser. Bagian body dari dokumen HTML diapit oleh tag .
2.2.
Peralatan Pendukung (Tools Program)
2.2.1. Struktur Navigasi Menurut Prihatna (2005:51) mengemukakan bahwa “Struktur navigasi adalah susunan menu atau hirarki dari suatu situs yang menggambarkan isi dari setiap halaman dan link atau navigasi tiap halaman pada suatu situs web”. Struktur navigasi suatu situs web sangat dpengaruhi oleh tujuan dari situs web yang akan dibuat. Struktur navigasi dapat digolongkan menurut kebutuhan akan objek, kemudahan pemakaian, keinteraktifitasnya, dan kemudahan membuatnya yang berpengaruh terhadap waktu pembuatan suatu situs web. Menurut Binanto (2010:269) ada empat bentuk dasar dari struktur navigasi adalah sebagai berikut:
1.
Linear Pengguna akan melakukan navigasi secara berurutan, dari frame atau byte informasi yang satu ke yang lainnya.
Sumber: Binanto (2010:269) Gambar II.3 Stuktur Navigasi Linear
2.
Hierarkis Struktur dasar ini disebut juga struktur “Linear dengan percabangan” karena pengguna melakukan navigasi di sepanjang cabang pohon struktur oleh logika isi.
Sumber: Binanto (2010:269) Gambar II.4 Struktur Navigasi Hierarchical (hirarki)
3. Non Linear Pengguna akan melakukan navigasi dengan bebas melalui isi proyek dengan tidak terikat dengan jalur yang sudah ditentukan sebelumnya.
Sumber: Binanto (2010d:270) Gambar II.5 Struktur Navigasi Non Linear
4.
Komposit (Campuran) Pengguna akan melakukan navigasi dengan bebas (secara non-linear), tetapi terkadang dibatasi presentasi linear film atau informasi penting atau pada data yang paling terlihat terorganisasi secara logis pada suatu hierarki.
Sumber: Binanto (2010:270) Gambar II.6 Struktur Navigasi komposit (Campuran)
2.2.2. Normalisasi Menurut Marlinda (2004:115) mengemukakan bahwa “Normalisasi adalah proses pengelompokan atribute-atribute dan suatu relasi sehingga membentuk WELL STRUKTUR RELATION”. Normalisasi merupakan proses pengelompokan elemen data menjadi tabel-tabel menunjukkan entity dan relasinya. Normalisasi ditemukan pada tahun 1970 oleh E. F. CODD. Well-structure relation adalah sebuah relation dengan jumlah kerangkapan datanya sedikit (Minimum Amount of Redundancy), serta memberikan kemungkinan bagi user untuk melakukan INSERT, DELETE dan MODIFY terhadap baris-baris data pada relation tersebut, yang tidak berakibat terjadinya ERROR atau INKONSISTENSI DATA, yang disebabkan oleh operasi-operasi tersebut. Key adalah sejumlah atribute yang mengidentifikaskan records/barisdalam sebuah relation secara UNIQUE. Semua Non-Key Atribute pada sebuah relation, functionally idependent terhadap keynya. Setiap relation harus mempunyai key dan value dankey tersebut harus UNIQUE, yang berarti setiap records/baris di sebuah relation harus bereda Jenis-jenis Key, terdapat beberapa jenis key, yaitu: 1.
CANDIDATE KEY Atribute-atribute yang menjadi determin yang dapat dijadkan identitas record pada sebuah relation bisa terdapat satu atau lebih candidate key.
2.
PRIMARY KEY Candidate key yang menjadi identitas record karena dapat mengidentifikasi record secara unique.
3.
ALTERNATE KEY Candidate key yang dijadikan primary key.
4.
COMPOSITE KEY
Key yang terdiri dua atribut atau lebih. Atribute-atribute tersebut bila berdiri sendiri tidak menjadi ientitas record, tetapi bila dirangkaikan menjadi satu kesatuan akan dapat mengidentifikasi secara unique. 5.
FOREIGN KEY Non-key atibute pada sebuah relation yang juga menjadi ke (primary) atribute di relation lainnya. Foreign key biasanya digunakan sebagai peghubung antara record-record dan kedua relation tersebut.
Langkah-langkah pembentukan normalisasi: 1.
Bentuk tidak normal (Unormalized Form) Bentuk ini merupakan kumpulan data yang akan direkam tidak ada keharusan mengikuti suatu format tertentu. Dapat saja data tidak lengkap atau terduplikasi. Data dikumpulkan apa adanya sesuai dengan saat menginput.
2.
Bentuk Normal ke satu (1NF/Fisrt Normal Form) Suatu relasi 1NF jika dan hanya jika sifat dan setiap relasi atributenya bersifat atomik. Atom adalah zat terkecil yang masih memiliki sifat induknya, bila dipecah lagi maka ia tidak memilki sifat induknya.
3.
Bentuk normal ke dua (2NF/Second Normal Form) Bentuk normal kedua mempunyai syarat yaitu bentuk data telah memenuhi kriteria bentuk normal kesatu. Atribute bukan kunci haruslah bergantung secara fungsi pada primary key. Jadi, unyuk memenuhi normal kedua haruslah sudah ditentukan kunci-kunci field. Field haruslah unik dan dapat mewakili atribute lain yang menjadi anggotanya.
4.
Bentuk normal ke tiga (3NF/Third Normal Form) Untuk menjadi bentuk normal ketiga maka relasi haruslah dalam bentuk normal kedua dan semua attribute bukan primer tidak punya hubungan yang transitif. Dengan kata lain,
setiap atribute bukan kunci haruslah bergantung hanya pada primary key dan pada primary key secara menyeluruh. 5. Boyce-Codd Normal Form (BCNF) BCNF mempunyai paksaan lebih kuat dan bentuk normal ketiga. Untuk menjadi BCNF, relasi harus dalam bentuk normal kesatu dan setiap atribute harus bergantung fungsi pada atribute superkey.
BAB III PEMBAHASAN
3.1. Analisa Perancangan Web Perancangan adalah suatu proses untuk membuat suatu website, baik yang berhubungan dengan internet atau pun tidak berhubungan. Website adalah tempat untuk menyimpan data dan informasi dengan berdasarkan topik tertentu. Website disebut juga dengan web atau home page.
3.1.1. Tinjauan Kasus Semakin
banyak
perusahaan-perusahaan
yang mulai
berkembang dalam
meningkatkan usahanya, salah satunya penjualan online. Penjualan secara online bukan hanya praktis tapi juga menguntungkan banyak pihak, seperti penjual maupun konsumen. konsumen cukup menggunakan media internet untuk membeli apa yang mereka inginkan tanpa harus keluar rumah dan penjual hanya perlu mempromosikan produknya di media internet dan bisa menghemat biaya-biaya yang tidak diperlukan contohnya: biaya sewa gedung, biaya promosi. Oleh karena itu penulis mencoba membuat website penjulan wall sticker secara online untuk mempermudah penjualan dan promosi bagi penjual serta mempermudah konsumen dalam pembelian transaksi secara online.
3.2. Spesifikasi Rancangan Web Spesifikasi ini merupakan penjelasan detail yang berkaitan dengan seluruh web. Spesifikasi rancangan web sistem informasi penjualan wall sticker adalah sebagai berikut:
3.2.1. Halaman Utama 1. Spesifikasi Rancangan Halaman Index Header Beranda
Profil
Cara Order
Testimonial
Hubungi Kami
Gambar LOGIN Daftar Akun Produk Yang Tersedia
Kategori Produk
Nomor Rekening Kalender
Layanan Customer
Testimoni
Call Center Pengiriman
Footer
Gambar III.7 Rancangan Halaman Index Keterangan: Nama Program
: Menu utama/Index_awal/Beranda
Fungsi Program
: Sebagai Tampilan Awal
Akronim
: index_awal.php
Tampilan Program
: php
Tampilan Program
: Lampiran A.1
Proses
:
a.
Buka web browser (IE, Mozila, dan lain-lain)
b.
Ketiklah alamat website (URL) pada addres bar contoh: http:/localhost/TA_RITA
c.
Menampilkan halaman utama dan menyajikan menu pada web
d.
Pilih link yang ada di halaman index dengan cara mengklik menu Pilihan.
2. Spesifikasi Rancangan Halaman Profil Header
Beranda
Profil
Cara Order
Testimonial
Hubungi Kami
Gambar LOGIN Daftar Akun Halaman Profil
Kategori Produk
Nomor Rekening
Kalender Layanan Customer Testimoni Call Center Pengiriman Footer
Gambar III.8 Rancangan Halaman Profil Keterangan: Nama Program
: Menu utama/Profil
Fungsi Program
: Sebagai Tampilan Profil
Akronim
: profil.php
Tampilan Program
: php
Tampilan Program
: Lampiran A.2
Proses
: Pilih link yang ada di halaman index dengan cara mengklik menu profil.
3. Spesifikasi Rancangan Halaman Cara Order Header
Beranda
Profil
Cara Order
Testimonial
Hubungi Kami
Gambar LOGIN Daftar Akun Halaman Cara Order
Kategori Produk
Nomor Rekening
Kalender Layanan Customer Testimoni
Call Center Pengiriman Footer
Gambar III.9 Rancangan Halaman Cara Order
Keterangan: Nama Program
: Menu utama/Cara Order
Fungsi Program
: Sebagai Tampilan Cara Order
Akronim
: cara_pesan.php
Tampilan Program
: php
Tampilan Program
: Lampiran A.3
Proses
: Pilih link yang ada di halaman index dengan cara mengklik menu cara order.
4. Spesifikasi Rancangan Halaman Testimonial Header Beranda
Profil
Cara Order
Testimonial
Hubungi Kami
Gambar LOGIN Daftar Akun Kategori Produk Layanan Customer
Create Testimonial Nama
: :
Email
:
Pesan
:
Status
: Pengunjung
Nomor Rekening
Kalender
Simpan
Testimoni
Batal
Call Center Pengiriman Footer
Gambar III.10 Rancangan Halaman Testimonial
Keterangan: Nama Program
: Menu utama/Testimonial
Fungsi Program
: Sebagai Tampilan Komentar Pelanggan
Akronim
: tambah_bukutamu.php
Tampilan Program
: php
Tampilan Program
: Lampiran A.4
Proses
:
a. Pilih link yang ada di halaman index dengan cara mengklik menu testimonial. b. Lalu masukan nama, email, serta pesan testimonial tentang wall sticker, setelah itu klik simpan.
5. Spesifikasi Rancangan Halaman Hubungi Kami Header
Beranda
Profil
Cara Order
Testimonial
Hubungi Kami
Gambar LOGIN Daftar Akun
Nomor Rekening Halaman Hubungi Kami
Kategori Produk Layanan Customer
Kalender Testimoni
Call Center Pengiriman Footer
Gambar III.11 Rancangan Halaman Hubungi Kami Keterangan: Nama Program
: Menu utama/Hubungi Kami
Fungsi Program
: Sebagai Tampilan Hubungi Kami
Akronim
: contact.php
Tampilan Program
: php
Tampilan Program
: Lampiran A.5
Proses
: Pilih link yang ada di halaman index dengan cara mengklik menu hubungi kami.
6. Spesifikasi Rancangan Halaman Kategori Produk Header Beranda
Profil
Cara Order
Testimonial
Hubungi Kami
Gambar
>> Produk Online Wall Sticker hal:[1]
LOGIN Daftar Akun
Nama
Kategori Produk
Gambar
nama Gambar
Nomor Rekening nama Gambar
Kalender
Layanan Customer
Harga Detail
Harga Detail
Harga Detail
Testimoni
Call Center Pengiriman
Footer
Gambar III.12 Rancangan Halaman Kategori Produk Keterangan: Nama Program
: Menu utama/Kategori Produk
Fungsi Program
: Sebagai tampilan produk yang dijual
Akronim
: kategori_111.php
Tampilan Program
: php
Tampilan Program
: Lampiran A.6
Proses
:
a. Pilih link yang ada di kategori produk dengan cara mengklik salah Satu kategori. b. Lalu klik detail jika ingin melihat detail produk.
7. Spesifikasi Rancangan Halaman Detail Produk Header Beranda
Profil
Cara Order
Testimonial
Hubungi Kami
Gambar LOGIN Daftar Akun
Nomor Rekening
vNama Produk Kode : Nama : Harga : Info Prouduk : Stok :
Kategori Produk Layanan Customer
Kalender
Testimoni
[Back] Call Center Pengiriman
Footer
Gambar III.13 Rancangan Halaman Detail Produk Keterangan: Nama Program
: Menu utama/Detail Produk
Fungsi Program
: Sebagai Tampilan Detail Produk yang dijual
Akronim
: detail_produk_pelanggan.php
Tampilan Program
: php
Tampilan Program
: Lampiran A.7
Proses
: Klik detail pada tampilan produk.
8.
Spesifikasi Rancangan Halaman Login Member Header Beranda
Profil
Cara Order
Testimonial
Hubungi Kami
Gambar LOGIN Daftar Akun
LOGIN MEMBER
Kategori Produk
Nomor Rekening
Username : Kalender Password :
Layanan Customer
Testimoni Login
Call Center Pengiriman Footer
Gambar III.14 Rancangan Halaman Login Member Keterangan: Nama Program
: Menu utama/login Member
Fungsi Program
: Sebagai Tampilan Login Member
Akronim
: login_pelanggan.php
Tampilan Program
: php
Tampilan Program
: Lampiran A.8
Proses
:
a. Pilih link yang ada di halaman index dengan cara mengklik menu Login. b. Lalu masukan username dan password anda, setelah itu klik login.
9. Spesifikasi Rancangan Halaman Daftar Member Header Beranda
Profil
Cara Order
Testimonial
Hubungi Kami
Gambar Create New Akun LOGIN Daftar Akun
Nomor Rekening
Nama Password
Kategori Produk
Nama Lengkap
Kalender
Alamat Lengkap
Layanan Customer
Testimoni
No.telp/Hp E-mail
Call Center Simpan
Batal
Pengiriman
Footer
Gambar III.15 Rancangan Halaman Daftar Member Keterangan: Nama Program
: Menu utama/Daftar Akun
Fungsi Program
: Sebagai Tampilan Daftar Member Baru
Akronim
: tambah_pelanggan.php
Tampilan Program
: php
Tampilan Program
: Lampiran A.9
Proses
:
a. Pilih link yang ada di halaman index dengan cara mengklik menu Daftar akun.
Footer
b. Lalu masukan nama, password, nama lengkap, alamat lengkap,
No.telp dan
email, setelah itu klik simpan.
10. Spesifikasi Rancangan Halaman Index Pelanggan Header Beranda
Cara Order
Keranjang Belanja
Konfirmasi Pembayaran
Testimonial Hubungi Kami
Gambar Welcome to, Produk Yang Tersedia
Logout Kategori Produk
Nomor Rekening
Kalender Testimoni
Call Center Pengiriman
Footer
Gambar III.16 Rancangan Halaman Index Pelanggan Keterangan: Nama Program
: Menu Pelanggan/Index_pelanggan/Beranda
Fungsi Program
: Sebagai tampilan menu awal pelanggan
Akronim
: index_pelanggan.php
Tampilan Program
: php
Tampilan Program
: LampiranFooter A.10
Proses
: Pilih link yang ada di halaman index pelanggan dengan cara mengklik menu pilihan.
11. Spesifikasi Rancangan Halaman Kategori Produk Pelanggan Header Beranda
Cara Order
Keranjang Belanja
Konfirmasi Pembayaran
Testimonial
Hubungi Kami
Gambar Welcome to, Logout
>> Produk Online Wall Sticker hal:[1] Nama
Kategori Produk
Nomor Rekening Kalender
Harga
Call Center
Detail
Testimoni Beli
Pengiriman
Footer
Gambar III.17 Rancangan Halaman Kategori Produk Pelanggan Keterangan: Nama Program
: Menu utama/Kategori Produk Pelanggan
Fungsi Program
: Sebagai Tampilan Produk yang dijual
Akronim
: kategori_pelanggan111.php
Tampilan Program
: php
Tampilan Program
: Lampiran A.11
Proses
:
a. Pilih link yang ada di kategori produk dengan cara mengklik salah satu Kategori. b.
Lalu klik detail jika ingin melihat detail produk dan klik beli jika ingin Membeli.
12. Spesifikasi Rancangan Halaman Keranjang Belanja Header Beranda
Cara Order
Keranjang Belanja
Konfirmasi Pembayaran
Testimonial
Hubungi Kami
Gambar
Welcome to,
>> keranjang belanja Nomor Rekening
Logout No
Produk
Kategori Produk
Nama Produk
Jumlah
Harga
Sub Total
Hapus
Kalender Total: Rp.
Call Center
Lanjutkna Belanja
Update-Jumlah
Selesai Belanja
Testimoni
Pengiriman
Footer
Gambar III.18 Rancangan Halaman Keranjang Belanja Keterangan: Nama Program
: Menu Pelanggan/ Keranjang Belanja
Fungsi Program
: Sebagai tampilan detail order pelanggan
Akronim
: keranjang.php
Tampilan Program
: php
Tampilan Program
: Lampiran A.12 Footer
Proses
:
a. Pilih link yang ada di halaman index pelanggan dengan cara mengklik menu keranjang belanja. b. Lalu akan muncul total jumlah belanja anda.
13. Spesifikasi Rancangan Struk Transaksi Pembelian
STRUK TRANSAKSI WALL STICKER ONLINE Nama Alamat Lengkap Telepon E-mail
: : : :
No. Order : 139 No
Kode Barang
Nama Produk
Jumlah
Harga
Subtotal
Total : Rp Print Date :
c.
Gambar III.21 Rancangan Halaman Struk Transaksi Pembelian Keterangan: Nama Program
: Struk Transaksi Wall Sticker Online
Fungsi Program
: Sebagai tampilan Struk Transaksi Pembelian
Akronim
: simpan_transaksi_isi.php
Tampilan Program
: php
Tampilan Program
: Lampiran A.13
Proses
: Setelah klik selesai belanja akan muncul struk Transaksi.
14. Spesifikasi Rancangan Halaman Konfirmasi Pembayaran Header Beranda
Cara Order
Konfirmasi Pembayaran
Keranjang Belanja
Testimonial
Hubungi Kami
Gambar Welcome to, Logout
Konfirmasi Pembayaran Nomor Rekening
No Orders Tanggal Transfer
Kategori Produk
yyyy-mm-dd Kalender
Dari bank Call Center
Dari No. Rek
Testimoni Pilih Bank
Tujuan Bank Pengiriman
Jumlah Bayar Bukti Pengiriman
Pilih Gambar
SIMPAN
BATAL
Footer
Gambar III.19 Rancangan Halaman Konfirmasi Pembayaran Keterangan: Nama Program
: Menu Pelanggan/ Konfirmasi Pembayaran
Fungsi Program
: Sebagai tampilan konfirmasi pembayaran
Akronim
: konfirmasi.php
Tampilan Program
: php
Tampilan Program
: Lampiran A.14
Proses
:
a.
Pilih link yang ada di halaman index pelanggan dengan cara mengklik menu Konfirmasi pembayaran. Footer
b.
Lalu isi data-data di form konfirmasi pembayaran, setelah itu klik Simpan.
15. Spesifikasi Rancangan Testimonial Pelanggan Header Beranda
Cara Order
Keranjang Belanja
Konfirmasi Pembayaran
Testimonial
Hubungi Kami
Gambar Welcome to,
v
Create testimonial
Logout
Nama
:
[nama pelanggan]
Kategori Produk
Email
:
[email pelanggan]
Pesan
:
Status
:
Nomor Rekening
Kalender
Call Center
Pengiriman
Simpan
Pelanggan
Testimoni
Batal
Footer
Gambar III.20 Rancangan Halaman Testimonial Pelanggan Keterangan: Nama Program
: Menu utama/Testimonial
Fungsi Program
: Sebagai Tampilan Komentar Pelanggan
Akronim
: tambah_bukutamu_pelanggan.php
Tampilan Program
: php
Tampilan Program
: Lampiran A.15
Proses
:
a. Pilih link yang ada di halaman pelanggan dengan cara mengklik menu testimonial.
b. Lalu masukan pesan testimonial tentang toko online wall sticker karna sudah login maka nama dan email akan langsung muncul, setelah itu klik simpan.
3.2.2. Halaman Utama Admin 1. Spesifikasi Rancangan Login Admin Header
Username : Gambar
Password : Login
Cancel
Footer
Gambar III.22 Rancangan Halaman Login Admin Keterangan: Nama Program
: Login Admin
Akronim
: index.php
Fungsi
: Untuk masuk ke dalam halaman admin
Bahasa program
: PHP
Bentuk lampiran
: Lampiran A.16
Proses
:
a.
Buka web browser.
b.
Ketikan halaman website (URL) pada addres bar, contoh:http//TA_RITA/admin/.
c.
Setelah itu akan masuk kedalam halaman admin.
2. Spesifikasi Rancangan Halaman Admin Header Selamat Datang di Ruang Admin Data Barang Data Pelanggan Data Pesanan Data Kategori Data Konfirmasi Data Testimonial Laporan Kirim Laporan Penjualan Logout Footer
Gambar III.23 Rancangan Halaman Admin Keterangan: Nama Program
: Halaman Admin
Akronim
: halaman_admin.php Footer
Fungsi
: Untuk menambahkan, mengubah, menghapus atau Menampilkan data
Bahasa program
: PHP
Bentuk lampiran
: Lampiran A.17
Proses
: Setelah login admin, akan muncul halaman admin.
3. Spesifikasi Rancangan Data Barang Header Selamat Datang di Ruang Admin Data Barang Data Pelanggan Data Pesanan Data Kategori Data Konfirmasi Data Testimonial Laporan Kirim Laporan Penjualan Logout
Lihat Data Barang Kode
Id kategori
Nama Barang
Harga
Info Produk
Stok
Gambar
Aksi Record [Edit] [Hapus]
Footer
Gambar III.24 Rancangan Halaman Data Barang Keterangan: Nama Program
: Data Barang
Akronim
: view_barang.php
Fungsi
: Untuk menampilkan data produk
Bahasa program
: PHP
Bentuk lampiran
: Lampiran A.18
Proses
: Klik menu data barang, maka akan muncul
Footer
data-data Produk.
4.
Spesifikasi Rancangan Input Data Barang Header Selamat Datang di Ruang Admin Data Barang Data Pelanggan Data Pesanan Data Kategori Data Konfirmasi Data Testimonial Laporan Kirim Laporan Penjualan Logout
Kode Id Kategori
Pilih Kategori
Nama Harga Satuan Info Produk Stok Gambar
Pilih Gambar
Simpan
Batal
No File Selected
Back to view
Footer
Gambar III.25 Rancangan Halaman Input Data Barang Keterangan: Nama Program
: Input Data Barang
Akronim
: input.php
Fungsi
: Untuk menambahkan barang
Bahasa program
: PHP
Bentuk lampiran
: Lampiran A.19
Proses
:
a.) Klik link tambah barang maka akan muncul form untuk menambahkan data barang. b.) Lalu Input data barang setelah itu klik simpan.
5.
Spesfikasi Rancangan Data Pelanggan Header Selamat Datang di Ruang Admin Data Barang Data Pelanggan Data Pesanan Data Kategori Data Konfirmasi Data Testimonial Laporan Kirim Laporan Penjualan Logout
Lihat Data Pelanggan Username
Password
Nama Lengkap
Alamat Lengkap
Telepon
Email
Footer
Gambar III.26 Rancangan Halaman Data Pelanggan Keterangan: Nama Program
: Data Pelanggan
Akronim
: view_customer.php
Fungsi
: Untuk menampilkan data pelanggan yang sudah terdaftar
Bahasa program
: PHP
Bentuk lampiran
: Lampiran A.20
Proses
: Klik menu data pelanggan, maka akan tampil data-data pelanggan yang telah terdaftar.
Aksi Record [Hapus]
6.
Spesifikasi Rancangan Data Pesanan Header
Selamat Datang di Ruang Admin Data Barang Data Pelanggan Data Pesanan Data Kategori Data Konfirmasi Data Testimonial Laporan Kirim Laporan Penjualan Logout
Lihat Data Pesanan No
Tanggal Order
Nama
Jam
No. Resi
Status Order
Aksi Record [Detail][Hapus]
Footer
Gambar III.27 Rancangan Halaman Data Pesanan Keterangan: Nama Program
: Data Pesanan
Akronim
: view_order.php
Fungsi
: Untuk menampilkan data pesanan
Bahasa program
: PHP
Bentuk lampiran
: Lampiran A.21
Proses
:
a.) Klik menu data pesanan, maka akan tampil pesanan order barang. b.) Klik detail jika ingin melihat detail pesanan dan klik hapus jika ingin menghapus.
7. Spesifikasi Rancangan Detail Pesanan Header Selamat Datang Di Ruang Admin Data Barang Data Pelanggan Data Pesanan Data Kategori Data Konfirmasi Data Testimonial Laporan Kirim Laporan Penjualan Logout
Detail Pesanan No. Order
:
Tgl & Jam Order : No.Resi
:
Status Order
:
Kode Barang
Pilih Status
Nama Produk
Jumlah
Ubah Status Harga Satuan
Sub Total
Total : Grand Total : Nama Pembeli : BACK
Footer
Gambar III.28 Rancangan Halaman Detail Pesanan Keterangan: Nama Program
: Detail Pesanan
Akronim
: order_detail.php
Fungsi
: Untuk menampilkan detail data pesanan
Bahasa program
: PHP
Bentuk lampiran
: Lampiran A.22
Proses
:
a.) Klik menu data pesanan, klik link detail maka akan tampil detail pesanan. b.) Input no. resi lalu pilih status lalu klik ubah status maka status akan berubah.
8. Spesifikasi Rancangan Data Kategori Header Selamat Datang di Ruang Admin Data Barang Data Pelanggan Data Pesanan Data Kategori Data Konfirmasi Data Testimonial Laporan Kirim Laporan Penjualan Logout
Lihat Data Kategori Id Kategori
Nama Kategori
Aksi Record [Edit] [Hapus]
Footer
Gambar III.29 Rancangan Halaman Data Kategori Keterangan: Nama Program
: Data Kategori
Akronim
: view_kategori.php
Fungsi
: Untuk menampilkan data kategori
Bahasa program
: PHP
Bentuk lampiran
: Lampiran A.23
Proses
: Klik menu kategori, maka akan tampil macammacam kategori wall sticker yang dijual.
10. Spesfikasi Rancangan Input Data Kategori Header Selamat Datang di Ruang Admin Data Barang Data Pelanggan Data Pesanan Data Kategori Data Konfirmasi Data Testimonial Laporan Kirim Laporan Penjualan Logout
Input Kategori
Id Kategori Nama Kategori
Simpan
Batal
Back to View
Footer
Gambar III.30 Rancangan Halaman Input Kategori Keterangan: Nama Program
: Input Data Kategori
Akronim
: input_kategori.php
Fungsi
: Untuk menambah data kategori
Bahasa program
: PHP
Bentuk lampiran
: Lampiran A.24
Proses
: Klik link tambah Kategori. Lalu input kategori kemudian simpan.
11. Spesifikasi Rancangan Data Konfirmasi Pembayaran Header
Selamat Datang di Ruang Admin Data Barang Data Pelanggan Data Pesanan Data Kategori Data Konfirmasi Data Testimonial Laporan Kirim Laporan Penjualan Logout
Data Konfirmasi Pembayaran
No Konfirmasi
Id Orders
Tanggal
Dari Bank
Dari No Rek
Tujuan
Jumlah
Gambar
Aksi Record [Hapus]
Footer
Gambar III.31 Rancangan Halaman Data Konfirmasi Pembayaran Keterangan: Nama Program
: Data Konfirmasi
Akronim
: view_konfirmasi.php
Fungsi
: Untuk menampilkan data konfirmasi pembayaran
Bahasa program
: PHP
Bentuk lampiran
: Lampiran A.25
Proses
: Klik menu data konfirmasi, maka akan tampil data konfirmasi pembayaran. Klik hapus maka data akan terhapus.
12. Spesifikasi Rancangan Data Testimonial Header Selamat Datang di Ruang Admin Data Barang Data Pelanggan Data Pesanan Data Kategori Data Konfirmasi Data Testimonial Laporan Kirim Laporan Penjualan Logout
Data Testimonial Id Tamu
Nama
Email
Tanggal
Jam
Pesan
Status
Aksi Record
[Hapus]
Footer
Gambar III.32 Rancangan Halaman Data Testimonial Keterangan: Nama Program
: Data Testimonial
Akronim
: view_testimonial.php
Fungsi
: Untuk menampilkan data komentar pelanggan
Bahasa program
: PHP
Bentuk lampiran
: Lampiran A.26
Proses
: Klik menu data testimonial, maka akan tampil data Testimonial. Klik hapus maka data akan terhapus.
13. Spesifikasi Rancangan Laporan Kirim Header Selamat Datang di Ruang Admin Data Barang Data Pelanggan Data Pesanan Data Kategori Data Konfirmasi Data Testimonial Laporan Kirim Laporan Penjualan Logout
Laporan Data Pengiriman No Kirim
Tanggal Kirim
No Order
Aksi Record
[Hapus]
Footer
Gambar III.33 Rancangan Halaman laporan kirim Keterangan: Nama Program
: Laporan kirim
Akronim
: view_kirim.php
Fungsi
: Untuk menampilkan data laporan data pengiriman
Bahasa program
: PHP
Bentuk lampiran
: Lampiran A.27
Proses
: Klik menu data laporan kirim, maka akan tampil laporan data pengiriman.
14. Spesifikasi Rancangan Laporan Penjualan Header Selamat Datang di Ruang Admin Laporan Penjualan Toko Online Wall Sticker
Data Barang Data Pelanggan Data Pesanan Data Kategori Data Konfirmasi Data Testimonial Laporan Kirim Laporan Penjualan Logout
Periode :
S/D :
view
Batal
Footer
Gambar III.34 Rancangan Halaman Laporan Penjualan Footer
Keterangan: Nama Program
: Laporan Penjualan
Akronim
: laporan.php
Fungsi
: Untuk menampilkan data laporan data penjualan
Bahasa program
: PHP
Bentuk lampiran
: Lampiran A.28
Proses
:
a.) Klik menu data laporan penjualan,
lalu klik periode penjualan lalu pilih
tanggal b.) Setelah itu klik view maka akan tampil laporan data penjualan.
15. Spesifikasi Rancangan Laporan Transaksi Penjualan Laporan Transaksi Penjualan Tanggal : Periode : No Faktur
Nama Member
Tangal Order
Jam Order
Total Bayar
Total : Rp
Gambar III.35 Rancangan Halaman Laporan Transaksi Penjualan Keterangan: Nama Program
: Laporan Transaksi Penjualan
Akronim
: cetak_laporan.php
Fungsi
: Untuk menampilkan data laporan total penjualan per periode.
Bahasa program
: PHP
Bentuk lampiran
: Lampiran A.29
Proses
: Untuk menampilkan ini,klik menu laporan penjualan pada pilihan menu.
3.3. Rancangan Struktur Navigasi 1. Struktur Navigasi Menu Utama User
Gambar III.36 Struktur Navigasi Campuran Menu Utama User
2.
Struktur Navigasi Halaman Admin
Gambar III.37 Struktur Navigasi Campuran Halaman Admin
3.4. Normalisasi 1.
Bentuk Tidak Normal (Unnormalized Form) kode_barang id_kategori nama_barang harga info_produk stok gambar id_kategori nama_kategori no_konf id_orders tgl_konf bank rek tujuan jumbay gambar id_orders username tgl_order jam_order status_order no_resi id_orders kode_barang jumlah username pass_pelanggan nama_pelanggan alamat telepon email id_kirim tgl_kirim
id_orders
Gambar III.38 Bentuk Tidak Normal (Unormalized Form)
2.
Bentuk Nomal Kesatu (Fisrt Normal Form/1NF) kode_barang* nama_barang harga info_produk stok gambar id_kategori* nama_kategori no_konf* tgl_konf bank rek tujuan jumbay id_orders* tgl_order jam_order status_order no_resi jumlah username* pass_pelanggan nama_pelanggan alamat telepon email id_kirim* tgl_kirim
Keterangan: *
Candidate Key
Gambar III.39 Bentuk Normal Pertama (First Normal Form/1NF)
3.
Bentuk Normal kedua (second normal form/2NF) Tabel Konfirmasi
Tabel Orders
Tabel Pengiriman
no_konf*
id_orders *
id_kirim*
tgl_konf
tgl_order
tgl_kirim
bank
jam_order
id_orders**
rek
Status_order
tujuan
no_resi
jumbay
Jumlah
gambar
Username**
id_orders**
Kode_barang **
Tabel Pelanggan username* pass_pelanggan
Tabel Barang Tabel Kategori id_kategori*
Kode_barang *
nama_pelanggan
nama_barang
alamat
harga nama_kategori
info_produk
telepon
stok
email
gambar Id_kategori**
Keterangan: *
Primary Key
:
One To One Relationship
**
Foreign Key
:
One To Many Relationship
Gambar III.40 Bentuk Normal Kedua (Second Normal Form/2NF)
4.
Bentuk Normal Ketiga (Third Normal Form/3NF)
Tabel Kategori
Tabel Orders
Tabel Konfirmasi
id_kategori*
id_orders *
no_konf*
nama_kategori
tgl_order
tgl_konf
jam_order
bank
status_order
rek
no_resi
tujuan
username**
jumbay
Tabel Pengiriman id_kirim* tgl_kirim id_orders**
gambar Tabel Orders_detail
Tabel Barang Kode_barang *
Jumlah Tabel Pelanggan
Id_orders**
nama_barang harga
id_orders**
username*
Kode_barang**
pass_pelanggan
info_produk stok
nama_pelanggan
gambar
alamat
Id_kategori**
telepon email
Keterangan: *
Primary Key
:
One To One Relationship
**
Foreign Key
:
One To Many Relationship
Gambar III.41 Bentuk Normal Ketiga (Third Normal Form/3NF)
3.5. Spesifikasi File Spesifikasi file menjelaskan tentang file-file yang akan digunakan dalam rancangan aplikasi program yang diajukan dan sebagai media penyimpanan data dari proses yang terjadi pada rancangan aplikasi program. Database adalah sekumpulan data yang saling berkaitan satu sama lain, terpusat dan terorganisir sehingga dapat dimanfaatkan dengan cepat dan mudah berbagai macam kebutuhan pengolahan data. Penulis membuat 1(satu) database yang bernama ta_11111345. Adapun spesifikasi file tersebut antara lain: 1. Tabel Barang Nama Tabel
: Barang
Akronim
: barang.myd
Fungsi
: Untuk menyimpan data barang
Type File
: File Master
Panjang Record
: 225 karakter
Media File
: Hardisk
Field Key
: kode_barang
Software
: MySQL Tabel III.1 File Data Barang
No
Element Data
Akronim
Type
Panjang
Keterangan
1
kode_barang
kode_barang
Int
5
primary_key
2
id_kategori
id_kategori
Int
5
Foreign Key
3
nama_barang
nama_barang
Varchar
50
4
harga
harga
Int
10
5
info_produk
info_produk
Varchar
50
6
stok
stok
Int
5
7
gambar
gambar
Varchar
100
2. Tabel Kategori Nama Tabel
: Kategori
Akronim
: kategori.myd
Fungsi
: Untuk kategori barang
Type File
: File Master
Panjang Record
: 55 karakter
Media File
: Hardisk
Field Key
: id_kategori
Software
: MySQL
Tabel III.2 File Data Kategori
3.
No
Element Data
Akronim
Type
Panjang
Keterangan
1
id_kategori
id_kategori
Int
5
primary_key
2
nama_kategori
nama_kategori
Varchar
50
Tabel Konfirmasi Nama Tabel
: Konfirmasi
Akronim
: konfirmasi.myd
Type File
: File Master
Fungsi
: Untuk konfirmasi pembayaran
Panjang Record
: 181 karakter
Media File
: Hardisk
Field Key
: no_konf
Software
: MySQL Tabel III.3 File Data Konfirmasi
4.
No
Element Data
Akronim
Type
Panjang
Keterangan
1
no_konf
no_konf
Int
5
primary_key (auto_increment)
2
id_orders
id_orders
Int
5
Foreign Key
3
tgl_konf
tgl_konf
date
-
4
bank
bank
Varchar
20
5
rek
rek
Varchar
20
6
tujuan
tujuan
Varchar
20
7
jumbay
jumbay
Int
11
8
gambar
gambar
Varchar
100
Tabel Orders Nama Tabel
: Orders
Akronim
: orders.myd
Fungsi
: Untuk menyimpan data order barang pelanggan
Type File
: File Transaksi
Panjang Record
: 95 karakter
Media File
: Hardisk
Field Key
: id_orders
Software
: MySQL
Tabel III.4 File Data Orders No
Element Data
Akronim
Type
Panjang
Keterangan
1
id_orders
id_orders
Int
5
2
username
username
Varchar
50
primary_key (auto_increment) Foreign Key
3
tgl_order
tgl_order
Date
-
4
jam_order
jam_order
Time
-
6
status_order
status_order
Varchar
20
7
no_resi
no_resi
Varchar
20
5. Tabel Orders_detail Nama Tabel
: Orders_Detail
Akronim
: orders_detail.myd
Fungsi
: Untuk detail order barang
Type File
: File Transaksi
Panjang Record
: 15 karakter
Media File
: Hardisk
Field Key
:-
Software
: MySQL Tabel III.5 File Orders_detail
No
Element Data
Akronim
Type
Panjang
Keterangan
1
id_orders
id_orders
Int
5
Foreign_key
2
kode_barang
kode_barang
Int
5
Foreign_key
Jumlah
Int
5
3
jumlah
6. Tabel Pelanggan Nama Tabel
: Pelanggan
Akronim
: pelanggan.myd
Fungsi
: Untuk menyimpan data pelanggan
Type File
: File Master
Panjang Record
: 220 karakter
Media File
: Hardisk
Field Key
: username
Software
: MySQL Tabel III.6 File Data Pelanggan
No
Element Data
Akronim
Type
Panjang
Keterangan
1
username
Username
Varchar
50
primary_key
2
pass_pelanggan
pass_pelanggan
Varchar
50
3
nama_pelanggan nama_pelanggan
Varchar
50
4
alamat
Alamat
Text
-
5
telepon
Telepon
Varchar
20
6
email
Email
Varchar
50
7. Tabel Pengiriman Nama Tabel
: Pengiriman
Akronim
: pengiriman.myd
Fungsi
: Untuk menyimpan data pengiriman
Type File
: File Transaksi
Panjang Record
: 10 karakter
Media File
: Hardisk
Field Key
: id_kirim
Software
: MySQL Tabel III.7 File Data Pengiriman
No
Element Data
Akronim
Type
Panjang
Keterangan
1
id_kirim
id_kirim
Int
5
primary_key (auto_increment)
2
tgl_kirim
tgl_kirim
Date
-
3
id_orders
id_orders
Int
5
Foreign Key
3.6. Spesifikasi Sistem Komputer Sarana pendukung program meliputi perangkat keras (hardware), perangkat lunak (software) agar dapat digunakan untuk melakukan pekerjaan komputerisasi. 1.
Perangkat Keras (Hardware) Yang dimaksud perangkat keras disini adalah seperangkat alat yang membantu sistem
yang diusulkan dengan alat bantu lain. Yang terdiri dari unit masukan (Input), Unit pemrosesan (Process), Unit keluaran (Output), dan untuk simpanan luar (Memory).pemilihan suatu komputer antara lain ditentukan oleh kapasitas komputer dan unit pengolahan datanya (CPU), Unit pemasukan datanya yaitu keyboard dan media penyimpanan datanya berupa Hardisk. Penulis menerangkan juga bahwa perangkat keras yang digunakan pada sistem berjalan saat ini adalah sebagai berikut: a. Proccesor
: Pentium IV
b. RAM
: 512 GB
c. Hardisk
: 80 GB
d. Monitor
: LCD 15”
2.
e. Keyboard
: Standard Keyboard
f. Mouse
: Standart Mouse
g. Printer
: Inkjet
Perangkat Lunak (Software) Perangkat lunak atau software adalah seluruh fase dari sistem pengolahan data yang
diluar dari peralatan komputernya sendiri. Fasilitas software itu sendiri terdiri dari sistem design, program dan prosedur-prosedur lainnya. Disini penulis menerngkan bahwa sistem komputer perangkat lunak yang digunakan saat ini adalah sebagai berikut: a.
Sistem Operasi
: Windows 7
b. Software Design
: Drewamweaver 8.0 dan PhotoScape v3.6.5
c. Server
: Apache
d. Database
: PHP MyAdmin
e. Bahasa Script
: PHP
BAB IV PENUTUP
4.1. Kesimpulan Setelah mengamati dan mempelajari, maka pada bab ini penulis mencoba menarik kesimpulan dari seluruh pokok bahasan pada bab-bab sebelumnya yang ada dalam tugas akhir ini. Adapun kesimpulan tersebut antara lain yaitu: 1.
Dengan PHP kita dapat membuat web lebih dinamis dan MySQL membantu dalam pengolahan data, sehingga dalam membuat sebuah web diperlukan kolaborasi antara program-program diatas.
2.
Dapat mempermudah pengunjung mengetahui informasi model-model wall sticker yang dijual.
3.
Dengan adanya website informasi online, hal inilah yang dimanfaatkan oleh penulis dalam memperkenalkan atau mempromosikan barang dagangan melalui internet sehingga diharapkan terciptanya brand image wall sticker yang baik.
4.
Dengan mengunakan sarana website online, bisnis dapat berjalan dengan mudah dan perkembangan bisnis dapat berkembang lebih cepat.
4.2. Saran-saran Beberapa hal yang diharapkan penulis dapat menunjang keberhasilan dan menghasilakan website yang jauh lebih baik lagi antara lain:
1.
Selalu dilakukan pembaharuan data, sehingga yang disampaikan dapat terus disesuaikan dengan perkembangan mode.
2.
Melihat internet merupakan teknologi informasi yang terus berkembang, maka sejalan dengan hal tersebut website e-commers ini juga dapat dikembangkan lebih baik dari segi materi maupun designnya sesuai dengan kebutuhan.
3.
Perlu adanya pelatihan kepada operator mengenai penggunaan website, agar dapat dimengerti oleh penggunaan dan tidak mengalami kesulitan dalam menggunakan website.
4.
Penulis menyarankan agar website yang penulis buat dapat diikuti oleh masyarakat, perusahaan dan juga kampus yang belum menerapkan penggunaan internet atau teknologi.
5. Penggunaan sarana penunjang dalam hal ini perangkat keras dan perangkat lunak harus sesuai dengan yang dianjurkan minimal jangan terlalu jauh perbedaannya karena sarana penunjang yang tidak memadai akan memperlambat program aplikasi website. 6. Senantiasa melakukan kegiatan pemeliharan baik hardware maupun software dengan memeriksa keadaan perangkat-perangkat tersebut.
Hal-hal tersebut merupakan masukan dari penulis supaya website yang diharapkan dapat memberikan hasil kerja yang berdaya guna sekaligus efesien. Oleh karena itu penulis menyarankan selain meningkatkan perangkat komputer juga memperhatikan sumber daya manusia yang ada, karena perangkat komputer dengan pemakaian merupakan dua aspek yang saling menunjang untuk kemajuan perusahaan ataupun masyarakat pada umumnya.
DAFTAR PUSTAKA
Anhar. 2010. Panduan Menguasai PHP & MySQL secara Otodidak. Jakarta: Media Kita. Binanto, Iwan. 2010. Multimedia Digital Yogyakarta: C.V ANDI OFFSET.
Dasar
Teori
+
Pengembangannya.
Madcoms. 2007. Seri Panduan Lengkap Macromedia Dreamweaver 8. Yogyakarta: C.V ANDI OFFSET. Marlinda, Linda. 2004. Sistem Basis Data. Yogyakarta: C.V ANDI OFFSET. Peranginangin, Kasiman. 2006. Aplikasi WEB dengan PHP dan MySQL.Yogyakarta: C.V ANDI OFFSET. Prihatna, Henky. 2006. Kiat Praktis Menjadi Webmaster Profesional. Jakarata: Elex media. Puspitawati, Lilis, dan Sri Dewi Anggadini. 2011. Sistem Informasi akuntansi. Yogyakrta: Graha Ilmu. Sadeli, Muhammad.2013. Toko Baju Online dengan PHP dan MySQL. Palembang: Penerbit Maxikom. Sarwono, Jonathan, dan Tutty Martadiredja. 2008. Teori E-Commerce Kunci Sukses Perdagangan Internet. Yogyakarta: GAYA MEDIA. Soetejo, John. 2012. Jurus Kilat Mahir INTERNET Dari Nol Hingga Jago Dalam Hitungan Menit. Jakarta: DUNIA KOMPUTER. Sukarno, Mohamad. 2006. Membangun Website Dinamis Interaktif Dengan PHP MySQL (Windows&Linux). Jakarta: Eka Media Press. Utomo, Eko Priyo. 2005. Berbisnis Di Era Internet Dengan E-Commerce. Bandung: YRAMA WIDYA.
DAFTAR RIWAYAT HIDUP
A. Biodata Mahasiswa NIM Nama Tampat&Tanggal Lahir Alamat Lengkap
: : : :
11111345 Rita Alfiani Safitri Jakarta, 13 Maret 1994 Jl. Jiban II N0. 22 Rt.007/001 Kebayoran lama – Jakarta Selatan
B. Riwayat Pendidikan Formal/Non Formal
1. SDN KREO 2 Tangerang, lulus tahun 2005 2. SMP Tri Mulia Jakarta Selatan, lulus tahun 2008 3. SMK Negeri 45 Jakarta Barat, lulus tahun 2011 C. Riwayat Pengalaman Berorganisasi / Pekerjaan 1. Magang di MENPORA pada bag. Admin, Jakarta Selatan. Tahun 2010. 2. Cashier kontrak di PT. TRANS RETAIL INDONESIA/ Carrefour cabang Blok-M, Jakarta Selatan Tahun 2013 3. Anggota paskibra di SMK Negeri 45, Jakarta Selatan Tahun Akademi 2009/2011
Jakarta, 02 Mei 2014 Foto 3x4
RITA ALFIANI SAFITRI
Lampiran A.1 Rancangan Halaman Index
Lampiran A.2 Rancangan Halaman Profil
Lampiran A.3 Rancangan Halaman Cara Order
Lampiran A.4 Rancangan Halaman Testimoinial
Lampiran A.5 Rancangan Halaman Hubungi Kami
Lampiran A.6 Rancangan Halaman Kategori Produk
Lampiran A.7 Rancangan Halaman Detail Produk
Lampiran A.8 Rancangan Halaman Login Member
Lampiran A.9 Rancangan Halaman Daftar Member
Lampiran A.10 Rancangan Halaman Index Pelanggan
Lampiran A.11 Rancangan Halaman Kategori Produk Pelanggan
Lampiran A.12 Rancangan Halaman Keranjang Belanja
Lampiran A.13 Rancangan Halaman Struk Transaksi Pembelian
Lampiran A.14 Rancangan Halaman Konfirmasi Pembayaran
Lampiran A.15 Rancangan Halaman Testimonial Pelanggan
Lampiran A.16 Rancangan Halaman Login Admin
Lampiran A.17 Rancangan Halaman Admin
Lampiran A.18 Rancangan Halaman Data Barang
Lampiran A.19 Rancangan Halaman Input Data Barang
Lampiran A.20 Rancangan Halaman Data Pelanggan
Lampiran A.21 Rancangan Halaman Data Pesanan
Lampiran A.22 Rancangan Halaman Detail Pesanan
Lampiran A.23 Rancangan Halaman Data Kategori
Lampiran A.24 Rancangan Halaman Input Kategori
Lampiran A.25 Rancangan Halaman Data Konfirmasi Pembayaran
Lampiran A.26 Rancangan Halaman Data Testimoinial
Lampiran A.27 Rancangan Halaman Laporan Kirim
Lampiran A.28 Rancangan Halaman Laporan Penjualan
Lampiran A.29 Rancangan Halaman Laporan Transaksi Penjualan