g. Desain Layar Menu Admin
PERANCA N GA N SISTEM IN FORMASI SPASIA L LO GO
BE RBA SIS WE B PA DA LO KA SI SLT A ST U DI LO G O
K OT A K ASUS: KOT A TA N GERAN G
SE K OL A H
Home | Sekolah | Buku Tamu | Berita Sekolah | Logout Selamat Datang Di Halaman Administrator
Gambar 3.18. Desain Layar Menu Admin
Sebelum masuk ke halaman ini, seorang administrator
harus terlebih dahulu memasukkan username
dan password pada login admin. Pada halaman ini administrator dapat memilih menu yang
ada pada header seperti: Home, Sekolah, Buku Tamu, Berita Sekolah, dan Logout.
h. Desain Layar Menu Admin Sekolah
PERANCA N GA N SISTEM IN FORMASI SPASIA L LO GO
BE RBA SIS WE B PA DA LO KA SI SLT A ST U DI LO GO
K OT A K ASUS: KOT A TA N GERAN G
SE K OL AH
Home | Sekolah | Buku Tamu | Berita Sekolah | Logout Data Sekolah Madrasah Aliyah Negeri
Cari:
CARI
ID SEK OL
N AM A SE KOLA H
AL A MA T
FOT O SE KOLA H
AKREDIT A SI TELEP O N
KE CAMA T A N
Rubah Hapus
Gambar 3.19. Desain Layar Menu Admin Dan Lihat Sekolah
Pada menu Admin Sekolah, terdapat 2 menu yang dapat dipilih seorang administrator yaitu Lihat
Daftar dan Input Data. Pada halaman ini seorang administrator
dapat meng-edit atau menghapus data dari sekolah apabila suatu saat ada perubahan.
Disamping itu, seorang administrator juga dapat
menambahkan data sekolah yang bersangkutan apabila terdapat data-data terbaru pada halaman ini. Berikut ini
salah satu rancangan Lihat Daftar Sekolah dan Input Data.
PERANCA N GA N SISTEM IN FORMASI SPASIA L LO GO
BE RBA SIS WE B PA DA LO KA SI SLT A ST U DI LO G O
K OT A K ASUS: KOT A TA N GERAN G
SE K OL A H
Home | Sekolah | Buku Tamu | Berita Sekolah | Logout Id Sekolah
: Nama Sekolah :
Alamat :
Akreditasi :
Telepon :
Kecamatan :
Foto Sekolah :
Browse
Bata
l
Simpan
Gambar 3.20. Desain Layar Input Data
i. Desain Layar Menu Admin Buku Tamu
PERA NCA NG AN SISTEM IN FORMASI SP ASI AL LOG O
BERBASIS WE B PAD A LOK ASI SL T A ST UDI LOG O
KOT A KA SUS: K OT A T A NG ERA NG
SEK OL A H
Home | Sekolah | Buku Tamu | Berita Sekolah | Logout DAFTAR TAMU
ID N AMA
LEN GKAP AL A MAT
NO TELP
EMAI L
ASAL E
S K OLA H KRI TI K
SARA N RU BAH
HAP US
Gambar 3.21. Desain Layar Menu Admin Buku Tamu
Pada menu Buku Tamu, terdapat juga 2 menu yang dapat dipilih seorang administrator yaitu Lihat
Daftar dan Input Data. Pada halaman ini seorang administrator
dapat meng-edit atau menghapus data para user yang mengisi buku tamu. Disamping itu,
seorang administrator juga dapat mengisi buku tamu
layaknya user lain. Berikut ini rancangan Edit Daftar Buku Tamu
PERANCAN GA N SISTEM I NFORMASI SP ASIA L LO GO
BE RBA SIS W EB PA DA LO KA SI SLT A ST U DI LO GO
K OTA K A SUS: KOT A T AN GERAN G
SE K OL A H
Home | Sekolah | Buku Tamu | Berita Sekolah | Logout EDIT BUKU TAMU
Id :
NamaLengkap : Alamat
: No Telepon
: Email
: Asal Sekolah :
Kritik :
Saran :
Batal
Rubah
Gambar 3.22. Desain Layar Edit Daftar Buku Tamu
PERANCAN GA N SISTEM I NFORMASI SP ASIA L LO GO
BE RBA SIS W EB PA DA LO KA SI SLT A ST U DI LOG O
K OTA K A SUS: KOT A T AN GERAN G
SEK OL A H
Home | Sekolah | Buku Tamu | Berita Sekolah | Logout ISI BUKU TAMU
Id :
NamaLengkap : Alamat
: No Telepon
: Email
: Asal Sekolah :
Kritik :
Saran :
Batal Simpan
Gambar 3.23. Desain Layar Input Buku Tamu
j. Desain Layar Menu Admin Berita