25 Bab III Perancangan dan Realisasi Sistem Berdasarkan pemaparan mengenai dasar teori pemanfaatan teknologi internet dan telepon genggam dalam pengiriman SMS, maka berikut ini akan dijelaskan mengenai diagram blok, perancangan, serta realisasi dari kedua sistem telemedika. Kedua sistem telemedika yang dirancang adalah sistem telemedika berbasis teknologi internet dan berbasis telepon genggam. III.1 Diagram Blok Sistem Diagram blok sistem telemedika berbasis internet dapat dilihat pada Gambar III.1 di bawah ini.
Web Server
INTERNET Puskesmas
DKK Bandung
Gambar III.1. Diagram Blok Sistem Telemedika Berbasis Internet Pada diagram blok di atas, tampak bahwa pihak puskesmas mengirimkan data laporan KLB dan juga laporan mingguan melalui jaringan internet. Data ini secara fisik disimpan (stored) di Web Server. Melalui jaringan yang sama pihak, pihak DKK Bandung dapat memantau data yang masuk dan menyimpannya ke komputer lokal.
26 Website yanng menjadi interface koomunikasi antara a operaator di Pusk kesmas dan D DKK Bandu ung, dirancaang seinteraaktif mungk kin. Hal ini bertujuan agar a pihak P Puskesmas dapat meng gisi data yanng ada sesuaai dengan fo formulir yanng memang d digunakan u untuk melapoorkan data kee DKK. P Pada penelittian ini, semuua realisasi ffile yang diggunakan untuuk membenttuk website p pengiriman data KLB dan laporaan mingguann, di-uploadd ke webseerver milik NICspace 6. N D Diagram blook sistem tellemedika berbasis telepoon genggam m dengan menggunakan t teknologi SM MS dapat dillihat pada Gambar III.2 di bawah inii
Pu uskesmas
Dattabase Pusk kesmas
DKK Bandu ung
Datab base DKK Ba andung
Gambar III.2. Diagraam Blok Sisttem Telemed dika Berbasiis Telepon Genggam G P Pada diagraam blok dii atas, data KLB dan laporan m mingguan diikirim dari p puskesmas k DKK Baandung mennggunakan jaringan kom ke munikasi GS SM. Selain d dikirimkan ke DKK data ini juuga akan disimpan d sebbagai databbase lokal p puskesmas K d data yang sudah diteerima di DKK D akan tersebut. Kemudian d dikumpulkan n menjadi suuatu databasse gabungan dari beberappa puskesmaas. D Database yaang dikumpuulkan ini jugga akan dimaanfaatkan oleeh pihak DK KK menjadi b bahan laporaan kesehatann ke Dinas K Kesehatan Prrovinsi Jawa Barat.
6
Informasi dettil dapat dilihatt di http://www w.nicspace.com m
27
III.2 Perancangan Sistem Telemedika Dari diagram blok di atas, maka dirancang sistem telemedika untuk penanganan data KLB. Perancangan sistem ini dibagi menjadi dua, yaitu: (1) berbasis teknologi internet dan (2) berbasis teknologi telepon genggam.
III.2.1 Perancangan Sistem Telemedika Berbasis Internet Sistematika perancangan sistem telemedika berbasis internet dapat dilihat pada gambar berikut ini: Perancangan Database
Desain Layout Website
Pembuatan Pemrograman Website
Realisasi Sistem (offline)
Upload rancangan website ke server
Gambar III.3. Diagram sistematika perancangan sistem telemedika berbasis internet Diagram Unified Modeling Language (UML) digunakan untuk memodelkan strukur data yang dirancang. Berdasarkan diagram UML yang dapat dilihat pada Lampiran A, struktur data untuk sistem berbasis internet disusun menggunakan Class Diagram.
28
Gambar III.4. Diagram struktur data untuk sistem berbasis internet dari perspektif puskesmas
Gambar III.5. Diagram struktur data untuk sistem berbasis internet dari perspektif DKK Bandung
Secara fungsional, sistem telemedika berbasis internet ini disusun berdasarkan Use Case Diagram yang tampak pada gambar berikut ini.
29
Gambar III.6. Diagram fungsional untuk sistem berbasis internet menggunakan Use Case Diagram
Realisasi sistem telemedika berbasis internet dapat dilihat pada Gambar berikut ini.
30
Gambar III.7. Tam mpilan halamaan “Home” untuk u website DKK Ban ndung Website DK KK Bandungg ini dibuat m menjadi subb domain paada website BME-ITB, s sehingga taampilan pad da gambar di atas daapat diakses pada alaamat situs: h http://dkkb bandung.bioomed-itb.orgg. P Pada gambaar di atas tam mpak ada bebberapa menu u dalam halam man “Home”, yaitu:
Menu “H Home” Menu in ni merupakann tampilan pertama kali jika j website DKK dibukka, Tampak ada samb mbutan “Selam mat Datang di DKK Baandung”, jugga ada kolom m “Berita” yang dap pat diubah olleh pihak DK KK, sesuai dengan d kebuutuhan.
Menu “T Tentang DK KK” Menu in ni akan mennampilkan iinformasi seeputar DKK K Bandung. Termasuk alamat, struktur s orgaanisasi, dan kkegiatan yan ng diadakan oleh DKK Bandung. B
Menu “P Puskesmas” Menu in ni merupakaan portal baggi pihak pu uskesmas unntuk mengiriimkan data KLB attau laporan mingguan ke DKK Bandung. Pada menuu ini akan ditanyakkan nama pusskesmas dann juga passw word untuk ottentikasi.
31
Menu “Layanan” Menu ini akan menampilkan layanan apa saja yang diberikan oleh DKK Bandung kepada puskesmas. Termasuk di antaranya fasilitas bagi Puskesmas untuk mengirimkan informasi mengenai “Laporan Mingguan” yaitu Formulir W2 dan “Laporan KLB/Wabah” yaitu Formulir W1. Apabila ada layanan tambahan yang ingin diberikan oleh DKK Bandung, dapat dimasukkan ke dalam menu ini.
Menu “Link” Menu ini akan menampilkan link dari website DKK Bandung ke website lain yang dianggap berkaitan. Misalnya link ke website Pemerintah Provinsi Jawa Barat, Pemerintah Kota Bandung, Departemen Kesehatan Indonesia, termasuk link ke website internasional seperti WHO.
Menu “Hubungi” Menu ini akan menampilkan sarana bagi pengguna internet untuk dapat memberikan pesan atau saran ke pihak DKK Bandung. Dengan demikian upaya perbaikan dapat disalurkan melalui wadah ini.
Menu “Buku Tamu” Menu ini akan memberikan wadah bagi para pengguna internet untuk dapat memberikan komentar yang sifatnya dipublikasikan atau ditampilkan di dalam website ini.
Menu “Berita” Menu ini digunakan pihak DKK Bandung untuk menyampaikan informasi yang relevan buat Puskesmas.
Menu “Forum Diskusi” Menu ini dapat digunakan oleh para pengunjung situs ini untuk berdiskusi halhal yang relevan dengan pelayanan DKK Bandung ataupun seputar dunia kesehatan
Menu “Polling” Menu ini dapat digunakan oleh para pengunjung situs ini untuk melakukan polling tentang topik yang telah disediakan oleh pihak DKK Bandung.
32
III.2.2 Perancangan Sistem Telemedika Berbasis Telepon Genggam Seperti dalam diagram blok yang tampak pada Gambar III.2, maka untuk merealisasikan sistem telemedika berbasis telepon genggam ini haruslah dibuat portal yang berbeda untuk pihak puskesmas dan pihak DKK Bandung. Sistematika perancangan sistem telemedika berbasis telepon genggam dapat dilihat pada gambar berikut ini: Perancangan Database untuk Puskesmas
Perancangan Database untuk DKK Bandung
Pembuatan Software untuk Puskesmas
Pembuatan Software untuk DKK Bandung
Instalasi sistem di Lab. BME-ITB
Gambar III.8. Diagram sistematika perancangan sistem telemedika berbasis telepon genggam Struktur data untuk sistem telemedika berbasis telepon genggam dapat dilihat pada gambar berikut ini:
Gambar III.9. Diagram struktur data untuk sistem telemedika berbasis telepon genggam dari perspektif puskesmas
33
Gambar III.10. Diagram struktur data untuk sistem telemedika berbasis telepon genggam dari perspektif DKK Bandung Secara fungsional, sistem telemedika berbasis internet ini disusun berdasarkan Use Case Diagram yang tampak pada gambar berikut ini.
Gambar III.11. Diagram fungsional untuk sistem telemedika berbasis telepon genggam menggunakan Use Case Diagram
34 Realisasi sistem telemedika berbasis telepon genggam pada portal di puskesmas dijabarkan berikut ini.
Gambar III.12. Tampilan sistem telemedika berbasis telepon genggam pada portal di puskesmas
Pada gambar di atas tampak ada beberapa menu pada portal yang disediakan di puskesmas, yaitu:
Menu “File” Pada menu inilah disediakan fasilitas untuk •
mengirimkan data KLB (Form W1) dan juga menyimpan data ini ke dalam komputer lokal
•
mengirimkan laporan mingguan (Form W2) dan juga menyimpan data ini ke dalam komputer lokal
•
mengirimkan pesan biasa ke DKK Bandung
Tampilan detil dapat dilihat pada Gambar III.13
Menu “View” Pada menu ini pihak puskesmas dapat •
melihat dan mencetak data KLB (Form W1) yang telah disimpan
•
melihat dan mencetak laporan mingguan (Form W2) yang telah disimpan
•
melihat data atau informasi singkat mengenai DKK Bandung
•
melihat pesan biasa yang dikirimkan oleh pihak DKK Bandung ke puskesmas.
Tampilan detil dapat dilihat pada Gambar III.14
35
Menu “A About” Menu menampilkan m informasi siingkat: •
mengenai program peelaporan datta KLB dan L Laporan Min ngguan
•
mengenai Teknik Bioomedika – STEI ITB.
Tampilann detil dapatt dilihat padaa Gambar IIII.15
Gambar III.13. Tam mpilan saat m menu “File” diklik d pada pportal di puskesmas
Gambar G III.114. Tampilann saat menu “View” dikllik pada portal di puskessmas
36
Gambar IIII.15. Tampilan saat mennu “About” diklik d pada pportal di pusskesmas
R Realisasi siistem telemedika berbaasis teleponn genggam pada portall di DKK B Bandung dijabarkan berikut ini.
mpilan sistem m telemedika berbasis teleepon genggaam Gambar III.16. Tam padaa portal di DKK Bandun ng
P Pada gambaar di atas taampak ada beberapa menu m pada pportal yang disediakan u untuk pihak DKK Banduung, yaitu:
File” Menu “F Pada meenu ini diseddiakan fasiliitas untuk mengirimkan m n pesan singk kat kepada pihak pu uskesmas. Taampilan detil dapat dilihhat pada Gam mbar III.17.
37
Menu “Edit” Pada menu ini pihak DKK Bandung dapat •
menambah dan mengubah data kecamatan
•
menambah dan mengubah data kelurahan
•
menambah dan mengubah data puskesmas
Tampilah detil dapat dilihat pada Gambar III.18.
Menu “View” Pada menu ini pihak DKK Bandung dapat •
melihat dan mencetak rekapan semua data KLB (Form W1) yang dikirim oleh pihak puskesmas
•
melihat dan mencetak rekapan semua data laporan mingguan (Form W2) yang dikirim oleh pihak puskesmas
•
melihat data puskemas
•
melihat dan mencetak semua pesan biasa yang dikirim oleh pihak puskesmas
•
melihat semua SMS masuk ke nomor DKK Bandung serta menyimpannya dalam database
•
melakukan katagorisasi (pengelompokan) SMS yang masuk ke DKK Bandung. Submenu Katagori SMS disediakan agar pihak DKK Bandung dapat mengklasifikasikan apakah SMS yang masuk termasuk data KLB / Wabah (Form W1), data laporan mingguan (Form W2), ataupun pesan biasa.
Tampilan detil dapat dilihat pada Gambar III.19.
Menu “About” Menu menampilkan informasi singkat: •
mengenai program pemantauan data KLB dan Laporan Mingguan
•
mengenai Teknik Biomedika – STEI ITB.
Tampilan detil dapat dilihat pada Gambar III.20.
38
K Gambar IIII.17. Tampilan saat mennu “File” dikklik pada porrtal di DKK Bandung
Gambar III..18. Tampiilan saat mennu “Edit” dik klik pada poortal di DKK K Bandung
z Gambar III..19. Tampiilan saat mennu “View” diklik d pada portal p di DK KK Bandung
39
Gambar G III.220. Tampilaan saat menuu “About” diklik d pada poortal di DKK K Bandung
I III.3 Pembu uatan Pemrrograman un ntuk Sistem m Telemedik ka D Dari peranccangan sisteem telemeddika yang telah dipapparkan di atas, a maka p pemrograma an yang dibu uat untuk meerealisasikan n hal di atas akan dipaparkan pada s bab ini. Pemrogram sub man yang akaan dipaparkaan ini dibagii menjadi du ua kategori, y yaitu: (1) peemrograman menggunakkan PHP dann MySQL unntuk sistem telemedika b berbasis inteernet serta (2) pemroggraman meng ggunakan Visual V Basil 6.0 untuk s sistem telem medika berbaasis telepon genggam g yan ng memanfaaatkan teknollogi SMS.
I III.3.1 Pem mrograman PHP dan MySQL M unttuk Sistem Telemedikaa Berbasis I Internet P Pembuatan website meenjadi lebih mudah jikka dibuat halaman yanng menjadi t template settiap halamann situs yang ada. Tampillan halamann template daapat dilihat p pada gambarr berikut ini..
40
Gambaar III.21. Tampilan T halaman templaate dalam peerancangan website w D DKK Bandunng H HTML tag yang y digunakkan untuk m membuat halaaman templaate di atas daapat dilihat p pada lampirran dari lapo oran ini. Seebuah file yang y dibuat dengan pro ogram PHP d dibutuhkan agar halamaan template tadi t dapat diakses. d Rinccian script fiile PHP ini d dapat dilihatt sebagai berrikut ini.
* ********** *********** ********** *********** ********** *********** ********* if(ereg("t i template.ph hp", $PHP_ _SELF)) { h header("lo ocation: in ndex.php"); d die; } class temp c plate { v var $TAGS = array();
41 var $THEME; var $CONTENT; function define_tag($tagname, $varname) { $this->TAGS[$tagname] = $varname; } function define_theme($themename) { $this->THEME = $themename; } function parse() { $this->CONTENT = $this->CONTENT = while(list($key, { $this->CONTENT = } }
file($this->THEME); implode("", $this->CONTENT); $val) = each($this->TAGS)) ereg_replace($key, $val, $this->CONTENT);
function printproses() { echo $this->CONTENT; } } ?>
Kemudian script untuk halaman utama atau halaman “Home” yaitu halaman yang pertama sekali muncul ketika alamat website dimasukkan ke dalam internet browser dapat dilihat berikut ini.
42
// ------/ --------------------------------------------$ $tpl = new w template; $ $tpl -> de efine_theme e("theme00 0.html"); $ $tpl -> de efine_tag(" "{BERITA}" ", $berita) ); $ $tpl -> de efine_tag(" "{POLLING}", $pollin ng); $ $tpl -> de efine_tag(" "{FORUM}", $forum); $ $tpl -> de efine_tag(" "{ISI}", $isi); $ $ $tpl -> pa arse(); $ $tpl -> pr rintproses(); ?>
R Rancangan s sistem databbase yang ddigunakan daalam websitee DKK Banddung dapat d dilihat pada gambar beriikut.
Gambaar III.22. Tampilan T tabel “form_w1 1” pada sisteem database dalam w website DKK K Bandung P Pada gambaar di atas taampak isi daari tabel “fo orm_w1”. Tabel T “form__w1” pada s sistem databbase “dkk” terdiri t dari bbeberapa fielld, yaitu:
43
id tangg gal bulan n tahun n kelurrahan kecam matan pend derita kemaatian peny yakit gejalla_utama gejalla_lain tindaakan peng girim puskkesmas tglkirrim pukuulkirim keterrangan
Gambaar III.23. Tampilan T tabel “form_w2 2” pada sisteem database dalam w website DKK K Bandung P Pada gambaar di atas taampak isi daari tabel “fo orm_w2”. Tabel T “form__w2” pada s sistem databbase “dkk” terdiri t dari bbeberapa fielld, yaitu:
44
id puskesmas kelurahan kecamatan mglapor thnlapor mgkejadian diare1p diare1m diare2p diare2m kholerap kholeram dbdp dbdm
pesp pesm poliop poliom dipterip dipterim campak1p campak1m campak2p campak2m pneumoniap pneumoniam tetanusp tetanusm
marasmusp marasmusm kwashiorkorp kwashiorkorm marasp marasm tbp tbm matiibu lahirmati matibayi matineo
bblr bgm anemibumil balitatimbang salin lahirhidup totallapor pengirim keterangan
Untuk dapat mengirimkan data KLB (Form W1) ataupun laporan mingguan (Form W2) yang sesuai dengan tabel pada gambar di atas, maka pihak puskesmas diharuskan untuk login dahulu. Fasilitas login ini disediakan demi otentikasi untuk menghindari pihak-pihak tertentu yang menyalahgunakan fasilitas pengiriman data ini. PHP script untuk proses login dapat dilihat berikut ini.
= ""; .= "
