PEMBUATAN APLIKASI PEMBELAJARAN ONLINE (E-LEARNING) MENGGUNAKAN YII FRAMEWORK TUGAS AKHIR

Transkripsi

1 PEMBUATAN APLIKASI PEMBELAJARAN ONLINE (E-LEARNING) MENGGUNAKAN YII FRAMEWORK TUGAS AKHIR Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya Program Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Disusun Oleh : AGIEL KURNIAWAN SAPUTRA NIM. M PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET SURAKARTA 2012

2 HALAMAN PERSETUJUAN PEMBUATAN APLIKASI PEMBELAJARAN ONLINE (E-LEARNING) MENGGUNAKAN YII FRAMEWORK Disusun Oleh AGIEL KURNIAWAN SAPUTRA NIM. M Tugas Akhir ini disetujui dan dipresentasikan pada Ujian TA pada tanggal 26 Juni 2012 Pembimbing, Taufiqurrakhman NH, S.Kom NIDN ii

3 HALAMAN PENGESAHAN PEMBUATAN APLIKASI PEMBELAJARAN ONLINE (E-LEARNING) MENGGUNAKAN YII FRAMEWORK Disusun oleh : Agiel Kurniawan Saputra NIM. M Dibimbing oleh : Pembimbing Utama Taufiqurrakhman NH, S.Kom NIDN Tugas akhir ini telah diterima dan disahkan oleh dewan penguji tugas akhir Program Diploma III Teknik Informatika pada hari Senin tanggal 26 Juni 2012 Dewan Penguji : 1. Taufiqurrakhman NH, S.Kom ( ) NIDN : Darsono, S.Si., M.Si. ( ) NIP : Sahirul Alim Tri Bawono, S.Kom ( ) Dekan Fakultas MIPA Universitas Sebelas Maret Disahkan Oleh Ketua Program Diploma III Teknik Informatika Prof. Ir. Ari Handono Ramelan, M.Sc. (Hons), Ph.D. NIP Drs. Y.S Palgunadi, M.Sc. NIP iii

4 ABSTRACT Agiel Kurniawan Saputra Developing Online Learning Applications (E-Learning) Using YII Framework. Diploma III Program of Informatics Engineering, Faculty of Mathematics and Natural Sciences, Sebelas Maret University. The rapid development of information technology today, has affected the field of education. Along this development, it has been recognized the existence of e-learning, the learning mechanism that utilizes information technology and telecommunications, especially internet The use of PHP natively in the process of creating and developing e-learning will take a long time, needs a framework that can simplify and speed up the process. YII framework is one of the solutions to these problems. E-Learning as an online learning mechanism, must be capable of being an interactive learning media that can maintain privacy but does not closed from the outside environment. Data collection, system analysis and design of a mature system needs to be done before the creation of e-learning. In addition, the test results of the creation of e-learning shall also be made to find and fix the loopholes contained in the e-learning. YII framework can simplify, speed up, and minimize errors in the manufacture of e-learning. In addition, by using YII framework, manufacture of e-learning that interactive, user friendly, and easy in management can be realized because the YII framework comes with a widget and have a complete class library. The final result as a product of the development of e-learning is an e- Learning Web application that uses the Yii framework. E-Learning is equiped with facilitate to deliver of information and material from instructors to learners while maintaining the privacy and provides ease of management. Keywords : e-learning, YII framework, PHP. iv

5 ABSTRAK Agiel Kurniawan Saputra Pembuatan Aplikasi Pembelajaran Online (E-Learning) Menggunakan YII framework. Program Diploma III Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta. Perkembangan teknologi informasi yang pesat saat ini, telah mempengaruhi bidang pendidikan. Seiring perkembangan tersebut, dikenal adanya e-learning, yaitu mekanisme pembelajaran yang memanfaatkan teknologi informasi dan telekomunikasi, khususnya internet. Penggunaan PHP secara native dalam proses pembuatan dan pengembangan e-learning akan memakan waktu yang lama, perlu adanya kerangka kerja yang mampu mempermudah dan mempercepat proses tersebut. YII framework merupakan salah satu solusi dari permasalahan tersebut. E-Learning sebagai mekanisme pembelajaran yang bersifat online, harus mampu menjadi media pembelajaran interaktif yang dapat menjaga privasi namun tidak tertutup dari lingkungan luar. Pengumpulan data, analisis sistem dan desain sistem matang perlu dilakukan sebelum penciptaan e-learning. Selain itu, tes hasil pembuatan e-learning juga harus dilakukan untuk menemukan dan memperbaiki celah yang terdapat dalam e-learning. YII framework dapat mempermudah, mempercepat, dan meminimalisir kesalahan dalam pembuatan e- Learning. Selain itu, dengan menggunakan YII framework, pembuatan e-learning yang interaktif, user friendly dan mudah dalam pengelolan dapat diwujudkan karena YII framework dilengkapi dengan widget dan mempunyai class library yang lengkap. Hasil akhir sebagai produk dari pembuatan e-learning ini adalah sebuah aplikasi web e-learning yang menggunakan YII framework sebagai kerangka kerjanya. E-Learning ini dibuat untuk mempermudah penyampaian informasi dan materi dari instruktur kepada peserta didiknya dengan tetap menjaga privasi dan memberikan kemudahan dalam pengelolaan. Kata Kunci : e-learning, YII framework, PHP. v

6 HALAMAN MOTTO...Sesungguhnya Allah tidak akan mengubah keadaan sesuatu kaum sehingga mereka mengubah keadaan yang ada pada diri mereka... (QS Ar-ra'd ayat 11) Kegagalan hanya terjadi bila kita menyerah. ( Lessing ) Tidak ada manusia yang sempurna, akan tetapi berdiam diri dan berpangku tangan tidak akan membuatmu menjadi yang lebih baik. vi

7 HALAMAN PERSEMBAHAN Tugas akhir ini ku persembahkan kepada : Alm. Ayahanda terhormat sebagai inspirator dan panutan, Ibunda tersayang yang memberikan motivasi dan semangat, dan Kakak-kakakku tercinta yang selalu ada untukku Rere sayang, yang memberikan semangat dan momen yang indah, baik disaat kita dekat maupun jauh Para penghuni CubuSS, semua gamers penghuni kamar atas, terutama Cupid dan Nikman yang selalu main setiap malam Teman-temanku, terutama TIA butkan namanya satu persatu yang memberikan semangat dan kecerian di tiap hari masa kuliahku Almameter DIII vii

8 KATA PENGANTAR Segala puji syukur penulis panjatkan kehadirat Allah SWT atas limpahan rahmat dan hidayah-nya sehingga penulis dapat menyelesaikan tugas akhir dengan judul Pembuatan Aplikasi Pembelajaran Online (E-Learning) Menggunakan YII framework, Tugas akhir ini merupakan syarat mencapai Gelar Ahli Madya Program Diploma III Teknik Informatika Universitas Sebelas Maret. Selama menyelesaikan laporan ini, penulis telah menerima banyak bantuan, bimbingan, pengarahan, petunjuk dan saran, serta fasilitas yang membantu hingga akhir dari penulisan laporan ini. Untuk itu penulis menyampaikan ucapan terima kasih kepada : 1. Prof. Ir. Ari Handono Ramelan, M.Sc. (Hons), Ph.D. selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. 2. Drs. Y.S Palgunadi, M.Sc selaku Kepala Prodi DIII Teknik Informatika FMIPA Universitas Sebelas Maret Surakarta. 3. Taufiqurrakhman NH, S.Kom selaku Dosen Pembimbing yang telah memberikan bimbingan, arahan, dan motivasi sehingga penulis mampu menyelesaikan tugas akhir ini. 4. Darsono, S.Si., M.Si. dan Sahirul Alim Tri Bawono, S.Kom selaku dosen penguji tugas akhir ini. 5. Ayahanda yang berada disana yang selalu menjadi panutan dan inspirator dalam mengaruhi kehidupan. 6. Ibunda a yang tidak akan tergantikan. 7. Kakak-kakakku yang telah memberikan dorongan semangat, motivasi dan dukungan, serta solusi dalam memecahkan masalah. 8. Rere sayang yang telah memberi semangat untuk terus maju dan senyuman manis dikala gundah. 9. Teman-teman kost CubuSS yang menemani dan memberikan keceriaan. viii

9 10. Teman-teman tercinta, terutama teman-teman TI A yang memberikan semangat dan dorongan dalam penyelesaian tugas akhir. Demikian laporan magang ini dibuat. Penulis berharap semoga laporan ini bermanfaat bagi semua pihak demi kemajuan bersama. Surakarta, 7 Juni 2012 Penulis ix

10 DAFTAR ISI Halaman JUDUL HALAMAN PERSETUJUAN... ii HALAMAN PENGESAHAN... iii ABSTRACT... iv ABSTRAK... v HALAMAN MOTTO... vi HALAMAN PERSEMBAHAN... vii KATA PENGANTAR... viii DAFTAR ISI... x DAFTAR GAMBAR... xiv BAB I PENDAHULUAN Latar Belakang Masalah Rumusan Masalah Batasan Masalah Tujuan Manfaat Metode Penelitian Sistematika Penulisan... 6 BAB II LANDASAN TEORI Pengertian E-Learning Unifield Modelling Language (UML) System Requirement Spesification (SRS) Use Case Diagram Class Diagram Sequence Diagram PHP:Hypertext Processor (PHP) YII Framework Controller x

11 Model View MySQL BAB III DESAIN DAN PERANCANGAN System Requirement Spesification (SRS) Use Case Diagram User dan Guest User Case Diagram Admin Use Case Diagram Teachers Use Case Diagram Students Use Case Diagram Non Functional Use Case Diagram Package dan Class Diagram Class Built in YII framework CInputWidget dan CActiveForm Class Diagram CJuiWidget Class Diagram Class Buatan Penulis CPortlet Class Diagram Controller Class Diagram Model Class Diagram Sequence Diagram Login Sequence Diagram Create Teacher Sequence Diagtam Create Student Sequence Diagram Set User Sequence Diagram Set Teacher Sequence Diagram Set Students Sequence Diagram Set Courses Sequence Diagram Set Majors Sequence Diagram Set Classes Sequence Diagram Set Lectures Sequence Diagram Set Study Plan Card Sequence Diagram xi

12 Set Home Posts Sequence Diagram Set Posts Sequence Diagram Set Comments Sequence Diagram Set Study Result Card Sequence Diagram View Users Sequence Diagram View Teachers Sequence Diagram View Students Sequence Diagram View Courses Sequence Diagram View Lectures Sequence Diagram View Study Plan Card Sequence Diagram View Home Posts Sequence Diagram View Posts Sequence Diagram View Study Result Card Sequence Digram Upload Task Sequence Diagram Update Profile Sequence Diagram Analsis Database Analisist Kebutuhan Data Entity Relationship Diagram (ERD) Schema Diagram Desain Interface BAB IV IMPLEMENTASI DAN PEMBAHASAN Halaman Utama Halaman Login Create dan Update Teacher Create dan Update Student Create dan Update User Manage Users Create dan Update Course Create dan Update Major Create dan Update Class Create dan Update Lecture xii

13 4.11. Set Study Plan Card Create dan Update Home Post Create dan Update Information Create dan Update Course Material Create dan Update Video Create dan Update Task Manage Comments Set Study Result Card Index Users dan View User Index Teachers dan View Teacher Index Studnets dan View Student Index Courses dan View Course Index Majors dan View Major Index Classes dan View Class Index Lectures dan View Lecture Index Study Plan Card Index Home Posts dan View Home Post Index Informations dan View Information Index Course Materials dan View Course Material Index Videos dan View Video Index Tasks dan View Task BAB IV PENUTUP Simpulan Saran DAFTAR PUSTAKA xiii

14 DAFTAR GAMBAR Nomor Halaman 2.1. Struktur Tetap YII Framework User dan Guest Use Case Diagram Admin Use Case Diagram Teachers Use Case Diagram Students Use Case Diagram Non Functional Use Case Diagram CInputWidget dan CActiveForm Class Diagram CJuiWidget Class Diagram CPortlet Class Diagram Controller Class Diagram Model Class Diagram Login Sequence Diagram Create Teachers Sequence Diagram Create Student Sequence Diagram Create User Sequence Diagram Activate dan Deactivate Sequence Diagram Update Teachers Sequence Diagram Delete dan Manage Teachers Sequence Diagram Update Students Sequence Diagram Delete dan Manage Students Sequence Diagram Set Courses Sequence Diagram Set Majors Sequence Diagram Set Classes Sequence Diagram Set Lectures Sequence Diagram Set Study Plan Card Sequence Diagram Set Home Posts Sequence Diagram Set Posts Sequence Diagram Set Comments Sequence Diagram xiv

15 3.28. Set Study Result Card Sequence Diagram View Users Sequence Diagram View Teachers Sequence Diagram View Students Sequence Diagram View Courses Sequence Diagram View Lectures Sequence Diagram View Study Plan Card Sequence Diagram View Home Posts Sequence Diagram View Posts Sequence Diagram View Study Plan Card Sequence Diagram Upload Task Sequence Diagram Update Profile Teachers Sequence Diagram Update Profile Students Sequence Diagram Entity Relationship Diagram Schema Diagram Layout 2 Kolom Layout 3 Kolom Halaman Utama 3 Kolom Halaman Utama 2 Kolom Login Form Create dan Update Teacher Create dan Update Student Create dan Update User Manage Users Create dan Update Course Create dan Update Major Create dan Update Class Create dan Update Lecture Set Study Plan Card Create dan Update Home Posts Create dan Update Informations xv

16 4.15. Create dan Update Course Material Create dan Update Video Create dan Update Task Manage Comments Set Study Plan Card Index Users View User Index Teachers View Teacher Index Students View Students Index Courses View Course Index Majors View Major Index Classes View Class Index Lectures Index Study Plan Card Index Posts Index Home Posts View Home Post Index Informations View Information Index Course Materials View Course Material Index Videos View Video Index Tasks View Task xvi

17 BAB I PENDAHULUAN 1.1. Latar Belakang Masalah Teknologi informasi berkembang pesat saat ini. Perkembangan tersebut dapat meningkatkan kinerja dan memungkinkan kegiatan dilaksanakan dengan cepat, tepat dan akurat. Internet merupakan hasil dari perkembangan teknologi informasi yang dominan pada saat ini. Perkembangan teknologi informasi telah mempengaruhi berbagai bidang kehidupan, salah satunya adalah bidang pendidikan. Seiring dengan perkembangan teknologi informasi (TI) yang semakin pesat, kebutuhan akan suatu konsep dan mekanisme belajar mengajar (pendidikan) berbasis TI menjadi tidak terelakkan lagi. Konsep yang kemudian dikenal dengan sebutan e-learning ini membawa pengaruh terjadinya proses transformasi pendidikan konvensional ke dalam bentuk digital, baik secara konten maupun sistem. Saat ini konsep e- Learning sudah banyak diterima oleh masyarakat dunia, terbukti dengan maraknya implementasi e-learning di lembaga pendidikan (sekolah, training dan universitas) maupun industri (Cisco System, IBM, HP, Oracle). E-Learning juga dapat mempersingkat jadwal, target dan waktu pembelajaran sehingga menghemat biaya yang harus dikeluarkan dalam sebuah program studi atau program pendidikan. E-Learning mempermudah interaksi antara peserta didik dengan bahan atau materi, peserta didik dengan instruktur maupun sesama peserta didik. Peserta didik dapat saling berbagi informasi dan dapat mengakses materi setiap saat dan berulang-ulang, dengan kondisi yang demikian, peserta didik dapat lebih memantapkan penguasaannya terhadap materi. Dalam e-learning, faktor kehadiran instruktur otomatis berkurang atau bahkan tidak ada. Hal ini disebabkan peran instruktur telah diambil oleh komputer dan panduan-panduan elektronik yang dirancang oleh contents writer, designer dan programmer e-learning. Dengan adanya e-learning para instruktur akan lebih mudah : 1

18 2 1. melakukan pemutakhiran bahan-bahan belajar yang menjadi tanggung jawabnya sesuai dengan tuntutan perkembangan keilmuan yang mutakhir 2. mengembangkan diri atau melakukan penelitian guna meningkatkan wawasannya 3. mengontrol kegiatan belajar peserta didik E-Learning sebagai mekanisme pembelajaran yang bersifat online harus mampu menjadi media pembelajaran yang interaktif. Disamping itu, e-learning harus mampu menjaga privasi tanpa menutup diri dari dunia luar. Komunikasi yang terjadi dalam e-learning harus terjadi dalam banyak arah agar intensitas komunikasi yang terjadi dalam e-learning semakin tinggi. Intensitas komunikasi tinggi akan menyebabkan pertukaran komunikasi dalam e-learning tersebut juga semakin banyak. Penggunaan PHP secara native dalam membuat aplikasi web skala besar atau kompleks akan membutuhkan waktu lama. Harus ada cara kerja sistematis untuk mempercepat proses pembuatan. Inilah yang dimaksud dengan PHP framework. YII adalah framework (kerangka kerja) berbasis PHP, berkinerja tinggi untuk pengembangan aplikasi web berskala-besar. YII menyediakan reusabilitas maksimum dalam pemrograman web dan mampu meningkatkan kecepatan pengembangan secara signifikan Rumusan masalah Berdasarkan yang telah dijabarkan diatas, penulis menyimpulkan rumusan masalah Bagaimana membuat e-learning online dengan menggunakan YII framework? 1.3. Batasan Masalah Batasan difokuskan pada pembuatan sistem pembelajaran online (e- Learning) dengan menggunakan YII framework yang menampilkan informasi, materi, video dan tugas dengan disertai fitur social media sharing dengan penjalasan sebagai berikut :

19 3 1. Sistem yang dibuat menggunakan YII framework sebagai kerangka dalam pemrogramannya. 2. Aplikasi yang dibuat dapat menampilkan beberapa bentuk post : a. Informasi, materi, video dan tugas hanya dapat diisi oleh instruktur sesuai program kuliah yang diampu. b. Home post hanya dapat diisi oleh user yang mempunyai status sebagai admin. Home post adalah post yang hanya muncul pada homepage. 3. Setiap post diberikan hak akses tertentu yaitu a. Hak komentar : 1) Open, jika post mempunyai status komentar open maka post tersebut dapat diberi komentar. 2) Close, post dengan status komentar close tidak dapat dikomentari. b. Hak akses 1) Public, post dengan status public dapat dilihat dan diakses oleh user atau guest. 2) Private, post dengan status private hanya dapat diakses oleh user. 4. Video yang digunakan adalah video yang diambil dari youtube dengan cara memasukkan id video youtube kedalam kolom id youtube saat pembuatan post video. 5. Terdapat tingkatan user yang membatasi hak akses user pada aplikasi. 6. Aplikasi juga mempunyai fitur social media sharing yang digunakan user untuk saling bertukar informasi, mengomentari post dan chating dengan sesama user. Selain itu, fitur ini juga dapat digunakan untuk menyebarkan post ke dalam aplikasi jejaring sosial seperti facebook, google+, dan twitter. 7. Instruktur dapat memasukkan nilai akhir sesuai dengan hasil diperoleh oleh peserta didik. 8. Aplikasi yang dibuat ditujukan untuk bidang pendidikan khususnya lingkungan perkuliahan.

20 Tujuan Tujuan dari pembuatan aplikasi ini adalah membangun sebuah aplikasi e- Learning dengan YII framework yang berkinerja tinggi dan pengelolaan yang mudah. E-Learning yang dibuat dapat menampilkan informasi, materi, video dan tugas dan disertai dengan fitur social media sharing Manfaat Adapun manfaat dari aplikasi pembelajaran online (e-learning) ini adalah sebagai berikut: 1. Bagi D III Adanya referensi tentang pembuatan aplikasi dengan menggunakan YII framework, khususnya dalam pembuatan e-learning yang dapat diajarkan, dikembangkan, dan diimplementasikan dalam pembuatan aplikasi selain e- Learning. 2. Bagi penulis Tugas akhir ini digunakan sebagai wadah untuk menerapkan ilmu-ilmu dan pengetahuan yang telah penulis dapatkan selama proses perkuliahan, serta sebagai portofolio penulis yang dapat dijadikan referensi ketika bekerja nanti. 3. Bagi Pengguna Berikut adalah manfaat yang dapat diperoleh dari produk tugas akhir ini : a. Produk berupa sistem e-learning yang diharapkan dapat mengeliminasi jarak, waktu dan biaya dalam proses pembelajaran karena e-learning dapat diakeses melalui terminal komputer atau internet. b. Mempermudah interaksi antara pelajar dan bahan belajar, pelajar dengan sesama pelajar, pelajar dengan instruktur, pelajar dan instruktur dengan dunia luar. c. Sistem e-learning yang dibuat dapat sebagai tambahan (suplemen), pendukung (komplemen), ataupun pengganti (substitusi) pembelajaran yang bersifat konvensional

21 Metode Penelitian Metodologi penelitian yang digunakan penulis untuk menyelesaikan penulisan tugas akhir ini adalah sebagai berikut : 1. Pengumpulan Data Metode untuk mengumpulkan data yang dibutuhkan dalam penelitian yang terdiri dari : a. Observasi Melakukan pengamatan langsung kepada obyek yang diteliti agar mendapatkan gambaran yang tepat mengenai obyek penelitian. b. Wawancara Melakukan tanya jawab secara langsung dengan pihak yang terkait dengan obyek yang diteliti. c. Studi Kepustakaan Mengumpulkan informasi dari buku-buku referensi dan literatur yang berkaitan dengan permasalahan yang sedang diteliti d. Pengumpulan Data dari Internet Pengumpulan data dari internet digunakan untuk menambah dan melengkapi data dalam pembahasan masalah. 2. Analisis Sistem Dalam tahap ini penulis melakukan analisis terharap kebutuhan sistem serta fitur-fitur yang diperlukan dalam aplikasi tersebut. 3. Desain Sistem Tahap ini bertujuan untuk menyelesaikan masalah yang timbul pada tahap analisis. Dalam tahap ini dibagi menjadi 2 yaitu : a. Desain Data Bertujuan untuk menentukan model data beserta tipe data yang diperlukan dalam tahap implementasi. Selain itu, informasi-informasi yang mendukung sistem dikumpulkan pada tahap ini. b. Desain Interface Dalam tahap ini dibuat sebuah desain halaman yang menjadi interface bagi user yang menggunakan sistem yang dibuat.

22 6 4. Pembuatan program Program dibuat menggunakan HTML editor, CSS editor, JavaScript editor, dan PHP editor yang disesuaikan dengan kebutuhan sistem yang telah dianalisis sebelumnya. 5. Pengujian a. Menguji aplikasi dan melakukan bug-fixing jika ternyata dalam program terdapat bug atau error. b. Melakukan pengujian terhadap aplikasi yang disesuaikan dengan kebutuhan dan perancangan. 6. Pembuatan laporan Digunakan untuk membuat laporan mengenai penelitian yang telah dibuat sebagai pertanggungjawaban Sistematika Penulisan Sistematika penulisan yang digunakan dalam penulisan tugas akhir ini adalah sebagai berikut : 1. Bab I Pedahuluan Bab ini membahas mengenai latar belakang masalah, rumusan masalah, batasan masalah, tujuan dari penulisan, manfaat yang didapatkan dari penulisan tugas akhir, metodologi serta sistematika penulisan yang digunakan dalam penulisan tugas akhir ini. 2. Bab II Dasar Teori Bab ini membahas tentang teori-teori yang relevan dalam penulisan tugas akhir ini. Teori-teori tersebut digunakan sebagai dasar dari penulisan. 3. Bab III Analisis dan Perancangan. Bab ini membahas tentang system requirement spesification (SRS) yang digunakan untuk mengidentifikasi kebutuhan sistem. Bab ini juga membahas mengenai perancangan sistem dengan menggunakan UML yang terdiri dari use case diagram, class diagram, sequence diagram, dan schema diagram. Bab ini juga menjelaskan mengenai analisis database dan layout yang digunakan dalam aplikasi.

23 7 4. Bab IV Implementasi dan Pembahasan Bab ini membahas mengenai implementasi sistem pembelajaran online (e- Learning) dengan menggunakan YII framework disertai dengan gambar hasil implementasi. Bab ini juga membahas mengenai analisis hasil implementasi e- Learning. 5. BAB V Penutup Bab ini membahas tentang simpulan dan saran yang penulis ambil dari penulisan tugas akhir ini.

24 BAB II LANDASAN TEORI 2.1. Pengertian E-Learning Istilah e-learning mengandung pengertian yang sangat luas, sehingga banyak pakar yang menguraikan tentang definisi e-learning dari berbagai sudut pandang. Salah satu definisi e-learning dikemukakan oleh Widanarko dkk (2007 : 3) e-larning adalah proses pembelajaran yang memanfaatkan teknologi informasi dan komunikasi (TIK) secara sistematis dengan mengintegrasikan semua komponen pembelajaran, termasuk interaksi pembelajaran lintas ruang dan waktu, dengan Menurut Wahono (2003 : 2) e-learning adalah sistem atau konsep pendidikan yang memanfaatkan teknologi informasi dalam proses belajar mengajar. e-learning bermakna pendidikan yang disertai dengan motivasi, komunikasi, efisiensi dan teknologi. Karena terbatasnya interaksi sosial, pelajar harus tetap menjaga motivasi mereka. Pelajar harus sering berkomunikasi baik sesama pelajar maupun pengajar dalam menyelesaikan tugas. e-learning dapat mengeliminasi jarak dan memberi kemudahan. e-learning dapat mengeliminasi jarak karena e-learning dapat diakses melalui peralatan terminal komputer atau internet (Berman dkk, 2006 : 1) 2.2. Unified Modelling Language (UML) Unified Modelling Language (UML) adalah sebuah bahasa yang telah menjadi standar dalam industri yang digunakan untuk visualisasi, merancang dan mendokumentasikan sistem piranti lunak. UML menawarkan sebuah standar untuk merancang model sebuah sistem. Dengan menggunakan UML kita dapat membuat model untuk semua jenis aplikasi piranti lunak, dimana aplikasi tersebut dapat berjalan pada piranti keras, sistem operasi dan jaringan apapun, serta ditulis dalam bahasa pemrograman 8

25 9 apapun. Tetapi karena UML juga menggunakan class dan operation dalam konsep dasarnya, maka ia lebih cocok untuk penulisan piranti lunak dalam bahasa-bahasa berorientasi objek seperti C++, Java, C# atau VB.NET. Walaupun demikian, UML tetap dapat digunakan untuk modeling aplikasi prosedural dalam VB atau C. Seperti bahasa-bahasa lainnya, UML mendefinisikan notasi dan sintaksis/semantik. Notasi UML merupakan sekumpulan bentuk khusus untuk menggambarkan berbagai diagram piranti lunak. Setiap bentuk memiliki makna tertentu, dan sintaksis UML mendefinisikan bagaimana bentuk-bentuk tersebut dapat dikombinasikan. Notasi UML terutama diturunkan dari 3 notasi yang telah ada sebelumnya: Grady Booch OOD (Object-Oriented Design), Jim Rumbaugh OMT (Object Modeling Technique), dan Ivar Jacobson OOSE (Object-Oriented Software Engineering). (Dharwiyanti dan Wahono, 2003 : 2) Salah satu tujuan utama dari UML adalah memajukan dunia industri dengan memungkinkan interoperabilitas alat pemodelan objek visual. UML merupakan bahasa dengan lingkup yang sangat luas, yang mencakup satu set besar dan beragam domain aplikasi. Namun kemampuan pemodelan UML belum tentu cocok pada semua domain aplikasi. Hal ini berarti bahwa bahasa harus terstruktur modular, dengan hanya memilih bagian dari bahasa yang berhubungan langsung. Selain itu, kelebihan dari tipe fleksibilitas ini memungkinkan dua tool UML yang berbeda mendukung himpunan bahasa yang berbeda, yang menyebabkan pertukaran masalah diantaranya. Akibatnya, UML membutuhkan keseimbangan modularitas dan kemudahan dalam pertukaran. (OMG, 2011 : 1) System Requirement Spesification (SRS) Desain sistem sebuah software harus berdasarkan pada model yang memadai (model yang membantu memecahkan masalah). Hanya model yang memadai yang dapat memastikan bahwa sistem yang berkembang sesuai dengan kebutuhan user. Oleh karena itu, system requirement spesification merupakan sesuatu yang penting dalam pengembangan software. (Balabko dan Wegmann n.d. : 1)

26 10 Sebuah system requirement spesification berhubungan dengan yang dilakukan oleh sistem secara keseluruhan bukan dari apa yang dilakukan oleh individu, bagaimana objek berperilaku, atau bagaimana atribut dari objek direpresentasikan. Keputusan mengenai permasalahan selanjutnya akan dilakukan selama proses perancangan. Sebuah use case dirancang dengan menguraikan tugas dan tanggung jawabnya pada objek yang sesuai. Dekomposisi pertanggungjawaban use case dilakukan dengan cara mengetahui objek yang dikelola. Apa yang bisa objek lakukan tergantung pada apa yang dia ketahui, meskipun objek tidak harus melakukan semua yang dapat dilakukan. Apa yang diketahui objek ditentukan oleh atribut dan asosiasinya dengan objek lain. Tanggung jawab objek ditentukan dalam desain, dapat berupa asosiasi (sebagai contoh navigation dan visibility) dan method dari class yang ditentukan. Hal ini menunjukkan bahwa asosiasi tidak memliki arah atau dua arah yang ekuivalen dan sebuah class tidak memiliki method. (Li dan Liu n.d. : 3) Use Case Diagram Use case diagram menggambarkan fungsionalitas yang diharapkan dari sebuah sistem. Sebuah use case merepresentasikan sebuah interaksi antara aktor dengan sistem. Use case merupakan sebuah pekerjaan tertentu, misalnya login ke sistem, membuat sebuah daftar belanja, dan sebagainya. Seorang aktor adalah sebuah entitas manusia atau mesin yang berinteraksi dengan sistem untuk melakukan pekerjaan-pekerjaan tertentu. Use case diagram dapat sangat membantu bila kita sedang menyusun requirement sebuah sistem, mengkomunikasikan rancangan dengan klien, dan merancang uji kasus untuk semua fitur yang ada pada sistem. Sebuah use case dapat melakukan include fungsionalitas use case lain sebagai bagian dari proses dalam dirinya. Secara umum diasumsikan bahwa use case yang di-include akan dipanggil setiap kali use case yang menginclude dieksekusi secara normal. Sebuah use case dapat di-include oleh lebih

27 11 dari satu use case lain, sehingga duplikasi fungsionalitas dapat dihindari dengan cara menarik keluar common fungsionalitas. Sebuah use case juga dapat meng-extend use case lain dengan behaviour-nya sendiri. Sementara hubungan generalisasi antar use case menunjukkan bahwa use case yang satu merupakan spesialisasi dari yang lain. (Dharwiyanti dan Wahono, 2003 : 4) Use case adalah sebuah cara untuk menentukan kebutuhan sistem. Biasanya use case digunakan untuk membuat kebutuhan sistem, yang berarti apa yang dapat dilakukan oleh sistem. Konsep kunci yang terkait dengan use case adalah aktor, use case dan subjek. Subjek adalah sistem yang dipertimbangkan pada use case yang berlaku. Aktor adalah entitas model yang berada diluar sistem. Behavior dari subjek dispesifikasikan oleh satu atau lebih use case, yang didefinisikan oleh kebutuhan aktor. Sebenarnya, istilah use case mengacu pada tipe use case. Sebuah instance dari use case mengacu pada behavior yang terjadi yang sesuai dengan tipe use case. Use case, aktor, dan sistem dijelaskan menggunakan use case diagram. (OMG, 2011 : 597) Class Diagram Class adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan sebuah objek dan merupakan inti dari pengembangan dan desain berorientasi objek. Class menggambarkan keadaan (atribut dan properti) suatu sistem, sekaligus menawarkan layanan untuk memanipulasi keadaan tersebut (metoda/fungsi). Class diagram menggambarkan struktur dan deskripsi class, package dan obyek beserta hubungan satu sama lain seperti containment, pewarisan, asosiasi, dan lain-lain. Class dapat merupakan implementasi dari sebuah interface, yaitu class abstrak yang hanya memiliki metoda. Interface tidak dapat langsung diinstansiasikan, tetapi harus diimplementasikan dahulu menjadi sebuah class. Dengan demikian interface mendukung resolusi metoda pada saat runtime.

28 12 Sesuai dengan perkembangan model class, class dapat dikelompokkan menjadi package. Kita juga dapat membuat diagram yang terdiri atas package. (Dharwiyanti dan Wahono, 2003 : 5) Ketika cukup banyak class dan interface, kita akan mulai kehilangan gambaran mengenai class. Kebanyakan bahasa modern mempunyai konstruksi bahasa yang memungkinkan set unit kompilasi dikelompokkan. Java memiliki package sedangkan C# mempunyai namespaces. UML juga mempunyai struktur pengelompokan yang dinamakan package yang dideskripsikan oleh package diagram. (Christensen, 2005 : 30) Tidak bisa dihindari, ketika terdapat pemodelan sistem yang besar atau area bisnis besar, akan ada pengklasifikasi yang berbeda dalam model. Pengelolaan semua class akan sangat merepotkan, karena itu, UML menyediakan unsur pengorganisasian yang disebut package. Package memungkinkan seorang modeler untuk mengatur pengklasifikasi dalam namespace, yaitu semacam folder dalam sistem pengarsipan. Membagi sistem menjadi beberapa package membuat sistem lebih mudah untuk dipahami, terutama jika package mewakili bagian tertentu sistem. Package baik digunakan untuk mengorganisasi model class, tetepi yang penting untuk diingat bahwa class diagram seharusnya dengan mudah mengkomunikasikan informasi tentang sistem yang dimodelkan. Dalam kasus dimana package memiliki banyak kelas, lebih baik menggunakan beberapa topik khusus class diagram, bukan membuat satu class diagram yang besar. (Bell, 2004 : 1) Sequence Diagram Sequence diagram menggambarkan interaksi antar objek di dalam dan di sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message yang digambarkan terhadap waktu. Sequence diagram terdiri atas dimensi vertikal (waktu) dan dimensi horizontal (objek-objek yang terkait). Sequence diagram biasa digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah yang dilakukan sebagai respons dari sebuah event untuk menghasilkan output tertentu. Diawali dari apa yang memicu

29 13 aktivitas tersebut, proses dan perubahan apa saja yang terjadi secara internal dan output apa yang dihasilkan. Masing-masing objek, termasuk aktor, memiliki lifeline vertikal. Message digambarkan sebagai garis berpanah dari satu objek ke objek lainnya. Pada fase desain berikutnya, message akan dipetakan menjadi operasi/metoda dari class. Activation bar menunjukkan lamanya eksekusi sebuah proses, biasanya diawali dengan diterimanya sebuah message. (Dharwiyanti dan Wahono, 2003 : 8) 2.3. PHP: Hypertext Processor (PHP) PHP (singkatan rekursif dari PHP: Hypertext Processor) adalah bahasa scripting open source yang digunakan secara luas khususnya dalam pengembangan web dan dapat disisipkan dalam HTML. Berbeda dengan banyak perintah output HTML (seperti dalam C atau Perl), halaman PHP berisi HTML yang disisipi sebuah kode. Kode PHP diawali dan diakhiri dengan perintah khusus <?PHP?> yang memungkinkan untuk masuk ke dalam dan keluar mode PHP. PHP berbeda dari pemrograman client-side seperti JavaScript adalah kode dieksekusi di server sehingga menghasilkan kode HTML, kemudian dikirim ke klien. Klien akan menerima hasil dari script yang berjalan, tetapi klien tidak mengetahui kode yang mendasari hal tersebut. PHP memberikan kemudahan bagi orang awam juga menawarkan banyak fitur canggih untuk programmer profesional. Meskipun pengembangan PHP di fokuskan pada server-side scripting, namun dapat dilakukan lebih dari itu. (PHP, 2012 : 1) 2.4. YII Framework YII adalah sebuah komponen berbasis framework PHP dengan performa tinggi yang digunakan dalam pengembangan aplikasi web skala besar dengan cepat. YII memungkinkan reusabilitas maksimum dalam pemrograman web dan

30 14 dapat meningkatkan pengembangan aplikasi web secara signifikan. Nama YII (diucapkan Yee atau [ji:]) adalah akronim dari Yes It Is yang merupakan cara paling singkat dan akurat untuk menjawab pertanyaan tentang YII. (Xue, Qiang dan Xiang Wei Zhuo, 2008 : 4). YII mengimplementasikan pola model-view-controller (MVC), yang diadopsi dalam pemrograman web secara luas. MVC bertujuan memisahkan logika bisnis dari pertimbangan interface, sehingga pengembang dapat mudah mengubah setiap bagian tanpa mempengaruhi bagian yang lain secara mudah. dalam MVC, model mewakili infomasi (data) dan aturan bisnis; view mempresentasikan element konten dari user interface seperti teks, form input; dan controller mengatur komunikasi antara model dan view. Disamping implementasi MVC, YII mengenalkan sebuah controller depan, yang disebut aplikasi yang mengenkapsulasi konteks eksekusi dari proses permintaan. Aplikasi mengumpulkan beberapa informasi tentang sebuah permintaan user dan mengirimkannya pada controller yang sesuai untuk penanganan lebih lanjut. Diagram berikut menunjukkan struktur tetap dari YII: Gambar 2.1. Struktur Tetap YII Framework (Xue dan Zhuo, 2008 : 19)

31 Controller Sebuah controller adalah turunan dari CController atau class yang diextends dari CController. Controller dibuat oleh objek aplikasi ketika user melakukan request. Ketika controller berjalan, controller melakukan aksi sesuai permintaan, yang biasanya membutuhkan beberapa model dan renders untuk membuat tampilan yang sesuai. Sebuah aksi, dalam bentuk yang paling sederhana, adalah sebuah class controller yang diawali dengan aksi. Sebuah controller mempunyai aksi default. Ketika user melakukan request tanpa menentukan aksi yang dilakukan, aksi default akan dieksekusi. Secara default, nama aksi default adalah index. Index dapat diganti dengan cara mengatur variable, CController::defaultAction. (Xue dan Zhuo, 2008 : 26) Model Sebuah model adalah turunan dari CModel atau class yang di-extends dari CModel. Model digunakan untuk menyimpan data dan aturan bisnis yang relevan. Sebuah model merepresentasikan sebuah obyek data yang dapat berupa sebuah tabel database atau sebuah form HTML yang digunakan dengan fields input user. Setiap field dari data objek direpresentasikan dengan sebuah atribut dari model. Atribut memiliki sebuah label dan dapat divalidasi dengan serangkaian aturan. YII mengimplementasikan dua jenis model : Form model dan active records. Keduanya adalah extend dari dasar class yang sama, CModel. Sebuah form model adalah turunan dari CFormModel. Form model digunakan untuk menyimpan data yang didapat dari input user. Data tersebut sering dikumpulkan, digunakan, dan dibuang. Sebagai contoh, pada halaman login, kita dapat menggunakan sebuah form model untuk merepresentasikan informasi username dan password yang di-input oleh end user. Active Record (AR) adalah sebuah pola untuk mengkases database abstrak dalam gaya object-oriented. Setiap obyek AR adalah turunan dari

32 16 CActiveRecord atau subclass dari class tersebut, yang merepresentasikan sebuah baris dalam tabel database. Kolom dalam baris tersebut direpresentasikan sebagai properti dari objek AR. (Xue dan Zhuo, 2008 : 32) View View adalah sebuah script PHP yang sebagian besar terdiri atas elemen interface user. View dapat berisi PHP, namun direkomendasikan tidak harus merubah model data dan harus tetap relatif sederhana. Dalam semangat memisahkan logika dan presentasi sebagian besar logika harus ditempatkan dalam controller atau model bukan dalam view. View memiliki nama yang digunakan untuk mengidentifikasi script view saat dirender. Nama view harus mengacu pada script view tersebut. (Xue dan Zhuo, 2008 : 33) 2.5. MySQL MySQL adalah SQL database management system terpopuler yang dikembangkan, didistribusikan, dan didukung oleh Oracle Corporation. Website MySQL ( memberikan informasi terbaru mengenai software MySQL. 1. MySQL adalah sebuah database management system Sebuah database adalah kumpulan data yang terstruktur. Hal tersebut mungkin dari kumpulan daftar belanja pada sebuah galeri atau sebuah informasi besar dalam jaringan perusahaan. Untuk menambah, mengakses, dan proses menyimpan data dalam komputer database, perlu sebuah database management system seperti MySQL Server. Sejak komputer dapat menangani begitu besar data dengan baik, database management system mempunyai peran penting dalam perhitungan, utilitas mandiri, atau bagian dari aplikasi 2. MySQL adalah sebuah relational database management sytem Sebuah database relasional menyimpan data dalam tabel yang berbeda dan meletakkan semuanya pada sebuah ruang penyimpanan yang besar. Hal ini akan menambah kecepatan dan fleksibilitas. Bagian SQL (MySQL) singkatan

33 17 Structured Q, adalah bahasa standar SQL yang paling umum digunakan dalam mengakses database dan didefinisikan oleh ANSI/ISO SQL standard. Standar SQL berkembang sejak 1986 dan ada beberapa versi. 3. MySQL adalah software open source Open Source berarti memungkinkan seseorang untuk menggunakan dan memodifikasi software. Setiap orang dapat men-download software MySQL dari internet tanpa membayar apapun. Kita dapat mempelajari source code dari MySQL dan merubahnya sesuai dengan yang kita butuhkan. Software MySQL menggunakan GPL (GNU General Public Licence). 4. MySQL Database Server sangat cepat, reliabel dan mudah digunakan MySQL juga mempunyai seperangakat fitur yang dikembangkan praktis dan dekat pengguna. MySQL Server pada awalnya dikembangkan untuk menangani database besar dengan lebih cepat dibandingkan dengan solusi yang ada dan telah sukses digunakan dalam lingkungan produksi selama bertahun-tahun.walaupun dalam pembangunan konstan, MySQL Server sekarang ini menawarkan satu set fungsi yang kaya dan sangat berguna. Konektivitas, kecepatan, dan kemanan membuat MySQL Server sangat cocok untuk mengakses database internet. 5. MySQL Server bekerja dalam sistem client/server. Software Database MySQL adalah sebuah sistem client/server yang terdiri dari multi-threaded SQL Server yang mendukung backends yang berbeda, beberapa perbedaan program dan librari, tool administratif, dan application programming interface (API) dengan jangkauan yang luas. 6. Tersedia sejumlah kontribusi software MySQL. Aplikasi atau bahasa pemrograman favorit telah mendukung database MySQL Server (MySQL, 2012 : 3)

34 ÞßÞ ÜÛÍß Ò ÜßÒ ÐÛÎßÒÝßÒÙßÒ íòïò Í»³ λ ³»² Í» º ½ ±² øíîí ÍÎÍ ¼ ¾ ¹ ³»² ¼ î ¾ ¹ ² ¼ ³»³¾«²»óÔ» ² ²¹ ² ô «ÍÎÍ º«²¹ ±² øíîíóûú ²¹ ³»²» µ ² ³»²¹»² µ»¾««² ²¹ ¾» µ ² ²¹ «²¹ ¼»²¹ ² º«²¹ «³ µ ¼ ² ÍÎÍ ²±²óº«²¹ ±² øíîíóûòú ²¹ ³»² ¾ µ ² µ»¾««² ²¹ ³»²¼«µ«²¹ º«²¹ «³ ¼»³ øº«²¹»²¼«µ«²¹ ò Ì ¾» íòïò ³»²«² «µµ ² ¾» ÍÎÍ º«²¹ ±² ô»¼ ²¹µ ² ¾» íòîò ³»²«² «µµ ² ¾» ÍÎÍ ²±²óº«²¹ ±² ò Ì ¾» íòïò ÍÎÍ Ú«²¹ ±² øíîíóûú Ò± Õ±¼» ÍÎÍ Ü» µ ï ÍÎÍóÛÚóï Í» Ë» î ÍÎÍóÛÚóî ß½ ª» Ë» í ÍÎÍóÛÚóí Ü» ½ ª» Ë» ì ÍÎÍóÛÚóì Í» Ì» ½» ë ÍÎÍóÛÚóë Í» Í «¼»² ê ÍÎÍóÛÚóê Í» ݱ é ÍÎÍóÛÚóé Í» Ó ± è ÍÎÍóÛÚóè Í» Ý» ç ÍÎÍóÛÚóç Í» Ô»½ ïð ÍÎÍóÛÚóïð Í» Í «¼ Ð ² Ý ¼ïï ÍÎÍóÛÚóïï Í» ر³» б ïî ÍÎÍóÛÚóïî Í» ²º± ³ ±² ïí ÍÎÍóÛÚóïí Í» ݱ Ó» ïì ÍÎÍóÛÚóïì Í» Ê ¼»±ïë ÍÎÍóÛÚóïë Í» Ì µïê ÍÎÍóÛÚóïê Í» Ô»½ б λ ±²ïé ÍÎÍóÛÚóïé Í» ݱ³³»² commit to user

35 Ò± Õ±¼» ÍÎÍ Ü» µ ïè ÍÎÍóÛÚóïè ß ±ª» ݱ³³»² ïç ÍÎÍóÛÚóïç ˲ ±ª» ݱ³³»² îð ÍÎÍóÛÚóîð Í» Í «¼ λ «Ý ¼îï ÍÎÍóÛÚóîï Ê» Ë» îî ÍÎÍóÛÚóîî Ê» Ì» ½» îí ÍÎÍóÛÚóîí Ê» Í «¼»² îì ÍÎÍóÛÚóîì Ê» ݱ îë ÍÎÍóÛÚóîë Ê» Ó ± îê ÍÎÍóÛÚóîê Ê» Ý» îé ÍÎÍóÛÚóîé Ê» Ô»½ îè ÍÎÍóÛÚóîè Ê» Í «¼ Ð ² Ý ¼îç ÍÎÍóÛÚóîç Ê» ر³» б íð ÍÎÍóÛÚóíð Ê» ²º± ³ ±²íï ÍÎÍóÛÚóíï Ê» ݱ Ó» íî ÍÎÍóÛÚóíî Ê» Ê ¼»±íí ÍÎÍóÛÚóíí Ê» Ì µíì ÍÎÍóÛÚóíì Ê» ݱ³³»² íë ÍÎÍóÛÚóíë Ê» Í «¼ λ «Ý ¼íê ÍÎÍóÛÚóíê Ë ± ¼ Ì µ Ì ¾» íòîò ÍÎÍ Ò±²óÚ«²¹ ±² øíîíóûòú Ò± Õ±¼» ÍÎÍ Ü» µ ï ÍÎÍóÛÒÚóï Ô±¹ ² î ÍÎÍóÛÒÚóî Í» Ð ±º» í ÍÎÍóÛÒÚóí Ý ²¹» Ð ± ¼ ì ÍÎÍóÛÒÚóì λ¹» ë ÍÎÍóÛÒÚóë Ý ê ÍÎÍóÛÒÚóê Í» ݱ²º ¹«±²

36 íòîò Ë» Ý» Ü ¹ ³ Þ» ¼ µ ²»³» ³»²» º ½ ±²ô µ»³«¼ ² ¼ ¾»² «µ ½» ¼ ¹ ³ò Ë» ½» ¼ ¹ ³ ¼ ¾«¾» ¼ µ ² ²» µ ² µ ± ¼»²¹ ²»³ò Í « ½» ¼ ¹ ³ ³»²¹¹ ³¾ µ ²» ²»² ¼»²¹ ²»³ ¼ ³ «¹»»² «ò Ü ³ ± ² «¹ µ ² ô»²«³»³¾«ë ½» ¼ ¹ ³ ²¹» ¼ ¼ ¹ ¼ ² ô ¼³ ²ô» ½» ô «¼»² ô ¼ ² ²±² º«²½ ±² ½» ¼ ¹ ³ íòîòïò Ë» ¼ ² Ù Ë» Ý» Ü ¹ ³ Ë» ½» ¼ ¹ ³ ² ³»²¹¹ ³¾ µ ² ²» µ ² ¼ ² ¹ ¼»²¹ ²»³ò ïò Ó» ¼ º øª» ò îò Ó» ¼ º ¼±»² «² «µ «øª»» ½» ò íò Ó» ¼ º»» ¼ ¼ µ øª» «¼»² ò ìò Ó» ¼ º ³ µ«øª» ½± ò ëò Ó» ¼ º ««² øª» ³ ± ò êò Ó» ¼ º µ» øª» ½» ò éò Ó» µ«øª»»½ ò èò Ó» ± ¼ ±³» øª» ±³» ± ò çò Ó» ²º± ³ øª» ²º± ³ ±² ò ïðò Ó» ¾ ² ³» ñ ³±¼«øª» ½± ³» ò ïïò Ó» ª ¼»± øª» ª ¼»± ò ïîò Ó» «¹ øª» µ ò ïíò Ó»²¹ µ±³»² ø ¼¼ ½±³³»² ò ïìò Ó» ³» øª» ½±³³»² ò

37 Ù ³¾ íòïò Ë» ¼ ² Ù Ë» Ý» Ü ¹ ³ íòîòîò ß¼³ ² Ë» Ý» Ü ¹ ³ Ë» ½» ¼ ¹ ³ ² ³»²¹¹ ³¾ µ ² ²» µ ² ¼³ ² ¼»²¹ ²»³ò ß¼³ ² ¼ ³» µ«µ ² ±» «±»»¾ ¹ ¾» µ«æ ïò Ó» µ«µ ²»²¹ «² ø» ò îò Ó»²¹ µ ºµ ² ø ½ ª» ò íò Ó»²±² µ ºµ ² ø¼» ½ ª» ò ìò Ó» µ«µ ²»²¹ «² ¼±»² «² «µ «ø»» ½» ò ëò Ó» µ«µ ²»²¹ «²»» ¼ ¼ µ ø» «¼»² ò êò Ó» µ«µ ²»²¹ «² ³ µ«ø» ½± ò

38 éò Ó» µ«µ ²»²¹ «² ««² ø» ³ ± ò èò Ó» µ«µ ²»²¹ «² µ» ø» ½» ò çò Ó» µ«µ ²»²¹ «² ±¹ ³ «¼ ø»»½ ò ïðò Ó» µ«µ ²»²¹ «² ± ¼ ±³» ¹» ø» ±³» ± ò ïïò Ó»²» ³ µ±³»² ø ±ª» ½±³³»² ò ïîò Ó»²± µ µ±³»² ø«² ±ª» ½±³³»² ò Ù ³¾ íòîò ß¼³ ² Ë» Ý» Ü ¹ ³ íòîòíò Ì» ½» Ë» Ý» Ü ¹ ³ Ë» ½» ¼ ¹ ³ ² ³»²¹¹ ³¾ µ ² ²» µ ² ² «µ ««¼±»² ¼»²¹ ²»³ µ»óô» ² ²¹ò ²» µ ² ² «µ «¼»²¹ ²»³»óÔ» ² ²¹ ²» ¼ ¾»¾» µ ²¹ ² ¼ ¼ µ«µ ² ±» ¼»²¹ ² ¾ ¹» ½» ò ïò Ó» µ«µ ²»²¹ «² ²º± ³ ø» ²º± ³ ±² ò îò Ó» µ«µ ²»²¹ «² ³» ñ¾ ² ø» ½± ³» ò

39 íò Ó» µ«µ ²»²¹ «² ¼ ª ¼»± ø» ª ¼»± ò ìò Ó» µ«µ ²»²¹ «² ¼ «¹ ø» µ ò ëò Ó»²¹ ««¾«²¹ ² ± ¼»²¹ ² ±¹ ³ «¼ ø»»½ ±» ±² ò êò Ó»²¹ ¼ ² ³»²¹»¼ µ ««¼ ø» «¼» «½ ¼ ò éò Ó»²» ³ µ±³»² ø ±ª» ½±³³»² ò èò Ó»²± µ µ±³»² ø«² ±ª» ½±³³»² ò çò Ó»²¹ µ ««¼ ø» «¼» «½ ¼ ò ïðò Ó» µ ««¼ øª» «¼» «½ ¼ ò Ù ³¾ íòíò Ì» ½» Ë» Ý» Ü ¹ ³ íòîòìò Í «¼»² Ë» Ý» Ü ¹ ³ Ë» ½» ¼ ¹ ³ ² ³»²¹¹ ³¾ µ ² ²» µ ²¹ ¼ µ«µ ² ±»»» ¼ ¼ µ ø «¼»² ¼ ³»³»óÔ» ² ²¹ ² ò л» ¼ ¼ µ ¼ ²¹ ³»³ «²»ª»»¾ ¹ «¼»² ò

40 ïò Ó» µ«µ ²»²¹ «²» ¼ µ ²½ ² «¼ ²¹ ¼ ³¾ ø» «¼ ² ½ ¼ ò îò Ó» µ ²½ ² «¼ ²¹» ¼ ³¾ øª» «¼ ² ½ ¼ ò íò Ó»²¹«²¹¹ º» «¹ ¼»óÔ» ² ²¹ µ ¾» «³ ³»»¾ µ ²¹«³ «² ø«± ¼ µ ò Ù ³¾ íòìò Í «¼»² Ë» Ý» Ü ¹ ³ íòîòëò Ò±² Ú«²½ ±² Ë» Ý» Ü ¹ ³ Ë» ½» ¼ ¹ ³ ² ³»²¹¹ ³¾ µ ² ²» µ ² µ ± ¼ ³»ó Ô» ² ²¹ ²¹ ³»²¼«µ«²¹ ±» ² ²¹ ¼ ¼ ³»óÔ» ² ²¹ ²¼ ò ²» µ ²¹ ¼ µ«µ ²»»¾«² ²»¾ ¹ ¾» µ«æ ïò Ó «µ µ» ¼ ³»³»óÔ» ² ²¹ ø ¹² ²ñ ±¹ ² ò îò Ó»²¹«¼» ±º» ø«¼» ±º» ò íò Ó»²¹¹ ² ± ¼ ø½ ²¹» ± ¼ ò ìò Ó»²¼ º µ ² ¼»¾ ¹ ø ¹² «ëò Ý ¼»²¹ ² ²² ø½ êò Ó» µ«µ ²»²¹ «² ¼»óÔ» ² ²¹ ø» ½±²º ¹«±²

41 Ù ³¾ íòëò Ò±² Ú«²½ ±² Ë» Ý» Ü ¹ ³

42 íòíò Ð ½µ ¹» ¼ ² Ý Ü ¹ ³ Ý ¼ ¹ ³ ³»²¹¹ ³¾ µ ² ½ ó½ ²¹ ¼ ¹«² µ ² ¼ ³»³ ¼ ² «¾«²¹ ² ½ ó½»»¾«¼»²¹ ² ½ ²ò Ý»»¾«¼ µ» ±³ ±µµ ² ¾» ¼ µ ² ½µ ¹» ¼ ³ ² ½»»¾«¾» ¼ ò Ý ¼ ¹ ³ ¼ ³ ± ² ² «¹ ¼ ¾ ¹ ¾» ¼ µ ² «³¾» ½ ò íòíòïò Ý Þ«² Ç Ú ³» ± µ Ý ¼ Ç º ³» ± µ ¼ ½ ²¹ ¾» ¼ ¼ ³ ½µ ¹» º ³» ± µò Ý ¾ ² ² «¹» ¼ ¼ ½µ ¹»»»² ±² ò Ð ½µ ¹»»»² ±² ¼ ½µ ¹» ²¹ ¾» ¼¹» ²¹ ¼ ¼± ² ± ¼ ¼»¾» Ç ø æññ ò º ³» ± µò½±³ñ»»² ±² ñ ò íòíòïòïò Ý ² «É ¼¹» ¼ ² Ýß½ ª»Ú± ³ Ý Ü ¹ ³ Ý ² «É ¼¹» ¼ ««² ² ¼ ½ ÝÉ ¼¹» ô «¼¹» ²¹ ³»² ²¹ ² ² «ò Í»¼ ²¹µ ² ½ Ýß½ ª»Ú± ³ ¼ ½ ²¹ ¼ ¹«² µ ² ¼ ³»² ²¹ ² ² º± ³ò Ù ³¾ íòêò Ý ² «É ¼¹» ¼ ² Ýß½ ª»Ú± ³ Ý Ü ¹ ³

43 Ü ³ ³»³»² ² Ý ² «É ¼¹» ¼ ² ««² ²² ¼ ¹«² µ ² ¼ ³ º± ³ «² «µ ³»³» ³«¼ ² «ò Í»¾ ¹ ½±² ± ½ ÛÖ«Ü»Ì ³»Ð ½µ» ²¹ ³»³» ³«¼ ¼ ³ ² «²¹¹ ¼ ² µ «ò íòíòïòîò ÝÖ«É ¼¹» Ý Ü ¹ ³ Ý ÝÖ«É ¼¹» ¼ ½ ²¹ ¼ ¹«² µ ² ¼ ³»² ²¹ ² ² ³ ² ²¹ ³»²¹¹«² µ ² ÖÏ ò Í»¾ ¹ ½±² ± ½ ÍíÍ ¼» ²¹ ¼ ¹«² µ ² «² «µ ³ ² ¼»» ¼» ò Ý ÛÓ«Í»»½ ²¹ ¼ ¹«² µ ² «² «µ ³»³¾«² «³»½ ò Ù ³¾ íòéò ÝÖ«É ¼¹» Ý Ü ¹ ³

44 íòíòîò Ý Þ«² л²«Ý ²¹»²«¾«¼ ½ ²¹» ¼ ¼ ³ ½µ ¹» ½±² ±» ô ³±¼» ¼ ² ½±³ ±²»² ò íòíòîòïò Ýб» Ý Ü ¹ ³ Ý Ýб» ¼ ½ ²¹ ¼ ¹«² µ ² ¼ ³ ³ ² ¼»¾ ò ß¼ «² ¹ ³¾ ½ ¼ ¹ ³ Ýб» ¼»¾ ¹ ¾» µ«ò Ù ³¾ íòèò Ýб» Ý Ü ¹ ³ Ù ³¾ íòêò ³»²«² «µµ ²» ½ Ýб» ò Ý Ýб» ³»³ «² ²¼«µ ø»² «ÝÉ ¼¹» ò Í»¼ ²¹µ ² ÝÉ ¼¹» ³» «µ ² ««² ² ¼ ½ Ý޻ݱ² ±» ²¹ ³» «µ ² ««² ² ¼ ½ Ýݱ³ ±²»² ò íòíòîòîò ݱ² ±» Ý Ü ¹ ³ Ý Ý±² ±» ¼ ½ ²¹ ³»² ²¹ ²» ò л ² ÓÊÝ ¼» ² ²¹ ³»³ «² ½±² ±»»¾ ¹»²¹ «¾«²¹»µ ¹²¹ «² ³±¼» ¼ ² ª» ò ݱ² ±» ½ ¼ ¹ ³ ¼ ¼ ¹ ³ ²¹ ³»²¹¹ ³¾ µ ² «¾«²¹ ² ² ½ ݱ² ±» ¼»²¹ ² ½ ²ò Ð ¼ ¹ ³¾ íòçò ¼ ¼ ¾ ½ ݱ² ±»

45 ³» «µ ² ««² ² ¼ ½ Ýݱ² ±» ô Ý޻ݱ² ±» ô ¼ ² Ýݱ³ ±²»² ò Í» ³±¼» ³»³ «² «½ ݱ² ±» «² «µ ³»²¹ «² ô ² ³«² ³»³«²¹µ ²µ ² «½±² ±» ³»² ²¹ ² ¾»¾» ³±¼»»µ ¹«¼ ²»¾ µ² ô «³±¼» ¼ «±» ¾»¾» ½±² ±» ò Ù ³¾ íòçò ݱ² ±» Ý Ü ¹ ³ íòíòîòíò Ó±¼» Ý Ü ¹ ³ Ý ¼ ¹ ³ ² ³»²¹¹ ³¾ µ ² «¾«²¹ ² ½ ó½ ³±¼» ¼»²¹ ² ½ ²ò Ý ³±¼» ¼ ½ ²¹ ¼ ¹«² µ ² ¼ ³ ±»

46 ¼ ¾»ò Ü ³» ² ÓÊÝô ½ ³±¼» ¼ ½ ²¹ ³»²¼«µ«²¹ ±» ¼ ¾»ô»» ¼»»»ô «¼»ô ¼ ² ²» ò Ù ³¾ íòïðò Ó±¼» Ý Ü ¹ ³ Ù ³¾ íòïðò ¼ ¹ ³¾ ½ ³±¼» ¼ ² «¾«²¹ ²² ¼»²¹ ² ½ ²² ò Ý ³±¼» ¼ ««² ² ¼ ½ Ýß½ ª»Î»½± ¼ò Í» ½ ««² ² ¼ ½ Ýß½ ª»Î»½± ¼ ³»³ «² ±» ó±» ¼ ¾»ò Ý Ýß½ ª»Î»½± ¼ ¼ ««² ² ¼ ½ ÝÓ±¼» ò

47 íòìò Í» ²½» Ü ¹ ³ íòìòïò Ô±¹ ² Í» ²½» Ü ¹ ³ Ü ¹ ³ ² ³»²¹¹ ³¾ µ ² «±» ¹ ±¹ ² µ» ¼ ³»³»¾ ¹ ò Ý ²¹ ¾» µ ² ¼ ½ Ýß½ ª»Ú± ³ô ͻݱ² ±» ô Ô±¹ ²Ú± ³ô Ë» ¼»² º ô ¼ ² Ë» ò Ù ³¾ íòïïò Ô±¹ ² Í» ²½» Ü ¹ ³

48 íòìòîò Ý»» Ì» ½» Í» ²½» Ü ¹ ³ Ý»»» ½»» ²½» ¼ ¹ ³ ¼ ¼ ¹ ³ ²¹ ³»²¹¹ ³¾ µ ² ²» µ ¹ ³»²¼ º µ ² ¼»¾ ¹ ² «µ «ø» ½» ò Ü ¹ ³ ² «¹ ³»²¹¹ ³¾ µ ² ²» µ ¼³ ² ¼ ±»»² ³¾ ² ² «µ ««¼±»²ò Ù ³¾ íòïîò Ý»» Ì» ½» Í» ²½» Ü ¹ ³

49 íòìòíò Ý»» Í «¼»² Í» ²½» Ü ¹ ³ Í» ²½» ¼ ¹ ³ ² ³»²¹¹ ³¾ µ ² ²» µ ² ¹ ¼»²¹ ²»³ ¼ ³»²¼ º ²»» ¼ ¼ µ ø»¹» «¼»² ò Í» ²½» ¼ ¹ ³ ² «¹ ³»²¹¹ ³¾ µ ² ²» µ ¼³ ² ¼ ³ ±»»² ³¾ ²»» ¼ ¼ µ ø ¼¼ «¼»² ò Ù ³¾ íòïíò Ý»» Í «¼»² Í» ²½» Ü ¹ ³

50 íòìòìò Í» Ë» Í» ²½» Ü ¹ ³ Í» » ²½» ¼ ¹ ³ ¼ ¼ ¹ ³ ²¹ ³»²¹¹ ³¾ µ ² ²» µ ² ¼³ ² ¼»²¹ ²»³ ¼ ³»²¹ «² ò ïò Ý»» Ë» Í» ²½» Ü ¹ ³ Ù ³¾ íòïìò ³»²«² «µµ ² ±» ¼³ ² ³»² ³¾ ò Ù ³¾ íòïìò Ý»» Ë» Í» ²½» Ü ¹ ³

51 îò ß½ ª» ¼ ² Ü» ½ ª» Í» ²½» Ü ¹ ³ ß½ ª» ²¼ ¼» ½ ª»» ²½» ¼ ¹ ³ ¼» ²½» ¼ ¹ ³ ²¹ ³»²¹¹ ³¾ µ ² ±»»²¹ µ º ² ¼ ²»²±² µ ºµ ² ò Ù ³¾ íòïëò ß½ ª» ¼ ² Ü» ½ ª» Í» ²½» Ü ¹ ³

52 íòìòëò Í» Ì»½» Í» ²½» Ü ¹ ³ Ð ±»»² ³¾ ² ² «µ ¼» µ ² ¼ ± ² íòîòîò ïò Ë ¼» Ì» ½» Í» ²½» Ü ¹ ³ Ü ¹ ³ ² ³»²¹¹ ³¾ µ ² ±» «¼» ¼ ² «µ ««¼±»²ò Ù ³¾ íòïêò Ë ¼» Ì» ½» Í» ²½» Ü ¹ ³

53 îò Ü»»» ¼ ² Ó ² ¹» Ì» ½» Í» ²½» Ü ¹ ³ Ü ¹ ³ ² ³»²¹¹ ³¾ µ ² ¾ ¹ ³ ²»³ ³»² ³ µ ² ³ ² ¼³ ² ¼ ³»²¹» ± ² ² «µ ««¼±»²ò Ü ¹ ³ ² «¹ ³»²¹¹ ³¾ µ ² ±»»²¹ «² ¼ ² «µ «ò Ù ³¾ íòïéò Ü»»» ¼ ² Ó ² ¹» Ì» ½» Í» ²½» Ü ¹ ³

54 íòìòêò Í» Í «¼»² Í» ²½» Ü ¹ ³ Ð ±»»² ³¾ ²»» ¼ ¼ µ» ¼» µ ² ¼ íòîòíò ïò Ë ¼» Í «¼»² Ü ¹ ³ ² ³»²¹¹ ³¾ µ ² ±» «¼»»» ¼ ¼ µ ø «¼»² ò Ù ³¾ íòïèò Ë ¼» Í «¼»² Í» ²½» Ü ¹ ³

55 îò Ü»»» ¼ ² Ó ² ¹» Í «¼»² Í» ²½» Ü ¹ ³ Ü ¹ ³ ² ³»²¹¹ ³¾ µ ² ¾ ¹ ³ ²»³ ³»² ³ µ ² ³ ² ¼³ ² ¼ ³»²¹» ± ²»» ¼ ¼ µò Ü ¹ ³ ² «¹ ³»²¹¹ ³¾ µ ² ±»»²¹ «² ¼»» ¼ ¼ µò Ù ³¾ íòïçò Ü»»» ¼ ² Ó ² ¹» Í «¼»² Í» ²½» Ü ¹ ³

56 íòìòéò Í» ݱ Í» ²½» Ü ¹ ³ Ü ¹ ³ ² ³»²¹¹ ³¾ µ ² ±»»²¹ «² ³ µ«ø» ½± ò Ù ³¾ íòîðò ³»²¹¹ ³¾ µ ² ±»»² ³¾ ² ³ µ«ò Ü ¹ ³¾»»¾ ¾ ½ ²¹ ¼ ¹«² µ ² ¼ ½ Ýß½ ª»Ú± ³ô ݱݱ² ±» ô ݱ ô ¼ ² ÝÉ»¾Ë» ò ݱ ݱ² ±» ³»²¹ «¾«²¹µ ² ² Ýß½ ª»Ú± ³ ¼ ª» ¼»²¹ ² ݱ ¼ ³±¼» ò Ù ³¾ íòîðò Í» ݱ Í» ²½» Ü ¹ ³

57 íòìòèò Í» Ó ± Í» ²½» Ü ¹ ³ Ü ¹ ³» ³ ± ³»²¹¹ ³¾ µ ² ±»»²¹ «² ««² ø» ³ ± ò Ð ±»»² ³¾ ² ««² ¼ ¼ ¼ ¹ ³¾ íòîïò Ù ³¾ íòîïò Í» Ó ± Í» ²½» Ü ¹ ³ Ý ²¹ ¾» «¾«²¹ ² ¼ ³ ±»»»¾«¼ ½ Ó ± ݱ² ±» ²¹ ³»²¹ «¾«²¹µ ² ² Ýß½ ª»Ú± ³ ¼»²¹ ² ½ Ó ± ô ¼ ² ÝÉ»¾Ë» ò

58 íòìòçò Í» Ý» Í» ²½» Ü ¹ ³ Í» ½»» ²½» ¼ ¹ ³ ¼ ¼ ¹ ³ ²¹ ³»²¹¹ ³¾ µ ² ±»»²¹ «² µ» ò Ý Ý» ¾»» ²»¾ ¹ ³±¼» ò Ý ² ¾» «¾«²¹ ² ¼»²¹ ² ½ Ó ± ¼»²¹ ²» ³ ² ± ±²»ò Ù ³¾ íòîîò Í» Ý» Í» ²½» Ü ¹ ³

59 íòìòïðò Í» Ô»½ Í» ²½» Ü ¹ ³ Í» Ô»½ ¼» ²½» ¼ ¹ ³ ²¹ ³»²¹¹ ³¾ µ ² ±»»²¹ «² µ«ø»½ ò Ý Ô»½ ݱ² ±» ³»²¹ ««¾«²¹ ² ² ³±¼» ¼ ² ª» ¼ ³» ² ÓÊÝò Ë» ²¹ ¼ ³» µ«µ ² ±» ² ¼ ²¹ ³»³ «² ¾ ¹ ¼³ ²ò Ü ³»²¹ «² µ µ» ¼ ¼ µ«µ ² ¼»²¹ ² ³» ±¼ º» ø ¼ ² ½½» Î ø ò Ù ³¾ íòîíò Í» Ô»½ Í» ²½» Ü ¹ ³

60 íòìòïïò Í» Í «¼ Ð ² Ý ¼ Í» ²½» Ü ¹ ³ Õ±²»»óÔ» ² ²¹ ² ¼ µ µ» ¼ ² ª ò л» ¼ ¼ µ ³»³ µ µ «² «µ ³»²¹ ³¾ µ ²½ ² «¼ ò Í» µ ²½ ² «¼ ¾» ²º± ³ ô ³» ô ª ¼»± ¼ ² «¹ ¼»²¹ ³ «³ µ«ò Ö µ»» ¼ ¼ µ ²¹ ¼ µ ³»²¹ ³¾ µ ²½ ² «¼ ô ³ µ ¼ µ ¼ ³» µ±²»² ª» ²¹ ¼ ¼ ¼ ³² ò Ù ³¾ íòîìò Í» Í «¼ Ð ² Ý ¼ Í» ²½» Ü ¹ ³

61 íòìòïîò Í» ر³» б Í» ²½» Ü ¹ ³ Í» ±³» ±» ²½» ¼ ¹ ³ ³» «µ ² ¼ ¹ ³ ²¹ ³»²¹¹ ³¾ µ ² ±» ¼³ ² ³»²¹ «±³» ± ò ر³» ± ¼ ± ²¹ ² ³ ¼ ³ ² ±³»ò ر³» ± ¼ µ ¾»» ¼»²¹ ² ½ Ô»½ б λ ±² µ»² ±³» ± ¼ ««µ ² «² «µ ³»³¾» ²º± ³ «³«³»ó» ² ²¹ò Ù ³¾ íòîëò Í» ر³» б Í» ²½» Ü ¹ ³

62 íòìòïíò Í» б Í» ²½» Ü ¹ ³ Ü ¹ ³ ² ³»²¹¹ ³¾ µ ² ±»»²¹ «² ± ò Ç ²¹ ¼ ³ µ «¼µ ² ¼ ² ¼ ²º± ³ ±² ô ½± ³» ô ª ¼»± ô ¼ ² µ ò Ð ±»» ²º± ³ ±² ô» ½± ³» ô» ª ¼»± ô ¼ ²» µ ¼ ¼ µ ² ²½» ¼ ¹ ³ µ»² ¼ ¼ ² ½±² ±» ³»»µ ¼ ««² ² ¼ ½ л² б ݱ² ±» ¼ ² ³±¼» ²¹ ¼ ¹«² µ ² ³ ô «½ б ò Ù ³¾ íòîêò Í» б Í» ²½» Ü ¹ ³

63 Ü ¹ ³¾ íòîêô ¼ ¼ ¾ ½ л² б ݱ² ±» ¾» «¾«²¹ ² ¼»²¹ ² ½ б ¼ ² Ô»½ б λ ±² ò Ý Ô»½ б λ ±² ¼ ½ ²¹ ³»²¹ «¾»» Á»½ Á ± Á» ±² ²¹ ¾» «¾«²¹ ² ²»½ ¼ ² ± ò ²º± ³ ô ³» ô ª ¼»± ¼ ² «¹ «¾» «¾«²¹ ² ¼»²¹ ² ±¹ ³ «¼ ²¹ ¼ ³ «±»»²«± ô ¼ ³ ² ¼ ² «µ ««¼±»²ò

64 íòìòïìò Í» ݱ³³»² Í» ²½» Ü ¹ ³ Ü ¹ ³ ² ¼ ¼ ¹ ³ ²¹ ³»²¹¹ ³¾ µ ² ±»»²¹ «² µ±³»² ò л²¹ «² µ±³»² ¼ µ«µ ² ±» ²¹ ³»³¾«± «¼³ ² ¼ ²» ½» ò Ð ±»»² ³¾ ² µ±³»² ¼ µ«µ ² ¼ «¹ ³» ± ò Í»¼ ²¹µ ² «² «µ ³»²» ³ ø ±ª» ¼ ² ³»²± µ ø«² ±ª» µ±³»² ¼ µ«µ ² ¼ ³ ²»²¹» ± ² µ±³»² ø ³ ² ³ ² ¹» Ù ³¾ íòîéò Í» ݱ³³»² Í» ²½» Ü ¹ ³

65 íòìòïëò Í» Í «¼ λ «Ý ¼ Í» ²½» Ü ¹ ³ Í «¼ λ «Ý ¼ Í» ²½» Ü ¹ ³ ¼ ¼ ¹ ³ ²¹ ³»²¹¹ ³¾ µ ² ±»»²¹ «² µ ««¼ ò Ð ±» ² ² ¾ ¼ µ«µ ² ±» ² «µ ««¼±»² ²¹ ³»²¹ ³ «±¹ ³ «¼ ò Ò ²¹ ¼ ³ «µµ ² ¼ ² µ»²½ ²»» ¼ ¼ µ ²¹» ³»²¹ ³¾ µ ²½ ² «¼ ò Ù ³¾ íòîèò Í» Í «¼ λ «Ý ¼ Í» ²½» Ü ¹ ³

66 íòìòïêò Ê» Ë» Í» ²½» Ü ¹ ³ Í»» ¼³ ² ³»² ³¾ µ ² ô ¾ µ «¹ ¼ ²» ¼ ³» ¼ º ¼ ² ¼» ²º± ³ ò Ü ¹ ³ ¾» µ«¼» ²½» ¼ ¹ ³ ²¹ ³»²¹¹ ³¾ µ ² ±» µ» µ ¹ ¼ ² ³» ¼ º ¼ ² ¼» ¼ ò Ù ³¾ íòîçò Ê» Ë» Í» ²½» Ü ¹ ³ ¼ ² ² «µ «ò л² ³¾ ² «¹» ¼ µ» µ» ¼»² ³¾ ²»» ¼ ¼ µ

67 íòìòïéò Ê» Ì» ½» Í» ²½» Ü ¹ ³ Í» ²½» ¼ ¹ ³ ² ³»²¹¹ ³¾ µ ² ±» µ» µ ¼ ² ¹ ³» ¼ º ¼ ² ¼» ²º± ³ ² «µ «ø» ½» ò Ù ³¾ íòíðò Ê» Ì» ½» Í» ²½» Ü ¹ ³

68 íòìòïèò Ê» Í «¼»² Í» ²½» Ü ¹ ³ Í» ²½» ¼ ¹ ³ ² ³»²¹¹ ³¾ µ ² ±» µ» µ ¼ ² ¹ ³» ¼ º ¼ ² ¼» ³»²¹»² ²º± ³»» ¼ ¼ µ ø «¼»² Ù ³¾ íòíïò Ê» Í «¼»² Í» ²½» Ü ¹ ³

69 íòìòïçò Ê» ݱ Í» ²½» Ü ¹ ³ Í» ²½» ¼ ¹ ³ ² ³»²¹¹ ³¾ µ ² ±» µ» µ ¼ ² ¹ ³» ¼ º ¼ ² ¼» ²º± ³ ³»²¹»² ³ µ«ø½± Ù ³¾ íòíîò Ê» ݱ Í» ²½» Ü ¹ ³

70 íòìòîðò Ê» Ô»½ Í» ²½» Ü ¹ ³ Í» ²½» ¼ ¹ ³ ² ³»²¹¹ ³¾ µ ² ±» µ» µ ¼ ² ¹ ³» ¼ º ¼ ² ¼» ²º± ³ ³»²¹»² µ«ø»½ Ù ³¾ íòííò Ê» Ô»½ Í» ²½» Ü ¹ ³

71 íòìòîïò Ê» Í «¼ Ð ² Ý ¼ Í» ²½» Ü ¹ ³ Í» ²½» ¼ ¹ ³ ² ³»²¹¹ ³¾ µ ² ±» «¼»² ³» ¼ º ¼ ² ¼» ²º± ³ ³»²¹»² µ ²½ ² «¼ ø «¼ ² ½ ¼ Ù ³¾ íòíìò Ê» Í «¼ Ð ² Ý ¼ Í» ²½» Ü ¹ ³

72 íòìòîîò Ê» ر³» б Í» ²½» Ü ¹ ³ Í» ²½» ¼ ¹ ³ ² ³»²¹¹ ³¾ µ ² ±» ¼ ² ¹ ³» ¼ º ¼ ² ¼» ²º± ³ ³»²¹»² ±³» ± ò Ù ³¾ íòíëò Ê» ر³» б Í» ²½» Ü ¹ ³ Ü ¹ ³¾» ¾ ±»»»¾««¹ ³» ¾ µ ² ½ ݱ³³»² ò Ý Ý±³³»² ¼ ³ ±» ª» ± ¼ ¹«² µ ² ¼ ³ ±» ¾»» Á½±³³»² ²¹ ¾» ¼ ó¼ µ±³»² ò Ü ¹ ³¾»

73 ¾ ³» ±¼»²¼» «¹ ³»³ ²¹¹ ³» ±¼»²¼» Ð ò»²¼» Ð ²¹ ¼ ²¹¹ ¼ ¼«²¼» Ð ñ½±³³»² ñ ²¼» ²¹ ¾» ¼ º µ±³»² ¼ ² ñ½±³³»² ñº± ³ ²¹ ³»² ³ µ ² º± ³ «² «µ ³»³¾» µ ² µ±³»² ò íòìòîíò Ê» б Í» ²½» Ü ¹ ³ Í» ²½» ¼ ¹ ³ ² ³»²¹¹ ³¾ µ ² ±» ¼ ² ¹ ³» ¼ º ¼ ² ¼» ²º± ³ ³»²¹»² ± ò Ù ³¾ íòíêò Ê» б Í» ²½» Ü ¹ ³

74 Ð ±» ª» ± ¼ ¼ µ«µ ² ±» ¹ ¼ ² ô ² ³«²» ¼» ¾»¼ ² ² ª» ²¹ ¼ µ«µ ² ±» ¹ ¼ ² ò Í «¼»² ¼ ³» ± ²¹ ¾» º «¾ ½ ³ ««² ª»ô»¼ ²¹µ ² ¹ ² ¼ ³» ± ²¹ ² ¾» º «¾ ½ò Ð ±» ² «¹ ³» ¾ µ ² ½ ݱ³³»² «² «µ»²¹±» ² ¼» Á½±³³»² ò íòìòîìò Ê» Í «¼ λ «Ý ¼ Í» ²½» Ü ¹ ³ Ê» «¼ ² ½ ¼» ²½» ¼ ¹ ³ ¼ ¼ ¹ ³ ²¹ ³»²¹¹ ³¾ µ ² ±» ²» µ» ½» ³» µ ««¼ ò ² «²¹ ¼ ¾» µ ² ¼ ² µ ô «² ¼»²¹ ² µ ìò Ø «¼ «¹ ¼ ¼ ±» «¼»² ¼ µ ²½ ² «¼ ò Ù ³¾ íòíéò Í «¼ λ «Ý ¼ Í» ²½» Ü ¹ ³

75 íòìòîëò Ë ± ¼ Ì µ Í» ²½» Ü ¹ ³ Ë ± ¼ µ» ²½» ¼ ¹ ³ ¼ ¼ ¹ ³ ²¹ ³»²¹¹ ³¾ µ ² ±» ²» µ «¼»² ³»²¹«± ¼ «¹ ò Ë ± ¼ ² ¼ ¼ µ«µ ²»¾» «³ µ ²¹«³ «² ¾ ò Ù ³¾ íòíèò Ë ± ¼ Ì µ Í» ²½» Ü ¹ ³ Ü ¹ ³¾» ¾ ±» ² ³» ¾ µ ² ½ Ó«± ¼ º «««² ² ¼ ½ Ý ² «²¹ ³»³¾ ² «±» ² «ò Í»» ²¹ ¼» µ ² ¼ ³ ± ² ½ ¼ ¹ ³ò Ý ² «É ¼¹» ¼ ² ««² ²² ¼ ¼ ¹«² µ ² ¼ ³ º± ³ «² «µ ³»³¾ ² ««³»³«¼ µ ² ² «ò

76 íòìòîêò Ë ¼» Ð ±º» Í» ²½» Ü ¹ ³ Ë ¼» ±º» ¼ ¼«ô ««¼» ±º» «² «µ «¼»² ¼ ² «¼» ±º» «² «µ» ½» ò ïò Ë ¼» Ð ±º» Ì» ½» Í» ²½» Ü ¹ ³ Ü ¹ ³ ² ³»²¹¹ ³¾ µ ² ±» «¼» ±º» ±»» ½» ò Ù ³¾ íòíçò Ë ¼» Ð ±º» Ì» ½» Í» ²½» Ü ¹ ³

77 îò Ë ¼» Ð ±º» Í «¼»² Í» ²½» Ü ¹ ³ Ü ¹ ³ ² ³»²¹¹ ³¾ µ ² ±» «¼» ±º» ±» «¼»² ò Ù ³¾ íòìðò Ë ¼» Ð ±º» Í «¼»² Í» ²½» Ü ¹ ³

78 íòëò ß² Ü ¾» Í»»»³¾«²» ²½» ¼ ¹ ³ô ²¹µ» ² «² ¼ ² ¼ ¾»ò Ì ² ¼ ¾»» ¼ ¼ ¼ ² µ»¾««² ¼ ô»²» ±² ¼ ¹ ³ô ¼ ² ½»³ ¼ ¹ ³ò íòëòïò ß² Õ»¾««² Ü Í»¾» «³ ³»³¾«ÛÎÜô»»¾ ¼ ««¼ ² ³»²¹»² µ»¾««² ¼ ò ïò Ë» ò Ë» ³»³ «² ² ³»ô Á»³ ô ± ¼ô Á «ô Á ½ ª ±²Á «ô Á ½ ª ±²Á¼»ô Á Á ±¹ ²ò ¾ò Ë» ² ³» ¼ ³ µ» ²¹ ¾» º «² ò ï ² ³»³ µ ï ² ³»ò Ë» ² ³» ²¹ ¼ ¹«² µ ² ¼ µ ¾±» ³ ô ² ³«² ± ¼ ²¹ ¼ ¹«² µ ² ¾±» ³ ò Ë» ² ³» ¼ ² ± ¼ ¼ ¹«² µ ² «² «µ ±¹ ² µ» ¼ ³»óÔ» ² ²¹ò Í» µ»² ³¾ ² ô» ½» ô ¼ ² «¼»² µ ² ³»² ³¾»½± ¼ ¼ ³ ¾» ò îò Ì» ½» ø ² «µ ««¼±»² ò Í»» ½» ³»³ µ» ½» Á ¼ô» ½» Áº«² ³»ô» ½» Á ¼¼» ô» ½» Á ±²»ò ¾ò Ì» ½» Á ¼ ¼ Ò ÐñÒ ÜÒ ø ² ²¹ ¼ ¹«² µ ²»¾ ¹ ³ µ» µ»² ¾» º «² ò ½ò Í ½» ³»²¹ ¾ ² µ µ«¼ µ» ¼ ² ³ µ»² «ò ¼ò Í»» ½» ³»³ «² ² ³» ²¹ «² ¼ ² ± ¼ ²¹ ¼ ¹«² µ ² «² «µ ±» ±¹ ²ò íò Í «¼»² ø»» ¼ ¼ µ ò Í «¼»² ³»³ «² «¼»² Á ¼ô «¼»² Áº«² ³»ô «¼»² Á ¼¼» ô «¼»² Á»³»» ô ¼ ² «¼»² Á ±²»ò ¾ò Í «¼»² Á ¼ ¼ ³ ³»³»² ² ¼ Ò Ó ²¹ ¾» º «² » ²¹¹ ¼ ¼ µ ² ³ µ» ò

79 ìò ëò êò éò èò ½ò Í «¼»² ¼ ³»²¹ ³¾ µ» µ«²¹»»»¼ «² «µ ¼ ¼ µ ²»¾ ¹»²½ ² «¼ ² ò ¼ò Þ ² µ «¼»² ²¹ ³»²»³ ï µ» ò»ò Í» «¼»² ³»³ µ ² ³» ¼ ² ± ¼ò ݱ ø³ µ«ò Ó µ«³»³ «² ½±Á ¼»¾ ¹ ³ µ» ô ½±Á² ³»ô ½±Á«½«ø«² ª» ½»¼ «² Ó ± ø ««² ò Í» ««² ³»³ µ ³ ± Á ¼ô ¼ ² ³ ± Á² ³» ¾ò Ó ± Á ¼ ¼ ³ µ» ²¹ ¾» º «² ò ½ò Í» ««²» ¼ ¼ ¾ ² µ µ» ò Ý øµ» ò Í» µ» ³»³ µ ½ Á ¼»¾ ¹ ³ µ» ô ¼ ² ½ Á² ³»ò Ô»½ øµ«ò Ô»½ ¼ ²¹ ¼ ¹«² µ ²»¾ ¹ µ«ò ¾ò Í»» µ«² ³»³ µ» ½»»¾ ¹»²¹ ô µ» ¼ ² ³ µ«ò ½ò Ô»½ ¼»²»³ ²¹» ¹ ² «²¹ ¼» ½» ô ½ ô ¼ ² ½± ò ¼ò Ô»½ ³»³ «²»½ Á ¼ ²¹ ¾» º «² ¼ ² «± ²½»³»² ²¹ ¼ ¹«² µ ² «² «µ ¾»» ¼»²¹ ²»² ²ò б ò б ³»³ µ ± Á ¼»¾ ¹ ³ µ» ²¹ ¾» º «± ²½»³ ² ò ¾ò Í» ± «¹ ³»³ µ ± Á»»¾ ¹ «¼«ô ± Á½±²»²»¾ ¹ ¼ ± ô ± Á «¼ º ± ô ± Á½±³³»² Á «ô ± Áª ¾»ô ± Á¼»ô ± Á³±¼ º»¼ô µá¼» ¼ ²»ô ± Áª ¼»±ò ½ò б Á «² ¼ ¼ ¼»²¹ ² ² «¾ «¼ º ò Ы¾ ² ±»»¾««¼ ¼ ¼ ±» «¹ ò Í»¼ ²¹µ ² ¼ º ¼ ± ²¹ ³ ¾» º ²½ ²¹ ²ò

80 ¼ò б Á½±³³»² Á «² ¼ ¼ ¼»²¹ ² ±»² ¼ ² ½ ±»ò Ñ»² ¾» ±»»¾«¼ ¼ µ±³»² ô»¼ ²¹µ ² ½ ±» ¼ µ ¼ ¼ µ±³»² ò»ò б Áª ¾» ¼ «ª ¼ ±»»¾«ò Ы¾ ½ ¾» ±»»¾«² ¼ ¼ ±» ¼ ² ¹ ô»¼ ²¹µ ² ª» ² ¼ ¼ ±» ²¹ ³»³ «² µ µ» ò ºò Ì µá¼» ¼ ²» ² ¼ ³ µ ±» ± ¼»²¹ ²» µô»¼ ²¹µ ² ± Áª ¼»± ² ¼ ³ µ ±» ± ¼»²¹ ²» ª ¼»± ¹ò б ² ¼ ¼ ±» ²¹ ³»³ µ µ µ» «² «µ ³»² ³¾ µ ² ± ò ò Í» ± ¼ ³»³ µ ¾ ² µ µ±³»² ò çò ݱ³³»² øµ±³»² ò Í» µ±³»² ³»³ µ ½±³³»² Á ¼»¾ ¹ ³ µ» ô ½±³³»² Á «± ô ½±³³»² Á «± Á»³ ô ½±³³»² Á «ô ½±³³»² Á½±²»² ô ½±³³»² Á¼» ïðò Ý ò Ý ¾» ¼ ½ ²¹ ²¹ ² ¼ ¼ ±» ò ¾ò Í» ½ ³»³ µ ¼»¾ ¹ ³ µ» ô ³» ¹» ²¹ ¾»» ²ô»² ²¹ ¾» ²¹¹»²¹ ³ ²ô ¼ ²»½¼ò

81 íòëòîò Û² λ ±² Ü ¹ ³ øûîü Û²» ±² ¼ ¹ ³ øûîü ¼»³±¼» ² ¼ ¾»» ±² ò Ü ³ ² ¼ ¾» µ ² ¹ ³¾ ² ³»²¹»² «¾«²¹ ² ¼ ¾»ò Ù ³¾ íòìïò Û² λ ±² Ü ¹ ³

82 Ü»³¾«² ÛÎÜ µ»³«¼ ² ¼ ¾³» ²ò ß¼ «²»³» ² ¼»¾ ¹ ¾» µ«ïò Ý ¼ô º± ³ô ±ô ³» ¹»ô»² ô»½¼ò îò Ý» ½ Á ¼ô ³ ± Á ¼ô ½ Á² ³»ò íò ݱ³³»² ½±³³»² Á ¼ô ² ³»ô ± Á ¼ô ½±³³»² Á «± ô ½±³³»² Á «± Á»³ ô ½±³³»² Á½±²»² ô ½±³³»² Á «ô ½±³³»² Á¼»ò ìò Ý ½±Á ¼ô ½±Á² ³»ô ¼ ² ½±Á«½«ò ëò Ô»½ »½ Á ¼ô» ½» Á ¼ô ½±Á ¼ô ½ Á ¼ô»½ Á»³»» ò êò Ô»½ б λ ±²»½ Á ¼ô ± Á ¼ò éò Ó ± ³ ± Á ¼ô ³ ± Á² ³» èò б ± Á ¼ô ² ³»ô ± Á½±²»² ô ± Á «ô ± Á½±³³»² Á «ô ± Áª ¾»ô ± Á¼»ô ± Á³±¼ º»¼ô µá¼» ¼ ²»ô ¼ ² ± Áª ¼»± çò Í «¼»² «¼»² Á ¼ô ² ³»ô «¼»² Á ¼¼» ô «¼»² Á»³»» ô ½ Á ¼ò ïðò Í «¼ Ð ²Ý ¼ «¼»² Á ¼ô»½ Á ¼ô ½Á»³»» ô ½Áª ô ½Á ³¾± ò ïïò Ì» ½»» ½» Á ¼ô ² ³»ô» ½» Áº«² ³»ô» ½» Á ¼¼» ô» ½» Á ±²»ò ïîò Ë» ² ³»ô Á»³ ô ± ¼ô Á «ô Á ½ ª ±²Á «ô Á ½ ª ±²Á¼»ô Á ±¹ ²Á «ô Á Á ±¹ ²ò

83 ïíò ݱ²º ¹«±² ¼ô ½±²º ¹«±²Á² ³»ô ½±²º ¹«±²Áª ò íòëòíò ͽ»³ Ü ¹ ³ Þ» ¼ µ ² ÛÎÜ ²¹» ¼» µ ²ô µ»³«¼ ² ¼ ¾«½»³ ¼ ¹ ³ ²¹ ³»²¹¹ ³¾ µ ² ¾» ¼ ²» ¾» ¼ ³ ¼ ¾»ò Ù ³¾ íòìîò ͽ»³ Ü ¹ ³

84 íòêò Ü» ² ²» º ½» л ²½ ²¹ ² ¼» ² ²» º ½» ¼» ²½ ²¹ ² ³»²¹»² ³ ² ² ³«µ ø ²» º ½» ò Ø ³ ² ² ³«µ ø ±««³ ¼ ¼«¾»² «µô «æ ïò Ô ±«î µ± ±³ Ù ³¾ íòìíò Ô ±«í Õ± ±³ îò Ô ±«í µ± ±³ Ù ³¾ íòììò Ô ±«í Õ± ±³

85 BAB IV IMPLEMENTASI DAN PEMBAHASAN Implementasi dan pembahasan disajikan pada bab IVini. Implementasi meliputi implementasi mengenai interface dan implementasi mengenai proses. Setiap implementasi akan diberikan penjelasan dan gambar yang relevan Halaman Utama Halaman utama merupa kan halaman yang menjadi tampilan utama pada aplikasi ini. Halaman utama merupakan halaman dimana konten dimanis e- Learning berada. Halaman e-learning ini terdiri dari dua jenis, yaitu halaman 2 kolom dan halaman 3kolom. Pengaturan layout halaman utama berada pada direktori view/layout s. 1. Halaman 3 kolom Tampilan 3 kolom digunakan dalam halaman users, teachers, students, courses, majors, classes, lectures, study plan card, study result card, dan comments. Gambar 4.1. Halaman Utama 3Kolom 69

86 70 2. Halaman 2 kolom Halaman 2kolom digunakan dalam halaman materials, videos, dan tasks) posts (informations, course Gambar 4.2. Halaman Utama 2Kolom 4.2. Halaman Login Halaman 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 dialog login seperti gambar 4.3. Gambar 4.3. Login Form

87 Create dan Update Teacher Teacher _form adalah file PHP pada folder view yang digunakan pada proses render create dan update teacher. Saat render, method renderpartial dipanggil untuk menampilkan _form. _form merupakan file PHP yang didalamnya terdapat instansiasi CActiveForm untuk mengisi data-data teacher. Gambar 4.4. Create dan Update Teacher

88 Create dan Update Student Student _form adalah file PHP yang dipanggil saat proses render create dan update student. Pada saat proses render create dan update, method renderpartial dipanggil untuk menampilkan form input. Gambar Create dan Update Student

89 Create dan Update User Halaman create user adalah halaman yang digunakan saat admin menambahkan user. Halaman yang muncul sama dengan halaman yang muncul pada halaman update user karena method renderpartial memanggil file yang sama, yaitu file _form. Gambar 4.6. Create dan Update User

90 Manage Users Gambar 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-learning. Gambar 4.7. Manage Users 4.7.Create dan Update Course Halaman create course merupakan halaman yang digunakan untuk menambahkan mata kuliah ke dalam sistem. Pada saat method render dipanggil, method tersebut juga memanggil method renderpartial yang memanggil file _form untuk ditampilkan. File tersebut juga digunakan pada proses update. Gambar 4.8. Create dan Update Course

91 Create dan Update Major Create major adalah halaman yang digunakan admin untuk memasukkan data jurusan. Halaman yang muncul sama dengan halaman update major. Gambar 4.9. Create dan Update Majors 4.9. Create dan Update Class Create class adalah halaman yang digunakan admin untuk memasukkan data kelas. Halaman yang muncul sama dengan halaman update class. Gambar Create dan Update Classes Create dan Update Lecture Halaman create lecture adalah halaman yang hanya dapat digunakan oleh admin. Halaman ini digunakan untuk menambahkan kuliah ( lecture). Untuk memudahkan dalam hal input dan mengurangi kesalahan input, proses input data menggunakan class CjuiAutocomplete sehingga data yang dimasukkan valid.

92 76 Gambar 4.1. Create dan Update Lecture Set Study Plan Card Data lecture kemudian digunakan dalam proses input kartu rencana studi. Class EMultiselect diinstansiasi dan digunakan dalam proses ini agar memudahkan dalam hal input data. Halaman ini hanya dapat diakses oleh peserta didik (student). Gambar Set Study Plan Card

93 Create dan Update Home Post Halaman create home post adalah halaman yang digunakan dalam pembuatan home post. Halaman ini hanya dapat diakses oleh admin. Terdapat 3 tombol dibawah textarea, yaitu publish untuk mempublikasikan, draft untuk menyimpan tanpa mempublikasikan, dan back untuk kembali ke halaman sebelumnya. Terdapat checkbox dan radiobutton untuk mengatur privasi dan status komentar. Gambar Create dan Update Home Posts

94 Create dan Update Information Halaman create information digunakan untuk menambahkan informasi. Halaman ini hanya dapat diakses oleh teacher. Sedangkan halaman update digunakan untuk meng-update informasi. Gambar Create dan Update Informations Berdasarkan 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 update juga dipanggil method renderpartial renderpartial yang memanggil file _form yang menciptakan form guna memasukkan data informasi Create dan Update Course Material Create course material adalah halaman yang digunakan untuk menambahkan materi. Halaman ini hanya dapat diakses oleh teacher. Sama seperti proses penambahan dan render informasi, halaman ini juga mempunyai input multiselect yang digunakan untuk mengisi data hubungan antara kuliah dan

95 79 post. Yang membedakan antara materi dan informasi adalah tipe post. Tipe post materi adalah Course Material, sedangkan informasi mempunyai tipe post Informations. Gambar Create dan Update Course Material Create dan Update Video Create video adalah halaman yang muncul ketika teacher 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 v=zelwb2gcrao& feature=fvsr, maka id video tersebut adalah kode setelah tanda v=, yaitu ZElwb2Gcrao.

96 80 Id tersebut kemudian dimasukkan ke dalam kolom id youtube. Pada saat masuk ke halaman indexdan view video, maka Id tersebut akan diolah oleh obje k dari class JYoutube sehingga menjadi frame yang berisi video tersebut. Gambar Create dan Update Video Create dan Update Task Create task adalah halaman yang digunakan untuk menambahkan tugas ke dalam e-learning. Pada gambar 4.17, terlihat bahwa terdapat kolom tambahan untuk menambahkan waktu pengumpulan tugas.

97 81 Gambar Create dan Update Task Manage Comments Halaman manage comments adalah halaman yang digunakan untuk melakukan pengaturan komentar yang masuk. Pada halaman pengaturan ini, terdapat tombol untuk menghapus, mengedit, melihat, menerima (approve), dan menolak (unapprove) komentar. Gambar Manage Comments

98 Set Study Result Card Halaman ini menunjukkan halaman yang digunakan oleh teacher untuk mengisi dan mengupdate nilai akhir yang dicapai oleh peserta didik. Nilai yang dimasukkan adalah nilai akhir dengan skala 4. Untuk menghindari kesalahan input, maka digunakan dropdown dalam memasukkan nilai tersebut. Gambar Set Study Result Card Index Users dan View User Daftar user akan muncul pada halaman index. Sedangkan detail informasi mengenai user tersebut akan muncul ketika link berupa username diaktifkan. Gambar menggambarkan index users yang memberikan daftar user. Gambar Index Users

99 83 13nightevil. Gambar menunjukkan detail informasi user dengan username Gambar View User Index Teachers dan View Teacher Index teacher menunjukkan daftar teacher. Pada gambar terlihat juga gravatar dari teacher. Gravatar dibuat berdasarkan alamat . Gambar 4.2. Index Teachers Ketika link berupa Id informasi mengenai teacher. teacher diaktifkan, maka akan muncul detail Gambar View Teacher

100 Index Students dan View Student Halaman index student, menampilkan daftar student. Informasi yang ditampilkan pada halaman ini adalah ID, username, fullname, dan address. Gambar Index Students dengan ID M Gambar berikut merupakan gambar detail informasi mengenai student Gambar View Student Index Courses dan View Course Halaman index, hanya menampilkan daftar nama mata kuliah, sedangkan detail informasi matakuliah terdapat pada halaman view. Gambar Index Courses

101 85 adalah Gambar 4.27menggambarkan halaman view course dengan id course Gambar View Course Index Majors dan View Major Halaman index majors, menampilkan daftar jurusan (majors). Halaman ini mempunyai dua tautan, yang pertama adalah link berupa nama jurusan dan yang kedua adalah details. Gambar Index Majors Tautan nama jurusan berisi daftar kelas pada jurusan tersebut, sedangkan details berisi detail informasi jurusan tersebut. Gambar View Major

102 Index Classes dan View Class Daftar kelas terdapat pada halaman index class, sedangkan detail informasi mengenai kelas tersebut terdapat pada halman view. Gambar Index Classes Jika link berupa nama kelas diaktifkan maka halaman akan dialihkan menuju view yang menampilkan detail informasi mengenai kelas tersebut. Gambar View Class Index Lectures Halaman index lectures berisi deretan detail lectures, yaitu nama instruktur, nama mata kuliah, jurusan dan kelas. Gambar Index Lectures

103 Index Study Plan Card Index study plan card menampilkan daftar mata kuliah yang hanya diambil oleh peserta didik. Gambar Index Study Plan Card Jika link yang terdapat pada halaman index study plan card dan lectures diaktifkan, maka kita akan diarahkan pada halaman index post yang didalamnya terdapat 4link, yaitu information, course material, video, dan task. Masing - masing link tertuju pada pada halaman informatios, course materials, videos, dan tasks. Gambar Index Posts

104 Index Home Posts dan View Home Post Home post adalah post yang terdapat pada halaman awal saat masuk ke dalam e-learning. /site/indexadalah URL dari home. Pada URL tersebut disajikan daftar home post. Gambar Index Home Posts Jika judul post tersebut diklik maka akan muncul detail home post seperti yang ditunjukkan pada gambar berikut. Gambar View Home Post

105 Index Informations dan View Information Halaman index informations berisi daftar informasi yang dapat diakses oleh user dan guest. Guest hanya dapat mengakses informasi yang bersifat public. Gambar Index Informations tersebut. Jika judul informasi diklik, maka akan muncul detail informasi dari post Gambar View Information Dari gambar terlihat bahwa saat berada pada halaman view information, terdapat form untuk memberikan komentar dan daftar komentar. Jika tidak ada komentar, maka ditampilkan pesan no result found. Pada gambar, juga

106 90 terlihat tombol untuk memasukkan post tersebut ke dalam aplikasi jejaring sosial seperti facebook, google+, dan twitter Index Course Materials dan View Course Material Index course material berisi daftar materi yang telah dipublish. Jika judul dari post diklik, maka kita akan diarahkan ke view yang berisi detail informasi dari materi yang dipublikasikan tersebut. Gambar Index Course Materials Gambar berikut menunjukkan halaman view dari materi yang berjudul Gambar View Course Material

107 Index Videos dan View Video instruktur. Gambar menunjukkan daftar video yang telah dipublikasikan oleh Gambar Index Videos Setiap post yang telah diisi dengan id youtube akan menampilkan gambar kecil pada daftar yang berisi video dari youtube tersebut. Jika gambar tersebut diklik, maka gambar tersebut akan berubah menjadi video yang siap untuk dimainkan. Halaman view hampir sama dengan halaman index, namun gambar yang ditampilkan lebih besar dan terletak ditengah-tengah dan terdapat form komentar. Gambar View Video

108 Index Tasks dan View Task instruktur Halaman index dari tasks berisi daftar tugas yang telah dipublikasikan oleh Gambar Index Tasks Pada halaman view akan muncul detail informasi mengenai tugas tersebut. Jika waktu pengumpulan file tugas belum habis, maka akan terdapat tombol untuk meng-upload file tugas. Gambar View Task