Triggerpemicu Use case ini digunakan saat mahasiswa ingin melihat
isi dari tugas yang dipilih Langkah umum
Kegiatan aktor Respon sistem
1. Aktor menekan salah
satu judul tugas pada halaman list tugas
2. Sistem akan mengambil
isi content tugas 3.
Sistem menampilkan isi tugas
pada halaman
view tugas Langkah
alternative Kesimpulan
Use case ini akan berhenti saat sistem telah berhasil menampilkan isi dari tugas yang dipilih mahasiswa
8. Skenario View Profile
Tabel 3.9 Skenario View Profile
Nama use case View profile
Aktor Mahasiswa
Deskripsi use case Use case ini menggambarkan proses mahasiswa
memilih menu view profile dan dapat melihat detail dari profile mahasisswa
Prakondisi Mahasiswa sudah melakukan login dan berada pada
halaman utama Triggerpemicu
Use case ini digunakan saat mahasiswa ingin melihat detail dari profilenya
Langkah umum Kegiatan aktor
Respon sistem 1.
Mahasiswa menekan menu view profile
pada halaman utama 2.
Sistem mengambil data detail
profile mahasiswa
3. Sistem
menampilkan detail
profile mahasiswa
Langkah alternative
Kesimpulan Use case ini berhenti saat mahasiswa berhasil melihat
detail profilenya
9. Skenario Logout
Tabel 3.10 Skenario Logout
Nama use case Logout
Aktor Mahasiswa
Deskripsi use case Use case ini menggambarkan proses mahasiswa
melakukan logout dari sistem Prakondisi
Mahasiswa berada di halaman utama Triggerpemicu
Usecase ini digunakan saat mahasiswa telah selesai menggunakan sistem dan ingin keluar dari akun sistem
Langkah umum Kegiatan aktor
Respon sistem 1.
Mahasiswa menekan navigasi logout pada
halaman utama 2.
Sistem menghapus
history 3.
Sistem menampilkan
halaman login Langkah
alternative Kesimpulan
Use case ini berhenti saat mahasiswa berhasil melakukan logout.
3.3. Design Foundation
3.3.1. Gambaran Layar Handphone
Tombol yang ada pada layar handphone membantu pengguna untuk mengakses aplikasi dengan lebih mudah.
Gambar 3.3 Tampilan handphone
Speaker Kamera depan
Layar sentuh
Tombol menu Tombol home
Tombol back
Bagian-bagian dari handphone touchscreenyaitu speaker, kamera depan, layar sentuh, tombol menu yang dapat digunakan untuk
kembali ke antarmuka idle, tombol home yang dapat digunakan untuk masuk ke menu pengaturan cepat atau untuk kembali ke antarmuka
awal, tombol back dapat digunakan untuk kembali ke menu sebelumnya.
3.3.2. Konsep desain user interface
Layanan yang akan ada dalam user interfaceexelsa2012.usd.ac.idyaitu :
1. Fungsi login, download materi, menampilkan tugas, view
profile, dan logout. 2.
Dalam user interface login merupakan menu utama. Menu login memuat username dan password pengguna yang akan
diinputkan oleh pengguna. 3.
Dalam menu login terdapat 3 menu yaitu download materi, menampilkan tugas, dan menu view profile. Layanan-layanan
tersebut akan dijelaskan sebagai berikut: Menu materi berisi tentang informasi mata kuliah apa saja
yang ditempuh oleh pengguna. Di dalam mata kuliah terdapat materi-materi yang dimiliki oleh setiap matakuliah
yang dapat didownload oleh pengguna. Menu tugas berisi tentang informasi mata kuliah yang
memiliki tugas. Dalam mata kuliah tersebut terdapat tugas- tugas yang ada pada mata kuliah tersebut. Pengguna dapat
melihat informasi tugas dari matakuliah tersebut Menu view profile berisi informasi tentang profile
pengguna.
4. Tampilan halaman login
Gambar 3.4 Design user interface login
Pada bagian header berisi logo exelsa.Tampilan halaman login merupakan halaman yang pertama ditampilkan ketika
pengguna mengakses aplikasi. Dalam tampilan halaman ini pengguna dapat menginputkan username dan password dengan
menyentuh pada textfieldusername dan password yang akan secara otomatis menampilkan keyboard dan pengguna dapat
menginputkan username dan password yang dimiliki. Setelah menginputkan username dan password pengguna dapat
menyentuh button login dan kemudian aplikasi akan menampilkan halaman utama pengguna.
5. Tampilan halaman utama
Halaman utama merupakan halaman yang akan muncul setelah pengguna melakukan login. Header halaman utama
berisi logo exelsa. Pada bagian kanan terdapat textview “Logout” yang apabila ditekan akan logout dari akun pengguna
tersebut dan kembali ke halaman login. Username
Password
Login
Gambar 3.5 Design user interface halaman utama
Halaman ini berisi tiga menu yaitu menu materi yang berisi mata kuliah yang ditempuh oleh pengguna, menu
tugas yang berisi matakuliah yang memiliki tugas, menu view profile yang berisi informasi profile pengguna.
6. Tampilan halaman menu materi
Halaman menu materi merupakan halaman yang berisi mata kuliah yang ditempuh oleh pengguna.Header halaman ini
berisi logo exelsa.
Gambar 3.6 Design user interface menu materi
Mata kuliah 1 Mata kuliah 2
Mata kuliah 3 Mata kuliah 4
Mata kuliah 5
Logou
t
Materi Tugas
View profile
Halaman ini berisi informasi mata kuliah yang ditempuh oleh pengguna. Pada halaman ini pengguna dapat memilih salah
satu mata kuliah untuk mengetahui intformasi mata kuliah tersebut dengan cara menyentuh salah satu judul mata kuliah.
Halaman detail materi Halaman ini berisi detail dari mata kuliah yang
dipilih oleh pengguna. Pada halaman ini akan tampil list dari materi ajar yang dapat di download oleh pengguna
dengan cara menyentuh salah satu materi yang ingin didownload maka materi akan terdownload secara otomatis
Gambar 3.7 Design user interface detail materi
7. Tampilan halaman menu tugas
Header halaman ini berisi logo exelsa.Halaman ini berisi list mata kuliah pengguna yang memiliki tugas.
Gambar 3.8 Design user interface tugas
Materi1.ppt Materi2.ppt
Materi3.doc
Mata kuliah 1 Mata kuliah 2
Mata kuliah
3 Mata kuliah 4
Pengguna dapat memilih salah satu mata kuliah untuk melihat informasi tugas yang ada pada mata kuliah tersebut.
a. Halaman list tugas
Pengguna dapat memilih salah satu tugas untuk melihat informasi tentang tugas tersebut dengan cara menyentuh
salah satu judul tugas.
Gambar 3.9 Design user interface list tugas
b.
Halaman detail tugas
Halaman ini menampilkan soal-soal dari tugas yang diberikan oleh dosen.
Gambar 3.10 Design user interface detail tugas
Tugas 1 Tugas 2
Tugas 3 Tugas 4
1. Soal 1
2. Soal 2
3. Soal 3
4. Soal 4
Tugas 1