commit to user
3.2 Entity Relationship Diagram ERD
Gambar 3.7 ERD Utama
Gambar 3.8 ERD album dan forum
commit to user
3.3 Schema Diagram
Schema Diagram menujukkan hubungan antar tabel dalam database. Dalam sistem informasi ini, bentuk dari relasi antar tabel – tabelnya adalah sebagai
berikut:
Gambar 3.9 : Schema Diagram
3.4 Rancangan Database
Database merupakan elemen penting yang digunakan untuk menyimpan seluruh data dari sistem. Dalam pembuatan sistem Informasi ini, memiliki
rancangan database seperti berikut :
3.4.1 Tabel Admin
Tabel admin digunakan untuk menyimpan seluruh data admin. Data admin ini digunakan untuk memverifikasi kebenaran bahwa user yang akan mengedit
informasi adalah admin.
Tabel 3.1 : Tabel Admin
Field Tipe data
Panjang Keterangan
username Varchar
50 Primary key
password Varchar
50 Not Null
commit to user
3.4.2 Tabel Siswa
Tabel admin digunakan untuk menyimpan seluruh data diri siswa. Data siswa ini digunakan untuk memverifikasi kebenaran bahwa user yang akan
melihat informasi adalah siswa. Struktur dari tabel siswa adalah sebagai berikut :
Tabel 3.2 : Tabel Siswa
Field Tipe data
Panjang Keterangan
Nis Varchar
25 Primary key
Id_kelas Varchar
2 Not Null
Password Varchar
100 Not Null
Nama Varchar
100 Not Null
Sex Enum
L, P Not Null
Alamat Varchar
50 Not Null
Email Varchar
50 Not Null
Foto Text
Not Null
3.4.3 Tabel Personil
Tabel personil digunakan untuk menyimpan seluruh data diri personil sekolah. Data personil ini digunakan untuk memverifikasi kebenaran bahwa user
yang akan melihat informasi adalah guru. Struktur dari tabel siswa adalah sebagai berikut :
Tabel 3.3 : Tabel Personil
Field Tipe data
Panjang Keterangan
Id Int
30 Primary key
Username Varchar
25 Not Null
Nama Varchar
50 Not Null
Jabatan Varchar
20 Not Null
Id_mapel Int
25 Not Null
Tahun Varchar
4 Not Null
Password Varchar
50 Not Null
commit to user
3.4.4 Tabel Kelas
Tabel kelas berfungsi untuk mengidentifikasikan kelas-kelas yang ada di sekolah tersebut.
Tabel 3.4
: Tabel Kelas Field
Tipe data Panjang
Keterangan Id_kelas
Varchar 2
Primary key Nama_kelas
Varchar 25
Not Null
3.4.5 Tabel Mapel
Tabel mapel berfungsi untuk mengidentifikasikan mata pelajaran yang ada di sekolah tersebut.
Tabel 3.5 : Tabel Mapel
Field Tipe data
Panjang Keterangan
Id_mapel Int
25 Primary key
Nama_mapel Varchar
50 Not Null
3.4.6 Tabel Nilai
Tabel nilai berfungsi untuk mengidentifikasikan nilai siswa yang ada di sekolah tersebut.
Tabel 3.6 : Tabel Nilai
Field Tipe data
Panjang Keterangan
Id_nilai Int
11 Primary key
Id_kelas Varchar
2 Not Null
Id_mapel Int
25 Not Null
Nis Varchar
25 Not Null
Nilai1 Int
2 Not Null
Nilai2 Int
2 Not Null
Nilai3 Int
2 Not Null
commit to user
3.4.7 Tabel Album
Tabel Album berfungsi untuk mengidentifikasikan album dari kumpulan foto yang telah di-upload.
Tabel 3.7
: Tabel Album Field
Tipe data Panjang
Keterangan Id_album
Int 5
Primary key Jdl_album
Varchar 100
Not Null Album_seo
Varchar 100
Not Null Gbr_album
Varchar 100
Not Null Aktif
Enum Y, N
Not Null
3.4.8 Tabel Gallery
Tabel gallery berfungsi untuk mengidentifikasikan foto-foto yang telah diupload.
Tabel 3.8 : Tabel Gallery
Field Tipe data
Panjang Keterangan
Id_gallery Int
5 Primary key
Id_album Int
5 Not Null
Jdl_gallery Varchar
100 Not Null
Gallery_seo Varchar
100 Not Null
Keterangan Text
Not Null Gbr_gallery
Varchar 100
Not Null
commit to user
3.4.9 Tabel Forum
Tabel forum berfungsi untuk mengidentifikasikan forum pada guestbook .
Tabel 3.9 : Tabel Forum
Field Tipe data
Panjang Keterangan
Id_forum Int
2 Primary key
Title Varchar
30 Not Null
Content Text
Not Null Author
Varchar 20
Not Null Date_pub
Varchar 20
Not Null
3.4.10 Tabel Guestbook
Tabel guestbook berfungsi untuk menyimpan komentar dari para pengunjung.
Tabel 3.10
: Tabel Guestbook
Field Tipe Data
Panjang Keterangan
id_comment Int
11 Primary Key
id_forum Int
11 Not Null
commentAuthor Varchar 30
Not Null urlAuthor
Varchar 100
Not Null comment
Text -
Not Null comment_pub
Varchar 20
Not Null
3.4.11 Tabel News Flash
Tabel News Flash ini menyimpan data berita yang dimasukkan oleh administrator.
Tabel 3.11 : Tabel News Flash
Field Tipe Data
Panjang Keterangan
Id Int
11 Primary Key
judul Varchar
50 Not Null
Isi Text
- Not Null
commit to user
3.4.12 Tabel Chat
Tabel chat ini menyimpan data masukan dari chat. Tabel ini berisi data dari chat yang telah dituliskan oleh pengunjung dan administrator.
Tabel 3.12
: Tabel Chat
Field Tipe Data Panjang
Keterangan
Id int
11 Primary Key
nama varchar 10
Not Null shout varchar
100 Not Null
Tgl date
--- Not Null
3.4.13 Tabel Ajar
Tabel ajar ini menyimpan data masukan dari pembagian kelas untuk guru. Tabel ini berisi data dari username guru dan id_kelas dari kelas yang diampu oleh
guru tersebut.
Tabel 3.13 : Tabel Ajar
Field Tipe Data
Panjang Keterangan
No_ajar int
11 Primary Key
username varchar 30
Not Null Id_kelas
Int 5
Not Null
commit to user
3.5 Diagram Alir Flow Chart
3.5.1 Flow Chart Login
Diagram alir proses login
Gambar 3.10 : Diagram Alir Proses Login
3.5.2 Flow Chart Guestbook
Gambar 3.11 : Diagram Alir Proses Pengisian Guestbook
commit to user
3.5.3 Flow Chart Chat
Gambar 3.12 : Diagram Alir Proses Pengisian Chat
3.5.4 Flow Chart Edit Profil Guru
Gambar 3.13 : Diagram Alir Proses Edit Profil Guru
commit to user
3.5.5 Flow Chart Edit Profil Siswa
Gambar 3.14 : Diagram Alir Proses Edit Profil Siswa
3.5.6 Flow Chart Tambah Nilai
Gambar 3.15 : Diagram Alir Proses Tambah Nilai
commit to user
3.5.7 Flow Chart Tambah Keaktifan
Gambar 3.16 : Diagram Alir Proses Tambah Keaktifan
3.5.8 Flow Chart Kelola Data SiswaGuru
Gambar 3.19: Diagram Alir Proses Kelola Data SiswaGuru
commit to user
3.5.9 Flow Chart Upload File
Gambar 3.20 : Diagram Alir Proses Upload File
3.5.10 Flow Chart Kelola Mapel
Gambar 3.21 : Diagram Alir Proses Kelola Mapel
commit to user
3.5.11 Flow Chart Kelola Kelas
Gambar 3.22 : Diagram Alir Proses Kelola Kelas
3.5.12 Flow Chart Kelola Gallery
Gambar 3.23 : Diagram Alir Proses Kelola Gallery
commit to user
3.5.13 Flow Chart Kelola Chat
Gambar 3.24 : Diagram Alir Proses Kelola Chat
3.5.14 Flow Chart Kelola Guestbook
Gambar 3.25 : Diagram Alir Proses Kelola Guestbook
commit to user
3.5.15 Flow Chart Kelola News Flash
Gambar 3.26 : Diagram Alir Proses Kelola News Flash
3.6 Struktur dan Desain 3.6.1 Tampilan
Layout untuk Halaman Admin
Tampilan Layout untuk halaman admin ditunjukkan pada Gambar 3.27
Gambar 3.27 Layout Admin
HEADER
FOOTER
M ENU
CONTENT
commit to user
3.7.2 Tampilan Layout untuk Halaman Pengunjung
Tampilan Layout untuk halaman pengunjung ditunjukkan pada Gambar 3.28
Gambar 3.28 Layout Pengunjung
3.7.3 Tampilan Layout untuk Halaman Siswa
Tampilan Layout untuk halaman siswa ditunjukkan pada Gambar 3.29
Gambar 3.29 Layout Siswa
HEADER
FOOTER
M ENU
NEWS FLASH
CONTEN T
Chat
HEADER
FOOTER
M ENU
CONTEN T
commit to user
3.7.4 Tampilan Layout untuk Halaman Guru
Tampilan Layout untuk halaman guru ditunjukkan pada Gambar 3.30
Gambar 3.30 Layout Guru 3.8 Site Map
Site Map adalah peta situs yang menjelaskan struktur dari menu yang ada dalam sistem. Peta system informasi ini dapat digambarkan sebagai berikut :
Gambar 3.31 Tampilan Site Map untuk user
HEADER
FOOTER
M ENU
CONTEN T
commit to user
Gambar 3.32 Tampilan Site Map untuk admin
commit to user
Gambar 3.33 Tampilan Site Map untuk siswa
Gambar 3.34 Tampilan Site Map untuk guru
commit to user
37
BAB IV IMPLEMENTASI DAN ANALISA
4.1 Analisa
Sistem Informasi Sekolah ini pada dasarnya adalah berupa kumpulan informasi yang disajikan dalam format otomatisasi untuk mempermudah pihak
sekolah dalam memperkenalkan sekolah tersebut serta membantu siswa untuk mengetahui informasi tentang pelajaran maupun tentang sekolah mereka sendiri
dengan lebih cepat, karena dapat diakses kapanpun dan dimanapun. Sistem ini juga membantu pihak sekolah untuk mengelola data siswa maupun personil sekolah
lainnya.
4.2 Fitur Sistem
Seperti yang telah dibahas diatas, bahwa system informasi ini lebih menekankan kepada ajang promosi sekolah ini. Jadi fitur yang ada lebih banyak
berhubungan dengan kegiatan-kegiatan ekstrakulikuler maupun intrakurikuler yang dapat menarik minat masyarakat umum untuk dapat mengenal sekolah tersebut lebih
jauh. Selain itu, sistem ini juga menyediakan fitur penyampaian nilai dan materi untuk siswa dari sekolah tersebut.
commit to user
4.3 Desain Tampilan 4.3.1 Halaman
User a. Halaman Awal
Halaman awal berisi penjelasan umum mengenai sekolah tersebut. Bentuk tampilan dari halaman ini adalah sebagai berikut:
Gambar 4.1 Tampilan Awal Sistem Informasi
commit to user
b. Halaman Personil
Halaman ini berisi tentang personil yang ada dalam struktur sekolah tersebut.
Gambar 4.2 Tampilan halaman personil
commit to user
c. Halaman Kurikulum
Halaman kurikulum ini merupakan halaman mengenai data dari masing-masing program study yang ada di sekolah tersebut.
Gambar 4.3 Tampilan halaman kurikulum
commit to user
d. Halaman Ekstrakulikuler