User Manual WEB RSUD.pdf

WEBSITE RSUD TANGERANG SELATAN 1

BUKU PANDUAN PENGGUNAAN WEBSITE RSUD TANGERANGSELATAN

UNTUK ADMINISTRASI

Garuda Solusi Kreatif

PENULIS:

ADRIANUS KEVIN

ANDARINI LARASASRI

ANDY

DAFTAR ISI

BAB 1 TENTANG PROGRAM....................................................................................3

1.1 Ikhtisar Program...................................................................................................3

BAB 2 TATA CARA PENGGUNAAN.........................................................................4

2.1. Persyaratan...........................................................................................................4

2.2. Tata Cara..............................................................................................................4

2.2.1 Back-end (Admin) ......................................................................................4

2.2.2 Front-end (Tampilan Website)................................................................26


BAB 1

TENTANG PROGRAM

Nama Website RSUD Tangerang Selatan

Perusahaan PT. Garuda Solusi Kreatif

Dibuat oleh:

Nama Jabatan

Andarini Larasasri Project Manager

Adrianus Kevin Lead Programmer

Andy Programmer

1.1 Ikhtisar Program

Tujuan utama pembuatan webste bagi RSU Tangerang Selatan adalah untuk

memperkenalkan layanan yang terdapat pada rumah sakit. Beberapa pemanafaatan lain

dari pembuatan website adalah sebagai berikut:

1. Pengenalan mengenai profil RSU Tangerang Selatan.

2. Pengenalan mengenai fasilitas yang terdapat pada RSU Tangerang Selatan.

3. Media penyampaian event dan promo.

4. Pemberian informasi mengenai jadwal praktek dan kegiatan dokter

5. Media untuk berinteraksi dengan masyarakat dengan cara pemberian fasilitas bagi

masyarakat untuk mengirimkan pesan kepada pihak RSU Tangerang Selatan

BAB 2

TATACARA PENGGUNAAN

2.1 Persyaratan

Pengguna harus terdaftar sebagai admin pada website ini. Apabila pemegang program

sudah terdaftar, username dan password akan digunakan untuk proses login.

2.2 Tata Cara

2.2.1 Back-end (Admin)

LOGIN

Jika login berhasil (username dan password dengan data yang valid), maka tampilan akan

sebagai berikut:


Setelah berhasil login sebagai admin, anda akan langsung masuk pada menu Dashboard.

1. DASHBOARD

Menampilkan ringkasan back-end untuk admin. Di dalam back-end terdapat menu

sebagai berikut,

Posts: Memuat post(Berita) yang ada di dalam website.

Pages: Memuat daftar dari semua halaman yang ada di dalam website.

Kotak Suara: Memuat Komentar dari para pengguna website.

Media: Halaman media memuat semua multimedia yang berupa foto, video, dan

audio yang di masukkan ke dalam website. File media baru yang akan di

masukkan bias melalui page ini.

Setting: Berfungsi untuk mengaturan fitur website.

Users: Memuat semua user yang terdaftar di website termasuk admin sendiri.


2. POST

Menu “Add New” akan menampilkan:

Admin dapat memasukan beberapa gambar pada artikel. Cara untuk memasukkan

gambar pada artikel sebagai berikut, klik tombol pada menubar di atas. Lalu

akan muncul tampilan sebagai berikut,

Pilih Gambar dengan menekan tombol “Browse Server” lalu tentukan

lebar (Width) dan tinggi (Height) gambar. Tekan ‘OK’ dan tampilan menjadi

sebagai berikut,


Anda dapat menampilkan lebih dari satu gambar dalam satu artikel.

Rincian pada menubar sebagai berikut,

Cut : Untuk memindahkan suatu paragraf, kalimat atau kata.

Copy and Paste : Untuk menyalin suatu paragraf, kalimat atau kata.

Paste from word : Untuk menyalin artikel dari file word.

Undo and Redo : Untuk kembali atau maju kedepan

Spell Check : Untuk memeriksa spelling.

Link and Unlink : Untuk memberikan link dan menghilangkan link.

Anchor : Untuk memberikan tanda, atau memberikan bendera.

Image : Untuk memasukan gambar pada paragraf.

Table : Untuk memasukan tabel pada paragraf.

Insert Horizontal Line : Untuk menambahkan garis horizontal pada paragraf.

Insert Special Character : Untuk memasukan simbol atau spesial karakter.

Maximize : Untuk membesarkan halaman.

Source : Untuk melihat source code paragraf.

Bold : Untuk menebalkan kata. Italic : Untuk memiringkan kata. Strike : Untuk membuat garis di tengah tengah kata. Remove Format : Untuk menghilangkan format

Numbered List : Untuk membuat list dengan menggunakan angka.

Bulleted List : Untuk membuat list dengan menggunakan bullets/simbol.

Formatting Style : Untuk memformat jenis tulisan.

Paragraph Format : Untuk memformat besar kecilnya tulisan.


Disini anda harus memilih jenis artikel, jenis ditentukan dari kolom blog page.

Lalu anda juga dapat menambahkan Gambar Utama untuk artikel anda dengan cara tekan

tombol ‘Set Feature” dua kali, gambar tersebut akan menjadi ikon gambar pada

slideshow.

Setelah membuat artikel dan memilih jenis artikel anda bisa langsung menekan tombol

“Publish” untuk menampilkan artikel anda dalam website, atau menekan tombol “Draft”

bila belum yakin untuk menampilkan artikel dan draft akan menyimpan sementara

Dan menu “Posts List” akan menampilkan:

Untuk melihat seluruh artikel yang telah anda buat.

Anda dapat mengubah atau mengedit artikel yang telah anda buat. Tekan edit, lalu

tampilan menjadi sebagai berikut,

Setelah mengedit yang diperlukan, anda dapat menekan tombol “Publish” untuk

menampilkan artikel ke dalam website.


3. PAGES

Sub menu “Add New” akan menampilkan:

Didalam sub menu “Add new” terdapat 2 pilihan untuk membuat Page, Static Page and

Blog Page.

Static Page berfungsi untuk membuat halaman yang statik atau yang tetap.

Blog Page berfungsi untuk membuat halaman yang dinamis atau yang dapat berubah.

“Static Page” akan menampilkan:

Admin dapat memasukan beberapa gambar pada Static Page. Cara untuk

memasukkan gambar sebagai berikut, klik tombol pada menubar di atas.

Lalu akan muncul tampilan sebagai berikut,

Pilih Gambar dengan menekan tombol “Browse Server” lalu tentukan

lebar (Width) dan tinggi (Height) gambar. Tekan ‘OK’ dan tampilan menjadi

sebagai berikut,


Anda dapat menampilkan lebih dari satu gambar dalam satu artikel.

Rincian pada menubar sebagai berikut,

Cut : Untuk memindahkan suatu paragraf, kalimat atau kata.

Copy and Paste : Untuk menyalin suatu paragraf, kalimat atau kata.

Paste from word : Untuk menyalin artikel dari file word.

Undo and Redo : Untuk kembali atau maju kedepan

Spell Check : Untuk memeriksa spelling.

Link and Unlink : Untuk memberikan link dan menghilangkan link.

Anchor : Untuk memberikan tanda, atau memberikan bendera.

Image : Untuk memasukan gambar pada paragraf.

Table : Untuk memasukan tabel pada paragraf.

Insert Horizontal Line : Untuk menambahkan garis horizontal pada paragraf.

Insert Special Character : Untuk memasukan simbol atau spesial karakter.

Maximize : Untuk membesarkan halaman.

Source : Untuk melihat source code paragraf.

Bold : Untuk menebalkan kata. Italic : Untuk memiringkan kata. Strike : Untuk membuat garis di tengah tengah kata. Remove Format : Untuk menghilangkan format

Numbered List : Untuk membuat list dengan menggunakan angka.

Bulleted List : Untuk membuat list dengan menggunakan bullets/simbol.

Formatting Style : Untuk memformat jenis tulisan.

Paragraph Format : Untuk memformat besar kecilnya tulisan.


Disini anda dapat menambahkan Gambar Utama untuk Static Page dengan cara tekan

tombol ‘Set Feature” dua kali.

Setelah membuat Static Page anda bisa langsung menekan tombol “Publish” untuk

menampilkan Static Page anda dalam website, atau menekan tombol “Draft” bila belum

yakin untuk menampilkan Static Page dan draft akan menyimpan sementara.

4. KOTAK SUARA

Didalam Kotak Suara menu, Admin dapat melihat dan merespon komentar dari

para pengunjung webiste. Komentar dari pengunjung akan langsung masuk ke

email Rumah Sakit, namun admin dapat membalas langsung dari menu ini.

Berikut ini tampilan seluruh komentar pengunjung.

Admin dapat membalas komentar dengan cara menekan tombol ‘Reply’ lalu

tampilan akan berubah sebagai berikut,


Setelah menjawab komentar, anda dapat menekan tombol ‘send’ untuk mengirim

pesan anda.

5. MEDIA

Untuk memberikan gambar pada seluruh website anda harus meng-upload

gambar anda ke dalam media terlebih dahulu. Karena seluuh gambar yang ada di

website akan berhubungan langsung dengan media. Jadi anda dapat

meng-upload dengan cara menekan tombol ‘upload’,

lalu tampilan akan berubah sebagai berikut,

Setelah anda memilih foto untuk di upload anda dapat menekan tombol ‘open’

untuk meng-upload gambar,

Berikut rincian menubar settings,

Anda dapat membuat tampilan media sesuai yang anda inginkan.


6. SETTING

Navigation Settings

Berfungsi untuk mengubah letak, menambah, dan mengurangi menu pada

website. Anda dapat menambah dan menguranginya dengan melakukan ‘drag

and drop’ pada menu yang diinginkan.

Setelah itu tekan tombol ‘save’ untuk menyimpan.

Slideshow Settings

Berfungsi untuk memilih artikel mana saja yang akan ditampilkan pada

slideshow. Anda dapat menambah dan menguragi jumlah artikel yang akan di

tampilkan pada slide show. Tekan ‘Add Slide Content’ untuk menambah artikel

dan tekan tombol merah untuk mengurangi artikel.


Logo Settings

Berfungsi untuk menambahkan, mengurangi, dan mengubah logo pada website.

Tetapi, anda hanya dapat menampilkan maksimal 2 logo dalam website ini.

Untuk menambahkan logo dengan cara menekan tombol ‘Add Logo Content’

dua kali lalu pilih logo yang anda inginkan. Cara untuk mengubah logo dengan

cara menekan tombol biru dua kali lalu pilih logo yang anda inginkan. Untuk

menghapus logo, anda hanya perlu menekan tombol merah.



External Links Settings

Berfungsi untuk menambahkan dan mengurangi External Links. Untuk

menambahkan external links anda perlu menekan tombol ‘Add Links’ dan isi

link yang anda inginkan. Dan untuk mengurangi link, anda hanya perlu menekan

tombol ‘Remove’.


7. USERS

Sub menu “Add New” akan menampilkan:

Masukan data tentang user baru yang anda inginkan. Pilih ’role’ untuk user


tersebut. Super Administrator adalah seorang Administrator yang dapat memilih

Administrator lain dan dapat mengontrol user. Administrator adalah seseorang

yang dapat melakukan semuanya kecuali mengontrol user. Dan Contributor

adalah seseorang yang hanya bisa membuat post dalam bentuk artikel.

Sub menu “User List” akan menampilkan:

Anda dapat mengubah data user denga cara menekan tombol ‘Edit’. Lalu

tampilan akan berubah sebagai berikut,

Setelah mengedit data user, anda dapat langsung menekan tombol ‘Submit’

untuk menyimpan.

2.2.2 Front-end (Tampilan Website)

1. Home

Header (Logo dan Menu)

Di dalam header terdapat Logo dan Menu. Logo dapat diubah sesuai yang admin

inginkan, tetapi admin hanya dapat menampilkan maksimal 2 logo pada website

ini. Menu bar menunjukan banyak page yang dibuat admin. Setiap halaman

memiliki header(logo dan menu) yang sama.

Body (Slideshow dan Artikel Kesehatan)

Didalam Body terdapat slideshow dan Ringkasan Artikel kesehatan. Gambar

berita yang ada di slideshow dapat ditentukan oleh admin berdasarkan Artikel

Kesehatan.


Footer (Links)

Isi dari Footer pada website ini adalah ringkasan seluruh link yang berkaitan

dengan webiste ini. Di dalam footer website ini links terbagi 2, Site Links yang

berisi seluruh page website, dan External Links yang berisi link dari luar

website.

2. Event dan Promo

Di dalam halaman ini pengguna website dapat melihat informasi tentang acara

dan promo yang akan atau sedang dilaksanakan oleh Rumah Sakit Umum Daerah

Tangerang Selatan.

3. Fasilitas

Halaman fasilitas berisikan informasi tentang fasilitas yang tersedia di Rumah

Sakit Umum Daerah Tangerang Selatan.

4. Artikel Kesehatan

Di dalam halaman Artikel Kesehatan, Pengguna website dapat mengetahui

berbagai informasi tentang kesehatan. Berita atau artikel yang ada pada website

ini ditulis oleh admin atau staff dari Rumah Sakit Umum Daerah Tangerang

Selatan.


5. Tentang Kami

Halaman Tentang kami berisi profil dari Rumah Sakit Umum Daerah Tangerang

Selatan.

6. Kontak Kami

Dalam halaman Kontak Kami, Pengguna dapat mengutarakan pendapat mereka

tentang Rumah Sakit Umum Daerah Tangerang Selatan. Pendapat yang mereka

tulis akan langsung masuk ke email Rumah Sakit, dan admin dapat membalas

pendapat mereka melalui email pengguna.

User Manual WEB RSUD.pdf

Documents

Transcript of User Manual WEB RSUD.pdf