26
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 masing-masing 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.
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.
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.
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
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
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
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
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
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 admin 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
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
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
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
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
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
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 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.
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.
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.
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.
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.
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.
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.
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.
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:
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
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 Keterangan
Katakunci Varchar 50
Deskripsi Varchar 50
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 Keterangan
Method Varchar 15
Informasi Text
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.
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.
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.
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.
