JURUSAN TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS ISLAM NEGERI SUNAN GUNGUNG DJATI BANDUNG

LAPORAN KERJA PRAKTIK ‘Sistem Informasi Website Sekolah Yayasan Pendidikan Pesantren Islam Mashalihul Mursalat dengan Menggunakan PHP dan MySQL” Diajukan untuk memenuhi syarat kelulusan mata kuliah Kerja Praktek

Disusun Oleh : Alfi Khoerudin Yusuf

1210705015

JURUSAN TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS ISLAM NEGERI SUNAN GUNGUNG DJATI BANDUNG 2014

KATA PENGANTAR Bismillahirrahmanirrahim. Puji dan syukur tak henti-hentinya kita panjatkan kehadirat Allah SWT yang mana berkat Rahman RahimNya kita semua diizinkan untuk dapat hidup dalam naungan Islam. Maka sudah sepantasnya kita selaku umat Islam agar selalu senantiasa taat dan patuh terhadap segala perintahnya dan menjauhi segala laranganNya sebagai wujud rasa syukur kita atas segala karuniaNya. Tak lupa shalawat serta salam semoga tercurah limpah kepada Nabi besar kita, yakni Nabi Muhammad SAW. Dengan seizin Allah SWT akhirnya penulis dapat meyelesaikan Laporan Kerja Praktik yang berjudul “Sistem Informasi WebSite sekolah Yayasan Pendidikan

Pesantern

Islam

(YPPI)

Mashalihul

Mursalat

dengan

menggunakan PHP dan MySQL”. Penulis menyadari bahwa Laporan ini masih jauh dari sempurna dan banyak kekurangan. Tetapi penulis berharap Laporan ini dapat bermanfaat untuk masa sekarang dan masa yang akan datang. Dengan segala kerendahan hati penulis ingin menyampaikan ucapan terima kasih yang sebesar-besarnya kepada : 1.

Kedua orang tua yang banyak memberikan motivasi, dorongan, doa dan semangat disetiap harinya.

2.

Bapak Undang Syarifudin, S.H., M.Kom., selaku dosen pembimbing kerja praktik yang sudah bersedia memberikan ilmu dan meluangkan waktunya untuk memberikan bimbingan dan pengarahan dalam menyelesaikan laporan kerja praktik ini.

3.

Bapak H. Cecep Nurul Alam, ST., MT. selaku Ketua Jurusan Teknik Informatika yang senantiasa memberikan dorongan serta motivasi kepada para mahasiswanya.

4.

Bapak Rizky., selaku pembimbing kerja praktik di Bandung Express Bandung yang telah membimbing dan memberikan arahan selama proses kerja praktik.

i

5. Teman-teman dan semua pihak yang sudah bersedia berbagi informasi sehingga menambah ilmu pengetahuan dan wawasan penulis. Penulis sadar bahwa laporan kerja praktik ini masih jauh dari kesempurnaan, baik dari segi penulisan maupun isi materi yang disajikan. Oleh karena itu, penulis mengharapkan baik kritik dan saran maupun bentuk apapun yang bersifat membangun dan diharapkan untuk perbaikan kedepannya.

Bandung, 12 Januari 2014

Penulis

ii

DAFTAR ISI

KATA PENGANTAR ....................................................................................... i DAFTAR ISI ...................................................................................................... iii DAFTAR GAMBAR ......................................................................................... viii DAFTAR TABEL ............................................................................................. x BAB I .................................................................................................................. 1 PENDAHULUAN .............................................................................................. 1 1.1 Latar Belakang Masalah ................................................................................ 1 1.2 Rumusan Masalah ......................................................................................... 2 1.3 Tujuan Kerja Praktik ..................................................................................... 2 1.4 Batasan Masalah............................................................................................ 2 1.5 Manfaat Kerja Praktik ................................................................................... 2 1.6 Metodologi Kerja Praktik.............................................................................. 3 1.7 Tempat dan Jadwal Kerja Praktik ................................................................. 4 1.8 Sistematika Penulisan ................................................................................... 5 BAB II ................................................................................................................ 7 LANDASAN TEORI......................................................................................... 7 2.1. Pengertian Website ...................................................................................... 7 2.2. Sistem Informasi .......................................................................................... 7 2.3. PHP .............................................................................................................. 9 2.4. MySQL ........................................................................................................ 10 2.5. MD5 ............................................................................................................. 11 2.6. HTML .......................................................................................................... 12 2.7. Pengujian Black Box .................................................................................... 12 2.8. Database ....................................................................................................... 13 2.9. CMS ............................................................................................................ 14 2.10.UML ............................................................................................................ 15 2.10.1 Use Case .................................................................................................. 16 2.10.2 Activity Diagram ..................................................................................... 17 2.10.3 Class Diagram ......................................................................................... 17 BAB III ............................................................................................................... 19 OBJEK PENELITIAN ..................................................................................... 19 3.1. Sejarah Yayasan Mashalihul Mursalat ......................................................... 19 iii

3.2. Tujuan Sekolah ............................................................................................ 19 3.3. Visi dan Misi ................................................................................................ 19 3.3.1. Visi ................................................................................................... 19 3.3.2. Misi................................................................................................... 20 3.4. Kurikulum dan Kegiatan Unggulan ............................................................. 20 3.5. Profil Sekolah............................................................................................... 20 3.6. Struktur Sekolah MTS ................................................................................. 21 3.7. Struktur Sekolah MA ................................................................................... 21 3.8. Struktur Organisasi (MTS) .......................................................................... 22 3.9. Struktur Organisasi (MA) ............................................................................ 22 3.10. Job Deskripsi Struktur Sekolah ................................................................. 23 3.11. Job Deskripsi Struktur Osis ....................................................................... 25 BAB IV ............................................................................................................... 30 ANALISIS DAN PERANCANGAN SISTEM ................................................ 30 4.1 Analisis Sistem............................................................................................. 30 4.1.1 Deskripsi Masalah.......................................................................... 30 4.1.2 Pemecahan Masalah ....................................................................... 30 4.1.3 Fitur yang diharapkan .................................................................... 30 4.2 Perancangan Sistem ..................................................................................... 31 4.2.1 Use Case Diagram Website ........................................................... 31 1. Use Case Admin Website.......................................................... 31 2. Use Case Pengunjung................................................................ 32 3. Use Case Siswa E-Learning ...................................................... 32 4. Use Case Guru........................................................................... 33 5. Use Case Keseluruhan............................................................... 33 4.2.2 Skenario Use Case ......................................................................... 34 1. Skenario Use Case Login ......................................................... 34 2. Skenario Use Case Home Admin ............................................. 34 3. Skenario Use Case Input_Data Guru ....................................... 35 4. Skenario Use Case Input Data Siswa ....................................... 36 5. Skenario Use Case Lihat Data Guru ........................................ 36 6. Skenario Use Case Lihat Data Siswa ....................................... 37 7. Skenario Use Case Logout ....................................................... 38\ 8. Skenario Use Case Lihat Home ............................................... 39 9. Skenario Use Case Lihat Sejarah ............................................. 39 10. Skenario Use Case Visi Misi .................................................. 40 11. Skenario Use Case Tujuan Sekolah ........................................ 41 12. Skenario Use Case Struktur Organisasi .................................. 41 13. Skenario Use Case Extrakulikuler .......................................... 42

iv

14. Skenario Use Case SDM ........................................................ 43 15. Skenario Use Case Pendaftaran .............................................. 43 16. Skenario Use Case E-Learning ............................................... 44 17. Skenario Use Case Daftar E-Learning .................................... 45 18. Skenario Use Case Materi ...................................................... 46 19. Skenario Use Case Edit Profil ................................................ 46 20. Skenario Use Case Manajemen Siswa .................................... 47 21. Skenario Use Case Registrasi Siswa....................................... 48 22. Skenario Use Case Administrator ........................................... 49 23. Skenario Use Case Pengajar ................................................... 49 24. Skenario Use Case Manajemen Kelas .................................... 50 25. Skenario Use Case Mata Pelajaran ......................................... 51 26. Skenario Use Case Materi Admin .......................................... 52 4.2.3 Activity Diagram .............................................................................. 53 a. Activity Diagram Siswa E-Learning ......................................... 53 b. Activity Diagram Admin........................................................... 54 c. Activity Diagram Guru ............................................................. 55 4.2.4 Class Diagram .................................................................................. 55 a. Class Diagram User Admin Website ...................................... 56 b. Class Diagram Pengunjung..................................................... 56 c. Class Diagram Siswa E-Learning ........................................... 56 d. Class Diagram Guru ............................................................... 58 e. Class Diagram Admin............................................................. 59 4.3 Struktur Relasi Tabel Website................................................................. 60 4.4 Struktur Relasi Tabel E-Learning ........................................................... 60 4.5 Struktur Tabel Website............................................................................ 61 4.6 Struktur Tabel E-Learning ...................................................................... 64 4.7 Peraancangan antar muka (Interface) ...................................................... 71 BAB V................................................................................................................. 78 IMPLEMENTASI DAN PENGUJIAN SISTEM ........................................... 78 5.1. Implementasi.............................................................................................. 78 5.1.1. Implementasi Sistem ...................................................................... 78 1. Implementasi Perangkat Lunak ................................................... 78 2. Implementasi Perangkat Keras .................................................... 79 5.1.2 Konversi Sistem ............................................................................. 79 5.1.3 Pengengujian Sistem ...................................................................... 79 5.1.4 Pemasangan Sistem........................................................................ 79 5.2 Implementasi Basis Data ........................................................................... 80 5.2.1 Implementasi Tabel .......................................................................... 80

v

1. Tabel Data Guru........................................................................... 80 2. Tabel daftar_siswa_ma ................................................................ 80 3. Tabel daftar_siswa_mts ............................................................... 81 4. Tabel data_ma .............................................................................. 81 5. Tabel data_mts ............................................................................. 82 6. Tabel id_admin ............................................................................ 83 7. Tabel Admin E-Learning ............................................................. 83 8. Tabel File Materi ......................................................................... 84 9. Tabel Kelas .................................................................................. 84 10. Tabel Mata Pelajaran ................................................................... 84 11. Tabel Modul ................................................................................ 85 12. Tabel Pengajar ............................................................................. 85 13. Tabel Registrasi Siswa ................................................................ 86 14. Tabel Siswa ................................................................................. 87 5.3 Implementasi Antar Muka ......................................................................... 88 5.3.1 Implementasi Antarmuka Login....................................................... 88 5.3.2 Implementasi Antarmuka Halaman Administrator .......................... 89 5.3.3 Implementasi Antramuka Halaman Input Data Guru ...................... 89 5.3.4 Implementasi Antarmuka Halaman Input Data Siswa ..................... 90 5.3.5 Implementasi Antarmuka Halaman Login E-Learning .................... 91 5.3.6 Implementasi Antarmuka Halaman Login Admin E-Learning ........ 91 5.3.7 Implementasi Antarmuka Halaman Menu E-Learning .................... 92 5.3.8 Implementasi Antarmuka Halaman Menu Kelas ............................. 92 5.3.9 Implementasi Antarmuka Halaman Edit Profil ................................ 93 5.3.10 Implementasi Antarmuka Halaman Edit Username dan password 93 5.3.11 Implementasi Antarmuka Halaman Halaman Pendaftaran ......... 94 5.3.12 Implementasi Antarmuka Halaman Menu Admin E-Learning ... 95 5.3.13 Implementasi Antarmuka Menu Guru ......................................... 95 5.3.14 Implementasi Antarmuka Halaman User atau Pengunjung......... 96 5.4 Pengujian Sistem ....................................................................................... 97 1. Uji Halaman Login ............................................................................. 97 2. Uji Halaman Input Data Guru ............................................................ 98 3. Uji Halaman Input Data Siswa ........................................................... 99 4. Uji Halaman Lihat Data Guru ............................................................ 100 5. Uji Halaman Lihat Data Siswa ........................................................... 101 6. Uji Halaman Login Siswa E-Learning ............................................... 102 7. Uji Halaman Edit Profil ...................................................................... 103 8. Uji Halaman Edit Account Login ....................................................... 104 9. Uji Halaman Login admin dan Guru .................................................. 105

vi

10. Uji Halaman Manajemen Kelas ......................................................... 106 11. Uji Halaman Manajemen Siswa ......................................................... 107 12. Uji Halaman Manajemen Siswa (Admin) ......................................... 108 13. Uji Halaman Manajemen Pelajaran (Admin) .................................... 109 14. Uji Halaman Managemen Materi (Admin) ........................................ 110 15. Uji Halaman Managemen Pengajar ................................................... 111 16. Uji Halaman Mata Pelajaran (Guru) ................................................... 112 17. Uji Halaman Managemen Kelas (Guru) ............................................. 113 BAB VI ............................................................................................................... 114 PENUTUP .......................................................................................................... 114 6.1.Kesimpulan ................................................................................................... 114 6.2.Saran .............................................................................................................. 115 DAFTAR PUSTAKA ....................................................................................... 115

vii

DAFTAR GAMBAR Gambar 2.1 Organisasi Sistem Informasi......................................................... 8 Gambar 2.2 UML ................................................................................................. 15 Gambar 2.3 Use Case .......................................................................................... 16 Gambar 2.4 Activity Diagram ............................................................................ 17 Gambar 2.5 Class Diagram ................................................................................ 18 Gambar 4.1 Use Case User_admin ................................................................... 31 Gambar 4.2 Use Case Pengunjung .................................................................... 32 Gambar 4.3 Use Case Siswa............................................................................... 32 Gambar 4.4 Use Case Guru................................................................................ 33 Gambar 4.5 Use Case Keseluruhan................................................................... 33 Gambar 4.6 Activity Diagram Siswa ................................................................. 53 Gambar 4.7 Activity Diagram Admin ................................................................ 54 Gambar 4.8 Activity Diagram Admin dan Guru .............................................. 55 Gambar 4.9 Class Diagram User Admin .......................................................... 56 Gambar 4.10 Class diagram Pengunjung ......................................................... 56 Gambar 4.11 Class Diagram Siswa................................................................... 57 Gambar 4.12 Class Diagram Guru E-learning................................................ 58 Gambar 4.13 Class Diagram Admin E-learning ............................................. 59 Gambar 4.14 Relasi Tabel Website ................................................................... 60 Gambar 4.15 Relasi Tabel E-learning .............................................................. 60 Gambar 4.16 Perancangan Halaman Login .................................................... 71 Gambar 4.17 Perancangan Halaman Admin ................................................... 72 Gambar 4.18 Perancagan Input Data Guru ..................................................... 72 Gambar 4.19 Perancangan Input Data Siswa ................................................. 73 Gambar 4.20 Perancangan Pendaftaran Siswa Baru ..................................... 74 Gambar 4.21 Perancangan Menu Pengunjung ................................................ 74 Gambar 4.22 Perancangan Menu Siswa E-learning ....................................... 75 Gambar 4.23 perancangan Menu Guru E-learning ........................................ 76 Gambar 4.24 Perancangan Menu Admin E-learning ..................................... 76 viii

Gambar 5.1 Tabel Data Guru ............................................................................ 80 Gambar 5.2 Tabel Daftar Siswa MA ................................................................. 81 Gambar 5.3 Tabel Daftar Siswa MTS ............................................................... 81 Gambar 5.4 Tabel Data MA ............................................................................... 82 Gambar 5.5 Tabel Data MTS ............................................................................. 82 Gambar 5.6 Tabel id_admin ............................................................................... 83 Gambar 5.7 Tabel Admin .................................................................................... 83 Gambar 5.8 Tabel Pengajar .............................................................................. 84 Gambar 5.9 Tabel Kelas ..................................................................................... 84 Gambar 5.10 Tabel Mata Pelajaran ................................................................ 85 Gambar 5.11 Tabel File Modul ......................................................................... 85 Gambar 5.12 Tabel Pengajar ............................................................................ 86 Gambar 5.13 Tabel Registrasi Siswa ............................................................... 87 Gambar 5.14 Tabel Siswa ................................................................................... 88 Gambar 5.15 Login Admin.................................................................................. 89 Gambar 5.16 Halaman Utama (Home) admin ................................................. 89 Gambar 5.17 Halaman Input data Guru ........................................................... 90 Gambar 5.18 Input data Siswa (MTS/MA) ....................................................... 90 Gambar 5.19 Login E-learning Siswa ............................................................... 91 Gambar 5.20 Login E-learning .......................................................................... 91 Gambar 5.21 Menu Utama E-learning ............................................................. 92 Gambar 5.22 Menu Kelas ................................................................................... 92 Gambar 5.23 Menu Edit Profil ........................................................................... 93 Gambar 5.24 Menu Edit Username dan password .......................................... 93 Gambar 5.25 Menu Pendaftaran .................................................................. 94 Gambar 5.26 Menu admin E-Learning 1...................................................... 95 Gambar 5.27 Menu admin E-Learning 2...................................................... 96 Gambar 5.28 Menu Utama Login Sekolah ................................................... 97

ix

DAFTAR TABEL Tabel 4.1 Skenario Skenario Use Case Login................................................. 34 Tabel 4.2 Skenario Use Case Home ................................................................. 35 Tabel 4.3 Skenario Use Case Input Data Guru .............................................. 35 Tabel 4.4 Skenario Use Case Input Data Siswa ............................................. 36 Tabel 4.5 Skenario Use Case Lihat Data Guru .............................................. 37 Tabel 4.6 Skenario Use Case Lihat Data Siswa ............................................. 38 Tabel 4.7 Skenario Use Case Logout ............................................................... 38 Tabel 4.8 Skenario Use Case Lihat Home....................................................... 39 Tabel 4.9 Skenario Use Case Sejarah .............................................................. 40 Tabel 4.10 Skenario Use Case Visi Misi.......................................................... 40 Tabel 4.11 Skenario Use Case Tujuan ............................................................. 41 Tabel 4.12 Skenario Use Case Struktur Organisasi ...................................... 42 Tabel 4.13 Skenario Use Case Extrakulikuler ................................................ 42 Tabel 4.14 Skenario Use Case SDM ................................................................ 43 Tabel 4.15 Skenario Use Case Pendaftaran ................................................... 44 Tabel 4.16 Skenario Use Case E-Learning ..................................................... 45 Tabel 4.17 Skenario Use Case Daftar E-Learning ........................................ 45 Tabel 4.18 Skenario Use Case Materi ............................................................. 46 Tabel 4.19 Skenario Use Case Edit Profil....................................................... 47 Tabel 4.20 Skenario Use Case manajemen siswa .......................................... 47 Tabel 4.21 Skenario Use Case manajemen siswa E-Learning ..................... 48 Tabel 4.22 Skenario Use Case Administrator ................................................. 49 Tabel 4.23 Skenario Use Case Pengajar ......................................................... 50 Tabel 4.24 Skenario Use Case Manajemen Kelas.......................................... 51 Tabel 4.25 Skenario Use Case Mata Pelajaran ............................................. 52 Tabel 4.26 Skenario Use Case Materi ............................................................. 52 Tabel 4.27 Tabel User admin ............................................................................ 61 Tabel 4.28 Tabel Daftar Guru .......................................................................... 62 Tabel 4.29 Tabel Daftar Siswa MA .................................................................. 62 x

Tabel 4.30 Tabel Daftar Siswa MTS ................................................................ 63 Tabel 4.31 Tabel Data MA ................................................................................ 63 Tabel 4.32 Tabel Data MTS .............................................................................. 64 Tabel 4.33 Tabel Admin ..................................................................................... 65 Tabel 4.34 Tabel file materi .............................................................................. 65 Tabel 4.35 Tabel Kelas ...................................................................................... 66 Tabel 4.36 Tabel Mata Pelajaran..................................................................... 66 Table 4.37 Tabel Modul ..................................................................................... 67 Tabel 4.38 Tabel Pengajar ................................................................................ 68 Tabel 4.39 Tabel Registrasi ............................................................................... 69 Tabel 4.40 Tabel Siswa ...................................................................................... 70 Tabel 5.1 Uji Halaman Login Website............................................................. 97 Tabel 5.2 Uji Halaman Input Data Guru ........................................................ 98 Tabel 5.3 Uji Halaman Input Data Siswa ....................................................... 99 Tabel 5.4 Uji Halaman Lihat data Guru ......................................................... 100 Tabel 5.5 Uji Halaman Lihat Data Siswa ....................................................... 101 Tabel 5.6 Uji Halaman Login Siswa E-learning ............................................ 102 Tabel 5.7 Uji Halaman Edit Profil Siswa E-learning .................................... 103 Tabel 5.8 Uji Halaman Edit account Login .................................................... 104 Tabel 5.9 Uji Edit Halaman Account Login .................................................... 105 Tabel 5.10 Uji Halaman Managemen Kelas ................................................... 106 Tabel 5.11 Uji Halaman Managemen Siswa ................................................... 107 Tabel 5.12 Uji Halaman Managemen Siswa (Admin) ................................... 108 Tabel 5.13 Uji Halaman Managemen Pelajaran ........................................... 109 Tabel 5.14 Uji Halaman Managemen Materi ................................................. 110 Tabel 5.15 Uji Halaman Managemen Pengajar............................................. 111 Tabel 5.16 Uji Halaman Mata Pelajaran (Guru)........................................... 112 Tabel 5.17 Uji Halaman Manajemen Kelas (Guru) ....................................... 113

xi

BAB I PENDAHULUAN

1.1

Latar Belakang Keberadaan internet menjadi sarana untuk mendapatkan dan menyebarkan

informasi dengan cepat. Internet memberikan keuntungan bagi manusia baik itu dalam urusan individu maupun instansi seperti pendidikan, pemerintahan, dan komersial. Dengan menggunankan jaringan ini, sebuah organisasi dapat melakukan pertukaran informasi secara internal maupun eksternal dengan organisasi lain (Kadir, 2003). Informasi dapat kita temukan dalam sebuah wadah yang disebut dengan WebSite. Dengan adanya WebSite akan mempermudah dalam mengetahui informasi bagi instansi-instasi yang lain untuk mempromosikan dan memberitahu kepada instansi-instasi dan masyarakat tentang profil , keunggulan-keunggulan, kegiata-kegiatan dan mengirimkan pesan ke instasi tersebut, sehingga tak perlu repot-repot harus pergi ketempat instasi untuk mengetahui profil, keunggulan, dan kegiatannya. Sekolah merupakan salah satu instansi yang membutuhkan sebuah fasilitas publikasi dalam membuka informasi mengenai sekolah yang bersangkutan. Tentu saja dengan adanya perkembangan jaman sekolah bisa menggunakan manfaat informasi berbasis WebSite dalam mempublikasikan informasi sekolah, sehingga bisa diterima oleh masyarakat dalam bentuk informasi yang lebih cepat, murah, mudah dan lebih detail dalam menyampaikan informasi yang diinginkan masyarakat. Yayasan Mashalihul Mursalat yang merupakan salah satu instansi pendidikan didaerah soreang tepatnya didesa parungserab yang masih mengalami kendala dalam menyebarkan informasi, sehingga membuat kami terpacu dan mengembangkan ilmu yang kami dapat dalam membuat WebSite sekolah yayasan tersebut yaitu Yayasan Mashlahul Mulihat.

1

Berdasarkan hal tersebut, maka kami memberikan judul dalam tugas Kerja Praktik ini yaitu Sistem Informasi WebSite sekolah Yayasan Pendidikan Pesantern Islam (YPPI) Mashalihul Mursalat dengan menggunakan PHP dan MySQL.

1.2

Rumusan Masalah Berdasarkan

Latar

Belakang

diatas

dapat

dirumuskan

beberapa

permasalahan yaitu: 1. Modul apa saja dalam pembuatan WebSite sekolahan ini. 2. Menu apa saja yang akan dibuat dan ditampilkan dalam Website ini.

1.3

Tujuan Kerja Praktik

Adapun tujuan dari kerja Praktik ini adalah sebagai berikut: 1. Membuat WebSite untuk sekolah Yayasan mashlahul Muslimat sebagai informasi sekaligus mempublikasi sekolah tersebut. 2. Mendokumentasikan data yang berhubung dengan akademik sekolah.

1.4

Batasan Masalah

Pada Batasan masalah ini terdapat beberapa permasalahan yaitu: 1. Membuat interface halaman yang terdiri dari halaman utama, halaman akademik, dan halaman admin. 2. Membuat form E-Learning dan penerimaan siswa baru. 3. Website berisikan tentang seputar Yayasan mashlahul mursalat.

1.5

Manfaat Kerja Praktik Pada pelaksanaan kerja Praktik ini kami harapkan dapat membawa manfaat

di antaranya: 1. Dapat

membantu

sekolah

Yayasan

Mashlahul

Mursalat

dalam

mempublikasikan sekolahan tersebut di dunia internet. 2. Sebagai wadah informasi bagi siswa, orangtua dan masyarakat umum.

2

3. Mengenalkan dan menampilkan Profil sekolah yang up to date.

1.6

Metode Kerja Praktik

1.

Tahapan Pengumpulan Data Metode yang kami gunakan dalam pengumpulan data untuk website yang

akan dibuat yaitu dengan menggunakan metode penelitian prototype, dimana metode penelitian ini memberikan gambaran secara objektif mengenai suatu permasalahan yang ada. Adapun metode yang penulis gunakan dalam pengumpulan datanya adalah sebagai berikut: a. Pengumpulan kebutuhan: Developer dan Klien bertemu dan menentukan tujuan umum, kebutuhan yang diketahui dan gambaran bagian-bagian yang akan dibutuhkan berikutnya; b. Perancangan: perancangan dilakukan cepat dan rancangan mewakili semua aspek software yang diketahui, dan rancangan ini menjadi dasar pembuatan prototype; c. Evaluasi Prototype: klien mengevaluasi prototype yang dibuat dan digunakan untuk memperjelas kebutuhan software.

2.

Tahapan Pembuatan Website Metode Kerja Praktik ini dilakukan agar dalam melaksanakan kerja praktik

dapat terencana dengan baik, adapun tahapannya sebagai berikut: a. Pengumpulan Data Pengumpulan data dilakukan dengan datang ketempat sekolah Yayasan Mashlahul Murshilat. Data- data yang kami ambil mengenai apa saja yang perlu dalam pembuatan WebSite tersebut(misalnya data guru, siswa dll). b. Membangun Prototype Membangun prototype dengan membuat perancangan sementara yang berfokus pada penyajian kepada pihak Yayasan (misalnya dengan membuat input dan format output).

3

c. Evaluasi Prototype Evaluasi ini dilakukan oleh pihak sekolah atau Yayasan Mashlahul Murshalat apakah prototype yang sudah dibangun sudah sesuai dengan keinginan. Jika sudah maka langkah 2 akan diambil. Jika tidak prototype akan direvisi dengan mengulangi pada langkah 1. d. Mengkodekan Aplikasi Pada tahap ini prototype sudah disepakati diterjemahkan kedalam bahasa pemrograman yang sesuai. e. Menguji Aplikasi Website yang sudah jadi atau yang sudah dipakai harus ditest terlebih dahulu sebelum digunakan. f. Evaluasi Aplikasi Pada evaluasi dilakukan oleh pihak sekolah yang akan menggunakan pemrogrman ini, apakah WebSite yang sudah jadi sudah sesuai dengan yang diharapkan. Jika ya maka akan maju kelangkah berikutnya, jika tidak maka akan mengulangi pada tahap 4 dan 5 g. Menggunakan Aplikasi Aplikasi Website yang telah diuji dan diterima oleh Sekolah Yayasan Mashalihul Murshalat.

1.7

Tempat dan Jadwal Kerja Praktik Lokasi Kerja praktik dilaksanakan di Sekolah Yayasan Mashalihul

Murshalat yang beralamatkan di Jl.Parungserab No.22 Desa Parungserab Kecamatan Soreang Kabupaten Bandung. Kerja Praktik dilaksanakan selama 3 bulan. Dengan rician jadwal sebagai berikut:

4

Jenis Kegiatan

Juni

Juli

Agustus

1 2 3 4 1 2 3 4 1 2 3 4

Pengumpulan kebutuhan Membangun prototype Evaluasi Prototype Mengkodekan aplikasi Menguji aplikasi Evaluasi aplikasi Penyerahan aplikasi

1.8

Sistematika Penulisan Untuk mempermudah pemahaman laporan kerja praktik ini, maka disusun

sistematika penulisan laporan sebagai berikut: BAB I

: PENDAHULUAN Bab ini berisi mengenai latar belakang penulisan, rumusan masalah, batasan masalah, maksud dan tujuan, metodologi penelitian serta sistematika penulisan.

BAB II

: LANDASAN TEORI Bab ini tentang uraian teori-teori yang digunakan dalam analisa permasalahan yang ada dan juga teori-teori yang digunakan dalam perancangan dan implementasi.

BAB III

: TINJAUAN TEMPAT PRAKTIK Bab ini berisi tentang analisis dan perancangan aplikasi dibentuk. Yaitu berisi tentang cara kerja Aplikasi, identifikasi masalah dan evaluasi pemrograman, serta perancangan pembangunan Website.

BAB IV

: ANALISA DAN PERANCANGAN Bab ini berisi tentang analisis dan perancangan aplikasi yang dibentuk. Yaitu berisi tentang cara kerja aplikasi,

5

identifikasi

masalah

dan

evaluasi

Website,

serta

perancangan pembangunan Website. BAB V

: IMPLEMENTASI APLIKASI Bab ini dijelaskan tentang spesifikasi aplikasi, kebutuhan aplikasi, implementasi Website dan pengujian yang dilakukan terhadap Website yang dibangun.

BAB VI

: KESIMPULAN DAN SARAN Bab ini berisi mengenai hasil rancangan aplikasi yang telah dibuat dan disertai dengan saran yang diberikan Sekolah Yayasan Mashalihul Murshalat.

6

BAB II LANDASAN TEORI

2.1

Pengertian Website World Wide Web atau WWW atau juga dikenal dengan WEB adalah salah

satu layanan yang didapat oleh pemakai komputer yang terhubung ke internet. Web ini menyediakan informasi bagi pemakai komputer yang terhubung ke internet dari sekedar informasi “sampah” atau informasi yang tidak berguna sama sekali sampai informasi yang serius; dari informasi yang gratisan sampai informasi yang komersial. Website atau situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi, suara, dan atau gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).

2.2

Sistem Informasi Sistem informasi merupakan kumpulan dari perangkat keras dan perangkat

lunak computer serta perangkat manusia yang akan mengolah data menggunakan perangkat keras dan perangkat lunak tersebut. Tiga aktivitas dalam suatu sistem informasi pengendalian operasi, menganalisis masalah dan menciptakan produk atau jasa baru. Kegiatan ini adalah masukan, pengolahan dan keluaran seperti yang terlihat pada Gambar berikut.

7

Gambar 2.1 Organisasi Sistem Informasi Sebuah sistem informasi memiliki lima komponen utama, yaitu perangkat keras, perangkat lunak, data, proses dan manusia. Kelima komponen sistem informasi tersebut adalah sebagai berikut: 1.

Perangkat Keras Perangkat keras terdiri dari segala sesuatu di lapisan fisik dari sistem informasi. Sebagai contoh, perangkat keras dapat termasuk server, workstation, jaringan, peralatan telekomunikasi, perangkat mobile, scanner, perangkat penangkap digital, dan infrastruktur berbasis teknologi lainnya.

2.

Perangkat Lunak Perangkat Lunak mengacu pada program yang mengendalikan perangkat keras dan menghasilkan informasi yang diinginkan. Perangkat lunak terdiri dari perangkat lunak sistem dan perangkat lunak aplikasi. Perangkat lunak sistem mengelola komponen perangkat keras, sementara perangkat lunak aplikasi terdiri dari program-program yang mendukung fungsi bisnis.

3.

Data Data adalah bahan baku yang diubah menggunakan sistem informasi menjadi informasi yang berguna. Suatu sistem informasi dapat menyimpan data di berbagai lokasi, yang disebut tabel. Dengan menghubungkan tabel, sistem dapat mengambil informasi tertentu.

8

4.

Proses Proses menggambarkan tugas dan fungsi bisnis bahwa pengguna, manajer dan staf TI melakukannya untuk mencapai hasil yang spesifik. Proses adalah blok bangunan sistem informasi karena mewakili operasi bisnis nyata.

5.

Manusia Orang yang memiliki kepentingan dalam sistem informasi disebut stakeholder. Stakeholder termasuk kelompok manajemen yang bertanggung jawab untuk sistem (pengguna akhir) di dalam dan di luar perusahaan yang akan berinteraksi dengan sistem dan anggota staf TI, seperti analis sistem, programmer dan administrator jaringan yang mengembangkan dan mendukung sistem.

2.3

PHP PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini.

PHP banyak dipakai untuk memprogram situs web dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain. PHP pertama kali diciptakan oleh Rasmus Lerdorf pada tahun 1995. PHP atau diciptakan menyerupai sebuah software yang tujuan utamanya adalah membantu pembuatan homepage pribadi dengan bahasa yang mudah digunakan. Selanjutnya Rasmus Lerdorf merilis script tersebut untuk public dan menamainya PHP/FI atau Hypertext Preprocessing'/Form Interpreter. Pada November 1997, dirilis kembali PHP/FI 2.0. Pada seri inilah PHP telah dilengkapi oleh program C yang berdampak pada kemudahan bahasa serta dilengkapi oleh modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan. Namun pada tahun yang sama, sebuah perusahaan bernama Zend milik 2 mahasiswa Israel menulis kembali bahasa PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998, perusahaan tersebut merilis bahasa baru untuk PHP dan merilisnya sebagai PHP 3.0 dan menganti namanya menjadi personal homepage. Pada pertengahan tahun 1999, Zend merilis kembali bahasa PHP terbaru yang kita kenal sebagai PHP 4.0 yang merupakan versi yang banyak dipakai dikarenakan kemampuannya membangun aplikasi website kompleks akan tetapi tetap memiliki

9

kecepatan dan stabilitas yang tinggi. Dan Juni 2004, Zend merilis PHP 5.0. Dalam versi ini inti dari bahasa PHP mengalami perubahan yang besar. Versi ini memasukan model pemrograman berorientasi objek kedalam bahasa PHP untuk menjawab perkembangan bahasa pemrograman kearah paradigma berorintasi objek. PHP merupakan script pemrograman yang dieksekusi menyatu dengan HTML dan bersifat server side language. Jadi eksekusi dari sebuah script PHP dilakukan pada server. Sedangkan pengiriman data ke klien hanya berupa tampilan HTML. PHP disimpan dalam file berekstensi .php, .php3 atau .phtml, itu tergantung dengan settingan PHP anda, tetapi secara umum ekstensi file PHP adalah .php. Kode PHP menyatu dengan tag-tag HTML dalam satu file. Beberapa kelebihan PHP dibandingkan dengan bahasa pemograman yang lain yaitu: 1. PHP bersifat free atau gratis. 2. PHP mudah dibuat dan memiliki kecepatan akses tinggi. 3. PHP dapat berjalan pada web server yang berbeda dan dalam sistem operasi yang berbeda pula. PHP dapat berjalan di sistem operasi UNIX, Windows, Windows NT, dan Macintosh. 4. PHP juga dapat berjalan pada web server Microsoft Personal Web Server, Apache, IIS, Xitami dan sebagainya. 5. PHP termasuk bahasa yang bersifat embedded (bisa diletakkan atau ditempel pada tag HTML). 6. PHP termasuk server side programming.

2.4

MySQL MySQL adalah sebuah implementasi dari sistem manajemen basisdata

relasional (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (General Public License). Setiap pengguna dapat secara bebas menggunakan MySQL, namun dengan batasan perangkat lunak tersebut tidak boleh dijadikan produk turunan yang bersifat komersial. MySQL sebenarnya merupakan turunan salah satu konsep utama dalam basisdata yang telah ada sebelumnya; SQL

10

(Structured Query Language). SQL adalah sebuah konsep pengoperasian basisdata, terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis. Kehandalan suatu sistem basisdata (DBMS) dapat diketahui dari cara kerja pengoptimasi-nya dalam melakukan proses perintah-perintah SQL yang dibuat oleh pengguna maupun program-program aplikasi yang memanfaatkannya. Sebagai peladen basis data, MySQL mendukung operasi basisdata transaksional maupun operasi basisdata non-transaksional. Pada modus operasi nontransaksional, MySQL dapat dikatakan unggul dalam hal unjuk kerja dibandingkan perangkat lunak peladen basisdata kompetitor lainnya. Namun demikian pada modus non-transaksional tidak ada jaminan atas reliabilitas terhadap data yang tersimpan, karenanya modus non-transaksional hanya cocok untuk jenis aplikasi yang tidak membutuhkan reliabilitas data seperti aplikasi blogging berbasis web (wordpress), CMS, dan sejenisnya. Untuk kebutuhan sistem yang ditujukan untuk bisnis sangat disarankan untuk menggunakan modus basisdata transaksional, hanya saja sebagai konsekuensinya unjuk kerja MySQL pada modus transaksional tidak secepat unjuk kerja pada modus nontransaksional.

2.5

MD5 MD5 merupakan salah satu perlindungan kepada user dalam menggunakan

fasilitas internet di dunia maya, terutama yang berhubungan dengan password, karena sebuah password adalah kunci yang sangat berharga bagi kita yang sering melakukan aktifitas di dunia maya. MD5 di mulai pada tahun 1991 yang didesain oleh Prof. Ronald Rivest dari universitas di Amerika Serikat yaitu MIT, Prof. Ronald Rivest mendesain MD5 karena telah ditemukan kelemahan pada MD4 yang ditemukan Hans Dobbertin. Pada Tahun 1996 Hans Dobbertin menemukan sebuah kerusakan/celah pada fungsi kompresi MD5, namun hal ini bukanlah serangan terhadap hash MD5 sepenuhnya, sehingga dia mengumumkan untuk para pengguna kriptografi menganjurkan supaya mengganti dengan WHIRLPOOL, SHA-1, atau RIPEMD-

11

160. Namun lambat laun MD5 sudah tidak bisa diandalkan lagi karena hash hasil encrypt MD5 mulai menampakkan kerusakannya dan sudah diketahui rahasia algoritma pada MD5, hal tersebut ditemukan kerusakannya pada tanggal 17 Agustus 2004 oleh Xiaoyun Wang, Dengguo Feng, Xuejia Lay dan Hongbo Yu, kalau dilihat dari namanya mereka berasal dari negri tirai bambu China, sekedar info saja bahwa serangan yang mereka lakukan untuk bisa men-decrypt hash MD5 ke plain text hanya membutuhkan waktu satu jam saja, dengan menggunakan IBM P690 cluster. 2.6

HTML Beberapa Pengertian HTML menurut para ahli: 1. HTML merupakan halaman yang berada pada suatu situs internet atau web. HTML merupakan metode yang menautkan (link) satu dokumen ke dokumen lain melalui teks. (Lia Kuswayatno). 2. HTML merupakan framework internet, hampir semua situs web yang ada menggunakan HTML untuk menampilkan teks, grafik, suara, dan animasinya. (Deris Setiawan). 3. HTML adalah suatu bahasa yang dikenali oleh web browser untuk menampilkan informasi dengan lebih menarik dibandingkan dengan tulisan teks biasa (plain text). (Diar Puji Oktavian).

2.7

Pengujian Black Box Merupakan uji coba terhadap program yang telah dikerjakan. Metode yang

digunakan untuk testing adalah Black Box. Pengujian pada black box berfokus pada persyaratan fungsional perangkat lunak. Dengan demikian, pengujian black box memungkinkan rekayasa perangkat lunak mendapatkan serangkaian kondisi input yang sepenuhnya menggunakan semua persyaratan fungsional suatu program. Pengujian black box berusaha menemukan kesalahan dalam kategori sebagai berikut: a. Fungsi-fungsi yang tidak benar atau hilang b. Kesalahan interface

12

c. Kesalahan dalam struktur data atau akses database eksternal d. Kesalahan kinerja. e. Inisialisasi dan kesalahan terminasi Pengujian yang dilakukan black box pada awal proses cenderung diaplikasikan selama tahap akhir pengujian. Karena pengujian black box memeperhatikan struktur kontrol maka perhatian berfokus pada domain informasi. Pengujian didesain untuk menjawab pertanyaan-pertanyaan berikut: a. Bagaimana validitas fungsional diuji? b. Kelas input apa yang akan membuat test case menjadi baik? c. Apakah sistem sensitif terhadap harga input tersebut? d. Bagaimana batasan dari suatu data diisolasi? e. Kecepatan data apa dan volume data apa yang dapat ditolelir oleh sistem? f. Apa pengaruh kombinasi tertentu dari data terhadap operasi sistem?

2.8

Database Basisdata / Database adalah kumpulan data (elementer) yang secara logic

berkaitan dalam merepresentasikan fenomena / fakta secara terstruktur dalam domain tertentu untuk mendukung aplikasi pada sistem tertentu. Adapun sistem manajemen basis data atau DBMS (Database Management System) adalah perangkat

lunak

untuk

mendefinisikan,

menciptakan,

mengelola

dan

mengendalikan pengeksesan basisdata. Fungsi sistem manajemen basisdata saat ini yang paling penting adalah menyediakan basisdata untuk sistem informasi manajemen. Contoh produk DBMS atau sekarang telah berkembang dan lebih dikenal dengan RDMBS (Relational Database Manajemen System) yaitu SQL Server, Oracle dan MySQL. Setiap produk mempunyai kelebihan dan kekurangannya

masing-masing.

Jadi

dalam

penggunaannya

harus

mempertimbangkan dengan matang produk RDMS mana yang akan digunakan yang paling sesuai dengan kebutuhan dan kemampuan.

13

2.9

CMS CMS (Content Management System) adalah Sebuah sistem yang

memberikan kemudahan kepada para penggunanya dalam mengelola dan mengadakan perubahan isi sebuah website dinamis tanpa sebelumnya dibekali pengetahuan tentang hal-hal yang bersifat teknis. Dengan demikian secara harafiah pengertian cms adalah setiap orang, penulis maupun editor, setiap saat dapat menggunakannya secara leluasa untuk membuat, menghapus atau bahkan memperbaharui isi website tanpa campur tangan langsung dari pihak webmaster. Umumnya, sebuah CMS (Content Management System) terdiri dari dua elemen: 1. Aplikasi manajemen isi (Content Management Application, [CMA]) 2. Aplikasi pengiriman isi (Content Delivery Application [CDA]). Elemen CMA memperbolehkan si manajer isi -yang mungkin tidak memiliki pengetahuan mengenai HTML (HyperText Markup Language), untuk mengatur pembuatan, modifikasi, dan penghapusan isi dari suatu situs Web tanpa perlu memiliki keahlian sebagai seorang Webmaster. Elemen CDA menggunakan dan menghimpun informasi-informasi yang sebelumnya telah ditambah, dikurangi atau diubah oleh si empunya situs web untuk meng-update atau memperbaharui situs Web tersebut. Kemampuan atau fitur dari sebuah sistem CMS berbeda-beda, walaupun begitu, kebanyakan dari software ini memiliki fitur publikasi berbasis Web, manajemen format, kontrol revisi, pembuatan index, pencarian, dan pengarsipan. Karena CMS memisahkan antara isi dan desain, konsistensi tampilan dapat senantiasa dijaga dengan baik. Setiap bagian dari website dapat memiliki isi dan tampilan yang berbeda-beda, tanpa harus khawatir kehilangan identitas dari website secara keseluruhan. Oleh karena semua data disimpan dalam satu tempat,pemanfaatan kembali dari informasi yang ada untuk berbagai keperluan dapat dengan mudah dilakukan. CMS juga memberikan kefleksibelen dalam mengatur alur dan hak akses, sehingga memperbesar kesempatan berpartisipasi dari pengguna dalam pengembangan website. Hal ini akan sangat menguntungkan bila website yang dikelola memiliki kompleksitas yang tinggi dan mengalami kemajuan yang cukup pesat. 14

2.10 UML Unfied Modelling Language (UML) menurut Martin Fowler (2005: 1) adalah keluarga notasi grafis yang didukung oleh meta-model tunggal, yang membantu pendeskripsian dan desain sistem perangkat lunak, khususnya sistem yang dibangun menggunakan Obect Oriented Programming (OOP). UML merupakan standar yang relatif terbuka yang dikontrol oleh Object Management Company (OMG), sebuah konsorsium terbuka yang terdiri dari banyak perusahaan. Kelebihan dari UML adalah dapat menggambarkan pemetaan (gambaran) dari tahap analisis ke dalam tahap perancangan dan akhirnya implentasi. UML memberikan notasi - notasi yang konsisten dan ini memudahkan model tersebut untuk berkomunikasi dengan pengguna.

Gambar 2.2 UML 1. Usecase view mendeskripsikan secara fungsional sistem terhadap aktor ekternal yang berinteraksi dengan sistem. Aktor eksternal tersebut dapat berupa sistem lain atau user. View yang memperlihatkan fungsionalitas dari sistem. 2. Logical view yang memperlihatkan bagaimana fungsionalitas tersebut dirancang kedalam sistem ( static structure dan dynamic behavior ). 3. Component view mendeskripsikan bagaimana sistem memberikan layanan secara fungsionalitas dilihat dari dalam sistem. Struktur statis digambarkan dalam

diagram

kelas

dan

objek,

sedangkan

model

digambarkan dalam state, sequence dan activity diagram.

15

dinamisnya

4. Concurrency view menggambarkan transaksi dan pembagian dari sistem menjadi proses-proses dan pemrosesannya. 5. Deployment view yang memperlihatkan penyebaran sistem kedalam arsitektur fisik ( komputer dan alat-alat ). Grafik aktual yang mengilustrasikan bagian-bagian dari sistem di gambarkan dalam tipe-tipe diagram. UML memiliki 9 tipe diagram yaitu : usecase diagram, activity digram, class diagram, object diagram, sequence diagram, statechart diagram, collaboration diagram, component diagram dan deployment diagram. Tetapi pada kasus penelitian ini kami mengambil beberapa diagram untuk memecahkan kasus tersebut, diantaranya:

2.10.1 Use Case Diagram Use Case menurut Martin Fowler (2005: 141) adalah teknik untuk merekam persyaratan fungsional sebuah sistem. Use Case mendeskripsikan interaksi tipikal antara para pengguna sistem dengan sistem itu sendiri, dengan memberi sebuah narasi tentang bagaimana sistem tersebut digunakan. Use Case Diagram menampilkan aktor mana yang menggunakan use case mana, uses case mana yang memasukkan use case lain dan hubungan antara aktor dan use case.

Gambar 2.3 Use Case

Terdapat tiga jenis hubungan yang terjadi antara usecase yaitu: 1. Extends relationship: Hubungan generalization dimana satu usecase memperluas usecase yang lain dengan cara penambahan aksi-aksi pada usecase yang umum. 2. Uses relationship: Hubungan generalization dimana satu usecase menggunakan usecase yang lain, ini menandakan sebagai bagian dari 16

specilized usecase, tingkah laku dari usecase yang umum akan diikutsertakan. 3. Grouping: Ketika sejumlah usecase menangani fungsi yang sama atau dalam beberapa cara berhubungan satu dengan yang lainnya, mereka dapat diikat (bundle) dalam UML Package.

2.10.2 Activity Diagram Activity diagram menurut Martin Fowler (2005 : 163) adalah teknik untuk menggambarkan logika prosedural, proses bisnis, dan jalur kerja. Dalam beberapa hal, activity diagram memainkan peran mirip diagram alir, tetapi perbedaan prinsip antara notasi diagram alir adalah activity diagram mendukung behavior paralel. Node pada sebuah activity diagram disebut sebagai action, sehingga diagram tersebut menampilkan sebuah activity yang tersusun dari action.

Gambar 2.4 Activity Diagram 2.10.3 Class Diagram Class Diagram menurut Munawar (2005: 28) merupakan himpunan dari objek-objek yang sejenis. Sebuah objek memiliki keadaan sesaat (state) dan perilaku (behavior). State sebuah objek adalah kondisi objek tersebut yang dinyatakan

dalam

attribute/properties.

17

Sedangkan

perilaku

suatu

objek

mendefinisikan bagaimana sebuah objek bertindak/beraksi dan memberikan reaksi.

Gambar 2.5 Class Diagram Keterangan: 1. Nama kelas ditulis dalam huruf tebal dan diletakkan di tengah-tengah. Nama diambil dari domain permasalahan dan harus sejelas mungkin. Oleh karena itu nama kelas haruslah berupa kata benda. 2. Attribut kelas menggambarkan karakteristik dari objek. Atribut kelas yang benar adalah yang dapat mencakup informasi-informasi yang dilukiskan dan mengenali instance tertentu dari kelas. Tipe dari atribut dapat berupa primitif atribut atau tipe lainnya. 3. Operasi digunakan untuk memanipulasi atribut atau menjalankan aksiaksi. Operasi biasanya disebut dengan fungsi, tetapi mereka terdapat didalam kelas dan dapat diaplikasikan hanya pada objek dalam kelas tersebut.

18

BAB III OBJEK PENELITIAN 3.1

Sejarah Yayasan Mashalihul Mursalat Yayasan Mashalihul Mursalat merupakan instansi yang berdiri dibidang

pendidikan terletak didaerah soreang tepat didesa parungserab. Berdiri pada tanggal 01 Juli 1989 oleh Drs.KH.Abdul Kohar, M.ag. pada pendirian Yayasan Mashalihul Mursalat ini diresmikan oleh kepala kantor DEPAG Kab. Bandung dan turut juga hadir dalam peresmian yaitu tokoh ulama yaitu, KH.Uyeh balukia Syakir bin KH. Ahmad Syuja’I merupakan pendiri dari pondok pesantern YAMISA soreang dan penulis buku seperti ; Fiqih Madzhab Syafi’I Berdalil Bab I (tentang Thaharah) & Bab II (tentang Sembahyang), Aqidah Ahli Sunnah WalJama’ah,, Al-Bisyarah (I, II, III), Adab Do’a Berdalil, Terjemah Syarah Hikam, Terjemah Qasidah Burdah, Terjamah Adzkiya, Ilmu Nahwu dan Ilmu Sharaf serta banyak lagi buku-buku yang lainnya.

3.2

Tujuan Sekolah 1. Merealisasikan tuntutan dan kebutuhan masyarakat dalam hal pendidikan, baik pendidikan umum maupun pendidikan agama. 2. Memberikan kesempatan kepada peserta didik untuk memperoleh dan menempuh pendidikan dasar/ menengah sampai selesai. 3. Menghasilkan lulusan yang berkualitas, berwawasan luas, keimanan yang kuat dan ketakwaan yang hebat terhadap Allah SWT.

3.3

Visi dan Misi

3.3.1 Visi Terbentuknya insan-insan gemilang yang berwawasan masa depan, berilmu amaliah dan berakhlakul karimah demi kemaslahatan dunia dan akhirat.

19

3.3.2 Misi 1. Menciptakan suasana madrasah yang Islami 2. Mewujudkan lingkungan madrasah yang bersih, sehat dan indah. 3. Melaksanakan proses pembelajaran yang efektif, efisien, aktif, kreatif dan kondusip.

3.4

Kurikulum dan Kegiatan Unggulan Untuk mencapai Visi, Misi, dan Tujuan yang diharapkan, kami menerapkan

Kurikulum Nasional atau dikenal dengan istilah Kurikulum Tingkat Satuan Pendidikan (KTSP) ditambah dengan

kegiatan unggulan

(Kurikulum

Kepesantrenan), diantaranya belajar cepat baca kitab kuning (Nahwu Sharaf), belajar baca tulis al-Qur’an, Fikih Ibadah dan Pendidikan Komputer.

3.5

Profil Sekolahan Nama Intansi

: Yayasan Mashalihul Mursalat

Alamat Instansi

: Jl. Parungserab No.22 Desa Parungserab Kecamatan Soreang, Kabupaten Bandung

Tlp

: (022) 85873243

Jenis Intasi

: Pendidikan

Tahun Didirikan

: 01 Juli 1989

Pendiri

: Drs.KH.Abdul Kohar, M.ag.

Visi

: Terbentuknya insan gemilang yang berwawasan masa depan, berilmu amaliah dan berakhlakul karimah demi kemaslahatan dunia dan akhirat.

Misi

: Menciptakan suasana madrasah yang Islami Mewujudkan lingkungan madrasah yang bersih sehat dan indah. Melaksanakan proses pembelajaran yang efektif, efisien, aktif, kreatif dan kondusip.

20

3.6

3.7

Struktur Sekolah MTS Pimpinan Yayasan

: Drs. KH Abdul Kohar, M.Ag

Kepala Sekolah


Wakil Kepala Sekolah

: M Isa Abduh Munadi, M.Ag

TU

: Intan Nurbaini S.Pd.I

UR. Kurikulum

: Abdul Kodir, S.Pd

UR. Kesiswaan

: Tini mindawati, S.Pd

UR. Sarana Prasarana

: Obing Bayari, S.Pd.I

UR. Hubungan Masyarakat

: M. Imam Mahatir, S.Pd.I

Wakil Kelas 7A

: Dewi Sri Hartati, S.Pd

Wakil Kelas 7B

: Asep Haris, S.Ag

Wakil Kelas 8A

: Hj. Yusni Kurnia, S.Ag

Wakil Kelas 8B

: M. Isa Abduh Munadi, M.Ag

Wakil Kelas 8C

: Yanik Anggraini, SE

Wakil Kelas 9A

: Abdul Kodir, M.Pd

Wakil Kelas 9B

: Tini Mindawati, I.Pd

Struktur Sekolah MA Pimpinan Yayasan


Kepala Sekolah


Wakil Kepala Sekkolah

: KH Abdul Zaelani M.Ag

TU

: Intan Nurbaini S.Pd.I

UR. Kurikulum

: M Isa Abduh Munadi, M.Ag

UR. Kesiswaan

: Asep Haris, S.Ag

UR. Sarana Prasarana


UR. Hubungan Masyarakat

: Haedar Hidayatullah S.Sos.I

Wakil Kelas 10A

: Asep Haris, S.Ag

Wakil Kelas 10B

: Anti Aminah, S.Pd

Wakil Kelas 11A

: Rani Mulyani, ST

Wakil Kelas 11B


Wakil Kelas 12A

: Tini Mindawati, I.Pd

21

Wakil Kelas 12B

3.8

: Haedar Hidayatullah, S.Sos.I

Struktur Organisasi (MTS ) Pembina OSIS

: Asep Haris S.Ag

Ketua OSIS

: Nur’aini

Wakil Ketua OSIS

: Ai Siti Khodijah

Sekertaris

: Via Silvia Neneng Yeni

Bendahara

: Andriyanti Indri Fitri Yali Yani

Sie. Upacara

: Inten Salehah : Haris Inka Simbara

Sie. Peralatan

: Yuliya Nurpaidah Supriatna Junaedi

Sie. Olahraga

: Agung Saepulman Titin Rizki Hasanah

Sie. Keamanan

: Nina Rostika Dian Permana

Sie. P3K

: Pardi Yadi Yana Linda

Sie. Kebersihan

: Muhammad Jalal Sandini

Sie. Kerohanian

: Rijal Rinaldi Alit Saepullah Istiqomah

3.9

Struktur Organisasi (MA) Pembina OSIS

: Asep Haris S.Ag

Ketua OSIS

: Haris

Wakil Ketua OSIS

: Ramdhani

Sekertaris

: Silvia 22

Neneng Rahmawati Bendahara

: Endang Taryana Indri Fitri Yani

Sie. Upacara

: Intan Salehah Haris Inka Simbara

Sie. Peralatan

: Yuliya Nurhapijoh Supriatna

Sie. Olahraga

: Agung Komarudin Titin Hasanah

Sie. Keamanan

: Rostika Rahmawati Dian Permana

Sie. P3K

: Pardi Yana Brian

Sie. Kebersihan

: Muhammad Yadi Sandini

Sie. Kerohanian

: Riki Rinaldi Ali Saepullah Istiqomah

3.10 Job Description Struktur Sekolah 1. Pimpinan:

Pemegang

yayasan

yang

menerima

laporan

tentang

perkembangan sekolah. 2. Kepala Sekolah: Bertugas memimpin dan mengkoordinasikan semua pelaksanaan rencana kerja harian, mingguan, bulanan catur wulan dan tahunan. Mengadakan hubungan dan kerjasama dengan pejabat-pejabat resmi setempat dalam usaha pembinaan sekolah. 3. Wakil Kepala Sekolah: Didalam struktur organisasi pendidikan terdapat kehumasan yang di perankan oleh Wakil Kepala Sekolah. Tugas Wakil Kepala Sekolah adalah membantu tugas Kepala Sekolah dan dalam hal tertentu mewakili Kepala Sekolah baik ke dalam maupun keluar, bila Kepala Sekolah berhalangan.

23

4. Tata Usaha: Mengkoordinasikan seluruh kegiatan yang berkaitan dengan administrasi

sekolah,

meliputi

penyusunan

program

tahunan,

kepegawaian, keuangan, pelaporan, inventaris dan kesiswaan. 5. Kurikulum: Membuat perencanaan dan mengkoordinasikan pembagian tugas guru-guru per catur wulan, merekap daya serap dan target pencapaian kurikulum per catur wulan dan per tahun pelajaran, serta segala kegiatan yang berhubungan dengan urusan kurikulum dan pengajaran bidang intra-kurikuler.

6. Kesiswaan: Membuat perencanaan penerimaan siswa baru kelas I, mutasi siswa kelas II dan III dan pendaftaran ulang siswa. Membina dan membimbing

OSIS

(Organisasi

Siswa

Intra

Sekolah)

dan

mengkoordinasikan semua yang berkaitan dengan kegiatan siswa di bidang ekstra-kurikuler. 7. Sarana Prasarana: Mengkoordinasikan segala kegiatan yang berkaitan dengan pengadaan, pemeliharaan dan penghapusan barang-barang inventaris/non inventaris baik fisik maupun non-fisik milik sekolah. 8. Hubungan Masyarakat: Memberikan penjelasan tentang kebijaksanaan sekolah, situasi, dan perkembangan sekolah sesuai dengan pendelegasian Kepala Sekolah, menampung saran-saran dan pendapat masyarakat untuk memajukan sekolah, dan membantu mewujudkan kerjasama dengan lembaga-lembaga yang berhubungan dengan usaha dan kegiatan pengabdian masyarakat. 9. Wakil Kelas: a.

Pengelolaan kelasdan

b.

Memberi contoh dan tauladan kepada semua siswa/warga sekolah (menjadi Uswah hasanah).

c.

Menyelenggarakan administrasi kelas meliputi: 1. Denah tempat duduk 2. Papan absen 3. Daftar pelajaran 4. Daftar piket kelas

24

5. Buku absen siswa 6. Buku kegiatan pembelajaran / jurnal 7. Tata tertib d.

Menyusun pembuatan statistik bulanan (absen)

e.

Mengisi Leger

f.

Membuat catatan khusus

g.

Mengisi dan membagi rapor

h.

Membina anak didiknya sebagai insan ber-Tuhan yang berbudi pekerti luhur.

i.

Membantu kelancaran proses belajar mengajar siswa dikelasnya.

j.

Mengetahui identitas, nama dan jumlah siswa di kelasnya.

k.

Mengetahui, memahami dan mengambil tindakan-tindakan yang berkaitan dengan masalah-masalah yang timbul di kelasnya.

l.

Bekerja sama dengan guru BP dalam memecahkan masalah yang dihadapi siswa dan apabila dipandang perlu mengadakan hubungan dengan orangtua/wali murid dalam rangka pembinaan siswa kelasnya.

m. Melaksanakan tugas penilaian, terutama terhadap budi pekerti, kelakuan dan kerajinan siswa di kelasnya. n.

Mengawasi, memonitor serta menyampaikan laporan kepada Kepala Sekolah secara berkala melalui Wakil Bidang Kesiswaan mengenai pembinaan kelasnya (2 bulan sekali).

o.

Turut bertanggung jawab dalam kelancaran pelaksanaan Upacara Bendera.

p.

Koordinasi

dengan

bidang

Kesiswaan,

BP,

untuk

siswa

pindahan/mutasi karena sesuatu dan lain hal (ketidak hadiran) prestasi rendah dan lain-lain.

3.11 Job Description Struktur OSIS 1.

Pembina OSIS a.

Membina dan sekaligus mengkoordinasi OSIS

b.

Memantau program kerja OSIS

25

2.

Ketua OSIS a.

Memimpin organisasi dengan baik dan bijaksana.

b.

Mengkoordinasikan semua aparat kepengurusan.

c.

Menetapkan kebijaksanaan yang telah dipersiapkan dan direncanakan oleh aparat kepengurusan.

d.

Memimpin rapat.

e.

Menetapkan kebijaksanaan dan mengambil keputusan berdasarkan musyawarah dan mufakat.

3.

f.

Setiap saat mengevaluasi kegiatan aparat kepengurusan.

g.

Menyusun rencana kerja.

h.

Melaksanakan kegiatan yang sudah ada.

i.

Mengkoordinir kegiatan ekstrakulikuler.

j.

Menjalin komunikasi dengan sekolah lain.

k.

Bertanggung Jawab terhadap Pembina OSIS.

Wakil Ketua OSIS a.

Bersama-sama Ketua menetapkan kebijaksanaan.

b.

Memberikan saran kepada Ketua dalam rangka mengambil keputusan.

c.

Menggantikan Ketua jika berhalangan.

d.

Membantu Ketua dalam melaksanakan tugasnya.

e.

Bertanggung jawab kepada Ketua.

f.

Wakil Ketua bersama-sama dengan Wakil Sekretaris mengkoordinasi seksi bidang.

4.

g.

Melaksanakan program kerja OSIS.

h.

Mengaktifkan kegiatan ekstrakulikuler.

Sekertaris I a.

Mendampingi Ketua dalam memimpin setiap rapat.

b.

Memberi saran atau masukan kepada Ketua dalam mengambil keputusan.

c.

Menyiapkan, mendistribusikan, dan menyimpan surat serta arsip yang berhubungan dengan pelaksanaan kegiatan.

26

d.

Menyiapkan laporan, surat, agenda dan hasil rapat serta evaluasi kegiatan.

e.

Bersama Ketua menandatangani setiap surat.

f.

Bertanggung jawab atas tertib administrasi organisasi.

g.

Bertindak sebagai notulis dalam rapat atau diserahkan kepada Wakil Sekretaris.

5.

6.

h.

Membantu Ketua OSIS dalam pembuatan program kerja.

i.

Bertanggung jawab terhadap Ketua OSIS.

j.

Melaksanakan program OSIS.

Sekertaris II a.

Aktif membantu pelaksanaan tugas sekretaris.

b.

Menggantikan Sekretaris jika Sekretaris berhalangan.

c.

Membantu Wakil Ketua mengkoordinir seksi bidang.

Bendara I a.

Bersama Ketua menyusun anggaran belanja

organisasi. Bertanggung

jawab dan mengetahui segala pemasukan/ pengeluaran yang diperlukan.

7.

b.

Membuat tanda bukti kuitansi setiap.

c.

Pemasukan/pengeluaran untuk pertanggung jawaban.

d.

Bertanggung jawab atas inventaris dan pembendaharaan.

e.

Menyampaikan laporan keuangan secara berkala.

f.

Melaksanakan program OSIS.

g.

Bertanggung jawab terhadap Ketua OSIS.

Bedahara II a.

Aktif membantu pelaksanaan tugas Bendahara.

b.

Menggantikan Bendahara jika Bendahara berhalangan.

c.

Bersama bendahara membantu Ketua menyusun anggaran belanja organisasi.

8.

Sie. Upacara a.

Melaksanakan tata tertib sekolah.

b.

Melaksanakan upacara bendera setiap hari Senin pagi dan hari-hari besar Nasional.

27

c.

Melaksanakan baris-berbaris.

d.

Menyelenggarakan kegiatan yang dapat membina. persatuan dan kesatuan, memupuk rasa cina tanah air dan nasionalisme.

e.

Mengevaluasi hasil kerja progam yang telah dilaksanakan dalam format tertentu.

f.

Membuat Laporan Hasil Kerja dan diserahkan kepada Penanggung jawab seksi dan kegiatan lainnya.

9.

Sie. Peralatan a.

Membantu dalam perlengkapan Acara.

b.

Merencanakan progam kerja OSIS yang berkaitan perlengkapan.

c.

Membantu sekolah dalam hal kebersihan.

d.


e.

Membuat Laporan Hasil Kerja dan diserahkan kepada Penanggung jawab seksi.

10.

Sie. Olahraga a.

Merencanakan progam kerja Olahraga.

b.

Menyelenggarakan lomba olah raga di lingkungan sekolah, seperti PORAK,

mengikuti

dan

mengadakan

pertandingan

olah

raga

persahabatan. c.

Membantu pihak sekolah dalam usaha pencegahan penyalahgunaan Narkoba dan Miras.

d.

Bekerjasama dengan BK mengadakan penyuluhan NAPZA dan pergaulan remaja di lingkungan sekolah.

e.


f.


28

11.

12.

13.

14.

Sie. Keamanan a.

Merencanakan program kerja keamanan.

b.

Mengamankan setiap kegiatan acara.

c.

Membantu dalam kegiatan acara.

Sie. P3K a.

Merenakan program kerja P3K.

b.

Menyediakan kotak pengobatan.

c.

Menyediakan obat-obatan.

Sie. Kebersihan a.

Merencanakan program kerja kebersihan.

b.

Membuat jadwal kerja bakti.

c.

Menyediakan alat kebersihan.

Sie. Kerohanian a. Merencanakan progam kerja kerohanian. b. Melaksanakan ibadah sesuai dengan ketentuan agama masing-masing. c. Memperingati hari-hari besar agama. d. Mengadakan dan mengikuti kegiatan lomba yang bersifat keagamaan. e. Mengevaluasi hasil kerja progam yang telah dilaksanakan dalam format tertentu. f.


g. Dan kegiatan lainnya yang berkaitan dengan ketaqwaan.

29

BAB IV ANALISIS DAN PERANCANGAN SISTEM

4.1

Analisis Sistem Analisis sistem adalah penguraian dari suatu sistem yang utuh ke dalam

bagian-bagian

komponennya,

maksudnya

untuk

mengidentifikasi

dan

mengevaluasi permasalahan, kesempatan, hambatan yang terjadi dan kebutuhankebutuhan yang diharapkan sehingga dapat diusulkan perbaikannya.

4.1.1. Deskripsi Masalah Yayasan Mashalihul Mursalat yang merupakan salah satu instansi pendidikan didaerah soreang tepatnya didesa parungserab yang masih mengalami kendala dalam menyebarkan informasi, maka dari itu kami membuat website sekolah untuk Yayasan Mashalihul Mursalat.

4.1.2. Pemecahan Masalah Sebagaimana diketahui dari perumusan masalah yang telah dibahas diatas, maka selanjutnya perlu dilakukan pemecahan masalah agar kebutuhan yang diminta dapat terpenuhi. Pemecahanannya adalah dengan membangun website Sekolah Yayasan Mashalihul Mursalat.

4.1.3. Fitur yang diharapkan Fitur yang diharapkan dalam pembuatan website ini yaitu: 1. Memberikan informasi dan berita terbaru tentang Sekolah 2. Mendokumentasikan beberapa atau seluruh kegiatan Sekolah 3. Menjadi sarana dan media informasi tentang Sekolah

30

4.2

Perancangan Sistem Perancangan system yang diterapkan dalam pembuatan website ini

menggunakan Unfied Modelling Language (UML). Dan perancagan database dalam pembuatan website ini menggunakan Entity Relationship Diagram (ERD).

4.2.1 Use Case Diagram Website Pada bagian use case diagram ini menjelaskan siapa-siapa saja yang berinteraksi dengan website dan E-learning Yayasan Mashalihul Mursalat ini. Berikut gambar use case diagram website Yayasan Mashalihul Mursalat 1. Use Case Admin Website

Gambar 4.1 Use Case User_admin

31

2. Use Case Pengunjung

Gambar 4.2 Use Case Pengunjung 3. Use Case Siswa E-Learning

Gambar 4.3 Use Case Siswa

32

4. Use Case Guru

Gambar 4.4 Use Case Guru 5. Use Case Keseluruhan

Gambar 4.5 Use Case Keseluruhan

33

4.2.2. Skenario Use Case 1. Skenario Use case Login Nama use case : Login Aktor

: User Admin

Tujuan

: Pengguna masuk ke halaman Administrator

Kondisi Awal : Pengguna belum masuk ke halaman Administrator Kondisi Akhir : Pengguna telah masuk ke halaman Administrator Deskripsi

: Pengguna masuk ke halaman login administrator, memasukan user name dan password, dan menekan tombol “login” Tabel 4.1 Skenario Use Case Login SKENARIO USE CASE LOGIN Main Flow Event

Actor Action

System Response

1. Pengguna masuk ke halaman

2. Sistem menampilkan form login.

login administrator. 3. Pengguna memasukan username

4. System menampilkan halaman

dan password

administrator.

2. Skenario Use case Home Admin Nama use case : Home Admin Aktor

: User Admin

Tujuan

: Merubah Profil dari sekolah.

Kondisi awal : Pengguna belum masuk ke halaman administator Kondisi Akhir : Pengguna telah masuk ke halaman administator Deskripsi

: Pengguna masuk ke halaman administator dan melihat profil sekolah.

34

Tabel 4.2 Skenario Use case Home SKENARIO USE CASE HOME ADMIN Main Flow Event Actor Action

System Response

1. Pengguna memilih halaman

2. Sistem menampilkan halaman

Home administrator.

Home administrator

3. Skenario Use case Input_data_guru Nama use case : Input_data_guru Aktor

: User Admin

Tujuan

: Menambah data guru.

Kondisi awal : Pengguna belum masuk ke halaman Administrator Kondisi Akhir : Pengguna telah masuk ke halaman Administrator. Deskripsi

: Pengguna masuk ke menu “input_data ” dan

memilih

menu “Guru” lalu menginputkan Data Guru lalu menekan tombol ok yang berarti data tersebut disimpan.

Tabel 4.3 Skenario Use Case Input Data Guru SKENARIO USE CASE INPUT DATA GURU Main Flow Event Actor Action

System Response

1. Pengguna memilih menu “Input

2. Sistem menampilkan menu

data”.

Input data.

3. Pengguna memilih menu “Guru”

4. System menampilkan halaman “Input Data Guru” 6. Pengguna memilih tombol “ok”,

5. Pengguna menginputkan Data Guru.

untuk menyimpan Data Guru

7. Sistem menyimpan Data Guru yang telah diinputkan.

35

4. Skenario Use case Input Data Siswa Nama use case :Input Data Siswa Aktor

: User Admin

Tujuan

: Menambah data Siswa .

Kondisi awal : Pengguna belum masuk ke halaman Administrator Kondisi Akhir : Pengguna telah masuk ke halaman Administrator Deskripsi

: Pengguna masuk ke menu “Input Data” dan memilih menu “siswa MTS/MA” lalu menginputkan data siswa lalu menekan tombol ok yang berarti menyimpan data siswa tersebut.

Tabel 4.4 Skenario Use Case Input Data Siswa SKENARIO USE CASE INPUT DATA SISWA Main Flow Event Actor Action

System Response


2. Sistem menampilkan menu Input

data”.

data.

3. Pengguna memilih menu “Siswa 4. System menampilkan halaman (MTS / MA)”

“Input Data Siswa” 6. Pengguna memilih tombol “ok”,

5. Pengguna menginputkan Data Siswa.

untuk menyimpan Data Siswa

7. Sistem menyimpan Data Siswa yang telah diinputkan.

5. Skenario Use case Lihat Data Guru Nama use case : Lihat Data Guru Aktor

: User Admin

Tujuan

: Merubah, dan mengapus data guru.


: Pengguna masuk ke menu “lihat Data” dan memilih

36

menu “Guru” lalu merubah / menghapus data guru yang ada di database dengan menekan tulisan edit untuk merubah dan hapus untuk menghapus. Tabel 4.5 Skenario Use Case Lihat Data Guru SKENARIO USE CASE LIHAT DATA GURU Main Flow Event Actor Action

System Response

1. Pengguna memilih menu “Lihat


Data”.

Lihat datqa.

3. Pengguna memilih menu “Guru” 4. System menampilkan halaman “Data Guru” 5. Pengguna merubah atau

6. Pengguna memilih tombol “edit” untuk merubah Data Guru

menghapus Data Guru.

dan “hapus” untuk menghapus data Guru 7. Sistem merubah / menghapus Data Guru.

6. Skenario Use case Lihat Data Siswa Nama use case : Lihat Data Siswa Aktor

: User Admin

Tujuan

: merubah, dan mengapus data siswa.


: Pengguna masuk ke menu “lihat Data” dan memilih menu “Siswa MTS/MA” lalu memilih tahun berapa siswa yang hendak dipilih untuk merubah atau menghapus data siswa yang ada didatabase dengan menekan tulisan edit untuk merubah dan hapus untuk menghapus.

37

Tabel 4.6 Skenario Use Case Lihat Data Siswa SKENARIO USE CASE LIHAT DATA SISWA Main Flow Event Actor Action

System Response

1. Pengguna memilih menu “Lihat


Data”.

Lihat datqa.

3. Pengguna memilih menu


“Siswa”

“Data Siswa”

5. Pengguna merubah atau

6. Pengguna memilih tombol

menghapus Data Siswa (MTS

“edit” untuk merubah Data

/MA).

Siswa dan “hapus” untuk menghapus data Siswa

7. Sistem merubah / menghapus Data Siswa(MTS/ MA).

7. Skenario Use case Logout Nama use case : Logout Aktor

: User Admin

Tujuan

: Pengguna masuk ke halaman Administrator

Kondisi Awal : Pengguna telah masuk ke halaman Administrator Kondisi Akhir : Pengguna keluar dari halaman Administrator Deskripsi

: Pengguna menekan tombol menu logout yang menandakan keluar dari halaman administrator.

Tabel 4.7 Skenario Use Case Logout SKENARIO USE CASE LOGOUT Main Flow Event Actor Action 1. Pengguna menekan logout pada

System Response 2. System menampilkan halaman

halaman administrator.

login administrator.

38

8. Skenario Use case Lihat Home Nama use case

: Lihat Home

Aktor

: Pengunjung

Tujuan

: Melihat Profil dari sekolah.

Kondisi awal

: Pengguna belum masuk ke halaman Website

Kondisi Akhir

: Pengguna telah masuk ke halaman Website

Deskripsi

: Pengguna masuk ke halaman website dan melihat profil sekolah.

Table 4.8 Skenario Use Case Lihat Home SKENARIO USE CASE LIHAT HOME Main Flow Event Actor Action

System Response



website.

utama website dan menu-menu di halaman website.

3. Pengguna memilih menu Home

4. System menampilkan halaman Home.

9. Skenario Use case Lihat Sejarah Nama use case

: Lihat Sejarah

Aktor

: Pengunjung

Tujuan

: Melihat Sejarah dari sekolah.

Kondisi awal


Kondisi Akhir


Deskripsi

: Pengguna masuk ke halaman website dan memilih menu

Sejarah,

untuk

mengetahui

berdirinya sekolahan tersebut.

39

sejarah

Table 4.9 Skenario Use Case Sejarah SKENARIO USE CASE LIHAT SEJARAH Main Flow Event Actor Action

System Response



website.




Sejarah

Sejarah.

10. Skenario Use case Visi Misi Nama use case

: Visi Misi

Aktor

: Pengunjung

Tujuan

: Melihat Visi dan Misi dari sekolahan tersebut.

Kondisi awal


Kondisi Akhir


Deskripsi

: Pengguna masuk ke halaman website dan memilih menu Visi Misi, untuk mengetahui Visi dan Misi sekolahan tersebut.

Table 4.10 Skenario Use Case Visi Misi SKENARIO USE CASE VISI MISI Main Flow Event Actor Action

System Response



website.


3. Pengguna memilih menu Visi


Misi

Visi Misi.

40

11. Skenario Use case Lihat Tujuan Nama use case

: Tujuan Sekolah

Aktor

: pengunjung

Tujuan

: melihat tujuan dari sekolah tersebut.

Kondisi awal


Kondisi Akhir


Deskripsi

: Pengguna masuk ke halaman website dan memilih menu “Tujuan”.

Tabel 4.11 Skenario Use Case Tujuan SKENARIO USE CASE TUJUAN Main Flow Event Actor Action

System Response



website.


3. Pengguna memilih menu Tujuan

4. System menampilkan halaman Tujuan.

12. Skenario Use case Struktur Organisasi Nama use case

: Struktur Organasasi

Aktor

: pengunjung

Tujuan

: melihat Profil dari sekolah.

Kondisi awal


Kondisi Akhir


Deskripsi

: Pengguna masuk ke halaman website dan memilih menu

“Struktur

Organisasi”,

untuk

melihat

struktur organisasi yang ada disekolah tersebut

41

Table 4.12 Skenario Use Case Struktur Organisasi SKENARIO USE CASE STRUKTUR ORGANISASI Main Flow Event Actor Action

System Response



website.




Struktur Organisasi

Struktur Organisasi.

13. Skenario Use case Extrakulikuler Nama use case

: Extrakulikuler

Aktor

: Pengunjung

Tujuan

: Melihat Profil dari sekolah.

Kondisi awal


Kondisi Akhir


Deskripsi

: Pengguna masuk ke halaman website dan memilih menu Extrakulikuler.

Table 4.13 Skenario Use Case Extrakulikuler SKENARIO USE CASE EXTRAKULIKULER Main Flow Event Actor Action 1. Pengguna masuk ke halaman

System Response 2. Sistem menampilkan halaman

website.




Extrakulikuler

Extrakulikuler.

42

14. Skenario Use case SDM Nama use case

: SDM

Aktor

: Pengunjung

Tujuan

: Melihat Data Guru dan siswa (MTS /MA) yang ada disekolahan tersebut.

Kondisi awal


Kondisi Akhir


Deskripsi

: Pengguna masuk ke halaman website dan memilih menu SDM lalu memilih Guru / Siswa (MTS/MA) untuk melihat data Guru / Siswa (MTS/MA).

Table 4.14 Skenario Use Case SDM SKENARIO USE CASE SDM Main Flow Event Actor Action

System Response



Data”.

Input Data.

3. Pengguna memilih menu “Guru” 4. System menampilkan halaman atau “Siswa”

“Biodata Guru/Siswa”dan menampilkan tahun siswa(MTS dan Ma)

5. Pengguna memilih Siswa

6. System Menampilkan biodata

menampilkan tahun siswa yang

Guru atau Siswa(MTS /MA)

akan dilihat dan Guru menampilkan biodata Guru.

15. Skenario Use case Pendaftaran Nama use case

: Pendaftaran

Aktor

: Pengunjung

Tujuan

:Mendaftarkan

Siswa

kesekolahan tersebut

43

/

Siswi

(MTS/MA)

Kondisi awal


Kondisi Akhir


Deskripsi

: Pengguna masuk ke halaman website dan memilih menu Pendaftaran lalu memilih Siswa MTS/MA untuk mendaftarkan sebagai siswa /siswi baru.

Table 4.15 Skenario Use Case Pendaftaran SKENARIO USE CASE PENDAFTARAN Main Flow Event Actor Action

System Response



website.

utama website dan menu-menu dihalaman website.



Pendaftaran

Pendaftaran.

16. Skenario Use case E-learning Nama use case

: E-learning

Aktor

: Pengunjung

Tujuan

: melihat Profil dari sekolah.

Kondisi awal


Kondisi Akhir

: Pengguna hanya bisa melihat halaman depan E-learning.

Deskripsi

: Pengguna masuk ke halaman website dan memilih menu E-learning dan kemudian akan muncul halaman depan yaitu login ke halaman Elearning, karena E-learning hanya bisa masuk oleh Guru dan Siswa sekolahan tersebut.

44

Table 4.16 Skenario Use Case E-Learning SKENARIO USE CASE E-LEARNING Main Flow Event Actor Action

System Response



website.


3. Pengguna memilih menu E-


learning

Login pada halaman E-learning.

17. Skenario Use case Daftar E-learning Nama use case

: Daftar E-learning

Aktor

: Siswa

Tujuan

: Mendaftar E-learning dari sekolah.

Kondisi awal


Kondisi Akhir

: Pengguna hanya bisa masuk kehalaman E-learning

Deskripsi

:Siswa yang belum punya account E-learning diharapkan nantinya

mengisi admin

form

akan

pendaftaran,

yang

mengkonfirmasi

siswa

tersebut sehingga mempunyai account E-Learning.

Table 4.17 Skenario Use Case Daftar E-Learning SKENARIO USE CASE DAFTAR E-LEARNING Main Flow Event Actor Action System Response 1. Siswa masuk ke halaman Daftar 2. Sistem menampilkan halaman E-Learning. Daftar E-Learning. 3. Siswa menginputkan datanya 4. System menyimpan data siswa sendiri yang tadi dinputkan. 5. Admin mengkonfirmasi jika memang siswa dari sekolah Mashalihul Mursalat

45

18. Skenario Use case Materi Nama use case

:Materi

Aktor

:Siswa

Tujuan

:Mendownload file mater yang diberikan oleh guru

Kondisi awal

:Pengguna Sudah masuk ke halaman Website

Kondisi Akhir

:Pengguna bisa mendownload file materi

Deskripsi

:Siswa

masuk

kehalaman

Menu

E-Learning

kemudian masuk kehalaman Materi disan ada tombol lihat, yang nantinya siswa akan masuk Daftar fileMateri yang kemudian siswa bisa mendownloadnya.

Table 4.18 Skenario Use Case Materi SKENARIO USE CASE MATERI Main Flow Event Actor Action

System Response

1. Siswa masuk ke halaman

2.

Materi

Sistem menampilkan halaman Materi.

3. Siswa Mendownload Materi

19. Skenario Use Case Edit Profil Nama use case : Edit Profil Aktor

: Siswa

Tujuan

: Mengedit Profil siswa oleh siswa sendiri

Kondisi awal

: Pengguna Sudah masuk ke halaman Website

Kondisi Akhir : Pengguna bisa menge dit profil siswa Deskripsi

: Siswa masuk kehalaman Menu edit kemudian siswa merubah profilnya.

46

Table 4.19 Skenario Use Case Edit Profil SKENARIO USE CASE EDIT PROFIL Main Flow Event Actor Action

System Response

1. Siswa masuk ke halaman

2.

Edit profil

Sistem menampilkan halaman Edit Profil.

3. Siswa merubah data profil

4. System menyimpan

siswa

perubahan.

20. Skenario Use Case Manajemen Siswa Nama use case : Manajemen Siswa Aktor

: Admin

Tujuan

: Menambahkan, dan mengedit data Siswa

Kondisi awal

: Belum menambahkan atau mengedit data siswa

Kondisi Akhir : Menambahkan atau mengedit data siswa Deskripsi

: Admin akan menambahkan siswa yang belum dimasukan datanya dan mengedit data siswa ketika ada perubahan data.

Table 4.20 Skenario Use Case manajemen siswa SKENARIO USE CASE MANAJEMEN SISWA Main Flow Event Actor Action 1. Admin halaman mananemen

System Response 2. Sistem menampilkan

siswa 3. Admin menambahkan atau

mananemen siswa. 4. System menyimpan data yang

mengedit data

ditambahkan atau menyimpan perubahan data.

47

21. Skenario Use Case Registrasi Siswa Nama use case :Registrasi Siswa Aktor

:Admin

Tujuan

:Mengkofirmasi siswa yang daftar di E-learning data Siswa.

Kondisi awal

:Belum mengkonfirmasi Siswa yang telah daftar di E-learning.

Kondisi Akhir :Sudah mengkonfirmasi Siswa yang telah daftar di E-learning. Deskripsi

:Admin akan mengecek kehalaman registrasi siswa jika ada siswa yang baru daftar dan mengecek apakan

siswa

tersebut

siswa

dari

Mashalihul Mursalat.

Table 4.21 Skenario Use Case manajemen siswa E-Learning SKENARIO USE CASE REGISTRASI Main Flow Event Actor Action 1. Admin halaman Registrasi

System Response 2. Sistem menampilkan

Siswa. 3. Admin akan menkonfirmasi

Registrasi Siswa. 4. System menyimpan data

siswa yang daftar E- Learning adalah siswa dari Sekolahan Mashalihul Mursalat

48

sekolah

22. Skenario Use Case Administrator Nama use case : Administrator Aktor

: Admin

Tujuan

: Menambahkan Admin pada pengelolaan E-Learning.

Kondisi awal

: Belum menambahkan Admin baru

Kondisi Akhir : Sudah menambahkan Admin Baru. Deskripsi

: Admin akan menambahkan Account admin baru untuk mengelola E-Learning, sehingga tak hanya satu admin tapi bisa lebih.

Table 4.22 Skenario Use Case Administrator SKENARIO USE CASE ADMINISTRATOR Main Flow Event Actor Action 1.

System Response

Admin kehalaman

2. Sistem menampilkan

administrator.

halamann Administrator.

3. Admin menginputkan data

4. System menyimpan data

admin yang baru

admin baru

23. Skenario Use Case Pengajar Nama use case :Pengajar Aktor

:Admin

Tujuan

:Menambahakan data pengajar atau guru

Kondisi awal

:Belum menambahkan pengajar atau guru dan mengedit data guru yang sudah ada

Kondisi Akhir

:Sudah menambahkan pengajar atau guru dan mengedit data guru yang sudah ada

Deskripsi

:Admin akan menambahkan data pengajar baru sehingga pengajar terdata dari sekolah dan

49

mempunyai

account

E-Learning

Guru

dan

mengedit data pengajar yang ada.

Table 4.23 Skenario Use Case Pengajar SKENARIO USE CASE PENGAJAR Main Flow Event Actor Action 1.

System Response

Admin kehalaman Pengajar.

2. Sistem menampilkan halaman Pengajar.

3. Admin menambahkan dan

4. System menyimpan data

mengedit data pengajar

Pengajar dan perubahan data pengajar

24. Skenario Use Case Manajemen Kelas Nama use case : Manajemen Kelas Aktor

: Admin dan guru

Tujuan

: Menambahakan, mengedit, dan mengahapus data kelas.

Kondisi awal

: Belum menambahkan, mengedit, dan menghapus data kelas.

Kondisi Akhir : Sudah menambahkan, mengedit, dan menghapus data kelas Deskripsi

: Admin atau guru menambahkan, mengedit, dan menghapus data kelas yang nantinya akan ditempatkan mengajar disana.

50

Table 4.24 Skenario Use Case Manajemen Kelas SKENARIO USE CASE MANAJEMEN KELAS Main Flow Event Actor Action 1.

System Response

Admin dan guru kehalaman


Kelas.

Kelas.

3. Admin menambahkan atau

4. System menyimpan data kelas

mengedit atau menghapus

yang ditambahkan atau yang

data kelas.

diubah atau mengahapus data kelas

25. Skenario Use Case Mata Pelajaran Nama use case : Mata Pelajaran Aktor

: Admin dan guru

Tujuan

: Menambahakan, mengedit, dan menghapus data Mata Pelajaran

Kondisi awal

: Belum menambahkan, mengedit, dan menghapus data Mata Pelajaran

Kondisi Akhir : Sudah menambahkan, mengedit, dan menghapus data Mata Pelajaran Deskripsi

: Admin atau guru menambahkan, mengedit, dan menghapus data mata pelajaran.

51

Table 4.25 Skenario Use Case Mata Pelajaran SKENARIO USE CASE MATA PELAJARAN Main Flow Event Actor Action System Response 5. Admin dan guru kehalaman 6. Sistem menampilkan halaman Mata Pelajaran. Mata Pelajaran. 7. Admin menambahkan atau mengedit atau menghapus data mata pelajaran.

8. System menyimpan data kelas yang ditambahkan atau yang diubah atau mengahapus data mata pelajaran

26. Skenario Use Case Materi Admin Nama use case : Materi Aktor

: Admin dan guru

Tujuan

: Mengupload materi ke E-Learning

Kondisi awal

:Belum mengupload materi ke E-Learning

Kondisi Akhir :Belum mengupload materi ke E-Learning Deskripsi

:Admin atau guru menguploadkan materi atau mengedit

materi

yang sudah diupload atau

menghapus materi.

Table 4.26 Skenario Use Case Materi SKENARIO USE CASE MATERI Main Flow Event Actor Action System Response 1. Admin atau guru 2. Sistem menampilkan halaman kehalamanMateri. Materi. 3. Admin mengupload materi atau mengedit materi yang sudah diupload atau menghapus data materi.

4. System menyimpan file di materi yang diupload atau mengubah file yang sudah diupload atau mengahapus materi

52

4.2.3 Activity Diagram Website Activity diagram adalah penggambaran alur aktivitas dalam sebuah system yang sedang dirancang, darimana alur berawal, decision yang mungkin terjadi, dan bagaimana alur berakhir. Activity diagram juga dapat menggambarkan proses pararel yang mungkin terjadi pada beberapa ekseskusi. Activity diagram pada system informasi website Yayasan Mashalihul Mursalat ini dirancang seperti gambar berikut: 1. Activity Diagram Siswa Siswa

Sistem

Login

Validasi

gagal Berhasil Pili Menu

Menu Elearning Gagal

Lihat

Edit

Download

Proses

Berhasil

Lihat Output

Tampil Output

Gambar 4.6 Activity Diagram Siswa Keterangan: Dalam Activity diagram 2 aktor, yaitu Siswa dan system, untuk alurnya Siswa diharuskan login terlebih dahulu sebelum masuk ke dalam halaman Menu E-Learning, setelah login Siswa dapat memilih menu-menu yang ada pada halaman Menu E-Learning, super admin diizinkan untuk menginput, mengedit, dan Mendownload data yang ada. Setelah di proses maka akan menghasilkan output yang nantinya output akan ditampilkan oleh system.

53

2. Activity Diagram Admin Admin

Sistem

validasi

Login Gagal Berhasil

Pilih Menu

Tambah

Edit

Hapus

Upload

Gagal

Proses

Berhasil Llihat Output

Tampil Output

Gambar 4.7 Activity Diagram Admin Keterangan: Dalam Activity diagram 2 aktor, yaitu Admin dan system, untuk alurnya admin diharuskan login terlebih dahulu sebelum masuk ke dalam halaman Menu administrator, setelah login admin dan guru dapat memilih menu-menu yang ada pada halaman administrator, admin dan guru diizinkan untuk menginput, mengedit, dan menghapus data serta Mengupload File. Setelah di proses maka akan menghasilkan output yang nantinya output akan ditampilkan oleh system.

54

3. Activity Diagram Guru Guru

Sistem

validasi

Login Gagal Berhasil

Pilih Menu

Tambah

Edit

Hapus

Upload

Gagal

Proses

Berhasil Llihat Output

Tampil Output

Gambar 4.8 Activity Diagram Admin dan Guru Keterangan: Dalam Activity diagram 2 aktor, yaitu guru dan system, untuk alurnya Guru diharuskan login terlebih dahulu sebelum masuk ke dalam halaman Menu administrator, setelah login admin dan guru dapat memilih menu-menu yang ada pada halaman administrator, admin dan guru diizinkan untuk menginput, mengedit, dan menghapus data serta Mengupload File. Setelah di proses maka akan menghasilkan output yang nantinya output akan ditampilkan oleh system.

4.2.4 Class Diagram Class Diagram atau Diagram kelas adalah sebuah gambaran diagram yang memodelkan kelas-kelas yang digunakan system serta hubungan antar kelas di dalam system tersebut. Class dan relasi antar class adalah beberapa elemen penting yang dimiliki class diagram. Berikut gambar class diagram website Yayasan Mashalihul Mursalat:

55

a. Class Diagram User Admin Website

Gambar 4.9 Class Diagram User Admin Keterangan: Class Diagram User Admin ini memiliki 7 class yaitu Login, Menu_administrator,

Home,

Input_data_Guru,

Lihat_data_Guru, dan Lihat_data_Siswa. b. Class Diagram Pengunjung

Gambar 4.10 Class diagram Pengunjung 56

Input_data_Siswa,

Class Diagram pengunjung ini memiliki 9 class yaitu Menu, Home, Sejarah, VIsi Misi, Tujuan Sekolah, Struktur Organisasi, Extrakulikuler, SDM, dan E-learning. c. Class Diagram Siswa E-Learning

Gambar 4.11 Class Diagram Siswa

Pada Class diagram ini memiliki bebrapa Class yaitu Login, Registrasi Siswa, Mata Pelajaran, Kelas Anda, Menu Utama, Mata Pelajaran, Daftar File Materi, Materi.

57

d. Class Diagram Guru materi

Mata pelajaran +No +Nama +Kelas +Pengajar +Deskripsi +Aksi +Tambah() +Edit() +Hapus()

+no +Judull +Kelas +Pelajaran +Nama File +Tgl Upload +Hits +Aksi +Tambah Mater() +Edit() +Hapus()

Manajemen kelas +No +Kelas +Walli Kelas +Ketua Kelas +Aksi +Tambah Kelas() +Edit() +Hapus() +Lihat Siswa()

login

Menu Utama +Manajemen Kelas +Mata pelajaran +materi +Beranda() +Logout()

+Username +Password +Login() +Reset()

Gambar 4.12 Class Diagram Guru E-learning

Class Diagram ini terdapat beberapa class diantaranya Login, Materi, Mata Pelajaran, Manajemen Kelas dan Menu Utama.

58

e. Class Diagram Admin materi

Manajemen Siswa

+no +Judull +Kelas +Pelajaran +Nama File +Tgl Upload +Hits +Aksi

Mata pelajaran +No +Nama +Kelas +Pengajar +Deskripsi +Aksi +Tambah() +Edit() +Hapus()

+Tambah Mater() +Edit() +Hapus()

Manajemen kelas +No +Kelas +Walli Kelas +Ketua Kelas +Aksi

+No +Nis +Nama +Kelas +Jenis Kelamin +Blokir +Aksi

Menu Utama

+Tambah Siswa() +Edit() +Detail()

+Manajemen Kelas +Mata pelajaran +materi +Manajemen Siswa +Registrasi Siswa +Manajemen User

login +Username +Password +Login() +Reset()

+Beranda() +Logout()

Registrasi siswa +No +NIS +Nama +Kelas +Nama Ayah +Aksi

Manejemen User +administrator +Pengajar

+Tambah Kelas() +Edit() +Hapus() +Lihat Siswa()

+Hapus() +Detail()

Administrator +no +Username +nama +Alamat +Email +Telp/Hp +Blokir +aksi

+No. +NIP +Username +Nama +Blokir +Aksi

+Tambah administrator() +Edit()

+Tambah() +Edit()

pengajar

Gambar 4.13 Class Diagram Admin E-learning

Class Diagram ini memiliki 10 Class Diagram Diantaranya : Login, Manajemen Siswa, Menu Utama, Materi, Mata Pelajaran, Manajemen Kelas, Administrator, pengajar, Manajemen User, dan Registrasi Siswa.

59

4.3

Struktur Relasi Tabel Website

Gambar 4.14 Relasi Tabel Website 4.4 Struktur Relasi Tabel E-Learning

Gambar 4.15 Relasi Tabel E-learning

60

4.5

Struktur Table Website Struktur table merupakan kumpulan yang menyusun basis data, table

tersusun atau sejumlah record dam sebuah record mengandung sejumlah ifeld, sebuah field disimpan dalam bentuk kumpulan bit. Struktur table dari website ini yaitu: a. Tabel User Nama Tabel

: id_admin

Fungsi

: Menyimpan data Admin dan User

Primari Key

: username

Foreign Key

:-

Table 4.27 Tabel User admin No

Nama Field

Tipe Data

Panjang

1

Username

Varchar

30

2

Password

Varchar

225

3

Nama

Varchar

30

8

Login_Terakhir

Datetime

b. Tabel daftar_guru Nama Tabel

: daftar_guru

Fungsi

: Menyimpan data Guru

Primari Key

: NIP

Foreign Key

:-

61

Tabel 4.28 Tabel Daftar Guru No

Nama Field

Tipe Data

Panjang

1

NIP

Char

12

2

Nama

Varchar

225

3

Posisi

Varchar

30

4

Kontak

Varchar

20

5

Alamat

Varchar

100

6

Photo

Varchar

100

c. Tabel Daftar Siswa MA Nama Tabel

: daftar_siswa_MA

Fungsi

: Menyimpan data siswa MA

Primari Key

: NIS

Foreign Key

:-

Table 4.29 Tabel Daftar Siswa MA No

Nama Field

Tipe Data

Panjang

1

NIS

Char

12

2

Nama

Varchar

30

3

Jenis_kelamin

Enum

4

Angkatan

Varchar

5

5

Alamat

Varchar

100

6

Photo

Varchar

100

d. Tabel Daftar Siswa MTS Nama Tabel

: daftar_siswa_MTS

Fungsi

: Menyimpan data Siswa MTS

Primari Key

: NIS

Foreign Key

:-

62

Tabel 4.30 Tabel Daftar Siswa MTS No

Nama Field

Tipe Data

Panjang

1

NIS

Char

12

2

Nama

Varchar

30

3

Jenis_kelamin

Enum

4

Angkatan

Varchar

5

5

Alamat

Varchar

100

6

Photo

Varchar

100

e. Tabel Data MA Nama Tabel

: data_ma

Fungsi

: Menyimpan data Siswa baru MA

Primari Key

: username

Foreign Key

:-

Table 4.31 Tabel Data MA No

Nama Field

Tipe Data

Panjang

1

Nama

Varchar

30

2

Tmp_lahir

Varchar

225

3

Thn_lahir

Date

30

4

Al_asal

Varchar

100

5

Kelamin

Varchar

10

6

Ot

Varchar

30

7

Al_ot

Varchar

100

8

Pek_ot

Varchar

20

9

Sek_asal

Varchar

20

10

Sts_sek

Varchar

10

11

Al_sek_asal

Varchar

100

12

No_sttb

Varchar

20

63

f. Tabel data MTS Nama Tabel

: data_mts

Fungsi

: Menyimpan data Siswa baru MTS

Primari Key

: username

Foreign Key

:-

Table 4.32 Tabel Data MTS No

4.6

Nama Field

Tipe Data

Panjang

1

Nama

Varchar

30

2

Tmp_lahir

Varchar

225

3

Thn_lahir

Date

30

4

Al_asal

Varchar

100

5

Kelamin

Varchar

10

6

Ot

Varchar

30

7

Al_ot

Varchar

100

8

Pek_ot

Varchar

20

9

Sek_asal

Varchar

20

10

Sts_sek

Varchar

10

11

Al_sek_asal

Varchar

100

12

No_sttb

Varchar

20

Struktur Tabel E-learning a. Tabel Admin Nama Tabel

: Admin

Fungsi

: Menyimpan data admin

Primari Key

: Id_admin

Foreign Key

:-

64

Table 4.33 Tabel Admin No 1 2 3 4 5 6 7 8 9 10

Nama Field Id_admin Username Password Nama_Lengkap Level Alamat No_telp Email Blokir Id_session

Tipe Data Int Varchar Varchar Varchar Varchar Text Varchar Varchar Enum(“Y”,”N”) Varchar

Panjang 3 100 100 100 50 20 50 100

b. Tabel file_materi Nama Tabel

: file_materi

Fungsi

: mengupload materi bagi siswa

Primari Key

: id_file

Foreign Key

: hits

Table 4.34 Tabel file materi No 1 2 3 4 5 6 7 8 9 10 11 12

Nama Field

Tipe Data

Id_file Judul Id_kelas Id_matapelajaran Nama_file Tgl_posting Pembuat Hist Sek_asal Sts_sek Al_sek_asal No_sttb

Int Varchar Varchar Varchar Varchar Date Varchar Int Varchar Varchar Varchar Varchar

Panjang 7 100 5 5 100 50 3 20 10 100 20

c. Tabel Kelas Nama Tabel

: Kelas

Fungsi

: menyimpan data kelas siswa

Primari Key

: id

65

Foreign Key

: id_pengajar, id_siswa

Table 4.35 Tabel Kelas No

Nama Field

Tipe Data

Panjang

1

Id

Int

5

2

Id_kelas

Varchar

5

3

Nama

Varchar

100

4

Id_pengajar

Int

9

5

Id_siswa

Int

9

d. Tabel Mata Pelajaran Nama Tabel

: Mata_pelajaran

Fungsi

: Menyimpan data mata pelajaran

Primari Key

: id

Foreign Key

: id_pengajar

Table 4.36 Tabel Mata Pelajaran No

Nama Field

Tipe Data

Panjang

1

Id

Int

30

2

Id_matapejaran

Varchar

10

3

Nama

Varchar

100

4

Id_kelas

Varchar

5

5

Id_pengajar

Int

9

6

Deskripsi

Text

30

e. Tabel Modul Nama Tabel

: modul

Fungsi

: Menyimpan modul pelajaran

Primari Key

: id_modul

Foreign Key

: Uruta

66

Table 4.37 Tabel Modul No

Nama Field

Tipe Data

Panjang

1

Id_modul

Int

5

2

Nama_modul

Varchar

50

3

Link

Date

30

4

Al_asal

Varchar

100

5

Static_Content

Text

6

Gambar

Varchar

7

Publish

Enum(“Y”,”N”)

8

Status

Enum (“Y”,N”)

9

Aktif

Enum (“Y”,N”)

10

Urutan

Varchar

10

11

Link_seo

Varchar

50

100

20

f. Tabel Pengajar Nama Tabel

: Pengajar

Fungsi

: Menyimpan data pengajar

Primari Key

: id_pengajar

Foreign Key

:-

67

Table 4.38 Tabel Pengajar No

Nama Field

Tipe Data

Panjang

1

Id_pengajar

Int

9

2

Nip

Chart

12

3

Nama_lengkap

Varchar

100

4

Username_login

Varchar

100

5

Password_login

Varchar

100

6

Level

Varchar

50

7

Alamat

Text

8

Tempat lahir

Varchar

9

Tgl_lahir

Date

10

Jenis_kelamin

Enum(“L”,”P”)

10

11

Agama

Varchar

20

12

No_telp

Varchar

20

13

Email

Varchar

50

14

Foto

Varchar

100

15

Website

Varchar

100

16

Jabatan

Varchar

200

17

Blokir

Enum(“Y”,”N”)

18

Id_session

Varchar

100

100

g. Table Registrasi Nama Tabel

: registrasi_siswa

Fungsi

: penyimpan data registrasi

Primari Key

: id_registrasi

Foreign Key

:-

68

Table 4.39 Tabel Registrasi No

Nama Field

Tipe Data

Panjang

1

Id_registrasi

Int

9

2

Nis

Varchar

50

3

Nama_lengkap

Varchar

100

4

Username_login

Varchar

50

5

Password_login

Varchar

50

6

Id_kelas

Varchar

5

7

Jabatan

Varchar

200

8

Alamat

Varchar

150

9

Tempat_lahir

Varchar

100

10

Tgl_lahir

Date

11

Jenis_kelamin

Enum(”L”,”P”)

12

Agama

Varchar

20

13

Nama_ayah

Varchar

100

14

Nama_ibu

Varchar

100

15

Th_Masuk

Varchar

4

16

Email

Varchar

50

17

No_tlp

Varchar

20

18

Foto

Varchar

150

19

Blokir

Enum (“Y”,”N”)

20

Id_session

Varchar

100

21

Id_session_soal

Varchar

100

22

Level

Varchar

20

h. Table Siswa Nama Tabel

: siswa

Fungsi

: penyimpan data siswa e-learning

Primari Key

: id_siswa

Foreign Key

:-

69

Table 4.40 Tabel Siswa No

Nama Field

Tipe Data

Panjang

1

Id_siswa

Int

9

2

Nis

Varchar

50

3

Nama_lengkap

Varchar

100

4

Username_login

Varchar

50

5

Password_login

Varchar

50

6

Id_kelas

Varchar

5

7

Jabatan

Varchar

200

8

Alamat

Varchar

150

9

Tempat_lahir

Varchar

100

10

Tgl_lahir

Date

11

Jenis_kelamin

Enum(”L”,”P”)

12

Agama

Varchar

20

13

Nama_ayah

Varchar

100

14

Nama_ibu

Varchar

100

15

Th_Masuk

Varchar

4

16

Email

Varchar

50

17

No_tlp

Varchar

20

18

Foto

Varchar

150

19

Blokir

Enum (“Y”,”N”)

20

Id_session

Varchar

100

21

Id_session_soal

Varchar

100

22

Level

Varchar

20

70

4.7

Perancangan Antarnuka (Interface)

1.

Halaman Utama

Pada halaman login ini menampilkan username dan password yang harus diisi.

Gambar 4.16 Perancangan Halaman Login Keterangan: 1. Text box username bertujuan untuk menginputkan namauser yang terdaftar. 2. Text box password bertujuan untuk menginputkan password login yang sesuai dengan username 3. Button Login bertujuan masuk ke halaman admin. 2.

Halaman Administrator Halaman ini tampil setelah seorang admin berhasil login.Tujuannya untuk

menginputkan, menambahkan, dan menghapus data sehingga muncul pada halaman utama.

71

Gambar 4.17 Perancangan Halaman Admin Keterangan: 1. Pada header sama seperti pada Halaman Menu Pengunjung. 2. Menubar bertujuan menampilkan fasilitas yang tersedia pada halaman admin seperti home, Input Dat, Lihat Data dan logout. Setiap menu yang dipilih akan tampil pada halaman yang sama dengan fungsi yang berbeda. 3.

Halaman Input data Guru

Gambar 4.18 Perancagan Input Data Guru

72

Keterangan: 1. Bertujuan untuk memasukan data Guru. 2. Data guru langsung disimpan didatabase 4.

Halaman Input data Siswa

Gambar 4.19 Perancangan Input Data Siswa Keterangan: 1. Bertujuan untuk memasukan data Siswa. 2. Data Siswa langsung disimpan didatabase

73

5.

Halaman Pendaftaran

Gambar 4.20 Perancangan Pendaftaran Siswa Baru Keterangan: 1. Bertujuan untuk memasukan data Siswa baru MTS/ MA. 2. Data Siswa baru langsung disimpan didatabase 6.

Halaman Menu Pengunjung

Gambar 4.21 Perancangan Menu Pengunjung Keterangan: 74

1. Bertujuan untuk memasukan profil sekolah . 2. Pada Menu pengunjung ini terdapat Slide gambar yang bertujuan agar pengunjung bisa melihat kegiatan Siswa pada sekolahan tersebut 3. Menubar bertujuan menampilkan fasilitas yang tersedia pada halaman admin seperti Home, Sejarah, Visi Misi, Tujuan Sekolah, Struktur Organisasi, Extrakulikuler, SDM, Pendaftaran, dan E-learning.

7.

Perancangan menu siswa E-learning

Gambar 4.22 Perancangan Menu Siswa E-learning Keterangan: 1. Bertujuan untuk informasi bagi siswa . 2. Pada Menu Siswa E-learning ini terdapat Menu Utama yang terdiri dari Kelas Anda, Mata Pelajaran, Materi dan Account terdiri dari Edit Profil, Edit Username dan Password 3. Menubar bertujuan menampilkan fasilitas yang tersedia pada halaman Menu Siswa E-learning

8.

Perancangan menu guru E-learning

75

Gambar 4.23 perancangan Menu Guru E-learning Keterangan: 1. Bertujuan untuk Memberikan informasi bagi Siswa dan materi . 2. Menubar bertujuan menampilkan fasilitas yang tersedia pada halaman Guru E-learning seperti Manajemen Kelas, Mata Pelajaran, dan Materi. 9.

Perencangan Menu Admin E-learning

Gambar 4.24 Perancangan Menu Admin E-learning

76

Keterangan: 1. Bertujuan untuk Mengeloa E-Learning. 2. Menubar bertujuan menampilkan fasilitas yang tersedia pada halaman admin seperti Manajemen Kelas, Mata Pelajaran, Materi, Manajemen Siswa, Registrasi Siswa.

77

BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM

5.1. Implementasi Tahap implementasi ini merupakan tahap kelanjutan dari tahap perancangan sistem. Tahap ini juga merupakan tahap meletakkan sistem supaya siap untuk dioperasikan dan dapat dipandang sebagai usaha untuk mewujudkan sistem yang telah dirancang. Langkah-langkah dalam tahap implementasi ini adalah urutan kegiatan dari kegiatan awal sampai akhir yang harus dilakukan dalam mewujudkan system-sistem yang telah diarancang. Adapun hasil dari tahap implementasi ini adalah suatu sistem pengolahan data yang dapat berjalan dengan baik.

5.1.1. Implementasi Sistem Ada beberapa tahapan implementasi sistem yang harus dilakukan untuk dapat mengimplementasikan Sistem Pelaporan ini. Langkah pertama yang harus dilakukan yaitu mempersiapkan sistem terlebih dahulu. Adapun hal-hal yang harus dipersiapkan sebagai berikut: 1.

Implementasi Perangkat Lunak Perangkat lunak yang digunakan untuk pembuatan aplikasi dalam penelitian

ini menggunakan: a. Sistem Operasi Microsoft Windows 7 Ultimate b. Microsoft Office Word 2007 c. XAMPP Control Panel Version 2.5 d. Mysql versi 5.16 e. Google Chrome f.

Notepad++

78

2.

Implementasi Perangkat Keras Perangkat

keras

pembutan program

(hardware)

maupun

mengimplementasikan sistem

mempunyai

pengolahan informasi

data, yang

peranan

penting

dalam

untuk

dapat

dirancang,

maka

karena telah

diperlukan perangkat keras yang sesuai dengan sistem informasi yang diusulkan. Adapun dari perangkat keras tersebut adalah sebagai berikut : a.

Minimal Processor Intel Pentium IV atau AMD Athlon 64.

b.

Minimal Harddisk 20 GB.

c.

Minimal RAM 515 MB.

d.

Monitor, Keyboard, dan Mouse sebagai peralatan antar muka.

5.1.2. Konversi Sistem Tahap konversi sistem dilakukan setelah kode program selesai dibuat, dan sarana pendukung telah dipersiapkan dengan baik, yaitu dengan memasukan datadata yang diperlukan pada sistem baru, sehingga sistem yang baru yaitu website harus dilakukan pengujian sebelum siap untuk dioperasikan.

5.1.3. Pengujian Sistem Tahap pengujian sistem merupakan tahap dilakukannya pengujian terhadap sistem yang baru, untuk meyakinkan bahwa sistem mampu bekerja secara optimal. Tujuan utamanya adalah untuk memastikan bahwa komponen-komponen sistem telah berfungsi sesuai dengan yang diharapkan. Pengujian sistem ini untuk memeriksa fungsi-fungsi antar komponen sistem dan pengujian pada program secara keseluruhan. Pengujian program sangat perlu, hal ini untuk mengetahui apakah program dapat menerima input, memproses dan memberikan keluaran sesuai yang diharapkan.

5.1.4. Pemasangan Sistem Untuk menjalanakan atau mengoprasikan website Yayasan Mukhlishiina Lahuddin pada internet, maka harus dilakukan hosting terhadap website yang

79

telah siap untuk dioperasikan sebagai tempat disimpanya website sehingga dapat diakses melalui internet. Untuk menjalanakan atau mengoprasikan website Yayasan Mukhlishiina Lahuddin pada internet, maka harus dilakukan hosting terhadap website yang telah siap untuk dioperasikan sebagai tempat disimpanya website sehingga dapat diakses melalui internet.

5.2

Implementasi Basis Data Implementasi basis data diambil berdasarkan perancangan basis data yang

telah dibuat. Implementasi basis data diimplementasikan menggunakan MySQL. Berikut adalah kode SQL untuk setiap tabel.

5.2.1. Implementasi Tabel 1.

Tabel Data Guru Table Data Guru merupakan tempat penyimpanan semua data Guru yang

berada di Yayasan Pendidikan Pesantren Islam (YPPI) Mashalihul Mursalat

Gambar 5.1 Table Data Guru 2.

Tabel Daftar Siswa _ma Table daftar_siswa_ma merupakan tempat penyimpanan semua data siswa

MA di Yayasan Pendidikan Pesantren Islam Mashalihul Mursalat.

80

Gambar 5.2 Tabel Daftar Siswa MA 3.

Tabel daftar _siswa_mts Table daftar_siswa_mts merupakan tempat penyimpanan semua data siswa

MTS di Yayasan Pendidikan Pesantren Islam (YPPI) Mashalihul Mursalat.

Gambar 5.3 Tabel Daftar Siswa MTS 4.

Tabel data_ma Table data_ma merupakan tempat penyimpanan data siswa baru MA yang

mendaftar di pendaftaran online di website Yayasan Pendidikan Pesantren Islam (YPPI) Mashalihul Mursalat.

81

Gambar 5.4 Tabel Data MA 5.

Tabel Data MTS Table data_mts merupakan tempat penyimpanan data siswa baru MTS yang

mendaftar dipendaftaran online diwebsite Yayasan Pendidikan Pesantren Islam YPPI) Mashalihul Mursalat.

Gambar 5.5 Tabel Data MTS

82

6.

Tabel id_admin Table id_admin merupakan tempat penyimpanan data admin yang

mengelola website Yayasan Pendidikan Pesantren Islam (YPPI) Mashalihul Mursalat.

Gambar 5.6 Tabel id_admin 7.

Tabel Admin E-learning Table id_admin merupakan tempat penyimpanan data admin yang

mengelola website E-Learning Yayasan Pendidikan Pesantren Islam (YPPI) Mashalihul Mursalat.

Gambar 5.7 Tabel Admin 83

8.

Tabel File Materi Table file materi merupakan tempat penyimpanan data materi kepada siswa

sehingga siswa dapat mempelajarinya terlebih dahulu.

Gambar 5.8 Tabel file Materi 9.

Tabel Kelas Table kelas merupakan tempat penyimpanan data kelas siwa dan pengajar di

Yayasan Pendidikan Pesantren Islam (YPPI) Mashalihul Mursalat.

Gambar 5.9 Tabel Kelas 10.

Tabel Mata Pelajaran Table mata_pelajaran merupakan tempat penyimpanan data mata pelajaran

sekolah antara guru dan siswa di Yayasan Pendidikan Pesantren Islam (YPPI) Mashalihul Mursalat.

84

Gambar 5.10 Tabel Mata Pelajaran 11.

Tabel Modul Table modul merupakan tempat penyimpanan data modul penggunaan E-

learning dan pelajaran diYayasan Pendidikan Pesantren Islam (YPPI) Mashalihul Mursalat.

Gambar 5.11 Tabel File Modul 12.

Tabel Pengajar Table pengajar merupakan tempat penyimpanan data account pengajar yang

dimana pengajar bisa mengaplod materi nya.

85

Gambar 5.12 Tabel Pengajar

13.

Tabel Registrasi Siswa Table id_admin merupakan tempat penyimpanan data admin yang

mengelola website Yayasan Pendidikan Pesantren Islam (YPPI) Mashalihul Mursalat.

86

Gambar 5.13 Tabel Registrasi Siswa 14.

Tabel Siswa Table siswa merupakan tempat penyimpanan data account siswa sehingga

siswa bisa masuk ke halaman menu E-learning Yayasan Pendidikan Pesantren Islam (YPPI) Mashalihul Mursalat.

87

Gambar 5.14 Tabel Siswa 5.3

Implementasi Antarmuka

5.3.1. Implementasi Antarmuka Login Halaman login ini merupakan Suatu sistem untuk menyaring siapa saja yang bisa mengakses halaman administrator. Pada halaman login ini hanya bisa di akses oleh admin telah terdaftar di database, masukan username dan password bagi admin.

88

Gambar 5.15 Login Admin 5.3.2. Implementasi Antarmuka Halaman Administrator Pada halaman utama untuk admin memiliki menu content yang berbeda karena memiliki hak akses yang berbeda pula. Admin memiliki hak akses yang dinamis, admin dapat mengakses semua content yang terdapat pada control panel seperti input, hapus dan delete.

Gambar 5.16 Halaman Utama (Home) admin 5.3.3. Implementasi Antarmuka Input Data Guru Pada halaman input data Guru bertujuan untuk menginputkan data Guru yang ada di Yayasan Pendidikan Pesantren Islam (YPPI) Mashalihul Mursalat. Dalam halaman ini terdapat browser photo yang dimana fungsinya untuk mengambil photo.

89

Gambar 5.17 Halaman Input data Guru 5.3.4. Implementasi Antarmuka Halaman Input Data Siswa Pada halaman input data Siswa bertujuan untuk menginputkan data Siswa yang ada di Yayasan Pendidikan Pesantren Islam (YPPI) Mashalihul Mursalat. Dalam halaman ini terdapat browser photo yang dimana fungsinya untuk mengambil photo siswa (MTS/MA).

Gambar 5.18 Input data Siswa (MTS/MA) 90

5.3.5. Implementasi Antarmuka Halaman login E-Learning Halaman login ini merupakan Suatu sistem untuk menyaring siapa saja yang bisa mengakses halaman E-learning. Pada halaman login ini hanya bisa di akses oleh siswa telah terdaftar di database, masukan username dan password bagi siswa.

Gambar 5.19 Login E-learning Siswa 5.3.6. Implementasi Antarmuka Halama Login admin E-learning Halaman login ini merupakan Suatu sistem untuk menyaring siapa saja yang bisa mengakses halaman E-learning. Pada halaman login ini hanya bisa di akses oleh admin telah terdaftar di database, masukan username dan password bagi siswa dan guru.

Gambar 5.20 Login E-learning 91

5.3.7. Implementasi Antarmuka Halaman Menu E-Learning Menu utama (E-learning) ini adalah menu yang akan pertama kali tampil ketika siswa Login masuk. Menu ini menampilkan menu-menu yang ada dihalaman ini.

Gambar 5.21 Menu Utama E-learning 5.3.8. Implementasi antarmuka Halaman Menu Kelas Pada halaman ini siswa dapat mengetahui data informasi tentang kelas seperti wali kelasnya siapa.

Gambar 5.22 Menu Kelas

92

5.3.9. Implementasi Antaramuka Halaman Edit Profil Pada halaman ini siswa dapat merubah Profilnya sesuai keinginannya sendiri.

Gambar 5.23 Menu Edit Profil 5.3.10. Implementasi Antarmuka Edit Username dan Password Siswa dapat merubah account username dan password siswa dengan menginputkan Username dan password. Apalabila siswa mengkosongkan maka account Username atau Password yang dikosongkan akan sama dengan yang sebelumnya.

Gambar 5.24 Menu Edit Username dan password

93

5.3.11. Implementasi Antarmuka Halaman Pendaftaran Halaman membuka pendaftaran siswa baru yang masuk kesekolah setelah mendaftar online siswa diharapkan bawa berkas kesekolah untuk daftar ulang.

Gambar 5.25 Menu Pendaftaran

94

5.3.12. Implementasi Antarmuka Menu Admin E-Learning Menu utama admin(E-learning) ini adalah menu yang akan pertama kali tampil ketika siswa Login masuk. Menu ini menampilkan menu-menu yang ada dihalaman ini.

Gambar 5.26 Menu admin E-learning 1 5.3.13. Implementasi Antarmuka Menu Guru Menu utama admin(E-learning) ini adalah menu yang akan pertama kali tampil ketika siswa Login masuk. Menu ini menampilkan menu-menu yang ada dihalaman ini.

95

Gambar 5.27 Menu admin E-learning 2 5.3.14. Implementasi Antarmuka Halaman User atau Pengunjung Menu utama (Home) ini adalah menu yang akan pertama kali tampil ketika pengunjung masuk ke alamat website . Menu ini menampilkan menu-menu yang ada dihalaman ini dan terdapat slide galeri photo kegiatan diYayasan Pendidikan Pesantren Islam (YPPI), Berikut tampilan Menu Utama (Beranda).

96

Gambar 5.28 Menu Utama Website Sekolah 5.4

Pengujian Sistem

1.

Uji Halaman Login Table 5.1 Uji Halaman Login Website

Kode

Hasil

Skenario

Sukses Login T01

dengan

username

Login T02

dan

Sukses

dan

Admin/user berhasil masuk √

ke halaman Administrator

dengan

username

Gagal Login

dan

password yang benar

Keterangan

Username atau Password √

Salah! Atau ID

password yang salah

T03

Mengisi form login

Masukan

dengan username dan

Password

password

kosong

√

kemudian submit

97

Username

dan

2.

Uji Halaman Input Data Guru Table 5.2 Uji Halaman Input Data Guru

Kode

Hasil

Skenario

Sukses Menginputkan T04

guru

data

Pesantren

Islam

Gagal Penginputan

diYayasan

Pendidikan

Keterangan

sukses

disimpan didatabase √

(YPPI)

Mashalihul

Mursalat,

dan menekan tombol “Ok”

Menekan T05

tombol

browser untuk mencari photo

Guru,

Berfungsi dengan baik √

dan

menyimpannya Menekan T06

tombol

Ulangi

untuk

Penginputan √

data

yang

telah diisi akan hapus atau

mengulangi dari awal

terreset.

penginputan Menekan tombol batal T07

untuk

membatali

ketika

penginputan

Kembali √

sebelumnya

data terjadi

98

kehalaman

3.

Uji Halaman Input Data Siswa Table 5.3 Uji Halaman Input Data Siswa

Kode

Hasil

Skenario


Siswa

data

Pesantren

Gagal Penginputan

(MTS/MA)

diYayasan Pendidikan

Keterangan

sukses


Islam

(YPPI)

Mashalihul

Mursalat, dan menekan tombol “Ok”

Menekan T05

tombol

browser untuk mencari photoGuru,


dan

menyimpannya Menekan T06

tombol

Ulangi

untuk

Penginputan √

data

yang

telah diisi akan hapus atau

mengulangi dari awal

terreset.

penginputan Menekan tombol batal T07

untuk

membatali

ketika

penginputan

Kembali √

sebelumnya

data terjadi

99

kehalaman

4.

Uji halaman Lihat Data Guru Table 5.4 Uji Halaman Lihat data Guru

Kode

Hasil

Skenario

Sukses Melihat T04

data

Gagal

Guru

Ada data guru yang telah

yang telah disimpan pada

halaman

input

Keterangan

disimpan √

data Guru

Menekan T05

Edit

pada

data guru yang hendak

Berfungsi √

dengan

baik,

pada pengeditan langsung

dirubah

kehalaman Input data guru

Menekan Hapus pada T06

√

data guru yang hendak dihapus Pencarian berdasarkan

T07

NIP/nama/posisi

Menampilkan √

100

yang dihendaki

pencarian

5.

Uji halaman Lihat Data Siswa Table 5.5 Uji Halaman Lihat Data Siswa

Kode

Hasil

Skenario

Sukses Melihat T04

data

Siswa

halaman

input

Gagal Ada data Siswa yang telah

yang telah disimpan pada

Keterangan

disimpan √

data Siswa

Menekan T05

Edit

pada


Berfungsi √

dirubah

dengan

baik,

pada pengeditan langsung kehalaman

Input

data

dengan

baik,

Siswa Menekan Hapus pada T06

T07


Berfungsi √

data

yang

dihapus

terhapus

Pencarian berdasarkan

Menampilkan

NIP/nama/posisi

√

101

yang dihendaki

dihendaki

pencarian

6.

Uji Halaman Login Siswa E-Learning Table 5.6 Uji Halaman Login Siswa E-learning

Kode

Hasil

Skenario

Sukses Login T01

dengan

username

Gagal Login

dan

password yang benar

Keterangan

Sukses

dan


ke

halaman

menu

E-

learning Login T02

dengan

username

dan


anda salah

password yang salah

T03

Mengisi form login

Anda belum memasukan

dengan username dan

username dan password

password

kosong

√

kemudian submit

102

7.

Uji Halaman Edit Profil Table 5.7 Uji Halaman Edit Profil Siswa

Kode

Hasil

Skenario


Siswa

data

Pesantren (YPPI)

Gagal Penginputan

(MTS/MA)

diYayasan Pendidikan

Keterangan

sukses


Islam Mashalihul

Mursalat, dan menekan tombol “Update”

Menekan T05

tombol

browser untuk mencari photo

Siswa,


dan

menyimpannya Menekan tombol batal T06

untuk

membatali

ketika

penginputan

Kembali √

data terjadi

103

sebelumnya

kehalaman

8.

Uji Halaman Edit Account Login Table 5.8 Uji Halaman Edit account Login

Kode

Hasil

Skenario

Sukses Siswa T01

menginputkan

username

Gagal Pengeditaan

dan

password yang akan

Keterangan

sukses

dan


dirubah dan menekan tombol “Update”

Username T02

atau

password yang diisi

Pengeditan √

diisi

sukses

dan yang kosong

sama

seperti

pengeditan

104

yang

seperti

9.

Uji Halaman Login admin dan guru Table 5.9 Uji Edit Halaman Account Login

Kode

Hasil

Skenario

Sukses Login T01

dengan

username

Gagal Login

dan

password yang benar

Keterangan

Sukses

dan


ke halaman menu admin atau guru E-learning

Login T02

T03

dengan

username

dan


anda salah, atau terblokir

password yang salah

ULANGI

Mengisi form login

Anda belum memasukan

dengan username dan

username dan password

password

kosong

√

kemudian submit

105

10.

Uji Halaman Manajemen Kelas Table 5.10 Uji Halaman Managemen Kelas

Kode

Hasil

Skenario

Sukses Klik Tambah Kelas

Keterangan

Gagal Sukses,

T01

lansung

ke

halamana tambah Kelas √ Penginputan

T02

tambah

Kelas dan menekan

Menekan √

simpan

data

tersimpan di database dan

simpan atau batal

muncul di table halaman menu managemen kelas. Menekan

batal

kembali

kehalaman sebelumnya Menekan T03

edit

Edit. Kehalaman edit.

atau hapus atau lihat

Hapus, data terhapus.

siswa

icon

√

Lihat

siswa,

Lihat Siswa.

106

kehalaman

11.

Uji Halaman Manejemen Siswa Table 5.11 Uji Halaman Managemen Siswa

Kode

Hasil

Skenario

Sukses Klik Tambah Siswa

Penginputan T02

lansung

ke

halaman tambah Siswa

tambah

siswa dan menekan

Gagal Sukses,

√

T01

Keterangan

Menekan √

simpan

data


simpan atau batal

muncul di table halaman menu managemen siswa. Menekan

batal

kembali


icon

edit


Edit. Kehalaman edit. √


siswa T04

Mengupdate

data

Siswa

setelah

pengeditan

dengan

Data √

terupdate

disimpan didatabase

menekan Update

107

dan

12.

Uji Halaman Managemen Siswa (admin) Table 5.12 Uji Halaman Managemen Siswa (Admin)

Kode

Hasil

Skenario

Sukses Klik Tambah Siswa

Keterangan

Gagal Sukses,

T01

lansung

ke

halamana tambah Siswa √ Penginputan

T02

tambah

siswa dan menekan

Menekan √

simpan

data


simpan atau batal

muncul di table halaman menu managemen siswa. Menekan

batal

kembali


icon

edit


atau lihat siswa

Lihat √

T04

pengeditan

dengan

menekan

kehalaman

Kelas.

Mengupdate data kelas setelah

siswa,

Data √

terupdate

disimpan didatabase

Update

108

dan

13.

Uji Halaman Managemen Pelajaran (Admin) Table 5.13 Uji Halaman Managemen Pelajaran

Kode

Hasil

Skenario

Sukses Klik T01

Tambah

Mata √

pelajaran

Keterangan

Gagal Sukses,

lansung

ke

halaman

tambah

mata

simpan

data

pelajaran Penginputan T02

tambah

siswa dan menekan

Menekan √


simpan atau batal

muncul di table halaman menu

managemen

Pelajaran. Menekan batal kembali

kehalaman

sebelumnya Menekan

icon

edit


T03

atau hapus

T04


pengeditan

dengan

menekan

Hapus, data terhapus. Data

√

terupdate

disimpan didatabase

Update

109

dan

14.

Uji Halaman Managemen Materi (Admin) Table 5.14 Uji Halaman Managemen Materi

Kode

Hasil

Skenario

Sukses Klik Tambah Materi

Penginputan T02

lansung

ke

halaman tambah Materi

tambah

Materi dan menekan

Gagal Sukses,

√

T01

Keterangan

Menekan √

simpan

data


simpan atau batal

muncul di table halaman menu managemen Materi. Menekan batal, kembali kehalaman sebelumnya

T03

Mengupload

Materi

Materi √

(.pdf)

bisa

didowload

ditabel mata pelajaran Elearning

T04

Menekan

icon

edit √

atau hapus T05

Edit. Kehalaman edit. Hapus, data terhapus.


pengeditan

dengan

menekan

Data √

terupdate

disimpan didatabase

Update

110

dan

15.

Uji Halaman Managemen Pengajar Table 5.15 Uji Halaman Managemen Pengajar

Kode

Hasil

Skenario

Sukses Klik Tambah Pengajar

Penginputan T02

tambah Pengajar

tambah

Pengajar dan menekan

Gagal Sukses, lansung ke halaman

√

T01

Keterangan

Menekan √

simpan

data


simpan atau batal

muncul di table halaman menu managemen Pengajar. Menekan

batal,

kembali

kehalaman sebelumnya T03

Menekan icon edit atau


Detail

Detail,

melihat

detail

pengajar T04

Mengupdate

data

Pengajar

setelah

pengeditan

dengan

Data terupdate dan disimpan √

didatabase

menekan Update

111

16.

Uji Halaman Mata Pelajaran (Guru) Table 5.16 Uji Halaman Mata Pelajaran (Guru)

Kode

Hasil

Skenario

Sukses Klik T01

Tambah

siswa

dan

tambah mata pelajaran

tambah menekan

Gagal Sukses, lansung ke halaman

√

pelajaran

Penginputan T02

Mata

Keterangan

Menekan √

simpan

data


simpan atau batal

muncul di table halaman menu

managemen

Pelajaran. Menekan batal kembali

kehalaman

sebelumnya Menekan icon edit atau


T03

hapus

T04


pengeditan

dengan

menekan

Hapus, data terhapus. Data terupdate dan disimpan

√

didatabase

Update

112

17.

Uji Halaman Managemen Kelas (Guru) Table 5.17 Uji Halaman Manajemen Kelas (Guru)

Kode

Hasil

Skenario

Sukses Klik Tambah Kelas

Keterangan

Gagal Sukses,

T01

lansung

ke

halamana tambah Kelas √ Penginputan

T02

tambah

Kelas dan menekan

Menekan √

simpan

data


simpan atau batal

muncul di table halaman menu managemen kelas. Menekan

batal

kembali


edit




siswa

icon

√

Lihat

siswa,

Daftar Siswa.

113

kehalaman

BAB VI PENUTUP

6.1

Kesimpulan Dari beberapa tahapan pengumpulan data, analisis dan perancangan sistem

yang telah dilakukan penulis dalam proses Website Sekolah untuk Yayasa Pendidikan Pesantren Islam (YPPI) Mashalahul Mursalat terdapat beberapa kesimpulan antara lain: 1.

Website ini mampu membantu pihak sekolah untuk menyajikan informasi kepada siswa Mashalihul Mursalat dan masyarakat luas tentang profil sekolah.

2.

Website Sekolah ini memudahkan dalam pendaftaran siswa baru yang bersifat Online.

3.

Website Sekolah ini terdapat E-learning yang dimana siswa dapat mendapatkan materi dengan mudah.

6.2

Saran Adapun saran-saran yang dapat disampaikan oleh penulis berkaitan dengan

penulisan Laporan Kerja Praktik ini yaitu bahwa aplikasi Web Sekolah ini dapat dikembangkan dalam hal penyampaian informasi. Web Sekolah ini yang dihasilkan pada penelitian ini masih perlu dikembangkan lebih lanjut, dalam hal: 1. Ulangan online sehingga siswa lebih dekat dengan perkembangan jaman. 2. Nilai yang dapat dilihat diwebsite sekolah dan print out. Maka dari itu perlu ditingkatkan lagi kerjasama antara pihak sekolah dengan pengembang. Pengangkatan staf khusus untuk mengelola web site ini juga dianggap perlu agar website ini bisa berjalan sebagaimana mestinya. Semoga dengan Website Sekolah ini bisa membatu siswa dan guru dalam memberikan informasi kepada siswa Mashalihul Murshalat khususnya, sehingga apa yang telah dibuat ini bisa memberika manfaat yang signifikan kepada semua pihak.

114

DAFTAR PUSTAKA Wardan, S.Hut., M.Si, Menjadi Master PHP dengan Framework Codeigniter, Elex Media Komputindo, 2010. Pressman, Roger S., Rekayasa Perangkat Lunak Pendekatan Praktisi (Buku Satu), ANDI, Yogyakarta, 2002. Nugroho, Bunafit, Aplikasi Pemrograman Web Dinamis dengan PHP dan MySQL, Penerbit Gava Media, Yogyakarta, 2005. http://sistemardi-dos-q28.blogspot.com/2013/05/cara-membuat-formulirpendaftaran.html diakses pada hari minggu tanggal 05 Januari 2014 1:12 AM http://aditsubang.files.wordpress.com/2010/02/algoritma-md5.html diakses pada hari minggu o5 Januari 2014 1:55 PM

115

JURUSAN TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS ISLAM NEGERI SUNAN GUNGUNG DJATI BANDUNG

Recommend Documents