55
File_path Varchar 255 Nama file
Materi
int
4
Foreign key materi
4.3.3 Pemodelan Antar Muka
Pada tahap perancangan antar muka penulis mempertimbangkan beberapa aspek. Berikut adalah beberapa aspek yang menjadi pertimbangan
penulis: a. Disain dibuat konsisten.
b. Navigasi mudah dimengerti. c. Penggunaan gambar yang sesedikit mungkin.
d. Perpindahan halaman dibuat seminimal mungkin. Berdasarkan pertimbangan di atas, maka penulis merancang antar muka
sebagai berikut: 1. Antar Muka Halaman Awal
Gambar 4.8. Perancangan halaman Login
Untuk admin dan tutor, saat pertama kali aplikasi ini dibuka di browser, aplikasi akan langsung menampilkan form login.
APLIKASI CONTENT MANAGEMENT SYSTEM m-Learning
Copyright © 2010 All Right Reserved Gambar
Username Password
56
2. Antar Muka Halaman Kelas
Gambar 4.9. Perancangan halaman Kelas
Menu-menu yang penulis tampilkan berisi: Kelas, Kuliah, Mata Kuliah, Materi, User, dan Logout. Pada halaman kelas, penulis tampilkan tabel Daftar
kelas dan form untuk operasi create, update, dan delete kelas.
Kelas Kuliah
Mata Kuliah Materi
User Logout
APLIKASI CONTENT MANAGEMENT SYSTEM m-Learning
Copyright © 2010 All Right Reserved
Tabel Kelas Nama Kelas
New Save
Delete
57
3. Antar Muka Halaman Kuliah
Gambar 4.10 Perancangan halaman Kuliah
Pada halaman kuliah, penulis tampilkan tabel Daftar kuliah dan form untuk operasi create, update, dan delete kuliah.
4. Antar Muka Halaman Materi
Gambar 4.11 Perancangan halaman Materi
Kelas Kuliah
Mata Kuliah Materi
User Logout
APLIKASI CONTENT MANAGEMENT SYSTEM m-Learning Kelas
Kuliah Mata Kuliah
Materi User
Logout APLIKASI CONTENT MANAGEMENT SYSTEM m-Learning
Tabel Kuliah Course
Kelas Tutor
New Save
Delete
Tabel Materi
New Save
Delete
Course Tutor
Title Content
58
Pada halaman materi, penulis tampilkan tabel Daftar materi dan form untuk operasi create, update, dan delete materi.
5. Antar Muka Halaman Mata Kuliah
Gambar 4.12 Perancangan halaman Mata Kuliah
Pada halaman Mata kuliah, penulis tampilkan tabel Daftar Mata kuliah dan form untuk operasi create, update, dan delete Mata kuliah.
Kelas Kuliah
Mata Kuliah Materi
User Logout
APLIKASI CONTENT MANAGEMENT SYSTEM m-Learning
New Save
Delete
Tabel Mata Kuliah
Semester Kode
Title
59
6. Antar Muka Halaman User
Gambar 4.13 Perancangan halaman User
Pada halaman User, penulis tampilkan tabel Daftar User dan form untuk operasi create, update, dan delete User.
4.3.4 Pemodelan Kelas
Kategori