martabakmobile.files.wordpress.com › 2016 › 04 › ... · Web viewMartabak Mobile) Untuk:...

40
DESKRIPSI PERANCANGAN PERANGKAT LUNAK M2 (Martabak Mobile) Untuk: Universitas Atma Jaya Yogyakarta Dipersiapkan oleh: Joko Adi Hartono / 130707192 Hendra Gunawan / 130707194 Yonathan Kevin Rusmin / 130707248 Stevanus Andiono / 130707253 Program Studi Teknik Informatika DPPL – Martabak Mobile 1/40 Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-UAJY dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika DPPL

Transcript of martabakmobile.files.wordpress.com › 2016 › 04 › ... · Web viewMartabak Mobile) Untuk:...

(DPPL)

DESKRIPSI PERANCANGAN PERANGKAT LUNAK

M2

(Martabak Mobile)

Untuk:

Universitas Atma Jaya Yogyakarta

Dipersiapkan oleh:

Joko Adi Hartono / 130707192

Hendra Gunawan / 130707194

Yonathan Kevin Rusmin / 130707248

Stevanus Andiono / 130707253

Program Studi Teknik Informatika – Fakultas Teknologi Industri

Universitas Atma Jaya Yogyakarta

DAFTAR PERUBAHAN

RevisiDeskripsi

A

B

C

D

E

F

Daftar Halaman PerubahanHalamanRevisiHalamanRevisi

Daftar Isi

1. Pendahuluan………………………………………………………………………………………………………………………………4

1.1 Tujuan…………………………………………………………………………………………………………………………………………4

1.2 Lingkup Masalah ………………………………………………………………………………………………………………4

1.3 Definisi, Akronim, dan Singkatan……………………………………………………………………4

1.4 Referensi…………………………………………………………………………………………………………………………………5

2. Perangcangan Sistem…………………………………………………………………………………………………………5

2.1 Perancangan Arsitektur………………………………………………………………………………………………5

2.2 Perancangan Rinci……………………………………………………………………………………………………………6

2.2.1 Sequence Diagram…………………………………………………………………………………………………………6

2.2.2 Class Diagram………………………………………………………………………………………………………………14

2.2.3 Class Diagram Specific Descriptions……………………………………………………15

3. Perancangan Data………………………………………………………………………………………………………………22

4. Deskripsi Perancangan Antarmuka………………………………………………………………………26

1.Pendahuluan

1.1 Tujuan

Dokumen Deskripsi Perancangan Perangkat Lunak Martabak Mobile (DPPL-M2) ini bertujuan untuk mendefinisikan perancangan perangkat lunak yang akan dikembangkan. Dokumen tersebut akan digunakan oleh pengembang perangkat lunak sebagai acuan untuk implementasi untuk tahap berikutnya.

1.2 Lingkup Masalah

Perangkat Lunak “Martabak Mobile” dikembangkan dengan tujuan untuk:

1. Menangani pengelolaan customization martabak.

2. Menangani pengelolaan pemesanan martabak.

3. Menangani pengelolaan pembayaran martabak.

1.3 Definisi, Akronim, dan Singkatan

Keyword/Phrase

Definisi

DPPL

Dokumen Deskripsi Perancangan Perangkat Lunak

M2

Perangkat lunak pengelolaan mobile

Mobile

Perangkat seluler

1.4 Referensi

Referensi yang digunakan pada perangkat lunak tersebut adalah:

1. SKPL-M2(Martabak Mobile)

2. Perancangan Sistem

2.1 Perancangan Arsitektur

2.2 Perancangan Rinci

2.2.1 Sequence Diagram

2.2.1.1Fungsi Login

2.2.1.2 Fungsi Pengelolaan Tambah Data Kustomisasi Martabak

2.2.1.3 Fungsi Pengelolaan Edit Data Kustomisasi Martabak

2.2.1.4 Fungsi Pengelolaan Hapus Data Kustomisasi Martabak

2.2.1.5 Fungsi Tambah Data Pemesanan

2.2.1.6 Fungsi Ubah Data Pemesanan

2.2.1.7 Fungsi Hapus Data Pemesanan

2.2.1.8 Fungsi Pembelian Pesanan

2.2.2 Class Diagram

2.2.3 Class Diagram Specific Descriptions

2.2.3.1Specific Design Class LoginUI <>

+Login()

Operasi ini digunakan untuk login menuju ke menu utama.

2.2.3.2Specific Design Class DataKustomUI <>

+TambahDataKustomisasi()

Operasi ini digunakan untuk menambah data kustomisasi martabak.

+TampilDataKustomisasi()

Operasi ini digunakan untuk menampilkan data kustomisasi martabak.

+EditDataKustomisasi()

Operasi ini digunakan untuk mengedit data kustomisasi martabak.

+HapusDataKustomisasi()

Operasi ini digunakan untuk menghapus data kustomisasi martabak.

2.2.3.3Specific Design Class DataPemesanan <>

+TambahPemesanan()

Operasi ini digunakan untuk menambah data pemesanan martabak.

+UbahPemesanan()

Operasi ini digunakan untuk mengedit data pemesanan martabak.

+HapusPemesanan()

Operasi ini digunakan untuk menghapus data pemesanan martabak.

+TampilPemesanan()

Operasi ini digunakan untuk menampilkan data pemesanan martabak.

2.2.3.4Specific Design Class PengelolaanDataKustomisasiCtrl <>

+TambahDataKustomisasi()

Operasi ini digunakan untuk menambah data kustomisasi martabak.

+TampilDataKustomisasi()

Operasi ini digunakan untuk menampilkan data kustomisasi martabak.

+EditDataKustomisasi()

Operasi ini digunakan untuk mengedit data kustomisasi martabak.

+HapusDataKustomisasi()

Operasi ini digunakan untuk menghapus data kustomisasi martabak.

2.2.3.5Specific Design Class PengelolaanDataPemesananCtrl <>

+TambahPemesanan()

Operasi ini digunakan untuk menambah data pemesanan martabak.

+UbahPemesanan()

Operasi ini digunakan untuk mengedit data pemesanan martabak.

+HapusPemesanan()

Operasi ini digunakan untuk menghapus data pemesanan martabak.

+TampilPemesanan()

Operasi ini digunakan untuk menampilkan data pemesanan martabak.

2.2.3.6Specific Design Class User <>

-username : varchar

Untuk menyimpan username dari pengguna.

-password : varchar

Untuk menyimpan password dari pengguna.

-fullname : varchar

Untuk menyimpan nama lengkap dari pengguna.

-email : varchar

Untuk menyimpan email dari pengguna.

-phonenumber : varchar

Untuk menyimpan nomor telpon dari pengguna.

-id_role : integer

Untuk menyimpan role dari pengguna.

-saldo : integer

Untuk menyimpan data saldo dari pengguna.

-tanggal_bergabung : date

Untuk menyimpan data kapan pengguna bergabung.

2.2.3.7Specific Design Class Martabak <>

-id_martabak : integer

Untuk menyimpan data nomor martabak.

-nama_martabak : varchar

Untuk menyimpan data nama martabak.

-harga : integer

Untuk menyimpan harga martabak

-deskripsi : varchar

Untuk menyimpan deskripsi martabak.

2.2.3.8Specific Design Class Pegawai <>

-id_pegawai : integer

Atribut ini digunakan untuk menyimpan nomor pegawai.

-nama_pegawai : varchar

Atribut ini digunakan untuk nama pegawai.

-longitude : float

Atribut ini digunakan untuk menyimpan data longitude dari pegawai.

-latitude : float

Atribut ini digunakan untuk menyimpan data latitude dari pegawai.

-nomor_telepon : varchar

Atribut ini digunakan untuk menyimpan data nomor telepon pegawai.

2.2.3.9Specific Design Class Transaksi <>

-id_transaksi : integer

Atribut ini digunakan untuk menyimpan data nomor transaksi.

-status : varchar

Atribut ini digunakan untuk menyimpan status transaksi.

-tanggal_pemesanan : datetime

Atribut ini digunakan untuk mengambil tanggal transaksi dipesan.

-username : varchar

Atribut ini digunakan untuk mengambil data username dari pengguna.

-id_martabak : integer

Atribut ini digunakan untuk mengambil data nomor martabak.

-jumlah : integer

Atribut ini digunakan untuk mengambil data jumlah martabak yang dipesan.

-tanggal_pembayaran : datetime

Atribut ini digunakan untuk menyimpan tanggal transaksi dibayar.

-sub_total : integer

Atribut ini digunakan untuk mengambil data total pembayaran.

-id_pegawai : integer

Atribut ini digunakan untuk mengambil data nomor pegawai.

-alamat : varchar

3. Perancangan Data3. 1 Dekomposisi Data

3.1.1 Deskripsi Entitas TBL_MARTABAK

Nama

Tipe

Panjang

Keterangan

ID_MARTABAK

Integer

11

ID dari Martabak, primary key

NAMA_MARTABAK

Variabel Character

30

Nama martabak

HARGA

Integer

11

Harga dari martabak

DESKRIPSI

Variabel Character

100

Deskripsi dari martabak

3.1.2 Deskripsi Entitas TBL_PEGAWAI

Nama

Tipe

Panjang

Keterangan

ID_PEGAWAI

Integer

11

ID dari pegawai, primary key

NAMA_PEGAWAI

Variabel Character

30

Nama pegawai

LONGITUDE

Float

Posisi Longitude

LATITUDE

Float

Posisi Latitude

NOMOR_TELEPON

Variable Character

15

Nomor Telepon Pegawai

3.1.3 Deskripsi Entitas TBL_ROLE

Nama

Tipe

Panjang

Keterangan

ID_ROLE

integer

50

Id Role,primary key

ROLE_NAME

Variabel Character

50

Nama Role

3.1.4 Deskripsi Entitas TBL_TRANSAKSI

Nama

Tipe

Panjang

Keterangan

ID_TRANSAKSI

integer

11

Id transaksi martabak, primary key

STATUS

Variable Character

15

Status Transaksi

TANGGAL_PEMESANAN

datetime

Tanggal pemesanan transaksi

USERNAME

Variable Character

30

Username

ID_MARTABAK

Integer

11

ID Martabak

JUMLAH

Integer

11

Jumlah martabak

TANGGAL_PEMBAYARAN

Datetime

Tanggal dibayarnya transaksi

SUB_TOTAL

Integer

11

Total pembayaram

ID_PEGAWAI

Integer

11

ID Pegawai

ALAMAT

Variable Character

100

Alamat

3.1.5 Deskripsi Entitas TBL_USER

Nama

Tipe

Panjang

Keterangan

USERNAME

Integer

30

Username ,primary key

PASSWORD

Integer

30

Password

FULLNAME

Variable Character

255

Nama Lengkap pengguna

EMAIL

Variable Character

255

Alamat Email

PHONENUMBER

Variable Character

255

Nomor Telepon

ID_ROLE

Integer

11

ID Role

SALDO

Integer

11

Saldo yang tersedia

TANGGAL_BERGABUNG

Date

Tanggal bergabung

4. Deskripsi Perancangan Antarmuka

4.1 Tampilan Awal Martabak Mobile

User interface ini ditampilkan pilihan-pilihan martabak dengan nama menu dan berapa harga yang dikenai untuk martabak dengan rasa tersebut. Juga disediakan Filter untuk melakukan pengelompokan atau pencarian. Terdapat juga button Order untuk melakukan pesanan. Jika sudah memilih maka martabak yang dipilih akan masuk ke shopping cart yang bisa kita akses melalui tombol pojok kanan atas yang berbentuk keranjang belanja.

4.2 Tampilan UI Kustomisasi Martabak (Pilih Adonan)

User Interface ini digunakan oleh pengguna yang ingin melakukan kustomisasi pada martabaknya. Jadi setelah pengguna memilih kustom yang terdapat dihalaman sebelumnya, pengguna dipindahkan ke tampilan berikut untuk dapat memilih jenis martabak(adonan dasar yang digunakan). Jika sudah selesai pengguna dapat memilih tombol next untuk kustomisasi selanjutnya.

4.3 Tampilan UI Kustomisasi Martabak (Pilih Isian)

User Interface ini menyediakan rasa untuk setiap potong martabak yang bisa dipilih setelah menentukan adonan dari halaman sebelumnya. Setelah pengguna memilih, dapat dilanjutkan dengan melakukan klik pada tombol next.

4.4 Tampilan UI untuk Pembelian Martabak

User Interface ini digunakan oleh pengguna yang melakukan pembelian martabak. Akan ditampilkan martabak yang dipilih beserta pilihan rasa yang sudah dipilih dengan detilnya. Setelah diklik tombol beli, maka martabak akan dipindahkan ke shopping cart.

4.5 Tampilan UI Shopping Cart

User Interface ini ditampilkan setelah pengguna melakukan pemesanan martabak dan mengklik simbol keranjang belanja di pojok kanan atas. Maka akan ditampilkan martabak yang dipesan dengan nama, harga martabak dan jumlahnya berapa. Dihitung juga total pembayaran masing-masing martabak dan total pembayaran transaksi. Setelah button Checkout di klik, maka akan dilakukan proses pembayaran.

Program Studi Teknik Informatika

DPPL – Martabak Mobile

25/30

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-UAJY dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika

: User : User

: DataKustomisasiMartabak : DataKustomisasiMartabak

:

PengelolaanDataKustomisasi

:

PengelolaanDataKustomisasi

:

KustomisasiMartabak

:

KustomisasiMartabak

1: editKustomisasi

2: tampilKustomisasi

3: getKustomisasi

4:

5:

6: editKustomisasi

7:

8: cekKustomisasi

9: editKustomisasi

10: editKustomisasi

11:

12:

13:

: User : User

: DataKustomisasiMartabak : DataKustomisasiMartabak

:

PengelolaanDataKustomisasi

:

PengelolaanDataKustomisasi

:

KustomisasiMartabak

:

KustomisasiMartabak

1: hapusDataKustomisasi

2: tampilDataKustomisasi

3: getDataKustomisasi

4:

5:

6:

7: hapusDataKustomisasi

8: konfirmasiHapus

9:

10: hapusDataKustomisasi

11: hapusDataKustomisasi

12:

13:

14:

: User : User

: DataPemesananMartabak : DataPemesananMartabak

:

PengelolaanDataPemesanan

:

PengelolaanDataPemesanan

: PemesananMartabak : PemesananMartabak

1: EntriPemesanan

2: EntriPemesanan

3: PemesananMartabak

4:

5:

6:

: User : User

: DataPemesananMartabak : DataPemesananMartabak

:

PengelolaanDataPemesanan

:

PengelolaanDataPemesanan

: PemesananMartabak : PemesananMartabak

1: editPemesanan

2: tampilPemesanan

3: getDataPemesanan

4:

5:

6: editPemesanan

7:

8: cekPemesanan

9: editPemesanan

10: editPemesanan

11:

12:

13:

: User : User

: DataPemesananMartabak : DataPemesananMartabak

:

PengelolaanDataPemesanan

:

PengelolaanDataPemesanan

: PemesananMartabak : PemesananMartabak

1: hapusDataPemesanan

2: tampilDataPemesanan

3: getDataPemesanan

4:

5:

6:

7: hapusDataPemesanan

8: konfirmasiHapus

9:

10: hapusDataCustom

11: hapusDataCustom

12:

13:

14:

: Pengguna : Pengguna

: DataMenuMartabak : DataMenuMartabak

: ShoppingCart : ShoppingCart

: BayarTransaksi : BayarTransaksi

: PengelolaanBayar : PengelolaanBayar

: TrackMartabak : TrackMartabak

1: tampilMenu

2: entriPesanan

3: entriPembayaran

4: entriPembayaran

5: trackMartabak()

6:

7:

8:

9:

LoginUI

LoginUI()

Login()

CekRole()

PengelolaanUser

TampilPengguna()

TampilRole()

opname()

Role

id_role

role_name

get_role()

set_role()

User

username

password

fullname

email

phone

id_role

saldo

tgl_gabung

get_id()

get_pass()

get_role()

get_saldo()

set_pass()

PengelolaanDataKustomUI

TambahDataKustom()

UbahDataKustom()

HapusDataKustom()

PengelolaanDataKustomCtrl

TambahDataKustom()

UbahDataKustom()

HapusDataKustom()

ShoppingCartUI

CheckOut()

get_saldo()

ShoppingCartCtrl

get_idtransaksi()...

get_tglpesan()

get_tglbayar()

get_subtotal()

Transaksi

id_transaksi

status

tgl_pesan

username

id_martabak

jumlah

tgl_bayar

sub_total

id_pegawai

alamat

get_id_trans()

get_tglpesan()

get_tglbayar()

get_subtotal()

Martabak

id_martabak

nama_martabak

harga

deskripsi

get_idmartabak()

MenuMartabak()

DataPemesananUI

TambahDataPesan()

UbahDataPesan()

HapusDataPesan()

DataPemesananControl

TambahDataPesan()

UbahDataPesan()

HapusDataPesan()

LoginUI

LoginCtrl

DataKustomMartabakDataKustomMartabakCtrl

DataPemesanan

DataPemesananCtrl

Transaksii

Userr

DataMartabak

: User : User

: FormLogin : FormLogin

: ControlLogin : ControlLogin

: MainMenu : MainMenu

1: Login(ID, Pass)

2: CheckUser(ID, Pass)

3: GetUser(ID, Pass)

4: false

5: ErrorMessage()

: User : User

: DataKustomisasiMartabak : DataKustomisasiMartabak

:

PengelolaanDataKustomisasi

:

PengelolaanDataKustomisasi

:

KustomisasiMartabak

:

KustomisasiMartabak

1: EntriKustomisasiMartabak

2: EntriKustomisasi

3: KustomisasiMartabak

4:

5:

6: