tugas akhir...wanita berbasis web, maka bahan kajian yang akan disajikan pada kesempatan ini adalah...
TRANSCRIPT
PERANCANGAN SISTEM INFORMASI PENJUALAN
AKSESORIS BERBASIS WEB
TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma (D.III)
Domingas Lourdes Da Silva
NIM : 12140357
Program Studi Manajemen Informatika
Akademi Manajemen Informatika dan Komputer BSI Jakarta
Jakarta
2017
KATA PENGANTAR
Puji Syukur kehadirat Tuhan Yang Maha Esa, yang telah memberik:an
kekuatan lahir batin, sehingga penulis dapat menyelesaikan Tugas Akhir ini
dengan baik. Dimana Tugas Akhir ini penulis sajikan dalam bentuk buku yang
sederhana . Adapun judul penulisan Tugas Akhir, yang penulis ambil sebagai
berikut:
"Perancanagan Sistem Informasi Penjualan Aksesoris
Berbasis Web".
Tujuan penulisan Tugas Akhir ini dibuat sebagai salah satu syarat
kelulusan program Tiga (D.III) AMIK BSI. Sebagai bahan penulisan diambil
berdasarkan hasil penelitian (ekperimen) , obsevasi dan berapa sumber literature
yang mengukung penulisan ini. Dalam menyusun karya Tugas Akhir ini,penulis
memperoleh dukungan motivasi ,bimbingan,doa,maupun bantuan dari berbagai
pihak, Oleh sebab itu pada kesempatan ini penulis ingin menyampaikan ucapan
terima kasih kepada:
1. Direktur Bina Sarana Informatika
2. Wakil direktur I Bidang Akademik Bina Sarana Informatika
3. Ketua Jurusan Manajemen Informatika Bina Sarana Informatika
4. lbu Anggi Oktaviani,M.Kom selaku Dosen Pembirnbing Tugas Akhir.
5. lbu Rahayu Swastika, M.Kom selaku Asisten Pembimbing Tugas Akhir.
6. Staff penganjar /karyawan /dosen dilingkungan AMIK BSI.
vii
7. Ana Paula Gama ,Sr.lvonia Belo,FMA.
8. Rekan-rekan mahasiswa kelas 12.6B.07
9. Kedua orang tua tercinta yang telah memberikan motivasi dan Doa sehingga
penulis dapat menyelesaikan kuliah dan penulisan tugas Akhir.
Serta semua pihak yang terlalu banyak untuk disebut satu persatu sehingga
terwujudnya penulisan ini. penulis menyadari bahwa penulisan tugas akhir ini
masih jauh dari sempuma, untuk itu punulis mohon kritik dan saran yang bersifat
membangun demi kesempurnaan penulisan dimasa yang yang akan datang.
akhir kata semoga tugas akhir ini dapat berguna bagi penulis khususnya
dan bagi para pembaca yang berminat pada umumnya.
Domingas Lourdes Da Silva
viii
ix
ABSTRAK
Domingas Lourdes Da Silva (12140357),Perancangan sistem informasi
penjualan aksesoris berbasis web.
Saat ini usaha kreatif sangat populer di masyarakat dan mengalami perkembangan
yang sangat pesat, salah satunya adalah usaha aksesoris. Usaha ini mempunyai
cukup banyak pelanggan, namun proses pemasarannya kurang efektik dan efesien
karena penggunaan sistem informasi yang masih konvensional atau tradisional.
Hal ini merupakan alasan mengapa perancangan sistem informasi penjualan
aksesoris berbasis web merupakan isu yang selalu menarik untuk dibahas.
Perancangan sistem informasi ini bertujuan untuk memperluas daerah pemesaran
dari pasar nasional ke pasar internasional, meningkatkan efisieni perusahaan,
meminimalkan biaya pembuatan, pemrosesan, pendistribusian, penyimpanandan
pencarian informasi yang menggunakan kertas serta mengurangi biaya
administrasi. Metode pengembangan perangkat lunak yang digunakan dalam
perancangan ini adalah model water fall yang terbagi menjadi lima tahapan yaitu
Communication (Project Initiation & Requirement Gatherin), Planning
(Estimating, Scheduling, Tracking), Modeling (Analysis & Design), Construction
(Code & Test), Dan Deployment (Delivery, Support, Feedback). Sedangkan
metode pengumpulan data melalui observasi dan studi pustaka.Dengan adanya
sistem ini, memungkinkan pelanggan berbelanja atau melakukan transaksi lain
sepanjang tahun selama 24 jam sehari dari manapun. Bagi penulis sendiri, dapat
memanfaatkan sistem ini untuk menyalurkan hobi bahkan menjadikan media
kreasi melalui aneka ragam aksesoris yang akhirnya berkembang menjadi suatu
keuntungan dalam berbisnis.
Kata Kunci:Sistem informasi, aksesoris berbasis web.
x
ABSTRACT
Domingas Lourdes Da Silva (12140357), information Design sales of web-
based accessories.
The design of this information system aims to expand the enlargement area from
the national market to the international market, improve the efficiency of the
company, minimize the cost of making, processing, distributing, storing and
searching information using paper and reduce administrative costs. The software
development method used in this design is the water fall model which is divided
into five stages: Communication (Project Initiation & Requirement Gathering),
Planning (Estimating, Scheduling, Tracking), Modeling (Analysis & Design),
Construction (Code & Test), And Deployment (Delivery, Support, Feedback).
While the method of data collection is through observation and literature
study.With this system, allow the customers to shop or perform other transactions
throughout the year for 24 hours a day from anywhere. For writers themselves,
can take advantage of this system to channel the hobby and even create a creative
media through a variety of accessories that eventually developed into an
advantage in doing business.
Keywords: Information systems, web-based accessories.
DAFTAR ISI
Halaman
Lembar Judul Tugas Akhir............................................................................... i
Lembar peryataan Keaslian Tugas Akhir ........................................................ ii
Lembar Pernyataan Persetujuan .....................................................................iii
Lembar Persetujuan dan pengesahan Tugas Akhir ......................................... iv
Lembar Konsultasi Tugas Akhir ..................................................................... v
Kata Pengantar ............................................................................................... vii
Lembar Abstrak ............................................................................................... ix
Daftar isi .......................................................................................................... xi
Daftar Simbol ................................................................................................. xii
Daftar Gambar ................................................................................................xiii
Daftar Tabel ................................................................................................... xiv
Daftar Lampiran ............................................................................................. xv
BAB I PENDAHULUAN ............................................................................... 1
1.1. Latar Belakang ........................................................................ 1
1.2. Maksud dan Tujuan ................................................................ 2
1.3. Metode Penelitian................................................................... 3
1.4.Ruang Lingkup ........................................................................ 5
1.5. Sistematika Penulisan ............................................................ 5
BAB II LANDASAN TEORI ......................................................................... 7
2.1. Konsep Dasar Web .................................................................................. 7
2.1.1 Internet /Website ....................................................... 7
2.1.2 Website ..................................................................... 9
2.1.3 Web Browser .................................................................................. 10
2.1.4 Web Server ..................................................................... 10
2.1.5 URL( Universal Resource Locatol) ........................................................ 10
2.1.6 Web Hosting ........................................................................................ 11
2.1.7 Hipertext Markup languague (HTML)..................................... 11
2.1.8 Web Hosting ................................................................... 12
2.2. Bahasa Pemograman ................................................................................ 12
2.2.1 Apache..................................................................................................... 12
2.2.2 PHP ......................................................................................................... 13
2.2.3 MySQL .................................................................................................... 13
2.2.4 PHP MyAdmin ........................................................................................ 13
2.2.5 Basis Data ............................................................................................... 15
2.2.6 Model pengembangan Perangkat Lunak ................................................ 16
2.2.7 Analisis dan definisi Perangkat Lunak .................................................. 19
2.2.8 Perancangan Sistem dan Perangkat lunak ............................................. 19
2.2.9 Implementasi dan Pengujian Unit ......................................................... 20
2.3.Teori Pendukung ........................................................................................ 20
2.3.1 Struktur Navigasi .................................................................................... 20
2.3.2Entity Relationship Diagram.................................................................... 23
2.3.3 Cardinality Ratio/derajat Kardinalitas.................................................. 25
2.3.4Logical Record Structure ......................................................................... 27
2.3.5Pengujian web .......................................................................................... 28
BAB III PEMBAHASAN ............................................................................... 30
3.1.Analisa Kebutuhan ..................................................................................... 30
3.2. Perancangan perangkat lunak .................................................................... 33
3.2.1 Rancangan Antar Muka ......................................................................... 31
3.2.2 Rancangan Basis Data ...................................................... 38
3.2.3 Rancangan Struktur Navigasi .......................................... 48
3.3. Implementasi dan pengujian Unit ............................................................ 50
3.3.1 Implementasi Rancangan Antar Muka ................................ 50
3.3.2 Spesifikasi Sistem komputer .............................................. 61
3.3.3 Pengujian Unit ....................................................................................... 62
BAB IV PENUTUP ......................................................................................... 65
4.1 Kesimpulan ................................................................................................ 65
4.2 Saran .......................................................................................................... 65
DAFTAR PUSTAKA ..................................................................................... 67
DAFTAR RIWAYAT HIDUP ...................................................................... 68
LAMPIRAN .................................................................................................... 69-72
DAFTAR GAMBAR
Gambar Halaman
1. Gambar II.1 Jaringan Internet .................................................................... .8
2. Gambar II. 2 Tampilan phpMyAdmin ...................................................... 14
3. Gambar II.3 Tampilan Database phpMyAdmin ....................................... 14
4. Gambar II.1Ilustrasi model waterfall ........................................................... 16
5. Gambar II.4 Struktur Navigasi linier ........................................................... 21
6.Gambar II.5 Struktur Navigasi non-linier ..................................................... 22
7.Gambar II.6Struktur Navigasi hirarki non –linier ......................................... 22
8.Gambar II.7 Stuktur Navigasi campuran ...................................................... 22
10.Gambar III.1 HalamanLogin Admin ........................................................... 31
11.Gambar III.2Halaman Utama Admin ........................................................ .32
12.Gambar III.3Halaman Tambah Admin baru ............................................... 33
13.Gambar III.4 Halaman Tabel Data ............................................................. 33
14.Gambar III.5 Halaman form pengisian data ................................................ 34
15.Gambar III.6Halaman data admin ............................................................... 34
16.Gambar III.7 Halaman Data kategori Aksesoris ......................................... 34
17.Gambar III.8 Halaman Data kota pengirim................................................. 35
18.Gambar III.9 Halaman data pemesanan sementara .................................... 35
19. Gambar III.10Form Pengisian data ........................................................ ..36
20. Gambar III.11Form kategori aksesoris .................................................... 36
21. Gambar III. 12Form Kategoris ................................................................. 37
22. Gambar III.13 Form kota Pengirim .......................................................... 37
DAFTAR TABEL
Table Halaman
1. Tabel III.1 Admin....................................................................................51
2. Tabel III.2 Akseoris...............................................................................52
3. Tabel III.3Order.....................................................................................52
4. Tabel III.4Kategori.................................................................................53
5. Tabel III.5Sementara..............................................................................53
6. Tabel III.6 Ongkir...................................................................................54
7. Tabel III.7Pembayaran...........................................................................54
8. Tabel III.8 Member.................................................................................55
9. Tabel III.9 Pengujian Black Box Login user dan admin........................55
DAFTAR LAMPIRAN
Lampiran A-1 Tampilan Awal Admin ............................................................69
Lampiran A-2 Tampilan Home Admin ..........................................................69
Lampiran A-3 Tampilan tabel data Admin ....................................................70
Lampiran B-4 Tampilan Awal Web ................................................................70
Lampiran B-5 Tampilan Home .......................................................................71
Lampiran B-6 Tampilan Profil ........................................................................71
Lampiran B-7 Tampilan Barang .....................................................................72
1
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
Aksesoris adalah barang-barang apa yang dipakai untuk berhias, benda yang digunakan
untuk mempercantik diri. Aksesoris merupakan pernak-pernik atau hiasan yang biasanya
dipakai oleh seorang wanita dengan tujuan untuk mempercantik dirinya agar terlihat
lebih menarik. Oleh karena itu banyak wanita yang tertarik dan berminat untuk
mengkoleksi berbagai aksesoris yang lucu, unik, dan dengan model yang bagus.
Aksesoris–aksesoris yang sering digunakan, seperti: anting, gelang, kalung, jepit
rambut,dan masih banyak lagi yang lainnya, dan memiliki variasi bahan yang
berbeda-beda mulai dari yang murah sampai yang mahal.
Bahan-bahan aksesoris dari emas meskipun memiliki kekuatan dan pesona
tersendiri, namun harganya tentulah sangat mahal, sedangkan aksesoris wanita dari
bahan-bahan alam seperti kayu, batu, bahan limbah dan lain sebagainya relatif lebih
murah. Namun masing-masing memiliki segmen penggemar sendiri-sendiri, hal inilah
yang menyebabkan bisnis aksesoris wanita pasarnya sangat luas. Bisnis aksesoris
wanita menjadi salah satu peluang usaha yang cukup potensial.
Mengingat belum terlalu banyak usaha yang dibuka khusus menjual aksesoris
wanita berbasis web, maka bahan kajian yang akan disajikan pada kesempatan ini adalah
E-Commerce tipe penjualan Aksesoris dimana proses penjualannya hampir sama dengan
prosedur penjualan toko on-line,yang memudahkan setiap peminat dan pembeli dengan
ragam manfaat yang tersedia. Berdasarkan pemahaman diatas, maka penulis merasa
2
terinspirasi untuk membuat laporan Tugas Akhir dengan judul:“PERANCANGAN
SISTEM INFORMASI PENJUALAN AKSESORIS BERBASIS WEB”.
1.2 Maksud Dan Tujuan
Maksud perancangan e-commerce penjualan Aksesoris ini yaitu:
1. Memperluas daerah pemasaran dari pasar nasional hingga ke pasar internasional.
2. Dengan pengeluaran dana yang minim, perusahan dapat dengan mudah dan cepat
menemukan banyak pelanggan, supplier yang lebih baik dan rekan bisnis yang
baru.
3. Mengurangi biaya pembuatan, pemrosesan, pendistribusian, penyimpanan, dan
pencarian informasi yang menggunakan kertas.
4. Dapat mengurangi biaya administrasi hinga 80% atau lebih, mengurangi biaya
purchasing hingga 5-10%, dan mengurangi cycle time hingga 50% lebih.
Tujuan dari perancangan e-commerce ini yaitu:
1. Untuk memungkinkan pelanggan berbelanja atau melakukan transaksi lain
sepanjang tahun selama 24 jam sehari dari manapun.
2. Memanfaatkan media sosial untuk menyalurkan hobi bahkan menjadikan media
kreasi melalui aneka ragam aksesoris yang akhirnya berkembang menjadi suatu
keuntungan dalam berbisnis.
3. Sebagai salah satu syarat kelulusan program Diploma Tiga (D.III) Jurusan
Manajemen Informastika dan pada Akademi Manajemen Informatika Bina Sarana
(AMIK BSI).
3
1.3 Metode Penilitian
A. Metode pengembangan perangkat lunak
Menurut Sukanto, dan M.Shalahudin (2010:28) Model air terjung (waterfall)
sering juga disebut model sekuensial linear atau alur hidup perangkat lunak
secara sekuensial atau terurut dari analisis desain pengodean, pengujian dan
tahap pendukung (support)
1. Analisa dan Defini Persyaratan
Tahapan ini sangat menekan pada pengumpulan kebutuhan pengguna pada
tingkatan sistem dengan menentukan konsep sistem beserta antarmuka yang
menghubunkannya dengan lingkungan sekitar, hasilnya berupa spesifikasi
2. Perangkat Sistem dan Perangkat Lunak
Proses perancangan sistem ini difokuskan pada empat atribut, strutur data,
representasi antarmuka,arsitektur lunak,dan interaksi antar objek.
3. Implementasi dan Pengujian Unit
Pada tahap ini,perangakat lunak direalisasikan sebagai serangkaian program
atau unit program. Kemudian pengujian unit melibatkan verifikasi bahwa
setiap unit program telah memenuhi spesifikasinya.
B. Teknik Pengumpulan Data
Guna memperoleh data-data sebagai bahan penyusunan Tugas Akhir ini, Penulis
telah mengumpulkan data-data dari hasil pengamatan dengan melakukan
metode pengumpulan data yaitu:
1. Penelitian Lapangan (field Research)
4
Penelitian isi dilakukan dengan melakukan pada pengumpulan data ini
dilakukan dengan meminta dari pihak data yang memperoleh akan menjadi
pedoman dalam perancangan online ini.
2. Penelitian kepustakan (library Research)
Dalam hal ini penulian menggunakan buku-buku yang berhubungan dengan
masalah yang akan dibahas dann searching internet ataupun yang
diperoleh penulis selama masa perkuliahan yang berguna sebagai bahan
referensi untuk melengkapi penulisan TA ini.
1.4 Ruang lingkup
Ruang lingkup yang akan dibahas dalam Tugas Akhir yang dibuat oleh penulis
adalah:Home, Profile, Barang, Panduan, Konfirmasi, dan Keranjang Belanja.
1.5 Sistem Penulisan
Bab ini berisi tentang latar belakang maksud dan tujuan, metode penelitian, ruang
lingkup dan sistematika penulis.
BAB I PENDAHULUAN
Bab ini Berisi tentang latar belakang maksud dan tujuan,
Metodepenelitian, ruang lingkup dan sistematika
penulisan.
BAB II LANDASAN TEORI
Pada bab ini berisikan tentang uraian konsep dasar web dan teori
pendukung sistem.
5
BAB III PEMBAHASAN
Pada bab ini menjelaskan analisa kebutuhan, perancangan perangkat
lunak yang menguraikan rancangan antar muka dan basis
data,spesifikasi file implementasi dan pengujian unit yang
menguraikan implementasi rancangan antar muka dan spesifikasi
sistem komputer yang menguraikan spesifikasi perangkat keras dan
spesifikasi perangkat lunak,pengujian unit.
BAB IV PENUTUP
Bab ini berisi tentang kesimpulan dan saran dari hasil penyusunan
Laporan Tugas Akhir yang telah disusun.
7
BAB II
LANDASAN TEORI
2.1.Konsep Dasar Web
Menurut Hidayat,Rahmat(2010:2),Website atau situs dapat diartikan
sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar
diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya,
baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian
bangunan yang saling terkait dimana masing-masing dihubungkan dengan
jaringan-jaringan halaman (hyperlink) Bersifat statis apabila isi
informasi website tetap, jarang berubah, dan isi informasinya searah hanya dari
pemilik website. Bersifat dinamis apabila isi informasi website selalu berubah-
ubah, dan isi informasinya interaktif dua arah berasal dari pemilik serta
penggunawebsite.
2.1.1 Internet Website
Menurut Irawan (2011:2) internet merupakan kependekan dari kata“
internetwork”,yang berarti rangkaian komputer yang terhubung menjadi beberapa
rangkaian jaringan. Sistem komputer terhubung secara global dan mengunakan
TCP/IP sebagai protocol. Secara umum internet dapat diartikan sebagai pertukan
Informasi dan komunikasi semua informasi didapatkan dengan mudah dan bebas
di internet tanpa ada batasan. berikut perkembangan penting yang dianggap
sebagai cikal-cikal lahirnya internetsekaligus sebagai tahapan paling bersejarah
yang membuat teknologi jaringan dan internet menjadi berkembang seperti
sekarang ini.
8
a. Penemuan packet switching pada tahun 1960 oleh ARPA. pakcet switching
adalah pengiriman pesan yang data dipecah dalam paket-paket kecil yang
masing-masing paketnya dapat melalui alternative jalur packet swiching juga
memungkinkan jaringan dapat digunakan secara bersama untuk melekukan
banyak koneksi.
b. Salah satu pekembangan besar jaringan komputer yang dicatat dalam sejarah
padahal pengembanga lapisan protocol jaringan yang paling banyak
digunakansekarang yaitu TCP/IP (Transmission Control/Internet
Protocol).protocol adalah suatu kumpulan aturan untuk berhubungan antar
jaringan.peritiwa yang paling bersejarah ,dan membawa perubahan besar dalam dalam
dunia internet adalah ketika terbangunnya aplikasi WWW(world wide web)pada tahun
1990 oleh Tim Berners –Lee.WWW membuat semua pengguna dapat saling berbagi
bermacam-macam aplikasi dan konten,serta salin mengaitka materi-materi dan informasi
yang terbesar di internet. Setelah lahirnya WWW aplikasi dan konten internet pun
semakin berkembang hingga hari ini.sebagai sebuah sebuah jaringan transportasi segala
informasi yang berbentuk yang membentuk file atau data.
Gambar II.1
Jaringan Internet
Sumber:Irawan (2011:2)
9
2.1.3 Website
Pengertian website Menurut Rudianto (2011:1), www biasa disingakat
web adalah suatu ruang informasi yang dipakai oleh pengenal global yang disebut
(Uniform Resorce Indentifirer) untuk mengindentifikasi sumber daya berguna,
maka dengan web ini, pengguna bisa mencari informasi dalam berbagai bentuk.
Informasi yang dihasilkanweb dapat berupa teks gambar,audio visual,model grafis
film,dan lain-lain.
Menurut Hidayat (2010:3), sering dengan perkembangan teknologi
informasi yang begitucepat, website juga mengalami perkembangan yang sangat
berarti. Dalam pengelompokan jenis web, lebih diarahkan berdasarkan kepada
fungsi. Sifat atau style dan bahasa pemrograman yang diguanakan. Apapun jenis-
jenis web, berdasarkan sifat atau style.
a. Website dinamis, merupakan sebuah website yang menyediakan konten atau isi
yang selalu berubah-ubah setiap saat. bahasa pemrograman yang digunakan antara
lain PHP,ASP,NET dan memanfaatkan database MySQL atau SQL.
b.Website statis, merupakam website yang kontenya sangat jarang berubah bahasa
pemrograma yang digunakan adalah HTML dan belum memanfaatkan
database.berdasarkan pada fungsinya website terbagi atas;
personal website, website yang berisi informasi pribadi seseorang. Commercial
website,website yang memiliki oleh instansi pemerintah, pendidikan yang
bertujuan membersikan pelayanan kepada pengguna.
10
2.1.4 Web Browser
Untuk mengakses internet diperlukan suatu aplikasi yang disebut web
browser, program aplikasi ini mempunyai kemampuan untuk menampilkan suatu
web pageyang ditulis dengan format HTML.Dua contoh program aplikasi
angkatan pertama danmosale.Lynx adalah web browser yang berbasis text.
kekurangannya adalah dia tidak bisa menampilkan gambar tetapi dia lebih cepat
menampilkan text format browser ini banyak diikuti oleh browser lain yang lahir
setelahnya seperti nascape atau internet explorer.
2.1.5 Web Server
Web server merupakan server internet yang mampu melayani koneksi
transfer data dalam protokol HTTP. Web server merupakan hal yang terpenting
dari server di internet dibandingan server lainnya seperti e-mail server,ftp server
ataupun newsserver.Hal ini disebabkan web server telah dirancang untuk dapat
melayani beragam jenis data, dari text sampai grafis 3 dimensa. kesempatan ini
telah menyebabkan berbagai institusi seperti universitas maupun perusahan dapat
menerima kehadirannya dan juga sekaligus mengunakannya sarana di internet.
2.1.6 URL (Universal Resouce Locatol)
Seorang pengguna internet bukan hanya mengakses web page yang berupa
dokumen HTML saja tetapi data juga mengakses dokumen-dokumen yang
disediakan FTP, Gopher, Unsenet news dan sebagainnya. Karena jenis dokumen
yang bisa di akses maka dibutukan suatu cara–cara menunjuk dengan cepat
11
kedokumen yang diinginkan. URL (Universal Resouce Locatol) adalah jawaban
dari masalah tersebut.
2.1.7 Hipertext Markup Languague (HTML)
Menurut Sibero (2012:19), “Hyper Text Markup Language atau HTML
adalah bahasa yang digunakan pada dokumen web sebagai bahasa untuk
pertukaran dokumen web”.
Menurut Kustiyahningsih (2012:13), ”HTML kependekan hyper
textmarkup language. Dokumen HTML adalah text lift murni dapat dibuat dengan
editor text sembarang. Dokumen ini dikenal sebagai web page. File-file HTML ini
berisi instruksi-instruksi yang kemudian diterjemahkan oleh browser yang ada di
komputer Klient(user) sehingga isi informasinya dapat di tampilkan secara visual
di komputer pengguna”.
HTML merupakan salah satu format yang digunakan dalam pembuatan
dokumen atau aplikasi yang berjalan di halaman web atau word wide web, dengan
hypertext dan informasi lain yang akan ditampilkan pada halaman web”.
Berdasarkan pendapat para yang dikemukakan di atas ditarik kesimpulan bahwa
HTML adalah bahasa yang tepat dipakai untuk menampilkan informasi pada
halaman web, karena HTML menampilkan informasi dalam bentuk hypertext dan
juga mendukung sekumpulan perintah yang dapat digunakan untuk mengatur
tampilnya informasi.
12
2.1.8 Web Hosting
Web hosting terdiri dari banyak web server yang menampung banyak situs
dengan domain yang berbeda didalamnya. Untuk itu sebelumnya kita harus
memiliki nama domain agar situs yang sudah dibuat dapat dipublikasikan. Untuk
nama domain dengan bentuk www.namadomain.xxx (dimana xxx antara lain com,
net,org ataupun co.id). karena aplikasi yang kita buat menggunakan script PHP,
maka otomatis web host yang harus dipilih adalah yang mendukung penggunaan
PHP.
2.2 Bahasa Pemograman
Pemograman berbasis web adalah proses membuat sebuah program
komputer yang berdasarkan pada halaman situs yang menampilkan sebagai
informasi berbentuk teks, grafi, suara dan sumber daya animasi melalui protokol
transfer hypertex. Untuk membuat sebuah pemograman berbasis web dibutuhkan
sebuah bahasa pemograman tertentu yang dapat mendukun program tersebut
bahasa pemograman.
2.2.1 Apache
Apache server web yang bisa dijalankan di banyak sistem operasi. Apache
merupakan web server yang digunakan untuk menampilkan website di internet
seperti menggunakan Mozilla, Google Crome, IE,safari dll berdasarkan kode-
kode yang di tulis didalam website tersebut baik menggunakan bahasa
pemograman HTML maupun PHP yang mengambil suatu database yang dibangun
di MySQl.
13
2.2.2. PHP
Manurut Anhar (2010:3) “PHP adalah bahasa pemograman script yang
paling banyak dipakai saat ini”. PHP banyak dipakai untuk pemograman situs web
dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain.
Berbeda dengan HTML yang source kodenya di tampilkan di website, source
kode PHP tidak di tampilkan di halaman muka suatu website karenaa PHP di olah
dan doproses di server, PHP bersifat server-side scripting yang mampu berjalan di
berbagai sistem operasi seperti windows, linux, dll.
PHP memiliki kedinamisa dalam hal database yang bisa dihubungan
dengan PHP seperti MySQL, Oracle, MS Access SQL. Namun untuk
pemograman website yang palin digunakan adalah MySQL. PHP sendiri sekarang
sudah mengalami perkembangan yang pesat.
2.2.3. MySQL
MenurutAnhar (2010:21) “MySQL (My Structure Query Language)
adalahsebuahperangkatlunaksistemmanajemen basis data SQL (Database
Management System) atau DBMS darisekianbanyak DBMS, seperti oracle, MS
SQL, Postagre SQL, dan lain-lain”.
2.2.4 PHPMyAdmin
Menurut Sibero (2011:367) “phpmyadmin adalah aplikasi web yang dibuat
oleh phpMyAdmin.net.. phpMyAdmin digunakan untuk administrasi database
MySQL”. Program ini digunakan untuk mengakses database MySQl. Perintah
untuk membuat tabel dapat menggunakan form yang sudah tersedia pada
14
phpMyAdmin atau dapat langsung menuliskan script pada menu SQl.
phpMyAdmindijalankan dengan cara mengetik http://localhost/phpmyadmin pada
web brouser.
Gambar II.2
Tampilan phpMyAdmin
Sumber: Sibero (2011:367)
Gambar II.3
Database phpAdmin
Sumber : Sibero (2011:367)
15
2.2.5 Basis Data
Basis data adalah (database) atau basis data,adalah kumpulan informasi
yang disimpam di dalam komputer secara komputer secara sistematik sehingga
dapat diperiksa menggunakan suatu program komputer untuk memperoleh
informasi dari basis data tersebut. Perangkat lunak yang digunakan untuk
mengelola dan memanggil query basis data disebut sistem manajemen basis data
(database managemen system,DBMS). Sistem basis data dipelajari dalam ilmu
informasi.
Konsep dasar dari basis data adalah kumpulan dari catatan-catatan,atau
potongan dari pengetahuan. Sebuah basis data memiliki penjelasan struktur dari
jenis fakta yang di simpan di dalamnya. Penjelasan ini disebut skema. skema
menggambarkan obyek yang diwakili suatu bisnis data, dan hubungan di antara
objek tersebut. ada banyak cara untuk mengorganisasi skema,atau memodelkan
struktur basis data. Ini dikenal sebagai model basis data atau model data. Model
yang umum digunakan sekarang adalah model relasional,yang menurut istilah
lumayan mewakili semua informasi dalam bentuk tabel-tabel yang saling
berhubngan dimana setiap tabel terdiri dari baris dan kolom (definisi yang
sebenarnya menggunakan terminologi matematika) .dalam model ini ,hubungan
antar tabel diwakili dengan menggunakan nilai yang sama antar tabel.model yang
lain seperti model hierarkis dan model jaringan menggunakan cara yang lebih
eksplisit untuk mewakili hubungan antar tabel.
16
Menurut Connolly (2010:65),database adalah suatu kumpulan data yang saling
berhubungan secara logis dan penjelasan tentang data yang terhubungan tersebut
dirancang sedemikian rupa sehingga dapat memberikan informasi yang diperlukan
oleh organisasi.
2.2.6 Model Pengembangan Perangkat Lunak
Menurut Sukanto dan Shalaluddin (2013:29), Model SDLC air terjun
(waterfall) sering juga disebut model skuensial linier (squensial linier) atau alur
hidup klasik (classic life cycle). Model air terjun menyediakan pendekatan alur
hidup perangkat lunak secara skuensial atau terurut dimulai dari analisis, desain,
pengkodean, pengujian, dan tahap pendukung (support). Berikut adalah gambar
model air terjun:
Gambar II.I
Ilustrasi Model Waterfall
Sumber : Sukamto danShalaluddin (2013:29)
1. Analisis kebutuhan perangkat lunak
Proses pengumpulan kebutuhan dilakukan secara intensif untuk
menspesifikasikan kebutuhan perangkat lunak agar dapat dipahami perangkat
17
lunak seperti apa yang dibutuhkan oleh user. Spesifikasi kebutuhan perangkat
lunak pada tahap ini perlu untuk didokumentasikan.
2. Desain
Desain perangkat lunak adalah proses multilangkah yang fokus pada
desain pembuatan program perangkat lunak termasuk struktur data arsitertur
perangkat lunak, representasi antarmuka, dan prosedur pengodean. Tahap ini
mentranslasi kebutuhan perangkat lunak dari tahap analisis kebutuhan ke
representasi desain agar dapat diimplementasikankan menjadi program pada tahap
selanjutnya. Desain prarangkat lunak yang dihasilkan pada tahap ini juga
perludidokummentasikan.
3. Pembuatan kode program
desain harus ditranslasikan kedalam program perangkat lunak.hasil dari tahap ini
adalah program komputer sesuai dengan desain yang telah dibuat pada tahap
desain.
4. Pengujian
pengujian fokus pada perangkat lunak secara dari segi logik dan fungsional dan
memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk
meminimalisir kesalahan (error) dan memastikan keluaran yang dihasilkan sesuai
yang diinginkan.
5. Pendukung (support) atau pemeliharaan (maintensnce)
18
Tidak ditutup kemungkinan sebuah perangkat lunak mengalami perubahan ketika
sudsh dikirimksn ke user. Perubahan bisa terjadi karena adanya kesalahan yang
muncul dan tidak terdeteksi saat pengujian atau perangkat lunak harus beradaptsi
dengan lingkungan baru. Tahap pendukung atau pemeliharandapat mengulangi
proses pengembangan mulai dari analisis spesifikasi untuk perubahan perangkat
lunak yang sudah ada, tapi tidak untuk membuat perangkat lunak baru.Dari
kenyataan yang terjadi sangat jarangmodel air terjun dapat dilakukan sesuai
alurnya karena sebab berikut:
a.perubahan spesifikasi perangkat lunak terjadi di tenggan alur
pengembangan.
b. sangat sulit bagi pelanggan untuk mendefiniskan semua spesifikasi di
awal alur pengembangan pealnggan sering kali btuh contoh (prototype
untuk menjabarkan spesifikasi kebutuhan sistem lebih lanjut
c. pelanggan tidak mungkin bersadar mengakomodasikan perubahan yang
diperlukan di akhiri alur pengembangan.
Dengan berbagai kelemahan yang dimiliki model air terjun (waterfall) tapi
Model ini telah menjadi dasar model-model yang lain dalam melakukan perbaikan
model pengembangan perangkat lunak.
Model air terjun (waterfall) sangat cocok digunakan kebutuhan pelanggan
sudah sangat dipahami dan kemungkinan terjadinya perubahan kebutuhan selama
pengembangan perangkat lunak kecil . Hal positif dari model air terjun(
waterfall)adalah struktur tahap pengembangan sistern jelas,dokumentasi
19
dihasilkan di setiap tahap pengembangan, dan sebuah tahap dijalankan setelah
tahap sebelumnya selesai dijalankan ( tidak ada tumpang tindih pelaksanaan
tahap).
Model waterfall adalah model SDLC yang paling sederhana Model ini
hanya cocok untuk pengembangan perangkat lunak dengan spesifikasi yang tidak
berubah –ubah.
2.2.7 Analisa dan definisi peryaratan
Mengumpulkan kebutuhan secara lengkap kemudian dianalisis dan
didefinisikan kebutuhan yang harus dipenuhi oleh program yang akan dibangun.
fase ini harus dikerjakan secara lengkap untuk bisa menghasikan desain yang
lengkap. Dalam requirement ini meliputi pengumpulan data. Sedangkan teknik
pemgumpulan data yang yang digunakan adalah:
a . Wawancara dengan pemilik toko aksesoris
b. Observasi /Analisa langsung di toko aksesoris
c. Studi pustaka dari internet dan perputakaan
setelah pengumpulang data telah selesai proses analisis E-Commerce dilakukan
guna mendapatkan design mentah dari data yang didapat.
2.2.8 Perangkat Sistem Dan Perangkat Lunak
20
Pada tahapan ini, perancangan atau disebut juga design yang telah
dianalisi dan dibuat akan di implementasikan. Proses implementasi disini
merupakan proses penulisan code-code pembangunan E-Commerce.proses
perancangan sistem ini difokuskan pada empat atribut, yaitu struktur data,
arsitektur perangkat lunak, represenasi antarmuka dan detail (algoritma)prosedural
.yang dimaksud struktur data adalah presentsi dari hibungan logis antara elemen-
elemen data individual.
2.2.9 Implementasi Dan Pengujian Unit
Pada tahap ini, perancangan perangkat lunak direalisasikan sebagai
serangkaian program atau unit program. kemudian pengujian unit melibatkan
verifisakasi bahwa setiap unit program telah memenuhi spesifikasinya. Unit
progam- program individual diintegrasikan menjadi sebuah kesatuan sistem dan
kemudian dilakukan pengujian. Dengan kata lain,pengujian ini ditujukan untuk
menguji keterhubungan dari tiap-tiap fungsi perangkat lunak-lunak menjamin
bahwa peryaratan sistem telah terpenuhi. Setelah pengujian sistem selesai
dilalukan.perangkat lunak dikirim ke pelanggan/user.
2.3 Teori Pendukung
2.3.1 Struktur Navigasi
Menurut Binanto (2010:268) memberikan batasan bahwa “setiap rencana
akan dibuat desainnya dan kemudian diproduksi menjadi jadi yang bersifat
sementara. Di samping tahap ini mencakup perencanaan struktur navigasi yang
21
baik untuk antarmuka penggunanya. Ada 4 struktur dasar yang digunakan yaitu
liniar, non liniar, hirarki dan komposit”.
1. Linear
Ppengguna akan melakukan navigasi secara berurutan, dari frame atau
byteinformasi yang satu ke yang lainnya.
Gambar II.4
Struktur Navigasi Linear
Sumber : Binanto (2010:269)
2. Stuktur Navigasi Non –Linear
Stuktur navigasi non-linear atau struktur tidak berurut merupakan
pengembangan dari stuktur navigasi linear. Pada struktur ini diperkenankan
membuat navigasi bercabang . percabangan yang dibuat pada struktur nonlinear
ini berbeda dengan .
Percabangan pada stuktur hirarki, karena pada percabangan non linear ini
walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan
yang sama yaitu tidak ada master page dan Slave page .
22
Gambar 11.5
Struktur Navigasi Non-linear
Sumber : Binanto (2010:269)
3. Stuktur Navigasi Hirarki
Stuktur navigasi hirarki biasa disebut struktur bercabang merupakan suatu
stuktru yang mengandalkan percabangan untuk menanpilkan data berdasarkan
kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai Master page
(halaman utama pertama),halaman utama ini mempunyai halaman pendunkung
dipilih atau diaktifkan. maka tampilan tersebut akan bernama Master page
(halaman utama kedua) danseterusnya. Pada struktur navigasi ini tidak
diperkenankan adanya tampilan secara linear .
Gambar II.6
Stuktur Navigasi Hirarki Non-Linier
Sumber : Binanto (2010:269)
23
4. Struktur Navigasi Campuran
Struktur navigasi campuran merupakan gabungan dari ketiga struktur
sebelumnya yaitu linear ,non-linear dan hirarki. Struktur navigasi ini juga biasa
disebut dengan sruktur bebas. Struktur navigaasi ini banyak digunakan dalam
pembuatan website karena ini dapat digunakan dalam pembuatan website
sehingga dapat memberikan ke –integrasi yang lebih tinggi.
Gambar II.7
Stuktur Navigasi Campuran /Composite
Sumber : Binanto (2010:269)
2.3.2 Entity Relationshp Diagam
a. Entity Relationshp diagram ( ERD)
Menurut Simarmata & Iman paryudi (2010: 67),Entity Relationshp
diagram adalah alat pemodelan data utama dan akan membatu mengorganisasi
data dalam suatu proyek kedalam etintas-etintas dan menetukan hubungan
antarentitas. Proses memungkinkan analis menghasilkan struktur basisdata yang
baik sehingga data dapat disimpan dan diambil secara efisien . ERD sendiri
memiliki beberapa unsur pembangun yaitu:
24
1. Entity /Entitas
Entitas adalah sesuatu yang nyata abstrak dimana akan menyimpan data. Ada 4
kelas etintas ,yaitu misalnya pegawai,pembayaran, Kampus,dan buku. Contoh
suatu entitas disebut instansi, misalnya pegawai Adi ,pembayaran Niko dan lain
sebagainya.
2. Relasi (Relationship)
Relasi adalah hubungan almiah yang terjadi antara satu atau lebih etintas
,misalnya proses pembayaran pegawai. Kardinalitas menentukan kejadian suatu
entitas untuk satu kejadian pada entitas yang berhubungan. Misalnya mahasiswa
bisa mengambil banyak mata kuliah.
3. Atribut (Attribute)
Atribut adalah ciri umum semua sebagai besar instansi pada entintas tertentu.
Sebutan lain atribut adalah properti,elemen,data dan field. Misalnya
nama,alamat,nomor pegawai, dan gaji adalah atribut entitas pegawai. Sebuah
atribut atau kombinasi atribut yang mengidentifikasikan satu dan hanya satu
instansi suatu entitas disebut kunci utama atau pengenal. Misalnya,nomor pegawai
adalah kunci untuk pegawai.
Tabel III.1
Metode ERD
1.Menentukan Entitas Menentutukan peran,kejadian,lokasi ,hal
nyata dan konsep dimana pengguna akan
menyimpan data.
25
2.Mentukan Relasi Tentukan hubungan antara pasangan
entitas mengunakan matriks relasi.
3.Gambar Erd sementara Entitas digambarkan dengan kotak dan
relasi dengan garis yang menghubungkan
entitas
4. Isi kardinalitas Tentukan jumlah kejadian dari satu entitas
untuk sebuah kejadian pada entitas yang
berhubungan.
5. Tentukan kunci utama Tentukan atribut yang mengidentifikasi
satu dan hanya satu kejadian pada masing-
masing entitas.
6. Gambar ERD berdasar kunci Hiangkan relasi Many-to-Many dan
masukkan primary dan kunci tamu pada
masing-masin entitas.
7.Menentukan Atribut Tuliskan field-field yang diperlukan oleh
sistem
8. Pemetaan Atribut Pasangkan atribut dengan satu entitas yang
sesuai pada masing-masing atribut
9.Gambar ERD dengan Atribut Aturlah ERD dari langkah 6 dengan
menambahkan entitas atau relasi yang
ditemukan pada langkah 8
10. Periksa Hasil Apakah ERD sudah menggambarkan
system yang digangun.
2.3.3. Cardinality Ratio /Derajat Kardinalitas
Merupakan rasio yang menunjukkan maksimal jumlah keterhubungan dari entitas
satu dengan entitas lainnya. Cardinality Rasio dibagi menjadi 3:
a. One to One (1:1)
Keadaanya dimana saat entitas A hanya bisa berhubungan sekali dengan entitas B.
26
Contoh: Seorang Raja hanya bisa memimpim 1 kerajaan, demikian pula 1
kerajaan hanya bisa di pimpin oleh seorang raja.
1 1
b. One to Many (1:N) atau Many to One (N:1)
Ini bisa disebut One to Many apabila ,satu anggota entitas A bisa berhubungan
dengan beberapa anggota entitas B,namun anggota entitas B hanya bisa
berhubungan dengan 1 anggota A,dan untuk Many to One adalah kebalikan
dari one to Many.
Contoh: 1 Perusahan bisa mempekerjan banyak pegawai,namun 1 pegawai
hanya bisa bekerja di 1 perusahaan.
Perusahan Memperkerjakan Kerajaan n
1
c. Many to Many (M:N)
Apabila satu anggota entitas A biasa berhubungan dengan banyak anggota
entitas B,dan sebaliknya anggota B juga bisa berhubungan dengan banyak
anggota A.
Contoh: Satu orang bisa meminjam beberapa buku diperpustakaan, dan 1
buku bisa dipinjam beberapa orang.
Raja memimpin Kerajaan
27
m n
Tahapan Membuat ERD :
1. Menentukan entitas-entitas yang akan digunakan
2. Menentukan atribut dari setiap entitas
3. Menentukan atribut kunci dari setiap entitas
4. Menentukan relasi antar entitas
5. Menentukan atribut dari relasi(optimal)
6. Menentukan derajat kardinalitas
7. Menentukan participation constraint
2.3.4 Logical Record Structure (LRS)
Menurut Lestari(2013:29)”Logical Record structure dibentuk
dengannomor tipe record. Beberapa tipe record digambarkan oleh kotak
empatpersegi panjang dan dengan nama yang unik”. Perbedaan LRS dengan ERD
dan tipe record berada diluar field tipe record ditempatkan. LRS terdiri dari link-
link diantara tipy record. Link ini menunjukkan arah dari satu tipe record lainnya.
Banyak link dari LRS yang field-field yang kelihatan pada kedua link type record.
Penggambaran LRS mulai dengan menggunakan model yang dimengerti. dua
metode yang dapat digunakan,dimulai dengan hubungan kedua model yang dapat
dikonversikan ke LRS. metode lain dimulai dengan Entity Relationship Diagram
dan langsung dikonversikan ke LRS. Berikut tahapan transformasi ERD ke LRS.
Pelanggan membeli Buku
Buku
28
1. Konversi ERD ke LRS,Entity Relationship Diagram harus diubah ke bentuk
LRS(struktur record secara logic). Dari bentuk LRS inilah yang nantinya dapat
ditransformasikan ke bentuk relasi tabel.
2. Konversi ERD ke LRS sebuah model sistem yang digambarkan dengan
model sistem yang digambarkan dengan sebuah ERD akan mengikuti pola
pemodelan tertentu. dalam kaitannya dengan konversi ke LRS,untuk perubahan
yang terjadi adalah mengikuti aturan-aturan berikut:
a. Sebuah Relasionship kadang disatukan, dalam sebuah kotak bersama
entitas,kadang sebuah kotak bersama-sama dengan entitas,kadang disatukan
dalam sebuah kotak tersendiri.
b. Konversi LRS ke relasi tabel atau tabel adalah bentuk pernyataan data
secara grafis dimensi, yang terdiri dari kolom dan baris. Relasi adalah bentuk
visual dari sebuah file,dan tiap tuple dalam sebuah fied,atau bentuk lingkarang
Diagram Entity Relationship dikenal dengan sebutan atribut. konverso dari logika
structure dilakukan dengan cara ;
1. Nama logika record structure menjadi lama relasi.
2. Tiap atribut menjadi sebuah kolom didalam relasi.
C. Spesifikasi File
Menjelaskan tentang file atau tabel yang terbentuk dar transformasi ERD
dan atau file-file penunjang untuk web. Spesifikasi yang terdapat dalam
perancangan program ini merupakan kumpulan data yang berasal dari dokumen
masukan (input),data tersebut diproses untuk mendapat hasil guna menenjang
29
kerja dari pembuatan program penjualan aksesoris yang diinginkan nama database
yang dipakai dalam program penjualan.
2.3.5 Pengujian Web
Menurut Rosa dan Shalahuddin (2013:275) perangkat lunak dari segi
spesifikasi fungsional tanpa menguji desain dan kode program. pengujian
dimasudkan untuk mengetahui apakah fungsi-fungsi masukan dan keluaran dari
perangakat lunak sesuai dengan spesifikasi yang dibutuhkan. kasus uji yang
dibuat untuk melakukan pengujian kotak hitam harus dibuat dengan kasus benar
dan kasus salah,misalkan untuk kasus proses login maka kasus uji coba yang
dilalukan adalah:
a. Jika user memasukan nama Pemakai (username) dan kata sandi (password)
yang benar.
b. Jika user memasukkan nama pemakai (username) dan kata sandi (password)
yang salah, misalkan nama pemakai benar tapi kata sandi salah, atau sebaliknya
atau keduanya salah.
30
BAB III
PEMBAHASAN
1.1 Analisa Kebutuhan
Adapun kebutuhan-kebutuhan yang wajib di miliki oleh user untuk
menggunakan website sebagai berikut:
a) Internet
b) Laptop/PC
c) Mouse
d) Hard Disk
e) Keyboard
1.2 Perancangan Perangkat Lunak
Perangkat lunak (software ) adalah program-program atau rangkaian
instruksi yang diperlukan untuk menjalankan perangkat keras
diantaranya adalah language software, operation sistem, dan application
software.
a) Sistem operasi : Windows 7.1 profesional
b) Program Design : Adove Dreamweaver cs6
c) Bahasa script : XAMPP,PHP,HTML,CSS
d) Web Hosting : localhost
e) Web Browser : Mozilla Firefox,Google Chorme
f) Database : phpmyadmin, Mysql
:
31
3.2.1 Rancangan Antar Muka
Rancangan antar muka pada web toko aksesoris meliputih perancangan tampilan
pada user dan Admin website toko aksesoris.
A. Rancangan Antar Muka User
1.Rancangan Antar Muka Tampilan Login Admin
Admin Website
Username
Password
Login
Gambar III.1
Rancangan Antar Muka Login Admin
1. Rancangan Antar Muka Ruang Admin
My Doshboard Data ongkos Kirim Data Member Form Barang
Data pemesanan Online
Show Entries10 Search:
ID Transaksi Nama penerima ID Aksesoris Jumlah Aksesoris Total Biaya ID Kota Status Pilihan
Detail Update Hapus
First Previous 1 Next Last
HOMEAdmin
Doshboard
Tambah Admin Baru
Tabel Data
Form Pengisian Data
FOOTER
Gambar III.2 Rancangan Antar muka Ruang Admin
32
2. Rancangan Antar Muka Halaman Tambah Admin Baru
Admin
Doshboard
Tambah Admin Baru
Tabel Data
Form Pengisian Data
Personal-info Admin
MTR002Id Admin :
Username :mastercode
Password :
No.telf :
...................
No.telf
Save
Alamat
My Doshboard
HOME
Data ongkos Kirim Data Member Form Barang
Gambar III.3
Rancangan Antar Muka Halaman Tambah Admin Baru
3. Rancangan Antar Muka Halaman Tabel data
My Doshboard Data ongkos Kirim Data Member Form Barang
HOMEAdmin
Doshboard
Tambah Admin Baru
Tabel Data
Personal-info Admin
Id Admin :
Username :
Password :
No.telf :
Alamat
Save
MTR002
Mastercode
..................
No.Telf
Data Member
Data Pembayaran
Data Order Pelanggan
Data Pemesanan Sementara
Data Kota Pengirim
Data Persediaan Aksesoris
Data Admin
Data Kategori Aksesoris
Form Pengisian Data
Gambar III.4
33
Rancangan Antar Muka Halaman Tabel data
4. Rancangan Antar Muka Halaman Form Pengisian data
My Doshboard Data ongkos Kirim Data Member Form Barang
HOMEAdmin
Doshboard
Tambah Admin Baru
Tabel Data
Personal-info Admin
Id Admin :
Username :
Password :
No.telf :
Alamat
Save
MTR002
Mastercode
..................
No.Telf
Form Aksesoris
Form Pengisian data
Form kategori
Form Kota
Pengiriman
Gambar III.5
Rancangan Antar muka Halaman Form Pengisian data
5. Rancangan Antar Muka Halaman Data Admin
My Doshboard Data ongkos Kirim Data Member Form Barang
Data Admin lourdes
Show Entries10 Search:
ID Admin Username Password Alamat No.Telf Pilihan
HOMEAdmin
Doshboard
Tambah Admin Baru
Tabel Data
Form Pengisian Data
MTR001 Mastercode .............. Sunter Indah081213516228
Edit Hapus
first Previous 1 Next Last
Gambar III.6
Rancangan Antar Muka Halaman Data Admin
6. Rancangan Antar Muka Halaman Data kategori Aksesoris
34
My DoshboardData ongkos
KirimData Member Form Barang
Data Kategori Aksesoris
Show Entries10 Search:
No ID Kategori Nama KategoriPilihan
HOMEAdmin
Doshboard
Tambah Admin Baru
Tabel Data
Form Pengisian Data
1 KTG001 Cicing Edit Hapus
2
3
4
5
KTG002
KTG003
KTG004
KTG005
Anting
Gelang
Gelang Anak
Gelang Dewasa
Edit Hapus
Edit Hapus
Edit Hapus
Edit Hapus
First Previous 1 Next Last
Gambar III.7
Rancangan Antar Muka Halaman Data Kategori Aksesoris
7. Rancangan Antar muka Halaman Data kota pengirim
My DoshboardData ongkos
KirimData Member Form Barang
Data ongkos kirim
Show Entries10 Search:
No ID Kategori Nama KategoriPilihan
HOMEAdmin
Doshboard
Tambah Admin Baru
Tabel Data
Form Pengisian Data
1 KTG001 Cicing Edit Hapus
2
3
4
5
KTG002
KTG003
KTG004
KTG005
Anting
Gelang
Gelang Anak
Gelang Dewasa
Edit Hapus
Edit Hapus
Edit Hapus
Edit Hapus
First Previous 1 Next Last
Gambar III.8 Rancangan antar muka Halaman Data kota pengirim
35
9 . Rancangan Antar muka Halaman Data pemesanan Sementara
My DoshboardData ongkos
KirimData Member Form Barang
Data pemesanan sementara
Show Entries10 Search:
NO.sementara ID member Kode barang Pilihan
HOMEAdmin
Doshboard
Tambah Admin Baru
Tabel Data
Form Pengisian Data
First Previous 1 Next Last
Jumlah barang harga
No data Availabel in Table
Gambar III.9
Rancangan antar muka Halaman Data pemesanan Sementara
10 . Rancangan Antar muka Form pengisian data
My Doshboard Data MemberData ongkos
Kirim
Formulir Data ongkos kirim
Show Entries10 Search:
ID Kota :
HOMEAdmin
Doshboard
Tambah Admin Baru
Tabel Data
Form Pengisian Data
Nama Kota :
Biaya :
ID Kota
Nama Kota
Enter Change
Save
Form barang
Gambar III.10
Rancangan antar muka Form pengisian data
36
11. Rancangan Antar muka form Kategori Aksesoris
My Doshboard Data MemberData ongkos Kirim
Formulir Data
kategori Aksesoris
Show Entries10 Search:
Kd kategori :
HOMEAdmin
Doshboard
Tambah Admin Baru
Form aksesoris
Form kota pengiriman
Nama kategori :
KTG007
Nama Kategori
Save
Form barang
Form Kategori
Form Pengisian Data
Gambar III.11
Rancangan Antar Muka Halaman Form data kategori Aksesoris
12. Rancangan Antar muka Form Aksesoris
My Doshboard Data MemberData ongkos
Kirim
Formulir menanbah data aksesoris
Show Entries10 Search:
ID kategori :
HOMEAdmin
Form aksesoris
Form kota pengirimanNama Aksesoris :
AKS030
Nama Kategori
Form barang
Form Kategori
Form Pengisian Data
Kategori aksesoris :
Persediaan :
Harga :
Gambar :
Cincin
Persediaan
Harga
No File Selected Choose File
Save
Doshboard
Tambah Admin Baru
37
Gambar III.12
Halaman Form Aksesoris
13. Rancangan Antar Muka Form Kota pengirim
My Doshboard Data MemberData ongkos
Kirim
Formulir Data ongkos Kirim
Show Entries10 Search:
ID Kota :
HOMEAdmin
Form aksesoris
Form kota pengiriman
Nama Kota :
ID Kota
Nama Kota
Form barang
Form Kategori
Form Pengisian Data
Biaya
Save
Doshboard
Tambah Admin Baru
Enter Change
Gambar III.13
Rancangan Antar muka Halaman Form Kota pengirim
38
3.2.2 Rancangan Basis Data
Perancangan basis data menghasilkan pemetaan tabel –tabel yang
Digambarkan dengan Entity Relationnship Diagram (ERD)
A. Entity Relationship Diagram
tbl _ pelanggan melakukan tbl _ keranjang
konfirmasi
pemesanan
tbl _ history
mempunyai
tbl _ aksesoris
memilikitbl _ pengiriman mempunyai tbl _ upload
Melakukan tbl _ kategori
no _ pelanggan
password
alamat
email _ hp
nm _ depan
nm _ belakang
lahir
jk
no _ pesan
no _ pelanggan
username
kode _ barang
jumlah _ barang
tgl _ transaksi
total _ harga
id _ kota
tujuan _ kota
biaya _ antar
no
no _transaksi
no _pesan
penerima
kode _ barang
jumlah _ barang
tujuan _ kota
biaya _ antar
tgl _ pesan
jam _ pesan
Jumlah biaya
status
alamat
no _ pelanggan
nama _ barang
kode _ admin
id _ transfer
no _transaksi
nama _ bank
cabang _ bank
Upload_struk
No_pelanggan
kode _ admin
id _ kategori
gambar
negara
harga
stock
nama _ barang
kode _ barang
id_ kategori
Nama_kategori
1 M
1
1
11 1 1
1
M
11
Kode_admin
Nama_pemilik
no
Kode_admin
Gambar III.14
Entity Relationship Diagram
39
B. Logical Relational Structure (LRS)
Tb_pembayar
Tb_aksesorisTb_kategoriTb_member
Tabel Admin
Tb_ongkir
Tb_order
Tb_sementara
Id_aksesorisNama_aksesorisStockHargaNegaraGambarkd_kategoriid_admin
Kd_kategoriNm_kategoriIdId_admin
Tb_memberId_memberPasswordAlamatEmailNm_depanNm_belakangTgl_lahirJenis kelamin
Tb_adminId_adminUsernamePasswordAlamatNo_tlf
Id_transaksiNo_sementarapenerimaId_aksesorisId_kotabiayaTgl_pesanJam_pesanTotal_biayaStatusAlamatId_memberNm_aksesorisId_admin
Nm_sementaraId_memberEmailId_aksesorisJml_aksesorisTanggaltotal
Id_kotaNm_kotaBiayaIdId_adminGambarId_kategoriKd_admin
Id_transaksiNama_bankNama_pemilikStrukId_member
1
m
1
m
1
m
1
m
m
1
Gambar III.15
Logical Relational Structure
C. Spesifikasi File
Bentuk aplikasi file yang ada pada website penjualan aksesoris ini
merupakan kumpulan dan yang berasal dari dokumen input. Data tersebut
diproses untuk mendapatkan hasil yang menunjang sistem kerja yang
diinginkan. Dalam pembuatan website ini menulis menggunakan 1 buah file
database dengan”db_lourdes_aksesoris” yang memiliki 9 tabel yaitu:
40
1. Spesifikasi file Admin
Nama database : db_lourdes_aksesoris
Nama file : Admin
Akronim : Admin
Fungsi : Memyimpan data login administrasi
Tipe file : file master
Akses file : Random
Media : Harddisk
Panjang record : 130 karakter
Kunci field : id
Software : phpmyadmin
Tabel III.1.
file Admin
No Nama Field Type Data Field Size Ket
1 Id_admin varchar 10 Primary key
2 Username varchar 15
3 Password varchar 40
4 Alamat varchar 50
5 Telf varchar 15
2. Spesifikasi file Aksesoris
Nama database : db_lourdes_aksesoris
Nama file : Aksesoris
Fungsi : Memyimpan data aksesoris
Tipe file : file master
41
Akses file : Random
Media : Harddisk
Panjang record : 170 karakter
Kunci field : kd_ aksesoris
Software : phpmyadmin
Tabel III.2.
file Aksesoris
No Nama Field Type Data Field Size Ket
1 Id_aksesoris varchar 15 Primary key
2 Nama_aksesoris varchar 40
3 Stock Int 5
4 Harga varchar 20
5 Gambar varchar 70
6 Kode varchar 10
7 Id_admin varchar 10
3. Spesifikasi file Order
Nama database : db_lourdes_aksesoris
Nama file : Order
Fungsi : Memyimpan data Barang
Tipe file : file master
42
Akses file : Random
Media : Harddisk
Panjang record : 319 karakter
Kunci field : kd_ Kategori
Software : phpmyadmin
Tabel III.3.
file Order
No Nama Field Type Data Field Size Ket
1 Id_transaksi Varchar 15 Primary key
2 No_sementara Int 5
3 Penerima Varchar 40
4 Id_aksesoris Varchar 15
5 Jml_aksesoris Int 6
6 Id_kota Varchar 10
7 Biaya Varchar 15
8 Tgl_pesan Varchar 30
9 Jam_pesan Varchar 8
10 Total_biaya Varchar 15
11 Status Varchar 40
12 Alamat Varchar 60
13 Id_member Varchar 10
14 Nama_aksesoris Varchar 40
15 Id_admin Varchar 10
43
4. Spesifikasi file kategori
Nama database : db_lourdes_aksesoris
Nama file : Kategori
Fungsi : Memyimpan data Barang
Tipe file : file master
Akses file : Random
Media : Harddisk
Panjang record : 60 karakter
Kunci field : kd _Kategori
Software : phpmyadmin
Tabel III.4.
file kategori
No Nama Field Type Data Field Size Ket
1 kd_kategori Varchar 10 Primary key
2 nm_kategori Varchar 40
3 Id_admin Varchar 10
44
5. Spesifikasi file Sementara
Nama database : db_lourdes_aksesoris
Nama file : Sementara
Fungsi : Memyimpan data Barang
Tipe file : file master
Akses file : Random
Media : Harddisk
Panjang record : 131 karakter
Kunci field : kd_ Kategori
Software : phpmyadmin
Tabel III. 5
file Sementara
No Nama Field Type Data Field Size Ket
1 No_sementara Int 5 Primary key
2 Id_member Varchar 10
3 Email_hp Varchar 45
4 Id_aksesoris Varchar 15
5 Jml_aksesoris Int 6
6 Tgl Varchar 40
7 Total Varchar 20
45
6. Spesifikasi file Ongkir
Nama database : db_lourdes_aksesoris
Nama file : Ongkir
Fungsi : Memyimpan data Barang
Tipe file : file master
Akses file : Random
Media : Harddisk
Panjang record : 70 karakter
Kunci field : kd_ Kategori
Software : phpmyadmin
Tabel III.6
File Ongkir
No Nama Field Type Data Field Size Ket
1 id_kota Varchar 10 Primary key
2 nm_kota Varchar 30 -
3 biaya Int 15 -
4 Id Int 5 -
5 id_admin Varchar 10 -
46
7.Spesifikasi file Pembayaran
Nama database : db_lourdes_aksesoris
Nama file : Pembayaran
Fungsi : Memyimpan data Barang
Tipe file : file master
Akses file : Random
Media : Harddisk
Panjang record : 149 karakter
Kunci field : kd_ Kategori
Software : phpmyadmin
Tabel III.22
File Pembayaran
No Nama Field Type Data Field Size Ket
1 Id_pembayaran Varchar 4 Primary key
2 Id_transaksi Varchar 15
3 Nama_bank Varchar 30
4 Nama_pemilik Varchar 40
5 Struk Varchar 50
6 Id_gambar Varchar 10
1. Spesifikasi file Member
Nama database : db_lourdes_aksesoris
Nama file : Member
Akronim : tbl_member
Fungsi : UntukMemyimpan data pelanggan.
47
Tipe file : file master
Akses file : Random
Media : Harddisk
Panjang record : 220 karakter
Kunci field : Email
Software : phpmyadmin.
Tabel III.23
File Member
No Nama Field Type Data Field Size Ket
1 id_member Varchar 10 Primary key
2 Passwword Varchar 15
3 Alamat varchar 55
4 Email Varchar 50
5 nm_depan Varchar 20
6 nm_belakang Varchar 30
7 tgl_lahir Varchar 20
8 jenis kelamin Varchar 20
48
3.2.3. Rancangan Struktur Navigasi Aksesoris
A. Navigasi User atau Pelanggan
Home Profil Barang Panduan Komfirmasi
Login
Transaksi
Keranja belanja
Tampilan Transaksi
Logout
Kategori
Kofirmasi belanja
Keranja Belanja
Beli
Koneksi Barang
Gambar III.23 Navigasi User atau pelanggan
49
a. Navigasi Admin
Login
Admin
Password Admin
Data Provinsi
Data Kategori
Laporan data provinsi
Laporan data Kategori
Laporang data Barang
Laporang data Pelangga
Laporan Pemesanan Masuk
Laporang pemesanan lunas
Tanggan
Pemesanan Lunas periode
Logout
Laporan
Komfirmasi Transfer
Pemesanan Barang
Data Pelanggan
Data Barang
Gambar III.24Navigasi Admin
50
3.3 Implementasi dan pengujian Unit
3.3.1 Implementasi Rancangan Antar Muka
Implementasi antarmuka meliputih setiap halaman program yang dibuat beserta
pengkodean dalam bentuk file program. Berikut adalah implementasi antarmuka
Aplikasi Website lourdes aksesoris shop:
1. Tampilan Halaman login Admin
Gambar III.24
Tampilan Halaman login admin
51
2. Tampilan Halaman Home
Gambar III.25
Tampilan Halaman utama admin
3. Tampilan Halaman tabel admin
Gambar III.26
Tampilan Halaman tabel admin
52
4. Tampilan halaman Data kategori Aksesoris
Gambar III.28
Tampilan Halaman Data kategori Aksesoris
5. Tampilan halaman data persediaan aksesoris
Gambar III.29
Tampilan halaman data persediaan aksesoris
53
6. Tampilan halaman Data kota pengiriman
Gambar III.30
Tampilan halaman Data kota pengiriman
7. Tampilan halaman data pemesana sementara
Gambar III.31
Tampilan halaman data pemesana sementara
54
8. Tampilan Halaman Data Order Pelanggan
Gambar III.32
Tampilan Halaman Data Order Pelanggan
9. Tampilan halaman Data Pembayaran
Gambar III.33
Tampilan halaman Data Pembayaran
55
10. Tampilan halaman Data Member
Gambar III.34
Tampilan halaman Data Member
56
11. Tampilan halaman Form Pengisian Data
Gambar III.35
Tampilan halaman Form Pengisian Data
12. Tampilan halaman Form Kategori
Gambar III.36
Tampilan halaman Form Kategori
57
13. Tampilan halaman FormAksesoris
Gambar III.37
Tampilan halaman FormAksesoris
14. Tampilan halaman Form Kota Pengiriman
Gambar III.38
Tampilan halaman Form Kota Pengiriman
58
15.Tampilan halaman utama user
Gambar III.39
Tampiln halaman utama user
16.Tampilan halaman barang
59
Gambar III.40
Tampilan halaman barang
17.Tampilan halaman troli belanja
Gambar III.41 Tampilan halaman troli belanja
18.Tampilan halaman pembayaran
60
Gambar III.42
Tampilan halaman pembayaran
19.Tampilan halaman kontak kami
Gambar III.43 Tampilan halaman kontak kami
61
3.3.2 Spesifikasi Sistem Komputer
1. Spesifikasi Perangkat Keras
a. Server
Perangkat keras yang disarahkan untuk digunakan sebagai pendukung
program aplikasi ini adalah sebagai berikut:
a. Motherboard ASUS P4S533-MX.
b. Processor Intel Insid i5.
c. RAM 128 MB.
d. Harddisk.
e. Monitor Philips 14.
f. Floppy disk 3.5 inchi.
g. Keyboard 102 keys.
h. Koneksi internet dengan kecepatan 4 mbps.
b. Client
1) CPU
(a) Processor Intel.
(b) RAM DDR2 4GB
(c) HARD DISK 20GB
2) Mouse
3) Keyboard 108 key
4) Monitor dengan layar minimun 1024×768
5) Koneksi internet dengan kecepatan 56 kbps
62
15. Spesifikasi Perangkat Lunak (Software)
Perangkat lunak atau disebut juga software , sering diistilahkan dengan
Program yang berfungsi untuk menjalankan perangkat keras. Software adalah
kumpulan dari instruksi-instruksi yang akan dijalankan . Maka dari segi perangkat
lunak ini, yang digunakan dalam pembuatan tugas akhir ini adalah sebagai.
a) Sistem operasi : Windows 7 ultimate
b) Program Design : Adobe Dreamweaver CS 6.
c) Bahasa Script : Aplikasi Explorer, mozilla Firefox, Google.
3.3.3 Pengujian Unit
Pengujian terhadap program yang dibuat menggunakan blackbox testing yang
fokus terhadap proses masukan dan keluaran program.
63
A. Pengujian terhadap form login Admin
Tabel Hasil Pengujian Black Box Testing Halaman Login User
No Skenario Test Case Hasil ygdi
Harapkan
Hasil
pengujian
Kesimpulan
1
User dan
Password
tidak diisi
kemudian
klik tombol
login
User dan
Password
tidak boleh
kosong
Sistem akan
menolak akses
user dan
menampilkan
data tidak
boleh kosong
Sesuai
harapan
Valid
2
User diisi dan
Password
tidak diisi
kemudian
klik tombol
login
Data
Password
kosong
silakan diisi
dengan
benar
Sistem akan
menolak akses
user dan
menampilkan
data tidak
boleh kosong
Sesuai
harapan
Valid
64
B. Pengujian Terhadap Form Login Admin
Tabel Hasil Pengujian Black Box Testing Halaman Login Admin
No Skenario Test Case Hasil ygdi
Harapkan
Hasil
pengujian
Kesimpulan
1
User dan
Password
tidak diisi
kemudian
klik tombol
login
User dan
Password
tidak boleh
kosong
Sistem akan
menolak akses
user dan
menampilkan
data tidak
boleh kosong
Sesuai
harapan
Valid
2
User diisi dan
Password
tidak diisi
kemudian
klik tombol
login
Data
Password
kosong
silakan diisi
dengan
benar
Sistem akan
menolak akses
user dan
menampilkan
data tidak
boleh kosong
Sesuai
harapan
Valid
65
BAB IV
PENUTUP
4.1 Kesimpulan
Berdasarkan pengamatan yang telah dilakukan, serta disesuaikan
dengan tujuan awal dari penulisan tugas akhir ini, dimana peluang pasar
bisnis aksesoris wanita sangatlah besar, maka kesimpulan yang dapat
diperoleh dari hasil pembuatan Perancangan Sistem Informasi Penjualan
Aksesoris Berbasis Webini adalah sebagai berikut:
1. Untuk memperluas daerah pemesaran hingga ke pasar nasional dan
juga ke pasar internasional.
2. Dengan adanya sistem ini, memungkinkan pelanggan berbelanja atau
melakukan transaksi lain sepanjang tahun selama 24 jam sehari dari
manapun.
3. Dengan sistem ini, penulis dapat memanfaatkannya untuk
menyalurkan hobi bahkan menjadikan media kreasi melalui aneka
ragam aksesoris yang akhirnya berkembang menjadi suatu keuntungan
dalam berbisnis.
4.2 Saran
Dalam pembuatan tugas akhir ini, penulis sadar bahwa masih jauh
dari kesempurnaan, baik dalam materi maupun cara penyajiannya. Oleh
karena itu penulis mengharapkan kritik dan saran yang bersifat
66
membangun. Pada akhir pembuatan tugas akhir ini, penulis ingin
menyampaikan beberapa saran sebagai berikut:
1. Perlu dilakukan uji coba sebelum menerapkan sistem ini.
2. Jika hasil coba menunjukan hasil yang positif maka perlu tindakan
pelatihan bagi semua orang terlibat dalam pemakaian sistem ini.
3. Dalam Perancangan Sistem Informasi Penjualan Aksesoris Berbasis
Web ini perlu menambahkan layanan multi bahasa (Indonesia
danInggris)
67
DAFTAR PUSAKA
Arief M Rudianto 2011 pemograman web dinamis menggunakan PHP
danMySQL C.V ANDI OFFSETYogyakarta.
Sibero, Alexander F.K. 2012.“Kitab Suci Web Programing”. Jakarta:
MediaKom.
Binanto Iwan 2010 Multimedia Digital–Dasar Teori dan
pengembangannya Yogyakarta Andi.
Connoly, dan begg. 2010. Database system: A practical Approch To Design,
Implementation And Manajemen. Pearson Education. Jakarta.
Hidayat, Deddy.2010:3“Definisi sistem” Tangerang Jurnal cyber Raharja.
Kristanto,Andri. 2010 Kupas Tuntas PHP& MySQL klaten Cable Book.
Kustiyahningsih, yeni.2011. pemograman Basis data Berbasis Web
menggunakan PHP& MySQL. Jakarta: Graha ilmu.
Simarmata,Janer. 2010, Rekayasa Web. Yogyakarta Andi Offset.
Sukanto M. Mshalahudin 2013, Rekayasa Perangkat Lunak.
Talib Haer 2010 Panduan Menguasai Komputer Jakarta PT Elex Media
Komputindo.
Yakup 2010 Sistem Basis Data Tutorial Konseptual Jakarta Graha Ilmu.
DAFTAR RIWAYAT HIDUP
=
A.Biodata Mahasiswa
N.I.M : 12140357
Nama Lengkap
Tempat Tanggal Lahir
: Domingas Lourdes Da Silva
: Wailili, 4 September 1989
Jenis Kelamin
Kewarganegaraan
Alamat
: Perempuan
: Timor-Leste
: Jl.Sunter Indah V No.4-5 Jakarta Utara
B.R iwayat Pendidikan Formal & Non-Formal
I. SD Negeri I Wailili/Baucau, Timor-Leste, Lulus 2005
2. SMP Negeri 2 Wailili/Baucau, Timor-Leste, Lulus 2008
3. SMKK Sta Maria Mazzarello Venilale/Baucau, Timor-Leste, Lulus 2011
A. Riwayat Pengalaman Berorganisasi/Pekerjaan
I. Staff Bakery Dili, Timor-Leste tahun 2012 s.d 2013
=
68
68
Lampiran A-1 Tampilan Awal Admin
Lampiran A-2 Tampilan Home Admin
69
Lampiran A-3 Tampilan tabel data Admin
Lampiran B-4 Tampilan Awal Web
70
Lampiran B-5 Tampilan Home
Lampiran B-6 Tampilan Profil
71
Lampiran B-7 Tampilan Barang