BAB 4 RANCANGAN YANG DIUSULKAN
4.1
Rancangan Sistem yang Dibangun
4.1.1 Class Diagram Berikut ini merupakan class diagram di mana menggambarkan hubungan antar objek dalam aplikasi KM yang akan dibangun: 4.1.1.1 Domain Class Diagram Gambar 4.1 di bawah ini adalah Domain Class Diagram untuk perancangan KM pada perusahaan
Gambar 4.1 Domain Class Diagram 48
49
4.1.1.2 First Cut Class Diagram Gambar 4.2 di bawah ini adalah Model First Cut Class Diagram untuk perancangan KM pada perusahaan.
Gambar 4.2 First Cut Class Diagram
50
4.1.1.3 Updated Class Diagram Gambar 4.3 di bawah ini adalah Model Updated Design Class Diagram untuk perancangan KM pada perusahaan.
Gambar 4.3 Updated Design Class Diagram
51
Berikut ini pada Tabel 4.1 dapat dilihat penjabaran dari attributes dan operation dari masing-masing class pada Update Design Class Diagram. Masingmasing class ini dibuat berdasarkan struktur database pada MySQL.
Tabel 4-1 Penjabaran Attributes dan Operation Update Design Class Diagram
No
Class
1
<
>
Attributes
Operations • Open_login()
User Handler 2
3
User
•
Id_User: Int (11) PK
• Open_login()
•
Username: varchar (16)
• Do_login()
•
Password: varchar (50)
•
Nama_User: varchar (50)
•
Alamat_User: varchar (150)
•
No_HP: Int (12)
•
Level_User: Int (1)
•
Avatar: varchar (50)
•
Join_date:Date
•
Bagian: Int (1)
•
Chat: Int (1) • Open_Product_Kno
<> Product
wledge()
Knowledge Handler 4
Product Knowledge
• Id_Product_Knowledge: Int (11) PK • Kode_Produk: Varchar (20) • Nama_Produk: Varchar (50) • Tipe_produk: Varchar(30) • Diproduksi_oleh: Varchar (30) • Negara: Varchar(30) • Deskripsi: Text
• Open_Product_Kno wledge()
52
• File: Varchar (50)
5
• displayGrid()
<> ReportHandler
6
Report
• Id_Report : Int (11)
• displayGrid()
• Id_User : Int (11) • Total_download : Int (11) • Total_upload : Int (11) • Total_knowledge_comment : Int (11) • Total_view_knowledge : Int (11) • Total_view_forum : Int (11) • Total_post_forum : Int (11) • Login_Count: Int (11) 7
• Open_gallery()
<> Gallery Handler
8
Gallery
• Id_Gallery : Int (11)
• Select_gallery()
• Id_User : Int (11)
• Select_download_gal
• Judul_Gallery:Varchar (50)
lery()
• Deskripsi_Gambar : Varchar (100) • Gambar : Varchar (100) Tanggal : Date 9
• Open_download()
<> Download Handler
10
Download
• Id_Download : Int (11)
• Select_download()
• Id_User : Int (11)
• Select_download_file
• Judul_File : Varchar (50) • Tanggal : Date
()
53
File : Varchar (50) 11
• Open_knowledge()
<> Knowledge Handler
12
Knowledge
• Id_knowledge : Int (11)
• Select_knowledge()
• Id_taxonomy : Int (11)
• Create_new_knowled
• Id_User : Int (11) • Judul_Knowledge: Varchar (50)
Knowledge Comment
• Create_comment_kno wledge()
• Isi_Knowledge : Text
• Rate_knowledge()
• Status : Int (1)
• Create_edit_knowled
• Tanggal : Date
13
ge()
ge
• Rating_Knowledge : Int (11)
• Edit_knowledge()
• Total_views : Int (11)
• Search_knowledge()
• Id_Knowledge_Comment: int
• Create_comment_kno
(11)
wledge()
• Id_knowledge: int (11) • Id_User: int (11) • Nama_user: varchar (50) • Isi_comment: text • Tanggal: date 14
Knowledge Taxonomy
• Id_Knowledge_taxonomy : Int (11) • Parent : Varchar (50) • Nama_taxonomy: Varchar (50) • Last_author : Varchar (50) • Total_View: Int (11) • Total_Comment: Int (11)
16
<> Library Handler
• Open_library()
54
17
Library
• Id_Library : Int (11)
• Select_library()
• Id_User : Int (11)
• Create_new_library(
• Judul_Buku : Varchar (100)
)
• Pengarang : Varchar (100) • Penerbit : Varchar (100) • Cover_buku : Varchar (50) • File: Varchar (50) 18
• displayNewsGrid()
<> News Handler
19
20
News
•
Id_News : Int (11)
•
Id_User : Int (11)
•
Judul_News : Varchar (50)
•
Isi_News : Text
•
Tanggal : Date
• Open_news()
• Open_forum()
<> Forum Handler
21
Forum Reply
• Id_ Forum_Reply : Int (11)
• Create_new_reply()
• Id_Forum : Int (11) • Id_User : Int (11) • Judul_Reply : Varchar (50) • Isi_Reply_Forum : Text • Tanggal : Date 22
Forum
• Id_Forum : Int (11)
• Select_forum()
• Id_Forum_taxonomy : Int (11)
• Create_new_forum()
• Id_User : Int (11)
• Create_new_reply()
• Judul_Forum : Varchar (50)
• Edit_forum()
• Isi_Forum : Text
• Delete_forum()
• Tanggal: Date
• Search_forum()
• Total_Views : Int (100) • Total_Reply : Int (100)
55
23
Forum Taxonomy
• Id_Forum_taxonomy : Int (11) • Parent : Int (11) • Nama_forum_taxonomy : Varchar (50) • Last_Author: Varchar (50) • Total_View: Int (11) • Total_Reply: Int (11)
25
• Open_notulen()
<> Notulen Handler
26
Notulen
• Id_Notulen : Int (11)
• Select_notulen()
• Id_User : Int (11)
• Select_No _Notulen()
• Judul_Notulen : Varchar (500) • Isi_Notulen : Text • File_Notulen : Varchar (25) • Tanggal : Date 25
• Open_pengumuman()
<> Pengumuman Handler
26
Pengumuman
• Id_Pengumuman: Int (11) • Id_User : Int (11)
• display_pengumuma n()
• Judul_Pengumuman : Varchar (500) • Isi_Pengumuman : Text • Tanggal_berlaku: Date • Tanggal_expired : Date 27
• Open_inbox()
< Inbox Handler
28
Inbox
•
Id_Inbox : Int (11)
• Create_inbox()
•
Pengirim : Int (11)
• Create_new_inbox()
•
Penerima : Varchar (50)
• Delete_inbox()
•
Judul_Inbox : Varchar (50)
• Create_new_reply()
56
27
•
Isi_Inbox: Text
•
Tanggal : Date
• Open_chat()
< Chat Handler
28
Chat
•
Id_chat : Int (11)
• Create_chat ()
•
Pengirim : Int (11)
• Create_new_chat()
•
Penerima : Varchar (50)
• Create_new_reply()
•
Isi_chat: Text
•
Tanggal : Date
4.1.2 Use Case Berikut merupakan gambaran interaksi antara admin dan user dengan aplikasi KM yang dibangun:
57
58
59
60
61
Gambar 4.4 Use Case Diagram
62
4.1.3 Sequence Diagram Sequence diagram dibawah ini adalah gambaran detail aliran interaksi antara aktor dengan sistem KM. Sequence diagram ini dikelompokan berdasarkan aliran interaksi pada tiap subsystem seperti pada user case di atas (sub bab 4.5.2). Berikut adalah sequence diagram dari aplikasi KM ini.
1.
Sequence Diagram Login User
Gambar 4.5 Sequence Login User
63
2.
Sequence Diagram Berita User
Gambar 4.6 Sequence Berita User
3.
Sequence Diagram Pengumuman User
64 Gambar 4.7 Sequence Pengumuman User
4.
Sequence Diagram Pengetahuan Produk User
Gambar 4.8 Sequence Pengetahuan Produk User
65
5.
Sequence Diagram Forum User
:ForumHandler
:ForumWindow
User
Loop
open_forum()
aF:Forum
:ForumDA
aR:Report
:ReportDA
open_forum()
select_forum(id_forum) select_forum(id_forum)
InitForum(id_forum) read_forum(aF)
username:=getUsername() judul_forum:=getJudulForum() isi_forum:=getIsiForum() tanggal:=getTanggal() total_view:=getTotalView() total_reply:=getTotalReply() attachment:=getAttachment() username,judul_forum,isi_forum,tanggal,total_view,total_reply,attachment username,judul_forum,isi_forum,tanggal,total_view,total_reply,attachment
Opt
create_new_forum()
create_new_forum() createNewForum()
:Window_New_Forum
addForum(id_forum,id_user,judul_forum,isi_forum,tanggal,total_view,total_reply,attachment) addForum(id_forum,id_user,judul_forum,isi_forum,tanggal,total_view,total_reply,attachment) addForum(id_forum,id_user,judul_forum,isi_forum,tanggal,total_view,total_reply,attachment) addForum(id_forum,id_user,judul_forum,isi_forum,tanggal,total_view,total_reply,attachment) save_new_forum(aF) update_total_post_forum() update_total_post_forum(aR)
forum_page forum_page forum_page forum_page
Opt
createReply() createReply()
aFR:ForumReply
:ForumReplyDA
createReply() :ReplyWindow add_reply(id_forum_reply,id_forum, id_user, judul_reply, isi_reply, tanggal, attachment) add_reply(id_forum_reply,id_forum, id_user, judul_reply, isi_reply, tanggal, attachment) add_reply(id_forum_reply,id_forum, id_user, judul_reply, isi_reply, tanggal, attachment) add_reply(id_forum_reply,id_forum, id_user, judul_reply, isi_reply, tanggal, attachment) save_reply(aFR)
update_total_post() thread_page
update_total_post(aR)
thread_page thread_page
Opt
createEditForum() createEditForum()
:Window_Edit_Forum
createEditForum()
editForum(judul_forum,isi_forum,tanggal,attachment) editForum(judul_forum,isi_forum,tanggal,attachment) editForum(judul_forum,isi_forum,tanggal,attachment) editForum(judul_forum,isi_forum,tanggal,attachment) update_forum(aF) thread_page thread_page thread_page
Opt
deleteForum(id_forum) deleteForum(id_forum) deleteForum(id_forum) delete_forum(aF)
forum_page forum_page
Gambar 4.9 Sequence Forum User
66
6.
Sequence Diagram Knowledge User
Gambar 4.10 Sequence Knowledge User
67
7.
Sequence Diagram Download User
Gambar 4.11 Sequence Download User
8.
Sequence Diagram Foto User
Gambar 4.12 Sequence Foto User
68
9.
Sequence Diagram Notulen User
Gambar 4.13 Sequence Notulen User
69
10. Sequence Diagram Perpustakaan User
Gambar 4.14 Sequence Perpustakaan User
70
11. Sequence Diagram Inbox User
:InboxWindow
User
:InboxHandler
aI:Inbox
:InboxDA
open_inbox()
Loop
open_inbox()
select_inbox(id_inbox)
select_inbox(id_inbox)
initInbox(id_inbox) read_inbox(aI) pengirim:=getPengirim() penerima:=getPenerima() judul_inbox:=getJudulInbox() isi_inbox:=getIsiInbox() tanggal:=getTanggal()
pengirim,penerima,judul_inbox,isi_inbox,tanggal pengirim,penerima,judul_inbox,isi_inbox,tanggal
Opt
create_new_inbox() create_new_inbox() create_new_inbox()
:Window_New_Message
add_new_inbox(id_inbox,pengirim,penerima,judul_inbox,isi_inbox,tanggal) add_new_inbox(id_inbox,pengirim,penerima,judul_inbox,isi_inbox,tanggal) add_new_inbox(id_inbox,pengirim,penerima,judul_inbox,isi_inbox,tanggal) add_new_inbox(id_inbox,pengirim,penerima,judul_inbox,isi_inbox,tanggal) save_new_inbox(aI) inbox_page inbox_page
Opt deleteInbox(id_inbox) deleteInbox(id_inbox) deleteInbox(id_inbox) deleteInbox(aI)
inbox_page inbox_page
Opt
createReply() createReply() createReply()
:Inbox_Reply_Window
add_reply_inbox(id_inbox,pengirim,penerima,judul_inbox,isi_inbox,tanggal) add_reply_inbox(id_inbox,pengirim,penerima,judul_inbox,isi_inbox,tanggal) add_reply_inbox(id_inbox,pengirim,penerima,judul_inbox,isi_inbox,tanggal) add_reply_inbox(id_inbox,pengirim,penerima,judul_inbox,isi_inbox,tanggal) save_reply() inbox_page inbox_page
Gambar 4.15 Sequence Inbox User
71
12. Sequence Diagram Chat User
Gambar 4.16 Sequence Chat User
72
4.1.4 User Interface Berikut ini adalah user interface yang diusulkan: 1.
Login Pada halaman Login ini (Gambar 4.17) ini, user dapar melakukan login account
dengan masukan username dan password, kemudian menekan login untuk verifikasi username.
Gambar 4.17 Login Interface
73
2.
Home & Berita Interface Pada halaman Home & News Interface ini (Gambar 4.18), aktifitas utamanya
adalah mengakses menu berita untuk melihat berita terbaru yang di informasikan.
Gambar 4.18 Home & Berita Interface
74
3.
Profil Perusahaan (Sejarah) Pada halaman Profil Perusahaan (Sejarah) Interface ini (Gambar 4.19), aktifitas
utamanya adalah melihat sejarah perusahaan.
Gambar 4.19 Sejarah Interface
75
4.
Profil Perusahaan (Struktur Organisasi) Pada halaman Profil Perusahaan (Struktur Organisasi) Interface ini (Gambar
4.20), aktifitas utamanya adalah melihat struktur organisasi perusahaan.
Gambar 4.20 Struktur Organisasi Interface
76
5.
Profil Perusahaan (Visi & Misi) Pada halaman Profil Perusahaan (Visi & Misi) Interface ini (Gambar 4.21),
aktifitas utamanya adalah melihat visi dan misi perusahaan.
Gambar 4.21 Visi & Misi Interface
77
78
6.
Profil Perusahaan (Mitra Perusahaan) Pada halaman Profil Perusahaan (Mitra Perusahaan) Interface ini (Gambar
4.22), aktifitas utamanya adalah melihat mitra perusahaan.
Gambar 4.22 Mitra Perusahaan Interface
79
7.
Lokasi Pada halaman Profil Perusahaan (Lokasi) Interface ini (Gambar 4.23), aktifitas
utamanya adalah melihat lokasi perusahaan.
Gambar 4.23 Lokasi Interface
80
8.
Sertifikat Pada halaman Profil Perusahaan (Sertifikat) Interface ini (Gambar 4.24),
aktifitas utamanya adalah melihat sertifikat yang diperoleh perusahaan
.
Gambar 4.24 Sertifikat Interface
81
9.
Pengetahuan Produk Pada halaman Pengetahuan Produk Interface ini (Gambar 4.25), aktifitas
utamanya adalah melihat produk dan penjelasan produk yang dijual oleh perusahaan.
Gambar 4.25 Pengetahuan Produk Interface
82
10. Forum Taxonomy Pada halaman Forum Taxonomy Interface ini (Gambar 4.26), aktifitas utamanya adalah memilih kategori mana yang dinginkan.
Gambar 4.26 Forum Taxonomy Interface
83
11. Sub Forum Taxonomy Pada halaman Sub Forum Taxonomy Interface ini (Gambar 4.27), aktifitas utamanya adalah memilih sub kategori mana yang dinginkan.
Gambar 4.27 Sub Forum Taxonomy Interface
84
12. Forum Pada halaman Forum ini (Gambar 4.28), aktifitas utamanya adalah melihat forum apa saja yang tersedia dan memungkinkan user untuk membuat topik baru.
Gambar 4.28 Forum Interface
85
13. Add New Forum Pada halaman Add New Forum Interface ini (Gambar 4.29), aktifitas utamanya adalah user menginput thread baru.
Gambar 4.29 Add New Forum Interface
86
14. Isi Forum Pada halaman Isi Forum Interface ini (Gambar 4.30), aktifitas utamanya adalah user melihat isi dari thread.
87 Gambar 4.30 Isi Forum Interface
15. Forum Reply Pada halaman Forum Reply Interface ini (Gambar 4.31), aktifitas utamanya adalah user me-reply forum.
Gambar 4.31 Forum Reply Interface
88
16. Knowledge Taxonomy Pada halaman Knowledge Taxonomy Interface ini (Gambar 4.32), aktifitas utamanya adalah memilih kategori knowledge mana yang dinginkan.
Gambar 4.32 Knowledge Taxonomy Interface
89
17. Knowledge Pada halaman Knowledge ini (Gambar 4.33), aktifitas utamanya adalah melihat knowledge apa saja yang tersedia dan memungkinkan user untuk membuat topik baru.
Gambar 4.33 Knowledge Interface
90
18. Add New Knowledge Pada halaman New Knowledge Interface ini (Gambar 4.34), aktifitas utamanya adalah user menginput knowledge baru.
Gambar 4.34 Add New Knowledge Interface
91
19. Isi Knowledge Pada halaman Isi Forum Interface ini (Gambar 4.35), aktifitas utamanya adalah user melihat thread yang ada dan memberikan komentar pada artikel tersebut.
Gambar 4.35 Isi Knowledge Interface
92
20. Download Pada halaman Download Interface ini (Gambar 4.36), aktifitas utamanya adalah user dapat mengunduh file yang tersedia.
Gambar 4.36 Download
Interface
93
21. Foto Pada halaman Foto Interface ini (Gambar 4.37), aktifitas utamanya adalah user dapat melihat foto aktivitas perusahaan dan foto tersebut dapat di unduh.
Gambar 4.37 Foto Interface
94
22. Download Foto Pada halaman Download Foto ini (Gambar 4.38), menjelaskan bagaimana cara unduh foto yang berada di Foto.
Gambar 4.38 Download Foto Interface
23. Perpustakaan Pada halaman Perpustakaan Interface ini (Gambar 4.39), aktifitas utamanya adalah user dapat melihat koleksi buku yang dimiliki perusahaan dan user dapat mengunduh buku.
95 Gambar 4.39 Perpustakaan Interface
24. New Perpustakaan Pada halaman Perpustakaan Interface ini (Gambar 4.40), aktifitas utamanya adalah user dapat meng-upload file Perpustakaan baru.
Gambar 4.40 New Perpustakaan Interface
96
25. Notulen Pada halaman Notulen Interface ini (Gambar 4.41), aktifitas utamanya adalah user dapat melihat notulen rapat dan dapat mengunduh notulen tersebut.
Gambar 4.41 Notulen Interface
26. Isi Notulen Pada halaman Isi Notulen Interface ini (Gambar 4.42), aktifitas utamanya adalah user dapat melihat notulen yang ada.
97
Gambar 4.42 Isi Notulen Interface
27. Inbox Pada halaman Inbox Interface ini (Gambar 4.43), aktifitas utamanya adalah user melihat pesan apa saja yang dikirim dan user dapat megirim pesan ke user lain.
Gambar 4.43 Inbox Interface
28. Isi Inbox Pada halaman Inbox Interface ini (Gambar 4.44), aktifitas utamanya adalah user menginput thread baru.
98
Gambar 4.44 Isi Inbox Interface
29. New Message Pada halaman New Message Interface ini (Gambar 4.45), aktifitas utamanya adalah user memasukan pesan baru untuk dikirimkan ke user lain.
Gambar 4.45 New Message Interface
30. Inbox Reply
99
Pada halaman Inbox Reply Interface ini (Gambar 4.46), user dapat membalas message yang ditujukan ke user tersebut.
Gambar 4.46 Inbox Reply Interface
31. Chat Pada halaman Chat Interface ini (Gambar 4.47), user dapat melakukan chating dengan sesama user
100
Gambar 4.47 Chat Interface
101
32. Report Pada halaman Report Interface ini (Gambar 4.48), Admin dapat melihat aktivitas para user seperti, download count, upload count, login count dan total post.
Gambar 4.48 Report Interface
4.2
Rencana Implementasi
4.2.1 Spesifikasi Sistem Komponen-komponen yang dibutuhkan untuk menerapkan Knowledge Management terbagi menjadi tiga bagian, yaitu perangkat keras (hardware), piranti lunak (software), dan sumber daya manusia (brainware). 4.2.1.1 Spesifikasi Perangkat Keras (Hardware) Komponen-komponen yang diperlukan untuk perangkat keras, antara lain : 1. Spesifikasi komputer server, antara lain: a.
Processor Intel® Xeon® Processor E3-1220 (8M Cache, 3.10 GHz).
102
b.
Memory 2GB (1x2GB) ECC DDR3-10600 UDIMM 1333 MHz.
c.
Hard disk 300GB 15K Hot-plug 3.5” LFF SAS.
d.
Chipset Intel® C200 Server Chipset.
2. Spesifikasi komputer client, antara lain: a.
Desktop PC Asus CM6630-2AA
b.
Processor Intel core i3-2100 (3.10 GHz, Cache 3 MB)
c.
2 GB DDR-3
d.
Intel Graphic Media Accelerator
e.
LCD Samsung SyncMaster S19A10N 18.5”, 1366 x 768
f.
USB Mouse
g.
USB Keyboard
4.2.1.2 Spesifikasi Piranti Lunak (Software) Komponen-komponen yang diperlukan untuk piranti lunak, antara lain : 1. Spesifikasi komputer server, antara lain: a.
Operating System Microsoft Windows Server.
b.
Database MySQL 5.1.30.
c.
Web Server XAMPP 1.7.3.
d.
PHP 5.3.
2. Spesifikasi komputer client, antara lain: a.
Operating System Microsoft Windows 7.
b.
Internet Explorer.
c.
Microsoft Office 2007.
103
4.2.1.3 Spesifikasi Sumber Daya Manusia (Brainware) Komponen
sumber
daya
yang
dibutuhkan
untuk
mengoperasikan
Knowledge Management ini, antara lain: 1. Administator Dibutuhkan seorang administrator yang bertugas untuk : a.
Mengendalikan atau mengarahkan jalannya Knowledge Management.
b.
Mengelola dan memelihara database.
2. User User yang dapat mengakses Knowledge Management ini adalah. semua staff yang dimiliki perusahaan.
4.2.2 Jadwal Implementasi Tabel 4-2 Rencana Implementasi Kegiatan
Bulan 1 1
Pembelian Hardware dan Software Instalasi dan konfigurasi
Implementasi Aplikasi Pelatihan User
Maintenance hasil implementasi
2
3
Bulan 2 4
1
2
3
Bulan 3 4
1
2
3
4
