Rancangan Tampilan Pada Absensi

    

 Rancangan Tampilan Absensi Mahasiswa

Universitas Teknokrat Iindonesia

    

Hallo teman-teman terimakasih sudah mengunjungi website aku

Kalian apakabar semua nya? semoga sehat selalu ya,,,

    Oke langsung aja kita masuk ke pembahasan, disini saya akan sedikit membahas Rancangan Tampilan, jadi disini saya mengambil Judul Rancangan Tampilan Absensi Mahasiswa Universitas Teknokrat Indonesia. sebagai contoh bisa kalian lihat untuk tampilan login nya seperti pada gambar di atas teman-teman. 

    Dari pada kalian bingung langsung aja aku jelasin tentang Rancangan Absensi Mahasiswa Universitas Teknokrat Indonesia yang aku buat ya teman-teman silahkan disimak

• Pengertian Rancangan Tampilan

     Salah satu kriteria penting dari sebuah antarmuka adalah tampilan yang menarik. Desainer tampilan selain harus mempunyai jiwa seni yang memadai, tapi juga harus mengerti selera pengguna secara umum. Hal ini yang perlu disadari oleh seorang perancang tampilan adalah bahwa ia harus bisa meyakinkan proframmer, bahwa apa yang ia bayangkan dapat diwujudkan (diimplementasikan) dengan piranti bantu(tools) yang tersedia.

• Jenis Dokumtasi Rancangan Tampilan 

    Dokumentasi rancangan dapat dikerjakan  atau dilakukan dalam beberapa cara, yaitu:

1. Membuat Sketsa pada kertas
2. Menggunakan peranti Prototype GUI
3. Menuliskan Tekstual yang menjelaskan tentang kaitan antara satu jendela dengan jendela lain nya.
4. Menggunakan Peranti Bantu yang disebut CASE ( Computer-Aided Softwer Engineering )

• Kategori Perogram Aplikasi dan Pendekatan yang dilakukan

1. Program aplikasi untuk keperluan khusus dengan pengguna yang khusus pula (special purpose software). Biasanya aplikasi ini diperuntukan untuk kebutuhan tertentu, seperti inventori gudang, pengolahan data akademik, reservasi hotel dan lain sebagainya.  Untuk aplikasi ini   ada dua pendekatan yang dilakukan, yaitu:
•  Pendekatan Secara  User-Centered Design
•  Pendekatan User design aprroach
2. Program aplikasi yang akan digunakan oleh banyak pengguna (general purpose software). Salah satu  kunci penting dalam pembuatan modul antarmuka untuk program-program  aplikasi ini adalah dengan melakukan customization, sehingga pengguna dapat menggunakan program aplikasi dengan wajah antarmuka yang sesuai dengan selera masing-masing pengguna.

• Perinsip dan Petunjuk Perancangan Tampilan

1. Model Pengguna : Model pengguna merupakan model konseptual yang diinginkan oleh pengguna dalam memanipulasi informasi dan proses yang dia aplikasikan pada informsi tersebut. Model pengguna dapat berupa suatu simulasi tentang keadaan yang sebenarnya dalam dunia nyata, sehingga ia tidak perlu mengembangkan sendiri dari awal.
2. Bahasa Perintah : Setelah pengguna mengetahui dan memahami model yang diinginkan, dia memerlukan peranti bahasa perintah (Command language) untuk memanipulasi model itu.
3. Umpan Balik : Komponen yang ketiga umpan balik. Umpan balik disini diartikan sebagai kemampuan sebuah program yang membantu pengguna untuk mengoperasikan program itu sendiri. Umpan balik dapat digunakan untuk memberi keyakinan bahwa program telah menerima perintah pengguna dan dapat memahami maksud perintah tersebut.
4. Penampilan Informasi : Komponen keempat adalah tampilan informasi. Komponen ini digunakan untuk menunjukan status informasi atau program ketika pengguna melakukan suatu tindakan

• Urutan Perancangan 

    Setelah mengetahui beberapa prinsip dan petunjuk perancangan diatas, maka dalam merancang antarmuka juga dapat dikerjakan berdasarkan urutan berikut:

1. Pemilihan ragam dialog, pilihlah ragam dialog yang menurut pikiran cocok untuk tugas tersebut.
2. Perancangan struktur dialog, tahap ini adalam melakukan analisis tugas dan menentukan model pengguna dari tugas tersebut untuk membentuk struktur dialog yang sesuai
3. Perancangan format pesan, pada tahap ini tata letak tampilan dan keterangan tekstual secara terinci harus mendapat perhatian lebih.

• Perancangan Penangan Masalah

    Untuk menghindari adanya kondisi kesalahan yang timbul, maka adanya kondisi yang disebut abnormal termination, yaitu eksekusi program berhenti karena terjadi kesalahan.

Bentuk-bentuk penanganan kesalahan yang dapat dilakukan antara lain:

1. Validasi pemasukan data
2. Proteksi Pengguna
3. Pemulihan dari Kesalahan
4. Penampilan Pesan salah yang tepat dan sesuai dengan kesalahan yang terjadi pada waktu itu.

Baik lah teman-teman setelah kita mengetahui penjelasan tentang Perancangan Tampilan sekarang disini saya akan menampilkan contoh Rancangan Tampilan Absensi Mahasiswa Universitas Teknokrat Indonesia yang telah saya buat :

    1. Tampilan Menu Login Mahasiswa

• Ini adalah tampilan tampilan menu login Mahasiswa yang ingin melakukan Absensi 

• Setelah itu Isi Pasword Mahasiswa dan NPM yang mereka miliki Contoh Seperti dibawah ini:

• Jika Ketika Mahasiswa Salah Memasukan Pasword Maka akan Keluar Tampilan Seperti Ini 

• Ketika Mahasiswa Mengklik Ok maka akan Menuju Ketampilan Login kembali

    2. Tampilan Layar Utama

Ketika Mahasiswa Telah Menginput Pasword dan NPM dengan benar maka mahasiswa akan di arahkan menuju Layar Utama Absensi yaitu seperti ini :

Pada menu Tampilan layar Utama terdapat menu yaitu :

1. Exit

2. Help

3. Pemberitahuan absensi

4. Pemilihan Fakultas

5. Pemilihan Jurusan

6. Pemilihan Kelas

7. Pemilihan Matakuliah

8. Ok 

Fungsi pada menu tampilan Layar Utama yaitu

1. Exit                    : berfungsi agar mahasiswa dapat keluar dari program Absensi yang sedang berjalan

2. Help                   : berisi tentang informasi bantuan jika akun mahasiswa mengalami kendala tampilan

3. Pemberitahuan   : Berfungsi agar mahasiswa mengetahu langkah-langkah Absensi

4.  Menu Pemilihan Fakultas Wajib di isi, pada tampilan pemilihan fakultas ini akan menampilkan               fakultas yang ada di UTI 

5.    Setelah memilih Fakultas Mahasiswa Akan mengisi Jurusan yang tersedia sesuai Fakultas yang di           Input

6. Setelah Mengisi Jurusan Mahasiswa akan melanjutkan Pemilihan Kelas yang ada di Fakultas dan            jurusan yang telah di pilih oleh mahasiswa

7. Selanjutnya Mahasiswa akan memilih Menu Mata Kuliah untuk absensi sesuai Jadwal Pelajaran            mereka

8. Setelah Semua terisi ( Fakultas, Jurusan, Kelas dan Mata Kuliah ) selanjutnya menu Ok akan berubah     menjadi warna Abu-abu, lalu klik Ok tersebut untuk absensi

    

    3. Tampilan Berhasil Absensi

Pada tampilan ini jika mahasiswa telah menginput semua pilihan maka akan muncul tampilan berhasil seperti ini :

Setelah muncul pemeberitahuan berhasil silahkan kalian klik menu exit untuk keluar dari program.

    Contoh di atas merupakan Rancangan Tampilan Absensi Mahasiswa di Universitas Teknokrat Indonesia, masih banyak lagi contoh Rancangan Tampilan yang bisa kalian pelajari, mungkin sedikit penjelasan dan contoh dari saya akan menambah wawasan kalian.

    Mungkin itu saja yang bisa saya sampaikan, jika ada kesalahan mohon di koreksi agar bisa menjadi penambahan wawasan untuk saya, baik lah teman-teman see you next time..... 

Terimakasih...