commit to user 39
4.3 Langkah Pembuatan Aplikasi
4.3.1 Tampilan Aplikasi Interface Client
Tampilan dari aplikasi ini terdiri dari interface untuk user yaitu mahasiswa dan web server dalam pengolahan database.
1. Tampilan Menu Awal Tampilan awal dari aplikasi mobile KHS dapat dilihat pada Gambar 4.1
Gambar 4.1 Tampilan Awal Aplikasi Mobile KHS
2. Tampilan Splash Screen Setelah menjalankan tampilan MIDlet diatas kemudian akan menampilkan
layar splash screen, dapat dilihat pada Gambar 4.2.
commit to user 40
Gambar 4.2 Tampilan Splash Screen
Tampilan ketika pertama kali aplikasi dibuka, terdapat ticker yang bertuliskan nama dari judul aplikasi ini. Kemudian akan dilanjutkan kedalam
halaman login. 3. Tampilan Menu List Form Masuk
Menu list digunakan untuk masuk kedalam aplikasi. Menu list dapat dilihat pada Gambar 4.3.
Gambar 4.3 Gambar Menu List
commit to user 41
4. Tampilan Menu Login Dalam aplikasi ini mempunyai menu login yang digunakan bagi para
mahasiswa untuk masuk melakukan pengaksesan nilai, dapat dilihat pada Gambar 4.4.
Gambar 4.4 Menu Login
Form login terdiri dari dua textfield yaitu username dan password. Data dari username dan password diambil dari data yang ada di database. Untuk
melakukan login dengan menekan tombol Login.
5. Tampilan Form Login Gagal Dalam aplikasi ini jika salah memasukkan data login maka akan muncul
pesan gagal, dapat dilihat pada Gambar 4.5.
commit to user 42
Gambar 4.5 Form Login Gagal
6. Tampilan Menu Utama Dalam aplikasi ini mempunyai menu utama yang terdiri dari tiga list menu
yang dapat dilihat pada Gambar 4.6.
Gambar 4.6 Menu Utama
Aplikasi ini terdiri dari tiga menu yang dapat dipilih oleh mahasiswa yaitu melihat nilai matakuliah, melihat hasil studi, dan ganti password.
commit to user 43
7. Tampilan Form Lihat Nilai Dibawah ini adalah tampilan lihat nilai matakuliah, dapat dilihat pada
Gambar 4.7.
Gambar 4.7 Form Lihat Nilai
8. Tampilan Form Hasil Studi Gambar dibawah ini menampilkan hasil Indeks Prestasi mahasiswa yang
melakukan login, dapat dilihat pada Gambar 4.8.
Gambar 4.8 Form Hasil Studi
commit to user 44
9. Tampilan Form Ganti Password Dibawah ini merupakan tampilan form utnuk mengganti password baru,
dapat dilihat pada Gambar 4.9 :
Gambar 4.9 Form Ganti Password
Pada aplikasi ini terdapat form untuk mengganti password mahasiswa karena password mahasiswa sama dengan username yaitu NIM. Dengan memasukkan data
password lama kemudian memasukkan data password baru.
4.3.2 Tampilan Web Server