4.4.4. Human Resource Development (HRD)
4.4.4.2. User History
Sedang untuk sub-menu History ini kita bisa lihat pengalaman kerja user, prestasi user dan apa keahlian user. Tujuan halaman ini sebagai arsip kerja user, juga sebagai bahan pertimbangan para leader serta pemilik Software House untuk bisa menentukan jabatan berikutnya pada pekerjanya. Dan halaman pertama sub menu ini langsung menunjukkan list sejarah dari user yang dipilih sebelum masuk ke level halaman ini.
Gambar 4.20. User History
Dan sama seperti sub menu listing lainnya, pada pilihan Add, administrator dapat memasukkan history baru.
Demikian dengan sub-menu Manage, isi yang ditampilkan di sana sangat mirip dengan view, hanya saja lebih detil dan di dalamnya terdapat pilihan Edit dan Del. Dan semua fungsi Edit dan Del bekerja dengan jalan yang hampir sama dengan menu dari announcement.
Gambar 4.22. Manage History 4.4.4.3. Job Type
Ini ialah bagian terakhir dari HRD yang berperan dalam memanajemen jabatan yang ada dalam E-Office. Dari halaman ini user bisa lihat, apa definisi jabatan yang dipegangnya, siapa atasannya, dan apa level hak akses yang diberikan pada jabatannya. Dan seperti sub-menu lainnya, pada Job Type ini pun administrator berhak menambah jabatan baru, serta me-manage jabatan dengan mengedit atau menghapusnya pada pilihan Manage.
Gambar 4.23. Job Types Dan berikut ialah halaman untuk menambahkan jabatan.
Tak jauh berbeda dengan halaman Manage lain, Job Types pun memiliki halaman yang serupa dengan fitur yang sama.
Gambar 4.25. Manage Job Type 4.4.5. Projects
Ini ialah bagian paling rumit di antara semua bagian E-Office ini, namun pada intinya pembagian dan model struktur halamannya tetap sama. Mulai dari fitur View, Add, dan Manage. Struktur proyek ini melingkupi pekerja yang menjadi pemimpin proyek, beserta pekerja yang terlibat dalam tiap task-nya dan log report serta dokumentasi file.
Gambar 4.26. Struktur Proyek
Dan pada halaman ini diperlihatkan semua Proyek yang sedang berjalan. Untuk berbagai kategori proyek ini dapat dipilih di bagian kanan atas diantaranya ialah: In Planning, Proposed, In Progress dan lain sebagainya. Namun pada awalnya, yang diperlihatkan ialah proyek yang sedang berjalan.
Di bawah list proyek langsung tergambar Gantt Chart sederhana dari proyek yang ditampilkan, sehingga nampak jelas jadwalnya berdasarkan hari ini.
Projects Leader Modules Tasks Leader Users Logs / Report Logs / Report Logs / Report Files Files Files Documentation Section
Gambar 4.27. Project View
Menu Add dan Manage di atas hanya bisa diakses oleh administrator atau pemilik perusahaan. Dan berikut ini ialah halaman Add Project.
Setelah memasukkan nama project, selanjutnya memasukkan nama client. Client ini berdasarkan Client list pada bagian About Company, yang akan dibahas di bagian terakhir. Pada awal project dibuat, harus ada kondisi awal, apakah proyek ini masih perencanaan saja, atau tengah berjalan, bagaimanapun hal itu di set pada bagian condition. Dan terakhir, administrator harus menentukan siapa yang memimpin proyek ini. Dan pemimpin proyek mendapat hak akses khusus untuk mengendalikan project sepenuhnya hingga orang-orang yang terlibat, pengaturan module sampai task.
Sedang bagian Manage, terpampang listing project secara detil, ditambah pilihan untuk Edit dan Delete. Fungsi edit inipun akan membawa user ke halaman Add, hanya saja telah terisi project yang bersangkutan. Fungsi delete pun berfungsi mengubah nilai status yang tadinya 0 menjadi 1, sehingga jika user memilih Clear Del maka semua project yang berstatus 1 akan dihapus.
Gambar 4.29. Manage Project 4.4.6. Module
Dengan mengklik nama project di halaman project, maka kita akan mendapati halaman modul seperti di bawah ini.
Gambar 4.30. Module View
Di awal halaman modul ini ditampilkan detil project sehingga user tau di lingkup apa module-module ini berjalan. Baru kemudian di bawahnya tertera list module yang terdiri atas dua bagian, yaitu module dan milestone. Milestone merupakan suatu penanda dalam proyek yang berarti proyek tersebut telah mencapai satu tahapan yang diinginkan. Jika user ingin kembali ke project yang berada di atas module ini, di kanan atas tertera tulisan <<project untuk link kembali ke project sebelumnya.
Sub menu untuk module ini lebih banyak dari project, antara lain tambahannya ialah Add Milestone, Timeline, Log dan Files. Adapun menu Add dan Manage memang tidak berbeda jauh dengan proyek, tapi kali ini yang dibahas hanya yang Add karena ada sedikit perbedaan di dalam menginputkan module dan project.
Pada Add Module ini terdapat dependencies atau ketergantungan suatu module dengan module lain. Dan untuk gambar detilnya akan ditampilkan berikut ini:
Gambar 4.31. Penginputan Module
Di dalamnya terdapat dependencies, di mana kiri merupakan task yang dapat dilakukan dependencies, dan sebelah kanan ialah tempat module yang di dependencies. Maka setelah submit ditekan, module akan segera ditambahkan dan terlihat di halaman view.
Untuk menambahkan milestone, user bisa memilih menu Add Milestone dan setelah itu halaman akan berganti ke sebuah form milestone
Satu perbedaan baru pada menu module ini ialah Log report dengan memilih link Logs pada sub menu module. Dan di halaman Logs inilah ditampilkan laporan kerja dalam yang tingkatannya ialah proyek. Di sini pun user bisa langsung mengambil file yang di upload oleh user lain.
Gambar 4.33. Logs View
Untuk menambah laporan ini, disediakan link bertulisan Add Log yang cukup besar dan setelah diklik, akan muncul sebuah popup form yang berisikan form untuk laporan tersebut. Dalam bagian ini, report yang sudah terkirim tidak dapat dihapus atau diedit.
Dan yang menjadi sub menu terakhir ialah Files yang berisikan semua file yang terkirim dari Logs project ini. Dan informasi yang ditampilkan cukup sederhana mulai dari nama file, tipe data, dan ukuran file.
Gambar 4.35. Files View
Ini merupakan garis besar apa yang terdapat pada menu Module, dimana jabarannya telah dibahas. Jika kita memilih salah satu module dari list module pada sub menu View, maka akan user akan menemukan halaman module yang berisikan kmpulan task.
Sekarang kita lihat sub-menu yang menjadi fitur utama E-Office ini yaitu Timeline berupa Gantt Chart sederhana. Fasilitas ini dibuat langsung melalui PHP dan diolah menjadi HTML. Timeline ini mengambil dulu module yang ada dan membaca tanggal awal dan akhir kemudian menggambarkannya dalam satu baris.
Gambar 4.36. Module Timeline
Untuk mengubah tanggal bisa dengan melakukan perubahan langsung pada tanggal yang diinginkan, atau di klik pada tombol ke arah kiri atau kanan. Berapapun jangauan waktu yang kita inginkan, batas penglihatan Timeline ini di bulatkan menjadi mingguan atau tepat kelipatan tujuh.
4.4.7. Task
Di bagian ini diperlihatkan task yang terdapat dalam satu module. Seperti halnya halaman module, di bagian atas di tulis kembali detil dari module supaya user mengerti task-task berikut ini bergerak dalam lingkup module seperti apa.
Gambar 4.37.Task View
Sub Menu yang tertera di sini sama sekali sama dengan module, sehingga untuk detilnya sub menu tidak dibahas. Penekanannya di sini ialah kedetilan task yang dibuat pada halaman Add. Dimana selain terdapat task dependencies juga terdapat user assign, untuk memasukkan user-user untuk bekerja di task ini.
Gambar 4.38. Add Task
Untuk bisa melakukan pemindahan resources dan dependencies secara realtime pada website, penulis menggunakan Java Script. Dengan script itu kita dapat melakukan pemindahan dari listbox satu ke listbox yang lain.
function addTaskDependency() { var form = document.add_task; var at = form.all_tasks.length -1;
var td = form.task_dependencies.length -1; var tasks = "x";
//build array of module dependencies for (td; td > -1; td--) {
tasks = tasks + "," +
form.task_dependencies.options[td].value + ","; }
//Pull selected resources and add them to list for (at; at > -1; at--) {
if (form.all_tasks.options[at].selected &&
tasks.indexOf( "," + form.all_tasks.options[at].value + "," ) == -1) {
t = form.task_dependencies.length; opt = new Option(
form.all_tasks.options[at].text, form.all_tasks.options[at].value); form.task_dependencies.options[t] = opt; }
} }
function removeTaskDependency() { var form = document.add_task;
td = form.task_dependencies.length -1; for (td; td > -1; td--) { if (form.task_dependencies.options[td].selected) { form.task_dependencies.options[td] = null; } } } function addAssigned() {
var form = document.add_task;
var ar = form.all_resources.length -1; var ua = form.assigned.length -1; var assign = "x";
//build array of listed users for (ua; ua > -1; ua--) {
assign = assign + "," + form.assigned.options[ua].value + ","; }
//Pull selected resources and add them to list for (ar; ar > -1; ar--) {
if (form.all_resources.options[ar].selected && assign.indexOf( "," +
form.all_resources.options[ar].value + "," ) == -1) {
a = form.assigned.length; opt = new Option(
form.all_resources.options[ar].text, form.all_resources.options[ar].value); form.assigned.options[a] = opt; } } } function removeAssigned() {
var form = document.add_task; ua = form.assigned.length -1; for (ua; ua > -1; ua--) {
if (form.assigned.options[ua].selected) {
form.assigned.options[ua] = null;
} }
}
Inilah script Java Script yang mampu memanipulasi object apapun pada website untuk di proses.
