E-COMMERCE HAND PHONE DI MANFAAT CELL MENGGUNAKAN PHP DAN MYSQL

(1)

E-COMMERCE HAND PHONE DI MANFAAT CELL MENGGUNAKAN PHP DAN MYSQL

LAPORAN TUGAS AKHIR

OLEH :

MUHAMMAD FAISHOL G.211.07.0012

PROGRAM STUDI S1-TEKNIK INFORMATIKA JURUSAN TEKNOLOGI INFORMASI

FAKULTAS TEKNOLOGI INFORMASI DAN KOMUNIKASI UNIVERSITAS SEMARANG

2016

(2)

ii

PERNYATAAN PENULIS TUGAS AKHIR DENGAN JUDUL

E-COMMERCE HAND PHONE DI MANFAAT CELL MENGGUNAKAN PHP DAN MYSQL

Dengan ini saya :

NAMA : MUHAMMAD FAISHOL

NIM : G.211.07.0012

PROGRAM STUDI : S1-TEKNIK INFORMATIKA

“Saya menyatakan dan bertanggung jawab dengan sebenarnya bahwa Tugas Akhir(TA) ini adalah hasil karya saya sendiri kecuali cuplikan dan ringkasan yang masing- masing telah saya jelaskan sumbernya. Jika pada waktu selanjutnya ada pihak lain yang mengklaim bahwa Tugas Akhir (TA) ini sebagai karyanya, yang disertai dengan bukti-bukti yang cukup, maka saya bersedia untuk dibatalkan gelar Sarjana Komputer saya beserta segala hak dan kewajiban yang melekat pada gelar tersebut”.

Semarang, 20 Juli 2016 Penulis,

Muhammad Faishol G.211.07.0012

(3)

ii

DENGAN JUDUL

OLEH

NAMA : MUHAMMAD FAISHOL NIM : G.211.07.0012

DISUSUN DALAM RANGKA MEMENUHI SYARAT GUNA MEMPEROLEH GELAR SARJANA KOMPUTER PROGRAM STUDI S1 – TEKNIK INFORMATIKA

JURUSAN TEKNOLOGI INFORMASI

FAKULTAS TEKNOLOGI INFORMASI DAN KOMUNIKASI UNIVERSITAS SEMARANG

TELAH DIPERIKSA DAN DISETUJUI SEMARANG, 20 Juli 2016

KETUA PROGRAM STUDI PEMBIMBING TUGAS AKHIR

S1-TEKNIK INFORMATIKA

Nur Wakhidah, S.Kom, M.Cs Vensy Vydia, S.Kom., M.Kom NIS. 06557003102100 NIS. 06557003102081

(4)

iv

PENGESAHAN TUGAS AKHIR DENGAN JUDUL

Oleh

NAMA : MUHAMMAD FAISHOL

NIM : G.211.07.0012

Telah diujikan dan dipertahankan dihadapan Dewan Penguji pada Sidang Tugas Akhir (TA) Hari Kamis tanggal 18 Agustus 2016 Menurut pandangan kami, Tugas Akhir (TA) ini memadai dari segi kualitas maupun kuantitas untuk tujuan

penganugrahan gelar Sarjana Komputer (S.Kom).

Semarang, 18 Agustus 2016 Dewan Penguji, KETUA TIM PENGUJI

Vensy Vydia, S.Kom., M.Kom NIS. 06557003102081 PENGUJI PENDAMPING 1

April Firman Daru, S.Kom. M.Kom NIS. 06557003102133

PENGUJI PENDAMPING 2

Whisnumurti Adhiwibowo, ST. M.Kom NIS. 06557003102137

(5)

vi ABSTRAK

Perkembangan Teknologi Informasi yang berkembang pesat khususnya dalam dunia internet, hal ini sangat berpengaruh pada berkembangnya beberapa teknologi dalam dunia bisnis sebagai contoh adalah e-commerce. Sebagian besar sistem promosi perusahaan dan toko masih menggunakan metode offline untuk memasarkan produk bagi konsumen menyebabkan tidak tercapainya omset yang maksimal. Oleh karena itu e-commerce dapat menjadi solusi yang tepat untuk mengatasi permasalahan tersebut, disamping tidak perlu mengeluarkan banyak biaya tinggi, e-commerce juga tidak memerlukan tempat atau lahan sehingga dapat menghemat biaya operasional. Dengan adanya toko online diharapkan menjadi alternatif media pemasaran produk, sehingga omset penjualan barang dapat maksimal.

Membangun sistem e-commerce dilakukan untuk mengatasi permasalahan tersebut. Perancangan website dibangun dengan bahasa pemrograman PHP dan MySQL dan pemodelan UML (Unified Modeling Language). Metode penelitian yang digunakan penulis adalah jenis data, metode pengumpulan data yang terdiri dari observasi, wawancara, studi literatur, metode pengembangan s istem menggunakan metode waterfall.

Tujuan Membangun Aplikasi e-commerce ini adalah untuk memudahkan pemasaran atau promosi produk dan penghematan waktu dan biaya dibandingkan harus memesan langsung dengan datang ke toko, dengan pemanfaatan web ini, diharapkan dapat menjangkau lebih banyak pelanggan dan meningkatkan omset penjualan barang.

Kata kunci: E-commerce, PHP, MySQL, UML

Pembimbing

Vensy Vydia, S.Kom, M.Kom NIS. 06557003102081

(6)

v ABSTRACT

The development of information technology is growing rapidly, especially in the world of the Internet, it is very influential in the development of several technologies in the business world as an example is e-commerce. Most of the company's promotional system and stores still use offline methods to market the product for consumers led to failure to achieve maximum turnover. Therefore, e- commerce can be the perfect solution to overcome these problems, in addition to not need to spend a lot of high costs, e-commerce also do not need a place or land so as to save on operating costs. With the online store is expected to be an alternative marketing media products, so the turnover of sales of goods to the maximum.

Build e-commerce system is made to overcome these problems. Designing a website is built with PHP and MySQL and modeling UML (Unified Modeling Language). The research method used by the author is the type of data, methods of data collection consisted of observation, interviews, literature, system development methods using waterfall method.

Purpose Building E-commerce applications is to facilitate the marketing or promotion of products and the savings in time and cost compared must be booked directly with the coming to the store, with the use of this website, is expected to reach more customers and increase sales turnover of goods.

Keywords: E-commerce, PHP, MySQL, UML

Pembimbing

Vensy Vydia, S.Kom, M.Kom NIS. 06557003102081

(7)

iv

Puji syukur kami panjatkan kehadirat Allah SWT, yang senantiasa mencurahkan segala rahmat dan hidayah-Nya kepada penulis sehingga mampu menyelesaikan Laporan Tugas Akhir dengan judul E-Comme rce Hand Phone di Manfaat Cell Menggunakan PHP dan MySQL ini sebagai salah satu syarat akademis dalam menempuh pendidikan Strata satu di Universitas Semarang.

Penulis menyadari bahwa selesainya Laporan Tugas Akhir ini tidak lepas dari bantuan dan dukungan berbagai pihak, semata- mata karena adanya kekurangan dan keterbatasan penulis. Maka pada kesempatan ini penulis menghaturkan terima kasih setinggi- tingginya kepada :

1. Bapak Prof. Dr. H. Pahlawansyah Harahap, SE, ME. Selaku Rektor Universitas Semarang.

2. Ibu Titin Winarti, S.Kom, MM selaku Dekan Fakultas Tek nologi Informasi dan Komunikasi Universitas Semarang.

3. Ibu Vensy Vydia, S.Kom, M.Kom selaku Dosen Pembimbing Tugas Akhir sekaligus Dosen wali.

4. Bapak dan Ibu dosen yang telah memberikan ilmunya kepada penulis selama mengikuti kuliah di Universitas Semarang.

5. Bapak Zaenudin selaku pemilik Manfaat Cell yang telah memberikan ijin kepada penulis untuk melakukan survei dan membantu memberikan informasinya untuk kelengkapan data pada penelitian Tugas Akhir ini.

6. Keluarga tercinta, Istri, Anak, Orangtua yang selalu memberikan kasih sayang, semangat dan dukungannya.

7. Rekan-rekan Fakultas TI angkatan 2007 yang telah berjuang bersama selama ini, saling memberi dukungan, kekompakan, canda tawa dan cerita yang tak akan pernah terlupakan sepanjang masa.

8. Pihak-pihak yang turut membantu hingga terselesaikannya Laporan Tugas Akhir ini, yang tidak dapat penulis sebutkan satu persatu.

Akhir kata penulis mengharap semoga Laporan Tugas Akhir ini dapat bermanfaat bagi semua pihak untuk menambah ilmu pengetahuan serta wawasan.

(8)

v

Penulis menyadari bahwa Laporan Tugas Akhir ini masih jauh dari sempurna, maka penulis mengharapkan saran dan kritik yang bersifat membangun agar penulis dapat memperoleh tambahan wawasan yang bermanfaat.

Semarang, Juli 2016

Penulis

(9)

ix DAF TAR ISI

HALAMAN JUDUL ... i

PERNYATAAN PENULIS ... ii

PERSETUJUAN TUGAS AKHIR ... iii

PENGESAHAN TUGAS AKHIR ... iv

ABSTRACT ... v

ABSTRAK ... vi

KATA PENGANTAR ... vii

DAFTAR ISI ... ix

DAFTAR GAMBAR ... xiii

DAFTAR TABEL ... xv

BAB I PENDAHULUAN ... 1

1.1. Latar Belakang ... 1

1.2. Perumusan Masalah... 2

1.3. Batasan Masalah... 2

1.4. Tujuan Tugas Akhir ... 2

1.5. Manfaat Tugas Akhir ... 3

1.6. Metodologi Penelitian ... 3

1.6.1 Jenis dan Sumber Data ... 3

1.6.2 Pengumpulan Data ... 4

1.6.3 Metode Pengembangan Sistem ... 5

1.7. Sistematika Penulisan... 6

BAB II TINJAUAN UMUM PERUSAHAAN ... 8

2.1 Tinjauan Umum Manfaat Cell... 8

2.1.1 Visi dan Misi. ... 8

2.2 Struktur Organisasi... 9

2.3 Deskripsi Pekerjaan ... 10

(10)

x

BAB III LANDASAN TEORI... 11

3.1 E-Commerce ... 11

3.2 Website... 12

3.3 Unified Modelling Language(UML) ... 13

a. Use Case Diagram ... 13

b. Class Diagram ... 14

c. Sequence Diagram... 15

d. Activity Diagram ... 16

3.4 PHP... 17

3.5 MySQL ... 18

3.6 Software Pendukung ... 20

3.6.1 Xampp ... 20

3.6.2 Notepad++ ... 21

3.7 Metode Pengujian Black Box dan White Box ... 21

3.7.1 Black Box ... 21

3.7.2 White Box ... 22

BAB IV PERENCANAAN DAN ANALISA PERANCANAGAN SISTEM…... 23

4.1 Analisa Sistem ... 23

4.1.1 Kebutuhan Perangkat Lunak... 23

4.1.2 Kebutuhan Perangkat Keras ... 24

4.1.3 Analisa Kebutuhan Pengguna ... 24

4.2 Perancangan Sistem... 24

4.2.1 Use Case Diagram ... 24

4.2.2 Class Diagram... 28

4.2.3 Activity Diagram ... 28

4.2.4 Sequence Diagram ... 30

4.3 Perancangan Database ... 32

4.4 Perancangan Antarmuka ... 35

(11)

xi

BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM ... 43

5.1 Implementasi sistem ... 43

5.2 Tampilan Antar Muka ... 43

5.2.1 Home ... 43

5.2.2 Produk ... 44

5.2.3 Hubungi Kami ... 47

5.2.4 Cara Belanja ... 47

5.3 Halaman Admin ... 48

5.3.1 Login ... 48

5.3.2 Home ... 48

5.3.3 Setting Profil... 49

5.3.4 Setting Cara Belanja ... 49

5.3.5 Kategori ... 50

5.3.6 Produk ... 50

5.3.7 Data Pemesanan ... 51

5.3.8 Hubungi Kami ... 51

5.3.9 Admin ... 52

5.4 Implementasi Database ... 52

5.4.1 Tabel Login... 52

5.4.2 Tabel Profil ... 52

5.4.3 Tabel Cara ... 53

5.4.4 Tabel Kategori ... 53

5.4.5 Tabel Produk ... 53

5.4.6 Tabel Hubungi Kami ... 53

5.4.7 Tabel Temp Pemesanan... 54

5.4.8 Tabel Pemesanan ... 54

5.4.9 Tabel Detail Pemesanan ... 54

(12)

xii

5.5 Pengujian Sistem ... 55

5.5.1 Pengujian Black Box ... 55

5.5.2 Pengujian White Box... 57

5.6 Maintenance Sistem ... 70

BAB VI PENUTUP ... 71

6.1 Kesimpulan... 71

6.2 Saran ... 71

DAFTAR PUSTAKA LAMPIRAN-LAMPIRAN

(13)

xiii

DAFTAR GAMBAR

Gambar 1.1 Tahapan-tahapan Waterfall ... 5

Gambar 2.1 Struktur Organisasi Manfaat Cell ... 9

Gambar 4.1 Use Case Diagram ... 25

G ambar 4.2 Class Diagram ... 28

Gambar 4.3 Activity Diagram Mengelola Data Web... 28

Gambar 4.4 Activity Diagram Mengelola Produk... 29

Gambar 4.5 Activity Diagram Mengelola Pesanan ... 29

Gambar 4.6 Activity Diagram Memesan Produk ... 30

Gambar 4.7 Sequence Diagram Mengelola Data Web ... 30

Gambar 4.8 Sequence Diagram Mengelola Produk ... 31

Gambar 4.9 Sequence Diagram Mengelola Pesanan ... 31

Gambar 4.10 Sequence Diagram Memesan Produk ... 32

Gambar 4.11 Perancangan Home Page ... 36

Gambar 4.12 Perancangan Halaman Produk ... 36

Gambar 4.13 Perancangan Halaman Hubungi Kami ... 37

Gambar 4.14 Perancangan Halaman Cara Berbelanja ... 37

Gambar 4.15 Login Administrator ... 38

Gambar 4.16 Perancangan Home Admin ... 38

Gambar 4.17 Perancangan Setting Profil ... 39

Gambar 4.18 Perancangan Setting Cara Berbelanja ... 39

Gambar 4.19 Perancangan Kategori ... 40

Gambar 4.20 Perancangan Produk... 40

Gambar 4.21 Perancangan Data Pemesanan... 41

Gambar 4.22 Perancangan Hubungi Kami ... 41

Gambar 4.23 Perancangan Ganti Password ... 42

Gambar 5.1 Halaman Home ... 43

Gambar 5.2 Halaman Produk... 44

Gambar 5.3 Halaman Pesan ... 44

Gambar 5.4 Halaman Order ... 45

Gambar 5.5 Halaman Daftar Pemesanan ... 45

Gambar 5.6 Halaman Data Pemesanan... 46

Gambar 5.7 Halaman Nota Pesanan ... 46

Gambar 5.8 Halaman Hubungi Kami ... 47

Gambar 5.9 Halaman Cara Belanja ... 47

Gambar 5.10 Halaman Login ... 48

Gambar 5.11 Laporan Home... 48

Gambar 5.12 Halaman Setting Profil ... 49

Gambar 5.13 Setting Cara Berbelanja ... 49

Gambar 5.14 Halaman Kategori ... 50

Gambar 5.15 Halaman Produk... 50

Gambar 5.16 Halaman Data Pemesanan... 51

Gambar 5.17 Halaman Hubungi Kami ... 51

Gambar 5.18 Halaman Admin ... 52

Gambar 5.19 Tabel Login ... 52

(14)

xiv

Gambar 5.20 Tabel Profil ... 52

Gambar 5.21 Tabel Cara ... 53

Gambar 5.22 Tabel Kategori... 53

Gambar 5.23 Tabel Produk ... 53

Gambar 5.24 Tabel Hubungi Kami... 53

Gambar 5.25 Tabel Temp Pemesanan ... 54

Gambar 5.26 Tabel Pemesanan... 54

Gambar 5.27 Tabel Detail Pemesanan... 54

Gambar 5.28 Flowchart Produk ... 57

Gambar 5.29 Notasi Diagram Alir ... 68

(15)

xv

Tabel 3.1 Simbol Use Case Diagram ... 13

Tabel 3.2 Simbol Class Diagram ... 14

Tabel 3.3 Simbol Sequence Diagram ... 15

Tabel 3.4 Simbol Activity Diagram ... 16

Tabel 4.1 Skenario Use Case Mengelola Data Web ... 25

Tabel 4.2 Skenario Use Case Mengelola Produk ... 26

Tabel 4.3 Skenario Use Case Mengelola Pesanan ... 27

Tabel 4.4 Skenario Use Case Memesan Produk ... 27

Tabel 4.6 Tabel Login ... 32

Tabel 4.7 Tabel Cara ... 32

Tabel 4.8 Tabel Produk ... 33

Tabel 4.9 Tabel Kategori... 33

Tabel 4.10 Tabel Temp Pemesanan ... 33

Tabel 4.11 Tabel Pemesanan... 34

Tabel 4.12 Tabel Detail Pemesanan... 34

Tabel 4.13 Tabel Profil ... 35

Tabel 4.14 Tabel Hubungi Kami... 35

Tabel 5.1 Tabel Pengujian Admin ... 55

Tabel 5.2 Hasil Pengujian Aplikasi Customer ... 56

(16)

1 BAB I PENDAHULUAN

1.1 Latar Belakang Masalah

Perkembangan teknologi informasi dan komunikasi yang semakin meningkat saat ini sangat berpengaruh dalam dunia bisnis contohnya adalah e-commerce. Penyampaian informasi dapat dilakukan dengan berbagai macam cara, salah satunya adalah dengan menggunakan website. Internet merupakan jaringan global yang menyatukan jaringan komputer diseluruh dunia, sehingga memungkinkan terjalinnya komunitas dan interaksi antara satu dengan yang lain di seluruh dunia. Dengan menghubungkan jaringan komputer produsen dengan internet, produsen dapat menjalin hubungan dengan konsumen secara lebih cepat dan tidak terkendala jarak maupun waktu sehingga dapat menekan biaya operasional serta dapat meningkatkan omset penjualan barang.

E-commerce (Electronic Commerce) merupakan sebuah konsep yang digambarkan sebagai proses jual beli barang atau jasa melalui internet, pertukaran produk, jasa dan informasi melalui jaringan informasi. Konsumen dari mana saja dapat berbelanja, baik dalam kondisi santa i maupun kerja.

Dengan begitu para konsumen akan lebih mudah dan lebih cepat untuk melakukan transaksi pembelian, mulai dari pencarian informasi barang yang dicari hingga melakukan pembelian melalui internet, berbeda jika dibandingkan dengan cara konvensio nal yang ditentukan oleh lokasi.

Penjualan melalui website tidak terkendala oleh jarak dan waktu, sehingga pengunjung bisa dengan mudah mendapatkan informasi secara detail mengenai produk yang ditawarkan melalui internet. Dengan sistem promosi melalui internet maka penulis mencoba untuk membuat suatu sistem yaitu media informasi yang berbasis website, diharapkan mampu memberi alternatif bagi konsumen yang berada di luar kota Demak agar tidak kesulitan dalam memperoleh informasi yang cepat dan tepat secara online. Berkaitan dengan permasalahan tersebut, maka penulis menyusun Tugas Akhir dengan

(17)

judul “E-Commerce Hand Phone pada Manfaat Cell Menggunakan PHP dan MySQL”.

1.2 Perumusan Masalah

Masalah yang dibahas dalam pengerjaan Tugas Akhir ini adalah Bagaimana cara memasarkan Hand Phone sehingga dapat meningkatkan omset penjualan tanpa harus mengeluarkan banyak biaya dan menghemat biaya operasional serta informasi tentang produk tersebut dapat diakses oleh semua orang kapanpun dan dimanapun.

1.3 Batasan Masalah

Agar pembahasan tidak menyimpang dari pokok perumusan masalah yang ada, maka penulis membatasi permasalahan. Antara lain:

1. Membangun sebuah portal yang menampilkan informasi tentang produk, transaksi pemesanan dan penjualan pada Manfaat Cell.

2. Transaksi pembayaran dilakukan dengan cara transfer ke rekening bank pemilik Manfaat Cell. Setelah pemesan melakukan transfer uang, pemesan harus konfirmasi kepada admin.

3. Pembatasan masalah tentang pembuatan menggunakan pemrograman PHP dan MySQL.

4. Metode pengembangan sistem yang digunakan adalah model waterfall.

1.4 Tujuan Tugas Akhir

Terbentuknya portal e-commerce yang dapat diakses oleh konsumen kapan dan dimana saja sehingga pengunjung dan pelanggan dapat mengetahui informasi produk dan dapat melakukan pemesanan secara online.

(18)

3

1.5 Manfaat Tugas Akhir

Manfaat yang diperoleh dari penulisan tugas akhir ini adalah:

1. Bagi Penulis

Menambah pengalaman dan pengetahuan penulis, serta menerapkan ilmu yang sudah diperoleh sesuai dengan pendidikan yang telah dijalani atau dipelajari selama kuliah di Universitas Semarang.

2. Bagi Mahasiswa dan Pembaca

a. Sebagai referensi untuk pengetahuan acuan penelitian

b. Mengetahui masalah yang sedang terjadi dan mengetahui solusi untuk penyelesaiannya.

3. Bagi Universitas Semarang

Menambah referensi laporan tugas akhir pada perpustakaan Universitas Semarang dan sebagai tolok ukur untuk mengetahui sejauh mana mahasiswa mampu menyerap ilmu yang telah didapat selama mengikuti perkuliahan.

4. Bagi Manfaat Cell

Membantu memperluas pemasaran produk dan menambah omset penjualan barang.

1.6 Metodologi Penelitian

Dalam pembuatan perangkat lunak ini memerlukan penyajian data yang digunakan untuk menyusun pembuatan website e-commerce. Metode yang dilakukan penulis diantaranya:

1.6.1 Jenis dan sumber data

Dalam menyusun laporan ini, penulis menerapkan beberapa metode untuk memperoleh data-data yang diperlukan, antara lain:

a. Jenis Data

a. Data Primer

Yaitu data yang paling utama yang diperoleh secara langsung dari sumber atau objek penelitian melalui wawancara dan observasi pada objek yang berhubungan dengan informasi

(19)

yang ada di Manfaat Cell dalam membangun sebuah aplikasi website.

b. Data Sekunder

Data yang diperoleh dengan melakukan studi pustaka dengan meninjau berbagai pendapat serta teori-teori dari buku, catatan, laporan, serta daftar pustaka yang dibutuhkan.

b. Pengumpulan Data a. Observasi

Pada tahap ini penulis melakukan pengumpulan data dengan pengamatan dan pencatatan secara sistematis mengenai hal- hal yang diselidiki secara langsung di Manfaat Cell.

b. Wawancara

Pada tahap ini penulis mengumpulkan data secara langsung mengenai hal-hal yang berhubungan dengan masalah yang dihadapi dengan cara melakukan wawancara kepada Saudara Zainudin selaku pemilik Manfaat Cell di tempat studi kasus dilaksanakan.

c. Studi Literatur

Pada tahap ini penulis melakukan pengumpulan data dengan menggunakan sumber-sumber yang diperoleh dengan literatur atau buku-buku dan dokumen-dokumen yang berhubungan dengan objek penelitian.

(20)

5

1.6.2 Metode Pengembangan Sistem

Metode pengembangan sistem yang digunakan adalah model Waterfall (Ian Sommerville, 2011). Langkah- langkah dalam metode waterfall dapat dilihat pada gambar berikut ini :

Gambar 1.1 Tahapan-tahapan Waterfall (Ian Sommerville, 2011)

a. Requirements analysis and definition

Mengumpulkan kebutuhan secara lengkap kemudian dianalisis dan didefinisikan kebutuhan yang harus dipenuhi oleh program yang akan dibangun. Fase ini harus dikerjakan secara lengkap untuk bisa menghasilkan desain yang lengkap.

b. System and software design

Desain dikerjakan setelah kebutuhan selesai dikumpulkan secara lengkap.

c. Implementation and unit testing

Desain program diterjemahkan ke dalam kode-kode dengan menggunakan bahasa pemrograman yang sudah ditentukan.

Program yang dibangun langsung diuji baik secara unit. Requirements

Definition

System and Software Design

Implementation And Unit Testing

Integration and System Testing

Operation and Maintenance

(21)

d. Integration and system testing

Penyatuan unit-unit program kemudian diuji secara keseluruhan (system testing).

e. Operation and maintenance

Mengoperasikan program dilingkungannya dan melakukan pemeliharaan, seperti penyesuaian atau perubahan karena adaptasi dengan situasi sebenarnya.

1.7 Sistematika Penulisan

Untuk dapat memahami dan memperoleh pandangan yang jelas mengenai pokok permasalahan yang dibahas, laporan Tugas Akhir harus disajikan dalam bentuk yang sistematis. Sistematika ini digunakan untuk lebih memudahkan dalam mengetahui dan memahami isi dari uraian dalam tiap-tiap bab penulisan, yaitu sebagai berikut :

BAB I : PENDAHULUAN

Membahas mengenai latar belakang, perumusan masalah, batasan masalah, tujuan tugas akhir, manfaat tugas akhir, metodologi penelitian, sistematika penulisan.

BAB II : TINJAUAN UMUM PERUSAHAAN

Membahas mengenai tinjauan umum Manfaat Cell.

BAB III : TINJAUAN PUSTAKA

Memberikan gambaran umum tentang teori-teori yang mendukung dalam penulisan Tugas Akhir baik teori secara umum, teori secara khusus dan teori pendukung.

BAB IV : PERENCANAAN DAN ANALISA PERANCANGAN SISTEM

Berisi tentang perencanaan dan perancangan kebutuhan perangkat lunak berdasarkan teori yang menunjang, seperti perencanaan antarmuka dari sistem yang dibuat.

(22)

7

BAB V : IMPLEMENTASI SISTEM

Digunakan untuk mengaplikasikan perancangan baik mengetahui sejauh mana perangkat tersebut berguna dan bagaimana pengembangan berikutnya. Dari tahap tersebut kemudian dilanjutkan implementasi untuk me nguji coba perangkat yang dibuat.

BAB VI : PENUTUP

Bab ini berisi kesimpulan dan saran-saran dari pembuatan tugas akhir.

DAFTAR PUSTAKA LAMPIRAN

(23)

BAB II

TINJAUAN UMUM PERUSAHAAN

2.1 Tinjauan Umum Manfaat Cell

Manfaat Cell berdiri sejak tahun 2009 dengan alamat di Desa Karangsari, Demak. Awalnya sistem yang dipakai dalam penjualan menggunakan cara manual, yaitu dengan membuka toko dan menunggu pelanggan datang sehingga omset yang di dapat tidak sesuai dengan yang di harapkan. Ketatnya persaingan membuat pimpinan Manfaat Cell harus perpikir keras untuk menghadapi persainga n, untuk itu Manfaat Cell membangun portal e–commerce. Awalnya Manfaat Cell hanya mempunyai tiga orang karyawan sekarang menjadi enam orang karyawan. Produk yang ditawarkan adalah Hand Phone dan Aksesoris Hand Phone. Dengan semakin berkembangnya Manfaat Cell daerah pemasarannya sekarang sudah cukup luas meliputi dalam kota maupun luar kota dengan memanfaatkan jasa pengiriman barang.

2.1.1 Visi dan Misi

Visi dan misi manfaat Cell adalah dapat memenuhi kebutuhan masyarakat dalam hal ini adalah Hand Phone untuk keperluan konsumen, dan selalu berusaha malakukan pelayanan yang baik dan memberi barang yang berkualitas sehingga dapat bersaing dengan toko lain. Dengan meningkatkan kemampuan pelayanan pada karyawan dalam menghadapi konsumen. Selain itu juga berupaya meningkatkan perekonomian dan membantu pemerintah dengan memperluas lapangan kerja.

2.2 Struktur Organisasi

Suatu usaha yang diorganisir dan dikelola untuk menyediakan barang bagi konsumen untuk mendapatkan keuntungan, diperlukan suatu struktur organisasi yang baik. Karena dengan struktur organisasi yang baik, pimpinan

8

(24)

9

Pemilik

dapat merencanakan pembagian tugas serta wewenang kepada karyawan sesuai dengan bidang dan tanggung jawabnya.

Struktur organisasi merupakan gambaran struktur kerja dan sebuah organisasi, dimana didalamnya menunjukkan hubungan wewenang dan tanggung jawab serta deskripsi pekerjaan yang harus dilakukan. Jadi jelas bahwa struktur organisasi menggambarkan kedudukan masing masing jabatan yang terdapat dalam perusahaan sehubungan dengan tanggung jawab yang ada pada dirinya.

Struktur organisasi Manfaat Cell adalah sebagai berikut :

Gambar 2.1 Struktur Organisasi Manfaat Cell

2.3 Deskripsi Pekerjaan

Secara umum tugas dan fungsi organisasi dari masing- masing bagian adalah sebagai berikut :

1. Pemilik

Merupakan pihak yang memiliki keseluruhan modal di Manfaat Cell.

Pemilik memiliki hak dalam menentukan cara mengelola seluruh keuangan, menentukan strategi bisnis

2. Operator

Merupakan orang yang di percaya untuk melayani konsumen yang bertanya, memesan barang via online.

3. Marketing

Merupakan orang yang diangkat atau dipercaya untuk memasarkan produk dan perantara konsumen dengan pemilik toko untuk memesan Hand Phone atau aksesoris. Sales berhubungan secara langsung dengan

Marketing Pramuniaga

Operator

(25)

pemilik dalam menentukan segmen pasar dan produk yang harus dijual.

Sales juga bertugas untuk meyakinkan pelanggan terhadap produk dan memberikan penjelasan mengenai produk untuk memberikan wawasan kepada pelanggan mengenai merk dan type Hand Phone yang di tawarkan.

4. Pramuniaga

Merupakan orang yang bertugas melayani konsumen yang datang langsung ke toko.

2.4 Lokasi Manfaat Cell

Manfaat Cell beralamat didesa karangsari rt 03 rw 03, Kecamatan Karang Tengah tidak jauh dari pasar buyaran.

Gambar 2.2 logo Manfaat Cell

Gambar 2.3 situasi didalam ruangan Manfaat Cell

(26)

11 BAB III LANDASAN TEORI

3.1 E-Commerce

Menurut Riyanto (2010), E-Commerce adalah suatu proses membeli dan menjual produk-produk secara elektronik oleh konsumen dan dari perusahaan ke perusahaan dengan komputer sebagai perantara transaksi bisnis. Dengan menggunakan E-Commerce maka perusahaan dapat lebih efisien dan efektif dalam meningkatkan penjualannya.

Kegiatan E-Commerce mencakup banyak hal, dalam menulis tugas akhir ini penulis menggunakan E-commerce business to Customer, karakteristiknya:

a. Terbuka untuk umum, dimana informasi disebarkan secara umum.

b. Servis yang digunakan juga bersifat umum, sehingga dapat digunakan oleh orang banyak. Servis yang digunakan berdasarkan permintaan.

Business to Customer merupakan bagian dari E-Commerce yang menekanakan kepada proses pemesanan, pembelian dan penjualan produk atau jasa melalui akses internet. Hal ini berarti bahwa penjual dan pembeli dapat langsung bertemu dan bertransaksi secara elektronik dan online, memanfaatkan fitur-fitur yang disediakan. Misalkan keranjang belanja virtual dan dan pembayaran secara elektronik memanfaatkan kartu kredit dan sebagainya. E-Commerce Business To Customer yang dilakukan secara online, melibatkan pelaku-pelaku berupa Customer, Business Organization, dan Website. Pada Business Organozation ke Customer, terdapat Supplies yang berfungsi sebagai proses penyaluran atau distribusi (Supply) produk yang akan dijual. Kemudian antara Business Organization dan Website terjadi proses transaksi jual beli berupa pemrosesan pemesanan online (Order Processing). Dari Customer ke Website terdapat order, yang menyatakan kondisi di mana konsumen dapat melakukan pemesanan produk yang diinginkan (order) secara online. Salah satu bagian dari proses

(27)

12

E-Commerce Business to Customer ini adalah proses Dropship, yaitu proses pemesanan barang oleh konsumen untuk kemudian dilakukan proses pengiriman barang pesanan tersebut sesuai dengan alamat yang diberikan oleh konsumen.

3.2 Website

Website adalah kumpulan dari halaman - halaman situs, yang terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web ( WWW ) di dalam Internet. Sebuah halaman web biasanya berupa dokumen yang ditulis dalam format HTML ( Hyper Text Markup Language ), yang selalu bisa diakses melalui HTTP, yaitu sebuah protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser.

Website atau situs dapat juga diartikan sebagai kumpulan ha laman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing- masing dihubungkan dengan jaringan-jaringan halaman (hyperlink). (Rahmad Hidayat, 2010).

3.3 Unified Modelling Language ( UML )

UML adalah suatu bahasa yang digunakan untuk menentukan, memvisualisasikan, membangun dan mendokumentasikan suatu sistem informasi. (Adi Nugroho, 2010).

UML dikembangkan sebagai suatu alat untuk analisis dan desain berorientasi objek oleh Grady Booch, Jim Rumbaugh, dan Ivan Jacobson.

Namun demikian, UML dapat digunakan untuk memahami dan mendokumentasikan setiap sistem informasi. Diagram yang digunakan penulis dalam pembangunan aplikasi berorientasi objek, yaitu :

(28)

13

a. Use Case Diagram

Use Case merupakan diagram yang menampilkan aktor, dan sebagai bentuk diagram yang menggambarkan fungsi- fungsi yang diharapkan dari sebuah sistem yang dirancang. Use case menyajikan interaksi antarau use case dan aktor, dimana aktor dapat berupa orang, peralatan, atau sistem yang lain berinteraksi dengan sistem yang sedang dibangun. Didalam use case terdapat <<include>> yang berarti disertakan/objeknya harus ada disertakan, dan terdapat <<extend>>

yang berarti didalam sebuah sistem sebuah objek tertentu tidak perlu disertakan. Simbol yang digunakan dalam use case diagram :

Tabel 3.1. Simbol Use Case Diagram

Relasi Keterangan Notasi

Aktor

Aktor merupakan semua yang ada di luar ruang lingkup sistem perangkat lunak dan berinteraksi dengan sistem perangkat lunak tersebut.

Asosiasi (association)

Lintasan komunikasi antara actor dengan use case

Generalisasi Use Case

Menggambarkan hubungan antara use case yang bersifat umum dengan use case – use case yang bersifat lebih spesifik

(29)

14

Use Case View

Folder yang digunakan untuk membuat use case diagramatau folder untuk proses analisis.

b. Class Diagram

Digunakan untuk menampilkan kelas-kelas atau paket-paket dalam sistem dan relasi antara mereka. Diagram kelas dalam tahap ini menggambarkan struktur dan deskripsi class, package, dan objek beserta hubungan satu sama lain, seperti containment, pewarisan, asosiasi, dan lain sebagainya. (Adi Nugroho, 2010).

Tabel 3.2 Simbol Class Diagram .

c. Sequence Diagram

Sequence diagram adalah suatu diagram yang memperlihatkan atau menampilkan interaksi- interaksi antar objek di dalam sistem yang disusun pada sebuah urutan atau rangkaian waktu. Interaksi antar objek tersebut termasuk pengguna, display, dan sebagainya berupa pesan atau message. Squence diagram digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah yang dilakukan sebagai respon dari suatu kejadian untuk menghasilkan output tertentu.

Kelas

Kelas adalah kategori yang membungkus informasi dan perilaku.

(30)

15

Tabel 3.3 Simbol Sequence Diagram

d. Activity Diagram

Digunakan untuk memodelkan aspek dinamis dari sistem.

Activity Diagram merupakan state diagram khusus, dimana sebagian besar state adalah action dan sebagian besar transisi di-trigger oleh selesainya state sebelumnya (internal processing). Simbol yang digunakan adalah :

Relasi Notasi Keterangan

Boundary Class

Kelas yang memodelkan interaksi antara satu atau lebih actor dengan sistem.

Control Class

Digunakan untuk memodelkan “perilaku”

mengatur.

Entity Class

Memodelkan informasi yang harus disimpan oleh sistem, memperlihatkan struktur data dari suatu sistem.

Object Message

Spesifikasi dari komunikasi antar objek yang memuat informasi- informasi tentang aktifitas yang terjadi.

(31)

16

Tabel 3.4. Simbol Activity Diagram

Simbol Keterangan Notasi

State

Kondisi yang mungkin dialami oleh suatu obyek.

Activity

Perilaku obyek yang dilakukan saat obyek berada dalam state tertentu.

Start state

Start state digunakan untuk memulai diagram

End start

End start digunakan untuk mengakhiri diagram.

Decision

Decision digunakan sebagai pilihan untuk pengambilan keputusan.

3.4 PHP

PHP (Personal Home Page Hypertext Preprocessor) merupakan bahasa berbentuk script yang ditempatkan dalam server dan diproses di server. PHP adalah bahasa scripting yang menyatu dengan HTML dan dijalankan pada server side. Artinya semua sintaks yang diberikan akan sepenuhnya dijalankan pada server, sedangkan yang dikirimkan ke browser hanya hasilnya saja. PHP tergolong sebagai perangkat lunak open source yang diatur dalam aturan General Public License (GPL). PHP dirancang khusus untuk membentuk web dinamis, artinya PHP mampu menghasilkan

(32)

17

website yang secara terus menerus hasilnya bisa berubah-ubah sesuai dengan pola yang diberikan. Hal ini berkaitan erat dengan basis data sebagai sumber data yang akan ditampilkan.

Berawal dari kebutuhan masyarakat akan sebuah aplikasi web yang dinamis dan tidak bergantung sepenuhnya pada HTML yang bersifat statis, Rasmus Lerdorf pada tahun 1995 menciptakan sebuah tool menggunakan bahasa C agar bisa memonitor pengunjung yang datang ke situsnya. Tool ini dinamakan Personal Home Page yang kemudian dikenal dengan PHP.

Rasmus melepas tool ini sebagai open source dan membuat para perancang web tertarik untuk mengembangkannya, di antaranya adalah Andi Gutmans dan Zeev Suraski. Selanjutnya dua perancang web ini tidak bisa dilepaskan jasa-jasanya dari sejarah perkembangan PHP.

Nama PHP (Personal Home Page) merupakan nama yang cukup membingungkan karena tidak menunjuk pada nama perangkat lunak yang spesifik. Oleh karena itu, setelah peluncuran PHP/FI (Personal Home Page/Forms Interpreter) yang telah mendukung database MySQL, disepakati penggunaan nama PHP : Hypertext Preprocessor. Mulai dari PHP versi 3.0. Pada juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Versi ini juga memasukan model pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa pemrograman ke arah paradigma berorientasi objek (Aditya, 2010).

Beberapa kelebihan PHP dari bahasa pemrograman web, antara lain :

1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya.

2. Web Server yang mendukung PHP dapat ditemukan di mana- mana, mulai dari Apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif mudah.

3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis- milis dan developer yang siap membantu dalam pengembangan.

(33)

18

4. Dalam sisi pemahaman, PHP adalah bahasa scripting yang paling mudah karena memiliki referensi yang banyak.

5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah sistem (Wahana Komputer, 2011).

3.5 MySQL

SQL merupakan kependekan dari Structured Query Language.

SQL digunakan untuk berkomunikasi dengan sebuah basis data. Sesuai dengan ANSI, SQL merupakan bahasa standar untuk sistem manajemen basis data relasional. Statemen SQL digunakan untuk melakukan tugas- tugas seperti melakukan update terhadap basis data, atau mengambil data dari sebuah basis data. Beberapa basis data relasional yang menggunakan SQL dan cukup terkenal adalah: MySQL, Oracle, Sybase, Microsoft SQL Server, Access, Ingres, dll.

MySQL adalah sebuah implementasi dari sistem manajemen basis data relasional/relational database manajemen sistem (RDBMS) yang didistribusikan secara gratis di bawah lisensi GPL (General Public License).

Setiap pengguna dapat secara bebas menggunakan MySQL, namun dengan batasan perangkat lunak tersebut tidak boleh dijadikan produk turunan yang bersifat komersial (Budi Raharjo, 2011). MySQL sebenarnya merupakan turunan salah satu konsep utama dalam basis data yang telah ada sebelumnya; SQL (Structured Query Language). SQL adalah sebuah konsep pengoperasian basis data, terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis (Aditya, 2010).

(34)

19

MySQL memiliki beberapa keistimewaan, antara lain : 1. Portabilitas

MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux, FreeBSD, Max Os X Server, Solaris, Amiga, dan masih banyak lagi.

2. Perangkat Lunak Sumber Terbuka

MySQL didistribusikan sebagai perangkat lunak sumber terbuka, di bawah lisensi GPL sehingga dapat digunakan secara gratis.

3. Multi-user

MySQL dapat digunakan oleh beberapa pengguna dalam waktu yang bersamaan tanpa mengalami masalah.

4. Performance-tuning

MySQL memiliki kecepatan yang menakjubkan dalam menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL persatuan waktu.

5. Ragam Tipe Data

MySQL memiliki ragam tipe data yang sangat kaya, seperti signed/unsigned integer, float, double, char, text, date, timestamp, dan lain- lain.

6. Perintah dan Fungsi

MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah select dan where dalam perintah (query).

7. Keamanan

MySQL memiliki beberapa lapisan keamanan seperti level subnetmask, nama host, dan izin akses user dengan sistem perizinan yang mendetail serta sandi terenkripsi.

8. Skalabilitas dan Pembatasan

MySQL mampu menangani basis data secara besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60 ribu tabel serta 5 miliar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada tiap tabelnya.

(35)

20

9. Konektivitas

MySQL dapat melakukan koneksi dengan klien menggunakan protokol TCP/IP, UNIX soket (UNIX), atau Named Pipes (NT).

10. Lokalisasi

MySQL dapat mendeteksi pesan kesalahan pada k lien dengan menggunakan lebih dari dua puluh bahasa. Meskipun demikian, bahasa Indonesia belum termasuk di dalamnya.

11. Antarmuka

MySQL memiliki antarmuka (interface) terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API (Application Programming Interface).

12. Klien dan Peralatan

MySQL dilengkapi dengan berbagai peralatan (tool) yang dapat digunakan untuk administrasi basis data, dan pada setiap peralatan yang ada disertakan petunjuk online.

13. Struktur Tabel

MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER TABLE, dibandingkan dengan basis data lainnya semacam PostgreSQL.

3.6 Software Pendukung 3.6.1 Xampp

Menurut Anhar (2010) Untuk membuat sebuah aplikasi berbasi web dengan menggunakan bahasa php diperlukan sebuah server web dengan interpreter PHP. Server tidak harus sebuah komputer khusus dengan kinerja tinggi dan berukuran sangat besar, tetapi bisa dibuat menggunakan pc yang mempunyai fungsi selayanknya sebuah web server, yaitu dengan menginstal paket XAMPP.

XAMPP merupakan akronim dari X (semua sistem operasi), Apache, MySQL, PHP. XAMPP merupakan paket PHP dan Mysql

(36)

21

berbasis open source yang dapat digunakan sebagai tool pembantu pengembangan aplikasi berbasis PHP. XAMPP mengkombinasikan beberapa paket perangkat lunak berbeda ke dalam satu paket.

3.6.2 Notepad++

Notepad++ adalah kode editor yang mendukung berbagai bahasa pemrograman seperti HTML, CSS, PHP, XML, Java, JSP, JavaScript, Perl Pascal, dan lain- lain yang dapat bekerja pada sistem operasi windows. (Anhar, 2010).

3.7 Metode Pengujian Black Box dan White Box 3.7.1 Black box

Black Box Testing berkaitan dengan pengujian-pengujian yang dilakukan pada antarmuka perangkat lunak. Pengujian kotak hitam mengkaji beberapa aspek fundamental dari suatu sistem/perangkat lunak dengan sedikit memperhatikan struktur logis internal dari suatu perangkat lunak (Roger S. Pressman, 2012).

Pengujian black box juga merupakan pendekatan komplementer yang memungkinkan besar mengungkap kelas kesalahan daripada metode white-box. Pengujian black box berusaha menemukan kesalahan dalam kategori sebagai berikut:

a. Fungsi- fungsi yang tidak benar atau hilang.

b. Kesalahan interface .

c. Kesalahan dalam struktur data atau akses database eksternal.

d. Kesalahan kinerja.

e. Inisialisasi dan kesalahan terminasi.

3.7.2 White box

Menurut Roger S. Pressman (2012) pengujian white box didasarkan pada pemeriksaan yang teliti terhadap detail prosedural.

Jalur logis di seluruh perangkat lunak dan kolaborasi antar komponen diuji dengan menguji serangkaian kondisi dan atau loop

(37)

22

spesifik. Dengan menggunakan metode pengujian whitebox, perekayasa sistem dapat melakukan test case yang:

a. Memberikan jaminan bahwa semua jalur independen pada suatu modul telah digunakan paling tidak satu kali.

b. Menggunakan semua keputusan logis pada sisi true dan false.

c. Mengeksekusi semua loop pada batasan mereka dan pada batas operasional.

d. Menggunakan struktur data internal untuk menjamin validasi.

Untuk menghitung kompleksitas logika program, maka digunakan metode cyclomatic complexity atau (V(G)) dapat dihitung dengan menggunakan rumus:

V(G) = E – N + 2

V(G) = cyclomatic complexity E = jumlah Node

N = jumlah rusuk

(38)

23 BAB IV

PERENCANAAN DAN ANALISA PERANCANGAN SISTEM

4.1 Analisa Sistem

Analisa dan perancangan merupakan salah satu kegiatan yang sangat penting yang dilakukan dalam pembuatan perangkat lunak. Analisa secara umum dapat diartikan sebagai penguraian suatu sistem yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasi dan mengevaluasi permasalahan-permasalahan yang ada dan kebutuhan- kebutuhan yang diharapkan sehingga dapat diusulkan untuk memperbaikinya. Sedangkan perancangan secara umum dapat diartikan sebagai penggambaran, perancangan perencanaan dan pembuatan sketsa atau pengaturan dan beberapa elemen terpisah kedalam satu kesatuan yang utuh dan berfungsi. Analisa bertujuan untuk mengevaluasi dan mengidentifikasi permasalahan, sedangkan perancangan bertujuan untuk memenuhi kebutuhan pemakaian sistem dan memberikan gambaran yang jelas tentang rancangan bangun sistem secara umum.

4.1.1 Kebutuhan Perangkat Lunak (Software)

Perangkat lunak yang dibutuhkan dalam membuat aplikasi e- commerce pada Manfaat Cell adalah sebagai berikut :

1) Microsoft Windows 7 sebagai sistem operasi.

2) XAMPP + PHP/AppServ sebagai Web Server 3) MySQL sebagai Database Server

4) Notepad++ sebagai Editor Web

5) Mozilla firefox / Google Chrome sebagai Web browser

(39)

4.1.2 Kebutuhan Perangkat keras (Hardware) 1. Intel Pentium (R) D CPU 2,80 Ghz 2. Memory DDR2 512 MB

3. Hardisk 80 GB SATA 4. Terkoneksi Internet

5. Monitor resolusi 1024 x 768 pixel 4.1.3 Analisa Kebutuhan Pengguna (User)

Analisa kebutuhan user atau pengguna dapat di kategorikan sebagai berikut :

1. Admin membutuhkan Aplikasi untuk mengatur data. Mengatur disini antara lain menambah dan mengedit data produk, menambah dan mengedit isi tampilan web, membuat data backup database dari aplikasi ini.

2. User yaitu pengguna yang hanya dapat membuka, melihat dan memesan produk yang dijual.

4.2 Perancangan Sistem

Setelah melakukan analisa kebutuhan sistem, tahap berikutnya adalah melakukan perancangan sistem. Perancangan sistem dibuat dengan menggunakan diagram-diagram UML (Unified Modeling Language).

4.2.1 Use Case Diagram

Use case diagram menggambarkan suatu urutan interaksi antara satu atau lebih aktor dan sistem. Model Use case menggambarkan sistem sebagai sebuah kotak hitam dan interaksi antara aktor dan sistem dalam suatu bentuk naratif, yang terdiri dari input user dan respon-respon sistem.

(40)

25

Use case Website E-Commerce Hand Phone di Manfaat Cell dapat dilihat pada gambar 4.1.

Gambar 4.1 Use Case Diagram

Skenario Use Case Mengelola Data Web

Nama Use Case : Mengelola Data Web

Aktor : Admin

Tipe : Primary

Prekondisi : Admin login aplikasi, selanjutnya masuk ke menu setting

Tujuan : Mengubah data Web E-Commerce

Manfaat Cell

Postkondisi : Admin berhasil mengubah data web

Tabel 4.1 Skenario Use Case Mengelola Data Web

Aktor Sistem Aplikasi

1. Admin login aplikasi, selanjutnya masuk ke menu utama halaman Admin

2. Menampilkan daftar menu halaman admin

3. Admin memilih menu setting untuk mengisi atau mengedit data Web

4. Sistem meng-update database

Mengelola data web

Mengelola Produk

Mengelola Pesanan

Admin Konsumen Memesan produk

(41)

Skenario Use Case Mengelola Produk

Nama Use Case : Mengelola Produk

Aktor : Admin

Tipe : Primary

Prekondisi : Admin login aplikasi, selanjutnya masuk ke menu produk.

Tujuan : Menambah, meng-edit dan menghapus data produk

Postkondisi : Admin berhasil menambah, meng-edit dan , menghapus produk

Tabel 4.2 Skenario Use Case Mengelola Produk

1. Admin login aplikasi, selanjutnya masuk ke menu produk

2. Menampilkan form data produk yang berisi tambah, edit dan hapus data produk 3. Admin melakukan edit,

tambah dan hapus data Produk

4. Sistem melakukan update data Produk di database

Skenario Use Case Mengelola Pesanan

Nama Use Case : Mengelola Pesanan

Aktor : Admin

Tipe : Primary

Prekondisi : Admin login aplikasi, selanjutnya masuk ke menu data pesanan

Tujuan : Mengelola data pesanan seperti

menghapus dan meng-edit status pada data pesanan

Postkondisi : Admin berhasil menghapus dan meng- edit status pesanan

(42)

27

Tabel 4.3 Skenario Use Case Mengelola Pesanan

1. Admin login aplikasi, selanjutnya masuk ke menu data pesanan

2. Menampilkan form data pesanan

3. Admin melakukan ubah status dan hapus data pesanan

4. Sistem meng-update database

Skenario Use Case Memesan Produk

Nama Use Case : Memesan Produk

Aktor : Konsumen

Tipe : Primary

Prekondisi : Konsumen buka browser dan

memasukkan alamat Website E- Commerce Manfaat Cell

Tujuan : Membeli atau memesan Produk dan

melihat serta mengunjungi Website Postkondisi : Konsumen berhasil memesan produk

yang ada.

Tabel 4.4 Skenario Use Case Memesan Produk

1. Konsumen membuka browser dan memasukkan alamat Website E- Commerce Manfaat Cell

2. Menampilkan menu utama halaman Konsumen

3. Konsumen memilih Produk mana yang akan di beli kemudian mengisi data pesanan.

4. Sistem melakukan update data pesanan yaitu data Konsumen dan data Produk yang meliputi : nama, harga, dan jumlah stok

(43)

4.2.2 Class Diagram

Class diagram adalah diagram yang digunakan untuk menampilkan beberapa kelas yang sedang dikembangkan. Class diagram dapat dilihat pada Gambar 4.2

Gambar 4.2 Class Diagram 4.2.3 Activity Diagram

Activity diagram menggambarkan berbagai alir aktifitas perancangan sistem, bagaimana alur berawal dari keputusan yang mungkin terjadi, dan bagaimana berakhir.

4.2.3.1 Activity Diagram Mengelola Data Web

Gambar 4.3 Activity Diagram Mengelola Data Web

(44)

29

4.2.3.2 Activity Diagram Mengelola Produk

Gambar 4.4 Activity Diagram Mengelola Produk

4.2.3.3 Activity Diagram Mengelola Pesanan

Gambar 4.5 Activity Diagram Mengelola Pesanan

Start

Input username &

Password

Home Admin

Data Pesanan

Cek Status Pesanan

Simpan

End

(45)

4.2.3.4 Activity Diagram Memesan Produk

Gambar 4.6 Activity Diagram Memesan Produk

4.2.4 Sequence Diagram

Sequence diagram menggambarkan interaksi antar objek di dalam dan di sekitar sistem yang berupa message yang digambarkan terhadap waktu.

4.2.4.1 Sequence Diagram Mengelola Data Web

Gambar 4.7 Sequence Diagram Mengelola Data Web

Start

End Mengunjungi

Website

Melihat Produk

Memilih Produk

Mengisi Data Pemesan

Simpan

(46)

31

4.2.4.2 Sequence Diagram Mengelola Produk

Gambar 4.8 Sequence Diagram Mengelola Produk

4.2.4.3 Sequence Diagram Mengelola Pesanan

Gambar 4.9 Sequence Diagram Mengelola Pesanan

(47)

4.2.4.4 Sequence Diagram Memesan Produk

Gambar 4.10 Sequence Diagram Memesan Produk

4.3 Perancangan Database

Dalam perancangan Website E-Commerce ini terdiri dari tabel- tabel sebagai berikut :

4.3.1 Tabel Login

Tabel 4.6 Tabel Login

No Nama Type Panjang Indeks

1 Userid Varchar 30 Primary

2 Passwd Varchar 50 -

3 Level Varchar 5 -

4 Nama_user Varchar 50 -

4.3.2 Tabel Cara

Tabel 4.7 Tabel Cara

1 Nama Varchar 50 -

2 Text Long text -

(48)

33

4.3.3 Tabel Produk

Tabel 4.8 Tabel Produk

1 Id_kategori Int 10 -

2 Id_produk Int 30 Primary

3 Nama Varchar 50 -

4 Gambar Varchar 50 -

5 Harga Int 30 -

4 Stok Int 30 -

5 Detail Longtext - -

6 Tanggal Date - -

4.3.4 Tabel Kategori

Table 4.9 Tabel Kategori

1 Id_kategori Int 12 Primary

2 Nama_kategori Varchar 100 -

4.3.5 Tabel Temp Pemesanan

Tabel 4.10 Tabel Temp Pemesanan

1 Id_session Varchar 50 -

2 Id_kategori Varchar 30 -

3 Id_produk Varchar 30 -

4 Nama Varchar 100 -

5 Harga Int 30 -

6 Qty Int 30 -

7 Ttl_harga Int 20 -

8 Tanggal Date - -

9 Jam Time - -

(49)

4.3.6 Tabel Pemesanan

Tabel 4.11 Tabel Pemesanan

1 Id_pesan Varchar 30 Primary

2 Nama_pemesan Varchar 100 -

3 Alamat Varchar 100 -

4 Telepon Varchar 20 -

5 Email Varchar 50 -

6 Tgl_order Date - -

7 Jam_order Time - -

8 Status_order Char 20 -

4.3.7 Tabel Detail Pemesanan

Tabel 4.12 Tabel Detail Pemesanan

1 Id_pesan Varchar 50 -

2 Id_kategori Varchar 30 -

3 Id_produk Varchar 30 -

5 Harga Int 30 -

6 Qty Int 30 -

7 Ttl_harga Int 20 -

8 Tgl Date - -

9 Jam Time - -

(50)

35

4.3.8 Tabel Profil

Tabel 4.13 Tabel Profil

1 Id_toko Varchar 10 Primary

2 Nama toko Varchar 50 Primary

3 Alamat Varchar 100 -

4 Telp Varchar 50 -

6 Profil Longtext - -

7 No_rekening Varchar 50 -

4.3.9 Tabel Hubungi Kami

Tabel 4.14 Tabel Hubungi Kami

1 Id_tamu Int 30 Primary

4 Subjek Varchar 100 -

5 Message Longtext - -

6 Tanggal Date - -

4.4 Perancangan Antarmuka

Perancangan antarmuka merupakan gambaran dari user interface.

Berikut ini merupakan rancangan antar muka dari Aplikasi E-Commerce Hand Phone di Manfaat Cell

(51)

4.4.1 Home Page

Gambar 4.11 Perancangan home page

Home atau beranda digunakan untuk menampilkan halaman depan aplikasi pemesanan Aksesoris dan Hand Phone. Berisi profil perusahaan dan juga produk.

4.4.2 Produk

Gambar 4.12 Perancangan Halaman Produk

Pada halaman Produk terdapat beberapa jenis Produk, jika ingin memesan Produk maka klik saja salah satu Detail Product yang di inginkan.

(52)

37

4.4.3 Hubungi Kami

Gambar 4.13 Perancangan Halaman Hubungi Kami Pada halaman Hubungi Kami pembeli dapat mengirimkan pesan atau komentar apa saja mengenai produk yang di jual.

4.4.2 Cara Berbelanja

Gambar 4.14 Perancangan Halaman Cara Berbelanja Cara belanja merupakan halaman yang digunakan untuk memberitahukan informasi tentang cara atau langkah- langkah yang harus dilakukan untuk belanja produk di Manfaat Cell secara online.

(53)

4.4.3 Login Administrator

Gambar 4.15 Perancangan Login Administrator

Halaman login digunakan untuk masuk ke halaman administrator. Isikan username dan password kemudian klik tombol login, jika username dan password benar maka akan ditampilkan halaman administrator, jika username dan password salah maka akan kembali lagi ke halaman login

4.4.4 Home Admin

Gambar 4.16 Perancangan Home Admin

Halaman home administrator berisikan ucapan selamat datang kepada admin dan informasi sedikit tentang Manfaat Cell.

(54)

39

4.4.5 Perancangan Setting Profil

Gambar 4.17 Perancangan Setting Profil

Halaman setting profil berfungsi untuk pengaturan isi profil toko. Pada halaman ini juga admin dapat memuat kontak yang dapat dihubungi.

4.4.6 Perancangan Setting Cara Berbelanja

Gambar 4.18 Perancangan Setting Cara Berbelanja

Halaman setting cara belanja berfungsi untuk pengaturan cara belanja. Pada halaman ini admin menulis langkah- langkah cara belanja.

(55)

4.4.7 Perancangan Kategori

Gambar 4.19 Perancangan Kategori

Halaman menu kategori berfungsi untuk memasukkan daftar kategori produk yang ditawarkan. Untuk menambah data kategori produk isikan nama kategori kemudian klik simpan, untuk mengubah data kategori klik edit kemudian jika pengisian telah benar klik simpan. Klik hapus untuk menghapus data kategori dari tabel.

4.4.7 Perancangan Produk

Gambar 4.20 Perancangan Produk

Menu Produk digunakan untuk mengisikan produk yang di jual. Dengan cara mengisikan data produk dengan memilih dahulu kategorinya dan kemudian mengisikan nama produk, harga, stok dan gambar, dan detail produknya.

(56)

41

4.4.8 Perancangan Data Pe mesan

Gambar 4.21 Perancangan Data Pemesan

Menu data pemesanan berisi data customer yang memesan produk

4.4.12 Perancangan Hubungi Kami

Gambar 4.22 Perancangan Hubungi Kami

Halaman hubungi kami berfungsi untuk mengirimkan pesan kepada Admin.

(57)

4.4.13 Perancangan Ganti Password

Gambar 4.23 Perancangan Ganti Password

Halaman perancangan ganti password berfungsi untuk mengganti password.

(58)

43 BAB V

IMPLEMENTASI DAN PENGUJIAN SISTEM

5.1 Implementasi Sistem

Implementasi sistem merupakan tindakan nyata dari fase perencanaan dan analisa perancangan sistem. Langkah – langkah implentasi akan berjalan baik saat perencanaan dan perancangan sistem benar-benar matang dan tersusun rapi.

Seperti dijelaskan ditahap Analisa dan Perancangan sistem aplikasi ini menggunakan bahasa pemograman PHP dan MySQL sebagai database nya, Aplikasi ini dibuat sesederhana mungkin bertujuan agar operator / admin dapat dengan mudah mengoperasikannya.

5.2 Tampilan Antar Muka 5.2.1 Home

Gambar 5.1 Halaman Home

Home atau beranda digunakan untuk menampilkan halaman depan aplikasi pemesanan Aksesoris dan Hand Phone. Berisi profil perusahaan dan juga produk.

(59)

5.2.2 Produk

Untuk berbelanja di Manfaat Cell, pembeli harus melihat barang-barang yang di sediakan di halaman produk. Untuk lebih jelasnya lihat pada gambar 5.2 di bawah ini.

Gambar 5.2 Halaman Produk

Pada halaman Produk terdapat beberapa jenis Produk, jika ingin memesan Produk maka klik saja salah satu Detail Product yang di inginkan, maka pembeli langsung di arahkan ke halaman Pesan. Lebih jelasnya lihat pada gambar 5.3

Gambar 5.3 Halaman Pesan

(60)

45

Setelah mengklik pesan maka pembeli di beri 2 kondisi yaitu pertama ketika pembeli masih ingin mencari produk lagi yang ingin di beli maka pembeli harus memilih menu lihat produk lain. Kondisi yang kedua yaitu jika pembeli sudah merasa cukup dalam pembeliannya, maka pilih simpan lalu klik selesai order seperti pada gambar 5.4

Gambar 5.4 Halaman Order

Apabila pembeli sudah memilih tombol selesai order, maka halaman selanjutnya yaitu halaman daftar order. Halaman ini berisi daftar order pembeli. Lalu klik lanjutkan Seperti gambar dibawah ini.

Gambar 5.5 Halaman Daftar Pesanan

(61)

Pembeli diminta untuk mengisikan data pembeli sesuai dengan kolom yang telah di sediakan. Tampilannya seperti gambar 5.6

Gambar 5.6 Halaman Data Pemesan

Setelah selesai mengisi data pembeli pilih menu simpan yang nantinya akan di bawa ke halaman nota pesanan. Lebih jelasnya lihat pada gambar 5.7.

Gambar 5.7 Halaman Nota Pesanan

(62)

47

Pada halaman ini pembeli di beritahukan mengenai jumlah nama barang yang di beli, harga, total barang yang di beli dan total pembayaran.

Gambar 5.8 Halaman Hubungi Kami

Pada halaman Hubungi Kami pembeli dapat mengirimkan pesan atau komentar apa saja mengenai produk yang di jual.

5.2.4 Cara Belanja

Gambar 5.9 Cara Belanja

(63)

Cara belanja merupakan halaman yang digunakan untuk memberitahukan informasi tentang cara atau langkah- langkah yang harus dilakukan untuk belanja produk di Manfaat Cell secara online.

5.3 Halaman Admin 5.3.1 Login

Gambar 5.10 Halaman Login

Halaman login digunakan untuk masuk ke halaman administrator. Isikan username dan password kemudian klik tombol login, jika username dan password benar maka akan ditampilkan halaman administrator, jika username dan password salah maka akan kembali lagi ke halaman login.

5.3.2 Home

Gambar 5.11 Halaman Home

(64)

49

Halaman home administrator berisikan ucapan selamat datang kepada admin dan informasi sedikit tentang toko tersebut.

5.3.3 Setting Profil

Gambar 5.12 Halaman Setting Profil

Halaman setting profil berfungsi untuk pengaturan isi profil toko. Pada halaman ini juga admin dapat memuat kontak yang dapat dihubungi.

5.3.4 Setting Cara Belanja

Gambar 5.13 Setting Cara Berbelanja

Halaman setting cara belanja berfungsi untuk pengaturan cara belanja. Pada halaman ini admin menulis langkah- langkah cara belanja.

(65)

5.3.5 Kategori

Gambar 5.14 Halaman Kategori

Halaman menu kategori berfungsi untuk memasukkan daftar kategori produk yang ditawarkan. Untuk menambah data kategori produk isikan nama kategori kemudian klik simpan, untuk mengubah data kategori klik edit kemudian jika pengisian telah benar klik simpan. Klik hapus untuk menghapus data kategori dari tabel.

5.3.6 Produk

Gambar 5.15 Halaman Produk

Menu Produk digunakan untuk mengisikan produk yang di jual. Dengan cara mengisikan data produk dengan memilih dahulu

(66)

51

kategorinya dan kemudian mengisikan nama produk, harga, stok dan gambar, dan detail produknya.

5.3.7 Data Pemesanan

Gambar 5.16 Halaman Data Pemesanan

Menu data pemesanan berisi data customer yang memesan produk.

Gambar 5.17 Halaman Hubungi Kami

Halaman hubungi kami berfungsi untuk mengirimkan pesan kepada Admin

(67)