rancang bangun aplikasi warta kesatuan...

1

Made Suarte

Jurusan Teknik Informatika

STMIK PalComTech Palembang

Abstrak

Kesatuan Mahasiswa Hindu Dharma Indonesia (KMHDI) merupakan organisasi

Mahasiswa Hindu se-Indonesia. KMHDI memiliki media publikasi informasi

organisasi melalui sebuah situs website yaitu kmhdi.org. Namun pada

pelaksanaannya masih banyak anggota kurang berminat untuk mengakses situs

tersebut dikarenakan website memiliki tampilan dan konten-konten yang sangat

beragam sehingga hal tersebut menyebabkan beban load data yang cukup berat.

Sehingga KMHDI membutuhkan media lain yang dapat mengatasi hal tersebut

sehingga tiap anggota lebih tertarik untuk mengakses informasi organisasi KMHDI.

Penelitian ini bertujuan untuk membuat sebuah aplikasi Warta KMHDI berbasis

Android yang dapat membuat anggota KMHDI lebih tertarik untuk mengakses

berita organisasi tanpa harus mengahadapi beban load data yang besar. Aplikasi

Warta KMHDI dikembangkan dengan menggunakan bahasa pemrograman Java

dengan tool Eclipse Juno dan dengan pemodelan Unified Modelling Lenguage

(UML) antara lain diagram use case, diagram class dan diagram activity. Untuk

melakukan pengembangan sistem, penulis menggunakan metode Gidelines for Rapid

Application Engineering (GRAPPLE) yang memiliki 5 tahapan yaitu requirement

gathering, analysis, design, development dan deployment. Aplikasi yang dihasilkan

memiliki berbagai fitur yang dapat digunakan, yaitu warta yang berfungsi memuat

berita RSSFeed dari situs kmhdi.org, forum yang berfungsi sebagai media diskusi,

agenda berfungsi untuk memuat daftar agenda kegiatan organisasi dan halaman

link kejejaring sosial KMHDI serta halaman about yang menampilkan tentang

aplikasi.

Kata Kunci: KMHDI, Android, Java, UML, GRAPPLE.

PENDAHULUAN

Kesatuan Mahasiswa Hindu Dharma Indonesia (KMHDI) memiliki media

penyampaian informasi yang berkaitan dengan organisasi KMHDI selama ini dipublikasikan

melalui teknologi website http://kmhdi.org yang dapat diakses baik melalui komputer pribadi,

ponsel, smartphone dan gadget lainya yang memiliki koneksi dengan internet. Dimana untuk

mengakses sebuah situs website memerlukan koneksi internet yang cukup baik dan memiliki

beban load data yang cukup berat untuk memuat konten-konten pada website.

Salah satu teknologi saat ini yang banyak dimanfaatkan di kalangan masyarakat yaitu

teknologi mobile, seperti smartphone dan tablet pc. Smartphone adalah salah satu perangkat

mobile yang saat ini sangat mudah dimanfaatkan oleh masyarakat. Smartphone yang memiliki

berbagai varian, baik brand dan sistem operasi dengan platform yang berbeda-beda, seperti

yang populer saat ini yaitu sistem operasi dengan platform Android dan iOS. Smartphone dengan sistem operasi Android merupakan perangkat yang banyak digunakan

dilingkungan masyarakat saat ini. Android telah dikenal oleh hampir seluruh lapisan masyarakat

mulai dari kalangan masyarakat menengah bawah hingga menengah atas dan dari anak-anak

hingga orang dewasa juga banyak mengenal hingga menggunakan smartphone dan gadget lainya

yang menggunakan sistem oparasi Android. Alasan Android banyak digunakan adalah karena

merupakan software opensource, harga yang terjangkau, dan sangat mudah dalam pengoperasian

RANCANG BANGUN APLIKASI WARTA KESATUAN MAHASISWA HINDU

DHARMA INDONESIA BERBASIS ANDROID DENGAN METODE

GUIDELINES FOR RAPID APPLICATION ENGINEERING (GRAPPLE)

2

atau penggunaanya. Smartphone dan gadget dengan platform Android paling banyak digunakan di

kalangan pemuda terutama mahasiswa. Mulai dari mahasiswa, dosen, pihak perguruan tinggi

hingga organisasi kemahasiswaan banyak memanfaatkan teknologi Android ini.

Dari uraian latar belakang permasalahan, maka penulis mengangkat sebuah judul

penelitian “Rancang Bangun Aplikasi Warta Kesatuan Mahasiswa Hindu Dharma Indonesia

Berbasis Android dengan metode Guidelines for Rapid Application Engineering

(GRAPPLE)”.

Dengan adanya aplikasi Warta KMHDI akan memberikan kemudahan mengakses

informasi dan berdiskusi untuk seluruh anggota dan pengurus KMHDI. Sehingga setiap

anggota dan pengurusakan lebih tertarik mengakses informasi dan berdiskusi melalui aplikasi

warta KMHDI.

LANDASAN TEORI

Android

Menurut Amperiyanto (2014:1) Android merupakan suatu sitem operasi yang berbasis

linux untuk telepon pintar (smartphone) ataupun pada komputer tablet. Android menediakan

platform terbuka bagi para pengembang dalam menciptakan aplikasi mereka sendiri untuk

digunakan oleh bermacam-macam peranti bergerak.

Java Menurut Sujatmiko (2012:146) Java adalah bahasa pemrograman yang dapat

dijalankan diberbagai komputer termasuk telpon genggam. Saat ini java merupakan bahasa

pemrograman yang paling populer digunakan, dan secara luas dimanfaatkan dalam

pengembangan berbagai jenis perangkat lunak aplikasi ataupun aplikasi berbasis web.

SDK (Software Development Kit) Menurut Safaat (2012:5) Android SDK adalah tools API (Application Programming

Interface) yang diperlukan untuk memulai pengembangan aplikasi pada platform Android

menggunakan bahasa pemrograman Java. Android merupakan subset perangkat lunak untuk

ponsel yang meliputi sistem operasi, middleware dan aplikasi kunci yang di-release oleh

Google.

ADT (Android Development Tools) Menurut Safaat (2012:6) Android Development Tools (ADT) adalah plugin yang didesain

untuk IDE Eclipse yang memberikan kita kemudahan dalam mengembangkan aplikasi Android

dengan menggunakan IDE Eclipse.

JDK (Java Development Kit) Menurut Safaat (2012:7) JDK adalah perangkat lunak yang digunakan untuk

melakukan proses kompilasi dari kode java ke bytecode yang dapat dimengerti dan dapat

dijalankan oleh JRE (Java Runtime Envirotment).

Guidelines for Rapid Application Engineering

Menurut Boedi, dkk (2011:63) GRAPPLE (Guidlines for Rappid APPLication

Engineering) merupakan sebuah pemodelan proses dalam pengembangan software yang

menekankan pada aksi-aksi yang dilakukan pada sejumlah tahapan, setiap tahap akan

menghasilkan produk kerja dengan bentuk yang berorientasi objek. Adapun tahapan-tahapan

dari metode GRAPPLE yaitu Requirment Gathering, Analysis, Design, Development, dan

Deployment.

3

Unified Modeling Language Menurut Rosa, dkk (2013:133) UML (Unified Modeling Language) adalah salah satu

standar bkkkahasa yang banyak digunakan di dunia industri untuk mendefinisikan

requirement, membuat analisis dan desain, serta menggambarkan arsitektur dalam

pemrograman berorientasi objek.

Use Case Diagram

Menurut Rahardja (2008:167) Use Case diagram menggambarkan fungsionalitas yang

diharapkan dari sebuah sistem. Sebuah use case merepresentasikan sebuah interaksi antara

actor dengan sistem.

Class Diagram

Menurut Haviluddin (2011:3) Class diagram menggambarkan struktur statis dari kelas

dalam sistem anda dan menggambarkan atribut, operasi dan hubungan antara kelas. Class

diagram membantu dalam memvisualisasikan struktur kelas-kelas dari suatu sistem dan

merupakan tipe diagram yang paling banyak dipakai.

Activity Diagram Menurut Luthfi (2013:85) Activity Diagram yaitu memodelkan alur kerja (workflow)

sebuah proses bisnis dan urutan aktivitas dalam suatu proses. Diagram ini sangat mirip dengan

sebuah flowchart karena kita dapat memodelkan sebuah alur kerja dari satu aktivitas ke

aktivitas lainnya atau dari satu aktivitas ke keadaan sesaat (state).

RSS (Really Simple Sydication)

Menurut (Amri:1) RSS adalah salah satu variasi dari format web feed yang digunakan

untuk mempublikasikan digital content yang secara frekuentatif diperbaharui, seperti misalnya

blog, news feed atau podcast.

Black Box

Menurut Kasman (2013:551), Pengujian balck box berfokus pada persyaratan fungsional

perangkat lunak. Dengan 45 demikian, pengujian black box memungkinkan perekayasa perangkat

lunak mendapatkan serangkaian kondisi input yang sepenuhnya menggunakan semua persyaratan

fungsional untuk suatu program.

HASIL DAN PEMBAHASAN

Requirement Gathering

Pada aplikasi Warta KMHDI yang akan dirancang dan dibangun ini memiliki 2 (dua)

user atau pengguna, yaitu:

1. User biasa, yaitu pengguna aplikasi yang memiliki beberapa batasan untuk akses aplikasi

Warta KMHDI, dan

2. Registered user, yaitu pengguna aplikasi yang telah terdaftar pada database user KMHDI

dan memiliki akses penuh terhadap fitur-fitur aplikasi dengan melakukan login terlebih

dahulu.

Beberapa fitur yang terdapat pada aplikasi Warta KMHDI, antara lain :

1. Warta, yaitu fitur yang memuat RSSFeed Reader berisikan berita-berita dari sumber berita

website kmhdi.org. Fitur yang terdapat pada Warta ini yaitu melihat list berita, membaca

berita.

2. Forum, yaitu fitur untuk forum diskusi organisasi yang hanya dapat diakses oleh registered

user yang telah melakukan login. Fitur yang terdapat pada forum ini yaitu login user, list

topik diskusi, dan mengirim komentar pada topik diskusi yang telah ada.

4

3. Agenda, yaitu fitur agenda kegiatan yang dapat melihat daftar agenda kegiatan yang telah

dibuat oleh admin dan melihat secara lengkap rincian agenda kegiatan.

4. MedSos, yaitu fitur yang menghubungkan langsung ke beberapa jejaring sosial KMHDI.

5. About, yaitu fitur yang menampilkan tentang aplikasi Warta KMHDI.

Analysis

1. Diagram Use Case Diagram

Pada diagram usecase pada aplikasi Warta KMHDI terdapat dua aktor yaitu user biasa

dan registered user. Diagram usecase dapat dilihat pada gambar 1.

Sumber: Dikelola Sendiri

Gambar 1. Diagram Use Case

2. Class Diagram

Diagram class merupakan gambaran class-class yang ada pada aplikasi Warta KMHDI.

Berikut ini merupakan diagram class yang menggambarkan struktur aplikasi dengan

pendefinisian class yang dapat dilihat pada gambar 2.

5


Gambar 2. Diagram Class

3. Activity Diagram

a. Diagram Activity Menu Utama

Diagram activity Menu Utama memiliki dua aksi, yaitu user dan aplikasi. Dalam sistem

ini akan secara otomatis akan menampilkan Menu Utama pada saat user masuk aplikasi Warta

KMHDI berbasis Android. Gambar diagram activity Menu Utama dapat dilihat pada

gambar 3.


Gambar 3. Activity Menu Utama

Activity MenuUtama

user aplikasi

masuk aplikasi

menampilkan

MenuUtama

splashscree

n

6

b. Diagram Activity RssActivity

Diagram activity RssActivity memiliki dua aksi, yaitu user dan aplikasi. Dalam sistem

ini akan menampilkan list berita yang dihubungkan dengan rss yang disediakan oleh situs

kmhdi.org pada saat user memilih menu Warta pada menu utama. Diagram activity warta

dapat dilihat pada gambar 4.


Gambar 4. Activity List Berita

c. Diagram Activity ViewDetailActivity

Diagram activity ViewDetaiActivity (activity berita selengkapnya) memiliki dua aksi,

yaitu user dan aplikasi. Dalam sistem ini akan menampilkan berita selengkapnya pada saat

user memilih salah satu dari list berita. Diagram activity ViewDetailActivity dapat dilihat pada

gambar 5.


Gambar 5. Activity Baca Berita

d. Diagram Activity FrmPilihThread

Diagram activity FrmPilihThread memiliki dua aksi, yaitu user dan aplikasi. Dalam

sistem ini akan menampilkan list topik diskusi yang sebelumnya telah diposting oleh admin.

Dimana user dapat mengakses list tersebut tersebut dengan melakukan login terlebih dahulu

sesuai dengan user yang terdaftar pada database KMHDI. Diagram activity FrmPilihThread


user aplikasi

pilih menu Warta koneksi

internet

tampil list

berita

blankpage

berhasil

gagal

Activity RssActivity

7


Gambar 6. Diagram Activity FrmPilihThread

e. Diagram Activity VewAgendaListActivity

Diagram activity ViewAgendaListActivity memiliki dua aksi, yaitu user dan aplikasi.

Dalam sistem ini akan menampilkan lihat list agenda yang telah diposting pada database

KMHDI. Diagram ctivity ViewAgendaListActivity dapat dilihat pada gambar 7.


Gambar 7. Diagram Activity ViewAgendaListActivity

8

f. Diagram Activity MedSos

Diagram activity MedSos memiliki dua aksi, yaitu user dan aplikasi. Dalam sistem ini

akan menampilkan daftar media sosial KMHDI pada saat user memilih menu MedSos pada

menu utama. Diagram activity MedSos dapat dilihat pada gambar 8.


Gambar 8. Activity MedSos

g. Diagram Activity About

Diagram activity About memiliki dua aksi, yaitu user dan aplikasi. Dalam sistem ini

akan menampilkan tentang aplikasi pada saat user memilih menu About pada menu utama.

Diagram activity About dapat dilihat pada gambar 9.


Gambar 9. Activity About

Design

Pada tahapan desain, dilakukan desain rancangan interface aplikasi ini. Desain ini

meliputi desain interface tampilan splashscreen, tampilan menu utama, daftar berita dan baca

berita, form login user, daftar topik diskusi dan halaman didskusi, halaman daftar agenda

kegiatan dan riciannya, halaman daftar media sosial KMHDI dan halaman tentang aplikasi.

Development Pada tahap pengembangan atau pembuatan aplikasi, dilaksanakan penerapan dari

rancangan-rancangan sistem maupun rancangan tampilan aplikasi. Bahasa pemrograman yang

digunakan pada perancangan aplikasi isi adalah menggunakan Java. Untuk editor dan unit test

digunakan Eclipse Juno.

Deployment Pada tahap akhir dari penelitian ini yaitu melakukan pengujian program. Pada pegnujian

program yang dibangun dalam bentuk aplikasi akan digunakan oleh pihak penulis dan pihak

pengguna dalam hal ini pengguna adalah organisasi KMHDI. Pengujian aplikasi dilakukan dengan

teknik black box yaitu dengan melakukan uji coba terhadap interface aplikasi Warta KMHDI.

9

Hasil

1. Halaman Splashscreen

Halaman splashscreen adalah halaman yang muncul saat pertama kali aplikasi dibuka

dan akan tertutup secara otomatis sesuai dengan interval waktu yang telah ditentukan yang

kemudian akan menampilkan halaman menu utama. Gambar splashscreen dapat dilihat pada

gambar 10.


Gambar 10. Screenshoot Splashscreen

2. Halaman Menu Utama

Halaman menu utama adalah halaman aplikasi yang menampilkan menu utama

aplikasi. Halaman ini berisi daftar menu utama aplikasi dalam bentuk ImageButton. Gambar

menu utama dapat dilihat pada gambar 11.


Gambar 11. Screenshoot Menu Utama

3. Halaman List Berita

Halaman list berita adalah halaman yang muncul setelah user memilih menu warta

pada menu utama. Halaman ini menampilkan list berita. Halaman list berita dapat dilihat pada

gambar 12.

10


Gambar 12. Screenshoot Halaman List Berita

4. Halaman Baca Berita

Halaman baca berita adalah halaman yang tampil setelah user memilih salah satu dari

list berita. Halaman baca berita menampilkan isi berita dari salah satu list berita yang telah

dipilih. Halaman baca berita dapat dilihat pada gambar 13.


Gambar 13. Screenshoot Halaman Baca Berita

5. Halaman Login

Halamn login adalah halaman yang muncul setelah user memilih menu forum pada

menu utama aplikasi. Tetapi jika sebelumnya user telah melakukan login maka ketika user

memilih menu forum akan langsung ditampilkan list topik diskusi. Halaman login

menampilkan form login user. Halaman login dapat dilihat pada gambar 14.

11


Gambar 14. Screenshoot Form Login User

6. Halaman List Topik Diskusi

Halaman list forum adalah halaman yang tampil setelah user memilih menu forum

pada menu utama dan telah melakukan login user, namun jika belum melakukan login user

maka akan ditampilkan form login user untuk user dapat melakukan login terlebih dahulu.

Halaman ini menampilkan list topik diskusi yang telah dibuat oleh admin KMHDI. Halaman

list forum dapat dilihat pada gambar 15.


Gambar 15. Screenshoot Halaman List Topik Diskusi

7. Halaman Forum

Halaman forum adalah halaman yang tampil setelah user memilih salah satu topik

diskusi yang ada. Halaman ini menampilkan komentar-komentar yang telah ada sebelumnya

dalam topik diskusi serta widget untuk memberikan komentar diskusi. Halaman forum dapat

dilihat pada gambar 16.

12


Gambar 16. Screenshoot Halaman Forum

8. Halaman List Agenda Kegiatan KMHDI

Halaman list agenda adalah halaman yang tampil setalah user memilih menu agenda

dari menu utama. Halaman list agenda menampilkan list agenda yang telah dibuat sebelumnya

oleh admin pada database agenda. Halaman list agenda dapat dilihat pada gambar 17.


Gambar 17. Screenshoot Halaman List Agenda

9. Halaman Rincian Agenda Kegiatan KMHDI

Halaman rincian agenda kegiatan KMHDI adalah halaman yang tampil setelah user

memilih salah satu dari list agenda kegiatan KMHDI. Halaman ini menampilkan rincian

agenda kegiatan KMHDI secara lengkap. Halaman rincian agenda kegiatan KMHDI dapat

dilihat pada gambar 18.

13


Gambar 18. Screenshoot Halaman Rincian Agenda Kegiatan KMHDI

10. Halaman MedSos

Halaman medos adalah halaman yang tampil setelah user memilih menu Medsos dari

menu utama. Halaman medsos menampilkan daftar jejaring sosial KMHDI serta akan

mengarahkan user kepada link medsos yang dipilih user. Halaman medsos dapat dilihat pada

gambar 19.


Gambar 19. Screenshoot Halaman MedSos

11. Halaman About

Halaman about adalah halaman yang tampil setelah user memilih menu about pada

menu utama. Halaman about menampilkan tentang aplikasi Warta KMHDI. Halaman about


14


Gambar 20. Screenshoot Halaman About

Pengujian

Pengujian dilakukan dengan menjalankan aplikasi Warta KMHDI dan melihat apakah

aplikasi ini sesuai dengan perancangan aplikasi dan desain tampilan aplikasi serta dengan

kesimpulan yang diharapkan. Hasil pengujian bisa dilihat pada tabel 1.

Tabel 1. Pengujian Aplikasi

No Pengujian Hasil yang diharapkan Hasil

Pengujian

1 Interface halaman

splashscreen

Interface halaman splashscreen dengan

gambar logo KMHDI dan Warta KMHDI OK

2 Interface halaman Menu

Utama

Menu Utama dengan 6 (enam) ImageButton

dan masing-masing menu dapat dipilih dan

berfungsi sesuai dengan nama menu.

OK

3 Interface halaman List

Berita

Menampilkan list berita sesuai dengan yang

terdapat pada website kmhdi.org OK

4 Interface halaman Baca

Berita

Menampilkan isi berita sesuai dengan judul

berita yang dipilih user OK

5 Form Login Menampilkan form login dengan EditText

dan Button serta dapat melakukan login OK


Topik Diskusi

Menampilkan List Topik Diskusi OK

8 Interface halaman Forum Menampilkan Percakapan teks pada topik

diskusi yang dipilih. OK


Agenda

Menampilkan List Agenda Kegiata

KMHDI. OK

12 Interface Rincian

Agenda Kegiatan

Menampilkan rincian agenda kegiatan yang

dipilih secara lengkap. OK

13 Interface halaman

MedSos

Menampilkan List Jejaring Sosial KMHDI

dengan Image dan TextView yang

menjalankan LinkMovementMethod

OK

14 Interface halaman About Menampilkan tentang Aplikasi Warta

KMHDI serta logo aplikasi Warta KMHDI OK

15 ImageButton Keluar Menampilkan AlertDialog untuk menutup

aplikasi dengan dua tombol “YA” atau

“TIDAK”

OK

15

PENUTUP

Dari penelitian dan penulisan yang telah penulis uraikan, maka dapat ditarik beberapa

kesimpulan yaitu dengan aplikasi Warta KMHDI maka tersedia aplikasi yang dapat

memberikan kemudahan bagi organisasi untuk mengakses informasi atau berita organisasi

KMHDI yang sama dengan berita yang ada pada situs kmhdi.org tanpa beban load data yang

berat melalui smartphone Android, aplikasi Warta KMHDI memiliki beberapa fitur, yaitu

Warta, Forum, Agenda, link ke berbagai situs jejaring sosial KMHDI dan tentang aplikasi

serta aplikasi ini dirancang dan dibangun serta dapat berjalan dengan menggunakan metode

pengembangan GRAPPLE.

DAFTAR PUSTAKA

Amperiyanto, Tri. 2014. Tips Ampuh Android. Jakarta: PT. Alex Media Komputindo.

Amri, Mochamad Gani., dkk. 2012. Rancang Bangun Apliasi Pemuat Berita Multi RSS

Menggunakan Metode Mashup untuk Mendapatkan Berita Utama dari Kumpulan Berita dengan Topik Sejenis pada Platform Android. Jurnal Teknik Pomits, Vol. 1,

No. 1 : 1-3.

Boedi, Dessyanto., dkk. 2008. Aplikasi SMS Notifikasi Kesehatan Balita. Jurnal Seminar

Nasional Informatika 2008 UPN “Vetaran”, Edisi: Mei. ISSN: 1979-2328. Hal: 63 – 71.

Haviluddin. 2011. Memahami Penggunaan UML (Unified Modelling Language). Jurnal

Informatika Mulawarman, Vol. 6, No. 1 : 1-15.

Kasman, Ahmad Dharma. 2013. Kolaborasi Dahsyat Android dengan PHP dan MySql.

Yogyakarta: Lokomedia.

Luthfi, Hisyam Wahid., Berliana Kusuma Riasti. 2013. Sistem Informasi Perawatan dan

Inventaris Laboratorium padaSMK Negeri 1 Rembang Berbasis Web. Indonesian

Jurnal on Computer Science-Speed (IJCSS), Vol. 15, No. 1 : 83-91.

Rahardja, Yani., dkk. 2008. Analisis dan Perancangan Mobile-Banking

denganMenggunakan UML. Jurnal Teknologi Informasi-Aiti, Vol. 5. No. 2:164 – 185.

Rosa, A.S., M. Shalahuddin. 2013. Rekayasa Perangkat Lunak Terstruktur dan Berorientasi

Objek. Bandung: Informatika Bandung.

Safaat, Nazruddin. 2012. Android Pemrograman Aplikasi Mobile Smartphone dan Tablet

PC Berbasis Android. Bandung: Informatika Bandung.

Sujatmiko, Eko. 2012. Kamus Teknolgi Informasi dan Komunikasi. Surakarta: Aksara

Sinergi Media.

rancang bangun aplikasi warta kesatuan...

Documents