PADA RUMAH SAKIT UMUM HAJI SURABAYA
LAPORAN KERJA PRAKTEK
Oleh:
NIM/Nama : 08.41010.0288 / Burhanuddin Surya Putra
08.41010.0418 / Bia Ardy Permana
Program Studi : Strata 1
Jurusan : Sistem Informasi
SEKOLAH TINGGI
MANAJEMEN INFORMATIKA & TEKNIK KOMPUTER
SURABAYA
2011
STIKOM
v
Komputer merupakan salah satu bentuk hasil dari perkembangan jaman yang terjadi. Website menjadi hal yang sangat penting untuk menyampaikan informasi mengingat aksesibilitas-nya yang dapat diakses melalui media internet. RSU Haji Surabaya adalah Rumah Sakit Umum yang berada di kota Surabaya, sebagai salah satu rumah sakit yang ber-standart nasional, RSU Haji Surabaya belum mempunyai media yang efektif untuk menyampaikan informasi-informasi kepada masyarakat.
Dalam Kerja Praktek ini, Penulis menggunakan teknologi internet untuk membangun sebuah profil perusahaan yang berbasis web. Dengan memanfaatkan
website tersebut, diharapkan RSU Haji Surabaya dapat memiliki media untuk menyampaikan informasi-informasi yang dibutuhkan oleh masyarakat mengenai kesehatan secara cepat, tepat dan akurat.
Informasi yang terdapat pada website tersebut antara lain berita, kalender kegiatan, artikel, profil, sejarah, visi misi, motto, penghargaan, direksi, fasilitas - fasilitas, info dokter, info tarif, lokasi atau tempat RSU Haji Surabaya serta masyarakat umum dapat melakukan konsultasi online 24 jam dengan dokter RSU Haji Surabaya.
STIKOM
viii
ABSTRAK ... v
KATA PENGANTAR ... vi
DAFTAR ISI ... viii
DAFTAR GAMBAR ... x
DAFTAR LAMPIRAN ... xi
BAB I PENDAHULUAN ... 1
1.1. Latar Belakang Masalah ... 1
1.2. Perumusan Masalah ... 2
1.3. Batasan Masalah ... 2
1.4. Tujuan ... 2
1.5. Sistematika Penulisan ... 3
BAB II GAMBARAN UMUM PERUSAHAAN ... 5
2.1. Sejarah RSU Haji Surabaya ... 5
2.2. Identitas Perusahaan... 6
2.2.1.Visi ... 6
2.2.2.Misi ... 6
2.2.3.Motto ... 7
BAB III LANDASAN TEORI ... 8
3.1. Internet ... 8
3.1.1.HTTP ... 10
3.1.2.URL ... 10
3.2. Website dan Homepage ... 11
3.3. HTML ... 12
3.4. PHP ... 13
3.5. Adobe Dreamweaver CS 5... 13
3.6. Oracle 10g Enterprise Edition ... 15
STIKOM
ix
3.9. Interaksi Manusia dan Komputer ... 22
BAB IV DESKRIPSI PEKERJAAN ... 26
4.1. Metodologi Penelitian ... 26
4.2. Detail Proses Pengerjaaan Interaktif ... 26
4.3. Desain UML... 30
4.4. Desain dan Penggunaan Website ... 31
4.4.1 User ... 31
4.4.2 Admin ... 49
BAB V PENUTUP... 66
5.1. Kesimpulan ... 66
5.2. Saran ... 66
DAFTAR PUSTAKA ... 66
LAMPIRAN ... 69
STIKOM
5 2.1 Sejarah RSU Haji Surabaya
Rumah Sakit Umum (RSU) Haji Surabaya adalah rumah sakit milik Pemerintah propinsi Jawa Timur yang didirikan berkenaan peristiwa yang menimpa para Jamaah Haji Indonesia di terowongan Mina pada tahun 1990.
Dengan adanya bantuan dana dari Pemerintah Arab Saudi dan dilanjutkan dengan biaya dari Pemerintah propinsi Jawa Timur, berhasil dibangun gedung beserta fasilitasnya yang resmi dibuka pada tanggal 17 April 1993, sebagai RSU tipe C. Pada tahun 1998 berkembang menjadi RSU tipe B Non Pendidikan dan pada tanggal 30 Oktober 2008 sesuai SK, RSU Haji Surabaya berubah status menjadi RSU tipe B Pendidikan.
RSU haji Surabaya memiliki 226 tempat tidur perawatan, ditunjang dengan alat medis canggih dan dokter spesialis senior Kota Surabaya. Melayani semua lapisan masyarakat umum dengan motto “Menebar Salam dan Senyum dalam
Pelayanan”. Dengan fasilitas yang tersedia, RSU Haji Surabaya telah mendidik
mahasiswa kedokteran dan menyelenggarakan postgraduate training untuk dokter dari RS se-Jawa Timur. RSU Haji Surabaya telah mengalami beberapa kali pergantian direktur, yaitu :
1. Dr. Widatmoko Sumaji
Dengan masa jabatan 1993-2001
2. Dr. dr. H. Slamet R. Yuwono, DMT & H., MARS Dengan masa jabatan 2001-2003
STIKOM
3. Prof. Dr. Dr. Rochmad Romdoni, SpPd, SpJP (K), FIHA, FASCC Dengan masa jabatan 2003-Sekarang
2.2 Identitas Perusahaan
Lokasi RSU Haji Surabaya di Jalan Manyar Kertoadi Surabaya, Jawa Timur, Indonesia. Adapun nomer kontak yang dapat dihubungi yaitu telepon (031) 592 4000, faximile (031) 594 7890, email rsuhaji1@yahoo.com. Jumlah Sumeber Daya Manusia (SDM) tenaga sekitar 617 pegawai, 91 orang pegawai bagian medis dan 526 orang pegawai bagian paramedis.
Adapun visi dan misi dari RSU Haji Surabaya ini adalah sebagai berikut:
2.2.1 Visi
Visi yang dimiliki oleh RSU Haji Surabaya adalah Rumah Sakit pilihan masyarakat, Prima dan Islami dalam pelayanan, pendidikan, dan pelatihan.
2.2.2 Misi
Misi-misi yang dimiliki oleh RSU Haji Surabaya adalah sebagai berikut : a. Menyediakan pelayanan kesehatan dan pendidikan yang berkualitas
melalui sumber daya manusia yang profesional, mukhlis, dan komitmen tinggi.
b. Meningkatkan kualitas hidup sesuai harapan pelanggan. c. Mewujudkan sarana dan prasarana yang memadai.
d. Mewujudkan wahana pembelajaran dan penelitian dalam upaya membentuk profesional yang handal.
e. Menanamkan budaya kerja sebagai bagian dari ibadah dan profesionalisme.
STIKOM
f. Mengembangkan program unggulan.
g. Mengembangkan jejaring dengan institusi lain. 2.2.3 Motto
Adapaun motto yang dimiliki oleh RSU Haji Surabaya adalah “Menebar Salam dan Senyum dalam Pelayanan”.
STIKOM
1 BAB I PENDAHULUAN
1.1 Latar Belakang Masalah
RSU Haji Surabaya merupakan rumah sakit umum yang berada di kota Surabaya, tepatnya di Jalan Manyar Kertoadi dan merupakan rumah sakit milik Pemerintah propinsi Jawa Timur. Dalam proses pengenalan RSU Haji Surabaya masih menggunakan sistem yang manual dan informasi biasanya dilakukan dari mulut ke mulut. Seiring dengan perkembangan Teknologi Informasi, hal itu tentu saja menjadi kurang efektif karena teknologi informasi sudah banyak dimanfaatkan oleh rumah sakit-rumah sakit lain sebagai media informasi kepada masyarakat. Salah satu teknologi yang sudah banyak digunakan oleh perusahaan-perusahaan yaitu internet. Apalagi pertumbuhan pengguna internet di Indonesia semakin lama semakin meningkat terlebih lagi Pemerintah juga mendukung penggunaan internet untuk masyarakat dengan menurunkan tarif internet.
Oleh karena itu, agar dapat terus mengikuti perkembangan dan memenuhi harapan dari civitas RSU Haji Surabaya maka kami membangun sebuah website
Rumah Sakit Umum Haji Surabaya yang akan berisi berita, kalender kegiatan, artikel, profil, sejarah, visi misi, motto, penghargaan, direksi, info dokter, info tarif, lokasi RSU Haji Surabaya serta fasilitas-fasilitas umum termasuk konsultasi
online 24 jam dengan dokter RSU Haji Surabaya. Dengan adanya website ini, diharapkan dapat membuat RSU Haji Surabaya dapat dikenal lebih luas sampai ke mancanegara.
STIKOM
1.2 Perumusan Masalah
Berdasarkan latar belakang masalah di atas, dapat dirumuskan masalah sebagai berikut:
1. Bagaimana menghasilkan website yang menarik dan user-friendly sehingga mampu diterima oleh pihak Hukmas RSU Haji Surabaya dan informasi yang diberikan kepada masyarakat bersifat informatif.
2. Bagaimana membuat fitur-fitur yang dapat menggambarkan kelebihan dan memberikan informasi yang tepat tentang RSU Haji Surabaya.
1.3 Batasan Masalah
Batasan masalah pada sistem ini adalah sebagai berikut:
1. Website ini akan menyajikan berita, kalender kegiatan, artikel, profil, sejarah, visi misi, motto, penghargaan, direksi, info dokter, info tarif, lokasi RSU Haji Surabaya serta fasilitas-fasilitas umum termasuk konsultasi online 24 jam dengan dokter RSU Haji Surabaya.
2. Website ini dibuat dengan menggunakan bahasa HTML, PHP, CSS, dan Ajax, serta Javascript.
3. Hanya membahas desain dan pembuatan website saja, tidak sampai proses
hosting website yang telah dibangun. 1.4 Tujuan
Adapun tujuan dari Kerja Praktek tersebut sebagai berikut:
1. Membuat website profil rumah sakit yang berisi fitur – fitur seperti berisi berita, kalender kegiatan, artikel, profil, sejarah, visi misi, motto, penghargaan,
STIKOM
direksi, info dokter, info tarif, lokasi RSU Haji Surabaya serta fasilitas-fasilitas umum termasuk konsultasi online 24 jam dengan dokter RSU Haji Surabaya. 2. Membuat fitur konsultasi online 24 jam dengan dokter RSU Haji Surabaya
yang mampu manarik menarik perhatian masyarakat.
1.5 Sistematika Penulisan
Sistematika penulisan dapat dibagi dalam lima bab yaitu pendahuluan, gambaran umum perusahaan, landasan teori, penjelasan pekerjaan serta penutup.
Masing-masing bab terdiri atas beberapa sub bahasan sebagai berikut:
Bab I Pendahuluan
Bab ini berisi tentang latar belakang diambilnya topik kerja praktek,
rumusan masalah dari topik kerja praktek, batasan masalah, atau ruang lingkup
pekerjaan kerjaan kerja praktek, tujuan kerja praktek, dan sistematika penulisan
dari kerja praktek.
Bab II Gambaran Umum Perusahaan
Bab ini menjelaskan tentang sejarah singkat dari perusahaan yang dijadikan
sebagai tempat pelaksanaan kerja praktek, bidang usaha yang dikerjakan oleh
perusahaan tempat dilaksanakannya Kerja Praktek.
Bab III Landasan Teori
Bab ini berisi tentang teori-teori yang mendukung perancangan website
RSU Haji Surabaya, beberapa diantaranya adalah konsep dasar internet, website,
serta perangkat-perangkat lunak yang digunakan dalam perancangan dan
pembuatan website RSU Haji Surabaya.
STIKOM
Bab IV Penjelasan Pekerjaan
Bab ini berisi penjelasan tentang tugas – tugas yang dikerjakan pada saat
kerja praktek, berupa gambaran site map website, perancangan website, dan
implementasi website.
Bab V Penutup
Bab ini berisi kesimpulan dan saran. Saran yang dimaksud adalah saran
terhadap kekurangan dari aplikasi yang ada kepada pihak lain yang ingin
meneruskan topik kerja praktek ini. Tujuannya adalah agar pihak lain tersebut
dapat menyempurnakan aplikasi sehingga bisa menjadi lebih baik dan berguna.
STIKOM
8 BAB III LANDASAN TEORI
3.1 Internet
Internet (kependekan dari interconnected-networking) ialah sistem global dari seluruh jaringan komputer yang saling terhubung menggunakan standar
Internet Protocol Suite (TCP/IP) untuk melayani miliaran pengguna di seluruh dunia. Manakala Internet (huruf 'I' besar) ialah sistem komputer umum, yang berhubung secara global dan menggunakan TCP/IP sebagai protokol pertukaran paket (packet switching communication protocol). Rangkaian internet yang terbesar dinamakan Internet. Cara menghubungkan rangkaian dengan kaedah ini dinamakan internetworking.
Internet adalah salah satu jaringan komputer yang satu dengan yang lain saling berhubungan untuk keperluan komunikasi dan informasi. Sebuah komputer dalam satu jaringan internet dapat berada dimana saja atau bahkan di seluruh Indonesia. Sering juga internet diartikan sebagai jaringan komputer di seluruh dunia yang berisikan informasi dan sebagai sarana komuniksai data yang berupa gambar, suara, video, dan juga teks. Informasi ini dibuat oleh penyelenggara atau pemiliknya kepada penyedia layanan internet.
Bila kita melakukan akses internet, banyak sekali keuntungan yang dapat kita peroleh. Berikut beberapa kegunaan dari akses internet antara lain dalam dunia bisnis, sarana informasi dan komunikasi internet juga dapat digunakan sebagai media komunikasi promosi, seperti untuk image company, pengenalan
STIKOM
dan pemasaran produk, dll. Dalam berbagai aktifitas bisnis dan administrasi pemerintahan, secara nyata sistem komunikasi menggunakan internet, ini terbukti dapat mengurangi biaya kertas dan biaya distribusi. Contohnya koran masuk ke dalam internet (online news), majalah, brosur dan juga jurnal.
Satu hal yang paling menarik ialah keanggotaan internet tidak mengenal batas negara, ras, kelas ekonomi, ideologi atau faktor faktor lain yang biasanya dapat menghambat pertukaran pikiran. Internet adalah suatu komunitas dunia yang sifatnya sangat demokratis serta memiliki kode etik yang dihormati segenap anggotanya. Manfaat internet terutama diperoleh melalui kerjasama antar pribadi atau kelompok tanpa harus mengenal batas, jarak, dan waktu untuk mengaksesnya. Untuk lebih meningkatkan kualitas sumber daya manusia di Indonesia, sudah waktunya para profesional Indonesia memanfaatkan jaringan internet dan menjadi bagian dari masyarakat informasi dunia.
Internet sudah semakin populer digunakan sebagai media komunikasi interaktif oleh berbagai pihak, seperti dalam mentuk email, dukungan pelanggan dengan ”www”, video conferencing, internet relay chat, internet phone, dll. Pertukaran data dan informasi dengan sistem administrasi pemerintahan ( e-goverment) atau sebagai resources discovery.
WWW adalah jaringan beribu-ribu komputer yang dikategorikan menjadi dua : client dan server dengan menggunakan software khusus membentuk sebuah jaringan yang disebut jaringan client-server. Dalam cara kerja dari www ada dua hal yang terpenting yaitu software web server dan software web browser.
Server menyimpan atau menyediakan informasi dan memproses permintaan dari client, apabila ada client yang meminta informasi maka server akan
STIKOM
mengirimnya. Server juga mengirimkan perintah-perintah ke client tentang bagaimana cara menampilkan semua informasi yang dibutuhkan tersebut. Instalasi tersebut dalam bentuk HTML (Hypertext Markup Language). Client membuat permintaan informasi dan kemudian menangani pengaksesan informasi tersebut kepada end user (pemakai akhir).
Komunikasi jaringan komputer diatur dengan bahasa atau software standart yang disebut dengan protokol yang memungkinkan beragam jaringan komputer dan jenis komputer yang berbeda untuk berkomunikasi.
Protokol ini secara resmi dikenal sebagai TCP/IP (Transmission Control Protocol Internet Protocol) merupakan cara standart untuk memaketkan dan menyelamatkan data komputer (sinyal elektronik) sehingga data tersebut dapat dikirim ke komputer yang lain.
3.1.1 HTTP
HTTP adalah suatu protokol yang menentukan aturan yang perlu diikuti oleh browser dalam meminta atau mengambil suatu dokumen dan oleh web server dalam menyediakan dokumen yang diminta oleh web browser. Protokol ini merupakan protokol standart yang digunakan untuk mengakses dokumen HTML. Apabila kita menjelajahi web dan pada address tertulis seperti http://www.yahoo.com, ini merupakan salah satu penggunaan protokol HTTP dalam web.
3.1.2 URL
Menurut Sutarman (2003), URL (Uniform Resources Locator) adalah suatu sarana yang digunakan untuk menentukan lokasi informasi pada suatu web server. URL dapat diibaratkan suatu alamat, dimana alamat tersebut terdiri atas :
STIKOM
1. Protokol yang digunakan oleh suatu browser untuk mengambil informasi. 2. Nama komputer (server) dimana informasi tersebut berada.
3. Jalur/path serta nama file dari suatu informasi. 4. Format umum dari URL adalah seperti berikut ini :
Protokol_transfer://nama_host/path/nama_file
3.2 Website dan Homepage
Menurut Sutarman (2003), Website (situs web) adalah merupakan alamat URL yang berfungsi sebagai tempat penyimpanan data dan informasi dengan berdasarkan topik tertentu.
Web Page (halaman web) merupakan halaman khusus dari situs web tertentu yang tersimpan dalam bentuk file. Dalam web page tersimpan berbagai informasi dan link yang menghubungkan suatu informasi ke informasi lain pada website
yang berbeda.
Home Page merupakan halaman pertama atau sampul dari suatu website
yang berisi tentang apa dan siapa dari perusahaan atau instansi atau organisasi pemilik website tersebut. Jadi pada dasarnya home page merupakan sarana dasar untuk memperkenalkan secara singkat tentang apa yang menjadi isi dari keseluruhan website dari suatu organisai atau pribadi.
Situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informasi, gambar gerak, suara, dan atau gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan link-link.
STIKOM
3.3 HTML
Menurut Sutarman (2003), HTML (Hypertext Markup Language) adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa bergantung pada suatu platform tertentu (platform independent). Dokumen HTML adalah suatu dokumen teks biasa, dan disebut sebagai markup language karena mengandung tanda-tanda (tag) tertentu yang digunakan untuk menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen.
HTML adalah merupakan pengembangan dari standart pemformatan dokumen teks yaitu SGML (Standart Generalized Markup Language). Sejak awal perkembangan sampai sekarang ini telah tersedia berbagai macam versi HTML.
Perbedaan dokumen HTML dengan dokumen lainnya adalah untuk HTML dapat memberikan suatu format seperti bentuk tebal, miring, form, list, tabel sedang, dokumen teks biasa tidak bisa. Dokumen HTML bisa mengandung suatu
link (hubungan) ke bagian dalam dokumen tersebut atau ke dokumen lain pada
server yang sama atau server yang berbeda. Untuk menjalankan dokumen HTML harus menggunakan program khusus yang disebut dengan web browser.
Ciri utama dokumen HTML dikategorikan menjadi dua yaitu elemen <HEAD> yang berfungsi memberikan informasi tentang dokumen tersebut dan elemen <BODY> yang menentukan bagaimana isi suatu dokumen ditampilkan oleh browser, seperti paragaf, list, tabel, dan lain-lain. Dokumen HTML memiliki tiga buah tag utama yang membentuk struktur dari dokumen HTML yaitu HTML, HEAD, dan BODY.
STIKOM
3.4 PHP
Menurut Sutarman (2003), PHP adalah salah satu bahasa server-side yang didesain khusus untuk aplikasi web. PHP dapat disisipkan diantara bahasa HTML dan karena PHP adalah bahasa server-side, maka bahasa PHP akan dieksekusi di server, sehingga yang dikirimkan ke browser adalah ”hasil jadi” dalam bentuk
HTML, dan kode PHP yang sudah dicoding tidak akan terlihat.
PHP termasuk dalam Open Source Product, jadi source code dapat diubah dan mendistribusikannya secara bebas. PHP dapat berjalan diberbagai web service
seperti ISS, Apache, PWS, dan lain-lain.
Adapun kelebihan-kelebihan dari PHP adalah sebagai berikut, PHP mudah dibuat dan kecepatan akses tinggi, PHP dapat berjalan dalam web server yang berbeda dan dalam sistem operasi yang berbeda pula, PHP merupakan open source, PHP termasuk bahasa yang embedded (bisa ditempel atau diletakkan dalam tag HTML).
Sistem database yang didukung oleh PHP diantaranya adalah Oracle, Sybase, mSQL, mySQL, Solid, Generic ODBC, Postgres SQL, dan lain-lain. 3.5 Adobe Dreamweaver CS 5
Menurut Wahana (2009) merupakan aplikasi yang mengintegrasikan beragam fitur untuk memenuhi kebutuhan pengembangan situs web, termasuk pembuatan halaman web dan pengolahannya. Adobe Dreamweaver menyertakan banyak alat yang berkaitan dengan pengodean seperti HTML, CSS, XML, dan Pemrograman client side, yaitu java script dengan penggunaan yang sangat mudah dan user friendly. Aplikasi ini juga mendukung pemrograman script server side seperti PHP, ASP, ASP.NET, ASP Java Script, ColdFusion, JSP.
STIKOM
Fasilitas yang ada pada Adobe Dreamweaver memberikan kemudahan pada pengguna untuk melakukan pengeditan karena ditampilkan secara visual. Penambahan desain dan fungsi pada halamn web tidak harus dituliskan dalam garis kode. Anda hanya tinggal memilih dan menempatkan komponen web dengan melakukan drag ke dalam dokumen web secara langsung dan cepat. Selain itu Adobe Dreamweaver juga dapat mengimport dan menyisipkan gambar atau movie
yang dibuat dari aplikasi seperti Flash (.swf) maupun flv. Adapun fitur-fitur dalam Adobe Dreamweaver, yaitu :
1. Antar muka Adobe Dreamweaver
Adobe Dreamweaver tampil dengan antar muka yang lebih menarik. Terdapat menu workspace switcher yang berfungsi mengubah tampilan, jendela, kerja sesuai yang diinginkan, seperti desainer, klasik, coder plus, dual screen, dan sebagainya.
2. Manajemen File yang digunakan
Mengatur berbagai macam file yang digunakan untuk menyusun halaman web
dengan lebih efisien. Fitur ini juga menampilkan semua dokumen yang dihubungkan pada halaman web seperti CSS, Java Script, PHP, atau XML dalam satu baris disebelah atas pada jendela dokumen.
3. Code Navigator
Fasilitas Code Navigator untuk menunjukkan semua sumber kode yang berhubungan pada halaman web yang dipilih. Seperti menampilkan CSS, Server-side, fungsi eksternal Java Script, Dreamweaver Templates, file Library, dan sebagainya.
STIKOM
4. Tab CSS pada properti inspektor
Tab CSS menampilkan seperti CSS dalam halaman web yang dipilih. Fitur ini dapat digunakan untuk mengedit properti CSS.
5. Kode untuk Ajax dan Java Script Framework
Java Script Framework ini meliputi Jquery, Prototype, dan Spry yang dapat anda manfaatkan untuk menciptakan halaman web lebih interaktif.
6. HTML Data Set
Dengan Fitur ini anda dapat membuat data dalam tabel HTML, div tags, atau
unordered list. Caranya dengan memilih Insert > Spry > Spry Data Set pada menubar.
7. Photoshop Smart Object
Fitur ini memungkinkan anda dapat melakukan copy-paste file photoshop (.PSD) ke dalam halaman web pada aplikasi Adobe Dreamweaver dan langsung mengedit file tersebut sebagai desain antarmuka web.
3.6 Oracle 10g Enterprise Edition
Oracle merupakan sebuah RDBMS (Relational Database Management System), yaitu software yang digunakan untuk mengatur database dengan memecah data dalam beberapa tabel terpisah, yang dibuat dan dipasarkan oleh Oracle Corporation. Huruf „g‟ pada Oracle 10g merujuk pada grid atau jaringan, di mana grid computing adalah sebuah arsitektur IT baru yang menghasilkan sistem informasi perusahaan yang lebih dinamis dan ulet dengan biaya yang lebih murah. Dengan grid computing, sekelompok komponen hardware dan software
yang independen dan modular dapat dihubungkan dan digabungkan sesuai permintaan untuk menghadapi perubahankebutuhan bisnis.
STIKOM
3.7 XAMPP
XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. Untuk mendapatkanya dapat mendownload langsung dari web resminya. Mengenal bagian XAMPP yang biasa digunakan pada umumnya:
htdoc adalah folder tempat meletakkan berkas-berkas yang akan dijalankan, seperti berkas PHP, HTML dan skrip lain.
phpMyAdmin merupakan bagian untuk mengelola basis data MySQL yang ada dikomputer. Untuk membukanya, buka browser lalu ketikkan alamat http://localhost/phpMyAdmin, maka akan muncul halaman phpMyAdmin. Kontrol Panel yang berfungsi untuk mengelola layanan (service) XAMPP. Seperti menghentikan (stop) layanan, ataupun memulai (start).
3.8 UML
Menurut A. Suhendar (2002), Unified Modelling Language (UML) merupakan sistem arsitektur yang bekerja dalam OOAD dengan suatu bahasa yang konsisten untuk menentukan, visualisasi, mengkonstruksi, dan mendokumentasikan artifact yang terdapat dalam sistem software.
STIKOM
UML merupakan bahasa pemodelan yang paling sukses dari tiga model OO yang telah ada sebelumnya, yaitu Booch, OMT, dan OOSE. UML merupakan kesatuan dari ketiga metode pemodelan tersebut dan ditambah kemampuan lebih karena mengandung metode tambahan untuk mengatasi masalah pemodelan yang tidak dapat ditangani ketiga metode tersebut.
3.8.1 Artifact UML
Untuk membuat suatu model, UML memiliki diagram grafis sebagai berikut : a. Use-case diagram
b. Class diagram c. Behavior diagram
1. Statechart diagram 2. Activity diagram 3. Interaction diagram
- Sequence diagram - Collaboration diagram d. Implementation diagram
1. Component diagram 2. Deployment diagram
Diagram-diagram tersebut diberi nama berdasarkan sudut pandang yang berbeda-beda terhadap sistem dalam proses analisis atau rekayasa. Dibuatnya berbagai jenis diagram diatas dikarenakan :
a. Setiap sistem yang kompleks selalu paling baik jika didekati melalui himpunan berbagai sudut pandang yang kecil yang satu sama lain hampir saling bebas
STIKOM
(independent). Sudut pandang tunggal senantiasa tidak mencukup untuk melihat sistem yang besar dan kompleks.
b. Diagram yang berbeda-beda tersebut dapat menyatakan tingkatan yang berbed-beda dalam proses rekayasa.
c. Diagram-diagram tersebut dibuat agar model yang dibuat semakin mendekati realitas.
3.8.2 Notasi dalam UML
UML memiliki notasi untuk menjelaskan secara visual mengenai elemen-elemen pemodelan, diantaranya adalah :
- Actor
Actor menggambarkan segala pengguna software aplikasi (user). Actor memberikan suatu gambaran jelas tentang apa yang harus dikerjakan software aplikasi. Sebagai contoh sebuah actor dapat memberikan input kedalam dan menerima informasi dari software aplikasi, perlu dicatat bahwa sebuah actor berinteraksi dengan use case, tetapi tidak memiliki kontrol atas use case. Sebuah actor mungkin seorang manusia, satu device, hardware atau sistem informasi lainnya.
- Use Case
Use case menjelaskan urutan kegiatan yang dilakukan actor dan sistem untuk mencapai suatu tujuan tertentu. Walaupun menjelaskan kegiatan, namun use case hanya menjelaskan apa yang dilakukan oleh actor dan sistem bukan bagaimana actor dan sistem melakukan kegiatan tersebut.
STIKOM
- Use-case Konkret adalah use case yang dibuat langsung karena keperluan actor. Actor dapat melihat dan berinisiatif terhadapnya
- Use-case Abstrak adalah use case yang tidak pernah berdiri sendiri. Use case abstrak senantiasa termasuk didalam (include), diperluas dari (extend) atau memperumum (generalize) use case lainnya.
Untuk menggambarkannya dalam use case model biasanya digunakan association relationship yang memiliki stereotype include, extend atau generalization relationship. Hubungan include menggambarkan bahwa suatu use case seluruhnya meliputi fungsionalitas dari use case lainnya. Hubungan extend antar use case berarti bahwa satu use case merupakan tambahan fungsionalitas dari use case yang lain jika kondisi atau syarat tertentu terpenuhi.
- Class
Class merupakan pembentuk utama dari sistem berorientasi obyek, karena class menunjukkan kumpulan obyek yang memiliki atribut dan operasi yang sama. Class digunakan untuk mengimplementasikan interface. Class digunakan untuk mengabstraksikan elemen-elemen dari sistem yang sedang dibangun. Class bisa merepresentasikan baik perangkat lunak maupun perangkat keras, baik konsep maupun benda nyata. Notasi class berbentuk persegi panjang berisi 3 bagian: persegi panjang paling atas untuk nama class, persegi panjang paling bawah untuk operasi, dan persegi panjang ditengah untuk atribut. Atribut digunakan untuk menyimpan informasi. Nama atribut menggunakan kata benda yang bisa dengan jelas merepresentasikan informasi yang tersimpan didalamnya. Operasi menunjukkan sesuatu yang bisa dilakukan oleh obyek dan menggunakan kata kerja.
STIKOM
- Interface
Interface merupakan kumpulan operasi tanpa implementasi dari suatu class. Implementasi operasi dalam interface dijabarkan oleh operasi didalam class. Oleh karena itu keberadaan interface selalu disertai oleh class yang mengimplementasikan operasinya. Interface ini merupakan salah satu cara mewujudkan prinsip enkapsulasi dalam obyek.
- Interaction
Interaction digunakan untuk menunjukkan baik aliran pesan atau informasi antar obyek maupun hubungan antar obyek. Biasanya interaction ini dilengkapi juga dengan teks bernama operation signature yang tersusun dari nama operasi, parameter yang dikirim dan tipe parameter yang dikembalikan.
- Note
Note digunakan untuk memberikan keterangan atau komentar tambahan dari suatu elemen sehingga bisa langsung terlampir dalam model. Note ini bisa disertakan ke semua elemen notasi yang lain.
- Dependency
Dependency merupakan relasi yang menunjukan bahwa perubahan pada salah satu elemen memberi pengaruh pada elemen lain. Elemen yang ada di bagian tanda panah adalah elemen yang tergantung pada elemen yang ada dibagian tanpa tanda panah. Terdapat 2 stereotype dari dependency, yaitu include dan extend. Include menunjukkan bahwa suatu bagian dari elemen (yang ada digaris tanpa panah) memicu eksekusi bagian dari elemen lain (yang ada di garis dengan panah). Extend menunjukkan bahwa suatu bagian dari elemen di garis tanpa panah bisa disisipkan kedalam elemen yang ada di garis dengan panah.
STIKOM
- Association
Association menggambarkan navigasi antar class (navigation), berapa banyak obyek lain yang bisa berhubungan dengan satu obyek (multiplicity antar class) dan apakah suatu class menjadi bagian dari class lainnya (aggregation). Navigation dilambangkan dengan penambahan tanda panah di akhir garis. Bidirectional navigation menunjukkan bahwa dengan mengetahui salah satu class bisa didapatkan informasi dari class lainnya. Sementara UniDirectional navigation hanya dengan mengetahui class diujung garis association tanpa panah kita bisa mendapatkan informasi dari class di ujung dengan panah, tetapi tidak sebaliknya. Aggregation mengacu pada hubungan “has-a”, yaitu bahwa suatu class memiliki class lain, misalnya Rumah memiliki class Kamar.
- Generalization
Generalization menunjukkan hubungan antara elemen yang lebih umum ke elemen yang lebih spesifik. Dengan generalization, class yang lebih spesifik (subclass) akan menurunkan atribut dan operasi dari class yang lebih umum (superclass) atau subclass is superclass . Dengan menggunakan notasi generalization ini, konsep inheritance dari prinsip hirarki dapat dimodelkan. - Realization
Realization menunjukkan hubungan bahwa elemen yang ada di bagian tanpa panah akan merealisasikan apa yang dinyatakan oleh elemen yang ada di bagian dengan panah. Misalnya class merealisasikan package, component merealisasikan class atau interface.
STIKOM
3.9 Interaksi Manusia dan Komputer
Interaksi Manusia dan Komputer dideskripsikan sebagai sebuah disiplin ilmu yang mempelajari desain, evaluasi, implementasi dari system computer interaktif untuk dipakai oleh manusia, beserta studi tentang faktor-faktor utama dalam lingkungan, Rizky (2007). Deskripsi IMK menurut Rizky (2007), adalah suatu ilmu yang mempelajari perencanaan dan desain tentang cara manusia dan komputer saling bekerjasama sehingga manusia merasa puas dengan cara yang paling efektif.
Menurut Rizky (2007), komponen-komponen penting dalam IMK yaitu interaksi, manusia, dan komputer. Interaksi adalah komunikasi yang terjadi antara manusia dan komponen. Jenis-jenis komunikasi tersebut antara lain command entry, menus and navigation, forms and spreadsheets, question and answer dialogue, natural language dialogue, windows icon menu pointer, dan direct manipulation. Komponen selanjutnya yaitu manusia yang dalam hal ini adalah pengguna yang dapat berupa seseorang ataupun sekelompok pengguna yang bekerja dalam sebuah tim atau organisasi dan saling berkaitan dalam mengerjakan tugas tertentu. Manusia dalam konteks IMK merupakan faktor utama yang perlu diperhatikan dalam konteks psikologi yang disebut cognitive psikology.
Komponen terakhir dalam IMK yang juga harus diperhatikan adalah komputer. Komputer diartikan sebagai perangkat keras ataupun perangkat lunak dari berbagai macam jenis yang nantinya akan berinteraksi dengan unsur manusia.
Rizky (2007) menjelaskan bahwa sebelum memulai sebuah proses desain interface, terdapat beberapa tip desain yang harus diperhatikan, antara lain :
STIKOM
1. Memenuhi kaidah estetika
Sebuah desain dapat disebut baik secara estetika jika (1) didalamnya terdapat perbedaan yang jelas dan kontras antara elemen dalam sebuah tampilan, misalnya tampilan tombol yang berbeda warna dengan tampilan textbox, (2) terdiri dari beberapa kelompok yang jelas antara inouran dan tombol proses, (3) antara elemen dan kelompok tampilan dipisah dengan alignment yang rapi, (4) sederhana dan tidak terlalu banyak aksesoris (gambar, animasi, icon) yang terkesan sia-sia. 2. Dapat dimengerti
Sebuah desain harus dapat dimengerti dengan cepat dari segi tampilan secara visual, fungsi yang akan ditonjolkan, penggunaan kata-kata yang singkat dan jelas baik dalam tampilan maupun dalam perintah. Penggunaan metafora atau pemisalan yang berlebihan dalam sebuah fungsi harus dihindari.
3. Kompatibilitas
Sebuah desain interface harus dapat memenuhi kompatibilitas dari berbagai segi antara lain (1) kompatibilitas pengguna yaitu dapat digunakan oleh pengguna dari kalangan yang lebih luas, baik berdasarkan strata pendidikan maupun berdasarkan usia, (2) kompatibilitas penggunaan yaitu dapat memenuhi fungsi dan tujuan yang ingin dicapai dari perancangan sebuah perangkat lunak dan perangkat keras yang digunakan, (3) kompatibilitas produk yaitu agar perangkat lunak dapat berjalan dengan baik di berbagai perangkat keras yang ada dan sistem operasi yang menjadi target aplikasi.
4. Komprehensif
Sebuah sistem yang baik akan membimbing penggunanya agar dapat dan lebih mudah memahami apa yang harus diperhatikan, bagaimana cara melakukan
STIKOM
sesuatu, kapan dan di mana melakukan sesuatu, dan mengapa harus melakukan sesuatu.
5. Konfigurabilitas
Sebuah sistem juga harus dapat dikonfirmasi ulang jika pengguna mengingatkan sesuatu berdasarkan fungsi tertentu.
6. Konsistensi
Pengguna dapat melakukan kontrol jika suatu saat terjadi kesalahan dalam proses serta pemilihan fungsi tambahan dari sebuah sistem. Hindari pesan yang nantinya akan membatasi pengguna dalam memilih tampilan tertentu.
7. Kontrol pengguna
Pengguna dapat melakukan kontrol jika suatu saat terjadi kesalahan dalam proses serta pemilihan fungsi tambahan dari sebuah sistem. Hindari desain yang nantinya akan membatasi pengguna dalam memilih tampilan tertentu.
8. Efisien
Desain dibuat seefisien mungkin, terutama dalam penempatan komponen, misalnya penempatan tombol dalam sebuah panel yang dapat menarik perhatian pengguna.
9. Mudah dikenali
Gunakan antar muka yang sudah dikenal oleh pengguna, misalnya penempatan icon Cut, Copy, Paste secara standar dalam sebuah toolbar.
10. Toleransi
Tidak ada sebuah sistem yang sempurna, karenanya terdapat beberapa toleransi untuk kesalahan yang mungkin terjadi. Usahakan agar terjadi sebuah
STIKOM
pesan yang dapat membimbing pengguna untuk keluar dari kesalahan yang terjadi.
11. Sederhana
Lima cara untuk membuat desain sederhana dan tetap sesuai dengan keinginan pengguna, yaitu (1) sembunyikan komponen visual jika tidak diperlukan, (2) sediakan pilihan standar atau default, (3) minimalkan penggunaan berbagai mancam alignment, (4) usahakan agar fungsi yang sering digunakan terlihat, (5) perhatikan konsep konsistensi.
STIKOM
26 4.1 Metodologi Penelitian
Untuk mengumpulkan data yang diperlukan dalam melaksanakan kerja praktek di RSU Haji Surabaya, ada beberapa cara yang telah dilakukan, antara lain :
1. Wawancara
Kegiatan ini dilakukan untuk memperoleh keterangan yang lebih jelas tentang fitur-fitur dan informasi-informasi yang ingin ditampilkan dalam web yang akan dibangun.
2. Studi Literatur
Cara ini dilakukan untuk mengetahui lebih banyak mengenai website, kemudian setelah bahan dikumpulkan, pengerjaan web dilakukan menggunakan Adobe Dreamweaver CS 5.
3. Kuesioner
Cara ini dilakukan sebagai hasil uji coba sistem untuk mengetahui apakah tujuan dari pembuatan website RSU Haji Surabaya ini sudah tercapai atau belum.
4.2 Detail Proses Pengerjaan Interaktif
Ruang lingkup dari penyusunan sebuah interaktif dikelompokkan dalam 4 jenis tahap, yaitu :
STIKOM
1. Tahap Pertama
Tahap persiapan lapangan terdiri dari observasi dan pengumpulan data yang disediakan pihak rumah sakit berupa informasi-informasi yang telah ditulis dalam MS Word.
2. Tahap Kedua
Tahap kedua adalah tahap desain visual, meliputi layout atau gambaran informasi yang akan ditampilkan, berikut adalah hasil gambarannya : 1. Home
A. Berita
B. Kalender Kegiatan C. Artikel
D. Chatbox (Konsultasi Online) E. Polling
F. Kontak Info G. Info Hot Line
2. Tentang Kita A. Profil
B. Sejarah Singkat C. Visi,Misi dan Motto D. Penghargaan E. Direksi
STIKOM
3. Fasilitas A. Pelayanan
a. Pelayanan Kesehatan
Inap Gawat Darurat (IGD) Poliklinik Spesialis
Medical Check-Up (MCU) Bedah Sentral
Rawat Inap
Unit Pelayanan Intensif ICCU, NICU Kamar Bersalin
Ruang Isolasi Ruang Hemodialisa b. Pelayanan Penunjang
Rehabilitasi Medik
Laboratorium Patologi Klinik Laboratorium Patologi Anatomi Radiologi
Farmasi
c. Pelayanan Unggulan
Pelayanan Rujukan Jema’ah Haji
Pelayanan Kosmetika Medika (Klinik Kecantikan) Pelayanan Intervensi Diagnostic
Pelayanan Endoscopy
STIKOM
d. Pelayanan Inovatif Ambulance 118 Home Care B. Penunjang
a. Masjid Ibnu Sina b. Optik
c. ATM d. Food Court e. Mini Market f. Area Wifi
g. Aula Musdhalifa, Roudhoh, dan Serambi Mekah.
4. Informasi A. Dokter
a. Daftar Dokter b. Jadwal Dokter B. Denah
a. Peta dan Transportasi b. RSU Haji
C. RSU Haji
a. Klub/Grup Terapi b. Berita
c. Artikel
STIKOM
3. Tahap Ketiga
Tahap ketiga merupakan tahap pengerjaan website RSU Haji Surabaya dengan menggunakan beberapa tools, yaitu Adobe Dreamweaver CS5 sebagai media pembuatan website dan Oracle 10g Express Edition sebagai
databasenya. 4. Tahap Keempat
[image:34.595.45.546.158.695.2]Tahap keempat merupakan tahap implementasi dan mempresentasikan kepada pihak RSU Haji Surabaya, apakah website yang telah dibangun sesuai dengan kebutuhan dan apakah sudah informatif bagi masyarakat. 4.3 Desain UML
Gambar 4.3 Desain UML
STIKOM
4.4 Desain dan Penggunaan Website
Dalam desain dan penggunaan web RSU Haji Surabaya ini, hak akses dibagi menjadi 2 bagian, yaitu untuk user (pengguna) dan untuk admin yang memaintenance website RSU Haji Surabaya.
4.4.1 User
4.4.1.1 Halaman Utama (Home)
Pada halaman utama ini terdapat beberapa fitur yang mendukung pada web yang dirancang, seperti berita, kalender kegiatan, artikel, konsultasi online,
polling, kontak info, dan kontak hotline. Berikut adalah gambar dari desain web yang penulis rancang :
Gambar 4.4.1.1 Halaman Utama (Home) 4.4.1.2 Halaman Profil
[image:35.595.47.544.166.650.2]Halaman ini berisikan tentang profil RSU Haji Surabaya guna memperkenalkan kepada masyarakat luar. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
STIKOM
Gambar 4.4.1.2 Halaman Profil 4.4.1.3 Halaman Sejarah
Halaman ini berisikan sejarah terbangunnya sebuah perusahaan di bidang kesehatan sebut saja RSU Haji Surabaya, disini dijelaskan dari rencana pendirian sampai terbangunnya RSU Haji Surabaya. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
Gambar 4.4.1.3 Halaman Sejarah
STIKOM
4.4.1.4 Halaman Visi, Misi, dan Motto
Pada halaman ini, menjelaskan apa saja visi, misi, dan motto dari RSU Haji Surabaya, sehingga masyarakat dapat mengetahui secara terperinci. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
Gambar 4.4.1.4 Halaman Visi, Misi, dan Motto 4.4.1.5 Halaman Penghargaan
Halaman ini menunjukkan kepada masyarakat tentang apa saja penghargaan yang telah didapat oleh RSU Haji Surabaya guna meyakinkan para masyarakat untuk menunjukkan bahwa RSU Haji Surabaya ini cukup layak dan
STIKOM
bagus sebagai tempat pelayanan kesehatan. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
Gambar 4.4.1.5 Halaman Penghargaan yang dimiliki RSU Haji Surabaya 4.4.1.6 Halaman Direksi
Halaman ini khusus dibuat untuk memperkenalkan direksi-direksi atau pimpinan yang ada pada RSU Haji Surabaya. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
STIKOM
Gambar 4.4.1.6 Halaman Direksi dari RSU Haji Surabaya 4.4.1.7 Halaman Fasilitas Pelayanan Kesehatan
Halaman ini menunjukkan apa saja fasilitas-fasilitas yang ada di RSU Haji Surabaya. Khususnya dari pelayanan kesehatan, ada beberapa fasilitas yang dimiliki, diantaranya ada Inap Gawat Darurat (IGD), Poliklinik, Rawat Inap, dan lain sebagainya. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
STIKOM
Gambar 4.4.1.7 Halaman Fasilitas Pelayanan Kesehatan 4.4.1.8 Halaman Fasilitas Pelayanan Penunjang
Halaman ini menunjukkan apa saja fasilitas-fasilitas yang ada di RSU Haji Surabaya. Khususnya dari pelayanan penunjang, ada beberapa fasilitas yang dimiliki, diantaranya ada rehebilitasi medik, lab patologi, radiology, farmasi, dan lain-lain. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
STIKOM
Gambar 4.4.1.8 Halaman Fasilitas Pelayanan Penunjang 4.4.1.9 Halaman Fasilitas Pelayanan Unggulan
Halaman ini menunjukkan apa saja fasilitas-fasilitas yang ada di RSU Haji Surabaya. Khususnya dari pelayanan unggulan, ada beberapa fasilitas yang dimiliki, diantaranya ada pelayanan rujukan jema’ah haji, klinik kecantikan,
pelayanan intervensi diagnostik ,pelayanan endoscopy, dan lain-lain. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
STIKOM
Gambar 4.4.1.9 Halaman Fasilitas Pelayanan Unggulan 4.4.1.10Halaman Fasilitas Pelayanan Inovatif
Halaman ini menunjukkan apa saja fasilitas-fasilitas yang ada di RSU Haji Surabaya. Khususnya dari pelayanan inovatif, ada beberapa fasilitas yang dimiliki, diantaranya ada ambulance, home care, dan lain-lain. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
STIKOM
Gambar 4.4.1.10 Halaman Fasilitas Pelayanan Inovatif 4.4.1.11Halaman Fasilitas Pelayanan Kesehatan IGD
Halaman ini berisikan fasilitas-fasilitas yang ada di IGD seperti ambulance, radiologi, laboratorium, dan lain sebagainya. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
STIKOM
Gambar 4.4.1.11 Halaman Fasilitas Pelayanan Kesehatan IGD 4.4.1.12Halaman Fasilitas Pelayanan Kesehatan Rawat Inap
Halaman ini berisikan fasilitas-fasilitas yang ada di Rawat Inap seperti Rawat Inap Kelas 3, Rawat Inap Kelas 2, Rawat Inap Kelas 3 Rawat Inap Kelas VIP B, Rawat Inap Kelas VIP A, dan lain sebagainya. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
STIKOM
Gambar 4.4.1.12 Halaman Fasilitas Pelayanan Kesehatan Rawat Inap 4.4.1.13Halaman Fasilitas Pelayanan Penunjang Farmasi
Halaman ini berisikan fasilitas-fasilitas yang ada di Rawat Inap seperti depo farmasi umum, depo farmasi pavilion, depo farmasi askes, dan lain sebagainya. Berikut adalah hasil desain dan gambaran yang telah penulis rancang:
STIKOM
Gambar 4.4.1.13 Halaman Fasilitas Pelayanan Penunjang Farmasi 4.4.1.14Halaman Informasi Daftar Dokter
Halaman ini berisikan informasi daftar dokter-dokter yang praktek di RSU Haji Surabaya disertai dengan nama, spesialis, dan alamat dokter, serta dapat mencari nama-nama dokter sesuai dengan kebutuhan. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
STIKOM
Gambar 4.4.1.14 Halaman Informasi Daftar Dokter RSU Haji Surabaya 4.4.1.15Halaman Informasi Jadwal Dokter
Halaman ini berisikan informasi jadwal dokter-dokter yang praktek di RSU Haji Surabaya disertai dengan nama, poli, hari, jam praktek, dan ruangannya. Berikut adalah hasil desain dan gambaran yang telah penulis rancang:
STIKOM
Gambar 4.4.1.15 Halaman Informasi Jadwal Dokter RSU Haji Surabaya 4.4.1.16Halaman Informasi Peta dan Transportasi
Halaman ini menginformasikan dimana lokasi RSU Haji Surabaya beserta media transportasi yang mendukung untuk menuju ke lokasi RSU haji Surabaya. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
STIKOM
Gambar 4.4.1.16 Halaman Informasi Peta dan Transportasi 4.4.1.17Halaman Informasi Denah RSU Haji Surabaya
Halaman ini menginformasikan lokasi-lokasi RSU Haji Surabaya baik itu ruangan-ruangan khusus maupun tempat fasilitas-fasilitas yang dimiliki RSU Haji Surabaya. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
STIKOM
Gambar 4.4.1.17 Halaman Informasi Denah RSU Haji Surabaya 4.4.1.18Halaman Informasi Klub/Grup Terapi
Halaman ini menginformasikan kepada masyarakat tentang kegiatan-kegiatan yang ada di klub/grup terapi RSU Haji Surabaya. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
STIKOM
Gambar 4.4.1.18 Halaman Informasi Klub/Grup Terapi 4.4.1.19Halaman Informasi Berita
Halaman ini berisikan informasi-informasi baru dan penting yang ada di dalam RSU Haji Surabaya. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
STIKOM
Gambar 4.4.1.19 Halaman Informasi Berita RSU Haji Surabaya 4.4.1.20Halaman Informasi Artikel
Halaman ini berisikan artikel-artikel yang dimiliki oleh RSU Haji Surabaya, terutama artikel-artikel tentang kesehatan. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
STIKOM
Gambar 4.4.1.20 Halaman Informasi Artikel yang dimiliki RSU Haji Surabaya 4.4.2 Admin
4.4.2.1Login Admin
Halaman ini merupakann halaman khusus admin untuk masuk dan melakukan maintenance data atau informasi-informasi yang ada dalam website
RSU Haji Surabaya. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
STIKOM
Gambar 4.4.2.1 Login Admin 4.4.2.2 Halaman Utama admin (Home Admin)
Halaman ini merupakan halaman awal dari admin setelah admin melakukan login. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
Gambar 4.4.2.2 Halaman Utama Admin
STIKOM
4.4.2.3 Halaman Berita
Merupakan halaman untuk admin memaintenance berita yang ada di
website RSU Haji Surabaya. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
Gambar 4.4.2.3 Halaman Berita 4.4.2.4 Halaman Artikel
Merupakan halaman untuk admin memaintenance artikel yang ada di
website RSU Haji Surabaya, terutama artikel tentang kesehatan. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
STIKOM
Gambar 4.4.2.4 Halaman Artikel 4.4.2.5Halaman Kalender Kegiatan
Merupakan halaman untuk admin memaintenance kalender kegiatan yang ada di RSU Haji Surabaya. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
Gambar 4.4.2.5 Halaman Kalender Kegiatan
STIKOM
4.4.2.6 Halaman Profil
Merupakan halaman untuk admin memaintenance profil yang ada di RSU Haji Surabaya. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
Gambar 4.4.2.6 Halaman Profil 4.4.2.7 Halaman Sejarah
Merupakan halaman untuk admin memaintenance sejarah RSU Haji Surabaya. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
STIKOM
Gambar 4.4.2.7 Halaman Sejarah
STIKOM
4.4.2.8 Halaman Visi, Misi, Motto
Merupakan halaman untuk admin memaintenance visi, misi, dan motto dari RSU Haji Surabaya. Biasanya perusahaan kalau berganti kepemimpinan, maka berganti pula visi dan misi perusahaan. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
Gambar 4.4.2.8 Halaman Visi, Misi, dan Motto 4.4.2.9 Halaman Penghargaan
Merupakan halaman untuk admin memaintenance penghargaan yang telah diraih dan diterima oleh RSU Haji Surabaya. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
STIKOM
Gambar 4.4.2.9 Halaman Penghargaan 4.4.2.10Halaman Direksi
Merupakan halaman untuk admin memaintenance direksi atau pemimpin dari yang lama ke pemimpin yang baru di RSU Haji Surabaya. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
Gambar 4.4.2.10 Halaman Direksi
STIKOM
4.4.2.11Halaman Chatting (Konsultasi)
Merupakan halaman untuk admin memaintenance konsultasi online dari masyarakat ke pihak RSU Haji Surabaya. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
Gambar 4.4.2.11 Halaman Chatting (Konsultasi) 4.4.2.12Halaman Jam Pelayanan
Merupakan halaman untuk admin memaintenance jam pelayanan yang ada di RSU Haji Surabaya. Terkadang jam pelayanan dapat berubah, misalnya pada bulan biasa dengan bulan-bulan tertentu (Ramadhan), pastilah jam pelayanan akan berubah. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
STIKOM
Gambar 4.4.2.12 Halaman Jam Pelayanan 4.4.2.13Halaman Daftar dan Jadwal Dokter
Merupakan halaman untuk admin memaintenance daftar dokter dan jadwal dokter yang ada di RSU Haji Surabaya. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
Gambar 4.4.2.13 Halaman Daftar dan Jadwal Dokter
STIKOM
4.4.2.14Halaman Tarif Rawat Inap
Merupakan halaman untuk admin memaintenance tarif rawat inap yang ada di RSU Haji Surabaya. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
Gambar 4.4.2.14 Halaman Tarif Rawat Inap 4.4.2.15Halaman Polling
Merupakan halaman untuk admin memaintenance polling yang dibutuhkan oleh RSU Haji Surabaya untuk di survey. Berikut adalah hasil desain dan gambaran yang telah penulis rancang :
STIKOM
Gambar 4.4.2.15 Halaman Polling 4.4.2.16Logout
Merupakan fasilitas yang diberikan oleh admin untuk keluar dari aplikasi maintenance website. Apabila admin telah keluar dari aplikasi, maka secara otomatis aplikasi memberikan peringatan bahwa admin telah melakukan kegiatan logout (keluar dari aplikasi) dan secara langsung aplikasi mengelink-kan ke halaman login (masuk aplikasi) lagi.
4.5 Analisa Uji Coba Sistem
Analisa uji coba sistem bertujuan untuk memastikan bahwa aplikasi telah dibuat dengan benar sesuai kebutuhan atau tujuan yang diharapkan. Proses pengujian menggunakan blackbox testing. Pada pengujian ini aplikasi diuji dengan melakukan berbagai percobaan untuk membuktikan bahwa aplikasi yang dibuat telah sesuai dengan tujuan. Berikut adalah hasil uji cobanya :
STIKOM
Tabel 4.1. Tabel pengujian blackbox
No. Skenario Pengujian Hasil yang diharapkan Hasil Pengujian (OK / Not OK)
1. Halaman Home Menarik perhatian user untuk melihat website RSU Haji Surabaya dan user merasa mudah untuk mengoperasikan fitur-fitur yang ada didalamnya serta user mudah memahami informasi yang telah disajikan.
OK
2. Halaman Daftar Dokter User dapat mengetahui dengan mudah daftar dokter yang praktek di RSU Haji Surabaya. Informasi dokter yang diberikan juga cukup lengkap.
OK
3. Halaman Cari Dokter User dapat melakukan pencarian nama dokter yang praktek di RSU Haji Surabaya dengan memasukkan nama dokter yang dicari tanpa harus mencari manual satu per satu pada daftar dokter.
OK
4. Halaman Pelayanan Kesehatan
Informasi fasilitas yang ada pada pelayanan kesehatan dapat diakses dan mudah dimengerti oleh user.
OK
5. Halaman Pelayanan Penunjang
Informasi fasilitas yang ada pada pelayanan penunjang dapat diakses dan mudah
OK
STIKOM
dimengerti oleh user.
6. Halaman Pelayanan Unggulan
Informasi fasilitas yang ada pada pelayanan unggulan dapat diakses dan mudah dimengerti oleh user.
OK
7. Halaman Pelayanan Inovatif
Informasi fasilitas yang ada pada pelayanan inovatif dapat diakses dan mudah dimengerti oleh user.
OK
8. Halaman Pelayanan Kesehatan IGD
Informasi fasilitas yang ada pada pelayanan kesehatan IGD dapat diakses dan mudah dimengerti oleh user.
OK
9. Halaman Pelayanan Kesehatan Rawat Inap
Informasi fasilitas yang ada pada pelayanan kesehatan dapat diakses dan mudah dimengerti oleh user, sehingga
user mendapatkan informasi yang dia inginkan dengan mudah seperti fasilitas per kelas, harga per kelas, dll.
OK
Pengujian berikutnya terhadap kemampuan sistem kemudian dilakukan dengan menggunakan kuesioner terhadap pihak-pihak yang berkepentingan terhadap pengujian hasil implementasi. Untuk kepentingan ini diambil sampel calon pengguna sistem yaitu :
STIKOM
1. Masyarakat umum/Responden umum (30 orang) 2. Staf SIM RSU Haji Surabaya (4 orang) 3. Staf HUKMAS RSU Haji Surabaya (1 orang)
Desain kuesioner terlampir di halaman Lampiran dan Berikut adalah hasil dari kuesioner yang telah disebarkan :
1. Masyarakat umum/Responden umum (30 orang) A.Tampilan Program (Menarik)
Kurang : -
Cukup : 2 Orang Baik : 28 Orang
B.Kemudahan Navigasi Program (User-Friendly) Kurang : 2 Orang
Cukup : 2 Orang Baik : 26 Orang
C.Informasi yang ditampilkan (Informatif) Kurang : -
Cukup : 1 Orang Baik : 29 Orang
2. Staf SIM RSU Haji Surabaya (4 orang) A.Tampilan Program (Menarik)
Kurang : -
Cukup : 1 Orang Baik : 3 Orang
STIKOM
B.Kemudahan Navigasi Program (User-Friendly) Kurang : -
Cukup : 1 Orang Baik : 3 Orang
C.Informasi yang ditampilkan (Informatif) Kurang : -
Cukup : -
Baik : 4 Orang
3. Staf HUKMAS RSU Haji Surabaya (1 orang) A.Tampilan Program (Menarik)
Kurang : - Cukup : -
Baik : 1 Orang
B.Kemudahan Navigasi Program (User-Friendly) Kurang : -
Cukup : -
Baik : 1 Orang
C.Informasi yang ditampilkan (Informatif) Kurang : -
Cukup : -
Baik : 1 Orang
STIKOM
Analisis untuk hasil tersebut adalah sebagai berikut :
1) Tampilan Program (Menarik)
Hasil penilaian untuk kriteria ini cukup jelas, yaitu baik karena mayoritas responden (32 dari 35 orang) sekitar 91,4% menyatakan bahwa tampilan program sudah baik.
2) Kemudahan Navigasi Program (User-Friendly)
Hasil penilaian untuk kriteria ini cukup jelas, yaitu baik karena mayoritas responden (30 dari 35 orang) sekitar 85,7% menyatakan bahwa kemudahan navigasi program sudah baik.
3) Informasi yang Ditampilkan (Informatif)
Hasil penilaian untuk kriteria ini juga cukup jelas, yaitu baik, dan mayoritas responden (34 dari 35 orang) sekitar 97,1% menyatakan bahwa informasi yang ditampilkan sudah baik. Karena kriteria ini merupakan poin penilaian responden yang terpenting, dan hasilnya baik, maka kemampuan sistem menyampaikan informasi yang dibutuhkan user dapat dinyatakan sudah baik.
STIKOM
66 5.1 Kesimpulan
Pembuatan website pada RSU Haji Surabaya bertujuan untuk mempermudah masyarakat untuk memperoleh informasi yang mereka inginkan dengan mudah.
Secara garis besar, berdasarkan hasil perancangan website RSU Haji Surabaya yang telah dilakukan, dapat disimpulkan hal-hal sebagai berikut:
1. Dengan adanya website ini, pihak RSU Haji Surabaya dapat menghemat penggunaan kertas dalam pelakukan promosi.
2. Berdasarkan hasil uji coba, didapatkan bahwa Rancang Bangun Profil Perusahaan Berbasis Web Pada RSU Haji Surabaya yang dibuat dapat menarik perhatian masyarakat dan user-friendly.
3. Berdasarkan hasil uji coba, didapatkan bahwa Rancang Bangun Profil Perusahaan Berbasis Web Pada RSU Haji Surabaya cukup informatif dalam penyampaian informasi kepada masyarakat luar.
5.2 Saran
Dari website ini masih terdapat beberapa pengembangan yang diharapkan kelak dapat diperbaiki oleh pihak lain. Beberapa pengembangan tersebut antara lain :
1. Website ini masih dikembangkan hanya untuk diakses melalui Personal Computer (PC) dan laptop. Mengingat saat ini, internet juga bisa diakses melalui perangkat mobile, maka website ini dapat dikembangkan ke versi
STIKOM
mobile sehingga website ini juga bisa diakses dari perangkat mobile seperti HP, PDA, dan lain sebagainya.
2. Selain itu, pada saat pengunjung website mengunjungi website RSU Haji Surabaya ini ingin melakukan polling, pengunjung tersebut dapat melakukan polling beberapa kali semaunya, seharusnya ada sebuah validasi untuk memeriksa (check) apakah pengunjung tersebut sudah melakukan polling atau belum. Validasi ini dapat berupa semacam kode untuk memvalidasikan atau mungkin dapat disaring(filter) dari masing masing IP pada komputer pengunjung.
STIKOM
DAFTAR PUSTAKA
Rizky, Soetam, 2007, Interaksi Manusia dan Komputer, STIKOM, Surabaya. Sutarman, 2003, Membangun Aplikasi Web dengan PHP dan MySQL, Graha
Ilmu, Yogyakarta.
Suhendar, A, 2002, Visual Modelling Menggunakan UML dan Rational Rose,
Informatika Bandung, Bandung.
Komputer, Wahana, 2009, Pengembangan Web Kreatif dengan Adobe Dreamweaver CS4, Salemba Infotech, Jakarta.
