Berbasis Website Implementasi Antarmuka

sistem. Admin mempunyai hak akses penuh pada sistem aplikasi ini yang dimana dapat merubah data yang ada pada basis data sistem aplikasi terutama basis data nilai siswa. Sedangkan user wali murid layanan yang di sediakan adalah berbasiskan web dan sms gateway, jadi untuk mengaksesnya para user menggunakan media komputer dan hp dengan web browsernya baru bisa mengakses. Pertama – tama user diminta untuk mendaftar dengan mengisi data anggota. Data anggota terdiri dari username, password, nama anggota, alamat anggota setelah mengisi data – data dengan benar maka user akan mendapatkan account baru. Setelah itu user anggota dapat login dengan memasukan username dan passwordnya. Setelah itu halaman login user akan memproses otentifikasi bila telah berhasil maka akan muncul halaman yang berisikan menu – menu untuk melihat data user, data kelas, data mata pelajaran dan data nilai.

3.5.1. Berbasis Website

Portal web merupakan istilah dalam dunia internat dimaksudkan untuk website yang menyediakan beraneka ragam informasi untuk para pengunjungnya dan merupakan halaman yang pertama kali dibuka oleh pengunjung.

3.5.1.1 Desain Halaman Utama

Halaman Utama adalah halaman yang akan pertama kali tampil pada saat website dibuka. Karena dalam studi kasus yang diangkat ini, merupakan website utama, maka desain Halaman Utama dibuat se-friendly mungkin agar memudahkan user dalam pengaksesan navigasi website. Menu yang ditampilkan Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. di Halaman Utama hanyalah login, ekonomi, hiburan, olahraga, politik, teknologi, galeri foto, polling dan agenda link SITU Akademik dan beberapa external link yang merupakan Menu Kotak Saran sama seperti Contact Us pada umumnya. Dan external link yang dicantumkan. Gambar 3.1 Desain Halaman Utama Jika menu Profile, maka akan tampil desain form seperti Gambar 3.2 berikut ini. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 3.2 Desain Halaman Profile Mengingat fungsi website ini adalah sebagai website utama, maka link untuk SITU Akademi di taruh di header untuk memudahkan admin, guru, siswa dan wali murid untuk mengakses halaman SITU Akademik. Hal ini untuk mengantisipasi user yang sebagian besar adalah guru, siswa – siswi dan wali murid dalam penggunaan website. Tepat di bawah link SITU Akademik ditampilkan berita-berita yang berkaitan dengan ekonomi, hiburan, olahraga, politik dan teknologi yang diinputkan oleh Administrator Website. Penyajian berita-berita ini hanya potongan awalnya saja, untuk membaca berita selengkapnya user disediakan link tersendiri. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Jika menu Berita, maka akan tampil desain form seperti Gambar 3.3 berikut ini. Gambar 3.3 Desain Form Berita Jika menu Kotak SITU Akademik, maka akan tampil desain form login seperti Gambar 3.4 berikut ini. Gambar 3.4 Desain Form Login Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

3.5.1.2. Desain Halaman User

Halaman Manajemen User memiliki tampilan yang nyaris sama persis dengan Halaman User, Guru dan Siswa di atas. Yang membedakan adalah menu Manajemen User dan Manajemen Modul . Selain itu, menu yang ditampilkan sama persis dengan Halaman User Guru dan Siswa. Jika menu Manajemen User dipilih, maka akan muncul tampilan seperti pada Gambar 3.5 berikut ini. Gambar 3. 5 Desain Halaman Manajemen User Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Jika menu Manajemen Siswa dipilih, maka akan muncul tampilan seperti pada Gambar 3.6 berikut ini Gambar 3.6 Desain Halaman Manajemen Siswa Jika menu Manajemen Guru dipilih, maka akan muncul tampilan seperti pada Gambar 3.7 berikut ini. Gambar 3.7 Desain Halaman Manajemen Guru Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Jika menu Manajemen Kelas dipilih, maka akan muncul tampilan seperti pada Gambar 3.8 berikut ini. Gambar 3.7 Desain Halaman Manajemen Kelas Jika menu Manajemen Mapel dipilih, maka akan muncul tampilan seperti pada Gambar 3.8 berikut ini. Gambar 3.8 Desain Halaman Manajemen Mapel Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Jika menu Manajemen Nilai dipilih, maka akan muncul tampilan seperti pada Gambar 3.9 berikut ini. Gambar 3.9 Desain Halaman Manajemen Nilai Jika menu Manajemen Pemgampu dipilih, maka akan muncul tampilan seperti pada Gambar 3.10 berikut ini. Gambar 3.10 Desain Halaman Manajemen Pengampu Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Jika menu Manajemen Menu Guru dipilih, maka akan muncul tampilan seperti pada Gambar 3.11 berikut ini. Gambar 3.11 Desain Halaman Manajemen Menu Guru Jika menu Manajemen Menu Siswa dipilih, maka akan muncul tampilan seperti pada Gambar 3.12 berikut ini. Gambar 3.12 Desain Halaman Manajemen Menu Siswa Jika menu Manajemen Nilai dipilih Cetak Nilai, maka akan muncul tampilan laporan nilai seperti pada Gambar 3.13 berikut ini. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 3.13 Desain Laporan Nilai Jika menu Cetak Nilai dipilih, maka akan muncul tampilan seperti pada Gambar 3.14 berikut ini. Gambar 3.14 Desain Cetak Nilai

3.5.1.3. Desain Halaman Admininstrator

Halaman Administrator ini memiliki beberapa menu, yaitu : home, managemen sekolah, dan manajemen website. Halaman administrator website ini hanya bisa di pergunakan oleh admin itu sendiri. Gambar 3.15 berikut. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 3.15 Desain Halaman Administrator

3.5.2. Berbasis SMS Gateway