42
32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar dapat memenuhi target pendapatan CV. Mandiri Prasta Utama dalam kegiatan pemesanan jasa waterproofing dan injeksi beton yaitu menggunakan sebuah aplikasi program sistem online (internet) yang terhubung dengan database yang berfungsi menyimpan data-data yang diperlukan oleh klien untuk proses pemesanan. 1. Prosedur Kunjungan Web Pengunjung dapat langsung membuka situs web CV.Mandiri Prasta Utama di situs www.waterproofing-mandiriprastautama.com/, pengunjung akan melihat tampilan home dimana terdapat beberapa informasi mengenai CV.Mandiri Prasta Utama. Dan jika pengunjung ingin menjadi member kami, maka pengunjung harus mendaftar menjadi member. Pendaftaran menjadi member, bisa mengklik link registrasi member yang terdapat di member area. 2. Prosedur Pemesanan Jika sudah menjadi member kami, maka pengunjung dapat melakukan transaksi pemesanan. Member harus melakukan login member, dan akan masuk ke dalam ruang member yang didalamnya terdapat link pemesanan produk dimana member dapat langsung melakukan transaksi. Setelah transaksi terjadi, member dapat melihat laporan pemesanan .

File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

Embed Size (px)

Citation preview

Page 1: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

32

BAB IV

RANCANGAN SISTEM DAN PROGRAM USULAN

4.1. Analisa Kebutuhan Software

A. Tahapan Analisis

Usulan prosedur yang baru agar dapat memenuhi target pendapatan CV.

Mandiri Prasta Utama dalam kegiatan pemesanan jasa waterproofing dan injeksi

beton yaitu menggunakan sebuah aplikasi program sistem online (internet) yang

terhubung dengan database yang berfungsi menyimpan data-data yang diperlukan

oleh klien untuk proses pemesanan.

1. Prosedur Kunjungan Web

Pengunjung dapat langsung membuka situs web CV.Mandiri Prasta Utama

di situs www.waterproofing-mandiriprastautama.com/, pengunjung akan

melihat tampilan home dimana terdapat beberapa informasi mengenai

CV.Mandiri Prasta Utama. Dan jika pengunjung ingin menjadi member

kami, maka pengunjung harus mendaftar menjadi member. Pendaftaran

menjadi member, bisa mengklik link registrasi member yang terdapat di

member area.

2. Prosedur Pemesanan

Jika sudah menjadi member kami, maka pengunjung dapat melakukan

transaksi pemesanan. Member harus melakukan login member, dan akan

masuk ke dalam ruang member yang didalamnya terdapat link pemesanan

produk dimana member dapat langsung melakukan transaksi. Setelah

transaksi terjadi, member dapat melihat laporan pemesanan .

Page 2: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

33

3. Prosedur Konfirmasi

Member yang telah melakukan transaksi, akan mendapatkan konfirmasi via

telepon dan mendapatkan penawaran via email oleh admin dimana akan

diinformasikan proses penyelesaian pekerjaan.

4. Prosedur Laporan

Admin harus login dulu, setelah melakukan login akan masuk ke ruang

admin. Link Laporan di klik, setelah itu akan muncul report laporan

pemesan.

B. Use Case Diagram

Sebuah usecase mempresentasikan sebuah interaksi antara actor dengan

sistem. Berikut adalah use case diagram yang ada pada :

1. Halaman melihat isi Web secara umum

Page 3: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

34

Gambar IV.1

Use Case Diagram Melihat Isi Web secara umum

Menampilkan Referensi

Menampilkan Contact us

Actor3 Member

Admin

Lihat Katalog produk

Lihat laporan

Mengupdate katalog

pengunjung

Menampilkan About

Mengupdate data Client

Menanmpilkan Gallery

Menampilkan Partner

Menampilkan Home

Menampilkan Buku Tamu

Page 4: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

35

2. Halaman Daftar Member

Gambar IV.2

Use Case Diagram Daftar Member

Member

Melakukan Daft ar Member

Data Member Menu Member

<< include >>

<< extend>><< extend >>

Input Data Member

Page 5: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

36

Tabel IV.2.

Dokumentasi Use Case Halaman Daftar Member

Use Case Use Case Diagram Daftar Member

Brief Description Use case ini memungkinkan Pengunjung melakukan

pendaftaran sebagai member CV.Mandiri Prasta Utama

Actor Member

Precondition Pengunjung menggunakan browser internet untuk melihat

halaman-halaman website CV.Mandiri Prasta Utama.

Main Flow Use case ini dimulai pada saat Pengunjung mengisi form

pendaftaran.

Alternatif Flow Jika Pengunjung tidak ingin mendaftar sebagai member,

Pengunjung dapat menutup browser ataupun melihat

halaman web CV.Mandiri Prasta Utama yang lain.

Post Condition Jika Pengunjung berhasil melakukan pendaftaran maka

Anda Telah Terdaftar. Kemudian Pengunjung dapat login

dan melakukan pemesanan paket.

Page 6: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

37

2. Halaman Pemesanan Jasa Waterproofing

Gambar IV.3.

Use Case Diagram Pemesanan Jasa Waterproofing

MemesanJasa Waterproofing

Pilihanpaket

Member<<

include>>

<<extend>><<extend>>

include<< >>

Input user dan Pass

LaporanLihat Katalog produk

Page 7: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

38

Tabel IV.3.

Dokumentasi Use Case Pemesanan Jasa Waterproofing

Use Case Pemesanan Jasa CV.Mandiri Prasta Utama

Brief Description Use case ini memungkinkan member membuka web

dan memesan Jasa Waterproofing.

Actor member

Precondition Pengunjung menggunakan browser internet untuk

memesan Jasa Waterproofing dan tercatat sebagai

member.

Main Flow Use case ini dimulai saat member memutuskan untuk

memesan jasa waterproofing dengan memilih fungsi

pemesanan produk.

Alternatif Flow Jika member memilih menu pemesanan, maka

member dapat memesan jasa waterproofing yang telah

disediakan.

Post Condition Jika use case sukses dijalankan, pemesanan akan

dicatat di database sistem.

Page 8: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

39

4. Halaman Admin

Gambar IV.4.

Use Case Diagram Admin

Admin

<<include>>

Update Client

Lihat Data Member

Update Katalog

Lihat Data Bukutamu

Lihat Laporan

Log Out

Input User Pass

Page 9: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

40

Tabel IV.4.

Dokumentasi Use Case Admin

Use Case Admin CV.Mandiri Prasta Utama

Brief Description Use case ini memungkinkan admin untuk memasuki

halaman admin, data client, data member data buku

tamu, dan membuat laporan.

Actor Admin

Precondition Sebelum masuk ke halaman admin, admin harus

mempunyai username dan password untuk login.

Main Flow Untuk masuk ke halaman admin, admin harus masuk ke

halaman

www.waterproofingmandiriprastautama.com/admin

.login terlebih dahulu dengan mengisi username dan

password. Jika berhasil, maka admin dapat masuk ke

halaman admin dimana admin dapat menambah,

mengubah serta menghapus data-data yang ada.

Alternatif Flow Jika ada kesalahan dalam login maka akan muncul

pesan kemudian akan diarahkan ke halaman index login.

Post Condition Jika data-data yang ada di halaman admin telah di

update, maka secara otomatis pada halaman index pun

akan terupdate.

Page 10: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

41

5. Halaman Update Katalog

Gambar IV.5.

Use Case Diagram Update Katalog

Update Data

Katalogyang akan diupdate

<< extend>>

<<include >>

Admin

Katalog

Page 11: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

42

Tabel IV.5.

Dokumentasi Use Case Update Katalog

Use Case Update Katalog

Brief Description Use case ini memungkinkan seorang administrator

untuk melakukan pengupdate-an katalog.

Actor Admin

Precondition Sebelum masuk ke halaman admin, admin harus

mempunyai username dan password untuk login.

Main Flow Use case ini dimulai pada saat seorang admin ingin

Melakukan perubahan data.

Alternatif Flow Jika administrator tidak ingin melakukan pengupdetan

maka dia dapat melihat daftar member, daftar buku tamu

dan laporan.

Post Condition Jika seorang administrator berhasil melakukan login

maka dia dapat membuat laporan – laporan.

Page 12: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

43

Admin

Lihat BukuTamu

Pengunjung

Isi Buku Tamu

6. Halaman Buku Tamu

Gambar IV.6.

Use Case Diagram Buku Tamu

Page 13: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

44

Tabel IV.6.

Dokumentasi Use Case Buku Tamu

Use Case Buku Tamu CV.Mandiri Prasta Utama

Brief Description Use case ini memungkinkan pengunjung untuk

mengisi form buku tamu yang telah disediakan, yang

bertujuan untuk sistem saran atau masalah yang lain.

Actor Pengunjung dan Admin

Precondition Pengunjung harus menggunakan browser internet

untuk mengakses website CV. Mandiri Prasta Utama

Main Flow Saat website CV. Mandiri Prasta Utama pertama kali

diakses melalui browser internet, Pengunjung akan

menuju ke halaman utama, untuk kemudian dapat

memilih menu buku tamu.

Alternatif Flow Jika Pengunjung memilih menu buku tamu maka

visitor akan diminta mengisi form buku tamu. Visitor

juga harus mengisi identitas yaitu Nama dan email.

Jika sudah lengkap maka dapat dipilih tombol

submit, untuk mengirim data .

Post Condition Jika proses pengiriman telah berhasil akan tampil data

berhasil diinput kepada nama pengunjung yang telah

mengisi data. Dan akan disimpan di database sistem.

Page 14: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

45

7. Halaman Laporan Pelayanan Jasa

Gambar IV.7.

Use Case Diagram Laporan Pelayanan Jasa

Laporan Pelayanan Jasa

Admin Data Pelayanan Jasa

<<extend>>

Form Pelayanan Jasa<<include>>

Page 15: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

46

Tabel IV.7.

Dokumentasi Use Case Laporan Pelayanan Jasa

Use Case Laporan Pelayanan Jasa

Brief Description Use Case Laporan Pelayanan Jasa adalah use case

yang ditujukan kepada Admin

Actor Admin

Precondition Sebelum masuk ke halaman admin, admin harus

mempunyai username dan password untuk login.

Main Flow Admin membuka login ke ruang admin untuk

melakukan laporan pelayanan jasa. Admin mengklik

menu laporan pelayanan jasa dan membuka halaman

laporan pelayanan jasa.

Alternatif Flow Admin dapat memilih menu yang lain atau dapat

melakukan logout.

Post Condition Jika sudah selesai. Admin melihat laporan penjualan.

C. Activity Diagram

Activity diagram menggambarkan alir aktivitas dalam sistem yang sedang

dirancang. Bagaimana masing-masing alir berawal, decision (keputusan) yang

mungkin terjadi, dan bagaimana alir itu berakhir.

Page 16: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

47

1. Activity Diagram Index

Gambar IV.8.

Activity Diagram Index

Tidak

Tidak

Tidak

Tidak

Buka Brower dan Ketik Alamat Web.CV. Mandiri prasta Utama

User www.waterproofingmandiriprastautama.com.

Tampil Halaman Contact us

Ya

Tidak

Contact us

Gallery

Ya

Tampil Halaman ProfileYa

Tampil Halaman Index / Pilihan MenuYa

About

Tampil Halaman Referensi ,.

Tampil HalamanGalleryt

Referensi

Produk

Guest Book

Tampil Halaman buku tamuYa

Ya

Ya Tampil Halaman data Tentang ProdukWaterproofing

Page 17: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

48

2. Activity Diagram Daftar Member

Gambar IV.9.

Activity Diagram Daftar Member

Buka Halaman Registrasi Member

Cek KelengkapanInput Data Diri

Tampil Pesan

Input Data Kembali KEmbali kehalaman Utama

User Web CV. Mandiri Prasta Utama.Database

Data Tidak Lengkap

Data Lengkap

Page 18: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

49

3. Activity Diagram Login Member

Gambar IV.10.

Activity Diagram Login Member

Buka kolom Member area login

Cek Data MemberInput Username DanPassword

Tampil Pesan

Input Data Kembali Tampil HalamanMember

Member WebCV.Mandiri Prasta Utama. Database

Data salah

Data Benar

Page 19: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

50

4. Activity Diagram Login Admin

Gambar IV.11.

Activity Diagram Login Admin

Buka Halaman an Login Admin

Cek Data AdminInput Username DanPassword

Tampil Pesan

Input Data KembaliTampil HalamanLogin Admin

Admin Web CV.Mandiri Prasta Utama. Database

Data salah

Data Benar

Page 20: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

51

5. Activity Diagram Pemesanan Produk

WebMember

Login Member

Pilih Katalog

Pemesananproduk

Ruang MemberYa

T Lihat pemesananYa

Gambar IV.12.

Activity Diagram Pemesanan Jasa Waterproofing

Page 21: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

52

4.2. Desain

4.2.1 Desain Database

1. ERD (Entity Relationship Diagram)

Gambar IV.13.

Entity Relation Diagram Pemesanan Jasa

Page 22: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

53

2. Logical Record Sturcture

Gambar IV.13.

Logical Record Structure

3. Spesifikasi File

Spesifikasi file data yang ada pada aplikasi ini menggunakan satu file

database, dimana satu file tersebut terdiri dari beberapa table yang terdiri dari

sekumpulan data/fakta. Sehingga dapat membantu dalam membangun sistem ini.

Berikut adalah table-tabel yang terdapat di database :

Page 23: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

54

1. Nama Database : mandiri

Nama Tabel : idadmin

Fungsi : Untuk menyimpan data admin

Organisasi File : Index sequential

Media File : Hard disk

Panjang Record : 76 karakter

Kunci Field : id

Tabel IV.9.

Spesifikasi tabel idadmin

No. Elemen Data Nama Field Type Width Ket

1. Id id Int 10 Primary Key

2. USER_ID USER_ID Varchar 10 -

3. PASS PASS Varchar 10 -

2. Nama Database : mandiri

Nama Tabel : idmember

Fungsi : Untuk menyimpan data member

Organisasi File : Index sequential

Media File : Hard disk

Panjang Record : 216 karakter

Kunci Field : id

Page 24: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

55

Tabel IV.10.

Spesifikasi tabel idmember

No. Elemen Data Nama Field Type Width Ket

1. idmember idmember Int 10 Primary Key

2. Nama username Varchar 10 -

3. Password password Varchar 10 -

4. Email email Varchar 30 -

5. Telpon telpon Varchar 20 -

6. Alamat alamat Varchar 50 -

3. Nama Database : mandiri

Nama Tabel : bukutamu

Fungsi : Untuk menyimpan data buku tamu

Organisasi File : Index sequential

Media File : Hard disk

Panjang Record : 505 karakter

Kunci Field : id

Tabel IV.11.

Struktur tabel bukutamu

No. Elemen Data Nama Field Type Width Ket

1. Id tamu id Int 4 Primary Key

2. Nama nama Varchar 100 -

3. Email email Varchar 200 -

4. Message message Text - -

5. Tgl Masuk tanggal Date - -

Page 25: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

56

5. Nama Database : mandiri

Nama Tabel : produk

Fungsi : Untuk menyimpan data produk jasa waterproofing

Organisasi File : Index sequential

Media File : Hard disk

Panjang Record : 75 karakter

Kunci Field : id

Tabel IV.12.

Struktur tabel Produk

No. Elemen Data Nama Field Type Width Ket

1. Id paket idproduk Int 10 Primary Key

2. Nama namaproduk Varchar 100 -

3. Foto foto Int 30 -

4. Keterangan keterangan Text

5. Harga harga Double

7. Nama Database : mandiri

Nama Tabel : transaksi

Fungsi : Untuk menyimpan data pemesanan jasa waterproofing

Organisasi File : Index sequential

Media File : Hard disk

Panjang Record : 90 karakter

Kunci Field : id

Page 26: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

57

Tabel IV.13. Struktur tabel Transaksi

No. Elemen Data Nama Field Type Width Ket

1. Id id Int 4 Primary Key

2. property bagian Varchar 50 -

3. Tanggal Tgl_trans Date -

4. Id Produk idproduk Int 3 -

5. Jumlah qty Int 2 -

6. username username Int 10 -

4.3 Software Architecture

A. Component Diagram

Component diagram merepresentasikan dunia riil item yaitu component

software. Component software menetap di komputer bukan di benak para analis,

berikut gambar component software :

Gambar IV.16.

Component Diagram

simpan ke database

kirim data

isi data

login

browsing

Page 27: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

58

B. Deployment Diagram

Deployment diagram menyediakan gambaran bagaimana sistem secara fisik

akan terlihat. Sistem diwakili oleh node-node, dimana masing-masing diwakili

oleh sebuah kubus. Garis yang menghubungkan kedua kubus menunjukkan

hubungan diantara kedua node tersebut. Berikut gambar Deployment Diagram:

Client browser Web server

Databasebrowser

Page request

Database request

Gambar IV.17.

Deployment Diagram

Page 28: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

59

4.2.3 User Interface

Website CV.Mandiri Prasta Utama memiliki file index.php dimana file ini

digunakan untuk halaman utama dari web, halaman ini bisa diakses oleh setiap

pengunjung web atau member. Database yang digunakan di beri nama mandiri

yang terdiri dari lima tabel yaitu tabel idadmin, idmember, produk, tabel

bukutamu, tabel pemesanan.

Berikut ini adalah halaman yang terdapat pada website CV.Mandiri Prasta

Abadi, yaitu :

1. Halaman index dan login member

Halaman index adalah tampilan yang muncul awal dari website yang

pertama kali di lihat oleh pengunjung web. Member juga dapat melakukan login di

menu login member. Pada halaman depan ini, pengunjung dapat memilih menu

profile, katalog, buku tamu, client, kontak kami, ketentuan.

Gambar IV.20.

Halaman Index.php

Page 29: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

60

1. Halaman Member

Pada halaman ini hanya membuat formulir untuk diisi oleh pengunjung yang

ingin menjadi member. Dan bagi pengunjung yang ingin melakukan transaksi

pemesanan paket waterproofing harus terdaftar dulu sebagai member.

Gambar IV.21.

Halaman registrasi.php

Gambar IV.22.

Halaman member/index.php

Page 30: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

61

3. Halaman Katalog

Halaman ini berisi paket produk waterproofing yang dimiliki oleh CV

Mandiri Prasta Utama, yang dibagi dalam beberapa pilihan. Pada halaman ini

member dapat melakukan transaksi pemesanan dengan mengklik pemesanan.

Gambar IV.23.

Halaman katalog.php

4. Halaman Pemesanan Paket waterproofing

Halaman ini berisi daftar pemesanan paket waterproofing yang dipesan oleh

member.

Gambar IV.24.

Halaman pemesanan.php

Page 31: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

62

5. Halaman lihat pemesanan

Halaman ini berisi laporan pesanan yang telah diisi oleh pengujung website.

Gambar IV.25.

Halaman liatpesan.php

6. Halaman lihat Laporan detail

Pada halaman ini terdapat laporan detail pesanan beserta perkiraan harga .

Gambar IV.26.

Halaman detail.php

Page 32: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

63

8. Halaman Referensi

Halaman ini berisi daftar perusahaan yang telah menggunakan jasa CV

Mandiri Prasta Utama.

Gambar IV.27.

Halaman referensi.php

Page 33: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

64

9. Halaman About

Halaman ini tentang About visi dan misi CV Mandiri Prasta Utama.

Gambar IV.28.

Halaman about.php

10. Halaman Kontak Kami

Halaman ini berisi tentang contact person dan email

Gambar IV.29.

Halaman contactus.ph

Page 34: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

65

11. Halaman Buku Tamu

Pada halaman ini pengunjung dapat mengisi Buku Tamu CV

Mandiri Prasta Utama.

Gambar IV.30.

Halaman bukutamu.php

12. Halaman Partner

Pada halaman ini pengunjung dapat mengetahui Partner

perusahaan yang berkerja sama dengan CV Mandiri Prasta Utama dan

juga sertifikat yang di miliki oleh CV Mandiri Prasta Utama.

Gambar IV.31.

Halaman partner.php

Page 35: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

66

13. Halaman Home Admin

Pada halaman ini merupakan halaman admin CV Mandiri Prasta Utama,

mulai data update produk, update client, data member, data bukutamu dan

laporan-laporan.

Gambar IV.32.

Halaman halamutama.php

14. Halaman update Produk

Halaman admin untuk mengubah Produk.

Gambar IV.33.

Halaman liatproduk.php

Page 36: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

67

15. Halaman Laporan Pelayanan Jasa

Halaman admin untuk melihat laporan pelayanan jasa..

Gambar IV.34.

Halaman lliatpesan.php

4.3 Code Generation

A. Form Transaksi

<?php

session_start();

if( !isset($_SESSION['username']) || !isset($_SESSION['PASS']) )

{

die('Illegal Acces');

}

?>

<?php

include("koneksi.php");

$koneksi = koneksi_db();

$jasa = $_POST['jasa'];

$bagian = $_POST['bagian'];

Page 37: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

68

$qty = $_POST['qty'];

if(trim($jasa)==""){echo"silahkan pilih jasa";} else if

(trim($bagian)==""){echo"berikan keterangan tempat";} else if

(trim($qty)==""){echo"masukan jumlah";} else

{ $tanggal = date('y-m-d');

$sqlsimpan = "INSERT INTO transaksi SET

idproduk = '$jasa',

bagian = '$bagian',

qty = '$qty',

tgl_trans = '$tanggal',

username = '$_SESSION[username]'";

mysql_query($sqlsimpan,$koneksi) or die ("gagal perintah sql".mysql_error());

header("location:liatpesan.php");

}

?>

4.3 Testing

Gambar IV.35.

Hasil Pengujian BlackBox Testing Form Login user

Page 38: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

69

4.5 Suport

4.5.1 Publikasi Web

Menurut Andi (2009:129), “Web Hosting merupakan salah satu bentuk

layanan jasa penyewaan tempat di internet yang memungkinkan seseorang atau

organisasi untuk menampilkan layanan jasa atau produknya di situs internet”.

Penulis menggunakan free hosting, berikut alamat hosting yang digunakan

untuk melihat tampilan keseluruhan dari web http://www.ptysa.co.cc berikut

rinciannya :

» Free HostingPrice $0.00Disk Space 1500 MBData Transfer 100 GB / monthAdd-on Domains 5Sub-domains 5E-mail Addresses 5MySQL Databases 2Free domainyourname.COM, .NET,.ORG, .INFO, .CO.UKControl Panel Custom PanelReseller Hosting Feature

Berikut cara dapatkan domain gratis:

1. Kunjungin situs register http://www.co.cc

2. Ketikkan nama domain yang diinginkan dan cek ketersediaan. Bilamana

domain yg diinginkan berbayar ulangi lagi dan cari yang gratis saja.

3. Kemudian daftar account (create account) dan isi form, kemudian click

create account.

Page 39: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

70

4. Lakukan set up dan manage domain name server. isikan untuk name server1:

ns01.000webhost.com dan name server2: ns02.000webhost.com dan click set

up. tunggu beberapa saat hingga proses selesai dan klik ok.

5. Satu tahun kemudian tinggal renewal lagi dan ini juga gratis.

Selanjutnya cara mendapatkan hosting gratis. pointing name server untuk domain

kita, telah kita lakukan diatas (name server 1 dan name server 2 telah diisi diatas).

Walaupun gratis, hosting yang kita tuju berikut ini memberikan features yang

cukup lumayan bagi kita yang menginginkan hosting sendiri misal untuk web atau

blog. Diantara featuresnya adalah : 350MB disk space, 100GB Bandwidth,

Fantastico, CRON dan sebagainya. Cara daftar sebagai berikut :

1. Silahkan kunjungi http://www.000webhost.com

2. Klik Sign Up.

3. Isikan form. isikan kotak "I want to host my own domain" dengan nama

domain yang telah anda daftarkan (domain gratis diatas) dan biarkan kosong

untuk kotak subdomain. dan klik create account.

4. Buka email anda yang digunakan untuk pendaftaran ini. dan klik email

verifikasi link dari hosting.

5. Setelah email link verifikasi anda klik maka anda akan diarahkan untuk

menuju ke hosting, klik set up.

4.5.2 Spesifikasi Hardware dan Software

A. Spesifikasi Hardware

Perangkat keras (hardware) adalah seperangkat alat atau elemen elektronik

yang dapat membantu sistem yang diusulkan sehingga program yang diusulkan

Page 40: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

71

oleh penulis dapat bekerja dengan baik. Perangkat keras yang dibutuhkan dibagi

atas dua bagian, yaitu perangkat keras untuk web server dan perangkat keras

client.

Adapun perangkat keras minimal yang diperlukan oleh server adalah

sebagai berikut :

a. Processor : Pentium IV 2.4 Mhz

b. Memory Size(RAM) : 1 GB (DDRAM)

c. Monitor : SVGA Colour 15”

d. Floppy Disk : 1.44 MB (3,5”)

e. Hardisk : 80 GB

f. Keyboard : 107 Keys

g. Mouse : Standard Mouse

h. Printer : Deskjet

Adapun perangkat keras minimal yang diperlukan oleh client. Adalah

sebagai berikut :

a. Processor : Pentium II 400 Mhz

b. Memory Size(RAM) : 256 GB (DDRAM)

c. Monitor : SVGA Colour 15”

d. Floppy Disk : 1.44 MB (3,5”)

e. Hardisk : 20 GB

f. Keyboard : 107 Keys

g. Mouse : Standard Mouse

h. Printer : Deskjet

Page 41: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

72

B. Spesifikasi Software

Perangkat lunak (software) adalah suatu rangkaian atau susunan instruksi

yang haru benar dengan urutan-urutan yang benar pula. Keberasaan perangkat

lunak selalu menyertai perangkat keras yang ada. Pelangkat lunak yang

dibutuhkan dibagi atas dua bagian, yaitu perangkat lunak untuk web server dan

perangkat lunak untuk client.

Adapun perangkat lunak minimal yang diperlukan untuk web server adalah

sebagai berikut :

a. Sistem Operasi : Windows 7

b. Bahasa Program : PHP

c. Interpreter : PHP Engine versi 5.1.2

d. Database Server : MySQL Server versi 5.0.18

e. Web Server : Apache version 2.2.0

f. Database Tools : PhpMyAdmin versi 2.7.0-pl2

Adapun perangkat lunak minimal yang diperlukan untuk client adalah

sebagai berikut :

a. Sistem Operasi : Windows 7/ 9x/ME/2000/XP

b. Browse : Internet Explorer Browser

Selain komponen sistem perangkat keras dan perangkat lunak yang telah

disebutkan sebelumnya ada komponen tambahan yang dibutuhkan untuk

mendukung pembuatan website CV.Mandiri Prasta Utama berbasis web

menggunakan PHP dan MySQL. Perangkat lunak lainnya tersebut diantara lain :

1. PHP Editor, berfungsi sebagai media untuk menuliskan scripts PHP.

Contoh text editor yaitu Notepad, PHPCoder, PHPEditor, macromedia

Page 42: File 16 Bab IV Rancangan Sistem Jaringan Usulan · 32 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan Analisis Usulan prosedur yang baru agar

73

Dreamweaver dan lain sebagainya. Dalam penulisan skripsi ini , digunakan

PHP Editor dan Macromedia Dreamweaver karena sangat membantu dalam

penggunaan menuliskan perintah-perintah PHP yang sulit.

2. Browser, berfungsi untuk melihat tampilan perintah-perintah PHP yang

telah dijalankan di web server. Contoh browser yaitu: internet Explorer,

Netscape Navigator, Opera, Firefox, dan lain-lain. Dalam hal ini penulis

menggunakan Mozilla Firefox.

3. Photo Editor, berfungsi untuk membuat ataupun mengubah gambar. Dalam

hal ini penulis menggunaka Adobe Photoshop CS

4.6 Spesifikasi Dokumen Sistem Usulan

A. Nama Dokumen : Penawaran proyek Mall EkalokasariFungsi : Sebagai bukti penawaran JasaSumber : AdminTujuan : KlienMedia : File atau KertasFrekuensi : Setiap terjadi transaksi penjualanFormat : Lampiran B – 1