PETUNJUK MENGGUNAKAN APLIKASI WEB SAYOGO INCORPORATED

PETUNJUK MENGGUNAKAN APLIKASI WEB SAYOGO INCORPORATED www.sayogo.com/v30/webmin

Disusun oleh : Team Web & Multimedia Development

®

Jakarta Office: Plaza Lippo 12th floor Jl. Jendral Sudirman kav. 25 Jakarta 10220 - Indonesia Phone : +62- 21- 521 2323 Fax : +62-21- 520 3553 e-mail : jaka [email protected]

Surabaya O ffice: Jl. Kombes. Pol. M. Duriyat 39 Surabaya 60262 - Indonesia Phone : +62- 31- 5459975 Fax : +62-31- 5459970 e-mail : [email protected]

Petunjuk Menggunakan Aplikasi WEB SAYOGO INCORPORATED

DAFTAR ISI DAFTAR ISI ............................................................................................... 1 1. PENDAHULUAN ...................................................................................... 2 2. MENU ................................................................................................... 2 2.1. Menu utama terdiri dari :................................................................... 2 2.1.1. Home ...................................................................................... 2 2.1.2. Preference ............................................................................... 2 2.1.3. User Management ..................................................................... 2 2.1.4. Page Text Management ............................................................. 3 2.1.5. Comment Management .............................................................. 3 2.1.6. Gallery Management ................................................................. 3 2.1.7. Contact Management................................................................. 3 2.1.8. Webstatistic ............................................................................. 3 2.1.9. Logout .................................................................................... 3 3. HOME ................................................................................................... 4 4. PREFERENCE MANAGEMENT ..................................................................... 4 4.1. Langkah-langkah mengubah/memodifikasi Password : ........................... 4 5. USER MANAGEMENT ............................................................................... 4 5.1. Keterangan User Management : ......................................................... 4 5.2. Keterangan button : ......................................................................... 5 5.3. Langkah-langkah mengubah/memodifikasi isi User Admin : .................... 5 5.4. Langkah-langkah menambah User Admin : .......................................... 6 5.5. Keterangan User Admin Form : .......................................................... 7 5.6. Langkah-langkah untuk menghapus User Admin dari database : ............. 7 6. PAGE TEXT MANAGEMENT ....................................................................... 8 6.1. Keterangan Page Text : ..................................................................... 8 6.2. Langkah-langkah mengubah/memodifikasi isi Teks Halaman : ................ 8 6.3. Langkah-langkah menambah Teks Halaman : ....................................... 9 6.4. Keterangan Form Page Text : ............................................................. 9 6.5. Langkah-langkah untuk menghapus Page Text dari database : ............. 10 7. COMMENT MANAGEMENT ...................................................................... 10 7.1. Keterangan Comment : ................................................................... 10 7.2. Langkah-langkah mengubah/memodifikasi isi Comment : .................... 10 7.3. Langkah-langkah menambah Comment : ........................................... 11 7.4. Keterangan Form Comment : ........................................................... 11 7.5. Langkah-langkah untuk menghapus Comment dari database : .............. 12 8. GALLERY MANAGEMENT ........................................................................ 12 8.1. Keterangan Gallery :....................................................................... 12 8.2. Langkah-langkah mengubah/memodifikasi isi Gallery : ........................ 12 8.3. Langkah-langkah menambah Comment : ........................................... 13 8.4. Keterangan Form Gallery :............................................................... 14 8.5. Langkah-langkah untuk menghapus Gallery dari database : ................. 14 9. KONTAK .............................................................................................. 14 9.1. Langkah-langkah menggunakan kontak : ........................................... 14 10. WEB STATISTIC ................................................................................. 15 10.1. Langkah-langkah mengunakan Web Statistik : .................................. 15 11. LOGOUT ............................................................................................ 15 12. PENUTUP ........................................................................................... 15

Manual Administrator website SAYOGO INCORPORATED

1 of 17


PANDUAN APLIKASI ADMINISTRATOR WEBSITE SAYOGO INCORPORATED

1. PENDAHULUAN Aplikasi Administrator ini dibuat untuk memberikan kemudahan dalam melakukan maintenance website SAYOGO INCORPORATED. Beberapa feature telah di sediakan sesuai dengan kebutuhan dari web site SAYOGO INCORPORATED. Aplikasi Administrator website SAYOGO INCORPORATED diakses melalui website, sehingga memberikan kemudahan bagi user untuk melakukan maintenance website dari ruang server maupun dari luar server, selama komputer yang dipergunakan terhubung dengan jaringan internet. Untuk keamanan data, aplikasi ini hanya dapat di gunakan oleh user yang memiliki username & password untuk masuk kedalam aplikasi Administrator.

2. MENU Aplikasi Administrator menyediakan beberapa menu utama yang tersedia pada saat pertama kali melakukan login. Url aplikasi Administrator ini adalah : http://www.sayogo.com/v30/webmin Halaman pertama yang muncul adalah form Login untuk validasi user Lihat gambar 1.

Gambar 1. Tampilan Form Login

Ketik username dan passwordnya. Setelah Username dan Password validate, maka akan terlihat menu utama seperti pada gambar 2. 2.1. Menu utama terdiri dari : 2.1.1.

Home Menu ini digunakan untuk kembali ke halaman utama Aplikasi Administrator.

2.1.2.

Preference Menu ini digunakan untuk memodifikasi password user untuk mengakses admin SAYOGO INCORPORATED.

2.1.3.

User Management Menu ini digunakan mendaftarkan user baru atau menghapus serta memodifikasi user untuk mengakses admin SAYOGO INCORPORATED.


2 of 17


2.1.4.

Page Text Management Menu ini digunakan untuk memasukkan isi konten dari masing halaman website.

2.1.5.

Comment Management Menu ini digunakan untuk memasukkan isi comment/testimoni di halaman kontak website.

2.1.6.

Gallery Management Menu ini digunakan untuk memasukkan photo gallery di halaman website menu gallery.

2.1.7.

Contact Management Menu ini digunakan untuk melihat contact yang masuk dari website www.sayogo.com

2.1.8.

Webstatistic Menu ini untuk mengetahui statistik dari pengunjung website SAYOGO INCORPORATED.

2.1.9.

Logout Setelah melakukan pekerjaan, maka dianjurkan untuk melakukan Logout. Agar orang lain tidak dapat mengakses website Aplikasi Administrator.

Fungsi dari tiap-tiap menu akan dijelaskan secara detail pemakaian dan penggunaannya di bawah ini :


3 of 17


3. HOME Menu ini digunakan untuk kembali ke awal program Aplikasi Administrator.

Gambar 2. Tampilan Menu Utama.

4. PREFERENCE MANAGEMENT Tampilan untuk Change Password akan tampak seperti gambar 3. 4.1. Langkah-langkah mengubah/memodifikasi Password : 1. Klik Change Password pada menu preference, dan akan tampil seperti gambar 3. 2. Lakukan perubahan password sesuai dengan keinginan. 3. Jika sudah selesai melakukan perubahan lalu klik option Submit, maka data password yang lama akan ditumpuk dengan yang baru kemudian disimpan di dalam database.

Gambar 3. Tampilan Form modifikasi Password.

5. USER MANAGEMENT Tampilan untuk Browse User akan tampak seperti gambar 4. 5.1. Keterangan User Management : 1. Kolom No berisi nomor urut. ) digunakan untuk memberikan tanda pada data 2. Kolom Delete (button yang akan di delete. ) digunakan untuk mengubah isi user. 3. Kolom Modify (image 4. Kolom Name berisi nama user Admin. 5. Kolom Username berisi username dari user Admin. 6. Kolom Authorized Application berisi keterangan untuk menu yang dapat diakses oleh user Admin yang bersangkutan.


4 of 17


Gambar 4. Tampilan Browse User Admin pada User Management

5.2. Keterangan button : 5.2.1. Add Berfungsi untuk memasukkan User Admin baru. 5.2.2. Delete Digunakan untuk menghapus User Admin. 5.3. Langkah-langkah mengubah/memodifikasi isi User Admin : di sebelah kiri dari name yang ingin di ubah, dan akan 1. Klik image tampil seperti gambar 5. 2. Lakukan perubahan sesuai dengan keinginan. 3. Jika ingin mengembalikan isi yang sudah di ubah ke sebelumnya klik option Reset, jika ingin kembali ke menu Admin Management klik option Back. 4. Jika sudah selesai melakukan perubahan lalu klik option Submit, maka data User Admin yang lama akan ditumpuk dengan yang baru kemudian disimpan di dalam database.


5 of 17


Gambar 5. Tampilan Form modifikasi User.

5.4. Langkah-langkah menambah User Admin : 1. Klik button Add, dan akan tampil seperti gambar 6. 2. Isi field-field yang ada pada add form user Admin. 3. Jika ingin membatalkan pengisian klik Reset, dan jika ingin kembali ke menu Admin Management klik Back. 4. Jika semua telah selesai di ketik, klik Submit untuk menyimpannya ke dalam database.


6 of 17


Gambar 6. Tampilan form Add User

5.5. Keterangan User Admin Form : 5.5.1. Username Digunakan untuk isi username user. 5.5.2. Password Digunakan untuk isi Password. 5.5.3. Retype Password Digunakan untuk isi ulang password. 5.5.4. Nama Digunakan untuk isi nama user. 5.5.5. Application Digunakan untuk memilih aplikasi menu yang dapat diakses oleh user yang bersangkutan. 5.6. Langkah-langkah untuk menghapus User Admin dari database : 1. Beri tanda cek (  ) pada user Admin yang ingin dihapus. 2. Kemudian klik tombol Delete.


7 of 17


6. PAGE TEXT MANAGEMENT Tampilan untuk Browse Page Text akan tampak seperti gambar 7. 6.1. Keterangan Page Text : 1. Kolom No berisi nomor urut. ) digunakan untuk mengubah isi Teks Halaman. 2. Kolom Modify (image 3. Kolom Page berisi Nama Halaman. 4. Kolom Post By berisi user yang memasukkan konten halaman. 5. Kolom Post Date berisi tanggal memasukkan konten halaman.

Gambar 7. Tampilan Browse Teks Halaman pada Page Text Management

6.2. Langkah-langkah mengubah/memodifikasi isi Teks Halaman : di sebelah kiri dari page yang ingin di ubah, dan akan 1. Klik image tampil seperti gambar 8. 2. Lakukan perubahan sesuai dengan keinginan. 3. Jika ingin mengembalikan isi yang sudah di ubah ke sebelumnya klik option Reset, jika ingin kembali ke menu Browse Page Text klik option Back. 4. Jika sudah selesai melakukan perubahan lalu klik option Submit, maka data Teks Halaman yang lama akan ditumpuk dengan yang baru kemudian disimpan di dalam database.


8 of 17


Gambar 8. Tampilan Form modifikasi Page Text.

6.3. Langkah-langkah menambah Teks Halaman : 1. Klik button Add, dan akan tampil seperti gambar 9. 2. Isi field-field yang terdapat pada form. 3. Jika ingin membatalkan pengisian klik Reset, dan jika ingin kembali ke menu Browse Page Text Klik Back. 4. Jika semua telah selesai di ketik, klik Submit untuk menyimpannya ke dalam database.

Gambar 9. Tampilan form Add Page Text

6.4. Keterangan Form Page Text : 6.4.1. Page Digunakan untuk memasukkan halaman yang akan diisi kontennya.


9 of 17


6.4.2. Content Digunakan untuk memasukkan konten halaman bahasa inggris yang dipilih. 6.5. Langkah-langkah untuk menghapus Page Text dari database : 1. Beri tanda cek (  ) pada checkbox Page Text yang ingin dihapus. 2. Kemudian klik tombol Hapus.

7. COMMENT MANAGEMENT Tampilan untuk Browse Comment akan tampak seperti gambar 10. 7.1. Keterangan Comment : 1. Kolom No berisi nomor urut. ) digunakan untuk mengubah isi Comment. 2. Kolom Modify (image 3. Kolom Name berisi Nama orang yang memberi komen. 4. Kolom Comment berisi komen. 5. Kolom Post By berisi user yang memasukkan comment. 6. Kolom Post Date berisi tanggal memasukkan comment.

Gambar 10. Tampilan Browse Teks Halaman pada Comment Management

7.2. Langkah-langkah mengubah/memodifikasi isi Comment : di sebelah kiri dari name yang ingin di ubah, dan akan 1. Klik image tampil seperti gambar 11. 2. Lakukan perubahan sesuai dengan keinginan. 3. Jika ingin mengembalikan isi yang sudah di ubah ke sebelumnya klik option Reset, jika ingin kembali ke menu Browse Comment klik option Back. 4. Jika sudah selesai melakukan perubahan lalu klik option Submit, maka data Comment yang lama akan ditumpuk dengan yang baru kemudian disimpan di dalam database.


10 of 17


Gambar 11. Tampilan Form modifikasi Comment.

7.3. Langkah-langkah menambah Comment : 1. Klik button Add, dan akan tampil seperti gambar 12. 2. Isi field-field yang terdapat pada form. 3. Jika ingin membatalkan pengisian klik Reset, dan jika ingin kembali ke menu Browse Comment Klik Back. 4. Jika semua telah selesai di ketik, klik Submit untuk menyimpannya ke dalam database.

Gambar 12. Tampilan form Add Page Text

7.4. Keterangan Form Comment : 7.4.1. Name Digunakan untuk memasukkan nama pemberi komen.


11 of 17


7.4.2. Description Digunakan untuk memasukkan isi komen. 7.5. Langkah-langkah untuk menghapus Comment dari database : 1. Beri tanda cek (  ) pada checkbox Comment yang ingin dihapus. 2. Kemudian klik tombol Hapus.

8. GALLERY MANAGEMENT Tampilan untuk Browse Gallery akan tampak seperti gambar 13. 8.1. Keterangan Gallery : 1. Kolom No berisi nomor urut. ) digunakan untuk mengubah isi Gallery. 2. Kolom Modify (image 3. Kolom Title berisi judul dari photo. 4. Kolom Category berisi kategori photo. 5. Kolom Post By berisi user yang memasukkan gallery. 6. Kolom Post Date berisi tanggal memasukkan gallery.

Gambar 13. Tampilan Browse Teks Halaman pada Gallery Management

8.2. Langkah-langkah mengubah/memodifikasi isi Gallery : di sebelah kiri dari name yang ingin di ubah, dan akan 1. Klik image tampil seperti gambar 14. 2. Lakukan perubahan sesuai dengan keinginan. 3. Jika ingin mengembalikan isi yang sudah di ubah ke sebelumnya klik option Reset, jika ingin kembali ke menu Browse Gallery klik option Back. 4. Jika sudah selesai melakukan perubahan lalu klik option Submit, maka data gallery yang lama akan ditumpuk dengan yang baru kemudian disimpan di dalam database.


12 of 17


Gambar 14. Tampilan Form modifikasi Gallery.

8.3. Langkah-langkah menambah Comment : 1. Klik button Add, dan akan tampil seperti gambar 15. 2. Isi field-field yang terdapat pada form. 3. Jika ingin membatalkan pengisian klik Reset, dan jika ingin kembali ke menu Browse Gallery Klik Back. 4. Jika semua telah selesai di ketik, klik Submit untuk menyimpannya ke dalam database.


13 of 17


Gambar 15. Tampilan form Add Gallery

8.4. Keterangan Form Gallery : 8.4.1. Category Digunakan untuk memasukkan kategori dari gallery. 8.4.2. Title Digunakan untuk memasukkan judul dari gallery. 8.4.3. Description Digunakan untuk memasukkan isi gallery. 8.5. Langkah-langkah untuk menghapus Gallery dari database : 1. Beri tanda cek (  ) pada checkbox Gallery yang ingin dihapus. 2. Kemudian klik tombol Hapus.

9. KONTAK Tampilan Kontak akan seperti gambar 16. 9.1. Langkah-langkah menggunakan kontak : 1. Untuk melihat isi dari tiap contact klik pada kolom nama. 2. Untuk menghapus contact beri tanda cek (  ) pada checkbox kemudian tekan tombol delete.

Gambar 16. Tampilan Contact


14 of 17


10. WEB STATISTIC Tampilan Web Statistic akan seperti gambar 17. 10.1. Langkah-langkah mengunakan Web Statistik : 1. Memilih field date selection. 2. Memilih Stats selection yang diinginkan atau show all untuk memilih semua Stats selection. 3. Jika sudah selesai melakukan pemilihan lalu klik option Show Stat, maka akan tampil data Statistic yang bersesuaian dengan pemilihan field. 4. Untuk mereset data statistic bisa dilakukan dengan klik option Reset Stats, maka akan menghapus semua data statistik yang ada.

Gambar 17. Tampilan Web Statistic

11. LOGOUT Setelah melakukan pekerjaan, maka dianjurkan untuk melakukan Logout. Agar orang lain tidak dapat mengakses website Aplikasi Administrator.

12. PENUTUP Demikian Panduan Aplikasi Administrator ini dibuat, untuk memberikan kemudahan dalam menggunakaan aplikasi administrator SAYOGO INCORPORATED. Semoga bisa membantu.


15 of 17

PETUNJUK MENGGUNAKAN APLIKASI WEB SAYOGO INCORPORATED

Recommend Documents