TUGAS AKHIR PERANCANGAN SISTEM INFORMASI PENJUALAN SEPATU WANITA DEWASABERBASIS WEB PADA TOKO MILKENHANI JAKARTA. Nelsi Manalu NIM:

(1)

PADA TOKO MILKENHANI

JAKARTA

TUGAS AKHIR

Diajukan 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

PADA TOKO MILKENHANI

JAKARTA

TUGAS AKHIR

Nelsi Manalu

NIM: 12120055

2014

PADA TOKO MILKENHANI

JAKARTA

TUGAS AKHIR

Nelsi Manalu

NIM: 12120055

(2)

(3)

(4)

(5)

(6)

(7)

(8)

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.

(9)

viii

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

(10)

ix

ABSTRAKSI

Nelsi Manalu. (12120055),PerancanganSistemInformasiPenjualan Sepatu Wanita Dewasa Berbasis WebPadaTokoMilkenhani.

Tekonologi Internet yang adasaatini.merupakan media yang

mempermudahdalamberkomunikasi. Menyebarkan

informasisertadapatmempergunakanjugasebagaisaranauntukmemasarkanproduk. Perancangan Web E-CommercepadatokoMilkenhani,denganmempergunakanAdobe

Dreamweaver

C6danPHP-MYQLiniuntukmempermudahkonsumendalampembelianprodukdanmempermudahtra nsaksipembelianSepatu wanita.

Metodologi yang mempergunakanperancangan Web E-CommercepadatokoMilkenhaniadalahmetodeobservasidanwawancarayaitumeninjauto koMilkenhani.Selainitu,

metodekepustakaaninimempergunakanuntukmemperolehreferensidaribuku-buku yang tersedia di perpustakaan.

Keluhandariparapenjual yang merasapenjualansepatu wanita dewasa selalumenurun, membuatsayaberpikiruntukmengubahsistempemasaran yang manual menjadisistemterkomputerisasimelaluijaringaninternet. Web E-CommercepadatokoMilkenhani, merupakansalahsatusistempemasaran yang

sesuaidengankebutuhanpara penjual sepatu

wanitadalammemasarkandanmeningkatkanpenjualanproduknya.

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

(11)

ix

Milkenhani 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’s shoes transaction.

Webdesignmethodologiesthat useE-Commerce at Milkenhani store isthe method of observationandinterviewthat isobservingMilkenhani Store.Meanwhile, thismethodusesliteraturetoobtainreferencesfromthe booksavailablein the library. Complaintsfromthesellerswho are thinking that the purchasing of woman’s shoes is alwaysdecreasing, makingme figure out to change themarketing systemmanual toa computerizedsystemviathe Internet. E-Commerce WebatMilkenhanistore,is one of themarketing systemin accordance with theneeds of the shoes seller to market and increase product sales.

Keywords :Information system design , Sales of woman’s shoes

(12)

xi

DAFTAR ISI

Halaman

Lembar Judul Tugas Akhir... i

Lembar Pernyataan Keaslian Tugas Akhir ... ii

Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah... iii

Lembar Persetujuan Dan Pengesahan Tugas Akhir ... iv

Lembar Konsultasi Tugas Akhir ... v

Kata Pengantar ... vii

Abstraksi ... viii

Daftar Isi ... xi

Daftar Gambar... xiii

Daftar Tabel ... xiv

Daftar Simbol ERD ... xv

Daftar Lampiran ... xvi

BAB I PENDAHULUAN ... 1

1.1. Latar Belakang ... 1

1.2. Maksud dan Tujuan ... 3

1.3. Metode Penelitian... 3

1.3.1.MetodeWaterfall ... 4

1.3.2.TeknikPengumpulan Data ... 4

1.4. Ruang Lingkup ... 5

1.5. Sistematika Penulisan ... 5

BAB II LANDASAN TEORI... 7

2.1. Konsep Dasar Web ... 7

2.2.Teori Pendukung (Tools Program) ... 16

BAB III PEMBAHASAN ... 22

3.1. Tinjauan Perusahaan ... 22

3.1.1. Sejarah Perusahaan... 22

3.1.2. StrukturOrganisasidanFungsi ... 23

3.2. Analisa Kebutuhan ... 25

3.3. Perancangan Perangkat Lunak ... 26

3.3.1.Rancangan Antar MukaWeb ... 26

3.3.2.Rancangan Antar Muka User... 29

3.3.3.Rancangan Antar MukaAdmin ... 37

3.3.4. Rancangan Basis Data... 44

3.3.5. Rancangan Struktur Navigasi... 48

3.4. Implementasi dan Pengujian Unit ... 61

3.4.1. Implementasi ... 61

3.4.2. Spesifikasi Sistem Komputer ... 67

3.4.3. Pengujian Unit... 69

BAB IV PENUTUP ... 72

4.1. Kesimpulan ... 72

(13)

(14)

xiii DAFTAR GAMBAR

Halaman

Gambar II.1. Konsep browser dan server web... 10

Gambar II.2. Waterfall Model ... 14

Gambar II.3. Struktur navigasi linier ... 16

Gambar II.4. Struktur navigasi hirarki ... 17

Gambar II.5. Struktur navigasi non-linier... 17

Gambar II.6. Struktur navigasi composite ... 18

Gambar II.7. Entitas- Entitas... 19

Gambar II.8. Entitas dan relasi... 20

Gambar II.9. Diagram relasi entitas ... 20

Gambar II.10. Diagram relasi entitas dengan relasi banyak dengan banyak.. 21

Gambar III.1. Stuktur Organisasi ... 23

Gambar III.2. Rancangan Halaman Index /beranda ... 27

Gambar III.3. Rancangan Halaman Login dan daftar Member... 28

Gambar III.4. Rancangan Halaman Index beranda Member... 29

Gambar III.5. Rancangan Halaman Produk Member... 30

Gambar III.6. Rancangan Halaman Detail Produk Member ... 31

Gambar III.7. Rancangan Halaman Keranjang Belanja... 32

Gambar III.8. Rancangan Halaman Data Pesanan Member... 33

Gambar III.9. Rancangan Halaman Kategori Member ... 34

Gambar III.10. Rancangan Halaman Tentang Kami... 35

Gambar III.11 Tampilan Halaman Kontak Kami ... 36

Gambar III.12 Tampilan Halaman Admin... 37

Gambar III.13. Rancangan Halaman Login Admin ... 38

Gambar III.14. Rancangan Beranda Login Admin ... 39

Gambar III.15. Rancangan Halaman Administor... 40

Gambar III.16 Rancangan Halaman Master ... 41

Gambar III.17 Rancangan Halaman stok ... 42

Gambar III.18 Rancangan Halaman Transaksi ... 43

Gambar III.19 Rancangan Halaman Buku tamu ... 44

Gambar III.20 Entity Relationship Diagram ... 45

Gambar III.21 Logical Relational Structture ... 46

Gambar III.22 Structture menu pengunjung ... 47

Gambar III.23 Structture menu Admin... 48

Gambar III.24 Tampilan Halaman Login member... 60

Gambar III.25 Tampilan Halaman Index ... 61

Gambar III.26 Tampilan Halaman Produk... 62

Gambar III.27 Tampilan Halaman Kategori ... 63

(15)

(16)

xv

DAFTAR TABEL

Halaman

1. Tabel III.1 Spesifikasi Tabel Member ... 49

2. Tabel III.2 Spesifikasi Tabel Lokasi ... 50

3. Tabel III.3 Spesifikasi Tabel Produk... 51

4. Tabel III.4 Spesifikasi Tabel Temp... 52

5. Tabel III.5 Spesifikasi Tabel Transaksi ... 53

6. Tabel III.6 Spesifikasi Tabel Admin ... 54

7. Tabel III.7 Spesifikasi Tabel Detail_produk ... 55

8. Tabel III.8 Spesifikasi Tabel Detail_transaksi ... 56

9. Tabel III.9 Spesifikasi Tabel Hubungi ... 57

10. Tabel III.10 Spesifikasi Tabel Kategori ... 58

11. Tabel III.11 Spesifikasi Tabel Kirim... 59

12. Tabel III.12 Pengujian Blackbox Testing halaman login Member ... 68

(17)

(18)

xvi

DAFTAR LAMPIRAN

Halaman Lampiran A1 Surat Keterangan Riset / PKL... 73 Lampiran A2 Surat Pernyataan Kepemilikan Hak Paten Merk ... 74

(19)

1

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 commerce merupakan bagian dari

(20)

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”

(21)

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

(22)

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

(23)

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.

(24)

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

(25)

(26)

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.

(27)

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.

(28)

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

(29)

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 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.

Gambar II.1

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 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.

Gambar II.1

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

(30)

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

(31)

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:

(32)

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.

(33)

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

(34)

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

(35)

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

(36)

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

(37)

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.

(38)

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-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

(39)

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

(40)

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 Nn menjual M 1 M 1 M M memiliki

(41)

22 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.

(42)

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

&

Administrasi

Marketing

(43)

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

(44)

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

(45)

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:

(46)

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 Tentang

Kami

Kontak Kami

Kranjang belanja

(47)

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

Kami Kontak Kami Keranjang belanja Login User name Password Daftar Isi biodata

(48)

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

Daftar Login

Footer

Kami

Kontak Kami

Kranjang belanja

(49)

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

Produk sepatu yang ditampilkan Produk sepatu yang ditampilkan Produk sepatu yang ditampilkan Produk sepatu yang ditampilkan Footer Gambar III.5

Kami

Kontak Kami

Keranjang belanja

(50)

31

Halaman Produk Member

3. Halaman Detail produk Member

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

Logo Milkenhani

Image Produk Text detail produk

Footer

Kami

Kontak Kami

Keranjang belanja

(51)

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

kd produk| nama produk|harga|jumlah|total

Footer

Kami

Kontak Kami

Keranjang belanja

(52)

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

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

Footer

Kami

Kontak Kami

Keranjang belanja

(53)

Gambar III.8

Halaman Data Pesanan Member

6. Halaman Kategori

Halaman kategori merupakan halaman yang berisikan tentang jenis-jenis kategori sepatu.

Logo Milkenhani

Jenis kategori sepatu Jenis kategori sepatu Jenis kategori sepatu Jenis kategori sepatu Footer

Kami

Kontak Kami

Keranjang belanja

(54)

35

Gambar III.9

Halaman kategori Member

7. Halaman tentang kami

Halaman ini tentang kami merupakan halaman yang berisikan tentang profil perusahaan.

Logo Milkenhani

Profil Perusahaan

Footer

Kami

Kontak Kami

Keranjang belanja

(55)

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

Kontak kami Buku Tamu Alamat

No.telp

Footer

Kami

Kontak Kami

Keranjang belanja

(56)

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

(57)

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

(58)

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

(59)

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 Password Tanbah Data Administrator

(60)

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 Hapus Nonaktifkan Tambah Data Kategori

(61)

6. Rancangan Halaman Stok

Halaman Stok merupakan halaman untuk melihat keluar masuknya barang. Rancangan halaman Stok adalah sebagai berikut :

Kode Barang

Nama Barang

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

(62)

43

7. Rancangan Halaman Transaksi

Halaman Transaksi merupakan halaman untuk melihat status pengiriman. Rancangan halaman Transaksi adalah sebagai berikut :

Nama member

Status Jumlah Total Tanggal pesan

Footer

Gambar III.18

Rancangan Halaman Transaksi Logo User Produk Master Beranda Stok Transaksi Buku Tamu Log Out Ubah Status Data Transaksi

(63)

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

(64)

45

3.3.4 Basis Data

(65)

(66)

47

Gambar III.21

Logical Record Structure

3.3.5 Rancangan Struktur Navigasi class Logical Record Structure

kirim id_kirim id_transaksi id_member id_lokasi nama alamat provinsi kota kode_pos telp created_date member id_member nama jkel tmp_lahir tgl_lahir telp alamat provinsi kota kode_pos username password email status created_date lokasi id_lokasi nama status biaya created_date created_by kategori id_kategori nama status created_date created_by transaksi id_transaksi id_member status jumlah total tgl_pesan created_date produk id_produk id_kategori kode nama_barang status deskripsi detail foto harga created_date created_by id_transaksi id_kategori id_member id_produksi id_lokasi

(67)

1. Struktur Navigasi Halaman pengunjung

Gambar III.22.

Structure Menu Pengunjung

Index

Kategori Produk

(68)

49

2. Struktur Navigasi Halaman Admin

Gambar III.23.

Structture Menu Admin

1. Spesifikasi File

1. Spesifikasi File Tabel member Index

Master User

Beranda _Produk _Stok

Administrator

Member

Kategori

Location

(69)

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

(70)

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

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

(71)

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

1 _Id _Id _Int ₁₁ _{Primary Key}

2 _{Id_kategori} _{Id_kategori} _Int ₁₁ _{Foreign Key}

3 _Kode _Kode _Varchar ₃₂

4 _{Nama_barang} _{Nama_barang} _Varchar ₅₀

5 _Status _Status _varchar ₂₀

6 _Deskripsi _Deskripsi _Text

7 _Detail _Detail _Text

8 _foto _Foto _varchar ₁₀₀

9 _Harga _Harga _double

10 _{Created_date} _{Created_date} _timestamp ₅₀

11 _{Created_by} _{Created_by} _Int ₁₁

4. Spesifikasi File Tabel Temp Nama Database : shoes.mdb

(72)

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

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

(73)

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

1 Id Id Varchar 32 Primary Key

2 Id_member id_member Int 11 Foreign Key

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

(74)

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

No

Elemen

Data Nama Field Type Size Keterangan

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

(75)

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

2 Kode Kode Varchar 32

3 Ukuran Ukuran Int 2

4 Stok Stok Int 3

8. Spesifikasi File Detail_transaksi Nama Database : shoes.mdb

(76)

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

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

9. Spesifikasi File Tabel Hubungi Nama Database : shoes.mdb

(77)

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

3 Email Email Varchar 100

4 Pesan Pesan Text

5 Created_date Created_date Timestamp

10. Spesifikasi File Tabel Kategori Nama Database : shoes.mdb

(78)

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

2 Nama Name Varchar 50

3 Created_date Created_date timestamp

4 Created_by Created_by Int 11

11. Spesifikasi File Tabel Kirim Nama Database : shoes.mdb

(79)

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

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

(80)

61

3.4.1 Implementasi

1 Implementasi Antar Muka

Adapun rancagan imlementasi antar muka pada pembuatan tugas akhir ini adalah sebagai berikut :

1. Tampilan Halaman Login Member

Gambar III.24

(81)

2. Tampilan Halaman Index

Gambar III.25 Tampilan Halaman Index

(82)

63

3. Tampilan Halaman Produk

Gambar III.26 Tampilan HalamanProduk

(83)

4. Tampilan Halaman Kategori

Gambar III.27

(84)

65

5. Tampilan Halaman Tentang Kami

Gambar III.28

(85)

6. Tampilan Halaman Kontak Kami

Gambar III.29

(86)

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:

(87)

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

(88)

69

3.4.3 Pengujian Unit

1. Pengujian Terhadap Halaman Login Member Tabel III.12

Hasil Pengujian Black Box Testing FormLogin Member

No Skenario

pengujian Test case

Hasil yang diharapkan Hasil pengujian Kes 1 Mengosongkan semua isian data login pada loginMember, lalu langsung mengklik tombol “Login” username : (kosong) Password : (kosong) Sistemmenolak akses login dan menampilkan pesan “please fill out this field”

Sesuai Valid 2 Hanya mengisi username dan mengosongkan password, lalu langsung mengklik tombol “Login” username : Nels Password : (kosong) Sistem menolak akses login dan menampilkan pesan “please fill out this field”

Sesuai Valid

3

Hanya mengisi data password dan mengosongkan data username, lalu langsung mengklik tombol “Login” username : (kosong) Password :0987 Sistem menolak akses login dan menampilkan pesan “please fill out this field”

Sesuai Valid

4

Menginputkan dengan kondisi salah satu data benar dan satu lagi salah, lalu langsung mengklik tombol “Login” username: kristin Password : 08-08-1997 Sistem menolak akses login dan menampilkan “Username atau password anda salah” Sesuai Valid 5 Menginputkan data logindan username dengan benar, lalu mengklik tombol “Login” username : Nels Password : 0987 Sistem menerima akses login dan kemudianlangsun g menampilkan beranda

(89)

2. Pengujian Terhadap Halaman Login Admin Tabel III.13

Hasil Pengujian Black Box Testing FormLogin Admin

No Skenario

pengujian Test case

Hasil yang diharapkan Hasil pengujian Kes 1 Mengosongkan semua isian data login pada loginAdmin, lalu langsung mengklik tombol “Login” username : (kosong) Password : (kosong) Sistemmenolak akses login dan menampilkan pesan “Anda tidak berhak masuk sebagai admin!” Sesuai Valid 2 Hanya mengisi username dan mengosongkan password, lalu langsung mengklik tombol “Login” username : admin Password : (kosong) Sistem menolak akses login dan menampilkan pesan “Anda tidak berhak masuk sebagai admin”

Sesuai Valid

3

Hanya mengisi data password dan mengosongkan data username, lalu langsung mengklik tombol “Login” username : (kosong) Password :admin Sistem menolak akses login dan menampilkan pesan “Anda tidak berhak masuk sebagai admin” Sesuai Valid 4 Menginputkan dengan kondisi salah satu data benar dan satu lagi salah, lalu langsung mengklik tombol “Login” username: tina Password : 0112 Sistem menolak akses login dan menampilkan “Anda tidak berhak masuk sebagai admin”

(90)

71 5 Menginputkan data logindan username dengan benar, lalu mengklik tombol “Login” username : Admin Password : admin Sistem menerima akses login dan kemudianlangsun g menampilkan beranda

(91)

72

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.

(92)

73

4. Penulis menyarankan aplikasi berbasis web ini tidak hanya pada penjualan onlinenya saja melainkan sampai pada laporan penjualan dan perhitungan stok barang.