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.
3.1. 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.
3.1.1. 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.
3.1.2. Use Case Diagram Sistem yang berjalan 3.1.2.1. Use Case 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
Gambar 3.1. Use Case Diagram 3.1.2.2 Use Case Description Use Case
: Login
Actor
: Admin blog
Flow
: Admin blog harus login terlebih dahulu untuk dapat masuk ke halaman admin dan mengakses data-data pada sistem.
Use Case
: Manage Post
Actor
: Admin blog
Flow
: Admin blog dapat memilih operasi apa yang akan dilakukan
24
terhadap post, bisa menambah post baru, menghapus post yang ada atau mengubah post lama
Use Case
: Approve Comment
Actor
: Admin blog
Flow
: Admin blog dapat memilih operasi apa yang akan dilakukan terhadap
komentar,
menyetujui
komentar
pada
post,
menghapus komentar yang ada atau mengubah komentar pada post.
Use Case
: View Post
Actor
: User blog
Flow
: User blog dapat masuk kedalam halaman home dan dapat melihat post yang ditampilkan.
Use Case
: Post Comment
Actor
: User blog
Flow
: 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
Use Case
: Manage Forum
Actor
: Admin forum
Flow
: Admin forum dapat memilih operasi apa yang akan dilakukan terhadap forum, bisa menambah forum baru, menghapus forum yang ada atau mengubah forum lama
Use Case
: Manage Thread
Actor
: Admin forum
Flow
: Admin forum dapat memilih operasi apa yang akan dilakukan
25
terhadap thread, bisa menambah thread
baru, menghapus
thread yang ada atau mengubah thread lama
Use Case
: Manage Post
Actor
: Admin Forum
Flow
: 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.
Use Case
: Login Member
Actor
: User Forum
Flow
: User forum harus login terlebih dahulu untuk dapat masuk ke halaman member untuk dapat mengakses thread dan comment.
Use Case
: Create Thread
Actor
: User Forum
Flow
: User forum dapat menambah thread baru pada kategori forum.
Use Case
: Create Post
Actor
: User Forum
Flow
: User forum dapat menambah komentar atau post yang pada thread.
Use Case
: View Category
Actor
: User Forum
Flow
: User forum dapat masuk kedalam kategori forum dan melihat sub kategori forum yang ditampilkan.
Use Case
: View Thread
26
Actor
: User Forum
Flow
: User forum dapat masuk kedalam thread dan melihat thread yang ditampilkan.
3.1.3. Activity Diagram sistem yang sedang berjalan 3.1.3.1. Login Activity aplikasi blog
Gambar 3.2. Login Blog Activity Diagram 3.1.3.2. Manage Post aplikasi blog
Gambar 3.3. Manage Post Activity Diagram
27
3.1.3.3. Manage comment aplikasi blog
Gambar 3.4. Manage Comment Activity Diagram 3.1.3.4 . View post aplikasi blog
Gambar 3.5. View Post Activity Diagram
28
3.1.3.5. Post comment aplikasi blog
Gambar 3.6. Post Comment Activity Diagram 3.1.3.6. Login Activity aplikasi forum
Gambar 3.7. Login Forum Activity Diagram
29
3.1.3.7. Manage forum
Gambar 3.8. Manage Forum Activity Diagram 3.1.3.8. Manage thread
Gambar 3.9. Manage Thread Activity Diagram
30
3.1.3.9. Manage post thread
Gambar 3.10. Manage Post Forum Activity Diagram 3.1.3.10. Login Activity Member forum
Gambar 3.11. Login member forum Activity Diagram
31
3.1.3.11. Create Thread
Gambar 3.12. Create Thread Activity Diagram 3.1.3.12. Create Post
Gambar 3.13. Create Post Activity Diagram
32
3.1.3.13. View Category
Gambar 3.14. View Category Activity Diagram 3.1.3.14. View Thread
Gambar 3.15. View thread Activity Diagram
33
3.1.4. 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 3.16. 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
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. 3.2.1. Use case usulan rancangan
Gambar 3.17. Use Case Usulan Rancangan
35
3.2.2. Use Case Description Use Case
: Login
Actor
: Admin
Flow
: Admin harus login terlebih dahulu untuk dapat masuk ke halaman admin dan mengakses data-data pada sistem.
Use Case
: Manage Users
Actor
: Admin
Flow
: Admin dapat memilih operasi apa yang akan dilakukan terhadap User, bisa menambah user baru, menghapus user atau mengubah user yang ada.
Use Case
: Manage Post Blog
Actor
: Admin
Flow
: Admin dapat memilih operasi apa yang akan dilakukan terhadap post, bisa menambah post baru, menghapus post yang ada atau mengubah post lama
Use Case
: Approve Comment Blog
Actor
: Admin
Flow
: Admin dapat memilih operasi apa yang akan dilakukan terhadap
komentar,
menyetujui
komentar
pada
post,
menghapus komentar yang ada atau mengubah komentar pada post.
Use Case
: Manage Forum
Actor
: Admin
Flow
: Admin dapat memilih operasi apa yang akan dilakukan terhadap forum, bisa menambah forum baru, menghapus forum yang ada atau mengubah forum lama
36
Use Case
: Manage Thread
Actor
: Admin
Flow
: Admin dapat memilih operasi apa yang akan dilakukan terhadap thread, bisa menambah thread
baru, menghapus
thread yang ada atau mengubah thread lama Use Case
: Manage Post Thread
Actor
: Admin
Flow
: Admin dapat memilih operasi apa yang akan dilakukan terhadap post yang ada pada thread, bisa menambah post baru, menghapus post atau mengubah post.
Use Case
: Login Member
Actor
: User
Flow
: User harus login terlebih dahulu untuk dapat masuk ke halaman member untuk dapat mengakses create post blog, create thread forum dan create post forum .
Use Case
: Register
Actor
: User
Flow
: User melakukan registrasi sebagai member pada aplikasi blog dan modul forum.
Use Case
: Create Post Blog
Actor
: User
Flow
: User dapat menambah post (berita) pada aplikasi blog.
Use Case
: Create Thread Forum
Actor
: User
Flow
: User dapat menambah thread baru pada kategori forum.
37
Use Case
: Create Post thread
Actor
: User
Flow
: User dapat menambah komentar atau post yang pada thread.
Use Case
: View Post
Actor
: User
Flow
: User blog dapat masuk kedalam halaman home dan dapat melihat post yang ditampilkan.
Use Case
: Post Comment
Actor
: User
Flow
: 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
Use Case
: View Category
Actor
: User
Flow
: User dapat masuk kedalam kategori forum dan melihat sub kategori forum yang ditampilkan.
Use Case
: View Thread
Actor
: User
Flow
: User dapat masuk kedalam thread dan melihat thread yang ditampilkan.
38
3.2.3. Activity Diagram Rancangan Usulan 3.2.3.1. Login Activity
Gambar 3.18. Login Activity Diagram 3.2.3.2. Manage Users
Gambar 3.19. manage User Activity Diagram
39
3.2.3.3. Manage Post Blog
Gambar 3.20. Manage Post Blog Activity Diagram 3.2.3.4. Manage Comment
Gambar 3.21. Manage Comment Activity Diagram
40
3.2.3.5. Manage Forum
Gambar 3.22. Manage Forum Activity Diagram 3.2.3.6. Manage Thread
Gambar 3.23. Manage Thread Activity Diagram
41
3.2.3.7. Manage Post Thread
Gambar 3.24. Manage Post Thread Activity Diagram 3.2.3.8. Create Post Blog
Gambar 3.25. Create Post Activity Diagram
42
3.2.3.9. Create Thread
Gambar 3.26. Create Thread Activity Diagram 3.2.3.10. Create Post Thread
Gambar 3.27. Create Post Thread Activity Diagram
43
3.2.3.11. Login Member Activity
Gambar 3.28. Login Member Activity Diagram 3.2.3.12. Register
Gambar 3.29. Register Activity Diagram
44
3.2.3.13. View Post Blog
Gambar 3.30. View Post Blog Activity Diagram 3.2.3.14. View Post Comment
Gambar 3.31. View Post Comment Activity Diagram 45
3.2.3.15. View Category Forum
Gambar 3.32. View Category Forum Activity Diagram 3.2.3.16. View Thread Forum
Gambar 3.33. ViewThread Activity Diagram
46
3.2.3.17. View Post Forum
Gambar 3.34. View Post Forum Activity Diagram 3.2.4. Class Diagram
Gambar 3.35. Class Diagram 47
3.3. Perancangan Basis Data 3.3.1. Relasi Tabel
Gambar 3.36. Relasi Tabel 3.3.2. Struktur Tabel Nama table : tbl_comment Penjelasan : menampilkan comment blog Primary Key : id Forent Key : post_id Field
Field Type
Id
int(11)
content
Text
status
int(11)
create_time
int(11)
author
varchar(30)
email
varchar(50)
url
varchar(50)
post_id
int(11)
48
Nama table : tbl_forum Penjelasan : menampilkan kategori forum Primary Key : id Forent Key : parent_id Field
Field Type
Id
int(11)
parent_id
int(11)
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
int(11)
fauthor_id
int(11)
thread_id
int(11)
editor_id
int(11)
content
Text
created
int(11)
update
int(11)
Nama table : tbl_lookup Penjelasan : post status dan comment status Primary Key : id Field
Field Type
49
Id
int(11)
name
varchar(20)
code
int(11)
Type
varchar(20)
Position
Text
Nama table : tbl_post Penjelasan : content blog Primary Key : id Forent Key : author_id Field
Field Type
Id
int(11)
title
varchar(60)
content
Text
tags
Text
status
int(11)
create_time
int(11)
update_time
int(11)
author_id
int(11)
Nama table : tbl_tag Penjelasan : tags blog Primary Key : id Field
Field Type
Id
int(11)
Name
varchar(30)
Frequency
int(11)
Nama table : tbl_thread Penjelasan : thread forum Primary key : id Forent Key : forum_id 50
Field
Field Type
Id
int(11)
forum_id
int(11)
subject
varchar(50)
is_sticky
tiny int(1)
is_locked
tiny int(1)
view_count
bigint(10)
created
int(11)
Nama table : tbl_user Penjelasan : user blog dan forum Primary key : id Unique key : Username Field
Field Type
Id
int(11)
Username
varchar(15)
saltPassword
varchar(20)
email
varchar(20)
joindate
timestamp
level_id
int(11)
isActive
int(11)
lasLoginTime
Timestamp
51
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 3.37. Rancangan antarmuka 3.4.1. 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
