Deskripsi Perancangan Perangkat Lunak

DESKRIPSI PERANCANGAN PERANGKAT LUNAKWebsite dengan Sistem Belanja Online untuk

CV Aneka Kriya

untuk :

Tugas KI1312Rekayasa Perangkat Lunak B

Dipersiapkan oleh:

IGN Agung Bayu Ditaprawira (5109100068)A.A Ngurah Bagus Trihatmaja (5109100040)

Jurusan Teknik Informatika - Institut Teknologi Sepuluh NopemberJalan Teknik Kimia

Jurusan Teknik Informatika

Institut Teknologi Sepuluh nopember

Nomor Dokumen Halaman

GL01-G01 1/24

Revisi Tgl: 9-12-2010

GL01

RPL B

DAFTAR PERUBAHAN

Revisi Deskripsi

A

B

C

D

E

F

G

INDEX - A B C D E F G

Jurusan Informatika ITS DPPL-G01 2/23Dokumen ini dan informasi yang dimilikinya adalah milik Jurusan Teknik Informatika-ITS dan bersifat rahasia. Dilarang untuk

me-reproduksi dokumen ini tanpa diketahui oleh Jurusan Teknik Informatika

Daftar Halaman Perubahan

Halaman Revisi Halaman Revisi



Daftar Isi

Daftar Isi...................................................................................................................................................4

Daftar Gambar..........................................................................................................................................5Daftar Tabel..............................................................................................................................................6

1 Pendahuluan......................................................................................................................................71.1 Tujuan........................................................................................................................................71.2 Lingkup Masalah........................................................................................................................71.3 Definisi, Akronim dan Singkatan...............................................................................................81.4 Referensi....................................................................................................................................81.5 Deskripsi Umum Dokumen........................................................................................................9

2 Deskripsi Perancangan......................................................................................................................92.1 Rancangan Lingkungan Implementasi.......................................................................................92.2 Struktur Model.........................................................................................................................102.3 Dekomposisi Fisik Modul........................................................................................................102.4 Deskripsi Data.........................................................................................................................11

2.5 Deskripsi Rinci Modul...............................................................................................................132.5.1 Deskripsi Layar.................................................................................................................13

2.5.1.1 Halaman Home..........................................................................................................132.5.1.2 Halaman About..........................................................................................................142.5.1.3 Halaman Product.......................................................................................................152.5.1.4 Halaman Admin........................................................................................................162.5.1.5 Deskripsi Objek.........................................................................................................16Deskripsi Proses.........................................................................................................................202.5.1.6 Proses Pendaftaran....................................................................................................202.5.1.7 Proses Login..............................................................................................................202.5.1.8 Proses Order..............................................................................................................202.5.1.9 Menu Administrator…….

………………………………………………………..21 2.5.2 Deskripsi Laporan

…………………………………………………………………......222.5.2.1 Laporan Hasil Transaksi…………………………………………………….................22



Daftar Gambar

Gambar 1. Struktur Model......................................................................................................................10Gambar 2. Lay Out Halaman Home.......................................................................................................14Gambar 3. Lay Out Halaman About.......................................................................................................15Gambar 4. Lay out Halaman Product.....................................................................................................16Gambar 5. Lay out Halaman Admin.......................................................................................................17Gambar 6. Lay out Laporan....................................................................................................................23



Daftar Tabel

Tabel 1. Definisi, Singkatan dan Akronim..............................................................................................8Tabel 2. Tabel DekomposisiModul……………………………………………...………………..................................11Tabel 3. Struktur Tabel Customer...........................................................................................................11Tabel 4. Struktur Tabel Nama_Barang...................................................................................................12Tabel 5. Struktur Tabel Administrator....................................................................................................12Tabel 6. Struktur Tabel Bank…………………………………………………………………..............12Tabel 7. Struktur Tabel Jasa_Pengiriman……………………………………………….......................12Tabel 8. Struktur Tabel Detail Pembelian………………………………………………......................12Tabel 9. Deskripsi Objek........................................................................................................................17



1 Pendahuluan

1.1 Tujuan

Dokumen GL-01 ini berisi Deskripsi Perancangan Perangkat Lunak (DPPL) atau

Software Design Description (SDD) untuk Website dengan Sistem Belanja Online milik CV

Aneka Kriya. Tujuan dari penulisan dokumen ini adalah untuk memberikan penjelasan

mengenai perangkat lunak yang akan dibangun baik berupa gambaran umum maupun

penjelesan detail dan menyeluruh.

Pengguna dari dokumen ini adalah pengembang perangkat lunak Website dengan

Sistem Belanja Online dan pengguna (user) dari Website atau pihak – pihak yang terlibat

dalam perangkat lunak. Dokumen ini akan digunakan sebagai bahan acuan dalam proses

pembuatan dan pengembangan serta sebagai bahan evaluasi pada saat proes pengembangan

perangkat lunak maupun di akhir pengembangannya. Dengan adanya dokumen DPPL ini

diharapkan pembuatan dan pengembangan perangkat lunak akan lebih terarah dan tetap

terfokus sehingga tidak menimbulkan ambiguitas terutama dalam proses pengembangan

Website dengan Sistem Belanja Online.

1.2 Lingkup Masalah

Perangkat lunak yang akan dikembangkan adalah perangkat lunak yang berupa sebuah

Website, yaitu berupa halaman web yang didalamnya berisi mengenal berbagai hal tentang

CV Aneka Kriya. Website ini berfungsi sebagai sarana promosi serta penjualan benda –

benda buatan CV Aneka Kriya. Berikut fitur – fitur yang dimiliki oleh website CV Aneka

Kriya:

Menampilkan profil perusahaan

Menampilkan barang – barang yang ditawarkan oleh CV Aneka Kriya.

Memiliki sistem belanja online sehingga customer dapat melakukan pemesanan

barang tanpa harus mengunjungi toko dari CV Aneka Kriya.

Memiliki sistem registrasi yang memungkinkan CV Aneka Kriya memiliki data

– data customer yang berbelanja secara online.

Memiliki fitur untuk memvalidasi input pemesanan barang oleh customer.

Karena sifat dari halaman web yang dapat diakses dimana saja dan kapan saja, hal ini

akan memudahkan CV Aneka Kriya dalam promosi barang serta penjualan. Calon customer

yang ingin melihat – lihat barang yang ditawarkan oleh CV Aneka Kriya namun tidak



memiliki banyak waktu tidak perlu pergi langsunng ke toko, namun cukup membuka katalog

barang yang tersedia pada halaman web CV Aneka Kriya. Dengan ada website ini diharapkan

promosi barang serta tingkat penjualan barang dapat meningkat karena tidak lagi terbatas

oleh lokasi dan jam buka toko.

1.3 Definisi, Akronim dan Singkatan

Tabel 1, Definisi, Singkatan dan Akronim

Istilah, Akronim, dan Singkatan Keterangan

SKPL Spesifikasi Kebutuhan Perangkat Lunak.

Dokumen yang berisi hasil analisis tentang

spesifikasi kebutuhan user.

IEEE Institute of Electrical and Electronics

Engineers. Standar internasional

pengembangan dan perancangan perangkat

lunak.

Website Halaman – halaman web yang merupakan

bagian dari suatu domain di internet.

DCD Data Context Diagram. Diagram yang

menggambarkan hubungan sistem dengan

linkungannya.

DFD Data Flow Diagram. Diagram yang

menggambarkan aliran data dan proses

yang terjadi dalam sistem.

DBMS Database Management System. Aplikasi

yang berperan untuk memanajemen basis

data di suatu sistem.

Administrator Orang yang memiliki otoritas penuh

terhadap suatu sistem

Tabel 1



1.4 Referensi

Dokumen-dokumen yang digunakan sebagai referensi dalam pembuatan SKPL ini adalah

sebagai berikut:

1. IEEE Std 830-1993, IEEE Recommended Parctice for Software Requirement

Specifications.

2. Software Engineering, Aparctitioner’s Approach 5th edition, Roger S Pressman, Mc

Graw Hill, 2001.

3. Panduan Penggunaan dan Pengisian Spesifikasi Perangkat Lunak (SKPL), Jurusan

Teknik Informatika, Institut Teknoogi Bandung, 2000.

4. Panduan Pengisian Spesifikasi Perangkat Lunak (SKPL) Beroriantasi Proses, Jurusan

Teknik Informatika, Institut Teknologi Bandung.

1.5 Deskripsi Umum Dokumen

Dokumen ini secara garis besar terdiri dari tiga bab dengan perincian sebagai berikut:

Bab 1 Pendahuluan, merupakan pengantar umum dokumen DPPL yang berisi tujuan

- tujuan dari penulisan dokumen, ruang lingkup masalah pembuatan dan

pengembangan perangkat lunak, serta memuat definisi dan penjelasan istilah – istilah

yang digunakan dalam dokumen ini.

Bab 2 Deskripsi Perancangan, berisi rancangan lingkungan implementasi,

dekomposisi fisik modul, deskripsi rinci modul, deskripsi proses, dan deskripsi

laporan dari website.

2 Deskripsi Perancangan

2.1 Rancangan Lingkungan Implementasi

2.1.1 Antarmuka pemakai

Website dengan sistem belanja online ini menggunakan tampilan web HTML standar

dengan ditambahkan beberapa efek – efek grafis dinamis yang dibuat dengan macromedia

flash.



2.1.2 Antarmuka perangkat keras

Website ini berjalan pada server yang terdapat pada ISP (internet service provider),

sehingga perangkat keras yang menunjang hidup dari website ini adalah server milik ISP.

2.1.3 Antarmuka perangkat lunak

Website dengan sistem belanja online ini dikembangkan dengan bahasa PHP, dan

menggunakan DBMS MySQL.

2.1.4 Antarmuka komunikasi

Karena merupakan halaman web, komunikasi data terjadi secara realtime dan akses

pihak luar ke website dapat terjadi kapan saja dan dimana saja.

2.2 Struktur Model

Gambar 1

2.3 Dekomposisi Fisik Modul

Nama Direktori

Nama File Nama Modul Keterangan Nama Fungsi

/ Main.php UTAMA Main/ connect.cs CONNECT Modul Untuk connect ke DB



WEBSITE

PENGUNJUNG

PRODUCT VIEW REGISTER

MEMBER

LOGIN

PRODUCT

VIEW

PRODUCT

ORDER

ADMIN

CONTENT

UPDATE

MEMBER AUTENTIFICATION

DATABASE

MAINTENANCE

/ home.php HOME Modul untuk menampilan form antarmuka situs

/ cek_barang.php

CEKBARANG Modul untuk melakukan pengecekan stok barang.

/ savetrans.php

SIMPANTRANSAKSI Modul untuk melakukan penyimpanan transaksi.

/ Admin.php ADMIN Main program halaman admin website

/ admin_home.php

ADMIN_HOME Modul untuk menampilan form antarmuka admin

/ admin_save.php

SIMPAN_SETUP_ADMIN Modul untuk melakukan update,delete dan add ke database

Tabel 2

2.4 Deskripsi Data

2.4.1 Struktur Table

Nama Database : Online storeNama Tabel : CustomerPrimary Key : Username

Tabel 3. Struktur Tabel Customer

No Nama Field Tipe Data Lebar Keterangan

1 Username Varchar 10 Primary key ( Pengenal data Customer)

2 Nama Varchar 25 Nama Customer

3 Email Varchar 25 Email customer

4 No telepon Integer -No telepon yang bias dihubungi dari customer

5 Password Varchar 10 Password customer untuk proses login

Nama Database : Online StoreNama Tabel : Nama BarangPrimary Key : ID Barang

Tabel 4. Struktur Tabel Nama_Barang




1 ID Barang Integer - Primary key(Pengenal data nama barang)

2 Nama Barang Varchar 25 Nama barang yang dijual

3 Stok Integer - Stok barang di gudang

4 Harga Money - Harga barang dalam rupiah

Nama Database : Online StoreNama Tabel : administratorPrimary Key : User name administrator

Tabel 5. Struktur Tabel Administrator


1User name administrator

varchar 25Primary key ( Pengenal data Administrator)

2 Nama admin Varchar 25 Nama dari administrator

3Password admin

Varchar 10 Password untuk login sebagai admin

Nama Database : Online storeNama Tabel : BankPrimary Key : Nama Bank

Tabel 6. Struktur Tabel Bank


1 Nama Bank Varchar 5Primary key yang membedakan nama bank

2Nama pemilik rekening

Varchar 25Nama pemilik rekening di bank tersebut

3 Rekening Integer -Nomor rekening sebagai tujuan transfer



Nama Database : Online storeNama Tabel : Jasa_PengirimanPrimary Key : Nama jasa

Tabel 7. Struktur Tabel Jasa_Pengiriman


1 Nama jasa Varchar 5Primary key yang membedakan nama jasa pengiriman

2 Tarif kirim Money - Tarif kirim suatu jasa pengiriman

Nama Database : Online storeNama Tabel : Detail_PembelianPrimary Key : -

Tabel 8. Struktur Tabel Detail Pembelian


1 Nama Bank Varchar 5Foreign key yang merujuk pada table bank

2 Username Varchar 10Foreign key yang merujuk pada table customer

3 Jumlah pemesanan Integer - Jumlah barang yang akan dipesan

4 ID Barang Integer -Foreign key yang merujuk pada table barang

5Tanggal Pemesanan

Date - Tanggal melakukan pemesanan

6 Tanggal transfer Date - Batas akhir uang harus ditransfer

7 Nama jasa Varchar 5Foreign key yang merujuk pada table Jasa_Pengiriman

2.5 Deskripsi Rinci Modul



2.5.1 Deskripsi Layar

2.5.1.1 Halaman Home

Gambar 2

Identitas nama: Halaman Home

Deskripsi : halaman muka toko online ini berisi sejumlah informasi secara garis besar baik

berupa info produk ataupun juga informasi penjual. Di mana pada halaman ini user dapat

melakukan proses login. Pada halaman ini terdapat bar untuk menuju halaman Home, About,

ataupun Product. Juga terdapat Textbox untuk melakukan pencarian. Dengan textbox ini,

memudahkan user apabila ingin melakukan pencarian terhadap isi dari situs ini. Jika ternyata

user belum mendaftar, maka user dapat melakukan proses pendaftaran dengan mengklik

textlink Sign up now!. Jika user lupa akan passwordnya maka user tetap dapat melakukan

login dengan mengklik textlink Forget your password?

Deskripsi objek: Akan muncul keterangan login salah jika ternyata password atau username

yang dimasukkan ternyata salah. Font arial dengan font size 12.



2.5.1.2 Halaman About

Gambar 3

Identitas nama : Halaman About

Deskripsi : Pada halaman ini terdapat informasi mengenai perusahaan. User tetap dapat melakukan proses login ataupun search pada halaman ini. Selain itu, terdapat pula bar untuk kembali ke halaman Home ataupun melanjutkan ke halaman Product.


yang dimasukkan ternyata salah. Font arial dengan font size 12.

2.5.1.3 Halaman Product



Gambar 4

Identitas nama : Halaman Product

Deskripsi : Pada halaman ini, user dapat melakukan transaksi dengan cara memilih barang pada Daftar Barang kemudian menentukan jumlahnya pada textbox Jumlah barang dan menekan tombol Add to Chart. Selanjutnya barang yang telah diinputkan masuk ke box Daftar Belanja.


yang dimasukkan ternyata salah atau jumlah barang tidak valid. Font arial dengan font size

12.

2.5.1.4 Halaman Admin



HOME

Gambar 5

Identitas nama : Halaman Admin

Deskripsi : Pada halaman ini, admin dapat melakukan perubahan pada konten web ini. Dimana admin dapat melakukannya dengan menekan tombol Update, Delete ataupun Add. Admin dapat mengakses semua halaman web dengan bar Home, About, atau Product.

2.5.1.5 Deskripsi Objek

No Nama Objek Gambar Jenis Objek Penjelasan

1 Tombol Home Button

Tombol ini adalah tombol yang berguna

sebagai alat untuk kembali ke halaman Home pada website

ini. Tombol ini terdapat pada

halaman Home, About dan Product.



2 Tombol About Button

Tombol ini adalah tobol yang berguna sebagai alat untuk

menuju ke halaman about. Di mana

halaman about berisi tentang informasi

perusahaan.Tombol ini terdapat

pada halaman Home, About dan Product.

3Tombol Product Button

Tombol ini berfungsi jika kita ingin

mengakses halaman product, dimana di

dalamnya kita dapat memesan product.

Tombol ini terdapat pada halaman Home, About dan Product.

4 Tombol Login Button

Tombol ini berfungsi untuk melakukan

login, jika user sudah mendaftar. Tombol

ini terdapat pada halaman Home,

About dan Product.

5 Username Text box

Objek ini berfungsi sebagai alat bagi user untuk menginputkan

username dalam proses login. Tombol


About dan Product.

6 Password Text box


password dalam proses login. Textbox


About dan Product.



ABOUT

Product

7 Search Text box


keyword sehingga memudahkan user. dalam melakukan

pencarian pada website ini. Textbox


About dan Product.

8 Jumlah Barang Text Box

Objek ini berfungsi sebagai alat bagi user untuk menginputkan jumlah barang pada proses pemesanan.

LinkLabel ini terdapat pada

halaman Product.

9LinkLabel Sign

UpLinkLabel

Objek ini berfungsi bagi user baru yang

ingin mendaftar menjadi member

sehingga bisa melakukan transaksi.



10LinkLabel Forget Your Password

LinkLabel

Objek ini berfungsi bagi user lama yang

lupa akan passwordnya sehingga bisa

melakukan transaksi kembali.



11Tombol Add to

chartButton

Objek ini berfungsi sebagai alat

penginput data barang yang akan

dipesan. Tombol ini terdapat pada

halaman Product.



Add to chart

12Grid view daftar

belanjaGrid View

Objek ini berfungsi untuk menampung daftar barang yang telah dipesan user.

Grid view ini terdapat pada halaman

Product.

13 Tombol Update Button


sebagai alat untuk meng-update isi

konten dari website ini. Tombol ini terdapat pada

halaman Admin.

14 Tombol Add Button


sebagai alat untuk meng-add isi konten

dari website ini. Tombol ini terdapat

pada halaman Admin.

15 Tombol Delete Button


sebagai alat untuk meng-delete isi

konten dari website ini. Tombol ini terdapat pada

halaman Admin

Tabel 9



UPDATE

ADD

DELETE

Deskripsi Proses

2.5.1.6 Proses Pendaftaran

Input : data customerOutput : data customer

Algoritma :

1. Tampilkan form pengisian informasi customer

2. Customer menginputkan data 3. Simpan input dalam database customer

2.5.1.7 Proses Login

Input : data username dan passwordOutput : pesan login gagal, pesan selamat datang. Algoritma :

a. Jika usename dan password == database customerTampilkan pesan selamat datang

b. Jika username dan password != database customerTampilkan pesan login gagal

2.5.1.8 Proses Order

Input : Nama barang, jumlah,tujuan pengirimanOutput : pesan stok habis,

Pesan pemesanan berhasil,Pesan tujuan transfer,

Proses transfer valid, Stok barang valid

2.5.1.8.1 Proses Pemilihan

Input nama barang, jumlah, dan tujuan pengiriman

2.5.1.8.2 Proses Validasi Stok

Jika stok gudang>=jumlah pesanan

Tampilkan pemesanan berhasil



Tampilkan pesan tujuan transfer

Input ke database pemesanan

Proses pemesanan valid

Jika stok gudang<jumlah pesanan

Tampilkan pesan stok habis

2.5.1.9 Menu Administrator

Input : status login validOutput : perintah edit content, perintah control contentAlgoritma :

1. tampilkan menu pilihan setup minuman dan setup kembalian2. terima masukan pilihan dari ADMIN3. jika pilihan = edit content

outputkan storage dari database jika pilihan = control content

outputkan storage dari database

2.5.1.9.1 Edit Content

Input : perintah edit contentOutput : database

Algoritma :1. Tampilkan semua database2. Edit database atau update content web3. Tekan tombol update4. Save

2.5.1.9.2 Proses Control

Input : perintah proses controlOutput : display database

Algoritma :1. Tampilkan semua database



2.5.2 Deskripsi Laporan

2.5.2.1 Laporan Hasil Transaksi

Identitas : Laporan Hasil Transaksi

Deskripsi : Laporan yang mencatat hasil transaksi (resi) pembelian barang oleh user

2.5.2.1.1 Lay out

Gambar 6

2.5.2.1.2 Deskripsi Masukan

Parameter input adalah hasil_transaksi



Nama Pemesan:

Alamat Pemesan:

==================================================

Kode | Nama | Harga | Qty | Jml

==================================================

==================================================

Total

==================================================

No.Resi :

Tgl. :

* TERIMA KASIH *

Deskripsi Perancangan Perangkat Lunak

Documents

Transcript of Deskripsi Perancangan Perangkat Lunak