BAB III ANALISIS DAN PERANCANGAN
3.1 ANALISIS MASALAH
Berita adalah laporan tercepat mengenai fakta atau ide terbaru yang benar, berita tersebar ke khalayak luas melalui media kabar berkala seperti surat kabar, radio, televisi, atau media online internet. Pada saat ini portal berita merupakan salah satu media online yang cukup baik dalam penyebaran berita, karena portal berita dapat mempermudah penggunanya dalam menemukan berita yang dicari. selain dapat menghemat waktu, portal berita juga dapat menghemat biaya,bandwith dll. Agar portal berita dapat digunakan dengan banyak pengguna yang masingmasing komputer terdapat banyak perbedaan seperti sistem operasi, maka portal berita harus diimplementasikan ke dalam web service.
3.1.1 Analisis Pengguna
Sistem pada aplikasi ini memiliki dua pengguna yang saling terhubung, yaitu: 1. Admin, pengguna yang memiliki hak untuk mengatur tampilan web, mengelola member, mengelola kategori berita, mengelola berita, memfilter berita yang masuk dari member, dan keluar dari web atau log out. 2. Member, pengguna yang memiliki hak untuk mengelola berita, melihat berita dan mendapatkan berita.
26
27
3.1.2 Analisis Perangkat Lunak
Perangkat lunak merupakan salah satu kebutuhan yang wajib terpenuhi dalam merancang atau membangun suatu sistem, sehingga tujuan dari sistem yang dibangun dapat tercapai. Pembuatan web service berbasis data XML pada aplikasi portal berita berbasis web ini membutuhkan beberapa perangkat lunak sebagai media penunjang berjalannya aplikasi sesuai dengan kemampuannya. Beberapa kebutuhan tersebut adalah : 1. Antarmuka Pengguna Media sebagai penunjang berjalannya antarmuka, dibutuhkan web Browser untuk mengakses situs aplikasi portal berita seperti : Mozilla Firefox, Internet Explorer, Google Chrome, dan lain-lain. 2. Aplikasi Server Kebutuhan perangkat lunak untuk server menggunakan dua buah server, yaitu web server dan database server. Web server menggunakan aplikasi XAMPP 1.7.3 dan database server menggunakan PhpMyAdmin 3.2.4 dan MySql 5.0 yang berfungsi mengirimkan permintaan dari server ke klien dan sebaliknya. 3. Aplikasi Web Service Kebutuhan perangkat lunak untuk mengirimkan data dari web server ke web klien menggunakan XMLRPC sebagai service pengiriman data.
3.2 PERANCANGAN SISTEM
Berdasarkan analisa penulis pada pembuatan Web Service berbasis data XML pada aplikasi portal berita berbasis web tersebut, agar lebih mudah dimengerti maka penulis akan menjelaskan dan menggambarkan dalam bentuk diagram pemodelan yang terdiri dari, diagram use case, diagram sequence, dan diagram activity.
28
3.2.1 Pemodelan Diagram Use Case
Diagram use case digunakan untuk menganalisa kebutuhan dari aplikasi portal berita berbasis web dan web service yang akan dibangun. Diagram use case menunjukan fungsi dari suatu sistem dan bagaimana aktor berinteraksi dengan sistem. Pada aplikasi ini pemodelan use case dapat dilihat pada gambar 3.1 berikut.
29
3.2.1.1 Skenario Use Case dari sisi Actor/member Tabel 3.1 Deskripsi Use Case Kirim Berita Nama Use Case
:
Kirim Berita
Aktor
:
Member
Deskripsi
:
Pengguna atau Member dapat mengirim Berita ke web server
Tabel 3.2 Deskripsi Use Case Berita Nama Use Case
:
Berita
Aktor
:
Member
Deskripsi
:
Member dapat menempelkan berita dari web server ke dalam halaman web yang dimilikinya, dengan memanfaatkan web service yang dimiliki telah disediakan oleh web server. apabila terjadi penambahan data berupa berita pada web server maka data berita yang terdapat pada web member/pengguna otomatis berubah mengikuti perubahan pada web server
Tabel 3.3 Deskripsi Use Case Registrasi Member Nama Use Case
:
Registrasi
Aktor
:
Member
Deskripsi
:
Pengguna dapat mendaftar menjadi anggota dengan mengisi data pada form pendaftaran
30
3.2.1.2 Skenario Use Case dari sisi Admin
Tabel 3.4 Deskripsi Use Case Kelola Member Nama Use Case
:
Kelola Member
Aktor
:
Admin
Deskripsi
:
Admin dapat menambah member, mengubah data member, status member dan menghapus member
Tabel 3.5 Deskripsi Use Case Kelola Berita Nama Use Case
:
Kelola Berita
Aktor
:
Admin
Deskripsi
:
Admin dapat menambahkan berita, mengubah berita keseluruhan, memfilter berita dan juga menghapus berita
Tabel 3.6 Deskripsi Use Case Kelola Kategori Berita Nama Use Case
:
Kelola Kategori Berita
Aktor
:
Admin
Deskripsi
:
Admin dapat menambahkan Kategori berita, Mengubah kategori berita dan menghapus kategori berita
Tabel 3.7 Deskripsi Use Case Pengaturan Website Nama Use Case
:
Pengaturan Website
Aktor
:
Admin
Deskripsi
:
Admin dapat merubah pengaturan SEO agar web dapat dibaca search engine serta pengaturan kontak
31
3.2.2 Pemodelan Diagram Activity
3.2.2.1 Diagram activity registrasi member
Gambar 3.2 Activity diagram registrasi member
Tabel 3.8 Deskripsi Diagram Activity Registrasi Member Nama Activity
Diagram aktifitas registrasi Member
Aktor
Member
Deskripsi
Member memasukkan data Member
Prakondisi Tindakan
Memasukan data di form registrasi
Pasca Kondisa
Data disimpan kedalam database jika pendaftaran sukses, jika data belum lengkap maka member harus mengisi kembali form registrasi
32
3.2.2.2 Diagram activity login member
Gambar 3.3 Activity diagram login member
Tabel 3.9 Deskripsi Diagram Activity Login Member Nama Activity
Diagram aktifitas login member
Aktor
Member
Deskripsi
Member memasukkan username dan password Member
Pra Kondisi Tindakan
Memasukan username dan password Member
Pasca Kondisi
Jika login sukses Sistem menampilkan halaman utama Member tetapi jika login gagal maka member harus login kembali
33
3.2.2.3 Diagram Activity kirim berita member
Gambar 3.4 Activity diagram kirim berita member
Tabel 3.10 Deskripsi diagram activity kirim berita member Nama Activity
Diagram aktifitas kirim berita member
Aktor
Member
Deskripsi
Member memasukan berita member
Pra Kondisi
34
Tindakan
Memilih menu berita
Pasca Kondisi
Sistem menyimpan berita ke database dan menampilkan pesan bahwa berita telah berhasil terkirim ke admin dan menunggu
persetujuan
dari
untuk di publikasikannya berita.
3.2.2.4 Diagram Activity Berita Member
Gambar 3.5 Activity diagram berita member
Tabel 3.11 Deskripsi Diagram Activity Berita Member Nama Activity
Diagram aktifitas berita member
Aktor
Member
Deskripsi
Member mendapatkan berita
Pra Kondisi
admin
35
Tindakan
Menempelkan script method XML pada script member.
Pasca Kondisi
Web klien/member menarik berita dari web server melalui XMLRPC.
3.2.2.5 Diagram Activity Login Admin
Gambar 3.6 Activity diagram login admin
36
Tabel 3.12 Deskripsi Diagram Activity Login Admin Nama Activity
Diagram aktifitas login admin
Aktor
Admin
Deskripsi
Admin memasukkan username dan password
Pra Kondisi Tindakan
Memasukkan
data
username
dan
password admin Pasca Kondisi
Sistem menampilkan halaman utama admin jika admin gagal maka harus login kembali
3.2.2.6 Diagram Activity Kelola Member
Gambar 3.7 Activity diagram kelola member
37
Tabel 3.13 Deskripsi Diagram Activity Kelola Member Nama Activity
Diagram aktifitas kelola member
Aktor
Admin
Deskripsi
Admin melakukan manajemen data
Pra Kondisi
-
Tindakan
Mengelola data member dan admin
Pasca Kondisi
Data dikelola admin
3.2.2.7 Diagram Activity Kelola Kategori Berita
Gambar 3.8 Activity diagram kelola kategori berita
38
Tabel 3.14 Deskripsi Diagram Activity Kelola Kategori Berita Nama Activity
Diagram aktifitas kelola kategori berita
Aktor
Admin
Deskripsi
Admin melakukan manajemen data
Pra Kondisi
-
Tindakan
Mengelola data kategori berita
Pasca Kondisi
Data dikelola admin
3.2.2.8 Diagram Activity Kelola Website
Gambar 3.9 Activity diagram kelola website
39
Tabel 3.15 Diagram Activity Kelola Website Nama Activity
Diagram aktifitas kelola website
Aktor
Admin
Deskripsi
Admin melakukan manajemen website
Pra Kondisi
-
Tindakan
Mengelola pengaturan website
Pasca Kondisi
Website dikelola admin
3.2.2.9 Diagram Activity Kelola Berita
Gambar 3.10 Activity diagram kelola berita
40
Tabel 3.16 Diagram Activity Kelola Berita Nama Activity
Diagram aktifitas kelola berita
Aktor
Admin
Deskripsi
Admin melakukan manajemen berita
Pra Kondisi
-
Tindakan
Mengelola data berita
Pasca Kondisi
Berita dikelola admin
3.2.3 Pemodelan Diagram Sequence
3.2.3.1 Diagram Sequence Registrasi Member
Gambar 3.11 Diagram sequence registrasi member
41
Gambar 3.11 menggambarkan skenario registrasi member dimana member harus memasukkan data, jika data valid maka data akan disimpan ke database tetapi jika data tidak valid maka member harus memasukkan data kembali di form registrasi.
3.2.3.2 Diagram Sequence Login Member
Gambar 3.12 Diagram sequence login member Gambar 3.12 menggambarkan proses login member dimana sebelum masuk ke halaman member, member harus memasukkan data username dan password yang telah didaftarkan oleh member. Jika data valid maka pengguna akan masuk kehalaman awal member, tetapi jika data username dan password tidak valid maka member akan kembali ke halaman login.
42
3.2.3.3 Diagram Sequence Kirim Berita Member
Gambar 3.13 Diagram sequence kirim berita member
Gambar 3.13 menggambarkan proses pengiriman berita yang dilakukan oleh member dimana member harus memasukkan data seperti judul, konten, dan gambar berita pada form kirim berita yang nantinya data tersebut akan di kirim ke admin dan di filter oleh admin. Jika data layak di publikasikan maka akan dipulikasikan tetapi jika tidak layak maka tidak akan dipublikasikan.
43
3.2.3.4 Diagram Sequence Berita Member
Gambar 3.14 Diagram sequence berita member
Gambar 3.14 Menggambarkan Proses Penarikan Data berdasarkan kategori dari web server kepada web klien dengan menempelkan method yang telah disediakan oleh admin di dalam halaman utama klien.
44
3.2.3.5 Diagram sequence login admin
Gambar 3.15 Diagram sequence login admin
Gambar 3.15 diatas menggambarkan proses login admin dimana sebelum masuk ke halaman admin, admin harus memasukkan username dan password admin. Jika data valid maka admin akan masuk ke halaman admin, tetapi jika tidak valid maka admin harus memasukkan ulang username dan password yang valid di halaman login admin. Admin dapat mengakses menu seperti setting, member, kategori dan beriita jika sudah berhasil login.
45
3.2.3.6 Diagram Sequence Pengaturan Website
Gambar 3.16 Diagram sequence pengaturan website
Menggambarkan skenario Pengaturan Web yang dilakukan oleh admin, admin terlebih dahulu harus melakukan login untuk dapat melakukan pengaturan web server. Jika login tidak valid maka admin harus memasukkan username dan password yang valid.
46
3.2.3.7 Diagram Sequence Kelola Member
Gambar 3.17 Diagram sequence kelola member
Gambar 3.17 diatas menggambarkan skenario kelola member yang dilakukan oleh admin. Admin harus login terlebih dahulu untuk dapat mengakses menu member. Jika login gagal, admin harus kembali login.
47
3.2.3.8 Diagram sequence kelola kategori
Gambar 3.18 Diagram sequence kelola kategori
Gambar 3.18 diatas, menggambarkan skenario kelola kategori berita yang dilakukan oleh admin. Admin harus login terlebih dahulu untuk dapat mengakses menu kategori. Jika login gagal, admin harus kembali login.
48
3.2.3.9 Diagram Sequence Kelola Berita
Gambar 3.19 Diagram sequence kelola berita
Gambar 3.19 diatas, menggambarkan skenario kelola berita yang dilakukan oleh admin.sebelumnya admin harus login terlebih dahulu untuk dapat mengakses menu berita. Jika login gagal, maka admin harus kembali login.
49
3.3 ERD (Entity Relationship Diagram)
Gambar 3.20 ERD
3.4 PERANCANGAN BASIS DATA
Untuk kebutuhan dalam pengolahan data, maka diperlukan file-file yang berfungsi untuk menyimpan data-data. File database yang dibuat menggunakan phpMyAdmin dan MySQL ini memiliki spesifikasi data sebagai berikut:
50
3.4.1 Struktur Tabel
Struktur tabel adalah deskripsi atau gambaran mengenai penjelasan dari tabel, field, tipe data dan ukuran data. Struktur tabel digunakan untuk menjelaskan kedudukan sebagai tempat penyimpanan data. Tabel-tabel yang digunakan oleh penulis dalam pembuatan web service berbasis data XML pada aplikasi portal berita berbasis web adalah: 1. Tabel member Tabel ini digunakan untuk menyimpan data member, tabel ini terdiri dari username, password, nama_lengkap, email, telp_hp, idkategori, level dan status. Tabel 3.18 field-field pada tabel member Nama Field
Tipe Data
Panjang
Keterangan
username
Varchar
25
Primary Key
password
Varchar
25
nama_lengkap
Varchar
50
email
Varchar
25
telp_hp
Varchar
15
idkategori
Varchar
25
level
Varchar
15
status
Varchar
1
2. Tabel tblkategori Tabel ini digunakan untuk menyimpan data kategori berita, tabel ini terdiri dari id_kategori,kategori. Tabel 3.19 field-field pada tabel tblkategori Nama Field
Tipe Data
Panjang
Keterangan
id_kategori
Integer
5
Primary Key
Kategori
Varchar
50
51
3. Tabel tblcms Tabel ini digunakan untuk menyimpan data berita, tabel ini terdiri dari id, judul, id_kategori, Content, gambar, user, status, dan tanggal. Tabel 3.20 field-field pada tabel tblcms Nama Field
Tipe Data
Panjang
Keterangan
Id
Integer
15
Primary Key
Judul
Varchar
100
Idkategori
Varchar
15
Content
Text
-
Gambar
Varchar
100
User
Varchar
50
Status
Varchar
1
Tanggal
Datetime
-
4. Tabel Setting Tabel ini digunakan untuk menyimpan data pengaturan website, tabel ini terdiri dari id, judul, katakunci, deskripsi, nama, alamat, fb, twitter, ym, telp, dan email dan domain.
Tabel 3.21 field-field pada tabel setting Nama Field
Tipe Data
Panjang
Katakunci
Varchar
50
Deskripsi
Varchar
50
Domain
Varchar
25
Keterangan
52
5. Tabel Service Tabel ini digunakan untuk menyimpan data method dan informasi mengenai penarikan berita dari web server, tebel ini terdiri dari method dan informasi. Tabel 3.22 field-field pada tabel service Nama Field
Tipe Data
Panjang
Method
Varchar
15
Informasi
Text
Keterangan
3.5 PERANCANGAN ANTARMUKA
3.5.1 Struktur Tampilan Halaman Utama Member
Gambar 3.21 Struktur Tampilan Halaman Member Di dalam struktur halaman utama member, terdapat beberapa menu seperti Home, Berita dan Logout. Pertama-tama member melakukan login dengan memasukkan username dan password, jika login berhasil kemudian member dapat membuka halaman utama member. Jika member memilih menu Home maka member akan di tujukan ke halaman home dimana pada halaman home terdapat beberapa method web service dan cara penggunaannya, jika member memilih menu berita, maka member akan di tujukan ke halaman kelola berita. Halaman ini untuk mengirim berita dari member kepada admin untuk di publikasikan. Dan yang terakhir menu logout, dimana jika member memilih menu logout ini maka member akan keluar dari halaman utama member.
53
3.5.2 Struktur Tampilan Halaman Admin
Gambar 3.22 Struktur Tampilan Halaman Admin
Didalam struktur tampilan halaman utama admin, terdapat beberapa menu seperti Home, Setting, User, Kategori Berita, Berita dan Logout. Pertama-tama admin melakukan login dengan memasukkan username dan password admin, jika login berhasil kemudian admin dapat membuka halaman utama admin. di dalam halaman utama admin, jika admin memilih menu Home maka admin dapat melihat tampilan home, di menu setting admin dapat mengelola tampilan websitenya. di menu user, admin dapat mengelola user yang telah terdaftar. di menu kategori berita, admin dapat mengelola kategori berita. Di menu berita, admin dapat mengelola berita, dan yang terakhir di menu logout admin dapat meninggalkan halaman utama admin.
54
3.5.3 Rancangan Antarmuka Halaman Utama Situs
Gambar 3.23 Rancangan Halaman Utama Situs Gambar 3.23 adalah perancangan antar muka halaman utama situs yang berisikan menu home, berita, daftar member, hubungi kami, login admin dan member.
55
3.5.4 Rancangan Antar Muka Halaman Utama Admin
Gambar 3.24 Rancangan Halaman Utama Admin
Gambar 3.24 adalah perancangan Halaman Utama Admin yang berisikan menu home, setting, user, kategori berita, berita, menu method dan logout.
