Post on 08-Feb-2016
description
BAB III
PERANCANGAN UML
Pada bab ini akan di bahas tentang peracangan UML dari aplikasi mobile web
POS, di dalam bab ini terdapat requirement model, analysis model, design yang akan
dibahas satu persatu.
3.1 Requirement Model
Dalam tahap pemodelan ini ada beberapa cabang tahapan lagi yang akan di
bahas yaitu Developing a vision, Modeling use case, Estabilishing the domain model
setiap tahapan akan di jelaskan sebagai berikut :
3.1.1 Developing a vision
Fitur-fitur di dalam aplikasi mobile web POS yang akan di bangun yaitu sebagai
berikut :
1 Aplikasi berbasis web ini akan mendukung transaksi antara costumer dan
pegawai yang di lakukan di luar kantor PT.POS, dengan menggunakan
perangkat mobile yang dapat mudah di bawa kemana saja.
2 Aplikasi ini menggunakan sistem admin yang dapat di akses di setiap cabang
di kantor POS.
3 Aplikasi ini dapat memperkirakan harga dari barang yang akan di kirim
melalui POS, dengan membuka website POS kemudian menginput berat
barang, jenis barang dan asuransi barang.
4 Web menyediakan informasi dan berita-berita tentang PT.POS kepada
costumer.
5 Admin dapat meperbarui berita-berita terupdate dengan mengganti link berita
yang sudah di sediakan di page admin.
6 Costumer dapat melihat status barang yang sedang di kirim melalui website
dengan menginput nomer resi yang di miliki. Jika barang belum sampai tujuan
maka costumer akan di berikan informasi kota tempat barang yang dikirim
sedang berada.
7 Aplikasi ini dapat berjalan di browser apa saja.
8 Aplikasi ini memiliki tampilan yang berbeda saat dibuka melalui gadget yang
memiliki resolusi berbeda seperti Tablet, Iphone/Android dan Handphone
yang memiliki resolusi lebih rendah lagi.
3.1.2 Modeling Use Case
Berdasarkan fitur-fitur dalam perancagan aplikasi mobile web POS yang telah di
susun pada bagian sebelumnya, maka dapat digambarkan use-case diagram sebagai
berikut :
Gambar 7 Use Case Diagram Aplikasi Mobile Web POS
Dari gambar di atas dapat di jelaskan sebagai berikut :
1 Sistem memiliki 3 aktor yang berhubungan dengan fungsi-fungsi sistem , yaitu
Administrator, Pegawai dan Costumer. Administrator dapat menginsert, mengedit
dan menghapus data pelanggan dan barang yang di kirim dan juga dapat
mengupdate informasi terbaru tentang berita POS, pegawai dapat menginsert data
costumer yang akan mengirimkan barang serta dapat mengecek biaya transaksi,
sedangkan costumer dapat melihat informasi yang di sediakan oleh web,
kemudian dapat mengecek perkiraan biaya kirim barang dan juga dapat melihat
lokasi berang yang sedang costumer kirimkan.
2 Sistem memiliki 8 fungsi yang akan di jelaskan sebagai berikut :
Fungsi Menginsert data
Fungsi menginsert data merupakan form yang digunakan oleh administrato
untuk mengisert data.
Fungsi Melihat/edit data
Fungsi melihat/edit data merupakan form yang di gunakan untuk dapat
mengupdate dan mendelete data yang di kelola oleh admin.
Fungsi Update lokasi barang / berita dan informasi
Fungsi Update lokasi barang / berita dan informasi merupakan form yang
digunakan untuk mengupdate lokasi barang dan berita yang ada di dalam web.
Fungsi Pendaftaran pengiriman barang
Fungsi Pendaftaran pengiriman barang merupakan form yang digunakan
untuk mengisi identitas dan jenis barang yang akan dikirim oleh costumer.
Fungsi Mengecek biaya tarif kirim barang
Fungsi Mengecek biaya transaksi merupakan form yang digunakan oleh
pegawai untuk mengecek biaya tarif pengiriman barang antar kota.
Fungsi Melihat lokasi barang
Fungsi Melihat lokasi barang generate query dari costumer untuk melihat
lokasi kebradaan barang yang sedang di kirim.
Fungsi Melihat berita/informasi
Fungsi melihat berita/informasi merupkan form yang di gunakan oleh user
untuk melihat berita dan informasi terbaru dari PT.POS.
Fungsi Cek biaya transaksi
Fungsi cek biaya transaksi merupakan form yang digunakan untuk
mengecek perkiraan berapa biaya untuk pengiriman barang yang akan di
kirim costumer.
3.1.3 Estabilishing the Domain Model
Gambar 8 Class Diagram sistem aplikasi mobile web pos
Dalam class diagram yang terbentuk, terdapat 9 kelas objek dan 3 kelas
kontroller, masing-masing kelas objek akan direpresentasikan dalam bahasa PHP
(Hypertext Preprocesor) sebagai entitas yang nantinya dapat digunakan. Adapun
kelas yang terbentuk diantaranya yaitu lokasi, posisi, barang, resi, halaman, admin,
kota, tarif, pegawai. beberapa kelas memiliki metode yang dapat digunakan untuk
berkomunikasi dalam tahap implementasi. Adapun metode yang dimiliki masing-
masing kelas adalah sebagai berikut :
Kelas Cabang memiliki metode : Menampung, Mengirim.
Kelas Admin memiliki metode : login.
Kelas Pegawai memiliki metode : login.
Kelas kontroller hanya memiliki metode, tidak memiliki attribute. Berikut metode
yang dimiliki kelas kontroller :
Controller Transaksi barang : Login dan Input data costumer.
Controller Data : Login, Update data costumer, Hapus data costumer , Update
data barang, Hapus data barang, Update berita dan Hapus berita.
Control Pengiriman barang : Login dan Input lokasi barang.
Sedangkan attribute yang dimiliki oleh masing-masing kelas objek adalah sebagai
berikut :
Cabang : Cabang_id, Cabang_nama, Cabang_alamat, Cabang_kota_id.
Posisi : lokasi_id, lokasi_pengiriman_id, lokasi_cabang_kota_id.
Resi : resi_id, resi_nama, resi_alamat, resi_telpon, resi_kotaasal, resi_tujuan,
resi_kota_tujuan, resi_tanggal, resi_status.
Kota : Kota_id, kota_nama, kota_kodepos.
Barang : barang_id, barang_kategori, barang_deskripsi, barang_berat,
barang_asuransi.
Halaman : halaman_id, halaman_kategori, halaman_nama, halaman_date,
halaman_link, Halaman_foto.
Admin : user_id, user_pwd, user_nama, user_alamat, user_pin, user_email.
Pegawai : pegawai_id, pegawai_nama, pegawai_cabang, pegawai_email,
pegawai_pwd.
Tarif : tarif_id, tariff_tarif.
3.2 Analysis Model
Dalam tahap Analysis Model ada beberapa sub bab lagi yang akan di bahas
yaitu Sequence diagram, Communication diagram, VOVC(View Of Participating
Classes), Activity Diagram. Berikut adalah pembahasan tentang bagian bagian
tersebut :
3.2.1 Sequence Diagram
Sequence Digram Transaksi Barang (Control Transaksi Barang)
Pada gambar 9 merupakan gambar sequence diagram transaksi barang, yang
menggambarkan tentang penginputan barang yang akan dikirim oleh costumer.
Gambar 9 Sequence Diagram Input Pengiriman Barang
Sequence Digram Cek Lokasi Barang (Control Transaksi Barang)
Pada gambar 10 merupakan gambar sequence diagram cek lokasi barang,
yang menggambarkan tentang pengecekan barang oleh costumer dengan meginput no
resi.
Gambar 10 Sequence Cek Lokasi Barang
Sequence Digram Cek Tarif (Control Transaksi Barang)
Pada gambar 11 merupakan gambar sequence diagram cek tarif, yang
menggambarkan tentang pengecekan tarif barang yang akan costumer kirimkan.
Gambar 11 Sequence Cek Tarif
Sequence Digram Input Lokasi Barang (Control Pengiriman Barang)
Pada gambar 12 merupakan gambar sequence diagram input lokasi barang,
yang menggambarkan mengatur tentang pengecekan barang ketika barang sampai ke
sebuah cabang.
Gambar 12 Sequence Input Lokasi Barang
Sequence Digram Input/Delete/Edit Data Admin (Control Data)
Pada gambar 13 merupakan gambar sequence diagram Input/Delete/Edit data
admin, yang menggambarkan tentang menginput, mendelete dan mengedit data
admin yang ada di form.
Gambar 13 Sequence Input/Delete/Edit Data Admin
Sequence Digram Edit/Delete Data Barang (Control Data)
Pada gambar 14 merupakan gambar sequence diagram Edit/Delete data
barang, yang menggambarkan tentang mengedit dan mendelete data barang yang ada
di form.
Gambar 14 Sequence Edit /Delete Data Admin
Sequence Digram Edit/Delete Data Resi (Control Data)
Pada gambar 15 merupakan gambar sequence diagram Edit/Delete data resi,
yang menggambarkan tentang mengedit dan mendelete data resi yang ada di form.
Gambar 15 Sequence Edit /Delete Data Resi
Sequence Digram Edit/Delete Data Tarif (Control Data)
Pada gambar 16 merupakan gambar sequence diagram Edit/Delete data tarif,
yang menggambarkan tentang mengedit dan mendelete data tarif pengiriman yang
ada di form.
Gambar 16 Sequence Edit /Delete Data Tarif
Sequence Digram Edit/Delete Posisi (Control Data)
Pada gambar 17 merupakan gambar sequence diagram Edit/Delete data posisi,
yang menggambarkan tentang mengedit dan mendelete data posisi pengiriman yang
ada di form
Gambar 17 Sequence Edit /Delete Data Posisi
3.2.2 Communication Diagram
Communication diagram merupakan bentuk interaksi antara fragmen dalam
diagram sequence dasar. Dalam hal ini pertukaran pesan antara objek yang terlibat
didalamnya. Diagram komunikasi akan sebanyak diagram sequence yaitu dalam
sistem ini terdapat 9 (sembilan) diagram komunikasi. Simbol yang digunakan yaitu:
Tabel 1 Simbol yang digunakan dalam merepresentasikan sequence
dan communication diagram
Simbol Keterangan
Aktor atau pelaku yang mendorong untuk terbentuknya fungsi sistem
Interface atau tampilan interaksi antara aktor dengan sistem biasanyamewakili layer presentasi
Controller yaitu penghubung komunikasi dan permintaan layerpresentasi dengan layer aplikasi
Entitas yaitu bentuk representasi tabel-tabel dalam database ataubentuk fisik dari kelas objek dalam layer aplikasi sistem
Berikut adalah bentuk communication diagram Aplikasi mobile web pos :
Pada gambar 18 merupakan communication diagram input pengiriman barang
yang menjelaskan tentang komunikasi yang terjadi antar entitas di dalam proses input
pengiriman barang.
Gambar 18 Communication Input Pengiriman Barang
Pada gambar 19 merupakan communication diagram cek lokasi barang yang
menjelaskan tentang komunikasi yang terjadi antar entitas di dalam proses cek lokasi
barang.
Gambar 19 Communication cek lokasi barang
Pada gambar 20 merupakan communication diagram cek tarif yang
menjelaskan tentang komunikasi yang terjadi antar entitas di dalam proses cek tarif.
Gambar 20 Communication cek Tarif
Pada gambar 21 merupakan communication diagram input lokasi barang yang
menjelaskan tentang komunikasi yang terjadi antar entitas di dalam proses input
lokasi barang.
Gambar 21 Communication Input Lokasi Barang
Pada gambar 22 merupakan communication diagram Input/Delete/Edit data
admin yang menjelaskan tentang komunikasi yang terjadi antar entitas pada form
admin.
Gambar 22 Communication diagram Input/Delete/Edit data admin
Pada gambar 23 merupakan communication diagram Delete/Edit data barang
yang menjelaskan tentang komunikasi yang terjadi antar entitas pada form barang.
Gambar 23 Communication diagram Input/Delete/Edit data admin
Pada gambar 24 merupakan communication diagram Delete/Edit data Resi
yang menjelaskan tentang komunikasi yang terjadi antar entitas pada form Resi.
Gambar 24 Communication diagram Delete/Edit data resi
Pada gambar 25 merupakan communication diagram Delete/Edit data tarif
yang menjelaskan tentang komunikasi yang terjadi antar entitas pada form tarif.
Gambar 25 Communication diagram Delete/Edit data resi
Pada gambar 26 merupakan communication diagram Delete/Edit data posisi
yang menjelaskan tentang komunikasi yang terjadi antar entitas pada form posisi.
Gambar 26 Communication diagram Delete/Edit data Posisi
3.2.3 Activity Diagram
Activity diagram menggambarkan alur kegiatan dari suatu fungsi dalam
sistem. Dalam sistem initerdapat 9(sembilan) activity diagram. Berikut adalah
gambar tentang activity diagram yang terdapat pada aplikasi mobile web pos:
pada gambar 27 adalah gambar activity diagram yang menjelaskan tentang proses
alur aktifitas yang terjadi pada form input pengiriman barang.
Gambar 27 Activity diagram Input Pengiriman Barang
pada gambar 28 adalah gambar activity diagram yang menjelaskan tentang proses
alur aktifitas yang terjadi pada form cek lokasi barang.
Gambar 28 Activity diagram cek lokasi barang
pada gambar 29 adalah gambar activity diagram yang menjelaskan tentang proses
alur aktifitas yang terjadi pada form cek tarif.
Gambar 29 Activity diagram cek tarif
pada gambar 30 adalah gambar activity diagram yang menjelaskan tentang proses
alur aktifitas yang terjadi pada form input lokasi barang.
Gambar 30 Activity diagram input lokasi barang
pada gambar 31 adalah gambar activity diagram yang menjelaskan tentang proses
alur aktifitas yang terjadi pada form Input/Delete/Edit data admin.
Gambar 31 Activity diagram Input/Delete/Edit data admin
pada gambar 32 adalah gambar activity diagram yang menjelaskan tentang proses
alur aktifitas yang terjadi pada form Delete/Edit data barang.
Gambar 32 Activity diagram Delete/Edit data barang
pada gambar 33 adalah gambar activity diagram yang menjelaskan tentang proses
alur aktifitas yang terjadi pada form Delete/Edit data resi.
Gambar 33 Activity diagram Delete/Edit data Resi
pada gambar 34 adalah gambar activity diagram yang menjelaskan tentang proses
alur aktifitas yang terjadi pada form Delete/Edit data tarif.
Gambar 34 Activity diagram Delete/Edit data Resi
pada gambar 35 adalah gambar activity diagram yang menjelaskan tentang proses
alur aktifitas yang terjadi pada form Delete/Edit data posisi.
Gambar 35 Activity diagram Delete/Edit data Posisi
3.3 Workflow
Workflow yang berlangsung selama dokumen, informasi atau perintah kerja
dilewatkan (diproses) darisatu pengguna ke pengguna lainnya , sesuai dengan aturan
prosedur yang berlaku pada aplikasi Web Mobile PT Pos Indonesia (persero).
3.3.1 Workflow Admin
Proses yang berlangsung pada tampilan home pada admin dapat di lihat pada gambar 36 Walk Flow pada admin.
Gambar 36 Walk Flow pada admin
3.3.2 Work Flow User
Proses yang berlangsung pada tampilan home pada menu utama dapat di lihat pada gambar 37 Walk Flow pada user.
Gambar 37 Walk Flow pada user
3.4 Hak Akses
Pada bagian ini akan di bahas tentang hak akses setiap user yang terdapat di
dalam aplikasi mobile web, berikut adalah penjelasaan tentang hak akses yang di bagi
menjadi 3 yaitu hak akses costumer, pegawai dan admin :
3.4.1 Hak Akses Costumer
Hak akses costumer merupakan hak pengaksesan website oleh costumer yang
mana memiliki batasan hanya dapat mengakses halaman yang sifat nya umum atau
terbuka bagi siapapun yang mengakses halaman mobile website pos :
Halaman Beranda awal yang berguna sebagai info bagi costumer.
Halaman Produk yang berisi tentang promosi layanan produk-produk yang
terdapat pada PT.POS.
Halaman Layanan yang berisi tentang perkiraan biaya barang yang akan di
kirim dan mengecek keberadaan barang menggunakan nomer resi.
Halaman Berita merupakan layanan informasi tentang berita-berita yang
terkait dengan PT.POS.
3.4.2 Hak Akses Pegawai
Hak akses pegawai merupakan hak pengaksesan website oleh pegawai yang
mana memiliki batasan hanya dapat mengakses halaman yang sifat nya umum dan
khusus yang hanya bisa di akses oleh pegawai yang mengurus transaksi :
Halaman Daftar yang berguna bagi pegawai untuk melakukan pendaftaran
barang yang akan di kirim oleh costumer.
Halaman Konfirmasi yang berguna untuk memasukan nomer resi yang sampai
di sebuah kantor cabang.
Halaman pencarian yang berisi tentang mengecek keberadaan barang
menggunakan nomer resi.
Halaman Hitung Tarif yang berisi perkiraan biaya barang yang akan di kirim.
3.4.3 Hak Akses Admin
Hak akses admin merupakan hak pengaksesan website oleh admin yang mana
memiliki batasan hanya dapat mengakses halaman yang sifat nya khusus hanya bisa
di akses oleh admin, halaman umum dan juga halaman transaksi:
Halaman Page yang berguna untuk mengatur mengedit berita yang ada pada
halaman umum website mobile pos.
Halaman Pengiriman yang berisi tentang data-data yang telah di input pada
saat transaksi, pada halaman ini admin dapat mengedit,menghapus dan
menambah data.
Halaman User halaman ini berfungsi untuk menambah admin, menghaous
admin atau mengedit data admin.
3.5 Proses Bisnis
Pada bagian ini akan di jelaskan tentang proses bisnis yang terjadi di dalam
aplikasi mobile web ini. Dimana akan dijelaskan tentang proses nya sebagai berikut
pada gambar 38 :
Gambar 38 proses bisnis dalam aplikasi mobile web pos