Use Interface Add New Chat User Interface Add New Assignment User Interface Add New Event User Interface Add New User User Interface Upload File User Interface View Grade User Interface Update Profile User Interface Change Password

4.2.3.13. Use Interface Add New Chat

LOGO FOTO Update Profile My Courses LOG OUT

4.2.3.14. User Interface Add New Assignment

Gambar 4.59 User Interface Add New Chat Gambar 4.60 User Interface Add New Assignment Academic Information System Date and Time COURSES HOME MAJORS IIUC Bredcrum Navigation Name of this chat room Introduction Setting FOOTER Save and return to course Cancel Save and Display LOGO FOTO Update Profile My Courses LOG OUT COURSES MAJORS IIUC Academic Information System Date and Time HOME Bredcrum Navigation Name Introduction Setting FOOTER Save and return to course Cancel Save and Display

4.2.3.15. User Interface Add New Event

LOGO FOTO Update Profile My Courses LOG OUT

4.2.3.16. User Interface Add New User

Gambar 4.61 User Interface Add New Event Gambar 4.62 User Interface Add New User Academic Information System Date and Time COURSES HOME MAJORS IIUC Bredcrum Navigation New event Name Description Save changes FOOTER LOGO FOTO Update Profile My Courses LOG OUT COURSES MAJORS IIUC Academic Information System Date and Time HOME Bredcrum Navigation Form add user information Save changes FOOTER

4.2.3.17. User Interface Upload File

LOGO FOTO Update Profile My Courses LOG OUT

4.2.3.18. User Interface View Grade

Gambar 4.63 User Interface Upload File Gambar 4.64 User Interface View Grade Academic Information System Date and Time COURSES HOME MAJORS IIUC Bredcrum Navigation Name file With chosen file Deselect all Make a folder Select all Upload a file FOOTER LOGO FOTO Update Profile My Courses LOG OUT COURSES MAJORS IIUC Academic Information System Date and Time HOME Bredcrum Navigation Choose an activity User Report Form View Grade FOOTER

4.2.3.19. User Interface Update Profile

LOGO FOTO Update Profile My Courses LOG OUT

4.2.3.20. User Interface Change Password

Gambar 4.65 User Interface Update Profile Gambar 4.66 User Interface Change Password COURSES MAJORS IIUC Academic Information System Date and Time HOME Bredcrum Navigation Gen FOOTER Profile Edit profile Blog Form Update Profile Update Profile LOGO FOTO Update Profile My Courses LOG OUT COURSES MAJORS IIUC Academic Information System FOOTER Bredcrum Navigation Date and Time Username HOME Change Password Save and changes Cancel Current password New Password New Password again

4.3. Fase Konstruksi

4.3.1. Implementasi Coding

Pada tahap ini, dilaksanakan implementasi dari rancangan- rancangan basis data, rancangan sistem, maupun rancangan tampilan. Bahasa pemrograman yang digunakan pada perancangan sistem ini adalah menggunakan PHP. Untuk basis data menggunakan MySQL Server sebagai media penyimpanan data. Untuk menjalankan code diperlukan application server, pada perancangan sistem ini digunakan Apache. Untuk editor dan unit test digunakan EditPlus. Pada tahap ini penulis melakukan pengembangan aplikasi dengan penambahan video confrence yaitu menggunakan plugin yang ada pada Moodle yang diintegrasikan dengan Dimdim web meeting. Untuk hasil kode dapat dilihat pada lampiran akhir penulisan skripsi ini.

4.3.2. Spesifikasi Software dan Hardware

Agar sistem e-learning berjalan secara baik dan benar maka dibutuhkan lingkungan yang mendukung baik secara software maupun hardware. Untuk itu perlu diperhatikan adalah:

1. Spesifikasi Perangkat Keras Hardware

a. Processor minimal setara dengan pentium IV 2,26 Ghz ke atas. b. RAM Memory minimal 128 c. VGA minimal 32 Mb d. Keyboard dan mouse