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