b. Prosedur Pemberian Tugas Saat Guru Hadir Secara Langsung Prosedur yang ada pada saat pemberian tugas pelajaran ini melibatkan dua
pengguna yaitu guru dan siswa. Tetapi dengan syarat guru mata pelajaran telah memberikan materi yang ditugaskan sebelumnya sebagai bahan evaluasi
pembelajaran siswanya, pada prosedur ini dapat dijelaskan sebagai berikut : 1. Ringkasan materi milik guru yang tersimpan sebagai arsip guru, mulai
digunakan untuk bahan membuat soal ujian dan latihan. 2. Soal ujian dan latihan yang telah dibuat, kemudian diberikan kepada siswa
tetapi setelah guru menyampaikan isi materi dari mata pelajaran yang diujikan.
3. Soal ujian yang telah dibuat oleh guru mata pelajaran mulai dikerjakan oleh siswa.
4. Soal ujian yang telah diberikan kepada siswa dikembalikan kepada guru mata pelajaran untuk disimpan sebagai arsip soal ujian.
5. Jawaban dari soal ujian yang telah diisi oleh siswa kemudian diberikan kembali kepada guru mata pelajaran untuk diberikan penilaian.
Aliran dokumen prosedur pemberian tugas saat guru hadir secara langsung digambarkan dalam bentuk flowmap seperti pada Gambar III.2.
Prosedur Pemberian Tugas Siswa
Guru Mata Pelajaran
A1
Ringkasan Materi
Pembuatan Soal Tugas
Soal Tugas
Pengerjaan Tugas
Soal Tugas
Soal tugas Jawaban Tugas
A3
Soal tugas
A1 : Arsip ringkasan materi A3 : Arsip soal tugas
Jawaban Tugas
Gambar III.2 Prosedur Pemberian Tugas Saat Guru Hadir secara Langsung
c. Prosedur Pemberian Tugas Saat Guru Berhalangan Hadir Prosedur yang ada pada saat pemberian tugas pelajaran ini melibatkan tiga
pengguna yaitu guru, siswa dan guru piket. Prosedur ini dapat dijelaskan sebagai berikut ini:
1. Ringkasan materi milik guru yang telah disampaikan kepada siswa yang tersimpan sebagai arsip guru, mulai digunakan untuk bahan membuat soal
tugas atau latihan. 2. Soal tugas atau latihan yang telah dibuat, kemudian diberikan kepada siswa
melalui guru piket tetapi setelah guru menyampaikan isi materi dari mata pelajaran yang diujikan.
3. Soal tugas atau latihan yang telah dibuat oleh guru mata pelajaran yang diwakilkan oleh guru piket mulai dikerjakan oleh siswa.
4. Soal tugas atau latihan yang telah diberikan kepada siswa dikembalikan kepada guru piket.
5. Soal tugas atau latihan yang telah diberikan oleh guru piket untuk disimpan sebagai arsip soal tugas atau latihan guru mata pelajaran.
6. Jawaban dari soal tugas atau latihan yang telah terisi oleh siswa diberikan kembali kepada guru piket.
7. Jawaban soal tugas atau latihan siswa dari guru piket diberikan kepada guru mata pelajaran untuk diberikan penilaian.
8. Guru mata pelajaran memberikan penilaian terhadap jawaban dari soal yang telah dikerjakan oleh siswa, dan disimpan sebagai arsip.
Aliran dokumen prosedur pemberian tugas saat guru berhalangan hadir digambarkan dalam bentuk flowmap seperti pada Gambar III.3.
Prosedur Pemberian Tugas Guru Piket
Guru Mata Pelajaran
Siswa
A1
Ringkasan Materi
Pembuatan Soal Tugas
Soal Tugas Soal Tugas
Soal Tugas
Pengerjaan Tugas
Soal Tugas Jawaban Tugas
Jawaban tugas yang sudah
dinilai Soal Tugas
A4
A5
A1 : Arsip ringkasan materi A4 : Arsip soal tugas
A5 : Arsip jawaban tugas A6 : Arsip nilai siswa
Soal Tugas Jawaban Tugas
Pendistribusian soal tugas
Jawaban Tugas
Penilaian tugas
Jawaban tugas yang sudah
dinilai
A6
Soal Tugas
Gambar III.3 Prosedur Pemberian Tugas Saat Guru Berhalangan Hadir
d. Prosedur Ujian Prosedur yang ada pada saat ujian ini melibatkan dua pengguna, yaitu guru
mata pelajaran dan siswa. Prosedur ini dapat dijelaskan sebagai berikut ini: 1. Ringkasan mata pelajaran milik guru, mulai digunakan untuk bahan
membuat soal ujian atau ulangan. 2. Kemudian dilakukan pemilihan materi apa saja yang akan diujikan atau
diulangankan. 3. Pemilihan materi selesai dilaksanakan, kemudian mulai melakukan
pembuatan soal yang diujikan atau diulangankan. 4. Pemilahan materi yang telah dibuat kemudian disimpan sebagai arsip
pemilahan materi. 5. Kumpulan soal yang akan diujikan atau diulangankan kemudian diberikan
kepada siswa untuk mulai mengerjakan soal-soal. 6. Selesai mengerjakan soal-soal, siswa mengembalikan soal-soal beserta
jawabannya kepada guru mata pelajaran untuk dilakukan pemeriksaan ataupun penilaian.
7. Jawaban soal yang berasal dari siswa mulai diperiksa satu persatu oleh guru mata pelajaran untuk kemudian nilainya disimpan sebagai arsip oleh guru
mata pelajaran yang bersangkutan. 8. Jawaban soal yang sudah besisi penilaian dari guru mata pelajaran diberikan
kembali kepada siswa untuk disimpan sebagai arsip. Aliran dokumen prosedur ujian atau ulangan digambarkan dalam bentuk
flowmap seperti pada Gambar III.4.
Prosedur Ujian Siswa
Guru Mata Pelajaran
A1 Pemilihan
Materi
Pembuatan Soal
Kumpulan Soal
Kumpulan Soal
Pengerjaan Soal
Kumpulan Soal
Kumpulan Soal
Jawaban Soal Jawaban Soal
Soal Diperiksa
A7
A1 : Arsip ringkasan materi A6 : Arsip nilai siswa
A7 : Arsip nilai siswa A8 : Arsip soal
A8
Nilai soal yang telah diperiksa
Nilai soal yang telah diperiksa
A6
Gambar III.4 Prosedur Ujian
III.2 Analisis Kebutuhan Non Fungsional
Pada tahapan ini, analisis kebutuhan non fungsional meliputi pengkodean, analisis perangkat keras, analisis perangkat lunak, analisis pengguna, dan analisis
basis data.
III.2.1 Analisis Pengkodean
Pengkodean adalah kemudahan dalam mengklasifikasikan data sehingga mudah dalam proses masukan ke dalam sistem. Penggunaan kode biasanya
digunakan untuk mengidentifikasikan data, simbol kode biasanya digunakan pada hampir semua proses yang ada kaitannya dengan data. Sistem yang berjalan saat
ini hanya menggunakan satu kode dan menggunakan format angka dan huruf. 1. Pengkodean Nomor Induk Siswa NIS
Pengkodean untuk nomor induk siswa terdiri dari sembilan digit, yaitu sebagai berikut :
Format : 9999 99 999
Nomor urut siswa Diterima dikelas
Tahun masuk Contoh : 1213.10.001
Keterangan : Menyatakan bahwa siswa tersebut masuk pada tahun ajaran 2012- 2013 kelas 10 dengan nomor urut 001.
2. Pengkodean Nomor Induk Pengajar NIP Pengkodean untuk nomor induk pengajar terdiri dari delapan belas digit, yaitu
sebagai berikut : Format : 99999999 999999 9 999
Nomor urut pengajar Jenis kelamin
Tahun dan tanggal pengangkatan Tahun, bulan, tanggal lahir
Contoh : 19540204.198303.1.007 Keterangan : Menyatakan bahwa guru tersebut lahir pada tahun 1954 bulan 02
tanggal 04, diangkat menjadi guru pada tahun 1983 pada bulan 03, jenis kelamin laki-laki 1 untuk laki-laki 2 untuk perempuan, dan
mempunyai nomor urut pengangkatan 007.
3. Pengkodean Kelas Pengkodean untuk kelas tediri sebagai berikut.
Format : 999 A.Z 9 Nomor urut kelas
Nama jurusan Tingkatan
Contoh : XII TKJ 1 Keterangan : Menerangkan bahwa siswa tersebut bertempat di kelas XII
duabelas, jurusan TKJ Teknik Komputer Jaringan, dan no urut kelas 1.
III.2.2 Analisis Perangkat Keras
Analisis perangkat keras dibutuhkan untuk mendukung dan menjalankan aplikasi e-learning yang akan dibangun. Perangkat keras yang digunakan untuk
membangun aplikasi e-learning ini seperti pada Tabel III.1.
Tabel III.1 Spesifikasi Perangkat Keras Nama Pengguna
Spesifikasi
Server
Processor dengan kecepatan minimal 1,8 Ghz RAM minimal 2 GB
Hard Disk 160 GB VGA minimal 128 MB
Monitor dengan resolusi 1024 x 768 Lan Card 10100 Mbps
Koneksi internet minimal 64 Kbps
Nama Pengguna Spesifikasi
Client
Processor dengan kecepatan minimal 1,8 Ghz RAM minimal 1 GB
Hard Disk 160 GB VGA minimal 256 MB
Monitor dengan resolusi 1024 x 768 Lan Card 10100 Mbps
Koneksi internet minimal 64 Kbps
III.2.3 Analisis Perangkat Lunak
Kebutuhan perangkat lunak merupakan faktor-faktor yang dipenuhi untuk sebuah perangkat lunak sehingga perangkat lunak tersebut sesuai dengan maksud
dan tujuan pembangunan aplikasi e-learning ini, adapun spesifikasinya sebagai berikut :
1. Perangkat lunak pada sisi server, yang dibutuhkan adalah : a. Sistem operasi windows XP atau windows 7.
b. Bahasa pemrograman dengan menggunakan PHP. c. MySQL sebagai Database Management System.
d. XAMPP sebagai web server. e. Mozilla firefox sebagai browser.
2. Perangkat lunak pada sisi client, yang dibuthkan sebagai berikut : a. Sistem operasi windows XP atau windows 7.
b. Mozilla firefox, Opera, Google chrome sebagai browser.
III.2.4 Analisis Pengguna
Analisis pengguna merincikan siapa saja pengguna dari sistem yang berjalan pada saat ini yang nantinya akan dispesifikasikan siapa saja yang akan
masuk dalam sistem yang akan dibangun. Gambaran umum pengguna yang sekarang ada di SMK Pasundan 4 Bandung dapat dilihat pada Tabel III.2.
Tabel III.2 Analisis Pengguna Nama Pengguna
Kualifikasi
Admin
Kualifikasi yang harus dimiliki admin yaitu memiliki kemampuan
dasar dibidang
komputer dan
dapat mengoperasikan sistem operasi windows XP atau windows
7, mengenal bahasa pemrograman web, menguasai tentang internet.
Kesiswaan
Kualifikasi yang harus dimiliki kesiswaan yaitu memiliki kemampuan
dasar dibidang
komputer dan
dapat
mengoperasikan sistem operasi windows XP atau windows 7, bisa mengoperasikan microsoft office dan dapat
mengakses data dalam web.
Kurikulum
Kualifikasi yang harus dimiliki kurikulum yaitu memiliki kemampuan
dasar dibidang
komputer dan
dapat mengoperasikan sistem operasi windows XP atau windows
7, bisa mengoperasikan microsoft office dan dapat mengakses data dalam web.
Kepala Sekolah
Kualifikasi yang harus dimiliki kepala sekolah yaitu dapat mengoperasikan sistem operasi windows XP atau windows
7, bisa mengoperasikan microsoft office dan dapat mengakses data dalam web.
Guru
Kualifikasi yang harus dimiliki guru atau staf pengajar yaitu memiliki kemampuan dasar dibibang komputer, dapat
mengoperasikan sistem operasi windows XP atau windows 7, memiliki pemahaman yang cukup dalam mengelola data
pada sistem e-learning serta menguasai dasar tenteng internet.
Siswa
Kualifikasi yang harus dimiliki siswa yaitu memiliki kemampuan dasar dibidang komputer, dan bias browsing di
internet.
III.2.5 Analisis Basis Data
Basis data merupakan kumpulan data yang saling berhubungan yang disimpan secara bersama sedemikian rupa dan tanpa pengulangan redudansi
yang tidak perlu, untuk memenuhi berbagai kebutuhan. Basis data dapat digambarkan dengan menggunakan Entity Relationship
Diagram ERD. ERD merupakan hubungan antara entitas yang digunakan dalam sistem informasi untuk menggambarkan hubungan antara entitas yang ada atau
struktur data dan relasi antar file. Entitas yang saling berhubungan digambarkan pada Gambar III.5.
Admin
Kepala Sekolah Kurikulum
Kesiswaan username
username
username username
1 Membuat
Membuat 1
1
Berita Forum
Id_berita Id_forum
N N
Kelas Pelajaran
Tahun_ajaran
Semester Mengelola
1
N Mengelola
1
N Id_mp
Id_kelas
Siswa Guru
1
Mengelola N
Mengelola N
Id_siswa Id_guru
Ujian
Soal Membuat
1 N
Id_ujian Melihat
1
Nilai Nilai
N
Mempunyai 1
N Id_soal
Materi Membuat
1
Tugas
Pengumuman Id_materi
1
Membuat N
Id_tugas Mempunyai
Mempunyai 1
Mempunyai 1
N Mengikuti
Mempunyai N
Mempunyai N
1
N 1
N Mengajar
1 N
1
N Mempunyai
Mengelola 1
N
semester Tahun_ajaran
Membuat 1
Mempunyai 1
N Mempunyai
1
N Id_komentar
Id_upload_tugas Id_pengumuman
Upload_tugas Komentar
N 1
N 1
N 1
Membuat
N
Gambar III.5 Entity Relationship Diagram ERD E-Learning
SMK Pasundan 4 Bandung
Keterangan Kamus Data ERD :
Tabel III.3 Kamus Data ERD Nama Tabel
Atribut
Guru {id_guru, nama_guru, alamat_guru, foto_guru,
email_guru, username, password, nip_adm, tlp_guru} Pelajaran
{id_mp, id_kelas, mp} Siswa
{id_siswa, nama_siswa, tlp_siswa, alamat_siswa, tgl_lahir, tempat_lahir, foto, email_siswa, username, password, nis,
id_kelas}
Pengumuman {id_pengumuman, judul, konten, tanggal_buat, dilihat,
penulis, tgl_exp} Nilai
{id_nilai_ujian, id_siswa, id_ujian, nilai} Kelas
{id_kelas, nama_kelas} Admin
{username, password, nama_lengkap, email, no_tlp, level, blokir enum, id_session}
Tugas {id_tugas, judul_tugas, tanggal_tugas, tanggal_akhir,
id_guru, id_pelajaran} Ujian
{id_ujian, id_mp, judul_ujian, Keterangan, tanggal_mulai, jam_mulai, jam_berakhir, id_guru}
Soal {id_soal, id_ujian, pertanyaan, jawaban, jawaban_benar}
Berita {id_berita, judul, headline, isi_berita, hari, tanggal, jam,
username, gambar, dibaca} Mengajar
{id_mengajar, id_guru, id_pelajaran, kode_mengajar, id_kelas}
Forum {isi_thread, judul, isi, id_guru, tanggal_post}
Materi {id_materi, id_mp, id_guru, judul_materi, konten, file,
tanggal_buat} Semester
{semester, aktif} Tahun_ajaran
{tahun ajaran} Upload_tugas
{id_upload_tugas, file, nilai_tugas, id_tugas, id_siswa, status}
Komentar {id_komentar, id_forum, isi_komentar, pengguna,
tanggal_postkomentar, level}
III.2.6 Analisis Aturan Bisnis
Aturan bisnis yang terdapat di sistem e-elarning di SMK Pasundan 4 Bandung adalah sebagai berikut :
1. Admin Admin dalam hal ini bertugas membuat data user, data berita, data forum, dan
data tahun ajaran di sistem e-learning.
2. Kepala Sekolah Kepala sekolah dalam hal ini bertugas memonitoring aktifitas guru dan nilai
siswa, memonitoring aktifitas guru yang dimaksud adalah guru mengupload materi pelajaran, mengupload tugas, dan membuat ujian.
3. Kurikulum Kurikulum dalam hal ini bertugas membuat data kelas, data pelajaran, data
tahun ajaran, dan data mengajar. 4. Kesiswaan
Kesiswaan dalam hal ini bertugas membuat data siswa dan data guru, data siswa dan data guru juga bisa di import dari data excel.
5. Guru Guru dalam hal ini bertugas membuat tugas, materi, ujian, pengumuman, dan
memberi nilai ujian dan tugas siswa. 6. Siswa
Siswa dalam hal ini bertugas mengerjakan tugas dan di upload ke sistem e- learning,
download materi
pelajaran, mengerjakan
ujian, melihat
pengumuman, dan memberikan komentar di forum. 7. Format pemberian nilai ujian dan tugas yang ada di sistem e-learning adalah 0
sampai 100.
III.2.7 Spesifikasi Kebutuhan Perangkat Lunak
Spesifikasi kebutuhan perangkat lunak merupakan gambaran proses yang akan diterapkan dalam sistem dan menjelaskan kebutuhan apa saja yang
diperlukan sistem agar dapat berjalan dengan baik. Spesiffikasi kebutuhan perangkat lunak yang ada di sistem e-elearning SMK Pasundan 4 Bandung dapat
dilihat pada Tabel III.4.
Tabel III.4 Spefikasi Kebutuhan Perangkat Lunak Nomor
Spesifikasi Kebutuhan Perangkat Lunak
SKPL-F-001 Pengguna admin, kepala sekolah, kesiswaan, kurikulum, guru,
siswa harus login terlebih dahulu untuk masuk kedalam sistem.
SKPL-F-002 Sistem dapat menampilkan informasi guru, siswa, kelas,
jurusan, dan mata pelajaran. SKPL-F-003
Sistem menyediakan layanan untuk pengguna guru dalam membuat ujian.
SKPL-F-004 Sistem menyediakan layanan untuk upload dan download
materi dan tugas. SKPL-F-005
Sistem menyediakan layanan forum untuk guru dan siswa agar bisa berdiskusi.
SKPL-F-006 Sistem menyediakan ujian online untuk siswa sebagai referensi
untuk mengetahui kemampuan siswa terhadap materi yang sudah diberikan.
SKPL-F-007 Sistem memberikan nilai ujian online yang dikerjakan oleh
siswa. SKPL-F-008
Sistem dapat menampilkan grafik berdasarkan aktifitas guru dan nilai siswa di halaman pengguna kepala sekolah.
SKPL-NF-001 Sistem ini dibangun dalam bentuk website.
SKPL-NF-002 Sistem ini hanya dapat diakses oleh admin, kepala sekolah,
kurikulum, kesiswaan, guru, dan siswa yang ada di SMK Pasundan 4 Bandung.
SKPL-NF-003 Sistem ini menyediakan format file materi dan tugas dalam
bentuk .doc, .docx, .xls, .xlsx, .ppt, .pdf. SKPL-NF-004
Siswa dapat mendownload tugas dan materi pelajaran yang sebelumnya diupload oleh guru.
SKPL-NF-005 Soal ujian yang ada sistem berupa pilihan ganda.
SKPL-NF-006 Waktu pengerjaan ujian ditentukan oleh guru yang
bersangkutan. SKPL-NF-007
Format penilaian ujian dan tugas 0 sampai 100.
III.3 Analisis Kebutuhan Fungsional
Analisis kebutuhan fungsional merupakan tahapan pendefinisian proses yang disediakan oleh sistem e-learning, bagaimana reaksi sistem terhadap input
dan apa yang harus dilakukan oleh sistem pada situasi tertentu. Berdasarkan analisis sebelumnya terhadap permasalahan yang ada, maka
sistem fungsional yang terdapat pada aplikasi e-learning SMK Pasundan 4 Bandung dapat dimodelkan dengan menggunakan diagram konteks, data flow
diagram, spesifikasi proses, dan kamus data.
III.3.1 Diagram Konteks
Alat pemodelan ini digunakan untuk menggambarkan interaksi sistem dengan lingkungannya, serta mendeskripsikan fungsi dari sistem itu sendiri.
Diagram konteks digambarkan dengan sebuah lingkaran yang terhubung dengan entitas luar yang terlibat didalam sistem. Diagram konteks pada aplikasi e-
learning SMK Pasundan 4 Bandung dapat dilihat pada Gambar III.6.
Sistem E-Learning SMK Pasundan 4 Bandung
Siswa
Admin Guru
Kepala Sekolah
Kesiswaan Kurikulum
Data Login Siswa Data Materi
Data Tugas Data Ujian
Data Forum Data Pengumuman
Data Nilai Data Detail Profile
Data Login Admin Data User
Data Berita Data Forum
Data Login Guru Data Tugas
Data Materi Data Pengumuman
Data Ujian Data Nilai
Data Siswa
Data Login Kepala Sekolah Data Monitoring Siswa
Data Monitoring Guru Data Login Kurikulum
Data Matapelajaran Data Tahun Ajaran
Data Semester Data Mengajar
Data Kelas Info Login Kurikulum
Info Matapelajaran Info Tahun Ajaran
Info Semester Info Mengajar
Info Kelas Info Login Kepala Sekolah
Info Monitoring Siswa Info Monitoring Guru
Info Login Kesiswaan Info Siswa
Info Guru Data Login Kesiswaan
Data Siswa Data Guru
Info Login Admin Info User
Info Berita Info Pengumuman
Info Login Guru Info Tugas
Info Materi Info Pengumuman
Info Ujian Info Nilai
Info Siswa Info Login Siswa
Info Materi Info Tugas
Info Ujian Info Forum
Info Pengumuman Info Nilai
Info Detail Profile
Data Guru.xls
Data Guru
Data Siswa.xls
D a
ta si
sw a
Gambar III.6 Diagram Konteks E-Learning SMK Pasundan 4 Bandung
III.3.2 Data Flow Diagram DFD
Data Flow Diagram DFD merupakan sebuah penjelasan ataupun representasi dari sebuah sistem yang menunjukkan aliran data atas informasi dari
sumber informasi ke tujuan beserta proses pengolahannya.
III.3.2.1 DFD Level 1
DFD level 1 berikut ini menjelaskan bahwa pengguna web dapat melakukan akses pada website dengan memilih menu sesuai hak akses pada setiap
penggunanya. DFD level 1 e-learning SMK Pasundan 4 Bandung dapat dilihat pada Gambar III.7 sebagai berikut.
1.0 Login
2.0 Pengolahan Data
Pengguna
5.0 Pengumuman
3.0 Pengolahan Data Master
6.0 Pendaftaran
4.0 Pengolahan Data Pembelajaran
Berita Pelajaran
Kelas Mengajar
Forum
Semester Data forum
Data forum Data berita
Data berita Data pelajaran
Data pelajaran Data semester
Data semester Data kelas
Data kelas Data mengajar
Data mengajar Tahun ajaran
Data tahun ajaran Data tahun ajaran
Siswa Guru
Kepala Sekolah Kesiswaan
Kurikulum Admin
Data lo
g in
k e
si swaan
Inf o
l o
g in
k e
si swaan
Info login admin Data login admin
Data siswa, Data guru Info siswa, Info guru
Data admin, Data kurikulum,
Data kesiswaan, Data kepala sekolah,
Data tahun ajaran, Data berita,
Data forum
Info login kurikulum Data login kurikulum
Info mengajara, Info pelajaran,
Info tahun ajaran, Info kelas,
Info semester Info login kepala sekolah
Data login kepala sekolah
In fo
l o
g in
si swa
Data lo
g in
si swa
Data login guru Info login guru
Info admin, Info kurikulum,
Info kesiswaan, Info kepala sekolah,
Info tahun ajaran, Info berita,
Info forum
Data mengajara, Data pelajaran,
Data tahun ajaran, Data kelas,
Data semester
Materi Soal
Ujian Nilai
Tugas Guru
Siswa Admin
Data guru Data guru
Data siswa Data siswa
Data guru Data guru
Data siswa Data siswa
Data admin, Data kurikulum, Data kesiswaan, Data kepala sekolah Data admin,
Data kurikulum, Data kesiswaan,
Data kepala sekolah
Data materi Data materi
Data soal Data soal
Data ujian Data ujian
Data nilai Data nilai
Data tugas Data tugas
Data admin, Data kurikulum,
Data kesiswaan, Data kepala sekolah
Data materi, Data soal, Data ujian, Data nilai, Data tugas Info materi, Info soal, Info ujian, Info nilai, Info tugas
Data materi, Data soal,
Data ujian Data nilai,
Data tugas, Data kumpul tugas
Info materi, Info soal,
Info ujian Info nilai,
Info tugas, Info kumpul tugas
Pengumuman Info guru
Data siswa Info siswa
Data pe
n g
um um
an Data
peng u
m um
an
Info pengumuman In
fo p
e n
g um
um a
n Data
p e
ng u
m u
m an
Data guru Data siswa
Info siswa
7.0 Pengolahan
Lupa Password Data guru
Data guru Data siswa
Data siswa Data siswa
Info siswa Data guru
Info guru
Info materi, info ujian, info nilai, info tugas
Gambar III.7 DFD Level 1 E-Learning SMK Pasundan 4 Bandung
III.3.2.2 DFD Level 2
Dari proses-proses yang terlihat pada DFD level 1, dapat dipecah lagi menjadi DFD level 2, dimana setiap prosesnya merupakan rincian detail proses
yang terjadi pada level 1, hal ini dilakukan agar proses-proses yang terjadi dapat lebih mudah untuk dipahami. Adapun detail proses-prose diatas dapat dilihat pada
gambar-gambar.
1. DFD Level 2 Proses 1 Login
Gambar III.8 merupakan proses login, menjelaskan bagaimana alur login admin, siswa, guru, kesiswaan, kurikulum, dan kepala sekolah.
Admin 1.1
Verifikasi username
Kesiswaan Kurikulum
Guru Kepala
sekolah Siswa
Info login Kepala sekolah
Info login Kepala sekolah
Data login Kepala sekolah
Data login Kepala sekolah
Info login kurikulum Data login kurikulum
Info login kesiswaan Data login kesiswaan
Info login guru Data login guru
Info login siswa Data login siswa
1.2 Verifikasi password
Username valid Info login admin
Data login admin
Info login kurikulum Data login kurikulum
Info login kesiswaan Data login kesiswaan
Info login guru Data login guru
Info login siswa Data login siswa
Info login admin Data login admin
Guru Admin
Siswa Data siswa
Data guru Data admin,
Data kepala sekolah, Data kesiswaan,
Data kurikulum
Gambar III.8 DFD Level 2 Proses 1 Login
2. DFD Level 2 Proses 2 Pengolahan Data Pengguna
Gambar III.9 berikut ini merupakan proses pengolahan data pengguna, dimana didalamnya terdpat 3 proses yaitu edit profil, ganti foto dan ganti password.
2.1 Edit Profil
2.3 Ganti password
Data siswa Info siswa
Info guru
D at
a g u
ru Data guru
Data siswa
Data guru Info guru
Data siswa Info siswa
D at
a g
u ru
Data guru D
at a s
is w
a Data siswa
2.2 Ganti Foto
Guru Siswa
D at
a s is
wa
Siswa Guru
Data siswa Data siswa
Data guru Data guru
Data guru
Gambar III.9 DFD Level 2 Proses 2 Pengolahan Data Pengguna
3. DFD Level 2 Proses 3 Pengolahan Data Master
Gambar III.10 berikut ini merupakan proses pengolahan data master, dimana proses perinciannya terdiri dari pengolahan data guru, pengolahan data siswa,
pengolahan data pelajaran, pengolahan data mengajar, pengolahan tahun ajaran, pengolahan berita, pengolahan forum, pengolahan user, dan pengolahan kelas.
Admin Kurikulum
Kesiswaan
3.9 Pengolahan kelas
3.1 Pengolahan
data guru 3.4
Pengolahan data mengajar
3.2 Pengolahan
data siswa 3.5
Pengolahan tahun ajaran
3.3 Pengolahan
data pelajaran
3.6 Pengolahan berita
3.7 Pengolahan Forum
3.8 Pengolahan User
Guru Siswa
D a
ta g
u ru
Info guru Info siswa
D a
ta si
swa
In fo
gu ru
D a
ta gu
ru D
a ta
si swa
Inf o
si swa
Mengajar Pelajaran
Tahun ajaran D
a ta
p e
la ja
ra n
Info pelajaran Info mengajar
Info tahun ajaran D
a ta
t a
h u
n a
ja ra
n Da
ta me
nga ja
r
D a
ta k
e la
s In
fo k
e la
s
Kelas Info kelas
Da ta
k e
la s
Data tahun ajaran Inf
o t
a h
un a
ja ra
n D
a ta
m e
n g
a ja
r
Admin Forum
Berita Info admin
Info forum Info berita
Da ta
a d
mi n
Da ta
fo ru
m Da
ta be
ri ta
In fo
m e
n g
a ja
r Info pelajaran
Data pelajaran
Data berita Info berita
Data forum Info forum
In fo
u se
r D
a ta
us e
r
Gambar III.10 DFD Level 2 Proses 3 Pengolahan Data Master
4. DFD Level 2 Proses 4 Pengolahan Data Pembelajaran
Gambar III.11 berikut ini merupakam proses pengolahan data pembelajaran, dimana proses perinciannya terdiri dari pengolahan materi, pengolahan tugas,
pengolahan ujian, monitoring aktifitas dan nilai, dan pengolahan soal.
4.1 Pengolahan Materi
Guru Siswa
4.2 Pengolahan Tugas
4.3 Pengolahan Ujian
4.4 Monitoring Aktifitas
dan NIlai
4.5 Pengolahan Soal
Materi
Tugas
Ujian
Nilai
Soal Data nilai
Data soal Data ujian
Info ujian Data tugas
Info tugas Data materi
Info materi
Data soal Info soal
Data soal Data nilai
Data ujian Info ujian
Data tugas Info tugas
Data materi Info materi
Kepala Sekolah
Data monitoring aktifitas Data monitoring aktifitas
Info soal Data soal
Data nilai Info nilai
Data materi Data materi
Data tugas Data tugas
Data ujian Data ujian
Data ujian Data ujian
Da ta
tu g
as Da
ta tu
g as
D ata
m ate
ri D
ata m
ate ri
Gambar III.11 DFD Level 2 Proses 4 Pengolahan Data Pembelajaran
5. DFD Level 2 Proses 5 Pengolahan Data Pengumuman
Gambar III.12 berikut ini merupakan proses pengolahan data pengumuman, dimana proses perinciannya terdiri dari lihat pengumuman, tambah pengumuman,
edit pengumuman dan hapus pengumuman.
Siswa
5.4 Hapus pengumuman
5.2 Tambah
pengumuman
5.3 Edit pengumuman
5.1 Lihat pengumuman
Guru Pengumuman
Info pengumuman yang dilihat Data pengumuman yang dilihat
Info pengumuman yang ditambah Data pengumuman yang ditambah
Info pengumuman yang dihapus Data pengumuman yang dihapus
Info pengumuman yang diubah Data pengumuman yang diubah
Data pengumuman yang dilihat Data pengumuman yang dilihat
Data pengumuman yang ditambah Data pengumuman yang ditambah
Data pengumuman yang diubah Data pengumuman yang diubah
Data pengumuman yang dihapus Data pengumuman yang dihapus
Info pengumuman
Gambar III.12 DFD Level 2 Proses 5 Pengolahan Data Pengumuman
6. DFD Level 2 Proses 6 Pendaftaran
Gambar III.13 berikut ini merupakan proses pengolahan pendaftaran siswa, dimana proses perinciannya terdiri dari verifikasi NIS dan pembuatan Password.
Siswa
6.1 Veerifikasi NIS
Siswa
6.2 Pembuatan Password
Info aktifasi siswa invalid Data aktifasi siswa
Info aktifasi siswa invalid Data aktifasi siswa
Data aktifasi siswa Data aktifasi siswa
Data aktifasi siswa Data aktifasi siswa
Gambar III.13 DFD Level 2 Proses 6 Pendaftaran
III.3.2.3 DFD Level 3
Dari proses-proses yang terlihat pada DFD level 2, dapat dipecah lagi menjadi DFD level 3. Dimana setiap prosesnya merupakan turunan dari proses-
proses yang ada di DFD level 2, hal ini dilakukan agar proses-proses yang terjadi
dapat lebih mudah untuk dipahami. Adapun detail proses-proses dapat dilihat pada gambar-gambar.
1. DFD Level 3 Proses 3.1 Pengolahan Data Guru
Gambar III.14 berikut ini merupakan proses pengolahan data guru, di dalamnya terdapat 4 proses yaitu import data guru, tambah data guru, edit data guru, dan
hapus data guru.
3.1.4 Hapus data guru
3.1.2 Tambah data guru
3.1.3 Edit data guru
3.1.1 Import data guru
Kesiswaan
Guru Info guru yang diimport
Data guru yang diimport
Info guru yang ditambah Data guru yang ditambah
Info guru yang dihapus Data guru yang dihapus
Info guru yang diedit Data guru yang diedit
Data guru yang diimport Data guru yang diimport
Data guru yang ditambah Data guru yang ditambah
Data guru yang diedit Data guru yang diedit
Data guru yang dihapus Data guru yang dihapus
Gambar III.14 DFD Level 3 Proses 3.1 Pengolahan Data Guru
2. DFD Level 3 Proses 3.2 Pengolahan Data Siswa
Gambar III.15 berikut ini merupakan proses pengolahan data siswa, di dalamnya terdapat 4 proses yaitu import data siswa, tambah data siswa, edit data
siswa, dan hapus data siswa.
3.2.4 Hapus data siswa
3.2.2 Tambah data siswa
3.2.3 Edit data siswa
3.2.1 Import data siswa
Kesiswaan
SIswa Info siswa yang diimport
Data siswa yang diimport
Info siswa yang ditambah Data siswa yang ditambah
Info siswa yang dihapus Data siswa yang dihapus
Info siswa yang diedit Data siswa yang diedit
Data siswa yang ditambah Data siswa yang diimport
Data siswa yang ditambah Data siswa yang ditambah
Data siswa yang diedit Data siswa yang diedit
Data siswa yang dihapus Data siswa yang dihapus
Gambar III.15 DFD Level 3 Proses 3.2 Pengolahan Data Siswa
3. DFD Level 3 Proses 3.3 Pengolahan Pelajaran
Gambar III.16 berikut ini merupakan proses pengolahan data pelajaran, di dalamnya terdapat 4 proses yaitu tambah data pelajaran, edit data pelajaran, hapus
data pelajaran dan cari data pelajaran.
3.3.4 Cari data pelajaran
3.3.2 Edit data pelajaran
3.3.3 Hapus data pelajaran
3.3.1 Tambah data
pelajaran
Kurikulum
Pelajaran Info pelajaran yang tambah
Data pelajaran yang ditambah
Info pelajaran yang diedit Data pelajaran yang diedit
Info pelajaran yang dicari Data pelajaran yang dicari
Info pelajaran yang dihapus Data pelajaran yang dihapus
Data pelajaran yang ditambah Data pelajaran yang ditambah
Data pelajaran yang diedit Data pelajaran yang diedit
Data pelajaran yang dihapus Data pelajaran yang dihapus
Data pelajaran yang dicari Data pelajaran yang dicari
Gambar III.16 DFD Level 3 Proses 3.3 Pengolahan Data Pelajaran
4. DFD Level 3 Proses 3.4 Pengolahan Mengajar
Gambar III.17 berikut ini merupakan proses pengolahan data mengajar, di dalamnya terdapat 3 proses yaitu tambah data mengajar, edit data mengajar, dan
hapus data mengajar.
3.4.2 Edit data
mengajar
3.4.3 Hapus data
mengajar 3.4.1
Tambah data mrngajar
Kurikulum
Mengajar Info mengajar yang tambah
Data mengajar yang ditambah
Info mengajar yang diedit Data mengajar yang diedit
Info mengajar yang dihapus Data mengajar yang dihapus
Data mengajar yang ditambah Data mengajar yang ditambah
Data mengajar yang diedit Data mengajar yang diedit
Data mengajar yang dihapus Data mengajar yang dihapus
Gambar III.17 DFD Level 3 Proses 3.4 Pengolahan Data Mengajar
5. DFD Level 3 Proses 3.5 Pengolahan Tahun Ajaran
Gambar III.18 berikut ini merupakan proses pengolahan tahun ajaran, di dalamnya terdapat 4 proses yaitu tambah data tahun ajaran, aktif data tahun
ajaran, edit data tahun ajaran, dan hapus data tahun ajaran.
3.5.4 Hapus data
tahun ajaran 3.5.2
Aktif data tahun ajaran
3.5.3 Edit data
tahun ajaran 3.5.1
Tambah data tahun ajaran
Kurikulum
Tahun ajaran Info tahun ajaran yang tambah
Data tahun ajaran yang ditambah
Info tahun ajaran yang diaktifkan Data tahun ajaran yang diaktifkan
Info tahun ajaran yang dihapus Data tahun ajaran yang dihapus
Info tahun ajaran yang diedit Data tahun ajaran yang diedit
Data tahun ajaran yang ditambah Data tahun ajaran yang ditambah
Data tahun ajaran yang diaktifkan Data tahun ajaran yang diaktifkan
Data tahun ajaran yang diedit Data tahun ajaran yang diedit
Data tahun ajaran yang dihapus Data tahun ajaran yang dihapus
Gambar III.18 DFD Level 3 Proses 3.5 Pengolahan Tahun Ajaran
6. DFD Level 3 Proses 3.6 Pengolahan Berita
Gambar III.19 berikut ini merupakan proses pengolahan berita, di dalamnya
terdapat 4 proses yaitu tambah berita, edit berita, hapus berita dan lihat berita.
3.6.4 Lihat berita
3.6.2 Edit berita
3.6.3 Hapus berita
3.6.1 Tambah berita
Admin
Berita Info berita yang tambah
Data berita yang ditambah
Info berita yang diedit Data berita yang diedit
Info berita yang dilihat Data berita yang dilihat
Info berita yang dihapus Data berita yang dihapus
Data berita yang ditambah Data berita yang ditambah
Data berita yang diedit Data berita yang diedit
Data berita yang dihapus Data berita yang dihapus
Data berita yang dilihat Data berita yang dilihat
Gambar III.19 DFD Level 3 Proses 3.6 Pengolahan Berita
7. DFD Level 3 Proses 3.7 Pengolahan Forum
Gambar III.20 berikut ini merupakan proses pengolahan forum, di dalamnya terdapat 5 proses yaitu lihat forum, tambah forum, edit forum, hapus forum dan
tambah komentar.
3.7.4 Lihat forum
3.7.2 Edit forum
3.7.3 Hapus forum
3.7.1 Tambah forum
Admin
Forum Info forum yang tambah
Data forum yang ditambah
Info forum yang diedit Data forum yang diedit
Info forum yang dilihat Data forum yang dilihat
Info forum yang dihapus Data forum yang dihapus
Data forum yang ditambah Data forum yang ditambah
Data forum yang diedit Data forum yang diedit
Data forum yang dihapus Data forum yang dihapus
Data forum yang dilihat Data forum yang dilihat
Komentar
3.7.5 Tambah komentar
SIswa
Data forum yang dilihat Info forum yang dilihat
Data forum yang dilihat Info forum yang dilihat
Data komentar yang ditambah Data komentar yang ditambah
Gambar III.20 DFD Level 3 Proses 3.7 Pengolahan Forum
8. DFD Level 3 Proses 3.8 Pengolahan User Admin
Gambar III.21 berikut ini merupakan proses pengolahan user admin, di dalamnya terdapat 3 proses yaitu tambah user, edit user, hapus user.
3.8.2 Edit user
3.8.3 Hapus user
3.8.1 Tambah user
Admin Admin
Info user yang tambah Data user yang ditambah
Info user yang diedit Data user yang diedit
Info user yang dihapus Data user yang dihapus
Data user yang ditambah Data user yang ditambah
Data user yang diedit
Data user yang dihapus Data user yang dihapus
Gambar III.21 DFD Level 3 Proses 3.8 Pengolahan User Admin
9. DFD Level 3 Proses 3.9 Pengolahan Kelas
Gambar III.22 berikut ini merupakan proses pengolahan kelas, di dalamnya terdapat 4 proses yaitu tambah kelas, edit kelas, hapus kelas dan lihat kelas.
3.9.4 Lihat kelas
3.9.2 Edit kelas
3.9.3 Hapus kelas
3.9.1 Tambah kelas
Kurikulum Kelas
Info kelas yang tambah Data kelas yang ditambah
Info kelas yang diedit Data kelas yang diedit
Info kelas yang dilihat Data kelas yang dilihat
Info kelas yang dihapus Data kelas yang dihapus
Data kelas yang ditambah Data kelas yang ditambah
Data kelas yang diedit Data kelas yang diedit
Data kelas yang dihapus Data kelas yang dihapus
Data kelas yang dilihat Data kelas yang dilihat
Gambar III.22 DFD Level 3 Proses 3.9 Pengolahan Kelas
10. DFD Level 3 Proses 4.1 Pengolahan Materi
Gambar III.23 berikut ini merupakan proses pengolahan materi, di dalamnya terdapat 6 proses yaitu lihat materi, tambah materi, edit materi, hapus materi,
upload materi dan download materi.
4.1.4 Hapus materi
4.1.2 Tambah materi
4.1.3 Edit materi
4.1.1 Lihat materi
Guru
Materi Info materi yang dilihat
Data materi yang dilihat Info materi yang tambah
Data materi yang ditambah
Info materi yang dihapus Data materi yang dihapus
Info materi yang diedit Data materi yang diedit
Data materi yang dilihat Data materi yang dilihat
Data materi yang ditambah Data materi yang ditambah
Data materi yang diedit Data materi yang diedit
Data materi yang dihapus Data materi yang dihapus
Pelajaran
4.1.5 Upload materi
SIswa
4.1.6 Download materi
Data materi yang diupload Info materi yang di upload
Data materi yang di download Info materi yang di download
Data materi yang diupload Data materi yang diupload
Data materi yang didownload Data materi yang didownload
Data materi yang di download Info materi yang di download
Data pelajaran Data pelajaran
Data pelajaran Data pelajaran
Gambar III.23 DFD Level 3 Proses 4.1 Pengolahan Materi
11. DFD Level 3 Proses 4.2 Pengolahan Tugas
Gambar III.24 berikut ini merupakan proses pengolahan tugas, di dalamnya terdapat 6 proses yaitu lihat tugas, tambah tugas, edit tugas, hapus tugas, upload
tugas dan download tugas.
4.2.4 Hapus tugas
4.2.2 Tambah tugas
4.2.3 Edit tugas
4.2.1 Lihat tugas
Guru
Tugas Info tugas yang dilihat
Data tugas yang dilihat Info tugas yang tambah
Data tugas yang ditambah
Info tugas yang dihapus Data tugas yang dihapus
Info tugas yang diedit Data tugas yang diedit
Data tugas yang dilihat Data tugas yang dilihat
Data tugas yang ditambah Data tugas yang ditambah
Data tugas yang diedit Data tugas yang diedit
Data tugas yang dihapus Data tugas yang dihapus
Pelajaran
4.2.5 Upload tugas
SIswa
4.2.6 Download tugas
Data tugas yang diupload Info tugas yang di upload
Data tugas yang di download Info tugas yang di download
Data tugas yang diupload Data tugas yang diupload
Data tugas yang di download Data tugas yang di download
Data tugas yang di download Info tugas yang di download
Data pelajaran Data pelajaran
Data pelajaran Data pelajaran
Upload_tugas Data tugas yang diupload
Data tugas yang di download Data tugas yang di download
Data tugas yang diupload
Gambar III.24 DFD Level 3 Proses 4.2 Pengolahan Tugas
12. DFD Level 3 Proses 4.3 Pengolahan Ujian
Gambar III.25 berikut ini merupakan proses pengolahan ujian, di dalamnya terdapat 4 proses yaitu buat ujian, edit ujian, hapus ujian dan lihat ujian.
4.3.4 Lihat ujian
4.3.2 Edit ujian
4.3.3 Hapus ujian
4.3.1 Buat ujian
Guru Ujian
Info ujian yang dibuat Data ujian yang dibuat
Info ujian yang diedit Data ujian yang diedit
Info ujian yang dilihat Data ujian yang dilihat
Info ujian yang dihapus Data ujian yang dihapus
Data ujian yang dibuat Data ujian yang dibuat
Data ujian yang diedit Data ujian yang diedit
Data ujian yang dihapus Data ujian yang dihapus
Data ujian yang dilihat Data ujian yang dilihat
Soal Data soal
Data soal Data soal
Data soal
Gambar III.25 DFD Level 3 Proses 4.3 Pengolahan Ujian
13. DFD Level 3 Proses 4.4 Monitoring Aktifitas dan Nilai
Gambar III.26 berikut ini merupakan proses monitoring aktifitas dan nilai
4.4.1 Monitoring Aktifitas dan
NIlai Kepala Sekolah
Nilai
Ujian Tugas
Materi Data nilai
Data nilai Data tugas
Data tugas Data materi
Data materi Data ujian
Data ujian Info kepala sekolah
Data kepala sekolah
Gambar III.26 DFD Level 3 Proses 4.4 Monitoring Aktifitas dan Nilai
14. DFD Level 3 proses 4.5 Pengolahan Soal
Gambar III.27 berikut ini merupakan proses pengolahan soal, di dalamnya terdapat 4 proses yaitu tambah soal, ubah soal, hapus soal, dan lihat soal.
4.5.4 Lihat soal
4.5.2 Edit soal
4.5.3 Hapus soal
4.5.1 Tambah soal
Guru Soal
Info soal yang tambah Data soal yang ditambah
Info soal yang diedit Data soal yang diedit
Info soal yang dilihat Data soal yang dilihat
Info soal yang dihapus Data soal yang dihapus
Data soal yang ditambah Data soal yang ditambah
Data soal yang diedit Data soal yang diedit
Data soal yang dihapus Data soal yang dihapus
Data soal yang dilihat Data soal yang dilihat
Pelajaran Data pelajaran
Data pelajaran Data pelajaran
Data pelajaran
Gambar III.27 DFD Level 3 Proses 4.5 Pengolahan Soal
III.3.3 Spesifikasi proses
Spesikasi proses merupakan alat bantu tools sistem yang akan menjelaskan perilaku-perilaku proses yang ada dalam DFD. Tabel III.5 berikut ini
adalah spesifikasi proses dari sistem e-learning SMK Pasundan 4 Bandung.
Tabel III.5 Spesikasi Proses No.
Detail Keterangan
1. No. Proses
1.0 Nama Proses
Login Deskripsi
Validasi data user yang digunakan untuk login Source
Admin, guru, siswa, kepala sekolah, kesiswaan, kurikulum
Input Data login admin, data login guru, data login siswa,
data kepala sekolah, data kesiswaan, data kurikulum Output
Info login admin, info login guru, info login siswa, info kepala sekolah, info kesiswaan, info kurikulum
Destination Admin, guru, siswa, kepala sekolah, kesiswaan,
kurikulum Logika Proses 1. User admin, guru, siswa, kepala sekolah, kesiswaan,
kurikulum memasukan username dan password pada form login.
2. Sistem melakukan pengecekan apakah username dan password valid atau tidak.
3. Jika username dan password valid, maka sistem akan menampilkan halaman utama.
4. Jika username dan password tidak valid, maka sistem
akan menampilkan pesan login gagal. 2.
No. Proses 2.0
Nama Proses Pengolahan data pengguna
Deskripsi Mengolah data-data akun pengguna
Source Guru, siswa
Input Data login guru dan data login siswa
Output Info login guru dan info login siswa
Destination Guru, siswa
Logika Proses 1. User memilih menu pengolahan user edit profil, ubah password dan ganti foto .
2. Data user yang akan diolah dimasukan kedalam sistem. 3. Sistem akan mengecek isi data user.
4. Jika data yang dimasukan sesuai, maka sistem
menampilkan perubahan data. 3.
No. Proses 3.0
Nama Proses Pengolahan data master
Deskripsi Pengolahan data master yang ada di aplikasi
Source Admin, kesiswaan, kurikulum
Input Data guru, data siswa, data pelajaran, data semester,
data berita, data tahun ajaran, data kelas, data forum, data mengajar, data user
Output info guru, info siswa, info pelajaran, info semester, info
berita, info tahun ajaran, info kelas, info forum, info mengajar, info user
Destination Admin, kesiswaan, kurikulum
Logika Proses 1. Admin, kesiswaan, kurikulum memilih salah satu menu pengolahan data master
2. Sistem menampilkan salah form data master yang dipilih oleh admin, kesiswaan, kurikulum.
3. Admin, kesiswaan, kurikulum melakukan pengisian data master yang dipilih.
4. Apabila data yang dimasukan sesuai maka data akan disimpan di data master pada sistem.
4. No. Proses
4.0 Nama Proses
Pengolahan data pembelajaran Deskripsi
Pengolahan data pembelajaran yang ada di aplikasi Source
Guru, siswa Input
Data materi, data tugas, data ujian, data dashboard, data soal.
Output Info materi, info tugas, info ujian, info dashboard, info
soal. Destination
Guru, siswa
Logika Proses 1. User guru, siswa memilih salah satu menu pngolahan data pembelajaran.
2. Sistem menampilkan salah satu form data pembelajaran.
3. User guru, siswa melakukan pengisian data master yang dipilih.
4. Apabila data yang dimasukan sesuai maka data akan disimpan di sistem.
5. No. Proses
5.0 Nama Proses
Pengumuman Deskripsi
Proses pengolahan data pengumuman Source
Guru, siswa Input
Data pengumuman Output
Info pengumuman Destination
Guru, siswa Logika Proses 8. Gurusiswa melakukan pengolahan data pengumuman.
9. Sistem memberikan info data pengumuman yang diolah.
10. Sistem menampilkan data pengumuman. 6.
No. Proses 6.0
Nama Proses Pendaftaran
Deskripsi Proses pendaftaran akun siswa
Source Siswa
Input Data pendaftaran
Output Info pendaftaran
Destination Siswa
Logika Proses 1. Pada sistem user siswa melakukan cek user di sistem. 2. Pengguna memasukan NIS.
3. Jika benar, maka form pendaftaran akan tampil. 4. Jika data salah, akan tampil pesan.
7. No. Proses
7.0 Nama Proses
Pengolahan lupa password Deskripsi
Proses pengolahan lupa password Source
Guru, siswa Input
Data guru, data siswa Output
Info guru, info siswa Destination
Guru, siswa Logika Proses 1. Masukan email yang valid.
2. Sistem akan mengecek apakah data kosong atau tidak. 3. Sistem akan memberikan password baru ke email yang
dikirim ke sistem.
8. No. Proses
1.1 Nama Proses
Verifikasi username Deskripsi
Proses untuk verifikasi username Source
Admin, guru, siswa, kepala sekolah, kesiswaan, kurikulum
Input Password, Username, data NIP, data NIS
Output Info password, Info username, Info NIP, info NIS
Destination Admin, guru, siswa, kepala sekolah, kesiswaan,
kurikulum Logika Proses 5. Admingurusiswakepala
sekolahkesiswaankurikulum memasukan username. 6. Apabila username yang diinputkan benar maka
username valid. 7. Apabila username yang diinputkan tidak benar
username invalid. 9.
No. Proses 1.2
Nama Proses Verifikasi password
Deskripsi Proses untuk memverifikasi password
Source Admin, guru, siswa, kepala sekolah, kesiswaan,
kurikulum Input
Data login admin, data login guru, data login siswa, data login kepala sekolah, data kesiswaan, data
kurikulum
Output Info password valid, info password valid, info
password valid, info password valid, info password valid, info password valid
Destination Admin, guru dan siswa
Logika Proses 1. Admingurusiswa memasukan password. 2. Apabila password yang diinputkan benar maka
password valid. 3. Apabila password yang diinputkan tidak benar
password invalid. 10.
No. Proses 2.1
Nama Proses Edit profil
Deskripsi Mengubah profil pengguna
Source Guru, siswa
Input Data login guru dan data login siswa
Output Info login guru dan info login siswa
Destination Guru, siswa
Logika Proses 1. User guru, siswa memilih pengaturan akun. 2. Sistem menampilkan form pengaturan akun.
3. User memasukan data profil. 4. Sistem menyimpan perubahan data profil.
11. No. Proses
2.2 Nama Proses
Ganti Foto Deskripsi
Mengubah Foto user Source
Guru, siswa Input
Data login guru dan data login siswa Output
Info login guru dan info login siswa Destination
Guru dan siswa Logika Proses 1. User memilih ganti foto.
2. Sistem menampilkan form ganti foto. 3. User input foto baru.
4. Sistem manyimpan data foto baru.
12. No. Proses
2.3 Nama Proses
Ganti password Deskripsi
Mengubah password pengguna Source
Guru, siswa Input
Dat login guru dan data login siswa Output
Info password valid, info password valid. Destination
Admin, guru dan siswa Logika Proses 5. User memilih ganti password.
6. Sistem menampilkan form ganti password. 7. User input password baru.
8. Sistem manyimpan data password baru.
13. No. Proses
3.1 Nama Proses
Pengolahan data guru Deskripsi
Proses untuk melakukan pengolahan data guru Source
Kesiswaan Input
Data guru Output
Info guru Destination
Kesiswaan Logika Proses 1. Kesiswaan memilih menu guru.
2. Sistem akan menampilkan submenu dari menu guru. 14.
No. Proses 3.2
Nama Proses Pengolahan data siswa
Deskripsi Proses untuk melakukan pengolahan data siswa
Source Kesiswaan
Input Data siswa
Output Info siswa
Destination Kesiswaan
Logika Proses 1. Kesiswaan memilih menu siswa. 2. Sistem akan menampilkan submenu dari menu siswa.
15. No. Proses
3.3 Nama Proses
Pengolahan data pelajaran Deskripsi
Proses untuk melakukan pengolahan data pelajaran Source
Kurikulum Input
Data pelajaran Output
Info pelajaran Destination
Kurikulum Logika Proses 1. Kurikulum memilih menu pelajaran.
2. Sistem akan menampilkan submenu dari menu pelajaran.
16. No. Proses
3.4 Nama Proses
Pengolahan data Mengajar Deskripsi
Mengolah data mengajar Source
Kurikulum Input
Data mengajar Output
Info mengajar Destination
Kurikulum Logika Proses 1. Kurikulum memilih menu mengajar.
2. Sistem akan menampilkan submenu dari menu mengajar.
17. No. Proses
3.5 Nama Proses
Pengolahan tahun ajaran Deskripsi
Menoglah data-data tahun ajaran Source
Kurikulum Input
Data tahun ajaran Output
Info tahun ajaran Destination
Kurikulum Logika Proses 1. Kurikulum memilih menu tahun ajaran.
2. Sistem akan menampilkan submenu dari menu tahun ajaran.
3. Aktifkan tahun ajaran. 18.
No. Proses 3.6
Nama Proses Pengolahan berita
Deskripsi Mengolah data-data berita
Source Admin
Input Data berita
Output Info berita
Destination Admin
Logika Proses 1. Admin memilih menu berita. 2. Sistem akan menampilkan submenu dari menu berita.
19. No. Proses
3.7
Nama Proses Pengolahan forum
Deskripsi Mengolah data-data forum
Source Admin, siswa
Input Data forum
Output Info forum
Destination Admin, siswa
Logika Proses 1. Admin memilih menu lihat forum. 2. Sistem menampilakan submenu forum.
20. No. Proses
3.8 Nama Proses
Pengolahan user Deskripsi
Membuat user admin Source
Admin Input
Data user Output
Info user Destination
Admin Logika Proses 1. Admin memilih menu user.
2. Sistem menampilkan submenu user. 21.
No. Proses 3.9
Nama Proses Pengolahan kelas
Deskripsi Menampilkan menu untuk mengolah kelas
Source Kurikulum
Input Data kelas
Output Info kelas
Destination Kurikulum
Logika Proses 1. Kurikulum memilih menu kelas. 2. Sistem akan menampilkan submenu dari menu kelas.
22. No. Proses
4.1 Nama Proses
Pengolahan materi Deskripsi
Proses mengolah data materi Source
Guru, siswa Input
Data materi Output
Info materi Destination
Guru, siswa Logika Proses 1. User memilih menu materi.
2. Sistem menampilkan form materi. 3. User melakukan pengisian data.
4. Sistem menyimpan data.
23. No. Proses
4.2 Nama Proses
Pengolahan tugas Deskripsi
Proses mengolah data tugas Source
Guru, siswa
Input Data tugas
Output Info tugas
Destination Guru, siswa
Logika Proses 1. User memilih menu tugas. 2. Sistem menampilkan form tugas.
3. User melakukan pengisian data. 4. Sistem menyimpan data.
24. No. Proses
4.3 Nama Proses
Pengolahan ujian Deskripsi
Mengolah data-data ujian Source
Guru, siswa 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.
25. No. Proses
4.4 Nama Proses
Monitoring aktifitas dan nilai Deskripsi
Melihat aktifitas guru dan nilai siswa Source
Kepala sekolah Input
Data materi, data tugas, data ujian, data nilai Output
Info materi, info tugas, info ujian, info nilai Destination
Kepala sekolah Logika Proses 1. Kepala sekolah login ke aplikasi.
2. Kepala sekolah memilih menu. 3. Sistem menampilkan data.
26. No. Proses
4.5 Nama Proses
Pengolahan soal Deskripsi
Mengolah data-data soal Source
Guru, siswa Input
Data soal Output
Info soal Destination
Guru, siswa Logika Proses 1. Guru memilih menu lihat ujian
2. Guru memilih tambah soal atau hapus soal. 3. Guru memilih aktifkan ujian atau ganti ujian
4. Sistem akan menampilkan masa aktif pengerjaan ujian.
27. No. Proses
5.1 Nama Proses
Lihat pengumuman Deskripsi
Melihat pengumuman yang ada Source
Guru, siswa Input
Data pengumuman Output
Info pengumuman Destination
Guru, siswa Logika Proses 1. Siswa melihat pengumuman yang telah dibuat oleh
guru. 28.
No. Proses 5.2
Nama Proses Tambah pengumuman
Deskripsi Menambah data pengumuman
Source Guru, siswa
Input Data pengumuman
Output Info pengumuman
Destination Guru, siswa
Logika Proses 1. Guru memilih menu pengumuman. 2. Guru menambah data pengumuman.
3. Sistem menyimpan data pengumuman
29. No. Proses
5.3 Nama Proses
Edit pengumuman Deskripsi
Merubah data pengumuman Source
Guru, siswa Input
Data pengumuman Output
Info pengumuman Destination
Guru, siswa Logika Proses 1. Guru memilih menu pengumuman.
2. Guru melihat informasi data pengumuman. 3. Edit pengumuman sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
30. No. Proses
5.4 Nama Proses
Hapus pengumuman Deskripsi
Menghapus data pengumuman Source
Guru, siswa Input
Data pengumuman Output
Info pengumuman Destination
Guru, siswa Logika Proses 1. Guru memilih menu pengumuman.
2. Guru melihat informasi data pengumuman. 3. Hapus pengumuman sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
31. No. Proses
6.1 Nama Proses
Verifikasi NIS Deskripsi
Memverifikasi NIS Source
Siswa Input
Data siswa Output
Info siswa Destination
Siswa Logika Proses 1. Masukan NIS kedalam form mendaftar.
2. Pengecekan apakah NIS valid atau tidak. 3. Jika valid, maka sistem akan menyimpan data.
32. No. Proses
6.2 Nama Proses
Pembuatan password Deskripsi
Membuat password login Source
Siswa Input
Data siswa Output
Info siswa Destination
Siswa Logika Proses 1. Masukan password kedalam form mendaftar.
2. Pengecekan apakah password valid atau tidak. 3. Jika valid, maka sistem akan menyimpan data.
33. No. Proses
3.1.1 Nama Proses
Import data guru Deskripsi
Menambah data guru melalui excel Source
Kesiswaan Input
Data guru yang akan diimport Output
Info guru yang akan diimport Destination
Kesiswaan Logika Proses 1. Kesiswaan memilih menu guru.
2. Kesiswaan melihat informasi data guru. 3. Kesiswaan memilih file data guru berformat excel.
4. Sistem menyimpan perubahan data.
34. No. Proses
3.1.2 Nama Proses
Tambah data guru Deskripsi
Menambah data guru Source
Kesiswaan Input
Data guru Output
Info guru Destination
Kesiswaan Logika Proses 1. Kesiswaan memilih menu guru.
2. Kesiswaan melihat informasi data guru. 3. Tambah data guru sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
35. No. Proses
3.1.3 Nama Proses
Edit data guru Deskripsi
Merubah data guru Source
Kesiswaan Input
Data guru Output
Info guru Destination
Kesiswaan Logika Proses 1. Kesiswaan memilih menu guru.
2. Kesiswaan melihat informasi data guru. 3. Edit data guru sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
36. No. Proses
3.1.4 Nama Proses
Hapus data guru Deskripsi
Menghapus data guru Source
Kesiswaan Input
Data guru Output
Info guru Destination
Kesiswaan Logika Proses 1. Kesiswaan memilih menu guru.
2. Kesiswaan melihat informasi data guru. 3. Hapus data guru sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
37. No. Proses
3.2.1 Nama Proses
Import data siswa Deskripsi
Menambah data siswa melalui excel Source
Kesiswaan Input
Data siswa yang akan diimport Output
Info siswa yang akan diimport Destination
Kesiswaan Logika Proses 1. Kesiswaan memilih menu siswa.
2. Kesiswaan melihat informasi data siswa. 3. Kesiswaan memilih data siswa berformat excel.
4. Sistem menyimpan perubahan data.
38. No. Proses
3.2.2 Nama Proses
Tambah data siswa Deskripsi
Menambah data siswa Source
Kesiswaan Input
Data siswa Output
Info siswa Destination
Kesiswaan Logika Proses
1. Kesiswaan memilih menu siswa.
2. Kesiswaan melihat informasi data siswa. 3. Tambah data siswa sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
39. No. Proses
3.2.3 Nama Proses
Edit data siswa Deskripsi
Mengedit data siswa Source
Kesiswaan Input
Data siswa Output
Info siswa Destination
Kesiswaan Logika Proses 1. Kesiswaan memilih menu siswa.
2. Kesiswaan melihat informasi data siswa. 3. Edit data siswa sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
40. No. Proses
3.2.4 Nama Proses
Hapus data siswa Deskripsi
Menghapus data siswa Source
Kesiswaan Input
Data siswa Output
Info siswa Destination
Kesiswaan Logika Proses 1. Kesiswaan memilih menu siswa.
2. Kesiswaan melihat data siswa yang ada. 3. Hapus data siswa yang ada.
4. Sistem menyimpan perubahan data.
41. No. Proses
3.3.1 Nama Proses
Tambah data pelajaran Deskripsi
Menambah data pelajaran Source
Kurikulum Input
Data pelajaran Output
Info pelajaran Destination
Kurikulum Logika Proses 1. Kurikulum memilih menu pelajaran.
2. Kurikulum melihat informasi data pelajaran. 3. Tambah data pelajaran sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
42. No. Proses
3.3.2 Nama Proses
Edit data pelajaran Deskripsi
Merubah data pelajaran Source
Kurikulum Input
Data pelajaran
Output Info pelajaran
Destination Kurikulum
Logika Proses 1. Kurikulum memilih menu pelajaran. 2. Kurikulum melihat informasi data pelajaran.
3. Edit data pelajaran sesuai yang diinginkan. 4. Sistem menyimpan perubahan data.
43. No. Proses
3.3.3 Nama Proses
Hapus data pelajaran Deskripsi
Menghapus data pelajaran Source
Kurikulum Input
Data pelajaran Output
Info pelajaran Destination
Kurikulum Logika Proses 1. Kurikulum memilih menu pelajaran.
2. Kurikulum melihat informasi data pelajaran. 3. Hapus data pelajaran sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
44. No. Proses
3.3.4 Nama Proses
Cari data pelajaran Deskripsi
Melaukan pencarian data pelajaran yang ada Source
Kurikulum Input
Data pelajaran Output
Info pelajaran Destination
Kurikulum Logika Proses 1. Kurikulum memilih menu pelajaran.
2. Kurikulum melihat informasi data pelajaran. 3. Cari data pelajaran sesuai yang diinginkan.
4. Sistem melakukan pencarian data.
45. No. Proses
3.4.1 Nama Proses
Tambah data mengajar Deskripsi
Menambah data semester Source
Kurikulum Input
Data mengajar Output
Info mengajar Destination
Kurikulum Logika Proses 1. Kurikulum memilih menu mengajar.
2. Kurikulum melihat informasi data mengajar. 3. Tambah data mengajar sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
46. No. Proses
3.4.2 Nama Proses
Edit data mengajar
Deskripsi Mengedit data semester
Source Kurikulum
Input Data mengajar
Output Info mengajar
Destination Kurikulum
Logika Proses 1. Kurikulum memilih menu mengajar. 2. Kurikulum melihat informasi data mengajar.
3. Edit data mengajar sesuai yang diinginkan. 4. Sistem menyimpan perubahan data.
47. No. Proses
3.4.3 Nama Proses
Hapus data mengajar Deskripsi
Menghapus data semester Source
Kurikulum Input
Data mengajar Output
Info mengajar Destination
Kurikulum Logika Proses 1. Kurikulum memilih menu mengajar.
2. Kurikulum melihat informasi data mengajar. 3. Hapus data mengajar sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
48. No. Proses
3.5.1 Nama Proses
Tambah data tahun ajaran Deskripsi
Menambah data tahun ajaran Source
Kurikulum Input
Data tahun ajaran Output
Info tahun ajaran Destination
Kurikulum Logika Proses 1. Kurikulum memilih menu tahun ajaran.
2. Kurikulum melihat informasi data pelajaran tahun ajaran.
3. Tambah data tahun ajaran sesuai yang diinginkan. 4. Sistem menyimpan perubahan data.
49. No. Proses
3.5.2 Nama Proses
Aktif data tahun ajaran Deskripsi
Mengaktifkan tahun ajaran Source
Kurikulum Input
Data tahun ajaran Output
Info tahun ajaran Destination
Kurikulum Logika Proses 1. Kurikulum memilih menu tahun ajaran.
2. Kurikulum melihat informasi data tahun ajaran. 3. Aktif data tahun ajaran sesuai yang diinginkan.
4. Sistem menyimpan perubahan data. 50.
No. Proses 3.5.3
Nama Proses Edit data tahun ajaran
Deskripsi Mengedit tahun ajaran
Source Kurikulum
Input Data tahun ajaran
Output Info tahun ajaran
Destination Kurikulum
Logika Proses 1. Kurikulum memilih menu tahun ajaran. 2. Kurikulum melihat informasi data tahun ajaran.
3. Edit data tahun ajaran sesuai yang diinginkan. 4. Sistem menyimpan perubahan data.
51. No. Proses
3.5.4 Nama Proses
Hapus data tahun ajaran Deskripsi
Menghapus tahun ajaran Source
Kurikulum Input
Data tahun ajaran Output
Info tahun ajaran Destination
Kurikulum Logika Proses 1. Kurikulum memilih menu tahun ajaran.
2. Kurikulum melihat informasi data tahun ajaran. 3. Hapus data forum sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
52. No. Proses
3.6.1 Nama Proses
Tambah berita Deskripsi
Menambah data berita Source
Admin Input
Data berita Output
Info berita Destination
Admin Logika Proses 1. Admin memilih menu berita.
2. Admin melihat informasi berita. 3. Tambah berita sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
53. No. Proses
3.6.2 Nama Proses
Edit berita Deskripsi
Merubah data berita Source
Admin Input
Data berita Output
Info berita Destination
Admin
Logika Proses 1. Admin memilih menu berita. 2. Admin melihat informasi berita.
3. Edit berita sesuai yang diinginkan. 4. Sistem menyimpan perubahan data.
54. No. Proses
3.6.3 Nama Proses
Hapus berita Deskripsi
Menghapus data berita Source
Admin Input
Data berita Output
Info berita Destination
Admin Logika Proses 1. Admin memilih menu berita.
2. Admin melihat informasi berita. 3. Hapus berita sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
55. No. Proses
3.6.4 Nama Proses
Lihat berita Deskripsi
Melihat berita yang ada Source
Admin Input
Data berita Output
Info berita Destination
Admin Logika Proses 1. Admin memilih menu berita.
2. Admin melihat data berita yang ada. 56.
No. Proses 3.7.1
Nama Proses Tambah forum
Deskripsi Menambah tofik forum
Source Admin, siswa
Input Data forum
Output Info forum
Destination Admin, siswa
Logika Proses 5. Admin memilih menu forum. 6. Admin melihat informasi data forum.
7. Tambah data forum sesuai yang diinginkan. 8. Sistem menyimpan perubahan data.
57. No. Proses
3.7.2 Nama Proses
Edit forum Deskripsi
Mengubah tofik forum Source
Admin, siswa Input
Data forum Output
Info forum
Destination Admin, siswa
Logika Proses 1. Admin memilih menu forum. 2. Admin melihat informasi data forum.
3. Edit data forum sesuai yang diinginkan. 4. Sistem menyimpan perubahan data.
58. No. Proses
3.7.3 Nama Proses
Hapus forum Deskripsi
Hapus tofik forum Source
Admin, siswa Input
Data forum Output
Info forum Destination
Admin, siswa Logika Proses 1. Admin memilih menu forum.
2. Admin melihat informasi data forum. 3. Hapus data forum sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
59. No. Proses
3.7.4 Nama Proses
Lihat forum Deskripsi
Melihat tofik forum yang ada Source
Admin, siswa Input
Data forum Output
Info forum Destination
Admin, siswa Logika Proses 1. Admin memilih menu forum.
2. Admin melihat tofik forum yang ada. 60.
No. Proses 3.7.5
Nama Proses Tambah komentar
Deskripsi Menambahkan komentar di forum
Source Admin, siswa
Input Data forum
Output Info forum
Destination Admin, siswa
Logika Proses 1. Siswa memilih menu forum. 2. Siswa melihat informasi tofik forum.
3. Siswa menambahkan data komentar. 4. sistem menimpan data komentar.
61. No. Proses
3.8.1 Nama Proses
Tambah user Deskripsi
Membuat user admin baru Source
Admin Input
Data user
Output Info user
Destination Admin
Logika Proses 1. Admin memilih menu user. 2. Admin melihat informasi data user.
3. Tambah data user sesuai yang diinginkan. 4. Sistem menyimpan perubahan data.
62. No. Proses
3.8.2 Nama Proses
Edit user Deskripsi
Merubah data user admin Source
Admin Input
Data admin Output
Info admin Destination
Admin Logika Proses 1. Admin memilih menu user.
2. Admin melihat informasi data user. 3. Edit data user sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
63. No. Proses
3.8.3 Nama Proses
Hapus user Deskripsi
Menghapus data user admin Source
Admin Input
Data admin Output
Info admin Destination
Admin Logika Proses 1. Admin memilih menu user.
2. Admin melihat informasi data user. 3. Hapus data user sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
64. No. Proses
3.9.1 Nama Proses
Tambah kelas Deskripsi
Menambah kelas Source
Kurikulum Input
Data kelas Output
Info kelas Destination
Kurikulum Logika Proses 1. Kurikulum memilih menu kelas.
2. Kurikulum melihat informasi kelas. 3. Tambah kelas sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
65. No. Proses
3.9.2 Nama Proses
Edit kelas
Deskripsi Merubah kelas
Source Kurikulum
Input Data kelas
Output Info kelas
Destination Kurikulum
Logika Proses 1. Kurikulum memilih menu kelas. 2. Kurikulum melihat informasi kelas.
3. Edit kelas sesuai yang diinginkan. 4. Sistem menyimpan perubahan data.
66. No. Proses
3.9.3 Nama Proses
Hapus kelas Deskripsi
Menghapus kelas Source
Kurikulum Input
Data kelas Output
Info kelas Destination
Kurikulum Logika Proses 1. Kurikulum memilih menu kelas.
2. Kurikulum melihat informasi kelas. 3. Hapus kelas sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
67. No. Proses
3.9.4 Nama Proses
Lihat kelas Deskripsi
Melihat kelas yang ada Source
Kurikulum Input
Data kelas Output
Info kelas Destination
Kurikulum Logika Proses 1. Kurikulum memilih menu kelas.
2. Kurikulum melihat kelas yang ada. 68.
No. Proses 4.1.1
Nama Proses Lihat materi
Deskripsi Melihat data materi yang ada
Source Guru, siswa
Input Data materi
Output Info materi
Destination Guru, siswa
Logika Proses 1. Guru memilih menu materi. 2. Guru melihat data materi yang ada.
69. No. Proses
4.1.2 Nama Proses
Tambah materi Deskripsi
Menambah data materi
Source Guru, siswa
Input Data materi
Output Info materi
Destination Guru, siswa
Logika Proses 1. Guru memilih menu materi. 2. Guru melihat informasi data materi.
3. Tambah data materi sesuai yang diinginkan.
4.
Sistem menyimpan perubahan data. 70.
No. Proses 4.1.3
Nama Proses Edit materi
Deskripsi Mengedit data materi
Source Guru, siswa
Input Data materi
Output Info materi
Destination Guru, siswa
Logika Proses 1. Guru memilih menu materi. 2. Guru melihat informasi data materi.
3. Edit data materi sesuai yang diinginkan. 4. Sistem menyimpan perubahan data.
71. No. Proses
4.1.4 Nama Proses
Hapus materi Deskripsi
Menghapus data materi Source
Guru, siswa Input
Data materi Output
Info materi Destination
Guru, siswa Logika Proses 1. Guru memilih menu materi.
2. Guru melihat informasi data materi. 3. Hapus data materi sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
72. No. Proses
4.1.5 Nama Proses
Upload materi Deskripsi
Mengupload materi pelajaran Source
Guru, siswa Input
Data materi Output
Info materi Destination
Guru, siswa Logika Proses 1. Guru memilih menu materi.
2. Guru melihat informasi materi. 3. Guru mengupload materi.
4. Sistem menyimpan data materi yang diupload.
73. No. Proses
4.1.6 Nama Proses
Download materi Deskripsi
Mendownload materi pelajaran Source
Guru, siswa Input
Data materi Output
Info materi Destination
Guru, siswa Logika Proses 1. Siswa memilih menu materi.
2. Sistem memeberikan informasi materi yang ingin didownload.
3. Siswa mendownload materi. 74.
No. Proses 4.2.1
Nama Proses Lihat tugas
Deskripsi Melihat data tugas yang ada
Source Guru, siswa
Input Data tugas
Output Info tugas
Destination Guru, siswa
Logika Proses 1. Guru memilih menu tugas. 2. Guru melihat data tugas yang ada.
75. No. Proses
4.2.2 Nama Proses
Tambah tugas Deskripsi
Menambah data tugas Source
Guru, siswa Input
Data tugas Output
Info tugas Destination
Guru, siswa Logika Proses 1. Guru memilih menu tugas.
2. Guru melihat informasi data tugas. 3. Tambah data tugas sesuai yang diinginkan.
4.
Sistem menyimpan perubahan data 76.
No. Proses 4.2.3
Nama Proses Edit tugas
Deskripsi Mengedit data tugas
Source Guru, siswa
Input Data tugas
Output Info tugas
Destination Guru, siswa
Logika Proses 1. Guru memilih menu tugas. 2. Guru melihat informasi data tugas.
3. Edit data tugas sesuai yang diinginkan. 4. Sistem menyimpan perubahan data.
77. No. Proses
4.2.4 Nama Proses
Hapus tugas Deskripsi
Menghapus data tugas Source
Guru, siswa Input
Data tugas Output
Info tugas Destination
Guru, siswa Logika Proses 1. Guru memilih menu tugas.
2. Guru melihat informasi data tugas. 3. Hapus data tugas sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
78. No. Proses
4.2.5 Nama Proses
Upload tugas Deskripsi
Mengupload data tugas Source
Guru, siswa Input
Data tugas Output
Info tugas Destination
Guru, siswa Logika Proses 1. Guru memilih menu tugas.
2. Guru melihat informasi tugas. 3. Guru mengupload tugas.
4. Sistem menyimpan data tugas yang diupload.
79. No. Proses
4.2.6 Nama Proses
Download tugas Deskripsi
Mendownload data tugas Source
Guru, siswa Input
Data tugas Output
Info tugas Destination
Guru, siswa Logika Proses 1. Siswa memilih menu tugas.
2. Sistem memeberikan informasi tugas yang ingin didownload.
3. Siswa mendownload tugas. 80.
No. Proses 4.3.1
Nama Proses Buat ujian
Deskripsi Membuat soal ujian
Source Guru
Input Data ujian
Output Info ujian
Destination Guru
Logika Proses 1. Guru memilih menu ujian.
2. Guru melihat informasi data ujian. 3. Buat soal ujian sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
81. No. Proses
4.3.2 Nama Proses
Edit ujian Deskripsi
Mengubah data ujian Source
Guru Input
Data ujian Output
Info ujian Destination
Guru Logika Proses 1. Guru memilih menu ujian.
2. Guru melihat informasi data ujian. 3. Edit data ujian sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
82. No. Proses
4.3.3 Nama Proses
Hapus ujian Deskripsi
Menghapus data ujian Source
Guru Input
Data ujian Output
Info ujian Destination
Guru Logika Proses 1. Guru memilih menu ujian.
2. Guru melihat informasi data ujian. 3. Hapus data ujian sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
83. No. Proses
4.3.4 Nama Proses
Lihat ujian Deskripsi
Melihat data ujian yang ada Source
Guru Input
Data guru Output
Info guru Destination
Guru Logika Proses 1. Admin memilih menu ujian.
2. Admin melihat data ujian yang ada. 84.
No. Proses 4.4.1
Nama Proses Grafik nilai siswa
Deskripsi Melihat nilai ujian siswa
Source Guru, siswa
Input Data nilai
Output Info nilai
Destination Guru, siswa
Logika Proses 1. Guru memilih menu nilai. 2. Guru melihat informasi data nilai.
85. No. Proses
4.5.1 Nama Proses
Tambah soal Deskripsi
Tambah data soal Source
Guru Input
Data soal Output
Info soal Destination
Guru Logika Proses 1. Guru memilih menu soal.
2. Guru melihat informasi data soal. 3. Tambah data soal sesuai yang diinginkan.
4. Sistem menyimpan perubahan data
86. No. Proses
4.5.2 Nama Proses
Edit soal Deskripsi
Mengubah data soal Source
Guru Input
Data soal Output
Info soal Destination
Guru Logika Proses 1. Guru memilih menu soal.
2. Guru melihat informasi data pelajaran. 3. Edit data soal sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
87. No. Proses
4.5.3 Nama Proses
Hapus soal Deskripsi
Menghapus soal Source
Guru Input
Data soal Output
Info soal Destination
Guru Logika Proses 1. Guru memilih menu soal.
2. Guru melihat informasi data soal. 3. Hapus data soal sesuai yang diinginkan.
4. Sistem menyimpan perubahan data.
88. No. Proses
4.5.4 Nama Proses
Lihat soal Deskripsi
Melihat data soal yang ada Source
Guru Input
Data soal Output
Info soal
Destination Guru
Logika Proses 1. Guru memilih menu soal. 2. Guru melihat data soal yang ada.
III.3.4 Kamus Data
Kamus data data dictionary atau disebut juga dengan istilah sistem data dictionary adalah katalog fakta data dan kebutuhan-kebutuhan informasi dari
suatu sistem informasi. kamus data sistem e-learning dapat dilihat pada Tabel III.6.
Tabel III.6 Kamus Data No.
Detail Keterangan
1. Nama
Data login admin Deskripsi
Berisi data admin yang digunakan untuk proses login
Struktur data Username+Password
Username Password
[A...Z|a…z|0...9] [A...Z|a…z|0...9]
2. Nama
Data login guru Deskripsi
Berisi data guru yang digunakan untuk proses login
Struktur data NIP+Password
NIP Password
[0...9] [A...Z|a…z|0...9]
3. Nama
Data login siswa Deskripsi
Berisi data siswa yang digunakan untuk proses login
Struktur data NIS+Password
NIS Password
[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+Password
Username Password
[0...9] [A...Z|a…z|0...9]
5. Nama
Data login kurikulum Deskripsi
Berisi data kurikulum yang digunakan untuk proses login
Struktur data Username+Password
Username Password
[0...9] [A...Z|a…z|0...9]
6. Nama
Data login kesiswaan Deskripsi
Berisi data kesiswaan yang digunakan untuk proses login
Struktur data Usernam +Password
Username Password
[0...9] [A...Z|a…z|0...9]
7. Nama
Data guru Deskripsi
Data profile data guru. Struktur data
Id_guru+Nama_guru+alamat_guru+email_guru+ nip_adm+password+telepon+foto_guru
Id_guru Nama_guru
Alamat_guru Email_guru
Nip_adm Password
[0...9] [A...Z|a…z]
[A...Z|a…z|0...9] [A...Z|a…z|0...9|Simbol]
[0...9] [A...Z|a…z|0...9]
8. Nama
Data siswa Deskripsi
Data profile data siswa. Struktur data
Id_siswa+Nama_siswa+alamat_siswa+NIS+ tlp_siswa+email_siswa+id_kelas+agama
Id_siswa Nama_siswa
alamat_siswa NIS
tlp_siswa email_siswa id_kelas
agama [0...9]
[A...Z|a…z] [A...Z|a…z|0...9]
[0...9] [0...9]
[A...Z|a…z|0...9|Simbol] [A...Z|a…z|0...9]
[A...Z|a…z] 9.
Nama Data berita
Deskripsi Berisi keterangan data berita
Struktur data Id_berita+username+judul+ headline+
isi_berita+gambar Id_berita
Username Judul
Headline Isi berita
Gambar [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]
10. Nama Data kelas
Deskripsi Berisi data nama nama kelas
Struktur data Id_kelas+nama_kelas+no_kelas+jurusan
Id_kelas nama_kelas
no_kelas jurusan
[0...9] [A...Z|a…z|0...9]
[0...9] [A...Z|a…z]
11. Nama Data materi
Deskripsi Data ini berisi materi materi berupa modul
Struktur data Id_materi+judul_materi+file + tanggal_buat
id_materi judul_materi
file tanggal_buat
[0...9] [A...Z|a…z|0...9]
[.pdf|.doc|.xls] [A...Z|a…z|0...9]
12. Nama Data nilai
Deskripsi Berisi data nilai ujian
Struktur data Id_nilai_ujian+id_siswa+id_ujian+nilai+semester
+ Tahun
Id_nilai_ujian id_siswa id_ujian
nilai semester
tahun [0...9]
[0...9] [0...9]
[0...9] [0...9]
13. Nama Data pelajaran
Deskripsi Berisi data pelajaran
Struktur data Id_mp+kode_matapelajaran+mp
Id_mp Kode_matapelajaran
Mp [0...9]
[A...Z|0...9] [A...Z|a…z|0...9]
14. Nama Data mengajar
Deskripsi Berisi data mengajar guru
Struktur data Id_mengajar+id_guru+id_mengajar+kode_mengaj
ar+id_kelas Id_mengajar
id_guru id_mengajar
kode_mengajar id_kelas
[0...9] [0...9]
[0...9] [0...9]
[0...9]
15. Nama Data soal
Deskripsi Data yang berisi soal-soal ujian
Struktur data Id_soal+id_ujian+jawaban_benar+pilihan_a+
pilihan_b+pilihan_c+pilihan_d+ pilihan_e Id_soal
Id_ujian jawaban_benar
pilihan_a pilihan_b
pilihan_c pilihan_d
pilihan_e [0...9]
[0...9] [A...Z|a…z]
[A...Z|a…z] [A...Z|a…z]
[A...Z|a…z] [A...Z|a…z]
[A...Z|a…z] 16. Nama
Data tahun ajaran Deskripsi
Data yang berisi data tahun ajaran Struktur data
Tahun_ajaran+semester+status Tahun_ajaran
semester status
[0...9] [‘Genap’|’Ganjil’]
[‘Y’|’N’] 17. Nama
Data ujian Deskripsi
Data yang berisi data ujian Struktur data
Id_ujian+ judul_ujian+keterangan+tanggal_mulai+
jam_mulai+jam_berakhir
Id_ujian judul_ujian keterangan
tanggal_mulai jam_mulai
jam_berakhir [0...9]
[A...Z|a…z|0...9] [A...Z|a…z|0...9]
[0...9] [0...9]
[0...9]
18. Nama Data tugas
Deskripsi Data yang berisi tugas-tugas yang diberikan oleh
guru Struktur data
Id_tugas+judul_tugas+ tanggal_tugas+tanggal_akhir +
keterangan+tgl_posting+jam_posting+file_tugas
Id_tugas judul_tugas tanggal_tugas
tanggal_akhir keterangan
tgl_posting jam_posting
file_tugas [0...9]
[A...Z|a…z|0...9] [0...9]
[0...9]
[A...Z|a…z|0...9] [0...9]
[0...9]
[.pdf|.doc|.xls] 19. Nama
Data upload tugas Deskripsi
Data yang berisi data tugas yang diupload Struktur data
Id_upload_tugas+nilai_tugas+ id_tugas + id_siswa+status
Id_upload_tugas file nilai_tugas
id_tugas id_siswa
status [0...9]
[0...9] [0...9]
[0...9]
[A...Z|a…z] 20
Nama Data komentar
Deskripsi Data yang berisi komentar-komentar
Struktur data Id_komentar+id_forum+isi_komentar+pengguna+
tanggal_postkomentar Id_komentar
id_forum isi_komentar
pengguna tanggal_postkomentar
[0...9] [0...9]
[A...Z|a…z|0...9] [A...Z|a…z|0...9]
[A...Z|a…z|0...9]
III.4 Perancangan Sistem
Perancangan baru akan dilakukan setelah tahapan analisis terhadap sistem selesai dilakukan. Perancangan dapat didefinisikan sebagai proses aplikasi dari
berbagai teknik dan prinsip bagi tercapainya suatu tujuan dimana pendefinisian mengenai sebuah perangkat, suatu proses atau sistem dalam detail yang memadai
untuk memungkinkan realisasi fisiknya. Perancangan digambarkan sebagai proses multi langkah dimana
representasi struktur info, struktur program, karakteristik interface, dan detail prosedur yang dijalankan.
III.4.1 Diagram relasi
Setiap tabel dalam sebuah database memiliki sebuah field yang memiliki nilai yang disebut kunci, field inilah yang menghubungkan satu tabel dengan tabel
lainnya, sehingga tabel yang ada saling terkait yang kemudian disebut relasi tabel. Diagram relasi sistem e-learning SMK Pasundan 4 Bandung dapat dilihat pada
Gambar III.28.
Admin
PK username
password nama_lengkap
email no_telp
level blokir
id_session Siswa
PK id_siswa
nama_siswa tlp_siswa
alamat_siswa tgl_lahir
tempat_lahir foto
email_siswa username
password nis
FK2 id_kelas
FK1 tahun_ajaran
blokir agama
Forum
PK id_forum
judul isi
tanggal_post Guru
PK id_guru
nama_guru alamat_guru
foto_guru email_guru
Username password
nip_adm tlp_guru
blokir id_mp
id_kelas
Pelajaran
PK id_mp
mp kode_pelajaran
Tahun ajaran
PK tahun_ajaran
status_aktif FK1
semester id_tahun
Kelas
PK id_kelas
parent nama_kelas
no_kelas jurusan
Berita
PK id_berita
FK1 username
judul judul_seo
headline isi_berita
hari tanggal
jam gambar
dibaca blokir
Semester
PK semester
aktif Pengumuman
PK id_pengumuman
judul konten
tanggal_buat dilihat
penulis tgl_exp
Tugas
PK id_tugas
judul_tugas tanggal_tugas
tanggal_akhir FK1
id_guru id_mp
keterangan tgl_posting
jam_posting FK2
id_kelas file_tugas
tahun semester
Upload_tugas
PK id_upload_tugas
file nilai_tugas
FK1 id_tugas
id_siswa status
Materi
PK id_materi
FK3 id_mp
id_guru judul_materi
konten file
tanggal_buat id_kelas
tahun semester
Ujian
PK id_ujian
id_mp judul_ujian
keterangan tanggal_mulai
waktu ujian id_guru
semester jam_mulai
id kelas tahun
status type
Komentar
PK id_komentar
FK1 id_forum
isi_komentar pengguna
tanggal_postkomentar level
Soal
PK id_soal
FK1 id_ujian
pertanyaan jawaban_benar
jawaban_benar2 pilihan_a
pilihan_b pilihan_c
pilihan_d pilihan_e
Nilai
PK id_nilai_ujian
FK1 id_siswa
FK2 id_ujian
nilai semester
tahun
Mengajar
PK id_mengajar
FK1 id_guru
FK2 id_mp
kode_mengajar FK3
id_kelas
Gambar III.28 Diagram Relasi Sistem E-Learning
SMK Pasundan 4 Bandung
III.4.2 Struktur Tabel
Tabel adalah sekumpulan info atau informasi spesifik tentang subjek tertentu yang disusun dalam bentuk kolom dan baris. Tabel adalah komponen
utama dan pertama dari sebuah database. 1. Tabel Admin
Tabel admin digunakan untuk menyimpan data admin. Secara umum struktur tabel yang akan diganakan untuk menyimpan data admin dapat dilihat pada
Tabel III.7.
Tabel III.7 Tabel Admin Nama Field
Tipe Data Kunci
Keterangan
Username Varchar [70]
Primary Key Not Null
Password Varchar [45]
- Null
Nama_lengkap Varchar [85]
- Null
Email Varchar [45]
- Null
No_tlp Varchar [20]
- Null
Level Varchar [20]
- Null
Blokir Enum [Y,N]
- Null
Id_session Varchar [100]
- Null
2. Tabel Berita Tabel berita merupakan tabel yang berisi data berita. Secara umum struktur
tabel yang akan digunakan untuk menyimpan data berita dapat dilihat pada Tabel III.8.
Tabel III.8 Tabel Berita Nama Field
Tipe Data Kunci
Keterangan
Id_berita Int [5]
Primary Key Not Null
Username Varchar [30]
- Not Null
Judul Varchar [100]
- Not Null
Judul_seo Varchar [100]
- Not Null
Headline Enum [Y,N]
- Not Null
Isi_berita Text
- Not Null
Hari Varchar [20]
- Not Null
Tanggal Date
- Not Null
Jam Time
- Not Null
Gambar Varchar [100]
- Not Null
Dibaca Int [5]
- Not Null
Blokir Enum [Y,N]
- Not Null
3. Tabel Forum Tabel forum merupakan tabel yang berisi data forum. Secara umum struktur
tabel yang akan digunakan untuk menyimpan data forum dapat dilihat pada Tabel III.9.
Tabel III.9 Tabel Forum Nama Field
Tipe Data Kunci
Keterangan
Id_forum Int [11]
Primary Key Not Null
Judul Varchar [100]
- Null
Isi Text
- Null
Username Varchar [30]
Foreign Key dari tabel Guru
Null Tanggal_post
Date -
Null 4. Tabel Guru
Tabel guru digunakan untuk mencatat data identitas guru. Secara umum struktur tabel yang akan digunkan untuk mencatat indentitas guru dapat dilihat
pada Tabel III.10.
Tabel III.10 Tabel Guru Nama Field
Tipe Data Kunci
Keterangan
Id_guru Int [11]
Primary Key Not Null
Nama_guru Varchar [65]
- Null
Alamat_guru Varchar [200]
- Null
Foto_guru Varchar [200]
- Null
Email_guru Varchar [65]
- Null
Username Varchar [50]
- Null
Password Varchar [10]
- Null
Nip_adm Varchar [45]
- Null
Tlp_guru Varchar [85]
- Null
Blokir Varchar [1]
- Null
Id_mp Int [11]
- Null
Id_kelas Int [11]
- Null
5. Tabel Kelas Tabel kelas merupakan tabel yang berisi data kelas. Secara umum struktur tabel
yang akan digunakan untuk menyimpan data kelas dapat dilihat pada Tabel III.11.
Tabel III.11 Tabel Kelas Nama Field
Tipe Data Kunci
Keterangan
Id_kelas Int [11]
Primary Key Not Null
Parent int [11]
- Null
Nama_kelas Varchar [100]
- Not Null
No_kelas Int[11]
- Null
Jurusan Varchar[20]
- Null
6. Tabel Komentar Tabel komentar merupakan tabel yang berisi data komentar di forum. Secara
umum struktur tabel yang akan digunakan untuk menyimpan data komentar dapat dilihat pada Tabel III.12.
Tabel III.12 Tabel Komentar Nama Field
Tipe Data Kunci
Keterangan
Id_komentar Int [11]
Primary Key Not Null Id_forum
Int [11] -
Null Isi_komentar
Text Foreign Key
dari tabel Forum
Null
Pengguna Varchar [100]
- Null
Tanggal_postkomentar Date
- Null
Level Varchar [45]
- Null
7. Tabel Materi Tabel materi merupakan tabel yang berisi data materi pelajaran. Secara umum
struktur tabel yang akan digunakan untuk menyimpan data materi dapat dilihat pada Tabel III.13.
Tabel III.13 Tabel Materi Nama Field
Tipe Data Kunci
Keterangan
Id_materi Int [11]
Primary Key Not Null
Id_mp Int [11]
Foreign Key dari tabel
Pelajaran Null
Id_guru Int [11]
- Null
Judul_materi Varchar [70]
- Null
Konten Text
- Null
File Varchar [200]
- Null
Tanggal_buat Datetime
- Null
Id_kelas Int[11]
- Null
Tahun Varchar[10]
- Null
Semester Varchar[30]
- Null
8. Tabel Nilai Tabel nilai merupakan tabel yang berisi data nilai ujian. Secara umum struktur
tabel yang akan digunakan untuk menyimpan data nilai dapat dilihat pada Tabel III.14.
Tabel III.14 Tabel Nilai Nama Field
Tipe Data Kunci
Keterangan
Id_nilai_ujian Int [11]
Primary Key Not Null
Id_siswa Int [11]
Foreign Key dari tabel
Siswa Not Null
Id_ujian Int [11]
Foreign Key dari tabel Ujian
Not Null Nilai
Float -
Not Null Semester
Varchar [30] -
Null Tahun
Int[11] -
Null 9. Tabel Pelajaran
Tabel pelajaran merupakan tabel yang berisi data pelajaran. Secara umum struktur tabel yang akan digunakan untuk menyimpan data pelajaran dapat
dilihat pada Tabel III.15.
Tabel III.15 Tabel Pelajaran Nama Field
Tipe Data Kunci
Keterangan
Id_mp Int [11]
Primary Key Not Null
Mp Varchar [70]
- Not Null
Kode_pelajaran Varchar [11]
- Null
10. Tabel Pengumuman Tabel pengumuman merupakan tabel yang berisi data pengumuman. Secara
umum struktur tabel yang akan digunakan untuk menyimpan data pengumuman dapat dilihat pada Tabel III.16.
Tabel III.16 Tabel Pengumuman Nama Field
Tipe Data Kunci
Keterangan
Id_pengumuman Int [11]
Primary Key Not Null
Judul Varchar [70]
- Null
Konten Text
- Null
Tanggal_buat Date
- Null
Dilihat Int [11]
- Null
Penulis Varchar [70]
- Null
Tgl_exp Date
- Null
11. Tabel Siswa Tabel siswa digunakan untuk mencatat data identitas siswa. Secara umum
struktur tabel yang akan digunkan untuk mencatat indentitas siswa dapat dilihat pada Tabel III.17.
Tabel III.17 Tabel Siswa Nama Field
Tipe Data Kunci
Keterangan
Id_siswa Int [11]
Primary Key Not Null
Nama_siswa Varchar [45]
- Null
Tlp_siswa Varchar [12]
- Null
Alamat_siswa Varchar [200]
- Null
Tgl_lahir Date
- Null
Tempat_lahir Varchar [100]
- Null
Foto Varchar [200]
- Null
Email_siswa Varchar [50]
- Null
Username Varchar [45]
- Null
Password Varchar [45]
- Null
Nis Varchar [45]
- Null
Id_kelas Int [11]
- Null
Tahun_ajaran Years [4]
- Null
Blokir Enum [Y,N]
- Null
Agama Varchar [30]
- Null
12. Tabel Soal Tabel soal merupakan tabel yang berisi data soal ujian online. Secara umum
struktur tabel yang akan digunakan untuk menyimpan data soal dapat dilihat pada Tabel III.18.
Tabel III.18 Tabel Soal Nama Field
Tipe Data Kunci
Keterangan
Id_soal Int [11]
Primary Key Not Null
Id_ujian Int [11]
Foreign Key dari tabel Ujian
Not Null Pertanyaan
Text -
Null Jawaban_benar
Text -
Null Jawaban_benar2
Text -
Null Pilihan_a
Text -
Null Pilihan_b
Text -
Null Pilihan_c
Text -
Null Pilihan_d
Text -
Null Pilihan_e
Text -
Null 13. Tabel Tahun_ajaran
Tabel tahun ajaran merupakan tabel yang berisi data tahun ajaran. Secara umum struktur tabel yang akan digunakan untuk menyimpan data tahun
ajaran dapat dilihat pada Tabel III.19.
Tabel III.19 Tabel Tahun Ajaran Nama Field
Tipe Data Kunci
Keterangan
Tahun_ajaran Years [4]
- Not Null
Status_aktif Varchar[1]
- Null
Semester Varchar[30]
- Null
Id_tahun Int[11]
Primary Key Not Null
14. Tabel Tugas Tabel tugas merupakan tabel yang berisi data tugas. Secara umum struktur
tabel yang akan digunakan untuk menyimpan data tugas dapat dilihat pada Tabel III.20.
Tabel III.20 Tabel Tugas Nama Field
Tipe Data Kunci
Keterangan
Id_tugas Int [11]
Primary Key Not Null
Judul_tugas Varchar [50]
- Null
Tanggal_tugas Date
- Null
Tanggal_akhir Date
- Null
Id_guru Int [11]
- Null
Id_pelajaran Int [11]
- Null
Keterangan Text
- Null
Tgl_posting Date
- Null
Jam_posting Time
- Null
File_tugas Varchar [200]
- Null
Tahun Varchar[10]
- Null
Semester Varchar[30]
- Null
Id_kelas Int[11]
- Null
15. Tabel Ujian Tabel ujian merupakan tabel yang berisi data ujian online.Secara umum
struktur tabel yang akan digunakan untuk menyimpan data ujian dapat dilihat pada Tabel III.21.
Tabel III.21 Tabel Ujian Nama Field
Tipe Data Kunci
Keterangan
Id_ujian Int [11]
Primary Key Not Null Id_mp
Int [11] Foreign Key
dari tabel Pelajaran
Not Null
Judul_ujian Varchar [70]
- Null
Keterangan Varchar [100]
- Null
Tanggal_mulai Date
- Null
Waktu_ujian Int[11]
- Null
Id_guru Int [11]
Foreign Key dari tabel
Guru Null
Semester Varchar[30]
- Null
Id_kelas Varchar[10]
- Null
Tahun Varchar [30]
- Null
Status Enum [Aktif, Belum
Aktif] -
Null Type
Enum [multiple, single]
- Null
16. Tabel Upload_tugas Tabel upload tugas merupakan tabel yang berisi data tugas yang diupload.
Secara umum struktur tabel yang akan digunakan untuk menyimpan data upload tugas dapat dilihat pada Tabel III.22.
Tabel III.22 Upload Tugas Nama Field
Tipe Data Kunci
Keterangan
Id_upload_tugas Int [11]
Primary Key Not Null
File Varchar [200]
- Null
Nilai_tugas Int [11]
- Null
Id_tugas Int [11]
Foreign Key dari tabel
Tugas Null
Id_siswa Int [11]
Foreign Key dari tabel
Siswa Null
Status Varchar [200]
- Null
17. Tabel Semester Tabel semester merupakan tabel yang berisi data semester. Secara umum
struktur tabel yang akan digunakan untuk menyimpan data semester dapat dilihat pada Tabel III.23.
Tabel III.23 Tabel Semester Nama Field
Tipe Data Kunci
Keterangan
Semester Varchar [3]
Primary Key Not Null
Aktif Enum [Y,N]
- Null
18. Tabel Mengajar
Tabel mengajar merupakan yang berisi, Secara umum struktur tabel yang digunakan untuk menyimpan data mengajar dapat dilihat pada Tabel III.24.
Tabel III.24 Tabel Mengajar Nama Field
Tipe Data Kunci
Keterangan
Id_mengajar Int [11]
Primary Key Not Null
Id_guru Int [11]
- Null
Id_pelajaran Int [11]
- Null
Kode_mengajar Varchar [10]
- Null
Id_kelas Int [11]
- Null
III.4.3 Perancangan Struktur Menu
Perancangan struktur menu dirancang untuk menyediakan fungsi-fungsi yang akan digunakan dalam aplikasi e-learning management sistem di SMK
Pasundan 4 Bandung. Diantaranya akan dirancang tiga struktur menu, yaitu struktur menu admin, struktur menu guru, dan struktur menu siswa.
1. Struktur Menu Admin Gambar III.29 merupakan struktur menu admin
User Berita
Forum Tahun Ajaran
View Web Login Admin
Beranda Logout
Gambar III.29 Struktur Menu Admin
2. Struktur Menu Kurikulum Gambar III.30 merupakan struktur menu kurikulum
Data Kelas Data
Pelajaran Data Tahun
Ajaran Data
Mengajar View Web
Login Kurikulum
Beranda Logout
Gambar III.30 Struktur Menu Kurikulum
3. Struktur Menu Kesiswaan Gambar III.31 merupakan struktur menu kesiswaan
View Web Logout
Data Siswa Data Guru
Login Kesiswaan
Beranda
Gambar III.31 Struktur Menu Kesiswaan
4. Struktur Menu Kepala Sekolah Gambar III.32 merupakan struktur menu kepala sekolah
Data Tugas Data Ujian
Data Guru Data Materi
Login Kepala Sekolah
Beranda Data Nilai
View Web Logout
Gambar III.32 Struktur Menu Kepala Sekolah
5. Struktur Menu Guru Gambar III.33 merupakan struktur menu guru
Login Guru Beranda
Data Pembelajaran Data Pengumuman
Data Siswa
View Web Logout
Data Tugasa Data Materi
Data Ujian Data Nilai
Gambar III.33 Struktur Menu Guru
6. Struktur Menu Siswa Gambar III.34 merupakan struktur menu siswa
Beranda Data Siswa
Data Guru
Data Pembelajaran Forum
Pengumuman Login Siswa
Data Tugas Data Materi
Data Ujian Data Nilai
Gambar III.34 Struktur Menu Siswa
III.4.4 Perancangan Antarmuka
Interface atau antarmuka merupakan tampilan dari suatu program aplikasi yang berperan sebagai media komunikasi yang digunakan sebagai sarana
berdialog antara program dengan user. Sistem yang akan dibangun diharapkan menyediakan antarmuka yang mudah dipahami dan digunakan oleh user.
1. Perancangan Halaman Utama
F01
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Pembelajaran | Forum
Headline Berita
Berita
Terpopuler
Terkini
Materi Pelajaran Terbaru
LOGIN
NIPNIS : Password :
Guru Siswa
Login
PENGUMUMAN KALENDER
· Klik Beranda untuk menuju F01 · Klik Data Pembelajaran untuk
menuju F02 · Klik Forum untuk menuju F03
· Klik Mendaftar untuk menuju F04 · Klik Lupa Password unutuk
menuju F05 · Klik Login untuk menuju FG01,
FS01 · Jika data login tidak valid maka
akan tampil pesan M01, M02 · Klik Pengumuman untuk menuju
F08 Mendaftar
Lupa Password
Gambar III.35 Perancangan Halaman Utama
F02
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Pembelajaran | Forum
LOGIN
NIPNIS : Password :
Guru Siswa
Login
PENGUMUMAN KALENDER
· Klik Beranda untuk menuju F01 · Klik Data Pembelajaran untuk
menuju F02 · Klik Forum untuk menuju F03
· Klik Mendaftar untuk menuju F04 · Klik Lupa Password unutuk
menuju F05 · Klik Login untuk menuju FG01,
FS01 · Jika data login tidak valid maka
akan tampil pesan M01, M02 · Klik Pengumuman untuk menuju
F08
Data Pemebelajaran
Mendaftar Lupa Password
Silahkan Login Terlebih Dahulu untuk mengakses halaman ini
Gambar III.36 Perancangan Halaman Data Pembelajaran
F03
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Pembelajaran | Forum
LOGIN
NIPNIS : Password :
Guru Siswa
Login
PENGUMUMAN KALENDER
· Klik Beranda untuk menuju F01 · Klik Data Pembelajaran untuk
menuju F02 · Klik Forum untuk menuju F03
· Klik Mendaftar untuk menuju F04 · Klik Lupa Password unutuk
menuju F05 · Klik Login untuk menuju FG01,
FS01 · Jika data login tidak valid maka
akan tampil pesan M01, M02 · Klik Pengumuman untuk menuju
F06
Forum
Show entreis
Search : Mendaftar
Lupa Password First
Previous 1
Next Last
Gambar III.37 Perancangan Halaman Forum
F04
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Pembelajaran | Forum
LOGIN
NIPNIS : Password :
Guru Siswa
Login
PENGUMUMAN KALENDER
· Klik Beranda untuk menuju F01 · Klik Data Pembelajaran untuk
menuju F02 · Klik Forum untuk menuju F03
· Klik Mendaftar untuk menuju F04 · Klik Lupa Password unutuk
menuju F05 · Klik Login untuk menuju FG01,
FS01 · Jika data login tidak valid maka
akan tampil pesan M01, M02 · Klik Pengumuman untuk menuju
F06 · Klik Mendaftar untuk menuju F01
Daftar Siswa
NIS : Password :
Konfirmasi Password : Nama :
Alamat : Tanggal Lahir :
Tempat Lahir : Telpon :
Kelas : Tahun Masuk :
Email : Agama
Daftar Mendaftar
Lupa Password
Gambar III.38 Perancangan Halaman Mendaftar
F05
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Pembelajaran | Forum
LOGIN
NIPNIS : Password :
Guru Siswa
Login
PENGUMUMAN KALENDER
· Klik Beranda untuk menuju F01 · Klik Data Pembelajaran untuk
menuju F02 · Klik Forum untuk menuju F03
· Klik Mendaftar untuk menuju F04 · Klik Lupa Password unutuk
menuju F05 · Klik Login untuk menuju FG01,
FS01 · Jika data login tidak valid maka
akan tampil pesan M01, M02 · Klik Pengumuman untuk menuju
F06 · Klik Kirim untuk menuju F01
Lupa Password
Mendaftar Lupa Password
Masukan Email Anda : Guru
Siswa
Kirim
Gambar III.39 Perancangan Halaman Lupa Password
F06
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Pembelajaran | Forum
LOGIN
NIPNIS : Password :
Guru Siswa
Login
PENGUMUMAN KALENDER
· Klik Beranda untuk menuju F01 · Klik Data Pembelajaran untuk
menuju F02 · Klik Forum untuk menuju F03
· Klik Mendaftar untuk menuju F04 · Klik Lupa Password unutuk
menuju F05 · Klik Login untuk menuju FG01,
FS01 · Jika data login tidak valid maka
akan tampil pesan M01, M02 · Klik Pengumuman untuk menuju
F06
Pengumuman
Mendaftar Lupa Password
Gambar III.40 Perancangan Halaman Pengumuman
2. Perancangan Halaman Admin
FA01
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer
Username Password
Login Administrator · Masukan NIPUsername
dan password · Pilih Login sebagai Amin,
Guru, Kepala Sekolah, Kesiswaan, dan Kurikulum
· Klik Login Administrator untuk menuju FA02
· Jika data login tidak valid maka akan tampil pesan
M01, M02
Gambar III.41 Perancangan Halaman Login Admin
FA02
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | User | Berita | Forum Vew Web | Logout
· Klik Beranda untuk menuju FA02 · Klik User untuk menuju FA03
· Klik Berita untuk menuju FA06 · Klik Forum untuk menuju FA09
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
Selamat Datang HEADER
Gambar III.42 Perancangan Halaman Utama Admin
FA03
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | User | Berita | Forum Vew Web | Logout
· Klik Beranda untuk menuju FA02 · Klik User untuk menuju FA03
· Klik Berita untuk menuju FA06 · Klik Forum untuk menuju FA09
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
· Klik Tambah User untuk menuju FA04
· Klik Hapus akan tampil pesan M21
· Klik Edit untuk menuju FA05
User HEADER
Tambah User No.
Username Nama Lengkap
Aksi Email
No. TelpHp Edit
Hapus Level
Blokir
Gambar III.43 Perancangan Halaman Pengolahan User Admin
FA04
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | User | Berita | Data | Forum Vew Web | Logout
· Klik Beranda untuk menuju FA02 · Klik User untuk menuju FA03
· Klik Berita untuk menuju FA06 · Klik Forum untuk menuju FA09
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
· Klik Simpan untuk menuju FA03 · Klik Batal untuk menuju FA03
Tambah User HEADER
Username :
Simpan Batal
Password :
Nama Lengkap :
Email :
No. TelpHP :
Gambar III.44 Perancangan Halaman Tambah User Admin
FA05
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | User | Berita | Forum Vew Web | Logout
· Klik Beranda untuk menuju FA02 · Klik User untuk menuju FA03
· Klik Berita untuk menuju FA06 · Klik Forum untuk menuju FA09
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
· Klik Update untuk menuju FA03 · Klik Batal untuk menuju FA03
Edit User HEADER
Username :
Update Batal
Password :
Nama Lengkap :
Email :
No. TelpHP :
Blokir :
Gambar III.45 Perancangan Halaman Edit User Admin
FA06
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | User | Berita | Forum Vew Web | Logout
· Klik Beranda untuk menuju FA02 · Klik User untuk menuju FA03
· Klik Berita untuk menuju FA06 · Klik Forum untuk menuju FA09
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
· Klik Tambah Berita untuk menuju FA07
· Klik Hapus akan tampil pesan M14
· Klik Edit untuk menuju FA08
Berita HEADER
Tambah Berita Masukkan Judul Berita
Cari No.
Judul Tgl. Posting
Aksi Edit
Hapus
Gambar III.46 Perancangan Halaman Pengolahan Berita
FA07
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | User | Berita | Forum Vew Web | Logout
· Klik Beranda untuk menuju FA02 · Klik User untuk menuju FA03
· Klik Berita untuk menuju FA06 · Klik Forum untuk menuju FA09
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
· Klik Simpan untuk menuju FA06 · Klik Batal untuk menuju FA06
Tambah Berita HEADER
Judul : Headline :
Isi Berita : Gambar :
Y N
Browse Simpan
Batal
Gambar III.47 Perancangan Halaman Tambah Berita
FA08
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | User | Berita | Forum Vew Web | Logout
· Klik Beranda untuk menuju FA02 · Klik User untuk menuju FA03
· Klik Berita untuk menuju FA06 · Klik Forum untuk menuju FA09
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
· Klik Update untuk menuju FA06 · Klik Batal untuk menuju FA06
Edit Berita HEADER
Judul : Headline :
Isi Berita : Gambar :
Y N
Browse Update
Batal
Gambar III.48 Perancangan Halaman Edit Berita
FA09
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | User | Berita | Forum Vew Web | Logout
· Klik Beranda untuk menuju FA02 · Klik User untuk menuju FA03
· Klik Berita untuk menuju FA06 · Klik Forum untuk menuju FA09
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
· Klik Tambah Forum untuk menuju FA25
· Klik Hapus akan tampil pesan M20
· Klik Edit untuk menuju FA26
Forum HEADER
No. Judul
Tgl. Posting Aksi
Edit Tambah Forum
Hapus
Gambar III.49 Perancangan Halaman Pengolahan Forum
FA10
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | User | Berita | Forum Vew Web | Logout
· Klik Beranda untuk menuju FA02 · Klik User untuk menuju FA03
· Klik Berita untuk menuju FA06 · Klik Forum untuk menuju FA09
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
· Klik Simpan untuk menuju FA24 · Klik Batal untuk menuju FA24
Tambah Forum HEADER
Judul Forum : Konten
: Simpan
Batal
Gambar III.50 Perancangan Halaman Tambah Forum
FA11
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | User | Berita | Forum Vew Web | Logout
· Klik Beranda untuk menuju FA02 · Klik User untuk menuju FA03
· Klik Berita untuk menuju FA06 · Klik Forum untuk menuju FA09
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
· Klik Update untuk menuju FA24 · Klik Batal untuk menuju FA24
Edit Forum HEADER
Judul Forum : Konten
: Update
Batal
Gambar III.51 Perancangan Halaman Edit Forum
3. Perancangan Halaman Kurikulum
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Kelas | Data Pelajaran | Data Tahun Ajaran | Data Mengajar Vew Web | Logout · Klik Tambah Kelas untuk menuju
FU02 · Klik Edit untuk menuju FU03
· Klik Hapus akan tampil pesan M15
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
Data Kelas HEADER
Tambah Kelas No.
Kelas Aksi
Edit Hapus
Jumlah Siswa Edit
Hapus
FU01
Gambar III.52 Perancangan Halaman Pengolahan Kelas
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Kelas | Data Pelajaran | Data Tahun Ajaran | Data Mengajar Vew Web | Logout
· Klik Data Kelas untuk menuju FU01
· Klik Data Pelajaran untuk menuju FU04
· Klik Data Tahun Ajaran untuk menuju FU07
· Klik Mengajar untuk menuju FU10 · Klik Simpan untuk menuju FU01
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
Tambah Kelas HEADER
Kelas Induk :
Simpan Batal
jurusan :
XI TKJ
No Kelas :
2
Nama Kelas :
XI TKJ 2 FU02
Gambar III.53 Perancangan Halaman Tambah Kelas
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Kelas | Data Pelajaran | Data Tahun Ajaran | Data Mengajar Vew Web | Logout
· Klik Data Kelas untuk menuju FU01
· Klik Data Pelajaran untuk menuju FU04
· Klik Data Tahun Ajaran untuk menuju FU07
· Klik Mengajar untuk menuju FU10 · Klik Update untuk menuju FU01
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
Edit Kelas HEADER
Kelas Induk :
Update Batal
jurusan : No Kelas :
Nama Kelas :
FU03
Gambar III.54 Perancangan Halaman Edit Kelas
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Kelas | Data Pelajaran | Data Tahun Ajaran | Data Mengajar Vew Web | Logout
· Klik Tambah Pelajaran untuk menuju FU05
· Klik Edit untuk menuju FU06 · Klik Hapus akan tampil pesan
M16 · Klik View Web untuk menuju F01
· Klik Logout untuk menuju FA01
Data Mata Pelajaran HEADER
Tambah Mata Pelajaran Kode
Nama Mata Pelajaran Aksi
Edit Hapus
Edit Hapus
FU04
Gambar III.55 Perancangan Halaman Data Pelajaran
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Kelas | Data Pelajaran | Data Tahun Ajaran | Data Mengajar Vew Web | Logout
· Klik Data Kelas untuk menuju FU01
· Klik Data Pelajaran untuk menuju FU04
· Klik Data Tahun Ajaran untuk menuju FU07
· Klik Mengajar untuk menuju FU10 · Klik Simpan untuk menuju FU04
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
Tambah Mata Pelajaran HEADER
Simpan Batal
Kode Mata Pelajaran : Nama Mata Pelajaran :
FU05
Gambar III.56 Perancangan Halaman Tambah Pelajaran
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Kelas | Data Pelajaran | Data Tahun Ajaran | Data Mengajar Vew Web | Logout
· Klik Data Kelas untuk menuju FU01
· Klik Data Pelajaran untuk menuju FU04
· Klik Data Tahun Ajaran untuk menuju FU07
· Klik Mengajar untuk menuju FU10 · Klik Update untuk menuju FU04
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
Edit Mata Pelajaran HEADER
Update Batal
Kode Mata Pelajaran : Nama Mata Pelajaran :
FU06
Gambar III.57 Perancangan Halaman Edit Pelajaran
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Kelas | Data Pelajaran | Data Tahun Ajaran | Data Mengajar Vew Web | Logout
· Klik Tambah Tahun Ajaran untuk menuju FU08
· Klik Aktifkan untuk menuju FU07 · Klik Edit untuk menuju FU09
· Klik Hapus akan tampil pesan M24
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
Data Tahun Ajaran HEADER
Tambah Tahun Ajaran No
Tahun Ajaran Aksi
Edit Hapus
Semester Status
Aktifkan
FU07
Gambar III.58 Perancangan Halaman Data Tahun Ajaran
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Kelas | Data Pelajaran | Data Tahun Ajaran | Data Mengajar Vew Web | Logout
· Klik Data Kelas untuk menuju FU01
· Klik Data Pelajaran untuk menuju FU04
· Klik Data Tahun Ajaran untuk menuju FU07
· Klik Mengajar untuk menuju FU10 · Klik Simpan untuk menuju FU07
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
Tambah Data Tahun Ajaran HEADER
Simpan Batal
Semester :
Tahun Ajaran :
FU08
Gambar III.59 Perancangan Halaman Tambah Tahun Ajaran
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Kelas | Data Pelajaran | Data Tahun Ajaran | Data Mengajar Vew Web | Logout
· Klik Data Kelas untuk menuju FU01
· Klik Data Pelajaran untuk menuju FU04
· Klik Data Tahun Ajaran untuk menuju FU07
· Klik Mengajar untuk menuju FU10 · Klik Update untuk menuju FU07
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
Edit Data Tahun Ajaran HEADER
Update Batal
Semester :
Tahun Ajaran :
FU09
Gambar III.60 Perancangan Halaman Edit Tahun Ajaran
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Kelas | Data Pelajaran | Data Tahun Ajaran | Data Mengajar Vew Web | Logout
· Klik Tambah Mengajar untuk menuju FU11
· Klik Edit untuk menuju FU12 · Klik Hapus akan tampil pesan
M25 · Klik View Web untuk menuju F01
· Klik Logout untuk menuju FA01
Data Mengajar HEADER
Tambah Mengajar Kode
Nama Guru Aksi
Edit Hapus
Mata Pelajaran Kelas
FU10
Gambar III.61 Perancangan Halaman Data Mengajar
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Kelas | Data Pelajaran | Data Tahun Ajaran | Data Mengajar Vew Web | Logout
· Klik Data Kelas untuk menuju FU01
· Klik Data Pelajaran untuk menuju FU04
· Klik Data Tahun Ajaran untuk menuju FU07
· Klik Mengajar untuk menuju FU10 · Klik Simpan untuk menuju FU10
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
Tambah Mengajar HEADER
Guru : Simpan
Batal Mata Pelajaran
: Kelas
: Kode
:
FU11
Gambar III.62 Perancangan Halaman Tambah Mengajar
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Kelas | Data Pelajaran | Data Tahun Ajaran | Data Mengajar Vew Web | Logout
· Klik Data Kelas untuk menuju FU01
· Klik Data Pelajaran untuk menuju FU054
· Klik Data Tahun Ajaran untuk menuju FU07
· Klik Mengajar untuk menuju FU10 · Klik Update untuk menuju FU10
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
Edit Mengajar HEADER
Guru : Update
Batal Mata Pelajaran
: Kelas
: Kode
:
FU12
Gambar III.63 Perancangan Halaman Edit Mengajar
4. Perancangan Halaman Kesiswaan
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Siswa | Data Guru Vew Web | Logout
· Klik Data Siswa untuk menuju FE01
· Klik Data Guru untuk menuju FE04
· Klik Tambah Siswa untuk menuju FE02
· Klik Edit untuk menuju FE03 · Klik Hapus akan tampil pesan
M18 · Klik View Web untuk menuju F01
· Klik Logout untuk menuju FA01
Data Siswa HEADER
Tambah Siswa No.
NIS Nama Siswa
Aksi Kelas
Email Edit
Hapus Edit
Hapus
FE01
Gambar III.64 Perancangan Halaman Data Siswa
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Siswa | Data Guru Vew Web | Logout
· Klik Data Siswa untuk menuju FE01
· Klik Data Guru untuk menuju FE04
· Klik Simpan untuk menuju FE01 · Klik View Web untuk menuju F01
· Klik Logout untuk menuju FA01
Tambah Data Siswa HEADER
Upload Dari Excel :
Browse Import
NIS :
Nama Siswa : Kelas
: Email
: Alamat :
Simpan
FE02
Gambar III.65 Perancangan Halaman Tambah Siswa
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Siswa | Data Guru Vew Web | Logout
· Klik Data Siswa untuk menuju FE01
· Klik Data Guru untuk menuju FE04
· Klik Update untuk menuju FE01 · Klik View Web untuk menuju F01
· Klik Logout untuk menuju FA01
Edit Data Siswa HEADER
NIS :
Nama Siswa : Kelas
: Email
: Alamat :
Update
FE03
Gambar III.66 Perancangan Halaman Edit Siswa
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Siswa | Data Guru Vew Web | Logout
· Klik Data Siswa untuk menuju FE01
· Klik Data Guru untuk menuju FE04
· Klik Tambah Guru untuk menuju FE06
· Klik Edit untuk menuju FE05 · Klik Hapus akan tampil pesan
M19 · Klik View Web untuk menuju F01
· Klik Logout untuk menuju FA01
Data Guru HEADER
Tambah Guru No.
NIS Nama Siswa
Aksi Kelas
Email Edit
Hapus Edit
Hapus
FE04
Gambar III.67 Perancangan Halaman Data Guru
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Siswa | Data Guru Vew Web | Logout
· Klik Data Siswa untuk menuju FE01
· Klik Data Guru untuk menuju FE04
· Klik Update klik untuk menuju FE04
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
Edit Data Guru HEADER
NIS :
Nama Siswa : Email
: Alamat :
Update
FE05
Gambar III.68 Perancangan Halaman Edit Guru
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Siswa | Data Guru Vew Web | Logout
· Klik Data Siswa untuk menuju FE01
· Klik Data Guru untuk menuju FE04
· Klik Simpan klik untuk menuju FE04
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
Tambah Data Guru HEADER
Upload Dari Excel :
Browse Import
NIS :
Nama Siswa : Email
: Alamat :
Simpan
FE06
Gambar III.69 Perancangan Halaman Tambah Guru
5. Perancangan Halaman Siswa
FS01
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Siswa | Data Guru | Data Pembelajaran | Forum
Headline Berita
Berita
Terpopuler
Terkini
Materi Pelajaran Terbaru
Profile Anda
Foto
KALENDER · Klik Beranda untuk menuju FS01
· Klik Data Siswa untuk menuju FS10
· Klik Data Guru untuk menuju FS11
· Klik Data Pembelajaran untuk menuju FS05
· Klik Forum untuk menuju F03 · Klik Detail Profile untuk menuju
FS06 · Klik Logout untuk menuju F01
NipNis :
Email :
Nama Lengkap :
Pengumuman
Detail Profile Logout
Gambar III.70 Perancangan Halaman Utama Siswa
FS02
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Siswa | Data Guru | Data Pembelajaran | Forum
Ikuti Ujian Nilai Anda
Profile Anda
Foto
KALENDER · Klik Beranda untuk menuju FS01
· Klik Data Siswa untuk menuju FS10
· Klik Data Guru untuk menuju FS11
· Klik Data Pembelajaran untuk menuju FS05
· Klik Forum untuk menuju F03 · Klik Detail Profile untuk menuju
FS06 · Klik Logout untuk menuju F01
· Klik Ikut Ujian untuk menuju FS12 NipNis
: Email
: Nama Lengkap :
Pengumuman
Detail Profile Logout
Ujian
Ikuti Ujian Nilai Anda
Ikuti Ujian Nilai Anda
Gambar III.71 Perancangan Halaman Ujian Siswa
FS03
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Siswa | Data Guru | Data Pembelajaran | Forum
Profile Anda
Foto
KALENDER · Klik Beranda untuk menuju FS01
· Klik Data Siswa untuk menuju FS10
· Klik Data Guru untuk menuju FS11
· Klik Data Pembelajaran untuk menuju FS05
· Klik Forum untuk menuju F03 · Klik Detail Profile untuk menuju
FS06 · Klik Logout untuk menuju F01
NipNis :
Email :
Nama Lengkap :
Pengumuman
Detail Profile Logout
Tugas Siswa
Show entreis
Search :
No. Judul Aksi
Status File
Download Tugas Nilai
First Previous
1 Next
Last Upload
Gambar III.72 Perancangan Halaman Tugas Siswa
FS04
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Siswa | Data Guru | Data Pembelajaran | Forum
Profile Anda
Foto
KALENDER · Klik Beranda untuk menuju FS01
· Klik Data Siswa untuk menuju FS10
· Klik Data Guru untuk menuju FS11
· Klik Data Pembelajaran untuk menuju FS05
· Klik Forum untuk menuju F03 · Klik Detail Profile untuk menuju
FS06 · Klik Logout untuk menuju F01
NipNis :
Email :
Nama Lengkap :
Pengumuman
Detail Profile Logout
Materi
No. Judul
Guru Aksi
Show entreis
Search :
First Previous
1 Next
Last Tanggal Buat
Pelajaran
Download
Baca
Gambar III.73 Perancangan Halaman Materi Siswa
FS05
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Siswa | Data Guru | Data Pembelajaran | Forum
Profile Anda
Foto
KALENDER · Klik Beranda untuk menuju FS01
· Klik Data Siswa untuk menuju FS10
· Klik Data Guru untuk menuju FS11
· Klik Data Pembelajaran untuk menuju FS05
· Klik Forum untuk menuju F03 · Klik Masuk Kelas untuk menuju
FS16 · Klik Detail Profile untuk menuju
FS06 · Klik Logout untuk menuju F01
NipNis :
Email :
Nama Lengkap :
Pengumuman
Detail Profile Logout
Matematika Kelas X TKJ 1 | 2013 Genap
Masuk Kelas PAI
Kelas X TKJ 1 | 2013 Genap Masuk Kelas
Gambar III.74 Perancangan Halaman Data Pembelajaran
FS06
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Siswa | Data Guru | Data Pembelajaran | Forum
Profile Anda
Foto
KALENDER · Klik Beranda untuk menuju FS01
· Klik Data Siswa untuk menuju FS10
· Klik Data Guru untuk menuju FS11
· Klik Data Pembelajaran untuk menuju FS05
· Klik Forum untuk menuju F03 · Klik Logout untuk menuju F01
· Klik Detail Profile untuk menuju FS06
· Klik Edit Profile untuk menuju FS07
· Klik Ganti Foto untuk menuju FS08
· Klik Ganti Password untuk menuju FS09
NipNis :
Email :
Nama Lengkap :
Pengumuman
Detail Profile Logout
Profile Siswa
Foto Email
: Nama Lengkap
: Alamat
: Telepon
: NIS :
Tempat Tanggal Lahir : Kelas
: Agama
: Edit Profile
Ganti Foto Ganti Password
Gambar III.75 Perancangan Halaman Detail Profile Siswa
FS07
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Siswa | Data Guru | Data Pembelajaran | Forum
Profile Anda
Foto
KALENDER · Klik Beranda untuk menuju FS01
· Klik Data Siswa untuk menuju FS10
· Klik Data Guru untuk menuju FS11
· Klik Data Pembelajaran untuk menuju FS05
· Klik Forum untuk menuju F03 · Klik Logout untuk menuju F01
· Klik Detail Profile untuk menuju FS06
· Klik Update untuk menuju FS01 NipNis
: Email
: Nama Lengkap :
Pengumuman
Detail Profile Logout
Edit Profile Siswa
Email :
Nama Lengkap :
Alamat :
Telepon :
Tempat Lahir : Tanggal Lahir
: Update
Gambar III.76 Perancangan Halaman Edit Profile Siswa
FS08
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Siswa | Data Guru | Data Pembelajaran | Forum
Profile Anda
Foto
KALENDER · Klik Beranda untuk menuju FS01
· Klik Data Siswa untuk menuju FS10
· Klik Data Guru untuk menuju FS11
· Klik Data Pembelajaran untuk menuju FS05
· Klik Forum untuk menuju F03 · Klik Logout untuk menuju F01
· Klik Detail Profile untuk menuju FS06
· Klik Upload untuk menuju FS01 NipNis
: Email
: Nama Lengkap :
Pengumuman
Detail Profile Logout
Ganti Foto
Gambar :
Upload Browse
Gambar III.77 Perancangan Halaman Ganti Foto Siswa
FS09
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Siswa | Data Guru | Data Pembelajaran | Forum
Profile Anda
Foto
KALENDER · Klik Beranda untuk menuju FS01
· Klik Data Siswa untuk menuju FS10
· Klik Data Guru untuk menuju FS11
· Klik Data Pembelajaran untuk menuju FS05
· Klik Forum untuk menuju F03 · Klik Logout untuk menuju F01
· Klik Detail Profile untuk menuju FS06
· Klik Simpan untuk menuju FS01 NipNis
: Email
: Nama Lengkap :
Pengumuman
Detail Profile Logout
Ganti Password
Password Baru :
Simpan Konfrimasi Password :
Gambar III.78 Perancangan Halaman Ganti Password
FG10
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Siswa | Data Guru | Data Pembelajaran | Forum
Tabel List Daftar Siswa
· Klik Beranda untuk menuju FS01 · Klik Data Siswa untuk menuju
FS10 · Klik Data Guru untuk menuju
FS11 · Klik Data Pembelajaran untuk
menuju FS05 · Klik Forum untuk menuju F03
· Klik Detail Profile untuk menuju FS06
· Klik Logout untuk menuju F01 Daftar Siswa
Pilih Kelas : X MP | X TKJ 1 | X TKJ 2 | XI MP | XI TKJ | XII MP 1 | XII MP 2 | XII TKJ
KALENDER
Profile Anda
Foto NipNis
: Email
: Nama Lengkap :
Detail Profile Logout
Pengumuman
Gambar III.79 Perancangan Halaman List Daftar Siswa
FG11
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Siswa | Data Guru | Data Pembelajaran | Forum · Klik Beranda untuk menuju FS01
· Klik Data Siswa untuk menuju FS10
· Klik Data Guru untuk menuju FS11
· Klik Data Pembelajaran untuk menuju FS05
· Klik Forum untuk menuju F03 · Klik Detail Profile untuk menuju
FS06 · Klik Logout untuk menuju F01
KALENDER
Profile Anda
Foto NipNis
: Email
: Nama Lengkap :
Detail Profile Logout
Pengumuman Tabel List Daftar Guru
Daftar Guru
Gambar III.80 Perancangan Halaman List Daftar Guru
FS12
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Siswa | Data Guru | Data Pembelajaran | Forum
Profile Anda
Foto
KALENDER · Klik Beranda untuk menuju FS01
· Klik Data Siswa untuk menuju FS10
· Klik Data Guru untuk menuju FS11
· Klik Data Pembelajaran untuk menuju FS05
· Klik Forum untuk menuju F03 · Klik Detail Profile untuk menuju
FS06 · Klik Logout untuk menuju F01
· Klik Submit untuk menuju FS13 NipNis
: Email
: Nama Lengkap :
Pengumuman
Detail Profile Logout
Nama Siswa :
Matapelajaran Ujian : Kelas
: Waktu Anda
: 1.
2. 3.
Submit
Gambar III.81 Perancangan Halaman Pengerjaan Ujian
FS13
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Siswa | Data Guru | Data Pembelajaran | Forum
Profile Anda
Foto
KALENDER · Klik Beranda untuk menuju FS01
· Klik Data Siswa untuk menuju FS10
· Klik Data Guru untuk menuju FS11
· Klik Data Pembelajaran untuk menuju FS05
· Klik Forum untuk menuju F03 · Klik Detail Profile untuk menuju
FS06 · Klik Logout untuk menuju F01
NipNis :
Email :
Nama Lengkap :
Pengumuman
Detail Profile Logout
Nama Siswa :
Matapelajaran Ujian : Kelas
:
Hasil Ujian Anda
Benar :
Salah :
Tidak Jawab : Nilai Anda :
Gambar III.82 Perancangan Halaman Hasil Ujian
FG14
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Siswa | Data Guru | Data Pembelajaran | Forum · Klik Beranda untuk menuju FS01
· Klik Data Siswa untuk menuju FS10
· Klik Data Guru untuk menuju FS11
· Klik Data Pembelajaran untuk menuju FS05
· Klik Forum untuk menuju F03 · Klik Detail Profile untuk menuju
FS06 · Klik Logout untuk menuju F01
KALENDER
Profile Anda
Foto NipNis
: Email
: Nama Lengkap :
Detail Profile Logout
Pengumuman Nilai Ujian
No. Ujian
Nilai Tahun
Semestere
Gambar III.83 Perancangan Halaman Nilai Siswa
FS15
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Siswa | Data Guru | Data Pembelajaran | Forum
Profile Anda
Foto
KALENDER · Klik Beranda untuk menuju FS01
· Klik Data Siswa untuk menuju FS10
· Klik Data Guru untuk menuju FS11
· Klik Data Pembelajaran untuk menuju FS05
· Klik Forum untuk menuju F03 · Klik Detail Profile untuk menuju
FS06 · Klik Logout untuk menuju F01
· Klik Upload untuk menuju FS03 NipNis
: Email
: Nama Lengkap :
Pengumuman
Detail Profile Logout
Judul :
Keterangan : Batas Tanggal :
Upload Tugas
Berkas :
Upload Browse
Gambar III.84 Perancangan Halaman Upload Tugas
FS16
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Siswa | Data Guru | Data Pembelajaran | Forum
Profile Anda
Foto
KALENDER · Klik Beranda untuk menuju FS01
· Klik Data Siswa untuk menuju FS10
· Klik Data Guru untuk menuju FS11
· Klik Data Pembelajaran untuk menuju FS05
· Klik Forum untuk menuju F03 · Klik Data Tugas untuk menuju
FS03 · Klik Data Materi untuk menuju
FS04 · Klik Data Ujian untuk menuju
FS02 · Klik Data Nilai untuk menuju FS14
· Klik Kembali untuk menuju FS05 · Klik Detail Profile untuk menuju
FS06 · Klik Logout untuk menuju F01
NipNis :
Email :
Nama Lengkap :
Pengumuman
Detail Profile Logout
Matematika | 2013 Genap Data Tugas
Data Materi Data Ujian
Data Nilai Kembali
Gambar III.85 Perancangan Halaman Masuk Kelas
6. Perancangan Halaman Guru
FG01
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer
Username Password
Login Administrator · Masukan NIP dan password
· Pilih Guru · Klik Login Administrator
untuk menuju FG02 · Jika data login tidak valid
maka akan tampil pesan M01, M02
Guru
Gambar III.86 Perancangan Halaman Login Guru
FG02
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Pembelajaran | Data Pemgumuman | Data Siswa Vew Web | Logout
· Klik Beranda untuk menuju FG02 · Klik Data Pembelajaran untuk
menuju FG03 · Klik Data Pengumuman untuk
menuju FG04 · Klik Data Siswa untuk menuju
FG05 · Klik View Web untuk menuju F01
· Klik Logout untuk menuju FG01
Selamat Datang HEADER
Gambar III.87 Perancangan Halaman Utama Guru
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Pembelajaran | Data Pemgumuman | Data Siswa Vew Web | Logout
· Klik Beranda untuk menuju FG02 · Klik Data Pembelajaran untuk
menuju FG03 · Klik Data Pengumuman untuk
menuju FG04 · Klik Data Siswa untuk menuju
FG05 · Klik Masuk Kelas Menuju FG06
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FG01
Data Pembelajaran HEADER
Matematika Kelas X TKJ 1 | 2013 Genap
Masuk Kelas Bahasa Indonesia
Kelas X TKJ 2 | 2013 Genap Masuk Kelas
FG03
Gambar III.88 Perancangan Halaman Data Pembelajaran
FG04
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Pembelajaran | Data Pemgumuman | Data Siswa Vew Web | Logout
· Klik Beranda untuk menuju FG02 · Klik Data Pembelajaran untuk
menuju FG03 · Klik Data Pengumuman untuk
menuju FG04 · Klik Data Siswa untuk menuju
FG05 · Klik Tambah Pengumuman untuk
menuju FG12 · Klik Edit untuk menuju FG13
· Klik Hapus akan tampil pesan M12
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FG01
Pengumuman HEADER
Tambah Pengumuman No.
Judul Pengumuman Tanggal Buat
Aksi Show
entreis Search :
First Previous
1 Next
Last Tanggal Exp
Edit Hapus
Gambar III.89 Perancangan Halaman Data Pengumuman
FG05
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Pembelajaran | Data Pemgumuman | Data Siswa Vew Web | Logout
· Klik Beranda untuk menuju FG02 · Klik Data Pembelajaran untuk
menuju FG03 · Klik Data Pengumuman untuk
menuju FG04 · Klik Data Siswa untuk menuju
FG05 · Klik View Web untuk menuju F01
· Klik Logout untuk menuju FG01
Data Siswa HEADER
No. NIS
Kelas Nama Siswa
Gambar III.90 Perancangan Halaman Data Siswa
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Pembelajaran | Data Pengumuman | Data Siswa Vew Web | Logout
· Klik Beranda untuk menuju FG02 · Klik Data Pembelajaran untuk
menuju FG03 · Klik Data Pengumuman untuk
menuju FG04 · Klik Data Siswa untuk menuju
FG05 · Klik Data Tugas untuk menuju
FG07 · Klik Data Materi untuk menuju
FG08 · Klik Data Ujian untuk menuju
FG09 · Data Nilai untuk menuju FG18
· Klik Kembali untuk menuju FG03 · Klik View Web untuk menuju F01
· Klik Logout untuk menuju FG01
Data Pembelajaran HEADER
Matematika | 2013 Genap Data Tugas
Data Materi Data Ujian
Data Nilai Kembali
FG06
Gambar III.91 Perancangan Halaman Masuk Kelas
FG07
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Pembelajaran | Data Pemgumuman | Data Siswa Vew Web | Logout
· Klik Beranda untuk menuju FG02 · Klik Data Pembelajaran untuk
menuju FG03 · Klik Data Pengumuman untuk
menuju FG04 · Klik Data Siswa untuk menuju
FG05 · Klik Tambah Tugas untuk menuju
FG10 · Klik Edit untuk menuju FG11
· Klik Hapus akan tampil pesan M10
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FG01
Tugas HEADER
Tambah Tugas No.
Judul Tanggal Tugas
Aksi Tanggal Posting
Keterangan Show
entreis Search :
First Previous
1 Next
Last Edit
Hapus
Gambar III.92 Perancangan Halaman Tugas Guru
FG08
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Pembelajaran | Data Pemgumuman | Data Siswa Vew Web | Logout
· Klik Beranda untuk menuju FG02 · Klik Data Pembelajaran untuk
menuju FG03 · Klik Data Pengumuman untuk
menuju FG04 · Klik Data Siswa untuk menuju
FG05 · Klik Tambah Materi untuk menuju
FG14 · Klik Edit untuk menuju FG15
· Klik Hapus akan tampil pesan M11
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FG01
Materi HEADER
Tambah Materi No.
Judul Tanggal Buat
Aksi Show
entreis Search :
First Previous
1 Next
Last Edit
Hapus
Gambar III.93 Perancangan Halaman Materi Guru
FG10
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Pembelajaran | Data Pemgumuman | Data Siswa Vew Web | Logout
· Klik Beranda untuk menuju FG02 · Klik Data Pembelajaran untuk
menuju FG03 · Klik Data Pengumuman untuk
menuju FG04 · Klik Data Siswa untuk menuju
FG05 · Klik Simpan untuk menuju FG07
· Klik Batal untuk menuju FG07 · Klik View Web untuk menuju F01
· Klik Logout untuk menuju FG01
Tambah Tugas HEADER
Judul : Tanggal tugas :
Keterangan : File Tugas :
Browse Simpan
Batal sd
Gambar III.94 Perancangan Halaman Tambah Tugas
FG11
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Pembelajaran | Data Pemgumuman | Data Siswa Vew Web | Logout
· Klik Beranda untuk menuju FG02 · Klik Data Pembelajaran untuk
menuju FG03 · Klik Data Pengumuman untuk
menuju FG04 · Klik Data Siswa untuk menuju
FG05 · Klik Update untuk menuju FG07
· Klik Batal untuk menuju FG07 · Klik View Web untuk menuju F01
· Klik Logout untuk menuju FG01
Edit Tugas HEADER
Judul : Tanggal tugas :
Keterangan : File Tugas :
Browse Update
Batal sd
Gambar III.95 Perancangan Halaman Edit Tugas
FG12
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Pembelajaran | Data Pemgumuman | Data Siswa Vew Web | Logout
· Klik Beranda untuk menuju FG02 · Klik Data Pembelajaran untuk
menuju FG03 · Klik Data Pengumuman untuk
menuju FG04 · Klik Data Siswa untuk menuju
FG05 · Klik Update untuk menuju FG04
· Klik Batal untuk menuju FG04 · Klik View Web untuk menuju F01
· Klik Logout untuk menuju FG01
Edit Pengumuman HEADER
Judul :
Pengumuman Isi
: Pengumuman
Tanggal Exp : Update
Batal
Gambar III.96 Perancangan Halaman Edit Pengumuman
FG13
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Pembelajaran | Data Pemgumuman | Data Siswa Vew Web | Logout
· Klik Beranda untuk menuju FG02 · Klik Data Pembelajaran untuk
menuju FG03 · Klik Data Pengumuman untuk
menuju FG04 · Klik Data Siswa untuk menuju
FG05 · Klik Simpan untuk menuju FG04
· Klik Batal untuk menuju FG04 · Klik View Web untuk menuju F01
· Klik Logout untuk menuju FG01
Tambah Pengumuman HEADER
Judul :
Pengumuman Isi
: Pengumuman
Tanggal Exp : Simpan
Batal
Gambar III.97 Perancangan Halaman Tambah Pengumuman
FG14
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Pembelajaran | Data Pemgumuman | Data Siswa Vew Web | Logout
· Klik Beranda untuk menuju FG02 · Klik Data Pembelajaran untuk
menuju FG03 · Klik Data Pengumuman untuk
menuju FG04 · Klik Data Siswa untuk menuju
FG05 · Klik Simpan untuk menuju FG08
· Klik Batal untuk menuju FG08 · Klik View Web untuk menuju F01
· Klik Logout untuk menuju FG01
Tambah Materi HEADER
Judul Materi : Isi Materi :
File :
Browse Simpan
Batal
Gambar III.98 Perancangan Halaman Tambah Materi
FG15
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Pembelajaran | Data Pemgumuman | Data Siswa Vew Web | Logout
· Klik Beranda untuk menuju FG02 · Klik Data Pembelajaran untuk
menuju FG03 · Klik Data Pengumuman untuk
menuju FG04 · Klik Data Siswa untuk menuju
FG05 · Klik Update untuk menuju FG08
· Klik Batal untuk menuju FG08 · Klik View Web untuk menuju F01
· Klik Logout untuk menuju FG01
Edit Materi HEADER
Judul Materi : Isi Materi :
File :
Browse Update
Batal Ganti File :
Gambar III.99 Perancangan Halaman Edit Materi
FG16
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Pembelajaran | Data Pemgumuman | Data Siswa Vew Web | Logout
· Klik Beranda untuk menuju FG02 · Klik Data Pembelajaran untuk
menuju FG03 · Klik Data Pengumuman untuk
menuju FG04 · Klik Data Siswa untuk menuju
FG05 · Klik Simpan untuk menuju FG09
· Klik Batal untuk menuju FG09 · Klik View Web untuk menuju F01
· Klik Logout untuk menuju FG01
Buat Ujian HEADER
Judul Ujian :
Tanggal : Keterangan :
Simpan Batal
Gambar III.100 Perancangan Halaman Buat Ujian
FG17
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Pembelajaran | Data Pemgumuman | Data Siswa Vew Web | Logout
· Klik Beranda untuk menuju FG02 · Klik Data Pembelajaran untuk
menuju FG03 · Klik Data Pengumuman untuk
menuju FG04 · Klik Data Siswa untuk menuju
FG05 · Klik Update untuk menuju FG09
· Klik Batal untuk menuju FG09 · Klik View Web untuk menuju F01
· Klik Logout untuk menuju FG01
Edit Ujian HEADER
Judul Ujian :
Tanggal : Keterangan :
Update Batal
Gambar III.101 Perancangan Halaman Edit Ujian
FG18
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Pembelajaran | Data Pemgumuman | Data Siswa Vew Web | Logout
· Klik Beranda untuk menuju FG02 · Klik Data Pembelajaran untuk
menuju FG03 · Klik Data Pengumuman untuk
menuju FG04 · Klik Data Siswa untuk menuju
FG05 · Klik View Web untuk menuju F01
· Klik Logout untuk menuju FG01
Nilai HEADER
No. NIS
Ujian Nama
Gambar III.102 Perancangan Halaman Nilai
7. Perancangan Halaman Kepala Sekolah
FK01
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Guru | Data Materi | Data Tugas | Data Ujian | Data Niali Vew Web | Logout
· Klik Beranda untuk menuju FK01 · Klik Data Guru untuk menuju
FK02 · Klik Data Materi untuk menuju
FK03 · Klik Data Tugas untuk menuju
FK04 · Klik Data Ujian untuk menuju
FK05 · Klik Data Nilai untuk menuju FK06
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
Selamat Datang HEADER
Gambar III.103 Perancangan Halaman Utama Kepala Sekolah
FK02
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer SMK Pasundan 4 Bandung
Halaman Administrator LOGO
Beranda | Data Guru | Data Materi | Data Tugas | Data Ujian | Data Niali Vew Web | Logout
· Klik Beranda untuk menuju FK01 · Klik Data Guru untuk menuju
FK02 · Klik Data Materi untuk menuju
FK03 · Klik Data Tugas untuk menuju
FK04 · Klik Data Ujian untuk menuju
FK05 · Klik Data Nilai untuk menuju FK06
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
Data Guru HEADER
No. NIP
Nama Guru Telepon
Email Show
entreis Search :
First Previous
1 Next
Last
Gambar III.104 Perancangan Halaman Data Guru
FK03
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Guru | Data Materi | Data Tugas | Data Ujian | Data Niali Vew Web | Logout
· Klik Beranda untuk menuju FK01 · Klik Data Guru untuk menuju
FK02 · Klik Data Materi untuk menuju
FK03 · Klik Data Tugas untuk menuju
FK04 · Klik Data Ujian untuk menuju
FK05 · Klik Data Nilai untuk menuju FK06
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
Data Materi Grafik Unggah Materi
Materi
25 50
75 100
Nama Guru Jumlah Matapelajaran Jumlah Materi yang diunggah
Jumlah minimal Materi yang diunggah
Nilai Guru
Gambar III.105 Perancangan Halaman Monitoring Data Materi
FK04
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Guru | Data Materi | Data Tugas | Data Ujian | Data Niali Vew Web | Logout
· Klik Beranda untuk menuju FK01 · Klik Data Guru untuk menuju
FK02 · Klik Data Materi untuk menuju
FK03 · Klik Data Tugas untuk menuju
FK04 · Klik Data Ujian untuk menuju
FK05 · Klik Data Nilai untuk menuju FK06
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
Data Tugas Grafik Unggah Tugas
Tugas
25 50
75 100
Nama Guru Jumlah Matapelajaran Jumlah Tugas yang diunggah
Jumlah minimal Tugas yang diunggah
Nilai Guru
Gambar III.106 Perancangan Halaman Monitoring Data Tugas
FK05
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Guru | Data Materi | Data Tugas | Data Ujian | Data Niali Vew Web | Logout
· Klik Beranda untuk menuju FK01 · Klik Data Guru untuk menuju
FK02 · Klik Data Materi untuk menuju
FK03 · Klik Data Tugas untuk menuju
FK04 · Klik Data Ujian untuk menuju
FK05 · Klik Data Nilai untuk menuju FK06
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
Data Ujian Grafik Unggah Ujian
Ujian
25 50
75 100
Nama Guru Jumlah Matapelajaran
Jumlah Ujian yang diunggah Jumlah minimal Ujian
yang diunggah Nilai Guru
Gambar III.107 Perancangan Halaman Monitoring Data Ujian
FK06
Keterangan Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Arial 10
Ukuran : Dianamis Default 1024 X 768 px
Footer YPDM
SMK Pasundan 4 HEADER
Bandung LOGO
Beranda | Data Guru | Data Materi | Data Tugas | Data Ujian | Data Niali Vew Web | Logout
· Klik Beranda untuk menuju FK01 · Klik Data Guru untuk menuju
FK02 · Klik Data Materi untuk menuju
FK03 · Klik Data Tugas untuk menuju
FK04 · Klik Data Ujian untuk menuju
FK05 · Klik Data Nilai untuk menuju FK06
· Klik View Web untuk menuju F01 · Klik Logout untuk menuju FA01
Data Nilai Grafik Nilai Siswa
Nilai
25 50
75 100
No. NIS
Nama Siswa Nilai
Gambar III.108 Perancangan Halaman Monitoring Nilai Siswa
III.4.5 Perancangan Pesan
Berikut ini merupakan form perancangan pesan pada sistem e-learning SMK Pasundan 4 Bandung, adapun perancangan pesan dapat dilihat pada Gambar
III.109
Login Gagal NisNip Password Salah
M01 X
Anda Belum Mengisikan NIS M03
X ID Anda Belum Di Aktivasi Oleh Admin
M02 X
Anda Belum Mengisikan Password M04
X Anda Belum Mengisikan Nama
M06 X
Konfirmasi Password Tidak Sama M05
X
Anda Belum Mengisikan Email M07
X Anda Belum Mengisikan Tempat Lahir
M09 X
Anda Belum Mengisikan Alamat M08
X
Apakah Anda Akan Menghapus Tugas Ini? M10
X Apakah Anda Akan Menghapus Pengumuman Ini?
M12 X
Apakah Anda Akan Menghapus Materi Ini? M11
X
Apakah Anda Akan Menghapus Ujian Ini? M13
X Apakah Anda Akan Menghapus Kelas Ini?
M15 X
Apakah Anda Akan Menghapus Berita Ini? M14
X
Apakah Anda Akan Menghapus Pelajaran Ini? M16
X Apakah Anda Akan Menghapus Siswa Ini?
M18 X
Apakah Anda Akan Mengaktifkan Tahun Ajaran Ini? M17
X
Apakah Anda Akan Menghapus Guru Ini? M19
X Apakah Anda Akan Menghapus Data Forum?
M20 X
Ok Cancel
Ok Cancel
Ok Cancel
Ok Cancel
Ok Cancel
Ok Cancel
Ok Cancel
Ok Cancel
Ok Cancel
Ok Cancel
Ok Cancel
Apakah Anda Akan Menghapus User ini? M21
X Ok
Cancel
Anda Belum Mengisikan Username M22
X Anda Belum Mengisikan Password
M23 X
Apakah Anda Akan Menghapus Mengaja ini? M24
X Ok
Cancel
Gambar III.109 Perancangan Pesan
III.4.6 Jaringan Semantik
Struktur aplikasi ini dibuat secara moduler, yaitu program dipecah menjadi modul-modul kecil yang modul dibuat, mudah dites, dan mudah dimodifikasi.
Dalam pembuatan aplikasi ini menggunakan alat bantu bagan struktural yang disebut juga jaringan semantik.
1. Jaringan Semantik Admin Gambar III.110 berikut ini merupakan jaringan semantik yang dimiliki oleh
admin.
FA01
FA03 FA06
FA09 FA02
FA05 FA04
FA07 FA08
FA10 FA11
M01, M02
M21 M114
M20
Gambar III.110 Jaringan Semantik Admin
2. Jaringan Semantik Kurikulum Gambar III.111 berikut ini merupakan jaringan semantik yang dimiliki oleh
kurikulum.
FA01
FU01 FU04
FU07
FU03 FU02
FU05 FU06
FU08 FU09
M01, M02
M15 M16
M17 FU10
FU11 FU12
M24
Gambar III.111 Jaringan Semantik Kurikulum
3. Jaringan Semantik Kesiswaan Gambar III.112 berikut ini merupakan jaringan semantik yang dimiliki oleh
kesiswaan.
FA01
FE01 FE04
FA03 FA02
FA05 FA06
M01, M02
M18 M19
Gambar III.112 Jaringan Semantik Kesiswaan
4. Jaringan Semantik Kepala Sekolah Gambar III.113 berikut ini merupakan jaringan semantik yang dimiliki oleh
kepala sekolah.
FA01
FK01 FK02
M01, M02
FK03 FK04
FK05 FK06
Gambar III.113 Jaringan Semantik Kepala Sekolah
5. Jaringan Semantik Guru Gambar III.114 berikut ini merupakan jaringan semantik yang dimiliki oleh
guru.
FG02 FG03
FG04 FG05
FG06 FG15
M10 M11
M12 M13
FG07 FG08
FG09 FG10
FG11 FG12
FG13 FG14
FG01
Gambar III.114 Jaringan Semantik Guru
6. Jaringan Semantik Siswa Gambar III.115 berikut ini merupakan jaringan semantik yang dimiliki oleh
siswa.
FS01
FS10 FS11
FS02 FS03
FS04 FS05
FS16 FS06
FS14
FS13 FS12
FS15 FS08
FS07 FS09
Gambar III.115 Jaringan Semantik Siswa
III.4.7 Perancangan Prosedural
Perancangan prosedural merupakan perancangan yang dilakukan untuk menetapkan detail algoritma yang akan dinyatakan kedalam suatu program.
Adapun perancangan prosedural untuk sistem e-learning SMK Pasundan 4 Bandung yang akan dibangun adalah sebagai berikut :
1. Prosedural Pendaftaran Prosedural pendaftaran merupakan prosedur yang terjadi ketika siswa
mendaftar. Prosedural aktifasi dapat dilihat pada Gambar III.116.
mulai
Memasukkan data
pendaftaran
Cek data
Data kosong? Menampilkan
pesan”Silakan masukan id user
anda”
Data valid? Menampilkan
pesan”Maaf anda tidak terdaftar
sebagai user di SMKN 6
Bandung”
Tampil data form
pendaftaran
selesai tidak
tidak ya
ya
Gambar III.116 Flowchart Pendaftaran
2. Prosedural Login Prosedural login merupakan prosedur yang terjadi ketika user akan mengakses
aplikasi. Prosedur login dapat dilihat pada Gambar III.117.
Mulai Masukkan NIP
NIS, login sebagai dan
password Pengecekkan kosong
tidak field NIPNIS, login sebagai dan
password
Kosong? Tampil Pesan
͞Masukkan NIPNIS, login sebagai dan
password untuk masuk kedalam aplikas
i
͟
Valid? Tampil Pesan
͟Maaf, silahkan periksa kembali data yang
anda masukkan, pastikan data yang anda masukkan benar
Tidak
Tidak Ya
Pengecekkan validasi login
ya
Pengecekkan Hak akses
Hak akses
siswa Guru
Halaman utama Guru
Halaman utama siswa
Admin
Halaman utama Admin
Orangtua
Halaman utama orangtua
Selesai
Gambar III.117 Flowchart Login
3. Prosedural Tambah Prosedural tambah prosedur ini dilakukan ketika user akan melakukan
penambahan data. Prosedural tambah dapat dilihat pada Gambar III.118.
Mulai
Pilih menu tambah data
Valid?
Simpan Data ke database
Selesai Ya
Masukkan data yang akan
ditambah
Tampil Pesan Data Behasil
Disimpan Tidak
Tampil Pesan Data Belum
lengkap Pengecekan data
Gambar III.118 Flowchart Tambah
4. Prosedural Ubah Prosedural ubah prosedur ini dilakukan ketika user akan melakukan perubahan
data. Prosedural ubah data dapat dilihat pada Gambar III.119.
Mulai
Pilih data yang akan diubah
Valid?
Simpan Data ke database
Selesai Ya
Ubah data
Tidak Tampilkan data
yang diubah
Pengecekan data
Data gagal diubah
Gambar III.119 Flowchart Ubah
5. Prosedural Hapus Prosedural hapus prosedur ini dilakukan ketika user akan melakukan
penghapusan data. Prosedural ini dapat dilihat pada Gambar III.120.
Mulai
Hapus?
Selesai Tidak
ya Pilih data yang akan
dihapus
Hapus data
Tampil Pesan Data berhasil
dihapus Tampilkan data
yang akan dihapus
Konfirmasi hapus
Gambar III.120 Flowchart Hapus
6. Prosedural Cari Prosedural cari prosedur ini akan dilakukan ketika user akan melakukan
pencarian data. Prosedural ini dapat dilihat pada Gambar III.121
Mulai
Input keyword yang akan
dicari
Ada ?
Selesai Tampil Data
Yang DIcari Tidak
Data yang akan dicari
Pilih kriteria pencarian
Gambar III.121 Flowchart Cari
155
BAB IV IMPLEMENTASI DAN PENGUJIAN
Pada bab ini akan dilakukan implementasi dan pengujian terhadap sistem yang baru. Tahapan ini dilakukan setelah perancangan selesai dilakukan dan
selanjutnya akan diimplementasikan pada bahasa pemrograman yang akan digunakan. Setelah implementasi maka dilakukan pengujian sistem yang baru
dimana akan dilihat kekurangan-kekurangan pada aplikasi yang baru untuk pengembangan selanjutnya.
IV.1 Implementasi Sistem
Implementasi sistem merupakan tahapan pembangunan perangkat lunak, tahapan kelanjutan dari kegiatan perancangan sistem. Tahapan ini merupakan
tahap dimana sistem siap dioperasikan. Implementasi bertujan untuk mengkonfirmasi perancangan, sistem sehingga pengguna dapat memberi masukan
pada pengembangan sistem yang sedang dibangun.
IV.1.1 Kebutuhan Perangkat Keras
Spesifikasi kebutuhan
perangkat keras
yang digunakan
untuk pembangunan aplikasi e-learning berbasis website untuk menunjang proses
belajar mengajar bagi siswa dan guru menggunakan media internet di SMK Pasundan 4 Bandung dapat dilihat di Tabel IV.1.
Tabel IV.1 Spesifikasi Perangkat Keras Perangkat
Server Client
Processor Kecepatan 1 GHz
Kecepatan 500 MHz RAM
1 GHz 512 GHz
Harddisk 80 Gb
80 Gb
VGA 128 Mb
128 Mb
Lan Card 10100 Mbps
10100 Mbps
Koneksi Internet 64 Kbps
64 Kbps
IV.1.2 Kebutuhan Perangkat Lunak
Spesifikasi kebutuhan
perangkat lunak
yang digunakan
untuk pembangunan aplikasi e-learning berbasis website untuk menunjang proses
belajar mengajar bagi siswa dan guru menggunakan media internet di SMK Pasundan 4 Bandung dapat dilihat di Tabel IV.2.
Tabel IV.2 Spesifikasi Perangkat Lunak No.
Perangkat Lunak Keterangan
1. Sistem Operasi
Windows 7 2.
Bahasa Pemrograman PHP, Javascript, CSS
3. Web Server
Wampserver 4.
Database Server MySQL 5.5.24
5. Web Browser
Mozilla Firefox, Opera, Google Chrome 6.
Code Edior Adobe Dreamweaver CS3
IV.1.3 Implementasi Basis Data
Basis data yang digunakan dalam pembangunan aplikasi e-learning di SMK Pasundan 4 Bandung menggunakan aplikasi DBMS MySQL. Implementasi
database dalam bahsa SQL dapat dilihat pada Tabel IV.3.
Tabel IV.3 Implementasi Basis Data
No. Nama Tabel
Hasil Pembangkitan 1.
Admin
CREATE TABLE IF NOT EXISTS `admin` `username` varchar70 NOT NULL,
`password` varchar45 DEFAULT NULL, `nama_lengkap` varchar85 DEFAULT
NULL, `email` varchar45 DEFAULT NULL,
`no_telp` varchar20 DEFAULT NULL, `level` varchar20 DEFAULT NULL,
`blokir` enumY,N DEFAULT NULL, `id_session` varchar100 DEFAULT
NULL, PRIMARY KEY `username`
ENGINE=MyISAM DEFAULT CHARSET=latin1;
2. Berita
CREATE TABLE IF NOT EXISTS `berita` `id_berita` int5 NOT NULL
AUTO_INCREMENT, `username` varchar30 COLLATE
latin1_general_ci NOT NULL, `judul` varchar100 COLLATE
latin1_general_ci NOT NULL, `judul_seo` varchar100 COLLATE
latin1_general_ci NOT NULL, `headline` enumY,N COLLATE
latin1_general_ci NOT NULL DEFAULT Y, `isi_berita` text COLLATE
latin1_general_ci NOT NULL, `hari` varchar20 COLLATE
latin1_general_ci NOT NULL, `tanggal` date NOT NULL,
`jam` time NOT NULL, `gambar` varchar100 COLLATE
latin1_general_ci NOT NULL, `dibaca` int5 NOT NULL DEFAULT 1,
`blokir` enumY,N COLLATE latin1_general_ci NOT NULL DEFAULT Y,
PRIMARY KEY `id_berita` ENGINE=MyISAM DEFAULT CHARSET=latin1
COLLATE=latin1_general_ci AUTO_INCREMENT=128 ;
3. Forum
CREATE TABLE IF NOT EXISTS `forum` `id_forum` int11 NOT NULL
AUTO_INCREMENT, `judul` varchar100 DEFAULT NULL,
`isi` text, `username` varchar100 DEFAULT NULL,
`tanggal_post` date DEFAULT NULL, PRIMARY KEY `id_forum`,
KEY `fk_guru_thread` `username` ENGINE=MyISAM DEFAULT CHARSET=latin1
AUTO_INCREMENT=14 ;
4. Guru
CREATE TABLE IF NOT EXISTS `guru` `id_guru` int11 NOT NULL
AUTO_INCREMENT, `nama_guru` varchar65 DEFAULT NULL,
`alamat_guru` varchar200 DEFAULT NULL,
`foto_guru` varchar200 DEFAULT NULL, `email_guru` varchar65 DEFAULT NULL,
`username` varchar50 DEFAULT NULL, `password` varchar10 DEFAULT NULL,
`nip_adm` varchar45 DEFAULT NULL, `tlp_guru` varchar85 DEFAULT NULL,
`blokir` varchar1 DEFAULT N, `id_mp` int11 DEFAULT NULL,
`id_kelas` int11 DEFAULT NULL, PRIMARY KEY `id_guru`
ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=67 ;
5. Kelas
CREATE TABLE IF NOT EXISTS `kelas` `id_kelas` int11 NOT NULL
AUTO_INCREMENT, `parent` int11 DEFAULT NULL,
`nama_kelas` varchar100 NOT NULL, `no_kelas` int11 DEFAULT NULL,
`jurusan` varchar20 DEFAULT NULL, PRIMARY KEY `id_kelas`
ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=28 ;
6. Komentar
CREATE TABLE IF NOT EXISTS `komentar` `id_komentar` int11 NOT NULL
AUTO_INCREMENT, `id_forum` int11 DEFAULT NULL,
`isi_komentar` text, `pengguna` varchar100 DEFAULT NULL,
`tanggal_postkomentar` date DEFAULT NULL,
`level` varchar45 DEFAULT NULL, PRIMARY KEY `id_komentar`,
KEY `fk_komentar_thread` `id_forum` ENGINE=MyISAM DEFAULT CHARSET=latin1
AUTO_INCREMENT=21 ;
7. Materi
CREATE TABLE IF NOT EXISTS `materi` `id_materi` int11 NOT NULL
AUTO_INCREMENT, `id_mp` int11 DEFAULT NULL,
`id_guru` int11 DEFAULT NULL, `judul_materi` varchar70 DEFAULT
NULL, `konten` text,
`file` varchar200 DEFAULT NULL, `tanggal_buat` datetime DEFAULT NULL,
`id_kelas` int11 DEFAULT NULL, `tahun` varchar10 DEFAULT NULL,
`semester` varchar30 DEFAULT NULL, PRIMARY KEY `id_materi`,
KEY `fk_materi_mp` `id_mp` ENGINE=MyISAM DEFAULT CHARSET=latin1
AUTO_INCREMENT=46 ;
8. Nilai
CREATE TABLE IF NOT EXISTS `nilai` `id_nilai_ujian` int11 NOT NULL
AUTO_INCREMENT, `id_siswa` int11 NOT NULL,
`id_ujian` int11 NOT NULL, `nilai` float NOT NULL,
`semester` varchar30 DEFAULT NULL, `tahun` int11 DEFAULT NULL,
PRIMARY KEY `id_nilai_ujian`, KEY `fk_nilai_ujjian` `id_ujian`,
KEY `fk_nilai_siswa` `id_siswa` ENGINE=MyISAM DEFAULT CHARSET=latin1
AUTO_INCREMENT=91 ;
9. Pelajaran
CREATE TABLE IF NOT EXISTS `pelajaran` `id_mp` int11 NOT NULL
AUTO_INCREMENT, `mp` varchar70 NOT NULL,
`kode_pelajaran` varchar11 DEFAULT NULL,
PRIMARY KEY `id_mp` ENGINE=MyISAM DEFAULT CHARSET=latin1
