By. Steph/IT/04/2010 Tutorial penggunaan CMS / Service Bab I Pengenalan dasar Website Ditek Jaya terdaftar dengan menggunakan nama domain http://www. ditekjaya.co.id Website Ditek Jaya dilengkapi dengan database system yang memungkinkan administrator dapat mengubah, menambah atau mengurangi isi website. Untuk mengubah isi halaman web, admin harus terlebih dahulu masuk ke dalam halaman admin database. Login ke menu CMS menggunakan Mozilla Firefox / Internet Explorer Ketik : www.ditekjaya.co.id/admin akan muncul menu untuk Login Masukan User & Password User : service Password : service484
Tampilan halaman utama CMS untuk Service adalah sebagai berikut Halaman ini dibagi menjadi 5 area, yaitu area Static, CMS, User Administration, Change Password dan Logout : 1. Static > Khusus untuk yang berkepentingan Menu yang berisi halaman-halaman static, halaman yang tidak banyak mengalami perubahan, terdiri dari : 1. About Us, : berisi content dari halaman About Us 2. Head Office Contact,: berisi content dari halaman Contact Head Office 3. Rep. Ofiice Contact : berisi content dari halaman Contact Rep Office 4. Welcome text : : berisi content Welcome text yang ada di halaman Home 2. CMS Menu ini merupakan menu untuk melakukan perubahan, penghapusan dan penambahan untuk halaman website yang dibuat dengan database. Berikut menu untuk Service yang dapat di modifikasi : 1. News and Events : untuk mengatur halaman news and events 2. Support Center : untuk mengatur halaman support center 3. Visitor Contact : untuk melihat isian form contact us 3. User Administration : untuk mengatur user > Khusus untuk yang berkepentingan 4. Change Password : untuk mengubah password 5. Logout : keluar dari halaman admin
Berikut langkah-langkah untuk menambah, mengubah dan mengupdate Website Area Service BAB II ( Fungsi lanjutan ) 2. 1. CMS Seperti yang telah dibahas pada bab I (Pengenalan Dasar), menu ini digunakan untuk melakukan pengeditan terhadap halaman website yang dibuat dengan database. 2.1.1 Button Berikut ini adalah button button yang dipakai di halaman CMS Add Button : digunakan untuk menambah item Edit Button : digunakan untuk mengedit item Trash Button : digunakan untuk menghapus item Search Button : digunakan untuk mencari item di halaman CMS yang aktif. Gambar 2.1.1 Halaman Utama Product Category 2.1.2 News and Event Klik Menu CMS News & Event Halaman pertama saat membuka halaman News and Event akan menampilkan list data yang sudah diinput. Gambar 2.1 Halaman Utama Admin News and Event
Untuk menambah Klik tanda + Gambar 2.2 Halaman Admin Add News and Event Field isian untuk halaman ini adalah: News Category : Pilihan untuk memilih category news News Title : Judul News Description : Isi news Untuk memasukkan gambar : Klik Insert / Edit Image Browse Server Kalau belum ada di Directory Image on server klik Browse dan cari dimana gambar disimpan di komputer kita klik Open Klik Upload- Cari gambar di Directory Image on server Klik Ok, muncul seperti berikut ini : Gambar 2.3Halaman Add News & Event
Setelah selesai klik Submit Untuk mengedit gambar : klik gambar -lalu klik Insert Images / Edit emage. Seperti berikut Gambar 2.4 Halaman Insert / Edit Images Hasil setelah di Upload adalah sebagai berikut : Gambar 2.5 Halaman News & Event Technical
2.1.3 Suport Center Klik CMS Suport Center Halaman pertama saat membuka halaman Support Center akan menampilkan list data yang sudah diinput. Untuk memasukkan & Edit Image caranya sama dengan memasukkan & Edit Image di News & Event di atas. Gambar 2.6 Halaman Support Center Technical Untuk menambahkan artikel, Klik tanda + Gambar 2.7 Halaman Support Center
2.1.4 Visitor Contact Berguna untuk data Customer yang mengirimkan email ke info@ditekjaya.co.id Klik menu CMS Visitor Contact Halaman pertama saat membuka halaman akan menampilkan detail data Visitor Contact Gambar 2.8 Halaman Utama Admin Visitor Contact Field isian untuk halaman ini adalah: Icon Export CSV : Klik icon ini untuk export data ke CSV, akan ditanyakan kemana file ini akan disimpan Convert data CSV ke bentuk table : 1. Buka Microsoft Excel. 2. New Document 3. Buka menu Data -> Import External Data -> Import Data, cari dimana data Visitor Contact disimpan 4. Akan keluar window setting, pilih Delimited, kemudian next 5. Centang semicolon, kemudia klik finish 6. Pilih existing worksheet, klik Ok 2.1.5 Change Password Klik CMS Change Password Masukkan Password lama anda Ketikan Password baru Ketikan Password baru sekali lagi- Klik Submit 2.1.6 Untuk keluar Klik Logout