Field Name Data Type
Size Description
Id_soal Int
50 Kode soal
Soal Text
Isi soal Pilihan_a
Varchar 30
Pilihan a Pilihan_b
Varchar 30
Pilihan b Pilihan_c
Varchar 30
Pilihan c Pilihan_d
Varchar 30
Pilihan d Jwb
Varchar 30
Jawaban soal Id_cat
Int 20
Kode katagori
Tabel 3.10 Tabel Soal
3.4 Perancangan Dialog
Perancangan dialog adalah perancangan antara pemakai sistem user dengan komputer. Interaksi ini dapat terdiri dari proses pemasukan data ke sistem dan
menampilkan informasi kepada user atau dapat keduanya.
3.4.1 Tampilan Menu Utama
Pada perancangan tampilan halaman utama e-learning bahasa inggris, ada subject, exercise, contact us, news yang akan digunakan user dalam menggunakan aplikasi
ini, adapun akses yang dapat digunakan adalah sebagai berikut:
Universitas Sumatera Utara
1. Subject yaitu menu pilihan materi yang ingin dipelajari, disini penulis membagi materi menjadi 4 bagian, masing-masing bagian mengandung materi yang
berbeda-beda 2. Exercise yaitu kumpulan soal-soal yang dapat dijawab oleh user sebagai latihan
dari materi yang sudah dipelajari. 3. Contact us yaitu pilihan menu yang dapat digunakan user sebagai tempat untuk
memberi saran kritik yang dapat menjadi acuan bagi penulis untuk membangun website ini lebih baik lagi.
4. News yaitu menu yang menyediakan tentang artikel-artikel yang menyangkut
perkembangan e-learning bahasa inggris
3.4.2 Diagram Konteks
Diagram konteks adalah diagram yang terdiri dari suatu proses dan menggambarkan ruang lingkup suatu sistem. Diagram konteks merupakan level
tertinggi dari DFD yang menggambarkan seluruh input ke sistem atau output dari sistem. Ia akan memberi gambaran tentang keseluruan sistem. Sistem dibatasi
oleh boundary dapat digambarkan dengan garis putus. Dalam diagram konteks
hanya ada satu proses. Tidak boleh ada store dalam diagram konteks
Universitas Sumatera Utara
Aplikasi E-Learning Admin
Siswa Username
Password Nambah materi
Data siswa Data Artikel
Data Soal Data Komentar
Informasi Nambah materi Informasi Data siswa
Informasi Data Artikel Informasi Data Soal
Informasi Data Komentar Mengakses Materi
Mengakses Soal
Login dengan nis dan password siswa
Public
Menerima Komentar Melihat Berita Tentang Teknologi
Gambar 3.1 Diagram konteks
Universitas Sumatera Utara
3.4.3 Data Flow DiagramDFD Level 1 untuk Login Admin
Admin
1.1 Masukkan
Username Password
1.2 Verifikasi User
1.3 Pemilihan Menu
1.4 Pengolatahan
Data Menambah materi, Data Siswa
Data artikel, Data Soal Data Komentar
Tambah data, Simpan, Edit, Hapus
Pengolahan data Username
Password
Tbl_user
Username Password
Status Login gagal
Gambar 3.2 Level 1 Login Admin
Universitas Sumatera Utara
3.4.4 Data Flow DiagramDFD Level 1 untuk Pengolahan Admin Setalah Login
1.0 Menambah Materi
2.0 Mengolah Data
Siswa
3.0 Mengolah Data
Artikel
4.0 Mengolah Data
Soal
5.0 Mengolah Data
Komentar Admin
tblmateri
tblsiswa
Tbl_artikel
soal
Tbl_contact Id_soal,
Soal, Pilihan_a,
Pilihan_b, Pilihan_c,
Pilihan_d, jawab
Id_artikel, Gambar,
Judul, Isi
Id_siswa, Id_user,
Nama_siswa, Alamat,
No_telp, Email,
Pict Id_materi,
Judul materi
Id_contact, nama,
Email, Pesan
Gamabar 3.3 Pengolahan Admin Setelah Login
Universitas Sumatera Utara
3.4.5 Data Flow DiagramDFD Level 1 untuk Login Siswa
Siswa
1.1 Masukkan
Username Password
1.2 Verifikasi User
1.3 Pemilihan Menu
1.4 Mengakses Data
Materi dan Soal Soal dan Materi
Mengakses Dan
Mengerjakan soal Mengakses materi dan
soal Username
User_pwd
T-siswa
Username User_pwd
Status Login gagal
Tbl materi Tbl_jawab
Gambar 3.4 Login Siswa
Universitas Sumatera Utara
3.4.6 Data Flow DiagramDFD Level 1 untuk Siswa setelah login
1.0 Mengakses Materi
2.0 Menjawab Soal
Siswa
Tbl_materi
Tbl_jawaban Software
Hardware Mengakses materi
Gambar 3.5 Hak Akses Siswa
3.4.7 Data Flow DiagramDFD Level 1 untuk Public
1.0 Menyampaikan
Komentar
2.0 Melihat Berita
Teknologi Public
Tbl_contact
Tbl_artikel artikel
komentar
Gambar 3.6 Public
Universitas Sumatera Utara
3.4.8 Entity Relationship Diagram ERD
Gambar 3.7 Entity Relationship Diagram
Universitas Sumatera Utara
3.4.9 Perancangan Program
Gambar 3.8 Flowchart Sistem Aplikasi
Universitas Sumatera Utara
Keterangan:
1. Memulai dengan membuka halaman website. 2. Jika user telah memiliki akun, maka user dapat langsung login, jika tidak maka
user harus daftar lebih dulu. 3. Pada saat mendaftar, user harus menginput nama, password dan status sebagai
data user. 4. Jika telah terdaftar, user dapat melakukan proses login.
5. Input nama dan password. 6. Sistem memeriksa data user, jika nama dan password saat login adalah benar,
maka akan tampil halaman utama website. Jika tidak, maka user diminta untuk kembali login.
7. Tampil halaman beranda. 8. Setelah tampil halaman beranda, user dapat melakukan proses lain, yaitu pilih
menu lain. Jika ya, user dapat memilih empat menu utama lain, yaitu menu Subjects, Exercise, Contact us atau ProfileJika user memilih menu lain, maka
menu akan tampil halaman menu yang dipilih.` 9. Di dalam menu Exercise terdapat soal-soal yang dapat dikerjakan. Jika ya, user
dapat mengerjakan soal-soal yang disediakan. Jika tidak, user dapat melakukan logout.
10. Setelah soal tampil, user memilih jawaban, lalu sistem akan memeriksa jawaban, kemudian akan tampil nilai.
11. Semua proses diakhiri dengan logout untuk keluar dari aplikasi 12. Selesai.
Universitas Sumatera Utara
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian dan Tujuan Implementasi Sistem
