BAB III ANALISIS DAN PERANCANGAN

Transkripsi

1 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 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

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 dan database server menggunakan PhpMyAdmin 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 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.

4 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

5 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

6 Pemodelan Diagram Activity 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 Deskripsi Member Member memasukkan data Member Prakondisi Tindakan Pasca Kondisa Memasukan data di form registrasi Data disimpan kedalam database jika pendaftaran sukses, jika data belum lengkap maka member harus mengisi kembali form registrasi

7 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

8 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 Deskripsi Pra Kondisi Member Member memasukan berita member

9 34 Tindakan Pasca Kondisi Memilih menu berita Sistem menyimpan berita ke database dan menampilkan pesan bahwa berita telah berhasil terkirim ke admin dan menunggu persetujuan dari admin untuk di publikasikannya berita 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

10 35 Tindakan Pasca Kondisi Menempelkan script method XML pada script member. Web klien/member menarik berita dari web server melalui XMLRPC Diagram Activity Login Admin Gambar 3.6 Activity diagram login admin

11 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 Diagram Activity Kelola Member Gambar 3.7 Activity diagram kelola member

12 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 Diagram Activity Kelola Kategori Berita Gambar 3.8 Activity diagram kelola kategori berita

13 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 Diagram Activity Kelola Website Gambar 3.9 Activity diagram kelola website

14 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 Diagram Activity Kelola Berita Gambar 3.10 Activity diagram kelola berita

15 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 Pemodelan Diagram Sequence Diagram Sequence Registrasi Member Gambar 3.11 Diagram sequence registrasi member

16 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 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.

17 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.

18 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.

19 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.

20 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.

21 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.

22 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.

23 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.

24 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:

25 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, , 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 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

26 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 dan domain. Tabel 3.21 field-field pada tabel setting Nama Field Tipe Data Panjang Keterangan Katakunci Varchar 50 Deskripsi Varchar 50 Domain Varchar 25

27 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 Keterangan Method Varchar 15 Informasi Text 3.5 PERANCANGAN ANTARMUKA 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.

28 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.

29 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.

30 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.