commit to user 4. Bab IV Implementasi dan Pembahasan
IMPLEMENTASI DAN PEMBAHASAN
2. Halaman 2 kolom H
alaman 2 kolom digunakan dalam halaman posts (informations, course ma teria ls, videos, dan tasks)
G
ambar 4.2. Halaman Utama 2 Kolom
4.2.Halaman Login H
alaman login dapat diakses melalui dua cara, yaitu dengan klik sign in pada sidebar atau melalui URL : /e -learning/index.php/site/ login. Jika cara yang dilakukan adalah dengan mengaksesnya melalui sidebar, maka akan muncul popup dia log login seperti gambar 4.3 .
G
commit to user
4.3.Create dan UpdateTeacher
Tea cher _form adalah file PHP pada folder view yang digunakan pada proses render create dan upda te tea cher. Saat render, method renderPa rtia l dipanggil untuk menampilkan _form. _form merupakan file PHP yang didalamnya terdapat instansiasi CActiveF orm untuk mengisi data-data tea cher.
G
4.4.Create dan UpdateStudent
Student _form adalah file PHP yang dipanggil saat proses render crea te dan upda te student. Pada saat proses render crea te dan upda te, method renderPa rtia l dipanggil untuk menampilkan form input.
commit to user
4.5.Create dan Update User H
alaman cr ea te user adalah halaman yang digunakan saat a dmin menambahkan user. Halaman yang muncul sama dengan halaman yang muncul pada halaman upda te user karena method renderPa rtia l memanggil file yang sama, yaitu file _form .
G
4.6.Manage Users G
ambar 4.7. menunjukkan gambar pengelolaan user. Dalam halaman tersebut terdapat link berupa tombol untuk mengaktifkan dan menonaktifkan user. Pesan akan muncul ketika terjadi perubahan pada data user. User yang belum aktif tidak dapat masuk ke dalam e-Lea rning.
G
ambar 4.7. Ma na ge User s
4.7.Create dan Update Course H
alaman crea te course merupakan halaman yang digunakan untuk menambahkan mata kuliah ke dalam sistem. Pada saat method render dipanggil, method tersebut juga memanggil method renderPa rtia l yang memanggil file _
form untuk ditampilkan. File tersebut juga digunakan pada proses upda te.
G
commit to user
4.8.Create dan UpdateMajor
Crea te ma jor adalah halaman yang digunakan a dmin untuk memasukkan data jurusan. Halaman yang muncul sama dengan halaman upda te major.
G
ambar 4.9. Crea te dan Upda te Ma jors
4.9.Create dan UpdateClass
Crea te cla ss adalah halaman yang digunakan a dmin untuk memasukkan data kelas. Halaman yang muncul sama dengan halaman upda te cla ss.
G
ambar 4. 10 . Crea te dan Upda te Cla sses
4.10.Create dan Update Lecture H
alaman cr ea te lecture adalah halaman yang hanya dapat digunakan oleh a dmin. Halaman ini digunakan untuk menambahkan kuliah ( lecture). Untuk memudahkan dalam hal input dan mengurangi kesalahan input, proses input data menggunakan cla ss CjuiAutocomplete sehingga data yang dimasukkan valid.
G
ambar 4.11. Crea te dan Upda te Lecture
4.11.Set Study Plan Card
Data lecture kemudian digunakan dalam proses input kartu rencana studi. Cla ss EMultiselect diinstansiasi dan digunakan dalam proses ini agar memudahkan dalam hal input data. Halaman ini hanya dapat diakses oleh peserta didik (student).
G
commit to user
4.12.Create dan Update Home Post H
alaman crea te home post adalah halaman yang digunakan dalam pembuatan home post. Halaman ini hanya dapat diakses oleh a dmin. Terdapat 3 tombol dibawah texta rea, yaitu publish untuk mempublikasikan, draft untuk menyimpan tanpa mempublikasikan, dan back untuk kembali ke halaman sebelumnya. Terdapat checkbox dan ra diobutton untuk mengatur privasi dan status komentar.
G
4.13.Create dan Update Information H
alaman cr ea te informa tion digunakan untuk menambahkan informasi. H
alaman ini hanya dapat diakses oleh tea cher. Sedangkan halaman upda te digunakan untuk meng-upda te informasi.
G
ambar 4.14. Crea te dan Upda te Informa tions
B
erdasarkan gambar, terdapat multiselect. Multiselect ini yang kemudian digunakan untuk mengisi data relasi antara program kuliah (lecture) dan post.
Sama seperti proses render sebelumnya, dalam proses render create dan upda te juga dipanggil method render Pa rtia l renderPa rtia l yang memanggil file _
form yang menciptakan form guna memasukkan data informasi.
4.14.Create dan Update Course Material
Crea te course materia l adalah halaman yang digunakan untuk menambahkan materi. Halaman ini hanya dapat diakses oleh tea cher. Sama seperti proses penambahan dan render informasi, halaman ini juga mempunyai input multiselect yang digunakan untuk mengisi data hubungan antara kuliah dan
commit to user
post. Yang membedakan antara materi dan informasi adalah tipe post. Tipe post materi adalah Course Ma teria l, sedangkan informasi mempunyai tipe post Informa tions.
G
ambar 4.15. Crea te dan Upda te Course Ma terial
4.15.Create dan Update Video
Crea te video adalah halaman yang muncul ketika tea cher akan memasukkan video. Video yang digunakan adalah video yang di ambil dari youtube. Gambar 4.16 memperlihatkan adanya sebuah kolom yang digunakan untuk memasukkan id video youtube. Id youtub e adalah kode yang terdapat pada URL video youtube. Sebagai contoh http://www.youtube.com/watch ? v=ZElwb2GCrao& feature=fvsr , maka id video tersebut adalah kode setelah tanda v=, yaitu ZElwb2Gcrao .
Id tersebut kemudian dimasukkan ke dalam kolom id youtube. Pada saat masuk ke halaman index dan view video, maka Id tersebut akan diolah oleh obje k dari cla ss JYoutube sehingga menjadi frame yang berisi video tersebut.
G
ambar 4.16. Crea te dan Upda te Video
4.16.Create dan Update Task
Crea te task adalah halaman yang digunakan untuk menambahkan tugas ke dalam e-Lea rning. Pada gambar 4.17 , terlihat bahwa terdapat kolom tambahan untuk menambahkan waktu pengumpulan tugas.