BAB 3 ANALISIS DAN PERANCANGAN...

64

BAB 3

ANALISIS DAN PERANCANGAN SISTEM

Pada bab ini akan dibahas mengenai analisis sistem yang sedang berjalan

dan perancangan sistem yang akan dibangun di SMK NEGERI 2 Cimahi yang

berfungsi untuk mempermudah, memahami dan menyusun perancangan pada bab

selanjutnya. Selain itu juga berfungsi untuk memberikan gambaran dan solusi

pada pembuatan aplikasi ini.

3.1 Analisis Sistem

Analisis sistem (systems analysis) dapat didefinisikan sebagai penguraian

dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya

dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-

permasalahan, kesempatan-kesempatan, hambatan-hambatan, yang terjadi dan

kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-

perbaikannya. Adapun tahapan-tahapan analisisnya meliputi Analisis masalah,

Analisis sistem yang sedang berjalan, Analisis aturan bisnis, Analisis pengkodean,

dan Analisis spesifikasi kebutuhan perangkat lunak.

65

3.1.1 Analisis Masalah

Beberapa permasalahan yang terjadi yang mendasari dibangunnya sistem

ini adalah:

1. Diperlukannya sistem pendukung pembelajaran di SMK Negeri 2 Cimahi.

2. Kurangnya pembelajaran mata pelajaran normatif dan adaptif sehingga

siswa kurang memahami mata pelajaran tersebut karena keterbatasan

ruang dan waktu, sehingga poses belajar mengajar kurang optimal.

3. Kegiatan konsultasi guru dan murid yang terbatas dan kurang maksimal.

4. Guru merasakan perlunya sarana pendukung untuk menyampaikan/

melengkapi materi pelajaran kepada siswa.

5. Guru kesulitan dalam memberikan soal-soal dan tugas tambahan di luar

kelas.

6. Penyampaian pengumuman dan pemberitahuan tugas seringkali tidak

tersampaikan dengan baik kepada seluruh siswa.

7. Kepala sekolah merasa kesulitan dalam memonitoring nilai ujian online

siswa.

3.1.2 Analisis sistem yang sedang berjalan

Analisis sistem (systems analysis) dapat didefinisikan sebagai penguraian

dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya

dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-

permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan

66

kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-

perbaikannya.

3.1.2.1 Prosedur pemberian materi yang sedang berjalan di sekolah

Pada prosedur ini kegiatan yang dilakukan adalah:

1. Guru memberikan modul pembelajaran dan menerangkannya kepada

siswa.

2. Siswa menerima modul dan mempelajari modul tersebut.

3. Apabila ada tugas/latihan maka guru akan memberikan kepada siswa

untuk dikerjakan.

4. Tugas/latihan yang telah dikerjakan oleh siswa diserahkan kembali kepada

guru untuk diperiksa dan dinilai.

5. Tugas/latihan siswa yang telah dinilai akan dimasukkan ke dalam daftar

nilai dan setelah itu tugas/latihan akan di kembalikan kembali kepada

siswa.

67

Prosedur pemberian materi

Guru Siswa

Disiapkan

dipelajari

Mengerti

Materi Pelajaran

Tidak

Tugas/latihan

Dikerjakan

Tugas/latihan yang

sudah dikerjakan

Tugas/latihan yang

sudah dimasukkan ke

daftar nilai

Tugas/latihan yang

sudah dikerjakan

Diperiksa

Tugas/latihan yang

sudah diperiksa

Ya

A1 : Arsip materi pelajaran dan silabus yang ada di guru

A2 : Arsip materi pelajaran yang ada di siswa

A3 : Arsip daftar nilai latihan atau tugas siswa

A4 : Arsip nilai latihan yang ada di siswa

A5 : Arsip materi pelajaran yang ada di guru

A2

A4

Materi Pelajaran

Materi Pelajaran

Tugas/latihan

Materi Pelajaran

Dimasukkan

ke daftar nilai

Daftar nilai

Tugas/latihan yang

sudah dimasukkan ke

daftar nilai

A3

A1

A5

Gambar 3.1 FlowMap prosedur pemberian materi pelajaran

3.1.2.2 Prosedur pemberian materi saat guru berhalangan hadir

Pada prosedur ini kegiatan yang dilakukan adalah:

1. Guru menitipkan materi pelajaran atau latihan soal kepada petugas piket.

2. Petugas piket lalu memberikannya kepada siswa untuk dipelajari.

3. Siswa menerima materi pelajaran dan mencatat, mempelajari atau

mengerjakan apabila ada latihan soal yang ditugaskan.

68

4. Soal latihan yang telah dikerjakan oleh siswa dikumpulkan ke petugas

piket dan nantinya akan diserahkan kepada guru yang bersangkutan.

5. Guru akan menilai soal latihan tersebut setelah itu dibagikan kembali

kepada siswa.

Prosedur guru berhalangan hadir

Petugas piketGuru Siswa

Mempelajari /

mengerjakan/mencatat


A2 : Arsip materi pelajaran yang ada di siswa

A3 : Arsip daftar nilai latihan atau tugas siswa

A3

Materi Pelajaran

Soal latihan

Materi Pelajaran

Soal latihan

Soal latihan

yg sudah di

kerjakan

Materi

pelajaran

Materi

pelajaran

yang sudah di

catat

Materi

pelajaran

Soal latihan

yg sudah di

kerjakan

Materi

pelajaran

Soal latihan

yg sudah di

kerjakan

Penilaian &

dimasukkan

ke daftar nilai

A1

A2

A1

Periksa

apakah ada soal

latihan?Tidak

Ya

Soal latihan yang

sudah di nilai

Daftar nilai

Soal latihan yang

sudah di nilai

Materi Pelajaran

Soal latihan

Gambar 3.2 Flowmap prosedur guru berhalangan hadir

69

3.1.2.3 Prosedur pelaksanaan ujian (ulangan)

Berikut adalah prosedur pelaksanaan ujian:

1. Guru membuat soal ujian dari materi-materi pelajaran yang sudah pernah

disampaikan. Lalu membuat print outnya.

2. Soal ujian diberikan pada pengawas ujian. Pengawas ujian membagikan

soal ujian kepada para siswa.

3. Siswa mulai mengerjakan soal tersebut dalam lembar jawaban dengan

kurun waktu yang telah ditentukan.

4. Setelah waktu pengerjaan soal habis, maka siswa mengumpulkan soal dan

lembar jawaban kepada pengawas.

5. Pengawas ujian kemudian memberikan lembar jawaban yang telah

terkumpul kepada masing guru mata pelajaran.

6. Lembar jawaban siswa siap diperiksa dan diolah penilaiannya oleh guru

mata pelajaran.

7. Setelah penilaian hasil ujian selesai, maka guru memasukkan nilai siswa

dalam daftar nilai siswa.

8. Kemudian guru tersebut membagikan hasil ujian kepada para siswa.

70

Prosedur pelaksanaan ujian (ulangan)

SiswaGuru

Materi Pelajaran

Pembuatan

soal ujian

Print out Soal

ujian

Mengerjakan

soal

Soal ujian

yang telah

dikerjakan

Lembar

jawaban yang

sudah diisi

Soal ujian yang

telah dikerjakan

dinilai

Daftar nilai

siswaLembar

jawaban yang

telah dinilai

Lembar

jawaban yang

telah dinilai


A6 : Arsip soal ujian yang telah dikerjakan yang disimpan guru

A8 : Arsip daftar nilai ujian yang disimpan guru

A9 : Arsip lembar jawaban yang telah dinilai dan disimpan oleh siswa

Print out Soal ujian

Lembar jawaban

Lembar jawaban

yang sudah diisi

A6

A8A9

A1

Soal ujian

.doc

Cetak Soal ujian

Gambar 3.3 Flowmap prosedur pelaksanaan ujian

71

3.1.3 Analisis Dashboard Manajemen Sistem pada E-learning

Dashboard Manajemen Sistem adalah alat yang dapat memberikan

tampilan antar muka secara visual, yang mengkonsolidasikan dan menyajikan

informasi penting untuk mencapai tujuan tertentu, secara sekilas. Dashboard

Manajemen Sistem pada aplikasi e-learning ini bertujuan agar kepala sekolah

dapat dengan mudah memonitoring hasil ujian online siswanya, sehingga akan

terlihat kelas mana yang memiliki nilai tertinggi dan pada pelajaran apa.

3.1.4 Analisis pengkodean

Pengkodean yang terdapat pada proses pengolahan data aplikasi e-learning

ini meliputi pengkodean Nomor induk siswa (NIS), Nomor induk pegawai (NIP).

1. Pengkodean Nomor Induk siswa (NIS)

Pengkodean untuk nomor induk siswa terdiri dari sembilan digit yaitu

sebagai berikut:

Format : XX XX XXXX

Nomor urut siswa

Kelas

Tahun masuk

Contoh : 11 10 0001

Ket : Menyatakan bahwa siswa tersebut masuk dapa tahun 2011 kelas X

(sepuluh) dengan nomor urut 0001.

72

2. Pengkodean Nomor Induk Pengajar (NIP)

Pengkodean untuk nomor induk pengajar terdiri dari delapan belas digit

yaitu sebagai berikut:

Format : XXXXXXXX XXXXXX XXXX

No.Urut Pegawai

Tahun dan Tgl Pengangkatan

Tahun, Bulan, Tanggal Lahir

Contoh : 19641216 199001 0020

Ket : Menyatakan bahwa guru tersebut lahir pada tahun 1964 bulan12

tanggal 16, Diangkat menjadi guru pada tahun 1990 pada tanggal

01, dan mempunyai nomor urut pengangkatan 0020.

3. Pengkodean Id honorer (NUPTK)

Pengkodean untuk nomor pengajar honorer terdiri dari Sembilan digit

yaitu sebagai berikut:

Format : XX XXX XXXX

Nomor Serial

Nomor Kelompok

Kode Departemen

Contoh : 90 123 4567

Ket : Menyatakan bahwa guru tersebut mempunyai kode department 90,

nomor kelompok 123 dan mempunyai nomor serial 4567.

73

4. Pengkodean Kelas

Pengkodean untuk kelas terdiri dari lima digit yaitu sebagai berikut:

Format : XX X XX

Urutan Kelas

Jurusan

Tingkat

Contoh : 10 0 01

Ket : Menyatakan kelas tingkat 10, 0 adalah jurusan Mekatronika, 01

adalah urutan kelas A. Dimana 0 = Mekatronika, 1 = Multimedia, 2 =

RPL.

3.1.5 Analisis kebutuhan non fungsional

Analisis kebutuhan non fungsional pada sistem ini meliputi analisis

perangkat keras, analisis perangkat lunak dan analisis pengguna.

3.1.5.1 Analisis kebutuhan perangkat keras (hardware)

Perangkat keras merupakan faktor penunjang agar aplikasi yang akan dibuat

berjalan dengan baik. Berikut ini spesifikasi perangkat keras yang telah digunakan

oleh SMK Negeri 2 Cimahi:

74

1. Perangkat keras pada sisi server adalah:

a. Processor dengan kecepatan 2,6 Ghz

b. RAM (Memory) 1 GB

c. Hard Disk 80 GB

d. VGA 256 MB

e. Lan Card 10/100 Mbps

f. Koneksi Internet minimal 128 kbps

2. Perangkat keras pada sisi client adalah:

a. Processor dengan kecepatan 1 Ghz

b. RAM (Memory) 512 MB

c. Hard Disk 40 GB

d. VGA 128 MB


f. Koneksi Internet minimal 64 kbps

Adapun spesifikasi minimum perangkat keras dalam membangun

aplikasi e-learning ini adalah sebagai berikut :

1. Perangkat keras pada sisi server yang dibutuhkan adalah:

a. Processor dengan kecepatan minimal 1 Ghz

b. RAM minimal 512 MB

c. Hard Disk minimal 40 GB

d. VGA minimal 128 MB


f. Koneksi Internet minimal 64 kbps.

75

2. Perangkat keras pada sisi client yang dibutuhkan adalah:

a. Processor dengan kecepatan minimal 800 Mhz

b. RAM minimal 256 MB

c. Hard Disk minimal 20 GB

d. VGA minimal 64 MB


f. Koneksi Internet minimal 64 kbps.

3.1.5.2 Analisis perangkat lunak (software)

Analisis perangkat lunak disini adalah menerangkan tentang kebutuhan

software yang diperlukan dalam pembangunan website e-learning ini. Spesifikasi

perangkat lunak yang dibutuhkan adalah sebagai berikut:

1. Perangkat lunak pada sisi server yang dibutuhkan adalah:

a. Microsoft Windows XP, atau 7 sebagai sistem operasi

b. XAMPP sebagai web server

c. PHP sebagai bahasa pemrograman

d. Macromedia Dreamweaver sebagai tools editor

e. MySQL sebagai Server Database Management System.

2. Perangkat lunak pada sisi client yang dibutuhkan adalah:

a. Microsoft Windows XP atau 7 sebagai sistem operasi

b. Internet Explorer, Mozilla, Google Chrome, Opera sebagai web

browser.

76

3.1.5.3 Analisis pengguna

Analisis pengguna merincikan siapa saja pengguna dari sistem yang berjalan

pada saat ini yang nantinya akan di spesifikasikan siapa saja yang akan masuk

dalam sistem yang akan dibangun. Gambaran umum pengguna yang sekarang ada

di SMK Negeri 2 Cimahi ini dapat dilihat pada tabel dibawah ini.

Tabel 3.1 Tabel Analisis Pengguna yang ada saat ini

No Pengguna Karakteristik

1. Guru

Umur ± 28 s/d 43 Tahun

Pendidikan D3 – S1

Keterampilan Bisa mengoprasikan komputer dengan Sistem

Operasi Microsoft Windows 9x/2000/XP/7.

Pengalaman Dapat menggunakan browser seperti Mozilla dan

Google Chrome serta menguasai dasar-dasar

internet.

2. Siswa


Pendidikan SMK

Keterampilan Bisa mengoprasikan komputer dengan Sistem

Operasi Microsoft Windows 9x/2000/XP/7.

Pengalaman Dapat menggunakan browser seperti Mozilla dan

Google Chrome serta menguasai dasar-dasar

internet.

3. Petugas Piket


Pendidikan D3 – S1

Keterampilan Dapat mengoprasikan komputer.

77

Pengalaman Pernah bekerja disuatu instansi pendidikan

(sekolah).

Agar memaksimalkan penggunaan sistem yang akan dibangun maka dapat

dirincikan siapa saja pengguna dari perangkat lunak yang di spesifikasikan dan

apa saja haknya terhadap perangkat lunak tersebut, sehingga dapat diketahui

tingkat pengalaman dan pemahaman dalam penggunaan komputer. Pengguna

aplikasi ini dibagi menjadi empat kategori yaitu administrator, kepala sekolah,

guru dan siswa. Adapun spesifikasi pengguna (user) adalah sebagai berikut:

Tabel 3.2 Analisis Kualifikasi Pengguna

Admin

Tingkat Pendidikan Min D3

Tanggung Jawab Membantu dalam menyiapkan rencana pendidikan.

Hak Akses Mengelola data kelas, guru, siswa , mata pelajaran,

mengajar.

Keterampilan Menguasai dan memahami tentang penglolaan data

dalam web serta memiliki pengetahuan tentang internet

dan web server.

Pengalaman Pernah menjadi seorang admin yang mengelola sebuah

web.

Guru


Tanggung Jawab Menyiapkan perencanaan materi yang meliputi upload

materi, dan soal-soal.

Hak Akses Mengelola materi, tugas, soal, quis, penilaian,

pengumuman dan forum.

Keterampilan Menguasai dan memahami tentang penglolaan data

dalam web serta memiliki pengetahuan tentang internet.

78

Pengalaman Pernah menjadi seorang admin yang mengelola sebuah

web.

Siswa

Tingkat Pendidikan SMK

Tanggung Jawab Mengakses proses kegiatan belajar dalam website e-

learning SMK Negeri 2 Cimahi ini.

Hak Akses Mengelola materi, tugas, soal, quis, penilaian,

pengumuman dan forum.

Keterampilan Memiliki pengetahuan tentang internet dan pengaksesan

sebuah website.

Pengalaman Dapat mengakses sebuah web dan memiliki pengalaman

browsing di internet.

Kepala Sekolah


Tanggung Jawab Mengetahui perkembangan siswa dan perkembangan

guru bidang studi.

Hak Akses Memantau aktifitas guru dan aktifitas siswa seperti nilai

rata-rata siswa dalam ikelas dan melihat nilai terbesar

yang diperoleh disetiap kelas..

Keterampilan Memiliki pengetahuan tentang internet dan pengaksesan

sebuah website.

Pengalaman Dapat mengakses sebuah web dan memiliki pengalaman

browsing di internet.

3.1.6 Analisis Basis Data

Basis data merupakan kumpulan data yang saling berhubungan yang

disimpan secara bersama sedemikian rupa tanpa pengulangan (redudansi) yang

tidak perlu, untuk memenuhi berbagai kebutuhan.

79

3.1.6.1 Pemodelan data ER (Entity Relationship)

Basis data dapat digambarkan dengan menggunakan Entity Relationship.

ER merupakan hubungan antara entitas yang digunakan dalam sistem informasi

untuk menggambarkan hubungan antara entitas atau struktur data dan relasi antar

file.

Siswa

Guru

Admin

Pengumuman

Mengelola Mengajar

MembuatN

Mata pelajaran

Kelas

Mengelola

1

N

Mempunyai

Materi & Tugas

1

Mengelola

Forum

Mempunyai

Ujian Mempunyai SoalMengikutiMempunyai

Mengelola Memiliki

MemilikiMengirim /

menerima

Pesan

Mengirim /

menerima

Id_forum Id_Komentar

NIP

Id_kelas

Id_mapelNIPId_mapel

Id_Admin

Melihat N1

Id_materi

Id_pesan

Id_kelas

NIS Id_ujianNIS Id_ujianId_ikut

Mengelola

N

N

N1

1

111

1

1

N N

N 1

N

1

1

N

1

1

N N N

1

N

NN

N

1

Upload Tugas

Mengumpulkan

Memeriksa

1

N

1

N

Id_tugas

u_nilai

Kepala sekolah

Memiliki

N

1

NIP

Konfigurasi

Id_konf

Memiliki

N

Komentar

MemberiN

Memberi

1

N

1

1Id_ujian

Tahun Ajaran

Mengelola

1

N

Memiliki

1

NBerita

Mengelola

1

N

Id_berita

1

Memiliki

Memiliki

1

1

N

N

1

Memiliki

1

Id_pengumuman

Memiliki

N

1

Memiliki

N

Memiliki

N

Gambar 3.4 Entity Relational sistem e-learning berbasis web

3.1.7 Analisis Kebutuhan Fungsional

3.1.7.1 Diagram konteks

Dalam melakukan analisis terhadap sistem digunakan suatu perangkat yaitu

DFD (Data Flow Diagram). DFD merupakan diagram notasi yang digunakan

80

untuk menunjukkan aliran data pada perangkat lunak. DFD yang pertama adalah

DFD level 0 atau yang biasa disebut diagram konteks.

Berdasarkan analisis yang telah dilakukan, maka dapat ditentukan content

apa saja yang akan ditampilkan dalam sistem e-learning ini.

Aplikasi E-learning

SMK Negeri 2 CimahiGuru

Data Tugas Siswa

Data Forum

Data Jawaban Ujian

Data Nilai Ujian

Data Soal Ujian

Data Ujian

Data Pengumuman

Data Materi

Data Pesan

Login Guru

Inf. Login Guru

Inf. Dt_Ujian

Inf. Dt_Pesan

Inf. Dt_Materi

Inf. Dt_Pengumuman

Inf. Dt_Soal Ujian

Inf. Dt_Nilai Ujian

Inf. Dt_Jawaban Ujian

Inf. Dt_Forum

Inf. Dt_Tugas Siswa

Inf. Login Admin

Inf. Dt_Profil Admin

Inf. Dt_Tahun Ajaran

Inf. Dt_Guru

Inf. Dt_Mt Pelajaran

Inf. Dt_Mengajar

Inf. Dt_Kelas

Inf. Dt_Siswa

Inf. Forum

Inf. Dt_Berita

Inf. Dt_Buku Tamu

Data Buku Tamu

Data Berita

Data Forum

Data Siswa

Data Kelas

Data Mengajar

Data Mt_Pelajaran

Data Guru

Data Tahun Ajaran

Data Profil Admin

Login Admin

Data Login Kepala Sekolah

Data Guru

Data Siswa

Data Monitoring Siswa

Inf. Login Kepala Sekolah

Inf. Dt_Siswa

Inf. Dt_Guru

IInf. Dt_Lap Siswa

Data Lap Nilai ujian siswa

Data Tugas

Data Forum

Data Jawaban

Data Ujian

Data Materi

Data Pengumuman

Data Pesan

Login Siswa

Inf. Login Siswa

Inf. Dt_Pesan

Inf. Dt_Pengumuman

Inf. Dt_Materi

Inf. Dt_Ujian

Inf. DT_Jawaban

Inf. Dt_Forum

Inf. Dt_Tugas

Inf. Dt_Lap Nilai ujian siswa

Admin

Kepala Sekolah

Siswa

Gambar 3.5 Diagram konteks sistem e-learning berbasis web

3.1.7.2 Data Flow Diagram (DFD)

Data Flow Diagram (DFD) merupakan model dari sistem untuk

menggambarkan pembagian sistem ke model yang lebih kecil. DFD menguraikan

81

proses-proses yang terjadi dalam sistem sampai proses yang lebih detail. DFD dari

Sistem E-learning berbasis web dapat diuraikan sebagai berikut:

a. DFD Level 1

Pada DFD Level 1 berikut ini menjelaskan kepada pengguna, bahwa

pengguna dapat melakukan akses dengan memilih menu yang ada seperti login ke

dalam sistem sebagai admin, kepala sekolah, guru, atau siswa yang di dalamnya

terdapat beberapa menu pilihan yang berbeda sesuai hak akses setiap

penggunanya.

82

2.1

PENGOLAHAN

PROFIL PENGGUNA

3.1

PENGOLAHAN DATA

MASTER

4.1

PENGOLAHAN DATA

PEMBELAJARAN

5.1

AKTIFASI USER

ADMIN GURU SISWAKEPSEK

Info

Lo

gin

Gu

ru

Info

Lo

gin

Sis

wa

Dt Login Guru

Da

ta L

og

in S

isw

a

1.1

LOGINADMIN

Info Login Admin

Data Login Admin

Data Login Siswa

Info Login SiswaData Login Siswa

Info Login Guru

Info Login Admin

Data Login Kepsek

Info Login Kepsek

Data Login Admin

Data Setting KepsekInfo Setting Kepsek

Data Setting Guru

Info Setting Guru

Data Setting Siswa

Info Setting Siswa

Data Mengajar

Data Guru

Data Siswa

Data Kelas

Data Mt_Pelajaran

Data Forum

Data Berita

Inf. Dt_Kelas

Inf. Dt_Siswa

Inf. Dt_Guru

Inf. Forum

Inf. Dt_berita

Inf. Dt_Pelajaran

Inf. Dt_Mengajar

Data Soal,Data Pengumuman,

Data Materi & Tugas, Data Pesan

Data Ujian, Data Forum, Data Jawaban

Data Nilai

Inf. Dt_Nilai, Inf.

Dt_Jawaban

Inf. Dt_Forum, Inf.

Dt_Ujian,

Inf. Dt_Pesan, Inf.

Dt_Materi & Tugas,

Inf. Dt_Pengumuman,

Inf. Dt_Soal

Data Pengumuman,

Data Materi & Tugas,

Data Pesan,

Data Ujian,

Data Forum,

Data Nilai

Inf. Dt_Pengumuman,

Inf. Dt_Materi & Tugas,

Inf. Dt_Pesan,

Inf. Dt_Ujian,

Inf. Dt_Forum,

Inf. Dt_Nilai

Data Guru, Data Siswa,

Data Monitoring Guru,

Data Monitoring Siswa

Inf. Dt_Guru,

Inf. Dt_Siswa,

Inf. Dt_Monitoring Guru,

Inf. Dt_Monitoring Siswa

Mengajar

GURUSISWA

Mata

Pelajaran

Berita Kelas

Data Berita

Inf. Dt_BeritaData Mengajar

Inf. Dt_Mengajar

Data KelasInf. Dt_Kelas

Data Mapel

Inf. Dt_Mapel

Inf. Dt_Guru

Data Siswa

Data GuruInf. Dt_Siswa

Data Siswa

Inf. Dt_Siswa

Materi &

Tugas

Soal Ujian

Ujian

Nilai

PengumumanForumPesan

Inf. Dt_Pesan

Data Pesan

Data Forum

Inf. Dt_Forum

Data Nilai

Inf. Dt_Nilai

Data UjianInf. Dt_Ujian

Data Pengumuman

Inf. Dt_Pengumuman

Da

ta S

oa

l

Inf. D

T_S

oa

l

Data Materi

Inf. Dt_Materi

Data Siswa

Inf. Dt_Guru

Inf. Dt_SiswaData Guru

Data GuruInf. Dt_Guru

Data Siswa

Inf. Dt_Siswa

Data Forum Mapel

Inf. Dt_Forum Mapel

Tahun Ajar

Data Tahaun Ajar

Inf. Dt_Tahun Ajar

Data Tahaun Ajar

Inf. Dt_Tahun Ajar

Gambar 3.6 DFD Level 1 E-learning SMK Negeri 2 Cimahi

83

b. DFD Level 2

Proses-proses yang terdapat pada DFD level 1 dapat dipecah lagi menjadi

DFD level 2, dimana setiap prosesnya merupakan rincian proses yang terjadi

pada level 1. Hasil perincian proses yang ada pada DFD Level 1 adalah

sebagai berikut:

1. DFD Level 2 Proses 1.1 Login Pengguna

Pada DFD Level 2 proses 1.1 ini merupakan proses login yang akan

memeriksa akun user berupa NIP, NIS, Id Admin, Id Kepala Sekolah, dan

Password.

1.1.1

VERIFIKASI

ADMIN,NIP,NIS,KEPSEK

1.1.2

VERIFIKASI

PASSWORD

SISWA

GURU

KEPSEK

ADMIN

Data Login Kepsek

Data Login Admin

Info Login admin

Info Login Kepsek

Data Login Guru

Info Login Guru

Data Login Siswa

Info Login Siswa

Data Login Siswa

Info Login Siswa

Data Login Guru

Info Login Guru

Data Login Kepsek

Info Login Kepsek

Data Login Admin

Info Login Admin

T_SISWAT_GURU

T_KEPSEKT_ADMIN

Data Siswa

Data Guru

Data Kepsek

Data Admin

Data Login User

Valid

Data Siswa

Data Guru

Data Kepsek

Data Admin

Gambar 3.7 DFD Level 2 Proses 1.1 Login

84

2. DFD Level 2 Proses 2.1 Pengolahan Profil Pengguna

Pada DFD Level 2 Proses 2.1 merupakan pengolahan profil

pengguna, dimana didalamnya terdapat 2 proses yaitu ubah password dan

ubah email.

2.1.2

Ganti Password

GURU

ADMIN

Data Admin

Data Guru

Data Siswa

Info Ganti Pass Guru

Info Ganti Email Guru

Info Ganti Pass Admin

Info Ganti Email Admin

T_SISWA

T_KEPSEK

Data Kepsek

Data Siswa

Info Ganti Email Kepsek

Info Ganti Pass Siswa

2.1.1

Edit Profil

SISWA

KEPSEK

2.1.3

Ganti Email

T_ADMIN

T_GURU

Info Edit Admin

Info Edit Guru

Data Guru

Data Admin,

Data Guru

Data Admin,

Info Edit Siswa

Data Ortu

Info Edit Kepsek

Data SiswaInfo Ganti Pass Ortu

Info Ganti Email Siswa

Data Siswa

Data Admin, Info Admin



Data Guru, Info Guru



Data Siswa, Info Siswa



Data Kepsek, Info Kepsek



Gambar 3.8 DFD Level 2 Proses Pengolahan Profil Pengguna

3. DFD Level 2 Proses 3.1 Pengolahan Data Master

Pada DFD Level 2 Proses 3.1 merupakan pengolahan data master,

dimana didalamnya terdapat 7 proses diantaranya adalah: proses pengolahan

mata pelajaran, proses pengolahan mengajar, proses pengolahan berita, proses

pengolahan kelas, proses pengolahan guru, dan proses pengolahan siswa.

85

3.1.1

PENGOLAHAN

MATA PELAJARAN

3.1.2

PENGOLAHAN

MENGAJAR

3.1.3

PENGOLAHAN

BERITA

3.1.4

PENGOLAHAN

KELAS

3.1.5

PENGOLAHAN

DATA GURU

3.1.6

PENGOLAHAN

DATA SISWA

ADMIN

Data Mata Pelajaran

Info Mata Pelajaran

Data Mengajar

Info Mengajar

Data Berita

Info Berita

Data Kelas

Info Kelas

Info Siswa

Info Guru

Data Siswa

Data Guru

T_Matapelajaran

T_Mengajar

T_Berita

T_Kelas

T_Guru

T_Siswa

T_Konfigurasi

Data Mata pelajaran

Data Mengajar

Data Berita

Data Kelas

Data Guru

Data Siswa

Data Mata pelajaran

Data Mengajar

Data Berita

Data Kelas

Data Guru

Data Siswa

Data Semester

Data Semester

Data Mengajar

Data Mata pelajaran

Data Kelas

Data Kelas

3.1.7

PENGOLAHAN

TAHUN AJARAN

Info Tahun Ajaran

Data Tahun Ajaran

T_Tahun Ajar

Data Tahun Ajar

Data Tahun Ajar

Data Tahun Ajar

Data Tahun Ajar

Data Tahun Ajar

Gambar 3.9 DFD Level 2 Proses 3.1 Pengolahan Data Master

86

4. DFD Level 2 Proses 4.1 Pengolahan Data Pembelajaran

Pada DFD Level 2 Proses 4.1 ini merupakan pengolahan data

pembelajaran dimana di dalamnya terdapat 7 proses diantaranya adalah:

proses pengolahan materi dan tugas, proses pengolahan soal ujian, proses

pengolahan ujian, proses pengolahan nilai, proses pengolahan pengumuman,

proses pengolahan forum, dan proses pengolahan pesan.

4.1.1

PENGOLAHAN

MATERI & TUGAS

4.1.2

PENGOLAHAN

SOAL UJIAN

4.1.7

PENGOLAHAN

PESAN

4.1.3

PENGOLAHAN

UJIAN

4.1.4

PENGOLAHAN

NILAI UJIAN

4.1.5

PENGOLAHAN

PENGUMUMAN

4.1.6

PENGOLAHAN

FORUM

GURU

Data Materi & TugasInfo Materi & Tugas

Data Soal UjianInfo Soal Ujian

Data UjianInfo Ujian

Data Nilai

Info Pesan

Info ForumData Forum

Data Pesan

Data Pengumuman

T_Materi

T_Soal

T_Ujian

T_Pengumuman

T_Forum

T_Pesan

T_Kelas

Data Materi Pelajaran

Data Soal Ujian

Data Ujian

Data Nilai Ujian

Data Pengumuman

Data Forum

Data Pesan

Data Materi Pelajaran

Data Soal Ujian

Data Ujian

Data Nilai Ujian

Data Pengumuman

Data Forum

Data Pesan

Data Kelas

Data Kelas

Data Kelas

ADMINInfo Forum

Data Forum

Info Nilai

Info Pengumuman

T_Tugas

SISWA

Data Upload Tugas

Info Upload Tugas

Data Tugas Data Tugas

4.1.8

PENGOLAHAN

DASHBOARD

Data Forum

Info Forum

Data Pesan

Info Pesan

KEPSEK Data Dashboard

Info Dashboard Data Kelas

Data Ujian

Gambar 3.10 DFD Level 2 Proses 4.1 Pengolahan Data Pembelajaran

87

5. DFD Level 2 Proses 5.1 Pengolahan Aktifasi User

Pada DFD Level 2 Proses 5.1 ini merupakan pengolahan aktifasi user

proses aktifasi dilakukan untuk mendaftarkan user sesuai dengan jenis akun

pengguna, dengan mengisi data penggunanya user akan terdaftar.

5.1.1

INPUT DATA GURU,

SISWA

5.1.2

EDIT PASSWORD

GURU

SISWA

Data aktifasi guruInfo aktifasi guru invalid

Data aktifasi siswaInfo aktifasi siswa invalid

Data aktifasi siswa

Info aktifasi siswa invalid

Da

ta a

ktifa

si g

uru

Info

aktifa

si o

ran

g tu

a in

va

lid

T_SISWAT_GURU

Data aktifasi guru

Data aktifasi guruData aktifasi siswa

Data aktifasi siswa

Gambar 3.11 DFD Level 2 Proses 5.1 Pengolahan Aktifasi User

88

c. DFD Level 3

Dfd level 3 adalah merupakan hasil dekomposisi atau turunan dari dfd

level 2, di bawah ini adalah merupakan hasil dari dekomposisi dari dfd level

2.

1. DFD Level 3 Proses 3.1.1 Pengolahan Mata Pelajaran

Pada DFD Level 3 Proses 3.1.1 ini merupakan pengolahan data mata

pelajaran di dalamnya terdapat 3 proses yaitu: tambah mata pelajaran, edit

mata pelajaran, dan hapus mata pelajaran.

3.1.1.1

TAMBAH

MATA PELAJARAN

3.1.1.2

EDIT

MATA PELAJARAN

3.1.1.3

HAPUS

MATA PELAJARAN

ADMIN

Data Mata Pelajaran

Info Mata Pelajaran

Data Mata Pelajaran

Info Mata Pelajaran

Data Mata Pelajaran

Info Mata Pelajaran

T_Mata Pelajaran

Data Mata Pelajaran

Data Mata Pelajaran

Data Mata Pelajaran

Data Mata Pelajaran

Data Mata Pelajaran

Data Mata Pelajaran

T_KonfigurasiData Kelas

Data Kelas

T_Tahun Ajar Data Tahun Ajar

Data Tahun Ajar

Gambar 3.12 DFD Level 3 Proses 3.1.1 Pengolahan Mata Pelajaran

89

2. DFD Level 3 Proses 3.1.2 Pengolahan Mengajar

Pada DFD level 3 proses 3.1.2 berikut ini merupakan pengolahan

mengajar, dimana didalamnya terdapat 4 proses yaitu: proses pilih guru, pilih

mata pelajaran, edit mengajar dan hapus mengajar.

3.1.2.1

PILIH GURU

3.1.2.2

PILIH

MATA PELAJARAN

3.1.2.3

EDIT MENGAJARADMIN

Data Mengajar

Info Mengajar

Data Mengajar

Info Mengajar

Data Mengajar

Info Mengajar

T_Mengajar

Data Mata Pelajaran

Data Mata Pelajaran

Data Mata Pelajaran

Data Mata Pelajaran

Data Mata Pelajaran

Data Mata Pelajaran

T_GuruData Guru

3.1.2.4

HAPUS MENGAJARData Mengajar

Info Mengajar

Data Guru

T_Mata Pelajaran T_Kelas

Data Mata Pelajaran

Data Kelas

Gambar 3.13 DFD Level 3 Proses 3.1.2 Pengolahan Mengajar

90

3. DFD Level 3 Proses 3.1.3 Pengolahan Berita

Pada DFD Level 3 Proses 3.1.3 ini merupakan pengolahan data berita

dimana di dalamnya terdapat 4 proses yaitu: tambah berita, edit berita, hapus

berita, dan lihat berita.

3.1.3.1

TAMBAH BERITA

3.1.3.2

EDIT BERITA

3.1.3.3

HAPUS BERITA

3.1.3.4

LIHAT BERITAADMIN

Data Berita

Info Berita

Data Berita

Info Berita

Data Berita

Info Berita

Data Berita

Info Berita

T_Berita

Data Berita

Data Berita

Data Berita

Data Berita

Data Berita

Data Berita

Data BeritaData Berita

GURU

Data Berita, Info Berita Data Berita, Info Berita

SISWA

Gambar 3.14 DFD Level 3 Proses 3.1.3 Pengolahan Berita

91

4. DFD Level 3 Proses 3.1.4 Pengolahan Kelas

Pada DFD Level 3 Proses 3.1.4 ini merupakan pengolahan data kelas di

dalamnya terdapat 3 proses yaitu: tambah kelas, edit kelas, dan hapus kelas.

3.1.4.1

TAMBAH KELAS

3.1.4.2

EDIT KELAS

3.1.4.3

HAPUS KELASADMIN

Data Kelas

Info Kelas

Data Kelas

Info Kelas

Data Kelas

Info Kelas

T_Kelas

Data Kelas

Data Kelas

Data Kelas

Data Kelas

Data Kelas

Data Kelas


Data Tahun Ajar

Gambar 3.15 DFD Level 3 Proses 3.1.4 Pengolahan Kelas

5. DFD Level 3 Proses 3.1.5 Pengolahan Guru

Pada DFD Level 3 Proses 3.1.5 ini merupakan pengolahan data guru di

dalamnya terdapat 4 proses yaitu: tambah guru, edit guru, hapus guru, dan

mengajar.

92

3.1.5.1

TAMBAH GURU

3.1.5.2

EDIT GURU

3.1.5.3

HAPUS GURU

ADMIN

Data Guru

Info Guru

Data Guru

Info Guru

Data Guru

Info Guru

Data Guru

Data Guru

Data Guru

Data Guru

Data Guru

Data Guru

T_Guru


Data Tahun Ajar

Gambar 3.16 DFD Level 3 Proses 3.1.5 Pengolahan Guru

6. DFD Level 3 Proses 3.1.6 Pengolahan Siswa

Pada DFD Level 3 Proses 3.1.6 ini merupakan pengolahan data siswa

di dalamnya terdapat 4 proses yaitu: tambah siswa, edit siswa, dan hapus

siswa.

93

3.1.6.1

TAMBAH SISWA

3.1.6.2

EDIT SISWA

3.1.6.3

HAPUS SISWA

ADMIN

Data Siswa

Info Siswa

Data Siswa

Info Siswa

Data Siswa

Info Siswa

Data Siswa

Data Siswa

Data Siswa

Data Siswa

Data Siswa

Data Siswa

T_Siswa

T_KelasData Kelas

Data Kelas


Data Tahun Ajar

Gambar 3.17 DFD Level 3 Proses 3.1.6 Pengolahan Siswa

7. DFD Level 3 Proses 3.1.7 Pengolahan Tahun Ajaran

Pada gambar DFD level 3 proses 3.1.7 berikut ini merupakan proses

tahun ajaran, dimana terdapat 3 proses di dalamnya yaitu proses tambah tahun

ajaran, proses ubah tahun ajaran dan proses hapus tahun ajaran.

94

3.1.7.1

TAMBAH

TAHUN AJARAN

3.1.7.2

EDIT

TAHUN AJARAN

3.1.7.3

HAPUS

TAHUN AJARAN

ADMIN

Data Tahun Ajaran

Info Tahun Ajaran

Data Tahun Ajaran

Info Tahun Ajaran

Data Tahun Ajaran

Info Tahun Ajaran

Data Tahun Ajaran

Data Tahun Ajaran

Data Tahun Ajaran

Data Tahun Ajaran

Data Tahun Ajaran

Data Tahun Ajaran

T_Tahun Ajar

3.1.7.4

SET AKTIF

TAHUN AJARAN

Data Tahun Ajaran

Info Tahun Ajaran

Data Tahun Ajaran

Data Tahun Ajaran

Gambar 3.18 DFD Level 3 Proses 3.1.7 Pengolahan Tahun Ajaran

8. DFD Level 3 Proses 4.1.1 Pengolahan Materi & Tugas


materi & tugas, dimana didalamnya terdapat 5 proses yaitu: proses tambah

materi & tugas, edit materi & tugas, hapus materi & tugas, download materi

& tugas dan upload materi & tugas.

95

4.1.1.1

TAMBAH MATERI

& TUGAS

4.1.1.2

EDIT MATERI

& TUGAS

4.1.1.3

HAPUS MATERI

& TUGAS

GURU

Data Materi

Info Materi

Data Materi

Info Materi

Data Materi

Info Materi

T_Materi

Data Materi

Data Materi

Data Materi

Data Materi

Data Materi

Data Materi

T_Mata PelajaranData Mata Pelajaran

4.1.1.4

DOWNLOAD

MATERI & TUGAS

Data Materi & TugasInfo Materi & Tugas

Data Materi

4.1.1.5

UPLOAD FILE

MATERI & TUGASData Materi & Tugas

Info Materi & Tugas

T_Kelas

Data Materi

Data Kelas

Data Kelas Data Mata Pelajaran

SISWA

Data Materi & Tugas

Info Materi & Tugas

Data Materi & Tugas

Data Upload Tugas

Info Upload Tugas

T_Tugas

Data TugasData Tugas

Data TugasData Tugas

Gambar 3.19 DFD Level 3 Proses 4.1.1 Pengolahan Materi

96

9. DFD Level 3 Proses 4.1.2 Pengolahan Soal Ujian

Pada DFD level 3 proses 4.1.2 berikut ini merupakan pengolahan soal,

dimana didalamnya terdapat 3 proses yaitu: proses tambah soal ujian, edit

soal ujian, dan hapus soal ujian.

4.1.2.1

TAMBAH SOAL

UJIAN

4.1.2.2

EDIT SOAL

UJIAN

4.1.2.3

HAPUS SOAL

UJIAN

GURU

Data Soal

Info Soal

Data Soal

Info Soal

Data Soal

Info Soal

T_Soal

Data Soal

Data Soal

Data Soal

Data Soal


Data Soal

T_Kelas

Data Soal

Data Kelas

Data Kelas Data Mata Pelajaran

Gambar 3.20 DFD Level 3 Proses 4.1.2 Pengolahan Soal

10. DFD Level 3 Proses 4.1.3 Pengolahan Ujian Mata Pelajaran

Pada DFD level 3 proses 4.1.3 berikut ini merupakan pengolahan ujian,

dimana didalamnya terdapat 3 proses yaitu: proses tambah ujian, daftarkan

ujian, dan tampil jawaban ujian.

97

4.1.3.1

DAFTARKAN UJIAN

MATA PELAJARAN

GURU

Data Ujian

Info Ujian

Data Ujian

Info Materi

Data Ujian

Info Materi

T_Ujian

Data Ujian

Data Ujian

Data Ujian

Data Ujian


Data Ujian

4.1.3.3

TAMPIL JAWABAN

UJIAN

T_Kelas

Data Ujian

Data Kelas

T_SoalData Soal Ujian

4.1.3.2

NILAI UJIAN

Data Soal UjianD

ata

So

al U

jian

Gambar 3.21 DFD Level 3 Proses 4.1.3 Pengolahan Ujian

11. DFD Level 3 Proses 4.1.4 Pengolahan Nilai Ujian

Pada DFD level 3 proses 4.1.4 berikut ini merupakan pengolahan nilai

ujian, dimana didalamnya terdapat 1 proses yaitu: proses lihat nilai ujian.

4.1.4.1

LIHAT NILAI UJIANGURU Data Nilai Ujian

Info Nilai Ujian

T_Ujian

Data Nilai Ujian

Data Nilai Ujian

SISWA Data Nilai Ujian

Info Nilai Ujian

Gambar 3.22 DFD Level 3 Proses 4.1.4 Pengolahan Nilai Ujian

98

12. DFD Level 3 Proses 4.1.5 Pengolahan Pengumuman


pengumuman, dimana didalamnya terdapat 4 proses yaitu: proses tambah

pengumuman, edit pengumuman, hapus pengumuman, dan lihat

pengumuman.

4.1.5.1

TAMBAH

PENGUMUMAN

4.1.5.2

EDIT

PENGUMUMAN

4.1.5.3

HAPUS

PENGUMUMAN

GURU

Data Pengumuman

Info Pengumuman

Data Pengumuman

Info Pengumuman

Data Pengumuman

Info Pengumuman

T_Pengumuman

Data Pengumuman

Data Pengumuman

Data Pengumuman

Data Pengumuman

Data Pengumuman

Data Pengumuman

4.1.5.4

LIHAT

PENGUMUMAN

Data Pengumuman

Info Pengumuman

Data Pengumuman

Data Pengumuman

T_Siswa

Data Siswa

SISWAData Pengumuman

Info Pengumuman

Gambar 3.23 DFD Level 3 Proses 4.1.5 Pengolahan Pengumuman

99

13. DFD Level 3 Proses 4.1.6 Pengolahan Forum

Pada DFD level 3 proses 4.1.6 berikut ini merupakan pengolahan forum,

dimana didalamnya terdapat 4 proses yaitu: proses tambah pengumuman, edit

pengumuman, hapus pengumuman, dan lihat pengumuman.

4.1.6.1

TAMBAH FORUM

MATA PELAJARAN

4.1.6.2

TAMBAH TOPIK

FORUM

4.1.6.3

LIHAT FORUMGURU

Data Forum

Info Forum

Data Forum

Info Forum

Data Forum

Info Forum

T_Forum

Data Forum

Data Forum

Data Forum

Data Forum

Data Forum

Data Forum

4.1.6.4

TAMBAH

KOMENTAR

Data Komentar

Info Komentar

T_Siswa

Data Forum

Info Forum

Info Komentar

Data Komentar

Data Forum

Data Forum

ADMIN

SISWAData Komentar

Info Komentar

Info Forum

Data Forum

Gambar 3.24 DFD Level 3 Proses 4.1.6 Pengolahan Forum

100

14. DFD Level 3 Proses 4.1.7 Pengolahan Pesan


pesan, dimana didalamnya terdapat 4 proses yaitu: proses tulis pesan, kirim

pesan, pesan masuk, dan pesan keluar.

4.1.7.1

TULIS PESAN

4.1.7.2

KIRIM PESAN

4.1.7.3

PESAN MASUKGURU

Data Tulis Pesan

Info Tulis Pesan

Data Kirim Pesan

Info Kirim Pesan

Data Pesan Masuk

Info Pesan Masuk

T_Pesan

Data Pesan

Data Pesan

Data Pesan

Data Pesan

Data Pesan

Data Pesan

4.1.7.4

PESAN KELUARData Pesan Keluar

Info Pesan Keluar

Data Pesan

Data Pesan

T_KelasData Kelas

Data Kelas

SISWA

Info Kirim Pesan

Data Kirim Pesan

Info Tulis Pesan

Data Tulis Pesan

Data Pesan Masuk

Info Pesan Masuk

Data Pesan Keluar

Info Pesan Keluar

Gambar 3.25 DFD Level 3 Proses 4.1.7 Pengolahan Pesan

101

15. DFD Level 3 Proses 4.1.8 Pengolahan Dashboard

4.1.8.1

MONITORING NILAI

UJIAN SISWA

KEPSEK Data Nilai Ujian Siswa

Info Nilai Ujian Siswa

T_Ujian

Data Nilai Ujian

Data Nilai Ujian

T_Kelas

Data Kelas

Data Kelas

Gambar 3.26 DFD Level 3 Proses 4.1.8 Pengolahan Dashboard

3.1.8 Spesifikasi Proses

Spesifikasi proses adalah keterangan dari sistem yang

digambarkan melalui DFD, untuk memperjelas proses-proses yang

sedang berlangsung.

Tabel 3.3 Spesifikasi Proses

No. Detail Keterangan

1. No. Proses 1.0

Nama Proses Login

Deskripsi Validasi data user yang digunakan untuk login

Source Administrator, Siswa, Guru, Kepala sekolah

Input Data login admin, guru, siswa dan kepala sekolah

Output Info data login admin, guru, siswa dan kepala sekolah

Destination Administrator, siswa dan kepala sekolah

102

Logika proses 1. User (Administrator, siswa, guru, kepala sekolah)

memasukkan data login pada form login.

2. User menekan tombol login.

3. Sistem mengecek tipe pengguna.

4. Sistem mengecek validasi NIS untuk siswa/NIP

untuk guru/Username untuk admin dan sandi pada

database.

5. Apabila data login valid, sistem akan menampilkan

halaman utama, apabila data login tidak valid, sistem

akan menampilkan pesan Login gagal. Silakan Login

kembali!

6. Jika data login kosong maka akan kelur pesan NIS / NIP masih kosong. Silahkan Login kembali!

Aturan Login:

- Login Siswa menggunakan NIS,

- Login Guru dan Kepala Sekolah menggunakan NIP

- Login admin menggunakan Username.

2. No. Proses 2.0

Nama Proses Pengolahan profil pengguna

Deskripsi Mengolah data-data akun pengguna

Source Administrator, Guru, Siswa

Input Data Admin, Data Guru, Data Siswa yang akan diubah

Output Info Admin, Info Guru, Info Siswa yang akan diubah

Destination Administrator, Guru, Siswa

Logika proses 1. User memilih menu pengolahan user (edit profil,

ganti password, ganti email)

2. Data user yang akan diolah dimasukan kedalam

system

3. Sistem akan mengecek isi data user

4. Jika data yang dimasukan sesuai maka Sistem

menampilkan perubahan akun pengguna

3. No. Proses 3.0

Nama Proses Pengolahan Data Master

Deskripsi Mengelola data master yang dibutuhkan aplikasi ini

Source Administrator

103

Input 1. Data Mata Pelajaran Yang ditambah

2. Data Mata Pelajaran Yang diubah

3. Data Mata Pelajaran Yang dihapus

4. Data mengajar yang ditambah

5. Data mengajar yang diubah

6. Dat mengajar yang dihapus

7. Data berita yang ditambah

8. Data berita yang diubah

9. Data berita yang dihapus

10. Data Kelas yang ditambah

11. Data Kelas yang diubah

12. Data Kelas yang dihapus

13. Data Guru Yang ditambah

14. Data Guru Yang diubah

15. Data Guru Yang dihapus

16. Data Siswa Yang ditambah

17. Data Siswa Yang diubah

18. Data Siswa Yang dihapus

Output 1. Data Mata Pelajaran Yang ditambah

2. Data Mata Pelajaran Yang diubah

3. Data Mata Pelajaran Yang dihapus

4. Data mengajar yang ditambah

5. Data mengajar yang diubah

6. Dat mengajar yang dihapus

7. Data berita yang ditambah

8. Data berita yang diubah

9. Data berita yang dihapus

10. Data Kelas yang ditambah

11. Data Kelas yang diubah

12. Data Kelas yang dihapus

13. Data Guru Yang ditambah

14. Data Guru Yang diubah

15. Data Guru Yang dihapus

16. Data Siswa Yang ditambah

17. Data Siswa Yang diubah

18. Data Siswa Yang dihapus Destination Administrator

Logika proses 1. Admin memasukan data master user(guru, dan

siswa)

2. Admin memilih proses tambah, ubah atau hapus

data user

3. Sistem akan mengecek isi dari data user

4. Apabila data yang dimasukan sesuai maka data

akan disimpan di data master pada sistem

4. No. Proses 4.0

Nama Proses Pengolahan Pembelajaran

104

Deskripsi Menampilkan semua menu-menu pembelajaran yang

disediakan Source Siswa, Guru, Orangtua

Input Data Materi & Tugas, Data Soal Ujian,Data Ujian, Data

Nilai, Data Pengumuman, Data Forum, Data Pesan Output Info Materi & Tugas, Info Soal Ujian, Info Ujian, Info Nilai,

Info Pengumuman, Info Forum, Info Pesan

Destination Guru, Siswa

Logika proses 1. User memilih menu pengolahan pembelajaran

2. Data pembelajaran dimasukkan

3. Sistem akan mengecek isi data pembelajaran yang

dimasukkan

4. Sistem mengelola data pembelajaran

5. Sistem akan menyimpan data pembelajaran yang

diolah

5. No. Proses 5.0

Nama Proses Aktifasi

Deskripsi Validasi data user yang digunakan untuk proses aktivasi

Source Administrator, guru, siswa, orangtua siswa dan kepala

sekolah Input Data aktivasi User

Output Info data aktivasi

Destination Administrator, guru, siswa, orangtua siswa dan kepala

sekolah

Logika proses 1. User (guru, siswa,ortu) memilih form aktivasi

2. Pengguna memasukkan NIP/NIS/Username

3. Sistem menampilakan form pengisian data pengguna

4. Jika data tidak valid maka akan keluar pesan error

5. Jika data valid maka akan keluar pesan

6. Sistem akan mengirim password default ke email

pengguna 6. No. Proses 2.1

Nama Proses Edit Profil

Deskripsi Mengunah profil pengguna

Source Administrator, kepsek, guru, siswa

Input Data profil

Output Imfo profil

Destination Administrator, kepsek, guru, siswa

Logika proses 1. user memilih pengaturan akun

2. Sistem menampilkan form pengaturan akun

3. user memasukan data profil

4. Sistem menyimpan data email dalam database

5. Jika data valid maka kan keluar pesan berhasil


9. No. Proses 2.2

Nama Proses Ganti Password

Deskripsi Menampilkan menu untuk mengubah password pengguna


105

Input Data Password Administrator, kepsek, guru, siswa yang

diubah Output Info Password Administrator, kepsek, guru, siswa yang

diubah


Logika proses 1. User memilih ganti password

2. Sistem menampilkan form ganti password

3. User memasukan data password baru

4. Sistem menyimpan data password baru dalam

database

5. Jika data valid maka kan keluar pesan berhasil


10. No. Proses 2.3

Nama Proses Ganti Email

Deskripsi Menampilkan menu untuk mengubah email pengguna


Input Data Email

Output Info Email


Logika proses 1. Administrator, kepsek, guru, siswa memilih menu

Ganti Email

2. Sistem menampilkan form ganti email lalu

menyimpan data email baru dan memperbaharui

email pengguna

11. No. Proses 3.1

Nama Proses Pengolahan Data Mata Pelajaran

Deskripsi Menampilkan menu untuk mengolah data mata pelajaran


Input Data mata pelajaran

Output Info mata pelajaran

Destination Administrator

Logika proses 1. Admin memilih menu Mata Pelajaran

2. Sistem akan menampilkan sub menu dari menu

MataPelajaran

12. No. Proses 3.2

Nama Proses Proses Mengajar

Deskripsi Mengolah Data Mengajar

Source Admin

Input Data Mengajar

Output Info Mengajar

Destination Admin, guru

Logika proses 1. Admin memilih sub menu tugas mengajar

2. Sistem menampilkan form mengajar

13. No. Proses 3.3

Nama Proses Proses Pengolahan Berita

106

Deskripsi Mengolah data berita


Input Data berita

Output Input berita


Logika proses 1. Guru memilih menu lihat berita

2. Sistem menampilakan submenu berita 14. No. Proses 3.4

Nama Proses Proses Pengolahan Kelas

Deskripsi Menampilkan menu untuk mengolah data kelas


Input Data kelas

Data nama kelas

Output Info kelas

Info nama kelas


Logika proses 1. Admin memilih menu kelas


kelas

15. No. Proses 3.5

Nama Proses Proses Pengolahan data guru

Deskripsi Menampilkan menu untuk tambah guru, edit guru dan hapus

guru


Input Data guru, data mengajar

Output Info guru, data mengajar


Logika proses 1. Admin memilih menu guru


guru

16. No. Proses 3.6

Nama Proses Proses Pengolahan data siswa

Deskripsi Menampilkan menu untuk tambah siswa daftar siswa


Input Data siswa

Output Info data siswa


Logika proses 1. Admin memilih menu siswa


siswa

18. No. Proses 4.1

Nama Proses Proses Pengolahan Materi & Tugas

Deskripsi Menampilkan menu untuk mengelola proses materi pelajaran

& tugas

Source Guru

107

Input Data Materi

Output Info materi

Destination Guru, siswa

Logika proses 1. Guru memilih menu pengolahan materi pelajaran

lalu mengunggah data materi pelajaran

2. Sistem menampilkan data materi pelajaran

19. No. Proses 4.2

Nama Proses Proses Pengolahan Soal Ujian

Deskripsi Menampilkan Menu SoalUjian

Source Guru, Siswa

Input Data Soal Ujian

Output Info Soal Ujian


Logika proses 1. Guru Memilih Menu Lihat Ujian

2. Guru Memilih Tambah Soal atau Hapus Soal

Ujian

3. Guru Memilih Aktifkan Ujian atau Ganti Ujian

4. Sistem akan menampilkan masa aktif pengerjaan

ujian.

20. No. Proses 4.3

Nama Proses Pengolahan Ujian

Deskripsi Menampilkan Menu Ujian

Source Guru

Input Data Ujian

Output Info ujian


Logika proses 1. Guru memilih menu Tambah Data

2. Guru Memilih Menu Ujian Pelajaran dan Kelas

3. Guru Memilih Menu Lihat Ujian

4. Guru Memilih Tambah Soal atau Hapus Soal

Ujian

5. Guru Memilih Aktifkan Ujian atau Ganti Ujian

6. Sistem akan menampilkan Data Ujian

berupaUlangan,Uas, atau Uts dan menampilkan

masa aktif pengerjaan ujian. 21. No. Proses 4.4

Nama Proses Pengolahan Nilai

Deskripsi Menampilkan menu untuk daftar siswa

Source Guru, Siswa

Input Data Siswa,Data Nilai Tugas, Data Nilai Ujian

Output Info Siswa,Info Nilai Tugas, Info Nilai Ujian


Logika proses 1. guru memilih menu daftar siswa

2. guru memilih nama siswa

3. Sistem menampilkan hasil nilai tugas dan hasil

nilai ujian 22. No. Proses 4.5

108

Nama Proses PengolahanPengumuman

Deskripsi Mengolah data Pengumuman

Source Guru

Input Data Pengumuman

Output Info Pengumuman

Destination Guru

Logika proses 1. Guru memilih menu lihat Pengumuman

2. Sistem menampilakan submenu Pengumuman

23. No. Proses 4.6

Nama Proses Pengolahan Forum

Deskripsi Mengolah data forum

Source Guru

Input Data forum

Output Info forum

Destination Guru

Logika proses 1. Guru memilih menu lihat Forum

2. Sistem menampilakan submenu Forum 24. No. Proses 4.7

Nama Proses Pengolahan Pesan

Deskripsi Mengolah data forum

Source Guru, Siswa

Input Data Pesan

Output Info Pesan


Logika proses 1. Guru memilih menu lihat Pesan

2. Sistem menampilakan submenu Pesan

25. No. Proses 3.1.1

Nama Proses Tambah Berita

Deskripsi Menambah berita


Input Data Berita

Output Info Berita

Destination Administrator,guru, siswa

Logika proses 1. Admin memilih menu tambah berita

2. Admin mengisi data berita

3. Klik tombol Tambah

4. Jika sesuai data berita tersimpan

5. Jika tidak penyimpanan berita gagal disimpan


Nama Proses Edit Berita

Deskripsi Mengedit Berita


Input Data Berita

Output Info Berita


109

Logika proses 1. Admin memilih menu edit berita

2. Admin mengubah data berita

3. Klik tombol Edit

4. Jika sesuai data berita tersimpan

5. Jika tidak penyimpanan berita gagal disimpan


Nama Proses Hapus Berita

Deskripsi Menghapus Berita


Input Data Berita

Output Info Berita


Logika proses 1. Admin memilih menu hapus berita

2. Admin memilih berita yang akan dihapus

3. Klik tombol Hapus

4. Jika sesuai data berita terhapus

5. Jika tidak penyimpanan berita gagal dihapus


Nama Proses Lihat Berita

Deskripsi Melihat Berita


Input Data Berita

Output Info Berita


Logika proses 1. Admin, guru, siswa dan melihat berita di halaman

home website. 29. No. Proses 3.2.1

Nama Proses Tambah Kelas

Deskripsi Proses untuk menambahkan kelas


Input Data kelas yang di tambah

Output Info kelas yang di tambah



2. Admin melihat informasi data kelas

3. Tambah kelas sesuai yang diinginkan

4. Jika sesuai data kelas tersimpan

5. Jika tidak penyimpanan kelas gagal disimpan


Nama Proses Edit Kelas

Deskripsi Mengubah data Kelas


Input Data Kelas yang diubah

Output Info Kelas yang diubah

Destination Admin, guru, siswa

110



3. Ubah kelas sesuai yang diinginkan




Nama Proses Hapus Kelas

Deskripsi Menghapus daftar kelas


Input Data kelas

Output Info kelas

Destination Administrator, siswa, guru



3. Hapus kelas sesuai yang diinginkan




Nama Proses Tambah Mata Pelajaran

Deskripsi Menambah Data Mata Pelajaran


Input Data Mata Pelajaran

Output Info Mata Pelajaran

Destination Administrator, Guru, siswa

Logika proses 1. Admin memilih menu mata pelajaran

2. Admin melihat informasi data mata pelajaran

3. Tambah mata pelajaran sesuai yang diinginkan

4. Jika sesuai data mata pelajaran tersimpan

5. Jika tidak penyimpanan mata pelajaran gagal

disimpan


Nama Proses Edit Mata Pelajaran

Deskripsi Mengedit data Mata pelajaran


Input Data Mata pelajaran

Output Info Mata pelajaran

Destination Admin, Siswa, Guru



3. Ubah mata pelajaran sesuai yang diinginkan



disimpan


Nama Proses Hapus Mata pelajaran

111

Deskripsi Menghapus Data Mata pelajaran




Destination Administrator, siswa, guru



3. Hapus mata pelajaran sesuai yang diinginkan



disimpan 38. No. Proses 3.4.1

Nama Proses Tambah Data Guru

Deskripsi Menambah Data Guru


Input Data guru

Output Info guru

Destination Guru, admin


2. Admin melihat informasi data guru

3. Tambah guru sesuai yang diinginkan

4. Jika sesuai data guru tersimpan

5. Jika tidak penyimpanan guru gagal disimpan


Nama Proses Edit Data Guru

Deskripsi Mengubah Data Guru

Source Admin

Input Data guru

Output Info guru

Destination Admin, guru, siswa



3. Ubah guru sesuai yang diinginkan




Nama Proses Hapus Data Guru

Deskripsi Menghapus data guru

Source Admin

Input Data guru

Output Info guru

Destination Admin

112



3. Ubah guru sesuai yang diinginkan




Nama Proses Tambah siswa

Deskripsi Menambah Data Siswa


Input Data siswa

Output Info siswa

Destination Admin, Siswa


2. Admin melihat informasi data siswa

3. Tambah siswa sesuai yang diinginkan

4. Jika sesuai data siswa tersimpan

5. Jika tidak penyimpanan siswa gagal disimpan


Nama Proses Edit siswa

Deskripsi Mengedit siswa


Input Data siswa

Output Info siswa

Destination Admin,Siswa



3. Ubah siswa sesuai yang diinginkan




Nama Proses Hapus siswa

Deskripsi Menghapus daftar siswa


Input Data siswa

Output Info siswa

Destination Admin,Siswa



3. Hapus siswa sesuai yang diinginkan




Nama Proses Pilih guru mengajar

Deskripsi Memilih guru mengajar


113

Input Data guru

Output Info guru

Destination Administrator, guru

Logika proses 1. Admin memilih guru yang telah ada yang nantinya

akan mengajarkan pelajaran


Nama Proses Pilih mata pelajaran mengajar

Deskripsi Memilih mata pelajaran yang akan diajarkan





Logika proses 1. Admin memilih mata pelajaran yang akan diajarkan

oleh guru tersebut


Nama Proses Edit Data Mengajar

Deskripsi Mengedit data mengajar


Input Data Mengajar



Logika proses 1. Admin memilih menu data mengajar

2. Admin melihat informasi data mengajar

3. Edit data mengajar sesuai yang diinginkan

4. Jika sesuai data mengajar tersimpan

5. Jika tidak penyimpanan data mengajar gagal

disimpan


Nama Proses Hapus Data Mengajar

Deskripsi Menghapus data mengajar


Input Data Mengajar



Logika proses 1. Guru memilih menu data mengajar

2. Guru melihat informasi data mengajar

3. Hapus data mengajar sesuai yang diinginkan

4. Jika sesuai data mengajar tersimpan

5. Jika tidak penyimpanan data mengajar gagal


Nama Proses Tambah Materi

Deskripsi Menambah data materi

Source Guru

Input Data materi, data mata pelajaran, data kelas

Output Info materi ,Info mata pelajaran, Info kelas

114


Logika proses 1. Admin memilih menu materi

2. Admin melihat informasi data materi

3. Tambah daftar materi sesuai yang diinginkan

4. Jika sesuai data materi tersimpan

5. Jika tidak penyimpanan data materi gagal


Nama Proses Edit Materi

Deskripsi Mengedit data materi

Source Guru

Input Data Materi, Data Mata Pelajaran, Data Kelas

Output Info Materi ,Info Mata Pelajaran, Info Kelas




3. Ubah data materi sesuai yang diinginkan




Nama Proses Hapus Materi

Deskripsi Manghapus Data Materi Pelajaran

Source Guru

Input Data Materi Pelajaran

Output Info Materi Pelajaran




3. Hapus daftar materi sesuai yang diinginkan




Nama Proses Download Materi

Deskripsi Mengambil materi pelajaran berbentuk modul,multimedia.

Source Guru,Siswa

Input Data Materi

Output Info Materi

Destination Guru,Siswa

Logika proses 1. Guru mengklik submenu daftar materi

2. Guru melihat judul materi yang langsung dapat

melihat materi yang di masukan.

3. Guru dan Siswa dapat mendownload materi

tersebut 55. No. Proses 4.1.5

Nama Proses Pengolahan File Materi

Deskripsi Memasukan beberapa file materi berbentuk modul dan

multimedia.

115

Source Guru

Input Data Materi

Output Info Materi

Destination Guru

Logika proses 1. Guru mengklik submenu daftar materi

2. Guru memilih upload file lalu masukan jumlah file

yang akan

dimasukan. 56. No. Proses 4.2.1

Nama Proses Tambah Soal

Deskripsi Membuat Data soal

Source Guru

Input Data soal, Data Matapelajaran, Data Kelas

Output Info soal, Info Matapelajaran,Info Kelas,

Destination Guru

Logika proses 1. Guru memilih menu soal

2. Guru melihat informasi data soal

3. Tambah data soal sesuai yang diinginkan

4. Jika sesuai data soal tersimpan

5. Jika tidak penyimpanan data banksoal gagal


Nama Proses Edit Soal

Deskripsi Mengedit Soal

Source Guru

Input Data Soal, Data Matapelajaran, Data Kelas

Output Info Soal, Info Matapelajaran,Info Kelas,

Destination Guru

Logika proses 1. Guru memilih menu banksoal

2. Guru melihat informasi data banksoal

3. Ubah data banksoal sesuai yang diinginkan

4. Jika sesuai data banksoal tersimpan



Nama Proses Hapus Soal

Deskripsi Menghapus Daftar Soal

Source Guru

Input Data Soal

Output Info Soal

Destination Siswa, Guru

Logika proses 1. Guru memilih menu banksoal

2. Guru melihat informasi data banksoal

3. Hapus data banksoal sesuai yang diinginkan

4. Jika sesuai data banksoal tersimpan


disimpan


Nama Proses Tambah Ujian

116

Deskripsi Menambah Ujian

Source Guru

Input Data Ujian

Output Info Ujian


Logika proses 1. Guru memilih menu ujian

2. Guru melihat informasi data ujian

3. Tambah data ujian sesuai yang diinginkan

4. Jika sesuai data ujian tersimpan

5. Jika tidak penyimpanan data ujian gagal disimpan


Nama Proses Edit Ujian

Deskripsi Mengedit Ujian

Source Guru

Input Data Ujian

Output Info Ujian




3. Ubah data ujian sesuai yang diinginkan

4. Jika sesuai perubahan data ujian tersimpan

5. Jika tidak perubahan data ujian gagal disimpan


Nama Proses Hapus Ujian

Deskripsi Menghapus Ujian

Source Guru

Input Data Ujian

Output Info Ujian




3. Hapus data ujian sesuai yang diinginkan

4. Jika sesuai perubahan data ujian tersimpan

5. Jika tidak perubahan data ujian gagal disimpan


Nama Proses Tambah Pengumuman

Deskripsi Menambah data pengumuman

Source Guru

Input Data pengumuman

Output Info pengumuman

Destination Siswa

117

Logika proses 1. Guru memilih menu pengumuman

2. Guru melihat informasi data pengumuman

3. Tambah data pengumuman sesuai yang diinginkan

4. Jika sesuai data pengumuman tersimpan

5. Jika tidak penyimpanan data pengumuman gagal


Nama Proses Edit pengumuman

Deskripsi Mengedit pengumuman

Source Guru

Input Data pengumuman yang diubah

Output Info pengumuman yang diubah

Destination Siswa



3. Ubah data pengumuman sesuai yang diinginkan

4. Jika sesuai data pengumuman tersimpan

5. Jika tidak penyimpanan data pengumuman gagal


Nama Proses Hapus pengumuman

Deskripsi Menghapus daftar pengumuman

Source Guru



Destination siswa, guru



3. hapus data pengumuman sesuai yang diinginkan

4. jika sesuai data pengumuman akan terhapus


Nama Proses Lihat Pengumuman

Deskripsi Melihat pengumuman

Source Guru



Destination siswa, guru

Logika proses 1. Siswa melihat pengumuman yang telah dibuat oleh

guru bersangkutan


Nama Proses Tambah Forum

Deskripsi Menambahkan Forum

Source Admin

Input Data Forum

Output Info Forum


118

Logika proses 1. Admin memilih mata pelajaran yang akan

dimasukkan ke dalam forum

2. Sistem akan menampilkan form diskusi dari mata

pelajaran

tersebut

3. Pengguna mengisi data diskusi secara valid

4. Sistem akan menyimpan di database dan

menampilkan pesan


Nama Proses Tambah opik Forum

Deskripsi Menambahkan topik forum

Source Guru

Input Data mata pelajaran, data topik

Output Info mata pelajaran, Info topik


Logika proses 1. Guru memilih mata pelajaran yang sudah di daftarkan

ke dalam forum

2. Gurur membuat topik apa yang akan dibicarakan

3. Sistem akan menyimpan di database dan

menampilkan pesan 68. No. Proses 4.6.3

Nama Proses Lihat Forum

Deskripsi Melihat forum yang telah dibuat

Source Admin, guru




Logika proses 1. Siswa memilih mata pelajaran apa saja yang ada

dalam forum.


Nama Proses Komentar forum

Deskripsi Memberi tanggapan forum

Source Guru




Logika proses 1. user memilih menu forum

2. sistem akan menampilkan form tambah forum

3. user mengisi data forum dan klik simpan

4. Sistem akan menyimpan kedalam database

5. Jika data kosong sistem akan menampilkan pesan

data harus diisi.


Nama Proses Tulis Pesan

Deskripsi Menulus pesan yang akan dikirim

Source Guru, Siswa

Input Data pesan, data kelas

Output Info pesan, info kelas


119

Logika proses 1. User memilih menu tulis pesan

2. User mengisi pesan yang akan di kirim

3. Sistem akan menyimpan data pesan


Nama Proses Kirim pesan

Deskripsi Mengirim pesan

Source Guru, Siswa

Input Data pesan, data kelas

Output Info pesan, info kelas


Logika proses 1. Pesan yang telah di tulis akan disampaikan ke

penerima oleh sistem


Nama Proses Pesan Masuk

Deskripsi Pesan masuk user

Source Guru, Siswa

Input Data pesan, data siswa

Output Info pesan, Info siswa


Logika proses 1. Pesan yang telah dikirim oleh guru atau siswa akan di

simpan ke data base oleh sistem, dan akan di

sampaikan dalam pesan masuk user


Nama Proses Pesan keluar

Deskripsi Pesan kelur user

Source Guru, Siswa

Input Data pesan, data siswa

Output Info pesan, Info siswa


Logika proses 1. Pesan yang telah terkirim oleh guru atau siswa akan

di simpan ke data base oleh sistem, dan akan di

tampilkan dalam pesan keluar user

3.1.9 Kamus Data

Untuk menjelaskan semua data yang digunakan dalam sistem, digunakan

kamus data. Kamus data untuk sistem ini diuraikan dalam tabel berikut.

120

Tabel 3.4 Kamus Data

No Detail Keterangan

1. Nama Data login admin

Deskripsi Berisi data admin yang digunakan untuk proses login

Struktur

data

username+ pass_admin

User name

pass_admin

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

2. Nama Data login siswa

Deskripsi Berisi data siswa yang digunakan untuk proses login

Struktur

data

Nis+ pass_siswa

User name

pass_siswa

[0...9]

[A...Z|a...z|0...9]

3. Nama Data login guru

Deskripsi Berisi data guru yang digunakan untuk proses login

Struktur

data

Nip+ pass_guru

User name

pass_guru

[0...9]

[A...Z|a...z|0...9]

4. Nama Data login kepala sekolah

Deskripsi Berisi data kepala sekolah yang digunakan untuk proses login

Struktur

data

Username+ pass_kepalasekolah

User name

pass_kepsek

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

5. Nama Data admin

Deskripsi Data yang berisi profil admin yang diubah

Struktur

data

Password + foto + alamat + no tlp

userID

password

alamat

no tlp

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

[0...9]

6. Nama Data Siswa

Deskripsi Data yang berisi profil siswa yang ditambah dan diubah

Struktur

data

nis+nama+password+email+telepon+alamat

nis

nama

password

email

alamat

telepon

[0…9] [A…Z|a…z]

[A…Z|a…z|0…9]

[A…Z|a…z|0…9]

[A…Z|a…z|0…9]

[0…9]

7. Nama Data guru

Deskripsi Data yang berisi profil guru yang ditambah dan diubah

121

Struktur

data

nip+nama+password+email+telepon+alamat

nip

nama password email alamat telepon

[0…9] [A…Z|a…z]

[A…Z|a…z|0…9]

[A…Z|a…z|0…9]

[A…Z|a…z|0…9]

[0…9]

8. Nama Data forum

Deskripsi Data yang berisi keterangan data forum yang ditambah,

diubah dan dihapus

Struktur

data

Id_forum+id_mapel+judul+ket+id_kls

Id_Forum Id_mapel judul

ket id_kls

[A…Z|0…9|simbol] [A…Z|0…9|simbol]

[A…Z|0…9|simbol]



9. Nama Data Pengumuman

Deskripsi Data yang berisi keterangan data pengumuman sekolah yang

ditambah dan dihapus

Struktur

data

d_pengumuman+tgl_pengumuman+judul_pengumuman+isi_

pengumuman+pengirim

id_pengumu

man

tgl_pengum

uman

judul_pengu

muman

isi_pengum

uman

pengirim

[0...9]

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

10. Nama Data Berita

Deskripsi Data yang berisi keterangan data Berita sekolah yang

ditambah dan dihapus

Struktur

data

Id_berita+judul_berita+berita+tgl_posting+gambar+pengirim

Id_berita

judul_berita

berita

tgl_posting

gambar

pengirim

[0...9]

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

11. Nama Data Soal

Deskripsi Data ini Berisi Soal2 yang dikumpulkan

Struktur

data

Id_banksoal+id_kelas+nip+id_mapel+tipe_soal+soal+status

122

Id_banksoal

id_kelas

nip

id_mapel

tipe_soal

soal

status

simbol

[A...Z|0...9]

[0...9]

[0...9]

[A...Z|0...9]

[A...Z|a...z|0...9]

[A...Z|a...z|0...9|simbol]

[0...9]

[!|@|#|$|%|&|?|/|\|+|,|.|_;|’|”|]

12. Nama Data File Materi

Deskripsi Data ini Berisi kumpulan materi-materi

Struktur

data

Id_file+id_materi+tipe_materi+data

Id_file

id_materi

tipe_materi

data

[0...9]

[A...Z|0...9]

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

13. Nama Data Induk Ujian

Deskripsi Data ini Berisi Ujian

Struktur

data

Id_induk+id_guru+id_tajar+jenis_ujian+nama_ujian

Id_induk

id_guru

id_tajar

jenis_ujian

nama_ujian

id_sem

[0...9]

[0...9]

[0...9]

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

[0...9]

14. Nama Data Jawaban_soal

Deskripsi Data ini Berisi jawaban2 yang ada di banksoal

Struktur

data

Id_jawabanbanksoal+id_banksoal+jawaban+benar

Id_jawabans

oal

Id_soal

Jawaban

benar

[0...9]

[A...Z|0...9]

[A...Z|a...z|0...9]

[0...9]

15. Nama Data Jawaban Siswa

Deskripsi Data ini berisi jawaban-jawaban siswa

Struktur

data

Id+nis+jawaban

Id

Nis

jawaban

[0...9]

[0...9]

[A...Z|a...z|0...9]

16. Nama Data Jawaban_soalujian

Deskripsi Data ini Berisi jawaban soalujian yang ada di banksoal

Struktur

data

Id_jawabansoalujian+id_soalujian+jawaban+benar

Id_jawabans

oalujian

Id_soalujian

Jawaban

benar

[0...9]

[A...Z|0...9]

[A...Z|a...z|0...9]

[0...9]

17. Nama Data Kelas

123

Deskripsi Data ini Berisi nama-nama kelas

Struktur

data

Id_kelas+kelas+ket

Id_kelas

kelas

ket

[0...9]

[A...Z|0...9]

[A...Z|a...z|0...9]

18. Nama Data Kepsek

Deskripsi Data ini berisi tentang data kepala sekolah

Struktur

data

User+nama_kepsek+alamat+tlp_kepsek+foto+email+passwor

d+st User

Nama_keps

ek

Alamat

Tlp_kepsek

Foto

Email

Password

St

simbol

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

[0...9]

[A...Z|a...z|0...9]

[A...Z|a...z|0...9|simbol]

[A...Z|a...z|0...9]

[0...9]

[!|@|#|$|%|&|?|/|\|+|,|.|_;|’|”|]

19. Nama Data Komentar

Deskripsi Data ini berisi komentar dari topik forum

Struktur

data

Id_komentar+id_forum+user+tgl+jam+komentar

Id_komenta

r

Id_forum

User

Tgl

Jam

komentar

[0...9]

[0...9]

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

20. Nama Data MataPelajara

Deskripsi Data ini berisi matapelajaran

Struktur

data

Id_Maple+kode_mp+matapelajaran

Id_mapel

Kode_mp

Matapelajar

an

[A...Z|0...9]

[A...Z]

[A...Z|a...z|0...9]

21. Nama Data Materi

Deskripsi Data ini berisi materi materi berupa modul,multimedia,dan

Video

Struktur

data

Id_materi+id_kelas+id_guru+id_mapel+id_tajar+tgl_materi+

judul_materi+tipe_materi+isi_materi+gambar+wktu+id_sem

124

Id_materi

id_kelas

id_guru

id_mapel

id_tajar

tgl_materi

judul_mater

i

tipe_materi

isi_materi

gambar

wktu

id_sem

[A...Z|0...9]

[0...9]

[0...9]

[A...Z|0...9]

[0...9]

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

[A...Z|0...9] 22. Nama Data Mengajar

Deskripsi Data ini berisi daftar mengajar guru

Struktur

data

Idajar+id_guru+id_mapel+id_kelas+id_sub_kelas+id_tajar+i

d_sem

Idajar

id_guru

id_mapel

id_kelas

id_sub_kela

s

id_tajar

id_sem

[0...9]

[0...9]

[A...Z|0...9]

[0...9]

[0...9]

[0...9]

[0...9]

23. Nama Data Nilai Tugas

Deskripsi Data ini berisi nilai tugas yang diberikan guru kepada siswa

Struktur

data

Id_nilai+id_tugas+id_kelas+nis+id_mapel+tgl+file+nilai

Id_nilai

id_tugas

id_kelas

nis

id_mapel

tgl

file

nilai

[0...9]

[0...9]

[0...9]

[0...9]

[A...Z|0...9]

[A...Z|a...z|0...9]

[A...Z|a...z|0...9]

[0...9]

24. Nama Data Nilai Ujian

Deskripsi Data ini berisi nilai ujian berupa Ulangan,Uas,dan Uts

Struktur

data

Id_nilaiujian+id_ujian+id_mapel+nis+nilai

Id_nilaiujia

n

id_ujian

id_mapel

nis

nilai

[0...9]

[0...9]

[A...Z|0...9]

[0...9]

[0...9]

25. Nama Data Semester

Deskripsi Data ini berisi data semester berupa ganjil dan genap

Struktur

data

Data ini berisi data semester berupa ganjil dan genap

125

Id_sem

semester

[0...9]

[A...Z|a...z|0...9]

26. Nama Data Soalujian

Deskripsi Data ini berisi soal-soal ujian yang diambil dari banksoal

Struktur

data

Id_soalujian+id_ujian+id_banksoal+nip+soal

Id_soalujian

id_ujian

id_banksoal

nip

soal

[0...9]

[0...9]

[A...Z|0...9]

[0...9]

[A...Z|a...z|0...9]

27. Nama Data Ujian

Deskripsi Data ini berisi ujian ujian

Struktur

data

Id_ujian+id_induk+id_mapel+id_kelas+tgl_ujian+jam_awal+

jam_akhir+waktu+keterangan

Id_ujian

id_induk

id_mapel

id_kelas

tgl_ujian

jam_awal

jam_akhir

waktu

keterangan

[0...9]

[0...9]

[A...Z|0...9]

[0...9]

[A...Z|a...z|0...9]

[0...9]

[0...9]

[0...9]

[A...Z|a...z|0...9]

3.2 Perancangan Sistem

Perancangan akan dimulai setelah tahap analisis terhadap sistem selesai

dilakukan. Perancangan dapat didefinisikan sebagai proses aplikasi berbagai

teknik dan prinsip bagi tujuan pendefinisian suatu perangkat, suatu proses atau

sistem dalam detail yang memadai untuk memungkinkan realisasi fisiknya.

Perancangan digambarkan sebagai proses multi-langkah dimana representasi

struktur data, struktur program, karakteristik interface, dan detail prosedur,

disintesis dari persyaratan informasi.

126

3.2.1 Diagram Relasi

Untuk menggambarkan keterhubungan antar tabel dalam sistem, digunakan

diagram relasi.

127

Pesan

PK Id_Pesan

FK

FK

Dari

Untuk

Nama Pengirim

Nama Penerima

Topik

Isi

Mengajar

PK Id_Mengajar

FK

FK

FK

NIP

Id_Mapel

Id_Kelas

Materi

PK Id_Materi

FK

FK

FK

NIP

Id_Mapel

Id_Kelas

Judul

Isi

Download

Komentar

PK Id_Komentar

FK

FK

Id_Mapel

Id_Forum

Pengirim

Isi

Mata Pelajaran

PK Id_Mapel

FK Id_Konf

Mata Pelajaran

Forum

PK Id_Forum

FK

FK

Id_Mapel

Id_Admin

Judul

Keterangan

Tgl_kirim

Pukul_kirim

Admin

PK Id_Admin

Nama Admin

Alamat

No. Telp

Email

Password

Siswa

PK NIS

FK Id_Kelas

Nama Siswa

Kelas Tingkat

Email

Password

Foto

Id_Admin

Ujian

PK Id_Ujian

FK

FK

FK

Id_Materi

NIS

NIP

Jawaban

Nilai

Ikut_Ujian

PK Id_Ikut

FK

FK

FK

Id_Mapel

NIS

Id_Ujian

Kelas

PK Id_Kelas

Nama Kelas

Keterangan

Id_Admin

Konfigurasi

PK Id_Konf

Kelas_tingkat

Jurusan

Semester

Soal

PK Id_Soal

FK

FK

FK

Id_Materi

Id_Mapel

NIP

Pertanyaan

Opta

Optb

Optc

Optd

Opte

Jawaban

Pembahasan

Tampil

Guru

PK NIP

Nama Guru

Foto

Email

Password

Id_admin

Pengumuman

PK Id_Pengumuman

FK NIP

Tgl_kirim

Pukul_kirim

Judul

Isi

Foto

Tugas

PK Id_Tugas

FK

FK

Id_Mapel

NIS

Nama

Kelas_tingkat

Judul

Download

Kepsek

PK NIP

Nama Kepsek

Foto

Email

Password

Id_mengajar

Nilai

Gambar 3.26 Diagram relasi aplikasi E-learning SMK Negeri 2 Cimahi

128

3.2.2 Struktur Tabel

Tabel adalah sekumpulan data atau informasi spesifik tentang subjek tertentu

yang disusun dalam bentuk kolom dan baris. Tabel adalah komponen utama dan

pertama dari sebuah database. Berikut ini adalah rincian mengenai masing-

masing tabel.

1. Tabel Guru

Tabel guru digunakan untuk mencatat data penting yang merupakan

identitas guru. Secara umum, struktur table yang akan digunakan untuk mencatat

data guru.

Tabel 3.5 Tabel Guru

Nama Kolom Tipe Data Keterangan

NIP int [18] primary key

Nama Guru varchar [50] Not null default

password varchar [32] Not null default

Email varchar [25] Not null default

Foto text

2. Tabel Siswa

Tabel siswa digunakan untuk mencatat data penting yang merupakan

identitas siswa. Secara umum, struktur tabel yang akan digunakan untuk mencatat

data siswa.

129

Tabel 3.6 Tabel Siswa


Nis int [8] primary key

id_kelas

int [5] Not null default, foreign key mengacu ke tabel kelas

(id_kelas)

Nama Siswa varchar [50] Not null default



Kelas_Tingkat varchar [10] null default

Foto text

3. Tabel Mata Pelajaran

Tabel mata pelajaran digunakan untuk mencatat data mata pelajaran.

Secara umum, struktur tabel yang akan digunakan untuk mencatat data nilai tugas.

Tabel 3.7 Tabel Mata pelajaran


Id_mapel varchar [8] primary key

Nama Mata

Pelajaran

varchar [50]

Not null default

Id_konf

Int [11]

Not null default, foreign

key mengacu ke tabel

konfigurasi (id_konf)

4. Tabel Kelas

Tabel kelas digunakan untuk mencatat data kelas. Secara umum, struktur

table yang akan digunakan untuk mencatat data kelas dapat.

130

Tabel 3.8 Tabel Kelas


id_kelas int [5] primary key

Nama Kelas varchar [20] Not null default

Keterangan varchar [50] Not null default

5. Tabel Pengumuman

Tabel pengumuman digunakan untuk mencatat data pengumuman. Secara

umum, struktur tabel yang akan digunakan untuk mencatat data pengumuman.

Tabel 3.9 Tabel Pengumuman


Id_Pengumuman int [11] primary key

NIP

varchar [18] Not null default, foreign key

mengacu ke tabel guru (NIP)

Judul varchar [50] Not null default

Isi text Not null default

Tgl_kirim Varchar [10] Not null default

Pukul_kirim Varchar [8] Not null default

foto text

6. Tabel Materi pelajaran

Tabel materi digunakan untuk mencatat data materi pelajaran. Secara

umum, struktur tabel yang akan digunakan untuk mencatat data materi.

131

Tabel 3.10 Tabel Materi pelajaran


id_materi varchar [20] primary key

Nip


mengacu ke tabel guru (NIP)

id_mapel

varchar [8]

Not null default, foreign key

mengacu ke tabel

mata_pelajaran (Id_Mapel)

Judul Materi varchar [50] Not null default

Isi varchar [255] Not null default

Id_kelas int [5] null default

Download varchar [100] Not null default

7. Tabel Admin

Tabel admin digunakan untuk menyimpan data admin. Secara umum,

struktur tabel yang akan digunakan untuk menyimpan data admin.

Tabel 3.11 Tabel Admin


Id_Admin Int [10] primary key

Nama Admin varchar [50] Not null default

Alamat varchar [50] Not null default

No.Telp varchar [15] Not null default


Password varchar [32] Not null default

132

8. Tabel Mengajar

Tabel mengajar merupakan tabel yang berisi data tugas mengajar. Struktur

tabel yang akan digunakan untuk menyimpan data mengajar.

Tabel 3.12 Tabel Mengajar


id_mengajar varchar [15] primary key

Nip


mengacu ke table guru (NIP)

Id_mapel

varchar [8]


ke table mata_pelajaran

(Id_Mapel)

9. Tabel Berita

Tabel berita merupakan tabel yang berisi data berita. Struktur tabel yang

akan digunakan untuk menyimpan data berita.

Tabel 3.13 Tabel Berita


Id_berita Int [11] primary key

b_judul varchar [25] Not null default

b_isi text Not null default

b_tglkirim varchar [10] Not null default

b_pukulkirim varchar [8] Not null default

gambar text Not null default

133

10. Tabel Soal

Tabel soal digunakan untuk menyimpan data soal. Secara umum, struktur

tabel yang akan digunakan untuk mencatat data soal.

Tabel 3.14 Tabel Soal


Id_soal int [11] Not Null, primary key

NIP

varchar [18] primary key, foreign key mengacu

ke tabel Guru (NIP)

Id_materi

varchar [20]


mengacu ke tabel Materi

Pelajaran (id_materi)

Id_mapel

varchar [8]


mengacu ke tabel Mata Pelajaran

(id_mapel)

Pertanyaan Text Not null

Opta Text Not null

Optb Text Not null

Optc Text Not null

Optd Text Not null

Opte Text Not null

Jawaban Char [1] Not null default

Pembahasan Text Not null

Tampil Int [1] Not null

134

11. Tabel Ujian

Tabel Ujian digunakan untuk mencatat data ujian. Secara umum, struktur

tabel yang akan digunakan untuk mencatat data ujian.

Tabel 3.15 Tabel Ujian


Id_Ujian int [8] Primary key

id_materi

varchar [20]

Not null default, foreign key mengacu ke table materi_pelajaran (id_materi)

Nilai varchar [50] Not null default

NIP varchar [20] Not null default

NIS Int [4] Not null default

jawaban Varchar [50] Not null default

nilai float

12. Tabel Forum

Tabel Forum digunakan untuk mencatat data forum. Secara umum,

struktur tabel yang akan digunakan untuk mencatat data forum.

Tabel 3.16 Tabel Forum


Id_Forum int [11] primary key

Id_mapel

varchar [8]


mengacu ke tabel mata_pelajaran

(id_mapel)

Judul varchar [30] Not null default

Keterangan varchar [100] Not null default

Tgl_kirim varchar [10] Not null default

135

Kelas_tingkat varchar [10] Not null default

Pukul_kirim Varchar [8] Not null default

13. Tabel topik

Tabel topik digunakan untuk menyimpan data topik dari forum yang

dipilih. Secara umum, struktur tabel yang akan digunakan untuk menyimpan data

topik.

Tabel 3.17 Tabel Topik


tid (id_topic) int [11] primary key, auto_increment

fid (id _forum) varchar [30] Not null default, mengacu ke table forum (id_forum)

id_mapel varchar [50] Not null default, foreign key mengacu ke table mata_pelajaran (id_mapel)

t_judul int [12] Not null default

t_keterangan varchar [32] Not null default

14. Tabel Tugas

Tabel nilai digunakan untuk mengupload tugas siswa yang telah

dikerjakan. Secara umum, struktur tabel yang akan digunakan untuk mengupload

tugas siswa.

136

Tabel 3.18 Tabel Tugas


Id_tugas int [10] primary key

NIS int [8] Not null default, foreign key mengacu ke table siswa (NIS)

Nama varchar [30] Not null default

Id_mapel varchar [30] Not null default, foreign key mengacu ke table mata_pelajaran (id_mapel)

Kelas_tingkat varchar [20] Not null default

Tu_judul varchar [150] Not null default

Tu_download varchar [255] Not null default

15. Tabel Kepsek

Tabel Kepsek digunakan untuk menyimpan data kepsek. Secara umum,

struktur tabel yang akan digunakan untuk menyimpan data kepsek.

Tabel 3.19 Tabel Kepsek


NIP int [18] primary key

Nama Kepsek varchar [50] Not null default



Foto text

16. Tabel Ikut Ujian

Tabel Ujian digunakan untuk menyimpan data ujian. Secara umum,

struktur tabel yang akan digunakan untuk mencatat data ujian.

137

Tabel 3.20 Tabel Ikut Ujian


Id_ikut varchar [10] Not Null, primary key

NIS

int [4] primary key, foreign key mengacu

ke tabel Siswa (NIS)

Id_Ujian


mengacu ke tabel Ujian (id_ujian)

17. Tabel Komentar

Tabel Komentar digunakan untuk menyimpan komentar atau tanggapan

forum. Secara umum, struktur table yang akan digunakan untuk mencatat data

komentar.

Tabel 3.21 Tabel Komentar


Id_komentar int [11] primary key

Id_topik int [11] Not null default

Id_forum int [11] Not null default

Id_mapel varchar [50] Not null default

Pengirim komentar varchar [100] Not null default

Isi komentar text Not null default

3.2.3 Perancangan Struktur Menu

Perancangan struktur menu dirancang untuk menyediakan fungsi-fungsi

yang akan digunakan dalam aplikasi E-learning management system di SMK

Negeri 2 Cimahi. Diantaranya akan dirancang empat struktur menu, yaitu struktur

menu admin, struktur menu guru, struktur menu siswa, struktur menu orangtua.

138

a. Perancangan Struktur Menu Admin

Ganti Profil

AdminData Guru Data SiswaData Kelas

Data

Mengajar

Data Mata

PelajaranData Forum Data Berita

Hapus Buku

Tamu

Tambah

Hapus

Edit

Tambah

Hapus

Edit

Tambah

Hapus

Edit

Tambah

Hapus

Edit

Tambah

Hapus

Edit

Tambah Forum Tambah

Hapus

Edit

Keluar

Menu Admin

Beranda Kontak Buku Tamu

Login

Daftar

Guru

Aktifasi Berita

Gambar 3.27 Struktur menu Admin E-learning SMK Negeri 2 Cimahi

b. Perancangan Struktur Menu Guru


Login

Daftar

Guru

Aktifasi Berita

Menu Guru

Ganti

PasswordGanti Email Tulis Pesan

Pesan

Masuk

Pesan

KeluarPengumuman

Tambah

Hapus

Edit

Materi

Pelajaran

Tambah

Hapus

Edit

Upload

Tambah SoalEdit/Hapus

Soal

Daftar Materi

UjianNilai Ujian

Tampilkan

JawabanForum

Topik

Beri

komentar

Tambah

topik

Keluar

Gambar 3.28 Struktur menu Guru E-learning SMK Negeri 2 Cimahi

139

c. Perancangan Struktur Menu Siswa


Login

Daftar

Guru

Aktifasi Berita

Menu Siswa

Ganti

PasswordGanti Email Kirim Pesan

Pesan

Masuk

Pesan

KeluarPengumuman

Materi

Pelajaran

Baca

Download

Latihan Soal/

Ujian

Lihat Nilai

Ujian

Jawaban

UjianForum

Topik

Beri

komentar

Tambah

topik

Laporan Nilai

SiswaKeluar

Gambar 3.29 Struktur menu Siswa E-learning SMK Negeri 2 Cimahi

d. Perancangan Struktur Menu Kepsek


Login

Daftar

Guru

Aktifasi Berita

Menu Kepsek

Ganti

PasswordGanti Email Data Siswa Data Guru

Monitoring

Nilai SiswaKeluar

Gambar 3.30 Struktur menu Kepsek E-learning SMK Negeri 2 Cimahi

140

3.2.4 Perancangan Antar muka

Perancangan antarmuka diperlukan pada program aplikasi ini dengan tujuan

untu mempermudah pengguna dalam menggunakan program aplikasi ini. Dengan

adanya perancangan antarmuka ini berbagai pengguna baik awam, maupun yang

sudah berpengalaman dapat mengoperasikan program ini tanpa adanya kesulitan

yang besar.

1. Perancangan Halaman Utama untuk user Guru, dan Siswa.

F01

HeaderSMK Negeri 2 Cimahi

E-Learning

Foto Sekolah

· Klik Beranda untuk

menuju F01

· Klik kontak untuk

menuju F02

· Klik buku tamu untuk

menuju F03

· Klik daftar guru untuk

menuju F04

· Klik daftar siswa atau

guru akan menuju F05,

F06

· Klik lupa password

untuk menuju F07

· Klik login akan menuju

FG01 atau FS01 atau

FK01 sesuai pilihan

login jika login valid, jika

nip/nis dan password

tidak valid akan muncul

pesan M01, M02, atau

M03


Berita

Login

NIS / NIP

Password

Siswa Guru Admin

Siswa

Guru

Kalender

Aktifasi

Login

Daftar

Keterangan :

Warna : Biru, Putih, Abu-abu

Tipe/Ukuran Font : Georgia, Times New Roman 13

Ukuran : Dinamis (Default 1024 x 768 px)

Daftar Guru

Logo

Lupa Password ?

footer

Gambar 3.31 Perancangan Halaman Utama Aplikasi E-learning

141

F02


E-Learning

Logo sekolah


menuju F01


menuju F02


menuju F03


menuju F04



F06


untuk menuju F07


FG01 atau FS01 atau

FK01 sesuai pilihan





M03


Login

NIS / NIP

Password

Siswa Guru Admin

Siswa

Guru

Kalender

Aktifasi

Login

Daftar

Keterangan :




Daftar Guru

Logo

Lupa Password ?

footer

Kontak sekolah

Gambar 3.32 Perancangan Halaman Kontak Sekolah

F03


E-Learning

Tabel daftar tamu


menuju F01


menuju F02


menuju F03


menuju F04



F06


untuk menuju F07

· Klik Isi buku tamu akan

menuju F08


FG01 atau FS01 atau

FK01 sesuai pilihan





M03


Login

NIS / NIP

Password

Siswa Guru Admin

Siswa

Guru

Kalender

Aktifasi

Login

Daftar

Keterangan :




Daftar Guru

Logo

Lupa Password ?

footer

Buku Tamu

Isi buku tamu

Gambar 3.33 Perancangan Halaman Buku Tamu

142

F04


E-Learning

Tabel daftar guru


menuju F01


menuju F02


menuju F03


menuju F04



F06


untuk menuju F07


FG01 atau FS01 atau

FK01 sesuai pilihan





M03


Login

NIS / NIP

Password

Siswa Guru Admin

Siswa

Guru

Kalender

Aktifasi

Login

Daftar

Keterangan :




Daftar Guru

Logo

Lupa Password ?

footer

Daftar Guru

Gambar 3.34 Perancangan Halaman Daftar Guru

F05


E-Learning


menuju F01


menuju F02


menuju F03


menuju F04

· Klik aktifasir siswa atau


F06


untuk menuju F07


FG01 atau FS01 atau

FK01 sesuai pilihan





M03


Login

NIS / NIP

Password

Siswa Guru Admin

Siswa

Guru

Kalender

Aktifasi

Login

Daftar

Keterangan :




Daftar Guru

Logo

Lupa Password ?

footer

Aktifasi Siswa

Kelas :

NIS :

Nama :

Email :

Foto :

Simpan

Pilih kelas

Choose file

Gambar 3.35 Perancangan Halaman Aktifasi Siswa

143

F06


E-Learning


menuju F01


menuju F02


menuju F03


menuju F04



F06


untuk menuju F07


FG01 atau FS01 atau

FK01 sesuai pilihan





M03


Login

NIS / NIP

Password

Siswa Guru Admin

Siswa

Guru

Kalender

Aktifasi

Login

Daftar

Keterangan :




Daftar Guru

Logo

Lupa Password ?

footer

Aktifasi Guru

NIP :

Nama :

Email :

Foto :

Simpan

Choose file

Gambar 3.36 Perancangan Halaman Aktifasi Guru

F07


E-Learning


menuju F01


menuju F02


menuju F03


menuju F04



F06


untuk menuju F07


FG01 atau FS01 atau

FK01 sesuai pilihan





M03


Login

NIS / NIP

Password

Siswa Guru Admin

Siswa

Guru

Kalender

Aktifasi

Login

Daftar

Keterangan :




Daftar Guru

Logo

Lupa Password ?

footer

Lupa Password

NIS / NIP :

Email :

Foto :

Simpan

Choose file

Gambar 3.37 Perancangan Halaman Lupa Password

144

2. Perancangan Halaman untuk user Admin

FA01


E-Learning

· Klik ganti profil admin

untuk menuju FA02

· Klik data guru untuk

menuju FA03

· Klik data mata

pelajaran untuk menuju

FA04

· Klik data mengajar

untuk menuju FA05

· Klik data kelas untuk

menuju FA06

· Klik data siswa untuk

menuju FA07

· Klik data forum untuk

menuju FA09

· Klik data berita untuk

menuju FA11

· Klik lihat buku tamu

untuk menuju FA12


Kalender

Menu

Ganti Profil Admin

Keterangan :




Daftar Guru

Logo

footer

Profil Admin

Data Guru

Data Mata Pelajaran

Data Mengajar

Data Kelas

Data Siswa

Data Forum

Data Berita

Lihat Buku Tamu

Keluar

Nama :

Email :

Alamat :

No Telephon :

Gambar 3.38 Perancangan Halaman Profil Admin

FA02


E-Learning


untuk menuju FA02


menuju FA03

· Klik data mata


FA04


untuk menuju FA05


menuju FA06


menuju FA07


menuju FA09


menuju FA11


untuk menuju FA12


Kalender

Menu

Ganti Profil Admin

Keterangan :




Daftar Guru

Logo

footer

Data Guru

Data Mata Pelajaran

Data Mengajar

Data Kelas

Data Siswa

Data Forum

Data Berita

Lihat Buku Tamu

Keluar

Ganti Profil Admin

Nama :

Email :

Alamat :

No Tlp :

Password Lama :

Password Baru :

Validasi Password Baru :

Gambar 3.39 Perancangan Halaman Ganti Profil Admin

145

FA03


E-Learning


untuk menuju FA02


menuju FA03

· Klik data mata


FA04


untuk menuju FA05


menuju FA06


menuju FA07


menuju FA09


menuju FA11


untuk menuju FA12

· Klik hapus akan akan

keluar pesan M10


Kalender

Menu

Ganti Profil Admin

Keterangan :




Daftar Guru

Logo

footer

Data Guru

Data Mata Pelajaran

Data Mengajar

Data Kelas

Data Siswa

Data Forum

Data Berita

Lihat Buku Tamu

Keluar

Data Guru

Tambah Guru

Foto NIP AksiNama

Edit|Hapus

Gambar 3.40 Perancangan Halaman Data Guru

FA04


E-Learning


untuk menuju FA02


menuju FA03

· Klik data mata


FA04


untuk menuju FA05


menuju FA06


menuju FA07


menuju FA09


menuju FA11


untuk menuju FA12


Kalender

Menu

Ganti Profil Admin

Keterangan :




Daftar Guru

Logo

footer

Data Guru

Data Mata Pelajaran

Data Mengajar

Data Kelas

Data Siswa

Data Forum

Data Berita

Lihat Buku Tamu

Keluar

Data Mata Pelajaran

Tambah Mata Pelajaran

No Kode Mata Pelajaran Nama Mata Pelajaran Aksi

Gambar 3.41 Perancangan Halaman Pengolahan Data Mata Pelajaran

146

FA05


E-Learning


untuk menuju FA02


menuju FA03

· Klik data mata


FA04


untuk menuju FA05


menuju FA06


menuju FA07


menuju FA09


menuju FA11


untuk menuju FA12


Kalender

Menu

Ganti Profil Admin

Keterangan :




Daftar Guru

Logo

footer

Data Guru

Data Mata Pelajaran

Data Mengajar

Data Kelas

Data Siswa

Data Forum

Data Berita

Lihat Buku Tamu

Keluar

Data Mengajar

Tambah Data Pengajar

NIP Nama Mata Pelajaran Aksi

Gambar 3.42 Perancangan Halaman Pengolahan Data Mengajar

FA06


E-Learning


untuk menuju FA02


menuju FA03

· Klik data mata


FA04


untuk menuju FA05


menuju FA06


menuju FA07


menuju FA09


menuju FA11


untuk menuju FA12


Kalender

Menu

Ganti Profil Admin

Keterangan :




Daftar Guru

Logo

footer

Data Guru

Data Mata Pelajaran

Data Mengajar

Data Kelas

Data Siswa

Data Forum

Data Berita

Lihat Buku Tamu

Keluar

Data Kelas

Tambah Kelas

Id Kelas Nama Kelas Aksi

Gambar 3.43 Perancangan Halaman Pengolahan Data Kelas

147

FA07


E-Learning


untuk menuju FA02


menuju FA03

· Klik data mata


FA04


untuk menuju FA05


menuju FA06


menuju FA07

· Klik salah satu kelas

untuk menuju FA08


menuju FA09


menuju FA11


untuk menuju FA12


Kalender

Menu

Ganti Profil Admin

Keterangan :




Daftar Guru

Logo

footer

Data Guru

Data Mata Pelajaran

Data Mengajar

Data Kelas

Data Siswa

Data Forum

Data Berita

Lihat Buku Tamu

Keluar

Data Siswa Berdasarkan Kelas

10 Mekatronika A

10 Mekatronika B

10 Multimedia A

10 Multimedia B

10 RPL A

10 RPL B

11 Mekatronika A

11 Mekatronika B

11 Multimedia A

11 Multimedia B

11 RPL A

11 RPL B

Gambar 3.44 Perancangan Halaman Pengolahan Data Siswa Berdasarkan Kelas

FA08


E-Learning


untuk menuju FA02


menuju FA03

· Klik data mata


FA04


untuk menuju FA05


menuju FA06


menuju FA07


menuju FA09


menuju FA11


untuk menuju FA12


Kalender

Menu

Ganti Profil Admin

Keterangan :




Daftar Guru

Logo

footer

Data Guru

Data Mata Pelajaran

Data Mengajar

Data Kelas

Data Siswa

Data Forum

Data Berita

Lihat Buku Tamu

Keluar

Data Siswa Berdasarkan Kelas

Tambah Siswa

Foto Kelas AksiNIS Nama Email

Gambar 3.45 Perancangan Halaman Pengolahan Data Siswa

148

FA09


E-Learning


untuk menuju FA02


menuju FA03

· Klik data mata


FA04


untuk menuju FA05


menuju FA06


menuju FA07


menuju FA09

· Klik salah atu mata

pelajaran untuk mejuju

FA10


menuju FA11


untuk menuju FA12


Kalender

Menu

Ganti Profil Admin

Keterangan :




Daftar Guru

Logo

footer

Data Guru

Data Mata Pelajaran

Data Mengajar

Data Kelas

Data Siswa

Data Forum

Data Berita

Lihat Buku Tamu

Keluar

Data Forum

Tambah Forum

Mata Pelajaran

Gambar 3.46 Perancangan Halaman Pengolahan Data Sub Forum

FA10


E-Learning


untuk menuju FA02


menuju FA03

· Klik data mata


FA04


untuk menuju FA05


menuju FA06


menuju FA07


menuju FA09


menuju FA11


untuk menuju FA12


Kalender

Menu

Ganti Profil Admin

Keterangan :




Daftar Guru

Logo

footer

Data Guru

Data Mata Pelajaran

Data Mengajar

Data Kelas

Data Siswa

Data Forum

Data Berita

Lihat Buku Tamu

Keluar

Data Forum

Tambah Forum

No Kategori AksiJudul Tgl Kirim Kelas

Gambar 3.47 Perancangan Halaman Pengolahan Data Forum

149

FA11


E-Learning


untuk menuju FA02


menuju FA03

· Klik data mata


FA04


untuk menuju FA05


menuju FA06


menuju FA07


menuju FA09


menuju FA11


untuk menuju FA12


Kalender

Menu

Ganti Profil Admin

Keterangan :




Daftar Guru

Logo

footer

Data Guru

Data Mata Pelajaran

Data Mengajar

Data Kelas

Data Siswa

Data Forum

Data Berita

Lihat Buku Tamu

Keluar

Data Berita

Tambah Berita

No HapusJudul Tgl Kirim Edit

Gambar 3.48 Perancangan Halaman Pengolahan Data Berita

FA12


E-Learning


untuk menuju FA02


menuju FA03

· Klik data mata


FA04


untuk menuju FA05


menuju FA06


menuju FA07


menuju FA09


menuju FA11


untuk menuju FA12


Kalender

Menu

Ganti Profil Admin

Keterangan :




Daftar Guru

Logo

footer

Data Guru

Data Mata Pelajaran

Data Mengajar

Data Kelas

Data Siswa

Data Forum

Data Berita

Lihat Buku Tamu

Keluar

Lihat Buku Tamu

No HapusPengirim Email / URL KomentarTgl Kirim

Gambar 3.49 Perancangan Halaman Lihat Buku Tamu

150

3. Perancangan Halaman untuk user Guru

FG01


E-Learning

· Klik lihat profil guru

untuk menuju FG01

· Klik ganti password

untuk menuju FG02

· Klik ganti email untuk

menuju FG03

· Klik tulis pesan untuk

menuju FG04

· Klik pesan masuk untuk

menuju FG05

· Klik pesan keluar untuk

menuju FG06

· Klik pengumuman

untuk menuju FG07

· Klik materi pelajaran

untuk menuju FG08

· Klik tambah soal untuk

menuju FG09

· Klik edit/hapus soal

untuk menuju FG10

· Klik peserta latihan soal

untuk menuju FG11

· Klik nilai latihan soal

untuk menuju FG12

· Klik tampilkan jawaban

untuk menuju FG13

· Klik forum diskusi untuk

menuju FG14


Kalender

Menu

Lihat Profil Guru

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Tulis Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Tambah Soal

Edit/Hapus Soal

Profil Guru

Foto

NIP :

Nama Anda :

Email :

Peserta Latihan Soal

Nilai Latihan Soal

Tampilkan Jawaban

Forum Diskusi

Keluar

Gambar 3.50 Perancangan Halaman Profil Guru

FG02


E-Learning


untuk menuju FG01


untuk menuju FG02


menuju FG03


menuju FG04


menuju FG05


menuju FG06

· Klik pengumuman

untuk menuju FG07


untuk menuju FG08


menuju FG09


untuk menuju FG10


untuk menuju FG11


untuk menuju FG12


untuk menuju FG13


menuju FG14


Kalender

Menu

Lihat Profil Guru

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Tulis Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Tambah Soal

Edit/Hapus Soal

Ganti Password


Nilai Latihan Soal

Tampilkan Jawaban

Forum Diskusi

Keluar

Password Lama :

Password Baru :


Gambar 3.51 Perancangan Halaman Ganti Password Guru

151

FG03


E-Learning


untuk menuju FG01


untuk menuju FG02


menuju FG03


menuju FG04


menuju FG05


menuju FG06

· Klik pengumuman

untuk menuju FG07


untuk menuju FG08


menuju FG09


untuk menuju FG10


untuk menuju FG11


untuk menuju FG12


untuk menuju FG13


menuju FG14


Kalender

Menu

Lihat Profil Guru

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Tulis Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Tambah Soal

Edit/Hapus Soal

Ganti Email Guru


Nilai Latihan Soal

Tampilkan Jawaban

Forum Diskusi

Keluar

Email Lama :

Email Baru :

Ganti Email

[email protected]

Gambar 3.52 Perancangan Halaman Ganti Email Guru

FG04


E-Learning


untuk menuju FG01


untuk menuju FG02


menuju FG03


menuju FG04


menuju FG05


menuju FG06

· Klik pengumuman

untuk menuju FG07


untuk menuju FG08


menuju FG09


untuk menuju FG10


untuk menuju FG11


untuk menuju FG12


untuk menuju FG13


menuju FG14


Kalender

Menu

Lihat Profil Guru

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Tulis Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Tambah Soal

Edit/Hapus Soal

Kirim Pesan


Nilai Latihan Soal

Tampilkan Jawaban

Forum Diskusi

Keluar

Data Kelas

10 Mekatronika A

10 Mekatronika B

10 Multimedia A

10 Multimedia B

10 RPL A

10 RPL B

11 Mekatronika A

11 Mekatronika B

11 Multimedia A

11 Multimedia B

11 RPL A

11 RPL B

Gambar 3.53 Perancangan Halaman Tulis Pesan Guru

152

FG05


E-Learning


untuk menuju FG01


untuk menuju FG02


menuju FG03


menuju FG04


menuju FG05


menuju FG06

· Klik pengumuman

untuk menuju FG07


untuk menuju FG08


menuju FG09


untuk menuju FG10


untuk menuju FG11


untuk menuju FG12


untuk menuju FG13


menuju FG14


Kalender

Menu

Lihat Profil Guru

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Tulis Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Tambah Soal

Edit/Hapus Soal

Pesan Masuk


Nilai Latihan Soal

Tampilkan Jawaban

Forum Diskusi

Keluar

No Waktu Kirim HapusTopikDari Pesan

Gambar 3.54 Perancangan Halaman Pesan Masuk Guru

FG06


E-Learning


untuk menuju FG01


untuk menuju FG02


menuju FG03


menuju FG04


menuju FG05


menuju FG06

· Klik pengumuman

untuk menuju FG07


untuk menuju FG08


menuju FG09


untuk menuju FG10


untuk menuju FG11


untuk menuju FG12


untuk menuju FG13


menuju FG14


Kalender

Menu

Lihat Profil Guru

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Tulis Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Tambah Soal

Edit/Hapus Soal

Pesan Keluar


Nilai Latihan Soal

Tampilkan Jawaban

Forum Diskusi

Keluar

No Waktu Kirim HapusTopikUntuk Pesan

Gambar 3.55 Perancangan Halaman Pesan Keluar Guru

153

FG07


E-Learning


untuk menuju FG01


untuk menuju FG02


menuju FG03


menuju FG04


menuju FG05


menuju FG06

· Klik pengumuman

untuk menuju FG07


untuk menuju FG08


menuju FG09


untuk menuju FG10


untuk menuju FG11


untuk menuju FG12


untuk menuju FG13


menuju FG14


Kalender

Menu

Lihat Profil Guru

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Tulis Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Tambah Soal

Edit/Hapus Soal

Pengumuman


Nilai Latihan Soal

Tampilkan Jawaban

Forum Diskusi

Keluar

No Judul AksiIsi PengumumanNama

Tambah Pengumuman

Gambar 3.56 Perancangan Halaman Pengumuman Guru

FG08


E-Learning


untuk menuju FG01


untuk menuju FG02


menuju FG03


menuju FG04


menuju FG05


menuju FG06

· Klik pengumuman

untuk menuju FG07


untuk menuju FG08


menuju FG09


untuk menuju FG10


untuk menuju FG11


untuk menuju FG12


untuk menuju FG13


menuju FG14


Kalender

Menu

Lihat Profil Guru

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Tulis Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Tambah Soal

Edit/Hapus Soal

Materi Pelajaran


Nilai Latihan Soal

Tampilkan Jawaban

Forum Diskusi

Keluar

No Nama Mapel AksiJudulId Materi

Tambah Materi Pelajaran

Deskripsi Kelas

Gambar 3.57 Perancangan Halaman Data Materi Pelajaran

154

FG09


E-Learning


untuk menuju FG01


untuk menuju FG02


menuju FG03


menuju FG04


menuju FG05


menuju FG06

· Klik pengumuman

untuk menuju FG07


untuk menuju FG08


menuju FG09


untuk menuju FG10


untuk menuju FG11


untuk menuju FG12


untuk menuju FG13


menuju FG14


Kalender

Menu

Lihat Profil Guru

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Tulis Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Tambah Soal

Edit/Hapus Soal

Tambah Soal


Nilai Latihan Soal

Tampilkan Jawaban

Forum Diskusi

Keluar

Mata Pelajaran :

Kelas :

Pilih Mata Pelajaran

Pilih kelas

Cari

Gambar 3.58 Perancangan Halaman Tambah Soal

FG10


E-Learning


untuk menuju FG01


untuk menuju FG02


menuju FG03


menuju FG04


menuju FG05


menuju FG06

· Klik pengumuman

untuk menuju FG07


untuk menuju FG08


menuju FG09


untuk menuju FG10


untuk menuju FG11


untuk menuju FG12


untuk menuju FG13


menuju FG14


Kalender

Menu

Lihat Profil Guru

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Tulis Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Tambah Soal

Edit/Hapus Soal

Edit / Hapus Soal


Nilai Latihan Soal

Tampilkan Jawaban

Forum Diskusi

Keluar

Mata Pelajaran :

Kelas :


Pilih kelas

Tambah Soal Pelajaran

Cari

Gambar 3.59 Perancangan Halaman Edit / Hapus Soal

155

FG11


E-Learning


untuk menuju FG01


untuk menuju FG02


menuju FG03


menuju FG04


menuju FG05


menuju FG06

· Klik pengumuman

untuk menuju FG07


untuk menuju FG08


menuju FG09


untuk menuju FG10


untuk menuju FG11


untuk menuju FG12


untuk menuju FG13


menuju FG14


Kalender

Menu

Lihat Profil Guru

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Tulis Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Tambah Soal

Edit/Hapus Soal

Peserta Latihan Ujian


Nilai Latihan Soal

Tampilkan Jawaban

Forum Diskusi

Keluar

No Nama Mapel AksiJudulId Materi Deskripsi Kelas

Gambar 3.60 Perancangan Halaman Peserta Latihan Ujian

FG12


E-Learning


untuk menuju FG01


untuk menuju FG02


menuju FG03


menuju FG04


menuju FG05


menuju FG06

· Klik pengumuman

untuk menuju FG07


untuk menuju FG08


menuju FG09


untuk menuju FG10


untuk menuju FG11


untuk menuju FG12


untuk menuju FG13


menuju FG14


Kalender

Menu

Lihat Profil Guru

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Tulis Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Tambah Soal

Edit/Hapus Soal

Nilai Latihan Soal


Nilai Latihan Soal

Tampilkan Jawaban

Forum Diskusi

Keluar

Mata Pelajaran :

Kelas :


Pilih kelas

Cari

Gambar 3.61 Perancangan Halaman Nilai Latihan Soal

156

FG13


E-Learning


untuk menuju FG01


untuk menuju FG02


menuju FG03


menuju FG04


menuju FG05


menuju FG06

· Klik pengumuman

untuk menuju FG07


untuk menuju FG08


menuju FG09


untuk menuju FG10


untuk menuju FG11


untuk menuju FG12


untuk menuju FG13


menuju FG14


Kalender

Menu

Lihat Profil Guru

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Tulis Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Tambah Soal

Edit/Hapus Soal

Tampil Jawaban Soal


Nilai Latihan Soal

Tampilkan Jawaban

Forum Diskusi

Keluar

Mata Pelajaran :

Kelas :


Pilih Tingkat kelas

Cari

Gambar 3.62 Perancangan Halaman Tampil Jawaban Soal

FG14


E-Learning


untuk menuju FG01


untuk menuju FG02


menuju FG03


menuju FG04


menuju FG05


menuju FG06

· Klik pengumuman

untuk menuju FG07


untuk menuju FG08


menuju FG09


untuk menuju FG10


untuk menuju FG11


untuk menuju FG12


untuk menuju FG13


menuju FG14


Kalender

Menu

Lihat Profil Guru

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Tulis Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Tambah Soal

Edit/Hapus Soal

Forum Diskusi


Nilai Latihan Soal

Tampilkan Jawaban

Forum Diskusi

Keluar

Mata Pelajaran

Gambar 3.63 Perancangan Halaman Forum Diskusi

157

4. Perancangan Halaman untuk user Siswa

FS01


E-Learning


untuk menuju FS01


untuk menuju FS02


menuju FS03

· Klik kirim pesan untuk

menuju FS04


menuju FS05


menuju FS06

· Klik pengumuman

untuk menuju FS07


untuk menuju FS08

· Klik Latihan Soal/ujian

untuk menuju FS09

· Klik lihat nilai ujian

untuk menuju FS10

· Klik jawaban ujian

untuk menuju FS11

· Klik forum diskusil

untuk menuju FS12

· Klik laporan nilai siswa

untuk menuju FS13


Kalender

Menu

Lihat Profil Siswa

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Kirim Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Latihan Soal/Ujian

Lihat Nilai Ujian

Profil Siswa

Foto

NIS :

Kelas :

Nama Anda :

Email :

Jawaban Ujian

Forum Diskusi

Laporan Nilai Siswa

Keluar

Gambar 3.64 Perancangan Halaman Profil Siswa

FS02


E-Learning


untuk menuju FS01


untuk menuju FS02


menuju FS03


menuju FS04


menuju FS05


menuju FS06

· Klik pengumuman

untuk menuju FS07


untuk menuju FS08


untuk menuju FS09


untuk menuju FS10


untuk menuju FS11


untuk menuju FS12


untuk menuju FS13


Kalender

Menu

Lihat Profil Siswa

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Kirim Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Latihan Soal/Ujian

Lihat Nilai Ujian

Ganti Password Siswa

Jawaban Ujian

Forum Diskusi

Laporan Nilai Siswa

Keluar

Password Lama :

Password Baru :


Gambar 3.65 Perancangan Halaman Ganti Password Siswa

158

FS03


E-Learning


untuk menuju FS01


untuk menuju FS02


menuju FS03


menuju FS04


menuju FS05


menuju FS06

· Klik pengumuman

untuk menuju FS07


untuk menuju FS08


untuk menuju FS09


untuk menuju FS10


untuk menuju FS11


untuk menuju FS12


untuk menuju FS13


Kalender

Menu

Lihat Profil Siswa

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Kirim Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Latihan Soal/Ujian

Lihat Nilai Ujian

Jawaban Ujian

Forum Diskusi

Laporan Nilai Siswa

Keluar

Ganti Email Siswa

Email Lama :

Email Baru :

Ganti Email

[email protected]

Gambar 3.66 Perancangan Halaman Ganti Email Siswa

FS04


E-Learning


untuk menuju FS01


untuk menuju FS02


menuju FS03


menuju FS04


menuju FS05


menuju FS06

· Klik pengumuman

untuk menuju FS07


untuk menuju FS08


untuk menuju FS09


untuk menuju FS10


untuk menuju FS11


untuk menuju FS12


untuk menuju FS13


Kalender

Menu

Lihat Profil Siswa

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Kirim Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Latihan Soal/Ujian

Lihat Nilai Ujian

Jawaban Ujian

Forum Diskusi

Laporan Nilai Siswa

Keluar

Kirim Pesan / Konsultasi Siswa

Foto NIP KirimNama Guru

Gambar 3.67 Perancangan Halaman Kirim Pesan / Konsultasi Siswa

159

FS05


E-Learning


untuk menuju FS01


untuk menuju FS02


menuju FS03


menuju FS04


menuju FS05


menuju FS06

· Klik pengumuman

untuk menuju FS07


untuk menuju FS08


untuk menuju FS09


untuk menuju FS10


untuk menuju FS11


untuk menuju FS12


untuk menuju FS13


Kalender

Menu

Lihat Profil Siswa

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Kirim Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Latihan Soal/Ujian

Lihat Nilai Ujian

Jawaban Ujian

Forum Diskusi

Laporan Nilai Siswa

Keluar

Pesan Masuk Siswa

No :

Dari :

Waktu kirim :

Pesan :

Balas Hapus

Gambar 3.68 Perancangan Halaman Pesan Masuk Siswa

FS06


E-Learning


untuk menuju FS01


untuk menuju FS02


menuju FS03


menuju FS04


menuju FS05


menuju FS06

· Klik pengumuman

untuk menuju FS07


untuk menuju FS08


untuk menuju FS09


untuk menuju FS10


untuk menuju FS11


untuk menuju FS12


untuk menuju FS13


Kalender

Menu

Lihat Profil Siswa

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Kirim Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Latihan Soal/Ujian

Lihat Nilai Ujian

Jawaban Ujian

Forum Diskusi

Laporan Nilai Siswa

Keluar

Pesan Keluar Siswa

No :

Untuk :

Waktu kirim :

Pesan :

Hapus

Gambar 3.69 Perancangan Halaman Pesan Keluar Siswa

160

FS07


E-Learning


untuk menuju FS01


untuk menuju FS02


menuju FS03


menuju FS04


menuju FS05


menuju FS06

· Klik pengumuman

untuk menuju FS07


untuk menuju FS08


untuk menuju FS09


untuk menuju FS10


untuk menuju FS11


untuk menuju FS12


untuk menuju FS13


Kalender

Menu

Lihat Profil Siswa

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Kirim Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Latihan Soal/Ujian

Lihat Nilai Ujian

Jawaban Ujian

Forum Diskusi

Laporan Nilai Siswa

Keluar

Pengumuman

No Judul Isi PengumumanNama

Gambar 3.70 Perancangan Halaman Pengumuman Siswa

FS08


E-Learning


untuk menuju FS01


untuk menuju FS02


menuju FS03


menuju FS04


menuju FS05


menuju FS06

· Klik pengumuman

untuk menuju FS07


untuk menuju FS08


untuk menuju FS09


untuk menuju FS10


untuk menuju FS11


untuk menuju FS12


untuk menuju FS13


Kalender

Menu

Lihat Profil Siswa

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Kirim Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Latihan Soal/Ujian

Lihat Nilai Ujian

Jawaban Ujian

Forum Diskusi

Laporan Nilai Siswa

Keluar

Materi Pelajaran

No Nama Mapel DownloadPenyaji Judul KelasIsi Materi

Gambar 3.71 Perancangan Halaman Materi Pelajaran

161

FS09


E-Learning


untuk menuju FS01


untuk menuju FS02


menuju FS03


menuju FS04


menuju FS05


menuju FS06

· Klik pengumuman

untuk menuju FS07


untuk menuju FS08


untuk menuju FS09


untuk menuju FS10


untuk menuju FS11


untuk menuju FS12


untuk menuju FS13


Kalender

Menu

Lihat Profil Siswa

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Kirim Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Latihan Soal/Ujian

Lihat Nilai Ujian

Jawaban Ujian

Forum Diskusi

Laporan Nilai Siswa

Keluar

Latihan Soal / Ujian

No Nama Mapel Ikut UjianPenyaji Judul KelasIsi Materi

Gambar 3.72 Perancangan Halaman Latihan Soal / Ujian

FS10


E-Learning


untuk menuju FS01


untuk menuju FS02


menuju FS03


menuju FS04


menuju FS05


menuju FS06

· Klik pengumuman

untuk menuju FS07


untuk menuju FS08


untuk menuju FS09


untuk menuju FS10


untuk menuju FS11


untuk menuju FS12


untuk menuju FS13


Kalender

Menu

Lihat Profil Siswa

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Kirim Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Latihan Soal/Ujian

Lihat Nilai Ujian

Jawaban Ujian

Forum Diskusi

Laporan Nilai Siswa

Keluar

Nilai Latihan / Ujian

No Nama Mapel NilaiPenyaji Judul KelasIsi Materi

Gambar 3.73 Perancangan Halaman Lihat Nilai Ujian

162

FS11


E-Learning


untuk menuju FS01


untuk menuju FS02


menuju FS03


menuju FS04


menuju FS05


menuju FS06

· Klik pengumuman

untuk menuju FS07


untuk menuju FS08


untuk menuju FS09


untuk menuju FS10


untuk menuju FS11


untuk menuju FS12


untuk menuju FS13


Kalender

Menu

Lihat Profil Siswa

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Kirim Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Latihan Soal/Ujian

Lihat Nilai Ujian

Jawaban Ujian

Forum Diskusi

Laporan Nilai Siswa

Keluar

Jawaban Ujian

No Nama Mapel JawabanPenyaji Judul KelasIsi Materi

Gambar 3.74 Perancangan Halaman Lihat Jawaban Ujian

FS12


E-Learning


untuk menuju FS01


untuk menuju FS02


menuju FS03


menuju FS04


menuju FS05


menuju FS06

· Klik pengumuman

untuk menuju FS07


untuk menuju FS08


untuk menuju FS09


untuk menuju FS10


untuk menuju FS11


untuk menuju FS12


untuk menuju FS13


Kalender

Menu

Lihat Profil Siswa

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Kirim Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Latihan Soal/Ujian

Lihat Nilai Ujian

Jawaban Ujian

Forum Diskusi

Laporan Nilai Siswa

Keluar

Forum Diskusi

No Mata Pelajaran DetailKelas Judul Keterangan

Gambar 3.75 Perancangan Halaman Forum Diskusi

163

FS13


E-Learning


untuk menuju FS01


untuk menuju FS02


menuju FS03


menuju FS04


menuju FS05


menuju FS06

· Klik pengumuman

untuk menuju FS07


untuk menuju FS08


untuk menuju FS09


untuk menuju FS10


untuk menuju FS11


untuk menuju FS12


untuk menuju FS13


Kalender

Menu

Lihat Profil Siswa

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Kirim Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Latihan Soal/Ujian

Lihat Nilai Ujian

Jawaban Ujian

Forum Diskusi

Laporan Nilai Siswa

Keluar

Laporan Nilai Siswa

No NISNilai Ulangan /

Ujian On lineNama Nilai Tugas

Gambar 3.76 Perancangan Halaman Laporan Nilai Siswa

5. Perancangan Halaman untuk user Kepala Sekolah

FK01


E-Learning

· Klik lihat profil kepsek

untuk menuju FK01


untuk menuju FK02


menuju FK03


menuju FK04


menuju FK05

· Klik monitoring nilai

siswa untuk menuju

FK06


Kalender

Menu

Lihat Profil Kepsek

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Data Siswa

Data Guru

Monitoring Nilai Siswa

Keluar

Foto

NIP :

Nama Anda :

Email :

Profil Kepala Sekolah

Gambar 3.77 Perancangan Halaman Profil Kepala Sekolah

164

FK02


E-Learning


untuk menuju FK01


untuk menuju FK02


menuju FK03


menuju FK04


menuju FK05


siswa untuk menuju

FK06


Keterangan :




Daftar Guru

Logo

footer

Ganti Password Kepsek

Password Lama :

Password Baru :


Kalender

Menu

Lihat Profil Kepsek

Ganti Password

Ganti Email

Data Siswa

Data Guru


Keluar

Gambar 3.78 Perancangan Halaman Ganti Password Kepala Sekolah

FK03


E-Learning


untuk menuju FK01


untuk menuju FK02


menuju FK03


menuju FK04


menuju FK05


siswa untuk menuju

FK06


Keterangan :




Daftar Guru

Logo

footer

Ganti Email Kepsek

Email Lama :

Email Baru :

Ganti Email

[email protected]

Kalender

Menu

Lihat Profil Kepsek

Ganti Password

Ganti Email

Data Siswa

Data Guru


Keluar

Gambar 3.79 Perancangan Halaman Ganti Eemail Kepala Sekolah

165

FK04


E-Learning


untuk menuju FK01


untuk menuju FK02


menuju FK03


menuju FK04


menuju FK05


siswa untuk menuju

FK06


Kalender

Menu

Lihat Profil Kepsek

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Data Siswa

Data Guru


Keluar

Data Siswa

Pilih Kelas : Pilih kelas

No Nama Siswa KelasNIS

Lihat

Gambar 3.80 Perancangan Halaman Data Siswa Kepala Sekolah

FK05


E-Learning


untuk menuju FK01


untuk menuju FK02


menuju FK03


menuju FK04


menuju FK05


siswa untuk menuju

FK06


Kalender

Menu

Lihat Profil Kepsek

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Data Siswa

Data Guru


Keluar

Data Guru

No Nama Guru Mengajar Mata PelajaranNIP

Gambar 3.81 Perancangan Halaman Data Guru Kepala Sekolah

166

FK06


E-Learning


untuk menuju FK01


untuk menuju FK02


menuju FK03


menuju FK04


menuju FK05


siswa untuk menuju

FK06


Kalender

Menu

Lihat Profil Kepsek

Keterangan :




Daftar Guru

Logo

footer

Ganti Password

Ganti Email

Data Siswa

Data Guru


Keluar


Grafik Nilai Siswa

Gambar 3.82 Perancangan Halaman Monitoring Nilai Siswa

167

3.2.5 Perancangan Pesan

Password salah. Silakan Login kembali!

M01

NIS / NIP masih kosong. Silahkan Login

kembali!

M02

Password masih kosong. Silahkan Login

kembali!

M03X X X

Data berhasil diubah.

M04 X

Apakah anda akan menghapus data

guru dengan NIP:…, Nama:...

M05

Ya

X

Tidak

Password anda sudah diubah.

M06 X

Apakah anda yakin akan menghapus

pesan ini.

M07

Ya

X

Tidak

Belum ada materi pelajaran.

M08 X

Berhasil didaftarkan.

M09


data guru dengan NIP:… , Nama:...

M10

Ya

X

Tidak

NIP kurang dari 18.

M11 X

Nama masih kosong.

M12 X

Email masih kosong.

M13 X

Kelas tingkat tidak boleh dikosongkan.

M14 X

Semester tidak boleh dikosongkan.

M15 X

Kode mata pelajaran tidak boleh

dikosongkan.

M16 X

Silahkan pilih NIP guru.

M17 X

Silahkan pilih mata pelajaran.

M18 X

Judul berita tidak boleh dikosongkan.

M19 X

Bab masih kosong.

M20 X

Judul masih kosong.

M21 X

Password lama tidak boleh kosong.

M22 X

Password baru tidak boleh kosong.

M23 X

Judul topik tidak boleh kosong.

M24 X

168

Password salah.

M25

NIP masih kosong

M26

NIP sudah digunakan.

M27X X X

Nama kelas tidak boleh dikosongkan.

M28 X

Kode kelas sudah digunakan.

M29 X

Nama kelas masih kosong.

M30 X


kelas dengan Kode : …., Nama :...

M31

Ya

X

Tidak

NIS sudah digunakan.

M32 X

NIS masih kosong.

M33


data siswa dengan NIS:… , dengan

Nama:...

M34

Ya

X

Tidak

Kode mata pelajaran sudah digunakan.

M35 X

Nama mata pelajaran masih kosong.

M36 X


data mata pelajaran dengan Nama:....

M37 X

Mata pelajaran sudah digunakan.

M38 X


mengajar : …., NIP :….

M39 X

Judul atau isi masih kosong.

M40 X


pengumuman dengan judul : …..

M41 X

Password masih kosong.

M42 X


kelas dengan judul : ….

M43 X

Apakah anda akan menghapus soal

dengan pertanyaan …...

M44 X

Apakah anda akan menghapus berita

dengan judul : ….

M45 X

Topik masih kosong.

M46 X

Pesan masih kosong.

M47 X

Apakah anda akan menghapus pesan

dari ….

M48 X

Ya Tidak Ya Tidak

Ya Tidak

Ya Tidak Ya Tidak Ya Tidak

Ya Tidak

169

Judul forum tidak boleh dikosongkan. Keterangan tidak boleh kosong.Apakah anda akan menghapus data

forum dengan judul ….

Ya Tidak

M49 X M50 X M51 X

Gambar 3.83 Perancangan Pesan

3.2.6 Jaringan Semantik

Struktur aplikasi ini dibuat secara moduler, yaitu program dipecah menjadi

modul-modul kecil yang mudah dibuat, mudah dites, dan mudah dimodifikasi.

Dalam pembuatan aplikasi ini menggunakan alat bantu bagan struktural yang

disebut juga jaringan semantik.

1. Jaringan Semantik untuk Admin dapat dilihat pada Gambar berikut ini.

F01

M01,M02

,M03

F07

FA02

M04,

M05,

M25

FA03

M10,

M11,

M12,

M13,

M26,

M27

FA04

M14,

M15,

M16,

M35,

M36,

M37

FA05

M17,

M18,

M38,

M39

FA06

M14,

M28,

M29,

M30,

M31

FA07

FA09

FA11

M19,

M45

FA12

F02

F03

F04F05

F06

FA08

M32,

M33,

M12,

M34

FA10

FA01

M49,

M50,

M51

Gambar 3.84 Jaringan Semantik Admin

170

2. Jaringan Semantik untuk Guru dapat dilihat pada Gambar berikut ini.

F01

M01,M02

,M03

F07

FG02

M06,

M22,

M23,

M25,

M42

FG03

FG04

FG05

M48

FG06

M48

FG07

FA09

FG10

M08,

M44

FG11 M09

F02

F03

F04

F05 F06

FG08

M20,

M21,

M43

FG12 M08

FG01

FG13

FG14

M40,

M41

M08,

M44

M08

M13

M47,

M46,

Gambar 3.85 Jaringan Semantik Guru

3. Jaringan Semantik untuk Siswa dapat dilihat pada Gambar berikut ini.

F01

M01,M02

,M03

F07

FS02

M06,

M22,

M23,

M25,

M42

FS03

FS04

FS05

M07

FS06

M07

FS07

FS09

FS10

FS11

F02

F03

F04

F05 F06

FS08

FS12

FS01

FS13

M13

M24

M46,

M47

Gambar 3.86 Jaringan Semantik Siswa

171

4. Jaringan Semantik untuk Kepala Sekolah dapat dilihat pada Gambar

berikut ini.

F01

M01,M02

,M03

F07

FK02

M06

FK03

FK04

FK05 FK06

F02

F03

F04

F05 F06

FK01

Gambar 3.87 Jaringan Semantik Kepala Sekolah

3.2.7 Perancangan Dashboard Management System

Perancangan Dashboard Management System menjelaskan apa saja yang

akan dijiadikan monitoring ke dalam grafik dashboard tersebut. Adapun

perancangan grafik dashboard untuk aplikasi yang akan dibangun ini adalah:

172

1. Grafik nilai ujian online siswa rata-rata per kelas.

Gambar 3.88 Grafik Nilai Rata-rata Ujian Online Siswa

Grafik nilai ujian online ini bertujuan untuk memonitoring kelas mana saja

yang memiliki nilai tinggi sehingga dapat disimpulkan bahwa siswa di kelas

tersebut telah menguasai mata pelajaran itu. Begitu pula sebaliknya kelas mana

saja dan pada pelajaran apa yang memiliki nilai ter rendah sehingga dapat

disimpulkan bahwa siswa dikelas tersebut kurang menguasai mata pelajaran itu

agar nantinya guru dapat mengajarkannya kembali.

173

2. Grafik statistik aktifitas guru

Gambar 3.89 Grafik Statistik Aktifitas Guru

Grafik statistik aktifitas guru ini bertujuan untuk memonitoring guru mana saja

yang memiliki kelas mengajar terbanyak dan aktifitas guru tersebut dalam

memberikan materi pelajaran kepada siswanya. Sehingga kepala sekolah dapat

mengefaluasi guru mana saja yang aktif dalam pemberian materi pelajaran pada

aplikasi e-learning ini.

3.2.8 Perancangan Prosedural

Perancangan prosedural mentransformasi elemen-elemen struktural dari

arsitektur program ke dalam suatu deskripsi prosedural dari komponen-komponen

174

perangkat lunak. Adapun perancangan prosedural untuk aplikasi yang akan

dibangun adalah sebagai berikut:

1. Prosedural aktifasi merupakan prosedur yang terjadi ketika guru dan

siswa melakukan pendaftaran. Prosedural aktifasi dapat dilihat pada

gambar berikut.

Mulai

Input data

pendaftaran

Selesai

Ya

Menampilkan

pendaftaran gagal

Pengecekan data

pendaftaran

Data

pendaftaran

valid?

Pendaftaran

berhasil

Tidak

Gambar 3.88 Prosedural Aktifasi User

2. Prosedural login merupakan prosedur yang terjadi ketika user akan

mengakses aplikasi. Prosedural login dapat dilihat pada gambar berikut.

175

Mulai

Masukkan NIP/NIS/

Id user dan

Password

NIP/NIS/Id user

dan Password

Tampilkan

PesanInvalid

Login Valid

Masuk halaman

utama sesuai hak

akses

Selesai

Valid

Gambar 3.89 Prosedural Login User

3. Prosedural tambah prosedur ini dilakukan ketika user akan melakukan

penambahan data. Prosedural tambah dapat dilihat pada gambar berikut.

176

Mulai

Tambah data

Data cocok?Tampilkan

Pesan

Simpan data

Data berhasil

ditambahkan ke

database

Selesai

ya

Cek data

tidak

Gambar 3.90 Prosedural Tambah Data

4. Prosedural edit prosedur ini dilakukan ketika user akan melakukan

perubahan data. Prosedural edit dapat dilihat pada gambar berikut.

177

Mulai

Pilih menu data

yang akan diubah

Data sudah

lengkap?

Tampilkan pesan

data tidak sesuai

Ubah data

Data berhasil

diubah ke database

Selesai

ya

tidak

Ubah data yang

telah dipilih

Gambar 3.91 Prosedural Edit Data

5. Prosedural hapus prosedur ini dilakukan ketika user akan melakukan

penghapusan data. Prosedural hapus dapat dilihat pada gambar berikut.

178

Mulai

Pilih data yang

akan dihapus

Hapus data terpilih dari

database

Selesai

Ya

Tampilkan pesan

konfirmasi apakah yakin

data akan dihapus

Tidak

Gambar 3.92 Prosedural Hapus Data

BAB 3 ANALISIS DAN PERANCANGAN...

Documents

Transcript of BAB 3 ANALISIS DAN PERANCANGAN...