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
Petunjuk Menggunakan Aplikasi WEB SAYOGO INCORPORATED
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.
Manual Administrator website SAYOGO INCORPORATED
2 of 17
Petunjuk Menggunakan Aplikasi WEB SAYOGO INCORPORATED
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 :
Manual Administrator website SAYOGO INCORPORATED
3 of 17
Petunjuk Menggunakan Aplikasi WEB SAYOGO INCORPORATED
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.
Manual Administrator website SAYOGO INCORPORATED
4 of 17
Petunjuk Menggunakan Aplikasi WEB SAYOGO INCORPORATED
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.
Manual Administrator website SAYOGO INCORPORATED
5 of 17
Petunjuk Menggunakan Aplikasi WEB SAYOGO INCORPORATED
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.
Manual Administrator website SAYOGO INCORPORATED
6 of 17
Petunjuk Menggunakan Aplikasi WEB SAYOGO INCORPORATED
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.
Manual Administrator website SAYOGO INCORPORATED
7 of 17
Petunjuk Menggunakan Aplikasi WEB SAYOGO INCORPORATED
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.
Manual Administrator website SAYOGO INCORPORATED
8 of 17
Petunjuk Menggunakan Aplikasi WEB SAYOGO INCORPORATED
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.
Manual Administrator website SAYOGO INCORPORATED
9 of 17
Petunjuk Menggunakan Aplikasi WEB SAYOGO INCORPORATED
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.
Manual Administrator website SAYOGO INCORPORATED
10 of 17
Petunjuk Menggunakan Aplikasi WEB SAYOGO INCORPORATED
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.
Manual Administrator website SAYOGO INCORPORATED
11 of 17
Petunjuk Menggunakan Aplikasi WEB SAYOGO INCORPORATED
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.
Manual Administrator website SAYOGO INCORPORATED
12 of 17
Petunjuk Menggunakan Aplikasi WEB SAYOGO INCORPORATED
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.
Manual Administrator website SAYOGO INCORPORATED
13 of 17
Petunjuk Menggunakan Aplikasi WEB SAYOGO INCORPORATED
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
Manual Administrator website SAYOGO INCORPORATED
14 of 17
Petunjuk Menggunakan Aplikasi WEB SAYOGO INCORPORATED
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.
Manual Administrator website SAYOGO INCORPORATED
15 of 17