Simbol-simbol yang digunakan ini merupakan simbol standard dari perusahaan IBM yang bersumber daru USASI The United States of America Standar Institude atau
American Standars Association ASA yang disahkan pada tanggal 8 Juni 1966.
Ditinjau dari penggunaannya, maka simbol-simbol ini dapat digunakan untuk : a.
Prosedur daripada sistem komputerisasi yang biasa disebut dengan system flowchart
dan biasanya digunakan oleh system analyst. b.
Prosedur daripada instruksi disebut dengan program flowchart yang digunakan oleh programmer .
4.4 Data Flow Diagram
DFD merupakan salah satu komponen dalam serangkaian pembuatan perancangan sebuah sistem komputerisasi. DFD menggambarkan aliran data dari sumber pemberi data input
ke penerima data output. Aliran data itu perlu diketahui agar si pembuat sistem tahu persis kapan sebuah data harus disimpan, kapan harus ditanggapi proses, dan kapan
harus didistribusikan ke bagian lain. Diagram yang dipakai oleh penulis dalam merancang sistem, yaitu :
1. Digram Konteks
Digram konteks yang berjalan saat ini sebelum sistem dirancang. Siswa dan orang tua belum bisa melakukan pengecekan secara langsung informasi nilai, absen setelah data
diinput oleh admin. Berikut gambaran digram konteks :
Universitas Sumatera Utara
Gambar 4.1 Data Flow Diagram DFD Diagram Konteks
2. DFD Level Nol
Aliran data dalam yang masuk dan keluar dalam level 0 harus harus berhubungan dengan aliran data yang masuk dan keluar pada level 0 +1 yang mendefinisikan proses pada level
0 tersebut.. Berikut gambaran digram level nol : Sistem
Informasi SMP Negeri 8
Tebing Tinggi Berbasis Web
Admin PegawaiKaryawan
dan Siswa
Kepala Sekolah -Data Pegawai
Karyawan -Data Nilai Siswa
-Data Siswa
-Laporan -Info Siswa
-Info Absen Siswa -Info Nilai Siswa
-Info Data Guru -Info Gambaran Sekolah
-Info Siswa -Info Absen Siswa
-Info Nilai Siswa -Info Data Guru
-Info Gambaran Sekolah -Data Siswa
-Data Absen Siswa -Data Nilai Siswa
-Data Guru -Data Gambaran
Sekolah
Universitas Sumatera Utara
4.5 Perancangan Database
Database dapat diumpamakan sebagai sebuah tempat menyimpan data yang terstruktur
agar dapat diakses dengan cepat dan mudah. Dalam perancangan sistem informasi ini, ada 12 tabel dalam database user_online. Tabel-tabel tersebut adalah tabel absen, tabel
agenda, tabel berita, tabel guru, tabel kategori, tabel kondisi_siswa, tabel modul, tabel shoutbox, tabel siswa, tabel statistik, tabel tbl_nilai dan tabel user.
Pembuatan database dan tabel-tabel menggunakan fasilitas MySql dan phpmyadmin yang terdapat dalam software XAMPP versi 1.7.0. Di bawah ini adalah
gambaran isi dari masing-masing tabel.
1. Tabel Absen
Tabel absen digunakan untuk menampung data yang berisi tentang informasi kehadiran para siswa. Berikut adalah struktur dari tabel absen :
Tabel 4.4 Tabel Absen Siswa
Field Tipe
Keterangan nis
Int10 Nomor Induk Siswa
Nama Varchar50
Nama Siswa Id_kelas
int10 Kelas Siswa
tahun_ajaran int10
Tahun Ajaran
Universitas Sumatera Utara
sakit_bln1 int10
Total sakit bulan pertama sakit_bln2
Int5 Total sakit bulan kedua
sakit_bln3 Int5
Total sakit bulan ketiga sakit_bln4
Int5 Total sakit bulan keempat
sakit_bln5 Int5
Total sakit bulan kelima sakit_bln6
Int5 Total sakit bulan keenam
izin_ke1 Int5
Total izin bulan pertama izin_ke2
Int5 Total izin bulan kedua
izin_ke3 Int5
Total izin bulan ketiga izin_ke4
Int5 Total izin bulan keempat
izin_ke5 Int5
Total izin bulan kelima izin_ke6
Int5 Total izin bulan keenam
tanpaketerangan_ke1 Int5
Total tanpa keterangan bulan keenam tanpaketerangan_ke2
Int5 Total tanpa keterangan bulan keenam
tanpaketerangan_ke3 Int5
Total tanpa keterangan bulan keenam tanpaketerangan_ke4
Int5 Total tanpa keterangan bulan keenam
tanpaketerangan_ke5 Int5
Total tanpa keterangan bulan keenam tanpaketerangan_ke6
Int5 Total tanpa keterangan bulan keenam
sum_sakit Int5
Total Sakit Selama 6 bulan sum_izin
Int5 Total Izin selama 6 bulan
sum_tanpaketerangan Int5
Total Tanpa Keterangan selama 6 bulan
Universitas Sumatera Utara
2. Tabel Agenda
Tabel agenda digunakan untuk menampung data yang berisi tentang informasi agenda. Berikut adalah struktur dari tabel agenda :
Tabel 4.5 Tabel Agenda
Field Tipe
Keterangn id_agenda
Int5 Id agenda
Tema Varchar100
Tema Agenda tema_seo
Varchar100 Sub tema agenda
isi_agenda Text
Isi agenda Tempat
Varchar100 Tempat dari isi agenda yang di rencanakan
Pengirim Varchar100
Pengirim yang mengirimkan agenda tgl_mulai
Date Tanggal mulai dilaksanakan isi agenda
tgl_selesai Date
Tanggal selesai dilaksanakan isi agenda tgl_posting
Date Tanggal agenda diposting
Jam Varchar50
Jam isi agenda mulai dilaksanakan
3. Tabel Berita
Tabel berita digunakan untuk menampung data yang berisi tentang informasi berita. Terdapat 6 kategori untuk berita , yaitu berita teknologi, olahraga, ekonomi, politik,
hiburan dan agama.
Universitas Sumatera Utara
Berikut adalah struktur dari tabel agenda :
Tabel 4.6 Tabel Berita
Field Tipe
Keterangan id_berita
Int5 Id berita
id_kategori Int5
Id kategori berita Username
Varchar30 Pengirim berita
Judul Varchar100
Judul berita judul_seo
Varchar100 Sub-judul berita
isi_berita Text
Isi berita Hari
Varchar20 Hari berita diposting
Tanggal Date
Tanggal berita diposting Jam
Time Jam berita diposting
Gambar Varchar100
Gambar berita Dibaca
Int5 Banyak berita dibaca
Tag Varchar100
Kata kunci berita
4. Tabel Guru
Tabel guru digunakan untuk menampung data yang berisi tentang informasi guru. Berikut ini adalah struktur dari tabel guru :
Universitas Sumatera Utara
Tabel 4.7 Tabel Guru
Field Tipe
Keterangan nip
Varchar20 Nomor Induk Pegawai
Nuptk Varchar16
Nomor Unik Penddik Tenaga Kependidikan nama_guru
Varchar100 Nama Guru
Status Varchar20
Status Guru tempat_lahir_guru
Varchar50 Tempat Lahir Guru
tgl_lhr_guru Varchar10
Tanggal Lahir Guru bln_lhr_guru
Varchar10 Bulan Lahir Guru
thn_lhr_guru Varchar10
Tahun Lahir Guru jenis_kelamin_guru
Varchar10 Jenis Kelamin Guru
tgl_penempatan Varchar3
Tanggal Penempatan Kerja bln_penempatan
Varchar10 Bulan Penempatan Kerja
tahun_penempatan Varchar10
Tahun Penempatan Kerja pendidikan_akhir
Varchar50 Pendidikan Akhir Guru
Golongan Varchar50
Gologan Guru Jurusan
Varchar25 Jurusan
tugas_sebagai Varchar25
Kedudukan guru di sekolah Jabatan
Varchar50 Jabatan guru di sekolah
kd_mapel Varchar50
Mata Pelajaran yang diajarkan Guru thn_lulus_sertifikasi
Varchar10 Tahun Lulus Sertifikasi
Universitas Sumatera Utara
5. Tabel Kategori
Tabel kategori digunakan untuk menampung data yang berisi tentang kategori berita. Berikut ini adalah struktur dari tabel kategori :
Tabel 4.8 Tabel Kategori
Field Tipe
Keterangan id_kategori
Int5 Id Kategori
nama_kategori Varchar50
Nama Kategori kategori_seo
Varchar100 Sub-nama kategori
6. Tabel Kondisi Siswa
Tabel kondisi_siswa digunakan untuk menampung data yang berisi tentang keadaan siswa tiap kelas dan siapa wali kelasnya. Berikut ini adalah struktur dari tabel kondisi_siswa :
Tabel 4.9 Tabel Kondisi Siswa
Field Tipe
Keterangan id_kelas
Varchar 10 Kelas
tahun_ajaran Varchar 20
Tahun Ajaran wali_kelas
Varchar 50 Wali Kelas
Universitas Sumatera Utara
sum_lk Int10
Jumlah Siswa Laki-Laki sum_pr
Int10 Jumlah Siswa Perempuan
sum_islam Int10
Jumlah Siswa Beragama Islam sum_budha
Int10 Jumlah Siswa Beragama Budha
sum_hindu Int10
Jumlah Siswa Beragama Hindu sum_katolik
Int10 Jumlah Siswa Beragama Katolik
sum_kp Int10
Jumlah Siswa Beragama Protestan sum_siswa
Int10 Total Siswa
7. Tabel Modul
Tabel Modul digunakan untuk menampung data yang berisi tentang modul seperti kategori, berita, agenda dan shoutbox . Berikut ini adalah struktur dari tabel modul :
Tabel 4.10 Tabel Modul
Field Tipe
Kategori id_modul
Int5 Id modul
nama_modul Varchar50
Nama Modul Link
Varchar100 Menghubungkan ke
static_content Text
Konten Statik Gambar
Varchar100 Gambar
Publish enumY,N
Tindakan Publish
Universitas Sumatera Utara
Status enumuser,admin
Publish oleh Urutan
Int5 Urutan ditampilkan
8. Tabel Shoutbox
Tabel shoutbox digunakan untuk menampung data yang berisi informasi percakapan, komentar yang diungkapkan pengunjung. Berikut ini adalah struktur dari tabel Shoutbox
:
Tabel 4.11 Tabel Shoutbox
Field Tipe
Keterangan id_shoutbox
Int5 Id pengirim di shoutbox
Nama Varchar100
Nama pengirim di shoutbox Website
Varchar50 Web pengirim di shoutbix
Pesan Text
Isi pesan di shoutbix Aktif
enumY,N Status keadaan si pengirim
9. Tabel Siswa
Tabel siswa digunakan untuk menampung data yang berisi informasi siswa. Berikut ini adalah struktur dari tabel siswa :
Universitas Sumatera Utara
Tabel 4.12 Tabel Siswa
Field Tipe
Keterangan nis
Int6 Nomor Induk Siswa
Nama Varchar50
Nama Siswa id_kelas
Varchar10 Kelas Siswa
tahun_ajaran Varchar10
Tahun Ajaran tmpt_lhr
Varchar20 Tempat Lahir
tgl_lhr Varchar10
Tanggal Lahir bln_lhr
Varchar10 Bulan Lahir
thn_lhr Varchar10
Tahun Lahir jenis_kelamin_swa
Varchar10 Jenis Kelamin Siswa
agama_swa Varchar20
Agama Siswa anak_ke_swa
Varchar50 Anak Ke
jumlah_saudara_swa Varchar50
Jumlah Saudara nama_ayah_swa
Varchar50 Nama Ayah Siswa
nama_ibu_swa Varchar50
Nama Ibu Siswa Alamat
Varchar150 Alamat Siswa
Kota Varchar75
Kota Provinsi
Varchar75 Provinsi
pekerjaan_ayah_swa Varchar50
Pekerjaan Ayah Siswa pekerjaan_ibu_swa
Varchar50 Pekerjaan Ibu Siswa
no_telepon_swa Varchar15
Nomor telepon
Universitas Sumatera Utara
10. Tabel Statistik
Tabel statistik digunakan untuk menampung data yang berisi informasi statistik pengunjung. Berikut ini adalah struktur dari tabel statistik :
Tabel 4.13 Tabel Statistik
Field Tipe
Keterangan Ip
Varchar20 Ip pengunjung
Tanggal Date
Tanggal Kunjungan Hits
Int10 Jumlah Kunjungan
Online Varchar255
Pengunjung yang lagi online
11. Tabel Nilai
Tabel Nilai digunakan untuk menampung data yang berisi informasi nilai siswa. Berikut ini adalah struktur dari tabel nilai :
Tabel 4.14 Tabel Nilai
Field Tipe
Keterangan nis
Int10 Nomor Induk Siswa
Nama Varchar 50
Nama Siswa Id_kelas
Varchar 10 Kelas
Universitas Sumatera Utara
tahun_ajaran Varchar 10
Tahun Ajaran Semester
Varchar 10 Semester
Agama Varchar 3
Nilai Agama Pkn
Varchar 3 Nilai PPKN
Indo Varchar 3
Nilai Bahasa Indonesia Ing
Varchar 3 Nilai Bahasa Inggris
Mm Varchar 3
Nilai Matematika Ipa
Varchar 3 Nilai IPA
Ips Varchar 3
Nilai IPS Seni
Varchar 3 Nilai Kesenian
Penjas Varchar 3
Nilai Penjaskes Tik
Varchar 3 Nilai TIK
Mulok Varchar 3
Nilai Muatan Lokal sum_nilai
Varchar 10 Total Nilai
rata_nilai Varchar 10
Rata-Rata Nilai
12. Tabel User
Tabel user digunakan untuk menampung data yang berisi informasi user . Tapi hanya satu user yang ada di tabel user ini, yaitu admin. Berikut ini adalah struktur dari tabel
user :
Universitas Sumatera Utara
Tabel 4.15 Tabel User
Field Tipe
Keterangan Id_user
Int 5 Id User
Username Varchar100
Nama Pengguna User Password
Varchar20 Password user
Kemudian langkah selanjutnya adalah membuat outline atau garis besar dari situs tersebut. Salah satu cara yang dapat digunakan adalah dengan membuat aliran informasi
atau flowchart bagan alir situs tersebut. Flowchart merupakan gambaran yang menampilkan struktur, hierarki dan isi halaman per halaman, Secara sederhana, berikut
bagan alir gambaran situs yang dirancang :
Gambar 4.3 Flowchart Halaman Utama
Universitas Sumatera Utara
Gambar 4.4 Flowchart Halaman Profil
Gambar 4.5 Flowchart Halaman Guru
Universitas Sumatera Utara
Gambar 4.6 Flowchart Halaman Siswa
Gambar 4.7 Flowchart Halaman Fitur
Universitas Sumatera Utara
Gambar 4.7 Flowchart Lanjut Halaman Utama
Universitas Sumatera Utara
Gambar 4.8 Flowchart Login Ke Halaman Admin
Universitas Sumatera Utara
Gambar 4.9 Flowchart Halaman Data GuruPegawai
Gambar 4.10 Flowchart Halaman Data Siswa
Universitas Sumatera Utara
Gambar 4.11 Flowchart Halaman Kondisi Siswa
Gambar 4.12 Flowchart Halaman Nilai Siswa
Universitas Sumatera Utara
Gambar 4.12 Flowchart Halaman Absen Siswa
Universitas Sumatera Utara
BAB 5
IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem
