PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

PANDUAN MENGGUNAKAN BE-SMART V2

A. Persiapan Mata Kuliah Pada Be-Smart V2

1. Membuka website Be-Smart V2.
a. Buka web browser (Mozilla firefox, chrome, Internet explore, opera, dll) yang ada pada
PC/laptop anda. Dalam kesempatan kali ini akan dipraktikkan menggunakan mozilla firefox.

Gambar 1. Mozilla Firefox

b. Setelah browser anda terbuka, masukkan alamat website Be-Smart pada bagian “address bar”
dari browser anda. Alamat website : www.besmart.uny.ac.id/v2. Perthatikan gambar berikut
ini :

Gambar 2. Memasukkan alamat website be-smart

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 1

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

c. Setalah memasukkan alamat website be-smart pada browser, anda akan memasuki web be-
smart seperti gambar di bawah ini.

Gambar 3. Tampilan Website Be-Smart V2

2. Login ke Be-Smart V2
a. Sebelum melakukan login, pastikan anda telah memiliki username dan password email UNY
terlebih dahulu. Username yang digunakan adalah alamat email UNY anda, dan passwordnya
adalah password email UNY anda.
b. Setelah anda menyiapkan username dan password tersebut, kemudian klil menu “Login” yang
ada pada pojok kanan atas pada halaman web besmart. Perhatikan gambar di bawah ini.

Gambar 4. Menu Login Be-smart V2

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 2

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

c. Setelah menu login diklik, anda akan diminta untuk mengisi username dan passwordnya
pada kolom yang telah disediakan. Perhatikan gambar dibawah ini.

Gambar 5. Kolom isian username dan password login be-smart

d. Setelah username dan password dimasukkan, dan berhasil, maka anda akan diminta untuk
mengupdate profil. Isi kolom wajib yang terdiri dari First name, Sure name, email (harus email
@uny.ac.id) dan Jurusan (terletak di bagian bawah). Perhatikan gambar-gambar berikut.

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 3

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

Gambar 6. Tampilan awal update profile besmart

e. Jika berhasil dan terisi dengan lengkap dan benar akan muncul kotak dialog sebagai berikut:
(abaikan kotak dialog tersebut JANGAN klik tombol “continue”)

Gambar 7. Kotak dialog berhasil

f. Langkah berikutnya adalah melakukan konfirmasi melaui email dengan alamat

webmail.uny.ac.id jika pertama kali mengakses akan muncul dialog konfirmasi sebagai
berikut: (klik tombol biru)

Gambar 8. Kotak dialog berhasil

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 4

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

g. Cari email konfirmasi dari admin besmart sebagai berikut:

Gambar 9. Email konfirmasi

h. Buka email dan klik link konfirmasi di dalamnya

Gambar 10. link konfirmasi

i. Setelah link di klik muncul halaman berikut: (Klik kontinyu)

Gambar 11. Halaman konfirmasi

j. Setelh klik “continue” akan kembali akan kembali ke halaman update profil. Klik “Update
profile” sekali lagi (JANGAN ganti data)

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 5

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

Gambar 12. Halaman update setelah konfirmasi

k. Jika berhasil akan muncul tampilan berikut. Jika sudah tampil maka klik menu “Home” di
menu besmart (kanan atas)

Gambar 13. Halaman update setelah konfirmasi

l. Langkah selanjutnya mengirim pesan ke admin besmart (Andhika Widiasto) memalui

fasilitas message di be smart:

Gambar 14. Kirim pesan

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 6

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

m. Cari nama Andhika Widiasto

Gambar 15. Cari nama

n. Klik nama dan kirim pesan

Gambar 16. Temukan nama

o. Kirim pesan dengan menulis nama lengkap dan alamat email @uny.ac.id. Jika sudah di
respon maka akan muncul tombol “Addnew course” di kategori jurusan

Gambar 16. Kirim pesan

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 7

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

3. Membuat mata kuliah baru

a. Dalam pembuatan matakuliah baru, setelah login pada besmart, gulung layar (scroll) pada
halaman awal website besmart dan terletak dibagian bawah, anda akan menemukan bagian
kelompok matakuliah (Course Categories). Perhatikan gambar di bawah ini.

Gambar 17. Tampilan kelompok matakuliah (Course Categories)

b. Pada bagian tersebut, silahkan pilih “Fakultas” dan “Program Studi” tempat mata kuliah yang
akan anda buat diajarkan, hingga anda mendapati daftar mata kuliah seperti gambar berikut
ini.

Gambar 18. Tampilan daftar mata kuliah.

c. Pada tampilan tersebut, gulung layar (scroll) halaman tersebut hingga menemukan tombol
“add a new course” pada bagian bawah halaman website seperti gambar dibawah ini.

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 8

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

Gambar 19. Tampilan tombol “add a new course”

d. Setelah tombol tersebut diklik, anda akan dibawa pada halaman pengisian profil mata kuliah
baru yang akan buat. Terdapat 8 bagian menu (General, Description, Course Format, dll) yang
berisi beberapa form isian yang dapat anda isi. Pada form isian tersebut dahulukan bagian
isian yang memiliki tanda bintang (*) berwarna merah (contoh : Course full name, course
short name), karena bagian tersebut wajib diisi. Sedangkan bagian lain bisa diisi dan bisa
tidak. Perhatikan gambar di bawah ini.

Gambar 20. Tampilan Form Isian Profil Matakuliah Baru

TIPS :
1) Pada bagian isian “General” cukup isi bagian “course full name” dan “Course short name”
2) Pada bagian isian “Course Format”, ubah isian “Format” dari “weekly format” menjadi
“topics format”, dan pada bagian isian “Number of section” diubah dari “10” menjadi “16”

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 9

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

topik (disesuaikan dengan jumlah pertemuan dalam satu semester), atau menyesuaikan
dengan kebutuhan anda.

e. Jika anda telah selesai mengisi profil mata kuliah baru tersebut, lalu klik tombol “Save and
display” berwarna biru pada bagian bawah layar/halaman. Parhatikan gambar berikut.

Gambar 21. Tampilan tombol “Save and Display”

f. Setelah di klik tombol “Save and Display”, anda akan dibawa langsung ke halaman besmart
mata kuliah anda. Perhatikan gambar dibawah ini.

Gambar 22. Tampilan halaman be-smart mata kuliah baru

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 10

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

B. Membuat Berbagai Konten pada Mata Kuliah di Be-Smart V2

1. Membuat Judul Pokok Bahasan Pertopik/Pertemuan Pada Be-Smart
a. Tiap teks “Topic 1” pada be-smart dapat kita ubah menjadi teks “Pokok Bahasan” yang
akan kita ajarkan pada tiap pertemuan.
b. Hal pertama yang harus dilakukan adalah menghidupkan mode editing dengan mengklik
tombol “turn editing on” berwarna hijau pada pojok kanan atas halaman website (gambar
23) hingga tombol tersebut berubah menjadi berwarna merah bertuliskan “turn editing
off” (gambar 24). Perhatikan gambar berikut.

Gambar 23. Mode editing sebelum diaktifkan.

Gambar 24. Mode editing setelah diaktifkan.

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 11

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

c. Setelah mode editing hidup, kita dapat mulai mengklik menu edit yang terletak pada
bagian kiri layar, di atas tulisan “Topic 1”.

Menu “Edit” untuk

mengganti teks
“Topic 1”

Gambar 25. Tampilan Menu Edit “Topic 1”

d. Setelah menu “Edit” diklik, maka nanti akan muncul drop down menu pada sisi kanan,
perhatikan gambar berikut.

Gambar 26. Tampilan menu “edit topic”.

e. Pilih “Edit Topic” untuk mulai mengedit “Topic 1” pada be-smart, untuk diganti dengan
sub kompetensi pada tiap pertemuan. Setelah diklik, anda akan dibawa pada tampilan
berikut ini.

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 12

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

Gambar 27. Tampilan halaman menu “edit topic”

f. Pada menu ini, anda dapat menginput topik yang akan anda tampilkan dengan mengetik
pada kolom “Section Name”, namun sebelum itu lepas dulu tanda centang yang ada pada
box “Use default section name” dengan cara mengklik tanda centang tersebut. Perhatikan
gambar di bawah ini.

Gambar 28. Tampilan contoh pengisian menu “Edit Topic”

g. Setelah diisi dengan topik, maka anda dapat langsung menyimpan perubahan yang sudah
anda lakukan dengan mengklik tombol “Save Changes”, dan anda akan dibawa halaman
be-smart mata kuliah anda dengan teks topik sudah diubah. Perhatikan gambar berikut.

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 13

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

Gambar 29. Tampilan topik yang telah diubah

2. Membuat Objek Teks / Paragraf, Gambar, atau Video (Youtube) pada Halaman Matakuliah
Be-Smart Menggunakan Menu “LABEL”
Pada halaman matakuliah, Anda dapat membuat/menyisipkan teks, paragraf, label, gambar,
atau bahkan video menggunakan menu “Label”. Berikut akan dijelaskan tahap demi tahap.
a. Pastikan be-smart anda masih dalam mode “editing” (pembahasan ada di poin B.1.b,
halaman 11)
b. Langkah pertama yang harus dilakukan adalah klik menu “Add an activity or resource”
pada layar be-smart anda. Perhatikan gambar berikut.

Gambar 30. Tampilan menu “Add an activity or resource” pada be-smart

c. Setelah menu “Add an activity or resource” di klik, akan muncul box menu seperti
gambar berikut ini.

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 14

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

Gambar 31. Tampilan menu “Add an activity or resource”

d. Pada menu tersebut, scroll (gulung layar menggunakan mouse) hingga menemukan
menu “Label”. Perhatikan gambar berikut.

Gambar 32. Tampilan Menu “Label”

e. Klik menu “Label” tersebut hingga pada lingkaran teks label bertanda/berwarna
“hitam”, lalu klik tombol “Add” yang ada di bawah menu, dan anda akan dibawa pada
tampilan form label seperti gambar di bawah ini.

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 15

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

Gambar 33. Tampilan form isian label

f. Pada form tersebut akan kita bagi menjadi tiga pembahasan, yaitu proses pembuatan
objek teks, gambar, dan video melalui menu label.
1) Objek Teks
a) Apabila objek yang akan kita buat pada halaman matakuliah adalah teks, maka
anda hanya tinggal mengisi box “Label Text” dengan teks yang akan anda
tampilkan pada halaman be-smart. Perhatikan gambar berikut.

Ikon “Toolbar
Toogle”

Gambar 34. Tampilan pengisian teks pada “Label Text”

b) Jika anda ingin melakukan editing lanjut, klik ikon menu “Toolbar Toggle” yang
ada pada pojok kiri atas box “Label Text”. Perhatikan gambar 34. Setelah tombol
“toolbar toggle” diklik, maka akan muncul menu tambahan seperti gambar
dibawah ini.

Gambar 35. Tampilan menu

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 16

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

c) Setelah teks selesai diedit (sesuai kebutuhan anda), maka langkah akhir klik
tombol “save and return to course” berwarna biru. Hasil akhir dari label dengan
objek teks dapat anda lihat pada halaman be-smart matakuliah anda, perhatikan
gambar berikut.

Hasil teks yang

dibuat dengan
menu “Label”

Gambar 36. Tampilan hasil teks “Label”

2) Objek Gambar
a) Apabila objek berupa gambar, maka anda terlebih dahulu harus menyiapkan file
gambar yang akan di-“tempel” pada halaman be-smart anda, dan menu yang
akan digunakan pada kolom “Label Text” adalah menu “insert/edit image”.
Perhatikan gambar berikut.

Gambar 37. Tampilan menu “Insert/Edit Image”

b) Klik menu “Insert/edit image” dan akan ada box menu yang akan nampak
seperti gambar di bawah ini.

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 17

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

Gambar 38. Tampilan menu “insert/edit image”

c) Pada box menu tersebut, anda diminta untuk mencari dan upload file gambar
yang akan anda pasang pada halaman besmart anda (file harus sudah disiapkan
sebelum proses ini dilakukan).
d) Klik menu “Find or Upload an Image”, untuk mencari lokasi penyimpanan file
gambar, dan anda akan dibawa pada tampilan menu seperti gambar di bawah
ini.

Gambar 39. Tampilan proses pelampiran / upload gambar

e) Pada tampilan menu tersebut, silahkan klik menu “Upload a file” pada panel
sebelah kiri, dan anda akan masuk pada menu seperti gambar di bawah ini.

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 18

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

Gambar 40. Tampilan menu “Upload a File”

f) Pada tampilan menu ini, silahkan klik “Browse...” untuk mencari file yang
sebelumnya telah anda simpan dan siapkan pada laptop/pc anda. Setelah file
gambar yang akan anda upload ditemukan, klik “open” untuk memproses ke
tahap upload gambar. Perhatikan gambar di bawah ini.

Gambar 41. Pemilihan file yang akan di upload

g) Setelah anda pilih (open) file yang akan anda upload, maka anda akan kembali
pada tampilan menu “Upload a file” seperti gambar di bawah ini.

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 19

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

Gambar 42. Tampilan menu setelah file gambar siap diupload.

h) Tahapan selanjutnya silahkan klik “Upload this file” berwarna biru, dan anda
akan kembali pada menu “Insert/edit image”. Perhatikan gambar di bawah ini.

Gambar 43. Tampilan menu “Insert/edit image”

i) Pada tampilan menu ini, anda bisa langsung mengklik tombol “insert” yang ada
pada pojok kiri bawah, dan akan ada kotak pertanyaan yang meminta
persetujuan untuk melanjutkan proses upload, silahkan pilih “OK” untuk
menyetujui, atau “Cancel” untuk membatalkan. Perhatikan gambar di bawah ini.

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 20

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

Gambar 44. Kotak permintaan persetujuan dalam proses upload file

j) Setelah anda memilih “OK”, maka anda akan dibawa kembali pada tampilan
menu “Label text” yang telah terisi dengan gambar. Pada tampilan ini anda bisa
mengatur kembali ukuran gambar, dan posisi gambar (kiri, tengah, atau kanan)
dengan menggunakan panel menu yang ada pada “Label Text”. Perhatikan
gambar berikut.

Gambar 45. Tampilan menu “Label Text” setelah terisi gambar.

k) Jika gambar telah siap upload, maka anda hanya tinggal klik tombol “Save and
Return to Course”, dan hasilnya akan dapat anda lihat pada halaman be-smart
anda. Perhatikan gambar berikut ini.

Gambar 46. Tampilan gambar setelah ditempel pada halaman be-smart

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 21

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

3) Objek Video (Youtube)

a) Objek yang ketiga adalah video, video disini adalah video yang kita ambil dari
youtube dengan sistem “embed” (disematkan) dalam halaman be-smart.
b) Anda harus menyiapkan terlebih dahulu link youtube yang akan di tempel pada
be-smart yaitu dengan cara :
(1) Buka laman youtube pada browser anda (www.youtube.com)

Gambar 47. Tampilan Laman Youtube.

(2) Cari video yang akan anda sematkan pada halaman be-smart, dan klik pada
bagian “Share” yang ada di bawah video, serta klik “Embed” untuk
mendapatkan link yang akan digunakan untuk “menempel” video pada be-
smart. Perhatikan gambar di bawah ini.

Gambar 48. Tampilan link “embed” pada youtube

(3) Sebelum melanjutkan pada proses menyematkan video, kita kembali

lakukan langkah : B.2.a hingga B.2.e di atas (Pembuatan objek dengan menu
“Label”.

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 22

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

c) Setelah link “embed” youtube tersedia, kita kembali pada bagian “Label Text”
dan aktifkan panel menu dengan “Toolbar Toggle” (Baca poin : B. 2. f. 1). a). ),
dan carilah menu dengan nama “edit HTML Source” dengan simbol menu “< >”,
dan klik menu tersebut hingga muncul box seperti gambar di bawah ini.

Gambar 49. Tampilan Menu HTML Source Editor

d) Jika tampilan menu HTML Source Editor telah muncul, copy link “embed” video
yang akan anda tempel pada be-smart yang ada pada youtube (Perhatikan
gambar 48), dan “paste” pada kotak menu HTML Source Editor. Perhatikan
gambar dibawah ini.

Gambar 50. Tampilan link “Embed” Youtube yang telah di “Paste” pada menu
HTML Source Editor

e) Apabila link “embed” telah di-“Paste”, lalu klik tombol “update” pada pojok kiri
bawah kotak menu HMTL Source Editor, hingga anda dibawa kembali pada pada
menu “Label Text” yang telah berisi video youtube. Perhatikan gambar berikut
ini.

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 23

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

Gambar 51. Tampilan menu “Label Text” yang telah berisi video youtube

f) Jika video youtube yang telah kita “embed” berhasil nampak pada kolom “Label
Text”, langkah selanjutnya adalah mengklik “Save and Return to Course”
berwarna biru, dan anda akan melihat hasil video yang telah berhasil di tempel
/ “embed” pada halaman be-smart matakuliah anda. Perhatikan gambar berikut
ini.

Video
Youtube

Gambar 52. Tampilan hasil video youtube yang telah berhasil di embed pada
be-smart

3. Mengupload Bahan Ajar Berupa File (PDF, Word, PPT, dll) Menggunakan Menu “FILE”
pada Halaman Be-Smart.
a. Pastikan be-smart anda sudah berada dalam mode “Editing” (pembahasan ada di poin
B.1.b, halaman 11)
b. Klik menu “add an activity or resource” pada halaman be-smart anda ” (pembahasan
ada di poin B.2.b, halaman 14)
c. Pada box menu yang muncul cari menu “File”. Klik menu “File” tersebut hingga pada
lingkaran teks label bertanda/berwarna “hitam”, lalu klik tombol “Add” yang ada di

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 24

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

bawah menu, dan anda akan dibawa pada tampilan form File seperti gambar di bawah
ini.

Gambar 53. Tampilan menu “File”

d. Pada form isian ini terdapat beberapa bagian yang harus anda isi, namun anda dapat
fokuskan pada dua bagian saja, yaitu :
1) Bagian “Name” diisi dengan nama file yang akan anda upload atau topik materi yang
ada pada file dan nantinya nama tersebut akan menjadi nama yang muncul pada
halaman be-smart. Perhatikan gambar di bawah ini

Gambar 54. Tampilan Pengisian Kolom “Name”

2) Bagian “Select Files”, dimana nanti anda akan melampirkan file yang akan anda
upload pada halaman be-smart anda. Langkah mengupload file yaitu :
(a) Klik bagian “Add...” yang ada pada pojok kiri atas atau tanda panah yang ada di
tengah kolom “Select Files”, perhatikan gambar berikut.

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 25

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

Gambar 55. Tampilan proses add file

(b) Setelah di klik, anda akan di bawa pada tampilan proses pemilihan file dari hardisk
PC/Laptop anda. Perhatikan gambar dibawah ini.

Gambar 56. Tampilan proses pencarian file

(c) Klik “browse”, dan cari file yang akan anda upload.
(d) Setelah file anda temukan, lalu pilih “open” pada jendela “File Upload”.
Perhatikan gambar berikut.

Gambar 57. Tampilan Pemilihan File

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 26

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

(e) Setelah di klik “open”, kemudian klik tombol “Upload This File” (perhatikan
gambar 56)
(f) Lalu anda akan di bawa kembali pada menu “Select Files” dengan File yang akan
diupload sudah ada dalam kotak upload. Perhatikan gambar berikut.

Gambar 58. Tampilan Menu “Select Files” yang telah terisi file

e. Setelah file siap, dan maka langkah terakhir adalah mengklik tombol “Save and Return to
Course” pada box berwarna biru, dan lampiran file dapat anda lihat pada halaman awal
be-smart anda. Perhatikan gambar berikut.

File Lampiran

Gambar 59. Tampilan File yang telah berhasil dilampirkan

4. Membuat Halaman (Page) Khusus Berisikan Teks, Gambar, atau Video Materi
Pada bagian sebelumnya, kita telah mencoba membuat teks, gambar, dan video yang
berisi materi menggunakan menu “Label”, dimana hasil objek dari menu label ini akan terlihat
langsung oleh mahasiswa pada halaman awal matakuliah anda. Jika anda tidak ingin
menampilkan teks, gambar, atau video materi secara langsung pada halaman awal matakuliah
pada be-smart, anda dapat memanfaatkan menu “Page” untuk menyimpan materi tersebut
baik berupa teks, gambar atau video ke dalam halaman khusus. Sehingga yang akan nampak
pada hamalan be-smart mata kuliah anda hanyalah berupa sebaris teks judul yang berupa link
dari halaman materi yang akan anda sampaikan.
Berikut langkah-langkah penggunaan menu “Page” pada be-smart.
a. Pastikan be-smart anda sudah berada dalam mode “Editing” (pembahasan ada di poin
B.1.b, halaman 11)
b. Klik menu “add an activity or resource” pada halaman be-smart anda ” (pembahasan
ada di poin B.2.b, halaman 14)
c. Pada box menu yang muncul cari menu “Page”. Klik menu “Page” tersebut hingga pada
lingkaran teks label bertanda/berwarna “hitam”, lalu klik tombol “Add” yang ada di

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 27

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

bawah menu, dan anda akan dibawa pada tampilan form “Page” seperti gambar di bawah
ini.

Gambar 60. Tampilan isian menu “Page”

d. Pada form isian ini terdapat beberapa bagian yang harus anda isi, namun anda dapat
fokuskan pada dua bagian saja, yaitu :
1) Bagian “Name” diisi topik materi yang ada pada “page” dan nantinya nama tersebut
akan menjadi nama yang muncul pada halaman be-smart. Perhatikan gambar di
bawah ini.

Gambar 61. Tampilan pengisian kolom “Name” pada menu “Page”

2) Bagian “Page Content”, bagian ini diisi dengan materi yang akan anda sampaikan.
Materi dapat berupa teks, gambar, ataupun video. Cara pembuatannya memiliki
tahapan yang sama ketika anda membuat teks, gambar, dan video pada “Label” (Baca
pembahasan poin B. 2. f. 1)., B. 2. f. 2)., dan B. 2. f. 3). ). Pada gambar contoh berikut
akan dicontohkan pemberian materi berupa video youtube. Perhatikan gambar di
bawah ini.

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 28

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

Gambar 62. Tampilan kolom “Page Content” telah berisi konten video mater dari
youtube.

e. Jika bagian “Name” dan “Page Content” telah terisi, maka sudah bisa mengklik “Save and
Return to Course” untuk melihat hasil dari “Page” yang sudah dibuat. Perhatikan gambar
berikut.

Materi pada “Page”

Gambar 63. Tampilan materi pada “Page”

f. Apabila kita klik maka akan terbuka halaman baru yang berisi materi yang sudah kita buat
(dalam contoh kali ini berisi video youtube). Perhatikan gambar berikut.

Gambar 64. Tampilan materi pada halaman baru dengan menu “Page”

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 29

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

5. Membuat Link Upload File Tugas (Assignment)

Be-smart telah menyediakan sebuah menu untuk membuat sebuah link yang dapat
digunakan oleh mahasiswa untuk mengumpulkan/upload tugas berupa sebuah file. Link
upload tersebut nantinya juga dapat diatur kapan mulai aktif digunakan dan kapan akan non
aktif denga otomatis, sehingga apabila mahasiswa melebih tenggat waktu penyelesaian tugas,
link tersebut tidak akan bisa digunakan lagi.
Berikut tahapan pembuatan link upload tugas.
a. Pastikan be-smart anda sudah berada dalam mode “Editing” (pembahasan ada di poin
B.1.b, halaman 11)
b. Klik menu “add an activity or resource” pada halaman be-smart anda ” (pembahasan ada
di poin B.2.b, halaman 14)
c. Pada box menu yang muncul cari menu “Assignment”. Klik menu “Assignment” tersebut
hingga pada lingkaran teks label bertanda/berwarna “hitam”, lalu klik tombol “Add” yang
ada di bawah menu, dan anda akan dibawa pada tampilan form “Assignment” seperti
gambar di bawah ini.

Gambar 65. Tampilan form “Assignment”

d. Pada form isian ini terdapat beberapa bagian yang harus anda isi, namun anda dapat
fokuskan pada tiga bagian saja, yaitu :
1) Kolom “Assignment Name”. Bagian ini diisi dengan nama link upload tugas yang akan
muncul pada halaman be-smart matakuliah anda. Perhatikan gambar di bawah ini.

Gambar 66. Tampilan pengisian kolom “Assignment Name”

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 30

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

2) Kolom “Additional Files”. Pada bagian ini anda dapat melampirkan file soal dari
penugasan yang anda berikan (bila diperlukan). Proses pelampiran file dapat anda
lakukan seperti pada poin B. 3. d. 2). pada halaman 25. Perhatikan gambar di bawah
ini.

Gambar 67. Tampilan proses melampirkan file tambahan pada penugasan

(Assignment)

3) Kolom “Availability”. Pada bagian ini anda dapat mengatur kapan link upload
tersebut dapat digunakan / dibuka oleh mahasiswa (aktif), dan kapan link tersebut
non aktif, dengan cara menentukan tanggal aktif dan non aktif, hingga pada pukul
berapa pada tanggal yang telah ditentukan. Perhatikan contoh kasus berikut :
“Saya akan meng-set link upload tugas untuk aktif pada tanggal 25 Mei 2016, pukul
09.00 WIB, dan di non aktifkan kembali pada tanggal 29 Mei 2016, pukul 21.00
WIB.”
Dari contoh kasus di atas maka tampilan pengaturannya dapat dilihat pada gambar
di bawah ini.

aktif

Non
aktif

Gambar 68. Tampilan pengaturan waktu aktif dan non aktif “Assignment”

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 31

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

e. Setelah semua bagian terisi, maka tahap akhir yaitu mengklik tombol “Save and Return
to Course”, dan anda akan melihat tampilan “Assignment” pada halaman be-smart
matakuliah anda. Perhatikan gambar berikut.

“Assignment”

Gambar 69. Tampilan “Assignment” pada halaman be-smart

6. Pembuatan Quiz (Pilihan Ganda, Menjodohkan, dan Uraian) Pada Be-Smart

Pada bagian ini akan dibahas bagaimana menyiapkan kuis/tes/ujian menggunakan menu
“Quiz” pada be-smart. Sebelum membuat kuis ini sebaiknya anda telah memiliki draft soal
yang akan kita unggah pada be-smart. Dalam kesempatan ini kita hanya akan membahas
proses pembuatan tiga jenis kuis dari berbagai macam jenis kuis yang disediakan oleh be-
smart, yaitu Pilihan Ganda (Multiple Choice), Menjodohkan (Matching), dan Uraian (Essay).
Sebelum membuat berbagai macam kuis, kita terlebih dahulu membuat “home base” kuis
dimana nantinya tiap jenis kuis (pilihan ganda, menjodohkan, atau uraian) akan anda
letakkan. Satu “home base” kuis dapat diisi oleh berbagai macam jenis kuis, atau hanya satu
jenis kuis tertentu saja. Biasanya satu “home base” kuis dirancang untuk satu waktu/periode
pengerjaan tes dengan kelompok materi tertentu yang akan diujikan (misal : Ujian Tengah
Semester, Ujian Akhir Semester, atau kuis mingguan).
Berikut akan diberikan contoh tentang pembuatan kuis yang berisi 1 soal kuis berjenis
pilihan ganda, 1 soal kuis berjenis menjodohkan, dan 1 soal uraian. “Home Base” kuis kali ini
akan diberikan nama “Contoh Kuis”. Tahapan pembuatannya adalah sebagai berikut :
a. Pastikan be-smart anda sudah berada dalam mode “Editing” (pembahasan ada di poin
B.1.b, halaman 11)
b. Klik menu “add an activity or resource” pada halaman be-smart anda ” (pembahasan ada
di poin B.2.b, halaman 14)
c. Pada box menu yang muncul cari menu “Quiz”. Klik menu “Quiz” tersebut hingga pada
lingkaran teks label bertanda/berwarna “hitam”, lalu klik tombol “Add” yang ada di bawah
menu, dan anda akan dibawa pada tampilan form “Quiz” seperti gambar di bawah ini.

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 32

 PANDUAN PENGGUNAAN BE-SMART UNTUK PEMULA

Gambar 70. Tampilan form isian pembuatan kuis

d. Pada form isian ini terdapat beberapa bagian yang harus anda isi, namun anda dapat
fokuskan pada tiga bagian saja, yaitu :
1) Bagian “Name” pada tab menu “General”. Pada bagian ini, isikan nama/judul kuis
yang akan anda buat. Perhatikan gambar di bawah ini.

Gambar 71. Tampilan pengisian kolom nama kuis

2) Bagian “Timing”

Be-Smart (E-Learning Universitas Negeri Yogyakarta) 33