BAB III ANALISA DAN PERANCANGAN

Transkripsi

1 BAB III ANALISA DAN PERANCANGAN Pada bab ini akan dijelaskan mengenai analisa system yang berjalan dan perancangan yang diusulkan untuk aplikasi blog dan modul forum framework Yii ANALISA SISTEM BERJALAN Pada analisa yang penulis lakukan ini terdiri dari analisa objek system yang berjalan, dengan mencari kelemahan sistem yang sedang berjalan pada Aplikasi blog dan modul forum yang telah tersedia pada framework Yii, serta mengevaluasi sistem yang sedang berjalan dengan harapan menghasilkan usulan rancangan sistem yang baru Objek Penelitian Analisis sistem aplikasi blog dan modul forum yang sedang berjalan pada framework Yii dibuat oleh dalam bentuk use case diagram dan activity diagram, karena kedua notasi UML ini mewakili secara sederhana dan bisa dijadikan sebagai bahan dalam evaluasi sistem yang berjalan secara efektif, sehingga sistem dapat terlihat tanpa harus mengetahui secara detail prosedur yang berjalan Diagram Sistem yang berjalan Kegiatan yang dilakukan sistem yang sedang berjalan pada aplikasi blog dan modul forum digambarkan menggunakan use case diagram yang digambarkan di dalam gambar bawah ini : 23

2 Gambar 3.1. Diagram Description : Login : Admin blog : Admin blog harus login terlebih dahulu untuk dapat masuk ke halaman admin dan mengakses data-data pada sistem. : Manage Post : Admin blog : Admin blog dapat memilih operasi apa yang akan dilakukan 24

3 terhadap post, bisa menambah post baru, menghapus post yang ada atau mengubah post lama : Approve Comment : Admin blog : Admin blog dapat memilih operasi apa yang akan dilakukan terhadap komentar, menyetujui komentar pada post, menghapus komentar yang ada atau mengubah komentar pada post. : View Post : User blog : User blog dapat masuk kedalam halaman home dan dapat melihat post yang ditampilkan. : Post Comment : User blog : User blog dapat melihat komentar yang ditampilkan pada post dan dapat mengisi komentar pada post yang ditampilkan dan menunggu persetujuan admin blog untuk ditampilkan komentarnya : Manage Forum : Admin forum : Admin forum dapat memilih operasi apa yang akan dilakukan terhadap forum, bisa menambah forum baru, menghapus forum yang ada atau mengubah forum lama : Manage Thread : Admin forum : Admin forum dapat memilih operasi apa yang akan dilakukan 25

4 terhadap thread, bisa menambah thread thread yang ada atau mengubah thread lama baru, menghapus : Manage Post : Admin Forum : Admin forum dapat memilih operasi apa yang akan dilakukan terhadap post pada thread, bisa menambah post baru, menghapus post yang ada atau mengubah post atau komentar. : Login Member : User Forum : User forum harus login terlebih dahulu untuk dapat masuk ke halaman member untuk dapat mengakses thread dan comment. : Create Thread : User Forum : User forum dapat menambah thread baru pada kategori forum. : Create Post : User Forum : User forum dapat menambah komentar atau post yang pada thread. : View Category : User Forum : User forum dapat masuk kedalam kategori forum dan melihat sub kategori forum yang ditampilkan. : View Thread 26

5 : User Forum : User forum dapat masuk kedalam thread dan melihat thread yang ditampilkan Activity Diagram sistem yang sedang berjalan Login Activity aplikasi blog Gambar 3.2. Login Blog Activity Diagram Manage Post aplikasi blog Gambar 3.3. Manage Post Activity Diagram 27

6 Manage comment aplikasi blog Gambar 3.4. Manage Comment Activity Diagram View post aplikasi blog Gambar 3.5. View Post Activity Diagram 28

7 Post comment aplikasi blog Gambar 3.6. Post Comment Activity Diagram Login Activity aplikasi forum Gambar 3.7. Login Forum Activity Diagram 29

8 Manage forum Gambar 3.8. Manage Forum Activity Diagram Manage thread Gambar 3.9. Manage Thread Activity Diagram 30

9 Manage post thread Gambar Manage Post Forum Activity Diagram Login Activity Member forum Gambar Login member forum Activity Diagram 31

10 Create Thread Gambar Create Thread Activity Diagram Create Post Gambar Create Post Activity Diagram 32

11 View Category Gambar View Category Activity Diagram View Thread Gambar View thread Activity Diagram 33

12 Evaluasi Sistem yang Sedang Berjalan Berdasarkan dari gambaran use case dan activity diagram maka terdapat beberapa kesimpulan mengenai sistem yang sedang berjalan pada aplikasi blog dan modul forum sebagai berikut: 1. User harus login dua kali untuk dapat masuk pada aplikasi blog dan forum. 2. Tidak dapat digabungkan antara aplikasi blog dan modul forum karena perbedaan struktur database. 3. Tidak ada fasilitas register pada aplikasi blog dan modul forum. 4. Aplikasi blog hanya terdapat satu user, yaitu user admin. 5. Tidak terdapat manage users. Gambar Permasalahan user sistem yang berjalan aplikasi blog dan modul forum Agar user dapat terintegrasi pada aplikasi blog dan forum pada sistem yang sedang berjalan maka diperlukan pengembangan lebih lanjut untuk dapat membuat single sign on pada kedua aplikasi. 34

13 3.2. Perancangan Sistem Aplikasi Blog dan Modul Forum Pada perancangan sistem ini diharapkan untuk dapat memberikan gambaran umum tentang sistem yang dikembangkan atau sistem baru Use case usulan rancangan Gambar Usulan Rancangan 35

14 Description : Login : Admin : Admin harus login terlebih dahulu untuk dapat masuk ke halaman admin dan mengakses data-data pada sistem. : Manage Users : Admin : Admin dapat memilih operasi apa yang akan dilakukan terhadap User, bisa menambah user baru, menghapus user atau mengubah user yang ada. : Manage Post Blog : Admin : Admin dapat memilih operasi apa yang akan dilakukan terhadap post, bisa menambah post baru, menghapus post yang ada atau mengubah post lama : Approve Comment Blog : Admin : Admin dapat memilih operasi apa yang akan dilakukan terhadap komentar, menyetujui komentar pada post, menghapus komentar yang ada atau mengubah komentar pada post. : Manage Forum : Admin : Admin dapat memilih operasi apa yang akan dilakukan terhadap forum, bisa menambah forum baru, menghapus forum yang ada atau mengubah forum lama 36

15 : Manage Thread : Admin : Admin dapat memilih operasi apa yang akan dilakukan terhadap thread, bisa menambah thread baru, menghapus thread yang ada atau mengubah thread lama : Manage Post Thread : Admin : Admin dapat memilih operasi apa yang akan dilakukan terhadap post yang ada pada thread, bisa menambah post baru, menghapus post atau mengubah post. : Login Member : User : User harus login terlebih dahulu untuk dapat masuk ke halaman member untuk dapat mengakses create post blog, create thread forum dan create post forum. : Register : User : User melakukan registrasi sebagai member pada aplikasi blog dan modul forum. : Create Post Blog : User : User dapat menambah post (berita) pada aplikasi blog. : Create Thread Forum : User : User dapat menambah thread baru pada kategori forum. 37

16 : Create Post thread : User : User dapat menambah komentar atau post yang pada thread. : View Post : User : User blog dapat masuk kedalam halaman home dan dapat melihat post yang ditampilkan. : Post Comment : User : User blog dapat melihat komentar yang ditampilkan pada post dan dapat mengisi komentar pada post yang ditampilkan dan menunggu persetujuan admin blog untuk ditampilkan komentarnya : View Category : User : User dapat masuk kedalam kategori forum dan melihat sub kategori forum yang ditampilkan. : View Thread : User : User dapat masuk kedalam thread dan melihat thread yang ditampilkan. 38

17 Activity Diagram Rancangan Usulan Login Activity Gambar Login Activity Diagram Manage Users Gambar manage User Activity Diagram 39

18 Manage Post Blog Gambar Manage Post Blog Activity Diagram Manage Comment Gambar Manage Comment Activity Diagram 40

19 Manage Forum Gambar Manage Forum Activity Diagram Manage Thread Gambar Manage Thread Activity Diagram 41

20 Manage Post Thread Gambar Manage Post Thread Activity Diagram Create Post Blog Gambar Create Post Activity Diagram 42

21 Create Thread Gambar Create Thread Activity Diagram Create Post Thread Gambar Create Post Thread Activity Diagram 43

22 Login Member Activity Gambar Login Member Activity Diagram Register Gambar Register Activity Diagram 44

23 View Post Blog Gambar View Post Blog Activity Diagram View Post Comment Gambar View Post Comment Activity Diagram 45

24 View Category Forum Gambar View Category Forum Activity Diagram View Thread Forum Gambar ViewThread Activity Diagram 46

25 View Post Forum Gambar View Post Forum Activity Diagram Class Diagram Gambar Class Diagram 47

26 3.3. Perancangan Basis Data Relasi Tabel Gambar Relasi Tabel Struktur Tabel Nama table : tbl_comment Penjelasan : menampilkan comment blog Primary Key : id Forent Key : post_id Field Field Type Id content Text status create_time author varchar(30) varchar(50) url varchar(50) post_id 48

27 Nama table : tbl_forum Penjelasan : menampilkan kategori forum Primary Key : id Forent Key : parent_id Field Field Type Id parent_id Title varchar(50) description Text listorder smallint(5) is_lock tinyint(1) Nama table : tbl_fpost Penjelasan : menampilkan post/thread forum Primary Key : id Forent Key : fauthor_id, thread_id, editor_id Field Field Type Id fauthor_id thread_id editor_id content Text created update Nama table : tbl_lookup Penjelasan : post status dan comment status Primary Key : id Field Field Type 49

28 Id name code Type Position varchar(20) varchar(20) Text Nama table : tbl_post Penjelasan : content blog Primary Key : id Forent Key : author_id Field Field Type Id title varchar(60) content Text tags Text status create_time update_time author_id Nama table : tbl_tag Penjelasan : tags blog Primary Key : id Field Id Name Frequency Field Type varchar(30) Nama table : tbl_thread Penjelasan : thread forum Primary key : id Forent Key : forum_id 50

29 Field Id forum_id subject is_sticky is_locked view_count created Field Type varchar(50) tiny int(1) tiny int(1) bigint(10) Nama table : tbl_user Penjelasan : user blog dan forum Primary key : id Unique key : Username Field Field Type Id Username varchar(15) saltpassword varchar(20) varchar(20) joindate timestamp level_id isactive laslogintime Timestamp 51

30 3.4. Perancangan Antarmuka Untuk halaman yang dilihat oleh user terdapat beberapa elemen-elemen yang dibagi menjadi 5 bagian, yaitu Header, menu, content, navigasi dan footer. Berikut merupakan gambar dari elemen halaman : Header Menu Content Navigasi Footer Gambar Rancangan antarmuka Perancangan Input Gambar 3.8. Rancangan Registrasi User Pada desain form registrasi user terdapat kode captcha yang harus diinput oleh user pada saat melakukan registrasi. 52