sist pernapasan berbasis web

201

Alat Bantu Ajar Sistem Pencernaan dan Sistem Pernafasan pada

Manusia Berbasis Web

Wilfridus Bambang Triadi Handaya, Margaretha YohannaJurusan 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

Jurnal Informatika, Vol.7, No. 2, Desember 2011: 201 - 211

202

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.

Alat Bantu Ajar Sistem Pencernaan dan Sistem Pernafasan pada Manusia Berbasis Web

(Wilfridus Bambang Triadi Handaya, Margaretha Yohanna)

203

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


204

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.



205

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


206

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



207

Gambar 4. Class diagram admin

Gambar 4 merupakan class diagram dari menu admin, dimana admin dapat

mengolah semua data dalam aplikiasi ini.

3.5ERDGambar 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.


208

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.



209

Gambar 8. Tes Pilihan Ganda

4.3Tes Benar atau Salah

Gambar 9merupakan tampilan dari tes benar atau salah. Tes terdiri dari 10




Gambar 9. Tes Benar atau Salah

4.4Tes Menjodohkan

Gambar 10merupakan tampilan dari tes benar atau salah. Tes terdiri dari 10





210

Gambar 10. Tes Menjodohkan

4.5 Tes IsianGambar 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



211

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 PustakaAryulia, Diah; Biologi 2 SMA Dan MA Kelas XI; Erlangga(ESIS), 2007.

Basuki, Awan Pribadi; MembangunWebBerbasis PHP Dengan Framework

CodeIgniter;Lokomedia, 2010.

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.