BAB 3 ANALISIS DAN PERANCANGAN SISTEM
3.1 Sejarah Perusahaan PT Mitra Inti Pranata adalah perusahaan yang berjalan dibidang kosultan teknik dari tahun 1994 memiliki prinsip “Bangsa Yang Besar Adalah Bangsa Yang Menghargai Patriotnya”. Berdasarkan prinsip tersebut PT. Mitra Inti Pranata berjalan hingga saat ini PT Mitra Inti Pranata samapai saat ini sudah lima kali pindah kantor dengan lokasi yang berbeda, seperti : • Pertama dari tahun 1994-1995 Kantor pertama PT. Mitra Inti Pranata bertempat di Jalan Flamboyan, Setiabudi Jakarta Selatan. Pada awalnya perusahaan tersebut hanya memiliki tujuh orang karyawan yang berkerja secara profesional. Tapi dengan ketujuh karyawan tersebut PT. Mitra Inti Pranata dapat bersaing dengan Konsultan Teknik lainya yang nama perusahaannya sudah besar. Selain tujuh orang karyawan tersebut yang membantu PT. Mitra Inti Pranata dapat bertahan dan berkembang, ada beberapa client yang mendukung dan mempercayai PT. Mitra Inti Pranata sebagai perusahaan Konsultasi Teknik. • Kedua dari tahun 1995-1997
25
26
Pada tahun 1995, Indonesia menghadapi kondisi yang baik khususnya didalam sektor properti. Dengan kondisi yang seperti itu membuat PT. Mitra Inti Pranata menjadi meningkat orderan proyeknya, yang pada awlanya hanya menerima berberapa proyek menjadi lebih dari 26 proyek. Dengan kondisi yang lebih baik PT Mitra Inti Pranata memutuskan untuk pindah ke kantor yang lebih baik lagi. Kantor yang baru tersebut beralamat di Jalan Komplek TVRI, Jakarta Barat. • Ketiga dari tahun 1997-2002 Pada tahun ini kantor PT. Mitra Inti pindah ke kantor yang beralamat di Jalan Bima, Komplek Pajak, Jakarta Barat dan pada tahun ini adalah tahun tersulit bagi PT. Mitra Inti Pranata, sebab pada tahun ini Indonesia mulai megalami penurunan khususnya dalam bidang Ekonomi atau yang lebih kita kenal dengan “Krisis Moneter”. Karena hal tersebut maka berdampak derastis dalam bidang properti. Hal tersebut membuat PT. Mitra Inti Pranata harus membuat strategi untuk menghindari kebangkrutan. Dengan semangat yang kuat pada akhirnya PT Mitra Inti Pranata dapat melewati masa kritis tersebut. • Keempat dari tahun 2002-2004 Pada tahun ini PT. Mitra Inti Pranata memiliki kantor baru yang beralamat di Jalan. Nagasari, Komplek Meruya Illir, Jakarta Barat. Dengan kantor yang baru kmemberikan dampak yang sangat positif kepada kondisi kerja para karyawanya. Karyawanya menjadi lebih semangat dalam berkerja sehingga kami mendapatkan proyek yang semakin banyak.
27
• Kelima dari tahun 2004-2012(Saat ini) Pada tahun ini adalah kantor yang hingga sekarang masih jadi kantor PT. Mitra Inti Pranata yang beralamat di Komplek Ruko Puri Kencana Blok. K7 No. 1D, Jakarta Barat. Pada tahun 2004 PT. Mitra Inti Pranta memiliki prestasi sangat baik sekali hingga banyak sekali dipercaya oleh client. Oleh karena hal tersebut pada setiap tahunya orderan untuk menyelesaikan proyek meningkat cukup tinggi, dengan hal tersebut PT. Mitra Inti Pranata menabah karyawanya dari tujuh karyawan menjadi 26 karyawan sampai saat ini.
3.1.1 Visi Dan Misi Perusahaan 3.1.1.1 Visi Perusahaan • Berkerja secara profesional dalam mekanikal dan elektrikal sebagai profesi yang dapat berkontribusi pada pengembangan sektor properti khususnya di Indonesia dan di Dunia. 3.1.1.2 Misi Perusahaan •
Membangun kebersamaan dalam mencapai kesempurnan pada proses kerja.
•
Melakukan yang terbaik dalam mengembangkan properti dan industri.
•
Memberikan konstrbusi pada pembangunan di daerah maupun di kota.
28
3.1.2 Struktur Organisasi
Direktur
Proyek Kordinator
Engineering
Drafter
Quality Control
Administrasi Teknis
Operator
Office Administrasi
Pencetakan
Gambar 3.1 Struktur Organisasi
Finance
29
3.1.3 Tugas dan Tanggung Jawab Berikut ini adalah job description masing–masing jabatan yang ada dalam perusahaan :
1. Direktur a. Merupakan pemilik, pendiri perusahaan sekaligus pengambil keputusan
dalam
masalah
yang
bersangkutan
dengan
perusahaan. b. Memimpin perusahaan sesuai dengan tujuan perusahaan dengan senantiasa berusaha meningkatkan daya guna dan hasil guna perusahaan. c. Menguasai, memelihara dan mengurus kekayaan perusahaan. d. Menyiapkan rencana jangka panjang dan rencana kerja dan anggaran perusahaan. e. Mengkordinir semua perkerjaan yang berkaitan dengan perusahaan. 2. Proyek Kordinator a. Mengkordinasikan
projek-projek
baik
internal
external perusahaan. b. Melaporkan tugas dan tanggung jawab ke direktur. c. Mengkordinir file-file proyek yang harus dikerjakan. 3. Engineering
maupun
30
a. Merencanakan dan menghitung kebutuhan-kebutuhan yang terkait dengan perencanaan proyek. b. Memberikan tugas kepada drefter atau juru gambar sesuai perencanan proyek yang disusun. c. Memberikan laporan kepada proyek kordinator. 4. Drafter a. Menggambar desain perencanaan yang telah diberikan oleh enginnering. 5. Administrasi Teknis a. Menggambar bagian teknis dari proyek yang diberikan oleh engennering. 6. Quality Control a. Menggambar bagian control dari proyek yang telah diberikan oleh enginnering. 7. Finance a. Mengatur pemasukan dan pengeluaran biaya pada perusahaan. b. Mengatur gaji karyawan. c. Membuat laporan keuangan. 8. Office Administrasi a. Membuat surat perjanjian kontrak kerja. b. Membuat laporan absensi karyawan. c. Mengkordinir perusahaan.
dan
menjadwalkan
penagihan
income
31
9. Operator a. Menerima pesan atau email dari client. 10. Percetakan a. Mencetak file proyek. b. Mengkordinir pengiriman file ke client.
3.1.4 Sistem Yang Berjalan Ada pun sistem yang berjalan pada PT. Mitra Inti Pranata adalah sebagai berikut :
G ambar 3.2 Sistem yang berjalan-Penerimaan file
32
Gambar 3.3 Sistem yang berjalan-Pengelolaan file proyek
33
Gambar 3.4 Sistem yang berjalan-Pengiriman file proyek
34
3.2 Identifikasi Permasalahan Dari hasil analisis dan wawancara yang dilakukan kepada beberapa karyawan, didapatkan identifikasi permasalahan sebagai berikut : •
Pengelolaan file-file proyek yang kurang baik, sehingga pengerjaan filefile proyek menjadi berantakan.
•
Proyek kordinator mengalami kesulitan dalam mengatur deadline kerja dari karyawannya, yang terkadang membuat file proyek tidak dapat selesai tepat pada waktunya.
•
Sulitnya untuk mencari data lengkap dari client, karena banyaknya client yang berkerja sama dengan perusahaan.
3.3 Analisis Pemecahan Masalah Analisis pemecahan masalah berdasarkan pada masalah yang ada adalah dengan membuat sistem pengelolaan file-file proyek berbasis web yang dapat menyediakan layanan : 1. Sistem yang dapat mengelolah file-file proyek untuk bekerja. 2. Dapat mengatur deadline kerja dari karyawan. 3. Data lengkap dari client yang dapat dimasukan kedalam sistem.
35
3.4 Perancangan Sistem Perancangan sistem terdiri dari class diagram, use case, sequance diagram, dan state transition diagram. Untuk mengoperasikan sistem user dibagi menjadi dua bagian. Hal tersebut dilakukan untuk membatasi atau memberikan hak akses antara user dan admin, sebagai berikut : Table 3.1 Pembagian User No
User
Jabatan
1
Admin
Office Administrasi
2
User
Proyek Kordinator, Engineering, Drafter, Admistrasi Teknis,Quality Control, dan Pencetakan.
3.4.1 Class Diagram Berikut ini adalah class diagram dari sistem yang akan dibuat :
36
Gambar 3.5 Class Diagram 3.4.2 Use Case Diagram dan Use Case Narrative Berikut ini adalah use case diagram pada sistem pengelolaan file-file proyek pada PT. Mitra Inti Pranata :
37
a. Use Case Diagram
Gambar 3.6 Use Case Diagram Sistem Pengelolaan File-File Proyek Adapun detail dari use case admin adalah sebagai berikut :
38
1. Melakukan Login
Gambar 3.7 Use Case Diagram Sistem Pengelolaan File-File Proyek –Login
Table 3.2 Use Case Narrative-Login Use Case Narrative Login Description : Admin atau User akan diminta untuk memasukan UserID dan Password untuk dapat masuk kedalam sistem. Jika admin atau user lupa dengan passwordnya admin atau user dapat menggunakan menu forgot password dan memasukan UserID, maka password admin atau user akan diubah menjadi random dan dikirimkan ke email user. Objek : ADMIN(Offiece Administrasi) USER(Proyek Kordinator, Engineering, Drafter, Admistrasi Teknis,dan Quality Control, Pencetakan).
39
2. Upload File-File Proyek
Gambar 3.8 Use Case Diagram Sistem Pengelolaan File-File Proyek –Upload File
Table 3.3 Use Case Narrative-Upload File Use Case Narrative Upload File Description : Digunakan admin atau user untuk memasukan file-file proyek kedalam sistem. Admin atau user dapat memasukan file-file proyek yang dibutuhkan untuk bekerja, serta dapat menentukan deadline kapan file tersebut harus diselesaikan. Selain itu admin atau user diminta untuk memilih proyek kordinator siapa yang bertanggung jawab atas file proyek tersebut. Objek : ADMIN(Offiece Administrasi) USER(Proyek Kordinator, Engineering, Drafter, Admistrasi Teknis,dan Quality Control, Pencetakan).
40
3. Download File-File Proyek
Gambar 3.9 Use Case Diagram Sistem Pengelolaan File-File Proyek –Download File Proyek Table 3.4 Use Case Narrative-Download File Proyek Use Case Narrative Download File Proyek Description : untuk mengambil file-file proyek yang ada pada sistem. Objek : ADMIN(Offiece Administrasi) USER(Proyek Kordinator, Engineering, Drafter, Admistrasi Teknis,dan Quality Control, Pencetakan).
41
4. Masukan Data Client
Gambar 3.10 Use Case Diagram Sistem Pengelolaan File-File Proyek – Memasukan Data Client
Table 3.5 Use Case Narrative-Memasukan Data Client Use Case Narrative Memasukan Data Client Decription : Pada sistem yang memiliki hak akses untuk dapat memasukan data client Offiece Admistrasi. Data yang dapat dimasukan adalah seperti nama client, alamat client, nomer telpon client. Agar karyawan yang lain dapat melihat data tersebut. Objek : ADMIN(Offiece Administrasi)
42
5. Masukan Data Karyawan
Gambar 3.11 Use Case Diagram Sistem Pengelolaan File-File Proyek-Memasukan Data Karyawan
Table 3.6 Use Case Narrative-Memasukan Data Karyawan Use Case Narrative Memasukan Data Karyawan Description : Jika ada karyawan baru atau magang dalam perusahaan, data akan dimasukan oleh admin ke dalam sistem. Setelah data dimasukan maka karyawan akan mendapatkan UserID dan Password default “12345”. Objek : ADMIN(Offiece Administrasi)
43
6. Memasukan Laporan
Gambar 3.12 Use Case Diagram Sistem Pengelolaan File-File Proyek-Memasukan Laporan Table 3.7 Use Case Narrative-Memasukan Laporan Use Case Narrative Memasukan Data Laporan Description : Jika admin ingin memasukan laporan-laporan yang berhubungan dengan perusahaan, admin dapat memasukan laporan tersebut kedalam sistem dan hanya direktur dapat melihat laporan-laporan tersebut. ADMIN(Offiece Administrasi)
44
3.4.3 Sequance Diagram Berikut ini adalah sequance diagram yang terdapat pada sistem yang dibuat, diantaranya adalah sebagai berikut ini : 1. User atau Admin-Login
Gambar 3.13 Sequance diagram user atau admin melakukan login
45
2. User atau Admin-Logout
Gambar 3.14 Sequance diagram user atau admin mlakukan logout
46
3. User-Download File
Gambar 3.15 Sequance diagram useratau admin melakukan download file
47
4. User atau Admin -Upload File
Gambar 3.16 Sequance diagram user atau admin melakukan upload file
48
5. User-Edit File
Gambar 3.17 Sequance diagram user melakukan Edit file
49
6. Admin-Input Client
Top Package::Admin
manageclient
halaman addclient
msclient
view()
addclient call()
respon(halaman addclinet)
masukan data client() setclient()
cek() return(true) are you sure to continue? ok Simpan data client()
return(pesan) client has been added
masukan data client() setfile()
return(false) data tidak sesuai
are you sure continue? cancel
return()
Gambar 3.18 Sequance diagram admin melakukan input data client
cek()
50
7. Admin-Edit Client
Gambar 3.19 Sequance diagram admin melakukan edit data client
51
8. Admin-Delete Client
Gambar 3.20 Sequance diagram admin melakukan delete client
52
9. Admin-Upload Report
Top Package::Admin
managereport
halaman addreport
msreport
view()
addreport call()
respon(halaman addreport)
masukan data(report name, file) setreport()
cek() return(true) are you sure to continue? ok simpanreport()
return(pesan) report has been added
masukan data(report name, file) setreport()
return(false) report sudah ada
are you sure continue? cancel
return()
Gambar 3.21 Sequance diagram admin melakukan upload report
cek()
53
10. Admin-Edit Report
Top Package::Admin
managereport
halaman editreport
msreport
view()
edit call() getreport()
cek(id_report) response() tampilkan(data_report)
edit(name,file) setreport response() are tou sure continue ok simpan edit report() response File Has Been Edited
are you sure continue? cancel
return()
Gambar 3.22 Sequance diagram user melakukan edit report
cek(id_report)
54
11. Admin-Delete Report
Top Package::User
managereport
msreport
view()
delete getreport
cek(id_report) return() are you sure?
ok getreport
cek(id_report) tampilkan() halaman manage report
cancel tampilkan() halaman manage report
Gambar 3.23 Sequance diagram Admin melakukan delete report
55
12. User atau Admin-Myprofile
Gambar 3.24 Sequance diagram useratau admin melakukan viewmyprofile
56
13. Admin-View List Out Deadline
Gambar 3.25 Sequance diagram Admin melakukan view list out deadline
57
14. User-View My Project
Gambar 3.26 Sequance diagram user melakukan view my project
58
15. Admin -Input Employee
Gambar 3.27 Sequance diagram Admin melakukan input data employee
59
16. Admin-Delete Employee
Gambar 3.28 Sequance diagram Administrasi Office melakukan Delete Employee
60
3.4.4 State Transition Diagram Berikut ini adalah state transition diagram atau yang dikenal dengan STD yang terdapat pada sistem yang dibuat, diantaranya adalah sebagai berikut ini : 1. State Transition Diagram-Login
Gambar 3.29 State Transition Diagram-Login
61
2. State Transition Diagram-Menu
Gambar 3.30 State Transition Diagram-Menu
3. State Transition Diagram-Home
Gambar 3.31 State Transition Diagram-Home
62
4. State Transition Diagram-Manage
Gambar 3.32 State Transition Diagram-Manage
5. State Transition Diagram-Manage File
Gambar 3.33 State Transition Diagram-Manage File
63
6. State Transition Diagram-Manage File-Upload File
Gambar 3.34 State Transition Diagram- Manage File-Upload File
7. State Transition Diagram-Manage File-Download File Manage File
/ kik download
/ download file
Download
Gambar 3.35 State Transition Diagram- Manage File-Dwonload File
64
8. State Transition Diagram-Manage File-My Project
Gambar 3.36 State Transition Diagram-Manage File-My Project
9. State Transition Diagram-Manage File-My Project-Finish File
Gambar 3.37 State Transition Diagram-Manage File-My ProjectFinish File
65
10. State Transition Diagram-Manage File-My Project-Edit File
Gambar 3.38 State Transition Diagram-Manage File-My Project-Edit File
11. State Transition Diagram-Manage File-My Project-Download File My Project
/ kik download
/ download file
Download
Gambar 3.39 State Transition Diagram-Manage File-My ProjectDownload File
66
12. State Transition Diagram-Manage File-List Out Of Deadline(Admin)
Gambar 3.40 State Transition Diagram-Manage File-List Out Of Deadline(Admin)
13. State Transition Diagram-Manage Client
Gambar 3.41 State Transition Diagram-Manage Client
67
14. State Transition Diagram-Manage Client-View Client Detail
Gambar 3.42 State Transition Diagram-Manage Client-View Client Detail
15. State Transition Diagram-Manage Client-AddClient(Admin)
Gambar 3.43 State Transition Diagram-Manage ClientAddClient(Admin)
68
16. State
Transition
Diagram-Manage
Client-Edit
Client(Admin)
Gambar
3.44
State
Transition
Diagram-Manage
Client-Edit
Client(Admin)
17. State
Transition
Diagram-Manage
Client-Blocked/Actived
Client(Admin)
Gambar
3.45
State
Transition
Blocked/Actived Client(Admin)
Diagram-Manage
Client-
69
18. State Transition Diagram-Manage Client-Delete Client(Admin)
Gambar 3.46 State Transition Diagram-Manage Client-Delete Client(Admin)
19. State Transition Diagram-Manage Employee(Admin)
Gambar 3.47 State Transition Diagram-Manage Employee(Admin)
70
20. State
Transition
Diagram-Manage
Employee-View
Detail
Emplooyed(Admin)
Gambar 3.48 State Transition Diagram-Manage Employee-View Detail Emplooyed(Admin)
21. State Transition Diagram-Manage Employee-AddEmployee(Admin)
Gambar
3.49
State
AddEmployee(Admin)
Transition
Diagram-Manage
Employee-
71
22. State Transition Diagram-Manage Employee-Delete Employee(Admin)
Gambar 3.50 State Transition Diagram-Manage Employee-Delete Employee(Admin)
23. State Transition Diagram-My Profile
Gambar 3.51 State Transition Diagram-My Profile
72
24. State Transition Diagram-Manage Report(Admin)
Gambar 3.52 State Transition Diagram-Manage Report(Admin)
25. State Transition Diagram-Manage Report-View Report(Admin)
Gambar
3.53
Report(Admin)
State
Transition
Diagram-Manage Report-View
73
26. State Transition Diagram-Manage Report-AddReport(Admin)
Gambar
3.54
State
Transition
Diagram-Manage
Report-
AddReport(Admin)
27. State Transition Diagram-Manage Report-Edit Report(Admin)
Gambar 3.55 State Transition Diagram-Manage Report-Edit Report(Admin)
74
28. State Transition Diagram-Manage Report-Delete Report(Admin)
Gambar 3.56 State Transition Diagram-Manage Report-Delete Report(Admin)
3.4.5 Perancangan Database Setiap sistem pasti membutuhkan basis data yang sesuai kebutuhan. Berikut ini adalah rancangan basis data pada sistem yang dibuat : a. Table MsUser Table 3.8 Table MsUser No Attribute
Tipe Data
Panjang
Keteranganan PK: Untuk menampung user id yang digunakan untuk login.
1
Userid
Char
8
2
Username
Varchar
50
Nama dari user
3
Password
Varchar
20
Password dari user
75
4
Signingdate
Datetime
-
4
Address
Varchar
50
Alamat user
5
Email
Varchar
20
Email user
6
Phone
Varchar
15
Nomer telephone user
7
Dateodbrith
Datetime
-
Tanggal lahir user
8
Gender
Char
1
Jenis kelamin user
9
Positionid
Char
5
FK: untuk menunjukan jabatan dari user yang digunkan untuk hak akses.
1
Tanggal dibuatnya user.
FK: Untuk menunjukan status user “A:Actived” atau “D:Disactived” Pemberitahuan untuk database mengenai user, seperti user mengedit profile, user didalete oleh siapa.
10
Status
Char
11
Note
Varchar
100
12
Imagepath
Varchar
100
13
Inputeddate
Datetime
-
Tanggal Kapan terakhir kali user login
14
Info
Varchar
100
Keterangan dari user yang “A:Actived” atau yang di “D:Disactived”
Foto untuk profile user
76
b. Table MsPosition Table 3.9 Table MsPosition No Attribute Tipe Data 1
Positionid
Panjang
Char
Keteranganan PK: Id dari jabatan FK:Untuk menghubungkan dengan MsUser.
5
2
Positionname
Varchar
20
Nama dari jabatan yang ada seperti : Direktur, Proyek kordinator, Enginnering, Drafter dll.
3
Status
Char
1
FK: Untuk melihat status dari user “A:Actived” atau “D:Disactived”.
c. Table MsFile Table 3.10 Table MsFile No
Attribute
Tipe Data
Panjang 5
Keteranganan PK: Id untuk file yang disimpan atau di-upload.
1
Fileid
Char
2
Filename
Varchar
100
Nama dari file.
3
Filepath
Varchar
100
Lokasi dari file yang diupload.
4
Inputedid
Varchar
5
FK: ID dari siapa yang meng-upload file.
77
5
Proyekkordinatorid
Char
5
FK : ID dari proyek kordinator yang bertanggung jawab untuk mengerjkan file proyek.
6
Inputeddate
Datetime
-
Tanggal file di-upload
100
Keterangan di database jika file telah di-delete atau di-edit.
7
Note
Varchar
8
Status
Char
1
Status dari file.
9
Deadline
Datetime
-
Batas waktu dari pengerjan file proyek.
10
Flag
Char
1
11
Pkflag
Char
1
Flag untuk menandakan file proyek sudah selesai dikerjakan atau belum. Menandakan database, jika 1 file “Finish” maka menandakan proyek selesai dikerjakan. Jika 0 proyek masih dalam proses pengerjan. Flag untuk Proyek kordinator jika proyek kordinator mengedit data file proyek.
12
Pkflagdate
Datetime
-
Tangal dan waktu untuk menmberitahu kapan proyek kordinator mengedit data file proyek.
13
Deadlineflag
Char
1
Flag untuk deadline, jika deadline proyek diubah.
78
14
Deadlineflagdate
Datetime
-
Tanggal dan waktu dari deadline yang diubah.
Panjang
Keteranganan
d. Table MsClient Table 3.11 Table MsClient Attribute Tipe Data No 1
Companyid
Char
5
PK: ID dari client
2
Companyname
Varchar
50
Nama perusahaan client atau client personal.
3
Address
Varchar
50
Alamat dari client.
4
Email
Varchar
20
Email dari client.
5
Phone1
Varchar
15
Nomer telpon client.
6
Phone2
Varchar
15
Nomer telpon ke dua dari client(jika ada).
7
Signingdate
Datetime
-
8
Status
Char
1
9
Note
Varchar
100
10
Inputeddate
Datetime
-
11
Info
Varchar
100
Tanggal kapan client. Untuk menandakan client apakah dalam setatus “A:Activeed” atau “B:Blocked”. Pemberi tahuan dalam database siapa yang telah “A:Activeed” atau “B:Blocked” client. Tanggal kapan client telah di “A:Activeed” atau “B:Blocked” Penjelasan mengenai kenapa client telah “A:Activeed” atau “B:Blocked”.
79
e. Table MsReport Table 3.12 Table MsReport No Attribute Tipe Data
Panjang
Keteranganan
1
Reportid
Char
5
PK:ID dari report.
2
Reportname
Varchar
25
Nama dari report.
3
Filepath
Varchar
100
4
Inputedid
Varchar
5
5
Inputeddate
Datetime
-
6
Note
Varchar
100
7
Status
Char
1
Lokasi dimana report diupload. ID User siapa yang telah meng-upload. Tanggal dan waktu kapan report di-upload. Keterarangan jika report telah di-delete atau di-edit. Status dari report. Jika telah di-delete atau di-edit.
3.5 Rancangan Layar Antar Muka Perancangan layar digunakan sebagai acuan dalam membuat tampilan website. Adapun Perancangan layar yang dibuat adalah sebagai berikut :
3.5.1 Rancangan Layar Login
Gambar 3.57 Rancangan layar login
80
Pada Gambar 3.57 adalah rancangan layar yang dibuat untuk login. Untuk login user akan diminta untuk memasukan userID dan password yang didapat saat user didaftarkan oleh admin sebagai karyawan pada sistem. Jika user memasukan userID dan Password yang tidak sesuai maka akan ada pesan yang memberi tahunya.
3.5.2 Rancangan Layar Forgot Password
Gambar 3.58 Rancangan layar forgot password Pada gambar 3.58 merupakan tampilan layar dari forgot password, jika user lupa akan passwordnya maka user dapat menggunakan menu ini. User akan diminta untuk memasukan UserID user dan mengklik tombol reset, maka password user akan menjadi random dan dikirimkan ke email user.
81
3.5.3 Rancangan Layar Home
Gambar 3.59 Rancangan layar home Saat user berhasil login maka user akan ditampilkan halaman seperti gambar diatas. Halaman tersebut merupakan halaman home dari sistem yang dibuat, yang berisikan visi, misi dan moto dari perusahaan.
82
3.5.4 Rancangan Menu Yang Terdapat Pada Sistem
Gambar 3.60 Rancangan menu untuk admin
Gambar 3.61 Rancangan menu untuk user
83
Pada gambar 3.60, 3.61 merupakan menu yang ada untuk admin dan user, diberikan hak akses untuk membedakan menu admin dan user untuk menggunakan sistem . 3.5.5 Rancangan Layar Manage File
Gambar 3.62 Rancangan layar manage file admin
84
Gambar 3.63 Rancangan layar list out of dedline untuk admin
Gambar 3.63 adalah tampilan layar manage file untuk admin. Admin dapat melihat file mana yang sudah selesai dikerjakan, mana yang masih proses dan file mana yang sudah melewati batas dari deadline. Sedangkan pada gambar 3.63 adalah halaman list out of deadline yang digunakan untuk melihat proyek kordinator siapa saja yang sering mengalami keterlambatan dalam mengerjakan suatu proyek, yang nantinya hasilnya akan dilaporkan kepada direktur.
85
Gambar 3.64 Rancangan layar manage file user
Gambar 3.65 Rancangan layar my project untuk user
86
Gambar 3.66 Rancangan layar edit file untuk user Gambar 3.64 adalah halaman manage file untuk user. User dapat melihat file-file proyek mana saja yang dikerjakanya dan melihat deadline dari file proyek tersebut. Jika user sudah selesai dalam mengerjakan proyek, maka user dapat mengklik button finish untuk menandakan file tersebut telah selesai dikerjakan. Selaian itu user dapat meng-edit file yang digunakan untuk merubah file jika ada revisi dan deadline jika file proyek mengalami perbuhan jadwal seperti pada gambar 3.66.
87
Gambar 3.67 Rancangan layar upload file
Gambar diatas adalah ketika user atau admin memilih menu upload file, maka halaman seperti diatas yang akan muncul. User atau admin dapat memilih file yang ingin dimasukan kedalam sistem, memilih proyek kordinator siapa yang bertanggung jawab atas file proyek tersebut dan dapat memilih deadline kapan file tersebut harus selesai dikerjakan..
88
3.5.6 Rancangan Layar Manage Client
Gambar 3.68 Rancangan layar manage client untuk admin
Jika admin yang ingin memilih menu manage client maka admin akan ditampilkan halaman seperti pada gambar 3.68.
Gambar 3.69 Rancangan layar manage client untuk user
89
Jika user memilih menu client maka akan muncul halaman seperti pada gambar 3.69.
Gambar 3.70 Rancangan layar manage client add client
Gambar 3.71 Rancangan layar manage client edit client
90
Gambar 3.72 Rancangan layar manage client change status user
Dalam manage client tentu saja admin dapat memasukan data client kedalam sistem, merubah data client pada sistem serta mengganti status client dari actived menjadi blocked. Hal tersebut dilakukan jika ada client yang bermasalah sehingga menjadi review untuk perusahaan saat menerima proyek dari client tersebut.
91
3.5.7 Rancangan Layar Manage Employee
Gambar 3.73 Rancangan layar manage employee
Gambar 3.73 adalah tampilan layar dari manage employee, admin dapat melihat data-data dari karyawan yang ada.
Gambar 3.74 Rancangan layar add employee
92
Jika admin memilih add employee maka admin akan ditampilkan halaman seperti gambar diatas. Admin akan memasukan data dari karyawan baru beserta jabatanya di perusahaan.
Gambar 3.75 Rancangan layar change status employee
Change status user digunakan jika karyawan dalam masa cuti. Jika admin mengganti status karyawan dari actived dan ingin merubahnya menjadi blocked maka akan muncul gambar seperti diatas. Jika karyawan sudah berstatus blocked maka karyawan tidak dapat login kedalam sistem.
93
3.5.8 Rancangan Layar Manage Report
Gambar 3.76 Rancangan layar manage report admin
Saat admin memilih menu manage report maka akan muncul halaman seperti gambar diatas. Manage report digunakan untuk memasukan file-file laporan yang berhubungan dengan perusahaan.
94
Gambar 3.77 Rancangan layar add report admin
Gambar diatas adalah halaman yang digunakan untuk memasukan laporan tersebut. Admin dapat memberikan nama dari laporan yang akan dimasukan kedalam sistem, setelah itu admin memilih file yang ingin dimasukan.
Gambar 3.78 Rancangan layar edit report admin
95
Jika admin ingin mengubah file laporan., maka admin akan di tampilkan halaman seperti pada gambar 3.78.
3.5.9 Rancangan Layar My Profile
Gambar 3.79 Rancangan layar my profile
Pada sistem dibuat menu my profile dari user atau admin yang login ke sistem. Pada menu tersebut user atau admin dapat mengubah seperti username, email, contac number, alamat, dan tanggal lahir. Selain itu user atau admin juga dapat mengganti password serta profile picture.
