BAB 3 ANALISIS DAN PERANCANGAN SISTEM

Transkripsi

1 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 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

2 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 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 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.

3 27 Kelima dari tahun (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 Visi Dan Misi Perusahaan Visi Perusahaan Berkerja secara profesional dalam mekanikal dan elektrikal sebagai profesi yang dapat berkontribusi pada pengembangan sektor properti khususnya di Indonesia dan di Dunia 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.

4 Struktur Organisasi Direktur Proyek Kordinator Engineering Drafter Administrasi Teknis Quality Control Office Administrasi Finance Operator Pencetakan Gambar 3.1 Struktur Organisasi

5 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 maupun external perusahaan. b. Melaporkan tugas dan tanggung jawab ke direktur. c. Mengkordinir file-file proyek yang harus dikerjakan. 3. Engineering

6 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 dan menjadwalkan penagihan income perusahaan.

7 31 9. Operator a. Menerima pesan atau dari client. 10. Percetakan a. Mencetak file proyek. b. Mengkordinir pengiriman file ke client Sistem Yang Berjalan Ada pun sistem yang berjalan pada PT. Mitra Inti Pranata adalah sebagai berikut : ambar 3.2 Sistem yang berjalan-penerimaan file G

8 Gambar 3.3 Sistem yang berjalan-pengelolaan file proyek 32

9 Gambar 3.4 Sistem yang berjalan-pengiriman file proyek 33

10 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.

11 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 Class Diagram Berikut ini adalah class diagram dari sistem yang akan dibuat :

12 36 Gambar 3.5 Class Diagram Use Case Diagram dan Use Case Narrative Berikut ini adalah use case diagram pada sistem pengelolaan file-file proyek pada PT. Mitra Inti Pranata :

13 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 :

14 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 user. Objek : ADMIN(Offiece Administrasi) USER(Proyek Kordinator, Engineering, Drafter, Admistrasi Teknis,dan Quality Control, Pencetakan).

15 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).

16 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).

17 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)

18 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 Objek : ADMIN(Offiece Administrasi)

19 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)

20 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

21 45 2. User atau Admin-Logout Gambar 3.14 Sequance diagram user atau admin mlakukan logout

22 46 3. User-Download File Gambar 3.15 Sequance diagram useratau admin melakukan download file

23 47 4. User atau Admin -Upload File Gambar 3.16 Sequance diagram user atau admin melakukan upload file

24 48 5. User-Edit File Gambar 3.17 Sequance diagram user melakukan Edit file

25 49 6. Admin-Input Client Top Package::Admin manageclient halaman addclient msclient view() addclient call() respon(halaman addclinet) masukan data client() setclient() return(true) cek() are you sure to continue? ok Simpan data client() return(pesan) client has been added masukan data client() setfile() return(false) cek() data tidak sesuai are you sure continue? cancel return() Gambar 3.18 Sequance diagram admin melakukan input data client

26 50 7. Admin-Edit Client Gambar 3.19 Sequance diagram admin melakukan edit data client

27 51 8. Admin-Delete Client Gambar 3.20 Sequance diagram admin melakukan delete client

28 52 9. Admin-Upload Report Top Package::Admin managereport halaman addreport msreport view() addreport call() respon(halaman addreport) masukan data(report name, file) setreport() return(true) cek() are you sure to continue? ok simpanreport() return(pesan) report has been added masukan data(report name, file) setreport() return(false) cek() report sudah ada are you sure continue? cancel return() Gambar 3.21 Sequance diagram admin melakukan upload report

29 Admin-Edit Report Top Package::Admin managereport halaman editreport msreport view() edit call() getreport() cek(id_report) response() tampilkan(data_report) edit(name,file) are tou sure continue ok File Has Been Edited setreport response() simpan edit report() response cek(id_report) are you sure continue? cancel return() Gambar 3.22 Sequance diagram user melakukan edit report

30 Admin-Delete Report Top Package::User view() managereport msreport 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

31 User atau Admin-Myprofile Gambar 3.24 Sequance diagram useratau admin melakukan viewmyprofile

32 Admin-View List Out Deadline Gambar 3.25 Sequance diagram Admin melakukan view list out deadline

33 User-View My Project Gambar 3.26 Sequance diagram user melakukan view my project

34 Admin -Input Employee Gambar 3.27 Sequance diagram Admin melakukan input data employee

35 Admin-Delete Employee Gambar 3.28 Sequance diagram Administrasi Office melakukan Delete Employee

36 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

37 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

38 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

39 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

40 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 Project- Finish File

41 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 Project- Download File

42 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

43 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 Client- AddClient(Admin)

44 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 Diagram-Manage Client- Blocked/Actived Client(Admin)

45 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)

46 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 Transition Diagram-Manage Employee- AddEmployee(Admin)

47 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

48 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 State Transition Diagram-Manage Report-View Report(Admin)

49 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)

50 State Transition Diagram-Manage Report-Delete Report(Admin) Gambar 3.56 State Transition Diagram-Manage Report-Delete Report(Admin) 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 1 Userid Char 8 PK: Untuk menampung user id yang digunakan untuk login. 2 Username Varchar 50 Nama dari user 3 Password Varchar 20 Password dari user

51 75 4 Signingdate Datetime - Tanggal dibuatnya user. 4 Address Varchar 50 Alamat user 5 Varchar 20 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 10 Status Char 1 11 Note Varchar 100 FK: untuk menunjukan jabatan dari user yang digunkan untuk hak akses. FK: Untuk menunjukan status user A:Actived atau D:Disactived Pemberitahuan untuk database mengenai user, seperti user mengedit profile, user didalete oleh siapa. 12 Imagepath Varchar 100 Foto untuk profile user 13 Inputeddate Datetime - 14 Info Varchar 100 Tanggal Kapan terakhir kali user login Keterangan dari user yang A:Actived atau yang di D:Disactived

52 76 b. Table MsPosition Table 3.9 Table MsPosition No Attribute Tipe Data Panjang Keteranganan 1 Positionid Char 5 2 Positionname Varchar 20 PK: Id dari jabatan FK:Untuk menghubungkan MsUser. dengan 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 Keteranganan 1 Fileid Char 5 PK: Id untuk file yang disimpan atau di-upload. 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.

53 77 5 Proyekkordinatorid Char 5 FK : ID dari proyek kordinator yang bertanggung jawab untuk mengerjkan file proyek. 6 Inputeddate Datetime - Tanggal file di-upload 7 Note Varchar 100 Keterangan di database jika file telah di-delete atau di-edit. 8 Status Char 1 Status dari file. 9 Deadline Datetime - 10 Flag Char 1 11 Pkflag Char 1 12 Pkflagdate Datetime - Batas waktu dari pengerjan file proyek. 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. Tangal dan waktu untuk menmberitahu kapan proyek kordinator mengedit data file proyek. 13 Deadlineflag Char 1 Flag untuk deadline, jika deadline proyek diubah.

54 78 14 Deadlineflagdate Datetime - Tanggal dan waktu dari deadline yang diubah. d. Table MsClient Table 3.11 Table MsClient No Attribute Tipe Data Panjang Keteranganan 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 Varchar 20 dari client. 5 Phone1 Varchar 15 Nomer telpon client. 6 Phone2 Varchar 15 Nomer telpon ke dua dari client(jika ada). 7 Signingdate Datetime - Tanggal kapan client. 8 Status Char 1 9 Note Varchar Inputeddate Datetime - 11 Info Varchar 100 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.

55 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 Inputedid Varchar 5 5 Inputeddate Datetime - 6 Note Varchar 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 : Rancangan Layar Login Gambar 3.57 Rancangan layar login

56 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 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 user.

57 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.

58 Rancangan Menu Yang Terdapat Pada Sistem Gambar 3.60 Rancangan menu untuk admin Gambar 3.61 Rancangan menu untuk user

59 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 Rancangan Layar Manage File Gambar 3.62 Rancangan layar manage file admin

60 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.

61 85 Gambar 3.64 Rancangan layar manage file user Gambar 3.65 Rancangan layar my project untuk user

62 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.

63 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..

64 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 Gambar 3.69 Rancangan layar manage client untuk user

65 89 Jika user memilih menu client maka akan muncul halaman seperti pada gambar Gambar 3.70 Rancangan layar manage client add client Gambar 3.71 Rancangan layar manage client edit client

66 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.

67 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

68 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.

69 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.

70 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

71 95 Jika admin ingin mengubah file laporan., maka admin akan di tampilkan halaman seperti pada gambar 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, , contac number, alamat, dan tanggal lahir. Selain itu user atau admin juga dapat mengganti password serta profile picture.