Alat Bantu Ajar Sistem Pencernaan dan Sistem Pernafasan pada Manusia Berbasis Web Wilfridus Bambang Triadi Handaya, Margaretha Yohanna Jurusan S1 Teknik Informatika Fakultas Teknologi Informasi, Universitas Kristen Maranatha Jl. Prof. Drg. Surya Sumantri no. 65, Bandung 40164 email: [email protected], [email protected] Abstract This result project built an application of teaching aids the digestive system and respiratory system XI high school class who applied in the form of websites. This website consists of several features of the materials and tests in the digestive system and respiratory system. The test consists of multiple choice tests, true or false test, test match and field tests. This website is built using programming language PHP with Codeigniter framework. The advantage of this application is to facilitate students in learning about the digestive system and respiratory system because the material is presented not only in the form of a sentence, but also pictures and video. Keywords: digestive, respiratory, codeigniter, framework. 1. Pendahuluan 1.1 Latar Belakang Perkembangan teknologi informasi juga menyebabkan berkembangnya sistem pengajaran di dunia pendidikan yang mengakibatkan tuntutan kemampuan dan keterampilan setiap siswa juga tinggi.Melalui komputer dan internet para siswa dapat lebih mengerti pelajaran yang diajarkan karena disajikan dengan lebih menarik misalnya berupa gambar atau video maupun tes yang dapat langsung dikerjakan saat itu juga dengan jangka waktu tertentu.Salah satu media komputer yang digunakan yaitu alat bantu ajar yang dapat memudahkan dalam penyampaian materi sehingga siswa dapat belajar dimana saja dan kapan saja. Biologi merupakan salah satu mata pelajaran yang sering dianggap sulit oleh para siswa.Kesulitan dalam mempelajari biologi karena biologi merupakan mata pelajaran yang banyak sekali menggunakan teori-teori yang harus dihafalkan sehingga para siswa kesulitan dalam menghafalnya.Sistem pernafasan dan sistem pencernaan manusia merupakan salah satu pokok bahasan pada mata pelajaran biologi siswa SMA kelas XI. Aplikasi ini bertujuan untuk memudahkan para siswa dalam mempelajari biologi khususnya mengenai sistem pencernaan dan sistem pernafasan pada manusia.Aplikasi ini terdiri dari empat hak akses yaitu tamu, murid, guru dan admin. 1.2 Rumusan Masalah 201 Jurnal Informatika, Vol.7, No. 2, Desember 2011: 201 - 211 Rumusan masalah yang penulis bahas yaitu: 1. Bagaimana cara agar guru dapat memasukkan materi maupun soal-soal tes? 2. Bagaimana membuat aplikasi dengan bank soal? 3. Bagaimana cara agar tamu tidak dapat mengerjakan tes? 4. Bagaimana cara agar pengguna mengetahui kemampuannya dalam memahami materi-materi yang disajikan? 5. Bagaimana membuat aplikasi yang langsung mengurutkan nilai yang diperoleh siswa? 6. Bagaimana cara agar anggota tidak dapat melihat data anggota yang lainnya? 1.3 Tujuan Tujuan pembuatan aplikasi ini adalah sebagai berikut: 1. Membuat aplikasi yang terdiri dari empat tingkatan pengguna, yaitu tamu, murid, guru dan admin dimana tiap penggunamempunyai hak akses yang berbeda-beda, dan hanya guru dan admin yang dapat memasukkan data maupun soal-soal 2. Membuat aplikasi yang terdiri dari basis data, sehingga soal dapat dimasukkan ke dalam basis data tersebut. 3. Membuat aplikasi yang membatasi hak akses pengguna sehingga bila tidak terdaftar sebagai anggota, pengguna hanya dapat melihat materi. 4. Membuat aplikasi yang berisi tes yang dapat dikerjakan saat itu juga serta nilai yang diperoleh dari hasil mengerjakan tes. 5. Membuat aplikasi yang langsung menghitung nilai yang diperoleh para siswa bila sudah selesai mengerjakan tes. 6. Membuat aplikasi dimana hanya admin yang dapat mengakses data anggota. 1.4 Batasan Masalah Batasan masalah yang digunakan dalam pembuatan aplikasi ini adalah: 1. Aplikasi ini hanya dapat diakses oleh admin, siswa maupun guru yang sudah mendaftar, bila belum mendaftar hanya dapat melihat bahan-bahan materinya saja. 2. Aplikasi ini tidak dapat menambah teman. 3. Setiap siswa soalnya berbeda-beda satu sama lain. 4. Tes mempunyai batas waktu, bila melebihi batas waktu tersebut, siswa tidak dapat mengerjakannya lagi. 5. Tes dikerjakan saat itu juga di tempat. 6. Nilai diurutkan menjadi 10 nilai tertinggi. 7. Guru tidak dapat menghapus siswa yang sudah mendaftar. 8. Tes terdiri dari 4 macam yaitu tes pilihan ganda, tes benar atau salah, tes menjodohkan, dan tes isian. 9. Hanya admin dan guru yang dapat menambah dan menghapus soal. 10.Tamu hanya dapat melihat bahan-bahan materinya, bila ingin mengakses tes, harus mendaftar terlebih dahulu. 202 Alat Bantu Ajar Sistem Pencernaan dan Sistem Pernafasan pada Manusia Berbasis Web (Wilfridus Bambang Triadi Handaya, Margaretha Yohanna) 11.Materi berupa teks, gambar maupun video. 12.Hanya admin dan guru yang dapat menambah materi maupun soal-soal. 13.Hanya admin yang dapat menambahkan pengguna yang terdaftar sebagai guru. 2. Kajian Teori 2.1 Sistem Pernafasan Sistem pernafasan adalah sistem organ yang digunakan untuk pertukaran gas.Sistem pernapasan pada manusia mencakup dua hal, yakni saluran pernapasan dan mekanisme pernapasan. Urutan saluran pernapasan adalah sebagai berikut: rongga hidung - faring - trakea - bronkus - paru-paru (bronkiol dan alveolus). Pernapasan adalah suatu proses yang terjadi secara otomatis walau dalam keadaan tertidur sekalipun karena sistem pernapasan dipengaruhi oleh susunan saraf otonom. Menurut tempat terjadinya pertukaran gas maka pernapasan dapat dibedakan atas 2 jenis, yaitu pernapasan luar dan pernapasan dalam. 2.2 Sistem Pencernaan Sistem pencernaan adalah sistem organ yang menerima makanan, mencernanya menjadi energi dan nutrien, serta mengeluarkan sisa proses tersebut. Pada dasarnya sistem pencernaan makanan dalam tubuh manusia terjadi di sepanjang saluran pencernaan dan dibagi menjadi 3 bagian, yaitu proses penghancuran makanan yang terjadi dalam mulut hingga lambung. Selanjutnya adalah proses penyerapan sari - sari makanan yang terjadi di dalam usus. Kemudian proses pengeluaran sisa - sisa makanan melalui anus. Proses pencernaan pada manusia dibedakan menjadi 2 yaitu: pencernaan mekanik dan pencernaan kimiawi. Alat pencernaan pada manusia terdiri dari: mulut – kerongkongan – lambung – hati – kelenjar pankreas – usus halus – usus besar – anus. (Aryulia, 2007). 3.Analisis dan Rancangan Sistem 3.1 Flowchart 203 Jurnal Informatika, Vol.7, No. 2, Desember 2011: 201 - 211 Gambar 1. Flowchart Beranda Gambar 1 merupakan proses dari pengguna mulai membuka website, login, dan terakhir mengakses menu yaitu menu sistem pencernaan atau sistem pernafasan. Pengguna harus mendaftar terlebih dahulu sebelum login.Pengguna dapat mendaftar sebagai guru atau murid.Hanya admin yang dapat menambahkan admin lainnya. 204 Alat Bantu Ajar Sistem Pencernaan dan Sistem Pernafasan pada Manusia Berbasis Web (Wilfridus Bambang Triadi Handaya, Margaretha Yohanna) 3.2 Use Case Diagram Gambar 2. Use case diagram Gambar 2 merupakan use case diagram yang menjelaskan gambaran bagaimana pengguna terlibat pada sistem ini, tetapi tidak secara detail. 3.3 Activity Diagram 205 Jurnal Informatika, Vol.7, No. 2, Desember 2011: 201 - 211 Gambar 3. Activity diagram login Gambar 3 merupakan activity diagram yang menggambarkan aktivitas login yang dilakukan oleh pengguna. Tampil halaman utama login, lalu pengguna memasukkan nama penggunadan password. Kemudian sistem akan memeriksa apakah masukkan dari user itu benar atau salah, apabila data yang dimasukkan benar maka login berhasil dan tampil halaman berikutnya. Namun apabila data yang dimasukkan salah maka akan muncul pesan login gagal dan kembali ke halaman login. 3.4 Class Diagram 206 Alat Bantu Ajar Sistem Pencernaan dan Sistem Pernafasan pada Manusia Berbasis Web (Wilfridus Bambang Triadi Handaya, Margaretha Yohanna) Gambar 4. Class diagram admin Gambar 4 merupakan class diagram dari menu admin, dimana admin dapat mengolah semua data dalam aplikiasi ini. 3.5ERD Gambar 5ERD ini terdiri dari 6 entitas yang bertujuan untuk menyimpan datasistem pencernaan dan sistem pernafasan secara abstrak. Gambar 5. ERD 4. Perancangan dan Implementasi Perancangan dan implementasi berisi hasil implementasi dari aplikasi dan juga potongan-potongan script. Implementasi aplikasi alat bantu ajar ini dibuat untuk memudahkan pengguna dalam mempelajari sistem pencernaan dan sistem pernafasan pada manusia. 4.1 Beranda Gambar 6 merupakan tampilan beranda. Tampilan ini dapat di akses oleh semua pengguna.Pengguna hanya dapat melihat fitur sistem pencernaan atau sistem pernafasan. Bila pengguna ingin mengerjakan tes, harus login terlebih dahulu. Pengguna dapat login sebagai admin, guru atau murid.Pengguna yang belum terdaftar sebagai anggota dapat mendaftar terlebih dahulu. 207 Jurnal Informatika, Vol.7, No. 2, Desember 2011: 201 - 211 Gambar 6. Beranda 4.2Tampil Data Anggota Gambar 7merupakan tampilan dari menu anggota. Hanya admin yang dapat mengolah menu ini.Admin dapat menambah, mengubah atau menghapus anggota. Gambar 7. Tampil data anggota 4.3Tes Pilihan Ganda Gambar 8merupakan tampilan dari tes pilihan ganda. Tes terdiri dari 10 soal, dengan batas waktu pengerjaan tes 2 menit, bila waktu yang ditentukan habis dan jawaban belum di submit maka tampilan otomatis akan berpindah ke halaman hasil pengerjaan tes. 208 Alat Bantu Ajar Sistem Pencernaan dan Sistem Pernafasan pada Manusia Berbasis Web (Wilfridus Bambang Triadi Handaya, Margaretha Yohanna) Gambar 8. Tes Pilihan Ganda 4.3Tes Benar atau Salah Gambar 9merupakan tampilan dari tes benar atau salah. Tes terdiri dari 10 soal, dengan batas waktu pengerjaan tes 2 menit, bila waktu yang ditentukan habis dan jawaban belum di submit maka tampilan otomatis akan berpindah ke halaman hasil pengerjaan tes. Gambar 9. Tes Benar atau Salah 4.4Tes Menjodohkan Gambar 10merupakan tampilan dari tes benar atau salah. Tes terdiri dari 10 soal, dengan batas waktu pengerjaan tes 2 menit, bila waktu yang ditentukan habis dan jawaban belum di submit maka tampilan otomatis akan berpindah ke halaman hasil pengerjaan tes. 209 Jurnal Informatika, Vol.7, No. 2, Desember 2011: 201 - 211 Gambar 10. Tes Menjodohkan 4.5 Tes Isian Gambar 11merupakan tampilan dari tes isian. Tes terdiri dari 10 soal, dengan batas waktu pengerjaan tes 2 menit, bila waktu yang ditentukan habis dan jawaban belum di submit maka tampilan otomatis akan berpindah ke halaman hasil pengerjaan tes. Setiap murid soalnya berbeda-beda. Gambar 13. Tes Isian 210 Alat Bantu Ajar Sistem Pencernaan dan Sistem Pernafasan pada Manusia Berbasis Web (Wilfridus Bambang Triadi Handaya, Margaretha Yohanna) 6.Simpulan dan Saran 6.1 Simpulan Kesimpulan yang didapat setelah proses penelitian, perancangan pengimplementasian alat bantu ajar ini adalah sebagai berikut: 1. Aplikasi ini menampilkan materi serta tes yang dapat dikerjakan oleh pengguna saat itu juga. 2. Aplikasi ini membatasi pengguna dalam mengerjakan tes, sehingga bila waktu yang ditentukan sudah habis, pengguna tidak dapat mengerjakan tes lagi. 3. Aplikasi ini menampilkan nilai serta diurutkan berdasarkan 10 nilai tertinggi. 4. Aplikasi ini membatasi pengguna yang tidak terdaftar, tidak dapat mengakses menu tes. 6.2 Saran Saran yang diberikan untuk mengembangkan aplikasi ini lebih lanjut yaitu: 1. Materi-materi yang tersedia dibuat lebih menarik lagi misalnya dengan menambahkan animasi. 2. Pengembangan aplikasi mobile untuk aplikasi alat bantu ajar. 7. Daftar Pustaka Aryulia, Diah; Biologi 2 SMA Dan MA Kelas XI; Erlangga(ESIS), 2007. Basuki, Awan Pribadi; MembangunWebBerbasis CodeIgniter;Lokomedia, 2010. PHP Dengan Framework Fowler, Martin; UML Distilled Edisi 3; Yogyakarta; Penerbit Andi, 2005. Kendall;Analisis dan Perancangan Sistem Jilid 1; Jakarta; PT Prenhallindo, 2003. Septian, Gugun: Trik Pintar Menguasai Codeigniter; Jakarta, PT Elex Media Komputindo, 2011. Suteja, Bernard Renaldy; Mudah Dan Cepat Menguasai Web; Informatika Bandung, 2005. Yakup;Sistem Basis DataTutorial Konseptual; Yogyakarta, Graha Ilmu, 2008. 211