2 DPPL1.0 Commented

DPPL-0001
DESKRIPSI PERANCANGAN PERANGKAT LUNAK
Cloud Learning
untuk:
Dosen, Mahasiswa
Dipersiapkan oleh:
Daniel Tanta C 1301150054
Hardiyan Ichsan G 1301154138
Hario Biyanesha P 1301154334
Nisa Nurhardini 1301154544
Diah Ajeng Dwi Y 1301154558
Program Studi S1 Teknik Informatika Fakultas Informatika
Universitas Telkom
Jalan Telekomunikasi Terusan Buah Batu, Bandung
Indonesia
Program Studi S1 Nomor Dokumen Halaman

Teknik Informatika
- DPPL-0001
Fakultas
Informatika Revisi Tgl: 02 Maret 2017 Tgl: 28 Februari 2017
Prodi S1 Teknik Informatika - Universitas Telkom DPPL-001 Halaman 2 dari 84
Dokumen ini dan informasi yang ada di dalamnya adalah milik Prodi S1 Teknik Informatika-Universitas Telkom dan bersifat
rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi S1 Teknik Informatika, Universitas
Telkom
DAFTAR PERUBAHAN
Revisi Deskripsi
Gambar perancangan arsitektur

A Penambahan algoritma proses pemberian index nilai.
INDEX - A B C D E F G
TGL 28 Feb 02 Maret
2017 2017
Daniel,
Ditulis Hardiyan Daniel,
oleh ,Ajeng, Hardiyan
Nisa
Diperiksa DWM DWM

oleh
Telkom
Disetujui
oleh
Telkom
Daftar Halaman Perubahan
Halaman Revisi Halaman Revisi
30 A
70 A
Telkom
Daftar Isi
Daftar Isi 5
Daftar Gambar 11
Daftar Tabel 12
1 Pendahuluan 13
1.1 Tujuan Penulisan Dokumen 13
1.2 Lingkup Masalah 13
1.3 Definisi dan Istilah 13
1.4 Referensi 16
1.5 Deskripsi Umum Dokumen 16
2 Deskripsi Perancangan 17
2.1 Rancangan Lingkungan Implementasi 17
2.2 Dekomposisi Fungsional Modul 18
3 Perancangan Data 22
3.1 Diagram Relasi Entitas 22
3.2 Kamus Data 22
3.3 Skema Relasi 26
3.4 Diagram Relasi 27
3.5 Struktur Tabel 27
4 Perancangan Arsitektur 30
5 Perancangan Antarmuka 30
5.1 Deskripsi Layar 30
5.1.1 Nama Layar 30
5.1.1.1 Tampilan Homepage 30
5.1.1.2 Tampilan Login Tidak Berhasil 32
5.1.1.3 Tampilan Daftar Akun Teacher atau dosen 32
5.1.1.4 Tampilan Dashboard Teacher atau dosen 33
5.1.1.5 Tampilan Dashboard Teacher atau dosen Tambah Materi 34
5.1.1.6 Tampilan Dashboard Teacher atau dosen Tambah Assignment 35
5.1.1.7 Tampilan Dashboard Teacher atau dosen Create Quiz 36
5.1.1.8 Tampilan Dashboard Teacher atau dosen Membuat Soal Quiz 37
5.1.1.9 Tampilan Dashboard Teacher atau dosen Lihat Nilai 38
5.1.1.10 Tampilan Dashboard Teacher atau dosen Lihat Absensi 39
5.1.1.11 Tampilan Daftar Akun Student atau mahasiswa 40
5.1.1.12 Tampilan Dashboard Student atau mahasiswa 41
5.1.1.13 Tampilan Dashboard Student atau mahasiswa Unggah Assignment 42
Telkom
5.1.1.14 Tampilan Dashboard Student atau mahasiswa Melakukan Quiz 43
5.1.1.15 Tampilan Dashboard Student atau mahasiswa Lihat Absensi 44
5.1.1.16 Tampilan Dashboard Student atau mahasiswa Lihat Nilai 45
5.1.1.17 Tampilan Halaman About 46
5.1.1.18 Tampilan Halaman Blog 47
5.1.1.19 Tampilan Halaman Teacher atau dosen 48
5.1.1.20 Tampilan Halaman Contact Us 49
5.1.1.21 Tampilan Halaman Privacy 50
5.1.1.22 Tampilan Halaman Term of Service 51
5.1.2 Deskripsi Objek 51
5.1.2.1 Tampilan Homepage 51
5.1.2.2 Tampilan Login Tidak Berhasil 52
5.1.2.3 Tampilan Daftar Akun Teacher atau dosen 53
5.1.2.4 Tampilan Dashboard Teacher atau dosen 53
5.1.2.5 Tampilan Dashboard Teacher atau dosen Tambah Materi 54
5.1.2.6 Tampilan Dashboard Teacher atau dosen Tambah Assignment 54
5.1.2.7 Tampilan Dashboard Teacher atau dosen Create Quiz 55
5.1.2.8 Tampilan Dashboard Teacher atau dosen Membuat Soal Quiz 55
5.1.2.9 Tampilan Dashboard Teacher atau dosen Lihat Nilai 56
5.1.2.10 Tampilan Dashboard Teacher atau dosen Lihat Absensi 56
5.1.2.11 Tampilan Daftar Akun Student atau mahasiswa 57
5.1.2.12 Tampilan Dashboard Student atau mahasiswa 58
5.1.2.13 Tampilan Dashboard Student atau mahasiswa Upload Assignment 59
5.1.2.14 Tampilan Dashboard Student atau mahasiswa Melakukan Quiz 59
5.1.2.15 Tampilan Dashboard Student atau mahasiswa Lihat Absensi 59
5.1.2.16 Tampilan Dashboard Student atau mahasiswa Lihat Nilai 60
5.1.2.17 Tampilan Halaman About 61
5.1.2.18 Tampilan Halaman Blog 61
5.1.2.19 Tampilan Halaman Teacher atau dosen 61
5.1.2.20 Tampilan Halaman Contact Us 61
5.1.2.21 Tampilan Halaman Privacy 62
5.1.2.22 Tampilan Halaman Term of Service 62
5.2 Deskripsi Pesan 62
5.2.1 Nama Pesan 62
5.2.1.1 Peringatan username dan password 62
5.2.1.2 Konfirmasi submit quiz 63
5.2.1.3 Konfirmasi dalam mengerjakan soal quiz 63
Telkom
5.2.2 Deskripsi Pesan 64
5.2.3 Isi Pesan 64
5.2.3.1 Peringatan username dan password 64
5.2.3.2 Konfirmasi submit quiz 64
5.2.3.3 Konfirmasi dalam mengerjakan soal quiz 64
6 Perancangan Prosedural 64
6.1 Login 64
6.1.1 Deskripsi Masukan 64
6.1.2 Deskripsi Keluaran 64
6.1.3 Algoritma 64
6.2 Pendaftaran 64
6.2.3 Algoritma 65
6.3 Pemilihan Mode Mahasiswa 65
6.3.3 Algoritma 65
6.4 Pemilihan Mode Dosen 65
6.4.3 Algoritma 66
6.5 Penambahan Assignment 66
6.5.3 Algoritma 66
6.6 Pengeditan Assignment 66
6.6.3 Algoritma 67
6.7 Penghapusan Assignment 67
6.7.3 Algoritma 67
6.8 Penambahan Quiz 67
Telkom
6.8.3 Algoritma 67
6.9 Pengeditan Quiz 68
6.9.3 Algoritma 68
6.10 Penghapusan Quiz 68
6.10.3 Algoritma 68
6.11 Penambahan Materi 68
6.11.3 Algoritma 69
6.12 Pengeditan Materi 69
6.12.3 Algoritma 69
6.13 Penghapusan Materi 69
6.13.3 Algoritma 70
6.14 Pemberian Nilai 70
6.14.3 Algoritma 70
6.15 Pengeditan Nilai 70
6.15.3 Algoritma 70
6.16 Pemberian Nilai Index 70
6.16.3 Algoritma 71
6.17 Perancangan Laporan 71
6.17.1 Olah Nilai 71
6.17.1.1 Lay out 71
6.17.1.2 Deskripsi Masukan 72
Telkom
6.17.1.3 Algoritma 72
7 Perancangan Antaramuka Manusia 72
7.1 Gambaran Umum Antarmuka Pengguna 72
7.1.1 Teacher atau dosen 72
7.1.1.1 Unggah Materi 72
7.1.1.2 Membuat Grup Kelas 72
7.1.1.3 Unggah Assignment 72
7.1.1.4 Undang Siswa 72
7.1.1.5 Membuat Quiz 72
7.1.1.6 Lihat Nilai 72
7.1.1.7 Lihat Absensi 72
7.1.2 Student atau mahasiswa 73
7.1.2.1 Unduh Materi 73
7.1.2.2 Join Grup Kelas 73
7.1.2.3 Unggah Assignment 73
7.1.2.4 Mengerjakan Quiz 73
7.1.2.5 Lihat Nilai 73
7.1.2.6 Lihat Absensi 73
7.2 Tampilan layar 73
7.2.1 Homepage 73
7.2.2 Login Tidak Berhasil 75
7.2.3 Teacher atau dosen 75
7.2.3.1 Daftar Akun 75
7.2.3.2 Dashboard Teacher atau dosen 76
7.2.3.3 Dashboard Teacher atau dosen Tambah Materi 77
7.2.3.4 Dashboard Teacher atau dosen Tambah Assignment 78
7.2.3.5 Dashboard Teacher atau dosen Create Quiz 79
7.2.3.6 Dashboard Teacher atau dosen Membuat Soal Quiz 80
7.2.3.7 Dashboard Teacher atau dosen Lihat Nilai 81
7.2.3.8 Dashboard Teacher atau dosen Lihat Absensi 82
7.2.4 Student atau mahasiswa 82
7.2.4.1 Daftar Akun 82
7.2.4.2 Dashboard Student atau mahasiswa 83
7.2.4.3 Dashboard Student atau mahasiswa Unggah Assignment 83
7.2.4.4 Dashboard Student atau mahasiswa Melakukan Quiz 84
7.2.4.5 Dashboard Student atau mahasiswa Lihat Nilai 84
7.2.4.6 Dashboard Student atau mahasiswa Lihat Absensi 85
Telkom
7.2.5 Halaman About 86
7.2.6 Halaman Blog 86
7.2.7 Halaman Teacher atau dosen 87
7.2.8 Halaman Contact Us 87
7.2.9 Halaman Privacy 88
7.2.10 Halaman Term of Service 88
Telkom
Daftar Gambar
Gambar 1. Diagram Relasi Entitas........................................................................................................................22
Gambar 2. Diagram Relasi....................................................................................................................................27
Gambar 3. Perancangan Arsitektur.......................................................................................................................30
Gambar 4. Tampilan Homepage...........................................................................................................................31
Gambar 5. Tampilan Log in - Tidak Berhasil.......................................................................................................32
Gambar 6. Tampilan Daftar Akun Teacher atau dosen.........................................................................................32
Gambar 7. Tampilan Dashboard Teacher atau dosen............................................................................................33
Gambar 8. Tampilan Dashboard Teacher atau dosen - Tambah Materi................................................................34
Gambar 9. Tampilan Dashboard Teacher atau dosen - Tambah Assignment........................................................35
Gambar 10. Tampilan Dashboard Teacher atau dosen - Create Quiz...................................................................36
Gambar 11. Tampilan Dashboard Teacher atau dosen - Membuat Soal Quiz.......................................................37
Gambar 12. Tampilan Dashboard Teacher atau dosen - Lihat Nilai.....................................................................38
Gambar 13. Tampilan Dashboard Teacher atau dosen - Liat Absensi...................................................................39
Gambar 14. Tampilan Daftar Akun Student atau mahasiswa................................................................................40
Gambar 15. Tampilan Dashboard Student atau mahasiswa..................................................................................41
Gambar 16. Tampilan Dashboard Student atau mahasiswa - Unggah Assignment..............................................42
Gambar 17. Tampilan Dashboard Student atau mahasiswa - Melakukan Quiz....................................................43
Gambar 18. Tampilan Dashboard Student atau mahasiswa - Lihat Absensi.........................................................44
Gambar 19. Tampilan Dashboard Student atau mahasiswa - Lihat Nilai.............................................................45
Gambar 20. Tampilan Halaman About..................................................................................................................46
Gambar 21. Tampilan Halaman Blog....................................................................................................................47
Gambar 22. Tampilan Halaman Teacher atau dosen.............................................................................................48
Gambar 23. Tampilan Halaman Contact Us..........................................................................................................49
Gambar 24. Tampilan Halaman Privacy...............................................................................................................50
Gambar 25. Tampilan Halaman Term of Service..................................................................................................51
Gambar 26. Peringatan username dan password..................................................................................................62
Gambar 27. Konfirmasi submit quiz.....................................................................................................................63
Gambar 28. Konfirmasi dalam mengerjakan soal quiz.........................................................................................63
Gambar 29. Tampilan Homepage.........................................................................................................................74
Gambar 30. Login Tidak Berhasil......................................................................................................................75
Gambar 31. Daftar Akun.......................................................................................................................................75
Gambar 32. Dashboard Teacher atau dosen..........................................................................................................76
Gambar 33. Dashboard Teacher atau dosen Tambah Materi..............................................................................77
Gambar 34. Dashboard Teacher atau dosen Tambah Assignment.....................................................................78
Gambar 35. Dashboard Teacher atau dosen Create Quiz...................................................................................79
Gambar 36. Dashboard Teacher atau dosen Membuat Soal Quiz......................................................................80
Gambar 37. Dashboard Teacher atau dosen Lihat Nilai.....................................................................................81
Gambar 38. Dashboard Teacher atau dosen Lihat Absensi................................................................................82
Gambar 39. Daftar Akun.......................................................................................................................................82
Gambar 40. Dashboard Student atau mahasiswa..................................................................................................83
Gambar 41. Dashboard Student atau mahasiswa Unggah Assignment.............................................................83
Gambar 42. Dashboard Student atau mahasiswa Melakukan Quiz...................................................................84
Gambar 43. Dashboard Student atau mahasiswa Lihat Nilai.............................................................................84
Gambar 44. Dashboard Student atau mahasiswa Lihat Absensi........................................................................85
Gambar 45. Halaman About..................................................................................................................................86
Gambar 46. Halaman Blog....................................................................................................................................86
Gambar 47. Halaman Teacher atau dosen.............................................................................................................87
Gambar 48. Halaman Contact Us.........................................................................................................................87
Gambar 49. Halaman Privacy...............................................................................................................................88
Gambar 50. Halaman Term of Service..................................................................................................................88
Telkom
Tabel 1. Daftar Definisi dan Istilah.......................................................................................................................13
Tabel 2. Daftar Istilah............................................................................................................................................14
Tabel 3. Dekomposisi Fungsional Modul.............................................................................................................18
Tabel 4. Dosen.......................................................................................................................................................27
Tabel 5. Kuis.........................................................................................................................................................27
Tabel 6. Mahasiswa...............................................................................................................................................28
Tabel 7. Mata Kuliah.............................................................................................................................................28
Tabel 8. Materi......................................................................................................................................................28
Tabel 9. Nilai.........................................................................................................................................................29
Tabel 10. Tugas.....................................................................................................................................................29
Tabel 11. User Mahasiswa....................................................................................................................................29
Tabel 12. User Dosen............................................................................................................................................29
Tabel 13. Tampilan Homepage..............................................................................................................................51
Tabel 14. Tampilan Login Tidak Berhasil..........................................................................................................52
Tabel 15. Tampilan Daftar Akun Teacher atau dosen...........................................................................................53
Tabel 16. Tampilan Dashboard Teacher atau dosen..............................................................................................53
Tabel 17. Tampilan Dashboard Teacher atau dosen Tambah Materi..................................................................54
Tabel 18. Tampilan Dashboard Teacher atau dosen Tambah Assignment.........................................................54
Tabel 19. Tampilan Dashboard Teacher atau dosen Create Quiz.......................................................................55
Tabel 20. Tampilan Dashboard Teacher atau dosen Membuat Soal Quiz..........................................................56
Tabel 21. Tampilan Dashboard Teacher atau dosen Lihat Nilai.........................................................................56
Tabel 22. Tampilan Dashboard Teacher atau dosen Lihat Absensi....................................................................57
Tabel 23. Tampilan Daftar Akun Student atau mahasiswa...................................................................................57
Tabel 24. Tampilan Dashboard Student atau mahasiswa......................................................................................58
Tabel 25. Tampilan Dashboard Student atau mahasiswa Upload Assignment..................................................59
Tabel 26. Tampilan Dashboard Student atau mahasiswa Melakukan Quiz.......................................................59
Tabel 27. Tampilan Dashboard Student atau mahasiswa Lihat Absensi............................................................60
Tabel 28. Tampilan Dashboard Student atau mahasiswa Lihat Nilai.................................................................60
Tabel 29. Tampilan Halaman About......................................................................................................................61
Tabel 30. Tampilan Halaman Blog........................................................................................................................61
Tabel 31. Tampilan Halaman Teacher atau dosen.................................................................................................61
Tabel 32. Tampilan Halaman Contact Us..............................................................................................................61
Tabel 33. Tampilan Halaman Privacy...................................................................................................................62
Tabel 34. Tampilan Halaman Term of Service......................................................................................................62
Tabel 35 Layout Hasil Nilai..................................................................................................................................71
Telkom
1 Pendahuluan
1.1 Tujuan Penulisan Dokumen
Tujuan dari penulisan dokumen ini adalah sebagai acuan teknis yang diperlukan dalam proses
pengembangan maupun perubahan fitur selanjutnya. Dengan dokumen ini diharapkan pengembang
perangkat lunak akan dimudahkan dalam perubahan fitur dari perangkat lunak tersebut. Tujuan dokumen
ini untuk memberikan gambaran secara lebih detil kepada para pengembang tentang apa dan bagaimana
perangkat lunak Cloud Learning.
1.2 Lingkup Masalah

Produk yang dirancang diharapkan mampu membangun sebuah sistem pembelajaran berbasis
e-learning dalam sistem akademik yang juga kemudian bisa dimanfaatkan oleh perguruan-perguruan
tinggi lainnya. Program ini nantinya diharapkan dapat membantu peningkatan kualitas kegiatan
pembelajaran. Program yang dibangun merupakan sarana pendukung dari kegiatan tatap muka yang
memanfaatkan teknologi informasi. Program ini nantinya akan meringankan dosen dalam mengadakan
kuis, dimana nilai nantinya akan secara otomatis keluar sesuai hasil yang telah dikerjakan. Dengan
adanya program ini, mahasiswa dapat mengunduh materi yang diunggah oleh dosen yang diajarkan
ketika tatap muka sehingga mahasiswa diharapkan sudah memahami materi yang disampaikan di kelas.
1.3 Definisi dan Istilah
Tabel 1. Daftar Definisi dan Istilah
Kata Kunci atau Frase Definisi dan atau akronim
SRS Software Requirement Spesification adalah

dokumen yang menjelaskan tentang berbagai
kebutuhan yang harus dipenuhi oleh suatu
software.
SKPL Spesifikasi Kebutuhan Perangkat Lunak adalah

spesifikasi dari perangkat lunak yang akan
dikembangkan.
DFD Data Flow Diagram adalah suatu diagram yang

menggunakan notasi-notasi untuk
menggambarkan arus dari data sistem, yang
penggunaannya sangat membantu untuk
memahami sistem secara logika, terstruktur dan
jelas.
ERD Entity Relationship Diagram adalah suatu model

untuk menjelaskan hubungan antar data dalam
basis data berdasarkan objek-objek dasar data
yang mempunyai hubungan antar relasi.
STD State Transition Diagram adalah suatu diagram
Telkom
yang menggambarkan bagaimana suatu proses
dihubungkan satu sama lain dalam waktu yang
bersamaan.
DPPL Deskripsi Perancangan Perangkat Lunak adalah

dokumen yang berisi tentang deskripsi perangkat
lunak yang akan dikembangkan.
DBMS Database Management System sistem

pengorganisasian dan sistem pengolahan database
pada komputer.
PHP Hypertext Preprocessor adalah Bahasa transkrip

yang dapat ditanamkan atau disisipkan ke dalam
HTML.
Tabel 2. Daftar Istilah
Istilah Definisi
User Setiap orang yang memakai atau menjalankan

aplikasi.
E-Learning Pembelajaran online berbasis teknologi yang

sedang berkembang saat ini.
Administrator Setiap orang yang dapat mengubah sistem

aplikasi dan memutuskan apa saja yang bisa
dilakukan oleh user.
Unregistered Account Setiap pengguna atau user yang menggunakan

aplikasi tanpa melakukan registrasi terlebih
dahulu.
Server Sesuatu yang dapat menjalankan dan mengatur

sistem administrasi jaringan melalui perangkat
lunak administrative untuk mengontrol akses
terhdapa jaringan dan sumber daya di dalamnya.
Client Setiap orang yang diatur dalam sebuah jaringan

yang terhubung.
Button Tombol yang digunakan untuk menjalankan

sebuah perintah yang diinginkan.
Password Sekumpulan karakter atau string yang digunakan

oleh pengguna jaringan atau sebuah sistem
operasi untuk memverifikasi identitas dirinya
kepada sistem keamanan yang dimiliki oleh
Telkom
jaringan atau sistem tersebut.
Username Serangkaian huruf yang merupakan tanda

pengenal untuk masuk dan mengakses sebuah
jaringan atau sistem operasi.
Log in Sebuah proses untuk mengakses komputer

dengan memasukkan identitas dari akun
pengguna dan kata sandi guna mendapatkan hak
akses menggunakan sumber daya komputer
tujuan.
Dashboard Biasa disebut dengan Digital Dashboard adalah

sebuah tampilan panel yang dibuat oleh sebuah
software komputer dengan tujuan menampilkan
informasi yang mudah dibaca.
Sign up Proses pendaftaran menjadi member malalui

registrasi dengan mengisi biodata.
Quiz Ujian yang diadakan dosen kepada mahasiswa

untuk menguji kemampuan mahasiswa.
Editbox Suatu kotak yang ada pada interface yang

digunakan untuk mengisikan suatu informasi
yang diminta oleh sistem.
Assignment Biasa disebut dengan tugas adalah sebuah

perintah yang diberikan oleh dosen kepada
mahasiswa untuk dikerjakan dan dinilai untuk
menilai pencapaian mahasiswa pada suatu mata
kuliah.
Sidebar Bagian dari tampilan aplikasi yang biasanya

berisi tentang menu-menu kategori, menu tags,
dll.
Navbar Biasa disebut navigation bar adalah sebuah balok

navigasi yang terletak di bagian atas halaman
aplikasi. Navbar berfungsi untuk melakukan hal-
hal tertentu yang terkait dengan navigasi aplikasi.
Operating System Perangkat lunak sistem yang mengatur sumber

daya dari perangkat keras dan perangkat lunak.
Development Tools Sebuah program komputer yang digunakan oleh

pengembang perangkat lunak untuk membuat,
debug, mempertahankan, atau mendukung
program lain dan aplikasi.
Framework Sebuah software untuk memudahkan

programmer membuat aplikasi atau web yang
Telkom
isinya adalah berbagai fungsi, plugin, dan konsep
sehingga membentuk suatu sistem tertentu.
1.4 Referensi
Penulisan dokumen ini merujuk berdasarkan pada :
1. Pressman, R. S. (2010). Software Engineering: A Practitioner's Approach, 7th Edition. McGraw Hill.
2. Spesifikasi Kebutuhan Perangkat Lunak (SKPL). (2010, 05 26). Retrieved from Edugame
Documentation: https://edugamemppl.wordpress.com/2010/05/26/spesifikasi-kebutuhan-perangkat-
lunak-skpl/
1.5 Deskripsi Umum Dokumen
DPPL ini berisi tentang semua tahapan perancangan meliputi perangkat lunak yang digunakan
dalam pembuatan aplikasi. Dalam DPPL ini terdapat tujuh bagian meliputi:
1. Pendahuluan
Pada bagian ini membahas tentang latar belakang penulisan DPPL, maksud dan tujuan
penulisan DPPL, definisi dan istilah yang digunakan dalam penulisan DPPL, dan referensi yang
digunakan dalam penyusunan DPPL.
2. Deskripsi Perancangan
Pada bagian ini membahas tentang rancangan lingkungan implementasi yang meliputi
operating system, DBMS, development tools, dan bahasa pemrograman yang digunakan dalam
perancangan perangkat lunak. Bagian ini juga membahas tentang dekomposisi fungsional modul
yang berisi tabel dengan kolom modul, proses, keterangan.
3. Perancangan Data
Pada bagian ini membahas tentang diagram relasi entitas, kamus data, skema relasi, diagram
relasi dan struktur tabel. Diagram relasi entitas menggambarkan ERD lengkap dengan nama entitas,
nama relasi antar entitas, dan juga kardinalitasnya. Bagian kamus data berisi daftar entitas sistem
secara alfabetik yang disertai dengan tipe data dan keterangannya. Skema relasi berisikan skema
relasi yang dituliskan dengan format tertentu. Pada bagian diagram relasi, ERD pada poin 3.1
ditransformasikan ke dalam bentuk diagram relasi. Sedangkan di bagian struktur table, berisikan
deskripsi tabel-tabel data mengenai daftar tabel dan deskripsi isinya.
4. Perancangan Arsitektur
Pada bagian ini digambarkan mengenai arsitektur perangkat lunak secara keseluruhan dengan
menggunakan structure chart atau arsitektur perangkat lunak.
5. Perangcangan Antarmuka
Pada bagian ini berisi tentang deskripsi layar dan deskripsi pesan. Pada deskripsi layar akan
dijelaskan mengenai sketsa layar yang dilengkapi dengan objek-objek di dalamnya. Sedangkan pada
deskripsi pesan akan dijelaskan mengenai sketsa pesan yang dilengkapi dengan objek-objek di
dalamnya.
6. Perancangan Prosedural
Pada bagian ini membahas tentang nama proses dan perancangan laporan. Pada nama proses
akan dijelaskan mengenai identitas dan deskripsi proses yang meliputi deskripsi masukan, deskripsi
Telkom
keluaran dan algoritma. Sedangkan pada perancangan laporan berisi tentang layout laporan yang
meliputi nama laporan, layout, deskripsi masukan dan algoritma yang digunakan.
7. Perancangan Antarmuka Manusia

Pada bagian ini berisi tentang gambaran umum antarmuka manusia dan tampilan layar.
Gambaran umum antarmuka pengguna akan menggambarkan fungsionalitas sistem dari sudut
pandang pengguna, menjelaskan bagaimana pengguna akan menggunakan sistem guna
menyelesaikan semua fitur sesuai dengan yang diharapkan dan informasi umpan balik yang akan
ditampilkan kepada pengguna. Sedangkan tampilan layar akan menampilkan screenshot, mockup
yang menggambarkan antarmuka sistem dari sudut pandang pengguna, dimana gambar berupa hasil
dari alat bantu menggambar terotomasi.
2 Deskripsi Perancangan
2.1 Rancangan Lingkungan Implementasi
Operating system, DBMS, development tools, filing system, bahasa pemrograman yang dipakai :
1. Operating Sistem : Windows 7
2. DBMS : MySQL
3. Development Tools : Adobe Dreamweaver CS4, AgroUML, XAMPP, Visio 2013, Ms. Word 2016,
Notepad++.
4. Bahasa Pemrograman : PHP
5. Framework : -
Telkom
2.2 Dekomposisi Fungsional Modul
Tabel 3. Dekomposisi Fungsional Modul
No. Fungsi Data input Data output Keterangan
DPPL_1 Login Dosen Username dan Masuk Ke Fungsi ini adalah fungsi
Password dosen halaman menu untuk dosen menuju
utama dosen halaman menu utama
dosen dengan hak akses
tertentu seperti
memanipulasi data nilai
DPPL_2 Logout dosen Tombol logout Kembali ke Fungsi ini adalah fungsi
halaman menu untuk melakukan logout
utama Cloud dari sistem di Cloud
Learning Learning
DPPL_3 Login Mahasiswa Username dan Masuk Ke Fungsi ini adalah fungsi
Password Mahasiswa halaman menu untuk mahasiswa menuju
utama Mahasiswa halaman menu utama
mahasiswa dengan hak
akses tertentu
DPPL_4 Logout Mahasiswa tombol logout Kembali ke Fungsi ini adalah fungsi
halaman menu untuk melakukan logout
utama Cloud dari sistem di Cloud
Learning Learning
DPPL_5 Auntetifikasi tombol auntetifikasi Masuk ke halaman Fungsi ini adalah fungsi
Dosen dosen Login Dosen untuk melakukan
auntetifikasi user baru
untuk dosen pada sistem
DPPL_6 Auntetifikasi Tombol auntetifikasi Masuk ke halaman Fungsi ini adalah fungsi
Mahasiswa mahasiswa Login Mahasiswa untuk melakukan
auntetifikasi user baru
untuk mahasiswa pada
sistem
DPPL_7 Pengaturan akun Tombol pengaturan Masuk ke halaman fungsi ini adalah fungsi
akun pengaturan akun untuk melakukan
pengaturan terhadap akun
yang sudah di daftarkan
DPPL_8 Manipulasi data Tombol manipulasi data Masuk ke halaman fungsi ini adalah fungsi
dosen dosen manipulasi data untuk menampilkan list
Telkom
dosen dosen yang sudah terdaftar
di daftar dosen dan dapat
memanipulasi data dosen
DPPL_9 Manipulasi data Tombol manipulasi data Masuk ke halaman Fungsi ini adalah fungsi
mahasiswa mahasiswa manipulasi data untuk menampilkan list
mahasiswa mahasiswa yang sudah
terdaftar di daftar
mahasiswa dan dapat
memanipulasi data
mahasiswa
DPPL_10 Daftar dosen Username Login, Telah Fungsi ini adalah fungsi
Password Login, Status ditambahkan untuk memasukkan data
User, NIP,kode dosen, dosen baru dosen baru dan data yang
Nama depan, nama diperlukan untuk login.
belakang
DPPL_11 Daftar Mahasiswa Username Login, Telah Fungsi ini adalah fungsi
Password Login, Status ditambahkan untuk memasukkan data
User, NIM, Nama mahasiswa baru mahasiswa baru dan data
depan, nama belakang yang diperlukan untuk
login.
DPPL_12 Edit dosen Tombol edit dosen Data dosen telah Fungsi ini adalah fungsi
diubah untuk mengubah data
dosen
DPPL_13 Edit Mahasiswa Tombol edit mahasiswa Data mahasiswa Fungsi ini adalah fungsi
telah diubah untuk mengubah data
mahasiswa
DPPL_14 Hapus Dosen Tombol hapus dosen Data dosen telah Fungsi ini adalah fungsi
terhapus untuk menghapus data
dosen dari sistem
DPPL_15 Hapus Mahasiswa Tombol hapus Data mahasiswa Fungsi ini adalah fungsi
mahasiswa telah terhapus untuk menghapus data
mahasiswa dari sistem
DPPL_16 Daftar mata kuliah ID Mata Kuliah, Nama Telah Fungsi ini adalah fungsi
Mata Kuliah, Deskripsi ditambahakn mata untuk memasukkan Mata
Mata Kuliah, kode kuliah baru kuliah baru
dosen
DPPL_17 Manipulasi data Tombol manipulasi Masuk ke halaman Fungsi ini adalah fungsi
mata kuliah mata kuliah manipulasi mata untuk menampilkan list
kuliah mata kuliah yang sudah
Telkom
terdaftar di sistem
DPPL_18 Edit mata kuliah Tombol edit mata Data mata kuliah Fungsi ini digunakan
kuliah berhasil diubah untuk merubah data mata
kuliah
DPPL_19 Manipulasi Nilai Tombol Manipulasi Masuk ke halaman Fungsi ini adalah fungsi
Nilai manipulasi data untuk menampilkan list
Nilai Nilai mata kuliah
DPPL_20 Tambah Nilai ID Mahasiswa, ID mata Nilai telah Fungsi ini adalah fungsi
kuliah, Nilai Mata ditambahkan ke untuk memasukkan nilai
Kuliah data nilai mahasiswa ke database
oleh dosen
DPPL_21 Input materi Tombol Input materi File materi telah Fungsi ini adalah fungsi
ditambahkan ke untuk memasukkan file
sistem materi ke dalam database
DPPL_22 Input Kuis Tombol Input Kuis File Kuis telah Fungsi ini adalah fungsi
sistem kuis ke dalam database
DPPL_23 Input Tugas Tombol Input tugas File tugas telah Fungsi ini adalah fungsi
sistem tugas ke dalam database
DPPL_24 Input Daftar Nilai Tombol Input daftar File nilai telah Fungsi ini adalah fungsi
nilai diinput ke sistem untuk menginputkan
daftar nilai ke sistem
DPPL_25 Unduh materi Tombol unduh materi File materi telah Fungsi ini adalah fungsi
diunduh dari untuk mengunduh file
sistem materi dari sistem
DPPL_26 Unduh Tugas Tombol unduh Tugas File tugas telah Fungsi ini adalah fungsi
diunduh dari untuk mengunduh file
sistem Tugas dari sistem
DPPL_27 Edit Kuis Tombol edit kuis File kuis berhasil Fungsi ini adalah fungsi
diedit untuk mengedit file kuis
yang berada di sistem
DPPL_28 Edit Materi Tombol edit materi File materi fungsi ini adalah fungsi
berhasil diedit untuk mengedit file Materi
DPPL_29 Edit tugas Tombol edit tugas File tugas berhasil Fungsi ini adalah fungsi
diedit untuk mengedit file tugas
Telkom
DPPL_30 Delete Materi Tombol delete materi File materi Fungsi ini adalah fungsi
berhasil dihapus untuk menghapus file
dari sistem materi dari sistem
DPPL_31 Delete Kuis Tombol Delete Kuis File kuis behasil Fungsi ini adalah fungsi
dihapus dari untuk menghapus file kuis
sistem dari sistem
DPPL_32 Delete tugas Tombol delete tugas File tugas berhasil Fungsi ini adalah fungsi
dihapus dari untuk menghapus file
sistem tugas dari sistem
Telkom
3 Perancangan Data
3.1 Diagram Relasi Entitas
.
Gambar 1. Diagram Relasi Entitas
3.2 Kamus Data

Entitas yang dipakai
1. Nama entitas : Dosen

Tipe data
a. NIK : Varchar
b. Nama_depan : Varchar
c. Nama_belakang : Varchar
Relasi
a. Mata kuliah
a) Nama relasi : Mengajar
Telkom
b) Kardinalitas : Satu ke banyak
b. Nilai
a) Nama relasi : Mengisi
c. User Dosen
a) Nama relasi : Membuat
b) Kardinalitas : Satu ke Satu
Keterangan
a. Satu dosen dapat mengajar banyak mata kuliah
b. Satu dosen dapat mengisi banyak nilai
c. Satu dosen hanya dapat mempunyai 1 user dosen
2. Nama entitas : Kuis

Tipe data
a. Kode_kuis : Varchar
b. Nama_Kuis : Varchar
Relasi
a. User Dosen
a) Nama relasi : Memberikan
b) Kardinalitas : Banyak ke satu
b. User Mahasiswa
a) Nama relasi : Mengikuti
Keterangan :
a. Kuis diberikan hanya dari satu dosen, dan dosen dapat memberikan banyak kuis
b. Banyak kuis hanya dapat diikuti oleh satu user mahasiswa
3. Nama entitas : Mahasiswa

Tipe Data
a. NIM : Varchar
b. Nama_depan : Varchar
c. Nama_belakang : Varchar
Relasi
a. Mata Kuliah
a) Nama relasi : mengambil
b) Kardinalitas : Banyak ke banyak
b. Nilai
a) Nama relasi : Menghasilkan
c. User mahasiswa
a) Nama relasi : Memiliki
b) Kardinalitas : Satu ke satu
Keterangan
a. Mahasiswa dapat memilih banyak mata kuliah
b. Mahasiswa dengan mata kuliah dapat menghasilkan banyak nilai
c. Setiap mahasiswa hanya dapat memiliki satu user mahasiswa
4. Nama entitas : Mata Kuliah

Tipe data
a. Kode_MK : Varchar
b. Nama_MK : Varchar
Telkom
Relasi
a. Dosen
a) Nama Relasi : Mengajar
b. Materi
a) Nama relasi : Mempunyai
c. Mahasiswa
a) Nama relasi : Mengambil
Keterangan
a. Satu dosen dapat mengajar banyak mata kuliah.
b. Banyak mata kuliah dapat diikuti oleh banyak mahasiswa.
c. Mata kuliah dapat memiliki banyak materi.
5. Nama entitas : Materi

Tipe Data
a. Kode_materi : Varchar
b. Nama_Materi : Varchar
Relasi
a. Mata kuliah
b. User Dosen
a) Nama relasi : Mengupload
c. User Mahasiswa
a) Nama relasi : Mengunduh
Keterangan
a. Materi dapat dimiliki oleh banyak mata kuliah
b. Satu user dosen dapat mengupload banyak materi
c. Satu user mahasiswa dapat mengunduh banyak materi
6. Nama entitas : Nilai

Tipe Data
a. Nilai_bagian : Number
b. Nilai_total : Number
c. Index : Varchar
Relasi
a. Dosen
a) Nama relasi : mengisi
b. Mahasiswa serta Mata kuliah
a) Nama relasi : Menghasilkan
Keterangan
a. Satu dosen dapat memberikan banyak nilai
b. Mahasiswa dan Mata kuliah mengisi nilai
7. Nama entitas : Tugas

Tipe data
a. Kode_tugas : Varchar
Telkom
b. Nama_tugas : Varchar
Relasi
a. User dosen
b) Kardinalitas : banyak ke satu
b. User Mahasiswa
a) Nama relasi : Mengerjakan
Keterangan
a. Tugas hanya diberikan dari satu user dosen.
b. Banyak tugas hanya dapat dikerjakan oleh satu user mahasiswa
8. Nama entitas : User Dosen

Tipe data
a. Username_dosen : Varchar
b. Password_dosen : Varchar
Relasi
a. Dosen
a) Nama relasi : Membuat
b. Materi
a) Nama relasi : mengupload
c. Tugas
d. Kuis
Keterangan
a. User dosen hanya dapat dimiliki oleh satu dosen saja.
b. User dosen dapat mengupload banyak materi
c. User dosen dapat memberikan banyak kuis dan materi
9. Nama entitas : User Mahasiswa

Tipe data
a. Username_mhs : Varchar
b. Password_mhs : Varchar
Relasi
a. Kuis
a) Nama relasi : Mengikuti
b. Mahasiswa
c. Tugas
a) Nama relasi : Mengerjakan
Keterangan
a. Satu user mahasiswa dapat mengikuti banyak kuis dan tugas
b. Satu user mahasiswa hanya dapat dimiliki oleh satu mahasiswa saja
Telkom
3.3 Skema Relasi
Kuis = (Kode_Kuis , Nama_Kuis)
Tugas = (Kode_Tugas , Nama_Tugas)
User Mahasiswa = (Username_Mhs , Password_Mhs)
Mahasiswa = (NIM , Nama_Depan , Nama_Belakang)
Mata Kuliah = (Kode_MK , Nama_MK)
Materi = (Kode_Materi , Nama_Materi)
Dosen = (NIK , Nama_Depan , Nama_Belakang)
User Dosen = (Username_Dosen , Password_Mahasiswa)
Nilai = (Nilai_Total , Nilai_Bagian, Index )
3.4 Diagram Relasi
Gambar 2. Diagram Relasi
3.5 Struktur Tabel
Tabel 4. Dosen
Nama Field Tipe Data Panjang Kunci Keterangan
NIK Varchar Null Primary Key Nomor ID Dosen
Telkom
Nama_depan Varchar Null Non Primary Key Nama Depan
Dosen
Nama_Belakang Varchar Null Non Primary Key Nama Belakang

Dosen
Tabel 5. Kuis
Kode_Kuis Varchar Null Primary Key Nomor ID Kuis
Nama_Kuis Varchar Null Non Primary Key Nama Pelajaran

yang mengadakan
Kuis / Judul Kuis
Tabel 6. Mahasiswa
NIM Varchar Null Primary Key Nomor ID

Mahasiswa
Nama_Depan Varchar Null Non Primary Key Nama Depan

Mahasiswa
Nama_Belakang Varchar Null Non Primary Key Nama Belakang

Mahasiswa
Tabel 7. Mata Kuliah
Kode_MK Varchar Null Primary Key Kode Mata Kuliah
Nama_MK Varchar Null Non Primary Key Nama Mata Kuliah

yang diambil
mahasiswa atau
yang diajarkan oleh
dosen
Tabel 8. Materi
Telkom
Kode_Materi Varchar Null Primary Key Kode Materi
Nama_Materi Varchar Null Non Primary Key Nama Materi dari

suatu pelajaran
Tabel 9. Nilai
Nilai_Bagian Number Null Non Primary Key Pembagian

pembagian nilai
seperti UTS ,
UAS , Tugas dan
lain-lain
Nilai_Total Number Null Non Primary Key Nilai setelah di

totalkan dan dirata-
ratakan
Index Varchar Null Non Primary Key Index akhir nilai
Tabel 10. Tugas
Kode_Tugas Varchar Null Primary Key Kode Tugas
Nama_Tugas Varchar Null Non Primary Key Nama Tugas yang

diberikan
Tabel 11. User Mahasiswa
User_Mhs Varchar Null Primary Key User yang

digunakan
mahasiswa, dimana
setiap user harus
berbeda.
Password_Mhs Varchar Null Non Primary Key Password

mahasiswa yang
diproteksi
Tabel 12. User Dosen
Telkom
User_Dosen Varchar Null Primary Key User yang
digunakan dosen,
dimana setiap user
harus berbeda
Password_Dosen Varchar Null Non Primary Key Password Dosen

yang diproteksi
4 Perancangan Arsitektur
Gambar 3. Perancangan Arsitektur
5 Perancangan Antarmuka
5.1 Deskripsi Layar
5.1.1 Nama Layar
5.1.1.1 Tampilan Homepage
Telkom
Gambar 4. Tampilan Homepage
Identitas nama layar : Tampilan Homepage

Deskripsi : Halaman Utama atau halaman depan yang menampilan button daftar
untuk teacher atau dosen dan student atau mahasiswa. Halaman ini
juga menampilan field username dan password. Button login
digunakan untuk mengarahkan pada halaman dashboard sesuai dengan
tipe usernya jika username dan password sesuai. Button lupa password
untuk mengarahkan pada halaman lupa password.
Telkom
5.1.1.2 Tampilan Login Tidak Berhasil
Gambar 5. Tampilan Log in - Tidak Berhasil
Identitas nama layar : Tampilan Login Tidak Berhasil

Deskripsi : Untuk autentifikasi pengguna sesuai dengan hak level user untuk
mendapatkan halaman yang sesuai. Editbox username dan password
digunakan untuk memasukkan username dan password teacher atau
dosen atau student atau mahasiswa. Tombol login digunakan untuk
mengarahkan pada halaman dashboard sesuai dengan level usernya
jika username dan password sesuai. Tombol lupa password untuk
mengarahkan pada halaman lupa password.
5.1.1.3 Tampilan Daftar Akun Teacher atau dosen
Gambar 6. Tampilan Daftar Akun Teacher atau dosen
Identitas nama layar : Tampilan Daftar Akun Teacher atau dosen

Deskripsi : Editbox Email Address dan password digunakan untuk memasukkan
Email Address dan password teacher atau dosen. Tombol Sign Up for
Free digunakan untuk mendaftarkan akun sebagai Teacher atau dosen.
Telkom
5.1.1.4 Tampilan Dashboard Teacher atau dosen
Gambar 7. Tampilan Dashboard Teacher atau dosen
Identitas nama layar : Tampilan Dashboard Teacher atau dosen

Deskripsi : Halaman utama pada pengguna dengan hak level user sebagai
teacher atau dosen. Pada navbar terdapat icon home yang berfungsi
untuk mengarahkan ke halaman dashboard dari akun teacher atau
dosen tersebut. Icon sebalah home berfungsi untuk menampilkan
halaman yang berisikan seluruh group yang ada pada akun tersebut.
Icon folder berfungsi untuk mengarahkan ke halaman unggah materi.
Terdapat search box yang berguna untuk membantu teacher atau dosen
dalam mencari data. Icon lonceng berfungsi untuk menampilkan
notifikasi. Icon setup berisikan perintah untuk keluar dari sistem
tersebut. Pada bagian content terdapat 3 tab yaitu Note, Assignment
dan Quiz. Tab Note akan merujuk untuk melakukan pengiriman note
dari teacher atau dosen. Tab Assignment akan merujuk ke halaman
unggah atau unduh asignment. Tab Quiz akan merujuk ke halaman
Create Quiz. Pada bagian side bar sebalah kanan terdapat kode kelas
dan button untuk mengundang siswa masuk ke dalam grup kelas yang
guru tersebut ajar.
5.1.1.5 Tampilan Dashboard Teacher atau dosen Tambah Materi
Telkom
Gambar 8. Tampilan Dashboard Teacher atau dosen - Tambah Materi
Identitas nama layar : Tampilan Dashboard Teacher atau dosen - Tambah Materi
Deskripsi : Halaman utama dari pengguna teacher atau dosen yang digunakan
untuk mengunduh materi yang nantinya dapat di unduh oleh siswa.
Telkom
5.1.1.6 Tampilan Dashboard Teacher atau dosen Tambah Assignment
Gambar 9. Tampilan Dashboard Teacher atau dosen - Tambah Assignment
Identitas nama layar : Tampilan Dashboard Teacher atau dosen - Tambah Assignment
untuk mengunduh file assignment atau tugas yang nantinya dapat di
unduh oleh siswa.
Telkom
5.1.1.7 Tampilan Dashboard Teacher atau dosen Create Quiz
Gambar 10. Tampilan Dashboard Teacher atau dosen - Create Quiz
Identitas nama layar : Tampilan Dashboard Teacher atau dosen - Create Quiz
untuk merujuk ke halaman pembuatan soal Quiz dengan menekan
tombol Create a Quiz.
Telkom
5.1.1.8 Tampilan Dashboard Teacher atau dosen Membuat Soal Quiz
Gambar 11. Tampilan Dashboard Teacher atau dosen - Membuat Soal Quiz
Identitas nama layar : Tampilan Dashboard Teacher atau dosen - Menambah Soal Quiz
untuk menginputkan soal - soal quiz. Pada halaman ini, teacher atau
dosen dapat mengeset jumlah soal, limit waktu, dan jawaban dari
setiap soal yang nantinya akan dikerjakan oleh siswa. Teacher atau
dosen juga dapat mengeset tampilan soal di acak atau tidak.
Telkom
5.1.1.9 Tampilan Dashboard Teacher atau dosen Lihat Nilai
Gambar 12. Tampilan Dashboard Teacher atau dosen - Lihat Nilai
Identitas nama layar : Tampilan Dashboard Teacher atau dosen - Lihat Nilai
untuk melihat nilai dari siswa yang teacher atau dosen tersebut ajar,
teacher atau dosen juga dapat mengunduh nilai tersebut.
Telkom
5.1.1.10 Tampilan Dashboard Teacher atau dosen Lihat Absensi
Gambar 13. Tampilan Dashboard Teacher atau dosen - Liat Absensi
Identitas nama layar : Tampilan Dashboard Teacher atau dosen - Lihat Absensi
untuk melihat absensi dari siswa yang teacher atau dosen tersebut ajar,
teacher atau dosen juga dapat mengunduh rekap absensi tersebut.
Telkom
5.1.1.11 Tampilan Daftar Akun Student atau mahasiswa
Gambar 14. Tampilan Daftar Akun Student atau mahasiswa
Identitas nama layar : Tampilan Daftar Akun Student atau mahasiswa

Deskripsi : Editbox Email Address dan password digunakan untuk memasukkan
Email Address dan password teacher atau dosen. Tombol Sign Up for
Free digunakan untuk mendaftarkan akun sebagai Student atau
mahasiswa.
Telkom
5.1.1.12 Tampilan Dashboard Student atau mahasiswa
Gambar 15. Tampilan Dashboard Student atau mahasiswa
Identitas nama layar : Tampilan Dashboard Student atau mahasiswa

Deskripsi : Halaman utama pada pengguna dengan hak level user sebagai
student atau mahasiswa. Pada navbar terdapat icon home yang
berfungsi untuk mengarahkan ke halaman dashboard dari akun student
atau mahasiswa tersebut. Icon sebalah home berfungsi untuk
menampilkan halaman yang berisikan seluruh group yang ada pada
akun tersebut. Icon folder berfungsi untuk mengarahkan ke halaman
unggah materi. Terdapat search box yang berguna untuk membantu
student atau mahasiswa dalam mencari data. Icon lonceng berfungsi
untuk menampilkan notifikasi. Icon setup berisikan perintah untuk
keluar dari sistem tersebut. Sebelum icon loceng terdaoat sebuah
button yang bertuliskan Join a Group yaitu digunakan untuk
menginputkan kode dari kelas atau group yang akan di ikuti. Pada
bagian content terdapat 2 tab yaitu Note dan Assignment. Tab Note
akan merujuk untuk melakukan pengiriman note dari student atau
mahasiswa. Tab Assignment akan merujuk ke halaman unggah
assignment. Pada sidebar sebelah kiri terdapat tampilan yang
memperlihatkan group yang akun tersebut ikuti, dan terdapat tampilan
dengan judul communities yaitu berisikan komunitas (institut) yang
akun tersebut ikuti. Pada sidebar sebelah kanan terdapat tampilan yang
memberitahu adanya tugas / assignment dan quiz yang harus di ikuti
Telkom
oleh siswa tersebut. Dan terdapat tampilan yang dapat memperlihatkan
absensi dari setiap kelas yang siswa tersebut ikut.
5.1.1.13 Tampilan Dashboard Student atau mahasiswa Unggah Assignment
Gambar 16. Tampilan Dashboard Student atau mahasiswa - Unggah Assignment
Identitas nama layar : Tampilan Dashboard Student atau mahasiswa- Unggah Assignment
Deskripsi : Halaman utama dari pengguna student atau mahasiswa yang
digunakan untuk menggunggah file assignment atau tugas. Apabila
siswa tersebut ingin mengunduh file materi dapat mengklik salah satu
materi yang ada pada sidebar sebelah kiri.
Telkom
5.1.1.14 Tampilan Dashboard Student atau mahasiswa Melakukan Quiz
Gambar 17. Tampilan Dashboard Student atau mahasiswa - Melakukan Quiz
Identitas nama layar : Tampilan Dashboard Student atau mahasiswa- Melakukan Quiz
untuk melakuka quiz.
Telkom
5.1.1.15 Tampilan Dashboard Student atau mahasiswa Lihat Absensi
Gambar 18. Tampilan Dashboard Student atau mahasiswa - Lihat Absensi
Identitas nama layar : Tampilan Dashboard Student atau mahasiswa - Lihat Absensi
untuk melihat absensi dari kelas yang siswa tersebut ikuti.
Telkom
5.1.1.16 Tampilan Dashboard Student atau mahasiswa Lihat Nilai
Gambar 19. Tampilan Dashboard Student atau mahasiswa - Lihat Nilai
Identitas nama layar : Tampilan Dashboard Student atau mahasiswa - Lihat Nilai
untuk melihat nilai dari kelas yang siswa tersebut ikuti.
Telkom
5.1.1.17 Tampilan Halaman About
Gambar 20. Tampilan Halaman About
Identitas nama layar : Tampilan Halaman About

Deskripsi : Halaman ini menampilkan atau mendefinisikan Cloud Learning
Telkom
5.1.1.18 Tampilan Halaman Blog
Gambar 21. Tampilan Halaman Blog
Identitas nama layar : Tampilan Halaman Blog

Deskripsi : Halaman ini menampilkan artiket-artikel.
Telkom
5.1.1.19 Tampilan Halaman Teacher atau dosen
Gambar 22. Tampilan Halaman Teacher atau dosen
Identitas nama layar : Tampilan Halaman Teacher atau dosen

Deskripsi : Halaman ini digunakan untuk memperkenalkan Cloud Learning
kepada teacher atau dosen agar teacher atau dosen tertarik untuk
menggunakan aplikasi ini.
Telkom
5.1.1.20 Tampilan Halaman Contact Us
Gambar 23. Tampilan Halaman Contact Us
Identitas nama layar : Tampilan Halaman Contact Us

Deskripsi : Halaman ini digunakan untuk memperlihatkan alamat dan kontak
dari Cloud Learning.
Telkom
5.1.1.21 Tampilan Halaman Privacy
Gambar 24. Tampilan Halaman Privacy
Identitas nama layar : Tampilan Halaman Privacy

Deskripsi : Halaman ini menampilkan kebijakan-kebijakan atau ketentuan yang
ada pada website Cloud Learning tersebut.
Telkom
5.1.1.22 Tampilan Halaman Term of Service
Gambar 25. Tampilan Halaman Term of Service
Identitas nama layar : Tampilan Halaman Term of Service

Deskripsi : Halaman ini menampilkan aturan-aturan yang disediakan oleh
website Cloud Learning.
5.1.2 Deskripsi Objek
5.1.2.1 Tampilan Homepage
Tabel 13. Tampilan Homepage
Jenis Objek Nama Objek Keterangan

Masuk ke halaman dashboard
[teacher atau dosen] atau
Login
halaman dashboard [student
atau mahasiswa]
Button
Masuk ke halaman register
Teacher atau dosen
teacher atau dosen
Student atau Masuk ke halaman register
mahasiswa student atau mahasiswa
Text Field Memasukkan username teacher
Username atau dosen/student atau
mahasiswa
Password Memasukkan password teacher
Telkom
atau dosen/student atau
mahasiswa
Menampilkan pesan bahwa
Lupa Password
username atau password salah
About Masuk ke halaman About
Blog Masuk ke halaman Blog
Hyperlink Masuk ke halaman Teacher
Teacher atau dosen
atau dosen
Privacy Masuk ke halaman Privacy
Masuk ke halaman Term of
Term of Service
Service
Menuju halaman yang
Search Box Search
diinginkan
5.1.2.2 Tampilan Login Tidak Berhasil
Tabel 14. Tampilan Login Tidak Berhasil

Masuk ke halaman dashboard
[teacher atau dosen] atau
Login
halaman dashboard [student
atau mahasiswa]
Button
Masuk ke halaman register
Teacher atau dosen
teacher atau dosen
Student atau Masuk ke halaman register
mahasiswa student atau mahasiswa
Memasukkan username teacher
Username atau dosen/student atau
mahasiswa
Text Field
Memasukkan password teacher
Password atau dosen/student atau
mahasiswa
Menampilkan pesan bahwa
Lupa Password
username atau password salah
About Masuk ke halaman About
Blog Masuk ke halaman Blog
Hyperlink Masuk ke halaman Teacher
Teacher atau dosen
atau dosen
Privacy Masuk ke halaman Privacy
Masuk ke halaman Term of
Term of Service
Service
Search Box Search Menuju halaman yang
Telkom
diinginkan
5.1.2.3 Tampilan Daftar Akun Teacher atau dosen
Tabel 15. Tampilan Daftar Akun Teacher atau dosen

Mendaftar akun sebagai
Button Sign Up for Free
teacher atau dosen
Memasukkan email teacher
Email Address
atau dosen
Text Field
Memasukkan password teacher
Password
atau dosen
5.1.2.4 Tampilan Dashboard Teacher atau dosen
Tabel 16. Tampilan Dashboard Teacher atau dosen

Send Mengirimkan note
Invite Group Mengundang member ke
Button
Member dalam group
See All Grade Melihat seluruh nilai dari siswa
Text Field Type your note here Mengetik note
Masuk ke halaman group
APPL - IF39-12
APPL - IF39-12
Hyperlink Masuk ke halaman group
MATDIS - IF39-12
MATDIS - IF39-12
Create a Group Membuat grup baru
Filter Memfilter post-an
Choose a group,
Memilih group atau student
Drop Down student atau
atau mahasiswa atau teacher
mahasiswa or
atau dosen yang akan di rujuk
teacher atau dosen
Note Masuk ke tab Note
Tab Assignment Masuk ke tab Assingment
Quiz Masuk ke tab Quiz
Menuju halaman yang
Search Box Search
diinginkan
5.1.2.5 Tampilan Dashboard Teacher atau dosen Tambah Materi
Telkom
Tabel 17. Tampilan Dashboard Teacher atau dosen Tambah Materi

Button Add Menambahkan materi
APPL - IF39-12
APPL - IF39-12
MATDIS - IF39-12
MATDIS - IF39-12
Menuju halaman yang
Search Box Search
diinginkan
5.1.2.6 Tampilan Dashboard Teacher atau dosen Tambah Assignment
Tabel 18. Tampilan Dashboard Teacher atau dosen Tambah Assignment

Button
Member dalam group
Memberi judul pada
Assingment Title assignment yang akan di
unggah
Text Field
Memberikan deskripsi untuk
Assignment
file assignment yang akan di
Description
unggah
APPL - IF39-12
APPL - IF39-12
MATDIS - IF39-12
MATDIS - IF39-12
Choose a group,
mahasiswa or
teacher atau dosen
Menuju halaman yang
Search Box Search
diinginkan
Date Picker Date Due date
Telkom
5.1.2.7 Tampilan Dashboard Teacher atau dosen Create Quiz
Tabel 19. Tampilan Dashboard Teacher atau dosen Create Quiz

Button Member dalam group
Create a Quiz Masuk ke halaman Quiz
APPL - IF39-12
APPL - IF39-12
MATDIS - IF39-12
MATDIS - IF39-12
Choose a group,
mahasiswa or
teacher atau dosen
Menuju halaman yang
Search Box Search
diinginkan
5.1.2.8 Tampilan Dashboard Teacher atau dosen Membuat Soal Quiz
Tabel 20. Tampilan Dashboard Teacher atau dosen Membuat Soal Quiz

Memberi tanda bahwa
Done
Button pengisian soal selesai
Add Response Menambahkan soal quiz
Quiz Title Memberi judul pada quiz
Memberi limit waktu
Limite Waktu
pengerjaan
Text Field Point Memberi banyaknya soal
Response Memberi jawaban
Memberi deskripsi mengenai
About this Quiz
quiz yang akan di buat
Drop Down Type Memilih tipe quiz
Tab Questions Masuk ke tab masing-masing
Telkom
quiz
Menuju halaman yang
Search Box Search
diinginkan
Memberi pilihan soal quiz di
Check Box Quiz Option
acak atau tidak
Hyperlink Preview Preview soal quiz
5.1.2.9 Tampilan Dashboard Teacher atau dosen Lihat Nilai
Tabel 21. Tampilan Dashboard Teacher atau dosen Lihat Nilai

APPL - IF39-12
APPL - IF39-12
MATDIS - IF39-12
Hyperlink MATDIS - IF39-12
Setting Index Mengatur index siswa
Data Grid Docs Mengunduh file nilai siswa
Menuju halaman yang
Search Box Search
diinginkan
5.1.2.10 Tampilan Dashboard Teacher atau dosen Lihat Absensi
Tabel 22. Tampilan Dashboard Teacher atau dosen Lihat Absensi

APPL - IF39-12
APPL - IF39-12
MATDIS - IF39-12
Hyperlink MATDIS - IF39-12
Mengunduh file rekap absensi
Data Grid Docs
siswa
Menuju halaman yang
Search Box Search
diinginkan
5.1.2.11 Tampilan Daftar Akun Student atau mahasiswa
Tabel 23. Tampilan Daftar Akun Student atau mahasiswa
Telkom
Mendaftar akun sebagai
student atau mahasiswa
Memasukkan email student
Email Address
atau mahasiswa
Memasukkan password student
Password
atau mahasiswa
Memasukkan first name
First Name
student atau mahasiswa
Text Field
Memasukkan last name student
Last Name
atau mahasiswa
Memasukkan kode grup kelas
Group Code
yang akan di ikuti
Memasukkan username student
Username
atau mahasiswa
Telkom
5.1.2.12 Tampilan Dashboard Student atau mahasiswa
Tabel 24. Tampilan Dashboard Student atau mahasiswa

Button
Join a Group Join ke group
Text Field Type your note here Mengetik note
APPL - IF39-12
APPL - IF39-12
MATDIS - IF39-12
MATDIS - IF39-12
Melihat semua group yang di
Show All Groups
ikuti
Join a Group Join ke sebuah group
Hyperlink
Daftar komunitas dari siswa
Comunities
tersebut
Masuk ke halaman unggah
Assignment
assignment
Quiz Masuk ke halaman melakukan
Masuk ke halaman absensi per
Presence
group
Choose a group,
mahasiswa or
teacher atau dosen
Menuju halaman yang
Search Box Search
diinginkan
Telkom
5.1.2.13 Tampilan Dashboard Student atau mahasiswa Upload Assignment
Tabel 25. Tampilan Dashboard Student atau mahasiswa Upload Assignment

APPL - IF39-12
APPL - IF39-12
MATDIS - IF39-12
MATDIS - IF39-12
Show All Groups
ikuti
Hyperlink Download Mengunduh file assignment
Assignment atau tugas
Download Materi Mengunduh file materi
Assignment
assignment
Presence
group
Menuju halaman yang
Search Box Search
diinginkan
See All Grade Masuk ke halaman nilai
Button
Upload Assingment Unggah file assignment
5.1.2.14 Tampilan Dashboard Student atau mahasiswa Melakukan Quiz
Tabel 26. Tampilan Dashboard Student atau mahasiswa Melakukan Quiz

Menuju halaman yang
Search Box Search
diinginkan
Masuk ke halaman soal
Button Nomor
berdasarkan nomor
Submit Quiz submit quiz
Options Join a Group join group
options pilihan
5.1.2.15 Tampilan Dashboard Student atau mahasiswa Lihat Absensi
Telkom
Tabel 27. Tampilan Dashboard Student atau mahasiswa Lihat Absensi

APPL - IF39-12
APPL - IF39-12
MATDIS - IF39-12
MATDIS - IF39-12
Show All Groups
ikuti
Download Mengunduh file assignment
Hyperlink Assignment atau tugas
Mengunduh file rekap absensi
Data Grid Docs
siswa
Assignment
assignment
Presence
group
Menuju halaman yang
Search Box Search
diinginkan
Button See All Grade Masuk ke halaman nilai
5.1.2.16 Tampilan Dashboard Student atau mahasiswa Lihat Nilai
Tabel 28. Tampilan Dashboard Student atau mahasiswa Lihat Nilai

APPL - IF39-12
APPL - IF39-12
MATDIS - IF39-12
MATDIS - IF39-12
Show All Groups
ikuti
Download Mengunduh file assignment
Assignment atau tugas
Data Grid Docs Mengunduh file nilai siswa
Assignment
assignment
Telkom
Presence
group
Menuju halaman yang
Search Box Search
diinginkan
Button See All Grade Masuk ke halaman nilai
5.1.2.17 Tampilan Halaman About
Tabel 29. Tampilan Halaman About

Text Text Berisikan paragraf
5.1.2.18 Tampilan Halaman Blog
Tabel 30. Tampilan Halaman Blog

Button Read More Masuk ke halaman lengkap
5.1.2.19 Tampilan Halaman Teacher atau dosen
Tabel 31. Tampilan Halaman Teacher atau dosen

Masuk ke halaman daftar akun
teacher atau dosen
5.1.2.20 Tampilan Halaman Contact Us
Tabel 32. Tampilan Halaman Contact Us

Map Map Berisikan peta
5.1.2.21 Tampilan Halaman Privacy
Telkom
Tabel 33. Tampilan Halaman Privacy

5.1.2.22 Tampilan Halaman Term of Service
Tabel 34. Tampilan Halaman Term of Service

5.2 Deskripsi Pesan
5.2.1 Nama Pesan
5.2.1.1 Peringatan username dan password
Gambar 26. Peringatan username dan password
Jenis Pesan : Peringatan

Deskripsi : Memberikan peringatan bahwa user harus
memasukkan username dan password.
Telkom
5.2.1.2 Konfirmasi submit quiz
Gambar 27. Konfirmasi submit quiz
Jenis Pesan : Konfirmasi

Deskripsi : Memberikan pertanyaan apakah user yakin untuk
mengsubmit quiz.
5.2.1.3 Konfirmasi dalam mengerjakan soal quiz
Gambar 28. Konfirmasi dalam mengerjakan soal quiz
Jenis Pesan : Konfirmasi

Deskripsi : Memberikan konfirmasi bahwa untuk user dalam
mengerjakan soal
Telkom
5.2.2 Deskripsi Pesan
5.2.3 Isi Pesan
5.2.3.1 Peringatan username dan password

Isi pesan : apabila user menemukan pesan username dan password harus di
isi. Setelah user menekan tombol ya, maka cursor akan berada pada field username.
5.2.3.2 Konfirmasi submit quiz

Isi pesan : apabila user (teacher atau dosen atau student atau mahasiswa) akan
mengsubmit quiz, maka akan muncul pesan tersebut, setelah user menekan
tombolya, saya yakiin maka tampilan akan berubah ke halaman selanjutnya. Jika
user menekan tombol tidak, maka tampilan akan tetap sama seperti tampilan
sebelumnya.
5.2.3.3 Konfirmasi dalam mengerjakan soal quiz

Isi pesan : setelah user mengklik tombol ya, maka tampilan user akan
berpindah halaman ke halaman mengerjakan quiz.
6 Perancangan Prosedural
6.1 Login
Memverivikasi username dan password dari pengguna.
6.1.1 Deskripsi Masukan

ParameterList : String
Merupakan daftar parameter GET yang siap dikirimkan ke system Cloud Learning.
6.1.2 Deskripsi Keluaran

Respon : String
Merupakan respon dari system terhadap verifikasi yang dilakukan. Format ini berasal dari system
Cloud Learning dan tidak diolah lagi oleh fungsi.
6.1.3 Algoritma
Pengguna memasukan username dan password, lalu akan dilakukan verifikasi oleh system.
Jika verifikasi benar, pengguna akan dibawa ke tampilan yang sesuai dengan tipe penggunanya.
Jika verifikasi salah, maka pengguna akan terus memasukan username dan password hingga benar.
6.2 Pendaftaran
Membuat username dan password baru berdasarkan spesifikasi pengguna.

Username : String
Username yang akan digunakan untuk login.
Password : String
Telkom
Kombinasi huruf dan angka yang akan digunakan untuk verifikasi username.
Nama : String
Nama dari pengguna.
NIM / NIK : Integer

NIM atau NIK dari pengguna.
Tipe : Integer
Tipe dari pengguna. Contoh: 1 untuk dosen dan 2 untuk mahasiswa.

Respon : String
Merupakan respon dari system terhadap input yang dilakukan pengguna apakah berhasil atau tidak.
6.2.3 Algoritma
Pengguna memasukan username, password, NIM/NIK, nama, dan tipe.
Jika inputan sesuai maka data akan ditambahkan ke database pengguna.
Jika inputan tidak sesuai maka akan diberi peringatan bahwa penginputan ada yang salah dan
pengguna harus memasukan ulang data dirinya.
6.3 Pemilihan Mode Mahasiswa

Pengguna mahasiswa akan memilih mode Quiz atau Assignment.

Tidak ada.

Tidak ada.
6.3.3 Algoritma
Pengguna memilih salah satu mode Quiz atau Assignment.
Jika Quiz yang dipilih, maka akan dialihkan tampilan ke mode Quiz.
Jika Assignment yang dipilih, maka akan dialihkan tampilan ke mode Assignment.
6.4 Pemilihan Mode Dosen

Pengguna dosen akan memilih mode Quiz atau Assignment.

Tidak ada.

Tidak ada.
6.4.3 Algoritma
Pengguna memilih salah satu mode Quiz atau Assignment.
Jika Quiz yang dipilih, maka akan dialihkan tampilan ke mode Quiz.
Jika Assignment yang dipilih, maka akan dialihkan tampilan ke mode Assignment.
Telkom
6.5 Penambahan Assignment
Pengguna dosen dapat menambahkan assignment untuk mahasiswanya.

Nama File : String
Nama dari file yang akan diupload.
Lokasi : String
Lokasi file yang akan diupload.
Deskripsi : String
Deskripsi lengkap dari assignment.

Respon : String
Respon dari system mengenai status penguploadan berhasil atau tidak.
6.5.3 Algoritma
Pengguna dosen menambahkan assignment. Pengguna mengisi nama file, dan deskripsi. Lalu
pengguna memilih lokasi penyimpanan file yang akan diupload.
Jika respon berhasil, maka assignment ditambahkan ke database soal.
Jika respon gagal, maka pengguna harus memasukan ulang data assignment.
6.6 Pengeditan Assignment

Pengguna dosen mengedit assignment yang sudah ada.

Nama File : String
Nama dari file yang akan diupload.
Lokasi : String
Lokasi file yang akan diupload.
Deskripsi : String
Deskripsi lengkap dari assignment.

Respon : String
Respon dari system mengenai status penguploadan berhasil atau tidak.
6.6.3 Algoritma
Pengguna memilih assignment yang akan diedit.
Jika respon berhasil, maka assignment ditambahkan ke database soal.
Jika respon gagal, maka pengguna harus memasukan ulang data assignment.
6.7 Penghapusan Assignment

Dosen menghapus assignment yang sudah ada.
Telkom
Tidak ada.

Respon : String
Merupakan respon dari system mengenai status penghapusan berhasil atau tidak.
6.7.3 Algoritma
Pengguna memilih assignment yang sudah ada. Akan dilakukan konfirmasi untuk setiap penghapusan
assignment.
Jika respon berhasil, maka data assignment yang dipilih akan dihapus dari database soal.
Jika respon gagal, maka pengguna harus mencoba menghapusnya kembali.
6.8 Penambahan Quiz

Dosen membuat quiz langsung di tampilan penambahan quiz.

Soal : String
Soal dari quiz.
Pilihan : String
Merupakan jawaban pilihan ganda yang dibantu dengan radio button.
Poin : Integer
Merupakan nilai jika jawaban dari soal quiz benar.

Respon : String
Merupakan respon dari system mengenai status penambahan berhasil atau tidak.
6.8.3 Algoritma
Pengguna memasukan soal, pilihan ganda, dan nilai disetiap soalnya.
Jika respon berhasil, maka quiz akan disimpan di database.
Jika respon gagal, maka pengguna harus menambahkan ulang quiz.
6.9 Pengeditan Quiz

Dosen mengedit quiz yang sudah ada langsung di tampilan penambahan quiz.

Soal : String
Soal dari quiz.
Pilihan : String
Merupakan jawaban pilihan ganda yang dibantu dengan radio button.
Poin : Integer
Merupakan nilai jika jawaban dari soal quiz benar.
Telkom
Respon : String
Merupakan respon dari system mengenai status pengeditan berhasil atau tidak.
6.9.3 Algoritma
Pengguna memilih dari quiz yang ada.
Jika respon berhasil, maka quiz akan disimpan di database.
Jika respon gagal, maka pengguna harus menambahkan ulang quiz.
6.10 Penghapusan Quiz

Dosen menghapus quiz.

Tidak ada.

Respon : String
6.10.3 Algoritma
Pengguna memilih quiz yang sudah ada dan akan dikonfirmasi tentang penghapusan quiz.
Jika respon berhasil, maka quiz akan dihapuskan dari database soal.
Jika respon gagal, maka penghapusan harus dilakukan ulang.
6.11 Penambahan Materi

Dosen mengupload materi baru.

Nama File : String
Nama dari file materi yang akan diupload.
Lokasi : String
Lokasi penyimpanan file yang akan diupload.
Deskripsi : String
Deskripsi lengkap dari materi yang diupload.

Respon : String
Merupakan respon dari system mengenai status penambahan berhasil atau tidak.
6.11.3 Algoritma
Pengguna mengisi nama file, lokasi dan deskripsi materi yang akan diupload.
Jika respon berhasil, maka materi akan disimpan di database.
Jika respon gagal, maka pengguna harus menambahkan ulang materi.
Telkom
6.12 Pengeditan Materi
Dosen mengupload ulang atau mengubah deskripsi materi baru.

Nama File : String
Nama dari file materi yang akan diupload.
Lokasi : String
Lokasi penyimpanan file yang akan diupload.
Deskripsi : String
Deskripsi lengkap dari materi yang diupload.

Respon : String
6.12.3 Algoritma
Pengguna mengisi nama file, lokasi dan deskripsi materi yang akan diupload ulang atau hanya
mengubah deskripsi materi.
Jika respon berhasil, maka materi akan disimpan di database.
Jika respon gagal, maka pengguna harus mengedit ulang materi.
6.13 Penghapusan Materi

Dosen menghapus materi yang sudah ada.

Tidak ada.

Respon : String
6.13.3 Algoritma
Pengguna memilih materi yang sudah ada, dan dilakukan konfirmasi tentang penghapusan materi.
Jika respon berhasil, maka materi akan dihapus dari database soal.
Jika respon gagal, maka pengguna harus menghapus ulang materi.
6.14 Pemberian Nilai

Pemberian nilai manual untuk assignment.

Nilai : Double
Nilai tiap assignment dari setiap mahasiswa yang diajar.

Respon : String
Telkom
Merupakan respon dari system mengenai status pemberian nilai berhasil atau tidak.
6.14.3 Algoritma
Pengguna memilih kelas, dan memberi nilai setiap mahasiswa di kelas tersebut.
Jika respon berhasil, maka nilai disimpan ke database.
Jika respon gagal, maka penilaian harus diinput ulang.
6.15 Pengeditan Nilai

Pemberian nilai manual untuk assignment yang telah dilakukan sebelumnya.

Nilai : Double

Respon : String
6.15.3 Algoritma
Pengguna memilih kelas, dan memberi nilai setiap mahasiswa di kelas tersebut.
6.16 Pemberian Nilai Index

Pemberian nilai index dari nilai keseluruhan termasuk assignment dan quiz.

nilaiQuiz : Integer
Nilai tiap quiz dari setiap mahasiswa yang diajar.
nilaiAssignment : Double

Index : Char
Merupakan hasil perhitungan quiz dan assignment yang otomatis dihitung oleh sistem.
Respon : String
6.16.3 Algoritma
Setelah dosen memberi nilai pada kolom nilai yang tersedia, sistem otomatis menghitung bedasarkan
persentase yang di-set oleh dosen.
Nilai >=85 , menghasilkan index A.
Nilai 70 - 84 , menghasilkan index B.
Nilai 51 - 69 , menghasilkan index C.
Nilai 41 - 50 , menghasilkan index D.
Nilai <= 40 , menghasilkan index E.
Telkom
6.17 Perancangan Laporan
6.17.1 Olah Nilai

Identitas dari laporan ini adalah :
- Siswa
- Dosen
Deskripsi dari laporan ini adalah seluruh proses penilaian dari dosen dan dari system yang disimpan
didatabase dan dikeluarkan dalam bentuk table.
6.17.1.1 Lay out
Tabel 35 Layout Hasil Nilai
No NIM Nama MK Assignment Assignment Quiz 1 Quiz n Nilai

1 n akhir
1
2
3
6.17.1.2 Deskripsi Masukan

Tabel masukan yang digunakan adalah table olah nilai yang berada di database.
6.17.1.3 Algoritma
Seluruh nilai assignment didapatkan setiap kali assignment yang sudah diperiksa dosen, dan
nilai quiz diambil secara otomatis oleh system.
7 Perancangan Antaramuka Manusia

7.1 Gambaran Umum Antarmuka Pengguna
7.1.1 Teacher atau dosen
7.1.1.1 Unggah Materi

Teacher atau dosen atau guru dapat mengunggah materi-materi dengan tujuan agar seluruh
student atau mahasiswa atau siswa yang guru tersebut ajar dapat mengunduh materi tersebut dan
kemudian dapat mempelajari materi tersebut.
7.1.1.2 Membuat Grup Kelas

Teacher atau dosen atau guru dapat membuat satu atau banyak grup sesuai dengan jumlah
kelas yang guru tersebut ajarkan.
Telkom
7.1.1.3 Unggah Assignment
Teacher atau dosen atau guru dapat mengunggah soal tugas atau assignment yang nantinya
akan dikerjakan oleh seluruh siswa yang ada dalam grup kelas masing-masing siswa.
7.1.1.4 Undang Siswa

Teacher atau dosen atau guru dapat meng-invite atau mengundang siswa pada kelas yang
guru tersebut ajarkan.
7.1.1.5 Membuat Quiz

Teacher atau dosen atau guru dapat membuat sebuah evaluasi yang di sebut dengan quiz.
Pada fungsi ini, guru di minta untuk :
1. Menginputkan soal dan jawaban dari soal tersebut
2. Mengeset jumlah soal, limite waktu, dan mengacak atau tidak mengacakkan urutan soal yang nantinya akan
dikerjakan oleh siswa
7.1.1.6 Lihat Nilai

Teacher atau dosen atau guru dapat melihat nilai dari hasil evaluasi setiap siswa.
7.1.1.7 Lihat Absensi

Teacher atau dosen atau guru dapat melihat absensi dari setiap siswa yang mengikuti
kegiatan pembelajaran dari guru tersebut.
7.1.2 Student atau mahasiswa
7.1.2.1 Unduh Materi

Student atau mahasiswa atau siswa dapat mengunduh materi-materi dari setiap dosen yang
mengajar pada grup siswa tersebut.
7.1.2.2 Join Grup Kelas

Student atau mahasiswa atau siswa dapat join grup kelas dengan memasukkan kode masing-
masing kelas yang sudah di buat oleh guru siswa tersebut atau guru dari siswa tersebut mengundang
siswa untuk join ke dalam kelas yang guru tersebut ajarkan.
7.1.2.3 Unggah Assignment

Student atau mahasiswa atau siswa dapat mengunggah jawaban tugas atau assignment yang
nantinya akan di koreksi oleh guru dari siswa tersebut.
7.1.2.4 Mengerjakan Quiz

Student atau mahasiswa atau siswa dapat mengerjakan soal quiz yang sudah tentukan (waktu,
jumlah soal) oleh guru dari siswa tersebut.
7.1.2.5 Lihat Nilai

Student atau mahasiswa atau siswa dapat melihat nilai dari hasil evaluasi (tugas atau quiz).
Telkom
7.1.2.6 Lihat Absensi
Student atau mahasiswa atau siswa dapat melihat daftar absensi dari kegiatan pembelajaran
yang siswa tersebut ikuti.
7.2 Tampilan layar
7.2.1 Homepage
Gambar 29. Tampilan Homepage
Telkom
7.2.2 Login Tidak Berhasil
Gambar 30. Login Tidak Berhasil
7.2.3 Teacher atau dosen
7.2.3.1 Daftar Akun
Gambar 31. Daftar Akun
Telkom
7.2.3.2 Dashboard Teacher atau dosen
Gambar 32. Dashboard Teacher atau dosen
7.2.3.3 Dashboard Teacher atau dosen Tambah Materi
Gambar 33. Dashboard Teacher atau dosen Tambah Materi
Telkom
7.2.3.4 Dashboard Teacher atau dosen Tambah Assignment
Gambar 34. Dashboard Teacher atau dosen Tambah Assignment
7.2.3.5 Dashboard Teacher atau dosen Create Quiz
Gambar 35. Dashboard Teacher atau dosen Create Quiz
Telkom
7.2.3.6 Dashboard Teacher atau dosen Membuat Soal Quiz
Gambar 36. Dashboard Teacher atau dosen Membuat Soal Quiz
7.2.3.7 Dashboard Teacher atau dosen Lihat Nilai
Gambar 37. Dashboard Teacher atau dosen Lihat Nilai
Telkom
7.2.3.8 Dashboard Teacher atau dosen Lihat Absensi
Gambar 38. Dashboard Teacher atau dosen Lihat Absensi
7.2.4 Student atau mahasiswa
7.2.4.1 Daftar Akun
Gambar 39. Daftar Akun
Telkom
7.2.4.2 Dashboard Student atau mahasiswa
Gambar 40. Dashboard Student atau mahasiswa
7.2.4.3 Dashboard Student atau mahasiswa Unggah Assignment
Gambar 41. Dashboard Student atau mahasiswa Unggah Assignment
Telkom
7.2.4.4 Dashboard Student atau mahasiswa Melakukan Quiz
Gambar 42. Dashboard Student atau mahasiswa Melakukan Quiz
7.2.4.5 Dashboard Student atau mahasiswa Lihat Nilai
Gambar 43. Dashboard Student atau mahasiswa Lihat Nilai
Telkom
7.2.4.6 Dashboard Student atau mahasiswa Lihat Absensi
Gambar 44. Dashboard Student atau mahasiswa Lihat Absensi
7.2.5 Halaman About
Gambar 45. Halaman About
Telkom
7.2.6 Halaman Blog
Gambar 46. Halaman Blog
7.2.7 Halaman Teacher atau dosen
Gambar 47. Halaman Teacher atau dosen
Telkom
7.2.8 Halaman Contact Us
Gambar 48. Halaman Contact Us
7.2.9 Halaman Privacy
Gambar 49. Halaman Privacy
Telkom
7.2.10 Halaman Term of Service
Gambar 50. Halaman Term of Service
Telkom

2 DPPL1.0 Commented

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

2 DPPL1.0 Commented

Diunggah oleh

Hak Cipta:

Format Tersedia

DPPL-0001

DESKRIPSI PERANCANGAN PERANGKAT LUNAK

Daniel Tanta C 1301150054

Hardiyan Ichsan G 1301154138

Hario Biyanesha P 1301154334

Nisa Nurhardini 1301154544

Diah Ajeng Dwi Y 1301154558

Program Studi S1 Teknik Informatika Fakultas Informatika

Jalan Telekomunikasi Terusan Buah Batu, Bandung

Program Studi S1 Nomor Dokumen Halaman

Gambar perancangan arsitektur

Diperiksa DWM DWM

Prodi S1 Teknik Informatika - Universitas Telkom DPPL-001 Halaman 3 dari 84

Prodi S1 Teknik Informatika - Universitas Telkom DPPL-001 Halaman 4 dari 84

Prodi S1 Teknik Informatika - Universitas Telkom DPPL-001 Halaman 5 dari 84

Prodi S1 Teknik Informatika - Universitas Telkom DPPL-001 Halaman 6 dari 84

Prodi S1 Teknik Informatika - Universitas Telkom DPPL-001 Halaman 7 dari 84

Prodi S1 Teknik Informatika - Universitas Telkom DPPL-001 Halaman 8 dari 84

Prodi S1 Teknik Informatika - Universitas Telkom DPPL-001 Halaman 9 dari 84

Prodi S1 Teknik Informatika - Universitas Telkom DPPL-001 Halaman 10 dari 84

Prodi S1 Teknik Informatika - Universitas Telkom DPPL-001 Halaman 11 dari 84

Prodi S1 Teknik Informatika - Universitas Telkom DPPL-001 Halaman 12 dari 84

Prodi S1 Teknik Informatika - Universitas Telkom DPPL-001 Halaman 13 dari 84

1.2 Lingkup Masalah

1.3 Definisi dan Istilah

Tabel 1. Daftar Definisi dan Istilah

Kata Kunci atau Frase Definisi dan atau akronim

SRS Software Requirement Spesification adalah

SKPL Spesifikasi Kebutuhan Perangkat Lunak adalah

DFD Data Flow Diagram adalah suatu diagram yang

ERD Entity Relationship Diagram adalah suatu model

STD State Transition Diagram adalah suatu diagram

Prodi S1 Teknik Informatika - Universitas Telkom DPPL-001 Halaman 14 dari 84

DPPL Deskripsi Perancangan Perangkat Lunak adalah

DBMS Database Management System sistem

PHP Hypertext Preprocessor adalah Bahasa transkrip

Tabel 2. Daftar Istilah

User Setiap orang yang memakai atau menjalankan

E-Learning Pembelajaran online berbasis teknologi yang

Administrator Setiap orang yang dapat mengubah sistem

Unregistered Account Setiap pengguna atau user yang menggunakan

Server Sesuatu yang dapat menjalankan dan mengatur

Client Setiap orang yang diatur dalam sebuah jaringan

Button Tombol yang digunakan untuk menjalankan

Password Sekumpulan karakter atau string yang digunakan

Prodi S1 Teknik Informatika - Universitas Telkom DPPL-001 Halaman 15 dari 84

Username Serangkaian huruf yang merupakan tanda

Log in Sebuah proses untuk mengakses komputer

Dashboard Biasa disebut dengan Digital Dashboard adalah

Sign up Proses pendaftaran menjadi member malalui

Quiz Ujian yang diadakan dosen kepada mahasiswa

Editbox Suatu kotak yang ada pada interface yang

Assignment Biasa disebut dengan tugas adalah sebuah

Sidebar Bagian dari tampilan aplikasi yang biasanya

Navbar Biasa disebut navigation bar adalah sebuah balok

Operating System Perangkat lunak sistem yang mengatur sumber

Development Tools Sebuah program komputer yang digunakan oleh

Framework Sebuah software untuk memudahkan

Prodi S1 Teknik Informatika - Universitas Telkom DPPL-001 Halaman 16 dari 84

1.5 Deskripsi Umum Dokumen

Prodi S1 Teknik Informatika - Universitas Telkom DPPL-001 Halaman 17 dari 84

7. Perancangan Antarmuka Manusia

2.1 Rancangan Lingkungan Implementasi