27
BAB III ANALISIS DAN PERANCANGAN
3.1
Analisis
Latar belakang pembuatan aplikasi basis data ini adalah adanya kebutuhan sistem database terpusat dan terintegrasi untuk pengelolaan data pelanggan yang ada di PT. Berca Hardayaperkasa - Jasatel. Analisa terhadap kondisi data saat ini dilakukan melalui studi lapangan, yaitu wawancara dengan narasumber terkait, yaitu Bapak Al Hazrami, selaku karyawan NOC di Jasatel dan Ibu Resilfia, selaku Admin di Jasatel. Wawancara telah dilakukan pada tanggal 30 November 2015 bertempat di kantor Jasatel yaitu Gedung Cyber lantai 11. Hasil wawancara tersebut digunakan untuk melakukan analisa dan desain perancangan database yang akan dibuat. Hasil wawancara dapat dilihat pada Lampiran. Berdasarkan hasil wawancara, aplikasi pengelolaan jadwal sidang tugas akhir berbasis web yang akan dibuat mempunyai batasan masalah sebagai berikut: 1. Database Pelanggan Jasatel ini dibuat dengan bahasa pemograman PHP, Javascript serta database MySQL, 2. Sistem yang dibuat difokuskan untuk menhitung revenue dan menyesuaikan data customer pada divisi Jasatel agar data yang dihasilkan menjadi data akurat, 3. Data yang digunakan pada saat pengujian dari aplikasi yang dibuat bukanlah data yang sesungguhnya (dummy), karena data asli adalah data internal perusahaan yang bersifat rahasia. 4. Pengguna aplikasi dapat menggunakan aplikasi tersebut sesuai dengan level nya dan harus melakukan login terlebih dahulu. 5. Password di input dan diubah oleh administrator sistem. 6. Belum ada cara untuk mengetahui jika pengguna lupa password
http://digilib.mercubuana.ac.id/
28
3.1.1
Analisa Sistem Berjalan
Saat ini sistem penghitungan revenue di Jasatel adalah berikut : 1. Staff Admin memiliki data pelanggan berupa excel sheet. Data yang dimiliki staff admin adalah data yang di dapatkan dari dokumen SA (Sales Analysis). Berikut data yang dimiliki staff admin di Jasatel : Customer
City (Account)
Sub City Link Bandwidth Revenue (Link Location From)
PDAM TIRTA Bandung RAHARJA , PT
Bandung
PDAM TIRTA Bandung RAHARJA , PT
site Bukit Bandung Permata 2 Mbps Cimahi
PDAM TIRTANADI, Medan PT SUPRA PRIMATAMA Jakarta NUSANTARA, PT
site Cimaung
1 Mbps
up to 3 Mbps
Medan
Belawan
Jakarta
Rawa Gelam Pl. 4 Mbps Gadung
METROPOLIT AN Surabaya Jakarta KENCANA, PT
Pondok Indah 1
No. Kontrak No. BAAV
Tangga l BAAV
######### 274/PIJT/BHP-JST/BIS/VI/09 BAAV-390/BDG/POLTEKKES-BDG/RF/X/14 ######
######### 044/PIJT/BHP-JST/BSO/IX/12 BAAV-029/PALUTA/DPKPOP/IAP/I/15 ######
######### 274/PIJT/BHP-JST/BIS/VI/09 BAAV-323/MDN/GKU/FR/IX/14 ######
######### 159/PIJT/BHP-JST/RWB/III/09 BAAV-042/SBY/JSY/RAS/II/15 ######
up to 5 Mbps######### 021/SPK/MK/RE/Tek-017/I/2009 BAAV-382/SBY/POLTEKKES-JBR/DS/X/14 ######
Gambar 1 Dummy Data Pelanggan di Staff Admin 2. Staff NOC (Network Operation Control) juga memiliki data pelanggan berupa file excel sebagai berikut : Customer
City
PDAM
Bandung
PDAM
Bandung
PDAM
Medan
BIZNET
Jakarta
PONDOK INDAH
Jakarta
Link Site site Cimaung site Bukit Permata Cimahi Belawan Rawa Gelam Pl. Gadung Pondok Indah 1
Service
Media
Bandwidth
POP
Tanggal Aktif
BB Up to Wireless
1 Mbps
Salemba
31-Jan-11
BB Up to Wireless
2 Mbps
Batavia
20-Feb-12
Internet
FO
3 Mbps
Belawan
11-Mar-13
Internet
Wireless
4 Mbps
BPKJ
31-Mar-14
Internet
FO
5 Mbps
BPKJ
20-Apr-15
Gambar 2 Dummy Data Pelanggan di Staff NOC
http://digilib.mercubuana.ac.id/
29
3. Penulis menganalisa kedua data pelanggan tersebut, terdapat beberapa perbedaan format penulisan dan struktur yang kurang teratur pada data tersebut. Berikut hasil analisa lebih lanjut : Terdapat perbedaan format penulisan nama pelanggan pada data pelanggan di NOC dan Admin, Di dalam data pelanggan NOC nama pelanggan yang dipakai adalah nama panggilan atau inisial pelanggan, sedangkan nama pelanggan di data Admin adalah nama perusahaan yang tertera dalam NPWP pelanggan, Tidak teradapat kode / id pelanggan di dalam data admin maupun NOC, yang artinya data pelanggan yang mereka punya tidak dapat saling berkomunikasi. Kode / ID pelanggan berfungsi untuk menyamakan data pelanggan walaupun data tersebut disimpan di user yang berbeda, 4. Generalisasi data pelanggan sangat dibutuhkan untuk menyamakan data, karena dalam situasi tertentu menjadi kasus yang krusial. Contoh kasus pada saat sales dapat pelanggan baru yang minta diaktifkan layanannya dengan cepat, sales akan meminta bagian teknisi dan NOC untuk mengaktifkan link tersebut. Lalu sales lupa membuat SA dan melaporkan ke Admin untuk di data dan dilakukan invoicing. Sehingga pelanggan baru tersebut tercatat di data pelanggan NOC sedangkan tidak tercatat pada data pelanggan Admin, sehingga mengakibatkan revenue pelanggan tersebut tidak terhitung. 3.1.2
Analisa Kebutuhan
Berdasarkan hasil wawancara, berikut adalah analisa – analisa yang dilakukan untuk mendapatkan kebutuhan dari masing – masing pengguna aplikasi database customer. Kebutuhan sistem secara umum dapat disimpulkan sebagai berikut :
http://digilib.mercubuana.ac.id/
30
o Sistem harus dapat menggantikan sistem saat ini yaitu masih menggunakan file excelsheet untuk penyimpanan data pelanggan, o Data yang terdapat dalam database harus menggunakan data yang sudah di generalisasi antara data pelanggan di Admin dan NOC agar data tersebut dapat terintegerasi dengan baik, o Sistem harus dapat menyediakan proses login sehingga otorisasi dan hak akses dapat dikontrol, o Sistem harus dapat menyediakan report revenue dan report data teknis terkini. 3.2
Alur Kerja Dan Pengaturan Sistem Yang Dibangun
Setelah mengetahui cara kerja sistem yang ada saat ini serta kebutuhan – kebutuhan yang diperlukan, maka dipersiapkan sebuah sistem aplikasi database customer Jasatel dengan alur kerja sebagai berikut : 1. Pengguna aplikasi adalah staff Admin, staff NOC, General Manager, Administrator Aplikasi 2. Setiap pengguna harus login terlebih dahulu sebelum dapat mengakses menu – menu yang ada di dalam aplikasi 3. Dari semua pengguna hanya Administrator Aplikasi yang dapat membuka semua menu. 4. Secara lengkap, menu – menu yang ada dalam aplikasi adalah sebagai berikut: a. Halaman beranda Berisi informasi sebagai berikut : i.
Pengguna yang melakukan login
ii.
Link ke menu – menu lain
b. Privilege Berisi pengaturan hak akses untuk menu – menu pada aplikasi ini berdasarkan level atau posisi karyawan, yaitu staff admin, NOC, dan General Manager. Menu ini hanya dapat diakses oleh Administrator Aplikasi
http://digilib.mercubuana.ac.id/
31
c. Karyawan Halaman ini berisi data karyawan yang mendapat hak akses dalam aplikasi asis data customer Jasatel. Halaman ini terdapat fungsi untuk melihat data, mengubah dan menghapus data. Yang dapat membuka halaman ini serta bertugas untuk memasukkan data karyawan dalam aplikasi ini adalah Administrator sistem d. Position Halaman ini berisi data posisi pengguna aplikasi dalam perusahaan (jabatan). Karena posisi user berpengaruh untuk akses yang dapat di tampilkan. Halaman ini hanya dapat diakses oleh Administrator e. Customers Halaman yang berisi data pelanggan atau customer Jasatel. Pengaturan untuk menu ini adalah sebagai berikut : i. Pencarian data pelanggan berdasarkan nomor pelanggan. ii. Jika pengguna adalah staff admin, maka terdapat menu untuk melihat detail, ubah, input data baru, hapus data pelanggan. iii. Jika pengguna adalah personil NOC, maka menu Data Pelanggan tidak bisa diakses. iv. Jika pengguna adalah General Manager, maka Data Pelanggan tidak bisa diakses. f. Data Revenue Halaman ini kelanjutan dari data pelanggan, dimana setiap pelanggan mempunyai revenue nya masing-masing. Halaman Data Revenue berisi menu sebagai berikut : i.
Pencarian data revenue berdasarkan nomor pelanggan
v. Jika pengguna adalah staff admin, maka terdapat menu untuk melihat detail, ubah, input data baru, hapus data pelanggan. ii. Jika pengguna adalah personil NOC, maka menu Data Revenue tidak bisa diakses iii. Jika pengguna adalah General Manager, maka Data Revenue tidak bisa dia 9kses g. Data Teknis
http://digilib.mercubuana.ac.id/
32
Halaman yang berisi data teknis pelanggan yang berlangganan internet di Jasatel. Pengaturan untuk menu ini adalah sebagai berikut : i. Jika pengguna adalah staff admin, maka terdapat menu untuk mencari data dan melihat detail data teknis. ii. Jika pengguna adalah personil NOC, maka terdapat menu untuk melihat detail, ubah, input data baru, hapus data pelanggan. iii. Jika pengguna adalah GM, maka menu ini tidak dapat diakses. h. BTS Halaman ini adalah halaman yang berisi data BTS yang dimiliki Jasatel. BTS masih berelasi dengan data teknis. Halaman ini hanya dapat diakses oleh NOC i. Inquiry Data Teknis Halaman ini adalah halaman yang dapat dilihat oleh staff admin. Staff admin dapat mencari data teknis si pelanggan dam dapat melihat detail data teknis dari pelanggan tersebut j. Report Data Teknis Halaman ini berisi resume atau report terkini atas bandwidth yang telah terpakai saat ini. Halaman ini dapat diakses oleh semua user kecuali Administrator. k. Report Data Revenue Halaman ini berisi resume atau report terkini atas revenue yang di dapatkan saat ini. Halaman ini hanya dapat diakses oleh Staff Admin dan General Manager. l. Logout Menu ini dapat diakses oleh semua pengguna aplikasi. 5. Staff admin dapat menginput data pelanggan baru di dalam Form Data Pelanggan Baru. Nama pelanggan yang di input adalah nama pelanggan berdasarkan nama perusahaan yang tertera di NPWP pelanggan. 6. Staff admin dapat edit dan hapus data pelanggan di dalam Form Data Pelanggan. 7. Staff admin dapat menginput data revenue pelanggan baru di dalam Form Data Revenue
http://digilib.mercubuana.ac.id/
33
8. Staff admin dapat edit dan hapus data revenue pelanggan di dalam Form Data Revenue. 9. Staff admin dapat menyaring data pelanggan yang di cari atau yang akan di tampilkan dengan mengetikan nomor pelanggan NPWP di kolom Search. 10. Staff admin dapat menyaring data revenue pelanggan yang di cari atau yang akan di tampilkan dengan mengetikan nomor pelanggan yang berdasarkan NPWP di kolom Search. 11. NOC dapat menginput data BTS baru jika ada penambahan BTS 12. NOC dapat menginput data teknis baru di dalam Form Data Teknis 13. NOC dapat edit dan hapus data teknis di dalam Form Data Teknis. 14. Staff admin adalah user pertama yang mengisi data pelanggan, jika data pelanggan belum di proses oleh staff admin, maka NOC tidak dapat proses data teknis dalam aplikasi basis data tersebut. 15. Data Position harus diisi terlebih dahulu sebelum mengisi Data Karyawan
3.3
Perancangan Menggunakan Unified Modelling Language (UML)
3.3.1 Perancangan Basis Data
Aplikasi ini menggunakan database yang diberi nama database1. Pada database1, dibuatlah table – table sebagai berikut :
Bts
Customers
Data_revenue
Data_teknis
Karyawan
Position
Privilege
http://digilib.mercubuana.ac.id/
34
3.3.1.1 Struktur Tabel
Berikut adalah struktur table – table pada aplikasi database customer Jasatel: Tabel 1 Desain tabel bts Bts Field
Tipe Data
Ukuran
Keterangan PK, Not Null,
id_bts
Integer
3
Auto Increament
nama_bts
Varchar
20
Not Null
Location
Varchar
20
Null
status_bts
Varchar
1
Null
Tabel 2 Desain tabel customers Customers Field
Tipe Data
Ukuran
Keterangan PK, Not Null,
Id
Integer
11
Auto Increament
nomor_customer
Varchar
20
Not Null
nama_customer
Varchar
30
Not Null
Npwp
Integer
15
Not Null
Alamat
Varchar
30
Not Null
Kota
Varchar
15
Not Null
contact_name
Varchar
15
Null
contact_number
Varchar
12
Null
status_customer
Varchar
10
Null
http://digilib.mercubuana.ac.id/
35
Tabel 3 Desain table data_revenue data_revenue Field kode_data_revenue
Tipe Data Ukuran Keterangan Integer 10
id_customer kd_data_teknis amount start_date end_date no_baav tgl_baav no_kontrak tgl_kontrak status_data_revenue
Integer Integer Integer Date Date Varchar Date Varchar Date Varchar
11 30 12 6 6 15 6 20 6 1
Not Null, Auto Increament Not Nul Not Null Not Null Null Null Null Null Null Null Null
Tabel 4 Desain tabel data_teknis data_teknis Field
Tipe Data
Ukuran Keterangan PK, Not
kd_data_teknis
integer
10
Null, Auto Increament
id_customer
integer
11
Not Null
Bandwidth
integer
15
Not Null
id_bts
integer
3
Not Null
Service
varchar
15
Null
site_location
integer
2
Null
15
Not Null
status_data_teknis varchar
http://digilib.mercubuana.ac.id/
36
Tabel 5 Desain tabel karyawan Karyawan Field
Tipe
Ukuran Keterangan
Data
PK, Not kode_karyawan
integer
3
Null, Auto Increament
Nik
integer
6
Not Null
password
varchar
10
Not Null
nama_karyawan
varchar
30
Not Null
alamat
varchar
30
Null
email
varchar
35
Null
status_karyawan
varchar
10
Null
id_position
integer
6
Not Null
Tabel 6 Desain tabel position Position Field
Tipe Data
Ukuran
Keterangan PK, Not Null,
id_position
integer
6
Auto Increament
nama_position
varchar
15
Not Null
id_privilege
integer
5
Not Null
status_position
varchar
1
Null
http://digilib.mercubuana.ac.id/
37
Tabel 7 Desain tabel privilege Field
Tipe Data Ukuran
Keterangan PK, Not Null, 3 Auto Increament
id_privilege
integer
nama_privilege
Varchar
status_privilege
Varchar
1 Null
menu_karyawan
Varchar
1 Null
menu_position menu_bts menu_customer menu_data_teknis menu_data_revenue menu_privilege menu_report_data_teknis menu_report_data_revenue menu_inquiry_data_teknis
Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar
1 Null 1 Null 1 Null 1 Null 1 Null 1 Null 1 Null 1 Null 1 Null
20 Not Null
3.3.1.2 Entity Relationship Diagram
Berikut adalah ERD (Entity Relationship Diagram) dari aplikasi database Data Customer Jasatel
http://digilib.mercubuana.ac.id/
38
Customers PK
id_customer nama_customer npwp alamat kota contact_number contact_name status_customer
1
Revenue
1 n
Position PK
id_position
FK1
nama_position id_privilege status_position
n Karyawan PK
kode_karyawan
FK1
nama_karyawan nik alamat id_position email password status_karyawan
1
n n n
data_teknis kd_data_teknis
FK1
id_customer bandwidth id_bts site_location service status_data_teknis
FK2
Priviladge PK
PK
1
1
PK
kd_data_revenue
FK2 FK1
kd_data_teknis id_customer amount start_date end_date no_BAAV tgl_BAAV no_kontrak tgl_kontrak
n
id_privilege nama_privilege status_privilege menu_karyawan menu_position menu_bts menu_customers menu_data_teknis manu_data_revenue menu_privilege menu_report_data_teknis menu_report_data_revenue menu_inquiry_data_teknis
BTS PK
id_bts
1 bts location
Gambar 3 Entity Relationship Diagram aplikasi database customer Jasastel
3.3.2
Permodelan Kasus Uji (Use Case)
Use case adalah deskripsi sebuah interaksi antara satu atau lebih aktor dengan sistem yang akan dibuat. Fungsi dasar dari use case adalah untuk mengetahui fungsi - fungsi di dalam sebuah sistem serta aktor – aktor yang berhak menggunakan fungsi - fungsi itu. Use case yang digunakan pada tugas akhir ini terbagi menjadi 4 yaitu : 1. Use case dari sisi Staff Admin 2. Use case dari sisi Staff NOC 3. Use case dari sisi General Manager 4. Use case dari sisi Administrator Aplikasi
http://digilib.mercubuana.ac.id/
39
Staff NOC * -End18
-End17
* Manipulasi Data Teknis
Manipulasi Data BTS
View Report Teknis General Manager *
-End12 -End11
<
>
*
<>
<>
* -End8
-End7
*
-End3
Manipulasi Data Karyawan
View Report Revenue -End9
*
<>
*
-End1 -End2
<>
-End4
-End10 * Manipulasi Data Position
Login *
* -End16 <>
View Data Teknis -End14<> *
* Mengatur Hak Pengguna
-End5 * Manipulasi Data Customer
Administrator Aplikasi
-End15 <> *
-En <> d
6
-End13 Staff Admin
Manipulasi Data Revenue * <>
Gambar 4 Use Case Semua Aktor
3.3.2.1 Use Case dari sisi Staff Admin Aktor pada use case ini adalah personil Staff Admin. Detail use case untuk personil Staff Admin adalah sebagai berikut :
View Data Teknis <>
View Report Revenue
Login **
Staff Admin
<>
<>
<>
View Report Teknis
Manipulasi Data Customer
Manipulasi Data Revenue <>
Gambar 5 Use Case untuk Staff Admin
http://digilib.mercubuana.ac.id/
40
Tabel 8 Use Case Login oleh Staff Admin Use Case
Login
ID : 001
Aktor
Staff Admin
Deskripsi
Sistem melakukan validasi username dan password yang
Singkat
diinputkan pengguna
Pre-Condition
Sistem menyediakan form login untuk pengguna
Post-
Sistem menampilkan halaman beranda aplikasi database
Condition Deskripsi : 1. Staff Admin membuka aplikasi database customer. 2. Staff Admin menginputkan username dan password kemudian klik tombol login 3. Jika username dan password sesuai, maka staff admin akan masuk ke halaman beranda 4. Jika username dan password tidak sesuai, sistem akan menampilkan notifikasi bahwa username dan password tidak sesuai
Tabel 9 Use Case Manipulasi Data Customer oleh Staff Admin Use Case
Manipulasi Data Customer oleh Staff Admin
ID : 002
Aktor
Staff Admin
Deskripsi
Sistem menyediakan fasilitas Manipulasi Data Customer
Singkat Pre-Condition
Sistem menyediakan form untuk Manipulasi Data Customer
Post-
Sistem menampilkan dan memproses data yang diterima dari
Condition
staff admin
Deskripsi : 1. Staff admin melakukan login pada aplikasi database yang telah dibuat dan masuk ke halaman beranda 2. Staff admin membuka halaman Data Customer 3. Untuk melakukan pencarian dan menampilkan Data Customer :
Staff admin mengetik nama pelanggan pada kolom Search
http://digilib.mercubuana.ac.id/
41
Jika data tidak sesuai sistem akan memberi notifikasi.
Jika data sesuai sistem akan menampilkan hasil pencarian dan detail hasil pencarian
4. Untuk melakukan penginputan data customer baru :
Staff admin mengklik tombol New
Sistem menampilkan form input data customer
Staff admin melakukan input data customer pada form
Untuk menyimpan data : i. Staff admin mengklik tombol Submit ii. Sistem akan menyimpan data
Untuk membatalkan penyimpanan data : i. Staff admin mengklik tombol Back ii. Sistem akan menampilkan halaman utama dari data customer
5. Untuk melakukan pengubahan Data Customer:
Staff admin melakukan pencarian data pelanggan dengan cara memasukan nomor pelanggan yang akan di ubah lalu klik tombol Search
Aplikasi akan menampilkan pelanggan yang di cari
Staff admin mengklik tombol edit
Sistem menampilkan form Data Customer dilengkapi tombol Submit di bagian bawah layar
Staff admin melakukan pengubahan Data Customer pada form
Untuk melakukan penyimpanan data : i. Staff admin mengklik tombol Submit ii. Sistem akan menyimpan data
Untuk membatalkan penyimpanan data : i. Staff admin mengklik tombol Back ii. Sistem akan menampilkan halaman utama Data Customer
6. Untuk melakukan penghapusan Data Customer:
Staff admin melakukan pencarian Data Customer
http://digilib.mercubuana.ac.id/
42
Staff admin mengklik tombol hapus
Sistem menampilkan pesan konfirmasi pengapusan data berupa popup
Untuk melakukan penghapusan data : i. Staff admin mengklik tombol OK pada popup window ii. Sistem melakukan penghapusan data dan kembali ke halaman Data Customer
Untuk membatalkan penghapusan data : i. Staff admin mengklik tombol Cancel pada popup window ii. Sistem akan kembali ke halaman utama
Tabel 10 Use Case Manipulasi Data Revenue oleh Staff Admin Use Case
Manipulasi Data Revenue oleh Staff Admin
ID : 002
Aktor
Staff Admin
Deskripsi
Sistem menyediakan fasilitas Manipulasi Data Revenue
Singkat Pre-Condition
Sistem menyediakan form untuk Manipulasi Data Revenue
Post-
Sistem menampilkan dan memproses data yang diterima dari
Condition
staff admin
Deskripsi : 1. Staff admin melakukan login pada aplikasi database yang telah dibuat dan masuk ke halaman beranda 2. Staff admin membuka halaman Data Revenue 3. Untuk melakukan pencarian dan menampilkan Data Revenue :
Staff admin mengetik nama pelanggan pada kolom Search
Jika data tidak sesuai sistem akan memberi notifikasi.
Jika data sesuai sistem akan menampilkan hasil pencarian dan detail hasil pencarian
4. Untuk melakukan penginputan Data Revenue baru:
Staff admin mengklik tombol New
Sistem menampilkan form input Data Revenue
http://digilib.mercubuana.ac.id/
43
Staff admin melakukan input Data Revenue pada form
Untuk menyimpan data : i. Staff admin mengklik tombol Submit ii. Sistem akan menyimpan data
Untuk membatalkan penyimpanan data : i. Staff admin mengklik tombol Back ii. Sistem akan menampilkan halaman utama dari data pelanggan
5. Untuk melakukan pengubahan Data Revenue:
Staff admin melakukan pencarian Data Revenue dengan cara memasukan nomor pelanggan yang akan di ubah lalu klik tombol Search
Aplikasi akan menampilkan revenue dari pelanggan yang di cari
Staff admin mengklik tombol edit
Sistem menampilkan form Data Revenue dilengkapi tombol Submit di bagian bawah layar
Staff admin melakukan pengubahan Data Revenue pada form
Untuk melakukan penyimpanan data : i. Staff admin mengklik tombol Submit ii. Sistem akan menyimpan data
Untuk membatalkan penyimpanan data : i. Staff admin mengklik tombol Back ii. Sistem akan menampilkan halaman utama Data Revenue
6. Untuk melakukan penghapusan Data Revenue:
Staff admin melakukan pencarian Data Revenue
Staff admin mengklik tombol hapus
Sistem menampilkan pesan konfirmasi pengapusan data berupa popup
Untuk melakukan penghapusan data : i. Staff admin mengklik tombol OK pada popup window ii. Sistem melakukan penghapusan data dan kembali ke
http://digilib.mercubuana.ac.id/
44
halaman Data Revenue
Untuk membatalkan penghapusan data : i. Staff admin mengklik tombol Cancel pada popup window ii. Sistem akan kembali ke halaman utama
Tabel 11 Use Case View Data Teknis Use Case
View Data Teknis
ID : 003
Aktor
Staff Admin
Deskripsi
Sistem menyediakan fasilitas menampilkan data teknis
Singkat Pre-Condition
Sistem menyediakan form untuk menampilkan data teknis
Post-
Sistem menampilkan dan memproses data yang diterima dari Staff
Condition
Admin
Deskripsi : 1. Staff admin melakukan login pada aplikasi database yang telah dibuat dan masuk ke halaman beranda 2. Staff admin membuka halaman Inquiry Data Teknis 3. Untuk melakukan pencarian dan menampilkan data teknis : a. Staff admin mengetik nama pelanggan pada kolom Search b. Jika data tidak sesuai sistem akan memberi notifikasi. c. Jika data sesuai sistem akan menampilkan hasil pencarian dan detail hasil pencarian
Tabel 12 Use Case View Report Revenue Use Case
View Report Revenue
ID : 005
Aktor
Staff Admin
Deskripsi
Sistem menyediakan fasilitas menampilkan report revenue
Singkat Pre-Condition
Sistem menyediakan form untuk menampilkan report revenue
Post-
Sistem menampilkan dan memproses data yang diterima dari Staff
http://digilib.mercubuana.ac.id/
45
Condition
Admin
Deskripsi : 1. Staff Admin melakukan login pada aplikasi database dan masuk ke halaman beranda 2. Staff Admin memilih menu dan membuka halaman report revenue. 3. Sistem akan menampilkan report revenue yang berisi total revenue Jasatel terupdate.
Tabel 13 Use Case View Report Data Teknis Use Case
View Report Data Teknis
ID : 006
Aktor
Staff Admin
Deskripsi
Sistem menyediakan fasilitas menampilkan report data teknis
Singkat Pre-Condition
Sistem menyediakan form untuk menampilkan report data teknis
Post-
Sistem menampilkan dan memproses data yang diterima dari Staff
Condition
Admin
Deskripsi : 1. Staff Admin melakukan login pada aplikasi database dan masuk ke halaman beranda 2. Staff Admin memilih menu dan membuka halaman reportdata teknis. 3. Sistem akan menampilkan report data teknis yang berisi total bandwidth on paper untuk pelanggan Jasatel terupdate.
http://digilib.mercubuana.ac.id/
46
3.3.2.2 Use Case dari sisi Staff NOC
Manipulasi Data BTS
<>
Manipulasi Data Teknis
Login **
<>
Staff NOC View Report Teknis <>
Gambar 6 Use Case untuk Staff NOC Tabel 14 Use Case Login oleh Staff NOC Use Case
Login
ID : 006
Aktor
Staff NOC
Deskripsi
Sistem melakukan validasi username dan password yang
Singkat
diinputkan pengguna
Pre-Condition
Sistem menyediakan form login untuk pengguna
Post-
Sistem menampilkan halaman beranda aplikasi database customer
Condition
Jasatel
Deskripsi : 1. Staff NOC membuka aplikasi database customer Jasatel 2. Staff NOC menginputkan username dan password kemudian klik tombol login 3. Jika username dan password sesuai, maka staff NOC akan masuk ke halaman beranda 4. Jika username dan passw username dan password ord tidak sesuai, sistem
http://digilib.mercubuana.ac.id/
47
akan menampilkan pesan pesan bahwa username dan password tidak sesuai
Tabel 15 Use Case Manipulasi Data BTS oleh Staff NOC Use Case
Manipulasi Data BTS oleh Staff NOC
Aktor
Staff NOC
Deskripsi
Sistem menyediakan fasilitas Manipulasi data BTS
ID : 008
Singkat Pre-Condition
Sistem menyediakan form untuk Manipulasi Data BTS
Post-
Sistem menampilkan dan memproses data yang diterima dari staff
Condition
NOC
Deskripsi : 1. Staff NOC melakukan login pada aplikasi database yang telah dibuat dan masuk ke halaman beranda 2. Staff NOC membuka halaman Data BTS 3. Untuk melakukan pencarian dan menampilkan data BTS : a. Staff NOC mengetik ID BTS pada kolom Search b. Jika data tidak sesuai sistem akan memberi notifikasi. c. Jika data sesuai sistem akan menampilkan hasil pencarian dan detail hasil pencarian 4. Untuk melakukan penginputan data BTS baru : a. Staff NOC mengklik tombol New b. Sistem menampilkan form input Data BTS c. Staff NOC melakukan input data teknis pada form d. Untuk menyimpan data : i. Staff NOC mengklik tombol Submit ii. Sistem akan menyimpan data e. Untuk membatalkan penyimpanan data : i. Staff NOC mengklik tombol Back ii. Sistem akan menampilkan halaman utama Data Teknis 5. Untuk melakukan pengubahan data BTS : a. Staff NOC melakukan pencarian melalui nama pelanggan pada data
http://digilib.mercubuana.ac.id/
48
BTS b. Staff NOC mengklik tombol Ubah c. Sistem menampilkan form input data teknis dilengkapi tombol Submit di bagian bawah layar d. Staff NOC melakukan pengubahan data BTS pada form e. Untuk melakukan penyimpanan data : i. Staff NOC mengklik tombol Save ii. Sistem akan menyimpan data f. Untuk membatalkan penyimpanan data : i. Staff NOC mengklik tombol Back ii. Sistem akan menampilkan halaman utama Data BTS 6. Untuk melakukan penghapusan data BTS : a. Staff NOC melakukan pencarian data BTS b. Staff NOC mengklik tombol Hapus c. Sistem menampilkan pesan konfirmasi pengapusan data berupa popup d. Untuk melakukan penghapusan data : i. Staff NOC mengklik tombol OK pada popup window ii. Sistem melakukan penghapusan data dan kembali ke halaman data BTS e. Untuk membatalkan penghapusan data : i. Staff admin mengklik tombol Cancel pada popup window ii. Sistem akan kembali ke form data
Tabel 16 Use Case Manipulasi Data Teknis oleh Staff NOC Use Case
Manipulasi Data Teknis oleh Staff NOC
Aktor
Staff NOC
Deskripsi
Sistem menyediakan fasilitas Manipulasi data teknis
ID : 008
Singkat Pre-Condition
Sistem menyediakan form untuk Manipulasi Data teknis
Post-
Sistem menampilkan dan memproses data yang diterima dari staff
http://digilib.mercubuana.ac.id/
49
Condition
NOC
Deskripsi : 1. Staff NOC melakukan login pada aplikasi database yang telah dibuat dan masuk ke halaman beranda 2. Staff NOC membuka halaman Data Teknis 3. Untuk melakukan pencarian dan menampilkan data Teknis : a. Staff NOC mengetik nama pelanggan pada kolom Search b. Jika data tidak sesuai sistem akan memberi notifikasi. c. Jika data sesuai sistem akan menampilkan hasil pencarian dan detail hasil pencarian 4. Untuk melakukan penginputan data teknis pelanggan baru : a. Staff NOC mengklik tombol New b. Sistem menampilkan form input Data Teknis c. Staff NOC melakukan input data teknis pada form d. Untuk menyimpan data : i. Staff NOC mengklik tombol Submit ii. Sistem akan menyimpan data e. Untuk membatalkan penyimpanan data : i. Staff NOC mengklik tombol back ii. Sistem akan menampilkan halaman utama Data Teknis 5. Untuk melakukan pengubahan data teknis : a. Staff NOC melakukan pencarian melalui nomor pelanggan pada data teknis b. Staff NOC mengklik tombol Ubah c. Sistem menampilkan form input data teknis dilengkapi tombol Submit di bagian bawah layar d. Staff NOC melakukan pengubahan data teknis pada form e. Untuk melakukan penyimpanan data : i. Staff NOC mengklik tombol Save ii. Sistem akan menyimpan data f. Untuk membatalkan penyimpanan data : i. Staff NOC mengklik tombol Back
http://digilib.mercubuana.ac.id/
50
ii. Sistem akan menampilkan halaman utama Data Teknis 6. Untuk melakukan penghapusan data teknis : a. Staff NOC melakukan pencarian data teknis b. Staff NOC mengklik tombol Hapus c. Sistem menampilkan pesan konfirmasi pengapusan data berupa popup d. Untuk melakukan penghapusan data : i. Staff NOC mengklik tombol OK pada popup window ii. Sistem melakukan penghapusan data dan kembali ke halaman data teknis e. Untuk membatalkan penghapusan data : i. Staff admin mengklik tombol Cancel pada popup window ii. Sistem akan kembali ke form data Teknis
Tabel 17 Use Case View Report Data Teknis Use Case
View Report Data Teknis
ID : 006
Aktor
Staff NOC
Deskripsi
Sistem menyediakan fasilitas menampilkan report data teknis
Singkat Pre-Condition
Sistem menyediakan form untuk menampilkan report data teknis
Post-
Sistem menampilkan dan memproses data yang diterima dari Staff
Condition
NOC
Deskripsi : 1. Staff NOC melakukan login pada aplikasi database dan masuk ke halaman beranda 2. Staff NOC memilih menu dan membuka halaman report data teknis. 3. Sistem akan menampilkan report data teknis yang berisi total bandwidth on paper untuk pelanggan Jasatel terupdate.
http://digilib.mercubuana.ac.id/
51
3.3.2.3 Use Case dari sisi General Manager
view report revenue <>
Login **
<>
General Manager
view report teknis
Gambar 7 Use Case untuk GM Tabel 18 Use Case Login oleh General Manager Use Case
Login
ID : 013
Aktor
General Manager
Deskripsi
Sistem melakukan validasi username dan password yang
Singkat
diinputkan pengguna
Pre-Condition
Sistem menyediakan form login untuk pengguna
Post-
Sistem menampilkan halaman beranda aplikasi database customer
Condition
Jasatel
Deskripsi : 1. General Manager membuka aplikasi database customer Jasatel 2. General Manager menginputkan username dan password kemudian klik tombol login 3. Jika username dan password sesuai, maka General Manager akan masuk ke halaman beranda 4. Jika username dan password tidak sesuai, sistem akan menampilkan pesan pesan bahwa username dan password tidak sesuai
http://digilib.mercubuana.ac.id/
52
Tabel 19 Use Case View Report Revenue Use Case
View Report Revenue
ID : 005
Aktor
General Manager
Deskripsi
Sistem menyediakan fasilitas menampilkan report revenue
Singkat Pre-Condition
Sistem menyediakan form untuk menampilkan report revenue
Post-
Sistem menampilkan dan memproses data yang diterima dari
Condition
General Manager
Deskripsi : 4. General Manager melakukan login pada aplikasi database dan masuk ke halaman beranda 5. General Manager memilih menu dan membuka halaman report revenue. 6. Sistem akan menampilkan report revenue yang berisi total revenue Jasatel terupdate.
Tabel 20 Use Case View Report Data Teknis Use Case
View Report Data Teknis
ID : 006
Aktor
General Manager
Deskripsi
Sistem menyediakan fasilitas menampilkan report data teknis
Singkat Pre-Condition
Sistem menyediakan form untuk menampilkan report data teknis
Post-
Sistem menampilkan dan memproses data yang diterima dari
Condition
General Manager
Deskripsi : 1. General Manager melakukan login pada aplikasi database dan masuk ke halaman beranda 2. General Manager memilih menu dan membuka halaman report data teknis. 3. Sistem akan menampilkan report data teknis yang berisi total bandwidth on paper untuk pelanggan Jasatel terupdate.
http://digilib.mercubuana.ac.id/
53
3.3.2.4 Use Case dari sisi Administrator Aplikasi
<>
Manipulasi Data Karyawan
<>
Manipulasi Data Position
Login **
Administrator Aplikasi <>
Mengatur Hak Pengguna
Gambar 8 Use Case untuk Administrator Aplikasi Tabel 21 Use Case Login oleh Administrator Aplikasi Use Case
Login
ID : 023
Aktor
Administrator Aplikasi
Deskripsi
Sistem melakukan validasi username dan password yang
Singkat
diinputkan pengguna
Pre-Condition
Sistem menyediakan form login untuk pengguna
Post-
Sistem menampilkan halaman beranda aplikasi database customer
Condition
Jasatel
Deskripsi : 1. Administrator Aplikasi aplikasi database customer Jasatel 2. Administrator Aplikasi menginputkan username dan password kemudian klik tombol login 3. Jika username dan password sesuai, maka Administrator Aplikasi akan masuk ke halaman beranda 4. Jika username dan password tidak sesuai, sistem akan menampilkan pesan pesan bahwa username dan password tidak sesuai
http://digilib.mercubuana.ac.id/
54
Tabel 22 Use Case Manipulasi Data Karyawan oleh Administrator Use Case
Manipulasi Data Karyawan oleh Administrator
ID : 008
Aktor
Administrator
Deskripsi
Sistem menyediakan fasilitas Manipulasi data Karyawan
Singkat Pre-Condition
Sistem menyediakan form untuk Manipulasi Data Karyawan
Post-
Sistem menampilkan dan memproses data yang diterima dari
Condition
Administrator
Deskripsi : 1. Administrator melakukan login pada aplikasi database yang telah dibuat dan masuk ke halaman beranda 2. Administrator membuka halaman Data Karyawan 3. Untuk melakukan pencarian dan menampilkan data karyawan : a. Administrator mengetik ID Karyawan pada kolom Search b. Jika data tidak sesuai sistem akan memberi notifikasi. c. Jika data sesuai sistem akan menampilkan hasil pencarian dan detail hasil pencarian 4. Untuk melakukan penginputan data karyawan baru : a. Administrator mengklik tombol New b. Sistem menampilkan form input Data Karyawan c. Administrator melakukan input data karyawan pada form d. Untuk menyimpan data : i. Administrator mengklik tombol Submit ii. Sistem akan menyimpan data e. Untuk membatalkan penyimpanan data : i. Administrator mengklik tombol back ii. Sistem akan menampilkan halaman utama Data Karyawan 5. Untuk melakukan pengubahan data karyawan : a. Administrator melakukan pencarian melalui ID karyawan pada data karyawan b. Administrator mengklik tombol Ubah c. Sistem menampilkan form input data teknis dilengkapi tombol
http://digilib.mercubuana.ac.id/
55
Submit di bagian bawah layar d. Administrator melakukan pengubahan data karyawan pada form e. Untuk melakukan penyimpanan data : i. Administrator mengklik tombol Save ii. Sistem akan menyimpan data f. Untuk membatalkan penyimpanan data : i. Administrator mengklik tombol Back ii. Sistem akan menampilkan halaman utama Data Karyawan 6. Untuk melakukan penghapusan data karyawan : a. Administrator melakukan pencarian data karyawan b. Administrator mengklik tombol Hapus c. Sistem menampilkan pesan konfirmasi pengapusan data berupa popup d. Untuk melakukan penghapusan data : i. Administrator mengklik tombol OK pada popup window ii. Sistem melakukan penghapusan data dan kembali ke halaman data karyawan e. Untuk membatalkan penghapusan data : i. Administrator mengklik tombol Cancel pada popup window ii. Sistem akan kembali ke form data karyawan
Tabel 23 Use Case Manipulasi Data Position oleh Administrator Use Case
Manipulasi Data Position oleh Administrator
ID : 008
Aktor
Administrator
Deskripsi
Sistem menyediakan fasilitas Manipulasi data Position
Singkat Pre-Condition
Sistem menyediakan form untuk Manipulasi data Position
Post-
Sistem menampilkan dan memproses data yang diterima dari
Condition
Administrator
Deskripsi : 1. Administrator melakukan login pada aplikasi database yang telah dibuat dan
http://digilib.mercubuana.ac.id/
56
masuk ke halaman beranda 2. Administrator membuka halaman Data Position 3. Untuk melakukan pencarian dan menampilkan data Position: a. Administrator mengetik nama posisi yang di cari pada kolom Search b. Jika data tidak sesuai sistem akan memberi notifikasi. c. Jika data sesuai sistem akan menampilkan hasil pencarian dan detail hasil pencarian 4. Untuk melakukan penginputan data position baru : a. Administrator mengklik tombol New b. Sistem menampilkan form input Data Position c. Administrator melakukan input data Position pada form d. Untuk menyimpan data : i. Administrator mengklik tombol Submit ii. Sistem akan menyimpan data e. Untuk membatalkan penyimpanan data : i. Administrator mengklik tombol back ii. Sistem akan menampilkan halaman utama Data Position 5. Untuk melakukan pengubahan data Position: a. Administrator melakukan pencarian melalui nama posisi pada data Position b. Administrator mengklik tombol Ubah c. Sistem menampilkan form input data teknis dilengkapi tombol Submit di bagian bawah layar d. Administrator melakukan pengubahan data Position pada form e. Untuk melakukan penyimpanan data : i. Administrator mengklik tombol Save ii. Sistem akan menyimpan data f. Untuk membatalkan penyimpanan data : i. Administrator mengklik tombol Back ii. Sistem akan menampilkan halaman utama Data Position 6. Untuk melakukan penghapusan data Position: a. Administrator melakukan pencarian data Position
http://digilib.mercubuana.ac.id/
57
b. Administrator mengklik tombol Hapus c. Sistem menampilkan pesan konfirmasi pengapusan data berupa popup d. Untuk melakukan penghapusan data : i. Administrator mengklik tombol OK pada popup window ii. Sistem melakukan penghapusan data dan kembali ke halaman data Position e. Untuk membatalkan penghapusan data : i. Administrator mengklik tombol Cancel pada popup window ii. Sistem akan kembali ke form data Position
Tabel 24 Use Case Mengatur Hak Akses Pengguna oleh Administrator Aplikasi Use Case
Mengatur Hak Akses Pengguna Aplikasi
ID : 026
Aktor
Administrator Aplikasi
Deskripsi
Sistem menyediakan fasilitas pengaturan hak akses pengguna
Singkat
aplikasi
Pre-Condition
Sistem menyediakan form untuk melakukan pengaturan hak akses pengguna aplikasi
Post-
Sistem memproses data yang diinputkan oleh Administrator
Condition
Aplikasi
Deskripsi : 1. Administrator Aplikasi melakukan login pada aplikasi database customer Jasatel 2. Administrator Aplikasi mengakses menu Manajemen Menu / Privileges 3. Sistem menampilkan daftar peran pengguna aplikasi beserta matriks hak akses untuk masing – masing peran pengguna aplikasi 4. Administrator Aplikasi melakukan pengubahan hak akses untuk peran tersebut kemudian mengklik tombol Save 5. Sistem menyimpan data
http://digilib.mercubuana.ac.id/
58
3.3.3
Diagram Aktifitas (Activity Diagram)
3.3.3.1 Activity Diagram Login oleh Staff Admin Login Oleh Staff Admin Partition3
Partition4
Personil Bagian Staff Admin
Aplikasi Database Customer Jasatel
Membuka aplikasi database customer Jasatel menggunakan internet explorer
Menginputkan username dan password
Menampilkan Halaman Login
Melakukan pengecekan username dan password
Username dan password sesuai ? Ya
Menampilkan halaman beranda
Menampilkan pesan bahwa username dan password tidak sesuai
Gambar 9 Activity Diagram halaman Login oleh Staff Admin
http://digilib.mercubuana.ac.id/
Tidak
59
3.3.3.2 Activity Diagram Manipulasi Data Customer oleh Staff Admin Partition4 Staff Admin
Manipulasi Data Customer oleh Staff Admin Partition3 Aplikasi Database Customer Jasatel Login berhasil?
Login ke Aplikasi Database Customer Jasatel
yes
no
Menampilkan Halaman Beranda
Masuk ke halaman Data Customer
Menampilkan Halaman Data Customer
Pencarian Data? Ya Menampilkan filter hasil pencarian data
Melakukan Pencarian Data
Tidak Menampilkan detail customer
Memilih Data Customer yang dipilih
Input Data? Ya Klik New pada Halaman Data Customer
Menampilkan form input data Tidak
Input data customer baru
Sistem Menyimpan data
Ubah Data? Ya Melakukan pencarian data customer
Menampikan hasil pencarian
Memilih edit data customer
Menampilkan form detail data customer
Melakukan perubahan data
Sistem menyimpan data
Tidak
Hapus Data?
Ya Melakukan pencarian data customer
Menampilkan hasil pencarian
Menghapus salah satu data
Menampilkan konfirmasi penghapusan Tidak
Melakukan konfirmasi penghapusan
Sistem menghapus data
Gambar 10 Activity Diagram Manipulasi Data Customer oleh Staff Admin
http://digilib.mercubuana.ac.id/
60
3.3.3.3 Activity Diagram Manipulasi Data Revenue oleh Staff Admin Partition4 Manipulasi Data Revenue oleh Staff Admin Staff Admin
Aplikasi Database Customer Jasatel
Login berhasil? Login ke Aplikasi Database Customer Jasatel
yes no
Menampilkan Halaman Beranda
Masuk ke halaman Data Revenue
Menampilkan Halaman Data Revenue
Ya Melakukan Pencarian Data
Memilih Data Revenue Customer yang dipilih
Menampilkan filter hasil pencarian data Tidak Menampilkan detail revenue customer
Input Data? Ya Klik New pada Halaman Data revenue
Menampilkan form input data
Input data revenue
Sistem Menyimpan data
Tidak
Ubah Data? Ya Melakukan pencarian data revenue customer
Menampikan hasil pencarian
Memilih edit data revenue customer
Menampilkan form detail data revenue customer
Melakukan perubahan data
Sistem menyimpan data
Tidak
Hapus Data?
Ya Melakukan pencarian
Menampilkan hasil pencarian
Menghapus salah satu data
Menampilkan konfirmasi penghapusan Tidak
Melakukan konfirmasi penghapusan
Sistem menghapus data
Gambar 11 Activity Diagram Manipulasi Data Revenue oleh Staff Admin
http://digilib.mercubuana.ac.id/
61
3.3.3.4 Activity Diagram View Data Teknis oleh Staff Admin Partition4
View Data Teknis oleh Staff Admin Partition3
Staff Admin
Aplikasi Database Customer Jasatel
Login berhasil? Login ke Aplikasi Database Customer Jasatel
yes no
Menampilkan Halaman Beranda
Masuk ke halaman Inquiry Data Teknis
Menampilkan Inquiry Data Teknis
Pencarian Data? Ya Melakukan Pencarian Data
Menampilkan hasil pencarian
Tidak Memilih data yang di cari
Menampilkan detail data teknis
Gambar 12 Activity Diagram View Data Teknis oleh Staff Admin
http://digilib.mercubuana.ac.id/
62
3.3.3.5 Activity Diagram View Report oleh Staff Admin Partition4 Staff Admin
View Report oleh Staff Admin Partition3 Aplikasi Database Customer Jasatel Login berhasil?
Login ke Aplikasi Database Customer Jasatel
yes no
Menampilkan Halaman Beranda
Masuk ke halaman Report
Menampilkan halaman Inquiry Data Teknis
Report Revenue Ya Menampilkan halaman Report Revenue
Masuk ke halaman Report Revenue
Tidak
Report Data Teknis Ya Tidak
Masuk ke halaman Report Data Teknis
Menampilkan halaman Report Teknis
Gambar 13 Activity Diagram View Report Revenue dan Report Data Teknis oleh Staff Admin
http://digilib.mercubuana.ac.id/
63
3.3.3.6 Activity Diagram Login oleh NOC Partition4
Personil Bagian NOC
Membuka aplikasi database customer Jasatel menggunakan internet explorer
Menginputkan username dan password
Login Oleh NOC
Partition3
Aplikasi Database Customer Jasatel
Menampilkan Halaman Login
Melakukan pengecekan username dan password
Username dan password sesuai ? Ya
Menampilkan halaman beranda
Menampilkan pesan bahwa username dan password tidak sesuai
Gambar 14 Activity Diagram Login oleh NOC
http://digilib.mercubuana.ac.id/
Tidak
64
3.3.3.7 Activity Diagram Manipulasi Data BTS oleh NOC Partition4 NOC
Manipulasi Data BTS oleh NOC Partition3
Aplikasi Database Customer Jasatel
Login berhasil? Login ke Aplikasi Database Customer Jasatel
yes no
Menampilkan Halaman Beranda
Masuk ke halaman Data BTS
Menampilkan Halaman Data BTS
Pencarian Data? Ya Melakukan Pencarian Data
Menampilkan filter hasil pencarian data
Tidak Menampilkan detail data BTS
Memilih Data BTS yang dipilih
Input Data? Ya Klik New pada Halaman Data BTS
Menampilkan form input data Tidak
Input data BTS baru
Sistem Menyimpan data
Ubah Data? Ya Melakukan pencarian data BTS
Menampikan hasil pencarian
Memilih edit data BTS
Menampilkan form detail data BTS
Melakukan perubahan data
Sistem menyimpan data
Tidak
Hapus Data?
Ya Melakukan pencarian data BTS
Menampilkan hasil pencarian
Menghapus salah satu data
Menampilkan konfirmasi penghapusan
Melakukan konfirmasi penghapusan
Sistem menghapus data
Tidak
Gambar 15 Activity Diagram Manipulasi Data BTS oleh NOC
http://digilib.mercubuana.ac.id/
65
3.3.3.8 Activity Diagram Manipulasi Data Teknis oleh NOC Manipulasi Data Teknis oleh NOC Partition3
Partition4 NOC
Aplikasi Database Customer Jasatel
Login berhasil? Login ke Aplikasi Database Customer Jasatel
yes no
Menampilkan Halaman Beranda
Masuk ke halaman Data Teknis
Menampilkan Halaman Data Teknis
Pencarian Data? Ya Menampilkan filter hasil pencarian data
Melakukan Pencarian Data
Tidak Menampilkan detail Data Teknis
Memilih Data Teknis yang dipilih
Input Data? Ya Klik New pada Halaman Data Teknis
Menampilkan form input data Tidak
Input Data Teknis baru
Sistem Menyimpan data
Ubah Data? Ya Melakukan pencarian Data Teknis
Menampikan hasil pencarian
Memilih edit Data Teknis
Menampilkan form detail Data Teknis
Melakukan perubahan data
Sistem menyimpan data
Tidak
Hapus Data?
Ya Melakukan pencarian Data Teknis
Menampilkan hasil pencarian
Menghapus salah satu data
Menampilkan konfirmasi penghapusan Tidak
Melakukan konfirmasi penghapusan
Sistem menghapus data
Gambar 16 Activity Diagram Manipulasi Data Teknis oleh NOC
http://digilib.mercubuana.ac.id/
66
3.3.3.9 Activity Diagram View Report Teknis oleh NOC Partition4 NOC
View Report Teknis oleh NOC Partition3 Aplikasi Database Customer Jasatel Login berhasil?
Login ke Aplikasi Database Customer Jasatel
yes no
Menampilkan Halaman Beranda
Masuk ke halaman Report Data Teknis
Menampilkan halaman Report Data Teknis
Gambar 17 Activity Diagram View Report Teknis oleh NOC
http://digilib.mercubuana.ac.id/
67
3.3.3.10 Activity Diagram Login oleh General Manager Login Oleh General Manager Partition3
Partition4
General Manager
Aplikasi Database Customer Jasatel
Membuka aplikasi database customer Jasatel menggunakan internet explorer
Menginputkan username dan password
Menampilkan Halaman Login
Melakukan pengecekan username dan password
Username dan password sesuai ? Ya Tidak Menampilkan halaman beranda
Menampilkan pesan bahwa username dan password tidak sesuai
Gambar 18 Activity Diagram Login oleh General Manager
http://digilib.mercubuana.ac.id/
68
3.3.3.11 Activity Diagram View Report oleh General Manager Partition4
Staff General Manager
View Report oleh General Manager Partition3 Aplikasi Database Customer Jasatel Login berhasil?
Login ke Aplikasi Database Customer Jasatel
yes no
Menampilkan Halaman Beranda
Masuk ke halaman Report
Menampilkan halaman Inquiry Data Teknis
Report Revenue Ya Menampilkan halaman Report Revenue
Masuk ke halaman Report Revenue
Tidak
Report Data Teknis Ya Tidak
Masuk ke halaman Report Data Teknis
Menampilkan halaman Report Teknis
Gambar 19 Activity Diagram View Report Revenue oleh General Manager
http://digilib.mercubuana.ac.id/
69
3.3.3.12 Activity Diagram Login oleh Administrator Partition4 Administrator
Membuka aplikasi database customer Jasatel menggunakan internet explorer
Menginputkan username dan password
Login Oleh AdministratorPartition3
Aplikasi Database Customer Jasatel
Menampilkan Halaman Login
Melakukan pengecekan username dan password
Username dan password sesuai ? Ya Tidak Menampilkan halaman beranda
Menampilkan pesan bahwa username dan password tidak sesuai
Gambar 20 Activity Diagram Login oleh Administrator
http://digilib.mercubuana.ac.id/
70
3.3.3.13 Activity Diagram Manipulasi Data Karyawan oleh Administrator Lihat, Input, Ubah, Hapus Data Karyawan oleh Administrator Partition3 Partition4 Administrator
Aplikasi Database Customer Jasatel
Password diterima? Login ke Aplikasi Database Customer Jasatel
yes no
Menampilkan Halaman Beranda
Masuk ke halaman Data Karyawan
Menampilkan Halaman Data Karyawan
Pencarian Data? Ya Melakukan Pencarian Data
Menampilkan filter hasil pencarian data
Tidak Memilih Data Karyawan yang dipilih
Menampilkan detail Data Karyawan
Input Data? Ya Klik New pada Halaman Data Karyawan
Menampilkan form input data
Input Data Teknis Karyawan baru
Sistem Menyimpan data
Tidak
Ubah Data? Ya Melakukan pencarian Data Karyawan
Menampikan hasil pencarian
Memilih edit Data Karyawan
Menampilkan form detail Data Karyawan
Melakukan perubahan data
Sistem menyimpan data
Tidak
Hapus Data?
Ya Melakukan pencarian Data Karyawan
Menampilkan hasil pencarian
Menghapus salah satu data
Menampilkan konfirmasi penghapusan Tidak
Melakukan konfirmasi penghapusan
Sistem menghapus data
Gambar 21 Activity Diagram Manipulasi Data Karyawan oleh Administrator
http://digilib.mercubuana.ac.id/
71
3.3.3.14 Activity Diagram Manipulasi Data Position oleh Administrator Lihat, Input, Ubah, Hapus Data Posisi oleh Administrator Partition3 Partition4 Administrator
Aplikasi Database Customer Jasatel
Password diterima? Login ke Aplikasi Database Customer Jasatel
yes no Menampilkan Halaman Beranda
Masuk ke halaman Data Position
Menampilkan Halaman Data Position
Pencarian Data? Ya Melakukan Pencarian Data
Menampilkan filter hasil pencarian data
Tidak Memilih Data Position yang dipilih
Menampilkan detail Data Position
Input Data? Ya Klik New pada Halaman Data Position
Menampilkan form input data
Input Data Teknis Position baru
Sistem Menyimpan data
Tidak
Ubah Data? Ya Melakukan pencarian Data Position
Menampikan hasil pencarian
Memilih edit Data Position
Menampilkan form detail Data Position
Melakukan perubahan data
Sistem menyimpan data
Tidak
Hapus Data?
Ya Melakukan pencarian Data Position
Menampilkan hasil pencarian
Menghapus salah satu data
Menampilkan konfirmasi penghapusan
Melakukan konfirmasi penghapusan
Sistem menghapus data
Tidak
Gambar 22 Activity Diagram Manipulasi Data Position oleh Administrator
http://digilib.mercubuana.ac.id/
72
3.3.3.15 Activity Diagram Mengatur Hak Akses Pengguna Aplikasi oleh Administrator Mengatur Hak Akses Pengguna Oleh Administrator Partition4 Partition3Aplikasi
Administrator Aplikasi
Aplikasi Database Customer Jasatel
Password diterima? Login ke Aplikasi Database Customer Jasatel
yes no
Menampilkan Halaman Beranda
Masuk ke Privileges (Manajemen Menu)
Menampilkan Halaman Privileges
Melakukan pengaturan hak akses pengguna menyimpan data
Menampilkan pesan privileges sudah disimpan
Gambar 23 Activity Diagram Mengatur Hak Akses Pengguna Aplikasi oleh Administrator
3.3.4
Diagram Sekuensial (Sequence Diagram)
Diagram sekuensial ini disusun berdasarkan analisa kebutuhan yang ada, dan masih dalam tahap analisa desain.
http://digilib.mercubuana.ac.id/
73
3.3.4.1 Sequence Diagram Login oleh Staff Admin
Login Page (view)
Home (Controller)
Validation(template)
Staff Admin Membuka aplikasi melalu internet explorer
Menampilkan halaman login Menginputkan username dan password
Memproses login dengan input username dan password
Validasi username dan password ke database Mengembalikan hasil validasi
Validasi username dan password
Memproses dan menampilkan hasil validasi Menampilkan login sukses atau gagal
Gambar 24 Sequence Diagram halaman Login oleh Personil Tata Usaha
http://digilib.mercubuana.ac.id/
74
3.3.4.2 Sequence Diagram Manipulasi Data Customer oleh Staff Admin
Halaman Data Customer (view)
Data Customer (Controller)
Data Customer (Model)
Staff Admin Login dan mengakses halaman Data Customer Menampilkan halaman Data Customer Menginputkan filter pencarian Memproses form pencarian Data Customer Melakukan query data ke database Mengembalikan hasil query
Query Data Customer
Menampilkan hasil query Menampilkan hasil pencarian Membuka halaman Data Customer Menampilkan halaman input Data Customer Melakukan input Data Customer Memproses form input data Melakukan input ke database mengembalikan hasil input
Input Data Customer
Menampilkan hasil input Menampilkan bahwa input berhasil atau gagal Membuka halaman edit Data Customer Menampilkan halaman edit Data Customer Melakukan edit Data Customer Memproses form edit data Melakukan update data di database Mengembalikan hasil update
update Data Customer
Menampilkan hasil update Menampilkan bahwa update berhasil / gagal Memilih data dan klik tombol Data Customer Menampilkan konfirmasi hapus Memilih / membatalkan konfirmasi hapus Memproses form Data Customer Melakukan delete data di database delete Data Customer Mengembalikan hasil delete Menampilkan hasil delete Menampilkan bahwa hapus data berhasil / gagal
Gambar 25 Sequence Diagram Manipulasi Data Customer oleh Staff Admin
http://digilib.mercubuana.ac.id/
75
3.3.4.3 Sequence Diagram Manipulasi Data Revenue oleh Staff Admin
Halaman Data Revenue (view)
Data Revenue (Controller)
Data Revenue (Model)
Staff Admin Login dan mengakses halaman Data Revenue Menampilkan halaman Data Revenue Menginputkan filter pencarian Memproses form pencarian Data Revenue Melakukan query data ke database Mengembalikan hasil query
Query Data Revenue
Menampilkan hasil query Menampilkan hasil pencarian Membuka halaman Data Revenue Menampilkan halaman input Data Revenue Melakukan input Data Customer Memproses form input data Melakukan input ke database mengembalikan hasil input
Input Data Revenue
Menampilkan hasil input Menampilkan bahwa input berhasil atau gagal Membuka halaman edit Data Revenue Menampilkan halaman edit Data Revenue Melakukan edit Data Revenue Memproses form edit data Melakukan update data di database Mengembalikan hasil update
update Data Revenue
Menampilkan hasil update Menampilkan bahwa update berhasil / gagal Memilih data dan klik tombol Data Revenue Menampilkan konfirmasi hapus Memilih / membatalkan konfirmasi hapus Memproses form Data Revenue Melakukan delete data di database delete Data Revenue Mengembalikan hasil delete Menampilkan hasil delete Menampilkan bahwa hapus data berhasil / gagal
Gambar 26 Sequence Diagram Manipulasi Data Revenue oleh Staff Admin
http://digilib.mercubuana.ac.id/
76
3.3.4.4 Sequence Diagram View Report Revenue oleh Admin
Report Revenue (view)
Report Revenue (Model)
Staff Admin Login dan mengakses halaman Report Revenue
Melakukan query data ke database Mengembalikan hasil query
Query Report Revenue
Menampilkan hasil query
Gambar 27 Sequence Diagram View Report Revenue oleh Admin 3.3.4.5 Sequence Diagram View Report Data Teknis oleh Admin
Report Teknis (view)
Report Teknis (Model)
Staff Admin Login dan mengakses halaman Report Teknis
Melakukan query data ke database Mengembalikan hasil query
Query Report Teknis
Menampilkan hasil query
Gambar 28 Sequence Diagram View Report Data Teknis oleh Admin
http://digilib.mercubuana.ac.id/
77
3.3.4.6 Sequence Diagram Inquiry Data Teknis oleh Staff Admin
Inquiry Data Teknis ( view)
Inquiry Data Teknis ( Controller)
Inquiry Data Teknis ( Model)
Staff Admin Login dan mengakses halaman Inquiry Data Teknis Memproses pencarian Data Teknis Melakukan query data ke database Menampilkan hasil query
Mengembalikan hasil query
Query Inquiry Data Teknis
Menampilkan halaman Inquiry Data Teknis dan hasil pencarian Mengklik salah satu Data Teknis Memproses pencarian detail Data Teknis Melakukan query data ke database Mengembalikan hasil query
Query Detail Data Teknis
Menampilkan hasil query Menampilkan detail Data Teknis
Gambar 29 Sequence Diagram Inquiry Data Teknis oleh Staff Admin 3.3.4.7 Sequence Diagram Login oleh NOC
Login Page (view)
Home (Controller)
Validation(template)
NOC Membuka aplikasi melalu internet explorer
Menampilkan halaman login Menginputkan username dan password
Memproses login dengan input username dan password
Validasi username dan password ke database Mengembalikan hasil validasi Memproses dan menampilkan hasil validasi Menampilkan login sukses atau gagal
Gambar 30 Sequence Diagram Login oleh NOC
http://digilib.mercubuana.ac.id/
Validasi username dan password
78
3.3.4.8 Sequence Diagram Manipulasi Data BTS oleh NOC
Data BTS (view)
Data BTS (Controller)
Data BTS (Model)
NOC Login dan mengakses halaman Data BTS Menampilkan halaman Data BTS Menginputkan filter pencarian Memproses form pencarian Data BTS Melakukan query data ke database Mengembalikan hasil query
Query Data BTS
Menampilkan hasil query Menampilkan hasil pencarian Membuka halaman input data Menampilkan halaman input Data BTS Melakukan input Data BTS Memproses form input data Melakukan input ke database mengembalikan hasil input
Input Data BTS
Menampilkan hasil input Menampilkan bahwa input berhasil atau gagal Membuka halaman edit Data BTS Menampilkan halaman edit Data BTS Melakukan edit Data BTS Memproses form edit data Melakukan update data di database Mengembalikan hasil update
update Data BTS
Menampilkan hasil update Menampilkan bahwa update berhasil / gagal Memilih data dan klik tombol hapus Data BTS Menampilkan konfirmasi hapus Memilih / membatalkan konfirmasi hapus Memproses form hapus Data BTS Melakukan delete data di database delete Data BTS Mengembalikan hasil delete Menampilkan hasil delete Menampilkan bahwa hapus data berhasil / gagal
Gambar 31 Sequence Diagram Manipulasi Data BTS oleh NOC
http://digilib.mercubuana.ac.id/
79
3.3.4.9 Sequence Diagram Manipulasi Data Teknis oleh NOC
Halaman Data Teknik ( view)
Data Teknik (Controller)
Data Teknik(Model)
NOC Login dan mengakses halaman Data Teknik Menampilkan halaman Data Teknik Menginputkan filter pencarian Memproses form pencarian Data Teknik Melakukan query data ke database Mengembalikan hasil query
Query data teknik
Menampilkan hasil query Menampilkan hasil pencarian Membuka halaman input data Menampilkan halaman input data teknik Melakukan input data teknik Memproses form input data Melakukan input ke database mengembalikan hasil input
Input data teknik
Menampilkan hasil input Menampilkan bahwa input berhasil atau gagal Membuka halaman edit data teknik Menampilkan halaman edit data teknik Melakukan edit data teknik Memproses form edit data Melakukan update data di database Mengembalikan hasil update
update data teknik
Menampilkan hasil update Menampilkan bahwa update berhasil / gagal Memilih data dan klik tombol hapus data teknik Menampilkan konfirmasi hapus Memilih / membatalkan konfirmasi hapus Memproses form hapus data proyek Melakukan delete data di database delete data teknik Mengembalikan hasil delete Menampilkan hasil delete Menampilkan bahwa hapus data berhasil / gagal
Gambar 32 Sequence Diagram Manipulasi Data Teknis oleh NOC
http://digilib.mercubuana.ac.id/
80
3.3.4.10 Sequence Diagram View Report Data Teknis oleh NOC
Report Teknis (Model)
Report Teknis (view) Staff NOC Login dan mengakses halaman Report Teknis
Melakukan query data ke database Mengembalikan hasil query
Query Report Teknis
Menampilkan hasil query
Gambar 33 Sequence Diagram View Report Data Teknis oleh NOC
3.3.4.11 Sequence Diagram Login oleh General Manager
Login Page (view)
Home (Controller)
Validation(template)
General manager Membuka aplikasi melalu internet explorer
Menampilkan halaman login Menginputkan username dan password
Memproses login dengan input username dan password
Validasi username dan password ke database Mengembalikan hasil validasi Memproses dan menampilkan hasil validasi Menampilkan login sukses atau gagal
Gambar 34 Sequence Diagram Login oleh General Manager
http://digilib.mercubuana.ac.id/
Validasi username dan password
81
3.3.4.12 Sequence Diagram View Report Revenue oleh General Manager
Report Revenue (view)
Report Revenue (Model)
General Manager Login dan mengakses halaman Report Revenue
Melakukan query data ke database Mengembalikan hasil query
Query Report Revenue
Menampilkan hasil query
Gambar 35 Sequence Diagram View Report Revenue oleh General Manager 3.3.4.13 Sequence Diagram View Report Data Teknis oleh General Manager
Report Teknis (view)
Report Teknis (Model)
General Manager Login dan mengakses halaman Report Teknis
Melakukan query data ke database Mengembalikan hasil query
Query Report Teknis
Menampilkan hasil query
Gambar 36 Sequence Diagram View Report Data Teknis oleh General Manager
http://digilib.mercubuana.ac.id/
82
3.3.4.14 Sequence Diagram Login oleh Administrator
Login Page (view)
Home (Controller)
Validation(template)
Administrator Aplikasi Membuka aplikasi melalu internet explorer
Menampilkan halaman login Menginputkan username dan password
Memproses login dengan input username dan password
Validasi username dan password ke database Mengembalikan hasil validasi Memproses dan menampilkan hasil validasi Menampilkan login sukses atau gagal
Gambar 37 Sequence Diagram Login oleh Administrator
http://digilib.mercubuana.ac.id/
Validasi username dan password
83
3.3.4.15 Sequence Diagram Manipulasi Data Karyawan oleh Administrator
Halaman Data Karyawan (view)
Data Karyawan (Controller)
Data Karyawan (Model)
Administrator Login dan mengakses halaman Data Karyawan Menampilkan halaman Data Karyawan Menginputkan filter pencarian Memproses form pencarian Data Karyawan Melakukan query data ke database Mengembalikan hasil query
Query data karyawan
Menampilkan hasil query Menampilkan hasil pencarian Membuka halaman input data Menampilkan halaman input data karyawan Melakukan input data kryawan Memproses form input data Melakukan input ke database mengembalikan hasil input
Input data karyawan
Menampilkan hasil input Menampilkan bahwa input berhasil atau gagal Membuka halaman edit data karyawan Menampilkan halaman edit data karyawan Melakukan edit data karyawan Memproses form edit data Melakukan update data di database Mengembalikan hasil update
update data karyawan
Menampilkan hasil update Menampilkan bahwa update berhasil / gagal Memilih data dan klik tombol hapus data karyawan Menampilkan konfirmasi hapus Memilih / membatalkan konfirmasi hapus Memproses form hapus data karyawan Melakukan delete data di database delete data karyawan Mengembalikan hasil delete Menampilkan hasil delete Menampilkan bahwa hapus data berhasil / gagal
Gambar 38 Sequence Diagram Manipulasi Data Karyawan oleh Administrator
http://digilib.mercubuana.ac.id/
84
3.3.4.16 Sequence Diagram Manipulasi Manipulasi Data Position oleh Administrator
Halaman Data Position( view)
Data Positon(Controller)
Data Position (Model)
Staff Admin Login dan mengakses halaman Data Position Menampilkan halaman Data Position Menginputkan filter pencarian Memproses form pencarian Data Position Melakukan query data ke database Mengembalikan hasil query
Query Data Position
Menampilkan hasil query Menampilkan hasil pencarian Membuka halaman Data Position Menampilkan halaman input Data Revenue Melakukan input Data Position Memproses form input data Melakukan input ke database mengembalikan hasil input
Input Data Position
Menampilkan hasil input Menampilkan bahwa input berhasil atau gagal Membuka halaman edit Data Position Menampilkan halaman edit Data Position Melakukan edit Data Position Memproses form edit data Melakukan update data di database Mengembalikan hasil update
update Data Position
Menampilkan hasil update Menampilkan bahwa update berhasil / gagal Memilih data dan klik tombol Data Position Menampilkan konfirmasi hapus Memilih / membatalkan konfirmasi hapus Memproses form Data Position Melakukan delete data di database delete Data Revenue Mengembalikan hasil delete Menampilkan hasil delete Menampilkan bahwa hapus data berhasil / gagal
Gambar 39 Sequence Diagram Manipulasi Data Position oleh Administrator
http://digilib.mercubuana.ac.id/
85
3.3.4.17 Sequence Diagram Mengatur Hak Akses Aplikasi / Privilege oleh Administrator
Privileges (Controller)
Privileges (view)
Privileges (Model)
Administrator Aplikasi Login dan mengakses halaman Privileges Menampilkan halaman Privileges Menginputkan hak akses pengguna Memproses form edit role and privileges Melakukan update data ke database Mengembalikan hasil update
Update data Privileges
Menampilkan hasil update Menampilkan hasil update sukses / gagal
Gambar 40 Sequence Diagram Mengatur Hak Akses Aplikasi / Privilege oleh Administrator
3.3.5
Perancangan Antarmuka
Dalam bagian ini akan dijelaskan perancangan antar muka aplikasi database customer Jasatel. Aplikasi ini terdiri dari halaman – halaman sebagai berikut : 1. Halaman halaman login 2. Halaman beranda 3. Halaman Manajemen Menu 4. Halaman Menu Data Customer 5. Halaman yang berisi form input Data Customer baru 6. Halaman Manipulasi Data Customer
Halaman list pelanggan saat filter pencarian aktif
7. Halaman Menu Data Revenue 8. Halaman yang berisi form input Data Revenue baru 9. Halaman Manipulasi Data Revenue
http://digilib.mercubuana.ac.id/
86
Halaman list revenue pelanggan saat filter pencarian aktif
10. Halaman Menu Data Teknis 11. Halaman yang berisi form input Data Teknis baru 12. Halaman Manipulasi Data Teknis
Halaman list pelanggan saat filter pencarian aktif
13. Halaman Menu Data BTS 14. Halaman yang berisi form input Data BTS baru 15. Halaman Manipulasi Data BTS
Halaman list BTS saat filter pencarian aktif
16. Halaman Sub Menu Report a. Menu Report Revenue b. Menu Report Teknis 17. Halaman Report Revenue 18. Halaman Report Teknis 19. Halaman Data Position 20. Halaman Form Data Position Baru 21. Halaman Manipulasi Data Position
Halaman list nama posisi saat filter pencarian aktif
22. Halaman Data Karyawan 23. Halaman Form Data Karyawan Baru 24. Halaman Manipulasi Data Karyawan
Halaman list Karyawan saat filter pencarian aktif
25. Halaman Inquiry Data Teknis
3.3.5.1 Perancangan antarmuka halaman Login Berikut adalah desain antarmuka halaman login.
http://digilib.mercubuana.ac.id/
87
logo Jasatel
Ussername
NIK
PASSWORD LOGIN
CLEAR
Gambar 41 Desain antarmuka halaman Login 3.3.5.2 Perancangan antarmuka halaman Beranda Berikut adalah desain antarmuka halaman Beranda. Welcome (nama karyawan) Karyawan Position BTS Data Teknis Data Customer Data revenue Privilege Report Data Teknis Report Data Revenue Inquiry Data Teknis
Log out
Gambar 42 Desain antarmuka halaman Beranda
3.3.5.3 Perancangan antarmuka halaman Privilege / Manajemen Menu Berikut adalah desain antarmuka halaman Manajemen Menu. Menu ini hanya ditampilkan jika pengguna adalah administrator aplikasi.
http://digilib.mercubuana.ac.id/
88
Welcome administrator Karyawan Position BTS Data Teknis Data Customer Data revenue Privilege Report Data Teknis Report Data Revenue Inquiry Data Teknis
Log out Privilege New Privilege menu 1 menu 2
Action
Gambar 43 Desain antarmuka halaman Privilege / Manajemen Menu
3.3.5.4 Perancangan antarmuka halaman Data Customer Berikut adalah desain antarmuka halaman Data Customer. Welcome (nama karyawan) Karyawan Position BTS Data Customer Data Teknis Data revenue Privilege Report Data Teknis Report Data Revenue Inquiry Data Teknis
Log out Nomor Customer Search
Nama Customer Clear
New
Gambar 44 Desain antarmuka halaman Data Customer
3.3.5.5 Perancangan antarmuka halaman Form Data Customer Baru Berikut adalah desain antarmuka halaman Form Data Pelanggan Baru setelah diklik menu Data Pelanggan Baru dari halaman sub menu Data Pelanggan.
http://digilib.mercubuana.ac.id/
89
Data Customer Baru Nomor Customer : nama customer : npwp : alamat : kota : contact number : contact name : back
submit
Gambar 45 Desain antarmuka halaman Form Data Customer Baru
3.3.5.6 Perancangan antarmuka halaman Manipulasi Data Customer Berikut adalah desain antarmuka halaman list data pelanggan saaat filter pencarian setelah tombol search diklik. Welcome (nama karyawan) Karyawan Position BTS Data Customer Data Teknis Data revenue Privilege Report Data Teknis Report Data Revenue Inquiry Data Teknis
Log out Nomor Customer Search
Nama Customer Clear
Nomor Customer Nama Customer AAAA BBBB CCC DDD
New Action
Gambar 46 Desain antarmuka halaman Manipulasi Data Customer Jika list pelanggan yang di cari telah muncul lalu yang diklik adalah tombol Ubah, maka akan kembali ke halaman form pelanggan baru jika yang diklik adalah tombol Hapus, maka akan ada topup konfirmasi data dihapus. Apakah anda yakin ingin menghapus data ini? no yes
Gambar 47 Topup konfirmasi data dihapus
http://digilib.mercubuana.ac.id/
90
3.3.5.7 Perancangan antarmuka halaman menu Data Revenue Berikut adalah desain antarmuka halaman menu Data Revenue. Welcome (nama karyawan) Karyawan Data Revenue Position BTS Data Teknis Search Data Customer Data revenue Privilege Report Data Teknis Report Data Revenue Inquiry Data Teknis
Log out
Nomor Customer Clear
New
Gambar 48 Desain antarmuka halaman menu Data Revenue
3.3.5.8 Perancangan antarmuka halaman form Data Revenue Baru Berikut adalah desain antarmuka halaman Form Data Revenue Baru setelah diklik tombol new dari halaman menu Data Revenue Form data revenue baru (field tabel revenue) : (field tabel revenue) : (field tabel revenue) : (field tabel revenue) : (field tabel revenue) : (field tabel revenue) : (field tabel revenue) : back
submit
Gambar 49 Desain antarmuka halaman form Data Revenue Baru
3.3.5.9 Perancangan antarmuka halaman Manipulasi Data Revenue Berikut adalah desain antarmuka halaman list data saat melakukan pencarian Data Revenue. Data dapat di Manipulasi data revenue.
http://digilib.mercubuana.ac.id/
91
Welcome (nama karyawan) Karyawan Data Revenue Position BTS Nomor Customer Data Teknis Search Clear Data Customer Data revenue Nomor Customer Nama Customer Privilege AAAA BBBB Report Data Teknis CCC DDD Report Data Revenue Inquiry Data Teknis
Log out
New Action
Gambar 50 Desain antarmuka halaman Manipulasi Data Revenue Jika list pelanggan yang di cari telah muncul lalu yang diklik adalah tombol Edit, maka akan kembali ke halaman form pelanggan baru jika yang diklik adalah tombol Delete, maka akan ada topup konfirmasi data dihapus (Gambar 49 Topup konfirmasi data dihapus).
3.3.5.10 Perancangan antarmuka halaman menu Data Teknis Berikut adalah desain antarmuka halaman menu Data Teknis Welcome (nama karyawan) Karyawan Position BTS Data Teknis Data Customer Data revenue Privilege Report Data Teknis Report Data Revenue Inquiry Data Teknis
Log out Data Teknis
Search
Nomor Customer Clear
New
Gambar 51 Desain antarmuka halaman Menu Data Teknis 3.3.5.11 Perancangan antarmuka halaman form Data Teknis Baru Berikut adalah desain antarmuka halaman form Data Teknis Baru
http://digilib.mercubuana.ac.id/
92
FormData Teknis Baru (field tabel Link) : (field tabel Link) : (field tabel Link) : (field tabel Link) : (field tabel Link) : (field tabel Link) : (field tabel Link) : back submit
Gambar 52 Desain antarmuka halaman form Data Teknis Baru
3.3.5.12 Perancangan antarmuka halaman Manipulasi Data Teknis Berikut adalah desain antarmuka halaman form Manipulasi Data Teknis. Welcome (nama karyawan) Karyawan Position BTS Data Teknis Data Customer Data revenue Privilege Report Data Teknis Report Data Revenue Inquiry Data Teknis
Log out Data Teknis Nomor Customer Search Clear Nomor Customer Nama Customer AAAA BBBB CCC DDD
New Action
Gambar 53 Desain antarmuka halaman form Manipulasi Data Teknis.
3.3.5.13 Perancangan antarmuka halaman menu Data BTS Berikut adalah desain antarmuka halaman menu Data BTS.
http://digilib.mercubuana.ac.id/
93
Welcome (nama karyawan) Karyawan Position BTS Customer Data Teknis Data Pelanggan Data revenue Privilege Report Data Teknis Report Data Revenue Inquiry Data Teknis
Log out Data BTS
Search
ID BTS Clear
New
Gambar 54 Desain antarmuka halaman menu Data BTS
3.3.5.14 Perancangan antarmuka halaman form Data BTS baru Berikut adalah desain antarmuka halaman Form Data BTS baru. FormData BTS Baru ID BTS : Nama BTS : Alamat :
back submit
Gambar 55 Desain antarmuka halaman form Data BTS Baru
3.3.5.15 Perancangan antarmuka halaman Lihat, Edit / Hapus Data BTS Berikut adalah desain antarmuka halaman untuk Lihat, Edit / Hapus Data BTS baru.
http://digilib.mercubuana.ac.id/
94
Welcome (nama karyawan) Karyawan Position BTS Customer Data Teknis Data Pelanggan Data revenue Privilege Report Data Teknis Report Data Revenue Inquiry Data Teknis
Log out Data BTS
Search ID BTS AAAA CCC
ID BTS Clear Nama BTS BBBB DDD
New Action
Gambar 56 Desain antarmuka halaman Manipulasi Data BTS
3.3.5.16 Perancangan antarmuka halaman Sub Menu Report Berikut adalah desain antarmuka halaman Sub Menu Report pada Aplikasi Database Customer Jasatel. Welcome (nama karyawan) Karyawan Position BTS Data Teknis Data Pelanggan Data revenue Privilege Report Report Data Teknis Report Data Revenue Inquiry Data Teknis
Log out
Gambar 57 Desain antarmuka halaman Sub Menu Report
http://digilib.mercubuana.ac.id/
95
3.3.5.17 Perancangan antarmuka halaman Menu Report Revenue Berikut adalah desain antarmuka halaman Menu Report Revenue pada Aplikasi Database Customer Jasatel. Welcome (nama karyawan) Log out Karyawan Report Data Revenue Position BTS Data Teknis Data Pelanggan report revenue berupa total bandwidth yang terpakai terupdate Data revenue Privilege Report Report Data Teknis Report Data Revenue Inquiry Data Teknis
Gambar 58 Desain antarmuka halaman Report Revenue
3.3.5.18 Perancangan antarmuka halaman Menu Report Data Teknis Berikut adalah desain antarmuka halaman Menu Report Data Teknis pada Aplikasi Database Customer Jasatel. Welcome (nama karyawan) Log out Karyawan Report Data Teknis Position BTS Data Teknis Data Pelanggan report revenue berupa total bandwidth yang terpakai terupdate Data revenue Privilege Report Report Data Teknis Report Data Revenue Inquiry Data Teknis
Gambar 59 Desain antarmuka halaman Report Data Teknis
http://digilib.mercubuana.ac.id/
96
3.3.5.19 Perancangan antarmuka halaman Menu Data Position Berikut adalah desain antarmuka halaman Menu Data Position pada Aplikasi Database Customer Jasatel. Welcome (nama karyawan) Karyawan Position BTS Data Teknis Data Customer Data revenue Privilege Report Data Teknis Report Data Revenue Inquiry Data Teknis
Log out Data Position
Search
Nama Position Clear
New
Gambar 60 Desain antarmuka halaman Menu Data Position
3.3.5.20 Perancangan antarmuka halaman Form Data Position Baru Berikut adalah desain antarmuka halaman Form Data Position Baru pada Aplikasi Database Customer Jasatel. Form Data Position Baru ID Position : Nama Position :
back submit
Gambar 61 Desain antarmuka halaman Form Data Position Baru
http://digilib.mercubuana.ac.id/
97
3.3.5.21 Perancangan antarmuka halaman Manipulasi Data Position Berikut adalah desain antarmuka halaman Manipulasi Data Position pada Aplikasi Database Customer Jasatel. Welcome (nama karyawan) Karyawan Position BTS Data Teknis Data Customer Data revenue Privilege Report Data Teknis Report Data Revenue Inquiry Data Teknis
Log out Data Position
Search
Nama Position Clear
Nama Position
Privilege
New Action
Gambar 62 Desain antarmuka halaman Manipulasi Data Position
3.3.5.22 Perancangan antarmuka halaman Menu Data Karyawan Berikut adalah desain antarmuka halaman Menu Data Karyawan pada Aplikasi Database Customer Jasatel. Welcome (nama karyawan) Karyawan Data Karyawan Position BTS NIK Data Teknis Search Data Pelanggan Data revenue Privilege Report Data Teknis Report Data Revenue Inquiry Data Teknis
Log out
Clear
Nama Karyawan New
Gambar 63 Desain antarmuka halaman Menu Data Karyawan
http://digilib.mercubuana.ac.id/
98
3.3.5.23 Perancangan antarmuka halaman Form Data Karyawan Baru Berikut adalah desain antarmuka halaman Form Data Karyawan Baru pada Aplikasi Database Customer Jasatel.
FormData Teknis Baru (field tabel Karyawan) : (field tabel Karyawan) : (field tabel Karyawan) : (field tabel Karyawan) : (field tabel Karyawan) : (field tabel Karyawan) : (field tabel Karyawan) : back submit
Gambar 64 Desain antarmuka halaman Form Data Karyawan Baru
3.3.5.24 Perancangan antarmuka halaman Manipulasi Data Karyawan Baru Berikut adalah desain antarmuka halaman Manipulasi Data Karyawan Baru pada Aplikasi Database Customer Jasatel.
Welcome (nama karyawan) Karyawan Data Karyawan Position BTS NIK Data Teknis Search Data Pelanggan Data revenue NIK Privilege Report Data Teknis Report Data Revenue Inquiry Data Teknis
Log out
Clear Nama Karyawan
Nama Karyawan New Action
Gambar 65 Desain antarmuka halaman Manipulasi Data Karyawan Baru
http://digilib.mercubuana.ac.id/
99
3.3.5.25 Perancangan antarmuka halaman Menu Inquiry Data Teknis Berikut adalah desain antarmuka halaman menu Inquiry Data Teknis pada Aplikasi Database Customer Jasatel. Welcome (nama karyawan) Karyawan Inquiry Data Teknis Position BTS Data Teknis Search Data Customer Nama Cust Data revenue aaa Privilege bbb Report Data Teknis Report Data Revenue Inquiry Data Teknis
Log out
Nomor Customer Clear BTS ccc ddd
New Action Detail Detail
Gambar 66 Desain antarmuka halaman menu Inquiry Data Teknis
http://digilib.mercubuana.ac.id/
100
http://digilib.mercubuana.ac.id/