IDENTIFIKASI DAN DESAIN INTERFACE

Nama Proyek
Nama Manajer Proyek
Dibuat oleh

:
:
:

Tanggal dibuat
Versi

:
:

SI Pondok Pesantren/ SI Pendataan Aktifitas Perkuliahan

Fajar Rizqi Saputra (08650001)
Zulfa Ulinnuha
(08650066)
Ghozi Arif Fazri
(08650096)
Bayu S. Hakim
(08650138)
11 Mei 2011
1.0

1. Identifikasi Interface
Nama interface
Home

Input Data
Absensi

Edit Data Absensi

Jenis interface
Tampilan awal web.
Berupa form login berbentuk TextField
dan Button Login.
Tampilan entry data berupa Text Field.
Tampilan pilihan berupa Combo Box.
Tampilan memilih tanggal berupa Date
Picker.
Tampilan tabel.
Tampilan pilihan berupa Check Box.
Tampilan Scroll Bar.
Tampilan entry data berupa Text Field.
Tampilan pilihan berupa Combo Box.
Tampilan memilih tanggal berupa Date
Picker.
Tampilan tabel.
Tampilan pilihan berupa Check Box.
Tampilan Scroll Bar.

Bentuk interface
Tampilan di Monitor.

Deskripsi interface
Halaman login yang digunakan oleh Administrator
untuk bisa masuk dan menggunakan Sistem.

Tampilan di Monitor.

Di form ini administrator akan melakukan input

data absensi.
Diawali dengan pemilihan kelas dan pertemuan
menggunakan texfield dan combobox.
Setelah data siswa di kelas tersebut tertampil,
maka input bisa daliakukan dengan men-centang
checkbox sesuai dengan status kehadiran.
Di form ini administrator bisa melakukan edit data
absensi (untuk keperluan tertentu).
Diawali dengan pemilihan kelas dan pertemuan
menggunakan texfield dan combobox.
Setelah itu mengubah status kehadiran dengan
memberi centang checkbox yang sesuai.

Tampilan di Monitor.

Nama interface
Input Data Jurnal

Jenis interface
Tampilan entry data berupa Text Field.
Tampilan pilihan berupa Combo Box.
Tampilan memilih tanggal berupa Date
Picker.
Tampilan Entry data berupa Text Area.
Tampilan Button untuk menyimpan.
Tampilan entry data berupa Text Field.
Tampilan pilihan berupa Combo Box.
Tampilan memilih tanggal berupa Date
Picker.
Tampilan Entry data berupa Text Area.
Tampilan Button untuk menyimpan.
Tampilan entry data berupa textfield.
Tampilan pilihan berupa combobox.
Tampilan tabel.

Bentuk interface
Tampilan di Monitor.

Deskripsi interface
Form untuk menginputkan jurnal perkuliahan.
Diawali dengan pemilihan kelas dan pertemuan
menggunakan text field dan combobox.
Setelah itu, detail jurnal perkuliahan diinputkan
lewat text area yang tersedia.

Tampilan di Monitor.

Form untuk mengedit data jurnal perkuliahan.

Diawali dengan pemilihan kelas dan pertemuan
menggunakan texfield dan combobox.
Setelah itu data di text area bisa diedit sesuai
keperluan.

Tampilan di Monitor.

Rekapitulasi Jurnal
Perkuliahan

Tampilan entry data berupa textfield.

Tampilan pilihan berupa combobox.
Tampilan tabel.

Tampilan di Monitor.

Cetak Laporan
Absensi & Jurnal

Tampilan
Tampilan
Tampilan
Tampilan

Tampilan pencetakan.

Tampilan untuk melihat data absensi per kelas.

Diawali dengan pemilihan mata kuliah dan kelas
menggunaakan textfield dan combobox.
Kemudian data siswa di kelas tersebut akan
ditampilkan.
Tampilan untuk melihat data jurnal per kelas.
Diawali dengan pemilihan mata kuliah dan kelas
menggunaakan textfield dan combobox.
Kemudian data jurnal mata kuliah tersebut akand
itampilkan.
Tampilan untuk mencetak laporan.
Diawali dengan memilih jenis laporan dengan
menggunakan textfield dancombobox.
Setelah tabel ditampilkan, bisa dicetak dengan
tombol.

Input Data Jurnal

Rekapitulasi Data
Absensi

entry data berupa textfield.

pilihan berupa combobox.
table.
Button.

2. Desain Interface
a. Tampilan Home

b. Tampilan Form Input Data Absensi

c. Tampilan Edit Data Absensi

d. Tampilan Input Data Jurnal

e. Tampilan Edit Data Jurnal

f.

Tampilan Laporan & Rekap Absensi

g. Tampilan Laporan & Rekapitulasi Jurnal