bab 3 analisis dan perancangan...
Post on 28-Mar-2018
226 Views
Preview:
TRANSCRIPT
64
BAB 3
ANALISIS DAN PERANCANGAN SISTEM
Pada bab ini akan dibahas mengenai analisis sistem yang sedang berjalan
dan perancangan sistem yang akan dibangun di SMK NEGERI 2 Cimahi yang
berfungsi untuk mempermudah, memahami dan menyusun perancangan pada bab
selanjutnya. Selain itu juga berfungsi untuk memberikan gambaran dan solusi
pada pembuatan aplikasi ini.
3.1 Analisis Sistem
Analisis sistem (systems analysis) dapat didefinisikan sebagai penguraian
dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya
dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-
permasalahan, kesempatan-kesempatan, hambatan-hambatan, yang terjadi dan
kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-
perbaikannya. Adapun tahapan-tahapan analisisnya meliputi Analisis masalah,
Analisis sistem yang sedang berjalan, Analisis aturan bisnis, Analisis pengkodean,
dan Analisis spesifikasi kebutuhan perangkat lunak.
65
3.1.1 Analisis Masalah
Beberapa permasalahan yang terjadi yang mendasari dibangunnya sistem
ini adalah:
1. Diperlukannya sistem pendukung pembelajaran di SMK Negeri 2 Cimahi.
2. Kurangnya pembelajaran mata pelajaran normatif dan adaptif sehingga
siswa kurang memahami mata pelajaran tersebut karena keterbatasan
ruang dan waktu, sehingga poses belajar mengajar kurang optimal.
3. Kegiatan konsultasi guru dan murid yang terbatas dan kurang maksimal.
4. Guru merasakan perlunya sarana pendukung untuk menyampaikan/
melengkapi materi pelajaran kepada siswa.
5. Guru kesulitan dalam memberikan soal-soal dan tugas tambahan di luar
kelas.
6. Penyampaian pengumuman dan pemberitahuan tugas seringkali tidak
tersampaikan dengan baik kepada seluruh siswa.
7. Kepala sekolah merasa kesulitan dalam memonitoring nilai ujian online
siswa.
3.1.2 Analisis sistem yang sedang berjalan
Analisis sistem (systems analysis) dapat didefinisikan sebagai penguraian
dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya
dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-
permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan
66
kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-
perbaikannya.
3.1.2.1 Prosedur pemberian materi yang sedang berjalan di sekolah
Pada prosedur ini kegiatan yang dilakukan adalah:
1. Guru memberikan modul pembelajaran dan menerangkannya kepada
siswa.
2. Siswa menerima modul dan mempelajari modul tersebut.
3. Apabila ada tugas/latihan maka guru akan memberikan kepada siswa
untuk dikerjakan.
4. Tugas/latihan yang telah dikerjakan oleh siswa diserahkan kembali kepada
guru untuk diperiksa dan dinilai.
5. Tugas/latihan siswa yang telah dinilai akan dimasukkan ke dalam daftar
nilai dan setelah itu tugas/latihan akan di kembalikan kembali kepada
siswa.
67
Prosedur pemberian materi
Guru Siswa
Disiapkan
dipelajari
Mengerti
Materi Pelajaran
Tidak
Tugas/latihan
Dikerjakan
Tugas/latihan yang
sudah dikerjakan
Tugas/latihan yang
sudah dimasukkan ke
daftar nilai
Tugas/latihan yang
sudah dikerjakan
Diperiksa
Tugas/latihan yang
sudah diperiksa
Ya
A1 : Arsip materi pelajaran dan silabus yang ada di guru
A2 : Arsip materi pelajaran yang ada di siswa
A3 : Arsip daftar nilai latihan atau tugas siswa
A4 : Arsip nilai latihan yang ada di siswa
A5 : Arsip materi pelajaran yang ada di guru
A2
A4
Materi Pelajaran
Materi Pelajaran
Tugas/latihan
Materi Pelajaran
Dimasukkan
ke daftar nilai
Daftar nilai
Tugas/latihan yang
sudah dimasukkan ke
daftar nilai
A3
A1
A5
Gambar 3.1 FlowMap prosedur pemberian materi pelajaran
3.1.2.2 Prosedur pemberian materi saat guru berhalangan hadir
Pada prosedur ini kegiatan yang dilakukan adalah:
1. Guru menitipkan materi pelajaran atau latihan soal kepada petugas piket.
2. Petugas piket lalu memberikannya kepada siswa untuk dipelajari.
3. Siswa menerima materi pelajaran dan mencatat, mempelajari atau
mengerjakan apabila ada latihan soal yang ditugaskan.
68
4. Soal latihan yang telah dikerjakan oleh siswa dikumpulkan ke petugas
piket dan nantinya akan diserahkan kepada guru yang bersangkutan.
5. Guru akan menilai soal latihan tersebut setelah itu dibagikan kembali
kepada siswa.
Prosedur guru berhalangan hadir
Petugas piketGuru Siswa
Mempelajari /
mengerjakan/mencatat
A1 : Arsip materi pelajaran dan silabus yang ada di guru
A2 : Arsip materi pelajaran yang ada di siswa
A3 : Arsip daftar nilai latihan atau tugas siswa
A3
Materi Pelajaran
Soal latihan
Materi Pelajaran
Soal latihan
Soal latihan
yg sudah di
kerjakan
Materi
pelajaran
Materi
pelajaran
yang sudah di
catat
Materi
pelajaran
Soal latihan
yg sudah di
kerjakan
Materi
pelajaran
Soal latihan
yg sudah di
kerjakan
Penilaian &
dimasukkan
ke daftar nilai
A1
A2
A1
Periksa
apakah ada soal
latihan?Tidak
Ya
Soal latihan yang
sudah di nilai
Daftar nilai
Soal latihan yang
sudah di nilai
Materi Pelajaran
Soal latihan
Gambar 3.2 Flowmap prosedur guru berhalangan hadir
69
3.1.2.3 Prosedur pelaksanaan ujian (ulangan)
Berikut adalah prosedur pelaksanaan ujian:
1. Guru membuat soal ujian dari materi-materi pelajaran yang sudah pernah
disampaikan. Lalu membuat print outnya.
2. Soal ujian diberikan pada pengawas ujian. Pengawas ujian membagikan
soal ujian kepada para siswa.
3. Siswa mulai mengerjakan soal tersebut dalam lembar jawaban dengan
kurun waktu yang telah ditentukan.
4. Setelah waktu pengerjaan soal habis, maka siswa mengumpulkan soal dan
lembar jawaban kepada pengawas.
5. Pengawas ujian kemudian memberikan lembar jawaban yang telah
terkumpul kepada masing guru mata pelajaran.
6. Lembar jawaban siswa siap diperiksa dan diolah penilaiannya oleh guru
mata pelajaran.
7. Setelah penilaian hasil ujian selesai, maka guru memasukkan nilai siswa
dalam daftar nilai siswa.
8. Kemudian guru tersebut membagikan hasil ujian kepada para siswa.
70
Prosedur pelaksanaan ujian (ulangan)
SiswaGuru
Materi Pelajaran
Pembuatan
soal ujian
Print out Soal
ujian
Mengerjakan
soal
Soal ujian
yang telah
dikerjakan
Lembar
jawaban yang
sudah diisi
Soal ujian yang
telah dikerjakan
dinilai
Daftar nilai
siswaLembar
jawaban yang
telah dinilai
Lembar
jawaban yang
telah dinilai
A1 : Arsip materi pelajaran dan silabus yang ada di guru
A6 : Arsip soal ujian yang telah dikerjakan yang disimpan guru
A8 : Arsip daftar nilai ujian yang disimpan guru
A9 : Arsip lembar jawaban yang telah dinilai dan disimpan oleh siswa
Print out Soal ujian
Lembar jawaban
Lembar jawaban
yang sudah diisi
A6
A8A9
A1
Soal ujian
.doc
Cetak Soal ujian
Gambar 3.3 Flowmap prosedur pelaksanaan ujian
71
3.1.3 Analisis Dashboard Manajemen Sistem pada E-learning
Dashboard Manajemen Sistem adalah alat yang dapat memberikan
tampilan antar muka secara visual, yang mengkonsolidasikan dan menyajikan
informasi penting untuk mencapai tujuan tertentu, secara sekilas. Dashboard
Manajemen Sistem pada aplikasi e-learning ini bertujuan agar kepala sekolah
dapat dengan mudah memonitoring hasil ujian online siswanya, sehingga akan
terlihat kelas mana yang memiliki nilai tertinggi dan pada pelajaran apa.
3.1.4 Analisis pengkodean
Pengkodean yang terdapat pada proses pengolahan data aplikasi e-learning
ini meliputi pengkodean Nomor induk siswa (NIS), Nomor induk pegawai (NIP).
1. Pengkodean Nomor Induk siswa (NIS)
Pengkodean untuk nomor induk siswa terdiri dari sembilan digit yaitu
sebagai berikut:
Format : XX XX XXXX
Nomor urut siswa
Kelas
Tahun masuk
Contoh : 11 10 0001
Ket : Menyatakan bahwa siswa tersebut masuk dapa tahun 2011 kelas X
(sepuluh) dengan nomor urut 0001.
72
2. Pengkodean Nomor Induk Pengajar (NIP)
Pengkodean untuk nomor induk pengajar terdiri dari delapan belas digit
yaitu sebagai berikut:
Format : XXXXXXXX XXXXXX XXXX
No.Urut Pegawai
Tahun dan Tgl Pengangkatan
Tahun, Bulan, Tanggal Lahir
Contoh : 19641216 199001 0020
Ket : Menyatakan bahwa guru tersebut lahir pada tahun 1964 bulan12
tanggal 16, Diangkat menjadi guru pada tahun 1990 pada tanggal
01, dan mempunyai nomor urut pengangkatan 0020.
3. Pengkodean Id honorer (NUPTK)
Pengkodean untuk nomor pengajar honorer terdiri dari Sembilan digit
yaitu sebagai berikut:
Format : XX XXX XXXX
Nomor Serial
Nomor Kelompok
Kode Departemen
Contoh : 90 123 4567
Ket : Menyatakan bahwa guru tersebut mempunyai kode department 90,
nomor kelompok 123 dan mempunyai nomor serial 4567.
73
4. Pengkodean Kelas
Pengkodean untuk kelas terdiri dari lima digit yaitu sebagai berikut:
Format : XX X XX
Urutan Kelas
Jurusan
Tingkat
Contoh : 10 0 01
Ket : Menyatakan kelas tingkat 10, 0 adalah jurusan Mekatronika, 01
adalah urutan kelas A. Dimana 0 = Mekatronika, 1 = Multimedia, 2 =
RPL.
3.1.5 Analisis kebutuhan non fungsional
Analisis kebutuhan non fungsional pada sistem ini meliputi analisis
perangkat keras, analisis perangkat lunak dan analisis pengguna.
3.1.5.1 Analisis kebutuhan perangkat keras (hardware)
Perangkat keras merupakan faktor penunjang agar aplikasi yang akan dibuat
berjalan dengan baik. Berikut ini spesifikasi perangkat keras yang telah digunakan
oleh SMK Negeri 2 Cimahi:
74
1. Perangkat keras pada sisi server adalah:
a. Processor dengan kecepatan 2,6 Ghz
b. RAM (Memory) 1 GB
c. Hard Disk 80 GB
d. VGA 256 MB
e. Lan Card 10/100 Mbps
f. Koneksi Internet minimal 128 kbps
2. Perangkat keras pada sisi client adalah:
a. Processor dengan kecepatan 1 Ghz
b. RAM (Memory) 512 MB
c. Hard Disk 40 GB
d. VGA 128 MB
e. Lan Card 10/100 Mbps
f. Koneksi Internet minimal 64 kbps
Adapun spesifikasi minimum perangkat keras dalam membangun
aplikasi e-learning ini adalah sebagai berikut :
1. Perangkat keras pada sisi server yang dibutuhkan adalah:
a. Processor dengan kecepatan minimal 1 Ghz
b. RAM minimal 512 MB
c. Hard Disk minimal 40 GB
d. VGA minimal 128 MB
e. Lan Card 10/100 Mbps
f. Koneksi Internet minimal 64 kbps.
75
2. Perangkat keras pada sisi client yang dibutuhkan adalah:
a. Processor dengan kecepatan minimal 800 Mhz
b. RAM minimal 256 MB
c. Hard Disk minimal 20 GB
d. VGA minimal 64 MB
e. Lan Card 10/100 Mbps
f. Koneksi Internet minimal 64 kbps.
3.1.5.2 Analisis perangkat lunak (software)
Analisis perangkat lunak disini adalah menerangkan tentang kebutuhan
software yang diperlukan dalam pembangunan website e-learning ini. Spesifikasi
perangkat lunak yang dibutuhkan adalah sebagai berikut:
1. Perangkat lunak pada sisi server yang dibutuhkan adalah:
a. Microsoft Windows XP, atau 7 sebagai sistem operasi
b. XAMPP sebagai web server
c. PHP sebagai bahasa pemrograman
d. Macromedia Dreamweaver sebagai tools editor
e. MySQL sebagai Server Database Management System.
2. Perangkat lunak pada sisi client yang dibutuhkan adalah:
a. Microsoft Windows XP atau 7 sebagai sistem operasi
b. Internet Explorer, Mozilla, Google Chrome, Opera sebagai web
browser.
76
3.1.5.3 Analisis pengguna
Analisis pengguna merincikan siapa saja pengguna dari sistem yang berjalan
pada saat ini yang nantinya akan di spesifikasikan siapa saja yang akan masuk
dalam sistem yang akan dibangun. Gambaran umum pengguna yang sekarang ada
di SMK Negeri 2 Cimahi ini dapat dilihat pada tabel dibawah ini.
Tabel 3.1 Tabel Analisis Pengguna yang ada saat ini
No Pengguna Karakteristik
1. Guru
Umur ± 28 s/d 43 Tahun
Pendidikan D3 – S1
Keterampilan Bisa mengoprasikan komputer dengan Sistem
Operasi Microsoft Windows 9x/2000/XP/7.
Pengalaman Dapat menggunakan browser seperti Mozilla dan
Google Chrome serta menguasai dasar-dasar
internet.
2. Siswa
Umur ± 16 s/d 18 Tahun
Pendidikan SMK
Keterampilan Bisa mengoprasikan komputer dengan Sistem
Operasi Microsoft Windows 9x/2000/XP/7.
Pengalaman Dapat menggunakan browser seperti Mozilla dan
Google Chrome serta menguasai dasar-dasar
internet.
3. Petugas Piket
Umur ± 25 s/d 40 Tahun
Pendidikan D3 – S1
Keterampilan Dapat mengoprasikan komputer.
77
Pengalaman Pernah bekerja disuatu instansi pendidikan
(sekolah).
Agar memaksimalkan penggunaan sistem yang akan dibangun maka dapat
dirincikan siapa saja pengguna dari perangkat lunak yang di spesifikasikan dan
apa saja haknya terhadap perangkat lunak tersebut, sehingga dapat diketahui
tingkat pengalaman dan pemahaman dalam penggunaan komputer. Pengguna
aplikasi ini dibagi menjadi empat kategori yaitu administrator, kepala sekolah,
guru dan siswa. Adapun spesifikasi pengguna (user) adalah sebagai berikut:
Tabel 3.2 Analisis Kualifikasi Pengguna
Admin
Tingkat Pendidikan Min D3
Tanggung Jawab Membantu dalam menyiapkan rencana pendidikan.
Hak Akses Mengelola data kelas, guru, siswa , mata pelajaran,
mengajar.
Keterampilan Menguasai dan memahami tentang penglolaan data
dalam web serta memiliki pengetahuan tentang internet
dan web server.
Pengalaman Pernah menjadi seorang admin yang mengelola sebuah
web.
Guru
Tingkat Pendidikan Min D3
Tanggung Jawab Menyiapkan perencanaan materi yang meliputi upload
materi, dan soal-soal.
Hak Akses Mengelola materi, tugas, soal, quis, penilaian,
pengumuman dan forum.
Keterampilan Menguasai dan memahami tentang penglolaan data
dalam web serta memiliki pengetahuan tentang internet.
78
Pengalaman Pernah menjadi seorang admin yang mengelola sebuah
web.
Siswa
Tingkat Pendidikan SMK
Tanggung Jawab Mengakses proses kegiatan belajar dalam website e-
learning SMK Negeri 2 Cimahi ini.
Hak Akses Mengelola materi, tugas, soal, quis, penilaian,
pengumuman dan forum.
Keterampilan Memiliki pengetahuan tentang internet dan pengaksesan
sebuah website.
Pengalaman Dapat mengakses sebuah web dan memiliki pengalaman
browsing di internet.
Kepala Sekolah
Tingkat Pendidikan Min D3
Tanggung Jawab Mengetahui perkembangan siswa dan perkembangan
guru bidang studi.
Hak Akses Memantau aktifitas guru dan aktifitas siswa seperti nilai
rata-rata siswa dalam ikelas dan melihat nilai terbesar
yang diperoleh disetiap kelas..
Keterampilan Memiliki pengetahuan tentang internet dan pengaksesan
sebuah website.
Pengalaman Dapat mengakses sebuah web dan memiliki pengalaman
browsing di internet.
3.1.6 Analisis Basis Data
Basis data merupakan kumpulan data yang saling berhubungan yang
disimpan secara bersama sedemikian rupa tanpa pengulangan (redudansi) yang
tidak perlu, untuk memenuhi berbagai kebutuhan.
79
3.1.6.1 Pemodelan data ER (Entity Relationship)
Basis data dapat digambarkan dengan menggunakan Entity Relationship.
ER merupakan hubungan antara entitas yang digunakan dalam sistem informasi
untuk menggambarkan hubungan antara entitas atau struktur data dan relasi antar
file.
Siswa
Guru
Admin
Pengumuman
Mengelola Mengajar
MembuatN
Mata pelajaran
Kelas
Mengelola
1
N
Mempunyai
Materi & Tugas
1
Mengelola
Forum
Mempunyai
Ujian Mempunyai SoalMengikutiMempunyai
Mengelola Memiliki
MemilikiMengirim /
menerima
Pesan
Mengirim /
menerima
Id_forum Id_Komentar
NIP
Id_kelas
Id_mapelNIPId_mapel
Id_Admin
Melihat N1
Id_materi
Id_pesan
Id_kelas
NIS Id_ujianNIS Id_ujianId_ikut
Mengelola
N
N
N1
1
111
1
1
N N
N 1
N
1
1
N
1
1
N N N
1
N
NN
N
1
Upload Tugas
Mengumpulkan
Memeriksa
1
N
1
N
Id_tugas
u_nilai
Kepala sekolah
Memiliki
N
1
NIP
Konfigurasi
Id_konf
Memiliki
N
Komentar
MemberiN
Memberi
1
N
1
1Id_ujian
Tahun Ajaran
Mengelola
1
N
Memiliki
1
NBerita
Mengelola
1
N
Id_berita
1
Memiliki
Memiliki
1
1
N
N
1
Memiliki
1
Id_pengumuman
Memiliki
N
1
Memiliki
N
Memiliki
N
Gambar 3.4 Entity Relational sistem e-learning berbasis web
3.1.7 Analisis Kebutuhan Fungsional
3.1.7.1 Diagram konteks
Dalam melakukan analisis terhadap sistem digunakan suatu perangkat yaitu
DFD (Data Flow Diagram). DFD merupakan diagram notasi yang digunakan
80
untuk menunjukkan aliran data pada perangkat lunak. DFD yang pertama adalah
DFD level 0 atau yang biasa disebut diagram konteks.
Berdasarkan analisis yang telah dilakukan, maka dapat ditentukan content
apa saja yang akan ditampilkan dalam sistem e-learning ini.
Aplikasi E-learning
SMK Negeri 2 CimahiGuru
Data Tugas Siswa
Data Forum
Data Jawaban Ujian
Data Nilai Ujian
Data Soal Ujian
Data Ujian
Data Pengumuman
Data Materi
Data Pesan
Login Guru
Inf. Login Guru
Inf. Dt_Ujian
Inf. Dt_Pesan
Inf. Dt_Materi
Inf. Dt_Pengumuman
Inf. Dt_Soal Ujian
Inf. Dt_Nilai Ujian
Inf. Dt_Jawaban Ujian
Inf. Dt_Forum
Inf. Dt_Tugas Siswa
Inf. Login Admin
Inf. Dt_Profil Admin
Inf. Dt_Tahun Ajaran
Inf. Dt_Guru
Inf. Dt_Mt Pelajaran
Inf. Dt_Mengajar
Inf. Dt_Kelas
Inf. Dt_Siswa
Inf. Forum
Inf. Dt_Berita
Inf. Dt_Buku Tamu
Data Buku Tamu
Data Berita
Data Forum
Data Siswa
Data Kelas
Data Mengajar
Data Mt_Pelajaran
Data Guru
Data Tahun Ajaran
Data Profil Admin
Login Admin
Data Login Kepala Sekolah
Data Guru
Data Siswa
Data Monitoring Siswa
Inf. Login Kepala Sekolah
Inf. Dt_Siswa
Inf. Dt_Guru
IInf. Dt_Lap Siswa
Data Lap Nilai ujian siswa
Data Tugas
Data Forum
Data Jawaban
Data Ujian
Data Materi
Data Pengumuman
Data Pesan
Login Siswa
Inf. Login Siswa
Inf. Dt_Pesan
Inf. Dt_Pengumuman
Inf. Dt_Materi
Inf. Dt_Ujian
Inf. DT_Jawaban
Inf. Dt_Forum
Inf. Dt_Tugas
Inf. Dt_Lap Nilai ujian siswa
Admin
Kepala Sekolah
Siswa
Gambar 3.5 Diagram konteks sistem e-learning berbasis web
3.1.7.2 Data Flow Diagram (DFD)
Data Flow Diagram (DFD) merupakan model dari sistem untuk
menggambarkan pembagian sistem ke model yang lebih kecil. DFD menguraikan
81
proses-proses yang terjadi dalam sistem sampai proses yang lebih detail. DFD dari
Sistem E-learning berbasis web dapat diuraikan sebagai berikut:
a. DFD Level 1
Pada DFD Level 1 berikut ini menjelaskan kepada pengguna, bahwa
pengguna dapat melakukan akses dengan memilih menu yang ada seperti login ke
dalam sistem sebagai admin, kepala sekolah, guru, atau siswa yang di dalamnya
terdapat beberapa menu pilihan yang berbeda sesuai hak akses setiap
penggunanya.
82
2.1
PENGOLAHAN
PROFIL PENGGUNA
3.1
PENGOLAHAN DATA
MASTER
4.1
PENGOLAHAN DATA
PEMBELAJARAN
5.1
AKTIFASI USER
ADMIN GURU SISWAKEPSEK
Info
Lo
gin
Gu
ru
Info
Lo
gin
Sis
wa
Dt Login Guru
Da
ta L
og
in S
isw
a
1.1
LOGINADMIN
Info Login Admin
Data Login Admin
Data Login Siswa
Info Login SiswaData Login Siswa
Info Login Guru
Info Login Admin
Data Login Kepsek
Info Login Kepsek
Data Login Admin
Data Setting KepsekInfo Setting Kepsek
Data Setting Guru
Info Setting Guru
Data Setting Siswa
Info Setting Siswa
Data Mengajar
Data Guru
Data Siswa
Data Kelas
Data Mt_Pelajaran
Data Forum
Data Berita
Inf. Dt_Kelas
Inf. Dt_Siswa
Inf. Dt_Guru
Inf. Forum
Inf. Dt_berita
Inf. Dt_Pelajaran
Inf. Dt_Mengajar
Data Soal,Data Pengumuman,
Data Materi & Tugas, Data Pesan
Data Ujian, Data Forum, Data Jawaban
Data Nilai
Inf. Dt_Nilai, Inf.
Dt_Jawaban
Inf. Dt_Forum, Inf.
Dt_Ujian,
Inf. Dt_Pesan, Inf.
Dt_Materi & Tugas,
Inf. Dt_Pengumuman,
Inf. Dt_Soal
Data Pengumuman,
Data Materi & Tugas,
Data Pesan,
Data Ujian,
Data Forum,
Data Nilai
Inf. Dt_Pengumuman,
Inf. Dt_Materi & Tugas,
Inf. Dt_Pesan,
Inf. Dt_Ujian,
Inf. Dt_Forum,
Inf. Dt_Nilai
Data Guru, Data Siswa,
Data Monitoring Guru,
Data Monitoring Siswa
Inf. Dt_Guru,
Inf. Dt_Siswa,
Inf. Dt_Monitoring Guru,
Inf. Dt_Monitoring Siswa
Mengajar
GURUSISWA
Mata
Pelajaran
Berita Kelas
Data Berita
Inf. Dt_BeritaData Mengajar
Inf. Dt_Mengajar
Data KelasInf. Dt_Kelas
Data Mapel
Inf. Dt_Mapel
Inf. Dt_Guru
Data Siswa
Data GuruInf. Dt_Siswa
Data Siswa
Inf. Dt_Siswa
Materi &
Tugas
Soal Ujian
Ujian
Nilai
PengumumanForumPesan
Inf. Dt_Pesan
Data Pesan
Data Forum
Inf. Dt_Forum
Data Nilai
Inf. Dt_Nilai
Data UjianInf. Dt_Ujian
Data Pengumuman
Inf. Dt_Pengumuman
Da
ta S
oa
l
Inf. D
T_S
oa
l
Data Materi
Inf. Dt_Materi
Data Siswa
Inf. Dt_Guru
Inf. Dt_SiswaData Guru
Data GuruInf. Dt_Guru
Data Siswa
Inf. Dt_Siswa
Data Forum Mapel
Inf. Dt_Forum Mapel
Tahun Ajar
Data Tahaun Ajar
Inf. Dt_Tahun Ajar
Data Tahaun Ajar
Inf. Dt_Tahun Ajar
Gambar 3.6 DFD Level 1 E-learning SMK Negeri 2 Cimahi
83
b. DFD Level 2
Proses-proses yang terdapat pada DFD level 1 dapat dipecah lagi menjadi
DFD level 2, dimana setiap prosesnya merupakan rincian proses yang terjadi
pada level 1. Hasil perincian proses yang ada pada DFD Level 1 adalah
sebagai berikut:
1. DFD Level 2 Proses 1.1 Login Pengguna
Pada DFD Level 2 proses 1.1 ini merupakan proses login yang akan
memeriksa akun user berupa NIP, NIS, Id Admin, Id Kepala Sekolah, dan
Password.
1.1.1
VERIFIKASI
ADMIN,NIP,NIS,KEPSEK
1.1.2
VERIFIKASI
PASSWORD
SISWA
GURU
KEPSEK
ADMIN
Data Login Kepsek
Data Login Admin
Info Login admin
Info Login Kepsek
Data Login Guru
Info Login Guru
Data Login Siswa
Info Login Siswa
Data Login Siswa
Info Login Siswa
Data Login Guru
Info Login Guru
Data Login Kepsek
Info Login Kepsek
Data Login Admin
Info Login Admin
T_SISWAT_GURU
T_KEPSEKT_ADMIN
Data Siswa
Data Guru
Data Kepsek
Data Admin
Data Login User
Valid
Data Siswa
Data Guru
Data Kepsek
Data Admin
Gambar 3.7 DFD Level 2 Proses 1.1 Login
84
2. DFD Level 2 Proses 2.1 Pengolahan Profil Pengguna
Pada DFD Level 2 Proses 2.1 merupakan pengolahan profil
pengguna, dimana didalamnya terdapat 2 proses yaitu ubah password dan
ubah email.
2.1.2
Ganti Password
GURU
ADMIN
Data Admin
Data Guru
Data Siswa
Info Ganti Pass Guru
Info Ganti Email Guru
Info Ganti Pass Admin
Info Ganti Email Admin
T_SISWA
T_KEPSEK
Data Kepsek
Data Siswa
Info Ganti Email Kepsek
Info Ganti Pass Siswa
2.1.1
Edit Profil
SISWA
KEPSEK
2.1.3
Ganti Email
T_ADMIN
T_GURU
Info Edit Admin
Info Edit Guru
Data Guru
Data Admin,
Data Guru
Data Admin,
Info Edit Siswa
Data Ortu
Info Edit Kepsek
Data SiswaInfo Ganti Pass Ortu
Info Ganti Email Siswa
Data Siswa
Data Admin, Info Admin
Data Admin, Info Admin
Data Admin, Info Admin
Data Guru, Info Guru
Data Guru, Info Guru
Data Guru, Info Guru
Data Siswa, Info Siswa
Data Siswa, Info Siswa
Data Siswa, Info Siswa
Data Kepsek, Info Kepsek
Data Kepsek, Info Kepsek
Data Kepsek, Info Kepsek
Gambar 3.8 DFD Level 2 Proses Pengolahan Profil Pengguna
3. DFD Level 2 Proses 3.1 Pengolahan Data Master
Pada DFD Level 2 Proses 3.1 merupakan pengolahan data master,
dimana didalamnya terdapat 7 proses diantaranya adalah: proses pengolahan
mata pelajaran, proses pengolahan mengajar, proses pengolahan berita, proses
pengolahan kelas, proses pengolahan guru, dan proses pengolahan siswa.
85
3.1.1
PENGOLAHAN
MATA PELAJARAN
3.1.2
PENGOLAHAN
MENGAJAR
3.1.3
PENGOLAHAN
BERITA
3.1.4
PENGOLAHAN
KELAS
3.1.5
PENGOLAHAN
DATA GURU
3.1.6
PENGOLAHAN
DATA SISWA
ADMIN
Data Mata Pelajaran
Info Mata Pelajaran
Data Mengajar
Info Mengajar
Data Berita
Info Berita
Data Kelas
Info Kelas
Info Siswa
Info Guru
Data Siswa
Data Guru
T_Matapelajaran
T_Mengajar
T_Berita
T_Kelas
T_Guru
T_Siswa
T_Konfigurasi
Data Mata pelajaran
Data Mengajar
Data Berita
Data Kelas
Data Guru
Data Siswa
Data Mata pelajaran
Data Mengajar
Data Berita
Data Kelas
Data Guru
Data Siswa
Data Semester
Data Semester
Data Mengajar
Data Mata pelajaran
Data Kelas
Data Kelas
3.1.7
PENGOLAHAN
TAHUN AJARAN
Info Tahun Ajaran
Data Tahun Ajaran
T_Tahun Ajar
Data Tahun Ajar
Data Tahun Ajar
Data Tahun Ajar
Data Tahun Ajar
Data Tahun Ajar
Gambar 3.9 DFD Level 2 Proses 3.1 Pengolahan Data Master
86
4. DFD Level 2 Proses 4.1 Pengolahan Data Pembelajaran
Pada DFD Level 2 Proses 4.1 ini merupakan pengolahan data
pembelajaran dimana di dalamnya terdapat 7 proses diantaranya adalah:
proses pengolahan materi dan tugas, proses pengolahan soal ujian, proses
pengolahan ujian, proses pengolahan nilai, proses pengolahan pengumuman,
proses pengolahan forum, dan proses pengolahan pesan.
4.1.1
PENGOLAHAN
MATERI & TUGAS
4.1.2
PENGOLAHAN
SOAL UJIAN
4.1.7
PENGOLAHAN
PESAN
4.1.3
PENGOLAHAN
UJIAN
4.1.4
PENGOLAHAN
NILAI UJIAN
4.1.5
PENGOLAHAN
PENGUMUMAN
4.1.6
PENGOLAHAN
FORUM
GURU
Data Materi & TugasInfo Materi & Tugas
Data Soal UjianInfo Soal Ujian
Data UjianInfo Ujian
Data Nilai
Info Pesan
Info ForumData Forum
Data Pesan
Data Pengumuman
T_Materi
T_Soal
T_Ujian
T_Pengumuman
T_Forum
T_Pesan
T_Kelas
Data Materi Pelajaran
Data Soal Ujian
Data Ujian
Data Nilai Ujian
Data Pengumuman
Data Forum
Data Pesan
Data Materi Pelajaran
Data Soal Ujian
Data Ujian
Data Nilai Ujian
Data Pengumuman
Data Forum
Data Pesan
Data Kelas
Data Kelas
Data Kelas
ADMINInfo Forum
Data Forum
Info Nilai
Info Pengumuman
T_Tugas
SISWA
Data Upload Tugas
Info Upload Tugas
Data Tugas Data Tugas
4.1.8
PENGOLAHAN
DASHBOARD
Data Forum
Info Forum
Data Pesan
Info Pesan
KEPSEK Data Dashboard
Info Dashboard Data Kelas
Data Ujian
Gambar 3.10 DFD Level 2 Proses 4.1 Pengolahan Data Pembelajaran
87
5. DFD Level 2 Proses 5.1 Pengolahan Aktifasi User
Pada DFD Level 2 Proses 5.1 ini merupakan pengolahan aktifasi user
proses aktifasi dilakukan untuk mendaftarkan user sesuai dengan jenis akun
pengguna, dengan mengisi data penggunanya user akan terdaftar.
5.1.1
INPUT DATA GURU,
SISWA
5.1.2
EDIT PASSWORD
GURU
SISWA
Data aktifasi guruInfo aktifasi guru invalid
Data aktifasi siswaInfo aktifasi siswa invalid
Data aktifasi siswa
Info aktifasi siswa invalid
Da
ta a
ktifa
si g
uru
Info
aktifa
si o
ran
g tu
a in
va
lid
T_SISWAT_GURU
Data aktifasi guru
Data aktifasi guruData aktifasi siswa
Data aktifasi siswa
Gambar 3.11 DFD Level 2 Proses 5.1 Pengolahan Aktifasi User
88
c. DFD Level 3
Dfd level 3 adalah merupakan hasil dekomposisi atau turunan dari dfd
level 2, di bawah ini adalah merupakan hasil dari dekomposisi dari dfd level
2.
1. DFD Level 3 Proses 3.1.1 Pengolahan Mata Pelajaran
Pada DFD Level 3 Proses 3.1.1 ini merupakan pengolahan data mata
pelajaran di dalamnya terdapat 3 proses yaitu: tambah mata pelajaran, edit
mata pelajaran, dan hapus mata pelajaran.
3.1.1.1
TAMBAH
MATA PELAJARAN
3.1.1.2
EDIT
MATA PELAJARAN
3.1.1.3
HAPUS
MATA PELAJARAN
ADMIN
Data Mata Pelajaran
Info Mata Pelajaran
Data Mata Pelajaran
Info Mata Pelajaran
Data Mata Pelajaran
Info Mata Pelajaran
T_Mata Pelajaran
Data Mata Pelajaran
Data Mata Pelajaran
Data Mata Pelajaran
Data Mata Pelajaran
Data Mata Pelajaran
Data Mata Pelajaran
T_KonfigurasiData Kelas
Data Kelas
T_Tahun Ajar Data Tahun Ajar
Data Tahun Ajar
Gambar 3.12 DFD Level 3 Proses 3.1.1 Pengolahan Mata Pelajaran
89
2. DFD Level 3 Proses 3.1.2 Pengolahan Mengajar
Pada DFD level 3 proses 3.1.2 berikut ini merupakan pengolahan
mengajar, dimana didalamnya terdapat 4 proses yaitu: proses pilih guru, pilih
mata pelajaran, edit mengajar dan hapus mengajar.
3.1.2.1
PILIH GURU
3.1.2.2
PILIH
MATA PELAJARAN
3.1.2.3
EDIT MENGAJARADMIN
Data Mengajar
Info Mengajar
Data Mengajar
Info Mengajar
Data Mengajar
Info Mengajar
T_Mengajar
Data Mata Pelajaran
Data Mata Pelajaran
Data Mata Pelajaran
Data Mata Pelajaran
Data Mata Pelajaran
Data Mata Pelajaran
T_GuruData Guru
3.1.2.4
HAPUS MENGAJARData Mengajar
Info Mengajar
Data Guru
T_Mata Pelajaran T_Kelas
Data Mata Pelajaran
Data Kelas
Gambar 3.13 DFD Level 3 Proses 3.1.2 Pengolahan Mengajar
90
3. DFD Level 3 Proses 3.1.3 Pengolahan Berita
Pada DFD Level 3 Proses 3.1.3 ini merupakan pengolahan data berita
dimana di dalamnya terdapat 4 proses yaitu: tambah berita, edit berita, hapus
berita, dan lihat berita.
3.1.3.1
TAMBAH BERITA
3.1.3.2
EDIT BERITA
3.1.3.3
HAPUS BERITA
3.1.3.4
LIHAT BERITAADMIN
Data Berita
Info Berita
Data Berita
Info Berita
Data Berita
Info Berita
Data Berita
Info Berita
T_Berita
Data Berita
Data Berita
Data Berita
Data Berita
Data Berita
Data Berita
Data BeritaData Berita
GURU
Data Berita, Info Berita Data Berita, Info Berita
SISWA
Gambar 3.14 DFD Level 3 Proses 3.1.3 Pengolahan Berita
91
4. DFD Level 3 Proses 3.1.4 Pengolahan Kelas
Pada DFD Level 3 Proses 3.1.4 ini merupakan pengolahan data kelas di
dalamnya terdapat 3 proses yaitu: tambah kelas, edit kelas, dan hapus kelas.
3.1.4.1
TAMBAH KELAS
3.1.4.2
EDIT KELAS
3.1.4.3
HAPUS KELASADMIN
Data Kelas
Info Kelas
Data Kelas
Info Kelas
Data Kelas
Info Kelas
T_Kelas
Data Kelas
Data Kelas
Data Kelas
Data Kelas
Data Kelas
Data Kelas
T_Tahun Ajar Data Tahun Ajar
Data Tahun Ajar
Gambar 3.15 DFD Level 3 Proses 3.1.4 Pengolahan Kelas
5. DFD Level 3 Proses 3.1.5 Pengolahan Guru
Pada DFD Level 3 Proses 3.1.5 ini merupakan pengolahan data guru di
dalamnya terdapat 4 proses yaitu: tambah guru, edit guru, hapus guru, dan
mengajar.
92
3.1.5.1
TAMBAH GURU
3.1.5.2
EDIT GURU
3.1.5.3
HAPUS GURU
ADMIN
Data Guru
Info Guru
Data Guru
Info Guru
Data Guru
Info Guru
Data Guru
Data Guru
Data Guru
Data Guru
Data Guru
Data Guru
T_Guru
T_Tahun Ajar Data Tahun Ajar
Data Tahun Ajar
Gambar 3.16 DFD Level 3 Proses 3.1.5 Pengolahan Guru
6. DFD Level 3 Proses 3.1.6 Pengolahan Siswa
Pada DFD Level 3 Proses 3.1.6 ini merupakan pengolahan data siswa
di dalamnya terdapat 4 proses yaitu: tambah siswa, edit siswa, dan hapus
siswa.
93
3.1.6.1
TAMBAH SISWA
3.1.6.2
EDIT SISWA
3.1.6.3
HAPUS SISWA
ADMIN
Data Siswa
Info Siswa
Data Siswa
Info Siswa
Data Siswa
Info Siswa
Data Siswa
Data Siswa
Data Siswa
Data Siswa
Data Siswa
Data Siswa
T_Siswa
T_KelasData Kelas
Data Kelas
T_Tahun Ajar Data Tahun Ajar
Data Tahun Ajar
Gambar 3.17 DFD Level 3 Proses 3.1.6 Pengolahan Siswa
7. DFD Level 3 Proses 3.1.7 Pengolahan Tahun Ajaran
Pada gambar DFD level 3 proses 3.1.7 berikut ini merupakan proses
tahun ajaran, dimana terdapat 3 proses di dalamnya yaitu proses tambah tahun
ajaran, proses ubah tahun ajaran dan proses hapus tahun ajaran.
94
3.1.7.1
TAMBAH
TAHUN AJARAN
3.1.7.2
EDIT
TAHUN AJARAN
3.1.7.3
HAPUS
TAHUN AJARAN
ADMIN
Data Tahun Ajaran
Info Tahun Ajaran
Data Tahun Ajaran
Info Tahun Ajaran
Data Tahun Ajaran
Info Tahun Ajaran
Data Tahun Ajaran
Data Tahun Ajaran
Data Tahun Ajaran
Data Tahun Ajaran
Data Tahun Ajaran
Data Tahun Ajaran
T_Tahun Ajar
3.1.7.4
SET AKTIF
TAHUN AJARAN
Data Tahun Ajaran
Info Tahun Ajaran
Data Tahun Ajaran
Data Tahun Ajaran
Gambar 3.18 DFD Level 3 Proses 3.1.7 Pengolahan Tahun Ajaran
8. DFD Level 3 Proses 4.1.1 Pengolahan Materi & Tugas
Pada DFD level 3 proses 4.1.1 berikut ini merupakan pengolahan
materi & tugas, dimana didalamnya terdapat 5 proses yaitu: proses tambah
materi & tugas, edit materi & tugas, hapus materi & tugas, download materi
& tugas dan upload materi & tugas.
95
4.1.1.1
TAMBAH MATERI
& TUGAS
4.1.1.2
EDIT MATERI
& TUGAS
4.1.1.3
HAPUS MATERI
& TUGAS
GURU
Data Materi
Info Materi
Data Materi
Info Materi
Data Materi
Info Materi
T_Materi
Data Materi
Data Materi
Data Materi
Data Materi
Data Materi
Data Materi
T_Mata PelajaranData Mata Pelajaran
4.1.1.4
DOWNLOAD
MATERI & TUGAS
Data Materi & TugasInfo Materi & Tugas
Data Materi
4.1.1.5
UPLOAD FILE
MATERI & TUGASData Materi & Tugas
Info Materi & Tugas
T_Kelas
Data Materi
Data Kelas
Data Kelas Data Mata Pelajaran
SISWA
Data Materi & Tugas
Info Materi & Tugas
Data Materi & Tugas
Data Upload Tugas
Info Upload Tugas
T_Tugas
Data TugasData Tugas
Data TugasData Tugas
Gambar 3.19 DFD Level 3 Proses 4.1.1 Pengolahan Materi
96
9. DFD Level 3 Proses 4.1.2 Pengolahan Soal Ujian
Pada DFD level 3 proses 4.1.2 berikut ini merupakan pengolahan soal,
dimana didalamnya terdapat 3 proses yaitu: proses tambah soal ujian, edit
soal ujian, dan hapus soal ujian.
4.1.2.1
TAMBAH SOAL
UJIAN
4.1.2.2
EDIT SOAL
UJIAN
4.1.2.3
HAPUS SOAL
UJIAN
GURU
Data Soal
Info Soal
Data Soal
Info Soal
Data Soal
Info Soal
T_Soal
Data Soal
Data Soal
Data Soal
Data Soal
T_Mata PelajaranData Mata Pelajaran
Data Soal
T_Kelas
Data Soal
Data Kelas
Data Kelas Data Mata Pelajaran
Gambar 3.20 DFD Level 3 Proses 4.1.2 Pengolahan Soal
10. DFD Level 3 Proses 4.1.3 Pengolahan Ujian Mata Pelajaran
Pada DFD level 3 proses 4.1.3 berikut ini merupakan pengolahan ujian,
dimana didalamnya terdapat 3 proses yaitu: proses tambah ujian, daftarkan
ujian, dan tampil jawaban ujian.
97
4.1.3.1
DAFTARKAN UJIAN
MATA PELAJARAN
GURU
Data Ujian
Info Ujian
Data Ujian
Info Materi
Data Ujian
Info Materi
T_Ujian
Data Ujian
Data Ujian
Data Ujian
Data Ujian
T_Mata PelajaranData Mata Pelajaran
Data Ujian
4.1.3.3
TAMPIL JAWABAN
UJIAN
T_Kelas
Data Ujian
Data Kelas
T_SoalData Soal Ujian
4.1.3.2
NILAI UJIAN
Data Soal UjianD
ata
So
al U
jian
Gambar 3.21 DFD Level 3 Proses 4.1.3 Pengolahan Ujian
11. DFD Level 3 Proses 4.1.4 Pengolahan Nilai Ujian
Pada DFD level 3 proses 4.1.4 berikut ini merupakan pengolahan nilai
ujian, dimana didalamnya terdapat 1 proses yaitu: proses lihat nilai ujian.
4.1.4.1
LIHAT NILAI UJIANGURU Data Nilai Ujian
Info Nilai Ujian
T_Ujian
Data Nilai Ujian
Data Nilai Ujian
SISWA Data Nilai Ujian
Info Nilai Ujian
Gambar 3.22 DFD Level 3 Proses 4.1.4 Pengolahan Nilai Ujian
98
12. DFD Level 3 Proses 4.1.5 Pengolahan Pengumuman
Pada DFD level 3 proses 4.1.5 berikut ini merupakan pengolahan
pengumuman, dimana didalamnya terdapat 4 proses yaitu: proses tambah
pengumuman, edit pengumuman, hapus pengumuman, dan lihat
pengumuman.
4.1.5.1
TAMBAH
PENGUMUMAN
4.1.5.2
EDIT
PENGUMUMAN
4.1.5.3
HAPUS
PENGUMUMAN
GURU
Data Pengumuman
Info Pengumuman
Data Pengumuman
Info Pengumuman
Data Pengumuman
Info Pengumuman
T_Pengumuman
Data Pengumuman
Data Pengumuman
Data Pengumuman
Data Pengumuman
Data Pengumuman
Data Pengumuman
4.1.5.4
LIHAT
PENGUMUMAN
Data Pengumuman
Info Pengumuman
Data Pengumuman
Data Pengumuman
T_Siswa
Data Siswa
SISWAData Pengumuman
Info Pengumuman
Gambar 3.23 DFD Level 3 Proses 4.1.5 Pengolahan Pengumuman
99
13. DFD Level 3 Proses 4.1.6 Pengolahan Forum
Pada DFD level 3 proses 4.1.6 berikut ini merupakan pengolahan forum,
dimana didalamnya terdapat 4 proses yaitu: proses tambah pengumuman, edit
pengumuman, hapus pengumuman, dan lihat pengumuman.
4.1.6.1
TAMBAH FORUM
MATA PELAJARAN
4.1.6.2
TAMBAH TOPIK
FORUM
4.1.6.3
LIHAT FORUMGURU
Data Forum
Info Forum
Data Forum
Info Forum
Data Forum
Info Forum
T_Forum
Data Forum
Data Forum
Data Forum
Data Forum
Data Forum
Data Forum
4.1.6.4
TAMBAH
KOMENTAR
Data Komentar
Info Komentar
T_Siswa
Data Forum
Info Forum
Info Komentar
Data Komentar
Data Forum
Data Forum
ADMIN
SISWAData Komentar
Info Komentar
Info Forum
Data Forum
Gambar 3.24 DFD Level 3 Proses 4.1.6 Pengolahan Forum
100
14. DFD Level 3 Proses 4.1.7 Pengolahan Pesan
Pada DFD level 3 proses 4.1.7 berikut ini merupakan pengolahan
pesan, dimana didalamnya terdapat 4 proses yaitu: proses tulis pesan, kirim
pesan, pesan masuk, dan pesan keluar.
4.1.7.1
TULIS PESAN
4.1.7.2
KIRIM PESAN
4.1.7.3
PESAN MASUKGURU
Data Tulis Pesan
Info Tulis Pesan
Data Kirim Pesan
Info Kirim Pesan
Data Pesan Masuk
Info Pesan Masuk
T_Pesan
Data Pesan
Data Pesan
Data Pesan
Data Pesan
Data Pesan
Data Pesan
4.1.7.4
PESAN KELUARData Pesan Keluar
Info Pesan Keluar
Data Pesan
Data Pesan
T_KelasData Kelas
Data Kelas
SISWA
Info Kirim Pesan
Data Kirim Pesan
Info Tulis Pesan
Data Tulis Pesan
Data Pesan Masuk
Info Pesan Masuk
Data Pesan Keluar
Info Pesan Keluar
Gambar 3.25 DFD Level 3 Proses 4.1.7 Pengolahan Pesan
101
15. DFD Level 3 Proses 4.1.8 Pengolahan Dashboard
4.1.8.1
MONITORING NILAI
UJIAN SISWA
KEPSEK Data Nilai Ujian Siswa
Info Nilai Ujian Siswa
T_Ujian
Data Nilai Ujian
Data Nilai Ujian
T_Kelas
Data Kelas
Data Kelas
Gambar 3.26 DFD Level 3 Proses 4.1.8 Pengolahan Dashboard
3.1.8 Spesifikasi Proses
Spesifikasi proses adalah keterangan dari sistem yang
digambarkan melalui DFD, untuk memperjelas proses-proses yang
sedang berlangsung.
Tabel 3.3 Spesifikasi Proses
No. Detail Keterangan
1. No. Proses 1.0
Nama Proses Login
Deskripsi Validasi data user yang digunakan untuk login
Source Administrator, Siswa, Guru, Kepala sekolah
Input Data login admin, guru, siswa dan kepala sekolah
Output Info data login admin, guru, siswa dan kepala sekolah
Destination Administrator, siswa dan kepala sekolah
102
Logika proses 1. User (Administrator, siswa, guru, kepala sekolah)
memasukkan data login pada form login.
2. User menekan tombol login.
3. Sistem mengecek tipe pengguna.
4. Sistem mengecek validasi NIS untuk siswa/NIP
untuk guru/Username untuk admin dan sandi pada
database.
5. Apabila data login valid, sistem akan menampilkan
halaman utama, apabila data login tidak valid, sistem
akan menampilkan pesan Login gagal. Silakan Login
kembali!
6. Jika data login kosong maka akan kelur pesan NIS / NIP masih kosong. Silahkan Login kembali!
Aturan Login:
- Login Siswa menggunakan NIS,
- Login Guru dan Kepala Sekolah menggunakan NIP
- Login admin menggunakan Username.
2. No. Proses 2.0
Nama Proses Pengolahan profil pengguna
Deskripsi Mengolah data-data akun pengguna
Source Administrator, Guru, Siswa
Input Data Admin, Data Guru, Data Siswa yang akan diubah
Output Info Admin, Info Guru, Info Siswa yang akan diubah
Destination Administrator, Guru, Siswa
Logika proses 1. User memilih menu pengolahan user (edit profil,
ganti password, ganti email)
2. Data user yang akan diolah dimasukan kedalam
system
3. Sistem akan mengecek isi data user
4. Jika data yang dimasukan sesuai maka Sistem
menampilkan perubahan akun pengguna
3. No. Proses 3.0
Nama Proses Pengolahan Data Master
Deskripsi Mengelola data master yang dibutuhkan aplikasi ini
Source Administrator
103
Input 1. Data Mata Pelajaran Yang ditambah
2. Data Mata Pelajaran Yang diubah
3. Data Mata Pelajaran Yang dihapus
4. Data mengajar yang ditambah
5. Data mengajar yang diubah
6. Dat mengajar yang dihapus
7. Data berita yang ditambah
8. Data berita yang diubah
9. Data berita yang dihapus
10. Data Kelas yang ditambah
11. Data Kelas yang diubah
12. Data Kelas yang dihapus
13. Data Guru Yang ditambah
14. Data Guru Yang diubah
15. Data Guru Yang dihapus
16. Data Siswa Yang ditambah
17. Data Siswa Yang diubah
18. Data Siswa Yang dihapus
Output 1. Data Mata Pelajaran Yang ditambah
2. Data Mata Pelajaran Yang diubah
3. Data Mata Pelajaran Yang dihapus
4. Data mengajar yang ditambah
5. Data mengajar yang diubah
6. Dat mengajar yang dihapus
7. Data berita yang ditambah
8. Data berita yang diubah
9. Data berita yang dihapus
10. Data Kelas yang ditambah
11. Data Kelas yang diubah
12. Data Kelas yang dihapus
13. Data Guru Yang ditambah
14. Data Guru Yang diubah
15. Data Guru Yang dihapus
16. Data Siswa Yang ditambah
17. Data Siswa Yang diubah
18. Data Siswa Yang dihapus Destination Administrator
Logika proses 1. Admin memasukan data master user(guru, dan
siswa)
2. Admin memilih proses tambah, ubah atau hapus
data user
3. Sistem akan mengecek isi dari data user
4. Apabila data yang dimasukan sesuai maka data
akan disimpan di data master pada sistem
4. No. Proses 4.0
Nama Proses Pengolahan Pembelajaran
104
Deskripsi Menampilkan semua menu-menu pembelajaran yang
disediakan Source Siswa, Guru, Orangtua
Input Data Materi & Tugas, Data Soal Ujian,Data Ujian, Data
Nilai, Data Pengumuman, Data Forum, Data Pesan Output Info Materi & Tugas, Info Soal Ujian, Info Ujian, Info Nilai,
Info Pengumuman, Info Forum, Info Pesan
Destination Guru, Siswa
Logika proses 1. User memilih menu pengolahan pembelajaran
2. Data pembelajaran dimasukkan
3. Sistem akan mengecek isi data pembelajaran yang
dimasukkan
4. Sistem mengelola data pembelajaran
5. Sistem akan menyimpan data pembelajaran yang
diolah
5. No. Proses 5.0
Nama Proses Aktifasi
Deskripsi Validasi data user yang digunakan untuk proses aktivasi
Source Administrator, guru, siswa, orangtua siswa dan kepala
sekolah Input Data aktivasi User
Output Info data aktivasi
Destination Administrator, guru, siswa, orangtua siswa dan kepala
sekolah
Logika proses 1. User (guru, siswa,ortu) memilih form aktivasi
2. Pengguna memasukkan NIP/NIS/Username
3. Sistem menampilakan form pengisian data pengguna
4. Jika data tidak valid maka akan keluar pesan error
5. Jika data valid maka akan keluar pesan
6. Sistem akan mengirim password default ke email
pengguna 6. No. Proses 2.1
Nama Proses Edit Profil
Deskripsi Mengunah profil pengguna
Source Administrator, kepsek, guru, siswa
Input Data profil
Output Imfo profil
Destination Administrator, kepsek, guru, siswa
Logika proses 1. user memilih pengaturan akun
2. Sistem menampilkan form pengaturan akun
3. user memasukan data profil
4. Sistem menyimpan data email dalam database
5. Jika data valid maka kan keluar pesan berhasil
6. Jika data tidak valid maka akan keluar pesan error
9. No. Proses 2.2
Nama Proses Ganti Password
Deskripsi Menampilkan menu untuk mengubah password pengguna
Source Administrator, kepsek, guru, siswa
105
Input Data Password Administrator, kepsek, guru, siswa yang
diubah Output Info Password Administrator, kepsek, guru, siswa yang
diubah
Destination Administrator, kepsek, guru, siswa
Logika proses 1. User memilih ganti password
2. Sistem menampilkan form ganti password
3. User memasukan data password baru
4. Sistem menyimpan data password baru dalam
database
5. Jika data valid maka kan keluar pesan berhasil
6. Jika data tidak valid maka akan keluar pesan error
10. No. Proses 2.3
Nama Proses Ganti Email
Deskripsi Menampilkan menu untuk mengubah email pengguna
Source Administrator, kepsek, guru, siswa
Input Data Email
Output Info Email
Destination Administrator, kepsek, guru, siswa
Logika proses 1. Administrator, kepsek, guru, siswa memilih menu
Ganti Email
2. Sistem menampilkan form ganti email lalu
menyimpan data email baru dan memperbaharui
email pengguna
11. No. Proses 3.1
Nama Proses Pengolahan Data Mata Pelajaran
Deskripsi Menampilkan menu untuk mengolah data mata pelajaran
Source Administrator
Input Data mata pelajaran
Output Info mata pelajaran
Destination Administrator
Logika proses 1. Admin memilih menu Mata Pelajaran
2. Sistem akan menampilkan sub menu dari menu
MataPelajaran
12. No. Proses 3.2
Nama Proses Proses Mengajar
Deskripsi Mengolah Data Mengajar
Source Admin
Input Data Mengajar
Output Info Mengajar
Destination Admin, guru
Logika proses 1. Admin memilih sub menu tugas mengajar
2. Sistem menampilkan form mengajar
13. No. Proses 3.3
Nama Proses Proses Pengolahan Berita
106
Deskripsi Mengolah data berita
Source Administrator
Input Data berita
Output Input berita
Destination Administrator
Logika proses 1. Guru memilih menu lihat berita
2. Sistem menampilakan submenu berita 14. No. Proses 3.4
Nama Proses Proses Pengolahan Kelas
Deskripsi Menampilkan menu untuk mengolah data kelas
Source Administrator
Input Data kelas
Data nama kelas
Output Info kelas
Info nama kelas
Destination Administrator
Logika proses 1. Admin memilih menu kelas
2. Sistem akan menampilkan sub menu dari menu
kelas
15. No. Proses 3.5
Nama Proses Proses Pengolahan data guru
Deskripsi Menampilkan menu untuk tambah guru, edit guru dan hapus
guru
Source Administrator
Input Data guru, data mengajar
Output Info guru, data mengajar
Destination Administrator
Logika proses 1. Admin memilih menu guru
2. Sistem akan menampilkan sub menu dari menu
guru
16. No. Proses 3.6
Nama Proses Proses Pengolahan data siswa
Deskripsi Menampilkan menu untuk tambah siswa daftar siswa
Source Administrator
Input Data siswa
Output Info data siswa
Destination Administrator
Logika proses 1. Admin memilih menu siswa
2. Sistem akan menampilkan sub menu dari menu
siswa
18. No. Proses 4.1
Nama Proses Proses Pengolahan Materi & Tugas
Deskripsi Menampilkan menu untuk mengelola proses materi pelajaran
& tugas
Source Guru
107
Input Data Materi
Output Info materi
Destination Guru, siswa
Logika proses 1. Guru memilih menu pengolahan materi pelajaran
lalu mengunggah data materi pelajaran
2. Sistem menampilkan data materi pelajaran
19. No. Proses 4.2
Nama Proses Proses Pengolahan Soal Ujian
Deskripsi Menampilkan Menu SoalUjian
Source Guru, Siswa
Input Data Soal Ujian
Output Info Soal Ujian
Destination Guru, Siswa
Logika proses 1. Guru Memilih Menu Lihat Ujian
2. Guru Memilih Tambah Soal atau Hapus Soal
Ujian
3. Guru Memilih Aktifkan Ujian atau Ganti Ujian
4. Sistem akan menampilkan masa aktif pengerjaan
ujian.
20. No. Proses 4.3
Nama Proses Pengolahan Ujian
Deskripsi Menampilkan Menu Ujian
Source Guru
Input Data Ujian
Output Info ujian
Destination Guru, Siswa
Logika proses 1. Guru memilih menu Tambah Data
2. Guru Memilih Menu Ujian Pelajaran dan Kelas
3. Guru Memilih Menu Lihat Ujian
4. Guru Memilih Tambah Soal atau Hapus Soal
Ujian
5. Guru Memilih Aktifkan Ujian atau Ganti Ujian
6. Sistem akan menampilkan Data Ujian
berupaUlangan,Uas, atau Uts dan menampilkan
masa aktif pengerjaan ujian. 21. No. Proses 4.4
Nama Proses Pengolahan Nilai
Deskripsi Menampilkan menu untuk daftar siswa
Source Guru, Siswa
Input Data Siswa,Data Nilai Tugas, Data Nilai Ujian
Output Info Siswa,Info Nilai Tugas, Info Nilai Ujian
Destination Guru, Siswa
Logika proses 1. guru memilih menu daftar siswa
2. guru memilih nama siswa
3. Sistem menampilkan hasil nilai tugas dan hasil
nilai ujian 22. No. Proses 4.5
108
Nama Proses PengolahanPengumuman
Deskripsi Mengolah data Pengumuman
Source Guru
Input Data Pengumuman
Output Info Pengumuman
Destination Guru
Logika proses 1. Guru memilih menu lihat Pengumuman
2. Sistem menampilakan submenu Pengumuman
23. No. Proses 4.6
Nama Proses Pengolahan Forum
Deskripsi Mengolah data forum
Source Guru
Input Data forum
Output Info forum
Destination Guru
Logika proses 1. Guru memilih menu lihat Forum
2. Sistem menampilakan submenu Forum 24. No. Proses 4.7
Nama Proses Pengolahan Pesan
Deskripsi Mengolah data forum
Source Guru, Siswa
Input Data Pesan
Output Info Pesan
Destination Guru, Siswa
Logika proses 1. Guru memilih menu lihat Pesan
2. Sistem menampilakan submenu Pesan
25. No. Proses 3.1.1
Nama Proses Tambah Berita
Deskripsi Menambah berita
Source Administrator
Input Data Berita
Output Info Berita
Destination Administrator,guru, siswa
Logika proses 1. Admin memilih menu tambah berita
2. Admin mengisi data berita
3. Klik tombol Tambah
4. Jika sesuai data berita tersimpan
5. Jika tidak penyimpanan berita gagal disimpan
26. No. Proses 3.1.2
Nama Proses Edit Berita
Deskripsi Mengedit Berita
Source Administrator
Input Data Berita
Output Info Berita
Destination Administrator,guru, siswa
109
Logika proses 1. Admin memilih menu edit berita
2. Admin mengubah data berita
3. Klik tombol Edit
4. Jika sesuai data berita tersimpan
5. Jika tidak penyimpanan berita gagal disimpan
27. No. Proses 3.1.3
Nama Proses Hapus Berita
Deskripsi Menghapus Berita
Source Administrator
Input Data Berita
Output Info Berita
Destination Administrator,guru, siswa
Logika proses 1. Admin memilih menu hapus berita
2. Admin memilih berita yang akan dihapus
3. Klik tombol Hapus
4. Jika sesuai data berita terhapus
5. Jika tidak penyimpanan berita gagal dihapus
28. No. Proses 3.1.4
Nama Proses Lihat Berita
Deskripsi Melihat Berita
Source Administrator
Input Data Berita
Output Info Berita
Destination Administrator,guru, siswa
Logika proses 1. Admin, guru, siswa dan melihat berita di halaman
home website. 29. No. Proses 3.2.1
Nama Proses Tambah Kelas
Deskripsi Proses untuk menambahkan kelas
Source Administrator
Input Data kelas yang di tambah
Output Info kelas yang di tambah
Destination Administrator
Logika proses 1. Admin memilih menu kelas
2. Admin melihat informasi data kelas
3. Tambah kelas sesuai yang diinginkan
4. Jika sesuai data kelas tersimpan
5. Jika tidak penyimpanan kelas gagal disimpan
30. No. Proses 3.2.2
Nama Proses Edit Kelas
Deskripsi Mengubah data Kelas
Source Administrator
Input Data Kelas yang diubah
Output Info Kelas yang diubah
Destination Admin, guru, siswa
110
Logika proses 1. Admin memilih menu kelas
2. Admin melihat informasi data kelas
3. Ubah kelas sesuai yang diinginkan
4. Jika sesuai data kelas tersimpan
5. Jika tidak penyimpanan kelas gagal disimpan
31. No. Proses 3.2.3
Nama Proses Hapus Kelas
Deskripsi Menghapus daftar kelas
Source Administrator
Input Data kelas
Output Info kelas
Destination Administrator, siswa, guru
Logika proses 1. Admin memilih menu kelas
2. Admin melihat informasi data kelas
3. Hapus kelas sesuai yang diinginkan
4. Jika sesuai data kelas tersimpan
5. Jika tidak penyimpanan kelas gagal disimpan
32. No. Proses 3.3.1
Nama Proses Tambah Mata Pelajaran
Deskripsi Menambah Data Mata Pelajaran
Source Administrator
Input Data Mata Pelajaran
Output Info Mata Pelajaran
Destination Administrator, Guru, siswa
Logika proses 1. Admin memilih menu mata pelajaran
2. Admin melihat informasi data mata pelajaran
3. Tambah mata pelajaran sesuai yang diinginkan
4. Jika sesuai data mata pelajaran tersimpan
5. Jika tidak penyimpanan mata pelajaran gagal
disimpan
33. No. Proses 3.3.2
Nama Proses Edit Mata Pelajaran
Deskripsi Mengedit data Mata pelajaran
Source Administrator
Input Data Mata pelajaran
Output Info Mata pelajaran
Destination Admin, Siswa, Guru
Logika proses 1. Admin memilih menu mata pelajaran
2. Admin melihat informasi data mata pelajaran
3. Ubah mata pelajaran sesuai yang diinginkan
4. Jika sesuai data mata pelajaran tersimpan
5. Jika tidak penyimpanan mata pelajaran gagal
disimpan
37. No. Proses 3.3.3
Nama Proses Hapus Mata pelajaran
111
Deskripsi Menghapus Data Mata pelajaran
Source Administrator
Input Data Mata Pelajaran
Output Info Mata Pelajaran
Destination Administrator, siswa, guru
Logika proses 1. Admin memilih menu mata pelajaran
2. Admin melihat informasi data mata pelajaran
3. Hapus mata pelajaran sesuai yang diinginkan
4. Jika sesuai data mata pelajaran tersimpan
5. Jika tidak penyimpanan mata pelajaran gagal
disimpan 38. No. Proses 3.4.1
Nama Proses Tambah Data Guru
Deskripsi Menambah Data Guru
Source Administrator
Input Data guru
Output Info guru
Destination Guru, admin
Logika proses 1. Admin memilih menu guru
2. Admin melihat informasi data guru
3. Tambah guru sesuai yang diinginkan
4. Jika sesuai data guru tersimpan
5. Jika tidak penyimpanan guru gagal disimpan
39. No. Proses 3.4.2
Nama Proses Edit Data Guru
Deskripsi Mengubah Data Guru
Source Admin
Input Data guru
Output Info guru
Destination Admin, guru, siswa
Logika proses 1. Admin memilih menu guru
2. Admin melihat informasi data guru
3. Ubah guru sesuai yang diinginkan
4. Jika sesuai data guru tersimpan
5. Jika tidak penyimpanan guru gagal disimpan
40. No. Proses 3.4.3
Nama Proses Hapus Data Guru
Deskripsi Menghapus data guru
Source Admin
Input Data guru
Output Info guru
Destination Admin
112
Logika proses 1. Admin memilih menu guru
2. Admin melihat informasi data guru
3. Ubah guru sesuai yang diinginkan
4. Jika sesuai data guru tersimpan
5. Jika tidak penyimpanan guru gagal disimpan
41. No. Proses 3.5.1
Nama Proses Tambah siswa
Deskripsi Menambah Data Siswa
Source Administrator
Input Data siswa
Output Info siswa
Destination Admin, Siswa
Logika proses 1. Admin memilih menu siswa
2. Admin melihat informasi data siswa
3. Tambah siswa sesuai yang diinginkan
4. Jika sesuai data siswa tersimpan
5. Jika tidak penyimpanan siswa gagal disimpan
42. No. Proses 3.5.2
Nama Proses Edit siswa
Deskripsi Mengedit siswa
Source Administrator
Input Data siswa
Output Info siswa
Destination Admin,Siswa
Logika proses 1. Admin memilih menu siswa
2. Admin melihat informasi data siswa
3. Ubah siswa sesuai yang diinginkan
4. Jika sesuai data siswa tersimpan
5. Jika tidak penyimpanan siswa gagal disimpan
43. No. Proses 3.5.3
Nama Proses Hapus siswa
Deskripsi Menghapus daftar siswa
Source Administrator
Input Data siswa
Output Info siswa
Destination Admin,Siswa
Logika proses 1. Admin memilih menu siswa
2. Admin melihat informasi data siswa
3. Hapus siswa sesuai yang diinginkan
4. Jika sesuai data siswa tersimpan
5. Jika tidak penyimpanan siswa gagal disimpan
47. No. Proses 3.7.1
Nama Proses Pilih guru mengajar
Deskripsi Memilih guru mengajar
Source Administrator
113
Input Data guru
Output Info guru
Destination Administrator, guru
Logika proses 1. Admin memilih guru yang telah ada yang nantinya
akan mengajarkan pelajaran
48. No. Proses 3.7.2
Nama Proses Pilih mata pelajaran mengajar
Deskripsi Memilih mata pelajaran yang akan diajarkan
Source Administrator
Input Data Mata Pelajaran
Output Info Mata Pelajaran
Destination Administrator, guru
Logika proses 1. Admin memilih mata pelajaran yang akan diajarkan
oleh guru tersebut
49. No. Proses 3.7.3
Nama Proses Edit Data Mengajar
Deskripsi Mengedit data mengajar
Source Administrator
Input Data Mengajar
Output Info Mengajar
Destination Administrator, guru
Logika proses 1. Admin memilih menu data mengajar
2. Admin melihat informasi data mengajar
3. Edit data mengajar sesuai yang diinginkan
4. Jika sesuai data mengajar tersimpan
5. Jika tidak penyimpanan data mengajar gagal
disimpan
50. No. Proses 3.7.4
Nama Proses Hapus Data Mengajar
Deskripsi Menghapus data mengajar
Source Administrator
Input Data Mengajar
Output Info Mengajar
Destination Administrator, guru
Logika proses 1. Guru memilih menu data mengajar
2. Guru melihat informasi data mengajar
3. Hapus data mengajar sesuai yang diinginkan
4. Jika sesuai data mengajar tersimpan
5. Jika tidak penyimpanan data mengajar gagal
disimpan 51. No. Proses 4.1.1
Nama Proses Tambah Materi
Deskripsi Menambah data materi
Source Guru
Input Data materi, data mata pelajaran, data kelas
Output Info materi ,Info mata pelajaran, Info kelas
114
Destination Guru, siswa
Logika proses 1. Admin memilih menu materi
2. Admin melihat informasi data materi
3. Tambah daftar materi sesuai yang diinginkan
4. Jika sesuai data materi tersimpan
5. Jika tidak penyimpanan data materi gagal
disimpan 52. No. Proses 4.1.2
Nama Proses Edit Materi
Deskripsi Mengedit data materi
Source Guru
Input Data Materi, Data Mata Pelajaran, Data Kelas
Output Info Materi ,Info Mata Pelajaran, Info Kelas
Destination Guru, siswa
Logika proses 1. Admin memilih menu materi
2. Admin melihat informasi data materi
3. Ubah data materi sesuai yang diinginkan
4. Jika sesuai data materi tersimpan
5. Jika tidak penyimpanan data materi gagal
disimpan 53. No. Proses 4.1.3
Nama Proses Hapus Materi
Deskripsi Manghapus Data Materi Pelajaran
Source Guru
Input Data Materi Pelajaran
Output Info Materi Pelajaran
Destination Guru, siswa
Logika proses 1. Admin memilih menu materi
2. Admin melihat informasi data materi
3. Hapus daftar materi sesuai yang diinginkan
4. Jika sesuai data materi tersimpan
5. Jika tidak penyimpanan data materi gagal
disimpan 54. No. Proses 4.1.4
Nama Proses Download Materi
Deskripsi Mengambil materi pelajaran berbentuk modul,multimedia.
Source Guru,Siswa
Input Data Materi
Output Info Materi
Destination Guru,Siswa
Logika proses 1. Guru mengklik submenu daftar materi
2. Guru melihat judul materi yang langsung dapat
melihat materi yang di masukan.
3. Guru dan Siswa dapat mendownload materi
tersebut 55. No. Proses 4.1.5
Nama Proses Pengolahan File Materi
Deskripsi Memasukan beberapa file materi berbentuk modul dan
multimedia.
115
Source Guru
Input Data Materi
Output Info Materi
Destination Guru
Logika proses 1. Guru mengklik submenu daftar materi
2. Guru memilih upload file lalu masukan jumlah file
yang akan
dimasukan. 56. No. Proses 4.2.1
Nama Proses Tambah Soal
Deskripsi Membuat Data soal
Source Guru
Input Data soal, Data Matapelajaran, Data Kelas
Output Info soal, Info Matapelajaran,Info Kelas,
Destination Guru
Logika proses 1. Guru memilih menu soal
2. Guru melihat informasi data soal
3. Tambah data soal sesuai yang diinginkan
4. Jika sesuai data soal tersimpan
5. Jika tidak penyimpanan data banksoal gagal
disimpan 57. No. Proses 4.2.2
Nama Proses Edit Soal
Deskripsi Mengedit Soal
Source Guru
Input Data Soal, Data Matapelajaran, Data Kelas
Output Info Soal, Info Matapelajaran,Info Kelas,
Destination Guru
Logika proses 1. Guru memilih menu banksoal
2. Guru melihat informasi data banksoal
3. Ubah data banksoal sesuai yang diinginkan
4. Jika sesuai data banksoal tersimpan
5. Jika tidak penyimpanan data banksoal gagal
disimpan 58. No. Proses 4.2.3
Nama Proses Hapus Soal
Deskripsi Menghapus Daftar Soal
Source Guru
Input Data Soal
Output Info Soal
Destination Siswa, Guru
Logika proses 1. Guru memilih menu banksoal
2. Guru melihat informasi data banksoal
3. Hapus data banksoal sesuai yang diinginkan
4. Jika sesuai data banksoal tersimpan
5. Jika tidak penyimpanan data banksoal gagal
disimpan
59. No. Proses 4.3.1
Nama Proses Tambah Ujian
116
Deskripsi Menambah Ujian
Source Guru
Input Data Ujian
Output Info Ujian
Destination Guru, Siswa
Logika proses 1. Guru memilih menu ujian
2. Guru melihat informasi data ujian
3. Tambah data ujian sesuai yang diinginkan
4. Jika sesuai data ujian tersimpan
5. Jika tidak penyimpanan data ujian gagal disimpan
60. No. Proses 4.3.2
Nama Proses Edit Ujian
Deskripsi Mengedit Ujian
Source Guru
Input Data Ujian
Output Info Ujian
Destination Guru, Siswa
Logika proses 1. Guru memilih menu ujian
2. Guru melihat informasi data ujian
3. Ubah data ujian sesuai yang diinginkan
4. Jika sesuai perubahan data ujian tersimpan
5. Jika tidak perubahan data ujian gagal disimpan
61. No. Proses 4.3.3
Nama Proses Hapus Ujian
Deskripsi Menghapus Ujian
Source Guru
Input Data Ujian
Output Info Ujian
Destination Guru, Siswa
Logika proses 1. Guru memilih menu ujian
2. Guru melihat informasi data ujian
3. Hapus data ujian sesuai yang diinginkan
4. Jika sesuai perubahan data ujian tersimpan
5. Jika tidak perubahan data ujian gagal disimpan
62. No. Proses 4.5.1
Nama Proses Tambah Pengumuman
Deskripsi Menambah data pengumuman
Source Guru
Input Data pengumuman
Output Info pengumuman
Destination Siswa
117
Logika proses 1. Guru memilih menu pengumuman
2. Guru melihat informasi data pengumuman
3. Tambah data pengumuman sesuai yang diinginkan
4. Jika sesuai data pengumuman tersimpan
5. Jika tidak penyimpanan data pengumuman gagal
disimpan 63. No. Proses 4.5.2
Nama Proses Edit pengumuman
Deskripsi Mengedit pengumuman
Source Guru
Input Data pengumuman yang diubah
Output Info pengumuman yang diubah
Destination Siswa
Logika proses 1. Guru memilih menu pengumuman
2. Guru melihat informasi data pengumuman
3. Ubah data pengumuman sesuai yang diinginkan
4. Jika sesuai data pengumuman tersimpan
5. Jika tidak penyimpanan data pengumuman gagal
disimpan 64. No. Proses 4.5.3
Nama Proses Hapus pengumuman
Deskripsi Menghapus daftar pengumuman
Source Guru
Input Data pengumuman
Output Info pengumuman
Destination siswa, guru
Logika proses 1. Guru memilih menu pengumuman
2. Guru melihat informasi data pengumuman
3. hapus data pengumuman sesuai yang diinginkan
4. jika sesuai data pengumuman akan terhapus
65. No. Proses 4.5.4
Nama Proses Lihat Pengumuman
Deskripsi Melihat pengumuman
Source Guru
Input Data pengumuman
Output Info pengumuman
Destination siswa, guru
Logika proses 1. Siswa melihat pengumuman yang telah dibuat oleh
guru bersangkutan
66. No. Proses 4.6.1
Nama Proses Tambah Forum
Deskripsi Menambahkan Forum
Source Admin
Input Data Forum
Output Info Forum
Destination Guru, Siswa
118
Logika proses 1. Admin memilih mata pelajaran yang akan
dimasukkan ke dalam forum
2. Sistem akan menampilkan form diskusi dari mata
pelajaran
tersebut
3. Pengguna mengisi data diskusi secara valid
4. Sistem akan menyimpan di database dan
menampilkan pesan
67. No. Proses 4.6.2
Nama Proses Tambah opik Forum
Deskripsi Menambahkan topik forum
Source Guru
Input Data mata pelajaran, data topik
Output Info mata pelajaran, Info topik
Destination Guru, Siswa
Logika proses 1. Guru memilih mata pelajaran yang sudah di daftarkan
ke dalam forum
2. Gurur membuat topik apa yang akan dibicarakan
3. Sistem akan menyimpan di database dan
menampilkan pesan 68. No. Proses 4.6.3
Nama Proses Lihat Forum
Deskripsi Melihat forum yang telah dibuat
Source Admin, guru
Input Data mata pelajaran, data topik
Output Info mata pelajaran, Info topik
Destination Guru, Siswa
Logika proses 1. Siswa memilih mata pelajaran apa saja yang ada
dalam forum.
69. No. Proses 4.6.4
Nama Proses Komentar forum
Deskripsi Memberi tanggapan forum
Source Guru
Input Data mata pelajaran, data topik
Output Info mata pelajaran, Info topik
Destination Guru, Siswa
Logika proses 1. user memilih menu forum
2. sistem akan menampilkan form tambah forum
3. user mengisi data forum dan klik simpan
4. Sistem akan menyimpan kedalam database
5. Jika data kosong sistem akan menampilkan pesan
data harus diisi.
70. No. Proses 4.7.1
Nama Proses Tulis Pesan
Deskripsi Menulus pesan yang akan dikirim
Source Guru, Siswa
Input Data pesan, data kelas
Output Info pesan, info kelas
Destination Guru, Siswa
119
Logika proses 1. User memilih menu tulis pesan
2. User mengisi pesan yang akan di kirim
3. Sistem akan menyimpan data pesan
71. No. Proses 4.7.2
Nama Proses Kirim pesan
Deskripsi Mengirim pesan
Source Guru, Siswa
Input Data pesan, data kelas
Output Info pesan, info kelas
Destination Guru, Siswa
Logika proses 1. Pesan yang telah di tulis akan disampaikan ke
penerima oleh sistem
72. No. Proses 4.7.3
Nama Proses Pesan Masuk
Deskripsi Pesan masuk user
Source Guru, Siswa
Input Data pesan, data siswa
Output Info pesan, Info siswa
Destination Guru, Siswa
Logika proses 1. Pesan yang telah dikirim oleh guru atau siswa akan di
simpan ke data base oleh sistem, dan akan di
sampaikan dalam pesan masuk user
73. No. Proses 4.7.4
Nama Proses Pesan keluar
Deskripsi Pesan kelur user
Source Guru, Siswa
Input Data pesan, data siswa
Output Info pesan, Info siswa
Destination Guru, Siswa
Logika proses 1. Pesan yang telah terkirim oleh guru atau siswa akan
di simpan ke data base oleh sistem, dan akan di
tampilkan dalam pesan keluar user
3.1.9 Kamus Data
Untuk menjelaskan semua data yang digunakan dalam sistem, digunakan
kamus data. Kamus data untuk sistem ini diuraikan dalam tabel berikut.
120
Tabel 3.4 Kamus Data
No Detail Keterangan
1. Nama Data login admin
Deskripsi Berisi data admin yang digunakan untuk proses login
Struktur
data
username+ pass_admin
User name
pass_admin
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
2. Nama Data login siswa
Deskripsi Berisi data siswa yang digunakan untuk proses login
Struktur
data
Nis+ pass_siswa
User name
pass_siswa
[0...9]
[A...Z|a...z|0...9]
3. Nama Data login guru
Deskripsi Berisi data guru yang digunakan untuk proses login
Struktur
data
Nip+ pass_guru
User name
pass_guru
[0...9]
[A...Z|a...z|0...9]
4. Nama Data login kepala sekolah
Deskripsi Berisi data kepala sekolah yang digunakan untuk proses login
Struktur
data
Username+ pass_kepalasekolah
User name
pass_kepsek
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
5. Nama Data admin
Deskripsi Data yang berisi profil admin yang diubah
Struktur
data
Password + foto + alamat + no tlp
userID
password
alamat
no tlp
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
[0...9]
6. Nama Data Siswa
Deskripsi Data yang berisi profil siswa yang ditambah dan diubah
Struktur
data
nis+nama+password+email+telepon+alamat
nis
nama
password
alamat
telepon
[0…9] [A…Z|a…z]
[A…Z|a…z|0…9]
[A…Z|a…z|0…9]
[A…Z|a…z|0…9]
[0…9]
7. Nama Data guru
Deskripsi Data yang berisi profil guru yang ditambah dan diubah
121
Struktur
data
nip+nama+password+email+telepon+alamat
nip
nama password email alamat telepon
[0…9] [A…Z|a…z]
[A…Z|a…z|0…9]
[A…Z|a…z|0…9]
[A…Z|a…z|0…9]
[0…9]
8. Nama Data forum
Deskripsi Data yang berisi keterangan data forum yang ditambah,
diubah dan dihapus
Struktur
data
Id_forum+id_mapel+judul+ket+id_kls
Id_Forum Id_mapel judul
ket id_kls
[A…Z|0…9|simbol] [A…Z|0…9|simbol]
[A…Z|0…9|simbol]
[A…Z|0…9|simbol]
[A…Z|0…9|simbol]
9. Nama Data Pengumuman
Deskripsi Data yang berisi keterangan data pengumuman sekolah yang
ditambah dan dihapus
Struktur
data
d_pengumuman+tgl_pengumuman+judul_pengumuman+isi_
pengumuman+pengirim
id_pengumu
man
tgl_pengum
uman
judul_pengu
muman
isi_pengum
uman
pengirim
[0...9]
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
10. Nama Data Berita
Deskripsi Data yang berisi keterangan data Berita sekolah yang
ditambah dan dihapus
Struktur
data
Id_berita+judul_berita+berita+tgl_posting+gambar+pengirim
Id_berita
judul_berita
berita
tgl_posting
gambar
pengirim
[0...9]
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
11. Nama Data Soal
Deskripsi Data ini Berisi Soal2 yang dikumpulkan
Struktur
data
Id_banksoal+id_kelas+nip+id_mapel+tipe_soal+soal+status
122
Id_banksoal
id_kelas
nip
id_mapel
tipe_soal
soal
status
simbol
[A...Z|0...9]
[0...9]
[0...9]
[A...Z|0...9]
[A...Z|a...z|0...9]
[A...Z|a...z|0...9|simbol]
[0...9]
[!|@|#|$|%|&|?|/|\|+|,|.|_;|’|”|]
12. Nama Data File Materi
Deskripsi Data ini Berisi kumpulan materi-materi
Struktur
data
Id_file+id_materi+tipe_materi+data
Id_file
id_materi
tipe_materi
data
[0...9]
[A...Z|0...9]
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
13. Nama Data Induk Ujian
Deskripsi Data ini Berisi Ujian
Struktur
data
Id_induk+id_guru+id_tajar+jenis_ujian+nama_ujian
Id_induk
id_guru
id_tajar
jenis_ujian
nama_ujian
id_sem
[0...9]
[0...9]
[0...9]
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
[0...9]
14. Nama Data Jawaban_soal
Deskripsi Data ini Berisi jawaban2 yang ada di banksoal
Struktur
data
Id_jawabanbanksoal+id_banksoal+jawaban+benar
Id_jawabans
oal
Id_soal
Jawaban
benar
[0...9]
[A...Z|0...9]
[A...Z|a...z|0...9]
[0...9]
15. Nama Data Jawaban Siswa
Deskripsi Data ini berisi jawaban-jawaban siswa
Struktur
data
Id+nis+jawaban
Id
Nis
jawaban
[0...9]
[0...9]
[A...Z|a...z|0...9]
16. Nama Data Jawaban_soalujian
Deskripsi Data ini Berisi jawaban soalujian yang ada di banksoal
Struktur
data
Id_jawabansoalujian+id_soalujian+jawaban+benar
Id_jawabans
oalujian
Id_soalujian
Jawaban
benar
[0...9]
[A...Z|0...9]
[A...Z|a...z|0...9]
[0...9]
17. Nama Data Kelas
123
Deskripsi Data ini Berisi nama-nama kelas
Struktur
data
Id_kelas+kelas+ket
Id_kelas
kelas
ket
[0...9]
[A...Z|0...9]
[A...Z|a...z|0...9]
18. Nama Data Kepsek
Deskripsi Data ini berisi tentang data kepala sekolah
Struktur
data
User+nama_kepsek+alamat+tlp_kepsek+foto+email+passwor
d+st User
Nama_keps
ek
Alamat
Tlp_kepsek
Foto
Password
St
simbol
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
[0...9]
[A...Z|a...z|0...9]
[A...Z|a...z|0...9|simbol]
[A...Z|a...z|0...9]
[0...9]
[!|@|#|$|%|&|?|/|\|+|,|.|_;|’|”|]
19. Nama Data Komentar
Deskripsi Data ini berisi komentar dari topik forum
Struktur
data
Id_komentar+id_forum+user+tgl+jam+komentar
Id_komenta
r
Id_forum
User
Tgl
Jam
komentar
[0...9]
[0...9]
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
20. Nama Data MataPelajara
Deskripsi Data ini berisi matapelajaran
Struktur
data
Id_Maple+kode_mp+matapelajaran
Id_mapel
Kode_mp
Matapelajar
an
[A...Z|0...9]
[A...Z]
[A...Z|a...z|0...9]
21. Nama Data Materi
Deskripsi Data ini berisi materi materi berupa modul,multimedia,dan
Video
Struktur
data
Id_materi+id_kelas+id_guru+id_mapel+id_tajar+tgl_materi+
judul_materi+tipe_materi+isi_materi+gambar+wktu+id_sem
124
Id_materi
id_kelas
id_guru
id_mapel
id_tajar
tgl_materi
judul_mater
i
tipe_materi
isi_materi
gambar
wktu
id_sem
[A...Z|0...9]
[0...9]
[0...9]
[A...Z|0...9]
[0...9]
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
[A...Z|0...9] 22. Nama Data Mengajar
Deskripsi Data ini berisi daftar mengajar guru
Struktur
data
Idajar+id_guru+id_mapel+id_kelas+id_sub_kelas+id_tajar+i
d_sem
Idajar
id_guru
id_mapel
id_kelas
id_sub_kela
s
id_tajar
id_sem
[0...9]
[0...9]
[A...Z|0...9]
[0...9]
[0...9]
[0...9]
[0...9]
23. Nama Data Nilai Tugas
Deskripsi Data ini berisi nilai tugas yang diberikan guru kepada siswa
Struktur
data
Id_nilai+id_tugas+id_kelas+nis+id_mapel+tgl+file+nilai
Id_nilai
id_tugas
id_kelas
nis
id_mapel
tgl
file
nilai
[0...9]
[0...9]
[0...9]
[0...9]
[A...Z|0...9]
[A...Z|a...z|0...9]
[A...Z|a...z|0...9]
[0...9]
24. Nama Data Nilai Ujian
Deskripsi Data ini berisi nilai ujian berupa Ulangan,Uas,dan Uts
Struktur
data
Id_nilaiujian+id_ujian+id_mapel+nis+nilai
Id_nilaiujia
n
id_ujian
id_mapel
nis
nilai
[0...9]
[0...9]
[A...Z|0...9]
[0...9]
[0...9]
25. Nama Data Semester
Deskripsi Data ini berisi data semester berupa ganjil dan genap
Struktur
data
Data ini berisi data semester berupa ganjil dan genap
125
Id_sem
semester
[0...9]
[A...Z|a...z|0...9]
26. Nama Data Soalujian
Deskripsi Data ini berisi soal-soal ujian yang diambil dari banksoal
Struktur
data
Id_soalujian+id_ujian+id_banksoal+nip+soal
Id_soalujian
id_ujian
id_banksoal
nip
soal
[0...9]
[0...9]
[A...Z|0...9]
[0...9]
[A...Z|a...z|0...9]
27. Nama Data Ujian
Deskripsi Data ini berisi ujian ujian
Struktur
data
Id_ujian+id_induk+id_mapel+id_kelas+tgl_ujian+jam_awal+
jam_akhir+waktu+keterangan
Id_ujian
id_induk
id_mapel
id_kelas
tgl_ujian
jam_awal
jam_akhir
waktu
keterangan
[0...9]
[0...9]
[A...Z|0...9]
[0...9]
[A...Z|a...z|0...9]
[0...9]
[0...9]
[0...9]
[A...Z|a...z|0...9]
3.2 Perancangan Sistem
Perancangan akan dimulai setelah tahap analisis terhadap sistem selesai
dilakukan. Perancangan dapat didefinisikan sebagai proses aplikasi berbagai
teknik dan prinsip bagi tujuan pendefinisian suatu perangkat, suatu proses atau
sistem dalam detail yang memadai untuk memungkinkan realisasi fisiknya.
Perancangan digambarkan sebagai proses multi-langkah dimana representasi
struktur data, struktur program, karakteristik interface, dan detail prosedur,
disintesis dari persyaratan informasi.
126
3.2.1 Diagram Relasi
Untuk menggambarkan keterhubungan antar tabel dalam sistem, digunakan
diagram relasi.
127
Pesan
PK Id_Pesan
FK
FK
Dari
Untuk
Nama Pengirim
Nama Penerima
Topik
Isi
Mengajar
PK Id_Mengajar
FK
FK
FK
NIP
Id_Mapel
Id_Kelas
Materi
PK Id_Materi
FK
FK
FK
NIP
Id_Mapel
Id_Kelas
Judul
Isi
Download
Komentar
PK Id_Komentar
FK
FK
Id_Mapel
Id_Forum
Pengirim
Isi
Mata Pelajaran
PK Id_Mapel
FK Id_Konf
Mata Pelajaran
Forum
PK Id_Forum
FK
FK
Id_Mapel
Id_Admin
Judul
Keterangan
Tgl_kirim
Pukul_kirim
Admin
PK Id_Admin
Nama Admin
Alamat
No. Telp
Password
Siswa
PK NIS
FK Id_Kelas
Nama Siswa
Kelas Tingkat
Password
Foto
Id_Admin
Ujian
PK Id_Ujian
FK
FK
FK
Id_Materi
NIS
NIP
Jawaban
Nilai
Ikut_Ujian
PK Id_Ikut
FK
FK
FK
Id_Mapel
NIS
Id_Ujian
Kelas
PK Id_Kelas
Nama Kelas
Keterangan
Id_Admin
Konfigurasi
PK Id_Konf
Kelas_tingkat
Jurusan
Semester
Soal
PK Id_Soal
FK
FK
FK
Id_Materi
Id_Mapel
NIP
Pertanyaan
Opta
Optb
Optc
Optd
Opte
Jawaban
Pembahasan
Tampil
Guru
PK NIP
Nama Guru
Foto
Password
Id_admin
Pengumuman
PK Id_Pengumuman
FK NIP
Tgl_kirim
Pukul_kirim
Judul
Isi
Foto
Tugas
PK Id_Tugas
FK
FK
Id_Mapel
NIS
Nama
Kelas_tingkat
Judul
Download
Kepsek
PK NIP
Nama Kepsek
Foto
Password
Id_mengajar
Nilai
Gambar 3.26 Diagram relasi aplikasi E-learning SMK Negeri 2 Cimahi
128
3.2.2 Struktur Tabel
Tabel adalah sekumpulan data atau informasi spesifik tentang subjek tertentu
yang disusun dalam bentuk kolom dan baris. Tabel adalah komponen utama dan
pertama dari sebuah database. Berikut ini adalah rincian mengenai masing-
masing tabel.
1. Tabel Guru
Tabel guru digunakan untuk mencatat data penting yang merupakan
identitas guru. Secara umum, struktur table yang akan digunakan untuk mencatat
data guru.
Tabel 3.5 Tabel Guru
Nama Kolom Tipe Data Keterangan
NIP int [18] primary key
Nama Guru varchar [50] Not null default
password varchar [32] Not null default
Email varchar [25] Not null default
Foto text
2. Tabel Siswa
Tabel siswa digunakan untuk mencatat data penting yang merupakan
identitas siswa. Secara umum, struktur tabel yang akan digunakan untuk mencatat
data siswa.
129
Tabel 3.6 Tabel Siswa
Nama Kolom Tipe Data Keterangan
Nis int [8] primary key
id_kelas
int [5] Not null default, foreign key mengacu ke tabel kelas
(id_kelas)
Nama Siswa varchar [50] Not null default
password varchar [32] Not null default
Email varchar [25] Not null default
Kelas_Tingkat varchar [10] null default
Foto text
3. Tabel Mata Pelajaran
Tabel mata pelajaran digunakan untuk mencatat data mata pelajaran.
Secara umum, struktur tabel yang akan digunakan untuk mencatat data nilai tugas.
Tabel 3.7 Tabel Mata pelajaran
Nama Kolom Tipe Data Keterangan
Id_mapel varchar [8] primary key
Nama Mata
Pelajaran
varchar [50]
Not null default
Id_konf
Int [11]
Not null default, foreign
key mengacu ke tabel
konfigurasi (id_konf)
4. Tabel Kelas
Tabel kelas digunakan untuk mencatat data kelas. Secara umum, struktur
table yang akan digunakan untuk mencatat data kelas dapat.
130
Tabel 3.8 Tabel Kelas
Nama Kolom Tipe Data Keterangan
id_kelas int [5] primary key
Nama Kelas varchar [20] Not null default
Keterangan varchar [50] Not null default
5. Tabel Pengumuman
Tabel pengumuman digunakan untuk mencatat data pengumuman. Secara
umum, struktur tabel yang akan digunakan untuk mencatat data pengumuman.
Tabel 3.9 Tabel Pengumuman
Nama Kolom Tipe Data Keterangan
Id_Pengumuman int [11] primary key
NIP
varchar [18] Not null default, foreign key
mengacu ke tabel guru (NIP)
Judul varchar [50] Not null default
Isi text Not null default
Tgl_kirim Varchar [10] Not null default
Pukul_kirim Varchar [8] Not null default
foto text
6. Tabel Materi pelajaran
Tabel materi digunakan untuk mencatat data materi pelajaran. Secara
umum, struktur tabel yang akan digunakan untuk mencatat data materi.
131
Tabel 3.10 Tabel Materi pelajaran
Nama Kolom Tipe Data Keterangan
id_materi varchar [20] primary key
Nip
varchar [18] Not null default, foreign key
mengacu ke tabel guru (NIP)
id_mapel
varchar [8]
Not null default, foreign key
mengacu ke tabel
mata_pelajaran (Id_Mapel)
Judul Materi varchar [50] Not null default
Isi varchar [255] Not null default
Id_kelas int [5] null default
Download varchar [100] Not null default
7. Tabel Admin
Tabel admin digunakan untuk menyimpan data admin. Secara umum,
struktur tabel yang akan digunakan untuk menyimpan data admin.
Tabel 3.11 Tabel Admin
Nama Kolom Tipe Data Keterangan
Id_Admin Int [10] primary key
Nama Admin varchar [50] Not null default
Alamat varchar [50] Not null default
No.Telp varchar [15] Not null default
Email varchar [2] Not null default
Password varchar [32] Not null default
132
8. Tabel Mengajar
Tabel mengajar merupakan tabel yang berisi data tugas mengajar. Struktur
tabel yang akan digunakan untuk menyimpan data mengajar.
Tabel 3.12 Tabel Mengajar
Nama Kolom Tipe Data Keterangan
id_mengajar varchar [15] primary key
Nip
varchar [18] Not null default, foreign key
mengacu ke table guru (NIP)
Id_mapel
varchar [8]
Not null default, foreign key
ke table mata_pelajaran
(Id_Mapel)
9. Tabel Berita
Tabel berita merupakan tabel yang berisi data berita. Struktur tabel yang
akan digunakan untuk menyimpan data berita.
Tabel 3.13 Tabel Berita
Nama Kolom Tipe Data Keterangan
Id_berita Int [11] primary key
b_judul varchar [25] Not null default
b_isi text Not null default
b_tglkirim varchar [10] Not null default
b_pukulkirim varchar [8] Not null default
gambar text Not null default
133
10. Tabel Soal
Tabel soal digunakan untuk menyimpan data soal. Secara umum, struktur
tabel yang akan digunakan untuk mencatat data soal.
Tabel 3.14 Tabel Soal
Nama Kolom Tipe Data Keterangan
Id_soal int [11] Not Null, primary key
NIP
varchar [18] primary key, foreign key mengacu
ke tabel Guru (NIP)
Id_materi
varchar [20]
Not null default, foreign key
mengacu ke tabel Materi
Pelajaran (id_materi)
Id_mapel
varchar [8]
Not null default, foreign key
mengacu ke tabel Mata Pelajaran
(id_mapel)
Pertanyaan Text Not null
Opta Text Not null
Optb Text Not null
Optc Text Not null
Optd Text Not null
Opte Text Not null
Jawaban Char [1] Not null default
Pembahasan Text Not null
Tampil Int [1] Not null
134
11. Tabel Ujian
Tabel Ujian digunakan untuk mencatat data ujian. Secara umum, struktur
tabel yang akan digunakan untuk mencatat data ujian.
Tabel 3.15 Tabel Ujian
Nama Kolom Tipe Data Keterangan
Id_Ujian int [8] Primary key
id_materi
varchar [20]
Not null default, foreign key mengacu ke table materi_pelajaran (id_materi)
Nilai varchar [50] Not null default
NIP varchar [20] Not null default
NIS Int [4] Not null default
jawaban Varchar [50] Not null default
nilai float
12. Tabel Forum
Tabel Forum digunakan untuk mencatat data forum. Secara umum,
struktur tabel yang akan digunakan untuk mencatat data forum.
Tabel 3.16 Tabel Forum
Nama Kolom Tipe Data Keterangan
Id_Forum int [11] primary key
Id_mapel
varchar [8]
Not null default, foreign key
mengacu ke tabel mata_pelajaran
(id_mapel)
Judul varchar [30] Not null default
Keterangan varchar [100] Not null default
Tgl_kirim varchar [10] Not null default
135
Kelas_tingkat varchar [10] Not null default
Pukul_kirim Varchar [8] Not null default
13. Tabel topik
Tabel topik digunakan untuk menyimpan data topik dari forum yang
dipilih. Secara umum, struktur tabel yang akan digunakan untuk menyimpan data
topik.
Tabel 3.17 Tabel Topik
Nama Kolom Tipe Data Keterangan
tid (id_topic) int [11] primary key, auto_increment
fid (id _forum) varchar [30] Not null default, mengacu ke table forum (id_forum)
id_mapel varchar [50] Not null default, foreign key mengacu ke table mata_pelajaran (id_mapel)
t_judul int [12] Not null default
t_keterangan varchar [32] Not null default
14. Tabel Tugas
Tabel nilai digunakan untuk mengupload tugas siswa yang telah
dikerjakan. Secara umum, struktur tabel yang akan digunakan untuk mengupload
tugas siswa.
136
Tabel 3.18 Tabel Tugas
Nama Kolom Tipe Data Keterangan
Id_tugas int [10] primary key
NIS int [8] Not null default, foreign key mengacu ke table siswa (NIS)
Nama varchar [30] Not null default
Id_mapel varchar [30] Not null default, foreign key mengacu ke table mata_pelajaran (id_mapel)
Kelas_tingkat varchar [20] Not null default
Tu_judul varchar [150] Not null default
Tu_download varchar [255] Not null default
15. Tabel Kepsek
Tabel Kepsek digunakan untuk menyimpan data kepsek. Secara umum,
struktur tabel yang akan digunakan untuk menyimpan data kepsek.
Tabel 3.19 Tabel Kepsek
Nama Kolom Tipe Data Keterangan
NIP int [18] primary key
Nama Kepsek varchar [50] Not null default
password varchar [32] Not null default
Email varchar [25] Not null default
Foto text
16. Tabel Ikut Ujian
Tabel Ujian digunakan untuk menyimpan data ujian. Secara umum,
struktur tabel yang akan digunakan untuk mencatat data ujian.
137
Tabel 3.20 Tabel Ikut Ujian
Nama Kolom Tipe Data Keterangan
Id_ikut varchar [10] Not Null, primary key
NIS
int [4] primary key, foreign key mengacu
ke tabel Siswa (NIS)
Id_Ujian
varchar [20] Not null default, foreign key
mengacu ke tabel Ujian (id_ujian)
17. Tabel Komentar
Tabel Komentar digunakan untuk menyimpan komentar atau tanggapan
forum. Secara umum, struktur table yang akan digunakan untuk mencatat data
komentar.
Tabel 3.21 Tabel Komentar
Nama Kolom Tipe Data Keterangan
Id_komentar int [11] primary key
Id_topik int [11] Not null default
Id_forum int [11] Not null default
Id_mapel varchar [50] Not null default
Pengirim komentar varchar [100] Not null default
Isi komentar text Not null default
3.2.3 Perancangan Struktur Menu
Perancangan struktur menu dirancang untuk menyediakan fungsi-fungsi
yang akan digunakan dalam aplikasi E-learning management system di SMK
Negeri 2 Cimahi. Diantaranya akan dirancang empat struktur menu, yaitu struktur
menu admin, struktur menu guru, struktur menu siswa, struktur menu orangtua.
138
a. Perancangan Struktur Menu Admin
Ganti Profil
AdminData Guru Data SiswaData Kelas
Data
Mengajar
Data Mata
PelajaranData Forum Data Berita
Hapus Buku
Tamu
Tambah
Hapus
Edit
Tambah
Hapus
Edit
Tambah
Hapus
Edit
Tambah
Hapus
Edit
Tambah
Hapus
Edit
Tambah Forum Tambah
Hapus
Edit
Keluar
Menu Admin
Beranda Kontak Buku Tamu
Login
Daftar
Guru
Aktifasi Berita
Gambar 3.27 Struktur menu Admin E-learning SMK Negeri 2 Cimahi
b. Perancangan Struktur Menu Guru
Beranda Kontak Buku Tamu
Login
Daftar
Guru
Aktifasi Berita
Menu Guru
Ganti
PasswordGanti Email Tulis Pesan
Pesan
Masuk
Pesan
KeluarPengumuman
Tambah
Hapus
Edit
Materi
Pelajaran
Tambah
Hapus
Edit
Upload
Tambah SoalEdit/Hapus
Soal
Daftar Materi
UjianNilai Ujian
Tampilkan
JawabanForum
Topik
Beri
komentar
Tambah
topik
Keluar
Gambar 3.28 Struktur menu Guru E-learning SMK Negeri 2 Cimahi
139
c. Perancangan Struktur Menu Siswa
Beranda Kontak Buku Tamu
Login
Daftar
Guru
Aktifasi Berita
Menu Siswa
Ganti
PasswordGanti Email Kirim Pesan
Pesan
Masuk
Pesan
KeluarPengumuman
Materi
Pelajaran
Baca
Download
Latihan Soal/
Ujian
Lihat Nilai
Ujian
Jawaban
UjianForum
Topik
Beri
komentar
Tambah
topik
Laporan Nilai
SiswaKeluar
Gambar 3.29 Struktur menu Siswa E-learning SMK Negeri 2 Cimahi
d. Perancangan Struktur Menu Kepsek
Beranda Kontak Buku Tamu
Login
Daftar
Guru
Aktifasi Berita
Menu Kepsek
Ganti
PasswordGanti Email Data Siswa Data Guru
Monitoring
Nilai SiswaKeluar
Gambar 3.30 Struktur menu Kepsek E-learning SMK Negeri 2 Cimahi
140
3.2.4 Perancangan Antar muka
Perancangan antarmuka diperlukan pada program aplikasi ini dengan tujuan
untu mempermudah pengguna dalam menggunakan program aplikasi ini. Dengan
adanya perancangan antarmuka ini berbagai pengguna baik awam, maupun yang
sudah berpengalaman dapat mengoperasikan program ini tanpa adanya kesulitan
yang besar.
1. Perancangan Halaman Utama untuk user Guru, dan Siswa.
F01
HeaderSMK Negeri 2 Cimahi
E-Learning
Foto Sekolah
· Klik Beranda untuk
menuju F01
· Klik kontak untuk
menuju F02
· Klik buku tamu untuk
menuju F03
· Klik daftar guru untuk
menuju F04
· Klik daftar siswa atau
guru akan menuju F05,
F06
· Klik lupa password
untuk menuju F07
· Klik login akan menuju
FG01 atau FS01 atau
FK01 sesuai pilihan
login jika login valid, jika
nip/nis dan password
tidak valid akan muncul
pesan M01, M02, atau
M03
Beranda Kontak Buku Tamu
Berita
Login
NIS / NIP
Password
Siswa Guru Admin
Siswa
Guru
Kalender
Aktifasi
Login
Daftar
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
Lupa Password ?
footer
Gambar 3.31 Perancangan Halaman Utama Aplikasi E-learning
141
F02
HeaderSMK Negeri 2 Cimahi
E-Learning
Logo sekolah
· Klik Beranda untuk
menuju F01
· Klik kontak untuk
menuju F02
· Klik buku tamu untuk
menuju F03
· Klik daftar guru untuk
menuju F04
· Klik daftar siswa atau
guru akan menuju F05,
F06
· Klik lupa password
untuk menuju F07
· Klik login akan menuju
FG01 atau FS01 atau
FK01 sesuai pilihan
login jika login valid, jika
nip/nis dan password
tidak valid akan muncul
pesan M01, M02, atau
M03
Beranda Kontak Buku Tamu
Login
NIS / NIP
Password
Siswa Guru Admin
Siswa
Guru
Kalender
Aktifasi
Login
Daftar
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
Lupa Password ?
footer
Kontak sekolah
Gambar 3.32 Perancangan Halaman Kontak Sekolah
F03
HeaderSMK Negeri 2 Cimahi
E-Learning
Tabel daftar tamu
· Klik Beranda untuk
menuju F01
· Klik kontak untuk
menuju F02
· Klik buku tamu untuk
menuju F03
· Klik daftar guru untuk
menuju F04
· Klik daftar siswa atau
guru akan menuju F05,
F06
· Klik lupa password
untuk menuju F07
· Klik Isi buku tamu akan
menuju F08
· Klik login akan menuju
FG01 atau FS01 atau
FK01 sesuai pilihan
login jika login valid, jika
nip/nis dan password
tidak valid akan muncul
pesan M01, M02, atau
M03
Beranda Kontak Buku Tamu
Login
NIS / NIP
Password
Siswa Guru Admin
Siswa
Guru
Kalender
Aktifasi
Login
Daftar
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
Lupa Password ?
footer
Buku Tamu
Isi buku tamu
Gambar 3.33 Perancangan Halaman Buku Tamu
142
F04
HeaderSMK Negeri 2 Cimahi
E-Learning
Tabel daftar guru
· Klik Beranda untuk
menuju F01
· Klik kontak untuk
menuju F02
· Klik buku tamu untuk
menuju F03
· Klik daftar guru untuk
menuju F04
· Klik daftar siswa atau
guru akan menuju F05,
F06
· Klik lupa password
untuk menuju F07
· Klik login akan menuju
FG01 atau FS01 atau
FK01 sesuai pilihan
login jika login valid, jika
nip/nis dan password
tidak valid akan muncul
pesan M01, M02, atau
M03
Beranda Kontak Buku Tamu
Login
NIS / NIP
Password
Siswa Guru Admin
Siswa
Guru
Kalender
Aktifasi
Login
Daftar
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
Lupa Password ?
footer
Daftar Guru
Gambar 3.34 Perancangan Halaman Daftar Guru
F05
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik Beranda untuk
menuju F01
· Klik kontak untuk
menuju F02
· Klik buku tamu untuk
menuju F03
· Klik daftar guru untuk
menuju F04
· Klik aktifasir siswa atau
guru akan menuju F05,
F06
· Klik lupa password
untuk menuju F07
· Klik login akan menuju
FG01 atau FS01 atau
FK01 sesuai pilihan
login jika login valid, jika
nip/nis dan password
tidak valid akan muncul
pesan M01, M02, atau
M03
Beranda Kontak Buku Tamu
Login
NIS / NIP
Password
Siswa Guru Admin
Siswa
Guru
Kalender
Aktifasi
Login
Daftar
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
Lupa Password ?
footer
Aktifasi Siswa
Kelas :
NIS :
Nama :
Email :
Foto :
Simpan
Pilih kelas
Choose file
Gambar 3.35 Perancangan Halaman Aktifasi Siswa
143
F06
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik Beranda untuk
menuju F01
· Klik kontak untuk
menuju F02
· Klik buku tamu untuk
menuju F03
· Klik daftar guru untuk
menuju F04
· Klik aktifasir siswa atau
guru akan menuju F05,
F06
· Klik lupa password
untuk menuju F07
· Klik login akan menuju
FG01 atau FS01 atau
FK01 sesuai pilihan
login jika login valid, jika
nip/nis dan password
tidak valid akan muncul
pesan M01, M02, atau
M03
Beranda Kontak Buku Tamu
Login
NIS / NIP
Password
Siswa Guru Admin
Siswa
Guru
Kalender
Aktifasi
Login
Daftar
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
Lupa Password ?
footer
Aktifasi Guru
NIP :
Nama :
Email :
Foto :
Simpan
Choose file
Gambar 3.36 Perancangan Halaman Aktifasi Guru
F07
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik Beranda untuk
menuju F01
· Klik kontak untuk
menuju F02
· Klik buku tamu untuk
menuju F03
· Klik daftar guru untuk
menuju F04
· Klik aktifasir siswa atau
guru akan menuju F05,
F06
· Klik lupa password
untuk menuju F07
· Klik login akan menuju
FG01 atau FS01 atau
FK01 sesuai pilihan
login jika login valid, jika
nip/nis dan password
tidak valid akan muncul
pesan M01, M02, atau
M03
Beranda Kontak Buku Tamu
Login
NIS / NIP
Password
Siswa Guru Admin
Siswa
Guru
Kalender
Aktifasi
Login
Daftar
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
Lupa Password ?
footer
Lupa Password
NIS / NIP :
Email :
Foto :
Simpan
Choose file
Gambar 3.37 Perancangan Halaman Lupa Password
144
2. Perancangan Halaman untuk user Admin
FA01
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik ganti profil admin
untuk menuju FA02
· Klik data guru untuk
menuju FA03
· Klik data mata
pelajaran untuk menuju
FA04
· Klik data mengajar
untuk menuju FA05
· Klik data kelas untuk
menuju FA06
· Klik data siswa untuk
menuju FA07
· Klik data forum untuk
menuju FA09
· Klik data berita untuk
menuju FA11
· Klik lihat buku tamu
untuk menuju FA12
Beranda Kontak Buku Tamu
Kalender
Menu
Ganti Profil Admin
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Profil Admin
Data Guru
Data Mata Pelajaran
Data Mengajar
Data Kelas
Data Siswa
Data Forum
Data Berita
Lihat Buku Tamu
Keluar
Nama :
Email :
Alamat :
No Telephon :
Gambar 3.38 Perancangan Halaman Profil Admin
FA02
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik ganti profil admin
untuk menuju FA02
· Klik data guru untuk
menuju FA03
· Klik data mata
pelajaran untuk menuju
FA04
· Klik data mengajar
untuk menuju FA05
· Klik data kelas untuk
menuju FA06
· Klik data siswa untuk
menuju FA07
· Klik data forum untuk
menuju FA09
· Klik data berita untuk
menuju FA11
· Klik lihat buku tamu
untuk menuju FA12
Beranda Kontak Buku Tamu
Kalender
Menu
Ganti Profil Admin
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Data Guru
Data Mata Pelajaran
Data Mengajar
Data Kelas
Data Siswa
Data Forum
Data Berita
Lihat Buku Tamu
Keluar
Ganti Profil Admin
Nama :
Email :
Alamat :
No Tlp :
Password Lama :
Password Baru :
Validasi Password Baru :
Gambar 3.39 Perancangan Halaman Ganti Profil Admin
145
FA03
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik ganti profil admin
untuk menuju FA02
· Klik data guru untuk
menuju FA03
· Klik data mata
pelajaran untuk menuju
FA04
· Klik data mengajar
untuk menuju FA05
· Klik data kelas untuk
menuju FA06
· Klik data siswa untuk
menuju FA07
· Klik data forum untuk
menuju FA09
· Klik data berita untuk
menuju FA11
· Klik lihat buku tamu
untuk menuju FA12
· Klik hapus akan akan
keluar pesan M10
Beranda Kontak Buku Tamu
Kalender
Menu
Ganti Profil Admin
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Data Guru
Data Mata Pelajaran
Data Mengajar
Data Kelas
Data Siswa
Data Forum
Data Berita
Lihat Buku Tamu
Keluar
Data Guru
Tambah Guru
Foto NIP AksiNama
Edit|Hapus
Gambar 3.40 Perancangan Halaman Data Guru
FA04
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik ganti profil admin
untuk menuju FA02
· Klik data guru untuk
menuju FA03
· Klik data mata
pelajaran untuk menuju
FA04
· Klik data mengajar
untuk menuju FA05
· Klik data kelas untuk
menuju FA06
· Klik data siswa untuk
menuju FA07
· Klik data forum untuk
menuju FA09
· Klik data berita untuk
menuju FA11
· Klik lihat buku tamu
untuk menuju FA12
Beranda Kontak Buku Tamu
Kalender
Menu
Ganti Profil Admin
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Data Guru
Data Mata Pelajaran
Data Mengajar
Data Kelas
Data Siswa
Data Forum
Data Berita
Lihat Buku Tamu
Keluar
Data Mata Pelajaran
Tambah Mata Pelajaran
No Kode Mata Pelajaran Nama Mata Pelajaran Aksi
Gambar 3.41 Perancangan Halaman Pengolahan Data Mata Pelajaran
146
FA05
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik ganti profil admin
untuk menuju FA02
· Klik data guru untuk
menuju FA03
· Klik data mata
pelajaran untuk menuju
FA04
· Klik data mengajar
untuk menuju FA05
· Klik data kelas untuk
menuju FA06
· Klik data siswa untuk
menuju FA07
· Klik data forum untuk
menuju FA09
· Klik data berita untuk
menuju FA11
· Klik lihat buku tamu
untuk menuju FA12
Beranda Kontak Buku Tamu
Kalender
Menu
Ganti Profil Admin
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Data Guru
Data Mata Pelajaran
Data Mengajar
Data Kelas
Data Siswa
Data Forum
Data Berita
Lihat Buku Tamu
Keluar
Data Mengajar
Tambah Data Pengajar
NIP Nama Mata Pelajaran Aksi
Gambar 3.42 Perancangan Halaman Pengolahan Data Mengajar
FA06
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik ganti profil admin
untuk menuju FA02
· Klik data guru untuk
menuju FA03
· Klik data mata
pelajaran untuk menuju
FA04
· Klik data mengajar
untuk menuju FA05
· Klik data kelas untuk
menuju FA06
· Klik data siswa untuk
menuju FA07
· Klik data forum untuk
menuju FA09
· Klik data berita untuk
menuju FA11
· Klik lihat buku tamu
untuk menuju FA12
Beranda Kontak Buku Tamu
Kalender
Menu
Ganti Profil Admin
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Data Guru
Data Mata Pelajaran
Data Mengajar
Data Kelas
Data Siswa
Data Forum
Data Berita
Lihat Buku Tamu
Keluar
Data Kelas
Tambah Kelas
Id Kelas Nama Kelas Aksi
Gambar 3.43 Perancangan Halaman Pengolahan Data Kelas
147
FA07
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik ganti profil admin
untuk menuju FA02
· Klik data guru untuk
menuju FA03
· Klik data mata
pelajaran untuk menuju
FA04
· Klik data mengajar
untuk menuju FA05
· Klik data kelas untuk
menuju FA06
· Klik data siswa untuk
menuju FA07
· Klik salah satu kelas
untuk menuju FA08
· Klik data forum untuk
menuju FA09
· Klik data berita untuk
menuju FA11
· Klik lihat buku tamu
untuk menuju FA12
Beranda Kontak Buku Tamu
Kalender
Menu
Ganti Profil Admin
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Data Guru
Data Mata Pelajaran
Data Mengajar
Data Kelas
Data Siswa
Data Forum
Data Berita
Lihat Buku Tamu
Keluar
Data Siswa Berdasarkan Kelas
10 Mekatronika A
10 Mekatronika B
10 Multimedia A
10 Multimedia B
10 RPL A
10 RPL B
11 Mekatronika A
11 Mekatronika B
11 Multimedia A
11 Multimedia B
11 RPL A
11 RPL B
Gambar 3.44 Perancangan Halaman Pengolahan Data Siswa Berdasarkan Kelas
FA08
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik ganti profil admin
untuk menuju FA02
· Klik data guru untuk
menuju FA03
· Klik data mata
pelajaran untuk menuju
FA04
· Klik data mengajar
untuk menuju FA05
· Klik data kelas untuk
menuju FA06
· Klik data siswa untuk
menuju FA07
· Klik data forum untuk
menuju FA09
· Klik data berita untuk
menuju FA11
· Klik lihat buku tamu
untuk menuju FA12
Beranda Kontak Buku Tamu
Kalender
Menu
Ganti Profil Admin
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Data Guru
Data Mata Pelajaran
Data Mengajar
Data Kelas
Data Siswa
Data Forum
Data Berita
Lihat Buku Tamu
Keluar
Data Siswa Berdasarkan Kelas
Tambah Siswa
Foto Kelas AksiNIS Nama Email
Gambar 3.45 Perancangan Halaman Pengolahan Data Siswa
148
FA09
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik ganti profil admin
untuk menuju FA02
· Klik data guru untuk
menuju FA03
· Klik data mata
pelajaran untuk menuju
FA04
· Klik data mengajar
untuk menuju FA05
· Klik data kelas untuk
menuju FA06
· Klik data siswa untuk
menuju FA07
· Klik data forum untuk
menuju FA09
· Klik salah atu mata
pelajaran untuk mejuju
FA10
· Klik data berita untuk
menuju FA11
· Klik lihat buku tamu
untuk menuju FA12
Beranda Kontak Buku Tamu
Kalender
Menu
Ganti Profil Admin
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Data Guru
Data Mata Pelajaran
Data Mengajar
Data Kelas
Data Siswa
Data Forum
Data Berita
Lihat Buku Tamu
Keluar
Data Forum
Tambah Forum
Mata Pelajaran
Gambar 3.46 Perancangan Halaman Pengolahan Data Sub Forum
FA10
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik ganti profil admin
untuk menuju FA02
· Klik data guru untuk
menuju FA03
· Klik data mata
pelajaran untuk menuju
FA04
· Klik data mengajar
untuk menuju FA05
· Klik data kelas untuk
menuju FA06
· Klik data siswa untuk
menuju FA07
· Klik data forum untuk
menuju FA09
· Klik data berita untuk
menuju FA11
· Klik lihat buku tamu
untuk menuju FA12
Beranda Kontak Buku Tamu
Kalender
Menu
Ganti Profil Admin
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Data Guru
Data Mata Pelajaran
Data Mengajar
Data Kelas
Data Siswa
Data Forum
Data Berita
Lihat Buku Tamu
Keluar
Data Forum
Tambah Forum
No Kategori AksiJudul Tgl Kirim Kelas
Gambar 3.47 Perancangan Halaman Pengolahan Data Forum
149
FA11
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik ganti profil admin
untuk menuju FA02
· Klik data guru untuk
menuju FA03
· Klik data mata
pelajaran untuk menuju
FA04
· Klik data mengajar
untuk menuju FA05
· Klik data kelas untuk
menuju FA06
· Klik data siswa untuk
menuju FA07
· Klik data forum untuk
menuju FA09
· Klik data berita untuk
menuju FA11
· Klik lihat buku tamu
untuk menuju FA12
Beranda Kontak Buku Tamu
Kalender
Menu
Ganti Profil Admin
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Data Guru
Data Mata Pelajaran
Data Mengajar
Data Kelas
Data Siswa
Data Forum
Data Berita
Lihat Buku Tamu
Keluar
Data Berita
Tambah Berita
No HapusJudul Tgl Kirim Edit
Gambar 3.48 Perancangan Halaman Pengolahan Data Berita
FA12
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik ganti profil admin
untuk menuju FA02
· Klik data guru untuk
menuju FA03
· Klik data mata
pelajaran untuk menuju
FA04
· Klik data mengajar
untuk menuju FA05
· Klik data kelas untuk
menuju FA06
· Klik data siswa untuk
menuju FA07
· Klik data forum untuk
menuju FA09
· Klik data berita untuk
menuju FA11
· Klik lihat buku tamu
untuk menuju FA12
Beranda Kontak Buku Tamu
Kalender
Menu
Ganti Profil Admin
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Data Guru
Data Mata Pelajaran
Data Mengajar
Data Kelas
Data Siswa
Data Forum
Data Berita
Lihat Buku Tamu
Keluar
Lihat Buku Tamu
No HapusPengirim Email / URL KomentarTgl Kirim
Gambar 3.49 Perancangan Halaman Lihat Buku Tamu
150
3. Perancangan Halaman untuk user Guru
FG01
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FG01
· Klik ganti password
untuk menuju FG02
· Klik ganti email untuk
menuju FG03
· Klik tulis pesan untuk
menuju FG04
· Klik pesan masuk untuk
menuju FG05
· Klik pesan keluar untuk
menuju FG06
· Klik pengumuman
untuk menuju FG07
· Klik materi pelajaran
untuk menuju FG08
· Klik tambah soal untuk
menuju FG09
· Klik edit/hapus soal
untuk menuju FG10
· Klik peserta latihan soal
untuk menuju FG11
· Klik nilai latihan soal
untuk menuju FG12
· Klik tampilkan jawaban
untuk menuju FG13
· Klik forum diskusi untuk
menuju FG14
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Guru
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Tulis Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Tambah Soal
Edit/Hapus Soal
Profil Guru
Foto
NIP :
Nama Anda :
Email :
Peserta Latihan Soal
Nilai Latihan Soal
Tampilkan Jawaban
Forum Diskusi
Keluar
Gambar 3.50 Perancangan Halaman Profil Guru
FG02
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FG01
· Klik ganti password
untuk menuju FG02
· Klik ganti email untuk
menuju FG03
· Klik tulis pesan untuk
menuju FG04
· Klik pesan masuk untuk
menuju FG05
· Klik pesan keluar untuk
menuju FG06
· Klik pengumuman
untuk menuju FG07
· Klik materi pelajaran
untuk menuju FG08
· Klik tambah soal untuk
menuju FG09
· Klik edit/hapus soal
untuk menuju FG10
· Klik peserta latihan soal
untuk menuju FG11
· Klik nilai latihan soal
untuk menuju FG12
· Klik tampilkan jawaban
untuk menuju FG13
· Klik forum diskusi untuk
menuju FG14
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Guru
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Tulis Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Tambah Soal
Edit/Hapus Soal
Ganti Password
Peserta Latihan Soal
Nilai Latihan Soal
Tampilkan Jawaban
Forum Diskusi
Keluar
Password Lama :
Password Baru :
Validasi Password Baru :
Gambar 3.51 Perancangan Halaman Ganti Password Guru
151
FG03
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FG01
· Klik ganti password
untuk menuju FG02
· Klik ganti email untuk
menuju FG03
· Klik tulis pesan untuk
menuju FG04
· Klik pesan masuk untuk
menuju FG05
· Klik pesan keluar untuk
menuju FG06
· Klik pengumuman
untuk menuju FG07
· Klik materi pelajaran
untuk menuju FG08
· Klik tambah soal untuk
menuju FG09
· Klik edit/hapus soal
untuk menuju FG10
· Klik peserta latihan soal
untuk menuju FG11
· Klik nilai latihan soal
untuk menuju FG12
· Klik tampilkan jawaban
untuk menuju FG13
· Klik forum diskusi untuk
menuju FG14
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Guru
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Tulis Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Tambah Soal
Edit/Hapus Soal
Ganti Email Guru
Peserta Latihan Soal
Nilai Latihan Soal
Tampilkan Jawaban
Forum Diskusi
Keluar
Email Lama :
Email Baru :
Ganti Email
Email_lama@domain.com
Gambar 3.52 Perancangan Halaman Ganti Email Guru
FG04
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FG01
· Klik ganti password
untuk menuju FG02
· Klik ganti email untuk
menuju FG03
· Klik tulis pesan untuk
menuju FG04
· Klik pesan masuk untuk
menuju FG05
· Klik pesan keluar untuk
menuju FG06
· Klik pengumuman
untuk menuju FG07
· Klik materi pelajaran
untuk menuju FG08
· Klik tambah soal untuk
menuju FG09
· Klik edit/hapus soal
untuk menuju FG10
· Klik peserta latihan soal
untuk menuju FG11
· Klik nilai latihan soal
untuk menuju FG12
· Klik tampilkan jawaban
untuk menuju FG13
· Klik forum diskusi untuk
menuju FG14
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Guru
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Tulis Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Tambah Soal
Edit/Hapus Soal
Kirim Pesan
Peserta Latihan Soal
Nilai Latihan Soal
Tampilkan Jawaban
Forum Diskusi
Keluar
Data Kelas
10 Mekatronika A
10 Mekatronika B
10 Multimedia A
10 Multimedia B
10 RPL A
10 RPL B
11 Mekatronika A
11 Mekatronika B
11 Multimedia A
11 Multimedia B
11 RPL A
11 RPL B
Gambar 3.53 Perancangan Halaman Tulis Pesan Guru
152
FG05
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FG01
· Klik ganti password
untuk menuju FG02
· Klik ganti email untuk
menuju FG03
· Klik tulis pesan untuk
menuju FG04
· Klik pesan masuk untuk
menuju FG05
· Klik pesan keluar untuk
menuju FG06
· Klik pengumuman
untuk menuju FG07
· Klik materi pelajaran
untuk menuju FG08
· Klik tambah soal untuk
menuju FG09
· Klik edit/hapus soal
untuk menuju FG10
· Klik peserta latihan soal
untuk menuju FG11
· Klik nilai latihan soal
untuk menuju FG12
· Klik tampilkan jawaban
untuk menuju FG13
· Klik forum diskusi untuk
menuju FG14
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Guru
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Tulis Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Tambah Soal
Edit/Hapus Soal
Pesan Masuk
Peserta Latihan Soal
Nilai Latihan Soal
Tampilkan Jawaban
Forum Diskusi
Keluar
No Waktu Kirim HapusTopikDari Pesan
Gambar 3.54 Perancangan Halaman Pesan Masuk Guru
FG06
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FG01
· Klik ganti password
untuk menuju FG02
· Klik ganti email untuk
menuju FG03
· Klik tulis pesan untuk
menuju FG04
· Klik pesan masuk untuk
menuju FG05
· Klik pesan keluar untuk
menuju FG06
· Klik pengumuman
untuk menuju FG07
· Klik materi pelajaran
untuk menuju FG08
· Klik tambah soal untuk
menuju FG09
· Klik edit/hapus soal
untuk menuju FG10
· Klik peserta latihan soal
untuk menuju FG11
· Klik nilai latihan soal
untuk menuju FG12
· Klik tampilkan jawaban
untuk menuju FG13
· Klik forum diskusi untuk
menuju FG14
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Guru
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Tulis Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Tambah Soal
Edit/Hapus Soal
Pesan Keluar
Peserta Latihan Soal
Nilai Latihan Soal
Tampilkan Jawaban
Forum Diskusi
Keluar
No Waktu Kirim HapusTopikUntuk Pesan
Gambar 3.55 Perancangan Halaman Pesan Keluar Guru
153
FG07
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FG01
· Klik ganti password
untuk menuju FG02
· Klik ganti email untuk
menuju FG03
· Klik tulis pesan untuk
menuju FG04
· Klik pesan masuk untuk
menuju FG05
· Klik pesan keluar untuk
menuju FG06
· Klik pengumuman
untuk menuju FG07
· Klik materi pelajaran
untuk menuju FG08
· Klik tambah soal untuk
menuju FG09
· Klik edit/hapus soal
untuk menuju FG10
· Klik peserta latihan soal
untuk menuju FG11
· Klik nilai latihan soal
untuk menuju FG12
· Klik tampilkan jawaban
untuk menuju FG13
· Klik forum diskusi untuk
menuju FG14
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Guru
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Tulis Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Tambah Soal
Edit/Hapus Soal
Pengumuman
Peserta Latihan Soal
Nilai Latihan Soal
Tampilkan Jawaban
Forum Diskusi
Keluar
No Judul AksiIsi PengumumanNama
Tambah Pengumuman
Gambar 3.56 Perancangan Halaman Pengumuman Guru
FG08
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FG01
· Klik ganti password
untuk menuju FG02
· Klik ganti email untuk
menuju FG03
· Klik tulis pesan untuk
menuju FG04
· Klik pesan masuk untuk
menuju FG05
· Klik pesan keluar untuk
menuju FG06
· Klik pengumuman
untuk menuju FG07
· Klik materi pelajaran
untuk menuju FG08
· Klik tambah soal untuk
menuju FG09
· Klik edit/hapus soal
untuk menuju FG10
· Klik peserta latihan soal
untuk menuju FG11
· Klik nilai latihan soal
untuk menuju FG12
· Klik tampilkan jawaban
untuk menuju FG13
· Klik forum diskusi untuk
menuju FG14
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Guru
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Tulis Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Tambah Soal
Edit/Hapus Soal
Materi Pelajaran
Peserta Latihan Soal
Nilai Latihan Soal
Tampilkan Jawaban
Forum Diskusi
Keluar
No Nama Mapel AksiJudulId Materi
Tambah Materi Pelajaran
Deskripsi Kelas
Gambar 3.57 Perancangan Halaman Data Materi Pelajaran
154
FG09
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FG01
· Klik ganti password
untuk menuju FG02
· Klik ganti email untuk
menuju FG03
· Klik tulis pesan untuk
menuju FG04
· Klik pesan masuk untuk
menuju FG05
· Klik pesan keluar untuk
menuju FG06
· Klik pengumuman
untuk menuju FG07
· Klik materi pelajaran
untuk menuju FG08
· Klik tambah soal untuk
menuju FG09
· Klik edit/hapus soal
untuk menuju FG10
· Klik peserta latihan soal
untuk menuju FG11
· Klik nilai latihan soal
untuk menuju FG12
· Klik tampilkan jawaban
untuk menuju FG13
· Klik forum diskusi untuk
menuju FG14
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Guru
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Tulis Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Tambah Soal
Edit/Hapus Soal
Tambah Soal
Peserta Latihan Soal
Nilai Latihan Soal
Tampilkan Jawaban
Forum Diskusi
Keluar
Mata Pelajaran :
Kelas :
Pilih Mata Pelajaran
Pilih kelas
Cari
Gambar 3.58 Perancangan Halaman Tambah Soal
FG10
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FG01
· Klik ganti password
untuk menuju FG02
· Klik ganti email untuk
menuju FG03
· Klik tulis pesan untuk
menuju FG04
· Klik pesan masuk untuk
menuju FG05
· Klik pesan keluar untuk
menuju FG06
· Klik pengumuman
untuk menuju FG07
· Klik materi pelajaran
untuk menuju FG08
· Klik tambah soal untuk
menuju FG09
· Klik edit/hapus soal
untuk menuju FG10
· Klik peserta latihan soal
untuk menuju FG11
· Klik nilai latihan soal
untuk menuju FG12
· Klik tampilkan jawaban
untuk menuju FG13
· Klik forum diskusi untuk
menuju FG14
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Guru
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Tulis Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Tambah Soal
Edit/Hapus Soal
Edit / Hapus Soal
Peserta Latihan Soal
Nilai Latihan Soal
Tampilkan Jawaban
Forum Diskusi
Keluar
Mata Pelajaran :
Kelas :
Pilih Mata Pelajaran
Pilih kelas
Tambah Soal Pelajaran
Cari
Gambar 3.59 Perancangan Halaman Edit / Hapus Soal
155
FG11
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FG01
· Klik ganti password
untuk menuju FG02
· Klik ganti email untuk
menuju FG03
· Klik tulis pesan untuk
menuju FG04
· Klik pesan masuk untuk
menuju FG05
· Klik pesan keluar untuk
menuju FG06
· Klik pengumuman
untuk menuju FG07
· Klik materi pelajaran
untuk menuju FG08
· Klik tambah soal untuk
menuju FG09
· Klik edit/hapus soal
untuk menuju FG10
· Klik peserta latihan soal
untuk menuju FG11
· Klik nilai latihan soal
untuk menuju FG12
· Klik tampilkan jawaban
untuk menuju FG13
· Klik forum diskusi untuk
menuju FG14
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Guru
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Tulis Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Tambah Soal
Edit/Hapus Soal
Peserta Latihan Ujian
Peserta Latihan Soal
Nilai Latihan Soal
Tampilkan Jawaban
Forum Diskusi
Keluar
No Nama Mapel AksiJudulId Materi Deskripsi Kelas
Gambar 3.60 Perancangan Halaman Peserta Latihan Ujian
FG12
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FG01
· Klik ganti password
untuk menuju FG02
· Klik ganti email untuk
menuju FG03
· Klik tulis pesan untuk
menuju FG04
· Klik pesan masuk untuk
menuju FG05
· Klik pesan keluar untuk
menuju FG06
· Klik pengumuman
untuk menuju FG07
· Klik materi pelajaran
untuk menuju FG08
· Klik tambah soal untuk
menuju FG09
· Klik edit/hapus soal
untuk menuju FG10
· Klik peserta latihan soal
untuk menuju FG11
· Klik nilai latihan soal
untuk menuju FG12
· Klik tampilkan jawaban
untuk menuju FG13
· Klik forum diskusi untuk
menuju FG14
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Guru
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Tulis Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Tambah Soal
Edit/Hapus Soal
Nilai Latihan Soal
Peserta Latihan Soal
Nilai Latihan Soal
Tampilkan Jawaban
Forum Diskusi
Keluar
Mata Pelajaran :
Kelas :
Pilih Mata Pelajaran
Pilih kelas
Cari
Gambar 3.61 Perancangan Halaman Nilai Latihan Soal
156
FG13
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FG01
· Klik ganti password
untuk menuju FG02
· Klik ganti email untuk
menuju FG03
· Klik tulis pesan untuk
menuju FG04
· Klik pesan masuk untuk
menuju FG05
· Klik pesan keluar untuk
menuju FG06
· Klik pengumuman
untuk menuju FG07
· Klik materi pelajaran
untuk menuju FG08
· Klik tambah soal untuk
menuju FG09
· Klik edit/hapus soal
untuk menuju FG10
· Klik peserta latihan soal
untuk menuju FG11
· Klik nilai latihan soal
untuk menuju FG12
· Klik tampilkan jawaban
untuk menuju FG13
· Klik forum diskusi untuk
menuju FG14
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Guru
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Tulis Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Tambah Soal
Edit/Hapus Soal
Tampil Jawaban Soal
Peserta Latihan Soal
Nilai Latihan Soal
Tampilkan Jawaban
Forum Diskusi
Keluar
Mata Pelajaran :
Kelas :
Pilih Mata Pelajaran
Pilih Tingkat kelas
Cari
Gambar 3.62 Perancangan Halaman Tampil Jawaban Soal
FG14
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FG01
· Klik ganti password
untuk menuju FG02
· Klik ganti email untuk
menuju FG03
· Klik tulis pesan untuk
menuju FG04
· Klik pesan masuk untuk
menuju FG05
· Klik pesan keluar untuk
menuju FG06
· Klik pengumuman
untuk menuju FG07
· Klik materi pelajaran
untuk menuju FG08
· Klik tambah soal untuk
menuju FG09
· Klik edit/hapus soal
untuk menuju FG10
· Klik peserta latihan soal
untuk menuju FG11
· Klik nilai latihan soal
untuk menuju FG12
· Klik tampilkan jawaban
untuk menuju FG13
· Klik forum diskusi untuk
menuju FG14
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Guru
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Tulis Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Tambah Soal
Edit/Hapus Soal
Forum Diskusi
Peserta Latihan Soal
Nilai Latihan Soal
Tampilkan Jawaban
Forum Diskusi
Keluar
Mata Pelajaran
Gambar 3.63 Perancangan Halaman Forum Diskusi
157
4. Perancangan Halaman untuk user Siswa
FS01
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FS01
· Klik ganti password
untuk menuju FS02
· Klik ganti email untuk
menuju FS03
· Klik kirim pesan untuk
menuju FS04
· Klik pesan masuk untuk
menuju FS05
· Klik pesan keluar untuk
menuju FS06
· Klik pengumuman
untuk menuju FS07
· Klik materi pelajaran
untuk menuju FS08
· Klik Latihan Soal/ujian
untuk menuju FS09
· Klik lihat nilai ujian
untuk menuju FS10
· Klik jawaban ujian
untuk menuju FS11
· Klik forum diskusil
untuk menuju FS12
· Klik laporan nilai siswa
untuk menuju FS13
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Siswa
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Kirim Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Latihan Soal/Ujian
Lihat Nilai Ujian
Profil Siswa
Foto
NIS :
Kelas :
Nama Anda :
Email :
Jawaban Ujian
Forum Diskusi
Laporan Nilai Siswa
Keluar
Gambar 3.64 Perancangan Halaman Profil Siswa
FS02
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FS01
· Klik ganti password
untuk menuju FS02
· Klik ganti email untuk
menuju FS03
· Klik kirim pesan untuk
menuju FS04
· Klik pesan masuk untuk
menuju FS05
· Klik pesan keluar untuk
menuju FS06
· Klik pengumuman
untuk menuju FS07
· Klik materi pelajaran
untuk menuju FS08
· Klik Latihan Soal/ujian
untuk menuju FS09
· Klik lihat nilai ujian
untuk menuju FS10
· Klik jawaban ujian
untuk menuju FS11
· Klik forum diskusil
untuk menuju FS12
· Klik laporan nilai siswa
untuk menuju FS13
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Siswa
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Kirim Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Latihan Soal/Ujian
Lihat Nilai Ujian
Ganti Password Siswa
Jawaban Ujian
Forum Diskusi
Laporan Nilai Siswa
Keluar
Password Lama :
Password Baru :
Validasi Password Baru :
Gambar 3.65 Perancangan Halaman Ganti Password Siswa
158
FS03
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FS01
· Klik ganti password
untuk menuju FS02
· Klik ganti email untuk
menuju FS03
· Klik kirim pesan untuk
menuju FS04
· Klik pesan masuk untuk
menuju FS05
· Klik pesan keluar untuk
menuju FS06
· Klik pengumuman
untuk menuju FS07
· Klik materi pelajaran
untuk menuju FS08
· Klik Latihan Soal/ujian
untuk menuju FS09
· Klik lihat nilai ujian
untuk menuju FS10
· Klik jawaban ujian
untuk menuju FS11
· Klik forum diskusil
untuk menuju FS12
· Klik laporan nilai siswa
untuk menuju FS13
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Siswa
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Kirim Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Latihan Soal/Ujian
Lihat Nilai Ujian
Jawaban Ujian
Forum Diskusi
Laporan Nilai Siswa
Keluar
Ganti Email Siswa
Email Lama :
Email Baru :
Ganti Email
Email_lama@domain.com
Gambar 3.66 Perancangan Halaman Ganti Email Siswa
FS04
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FS01
· Klik ganti password
untuk menuju FS02
· Klik ganti email untuk
menuju FS03
· Klik kirim pesan untuk
menuju FS04
· Klik pesan masuk untuk
menuju FS05
· Klik pesan keluar untuk
menuju FS06
· Klik pengumuman
untuk menuju FS07
· Klik materi pelajaran
untuk menuju FS08
· Klik Latihan Soal/ujian
untuk menuju FS09
· Klik lihat nilai ujian
untuk menuju FS10
· Klik jawaban ujian
untuk menuju FS11
· Klik forum diskusil
untuk menuju FS12
· Klik laporan nilai siswa
untuk menuju FS13
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Siswa
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Kirim Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Latihan Soal/Ujian
Lihat Nilai Ujian
Jawaban Ujian
Forum Diskusi
Laporan Nilai Siswa
Keluar
Kirim Pesan / Konsultasi Siswa
Foto NIP KirimNama Guru
Gambar 3.67 Perancangan Halaman Kirim Pesan / Konsultasi Siswa
159
FS05
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FS01
· Klik ganti password
untuk menuju FS02
· Klik ganti email untuk
menuju FS03
· Klik kirim pesan untuk
menuju FS04
· Klik pesan masuk untuk
menuju FS05
· Klik pesan keluar untuk
menuju FS06
· Klik pengumuman
untuk menuju FS07
· Klik materi pelajaran
untuk menuju FS08
· Klik Latihan Soal/ujian
untuk menuju FS09
· Klik lihat nilai ujian
untuk menuju FS10
· Klik jawaban ujian
untuk menuju FS11
· Klik forum diskusil
untuk menuju FS12
· Klik laporan nilai siswa
untuk menuju FS13
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Siswa
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Kirim Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Latihan Soal/Ujian
Lihat Nilai Ujian
Jawaban Ujian
Forum Diskusi
Laporan Nilai Siswa
Keluar
Pesan Masuk Siswa
No :
Dari :
Waktu kirim :
Pesan :
Balas Hapus
Gambar 3.68 Perancangan Halaman Pesan Masuk Siswa
FS06
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FS01
· Klik ganti password
untuk menuju FS02
· Klik ganti email untuk
menuju FS03
· Klik kirim pesan untuk
menuju FS04
· Klik pesan masuk untuk
menuju FS05
· Klik pesan keluar untuk
menuju FS06
· Klik pengumuman
untuk menuju FS07
· Klik materi pelajaran
untuk menuju FS08
· Klik Latihan Soal/ujian
untuk menuju FS09
· Klik lihat nilai ujian
untuk menuju FS10
· Klik jawaban ujian
untuk menuju FS11
· Klik forum diskusil
untuk menuju FS12
· Klik laporan nilai siswa
untuk menuju FS13
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Siswa
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Kirim Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Latihan Soal/Ujian
Lihat Nilai Ujian
Jawaban Ujian
Forum Diskusi
Laporan Nilai Siswa
Keluar
Pesan Keluar Siswa
No :
Untuk :
Waktu kirim :
Pesan :
Hapus
Gambar 3.69 Perancangan Halaman Pesan Keluar Siswa
160
FS07
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FS01
· Klik ganti password
untuk menuju FS02
· Klik ganti email untuk
menuju FS03
· Klik kirim pesan untuk
menuju FS04
· Klik pesan masuk untuk
menuju FS05
· Klik pesan keluar untuk
menuju FS06
· Klik pengumuman
untuk menuju FS07
· Klik materi pelajaran
untuk menuju FS08
· Klik Latihan Soal/ujian
untuk menuju FS09
· Klik lihat nilai ujian
untuk menuju FS10
· Klik jawaban ujian
untuk menuju FS11
· Klik forum diskusil
untuk menuju FS12
· Klik laporan nilai siswa
untuk menuju FS13
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Siswa
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Kirim Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Latihan Soal/Ujian
Lihat Nilai Ujian
Jawaban Ujian
Forum Diskusi
Laporan Nilai Siswa
Keluar
Pengumuman
No Judul Isi PengumumanNama
Gambar 3.70 Perancangan Halaman Pengumuman Siswa
FS08
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FS01
· Klik ganti password
untuk menuju FS02
· Klik ganti email untuk
menuju FS03
· Klik kirim pesan untuk
menuju FS04
· Klik pesan masuk untuk
menuju FS05
· Klik pesan keluar untuk
menuju FS06
· Klik pengumuman
untuk menuju FS07
· Klik materi pelajaran
untuk menuju FS08
· Klik Latihan Soal/ujian
untuk menuju FS09
· Klik lihat nilai ujian
untuk menuju FS10
· Klik jawaban ujian
untuk menuju FS11
· Klik forum diskusil
untuk menuju FS12
· Klik laporan nilai siswa
untuk menuju FS13
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Siswa
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Kirim Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Latihan Soal/Ujian
Lihat Nilai Ujian
Jawaban Ujian
Forum Diskusi
Laporan Nilai Siswa
Keluar
Materi Pelajaran
No Nama Mapel DownloadPenyaji Judul KelasIsi Materi
Gambar 3.71 Perancangan Halaman Materi Pelajaran
161
FS09
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FS01
· Klik ganti password
untuk menuju FS02
· Klik ganti email untuk
menuju FS03
· Klik kirim pesan untuk
menuju FS04
· Klik pesan masuk untuk
menuju FS05
· Klik pesan keluar untuk
menuju FS06
· Klik pengumuman
untuk menuju FS07
· Klik materi pelajaran
untuk menuju FS08
· Klik Latihan Soal/ujian
untuk menuju FS09
· Klik lihat nilai ujian
untuk menuju FS10
· Klik jawaban ujian
untuk menuju FS11
· Klik forum diskusil
untuk menuju FS12
· Klik laporan nilai siswa
untuk menuju FS13
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Siswa
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Kirim Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Latihan Soal/Ujian
Lihat Nilai Ujian
Jawaban Ujian
Forum Diskusi
Laporan Nilai Siswa
Keluar
Latihan Soal / Ujian
No Nama Mapel Ikut UjianPenyaji Judul KelasIsi Materi
Gambar 3.72 Perancangan Halaman Latihan Soal / Ujian
FS10
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FS01
· Klik ganti password
untuk menuju FS02
· Klik ganti email untuk
menuju FS03
· Klik kirim pesan untuk
menuju FS04
· Klik pesan masuk untuk
menuju FS05
· Klik pesan keluar untuk
menuju FS06
· Klik pengumuman
untuk menuju FS07
· Klik materi pelajaran
untuk menuju FS08
· Klik Latihan Soal/ujian
untuk menuju FS09
· Klik lihat nilai ujian
untuk menuju FS10
· Klik jawaban ujian
untuk menuju FS11
· Klik forum diskusil
untuk menuju FS12
· Klik laporan nilai siswa
untuk menuju FS13
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Siswa
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Kirim Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Latihan Soal/Ujian
Lihat Nilai Ujian
Jawaban Ujian
Forum Diskusi
Laporan Nilai Siswa
Keluar
Nilai Latihan / Ujian
No Nama Mapel NilaiPenyaji Judul KelasIsi Materi
Gambar 3.73 Perancangan Halaman Lihat Nilai Ujian
162
FS11
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FS01
· Klik ganti password
untuk menuju FS02
· Klik ganti email untuk
menuju FS03
· Klik kirim pesan untuk
menuju FS04
· Klik pesan masuk untuk
menuju FS05
· Klik pesan keluar untuk
menuju FS06
· Klik pengumuman
untuk menuju FS07
· Klik materi pelajaran
untuk menuju FS08
· Klik Latihan Soal/ujian
untuk menuju FS09
· Klik lihat nilai ujian
untuk menuju FS10
· Klik jawaban ujian
untuk menuju FS11
· Klik forum diskusil
untuk menuju FS12
· Klik laporan nilai siswa
untuk menuju FS13
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Siswa
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Kirim Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Latihan Soal/Ujian
Lihat Nilai Ujian
Jawaban Ujian
Forum Diskusi
Laporan Nilai Siswa
Keluar
Jawaban Ujian
No Nama Mapel JawabanPenyaji Judul KelasIsi Materi
Gambar 3.74 Perancangan Halaman Lihat Jawaban Ujian
FS12
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FS01
· Klik ganti password
untuk menuju FS02
· Klik ganti email untuk
menuju FS03
· Klik kirim pesan untuk
menuju FS04
· Klik pesan masuk untuk
menuju FS05
· Klik pesan keluar untuk
menuju FS06
· Klik pengumuman
untuk menuju FS07
· Klik materi pelajaran
untuk menuju FS08
· Klik Latihan Soal/ujian
untuk menuju FS09
· Klik lihat nilai ujian
untuk menuju FS10
· Klik jawaban ujian
untuk menuju FS11
· Klik forum diskusil
untuk menuju FS12
· Klik laporan nilai siswa
untuk menuju FS13
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Siswa
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Kirim Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Latihan Soal/Ujian
Lihat Nilai Ujian
Jawaban Ujian
Forum Diskusi
Laporan Nilai Siswa
Keluar
Forum Diskusi
No Mata Pelajaran DetailKelas Judul Keterangan
Gambar 3.75 Perancangan Halaman Forum Diskusi
163
FS13
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil guru
untuk menuju FS01
· Klik ganti password
untuk menuju FS02
· Klik ganti email untuk
menuju FS03
· Klik kirim pesan untuk
menuju FS04
· Klik pesan masuk untuk
menuju FS05
· Klik pesan keluar untuk
menuju FS06
· Klik pengumuman
untuk menuju FS07
· Klik materi pelajaran
untuk menuju FS08
· Klik Latihan Soal/ujian
untuk menuju FS09
· Klik lihat nilai ujian
untuk menuju FS10
· Klik jawaban ujian
untuk menuju FS11
· Klik forum diskusil
untuk menuju FS12
· Klik laporan nilai siswa
untuk menuju FS13
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Siswa
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Kirim Pesan
Pesan Masuk
Pesan Keluar
Pengumuman
Materi Pelajaran
Latihan Soal/Ujian
Lihat Nilai Ujian
Jawaban Ujian
Forum Diskusi
Laporan Nilai Siswa
Keluar
Laporan Nilai Siswa
No NISNilai Ulangan /
Ujian On lineNama Nilai Tugas
Gambar 3.76 Perancangan Halaman Laporan Nilai Siswa
5. Perancangan Halaman untuk user Kepala Sekolah
FK01
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil kepsek
untuk menuju FK01
· Klik ganti password
untuk menuju FK02
· Klik ganti email untuk
menuju FK03
· Klik data siswa untuk
menuju FK04
· Klik data guru untuk
menuju FK05
· Klik monitoring nilai
siswa untuk menuju
FK06
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Kepsek
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Data Siswa
Data Guru
Monitoring Nilai Siswa
Keluar
Foto
NIP :
Nama Anda :
Email :
Profil Kepala Sekolah
Gambar 3.77 Perancangan Halaman Profil Kepala Sekolah
164
FK02
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil kepsek
untuk menuju FK01
· Klik ganti password
untuk menuju FK02
· Klik ganti email untuk
menuju FK03
· Klik data siswa untuk
menuju FK04
· Klik data guru untuk
menuju FK05
· Klik monitoring nilai
siswa untuk menuju
FK06
Beranda Kontak Buku Tamu
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password Kepsek
Password Lama :
Password Baru :
Validasi Password Baru :
Kalender
Menu
Lihat Profil Kepsek
Ganti Password
Ganti Email
Data Siswa
Data Guru
Monitoring Nilai Siswa
Keluar
Gambar 3.78 Perancangan Halaman Ganti Password Kepala Sekolah
FK03
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil kepsek
untuk menuju FK01
· Klik ganti password
untuk menuju FK02
· Klik ganti email untuk
menuju FK03
· Klik data siswa untuk
menuju FK04
· Klik data guru untuk
menuju FK05
· Klik monitoring nilai
siswa untuk menuju
FK06
Beranda Kontak Buku Tamu
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Email Kepsek
Email Lama :
Email Baru :
Ganti Email
Email_lama@domain.com
Kalender
Menu
Lihat Profil Kepsek
Ganti Password
Ganti Email
Data Siswa
Data Guru
Monitoring Nilai Siswa
Keluar
Gambar 3.79 Perancangan Halaman Ganti Eemail Kepala Sekolah
165
FK04
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil kepsek
untuk menuju FK01
· Klik ganti password
untuk menuju FK02
· Klik ganti email untuk
menuju FK03
· Klik data siswa untuk
menuju FK04
· Klik data guru untuk
menuju FK05
· Klik monitoring nilai
siswa untuk menuju
FK06
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Kepsek
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Data Siswa
Data Guru
Monitoring Nilai Siswa
Keluar
Data Siswa
Pilih Kelas : Pilih kelas
No Nama Siswa KelasNIS
Lihat
Gambar 3.80 Perancangan Halaman Data Siswa Kepala Sekolah
FK05
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil kepsek
untuk menuju FK01
· Klik ganti password
untuk menuju FK02
· Klik ganti email untuk
menuju FK03
· Klik data siswa untuk
menuju FK04
· Klik data guru untuk
menuju FK05
· Klik monitoring nilai
siswa untuk menuju
FK06
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Kepsek
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Data Siswa
Data Guru
Monitoring Nilai Siswa
Keluar
Data Guru
No Nama Guru Mengajar Mata PelajaranNIP
Gambar 3.81 Perancangan Halaman Data Guru Kepala Sekolah
166
FK06
HeaderSMK Negeri 2 Cimahi
E-Learning
· Klik lihat profil kepsek
untuk menuju FK01
· Klik ganti password
untuk menuju FK02
· Klik ganti email untuk
menuju FK03
· Klik data siswa untuk
menuju FK04
· Klik data guru untuk
menuju FK05
· Klik monitoring nilai
siswa untuk menuju
FK06
Beranda Kontak Buku Tamu
Kalender
Menu
Lihat Profil Kepsek
Keterangan :
Warna : Biru, Putih, Abu-abu
Tipe/Ukuran Font : Georgia, Times New Roman 13
Ukuran : Dinamis (Default 1024 x 768 px)
Daftar Guru
Logo
footer
Ganti Password
Ganti Email
Data Siswa
Data Guru
Monitoring Nilai Siswa
Keluar
Monitoring Nilai Siswa
Grafik Nilai Siswa
Gambar 3.82 Perancangan Halaman Monitoring Nilai Siswa
167
3.2.5 Perancangan Pesan
Password salah. Silakan Login kembali!
M01
NIS / NIP masih kosong. Silahkan Login
kembali!
M02
Password masih kosong. Silahkan Login
kembali!
M03X X X
Data berhasil diubah.
M04 X
Apakah anda akan menghapus data
guru dengan NIP:…, Nama:...
M05
Ya
X
Tidak
Password anda sudah diubah.
M06 X
Apakah anda yakin akan menghapus
pesan ini.
M07
Ya
X
Tidak
Belum ada materi pelajaran.
M08 X
Berhasil didaftarkan.
M09
Apakah anda yakin akan menghapus
data guru dengan NIP:… , Nama:...
M10
Ya
X
Tidak
NIP kurang dari 18.
M11 X
Nama masih kosong.
M12 X
Email masih kosong.
M13 X
Kelas tingkat tidak boleh dikosongkan.
M14 X
Semester tidak boleh dikosongkan.
M15 X
Kode mata pelajaran tidak boleh
dikosongkan.
M16 X
Silahkan pilih NIP guru.
M17 X
Silahkan pilih mata pelajaran.
M18 X
Judul berita tidak boleh dikosongkan.
M19 X
Bab masih kosong.
M20 X
Judul masih kosong.
M21 X
Password lama tidak boleh kosong.
M22 X
Password baru tidak boleh kosong.
M23 X
Judul topik tidak boleh kosong.
M24 X
168
Password salah.
M25
NIP masih kosong
M26
NIP sudah digunakan.
M27X X X
Nama kelas tidak boleh dikosongkan.
M28 X
Kode kelas sudah digunakan.
M29 X
Nama kelas masih kosong.
M30 X
Apakah anda akan menghapus data
kelas dengan Kode : …., Nama :...
M31
Ya
X
Tidak
NIS sudah digunakan.
M32 X
NIS masih kosong.
M33
Apakah anda yakin akan menghapus
data siswa dengan NIS:… , dengan
Nama:...
M34
Ya
X
Tidak
Kode mata pelajaran sudah digunakan.
M35 X
Nama mata pelajaran masih kosong.
M36 X
Apakah anda yakin akan menghapus
data mata pelajaran dengan Nama:....
M37 X
Mata pelajaran sudah digunakan.
M38 X
Apakah anda akan menghapus data
mengajar : …., NIP :….
M39 X
Judul atau isi masih kosong.
M40 X
Apakah anda akan menghapus data
pengumuman dengan judul : …..
M41 X
Password masih kosong.
M42 X
Apakah anda akan menghapus data
kelas dengan judul : ….
M43 X
Apakah anda akan menghapus soal
dengan pertanyaan …...
M44 X
Apakah anda akan menghapus berita
dengan judul : ….
M45 X
Topik masih kosong.
M46 X
Pesan masih kosong.
M47 X
Apakah anda akan menghapus pesan
dari ….
M48 X
Ya Tidak Ya Tidak
Ya Tidak
Ya Tidak Ya Tidak Ya Tidak
Ya Tidak
169
Judul forum tidak boleh dikosongkan. Keterangan tidak boleh kosong.Apakah anda akan menghapus data
forum dengan judul ….
Ya Tidak
M49 X M50 X M51 X
Gambar 3.83 Perancangan Pesan
3.2.6 Jaringan Semantik
Struktur aplikasi ini dibuat secara moduler, yaitu program dipecah menjadi
modul-modul kecil yang mudah dibuat, mudah dites, dan mudah dimodifikasi.
Dalam pembuatan aplikasi ini menggunakan alat bantu bagan struktural yang
disebut juga jaringan semantik.
1. Jaringan Semantik untuk Admin dapat dilihat pada Gambar berikut ini.
F01
M01,M02
,M03
F07
FA02
M04,
M05,
M25
FA03
M10,
M11,
M12,
M13,
M26,
M27
FA04
M14,
M15,
M16,
M35,
M36,
M37
FA05
M17,
M18,
M38,
M39
FA06
M14,
M28,
M29,
M30,
M31
FA07
FA09
FA11
M19,
M45
FA12
F02
F03
F04F05
F06
FA08
M32,
M33,
M12,
M34
FA10
FA01
M49,
M50,
M51
Gambar 3.84 Jaringan Semantik Admin
170
2. Jaringan Semantik untuk Guru dapat dilihat pada Gambar berikut ini.
F01
M01,M02
,M03
F07
FG02
M06,
M22,
M23,
M25,
M42
FG03
FG04
FG05
M48
FG06
M48
FG07
FA09
FG10
M08,
M44
FG11 M09
F02
F03
F04
F05 F06
FG08
M20,
M21,
M43
FG12 M08
FG01
FG13
FG14
M40,
M41
M08,
M44
M08
M13
M47,
M46,
Gambar 3.85 Jaringan Semantik Guru
3. Jaringan Semantik untuk Siswa dapat dilihat pada Gambar berikut ini.
F01
M01,M02
,M03
F07
FS02
M06,
M22,
M23,
M25,
M42
FS03
FS04
FS05
M07
FS06
M07
FS07
FS09
FS10
FS11
F02
F03
F04
F05 F06
FS08
FS12
FS01
FS13
M13
M24
M46,
M47
Gambar 3.86 Jaringan Semantik Siswa
171
4. Jaringan Semantik untuk Kepala Sekolah dapat dilihat pada Gambar
berikut ini.
F01
M01,M02
,M03
F07
FK02
M06
FK03
FK04
FK05 FK06
F02
F03
F04
F05 F06
FK01
Gambar 3.87 Jaringan Semantik Kepala Sekolah
3.2.7 Perancangan Dashboard Management System
Perancangan Dashboard Management System menjelaskan apa saja yang
akan dijiadikan monitoring ke dalam grafik dashboard tersebut. Adapun
perancangan grafik dashboard untuk aplikasi yang akan dibangun ini adalah:
172
1. Grafik nilai ujian online siswa rata-rata per kelas.
Gambar 3.88 Grafik Nilai Rata-rata Ujian Online Siswa
Grafik nilai ujian online ini bertujuan untuk memonitoring kelas mana saja
yang memiliki nilai tinggi sehingga dapat disimpulkan bahwa siswa di kelas
tersebut telah menguasai mata pelajaran itu. Begitu pula sebaliknya kelas mana
saja dan pada pelajaran apa yang memiliki nilai ter rendah sehingga dapat
disimpulkan bahwa siswa dikelas tersebut kurang menguasai mata pelajaran itu
agar nantinya guru dapat mengajarkannya kembali.
173
2. Grafik statistik aktifitas guru
Gambar 3.89 Grafik Statistik Aktifitas Guru
Grafik statistik aktifitas guru ini bertujuan untuk memonitoring guru mana saja
yang memiliki kelas mengajar terbanyak dan aktifitas guru tersebut dalam
memberikan materi pelajaran kepada siswanya. Sehingga kepala sekolah dapat
mengefaluasi guru mana saja yang aktif dalam pemberian materi pelajaran pada
aplikasi e-learning ini.
3.2.8 Perancangan Prosedural
Perancangan prosedural mentransformasi elemen-elemen struktural dari
arsitektur program ke dalam suatu deskripsi prosedural dari komponen-komponen
174
perangkat lunak. Adapun perancangan prosedural untuk aplikasi yang akan
dibangun adalah sebagai berikut:
1. Prosedural aktifasi merupakan prosedur yang terjadi ketika guru dan
siswa melakukan pendaftaran. Prosedural aktifasi dapat dilihat pada
gambar berikut.
Mulai
Input data
pendaftaran
Selesai
Ya
Menampilkan
pendaftaran gagal
Pengecekan data
pendaftaran
Data
pendaftaran
valid?
Pendaftaran
berhasil
Tidak
Gambar 3.88 Prosedural Aktifasi User
2. Prosedural login merupakan prosedur yang terjadi ketika user akan
mengakses aplikasi. Prosedural login dapat dilihat pada gambar berikut.
175
Mulai
Masukkan NIP/NIS/
Id user dan
Password
NIP/NIS/Id user
dan Password
Tampilkan
PesanInvalid
Login Valid
Masuk halaman
utama sesuai hak
akses
Selesai
Valid
Gambar 3.89 Prosedural Login User
3. Prosedural tambah prosedur ini dilakukan ketika user akan melakukan
penambahan data. Prosedural tambah dapat dilihat pada gambar berikut.
176
Mulai
Tambah data
Data cocok?Tampilkan
Pesan
Simpan data
Data berhasil
ditambahkan ke
database
Selesai
ya
Cek data
tidak
Gambar 3.90 Prosedural Tambah Data
4. Prosedural edit prosedur ini dilakukan ketika user akan melakukan
perubahan data. Prosedural edit dapat dilihat pada gambar berikut.
177
Mulai
Pilih menu data
yang akan diubah
Data sudah
lengkap?
Tampilkan pesan
data tidak sesuai
Ubah data
Data berhasil
diubah ke database
Selesai
ya
tidak
Ubah data yang
telah dipilih
Gambar 3.91 Prosedural Edit Data
5. Prosedural hapus prosedur ini dilakukan ketika user akan melakukan
penghapusan data. Prosedural hapus dapat dilihat pada gambar berikut.
178
Mulai
Pilih data yang
akan dihapus
Hapus data terpilih dari
database
Selesai
Ya
Tampilkan pesan
konfirmasi apakah yakin
data akan dihapus
Tidak
Gambar 3.92 Prosedural Hapus Data
top related