Perancangan Dialog Perancangan Database Perancangan Diagram Alir flowchart Website

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