2008

UNIVERSITAS BINA NUSANTARA _______________________________________________________________________ Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Genap Tahun 2007/2008

ANALISIS DAN PERANCANGAN APLIKASI E-LEARNING BERBASIS WEB PADA SMP PROVIDENTIA

Erwin Iksandy

0800745741

Sunardi

0800770926

Irene Citra Candinegara

0800777592

Kelas/Kelompok :

08 PBT / 05

Abstrak Tujuan Peracangan, ialah untuk membuat sebuah aplikasi pembelajaran dan informasi siswa berbasis web untuk SMP PROVIDENTIA yang dapat memberikan semangat belajar dan interaktifitas antara siswa/i dengan guru tanpa harus dibatasi oleh ruang dan waktu, serta mempermudah siswa/i memperoleh informasi yang jelas. Adapun metode penelitian yang digunakan adalah metode analisis (survei, kuisioner, wawancara) yang digunakan untuk menganalisa kebutuhan pengguna dan kebutuhan sistem, dan metode perancangan terstruktur dengan menggunakan UML yang berisi Class Diagram, Usecase, Sequence Diagram, State diagram . Hasil yang dicapai pada penelitian ini adalah terbuatnya sebuah aplikasi pembelajaran serta informasi untuk siswa berbasis web untuk SMP PROVIDENTIA. Aplikasi ini memiliki tampilan yang baik dan didukung oleh fitur – fitur yang memudahkan pengguna, serta adanya kontrol dari SMP PROVIDENTIA. Kesimpulan dari hasil rancangan ini adalah rancangan yang dikembangkan telah sesuai dengan delapan aturan emas dalam perancangan antar muka dan dapat beroperasi dengan baik. Kata Kunci : e-Learning, web, UML .

v

KATA PENGANTAR

Puji syukur kami panjatkan ke hadirat Tuhan Yang Maha Esa atas segala rahmat dan karunia-Nya, sehingga skripsi dengan judul “Analisis Dan Sistem Aplikasi ELearning Berbasiskan Web pada SMP PROVIDENTIA” dapat kami selesaikan dengan lancar dan tepat waktu. Adapun penulisan skripsi ini merupakan salah satu syarat kelulusan dalam jenjang pendidikan strata-1 (satu) jurusan Teknik Informatika di Universitas Bina Nusantara. Dalam kesempatan ini, kami ingin mengucapkan terima kasih kepada pihak-pihak yang ikut berperan serta dalam proses penyelesaian skripsi ini, antara lain : 1. Bapak Prof. Dr. Gerardus Polla, MApp.Sc selaku rektor Universitas Bina Nusantara yang telah memberikan kesempatan kepada kami untuk menimba ilmu di Universitas Bina Nusantara. 2. Bapak

Ir. Sablin Yusuf, M.Sc., M.Comp.Sc. selaku Dekan fakultas Ilmu

Komputer 3. Bapak Freddy Purnomo, S.Kom, M.Com, selaku Ketua Jurusan Teknik Informatika Universitas Bina Nusantara. 4. Bapak Romli selaku dosen pembimbing skripsi kelas 08 PBT yang memberikan waktu, bimbingan, dan saran-saran dalam menyelesaikan skripsi ini. 5. Bapak Y.P Lelono Broto, S.Ag, MM selaku Kepala Sekolah SMP PROVIDENTIA yang telah memberikan kesempatan bagi kami untuk melakukan survey skripsi pada SMP PROVIDENTIA dan seluruh staff sekolah yang ikut membantu dalam penelitian dan pengumpulan informasi.

vi

6. Dosen-dosen pengajar di Universitas Bina Nusantara yang telah memberikan ilmu baik secara langsung maupun tidak langsung yang menjadi pedoman dalam penulisan skripsi ini. 7. Orang tua dari Irene Citra Candinegera yaitu Herry Candinegara (Ayah), Selvia Chandra D (Ibu), orang tua dari Erwin Iksandy Yaitu : Frans Wilardy Iksandy (Ayah), Lie Ay ly (Ibu) dan orang tua dari Sunardi yaitu : Theng Hok Leng (Ayah), Maria (Ibu)

yang tercinta yang selalu sabar untuk mendampingi kami

dan selalu memanjatkan doa untuk keberhasilan kami. 8. Indrawan Rahardja dan Kel, Yogiewati Josan yang telah memberikan banyak bantuan, dukungan moril dan doa. 9. Sahabat-sahabat kami selalu siap untuk membantu dalam segi ilmu dan memberikan semangat, doa untuk terselesaikannya Tugas Akhir kami dan seluruh teman – teman kami selama

menempuh pendidikan di Universitas Bina

Nusantara yang tidak dapat kami sebutkan satu per satu.

10. Seluruh pihak yang tidak dapat disebutkan satu persatu yang secara langsung maupun tidak langsung terlibat dalam penyusunan laporan skripsi ini sehingga laporan skripsi ini dapat diselesaikan.

Kami menyadari bahwa isi dari skripsi ini masih jauh dari sempurna baik dalam penyajiannya maupun pembahasannya karena keterbatasan kemampuan dan juga waktu kami. Oleh karena itu saran dan kritik yang bersifat membangun sangat kami harapkan untuk menjadi lebih baik lagi di masa mendatang.

vii

Akhir kata, kami berharap semoga skripsi ini bermanfaat bagi segenap pembaca dan juga bermanfaat bagi perkembangan ilmu komputer di Universitas Bina Nusantara pada khususnya dan dunia pendidikan Indonesia pada umumnya.

Jakarta, Mei 2008

Penulis

viii

DAFTAR ISI

Halaman Halaman Judul Luar................................................................................................ i Halaman Judul Dalam............................................................................................. ii Halaman Persetujuan hardcover…………………………………………………. iii Halaman Pernyataan Dewan Penguji...................................................................... iv Abstrak.................................................................................................................... vii Kata Pengantar........................................................................................................ viii Daftar Isi................................................................................................................. ix Daftar Gambar........................................................................................................ xiv Daftar Tabel............................................................................................................ xv BAB 1 PENDAHULUAN.................................................................................. 1 1.1

Latar Belakang........................................................................... 1

1.2

Ruang Lingkup.......................................................................... 2

1.3

Tujuan dan Manfaat................................................................... 2 1.3.1 Tujuan…………………………………………………… 2 1.3.1 Manfaat………………………………………………….. 3

1.4

Metodologi................................................................................. 4

1.5

Sistematika Penulisan................................................................ 5

BAB 2 LANDASAN TEORI.............................................................................. 7 2.1

Analisa Dan Perancangan………………………….................. 7 ix

2.2

2.1.1 Pengertian Analisa……………………........................

7

2.1.2 Pengertian Perancangan……………............................

7

2.1.3 Pengertian Aplikasi……………...................................

7

Rekayasa Piranti Lunak............................................................ 7 2.2.1 Pengertian Rekayasa Piranti Lunak................................ 7 2.2.2 Karakteristik Rekayasa Piranti Lunak..........................

9

2.3

System Development Life Cycle (SDLC).................................. 9

2.4

Alat Bantu Perancangan............................................................ 11 2.4.1 Unified Modelling Language(UML)................................ 11 2.4.2 Entity Relationship Diagram (ERD)................................. 24

2.5

Interaksi Manusia Dan Komputer……………........................... 24 2.5.1 Pengertian Interaksi Manusia Dan Kompter (IMK)...... 24 2.5.2 Tujuan Rekayasa Sistem IMK ...................................... 24 2.5.3 Perancangan Interaktif Dengan 8 Aturan Emas.............. 26 2.5.4 10 Kesalahan Utama Pada Website……………………… 28

2.6

Internet (International Networking)……………………………..29 2.6.1 Pengertian Internet (International Networking)…………..29 2.6.2 WWW (World Wide Web)………………………………...29

2.7

Object Oriented Proggramming……………………………….. 32

2.8

Basis Data……………………………………………………….33 2.8.1 Database Management System (DBMS)……………...... 33 2.8.2 Komponen Dalam Lingkungan DBMS…………………. 34 x

2.8.3 Normalisasi……………………………………………… 35 2.9

Software Pendukung………………………………………....... 40 2.9.1 Bahasa Pemoggraman PHP……………………………… 40 2.9.2 My Sql…………………………………………………….41 2.9.3 Java Script…………………………………………………41

2.10 Electronik Learning (E-Learning)………………………............41 2.10.1 Pengertian E-Learning…………………………………...41 2.10.2 Keuntungan E-Learning……………………………….....42 2.10.3 Leaning Management System (LMS)…………………....44 2.10.4 Learning Content Management System (LCMS)………..46 BAB 3

ANALISA DAN PERANCANGAN SISTEM...................................... 49 3.1

Riwayat Perusahaan.................................................................. 49 3.1.1 Sejarah Singkat Providentia............................................ 49 3.1.2 Visi Dan Misi Providentia.............................................. 50 3.1.3 Tugas Dan Wewenang Providentia……………………. 52

3.2

Analisa Sistem.............................................................................. 52 3.2.1 Sistem Yang Sedang Berjalan.......................................... 52 3.2.2 Hasil Survey .................................................................... 54 3.2.3 Rumusan Permasalahan................................................... 62 3.2.4 Usulan Untuk Pemecahan Permasalahan………...……... 63

3.3

Perancangan Sistem..................................................................... 64 3.3.1 Model Sistem yang diusulkan………………………….. 64 xi

3.3.2 Perancangan Database...................................................... 64 3.3.3 Perancangan Unified Modelling Language ( UML ).........70 3.3.3.1 Class Diagram…………………………………...70 3.3.3.2 Use Case……………….………………………..71 3.3.3.3 Sequance Diagram……..….… ………………...72 3.3.3.4 Activity Diagram……………………………… 75 3.3.4 Hirarki Menu………………………………………………78 3.3.4.1 Hirarki Menu Admin…………………………….78 3.3.4.2 Hirarki Menu Guru…………………………… ..79 3.3.4.3 Hirarki Menu Siswa……………………………...80 3.3.5 Perancangan Layar………………………………………....81 3.4 Rancangan ERD……………………………………………….....91 3.5 Spesifikasi Proses...........................................................................92 BAB 4

IMPLEMENTASI DAN EVALUASI ................................................... 99 4.1

Implementasi Sistem....................................................................99 4.1.1 Spesifikasi Perangkat Keras..............................................99 4.1.2 Spesifikasi Perangkat Lunak ............................................101 4.1.3 Instalasi Software..............................................................102 4.1.3.1 Instalasi Sisi Server……………………………....102

4.2

Cara Pengoprasian Program........................................... ............ 104 4.2.1 Tampilan Layar Index...................................................... 104 4.2.2 Tampilan Layar Home Siswa.......................................... 105 xii

4.2.3 Tampilan Layar Myprofile Siswa..................................... 106 4.2.4 Tampilan Layar Jadwal Mata Pelajaran Siswa…………..107 4.2.5 Tampilan Layar Materi Siswa............................................108 4.2.6 Tampilan Layar Mata Pelajaran dalam Materi Siswa................109 4.2.7 Tampilan Layar Forum Siswa....................................................110 4.2.8 Tampilan New Topik Pada Forum........................................... 111 4.2.9 Tampilan Topik Isi Pada Forum Ssswa.....................................112 4.2.10 Tampilan Reply Pada Isi Topik Dalam Forum..........................113 4.2.11 Tampilan Layar Edit Pada Isi Topik..........................................114 4.2.12 Tampilan Layar Ujian................................................................115 4.2.13 Tampilan Layar Ujian Master DalamMenu Materi....................116 4.2.14 Tampilan Layar Download........................................................117 4.2.15 Tampilan Layar LogOut............................................................118 4.2.16 Tampilan Layar Admin.............................................................120 4.2.17 Tampilan Layar Forum Admin..................................................121

4.3

Evaluasi.........................................................................................121 4.3.1 Evaluasi Terhadap Aplikasi…………………………….. 121 4.3.2 Evaluasi Tahap Pemakai…………………………… …..124

BAB 5

SIMPULAN DAN SARAN................................................................... 127 5.1

Simpulan................................................................................... 127

5.2

Saran.......................................................................................... 127

DAFTAR PUSTAKA............................................................................................ 129 RIWAYAT HIDUP…………………………………………………………….......131 xiii

LAMPIRAN 1.......................................................................................................... L1 LAMPIRAN 2 ………………………………………………………………………L2 LAMPIRAN 3 ………………………………………………………………………L3

xiv

DAFTAR GAMBAR

Halaman Gambar 2.1 Linear Sequential Model.................................................................... 9 Gambar 2.2 Penggambaran class diagram dan komponennya............................ 12 Gambar 2.3 Penggambaran objek diagram dan komponennya............................ 15 Gambar 2.4 Use case........................................................................................... 16 Gambar 2.5 Sequence diagram............................................................................. 17 Gambar 2.6 Collaboration diagram..................................................................... 18 Gambar 2.7 Statechart diagram dan komponennya............................................. 20 Gambar 2.8 Activity diagram dan komponennya................................................. 22 Gambar 2.9 Component diagram......................................................................... 23 Gambar 3.1 Stuktur Organisasi SMP PROVIDENTIA........................................... 52 Gambar 3.2 Class diagram.................................................................................. 70 Gambar 3.3 Use Case………............................................................................... 71 Gambar 3.4 Sequence Admin................................................................................ 72 Gambar 3.5 Sequence Siswa......................................................................................... 73 Gambar 3.6 Sequence Guru.................................................................................... 74 Gambar 3.7 Activity Login.................................................................................... 75 Gambar 3.8 Activity Diagram Siswa……………………………………………...76 Gambar 3.9 Activity Diagram Guru………………………………………………76 Gambar 3.10 Activity Diagram Admin…………………………………………….77 xiv

DAFTAR TABEL

Halaman Tabel 4.1

Persentase Hasil Jawaban No. 1........................................................124

Tabel 4.2


Tabel 4.3


Tabel 4.4


Tabel 4.5


xv

2008

Recommend Documents