144 BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Untuk mengimplementasikan aplikasi e-learning ini, terlebih dahulu harus disediakan server, perangkat lunak (software), perangkat keras (hardware) untuk client, serta sumber daya manusia. Di bawah ini akan dijabarkan spesifikasi server, software, hardware, dan sumber daya manusia yang dibutuhkan untuk mengimplementasikan aplikasi ini. 4.1.1 Spesifikasi Kebutuhan Perangkat Keras Perangkat keras adalah bagian fisik komputer yang membentuk suatu sistem komputer dan dipergunakan untuk proses pengolahan data. Maka spesifikasi perangkat keras yang dibutuhkan oleh client agar dapat mengakses aplikasi ini adalah : Intel Pentium 4 Processor Monitor HardDisk dengan kapasitas 20 GByte Memory 512 MByte VGA Card 64 MByte Keyboard Mouse
145 Network interface card Koneksi Internet Sedangkan perangkat minimum yang dibutuhkan oleh server untuk aplikasi ini adalah : Intel Pentium Dual Core 2.0 GHz processor Monitor HardDisk dengan kapasitas 40 GByte Memory 1 GByte VGA Card 256 MByte Keyboard Mouse Network interface card Koneksi Internet 4.1.2 Spesifikasi Kebutuhan Perangkat Lunak Kebutuhan perangkat lunak minimum yang dibutuhkan oleh client agar dapat mengakses aplikasi ini adalah : Operating system Windows XP Perangkat lunak yang digunakan untuk menjalankan sistem komputer.
146 Internet Browser (Internet Explorer atau Mozilla Firefox) Perangkat lunak yang berfungsi untuk mencari aplikasi berupa website dalam jaringan internet. Sedangkan kebutuhan perangkat lunak minimum yang dibutuhkan oleh server untuk menjalankan aplikasi ini adalah : Operating system Windows XP Microsoft Visual Studio 2008 Adapun kebutuhan yang dibutuhkan oleh server yaitu web hosting. Web hosting adalah layanan penyewaan ruang simpan data (space) yang digunakan untuk menyimpan data-data e-learning agar halaman e-learning tersebut dapat diakses dari mana saja. Aplikasi yang kami buat membutuhkan web hosting yang mendukung ASP.NET 3.5. dibutuhkan bandwidth minimal 128 kbps, karena diharapkan aplikasi ini dapat berjalan dengan maksimal dan cepat. Pada aplikasi kami ini web hosting yang digunakan adalah ASPnetserver yang dapat dilihat pada situs www.aspnetserver.com. Ada 3 pilihan web hosting yang ditawarkan oleh ASPnetserver yakni yang memiliki kapsitas memori 100 megabyte, 500 megabyte, dan 1 gigabyte. Kami memilih untuk menggunakan web hosting dengan kapasitas memori 1 gigabyte karena memang aplikasi kami tidak lebih besar dari itu. Untuk biaya web hosting dengan memori 1 gigabyte tersebut dikenakan biaya sebesar Rp. 700.000 / tahun.
147 4.1.3 Kebutuhan Sumber Daya Manusia Selain hardware dan software, dibutuhkan juga sumber daya manusia dalam pengimplementasian aplikasi ini, yaitu seorang system administrator (admin), yang berperan sebagai back end user. Back end user adalah pemakai sistem yang bertugas memberikan umpan balik kepada front end user (siswa dan guru) berupa jawaban dari pertanyaan, dan juga bertugas memperbaharui informasi pada e-learning seperti jadwal pelajaran, pengumuman, forum, materi pelajaran yang bisa didownload dan lain-lain. 4.1.4 Instalasi Software Software yang digunakan untuk membuat aplikasi ini adalah Microsoft Visual Studio 2008. Dibutuhkan DVD Visual Studio 2008 untuk dapat melakukan instalasi software ini. Masukkan DVD ke DVD drive, lalu jalankan Autorun, kemudian Windows akan menampilkan seperti pada pada gambar berikut. Klik View ReadMe untuk membaca informasi tentang software ini. Kemudian klik link Install Visual Studio 2008 untuk memulai instalasi.
148 Gambar 4.1 Konfirmasi untuk intalasi Visual Studio 2008 Setelah itu program akan meng-copy file-file yang diperlukan ke dalam folder sementara. Selanjutnya pada halaman Welcome di bawah ini terdapat checkbox untuk mengirim setup ke Microsoft, namun hal itu tidak perlu dilakukan. Setelah loading data-data selesai klik tombol Next.
149 Gambar 4.2 Tampilan halaman Welcome Setup wizard akan memberikan daftar semua komponen yang perlu diinstal. Setiap komponen yang telah terinstal juga akan disebutkan. Masukkan serial number pada Product key, kemudian klik tombol Next
150 G Gambar 4.3 Halaman Awal Setup Lalu pada halaman selanjutnya terdapat 3 pilihan instalasi, yaitu: Default, Full dan Custom. Kemudian pilih lokasi instalasi lalu klik tombol Install.
151 Gambar 4.4 Konfimasi letak instalasi Setelah itu instalasi pun dimulai. Harap ditunggu dan melihat step-by-step komponen-komponen dari Visual Studio 2008 yang diinstal.
152 Gambar 4.5 Tahap-tahap instalasi komponen Visual Studio 2008 Setelah instalasi selesai, klik tombol Finish. Kemudian restart komputer untuk menjalankan Visual Studio 2008 yang baru terinstal.
153 Gambar 4.6 Tampilan VS 2008 untuk memilih bahasa digunakan Untuk memulai pengoperasian Visual Studio 2008 klik Start Visual Studio, apabila tidak pilih Exit Visual Studio.
154 4.1.5 Cara Pemakaian Aplikasi Pada gambar 4.7 sampai 4.47 dapat dilihat tampilan dari layar aplikasi e-learning yang telah kami buat. 4.1.5.1 Halaman Login Gambar 4.7 Tampilan Halaman Login Halaman ini adalah halaman pertama yang akan muncul apabila user mengakses e-learning SMA Negeri 61. Untuk masuk dan melihat halaman selanjutnya, user harus memasukkan username dan password dengan benar. Selain itu user juga harus menentukan apakah ia masuk sebagai siswa atau guru pada pilihan status. Setelah semua diisi dengan benar, maka klik tombol Log In.
155 4.1.5.2 Halaman Home Siswa Gambar 4.8 Tampilan Halaman Home Siswa Halaman ini akan muncul setelah kita sukses melakukan login. Pada halaman ini terdapat pengumuman-pengumuman yang berhubungan dengan sekolah. Di pengumuman tersebut terdapat tanggal serta waktu kapan pengumuman tersebut di posting. Pada bagian atas terdapat menu-menu menuju halaman lain yaitu Data Pribadi, Jadwal, Kelas, Nilai, Forum, Ubah Password, serta Logout yang berguna untuk keluar dari aplikasi ini.
156 4.1.5.3 Halaman Data Pribadi Siswa Gambar 4.9 Tampilan Halaman Data Pribadi Siswa Halaman ini muncul apabila kita memilih menu Data Pribadi. Pada halaman ini ditampilkan data pribadi dari siswa yang bersangkutan. Selain itu ditampilkan juga data orang tua siswa tersebut. Pada halaman ini, siswa dapat melakukan perubahan data pribadi dengan cara meng-klik tombol Edit.
157 4.1.5.4 Halaman Update Data Pribadi Siswa Gambar 4.10 Tampilan Halaman Update Data Pribadi Siswa Halaman ini akan muncul ketika kita meng-klik tombol Edit yang terdapat pada halaman data pribadi siswa. Pada halaman ini siswa dapat mengubah field alamat e-mail dan nomor telepon yang ada. Bila sudah melakukan perubahan, siswa dapat meng-klik tombol Update untuk melakukan konfirmasi perubahan, dan tombol Cancel untuk kembali pada halaman data pribadi siswa di mana halaman yang hanya berisi data siswa tanpa ada field yang diubah.
158 4.1.5.5 Halaman Jadwal Siswa Gambar 4.11 Tampilan Halaman Jadwal Siswa Halaman ini akan muncul ketika kita memilih menu Jadwal. Di halaman ini ditampilkan jadwal pelajaran siswa selama satu minggu bersekolah serta shift dari mata pelajaran tersebut.
159 4.1.5.6 Halaman Kelas Siswa Gambar 4.12 Tampilan Halaman Kelas Siswa Halaman ini muncul ketika siswa memilih menu Kelas. Pada halaman ini ditampilkan semua mata pelajaran siswa selama satu tahun. Untuk melihat materi dari masing-masing mata pelajaran, user bisa meng-klik dari salah satu materi pelajaran yang diinginkan.
160 4.1.5.7 Halaman Jumlah Pertemuan Kelas Siswa Gambar 4.13 Tampilan Halaman Jumlah Pertemuan Kelas Siswa Halaman ini akan muncul apabila user telah meng-klik salah satu dari mata pelajaran. Pada halaman ini siswa akan mengetahui berapa jumlah pertemuan dari masing-masing mata pelajaran serta materi dari tiap-tiap pertemuan tersebut.
161 4.1.5.8 Halaman Materi Pelajaran Siswa Gambar 4.14 Tampilan Halaman Materi Pelajaran Siswa Halaman ini ditampilkan setelah siswa memilih salah satu dari materi tiap-tiap pertemuan. Di halaman ini siswa bisa men-download materi-materi dari mata pelajaran yang dimaksud dengan cara meng-klik tombol Download. Terdapat 2 jenis materi, yakni materi utama dan materi tambahan. Selain itu, pada halaman ini siswa juga dapat meng-upload tugas yang diberi oleh guru dengan cara meng-klik tombol Upload Tugas.
162 4.1.5.9 Halaman Upload Tugas Siswa Gambar 4.15 Tampilan Halaman Upload Tugas Siswa Halaman tersebut muncul ketika kita telah meng-klik tombol Upload Tugas. Tugas yang akan di-upload dapat diberi keterangan kemudian klik tombol Browse untuk memilih di directory mana tugas yang akan di-upload tersebut berada. Lalu klik tombol Submit untuk mengirim tugas.
163 4.1.5.10 Halaman Nilai Siswa Gambar 4.16 Tampilan Halaman Nilai Siswa Halaman ini muncul ketika siswa memilih menu Nilai. Di halaman ini ditampilkan nilai-nilai siswa beserta nama mata pelajarannya. Nilai-nilai yang ditampilkan antara lain adalah nilai dari tugas-tugas mandiri, nilai ujian tengah semester, dan nilai ujian akhir semester.
164 4.1.5.11 Halaman Forum Siswa Gambar 4.17 Tampilan Halaman Forum Siswa Halaman ini muncul ketika siswa memilih menu Forum. Pada halaman ini siswa dapat melihat thread-thread yang ada dan waktu kapan thread itu dibuat. Terdapat pula menu untuk membuat topik thread baru dalam forum ini.
165 4.1.5.12 Halaman Thread Forum Gambar 4.18 Tampilan Halaman Thread Forum Halaman ini muncul ketika kita telah memilih salah satu topik yang ada di dalam forum. Halaman ini menampilkan semua thread yang di posting user pada salah satu topik yang dipilih sebelumnya. Di halaman ini terdapat pilihan untuk membuat reply baru dari topik itu atau meng-quote salah satu thread yang ada.
166 4.1.5.13 Halaman New Topic Forum Gambar 4.19 Tampilan Halaman New Topic Forum Halaman ini muncul ketika siswa memilih untuk thread baru. Pertama siswa harus memberikan judul dari thread tersebut pada field judul. Lalu siswa dapat mengisi form yang disediakaan sebagai isi dari web. Untuk mem-posting forum yang sudah dibuat klik tombol Submit untuk konfirmasi dan tombol Back untuk membatalkan.
167 4.1.5.14 Halaman Ubah Password Gambar 4.20 Tampilan Halaman Ubah Password Halaman ini muncul ketika siswa melilih menu Ubah Password. Pada halaman ini disediakan form yang harus diisi untuk mengubah password, yakni field password lama, field password baru dan field konfirmasi password baru. Bila sudah selesai mengganti password maka untuk melakukan pengesahan ubah password, siswa harus menekan tombol Submit.
168 4.1.5.15 Halaman Logout Gambar 4.21 Tampilan Halaman Setelah Logout (Login) Setelah kita memilih menu Logout maka kita akan menuju ke menu awal pada saat pertama kali melakukan Login. Menu/ link Logout ini berfungsi untuk menjaga agar data atau apapun yang berhubungan dengan pelajaran siswa dapat terjaga dengan baik, sehingga tidak dapat diubah oleh orang yang tidak bersangkutan.
169 4.1.5.16 Halaman Home Guru Gambar 4.22 Tampilan Halaman Home Guru Halaman ini akan muncul apabila guru telah melakukan login terlebih dahulu. Sama seperti halnya login pada siswa, di sini guru diwajibkan untuk memasukkan username, password, serta status dengan benar, yaitu guru. Halaman ini berisi pengumuman-pengumuman yang berkaitan dengan kegiatan sekolah.
170 4.1.5.17 Halaman Data Pribadi Guru Gambar 4.23 Tampilan Halaman Data Pribadi Guru Halaman ini akan muncul apabila guru memilih menu Data Pribadi. Sama seperti pada siswa, di sini guru juga bisa melakukan edit data pribadi dengan cara meng-klik tombol Edit. Data yang bisa di edit hanya terbatas pada e-mail dan nomor telepon saja.
171 4.1.5.18 Halaman Jadwal Guru Gambar 4.24 Tampilan Halaman Jadwal Guru Halaman ini akan terbuka apabila guru memilih menu Jadwal. Di sini akan tertera hari, shift, mata pelajaran, serta kelas di mana guru tersebut akan mengajar dalam satu minggu.