BAB 4 PERANCANGAN SISTEM. sebagai dasar pemodelan sistem. Berikut akan ditampilkan class diagram, use case

Transkripsi

1 43

2 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 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. 96

3 Model First Cut Class Diagram Gambar 4.1 Domain Class Diagram

4 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 Updated Design Class Diagram

5 Gambar 4.3 di bawah ini adalah Model Update Design Class Diagram untuk perancangan knowledge management pada perusahaan. Gambar 4.3 Update Design Class Diagram

6 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) 2 <<Controller>> UserHandler 3 Categories Id: smallint (6) (PK) Name: varchar (256) Description: text Position: smallint (6) 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) 5 Document Category Id_category: int (15) (PK) Category: varchar(244) Total_document: int (15) Page_view: int (15) Login() View_user() Send_message() Login_admin() Add_new_user() Edit_user() Deactive_user() Logout() Get_user_data() Login() View_user() Send_message() Login_admin() Add_new_user() Edit_user() Deactive_user() Logout() Get_categories_data() Add_new () Delete() Get_user_data() Get_document_data() Get_document_cat_data() Add_new_category () Delete() Edit() Get_user_data() Get_document_cat_data() 6 <<Controller>> Document Handler Add_new () Delete()

7 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) 8 NoM Category Id_category: int (15) (PK) Category_name: varchar(255) Total_document: int (15) Page_view: int (11) 9 <<Controller>> NoMHandler 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) 11 Knowledge Category Id_categories: int(10) (PK) Categories_name: varchar (255) 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 13 <<Controller>> Knowledge Handler 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) Edit() Add_new () Delete() Get_user_data() Get_ NoM_data() Get_ NoM_category_data() Add_new_category () Delete() Edit() Get_user_data() Get_NoM_cat_data() Add_new () Delete() Edit() Add_new () Delete() Get_user_data() Get_Knowledge_data() Get_knowledge_cat_data() Get_knowledge_com_data() Add_new_category () Delete() Edit() Get_user_data() Get_knowledge_cat_data() Add_new_comment () Delete() Edit() Get_user_data() Get_knowledge_com_data() Add_new () Delete() Edit() Write_msg() Delete_msg() View_msg() Get_msg_data() Get_user_data() 15 Sent Id_sent: int (255) (PK) View_msg()

8 16 <<Controller>> Inbox Msg Handler Username: varchar (255) (FK) Contact: varchar (250) Subject: varchar (250) Date: date Time: time Message: varchar (60000) (FK) 17 News Id_news:int (15) (PK) Username: varchar (255) (FK) News_title: varchar (255) News_message: varchar (60000) Date: date Time: time 18 <<Controller>> NewsHandler Get_msg_data () Get_sent_data() Get_user_data() Write_msg() Delete_msg() View_msg() Write_news() Edit() Delete() Get_news_data() Write_news() Edit() Delete() 19 Gallery Id_photos: int (5) (PK) Title: varhchar (255) image: varchar (255) 20 Gallerycomments Id_comments: int (5) (PK) Id_photos: varchar (25) Username:varchar(255) Comments:varchar(255) 21 <<Controller>> GalleryHandler Date:date() 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_Gallery() Delete() Get_gallery_data() Add_new_Gallery_comments() Delete() Edit() Get_catarticle_cat_data() Add_new() Delete() Edit() Add_new () Delete() Get_user_data() Get_topics_data() 23 <<Controller>> TopicsHandler Add_new () Delete() Edit()

9 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 26 Visi User Id_visi:int(5) Username:varchar(255) 27 <<Controller>> Visi User Content:varchar(255) Add_new () Edit() Add_Visi() Edit_Visi() Delete_Visi() Add_new() Edit() Delete() 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. SISTEM INFORMASI TVRI

10 ADMIN USER USER ADMIN Download_NOM ADMIN USER

11 ADMIN USER ADMIN USER

12 ADMIN USER

13 c ADMIN Download_NOM USER Document Sharing Gallery c ADMIN USER ADMIN

14 USER ADMIN USER Gambar 4.4 Usecase Diagram Sequence Diagram Berikut adalah gambaran detail aliran interaksi antara aktor dengan sistem KM. Sequence diagram ini dikelompokan berdasarkan aliran interaksi pada tiap subsystem

15 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. 2. Sequence Diagram Notes of Meeting User

16 Gambar 4.6 Sequence Diagram Notes of Meeting. 3. Sequence Diagram Reminder System User Gambar 4.7 Sequence Diagram Reminder System User. 4. Sequence Diagram Forum System User

17 Gambar 4.8 Sequence Diagram Forum System User. 5. Sequence Diagram Sharing News User

18 Gambar 4.9 Sequence Diagram Sharing News User. 6. Sequence Diagram Sharing Knowledge User Gambar 4.10 Sequence Diagram Sharing Knowledge User. 7. Sequence Diagram Sharing Document User

19 Gambar 4.11 Sequence Diagram Sharing Document User. 8. Sequence Diagram Sharing Gallery User Gambar 4.12 Sequence Diagram Sharing Gallery User 9. Sequence Diagram Sending Message System User

20 Gambar 4.13 Sequence Diagram Sending Message System User. 10. Sequence Diagram Account System User Gambar 4.14 Sequence Diagram Account System User. 11. Sequence Diagram Notes of Meeting System Admin

21 Gambar 4.15 Sequence Diagram Notes of Meeting Admin. 12. Sequence Diagram Forum System Admin

22 Gambar 4.16 Sequence Diagram Forum System Admin. 13. Sequence Diagram Sharing News Admin

23 Gambar 4.17 Sequence Diagram Sharing News Admin. 14. Sequence Diagram Sharing Knowledge Admin

24 Gambar 4.18 Sequence Diagram Sharing Knowledge Admin. 15. Sequence Diagram Sharing Document Admin

25 Gambar 4.19 Sequence Diagram Sharing Document Admin. 16. Sequence Diagram Sharing Gallery Admin

26 Gambar 4.20 Sequence Diagram Sharing Gallery Admin. 17. Sequence Diagram Manage User System Admin

27 Gambar 4.21 Sequence Diagram Manage User System Admin.

28 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. Gambar 4.22 User Interface Login.

29 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. 4. User Interface Create Dreams

30 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. 6. User Interface Knowledge SubCategory

31 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. 8. User Interface Knowledge Comment Article

32 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. 10. User Interface Forum Topic

33 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 12. User Interface News List

34 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. 14. User Interface Notes of Meeting Category

35 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. 16. User Interface Document Category

36 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. 18. User Interface Add New Document

37 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. 20. User Interface Gallery Comment

38 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. 22. User Interface Contact Detail

39 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

40 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.49 ini adalah halaman untuk user melakukan penggantian password

41 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. 28. Admin Interface Forum Category

42 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

43 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. 32. Admin Interface Gallery Gambar 4.52 Admin Interface Document Category

44 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. 34. Admin Interface Add User Gambar 4.54 Admin Interface Manage User.

45 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 Navigation Diagram

46 Gambar 4.56 Navigation Diagram

47 4.2 Rencana Implementasi Jadwal Implementasi Tabel 4.3 Jadwal Implementasi Bulan 1 Bulan 2 Bulan 3 Bulan 4 Bulan 5 Kegiatan Minggu Minggu Minggu Minggu Minggu Identifikasi dan perancangan Pengadaan perangkat keras Instalasi dan penerapan aplikasi Training user Measurement KM 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) Spesifikasi Perangkat Keras

48 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 DDR 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 Hard disk 500 Gigabytes Spesifikasi Piranti Lunak Komponen-komponen yang diperlukan untuk piranti lunak: Spesifikasi komputer server: - Operating System Microsoft Windows Server Database MySQL Web Server Apache PHP PHPMyAdmin Spesifikasi komputer client: - Operating System Microsoft Windows XP Professional. - Internet Explorer atau Mozilla Firefox

49 Spesifikasi 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 User yang dapat mengakses adalah karyawan TVRI.