Rancangan Website Rancangan Uji Coba Evaluasi

Gambar 3.10 PDM Modul Jaringan Komputer Physical Data Model yang digambarkan pada gambar 3.10 diatas, didapatkan dari hasil generate Conceptual Data Model pada gambar 3.9 ke dalam bentuk physical data model.

3.3 Rancangan Uji Coba Evaluasi

Pada Modul Praktikum jaringan komputer ini, Peneliti membagi desain aplikasi ini menjadi dua bagian, diantaranya adalah: a. Rancangan Website b. Rancangan Modul

3.3.1 Rancangan Website

Untuk menampung file modul pembelajaran yang berupa flash, Peneliti membuat sebuah website, sehingga modul pembelajaran ini dapat diakses dengan mudah dan dapat digunakan pada berbagai perangkat elektronik. Berikut ini merupakan bagian-bagian dari website tersebut : FK_MELIHAT_NILAI FK_MENGERJAKAN FK_AKSES Admin ID user_name Nama_lengkap Email Password int varchar70 varchar70 varchar50 varchar20 pk Materi id_materi NPM ID isi_materi judul materi int varchar20 int varchar1000 varchar50 varchar50 pk fk2 fk1 Forum id_topik ID NPM nama Email T opik isi id_replay tanggal int int varchar20 varchar50 varchar50 Undefined Undefined int varchar30 pk fk2 fk1 Data NPM ID Password Nama_lengkap Email varchar20 int varchar20 varchar70 varchar50 pk fk Nilai id_nilai NPM ID tanggal NPM_nilai Modul Nilai int varchar20 int varchar30 varchar50 int int pk fk1 fk2 latihan_soal id_latihansoal NPM ID Modul soal jenis jawab_a jawab_b jawab_c jawab_d timer int varchar20 int int varchar100 varchar200 varchar200 varchar200 varchar200 varchar200 time pk fk2 fk1 Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

A. Header Banner

Header Banner berfungsi untuk mempercantik halaman website. Desain banner pada website ini terdiri dari Logo Universitas Pembangunan Nasional Jawa Timur serta kata sambutan.

B. Halaman Login

Pada halaman login, terdapat dua buah textbox dan dua buah button. Textbox tersebut digunakan untuk mengisi NPM dan password, dan Login button untuk memverifikasi. Sedangkan button Daftar digunakan untuk mendaftarkan user baru agar bisa masuk ke dalam website. Gambar 3.11 Tampilan Header Halaman Awal Halaman login berguna untuk mengambil nilai NPM dan juga nama user, yang mana dapat digunakan untuk mencatat riwayat user dalam menyelesaikan latihan soal pada modul pembelajaran ini. Keterangan lebih lanjut dapat dilihat pada Gambar 3.11. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

C. Menu

Menu pada website modul praktikum jaringan komputer ini terdapat link Modul jaringan komputer yang mana berupa combobox yang berisi Modul 1, Modul 2, Modul 3, Modul 4, Modul 5, Modul 6, Modul 7 dan Modul 8, Forum, Histori dan Logout. Keterangan lebih lanjut dapat dilihat pada Gambar 3.12. Gambar 3.12 Desain Menu Modul D. Halaman Home Halaman Home berisi tentang Sekilas penjelasan prosedur pelaksanaan dan biodata peneliti yang akan di bahas di sajikan dalam bentuk animasi, pada semua modul Praktikum Jaringan Komputer. dapat dilihat pada Gambar 3.13. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 3.13 Desain Halaman Home E. Halaman Modul Halaman modul digunakan untuk memuat file flash, yang mana file tersebut berisi tentang Modul Praktikum Jaringan Komputer. Modul Pembelajaran dikategorikan menjadi delapan bagian yaitu modul satu Sampai modul delapan selanjutnya dapat dilihat Gambar 3.14, di setiap Modul terdapat tiga pilihan menu yaitu materi, tutorial, dan latihan soal. Gambar 3.14 Desain Halaman Modul Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

F. Halaman Forum User

Halaman forum berisi tentang topik yang dibahas dan isi topik yang sedang dibahas . Keterangan lebih lanjut bisa dilihat pada gambar 3.15. Gambar 3.15 Desain Halaman Forum G. Halaman Histori Halaman histori yang mana berisi tentang Nilai atau hasil dari latihan soal, Histori yang tampil hanya histori dari user yang login. selanjutnya dapat dilihat Gambar 3.16. Gambar 3.16 Desain Halaman Histori Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

H. Halaman Login Admin

Pada halaman login admin, terdapat dua buah textbox dan dua buah button. Textbox tersebut digunakan untuk mengisi username dan password, dan Login button untuk memverifikasi. agar bisa masuk ke dalam halaman admin. Gambar 3.17 Halaman Login Admin I. Halaman Update Materi Pada halaman update materi, terdapat nomer tiap halaman dan terdapat 30 halaman untuk mengupdate materi pada setiap modul hanya terdapat 30 halaman. Untuk lebih jelas bisa liat gambar Gambar 3.18 Desain Halaman Update Materi. Gambar 3.18 Desain Halaman Update Materi Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

J. Halaman Update Soal

Pada halaman update soal, sama seperti halaman update materi cuma pada halaman update Soal terdapat 30 halaman soal untuk mengupdate materi pada setiap modul hanya terdapat 30 halaman. Untuk lebih jelas bisa dilihat pada gambar 3.19 Desain Halaman Update soal. Gambar 3.19 Desain Halaman Update Soal K. Halaman Update Video Tutorial Halaman Tutorial digunakan untuk mengajarkan kepada pengguna, cara membuat diagram-diagram yang akan dibahas pada modul Analis Desain Berorientasi. Tutorial ini berbentuk video, yang mana pengguna dapat mengulang, mempercepat, menghentikan, melanjutkan dan membuat menjadi full screen video tutorial pada modul ini. Pada gambar 3.20 merupakan gambaran dari desain tutorial. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 3.20 Desain Halaman Edit Video L. Halaman Set Timer Pada halaman ini terdapat 3 buah teksbox untuk mengisi timer atau waktu, pada teksbox yang pertama untuk mengisi modul yang akan di update, dan teksbox yang kedua tempat untuk mengisi menit dan mengisi detik. Untuk lebih jelas bisa liat pada gambar Gambar 3.21 Desain Halaman Set Timer. Gambar 3.21 Desain Halaman Set Timer Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

M. Halaman Forum Admin

Pada halaman ini terdapat table yang berisi dari ID, Nama, Email, Topik, dan Isi. Admin bisa melihat dan menghapus topik forum yang dinilai tidak berguna. Gambar 3.22 Desain Halaman Forum Admin

N. Halaman Histori Admin

Pada halaman histori, disini sama seperti halaman histori pada member yang membedakan hanya admin bisa melihat semua Nilai member yang sudah menjalankan latihan soal. Untuk lebih jelas bisa liat pada gambar Gambar 3.23 Desain Halaman member. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 3.23 Desain Halaman Histori Admin 3.3.2 Rancangan Modul Untuk menampung isi materi di setiap modul pembelajaran ini yang berupa Teks, Gambar dan Video, Peneliti membuat sebuah desain sebagai tempat Teks, Gambar, Video di dalam file .swf sehingga modul pembelajaran ini dapat menarik user untuk mempelajari karena di sajikan dalam bentuk animasi dan video.

A. Desain Materi Modul

Desain materi yang berisi tentang materi yang akan di bahas di dalam nya terdapat tombol next untuk lanjut ke halaman selanjutnya dan tombol back untuk kembali ke halaman sebelumnya dan terdapat tombol menu untuk kembali ke menu utama seperti gambar 3.24. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 3.24 Desain Materi B. Desain Tutorial Video Modul Desain tata letak video yang berisi tentang video tutorial yang membahas tentang cara-cara membuat apa yang di bahasi di modul tersebut seperti gambar 3.25. Gambar 3.25 Desain Tutorial Video Modul Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

C. Desain Latihan Soal

Desain latihan soal yang berisi tentang soal-soal yang berkaitan dengan setiap modul pilihan ganda yang berisi soal dan empat pilihan yaitu a, b, c, d dan setelah selesai mengerjakan soal-soal latihan tersebut aka nada hasil atau nilai yang di peroleh dari latihan soal tersebut. Seperti gambar 3.26. Gambar 3.26 Desain Latihan Soal 3.4 Jadwal Kegiatan Penelitian No. Kegiatan November Desember Januari Februari 1 Studi Pustaka 2 Pengumpulan Bahan dan data 3 Perancangan Sistem 4 Koding dan pembuatan Aplikasi 5 Uji Coba dan Analisa 6 Pembuatan Laporan Gambar 3.27 Jadwal Kegiatan Penelitian Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

BAB IV HASIL PEMBAHASAN

4.1 Implementasi

4.1.1 Kebutuhan Sistem

Pada Aplikasi Modul Jaringan Komputer ini di implementasikan pada sistem komputer dengan spesifikasi sebagai berikut :  Sistem operasi : Microsoft Windows 7 Professional  Jenis Komputer : MacBook Pro  Prosesor : Intel R Core TM i5-2415M CPU 2.30GHZ  RAM : 4 GB  Hard Disk : 320 GB  VGA : Intel R HD Graphics Family Aplikasi modul praktikum jaringan komputer ini juga dapat di implementasikan pada sistem komputer dengan spesifikasi minimum sebagai berikut :  Sistem operasi : Microsoft Windows XP  Jenis Komputer : PC dekstop  Prosesor : Pentium 4  RAM : 512 MB  Hard Disk : 250 GB  VGA : 64 MB share Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.