Perancangan Antar Muka Perancangan Sistem

B03 ANIMASI FLASH HOME | DATA USER | DATA RUMAH SAKIT | DATA INFORMASI HOME EMAIL HEADER CLOUD E-HEALT NAVIGASI 1. Tekan Home untuk ke B02 2. Tekan Email untuk mengirim email ke admin 3. Tekan data user untuk ke B03 4. Tekan data rumah sakit untuk ke B04 5. Tekan data informasi untuk ke B05 6. Tekan edit profil untuk mengedit profil user 7. Tekan logout untuk ke B01 8. Tekan tambah admin untuk ke B06 9. Tekan go untuk mengeksekusi pencarian 9. Tekan show all untuk memunculkan semua admin 10. Tekan hapus untuk menghapus dat sesuai seleksi INFO USER EDIT PROFIL LOGOUT GAMBAR DATA USER TAMBAH ADMIN | PENCARIAN GO SHOW ALL HAPUS NO USERNAME NAMA TEMPAT,TGL LAHIR ALAMAT PROSES HOME | DATA USER | DATA RUMAH SAKIT | DATA INFORMASI Gambar 3.25 Perancangan Halaman data user cloud e-health ANIMASI FLASH HOME | DATA USER | DATA RUMAH SAKIT | DATA INFORMASI HOME EMAIL HEADER CLOUD E-HEALT NAVIGASI 1. Tekan Home untuk ke B02 2. Tekan Email untuk mengirim email ke admin 3. Tekan data user untuk ke B03 4. Tekan data rumah sakit untuk ke B04 5. Tekan data informasi untuk ke B05 6. Tekan edit profil untuk mengedit profil user 7. Tekan logout untuk ke B01 8. Tekan detail untuk memapilkan detail rumah sakit 9. Tekan tambah untuk menyimpan data 10. Tekan ulangi untuk mereset form INFO USER EDIT PROFIL LOGOUT GAMBAR MANAJEMEN RUMAH SAKIT TAMBAH RUMAH SAKIT DATA ADMIN RUMAH SAKIT ULANGI DETAIL NO ID CLOUD NAMA RS ALAMAT RS PROSES B04 ANIMASI FLASH HOME | DATA USER | DATA RUMAH SAKIT | DATA INFORMASI HOME EMAIL HEADER CLOUD E-HEALT NAVIGASI 1. Tekan Home untuk ke B02 2. Tekan Email untuk mengirim email ke admin 3. Tekan data user untuk ke B03 4. Tekan data rumah sakit untuk ke B04 5. Tekan data informasi untuk ke B05 6. Tekan edit profil untuk mengedit profil user 7. Tekan logout untuk ke B01 8. Tekan detail untuk memapilkan detail rumah sakit 9. Tekan tambah untuk menyimpan data 10. Tekan ulangi untuk mereset form INFO USER EDIT PROFIL LOGOUT GAMBAR MANAJEMEN RUMAH SAKIT TAMBAH RUMAH SAKIT DATA ADMIN RUMAH SAKIT TAMBAH ULANGI DETAIL NO ID CLOUD NAMA RS ALAMAT RS PROSES NAMA RUMAH SAKIT TELEPON RUMAH SAKIT EMAIL RUMAH SAKIT ALAMAT RUMAH SAKIT NIP Nama Lengkap Jenis Kelamin Laki – Laki Perempuan Tempat Lahir Tanggal Lahir Telepon Admin Email Admin Alamat Admin Username Password HOME | DATA USER | DATA RUMAH SAKIT | DATA INFORMASI Gambar 3.26 Perancangan Halaman Manajemen Rumah Sakit B05 ANIMASI FLASH HOME | DATA USER | DATA RUMAH SAKIT | DATA INFORMASI HOME EMAIL HEADER CLOUD E-HEALT NAVIGASI 1. Tekan Home untuk ke B02 2. Tekan Email untuk mengirim email ke admin 3. Tekan data user untuk ke B03 4. Tekan data rumah sakit untuk ke B04 5. Tekan data informasi untuk ke B05 6. Tekan edit profil untuk mengedit profil user 7. Tekan logout untuk ke B01 8. Tekan tambah berita untuk ke B07 9. Tekan go untuk mengeksekusi pencarian 9. Tekan show all untuk memunculkan semua admin 10. Tekan edit untuk ke B08 10. Tekan hapus untuk menghapus dat sesuai seleksi INFO USER EDIT PROFIL LOGOUT GAMBAR MANAJEMEN INFORMASI TAMBAH BERITA | PENCARIAN GO SHOW ALL HAPUS NO JUDUL BERITA TGL PROSES TIPE PROSES EDIT HOME | DATA USER | DATA RUMAH SAKIT | DATA INFORMASI Gambar 3.27 Perancangan Halaman Manajemen Informasi B06 ANIMASI FLASH HOME | DATA USER | DATA RUMAH SAKIT | DATA INFORMASI HOME EMAIL HEADER CLOUD E-HEALT NAVIGASI 1. Tekan Home untuk ke B02 2. Tekan Email untuk mengirim email ke admin 3. Tekan data user untuk ke B03 4. Tekan data rumah sakit untuk ke B04 5. Tekan data informasi untuk ke B05 6. Tekan edit profil untuk mengedit profil user 7. Tekan logout untuk ke B01 8. Tekan tambah untuk menyimpan data 9. Tekan ulangi untuk mereset form INFO USER EDIT PROFIL LOGOUT GAMBAR Username Password Ulangi Password Nama Lengkap Tempat, Tanggal Lahir Alamat TAMBAH ULANGI HOME | DATA USER | DATA RUMAH SAKIT | DATA INFORMASI TAMBAH DATA ADMIN Gambar 3.28 Perancangan Halaman tambah data admin B07 ANIMASI FLASH HOME | DATA USER | DATA RUMAH SAKIT | DATA INFORMASI HOME EMAIL HEADER CLOUD E-HEALT NAVIGASI 1. Tekan Home untuk ke B02 2. Tekan Email untuk mengirim email ke admin 3. Tekan data user untuk ke B03 4. Tekan data rumah sakit untuk ke B04 5. Tekan data informasi untuk ke B05 6. Tekan edit profil untuk mengedit profil user 7. Tekan logout untuk ke B01 8. Tekan publish untuk menerbitkan berita 9. Tekan reset untuk mereset form INFO USER EDIT PROFIL LOGOUT GAMBAR Judul Type Gambar Isi Info PUBLISH RESET HOME | DATA USER | DATA RUMAH SAKIT | DATA INFORMASI Tambah Data Informasi PILIH GAMBAR Gambar 3.29 Perancangan halaman tambah data informasi 5. Perancangan Halaman Rumah Sakit Cloud C01 ANIMASI FLASH BERANDA | FASILITAS DAN PELAYANAN | INFORMASI DOKTER | HUBUNGI KAMI HOME EMAIL HEADER CLOUD E-HEALT NAVIGASI 1. Tekan beranda untuk ke C01 2. Tekan Email untuk mengirim email ke admin 3. Tekan fasilitas dan pelayanan untuk ke C02 4. Tekan informasi dokter untuk ke C03 5. Tekan hubungi kami untuk ke C04 6. Tekan login untuk masuk ke C05 TENTANG RUMAH SAKIT USERNAME PASSWORD LOGIN USER LOGIN INFO RUMAH SAKIT FOOTER Gambar 3.30 Perancangan Halaman Utama Rumah sakit Cloud C02 ANIMASI FLASH BERANDA | FASILITAS DAN PELAYANAN | INFORMASI DOKTER | HUBUNGI KAMI HOME EMAIL HEADER CLOUD E-HEALT NAVIGASI 1. Tekan beranda untuk ke C01 2. Tekan Email untuk mengirim email ke admin 3. Tekan fasilitas dan pelayanan untuk ke C02 4. Tekan informasi dokter untuk ke C03 5. Tekan hubungi kami untuk ke C04 6. Tekan login untuk masuk ke C05 FASILITAS DAN PELAYANAN USERNAME PASSWORD LOGIN USER LOGIN INFO RUMAH SAKIT FOOTER Gambar 3.31 Perancangan Halaman Utama Fasilitas dan pelayanan C03 ANIMASI FLASH BERANDA | FASILITAS DAN PELAYANAN | INFORMASI DOKTER | HUBUNGI KAMI HOME EMAIL HEADER CLOUD E-HEALT NAVIGASI 1. Tekan beranda untuk ke C01 2. Tekan Email untuk mengirim email ke admin 3. Tekan fasilitas dan pelayanan untuk ke C02 4. Tekan informasi dokter untuk ke C03 5. Tekan hubungi kami untuk ke C04 6. Tekan login untuk masuk ke C05 INFORMASI DOKTER USERNAME PASSWORD LOGIN USER LOGIN INFO RUMAH SAKIT FOOTER Gambar 3.32 Perancangan Halaman Informasi Dokter C04 ANIMASI FLASH BERANDA | FASILITAS DAN PELAYANAN | INFORMASI DOKTER | HUBUNGI KAMI HOME EMAIL HEADER CLOUD E-HEALT NAVIGASI 1. Tekan beranda untuk ke C01 2. Tekan Email untuk mengirim email ke admin 3. Tekan fasilitas dan pelayanan untuk ke C02 4. Tekan informasi dokter untuk ke C03 5. Tekan hubungi kami untuk ke C04 6. Tekan login untuk masuk ke C05 HUBUNGI KAMI USERNAME PASSWORD LOGIN USER LOGIN INFO RUMAH SAKIT FOOTER Gambar 3.33 Perancangan Halaman Kontak Rumah Sakit 6. Perancangan Menu administrator Rumah Sakit C05 ANIMASI FLASH HOME | MANAJEMEN ADMIN | MANAJEMEN INFORMASI HOME EMAIL HEADER CLOUD E-HEALT NAVIGASI 1. Tekan home untuk ke C05 2. Tekan Email untuk mengirim email ke admin 3. Tekan manajemen admin untuk ke C06 4. Tekanmanajemen informasi untuk ke C07 5. Tekan edit profil untuk mengedit info user 6. Tekan logout untuk kembali ke C01 TENTANG RUMAH SAKIT INFO USER GAMBAR EDIT PROFIL LOGOUT FOOTER Gambar 3.34 Perancangan Halaman Utama Admin Rumah Sakit C06 ANIMASI FLASH HOME | MANAJEMEN ADMIN | MANAJEMEN INFORMASI HOME EMAIL HEADER CLOUD E-HEALT NAVIGASI 1. Tekan home untuk ke C05 2. Tekan Email untuk mengirim email ke admin 3. Tekan manajemen admin untuk ke C06 4. Tekan manajemen informasi untuk ke C07 5. Tekan edit profil untuk mengedit info user 6. Tekan logout untuk kembali ke C01 7. Tekan tambah admin untuk ke C08 8. Tekan go untuk mengeksekusi pencarian 9. Tekan show all untuk menampilkan semua admin 10. Tekan hapus untuk menghapus data yang dipilih INFO USER GAMBAR EDIT PROFIL LOGOUT FOOTER DATA ADMIN TAMBAH ADMIN | PENCARIAN GO SHOW ALL HAPUS NO NIP NAMA TEMPAT,TGL LAHIR ALAMAT PROSES Gambar 3.35 Perancangan halaman manajemen admin C07 ANIMASI FLASH HOME | MANAJEMEN ADMIN | MANAJEMEN INFORMASI HOME EMAIL HEADER CLOUD E-HEALT NAVIGASI 1. Tekan home untuk ke C05 2. Tekan Email untuk mengirim email ke admin 3. Tekan manajemen admin untuk ke C06 4. Tekan manajemen informasi untuk ke C07 5. Tekan edit profil untuk mengedit info user 6. Tekan logout untuk kembali ke C01 7. Tekan tambah informasi untuk ke C09 8. Tekan go untuk mengeksekusi pencarian 9. Tekan show all untuk menampilkan semua admin 10. Tekan edit untuk ke C10 INFO USER GAMBAR EDIT PROFIL LOGOUT FOOTER MASTER DATA INFORMASI TAMBAH INFORMASI | PENCARIAN GO SHOW ALL EDIT NO JUDUL TANGGAL POSTING PROSES Gambar 3.36 Perancangan Halaman Manajemen Rumah Sakit C08 ANIMASI FLASH HOME | MANAJEMEN ADMIN | MANAJEMEN INFORMASI HOME EMAIL HEADER CLOUD E-HEALT NAVIGASI 1. Tekan home untuk ke C05 2. Tekan Email untuk mengirim email ke admin 3. Tekan manajemen admin untuk ke C06 4. Tekan manajemen informasi untuk ke C07 5. Tekan edit profil untuk mengedit info user 6. Tekan logout untuk kembali ke C01 7. Tekan simpan untuk menyimpan data 8. Tekan reset untuk mereset form INFO USER GAMBAR EDIT PROFIL LOGOUT FOOTER NIP Nama Lengka Jenis Kelamin Laki – Laki Perempuan Tempat, Tanggal Lahir Telepon Alamat Email SIMPAN RESET Gambar 3.37 Perancangan Halaman tambah Admin C09 ANIMASI FLASH HOME | MANAJEMEN ADMIN | MANAJEMEN INFORMASI HOME EMAIL HEADER CLOUD E-HEALT NAVIGASI 1. Tekan home untuk ke C05 2. Tekan Email untuk mengirim email ke admin 3. Tekan manajemen admin untuk ke C06 4. Tekan manajemen informasi untuk ke C07 5. Tekan edit profil untuk mengedit info user 6. Tekan logout untuk kembali ke C01 7. Tekan publish untuk menerbitkan berita 8. Tekan reset untuk mereset form INFO USER GAMBAR EDIT PROFIL LOGOUT FOOTER Judul Isi Info PUBLISH RESET BERITA DAN INFORMASI Gambar 3.38 Perancangan Halaman manajemen berita dan informasi C10 ANIMASI FLASH HOME | MANAJEMEN ADMIN | MANAJEMEN INFORMASI HOME EMAIL HEADER CLOUD E-HEALT NAVIGASI 1. Tekan home untuk ke C05 2. Tekan Email untuk mengirim email ke admin 3. Tekan manajemen admin untuk ke C06 4. Tekan manajemen informasi untuk ke C07 5. Tekan edit profil untuk mengedit info user 6. Tekan logout untuk kembali ke C01 7. Tekan update untuk menerbitkan berita yang telah diupdate 8. Tekan reset untuk mereset form INFO USER GAMBAR EDIT PROFIL LOGOUT FOOTER Judul Isi Info UPDATE RESET BERITA DAN INFORMASI Gambar 3.39 Perancangan Halaman edit berita dan informasi

3.4.5 Perancangan Pesan

Berikut ini merupakan form perancangan pesan. OK User Name atau Password Salah M01 Gambar 3.40 Perancangan Salah memasukkan username atau Password OK CANCEL Anda yakin akan menghapus data? M02 Gambar 3.41 Perancangan Hapus Data OK Data Telah berhasil dihapus M03 Gambar 3.42 Perancangan penghapusan data OK Anda belum login, Silahkan login terlebih dahul M04 Gambar 3.43 Perancangan peringatan login

3.4.6 Jaringan Semantik

Struktur aplikasi dibuat secara moduler, yaitu program dipecah menjadi modul-modul kecil yang mudah dibuat, mudah dites, dan mudah dimodifikasi. Pembuatan sistem Cloud E-health menggunakan alat bantu bagan struktural yang disebut juga jaringan semantik. 1. Jaringan semantik untuk menu web cloud e-health Jaringan semantik untuk web cloud dapat dilihat pada gambar 3.40. A01 A02 A03 A04 Gambar 3. 44 Jaringan Semantik web Cloud 2. Jaringan semantik untuk menu admin cloud Jaringan semantik untuk admin cloud dapat dilihat pada gambar 3.41 B01 B02 B08 B07 B06 B05 B04 B03 Gambar 3. 45 Jaringan Semantik menu admin cloud 3. Jaringan semantik untuk halaman cloud rumah sakit dapat dilihat pada gambar 3.42 C01 C02 C09 C06 C05 CO8 C07 C04 C03 Gambar 3. 46 Gambar Jaringan Semantik menu Rumah Sakit Cloud 67

BAB 4 IMPLEMENTASI DAN PENGUJIAN SISTEM

Bab ini menjelaskan tentang implementasi dari hasil analisis, kebutuhan perangkat keras dan perangkat lunak dalam mengembangkan sistem. Selain itu akan dibahas tentang pengujian perangkat lunak yang dibuat. Implementasi yang dilakukan mencakup data-data yang digambarkan dengan tampilan. Sedangkan untuk pengujian meliputi pengujian terhadap perangkat lunak hasil implementasi.

4.1 Implementasi Sistem

Tahap implementasi sistem merupakan tahap penciptaan perangkat lunak, tahap kelanjutan dari kegiatan perancangan sistem. Tahap ini menerjemahkan perancangan berdasarkan hasil analisis dalam bahasa yang dapat dimengerti oleh mesin serta penerapan perangkat lunak pada keadaan yang sesungguhnya.

4.1.1 Implementasi Cloud Computing

Implementasi infrastruktur Cloud Computing dibagi menjadi dua bagian, yaitu sisi front end dan sisi back end. Keduanya terhubung melalui sebuah jaringan internet dengan sistem cloud. Front end mencakup komputer user dan web browser yang diperlukan untuk mengakses layanan cloud E-health yang berupa CMS Content Management System. Sementara itu pada sisi back end dari sistem adalah bagian cloud computing yang berperan sebagai Infrastructure as a Service IaaS yaitu server dan penyimpanan data storage, serta aplikasi-aplikasi Software as a Service SaaS yang dapat digunakan oleh banyak rumah sakit dan keseluruhannya menciptakan cloud bagi layanan cloud E-health.

4.1.1.1 Implementasi Cloud Computing bagian Front End

Implementasi Cloud Computing bagian front end pada cloud E-health terdiri dari implementasi perangkat keras dan implementasi perangkat lunak.

1. Implementasi Perangkat Keras

Perangkat keras yang digunakan pengguna dalam implementasi cloud E- health terdapat pada tabel 4.1 Tabel 4.1 Implementasi Perangkat Keras Perangkat Keras Spesifikasi Perangkat Keras Processor Intel Pentium 4 2.00 GHz Monitor 14 inchi dengan resolusi 1024 x 768 pixels Mouse Memori RAM 1024 MB Harddisk 149.0 GB Keyboard Pengakses internet Network Card, HubSwitch, Router, Modem

2. Implementasi Perangkat Lunak

Perangkat lunak yang digunakan pengguna dalam implemetasi cloud E- health terdapat pada tabel 4.2 Tabel 4.2 Implementasi Perangkat Lunak Perangkat Lunak Spesifikasi Perangkat Lunak Sistem Operasi Windows XP Bahas Pemrograman PHP, CSS, Javascript, XHTML, Ajax Code Editor Micromedia Dreamweaver 8 Web Server Wampserver 2.0 Database Server MySQL 5.1 Web Browser Firefox, Opera, Chrome

4.1.1.2 Implementasi Cloud Computing bagian Back End

Kebutuhan Web Hosting Kebutuhan web hosting pada penelitian ini digunakan untuk keperluan aplikasi back end yaitu web administrator dan web service. Oleh karena itu, agar sistem dapat berjalan maka perlu di upload di web hosting. Adapun spesifikasi web hosting dan nama domain situs yang dipakai adalah : Nama Domain Situs : www.indonetmedia.com Tabel 4.3 Kebutuhan Web Hosting Disk space 100 MB Bandwidth 5 GB Depelovment Feature 1. PHP version 5.0.X with Zend Optimizer 2. PERL version 5.8.3 3. MySQL 5.x 4. Private CGI-BIN 5. CGI Script Library 6. Server Side Includes SSI 7. cPanel 8. phpMyAdmin 9. SMTPIPETAWebmail 10. Instant Backups

4.1.2 Implementasi Basis Data Database

Database yang digunakan dalam pembuatan cloud e-health ini yaitu menggunakan phpMyAdmin yang merupakan webbase control panel untuk MySQL yang telah terinstall di dalam komputer kita. Dari sini kita dapat membuat, memodifikasi, menghapusa database dan tabel data yang ada pada MySQL. Implementasi database dalam bahasa SQL adalah sebagai berikut : Tabel 4.4 Implementasi Basis Data Nama Tabel Bahasa SQL Tabel admin_cloud CREATE TABLE IF NOT EXISTS `admin_cloud` `id_admin` int11 NOT NULL AUTO_INCREMENT, `username` varchar50 NOT NULL, `password` varchar400 NOT NULL, `nama` varchar100 NOT NULL, `tempat_lahir` varchar50 NOT NULL, `tanggal_lahir` date NOT NULL, `alamat` text NOT NULL, `admin` int11 NOT NULL, PRIMARY KEY `id_admin`, UNIQUE KEY `username` `username` ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=5 ;