Profil Visi dan Misi
Raport Berita
Siswa
Ambil Pelajaran Penilaian
Guru Mata
Pelajaran
Logo Dan Gambar SMA Taman Siswa Medan
Footer
Komentar
HOME
4.2.3 Perancangan Dialog
Gambar 4.14 Perancangan Dialog
Universitas Sumatera Utara
4.2.4 Perancangan Database
Pada tahapan ini dipersiapkan tempat untuk menampung data di server, data tersebut nantinya akan diproses oleh program yang kita buat pada tahap pemrograman, baik
penambahan, pengeditan, panghapusan dan menampilkan isi database ke halaman website. Database terdiri atas tabel-tabel yang dibuat dengan menggunakan program
MySQL.
Adapun database yang dibuat oleh penulis adalah database db_tamsis dengan tabel-tabel sebagai berikut:
Tabel 4.1 Tabel User Field Name
Type Width
Description
Username Varchar
20 Id
Password Varchar
30 Password
Level Varchar
30 Level
Tabel 4.2 Tabel Siswa Field Name
Type Width
Description
Nis Varchar
10 Nis
Nama_Siswa Varchar
35 Nama_Siswa
Tempat_lahir Varchar
35 Tempat_lahir
Tanggal_lahir Date
- Tanggal_lahir
Alamat Text
- Alamat
Kelas Varchar
10 Kelas
Wali_Kelas Varchar
30 Wali_Kelas
Jenis_Kelamin Varchar
15 Jenis_Kelamin
Agama Varchar
20 Agama
Foto Varchar
40 Foto
Tabel 4.3 Tabel Guru Field Name
Type Width
Description
Nip Varchar
10 Nip
Nama_Guru Varchar
40 Nama_Guru
Tempat_lahir Varchar
40 Tempat_lahir
Tanggal_lahir Date
- Tanggal_lahir
Alamat Text
- Alamat
Golongan Varchar
10 Golongan
Jabatan Varchar
40 Jabatan
No_Hp Varchar
15 No_Hp
Jenis_Kelamin Varchar
15 Jenis_Kelamin
Agama Varchar
20 Agama
Foto Varchar
40 Foto
Universitas Sumatera Utara
Tabel 4.4 Tabel Mapel Field name
Type Width
Description
Id Integer
10 Id
Kd_Mapel Varchar
5 Kd_Mapel
Nama_Mapel Varchar
40 Nama_Mapel
Kkm Integer
5 Kkm
Tabel 4.5 Tabel Nilai Field Name
Type Width
Description
Id Int
10 Id
Nis Varchar
10 Nis
Id_Mapel Int
10 Id_Mapel
Nilai Int
5 Nilai
4.2.5 Perancangan Diagram Alir flowchart Website
Flowchart adalah sekumpulan simbol-simbol yang menunjukkan atau menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir, jadi
flowchart juga digunakan untuk menggambarkan urutan langkah-langkah pekerjaan disuatu algoritma.
Diagram alir flowchart ini menjelaskan secara rinci langkah-langkah dari proses program. Flowchart dibuat dengan menggunakan simbol-simbol tertentu yang
menyatakan setiap langkah program. Berikut ini adalah bentuk-bentuk flowchart dari Sistem Informasi Akademik SMA Taman Siswa Medan.
Flowchart Sistem
Seorang pengunjung website dapat mengakses website SMA Taman Siswa Medan dan dapat berpindah dari halaman yang satu ke halaman yang lainnya. Masing-masing
halaman utama memiliki link-link yang dapat dipilih oleh pengunjung. Flowchart menu utama dapat dilihat pada gambar di bawah ini :
Universitas Sumatera Utara
Flowchart File Menu
Gambar 4.15 Flowchart File Menu Index
START
Halaman Depan
HOME HALAMAN HOME
PROFIL HALAMAN PROFIL
VISI DAN MISI
HALAMAN VISI MISI
SISWA
HALAMAN DATA SISWA
GURU
HALAMAN DATA GURU
PELAJARAN
HALAMAN PELAJARAN
NILAI
ADMINISTRATOR
YA
YA
YA
YA
YA
YA
YA TIDAK
TIDAK
TIDAK
TIDAK
TIDAK TIDAK
TIDAK HALAMAN NILAI
YA
A
B
C
D
E
F
G
Universitas Sumatera Utara
Flowchart Admin
Halaman admin hanya bisa diakses oleh administrator. Username dan password dari administrator harus sesuai dengan tabel admin. Jika username dan password sesuai
maka admin akan masuk ke halaman administrator dan jika username atau password salah maka akan timbul pesan error dan diminta untuk login kembali. Flowchart
admin dapat dilihat pada gambar di bawah ini.
Gambar 4.16 Flowchart Login Administrator
A
Halaman admin Input Username dan
Password
If True
TIDAK Administrator
YA Halaman Utama
Admin
Keluar B
C
END YA
Universitas Sumatera Utara
Flowchart File Data Guru
Gambar 4.17 Flowchart File Data Guru
E
Pilih Data Guru
Edit
Halaman Edit Data YA
Lihat Detail
Keluar
END YA
Masukkan Data Guru
Hapus
TIDAK
Halaman Hapus Data Database
Universitas Sumatera Utara
Flowchart File Data Siswa
Gambar 4.18 Flowchart File Data Siswa
D
Pilih Data Siswa
Edit
Halaman Edit Data YA
Lihat Detail
Keluar
END YA
Masukkan Data Siswa
Hapus
TIDAK
Halaman Hapus Data Database
Universitas Sumatera Utara
Flowchart File Data Nilai
Gambar 4.19 Flowchart File Data Nilai
G
Pilih Data Nilai YA
Pilih Mata YA
Tampilkan Nilai Siswa
Input Nilai
TIDAK
Database Pilih Mata
Tampilkan
Update
Universitas Sumatera Utara
4.2.6 Perancangan File