RANCANG BANGUN SISTEM INFORMASI E-LEARNING BERBASIS WEB PADA SMA

SANTA PATRICIA

Yohanes Chandra Binus University, Jl. Raya Perancis Villa Taman Bandara blok o4 No 7, Tangerang, 021-55962387,

c.yohanes@rocketmail.com

Ariep Suciptho Binus University, Jl. Raya Perancis no. 53, Tangerang, 021-5502387,

ariep_suciptho@yahoo.com

Sunery Binus University, Jl. Pinang Rawamangun 040, DKI Jakarta, 021-4302277,

very_yoe@yahoo.com

ABSTRACT Information technology is now started growing rapidly as it is supported by the rapid growth of technology. With the rapid development of technology that the need for IT-based learning mechanism can support the learning process. The purpose of this paper is to design and build information systems online learning between teachers and students so as to maximize the learning process there. The method used is the method of data collection, methods of analysis and design method. The results achieved with the system is a web-based online educational information is expected to help teachers and students to access the information needed. Conclusion, web-based e-learning needs of teachers and students to get information about the High School Santa Patricia. Keywords : e-learning,information system.

ABSTRAK Teknologi informasi sekarang ini sudah mulai berkembang cepat karena didukung dengan pertumbuhan yang pesat dari teknologi yang ada. Dengan berkembangnya teknologi yang pesat sehingga kebutuhan akan mekanisme belajar berbasis IT dapat mendukung proses belajar. Tujuan dari penulisan ini adalah untuk merancang dan membangun sistem informasi belajar mengajar secara online antara guru dan siswa sehingga dapat memaksimalkan proses belajar yang ada. Metode penelitian yang digunakan adalah metode pengumpulan data, metode analisis dan metode perancangan. Hasil yang dicapai adalah dengan adanya sistem informasi pendidikan berbasis website online diharapkan dapat membantu guru dan siswa dalam mengakses informasi yang dibutuhkan. Simpulan, e-learning berbasis website dibutuhkan oleh guru dan siswa untuk mendapatkan informasi mengenai sekolah SMA Santa Patricia. Kata Kunci : e-learning, sistem informasi.

1. Pendahuluan

1.1 Latar Belakang Semakin berkembangnya dunia teknologi dewasa ini membuat alur pertukaran informasi

semakin cepat untuk diakses. Teknologi memberikan banyak sekali manfaat dalam perihal pengetahuan dan teknologi juga memberikan kemudahan dalam membantu pekerjaan manusia. Teknologi yang sudah semakin berkembang pesat memungkinkan pertukaran informasi yang tidak hanya terjadi secara tatap muka melainkan dapat melalui fasilitas internet yang bersifat online dan praktis. Internet merupakan salah satu kebaikan teknologi yang banyak sekali digunakan oleh beberapa segmentasi pengguna. Kemajuan teknologi ini dilihat sebagai salah suatu peluang yang menjanjikan bagi beberapa organisasi pendidikan untuk dapat menjangkau pengguna yang lebih banyak, tidak tertutup kemungkinan hal ini juga menjadi salah satu pendorong munculnya gaya baru dalam kegiatan pembelajaran.

SMA Santa Patricia adalah sekolah menengah atas yang sudah cukup lama berdiri dan sekarang sedang berkembang menuju sekolah yang berbasis teknologi informasi. Pemberian tugas yang masih menggunakan cara manual dengan menggunakan papan tulis, serta siswa harus mencatat tugas tersebut dengan menggunakan kertas yamg membuat waktu kerja guru tidak efektif dan waktu siswa yang semakin terbatas dalam menelaah materi pembelajaran yang ada. Ketika pengumuman nilai hasil ujian atau jadwal pelajaran, siswa harus datang ke sekolah untuk melihat sambil menunggu dipapan pengumuman yang menyebabkan waktu terbuang percuma

1.2 Ruang Lingkup

Ruang lingkup dalam melakukan penyusunan penelitian ini adalah sistem yang akan ditekankan kepada pembuatan suatu website E-Learning di sekolah SMA Santa Patricia, dimana website tersebut akan dibuat sesuai dengan informasi yang berhasil dikumpulkan dan akan disesuaikan dengan kebutuhan pengguna aplikasi SMA Santa Patricia yang antara lain adalah orang tua, siswa, dan guru. Dalam website tersebut nantinya akan dibuatkan fitur-fitur yang berfokus pada : (1) Penyampaian informasi mengenai materi; (2) Jadwal pelajaran; (3) Nilai yang dapat mendukung proses operasional secara efektif dalam hal waktu penyampaian informasi. 1.3 Tujuan dan Manfaat

Tujuan dari penelitian ini adalah (1) Menganalisa proses bisnis berjalan sekolah SMA Santa Patricia untuk mendukung perancangan website E-Learning; (2) Membangun website E-Learning yang dapat membantu dalam pembelajaran siswa. Adapun manfaat dari penelitian ini adalah (1) Membantu dalam pembelajaran siswa. Dengan mempunyai website elearning, sebuah sekolah dapat menyebarluaskan informasi secara cepat sehingga dapat memberikan kemudahan bagi siswa dalam mendapatkan materi seputar pembelajaran karena waktu pembelajaran disekolah yang kurang; (2) Meningkatkan keunggulan kompetitif. Sekolah yang menerapkan elearning akan meningkatkan keunggulan kompetittif dalam proses pembelajaran dengan menggunakan elearning melalui media internet dibandingan dengan sekolah yang belum menggunakan elerning; (3) Mempermudah pengawasan orang tua terhadap siswa. Aplikasi yang dibuat diharapkan dapat membantu orang tua dalam mengawasi aktifitas siswa dengan mendapatkan informasi seputar jadwal, nilai dan materi sehingga orang tua dapat ikut andil bagian dalam perkembangan siswa. 1.4 Permasalahan

Permasalahan yang sedang dihadapi adalah (1) Pemahaman siswa siswi akan materi yang kurang dikarenakan waktu operasional guru yang terbatas dalam mengajar dan kesulitan siswa siswi dalam melakukan review materi dalam bentuk digital yang sudah disampaikan dikelas; (2) Tidak adanya media yang dapat menyampaikan informasi secara real time dalam pendistribusian informasi (nilai, jadwal, dan pengumuman ) diluar jam sekolah untuk orang tua, siswa, dan guru.

2. Metodologi Metodologi yang digunakan untuk pengumpulan data dalam penelitian ini adalah (1) Survei

Lapangan. Survei dilakukan dengan cara berkunjung langsung ke SMA Santa Patricia untuk melihat secara langsung keadaaan dan kegiatan sekolah tersebut; (2) Wawancara. Wawancara dilakukan langung dengan Kepala Sekolah untuk mengetahui apa saja yang dibutuhkan oleh sekolah yang dapat kita

implementasikan ke dalam sistem yang akan dibuat; (3) Referensi Pustak. Referensi dilakukan dengan menggunakan buku-buku yang berhubungan dengan sistem informasi yang akan dibuat.

Metode analisis dilakukan dengan melalui beberapa tahap yang meliputi : (1) Survey atas sistem yang berjalan; (2) Analisis data hasil survey; (3) Analisis sistem berjalan dengan menggunakan Activity diagram; (4) Identifikasi kebutuhan informasi.

3. Hasil Dan Bahasan

3.1 E-Learning E-learning adalah sebagai latihan yang diterima pada sebuah komputer (termasuk CD-ROM,

MP3, PDA, dan lain – lain). Akkan tetapi, penggunaan internet sebagai media e-learning umumnya lebih menguntungkan karena memiliki jangkauan yang lebih luas. Dewasa ini pasti cukup banyak lembaga pendidikan dan perusahaan yang menggunakan jaringan intranet sebagai media e-learning sehingga biaya yang dikeluarkan relatif menjadi lebih murah. E-Learning merupakan sebuah emansipasi dalam kegiatan belajar – mengajar dan masih akan terus berkembang (Clark & Mayer, 2007:7). 3.2 Tipe-tipe E-Learning

Tipe – Tipe e-learning yang digunakan pada dewasa ini mencakup dari Synchronous Training dan Asynchronous Training. Berikut adalah Tipe pembelajaran e-learning beserta pengertianya. a. Synchronous Training

Synchronous Training adalah suatu pembelajaran online yang diambil pada waktu yang bersamaan melalui mekanisme yang sama sebagai seorang pelajar dan seorang instruktur (Rosen, 2009:255).

b. Asynchronous Training Asynchronous Training adalah suatu pembelajarn online, yang dimana semua pembelajaran itu sudah tersedia di web site e-learning tersebut, waktu yang dipilih sesuai keinginan sendiri, dan bersifat self guided (Rosen, 2009:255). Dari tipe-tipe E-learning adapun perbedaan dari Synchronous Training dan Asynchronous

Training adalah sebagai berikut :

Tabel 1 Perbedaan Synchronous Training dan Asynchronous Training

Synchronous Training Asynchronous Training - Konten yang ada membutuhkan instruktur dengan kebutuhan yang jelas untuk berlangsungnya komunikasi antara instruktur dan murid

- Konten yang ada dapat berdiri sendiri.

- Instruktur tersedia ketika murid juga memiliki waktu yang tersedia.

- Bahan-bahan pembelajaran tersedia 24/7.

- Kurangnya motivasi untuk belajar dari murid. - Murid hanya membutuhkan bahan pembelajaran disaat diperlukan.

- Instruktur dapat mengubah konten pada real-time

- Bahan pembelajaran yang digunakan sebagai sumber korporat, referensi untuk meningkatkan produktifitas.

3.3 Latar Belakang Sekolah Sekolah Santa Patricia adalah salah satu sekolah yang berdiri pada tanggal 10 agustus 1994

pada awalnya hanya terdiri dari TK, SD, SMP. RM.John Tinggogoy, MSC adalah seorang yang membangun fondasi awal dalam memberikan pemancangan fondasi dasar pertama dari Sekolah Santa Patricia. Ketika dirasa pengembangan pendidikan harus berkembang kearah yang lebih tinggi, pada tanggal 5 Agustus 2004 Yayasan Citra Kasih Sejahtera membuka Sekolah Menengah Atas atau SMA. Sekolah Santa Patricia yang merupakan naungan dari yayasan Citra Kasih Sejahtera ini sudah beridiri selama 18 tahun dan terus berkembang untuk menjadi pelopor pendidikan yang

ternama di tanah air Indonesia. SMA Santa Patricia pada awal pembentukannya hanya membuka satu kelas SMA saja. Seiring berjalannya waktu, SMA Santa Patricia berkembang hingga memiliki banyak kelas. Sekolah ini terletak pada komplek Duta Gardenia Blok G7 No.45 Tanggerang, Banten. Untuk mengakses Sekolah Santa Patricia dapat ditempuh dengan menggunakan kendaraan umum atau kendaraan pribadi yang dimana letak Sekolah Santa Patricia sangat strategis dan dapat dijumpai dengan mudah. 3.4 Struktur Organisasi

Gambar 1 Struktur Organisasi

3.5 Sistem Berjalan

Gambar 2 Sistem Berjalan

3.6 User Interface Berikut adalah user interface atau desain tatap muka yang memberikan tampilan secara tidak

langsung mengenai program website yang dikembangkan pada SMA Santa Patricia. a. User Interface Login

Gambar 3. User Interface Login Keterangan : 1. Input type berupa textbox untuk memasukan Username Admin, Guru, Siswa dan Orang tua 2. Input type berupa password untuk memasukan Password 3. Input type button submit untuk melakukan validasi username dan password

b. User Interface Admin

Gambar 4. Beranda Admin

Keterangan : 1. “Beranda”, panel yang mengalihkan kepada halaman beranda 2. “Guru”, panel yang mengalihkan kepada halaman guru 3. “Siswa”, panel yang mengalihkan kepada halaman siswa 4. “Materi”, panel yang mengalihkan kepada halaman materi 5. “Jadwal”, panel yang mengalihkan kepada halaman jadwal 6. “Mata Pelajaran”, panel yang mengalihkan kepada halaman mata pelajaran 7. “Manage Kelas”, panel yang mengalihkan kepada halaman manage kelas 8. “Ganti Password”, panel yang mengalihkan kepada halaman ganti password 9. Input type button yang berguna untuk dapat melakukan manage event

10. Input type button yang berguna untuk dapat melakukan insert pengumuman 11. Input type textbox beserta button yang dapat digunakan untuk melakukan pencarian terhadap pengumuman 12. Merupakan isi atau content dari pengumuman 13. Merupakan tombol untuk melakukan perubahan terhadap pengumuman 14. Merupakan tombol untuk melakukan penghapusan terhadap pengumuman 15. Merupakan halaman atau paging dari pengumuman 16. Merupakan jquery picture slider yang menjadi display dari event yang sudah diatur pada point (9) c. User Interface Guru

Gambar 5. Beranda Guru

Keterangan : 1. “Beranda”, panel yang mengalihkan kepada halaman beranda 2. “Kelas”, panel yang mengalihkan kepada halaman kelas 3. “Soal”, panel yang mengalihkan kepada halaman soal 4. “Tugas”, panel yang mengalihkan kepada halaman tugas 5. “Nilai”, panel yang mengalihkan kepada halaman nilai 6. “Jadwal”, panel yang mengalihkan kepada halaman jadwal 7. “Data Diri”, panel yang mengalihkan kepada halaman ganti data diri 8. “Ganti Password”, panel yang mengalihkan kepada halaman ganti password 9. Merupakan isi atau content dari pengumuman 10. Merupakan halaman atau paging dari pengumuman 11. Merupakan jquery picture slider yang menjadi display dari event

d. User Interface Siswa

Gambar 6. Beranda Siswa Keterangan : 1. “Beranda”, panel yang mengalihkan kepada halaman beranda 2. “Kelas”, panel yang mengalihkan kepada halaman kelas 3. “Tugas”, panel yang mengalihkan kepada halaman tugas 4. “Nilai”, panel yang mengalihkan kepada halaman nilai 5. “Jadwal”, panel yang mengalihkan kepada halaman jadwal 6. “Data Diri”, panel yang mengalihkan kepada halaman ganti data diri 7. “Ganti Password”, panel yang mengalihkan kepada halaman ganti password 8. Merupakan isi atau content dari pengumuman 9. Merupakan halaman atau paging dari pengumuman 10. Merupakan jquery picture slider yang menjadi display dari event

e. User Interface Orang Tua

Gambar 7. Beranda Orang Tua

Keterangan : 1. “Beranda”, panel yang mengalihkan kepada halaman beranda 2. “Nilai”, panel yang mengalihkan kepada halaman nilai 3. “Jadwal”, panel yang mengalihkan kepada halaman jadwal 4. “Data Diri”, panel yang mengalihkan kepada halaman data diri 5. “Ganti Password”, panel yang mengalihkan kepada halaman ganti password 6. Merupakan isi atau content dari pengumuman 7. Merupakan halaman atau paging dari pengumuman 8. Merupakan jquery picture slider yang menjadi display dari event

4. Simpulan dan Saran Simpulan yang dapat diambil dari sistem basis data dan aplikasi yang dibuat adalah sistem basis data

yang dibuat mampu menyimpan data-data transaksi perusahaan dalam jumlah yang besar dan meminimalkan terjadinya redudansi data yang menjadi masalah selama ini, aplikasi basis data yang telah dibuat membantu perusahaan dalam pengaturan data stok barang pada bagian pembelian dan penjualan sehingga tidak adanya perbedaan stok barang jika terdapat proses yang mengubah jumlah stok barang seperti proses retur, aplikasi basis data yang telah dibuat membantu perusahaan dalam meng-update harga barang jika terjadi perubahan harga.

Saran yang diusulkan untuk mendukung kinerja sistem basis data dan aplikasi yang diterapkan adalah melakukan training terhadap pengguna sistem agar dapat menjalankan aplikasi sesuai dengan fungsinya, melakukan backup data secara rutin agar data-data perusahaan tersimpan dengan baik dan menghindari kehilangan data jika terjadi kesalahan, dan melakukan maintenance terhadap aplikasi basis data agar aplikasi memastikan sistem berjalan dengan baik dan selalu mendukung proses bisnis perusahaan.

Daftar Pustaka Brooks, David R. (2008). An Introduction to PHP. Beyond Javascript. London: Springer.

Callihan, Steve. (2003). Learn HTML 4 in a Weekend. 4th Edition.USA: Premier Press.

Chaffey, Dave (2001). E-Business and E-commerce Management. Essex: Pearson Education Limited.

Chaudhury, A. dan Kuilboer, J.P. (2002). E-Business and e-Commerce Infrastructure :Technologies

Supporting the e-Business Initiative. International Edition. United States of America: McGraw

Hill.

Clark, Ruth Colvin, Mayer Richard E. (2003). E-Learning and the Science of Instruction proven

guidelines for consumers and designers of multimedia learning. San Fransisco: Pfeiffer.

Colmer, Rebecca Sharp(CSA).(2006), The Senior’s Guid to Easy Computing. Seri Update. USA:

ELEKTIKA Press.

Comer, Douglas E. (2007). The Internet Book. Wireless & Wikis Inside. USA, Pearson Education. Inc.

Effendi, Empy dan Zhuang, Hartono. (2005). E-Learning, Konsep dan Aplikasi. Yogyakarta: Andi Offset.

Juju, Dominikus. Studio, MataMaya.(2008). Join Multiply. Seri Penuntun Praktis. Jakarta: PT. Elex

Media Computindo.

Kadir, Abdul. (2005). Dasar Pemograman Web Dinamis Menggunakan PHP. Yogyakarta: Andi.

Lars, M., Munk-Madsen, A., Nielsen, P. A., & Stage, J. (2000). Object-Oriented Analysis & Design.

Aalborg, Denmark: Marko Publishing Aps.

Mason, Maryln Gell.(2006). E-Learning’s Next. Ebsco Host Journal.

Maryono Y., Patmi Istiana B. (2008). Teknologi Informasi dan Komunikasi 3 SMP Kelas IX. Bandung:

Quadra.

Moore, S, Gary, Winograd, Kathryn, Lange Dan. (2001). You Cant Teach Online. New York: McGraw-

Hill Higher Education.

Okin, J.R.(2005). The information revolutio: the not-for-dummies guide to the history, technology, and

use of the World Wide Web. USA: Ironbound Press.

Peltzer, Dwight. (2004). .NET & J2EE Interoperabilit. Osborne: McGraw Hill.

Price, Cheryl. Wix, Nee. (2002). Operate a Personal Computer (windows XP). Computing. Australia:

Software Publication.

Quigley, Ellie. Gargenta Marko.(2007). PHP & MySQL by EXAMPLE. USA: Prantice Hall.

Quinn Pat.(2000). What In The World is The World Wide Web. New Zealand: Learning Media Limited.

Rainer, R. Kelly. (2007). Introduction to Information Systems : Supporting and Transforming Business.

New York: John Wiley.

Richardson, Gary. (2005). The HTML & ASP Handbook. Springer, London.

Rosen, Anita. (2009). e-Learning 2.0 : Proven Practices and Emerging Technologies to Achieve Real

Results. Edisi 1. New York: AMACOM.

Rosenberg, March Jeffrey (2001). E-Learning Strategies for delivering Knowledge in The Digital Age.

New York: McGraw-Hill.

Sakur, Standy B.(2005). Aplikasi WEB Database dengan Dreamweaver MX 2004. Jogjakarta: Andi.

Saleh, Rahmat. Sulistyawan. & Rubianto.(2008). Modifikasi Blog Multiply dengan CSS. Jakarta: PT. Elex

Media Computindo.

Satzinger, J.W., Jackson, R.B., and Burd, S.D (2005). Object-Oriented Analysis and Design with the

Unified Process. Boston: Course Technology.

Satzinger, J. W., Jackson, R. B., & Burd, S. D. (2010). System Analysis And Design in A Changing World.

Boston, MA: Course Technology.

Sukarno, Mohamad. 2006. Membangun website dinamis interaktif dengan PHP-MySQL. Eska media

press.

Sunarto. (2005). Teknologi Informasi & Komunikasi Seri 3. Jakarta: Grasindo.

Supardi, Yuniar.(2009). Belajar Semua Edisi Java2 Untuk SegalaTingkat. Jakarta: PT Elex Media

Computindo.

Suryanto, M. (2003). Strategi Periklanan pada e-Commerce Perusahaan Top Dunia. Yogyakarta: Andi.

Stobart, Simon BA. Vassileiou, Mike. (2004). PHP & MySQL Manual. London: Springer.

Swastika, Windra. (2006). PHP 5 dan MySQL 4. Jakarta : Dian Rakyat.

Turban, (2005). Introduction to Information Technology. Second edition. John Wiley & Sons, Inc. United

States of America.

Wahana Komputer.(2010). Membuat Aplikasi Client Server dengan Visual Basic 2008, PAS. Andi,

Jakarta.

Welling, Luke, Thomson, Laura. (2001). PHP and MySQL Web Development. USA: Sams Publishing.

Whitten, Jeffrey L (2004). Systems Analysis & Design Methods. sixth edition. New York: McGRAW –

HILL.

Wong, Clinton.(2000). HTTP Pocket Reference. USA: O’Reily.

Young, Levine. Levine, John.(2010). The Internet for Dummies. 12th Edition. Inc, Indianapolis: Wiley

Publishing.

Zaki, Ali. Smitdev, Community.(2008).AJAX Untuk Pemula. Seri Penuntun Praktis. Jakarta: PT. Elex

Media Computindo.