123 • View Anno uncem ent
Gambar 3.77 Sequence diagram View Announcement Pada
sequence view announcement,
Announcement yan g akan
men gam bil
user mengakses data
dari
View
Announcem ent
ber dasarkan gr up_id dan menam pilkannya pada Announcem ent UI. Untuk menam pilkan detil dari sebuah announcement, u ser men gak ses View Announcem ent Detail yang ak an m engam bil data detil sebuah announcement
dar i
Announcement
ber dasarkan
ann_id
(ID
announcement yang ingin dilihat secar a detil) dan menam pilkanny a pada Announcement Detail UI. Sequence ini ber laku untuk sem ua u ser.
124
• Post Announcement
Gambar 3.78 Sequence diagram Post Announ cement Pada
sequence
post
announcement,
user
mengakses
Post
Announcement yang akan menampilkan Post Announcement UI yang m erupakan fo rm post announcement. Setelah m en gisi form tersebut, data akan dim asukkan ke dalam Announcement dan k emudian akan m enampilkan Announcement UI. Sequence ini berlak u untuk semua user.
125 • Edit Anno uncement
Gambar 3.79 Sequence diagram Edit Announcement Pada sequence edit announcem ent, user terlebih dah ulu men gak ses View Announ cem ent unt uk menam pilkan seluruh announcement yang ada. Kemudian m emilih announcement yan g in gin m engakses
Edit
Announcem ent
yang
ak an
di-edit dan
m enampilkan
Edit
Announcement UI y an g m erup akan form edit announcement. Setelah m engisi fo rm tersebut, data akan dimasukkan ke dalam Announcem ent dan k em udian akan m enampilkan Announcement UI. Sequen ce in i ber lak u untuk sem ua user.
126 • View Com ment
Gambar 3.80 Sequence diagram View Comm ent Pada sequen ce view comment, user mengakses View Announcem ent yang akan m engam bil data dar i Announcem ent ber dasarkan gr up_ id dan m enampilkannya pada Announcement UI. Unt uk m enampilkan detil dar i sebuah announcement, u ser men gak ses View Announ cement Deta il y ang akan mengam bil data detil sebuah announcement dari Announcem ent ber dasarkan ann_ id (ID announcem ent yang ingin dilih at secara detil) dan
menam pilk annya
pada
Announcement
Detail
UI.
Pada
Announcement Detail UI u ser bar u dapat m engakses View Comm ent yang akan m engam bil data dar i Com ment berdasarkan announcem ent yang dipilih dan m enampilkanny a pada Comm ent UI. Sequen ce in i ber lak u untuk sem ua user.
127 • Post Comm ent
Gambar 3.81 Sequence diagram Post Comm ent Pada sequen ce post comm ent, user m engakses Post Comm ent dan sistem akan menampilkan Post Com ment UI yang mer upakan fo rm post comm ent. Setelah m en gisi fo rm tersebut, data akan dimasukkan ke Comm ent dan kem udian menampilkan Comment UI. Sequen ce in i ber lak u untuk sem ua user.
128 •
Delete Comm ent
Gambar 3.82 Sequence diagram Delete Comment Pada
sequ ence
delete
Announcement yan g akan
comm ent, men gam bil
user data
men gak ses dari
View
Announcem ent
ber dasarkan gr up_id dan menam pilkannya pada Announcem ent UI. Setelah u ser m engakses View Announcem ent Detail, sistem akan m enampilkan Announcement Deta il UI. Pada Announcem ent Detail UI user bar u dapat mengak ses View Comment yang akan m en gambil data dar i
Comm ent
berdasarkan
announcement
yang
dipilih
dan
m enampilkannya pada Com ment UI. Kem udian user memilih comm ent yang ingin dihap us dan men gak ses Delete Comment, data dari comm ent yang terpilih tidak akan dihap us dari databa se tetapi hanya ak an diupdate sehin gga tidak akan ditampilkan lagi. Sequ ence ini ber lak u untuk semua user.
129 • View Mail
Gambar 3.83 Sequen ce diag ram View Mail Pada sequen ce view m ail, user m engak ses View Mail yan g akan m engambil data dari Mail dan DetailMail ber dasarkan gr up_id dan m enampilkannya pada Mail UI. Untuk m enampilkan detil dari sebuah m ail, user mengakses View Mail Detail yang akan mengambil data detil sebuah m ail dari Mail berdasarkan mail_id (I D m ail yang ingin dilihat secara detil) dan menam pilkannya pada Mail Detail UI. S equence in i ber lak u untuk sem ua user.
130
• Send Mail Send Mail 1
Mail UI
User
Send Mail 1 UI
Mail
DetailMail
Send Mail 1() InsertMail()
InsertDetailMail()
getDetailMail(mail_id) result() result()
Send Mail 2
Mail UI
User
Send Mail 2 UI
Mail
DetailMail
Send Mail 2() getDetailMail(dtlmail_id) result() InsertMail()
InsertDetailMail()
getDetailMail(dtlmail_id) result() result()
Gam bar 3.84 Sequence diag ram Send Mail
131 Pada sequen ce send m ail 1 (compose mail), user m engakses Send Mail 1 yang akan m enampilkan S end Mail UI y an g m erupak an fo rm send mail. Setelah mengisi fo rm tersebut, data ak an dimasukkan ke dalam Mail dan DetailMail , kemudian menam pilkan Mail UI. S equence ini berlak u untuk sem ua user. Pada Sequen ce send mail 2 ( reply, reply all, forward), u ser m engakses Send Mail 2 yang akan mengambil data dari Deta ilMail dan m enampilkannya di Send Mail UI yang merup akan fo rm send m ail. Setelah m engisi form tersebut, data akan dimasukkan ke dalam Mail dan DetailMail , kem udian menam pilkan Mail UI. Sequence ini berlaku untuk sem ua u ser.
•
Delete Mail
Mail UI User
Mail
DetailMail
VIew Mail(grup_id) getMail(grup_id) getDetailMail(dtlmail_id) result() result() Delete Mail(mail_id) updateMail(mail_id) getMail(grup_id) result()
Gambar 3.85 Sequence diagram Delete Mail Pada sequence delete m ail, user m en gak ses View Ma il yan g akan m engambil data dar i Mail dan DetailMail dan m enampilkannya pada Mail UI. Kemudian user m emilih Mail yan g in gin dihap us dan
132 m engakses Delete Mail, data dari Mail yan g terpilih tidak akan dihapus dar i database tetapi hanya akan di-update sehingga tidak akan ditam pilkan lagi. Sequence ini berlak u unt uk semua user.
•
Sort Mail
Gambar 3.86 Sequence diagram Sort Mail Pada sequence sort m ail, user m en gakses View Mail yan g akan m engambil data dari Mail dan DetailMail ber dasarkan gr up_id dan m enampilkannya pada Ma il UI diurutkan ber dasark an tipe so rt y ang dip ilih (so rt by sender atau receiver,subject,date,p rio rity). S equence in i ber lak u untuk sem ua user.
133 • Em pty Tra sh
Gambar 3.87 Sequence diagram Empty Trash Pada sequ ence empty tra sh, user m engakses Empty Trash yan g akan m enghap us semua trash dari Ma il berdasarkan gr up_id. Trash tidak akan dih ap us dari databa se melainkan h anya di-update saja agar tidak ditam pilkan lagi. Sequence ini berlak u unt uk semua user.
134 • View To-do List
To-do List UI
User
To-do List
View To-do List(grup_id) getTo-doList(grup_id) result()
Gambar 3.88 Sequence diagram View To-do List Pada sequence view to-do list, u ser mengakses View To-do List yang akan m en gam bil data dari To-do List ber dasarkan gr up_id dan m enampilkannya pada To-do List UI. Sequ ence in i berlak u untuk semua user.
135 •
Create To-do List
Gambar 3.89 Sequence diagram Create To-do List Pada sequence create to-do list, u ser mengakses Create To-do List dan sistem akan menam pilkan Create To-do List UI yang mer upakan form create to-do list. Setelah men gisi fo rm tersebut, data akan dimasukkan ke To-do List dan kem udian menam pilk an To-do List UI. Sequence ini ber laku untuk sem ua u ser.
136 • Edit To-do List
Gambar 3.90 Sequence diagram Edit To-do List Pada sequence edit to-do list, u ser terlebih dahulu m engakses View To-do List untuk menam pilkan seluruh to-do list yan g ada. Kemudian m emilih to-do list yan g ingin di- edit dan m engakses Edit To-do List y ang akan menampilkan Edit To-do List UI yan g m erup akan form edit to-do list. Setelah m en gisi form tersebut, data akan dim asukkan ke dalam Todo List dan kem udian akan menam pilkan To-do List UI. Sequence in i ber lak u untuk sem ua user.
137 •
Mark To-do List
Gambar 3.91 Sequence diagram Mark To-do List Pada sequ ence m ark to-do list, user terlebih dahulu m engakses View To-do List untuk menam pilkan seluruh to-do list yan g ada. Kemudian m emilih to-do list y an g in gin di-mark dan data dari to-do list y ang terpilih akan di-upda te pada database. Setelah it u sistem akan m enampilkan kembali selur uh to-do list yang ada. Sequen ce ini berlaku untuk sem ua u ser.
138 • Delete To-do List
Gambar 3.92 Sequence diagram Delete To-do List Pada sequence delete to-do list, user terlebih dah ulu men gak ses View To-do List untuk m enampilkan selur uh to-do list yan g ada. Kemudian m emilih to-do list yan g ingin dihapus, data dar i to-do list yang terpilih tidak akan dihap us dari da tabase melainkan hanya diupdate sehin gga tidak ditam pilkan lagi. Setelah itu sistem akan m enampilkan kembali To-do List UI. Sequence ini ber lak u untuk semua user.
139 • View SO P
Gambar 3.93 Sequence diagram View SOP
Pada sequen ce view SOP, user m en gak ses View SOP yan g akan m engambil data dari SOP ber dasarkan grup_id dan m enampilkannya pada SOP UI. Untuk menam pilkan detil dar i sebuah SOP, user m engakses View SOP Detail y an g akan men gam bil data detil sebuah SOP dar i SOP(class) dan SOPList ber dasark an SOP _id (ID SOP y ang ingin dilih at secara detil) dan menam pilkannya pada SOP Detail UI. Sequence ini hany a berlaku untuk superviso r dan g roup leader.
140 •
Insert SO P
If(invalid
else
Gambar 3.94 Sequence diagram Insert SOP Pada sequen ce insert SOP, user akan mengak ses Insert SOP yang akan menam pilkan Create SOP UI y ang mer upakan fo rm creat SOP. Data yan g dimasukkan pada form ini akan div alidasi pada SOP(cla ss). Jika description yan g dimasukkan telah terdapat pada SOP( class) m aka sistem akan m enampilkan pesan error dan menam pilkan kem bali Create SOP UI. Jika descrip tion yang dim asukkan belum terdapat pada SOP(class) m aka data akan dimasukkan k edalam SOP(class) dan juga SOPList kem udian m enampilkan kembali SOP UI. Sequence ini hanya ber lak u untuk superviso r dan group leader.
141
• Edit SO P
If(invalid
else
Gambar 3.95 Sequence diagram Edit SOP Pada sequen ce edit SOP, user akan m engakses Edit SOP yan g akan m enampilkan Edit SOP UI yan g m erupak an form edit SOP. Data y ang dimasukkan pada form ini akan divalidasi pada SOP(class). Jika description yan g dimasukkan telah terdapat pada SOP(class) m aka sistem akan menam pilkan pesan error dan m enampilkan kem bali Edit SOP UI. Jika descrip tion yang dim asukkan belum terdapat pada SOP(class) m aka data akan dimasukkan k edalam SOP(class) dan juga SOPList kem udian m enampilkan kembali SOP UI. Sequence ini hanya ber lak u untuk superviso r dan group leader.
142 •
Delete SO P
Gambar 3.96 Sequence diagram Delete SOP Pada sequence delete SOP, user terlebih dahulu mengak ses ViewSOP untuk m enampilkan selur uh SOP yan g ada. Kemudian m emilih SOP yan g in gin dihap us, data dari SOP yang terpilih tidak ak an dih ap us dari database m elainkan hanya di-update sehin gga tidak ditam pilkan lagi. Setelah it u sistem akan m enampilkan kembali SOP UI. Sequence ini hany a berlaku untuk superviso r dan g roup leader.
143 •
View Task
Gambar 3.97 Sequence diagram View Ta sk Pada sequen ce view ta sk, user m engakses View Ta sk yan g akan m engambil data dari Ta sk
ber dasark an grup_id dan m enampilkannya
pada Ta sk UI. Unt uk m enampilkan detil dari sebuah Task, u ser m engakses View Ta sk Deta il yan g ak an mengam bil data detil sebuah SOP dar i Task, Staff, Tasklist berdasarkan tssk _id (I D Ta sk yan g in gin dilihat secara detil) dan menampilkannya pada Task Deta il UI. S equence ini berlak u untuk sem ua user.
144 • Create Ta sk
Gambar 3.98 Sequence diagram Create Task Pada sequen ce create ta sk, user m engakses Create Task dan sistem akan menam pilkan Create Task UI yan g merupak an form create ta sk , form ini akan mengam bil data dari SOP (u ser dapat m em ilih SOP m ana yang ingin digunakan unt uk task yan g akan dibuat tersebut). Setelah m engisi form tersebut, data akan dimasukk an ke Ta sk, Staff, dan Tasklist (m engam bil data dari SOPList ber dasarkan SOP yang dipilih) kemudian m enampilkan Ta sk UI. Sequ ence ini hanya ber lak u unt uk supervisor dan group lead er.
145 • Edit Ta sk
Gambar 3.99 Sequence diagram Edit Ta sk Pada sequen ce edit task, u ser m engak ses Edit Task dan sistem akan m enampilkan Edit Task UI yan g mer upakan form edit task , fo rm ini akan men gam bil data dari SOP (u ser dap at mem ilih SOP mana y ang ingin digunak an untuk task yan g akan dibuat tersebut). Setelah mengisi form tersebut, data akan dim asukkan ke Task, Staff, dan Tasklist (m engam bil data dari SOPList ber dasarkan SOP yang dipilih) kemudian m enampilkan Ta sk UI. Sequ ence ini hanya ber lak u unt uk supervisor dan group lead er.
146 • Delete Task
Gambar 3.100 Sequen ce diag ram Delete Task Pada sequen ce delete task, u ser terlebih dah ulu m engakses View Task untuk m enampilkan selur uh ta sk yang ada. Kemudian m emilih task yang ingin dihap us, data dar i ta sk y an g terpilih tidak akan dihap us dar i database melainkan hanya di-update sehingga tidak ditampilkan lagi. Setelah it u sistem akan menam pilkan kembali Task UI. Sequ ence in i hanya berlak u untuk supervisor dan group lead er.
147 • View Repo rt
Gambar 3.101 Sequen ce diag ram View Repo rt Pada sequen ce view report, user m engakses View Report yan g akan m engambil data dar i Report dan Ta sk ( unt uk m engambil subject dari task yang
repo rt-ny a
telah
dikirim)
ber dasarkan
grup_id
dan
m enampilkannya pada Repo rt UI. Sequence ini hanya berlak u untuk superviso r dan g roup leader.
148 • Send Repo rt
Gambar 3.102 Sequen ce diag ram Send Report Pada sequence send repo rt, user m engakses Send Report dan sistem akan menampilkan S end Report UI yan g m er upakan form send repo rt . Setelah m en gisi fo rm tersebut, data akan dim asukkan Repo rt dan kemudian menam pilkan Report UI. Sequence ini hanya ber lak u untuk Staff.
149 •
Do wnload Report
Gambar 3.103 Sequen ce diag ram Down load Report Pada
sequen ce
download
repo rt,
u ser
mengak ses
Do wnloadFileReport dan sistem akan m em berikan do wnload access kepada user yan g akan secara otomatis m elakukan download pada file report yan g diin gink an. Sequen ce in i hanya berlak u unt uk sup ervisor dan group lead er.
150 • Delete Report
Gambar 3.104 Sequen ce diag ram Delete Report Pada sequence delete repo rt, u ser terlebih dahulu m engakses View Report unt uk menam pilkan selur uh report yan g ada. Kem udian m em ilih report yang ingin dihap us, data dari report yan g terpilih tidak akan dih ap us dari database
melainkan hany a di-update sehingga tidak ditampilkan lagi. Setelah itu system akan menam pilkan k em bali report UI. Sequ ence in i hanya ber lak u untuk superviso r dan group leader.
151 • Create Gro up
If(invalid
else
Gambar 3.105 Sequen ce diag ram Create Group Pada sequen ce crea te group, user m engakses Crea te Group dan sistem akan m enampilkan Create Group UI yan g m er upak an form create group. Setelah men gisi fo rm tersebut, data yang dim asukkan akan div alidasi pada Detail Group. Jika group nam e yang dim asukkan telah terdapat pada databa se m aka sistem akan m enampilkan pesan erro r pada Create Group UI. Jika group nam e yan g dimasukkan belum terdapat pada databa se m aka data akan dim asukkan ke dalam Detail Group dan Group kemudian sistem akan menampilkan pesan sukses pada Create Group UI. Sequence ini hany a berlaku untuk superviso r dan admin.
152 •
Delete Group
Fun gs ion a l Gro up UI
Sup er viso r
Ta sk
Gro up
De ta il Grou p
Vi ew Grou p(u sr_ id ) c ekGro up (u sr_i d) ge tDe tail Grou p (grp _i d) re su lt() D e lete Gr ou p() cekTa sk(g rup _i d)
If(invalid erro r me ssag e
else
u pd ate Grou p()
U pd ateD e ta il Grou p()
Stru ctura l Gr ou p UI
Ad mi n
Grou p
De tai lGro up
V ie w Gro up (usr _id ) ce kGrou p( usr_ id ) g etD eta ilGro up (g rp_ id ) resu lt() De le te Grou p () cek Grou p(g rp _id )
If(invalid) er ror me ssa ge
else up da teGro up () U pd ate De tai lGro up ()
Gambar 3.106 Sequen ce diag ram Delete Group
153 Pada
sequ ence d elete g roup fun gsional (sup ervisor), u ser
m engakses View Group terlebih dah ulu yan g m en gam bil data dari Group dan Deta il Group dan m enampilkannya pada Group UI. Pada Group UI ini user m em ilih group yan g in gin dihap us dan mengakses Delete Group fun gsional. Group yang ingin dihap us akan divalidasi pada Task apak ah terdapat task yan g belum diselesaik an untuk grup tersebut. Jika m asih ada m aka sistem akan menampilkan pesan error pada Group UI. Jika tidak ada maka sistem akan meng-update grup tersebut sehin gga di nonaktifkan. Sequence ini h anya ber lak u untuk supervisor dan admin. Pada sequence delete group struktural (adm in), u ser men gak ses View Group terlebih dah ulu yan g m engambil data dari Group dan Detail Group dan m enampilkanny a pada Group UI. Pada Group UI ini u ser m emilih gr up yan g in gin dihap us dan m en gakses Delete Group struktural. Gr up yan g in gin dihapus akan divalidasi pada Group apak ah terdapat user yan g belum dikeluarkan dari grup tersebut. Jika masih ada m aka sistem akan m enampilkan pesan error pada Group UI. Jika tidak ada m aka sistem akan meng-update grup tersebut sehingga di nonaktifkan. Sequence ini h anya ber lak u untuk supervisor dan admin.
154 • Add Member
Gambar 3.107 Sequen ce diag ram Add Member Pada sequence add member, user m engakses Add Member yang akan menampilkan Add Mem ber UI. Pada Add Member UI menam pilkan daftar sem ua user yang belum tergabung pada gr up yan g sedan g aktif (validasi dilak ukan p ada Group sebelum ditam pilkan). Setelah m em ilih user yan g akan diundan g ke dalam grup, data ak an dimasukkan ke Group. S equence ini hanya ber laku untuk g roup leader.
155 • Remove Member
Gambar 3.108 Sequen ce diag ram Remove Mem ber Pada sequence rem ove member, user mengak ses Remove Mem ber. Sistem akan menam pilkan daftar m em ber dar i gr up yan g sedan g aktif dan k emudian u ser memilih m ember yang in gin dik eluarkan. Mem ber yang terpilih datanya akan di-update pada Group sehin gga tidak dapat m engakses gr up ter sebut. Sequen ce ini hanya ber lak u untuk g roup leader.
156 • View Invitation
Gambar 3.109 Sequen ce diag ram View Invitation Pada sequen ce view invitation, user mengakses View Invitation yang m engambil data dari Group (jabatan yang ditawark an) dan Detail Group (nama gr up yan g mengundang). Kemudian m enampilkan Invitation UI. Sequence ini hany a berlaku untuk staff dan supervisor.
157 • Respo nse Invitation
Gambar 3.110 Sequen ce diag ram Respon se Invitation Pada sequ ence view invitation, user mengakses View Invitation yang m engambil data dari Group (jabatan yang ditawark an) dan Detail Group (nama gr up yan g mengundang). Kemudian m enampilkan Invitation UI. User men gak ses Choose Invitation yan g akan m elak ukan upda te pada Group. S equence ini hanya ber laku untuk staff dan supervisor.
158 •
Create Acc
If(invalid)
else
Gambar 3.111 Sequence diagram Create Acc Pada sequen ce create acc, user m engakses Create Acc dan sistem akan menampilkan Create Acc UI y an g m erupakan form crea te group . Setelah m en gisi form tersebut, data yang dim asukkan akan div alidasi pada Account. Jika username yang dim asukkan telah ter dap at pada database maka sistem akan menam pilkan pesan error pada Create Acc UI. Jika u sernam e yang dim asukkan belum terdap at pada databa se m aka data akan dimasukkan k e dalam Account kem udian sistem akan m enampilkan pesan suk ses pada Crea te Acc UI. S equence ini hanya ber lak u untuk admin.
159 • Edit Acc
Gambar 3.112 Sequen ce diag ram Edit Acc Pada sequen ce edit acc, user m engak ses Edit Acc yan g akan m enampilkan Search UI, user m em asukkan keyword. Sistem akan m engambil data dari Account ber dasarkan keywo rd yan g dimasukk an. Jika tidak ter dapat u sernam e yang sesuai den gan keyword m aka sistem akan menam pilkan error messag e. Jika ada usernam e yang sesuai dengan keywo rd maka sistem akan menam pilk an daftar u sernam e yang m emenuhi kriteria keyword pada Ed it Acc UI yan g m erupakan form edit acc. Setelah mengisi form data akan div alidasi pada Group, jika jabatan yang dim asukkan adalah sup ervisor dan ternyata pada grup ter sebut telah ada seor ang supervisor maka sistem akan menam pilkan error m essage pada Edit Acc UI. Jik a data yan g dimasukkan valid (tidak ter bentur
160 m asalah supervisor) maka data user ak an di-update pada Account dan m enampilkan pesan suk ses. Sequ ence ini hany a berlak u untuk adm in.
• Delete Acc
If(invalid else
If(invalid
else
Gambar 3.113 Sequen ce diag ram Delete Acc Pada sequence delete a cc, user m engakses Delete Acc yan g akan m enampilkan Search UI, user m em asukkan keyword. Sistem akan m engambil data dari Account ber dasarkankeywo rd yan g dimasukk an. Jika tidak ter dapat u sernam e yang sesuai den gan keyword m aka sistem akan menam pilkan error messag e. Jika ada usernam e yang sesuai dengan keywo rd maka sistem akan menam pilk an daftar u sernam e yang m emenuhi kriteria keywo rd pada Account UI. Pada Account UI ini u ser m emilih acc yan g in gin dihap us dan men gak ses Delete Account. Acc
161 yang ingin dihap us akan div alidasi pada Ta sk apakah ter dapat task yang belum diselesaikan untuk Acc tersebut sebagai PI C. Jik a m asih ada m aka sistem akan menampilkan pesan error pada Account UI. Jika tidak ada m aka sistem akan meng-update accoun t tersebut sehingga di nonaktifkan. Sequence ini h anya ber lak u untuk adm in.
• View Req uest
Gambar 3.114 Sequen ce diag ram View Requ est Pada sequence view request, u ser mengakses View Request yang akan mengam bil data dari Requ est dan m enampilkannya pada Requ est UI. Sequence in i hanya berlaku unt uk adm in dan superviso r.
162 • Send Req uest
Gambar 3.115 Sequen ce diag ram Send Request Pada sequence send requ est, user m en gakses Send Request dan sistem akan menampilkan Send Request UI y ang mer upakan fo rm send request. Setelah mengisi form tersebut, data akan dimasukkan ke Requ est dan kem udian m enampilkan Request UI. Sequen ce ini hanya berlaku untuk supervisor.
163 • Mark Request
Gambar 3.116 Sequen ce diag ram Mark Requ est Pada sequence mark requ est, u ser terlebih dah ulu men gak ses ViewRequest untuk menampilkan selur uh Request yan g ada. Kemudian m emilih Request yan g in gin di-mark dan data dar i request yang terpilih akan di-update pada da tabase. Setelah itu sistem akan m enampilkan kembali selur uh request yang ada. Sequence ini hanya berlak u untuk admin.
164 • Logout
Accoun t
User
Lo gout(usr_id)
de stroy session
Gambar 3.117 Sequen ce diag ram Logout
Pada sequence logout, user m engakses Logou t yan g men ghapus selur uh session dan keluar dari aplikasi. Sequence ini berlak u unt uk semua user.
165 3.5.3 Perancangan Class Diagram
Gambar 3.118 Class diagram
166 3.5.4.1 Perancangan Database •
Ta bel Ann Tabel ini berf ungsi untuk menyimpan sem ua Announcement yang telah dibuat oleh user. Tabel ini ter dir i dari data berik ut : Tabel 3.49 Deskripsi tabel Ann Column Nam e
Data Type
Null
Information
Ann_id
Int
No
Prim ary Key
Ann_subject
Varchar(100)
No
Ann_priority
Int
No
Ann_content
Varchar(500)
No
Ann_ date
Date
No
Ann_ updatedate
Date
No
Ann_exp date
Date
No
Ann_evn date
Date
No
Gr up_id
Int
No
Foreign Key
167 •
Ta bel Comment Tabel ini berf ungsi untuk menyimpan sem ua comm ent yang dibuat oleh user untuk sebuah announ cement. Tabel ini ter diri dari data berik ut : Tabel 3.50 Deskrip si tabel Com ment
Column Name
Data Type
Null
Inform ation
Com_id
Int
No
Prim ary Key
Ann_id
Int
No
Foreign Key
Com_content
Varch ar(255)
No
Com _date
Date
No
Com _flag
Int
No
Gr up_id
Int
No
•
Foreign Key
Ta bel Detail Group Tabel ini berf ungsi untuk menyimpan data sebuah grup. Tabel ini terdiri dar i data berik ut : Tabel 3.51 Deskrip si tabel Detail Gro up Colum n Nam e
Data Type
Null
Inform ation
Grp_id
Int
No
Prim ary Key
Grp_name
Varch ar(25)
No
Grp_lvl
Int
No
Grp_flag
Int
No
Usr_ id
Int
No
Foreign Key
168 •
Ta bel Detail Mail Tabel ini berf ungsi untuk menyimpan detil dari sebuah mail. Tabel ini terdiri dari data berik ut : Tabel 3.52 Deskripsi tabel Detail Mail
Column Nam e
Data Type
Null
Inform ation
Dtlmail_id
Int
No
Primary Key
Dtlmail_subject
Varch ar(100)
No
Dtlmail_priority
Int
No
Dtlmail_content
Varchar(1000)
No
Dtlm ail_ date
Date
No
Dtlm ail_attach
Varch ar(250)
No
•
Ta bel Group Tabel ini berf ungsi untuk menyimpan data setiap u ser yan g ter dap at pada sebuah gr up. Tabel ini ter dir i dari data berik ut : Tabel 3.53 Deskripsi tabel Gr up
Colum nName
Data Type
Null
Inform ation
Gr up_id
Int
No
Primary key
Grp_id
Int
No
Foreign key
Usr_id
Int
No
Foreign key
Grup_rank
Int
No
Gr up_flag
Int
No
169 •
Ta bel Mail Tabel ini berf ungsi untuk menyimpan sem ua m ail yan g dikirim kan user. Tabel ini terdiri dari data ber ikut : Tabel 3.54 Deskripsi tabel Mail Column Nam e
Data Type
Null
Inform ation
Mail_id
Int
No
Primary key
Receiv er_id
Int
No
Foreign Key
Sen der_id
Int
No
Foreign Key
Dtlmail_id
Int
No
Foreign Key
Mail_status
Int
No
Mail_ updatedate
Date
No
•
Ta bel Report Tabel ini berf ungsi untuk menyimpan repo rt dari sebuah task apabila telah selesai dikerjakan. Tabel ini ter diri dari data berik ut : Tabel 3.55 Deskrip si tabel Report Data Type
Null
Inform ation
Rpt_id
Int
No
Primary key
Tsk_id
Int
No
Foreign key
Rpt_desc
Varch ar(100)
No
Rpt_file
Varch ar(50)
No
Rpt_flag
Int
No
Rpt_date
Date
No
Gr up_id
Int
No
Column Name
Foreign key
170
•
Ta bel Request Tabel ini berf ungsi untuk menyimpan requ est yang dik irim kan oleh superviso r kepada Admin. Tabel ini ter diri dari data ber ik ut : Tabel 3.56 Deskrip si tabel Request
Colum n Nam e
Data Type
Null
Inform ation
Req_ id
Int
No
Primary key
Req_f lag
Int
No
Req_status
Varch ar(50)
No
Req_desc
Varch ar(50)
No
Req_date
Date
No
Req_ updatedate
Date
No
Gr up_id
int
No
•
Foreign k ey
Ta bel SO P Tabel ini bef ungsi unt uk menyim pan SOP yang telah di insert oleh superviso r atau group leader. Tabel ini ter diri dari data ber ikut : Tabel 3.57 Deskripsi tabel SOP
Colum n Nam e
Data Type
Null
Inform ation
Sop_id
Int
No
Primary key
Sop_desc
Varch ar(50)
No
Sop_date
Date
No
Sop_ updatedate
Date
No
Sop_flag
Int
No
Gr up_id
Int
No
Foreign k ey
171 •
Tabel Soplist Tabel ini ter diri dari daftar SOP dari semua SOP yan g telah dibuat oleh supervisor atau group leader. Tabel ini ter diri dari data berik ut : Column Name
Data Type
Null
Inform ation
Slist_id
Int
No
Primary Key
Slist_desc
Varch ar(50)
No
Slist_dur ation
Int
No
Slist_date
Date
No
Slist_updatedate
Date
No
Sop_id
Int
No
Slist_status
Int
No
Foreign Key
Tabel 3.58 Deskrip si tabel Sop list
•
Ta bel Staff Tabel staff menyimpan data dari PI C dan staff dari sebuah task. Tabel ini terdiri dari data berik ut : Tabel 3.59 Deskripsi tabel Staff Colum n Nam e
Data Type
Null
Inform ation
Stf_id
Int
No
Primary Key
Tsk_id
Int
No
Foreign Key
Gr up_id
Int
No
Foreign Key
Stf_flag
Int
No
Stf_date
Date
No
Stf_up datedate
Date
No
172 •
Ta bel Status Tabel status m enyimpan status dari setiap u ser dan user yan g m en gganti status tertentu ak an tersim pan dalam tabel ini. Tabel ini ter dir i dari data ber ikut : Tabel 3.60 Deskrip si tabel Status
Column Name
Dat a Type
Null
Information
Sts_i d
Int
No
Primary Key
Usr_i d
Int
No
Forei gn Key
Sts_desc
Varchar(50)
No
Sts_edit or
Int
No
Sts_updat edat e
dat e
No
•
Ta bel Task Tabel ini berf ungsi untuk menyimpan data sem ua ta sk y an g dibuat oleh user. Tabel in i terdiri dar i data berik ut : Tabel 3.61 Deskripsi tabel Task
Colum n Nam e
Data Type
Null
Information
Tsk_i d
Int
No
Primary key
Tsk_subj ect
Varchar(50)
No
Sop_id
Int
No
Tsk_dat eline
Dat e
No
Tsk_dat e
Dat e
No
Tsk_fl ag
Int
No
Tsk_edit
Int
No
Tsk_updat edat e
Dat e
No
Grup_i d
Int
No
Forei gn Key
Forei gn key
173 •
Ta bel Tasklist Tabel ini berf ungsi untuk menyimpan sem ua ta sklist yang ter dapat pada sebuah task. Tabel in i terdiri dar i data berik ut : Tabel 3.62 Deskrip si tabel Tasklist Column Name
Data Type
Null
Inform ation
Tsklist_id
Int
No
Primary key
Tsk_id
Int
No
Foreign k ey
Tsklist_content
Varchar(50)
No
Tsklist_ duration
Int
No
Tsklist_flag
Int
No
Tsklist_up datedate
Date
No
Tsklist_status
Int
No
•
Ta bel Tdl Tabel ini berf ungsi untuk menyimpan sem ua data to-do list yan g dibuat oleh user. Tabel ini terdir i dari data berik ut : Tabel 3.63 Deskripsi tabel Tdl Colum n Nam e
Data Type
Null
Inform ation
Tdl_id
Int
No
Primary key
Tdl_subject
Varchar(150)
No
Tdl_date
Date
No
Tdl_status
Int
No
Tdl_updatedate
Date
No
Gr up_id
Int
No
Foreign k ey
174 •
Ta bel Usr Tabel ini berf ungsi untuk menyimpan sem ua data account u ser dan untuk mengin dentifikasi user saat login. Tabel ini terdiri dar i data berikut : Tabel 3.64 Deskripsi tabel Usr
Colum n Nam e
Data Type
Null
Inform ation
Usr_ id
Int
No
Primary key
Usr_f lag
Int
No
Usr_n ame
Varch ar(25)
No
Usr_f ullnam e
Varch ar(50)
No
Usr_ jabatan
Varch ar(50)
No
Usr_p ass
Varch ar(15)
No
Usr_ko de
Varch ar(15)
No
Usr_temp
Int
No
Usr_ status
Int
No
Usr_updatedate
Date
No
175 3.5.5 Perancangan Layar 3.5.5.1 Perancangan Layar Form Lo gin
Gambar 3.119 Perancan gan layar Fo rm Login Layar Login terdap at pada saat pertam a kali user menjalankan aplikasi, user m engisi usernam e dan passwo rd dan kem udian subm it untuk m asuk ke halaman home. Pada lay ar ini juga terdapat forget pass untuk m em peroleh passwo rd bar u apabila user lupa password-nya.
3.5.5.2 Perancangan Layar Forget Pass
Gambar 3.120 Perancan gan layar Fo rm Forget Pass Pada layar Forg et pa ss juga ter dapat dua field yaitu username dan private cod e, apabila private cod e yang dim asukkan sudah benar maka u ser
176 akan m em peroleh pa sswo rd bar u. Juga terdapat tombol Back untuk k em bali ke halaman Login.
3.5.5.3 Perancangan Layar H ome
Gambar 3.121 Perancangan layar Home Layar ini merup akan tampilan dari ap likasi ini setelah login untuk u ser. Pada layar in i user dapat m elihat summ ary atau ringkasan announcem ent, Comm ent, Task, Repo rt, Mail, dan To-do List terbaru. Ap abila ada In vita tion untuk u ser maka akan m uncul notice invitation di bagian kiri bawah layar tepatnya dibawah bo x status dibawah bo x statu s dan in vita tion juga terdapat due date dari task yang diberikan k epada u ser sebagai PI C dan To-do List milik user pada tanggal y ang sam a pada har i it u . Pada layar ini juga terdapat tom bol Group, user dapat m emilih halaman dari gr up mana y ang in gin u ser tam pilkan, juga terdapat sebuat button di bagian kanan tom bol gr up yang
177 berf un gsi unt uk m em buka halam an manage group. Box statu s yan g terdapat pada sebelah k iri layar berfun gsi untuk m elihat statu s keberadaan rek an kerja yang lain baik yan g onlin e m aup un yan g offline, user dapat merubah status sem ua user lain p ada daftar sta tus ter sebut den gan melakukan klik p ada username yang tertera pada box ter sebut, term asuk statu s u ser sen dir i. Di bagian kiri lay ar juga ter dapat ca lender, yan g akan menan dai tanggal-tanggal yang m em iliki event date (announcement). User juga dapat m enekan tom bol disamping Group untuk masuk k e halam an Manage Group. Tom bol change pass berf ungsi untuk mengganti pa ssword dan tombol logout ter dapat di sebelah kir i atas layar.
3.5.5.4 Perancangan Layar Event da te
Gambar 3.122 Perancan gan layar Event da te
178 Layar in i m erup akan tampilan saat user menekan link tan ggal pada calenda r. Layar ini akan m enampilkan announcement yan g berhubun gan den gan user (announcem ent dar i semua gr up yan g berkaitan dengan u ser) dan memiliki event date yan g sama den gan tanggal tersebut. User juga dapat melihat announcement secara detil dengan m enekan tombol view detail (hanya announcem ent dar i gr up y an g sedan g aktif yang ak an muncul tom bol view detail).
3.3.5.5 Perancangan Layar View Announcement
Gambar 3.123 Perancan gan layar View Announ cem ent Pada lay ar announcement ini menampilkan announcement yan g diurut ber dasarkan tanggal dibuat. Pada masing-masin g announcement terdapat subject dan view deta il. User dapat m elihat isi dan tanggal announcem ent
179 den gan m elak ukan klik pada view detail. Kem udian juga ter dapat tom bol crea te
untuk m embuat announcement baru. User juga dapat mengubah
announcem ent yan g dibuat oleh user sendiri den gan melak ukan klik p ada edit. Fungsi ed it hany a mun cul pada announcement yang dibuat oleh u ser sen dir i, gunanya adalah untuk m erubah subject, priority atau isi dari announcem ent tersebut. Priority setiap announcement akan ditam pilkan dalam bentuk gam bar yang dibedakan ber dasarkan warna (Mer ah = High, Kunin g = Normal, Hijau = Lo w).
3.3.5.6 Perancangan Layar Create Ann
Gambar 3.124 Perancan gan layar Create Ann Pada lay ar Crea te Ann ini ter dapat em pat field yan g wajib diisi untuk membuat sebuah announcem ent, diantaranya yaitu Subject, Priority, Content,
180 dan Exp date. User dapat mengisi Subject dari announcem ent yan g akan dibuat oleh u ser p ada field Sub ject, m emilih prioritas announcement yang terdiri dari High, Normal dan Low, m en gisi isi announ cem ent pada field content (m aksimum 500 karakter), dan yang terakhir mengisi Expired Date yaitu tanggal kadaluar sa dar i announcem ent tersebut, dimana f ungsiny a untuk tidak m enampilkan lagi announcement secara otom atis pada tanggal tersebut. Kh usus field Even t Date akan secara otomatis ditam pilkan dalam format disable (tidak dapat diisi), untuk m engaktifkannya dapat dilakukan den gan melakukan check pada checkbox disamping field.
3.3.5.7 Perancangan Layar Edit Ann
Gam bar 3.125 Perancan gan layar Edit Ann
181 Pada layar Edit Ann tampilannya sam a dengan layar Create Ann, yang membedakan pada layar ini adalah em pat field tersebut telah terisi sesuai den gan announcem ent yan g in gin di-edit.
3.3.5.8 Perancangan Layar Detail Ann
Gambar 3.126 Perancan gan layar Deta il Ann Pada layar Detail Ann ini u ser dap at melihat isi sebuah announcem ent yang terdir i dari subject, date, po st by (n am a pembuat announcem ent). User dap at melihat sem ua comm ent yang terdap at pada announcement tersebut den gan menekan link com ment.
182 3.3.5.9 Perancangan Layar View Com ment
Gam bar 3.127 Perancangan layar View Comm ent Pada layar View Comm ent ini user dapat m elihat semua isi comm ent dan pen ulis dari sebuah announcement. Fun gsi d elete comment pada layar ini digunakan untuk m en ghap us com ment yang dibuat oleh user it u sen diri.
183 3.3.5.10 Perancangan Layar Post Com ment
Gam bar 3.128 Perancangan layar Po st Comm ent Pada layar ini user dapat m enambah comment untuk sebuah announcem ent, user hany a perlu m en gisi box comm ent dan kemudian disubmit.
184 3.3.5.11 Perancangan Layar Inbox
Gambar 3.129 Perancangan layar Inbox Layar ini m enampilkan semua isi m ailbox, len gk ap dengan sender, subject, date pada setiap m ail terdapat priority dar i masin g-masin g m ail. Untuk menulis m ail dapat dilak ukan dengan m enekan link compose. Untuk menghapus m ail dapat memilih m ail yan g akan dih ap us dan kemudian menekan tombol delete. Pada lay ar ini juga terdapat inbox, outbox dan tra sh. User dapat m elihat selur uh mail yang pern ah user terim a pada inbo x, dan seluruh m ail yan g pern ah dik irim oleh user pada outbox (yang belum dih apus), dan mail yang telah dih ap us u ser pada tra sh (yan g belum dihap us). User juga dapat melakukan sort dengan menekan tombol From (sort by sender), subject ( sort by subject), da te ( so rt by da te) atau p riority ( sort by prio rity).
185 3.3.5.12 Perancangan Layar Com pose Mail
Gam bar 3.130 Perancangan layar Compose Mail Pada layar com pose m ail ini user dapat mengirim pesan kepada user lain. Tetapi har us men gisi em pat field terlebih dah ulu yait u to (tujuan m ail) den gan menekan tom bol list maka user dapat m em ilih kepada user m ana aja pesan akan dikirim, subject (sub ject mail yang akan dikirim ), priority (terdapat 3 priority High, Averag e, Lo w), dan content. User juga dapat melakukan attach file (Maks 10mb) dalam sebuah mail dengan m em ilih attach pada bagian bawah layar dan kemudian di- submit apabila mail telah siap dikirim .
186 3.3.5.13 Perancangan Layar Detail Mail
Gambar 3.131 Perancan gan layar Deta il Mail Pada layar deta il m ail ini user dapat m elihat detil setiap mail yang terdiri dari from (dar i siapa mail tersebut), all receiver (sem ua user yang menerima mail yang sama) date, con tent mail dan attachment. Juga ter dap at 4 pilihan yaitu rep ly, reply all, forwa rd dan d elete. Untuk m elak ukan reply mail dapat dilak ukan dengan menekan tom bol reply, user juga dapat melakukan reply to all den gan menek an tombol reply all, tombol forward untuk melakukan fo rwa rd mail dan delete untuk m en ghap us mail yang sedang aktif.
187 3.3.5.14 Perancangan Layar Reply Mail
Gambar 3.132 Perancan gan layar Reply Ma il Pada lay ar Reply mail in i u ser dap at m elak ukan reply lan gsung kep ada user yang men girimkan m ail ter sebut lan gsung tanpa harus meng-inpu t nama user pada field yang lainnya karna sem ua field telah otomatis terisi sama den gan mail sebelumnya. User dapat m eng-edit isi dari mail tersebut kecuali field To dan kem udian di- submit apabila telah siap dik irim . Field atta chm ent akan ditam pilkan kosong kem bali sama seperti saat com pose m ail.
188 3.3.5.15 Perancangan Layar Forward Mail
Gambar 3.133 Perancangan layar Fo rwa rd Mail Layar Fo rward mail m em iliki fun gsi ham pir sama den gan rep ly m ail tetapi pada layar ini u ser har us memilih terlebih dah ulu kepada siapa m ail tersebut akan dikirim (d efault kosong). Attachm ent yan g sama juga akan secara otomatis tercantum pada layar forwa rd m ail dan tidak dapat diubah.
189 3.3.5.16 Perancangan Layar Reply All
Gam bar 3.134 Perancan gan layar Reply All Pada lay ar Reply mail in i u ser dap at m elak ukan reply lan gsung kep ada user yang mengir imkan mail tersebut dan sem ua u ser yan g menerim a m ail yang sama lan gsung term asuk p engirim tanpa harus m eng-input nam a user pada field yan g lainnya k arna semua field telah otomatis terisi sama den gan mail sebelumnya. User dapat meng-edit isi dar i mail tersebut kecuali field To dan kemudian di-submit apabila telah siap dikirim . Field attachment akan ditampilkan ko son g kem bali sam a sep erti saat compose mail.
190 3.3.5.17 Perancangan Layar Outbox
Gam bar 3.135 Perancangan layar Outbox Pada layar ini, u ser dapat melihat sem ua m ail yan g telah dikirim kan kepada user lain. Untuk mengh ap us m ail dapat memilih m ail yan g akan dih apus dan kem udian m enekan tom bol delete. User juga dap at melakukan sort dengan m enekan tom bol To (sort by receiver), sub ject (sort by subject), date (so rt b y dat) atau priority (sort b y priority).
191 3.3.5.18 Perancangan Layar Trash
Gambar 3.136 Perancangan layar Tra sh Pada lay ar ini ter dapat sem ua m ail yan g sudah dihap us oleh u ser. Terdapat button empty trash yan g berf ungsi untuk mengo son gkan isi tra sh. User juga dap at melakukan sort dengan m enekan tombol sender (sort by sender), subject ( so rt by subject), date (sort by dat) atau priority (sort by prio rity).
192 3.3.5.19 Perancangan Layar View To-do List
Gam bar 3.137 Perancan gan layar View To-do List Layar in i m enampilkan semua to-do list yan g diur ut berdasarkan due date dari setiap subject. Unt uk membuat to-do list bar u, dapat dilakukan den gan m enekan tom bol create. Apabila sebuah to-do list telah selesai dik erjak an dapat di-m ark dan subject dari to-do list tersebut akan tercoret, atau dapat juga lan gsung dih apus den gan menekan tombol d elete.
193 3.3.5.20 Perancangan Layar Create To-do List
Gam bar 3.138 Perancan gan layar Create To-do List Layar create to-do list ter dapat dua field yan g h arus diisi yaitu subject dan du e date k emudian m enekan tom bol submit.
194 3.3.5.21 Perancangan Layar Edit To-do List
Gam bar 3.139 Perancangan layar Ed it To-do List Layar Ed it to-do list ini berf ungsi untuk mengubah subject atau Due date sebuah to-dolist y ang sudah ada.
195 3.3.5.22 Perancangan Layar Create Group
Gambar 3.140 Perancangan layar Create Group Pada lay ar ini hanya dapat diak ses oleh Superviso r. Pada layar ini supervisor dapat membuat grup bar u dan memilih u ser mana yan g in gin dijadik an PIC serta m enentuk an nam a untuk gr up tersebut.
196 3.3.5.23 Perancangan Layar Mana ge Group ( Group Leader)
Gam bar 3.141 Perancangan layar Manage Group Layar ini hanya dapat diak ses oleh g roup leader, lay ar ini akan menam pilkan daftar u ser yan g terdapat pada grup tersebut. Pada layar ini juga terdapat button Add Mem ber dan Rem ove Member. Add Mem ber berf un gsi unt uk menam bah m ember gro up ter sebut sedan gkan Rem ove Member berfun gsi unt uk mengeluark an mem ber dari gr up.
197 3.3.5.24 Perancangan Layar Mana ge Group ( Superviso r)
Gam bar 3.142 Perancangan layar Manage Group (supervisor) Layar ini hanya dap at diak ses oleh supervisor, layar ini menam pilkan list dari sem ua m ember group. Pada layar ini juga ter dapat tom bol Create Group untuk m em buat gr up f un gsional bar u. Delete Group untuk men ghapus gr up f ungsional yan g telah ada. Dan juga ada tombol Request untuk membuka layar Request.
198 3.3.5.25 Perancangan Layar Add Member
Gambar 3.143 Perancan gan layar Add M em ber Layar ini hany a dap at diakses oleh Group Leader, berf ungsi untuk mengun dan g u ser lain untuk ber gabun g dengan gr up den gan cara m em ilih user yang akan diundang pada combo box dan kem udian di-add sat u per satu dan kem udian m enekan tombol subm it setelah sem ua user yan g in gin diun dan g telah di-add .
199 3.3.5.26 Perancangan Layar Rem ove Member
Gam bar 3.144 Perancan gan layar Rem ove Member Layar ini hanya dapat diak ses oleh g roup leader dan berfun gsi unt uk mengeluarkan member dari gr up den gan cara menekan tom bol Rem ove pada sebelah kan an nam a user y an g in gin dikeluarkan.
200 3.3.5.27 Perancangan Layar Delete Group
Gambar 3.145 Perancangan layar Delete Group Layar ini hanya dapat diakses oleh superviso r untuk m engh ap us gr up fun gsional yan g sudah dibuat. Layar ini akan m enampilkan semua gr up yang dibuat oleh supervisor tersebut beserta setiap PIC grup
dan untuk
menghapusnya dapat dilakukan den gan menek an tombol d elete p ada bagian kanan nam a gr up yan g in gin dihapus.
201 3.3.5.28 Perancangan Layar Response Invitatio n
Gambar 3.146 Perancan gan layar Response Invitation Layar ini hanya muncul setelah user m enekan lin k group request pada halaman hom e saat user di- invite unt uk ber gabung den gan sebuah gr up, apabila memilih accept m aka akan otom atis tergabung k e dalam gr up tersebut dan menek an tom bol Decline untuk m enolak ajakan ber gabung.
202 3.3.5.29 Perancangan Layar View SO P
Gam bar 3.147 Perancan gan layar View SOP Layar ini hanya dap at diak ses oleh Superviso r atau g roup leader, dapat melihat semua SOP yang ada dan dap at m enekan tombol Edit untuk mengubah isi SOP ter sebut, tom bol delete untuk m en ghap us dan view detail untuk m elihat secara detil isi dar i SOP tersebut.
203 3.3.5.30 Perancangan Layar Insert SO P
Gambar 3.148 Perancan gan layar In sert SOP Layar in i hanya dap at diakses o leh superviso r atau group leader untuk Insert SOP, supervisor atau group leader har us men gisi field Descrip tion dan mengisi field tasklist den gan cara mengisi field tersebut dan m emasukkan durasi tasklist ter sebut kemudian m enekan tom bol add untuk m emasukkan ber apa pun list yan g diin ginkan, dan kem udian di-subm it.
204 3.3.5.31 Perancangan Layar Edit SO P
Gam bar 3.149 Perancan gan layar Edit SOP Layar in i hanya dap at diakses o leh superviso r atau group leader untuk Edit SOP, layar ini akan menam pilkan isi detil dar i SOP yan g in gin di-edit dan data- data tersebut dapat diubah sesuai kein ginan sup ervisor atau group leader. SOP List y an g sudah ada dap at diubah den gan menakan tombol Edit dan dihap us dengan menekan tombol delete disebelah kanan SOP List dan untuk menam bahk an taskList baru dapat dengan mengisi field tasklist dan mengisi batas waktu unt uk tasklist menekan tom bol Add. Setelah selesai mengubah data, supervisor atau group lead er tinggal menekan tom bol Submit.
205 3.3.5.32 Perancangan Layar Task (Superviso r)
Gam bar 3.150 Perancan gan layar Task (sup ervisor) Pada layar ini user dapat m elihat daftar task yan g diberikan oleh atasan (superviso r atau group leader), dan dapat juga dilihat pemberi task (from) dan da teline (tenggat waktu), Task akan terhapus secar a otom atis setelah report terkirim . Terdapat tanda p ada task yan g sudah m emiliki laporan.
206 3.3.5.33 Perancangan Layar Task (Sta ff)
Gambar 3.151 Perancan gan layar Task (Staff) Layar ini berf ungsi untuk m enampilkan semua task seoran g user den gan jabatan sebagai staff di dalam sebuah gr up. User dap at m enekan tom bol As PI C untuk menampilk an semua Ta sk dim ana user berperan sebagai PIC dan m enekan tombol As Staff unt uk m enampilkan sem ua Ta sk dim ana user berper an sebagai Staff.
207 3.3.5.34 Perancangan Layar Create Task
Gambar 3.152 Perancan gan layar Create Ta sk Hanya g roup leader atau supervisor yang dap at m engakses layar in sert task ini, supervisor atau g roup leader dapat memilih seorang PIC yan g akan menjadi penan ggung jawab Task ter sebut dan kem udian memasukk an satu user atau lebih yan g akan membantu PI C dalam menyelesaikan Ta sk tersebut. supervisor atau g roup leader harus m engisi sub ject ta sk, SOP ap a yang digunakan dan secara otomatis ak an mem un culkan sem ua SOP List dar i SOP tersebut.
208 3.3.5.35 Perancangan Layar Edit Task
Gam bar 3.153 Perancan gan layar Edit Task Hanya g roup leader atau supervisor yan g dapat mengakses lay ar Edit Task ini, layar ini akan m enampilkan isi dari sebuah Ta sk y ang sudah ada dan kem udian supervisor atau group leader dapat mengubah isi Task tersebut seperti PI C, Staff, Subject, SOP dan Datelin e kemudian di- submit.
209 3.3.5.36 Perancangan Layar Detail Ta sk (Superviso r)
Gam bar 3.154 Perancan gan layar Deta il Task (sup ervisor) Pada layar detail task in i supervisor atau group lead er dapat melihat isi sebuah task y ang terdiri dari from, post at, PIC, Sta ff, subject, dateline, SOP dan ta sklist apa saja yang ter dap at pada task tersebut. superviso r atau Group leader akan menerima alert apabila ada ta sklist dari task tersebut yang telah selesai dikerjakan oleh PIC.
210 3.3.5.37 Perancangan Layar Detail Ta sk (Sta ff)
Gambar 3.155 Perancan gan layar Deta il Task (Staff) Pada layar detail ta sk ini Staff dapat m elihat isi sebuah ta sk y an g terdiri dar i from, post at, PIC, staff, sub ject, datelin e, SOP dan ta sklist ap a saja yang terdapat pada task tersebut. Staff dapat melak ukan mark pada ta sklist yang telah selesai dikerjak an, apabila selur uh ta sklist telah di-mark maka akan muncul bu tton Report untuk m engirim kan report kepada superviso r atau group lead er y an g memberik an ta sk ter sebut dan kemudian task ter sebut akan terhapus setelah repo rt terkirim.
211 3.3.5.38 Perancangan Layar Send Report
Gambar 3.156 Perancan gan layar Send Repo rt Layar ini hanya dapat diak ses oleh seor ang PIC untuk m engirim kan report sebuah task kepada supervisor atau group leader yan g m em ber ikan task. Ter dapat dua field y ang har us diisi. Descrip tion untuk m em beri gam baran sin gkat tentang isi lapor an tersebut dan field upload file untuk meng-upload f ile untuk report tersebut. Kedua field it u wajib diisi sebelum submit.
212 3.3.5.39 Perancangan Layar View Report
Gambar 3.157 Perancan gan layar View Report Layar ini hanya dap at diak ses oleh sup ervisor atau group leader. Layar ini akan m enampilkan data semua task yan g telah selesai dikerjakan, seperti task subject, nam a user yan g m engirim kan report (Sender) dan descrip tion dar i repo rt tersebut. supervisor atau group leader juga dapat melakukan download file yan g ter dapat pada report tersebut dengan m enekan nama file yang m erup akan sebuah link. Jik a in gin men ghapus sebuah report, supervisor atau g roup lead er dapat m enekan tom bol delete.
213 3.3.5.40 Perancangan Layar Req uest
Gam bar 3.158 Perancangan layar Request Layar ini h anya dapat diakses oleh supervisor untuk melihat sem ua request yang pernah dikirim dan mengir imkan request kepada Adm in. Superviso r hanya per lu mengisi field Descrip tion dan kemudian m enekan tom bol submit untuk mengir im kan Request k epada Adm in. Request yang telah dikirim kepada adm in statusny a ak an berubah antara pend ing (belum dicheck o leh admin) atau done (telah di- check). Note adalah pesan dari admin (apabila ada).
214 3.3.5.41 Perancangan Layar H om e (Adm in)
Gam bar 3.159 Perancangan layar Home (adm in) Layar in i merupakan tampilan saat Adm in login, ap likasi akan menam pilkan halaman Request. Adm in dap at m em buat atau m en g-ed it gr up den gan m enekan tombol Group, membuat, meng-edit atau men ghapus Account dengan m enekan tombol Account dan dapat m elihat Request den gan menekan tom bol Request. Adm in juga dapat m erubah passwo rd den gan menekan tom bol Change Pa ss pada bagian k anan atas layar dan logout den gan menekan tombol Logout.
215 3.3.5.42 Perancangan Layar Registra si User ( Admin)
Gam bar 3.160 Perancan gan layar Registrasi User (admin) Layar regis user berfun gsi unt uk registrasi user bar u, layar in i hanya dap at diakses oleh admin. Sem ua field yang diberi tan da (*) wajib diisi sebelum m enekan tombol subm it. Field Level dan Sub Group h anya akan muncul ap abila field Main Group telah diisi.
216 3.3.5.43 Perancangan Layar Search ( Admin)
Gam bar 3.161 Perancangan layar Sea rch ( admin) Layar in i hanya dap at diakses oleh Adm in saat ingin m elakukan edit atau m enghap us Account. Admin m em asukkan keywo rd kedalam field dan kem udian menekan tombol Sea rch dan kemudian hasil S earch ber up a data user yang mem enuhi kriteria keyword ak an ditampilkan.
217 3.3.5.44 Perancangan Layar Edit Acc (Admin)
Gam bar 3.162 Perancan gan layar Edit Acc (admin) Layar ini hanya dapat diak ses oleh adm in dan sebelum m engakses layar ini terlebih dah ulu Admin harus melakukan Sea rch pada layar Sea rch. Hasil Search akan ditam pilkan yait u username dan fullname dari sem ua user yang memenuhi kriteria saat search. Adm in dapat m engubah semua data account dar i u ser seperti f ulln am e (Maks 25 char s), Po sition (Maks 25 char s) dan mengubah Ma in Group, Level dan Upper Group, hany a username yan g tidak dap at diubah.
218 3.3.5.45 Perancangan Layar Delete Acc (Admin)
Gambar 3.163 Perancan gan layar Delete Acc ( admin) Layar ini hanya dapat diak ses oleh adm in dan sebelum m engakses layar ini terlebih dah ulu Admin harus melakukan Sea rch pada layar Sea rch. Hasil Search ak an ditam pilkan yaitu usernam e, fullname dan position dari sem ua user yang mem enuhi kriteria saat sea rch. Admin dapat mengh apus user yang diin ginkan den gan menekan tombol d elete pada sebelah kanan daftar user.
219 3.3.5.46 Perancangan Layar Create Group ( Adm in)
Gam bar 3.164 Perancangan layar Create Group (adm in) Pada layar ini adm in dapat membuat grup struktural bar u den gan mengisi field Group Nam e dan menentukan Group Level kem udian submit. Gr up struktur al yang dibuat oleh adm in ber beda den gan gr up f ungsional yang dibuat oleh superviso r pada grup in i dipimpin seorang supervisor sedangkan gr up f ungsional dipim pin oleh seoran g g roup leader.
220 3.3.5.47 Perancangan Layar Edit Group ( Admin)
Gambar 3.165 Perancan gan layar Ed it Group ( adm in) Layar in i hanya dapat diak ses oleh Admin dan menam pilkan daftar gr up dan level masing-masing gr up yan g ada. untuk m engubah n ama atau level sebuah gr up, Admin hanya perlu m enekan tombol Edit Name untuk mengubah nam a gr up dan menekan tom bol Edit Level untuk m en gubah level gr up. admin juga dapat m enekan tom bol Delete unt uk m enghap us grup.
221 3.3.5.48 Perancangan Layar Req uest ( Admin)
Gam bar 3.166 Perancan gan layar Request (admin) Pada lay ar ini Admin dapat melihat Request yan g dikirimkan o leh supervisor dan kem udian melak ukan mark apabila telah selesai. Adm in juga dap at m em berikan note pada Request tertentu kalau dip erlukan.
222 3.3.5.49 Perancangan Layar Cha nge Pass
Gambar 3.167 Perancangan layar Change Pass Layar Chang e Pass berfun gsi unt uk men gubah passwo rd, field yang harus diisi yaitu Old pa ss, New pa ss (Min imal 6 digit) Re-type New Pass (harus sam a dengan New Pass), Private Code, Re- type Priva te Code (harus sam a den gan Priva te Cod e) dan kem udian submit dan password akan ber ubah sesuai yan g terisi pada new pa ss. Pada saat pertama kali mengak ses halaman ini, u ser diminta unt uk m engisi private code. Sem ua field yang diberi tanda (*) wajib diisi sebelum di-subm it.