3.2.3 PERANCANGAN ANTAR MUKA
Perancangan antarmuka yang dibuat dalam sistem ini adalah sebagai berikut:
3.2.3.1 Rancangan Antarmuka Menu Utama Pengunjung
Rancangan antarmuka ini merupakan tampilan awal ketika program dijalankan, ditunjukkan pada Gambar 3.27
LOGO
SMAN 1 CICALENGKA
Tanggal Waktu
Login
Username Password
Login Penerimaan Siswa Baru
Admin on :…………..
T01
► Klik Home menuju T01 ► Klik Profil menuju T02
► Klik Articles menuju T03 ► Klik Kurikulum menuju T04
► Klik Buku Tamu menuju T05
► Klik Web Links menuju T07 ► Klik Forum menuju T08
► Klik Berita menuju T09 ► Klik Kontak menuju T10
► Klik Photo Galery menuju T11
► Klik Kesiswaan menuju T12 ► Klik Search menuju T13
► Klik Visi Misi menuju T14 ► Klik Sejarah menuju T15
► Klik Login Siswa menuju T16
► Klik Login Guru menuju T20
► Klik Login Admin menuju T23
Jika login gagal akan muncul M01 dan jika berhasil muncul
M02
Pengumuman Penerimaan Siswa………………
• Home • Profil
• ArtiKel • Kurikulum
• Buku Tamu • Web Links
• Forum • Berita
• Kontak • Photo Galery
• Kesiswaan • Search
• Visi Misi • Sejarah
Navigation
Gambar 3.27 Rancangan Antarmuka Menu Utama pengunjung
3.2.3.2 Rancangan Antarmuka Menu Profil
Perancangan antarmuka ini merupakan tampilan dari menu profil ditunjukkan pada Gambar 3.28
LOGO
SMAN 1 CICALENGKA
Login Username
Password Login
Profile Sekolah
T02
► Klik Home menuju T01 ► Klik Profil menuju T02
► Klik Articles menuju T03 ► Klik Kurikulum menuju T04
► Klik Buku Tamu menuju T05
► Klik Web Links menuju T07 ► Klik Forum menuju T08
► Klik Berita menuju T09 ► Klik Kontak menuju T10
► Klik Photo Galery menuju T11
► Klik Kesiswaan menuju T12 ► Klik Search menuju T13
► Klik Visi Misi menuju T14 ► Klik Sejarah menuju T15
► Klik Login Siswa menuju T16
► Klik Login Guru menuju T20
► Klik Login Admin menuju T23
A. Identitas Sekolah 1. Nama Sekolah : SMA Negeri 1 Cicalengka
2. NSS NPSN : 30102081001520206149 3. Alamat Sekolah
a. Jalan : H. Darham No.42
b. Desa : Babakan Peuteuy
c. Kecamatan : Cicalengka d. Kode Pos : 40395
e. Kabupaten : Bandung f. Telapon
: 0227949249 4. Rekening
a. Nama Bank : BPD Jabar b. Nomor Rekening : 0010020247894
5. Jenjang Akreditasi : Terakreditasi A
• Home • Profil
• ArtiKel • Kurikulum
• Buku Tamu • Web Links
• Forum • Berita
• Kontak • Photo Galery
• Kesiswaan • Search
• Visi Misi • Sejarah
Navigation
Tanggal Waktu
Gambar 3.28 Rancangan Antarmuka Menu Profil
3.2.3.3 Rancangan Antarmuka Menu Artikel