Entity Relationship Diagram ERD Schema Diagram Analisa Fitur Sistem Desain Tampilan .1 Halaman Halaman Personil Halaman Kurikulum

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