BAB 4 PERANCANGAN SISTEM

BAB 4 PERANCANGAN SISTEM 4.1 Perancangan Sistem 4.1.1 Rich Picture Berikut ini merupakan gambaran virtual laboratory yang dirancang Laboratorium M anajemen, sebagai berikut : Mengecek event, news, materi, profi l lab, kuliah, artikel , referensi, case study, download, faq. Mengupdate profil Mengi rim pert anyaan Diskusi Online Mahasiswa Manajemen

Mengerjakan soal dan self-test Forum diskusi

Mengupdate profil Mengupdate event, news, profi l lab, galeri, kuli ah, download, Laboratorium poll ing, faq. Manajemen

Virtual Laboratory Mengupdat e materi, profil lab, kuliah, art ikel, referensi, case study, download. Mengupdate profil Diskusi Online Asisten Laboratorium Manajemen

Forum diskusi

Gambar 4.1 Rich Picture Virtual laboratory yang digunakan Laboratorium M anajemen berfungsi untuk mendukung proses belajar mengajar praktikum yang melibatkan mahasiswa dan asisten laboratorium. Seluruh mahasiswa dan asisten dapat saling berinteraksi melalui virtual laboratory. Sistem ini juga dapat menghasilkan laporan-laporan yang diperlukan oleh Kepala Laboratorium.

112

113 4.1.2 FACTOR Functionality : M enerapkan virtual laboratory untuk meningkatkan kualitas pembelajaran praktikum M anajemen melalui internet. Application Domain : Virtual Laboratory dirancang untuk sistem pembelajaran praktikum sehingga terjadi interaksi mahasiswa dan asisten secara lebih intensif. Conditions

: Sistem ini harus memberikan kemudahan mahasiswa dan asisten

untuk mengakses materi, soal, dan case study dan melakukan penelusuran informasi praktikum M anajemen. Tecnhology

: Teknologi yang akan dikembangkan virtual laboratory berbasis

web (web-based) menggunakan bahasa pemograman php dan basis data MySQL. Objects

: content, asisten, mahasiswa, admin

Responsibility : Sebagai inovasi media pembelajaran online yang dapat digunakan dalam mendukung pembelajaran praktikum M anajemen.

114 4.1.3 Class Diagram

Gambar 4.2 Class Diagram

115 4.1.4 Actor Table Berikut ini merupakan rincian event dan actor yang terjadi dalam virtual laboratory, antara lain : Tabel 4.1 Actor Table Actor Use Case Login

Mahasiswa v

Asisten v

Melihat jadwal

v

v

Mengunduh materi pembelajaran

v

v

Mengupload tugas

v

Mengakses forum diskusi

v

v

Melihat artikel

v

v

Melihat referensi

v

v

Memilih polling

v

v

Mengirim pertanyaan

v

Mengubah profil

v

v

Mengubah password

v

v

Membuat statistik virtual lab

Admin v

v v

116 4.1.5 Actor Specification Actor-actor yang berhubungan langsung dengan virtual laboratory antara lain : M ahasiswa, Asisten, dan Admin. Berikut ini akan dijelaskan spesifikasi masing-masing actor, sebagai berikut : Tabel 4.2 Actor Specification : Mahasiswa

Mahasiswa Goal : Seseorang yang bertugas sebagai peserta pembelajaran praktikum melalui virtual laboratory. Characteristics : M ahasiswa dapat melakukan pembelajaran melalui virtual laboratory dengan mengakses materi, mengerjakan soal latihan, melihat jadwal, nilai, artikel, forum diskusi, referensi.

Tabel 4.3 Actor Specification : Asisten

Asisten Goal : Seseorang yang bertugas sebagai pengajar/fasilitator pembelajaran praktikum melalui virtual laboratory. Characteristics : Asisten dapat melakukan mentoring/pengajaran melalui virtual laboratory dengan mengakses materi, forum diskusi, melihat jadwal, artikel, referensi. Tabel 4.4 Actor Specification : Admin

Admin Goal : Seseorang yang bertugas untuk mengatur dan mengadministrasi seluruh content virtual laboratory. Characteristics : Admin berperan dalam mengelola, menyusun dan mengatur materi atau content virtual laboratory secara keseluruhan.

117 4.1.6 Use Case Diagram Virtual Laboratory Laboratorium Manajemen Login

Melihat_jadwal

Mengunduh_materi Admin

Mengupload_tugas

Forum_diskusi

Melihat_artikel

Asisten Mahasiswa

Melihat_referensi

Memilih_polling

Mengirim_pertanyaan

Mengubah_profil

Mengubah_password

Membuat_statistik_virtual_lab

Gambar 4.3 U se Case Diagram

118 4.1.7 Use Case Specification Tabel 4.5 Use Case Specification : Login Login Use case : User yang telah memilki akun dapat langsung masuk dengan mengisi username dan password terlebih dahulu. User mengisi username dan passwordnya. Lalu user memilih submit. Objects : Asisten, M ahasiswa, Admin, Windows Index, User Functions : create Index, entry id password, read MsUser, create Home

Tabel 4.6 Use Case Specification : Melihat Jadwal Melihat Jadwal Use case : User yang telah login dapat melihat jadwal perkuliahan yang telah diberikan, dengan memilih menu Kuliah. Objects : Asisten, M ahasiswa, Windows Jadwal, Jadwal, M ata Kuliah Functions : create Kuliah, onclick Kuliah, get Jadwal, view Jadwal

Tabel 4.7 Use Case Specification : Mengunduh Materi Mengunduh Materi Use case : User yang telah login dapat mengunduh materi pembelajaran yang telah disediakan dengan memilih menu M yClass. Lalu memilih mata kuliah dan pokok bahasan yang diinginkan. Setelah itu, user dapat mengunduh materi dengan memilih tombol download. Objects : Asisten, M ahasiswa, Windows Detail M odul, M ata Kuliah, M odul, Detail M odul Functions : create MyClass, onclick MyClass, get M ataKuliah, view M ataKuliah, onclick MySubject, get PokokBahasan, view PokokBahasan, onclick PokokBahasan, get DetailPokokBahasan, click download content

119 Tabel 4.8 Use Case Specification : Mengupload Tugas Mengupload Jawaban atau Case Study Use case : User yang telah login dapat mengerjakan soal atau case study yang disediakan dengan memilih menu M yClass. Lalu memilih mata kuliah dan pokok bahasan yang diinginkan. Setelah itu, user dapat melihat soal dan mengupload jawaban dengan memilih tombol upload. Objects : M ahasiswa, Windows Detail M odul, M ata Kuliah, M odul, Detail M odul Functions : create Ujian, onclick Ujian, upload Laporan, save Tugas, tugas uploaded. Tabel 4.9 Use Case Specification : Mengakses Forum Diskusi Mengakses Forum Diskusi Use case : User yang telah login dapat mengakses forum diskusi yang disediakan dengan memilih menu Forum. User dapat menuliskan topik pertanyaan ataupun menjawab pertanyaan yang ada dan berinteraksi dengan user lain. Objects : Asisten, M ahasiswa, Windows Forum Functions : create Forum, onclick Forum, get Topik, view Topik, onclick Addtopic, create AddTopic, entry NewTopic, save Forum, onclick ReplyTopic, create ReplyTopic, entry Reply, save Forum Tabel 4.10 Use Case Specification : Melihat Artikel Melihat Artikel Use case : User yang telah login dapat melihat artikel dengan memilih menu Artikel. Setelah itu, akan ditampilkan berbagai artikel yang erat kaitannya dengan pokok bahasan pembelajaran. User dapat memilih artikel yang ingin dilihat. Objects : Asisten, M ahasiswa, Windows Artikel, Artikel, M odul Functions : onclick Artikel, get Artikel, select Artikel, download Artikel, Artikel downloaded

120 Tabel 4.11 Use Case Specification : Melihat Referensi Melihat Referensi Use case : User yang telah login dapat melihat referensi pendukung dengan memilih menu Referensi. Setelah itu, akan ditampilkan berbagai referensi berupa buku atau ebook yang erat kaitannya dengan pokok bahasan pembelajaran. User dapat memilih data buku yang ingin dilihat. Objects : Asisten, M ahasiswa, Windows Referensi, Referensi, M odul Functions : onclick Referensi, read Referensi view Referensi

Tabel 4.12 Use Case Specification : Memilih Polling Memilih Polling Use case : User yang telah login dapat memilih polling dengan memilih menu Polling. Setelah itu, akan ditampilkan pertanyaan dan jawaban polling yang dapat dipilih user. User dapat memilih satu jawaban, lalu memilih submit. Objects : Asisten, M ahasiswa, Windows Polling, Polling Functions : onclick Polling, read M sPolling, read DetailPolling, view DetailPolling, view Polling, submit Option, save DetailPolling, view total Tabel 4.13 Use Case Specification : Mengirim Pertanyaan Mengirim Pertanyaan Use case : User yang telah login dapat mengirimkan pertanyaan dengan memilih menu Contact Us. User mengisi subject dan message pada kolom yang telah disediakan untuk kemudian dikirimkan dengan memilih submit. Objects : M ahasiswa, Windows Contact, Pertanyaan Functions : onclick Contact, read Contact, view contact, entry pertanyaan, submit pertanyaan, save Contact

121 Tabel 4.14 Use Case Specification : Mengubah Profil Mengubah Profil Use case : User yang telah login dapat memperbaharui profil dengan memilih menu MyProfile. User dapat mengubah data-data profil yang diinginkan, lalu memilih save. Objects : Asisten, M ahasiswa, Admin, Windows Profil Functions : onClick MyProfile, read M sUser, view profil, entry profil baru, submit profil, save M sUser, profil updated

Tabel 4.15 Use Case Specification : Mengubah Password Mengubah Password Use case : User yang telah login dapat mengubah password sesuai dengan yang diinginkan. User memasukkan password lama, lalu memasukkan memasukkan password baru dan konfirmasi password baru, lalu memilih save. Objects : Asisten, M ahasiswa, Admin, Windows Password Functions : onclick UbahPassword, read MsUser, entry data, submit, save M sUser, password updated.

Tabel 4.16 Use Case Specification : Membuat S tatistik Virtual Lab Membuat S tatistik Virtual Lab Use case : Admin dapat membuat statistik mahasiswa dalam virtual lab mengenai jumlah akses, jumlah posting forum. Objects : User, Statistik Functions : onclick Home, get Statistik, view Statistik, onclick print, print Statistik

122 4.1.8 Sequence Diagram 4.1.8.1 Sequence Diagram Login

U ser

create() Win dow Inde x

MsUser

entry_i d_p assword () re ad inva lid () su ccess() create() Windo w Home

X Gambar 4.4 Sequence Diagram Login

4.1.8.2 Sequence Diagram Melihat Jadwal

Gambar 4.5 Sequence Diagram Melihat Jadwal

123 4.1.8.3 Sequence Diagram Mengunduh Materi

Gambar 4.6 Sequence Diagram Mengunduh Materi 4.1.8.4 Sequence Diagram Mengupload Tugas

Gambar 4.7 Sequence Diagram Mengupload Tugas

124

4.1.8.5 Sequence Diagram Forum Diskusi

Gambar 4.8 Sequence Diagram Forum Diskusi

125 4.1.8.6 Sequence Diagram Melihat Artikel

User

create() Window Artikel

MsArtikel

on_click_artikel() get_artikel() view_artikel() select_artikel() download artikel_downloaded()

X

Gambar 4.9 Sequence Diagram Melihat Artikel

4.1.8.7 Sequence Diagram Melihat Referensi

Gambar 4.10 Sequence Diagram Melihat Referensi

126 4.1.8.8 Sequence Diagram Memilih Polling

U ser

cre ate() Wind ow Pol lin g

MsPoll ing

Detai lPol lin g

on_ click_ pol lin g() ge t_ pol lin g() ge t_ detai lPol lin g() vie w_d eta ilp oll ing i() vi ew_ pol lin g() su bmit_o ption () save () vi ew_ to ta l()

X

Gambar 4.11 Sequence Diagram Memilih Polling 4.1.8.9 Sequence Diagram Mengirim Pertanyaan

Us er

cr ea te () Win do w C on tact

TrC o ntac t

g e t_ co ntac t( ) vie w_ co ntac t( ) e ntry_ pe rtan ya an () o n_ cli ck_ kiri m() sav e() su cce ss()

X Gambar 4.12 Sequence Diagram Mengirim Pertanyaan

127 4.1.8.10 Sequence Diagram Mengubah Profil

Gambar 4.13 Sequence Diagram Mengubah Profil 4.1.8.11 Sequence Diagram Mengubah Password

Gambar 4.14 Sequence Diagram Mengubah Password

128 4.1.8.12 Sequence Diagram Membuat S tatistik Virtual Lab

Adm in

c rea te()

TrSta ti stik Wi nd ow Ho me

o n_ cli ck_ Ho me () ge t_s ta tisti k() vi ew _sta tistik () o n_ cli ck_ Pri nt() pri nt()

X Gambar 4.15 Sequence Diagram Membuat S tatistik Virtual Lab 4.2 Perancangan Basis Data Rancangan basis data yang digunakan dalam merancang Virtual Laboratory sebagai berikut : 1. MsUser Tabel M sUser berfungsi menyimpan seluruh data pengguna virtual laboratory. Primary key : id Tabel 4.17 Rancangan Basis Data MsUser Nama Field

Tipe Field

Panjang Field

Keterangan NIM untuk M ahasiswa, kode Asisten

id

char

10

untuk Asisten, kode admin untuk admin

password

varchar

20

Password pengguna

status

varchar

10

Status pengguna

129 2. MsAdmin Tabel M sAdmin berfungsi sebagai master seluruh admin dalam virtual laboratory. Primary key : admin_id Tabel 4.18 Rancangan Basis Data MsAdmin Nama Field

Tipe Field

Panjang Field

admin_id

char

10

Kode admin

nama

varchar

50

Nama admin

email

varchar

30

Email admin

foto

varchar

50

Foto admin

deskripsi

text

-

Keterangan

Deskripsi pribadi admin

3. MsAsisten Tabel MsAsisten berfungsi sebagai master seluruh asisten yang mengajar dalam virtual laboratory. Primary key : ast_id Tabel 4.19 Rancangan Basis Data MsAsisten Nama Field

Tipe Field

Panjang Field

ast_id

char

5

Kode asisten (M N + kode)

nama

varchar

50

Nama lengkap asisten

email

varchar

30

Email asisten

foto

varchar

50

Foto asisten

deskripsi

text

-

Keeterangan

Deskripsi pribadi asisten

4. MsGaleri Tabel M sGaleri berfungsi menyimpan galeri kegiatan Laboratorium M anajemen.

130 Primary key : galeri_id Tabel 4.20 Rancangan Basis Data MsGaleri Nama Field

Tipe Field

Panjang Field

Keterangan

galeri_id

char

6

Format : G00001

judul

varchar

50

Judul foto galeri

keterangan

text

-

Keterangan foto

5. DetailGaleri Tabel DetailGaleri berfungsi

menyimpan

foto-foto

galeri kegiatan

Laboratorium M anajemen. Primary key : galeri_id Tabel 4.21 Rancangan Basis Data DetailGaleri Nama Field

Tipe Field

Panjang Field

galeri_id

char

6

content_url

varchar

255

tglpost

date

-

Tanggal upload foto

keterangan

text

-

Keterangan foto

Keterangan Format : G00001 Url foto

6. TrPertanyaan Tabel TrPertanyaan berfungsi menyimpan pertanyaan-pertanyaan yang diberikan mahasiswa kepada Laboratorium M anajemen. Primary key : quest_id Tabel 4.22 Rancangan Basis Data TrPertanyaan Nama Field

Tipe Field

Panjang Field

quest_id

int

-

Kode pertanyaaan

subject

varchar

50

Judul pertanyaan

tglpost

datetime

-

Tanggal bertanya

Keterangan

131 tgljawab

datetime

-

Tanggal menjawab

pesan

text

-

Pertanyaan

jawab

text

-

Jawaban pertanyaan

statuspesan

char

1

Status pertanyaan

statusjawab

char

1

Status jawaban

7. MsModul Tabel M sM odul berfungsi menyimpan seluruh pokok bahasan dari mata kuliah Laboratorim M anajemen. Primary key : modul_id Tabel 4.23 Rancangan Basis Data MsModul Nama Field

Tipe Field

Panjang Field

modul_id

varchar

6

Kode pokok bahasan

pert

char

2

Pertemuan

nama

varchar

30

Nama pokok bahasan setiap pertemuan

Keterangan

8. DetailModul Tabel DetailM odul berfungsi menyimpan seluruh rincian dari pokok bahasan setiap mata kuliah Laboratorim M anajemen. Primary key : detailmodul_id, modul_id Tabel 4.24 Rancangan Basis Data DetailModul Nama Field

Tipe Field

Panjang Field

detailmodul_id

int

-

Rincian pokok bahasan

modul_id

varchar

6

Kode pokok bahasan

sapmp

text

-

Satuan acara perkuliahan

tutorial

text

-

Tutorial materi praktikum

materi

text

-

M ateri praktikum

Keterangan

132 soal

text

-

Soal-soal praktikum

deskripsi

text

-

Deskripsi pokok bahasan

9. MsMahasiswa Tabel M sM ahasiswa berfungsi sebagai master seluruh mahasiswa yang belajar dalam virtual laboratory. Primary key : nim Tabel 4.25 Rancangan Basis Data MsMahasiswa Nama Field

Tipe Field

Panjang Field

Keterangan

nim

char

10

Nomor Induk M ahasiswa

nama

varchar

50

Nama mahasiswa

jnskelamin

varchar

10

Jenis kelamin mahasiswa

tgllahir

date

-

Tanggal lahir mahasiswa

tmptlahir

varchar

30

Tempat lahir mahasiswa

agama

varchar

20

Agama mahasiswa

alamat

text

-

Alamat mahasiswa

telepon

varchar

15

Telepon mahasiswa

hp

varchar

15

Nomor ponsel mahasiswa

email

varchar

50

Email mahasiswa

foto

varchar

50

Foto mahasiswa

10. MsMataKuliah Tabel M sM ataKuliah berfungsi menyimpan daftar mata kuliah Laboratorim M anajemen dalam virtual laboratory. Primary key : mtk_id

133 Tabel 4.26 Rancangan Basis Data MsMataKuliah Nama Field

Tipe Field

Panjang Field

Keterangan

mtk_id

char

5

Kode mata kuliah

nama

varchar

40

Nama mata kuliah

deskripsi

text

-

Deskripsi mata kuliah

sks

char

1

Jumlah sks

11. TrJadwal Tabel TrJadwal berfungsi menyimpan jadwal perkuliahan virtual laboratory. Primary key : mtk_id, kelas Tabel 4.27 Rancangan Basis Data TrJadwal Nama Field

Tipe Field

Panjang Field

mtk_id

char

5

Kode mata kuliah

kelas

char

5

Kelas mahasiswa

awal

date

-

Hari kuliah

akhir

date

-

Jam shift kuliah

tglujian

date

-

Tanggal ujian praktikum

waktuujian

time

-

Waktu ujian praktikum

Keterangan

12. Nilai Tabel MsNilai berfungsi menyimpan seluruh nilai mahasiswa M anajemen dalam virtual laboratory. Primary key : mtk_id, nim Tabel 4.28 Rancangan Basis Data Nilai Nama Field

Tipe Field

Panjang Field

mtk_id

char

5

Kode mata kuliah

nim

char

10

Nomor Induk M ahasiswa

Keterangan

134 laporan

int

-

Nilai laporan praktikum

utp

int

-

Nilai ujian tengah praktikum

uap

int

-

Nilai akhir praktikum

nilaiakhir

int

-

Kumulatif nilai akhir

grade

char

1

Grade nilai mahasiswa

13. MsArtikel Tabel

MsArtikel

berfungsi

menyimpan

seluruh

artikel pendukung

perkuliahan dalam virtual laboratory. Primary key : artikel_id Tabel 4.29 Rancangan Basis Data MsArtikel Nama Field

Tipe Field

Panjang Field

artikel_id

char

6

Kode artikel

kategori

char

1

Kategori artikel

judul

varchar

50

Judul artikel

content_url

varchar

255

Url artikel

keterangan

text

-

penulis

varchar

20

Keterangan

Penjelasan singkat artikel Penulis artikel

14. MsReferensi Tabel MsReferensi berfungsi menyimpan seluruh referensi pendukung perkuliahan dalam virtual laboratory. Primary key : ref_id Tabel 4.30 Rancangan Basis Data MsReferensi Nama Field

Tipe Field

Panjang Field

Keterangan Kode referensi (Buku = B00001 dan

ref_id

char

6

eBook = E00001)

135 cover

varchar

255

Cover referensi

judul

varchar

50

Judul referensi

pengarang

varchar

30

Pengarang

penerbit

varchar

30

Penerbit

deskripsi

text

-

Penjelasan singkat mengenai referensi

15. MsDownload Tabel M sDownload berfungsi menyimpan seluruh dokumen, pedoman, petunjuk pendukung perkuliahan yang dapat didownload dalam virtual laboratory. Primary key : download_id Tabel 4.31 Rancangan Basis Data MsDownload Nama Field

Tipe Field

Panjang Field

download_id

char

6

Kode download

judul

varchar

75

Judul materi download

content_url

varchar

255

Url materi download

tglupdate

date

-

Tanggal update materi download

keterangan

text

-

Keterangan materi

Keterangan

16. MsCase Tabel M sCase berfungsi menyimpan seluruh case study pendukung perkuliahan dalam virtual laboratory. Primary key : case_id Tabel 4.32 Rancangan Basis Data MsCase Nama Field

Tipe Field

Panjang Field

case_id

char

6

Kode studi kasus

judul

varchar

50

Judul studi kasus

Keterangan

136 topik

varchar

30

Pokok bahasan studi kasus

content_url

varchar

256

Url case study

tglpost

date

-

Tanggal upload studi kasus

sumber

varchar

6

Sumber materi studi kasus

17. TrPolling Tabel TrPolling berfungsi menyimpan seluruh polling dalam virtual laboratory. Primary key : poll_id Tabel 4.33 Rancangan Basis Data TrPolling Nama Field

Tipe Field

Panjang Field

poll_id

char

6

Kode polling

judul

varchar

50

Judul pertanyaan polling

tgl

date

-

Keterangan

Tanggal polling

18. DetailPolling Tabel M sPolling berfungsi menyimpan detail polling dalam virtual laboratory. Primary key : poll_id Tabel 4.34 Rancangan Basis Data DetailPolling Nama Field

Tipe Field

Panjang Field

detailpool_id

char

6

Kode detail polling

option1

varchar

30

Pilihan jawaban polling

option2

varchar

30


option3

varchar

30


option4

varchar

30


vote

int

-

Keterangan

Jumlah vote

137 19. TrS tatistik Tabel TrStatistik berfungsi menyimpan seluruh statistik data performance mahasiswa dalam virtual laboratory. Primary key : nim Nama Field nim stat_akses stat_post stat_ques stat_tugas

Tabel 4.35 Rancangan Basis Data TrS tatistik Tipe Field Panjang Field Keterangan char 10 Nomor Induk M ahasiswa int Statistik mengakses website int Statistik forum int Statistik memberikan pertanyaan int Statistik penyelesaian tugas

20. Forum Tabel Forum berfungsi menyimpan forum diskusi dalam virtual laboratory. Primary key : topik_id Nama Field topik_id mtk_id modul_id waktu reply_id id pesan

Tabel 4.36 Rancangan Basis Data Forum Tipe Field Panjang Field Keterangan varchar 6 Kode topik pada forum diskusi varchar 5 Kode mata kuliah varchar 6 Kode pokok bahasan time Waktu pembuatan topik int 6 Total reply varchar 10 Kode user pembuat topik text Isi pesan

21. Tugas Tabel Tugas berfungsi menyimpan seluruh tugas mahasiswa dalam virtual laboratory. Primary key : nim Nama Field nim kelas tugas case_study laporan

Tabel 4.37 Rancangan Basis Data Tugas Tipe Field Panjang Field Keterangan int 11 Kode topik pada forum diskusi char 5 Kelas mahasiswa varchar 255 Url jawaban tugas varchar 255 Url jawaban case study varchar 255 Url laporan akhir

138 time

tglpost

-

Waktu pengumpulan tugas

4.3 Perancangan Layar 4.3.1 Site Map

Tentang Lab

Profil Lab

Visi Misi

Asisten

Sambutan Kepala Lab

Galeri

Contact

FAQ

Site Map

News My Class

Login

Home

My Subject

My Profile

Kuliah Event Artikel

Buku

Referensi

E Book

Case Study

Jurnal

Forum

Polling

Download

Gambar 4.16 Site Map

My SubjectDetail

139 4.3.2 Navigation Diagram

Ujian

Asis ten

Galeri

Down load

Con tact

Polling

FAQ

Forum

Site M ap

Home

Profil Lab

My Class

Case Study

My Profile Refe rensi

Kuliah Artikel

Gambar 4.17 Navigation Diagram

140 4.3.3 Rancangan Layar Mahasiswa Berikut ini rancangan layar mahasiswa yang akan digunakan dalam virtual laboratory berbasis web sebagai berikut : 1. Rancangan Halaman Login

Header dan Logo Laboratorium Manajemen

Gambar Akti fitas Praktikum

LOGIN Your ID : Password : Sign In Forgot Your P assword ??

News – Event

BINUS Maya Digital Library BINUS Online Learning Badan Pusat Statistik (BPS) Indonesia

Copyright © 2008 – 2009, Laboratorium Manajemen. All rights reserved. BINUS University.

Gambar 4.18 Rancangan Halaman Login Gambar di atas merupakan layar awal yang pertama kali akan muncul ketika virtual laboratory diakses oleh pengguna. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen. Di bagian tengah terdapat gambar mengenai aktifitas praktikum, berita laboratorium, dan informasi kegiatan laboratorium. Selain itu, terdapat login untuk memasukkan kode pengguna dan kata sandi untuk dapat masuk ke halaman

141 berikutnya. Di bagian bawah terdapat hak cipta virtual laboratory Laboratorium M anajemen. 2. Rancangan Halaman Home Site Map

FAQ

Header dan Logo Laboratorium Manajemen Home

Profil Lab

Asisten

Galeri

Contact

Tanggal

Waktu

Selamat datang, User

Home Foto

Log Out Quotes of the Day Ubah Password Kepala Laboratorium Manajemen Ka. Lab

My Class

Asisten 1. 2. 3

My Profile Statistik Anda

Kuliah Artikel

News – Event

Referensi Case Study Forum

BINUS Maya

Polling

Digital Library

Download

Aturan Virtual Laboratory

Ujian

BINUS Online Learning

Badan Pusat Statistik

Copyright © 2008 – 2009, Management Laboratory. All rights reserved. BINUS University

Gambar 4.19 Rancangan Halaman Home Gambar di atas merupakan rancangan halaman Home. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu Home,

142 Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, dan Ujian. Pada bagian tengah, akan ditampilkan quotes of the day, sambutan kepala laboratorium, berita laboratorium, dan aturan umum virtual laboratory. Pada bagian kanan, akan ditampilkan tanggal, waktu, menu logout, daftar asisten yang mengajar, statistik mahasiswa, dan link pendukung pembelajaran praktikum.

143 3. Rancangan Halaman Profil Laboratorium

Site Map

FAQ


Profil Lab

Asisten

Gallery Lab

Contact

Tanggal

Waktu


Home > Profil Lab Foto

Log Out

Quotes of the Day Tentang Lab | Visi Misi | Staff

My Class My Profile Kuliah Artikel Referensi Case Study

________________________________ ________________________________ ________________________________ ________________________________ ________________________________ ________________________________ ________________________________ ________________________________ Ka. Lab

Forum

Nama :

Asisten 1. 2. 3. BINUS Maya Digital Library BINUS Online Learning


Email :

Polling Download

Sekretari at

Nama : Email :

Ujian

Teaching and Assistant Coordinato r

Nama :

Research and Development Coordinato r

Nama :

Email :

Email :


Gambar 4.20 Rancangan Halaman Profil Laboratorium Gambar di atas merupakan rancangan halaman Profil Laboratorium. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan

144 foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, dan Download. Pada bagian tengah akan ditampilkan quotes of the day dan isi dari halaman Profil Laboratorium yaitu profil laboratorium, visi misi laboratorim, dan profil staff laboratorium. Pada bagian kanan, akan ditampilkan tanggal, waktu, menu logout, daftar asisten yang mengajar, statistik mahasiswa, dan link pendukung pembelajaran praktikum..

4. Rancangan Halaman Asisten Site Map

FAQ


Profil Lab

Asisten

Galeri

Contact

Foto

My Profile

Asisten Terbaik

Kode Asisten : Nama : Email : Deskripsi :

Asisten Terbaik


Kuliah Asisten A

Case Study


Forum Polling Download Ujian

Log Out Asisten 1. 2. 3.

BINUS Maya Digital Library

Artikel Referensi

Waktu


Home > Asisten

My Class

Tanggal

Asisten B

Kode Asisten : Nama : Email : Deskripsi : 1 | 2| 3


Gambar 4.21 Rancangan Halaman Asisten



145 Gambar di atas merupakan rancangan halaman Asisten. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, dan Ujian. Pada bagian tengah akan ditampilkan quotes of the day dan profil asisten laboratorium. Pada bagian kanan, akan ditampilkan tanggal, waktu, menu logout, daftar asisten yang mengajar, statistik mahasiswa, dan link pendukung pembelajaran praktikum. 5. Rancangan Halaman Galeri Laboratorium Site Map

FAQ


Profil Lab

Asisten

Galeri

Contact

Log Out

Seminar Entrepreneur Keterangan : Foto 1

Foto 2

Foto 3

My Class My Profil Kuliah Artikel

Workshop Business Research Keterangan Foto 4

Foto 5

Foto 6

Referensi Case Study Forum Polling

Asisten 1. 2. 3. BINUS Maya Digital Library BINUS Online Learning

Badan Pusat Statistik Studi Banding Industri Keterangan : Foto 7

Foto 8

Foto 9

Download Ujian

Waktu


Home > Galeri Foto

Tanggal

1 | 2| 3 Copyright © 2008 – 2009, Management Laboratory. All rights reserved. BINUS University

Gambar 4.22 Rancangan Halaman Galeri Laboratorium

146 Gambar di atas merupakan rancangan halaman Galeri. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download dan Ujian, dan Ujian. Pada bagian tengah akan ditampilkan quotes of the day dan foto-foto dokumentasi kegiatan laboratorium. Pada bagian

kanan, akan ditampilkan tanggal, waktu, menu logout, daftar asisten yang

mengajar, statistik mahasiswa, dan link pendukung pembelajaran praktikum. 6. Rancangan Halaman Contact

Site Map

FAQ


Profil Lab

Asisten

Galeri

Contact

Home > Contact Us

Tanggal

Waktu


Foto Pertanyaan

Log Out

Subject

Asisten 1. 2. 3.

Message My Class My Profil Kuliah

BINUS Maya

Artikel

Digital Library

Referensi


Case Study

Submit

Forum

Virtual Management Laboratory ________________________________ ________________________________ ________________________________

Polling Download Ujian


Gambar 4.23 Rancangan Halaman Contact


147 Gambar di atas merupakan rancangan halaman Contact. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, dan Download. Pada bagian tengah akan ditampilkan alamat lengkap laboratorium manajemen dan form pertanyaan jika mahasiswa ingin bertanya kepada laboratorium. M ahasiswa dapat mengisi lengkap form pertanyaan lalu tekan submit. Pada bagian kanan, akan ditampilkan tanggal, waktu, menu logout, daftar asisten yang mengajar, dan link.

148 7. Rancangan Halaman Mata Kuliah Site Map

FAQ


Profil Lab

Asisten

Galeri

Contact

Home > My Class

Tanggal

Waktu


Foto

Log Out Quotes of the Day Kode J0232 J0212

Mata Kuliah Laboratorium MKB Laboratorium Statistik

Asisten 1. 2. 3.

My Class BINUS Maya My Profile

Digital Library

Kuliah BINUS Online Learning

Artikel Badan Pusat Statistik

Referensi Case Study Forum Polling Download Ujian Copyright © 2008 – 2009, Management Laboratory. All rights reserved. BINUS University

Gambar 4.24 Rancangan Halaman Mata Kuliah Gambar di atas merupakan rancangan halaman awal MyClass yaitu M ata Kuliah. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download dan Ujian. Pada bagian tengah akan ditampilkan quotes of the day dan pilihan mata kuliah yang diambil mahasiswa dalam

149 virtual laboratory.. Pada bagian kanan, akan ditampilkan tanggal, waktu, menu logout, daftar asisten yang mengajar, dan link pendukung pembelajaran praktikum

8. Rancangan Halaman Pokok Bahasan Site Map

FAQ


Profil Lab

Asisten

Galeri

Contact

My Class – Laboratorium MKB

Tanggal

Waktu


Foto

Log Out Quotes of the Day

Koord. Asisten

Penjelasan Mata Kuliah

My Class My Profile Kuliah Artikel Referensi Case Study Forum Polling Download Ujian

Pert. 1. 2. 3. 4. 5. 6. 7. 8.

Pokok Bahasan Pengenalan Praktikum Linier Programming Model Transportasi Model Assignment Model Antrian Manajemen Persedi aan Manajemen Proyek Forecasting

Asisten 1. 2. 3. Your Reminder 1. Upload your task 2. Upload your case study

Referensi Render, Barry . 2000. Manajemen Operasional. Santoso, Singgih. 2008. SPSS 16. Jakarta : Gramedia.

Forum Diskusi A : _____________________________ B : _____________________________ C : ______________________________ D : _____________________________ Kirim


Gambar 4.25 Rancangan Halaman Pokok Bahasan Gambar di atas merupakan rancangan halaman detail MyClass setelah mahasiswa memilih mata kuliah yang diinginkan. Pada bagian atas akan ditampilkan logo

150 Laboratorium M anajemen, site map, faq, dan menu tetap yaitu Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, dan Ujian. Pada bagian tengah akan ditampilkan quotes of the day, penjelasan mata kuliah dan pilihan pokok bahasan sesuai mata kuliah yang diambil mahasiswa dan forum diskusi untuk meningkatkan interaksi mahasiswa dan asisten. Pada bagian kanan, akan ditampilkan tanggal, waktu, menu logout, daftar asisten yang mengajar, reminder, review materi dan daftar referensi.

151 9. Rancangan Halaman Detail Pokok Bahasan Site Map

FAQ


Profil Lab

Asisten

Galeri

Contact

My Class – Pengantar Praktikum Foto Quotes of the Day Penjelasan Pokok Bahasan Asisten

Tanggal

Waktu

Selamat datang, User Log Out Asisten 1. 2. 3.

My Class My Profile Kuliah

SAP MP | Tutorial | Materi Soal Latihan

Your Reminder 1. Upload your task 2.

Artikel Referensi

M ateri

Case Study Forum

Review Materi 1. Kesulitan program QM?


1. Pengantar Praktikum Materi Soal Latihan

: [Download] : [Upload]

Forum Diskusi A : _____________________________ B : _____________________________ C : ______________________________ D : _____________________________

Referensi Render, Barry. 2000. Manajemen Operasional. Santoso, Singgih. 2008. SPSS 16. Jakarta : Gramedia.


Gambar 4.26 Rancangan Halaman Detail Pokok Bahasan

152

Gambar di atas merupakan rancangan halaman detail MyClass setelah mahasiswa memilih pokok bahasan yang diinginkan. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, dan Ujian. Pada bagian tengah akan ditampilkan quotes of the day, penjelasan mengenai pokok bahasan, satuan awal perkuliahan, module plan, tutorial materi, materi, soal latihan sesuai dengan pokok bahasan yang dipilih mahasiswa dan forum diskusi untuk meningkatkan interaksi mahasiswa dan asisten. M ahasiswa juga dapat mendownload materi dan mengupload jawaban latihan sesuai pokok bahasan yang diinginkan. Pada bagian kanan, akan ditampilkan tanggal, waktu, menu logout, daftar asisten yang mengajar, reminder, review materi per pokok bahasan dan daftar referensi.

153 10. Rancangan Halaman Profil Mahasiswa Site Map

FAQ


Profil Lab Foto

Asisten

Galeri

Contact Us

Home > My Profile

Tanggal


Quotes of the Day

My Class

NIM :

My Profile

Nama Lengkap :

Waktu

Log Out Asisten : 1. 2. 3.

Kuliah

Fakultas :

BINUS Maya

Artikel

Jurusan :

Digital Library

Referensi Case Study Forum


Jenis Kelamin :


Tempat Lahir : Tanggal Lahir :

Polling Download

Agama : Alamat :

Ujian Telepon : HP : Email : Simpan Copyright © 2008 – 2009, Management Laboratory. All rights reserved. BINUS University

Gambar 4.27 Rancangan Halaman My Profile Gambar di atas merupakan rancangan halaman My Profile. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto

154 pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, dan Ujian. Pada bagian tengah akan ditampilkan quotes of the day dan data pribadi mahasiswa. M ahasiswa dapat langsung mengubah profil yang lama dan menyimpan data pribadi yang baru dengan menekan tombol Simpan. Pada bagian kanan, akan ditampilkan tanggal, waktu, menu logout, daftar asisten yang mengajar, dan link pendukung pembelajaran praktikum.

11. Rancangan Halaman Kuliah Site Map

FAQ


Profil Lab

Asisten

Galeri

Contact

Log Out

Quotes of the Day Jadwal Praktikum My Class

Kode MataKuliah

Kelas

Waktu


Home > Kuliah Foto

Tanggal

Awal Kuliah

Akhir Kuliah

Asisten 1. 2. 3.

My Profil

BINUS Maya

Kuliah

Digital Library

Artikel


Referensi

Jadwal Ujian

Case Study

Kode MataKuliah

Forum

Badan Pusat Statistik Kelas

Tanggal

Waktu


Copyright © 2008 – 2009 Management Laboratory, All rights reserved. BINUS University

Gambar 4.28 Halaman Kuliah

155

Gambar di atas merupakan rancangan halaman Kuliah. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, dan Ujian. Pada bagian tengah akan ditampilkan quotes of the day, jadwal praktikum mahasiswa (mata kuliah yang diambil, kelas, awal perkuliahan, dan akhir perkuliahan), dan jadwal ujian praktikum mahasiswa. Pada bagian kanan, akan ditampilkan tanggal, waktu, menu logout, daftar asisten yang mengajar, dan link pendukung pembelajaran praktikum.

156 12. Rancangan Halaman Artikel Site Map

FAQ


Profil Lab

Asisten

Galeri

Contact

My Profile Kuliah Artikel Referensi Case Study Forum Polling

Log Out

Quotes of the Day

Kategori : My Class

Waktu


Home > Artikel Foto

Tanggal

Go

1. Statistik itu Menyenangkan Kategori : Keterangan Penulis : 2. Cara Mudah Linear Programming Kategori : Keterangan Penulis : .

Asisten 1. 2. 3.

BINUS Maya Digital Library BINUS Online Learning


3.

Download Ujian

1 | 2| 3

Copyright © 2008 – 2009 Management Laboratory. All rights reserved. BINUS University

Gambar 4.29 Rancangan Halaman Artikel

Gambar di atas merupakan rancangan halaman Artikel. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download dan Ujian. Pada bagian tengah akan ditampilkan quotes of the day dan daftar artikel pendukung pembelajaran laboratorium M anajemen.

157 Pada bagian kanan, akan ditampilkan tanggal, waktu, menu logout, daftar asisten yang mengajar, dan link pendukung pembelajaran.

13. Rancangan Halaman Referensi Site Map

FAQ


Profil Lab

Asisten

Caleri

Contact

Log Out Quotes of the Day Kategori :

Go

My Class My Profile

Buku 1

Kuliah

Judul : Pengarang : Penerbit :

Asisten 1. 2. 3. BINUS Maya Digital Library

Artikel Referensi

Waktu


Home > Referensi Foto

Tanggal


Buku 2


Buku 3


Case Study


Forum Polling Download Ujian

1 | 2| 3


Gambar 4.30 Rancangan Halaman Referensi

Gambar di atas merupakan rancangan halaman Referensi. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case

158 Study, Forum, Polling, Download, dan Ujian. Pada bagian tengah akan ditampilkan quotes of the day dan daftar referensi pendukung pembelajaran laboratorium M anajemen berupa buku, e-book, dan jurnal. Pada bagian kanan, akan ditampilkan tanggal, waktu, menu logout, daftar asisten yang mengajar, dan link pendukung pembelajaran. 14. Rancangan Halaman Case Study Site Map

FAQ


Profil Lab

Asisten

Galeri

Contact

My Class

Log Out

Nama Anggota Kelompok : 1. 2. 3. Judul :

Asisten 1. 2. 3. Go

My Profil Kuliah Artikel Referensi Case Study Forum

Waktu


Home > Case Study Foto

Tanggal

BINUS Maya 1. Alokasi PT XYZ Topik : Sumber :

[Upload]

Digital Library BINUS Online Learning

2. Biaya Transportasi pada PT XYZ Topik : Sumber :


Polling Download Ujian 1 | 2| 3 Copyright © 2008 – 2009 Management Laboratory, All rights reserved. BINUS University

Gambar 4.31 Rancangan Halaman Case Study Gambar di atas merupakan rancangan halaman Case Study. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu

159 Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, dan Ujian. Pada bagian tengah akan ditampilkan quotes of the day, nama anggota kelompok case study dan daftar case study pendukung pembelajaran laboratorium M anajemen sesuai dengan pokok bahasan pembelajaran. Pada bagian kanan, akan ditampilkan tanggal, waktu, menu logout, daftar asisten yang mengajar, dan link pendukung pembelajaran. 15. Rancangan Halaman Forum Site Map

FAQ


Profil Lab

Asisten

Galeri

Contact

Quotes of the Day

My Profil Kuliah Artikel

- Lab. Metode Kuantitatif + Pertemuan 1 + Pertemuan 2 - Pertemuan 3 + Contoh penerapan model transportasi?

Referensi Case Study

Log Out Asisten 1. 2. 3.

+ Personal My Class

Waktu


Home > Forum Foto Mahasiswa

Tanggal

BINUS Maya Digital Library BINUS Online Learning

Badan Pusat Statistik + Lab. Statistik + Referensi

Forum Polling Download Ujian 1 | 2| 3 Copyright © 2008 – 2009 Management Laboratory, All rights reserved. BINUS University

Gambar 4.32 Rancangan Halaman Forum

160 Gambar di atas merupakan rancangan halaman Forum. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, dan Ujian. Pada bagian tengah akan ditampilkan quotes of the day, daftar topik yang ada dalam forum diskusi. Bentuk forum seperti struktur tree. M ahasiswa dapat memilih topik diskusi yang diinginkan. Pada bagian kanan, akan ditampilkan tanggal, waktu, menu logout, daftar asisten yang mengajar, dan link pendukung pembelajaran.

161 16. Rancangan Halaman Tambah Topik Site Map

FAQ


Profil Lab

Asisten

Galeri

Contact

My Class My Profil

Waktu



Tanggal

Log Out Quotes of the Day Asisten 1. 2. 3.

Topik Baru : Pesan :

BINUS Maya

Kuliah

Digital Library

Artikel


Referensi

Simpan


Case Study Forum Polling Download Ujian


Gambar 4.33 Rancangan Halaman Topik Baru Gambar di atas merupakan rancangan halaman Forum yaitu Tambah Topik. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, dan Ujian. Pada bagian tengah akan ditampilkan quotes of the day dan user dapat menuliskan judul dan isi topik yang baru, lalu menyimpannya dengan menekan tombol Simpan. Pada bagian kanan, akan

162 ditampilkan tanggal, waktu, menu logout, daftar asisten yang mengajar, dan link pendukung pembelajaran.

17. Rancangan Halaman Balas Topik Site Map

FAQ


Profil Lab

Asisten

Galeri

Contact

My Class

Waktu



Tanggal

Log Out Quotes of the Day Asisten 1. 2. 3.

Pesan

My Profil

BINUS Maya

Kuliah

Digital Library

Artikel


Referensi

Simpan




Gambar 4.34 Rancangan Halaman Balas Topik Gambar di atas merupakan rancangan halaman Forum yaitu Balas Topik. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel,

163 Referensi, Case Study, Forum, Polling, Download, dan Ujian. Pada bagian tengah akan ditampilkan quotes of the day dan user dapat menuliskan balasan topik yang diinginkan, lalu menyimpannya dengan menekan tombol Simpan. Pada bagian kanan, akan ditampilkan tanggal, waktu, menu logout, daftar asisten yang mengajar, dan link pendukung pembelajaran.

18. Rancangan Halaman Download Site Map

FAQ


Profil Lab

Asisten

Galeri

Contact

Home > Download Foto

My Class My Profile Kuliah Artikel

Tanggal

Waktu


1. Pedoman Praktikum Mahasiswa Manajemen Update : 15-01-2009 2. Template Laporan Praktikum Manajemen Update : 15-01-2009 3. Ketentuan Laporan Praktikum Manajemen Update : 15-01-2009

Referensi

Log Out Asisten 1. 2. 3. BINUS Maya Digital Library BINUS Online Learning




Gambar 4.35 Rancangan Halaman Download

164 Gambar di atas merupakan rancangan halaman Download. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, dan Ujian. Pada bagian tengah akan ditampilkan quotes of the day dan daftar pedoman, petunjuk, kalendar akademik yang berkaitan dengan pembelajaran Laboratorium M anajemen. M ahasiswa dapat mendownload dokumen yang diinginkan. Pada bagian kanan, akan ditampilkan tanggal, waktu, menu logout, daftar asisten yang mengajar, dan link pendukung pembelajaran.

165 19. Rancangan Halaman Ujian Site Map

FAQ


Profil Lab

Asisten

Galeri

Contact

Log Out

Quotes of the Day Nilai Praktikum My Class

Kode MataKuliah

TM

Waktu


Home > Ujian Foto

Tanggal

UTP

UAP

Nilai Akhir

Grad

Asisten 1. 2. 3.

My Profil

BINUS Maya

Kuliah

Digital Library

Artikel Referensi Case Study Forum Polling Download


Soal Ujian Praktikum


Soal Ujian Praktikum [Download] [Upload] Laporan Akhir Praktikum Laporan Praktikum

[Upload]

Ujian Copyright © 2008 – 2009 Management Laboratory, All rights reserved. BINUS University

Gambar 4.36 Rancangan Halaman Ujian Gambar di atas merupakan rancangan halaman Ujian. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, dan Ujian. Pada bagian tengah akan ditampilkan quotes of the day, rincian nilai kuliah mahasiswa, . Pada bagian kanan, akan ditampilkan

166 tanggal, waktu, menu logout, daftar asisten yang mengajar, dan link pendukung pembelajaran praktikum.

20. Rancangan Halaman Polling Site Map

FAQ


Profil Lab

Asisten

Galeri

Contact

Quotes of the Day Judul Polling My Class My Profile

: _________________

a. b. c. d.

Forum Polling Download

Asisten 1. 2. 3.

Digital Library Pilih


Log Out

BINUS Maya

Kuliah Artikel

Waktu


Home > Polling Foto

Tanggal


Badan Pusat Statistik Hasil Polling a. b. c. d. Total Vote :

Ujian Copyright © 2008 – 2009 Management Laboratory, All rights reserved. BINUS University

Gambar 4.37 Rancangan Halaman Polling Gambar di atas merupakan rancangan halaman Polling. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case

167 Study, Forum, Polling, Download dan Ujian. Pada bagian tengah akan ditampilkan quotes of the day, pertanyaan dan pilihan jawaban polling yang dapat dipilih oleh mahasiswa. M ahasiswa dapat memilih salah satu jawaban, lalu menekan tombol Pilih. Pada bagian kanan, akan ditampilkan tanggal, waktu, menu logout, daftar asisten yang mengajar, dan link pendukung pembelajaran. 21. Rancangan Halaman Site Map Site Map

FAQ


Profil Lab

Asisten

Galeri

Contact

Home > Site Map Foto Mahasiswa

Tanggal


Quotes of the Day Home

My Class My Profil Kuliah Artikel

Profil Lab Sejarah Visi Misi Asisten Gallery Lab


Contact

Forum

My Class

Polling

My Profil

Waktu

Download Ujian

Copyright © 2008 – 2009 Laboratorium Manajemen, All rights reserved. BINUS University

Gambar 4.38 Rancangan Halaman Site Map

Log Out Asisten : 1. 2. 3. BINUS Maya Digital Library BINUS Online Learning


168 Gambar di atas merupakan rancangan halaman Site Map. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, dan Ujian. Pada bagian tengah akan ditampilkan quotes of the day dan peta situs virtual laboratory secara keseluruhan. M ahasiswa dapat memilih salah satu menu dan akan diteruskan ke halaman sesuai pilihan tersebut. Pada bagian kanan, akan ditampilkan tanggal, waktu, menu logout, daftar asisten yang mengajar, dan link pendukung pembelajaran. 22. Rancangan Halaman FAQ

Site Map

FAQ


Profil Lab

Foto Mahasiswa

Asisten

Galeri

Contact

Home > FAQ Quotes of the Day

My Class My Profil Kuliah Artikel Referensi

1. Apa itu Virtual Laboratory? Virtual Laboratory adalah ________________________________ ________________________________ ________________________________

Tanggal

Waktu

Selamat datang, User Log Out Asisten : 1. 2. 3. BINUS Maya

2. Apa syarat kelulusan mata kuliah Lab. MKB?

Digital Library BINUS Online Learning

Case Study


Forum Polling Download Ujian Copyright © 2008 – 2009 Laboratorium Manajemen, All rights reserved. BINUS University

Gambar 4.39 Rancangan Halaman FAQ

169

Gambar di atas merupakan rancangan halaman Frequently Asked Question. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, dan Ujian. Pada bagian tengah akan ditampilkan quotes of the day dan daftar pertanyaan bantuan yang berkaitan dengan virtual laboratory secara keseluruhan. Pada bagian kanan, akan ditampilkan tanggal, waktu, menu logout, daftar asisten yang mengajar, dan link. 23. Rancangan Halaman Ubah Password

Site Map

FAQ


Profil Lab

Foto Mahasiswa

Asisten

Galeri

Contact

Home > Ubah Password

Tanggal

Waktu

Selamat datang, User Log Out

Password Lama Asisten : 1. 2. 3.

Password Baru

My Class

Re-type Password Baru

My Profil Kuliah

Submit Artikel






Gambar 4.40 Rancangan Halaman Ubah Password

170

Gambar di atas merupakan rancangan halaman Frequently Asked Question. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, dan Ujian. Pada bagian tengah akan form untuk mengubah password user. Pengguna harus memasukkan password lama dan password baru, lalu menekan tombol Submit. Pada bagian kanan, akan ditampilkan tanggal, waktu, menu logout, daftar asisten yang mengajar, dan link pedukung pembelajaran. 24. Rancangan Halaman Lupa Password





Lupa Password


Input your ID Submit

Badan Pusat Statistik (BPS) Indonesia


Gambar 4.41 Rancangan Halaman Lupa Password

171

Gambar di atas merupakan rancangan halaman Lupa Password. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen. Di bagian tengah terdapat gambar mengenai aktifitas praktikum. User memasukkan ID, lalu menekan tombol Submit. Kemudian, sistem akan mengirimkan password ke email pengguna. Selain itu, terdapat login untuk memasukkan kode pengguna dan kata sandi untuk dapat masuk ke halaman berikutnya. Di bagian bawah terdapat hak cipta virtual laboratory Laboratorium M anajemen.

25. Rancangan Halaman Upload Tugas

Site Map

FAQ


Profil Lab

Foto Mahasiswa

Asisten

Galeri

Contact

Tanggal

Waktu


Home > Upload Tugas

Log Out Keterangan : Asisten : 1. 2. 3.

My Class My Profil Kuliah Artikel Referensi

File

BINUS Maya

Browse

BINUS University

Upload


Case Study



Gambar 4.42 Rancangan Halaman Upload Tugas

172 Gambar di atas merupakan rancangan halaman Upload Tugas. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, dan Ujian. Pada bagian tengah akan form untuk mengupload tugas. M ahasiswa dapat menuliskan keterangan dan memilih dokumen yang akan diupload, kemudian menekan tombol Upload untuk mengirimkan tugas tersebut. Pada bagian kanan, akan ditampilkan tanggal, waktu, menu logout, daftar asisten yang mengajar, dan link pedukung pembelajaran.

173 4.3.4 Rancangan Layar Asisten Perancangan layar untuk asisten sama seperti perancangan halaman untuk M ahasiswa. Berikut ini, beberapa rancangan layar asisten yang khusus dapat diakses oleh asisten dalam virtual laboratory tersebut sebagai berikut : 1. Rancangan Halaman Ubah Nilai


Profil Lab

Asisten

Caleri

Contact

Log Out Quotes of the Day Mata Kuliah

My Class

Kelas

My Profile

Nilai Praktikum

Kuliah

NIM

Waktu


Home > Nilai Foto

Tanggal

Go

Mata Kuliah 1. 2. 3. BINUS Maya

Nama

TM

UTP

UAP

Digital Library

Artikel


Referensi


Case Study Forum Polling

Save

Download Ujian

1 | 2| 3


Gambar 4.43 Rancangan Halaman Ubah Nilai

Gambar di atas merupakan rancangan halaman Ubah Nilai. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu

174 Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, dan Ujian. Pada bagian tengah akan ditampilkan quotes of the day dan daftar nilai mahasiswa. Asisten dapat memilih mata kuliah dan kelas yang diinginkan, kemudian asisten memasukkan nilai dan menyimpannya dengan menekan tombol Save. Pada bagian kanan, akan ditampilkan tanggal, waktu, menu logout, daftar asisten yang mengajar, dan link pendukung pembelajaran. 2. Rancangan Halaman View Tugas


Profil Lab

Asisten

Caleri

Contact

Log Out Quotes of the Day Mata Kuliah 1. 2. 3.

Mata Kuliah My Class My Profile Kuliah Artikel

Kelas Jenis Tugas

Laporan

Go


Tugas Mahasiswa NIM

Nama

Keterangan

Waktu View



Referensi Case Study Forum Polling Download Ujian

Waktu


Home > View Tugas Foto

Tanggal

1 | 2| 3


Gambar 4.44 Rancangan Halaman View Tugas

175

Gambar di atas merupakan rancangan halaman View Tugas. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen, site map, faq, dan menu tetap yaitu Home, Profil Lab, Asisten, Galeri, dan Contact. Pada bagian kiri, akan ditampilkan foto pengguna dan menu tetap yaitu My Class, My Profile, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, dan Ujian. Pada bagian tengah akan ditampilkan quotes of the day dan daftar tugas mahasiswa. Asisten dapat memilih mata kuliah dan kelas, dan tugas yang diinginkan, kemudian asisten melihat tugas mahasiswa tersebut. Pada bagian kanan, akan ditampilkan tanggal, waktu, menu logout, daftar asisten yang mengajar, dan link pendukung pembelajaran.

4.3.5 Rancangan Layar Admin 1. Rancangan Halaman Index



LOGIN Your ID : Password : Sign In

BINUS Maya

Digital Library


Badan Pusat Statistik (BPS)

Forgot Your P assword ??


Gambar 4.45 Rancangan Halaman Index (Admin)

176 Gambar di atas merupakan layar awal yang pertama kali akan muncul ketika virtual laboratory diakses oleh admin. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen. Di bagian tengah terdapat gambar mengenai aktifitas praktikum dan beberapa link pendukung pembelajaran. Selain itu, terdapat login untuk memasukkan kode admin dan kata sandi untuk dapat masuk ke halaman berikutnya. Di bagian bawah terdapat hak cipta virtual laboratory Laboratorium M anajemen.

2. Rancangan Halaman Lupa Password





Lupa Password


Input your ID Submit

Badan Pusat Statistik (BPS) Indonesia


Gambar 4.46 Rancangan Halaman Lupa Password Gambar di atas merupakan rancangan halaman Lupa Password. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen. Di bagian tengah terdapat gambar mengenai aktifitas praktikum. Admin memasukkan ID, lalu menekan tombol Submit.

177 Kemudian, sistem akan mengirimkan password ke email admin. Selain itu, terdapat login untuk memasukkan kode pengguna dan kata sandi untuk dapat masuk ke halaman berikutnya. Di bagian bawah terdapat hak cipta virtual laboratory Laboratorium M anajemen. 3. Rancangan Halaman User Management

Header dan Logo Laboratorium Manajemen Selamat datang, User Tanggal

Quotes of the Day

Logout

Waktu User

USER MANAGEMENT

Profil Lab

Cari

Nama

Go

Galeri Add

Contact

Edit

Delete

Print

Quotes My Class Kuliah Artikel

Check v v v

No. 1. 2. 3.

User ID MN 046 MN 050 0800 746473

Nama Andrianto Susilo Andri Anto

Status Asisten Asisten Admin

Referensi Case Study Forum Polling Download Ujian News - Event Copyright © 2008 – 2009, Management Laboratory. All rights reserved. BINUS University

Gambar 4.47 Rancangan Halaman User Management

Aktif Yes No

178 Gambar di atas merupakan rancangan halaman User Management. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen. Pada bagian kiri terdapat menu tetap yaitu User, Profil Lab, Galeri, Contact, Quotes, My Class, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, Ujian dan News-Event. Pada bagian tengah akan ditampilkan daftar user virtual laboratory. Data user dapat ditambah, diubah dan dihapus. Selain itu, dapat dicari berdasarkan user id dan nama. Di bagian bawah terdapat hak cipta virtual laboratory Laboratorium M anajemen.

4. Rancangan Halaman Add User Gambar di bawah ini merupakan rancangan halaman Add User. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen. Pada bagian kiri terdapat menu tetap yaitu User, Profil Lab, Galeri, Contact, Quotes, My Class, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, Ujian, dan News-Event. Pada bagian tengah akan ditampilkan data user baru yang akan ditambahkan. Setelah seluruh data diisi, admin dapat memilih tombol save untuk menyimpan data dalam database. Di bagian bawah terdapat hak cipta virtual laboratory Laboratorium M anajemen.

179


Quotes of the Day

Logout

Waktu User

Profil Lab

ADD – EDIT USER ID :

Galeri

Status :

Contact

Nama Lengkap :

Quotes

Fakultas :

My Class

Jurusan : Jenis Kelamin

Kuliah

Tempat Lahir :

Artikel

Tanggal Lahir :

Referensi Case Study Forum Polling

Pria

1

Wanita

Januari

1986

Agama : Alamat :

Telepon : HP :

Download

Email :

Ujian

Foto :

News - Event

Foto

Status : Í Back

Browse

Yes

No Save


Gambar 4.48 Rancangan Halaman Add User

180 5. Rancangan Halaman Profile Management


Quotes of the Day

Waktu User

Logout

PROFIL LAB. MANAJEMEN

Profil Lab

Tentang Lab

Save

Visi Misi

Save

Galeri Contact Quotes My Class Kuliah Artikel Referensi Case Study Forum Polling Download Ujian News - Event


Gambar 4.49 Rancangan Halaman Profile Management Gambar di atas merupakan rancangan halaman Profil Lab. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen. Pada bagian kiri terdapat menu tetap yaitu User, Profil Lab, Galeri, Contact, Quotes, My Class, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, Ujian dan News-Event. Pada bagian tengah akan ditampilkan mengenai profil dan visi misi laboratorium. Seluruh data tersebut dapat

181 diubah dan dapat disimpan kembali dengan memilih tombol save. Di bagian bawah terdapat hak cipta virtual laboratory Laboratorium M anajemen. 6. Rancangan Halaman Gallery Management


Quotes of the Day

Logout

Waktu User

GALLERY MANAGEMENT

Profil Lab

Judul

Cari

Go

Galeri Print

Contact Quotes

Delete

My Class

Check v

Galeri ID G0001

Kuliah

v

G0002

Judul Seminar Entrepreneur Workshop

Jumlah Foto 10

Aktif Yes

5

No

Artikel Referensi Case Study Forum ADD GALLERY

Polling

Galeri ID : Download

Add

Judul :

Ujian

Tanggal Post :

News - Event

1

Januari

2008

Keterangan :

Foto 1 : Foto 2 : Foto 3 : Status :

Browse Browse Browse

Yes

No


Gambar 4.50 Rancangan Halaman Gallery Management

Edit

182 Gambar di atas merupakan rancangan halaman Gallery Management. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen. Pada bagian kiri terdapat menu tetap yaitu User, Profil Lab, Galeri, Contact, Quotes, My Class, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, Ujian dan News-Event. Pada bagian tengah atas akan ditampilkan mengenai daftar galeri virtual laboratory. Data galeri dapat dicari berdasarkan galeri id dan judul. Pada bagian tengah bawah, terdapat form untuk menambahkan galeri foto baru atau mengubah galeri dan dapat disimpan kembali dengan memilih tombol save. Di bagian bawah terdapat hak cipta virtual laboratory Laboratorium M anajemen.

7. Rancangan Halaman Contact Management Gambar di bawah ini merupakan rancangan halaman Contact. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen. Pada bagian kiri terdapat menu tetap yaitu User, Profil Lab, Galeri, Contact, Quotes, My Class, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, Ujian, dan News-Event. Pada bagian tengah atas akan ditampilkan mengenai daftar pertanyaan virtual laboratory dari mahasiswa. Data pertanyaan dapat dicari berdasarkan quest id, subject, status pesan, dan status jawab. Pada bagian tengah bawah, terdapat contact address yang dapat diubah dan disimpan kembali dengan memilih tombol save. Di bagian bawah terdapat hak cipta virtual laboratory Laboratorium M anajemen.

183


Quotes of the Day

Logout

Waktu User

CONTACT MANAGEMENT

Profil Lab

Cari : Subject

Go

Galeri Delete

Contact

Print

Quotes

Check

Quest ID

Subject

v v

P0001 P0002

Nilai Praktikum Workshop

My Class Kuliah

Status Pesan Yes Yes

Status Jawab Yes No

Artikel Referensi Case Study Forum Polling Download Ujian News - Event

CONTACT ADDRESS VIRTUAL MANAGEMENT LABORATORY BINUS UNIVERSITY Jl. KH. Syahdan No. 9 Palmerah - Jakarta 11480 Phone : 021-534.5830 Fax : 021-530.0244 Contact Persons : ANDRIANTO SUSILO


Gambar 4.51 Rancangan Halaman Contact Management

Save

184 8. Rancangan Halaman Quotes Management


Quotes of the Day

Logout

Waktu User

Q UOTES MANAGEMENT

Profil Lab

Cari

Quotes

Go

Galeri Contact

Print

Quotes

Check v v

My Class Kuliah Artikel Referensi Case Study

Delete No. 1. 2. 3. 4. 5. 6. 7. 8.

Quotes ID Q0001 Q0002

Quotes Manajemen adalah ………. Perubahan dalam organis asi

Aktif Yes No

ADD– EDIT Q UOTES

Forum

Quotes ID :

Polling

Quotes : Download Ujian

Status :

News - Event

Yes Add

No Edit


Gambar 4.52 Rancangan Halaman Quotes Management Gambar di atas merupakan rancangan halaman Quotes Management. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen. Pada bagian kiri terdapat menu tetap yaitu User, Profil Lab, Galeri, Contact, Quotes, My Class, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, Ujian, dan News-Event. Pada bagian tengah atas akan ditampilkan mengenai daftar quotes dalam virtual laboratory. Data

185 qoute dapat dicari berdasarkan quote id dan quote. Pada bagian tengah bawah, terdapat form untuk menambahkan quote baru atau mengubah quote dan dapat disimpan kembali dengan memilih tombol save. Di bagian bawah terdapat hak cipta virtual laboratory Laboratorium M anajemen.

9. Rancangan Halaman Subject Management


Quotes of the Day

Logout

Waktu User

SUBJECT MANAGEMENT

Profil Lab Print Galeri Contact Quotes

Check v v

Delete Kode J0212 J0232

Mata Kuliah Lab. Statistik Lab. Metode Kuantitatif Bisnis

SKS 2 2

My Class Kuliah

ADD - EDIT SUBJECT Kode :

Artikel

Mata Kuliah :

Referensi

SKS :

Case Study

Status :

Forum

Yes Add

No Edit

Polling Download Ujian News - Event


Gambar 4.53 Rancangan Halaman Subject Management

Aktif Yes No

186 Gambar di atas merupakan rancangan halaman Subject Management. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen. Pada bagian kiri terdapat menu tetap yaitu User, Profil Lab, Galeri, Contact, Quotes, My Class, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, Ujian, dan News-Event. Pada bagian tengah atas akan ditampilkan mengenai daftar mata kuliah virtual laboratory. Pada bagian tengah bawah, terdapat form untuk menambahkan, mengubah, atau menghapus mata kuliah Laboratorium M anajemen dan dapat disimpan kembali dengan memilih tombol save. Di bagian bawah terdapat hak cipta virtual laboratory Laboratorium M anajemen.

10. Rancangan Halaman Module Management Gambar di bawah ini merupakan rancangan halaman Module Management. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen. Pada bagian kiri terdapat menu tetap yaitu User, Profil Lab, Galeri, Contact, Quotes, My Class, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, Ujian, dan News-Event. Pada bagian tengah atas akan ditampilkan mengenai daftar mata kuliah virtual laboratory. Pada bagian tengah bawah, terdapat form untuk menambahkan, mengubah, atau menghapus pokok bahasan dan dapat disimpan kembali dengan memilih tombol save. Di bagian bawah terdapat hak cipta virtual laboratory Laboratorium M anajemen.

187


Quotes of the Day

Logout

Waktu User

Profil Lab

MODULE MANAGEMENT

Galeri

Check v v v v v v v v

Contact Quotes My Class Kuliah Artikel Referensi Case Study Forum

Delete

Print Pert 1. 2. 3. 4. 5. 6. 7. 8.

Pokok Bahasan Pengenalan Praktikum Linier Programming Model Transportasi Model Assignment Model Antrian Manajemen Persedi aan Manajemen Proyek Forecasting

ADD - EDIT MODULE Kode : Pokok Bahasan : SAP : ADD MP - EDIT DETAIL SUBJECT Add

Polling Download Ujian News - Event

Aktif Yes No

Tutorial :

Browse

Materi :

Browse

Soal :

Browse

Status :

Yes

No


Gambar 4.54 Rancangan Halaman Module Management

Edit

188 11. Rancangan Halaman Schedule Management


Quotes of the Day

Logout

Waktu User

SCHEDULE MANAGEMENT

Profil Lab Galeri Contact Quotes My Class Kuliah Artikel

Print Check v v v v v v v v

Delete Kode J0212 J0212 J0212 J0212 J0232 J0232

Kelas 03 PAJ 03 PBJ 03 PCJ 03 PDJ 04 PAJ 04 PBJ

Awal Kuliah Feb 2009 Feb 2009 Feb 2009 Feb 2009 Sept 2009 Sept 2009

Referensi

ADD - EDIT SCHEDULE

Case Study

Kode :

Forum

Kelas :

Polling Download

Awal Kuliah :

1

Januari

2009

Akhir Kuliah :

1

Januari

2009

Status :

Yes

Akhir Kuliah Agust 2009 Agust 2009 Agust 2009 Agust 2009 Jan 2010 Jan 2010

Aktif Yes Yes Yes Yes No No

No

Ujian News - Event

Add

Edit


Gambar 4.55 Rancangan Halaman Schedule Management

Gambar di atas merupakan rancangan halaman Schedule Management. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen. Pada bagian kiri terdapat menu tetap yaitu User, Profil Lab, Galeri, Contact, Quotes, My Class, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, Ujian, dan News-Event. Pada bagian

189 tengah atas akan ditampilkan mengenai jadwal kuliah virtual laboratory. Pada bagian tengah bawah, terdapat form untuk menambahkan, mengubah, atau menghapus jadwal kuliah dan dapat disimpan kembali dengan memilih tombol save. Di bagian bawah terdapat hak cipta virtual laboratory Laboratorium M anajemen.

12. Rancangan Halaman Article Management


Quotes of the Day

Logout

Waktu User

ARTICLE MANAGEMENT

Profil Lab

Cari

Art ID

Go

Print

Galeri Contact Quotes

Check v

Art ID A0001

v

A0002

Kategori Linier Programming Transportasi

Judul

Penulis Andri

Aktif Yes

Anto

Yes

My Class Kuliah Artikel ADD – EDIT ARTICLE Referensi Art ID: Case Study Forum

Judul :

Polling

Content :

Download

Add

Kategori : Edit Browse

Keterangan

Ujian News - Event

Status :

Yes

No


Gambar 4.56 Rancangan Halaman Article Management

Delete

190

Gambar di atas merupakan rancangan halaman Article Management. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen. Pada bagian kiri terdapat menu tetap yaitu User, Profil Lab, Galeri, Contact, Quotes, My Class, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, Ujian, dan News-Event. Pada bagian tengah atas akan ditampilkan mengenai daftar seluruh artikel dalam virtual laboratory. Data artikel dapat dicari berdasarkan article id dan judul. Pada bagian tengah bawah, terdapat form untuk menambahkan, mengubah, atau menghapus artikel dan dapat disimpan kembali dengan memilih tombol save. Di bagian bawah terdapat hak cipta virtual laboratory Laboratorium M anajemen.

13. Rancangan Halaman Reference Management Gambar di atas merupakan rancangan halaman Reference Management. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen. Pada bagian kiri terdapat menu tetap yaitu User, Profil Lab, Galeri, Contact, Quotes, My Class, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, Ujian, dan News-Event. Pada bagian tengah atas akan ditampilkan mengenai daftar seluruh referensi mata kuliah dalam virtual laboratory. Data artikel dapat dicari berdasarkan reference id dan judul. Pada bagian tengah bawah, terdapat form untuk menambahkan, mengubah, atau menghapus referensi dan dapat disimpan kembali dengan memilih tombol save. Di bagian bawah terdapat hak cipta virtual laboratory Laboratorium M anajemen.

191


Quotes of the Day

Logout

Waktu User

REFERENCE MANAGEMENT

Profil Lab

Cari

RefID

Go

Galeri Contact Quotes My Class

Delete

Print Check v

Ref ID A0001

Jenis Buku

v

A0002

E book

Kuliah Artikel Referensi

Judul Konsep Linier Programming

Pengarang Lily

Aktif Yes

Evelyn

Yes

ADD - EDIT REFERENCE Ref ID: Case Study

Jenis :

Forum

Judul :

Polling

Content :

Download

Deskripsi

Browse

Ujian News - Event

Tahun :

2008

Pengarang : Sumber : Status :

Yes Add

No Edit


Gambar 4.57 Rancangan Halaman Reference Management

192 14. Rancangan Halaman Case Study Management


Quotes of the Day

Logout

Waktu User

CASE STUDY MANAGEMENT

Profil Lab Galeri Contact

Cari

CaseID

Go

Print

Delete

Quotes

Check v

Case ID C0001

My Class

v

C0002

Topik Linier Programming Assignment

Judul Maksim isasi

Sumber AS

Aktif Yes

P T ABC

EJ

Yes

Kuliah Artikel ADD - EDIT CASE STUDY Referensi Case ID: Case Study

Topik :

Forum

Judul :

Polling

Content :

Download Ujian

Tanggal Post :

Browse 1

2008

Januari

Sumber : Status :

Yes

No

News - Event Add

Edit


Gambar 4.58 Rancangan Halaman Case Study Management

Gambar di atas merupakan rancangan halaman Case Study Management. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen. Pada bagian kiri terdapat menu tetap yaitu User, Profil Lab, Galeri, Contact, Quotes, My Class, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, Ujian, dan News-Event. Pada bagian

193 tengah atas akan ditampilkan mengenai daftar seluruh case study dalam virtual laboratory. Data case study dapat dicari berdasarkan topik dan judul. Pada bagian tengah bawah, terdapat form untuk menambahkan, mengubah, atau menghapus case study dan dapat disimpan kembali dengan memilih tombol save. Di bagian bawah terdapat hak cipta virtual laboratory Laboratorium M anajemen. 15. Rancangan Halaman Poll Management


Quotes of the Day

Logout

Waktu User

POLL MANAGEMENT

Profil Lab

Cari PollD

Go

Print

Galeri Check v v

Contact Quotes

ID P0001 P0002

Topik Template Laporan Praktikum Pedoman Mahasiswa

Total Yes Yes

My Class Kuliah

ADD - EDIT POLL

Artikel Poll ID: Referensi

Add

Topik :

Case Study

Option 1 :

Forum

Option 2 :

Polling

Option 3 :

Download Ujian

Edit Delete

Option 4 : Tanggal Post : Status :

1

Januari

Yes

2009

No

News - Event Copyright © 2008 – 2009, Management Laboratory. All rights reserved. BINUS University

Gambar 4.59 Rancangan Halaman Poll Management

194 Gambar di atas merupakan rancangan halaman Download. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen. Pada bagian kiri terdapat menu tetap yaitu User, Profil Lab, Galeri, Contact, Quotes, My Class, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, Ujian, dan News-Event. Pada bagian tengah atas akan ditampilkan mengenai daftar pedoman atau petunjuk serta dokumen yang dapat didownload melalui virtual laboratory. Pada bagian tengah bawah, terdapat form untuk menambahkan, mengubah, atau menghapus dokumen tambahan dan dapat disimpan kembali dengan memilih tombol save. Di bagian bawah terdapat hak cipta virtual laboratory Laboratorium M anajemen.

16. Rancangan Halaman Download Gambar di bawah ini merupakan rancangan halaman Download. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen. Pada bagian kiri terdapat menu tetap yaitu User, Profil Lab, Galeri, Contact, Quotes, My Class, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, Ujian, dan News-Event. Pada bagian tengah atas akan ditampilkan mengenai daftar pedoman atau petunjuk serta dokumen yang dapat didownload melalui virtual laboratory. Pada bagian tengah bawah, terdapat form untuk menambahkan, mengubah, atau menghapus dokumen tambahan dan dapat disimpan kembali dengan memilih tombol save. Di bagian bawah terdapat hak cipta virtual laboratory Laboratorium M anajemen.

195


Quotes of the Day

Logout

Waktu User

DOWNLOAD MANAGEMENT

Profil Lab

Cari DownloadID

Go

Print


Check v v v v v

ID D0001 D0002 D0003 D0004

Judul Template Laporan Praktikum Pedoman Mahasiswa Modul Lab. MKB Modul Lab. Statistik

Aktif Yes Yes Yes Yes No

Kuliah Artikel

ADD - EDIT DOWNLOAD

Referensi Download ID: Case Study

Add

Judul :

Forum

Content :

Polling

Keterangan :

Edit Browse

Delete

Download Ujian News - Event

Tanggal Post : Status :

1

Januari

Yes

2009

No


Gambar 4.60 Rancangan Halaman Download

17. Rancangan Halaman Exam Management Gambar di bawah ini merupakan rancangan halaman Exam Management. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen. Pada bagian kiri terdapat menu tetap yaitu User, Profil Lab, Galeri, Contact, Quotes, My Class, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, Ujian, dan News-Event. Pada bagian

196 tengah atas akan ditampilkan mengenai jadwal ujian dan dokumen ujian. Pada bagian tengah bawah, terdapat form untuk menambahkan, mengubah, atau menghapus jadwal dan dokumen ujian dan dapat disimpan kembali dengan memilih tombol save. Di bagian bawah terdapat hak cipta virtual laboratory Laboratorium M anajemen.


Quotes of the Day

Logout

Waktu User

EXAM MANAGEMENT

Profil Lab

Cari Kelas

Go

Print


Check v v v v v

ID D0001 D0002 D0003 D0004

Judul Template Laporan Praktikum Pedoman Mahasiswa Modul Lab. MKB Modul Lab. Statistik

Aktif Yes Yes Yes Yes No

Kuliah Artikel

ADD - EDIT EXAM

Referensi Exam ID : Case Study

Mata Kuliah :

Forum

Kelas :

Polling

Soal :

Download

Tanggal Post : Status :

Ujian

Add Edit Browse 1

Januari

Yes

2009

No

News - Event Copyright © 2008 – 2009, Management Laboratory. All rights reserved. BINUS University

Gambar 4.61 Rancangan Halaman Exam Management

Delete

197 18. Rancangan Halaman News Management


Quotes of the Day

Logout

Waktu User

NEWS MANAGEMENT

Profil Lab Galeri

Cari

NewsID

Go

Print

Contact

Delete

Quotes

Check v

News ID C0001

My Class

v

C0002


Judul Maksim isasi

Sumber AS

Aktif Yes

P T ABC

EJ

Yes

Kuliah Artikel ADD - EDIT NEWS Referensi News ID: Case Study

Topik :

Forum

Judul :

Polling

Content :

Download

Tanggal Post :

Browse 1

2008

Januari

Sumber :

Ujian

Status :

Yes

No

News - Event Add

Edit


Gambar 4.62 Rancangan Halaman News Management

Gambar di atas merupakan rancangan halaman News Management. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen. Pada bagian kiri terdapat menu tetap yaitu User, Profil Lab, Galeri, Contact, Quotes, My Class, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, Ujian, dan News-Event. Pada bagian

198 tengah atas akan ditampilkan mengenai daftar seluruh informasi kegiatan Laboratorium M anjaemen. Pada bagian tengah bawah, terdapat form untuk menambahkan, mengubah, atau menghapus berita dan dapat disimpan kembali dengan memilih tombol save. Di bagian bawah terdapat hak cipta virtual laboratory Laboratorium M anajemen.

19. Rancangan Halaman Forum Management


Quotes of the Day

Logout

Waktu User

FORUM MANAGEMENT

Profil Lab Galeri Contact

Cari

NewsID

Go

Print

Delete

Quotes

Check v

News ID C0001

My Class

v

C0002


Judul Maksim isasi

Sumber AS

Aktif Yes

P T ABC

EJ

Yes

Kuliah Artikel Referensi Case Study Forum Polling Download

Browse 1

Januari

2008

Ujian News - Event Add

Edit


Gambar 4.63 Rancangan Halaman Forum Management

199

Gambar di atas merupakan rancangan halaman News Management. Pada bagian atas akan ditampilkan logo Laboratorium M anajemen. Pada bagian kiri terdapat menu tetap yaitu User, Profil Lab, Galeri, Contact, Quotes, My Class, Kuliah, Artikel, Referensi, Case Study, Forum, Polling, Download, Ujian, dan News-Event. Pada bagian tengah atas akan ditampilkan mengenai daftar seluruh informasi kegiatan Laboratorium M anjaemen. Pada bagian tengah bawah, terdapat form untuk menambahkan, mengubah, atau menghapus berita dan dapat disimpan kembali dengan memilih tombol save. Di bagian bawah terdapat hak cipta virtual laboratory Laboratorium M anajemen.

4.4 Perancangan Content M ateri pembelajaran menjadi hal yang penting dalam penerapan e-learning. Seluruh materi virtual laboratory dirancang menggunakan Raptivity sehingga menghasilkan materi interaktif dan mudah dipahami. Berbagai macam jenis model interaktif dapat dibuat dengan menggunakan program ini, antara lain : 1. Interactive Menu M odel interaktif ini memungkinkan rancangan pertanyaan yang sangat interaktif sehingga memudahkan peserta belajar dalam memahami materi.

2. Screen Familiarization M odel interaktif ini memungkinkan peserta belajar menggali layar atau diagram dengan mouse over bagian dari layar atau diagram dan belajar dari deskripsi mengenai hal tersebut.

200 3. Interactive Ebook M odel interaktif ini membantu dalam membuat pembelajaran interaktif menggunakan virtual book. Ebook dapat digunakan untuk menampilkan halaman demi halaman yang berkaitan dengan topik.

4. Rollover Word Definations M odel interaktif ini membantu merancang suatu topik dengan kata yang spesifik dan tampilan penjelasannya pada mouse rollover.

5. Sequenced Steps M odel interaktif ini digunakan untuk menggambarkan berbagai proses dengan menampilkan langkah-langkah satu demi satu. Setiap langkah ditampilkan dengan penjelasan yang berhubungan dengan proses tersebut.

6. Hub and Spokes M odel interaktif ini menampilkan jaringan sistem. Hubungan antar komponen dalam sistem ditampilkan dalam format radial. Informasi yang berhubungan dengan komponen membantu menjelaskan rincian sistem.

7. Show Me - Advanced M odel interaktif ini menampilkan prosedur langkah demi langkah dengan tampilan gambar dan deskripsi. Asosiasi gambar dan tulisan membantu peserta belajar mengingat prosedur dengan lebih baik.

201 8. Let Me Try M odel interaktif ini memungkinkan peserta belajar melakukan tindakan dan review hasil. Dalam model interaktif ini, peserta belajar dipresentasikan dengan layar dan instruksi yang tepat yang harus dilakukan.

9. Multi-page Assessment M odel interaktif ini membantu dalam pembuatan tugas untuk mengevaluasi perolehan pengetahuan dengan pertanyaan pada setiap halaman.

Tabel 4.37 di bawah ini menjelaskan model interaktif yang dirancang untuk seluruh pokok bahasan mata kuliah Laboratorium M etode Kuantitatif Bisnis, yaitu : Tabel 4.37 Materi Interaktif Laboratorium Metode Kuantitatif Bisnis Pertemuan

Pokok Bahasan

1 2

Pengantar Praktikum Linear Programming

3

M odel Transportation

4 5 6 7 8

M odel Transportation M odel Assignment Ujian Tengah Praktikum Project Management Waiting Line Models

9 10

Inventory Models Forecasting Review M ateri dan Pengumpulan Laporan Ujian Akhir Praktikum

11 12

Model Content Sequemce Steps, Screen Familiarization, Interactive Ebook Rollover Word Definations Show Me - Advanced, Hub and Spokes, Rollover Word Definations, Multi-page Assessment Show Me - Advanced, Hub and Spokes, Rollover Word Definations, Multi-page Assessment Let Me Try, Sequemce Steps Interactive Ebook Show Me - Advanced, Hub and Spokes Let Me Try, Rollover Word Definations Let Me Try, Rollover Word Definations, Multi-page Assessment Show Me - Advanced, Hub and Spokes Interactive Ebook Interactive Ebook

202 Beberapa contoh tampilan materi yang digunakan dalam virtual laboratory, antara lain : 1. Langkah-langkah analisis kuantitatif

Gambar 4.64 Content Langkah-langkah Analisis Kuantitatif 2. Model-model analisis kuantitatif

Gambar 4.65 Content Model-model Analisis Kuantitatif

203 3. Pengenalan software Quantitative Method (Simulation Software)

Gambar 4.66 Software Simulation Pengenalan Quantitative Method

4. FAQ Virtual Laboratory

Gambar 4.67 Content FAQ Virtual Laboratory

204 4.5 Perancangan Organisasi Penerapan virtual laboratory dalam Laboratorium M anajemen akan memberikan dampak terhadap organisasi, antara lain : perubahan struktur organisasi, biaya pengembangan virtual laboratory, dan proses pembelajaran praktikum yang lama. Berikut ini usulan perubahan struktur organisasi setelah penerapan virtual laboratory, yaitu : 1. S truktur Organisasi

Gambar 4.68 Usulan S truktur Organisasi Laboratorium Manajemen Baru Penerapan

virtual

laboratory

memberikan

perubahan

dalam

Laboratorium M anajemen terutama dalam struktur organisasi (dapat dilihat pada gambar 4.68). Untuk pengembangan di masa mendatang, diperlukan tim virtual laboratory yang terdiri dari Virtual Laboratory Coordinator yang bertanggung jawab melakukan kegiatan pembelajaran virtual Laboratorium M anajemen, Content Developer yang bertanggung jawab dalam pengembangan materi interaktif atau content pembelajaran praktikum Laboratorium M anajemen, dan Virtual Laboratory Development yang bertanggung jawab melakukan kegiatan monitoring dan pengembangan proses pembelajaran virtual Laboratorium M anajemen

205

2. Proses Pembelajaran M etode pembelajaran praktikum juga akan berubah menjadi blended learning yaitu mengkombinasikan online learning dengan face-to-face learning. Dengan penerapan blended learning, diharapkan mahasiswa semakin memperoleh pemahaman mendalam akan materi praktikum Laboratorium M anajemen.

4.6 Rencana Implementasi Dalam menerapkan virtual laboratory diperlukan infrastruktur yang memadai. Berikut ini, usulan spesifikasi infrastruktur dalam penerapan virtual laboratory, yaitu : 1. Komputer Server Kebutuhan software dan hardware server dalam implementasi virtual laboratory ini antara lain : Tabel 4.38 S pesifikasi Kebutuhan Komputer Server Software 1. Sistem operasi : Windows Server 2000

Hardware 1. Processor : Pentium IV Dual Core 2,8 GHz

2. Apache Server

2. Motherboard : ASUS P5GC-MX

3. MySQL Server

3. Memory : 2 Gb

4. PHP MyAdmin

4. Graphic Card : on board

5. Web Browser : Mozilla Firefox

5. Harddisk :160 Gb

206 2. Komputer Client Kebutuhan software dan hardware yang dipersiapkan pengguna virtual laboratory ini antara lain : Tabel 4.39 S pesifikasi Kebutuhan Komputer Client Software

Hardware

1. Sistem operasi : Windows XP SP 2

1. Processor : Pentium III

2. Web Browser : Mozilla Firefox

2. Motherboard : ASUS P5GC-MX

3. Office Application

3. Memory :256 M b

4. Flash Player

4. Graphic Card : on board

5. PDF Reader

5. Harddisk :20 Gb 6. Network Card : LAN Card 100 Mbps / Modem.

BAB 4 PERANCANGAN SISTEM

Recommend Documents