BAB V IMPLEMENTASI. keras, pemilihan bahasa pemograman yang sesuai, query yang digunakan,

Transkripsi

1 BAB V IMPLEMENTASI A. Lingkungan Implementasi Kegiatan implementasi sistem ini meliputi kebutuhan perangkat lunak (implementasi ERD dan implementasi procedural/algoritma), perangkat keras, pemilihan bahasa pemograman yang sesuai, query yang digunakan, pemograman dan pengujian program dan pengujian sistem yang telah dirancang sesuai dengan kebutuhan sekolah tersebut. B. Lingkungan Perangkat Keras Perangkat keras yang diperlukan untuk keperluan menjalankan Sistem Informasi pengolahan data dan nilai berbasis web pada SMP Hangtuah sesuai dengan rekomendasi yang diberikan PHP sebagai berikut: 1. Processor yang digunakan Intel Cell 2 Duo Processor T5750 ( 2.0 GHz, 667 MHz FSB, 2 MB L2 cache) 2. Harddisk terpasang 160 GB 3. Memori terpasang 1GB 4. VGA Card terpasang 128MB, rekomendasi minimum adalah 32 MB 5. Mouse dan Keyboard 82

2 83 6. Layar Monitor 7. Printer C. Lingkungan Perangkat Lunak Untuk mendukung rancangan sistem ini selain dibutuhkan perangkat keras, dibutuhkan juga perangkat lunak yang digunakan sebagai pendukung untuk menjalankan aplikasi diantaranya adalah: 1. Sistem operasi windows XP 2. Software Adobe Dreamweaver CS 3 3. Software Xampp 4. PDF D. Hasil Implementasi Hasil perancangan ke dalam sebuah sistem dan aplikasi yang kemudian akan memperlihatkan output sebagai hasil implementasi. Kegiatan implementasi meliputi implementasi basis data, implementasi antar muka. 1. Implementasi Basis Data Implemantasi basis data dilakukan dengan mengunakan basis data local mysql yang tersimpan pada drive local.

3 84 Nama basis data : smp_hangtuah Tabel 5.1 Hasil implementasi Basis Data No Nama tabel Hasil implementasi Keterangan 1. Siswa Siswa Tabel Siswa 2. Kelas Kelas Tabel Kelas 3. Login Login Tabel login admin 4. Guru Guru Tabel Guru 5. Pesan pesan Tabel pesan 6. Nilai Nilai Tabel Nilai 7. Mata Pelajaran Mata Pelajaran Table Mata Pelajaran 8. Upload file Upload file Tabel Upload file 9. Login guru Login guru Tabel Login guru 10. Login siswa Login siswa Tabel Login siswa 2. Implementasi Antar Muka Implementasi perangkat lunak ini dilakukan dengan membuat file project dari perangkat lunak yang dibuat yaitu penilaian. Suatu file projek merupakan gabungan dari berbagai form program. Form berfungsi untuk melaksanakan pengendalian terhadap proses yang dilakukan. Setiap form program berisi data tentang layer antarmuka yang disimpan pada file dengan ekstensi form. Pada implementasi akan dibentuk beberapa file form dimana setiap form membentuk antarmuka pemakai.

4 85 Untuk lebih jelasnya dapat dilihat pada tabel 5.2 sebagai berikut: Tabel 5.2 Form Antar Muka No Antar muka Hasil implementasi Keterangan 1. beranda Index.php Form utama dari system 2. Login Index.php Form Login 3. Data sekolah Sekolah.php Form yang mengendalikan tambah data sekolah, 4. Data sekolah Guru.php Form yang mengendalikan tambah data guru, edit dan simpan 5. Data siswa Siswa.php Form yang mengendalikan tambah data siswa, edit dan simpan 6. Data kelas Kelas.php Form yang mengendalikan tambah data kelas, edit dan simpan 7. Data mata pelajaran Matpel.php Form yang mengendalikan tambah mata pelajaran, edit dan simpan 8. Data album Album.php Form yang mengendalikan tambah data album 9. Berita Berita.pho menampilkan data pesan

5 Data admin Admin.php menampilkan data admin 11. Admin_siswa Admin_siswa.php menampilkan data siswa,edit,simpan,hapus 10. Laporan data siswa Print_pdf_data_siswa.p hp menampilkan dan dijadikan laporan data siswa 12. Data guru admin_guru.php menampilkan data guru, edit,simpan, hapus 13. Laporan data guru 14. Data kelas admin 15. Laporan data kelas 16. Data mata pelajaran 17. Laporan data mata pelajran print_pdf_data_guru.ph p admin_kelas.php print_pdf_data_siswape rkls.php Admin_matpel.php print_pdf_matpel.php menampilkan dan dijadikan laporan dataguru menampilkan data kelas, edit, simpan, hapus menmpilkan dan dijadikan laporan data kelas manampilakn data matpel, edit,simpan, hapus menampilkan dan dijadikan laporan data mata pelajaran

6 Data nilai admin 19. Laporan data nilai 20. Admin insert nilai 21. Laporan insret nilai 22. Form uploud admin Admin_nilai.php Print_pdf_data_nilai.ph p Admin_insert_nilai.php Print_pdf_data_nilaiper siswa.php Uploud_admin.php menampilakan data nilai, edit,simpan,hapus menampilkan dan dijadikan laporan nilai menampilakn insert nilai,edit,simpan,hapus menampilkan dan dijadikan laporan insert nilai menampilakan data upploud, edit,simpan, hapus 23. Admin pesan Admin_pesan.php menampilakan data pesan, edit,simpan,hapus 24. profile guru Guru_profile.php menampilkan data profil guru 25. Guru nilai Guru_nilai.php menampilkan nilai dari guru, edit,simpan,hapus

7 Laporan nilai guru 27. Form wali kelas Print_pdf_data_nilai.ph p Guru_wlk.php menampilkan dan dijadikan laporan data nilai menampilkan wali kelas 28. Laporan siswa perwalikelas 29. Form upload guru 30. Berita dari form guru 31. Form ubah password guru 32. From profile siswa 33. Form nilai dari form siswa print_pdf_data_siswape rwlkls.php Guru_upload.php Guru_berita.php Guru_pass.php Siswa_profile.php Siswa_nilai.php menampilkan dan dijadikan siswa perkelas menampilkan uploud materi, simpan menampilkan berita dari form guru, kirim, menghapus sesuai dengan user name menampilkan perubahan password guru,simpan,edit,batal menampilkan profil siswa,edit,simpan,batal menampilkan data nilai siswa

8 Form laporan nilai siswa 35. Form pesan siswa 36. Form download file yang diupload 37. Form siswa password print_pdf_data_nilaiper siswa.php Siswa_pesan.php Siswa_donlod.php Siswa_pass.php menampilkan dan dijadikan laporan nilai untuk siswa menampilkan berita,kirim dan menghapus berita berdasarkan username menampilkan file file yang di upload menampilkan data password, mengubah data password, batal Implementasi antar muka dari rancangan sistem program yang akan dibuat untuk menampilkan semua tampilan form-form dari software adalah sebagai berikut: a. Tampilan Form Login Tampilan ini muncul ketika pertama kali dijalankan. Tampilan ini ada di file beranda.digunakan untuk memasuki form-form sesuai denmgan hak akses nya masing-masing. Pengguna memasukan user name dan password lalu memilih pilihan sebagai apa untuk hak akses nya. Ada tiga pilihan sebagai Admin, Guru, Siswa.

9 90 Gambar 5.1 Tampilan Form Login b. Tampilan Menu Utama Tampilan ini merupakan tampilan utama yang muncul pertama kali ketika kita membuka alamat URL Website ini. Menu ini berisi prakata atau ucapan sambutan dari sekolah.

10 91 Gambar 5.2 Form Tampilan Beranda c. Tampilan Data Sekolah Ini merupakan tampilan data sekolah yang bisa di akses dan dilihat oleh semua orang. Gambar 5.3 Form Tampilan Data Sekolah

11 92 d. Tampilan Data Guru Form ini menampilkan data guru yang dapat di akses oleh semua orang. Gambar 5.4 Form Tampilan Data Guru e. Tampilan Data Siswa Tampilan untuk melihat data siswa yang bisa di akses oleh semua orang. Gambar 5.5 Form Tampilan Siswa

12 93 f. Tampilan Data Kelas Tampilan ini untuk melihat data kelas dan dapat dilihat oleh semua orang. Gambar 5.6 Form Tampilan Data Kelas g. Tampilan Mata Pelajaran Tampilan untuk melihat mata pelajaran yang bisa dilihat oleh semua orang.

13 94 Gambar 5.7 Form Tampilan Mata Pelajaran h. Tampilan Album photo Tampilan berisi photo-photo sekolah yang dapat dilihat oleh semua orang. Gambar 5.8 Form Tampilan Photo Sekolah

14 95 i. Tampilan Berita Tampilan ini berisi pesan atau berita atau komentar antara guru,admin dan siswa yang dapat dilihat oleh semua orang. Gambar 5.9 Form Tampilan Yang Berisi Pesan j. Tampilan Account Tampilan ini berisi account admin,guru dan siswa yang dapat dilihat,dirubah dan dihapus.tampilan ini diakses setelah login sebagai admin.

15 96 Gambar 5.10 Form Data Berisi account data k. Tampilan Data siswa Tampilan yang dapat di akses jika login sebagai admin. Tampilan ini berisi data siswa yang bisa dilihat,ditambah,dirubah dan dihapus. Gambar 5.11 Form data siswa untuk hak akses admin

16 97 l. Laporan Data Siswa Tampilan ini akan muncul ketika user mendownload menu Laporan data Siswa. Gambar 5.12 Form Laporan Data siswa m. Tampilan Data Guru Tampilan ini hanya dapat di akses jika login sebagai admin. User dapat melihat,menambah,merubah,menghapus data guru.

17 98 Gambar 5.13 Form hak akses admin untuk olah data guru n. Laporan Data Guru Tampilan ini akan muncul ketika user mendownload menu Laporan Data Guru. Gambar 5.14 Form Laporan data guru

18 99 o. Tampilan Data Kelas Tampilan ini hanya bisa diakses jika login sebagai admin. User dapat melihat,menambah,merubah, dan menghapus data kelas serta dapat memanipulasi siswa yang ada per kelas. Gambar 5.15 Form Admin_kelas p. Tampilan Laporan Siswa Perkelas Tampilan ini didapat ketika user mendowmload menu pilihan laporan data per-kelas.

19 100 Gambar 5.16 Form Laporan data siswa perkelas yang ada q. Tampilan Mata Pelajaran Tampilan ini hanya bisa diakses jika login sebagai admin. User dapat memanipulasi data mata pelajaran. r. Laporan Mata Pelajaran Gambar 5.17 Form admin_matpel

20 101 Tampilan ini bisa didownload di pilihan laporan mata pelajaran. Gambar 5.18 Laporan data mata pelajaran s. Tampilan Data nilai Tampilan ini hanya bisa di akses jika login sebagai admin. User dapat memanipulasi data nilai siswa. Gambar 5.19 admin_nilai

21 102 Gambar 5.20 Laporan nilai Gambar 5.21 admin_insert_nilai

22 103 Gambar 5.22 Laporan dari form laporan diatas t. Tampilan Upload Tampilan ini hanya bisa di akses jika login sebagai admin. User dapat menghapus data mana saja, user juga dapat menambahkan data. Gambar 5.23 admin_upload

23 104 u. Tampilan Data Pesan Tampilan ini hanya bisa diakses jika login sebagai admin. User dapat menulis kata-kata nya,dan user dapat menghapus data mana saja. Gambar 5.24 admin_pesan v. Tampilan Login sebagai guru Tampilan ini hanya bisa diakses jika login sebagai guru dan sesuai dengan usernamenya masing-masing. Disini berisi tampilan data guru per-username dan dapat merubahnya.

24 105 Gambar 5.25 guru_profil w. Tampilan data nilai Tampilan yang hanya bisa di akses sesuai dengan username guru masing-masing. Tampilan ini berisi data nilai per mata pelajaran sesuai dengan guru pengajarnya. Gambar 5.26 guru_nilai

25 106 x. Laporan data nilai Tampilan ini dapat didownload dari pilihan laporan nilai. Gambar 5.27 Laporan nilai dari guru Gambar 5.28 guru_input_nilai

26 107 y. Tampilan siswa sesuai dengan wali kelasnya Tampilan yang hanya bisa di akses oleh guru. Berisi siswa mana saja yang berwali kelas sesuai username. Gambar 5.29 guru_wlk Gambar 5.30 Laporan siswa per walikelas

27 108 z. Tampilan Upload Tampilan ini hanya bisa diakses jika login sebagai guru. Disini guru dapat mengupload filenya, tapi hanya bisa menghapus file sesuai penguploadnya saja. Gambar 5.31 guru_upload A.a Tampilan Pesan Tampilan ini jika login sebagai guru sesuai dengan usernamenya. Usernya dapat menulis pesan tetapi hanya bisa menghapus kiriman sesaui pengirimnya saja.

28 109 Gambar 5.32 guru_berita Ab. Tampilan account guru Tampilan ini hanya bisa di akses jika login sebagai guru. User dapat merubah passwordnya saja. Gambar 5.33 guru_pass

29 110 Ac. Tampilan Profile siswa Login sebagai siswa Tampilan ini hanya bisa diakses jika login sebagai siswa dan sesuai dengan username nya. User dapat melihat data siswa sesuai usernamenya dan dapat merubah data tersebut. Gambar 5.34 siswa_profil Ad. Tampilan Data nilai Tampilan ini hanya bisa diakses jika login sebagai siswa dan sesuai dengan usernamenya. Tampilan ini berisi nilai-nilai siswa sesuai dengan Nisnya masing-masing.

30 111 Gambar 5.35 siswa_nilai Gambar 5.36 Laporan nilai siswa dari form di atas Ae. Tampilan Pesan Tampilan ini hanya bisa diakses jika login sebagai siswa sesuai dengan usernamenya. User dapat menulis pesan tetapi hanya dapat menghapus pesan sesuai dengan pengirimnya saja.

31 112 Gambar 5.37 siswa_berita Af. Tampilan Download Tampilan ini hanya bisa diakses oleh siswa sesuai dengan usernamenya. Userhanya bisa mendownload file-file yang telah di upload oleh guru atau admin. Dan tidak dapat menghapusnya. Gambar 5.38 siswa_download

32 113 Ag. Tampilan account Tampilan ini hanya bisa diakses jika login sebagai siswa sesuai dengan usernamenya. User dapat merubah passwordnya masingmasing. Gambar 5.39 siswa_pass E. Teknik Pemrograman Rancangan Sistem ini dikembangkan dan diimplementasikan dengan bahasa PHP yang menggunakan Adobe Dreamweaver CS 3 adalah sebuah bahasa yang digunakan sebagai bahasa skrip server side dalam pengembangan web yang disisipkan pada dokumen HTML. Program aplikasi ini memiliki sarana yang sering disebut control, antara lain kotak dialog, tombol menu, kotak cek panel dan lain-lain. Berdasarkan kelebihan-kelebihan di atas, penulis berupaya mewujudkan Perancangan Sistem Pengolahan data nilai dan Siswa dengan menggunakan Adobe Dreamweaver CS3.

33 114 Pemilihan Adobe Dreamweaver CS3 sebagai sarana untuk pengembangan dan implementasi Perancangan Sistem Pengolahan Data nilai dan Siswa dilakukan dengan alasan, yaitu : 1. Dreamweaver CS3 mendukung segala suatu bahasa yang berbasis Web seperti HTML dan PHP. berbasis objek oriented programming, seperti bagian yang ada pada program dipandang sebagai suatu objek yang mempunyai sifat-sifat yang dapat dibubah dan diatur, sehingga kita dapat membuat tampilan sebuah program dengan desain kita sendiri tanpa harus membuat codding yang panjang. 2. Adobe Dreamweaver CS3 memiliki kemampuan dalam penanganan memori dalam jumlah besar, hal ini memungkinkan karena Adobe Dreamweaver CS3 dijalankan pada sistem windows yang menyediakan memori lebih banyak dibandingkan sistem operasi Ms-Dos. 3. Adobe Dreamweaver CS3 memiliki fitur menu desaign tanpa harus mengatur tampilan dengan coding atau script. F. Pemograman/ Pengujian Program Program yang telah dibuat perlu dilakukan pengujian program. Pengujian program sangat diperlukan untuk membuktikan bahwa program berjalan dengan yang diinginkan, karena sifat bahasa pemograman adalah melakukan apa yang diinginkan operator, jadi komputer hanya memproses. Bila dianggap memenuhi ketentuan dalam bahasa pemograman maka Adobe

34 115 Dreamweaver CS3 akan menjalankan perintah dan mengeluarkan hasil untuk itu diperlukan beberapa cara terhadap program yang dibuat. 1. Uji modul Pengujian ini menghandalkan dari modul pribadi. Tiap-tiap dari program diuji untuk mengetahui apakah tiap bagan tersebut dapat berkerja dengan baik atau tidak. Untuk mengetahui apakah bagan tersebut sudah sesuai adalah apabila dibuat berdasarkan penanganan basis data secara sistematis. 2. Uji pengembangan Pengujian ini diterapkan pada modul atau bagian-bagian program dipadukan kedalam seluruh paket program, atau pengujian dilakukan setelah masing-masing modul dipadukan. 3. Uji operasional Uji operasional merupakan uji yang dilakukan untuk memeriksa bagaimana program bertindak dalam keadaan realitis. Pengujian dilakukan dengan menjalankan program kemudian mengaktifkan seluruh bagian sesuai dengan urutan dan diberikan pada menu-menu dan perintah-perintah yang ada disetiap program yang dijalankan. Sesuai dengan pengujian yang dilakukan maka program dapat dikatakan bekerja dengan baik dan telah

35 116 sesuai dengan rancangan yang dibuat. Pembuatan Perancangan Aplikasi Pengolahan Data Nilai dan Siswa berbasis web dilakukan dengan menggunakan Adobe Dreamweaver CS3. G. Pengujian Sistem Pengujian sistem dilakukan untuk memeriksa kekompakkan antar komponen sistem, dengan tujuan utamanya adalah untuk memastikan elemen-elemen sistem berfungsi sesuai yang diharapkan. Pengujian sistem termasuk juga pengujian program secara menyeluruh. Kumpulan program yang telah diintegrasikan perlu diuji coba atau ditest untuk melihat apakah sebuah program dapat menerima dengan baik, memproses dan memberikan keluaran program yang baik pula. Tahap pertama pengujian dilakukan untuk proses input, untuk menghasilkan output yang dikehendaki, dan hasilnya sesuai dengan perancangan yang diusulkan. Kemudian tahap selanjutnya dilakukan pengujian terhadap laporan yang beberapa diantaranya tediri dari laporan Nilai, Laporan Siswa, lapora siswa perkelas, Laporan data Guru, serta laporan lainnya.

36 Tabel 5.3 Pelaksanaan Pengujian Perangkat Lunak Berdasarkan Kebutuhan Perangkat Lunak No Deskripsi Kebutuhan Cara Pengujian Hasil Yang Diharapkan Ket 1. Menguji penambahan data Mengetikan data parameter siswa siswa kemudian klik tombol simpan 2. Menguji penambahan nilai Mengetikan data parameter nilai klik tombol simpan 3. Menguji penambahan data Mengetikan data parameter kelas kelas kemudian klik tombol simpan 4. Menguji penambahan data Mengetikan data parameter guru guru kemudian klik tombol simpan 5. Menguji penambanhan mata Mengetikan data parameter pelajaran mata pelajaran kemudian klik tombol simpan Data parameter calon siswa baru yang telah dimasukan tersimpan kedalam tabel data siswa Data parameter nilai yang telah dimasukan tersimpan kedalam tabel nilai Data parameter kelas yang telah dimasukan tersimpan kedalam tabel kelas setelah record terakhir Data parameter guru yang telah dimasukan tersimpan kedalam tabel data guru setelah record terakhir Data parameter mata pelajaran yang telah dimasukan tersimpan kedalam tabel mata pelajaran setelah record terakhir OK OK OK OK OK 82

37 6. Menguji validasi login user Masukan password user Jika password yang dimasukan benar OK maka akan ditampilkan menu sesuai dengan hak aksesnya 7. Menguji pembuatan laporan Klik menu laporan siswa Menampilkan data siswa OK siswa 8. Menguji pembuatan laporan data guru Klik menu laporan laporan data guru Menampilkan data guru OK 9. Menguji pembuatan laporan Klik menu laporan mata Menampilkan data mata pelajaran OK mata pelajaran pelajaran 10. Menguji pembuatan laporan nilai Klik menu laporan nilai Menampilkan data nilai OK 11. Menguji pengupload dan Klik browse file klik ok dan Mengupload file dan mendownload file OK download file untuk mendownload klik nama filenya 12 Menguji pengiriman pesan Ketikkan pesannya lalu pilih oke Menambahkan pesan OK