IMSB_Kelompok4_StarUML-Revisi(3).doc

8/16/2019 IMSB_Kelompok4_StarUML-Revisi(3).doc

1/58


2/58


3/58

". *engetahui dan memahami pengertian Model Driven Architecture.

%. *engetahui dan memahami pengertian Pemodelan atau Modelling .

&. *engetahui dan memahami pengertian Unified Modeling Language.

'. *engetahui dan memahami pengertian (tar)*+.

. *engetahui dan memahami pengertian Physical Data Model *anual.

#4+ Me(1)e Penulisan

Paper ini menggunakan metode penulisan analisis pustaka. alam metode

ini penulis membaca materi di internet tentang Model Driven Architecture dan

(tar)*+. Pembahasan mengenai Model Driven Architecture dan (tar)*+ ini

dibagi dalam tiga bagian, agian pertama, yaitu pendahuluan, berisi tentang latar

belakang, rumusan masalah, tujuan dan manfaat serta metodelogi penulisan.

agian kedua, yaitu pembahasan berisi tentang landasan teori. agian ketiga yaitu

langkah langkah menggunakan (tar)*+. agian keempat yaitu berupa

simpulan dan saran.


4/58

BAB II

PEMBAHASAN

4# Model Driven Architecture 7MDA8

Model Driven Architecture /*#0 tidak sekedar merupakan arsitektur,

*# lebih merupakan strategi untuk mengimplementasikan services. Ide tentang

*# ini adalah bagaimana menyediakan suatu pendekatan yang terbuka dalam

menghadapi tantangan perubahan teknologi dan bisnis 1%2. (esuai dengan

namanya strategi ini memberikan perhatian utama pada model. *odel dalam

konteks *# didefinisikan sebagai Platform Independent Model /PI*0 yang

digunakan untuk menciptakan fungsionalitas sistem. PI* dibangun menggunakan

Unified Modeling Language /)*+0 atau standar pemodelan O!ect Management

"roup /3*40.

*odel *# dia5ali dari PI* yang dinyatakan dalam bahasa pemodelan

platform independent seperti )*+. *odel PI* selanjutnya diterjemahkan ke

Platform #pesifi$ Model /P(*0. Inti dari konsep *# adalah penggunaan standar

3*46 Unified Modeling Language /)*+0, Meta O!ect %acility /*370, 8*+

*eta ata Interchange /8*I0, dan Common &arehouse Meramodel /9:*0.

(tandar ini mendefinisikan infrastruktur inti dari *# dan telah menyumbang

state of the art pada pemodelan sistem.

4 Pem1)elan9 Modelling

Pemodelan merupakan suatu hal yang tidak bisa dilepaskan dari

pembangunan aplikasi. Pemodelan merupakan proses a5al perancangan suatu

aplikasi, proses memodelkan tentu bukan hal yang mudah. ;amun seiring berkembangnya teknologi, pemodelan yang memakan banyak 5aktu bisa

diselesaikan lebih cepat dan terorganisasi.


5/58

proses pembuatan perangkat lunak. Artifact dapat berupa model, deskripsi atau

perangkat lunak0 dari sistem perangkat lunak, seperti pada pemodelan bisnis dan

sistem non perangkat lunak lainnya. 1'2

)*+ merupakan suatu kumpulan teknik terbaik yang telah terbukti sukses

dalam memodelkan sistem yang besar dan kompleks. )*+ tidak hanya digunakan

dalam proses pemodelan perangkat lunak, namun hampir dalam semua bidang

yang membutuhkan pemodelan. 1'2

4.4# Bagian – bagian UML

agian-bagian utama dari )*+ terdiri dari vie', diagram, model element

)an general mechanism4 1'2

#8 Vie

(ie' digunakan untuk melihat sistem yang dimodelkan dari beberapa

aspek yang berbeda. (ie' bukan melihat grafik, tapi merupakan suatu abstraksi

yang berisi sejumlah diagram.

eberapa jenis vie' dalam )*+ antara lain6 use case vie') logical vie')

component vie') concurrency vie') dan deployment vie'.

". Use case vie'

*endeskripsikan fungsionalitas sistem yang seharusnya dilakukan sesuai

yang diinginkan e*ternal actors. Actor yang berinteraksi dengan sistem dapat

berupa user atau sistem lainnya.Use case vie' digambarkan dalam use case diagrams dan dengan activity

diagrams. (ie' ini digunakan terutama untuk pelanggan, perancang /designer 0,

pengembang /developer 0, dan penguji sistem /tester 0.

%. Logical vie'

*endeskripsikan bagaimana fungsionalitas dari sistem, struktur statis

/class, o!ect , dan relationship0 dan kolaborasi dinamis yang terjadi

ketika o!ect mengirim pesan ke o!ect lain dalam suatu fungsi tertentu.

Logical vie' digambarkan dalam class diagram untuk struktur statis dan

dalam state, se+uence, collaoration, dan activity diagram untuk model

dinamisnya. (ie' ini digunakan untuk perancang /designer 0 dan pengembang

/developer 0.

&. Component vie'

*endeskripsikan implementasi dan ketergantungan modul. =omponen

yang merupakan tipe lainnya dari code module diperlihatkan dengan struktur dan

ketergantungannya juga alokasi sumber daya komponen dan informasi

administrative lainnya.


6/58

(ie' ini digambarkan dalam component vie' dan digunakan untuk

pengembang /developer 0.

'. Concurrency vie'

*embagi sistem ke dalam proses dan prosesor. (ie' ini digambarkan

dalam diagram dinamis / state) se+uence) collaoration, dan activity diagram0 dan

diagram implementasi /component dan deployment diagram0 serta digunakan

untuk pengembang /developer 0, pengintegrasi /integrator 0, dan penguji /tester 0.

. Deployment vie'

*endeskripsikan fisik dari sistem seperti komputer dan perangkat /nodes0

dan bagaimana hubungannya dengan lainnya.

(ie' ini digambarkan dalam deployment diagram dan digunakan untuk

pengembang /developer 0, pengintegrasi /integrator 0, dan penguji /tester 0.

8 Diagram

Diagram berbentuk grafik yang menunjukkan simbol elemen model yang

disusun untuk mengilustrasikan bagian atau aspek tertentu dari sistem. (ebuah

diagram merupakan bagian dari suatu vie' tertentu dan ketika digambarkan

biasanya dialokasikan untuk vie' tertentu. Jenis-jenis diagram antara lain6

". Use Case Diagram

Use case adalah abstraksi dari interaksi antara system dan actor . Use case

bekerja dengan cara mendeskripsikan tipe interaksi antara user sebuah system

dengan sistemnya sendiri melalui sebuah cerita bagaimana sebuah sistem dipakai.

%. Class Diagram

Class adalah dekripsi kelompok obyek-obyek dengan property, perilaku

/operasi0 dan relasi yang sama. (ehingga dengan adanya class diagram dapat

memberikan pandangan global atas sebuah sistem.


7/58

hubungan komputer dengan perangkat /nodes0 satu sama lain dan jenis

hubungannya.

. #tate Diagram

*enggambarkan semua state /kondisi0 yang dimiliki oleh suatu o!ect dari

suatu class dan keadaan yang menyebabkan state berubah. =ejadian dapat

berupa o!ect lain yang mengirim pesan. #tate class tidak digambarkan untuk

semua class, hanya yang mempunyai sejumlah state yang terdefinisi dengan baik

dan kondisi class berubah oleh state yang berbeda.

>. #e+uence Diagram

#e+uence Diagram digunakan untuk menggambarkan perilaku pada

sebuah scenario. =egunaannya untuk menunjukkan rangkaian pesan yang dikirim

antara o!ect juga interaksi antara o!ect , sesuatu yang terjadi pada titik tertentudalam eksekusi sistem.

7. Collaoration Diagram

*enggambarkan kolaborasi dinamis seperti se+uence diagram. alam

menunjukkan pertukaran pesan, collaoration diagram menggambarkan o!ect .

?. Activity Diagram

*enggambarkan rangkaian aliran dari aktivitas, digunakan untuk

mendeskripsikan aktifitas yang dibentuk dalam suatu operasi sehingga dapat juga

digunakan untuk aktifitas lainnya seperti use case atau interaksi.

4+ S(arUML

(tar)*+ merupakan soft'are permodelan yang mendukung )*+

/Unified Modeling Language0. erdasarkan pada )*+ version ".' dan dilengkapi

"" macam diagram yang berbeda, mendukung notasi )*+ %.@ dan juga

mendukung pendekatan *# / Model Driven Architecture0 dengan dukungan

konsep )*+. (tar)*+ dapat memaksimalkan pruduktivitas dan kualitas dari

suatu soft'are pro!ect . 1"2(tar)*+ adalah sebuah proyek open source untuk mengembangkan cepat,

fleksibel, e*tensile, featureful , dan bebas tersedia )*+ A platform *# berjalan

pada platform :in&%. Tujuan dari proyek (tar)*+ adalah untuk membangun

sebuah alat pemodelan perangkat lunak dan juga platform yang menarik adalah

pengganti alat )*+ komersial seperti !ational !ose, ersama dan sebagainya.

1&2


8/58

4+4# K1nse" Dasar S(arUML

=onsep dasar dari (tar)*+ terdiri dari Model , (ie' and Diagram,

Pro!ect dan Unit Module, 1"2

!" Model# Vie and Diagram

(tar)*+ membuat perbedaan konseptual yang lebih jelas antara models,

vie's and diagrams. *odel adalah elemen yang memuat informasi untuk model

soft'are. (ie' adalah suatu ekspresi visual dari informasi di dalam model dan

diagram adalah suatu koleksi dari elemen yang memberikan pemikiran user di

dalam mendesain secara spesifik.

8 $ro%ect )an Unit $ro%ect

Pro!ect adalah unit manajemen dasar di dalam (tar)*+. (uatu pro!ect

dapat mengatur satu atau lebih model soft'are. Pro!ect merupakan top-level

pac$age yang selalu ada di dalam beberapa model soft'are. (ecara umum, satu

pro!ect disimpan dalam satu file.

". (truktur Pro!ect

(truktur projek terdiri dari beberapa su-elements dan memiliki deskripsi

masing-masing seperti yang dijelaskan pada tabel berikut ini.

Tabel 4# (truktur Pro!ect

$ro%ect Su&'Element Des-ri"si

Model Elemen yang mengatur suatu model soft'are.

#usystemElemen yang mengatur model-model yang tercangkup

satu sub sistem.

Pac$age Elemen yang paling umum untuk mengatur elemen.

%. 7ile Pro!ect

7ile pro!ect disimpan ke dalam format 8*+ dengan e*tension B)*+C.

(emua model, vie's dan diagrams yang dibuat dengan (tar)*+ disimpan dalam

satu file pro!ect . 7ile pro!ect berisikan informasi sebagai berikut.

a. )*+ profile yang digunakan dalam projek.


9/58


10/58

Dataase aplikasi isyarat memiliki model fisik yang terdiri dari tiga tabel.

P* juga memiliki isi yang menyerupai dengan bentuk normal ketiga dari tahap

normalisasi. erikut rancangan P* pada dataase dagang banten online.

Gambar 4# !ancangan P*

4ambar %." adalah rancangan P* dari dataase 'e dagang banten

online yang terdiri dari sembilan tabel yang saling berkaitan.

4,4# Kamus Da(a

=amus data adalah suatu penjelasan tertulis tentang suatu data yang berada

di dalam dataase. alam kamus data terdapat beberapa kolom yang berisi nama

kolom, tipe data, $ey, dan keterangan.

=amus data yang dimiliki oleh dataase 'e dagang banten online

berdasarkan pada-atribut dan tipe data yang terdapat dalam P*. (etiap atribut

dalam dataase 'e dagang banten online akan dijelaskan secara rinci mengenaitipe data, $ey, serta keterangannya yang akan dijelaskan seperti berikut.

Tabel 4# Tabel admin

;o ;ama =olom Tipe ata =ey=eterangan

7ield Tipe ata

" Id int/%0 P= =ode yang

digunakan pada

admin

igunakan untuk

menyimpan data int

dengan jangkauan %

karakter.

% )sername Darchar/&@0 - ;ama kolom yang

digunakan untuk

igunakan untuk

menyimpan data string


11/58

memasukkan

username admin

ukuran dinamis yang

dapat menyimpan

sebanyak &@ karkater.

& Pass5ord Darchar/%@@0 - ;ama kolom yang

digunakan untuk

memasukkan

pass'ord admin

igunakan untuk


ukuran dinamis yang

dapat menyimpan

sebanyak %@@ karkater.

Tabel admin pada dataase berfungsi untuk menyimpan data admin. .ale

admin terdapat & field yaitu id dengan tipe int dan si/e %. Username dengan tipe

varchar dan si/e &@. Pass'ord dengan tipe varchar dan si/e %@@. Pada tale ini

kodepetugas sebagai primary $ey.

Tabel 4 Tabel konfirmasi


7ield Tipe ata

" Id int/'0 P= =ode yang

digunakan pada

konfirmasi

igunakan untuk

menyimpan data int

dengan jangkauan '

karakter.

% ;opemesanan char/?0 - ;ama kolom yang

digunakan untuk

mendeskripsikan

no pemesanan

igunakan untuk

menyimpan data char

dengan jangkauan ?

karakter

& nmpelanggan Darchar/"@@0 - ;ama kolom yang

digunakan untuk

mendeskripsikan

nama pelanggan.

igunakan untuk


ukuran dinamis.

' jmltransfer Int/"%0 - ;ama kolom yang

digunakan untuk

mendeskripsikan

jumlah transfer.

igunakan untuk

menyimpan data int

dengan jangkauan "%

karakter

=eterangan TeFt - ;ama kolom yang

digunakan untuk

memasukkan

keterangan.

igunakan untuk

menyimpan data teks

ukuran dinamis..

> Tanggal ate - ;ama kolom yang

digunakan untuk

memasukkan

tanggal.

igunakan untuk

menyimpan data

tanggal.


12/58

Tabel konfirmasi pada dataase berfungsi untuk menyimpan data

konfirmasi. .ale konfirmasi terdapat > field yaitu Id dengan tipe int si/e '.

;opemesanan dengan tipe char si/e ?. ;mpelanggan dengan tipe varchar si/e

"@@. Jmltransfer dengan tipe int si/e "%. =eterangan dengan tipe te*t, Tanggal

dengan tipe date, .ale ini id sebagai primary $ey.

Tabel 4. Tabel pemesanan

;

o ;ama =olom Tipe ata

=e

y

=eterangan

7ield Tipe ata

" ;opemesana

n

9har/?0 P= =ode yang

digunakan

pada

nopemesanan

igunakan untuk

menyimpan data

char dengan

jangkauan ?

karakter.

% =dpelanggan 9har/>0 - =ode yang

digunakan

pada

kdpelanggan

igunakan untuk

menyimpan data

char dengan

jangkauan >

karakter.

& Tglpemesana

n

ate - ;ama kolom

yang

digunakan

untuk

mendeskripsika

n tanggal

pemesanan.

igunakan untuk

menyimpan data

tanggal..

' ;amapeneri

ma

Darchar/>@0 - ;ama kolom

yang

digunakan

untuk

mendeskripsika

n nama

penerima

igunakan untuk

menyimpan data

string ukuran

dinamis yang dapat

menyimpan

sebanyak >@

karkater.

#lamatlengka

p

Darchar/%@@0 - ;ama kolom

yang

digunakan

untuk

memasukkan

alamat

lengkap.

igunakan untuk

menyimpan data

string ukuran

dinamis yang dapat

menyimpan

sebanyak %@@

karkater.

> =dprovinsi char/&0 - =ode yang igunakan untuk


13/58

digunakan

pada kode

provinsi.

menyimpan data

char dengan

jangkauan & karakter

G =ota varchar/"@@0 - ;ama kolom

yang

digunakan

untuk

memasukkan

nama kota.

igunakan untuk

menyimpan data

string ukuran

dinamis yang dapat

menyimpan

sebanyak "@@

karkater.

? =odepos Darchar/>0 ;ama kolom

yang

digunakan

untuk

memasukkan

kode pos.

igunakan untuk

menyimpan data

string ukuran

dinamis yang dapat

menyimpan

sebanyak > karkater.

H ;otelepon Darchar/%@0 ;ama kolom

yang

digunakan

untuk

memasukkan

no telepon.

igunakan untuk

menyimpan data

string ukuran

dinamis yang dapat

menyimpan

sebanyak %@

karkater.

"@ (tatusbayar Enum/Pesan,+unas,at

al0

;ama kolom

yang

digunakan

untuk

memasukkan

status bayar.

ata yang

diinputkan berupa

status yaitu

pesanK,KlunasK,Kbata

lK.

Tabel konfirmasi pada dataase berfungsi untuk menyimpan data

konfirmasi. .ale konfirmasi terdapat "@ field yaitu ;opemesanan dengan tipe

char012, =dpelanggan dengan tipe char 032, Tglpemesanan dengan tipe date.

;amapenerima dengan tipe varchar0342, #lamatlengkap dengan tipe

varchar0442, =dprovinsi dengan tipe char052, =ota dengan tipe varchar06442 .

=odepos dengan tipe varchar032, ;otelepon dengan tipe varchar042,

(tatusbayar dengan tipe Enum /Pesan,+unas,atal0. .ale ini nopemesanan

sebagai primary $ey.


14/58

Tabel 4+ Tabel pemesananitem


7ield Tipe ata

" Id Int/'0 P= =ode yang

digunakan pada pemesanan item

igunakan untuk

menyimpan data intdengan jangkauan '

karakter.

% ;opemesanan 9har/?0 - =ode yang

digunakan pada

nopemesanan

igunakan untuk

menyimpan data char

dengan jangkauan ?

karakter.

% =dbarang 9har/0 - =ode yang

digunakan pada

kdbarang

igunakan untuk

menyimpan data char

dengan jangkauan

karakter.

&


15/58

sebanyak "@@ karkater.

& =elamin Enum/laki-

lakiK,

perempuanK0

- ;ama kolom yang

digunakan untuk

memasukkan jenis

kelamin.

ata yang diinputkan

berupa status yaitu

laki-lakiK,

perempuanK

' Email Darchar/"@@0 - ;ama kolom yang

digunakan untuk

memasukkan

email.

igunakan untuk


ukuran dinamis yang

dapat menyimpan


;otelepon Darchar/%@0 - ;ama kolom yang

digunakan untuk

mendeskripsikan

no telepon.

igunakan untuk


ukuran dinamis yang

dapat menyimpan

sebanyak %@ karkater.

> )sername Darchar/%@0 - ;ama kolom yang

digunakan untuk

memasukkan

username

pelanggan

igunakan untuk


ukuran dinamis yang

dapat menyimpan

sebanyak %@ karkater.

G Pass5ord Darchar/"@@0 - ;ama kolom yang

digunakan untuk

memasukkan

pass'ord

pelanggan

igunakan untuk


ukuran dinamis yang

dapat menyimpan


? Tgldaftar ate - ;ama kolom yang

digunakan untuk

memasukkan

tanggal.

igunakan untuk

menyimpan data

tanggal.

Tabel pelanggan pada dataase berfungsi untuk menyimpan data

pelanggan. .ale pelanggan terdapat ? field yaitu =dpelanggan dengan tipe char

032. ;mpelanggan dengan tipe varchar 06442. =elamin dengan tipe enum /laki-

lakiK, perempuanK0. Email dengan tipe varchar /"@@0. ;otelepon dengan tipe

varchar /%@0. )sername dengan tipe varchar /%@0. Pass5ord dengan tipe varchar

/"@@0. Tgldaftar dengan tipe date. .ale ini kdpelanggan sebagai primary $ey.

Tabel 4$ Tabel provinsi


7ield Tipe ata

" =dprovinsi 9har/&0 P= =ode yang igunakan untuk


16/58

digunakan pada

kode provinsi

menyimpan data char

dengan jangkauan &

karakter.

% ;mprovinsi Darchar/"@@0 - ;ama kolom yang

digunakan untuk

memasukkan

nmprovinsi.

igunakan untuk


ukuran dinamis yang

dapat menyimpan


& iayakirim Int/"%0 - ;ama kolom yang

digunakan untuk

memasukkan

jumlah

biayakirim.

igunakan untuk

menyimpan data int

dengan jangkauan "%

karakter.

Tabel provinsi pada dataase berfungsi untuk menyimpan data pelanggan.

.ale provinsi terdapat & field yaitu =dprovinsi dengan tipe char052.

;mprovinsi dengan tipe varchar06442. iayakirim dengan tipe int062. Pada

tale ini kdprovinsi sebagai primary $ey.

Tabel 4; Tabel barang


7ield Tipe ata

" =dbarang 9har/0 P= =ode yang

digunakan pada

kode barang

igunakan untuk

menyimpan data char

dengan jangkauan

karakter.

% ;mbarang Darchar/"@@0 - ;ama kolom yang

digunakan untuk

memasukkan nama

barang

igunakan untuk


ukuran dinamis yang

dapat menyimpan


&


17/58

stock karakter.

> =eterangan TeFt - ;ama kolom yang

digunakan untuk

memasukkan

keterangan.

igunakan untuk

menyimpan data teFt.

G 7ilegambar Darchar/"@@0 - ;ama kolom yang

digunakan untuk

memasukkan file

gambar.

igunakan untuk


ukuran dinamis yang

dapat menyimpan


? =dkategori 9har /'0 - ;ama kolom yang

digunakan untuk

memasukkan kode

kategori.

igunakan untuk

menyimpan data

chardengan jangkauan

' karakter.

Tabel kdbarang pada dataase berfungsi untuk menyimpan data

pelanggan. .ale kdbarang terdapat ? field yaitu =dbarang dengan tipe char

082. ;mbarang dengan tipe varchar 06442.


18/58

yang masuk ke

tmpkerajnjang.

Tanggal ate - ;ama kolom yang

digunakan untuk

menyimpan

tanggal.

igunakan untuk

menyimpan data

tanggal.

> =dpelanggan 9har />0 - ;ama kolom yang

digunakan untuk

menyimpan

kdpelanggan.

igunakan untuk

menyimpan data char

dengan jangkauan >

karakter.

Tabel tmpkeranjang pada dataase berfungsi untuk menyimpan data

tmpkeranjang. .ale tmpkeranjang terdapat > field yaitu Id dengan tipe int082.=dbarang dengan tipe char082.


19/58

BAB III

PEMBAHASAN

.4# Lang-a&>Lang-a& Mengguna-an S(arUML S(u)i Kasus Sis(em

Pen5ualan Ban(en Online

+angkah-langkah menggunakan (tar)*+ dalam pembuatan sistem

penjualan banten online akan dijabarkan sebagai berikut.

". Proses Pembuatan Class aru

4ambar &." merupakan tampilan a5al dari aplikasi soft'are (tar)*+ dan

proses pertama yang dilakukan adalah membuat class baru.

Gambar .4# *embuat Class aru

4ambar &." merupakan tampilan untuk membuat class baru. +angkah

pertama yang dilakukan adalah membuka menu B7ileC dan klik pada bagian

submenu B;e5C maka setelah itu akan terbentuk class yang kita ingin buat.

%. Proses Pembuatan Class pada (istem Penjualan arang Online

4ambar &.% merupakan tampilan pada proses kedua yaitu pembuatan class

pada sistem penjualan barang online. (istem penjualan barang online memiliki H

class yang terdiri dari admin, barang, kategori, konfirmasi, pelanggan,

pemesanan, pemesanandetail, provinsi, dan tmpkeranjang.


20/58

Gambar .4 *embuat Class pada (istem Penjualan arang Online

*etode yang ada pada class admin terdiri dari username dan pass'ord ,

operasi yang digunakan adalah insert . *etode pada class barang terdiri dari kode

barang, nama barang, harga modal, harga jual, stok, keterangan, file gambar, dan

kode kategori, operasi yang digunakan adalah insert , edit , dan delete. *etode

pada class kategori terdiri dari kode kategori dan nama kategori, operasi yang

digunakan adalah insert , edit , dan delete. *etode pada class tmpkeranjang terdiri

dari id, kode barang, harga, jumlah, tanggal, dan kode pelanggan, operasi yang

digunakan adalah insert . *etode pada class pemesanandetail terdiri dari id, no

pemesanan, kode barang, harga, dan jumlah, operasi yang digunakan adalah

insert . *etode pada class pelanggan terdiri dari kode pelanggan, nama pelanggan,

kelamin, e-mail , no telepon, username, pass'ord , dan tanggal daftar, operasi yang

digunakan adalah insert dan delete. *etode yang ada pada class pemesanan terdiri

dari no pemesanan, kode pelanggan, tanggal pemesanan, nama penerima, alamat

lengkap, kode provinsi, kota, kode pos, no telepon, dan status bayar, operasi yang

digunakan adalah insert . *etode pada class konfirmasi terdiri dari id, no

pemesanan, nama pelanggan, jumlah transfer, keterangan, dan tanggal, operasi

yang digunakan adalah insert . *etode pada class provinsi terdiri dari kode

provinsi, nama provinsi, dan biaya kirim, operasi yang digunakan adalah insert

dan edit .


21/58

&. Proses Pengubahan )*+ *enjadi =ode Java

4ambar &.& merupakan tampilan pada proses ketiga yaitu pengubahan

)*+ untuk menghasilkan kode Java.

Gambar .4. *elakukan Pengubahan )*+ *enjadi =ode Java

Proses yang dilakukan pertama adalah pilih menu BToolsC kemudian pilih

pada bagian submenu BJavaC dan pilih B4enerate 9odeC untuk menghasilkan kode

Java yang diinginkan sesuai dengan class yang telah dibuat.

Gambar .4+ *emilih *odel Lang #kan ijadikan =ode Java


22/58

4ambar &.' merupakan tampilan untuk memilih model yang akan

digunakan atau dijadikan untuk menghasilkan kode Java yang diinginkan.

+angkah selanjutnya adalah memilih folder atau tempat penyimpanan file Java.

Gambar .4, *emilih Tempat Penyimpanan =ode Java

4ambar &. merupakan tampilan untuk memilih tempat penyimpanan

kode Java dari hasil pengubahan class )*+ sistem penjualan barang online. =ode

Java hasil pengubahan )*+ akan disimpan pada folder BocumentsC.

Gambar .4$ %ile Java (istem Penjualan arang Online


23/58

4ambar &.> merupakan tampilan file-file Java dari hasil pengubahan class

)*+ menjadi kode Java pada sistem penjualan barang online.

'. Proses Pengubahan )*+ *enjadi =ode P


24/58


25/58

4ambar &.H merupakan tampilan untuk memilih tempat penyimpanan

kode P


26/58

or die "+atabase not &ound! please contact administratorsystem";?,

K1)e Pr1gram .4# =oneksi Dataase

=ode Program &." merupakan kode program untuk melakukan koneksi

pada dataase dagangbanten.


27/58

=ode Program &.% merupakan kode program untuk menampilkan data

kategori yang tersimpan pada dataase dagangbanten.

Gambar .4 ## Tampilan ata =ategori

4ambar &."" merupakan tampilan dari data kategori yang terdiri dari no,

nama kategori, dan tools. ;ama kategori yang tersimpan adalah anten #, anten

, dan anten 9.


28/58

#oreach $pesan5rror as $indeks=,$pesan_tampil%

$noNesanKK;echo ":nbsp;:nbsp; $noNesan

$pesan_tampil


29/58


30/58

)) Palidasi @ama 4ategori! tidak boleh ada yang kembarnamanya sama

$tQt@amaDama = $_N7C3['tQt@amaDama'];$cekCql ="C5D53 E &87F kategori RM585

nm_kategori='$tQt@ama' 2@+ @73nm_kategori='$tQt@amaDama'";

$cekIry =mysql_query$cekCql! $koneksidb or die "5rorIuery"mysql_error;

i#mysql_num_ro-s$cekIry,=0%$pesan5rror[] = "Faa#! 4ategori


31/58


32/58

Gambar .4#,


33/58

Gambar .4#$ Peringatan )ntuk *enghapus ata =ategori

4ambar &."> merupakan tampilan peringatan pada saat melakukan klik

pada tombol BE+ETEC pada bagian data kategori. Tampilan peringatan terdapat

pertanyaan B#;# L#=I; I;4I; *E;4


34/58

E)

package aplikasipenVualan;import Va*aQs-ingE;import Va*aa-tE;

import Va*aa-te*entE;import Va*asqlE;)EE E E Xauthor Nutri E)public class &rm4ategori eQtends Va*aQs-ingS&rame %+atabase dbsetting;Ctring dri*er!database!user!pass;pri*ate 7bVect tabel; )EE E reates ne- #orm &rm4ategori E)

public &rm4ategori % initomponents; +imensionscreenCiUe=3oolkitget+e#ault3oolkitgetCcreenCiUe; +imension #rameCiUe=thisgetCiUe; i##rameCiUeheight , screenCiUeheight% #rameCiUeheight=screenCiUeheight; ( i##rameCiUe-idth , screenCiUe-idth% #rameCiUe-idth=screenCiUe-idth; ( thissetDocationscreenCiUe-idth #rameCiUe-idth )B!

screenCiUeheight = screenCiUeheight ) Y; dbsetting = ne- +atabase; dri*er = dbsettingCettingNanel"+G+ri*er"; database = dbsettingCettingNanel"+G+atabase"; user = dbsettingCettingNanel"+GOsername"; pass = dbsettingCettingNanel"+GNass-ord";

tablesetFodeltableFodel; 3abeltable! ne- int[]%A/!1./(; set+e#ault3able; Cet5dit7##;

(

)EE E 3his method is called #rom -ithin the constructor toinitialiUe the #orm E R28@9@6J +o @73 modi#y this code 3he content o# thismethod is al-ays E regenerated by the &orm 5ditor E) XCuppressRarnings"unchecked" ))


35/58

VDabelB = ne- Va*aQs-ingSDabel; Senis = ne- Va*aQs-ingS3eQt&ield; VCcrollNane0 = ne- Va*aQs-ingSCcrollNane; table = ne- Va*aQs-ingS3able; 2dd@e- = ne- Va*aQs-ingSGutton;

Ca*e = ne- Va*aQs-ingSGutton; Opdate = ne- Va*aQs-ingSGutton; +elete = ne- Va*aQs-ingSGutton; ancel = ne- Va*aQs-ingSGutton; lose = ne- Va*aQs-ingSGutton;

set+e#aultlose7perationVa*aQs-ingRindo-onstants5Z93_7@_D7C5;

VDabel0set3eQt"4ode Senis"; VDabel0set3ool3ip3eQt"";

VDabelBset3eQt"Senis Garang";

tablesetFodelne- Va*aQs-ingtable+e#ault3ableFodel ne- 7bVect [][] % %null! null! null! null(! %null! null! null! null(! %null! null! null! null(! %null! null! null! null( (! ne- Ctring [] % "3itle 0"! "3itle B"! "3itle 1"! "3itle Y" ( ; tableaddFouseDistenerne- Va*aa-te*entFouse2dapter

% public *oid mouselickedVa*aa-te*entFouse5*ente*t % tableFouselickede*t; ( (; VCcrollNane0setPie-portPie-table;

2dd@e-set3eQt"2dd @e-"; 2dd@e-add2ctionDistenerne-Va*aa-te*ent2ctionDistener % public *oidactionNer#ormedVa*aa-te*ent2ction5*ent e*t %

2dd@e-2ctionNer#ormede*t; ( (;

Ca*eset3eQt"Ca*e"; Ca*eadd2ctionDistenerne-Va*aa-te*ent2ctionDistener % public *oidactionNer#ormedVa*aa-te*ent2ction5*ent e*t % Ca*e2ctionNer#ormede*t; ( (;

Opdateset3eQt"Opdate"; Opdateadd2ctionDistenerne-


36/58

Va*aa-te*ent2ctionDistener % public *oidactionNer#ormedVa*aa-te*ent2ction5*ent e*t % Opdate2ctionNer#ormede*t; (

(;

+eleteset3eQt"+elete"; +eleteadd2ctionDistenerne-Va*aa-te*ent2ctionDistener % public *oidactionNer#ormedVa*aa-te*ent2ction5*ent e*t % +elete2ctionNer#ormede*t; ( (;

ancelset3eQt"ancel"; anceladd2ctionDistenerne-

Va*aa-te*ent2ctionDistener % public *oidactionNer#ormedVa*aa-te*ent2ction5*ent e*t % ancel2ctionNer#ormede*t; ( (;

loseset3eQt"lose"; loseadd2ctionDistenerne-Va*aa-te*ent2ctionDistener % public *oidactionNer#ormedVa*aa-te*ent2ction5*ent e*t % lose2ctionNer#ormede*t;

( (;

Va*aQs-ing6roupDayout layout = ne-Va*aQs-ing6roupDayoutgetontentNane; getontentNanesetDayoutlayout; layoutsetMoriUontal6roup layoutcreateNarallel6roupVa*aQs-ing6roupDayout2lignmentD52+9@6 add6rouplayoutcreateCequential6roup add6rouplayoutcreateNarallel6roupVa*aQs-ing6roupDayout2lignmentD52+9@6! #alse add6rouplayoutcreateCequential6roup

add6ap0A! 0A! 0A add6rouplayoutcreateNarallel6roupVa*aQs-ing6roupDayout2lignmentD52+9@6 addomponentVDabel0 addomponentVDabelB add6ap1Y! 1Y! 1Y add6rouplayoutcreateNarallel6roupVa*aQs-ing6roupDayout2lignmentD52+9@6 addomponent4odeSenis!Va*aQs-ing6roupDayoutN85&5885+_C95! 00T!Va*aQs-ing6roupDayoutN85&5885+_C95 addomponentSenis!Va*aQs-ing6roupDayoutN85&5885+_C95! 0AL!

Va*aQs-ing6roupDayoutN85&5885+_C95 add6rouplayoutcreateCequential6roup


37/58


38/58

addomponentlose addontainer6ap>T! ChortF2Z_P2DO5 ;

pack;

())


39/58

Ctring S=Senisget3eQt; i# 4Sis5mpty W Sis5mpty %S7ptionNanesho-Fessage+ialognull!"data tidak bolehkosong! silahkan dilengkapi"; 4odeSenisrequest&ocus;

(else % try % lass#or@amedri*er; onnection kon =+ri*erFanagergetonnectiondatabase!user!pass; Ctatement stt = koncreateCtatement; Ctring CID = "Opdate kategori set nm_kategori='"KSenisget3eQtK" ' "K "Rhere kd_kategori=' "K4odeSenisget3eQtK" ' "; stteQecuteOpdateCID; data[/] = 4odeSenisget3eQt; data[0] = Senisget3eQt; tableFodelremo*e8o-ro-;

tableFodelinsert8o-ro-!data; sttclose; konclose; Gersih+ata; Ca*eset5nabled#alse; Cet5dit7##; ( catch 5Qception eQ % CystemerrprintlneQgetFessage; ( ( (

pri*ate *oid tableFouselickedVa*aa-te*entFouse5*ent e*t

% )) 37+7 add your handling code hereJ i# e*tgetlickount==0 % 3ampil;( (

pri*ate *oid +elete2ctionNer#ormedVa*aa-te*ent2ction5*ente*t %

)) 37+7 add your handling code hereJ Ctring 4S=4odeSenisget3eQt; Ctring S=Senisget3eQt; i# 4Sis5mpty W Sis5mpty

%S7ptionNanesho-Fessage+ialognull!"data tidak bolehkosong! silahkan dilengkapi"; 4odeSenisrequest&ocus; (else % try % lass#or@amedri*er; onnection kon =+ri*erFanagergetonnectiondatabase!user!pass; Ctatement stt = koncreateCtatement; Ctring CID = "+elete &rom kategori Rherekd_kategori='"K4odeSenisget3eQttoCtringK"'"; stteQecuteOpdateCID; data[/] = 4odeSenisget3eQt;

data[0] = Senisget3eQt; tableFodelremo*e8o-ro-;


40/58

sttclose; konclose; Gersih+ata; Ca*eset5nabled#alse; Cet5dit7##;

( catch 5Qception eQ % CystemerrprintlneQgetFessage; ( ( (

pri*ate *oid lose2ctionNer#ormedVa*aa-te*ent2ction5*ente*t %

)) 37+7 add your handling code hereJ i#S7ptionNanesho-on#irm+ialognull!"3his application-ill be close \n i# you press button 74"! "9n#ormation"!S7ptionNane74_2@5D_7N397@! S7ptionNane9@&78F2397@_F5CC265==S7ptionNane74_7N397@

thisdispose; (

pri*ate *oid ancel2ctionNer#ormedVa*aa-te*ent2ction5*ente*t %

)) 37+7 add your handling code hereJ Gersih+ata; Cet5dit7##; (

int ro- = /;public *oid 3ampil% ro- = tablegetCelected8o-;

4odeSenisset3eQttableFodelgetPalue2tro-! /toCtring; Senisset3eQttableFodelgetPalue2tro-! 0toCtring; Ca*eset5nabled#alse; Opdateset5nabledtrue; +eleteset5nabledtrue; Cet5dit7n;(

public *oid Gersih+ata%4odeSenisset3eQt"";Senisset3eQt"";(public *oid Cet5dit7##%

4odeSenisset5nabled#alse;Senisset5nabled#alse;(public *oid Cet5dit7n%4odeSenisset5nabledtrue;Senisset5nabledtrue;( pri*ate Va*aQs-ingtable+e#ault3ableFodeltableFodel=get+e#ault3abelFodel; pri*ate *oid 3abelVa*aQs-ingS3able tb! int lebar[] % tbset2uto8esiUeFodeS3able2O37_85C95_7&&; int kolom=tbgetolumnount;

#orint i=/;i < kolom;iKK % Va*aQs-ingtable3ableolumn


41/58

tbc=tbgetolumnFodelgetolumni; tbcsetNre#erredRidthlebar[i]; tbset8o-Meight0.; ((

pri*ate Va*aQs-ingtable+e#ault3ableFodelget+e#ault3abelFodel % return ne- Va*aQs-ingtable+e#ault3ableFodel ne- 7bVect[][] %(! ne- Ctring [] %"4ode Senis"!"Senis Garang"(% boolean[] can5dit = ne- boolean[]% #alse! #alse! #alse! #alse(;

public boolean isell5ditableint ro-9ndeQ! int column9ndeQ% return can5dit[column9ndeQ];

((;(

Ctring data[]=ne- Ctring[B]; pri*ate *oid set+e#ault3able % Ctring stat =""; try % lass#or@amedri*er; onnection kon =+ri*erFanagergetonnectiondatabase!user!pass; Ctatement stt = koncreateCtatement; Ctring CID = "C5D53 E &87F kategori";

8esultCet res = stteQecuteIueryCID; -hileresneQt% data[/] = resgetCtring0; data[0] = resgetCtringB; tableFodeladd8o-data; ( resclose; sttclose; konclose; ( catch 5Qception eQ % CystemerrprintlneQgetFessage; ((

)) Pariables declaration do not modi#ypri*ate Va*aQs-ingSGutton 2dd@e-;

pri*ate Va*aQs-ingSGutton ancel; pri*ate Va*aQs-ingSGutton lose; pri*ate Va*aQs-ingSGutton +elete; pri*ate Va*aQs-ingS3eQt&ield Senis; pri*ate Va*aQs-ingS3eQt&ield 4odeSenis; pri*ate Va*aQs-ingSGutton Ca*e; pri*ate Va*aQs-ingSGutton Opdate; pri*ate Va*aQs-ingSDabel VDabel0; pri*ate Va*aQs-ingSDabel VDabelB; pri*ate Va*aQs-ingSCcrollNane VCcrollNane0;

pri*ate Va*aQs-ingS3able table; )) 5nd o# *ariables declaration


42/58


43/58

Gambar .4#= Tampilan )ntuk *enyimpan ata

4ambar &."H merupakan tampilan setelah data yang telah ditambahkan

sebelumnya masuk ke dalam dataase.

Gambar .4! Tampilan Update

4ambar &.%@ merupakan tampilan saat ingin mengubah data, data yang

akan diubah dengan =ode M B@@'C dan Jenis M Banten - updateC, kemudian

klik utton Update.


44/58

Gambar .4# Tampilan *elakukan Update ata

4ambar &.%" merupakan tampilan setelah data yang telah diubah

sebelumnya masuk ke dalam dataase.

Gambar .4 Tampilan )ntuk


45/58

4ambar &.%% merupakan tampilan setelah menekan tombol 9utton pada

data dengan =ode M B@@C dan Jenis M Banten EC.

Gambar .4. Tampilan )ntuk Close

4ambar &.%& merupakan tampilan saat akan menutup program aplikasi

penjualan.


46/58

Gambar .4+ Tampilan Insert Data ;osong

4ambar &.%' merupakan tampilan saat memasukkan data, alert atau pesan

tersebut akan muncul saat data tidak diisi dengan benar.


47/58

BAB I0

SIMPULAN

.4# Sim"ulan

(impulan yang dapat diambil dalam pembuatan makalah ini adalah

sebagai berikut.

)*+ merupakan suatu kumpulan teknik terbaik yang telah terbukti sukses

dalam memodelkan sistem yang besar dan kompleks. )*+ tidak hanya digunakan

dalam proses pemodelan perangkat lunak, namun hampir dalam semua bidang

yang membutuhkan pemodelan. (alah satu aplikasi menggunakan )*+ yaitu

(tar)*+.

(tar)*+ merupakan soft'are permodelan yang mendukung )*+

/Unified Modeling Language0. (tar)*+ mendukung notasi )*+ %.@ dan juga

mendukung pendekatan *# / Model Driven Architecture0 dengan dukungan

konsep )*+.

(tar)*+ ini diharapkan dapat memberi kemudahan dan kenyamanan bagi

programmer dalam membuat aplikasi penjualan dagang banten online.

.4 Saran

(aran yang dapat diberikan dalam pembuatan makalah ini adalah

(tar)*+ dapat diterapkan dengan diagram lain, seperti E! atau Use Case

Diagram. (elain itu, dapat dikembangkan dengan menggunakan ahasa

pemrograman lain, seperti 9NN atau Phyton.


48/58

DA2TAR PUSTAKA

1"2 (eptiadi, #sep. %@"&. #tarUML Modeling .ools #tarUML Pengenalan

https6AA555.academia.eduA"%"?@>A(tar)*+*odelingTools(tar)*

+Pengenalan 1Online2. iakses tanggal % #pril %@">.

1%2 #lmeida, J. P. dkk.. /%@@H0. Model-Driven #ervice-Oriented Architectures.

International Journal usiness Process Integration and *anagement, Dol.',

;o.", %-'.

1&2 (tar)*+%. http6AAstaruml.ioA 1Online2. iakses tanggal % #pril %@">.

1'2 Ikh5an, #rief. UML. http6AAariefikh5an.5eb.ugm.ac.idA$tagMpengertian-

uml 1Online2. iakses tanggal % #pril %@">.

https://www.academia.edu/12518065/StarUML_Modeling_Tools_StarUML_Pengenalanhttps://www.academia.edu/12518065/StarUML_Modeling_Tools_StarUML_Pengenalanhttp://staruml.io/http://ariefikhwan.web.ugm.ac.id/?tag=pengertian-umlhttp://ariefikhwan.web.ugm.ac.id/?tag=pengertian-umlhttps://www.academia.edu/12518065/StarUML_Modeling_Tools_StarUML_Pengenalanhttps://www.academia.edu/12518065/StarUML_Modeling_Tools_StarUML_Pengenalanhttp://staruml.io/http://ariefikhwan.web.ugm.ac.id/?tag=pengertian-umlhttp://ariefikhwan.web.ugm.ac.id/?tag=pengertian-uml


49/58

LAMPIRAN

erikut merupakan 7ile java yang di generate menggunakan aplikasi

(tar)*+.

". arang

import Va*autilE;

)EE EE)public class Garang %

)EE E +e#ault constructor E) public Garang % (

)EE E

E) public *oid kd_barang;

)EE E

E) public *oid nama_barang;

)EE E

E) public *oid stok;

)EE E

E) public *oid harga;

)EE E

E) public *oid set_nama_barang % )) 37+7 implement here (

)EE E

E) public *oid set_stok % )) 37+7 implement here

(


50/58

)EE E

E) public *oid set_harga %

)) 37+7 implement here (

)EE E

E) public *oid get_nama_barang % )) 37+7 implement here (

)EE E

E)

public *oid getstok % )) 37+7 implement here (

)EE E

E) public *oid get_harga % )) 37+7 implement here (

)EE E

E) public *oid update % )) 37+7 implement here (

)EE E

E) public *oid delete % )) 37+7 implement here (

(

%. etail Penjualan

import Va*autilE;

)EE EE)public class detail_penVualan %

)EE E +e#ault constructor E)

public detail_penVualan %


51/58

(

)EE E

E)

public *oid kd_detail_Vual;

)EE E

E) public *oid kd_penVualan;

)EE E

E) public *oid kd_barang;

)EE

EE)

public *oid quantity;

)EE E

E) public *oid set_penVualan % )) 37+7 implement here (

)EE E

E) public *oid set_barang % )) 37+7 implement here (

)EE E

E) public *oid set_quantity % )) 37+7 implement here (

)EE

EE) public *oid get_penVualan % )) 37+7 implement here (

)EE E

E) public *oid get_barang % )) 37+7 implement here (

)EE E


52/58

E) public *oid get_quantity % )) 37+7 implement here (

)EE E


)EE E


(

&. Pega5ai

import Va*autilE;

)EE EE)public class Nega-ai %

)EE

E +e#ault constructor E) public Nega-ai % (

)EE E

E) public *oid kd_pega-ai;

)EE E

E)

public *oid username;

)EE E

E) public *oid pass-ord;

)EE E

E) public *oid nama;

)EE

E


53/58

E) public *oid le*el;

)EE E

E) public *oid setusername % )) 37+7 implement here (

)EE E

E)

public *oid setpass-ord % )) 37+7 implement here (

)EE E

E) public *oid setnama % )) 37+7 implement here (

)EE E

E) public *oid setle*el % )) 37+7 implement here (

)EE E

E) public *oid getusername % )) 37+7 implement here (

)EE

EE) public *oid getpass-ord % )) 37+7 implement here (

)EE E

E) public *oid getnama % )) 37+7 implement here (

)EE E


54/58


55/58


56/58

)EE E

E) public *oid get_alamat %


)EE E


)EE E

E)

public *oid delete % )) 37+7 implement here (

(

. Penjualan

import Va*autilE;

)EE EE)

public class NenVualan %

)EE E +e#ault constructor E) public NenVualan % (

)EE E

E) public *oid kd_penVualan;

)EE E

E) public *oid kd_pelanggan;

)EE E

E) public *oid total_harga;

)EE E

E)

public *oid tanggal_penVualan;


57/58

)EE E

E) public *oid kd_pega-ai;

)EE E

E) public *oid set_totalharga % )) 37+7 implement here (

)EE E

E) public *oid set_pelanggan %


)EE E

E) public *oid set_tanggal_penVualan % )) 37+7 implement here (

)EE E

E)

public *oid set_pega-ai % )) 37+7 implement here (

)EE E

E) public *oid get_totalharga % )) 37+7 implement here (

)EE E

E) public *oid get_pelanggan % )) 37+7 implement here (

)EE E

E) public *oid get_tanggal_penVualan % )) 37+7 implement here (

)EE

EE)


58/58

public *oid get_pega-ai % )) 37+7 implement here (

)EE

EE)

public *oid update % )) 37+7 implement here (

)EE E


(

IMSB_Kelompok4_StarUML-Revisi(3).doc

Documents