PERANCANGAN DAN PEMBUATAN APLIKASI WEB BERDUKA.COM UNTUK RUMAH DUKA DENGAN MENGGUNAKAN TEKNOLOGI JAVASERVER PAGES

TIM, Volume 1 Agustus 2010

PERANCANGAN DAN PEMBUATAN APLIKASI WEB BERDUKA.COM UNTUK RUMAH DUKA DENGAN MENGGUNAKAN TEKNOLOGI JAVASERVER PAGES

Felix Horusman Mahasiswa Jurusan Informasi Teknologi, Fakultas Teknik dan Desain, Universitas Ciputra UC Town, CitraLand Surabaya 60219 +62- 31-7451699 Email : [email protected]

Trianggoro Wiradinata, S.T, M.Eng.Sc Kepala Jurusan Jurusan Informasi Teknologi, Fakultas Teknik dan Desain, Universitas Ciputra UC Town, CitraLand Surabaya 60219 +62- 31-7451699 Email : [email protected]

Eric Pramono, S.Kom Dosen Jurusan Informasi Teknologi, Fakultas Teknik dan Desain, Universitas Ciputra UC Town, CitraLand Surabaya 60219 +62- 31-7451699 Email : [email protected]

Abstrak Banyak orang mengalami kesulitan untuk mendapatkan informasi seputar kabar duka dan memberikan ungkapan belasungkawa, terutama bila yang bersangkutan sedang berada di luar kota atau di luar negeri sehingga tidak sempat untuk melayat dan memberikan ucapan belasungkawa. Jurnal ini melaporkan proses dan hasil dari perancangan dan pembuatan sebuah aplikasi web yang bertujuan untuk menyediakan media bagi masyarakat untuk mendapatkan informasi seputar kabar duka dan memberikan ucapan belasungkawa. Aplikasi ini diberi nama Berduka.com dan dibuat dengan menggunakan teknologi JavaServer Pages (JSP). Metode penelitian yang digunakan adalah sistematis dan kualitatif dengan menggunakan instrumen penelitian berupa hasil analisa berita duka yang dimuat di surat kabar. Kata kunci : Berduka.com, JavaServerPages, JSP, aplikasi web

1. PENDAHULUAN Kabar duka biasanya didapatkan orang melalui 3 cara, yaitu dari koran, TV, atau diberitahukan oleh orang lain melalui SMS atau telepon. Berdasarkan pengolahan data dari hasil pengisian kuesioner yang dilakukan kepada 100 orang pengunjung rumah duka yayasan Adijasa, didapatkan ada 57% orang mendapatkan kabar duka dari orang lain melalui telepon dan SMS. Sisanya sebesar 33% mendapatkan dari surat kabar. Masalah muncul jika kenalan atau kolega dari keluarga yang berduka itu sedang bepergian ke luar negeri dalam waktu yang lama, sehingga mereka tidak sempat untuk mengucapkan belasungkawa atau bahkan tidak mengetahui kabar duka tersebut. Metode pengabaran seperti surat kabar dan TV dibatasi oleh kawasan penyiaran dan waktu, dan metode pengabaran yang menggunakan SMS dan telpon memiliki biaya yang tidak murah.

Teknologi internet selalu berkembang dan kini telah menjadi salah satu media paling populer di dunia. Hal ini terjadi karena internet memberikan fasilitas dan kemudahan dalam memberikan informasi dan menghubungkan orang-orang dari seluruh dunia tanpa dibatasi oleh waktu dan tempat. Berdasarkan data yang didapatkan dari website http://www.internetworldstats.com25, di tahun 2009 populasi pengguna internet di dunia diperkirakan mencapai angka 6 miliar orang. Sedangkan untuk populasi pengguna di Indonesia mencapai angka 240 juta orang atau peringkat kelima di seluruh benua Asia. Dari data di atas bisa disimpulkan bahwa internet merupakan media yang paling tepat untuk membuka bisnis baru, terutama pada bisnis yang beroperasi pada bidang jasa informasi. 25

Data ini diambil pada tanggal 10 Desember 2009

40 | T I M


2. LANDASAN TEORI 2.1 Java Java adalah bahasa pemrograman yang dikembangkan oleh Sun Microsystems dan diterbitkan tahun 1995. Dengan rilisnya Java 2 (atau Java 1.2) Sun mengeluarkan beberapa versi yang dapat jalan di berbagai jenis platform. J2EE atau Java 2 Enterprise Edition adalah versi yang ditargetkan untuk pembuatan aplikasi berbasis web. J2ME atau Java 2 Micro Edition adalah versi yang ditargetkan untuk aplikasi mobile, dan J2SE atau Java 2 Standard Edition adalah versi yang ditargetkan untuk aplikasi desktop. Pada tahun 2006 nama dari 3 versi di atas diubah menjadi Java EE, Java ME, dan Java SE. Kelebihan dari Java yang paling utama adalah multiplatform. Aplikasi yang dibuat menggunakan Java akan disusun kedalam bentuk kode bit yang bisa dijalankan pada mesin yang di dalamnya telah terpasang Java Virtual Machine (JVM). Hal ini dimasukkan agar pembuat aplikasi hanya perlu menulis kode aplikasi Java itu sekali dan kemudian kode aplikasi itu bisa dijalankan di mana saja. 2.2 MySQL MySQL adalah sistem manajemen basis data relasional (RDBMS) yang didistribusikan secara gratis di bawah lisensi General Public License.

JDBC dapat berinteraksi dengan sistem manajemen basis data (DBMS) yang terpasang dengan syarat ada sebuah implementasi JDBC Driver sebagai penyambungnya. JDBC Driver harus dibuat supaya sesuai dengan DBMS yang menjadi tujuan penyimpanan data. Saat ini terdapat JDBC Driver yang telah terdaftar di Sun. MySQL sendiri telah menyediakan implementasi JDBC Driver, yaitu MySQL Connector. Apache Tomcat dan Java Servlet Apache Tomcat atau bisa disingkat Tomcat adalah sebuah container servlet yang open source dan dikembangkan oleh Apache Software Foundation (ASF). Tomcat merupakan implementasi container servlet Java dan JavaServer Pages (JSP), dan menyediakan lingkungan murni berbasiskan Java bagi server jaringan HyperText Transfer Protocol (HTTP) supaya program Java dapat berjalan. 2.4

Servlet adalah class di Java yang sesuai dengan Java Servlet API, sebuah spesifikasi yang memungkinkan Java untuk memberikan respon terhadap permintaan HTTP. Servlet digunakan jika pembuat perangkat lunak ingin menampilkan halaman yang dinamis, yaitu halaman yang isi tampilannya bisa berubah seiring dengan bertambahnya data yang disimpan. Keuntungan menggunakan servlet adalah kecepatannya dan penggunaannya yang mudah.

Beberapa kelebihan dari MySQL adalah: 1.

Portabilitas. MySQL dapat berjalan dengan stabil pada sistem operasi seperti Windows, Linux, FreeBsd, dan sebagainya. 2. Open source. MySQL berada di bawah lisensi GPL, sehingga dapat digunakan secara gratis. 3. Cepat. Untuk query yang sederhana MySQL bisa memberikan hasil dengan cepat. 4. Skalabilitas dan pembatasan. MySQL mampu menangani database yang berskala besar. 5. Application Programming Interface (API). API adalah kerangka yang mendefinisikan cara perangkat lunak berinteraksi dengan perangkat lunak lainnya. Terdapat banyak API yang memungkinkan MySQL dapat diakses oleh bahasa pemrograman seperti Java, C++, PHP, Python, Ruby, dan lainlain. 2.3 JDBC JDBC atau Java Database Connectivity adalah API untuk bahasa pemrograman Java yang dapat mengakses program basis data.

2.5 HTML, DHTML, CSS HyperText Markup Language (HTML) adalah bahasa yang digunakan untuk menampilkan halaman situs jaringan. Bentuk dokumennya struktural dan menggunakan tag atau label yang dapat ditampilkan web browser. Di dalam HTML juga bisa dimasukkan Cascading Style Sheets (CSS) yang dipakai untuk mengatur tampilan dan letak dari isi HTML. HTML dibuat dengan batasan bahwa bentuk dan tampilannya selalu tetap, artinya tampilannya itu tidak bisa diubah lagi ketika sudah ditampilkan di web browser. Namun seiring dengan berkembangnya teknologi internet, HTML juga terus diubah supaya selalu bisa memenuhi kebutuhan dari pemakainya. Dynamic HTML (DHTML) adalah teknologi yang digunakan untuk menampilkan website yang interaktif dengan mengkombinasikan HTML biasa, CSS, Javascript, dan Document Object Mode (DOM). 2.6 JSP JSP atau JavaServer Pages adalah teknologi dari Java yang membantu pembuat situs jaringan untuk menampilkan halaman situs yang dihasilkan secara

41 | T I M


dinamis menggunakan HTML, CSS, atau dokumen jenis lainnya.

yang berisikan metode untuk menangani permintaan dari web browser.

JSP memperbolehkan kode Java untuk dimasukkan atau dicantumkan bersama-sama dengan kode HTML. Nantinya ketika terjadi permintaan untuk menampilkan halaman JSP tertentu, container server akan melakukan kompilasi terhadap halaman JSP tersebut yang menghasilkan dokumen HTML atau XML. Dokumen tersebut nantinya dikirim untuk ditampilkan di browser.

2.10 Model-View-Controller

2.7 JavaScript dan Ajax JavaScript adalah bahasa scripting yang dieksekusi di web browser. JavaScript memungkinkan terjadinya interaksi antara pengguna dan server sehingga membuat aplikasi web tampil lebih dinamis dan interaktif. JavaScript didesain serupa dengan Java terutama dalam teknik penulisan kode. Ajax atau Asynchronous JavaScript and XML adalah sebuah teknik yang digunakan di web browser untuk mensimulasikan aplikasi web yang interaktif. Aplikasi web dapat menggunakan Ajax untuk meminta dan menerima data dari server secara asynchronous di belakang layar tanpa mempengaruhi tampilan ataupun aktivitas pada halaman internet tersebut. Data yang diterima umumnya didapatkan melalui objek XMLHttpRequest. 2.8 DWR Direct Web Remoting (DWR) adalah komponen Java yang membantu pembuat perangkat lunak untuk menulis halaman web yang menggunakan teknologi Ajax. DWR memperbolehkan kode yang ada di web browser untuk menjalankan fungsi Java yang ada di server seakan fungsi tersebut ada di dalam browser itu sendiri. DWR dapat melakukan hal ini karena DWR menghasilkan secara dinamis kode JavaScript dari class Java yang ada di server. 2.9 Spring Spring adalah framework opensource yang dapat digunakan di Java dan .NET. Spring pertama kali diperkenalkan pada Oktober 2002 oleh Rod Johnson melalui publikasi bukunya Expert One-on-One J2EE Design and Development. Framework ini kemudian dirilis pada Juni 2003 di bawah lisensi Apache 2.0. Spring di dalam aplikasi web bertindak sebagai pengatur jalannya transportasi data. Pembuat perangkat lunak tidak perlu lagi mengurus servlet atau membuat objek baru karena semua sudah dilakukan oleh Spring. Yang perlu pembuat perangkat lunak lakukan adalah mendaftarkan objek yang mau dibuat ke dalam Spring dan membuat class

Gambar 2. 1 Diagram MVC

Model dipakai untuk mengatur data. Biasanya informasi yang diambil pada basis data diencapsulate didalam model. Model ini akan dipakai oleh controller dan view. View membuat sebuah tampilan untuk model agar pengguna bisa berinteraksi untuk mengubah data dari model tersebut. Controller berfungsi untuk mengatur perpindahan dari satu view ke view lain dan mengatur transaksi data. 2.11 Library and Tools 2.11.1 Facebook Java API Facebook Java API adalah library Java yang dibuat dengan tujuan untuk memudahkan proses transaksi yang terjadi antara server dan Facebook. Pengguna tidak perlu lagi membuat kodenya sendiri untuk mengirimkan request ke Facebook; semua sudah dipermudah oleh Facebook Java API. 2.11.2 JSON JavaScript Object Notation (JSON) adalah tipe data yang sering dipakai dalam transaksi data pada jaringan. JSON didesain agar data yang dimuat didalamnya dapat dibaca oleh JavaScript dalam bentuk array. 2.12 Siklus Hidup Rekayasa Perangkat Lunak Siklus hidup rekayasa perangkat lunak (SDLC) adalah struktur proses yang digunakan oleh pembuat aplikasi sebagai pedoman dalam membuat aplikasi. Proses di dalam siklus hidup rekayasa perangkat lunak umumnya dibagi menjadi lima tahap, yaitu perencanaan, analisa, desain, implementasi, dan pemeliharaan aplikasi. Perencanaan adalah tahap untuk menentukan tujuan dan hasil akhir dari projek pembuatan aplikasi. Analisa adalah tahap yang dilakukan oleh pembuat aplikasi untuk menganalisa fitur aplikasi yang akan dibuat. Desain adalah tahap membuat desain dari aplikasi berdasarkan hasil analisa fitur aplikasi tersebut. Implementasi adalah proses di mana pembuat aplikasi mulai bekerja membuat aplikasi

42 | T I M


berdasarkan desain yang telah ditentukan, dan pemeliharaan adalah tahap di mana aplikasi itu dicoba dan dipakai. 3. DESAIN SISTEM 3.1. Use Case

Use Case 1.

Guest, User, Admin, atau FBUser memasukkan kata kunci pencarian 2. Website memunculkan daftar hasil pencarian 3. Guest , User, Admin, atau FBUser memilih melihat secara terperinci salah satu berita hasil pencarian 4. Website memunculkan informasi terperinci dari berita yang terpilih 3.2. Daftar Fitur Berikut ini adalah fitur-fitur yang akan dibuat di website Berduka.com Tabel 3. 1 Daftar fitur Daftar Fitur

Gambar 3. 1 Gambaran secara umum aktivitas pengguna website

Pengguna situs jaringan ini akan dikelompokkan menjadi empat tipe yaitu admin, pengguna website (Guest), dan keluarga yang berduka (User). Admin bertugas memasukkan data di dalam website. Pengguna website (Guest) adalah mereka yang bisa mengakses website ini tanpa perlu melakukan pengecekan akun terlebih dahulu. FBUser adalah pengguna yang menggunakan akun Facebook milik pengguna tersebut untuk login ke dalam website. Sedangkan user adalah pengguna yang telah terdaftar di dalam database milik Berduka.com dan memiliki akses untuk mengubah isi informasi pada salah satu berita duka. Berikut ini adalah contoh use case untuk mencari yang meninggal

Gambar 3. 2 Aktivitas mencari berita yang meninggal

Penjelasan singkat Guest atau User atau Admin atau FBUser membuka website Berduka.com, lalu mencari berita duka kemudian melihat informasinya secara terperinci.

Home Page Generate New User Login & Logout Change Password Admin Control Panel User Control Panel Remove Decease Data Add Decease Data Edit Decease Data View Decease Details Search Advance Search Add, Edit, Delete Decease Places Add, Edit, Delete Reside Places Add, Edit, Delete Cemetery View Reside Place Details View Cemetery Details View Decease Place Details View Advertise Details Subscribe Advertise Give Condolences Edit & Remove Advertise Edit & Remove Condolences Write Biography View User List View Decease List View Decease Place List View Reside Place List View Cemetery List View Active & Pending Advertise List View Active & Pending Condolences View Condolence List for Decease Upload Picture Terms of Use Contact Us Privacy Policy Sitemap

G √

Pelaku* U FB √ √ √ √

√

A √ √ √ √ √

√

√ √ √

√ √ √ √

√ √ √

√ √ √ √ √ √ √

√ √ √ √ √ √

√ √ √ √ √ √

√ √ √ √ √ √

√

√ √ √ √ √ √ √ √ √ √ √ √ √ √ √ √ √ √

√

√

√

√

√ √ √ √ √

√ √ √ √ √

√ √ √ √ √

√ √ √ √ √

43 | T I M


Partners Facebook Connect Posting on Facebook Wall

√

√

√ √ √

√

Write Biography adalah fitur yang disediakan bagi keluarga yang berduka untuk menuliskan riwayat hidup secara singkat dari almarhum. Riwayat hidup tersebut bisa dibaca oleh pengguna pada halaman melihat informasi terperinci dari almarhum. Give Condolence adalah fitur yang disediakan bagi kolega atau kenalan dari keluarga yang berduka untuk memberikan ucapan belasungkawanya. Keluarga yang berduka bisa melihat daftar Ucapan belasungkawa ini akan ditampilkan bersama-sama dengan informasi terperinci dari berita duka. Subsribe Advertise adalah fitur yang memberikan kesempatan bagi usaha yang beroperasi di bidang yang mirip dengan Berduka.com untuk memasang iklannya di website.

Penjelasan susunannya sebagai berikut 1.

Logo – letak logo Berduka.com. Muncul ditiap halaman

2.

Login form – letak formulir untuk login dan Facebook connect. Muncul ditiap halaman jika user belum login

3.

Search form – letak formulir untuk search dan link advanced search. Muncul ditiap halaman

4.

Navigasi – Berduka.com

5.

Berita – berita terbaru muncul disini. Muncul hanya pada halaman pertama

6.

Tentang kami – berisi informasi tentang Berduka.com

7.

Sponsor – iklan yang ditampilkan pada Berduka.com

muncul

ditiap

halaman

3.4. Diagram Navigasi

Facebook Connect adalah fitur untuk login ke website menggunakan identitas Facebook. Pengguna yang menggunakan fitur ini diberikan fasilitas ekstra untuk berbagi berita untuk ditampilkan pada halaman profil pengguna tersebut. 3.3. Rancangan Tampilan Aplikasi Berikut ini adalah contoh tampilan aplikasi untuk halaman pertama.

Gambar 3. 4 Diagram navigas dari Berduka.com

Gambar 3.4 menunjukkan alur navigasi Berduka.com dalam bentuk diagram.

dari

3.5. Diagram Hubungan Entity Basis Data Entity Relationship Diagram (ERD) adalah diagram yang menggambarkan hubungan antara tabel dengan memberikan informasi mengenai nilai kardinalnya. Berdasarkan hasil analisa mengenai fitur dan use case yang telah digambarkan, dibuatlah desain dan hubungan tiap tabel untuk database. Berikut ini adalah gambar yang menggambarkan hubungan tiap tabel yang ada pada aplikasi web berduka.

Gambar 3. 3Tampilan halaman pertama

44 | T I M


NULL DECEASE_PLACE_ID RESIDE_DATE RESIDE_ID RESIDE_BLOCK FUNERAL_DATE CEMETERY_ID

VARCHAR(20) DATE VARCHAR(20) VARCHAR(100) DATE VARCHAR(20)

BURIAL_TYPE

VARCHAR(15)

PICTURE_URL BIOGRAPHY

VARCHAR(100) VARCHAR(4000)

DATA_STATUS

VARCHAR(10)

CREATED_DATE

DATE

CREATED_BY

VARCHAR(20)

MODIFIED_DATE

DATE

MODIFIED_BY

VARCHAR(20)

NOT NULL

NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL

Gambar 3. 5 ER Diagram

3.5.1. Database Schema Database Schema adalah desain yang memberikan informasi mengenai jenis kolom dalam tabel seperti tipe data yang diterima dan pembatas untuk kolom tersebut. Informasi ini digunakan pada saat penulisan script yang akan dijalankan untuk membuat tabel itu. Di bawah adalah salah satu contoh desain database schema untuk tabel M_DECEASES.

3.6. Arsitektur Aplikasi

Tabel M_DECEASES Tabel M_DECEASES menyimpan semua data dari yang meninggal. Tabel 3. 2 Skema dair tabel M_DECEASES Nama Kolom DECEASE_ID

Tipe Data VARCHAR(20)

FIRST_NAME

VARCHAR(50)

LAST_NAME ALIAS_NAME

VARCHAR(50) VARCHAR(50)

AGE

INTEGER

GENDER

VARCHAR(10)

ADDRESS

VARCHAR(100)

BIRTHDATE

DATE

BIRTHPLACE DECEASE_DATE

VARCHAR(100) DATE

Pembatas PK NOT NULL

NOT NULL NOT NULL NOT NULL

Gambar 3. 6 Arsitektur aplikasi web Berduka.com

Terdapat dua tipe request yang diterima pada server, yaitu request HTTP dan request Ajax. Untuk request bertipe Ajax, yang menerima di server adalah DWR, lalu permintaan itu dilanjutkan ke Service, lalu ke DAO, dimana DAO akan mengambil data itu dari basis data lalu hasilnya akan dikembalikan kembali ke browser. Untuk permintaan bertipe HTTP, yang menerima di server adalah Controller. Jika permintaan ini bermaksud untuk mengambil data dari basis data, Controller akan meminta Service untuk mengambil data. Jika berhubungan untuk mengambil data dari Facebook, Controller akan meminta ke Utilities. 3.7. Diagram Package

NOT

45 | T I M


Diagram package berikut berisikan struktur package dari aplikasi web Berduka.com.

Gambar 3. 8 Diagram Class salah satu bagian dari aplikasi web Berduka Gambar 3. 7 Diagram package dari Berduka.com

Penjelasan untuk tiap package di atas ada pada tabel 3.3 berikut Tabel 3. 3 Penjelasan tiap package Package com.bdc.dao

com.bdc.model

com.bdc.service

com.bdc.web

Penjelasan Package ini berisikan class Java yang bertugas memodifikasi dan mengambil data pada tiap tabel di basis data Package ini berisikan class Java yang digunakan untuk membungkus data dari tabel di basis data menjadi objek di Java Class pada package ini berfungsi sebagai penyambung antara web dengan dao Class pada package ini bertugas mengolah permintaan dari browser

3.8. Desain Diagram Class

Diagram Class adalah diagram yang menggambarkan struktur class yang dibuat pada suatu sistem. Diagram ini dibuat sebagai gambaran secara menyeluruh mengenai class Java yang dibuat yang akan membantu pembuat aplikasi untuk mendapat gambaran hubungan dan fungsi dari tiap class yang dibuat.

3.9. Diagram Sequence Diagram sequence adalah diagram yang menjelaskan pengiriman atau alur peristiwa yang terjadi dalam proses eksekusi sebuah permintaan dari awal hingga selesainya permintaan itu. Membuka Halaman Pertama Berikut ini adalah gambar diagram ketika pengguna membuka website untuk pertama kali.

Gambar 3. 9 Diagram sequence pada saat halaman pertama dibuka

3.10. Siklus Hidup Rekayasa Perangkat Lunak Yang Digunakan

46 | T I M


Berbagi berita di Facebook Penjelasan : Berbagi berita di Facebook dengan menekan link untuk berbagi berita pada halaman melihat detil berita itu. Syarat : Sudah masuk menggunakan id Facebook Jika pada pengguna pada pertama kali masuk atau login ke website menggunakan id Facebook tapi belum memberikan akses kepada berduka untuk mengubah profil mereka, maka disini akan ditanyakan lagi Tabel 4. 1 Hasil skenario pengetesan untuk berbagi berita di Facebook

Gambar 3. 10 Proses siklus hidup rekayasa perangkat lunak pada pembuatan aplikasi web Berduka.com

Fase yang pertama dilakukan adalah proses requirement gathering, dimana pada proses ini fungsi-fungsi dari Berduka.com diidentifikasi dan didokumentasikan ke dalam bentuk daftar fungsi. Setelah fungsi itu teridentifikasi secara lengkap berikutnya adalah fase desain dan analisa. Fase ini bertujuan agar fungsi-fungsi dari Berduka.com dijabarkan secara terperinci dan menuangkannya ke dalam bentuk dokumentasi desain SRS, yang di dalamnya berisi use case, rancangan tampilan aplikasi, navigasi, model pada basis data, dan diagram class. Setelah desain selesai dirancang, berikutnya adalah fase pengembangan atau pembuata aplikasi Berduka.com. Disini semua dokumentasi desain itu dipakai sebagai pedoman dalam pemrograman. Hasil akhir dari fase ketiga ini adalah sebuah aplikasi web Berduka.com yang belum dicoba, yang akan dilakukan pada fase berikutnya. Fase percobaan dan integrasi menentukan apakah aplikasi telah dapat menjalankan semua fungsi yang telah ditentukan pada awal proyek dan mencari kesalahan-kesalahan pada aplikasi web. Fase terakhir adalah pemeliharaan, dimana aplikasi web Berduka.com telah siap untuk dipakai. 4. IMPLEMENTASI DAN PEMBAHASAN 4.1. Skenario Pengujian Skenario pengujian dibuat dengan tujuan untuk menguji apakah fungsi yang dibuat dapat berjalan dengan semestinya. Pengujian ini bisa dilakukan dengan membuat suatu simulasi yang berisikan tahap-tahap kegiatan yang dilakukan dan variabelvariabel yang diperlukan. Berikut ini adalah salah satu contoh skenario pengujian untuk berbagi berita di Facebook.

Boleh akses Boleh

Tidak Boleh

Hasil yang diharapkan Dihalaman yang sama, status Facebook sudah terganti Pop up muncul untuk meminta ijin mengakses profil pengguna di Facebook. Jika dibolehkan, status user akan terganti. Jika tidak dibolehkan status user tidak akan terganti

Hasil yang didapatkan Berhasil

Berhasil

Sebagai contoh, pada gambar 4.6 adalah hasil pengetesan berbagi berita di Facebook terhadap almarhum Budhy Santoso Tanudjaja

Gambar 4. 1 Hasil pengetesan untuk berbagi di Facebook 4.2. Pengujian Integrasi Bisnis Pada Sistem

Pengujian integrasi sistem dilakukan dengan membuat simulasi kegiatan yang menceritakan aktivitas yang terjadi pada saat sistem telah siap untuk dipakai. Satu user disiapkan dengan peran admin untuk dipakai pada saat pengujian Berikut pada tabel 4.2 adalah contoh dari salah satu kegiatan yang dilakukan dalam pengujian integrasi bisnis

47 | T I M


Tabel 4. 2 Simulasi integrasi bisnis Tanggal

01-Jun

Kegiatan yang dilakukan Memasukkan informasi tempat meninggal yang baru (Tugas keseharian A) Memasukkan informasi tempat persemayaman yang baru (Tugas keseharian B) Memasukkan informasi lokasi pemakaman yang baru (Tugas keseharian C) Informasi berita duka dari koran dimasukkan (Tugas keseharian D) Sistem membuat user baru (Tugas keseharian E) Staff Berduka.com membawa username dan password ke keluarga yang berduka (Tugas keseharian F) Admin mengecek rekening untuk melihat transaksi masuk dan mencocokannya dengan permintaan pemasangan iklan dan belasungkawa di website (Tugas keseharian G)

Sistem Admin - Add Deceased Place Admin - Add Reside Place

Admin - Add Cemetery Admin - Add New Deceased -

-

-

4.3. Aspek Entrepreneurship Berduka.com adalah sebuah bisnis yang bergerak di bidang jasa informasi menggunakan teknologi internet. Berduka.com menyediakan sebuah wadah yang menampung informasi berita duka di mana informasi itu bisa dicari dan ditampilkan secara cepat dan lengkap.

2) The bargaining power of buyers Daya beli pelanggan masih rendah disebabkan oleh bisnis tipe ini masih baru dan belum terlalu dikenal masyarakat. Namun jika Berduka.com sudah berhasil menembus pasar dan mulai dikenal masyarakat, pembeli bisa mempertimbangkan Berduka.com sebagai salah satu alternatif baru untuk memasangkan ucapan belasungkawa dengan biaya yang lebih murah daripada tipe lainnya. 3) The threat of the entry of new entrants Dengan semakin berkembangnya bisnis Berduka.com, tentu muncul pesaing-pesaing yang berniat untuk terjun ke bisnis dengan tipe seperti ini. Ancaman ini tidak bisa dihindari, namun bisa diatasi, yaitu dengan selalu menawarkan inovasi-inovasi kepada pengguna aplikasi web Berduka.com 4) The intensity of competitive rivalry Saat ini Berduka.com tidak memiliki pesaing yang mampu bekerja secara optimal pada bisnis yang sama. Beberapa pesaing dari Berduka.com adalah Kabarduka.com dan ArioMemorial.com. Kabarduka.com memiliki tipe website yang sama, hanya saja tidak dikelola dengan baik sehingga informasi yang ada didalamnya tidak mengikuti perkembangan saat ini. Sedangkan ArioMemorial.com lebih fokus kepada layanan pemakaman. 5) The threat of a substitute product Beberapa produk substitusi dari Berduka.com antara lain adalah surat kabar, telepon, SMS, dan karangan bunga. Produk substitusi ini bisa jadi alternatif bagi mereka yang tidak memiliki akses internet untuk membuka website Berduka.com. Namun jika melihat perkembangan jumlah pemakai internet di Indonesia dari tahun ke tahun26, masalah ini mungkin bisa teratasi. 5. KESIMPULAN DAN SARAN 5.1. Kesimpulan Dari hasil pengerjaan aplikasi web Berduka.com didapatkan kesimpulan sebagai berikut

Untuk menganalisa tingkat persaingan pada industri Berduka.com digunakan analisa Five Porter’s Forces dengan penjelasan sebagai berikut 1) The bargaining power of suppliers Supplier dari Berduka.com untuk saat ini adalah koran harian seperti JawaPos yang memuat berita duka. Berduka.com merencanakan untuk mengadakan kerja sama dengan penerbit surat kabar harian itu dan pihak lain seperti misalnya rumah sakit agar bisa mendapatkan dan menampilkan berita lebih cepat dan terpercaya.

1) Dengan menerapkan sistem search dan advanced search pada aplikasi web Berduka.com, informasi kabar duka dapat ditemukan dengan cepat. 2) Ucapan belasungkawa lebih mudah untuk diberikan dan diterima oleh keluarga yang berduka karena menggunakan layanan internet. 26

http://www.internetworldstats.com/asia.htm#id, diakses 30 Juni 2010

48 | T I M


5.2. Saran Saran untuk pengembangan aplikasi Berduka.com ini adalah sebagai berikut

web

1) Kebutuhan mengenai layanan dari Berduka.com tentu semakin lama semakin bertambah. Untuk itu Berduka.com harus bisa menambahkan fitur dan modul yang bisa dipakai oleh penggunanya. 2) Aplikasi web selalu dituntut untuk selalu mengikuti perkembangan teknologi web. Seperti contohnya versi HTML menjadi HTML5. Penulis berharap agar Berduka.com dapat mengikuti perkembangan teknologi itu. 3) Beberapa fitur yang perlu ditambahkan untuk kedepannya adalah fitur permintaan untuk menampilkan berita duka dari pengguna website, fitur untuk menampilkan daftar orang-orang penting yang meninggal, fitur obituary yang dapat berupa kenangan bersama almarhum yang dapat berbentuk video atau photo slide. 4) Desain dan tampilan dari aplikasi web Berduka.com perlu diubah dan disesuaikan dengan tema dari website. Bagian-bagian yang kosong atau whitespace perlu dikurangi atau dihilangkan. 6. DAFTAR PUSTAKA Basham, B., Sierra, K., & Bates, B. (2004). Head First Servlets and JSP. USA: O'Reilly. DuBois, P. (2009). MySQL (4th Edition). USA: Pearson Education. Johnson, R. (2003). Expert One-on-One J2EE Design and Development. Wrox. Johnson, R., Hoeller, J., Arendsen, A., Risberg, T., & Sampaleanu, C. (2005). Professional Java Development with the Spring Framework. Wrox. Salkosuo, S. (2008). DWR Java AJAX Applications. UK: Packt. Zakas, N. C., McPeak, J., & Fawcett, J. (2007). Professional Ajax, 2nd Edition. Canada: Wiley Publishing.

49 | T I M

PERANCANGAN DAN PEMBUATAN APLIKASI WEB BERDUKA.COM UNTUK RUMAH DUKA DENGAN MENGGUNAKAN TEKNOLOGI JAVASERVER PAGES

Recommend Documents