BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 Analisis Penggunaan smartphone saat ini sangat berkembang sekali karena didukung dengan teknologi yang juga semakin canggih. Karena dengan menggunakan smartphone kegiatan untuk online bisa dilakukan walaupun pada saat berpergian tidak seperti menggunakan PC (Personal Computer) yang hanya bisa online pada tempat PC tersebut berada. Apalagi saat ini kebutuhan akan informasi khususnya berita sangat dibutuhkan untuk memperbarui informasi yang didapat, karena setiap saat berita selalu berubah dan untuk memudahkan hal tersebut maka dibuatlah simulasi aplikasi mobile content yang digunakan untuk mendapatkan berita terbaru pada sebuah situs dengan menggunakan widget yang sudah terintegrasi dengan sebuah smartphone. Sehingga bisa mempercepat mendapatkan berita dengan hanya membuka widget yang ada pada smartphone tersebut dan berita yang didapatkan bisa selalu diperbarui. 3.2 Perancangan Sistem Pada tahap ini dilakukan perancangan terhadap simulasi aplikasi yang akan dibuat berupa Use case diagram, Activity Diagram, dan Sequence Diagram. 37
38 3.2.1 Perancangan Use case Diagram Use case diagram menggambarkan fungsionalitas yang diharapkan dari sebuah sistem. Skenario dari use case merupakan rangkaian langkah-langkah yang menjabarkan sebuah interaksi antara seorang pengguna dengan sebuah sistem. Gambar 3.1 merupakan use case diagram dari simulasi aplikasi yang akan dibuat. Aplikasi Menjalankan Simulasi Aplikasi Mobile Content <<extended>> Mendapatkan Berita Terbaru Pengguna Gambar 3.1 Use Case Diagram Pembuatan Simulasi Aplikasi Mobile Content Blackberry Pada simulasi aplikasi ini dapat diidentifikasi bahwa aktor utama adalah user (pengguna). Dari identifikasi aktor tersebut, maka akan didapatkan suatu use case diagram pengguna smartphone blackberry menjalankan simulasi aplikasi mobile content dan setelah itu widget merequest data ke web yang dituju kemudian pengguna smartphone blackberry mendapatkan berita terbaru pada simulasi aplikasi mobile content tersebut.
39 Tabel 3.1 Spesifikasi naratif Use Case Membuka Simulasi Aplikasi Mobile Content Nama Use Case Menjalankan Simulasi Aplikasi Mobile Content Aktor Pengguna Smartphone Blackberry Deskripsi Pengguna Smartphone Blackberry menjalankan simulasi aplikasi mobile content yang akan merequest data ke web yang dituju. Skenario Pengguna Smartphone Blackberry mencari simulasi aplikasi mobile content kemudian menjalankan simulasi aplikasi tersebut. Kondisi Awal Simulasi aplikasi mobile content telah dipasang (installed/embeded) pada Smartphone Blackberry. Kondisi Akhir Pengguna Smartphone Blackberry menjalankan simulasi aplikasi mobile content dan merequest data ke web. Tabel 3.2 Spesifikasi naratif Use Case Mendapatkan Berita Terbaru Nama Use Case Mendapatkan Berita Terbaru Aktor Pengguna Smartphone Blackberry Deskripsi Pengguna Smartphone Blackberry mendapatkan berita terbaru pada simulasi aplikasi mobile content ketika request data ke web yang dituju berhasil. Skenario Pengguna Smartphone Blackberry menunggu simulasi aplikasi mobile content yang sedang merequest data. Kondisi Awal Simulasi aplikasi mobile content telah merequest data ke web yang dituju. Kondisi Akhir Pengguna Smartphone Blackberry mendapatkan berita terbaru setelah request data berhasil pada simulasi aplikasi mobile content.
40 3.2.2 Perancangan Activity Diagram Diagram aktifitas menggambarkan berbagai aliran aktifitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana suatu aktifitas berakhir. Setiap langkah adalah sebuah keadaan dalam melakukan sesuatu. Gambar 3.2 adalah activity diagram dari simulasi aplikasi yang akan dibuat. Pengguna aplikasi Sistem Menjalankan Simulasi Aplikasi Mobile Content Merequest data ke web Hasil request data dari web berhasil diterima Menampilkan Hasil Berita Terbaru Gambar 3.2 Activity Diagram Simulasi Aplikasi Mobile Content Blackberry Pada Gambar 3.2 diatas pengguna menjalankan simulasi aplikasi mobile content kemudian sistem merequest data ke web, setelah itu hasil dari request web diterima sistem dan ditampilkan kepada pengguna sebagai informasi berita terbaru.
41 3.2.3 Perancangan Sequence Diagram Sequence diagram biasa digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah yang dilakukan sebagai respon dari sebuah event untuk menghasilkan output tertentu. Gambar 3.3 merupakan Sequence diagram dari aplikasi yang akan dibuat. Simulator Smartphone Blackberry Web Server Tampilan Hasil Menjalankan Aplikasi Merequest data Hasil request data berhasil diterima atau tidak Menampilkan Hasil Gambar 3.3 Sequence Diagram Simulasi Aplikasi Mobile Content Blackberry Pada Gambar 3.3 menggambarkan skenario dan langkah-langkah yang dilakukan oleh pengguna dalam menjalankan aplikasi. Pertama pengguna menjalankan simulasi aplikasi tersebut pada simulator Smartphone Blackberry, kemudian simulasi aplikasi mobile content merequest data ke web server, lalu hasil request data diterima dan ditampilkan kepada pengguna.
42 3.2.4 Perancangan Antarmuka Desain antarmuka menggambarkan semua objek yang akan tampak pada layar monitor meliputi teks, gambar, letak tombol, link, dan lain-lain. Pada bagian ini penulis membuat antarmuka dari simulasi aplikasi yang akan dibuat dan akan menunjukan serta menjelaskan tombo-tombol yang ada pada simulasi aplikasi mobile content blackberry. 3.2.4.1 Perancangan Antarmuka Halaman Home Logo Home About Link dan isi artikel MIT Link dan isi artikel Gambar 3.4 Perancangan Antarmuka Halaman Home Pada halaman home terdapat logo mercubuana-it yang di dibuat sendiri oleh penulis dan juga berisi link dan isi artikel yang terbaru.
43 3.2.4.2 Perancangan Antarmuka Halaman About Logo Home About Foto MIT Gambar 3.5 Perancangan Antarmuka Halaman About Pada halaman about terdapat juga logo, foto dan juga biografi tentang penulis yang akan ditampilkan disini.
44 3.3 Topologi Pengambilan Data Menggunakan RSS Feed Gfeedfetcher.js Title dan Link Deskripsi RSS Feed newsfeed.add newsfeed.setentrycon tainer Title dan Link Deskripsi RSS Feed Gambar 3.6 Topologi Pengambilan Data RSS Feed Pada topologi pengambilan data rss feed penejelasannya adalah sebagai berikut : 1. Gfeedfetcher.js merupakan sebuah file JQuery yangdikirimkan ke web untuk merquest data rss feed dan hasil dari request tersebut akan ditampilkan pada simulator smartphone blackberry bila hasil dari request berhasil. 2. Newsfeed.add merupakan sebuah function yang berada di dalam file Gfeedfetcher.js yang mempunyai fungsi untuk menerima data berupa title dan link url pada rss feed serta link url tersebut bisa di klik oleh pengguna simulator smartphone blackberry untuk melihat konten dalam satu halaman penuh.
45 3. Newsfeed.setentrycontainer merupakan sebuah function yang berada di dalam file Gfeedfetcher.js yang mempunyai fungsi untuk menampilkan deskripsi dari rss feed yang didapat untuk memperjelas isi dari feed rss yang didapatkan.