LAMPIRAN TAMPILAN DAN PENGOPERASIAN LAYAR. Gambar 4.86 Tampilan Layar Profil

Transkripsi

1 196 LAMPIRAN TAMPILAN DAN PENGOPERASIAN LAYAR Gambar 4.86 Tampilan Layar Profil Bila user memilih link profil, maka akan muncul tampilan layar seperti gambar di atas. Di halaman ini terdapat informasi mengenai visi, misi, dan tujuan dari pendidikan di SMP Strada Bhakti Utama. Di halaman ini user juga dapat login dengan nomor induk sebagai username dan tanggal lahir sebagai password.

2 197 Gambar 4.87 Tampilan Layar Tata Tertib Bila user memilih link tata tertib, maka akan muncul tampilan layar seperti gambar di atas. Di halaman ini terdapat informasi mengenai tata tertib yang berlaku selama mengikuti pendidikan di SMP Strada Bhakti Utama. Di halaman ini user juga dapat login dengan nomor induk sebagai username dan tanggal lahir sebagai password.

3 198 Gambar 4.88 Tampilan Layar Sejarah Bila user memilih link sejarah, maka akan muncul tampilan layar seperti gambar di atas. Di halaman ini terdapat informasi mengenai sejarah berdirinya SMP Strada Bhakti Utama. Di halaman ini user juga dapat login dengan nomor induk sebagai username dan tanggal lahir sebagai password.

4 199 Gambar 4.89 Tampilan Layar Pengajar Bila user memilih link pengajar, maka akan muncul tampilan layar seperti gambar di atas. Di halaman ini terdapat informasi lengkap mengenai seluruh guru dan karyawan di SMP Strada Bhakti Utama. Di bagian kanan terdapat link profil untuk melihat data pribadi masing-masing guru dan fotonya. Di halaman ini user juga dapat login dengan nomor induk sebagai username dan tanggal lahir sebagai password.

5 200 Gambar 4.90 Tampilan Layar Fasilitas Bila user memilih link fasilitas, maka akan muncul tampilan layar seperti gambar di atas. Di halaman ini terdapat informasi lengkap mengenai seluruh fasilitas yang dimiliki oleh SMP Strada Bhakti Utama beserta keterangannya. Di bagian kanan terdapat link lihat foto untuk melihat foto masing-masing fasilitas tersebut. Di halaman ini user juga dapat login dengan nomor induk sebagai username dan tanggal lahir sebagai password.

6 201 Gambar 4.91 Tampilan Layar Ekstrakurikuler Bila user memilih link ekstrakurikuler, maka akan muncul tampilan layar seperti gambar di atas. Di halaman ini terdapat informasi lengkap mengenai ekstrakurikuler di SMP Strada Bhakti Utama beserta keterangan hari, waktu, dan nama pembimbing. Di halaman ini user juga dapat login dengan nomor induk sebagai username dan tanggal lahir sebagai password.

7 202 Gambar 4.92 Tampilan Layar Prestasi Bila user memilih link prestasi, maka akan muncul tampilan layar seperti gambar di atas. Di halaman ini terdapat informasi lengkap mengenai seluruh prestasi yang pernah diraih oleh siswa/i SMP Strada Bhakti Utama. Di halaman ini user juga dapat login dengan nomor induk sebagai username dan tanggal lahir sebagai password.

8 203 Gambar 4.93 Tampilan Layar Pengumuman Bila user memilih link pengumuman, maka akan muncul tampilan layar seperti gambar di atas. Halaman ini menampilkan seluruh pengumuman yang masih berlaku di SMP Strada Bhakti Utama. Pengumuman ini diurutkan berdasarkan tanggal pembuatan. Di bagian kanan terdapat link baca selengkapnya untuk melihat isi lengkap dari setiap pengumuman. Di halaman ini user juga dapat login dengan nomor induk sebagai username dan tanggal lahir sebagai password.

9 204 Gambar 4.94 Tampilan Layar Data Pribadi Bila user (siswa, guru, tata usaha) memilih link data pribadi, maka akan muncul tampilan layar seperti gambar di atas. Halaman ini menampilkan data pribadi pada setiap user. Di bagian kanan bawah terdapat link ubah data pribadi dan ubah password yang bisa di ubah sesuai data pribadi user dan password yang diinginkan user.

10 205 Gambar 4.95 Tampilan Layar Ubah Data Pribadi Bila user (siswa, guru, tata usaha) memilih link ubah data pribadi, maka akan muncul tampilan layar seperti gambar di atas. Halaman ini menampilkan form yang berisi seluruh data pribadi user. Halaman ini memungkinkan user untuk dapat merubah isi dari data pribadi user. Bila user telah selesai mengisi form tersebut sesuai data pribadinya dan menekan tombol ubah maka form proses perubahan data pribadi telah sukses. Halaman ini juga tersedia tombol kembali pada bagian kanan bawah apabila user ingin membatalkan proses perubahan data pribadi ini.

11 206 Gambar 4.96 Tampilan Layar Ubah Password Bila user (siswa, guru, tata usaha) memilih link ubah password, maka akan muncul tampilan layar seperti gambar di atas. Halaman ini menampilkan form yang harus diisi oleh user sesuai dengan password lama, password baru yang diinginkan dan konfirmasi dari password baru tersebut. Halaman ini memungkinkan user untuk dapat mengubah password user. Bila user telah selesai mengisi form tersebut sesuai dengan data yang benar maka form proses perubahan password telah sukses dan akan menampilkan pesan UBAH PASSWORD BERHASIL. Halaman ini juga tersedia tombol kembali pada bagian kanan bawah apabila user ingin membatalkan proses perubahan password ini.

12 207 Gambar 4.97 Tampilan Layar Nilai Bila siswa memilih link nilai, maka akan muncul tampilan layar seperti gambar di atas. Halaman ini menampilkan form yang berisi daftar mata pelajaran beserta nilai dari setiap mata pelajaran tersebut. Halaman ini juga menampilkan history dari nilai yang pernah diraih siswa pada tahun ajaran sebelumnya maupun nilai pada tahun ajaran yang berlaku.

13 208 Gambar 4.98 Tampilan Layar Keuangan Bila siswa memilih link keuangan, maka akan muncul tampilan layar seperti gambar di atas. Halaman ini menampilkan form berisi status keuangan yang telah dilunasi dan terdapat keterangan tanggal pembayaran kapan siswa tersebut telah melunasinya.

14 209 Gambar 4.99 Tampilan Layar Topik Forum Diskusi Bila user (siswa, guru, tata usaha) memilih mata pelajaran dalam forum diskusi, maka akan muncul tampilan layar seperti gambar di atas yang berisi topik dari mata pelajaran tersebut. Halaman ini juga menyediakan fasilitas untuk menambah topik baru, di mana dalam setiap topik terdapat pesan yang telah dibuat oleh user.

15 210 Gambar Tampilan Layar Pesan Forum Diskusi Bila user (siswa, guru, tata usaha) memilih salah satu topik dalam forum diskusi, maka akan muncul tampilan layar seperti gambar di atas. Halaman ini menampilkan sejumlah pesan yang telah dibuat oleh user. Pada halaman ini terdapat fasilitas untuk membalas pesan yang terdapat di kanan bawah.

16 211 Gambar Tampilan Layar Balas Pesan Forum Diskusi Bila user (siswa, guru, tata usaha) memilih balas pesan, maka akan muncul tampilan layar seperti gambar di atas. Halaman ini menyediakan fasilitas untuk menulis pesan. Apabila telah selesai, user dapat melakukan klik pada tombol balas. Jika user melakukan klik pada tombol ulangi, maka semua yang telah tertulis akan terhapus.

17 212 Gambar Tampilan Layar Data Siswa Bila tata usaha melakukan klik pada data siswa, maka akan muncul tampilan layar seperti gambar di atas. Halaman ini menyediakan fasilitas untuk menambah, mengubah, dan menghapus data siswa. Tata usaha juga dapat melakukan pencarian data siswa berdasarkan nis, nama, dan kelas.

18 213 Gambar Tampilan Layar Data Karyawan Bila tata usaha melakukan klik pada data karyawan, maka akan muncul tampilan layar seperti gambar di atas. Halaman ini menyediakan fasilitas untuk menambah, mengubah, dan menghapus data karyawan. Tata usaha juga dapat melakukan pencarian data siswa berdasarkan nik dan nama.

19 216 Gambar Tampilan Layar Penjadwalan Bila tata usaha melakukan klik pada penjadwalan, maka akan muncul tampilan layar seperti gambar di atas. Halaman ini menyediakan fasilitas untuk mengubah jadwal pelajaran dengan memilih salah satu pelajaran dan guru dari combo box.

20 217 Gambar Tampilan Layar Materi Pelajaran Bila tata usaha melakukan klik pada materi pelajaran, maka akan muncul tampilan layar seperti gambar di atas. Halaman ini menyediakan fasilitas untuk mengupload, membuka dan menghapus materi pelajaran. Tata usaha harus terlebih dahulu memilih mata pelajaran yang ingin ditampilkan.