ANALISIS DAN PERANCANGAN SISTEM PEMESANAN KAYU MANIS BERBASIS WEB

ANALISIS DAN PERANCANGAN SISTEM PEMESANAN KAYU MANIS BERBASIS WEB (Studi Kasus : PT. DWIWARNA INTI SEJAHTERA)

Disusun Oleh : Hendro Wibowo Utomo 204093002649

PROGRAM STUDI SISTEM INFORMASI FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH JAKARTA 2010 M / 1431 H

i

ANALISIS DAN PERANCANGAN SISTEM PEMESANAN KAYU MANIS BERBASIS WEB (Studi Kasus : PT. DWIWARNA INTI SEJAHTERA)

Skripsi Diajukan kepada Fakultas Sains dan Teknologi untuk Memenuhi Persyaratan Memperoleh Gelar Sarjana Komputer (S.Kom.)

Oleh : Hendro Wibowo Utomo NIM: 204093002649

Pembimbing I

Pembimbing II

A’ang Subiyakto, M.Kom

Zainuddin Bey Fananie, M.Sc

NIP. 150411252

Mengetahui, Ketua Program Studi Sistem Informasi

A’ang Subiyakto, M.Kom NIP. 150411252

ii

PENGESAHAN UJIAN

Skripsi berjudul “ Analisis dan Perancangan Sistem Pemesanan Kayu Manis Berbasis Web (Studi kasus : PT. Dwiwarna Inti Sejahtera) ” yang ditulis oleh Hendro Wibowo Utomo, NIM 204093002649 telah diuji dan dinyatakan lulus dalam sidang Munaqosyah Fakultas Sains dan Teknologi, Universitas Islam Negeri Syarif Hidayatullah Jakarta pada tanggal 05 Mei 2010. Skripsi ini telah diterima sebagai salah satu syarat untuk memperoleh gelar Sarjana Strata Satu (S1) Program Studi Sistem Informasi.

Menyetujui :

Penguji I

Penguji II

Zulfiandri, MMSIMS NIP. 19700130 200501 1003 NIP. 150 368 820 Pembimbing I

Nia Kumaladewi, MMSI NIP. 150 411 179 NIP.150 408 859 Pembimbing II

A’ang Subiyakto, M.Kom NIP. 150 411 252

Zainuddin Bey Fananie, M.Sc Mengetahui :

Dekan

Ketua Program Studi

Fakultas Sains dan Teknologi

Sistem Informasi

Dr. Syopiansyah Jaya Putra, M.Sis NIP.19680117 20112 1001

A’ang Subiyakto, M.Kom NIP. 150 411 252

iii

PERNYATAAN DENGAN INI SAYA MENYATAKAN BAHWA SKRIPSI INI BENAR-BENAR HASIL KARYA SENDIRI YANG BELUM PERNAH DIAJUKAN SEBAGAI SKRIPSI ATAU KARYA ILMIAH PADA PERGURUAN TINGGI ATAU LEMBAGA MANAPUN. Jakarta, 05 Mei 2010

Hendro Wibowo Utomo 204093002649

iv

ABSTRAK HENDRO WIBOWO UTOMO, Analisis dan Perancangan Sistem Pemesanan Kayu Manis Berbasis Web (Studi kasus : PT. Dwiwarna Inti Sejahtera), Dibawah bimbingan A’ang Subiyakto dan Zainuddin Bey Fananie. PT. DWIWARNA INTI SEJAHTERA (DIS) yang bergerak dalam bidang perdagangan komoditas hasil alam yaitu kayu manis. DIS memiliki sejumlah kendala dalam sistem yang berjalan masih memiliki banyak kekurangan dan kelemahan seperti belum optimalnya sistem pemesanan kayu manis karena sistem masih dilakukan secara manual, sulitnya pelanggan untuk melakukan pemesanan kayu manis sehingga pelanggan harus datang ke DIS, penyusunan laporan yang masih manual. Melalui layanan sistem pemesanan berbasis web ini diharapkan dapat memudahkan konsumen untuk mendapatkan informasi secara lengkap mulai dari informasi jenis, harga kayu manis beserta gambarnya yang tersedia hingga transaksi pembayaran dan juga perusahaan dapat mudah mengelola pemesanan kayu manis. Penelitian ini bertujuan untuk menganalisa dan merancang suatu sistem pemesanan produk kayu manis berbasis web pada DIS yang dapat menyajikan informasi yang dibutuhkan oleh konsumen. Alat pengembangan yang digunakan penelitian ini dengan menggunakan PHP.5.2.2 sebagai bahasa pemrograman dan mysql versi 5.0.41 sebagai databasenya , ini semua dipilih karena kehandalan dalam membuat sistem berbasis web. Metode pengembangan yang digunakan adalah Sistem Development Life Cycle (SDLC) Waterfall. Penelitian yang dilakukan ini diharapkan berjalan dapat lebih cepat serta pengolahan data dapat lebih efektif sehingga dapat meminimalkan kesalahan. Kata kunci : SDLC Waterfall, DFD, PHP dan Mysql, Sistem Pemesanan V Bab + xvi halaman + 172 halaman + 13 tabel + 50 gambar + 5 lampiran Pustaka : 22 buku (2000-2007)

v

KATA PENGANTAR

Assalamu’alaikum Wr.Wb Segala puji syukur kami panjatkan kehadirat Allah SWT atas segala rahmat dan karunia-Nya sehingga skripsi ini dapat selesai sebagaimana mestinya. Shalawat dan salam kepada Rasulullah Muhammad SAW, keluarga, sahabat dan para pengikutnya hingga akhir zaman nanti. Rasul yang melalui perjuangan dan keikhlasannya membuat kita bisa memiliki agama yang sempurna ini. Semoga kita bisa menjadi pengikutnya yang setia sampai akhir hayat. Dengan selesainya penulisan laporan skripsi ini peneliti ingin mengucapkan terima kasih kepada pihak-pihak yang telah membantu, karena tanpa bantuan, petunjuk, bimbingan dan saran - saran mungkin peneliti tidak akan dapat menyusun laporan ini. Pada kesempatan ini, peneliti ingin mengucapkan terima kasih yang sebesar-besarnya kepada : 1.

Bapak DR. Syopiansyah Jaya Putra, M.Sis selaku Dekan Fakultas Sains dan Teknologi UIN Syarif Hidayatullah Jakarta.

2.

Bapak A’ang Subiyakto, M.Kom selaku Ketua Program Studi sekaligus sebagai pembimbing 1 serta Ibu Nur Aeni Hidayah, MMSi selaku Sekretaris Program Studi Sistem Informasi.

3.

Bapak Zainuddin Bey Fananie, M.Sc selaku pembimbing II yang telah banyak memberikan bimbingan dan arahan guna terwujudnya laporan skripsi ini.

4.

Bapak Zulfiandri, MMSI selaku penguji I dan ibu Nia Kumaladewi, MMSI selaku penguji II.

5.

Bapak Yanto dan Firman yang telah banyak memberikan masukan-masukan yang bermanfaat dalam penelitian ini.

vi

6.

Bapak Edy Priyanto, selaku Direktur Pemasaran DIS.

7.

Orangtua, saudara dan rekan yang begitu banyak memberikan do’a, motivasi dan dukungan, baik material maupun spiritual.

8.

Semua anak-anak kelas Sistem Informasi B angakatan 2004 yang selalu mendukung dalam penelitian ini. Dalam penulisan Laporan skripsi ini peneliti menyadari bahwa penulisan

laporan ini masih belum mencapai kesempurnaan baik dari segi materi maupun dari segi penyajian, untuk itu peneliti mengharapkaan kritik dan saran untuk membangun. Semoga dengan adanya laporan skripsi ini dapat berguna bagi pembaca dan memberikan manfaat bagi pihak yang membutuhkannya. Semoga segala bantuan yang telah diberikan kepada peneliti akan mendapatkan balasan yang setimpal dari Allah SWT, Amien.

Wassalamu’alaikum Wr. Wb

Jakarta,

Mei 2010

Hendro Wibowo Utomo

vii

DAFTAR ISI

Halaman Judul...............................................................................................

i

Lembar Persetujuan Pembimbing..................................................................

ii

Lembar Pengesahan Ujian.............................................................................

iii

Lembar Pernyataan........................................................................................

iv

Abstrak...........................................................................................................

v

Kata Pengantar ...........................................................................................

vi

Daftar Isi ....................................................................................................

viii

Daftar Tabel ...............................................................................................

xii

Daftar Gambar............................................................................................

xiii

Daftar Lampiran.............................................................................................

xvi

BAB I PENDAHULUAN .........................................................................

1

1.1. Latar Belakang Masalah ..............................................................

1

1.2. Perumusan Masalah.....................................................................

2

1.3. Batasan Masalah..........................................................................

2

1.4. Tujuan Penelitian ........................................................................

3

1.5. Manfaat Penelitian.......................................................................

3

1.6. Metode Penelitian........................................................................

4

1.6.1. Metode Pengumpulan Data..............................................

4

1.6.2. Metode Pengembangan Sistem ........................................

5

1.7. Sistematika Penulisan..................................................................

6

BAB II LANDASAN TEORI ...................................................................

8

2.1. Teori Analisis dan Perancangan Sistem .......................................

8

2.1.1. Analisis Sistem…………………..................…………….

8

viii

2.1.2. Perancangan Sistem.................. …………………………

8

2.2. Pemesanan di Internet..................................................................

9

2.3. Website........................................................................................

10

2.3.1. Prinsip-Prinsip Design Website........................................

11

2.3.2. Home Page......................................................................

14

2.3.3. Web Browser...................................................................

14

2.3.4. Web Server......................................................................

15

2.4. Protokol ......................................................................................

15

2.4.1. Transmission Control Protocol/Internet Protocol (TCP/IP)

15

2.4.2. HyperText Transfer Protocol (HTTP) .............................

16

2.5. World Wide Web (WWW) .........................................................

16

2.6. Uniform Resource Locators (URL) ...............................................

17

2.7. Bahasa Pemograman....................................................................

17

2.8. Siklus Hidup Pengembangan Sistem atau Systems Development Life Cycle (SDLC) ….…………………………….

20

2.9. Metodologi Penelitian ..................................................................

21

2.9.1. Studi Pustaka ………………………………………………

21

2.9.2. Studi Lapangan …………………………………………….

21

2.9.2.1 Observasi …………………………………………..

21

2.9.2.2 Wawancara …………………………………………

22

2.9.2.3 Kuesioner ………………………………………….

22

2.9.3 Studi Literature Sejenis …………………………………….. 2.10. Perangkat Analisis dan Perancangan Sistem.................................

23 23

2.10.1. Data Flow Diagram (DFD) ……………………………….

23

2.10.2. Entity Relational Diagram (ERD) ………………………..

24

ix

2.10.3. Normalisasi ………………………………………………..

26

2.10.4. Flowchart………………………………………………………….

28

2.10.5. Pengujian Black Box ………………………………………

30

2.10.6. Kamus Data………………………………………………..

31

2.10.7. Matrik CRUD ……………………………………………..

31

2.10.8. State-Transition Diagram (STD)…………………………..

31

2.11. Perangkat Lunak Pembangun Sistem ...........................................

32

2.11.1. Hypertext Preprocessor (PHP) ........................................

32

2.11.2. My Structure Query Language (MySQL).........................

32

2.11.3. Macromedia Dreamweaver 8.0 ........................................

33

2.11.4. Macromedia Flash 8.0 .....................................................

34

2.11.5. Adobe Photoshop 7 .........................................................

35

2.12. Kayu Manis (Cinnamon)..............................................................

36

2.13. Literatur Sejenis ……………………...…………….……………..

36

BAB III METODOLOGI PENELITIAN................................................

40

3.1. Metode Pengumpulan Data..........................................................

40

3.1.1. Studi Pustaka .....................................................................

40

3.1.2. Studi Lapangan..................................................................

40

3.1.3. Studi Literatur Sejenis .......................................................

42

3.2. Metode Pengembangan Sistem ....................................................

42

3.2.1. Analysis...........................................................................

42

3.2.2. Perancangan (Design)......................................................

44

3.2.3. Pengkodean (Coding) ......................................................

45

3.2.4. Pengujian (Testing)..........................................................

45

x

BAB IV HASIL DAN PEMBAHASAN ...................................................

46

4.1. Analysis.......................................................................................

46

4.1.1. Gambaran Umum Perusahaan..........................................

46

4.1.2. Analisis Sistem Berjalan....... ...........................................

51

4.1.3. Literatur Sejenis ..............................................................

57

4.1.4. Usulan Rancangan Sistem Pemesanan .............................

58

4.2. Perancangan (Design)..................................................................

59

4.2.1. Perancangan Logika Proses .............................................

59

4.2.2. Perancangan Basis Data...................................................

76

4.2.3. Perancangan Interface .....................................................

87

4.2.4. Perancangan Jaringan ......................................................

106

4.3. Pengkodean (Coding)....................................................... ...............

107

4.4. Pengujian (Testing)........................................................................

108

4.4.1. Pengujian Eksternal (Black Box) ……………………………

108

4.4.2. Spesifikasi Software dan Hardware …………………………

110

4.4.3. Fitur Sistem ............................................................................

113

BAB V PENUTUP....................................................................................

114

5.1. Kesimpulan .................................................................................

114

5.2. Saran ...........................................................................................

115

DAFTAR PUSTAKA ...............................................................................

116

LAMPIRAN..............................................................................................

119

xi

DAFTAR TABEL

Tabel 2.1 Format Umum URL .....................................................................

17

Tabel 2.2 Elemen Dasar Data Flow Diagram Versi Yourdon, De Marco...

24

Tabel 2.3 Elemen Dasar Entity Relational Diagram (ERD) ………………

26

Tabel 2.4 Elemen Dasar Flowchart.............................................................

28

Tabel 4.1 Solusi Permasalahan Sistem Berjalan..........................................

56

Tabel 4.2 Perbandingan Literatur Sejenis ...................................................

57

Tabel 4.3 Tabel Kantong ...........................................................................

81

Tabel 4.4 Tabel Konfirmasi .......................................................................

81

Tabel 4.5 Tabel Kota ..................................................................................

82

Tabel 4.6 Tabel Pelanggan .........................................................................

82

Tabel 4.7 Tabel Pemesanan ........................................................................

83

Tabel 4.8 Tabel Detail ................................................................................

83

Tabel 4.9 Tabel Produk ..............................................................................

83

Tabel 4.10 Tabel Propinsi...........................................................................

84

Tabel 4.11 Tabel Matrik CRUD .................................................................

84

Tabel 4.12 Pengujian Menggunakan Black Box ..........................................

108

Tabel 4.13. Fitur Sistem Pemesanan Kayu Manis .......................................

113

xii

DAFTAR GAMBAR

Gambar 2.1. Sistem Development Life Cycle (Sekuensial Linier)……….....

21

Gambar 2.2. Lingkungan Kerja Macromedia Dreamweaver 8.0 ………..…

34

Gambar 2.3 Lingkungan Kerja Macromedia Flash 8.0 ................................

35

Gambar 2.4 Lingkungan Kerja Adobe Photoshop 7......................................

35

Gambar 4.1 Logo PT. Dwiwarna Inti Sejahtera...........................................

47

Gambar 4.2 Struktur Organisasi PT. Dwiwarna Inti Sejahtera.......................

48

Gambar 4.3 Flowchart Sistem Berjalan : Pemesanan Kayu manis...............

53

Gambar 4.4 Flowchart Sistem Usulan: Pemesanan Berbasis Web ..............

58

Gambar 4.5 Context Diagram ………………………………………………

60

Gambar 4.6 DFD Diagram Nol (Overview Diagram)………………...........

61

Gambar 4.7 Diagram rinci proses 2.0 level 1...... ........................................

62

Gambar 4.8. Diagram rinci proses 3.0 level 1 .............................................

62

Gambar 4.9 Diagram rinci proses 4.0 level 1...............................................

63

Gambar 4.10 Diagram rinci proses 6.0 level 1........... ... ..............................

64

Gambar 4.11 Diagram rinci proses 7.0 level 1 ............................................

65

Gambar 4.12 ERD ......................................................................................

76

Gambar 4.13 UNF ......................................................................................

77

Gambar 4.14 1NF..........................................................................................

78

Gambar 4.15 2 NF.........................................................................................

79

Gambar 4.16 3 NF ........................................................................................

80

Gambar 4.17 STD Menu Utama Pelanggan ................................................

87

Gambar 4.18 STD Menu PT. Dwiwarna Inti - Pihak Pelanggan..................

87

Gambar 4.19 STD Menu Kayu Manis - Pihak Pelanggan............................

88

xiii

Gambar 4.20 STD Menu Berita Terkini - Pihak Pelanggan.........................

88

Gambar 4.21 STD Menu Konfirmasi - Pihak Pelanggan .............................

89

Gambar 4.22 STD Menu Testimonial - Pihak Pelanggan………………….

89

Gambar 4.23 STD Menu Gallery Foto - Pihak Pelanggan ...........................

89

Gambar 4.24 STD Menu Kontak Kami - Pihak Pelanggan..........................

90

Gambar 4.25 STD Menu Sejarah Kayu Manis - Pihak Pelanggan ...............

90

Gambar 4.26 STD Menu Jenis dan Manfaat - Pihak Pelanggan..................

90

Gambar 4.27 STD Menu Informasi - Pihak Pelanggan................................

91

Gambar 4.28 STD Menu Search - Pihak Pelanggan ....................................

91

Gambar 4.29 STD STD Menu Login - Pihak Pelanggan .............................

92

Gambar 4.30 STD Menu Utama Admin......................................................

92

Gambar 4.31 STD Menu User - Pihak Admin.............................................

93

Gambar 4.32 STD Menu Pemesanan - Pihak Admin...................................

93

Gambar 4.33 STD Menu Berita Terkini - Pihak Admin ..............................

94

Gambar 4.34 STD Menu Daftar Data - Pihak Admin..................................

94

Gambar 4.35 STD Menu Testimonial - Pihak Admin..................................

95

Gambar 4.36 STD Menu Gallery - Pihak Admin ........................................

95

Gambar 4.37 STD Menu Kontak Kami - Pihak Admin ...............................

96

Gambar 4.38 STD Menu Laporan - Pihak Admin .......................................

96

Gambar 4.39 Perancangan Layout Halaman Login admin...........................

97

Gambar 4.40 Perancangan Layout Halaman Depan.....................................

98

Gambar 4.41 Perancangan Layout Halaman PT.dwiwarna inti....................

99

Gambar 4.42 Perancangan Layout Halaman Kayu manis ............................

100

Gambar 4.43 Perancangan Layout Halaman Berita terkini ..........................

101

Gambar 4.44 Perancangan Layout Halaman konfirmasi..............................

102

xiv

Gambar 4.45 Perancangan Layout Halaman Testimonial ............................

103

Gambar 4.46 Perancangan Layout Halaman Galery ....................................

104

Gambar 4.47 Perancangan Layout Halaman kontak ....................................

105

Gambar 4.48 Perancangan Layout Halaman Site map .................................

106

Gambar 4.49. Konfigurasi Jaringan Sistem Pemesanan Kayu Manis Berbasiskan Web ……………………………………………

107

Gambar 4.50. Pengkodean di Macromedia Dreamweaver 8 menggunakan bahasa PHP ………………………………………………….

xv

108

DAFTAR LAMPIRAN

Lampiran 1 Hasil Wawancara.....................................................................

120

Lampiran 2 Kuesioner..................................................................................

123

Lampiran 3 Tampilan Aplikasi ...................................................................

130

Lampiran 4 Kode Program.............................................................................

149

Lampiran 5 Surat Keterangan Penelitian ......................................................

172

xvi

BAB I PENDAHULUAN 1.1. Latar Belakang Masalah Internet

merupakan

sebuah

sistem

komunikasi

global

yang

menghubungkan komputer-komputer dan jaringan-jaringan komputer di seluruh dunia (Syafrizal : 2005). Melalui internet para pemakai dapat berhemat karena komunikasi interlokal dan internasional dihitung dengan biaya lokal. Para pemakai internet pun dapat memperoleh sejumlah informasi secara gratis antara lain berita politik dan ekonomi, konflik, teknologi, kesehatan, lingkungan, pemerintahan, lapangan kerja, humor, dan topik lainnya. (Oetomo, dkk : 2007) PT. DWIWARNA INTI SEJAHTERA (DIS) adalah perusahaan yang bergerak dalam bidang perdagangan komoditas hasil alam yaitu kayu manis. DIS saat ini sistem yang berjalan masih memiliki banyak kekurangan dan kelemahan seperti belum optimalnya sistem pemesanan kayu manis karena sistem masih dilakukan secara manual, sedikitnya jumlah pelanggan yang ada sebatas hanya pada daerah DIS saja, penyusunan laporan yang masih manual menyebabkan kinerja perusahaan menjadi terhambat dan belum mampu menunjang segala kebutuhan yang diinginkan perusahaan. Sistem yang handal dapat menghasilkan informatif dan up-to-date, interaktif dan dinamis, diharapkan DIS dapat memperoleh nilai lebih dari kepuasan konsumen untuk memenangkan persaingan dengan kompetitor - kompetitornya. Maka berdasarkan uraian di atas, sangat menarik untuk melakukan penelitian terhadap pengaturan sistem pemesanan kayu manis berbasis web pada perusahaan tersebut, sehingga informasi yang dihasilkan cepat, tepat dan akurat.

1

Oleh karena itu peneliti mengambil tema “ANALISIS DAN PERANCANGAN SISTEM PEMESANAN KAYU MANIS BERBASIS WEB” (Studi kasus : PT. Dwiwarna Inti Sejahtera)”

1.2. Perumusan Masalah 1. Bagaimana mengembangkan sistem pemesanan kayu manis berbasis web yang up to date, interaktif dan dinamis? 2. Bagaimana memperluas jangkauan pemesanan kayu manis kepada konsumen? 3. Bagaimana sistem dapat menyajikan laporan yang cepat dan sesuai dengan kebutuhan manajemen perusahaan?

1.3. Batasan Masalah 1. Produk - produk yang dipesan hanya produk kayu manis yang terdapat pada DIS. 2. Penelitian ini tidak membahas mengenai masalah keamanan jaringan proses transaksi pembayaran, hanya sampai ke shopping cart. 3. Program yang digunakan meliputi PHP, Mysql, Phpmyadmin, Flash 8, Photoshop 7 dan Dreamwaver 8. 4. Sistem pembayaran melalui tranfers antar rekening perusahaan. 5. Metode pengembangan sistem mengunakan SDLC dengan model Waterfall.

2

1.4. Tujuan Penelitian Berdasarkan uraian latar belakang, maka tujuan penelitian ini adalah : 1. Merancang sistem pemesanan kayu manis berbasis web yang dapat menyajikan informasi kayu manis yang up to date, interaktif dan dinamis. 2. Merancang sistem pemesanan kayu manis berbasiskan web yang bisa berjalan secara online yang diakses secara global. 3. Merancang sistem pemesanan berbasis web yang memudahkan dalam mengelola data dapat menyajikan laporan yang cepat sesuai kebutuhan perusahaan.

1.5. Manfaat Penelitian Manfaat yang diperoleh dari penelitian ini, antara lain: a. Manfaat untuk peneliti adalah : 1. Mahasiswa mampu memahami dan menganalisa faktor-faktor yang mempengaruhi keberhasilan suatu sistem informasi. 2. Menerapkan ilmu-ilmu yang diperoleh selama kuliah. 3. Membandingkan teori yang didapat diperkuliahan dengan masalah yang sebenarnya di lapangan. b. Manfaat untuk perusahaan adalah : 1. Memudahkan karyawan dalam melakukan pengkontrolan persediaan barang.

3

2. Menyediakan informasi yang cepat, tepat dan akurat mengenai data maupun laporan yang dibutuhkan baik tingkat karyawan maupun tingkat manajemen. c. Manfaat untuk universitas adalah : 1. Mengetahui seberapa jauh mahasiswa menguasai materi yang diberikan. 2. Mengetahui seberapa jauh mahasiswa menerapkan ilmu-ilmu yang bersifat teori dan sebagai evaluasi terhadap materi yang telah diberikan.

1.6. Metodologi Penelitian 1.6.1. Metodologi Pengumpulan Data Metodologi pengumpulan data terdiri dari : 1.

Studi Kepustakaan Studi Kepustakaan dilakukan dengan cara membaca dan mempelajari buku-buku yang berhubungan dengan pemesanan serta buku - buku yang mendukung dengan topik yang akan dibahas dalam penyusunan skripsi ini, serta megunjungi (browsing) situs - situs internet yang berhubungan dengan skripsi peneliti

2.

Studi lapangan a. Observasi Metode ini peneliti mengumpulkan data dengan melakukan observasi ke DIS, serta tempat yang mendukung pembuatan

4

sistem. Observasi dilakukan dengan melihat sistem yang ada pada perusahaan dan hal yang dibutuhkan dalam melakukan penelitian ini. b. Wawancara Wawancara dilakukan dengan Direktur pemasaran yang terkait untuk mengetahui gambaran proses bisnis serta profil perusahaan dan juga untuk mengetahui hal yang menjadi kendala dalam perusahaan. c. Kuesioner Kegiatan ini dilakukan untuk mengetahui informasi seperti apa yang diperlukan dalam pembuatan sistem dan hasil dari pembuatan

sistem.

Kuesioner

diberikan

kepada

staff

perusahaan.

3.

Studi Literatur Sejenis Kegiatan ini dilakukan dengan melihat hasil karya atau projek atau juga penulisan yang sejenis dengan pembuatan skripsi ini. Hal ini dilakukan untuk menjaga agar kesalahan pada penelitian yang dilakukan tidak terjadi pada penelitian ini.

1.6.2. Metodologi Pengembangan Sistem Pengembangan sistem yang peneliti lakukan ini, peneliti menggunakan metode Systems Development Life Cycle (SDLC) dengan model proses waterfall (Pressman : 2002) Tahap - tahapnya seprti berikut ini :

5

1. Analysis, yaitu mengumpulkan kebutuhan mengenai informasi pemesanan kayu manis apa saja yang dibutuhkan oleh pengguna berdasarkan hasil analisis pengumpulan data. 2. Perancangan

(Design),

yaitu

melakukan

perancangan

program

E-Commerce agar dapat menyediakan layanan yang diharapkan. Alat perancangan yang digunakan adalah DFD (Data Flow Diagram), ERD (entity relationship diagram), normalisasi, kamus data, matrik crud dan STD, perancangan interface dan perancangan jaringan. 3. Pengkodean (Coding), Yaitu melakukan penerapan hasil rancangan kedalam bentuk yang dapat dibaca dan di mengerti oleh komputer. Bahasa pemograman yang digunakan dengan pemograman berbasis web yaitu PHP dan databasenya dengan mengunakan Mysql. 4. Pengujian (Testing), Yaitu melakukan pengujian program yang telah dibuat. Pengujian dilakukan dengan pengujian secara balck box.

1.7. Sistematika Penulisan Bab I

PENDAHULUAN Berisi : Latar belakang, perumusan masalah, batasan masalah tujuan dan manfaat, metodologi penelitian, dan sistematika penulisan.

Bab II

LANDASAN TEORI Berisi : Teori-teori yang digunakan dalam penelitian ini, pengertian

web,

elemen-elemen

web

dan

peralatan

6

pendukung web dan juga gambaran umum perusahaan, serta alat perancangan yang digunakan. Bab III

METODOLOGI PENELITIAN Berisi : Mengenai metodologi penelitian yang digunakan dalam mengembangkan sistem informasi web yang akan digunakan.

Bab IV

HASIL DAN PEMBAHASAN Berisi : Gambaran umum perusahaan, analisa sistem yang berjalan, litertur sejenis, analisa sistem usulan, perancangan sistem, perancangan database, coding dan testing.

Bab V

PENUTUP Berisi : Kesimpulan dari hasil penelitian yang telah dilakukan

dan

Saran-saran

dari

peneliti

untuk

mengembangkan penelitian berikutnya agar lebih baik lagi.

DAFTAR PUSTAKA

7

BAB II LANDASAR TEORI

2.1. Teori Analisis dan Perancangan Sistem 2.1.1. Analisis Sistem Analisis sistem adalah penguraian dari suatu sistem informasi yang utuh

kedalam

permasalahan,

bagian-bagian

komponennya

kesimpulan-kesimpulan,

kebutuhan-kebutuhan

yang

diharapkan,

dengan

hambatan sehingga

yang

permasalahanterjadi

dapat

dan

diusulkan

perbaikannya. Tujuannya adalah untuk memperbaiki berbagai fungsi didalam sistem yang sedang berjalan agar menjadi lebih efisien, mengubah sasaran sistem yang sedang berjalan, merancang atau menganti output yang sedang digunakan untuk mencapai tujuan yang sama dengan seperangkat input yang lain (bisa jadi lebih sederhana dan lebih interaktif) atau untuk melakukan beberapa perbaikan serupa (Ladjamudin : 2005).

2.1.2. Perancangan Sistem Perancangan sistem dapat didefinisikan sebagai tahap setelah analisa dari siklus pengembangan sistem, pendefinisian dari kebutuhan fungsional dan persiapan untuk rancangan bagi impelementasi, menggambarkan bagaimana suatu sistem dibentuk..Tujuan dari perancangan sistem ini adalah untuk memenuhi kebutuhan para pemakai sistem dan untuk memberikan gambaran rancang bangun yang jelas kepada programer (Hartono : 2005).

8

2.2.

Pemesanan di Internet Konsep pemesanan dalam internet mempunyai pengertian yang sedikit

berbeda dengan konsep penjualan pada umumnya dimana unsure place dan promotion menjadi fokus utama dalam pemesanan melalui internet (Ellsworth : 2001). 1. Produk (product) Adalah sesuatu yang dipasarkan berupa barang atai goods atau service pada web. Situs web merupakan pusat virtual resmi untuk memesan dan menjual berbagai produk dan jasa. Situs web tersebut harus bersifat interaktif dan aktif. Dengan demikian orang akan lebih tertarik untuk mengunjungi dan mengunakan jasa yang ada pada situs web tersebut. 2. Harga (price) Harga produk internet dengan konsep harga pada penjualan konvensional akan tetapi pada internet terdapat beberapa penghematan biaya penjualan karena mengunakan pemesanan online sehingga produk disesuaikan dengan hargaharga bersaing. 3. Tempat (place) Metode yang diciptakan untuk menjadikan web sebagai media distribusi informasi produk dan dapat juga menjadi sasaran penjualan. 4. Promosi (promotion) Promosi pada internet dapat berupa periklanan, penjualan produk, penjualan dan hubungan masyarakat.

9

2.3. Website Website merupakan fasilitas hiperteks untuk menampilkan data berupa teks, gambar, suara, animasi, dan data multimedia lainnya. Penggolongan website berdasarkan isinya (website contents) terdiri dari dua jenis yaitu (Wahana : 2006) : 1. Web Statis Web statis adalah web yang berisi / menampilkan informasi-informasi yang sifatnya statis (tetap). Disebut statis karena pengguna tidak dapat berinteraksi dengan web tersebut. Singkatnya, untuk mengetahui suatu web lain dan berisi suatu informasi yang tetap maka web tersebut disebut statis. Pada web statis, pengguna hanya dapat melihat isi dokumen pada halaman web dan apabila diklik akan berpindah ke halaman web yang lain. Interaksi pengguna hanya terbatas dapat melihat informasi yang ditampilkan, tetapi tidak dapat mengolah informasi yang dihasilkan. Web statis biasanya berupa HyperText Markup Language (HTML) yang ditulis pada editor teks dan disimpan dalam bentuk .html atau .htm. Pengertian HTML adalah bahasa yang menggunakan perintah sederhana dalam standar dokumen untuk menyediakan suatu tampilan visual yang terintegrasi. HTML terdiri atas perintah-perintah sederhana yang menjelaskan bagaimana struktur dokumen, tetapi tidak memformatnya. Browser yang menampilkan HTML akan memformat dan menyesuaikan tampilan HTML sehingga sesuai dengan layar komputer pengunjung. 2. Web Dinamis Web dinamis adalah web yang menampilkan informasi serta dapat berinteraksi dengan pengguna. Web yang dinamis memungkinkan

10

pengguna untuk berinteraksi menggunakan form sehingga dapat mengolah informasi yang ditampilkan. Web dinamis bersifat interaktif, tidak kaku, dan terlihat lebih indah. Web dinamis biasanya berupa Page Hypertext Preprocessor (PHP) yang membuat halaman web HTML menjadi dinamis. HTML yang digabung dengan script PHP akan menghasilkan tampilan web yang dinamis, indah, dan interaktif.

2.3.1. Prinsip-Prinsip Design Website Ada sembilan prinsip yang harus diperhatikan dalam mendesain sebuah website agar memperoleh hasil yang baik dan efektif (Wahana : 2005), yaitu : 1.

Website dibuat untuk pengguna Dalam proses merancang web harus memfokuskan desainnya pada kepentingan pengguna (user). Hal ini juga berarti, perancang web harus menganggap pengguna adalah seorang yang awam terhadap segala aspek yang ada pada website. Apa yang diinginkan oleh perancang belum tentu menjadi apa yang diinginkan pengguna. Perancang web juga harus mempertimbangkan karakter pengguna yang berbeda satu sama lain. Pengguna yang mengunjungi website berasal dari latar belakang, kebudayaan, pendidikan, dan kepentingan yang berbeda–beda maka desain web yang dibuat setidaknya harus mewakili selera sebagian besar pengguna.

11

2.

Utility dan Usability Utility adalah kegunaan atau fungsionalitas suatu web. Sedangkan usability adalah sifat website yang mendukung kemampuan pengguna

dalam

memanipulasi

website

sehingga

pengguna

memperoleh apa yang diperlukannya. Beberapa ciri dari usability antara lain : dapat dipelajari dengan mudah, penggunannya efisien, mudah diingat, dan membuat pengguna menjadi puas. 3.

Correctness Correctness maksudnya tidak ada kesalahan dalam penulisan script website, antara lain : a) Dalam penulisan script HTML tidak ada kesalahan. b) Gambar – gambar yang ditampilkan sesuai yang diharapkan. c) Tidak ada kesalahan dalam sistem navigasi.

4.

Batasan media internet dan web a. Browser 1). Membuat website yang biasa dipakai di setiap browser,

dan

memperhatikan pilihan setting browser para pengguna, sehingga halaman tersebut dapat tampil dengan lebih maksimal. 2). Sedapat mungkin buatlah website dengan teknologi yang paling compatible dan dapat di-load oleh sebagian besar browser sehingga bisa diterima oleh lebih banyak pengguna.

12

b. Bandwidth Untuk menghasilkan website yang menarik namun tetap cepat diload maka ini berpengaruh juga terhadap besarnya file total website yang akan dibuat, juga termasuk gambar-gambar yang digunakan. Untuk website yang baik, loading halaman web tidak lebih dari 8 detik dan ukuran file setiap halaman HTML beserta gambar– gambarnya tidak lebih dari 65 Kb, agar pengguna yang mengunjungi situs tersebut tidak menjadi jenuh dan pindah ke situs lain. 5. Website harus memperhatikan aspek Graphical User Interface (GUI). Website yang baik harus mudah dipahami pada saat pertama kali pengguna mengunjungi website tersebut karena pada saat itulah yang menentukan apakah pengguna akan mengunjungi website itu lagi. 6. Struktur Link dan Navigasi Website harus memiliki navigasi dan link yang jelas, agar pengguna tidak tersesat karena link yang disediakan kurang jelas. Pengguna harus dapat menjelajahi semua halaman dengan mudah, mendapatkan informasi tentang halaman yang sedang dikunjungi dan yang sudah dikunjungi, dan juga perlu diperhatikan kecepatan pengguna dalam mendapatkan informasi yang diinginkan, misalnya dengan cara mengatur link sedemikian rupa sehingga pengguna mendapatkan informasi kurang dari 5 kali melakukan klik. Hal ini sangat penting artinya untuk kepuasaan dan kenyamanan pengguna terhadap website.

13

7.

Alat bantu a. Peta Situs Penggunaan peta situs dapat mempermudah pengguna dalam memahami tentang isi dan halaman pada website. b. Search engine Apabila jumlah halaman web mencapai lebih dari 100 halaman, sebaiknya dibuat search engine untuk mempermudah pengguna dalam mencari informasi yang diinginkan sehingga pengguna cukup mengetikkan kata kunci untuk informasi yang diinginkan dan informasi dapat segera ditampilkan.

2.3.2. Home page Home page adalah halaman utama pada sebuah website. Halaman inilah yang akan ditampillkan ketika Anda memanggil sebuah website walaupun Anda tidak menyebutkan halaman tersebut. (Kadir : 2005). Dari definisi home page diatas, dapat disimpulkan bahwa home page merupakan halaman awal atau halaman muka saat pengguna mengunjungi website tersebut.

2.3.3 Web Browser Web browser adalah salah satu jenis program client yang dapat mengakses beberapa layanan internet. Jenis browser pada saat ini antara lain: Microsoft Internet Explorer, Mozilla Firefox, Netscape Navigator, Opera dan Safari. (Sembiring : 2001).

14

2.3.4. Web Server Web server adalah sebuah bentuk server yang khusus digunakan untuk menyimpan halaman website atau homepage. (Nugroho : 2004). Jenis web server yang ada pada saat ini, yaitu: Apache (open source) yang dapat berjalan pada sistem operasi Windows dan Linux serta Internet Information Sevice (IIS) yang berjalan pada program Windows.

2.4. Protokol Protokol adalah sebuah aturan yang mendefinisikan beberapa fungsi yang ada dalam sebuah jaringan komputer. (Wahana : 2003). Misalnya, mengirim pesan, data, informasi dan fungsi lain yang harus dipenuhi oleh sisi pengirim (transmitter) dan sisi penerima (receiver) agar komunikasi dapat berlangsung dengan benar. Di dalam internet dikenal beberapa protokol yaitu: 2.4.1. Transmission Control Protocol/Internet Protocol (TCP/IP) TCP/IP adalah sekumpulan protokol yang terdapat di dalam jaringan komputer (network) yang digunakan untuk berkomunikasi atau bertukar data antar komputer. TCP/IP merupakan protokol standar pada jaringan internet yang menghubungkan banyak komputer yang berbeda jenis mesin maupun sistem operasi agar dapat berinteraksi satu sama lain. (Syafrizal : 2005). TCP/IP dirancang untuk menjadi komponen inti perangkat lunak dari suatu jaringan. Semua bagian di dalam keluarga TCP/IP memiliki tugas tersendiri, misalnya mengirim email, mentransfer file, dan sebagainya.

15

2.4.2. HyperText Transfer Protocol (HTTP) HTTP merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol ini mentransfer dokumendokumen web yang ditulis atau berformat HTML. (Purbo, dkk : 2000). HTTP adalah suatu protokol untuk menentukan aturan yang harus diikuti oleh web browser dalam meminta atau mengambil suatu dokumen, dan oleh web server dalam menyediakan dokumen yang diminta (Wahana : 2005). Protokol ini merupakan protokol standar yang digunakan untuk mengakses dokumen HTML. Contoh penggunaan protokol HTTP dalam web yaitu http://www.yahoo.com. Dari definisi HTTP diatas, dapat disimpulkan bahwa melalui HTTP kita dapat meminta atau mengambil suatu dokumen-dokumen web dari browser.

2.5. World Wide Web (WWW) WWW adalah sebuah jaringan global situs internet multimedia untuk informasi, hiburan, pendidikan, dan bisnis. WWW juga merupakan sistem hypertext yang terangkai menjadi jaringan, yang memungkinkan dokumen dibaca banyak orang melalui internet (Suyanto : 2003). WWW merupakan fasilitas berbagai jasa internet, seperti email, telnet, File Transfer Protocol (FTP), HyperText Transfer Protocol (HTTP) dan banyak lagi. Dengan WWW pengguna dapat melihat dan menelusuri dokumen-dokumen yang ada di dalam WWW. Dari definisi WWW diatas, dapat disimpulkan bahwa WWW dapat menyediakan berbagai dokumen yang dapat diakses melalui website

16

dari seluruh dunia dengan hanya mengklik pilihan-pilihan pada menu tertentu (Husein : 2004).

2.6. Uniform Resource Locators (URL) Untuk memanfaatkan internet dibutuhkan URL yang merupakan suatu sarana yang digunakan untuk menentukan lokasi informasi pada suatu web server. Biasanya suatu alamat diketik pada address bar adalah protokol transfer dan nama host saja (Wahana : 2006). Dari definisi URL diatas, dapat disimpulkan bahwa URL sebagai alamat dari web yang dituju pada web browser. Berikut ini adalah tabel format umum suatu URL yaitu : Tabel 2.1 Format Umum URL (Wahana : 2006)

Protokol transfer://nama host/path/nama file Contoh : http://MTV/DJ/index.html Keterangan : - Protokol transfer adalah protokol yang digunakan oleh suatu browser utnuk mengambil informasi. - Nama host adalah nama dari komputer dimana informasi tersebut berada. - Path/nama file adalah jalur serta nama file dari suatu informasi.

2.7. Bahasa Pemrograman Bahasa pemrograman adalah istilah yang menerangkan bahasa yang dapat dimengerti oleh komputer. (Wahana : 2006). Ada 2 kategori dalam pemrograman web, yaitu pemrograman client side dan server side.

17

1. Client Side : Pada pemrograman client side, perintah-perintah program (script) dijalankan web browser, sehingga ketika client meminta dokumen script maka script dapat di-download dari server kemudian dijalankan pada browser yang bersangkutan. Program web yang tergolong dalam client side adalah: a. HTML (Hypertext Markup Language), yaitu bahasa yang menggunakan perintah sederhana dalam standar dokumen untuk menyediakan suatu tampilan visual yang terintegrasi. b. XHTML (Extensible Markup Language), yaitu formulasi

dari HTML

menggunakan bahasa XML. 2. Server Side : Pada pemrograman server side, perintah-perintah program (script) dijalankan di web server, kemudian hasil dikirimkan ke browser dalam bentuk HTML biasa. Program web yang tergolong server side adalah : a. PHP (Page Hypertext Preprocessor), yaitu bahasa pemrograman yang menjadikan website lebih dinamis. Dikatakan preprocessing karena pada proses skrip PHP diminta oleh pengguna, maka php hanya mengeksekusi kode yang diminta dan mengirim hasil ke web server untuk dilanjutkan ke klien. Dapat berjalan diatas web server Apache maupun IIS (Internet Information Services). b. ASP (Active Server Pages), yaitu bahasa pemrograman yang diciptakan oleh Microsoft dan hanya dapat berjalan diatas web server IIS (Internet Information Services). PHP memiliki keunggulan diantaranya (Madcoms : 2004) yaitu:

18

a. Memiliki tingkat akses yang lebih cepat. b. Memiliki tingkat lifecycle yang cepat sehingga selalu mengikuti perkembangan teknologi internet. c. PHP dapat akses ke beberapa database yang sudah ada, baik yang bersifat gratis (free) ataupun komersial. Database itu antara lain MySQL, PosgreSQL, dan lain-lain. d. Memiliki tingkat keamanan yang tinggi, mampu berjalan di beberapa server yang ada, misalnya Apache, Microsoft IIS, dan sebagainya. e. Mampu berjalan di platform sistem operasi Windows, Linux, Solaris, dan lain-lain. Namun, diantara keunggulannya ada juga beberapa kelemahannya (http://www.google.co.id/search?hl=id&q=kelemahan+php+yaitu&btnG= Telusuri+dengan+Google&meta=:) yaitu : a. Sebagai konsekuensi dari kepraktisan dan kemudahannya, instalasi default PHP banyak memiliki kelemahan keamanan, dimana variabel global di PHP dapat berasal dari form masukan pengunjung web (dari GET/POST/Cookie), sehingga bila kita ceroboh tidak menginisialisasi tiap variabel sebelum pemakaian, maka seorang yang iseng dapat memasukkan nilai-nilai awal variabel ke dalam skrip untuk mengubah kelakuannya. b. Karena model pemrograman di PHP bersifat embedded (ditempelkan atau tercampur dengan HTML), maka kita harus berhati-hati apabila aplikasi yang dibuat nantinya sudah besar dan kompleks agar scriptnya tidak berantakan/acak-acakan.

19

c. Di PHP, kita tidak bisa membuat fungsi dalam fungsi atau kelas dalam kelas, semuanya hanya terbatas dalam satu level saja. d. Model Objek PHP masih sangat minim, karena tidak memiliki multiple inheritance, yaitu kemampuan untuk mewarisi dua atau lebih kelas induk. Padahal Multiple inheritance sangat berguna untuk fleksibilitas dalam pengembangan pemrograman berbasis objek (Object Oriented Programming).

2.8. Siklus Hidup Pengembangan Sistem atau Systems Development Life Cycle (SDLC) SDLC adalah keseluruhan proses dalam membangun sistem informasi melalui beberapa langkah (Hartono : 2005). Setiap langkah yang telah selesai harus dikaji ulang (review) untuk memastikan bahwa langkah telah dikerjakan dengan benar dan sesuai dengan harapan. Jika tidak maka langkah tersebut perlu diulangi lagi atau kembali ke langkah sebelumnya (Hartono : 2005 ). Model proses sekuensial linier sering disebut juga dengan “siklus kehidupan klasik” atau “model air terjun (waterfall)” yang melingkupi aktivitas-aktivitas sebagai berikut (Pressman : 2002) : 1. Analysis yaitu memahami sistem yang sedang berjalan, mengidentifikasi masalah yang ada serta mencari solusinya. 2. Design yaitu membuat desain data, desain arsitektur dan desain prosedural yang diperlukan untuk pengembangan sistem yang diusulkan. 3. Coding tahap ini sering disebut juga sebagai tahap implementasi perangkat lunak atau coding. Dengan kata lain, pada tahap ini dilakukan implementasi

20

hasil rancangan ke dalam baris-baris kode program yang dapat dimengerti oleh mesin (komputer). 4. Testing yaitu melakukan pengujian terhadap sistem yang telah dibuat.

Gambar 2.1. Sistem Development Life Cycle (Sekuensial Linier) (Sumber : Pressman : 2002)

2.9. Metodologi Penelitian 2.9.1. Studi Pustaka Penelitian yang bertujuan untuk membuat scientific law, pembuatan model atau ingin membandingkan dengan apa yang seharusnya terjadi dengan kejadian sebenarnya. Maka digunakanlah teori, mengacu pada teori-teori yang berlaku dan dapat dicari pada buku-buku teks ataupun dari hasil penelitian orang lain baik yang sudah dipublikasikan maupun belum merupakan suatu factor dari keilmiahan penelitian yang dilakukan (Husein : 2004). 2.9.2. Studi Lapangan 2.9.2.1 Observasi Teknik ini menuntut adanya pengamatan dari peneliti baik secara langsung atau tidak langsung terhadap objeck penelitiannya.

21

Instrument yang dipakai dapat berupa lenbar pengamatan, panduan pengamatan dan lainnya (Husein : 2004).

2.9.2.2 Wawancara Wawancara merupakan salah satu teknik pengumpulan data yang lain. Pelaksanaannya dapat dilakukan secara langsung behadapan dengan yang di wawancarai, tetapi dapat juga secara tidak langsung seperti memberikan daftar pertanyaan untuk dijawab pada kesempatan lain. Instrument dapat berupa pedoman wawancara maupun checklist (Husein : 2004).

2.9.2.3 Kuesioner Kuesioner adalah suatu teknik pengumpulan informasi yang memungkinkan analis mempelajari sikap-sikap, keyakinan, perilaku, dan karakteristik beberapa orang utama di dalam organisasi yang bisa terpengaruh oleh sistem yang diajukan atau oleh sistem yang sudah ada. Dengan menggunakan kuesioner, analis berupaya mengukur apa yang ditemukan dalam wawancara, selain itu juga untuk menentukan

seberapa

luas

atau

terbatasnya

sentimen

yang

diekspresikan dalam suatu wawancara (Husein : 2004).

22

2.9.3 Studi Literature Sejenis Mempelajari buku hasil penelitian sejenis sebelumnya yang pernah dilakukan orang lain. Tujuannya ialah untuk mendapatkan landasan teori mengenai masalah yang akan diteliti. Teori ini merupakan pijakan bagi peneliti untuk memahami persoalan yang diteliti dengan benar dan sesuai dengan kerangka berfikir ilmiah (Sarwono : 2006)

2.10. Perangkat Analisis dan Perancangan Sistem 2.10.1. Data Flow Diagram (DFD) Data Flow Diagram merupakan model dari sistem untuk menggambarkan pembagian sistem ke modul yang lebih kecil. Salah satu keuntungan menggunakan DFD adalah memudahkan pemakai atau user yang kurang menguasai komputer untuk mengerti sistem yang akan dikerjakan. DFD terdiri dari 3 bagian yaitu (Ladjamudin : 2005) : 1. Diagram Konteks, adalah diagram yang terdiri dari suatu proses yang menggambarkan ruang lingkup suatu sistem 2. Diagram Nol/Zero, adalah diagram yang menggambarkan proses dari diagram

konteks.

Diagram

nol

memberikan

pandangan

secara

menyeluruh mengenai sistem yang ditangani, menunjukan tentang fungsi-fungsi utama, aliran data dan eksternal entity. 3. Diagram Rinci, adalah diagram yang menguraikan proses apa yang ada dalam diagram zero atau diagram level di atasnya. Simbol-simbol yang digunakan dalam DFD dapat dilihat pada gambar di bawah ini :

23

Tabel 2.2 Elemen Dasar Data Flow Diagram Versi Yourdon, De Marco (Sumber : Ladjamudin : 2005) Simbol

Keterangan Entitas Luar menggambarkan sesuatu yang ada di luar sistem, tetapi ia memberikan data ke dalam sistem atau mendapat data dari sistem. Arus Data menggambarkan arus data yang berupa masukan untuk sistem atau hasil dari sistem. Proses menggambarkan apa yang dikerjakan oleh sistem. Penyimpanan

Data Store

Data

menggambarkan

tempat

penyimpanan data yang ada dalam sistem.

2.10.2. Entity Relational Diagram (ERD) Entity Relationship Diagram (ERD) adalah suatu model jaringan yang menggunakan susunan data yang disimpan dalam sistem secara abstrak. ERD juga merupakan model jaringan data yang menekankan pada struktur-struktur dan relationship data (Ladjamudin : 2005). ERD terdiri dari beberapa elemen, yaitu : 1. Entity Entity adalah sesuatu apa saja yang ada di dalam sistem, nyata maupun abstrak dimana data tersimpan. Entity diberi nama dengan kata benda dan dapat berupa orang, benda, lokasi, kejadian (terdapat unsur waktu di dalamnya).

24

2. Relationship Relationship adalah hubungan alamiah yang terjadi antar entity. Pada umumnya relationship diberi nama dengan kata kerja dasar, sehingga memudahkan untuk melakukan pembacaan relasinya (kalimat aktif atau pasif). 3. Relationship Degree Relationship degree atau derajat relationship adalah jumlah entity yang berpartisipasi dalam satu relationship. 4. Atribut Atribut adalah sifat atau karakteristik dari tiap entity maupun relationship. Atribut merupakan elemen dari tiap entity dan relationship. 5. Cardinality Cardinality atau kardinalitas merujuk kepada jumlah hubungan maksimum yang terjadi dari entitas yang satu ke entitas yang lain dan begitu juga sebaliknya. Terdapat tiga macam kardinalitas relasi, yaitu : one to one, one to many atau many to one dan many to many. Notasi yang biasa digunakan dalam ERD dapat dilihat pada tabel di bawah ini :

25

Tabel 2.3 Elemen Dasar Entity Relational Diagram (ERD) (Sumber : Ladjamudin : 2005)

2.10.3 Normalisasi Normalisasi adalah proses pengelompokan data kedalam bentuk tabel atau relasi atau file untuk menyatakan entitas dan hubungan mereka sehingga terwujud satu bentuk database yang mudah untuk dimodifikasi, Ada beberapa bentuk normal yaitu (Ladjamudin : 2005 ) : 1. Bentuk Tidak Normal (Unnormal) Pada bentuk ini tidak ada keharusan mengikuti bentuk format tertentu, data dapat saja tidak lengkap atau terduplikasi. Data dikumpulkan apaadanya sesuai dengan kedatangannya.

26

2. Bentuk Normal I (First Normal Form / 1-NF). Pada tahap ini dilakukan penghilangan beberapa group elemen yang berulang agar menjadi satu harga tunggal yang berinteraksi diantara setiap baris pada suatu tabel, dan setiap atribut harus mempunyai nilai data yang atomic (bersifat atomic value). Syarat normal kesatu : a. Setiap data dibentuk dalam flat file, data dibentuk dalam satu record demi satu record nilai dari field berupa “atomic value”. b. Tidak ada set atribute yang berulang atau bernilai ganda. c. Telah dibentuknya primary key untuk tabel/relasi tersebut. d. Tiap atribute hanya memiliki satu pengertian. 3. Bentuk Normal II (Second Normal Form / 2-NF). Suatu relasi memenuhi 2-NF jika dan hanya jika : a. Bentuk data telah memenuhi kriteria bentuk normal kesatu. b. Atribute bukan kunci haruslah memiliki ketergantungan fungsional sepenuhnya pada kunci utama. 4. Bentuk Normal III (Third Normal Form / 3-NF). Suatu relasi memenuhi bentuk III (3-NF) jika dan hanya jika : a. Bentuk data telah memenuhi kriteria bentuk normal kedua. b. Atribute bukan kunci haruslah tidak memiliki ketergantungan transitif, seluruh atribut bukan kunci pada suatu relasi hanya memiliki ketergantungan fungsional terhadap primary key di relasi itu saja.

27

2.10.4. Flowchart Flowchart adalah bagan-bagan yang mempunyai arus yang menggambarkan langkah-langkah penyelesaian suatu masalah. Ada dua macam flowchart yang menggambarkan proses dengan

komputer

(Ladjamudin : 2005), yaitu : 1. Sistem Flowchart, yaitu bagan yang memperlihatkan urutan proses dalam sistem dengan menunjukan alat media input, output serta jenis media penyimpanan dan pengolahan data 2. Program Flowchart, yaitu bagan yang memperlihatkan urutan instruksi yang digambarkan dengan simbol tertentu untuk memecahkan masalah dalam program. Tabel 2.4 Elemen Dasar Flowchart (Sumber : Ladjamudin : 2005) Simbol

Keterangan Arus/flow Menyatakan jalannya arus suatu proses Communication link Menyatakan bahwa adanya transisi suatu data/informasi dari suatu lokasi ke lokasi lainnya Connector Menyatakan sambungan dari satu proses ke proses lainnya dalam halaman/ lembar yang sama Offline Connector, Menyatakan sambungan dari satu proses ke proses lainnya dalam halaman/ lembar yang berbeda

28

Offline Connector, Menyatakan sambungan dari satu proses ke proses lainnya dalam halaman/ lembar yang berbeda Manual Menyatakan suatu tindakan (proses) yang tidak dilakukan oleh komputer Decision/Logika Untuk menunjukkan suatu kondisi tertentu yang akan menghasilkan dua kemungkinan jawaban, ya/tidak Predifined Proses Untuk menyatakan penyediaan tempat penyimpanan sauatu pengolahan untuk memberi harga awal Terminal Untuk menyatakan permulaan atau akhir program Keying Operation Untuk menyatakan segala jenis operasi yang diproses dengan menggunakan suatu mesin yang mempunyai keyboard Off-Line Storage Untuk menujukkan bahwa data dalam simbol ini akan disimpan ke suatu media tertentu. Manual input Untuk memasukkan data secara manual dengan menggunakan online keyboard. Input-Output Untuk menyatakan proses input dan outputnya tanpa tergantung dengan jenis peralatannya.

29

Punched Card Untuk menyatakan input berasal dari kartu atau output ditulis ke kartu. Magnetic-tape unit Untuk menyatakan input berasal dari pita magnetic atau output disimpan ke pita magnetic Disk Storage Untuk menyatakan input berasal dari disk atau output disimpan ke disk Document Untuk mencetak laporan ke printer Display Untuk menyatakan peralatan output yang digunakan berupa layar ( video, komputer)

2.10.5. Pengujian Black-Box Pengujian black-box berfokus pada persyaratan fungsional perangkat lunak. Pengujian black-box memungkinkan perekatasa perangkat lunak mendapatkan serangkaian kondisi input yang sepenuhnya menggunakan semua persyaratan fungsional untuk satu program. Pengujian black-box berusaha

menemukan

kesalahan

dalam

kategori

sebagai

berikut

(Ladjamudin : 2006) : 1. Fungsi-fungsi yang tidak benar atau hilang 2. Kesalahan interface 3. Kesalahan dalam struktur data atau akses database external

30

4. Kesalahan kinerja 5. Inisialisasi dan kesalahan terminasi

2.10.6. Kamus Data Kamus data berfungsi membantu pelaku sistem untuk mengartikan aplikasi secara detail dan mengorganisasi semua elemen data yang digunakan dalam sistem secara persis sehingga pemakai dan penganalisa sistem mempunyai dasar pengertian yang sama tentang masukan, keluaran, penyimpanan dan proses (Ladjamudin : 2005).

2.10.7. Matrik CRUD Matrik CRUD adalah table dengan kolom yang mengindikasikan entitas (dan kemungkinan atribut), kolom tersebut mengindikasikan lokasi dan selnya (perpotongan baris dan kolom) mengindikasikan tingkat akses dokumen dengan c=create, r=read, u=use atau modify dan d=delete atau deactivate (Whitten : 2004).

2.10.8. State Transition Diagram (STD) STD merepresentasikan tingkah laku dari suatu sistem dengan menggambarkan keadaannya dan kejadian yang menyebabkan sistem mengubah keadaan. STD juga menunjukkan bahwa aksi (seperti aktivasi proses) diambil sebagai akibat dari suatu kejadian khusus (Pressman : 2002), proses yang terjadi digambarkan dengan transisi antar state. Ada dua macam simbol yang menggambarkan proses dalam STD, yaitu :

31

1. Gambar persegi panjang yang menunjukan kondisi (state) dari sistem. 2. Gambar panah yang menunjukan transisi antar state. Tiap panah diberi label dengan ekspresi aturan. Label yang diatas menunjukan kejadian yang menyebabkan transisi terjadi. Label yang bawah menunjukan aksi yang terjadi akibat dari kejadian tadi.

2.11. Perangkat Lunak Pembangun Sistem 2.11.1. Hypertext Preprocessor (PHP) PHP merupakan bahasa pemrograman berbentuk

script yang

ditempatkan dalam server dan diproses di server. Hasil dari pengolahan akan dikirimkan ke klien, tempat pemakai menggunakan browser. Secara khusus, PHP dirancang untuk membentuk web dinamis. Artinya, ia dapat membentuk suatu tampilan berdasarkan permintaan terkini. Misalnya, kita bisa menampilkan isi database ke halaman web. Pada prinsipnya, PHP mempunyai fungsi yang sama dengan script seperti ASP (Actives Server Page), Cold Fusion, ataupun Perl (Kadir : 2001).

2.11.2. My Structure Query Language (MySQL) Salah satu aplikasi basis data adalah MySQL yang merupakan sebuah program pembuat basis data yang bersifat open source, artinya siapa saja boleh menggunakannya dan tidak dicekal. (Nugroho : 2004). Sedangkan MySQL merupakan sistem manajemen basis data yang fungsinya untuk menambah, mengakses, dan memproses data yang disimpan dalam sebuah basis data komputer. Kelebihan yang dimiliki MySQL (Wahana : 2006) yaitu:

32

a. Ditulis dalam bahasa C dan C++. b. Bekerja dalam berbagai platform (misalnya Windows, Mac OS X, Solaris, Unix, dan lain-lain). c. Menyediakan mesin penyimpanan (engine storage) transaksi dan non transaksi. d. Server tersedia sebagai program yang terpisah untuk digunakan pada lingkungan jaringan klien/server. e. Mempunyai library yang dapat ditempelkan pada aplikasi yang berdiri sendiri (standalone application) sehingga aplikasi tersebut dapat digunakan pada komputer yang tidak mempunyai jaringan. f. Mempunyai sistem password yang fleksibel dan aman. g. Klien dapat terkoneksi ke MySQL server menggunakan soket TCP/IP pada platform mana pun. h. Server dapat mengirim pesan kesalahan ke klien dalam berbagai bahasa. MySQL termasuk jenis RDBMS (Relational Database Management Sistem). Pada MySQL sebuah basis data terdiri atas tabel-tabel dan sebuah tabel terdiri atas baris dan kolom.

2.11.3. Macromedia Dreamweaver 8.0 Macromedia Dreamweaver adalah sebuah software web design yang menawarkan cara mendesain website dengan dua langkah sekaligus dalam satu waktu, yaitu mendesain dan memprogram. (Suyanto : 2003). Macromedia Dreamweaver 8.0 didukung dengan penggunaan CSS, XML,

33

RSS, dan kemudahan-kemudahan lain yang diperlukan. Berikut ini lingkungan kerja macromedia dreamweaver 8.0 (Lenawati : 2007) :

Insert Bar

Panel Groups

Document Toolbar

Document Window

Property Inspector

Gambar 2.2. Lingkungan Kerja Macromedia Dreamweaver 8.0 (Sumber : Lenawati : 2007)

2.11.4. Macromedia Flash 8.0 Macromedia Flash adalah perangkat lunak untuk merancang grafis dan animasi pada web. (Suyanto : 2003). Dokumen flash mempunyai ekstensi file .fla. Dokumen flash berisi semua informasi yang dibutuhkan untuk membuat suatu desain. Dokumen flash tidak ditampilkan di dalam flash player. Hasil pembuatan suatu desain di dalam dokumen flash harus dipublish menjadi movie flash (dengan ekstensi file .swf) agar bisa ditampilkan di dalam flash player. Movie Macromedia Flash (untuk selanjutnya disebut dengan movie flash) terdiri atas grafik, teks, animasi, dan aplikasi untuk website. Movie flash lebih cenderung berisi grafik vektor, namun demikian tidak menutup kemungkinan untuk disisipkan image bitmap, video maupun sound. Berikut ini lingkungan kerja macromedia flash 8.0 :

34

Document Toolbar

Panel Groups Toolbar Property Inspector

Document Window

Gambar 2.3. Lingkungan Kerja Macromedia Flash 8.0 (Sumber : Suyanto : 2003)

2.11.5. Adobe Photoshop 7 Adobe Photoshop CS adalah program yang diorientasikan untuk mengedit, memodifikasi, maupun memanipulasi bitmap atau foto. Aplikasi Adobe Photoshop 7 selain tangguh dalam mengedit, memodifikasi, maupun memanipulasi bitmap atau foto, juga banyak lagi menyediakan fasilitasfasilitas lain yang menarik. Untuk memenuhi setiap kebutuhan yang menarik, seperti: pengaturan warna yang semakin akurat, penggunaan fasilitas efek dan filter yang semakin canggih, dan fasilitas pemodifikasian tipografi teks yang semakin unik dan fantastik. (Khaeruddin : 2005). Berikut ini lingkungan kerja adobe photoshop 7 :

Toolbar Document Window

Panel Groups

Gambar 2.4. Lingkungan Kerja Adobe Photoshop 7 ( Sumber : Khaeruddin : 2005 )

35

2.12. Kayu Manis (Cinnamon)

Kayu Manis adalah sebuah pohon cemara kecil milik keluarga Lauraceae, asli Sri Lanka, atau rempah-rempah yang diperoleh dari kulit pohon. Hal ini sering bingung dengan spesies lain, yang serupa dan rempah-rempah berasal dari mereka, seperti Cinnamomum Cassia dan burmannii, yang juga sering disebut kayu manis... Kayu manis adalah salah satu bumbu makanan tertua yang digunakan manusia. Bumbu ini digunakan di Mesir Kuno sekitar 5000 tahun yang lalu, dan disebutkan beberapa kali di dalam kitab-kitab Perjanjian Lama. Kayu manis memiliki efek farmakologis yang dibutuhkan dalam obat-obatan. Tumbuhan yang kulit batang, daun dan akarnya bisa dimangaatkan sebagai obatobatan ini berkhasiat sebagai peluruh kentut, peluruh keringet, antirematik, meningkatkan napsu makan dan menghilangkan sakit. Kandungan kimia yang ada dalam kayu manis adalah minyak atsiri, eugenol, safrole, sinamaldehide, tannin, kalsium oksalat, dammar dan zat penyemak. Sifat kimua dari kayu manis adalah pedas, sedikit manis, hangat dan wangi (Ravindran : 2000).

2.13. Literatur Sejenis 1. Judul skripsi “Perancangan sistem pemesanan berbasis web pada CV. Hanif Niaga Group” oleh Reza Milady (UIN Syarif Hidayathullah - 2008). Menyikapi persaingan yang semakin kompetitif pada setiap bisnis, memulculkan ide untuk memadukan antara teknologi informasi dengan bisnis. Pemesanan secara virtual mengambarkan cakupan yang luas mengenai teknologi informasi, proses dan praktek dalam transaksi bisnis online tanpa mengunakan alat transaksi manual. Dengan mengunakan

36

pemesanan secara online, perusahaan dapat memasarkan suatu produk atau jasa kepada konsumen dengan jangkauan ke seluruh dunia, sehingga dari segi bisnis merupakan peluang yang baik untuk memperluas pangsa pasar dari produk atau jasa yang ditawarkan. Penelitian skripsi ini bertujuan untuk menganalisa dan membuat aplikasi sistem pemesanan produk berbasis web pada CV. Hanif Niaga group yang dapat menyajikan informasi yang dibutuhkan konsumen. Dengan sistem ini perusahaan dapat membangun sebuah sistem pemesanan produknya berbasis internet yang bisa menghilangkan keterbatasan jarak dan waktu. Alat pengembangan yang digunakan peneliti yaitu PHP sebagai aplikasi interface dan Mysql sebagai basis datanya. Ini semua dipilih karena kehandalan dalam membuat aplikasi berbasis web. Metode pengembangan yang digunakan adalah System Development Life Cycle (SDLC) Waterfall. Dalam kesempatan ini penulis hanya membahas mengenai sistem pelayanan pemesanan melalui pembayaran secara cash dan via transfer rekening bank. Dengan pengembangan sistem pelayanan pemesanan berbasis web ini hanya diterapkan pada bidang pemasaran dan penjualan perusahaan bersangkutan. 2. Judul skripsi “Perancangan Sistem Penjualan Produk Elektronik Berbasis Web Pada Cubic Elektronik SDN BHD” oleh subur (Binus - 2008). Ketika peneliti melakukan penelitian terhadap metode penjualan produk elektronik pada Cubic Electronics Sdn Bhd, Penulis mendapati bahwa perusahaantersebut tidak menyediakan layanan penjualan produk

37

melalui internet atau yang dewasa ini lebih dikenal dengan istilah “ECommerce (Electronic Commerce)”. Transaksi hanya bisa dilakukan melalui telepon maupun membeli secara langsung melalui toko-toko yang telah ditunjuk untuk bekerjasama dengan pihak perusahaan/syarikat. Tentunya, cara ini cukup menghambat bagi pembeli/ konsumen yang berada di luar negara Malaysia. Oleh karena itu, layanan penjualan melalui internet ini diharapkan dapat membantu kebutuhan konsumen dibelahan dunia manapun khususnya konsumen dari Indonesia. Selain itu penggunaan web ecommerce ini akan sangat mendukung tujuan perusahaan yang memiliki visi “Syarikat bertaraf dunia”.Konsumen yang menggunakan jasa ini (internet), dapat memesan barang yang ia kehendaki sebab pada halaman web site akan ditampilkan katalog produk beserta daftar harga dan informasi lainnya .Sistem katalog dan pemesanan barang ini adalah aplikasi database yang terkoneksi ke sebuah server database. Untuk keperluan database tersebut, penulis menggunakan server database MySQL. 3. Judul skripsi “Sistem Informasi Pemesanan Pakaian Secara On-Line di Trb Distro Bandung” oleh Indra Irawan (STEMIK Bandung – 2006). Pemesanan adalah suatu aktifitas yang dilakukan oleh konsumen sebelum membeli. Untuk mewujudkan kepuasan konsumen maka perusahaan harus mempunyai sebuah sistem pemesanan yang baik. TRB Distro adalah suatu perusahaan yang bergerak dibidang penjualan pakaian dan accesoriesnya. Dalam hal ini kemudahan konsumen dalam memesan barang harus diwujudkan. Di TRB Distro pemesanan

38

barangnya masih menggunakan cara manual dan melaui telepon atau email. Dengan cara manual yaitu konsumen datang sendiri ke toko. Cara seperti ini hanya dapat melayani satu persatu setiap konsumennya secara bergiliran. Sedangkan melaui telepon atau e-mail konsumen tidak dapat melihat langsung barang yang akan dibeli. Berdasarkan hal tersebut diatas maka penulis mencoba melakukan suatu penelitian di TRB Distro pada bagian pemesanan barang yang penulis akan jadikan sebagai skripsi dengan judul “SISTEM INFORMASI PEMESANAN PAKAIAN SECARA ON-LINE DI TRB DISTRO BANDUNG”. Dengan cara online atau melalui internet para konsumen dari dalam kota maupun luar kota dapat memesan pakaian secara langsung.

39

BAB III METODOLOGI PENELITIAN

3.1. Metode Pengumpulan Data 3.1.1. Studi Pustaka Studi Pustaka dilakukan dengan cara membaca dan mempelajari 22 buku yang berhubungan dengan masalah yang dibahas dalam pembuatan sistem pemesanan dan selain itu peneliti mengunjungi perpustakaan kampus untuk mempelajari buku yang berkaitan dengan penelitian dan browsing 4 alamat situs web. Dari hasil membaca buku dan browsing situs – situs internet peneliti dapatkan bagaimana membangun suatu sistem pemesanan yang efekif dan efisien. Daftar buku dan alamat situs internet terlampir pada daftar pustaka..

3.1.2. Studi Lapangan a. Observasi Pengamatan dilakukan dengan melakukan peninjauan langsung di DIS terutama bagian pemasaran, hal – hal yang diamati adalah proses pemesanan kayu manis yang sedang berjalan dan juga

kegiatan

–

kegiatan

yang

berhubungan

dengan

perkembangan DIS. Observasi dilaksanakan di DIS, beralamat di Perumahan Gema Pesona Estate Blok B/7. Jl. Tole Iskandar No.45, Depok dan membutuhkan waktu 2 bulan, dari bulan

40

Agustus 2009 sampai dengan September 2009. Dari hasil observasi didapat bahwa pemesanan masih dilakukan secara manual dengan cara pelanggan datang langsung ke tempat atau dengan melalui telephone dan juga pencatatan transaksi yang tidak memiliki database sendiri sehinggan memungkinkan terjadinya kesalahan dalam pembuatan laporan transaksi. b. Wawancara Wawancara dilakukan dengan direktur pemasaran yaitu bapak Edy priyanto. Wawancara dilakukan pada tanggal 20 Agustus 2009 di kantor DIS yang beralamat di Perumahan Gema Pesona Estate Blok B/7. Jl. Tole Iskandar No.45, Depok. Pertanyaan yang diajukan sebanyak 8 pertanyaan dan setiap pertanyaan dijawab langsung oleh bapak Edy priyanto. Berdasarkan hasil wawancara yang peneliti lakukan, didapat profile perusahaan DIS dan juga pihak perusahaan menginginkan adanya suatu sistem yang baru yang dapat mengoptimakan penjualan kayu manis pada perusahaan DIS karena sistem yang sekarang ini dirasa

masih

banyak

kelemahanya.

Daftar

pertanyaan

wawancara dapat dilihat pada lampiran 1. c. Kuesioner Kuesioner dilakukan sebelum dan setelah penelitian pada kantot DIS di Perumahan Gema Pesona Estate Blok B/7. Jl. Tole Iskandar No.45, Depok pada 21 Agustus 2009 dan 5 Januari

41

2010. Kuesioner dilakukan dengan dua cara pembagian, yang pertama kepada 5 responden dalam hal ini adalah staff DIS untuk mendapatkan informasi yang diperlukan dan yang ke dua kepada 5 responden staff DIS untuk melihat hasil sistem pemesanan yang telah dibentuk. Setiap butir pertanyaan dalam kuesioner merupakan pertanyaan yang secara logis berhubungan dengan masalah penelitian. Daftar pertanyaan dari setiap kuisioner yang peneliti lakukan dapat dilihat pada lampiran lampiran 2.

3.1.3. Studi Literatur Sejenis Metode studi literatur yang peneliti lakukan adalah dengan membandingkan research sejenis dengan sistem pemesanan kayu manis yang dibuat oleh peneliti. Untuk referensi ada pada akhir bab II.

3.2. Metode Pengembangan Sistem Metode pengembangan sistem yang dilakukan pada DIS menggunakan metode System Development Life Cycle (SDLC) dengan model waterfall. Berikut ini adalah tahapan dari model waterfall : 3.2.1 Analysis Tahapan analisis ini dilakukan dengan melakukan analisa terhadap sistem yang sedang berjalan, kemudian diidentifikasi permasalahan yang terjadi pada sistem berjalan berdasarkan data - data terkumpul dari metode

42

pengumpulan data dan didefinisikan kebutuhan yang harus dipenuhi untuk pembuatan sistem ini sehingga menghasilkan usulan rancangan sistem pemesanan. Peneliti melakukan beberapa hal yang diperlukan dalam menganalisa pada sistem ini, berikut ini rincian tahapannya: 1. Gambaran umum perusahaan diuraikan secara singkat tentang profil perusahaan, visi misi, logo perusahaan, struktur organisasi perusahaan serta tugas dan wewenang masing-masing jabatan. 2. Analisis sistem berjalan, diuraikan mengenai prosedur dari sistem informasi yang sedang berjalan dengan menggunakan flowchart, kelebihan dan kekurangan yang ada pada sistem yang sedang berjalan. identifikasi masalah dari

flowchart sistem berjalan dan solusi

permasalahan menguraikan tentang beberapa usulan alternatif yang dapat membantu menyelesaikan permasalahan yang ada dalam sistem perusahaan. 3. Literatur sejenis yang membandingkan kelebihan dari penelitian yang peneliti lakukan dengan kekurangan dari penelitian sejenis sebelumnya. 4. Usulan rancangan sistem pemesanan, tahapan ini menguraikan tahapan dari aplikasi pemesanan kayu manis berbasis web mulai dari proses pemesanan, pembayaran dan pembuatan laporan. Hasil dari sistem usulan ini digambarkan dalam bentuk flowchart.

43

3.2.2 Perancangan (Design) Perancangan sistem dilakukan dengan melakukan pengambaran pemodelan sistem yang akan dibangun berdasarkan solusi permasalahan dari tahap analisis. Pengambaran dilakukan dengan melihat fungsi-fungsi sistem, aliran data pada sistem. Hasil dari perancangan ini berupa perancangan logika proses dalam bentuk DFD, perancangan basis data dan perancangan interface. Untuk lebih jelas peneliti menjabarkannya sebagai berikut : 1. Perancangan Logika Proses Tahapan

ini

merancang

bagaimana

aplikasi

beroperasi

dan

mengilustrasikan aktivitas-aktivitas yang dilakukan dan hasil dari rancangan ini digambarkan dalam bentuk : a. Data flow diagram (DFD) dari sistem yang baru. b. Kamus Data, keterangan proses dari DFD. 2. Perancangan Basis Data Tahapan ini dilakukan perancangan database aplikasi web pemesanan yang terdiri dari : a. Entity Relationship Diagram (ERD) b. Normalisasi, dari bentuk Unnormalized Form sampai 2NF c. Spesifikasi tabel data yang digunakan untuk melihat struktur tabel yang dibuat. d. Matrik CRUD (Create Read Update Delete) akan terlihat hak akses masing-masing user terhadap modul aplikasi pemesanan.

44

3. Perancangan Interface Tahapan hasil rancangan ini digambarkan dalam bentuk : a. State Transition Diagram (STD) b. Perancangan Screen Layout untuk membuat rancangan tampilan layer c. Design Jaringan, mengunakan internet media online.

3.2.3 Pengkodean (coding) Tahapan berikutnya yang dilakukan adalah coding. Tahap ini merupakan hasil transfer dari perancangan ke dalam bahasa pemrograman agar dapat dibaca atau dimengerti oleh komputer dengan mengunakan bahasa pemograman PHP 5.2.2 dan MySQL 5.0. sebagai basis data.

3.2.4 Pengujian (Testing) Tahapan selanjutnya adalah pengujian program secara keseluruhan dari sistem pemesanan yang telah dibuat. Adapun pengujian terhadap program dilakukan dengan menggunakan metode blackbox testing, dimana peneliti melakukan input data pada sistem dan melihat output-nya apakah sesuai dengan hasil yang diharapkan dan juga penentuan spesifikasi hardware dan software yang dibutuhkan untuk menjalankan sistem ini dan juga fitur yang ada pada sistem.

45

BAB IV HASIL DAN PEMBAHASAN

4.1. Analisis Analisis dilakukan dengan memaparkan gambaran umum perusahaan, analisis sistem berjalan, literatur sejenis dan usulan rancangan sistem pemesanan. Secara rinci dijelaskan dibawah ini :

4.1.1. Gambaran Umum Perusahaan Berdasarkan data yang ada DIS memiliki profil, visi misi, logo perusahaan, struktur organisasi serta tugas dan wewenang. Secara rinci dapat dijelaskan dibawah ini : a. Profil DIS adalah sebuah perusahaan yang berdiri pada tahun 2006 dengan memulai usaha pada bidang perdagangan komoditas hasil bumi nusantara. Saat ini kami mengukuhkan diri kami sebagai perusahaan perdagangan internasional untuk komoditas hasil bumi terutama kayu manis yang memegang teguh asas-asas kejujuran, kesungguhan dan tanggung jawab dimana kepercayaan rekanan amat didahulukan DIS didirikan oleh 5 orang pemegang saham yang mempunyai kedudukan dalam perusahaan tersebut, berikut jabatannya : Komisaris (Irfan Aulia), Direktur Utama (Nugroho Iman), Direktur Pemasaran (Edy Priyanto Utomo), Direktur Produksi (Agung Dharma), Direktur Keuangan (Wisnu Wiraatmaja) (Sumber : PT. Diwiwarna Inti sejahtera)..

46

b. Visi Misi DIS mamilikis visi dan misi yang akan dijalankan dalam sistem kerja mereka, berikut visi dan misinya : a). Visi Mewujudkan korporasi usaha penyedia layanan perdagangan umum berskala nasional yang mampu memberikan kontribusi positif pada pembangunan nasional dan pengembangan bisnis berskala nasional yang efektif dan berdaya saing b). Misi Meningkatkan kualitas dan nilai jual komoditas nasional dengan perdagangan umum internasional secara bersama-sama, halal dan baik sesuai dengan syariah islam

c. Logo Perusahaan

Gambar 4.1 Logo PT. Dwiwarna Inti Sejahtera (Sumber : PT. Dwiwarna Inti Sejahtera)

47

d. Struktur Organisasi Komisaris

Direktur Utama

Direktur Marketing

Staff

Direktur Produksi

Kepala Gudang Cimanggis

Staff

Direktur Keuangan

Kepala Gudang Kerinci

Staff

Staff

Gambar 4.2 Struktur Organisasi PT. Dwiwarna Inti Sejahtera (Sumber : PT. Dwiwarna Inti Sejahtera)

e. Tugas Dan Wewenang Berdasarkan dari gambar sruktur organisasi DIS akan diuraikan tentang tugas masing – masing fungsi yaitu: 1. Komisaris a) Memastikan bahwa perusahaan memiliki strategi bisnis yang efektif, termasuk di dalamnya memantau jadwal, anggaran dan efektifitas strategi tersebut.

48

b) Memastikan bahwa perusahaan

mengangkat eksekutif dan manajer-

manajer profesional. c) Memastikan bahwa perusahaan memiliki informasi, sistem pengendalian dan sistem audit yang bekerja dengan baik. d) Memastikan bahwa perusahaan mematuhi hukum dan perundangan yang berlaku

maupun

nilai-nilai

yang

ditetapkan

perusahaan

dalam

menjalankan operasinya. e) Memastikan resiko dan potensi krisis selalu diidentifikasikan dan dikelola dengan baik. f) Memastikan prinsip - prinsip dan praktek Good Corporate Governance dipatuhi dan diterapkan dengan baik. g) Menerima dan meminta laporan dari tiap bagian unit kerja secara berkala

2. Direktur Utama a) Membuat kebijakan yang berhubungan dengan arah dan tujuan perusahaan yang akan dicapai pada masa yang akan datang. b) Mengusahakan tercapainya tujuan perusahaan secara

maksimal dan

mengawasi seluruh kegiatan tiap – tiap bidang agar tidak terjadi penyimpangan

–

penyimpangan

dalam

melaksanakan

tugas

masing – masing. c) Mengadakan rapat secara periodik untuk menilai dan mengevaluasi kegiatan dari bawahannya dan memberikan petunjuk untuk meningkatkan prestasi di masa mendatang.

49

d) Mengkoordinasi seluruh aktivitas perusahaan. e) Menerima dan meminta laporan dari tiap bagian unit kerja secara berkala yang kemudian diteruskan pada komisaris.

3. Direktur Pemasaran a) Mengenali,

mengedintifikasi

dan

menganalisa

situasi

pasar

dan

perkembangannya. b) Bersama direktur utama menentukan kebijakan target frekuensi transaksi penjualan dan pemasaran produk sesuai dengan segmentasi pasar yang dituju c) Memperkenalkan, mempromosikan sekaligus menjual produk yang terdapat pada perusahaan kepada konsumen sesuai target yang telah diatur d) Menangani dan menyelesaikan pengaduan yang datang dari pihak konsumen e) Menerima pesanan selama proses penjualan berlangsung f) Bertangung jawab kepada direktur utama

4. Direktur Keuangan a) Bersama staf melaksanakan kegiatan pengelolaan keuangan harian perusahaan b) Bersama direktur utama menentukan kebijakan target nilai transaksi perusahaan selama satu tahun

50

c) Menyusun strategi pengembangan perusahaan dari sisi investasi asset keuangan perusahaan d) Memberikan laporan dan masukan berkala kepada direktur utama dan komisaris

5. Direktur Produksi a) Memproduksi dan mengembangkan produk terbaru perusahaan b) Berhubungan dengan mitra dagang terkait dengan pengadaan stok barang c) Bersama dengan direktur utama mempelajari dan menentukan produk untuk dipasarkan oleh perusahaan d) Memeberikan laporan kondisi produk dan pasokannya secara berkala kepada direkur utama dan komisaris

4.1.2. Analisis Sistem Berjalan Proses penjualan kayu manis yang ada pada DIS yang berjalan saat ini digambarkan dalam bagan flowchart sistem yang sedang berjalan yang bertujuan untuk mengetahui alur sistem prosedur kerja yang berlangsung selama ini. a. Uraian Sistem yang Berjalan 1. Kegiatan Pemesanan Kayu Manis Cara Datang Langsung a) Pelanggan datang langsung ke DIS. Konsumen melakukan pemesanan dengan mengisi di buku pemesanan b) Bagian pemasaran mengecek ketersediaan barang pada bagian produksi jika tidak tersedia bagian produksi melakukan pengajuan barang, Data

51

pengajuan diserahkan pada bagian keuangan untuk diproses apakah disetujui apa tidak, jika disetujui bagian keuangan mmbuat laporan pengeluaran dana dan diserahkan pada direktur. c) Selanjut jika barang tersedia kemudian melakukan perhitungan pembayaran, kemudian pelanggan melakukan pembayaran. d) Kemudian bagian pemasaran membuatkan invoice untuk pelanggan dan juga untuk dijadikan arsip. e) Pada akhir bulan bagian pemasaran mambuat laporan pemesanan berdasarkan arsip pemesanan dan diserhkan kepada direktur.

52

Gambar 4.3 Flowchart Sistem Berjalan : Pemesanan Kayu manis b. Kelemahan dan Kelebihan Sistem Berjalan Berdasarkan analisis sistem berjalan diatas didapat kelemahan dan kelebihan dari sistem berjalan sebagai berikut : 1. Kelemahan sistem yang berjalan a) Layanan wilayah pemasaran yang terbatas karena sistem perusahaan belum berjalan secara online.

53

b) Layanan perusahaan dengan cara konsumen datang langsung ke parusahaan untuk mendapatkan informasi mengenai kayu manis mengakibatkan konsumen harus menunggu giliran untuk mendapatkan informasi mengenai produk. c) Kesulitan dalam pengoperasian transaksi pemesanan sehingga tidak diketahui transaksi-transaksi pemesanan yang terjadi secara rinci dan jelas. Serta timbulnya permasalahan-permasalahan internal maupun eksternal yang mengakibatkan sistem dalam perusahaan menjadi tidak terstruktur dengan baik. d) Penggunaan program yang masih manual memungkinkan terjadi kesalahan data dalam melakukan masalah pencarian data pemesanan sehingga tidak terkontrolnya barang yang keluar. e) Proses pencatatan pemesanan yang dilakukan secara sederhana kurang efisien dan sistematis sehingga dapat mengakibatkan kesalahan dan keterlambatan dalam pembuatan laporan ke pihak direktur.

2. Kelebihan sistem yang berjalan a) Karena prosesnya sistemnya masih berjalan secara offline sehingga tidak memerlukan biaya untuk membeli hosting dan domain. b) Tidak memerlukan biaya untuk membangun ataupun membeli program aplikasi berbasis web yang dapat dipesan atau didesign sesuai kebutuhan.

54

c) Tidak memerlukan biaya untuk membayar seorang programer untuk membangun dan mengembangkan suatu aplikasi berbasis web untuk sistem pemesanan tersebut.

c. Identifikasi Permasalahan Berdasarkan pada sistem yang berjalan, diuraikan beberapa permasalah yang ada pada sistem yang sedang berjalan sebagai berikut : 1. Layanan pemesanan yang terbatas. Konsumen hanya dapat dan memperoleh detail informasi mengenai produk dengan cara datang langsung. 2. Wilayah pemasaran yang terbatas karena sistem perusahaan belum berjalan secara online 3. Kesulitan dalam pengoperasian transaksi pemesanan sehingga tidak diketahui transaksi-transaksi pemesanan yang terjadi secara rinci dan jelas. Serta timbulnya

permasalahan-permasalahan

internal

maupun

eksternal

yang

mengakibatkan sistem dalam perusahaan menjadi tidak terstruktur dengan baik. 4. Penggunaan program yang masih manual memungkinkan terjadi kesalahan data dalam melakukan masalah pencarian data pemesanan sehingga tidak terkontrolnya barang yang keluar. 5. Proses pencatatan pemesanan yang dilakukan secara sederhana kurang efisien dan sistematis sehingga dapat mengakibatkan kesalahan dan keterlambatan dalam pembuatan laporan ke pihak direktur.

55

d. Solusi Permasalahan Dari hasil analisa permasalahan, penulis mencoba untuk memberikan solusi terhadap masalah yang terjadi pada tabel berikut :

Tabel 4.1 Solusi Permasalahan Sistem Berjalan No

Gejala

Permasalahan

Akibat

Solusi

1.

Pendapatan menurun

Layanan pemesanan yang terbatas. Sebab konsumen hanya dapat dan memperoleh detail informasi mengenai produk dengan cara datang langsung ke perusahaan.

Banyak konsumen yang engan pergi ke tempat penjualan produk karena masalah jarak sehingga menyebabkan menurunnya tingkat pedapatan perusahaan.

Dengan membangun sebuah sistem pemesanan berbasis web yang digunakan secara online dimana sistem menampilkan semua jenis produk secara detail dari cara memesan produk hingga melakukan pembayaran.

2.

Kurang maksimalnya pendapatan pemesanan

Cakupan wilayah pemasaran yang terbatas.

Tidak berkembangnya tingkat pendapatan perusahaan karena dibatasi oleh wilayah. Tidak mencakup konsumen yang berjarak jauh.

Pembuatan sistem pemesanan berbasis web yang digunakan secara online sehingga semua orang yang ada diseluruh Indonesia bisa mengakses sistem ini dan bisa melakukan pemesanan dengan melalui beberapa prosedur yang ada pada sistem.

3.

Timbulnya permasalahan internal dan eksternal

Kesulitan dalam pengoperasian transaksi pemesanan sehingga tidak diketahui transaksitransaksi pemesanan yang terjadi secara rinci dan jelas. Serta timbulnya permasalahanpermasalahan internal maupun eksternal

mengakibatkan sistem dalam perusahaan menjadi tidak terstruktur dengan baik

Diperlukan suatu sistem yang terstruktur dan terkomputerisasi yang dapat meringankan dan membantu kinerja perusahaan

4.

Proses bisnis lambat

Penggunaan program yang masih manual memungkinkan terjadi kesalahan data dalam melakukan masalah pencarian data pemesanan.

Lambatnya sistem pemesanan sehingga mengangu proses pemesanan dan juga tidak terkontrolnya barang yang keluar

Pembuatan program yang terkomputerisasi dan di dukung oleh database yang handal dalam penyimpanan dan pencarian data pemesanan

yang

56

5.

Kinerja tergangu

4.1.3

yang

Proses pencatatan pemesanan yang dilakukan secara sederhana kurang efisien dan sistematis

Dapat mengakibatkan kesalahan pencatatan data pemesanan dan keterlambatan dalam pembuatan laporan ke pihak direktur

Pembuatan sistem secara otomatis yang menampilkan harga serta penjumlahan biaya produk yang dipesan berikut nomor pesanannya dan juga pembuatan sistem laporan secara periode.

Literatur Sejenis Dari analisa literatur sejenis maka penulis mencoba membandingkan

kelebihan sistem yang dibuat penulis dengan kekurangan sistem yang lama dari literatur sejenis. Berikut tabel perbandingannya :

Tabel 4.2 Perbandingan Literatur Sejenis No.

Kelebihan

Kekurangan

1.

Terdapat konten berita yang update setiap saat, yang berhubungan dengan produk kayu manis dan kemudahan dalam mengupdate berita.

Konten yang ada pada sistem hanya berisi proses transaksi dan profile perusahaan saja, sehinnga bersifat monoton.

2.

Sistem memiliki tampilan biaya pengiriman pada tiap daerah berdasarkan biaya kurir pengiriman sehingga pelanggan bisa mengestimasi sendiri total pemesanan.

Sistem tidak menampilkan biaya pengiriman yang akan dikenakan jika barang diantar.

3.

Tampilan sistem dibuat dengan semenarik mungkin dengan memasukan animasi teks dan gambar.

Tampilan sistem kurang menghidupkan suasana.

4.

Pada sistem terdapat fasilitas kontak untuk pelanggan jika mempunyai keluhan atau bertanya dan pihak admin dapat membalas pesan langsung pada sistem.

Jika pelanggan mempunyai keluhan atau bertanya harus menelphone ke pihak admin terlebih dahulu.

5.

Sistem dibangun dengan mengunakan perangkat lunak terbaru sehingga lebih terupate.

Sistem dibangun dengan mengunakan perangkat lunak terdahulu.

memikat

57

dan

4.1.4. Usulan Rancangan Sistem Pemesanan Berikut ini adalah hasil analisa sistem usulan dengan menggunakan diagram alur program :

Gambar 4.4 Flowchart Sistem Usulan: Pemesanan Berbasis Web

58

4.2.

Perancangan (Design) Tahap setelah melakukan analisis, maka yang dilakukan berikutnya adalah

melakukan rancangan sistem pemesanan produk kayu manis berbasis web. Proses perancangan ini meliputi beberapa hal, yaitu : 4.2.1. Perancangan Logika Proses a. DFD (Data Flow Diagram) Beberapa tahapan yang dilakukan penulis dalam merancang proses sistem adalah: 1.

Context Diagram Aplikasi pemesanan yang diusulkan

2.

DFD Diagram Nol (Overview Diagram)

3.

DFD Level 1 Proses 1 Login

4.

DFD Level 1 Proses 3 Pemesanan

5.

DFD Level 1 Proses 4 Pengolahan transaksi dan pelanggan

6.

DFD Level 1 Proses 6 Pengolahan produk dan ongkos kirim

7.

DFD Level 1 Proses 7 Pembuatan laporan

59

1. Context Diagram Aplikasi pemesanan yang diusulkan

Gambar 4.5. Context Diagram

60

2. DFD Level 0 Username&password Validasi_login_pelanggan

2.0 login

Username&paswword

Pelanggan

Data_pelanggan

admin

1.0* pendaftaran

Username&password

Validasi_login_admin Data_pelanggan Username&password informasi_pemesanan

6.0 Pengolahan produk dan ongkos kirim

pelanggan

Username&password Data_pemesanan

Data_kayu_manis

Admin

Data_ongkos_kirim

3.0 pemesanan

no_pemesanan

Data_kayu_manis Data_ongkos_kirim

Data_pelanggan

Informasi_status_pembayaran

produk Data_pemesanan Bukti_pemesanan Data_pelanggan Data_pelanggan Data_pelanggan

4.0 Pengolahan transaksi dan pelanggan

pemesanan

Kota

Data_pemesanan

Data_konfirmasi_pembayaran Data_pemesanan

Data_pemesanan Data_pemesanan

5.0* Konfirmasi

Data_konfirmasi_pembayaran

7.0 Pembuatan laporan

Laporan_pemesanan Laporan_pelanggan

Direktur pemasaran

konfirmasi

Informasi_konfirmasi_pembayaran

Informasi_ongkos_kirim

Gambar 4.6. DFD Diagram Nol (Overview Diagram)

61

3. DFD Level 1 Proses 2 login

Username & password

pelanggan

2.1* Input username & password

Username & password

Admin

Username password pelanggan

Username&password Username&password

admin 2.2* validasi username & password

Username&password Username&password

Validasi_login_pelanggan

Validasi_login_admin

Gambar 4.7. Diagram rinci proses 2.0 level 1

4. DFD Level 1 Proses 3 Pemesanan

Gambar 4.8. Diagram rinci proses 3.0 level 1

62

5. DFD Level 1 Proses 4 Pengolahan transaksi dan pelanggan

pelanggan

Data_pelanggan

4.1* Update Data pelanggan

Admin

Data_pelanggan

Data_pelanggan

pelanggan

Informasi_status_pembayaran

4.2* Update Status pembayaran

Data_pemesanan

Data_pemesanan Bukti_pemesanan

pemesanan 4.3* Cetak bukti pemesanan

Data_pemesanan

Gambar 4.9. Diagram rinci proses 4.0 level 1

63

6. DFD Level 1 Proses 6 Modifikasi produk dan ongkos

6.1* Edit produk

Data_kayu_manis Data_kayu_manis Data_kayu_manis

produk 6.2* tambah produk

Data_kayu_manis

Data_kayu_manis Data_kayu_manis

Admin

Data_kayu_manis

Data_ongkos_kirim

6.3* hapus produk

6.4* Edit ongkos

Data_ongkos_kirim

Kota

Data_ongkos_kirim

6.5* tambah ongkos

Data_ongkos_kirim

Data_ongkos_kirim

6.6* hapus ongkos

Data_ongkos_kirim

Gambar 4.10. Diagram rinci proses 6.0 level 1

64

7. DFD Level 1 Proses 7 Pembuatan laporan

Gambar 4.11. Diagram rinci proses 7.0 level 1

b. Kamus Data 1. Pejelasan Proses a). Proses

: 1.0

Nama proses

: Pendaftaran

Masukan

: Data pelanggan

Keluaran

: Data pelanggan

Ringkasan proses

: Pelanggan memasukan data pelanggan agar bisa melakukan pemesanan

b). Proses

: 2.0

Nama proses

: Login

Masukan

: Username dan password

Keluaran

: Validasi login

Ringkasan proses

: Pelanggan atau admin memasukan

65

username dan password agar bisa masuk pada menu halaman pelanggan atau admin. c). Proses

: 3.0

Nama proses

: Pemesanan

Masukan

: Data pemesanan

Keluaran

: No pemesanan dan informasi pemesanan, data pemesanan

Ringkasan proses

: Pelanggan melakukan pemesanan dan mendapatkan no pemesanan serta admin mendapatkan informasi pemesanan

d). Proses

: 4.0

Nama proses

: Pengolahan transaksi dan pelanggan

Masukan

: Data pelanggan, data pemesanan

Keluaran

: Bukti pemesanan, informasi status pembayaran, data pelanggan, data pemesanan

Ringkasan proses

: Pelanggan mengedit data pelanggan, mencetak bukti pemesanan dan admin mengupdate status pembayaran pelanggan

e). Proses

: 5.0

Nama proses

: Konfirmasi

Masukan

: Data konfirmasi pembayaran

Keluaran

: Informasi konfirmasi pembayaran, data

66

konfitmasi Ringkasan proses

: Pelanggan melakukan konfirmasi pembayaran

f). Proses

: 6.0

Nama proses

: Pengolahan produk dan ongkos kirim

Masukan

: Data kayu manis, data ongkos kirim

Keluaran

: informasi ongkos kirim, data kayu manis , data ongkos kirim,

Ringkasan proses

: Admin mengedit, menghapus, menginput data kayu manis dan data ongkos kirim

g). Proses

: 7.0

Nama proses

: Pembuatan laporan

Masukan

: Data pemesanan, data pelanggan

Keluaran

: Laporan pelanggan, laporan pemesanan

Ringkasan proses

: Mencetak laporan pelanggan dan Pemesanan

h). Proses

: 2.1

Nama proses

: Input username dan password

Masukan

: Username dan password

Keluaran

: Username dan password

Ringkasan proses

: Pelanggan atau admin melakukan login

i). Proses Nama proses

: 2.2 : Validasi username dan password

67

Masukan

: Username dan password

Keluaran

: Validasi login

Ringkasan proses

: Melakukan validasi login

j). Proses

: 3.1

Nama proses

: Input data pemesanan

Masukan

: Data pemesanan

Keluaran

: No pemesanan, informasi pemesanan, data pemesanan

Ringkasan proses

: Pelanggan melakukan pemesanan dan mendapatkan no pemesanan

k). Proses

: 3.2

Nama proses

: Tambah data pemesanan

Masukan

: Data pemesanan

Keluaran

: Data pemesanan

Ringkasan proses

: Pelanggan menambah data pemesanan

l). Proses

: 3.3

Nama proses

: Ubah jumlah data pemesanan

Masukan

: Data pemesanan

Keluaran

: Data pemesanan

Ringkasan proses

: Melakukan update jumlah pemesanan

m). Proses

: 3.4

Nama proses

: Hapus data pemesanan

Masukan

: Data pemesanan

68

Keluaran

: Data pemesanan

Ringkasan proses

: Melakukan penghapusan data pemesanan

n). Proses

: 4.1

Nama proses

: Update data pelanggan

Masukan

: Data pelanggan

Keluaran

: Data pelanggan

Ringkasan proses

: Pelanggan mengedit data pelanggan

o). Proses

: 4.2

Nama proses

: Update status pembayaran

Masukan

: Data pemesanan

Keluaran

: Informasi status pembayaran, data pemesanan

Ringkasan proses p). Proses

: Admin mengedit data pemesanan : 4.3

Nama proses

: Cetak bukti pemesanan

Masukan

: Data pemesanan

Keluaran

: Bukti pemesanan

Ringkasan proses

: Pelanggan mencetak bukti pemesanan

q). Proses

: 6.1

Nama proses

: Edit produk

Masukan

: Data kayu manis

Keluaran

: Data kayu manis terupdate

Ringkasan proses

: Admin mengedit data kayu manis

69

r). Proses

: 6.2

Nama proses

: Tambah produk

Masukan

: Data kayu manis

Keluaran

: Data kayu manis

Ringkasan proses

: Admin menginput data kayu manis

s). Proses

: 6.3

Nama proses

: Hapus produk

Masukan

: Data kayu manis

Keluaran

: Data kayu manis

Ringkasan proses

: Menghapus data kayu manis

t). Proses

: 6.4

Nama proses

: Edit ongkos

Masukan

: Data ongkos kirim

Keluaran

: Data ongkos kirim

Ringkasan proses

: Admin mengedit data ongkos kirim

u). Proses

: 6.5

Nama proses

: Tambah ongkos

Masukan

: Data ongkos kirim

Keluaran

: Data ongkos kirim

Ringkasan proses

: Admin menginput data ongkos kirim

v). Proses

: 6.6

Nama proses

: Hapus ongkos

Masukan

: Data ongkos kirim

70

Keluaran

: Data ongkos kirim terhapus

Ringkasan proses

: Menghapus data ongkos kirim

w). Proses

: 7.1

Nama proses

: Cetak laporan pelanggan

Masukan

: Data pelanggan

Keluaran

: Laporan pelanggan

Ringkasan proses

: Mencetak data pelanggan

x). Proses

: 7.2

Nama proses

: Cetak laporan pemesanan

Masukan

: Data pemesanan

Keluaran

: Laporan pemesanan

Ringkasan proses

: Mencetak data pemesanan

2. Penjelasan Data Flow a). Nama data flow

: Data pelanggan

Dari proses

:-

Ke proses

: 1.0

Deskripsi

: Memasukan data pelanggan ke dalam sistem sebagai proses pendaftaran

Struktur data

: Uid_plg + nama + kelamin + email + alamat + kdpost + telp_rumah + telp_hp + no_fax + userid + passed (+ kd_propinsi + nm_propinsi) (+ kd_kota + nm_kota)

71

b). Nama data flow

: username & password

Dari proses

:-

Ke proses

: 2.0

Deskripsi

: Melakukan login dengan memasukan username dan password

Struktur data

: Userid + passid

c). Nama data flow

: Data pemesanan

Dari proses

:-

Ke proses

: 3.0

Deskripsi

: Memasukan data pemesanan ke dalam sistem

Struktur data

: No_pesan + uid_plg + tgl_pesan + tgl_limit + jam_pesan + status_bayar + unik_transfer (+ id_pesan + kd_produk + jumlah)

d). Nama data flow

: Data konfirmasi pembayaran

Dari proses

:-

Ke proses

: 5.0

Deskripsi

: Memasukan data konfirmasi pembayaran yang dilakukan oleh pelanggan

Struktur data

: Id_konfirmasi + no_pesan + bank_tujuan + bankpegirim + jam_transfer + jumlah_transfer + keterangan

72

e). Nama data flow

: Data kayu manis

Dari proses

:-

Ke proses

: 6.0

Deskripsi

: Memasukan data kayu manis ke dalam sistem oleh admin

Struktur data

: Kd_produk + kategori + kikis + packing + nm_produk + file_gambar + harga_produk + kadar + stok + detail

f). Nama data flow

: Data ongkos kirim

Dari proses

:-

Ke proses

: 6.0

Deskripsi

: Memasukan data ongkos kirim ke dalam sistem oleh admin

Struktur data

: Kd_kota + nm_kota + harga + hari (+ kd_propinsi + nm_propinsi)

3. Penjelasan Data Store a). Nama data store Struktur data

: Pelanggan : Uid_plg + nama + kelamin + alamat + kd_kota + kd_propinsi + Negara + kdpost + email + telp_rumah + telpn_hp + no_fax + userid + passid

Deskripsi

: Berisi data-data data diri pelanggan yang

73

melakukan pemesanan b). Nama data store Struktur data

: Produk : Kd_produk + kategori + kikis + packing + nm_produk + file_gambar + harga_produk + kadar + stok + detail

Deskripsi

: Berisi data-data jenis kayu manis yang dipasarkan

c). Nama data store Struktur data

: Kota : Kd_kota + kd_propinsi + nm_kota + harga_kirim + hari

Deskripsi

: Berisi data-data biaya kirim yang dikenakan pada tiap daerah

d). Nama data store Struktur data

: Konfirmasi : Id_konfirmasi + no_pesan + banl_tujuan + bankpengirim + jam_transfer + jumlah_transfer + keterangan

Deskripsi

: Berisi data-data konfirmasi pembayaran dari pelanggan

e). Nama data store Struktur data

: Pemesanan : No_pesan + uid_plg + tgl_pesan + tgl_limit + jam_pesan + status_bayar + unik_transfer

Deskripsi

: Berisi data-data pemesanan pelanggan

74

f). Nama data store Struktur data

: Admin : Id_admin + password + nama_lengkap + email

Deskripsi

: Berisi data-data username, password, nama dan email admin web

75

4.2.2. Perancangan Basis Data a. Entity Relationship Diagram (ERD)

Gambar 4.12. ERD

76

b. Normalisasi Berikut langkah-langkah normalisasi : 1) Bentuk Tidak Normal (UNF) uid_plg UID012 UID013

nama Hendro Wibowo arisama iler

email [email protected] [email protected]

no_pesan TR-00002 TR-00003

telp_hp 0856923159 0898966544

tgl_limit 12/16/2009 12/16/2009

kd_produk KL0001 KL0002

file_gambar aacut.gif acut.gif

harga_produk 10000 10000

kd_propinsi PR01 PR02

nm_propinsi Jawa Tengah Jawa Timur

jumlah_transfer 200456 500546

alamat Jl. Semanggi 2 No 5 Jl. Pesangrahan no 7

tlpn_rumah 7440932 8792114

tanggal 12/19/2009 12/19/2009

Jumlah_produk 1 5

kelamin P P

kikis Belum Sudah

stok

id_konfirmasi 5 8

id_kantong 17 18

userid Che Iler

status_bayar PESAN PESAN

kategori CUT CUT

7 7

keterangan Sudah dikirim Segera

no_fax 75544664

jam 22:47:54 13:02:55

kadar

kd_kota KK003 PR04

190 200

negara Indonesia Indonesia

kdpost 15412 15487

passid 773359240eb9a1d9 7dfg569240eghdfh4

unik_transfer

id_dpesan 12 13

711 554

packing Karung Plastik Karung Plastik

nama_produk AA CUT A CUT

detail <meta http-equiv="\" content-type\="" content="\" <meta http-equiv="\" content-type\="" content="\"

bank_tujuan BNI BNI

jumlah 1 3

bank_pengirim BCA Mandiri

kd_kota PR0001 PR0002

nm_kota Amuntai Almapura

jam_transfer 0:12:12 13:02:45

hari 4 3

harga_kirim 23500 16000

Gambar 4.13. UNF

77

2) Bentuk Normal Pertama (1NF) uid_plg UID012 UID013

nama Hendro Wibowo arisama iler

email [email protected] [email protected]

no_pesan TR-00002 TR-00003

telp_hp 0856923159 0898966544

tgl_limit 12/16/2009 12/16/2009

kd_produk KL0001 KL0002

file_gambar aacut.gif acut.gif

harga_produk 10000 10000

kd_propinsi PR01 PR02

nm_propinsi Jawa Tengah Jawa Timur

jumlah_transfer 200456 500546

alamat Jl. Semanggi 2 No 5 Jl. Pesangrahan no 7

tlpn_rumah 7440932 8792114

tanggal 12/19/2009 12/19/2009

Jumlah_produk 1 5

kelamin P P

kikis Belum Sudah

stok

id_konfirmasi 5 8

id_kantong 17 18

userid Che Iler

status_bayar PESAN PESAN

kategori CUT CUT

7 7

keterangan Sudah dikirim Segera

no_fax 75544664 0

jam 22:47:54 13:02:55

kadar

kd_kota KK003 PR04

190 200

negara Indonesia Indonesia

kdpost 15412 15487

passid 773359240eb9a1d9 7dfg569240eghdfh4

unik_transfer

id_dpesan 12 13

711 554

packing Karung Plastik Karung Plastik

nama_produk AA CUT A CUT

detail <meta http-equiv="\" content-type\="" content="\" <meta http-equiv="\" content-type\="" content="\"

bank_tujuan BNI BNI

jumlah 1 3

bank_pengirim BCA Mandiri

kd_kota PR0001 PR0002

nm_kota Amuntai Almapura

jam_transfer 0:12:12 13:02:45

hari 4 3

harga_kirim 23500 16000

Gambar 4.14. 1NF

78

3) Bentuk Normal Kedua (2NF) Langkah selanjutnya adalah membuat normal kedua.

Gambar 4.15. 2 NF Ket :

* **

Primary Key Foreign Key

79

4) Bentuk Normal Ketiga (3NF)

Gambar 4.16. 3 NF Ket :

* **

Primary Key Foreign Key

80

c. Struktur Basis Data Dari hasil normalisasi diatas telah didapat hasil basis data yang benar, berikut adalah perincian hasil normalisasi diatas.

1. Nama File

: Kantong

Primary Key

: Id_kantong

Foreign Key

: Kd_produk, Uid_plg Tabel 4.3. Tabel Kantong

Field Name Id_kantong Kd_produk Uid_plg

2. Nama File

Data Type int(5) char(6) char(6)

Extra auto_increment

: Konfirmasi

Primary Key

: Id_konfirmasi

Foreign Key

: No_pesan Tabel 4.4. Tabel Konfirmasi

Field Name Id_konfirmasi No_pesan Bank_tujuan Bankpengirim Jam_transfer Jumlah_transfer Keterangan

Data Type int(5) char(8) varchar(10) varchar(10) time int(10) text

Extra auto_increment

81

3. Nama File

: Kota

Primary Key

: Kd_kota

Foreign Key

: Kd_propinsi Tabel 4.5. Tabel Kota

Field Name Kd_kota Kd_propinsi Nm_kota Harga_kirim Hari

Data Type char(6) char(4) varchar(15) int(5) int(1)

4. Nama File

Extra auto_increment

: Pelanggan

Primary Key

: Uid-plg

Foreign Key

:Tabel 4.6. Tabel Pelanggan

Field Name Uid_plg Nama Kelamin Alamat Kd_kota Negara Kdpost Email Telp_rumah Telp_hp No_fax Userid Passid

5. Nama File

Data Type char(6) varchar(20) enum('P', 'W') varchar(50) char(6) varchar(15) int(5) varchar(20) varchar(15) varchar(15) varchar(15) varchar(35) varchar(35)

Extra auto_increment

: Pemesanan

Primary Key

: No_pesan

Foreign Key

: Uid_plg

82

Tabel 4.7. Tabel Pemesanan Field Name No_pesan Uid_plg Tgl_pesan Tgl_limit Jam_pesan Status_bayar Unik_transfer

6. Nama File

Data Type char(8) char(6) date date time varchar(5) char(3)

Extra auto_increment

: Detail

Primary Key

: Id_pesan

Foreign Key

: No_pesan, Kd_produk Tabel 4.8. Tabel Detail

Field Name Id_pesan No_pesan Kd_produk Jumlah_produk

7. Nama File

Data Type int(4) char(8) char(6) int(3)

Extra auto_increment

: Produk

Primary Key

: Kd_produk

Foreign Key

:Tabel 4.9. Tabel Produk

Field Name Kd_produk Kategori Kikis Packing Nm_produk File_gambar Harga _produk Kadar Stok Detail

Data Type char(6) char(10) char(10) char(15) varchar(10) varchar(100) int(5) int(2) int(4) text

Extra auto_increment

83

8. Nama File

: Propinsi

Primary Key

: Kd_propinsi

Foreign Key

:Tabel 4.10. Tabel Propinsi

Field Name Kd_propinsi Nm_propinsi

Data Type char(4) varchar(20)

Extra auto_increment

d. Matrik CRUD ( Create, Read, Update, Delete ) Tabel 4.11. Tabel Matrik CRUD Location Entity.atribut Admin Id_admin Password Nama_lengkap Email Berita Id_berita Judul Isi_berita Gambar Hari Tanggal Jam Counter Bukutamu Id_btamu Nama Email Komentar Tanggal Galeri Id_galeri

Admin

Pelanggan

INDV CD CRUD CRUD CRUD ALL CD CRUD CRUD CRUD CRUD CRUD CRUD CRUD ALL D RD RD RD RD ALL CD

ALL X R R R R R R R ALL C CR CR CR CR ALL X

84

Judul Gambar Kantong Id_kantong Kd_produk Uid_plg Jumlah Konfirmasi Id_konfirmasi No_pesan Bank_tujuan Bankpengirim Jam_transfer Jumlah_transfer Keterangan Kontak Id_kontak Nama Email Telpn Alamat Subject Pesan Kota Kd_kota Kd_propinsi Nm_kota Harga_kirim Hari Pelanggan Uid_plg Nama Kelamin Alamat Kd_kota Kd_propinsi Negara Kdpost Email Telp_rumah Telp_hp No_fax Userid Passid Pemesanan

CRUD CRUD

ALL RD RD RD RD RD RD RD ALL RD RD RD RD RD RD RD ALL CRD CRUD CRUD CRUD CRUD ALL RD RD RD RD D D RD RD RD RD RD RD RD RD ALL

R R INDV CD CRUD CRUD CRUD INDV C C C C C C C INDV C C C C C C C ALL X X R R R INDV CR CRU CR CRU CU CU CR CRU CRU CRU CRU CRU CR CR INDV 85

No_pesan Uid_plg Tgl_pesan Tgl_limit Jam_pesan Status_bayar Unik_transfer Pemesanan_detail Id_pesan No_pesan Kd_produk Jumlah_produk Produk Kd_produk Kategori Kikis Packing Nm_produk File_gambar Harga _produk Kadar Stok Detail Propinsi Kd_propinsi Nm_propinsi

RD RD RD RD RD RUD RD ALL D RD D RD ALL CRD CRUD CRUD CRUD CRUD CRUD CRUD CRUD CRUD CRUD ALL X R

CR CR CR CR CR CR CR INDV C CR C CR ALL X R R R R R R R R R ALL X R

Keterangan: INDV = individual, ALL = all, SS = subset, X = no access, C = create, R = read, U = update, D = delete

86

4.2.3. Perancangan Interface a. State Transition Diagram (STD) 1. STD Menu Utama Pelanggan

Gambar 4.17. STD Menu Utama Pelanggan 2. STD Menu PT. Dwiwarna Inti - Pihak Pelanggan

Gambar 4.18. STD Menu PT. Dwiwarna Inti - Pihak Pelanggan

87

3. STD Menu Kayu Manis - Pihak Pelanggan

Gambar 4.19. STD Menu Kayu Manis - Pihak Pelanggan 4. STD Menu Berita Terkini - Pihak Pelanggan

Gambar 4.20. STD Menu Berita Terkini - Pihak Pelanggan

88

5. STD Menu Konfirmasi - Pihak Pelanggan Konfirmasi

Klik Icon Kirim Memasukan Data Konfirmasi ke sistem

Icon Kirim

Gambar 4.21. STD Menu Konfirmasi - Pihak Pelanggan

6. STD Menu Testimonial - Pihak Pelanggan

Gambar 4.22. STD Menu Testimonial - Pihak Pelanggan

7. STD Menu Gallery Foto - Pihak Pelanggan

Gambar 4.23. STD Menu Gallery Foto - Pihak Pelanggan

89

8. STD Menu Kontak Kami - Pihak Pelanggan

Gambar 4.24. STD Menu Kontak Kami - Pihak Pelanggan 9. STD Menu Sejarah Kayu Manis - Pihak Pelanggan

Gambar 4.25. STD Menu Sejarah Kayu Manis - Pihak Pelanggan 10. STD Menu Jenis dan Manfaat - Pihak Pelanggan

Gambar 4.26. STD Menu Jenis dan Manfaat - Pihak Pelanggan

90

11. STD Menu Informasi - Pihak Pelanggan

Gambar 4.27. STD Menu Informasi - Pihak Pelanggan

12. STD Menu Search - Pihak Pelanggan

Gambar 4.28. STD Menu Search - Pihak Pelanggan

91

13. STD Menu Login - Pihak Pelanggan

Gambar 4.29. STD Menu Login - Pihak Pelanggan

14. STD Menu Utama Admin

Gambar 4.30. STD Menu Utama Admin

92

15. STD Menu User - Pihak Admin

Gambar 4.31. STD Menu User - Pihak Admin 16. STD Menu Pemesanan - Pihak Admin

Gambar 4.32. STD Menu Pemesanan - Pihak Admin

93

17. STD Menu Berita Terkini - Pihak Admin

Gambar 4.33. STD Menu Berita Terkini - Pihak Admin

18. STD Menu Daftar Data - Pihak Admin

Gambar 4.34. STD Menu Daftar Data - Pihak Admin

94

19. STD Menu Testimonial - Pihak Admin

Gambar 4.35. STD Menu Testimonial - Pihak Admin

20. STD Menu Gallery - Pihak Admin

Gambar 4.36. STD Menu Gallery - Pihak Admin

95

21. STD Menu Kontak Kami - Pihak Admin

Gambar 4.37. STD Menu Kontak Kami - Pihak Admin

22. STD Menu Laporan - Pihak Admin

Gambar 4.38. STD Menu Laporan - Pihak Admin

96

b. Design Screen Layout Pada tahap ini dirancang tampilan layout sehingga didapat tampilan yang user friendly. Berikut ini merupakan rancangan tampilan layout : a. Perancangan layout halaman Login admin

Header

Username Password Login

Gambar 4.39. Perancangan Layout Halaman Login admin

Pada layout ini admin diminta memasukan username dan password yang dimiliki pada database website ketika ingin memasuki halaman utama admin. Jika username dan password benar maka akan memasuki halam utama admin yang terdapat fasilitas untuk update, hapus, tambah dan melihat data yang ada.

97

b. Perancangan layout halaman Depan

Header

Pt. Dwiwarna Inti Kayu manis

Animasi

Berita terkini

Tanggal

Gambar 4.40. Perancangan Layout Halaman Depan

Pada layout ini mengambarkan tampilan halaman pertama jika user membuka website, terdapat 3 menu utama pada halaman ini yaitu DIS, kayu manis dan berita terkini. Disamping menu terdapat animasi gambar dan tulisan yang dapat menghidupkan suasana agar tidak terlihat kaku dan juga terdapat tampilan tanggal pada pojok kanan bawah.

98

c. Perancangan layout halaman Pt. Dwiwarna inti

Header Animasi gambar

Sejarah Kayu Manis

Jenis dan Manfaat

Informasi

Tanggal

Login

Home Pt. Dwiwarna Inti Kayu manis

Pt. Dwiwarna Inti

Berita terkini Konfirmasi

Berisi tentang sejarah, visi misi, dan profile perusahaan

Testimonial Galery Kontak Site map

Search Banner

Footer Gambar 4.41. Perancangan Layout Halaman PT.dwiwarna inti

Pada layout ini menampilkan tentang sejarah, visi misi dan juga lokasi perusahaan DIS. Semua profil perusahaan dapat dilihat pada menu ini.

99

d. Perancangan layout halaman Kayu manis

Header Animasi gambar

Sejarah Kayu Manis

Jenis dan Manfaat

Informasi

Tanggal

Login

Home Pt. Dwiwarna Inti

Kayu Manis

Kayu manis Berita terkini Konfirmasi Testimonial

Berisi tentang tipe kayu manis yang dipasrakan beserta harga per kg nya

Galery Kontak Site map

Search Banner

Footer Gambar 4.42. Perancangan Layout Halaman Kayu manis

Pada layout ini mengambarkan daftar jenis kayu manis yang dipasarkan oleh perusahaan, terdapat gambar dan harga per kg nya. Pada menu ini user dapat melakukan pemesanan pada jenis kayu manis yang dibutuhkan dengan mengklik tombol “pesan” kemudian melakukan proses selanjutnya.

100

e. Perancangan layout halaman Berita terkini

Header Animasi gambar

Sejarah Kayu Manis

Jenis dan Manfaat

Informasi

Tanggal

Login

Home Pt. Dwiwarna Inti Kayu manis

Berita Terkini

Berita terkini Konfirmasi Testimonial

Berisi tentang kilasan berita seputar kayu manis dan tanaman lainnya

Galery Kontak Site map

Search Banner

Footer Gambar 4.43. Perancangan Layout Halaman Berita terkini

Pada layout ini menampilkan berita-berita tentang kayu manis dan jenis tanaman lainnya. Pada layout ini terdapat gambar dan synopsis berita, user dapat mengklik tombol selengkapnya jika ingin melihat keseluruhan berita. Halaman ini menampilkan 4 berita dengan synopsis dan 5 berita sebelumnya. Dan juga terdapat tombol “arsip berita” jika ingin melihat keseluruhan daftar berita yang ada.

101

f. Perancangan layout halaman Konfirmasi

Header Animasi gambar

Sejarah Kayu Manis

Jenis dan Manfaat

Informasi

Tanggal

Login

Home Pt. Dwiwarna Inti Kayu manis

Konfirmasi

Berita terkini Konfirmasi Testimonial

Berisi form pengisian konfirmasi pembayaran yang telah dilakukan pelanggan

Galery Kontak Site map

Search Banner

Footer Gambar 4.44. Perancangan Layout Halaman konfirmasi

Pada layout ini mengambarkan tentang konfirmasi pembayaran yang telah dilakukan oleh user. Kolom konfirmasi ini terdiri atas no pesanan, nama pemesan, bank tujuan, no rekening pemesan, jam transfer, jumlah transfer dan kolom keterangan. Kolom tersebut harus diisi oleh user setelah melakukan transfer ke bank tujuan.

102

g. Perancangan layout halaman Testimonial

Header Animasi gambar

Sejarah Kayu Manis

Jenis dan Manfaat

Informasi

Tanggal

Login

Home Pt. Dwiwarna Inti Kayu manis

Testimonial

Berita terkini Konfirmasi Testimonial

Berisi kumpulan komentar pelanggan seputar pemesanan kayu manis

Galery Kontak Site map

Search Banner

Footer Gambar 4.45. Perancangan Layout Halaman Testimonial

Pada layout ini menampilkan pesan atau komentar para user yang mengunjungi website, pesan ini menampilkan nama, email dan pesan yang akan ditulis dalam halaman ini. User dapat menulis pesannya dengan mengklik tombol “tulis komentar” dan mengisi nama, email dan pesannya.

103

h. Perancangan layout halaman galery

Header Animasi gambar

Sejarah Kayu Manis

Jenis dan Manfaat

Informasi

Tanggal

Login

Home Pt. Dwiwarna Inti

Gallery

Kayu manis Berita terkini Konfirmasi

Berisi kumpulan gambar-gambar aktifitas pemasaran kayu manis

Testimonial Galery Kontak Site map

Search Banner

Footer Gambar 4.46. Perancangan Layout Halaman Galery

Pada layout ini meampilkan gambar-gambar kegiatan ayau aktifitas pada perusahaan DIS. Terdapat 8 foto dengan bentuk thumbail dan jika ingin diperbesar dengan mengklik gambar tersebut. Dibah gambar terdapat keterangan gambarnya.

104

i. Perancangan layout halaman Kontak

Header Animasi gambar

Sejarah Kayu Manis

Jenis dan Manfaat

Informasi

Tanggal

Login

Home Pt. Dwiwarna Inti Kayu manis

Kontak

Berita terkini Konfirmasi

Berisi form untuk mengirim pesan ke admin web

Testimonial Galery Kontak Site map

Search Banner

Footer Gambar 4.47. Perancangan Layout Halaman kontak

Pada layout ini menampilkan form kontak yang disediakan untuk user jika ingn mengirim pesan kepada admin website, didalam form ini user harus mengisi nama, alamat, email, telephone, subjek dan isi pesan yang akan disampaikan. Di halaman ini juga terdapat informasi tentang alamat dan no telephone kantor perusahaan.

105

j. Perancangan layout halaman Site map

Header Animasi gambar

Sejarah Kayu Manis

Jenis dan Manfaat

Informasi

Tanggal

Login

Home Pt. Dwiwarna Inti Kayu manis

Site Map

Berita terkini Konfirmasi

Berisi struktur menu pada web

Testimonial Galery Kontak Site map

Search Banner

Footer Gambar 4.48. Perancangan Layout Halaman Site map

Pada layout ini menampilkan struktur menu yang ada pada website. User dapat langsung mengklik halaman yang diinginkan pada site map ini. Halaman ini mempermudah user dalam mengenali isi dari website ini.

4.2.4. Perancangan Jaringan Mengingat aplikasi pemesanan kayu manis berbasis web ini mengunakan internet sebagai media online, maka disini akan ditampilkan konfigurasi jaringan aplikasi pemesanan kayu manis berbasis web secara umum pada gambar berikut terdapat tiga server yaitu database server, web server dan file server. Namun apabila

106

keadaan tidak memungkinkan ketiga server tersebut dapat dijadikan satu server yang kesemuanya menyimpan database, file web dan file data.

Gambar 4.49. Konfigurasi Jaringan Sistem Pemesanan Kayu Manis Berbasiskan Web

4.3. Pengkodean (Coding) Coding yang dilakukan penulis dalam management data yang diolah dalam satu paket aplikasi yang tergabung, yaitu XAMPP versi 1.6.2, dimana didalamnya menguakan PHP.5.2.2 sebagai bahasa pemograman dan mysql versi 5.0.41 sebagai data basenya, sedangkan webservernya mengunakan Apache/2.2.4 (Win32) DAV/2 mod_ssl/2.2.4 OpenSSL/0.9.8e mod_autoindex_color yang kesemuanya itu open soure yang handal.

107

Gambar 4.50. Pengkodean di Macromedia Dreamweaver 8 menggunakan bahasa PHP Dalam mengkonfigurasi GUI programnya pada pembuatan home page, penulis mengunakan Dreamwaver 8, sedangkan tampilan animasi dengan mengunakan flash 8 dan photoshop 7 sebagai pembuatan tampilan tamplate website.

4.4. Pengujian (Testing) 4.4.1. Pengujian Eksternal (Black Box) Tahapan testing ini dilakukan pengujian terhadap program oleh peneliti. Pada penelitian ini peneliti menggunakan pengujian Eksternal (Black Box). Pengujian Eksternal (Black Box) peneliti melakukan pengujian terhadap aplikasi dengan cara mengecek satu persatu link yang

dengan menggunakan tabel

pengujian, apakah link tersebut sudah sesuai seperti yang diharapkan atau belum. Tabel 4.12. Pengujian Menggunakan Black Box No.

Link

Hasil yang diharapkan

Hasil Akurat

1.

Home

Dapat menampilkan halaman utama pelanggan

ok

2.

Profile Perusahaan

Dapat menampilkan profile perusahaan

ok

3.

Visi Misi Perusahaan

Dapat menampilkan visi misi perusahaan

ok

108

4.

Lokasi Perusahaan

Dapat menampilkan peta lokasi perusahaan

ok

5.

Kayu Manis

Dapat menampilkan daftar tipe kayu manis

ok

6.

Berita Terkini

7.

Konfirmasi

Dapat menampilkan halaman form konfirmasi

ok

8.

Testimonial

Dapat menampilkan halaman buku tamu

ok

9.

Galeri Foto

Dapat menampilkan halaman galery foto

ok

10.

Kontak Kami

Dapat menampilkan halaman form kontak

ok

11.

Sitemap

Dapat menampilkan struktur menu aplikasi

ok

Dapat menampilkan halaman sejarah kayu manis

ok

12.

Sejarah Kayu Manis Dunia

Dapat menampilkan berita-berita seputar kayu manis dan perdagangan.

ok

13.

Sumber Kayu Manis

Dapat menampilkan halaman sumber kayu manis

ok

14.

Jenis Kayu Manis

Dapat menampilkan halaman jenis kayu manis

ok

15.

Manfaat Kayu Manis

Dapat menampilkan halaman manfaat kayu manis

ok

16.

Cara Pembayaran

Dapat menampilkan halaman cara pembayaran

ok

17.

Biaya Pengiriman

18.

Proses Pengiriman

Dapat menampilkan halaman proses pengiriman

ok

19.

Login

Dapat masuk ke menu pelanggan

ok

20.

Search

Dapat menampilkan data berita yang dicari

ok

21.

Pendaftaran Baru

Dapat menampilkan form registrasi pelanggan baru

ok

22.

Kantong Pemesanan

23.

Lanjutkan Transaksi

24.

Ubah Data Pelanggan

25.

Daftar Transaksi

26.

Logout

Dapat keluar dari menu pelanggan

ok

27.

Home

Dapat menampilkan halaman utama admin

ok

Dapat menampilkan halaman list biaya pengiriman tiap daerah

Dapat menampilkan daftar kayu manis yang sedang dipesan Dapat menampilkan daftar pesanan kayu manis yang tertunda Dapat menampilkan halaman data pelanggan Dapat menampilkan daftar transaksi pesanan sebelumnya

ok

ok

ok ok ok

109

28.

Login

Dapat masuk ke menu admin

ok

29.

Admin

Dapat menampilkan daftar admin

ok

30.

Pemesanan

Dapat menampilkan menu pemesanan dalam status LIMIT,PESAN dan LUNAS

ok

Pemesanan dalam

Dapat menampilkan daftar pemesanan dalam status

status LIMIT

LIMIT

Pemesanan dalam

Dapat menampilkan daftar pemesanan dalam status

status PESAN

PESAN

Pemesanan dalam

Dapat menampilkan daftar pemesanan dalam status

status LUNAS

LUNAS

34.

Berita Terkini

Dapat menampilkan daftar berita

ok

35.

Daftar Kayu Manis

Dapat menampilkan daftar kayu manis

ok

36.

Daftar Konfirmasi

37.

Daftar Pelanggan

38.

Daftar Ongkos Kirim

39.

Testimonial

40.

Gallery

Dapat menampilkan daftar gambar-gambar

ok

41.

Kontak Kami

Dapat menampilkan daftar kontak dari pelanggan

ok

42.

Laporan Pemesanan

Dapat menampilkan daftar pemesanan

ok

43.

Laporan Pelanggan

Dapat menampilkan daftar pelanggan

ok

44.

Logout

Dapat keluar dari menu admin

ok

31.

32.

33.

Dapat menampilkan daftar konfirmasi dari pelanggan Dapat menampilkan daftar pelanggan Dapat menampilkan daftar ongkos kirim tiap daerah Dapat menampilkan daftar buku tamu dari pelanggan

ok

ok

ok

ok ok ok

ok

4.4.2. Spesifikasi Software dan Hardware 1. Software, meliputi pemelihan aplikasi perangkat lunak yang digunakan dalam pembuatan sistem, diantaranya :

110

a. Web browser digunakan sebagai antar muka dalam pembuatan aplikasi berbasis web. b. Web server digunakan untuk pembuatan aplikasi berbasis web yang dapat melayani permintaan dari client melalui browser. c. Database digunakan sebagai tempat penyimpanan data d. Bahasa pemograman yang dapat menghubungkan aplikasi database dengan web server Spesifikasi untuk perangkat lunak adalah sebagai berikut : a. Sistem operasi Windows XP/NT/ME/2000/98SE b. Apache HTTP Server versi 1.3.23 sampai dengan 2.2.4 c. PHP versi 2.1 sampai dengan 5.2.2 d. MySQL versi 1.3 sampai dengan 5.0.41 e. Web browser seperti IE, Mozila, Netscape f. Flash player versi 7 sampai dengan 10

2. Hardware, meliputi pemilihan perangkat keras yang digunakan sebagai alat pendukung pembuatan aplikasi yaitu diantaranya : a. Bentuk fisik computer yang digunakan sebagai alat input / output dalam pembuatan aplikasi b. Topologi dan arsitektur jaringan digunakan untuk mengintegrasikan data dalam pembuatan aplikasi Spesifikasi komputer client dan perangkat jaringan diantaranya sebagai berikut : a. Procesor minimal Pentium II 233 MHz ke atas

111

b. RAM minimal 128 Mb c. Sisa ruang kosong hardisk minimal 50 Mb d. Monitor yang mendukung resolusi sampai dengan 800x600 e. Keyboard dan mouse berjenis serial, PS2 maupun USB f. Switch minimal 5 port g. Kabel LAN jenis UTP h. Konektor Rj45 i. Modem Router, ADSL2+, 1x 10/100 LAN port Spesifikasi komputer server diantaranya sebagai berikut : a. Prosesor min 2GHz quard core b. RAM minimal 8 Gb c. Harddisk min 200GB atau sesuai kebutuhan d. VGA 1GB e. Monitor yang mendukung resolusi sampai dengan 800x600 f. LAN card 2X 100Mbps g. DVD-Rw + Keyboard + Mouse Spesifikasi hosting diantaranya sebagai berikut : a. Disk space minimal 50 Mb b. Bandwitdh minimal 10 G c. Database MySQL dan Programming PHP d. Operating System Linux atau windows e. Memakai control panel CPanel f. Memakai dedicated server dan dedicated bandwidth international sendiri

112

4.4.3. Fitur Sistem Berdasarkan dari rancangan yang telah dibuat ada beberapa kelebihan fitur system yang terdapat pada table berikut ini : Tabel 4.13. Fitur Sistem Pemesanan Kayu Manis No 1.

Fitur Sistem Adanya fitur registrasi costumer sehingga costumer dapat melakukan pendaftaran secara langsung kesistem dengan memasukan data diri dan menentukan username dan password

2.

Adanya fitur kontak pada system sehingga costumer dapat mengirim pesan ke bagian admin mengenai permasalahan yang ada

3.

Adanya fitur shoping cart sehingga costumer dapat melihat jenis kayu manis apa saja yang sudah dipesan dan juga dapat mengubah quatity kayu manis dan menghapus pesanan

4.

Adanya fitur berita terkini yang berisikan berita tentang kegiatan perusahaan DIS dalam memasarkan kayu manis dan juga berita tentang dunia pertanian di Indonesia yang selalu update setiap saat.

5.

Adanya fitur biaya kirim dan lama pengiriman sehingga costumer dapat mengestimasi biaya yang diperoleh dalam melakukan pesana berdasarkan tempat tinggalnya dan lama pengiriman kayu manis.

6.

Adanya fitur gallery foto yang menampilkan gambar jenis kakyu manis yang ada di Indonesia dan di negara lain

113

BAB V PENUTUP

5.1. Kesimpulan Dari perancangan sistem pemesanan kayu manis berbasis web pada DIS, maka dapat ditarik beberapa kesimpulan sebagai berikut : 1. Untuk membangun Sistem Pemesanan Kayu Manis Berbasiskan Web peneliti menggunakan bahasa pemrogramman PHP dan dikoneksikan dengan database MySQL sedangkan metode pengembangan mengunakan SDLC metode waterfal, tahapannya yaitu : analisis, design, code dan tes. Dimana pada tahap perancangannya atau design mengunakan tools yakni Data Flow Diagram (DFD) untuk pemodelan proses dan Entity Relationship Diagram (ERD) untuk pemodelan data. 2. Dengan sistem pemesanan kayu manis berbasis web dapat meningkatkan pemesanan dan jangkauan pemesanan kayu manis melalui layanan pemesanan berbasis web. 3. Sistem pemesanan dilengkapi dengan fitur cetak laporan berdasarkan periode pemesanan sehingga bisa secara cepat melakukan print out berdasarkan input periode yang diinginkan dan kemudian laporan diserahkan pada direktur.

114

5.2. Saran Saran yang dapat peneliti berikan guna pengembangan sistem pemesanan berbasis web ini adlah : 1. Di masa mendatang sistem ini dapat berkembang lagi menjadi e-commerce dengan sistem transaksi online secara langsung secara real time. 2. Sistem pemesanan berbasis web ini perlu dilengkapi dengan sistem keamanan yang lebih baik lagi dengan mengaktifkan control security untuk perkembangan selanjutnya. 3. Web ini memerlukan SDM yang handal dan kompeten dalam bidang maintenance website agar tidak terlihat sederhana dan mampu meningkatkan daya tarik yang tinggi bagi setiap pengunjungnya.

115

DAFTAR PUSTAKA

Ellsworth, Jill H and Ellsworth, Mathew V. 2001. Marketing On Internet. John Wiley and Son, Newyork Hartono, Jogiyanto. 2005. Analisis & Desain Sistem Informasi: Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis. Andi Yogyakarta. Husein, Umar. 2004. Metode Riset Ilmu Administrasi. Jakarta : PT. Gramedia Pustaka Utama. Kadir, Abdul. 2001. Dasar Pemrograman Web Dinamis Menggunakan PHP. Andi Yogyakarta Kadir, Abdul. 2005. Dasar Pemrograman Web dengan ASP. Yogyakarta : Andi Offset Khaeruddin. 2005. Belajar Otodidak Adobe Photoshop CS Menguasai Tanpa Guru. Yogyakarta : Andi Offset Ladjamudin, Al bahra, 2005. Analisis dan design system informasi. Yogyakarta : Graha ilmu. Ladjamudin, Al-Bahra. 2006. Rekayasa Perangkat Lunak. Graha

Ilmu. Yogyakarta.

Lenawati, Mei. 2007. Macromedia Dreamweaver 8.0 dengan PHP. Yogyakarta : Andi Offset Madcoms. 2004. Aplikasi Program PHP dan MySQL untuk Membuat Website Interaktif. Madiun : Andi Yogyakarta Nugroho, Bunafit. 2004. PHP dan MySQL dengan Editor Dreamweaver MX . Yogyakarta : Andi Offset

116

Prakoso, Samuel, Hartono, Eddy, Oetomo, Budi Sutedja Dharma. Pengantar Teknologi Informasi Internet, Konsep dan Aplikasi. 2007. Yogyakarta: Andi Offset Pressman, R.S. 2002. Software Engineering: A Practitioner’s Approach, Fifth Edition. McGraw Hill Companies, Inc. United States. Purbo W, Onno dan Akhmad Daniel. 2000. Buku Pintar Internet Membangun Web ECommerce. Jakarta : Elex Media Komputindo. Ravindran, P.N, Nirmal Babu and M. Shahlaja. 2000. Cinnamon and Cassia The Genus Cinnamomum. New York Sarwono, Jomathan. 2006. Metode penelitian kuantitatif dan kualitatif. Yogyakarta : Graha ilmu Sembiring H, Jhony. 2001. Jaringan Komputer Berbasis LInux. Jakarta : Elex Media Komputindo. Suyanto, M. 2003. Multimedia Alat untuk Meningkatkan Keunggulan Bersaing. Yogyakarta : Andi Offset. Syafrizal, Melwin. 2005. Pengantar Jaringan Komputer. Yogyakarta : Andi Offset Wahana. 2005. Seri Buku Pintar : Menjadi Seorang Desainer web. Yogyakarta : Andi Offset Wahana. 2006. Seri Panduan Lengakap Menguasai Pemrograman Web dengan PHP 5. Semarang : Andi Offset Yogyakarta dan Wahana Komputer Semarang. Whitten, Jeffrey L. 2004. Systems Analysis & Design Methods: Sixth Edition. New York: McGraw-Hill.

117

http://www.google.co.id/search?hl=id&q=kelemahan+php+yaitu&btnG=Telusuri+denga n+Google&meta= http://209.85.175.104/search?q=cache:OAHFfUApmOcJ:institut.aidsina.org/mod/resourc e/view.php%3Finpopup%3Dtrue%26id%3D18+kelemahan+mysql+adalah&hl=id&ct=cl nk&cd=12&gl=id http://dewi.students-blog.undip.ac.id/tag/analisis-sistem/ http://alfside.wordpress.com/2008/10/28/pengertian-kuisoner/

118