BAB III ANALISIS DAN PERANCANGAN

BAB III ANALISIS DAN PERANCANGAN

Metode yang digunakan untuk rekayasa perangkat lunak menggunakan metode waterfall. Langkah – langkah yang dilakukan yaitu: 1. Analisis kebutuhan, proses mengumpulkan data-data yang diperlukan untuk membangun aplikasi. 2. Desain, yaitu melakukan perancangan aplikasi sesuai dengan hasil analisis yang dilakukan sebelumnya. 3. Coding, yaitu proses memulai pembuatan aplikasi sesuai dengan desain yang telah dibuat sebelumnya. 4. Testing aplikasi, adalah proses implementasi dari aplikasi yang telah dibuat.

3.1

Analisis Analisis merupakan penelitian dengan melakukan suatu percobaan yang

menghasilkan kesimpulan dari penguraian suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi segala permasalahan yang timbul, hambatan yang terjadi serta kesempatan dan kebutuhan yang diharapkan sehingga dapat diusulkan perbaikanperbaikan yang dapat membangun dan mempertinggi sistem kerja alat yang akan dibuat.

3. 1.1Analisis Sistem yang Akan Dibangun Menjelaskan kondisi atau kemajuan yang harus dipenuhi oleh sistem sesuai dengan spesifikasi yang diinginkan oleh pemakai, meliputi analisa kebutuhan aplikasi, analisa kebutuhan perangkat lunak dan perangkat keras, identifikasi kebutuhan pemakai, dan deskripsi kebutuhan fungsional.

49 http://digilib.mercubuana.ac.id/

50

Flowmap Rancangan Sistem Supplier (User)

Karyawan Purchasing (User)

Karyawan Purchasing (Administrator)

Sistem SDB

Mulai

Mulai

Login Registrasi (Sign Up)

Data Supplier Tampilan Menu

Home

Cek data registrasi Supplier

Proses approval

No

DB

Register Username & Password

Username & Password

Approve ? Yes

Memberikan informasi akun Supplier

Username & Password Mulai Data Supplier

Login Login

Performa Supplier

Tampilan Menu Tampilan Menu

User Management

Home Home

Auto Reminder System

Data Supplier Change Password Performa Supplier DB

Mengisi kelengkapan data Supplier

Change Password

Data Supplier

DB

Performa Supplier

Logout

Change Password

Selesai DB

No Data diupdate tiap 4 bulan?

Logout

Yes Pembaruan data berkala

Selesai

Logout Selesai

Gambar 3.1 Flowmap Aplikasi yang Akan Dibangun

http://digilib.mercubuana.ac.id/

51

Penjelasan : 1.

Supplier melakukan proses registrasi terlebih dahulu.

2.

Karyawan Purchasing sebagai Administrator sistem akan memverifikasi data, dan melakukan proses approve / reject registrasi Supplier.

3. Apabila registrasi Supplier diterima, maka data Supplier bertambah dan Administrator akan mengirimkan data username beserta password. Apabila registrasi Supplier ditolak, maka data Supplier tidak akan ditambahkan. 4. Setelah Supplier menerima informasi username dan password, maka Supplier Login dan berkewajiban untuk mengisi lengkap data Supplier. 5. Supplier memiliki kewajiban untuk melakukan proses update data setiap 4 bulan sekali. Apabila Supplier tidak melakukan update data, maka Sistem akan otomatis mengirim remindernotification ke akun Supplier dan melalui email. 6. Setelah data Supplier diisi lengkap oleh Supplier, maka Karyawan Purchasing sebagai User dapat melihat data tersebut. 7. Selain menu data Supplier, ada pula Data performa Supplier yang dikelola oleh Administrator setiap bulannya.

3.1.1.1

Analisa Kebutuhan Perangkat Lunak dan Perangkat Keras Spesifikasi perangkat lunak yang dibutuhkan adalah sebagai berikut : 1. Sistem Operasi : Windows 7 32bit 2. Bahasa Pemograman : php 3. DBMS: MySQL 4. Aplikasi : Xampp

3.1.2.1.1 Identifikasi Kebutuhan Pemakai 1. Sistem dirancang untuk mengelola Data Supplier dalam sebuah sistem database yang dapat diakses oleh Karyawan dan Supplier. 2. Sistem dibagi menjadi tiga otorisasi user yang disesuaikan dengan kebutuhan.


52

3.2

DFD Data flow diagram atau Diagram Aliran data adalah alat yang

menggambarkan aliran data melalui sistem dan kerja atau pengolahan yang dilakukan oleh sistem tersebut. 3.2.1 Diagram Konteks Data flow diagram atau Diagram Aliran data adalah alat yang menggambarkan aliran data melalui sistem dan kerja atau pengolahan yang dilakukan oleh sistem tersebut. Reg ister (Sig n Up) Update data Supplier Ubah password Supplier (User)

Konfirmasi reg istrasi Supplier Kelola Data master Kelola Data Supplier Kelola Data User

Administrator

Kelola Data Performa Supplier Ubah Password

1

Info password baru Info password baru

Info Data performa Supplier Info Data Supplier

Supplier Data Bank

Info report data performa Supplier Info Data User

View Data Supplier

Info Data Supplier View Data Performa Supplier

Info Data Master

Ubah Password

+

Info Akun Spplier

Info Password baru User ADM Info Report data performa Supplier

Info Data Supplier

Gambar 3.2 Diagram Konteks


53

3.2.2 Diagram Nol Diagram nol menggambarkan proses-proses penting yang terdapat pada suatu sistem. Pada diagram nol diperlihatkan data store yang digunakan. Setiap proses yang digambarkan diberi nomor yang terdiri dari satu digit. Proses yang tidak dirinci lagi pada level selanjutnya (functional primitive) diberi tambahan tanda „*‟ pada akhir nomor proses. Reg ister (Sig n Up)

1 Konfirmasi reg is trasi Supplier

Reg istrasi Supplier

Flow_138

reg istrasinews upp

2 mas ter data Flow_140

Supplier (User)

Info Data Mas ter

3

Update data Supplier Info Data Supplier

Kelola Data master

Kelola Data Master

Kelola Data Supplier Kelola Data Supplier

Administrator

Info Data Supplier

Info Data Supplier

datasupplier

4 data s upplier

Kelola Data Performa Supplier

Info Data performa Supplier

Info report data performa Supplier Kelola Data Performa Supplier

performa supplier data performa User ADM

View Data Supplier Info Report data performa Supplier View Data Performa Supplier

5

Ubah Password

Kelola Data User

Kelola Data User

Info Password baru Ubah pas sword Info pas sword baru

Info Data User Ubah Password Info pas sword baru

data user

us er

Gambar 3.3DFD Level 0

3.3

UML UML adalah proses untuk melakukan pemodelan sistem/ perangkat lunak

lewat sarana rational rosedanproses ini untuk mempermudah seorang pembuat aplikasi dalam merancang suatu sistem. Perancangan yang dilakukan meliputi perancangan diagram-diagram UML dan perancangan tampilan antarmuka.


54

3.3.1Use Case Diagram Diagram Use Case Diagram menggambarkan interaksi antara proses dengan aktor yang bersangkutan dalam suatu sistem. System Mengakses Registrasi Supplier

Melakukan Login Supplier (User)

Mengelola Data Master

Mengakses Informasi Data Supplier

Administrator Mengakses Informasi Data Performa Supplier

Mengelola Data User Karyawan Purchasing (User) Merubah Password Login

Gambar 3.4Use Case Diagram 3.3.1.1 Definisi Aktor Berikut adalah definisi aktor dari Use Case DiagramPerancangan dan Pembuatan Aplikasi Sistem Supplier Data Bank berbasis web di Purchasing Division PT. XYZ Tabel 3.1 Definisi Aktor


55

No 1.

Aktor

Deskripsi

Administrator

Karyawan Purchasing yang memiliki otoritas sebagai Administrator. Bertanggung jawab pada proses registrasi Supplier, mengelola data Supplier, data performa Supplier, dan data User.

2. 3

KaryawanPurchasing User yang dapat melihat data Supplier namun tidak dapat (User)

melakukan proses update ataupun delete.

Supplier

User yang berkewajiban mengisi kelengkapan data di sistem secara periodik.

3.3.1.2 Definisi Use Case Diagram Usecase menyatakan fungsi lengkap yang dilakukan aktor dan menghasilkan nilai ke aktor serta menggambarkan dimana level user dan respon. Kemudian dibuat skenario (flow of event) yang menggambarkan urutan interaksi aktor dengan sistem tersebut dalam setiap usecase utama. Tabel 3.2 Definisi Use Case Diagram No

Use Case Diagram

Definisi

1

Mengakses Registrasi Supplier

Proses awal untuk Supplier sebelum masuk ke dalam sistem

2

Verifikasi username dan password untuk

Melakukan Login

user. 3


4

Mengakses

Mengelola seluruh master data di sistem

Informasi

Data Detail informasi tentang Supplier

Informasi

Data Informasi Data Performa Supplier yang

Supplier 5

Mengakses

Performa Supplier

dikelola tiap bulan

6

Mengelola Data User

Mengelola data User yang ada di sistem

7

Merubah Password Login

Merubah password untuk login

3.3.1.3 Skenario Use Case Diagram 1. Use Case DiagramRegistrasi Supplier Tabel 3.3 Skenario Use Case DiagramRegistrasi Supplier


56

Identifikasi Nomor

1

Nama

Registrasi Supplier

Tujuan

Sebagai proses pendaftaran untuk akun user.

Deskripsi Supplier dan Administrator

Aktor Skenario Utama Kondisi Awal

Masuk ke halaman web

Aksi Aktor

Reaksi Sistem

1.

2. Sistem akan menampilkan form registrasi

Memilih menu “Sign Up”

Supplier 3.

Supplier mengisi data-data registrasi

4. Sistem

yang dibutuhkan.

akan

menyimpan

data-data

tersebut, dan menampilkan data registrasi Supplier ke halaman Administrator

5.

Administrator melakukan proses cek dan verifikasi data registrasi Supplier. Apabila

Kondisi Akhir

data

sudah

sesuai

maka

Administrator menerima registrasi Supplier, dan sebaliknya Administrator akan menolak data registrasi Supplier dan Sistem akan menambah data Supplier

2. Use Case DiagramLogin Sistem Tabel 3.4 Skenario Use Case Diagram Login Sistem Identifikasi Nomor

2

Nama

Login

Tujuan

Memberikan hak ases sesuai ototritas

Deskripsi Aktor

Supplier, Administrator, Karyawan Purchasing

Skenario Utama


57

Kondisi Awal

Masuk ke menu Login

Aksi Aktor

Reaksi Sistem username

1. Memasukkan

dan

2. Sistem

password.

akan

menampilkan

username.

password

ditampilkan

Sedangkan untuk

dalam bentuk “●” untuk jaminan keamanan. 3.

Pengguna melakukan konfirmasi persetujuan serta

terhadap

password

dimasukkan

username

yang

dengan

4. Sistem

melakukan

username

telah

dan

dimasukkan

menekan

validasi

password

oleh

terhadap

yang

pengguna

telah dengan

melakukan pengecekan pada basis data.

tombol “Login”. Kondisi Akhir

Jika pada akhir

interaksi,

username dan

password yang dimasukkan oleh pengguna valid maka pengguna dapat masuk ke menu yang ada si sistem sesuai dengan hak akses yang diberikan. Jika tidak valid maka sistem akan menampilkan

pesan

konfirmasi

bahwa

username dan password yang dimasukkan salah serta

pemberitahuan

untuk

memasukkan

kembali username dan password yang valid.

3. Use Case DiagramMengelola Data Master Tabel 3.5 Skenario Use Case DiagramMengelola Data Master Identifikasi Nomor

3

Nama


Tujuan

Mengelola data master untuk pengolahan data Supplier

Deskripsi Aktor

Administrator

Skenario Utama Kondisi Awal

Setelah berhasil login, pilih menu Master Data.


58

Dalam menu Master Data terdapat 3 pilihan Master Data yaitu : Master Bank Account, Master Country Data, dan Master Group Area Aksi Aktor

Reaksi Sistem

1. Memilih menu kelola Master

2. Menampilkan

Bank Account / Country Data /

datamaster

yang

sudah

tersimpan

Group Area 3. Memilih data apa saja yang

4. Menampilkan fungsi yang dapat menambah,

akan dikelola.

mengedit, mencari, serta menghapus data Master data akan selalu dikelola dan sistem

Kondisi Akhir

akan menampilkan rinciannya.

4. Use Case DiagramMengakses Informasi Data Supplier Tabel 3.6 Skenario Use Case DiagramMengakses Informasi Data Supplier Identifikasi Nomor

4

Nama

MengaksesInformasi Data Supplier

Tujuan

Mengelola dan melihat data Supplier

Deskripsi Supplier / Administrator / Karyawan Purchasing


Setelah berhasil login, pilih menu data Supplier

Aksi Aktor

Reaksi Sistem

1. Memilih menu Data Supplier

2. Menampilkan form Data Supplier yang akan diupdateoleh Supplier

3. Supplier mengisi data-data yang

4. Menyimpan data Supplier yang diisi oleh

direquest oleh ADM. Karyawan

Suplier. Data dapat ditampilkan dan diakses

Purchasing dapat melihat data

oleh Karyawan Purchasing

Supplier tanpa fungsi insert, update, dan delete. 5. Data Supplier harus diperbarui

6. Apabila Supplier tidak memperbarui data


59

secara periodik setiap 4 bulan

selama lebih dari 4 bulan, maka sistem akan

sekali

mengirim notification reminder ke akun Supplier dan email PIC Data Supplier akan selalu diperbarui oleh

Kondisi Akhir

Supplier.

5. Use Case DiagramInformasi Data Performa Supplier Tabel 3.7 Skenario Use Case DiagramInformasi Data Performa Supplier Identifikasi Nomor

5

Nama

Mengakses Informasi Data Performa Supplier

Tujuan

Memberikan

informasi

mengenai

performa

Supplier Deskripsi Supplier,

Aktor

Administrator,

dan

Karyawan

Purchasing Skenario Utama Setelah berhasil login, pilih menu Performa

Kondisi Awal

Supplier Aksi Aktor

Reaksi Sistem

1. Memasukkan

hasil

penilaian

2. Menyimpan data Quality dan Delivery.

terkait Quality dan Delivery point ke dalam database 3. Melakukan proses compileuntuk menghitung

rata-rata

nilai

4. Menampilkan

Suppliersetiap bulannya.

performa Supplier. Nilai final Performa

Supplier

diperoleh

dari Average akumulasi nilai Quality

+

nilai

nilai

Delivery,

kemudian dikategorikan sesuai range nilai final performa.


final

Performa

60

Data akan ditampilkan perbulan selama periode

Kondisi Akhir

berjalan.

6. Use Case DiagramLogin Mengelola Data User Tabel 3.8 Skenario Use Case DiagramMengelola Data User Identifikasi Nomor

6

Nama

Mengelola Data User

Tujuan

Mengelola data user yang dapat Mengakses sistem

Deskripsi Administrator


Setelah berhasil login, pilih menu Data User

Aksi Aktor

Reaksi Sistem

1. Memilih menu Data Supplier

2. Menampilkan form Data User yang akan dikelola

3. Administrator memilih data user

4. Menampilkan fungsi yang dapat menambah,

yang akan dikelola

Kondisi Akhir

mengedit, mencari, serta menghapus data Data user terupdate.

7. Use Case DiagramMerubah Password Login Tabel 3.9 Skenario Use Case DiagramMerubah Password Login Identifikasi Nomor

7

Nama

MerubahPassword Login

Tujuan

Merubah password untuk Login

Deskripsi


61

Supplier / Administrator / Karyawan

Aktor

Purchasing Skenario Utama Setelah berhasil login, pilih menu Change

Kondisi Awal

Password Aksi Aktor

Reaksi Sistem

1. Memilih

menu

2. Menampilkan form Change Password

ChangePassword 3. Memasukkan password lama, dan password baru

4. Memperbarui password lama dengan password baru Password akan berubah sesuai dengan data

Kondisi Akhir

baru yang diupdate

3.3.2 Class Diagram Class diagram menggambarkan struktur kelas dan bersifat statis tetapi sering pula memuat kelas-kelas aktif serta memperlihatkan himpunan kelas-kelas, antarmuka-antarmuka, kolaborasi-kolaborasi dan relasi-relasi. Adapun pengertian dari class itu sendiri adalah : -

Identifikasi abstrak suatu set logik secara unik.

-

Abstrak apapun yang dengan uniknya mengidentifikasikan satu set instance yang terhubung secara logika dimana membagi karakteristik yang sama atau serupa.

-

Aturan yang mendefinisikan object.

-

Suatu definisi atau template yang menggambarkan bagaimana membangun representasi satu jenis spesifik object yang akurat. Adapun untuk analisis sistem manajemen aset ini, class dibagi menjadi 2 yaitu ClassObject dan ClassUserInterface.ClassObject menggambarkan hubungan antara satu data dengan data lainnya yang digunakan dalam sistem yang akan dibangun mulai dari data apa saja yang dipakai sampai dengan operasi apa saja yang dapat dilakukan ke data tersebut. Sedangkan


62

ClassUserInterface menggambarkan hubungan antara User Interface satu dengan yang lainnya atau lebih mudah dikenal dengan hubungan antar GUI. myus

menu_manage

+idus +usn +pws +nama +aks

+idmenu +idakses +sts

supplier

um_userregis +userid +suppliercode +idus

m_supplierdata +id +supplierstatusname

m_supplierstatus

menu +idmenu +idsub +menu +icon +link +nomor

+idsupplier +title +name +street +postalcode +city +country +language +telp +extention +hp +fax +email +taxnumber +ordercurrency +salesperson +tlp2 +email2

+id +supplierstatusname

ud_generaldata_product +suppliercode +product_code +product_name +composit

+id +currency

bod +id +namebod +position +email +phone

chart +id +codesupplier +suppliername +months +years +qty_performance +div_performance

m_country

m_titleperusahaan +id +titlename

+countrycode +countryname

+id +groupareaname

ud_generaldata

ud_generaldata_groupofsupplier

ud_generaldata_categoryofsupplier

+suppliercode +id +supplier +title +companyname +abbreviatename +suppliergroup +companystatus +technicaltieup +establishment +startoperation +officeaddress +phoneno +faxno +countrycode +groupareacode

+idgeneraldata +groupofsupplier

+idgeneraldata +categoryofsupplier

ud_cr_businis +id +corporated +content +remark +suppliercode

m_currencyrate

m_groupareadata

ud_generaldataplant +suppliercode +plant_code +address +phone +fax +area

m_bankdata +bankcode +bank_name

ud_cr_customer +id +customer +share +frm +toe +suppliercode

ud_certification_a

ud_certification_c

+id +tgl_input +yr2 +title2 +grantor +remarks2

+id +tgl_input +yr1 +title1 +grantor1 +remarks1 +suppliercode

ud_accounting_finance

ud_accounting_finance_list

+id +capital +capital_text +bank +bank_no +bank_account +total_asset +total_asset_text +branch +npwp_tax1 +npwp_tax2

+idaccountfinance +year +sales +sales_text +pre_tax_profit +pre_tax_profit_text +sales_adm +sales_adm_text

ud_cr_exports ud_employee

ud_mpf +suppliercode +id +holding +tgl_input

+id +year_by_area +design +evaluation +p_control +p_eng +q_a +direct +year_by_age +year_18_25 +year_26_35 +year_36_45 +year_by_status +permanent +contract +union +regulation +nama +dept +phone +fax +email +suppliercode

+id +countrycode +shares +frm +toe +suppliercode

Gambar 3.5Class Diagram 3.3.3Sequence diagram Sequence diagrammenggambarkan interaksi antar objek di dalam dan di sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message yang digambarkan terhadap waktu. Sequence diagramterdiri atar dimensi vertikal (waktu) dan dimensi horizontal (objek-objek yang terkait).

Sequence

diagrambiasa

digunakan

untuk

menggambarkanskenario atau rangkaian langkah-langkah yang dilakukan


63

sebagai respons dari sebuah event untuk menghasilkan output tertentu. Diawali dari apa yang men-trigger aktivitas tersebut, proses dan perubahan apa saja yang terjadi secara internal dan output apa yang dihasilkan 1. Sequence Diagram Mengakses Registrasi Supplier Registrasi Supplier

: Administrator

registrasinewsupplier

: Supplier (User) 1 : sign up()

2 : simpan data() 3 : validasi simpan()

4 : notifikasi registrasi supplier() 5 : cek data registrasi supplier() 6 : informasi data supplier() 7 : verifikasi supplier()

8 : Approve() 9 : update registrasi supplier()

10 : konfirmasi update() 11 : Reject() 12 : konfirmasi reject()

Gambar 3.6Sequence DiagramRegistrasiSupplier

Tabel 3.10 Penjelasan Sequence diagramRegistrasi Supplier Proses Registrasi up)

Data In

Data Out

(sign Data – data umum Konfirmasi tentang Supplier

registrasi Supplier

Logika Proses Supplier proses

melakukan registrasi.

Administrator mengecek

akan dan

mengkonfirmasi data tersebut.


64

2. Sequence Diagram Melakukan Login Menu Login

: Administrator

: Karyawan Purchasing (User)

user

Menu Utama

: Supplier (User)

1 : input username dan password() 2 : input username dan password() 3 : input username dan password()

4 : verifikasi() 5 : Login valid() 6 : masuk ke Menu Utama() 7 : Login not valid()

8 : konfimasi login not valid() 9 : informasi Login gagal()

Gambar 3.7 Sequence DiagramLogin Tabel 3.11 Penjelasan Sequence Diagram Login Sistem Proses

Data In

Data Out

Login

Login Pengguna

Validasi Pengguna

Logika Proses Login Validasi username dan

password.

Apabalia berhasil maka akan masuk ke

meu

utama,

apabila login gagal maka kembali ke menu login.


65

3. Sequence Diagram Mengelola Data Master Menu Master Data

Master Bank Account

m_bankdata

Master Country Data

m_country

Master Group Area

m_groupareadata

: Administrator 1 : Pilih Menu Master Data() 2 : Kelola Master Bank Account()

3 : insert data() 4 : validasi insert()

5 : Konfirmasi insert data() 6 : update data() 8 : Konfirmasi insert()

7 : validasi update()

9 : delete data() 10 : validasi delete() 12 : Kembali ke Menu Master Data() 11 : Konfirmasi delete data()

13 : Kelola Master Country Data()

14 : insert data()

15 : validasi insert()

16 : Konfirmasi validasi insert data() 17 : update data()


19 : Konfirmasi update data() 20 : delete data()

21 : validasi delete()

22 : Konfrimasi delete data()

23 : Kembali ke Menu Master Data()

24 : Kelola Master Group Area()

25 : insert data()


27 : Konfirmasi insert data() 28 : update data()


30 : validasi update data() 31 : delete data()

33 : Konfirmasi delete data() 34 : Kembali ke Menu Master Data()

Gambar 3.8 Sequence Diagram Mengelola Master Data Tabel 3.12 Penjelasan Sequence diagramKelola Master Data Proses Kelola Data

Data In

Data Out

Logika Proses

Master Data Bank, data Data – data yang Menu Master Data Negara, dan data berhasil dikelola

terdiri

area group

pengelolaan data Negara, area.

dari

proses master

bank, dan

data data

Pengelolaan

meliputimenambah, memeperbarui, menghapus data.


&


66

4. Sequence Diagram Mengakses Informasi Data Supplier Menu Data Supplier : Administrator


: Supplier (User) 1 : Input data Supplier()

m_supplierdata

2 : insert data() 4 : Konfirmasi insert data()


5 : Merubah data Supplier() 6 : update data() 7 : validasi update() 8 : Konfirmasi update data() 9 : Menghapus data Supplier()

10 : delete data() 12 : konfirmasi delete data()

13 : Melihat data Supplier()


14 : select data() 15 : show data Supplier()

16 : Melihat data Supplier()

17 : select data() 18 : show data Supplier()

19 : Merubah data Supplier()

20 : update data() 22 : konfirmasi update data()


23 : Menghapus data Supplier() 24 : delete data() 25 : validasi delete()

26 : konfirmasi delete data()

Gambar 3.9Sequence DiagramMengakses Informasi Data Supplier

Tabel 3.13 Penjelasan Sequence diagramMengakses Informasi Data Supplier Proses

Data In

Data Out

Mengakses

Data Supplier

Data

Informasi Supplier

Data

yang dikelola

Logika Proses Supplier Mengelola

data

telah Supplier. Masingmasing memiliki

user fungsi

masing-masing.


67

5. Sequence diagramMengakses Informasi Data Performa Supplier Menu Performa Data Supplier

: Administrator


m_performasupplier

: Supplier (User)

1 : Input data performa Supplier()

2 : insert data() 3 : validasi insert() 4 : konfirmasi insert data()

5 : Melihat report performa Supplier()

6 : select data() 7 : show data performa Supplier()

8 : Melihat report performa Supplier() 9 : select data() 10 : show data performa Supplier()

Gambar 3.10 Sequence DiagramMengakses Informasi Data Performa Supplier Tabel 3.14 Penjelasan Sequence diagramMengakses Informasi Data Performa Supplier Proses

Data In

Mengakses

Summary

Informasi

Data Out data Data

Data performa Supplier

Performa Supplier

Logika Proses performa Menampilkan data

Supplier dikelola

yang performa masingsetiap masing

bulan

yang

Supplier dikelola

setiap bulannya.

6. Sequence diagramMengelola Data User Menu User Management

user

: Administrator 1 : Menambah data user() 2 : insert data()

5 : Merubah data user()


4 : konfirmasi insert data() 6 : update data()


8 : konfirmasi update data() 9 : Menghapus data user()

10 : delete data()


12 : konfirmasi delete data()

Gambar 3.11 Sequence DiagramMengelola Data User


68

Tabel 3.15 Penjelasan Sequence diagramMengelola Data User Proses

Data In

Data Out

Mengelola

Data

Data User

(Administrator,

yang sudah menambah,

karyawan

dikelola

user Data

Logika Proses

user Mengelola data user meliputi merubah,

dan

mengubah data user.

Purchasing Div.,

dan

Supplier)

7. Sequence diagram Merubah Password Login Menu change password

: Administrator


user

: Supplier (User)

1 : Memperbarui password() 2 : update password()


4 : konfirmasi update password()

5 : Memperbarui password()

6 : update data()


8 : konfirmasi update password() 9 : Memperbarui password()

10 : update password() 12 : konfirmasi update password()


Gambar 3.12Sequence Diagram Merubah Password Login Tabel 3.16 Penjelasan Sequence diagramMerubah Password Login Proses

Data In

Data Out

Logika Proses

Merubah

Password lama

Pemberiahuan

Memilih

penggantian

ubah

password.

dan memperbarui

password

menu password

password lama

3.3.4 Collaboration Diagram Menggambarkan kolaborasi dinamis seperti sequence diagrams. Dalam menunjukkan pertukaran pesan,

collaboration diagrams


menggambarkan

69

objectdan hubungannya (mengacu ke konteks). Jika penekannya pada waktu atau urutan gunakan sequence diagrams, tapi jika penekanannya pada konteks gunakan collaboration diagram. 1. Collaboration Diagram Registrasi Supplier

Gambar 3.13Collaboration Diagram RegistrasiSupplier

2. Collaboration Diagram Login

Gambar 3.14Collaboration Diagram Login 3. Collaboration Diagram Mengelola Data Master


70

Gambar 3.15Collaboration Diagram Mengelola Data Master

4. Collaboration Diagram Mengakses Informasi Data Supplier

Gambar 3.16 Collaboration Diagram Mengakses Informasi Data Supplier


71

5. Collaboration Diagram Mengakses Informasi Data Performa Supplier

Gambar 3.17Collaboration Diagram Mengakses Informasi Data Performa Supplier 6. Collaboration Diagram Mengelola Data User

Gambar 3.18Collaboration Diagram Mengelola Data User 7. Collaboration Diagram Merubah Password Login

Gambar 3.19Collaboration Diagram Merubah Password Login


72

3.3.5 Activity Diagram Menggambarkan rangkaian aliran dari aktivitas, digunakan untuk mendeskripsikan aktifitas yang dibentuk dalam suatu operasi sehingga dapat juga digunakan untuk aktifitas lainnya seperti Use Case Diagram atau interaksi.

1. Activity Diagram Registrasi Supplier Supplier (user)

Administrator

Sistem

Masuk menu registrasi

menampilkan form registrasi

Sign Up Menyimpan data registrasi

Cek data registrasi Supplier

Memberikan notifikasi ke Administrator

Menampilkan data Supplier Verifikasi data

NOK

OK

Gambar 3.20Activity Diagram Registrasi Supplier


Reject dan hapus data

Approve dan simpan data

73

2. Activity Diagram Login Administrator / Kary. Purchasing (User) / Supplier (User)

Sistem

Masuk menu Login

Menampilkan form login

input username dan password verifikasi

informasi login gagal

Menampilkan Menu Utama

Gambar 3.21Activity Diagram Login 3. Activity Diagram Mengelola Data Master Administrator

Sistem

Menampilkan form Menu Master Data

Masuk menu Master Data

Input data

v erifikasi insert data

NOK OK menambahkan data

Merubah Data

v erifikasi update data

NOK

OK memperbarui data

Menghapus Data

v eriikasi delete data

NOK

OK Menghapus data

Mencari Data

v erifikasi search data

Kembali ke Menu Utama

data ditemukan

Gambar 3.22Activity Diagram Mengelola Data Master


74

4. Activity Diagram Mengakses Informasi Data Supplier Administrator

Kary. Purchasing (User)

Supplier (User)

Sistem

Masuk menu Data Supplier

menampilkan form Data Supplier

Input data

verifikasi insert data

NOK OK Menambah data Merubah data Supplier Merubah data

verifikasi update data

NOK OK Memperbarui data Menghapus data Supplier Menghapus data

verifikasi delete data

NOK OK Menghapus data

Melihat data Supplier

Melihat data Supplier

Menampilkan data Supplier

Gambar 3.23Activity Diagram Mengakses Informasi Data Supplier


75

5. Activity Diagram Mengakses Informasi Data Performa Supplier Administrator

Kary. Purchasing (User)/Supplier

System

Masuk ke menu Performa Supplier

Menampilkan form Menu Performa Supplier

Input data performa Supplier

Verfikasi insert data

NOK OK Menambah data

Melihat report performa Supplier

Menampilkan data report performa Supplier

Gambar 3.24Activity Diagram Mengakses Informasi Data Performa Supplier 6. Activity Diagram Mengelola Data User Administrator

Masuk ke menu User

Sy stem

Menampilkan f orm Menu User

Verif ikasi insert data

Input data User

NOK OK Menambah data

Merubah data User

Verif ikasi update data

NOK OK Memperbarui data

Menghapus data User

Verif ikasi delete data

NOK OK Menghapus data

Gambar 3.25Activity Diagram Mengelola Data User


76

7. Activity Diagram Merubah Password Login Administrator / Kary. Purchasing (User) / Supplier

System

Masuk ke menu change password

Menampilkan for Menu Change Password

Memperbarui password

Verifikasi update

NOK

OK Merubah password

Gambar 3.26Activity Diagram Merubah Password Login

3.3.6 Component Diagram Diagram ini berhubungan dengan diagram kelas dimana komponen secara tipikal dipetakan ke dalam satu atau lebih kelas-kelas, antarmuka (interface) ataupun kolaborasi.

Sistem Supplier Data Bank

UI Supplier

Database

Business Process

Web Server UI Karyawan

Security

UI Administrator

Gambar 3.27Component Diagram


77

3.3.7 Deployment Diagram Client

Server

Sistem Supplier Data Bank (UI Web)

SQL

Sistem Supplier Data Bank (UI Web)

Ms. Excel

SQL

Gambar 3.28Deployment Diagram

3.4

Perancangan Antarmuka

Gambar 3.29 Sketsa Form Logindan Registrasi Supplier Keterangan : 1: untuk proses Login, berisi username, password dan tombol ”login” 2: untuk proses Registrasi Supplierbaru, berisi tombol ”Sign Up” yang akan menghubungkan ke halaman registrasi.


78

Gambar 3.30 Sketsa Form Tampilan Utama Administrator Keterangan : Menampilkan form registrasi untuk Supplier baru. Berisi data-data Supplier, data komunikasi, data pajak, data currency yang digunakan, serta data marketing.

Gambar 3.31 Sketsa Form Tampilan Utama Administrator


79

Keterangan : 1: header dari website 2: button untuk memilih menu. Terdiri dari menu Home, Master Data, Update Data, Supplier Performance, User Management, dan Change Password 3: body menu

Gambar 3.32 Sketsa Form Master Data Keterangan : Menampilkan sub-menu untuk Menu Master Data. Terdapat menu Bank Data, Country Data, Supplier Data, Group Area Data, Supplier Data, Group Area Data, Supplier Status, Company Title, dan Currency Rate.


80

Gambar 3.33 Sketsa Form Update Data Keterangan : Menampilkan sub-menu untuk Menu Update Data Supplier. Terdapat menu General Data, Accounting & Financial, Share Holder, Material, Process & Facilities, Company Relationship, Certification,danEmployee Data.

Gambar 3.34 Sketsa Form User Management Keterangan : Menampilkan sub-menu untuk Menu User Management. Terdapat menu User Registry dan User Previllege untuk mengatur otorisasi user.


BAB III ANALISIS DAN PERANCANGAN

Recommend Documents