User Guide Web Universitas Buddhi Dharma
(Marketing)
Versi Dokumen 2.0 September 2016
User Guide Web Universitas Buddhi Dharma
Silakan kontak Tim BSTI di :
Koordinator : Amessanggeng Pataropura, M.Kom.
Riki, M.Kom
Rino, M.Kom
Aditiya Hermawan, M.Kom
Yusuf Kurnia, M.Kom
Suwitno, S.Kom.
Rio Permana, S.Kom
Lusia Desyana Yanti, S.Kom
Dela Liman, S.Kom
Westin Siahaan Niki Destiandi E-mail : bsti@ubd.ac.id Telepon : 021-5517853 Handphone : Riwayat Revisi
Tanggal Versi Deskripsi Penulis
Draft Draft Awal Rino, M.Kom
Rio Permana, S.Kom
20 Juni 2014 1.0 Versi cetak Rino, M.Kom
Rio Permana, S.Kom
September 2016 2.0 Versi cetak Rino, M.Kom
Lusia Desyana Yanti, S.Kom Pelatihan ini diberikan oleh anggota Tim BSTI Universitas Buddhi Dharma.
Dokumen ini diberikan untuk penunjang Pelatihan web ubd.ac.id bagi departemen marketing.
Semua produk dan nama perusahaan yang mungkin disebutkan di dokumen ini adalah merek dagang dari pemegangnya masing-masing.
Daftar Isi DAFTAR ISI ... 3 1 PENDAHULUAN ... 4 1.1 Tujuan ... 4 1.2 Manfaat ... 4 1.3 Definisi ... 5
2 DESAIN SISTEM WEB UBD.AC.ID ... 6
2.1 Lingkungan Kerja Web ubd.ac.id ... 6
2.1.1 Tampilan Awal Web ... 6
2.1.2 Tampilan User Login dan Logout ... 7
2.1.3 Dashboard ... 8 2.1.4 Pages ... 8 2.1.5 Edit Pages ... 9 2.1.6 Add Pages ...16 2.1.7 Pengaturan Menus ...18 3 PENUTUP ... 22
1 Pendahuluan
Bab ini berisi pengenalan website Universitas Buddhi Dharma yang akan mengantarkan pembaca khususnya departemen marketing ke pemahaman akan proyek web Universitas Buddhi Dharma dan secara singkat akan membahas Desain Arsitektur rancang-bangun web Universitas Buddhi Dharma.
1.1 Tujuan
Web Universitas Buddhi Dharma adalah sebuah web kampus untuk memberikan informasi dan untuk meningkatkan dari segi pelayanan, khususnya bagi mahasiswa dan civitas akademika Universitas Buddhi Dharma.
Tujuan dari dokumen ini adalah sebagai gambaran singkat mengenai konsep desain web Universitas Buddhi Dharma. Konsep desain web kampus ini telah disempurnakan dari draft desain awalnya terutama setelah melalui implementasi web kampus di universitas penggunanya.
Karena dokumen ini merupakan gambaran singkat mengenai konsep dasar desain web kampus, maka dokumen ini tidak membahas desain dengan sangat teknis.
1.2 Manfaat
Berikut adalah manfaat dari web Universitas Buddhi Dharma:
1. Dengan adanya web kampus ini dapat menjadi jembatan antara kampus dengan mahasiswanya, kampus dengan pihak eksternal seperti masyarakat dan para calon mahasiswa.
2. Siklus informasi dan pelayanan dapat lebih meningkat seiring dengan perkembangan jaman di mana internet dan web dapat mengakomodir penyajian informasi sehingga lebih optimal.
3. Dengan adanya dokumen ini dapat membantu bagi departemen marketing dalam mengelola web ini.
1.3 Definisi
Berikut ini adalah definisi utama dalam proyek SisFo Kampus:
1. Web Universitas Buddhi Dharma adalah sebuah web kampus untuk memberikan informasi dan untuk meningkatkan pelayanan, khususnya bagi mahasiswa dan civitas akademika Universitas Buddhi Dharma.
2. Web ini dapat diakses melalui link ubd.ac.id
3. Tim BSTI adalah sebuah departemen yang bertugas mengelola data, jaringan dan pelatihan dalam ruang lingkup kampus Universitas Buddhi Dharma.
2 Desain Sistem Web ubd.ac.id
Dalam bab ini akan dibahas mengenai desain sistem web Universitas Buddhi Dharma. Pembahasan yang dilakukan tidak akan dalam, tetapi akan membahas rekayasanya secara umum. Ini dilakukan untuk mempercepat pemahaman pembaca dan pengguna web Universitas Buddhi Dharma khususnya departemen marketing.
2.1 Lingkungan Kerja Web ubd.ac.id
1. Tampilan Awal
2. User Login dan Logout
3. Tampilan Dashboard
4. Tampilan Pages
5. Tampilan Edit Pages
6. Tampilan Add Pages
7. Pengaturan Menus
2.1.1 Tampilan Awal Web
Web ini dapat diakses dengan alamat www.ubd.ac.id. Dengan tampilan awal seperti pada gambar dibawah ini. Khusus untuk marketing, user dibatasi hanya pada menu admission.
2.1.2 Tampilan User Login dan Logout
Untuk mengakses halaman ini, silahkan menuju link www.ubd.ac.id/wp-admin/
Setelah itu anda login dengan menggunakan user yang telah diberikan oleh BSTI divisi modul dan training.
2.1.3 Dashboard
Setelah melakukan login pada menu login, maka user akan langsung di arahkan ke menu awal seperti gambar di bawah yang disebut dashboard. Di halaman ini anda dapat mengelola seluruh bagian web, tetapi otoritas nya disesuaikan dengan login user itu sendiri.
Gambar 2.1.3 Tampilan Dashboard 2.1.4 Pages
Tetap pada halaman yang sama, editor silahkan memilih menu Pages → All Pages untuk mengakses dan mengedit pages yang akan ditampilkan pada halaman awal web ubd.ac.id. seperti pada gambar di bawah ini.
2.1.5 Edit Pages
Selanjutnya, editor akan masuk ke halaman dimana semua pages dapat dikelola.
Gambar 2.1.5 Tampilan Layar Edit Pages
Di bagian bawah terdapat tombol next dan previous untuk menuju ke halaman selanjutnya. Sebagai catatan, bagian ini akan muncul kalau jumlah page sudah lebih dari 15 pages.
2.1.5.1 Edit Page Registration
Pilih page registration, lalu pilih edit
Gambar 2.1.5.1.1 Tampilan Layar Edit Page Registration
Editor akan diarahkan ke halaman berikutnya, untuk merubah isi dari page tersebut.
Gambar 2.1.5.1.2 Tampilan Layar Edit Page Registration
Setelah selesai merubah informasi, silahkan mengklik tombol update untuk menyimpan hasil yang telah diubah, seperti pada gambar berikut.
Gambar 2.1.5.1.3 Tampilan Layar Edit Page Registration
Bila sukses maka editor akan mendapat notifikasi seperti gambar di bawah.
2.1.5.2 Edit Pages Requirements
Pilih page requirements, kemudian pilih edit
Gambar 2.1.5.2.1 Tampilan Layar Edit Pages Requirements
Editor akan diarahkan ke halaman berikutnya, untuk merubah isi dari page tersebut.
Gambar 2.1.5.2.2 Tampilan Layar Edit Page Requirements
Setelah selesai merubah informasi, silahkan mengklik tombol update untuk menyimpan hasil yang telah diubah, seperti pada gambar berikut.
Gambar 2.1.5.2.3 Tampilan Layar Edit Page Requirements
Bila sukses maka editor akan mendapat notifikasi seperti gambar di bawah.
2.1.5.3 Edit Page Tuition Fee
Pilih page tuition fee, kemudian pilih edit
Gambar 2.1.5.3.1 Tampilan Layar Edit Page Tuition Fee
Editor akan diarahkan ke halaman berikutnya, untuk merubah isi dari page tersebut.
Setelah selesai merubah informasi, silahkan mengklik tombol update untuk menyimpan hasil yang telah diubah, seperti pada gambar berikut.
Gambar 2.1.5.3.3 Tampilan Layar Edit Page Tuition Fee
Bila sukses maka editor akan mendapat notifikasi seperti gambar di bawah.
2.1.6 Add Pages
Jika editor menginginkan adanya halaman baru, maka editor perlu melakukan add pages, adanya seperti berikut
Gambar 2.1.6.1 Tampilan Layar Untuk Add Pages
Setelah editor klik add new pada menu pages, maka editor akan masuk ke halaman seperti add new page seperti berikut,
Isikan kolom isian “Enter title here” dengan judul halaman yang ingin ditambahkan. Karena modul ini khusus untuk martketin atau admission, maka setiap pembuatan page baru harus diawali dengan tulisan Admission , hal itu berguna untuk pengelompokan page sesuai dengan unit masing-masing dan agar memudahkan untuk pembuatan menu yang nanti akan dijelaskan.
Kalau kolom judul dan isian halaman baru sudah selesai, maka editor perlu mem-publish page tersebut agar bisa muncul pada web ubd.ac.id.
Gambar 2.1.6.3 Tampilan Layar Publish New Page
Kalau sudah di-publish maka editor akan mendapatkan notifikasi seperti berikut,
2.1.7 Pengaturan Menus
Setelah melakukan penambahan halaman untuk menu admission, maka yang perlu editor lakukan adalah melakukan pengaturan menu untuk menambahkan halaman tersebut di menu dropdown bagian admission. Caranya editor perlu masuk ke Appearance→Menus , seperti berikut,
Gambar 2.1.7.1 Tampilan Layar Appearance Menus
Dan editor akan masuk ke tampilan menu yang ada di web ubd.ac.id , seperti berikut
Yang perlu diperhatikan editor adalah kolom yang bernama Pages , karena disanalah tempat halaman-halaman yang sudah dibuatkan.
Dan karena editor sudah membuat halaman baru dan ingin menambahkannya ke dalam menu maka yang perlu dicentang adalah judul halaman baru tersebut, contohnya seperti berikut
Gambar 2.1.7.3 Tampilan Layar Kolom Pages
Centang halaman baru yang ingin dimasukan ke dalam menunya, lalu klik tombol add to menu, maka hasilnya seperti berikut
Setelah halaman baru ditambahkan ke dalam menu, maka halaman tersebut akan berada paling bawah dari menu-menu yang sudah ada. Langkah selanjutnya adalah membuat halaman baru ini berada paling atas dari menu-menu ini, cara pertama adalah membuat menu halaman baru ini maximize dengan cara klik tulisan page yang ada tanda panah ke bawah, ada di bagian paling kanan dari menu halaman baru ini. Kemudian pilih to the top , lengkapnya bisa lihat gambar berikut
Gambar 2.1.7.5 Tampilan Layar Set Menu
Jika sudah pilih to the top, maka otomatis menu halaman baru tersebut ada di bagian paling atas dari menu-menu yang sudah ada, seperti berikut
Karena halaman baru ini ingin dimasukan ke dalam menu Admission, maka langkah selanjutnya adalah menyeret menu halaman baru ini berada di bawah menu Admission atau dengan kata lain menjadikannya sub-menu dari Admission, dan letakan seperti berikut
Gambar 2.1.7.7 Tampilan Layar Sub Menu Admission
Setelah halaman baru dijadikan sub-menu dari Admission , editor tinggal menyimpan posisi menu-menu ini dengan cara klik tombol Save Menu yang ada di sebelah kanan.
Gambar 2.1.7.8 Tampilan Layar Save Menu
Maka halaman baru yang sudah dibuat dan disesuaikan di dalam menu admission tadi akan muncul di halaman utama dari web ubd.ac.id , hasilnya seperti berikut
3 Penutup
Dokumen ini tidaklah terlalu detail dalam penyajian secara teknis. Silakan merefer ke dokumen Desain Sistem dan Database Web Universitas Buddhi Dharma untuk informasi desain lebih detail. Akhir kata kami dari Tim BSTI divisi Modul dan Training Universitas Buddhi Dharma mengucapkan terima kasih atas perhatian dan kerja sama yang telah diberikan dalam pelatihan ini.
Atas nama Tim BSTI Divisi Modul dan Training.