APLIKASI PHP DAN MySQL DALAM PEMBUATAN SISTEM

  INFORMASI SMAN 1 DUKUHWARU KABUPATEN TEGAL

                         BERB...
LAMPIRAN-LAMPIRAN
HALAMAN PENGESAHAN


Tugas Akhir yang berjudul ” Aplikasi PHP Dan MySQL Dalam Pembuatan
Sistem Informasi SMA Negeri 1 Duku...
ABSTRAK


Hery Sasria, 2007. Aplikasi PHP Dan My SQL Dalam Pembuatan Sistem
Informasi SMA Negeri 1 Dukuhwaru Kabupaten Teg...
Motto dan Persembahan

Motto:


         Kesabaran Dan Kejujuran Adalah Kunci Kekuatanku
         Meski Selalu Disakiti.
 ...
KATA PENGANTAR

       Puji syukur kehadirat Allah SWT yang Maha Pemurah lagi Maha
Penyayang yang telah memberikan rahmat,...
11. Teman-teman seperjuangan STATERKOM 2004.
   12. Semua pihak yang belum sempat penulis sebutkan satu persatu yang telah...
DAFTAR ISI



                                                                                                    Halaman
...
1. Kondisi Objektif SMS Negeri 1 Dukuhwaru ............ 13

                  2. Dreamweaver MX..............................
DAFTAR PUSTAKA ...................................................................................... 58

LAMPIRAN...........
DAFTAR GAMBAR



Gambar                                                                                     Halaman

 1. G...
21. Gambar 4.18 Halaman Biodata Siswa .................................................... 47

22. Gambar 4.19 halaman Dat...
DAFTAR LAMPIRAN



Lampiran                                                                                               ...
ABSTRAK


Hery Sasria, 2007. Aplikasi PHP Dan My SQL Dalam Pembuatan Sistem
Informasi SMA Negeri 1 Dukuhwaru Kabupaten Teg...
BAB I

                           PENDAHULUAN



A. Latar Belakang Masalah

      Pembangunan dunia pendidikan yang selalu...
2




   pencarian situs tetapi dapat juga mencari file-file yang ekstensinya dapat di

   upload atau di download.

     ...
3




      a. Bagaimana cara pembuatan sistem informasi SMA Negeri 1

          Dukuhwaru berbasis WEB serta pengelolaann...
4




   2. Manfaat Kegiatan

      a. Mempermudah pengguna secara umum untuk mengetahui tentang

          informasi SMA ...
5




                      Bab ini berisi tentang metode-metode dalam

                      pelaksanaan kegiatan yang me...
BAB II

                             KAJIAN TEORI



A. Konsep Dasar Sistem Informasi Berbasis Web

   1. Konsep Dasar Sis...
7




   tertentu menggunakan komputer sehingga mampu menyediakan

   informasi yang optimal yang diperlukan pemakainya.  ...
8




   Hampir semua program DBMS merupakan RDBMS (Relational

   DataBase    Management       Sistem),   dimana   data  ...
9




c) conceptual level

   disebut juga community user view, yaitu tingkat dari aplikasi

   yang berbeda digabungkan, ...
10




   Tujuan   RDBMS       adalah   untuk    mempermudah     penciptaan

   penyusunan data dan membebaskan pemrograma...
11




Sebuah form juga dapat mengambil bagian dalam melakukan

akses terhadap data pada beberapa form yang berbeda.

Maca...
12




   (Marlinda, 2004:38)

e. Hirarki Data

   Data diorganisirkan ke dalam suatu hirarki yang terdiri atas:

   a) el...
13




              serta memberikan kemungkinan bagi user untuk melakukan insert,

              delete dan modify terha...
14




                          Kepala Sekolah




     Waka           Waka                     Waka        Waka
   Kurik...
15




Disamping itu, masih banyak terdapat penambahan fasilitas-fasilitas

lainnya yang membuat Dreamweaver MX lebih powe...
16




a. Insert bar

   Insert bar berisi tombol untuk memasukkan beberapa jenis objek,

   seperti gambar, tabel, dan la...
17




  menggunakan program ini untuk menampilkan file dan folder pada

  disk lokal.

g. Menu

  Menu berisi submenu yan...
18




     Insert menu menyediakan alternatif untuk memasukkan objek

     pada dokumen

5)   Modify Menu

     Menu ini ...
19




              Dreamwever MX, membuat ekstensi untuk Dreamwever MX,

              dan material lainnya yang dapat m...
20




dengan database MySQL. MySQL dengan PHP seakan-akan dua hal yang

tidak dapat dipisahkan. Tentunya untuk dapat meng...
21




      tentang interpreter PHP dan Perl. Dalam pemrograman ini digunakan

      PHPTriad, sehingga secara otomatis t...
22




   tempat untuk menyimpan data (store), dan untuk mengambil kembali data

   anda (retrieve). Seperti sistem     da...
BAB III

                             METODE KEGIATAN



A. Ruang Lingkup Kegiatan

          Penelitian ini dilakukan unt...
24




C. Perancangan Sistem

          Langkah perancangan adalah serangkaian tahapan merancang dan

   membuat basis dat...
BAB IV

                             PEMBAHASAN



A. Tahapan Pembuatan Sistem Informasi SMA Negeri 1 Dukuhwaru

   Berbas...
26




          Pembuatan basis data sistem informasi akademik dilakukan dengan

   pembuatan Data Flow Diagram (DFD). DF...
27




1. Perancangan Sistem Basis Data

   Perancangan basis data merupakan langkah untuk menentukan basis data

   yang ...
28




                             Model Data Logis




Entitas            Atribut              Hubungan                 ...
29




b. Atribut

   Atribut merupakan item data yang menjadi bagian dari entitas. Istilah

   lain dari atribut adalah p...
30




      suatu tabel yang menunjukkan ke suatu pengenal unik pada suatu baris

      pada tabel lain yang benar-benar ...
31




 3. Data Flow Diagram (DFD) Analisis

            Dari DFD sistem informasi akademik basis data sistem yang dapat

...
32




b. Bentuk Normal Basis Data

       Bentuk normal basis data diperlukan untuk mempermudah

perancangan basis data p...
33




               Gambar 4.4 Relasi Antar Tabel Pada Basis Data

Keterangan :

Dari daftar gambar relasi pada gambar 4...
34




d. Diagram Struktur

   1) Bagan Menu Utama

      Bagan struktur menu utama dari sistem informasi akademik

      ...
35




      3) Bagan Menu Siswa

         Bagan struktur menu siswa dari sistem informasi akademik

         berbasis Web...
36




                          Menu Wali_Siswa




           Login Wali_Siswa                   Kembali



            ...
37




6) Bagan Menu Guru

   Bagan struktur menu guru dari sistem informasi akademik berbasis

   Web menampilkan informa...
38




4. Implementasi Sistem pada Pemrograman

   a. Pengkodean Program

          Program basis data yang telah dirancan...
39




     Gambar 4.12 Jendela Masuk PHP Pada Dreamweaver MX


2) Pilih menu Dynamic Page – PHP – Create . maka akan dipe...
40




  Insert bar                  Document Window                      Panel group

                         Document t...
41




   dimasukkan pada dasarnya adalah potongan kode HTML yang dapat

   diatur atributnya.

c) Document Toolbar

   Do...
42




h) Menu

   Menu berisi submenu yang biasanya ditampilkan sebagai dropdown

   menu yang akan muncul ketika ditekan...
43




4) Insert Menu

   Insert menu menyediakan alternatif untuk memasukkan objek pada

   dokumen

5) Modify Menu

   M...
44




  10) Help Menu

     Menyediakan akses ke dokumentasi yang dimiliki oleh Dreamweaver

     MX, termasuk petunjuk c...
45




    c. Cara Kerja Program

             Cara kerja sistem informasi akademik didasarkan pada diagram

      bagan s...
46




                         Gambar 4.16 Halaman Index.html

   Hasil eksekusi halaman index.html sebagai menu utama Li...
47




              Gambar 4.17 Halaman login menu siswa

Tampilan halaman Biodata siswa seperti pada gambar 4.18.




  ...
48




a) Data Absensi Siswa

Pada halaman ini siswa dapat mengetahui absensi siswa sesuai materi yang

diikuti. Tampilan ...
49




3. Halaman menu Wali_siswa

   Pada halaman ini Wali_siswa diwajibkan melakukan login untuk masuk

   pada biodata ...
50




              Gambar 4.22 Halaman login menu Guru



Tampilan halaman data kelas yang dibimbing guru yang bersangku...
51




5. Halaman menu Administrator

   Pada halaman ini administrator wajib melakukan login. administrator

   dapat mel...
52




b) Data Siswa

Pada data ini administrator dapat menginput biodata Siswa. Tampilan

halaman data siswa seperti pada...
53




              Gambar 4.27 Halaman data kelas

d) Data Jurusan

Pada data ini administrator dapat menginput jurusan....
54




     .




                    Gambar 4.29 Halaman data materi

C. Pembahasan

           Penyusunan dan penataan p...
55




tersebut akan berjalan dengan benar dan pengeksekusiannnya berjalan dengan

sukses.

          Hasil dari program W...
BAB V

                               PENUTUP



A. Simpulan

              Setelah menyusun Tugas Akhir ini, dapat diambi...
57




B. Saran

  1. Untuk Sekolah :

      Keberadaan komputer saat ini diharapkan dapat dimanfaatkan secara

      maks...
DAFTAR PUSTAKA


Hakim, Lukmanul dan Uus Musalini. 2004. Cara Mudah Memadukan Web
        Design dan Web Programming. Jaka...
59




Lampiran 1: Nama-Nama Item yang Dibutuhkan dalam Pembuatan Diagram Alir
            Data


 Nama-Nama Item yang Dib...
60




Lampiran 2: Tabel-Tabel yang Dibutuhkan untuk Membuat Basis Data


         Tabel-Tabel yang Dibutuhkan untuk Membu...
61




Lampiran 3: Struktur Tabel Dalam Basis Data

                                      Tabel Siswa

            Jumlah ...
62




                            Tabel Materi

     Jumlah Field     :6
No     Nama Field    Tipe Data       Lebar      ...
Upcoming SlideShare
Loading in...5
×

Aplikasi php dan_my_sql_dalam_pembuatan_sistem_informasi_sman_1_...

17,977

Published on

4 Comments
8 Likes
Statistics
Notes
No Downloads
Views
Total Views
17,977
On Slideshare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
1,631
Comments
4
Likes
8
Embeds 0
No embeds

No notes for slide

Transcript of "Aplikasi php dan_my_sql_dalam_pembuatan_sistem_informasi_sman_1_..."

  1. 1. APLIKASI PHP DAN MySQL DALAM PEMBUATAN SISTEM INFORMASI SMAN 1 DUKUHWARU KABUPATEN TEGAL BERBASIS WEB TUGAS AKHIR Disusun dalam Rangka Menyelesaikan Studi Diploma III untuk memperoleh Gelar Ahli Madya. Oleh: Nama : Hery Sasria NIM : 4151304010 Program Studi : Statistika Terapan dan Komputasi Jurusan : Matematika FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS NEGERI SEMARANG 2007
  2. 2. LAMPIRAN-LAMPIRAN
  3. 3. HALAMAN PENGESAHAN Tugas Akhir yang berjudul ” Aplikasi PHP Dan MySQL Dalam Pembuatan Sistem Informasi SMA Negeri 1 Dukuhwaru Kabupaten Tegal Berbasis Web” telah dipertahankan dalam Sidang Panitia Ujian Tugas Akhir Jurusan Matematika Prodi Statistika Terapan Dan Komputasi, Fakultas Matematika dan Ilmu Pengetauan Alam, Universitas Negeri Semarang, pada : Hari : Tanggal : Panitia Ujian Ketua Sekretaris Drs. Kasmadi Imam S., M.Si Drs. Supriyono, M.Si NIP. 130781011 NIP. 130815345 Mengetahui, Pembimbing I Penguji I Endang Sugiharti, S.Si, M.Kom Drs. Endang Retno W, M.Pd NIP. 132231407 NIP. 130935363 Pembimbing II Penguji II Drs. Endang Retno W, M.Pd Endang Sugiharti, S.Si, M.Kom NIP. 130935363 NIP. 132231407 ii
  4. 4. ABSTRAK Hery Sasria, 2007. Aplikasi PHP Dan My SQL Dalam Pembuatan Sistem Informasi SMA Negeri 1 Dukuhwaru Kabupaten Tegal, Tugas Akhir, Statistika Terapan Dan Komputasi Jurusan Matematika FMIPA Universitas Negeri Semarang. Sekolah merupakan salah satu bentuk dari organisasi yang di dalamnya terdapat kegiatan belajar mengajar yang berada di bawah tanggung jawab seorang Kepala Sekolah. Segala kegiatan yang berlangsung di sekolah tidak bisa dimonitoring secara keseluruhan tanpa adanya suatu pengorganisasian yang tepat. Untuk itu pengorganisasian dengan perancangan basis data dapat menjawab semua pertanyaan yang muncul. Dalam hal memonitoring kegiatan siswa, SMA Negeri 1 Dukuhwaru masih sederhana. Sistem yang digunakan belum bisa langsung sampai wali murid. Wali murid masih kesulitan mengetahui apakah anaknya benar-benar masuk sekolah. Program ini juga di gunakan untuk mempermudah panyajian informasi sekolah kepada siswa maupun wali siswa. Untuk itu penulis memberikan solusi menggunakan aplikasi PHP dan MySQL dalam Sistem Informasi SMA Negeri 1 Dukuhwaru Berbasis Web. Permasalahan yang akan dibahas dalam kegiatan ini adalah bagaimana penerapan sistem informasi SMA Negeri 1 Dukuhwaru berbasis Web yang didukung program Dreamweaver MX, Fireworks MX, PHP dan MySQL. Bagaimana penyajian informasi sekolah penyajian yang meliputi penyajian data siswa, absensi siswa, guru, data mata pelajaran, dan data nilai akhir siswa. Tujuan dari kegiatan ini adalah untuk membuat Aplikasi SMA Negeri 1 Dukuhwaru Berbasis Web yang didukung program Dreamweaver MX, Fireworks MX, PHP dan MySQL dalam menyajikan informasi sekolah yang meliputi penyajian data siswa, absensi siswa, guru, data mata pelajaran, dan nilai akhir siswa. Metode kegiatan yang dilakukan dengan mengumpulkan data baik dengan metode observasi, metode literatur, dan selanjutnya dilakukan perancangan program. Metode kegiatan ini merupakan usaha untuk mendapatkan penyelesaian dari permasalahan aplikasi pembuatan sistem informasi SMA Negeri 1 Dukuhwaru berbasis Web menggunakan program Dreamweaver MX, Fireworks MX, PHP dan MySQL. Pembuatan sistem informasi SMA Negeri 1 Dukuhwaru berbasis Web menggunakan bahasa pemrograman PHP dan MySQL yang diaplikasikan Dreamweaver MX. Perancangan basis data dari suatu Data Base Management System (DBMS) yang kemudian dapat diakses oleh user. Data yang dapat diakses oleh user berupa informasi data siswa, absensi siswa, data guru, mata pelajaran, dan nilai akhir siswa. Hasil kegiatan berupa website yang siap di upload ke internet sehingga hasilnya siswa dapat dengan mudah mengakses data absen dan data nilai selama proses belajar, tetapi siswa tidak dapat mengupdate data kecuali administrator. iii
  5. 5. Motto dan Persembahan Motto: Kesabaran Dan Kejujuran Adalah Kunci Kekuatanku Meski Selalu Disakiti. Jangan Pernah Menyerah Meraih Apa Yang Kamu Inginkan Walaupun Berat Cobaan Yang Kamu Hadapi. Persembahan: Allah SWT Bapak dan Ibu tercinta (Bpk Safri dan Ibu Sri Umitun) Adiku Noeke Srirosa, Fitri Srirosa, dan Vernando Saputra Staterkom Kelas A angkatan ’04 Sahabat dan teman-teman yang slalu setia menunggu dan menemaniku. Keluarga besarku yang slalu memberi motifasi dan semangat Sahabat dan teman-teman Safa’a Kost (Kost Pink) yang selalu mendukungku iv
  6. 6. KATA PENGANTAR Puji syukur kehadirat Allah SWT yang Maha Pemurah lagi Maha Penyayang yang telah memberikan rahmat, kekuatan, semangat dan kesabaran kepada penulis sehingga Tugas Akhir ini dapat terselesaikan. Hambatan selalu penulis hadapi, baik dalam pelaksanaan maupun dalam penyusunan laporan Tugas Akhir ini. Akan tetapi berkat izin Allah SWT dan berkat bimbingan, bantuan, serta dorongan dari berbagai pihak, akhirnya penulis dapat melalui hambatan yang dihadapi hingga akhirnya Tugas Akhir ini dapat terselesaikan. Pada kesempatan ini penulis mengucapkan terima kasih kepada: 1. Prof. Dr. H. Sudijono Sastroatmojo,M.Si, Rektor Universitas Negeri Semarang. 2. Drs. Kasmadi Imam S, M.Si, Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Negeri Semarang. 3. Drs. Supriyono, M.Si, Ketua Jurusan Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Negeri Semarang. 4. Dra. Nur Karomah Dwidayati, M.Si, Ketua Program Pendidikan Statistika Terapan dan Komputasi Jurusan Matematika Universitas Negeri Semarang 5. Endang Sugiharti, S.Si, M.Kom, Pembimbing I yang telah memberi bimbingan, pengarahan, dan dorongan selama penyusunan Tugas Akhir. 6. Drs. Endang Retno W, M.Pd Pembimbing II yang telah memberi bimbingan, pengarahan, dan dorongan selama penyusunan Tugas Akhir. 7. Drs. Wuryanto, M.Si, Dosen Wali STATERKOM kelas 6A yang turut membantu terselesaikannya Tugas Akhir ini. 8. Drs. Apandi, Kepala SMA Negeri 1 Dukuhwaru yang telah memberikan ijin penelitian dan partisipasinya sehingga memperlancar pelaksanaan kegiatan penelitian. 9. Ayah dan Ibu yang telah memberikan dukungan moral, materiil, dan selalu mendoakanku. 10. Anna yang tidak pernah bosan memberikan semangat dan doa. v
  7. 7. 11. Teman-teman seperjuangan STATERKOM 2004. 12. Semua pihak yang belum sempat penulis sebutkan satu persatu yang telah dengan ikhlas turut membantu dalam penulisan Tugas Akhir ini, baik secara langsung maupun tidak langsung. Penulis menyadari bahwa Tugas Akhir ini masih jauh dari sempurna, oleh karena itu Penulis mengharap kritik dan saran sehingga pada kegiatan selanjutnya lebih bisa sempurna. Semoga Tugas Akhir ini dapat bermanfaat bagi pembaca. Amin Yaa Robbal Aalamin. Semarang, Agustus 2007 Penulis vi
  8. 8. DAFTAR ISI Halaman HALAMAN JUDUL……………………………………………………….... i HALAMAN PENGESAHAN.......................................................................... ii ABSTRAK ……………………………………………... ............................... iii HALAMAN MOTTO DAN PERSEMBAHAN.............................................. iv KATA PENGANTAR……………………………………………………... .. v DAFTAR ISI…………………………………………………………............ vii DAFTAR GAMBAR…………………………………………………….. ..... x DAFTAR LAMPIRAN.................................................................................... xii BAB I PENDAHULUAN ................................................................... 1 A. Latar Belakang Masalah..................................................... 1 B. Rumusan dan Pembatasan Masalah ................................... 2 C. Tujuan dan Manfaat Penelitian .......................................... 3 D. Sistematika Tugas Akhir .................................................... 4 BAB II KAJIAN TEORI....................................................................... 6 A. Konsep Dasar Sistem Informasi Berbasis Web ................. 6 1. Konsep Dasar Sistem Informasi berbasis Web Dengan Aplikasi PHP dan MySQL .......................... 6 2. Basis Data ................................................................. 6 B. Dasar Aplikasi Pemrograman Sistem Informasi SMA Negeri 1 Dukuhwaru berbasis web .................................... 13 vii
  9. 9. 1. Kondisi Objektif SMS Negeri 1 Dukuhwaru ............ 13 2. Dreamweaver MX..................................................... 14 3. Fireworks MX ........................................................... 19 4. Pemrograman PHP .................................................... 19 5. Database dengan MySQL ......................................... 21 6. Pemrograman PHP dalam Database MySQL........... 22 BAB III METODE KEGIATAN ........................................................... 23 A. Ruang Lingkup Kegiatan ................................................... 23 B. Kegiatan dan Cara Pengambilan Data ............................... 23 C. Perancangan Sistem ........................................................... 24 D. Analisis Data ...................................................................... 24 BAB IV PEMBAHASAN ...................................................................... 25 A. Tahap Pengembangan Pembuatan Sistem Informasi SMA Negeri 1 Dukuhwaru .......................................................... 25 1. Tahapan Pengembangan Sistem....................................... 25 2. Rancangan Pendahuluan .................................................. 25 3. Perancangan Sistem ......................................................... 26 4. Analisis Sistem................................................................. 30 B. Penyajian Informasi SMA Negeri 1 Dukuhwaru ............... 45 C. Pembahasan........................................................................ 54 BAB V PENUTUP................................................................................ 56 A. Simpulan ............................................................................. 56 B. Saran .................................................................................... 57 viii
  10. 10. DAFTAR PUSTAKA ...................................................................................... 58 LAMPIRAN..................................................................................................... 59 ix
  11. 11. DAFTAR GAMBAR Gambar Halaman 1. Gambar 2.1 Stuktur Organisasi ............................................................... 14 2. Gambar 2.2 Jendela dan Panel Pada Dreamweaver MX......................... 15 3. Gambar 2.3 Menu Pada dreamweaver MX............................................. 17 4. Gambar 4.1 DFD Konteks Sistem Informasi Akademik ........................ 26 5. Gambar 4.2 Tahapan Perancangan Basis Data ...................................... 28 6. Gambar 4.3 DFD Level 1 Untuk Sistem Informasi . .............................. 31 7. Gambar 4.4 Relasi Antar Tabel Pada Basis Data.................................... 33 8. Gambar 4.5 Struktur Menu Utama.......................................................... 34 9. Gambar 4.6 Struktur Menu Home........................................................... 34 10. Gambar 4.7 Struktur Menu Siswa........................................................... 35 11. Gambar 4.8 Struktur Menu Wali Siswa .................................................. 36 12. Gambar 4.9 Struktur Menu Administrator .............................................. 36 13. Gambar 4.10 Struktur Menu Guru .......................................................... 37 14. Gambar 4.11 Struktur Menu Saran ......................................................... 37 15. Gambar 4.12 Jendela Masuk PHP Pada Dreamweaver MX ................... 39 16. Gambar 4.13 Jendela Pada Panel Pada Dreamweaver ............................ 40 17. Gambar 4.14 Menu Pada Dreamweaver MX.......................................... 42 18. Gambar 4.15 Eksekusi Program Aplikasi ............................................... 44 19. Gambar 4.16 Halaman Index.html .......................................................... 46 20. Gambar 4.17 Halaman Login Menu Siswa ............................................. 47 x
  12. 12. 21. Gambar 4.18 Halaman Biodata Siswa .................................................... 47 22. Gambar 4.19 halaman Data Absensi Siswa ............................................ 48 23. Gambar 4.20 Halaman Data Nilai Siswa ................................................ 48 24. Gambar 4.21 Halaman Menu Login Menu Wali Siswa .......................... 49 25. Gambar 4.22 Halaman Menu Login Guru............................................... 50 26. Gambar 4.23 Halaman Data Kelas yang dibimbing................................ 50 27. Gambar 4.24 Halaman Menu Login Administrator ................................ 51 28. Gambar 4.25 Halaman Data Karyawan .................................................. 51 29. Gambar 4.26 Halaman Data Siswa ......................................................... 52 30. Gambar 4.27 Halaman Data Kelas.......................................................... 53 31. Gambar 4.28 Halaman Data Jurusan....................................................... 53 32. Gambar 4.29 Halaman Data Materi ........................................................ 54 xi
  13. 13. DAFTAR LAMPIRAN Lampiran Halaman 1. Lampiran 1: Nama-Nama Item yang Dibutuhkan dalam Pembuatan Diagram Flow Data .................................................................................... 59 2. Lampiran 2: Tabel-Tabel yang Dibutuhkan untuk Membuat Basis Data ............................................................................................................ 60 3. Lampiran 3: Struktur Tabel Dalam Basis Data .......................................... 61 4. Lampiran 4: Script kode PHP dan HTML .................................................. 63 xii
  14. 14. ABSTRAK Hery Sasria, 2007. Aplikasi PHP Dan My SQL Dalam Pembuatan Sistem Informasi SMA Negeri 1 Dukuhwaru Kabupaten Tegal, Tugas Akhir, Statistika Terapan Dan Komputasi Jurusan Matematika FMIPA Universitas Negeri Semarang. Sekolah merupakan salah satu bentuk dari organisasi yang di dalamnya terdapat kegiatan belajar mengajar yang berada di bawah tanggung jawab seorang Kepala Sekolah. Segala kegiatan yang berlangsung di sekolah tidak bisa dimonitoring secara keseluruhan tanpa adanya suatu pengorganisasian yang tepat. Untuk itu pengorganisasian dengan perancangan basis data dapat menjawab semua pertanyaan yang muncul. Dalam hal memonitoring kegiatan siswa, SMA Negeri 1 Dukuhwaru masih sederhana. Sistem yang digunakan belum bisa langsung sampai wali murid. Wali murid masih kesulitan mengetahui apakah anaknya benar-benar masuk sekolah. Program ini juga di gunakan untuk mempermudah panyajian informasi sekolah kepada siswa maupun wali siswa. Untuk itu penulis memberikan solusi menggunakan aplikasi PHP dan MySQL dalam Sistem Informasi SMA Negeri 1 Dukuhwaru Berbasis Web. Permasalahan yang akan dibahas dalam kegiatan ini adalah bagaimana penerapan sistem informasi SMA Negeri 1 Dukuhwaru berbasis Web yang didukung program Dreamweaver MX, Fireworks MX, PHP dan MySQL. Bagaimana penyajian informasi sekolah penyajian yang meliputi penyajian data siswa, absensi siswa, guru, data mata pelajaran, dan data nilai akhir siswa. Tujuan dari kegiatan ini adalah untuk membuat Aplikasi SMA Negeri 1 Dukuhwaru Berbasis Web yang didukung program Dreamweaver MX, Fireworks MX, PHP dan MySQL dalam menyajikan informasi sekolah yang meliputi penyajian data siswa, absensi siswa, guru, data mata pelajaran, dan nilai akhir siswa. Metode kegiatan yang dilakukan dengan mengumpulkan data baik dengan metode observasi, metode literatur, dan selanjutnya dilakukan perancangan program. Metode kegiatan ini merupakan usaha untuk mendapatkan penyelesaian dari permasalahan aplikasi pembuatan sistem informasi SMA Negeri 1 Dukuhwaru berbasis Web menggunakan program Dreamweaver MX, Fireworks MX, PHP dan MySQL. Pembuatan sistem informasi SMA Negeri 1 Dukuhwaru berbasis Web menggunakan bahasa pemrograman PHP dan MySQL yang diaplikasikan Dreamweaver MX. Perancangan basis data dari suatu Data Base Management System (DBMS) yang kemudian dapat diakses oleh user. Data yang dapat diakses oleh user berupa informasi data siswa, absensi siswa, data guru, mata pelajaran, dan nilai akhir siswa. Hasil kegiatan berupa website yang siap di upload ke internet sehingga hasilnya siswa dapat dengan mudah mengakses data absen dan data nilai selama proses belajar, tetapi siswa tidak dapat mengupdate data kecuali administrator. ii
  15. 15. BAB I PENDAHULUAN A. Latar Belakang Masalah Pembangunan dunia pendidikan yang selalu mengalami perkembangan pesat seiring dengan laju perkembangan teknologi informasi yang sangat beraneka ragam, diperlukan peningkatan mutu dan mekanisme pelayanan di bidang pendidikan agar lebih berdaya guna dan berhasil guna, sehingga Sumber Daya Manusia (SDM) yang diciptakan dapat berpartisipasi dalam membangun dunia luar sesuai dengan kemampuannya. Sekolah-sekolah negeri maupun swasta sudah banyak yang menampilkan sistem informasi akademik berbasis Web. Pengelolaan sistem informasi berbasis Web yang telah ada masih perlu di maksimalkan, karena Website hanya dapat di upload melalui browsing di internet, semakin menjamurnya internet di kalangan siswa bukan tidak mungkin sistem informasi akademik dapat dilihat melalui internet karena sudah banyak Warung Internet (Warnet). Munculnya media internet akan sangat memudahkan dalam pembelajaran sesuatu yang baru, karena dengan mengakses segala informasi yang ada di internet akan menambah pengetahuan kita. Pencarian-pencarian informasi dapat dilakukan melalui media pencarian search engine. Banyak sekali media internet yaitu situs-situs yang memberi fasilitas ini misalnya GOOGLE, YAHOO, MSN dan web hosting sejenisnya. Media pencarian ini akan lebih mudah mendapatkan informasi yang kita inginkan, tidak hanya untuk
  16. 16. 2 pencarian situs tetapi dapat juga mencari file-file yang ekstensinya dapat di upload atau di download. SMA Negeri 1 Dukuhwaru Kabupaten Tegal merupakan Sekolah Menengah Atas berbasis kompetensi kader bangsa yang berorientasi ke depan dalam membangun bangsa, dengan keunggulan mengoptimalkan bakat para siswa terutama dalam bidang seni dan olahraga. Setiap tahunnya SMA Negeri 1 Dukuhwaru Kabupaten Tegal meluluskan ribuan siswa menyiapkan ketrampilan bagi tamatan sekolah dalam rangka meneruskan kejenjang keperguruan tinggi atau hidup bermasyarakat. Kelemahan di SMA Negeri 1 Dukuhwaru Kabupaten Tegal dalam hal menyajikan sistem informasi sekolah dan memonitoring kegiatan siswa masih sederhana, Sistem yang digunakan belum bisa langsung sampai pada Wali murid masih kesulitan apakah anaknya benar-benar masuk sekolah, Wali murid juga masih kesulitan untuk memantau daftar nilai anaknya dari hasil kegiatan belajar disekolah. Untuk itulah penulis memberikan solusi menggunakan program Dreamweaver MX dan Fireworks MX dalam pendisainan web yang diaplikasikan dengan PHP dan MySQL untuk membantu pendataan secara komputasi yang lebih efektif dan efisien. B. Rumusan Masalah dan Pembatasannya 1. Rumusan Masalah Permasalahan yang akan dipecahkan dalam kegiatan ini dapat dirumuskan sebagai berikut.
  17. 17. 3 a. Bagaimana cara pembuatan sistem informasi SMA Negeri 1 Dukuhwaru berbasis WEB serta pengelolaannya dengan menggunakan program Dreamweaver MX, FireWorks MX, PHP dan MySQL? b. Bagaimana penyajian informasi sekolah yang meliputi penyajian data siswa, guru, karyawan, mata pelajaran, nilai akhir siswa, data kelas dan absensi siswa. 2. Pembatasan Masalah Sistem pada aplikasi ini dibuat untuk pengelolaan informasi data siswa, guru, karyawan, mata pelajaran, nilai akhir siswa, data kelas dan absensi siswa yang digunakan untuk mempermudah siswa dalam memperoleh layanan informasi sekolah. C. Tujuan dan Manfaat Kegiatan 1. Tujuan kegiatan Tujuan dari kegiatan ini adalah sebagai berikut. a. Untuk membuat aplikasi SMA Negeri 1 Dukuhwaru berbasis Web serta pengelolaannya dengan menggunakan program Dreamweaver MX, Fireworks MX, PHP dan MySQL b. Untuk menyajikan informasi sekolah yang meliputi penyajian data siswa, guru, absensi siswa, data kelas, karyawan, data nilai siswa dan data mata pelajaran
  18. 18. 4 2. Manfaat Kegiatan a. Mempermudah pengguna secara umum untuk mengetahui tentang informasi SMA Negeri 1 Dukuhwaru. b. Mempermudah pengelolaan sistem manajemen sekolah. c. Meningkatkan minat siswa untuk mempelajari internet dan mencari informasi lain pada situs-situs di internet. D. Sistematika Tugas Akhir Sistematika penyusunan ini ditulis untuk memberikan gambaran keseluruhan isi Laporan Tugas Akhir. Secara garis besar Laporan Tugas Akhir ini dibagi menjadi tiga bagian yaitu pendahuluan, isi, dan penutup. 1. Pendahuluan, terdiri dari halaman judul, abstrak, halaman pengesahan, motto dan persembahan, kata pengantar, daftar isi, daftar gambar, daftar tabel dan daftar lampiran. 2. Isi, terdiri dari : BAB I PENDAHULUAN Bab ini memuat latar belakang masalah, rumusan dan pembatasan masalah, tujuan dan manfaat kegiatan, dan sistematika Tugas Akhir. BAB II LANDASAN TEORI Pada bab ini berisi teori-teori yang mendukung tentang penyusunan Laporan Tugas Akhir. BAB III METODE PENELITIAN
  19. 19. 5 Bab ini berisi tentang metode-metode dalam pelaksanaan kegiatan yang meliputi ruang lingkup penelitian, penelitian dan cara pengambilan data, langkah perancangan, dan analisis data. BAB IV HASIL RANCANGAN PEMROGRAMAN Bab ini berisi tahap pengembangan sistem dan pembahasan. BAB V PENUTUP Bab ini berisi simpulan dan saran. 3. Penutup, terdiri dari daftar pustaka dan lampiran.
  20. 20. BAB II KAJIAN TEORI A. Konsep Dasar Sistem Informasi Berbasis Web 1. Konsep Dasar Sistem Informasi Berbasis Web Dengan Aplikasi PHP Dan MySQL Sistem Informasi adalah seperangkat komponen yang saling berhubungan yang berfungsi mengumpulkan, memproses, menyimpan dan mendistribusikan informasi untuk mendukung pembuatan keputusan dan pengawasan dalam organisasi. Web atau WWW (Word Wide Web) adalah sebuah metode baru yang berjalan didunia internet yang berkembang dengan cepat, dengan media ini dapat menciptakan puluhan bahkan ratusan aplikasi yang berjalan di bawah Web (Under Web). PHP adalah salah satu aplikasi program yag biasa digunakan dalam media internet saat ini. Databasenya adalah MySQL yaitu database server yang dapat berjalan didalam media online sehingga database ini mudah dimanage oleh penggunanya. (Nugroho, 2004:1). 2. Basis Data a. Pengertian Basis Data Istilah basis data banyak menimbulkan interpretasi yang berbeda. Basis Data adalah suatu susunan/kumpulan data operasional lengkap dari suatu organisasi atau perusahaan yang diorganisir atau dikelola dan disimpan secara terintegritasi dengan menggunakan metode
  21. 21. 7 tertentu menggunakan komputer sehingga mampu menyediakan informasi yang optimal yang diperlukan pemakainya. Sedangkan sistem basis data adalah suatu sistem penyusunan dan mengelola record-record menggunakan komputer untuk menyimpan atau merekam serta memelihara data operasional lengkap sebuah organisasi atau perusahaan sehingga mampu menyediakan informasi yang optimal yang diperlukan pemakai untuk proses pengambilan keputusan (Marlinda, 2004:1). b. Relational Data Base Management Sistem (RDBMS) a. Pengertian RDBMS Kumpulan file yang saling berkaitan untuk program dan pengelolaannya disebut DBMS (Marlinda, 2004:6). DBMS adalah istilah yang penting dalam pengelolaan data. Untuk membuat dan mengelola data tersebut, dibutuhkan software yang diistilahkan DBMS (Data Base Management Sistem). Tugas-tugas yang diemban software DBMS ini adalah membuat database, menampilkan data yang ada pada database tersebut, memodifikasi data pada database tersebut, menghasilkan laporan sesuai dengan data yang ada dalam database, dan mengamankan data dari pihak- pihak yang tidak berkepentingan (Swastika, 2006:36). Beberapa contoh software DBMS yang banyak beredar adalah Oracle, Microsoft SQL Server, SyBase dan MySQL.
  22. 22. 8 Hampir semua program DBMS merupakan RDBMS (Relational DataBase Management Sistem), dimana data yang akan diorganisir dalam sekumpulan tabel yang saling berelasi (berhubungan) (Swastika, 2006:36). b. Konsep Database Relasional Arsitektur Sistem Basis Data dibagi menjadi tiga tingkatan (Marlinda, 2004:9), yaitu: a) internal level Disebut juga internal view, yaitu tingkatan yang basis datanya secara fisik ditulis atau disimpan di media storage atau level yang berkaitan erat dengan tempat penyimpanan. Contohnya cara penyimpanan data dalam disk. Tempat penyimpanan dapat digolongkan sebagai berikut. (1) Device Model, bagaimana penyimpanan datanya. (2) Storage Model, bagaimana data disimpan di dalam tempat penyimpanan data dan hubungannya terhadap data pengaksesannya. b) external level disebut juga dengan individual user views, yaitu tingkatan data di basis data dilihat berdasarkan kebutuhan masing-masing aplikasi di user atau level yang berkaitan erat dengan para pemakai. Contohnya cara seorang pemakai menggunakan data.
  23. 23. 9 c) conceptual level disebut juga community user view, yaitu tingkat dari aplikasi yang berbeda digabungkan, sehingga menggunakan basis data secara keseluruhan dengan menyembunyikan penyimpanan data secara fisik atau level yang merupakan penghubung dari internal level dan external level. Hal inilah yang mendasari Relational Data Base Management Sistem. Contohnya cara penggunaan data oleh sekelompok pemakai. Kelemahan sistem pemrosesan berkas dapat diatasi dengan sistem basis data ini, dengan keuntungan yang diperoleh dalam pemrosesan data ini adalah: a) kemubadziran data akan terkurangi, b) integritas data, c) independensi data, d) konsistensi data, e) berbagi data, f) keamanan data, g) lebih mudah dalam penggunaan dan pencarian data. RDBMS merupakan antar muka bagi pemakai dalam mengorganisasikan database yang disusun, pemakai dapat berinteraksi langsung dengan mudah dan praktis dengan menggunakan perintah-perintah yang sederhana yang dibuat dalam suatu bahasa pemrograman.
  24. 24. 10 Tujuan RDBMS adalah untuk mempermudah penciptaan penyusunan data dan membebaskan pemrograman dari masalah penyusunan file yang kacau dan berantakan. c. Tabel Tabel merupakan salah satu bagian dari database. Tabel akan menampung data yang tersimpan dalam bentuk baris dan kolom. Setiap kolom mempunyai nama yang unik (tidak mungkin kembar), dan dapat mempunyai jenis yang berbeda. Baris pada tabel berisi data yang sesuai dengan jenis fields-nya. Dalam suatu tabel kita membutuhkan satu field kunci. Field kunci adalah sebuah file yang unik, dan tidak ada yang sama pada tabel tersebut. Nantiya pada tabel posting, tidak perlu mencatat nama, password dan level dari record yang bersangkutan (Swastika, 2006:37). Field kunci digunakan juga untuk menghubungkan antara tabel satu dengan tabel yang lain. d. Relasi Antar Tabel Dalam sistem database ini, data tersimpan dalam beberapa jaringan yang berbeda yang terdistribusi melalui bermacam- macam media yang berbeda. Database ini berisi sekumpulan form, tiap form dapat berinteraksi saat mengeksekusi data pada satu form atau secara bersamaan pada beberapa form. Setiap form dapat memproses eksekusi data lokal, dengan data yang telah ditentukan.
  25. 25. 11 Sebuah form juga dapat mengambil bagian dalam melakukan akses terhadap data pada beberapa form yang berbeda. Macam-macam bentuk topologi distribusi data. a) Fully Connected Network Keuntungan dari tipe ini adalah jika salah satu rusak maka yang lain masih dapat berjalan, tetapi tidak ada jaminan kerahasiaan data. Karena seluruh bagian dapat melakukan pengaksesan data. b) Partially Connected Network Reliability pada system ini rendah, karena sistem pengaksesan hanya melewati satu jalur dan tidak ada jalur lain. Akan tetapi biaya dapat ditekan. Jaminan kontrol tidak dijamin c) Tree Structure Network Sistem bersifat sentral, jika pusat rusak maka semua bagian tidak dapat melakukan pengaksesan data. d) Ring Network Sistem melingkar seperti ini hanya dapat mengakses data pada sistem yang langsung berhubungan, maka sistem kontrol sendiri tidak terjamin. e) Start Network Pada sistem ini kontrol manajemen data terjamin karena bersifat sentral dengan biaya yang rendah. Tetapi jika pusat mengalami kerusakan maka data tidak bisa diakses.
  26. 26. 12 (Marlinda, 2004:38) e. Hirarki Data Data diorganisirkan ke dalam suatu hirarki yang terdiri atas: a) elemen data Elemen data merupakan satuan data terkecil yang tidak dapat dipecah lagi ke dalam unit lain. b) rekaman merupakan gabungan dari sejumlah elemen data yang saling terkait. Dalam sistem basis data relational, rekaman biasa disebut dengan tupel atau baris. c) berkas himpunan dari semua rekaman yang bertipe sama, atau dapat juga dikatakan sebagai kumpulan rekaman data dalam satu objek. Berkas mewakili komponen yang disebut relasi. f. Normalisasi Data Normalisasi adalah pemrosesan pengelompokan atribut-atribut dan relasi sehingga membentuk struktur relasi antar tabel. Normalisasi merupakan proses pengelompokan elemen-elemen data menjadi suatu tabel-tabel untuk menunjukkan entity dan relasinya. Teknik ini ditemukan pada tahun 1970 oleh E. F. Codd. Well-Structure relation adalah sebuah relasi dengan jumlah kerangkapan datanya sedikit (Minimum Amount of Redudancy),
  27. 27. 13 serta memberikan kemungkinan bagi user untuk melakukan insert, delete dan modify terhadap baris-baris data pada relasi tersebut, yang berakibat tidak terjadi kesalahan atau inkonsistensi data, yang disebabkan oleh operasi-operasi tersebut (Marlinda, 2004:115). B. Dasar Aplikasi Pemrograman Sistem Informasi SMA Negeri 1 Dukuhwaru berbasis web 1. Kondisi Objektif SMA Negeri 1 Dukuhwaru Sekolah yang beralamat dijalan Pramuka Dukuhwaru Kabupaten Tegal ini merupakan satu-satunya Sekolah Menengah Atas yang berstatus Negeri di Kecamatan Dukuhwaru. SMA Negeri 1 Dukuhwaru berada pada lokasi yang strategis yaitu melewati jalan raya utama yang menghubungkan Kota Slawi Kabupaten Tegal dan Kota Jatibarang Kabupaten Brebes. Dengan Struktur Organisasi sebagai berikut.
  28. 28. 14 Kepala Sekolah Waka Waka Waka Waka Kurikulum Kesiswaan Sarpras Humas Pembantu Pembantu Pembantu Kurikulum Kesiswaan Sarpras Bendahara Koordinator Gambar 2.1 Struktur Organisasi SMA Negeri 1 Dukuhwaru 2. Dreamweaver MX Dreamweaver merupakan program profesional editor HTML visual yang digunakan untuk mengelola situs dan menata layout halaman web. Saat ini versi terbaru dari Dreamweaver yang dikeluarkan oleh Macromedia adalah Dreamweaver MX 2004. pada versi ini, tampilannya mengalami perubahan yang kaya akan warna dan area kerjanya menjadi lebih ringkas dan efisien. Hal ini dapat dilihat dengan peletakan tombol-tombol dan panel-panel yang dapat minimize (disembunyikan) untuk menghemat area kerja.
  29. 29. 15 Disamping itu, masih banyak terdapat penambahan fasilitas-fasilitas lainnya yang membuat Dreamweaver MX lebih powerfull, seperti kemampuan menangani penyuntingan kode dengan lebih baik, menangani dokumen-dokumen baru seperti XHTML, kemampuan validasi dan debug di browser, panel snippets yang berfungsi untuk menyunting dan menyimpan blok kode yang sering digunakan, serta fasilitas penanganan berbagai database (Mutmainah, 2006:2). Insert bar Document Window Panel group Document toolbar Property inspector Site panel Tag selector Gambar 2.2 jendela dan panel pada Dreamweaver MX (Herlambang, 2006:6)
  30. 30. 16 a. Insert bar Insert bar berisi tombol untuk memasukkan beberapa jenis objek, seperti gambar, tabel, dan layer ke dokumen. Tiap objek yang dimasukkan pada dasarnya adalah potongan kode HTML yang dapat diatur atributnya. b. Document Toolbar Document toolbar berisi tombol dan pop-up menu yang menyediakan beberapa cara untuk menampilkan dokumen (seperti Design view dan Code view), beberapa option dan beberapa operasi umum seperti melakukan preview dokumen ke broser. c. Document Window Document Window menampilkan dokumen yang sedang dibuat atau diedit. d. Property Inspector Property Inspector adalah tempat mengubah beberapa properti yang dimiliki oleh objek atau teks. Tiap jenis objek atau teks memiliki properti yang berbeda. e. Panel Groups Panel Groups adalah kumpulan beberapa panel sejenis yang diletakkan pada satu tempat. f. Site Panel Pada Site Panel bisa untuk mengatur file dan folder yang akan digunakan untuk site. Windows Exlorer (Windows) akan
  31. 31. 17 menggunakan program ini untuk menampilkan file dan folder pada disk lokal. g. Menu Menu berisi submenu yang biasanya ditampilkan sebagai dropdown menu yang akan muncul ketika ditekan tombol menu utama. Gambar 2.3 Menu pada Dreamweaver MX (Herlambang, 2006:6) 1) File Menu File menu berisi menu standar untuk menu File dan Edit, seperti New, Open, Save, Cut, dan Paste, File menu juga berisi beberapa perintah tambahan, seperti Preview in Broser dan Print Code. 2) Edit Menu Edit menu berisi perintah seleksi dan pencarian, seperti Select Parent Tag dan Find and Replace, dan menyediakan akses ke Keyboard Shortcut Editor dan Tag Library Editor. 3) View Menu View menu mengijinkan melihat tampilan dokumen dengan beberapa cara (seperti Design view dan Code view) dan untuk menampilkan dan menyembunyikan beberapa elemen pada dokumen dan peralatan yang dimiliki Dreamweaver MX. 4) Insert Menu
  32. 32. 18 Insert menu menyediakan alternatif untuk memasukkan objek pada dokumen 5) Modify Menu Menu ini bisa mengubah properti elemen halaman web atau item lainnya. Digunakan untuk mengedit atribut tag, mengubah tabel dan elemen tabel dan menampilkan beberapa tindakan yang dapat dilakukan untuk item pada library dan template. 6) Text Menu Menu ini menyediakan perintah yang dibutuhkan untuk melakukan pemformatan pada teks. 7) Commands Menu Menu ini menyediakan akses untuk beberapa macam perintah, termasuk untuk membuat album foto dengan cepat dan melakukan optimasi gambar menggunakan program lain. 8) Site Menu Menyediakan item menu untuk membuat, membuka, dan mengedit site. 9) Window Menu Menyediakan akses ke semua menu panel, inspectors, dan jendela pada Dreamweaver. 10) Help Menu Menyediakan akses ke dokumentasi yang dimiliki oleh Dreamweaver MX, termasuk petunjuk cara penggunaan
  33. 33. 19 Dreamwever MX, membuat ekstensi untuk Dreamwever MX, dan material lainnya yang dapat membantu menggunakan Dreamwever MX. 3. Fireworks MX Fireworks MX 2004 adalah sebuah program andal dalam pengolahan grafik, terutama grafis web. Oleh karena itu kemampuan dan fasilitasnya dirancang dan dioptimalkan untuk menangani pembuatan dan pengeditan gambar web. Ada beberapa fitur baru yang bisa dijumpai dalam Fireworks MX 2004 antara lain: server-side support yang memungkinkan kita untuk menyimpan file fireworks ke dalam bentuk ASP, PHP, atau CFM. Dengan fitur ini kita bisa membuat web dinamis yang interaktif. Selain itu, Red Eye removal Tool yang dapat digunakan untuk menghilangkan efek mata merah dari jepretan kamera digital. Fitur baru juga ada pada penambahan auto shape dan warna gradient yang memberikan nuansa baru untuk membuat bentuk objek dan masih banyak fitur yang lain. 4. Pemrograman PHP PHP diperkenalkan pertama kali oleh J Wynia adalah seorang pria yang memiliki dasar yang matang tentang pemrograman, khususnya pemrograman pada sisi server. PHP adalah bahasa pemrograman berbasis web. Bahasa ini mempunyai kelebihan yaitu kompabilitasnya dengan berbagai macam jenis database, dukungan dengan berbagai macam jenis sistem operasi. PHP lebih cocok dan umum digunakan jika digabungkan
  34. 34. 20 dengan database MySQL. MySQL dengan PHP seakan-akan dua hal yang tidak dapat dipisahkan. Tentunya untuk dapat menggunakan keduanya dibutuhkan tingkat kemampuan programming tertentu. Banyak digunakan oleh programmer berlatar belakang C/C++ karena kemiripan syntaxnya. Open source, karenanya gratis dan bebas. Database pasangannya biasanya MySQL, dijalankan bersama webserver Apache di atas sistem operasi Linux. a. Dasar Pemrograman PHP PHPTriad adalah software installer PHP secara instant yang berjalan pada lingkungan Windows, setelah menginstal PHPTriad anda tidak saja telah menginstal PHP, akan tetapi juga sekaligus telah menginstall Apache Web Server dan Database MySQL. PHPTriad jalan di bawah platform Windows, Jadi untuk Windows x ataupun Windows 2000, NT, Me, ataupun XP tetap berjalan sama baiknya. Untuk spesifikasi komputer tidak begitu memerlukan spesifikasi tinggi. Fungsi yang selalu akan ditampilkan dalam bahasa pemrograman ini adalah echo, fungsi ini digunakan untuk menampilkan suatu data ke dalam browser (Nugroho, 2006:13). b. Alias untuk parameter PHP Alias adalah suatu metode untuk pengalamatan terhadap interpreter yang akan digunakan. Secara standar, pada file httpd.conf memiliki parameter alias yang berguna untuk memberitahukan kepada Apache
  35. 35. 21 tentang interpreter PHP dan Perl. Dalam pemrograman ini digunakan PHPTriad, sehingga secara otomatis terpasang pada directori C:/Apache/PHP, sehingga penyetingan script aliasnya adalah ScriptAlias /php/ “c:/apache/php/”. Sedangkan apabila tidak menggunakan PHPTriad, maka harus diketahui terlebih dahulu tempat penginstalan program PHP (Nugroho, 2005:2 ). c. Konfigurasi Web Server Cara pengetesan konfigurasi yang telah dilakukan adalah dengan menjalankan start apache yang ada pada program. Kemudian membuka sebuah halaman website dengan IE atau program lain yang juga dapat digunakan untuk browsing di internet. Untuk memanggil halaman PHP ketikkan http://localhost, apabila berhasil maka tidak terdapat pesan error pada halaman tersebut tetapi akan tampil ucapan welcome. Tampilan akan berbeda-beda sesuai dengan jenis MySQL yang digunakan. 5. Database dengan MySQL MySQL merupakan RDBMS (Relational Data Base Management Sistem). MySQL didistribusikan secara open source dan gratis mulai tahun 1996, tetapi mempunyai sejarah pengembangan sejak tahun 1979. Database MySQL adalah database yang sangat powerfull, stabil, mudah. MySQL sangat banyak dipakai dalam sistem database web dengan menggunakan PHP. PHPTriad juga memberikan fasilitas database yang. Karena PHPTriad dilengkapi dengan database MySQL maka terdapat
  36. 36. 22 tempat untuk menyimpan data (store), dan untuk mengambil kembali data anda (retrieve). Seperti sistem database SQL (Structured Query Language) yang lain, MySQL juga dilengkapi dengan perintah-perintah dan sintaks-sintaks SQL, dengan keunggulan sebagai berikut. a. Konsep database MySQL berkecepatan tinggi tentang system penyajian data. b. Harga yang relatif murah, karena ada yang dapat diperoleh secara gratis c. Sintaks bahasanya menggunakan perintah yang sederhana. d. Dapat bekerja dalam beberapa system operasi seperti Windows, Linux, MacOs, Unix (Solaris, AIX, dan DEC Unix), FreeBSD, OS/2, Irix. e. Dukungan penggunaan banyak tersedia (Swastika, 2006:5). 6. Pemrograman PHP dalam Database MySQL Untuk membuat aplikasi web yang berjalan dinamis, maka pemrograman web dapat dikolaborasikan dengan PHP. PHP merupakan salah satu bahasa pemrograman yang dapat menjadikan program web menjadi lebih dinamis. Dengan menggunakan program PHP tidak hanya membuat program web dengan tampilan statis, tetapi juga dapat mengakses database seperti MySQL. Dengan database tersebut, dapat digunakan untuk menyimpan berita-berita yang ada di dalamnya, dan ditampilkan pada halaman browser.
  37. 37. BAB III METODE KEGIATAN A. Ruang Lingkup Kegiatan Penelitian ini dilakukan untuk membuat sistem informasi SMA Negeri 1 Dukuhwaru berbasis web. Fokus dari penelitian ini adalah pembuatan basis data siswa, guru, karyawan, mata pelajaran, nilai akhir siswa, data kelas dan absensi siswa. B. Kegiatan dan Cara Pengambilan Data Dalam penelitian pemrograman, basis data yang akan dibuat adalah sistem penyimpanan dan penginformasian data yang berkaitan dengan data siswa, guru, dan pegawai. Pengambilan data dengan mengambil data yang ada kaitannya dengan sistem basis data siswa, guru, dan karyawan dengan metode- metode sebagai berikut. 1. Metode literatur Metode ini dilakukan untuk mendapatkan data-data secara teori-teori yang mendukung dalam pemprograman basis data. 2. Metode Dokumentasi Metode ini dilakukan untuk mendapatkan data dan informasi yang diperlukan dalam pemrograman basis data.
  38. 38. 24 C. Perancangan Sistem Langkah perancangan adalah serangkaian tahapan merancang dan membuat basis data. Langkah-langkahnya adalah sebagai berikut. 1. Mempersiapkan alat dan bahan. 2. Membuat rancangan diagram alir data. 3. Normalisasi data. 4. Membuat diagram antar entitas. 5. Mengubah dan menterjemahkan diagram alir program ke dalam tata bahasa pemrograman PHP dengan MySQL. 6. Membuat sistem informasi SMA Negeri 1 Dukuhwaru berbasis web 7. Menguji Program. 8. Merevisi program bila diperlukan. D. Analisis Data Hasil rancangan dan pembuatan program diuraikan dan dijelaskan secara deskriptif naratif (gambaran secara umum). Penafsiran dan penarikan kesimpulan dilakukan berdasarkan setiap langkah pembuatan program. Simpulan akhir ditentukan oleh berhasil tidaknya program dijalankan sesuai dengan rancangan.
  39. 39. BAB IV PEMBAHASAN A. Tahapan Pembuatan Sistem Informasi SMA Negeri 1 Dukuhwaru Berbasis Web 1. Tahap Pengembangan Sistem Identifikasi suatu sistem terhadap kebutuhan informasi yang baru harus dilakukan, tidak hanya didasarkan kebutuhan-kebutuhan konsumsi informasi saja, tetapi juga dipandang dari manfaat dari aplikasi yang telah dibuat yang selama ini yang belum pernah terpenuhi. Kebutuhan dari suatu sarana yang sudah ada sekarang masih perlu untuk diperbaharui mengenai sistem pengelolaan untuk menampilkan informasi dari suatu media yang sudah berkembang pesat di kalangan pencari informasi. Sistem informasi siswa yang ada pada masa sekarang, hampir semua menggunakan sistem online dengan menggunakan website. Hal ini menguntungkan bagi siswa, terutama dalam proses pencarian informasi akademik sekolah yang dia tempati. 2. Rancangan Pendahuluan Tahap rancangan pendahuluan dilakukan untuk menentukan ruang lingkup pembuatan aplikasi yang ditangani, yang selanjutnya dijabarkan dalam bentuk diagram alir dan konteks. Diagram alir adalah sebuah proses pembentuk siklus yang digunakan untuk mempermudah dalam perancangan sistem basis data.
  40. 40. 26 Pembuatan basis data sistem informasi akademik dilakukan dengan pembuatan Data Flow Diagram (DFD). DFD merupakan alat untuk mendokumentasikan proses dalam suatu sistem yang menekankan fungsi pada sistem, cara menggunakan informasi yang tersimpan serta pemindahan informasi antar fungsi dalam sistem. Data siswa Bagian Data Mata pelajaran Akademik Data kelas, Data Guru Data jurusan Sistem Pengolahan Data Pencari Informasi Informasi Umum/wali siswa siswa Informasi Gambar 4.1 DFD Konteks Sistem Informasi Akademik Diagram diatas memperlihatkan bahwa sistem berinteraksi dengan empat terminal, yaitu bagian akademik, sistem pengolahan data, siswa serta pencari informasi sekolah. Tanda panah menunjukkan masukan dan keluaran sistem. 3. Perancangan Sistem Tahapan perancangan sistem dibagi menjadi dua bagian. Dua bagian perancangan sistem adalah sebagai berikut.
  41. 41. 27 1. Perancangan Sistem Basis Data Perancangan basis data merupakan langkah untuk menentukan basis data yang diharapkan dapat mewakili seluruh kebutuhan pengguna. Penyusunan basis data ini didasarkan pada kamus aliran data yang telah dibuat pada tahap sebelumnya. Perancangan basis data secara konseptual terdiri atas tiga langkah berikut ini: a. penentuan entitas pada basis data b. pendefinisian hubungan antar entitas c. penerjemahan hubungan antar entitas langkah-langkah tersebut melibatkan komponen-komponen sebagaimana diperlihatkan gambar 4.2.
  42. 42. 28 Model Data Logis Entitas Atribut Hubungan Kekangan Kunci Kandidat Kunci Asing Integritas Domain Referensi Kunci Primer Kunci Alternatif Penambahan Peremajaan Penghapusan Nama Tipe Format Panjang Nilai Gambar 4.2 Tahapan Perancangan Basis Data Sistem Informasi Akademik Berbasis Web Penjelasan komponen-komponen di atas sebagai berikut. a. Entitas Entitas sering disebut dengan kelas entitas atau tipe,. Entitas menyatakan obyek atau kejadian. Pada basis data ini yang disebut entitas adalah data jurusan, data siswa, data guru, data kelas dan data mata pelajaran. Pada model database relasional, entitas disebutkan dalam tabel.
  43. 43. 29 b. Atribut Atribut merupakan item data yang menjadi bagian dari entitas. Istilah lain dari atribut adalah properti. nama siswa, nama guru, alamat merupakan suatu atribut. c. Hubungan (Relation) Hubungan adalah kaitan dari dua entitas. Misalnya antara guru dengan mata pelajaran terdapat hubungan yang berupa Guru A mengajar Mata Pelajaran Matematika. d. Kekangan Kekangan digunakan untuk melindungi integritas data, misalnya melindungi kesalahan waktu pengisian data. e. Domain Domain merupakan nilai yang berlaku pada suatu atribut. Kekangan domain mendefinisikan nama, tipe, format, panjang, serta nilai dari masing-masing item data. Misalnya tipe data char, numeric, atau jenis lainnya pada perangkat lunak sistem basis data. Char menyatakan tipe karakter, dapat berupa gabungan beberapa huruf, simbol, dan angka. numeric menyatakan tipe bilangan. f. Integritas referensi Integritas referensi merupakan aturan-aturan yang mengatur hubungan antara kunci primer dengan kunci tamu milik tabel-tabel yang terdapat pada suatu sistem basis data relasional untuk menjaga konsistensi data. Tujuan dari integritas referensi adalah untuk menjamin elemen dari
  44. 44. 30 suatu tabel yang menunjukkan ke suatu pengenal unik pada suatu baris pada tabel lain yang benar-benar menunjuk ke nilai yang ada itu. Macam integritas data ada tiga, yaitu: 1) penambahan (insert) 2) penghapusan (delete) 3) peremajaan (update) pembagian ini didasarkan pada operasi yang dilakukan. Integritas referensional pada peremajaan memungkinkan pengubahan suatu kunci pada tabel yang menyebabkan semua nilai pada tabel lain yang tergantung pada tabel tersebut juga berubah. 2. Perancangan Sistem Aplikasi Perancangan sistem aplikasi digunakan untuk menerjemahkan perancangan sistem database yang dibuat sampai dengan eksekusi dari aplikasi yang dibuat. Perancangan sistem program aplikasi ini terdiri dari beberapa langkah sebagai berikut. a. Pengkodean program aplikasi b. Eksekusi program aplikasi pada Web c. Cara kerja Program 4. Analisis Sistem Untuk memperinci gambaran DFD yang telah dibuat perlu dibuat kamus data yang merupakan perincian item-item yang terdapat pada aliran data dan juga yang terdapat pada penyimpanan data.
  45. 45. 31 3. Data Flow Diagram (DFD) Analisis Dari DFD sistem informasi akademik basis data sistem yang dapat dijabarkan seperti gambar 4.3. guru Wali siswa administrator siswa Id_siswa Id_guru Id_WS Id_adm i Bagian Akademik siswa Mata Kuliah Proses Pendataan kelas jurusan Id_saran Guru Hasil Pendataan Data dan Informasi Saran Proses Informasi Info Data Diri Operator Mapel Mahasiswa Info Kegiatan Operator Kelas Pencari Info berita Nilai Informasi Info Pendidikan Absensi Gambar 4.3 DFD level 1 Untuk Sistem Informasi a. Kamus Aliran Data Daftar nama-nama item yang dibutuhkan dalam pembuatan diagram alir data yang telah dijabarkan menjadi DFD,dapat dilihat pada lampiran 1.
  46. 46. 32 b. Bentuk Normal Basis Data Bentuk normal basis data diperlukan untuk mempermudah perancangan basis data pada tahap perancangan sistem. Oleh karena itu maka perlu dibuat tabel-tabel data untuk mempermudah proses normalisasi basis data. Adapun tabel yang diperlukan adalah seperti pada lampiran 2. Dari tabel-tabel yang dibuat guna mempermudah pembuatan basis data seperti pada lampiran 2 ternyata telah memenuhi bentuk normal pertama yaitu relasi tiap atribut bernilai tunggal untuk setiap baris, memenuhi syarat bentuk normal kedua, bahkan bentuk normal ketiga, sehingga tidak perlu lagi dinormalisasi c. Relasi antar tabel Dari proses normalisasi, tabel yang telah memenuhi bentuk normal ketiga dapat dibuat relasi antar tabel. Bentuk relasi antar tabel dapat dilihat pada gambar 4.4, yaitu relasi antar tabel dengan bentuk diagram entity relationship pada basis data sistem informasi akademik berbasis web. Diagram relasi ini menggambarkan alur hubungan antar tabel yang terjadi pada sistem basis data informasi yang telah dibuat. Struktur alur yang menunjukkan tanda panah adalah proses arah hubungan tabel, sedangkan untuk tabel yang tidak menunjukkan arah ke manapun merupakan tabel bebas atau tabel yang berdiri sendiri.
  47. 47. 33 Gambar 4.4 Relasi Antar Tabel Pada Basis Data Keterangan : Dari daftar gambar relasi pada gambar 4.4 menjelaskan bahwa administrator dapat memperbaharui atau mengatur data kelas, data jurusan, data siswa, data guru dan materi atau matapelajaran. Data wali_siswa relasi dengan data kelas dan data siswa,untuk data siswa relasi dengan dengan data jurusan dan data materi relasi dengan materi atau mata pelajaran.
  48. 48. 34 d. Diagram Struktur 1) Bagan Menu Utama Bagan struktur menu utama dari sistem informasi akademik berbasis Web terdiri dari Home, Siswa, Wali Siswa, Guru, Administrator. Bagan struktur menu utama dapat dilihat pada gambar 4.5. Loading Aplikasi Web Home Siswa Wali Guru Administr siswa ator Gambar 4.5 Struktur Menu Utama 2) Bagan Menu Home Bagan menu Home dari sistem informasi akademik berbasis Web terdiri dari pilihan-pilihan menu yang hendak diakses juga sebagai menu utama. Bagan struktur menu home dapat dilihat pada gambar 4.7. Menu Home Menu Pilihan Informasi Kembali Gambar 4.6 Struktur Menu Home
  49. 49. 35 3) Bagan Menu Siswa Bagan struktur menu siswa dari sistem informasi akademik berbasis Web menampilkan data diri siswa beserta data absensi dan data nilai. Bagan struktur siswa dapat dilihat pada gambar 4.7. Menu Siswa Login Siswa Kembali Info Siswa Displai Absensi Displai Nilai Gambar 4.7. Struktur Menu Siswa 4) Bagan Menu Wali Siswa Bagan struktur menu Wali siswa dari sistem informasi akademik berbasis Web menampilkan Login Wali siswa, data diri siswa beserta data absensi dan data nilai. Sehingga Wali siswa dapat memantau anaknya selama belajar di sekolah. Bagan struktur wali siswa dapat dilihat pada gambar 4.8.
  50. 50. 36 Menu Wali_Siswa Login Wali_Siswa Kembali Info Siswa Displai Absensi Displai Nilai ata Gambar 4.8 Struktur Menu Wali_Siswa 5) Bagan Menu Administrator Bagan struktur menu Administrator menampilkan data karyawan, data siswa, data kelas, data jurusan, data materi dan menu kembali. Bagan struktur sistem informasi akademik dapat dilihat pada gambar 4.9. Menu Administrator Karyawan Siswa Jurusan Kelas Materi kembali Gambar 4.9 Struktur Menu Adminstrator
  51. 51. 37 6) Bagan Menu Guru Bagan struktur menu guru dari sistem informasi akademik berbasis Web menampilkan informasi detil kelas yang dibimbing dan menu kembali. Bagan struktur pendaftaran dapat dilihat pada gambar 4.10. Menu Home Detil Kelas yang Bimbing Kembali Gambar 4.10 Sistem Menu Guru 7) Bagan Menu Kirim Saran Bagan struktur menu kirim saran dari sistem informasi akademik berbasis Web merupakan proses mengirim saran apliksi dari sistem informasi akademik serta menu kembali pada menu utama. Bagan struktur informasi umum dapat dilihat pada gambar 4.11. Saran Proses Kirim Kembali Saran Gambar 4.11 Menu Saran
  52. 52. 38 4. Implementasi Sistem pada Pemrograman a. Pengkodean Program Program basis data yang telah dirancang dimulai dari diagram alir data dimana untuk menjelaskan serta mempermudah pada perancangannya merupakan bentuk implementasi dari program yang dibuat. Diagram alir data akan membuat logika berfikir pembuatan program tersusun dengan baik berdasarkan urutan yang telah dirancangkan. Pada inplementasi ini alur tersebut diterjemahkan ke dalam bahasa pemrograman dengan menggunakan konfigurasi dari script code WML, PHP serta database MySQL. Untuk membuat pengkodean program, kita menggunakan program Dreamweaver MX. Pada program ini banyak fasilitas yang diberikan terutama untuk ekstensi-ekstensi file yang mendukung PHP dan juga database yang mendukung PHP. Cara pengkodean program aplikasi yang dibuat adalah sebagai berikut. 1) Bukalah Program Dreamweaver MX, kemudian Click File – New. maka akan diperoleh tampilan awal seperti gambar 4.12.
  53. 53. 39 Gambar 4.12 Jendela Masuk PHP Pada Dreamweaver MX 2) Pilih menu Dynamic Page – PHP – Create . maka akan diperoleh tampilan awal seperti gambar 4.13.
  54. 54. 40 Insert bar Document Window Panel group Document toolbar Tag selector Site panel Property inspector Listing Program Gambar 4.13. jendela dan panel pada Dreamweaver MX (Herlambang, 2006:6) Keterangan : a) Listing Code Listing code merupakan tempat untuk menuliskan script code. b) Insert bar Insert bar berisi tombol untuk memasukkan beberapa jenis objek, seperti gambar, tabel, dan layer ke dokumen. Tiap objek yang
  55. 55. 41 dimasukkan pada dasarnya adalah potongan kode HTML yang dapat diatur atributnya. c) Document Toolbar Document toolbar berisi tombol dan pop-up menu yang menyediakan beberapa cara untuk menampilkan dokumen (seperti Design view dan Code view), beberapa option dan beberapa operasi umum seperti melakukan preview dokumen ke broser. d) Document Window Document Window menampilkan dokumen yang sedang dibuat atau di edit. e) Property Inspector Property Inspector adalah tempat mengubah beberapa properti yang dimiliki oleh objek atau teks. Tiap jenis objek atau teks memiliki properti yang berbeda. f) Panel Groups Panel Groups adalah kumpulan beberapa panel sejenis yang diletakkan pada satu tempat. g) Site Panel Pada Site Panel bisa untuk mengatur file dan folder yang akan digunakan untuk site. Windows Exlorer (Windows) akan menggunakan program ini untuk menampilkan file dan folder pada disk lokal.
  56. 56. 42 h) Menu Menu berisi submenu yang biasanya ditampilkan sebagai dropdown menu yang akan muncul ketika ditekan tombol menu utama. Gambar 4.14. Menu pada Dreamweaver MX (Herlambang, 2006:6) 1) File Menu File menu berisi menu standar untuk menu File dan Edit, seperti New, Open, Save, Cut, dan Paste, File menu juga berisi beberapa perintah tambahan, seperti Preview in Broser dan Print Code. 2) Edit Menu Edit menu berisi perintah seleksi dan pencarian, seperti Select Parent Tag dan Find and Replace, dan menyediakan akses ke Keyboard Shortcut Editor dan Tag Library Editor. 3) View Menu View menu mengijinkan melihat tampilan dokumen dengan beberapa cara (seperti Design view dan Code view) dan untuk menampilkan dan menyembunyikan beberapa elemen pada dokumen dan peralatan yang dimiliki Dreamweaver MX.
  57. 57. 43 4) Insert Menu Insert menu menyediakan alternatif untuk memasukkan objek pada dokumen 5) Modify Menu Menu ini bisa mengubah properti elemen halaman web atau item lainnya. Digunakan untuk mengedit atribut tag, mengubah tabel dan elemen tabel dan menampilkan beberapa tindakan yang dapat dilakukan untuk item pada library dan template. 6) Text Menu Menu ini menyediakan perintah yang dibutuhkan untuk melakukan pemformatan pada teks. 7) Commands Menu Menu ini menyediakan akses untuk beberapa macam perintah, termasuk untuk membuat album foto dengan cepat dan melakukan optimasi gambar menggunakan program lain. 8) Site Menu Menyediakan item menu untuk membuat, membuka, dan mengedit site. 9) Window Menu Menyediakan akses ke semua menu panel, inspectors, dan jendela pada Dreamweaver.
  58. 58. 44 10) Help Menu Menyediakan akses ke dokumentasi yang dimiliki oleh Dreamweaver MX, termasuk petunjuk cara penggunaan Dreamwever MX, membuat ekstensi untuk Dreamwever MX, dan material lainnya yang dapat membantu menggunakan Dreamwever MX. b. Eksekusi program aplikasi pada Web Untuk melakukan eksekusi pada Web emulator kita harus mengaktifkan sistem server pada komputer, dengan menjalankan start apache dan MySQL. Gambar 4.15 merupakan tampilannya Gambar 4.15 Eksekusi Program Aplikasi Sistem kerja program yang digunakan dengan memanggil file yang telah disimpan di c:http:/localhost/spendidikan….., file yang kita eksekusi. Hasil dari eksekusi aplikasi ini seperti gambar 4.15 adalah tampilan pertama dari program.
  59. 59. 45 c. Cara Kerja Program Cara kerja sistem informasi akademik didasarkan pada diagram bagan struktur sistem dari aplikasi yang dibuat. Saat melakukan eksekusi data maka tampilan awal dari program adalah menu awal dari aplikasi sistem informasi akademik berbasis Web. Saat program dijalankan, maka tampilan awal dari program adalah menu awal di SMA Negeri 1 Dukuhwaru Kabupaten Tegal. Dalam menu awal terdapat beberapa pilihan program lanjutan, antara lain Home sebagai menu utama, menu siswa, menu wali siswa, menu guru, menu administrator. Pada menu sistem informasi akademik hanya terbatas bagi siswa yang telah terdaftar sebagai user. Sehingga untuk membatasi pelayanan informasi ini diperlukan user name serta password. B. Penyajian Informasi SMA Negeri 1 Dukuhwaru Hasil pembuatan aplikasi sistem informasi akademik berbasis Web dengan menggunakan struktur bahasa pemrograman WML, PHP dan sistem database MySQL. 1. Halaman Index Halaman ini ditampilkan pada saat melakukan panggilan terhadap domain yang dituju. Tampilan halaman index seperti pada gambar 4.16.
  60. 60. 46 Gambar 4.16 Halaman Index.html Hasil eksekusi halaman index.html sebagai menu utama Listing program terdapat pada lampiran script halaman index. 2. Halaman menu siswa Pada halaman ini siswa diwajibkan melakukan login untuk masuk pada biodata siswa, pada menu ini siswa dapat melihat data absensi dan data nilai selama proses belajar disekolah yang telah di update oleh guru. Tampilan halaman login menu siswa seperti pada gambar 4.17. .
  61. 61. 47 Gambar 4.17 Halaman login menu siswa Tampilan halaman Biodata siswa seperti pada gambar 4.18. Gambar 4.18 Halaman Biodata siswa
  62. 62. 48 a) Data Absensi Siswa Pada halaman ini siswa dapat mengetahui absensi siswa sesuai materi yang diikuti. Tampilan halaman data absensi seperti pada gambar 4.19. Gambar 4.19 Halaman Data Absensi Siswa b) Data Nilai Siswa Pada halaman ini siswa dapat mengetahui nilai siswa sesuai materi yang diikuti. Tampilan halaman data nilai seperti pada gambar 4.20. Gambar 4.20 Halaman Data Nilai Siswa
  63. 63. 49 3. Halaman menu Wali_siswa Pada halaman ini Wali_siswa diwajibkan melakukan login untuk masuk pada biodata siswa, sama halnya pada menu siswa pada menu ini Wali_siswa dapat melihat data absensi dan data nilai selama proses belajar disekolah yang telah di update oleh guru. Tampilan halaman login menu Wali_siswa seperti pada gambar 4.21. Gambar 4.21 Halaman login menu Wali_siswa 4. Halaman menu Guru Pada halaman menu guru diwajibkan melakukan login guru, pada halaman ini terdapat data kelas siswa yang dibimbing oleh guru yang bersangktan. Pada halamn ini guru juga dapat melakukan update data nilai dan absensi siswanya sesuai kelas. Tampilan halaman login menu guru seperti pada gambar 4.22.
  64. 64. 50 Gambar 4.22 Halaman login menu Guru Tampilan halaman data kelas yang dibimbing guru yang bersangkutan seperti pada gambar 4.23 Gambar 4.23 Halaman Data Kelas yang dibimbing
  65. 65. 51 5. Halaman menu Administrator Pada halaman ini administrator wajib melakukan login. administrator dapat melakukan update data yaitu data karyawan, data siswa, data kelas, data jurusan, dan data materi. Tampilan halaman login menu Administrator seperti pada gambar 4.24. Gambar 4.24 Halaman login menu Administrator a) Data Guru Pada data ini administrator dapat menginput biodata guru. Tampilan halaman data guru seperti pada gambar 4.25. Gambar 4.25 Halaman data guru
  66. 66. 52 b) Data Siswa Pada data ini administrator dapat menginput biodata Siswa. Tampilan halaman data siswa seperti pada gambar 4.26. Gambar 4.26 Halaman data siswa c) Data Kelas Pada data ini administrator dapat menginput kelas. Tampilan halaman data kelas seperti pada gambar 4.27.
  67. 67. 53 Gambar 4.27 Halaman data kelas d) Data Jurusan Pada data ini administrator dapat menginput jurusan. Tampilan halaman data jurusan seperti pada gambar 4.28. Gambar 4.28 Halaman data jurusan e) Data Materi Pada data ini administrator dapat menginput materi. Tampilan halaman data materi seperti pada gambar 4.29
  68. 68. 54 . Gambar 4.29 Halaman data materi C. Pembahasan Penyusunan dan penataan program aplikasi tentang data siswa, data guru, data kelas, data mata pelajaran, data absensi dan nilai ini didasarkan pada form-form yang terkait dengan program. Dalam penyusunan program berbasis Web yang ada dalam software Dreamweaver MX penyusunannya didasarkan pada perintah-perintah yang ada dalam form-form. Program yang telah dibuat perlu dijalankan untuk membuktikan apakah program dapat berjalan sesuai dengan yang diinginkan atau tidak. Karena sifat dari bahasa pemrograman adalah mengikuti apa yang diinginkan oleh operator dan komputer hanya bisa memproses. Bila dianggap memenuhi ketentuan dalam bahasa pemrograman Dreamweaver MX maka program
  69. 69. 55 tersebut akan berjalan dengan benar dan pengeksekusiannnya berjalan dengan sukses. Hasil dari program Web sekolah yang telah dibuat ternyata dapat dijalankan sesuai dengan yang diharapkan. Program basis data yang sudah dibuat diantaranya adalah menu data siswa, data guru, data wali siswa, data administrator. Program Web ini memiliki beberapa keunggulan dibandingkan dengan cara pengolahan yang dilakukan secara manual yaitu dengan program basis data ini administrator dapat mengerjakan input data siswa, data karyawan, data kelas, data jurusan, data materi dengan mudah dan cepat serta penyimpanan yang lebih efisien. Guru dapat memasukan nilai dan mengabsen seluruh siswa yang dibimbingnya dengan cepat sedangkan untuk siswa dapat mengakses nilai dan absensinya dengan mudah dan efisien. Dari segi tampilan program Web ini lebih menarik dibandingkan dengan program access yang diterapkan oleh sekolah. Tampilan Web pada menu utama dapat menjadikan pengguna khususnya siswa tidak jenuh pada saat mengakses data hal ini dikarenakan pada desain template dibuat semenarik mungkin oleh programer. Kendala pada pembuatan program ini yaitu penulisan pada script code untuk pembuatan validitas agar pada saat pemasukan data sesuai yang diharapkan untuk pengamanan data agar tidak error, untuk desain tampilan programer perlu lebih selektif dalam pemilihan atribut atau gambar yang tepat.
  70. 70. BAB V PENUTUP A. Simpulan Setelah menyusun Tugas Akhir ini, dapat diambil kesimpulan bahwa pembuatan basis data di SMA Negeri 1 Dukuhwaru Kabupaten Tegal dengan aplikasi PHP dan MySQL menggunakan software Dreamweaver MX di awali dengan mendesain template yang menarik kemudian menggabungkan source code PHP dan data base pada MySQL dengan template yang sudah dibuat. Program ini dirancang dengan maksud siswa maupun wali siswa dapat mengakses dengan mudah dan efisien. Penyajian informasi sekolah yang meliputi penyajian data siswa, guru, karyawan, mata pelajaran, nilai akhir siswa, data kelas dan absensi siswa. Disajikan dalam bentuk basis data yang di update oleh administrator mulai dari input data siswa, data karyawan, data kelas, data jurusan maupun berita. Sehingga siswa hanya dapat mengakses nilai dan absensinya sesuai dengan user dan password masing-masing.
  71. 71. 57 B. Saran 1. Untuk Sekolah : Keberadaan komputer saat ini diharapkan dapat dimanfaatkan secara maksimal agar dapat mempermudah penggelolaan sistem informasi di sekolah 2. Untuk pemakai program : 1. Bagi programer yang ingin menyempurnakan program ini penulis menyarankan lebih memperketat sistem keamanan data demi kesempurnaan program. 2. Dengan sistem pengolahan data yang baru, pemakai disarankan untuk memperhatikan kekurangan dan kelemahan sistem agar dapat segera dicari pemecahan masalahnya dan dapat segera diperbaiki kembali.
  72. 72. DAFTAR PUSTAKA Hakim, Lukmanul dan Uus Musalini. 2004. Cara Mudah Memadukan Web Design dan Web Programming. Jakarta: PT Elex Media Komputindo. Herlambang, F. 2006. Trik Eksplorasi Dreamweaver MX. Jakarta: PT Elex Media Komputindo. Marlinda, Linda. 2004. Sistem Basis Data. Yogyakarta: CV Andi Offset. Mutmainah, Siti. 2006. Dreamweaver dan Fireworks. Yogyakarta: CV Andi Offset. Nugroho, Bunafit. 2006. Menjual Aplikasi Penjualan Dengan PHP dan MySQl. Yogyakarta: Ardana Media. . 2004. PHP dan MySQL Dengan Editor Dreamweaver MX. Yogyakarta: Andi Offset. . 2004. Aplikasi Pemrograman Web Dinamis Dengan PHP dan MySQL. Yogyakarta: Gava Media. Prasetyo, Didik Dwi. 2006. Tip dan Trik pemrograman PHP. Jakarta: PT Elex Media Komputindo. Swastika, Windra. 2006. PHP 5 dan MySQL 4. Jakarta: Dian Rakyat. Sidik, Betha. 2006. Pemrograman WEB dengan PHP. Bandung: Informatika. Tosin, Rijanto. 1997. Flowchart Untuk Siswa dan Mahasiswa. Jakarta: Dinastindo. 58
  73. 73. 59 Lampiran 1: Nama-Nama Item yang Dibutuhkan dalam Pembuatan Diagram Alir Data Nama-Nama Item yang Dibutuhkan dalam Pembuatan Diagram Alir Data No Nama Field Tipe Data Lebar Keterangan 1 NIS Text 8 Nomor Induk Siswa 2 NAMA Text 30 Nama Siswa 3 SEX Text 10 Jenis Kelamin Siswa 4 AGAMA Text 20 Agama Siswa 5 TLAHIR Text 20 Tempat Lahir Siswa 6 TGLLAHIR Date / Time 8 Tanggal Lahir Siswa 7 ALAMAT Text 50 Alamat Siswa 8 NOTELP Text 20 Nomor telephon 9 PENDAKHIR Text 30 Pendidikan Akhir 12 PEKERJAAN Text 20 Pekerjaan Ortu Siswa 13 ASALSK Text 20 Asal Sekolah Siswa 15 TGLMASUK Date / Time 8 Tanggal Masuk Siswa 16 KELAS Text 3 Kelas Siswa 19 STATUS Text 12 Status 20 NIP Text 10 Nomor Induk Pegawai Guru 21 NAMA Text 50 Nama Guru 22 TLAHIR Text 30 Tempat Lahir Guru 23 TGLLAHIR Date / Time 8 Tanggal Lahir Guru 24 SEX Text 10 Jenis Kelamin Guru 25 AGAMA Text 16 Agama Guru 26 STATUS Text 20 Status Guru 27 ALAMAT Text 50 Alamat Guru 28 TLP Text 12 Telepon Guru 29 JABATAN Text 30 Jabatan 44 MULAI Text 50 Mulai mengajar 45 MASAKERJA Text 10 Masa kerja 46 NAMAKELAS Text 20 Nama kelas 47 WALIKELAS Text 20 Wali kelas 48 NAMAJUR Text 20 Nama jurusan 49 KODEJUR Text 8 Kode jurusan 50 KETERANGAN Text 15 Keterangan 51 NAMAMATERI Text 15 Nama materi 52 NAMAKELAS Text 30 Nama kelas 53 JMLPERTEMUAN Text 5 Jumlah pertemuan 54 MULAIMASUK Text 15 Mulai Masuk 55 JAMMASUK Text 15 Jam masuk 56 HARIMASUK Text 5 Hari masuk
  74. 74. 60 Lampiran 2: Tabel-Tabel yang Dibutuhkan untuk Membuat Basis Data Tabel-Tabel yang Dibutuhkan untuk Membuat Basis Data No Nama Tabel Nama Field 1 SISWA NIS NAMA SEX AGAMA TLAHIR TGLLAHIR ALAMAT NOTELP PENDAKHIR PEKERJAAN ASALSK TGLMASUK KELAS STATUS 2 GURU NIP NAMA TLAHIR TGLLAHIR SEX AGAMA STATUS ALAMAT TLP MULAI MASAKERJA PENDAKHIR THNLULUS 3 JURUSAN NAMAJUR KODEJUR KETERANGAN 4 KELAS NAMAKELAS WALIKELAS 5 MATERI NAMAMATERI NAMAKELAS JMLPERTEMUAN MULAIMASUK JAMMASUK HARIMASUK
  75. 75. 61 Lampiran 3: Struktur Tabel Dalam Basis Data Tabel Siswa Jumlah Field : 14 No Nama Tipe Lebar Keterangan Field Data 1 NIS Text 8 Nomor Induk Siswa 2 NAMA Text 30 Nama Siswa 3 SEX Text 10 Jenis Kelamin Siswa 4 AGAMA Text 20 Agama Siswa 5 TLAHIR Text 20 Tempat Lahir Siswa 6 TGLLAHIR Date / Time 8 Tanggal Lahir Siswa 7 ALAMAT Text 50 Alamat Siswa 8 NOTELP Text 20 Nomor telephon 9 PENDAKHIR Text 30 Pendidikan Akhir 10 PEKERJAAN Text 20 Pekerjaan Ortu Siswa 11 ASALSK Text 20 Asal Sekolah Siswa 12 TGLMASUK Date / Time 8 Tanggal Masuk Siswa 13 KELAS Text 3 Kelas Siswa 14 STATUS Text 12 Status Tabel 1: Field Tabel Siswa Tabel Guru Jumlah Field : 12 No Nama Field Tipe Data Lebar Keterangan 1 NIP Text 10 Nomor Induk Pegawai Guru 2 NAMA Text 50 Nama Guru 3 TLAHIR Text 30 Tempat Lahir Guru 4 TGLLAHIR Date / Time 8 Tanggal Lahir Guru 5 SEX Text 10 Jenis Kelamin Guru 6 AGAMA Text 16 Agama Guru 7 STATUS Text 20 Status Guru 8 ALAMAT Text 50 Alamat Guru 9 TLP Text 12 Telepon Guru 10 JABATAN Text 30 Jabatan 11 MULAI Text 50 Mulai mengajar 12 MASAKERJA Text 10 Masa kerja Tabel 2: Field Tabel Guru
  76. 76. 62 Tabel Materi Jumlah Field :6 No Nama Field Tipe Data Lebar Keterangan 1 NAMAMATERI Text 15 Nama materi 2 NAMAKELAS Text 30 Nama kelas 3 JMLPERTEMUAN Text 5 Jumlah pertemuan 4 MULAIMASUK Text 15 Mulai Masuk 5 JAMMASUK Text 15 Jam masuk 6 HARIMASUK Text 5 Hari masuk Tabel 3: Field Tabel Materi Tabel Kelas Jumlah Field :2 No Nama Field Tipe Data Lebar Keterangan 1 NAMAMATERI Text 15 Nama materi 2 NAMAKELAS Text 30 Nama kelas Tabel 4: Field Tabel Kelas Tabel Jurusan Jumlah Field :2 No Nama Field Tipe Data Lebar Keterangan 1 NAMAJUR Text 20 Nama jurusan 2 KODEJUR Text 8 Kode jurusan Tabel 5: Field Tabel Jurusan

×