Desain Dialog Sistem Informasi Akademik Berbasis Web SLTP ST. Lucia Doloksanggul

Berikut ini adalah relasi antar sel Gambar 4.12 Relasi Antar Sel

4.4 Desain Dialog

Berikut ini adalah rancangan halaman menu, halaman input dan halaman output yang penulis gunakan dalam pembuatan website SLTP ST. LUCIA DOLOKSANGGUL.

4.4.1 Desain Halaman Menu

Berikut ini adalah rancangan halaman menu yang penulis gunakan dalam pembuatan website Sistem Informasi Akademik Sekolah Berbasis Web Pada SLTP ST. LUCIA DOLOKSANGGUL. Universitas Sumatera Utara Gambar 4.13 Halaman Menu Utama Home Beranda ProfilSekolah Fasilitas Kegiatan Personalia Kesiswaan KontakKami FiturWeb Artikel dan Berita article and news lainnya Copy right ©WEBSITE SLTP ST. LUCIA WEB BANNER LOGO LOGO Pengumuman Pengunjung Gallery Kalender LOGO GAMBAR GEDUNG Pengunjung HariIni Total Pengunjung Hits Hari Ini Total Hits Universitas Sumatera Utara Gambar 4.14 Halaman Menu Administrator

4.4.2 Rancangan Masukan Input

Berikut ini adalah rancangan halaman masukan input data yang penulis gunakan dalam pembuatan website SISTEM INFORMASI AKADEMIK BERBASIS WEB SLTP ST. LUCIA DOLOKSANGGUL. Home • Select Artikel • Insert Artikel • Select Buku Tamu • Select Pengumuman Personalia • Select Staf • Insert Staf Kesiswaan • Select Siswa • Select Jadwal Pelajaran • Insert Siswa Fitur Profil • Select Sejarah Sekolah • Select VISI MISI • Select Struktur Organisasi • Select Denah Sekolah • Select Kurikulum • Select Fasilitas • Select Organisai • Select Ekstrakurikuler • Select Prestasi Upload Images Administrator • Logout • Beranda • Password Universitas Sumatera Utara 1. Tampilan halaman insert data siswa. Jumlah Siswa : Siswa Angkatan : Gambar 4.15 Halaman Input Data Siswa 2. Tampilan halaman input data staff. NIP NAMA LENGKAP No SERTIFIKASI KATEGORI JENIS KELAMIN TGL LAHIR TEMPAT LAHIR AGAMA ALAMAT BIDANG STUDI STATUS Gambar No file selected INSERT DATA SISWA -- angkatan -- Submit - -PILIH KATEGORI-- -- PILIH JK -- --PILIH AGAMA-- --PILIH STATUS-- Browse Universitas Sumatera Utara Gambar 4.16 Halaman Input Data Staf 3. Tampilan halaman browse data siswa No Nis Nama Detail 1 0000445996 Rio Jonata Situmorang 2 0006815672 Adiva Silaban Gambar 4.17 Halaman Browse Data Siswa 4. Tampilan halaman browse data staff. No Nis Nama Detail 1 10 Pipi Maria Hutabarat 2 11 Elperia Simamora,S.Pd Gambar 4.18 Halaman Browse Data Staf 5. Tampilan Halaman Buku Tamu Buku Tamu Nama Email tekan Enter untuk ganti paragraf Komentar Gambar 4.19 Halaman Buku Tamu Kirim Batal Kirim Batal Universitas Sumatera Utara

6. Tampilan halaman select buku tamu

SELECT BU KU T AM U Nama Tanggal Pesan Aksi Ju m la h Bu k u T a m u : 1 Gambar 2.20 Halaman Browse Buku Tamu 4. 4. 3 Rancangan Keluaran Output Berikut ini adalah rancangan halaman keluaran output data yang penulis gunakan dalam pembuatan website Sistem Informasi Akademik SLTP ST. LUCIA DOLOKSANGGUL. 1. Tampilan informasi data guru NIP : --- Nama Lengkap : Risda Sinurat Tempat Tgl. Lahir : Pangururan, 03-02-1969 Alamat Lengkap : Jl. Kampung Baru Agama : Katolik Bidang : BIOLOGI Gambar 4.21 Halaman Informasi Data Guru GAMBAR Universitas Sumatera Utara 2. Tampilan halaman informasi data siswa NIS : 0000445996 Nama Lengkap : Rio Jonata Situmorang Tempat Tgl. Lahir : Huta Gurgur, 06-19-2000 Alamat Lengkap : Desa Huta Gurgur Agama : Protestan Gambar 4.22 Halaman Informasi Data Siswa 3. Tampilan informasi jadwal mata pelajaran Kelas : VII A Wali Kelas : Sr. Avelina Simamora, S.Pd ROSTER MATAPELAJARAN LE S SENIN SELASA RABU KAMIS JUMAT SABTU 1 UPACARA BENDERA PPKn SEJARAH KOMPUTER IBADAH 2 FISIKA BAHASA INGGRIS PENGEMBA NGAN BAKAT 3 BAHASA INDONESIA BAHASA DAERAH 4 EKONOMI KESENIAN BIOLOGI 5 6 MATEMATIKA PND. JASMANI AGAMA 7 Gambar 4.23 Halaman Informasi Jadwal Mata Pelajaran GAMBAR Universitas Sumatera Utara BAB 5 IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem