tugas akhir · viii 8. teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga...

95
PERANCAN SEPATU P Diajukan untuk memenu Akademi Manajeme NGAN SISTEM INFORMASI PENJUA U WANITA DEWASABERBASIS WEB PADA TOKO MILKENHANI JAKARTA TUGAS AKHIR nuhi salah satu syarat kelulusan Program Diplom Nelsi Manalu NIM: 12120055 Jurusan Manajemen Informatika en Informatika dan Komputer Bina Sarana In Jakarta 2014 ALAN B ma Tiga (D.III) nformatika

Upload: others

Post on 03-Jun-2021

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

PERANCANGAN SISTEM INFORMASI PENJUALAN

SEPATU WANITA DEWASABERBASIS WEB

PADA TOKO MILKENHANI

JAKARTA

TUGAS AKHIRDiajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III)

Nelsi Manalu

NIM: 12120055

Jurusan Manajemen Informatika

Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika

Jakarta

2014

PERANCANGAN SISTEM INFORMASI PENJUALAN

SEPATU WANITA DEWASABERBASIS WEB

PADA TOKO MILKENHANI

JAKARTA

TUGAS AKHIRDiajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III)

Nelsi Manalu

NIM: 12120055

Jurusan Manajemen Informatika

Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika

Jakarta

2014

PERANCANGAN SISTEM INFORMASI PENJUALAN

SEPATU WANITA DEWASABERBASIS WEB

PADA TOKO MILKENHANI

JAKARTA

TUGAS AKHIRDiajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III)

Nelsi Manalu

NIM: 12120055

Jurusan Manajemen Informatika

Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika

Jakarta

2014

Page 2: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji
Page 3: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji
Page 4: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji
Page 5: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji
Page 6: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji
Page 7: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji
Page 8: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

vii

KATA PENGANTAR

Denganmengucapkan puji syukur kehadirat Tuhan Yang Maha Esa

atasterselesaikannya LaporanTugas Akhir(TA) dengan judul:”Perancangan

Sistem Informasi Penjualan Sepatu Wanita Dewasa Berbasis

WebPadaTokoMilkenhani Jakarta”.

Tujuan tugas akhir ini merupakan salah satu syarat kelulusan Program

Diploma Tiga (DIII) Jurusan Manajemen Informatika Akademi Manajemen

Informatika dan Komputer Bina Sarana Informatika (AMIK BSI).

Selama penulisan Tugas Akhir ini dan dapat menyelesaikannya, penulis

telah banyak menerima bimbingan, arahan, petunjuk dan saran, serta fasilitas

yang membantu hingga akhir dari penulisan laporan ini. Untuk itu penulis

menyampaikan ucapan terima kasih sebesar – besarnya kepada yang terhormat:

1. Direktur Akademi Manajemen Informatika dan Komputer Bina Sarana

Informatika.

2. Ketua Jurusan Manajemen Informatika Akademi Manajemen Informatika

dan Komputer Bina Sarana Informatika.

3. BapakAde Cristian M.Kom selaku Dosen Pembimbing Tugas Akhir

4. Bapak AndikaBayu Hasta Yanto S.Kom selaku Asisten Dosen Pembimbing

Tugas Akhir.

5. Seluruh staff/ karyawan dan dosen dilingkungan Akademi Bina Sarana

Informatika.

6. Parakaryawan dan staff di Toko milkenhani khususnya buat Ibu Marda Salina

Sinulingga selaku pemilik dan pendiri toko milkenhani.

7. Kepada orang tua dan seluruh keluarga saya yang telah memberikan doa serta

dorongan baik berupa materi maupun semangat yang luar biasa.

Page 9: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

viii

8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu

tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan

didepan Dosen penguji.

9. Rekan-rekan mahasiswa/i AMIK BSI Manajemen Informatika kelas 12.6b.31.

10. Rekan kerja Morning Star Academy yang selalu mendukung dan memberi

semangat.

Serta semua pihak yang terlalu banyak untuk disebut satu persatu sehingga

terwujudnya penulisan tugas akhir ini. Penulismenyadaribahwa penulisan Tugas

Akhir ini masih kurang sempurna, oleh karena itu, penulis mengharapakan saran dan

kritik yang sifatnya membangun untuk memperbaiki kekurangan dalam penyusunan

tugas akhir ini.

Akhir kata, semoga tugas akhir ini dapat berguna bagi penulis khususnya dan para

pembacanya yang berminat pada umumnya.

Jakarta, 03 Februari 2015

Penulis

(NELSI MANALU)

Page 10: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

ix

ABSTRAKSI

Nelsi Manalu. (12120055),PerancanganSistemInformasiPenjualan SepatuWanita Dewasa Berbasis WebPadaTokoMilkenhani.

Tekonologi Internet yang adasaatini.merupakan media yangmempermudahdalamberkomunikasi. Menyebarkaninformasisertadapatmempergunakanjugasebagaisaranauntukmemasarkanproduk.Perancangan Web E-CommercepadatokoMilkenhani,denganmempergunakanAdobeDreamweaver C6danPHP-MYQLiniuntukmempermudahkonsumendalampembelianprodukdanmempermudahtransaksipembelianSepatu wanita.Metodologi yang mempergunakanperancangan Web E-CommercepadatokoMilkenhaniadalahmetodeobservasidanwawancarayaitumeninjautokoMilkenhani.Selainitu,metodekepustakaaninimempergunakanuntukmemperolehreferensidaribuku-buku yangtersedia di perpustakaan.Keluhandariparapenjual yang merasapenjualansepatu wanita dewasa selalumenurun,membuatsayaberpikiruntukmengubahsistempemasaran yang manualmenjadisistemterkomputerisasimelaluijaringaninternet. Web E-CommercepadatokoMilkenhani, merupakansalahsatusistempemasaran yangsesuaidengankebutuhanpara penjual sepatuwanitadalammemasarkandanmeningkatkanpenjualanproduknya.

Kata Kunci: Perancangan Sistem Informasi, Sistem Penjualan Sepatu WanitaDewasa Pada TokoMilkenhani.

Page 11: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

ix

ABSTRACT

Nelsi Manalu. (12120055),System Design ofWebsiteSales Information atMilkenhani Store.At this time internet technology is a media which facilitate communication.Disseminate information can use also as a media to market the product.E-CommerceWebDesigningat Milkenhani store,usingAdobeDreamweaverCS6 andPHP-MYQListofacilitate customers topurchaseproductsandfacilitatepurchases woman’sshoes transaction.Webdesignmethodologiesthat useE-Commerce at Milkenhani store isthe method ofobservationandinterviewthat isobservingMilkenhani Store.Meanwhile,thismethodusesliteraturetoobtainreferencesfromthe booksavailablein the library.Complaintsfromthesellerswho are thinking that the purchasing of woman’s shoes isalwaysdecreasing, makingme figure out to change themarketing systemmanual toacomputerizedsystemviathe Internet. E-Commerce WebatMilkenhanistore,is one ofthemarketing systemin accordance with theneeds of the shoes seller to market andincrease product sales.

Keywords :Information system design , Sales of woman’s shoesAt MikenhaniStore.

Page 12: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

xi

DAFTAR ISI

HalamanLembar Judul Tugas Akhir............................................................................... iLembar Pernyataan Keaslian Tugas Akhir ...................................................... iiLembar Pernyataan Persetujuan Publikasi Karya Ilmiah................................. iiiLembar Persetujuan Dan Pengesahan Tugas Akhir ......................................... ivLembar Konsultasi Tugas Akhir ...................................................................... vKata Pengantar ................................................................................................ viiAbstraksi .......................................................................................................... viiiDaftar Isi .......................................................................................................... xiDaftar Gambar.................................................................................................. xiiiDaftar Tabel .................................................................................................... xivDaftar Simbol ERD.......................................................................................... xvDaftar Lampiran ............................................................................................... xviBAB I PENDAHULUAN ........................................................................ 1

1.1. Latar Belakang ........................................................................ 11.2. Maksud dan Tujuan ................................................................ 31.3. Metode Penelitian.................................................................... 3

1.3.1.MetodeWaterfall ............................................................. 41.3.2.TeknikPengumpulan Data............................................... 4

1.4. Ruang Lingkup ....................................................................... 51.5. Sistematika Penulisan ............................................................. 5

BAB II LANDASAN TEORI.................................................................... 72.1. Konsep Dasar Web .................................................................. 72.2.Teori Pendukung (Tools Program) .......................................... 16

BAB III PEMBAHASAN ........................................................................... 223.1. Tinjauan Perusahaan ............................................................... 22

3.1.1. Sejarah Perusahaan......................................................... 223.1.2. StrukturOrganisasidanFungsi ......................................... 23

3.2. Analisa Kebutuhan .................................................................. 253.3. Perancangan Perangkat Lunak ................................................ 26

3.3.1.Rancangan Antar MukaWeb ........................................... 263.3.2.Rancangan Antar Muka User.......................................... 293.3.3.Rancangan Antar MukaAdmin ........................................ 373.3.4. Rancangan Basis Data.................................................... 443.3.5. Rancangan Struktur Navigasi......................................... 48

3.4. Implementasi dan Pengujian Unit ........................................... 613.4.1. Implementasi .................................................................. 613.4.2. Spesifikasi Sistem Komputer ......................................... 673.4.3. Pengujian Unit................................................................ 69

BAB IV PENUTUP .................................................................................... 724.1. Kesimpulan ............................................................................ 724.2. Saran ....................................................................................... 73

Page 13: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

xii

Daftar Pustaka................................................................................................ 71Daftar Riwayat Hidup ................................................................................... 72Lampiran..........................................................................................................73

Page 14: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

xiii

DAFTAR GAMBAR

Halaman

Gambar II.1. Konsep browser dan server web.............................................. 10Gambar II.2. Waterfall Model ....................................................................... 14Gambar II.3. Struktur navigasi linier ............................................................ 16Gambar II.4. Struktur navigasi hirarki .......................................................... 17Gambar II.5. Struktur navigasi non-linier..................................................... 17Gambar II.6. Struktur navigasi composite .................................................... 18Gambar II.7. Entitas- Entitas......................................................................... 19Gambar II.8. Entitas dan relasi...................................................................... 20Gambar II.9. Diagram relasi entitas .............................................................. 20Gambar II.10. Diagram relasi entitas dengan relasi banyak dengan banyak.. 21

Gambar III.1. Stuktur Organisasi ................................................................... 23Gambar III.2. Rancangan Halaman Index /beranda ....................................... 27Gambar III.3. Rancangan Halaman Login dan daftar Member...................... 28Gambar III.4. Rancangan Halaman Index beranda Member.......................... 29Gambar III.5. Rancangan Halaman Produk Member..................................... 30Gambar III.6. Rancangan Halaman Detail Produk Member ....................... 31Gambar III.7. Rancangan Halaman Keranjang Belanja................................. 32Gambar III.8. Rancangan Halaman Data Pesanan Member.......................... 33Gambar III.9. Rancangan Halaman Kategori Member .................................. 34Gambar III.10. Rancangan Halaman Tentang Kami........................................ 35Gambar III.11 Tampilan Halaman Kontak Kami ........................................... 36Gambar III.12 Tampilan Halaman Admin....................................................... 37Gambar III.13. Rancangan Halaman Login Admin ........................................ 38Gambar III.14. Rancangan Beranda Login Admin .......................................... 39Gambar III.15. Rancangan Halaman Administor ............................................ 40Gambar III.16 Rancangan Halaman Master .................................................. 41Gambar III.17 Rancangan Halaman stok ....................................................... 42Gambar III.18 Rancangan Halaman Transaksi .............................................. 43Gambar III.19 Rancangan Halaman Buku tamu ............................................ 44Gambar III.20 Entity Relationship Diagram.................................................. 45Gambar III.21 Logical Relational Structture ................................................. 46Gambar III.22 Structture menu pengunjung .................................................. 47Gambar III.23 Structture menu Admin.......................................................... 48Gambar III.24 Tampilan Halaman Login member ......................................... 60Gambar III.25 Tampilan Halaman Index ....................................................... 61Gambar III.26 Tampilan Halaman Produk..................................................... 62Gambar III.27 Tampilan Halaman Kategori .................................................. 63Gambar III.28 Tampilan Halaman Tentang Kami ......................................... 64

Page 15: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

xiii

Gambar III.29 Tampilan Halaman Kontak Kami .......................................... 65Gambar III.30 Tampilan Halaman Login Admin ........................................... 66

Page 16: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

xv

DAFTAR TABEL

Halaman

1. Tabel III.1 Spesifikasi Tabel Member .............................................. 492. Tabel III.2 Spesifikasi Tabel Lokasi ................................................. 503. Tabel III.3 Spesifikasi Tabel Produk................................................. 514. Tabel III.4 Spesifikasi Tabel Temp................................................... 525. Tabel III.5 Spesifikasi Tabel Transaksi ........................................... 536. Tabel III.6 Spesifikasi Tabel Admin ................................................ 547. Tabel III.7 Spesifikasi Tabel Detail_produk .................................... 558. Tabel III.8 Spesifikasi Tabel Detail_transaksi .................................. 569. Tabel III.9 Spesifikasi Tabel Hubungi .............................................. 5710. Tabel III.10 Spesifikasi Tabel Kategori .............................................. 5811. Tabel III.11 Spesifikasi Tabel Kirim................................................... 5912. Tabel III.12 Pengujian Blackbox Testing halaman login Member ..... 6813. Tabel III.13 Pengujian Blackbox Testing halaman Login Admin ...... 69

Page 17: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

xvi

DAFTAR SIMBOL ERD

Page 18: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

xvi

DAFTAR LAMPIRAN

HalamanLampiran A1 Surat Keterangan Riset / PKL.................................................... 73

Lampiran A2 Surat Pernyataan Kepemilikan Hak Paten Merk ....................... 74

Page 19: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Perkembangan teknologi komputer yang begitu pesat di zaman modern seperti

ini, ternyata lebih membawa kita pada suatu komunitas maya yang sampai saat ini di

jadikan sebagai ajang interaksi dan sebagai gudang informasi yang dikenal sebagai

jaringan internet. Jaringan komputer khususnya internet adalah bagian dari teknologi

informasi yang memegang peranan penting dalam era informasi saat ini. Kebutuhan

akan informasi bukan lagi hanya sebagai pelengkap tetapi sudah menjadi hal yang

mutlak diperlukan bagi masyarakat umum.

Internet saat ini bukan hanya digunakan untuk mengakses informasi, tapi juga

digunakan dalam beberapa bidang usaha seperti bisnis,perbankan, pendidikan, jasa,

industri dan lainnya untuk memperluas jaringan dan relasi bisnis bahkan lebih dari

itu.Banyak orang yang sudah melirik internet untuk melancarkan bisnisnya.Bisnis

internet merupakan suatu bisnis yang dalam prosesnya baik dalampemesanan maupun

pengantaran barangnya seluruhnya menggunakan mediainternet. Bisnis ini juga

disebut e-commerce.

Bisnis ini merupakan suatu modelbisnis yang baru tetapi memiliki berbagai

keuntungan dan kelebihan dibandingkanbisnis konvensional. Bisnis online yang

sederhana seperti menampilkan produkdan melakukan order dengan telpon juga

masih banyak dilakukan. Melihat definisi e-commerce merupakan bagian dari e-

1

Page 20: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

2

business, dimana cakupan e-business lebihluas, tidak hanya sekedar perniagaan tetapi

mencakup juga pengkolaborasianmitra bisnis, pelayanan nasabah, lowongan

pekerjaan dll.Awalnya ketika web mulai terkenal di masyarakat pada 1994, banyak

jurnalismemperkirakan bahwa e-commerce akan menjadi sebuah sektor ekonomi

baru.Sekitar empat tahun kemudian protokol aman seperti HTTPS memasuki

tahapmatang dan banyak digunakan. Diantara tahun 1998 dan 2000 banyak bisnis

diAS dan Eropa mengembangkan situs web perdagangan ini.

Negara kita pantas banggabahwa UMKM (Usaha Mikro Kecil danMenengah)

Indonesia saat ini telah banyak yang mengetahui saranapenjualan yang mudah dan

menjangkau seluruh dunia.Akhirnya dapat kita simpulkan bahwa apapun sarananya

jika hal itumenghasilkan atau bernilai manfaat seperti e-commerce dapat digunakan

untuk peningkatan usaha anda (id.shvoong.com).Penggunaan e-commerce merupakan

merupakan salah satu kebutuhan bagisebuah usaha atau perusahaan agar dapat

bersaing secara global. TokoMilkenhanimerupakan mini distributor dan toko yang

menjual berbagai jenis sepatu wanita dewasa.

Mengunakan website e-commerce sebagai salah satu media penjualan dan

promosi, maka akan memperluas daerah pemasaran produk dan memudahkan

pembeli untuk memilih dan memesan produk tersebut sehinggadapat meningkatkan

omset penjualan toko tersebut. Berdasarkan uraian tersebut diatas, maka penulis

mengangkat sebuah tema untuk penulisan skripsi ini dengan judul “Perancangan

Sistem Informasi Penjualan Sepatu Wanita DewasaBerbasis Web Pada Toko

Milkenhani Jakarta”

Page 21: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

3

1.2 Maksud dan Tujuan

Maksud dari pembuatan tugas akhir ini adalah

1. Diharapkan dapat menambah penghasilan dengan adanya toko online atau e-

commerce.

2. Bermaksud untuk mempermudah konsumen memilih dan membeli sepatu

3. Membantu penjual dan konsumen dalam layanan transaksi penjualan jarak jauh

sehingga membantu perusahaan memperluas wilayah pemasaran.

4. Mempermudah penjual dalam penyebarluasaninformasi dan promosi produk.

Adapun tujuan dari penulisan tugas akhir ini adalah sebagai salah satu syarat

kelulusan pada Program Diploma Tiga (D.III) pada jurusan Manajemen Informatika

di Akademi Manajemen Informatika Bina Sarana Informatika.

1.3 Metode Penelitian

Dalam penulisan skripsi ini penulis mengumpulkan data melalui beberapa

metode sebagai berikut :

1.3.1 Metode Pengembangan Perangkat Lunak (Metode Waterfall)

Metode yang digunakan pada pengembangan perangkat lunak ini menggunakan

model water fall (sommerville, 2007:66) yang terbagi menjadi tiga tahapan, yaitu:

1. Analisis Kebutuhan

Tahapan ini sangat menekan pada masalah pengumpulan kebutuhan pengguna

pada tingkatan sistem dengan menentukan konsep sistem beserta antarmuka yang

Page 22: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

4

menghubungkannya dengan lingkungan sekitar. Hasilnya berupa spesifikasi

sistem.

2. Perancangan Sistem dan Perangkat Lunak

Proses perancangan sistem ini difokuskan pada empat atribut, yaitu struktur

data,representasi antarmuka, arsitektur perangkat lunak, dan interaksi antar objek

di dalam kelas.

3. Implementasi dan Pengujian Unit

Pada tahap ini, perancangan perangkat lunak direalisasikan sebagai serangkaian

program atau unit program. Kemudian pengujian unit melibatkan verifikasi

bahwa setiap unit program telah memenuhi spesifikasinya.

1.3.2 Teknik Pengumpulan Data

1. Observasi (Observation)

Metode observasi adalah metode pengumpulan data dengan melakukan

pengamatan langsung terhadap objek yang diteliti dengan instansi terkait

untuk mengumpulkan data dan informasi yang berkaitan dengan

permasalahanyang ada. Teknik pengumpulan data yang dilakukan oleh

penulis dengan cara mengamati langsung jalannya sistem penjualan

tokoMilkenhani.

2. Wawancara

Metode wawancara merupakan proses tanya jawab langsung dan

sistematis kepada orang yang mengetahui tentang permasalahan yang

Page 23: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

5

telah diamati untuk meyakinkan hal – hal kegiatan observasi yang telah

dilakukan

3. Studi Pustaka (Literature Study)

Penulisan skripsi ini ditunjang juga denganliteratur-literatur dari berbagai

sumber buku atau e-book dan juga dari berbagai jurnal yang berkaitan

dengan sistem penjualan online (e-commerce)

1.4 Ruang Lingkup

Mengingatluasnyapermasalahan yang ada,

penulismembatasiruanglingkuppermasalahanyaitu meliputi hak akses

user.Mengelolatransaksi. Sebagai admin, yang dapat dilakukan diantaranya adalah

mengelola informasi perusahaan, mengoreksihasilinput data calon

memberdariformulirpendaftaran, mengelola stok dan harga barang, danmengelola

data pemesanan barang.

1.5 Sistematika Penulisan

Dalam penulisan Tugas Akhir ini, digunakan sistematika penulisan sebagai berikut:

BAB I PENDAHULUAN

Bab ini berisi tentang latar belakang masalah, perumusan masalah,

ruang lingkup permasalahan, maksud dan tujuan penulisan, metode

penulisan, dan sistematika penulisan.

Page 24: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

6

BAB II LANDASAN TEORI

Bab ini berisi tentang dasar teori yang digunakan dan mendasari

penulisan tugas akhir, yang meliputi konsep dasar web yang

menjelaskan tentang waterfall model, konsep dasar perancangan

website, basis data, SQL, bahasa pemograman dan teori pendukung

yang meliputi struktur navigasi, Enterprise Relationship Diagram, dan

penjelasan tentang pengujian web black box testing.

BAB III PEMBASAHAN

Bab ini berisi tentang pembahasan lengkap tahapan-tahapan dalam

analisis kebutuhan sistem, basis data, proses perancangan website yang

akan dibuat pada Tugas Akhir ini, dan juga implementasi dan

pengujian unit

BAB IV PENUTUP

Bab ini berisi tentang kesimpulan dan saran dari hasil Tugas Akhir.

Page 25: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

7

Page 26: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

7

BAB II

LANDASAN TEORI

2.1. Konsep Dasar Web

Pada pembuatan suatu web, perlu dipelajari dan dipahami dahulu teori-teori

pendukung yang berhubungan erat dengan web yang akan dirancang. Penulis

menggunakan beberapa landasan teori pendukung yang dapat digunakan sebagai

dasar dalam pembuatan rancangan web. Adapun beberapa teori yang digunakan

dalam pembuatan tugas akhir ini adalah:

A. Website

Perkembangan dunia internet telah melahirkan suatu fasilitas layanan baru,

yaitu web, yang merupakan layanan terpenting dalam internet. Dewasa ini, fasilitas

web mengizinkan pengakses untuk mengakses dan berinteraksi dengan teks, grafik,

animasi, foto, suara, dan video. Web secara fisik adalah kumpulan komputer pribadi,

web browser, koneksi ke ISP, komputer server, router, dan switch yang digunakan

untuk mengalirkan informasi dan menjadi wahana pertama berbagai pihak terkait

untuk saling berinteraksi satu sama lain baik dalam pertukaran suatu data maupun

informasi penting lainnya.

Menurut Soetejo (2012a:11), memberikan pengertian website sebagai berikut:

Situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk

menampilkan informasi, gambar gerak, suara dan atau 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.

Page 27: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

8

Menurut Soetejo (2012b:1) Mengemukakan bahwa “Internet (kependekan dari

interconnection-network-ing) ialah sistem global dari seluruh jaringan komputer yang

saling terhubung menggunakan standar Internet Protocol Suite (TCP/IP) untuk

melayani miliyaran pengguna di seluruh dunia”. Manakala Internet (huruf “I” besar)

ialah sistem komputer umum, yang berhubung secara global dam menggunakan

TCP/IP sebagai protokol pertukaran paket (packet switching communication

protocol). Rangkaian internet yang terbesar dinamakan Internet. Cara

menghubungkan rangkaian dengan kaedah ini dinamakan internetworking.

Berikutadalahistilah-istilah dalam dunia Internetantara lain: (Kustiyahningsih

dan Anamisa: 2011,7)

a. URL (Universal Resource Locator)

Konsep nama file standar yang diperluas dengan jaringan untuk menentukan

lokasi informasi pada web server.

b. HTTP (Hypertext Transfer Protocol)

Suatu protokol yang menentukan aturan yang perlu diikuti oleh web browser

dalam meminta atau mengambil suatu dokumen dan menyediakan dokumen

yang diminta oleh browser.

c. Web Browser

Software yang digunakan untuk menampilkan informasi dari server web.

d. Web Server

Komputer yang digunakan untuk menyimpan dokumen-dokumen web,

komputer ini akan melayani permintaan dokumen web dari kliennya.

Page 28: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

9

e. WWW (World Wide Web)

Menurut Raymon McLeod,jr., George P.Schel (2007:78) “Word Wide Web

yang disebut pula sebagai Web dan WWW adalah informasi yang dapat diakses

melalui internet dimana dokumen-dokumen hypermedia(file-file komputer) disimpan

dan kemudian diambil dengan cara-cara yang menggunakan metode penentuan

alamat yang unik”. Sehingga web pada awalnya adalah ruang informasi dalam

internet, dengan menggunakan teknologi hypertext, pemakai dituntut menemukan

informasi dengan mengikuti link yang disediakan dalam dokumen web yang

ditampilkan dalam web browser. Situs/web dapat dikategorikan menjadi dua yaitu

“web statis” dan “web dinamis”.

Web statis adalah web yang menampilkan informasi-informasi yang sifatnya

statis (tetap). Disebut statis karena pengguna tidak dapat berinteraksi dengan web

tersebut. Web dinamisadalah web yang menampilkan informasi serta dapat

berinteraksi dengan pengguna.

Dengan demikian untuk mengetahui suatu web tersebut bersifat statis atau

dinamis dapat dilihat dari tampilannya. Jika suatu web hanya berhubung dengan

halaman web lain dan berisi suatu informasi yang tetap maka web tersebut disebut

statis.

Sistem web sebenarnya merupakan aplikasi yang berarsitektur client-server

dengan menggunakan protokol HTTP dalam komunikasi antara client dan server

yang merupakan pengembangan dari arsitektur file server. Arsitektur ini adalah

model konektivitas pada jaringan yang mengenal adanya serverdan client, dimana

Page 29: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

10

masing-masing memiliki fungsi yang berbeda satu sama lainnya. Kunci utama dalam

membangun aplikasi web adalah meletakkan sesuai dengan proposisinya. Artinya

web developerharus pintar dalam memilih-milih mana yang harus diproses di server

dan mana yang di client.

Server merupakan komputer yang menjadi pusat pemrosesan perintah-

perintah web yang dikirim oleh client. Perintah tersebut bisa berupa koneksi ke

database, perintah untuk menampilkan suatu halaman web dan lain-lain. Client

merupakan komputer yang hanya bertugas untuk menampilkan data dari server dan

mengirim data ke server.

Gambar II.1

Konsep browser dan server web

Web browser adalah sebuah program aplikasi yang dipergunakan untuk

menjelajahi dunia maya atauinternet. Aplikasi ini mempunyai kemampuan untuk

menampilkan web page yang ditulis dalam format dokumen HTML. Linx dan Mosaic

merupakan dua contoh program aplikasi web browser yang pertama. Linx adalah web

browser yang berbasis text. Kekurangan dari Linx yaitu tidak dapat menampilkan

gambar, namun karena itu pola web browser ini menjadi lebih cepat. Sedangkan

10

masing-masing memiliki fungsi yang berbeda satu sama lainnya. Kunci utama dalam

membangun aplikasi web adalah meletakkan sesuai dengan proposisinya. Artinya

web developerharus pintar dalam memilih-milih mana yang harus diproses di server

dan mana yang di client.

Server merupakan komputer yang menjadi pusat pemrosesan perintah-

perintah web yang dikirim oleh client. Perintah tersebut bisa berupa koneksi ke

database, perintah untuk menampilkan suatu halaman web dan lain-lain. Client

merupakan komputer yang hanya bertugas untuk menampilkan data dari server dan

mengirim data ke server.

Gambar II.1

Konsep browser dan server web

Web browser adalah sebuah program aplikasi yang dipergunakan untuk

menjelajahi dunia maya atauinternet. Aplikasi ini mempunyai kemampuan untuk

menampilkan web page yang ditulis dalam format dokumen HTML. Linx dan Mosaic

merupakan dua contoh program aplikasi web browser yang pertama. Linx adalah web

browser yang berbasis text. Kekurangan dari Linx yaitu tidak dapat menampilkan

gambar, namun karena itu pola web browser ini menjadi lebih cepat. Sedangkan

10

masing-masing memiliki fungsi yang berbeda satu sama lainnya. Kunci utama dalam

membangun aplikasi web adalah meletakkan sesuai dengan proposisinya. Artinya

web developerharus pintar dalam memilih-milih mana yang harus diproses di server

dan mana yang di client.

Server merupakan komputer yang menjadi pusat pemrosesan perintah-

perintah web yang dikirim oleh client. Perintah tersebut bisa berupa koneksi ke

database, perintah untuk menampilkan suatu halaman web dan lain-lain. Client

merupakan komputer yang hanya bertugas untuk menampilkan data dari server dan

mengirim data ke server.

Gambar II.1

Konsep browser dan server web

Web browser adalah sebuah program aplikasi yang dipergunakan untuk

menjelajahi dunia maya atauinternet. Aplikasi ini mempunyai kemampuan untuk

menampilkan web page yang ditulis dalam format dokumen HTML. Linx dan Mosaic

merupakan dua contoh program aplikasi web browser yang pertama. Linx adalah web

browser yang berbasis text. Kekurangan dari Linx yaitu tidak dapat menampilkan

gambar, namun karena itu pola web browser ini menjadi lebih cepat. Sedangkan

Page 30: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

11

Mosaic adalah web browser yang selain berbasis text juga sudah dapat menampilkan

gambar.

Web Server adalah sistem untuk menjalankan situs Web yang menempatkan

semua informasi di dalam medianya, yang berupa perangkat lunak dan perangkat

keras, untuk menjalankan situs Web yang terkandung didalamnya. Dalam Internet

yang menjadi server Web adalah providernya.

B.Bahasa Pemograman

Seiring dengan perkembangan teknologi maka lahirlah PHP sebagai bahasa

pemrograman open source yang digunakan secara luas terutama untuk pengembangan

web dan dapat disimpan dalam bentuk HTML. Sehingga web tidak hanya

memberikan informasi tetapi terjalin interaksi dan menjadikan web bersifat dinamis

dan diintegrasikan dengan web server Apache, PWS dan IIS.

Kelahiran PHP bermula saat Rasmus Ledorf membuat sejumlah skrip Perl

yang dapat mengamati siapa saja yang melihat-lihat daftar riwayat hidupnya, yaitu

tahun 1994. tahun 1995, Rasmus menciptakan PHP/FI versi 2, dimana versi tersebut

dapat menempelkan kode terstruktur dalam tag HTML, dan juga PHP dapat

berkomunikasi dengan database.

Menurut Angga (2007:2) “PHP ( Personal Home Page Tools) adalah bahasa

scripting server-side bagi pemrograman web”. Secara sederhana, PHP merupakan

tool bagi pengembangan web dinamis. PHP sangat populer karena memiliki fungsi

built-in lengkap, cepat, mudah dipelajari dan bersifat gratis. PHP dapat berjalan di

berbagai web server dan sistem operasi yang berbeda. PHP sendiri merupakan bahasa

Page 31: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

12

turunan dari bahasa C. Sebagian besar perintahnya berasal dari C, Java dan Perl

dengan beberapa tambahan fungsi khusus PHP.

C.Basis Data

Menurut Sadeli (2011:8) “MySQLadalah database yang menghubungkan

script PHP menggunakan perintah Query dan escaps character yang sama dengan

PHP.”

MySQL termasuk DBMS yang multithread, multi-user yang bersifat gratis di

bawah lisensi GNU general puplic licenci (GPL).Tidak seperti Apache yang

merupakan software yang di kembangkan oleh komunitas umum, dan hak cipta untuk

kode sumber dimiliki oleh penulisnya masing-masing. MySQL dimiliki dan

disponsori oleh perusahaan swedia, yaitu MySQL AB. MySQL AB memegang hak

cipta kode sumbernya. Kedua orang swedia dan satu orang finlandia yang mendirikan

MySQL AB yaitu David Axmark, Allan Larson, dan Michael Monty Widenius.

MySQL bersifat gratis atau open soura sehingga bisa digunakan secara gratis.

Pemrograman PHP juga sangat mendukung (support) dengan database MySQL

sehingga apabila dipelajari dengan sungguh-sungguh dapat mengaplikasikanPHP &

MySQL dalam membuat aplikasi website. Salah satu jenis database dan yang

digunakan penulis pada karya ilmiah tugas akhir ini adalah MySQL.

Ada beberapa alasan mengapa MySQL menjadi database yang sangat populer

dan digunakan oleh banyak orang, diantaranya ialah:

Page 32: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

13

1. MySQL dapat berjalan dengan stabil pada berbagai sistem operasi, seperti

windows, linux, FreeBSD, max os x server, solaris, dan masih banyak lainnya.

2. Bersifat open source, MySQL didistribusikan secara open source (gratis), di

bawah lisensi GNU general public licence (GPL).

3. Bersifat Multi user. MySQL dapat digunakan oleh beberapa user dalam waktu

yang bersamaan tanpa mengalami suatu masalah.

4. MySQL memiliki kecepatan yang baik dalam menangani query (perintah SQL).

Dengan kata lain, dapat memproses lebih banyak SQL per satuan waktu.

5. Dari segi security atau keamanan data, MySQL memiliki beberapa lapisan

security, seperti level subnet mask, nama host, dan izin akses user dengan sistem

perizinan yang mendetail serta password yang terenkripsi.

6. Selain MySQL bersifat fleksibel dengan berbagai pemrograman, MySQL juga

memiliki interface (antar muka) terhadap berbagai aplikasi dan bahasa

pemrograman dengan menggunakan fungsi API (application programming

interface).

7. Dukungan banyak komunitas, biasanya tergabung dalam sebuah forum untuk

saling berdiskusi, membagi informasi tentang MySQL misalnya, di forum

http://forums.mysql.com/

D. Model Pengembangan Perangkat Lunak

Dalam membuat sebuah sistem informasi diperlukan suatu model yang dapat

membantu dan mempermudah proses pengembangan sistem. Dari beberapa model

pengembangan sistem yang ada penulis menggunakan Model waterfall untuk

pengembangan sistem informasi e-commerce ini.

Page 33: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

14

Menurut Rosa dan Salahudin (2013:28) Model SDLC air terjun (waterfall)

sering juga disebut model sekuensial linier (squensial linear) atau alur hidup

klasik (classic life cycle). Model air terjun menyediakan pendekatan alur hidup

perangkat lunak secara sekuensial atau terurut dimulai dari analisis, desain,

pengkodean, pengujian, dan tahap pendukung (support).

Berikut ini adalah gambar konsep pengembangan sistem model waterfall :

Gambar II.2

Waterfall Model

1. Analisis kebutuhan perangkat lunak

Proses pengumpulan kebutuhan dilakukan secara intensif untuk

memspesifikasikan kebutuhan perangkat lunak agar dapat dipahami perangkat

lunak seperti apa yang dibutuhkan oleh user. Spesifikasi kebutuhan perangkat

lunak pada tahap ini perlu untuk didokumentasikan.

2. Desain

Desain perangkat lunak adalah proses multi langkah yang fokus pada desain

pembuatan program perangkat lunak termasuk struktur data, arsitektur perangkat

lunak, representasi antarmuka, dan prosedur pengkodean. Tahap ini mentranslasi

kebutuhan perangkat lunak dari tahap analisis kebutuhan ke representasi desain

Page 34: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

15

agar dapat diimplementasikan menjadi program pada tahap selanjutnya. Desain

peangkat lunak yang dihasilkan pada tahap ini juga perlu didokumentasikan.

3. Pembuatan kode program

Pada tahap ini desain di translasikan 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 dari segi lojik dan fungsional dan

memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk

meminimalisir kesalahan (error) dan memastikan keluaran yang dihasilkan

sesuai dengan yang diinginkan.

5. Pendukung (support) atau pemeliharaan (maintenance)

Perubahan perangkat lunak bisa terjadi karena adanya kesalahan yang muncul

dan tidak terdeteksi saat pengujian atau perangkat lunak harus beradaptasi

dengan lingkungan baru. Tahap pendukung atau pemeliharaan dapat mengulangi

proses pengembangan mulai dari analisis spesifikasi untuk perubahan perangkat

lunak yang sudah ada, tetapi tidak untuk membuat perangkat lunak baru.

Kesulitan model pengembangan sistem model waterfall ini terjadi apabila

perubahan spesifikasi terjadi ditengah alur pengembangan, pelanggan sulit

mendefinisikan semua spesifikasi di awal alur pengembangan, dan pelanggan tidak

mungkin bersabar mengakomodasi perubahan yang diperlukan diakhir alur

pengembangan. Sedangkan kelebihan dari modelwaterfall ini adalah struktur tahap

Page 35: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

16

pengembangan sistem jelas, dokumentasi dihasilkan di setiap tahap pengembangan,

dan sebuah tahap dijalankan setelah tahap sebelumnya selesai dijalankan.

2.2. Teori Pendukung

A. Struktur Navigasi

Struktur navigasi digunakan sebagai penuntun alur sebuah aplikasi

multimedia atau dapat pula dianalogikan sebagai diagram alur dalam perancangan

bahasa pemrograman. Struktur navigasi berfungsi untuk menggambarkan dengan

jelas hubungan dan rantai kerja seluruh elemen yang akan digunakan dalam aplikasi.

Dengan penggambaran struktur navigasi pembuatan sebuah aplikasi dapat

sistematis dan mudah. Menurut Binanto (2010:269) struktur navigasi yang sering

digunakan terdiri dari 4 (empat) jenis yaitu sebagai berikut:

1. Struktur Navigasi Linier

Pengguna akan melakukan navigasi secara berurutan, dari frame atau byte

informasi yang satu ke yang lainnya.Tampilan struktur navigasi linier dapat dilihat

pada gambar dibawah ini :

Gambar II.3

Struktur navigasi linier

Page 36: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

17

2. Struktur Navigasi Hirarki

Struktur dasar ini disebut juga struktur “linier dengan percabangan” karena

pengguna melakukan navigasi di sepanjang cabang pohon struktur yang terbentuk

oleh logika isi.

Gambar II.4

Struktur navigasi hirarki

3. Struktur Navigasi Non-linier

Pengguna akan melakukan navigasi dengan bebas melalui isi proyek dengan

tidak terikat jalur yang sudah ditentukan sebelumnya.

Gambar II.5

Struktur navigasi non-linier

Page 37: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

18

4. Struktur Navigasi Campuran(composite).

Pengguna akan melakukan navigasi dengan bebas (secara non-liner) tetapi

terkadang dibatasi persentasi linier film atau informasi penting danatau pada data

yang paling terorganisasi secara logis pada struktur hirarki.

Gambar II.6

Struktur navigasi composite.

B. Entity Relationship Diagram (ERD)

Menurut McLeod dan P.Schell (2008:173) “ERD adalah tingkat konseptualisasi

data yang lebih tinggi dari pada tabel. ERD seperti ditunjukkan oleh namanya,

berhubungan dengan data didalam entitas dan hubungan antar entitas”.

ERD terbagi atas tiga komponen yaitu entitas, atribut, dan relasi atau hubungan.

Kumpulan konseptual field-fielddata yag saling berhubungan disebut dengan entitas.

Page 38: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

19

Entitas dinyatakan dengan simbol persegi panjang. Relasi yaitu hubungan yang

terjadi antara satu atau lebih entitas. Atribut yaitu karakteristik dari entitas atau relasi

merupakan penjelasan detail tentang entitas. ERD juga mengungkapkan entitas-

entitas mana yang sebaiknya secara konseptual dihubungkan dengan entitas yang lain.

Hubungan antar entitas tidak ditentukan oleh field-fielddata yang sama dalam masing-

masing entitas, karena selama tahap awal pengembangan sistem ini ketika ERD

pertama kali dikonseptualisasikan, field-fielddata yang sebenarnya tidaklah

diketahui.

Entitas-entitas didalam ERD akan memiliki nama , sama hal nya seperti tabel

yang memiliki nama. Relasi juga akan menghubungkan entitas-entitas sama hal nya

seperti garis-garis yang menghubungkan tabel-tabel melalui field-fieldyang sama

diantara tabel. Relasi ERD akan menunjukkan jika suatu recorddalam suatu entitas

akan berhubungan dengan satu atau lebih recorddi entitas yang lain.

Berikut adalah bentuk entitas dan relasinya menurut Mcleod dan P.Schell (2008:174)

1. Entitas-Entitas

Gambar II.7

Entitas- Entitas

Page 39: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

20

2. Entitas dan Relasi

Gambar II.8

Entitas dan relasi

3. Diagram Relasi Entitas

Gambar II.9

Diagram relasi entitas

mempekerjakan menjual

mempekerjakan menjual

M

1

M

1

Page 40: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

21

4. Diagram Relasi Entitas dengan relasi banyak dengan banyak

Gambar II.10

Diagram relasi entitas dengan relasi banyak dengan banyak

C. Pengujian Web

Black box testing merupakan metode pengujian menggunakan suatu software

yang dalam hal ini menggunakan internet browser dimana software tester tersebut

tidak memiliki akses source code atau mengetahui implementasi dari program

tersebut untuk mencari adanya kesalahan pada program dan juga tidak di

haruskan memiliki pengetahuan tentang programming dan implementasinya.

mempekerjakan

Nnmenjual

M

1

M

1

M

M

memiliki

Page 41: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

22

BAB III

PEMBAHASAN

3.1 Tinjauan Perusahaan

Milkenhani adalah sebuah toko yang bergerak dibidang penjualan produk,

khususnya produk Sepatu dewasa wanita yang ditawarkan Toko ini beralamat di

Cipinang Indah 1 Blok M1 No 7 Jakarta Timur.

1. Sejarah Perusahaan

Toko Milkenhani didirikan pada tanggal 17Oktober 2014, yang beralamat di

Cipinang Indah 1 Blok M1 No. 7 – Jakarta Timur. Toko Milkenhani ini dirintis oleh

Ibu Marda Salina Sinulingga, dimana perusahaan ini bergerak dibidang Perdagangan

sepatu Dewasa Wanita.Tidak berbeda dengan jenis usaha lainnya toko Milkenhani ini

mengalami masalah dalam menjalankan usahanya, ada tahap dimana ketika usaha

tersebut mengalami penurunan jumlah pelanggan, dikarenakan banyaknya pesaing.

Dalam masa perintisan toko Milkenhani ini, Ibu Marda Salina Sinulingga

selalu menekankan bahwa kunci sukses bisnis adalah friendly, dimana selalu

menempatkan pelayanan yang bersahabat sebagai citra yang harus dipertahankan

untuk mempertahankan semua costumer yang sudah menjadi pelanggan lama maupun

pelanggan baru, yang baru mengenal Toko Milkendhani.

Oleh sebab itu dalam waktu dekat, Toko Milkenhani bermaksud agar dikenal

baik dikalangan masyarakat baik lokal, nasional bahkan ke mancanegara. Ingin

membuat website Toko Milkenhani Online Shop.

Page 42: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

23

Adapun visi dan misi Toko Milkenhani Online Shop adalah :

1. Visi

Menjadi toko sepatu yang memiliki kualitas terbaik di manca negara.

2. Misi

1. Memberikan Pelayanan yang terbaik.

2. Menyediakan sepatu yang berkualitas.

1. Struktur Organisasi

Struktur organisasi pada Toko Milkendhani serta fungsi dan tugas dari masing

– masing fungsi:

Gambar III.1

Stuktur Organisasi

Manager

Pengadaan &

Pengiriman barang

&

AdministrasiMarketing

Page 43: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

24

1. Tugas dan Fungsi Organisasi

Pada bagian ini penulis menjelaskan fungsi dan organisasi, wewenang dan

tanggung jawab serta tugas pada Toko Milkenhani.

1. Manager

Tugasnya :

1 Mengatur dan mengawasi proses kerja setiap pegawai

2 Mengontrol biaya pengeluaran dan pemasukkan secara rinci

3 Bersikap adil dan bijaksana kepada seluruh staff tanpa terkecuali

2 Administrasi

Tugasnya :

1. Melayani transaksi pembayaran dari pelanggan

2. Membuat laporan penjualan setiap bulan

3. Marketing

Tugasnya :

1. Menawarkan dan menjual produk-produk yang ada kepada pelanggan

2. Melayani setiap pelanggan dengan ramah dan bersahabat

4 Pengadaan & Pengiriman

Tugasnya :

1. Menyiapkan kebutuhan ketersediaan produk-produk yang dibutuhkan

pelanggan

2. Menangani pengiriman

Page 44: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

25

3.2Analisa Kebutuhan

Dari permasalahan tersebut maka penulis dapat menganalisa kebutuhan-

kebutuhan sistem, menentukan software penunjang yang akan dipergunakan dalam

membangun sebuah sistem seperti Adobe DreamweaverCS3, Mozilla Firefox,Adobe

Photoshop CS4dan Appache 2Triad.

1. Desain

Setelah proses analisa kebutuhan software telah selesai dilakukan maka tahap

berikutnya adalah melakukan tahap desain.Desainsistem yang digunakan UML

yang terdiri dari usecase diagram, activity diagram, component diagram dan

deployment diagram, desain database menggunakan ERD, manajemen user,

modul-modul pada web, konten atau isi web dan manajemen databaseserta

membangun user interface.

2. Code Generation

Penulis menggunakan kode pemrograman Hypertext

Preprocessor(PHP),MySQL, Casecading Style Sheet (CSS) dan script

Hypertext Markup

Languge (HTML). Adapun sistem yang dibangun oleh penulis termasuk

kedalam pemrograman terstruktur.

3. Testing

Setelah sistem selesai dibuat, maka akan dilakukan pengujian untuk

menganalisa dan melakukan pengetesan terhadap kesalahan-kesalahan sistem

Page 45: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

26

yang mungkin terjadi. Pengujian akan dilakukan pada form-form yang berkaitan

dengan jalannya proses belajar mengajar dengan menggunakan metode testing.

4. Support

Berkaitan dengan pembuatan sistem informasi e-commerce berbasis website ini,

penulis telah mencoba memperhatikan, mempelajari dan memahami spesifikasi

hardware serta software yang akan dipergunakan untuk mendukung

berjalannya sistem ketika diimplementasikan. Adapun hardware yang

digunakan penulis untuk membangun sistem informasi ini adalah komputer

dengan spesifikasi Intel® Pentium® processor P6100 dan untuk

pengembangnnya dapat menggunakan spesifikasi hardware yang lebih baik.

Sedangkan untuk software, penulis menggunakan Microsoft Wondows 7 dan

untuk pengembangan sistem dapat mengunakan software-software dengan versi

terbaru. Hal ini sangat penting karena hardware yang digunakan harus

mempunyai spesifikasi yang cukup baik dan software bersifat fleksibel karena

berkaitan dengan kelancaran berjalannya sebuah sistem dan pengembangannya.

3.3 Perancangan Perangkat Lunak

3.3.1 Rancangan Antar Muka Web

Dalam hal ini penulis akan menggabarkn rancangan antar muka yang akan

dibuat, baik dari sisi bentuk desain maupun fungsinya,spesifikasi bentuk

halaman,spesifikasi file serta struktur navigasi program yang nantinya dapat

membantu dalam tahap penrancangan web ini yaitu sebagai berikut:

Page 46: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

27

1. Halaman Index beranda

Halaman ini merupakan halaman yang akan pertama kali tampil apabila

websitepertama kali di masuk

Nama produk sepatu

Footer

Gambar III.2

Logo Toko Milkenhani Pencarian Masuk Daftar

Beranda Produk Kategori TentangKami

KontakKami

Kranjangbelanja

Page 47: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

28

Halaman IndexBeranda

2. Halaman Login Member dan Daftar Member

Halaman Daftar member berisi form untuk di isi oleh calon member dan harus

di isi dengan benar karena ini akan menjadi back up oleh admin sebagai data dalam

mengirim pesanan.

Footer

Gambar III.3

Halaman Login dan Daftar Member

Logo Toko Milkenhani Pencarian Masuk Daftar

Beranda Produk Kategori TentangKami

KontakKami

Keranjangbelanja

LoginUser name

Password

DaftarIsi biodata

Page 48: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

29

3.3.2 Rancangan antar muka User

1. Halaman Index/beranda Member

Halaman ini merupakan halaman yang akan pertama kali tampil apabila sudah

melakukan login website dimana terdapat sedikit perbedaan tampilan dari halaman

non member .

Logo Milkenhani

Keranjang| profil|Pesanan| Keluar

Nama akun| pencarian

DaftarLogin

Footer

Beranda Produk Kategori TentangKami

KontakKami

Kranjangbelanja

Page 49: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

30

Gambar III.4

Halaman Index/ Beranda Member

2 Halaman Produk Member

Merupakan halaman yang berisi tentang produk-produk sepatu. Rancangan

halaman produk adalah sebagai berikut :

Logo Milkenhani

Keranjang| profil|Pesanan| Keluar

Nama akun| pencarian

Produk sepatu

yang ditampilkan

Produk sepatu

yang ditampilkan

Produk sepatu

yang ditampilkan

Produk sepatu

yang ditampilkan

Footer

Gambar III.5

Beranda Produk Kategori TentangKami

KontakKami

Keranjangbelanja

Page 50: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

31

Halaman Produk Member

3. Halaman Detail produk Member

Halaman ini berisi keterangan,harga yang dijual di website ini.

Logo Milkenhani

Keranjang| profil|Pesanan| Keluar

Nama akun| pencarian

Image Produk Text detail produk

Footer

Beranda Produk Kategori TentangKami

KontakKami

Keranjangbelanja

Page 51: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

32

Gambar III.6

Halaman Detail Produk Member

4. Halaman keranjang Member

Halaman ini berisi detail order yang sudah di pesan oleh customer seperti kode

produk,nama produk,ukuran, harga, jumlah, dan total.

Logo Milkenhani

Keranjang| profil|Pesanan| Keluar

Nama akun| pencarian

kd produk| nama produk| harga| jumlah |total

Footer

Beranda Produk Kategori TentangKami

KontakKami

Keranjangbelanja

Page 52: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

33

Gambar III.7

Halaman Keranjang Belanja Member

5. Halaman Data Pesanan Member

Halaman ini berisi data pesanan oleh semua member seperti no transaksi, tanggal

pesan, status, jumlah, total.

Logo Milkenhani

Keranjang| profil|Pesanan| Keluar

Nama akun| pencarian

no transaksi| tanggal pesan|status|jumlah|total.

Footer

Beranda Produk Kategori TentangKami

KontakKami

Keranjangbelanja

Page 53: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

34

Gambar III.8

Halaman Data Pesanan Member

6. Halaman Kategori

Halaman kategori merupakan halaman yang berisikan tentang jenis-jenis kategori

sepatu.

Logo Milkenhani

Keranjang| profil|Pesanan| Keluar

Nama akun| pencarian

Jenis

kategori

sepatu

Jenis

kategori

sepatu

Jenis

kategori

sepatu

Jenis

kategori

sepatu

Footer

Beranda Produk Kategori TentangKami

KontakKami

Keranjangbelanja

Page 54: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

35

Gambar III.9

Halaman kategori Member

7. Halaman tentang kami

Halaman ini tentang kami merupakan halaman yang berisikan tentang profil

perusahaan.

Logo Milkenhani

Keranjang| profil|Pesanan| Keluar

Nama akun| pencarian

Profil Perusahaan

Footer

Beranda Produk Kategori TentangKami

KontakKami

Keranjangbelanja

Page 55: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

36

Gambar III.10

Halaman Tentang Kami

8. Halaman kontak kami

Halaman kontak kami merupakan halaman yang berisikan tentang alamat, nomor

telepon, dan buku tamu. Rancangan halaman kontak kami adalah sebagi berikut:

Logo Milkenhani

Keranjang| profil|Pesanan| Keluar

Nama akun| pencarian

Kontak kami Buku Tamu

Alamat

No.telp

Footer

Beranda Produk Kategori TentangKami

KontakKami

Keranjangbelanja

Page 56: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

37

Gambar III.11

Halaman Kontak Kami

3.3.3 Rancangan Antar Muka Admin

1. Halaman Login

Halaman ini berisi form login, dimana jika ingin masuk kehalaman admin

harus login terlebih dahulu.

Footer

Beranda

Selamat datang Admin

Logo Toko Milkenhani

User

Logout

Beranda

Master

Produk

Stok

Transaksi

Buku Tamu

Page 57: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

38

Gambar III.12

Rancangan Halaman Admin

2. Rancangan Login Admin

Halaman Login Admin merupakan halaman yang digunakan untuk mengakses

halaman admin sehingga dapat mengubah tampilan pada halaman utama. Rancangan

halaman login Admin adalah sebagai berikut :

Gambar III.13

Rancangan Halaman Login Admin.

Mikenhani

User Name

Password

Login

Login Admin

Page 58: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

39

3. Rancangan Halaman beranda Admin

Halaman Admin merupakan halaman yang dapat mengubah tampilan pada

halaman utama. Rancangan halaman Admin adalah sebagai berikut :

Footer

Gambar III.14

Rancangan Halaman Beranda Admin

Logo

User

Produk

Master

Beranda

Stok

Transaksi

Buku Tamu

Log Out

Logo

Welcome, Administrator

Page 59: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

40

4. Rancangan Halaman Admininistrator

Halaman Administrator merupakan halaman yang berhak merubah password

Admin. Rancangan halaman Administrator adalah sebagai berikut :

Nama Username Status Tipe

Footer

Gambar III.15

Rancangan Halaman Administrator

Logo

User

Produk

Master

Beranda

Stok

Transaksi

Buku Tamu

Log Out

Ganti PasswordTanbah

Data Administrator

Page 60: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

41

5. Rancangan Halaman Master

Halaman Master merupakan halaman yang dapat mengubah atau menambah

Produk dan kategori. Rancangan halaman Master adalah sebagai berikut :

Nama Status

Footer

Gambar III. 16

Rancangan Halaman Kategori

Logo

User

Produk

Master

Beranda

Stok

Transaksi

Buku Tamu

Log Out

Edit HapusNonaktifkan

Tambah

Data Kategori

Page 61: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

42

6. Rancangan Halaman Stok

Halaman Stok merupakan halaman untuk melihat keluar masuknya barang.

Rancangan halaman Stok adalah sebagai berikut :

KodeBarang

NamaBarang

Kategori Status Ukuran Stok

Footer

Gambar III.17

Rancangan Halaman Stok

Logo

User

Produk

Master

Beranda

Stok

Transaksi

Buku Tamu

Log Out

Tambah Stok

Data Stok

Page 62: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

43

7. Rancangan Halaman Transaksi

Halaman Transaksi merupakan halaman untuk melihat status pengiriman.

Rancangan halaman Transaksi adalah sebagai berikut :

Namamember

Status Jumlah Total Tanggalpesan

Footer

Gambar III.18

Rancangan Halaman Transaksi

Logo

User

Produk

Master

Beranda

Stok

Transaksi

Buku Tamu

Log Out

Ubah Status

Data Transaksi

Page 63: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

44

8. Rancangan Halaman Buku Tamu

Halaman Buku Tamu merupakan halaman yang berfungsi untuk

berkomunikasi dengan cotumer. Rancangan halaman Buku tamu adalah sebagai berikut

:

Nama Email Pesan

Footer

Gambar III.19

Rancangan Halaman Buku Tamu

Logo

User

Produk

Master

Beranda

Stok

Transaksi

Buku Tamu

Log Out

Data Guess Book

Page 64: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

45

3.3.4 Basis Data

1. Entity Relationship Diagram

Page 65: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

46

2. Logical Record Structure

Page 66: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

47

Gambar III.21

Logical Record Structure

3.3.5 Rancangan Struktur Navigasi

class Logical Record Structure

kirim

id_kirimid_transaksiid_memberid_lokasinamaalamatprovinsikotakode_postelpcreated_date

member

id_membernamajkeltmp_lahirtgl_lahirtelpalamatprovinsikotakode_posusernamepasswordemailstatuscreated_date

lokasi

id_lokasinamastatusbiayacreated_datecreated_by

kategori

id_kategorinamastatuscreated_datecreated_by

transaksi

id_transaksiid_memberstatusjumlahtotaltgl_pesancreated_date

produk

id_produkid_kategorikodenama_barangstatusdeskripsidetailfotohargacreated_datecreated_by

id_transaksi

id_kategori

id_member

id_produksiid_lokasi

Page 67: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

48

1. Struktur Navigasi Halaman pengunjung

Gambar III.22.

Structure Menu Pengunjung

Index

KategoriProdukBeranda Tentang kami Kontak

Page 68: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

49

2. Struktur Navigasi Halaman Admin

Gambar III.23.

Structture Menu Admin

1. Spesifikasi File

1. Spesifikasi File Tabel member

Index

MasterUserBeranda Produk Stok

Administrator

Member

Kategori

Location

Transaksi Gues book Sign Out

Page 69: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

50

Nama Database : shoes.mdb

Nama File : Tabel member

Akronim : member.myd

Tipe File : File Master

Akses File : Random

Panjang Record : 433 Byte

Kunci Field : id

Tabel III.1

Spesifikasi File Tabel member

No Elemen Data Nama Field Type Size Keterangan

1 Id Id Int 11 Primary Key

2 Nama Nama Varchar 100

3 Jenis kelamin Jkel Varchar 10

4 Tempat lahir Tmp_lahir Varchar 30

5 Tanggal lahir Tgl_lahir Date

6 Telpon Telp Varchar 15

7 Alamat Alamat Text

8 Provinsi Provinsi Varchar 30

9 Kota Kota Varchar 30

10 Kode pos Kode_pos Varchar 30

11 Username Username Varchar 30

12 Password Password Varchar 32

13 Email Email Varchar 100

14 Status Status Varchar 15

2. Spesifikasi File Tabel lokasi

Page 70: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

51

Nama Database : shoes.mdb

Nama File : Tabel lokasi

Akronim : lokasi.myd

Tipe File : File Master

Akses File : Random

Panjang Record :77Byte

Kunci Field : id

Tabel III.2

Spesifikasi File Tabel lokasi

No Elemen Data Nama Field Type Size Keterngan

1 Id Id Int 11 Primary Key

2 Nama Nama Varchar 30

3 Status Status Varchar 15

4 Biaya Biaya Double

5 Created date Created_date timestamp 10

6 Created by Created_by Int 11

3. Spesifikasi File Tabel Produk

Nama Database : shoes.mdb

Page 71: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

52

Nama File : Tabel produk

Akronim : produk.myd

Tipe File : File Master

Akses File : Random

Panjang Record : 205 Byte

Kunci Field : id

Tabel III.3

Spesifikasi File Tabel produk

No Elemen Data Nama Field Type Size Keterangan

1 Id Id Int 11 Primary Key

2 Id_kategori Id_kategori Int 11 Foreign Key

3 Kode Kode Varchar 32

4 Nama_barang Nama_barang Varchar 50

5 Status Status varchar 20

6 Deskripsi Deskripsi Text

7 Detail Detail Text

8 foto Foto varchar 100

9 Harga Harga double

10 Created_date Created_date timestamp 50

11 Created_by Created_by Int 11

4. Spesifikasi File Tabel Temp

Nama Database : shoes.mdb

Page 72: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

53

Nama File : Tabel temp

Akronim : temp.myd

Tipe File : File Master

Akses File : Random

Panjang Record : 37 Byte

Kunci Field : id

Tabel III.4

Spesifikasi File Tabel Temp

No Elemen Data Nama Field Type Size Keterangan

1 Id Id int 11 Primary Key

2 Id_member Id_member int 11 Foreign Key

3 Id_produk Id_produk int 11 Primary Key

4 Ukuran Ukuran varchar 2

5 Jumlah Jumlah int 2

6 Maximum_response Maximum_response datetime

5. Spesifikasi File Tabel Transaksi

Nama Database : shoes.mdb

Page 73: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

54

Nama File : Tabel Transaksi

Akronim : tabel.myd

Tipe File : File Master

Akses File : Random

Panjang Record : 69 Byte

Kunci Field : id

Tabel III.5

Spesifikasi File Tabel Transaksi

No Elemen Data Nama Field Type Size Keterangan

1 Id Id Varchar 32 Primary Key

2 Id_member id_member Int 11 Foreign Key

3 Status Status Varchar 15

4 Jumlah Jumlah Int 11

5 Total Total Double

6 Tgl_pesan Tgl_pesan Date

7 Created_date Created_date Timestamp

6. Spesifikasi File Tabel Admin

Nama Database : shoes.mdb

Page 74: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

55

Nama File : Tabel Kuis

Akronim : admin.myd

Tipe File : Master

Akses File : Random

Panjang Record : 166 Byte

Kunci Field : id

Tabel III.6

Spesifikasi File Tabel Admin

NoElemen

Data Nama Field Type Size Keterangan

1 Id Id Int 11 Primary Key

2 name Name Varchar 50

3 username Username Varchar 32

4 password Password Varchar 32

5 status Status Varchar 15

6 type Type Varchar 15

7 Created_date Created_date Timestamp

8 Created_by Created_by Int 11

7. Spesifikasi File Tabel Detail_Produk

Nama Database : shoes.mdb

Page 75: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

56

Nama File : Detail_produk

Akronim : detail_produk.myd

Tipe File : File Transaksi

Akses File : Random

Panjang Record : 38 Byte

Kunci Field : id

Tabel III.7

Spesifikasi File Tabel Detail_Produk

No Elemen Data Nama Field Type Size Keterangan

1 Id Id Int 11 Primary Key

2 Kode Kode Varchar 32

3 Ukuran Ukuran Int 2

4 Stok Stok Int 3

8. Spesifikasi File Detail_transaksi

Nama Database : shoes.mdb

Page 76: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

57

Nama File : Detail_transaksi

Akronim : detail_transaksi.myd

Tipe File : File Transaksi

Akses File : Random

Panjang Record : 60 Byte

Kunci Field : id

Tabel III.8

Spesifikasi File Detail_Transaksi

No Elemen Data Nama Field Type Size Keterangan

1 Id Id Int 11 Primary Key

2 Id_transaksi id_transaksi Varchar 32

3 Id_produk Id_produk Int 11 Foreign Key

4 Ukuran Ukuran Varchar 2

5 Jumlah Jumlah Int 11

6 Harga Harga Int 11

7 Status Status Varchar 15

9. Spesifikasi File Tabel Hubungi

Nama Database : shoes.mdb

Page 77: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

58

Nama File : Tabel Hubungi

Akronim : hubungi.myd

Tipe File : File Master

Akses File : Random

Panjang Record : 126 Byte

Kunci Field : id

Tabel III.9

Spesifikasi File Tabel Hubungi

No Elemen Data Nama Field Type Size Keterangan

1 Id Id Int 11 Primary Key

2 Nama Nama Varchar 15

3 Email Email Varchar 100

4 Pesan Pesan Text

5 Created_date Created_date Timestamp

10. Spesifikasi File Tabel Kategori

Nama Database : shoes.mdb

Page 78: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

59

Nama File : Tabel Kategori

Akronim : kategori.myd

Tipe File : File Master

Akses File : Random

Panjang Record : 92 Byte

Kunci Field : id

Tabel III.10

Spesifikasi File Tabel Kategori

No Elemen Data Nama Field Type Size Keterangan

1 Id Id Int 11 Primary Key

2 Nama Name Varchar 50

2 Status Status Varchar 20

3 Created_date Created_date timestamp

4 Created_by Created_by Int 11

11. Spesifikasi File Tabel Kirim

Nama Database : shoes.mdb

Page 79: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

60

Nama File : Tabel Kirim

Akronim : kirim.myd

Tipe File : File Master

Akses File : Random

Panjang Record : 180 Byte

Kunci Field : id

Tabel III.11

Spesifikasi File Tabel Kirim

No Elemen Data Nama Field Type Size Keterangan

1 Id Id Int 11 Primary Key

2 Id_transaksi Id_transaksi Varchar 32 Primary Key

3 Id_member Id_member Int 11 Primary Key

4 Id_lokasi Id_lokasi Int 11 Primary Key

5 Nama Nama Varchar 50

6 Alamat Alamat Text

7 Provinsi Provinsi Varchar 30

8 Kota Kota Varchar 30

9 Kode_pos Kode_pos Varchar 5

10 Telp Telp Varchar 15

11 Created_date Created_date Timestmp

3.4 Implementasi Dan Pengujian Unit

Page 80: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

61

3.4.1 Implementasi

1 Implementasi Antar MukaAdapun rancagan imlementasi antar muka pada pembuatan tugas akhir ini adalahsebagai berikut :

1. Tampilan Halaman Login Member

Gambar III.24

Tampilan Halaman Login Member

Page 81: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

62

2. Tampilan Halaman Index

Gambar III.25

Tampilan Halaman Index

Page 82: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

63

3. Tampilan Halaman Produk

Gambar III.26

Tampilan HalamanProduk

Page 83: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

64

4. Tampilan Halaman Kategori

Gambar III.27

Tampilan HalamanKategori

Page 84: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

65

5. Tampilan Halaman Tentang Kami

Gambar III.28

Tampilan HalamanTentang Kami

Page 85: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

66

6. Tampilan Halaman Kontak Kami

Gambar III.29

Tampilan HalamanKontak Kami

Page 86: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

67

7 Halaman Login Admin

Administrator harus melakukan login terlebih dahulu untuk dapat mengguakan

modul-modul yang tersedia jika login berhasil, maka menu-menu yang sesuai

dengan kategori user tersebut akan ditampilkan.

Gambar III.30

Tampilan Halaman Login Admin

3.4.2 Spesifikasi Sistem Komputer

1. Perangkat Keras (Hardware)

Perangkat keras adalah seluruh komponen peralatan yang berbentuk suatu

sistem komputer dan peralatan lainnya yang memungkinkan komputer melakukan

tugasnya. Termasuk juga mesin-mesin pembantu penyimpanan data dan juga sarana

alat komunikasi lainnya. Pada pembuatan situs web ini penulis menggunakan

komputer dengan spesifikasi sebagai berikut:

Page 87: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

68

1. Microprocessor : Processor P4 3.0GHZ

2. Memory Size : Memori 1 GHZ

3. Monitor : VGA 512MB

4. Hard Disk : Kapasitas hard disk 250 GB

5. Keyboard :108 key

6. Mouse :PS2 Compatible Mouse

7. Printer : Inkjet

2. Spesifikasi Perangkat Lunak (Soft Ware)

Bagian penting lain yang mendukung program adalah perangkat lunak

(software)yang digunakan dalam mengeksekusi program aplikasi serta sistem operasi

yang digunakan untuk menjalankan program tersebut. Adapun perangkat lunak yang

dipergunakan dalam pembuatan website ini adalah:

1. Sistem Operasi :Windows 7

2. Program Aplikasi Design : Adobe Dreamwever

3. Paket Program : PHP

4. Web Server : Xampp

5. Web Browser : Mozilla Firefox

6. Database : MySql dengan PhpMyAdmin

Page 88: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

69

3.4.3 Pengujian Unit1. Pengujian Terhadap Halaman Login Member

Tabel III.12

Hasil Pengujian Black Box Testing FormLogin Member

NoSkenariopengujian

Test caseHasil yangdiharapkan

Hasilpengujian

Kes

1

Mengosongkansemua isian datalogin padaloginMember, lalulangsungmengklik tombol“Login”

username :(kosong)Password :(kosong)

Sistemmenolakakses login danmenampilkanpesan “please fillout this field”

Sesuai Valid

2

Hanya mengisiusername danmengosongkanpassword, lalulangsungmengklik tombol“Login”

username :NelsPassword :(kosong)

Sistem menolakakses login danmenampilkanpesan “please fillout this field”

Sesuai Valid

3

Hanya mengisidata password danmengosongkandata username,lalu langsungmengklik tombol“Login”

username :(kosong)Password:0987

Sistem menolakakses login danmenampilkanpesan “please fillout this field”

Sesuai Valid

4

Menginputkandengan kondisisalah satu databenar dan satu lagisalah, lalulangsungmengklik tombol“Login”

username:kristinPassword : 08-08-1997

Sistem menolakakses login danmenampilkan“Username ataupassword andasalah”

Sesuai Valid

5

Menginputkandata logindanusername denganbenar, lalumengklik tombol“Login”

username :NelsPassword :0987

Sistem menerimaakses login dankemudianlangsung menampilkanberanda

Sesuai Valid

Page 89: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

70

2. Pengujian Terhadap Halaman Login Admin

Tabel III.13

Hasil Pengujian Black Box Testing FormLogin Admin

NoSkenariopengujian

Test caseHasil yangdiharapkan

Hasilpengujian

Kes

1

Mengosongkansemua isian datalogin padaloginAdmin, lalulangsungmengklik tombol“Login”

username :(kosong)Password :(kosong)

Sistemmenolakakses login danmenampilkanpesan “Anda tidakberhak masuksebagai admin!”

Sesuai Valid

2

Hanya mengisiusername danmengosongkanpassword, lalulangsungmengklik tombol“Login”

username :adminPassword :(kosong)

Sistem menolakakses login danmenampilkanpesan “Anda tidakberhak masuksebagai admin”

Sesuai Valid

3

Hanya mengisidata password danmengosongkandata username,lalu langsungmengklik tombol“Login”

username :(kosong)Password:admin

Sistem menolakakses login danmenampilkanpesan “Anda tidakberhak masuksebagai admin”

Sesuai Valid

4

Menginputkandengan kondisisalah satu databenar dan satu lagisalah, lalulangsungmengklik tombol“Login”

username: tinaPassword :0112

Sistem menolakakses login danmenampilkan“Anda tidakberhak masuksebagai admin”

Sesuai Valid

Page 90: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

71

5

Menginputkandata logindanusername denganbenar, lalumengklik tombol“Login”

username :AdminPassword :admin

Sistem menerimaakses login dankemudianlangsung menampilkanberanda

Sesuai Valid

Page 91: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

72

BAB IV

PENUTUP

4.1 Kesimpulan

DenganselesainyapenulisanTugasAkhirini yang

membahasmengenaiPerancanganSistemInformasiPenjualan Sepatu

WanitaDewasaBerbasisWeb TokoMilkenhani,

penulismenarikbeberapakesimpulandariapa yang telahdijelaskansecarasingkat di bab-

babsebelumnya, yaitu:

1. Internet telahmenjadi system komunikasidunia yang paling luasdanumum

yang sekarangmenyaingi system telepon global dalamjangkauandanjarak.

2. Website yang penulisbuatmeliputi website penjualansepatu.

3. Denganadanyaaplikasipenjualanberbasis web padaToko

Milkenhanidiharapkanmempermudahpekerjaandandapatmemperluasjaringanb

isnis..

4.2 Saran-Saran

Dalam proses penjualansepatu secara online, penulis mencoba memberikan

beberapa saran yaitu :

1. Dalam mendesain website, dibuat semenarik mungkin.

2. Penulis menyarankan untuk membackup data secara berkala.

3. Penulis menyarankan untuk menggunakan hardisk yang dapat memudahkan

dalam pengolahan data sekaligus dilakukan pemeliharaan website tersebut.

Page 92: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

73

4. Penulis menyarankan aplikasi berbasis web ini tidak hanya pada penjualan

onlinenya saja melainkan sampai pada laporan penjualan dan perhitungan stok

barang.

Page 93: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji

71

DAFTAR PUSTAKA

Binanto, Iwan. 2010. Multimedia Digital DasarTeori + Pengembangannya. Yogyakarta: Andi.

Kustiyahningsih, YenidanAmisahDevie Rosa.2011. Pemrograman Basis Data Berbasis WebMenggunakan PHP &Mysql. Jakarta: GrahaIlmu.

McLeod, Raymond., dan George, P Shell. 2008. Sistem Informasi Manajemen.Jakarta : Salemba Empat.

Nugroho, Bunafit. 2008. Latihan Membuat Aplikasi Web PHP & MySQL dengan DreamweaverMX(6,7,2004) dan 8. Yogyakarta : Gaya Media.

Rosa, A.S dan M. Shalahuddin.2013.RekayasaPerangkatLunakTerstrukturdanBerorientasiObjek. Bandung: Informatika.

Soetejo, Jhon. 2012. JurusKilatMahir Internet Dari NolHinggaJago/DK, Jakarta:DuniaKomputer.

Sadeli, Muhammad. 2011. Membuat Toko Online Dengan PHP Untuk OrangAwam.Palembang :Mexikom.

Wibowo, Angga. 2007. Aplikasi PHP Gratis Untuk Pengembangan Situs Web. Yogyakarta :Andi.

Page 94: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji
Page 95: TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga dan pikiran hingga akhirnya Tugas Akhir ini dapat dipresentasikan didepan Dosen penguji