TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga...
Transcript of TUGAS AKHIR · viii 8. Teman-teman yang telah membantu memberikan motivasi,semangat, waktu tenaga...
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
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.
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)
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.
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.
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
xii
Daftar Pustaka................................................................................................ 71Daftar Riwayat Hidup ................................................................................... 72Lampiran..........................................................................................................73
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
xiii
Gambar III.29 Tampilan Halaman Kontak Kami .......................................... 65Gambar III.30 Tampilan Halaman Login Admin ........................................... 66
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
xvi
DAFTAR SIMBOL ERD
xvi
DAFTAR LAMPIRAN
HalamanLampiran A1 Surat Keterangan Riset / PKL.................................................... 73
Lampiran A2 Surat Pernyataan Kepemilikan Hak Paten Merk ....................... 74
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
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”
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
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
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.
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.
7
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.
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.
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
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
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
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:
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.
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
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
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
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
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.
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
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
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
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.
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
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
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
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:
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
45
3.3.4 Basis Data
1. Entity Relationship Diagram
46
2. Logical Record Structure
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
48
1. Struktur Navigasi Halaman pengunjung
Gambar III.22.
Structure Menu Pengunjung
Index
KategoriProdukBeranda Tentang kami Kontak
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
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
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
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
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
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
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
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
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
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
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
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
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
62
2. Tampilan Halaman Index
Gambar III.25
Tampilan Halaman Index
63
3. Tampilan Halaman Produk
Gambar III.26
Tampilan HalamanProduk
64
4. Tampilan Halaman Kategori
Gambar III.27
Tampilan HalamanKategori
65
5. Tampilan Halaman Tentang Kami
Gambar III.28
Tampilan HalamanTentang Kami
66
6. Tampilan Halaman Kontak Kami
Gambar III.29
Tampilan HalamanKontak Kami
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:
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
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
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
71
5
Menginputkandata logindanusername denganbenar, lalumengklik tombol“Login”
username :AdminPassword :admin
Sistem menerimaakses login dankemudianlangsung menampilkanberanda
Sesuai Valid
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.
73
4. Penulis menyarankan aplikasi berbasis web ini tidak hanya pada penjualan
onlinenya saja melainkan sampai pada laporan penjualan dan perhitungan stok
barang.
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.