96
BAB 4
PERANCANGAN SISTEM
4.1 Perancangan Sistem
Dalam mendesain knowledge management, penulis menggunakan metode UML sebagai dasar pemodelan sistem. Berikut akan ditampilkan class diagram, use case diagram, sequence diagram, dan navigation diagram.
4.1.1 Class Diagram
Pada perancangan domain class diagram terdiri dari tiga layer, yaitu : class diagram, first cut class diagram, dan update design class diagram. Pada Gambar 4.1 Gambar 4.2, Gambar 4.3 dapat dilihat perbedaan rancangan masing-masing layer.
• Domain Class Diagram
Gambar 4.1 di bawah ini adalah domain class diagram dari perancangan knowledge management pada bidang berita perusahaan.
Gambar 4.1 Domain Class Diagram
Gambar 4.2 di bawah ini adalah model first cut class diagram untuk perancangan knowledge management pada bidang berita perusahaan.
Gambar 4.2 First Cut Class Diagram
Gambar 4.3 di bawah ini adalah Model Update Design Class Diagram untuk perancangan knowledge management pada perusahaan.
Berikut ini pada Tabel 4.1 dapat dilihat penjabaran dari attributes dan operation dari masing-masing class pada Update Design Class Diagram. Masing-masing class ini dibuat berdasarkan struktur database pada MySQL.
Tabel 4.1 Penjabaran Attributes dan Operation Update Design Class Diagram
No Class Attributes Operations
1 User Id: int (50) (PK)
Username: varchar (100) Password: varchar (100) Nama: varchar (100) Kelamin: char (1) Jabatan: varchar (250) (FK) Bidang: varchar (255) Lahir: date Alamat: varchar (100) Level: varchar (10) Login() View_user() Send_message() Login_admin() Add_new_user() Edit_user() Deactive_user() Logout() Get_user_data() 2 <<Controller>> UserHandler Login() View_user() Send_message() Login_admin() Add_new_user() Edit_user() Deactive_user() Logout() 3 Categories Id: smallint (6) (PK)
Name: varchar (256) Description: text Position: smallint (6)
Get_categories_data()
4 Document Id_document: int (15) (PK) Id_category: int (15)(FK) File_name: varchar (255) File_name2: varchar (255) Username: varchar (255) (FK) Uploaded_date: date Downloaded: int (15) Download_file: mediumblob Size: int (100) Type: varchar (255) Add_new () Delete() Get_user_data() Get_document_data() Get_document_cat_data()
5 Document Category Id_category: int (15) (PK) Category: varchar(244) Total_document: int (15) Page_view: int (15) Add_new_category () Delete() Edit() Get_user_data() Get_document_cat_data() 6 <<Controller>> Document Handler Add_new () Delete()
Edit()
7 NoM Id_note: int (15) (PK)
Id_category: int (11) (FK) File_name: varchar (255) File_name2: varchar (255) Notulist: varchar (255) Meeting_place: varchar (255) Downloaded: int (15) Download_file: mediumblob Size: int (100) Type: varchar (255) Add_new () Delete() Get_user_data() Get_ NoM_data() Get_ NoM_category_data()
8 NoM Category Id_category: int (15) (PK) Category_name: varchar(255) Total_document: int (15) Page_view: int (11) Add_new_category () Delete() Edit() Get_user_data() Get_NoM_cat_data() 9 <<Controller>> NoMHandler Add_new () Delete() Edit() 10 Knowledge Id_knowledge: int (10) (PK)
Username: varchar (255) (FK) Knowledge_title: varchar (255) Knowledge_message: varchar (60000) Date: date Time: time Id_categories: int (10) (FK) Add_new () Delete() Get_user_data() Get_Knowledge_data() Get_knowledge_cat_data() Get_knowledge_com_data()
11 Knowledge Category Id_categories: int(10) (PK) Categories_name: varchar (255) Add_new_category () Delete() Edit() Get_user_data() Get_knowledge_cat_data() 12 Knowledge Comment Id_comment: int (10) (PK)
Id_knowledge: int (10) (FK) Username_comment: varchar (255) Comment_message: varchar (255) Date: date Time: time Add_new_comment () Delete() Edit() Get_user_data() Get_knowledge_com_data() 13 <<Controller>> Knowledge Handler Add_new () Delete() Edit() 14 Inbox Msg Id_msg: int (255) (PK)
Username: varchar (255) (FK) Subject: varchar (250) Sender: varchar (250) Status: varchar (250) Date: date Time: time Message: varchar (60000) Write_msg() Delete_msg() View_msg() Get_msg_data() Get_user_data()
Username: varchar (255) (FK) Contact: varchar (250) Subject: varchar (250) Date: date Time: time Message: varchar (60000) (FK) Get_msg_data () Get_sent_data() Get_user_data() 16 <<Controller>> Inbox Msg Handler Write_msg() Delete_msg() View_msg() 17 News Id_news:int (15) (PK) Username: varchar (255) (FK) News_title: varchar (255) News_message: varchar (60000) Date: date Time: time Write_news() Edit() Delete() Get_news_data() 18 <<Controller>> NewsHandler Write_news() Edit() Delete()
19 Gallery Id_photos: int (5) (PK) Title: varhchar (255) image: varchar (255)
Add_new_Gallery() Delete()
Get_gallery_data() 20 Gallerycomments Id_comments: int (5) (PK)
Id_photos: varchar (25) Username:varchar(255) Comments:varchar(255) Date:date() Add_new_Gallery_comments() Delete() Edit() Get_catarticle_cat_data() 21 <<Controller>> GalleryHandler Add_new() Delete() Edit() 22 Topics Parent: smallint (6)
Id: int (11) (PK) Id2: int (11) (PK) Title: varchar (256) Message: longtext Authorid: varchar (255) (FK) Timestamp: int (11) Timestamp2: int (11) Add_new () Delete() Get_user_data() Get_topics_data() 23 <<Controller>> TopicsHandler Add_new () Delete() Edit()
24 Reminder Id_reminder: int (5) (PK) Username: varchar (255) (FK) Sub_reminder: varchar (255) Isi_reminder: varchar (255) Start: date Deadline: date Add_new() Edit() Get_reminder_data() 25 <<Controller>> Reminder Handler Add_new () Edit() 26 Visi User Id_visi:int(5)
Username:varchar(255) Content:varchar(255) Add_Visi() Edit_Visi() Delete_Visi() 27 <<Controller>> Visi User Add_new() Edit() Delete()
4.1.2 Use Case Diagram
Gambar 4.4 ini menggambarkan use case diagram pada perancangan knowledge management perusahaan. Use case ini terdiri dari dua aktor yaitu user dan admin. Masing-masing memiliki hak akses sendiri dan dapat melakukan hal-hal seperti pada Gambar 4.4 berikut.
ADMIN ADMIN USER USER ADMIN ADMIN USER Download_NOM
ADMIN
USER
ADMIN ADMIN c USER Sharing Gallery ADMIN c USER Download_NOM Document
Gambar 4.4 Usecase Diagram
4.1.3 Sequence Diagram
Berikut adalah gambaran detail aliran interaksi antara aktor dengan sistem KM. Sequence diagram ini dikelompokan berdasarkan aliran interaksi pada tiap subsystem ADMIN
USER
seperti pada user case di atas (sub bab 4.1.2). Berikut adalah sequence diagram dari aplikasi KM ini.
1. Sequence Diagram Login System User
Gambar 4.5 Sequence Diagram Login System User.
Gambar 4.6 Sequence Diagram Notes of Meeting.
3. Sequence Diagram Reminder System User
Gambar 4.7 Sequence Diagram Reminder System User.
Gambar 4.8 Sequence Diagram Forum System User.
Gambar 4.9 Sequence Diagram Sharing News User.
6. Sequence Diagram Sharing Knowledge User
Gambar 4.10 Sequence Diagram Sharing Knowledge User.
Gambar 4.11 Sequence Diagram Sharing Document User.
8. Sequence Diagram Sharing Gallery User
Gambar 4.12 Sequence Diagram Sharing Gallery User
Gambar 4.13 Sequence Diagram Sending Message System User.
10. Sequence Diagram Account System User
Gambar 4.14 Sequence Diagram Account System User.
Gambar 4.15 Sequence Diagram Notes of Meeting Admin.
Gambar 4.16 Sequence Diagram Forum System Admin. 13. Sequence Diagram Sharing News Admin
Gambar 4.17 Sequence Diagram Sharing News Admin.
Gambar 4.18 Sequence Diagram Sharing Knowledge Admin.
Gambar 4.19 Sequence Diagram Sharing Document Admin.
Gambar 4.20 Sequence Diagram Sharing Gallery Admin. 17. Sequence Diagram Manage User System Admin
4.1.4 User Interface
User interface ini disusun berdasarkan penyesuaian hasil analisis knowledge goal, dan analisis kebutuhan perusahaan. Berikut ini adalah user interface yang diusulkan:
1. User Interface Login
Pada gambar 4.24 ini, user dapar melakukan login account dengan masukan username dan password, kemudian menekan submit untuk verifikasi username.
2. User Interface Home + Remainder+Dreams
Pada halaman Home ini (Gambar 4.25), aktifitas utamanya adalah mengakses menu remainder untuk melihat deadline tugas yang diberikan, melihat news terbaru yang di informasikan, dan mengisi dreams user sendiri.
Gambar 4.23 User Interface Home + Reminder+Dreams.
3. User Interface Create Reminder
Gambar 4.26 menunjukan window create reminder. Pada menu ini user harus mengisi field tersebut agar proses input sukses dilakukan.
Gambar 4.24 User Interface Create Reminder.
Gambar 4.27 menunjukan window create Dreams. Pada menu ini user harus mengisi field tersebut agar proses input sukses dilakukan.
Gambar 4.25 User Interface Create Dreams.
5. User Interface Knowledge Category
Gambar 4.28 ini adalah halaman awal ketika user memilih menu knowledge, pada halaman ini user dapat memilih kategori mana yang dinginkan.
Gambar 4.26 User Interface Knowledge Category.
Gambar 4.29 ini adalah halaman setelah user memilih kategori knowledge, pada halaman ini user dapat memilih sub kategori yang dinginkan.
Gambar 4.27 User Interface Knowledge SubCategory.
7. User Interface Create Knowledge
Gambar 4.30 ini adalah halaman untuk membuat artikel knowledge sesuai dengan sub kategori yang dipilih.
Gambar 4.28 User Interface Create Knowledge.
Gambar 4.31 ini adalah halaman setelah user memilih sub kategori knowledge, pada halaman ini user dapat membaca artikel dan memberikan pendapat mengenai artikel tersebut.
Gambar 4.29 User Interface Knowledge Comment Article.
9. User Interface Forum Category
Gambar 4.32 ini adalah halaman awal ketika user memilih menu forum, pada halaman ini user dapat memilih kategori mana yang dinginkan.
Gambar 4.30 User Interface Forum Category.
Gambar 4.33 ini adalah halaman setelah user memilih kategori forum, user dapat memilih topik yang diinginkan.
Gambar 4.31 User Interface Forum Topic.
11. User Interface Forum Topic Reply
Gambar 4.34 menunjukan halaman tampilan dari topik yang dipilih. User dapat melihat isi dari topik ini dan melakukan reply.
Gambar 4.32 User Interface Forum Topic Replay
Pada Gambar 4.35 ini user dapat melihat news list, di mana user dapat memilih news yang ingin dibacanya.
Gambar 4.33 User Interface News List.
13. User Interface News View
Pada gambar 4.36 menunjukan isi dari news. User dapat membaca news dipilih.
Gambar 4.34 User Interface News list.
Gambar 4.37 ini adalah halaman awal dari menu notes of meeting. Pada menu ini user dapat memilih kategori notes.
Gambar 4.35 User Interface Notes of Meeting Category.
15. User Interface Notes of Meeting SubCategory
Gambar 4.38 ini adalah halaman setelah user memilih kategori notes of meeting, pada halaman ini user dapat memilih kategori dan mengunduh file yang dinginkan.
Gambar 4.36 User Interface Notes of Meeting SubCategory.
Gambar 4.39 ini adalah halaman awal ketika user memilih menu document. User dapat memilih kategori document.
Gambar 4.37 User Interface Document Category.
17. User Interface Document SubCategory
Gambar 4.40 menunjukkan halaman setelah user memilih kategori. Pada halaman ini user dapat mengunduh file yang diinginkan .
Gambar 4.38 User Interface Document SubCategory.
Gambar 4.41 ini menunjukkan halaman ketika user akan memasukkan dokumen baru kedalam menu document.
Gambar 4.39 User Interface Add New Document.
19. User Interface Gallery
Gambar 4.42 ini adalah halaman awal ketika user memilih menu gallery, User dapat memilih gambar yang akan dilihat.
Gambar 4.40 User Interface Gallery.
Pada gambar 4.43 ini menunjukkan bahwa user dapat memberikan pendapatnya mengenai gambar yang telah dilihat.
Gambar 4.41 User Interface Gallery Comment.
21. User Interface Contact
Gambar 4.44 menunjukan halaman pertama ketika user memilih menu contact. Pada menu ini user dapat melihat list nama ID user. Dan mengirimkan pesan langsung kepada yang bersangkutan.
Gambar 4.42 User Interface Contact.
Pada gambar 4.45 ini user dapat melihat details dari contact, di mana terdapat data lengkap mengenai user yang ada.
Gambar 4.43 User Interface Contact details.
23. User Interface Contact Send Message
Gambar 4.46 memperlihatkan user dapat mengirimkan pesan kepada contact yang dipilih pada menu contact.
Gambar 4.44 User Interface Contact Send Message. 24. User Interface Company Profile
Pada gambar 4.47 ini user dapat mengakses infromasi seputar data perusahaan. Terdiri dari history, vision and mission, organization structure, stasiun transmisi, dan location.
Gambar 4.45 User Interface Company Profile.
25. User Interface Message
Gambar 4.48 ini adalah halaman message, halaman ini menampilkan seluruh pesan yang dikirim oleh user itu sendiri, dan pesan yang diterima dari user lainnya. User dapat melakukan forward message ke user lainnya, dan me-reply message.
Gambar 4.46 User Interface Message. 26. User Interface Change Password
Gambar 4.47 User Interface Change Password.
27. Admin Interface Knowledge Category
Gambar 4.50 menampilkan halaman admin knowledge category, administrator dapat menambah dan menghapus kategori yang ada.
Gambar 4.48 Admin Interface Knowledge Category.
Gambar 4.51 adalah halaman admin pada menu forum. Pada halaman ini administrator dapat menambahkan kategori baru, mengganti isi, menghapus, dan menetapkan kategori yang diletakkan di posisi paling atas.
Gambar 4.49 Admin Interface Forum Category.
29. Admin Interface News
Gambar 4.52 ini adalah halaman news khusus untuk admin, pada halaman ini admin dapat menambahkan news baru dan menghapus news yang sudah lewat tanggal berlakunya.
Gambar 4.50 Admin Interface News. 30. Admin Interface Notes of Meeting Category
Gambar 4.53 ini adalah tampilan halaman notes of meeting category khusus admin untuk menambahkan atau menghapus category document.
Gambar 4.51 Admin Interface Notes of Meeting.
31. Admin Interface Document Category
Gambar 4.54 ini adalah halaman document category khusus admin, untuk menambahkan dan menghapus category document.
Gambar 4.52 Admin Interface Document Category 32. Admin Interface Gallery
Gambar 4.55 ini adalah halaman gallery khusus admin, untuk menambahkan dan menghapus isi gallery.
Gambar 4.53 Admin Interface Gallery.
33. Admin Interface Manage User
Gambar 4.56 ini adalah halaman manage user khusus untuk admin, untuk menambahkan, mengedit, atau menghapus user.
Gambar 4.54 Admin Interface Manage User. 34. Admin Interface Add User
Gambar 4.57 ini adalah halaman add new user khusus untuk admin. Pada halaman ini admin harus mengisi field yang ada dengan lengkap untuk menambahkan user.
Gambar 4.55 Admin Interface Add User.
4.2 Rencana Implementasi
4.2.1 Jadwal Implementasi
Tabel 4.3 Jadwal Implementasi
Kegiatan
Bulan 1 Bulan 2 Bulan 3 Bulan 4 Bulan 5
Minggu Minggu Minggu Minggu Minggu
1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 Identifikasi dan perancangan Pengadaan perangkat keras Instalasi dan penerapan aplikasi Training user Measurement KM 4.3.1 Spesifikasi Sistem
Komponen-komponen yang dibutuhkan untuk menerapkan KM terbagi menjadi tiga bagian, yaitu perangkat keras (hardware), piranti lunak (software), dan sumber daya manusia (brainware).
Komponen-komponen yang diperlukan untuk perangkat keras:
• Spesifikasi komputer server, antara lain:
- Intel Xeon Processor E5620 (2.40 GHz, FSB 5.86 GT/s, Cache 12 MB).
- Memory 6 GB (3x 2 GB) ECC DDR3-10600 Registered RDIMM 1333 MHz.
- Hard disk 1 Terabytes.
• Spesifikasi komputer client, antara lain:
- Intel Core i5-750 Processor (8M Cache, 2.66 GHz)
- Memory 2 GB DDR-3 SODIMM PC-8500.
- Hard disk 500 Gigabytes.
1.3.1.2Spesifikasi Piranti Lunak
Komponen-komponen yang diperlukan untuk piranti lunak:
• Spesifikasi komputer server:
- Operating System Microsoft Windows Server 2007.
- Database MySQL 5.0.41.
- Web Server Apache 2.2.12.
- PHP 5.3.0.
- PHPMyAdmin 3.2.0.1.
• Spesifikasi komputer client:
- Operating System Microsoft Windows XP Professional.
1.3.1.3Spesifikasi Sumber Daya Manusia
Komponen sumber daya yang dibutuhkan untuk mengoperasikan rancangan KM ini adalah:
• Admin
Admin memiliki tugas untuk:
- Mengendalikan atau mengarahkan jalannya KM.
- Mengelola dan memelihara database.
• User
