PERANCANGAN SISTEM
3.2 Perancangan Sistem
3.2.1 Diagram Konteks
Digunakan untuk menggambarkan suatu proses sistem dari dalam ke sistem (admin, guru, siswa) dan dari luar ke sistem. Sistem yang dimaksud adalah untuk menggambarkan sistem yang sedang berjalan dan mengidentifikasikan awal dan akhir data awal dan akhir yang masuk keluar sistem. Diagram konteks juga memperlihatkan sebuah hubungan proses berinteraksi user dengan lingkungannya. Ada pihak luar atau lingkungan yang memberi masukan dan pihak yang menerima keluaran sistem. Diagram konteks memperlihatkan sistem sebagai sebuah proses (Abdul Kadir, 1999). Tujuannya adalah memberikan pandangan umum sistem.
Dalam hal pihak luar dapat berupa sistem lain, suatu perangkat keras, orang, atau organisasi. Diagram konteks merupakan level tertinggi dari DFD yang menggambarkan seluruh input ke sistem atau output dari sistem. Dalam diagram konteks hanya ada satu proses. Tidak boleh ada store dalam diagram konteks. Diagram konteks berisi gambaran umum (secara garis besar) sistem yang akan dibuat. Secara kalimat, dapat dikatakan bahwa diagram konteks ini berisi “siapa saja yang memberi data (dan data apa saja) ke sistem, serta kepada siapa saja informasi yang harus dihasilkan sistem.”
Jadi, yang dibutuhkan adalah :
(1) Siapa saja pihak yang akan memberikan data ke sistem, (2) Data apa saja yang diberikannya ke sistem,
(3) Kepada siapa sistem harus memberi informasi atau, (4) Apa saja isi/ jenis laporan yang harus dihasilkan sistem.
Kata “Siapa” di atas dilambangkan dengan kotak persegi (disebut dengan
terminator), dan kata “apa” di atas dilambangkan dengan aliran data (disebut dengan data flow), dan kata “sistem” dilambangkan dengan lingkaran (disebut dengan process).
Untuk diagram konteks pada skripsi ini adalah sebagai berikut :
Data Login Admin Admin Data Admin Data Siswa Data Guru Data Kelas Data Mapel Data Course Verifikasi Login Output Data Admin Output_List_Guru Output_List_Kelas Output_List_Mapel Output_List_Siswa Ouput_List_Course Guru
Data Login Guru Siswa Data Materi Data Tugas Data Nilai Data Banksoal Data JawabTugas Informasi_jwbtgs informasitugas Informasi Banksoal Informasi nilai Verifikasi login Informasi_materi Login Input tugas Data Tes Online
Lihat materi Verifikasi login
Hasil Tes Informasi materi Informasi tugas
Gambar 3.1 Diagram Konteks M_Learning
Keterangan dari gambar 3.1 Diagram Konteks M_Learning
1. Admin memiliki hak untuk mengakses implementasi sistem mobile learning
a. Login sistem. b. Akses data admin. c. Akses data guru.
0 Implement asi M-Learning
d. Akses data siswa. e. Akses kelas. f. Akses Mapel. g. Akses Course.
2. Admin juga mendapatkan informasi maupun output data dari sistem.
a. Verifikasi login.
b. Informasi list admin. c. Informasi list guru. d. Informasi list siswa. e. Informasi list kelas. f. Informasi list mapel. g. Informasi data course.
3. Guru memiliki hak akses implementasi sistem mobile-learning yakni :
a. Login sistem.
b. Akses data materi.
c. Akses data banksoal.
d. Akses data nilai siswa.
e. Akses data tugas.
f. Akses data jawab tugas.
4. Guru juga mendapatkan informasi maupun output data sistemantara lain :
a. Verifikasi login.
b. Informasi banksoal.
c. Informasinilai siswa. d. Informasi tugas. e. Informasi jawab tugas. f. Informasi materi.
5. Siswa memiliki hak akses implementasi sistem m-learning antara lain : a. Login sistem dengan akun masing siswa yang berbeda.
b. Input tugas siswa.
c. Lihat materi pelajaran yang diambil oleh siswa. d. Melakukan tes online.
6. Siswa juga mendapatkan informasi maupun output data dari sistemyakni : a. Informasi materi.
b. Informasi hasil test online.
c. Informasi list tugas siswa.
d. Verifikasi login.
Keterangan simbol dari gambar 3.2 adalah sebagai berikut :
a = Admin Login
b = Admin akses data admin
c = Admin akses data guru
d = Admin akses data siswa
e = Admin akses data kelas
f = Admin akses data mapel
g = Admin akses data course
h = Guru login
i = Guru akses data materi
j = Guru akses data banksoal
k = Guru akses data nilai
l = Guru akses data tugas
m = Guru akses data jawab tugas
n = Siswa login
o = Siswa akses data materi
p = Siswa tes online
r = Verifikasi login admin s = Informasi admin t = Informasi guru u = Informasi siswa v = Informasi kelas w = Informasi mapel x = Informasi course
y = Verifikasi login guru
z = Informasi materi
z.1 = Informasi banksoal
z.2 = Informasi nilai
z.3 = Informasi tugas
z.4 = Informasi jawab tugas
z.5 = Verifikasi login siswa
z.6 = Download materi
z.7 = Input Tugas
z.8 = Hasil Tes Online.
Keterangan dari gambar 3.2 adalah sebagai berikut :
a. Admin melakukan login terlebih dahulu sebelum masuk ke dalam sistem. b. Admin mengakses data – data admin untuk menambah data, mengedit data
c. Admin dapat mengakses data guru diantaranya dapat menambah data guru, mengedit maupun menghapus data guru.
d. Admin dapat mengakses data – data siswa pula.
e. Admin dapat mengakses data kelas dari kelas 9a hingga kelas 9 f.
f. Admin mengakses data mata pelajaran yang mengalami perubahan dalam proses kegiatan belajar mengajar.
g. Admin dapat mengakses data course yang menjadi penghubung diantara data kelas, guru, siswa maupun mata pelajaran.
h. Guru melakukan login terlebih dahulu sebelum masuk ke dalam sistem.
i. Guru dapat mengakses data nilai tugas maupun nilai tes online dari setiap siswa.
j. Guru dapat mengakses data banksoal dari setiap mata pelajaran yang diunaskan.
k. Guru dapat mengakses data jawaban tugas dari setiap tugas yang dikirim oleh siswa secara online.
l. Guru dapat mengakses data tugas dari setiap mata pelajaran yang diunaskan.
m. Guru dapat mengakses data materi dari setiap mata pelajaran yang diunaskan.
n. Siswa melakukan login terlebih dahulu sebelum masuk ke dalam sistem. o. Siswa dapat mengakses data materi dari setiap mata pelajaran dalam ujian
nasional secara online.
p. Siswa dapat menginputkan jawaban tugas dari setiap mata pelajaran dalam ujian nasional secara online.
q. Siswa dapat mengerjakan tes online dari setiap mata pelajaran dalam ujian nasional.
3.2.3 Flowchart
Flowchart merupakan bagan alir dari proses penyelesaian masalah yang
Gambar 3.3 adalah rancangan Flowchart pada program ini : START USER LOGIN INPUT USER , PASSWORD Berhasil,
Sebagai? ADMIN GURU
SISWA Ya Tidak
AKSES LAGI?
FINISH LOGOUT
Tidak
MENU SISWA/I MENU ADMIN MENU GURU
PILIH MENU ADMIN AKSES MENU PILIHAN ADMIN PILIH MENU GURU AKSES MENU PILIHAN GURU AKSES LAGI? Ya Ya Tidak MENU 1 LIHAT DAFTAR MATERI LIHAT DAFTAR TUGAS Ya Tidak AKSES LAGI? Ya ADA TUGAS? KIRIM TUGAS AKSES MENU KUIS Ya Tidak SIMPAN JAWABAN ISI JAWABAN KUIS KERJAKAN KUIS LAGI? Tidak ya Tidak Ya
Gambaran dari hasil alur program diatas yakni : user ( admin, guru dan siswa) terlebih dahulu sebelum masuk sistem ini harus login sesuai dengan akun yang dimiliki. Setelah selesai login. User harus memilih terlebih dahulu pilihan akses
user bertindak sebagai user admin atau guru atau siswa. Apabila bertindak sebagai admin, user memiliki hak untuk mengakses Form ( mengedit, menambah data, menghapus data dan cek data ) antara lain :
1. Form Home.
2. Form Admin.
3. Form Guru. 4. Form Kelas. 5. Form Siswa. 6. Form Mapel. 7. Form Course.
Apabila user bertindak sebagai guru, user memiliki hak untuk mengakses form
antara lain : 1. Form Home. 2. Form Materi. 3. Form BankSoal. 4. Form Nilai. 5. Form Tugas.
6. Form Jawaban Tugas.
Apabila user bertindak sebagai siswa, user memiliki hak untuk mengakses form
antara lain :
1. Form Home. 2. Form Materi. 3. Form Tugas. 4. Form Kuis.
Sesudah selesai user memilih form yang akan diakses, user kemudian mengakses kembali form yang belum diakses. Apabila telah mengakses form menu sesuai yang telah diakses kemudian user terlebih dahulu log out untuk keluar dari sistem ini.