State Transition Diagram STD

2. Rancangan Struktur Menu Utama Sekilas RS Klik tombol “Masuk” Menampilkan form menu utama Klik tombol “Sekilas RS” Menampilkan form Sekilas RS Gambar 4.21 Rancangan struktur Menu Utama Profil RS 3. Rancangan Struktur Menu Utama Informasi RS Klik tombol “Masuk Menampilkan form Menu Utama Klik tombol “Informasi RS Menampilkan form Informasi RS Gambar 4.22 Rancangan struktur Menu Utama Informasi RS Utama Menu Utama Sekilas RS Utama Menu Utama Informasi RS 4. Rancangan Menu Informasi RS Klik tombol “Masuk” Menampilkan form Menu Utama Klik tombol “Informasi RS” Menampilkan form Menu Utama Informasi RS Klik “Jakarta Selatan” Klik “Jakarta Barat” Klik “Jakarta Pusat” Tampil form RS Jaksel Tampil form RS Jakbar Tampil form RS Jakpus Klik “Jakarta Utara” Klik “Jakarta Timur” Tampil form RS Jakut Tampil form RS Jaktim Gambar 4.23 Rancangan struktur Menu Informasi RS Utama Menu Utama Jakarta Selatan Informasi RS Jakarta Utara Jakarta Barat Jakarta Timur Jakarta Pusat 5. Rancangan Struktur Menu Utama Kontak Klik tombol “Masuk” Menampilkan form Menu Utama Klik tombol “Kontak” Menampilkan form Kontak Gambar 4.24 Rancangan struktur Menu Utama Kontak 6. Rancangan Struktur Menu Utama Bantuan Klik tombol “Masuk” Menampilkan form Menu Utama Klik tombol “Bantuan” Menampilkan form Bantuan Gambar 4.25 Rancangan struktur Menu Utama Bantuan Utama Menu Utama Kontak Utama Menu Utama Bantuan 7. Rancangan Struktur Menu Cari RS Klik tombol “Masuk” Menampilkan form Menu Utama Klik tombol “Cari RS” Menampilkan form Cari RS Gambar 4.26 Rancangan struktur Menu Cari RS Utama Menu Utama Cari RS

4.5 Merancang Grafik

Dalam merancang grafik, penulis mambuat rancangan terpisah dengan menggunakan software yang berbeda, rancangan tersebut terdiri dari rancangan gambar dan rancangan tombol.

4.5.1 Rancangan Gambar

Dalam membuat background dan merancang gambar yang diperlukan dalam membuat aplikasi ini, penulis menggunakan software Adobe Photoshop CS 3. Software ini baik digunakan untuk pengolahan gambar atau image. Hal pertama yang dilakukan untuk memulai rancangan adalah membuka file baru dengan cara memilih tombol file pada toolbar kemudian pilih new, atur width, height, dan resolution yang dipakai nantinya, kemudian ok. Gambar 4.27 . Membuat file baru pada Adobe Photoshop CS3 Kemudian buka file gambar yang digunakan untuk background yaitu gambar logo Dinas Kesehatan. Setelah gambar logo Dinas Kesehatan sudah ada pada kolom layer, ubah gambar tersebut menjadi layer. Gambar 4.28 Mengubah Layer Image Kemudian tarik gambar logo tersebut ke layer file baru yang buat untuk menjadi background. Atur colour balance dan curve pada gambar logo tersebut hingga menjadi transparan dari gambar awalnya.