1 SNIPTEK 203 ISBN: SISTEM INFORMASI PENDAFTARAN TEMU ILMIAH REUMATOLOGI PADA DIVISI REUMATOLOGI IPD FKUI/RSCM JAKARTA Ari Septiana STMIK Nusa Mandiri...
BSTRAK — Perkembangan dunia informasi saat ini berkembang dengan begitu cepatnya, ini terjadi karena kebutuhan akan informasi itu semakin tinggi dan informasi yang di dapat itu semakin cepat, tepat dan mudah. Divisi Reumatologi IPD FKUI/RSCM Jakarta saat ini masih menggunakan sistem informasi konvensional dalam penyampaian informasi dan pendaftaran acara Temu Ilmiah Reumatologi. Hadirnya website sistem informasi sekolah ini, diharapkan dapat membantu dan mempermudah dalam penyampaian informasi pendaftaran acara Temu Ilmiah Reumatologi Pada Divisi Reumatologi IPD FKUI/RSCM Jakarta. Website ini dirancang menggunakan UML(Unified Modelling Language) sebagai tool program. Penulis juga menggunakan metode observasi, wawancara dan studi pustaka dalam penyusunan skripsi. Website ini juga diharapkan dapat membantu panitia dalam mengolah data dan membuat laporan secara efektif dan efisen karena dapat diakses dimana saja selama komputer terhubung dengan internet. Untuk itu, penulis mencoba membuat sistem informasi sekolah berbasis website dengan tujuan memberikan informasi pendaftaran secara tepat, cepat dan update kepada peserta maupun panitia. Kata Kunci: Reumatology, Pendaftaran Temu Ilmiah
PENDAHULUAN Perkembangan teknologi informasi yang sangat pesat dapat memenuhi berbagai aktifitas dan kebutuhan manusia, komputer mampu memberikan efektifitas kehidupan yang baik bagi manusia, selain itu dengan adanya komputer seseorang mampu menciptakan sesuatu yang bermanfaat. Teknologi sekarang ini yaitu teknologi internet yang mempunyai keistimewaan untuk mengetahui informasi di belahan dunia lain tanpa terhalang oleh adanya jarak, waktu dan tempat. Saat ini sistem pendaftaran temu ilmiah reumatologi masih menggunakan sistem yang konvensional, dimana peserta temu ilmiah reumatologi harus datang langsung untuk mendaftar kepada petugas. Dengan pertimbangan
itu maka diperlukan sesuatu yang dapat menyelesaikan semua kendala, khususnya dalam pelaksanaan pendaftaran temu ilmiah reumatologi yaitu dengan merancang sistem informasi pendaftaran temu ilmiah berbasis web, sehingga akan memberikan banyak kemudahan-kemudahan dalam melakukan kegiatan, terutama peserta yang ingin mengikuti kegiatan ini yang ada di luar Jakarta, dapat melakukan pendaftaran secara online.
BAHAN DAN METODE a. Observasi Melakukan pengamatan secara langsung mengenai proses pendaftaran peserta temu ilmiah reumatologi mulai dari proses pendaftaran peserta, proses pembayaran, proses penyerahan kartu peserta sampai proses registrasi ulang peserta temu ilmiah sebagai dasar di dalam penyusunan skripsi. b. Wawancara Penulis melakukan wawancara kepada petugas yang mengurus pendaftaran peserta, dengan mengajukan pertanyaan yang berhubungan dengan pendafataran peserta. c. Studi Pustaka Penulis ini ditunjang orang beberapa buku-buku yang berisi teori-teori yang berkaitan dengan masalah yang dibahas serta catatan-catatan kuliah dan penunjang lainnya. Pada metode ini penulis mendapat banyak bahan masukan tentang bagaimana merancang atau mengembangkan suatu sistem informasi pendaftaran secara online. Metode Pengembangan Sistem a. Analisa Kebutuhan Sistem Dalam penulisan skripsi ini penulis melakukan analisa pada beberapa website yang ada, kemudian merancang website ini dengan menggunakan bahasa pemodelan atau UML terlebih dahulu sebelum menerapkan menjadi aplikasi pendaftaran secara online dan membuat kebutuhan User Interface serta kebutuhan fungsional. b. Desain
INF-251
SNIPTEK 2013
Tahap ini dilakukan sebelum melakukan coding. Tahap ini bertujuan untuk memberikan gambaran apa yang seharusnya dikerjakan dan bagaimana tampilannya. Untuk perancangan database penulis menggunakan ERD (Entity Relationship Diagram) Dalam pembuatan sistem pendaftaran online ini penulis menggunakan alat bantu perancangan sistem UML (Unfield Modelling Language) yaitu; Use Case Diagram, Activity Diagram dan Deployment Diagram. c. Code Generation Penulis menggunakan bahasa pemrograman PHP dan MySql untuk mengimplementasikan website pendaftaran peserta secara online. Teknik pemrograman yang penulis gunakan adalah teknik pemrograman terstruktur. d. Testing Pada proses pengujian website pendaftaran online ini agar website terbebas dari error serta hasil nantinya sesuai dengan kebutuhan maka penulis menggunakan blackbox testing sebagai metode program testing. e. Support Pada tahap ini dilakukan pemilihan spesifikasi support software dan hardware untuk mendukung program adapun yang penulis gunakan kali ini yaitu, software: Microsoft Windows 7 Ultimate 32-Bit, Xampp Versi 1.7.3, Dreamweaver CS 3 dan Hardware: Processor Intel Core-i3, Memori 2GB, Harddisk 500GB, Monitor14’ dan perangkat Printer Epson LX-300++.
HASIL DAN PEMBAHASAN Rumah Sakit Cipto Mangunkusumo Jakarta merupakam sebuah rumah sakit pemerintah yang terletak di Jakarta Pusat, Indonesia. Selain menjadi RS pemerintah RSCM juga berfungsi sebagai RS pendidikan, salah satunya adalah Fakultas Kedokteran Universitas Indonesia. RSCM Terdiri dari beberapa departemen yaitu Departemen Medik Kesehatan Anak, Departemen Medik Anestesi, Departemen Medik Akupuntur, Departemen Medik Ilmu Bedah, Departemen Medik Bedah Saraf, Departemen Medik Gigi Dan Mulut, Departemen Medik Kulit Kelamin, Departemen Medik Kebidanan Dan Penyakit Kandungan, Departemen Medik Penyakit Dalam, Departemen Medik Kesehatan Jiwa. Divisi Reumatologi Reumatologi sendiri merupakan Sub Bagian dari Departemen Ilmu Penyakit Dalam FKUI/RSCM. Kegiatannya antara lain Pelayanan, Pendidikan S1, SpPD dan SpII-Konsultan Reumatologi, Penelitian. Salah satu kegiatan dalam upaya meningkatkan pendidikan dokter seluruh Indonesia, Divisi Reumatologi Ilmu Penyakit Dalam FKUI/RSCM mengadakan acara setiap tahun yaitu Temu Ilmiah Reumatologi.
INF-252
ISBN: 978-602-72850-4-0
Temu Ilmiah Reumatologi adalah acara yang diadakan setiap tahun oleh Divisi Reumatologi IPD/FKUI RSCM. Pertama, peserta yang ingin mengikuti acara ini menyerahkan biodata dan membayar biaya pendaftaran sesuai jenis acara yang ingin diikuti. Kemudian, bagian registrasi membuat kwitansi pembayaran dan menyerahkan kepada pendaftar tersebut. Pada saat hari acara berlangsung, sebelum mengikuti acara peserta diwajibkan melakukan registrasi ulang menggunakan kwitansi pembayaran. Setelah peserta menyerahkan kwitansi pembayaran, bagian registrasi lalu membuatkan kartu nama untuk peserta tersebut. Setelah registrasi ulang, peserta dipersilahkan untuk mengikuti acara. Setelah acara selesai, bagian registrasi mencetak sertifikat kehadiran dan membagikannya kepada seluruh peserta acara. Selain itu,bagian registrasi juga bertugas mencetak laporan pendaftaran peserta yang akan diserahkan kepada bendahara. A. Analisa Kebutuhan Software Sistem informasi pendaftaran ini mempunyai 3 macam halaman yaitu halaman publish, halaman member dan halaman admin. Berikut spesifikasi kebutuhan (system requirement) dari sistem informasi pendaftarn ini : Halaman Publish : A1. Publish hanya dapat melihat semua informasi yang ada di dalam web ini dan tidak dapat melakukan login untuk melakukan pendaftaran. A2. Publish dapat mendaftar sebagai member. A3. Publish dapat melakukan login. Halamam Member : B1. Member dapat melakukan pendaftaran sebagai member. B1. Member dapat melakukan pendaftaran peserta. B2. Member dapat melihat data peserta yang telah didaftarkan. B3. Member dapat melihat jumlah tagihan yang harus dibayar. B4. Member dapat melakukan konfirmasi pembayaran. Halaman Admin : C1. Admin dapat mengolah data member. C2. Admin dapat mengolah data peserta. C3. Admin dapat mencetak daftar hadir C4. Admin dapat mencetak laporan. C5.. Admin dapat mengolah data admin. C6. Admin dapat mengirim kwitansi pembayaran. C7. Admin dapat mencetak sertifikat kehadiran peserta. C8. Admin dapat mencetak kartu peserta
SNIPTEK 2013
ISBN: 978-602-72850-6-4
uc Pendaftaran Peserta Halaman Member
uc Pendaftaran peserta halaman publish
Tampil Latar Belakang Acara
Biodata Member
Tampil Struktur Panitia
Tampil tempat acara
«include»«include» «include» Pilih Beranda
«include»
Daftar Member
Ubah Password
Tampil Lokakarya
Pilih Profil
Password Baru «include»
«extend»
Sea Level Use Case
Tampil simposium
«include» Pilih Susunan Acara
Login
«include» «include»
Download Materi Acara
«extend»
Tampil kursus reumatologi dasar
Biodata Peserta
«extend»
«include»
Pilih Biaya Acara
Temu Ilmiah Reumatologi
«extend»
Pendaftaran Peserta
Edit
Publish Pilih Agenda
«extend»
«extend»
«extend»
Lihat Data Peserta «extend»
Pilih Dow nload
Cetak Kartu Nama
«extend»
Pilih Galeri Foto
Fish Level Usecase
Pilih Pendaftaran
«include»
Pilih Album
Lihat List Tagihan Pembayaran
«include»
Masukkan Data
Konfirmasi Pembayaran
«include» «include»
«include»
Fish Level Usecase
PIlih Hubungi Kami
Daftar Member
Tampil Cara Pendaftaran
Member «include»
«include»Masukkan Data Member
Form Login
Tambah
«include» Masukkan User dan Passw ord
Sea Level Usecase
Cetak
Edit
Logout «include»
«extend» «extend»
Form Konfirmasi Pembayaran
Gambar 1. Use Case Diagram Halaman Member
«extend»
Delete
Tabel 1. Deskripsi Use Case Diagram Halaman Publish
Use case name Requiretment
Halaman Publish A1-A3
Goal
Publish dapat melihat semua informasi yang ada di website Publish mengetahui situs dari sistem pendaftaran online
Pre-Conditions Post-Conditions
Failed end Condition Primary Actors Main Flow/Basic Path
Invariant
Publis dapat melakukan pendaftaran member dan melakukan login kemudian mendaftarkan peserta Publis tidak dapat melakukan pendaftaran peserta Publish 1. Publish dapat melihat semua informasi yang ada di sistem pendaftaran. 2. Publish dapat melakukan pendaftaran member. 3. Publish dapat melakukan login sebagai member -
Gambar 2. Use Case Diagram Halaman Member Tabel 2. Deskripsi Use Case Diagram Halaman Member Use case name Requiretment
Halaman Member B1-B4
Goal
Member dapat melakukan pendaftaran peserta melalui website Member dapat mengetahui cara pendaftaran di sub menu cara pendaftaran Member dapat mendaftarkan pesrta yang ingin didaftarkan
Pre-Conditions
Post-Conditions Failed end Condition
Primary Actors Main Path
Flow/Basic
Member tidak dapat mendaftarkan peserta yang ingin didaftarkan Member 4. Member dapat melakukan login sebagai member 5. Member dapat melakukan pendaftarn peserta 6. Member dapat melihat list peserta yang didaftarkan 7. Member dapat melihat tagihan pembayaran sesuai
INF-253
SNIPTEK 2013
ISBN: 978-602-72850-4-0
peserta yang didaftarkan 8. Member dapat melakukan konfirmasi pembayaran. 9. Member dapat mencetak kartu nama 10. Member dapat mencetak kwitansi pembayaran -
Invariant
peserta Admin
Primary Actors Main Path
Flow/Basic
uc Pendaftaran Peserta Halaman Admin
Tambah Edit
«extend»
Delete «extend»
Username dan Password
«extend» Lihat Data Peserta Lihat Konfirmasi Pembayaran
«include»
Cetak Konfirmasi Pembayaran
«include» «extend» «extend»
Login
«extend»
Kirim Kwitansi Pembayaran
Nama Peserta
«include»
«extend» Cetak Kartu Nama «extend»
Nama Peserta
«extend» Cetak Setifikat
«include»
«extend»
«extend» Cetak Daftar Hadir
Pilih Jenis Acara «extend»
Admin
Cetak Laporan
Invariant
1. Admin melihat daftar peserta 2. Admin dapat melihat konfirmasi pembayaran 3. Admin dapat mengirim kwitansi pembayaran 4. Admin dapat mencetak kartu nama peserta 5. Admin dapat mencetak daftar hadir 6. Admin dapat mencetak laporan 7. Admin dapat mencetak sertifikat -
Activity diagram mempunyai peran seperti halnya flowchart, akan tetapi perbedaannya dengan flowchart adalah activity diagram bisa mendukung perilaku paralel sedangkan flowchart tidak bisa. Activity diagram merupakan state diagram khusus, di mana sebagian besar state adalah action dan sebagian besar transisi di-trigger oleh selesainya state sebelumnya (internal processing). Oleh karena itu activity diagram tidak menggambarkan behaviour internal sebuah sistem dan interaksi antar subsistem secara eksak, tetapi lebih menggambarkan proses-proses dan jalurjalur aktivitas dari level atas secara umum.
Logout act Input Pendaftaran Peserta Member
Sistem
Buka Brow ser
Gambar 3. Use Case Diagram Halaman Admin Masuk Halaman Login Member
Tabel 3. Deskripsi Use Case Diagram Halaman Admin Masukkan Username dan Passw ord
Use case name Requiretment
Halaman Admin C1-C7
Goal
Admin dapat melakukan pekerjaannya sebagai bagian registrasi peserta Admin mendapat pelatihan cara menggunakan dan mengolah data Admin dapat mengolah data dan menerima pendaftaran pesserta Admin tidak dapat mengolah data dan menerima pendaftaran
Kirim data login
Username dan Passw ord salah
Terima data login
User Name dan Passw ord benar
Masuk Halaman Member
Pre-Conditions
Post-Conditions
Failed end Condition
INF-254
Pilih Menu Pendaftaran Peserta
Input lagi
Data tidak v alid dan tidak lengkap
Masukkan biodata peserta
Kirim data peserta
Terima data peserta
Data v alid dan lengkap
Konfirmasi Data tersimpan
Tidak input lagi
Simpan data Peserta
Logout
Tutup brow ser
Gambar 4. Activity Diagram Pendaftaran Peserta
SNIPTEK 2013
ISBN: 978-602-72850-6-4
cmp petropart
Firew all
1. Desain
+ + +
Desain database adalah salah satu tahapan awal dalam membanguan suatu basis data, tahapan dalam membuat basis data biasanya membuat tabel-tabel yang nantinya akan digunakan untuk menyimpan data, pada pembuatan data perlu didefinisikan relasi antara tabeltabel tersebut. Entity Relationship Diagram merupakan sebuah diagram yang digunakan untuk merancang hubungan antar tabel-tabel dalam basis data. ERD yang ada pada sistem ini sebagai berikut:
AcceptsRequest() : HTML Request ForwardRequest() : HTML Request ReturnRequest() : HTML Request
Deployment/physical diagram menggambarkan detail bagaimana komponen di-deploy dalam infrastruktur sistem, dimana komponen akan terletak (pada mesin, server atau piranti keras apa), bagaimana kemampuan jaringan pada lokasi tersebut, spesifikasi server, dan hal-hal lain yang bersifat fisikal.
nama judul 1
isi_kursus
bank_pemilik
deployment Petropart
bayar
id_kategori Kursus
M
pemilik
Memiliki
headline
email
Workstation
norekening
tag
1
telepon
jam
bank_tujuan
alamat
Membuat
tanggal
tanggal
Windows 7
1
hari
id_kategori
Mozilla Firefox
nama_kategori
judul_seo 1
harga_kursus
username
gambar 1
Users
Membuat
Kategori
1
username
kategori_seo
aktif foto
password level id_sesion
blokir
WebServ er
DatabaseServ er
nama_lengkap no_telp email
Apache
SQL
Gambar 5. Entity Relationship Diagram
Component diagram adalah diagram UML yang menampilkan komponen dalam system dan hubungan antara mereka. Pada component View, akan difokuskan pada organisasi fisik system. Pertama, diputuskan bagaimana kelas-kelas akan diorganisasikan menjadi kode pustaka. Kemudian akan dilihat bagaimana perbedaan antara berkas eksekusi, berkas dynamic link library (DDL), dan berkas runtime lainnya dalam system. Componen Diagram pada sistem pendaftaran ini adalah sebagai berikut :
Gambar 7. Deployment Diagram Berikut ini adalah tampilan utama dari aplikasi ini :
INF-255
SNIPTEK 2013
ISBN: 978-602-72850-4-0
NAMA PPK
Kegiatan
<select name="select" id="select">
Penerima
Output
<select name="kd_output" id="kd_output">
Gambar 8. Halaman Menu Utama
2. Code Generation Berikut ini merupakan contoh penerapan code generation untuk Form Member <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> Untitled Document <script type="text/javascript" src="../jquery_easyui/jquery.min.js"> <script type="text/javascript" src="../jquery_easyui/jquery.easyui.min.js"> <script type="text/javascript" src="../jquery_easyui/jquery.form.js"> <script type="text/javascript" src="../libs_js/barang_masuk.js">
3. Testing Pembahasan mengenai pengujian sistem yang dibuat akan menggunakan balckbox testing untuk pengujian input dan outputnya saja. Hanya form yang berkaitan dengan proses bisnis utama saja yang akan ditampilkan hasil pengujiaanya. Tabel 4. Hasil Pengujian Blackbox Texting Form Login No .
Skenario Pengujian
Jenis acara: belum dipilih Status : Belum dipilh
Data tidak ditemuka n
Jenis acara : dipilih Status : Belum dipilh
Data tidak ditemuka n
3
Hanya memilih status dan tidak memilih jenis acara,lalu klik proses
Jenis acara : tidak dipilih Status : dipilih
Data tidak ditemuka n
4
Pilih jenis acara dan status dipilih lalu klik proses
Jenis acara : dipilih Status : dipilih
1
Belum memilih jenis acara dan status lalu klik proses
