User Guide Web Universitas Buddhi Dharma

Transkripsi

1 User Guide Web Universitas Buddhi Dharma (Marketing) Versi Dokumen 2.0 September 2016 Hal. 1/22

2 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 bsti@ubd.ac.id Telepon : Handphone : Riwayat Revisi Tanggal Versi Deskripsi Penulis Draft Draft Awal Rino, M.Kom Rio Permana, S.Kom 20 Juni Versi cetak Rino, M.Kom Rio Permana, S.Kom September 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. Hal. 2/22

3 Daftar Isi DAFTAR ISI PENDAHULUAN Tujuan Manfaat Definisi DESAIN SISTEM WEB UBD.AC.ID Lingkungan Kerja Web ubd.ac.id Tampilan Awal Web Tampilan User Login dan Logout Dashboard Pages Edit Pages Add Pages Pengaturan Menus PENUTUP Hal. 3/22

4 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. Hal. 4/22

5 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. Hal. 5/22

6 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 Tampilan Awal Web Web ini dapat diakses dengan alamat Dengan tampilan awal seperti pada gambar dibawah ini. Khusus untuk marketing, user dibatasi hanya pada menu admission. Gambar Tampilan Awal Hal. 6/22

7 2.1.2 Tampilan User Login dan Logout Untuk mengakses halaman ini, silahkan menuju link Setelah itu anda login dengan menggunakan user yang telah diberikan oleh BSTI divisi modul dan training. Gambar Tampilan User Login dan Logout Hal. 7/22

8 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 Tampilan Dashboard 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. Gambar Tampilan Pages Hal. 8/22

9 2.1.5 Edit Pages Selanjutnya, editor akan masuk ke halaman dimana semua pages dapat dikelola. Gambar 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. Gambar Tampilan Layar Edit Pages Hal. 9/22

10 Edit Page Registration Pilih page registration, lalu pilih edit Gambar Tampilan Layar Edit Page Registration Editor akan diarahkan ke halaman berikutnya, untuk merubah isi dari page tersebut. Gambar Tampilan Layar Edit Page Registration Setelah selesai merubah informasi, silahkan mengklik tombol update untuk menyimpan hasil yang telah diubah, seperti pada gambar berikut. Hal. 10/22

11 Gambar Tampilan Layar Edit Page Registration Bila sukses maka editor akan mendapat notifikasi seperti gambar di bawah. Gambar Tampilan Layar Edit Page Registration Hal. 11/22

12 Edit Pages Requirements Pilih page requirements, kemudian pilih edit Gambar Tampilan Layar Edit Pages Requirements Editor akan diarahkan ke halaman berikutnya, untuk merubah isi dari page tersebut. Gambar Tampilan Layar Edit Page Requirements Setelah selesai merubah informasi, silahkan mengklik tombol update untuk menyimpan hasil yang telah diubah, seperti pada gambar berikut. Hal. 12/22

13 Gambar Tampilan Layar Edit Page Requirements Bila sukses maka editor akan mendapat notifikasi seperti gambar di bawah. Gambar Tampilan Layar Edit Page Requirements Hal. 13/22

14 Edit Page Tuition Fee Pilih page tuition fee, kemudian pilih edit Gambar Tampilan Layar Edit Page Tuition Fee Editor akan diarahkan ke halaman berikutnya, untuk merubah isi dari page tersebut. Gambar Tampilan Layar Edit Page Tuition Fee Hal. 14/22

15 Setelah selesai merubah informasi, silahkan mengklik tombol update untuk menyimpan hasil yang telah diubah, seperti pada gambar berikut. Gambar Tampilan Layar Edit Page Tuition Fee Bila sukses maka editor akan mendapat notifikasi seperti gambar di bawah. Gambar Tampilan Layar Edit Page Tuition Fee Hal. 15/22

16 2.1.6 Add Pages Jika editor menginginkan adanya halaman baru, maka editor perlu melakukan add pages, adanya seperti berikut Gambar 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, Gambar Tampilan Layar Halaman Add New Page Hal. 16/22

17 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 Tampilan Layar Publish New Page Kalau sudah di-publish maka editor akan mendapatkan notifikasi seperti berikut, Gambar Tampilan Layar Page Published Hal. 17/22

18 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 Tampilan Layar Appearance Menus Dan editor akan masuk ke tampilan menu yang ada di web ubd.ac.id, seperti berikut Gambar Tampilan Layar Halaman Menus Hal. 18/22

19 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 Tampilan Layar Kolom Pages Centang halaman baru yang ingin dimasukan ke dalam menunya, lalu klik tombol add to menu, maka hasilnya seperti berikut Gambar Tampilan Layar Penambahan Page Hal. 19/22

20 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 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 Gambar Tampilan Layar Set Menu Hal. 20/22

21 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 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 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 Gambar Tampilan Layar Menu Baru Admission Hal. 21/22

22 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. bsti.ubd.ac.id Hal. 22/22