I. PENDAHULUAN1.1 Garis Besar Permasalahan Seiring dengan dengan kemajuan teknologi, menuntut manusia untuk selalu mengikuti perkembangan zaman, salah satu langkah yang harus dilakukan adalah dengan selalu mengetahui berita berita terbaru. Namun dengan kesibukan manusia yang sebanding dengan perkembangan zaman, menyusahkan manusia untuk selalu mengikuti perkembangan informasi yang terjadi. Oleh karena itu tujuan dibuatnya sistem ini agar memudahkan manusia untuk selalu mengetahui informasi terbaru kapan pun dan dimana pun. Informasi dari belahan dunia mana pun bisa dengan mudah sampai ke telingan manusia cukup dengan akses internet yang semakin hari semakin menjamur.1.2 Batasan atau Ruang Lingkup Dari latar belakang yang sudah dibahas, maka akan dibuat sistem portal berita yang menyediakan fitur fitur sederhana guna mempermudah pengguna untuk menggunakan sistem protal berita tersebut.1.3 Tujuan Proyek1.3.1 Untuk memudahkan manusia mendapatkan informasi dengan mudah dan cepat.1.3.2 Memanfaatkan kecanggihan teknologi.1.3.3 Memberikan informasi yang up to date.

II. SPESIFIKASI2.1 Fungsi Perangkat Lunak Fungsi dari perangkat lunak ini untuk menyampaikan berbagai informasi umum, ekonomi, sosial, budaya, olahraga, otomotif, kesehatan, dan kriminal dengan lebih efektif, cepat, akurat, dan up to date berbasis internet yang dapat diakses kapan pun dan dimana pun.2.1.1 Timeline berita Timeline berita merupakan berita yang tersusun berdasarkan waktu diterbitkannya berita tersebut secara realtime yang dapat diakses oleh siapapun yang mengakses situs ini agar berita lebih up to date.2.1.2 Kategori Kategori berita merupakan berita yang tersusun berdasarkan kategori berita untuk memudahkan user mengakses berita sesuai kategori yang tersedia. Seperti : ekonomi, sosial, budaya, olahraga, otomotif, kesehatan, dan kriminal.2.1.3 Search (Pencarian) Search berguna untuk mencari berita sesuai kata kunci (Key word) yang diinputkan.

2.2 Deskripsi Data Berikut adalah daftar table data dari sistem ini :2.2.1 Table BeritaField NameTypeSize

PKNo_beritaInteger5

Judul_beritaString100

Isi_beritaString10000

Nama_penulisString20

No_adminInteger20

ViewerInteger7

2.2.2 Table adminField NameTypeSize

PKNo_adminInteger20

Nama_adminString50

Pass_adminString20

2.3 Spesifikasi interaksi manusia dan mesin yang digunakanSemua data yang dibutuhkan di-input-kan melalui keyboard dan mouse. Lalu data yang masuk diolah dan disimpan pada local database dengan security yang aman. Untuk dapat membuka database berita, admin harus dapat login sebagai pengguna yang sesuai dengan ijin yang tersedia.

2.3.1 Batasan masalah Adapun batasan dari sistem ini adalah sebagai berikut: 2.3.1.1 Situs ini berbasis web dan web-mobile.2.3.1.2 Sistem ini mengolah data berita, penulis, dan data admin.2.3.1.3 Situs dapat diakses oleh siapa pun tanpa harus login (bersifat viewer)2.3.1.4 Penerbitan berita dibawah izin admin sebagai accessor.

III. DESAIN

3.1 Use Case

3.2 Skenario Use Case3.2.1 No. Use case : 1Aktor : Pembaca Nama use case: Melihat timeline berita Deskripsi: Proses melihat dan membaca berita pada timeline Pre cond: Pembaca belum melihat berita Post cond: Pembaca sudah melihat beritaAktorSistem

1. Mengakses www.detik.com2. Menampilkan timeline berita pada halaman utama

3.2.2 No. Use case: 2Aktor: PembacaNama use case : Mencari beritaDeskripsi: Proses pencarian berita bedasarkan kata kunci yang dimaksudPre cond: Berita yang dimaksud belum ditemukanPost cond: Berita yang dimaksud sudah ditemukan

AktorSistem

1. Menginput kata kunci pada kolom pencarian3. Mengakses DB berita

2. Menekan tombol cari4. Menampilkan judul maupun isi berita yang terdapat kata yang sama dengan kata kunci

5. Memilih berita yang muncul pada halaman pencarian6. Menampilkan berita yang dipilih

3.2.3 No. Use case : 3Aktor: PembacaNama use case : Memilih kategori beritaDeskripsi: Proses memilih berita berdasarkan kategoriPre cond: Kategori berita sudah ada pada databasePost cond: Menampilkan berita sesuai ketegori

AktorSistem

1. Memilih kategori yang terdapat pada halaman utama2. Mengakses DB berita

4. Memilih judul berita3. Menampilkan berita yang terdapat pada kategori yang dimaksud dan tersusun berdasarkan waktu terbit

5. Menampilkan isi berita yang dipilih

3.2.4 No use case: 4Aktor: AdminNama use case: LoginDeskripsi: Proses autentikasi username dan password Pre cond: Username dan password sudah ada pada databasePost cond: Hak akses diberikan

AktorSistem

1. Memasukkan username dan password3. Mengecek username dan password di database

2. Menekan tombol login4. Memberiakan notifikasi login berhasil

5. Menampilkan halaman input berita dan edit berita

3.2.5 No use case: 5Aktor: AdminNama use case: Menginput beritaDeskripsi: Menginput beriita terbaruPre cond: Berita belum ada pada DBPost cond: Berita sudah ada di DB

AktorSistem

1. Menginput judul, penulis, dan isi berita yang sudah divalidasi dari penulis3. Menyimpan judul, penulis, dan isi berita pada DB

2. Menekan tombol terbitkan4. Menampilkan notifikasi berhasil terbit

3.2.6 No use case: 6Aktor: AdminUse case: Mengedit dataDeskripsi: Proses edit berita apabila terjadi kesalahan inputPre cond: Berita belum di ubahPost cond: Berita sudah di ubah

AktorSistem

1. Mengetik judul berita pada kolom search di halaman edit berita3. Mengakse DB berita

2. Menekan tombol cari4. Menampilkan judul berita yang di cari

5. Memililh berita yang dimaksud6. Menampilkan detail berita

7. Menekan tombol edit8. Menampilkan form edit

9. Mengedit judul, isi, maupun penulis11. Menyimpan hasil edit pada DB

10. Menekan tombol simpan12. Menampilkan notifikasi berhasil disimpan

3.3 Class Diagram

Objek Diagram

3.4 Interaction Diagram3.4.1 Squence diagram3.4.1.1 Melihat data timeline

3.4.1.2 Cari berita

3.4.1.3 Kategori berita

3.4.1.4 Login

3.4.1.5 Input berita

3.4.1.6 Mengedit berita

3.4.2 Kolaborasi diagram

3.5 State Diagram

3.6 Activity Diagram

3.7 Component Diagram

3.8 Deployment Diagram

IV. Desain User Interface4.1 User Interface Home Page

4.2 User Interface Search Page

4.3 User Interface Sesuai Kategori yang dipilih

4.4 User Interface Login Admin

4.5 UI Input & Edit Berita

V. Referensihttp://www.gunadarma.ac.id/library/articles/graduate/computer-science/2009/Artikel_11105192.pdf (Diakses tanggal 5 Mei 2015)

VI. Pembagian Tugas

0612U005 Redo Rinandi : BAB 1. PENDAHULUAN - GARIS BESAR PERMASALAHAN - LINGKUNGAN/BATASAN APLIKASI DAN KARAKTERISTIK PENGGUNA - TUJUAN PROYEKBAB 2. SPESIFIKASI - FUNGSI PERANGKAT LUNAK - DESKRIPSI DATA - SPESIFIKASI INTERAKSI MANUSIA DAN MESIN YANG DIGUNAKAN- BATASAN APLIKASIBAB 3. DESAIN - USE CASE - SKENARIO USE CASE - CLASS DIAGRAM DAN OBJEK DIAGRAM- INTERACTION DIAGRAM - SEQUENCE DIAGRAM - COLLABORATION DIAGRAM- STATE DIAGRAM- ACTIVITY DIAGRAM- COMPONENT DIAGRAM- DEPLOYMENT DIAGRAM

BAB 4. HALAMAN USER INTERFACEBAB 5. REFERENSIBAB 6. PEMBAGIAN TUGAS

0612U032 Ahmad Yunus : BAB 1. PENDAHULUAN - GARIS BESAR PERMASALAHAN - LINGKUNGAN/BATASAN APLIKASI DAN KARAKTERISTIK PENGGUNA - TUJUAN PROYEKBAB 2. SPESIFIKASI - FUNGSI PERANGKAT LUNAK - DESKRIPSI DATA - SPESIFIKASI INTERAKSI MANUSIA DAN MESIN YANG DIGUNAKAN- BATASAN APLIKASIBAB 3. DESAIN - USE CASE - SKENARIO USE CASE - CLASS DIAGRAM DAN OBJEK DIAGRAM- INTERACTION DIAGRAM - SEQUENCE DIAGRAM - COLLABORATION DIAGRAM- STATE DIAGRAM- ACTIVITY DIAGRAM- COMPONENT DIAGRAM- DEPLOYMENT DIAGRAM

BAB 4. HALAMAN USER INTERFACEBAB 5. REFERENSIBAB 6. PEMBAGIAN TUGAS

0612U020 Ari Nugroho:BAB 1. PENDAHULUAN - GARIS BESAR PERMASALAHAN - LINGKUNGAN/BATASAN APLIKASI DAN KARAKTERISTIK PENGGUNA - TUJUAN PROYEKBAB 2. SPESIFIKASI - FUNGSI PERANGKAT LUNAK - DESKRIPSI DATA - SPESIFIKASI INTERAKSI MANUSIA DAN MESIN YANG DIGUNAKAN- BATASAN APLIKASIBAB 3. DESAIN - USE CASE - SKENARIO USE CASE - CLASS DIAGRAM DAN OBJEK DIAGRAM- INTERACTION DIAGRAM - SEQUENCE DIAGRAM - COLLABORATION DIAGRAM- STATE DIAGRAM- ACTIVITY DIAGRAM- COMPONENT DIAGRAM- DEPLOYMENT DIAGRAM

BAB 4. HALAMAN USER INTERFACEBAB 5. REFERENSIBAB 6. PEMBAGIAN TUGAS