BAB 4 IMPLEMENTAS I DAN EVALUAS I
4.1
Implementasi 4.1.1
S pesifikasi Hardware Hardware yang digunakan pada percobaan implementasi Sistem Editorial Online pada PT. Kompas Gramedia (M ajalah) dengan spesifikasi sebagai berikut :
4.1.2
1. Processor
: Pentium IV 3.0 Ghz
2. Harddisk
: 80 GB
3. RAM
: 512 M B
4. Monitor
: 14 inch
S pesifikasi Software Selain hardware, juga diperlukan software agar dapat menjalankan Sistem Editorial Online pada PT. Kompas Gramedia (M ajalah). Spesifikasi software yang digunakan pada percobaan antara lain: 1. Sistem Operasi Windows 7, NT, 2000, XP Profesional 2. Database MySQL 3. PHP 5.2.6 + PHP 4.4.9 4. XAMPP 1.6.7
4.1.3
Implementasi Program Berikut adalah langkah-langkah pengoperasian Sistem Editorial Online: 139
140
1. Login
Gambar 4.1 Halaman Login Tampilan halaman login digunakan untuk login agar dapat menggunakan sistem ini dan setiap user memiliki hak aksesnya sendiri. Tombol “Login” digunakan untuk mencocokkan kebenaran dari username dengan password yang dimasukkan dan bisnis unit yang dipilih. 2. Home Redaktur Pelaksana
Gambar 4.2 Halaman Home Redaktur Pelaksana
141
Halaman ini adalah tampilan utama jika login dengan menggunakan hak akses admin dimana admin adalah Redaktur Pelaksana. Tampilan terhadap user lain berbeda tergantung pada hak aksesnya. Setelah admin login, dimunculkan menu-menu yang tersedia untuk Redaktur Pelaksana. Redaktur Pelaksana dapat memasukkan, melihat, merubah dan menghapus semua data pada setiap menu, tergantung dari transaksi yang diijinkan pada menu-menu tersebut. 3. Accept Assignment Redaktur Pelaksana
Gambar 4.3 Halaman Accept Assignment Redaktur Pelaksana Halaman ini menampilkan penugasan-penugasan dari karyawan yang telah di-submit, dan sudah di-accept oleh Editor dan kemudian akan di-accept oleh Redaktur Pelaksana sebagai final accept assignment yang siap untuk di-publish.
142
4. Change Password Redaktur Pelaksana
Gambar 4.4 Halaman Change Password Redaktur Pelaksana Halaman Change Password digunakan untuk mengubah password yang lama menjadi password baru untuk Redaktur Pelaksana. 5. Create Assignment Redaktur Pelaksana
Gambar 4.5 Halaman Create Assignment Redaktur Pelaksana
143
Halaman
Create
Assignment
berfungsi untuk
membuat
penugasan kepada Editor Tulis, Editor Visual dan Designer. Di halaman ini Redaktur Pelaksana dapat menentukan karyawan, jabatan, tema, dan tanggal deadline assignment yang akan terkirim secara otomatis kepada setiap karyawan yang bersangkutan, serta dapat mendelete penugasan jika terjadi pembatalan pemberian penugasan atau terjadi kesalahan pemberian penugasan. 6. Create Edition Redaktur Pelaksana
Gambar 4.6 Halaman Create Edition Redaktur Pelaksana Pada Halaman Create
Edition,
Redaktur Pelaksana dapat
membuat edisi yang akan dimuat pada edisi mendatang setelah tema edisi ditentukan dalam rapat. Untuk membuat edisi, Redaktur Pelaksana dapat menentukan tanggal terbit, nomor edisi, dan headline yang akan dimuat.
144
7. Create Section Redaktur Pelaksana
Gambar 4.7 Halaman Create Section Redaktur Pelaksana Halaman Create Section digunakan untuk membuat rubrik pada setiap edisi yang akan dimuat. Pada tiap edisi regular, Redaktur Pelaksana cukup dengan mencentang pilihan pada checkbox General. Untuk edisi khusus, Redaktur Pelaksana dapat menambahkan rubrik khus dengan mengisi pada field New Section. 8. Manage User Redaktur Pelaksana
Gambar 4.8 Halaman Manage User Redaktur Pelaksana
145
Halaman Manage User digunakan Redaktur Pelaksana untuk menambahkan
karyawan
dan
menentukan
langsung
jabatan
pekerjaannya. Redaktur Pelaksana juga dapat men-delete karyawan. 9. M emo Redaktur Pelaksana a. Write M emo
Gambar 4.9 Halaman Write M emo Redaktur Pelaksana b. Inbox M emo
Gambar 4.10 Halaman Inbox M emo Redaktur Pelaksana
146
c. Outbox M emo
Gambar 4.11 Halaman Outbox M emo Redaktur Pelaksana Untuk halaman M emo, Redaktur Pelaksana dapat mengirimkan memo untuk semua karyawan yang ada pada sistem ini. Saat pertama kali Redaktur Pelaksana memilih menu M emo, akan langsung terlihat list memo dan dapat langsung menulis memo untuk karyawan yang diinginkan. Ketika Redaktur Pelaksana membuka salah satu memo, akan tersedia fitur reply seperti yang terlihat pada Gambar 4.10. Jika Redaktur Pelaksana ingin me-reply memo yang sedang dibuka, tampilan halaman akan terlihat seperti pada Gambar 4.11.
147
10. Report Assignment Redaktur Pelaksana
Gambar 4.12 Halaman Report Assignment Redaktur Pelaksana Pada halaman Report Assignment, Redaktur Pelaksana dapat memantau kinerja dari para karyawan yang pada pengumpulan penugasannya lebih cepat daripada deadline (akan berwarna hijau), tepat waktu (berwarna kuning), atau terlambat daripada deadline (akan berwarna merah). 11. View Layout Redaktur Pelaksana
Gambar 4.13 Halaman View Layout Redaktur Pelaksana
148
Pada halaman View Layout, Redaktur Pelaksana dapat mendownload layout dalam file dalam bentuk PDF yang dikirim dari Designer, untuk mengecek apakah sudah layak cetak atau belum. 12. View Log Redaktur Pelaksana
Gambar 4.14 Halaman View Log Redaktur Pelaksana Halaman View Log, Redaktur Pelaksana dapat melihat dan memantau aktivitas karyawan dalam menggunakan Sistem Editorial Online ini. 13. Home Editor Tulis
Gambar 4.15 Halaman Home Editor Tulis
149
Halaman ini adalah tampilan utama jika login dengan menggunakan hak akses Editor Tulis. Tampilan ini menampilkan menu-menu yang tersedia untuk Editor Tulis. 14. Accept Assignment Editor Tulis
Gambar 4.16 Halaman Accept Assignment Editor Tulis Pada halaman Accept Assignment Editor Tulis, Editor Tulis dapat melihat hasil submit penugasan dari Reporter yang telah ditentukan. Kemudian Editor Tulis dapat accept, cancel, dan delete hasil penugasan tersebut dari Reporter. 15. Change Password Editor Tulis
Gambar 4.17 Halaman Change Password Editor Tulis
150
Halaman Change Password digunakan untuk mengubah password yang lama menjadi password baru untuk Editor Tulis. 16. Create Assignment Editor Tulis
Gambar 4.18 Halaman Create Assignment Editor Tulis Halaman Create Assignment pada Editor Tulis berfungsi untuk membuat penugasan kepada Reporter. Di layar ini Editor Tulis dapat menentukan karyawan, tema, dan tanggal deadline assignment yang akan terkirim secara otomatis kepada setiap karyawan serta memantau deadline penugasan karyawan yang bersangkutan, serta dapat mendelete penugasan jika terjadi pembatalan pemberian penugasan atau terjadi kesalahan pemberian penugasan.
151
17. Editor Assignment Editor Tulis
Gambar 4.19 Halaman Editor Assignment Editor Tulis Pada halaman Editor Assignment berisi penugasan dari Redaktur Pelaksana untuk Editor Tulis di mana Editor Tulis dapat melihat rubrik, tema, deadline, serta status penugasan. 18. M emo Editor Tulis a. Write M emo
Gambar 4.20 Halaman Write M emo Editor Tulis
152
b. Inbox M emo
Gambar 4.21 Halaman Inbox M emo Editor Tulis c. Outbox M emo
Gambar 4.22 Halaman Outbox M emo Editor Tulis Untuk halaman M emo Editor Tulis dapat digunakan sebagai alat komunikasi dua arah antara Redaktur Pelaksana, Editor Visual, dan Reporter yang dapat dikirim langsung kepada orang yang bersangkutan. Saat pertama kali Editor Tulis memilih menu M emo, akan langsung terlihat list memo dan dapat langsung menulis memo untuk Redaktur
153
Pelaksana, Editor Visual, atau Reporter yang diinginkan. Ketika Editor Tulis membuka salah satu memo, akan tersedia fitur reply seperti yang terlihat pada Gambar 4.21. Jika Editor Tulis ingin me-reply memo yang sedang dibuka, tampilan halaman akan terlihat seperti pada Gambar 4.22. 19. View Layout Editor Tulis
Gambar 4.23 Halaman View Layout Editor Tulis Halaman View Layout, Editor Tulis dapat memilih edisi dan rubrik dan kemudian men-download layout yang telah dikirim oleh Designer. 20. Home Editor Visual
Gambar 4.24 Halaman Home Editor Visual
154
Pada halaman Home Editor Visual menampilkan menu-menu yang dapat diakses oleh Editor Visual dan juga dapat melihat langsung jika ada kiriman pesan memo. 21. Accept Assignment Editor Visual
Gambar 4.25 Halaman Accept Assignment Editor Visual Pada halaman Accept Assignment, Editor Tulis dapat memilih edisi dan rubrik untuk melihat hasil penugasan yang telah dikirim oleh Fotografer yang kemudian akan diperiksa langsung apakah sudah sesuai atau masih perlu direvisi, jika sudah sesuai maka Editor Visual akan meng-accept penugasan dan kemudian akan langsung terkirim ke Redaktur Pelaksana untuk final approve.
155
22. Change Password Editor Visual
Gambar 4.26 Halaman Change Password Editor Visual Halaman Change Password digunakan untuk mengubah password yang lama menjadi password baru untuk Editor Visual. 23. Create Assignment Editor Visual
Gambar 4.27 Halaman Create Assignment Editor Visual Halaman Create Assignment pada Editor Visual berfungsi untuk membuat penugasan kepada Fotografer dan Designer. Di layar ini Editor Tulis dapat menentukan karyawan, tema, dan tanggal deadline assignment yang akan terkirim secara otomatis kepada setiap karyawan
156
serta memantau deadline penugasan karyawan yang bersangkutan, serta dapat men-delete penugasan jika terjadi pembatalan pemberian penugasan atau terjadi kesalahan pemberian penugasan. 24. Editor Assignment Editor Visual
Gambar 4.28 Halaman Editor Assignment Editor Visual Pada halaman Editor Assignment berisi penugasan dari Redaktur Pelaksana untuk Editor Visual. Dimana Editor Visual dapat melihat rubrik, tema, deadline, serta status penugasan. 25. M emo Editor Visual a. Write M emo
Gambar 4.29 Halaman Write M emo Editor Visual
157
b. Inbox M emo
Gambar 4.30 Halaman Inbox M emo Editor Visual c. Outbox M emo
Gambar 4.31 Halaman Outbox M emo Editor Visual Untuk halaman M emo Editor Visual dapat digunakan sebagai alat komunikasi dua arah antara Redaktur Pelaksana, Editor Tulis, Designer, dan Fotografer yang dapat dikirim langsung kepada orang yang bersangkutan. Saat pertama kali Editor Visual memilih menu M emo, akan langsung terlihat list memo dan dapat langsung menulis memo untuk Redaktur Pelaksana, Editor Tulis, Designer atau
158
Fotografer yang diinginkan. Ketika Editor Visual membuka salah satu memo, akan tersedia fitur reply seperti yang terlihat pada Gambar 4.30. Jika Editor Tulis ingin me-reply memo yang sedang dibuka, tampilan layar akan terlihat seperti pada Gambar 4.31. 26. View Layout Editor Visual
Gambar 4.32 Halaman View Layout Editor Visual Halaman View Layout, Editor Visual dapat memilih edisi dan rubrik dan kemudian mendownload layout yang telah dikirim oleh Designer. 27. Home Designer
Gambar 4.33 Halaman Home Designer
159
Pada halaman Home Designer menampilkan menu-menu yang dapat diakses oleh Designer dan juga dapat melihat langsung jika ada kiriman pesan memo. 28. Change Password Designer
Gambar 4.34 Halaman Change Password Designer Halaman Change Password digunakan untuk mengubah password yang lama menjadi password baru untuk Designer. 29. M emo Designer a. Write M emo
Gambar 4.35 Halaman Write M emo Designer
160
b. Inbox M emo
Gambar 4.36 Halaman Inbox M emo Designer c. Outbox M emo
Gambar 4.37 Halaman Outbox M emo Designer Untuk halaman M emo Designer dapat digunakan sebagai alat komunikasi dua arah antara Editor Visual dan Designer yang dapat dikirim langsung kepada orang yang dituju. Saat pertama kali Designer memilih menu M emo, akan langsung terlihat list memo dan dapat langsung menulis memo untuk Editor Visual. Ketika Designer membuka salah satu memo, akan tersedia fitur reply seperti yang
161
terlihat pada Gambar 4.36. Jika Designer ingin me-reply memo yang sedang dibuka, tampilan halaman akan terlihat seperti pada Gambar 4.37. 30. See Assignment Designer
Gambar 4.38 Halaman See Assignment Designer Pada halaman See Assignment Designer, Designer dapat melihat penugasan yang diberikan oleh Editor Visual disertai dengan deadline pada setiap penugasan. 31. Upload Design Designer
Gambar 4.39 Halaman Upload Design Designer
162
Halaman Upload Design digunakan untuk mengupload layout yang telah dikerjakan di luar sistem untuk dikirim kepada semua user sistem, untuk melihat progres layout. 32. View Document Designer
Gambar 4.40 Halaman View Document Designer Halaman View Document berisi file yang telah di-accept oleh Redaktur Pelaksana yang kemudian akan di-download oleh Designer untuk dimasukkan ke dalam template layout. 33. View Layout Designer
Gambar 4.41 Halaman View Layout Designer
163
Halaman View Layout Designer dapat memilih edisi dan rubrik dan kemudian men-download layout yang telah di-upload oleh Designer. 34. Home Fotografer
Gambar 4.42 Halaman Home Fotografer Pada halaman Home Fotografer menampilkan menu-menu yang dapat diakses oleh Fotografer dan juga dapat melihat langsung jika ada kiriman pesan memo. 35. Change Password Fotografer
Gambar 4.43 Halaman Change Password Fotografer
164
Halaman Change Password digunakan untuk mengubah password yang lama menjadi password baru untuk Designer. 36. M emo Fotografer a. Write M emo
Gambar 4.44 Halaman Write M emo Fotografer b. Inbox M emo
Gambar 4.45 Halaman Inbox M emo Fotografer
165
c. Outbox M emo
Gambar 4.46 Halaman Outbox M emo Fotografer Untuk halaman M emo Fotografer dapat digunakan sebagai alat komunikasi dua arah antara Editor Visual dan Fotografer yang dapat dikirim langsung kepada orang yang dituju. Saat pertama kali Fotografer memilih menu M emo, akan langsung terlihat list memo dan dapat langsung menulis memo untuk Editor Visual. Ketika Fotografer membuka salah satu memo, akan tersedia fitur reply seperti yang terlihat pada Gambar 4.45. Jika Fotografer ingin me-reply memo yang sedang dibuka, tampilan halaman akan terlihat seperti pada Gambar 4.46.
166
37. See Assignment Fotografer
Gambar 4.47 Halaman See Assignment Fotografer Pada halaman See Assignment Fotografer, Fotografer dapat melihat penugasan beserta deadline penugasan yang diberikan oleh Editor Visual. 38. Upload Photo Fotografer
Gambar 4.48 Halaman Upload Photo Fotografer
167
Halaman Upload Photo pada Fotografer digunakan untuk mengupload foto penugasan, jika foto tersebut masih harus direvisi, file upload yang lama akan tetap ada. 39. View Layout Fotografer
Gambar 4.49 Halaman View Layout Fotografer Halaman View Layout Fotografer dapat memilih edisi dan rubrik dan kemudian men-download layout yang telah di-upload oleh Designer. 40. Home Reporter
Gambar 4.50 Halaman Home Reporter
168
Pada halaman Home Reporter menampilkan menu-menu yang dapat diakses oleh Reporter dan juga dapat melihat langsung jika ada kiriman pesan memo. 41. Change Password Reporter
Gambar 4.51 Halaman Change Password Reporter Halaman Change Password digunakan untuk mengubah password yang lama menjadi password baru untuk Reporter. 42. M emo Reporter a. Write M emo
Gambar 4.52 Halaman Write M emo Reporter
169
b. Inbox M emo
Gambar 4.53 Halaman Inbox M emo Reporter c. Outbox M emo
Gambar 4.54 Halaman Outbox M emo Reporter Untuk halaman M emo Reporter dapat digunakan sebagai alat komunikasi dua arah antara Editor Tulis dengan Reporter yang dapat dikirim langsung kepada orang yang dituju. Saat pertama kali Reporter memilih menu M emo, akan langsung terlihat list memo dan dapat langsung menulis memo untuk Editor Tulis. Ketika Reporter membuka salah satu memo, akan tersedia fitur reply seperti yang terlihat pada
170
Gambar 4.53. Jika Fotografer ingin me-reply memo yang sedang dibuka, tampilan halaman akan terlihat seperti pada Gambar 4.54. 43. See Assignment Reporter
Gambar 4.55 Halaman See Assignment Reporter Pada halaman See Assignment Reporter, Reporter dapat melihat penugasan beserta deadline penugasan yang diberikan oleh Editor Tulis. 44. Upload Article Reporter
Gambar 4.56 Halaman Upload Article Reporter
171
Pada halaman Upload Article digunakan untuk meng-upload artikel dari penugasan yang kemudian terkirim langsung ke Editor Tulis, jika artikel tersebut harus direvisi, maka artikel yang lama akan tetap ada. 45. View Layout Reporter
Gambar 4.57 Halaman View Layout Reporter Halaman View Layout, Reporter dapat memilih edisi dan rubrik dan kemudian men-download layout yang telah di-upload oleh Designer.
4.2 Evaluasi Evaluasi Sistem Editorial Online dilakukan dengan metode wawancara oleh beberapa karyawan, yaitu dari divisi IT dan redaksi tabloid NOVA maupun majalah HAI. Hasil evaluasi dari wawancara tersebut adalah sebagai berikut: 1. Sistem Editorial Online yang telah dibuat tergolong mudah untuk digunakan. 2. Sistem Editorial Online tergolong mudah untuk dipelajari.
172
3. Ditinjau dari tampilan, sistem editorial online ini sudah cukup baik. Dari segi warna sudah cukup sesuai dan pemilihan font pun sudah cukup terbaca. 4. Sistem Editorial Online sangat membantu sistem penerbitan di PT. Kompas Gramedia (M ajalah). Terutama untuk fitur laporan (Report) yang memudahkan untuk data penilaian karyawan dan penelusuran dalam hasil penugasan. Secara keseluruhan, Sistem Editorial Online yang telah dibuat sudah sesuai dengan harapan dari PT. Kompas Gramedia (M ajalah).