4.2.5 Halaman Buku Tamu
Halaman ini ditujukan kepada pengunjung website untuk mengisi buku tamu yang berisikan tentang nama, email, situs dan pesan agar menjadi masukan bagi pembuat website untuk bias
membuat website lebih baik lagi.
4.2.6 Halaman Gallery
Halaman ini berisikan tentang gallery SMA Negeri 7 Medan.
4.3 Perancangan Data Flow Diagram DFD
Data flow diagram menggambarkan arus data di dalam sistem dengan struktur, jelas dan menggunakan sejumlah bentuk-bentuk simbol untuk menggambarkan bagaimana
data mengalir melalui suatu proses yang saling berkaitan secara grafis.
Buku Tamu Alumni
Buku Tamu Berikut ini adalah bentuk data flow diagram dari website SMA Negeri 7 Medan.
Gambar 4.2 Diagram Konteks Website
-Info Profil Sekolah -Info Struktur Organisasi
-Info Visi Misi -Info Data Kepala Sekolah
-Info Data Guru -Info Data Siswa
-Info Alumni -Info Komponen Sekolah dan Fungsinya
-Login Admin -Data Guru
-Data Siswa -Data Nilai Siswa
-Data Alumni -Data Buku Tamu
Pengunjung Administrator
Sistem Informasi Berbasis Web Pada SMA
Negeri 7 Medan
Siswa -Info Data Siswa
-Info Nilai Siswa -Info Data Guru
Kepala Sekolah Laporan -Pengunjung
-Administrator -Data Guru
-Data Siswa -Data Nilai
Tabel 4.1 Simbol-Simbol Data Flow Diagram DFD
No. Simbol Nama
Keterangan 1.
Kesatuan Luar External
entity External entity kesatuan luar
merupakan model yang menggambarkan dengan
menggunakan persegi panjang dan mewakili entity luar dimana suatu
sistem bekomunikasi.
2. Aliran Data
Data Flow Data flow arus data diberi simbol
suatu panah yang menuju ke atau dari bagian kebagian lain dari sistem.
3. Process
proses Process proses menunjukkan
transportasi dari masukan menjadi keluaran
4.4 Perancangan Diagram Alir Flowchart Website
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 website SMA Negeri 7 Medan.
Tidak Ya
Ya
Ya
Ya
Ya
Ya
Ya
Ya Tidak
Tidak Tidak
Tidak Tidak
Tidak
4.4.1 Flowchart menu utama
Flowchart menu utama dapat dilihat pada gambar 4.3 dibawah ini:
Gambar 4.3 Flowchart Menu Utama
Start
Tampilan Web
Beranda
Profil
Akademik
Ekskul
Buku Tamu
Gallery
Admin
Sign Out Pilih link yang ada
Pilih link yang ada
Pilih link yang ada
Pilih link yang ada
Pilih link yang ada
Pilih link yang ada
Prosedur Login
End
4.4.2 Flowchart login admin
Halaman login admin adalah halaman khusus login user admin . Setelah username dan password admin diinput dengan benar maka selanjutnya masuk ke halaman admin. Jika login
gagal maka akan kembali ke halaman login admin. Flowchart admin dapat pada gambar 4.4 dibawah ini:
Tidak
Ya
Ya
Ya Tidak
Tidak Ya
Tidak
Gambar 4.4 Flowchart Login Admin
Cek Username Password
Halaman Admin
Halaman Data Guru
Halaman Data Siswa
Halaman Buku Tamu
Username Password Salah
Tampil Halaman Guru
Tampil Halaman Siswa
Tampil Halaman Buku Tamu
Sign Out
End Start
Form Login Admin
Masukkan Username Password
Ya
Ya
Ya
Ya Ya
Ya Tidak
Tidak Tidak
4.4.3 Flowchart registrasi guru
Halaman registrasi guru adalah halaman untuk meregistrasi data guru SMA Negeri 7 Medan. Setelah data diinput maka data yang diisi akan masuk ke database. Flowchart registrasi guru
dapat dilihat pada gambar 4.5 dibawah ini:
Gambar 4.5 Flowchart Registrasi Guru
Start Registrasi Guru
Input NIP, Nama dll
Kelengkapan Data
Data Sukses diinput
Lihat Data Guru
End Tampil
Update? Delete?
Tampil Update
Delete Database
Ya
Ya
Ya
Ya Ya
Ya Tidak
Tidak Tidak
4.4.4 Flowchart registrasi siswa
Halaman registrasi siswa adalah halaman untuk meregistrasi data siswa SMA Negeri 7 Medan. Setelah data diinput maka data yang diisi akan masuk ke database. Flowchart
registrasi siswa dapat dilihat pada gambar 4.6 dibawah ini:
Gambar 4.6 Flowchart Registrasi Siswa
Start Registrasi Siswa
Input NIS, Nama dll
Kelengkapan Data
Data Sukses diinput
Lihat Data Siswa
End Tampil
Update? Delete?
Tampil Update
Delete Database
Ya
Ya
Ya
Ya Ya
Ya Tidak
Tidak Tidak
4.4.5 Flowchart nilai siswa
Halaman nilai siswa adalah halaman untuk mengisi nilai siswa SMA Negeri 7 Medan. Setelah data diinput maka data yang diisi akan masuk ke database. Flowchart nilai siswa
dapat dilihat pada gambar 4.7 dibawah ini:
Gambar 4.7 Flowchart Nilai Siswa
Start Nilai Siswa
Input NIS, Nama dll
Kelengkapan Data
Data Sukses diinput
Lihat Nilai Siswa
End Tampil
Update? Delete?
Tampil Update
Delete Database
Ya
Ya Tidak
Ya Ya
Ya
4.4.6 Flowchart buku tamu
Halaman buku tamu adalah halaman untuk memberikan pesan dan kesan kepada sekolah, serta kritik dan saran. Flowchart dapat dilihat pada gambar 4.8 dibawah ini:
Gambar 4.8 Flowchart Buku Tamu
Start Buku Tamu
Input nama, email, pesan
Kelengkapan Data
Data Sukses diinput
End Database
Input nama, email, pesan
Maaf, data belum lengkap
Ya
Ya
Ya
Ya Ya
Ya Tidak
Tidak Tidak
4.4.7 Flowchart registrasi alumni
Halaman registrasi alumni adalah halaman untuk meregistrasikan para alumni SMP Negeri 5 Medan. Setelah data diinput maka data yang diisi akan masuk ke database. Flowchart dapat
dilihat pada gambar 4.9 dibawah ini:
Gambar 4.9 Flowchart Registrasi Alumni
Start Registrasi Alumni
Input Nama, Alamat dll
Kelengkapan Data
Data Sukses diinput
Lihat Data Alumni
End Tampil
Update? Delete?
Tampil Update
Delete Database
Halaman Admin
Tabel 4.2 Simbol-Simbol Flow Chart
No. Simbol Fungsi
1 Terminal, untuk memulai dan mengakhiri suatu
program. 2
Proses, suatu simbol yang menunjukkan setiap pengolahan yang dilakukan oleh komputer.
3 Input-output, untuk memasukkan data sekaligus
menunjukkan hasil dari suatu proses. 4
Decisio, suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban.
5 Predefined proses, suatu simbol untuk
menyediakan tempat pengolahan dalam stroge. 6
Connector, suatu prosedur akan masukkeluar melalui simbol ini dalam lembar yang sama.
7 Off Line Connector, merupakan simbol untuk
masuk atau keluarnya suatu prosedur pada lembar kertas yang lain.
8 Arus atau flow, prosedur yang dapat dilakukan
dari atas ke bawah, bawah ke atas, kiri ke kanan, atau dari kanan ke kiri.
9 Document, merupakan simbol untuk data yang
berbentuk kertas maupun informasi.
10 Menyatakan sekumpulan langkah atau proses
yang ditulis sebagai prosedur.
11 Simbol untuk output yang ditunjukkan ke suatu
device, seperti: pointer, plotter, dan sebagainya. 12
Untuk penyimpanan data.
4.5 Merancang Database Server
Database merupakan tempat penyimpanan data yang terstruktur sehingga dapat diakses dengan cepat dan mudah. Tahap ini merupakan tahapan dimana penulis menempatkan data
yang sudah ada pada bagian server. Membangun sebuah database merupakan langkah awal pembuatan aplikasi, termasuk aplikasi yang akan dibuat disini.Data tersebut akan diproses
oleh program yang kita buat pada tahap pemograman baik menambah, mengubah, penghapusan, dan menampilkan database itu sendiri.
Database terdiri dari tabel-tabel yang dibuat menggunakan program MySQL. Database yang dirancang penulis adalah database sekolah yang terdiri dari 6 tabel sebagai
berikut:
1. Tabel Admin
Tabel 4.3 Tabel Admin Field Name
Type Width
Description
User varchar
20 Username
varchar Password
15 Password primary key
2. Tabel Registrasi Siswa
Tabel 4.4 Tabel Registrasi Siswa Field
Type Width
Description
Nama varchar
30 Nama
varchar Nis
6 Nis primary key
Kelas varchar
10 Kelas
Alamat varchar
30 Alamat
tempat_tanggal_lahir varchar
40 Tempat,Tanggal Lahir
Agama varchar
15 Agama
no_telepon varchar
12 No.Telepon
3. Tabel Registrasi Guru
Tabel 4.5 Tabel Registrasi Guru Field
Type Width
Description
Nama Varchar
30 Nama
Varchar Nip
30 NIP primary key
Pangkat Varchar
15 Pangkat
Golongan Varchar
5 Golongan
B_study Varchar
20 Bidang Study
Tanggal_Lahir Varchar
20 Tanggal Lahir
Agama Varchar
30 Agama
4. Tabel Nilai Siswa
Tabel 4.6 Tabel Nilai Siswa Field
Type Width
Description
Nama Varchar
30 Nama
Varchar Nis
10 NIS primary key
Pend_Agama Varchar
3 Pendidikan Agama
PPKN Varchar
3 PPKN
B_Indonesia Varchar
3 Bahasa Indonesia
B_Inggris Varchar
3 B.inggris
Matematika Varchar
3 Matematika
Fisika Varchar
3 Fisika
Biologi Varchar
3 Biologi
Kimia Varchar
3 Kimia
Sejarah Varchar
3 Sejarah
Geografi Varchar
3 Geografi
Ekonomi Varchar
3 Ekonomi
Sosiologi Varchar
3 Sosiologi
Seni_Budaya Varchar
3 Seni Budaya
Penjaskes Varchar
3 Penjaskes
TIK Varchar
3 TIK
B_Jerman Varchar
3 Bahasa Jerman
B_Prancis Varchar
3 Bahasa Prancis
5. Tabel Registrasi Alumni
Tabel 4.7 Tabel Registrasi Alumni Field
Type Width
Description
int Id
15 Id primary key, auto_increment
tahun_tamat varchar
5 Tahun Tamat
Jurusan varchar
10 Jurusan
Nama varchar
30 Nama
Alamat varchar
50 Alamat
Tgl_Lahir varchar
20 Tanggal Lahir
Agama varchar
20 Agama
No_telepon varchar
12 No. Telepon
6. Tabel Buku Tamu
Tabel 4.8 Tabel Buku Tamu Field
Type Width
Description
Int Id
20 Id Buku Tamu primary key
Nama Varchar
30 Nama
Situs Varchar
50 Situs
Email Varchar
40 Email
Pesan Text
Pesan Waktu
Datetime
BAB 5
IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem