UNIVERSITAS ISLAM BATIK SURAKARTA
PELATIHAN BLOGDOSEN MEDIA INFORMASI DOSEN UNIBA SURAKARTA IT Development UNIBA Surakarta
MODUL BLOGDOSEN UNIBA SURAKARTA
IT Development UNIBA Surakarta
Blogdosen adalah media bagi dosen Uniba Surakarta untuk menyampaikan Informasi perkuliahan, materi perkuliahan, dan kolom artikel/tulisan dosen yang ditujukan kepada mahasiswa.
Tampilan halaman muka BlogDosen.uniba.ac.id
Bagi setiap dosen yang terdaftar dalam situs blogdosen, akan mendapatkan user+password untuk mengakses Dashboard.
1
blogdosen.uniba.ac.id
MODUL BLOGDOSEN UNIBA SURAKARTA
IT Development UNIBA Surakarta
1. LAYOUT HALAMAN DEPAN (BERANDA) a) Pre-Header Menu, Menu yang berisi link situs lain diluar situs blogdosen yaitu : mainsite uniba, CDC, Semnas Uniba, Jurnal LP3M dan lainnya. b) Main Menu, Beranda : Halaman Depan BlogDosen Menu Link Program Studi, untuk menampilkan kelompok konten berdasarkan program studi. Form Pencarian c) Konten Area, Photo/Image Slide Informasi Terbaru, 5 Judul konten terbaru dari semua Program Study. Circle Button, menampilkan semua konten berdasarkan Program Study. 5 Judul konten/informasi terbaru setiap Program Study. 2
blogdosen.uniba.ac.id
MODUL BLOGDOSEN UNIBA SURAKARTA
IT Development UNIBA Surakarta
Konten Slide, semua konten/informasi dalam bentuk manual slide yang ditampilkan berdasarkan Judul dan Gambar utama. d) Footer, Form Pencarian. Konten/Informasi terbaru dari semua program studi. Arsip, menampilkan arsip semua konten berdasarkan bulan. Program Studi, untuk menampilkan kelompok konten berdasarkan program studi.
3
blogdosen.uniba.ac.id
MODUL BLOGDOSEN UNIBA SURAKARTA
IT Development UNIBA Surakarta
Tampilan salah satu konten/informasi.
2. LAYOUT KONTEN a) Sidebar, Form Pencarian Informasi Terbaru, 10 judul konten/informasi terbaru dari semua program studi. Program Studi, untuk menampilkan kelompok konten berdasarkan program studi. 4
blogdosen.uniba.ac.id
MODUL BLOGDOSEN UNIBA SURAKARTA
IT Development UNIBA Surakarta
Arsip, menampilkan arsip semua konten berdasarkan bulan. b) Konten Area, Header Judul, breadcump (lokasi kategori konten) dan judul konten. Judul Konten. Tanggal penulisan. Nama penulis (link tulisan penulis). Isi Konten Tentang penulis, berisi nama penulis, jabatan, instansi, biografi, latest pos (tulisan terakhir penulis), dan link FB+Twitter Penulis. Bagikan tulisan, digunakan untuk membagikan tulisan ke media social seperti FB dan lainnya,. Tomblo Prevous dan Next, link menuju judul konten sebelum dan selanjutnya berdasarkan tanggal.
5
blogdosen.uniba.ac.id
MODUL BLOGDOSEN UNIBA SURAKARTA
IT Development UNIBA Surakarta
3. DASHBOARD / HALAMAN ADMIN Untuk menuliskan konten/informasi pada situs blogdosen, maka dibutuhkan user dan password bagi masingmasing dosen. Bagi dosen yang belum memiliki user dan password silahkan menghubungi team IT Uniba, dengan syarat setiap dosen wajib memiliki email yang akan didaftarkan pada blogdosen. Berikut adalah langkah-langkah untuk masuk ke Dashboard Blogdosen : Buka URL berikut pada browser anda, blogdosen.uniba.ac.id/login Tuliskan username+password dan kode verifikasi pada Form Login, lalu klik Masuk Log Apabila lupa password, silahkan klik link “Kehilangan password Anda?”. Lalu ikuti tahap restore password yang akan dikirim menuju email yang sudah didaftarkan.
6
blogdosen.uniba.ac.id
MODUL BLOGDOSEN UNIBA SURAKARTA
IT Development UNIBA Surakarta
Tampilan form login
Setelah berhasil login, maka akan tampil halaman Dashboard.
7
blogdosen.uniba.ac.id
MODUL BLOGDOSEN UNIBA SURAKARTA
IT Development UNIBA Surakarta
Tampilan Halaman Dashboard
a) Menulis Konten Baru Pada bilah kiri sorot menu Pos, maka akan muncul overlay sub menu berupa Semua Pos dan Tambah Baru. Klik Tambah Baru untuk menulis konten baru. Tuliskan judul pada kolom judul
8
blogdosen.uniba.ac.id
MODUL BLOGDOSEN UNIBA SURAKARTA
IT Development UNIBA Surakarta
Pastikan editor teks yang dipilih adalah Visual. Hal ini ditujukan agar editor visuar muncul pada area petulisan. Tombol kecil Ubah Toolbar berguna untuk menampilkan/menembunyikan toolbar. Tombol simpan konsep berfungsi menyimpan tulisan kedalam konsep tanpa menampilkan pada blogdosen. Pratampil untuk melihat preview konten yang dibuat. Terbitkan untuk menayangkan konten pada halaman depan blogdosen.
Lihat gambar dibawah untuk lebih jelasnya.
9
blogdosen.uniba.ac.id
MODUL BLOGDOSEN UNIBA SURAKARTA
IT Development UNIBA Surakarta
Tampilan halaman tambah konten baru.
10
blogdosen.uniba.ac.id
MODUL BLOGDOSEN UNIBA SURAKARTA
IT Development UNIBA Surakarta
Apabila ingin melampirkan file (gambar/word/pdf) ke dalam tulisan maka klik Tambah Media
Terdapat dua tab yaitu Unggah Berkas dan Pustaka Media. Pustaka media berisi galeri file yang sudah kita upload ke dalam blogdosen. Apabila file yang akan dilampirkan kedalam tulisan sudah pernah diupload ke dalam blogdosen, maka pilih tab Pustaka Media. Apabila belum pernah upload file pada blogdosen, maka pilih tab Unggah Berkas kemudian pilih berkas yang akan kita upload.
11
blogdosen.uniba.ac.id
MODUL BLOGDOSEN UNIBA SURAKARTA
IT Development UNIBA Surakarta
Tampilan upload file
Setelah memilih file yang di upload, maka secara otomatis akan muncul tab pustaka media yang menampilkan file hasil upload. Pastikan file yang akan disisipkan tercentang, kemudian klik sisipkan ke dalam pos. Atur posisi file sesuai dengan keinginan. Setelah semua tulisan siap untuk ditampilkan, maka tahap terakhir yaitu memilih kategori tulisan dan mengatur gambar fitur konten yang berada pada bilah sebelah kanan. 12
blogdosen.uniba.ac.id
MODUL BLOGDOSEN UNIBA SURAKARTA
IT Development UNIBA Surakarta
Centang kategori tulisan sesuai dengan program studi, Kategori BlogDosen UNIBA wajib dicentang.
13
blogdosen.uniba.ac.id
MODUL BLOGDOSEN UNIBA SURAKARTA
IT Development UNIBA Surakarta
Gambar fitur adalah gambar thumbnail yang tampil pada ringkasan konten. Untuk mempercantik tampilan konten yang dibuat maka dibutuhkan gambar fitur pada setiap tulisan. Upload gambar fitur yang sesuai dengan konten yang dibuat. Apabila konten berupa informasi atau materi perkuliahan, maka pilihlah gambar fitur pada
pustaka media yaitu gambar logo uniba yang berjudul
GAMBAR-FITUR.png Apabila semua data yang konten sudah terisi maka klik Terbitkan 14
blogdosen.uniba.ac.id
MODUL BLOGDOSEN UNIBA SURAKARTA
IT Development UNIBA Surakarta
Notifikasi muncul setelah konten diTebitkan
b) Ubah dan Hapus Konten Pada bilah kanan, pilih menu Semua Pos untuk menampilkan konten yang sudah dibuat.
15
blogdosen.uniba.ac.id
MODUL BLOGDOSEN UNIBA SURAKARTA
IT Development UNIBA Surakarta
Menu Milikku, hanya menampilkan tulisan pribadi. Semua Tulisan, menampilkan semua tulisan dosen Sunting, menyunting/Edit/Ubah konten. Tong Sampah, menghapus konten.
c) Profil Penulis Pilih menu Profil pada bilah kiri Dashboard. Tuliskan nama depan, nama belakang, nama panggilan pada form yang sudah disediakan. Pilih nama yang akan ditampilkan dalam public pada menu dropdown “Tampilkan nama secara public sebagai : “ Tulis situs web pribadi anda jika memiliki, apabila tidak memiliki silahkan lewati/kosongi.
16
blogdosen.uniba.ac.id
MODUL BLOGDOSEN UNIBA SURAKARTA
IT Development UNIBA Surakarta
Tulis data diri pada form yang disediakan
Pilih foto pada “Choose File” yang akan dijadikan sebagai profil, Klik UPLOAD
Tuliskan Profesi, Instansi, dan Situs Instansi pada Job Title, Company, Company URL.
Isi form info biografi mengenai biografi masing masing user.
Jika ingin menampilkan link profil FB dan Twitter maka tuliskan username pada kolom yang disediakan. 17
blogdosen.uniba.ac.id
MODUL BLOGDOSEN UNIBA SURAKARTA
IT Development UNIBA Surakarta
Apabila ingin merubah password, tekan tombol Ciptakan Password lalu masukan password baru pada menu yang disediakan.
Klik Perbarui Profil untuk menyimpan semua perubahan yang ada pada menu Profil.
.: TERIMA KASIH :.
18
blogdosen.uniba.ac.id