BAB 3 ANALISIS DAN PERANCANGAN SISTEM. dan perancangan sistem yang akan dibangun di SMK NEGERI 2 Cimahi yang

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 permasalahanpermasalahan, kesempatan-kesempatan, hambatan-hambatan, yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikanperbaikannya. Adapun tahapan-tahapan analisisnya meliputi Analisis masalah, Analisis sistem yang sedang berjalan, Analisis aturan bisnis, Analisis pengkodean, dan Analisis spesifikasi kebutuhan perangkat lunak.

64

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 permasalahanpermasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan

66

kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikanperbaikannya. 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

A1

Materi Pelajaran Materi Pelajaran dipelajari Disiapkan

Tidak

Mengerti Tugas/latihan

Ya

Materi Pelajaran

Materi Pelajaran A5 A2

Tugas/latihan yang sudah dikerjakan

Tugas/latihan

Diperiksa Tugas/latihan yang sudah diperiksa

Dikerjakan Tugas/latihan yang sudah dikerjakan

Dimasukkan ke daftar nilai

Daftar nilai Tugas/latihan yang sudah dimasukkan ke daftar nilai

Tugas/latihan yang sudah dimasukkan ke daftar nilai

A4

A3

A1 A2 A3 A4 A5

: : : : :

Arsip Arsip Arsip Arsip Arsip

materi pelajaran dan silabus yang ada di guru materi pelajaran yang ada di siswa daftar nilai latihan atau tugas siswa nilai latihan yang ada di siswa materi pelajaran yang ada di guru

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 Guru A1

Petugas piket

Siswa

Soal latihan

Soal latihan

Materi Pelajaran

Materi Pelajaran

Soal latihan Materi Pelajaran

Materi pelajaran

Mempelajari / mengerjakan/mencatat

Materi pelajaran

Tidak

Periksa apakah ada soal latihan? Ya

A1 Soal latihan yg sudah di kerjakan

Materi pelajaran

Soal latihan yg sudah di kerjakan

Materi pelajaran yang sudah di catat

Soal latihan yg sudah di kerjakan

A2 Penilaian & dimasukkan ke daftar nilai

Daftar nilai Soal latihan yang sudah di nilai

Soal latihan yang sudah di nilai

A3

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

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) Guru

Siswa

A1

Materi Pelajaran

Lembar jawaban Print out Soal ujian

Pembuatan soal ujian

Soal ujian .doc

Mengerjakan soal

Soal ujian yang telah dikerjakan

Cetak Soal ujian

Lembar jawaban yang sudah diisi

Print out Soal ujian

Soal ujian yang telah dikerjakan

A6

Lembar jawaban yang sudah diisi dinilai Daftar nilai siswa

A8

Lembar jawaban yang telah dinilai

Lembar jawaban yang telah dinilai

A9

A1 : Arsip materi pelajaran dan silabus yang ada di guru A6 : Arsip soal ujian yang telah dikerjakan yang disimpan guru A8 : Arsip daftar nilai ujian yang disimpan guru A9 : Arsip lembar jawaban yang telah dinilai dan disimpan oleh siswa

Gambar 3.3 Flowmap prosedur pelaksanaan ujian

71

3.1.3 Analisis Dashboard Manajemen Sistem pada E-learning Dashboard Manajemen Sistem adalah alat yang dapat memberikan tampilan antar muka secara visual, yang mengkonsolidasikan dan menyajikan informasi penting untuk mencapai tujuan tertentu, secara sekilas. Dashboard Manajemen Sistem pada aplikasi e-learning ini bertujuan agar kepala sekolah dapat dengan mudah memonitoring hasil ujian online siswanya, sehingga akan terlihat kelas mana yang memiliki nilai tertinggi dan pada pelajaran apa. 3.1.4 Analisis pengkodean Pengkodean yang terdapat pada proses pengolahan data aplikasi e-learning ini meliputi pengkodean Nomor induk siswa (NIS), Nomor induk pegawai (NIP). 1. Pengkodean Nomor Induk siswa (NIS) Pengkodean untuk nomor induk siswa terdiri dari sembilan digit yaitu sebagai berikut: Format : XX XX XXXX Nomor urut siswa Kelas Tahun masuk Contoh : 11 10 0001 Ket : Menyatakan bahwa siswa tersebut masuk dapa tahun 2011 kelas X (sepuluh) dengan nomor urut 0001.

72

2. Pengkodean Nomor Induk Pengajar (NIP) Pengkodean untuk nomor induk pengajar terdiri dari delapan belas digit yaitu sebagai berikut: Format : XXXXXXXX XXXXXX XXXX No.Urut Pegawai Tahun dan Tgl Pengangkatan Tahun, Bulan, Tanggal Lahir Contoh : 19641216 199001 0020 Ket : Menyatakan bahwa guru tersebut lahir pada tahun 1964 bulan12 tanggal 16, Diangkat menjadi guru pada tahun 1990 pada tanggal 01, dan mempunyai nomor urut pengangkatan 0020. 3. Pengkodean Id honorer (NUPTK) Pengkodean untuk nomor pengajar honorer terdiri dari Sembilan digit yaitu sebagai berikut: Format : XX XXX XXXX Nomor Serial Nomor Kelompok Kode Departemen Contoh : 90 123 4567 Ket : Menyatakan bahwa guru tersebut mempunyai kode department 90, nomor kelompok 123 dan mempunyai nomor serial 4567.

73

4. Pengkodean Kelas Pengkodean untuk kelas terdiri dari lima digit yaitu sebagai berikut: Format : XX X XX Urutan Kelas Jurusan Tingkat Contoh : 10 0 01 Ket : Menyatakan kelas tingkat 10, 0 adalah jurusan Mekatronika, 01 adalah urutan kelas A. Dimana 0 = Mekatronika, 1 = Multimedia, 2 = RPL.

3.1.5 Analisis kebutuhan non fungsional Analisis kebutuhan non fungsional pada sistem ini meliputi analisis perangkat keras, analisis perangkat lunak dan analisis pengguna. 3.1.5.1 Analisis kebutuhan perangkat keras (hardware) Perangkat keras merupakan faktor penunjang agar aplikasi yang akan dibuat berjalan dengan baik. Berikut ini spesifikasi perangkat keras yang telah digunakan oleh SMK Negeri 2 Cimahi:

74

1. Perangkat keras pada sisi server adalah: a. Processor dengan kecepatan 2,6 Ghz b. RAM (Memory) 1 GB c. Hard Disk 80 GB d. VGA 256 MB e. Lan Card 10/100 Mbps f. Koneksi Internet minimal 128 kbps 2. Perangkat keras pada sisi client adalah: a. Processor dengan kecepatan 1 Ghz b. RAM (Memory) 512 MB c. Hard Disk 40 GB d. VGA 128 MB e. Lan Card 10/100 Mbps f. Koneksi Internet minimal 64 kbps Adapun spesifikasi minimum perangkat keras dalam membangun aplikasi e-learning ini adalah sebagai berikut : 1. Perangkat keras pada sisi server yang dibutuhkan adalah: a. Processor dengan kecepatan minimal 1 Ghz b. RAM minimal 512 MB c. Hard Disk minimal 40 GB d. VGA minimal 128 MB e. Lan Card 10/100 Mbps f. Koneksi Internet minimal 64 kbps.

75

2. Perangkat keras pada sisi client yang dibutuhkan adalah: a. Processor dengan kecepatan minimal 800 Mhz b. RAM minimal 256 MB c. Hard Disk minimal 20 GB d. VGA minimal 64 MB e. Lan Card 10/100 Mbps f. Koneksi Internet minimal 64 kbps. 3.1.5.2 Analisis perangkat lunak (software) Analisis perangkat lunak disini adalah menerangkan tentang kebutuhan software yang diperlukan dalam pembangunan website e-learning ini. Spesifikasi perangkat lunak yang dibutuhkan adalah sebagai berikut: 1. Perangkat lunak pada sisi server yang dibutuhkan adalah: a. Microsoft Windows XP, atau 7 sebagai sistem operasi b. XAMPP sebagai web server c. PHP sebagai bahasa pemrograman d. Macromedia Dreamweaver sebagai tools editor e. MySQL sebagai Server Database Management System. 2. Perangkat lunak pada sisi client yang dibutuhkan adalah: a. Microsoft Windows XP atau 7 sebagai sistem operasi b. Internet Explorer, Mozilla, Google Chrome, Opera sebagai web browser.

76

3.1.5.3 Analisis pengguna Analisis pengguna merincikan siapa saja pengguna dari sistem yang berjalan pada saat ini yang nantinya akan di spesifikasikan siapa saja yang akan masuk dalam sistem yang akan dibangun. Gambaran umum pengguna yang sekarang ada di SMK Negeri 2 Cimahi ini dapat dilihat pada tabel dibawah ini. Tabel 3.1 Tabel Analisis Pengguna yang ada saat ini No

1.

Pengguna

Karakteristik Umur

± 28 s/d 43 Tahun

Pendidikan

D3 – S1

Keterampilan

Bisa mengoprasikan komputer dengan Sistem

Guru

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

Dapat menggunakan browser seperti Mozilla dan Google Chrome serta menguasai dasar-dasar internet.

2.

Umur

± 16 s/d 18 Tahun

Pendidikan

SMK

Keterampilan

Bisa mengoprasikan komputer dengan Sistem

Siswa

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

Dapat menggunakan browser seperti Mozilla dan Google Chrome serta menguasai dasar-dasar internet.

3.

Petugas Piket

Umur

± 25 s/d 40 Tahun

Pendidikan

D3 – S1

Keterampilan

Dapat mengoprasikan komputer.

77

Pengalaman

Pernah

bekerja

disuatu

instansi

pendidikan

(sekolah). Agar memaksimalkan penggunaan sistem yang akan dibangun maka dapat dirincikan siapa saja pengguna dari perangkat lunak yang di spesifikasikan dan apa saja haknya terhadap perangkat lunak tersebut, sehingga dapat diketahui tingkat pengalaman dan pemahaman dalam penggunaan komputer. Pengguna aplikasi ini dibagi menjadi empat kategori yaitu administrator, kepala sekolah, guru dan siswa. Adapun spesifikasi pengguna (user) adalah sebagai berikut: Tabel 3.2 Analisis Kualifikasi Pengguna Admin Tingkat Pendidikan

Min D3

Tanggung Jawab

Membantu dalam menyiapkan rencana pendidikan.

Hak Akses

Mengelola data kelas, guru, siswa , mata pelajaran, mengajar.

Keterampilan

Menguasai dan memahami tentang penglolaan data dalam web serta memiliki pengetahuan tentang internet dan web server.

Pengalaman

Pernah menjadi seorang admin yang mengelola sebuah web. Guru

Tingkat Pendidikan

Min D3

Tanggung Jawab

Menyiapkan perencanaan materi yang meliputi upload materi, dan soal-soal.

Hak Akses

Mengelola

materi,

tugas,

soal,

quis,

penilaian,

pengumuman dan forum. Keterampilan

Menguasai dan memahami tentang penglolaan data dalam web serta memiliki pengetahuan tentang internet.

78

Pengalaman

Pernah menjadi seorang admin yang mengelola sebuah web. Siswa

Tingkat Pendidikan

SMK

Tanggung Jawab

Mengakses proses kegiatan belajar dalam website elearning SMK Negeri 2 Cimahi ini.

Hak Akses

Mengelola

materi,

tugas,

soal,

quis,

penilaian,

pengumuman dan forum. Keterampilan

Memiliki pengetahuan tentang internet dan pengaksesan sebuah website.

Pengalaman

Dapat mengakses sebuah web dan memiliki pengalaman browsing di internet. Kepala Sekolah

Tingkat Pendidikan

Min D3

Tanggung Jawab

Mengetahui perkembangan siswa dan perkembangan guru bidang studi.

Hak Akses

Memantau aktifitas guru dan aktifitas siswa seperti nilai rata-rata siswa dalam ikelas dan melihat nilai terbesar yang diperoleh disetiap kelas..

Keterampilan

Memiliki pengetahuan tentang internet dan pengaksesan sebuah website.

Pengalaman

Dapat mengakses sebuah web dan memiliki pengalaman browsing di internet.

3.1.6 Analisis Basis Data Basis data merupakan kumpulan data yang saling berhubungan yang disimpan secara bersama sedemikian rupa tanpa pengulangan (redudansi) yang tidak perlu, untuk memenuhi berbagai kebutuhan.

79

3.1.6.1 Pemodelan data ER (Entity Relationship) Basis data dapat digambarkan dengan menggunakan Entity Relationship. ER merupakan hubungan antara entitas yang digunakan dalam sistem informasi untuk menggambarkan hubungan antara entitas atau struktur data dan relasi antar file.

Pengumuman

N

Id_konf

Membuat Id_kelas

Id_pengumuman

Konfigurasi

Id_mapel

NIP

NIP

Id_mapel

N

1 N

Mengelola

N

Guru

1

N

Mengajar

1

1

Mata pelajaran

1

1

Memiliki

N

1 1 Mengirim / menerima

Mengelola

Memberi

Memiliki

Memeriksa

Mempunyai

N

N

Memiliki

1

Forum

Mengelola

Memiliki

N

Komentar

N

1

1

Id_Komentar Memiliki

1

N

Id_tugas

Upload Tugas

N

N

N Memberi

N N

Memiliki Mengelola

N

N

Mengirim / menerima

1

Tahun Ajaran

N

1

Mengelola

Materi & Tugas

N

Mengelola

Admin

N

N

Pesan

1 1 1

Id_materi

Memiliki

N 1

1

Id_forum

Mengelola

Id_Admin

N

1

Id_pesan

Memiliki

Mengumpulkan

Memiliki

Mempunyai Memiliki

Memiliki

N

1 Berita

1

Kelas

N N N

Siswa

Mempunyai Id_berita

1 1

1

1 N

Mengikuti

N

Ujian

1

Mempunyai

N Soal

Id_kelas

1

1

NIP

1

NIS

Kepala sekolah

NIS

Id_ujian

Id_ujian

u_nilai

Id_ikut

1 1

Melihat

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

Id_ujian

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.

Kepala Sekolah

Inf. Login Kepala Sekolah Inf. Dt_Siswa Inf. Dt_Guru IInf. Dt_Lap Siswa

Data Login Kepala Sekolah Data Guru Data Siswa Data Monitoring Siswa

Data Tugas Siswa Data Forum Data Jawaban Ujian Data Nilai Ujian Data Soal Ujian Data Ujian Data Pengumuman Data Materi Data Pesan Login Guru

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

Aplikasi E-learning SMK Negeri 2 Cimahi

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

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

Admin 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

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

Inf. Dt_Guru Data Guru Inf. Dt_Siswa Data Siswa

5.1 AKTIFASI USER

Info Login Guru Data Login Siswa Info Login Siswa Data Login Siswa

Data Login Admin Info Login Admin Data Login Admin Info Login Admin

Info Login Siswa

Info Login Guru

Data Login Siswa

1.1 LOGIN

ADMIN

Data Login Kepsek Info Login Kepsek

Inf. Dt_Kelas Inf. Dt_Siswa Inf. Dt_Guru Inf. Forum Inf. Dt_berita Inf. Dt_Pelajaran Inf. Dt_Mengajar

Inf. Dt_Siswa Data Siswa

ADMIN

KEPSEK

Data Mengajar Data Guru Data Siswa Data Kelas Data Mt_Pelajaran Data Forum Data Berita

Inf. Dt_Materi

Dt Login Guru 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 Setting Kepsek Info Setting Kepsek Data Setting Guru Info Setting Guru

GURU Data Pengumuman, Data Materi & Tugas, Data Pesan, Data Ujian, Data Forum, Data Nilai

Soal Ujian Inf. DT_Soal

Data Setting Siswa Info Setting Siswa Data Forum Mapel Inf. Dt_Forum Mapel Inf. Dt_Guru, Inf. Dt_Siswa, Inf. Dt_Monitoring Guru, Inf. Dt_Monitoring Siswa

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

2.1 PENGOLAHAN PROFIL PENGGUNA Berita Data Berita Inf. Dt_Berita Inf. Dt_Tahun Ajar

Mengajar

Kelas

Data Mengajar Inf. Dt_Mengajar Data Kelas Inf. Dt_Kelas

Tahun Ajar Data Tahaun Ajar

3.1 PENGOLAHAN DATA MASTER

Inf. Dt_Mapel

4.1 PENGOLAHAN DATA PEMBELAJARAN

Nilai Inf. Dt_Siswa Data Pesan

Data Siswa

GURU

Ujian

Inf. Dt_Pengumuman Data Pengumuman

Data Siswa

Inf. Dt_Pesan

Data Guru Inf. Dt_Guru

Inf. Dt_Ujian Data Ujian Inf. Dt_Nilai Data Nilai

Inf. Dt_Forum Data Forum

Inf. Dt_Siswa

Inf. Dt_Tahun Ajar Data Tahaun Ajar

Data Soal,Data Pengumuman, Data Materi & Tugas, Data Pesan Data Ujian, Data Forum, Data Jawaban Data Nilai

Mata Pelajaran

Data Mapel

Materi & Tugas

Data Materi

SISWA

Data Soal

Inf. Dt_Guru Data Guru

SISWA

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

Pesan

Forum

Pengumuman

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. Data Admin Data Admin

Data Kepsek Data Kepsek

Data Login Admin Info Login admin Data Login Kepsek Data Guru

Data Guru Data Siswa Data Siswa

1.1.1 VERIFIKASI ADMIN,NIP,NIS,KEPSEK

Info Login Kepsek Data Login Guru Info Login Guru Data Login Siswa

ADMIN

Info Login Siswa

KEPSEK

T_ADMIN T_KEPSEK

GURU

T_GURU T_SISWA Data Login User Valid SISWA

1.1.2 VERIFIKASI PASSWORD

Data Login Siswa Info Login Siswa Data Login Guru Info Login Guru Data Login Kepsek Info Login Kepsek Data Login Admin Info Login 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. Data Admin Info Edit Admin

Data Siswa Info Edit Siswa

T_ADMIN SISWA

ADMIN

T_SISWA

Data Admin, Info Admin Data Guru Info Edit Guru Data Siswa, Info Siswa

2.1.1 Edit Profil

Data Guru, Info Guru

Data Ortu

GURU

Info Edit Kepsek Data Kepsek, Info Kepsek Info Ganti Pass Siswa Data Admin, Info Admin Data Guru Info Ganti Pass Guru

Data Siswa Data Siswa, Info Siswa

Data Admin, Info Ganti Pass Admin Data Guru, Info Guru

2.1.2 Ganti Password

Data Siswa

Info Ganti Pass Ortu

Data Kepsek, Info Kepsek

T_GURU T_KEPSEK

Data Siswa, Info Siswa

KEPSEK

Info Ganti Email Siswa Data Siswa

Data Kepsek, Info Kepsek

2.1.3 Ganti Email

Data Guru, Info Guru Data Admin, Info Admin Info Ganti Email Guru Data Guru Info Ganti Email Admin Data Admin,

Data Kepsek Info Ganti Email 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

T_Konfigurasi

Data Semester Data Semester

Data Mata pelajaran

Data Mata Pelajaran Info Mata Pelajaran

3.1.1 PENGOLAHAN MATA PELAJARAN

T_Matapelajaran

Data Mata pelajaran Data Tahun Ajar Data Mata pelajaran Data Mengajar

Data Mengajar Info Mengajar

3.1.2 PENGOLAHAN MENGAJAR

T_Mengajar

Data Mengajar

Data Berita

3.1.3 PENGOLAHAN BERITA

Data Berita Info Berita

T_Berita

Data Berita

Data Tahun Ajar Data Kelas

ADMIN

Data Kelas Info Kelas

3.1.4 PENGOLAHAN KELAS

T_Kelas

Data Kelas Data Mengajar Data Kelas Data Guru Data Guru Info Guru

3.1.5 PENGOLAHAN DATA GURU

T_Guru

Data Guru Data Kelas Data Tahun Ajar Data Siswa Data Siswa Info Siswa

3.1.6 PENGOLAHAN DATA SISWA

T_Siswa

Data Siswa

Data Tahun Ajar Data Tahun Ajaran Info Tahun Ajaran

3.1.7 PENGOLAHAN TAHUN AJARAN

T_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. Data Upload Tugas

T_Kelas

T_Tugas Data Tugas

SISWA

Data Tugas Data Kelas Data Materi Pelajaran

Info Upload Tugas Data Materi & Tugas Info Materi & Tugas

4.1.1 PENGOLAHAN MATERI & TUGAS

T_Materi Data Materi Pelajaran

Data Soal Ujian

Data Soal Ujian Info Soal Ujian

4.1.2 PENGOLAHAN SOAL UJIAN

T_Soal

Data Kelas

Data Soal Ujian

Data Ujian

4.1.3 PENGOLAHAN UJIAN

Data Ujian Info Ujian

Data Kelas

T_Ujian Data Ujian

Data Nilai Ujian

Data Nilai Info Nilai

4.1.4 PENGOLAHAN NILAI UJIAN Data Nilai Ujian

GURU

Data Pengumuman Data Pengumuman Info Pengumuman

4.1.5 PENGOLAHAN PENGUMUMAN

T_Pengumuman Data Pengumuman

Data Forum

ADMIN

Info Forum Data Forum Data Forum Info Forum Data Forum Info Forum

4.1.6 PENGOLAHAN FORUM

T_Forum Data Forum

Data Pesan Data Pesan Info Pesan Data Pesan Info Pesan

4.1.7 PENGOLAHAN PESAN

T_Pesan Data Pesan

KEPSEK

Data Dashboard Info Dashboard

4.1.8 PENGOLAHAN DASHBOARD

Data Ujian Data Kelas

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.

Data aktifasi siswa Info aktifasi siswa invalid

Data aktifasi guru Info aktifasi guru invalid

Data aktifasi guru Data aktifasi guru

5.1.1 INPUT DATA GURU, SISWA Data aktifasi siswa Data aktifasi siswa

SISWA

Info aktifasi orang tua invalid

Data aktifasi guru

GURU

T_GURU

T_SISWA

5.1.2 EDIT PASSWORD

Info aktifasi siswa invalid 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.

T_Tahun Ajar

Data Tahun Ajar

T_Konfigurasi

Data Kelas

Data Mata Pelajaran

3.1.1.1 TAMBAH MATA PELAJARAN


Data Mata Pelajaran

Data Mata Pelajaran

Data Tahun Ajar


3.1.1.2 EDIT MATA PELAJARAN

Data Kelas

Data Mata Pelajaran

Data Mata Pelajaran

ADMIN


3.1.1.3 HAPUS MATA PELAJARAN

T_Mata Pelajaran

Data Mata Pelajaran

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. Data Guru


T_Guru

3.1.2.1 PILIH GURU T_Mata Pelajaran

T_Kelas

Data Guru Data Mata Pelajaran Data Kelas


3.1.2.2 PILIH MATA PELAJARAN

Data Mata Pelajaran

Data Mata Pelajaran

Data Mata Pelajaran

ADMIN


3.1.2.3 EDIT MENGAJAR

T_Mengajar

Data Mata Pelajaran

Data Mata Pelajaran Data Mengajar Info Mengajar

3.1.2.4 HAPUS MENGAJAR Data Mata Pelajaran

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.

Data Berita

3.1.3.1 TAMBAH BERITA


Data Berita

Data Berita

3.1.3.2 EDIT BERITA


Data Berita

Data Berita

3.1.3.3 HAPUS BERITA


T_Berita

Data Berita

ADMIN

3.1.3.4 LIHAT BERITA


Data Berita, Info Berita

GURU

Data Berita Data 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.

T_Tahun Ajar

Data Kelas

Data Tahun Ajar

3.1.4.1 TAMBAH KELAS


Data Kelas

Data Kelas

Data Tahun Ajar


3.1.4.2 EDIT KELAS Data Kelas

Data Kelas

ADMIN


3.1.4.3 HAPUS KELAS

T_Kelas

Data Kelas

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

T_Tahun Ajar

Data Guru

Data Tahun Ajar

3.1.5.1 TAMBAH GURU

Data Guru Info Guru

Data Guru

Data Guru

Data Tahun Ajar

Data Guru Info Guru

3.1.5.2 EDIT GURU Data Guru

ADMIN

T_Guru Data Guru Data Guru Info Guru

3.1.5.3 HAPUS GURU Data Guru

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

T_Tahun Ajar

Data Tahun Ajar

T_Kelas

Data Kelas

Data Siswa

3.1.6.1 TAMBAH SISWA

Data Siswa Info Siswa

Data Siswa

Data Siswa

Data Tahun Ajar

Data Siswa Info Siswa

3.1.6.2 EDIT SISWA

Data Kelas

Data Siswa

ADMIN

T_Siswa Data Siswa Data Siswa Info Siswa

3.1.6.3 HAPUS SISWA Data Siswa

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

Data Tahun Ajaran

Data Tahun Ajaran Info Tahun Ajaran

3.1.7.1 TAMBAH TAHUN AJARAN Data Tahun Ajaran

Data Tahun Ajaran


3.1.7.2 EDIT TAHUN AJARAN Data Tahun Ajaran

ADMIN

T_Tahun Ajar Data Tahun Ajaran Data Tahun Ajaran Info Tahun Ajaran

3.1.7.3 HAPUS TAHUN AJARAN Data Tahun Ajaran


3.1.7.4 SET AKTIF TAHUN AJARAN

Data Tahun Ajaran Data Tahun Ajaran

Gambar 3.18 DFD Level 3 Proses 3.1.7 Pengolahan Tahun Ajaran

8. DFD Level 3 Proses 4.1.1 Pengolahan Materi & Tugas Pada DFD level 3 proses 4.1.1 berikut ini merupakan pengolahan materi & tugas, dimana didalamnya terdapat 5 proses yaitu: proses tambah materi & tugas, edit materi & tugas, hapus materi & tugas, download materi & tugas dan upload materi & tugas.

95

T_Kelas

Data Kelas

Data Mata Pelajaran

T_Mata Pelajaran

4.1.1.1 TAMBAH MATERI & TUGAS

Data Materi Info Materi

Data Kelas


Data Materi Data Materi

Data Mata Pelajaran

4.1.1.2 EDIT MATERI & TUGAS

Data Materi

Data Materi

Data Materi

GURU

4.1.1.3 HAPUS MATERI & TUGAS


T_Materi

Data Materi

Data Materi & Tugas Info Materi & Tugas Data Materi & Tugas Info Materi & Tugas

4.1.1.4 DOWNLOAD MATERI & TUGAS

Data Materi Data Materi Data Tugas Data Tugas

Data Materi & Tugas

Data Materi & Tugas Info Materi & Tugas

SISWA

4.1.1.5 UPLOAD FILE MATERI & TUGAS

T_Tugas

Data Tugas Data Tugas

Data Upload Tugas Info Upload 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. T_Kelas

Data Kelas

Data Mata Pelajaran

T_Mata Pelajaran

4.1.2.1 TAMBAH SOAL UJIAN

Data Soal Info Soal

Data Kelas

Data Soal Info Soal

Data Soal Data Soal

Data Mata Pelajaran

4.1.2.2 EDIT SOAL UJIAN

Data Soal

Data Soal

Data Soal

GURU

Data Soal Info Soal

4.1.2.3 HAPUS SOAL UJIAN

T_Soal

Data Soal

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

T_Soal

Data Soal Ujian

T_Kelas

Data Mata Pelajaran

T_Mata Pelajaran

4.1.3.1 DAFTARKAN UJIAN MATA PELAJARAN

Data Ujian Data Ujian

Data Soal Ujian

Data Ujian Info Ujian

Data Kelas

Data Ujian Info Materi

Data Ujian

4.1.3.2 NILAI UJIAN

Data Ujian

Data Ujian

GURU

Data Ujian Info Materi

4.1.3.3 TAMPIL JAWABAN UJIAN

Data Soal Ujian

T_Ujian

Data Ujian

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. SISWA

Data Nilai Ujian Info Nilai Ujian Data Nilai Ujian

GURU

Data Nilai Ujian Info Nilai Ujian

4.1.4.1 LIHAT NILAI UJIAN

T_Ujian

Data Nilai Ujian

Gambar 3.22 DFD Level 3 Proses 4.1.4 Pengolahan Nilai Ujian

98

12. DFD Level 3 Proses 4.1.5 Pengolahan Pengumuman Pada DFD level 3 proses 4.1.5 berikut ini merupakan pengolahan pengumuman, dimana didalamnya terdapat 4 proses yaitu: proses tambah pengumuman,

edit

pengumuman,

hapus

pengumuman,

dan

lihat

pengumuman.

Data Pengumuman Info Pengumuman


4.1.5.1 TAMBAH PENGUMUMAN

Data Pengumuman Data Pengumuman

4.1.5.2 EDIT PENGUMUMAN

Data Pengumuman

Data Pengumuman

Data Pengumuman

GURU


4.1.5.3 HAPUS PENGUMUMAN

T_Pengumuman

Data Pengumuman

Data Pengumuman

4.1.5.4 LIHAT PENGUMUMAN


Data Pengumuman

Data Siswa

T_Siswa


SISWA

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

Data Forum Info Forum

ADMIN

Data Forum Data Forum

4.1.6.2 TAMBAH TOPIK FORUM

Data Forum Info Forum

Data Forum

Data Forum

Data Forum

GURU

4.1.6.3 LIHAT FORUM

Data Forum Info Forum Data Forum Info Forum

T_Forum

Data Forum

Data Forum

4.1.6.4 TAMBAH KOMENTAR

Data Komentar Info Komentar

Data Forum Info Forum Data Forum

T_Siswa Data Komentar Info Komentar

Info Komentar Data Komentar

Gambar 3.24 DFD Level 3 Proses 4.1.6 Pengolahan Forum

SISWA

100

14. DFD Level 3 Proses 4.1.7 Pengolahan Pesan Pada DFD level 3 proses 4.1.7 berikut ini merupakan pengolahan pesan, dimana didalamnya terdapat 4 proses yaitu: proses tulis pesan, kirim pesan, pesan masuk, dan pesan keluar. Data Kelas

Data Tulis Pesan Info Tulis Pesan Data Tulis Pesan Info Tulis Pesan

T_Kelas

4.1.7.1 TULIS PESAN

Data Pesan Data Pesan

Data Kelas

Data Kirim Pesan Info Kirim Pesan Data Kirim Pesan Info Kirim Pesan

4.1.7.2 KIRIM PESAN

Data Pesan

Data Pesan

Data Pesan

GURU

Data Pesan Masuk Info Pesan Masuk

4.1.7.3 PESAN MASUK

T_Pesan

Data Pesan

Data Pesan Masuk Info Pesan Masuk

Data Pesan Data Pesan Keluar Info Pesan Keluar

4.1.7.4 PESAN KELUAR Data Pesan

SISWA

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 Data Kelas

T_Kelas

Data Kelas

Data Nilai Ujian

KEPSEK

Data Nilai Ujian Siswa Info Nilai Ujian Siswa

4.1.8.1 MONITORING NILAI UJIAN SISWA

T_Ujian

Data Nilai Ujian

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. 1.

Detail No. Proses Nama Proses Deskripsi Source Input Output Destination

Keterangan 1.0 Login Validasi data user yang digunakan untuk login Administrator, Siswa, Guru, Kepala sekolah Data login admin, guru, siswa dan kepala sekolah Info data login admin, guru, siswa dan kepala sekolah 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 Nama Proses Deskripsi Source Input Output Destination Logika proses

3.

No. Proses Nama Proses Deskripsi Source

2.0 Pengolahan profil pengguna Mengolah data-data akun pengguna Administrator, Guru, Siswa Data Admin, Data Guru, Data Siswa yang akan diubah Info Admin, Info Guru, Info Siswa yang akan diubah Administrator, Guru, Siswa 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.0 Pengolahan Data Master Mengelola data master yang dibutuhkan aplikasi ini Administrator

103

Input

Output

Destination Logika proses

4.

No. Proses Nama Proses

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 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 Administrator 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.0 Pengolahan Pembelajaran

104

Deskripsi Source Input Output Destination Logika proses

5.


6.


9.


Menampilkan semua menu-menu pembelajaran yang disediakan Siswa, Guru, Orangtua Data Materi & Tugas, Data Soal Ujian,Data Ujian, Data Nilai, Data Pengumuman, Data Forum, Data Pesan Info Materi & Tugas, Info Soal Ujian, Info Ujian, Info Nilai, Info Pengumuman, Info Forum, Info Pesan Guru, Siswa 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.0 Aktifasi Validasi data user yang digunakan untuk proses aktivasi Administrator, guru, siswa, orangtua siswa dan kepala sekolah Data aktivasi User Info data aktivasi Administrator, guru, siswa, orangtua siswa dan kepala sekolah 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 2.1 Edit Profil Mengunah profil pengguna Administrator, kepsek, guru, siswa Data profil Imfo profil Administrator, kepsek, guru, siswa 1. user memilih pengaturan akun 2. Sistem menampilkan form pengaturan akun 3. user memasukan data profil 4. Sistem menyimpan data email dalam database 5. Jika data valid maka kan keluar pesan berhasil 6. Jika data tidak valid maka akan keluar pesan error 2.2 Ganti Password Menampilkan menu untuk mengubah password pengguna Administrator, kepsek, guru, siswa

105

Input Output Destination Logika proses

10.


11.


12.


13.


Data Password Administrator, kepsek, guru, siswa yang diubah Info Password Administrator, kepsek, guru, siswa yang diubah Administrator, kepsek, guru, siswa 1. User memilih ganti password 2. Sistem menampilkan form ganti password 3. User memasukan data password baru 4. Sistem menyimpan data password baru dalam database 5. Jika data valid maka kan keluar pesan berhasil 6. Jika data tidak valid maka akan keluar pesan error 2.3 Ganti Email Menampilkan menu untuk mengubah email pengguna Administrator, kepsek, guru, siswa Data Email Info Email Administrator, kepsek, guru, siswa 1. Administrator, kepsek, guru, siswa memilih menu Ganti Email 2. Sistem menampilkan form ganti email lalu menyimpan data email baru dan memperbaharui email pengguna 3.1 Pengolahan Data Mata Pelajaran Menampilkan menu untuk mengolah data mata pelajaran Administrator Data mata pelajaran Info mata pelajaran Administrator 1. Admin memilih menu Mata Pelajaran 2. Sistem akan menampilkan sub menu dari menu MataPelajaran 3.2 Proses Mengajar Mengolah Data Mengajar Admin Data Mengajar Info Mengajar Admin, guru 1. Admin memilih sub menu tugas mengajar 2. Sistem menampilkan form mengajar 3.3 Proses Pengolahan Berita

106

Deskripsi Source Input Output Destination Logika proses 14.


15.


16.

18.



Mengolah data berita Administrator Data berita Input berita Administrator 1. Guru memilih menu lihat berita 2. Sistem menampilakan submenu berita 3.4 Proses Pengolahan Kelas Menampilkan menu untuk mengolah data kelas Administrator Data kelas Data nama kelas Info kelas Info nama kelas Administrator 1. Admin memilih menu kelas 2. Sistem akan menampilkan sub menu dari menu kelas 3.5 Proses Pengolahan data guru Menampilkan menu untuk tambah guru, edit guru dan hapus guru Administrator Data guru, data mengajar Info guru, data mengajar Administrator 1. Admin memilih menu guru 2. Sistem akan menampilkan sub menu dari menu guru 3.6 Proses Pengolahan data siswa Menampilkan menu untuk tambah siswa daftar siswa Administrator Data siswa Info data siswa Administrator 1. Admin memilih menu siswa 2. Sistem akan menampilkan sub menu dari menu siswa 4.1 Proses Pengolahan Materi & Tugas Menampilkan menu untuk mengelola proses materi pelajaran & tugas Guru

107

Input Output Destination Logika proses

19.


20.


21.


22.

No. Proses

Data Materi Info materi Guru, siswa 1. Guru memilih menu pengolahan materi pelajaran lalu mengunggah data materi pelajaran 2. Sistem menampilkan data materi pelajaran 4.2 Proses Pengolahan Soal Ujian Menampilkan Menu SoalUjian Guru, Siswa Data Soal Ujian Info Soal Ujian Guru, Siswa 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. 4.3 Pengolahan Ujian Menampilkan Menu Ujian Guru Data Ujian Info ujian Guru, Siswa 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. 4.4 Pengolahan Nilai Menampilkan menu untuk daftar siswa Guru, Siswa Data Siswa,Data Nilai Tugas, Data Nilai Ujian Info Siswa,Info Nilai Tugas, Info Nilai Ujian Guru, Siswa 1. guru memilih menu daftar siswa 2. guru memilih nama siswa 3. Sistem menampilkan hasil nilai tugas dan hasil nilai ujian 4.5

108

Nama Proses Deskripsi Source Input Output Destination Logika proses 23.


24.


25.


26.

No. Proses Nama Proses Deskripsi Source Input Output Destination

PengolahanPengumuman Mengolah data Pengumuman Guru Data Pengumuman Info Pengumuman Guru 1. Guru memilih menu lihat Pengumuman 2. Sistem menampilakan submenu Pengumuman 4.6 Pengolahan Forum Mengolah data forum Guru Data forum Info forum Guru 1. Guru memilih menu lihat Forum 2. Sistem menampilakan submenu Forum 4.7 Pengolahan Pesan Mengolah data forum Guru, Siswa Data Pesan Info Pesan Guru, Siswa 1. Guru memilih menu lihat Pesan 2. Sistem menampilakan submenu Pesan 3.1.1 Tambah Berita Menambah berita Administrator Data Berita Info Berita Administrator,guru, siswa 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 3.1.2 Edit Berita Mengedit Berita Administrator Data Berita Info Berita Administrator,guru, siswa

109

Logika proses

27.


28.


29.


30.


1. 2. 3. 4. 5.

Admin memilih menu edit berita Admin mengubah data berita Klik tombol Edit Jika sesuai data berita tersimpan Jika tidak penyimpanan berita gagal disimpan

3.1.3 Hapus Berita Menghapus Berita Administrator Data Berita Info Berita Administrator,guru, siswa 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 3.1.4 Lihat Berita Melihat Berita Administrator Data Berita Info Berita Administrator,guru, siswa 1. Admin, guru, siswa dan melihat berita di halaman home website. 3.2.1 Tambah Kelas Proses untuk menambahkan kelas Administrator Data kelas yang di tambah Info kelas yang di tambah Administrator 1. Admin memilih menu kelas 2. Admin melihat informasi data kelas 3. Tambah kelas sesuai yang diinginkan 4. Jika sesuai data kelas tersimpan 5. Jika tidak penyimpanan kelas gagal disimpan 3.2.2 Edit Kelas Mengubah data Kelas Administrator Data Kelas yang diubah Info Kelas yang diubah Admin, guru, siswa

110

Logika proses

31.


32.


33.


37.


1. 2. 3. 4. 5.

Admin memilih menu kelas Admin melihat informasi data kelas Ubah kelas sesuai yang diinginkan Jika sesuai data kelas tersimpan Jika tidak penyimpanan kelas gagal disimpan

3.2.3 Hapus Kelas Menghapus daftar kelas Administrator Data kelas Info kelas Administrator, siswa, guru 1. Admin memilih menu kelas 2. Admin melihat informasi data kelas 3. Hapus kelas sesuai yang diinginkan 4. Jika sesuai data kelas tersimpan 5. Jika tidak penyimpanan kelas gagal disimpan 3.3.1 Tambah Mata Pelajaran Menambah Data Mata Pelajaran Administrator Data Mata Pelajaran Info Mata Pelajaran Administrator, Guru, siswa 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 3.3.2 Edit Mata Pelajaran Mengedit data Mata pelajaran Administrator Data Mata pelajaran Info Mata pelajaran Admin, Siswa, Guru 1. Admin memilih menu mata pelajaran 2. Admin melihat informasi data mata pelajaran 3. Ubah mata pelajaran sesuai yang diinginkan 4. Jika sesuai data mata pelajaran tersimpan 5. Jika tidak penyimpanan mata pelajaran gagal disimpan 3.3.3 Hapus Mata pelajaran

111


38.


39.


40.


Menghapus Data Mata pelajaran Administrator Data Mata Pelajaran Info Mata Pelajaran Administrator, siswa, guru 1. Admin memilih menu mata pelajaran 2. Admin melihat informasi data mata pelajaran 3. Hapus mata pelajaran sesuai yang diinginkan 4. Jika sesuai data mata pelajaran tersimpan 5. Jika tidak penyimpanan mata pelajaran gagal 3.4.1 disimpan Tambah Data Guru Menambah Data Guru Administrator Data guru Info guru Guru, admin 1. Admin memilih menu guru 2. Admin melihat informasi data guru 3. Tambah guru sesuai yang diinginkan 4. Jika sesuai data guru tersimpan 5. Jika tidak penyimpanan guru gagal disimpan 3.4.2 Edit Data Guru Mengubah Data Guru Admin Data guru Info guru Admin, guru, siswa 1. Admin memilih menu guru 2. Admin melihat informasi data guru 3. Ubah guru sesuai yang diinginkan 4. Jika sesuai data guru tersimpan 5. Jika tidak penyimpanan guru gagal disimpan 3.4.3 Hapus Data Guru Menghapus data guru Admin Data guru Info guru Admin

112

Logika proses

41.


42.


43.


47.


1. 2. 3. 4. 5.

Admin memilih menu guru Admin melihat informasi data guru Ubah guru sesuai yang diinginkan Jika sesuai data guru tersimpan Jika tidak penyimpanan guru gagal disimpan

3.5.1 Tambah siswa Menambah Data Siswa Administrator Data siswa Info siswa Admin, Siswa 1. Admin memilih menu siswa 2. Admin melihat informasi data siswa 3. Tambah siswa sesuai yang diinginkan 4. Jika sesuai data siswa tersimpan 5. Jika tidak penyimpanan siswa gagal disimpan 3.5.2 Edit siswa Mengedit siswa Administrator Data siswa Info siswa Admin,Siswa 1. Admin memilih menu siswa 2. Admin melihat informasi data siswa 3. Ubah siswa sesuai yang diinginkan 4. Jika sesuai data siswa tersimpan 5. Jika tidak penyimpanan siswa gagal disimpan 3.5.3 Hapus siswa Menghapus daftar siswa Administrator Data siswa Info siswa Admin,Siswa 1. Admin memilih menu siswa 2. Admin melihat informasi data siswa 3. Hapus siswa sesuai yang diinginkan 4. Jika sesuai data siswa tersimpan 5. Jika tidak penyimpanan siswa gagal disimpan 3.7.1 Pilih guru mengajar Memilih guru mengajar Administrator

113

Input Output Destination Logika proses 48.


49.


50.


51.

No. Proses Nama Proses Deskripsi Source Input Output

Data guru Info guru Administrator, guru 1. Admin memilih guru yang telah ada yang nantinya akan mengajarkan pelajaran 3.7.2 Pilih mata pelajaran mengajar Memilih mata pelajaran yang akan diajarkan Administrator Data Mata Pelajaran Info Mata Pelajaran Administrator, guru 1. Admin memilih mata pelajaran yang akan diajarkan oleh guru tersebut 3.7.3 Edit Data Mengajar Mengedit data mengajar Administrator Data Mengajar Info Mengajar Administrator, guru 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 3.7.4 Hapus Data Mengajar Menghapus data mengajar Administrator Data Mengajar Info Mengajar Administrator, guru 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 4.1.1 disimpan Tambah Materi Menambah data materi Guru Data materi, data mata pelajaran, data kelas Info materi ,Info mata pelajaran, Info kelas

114

Destination Logika proses

52.


53.


54.


55.

No. Proses Nama Proses Deskripsi

Guru, siswa 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 4.1.2 disimpan Edit Materi Mengedit data materi Guru Data Materi, Data Mata Pelajaran, Data Kelas Info Materi ,Info Mata Pelajaran, Info Kelas Guru, siswa 1. Admin memilih menu materi 2. Admin melihat informasi data materi 3. Ubah data materi sesuai yang diinginkan 4. Jika sesuai data materi tersimpan 5. Jika tidak penyimpanan data materi gagal 4.1.3 disimpan Hapus Materi Manghapus Data Materi Pelajaran Guru Data Materi Pelajaran Info Materi Pelajaran Guru, siswa 1. Admin memilih menu materi 2. Admin melihat informasi data materi 3. Hapus daftar materi sesuai yang diinginkan 4. Jika sesuai data materi tersimpan 5. Jika tidak penyimpanan data materi gagal 4.1.4 disimpan Download Materi Mengambil materi pelajaran berbentuk modul,multimedia. Guru,Siswa Data Materi Info Materi Guru,Siswa 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 4.1.5 tersebut Pengolahan File Materi Memasukan beberapa file materi berbentuk modul dan multimedia.

115

Source Input Output Destination Logika proses 56.


57.


58.


59.


Guru Data Materi Info Materi Guru 1. Guru mengklik submenu daftar materi 2. Guru memilih upload file lalu masukan jumlah file 4.2.1 yang akan dimasukan. Tambah Soal Membuat Data soal Guru Data soal, Data Matapelajaran, Data Kelas Info soal, Info Matapelajaran,Info Kelas, Guru 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 4.2.2 disimpan Edit Soal Mengedit Soal Guru Data Soal, Data Matapelajaran, Data Kelas Info Soal, Info Matapelajaran,Info Kelas, Guru 1. Guru memilih menu banksoal 2. Guru melihat informasi data banksoal 3. Ubah data banksoal sesuai yang diinginkan 4. Jika sesuai data banksoal tersimpan 5. Jika tidak penyimpanan data banksoal gagal 4.2.3 disimpan Hapus Soal Menghapus Daftar Soal Guru Data Soal Info Soal Siswa, Guru 1. Guru memilih menu banksoal 2. Guru melihat informasi data banksoal 3. Hapus data banksoal sesuai yang diinginkan 4. Jika sesuai data banksoal tersimpan 5. Jika tidak penyimpanan data banksoal gagal disimpan 4.3.1 Tambah Ujian

116


60.


61.


62.


Menambah Ujian Guru Data Ujian Info Ujian Guru, Siswa 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 4.3.2 Edit Ujian Mengedit Ujian Guru Data Ujian Info Ujian Guru, Siswa 1. Guru memilih menu ujian 2. Guru melihat informasi data ujian 3. Ubah data ujian sesuai yang diinginkan 4. Jika sesuai perubahan data ujian tersimpan 5. Jika tidak perubahan data ujian gagal disimpan 4.3.3 Hapus Ujian Menghapus Ujian Guru Data Ujian Info Ujian Guru, Siswa 1. Guru memilih menu ujian 2. Guru melihat informasi data ujian 3. Hapus data ujian sesuai yang diinginkan 4. Jika sesuai perubahan data ujian tersimpan 5. Jika tidak perubahan data ujian gagal disimpan 4.5.1 Tambah Pengumuman Menambah data pengumuman Guru Data pengumuman Info pengumuman Siswa

117

Logika proses

63.


64.


65.


66.


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 4.5.2 disimpan Edit pengumuman Mengedit pengumuman Guru Data pengumuman yang diubah Info pengumuman yang diubah Siswa 1. Guru memilih menu pengumuman 2. Guru melihat informasi data pengumuman 3. Ubah data pengumuman sesuai yang diinginkan 4. Jika sesuai data pengumuman tersimpan 5. Jika tidak penyimpanan data pengumuman gagal 4.5.3 disimpan Hapus pengumuman Menghapus daftar pengumuman Guru Data pengumuman Info pengumuman siswa, guru 1. Guru memilih menu pengumuman 2. Guru melihat informasi data pengumuman 3. hapus data pengumuman sesuai yang diinginkan 4. jika sesuai data pengumuman akan terhapus 4.5.4 Lihat Pengumuman Melihat pengumuman Guru Data pengumuman Info pengumuman siswa, guru 1. Siswa melihat pengumuman yang telah dibuat oleh guru bersangkutan 4.6.1 Tambah Forum Menambahkan Forum Admin Data Forum Info Forum Guru, Siswa

118

Logika proses

67.


68.


69.


70.


1. Admin memilih mata pelajaran yang akan dimasukkan ke dalam forum 2. Sistem akan menampilkan form diskusi dari mata pelajaran tersebut 4.6.23. Pengguna mengisi data diskusi secara valid 4. Sistem akan menyimpan di database dan Tambah opik Forum menampilkan pesan Menambahkan topik forum Guru Data mata pelajaran, data topik Info mata pelajaran, Info topik Guru, Siswa 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 4.6.3 menampilkan pesan Lihat Forum Melihat forum yang telah dibuat Admin, guru Data mata pelajaran, data topik Info mata pelajaran, Info topik Guru, Siswa 1. Siswa memilih mata pelajaran apa saja yang ada dalam forum. 4.6.4 Komentar forum Memberi tanggapan forum Guru Data mata pelajaran, data topik Info mata pelajaran, Info topik Guru, Siswa 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. 4.7.1 Tulis Pesan Menulus pesan yang akan dikirim Guru, Siswa Data pesan, data kelas Info pesan, info kelas Guru, Siswa

119

Logika proses

71.


72.


73.


3.1.9

1. User memilih menu tulis pesan 2. User mengisi pesan yang akan di kirim 3. Sistem akan menyimpan data pesan 4.7.2 Kirim pesan Mengirim pesan Guru, Siswa Data pesan, data kelas Info pesan, info kelas Guru, Siswa 1. Pesan yang telah di tulis akan disampaikan ke penerima oleh sistem 4.7.3 Pesan Masuk Pesan masuk user Guru, Siswa Data pesan, data siswa Info pesan, Info siswa Guru, Siswa 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 4.7.4 Pesan keluar Pesan kelur user Guru, Siswa Data pesan, data siswa Info pesan, Info siswa Guru, Siswa 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

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 1. Nama Deskripsi Struktur data name User pass_admin 2. Nama Deskripsi Struktur data User name pass_siswa 3. Nama Deskripsi Struktur data name User pass_guru 4. Nama Deskripsi

5.

6.

7.

Keterangan Data login admin Berisi data admin yang digunakan untuk proses login username+ pass_admin [A...Z|a...z|0...9] [A...Z|a...z|0...9] Data login siswa Berisi data siswa yang digunakan untuk proses login Nis+ pass_siswa [0...9] [A...Z|a...z|0...9] Data login guru Berisi data guru yang digunakan untuk proses login Nip+ pass_guru [0...9] [A...Z|a...z|0...9] Data login kepala sekolah Berisi data kepala sekolah yang digunakan untuk proses login

Struktur data name User pass_kepsek Nama Deskripsi Struktur data userID password alamat no tlp Nama Deskripsi Struktur data

Username+ pass_kepalasekolah [A...Z|a...z|0...9] [A...Z|a...z|0...9] Data admin Data yang berisi profil admin yang diubah Password + foto + alamat + no tlp [A...Z|a...z|0...9] [A...Z|a...z|0...9] [A...Z|a...z|0...9] [0...9] Data Siswa Data yang berisi profil siswa yang ditambah dan diubah nis+nama+password+email+telepon+alamat

nis nama password email alamat telepon Nama Deskripsi

[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] Data guru Data yang berisi profil guru yang ditambah dan diubah

121

8.

9.

Struktur data nip nama password email alamat telepon Nama Deskripsi Struktur data Id_Forum Id_mapel judul ket id_kls Nama Deskripsi

Struktur data id_pengumu man tgl_pengum uman judul_pengu 10. muman Nama isi_pengum Deskripsi uman pengirim Struktur data Id_berita judul_berita berita tgl_posting gambar pengirim 11. Nama Deskripsi Struktur data

nip+nama+password+email+telepon+alamat [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] Data forum Data yang berisi keterangan data forum yang ditambah, diubah dan dihapus Id_forum+id_mapel+judul+ket+id_kls [A…Z|0…9|simbol] [A…Z|0…9|simbol] [A…Z|0…9|simbol] [A…Z|0…9|simbol] [A…Z|0…9|simbol] Data Pengumuman Data yang berisi keterangan data pengumuman sekolah yang ditambah dan dihapus d_pengumuman+tgl_pengumuman+judul_pengumuman+isi_ pengumuman+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] Data Berita Data yang berisi keterangan data Berita sekolah yang ditambah dan dihapus 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] Data Soal Data ini Berisi Soal2 yang dikumpulkan Id_banksoal+id_kelas+nip+id_mapel+tipe_soal+soal+status

122

12.

13.

14.

15.

16.

17.

Id_banksoal id_kelas nip id_mapel tipe_soal soal status simbol Nama Deskripsi Struktur data Id_file id_materi tipe_materi data Nama Deskripsi Struktur data Id_induk id_guru id_tajar jenis_ujian nama_ujian id_sem Nama Deskripsi Struktur data Id_jawabans oal Id_soal Jawaban benar Nama Deskripsi Struktur data Id Nis jawaban Nama Deskripsi Struktur data Id_jawabans oalujian Id_soalujian Jawaban benar Nama

[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] [! $|%|&|?|/|\|+|,|.|_;|’|”|] Data File Materi Data ini Berisi kumpulan materi-materi 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] Data Induk Ujian Data ini Berisi Ujian Id_induk+id_guru+id_tajar+jenis_ujian+nama_ujian [0...9] [0...9] [0...9] [A...Z|a...z|0...9] [A...Z|a...z|0...9] [0...9] Data Jawaban_soal Data ini Berisi jawaban2 yang ada di banksoal Id_jawabanbanksoal+id_banksoal+jawaban+benar [0...9] [A...Z|0...9] [A...Z|a...z|0...9] [0...9] Data Jawaban Siswa Data ini berisi jawaban-jawaban siswa Id+nis+jawaban [0...9] [0...9] [A...Z|a...z|0...9] Data Jawaban_soalujian Data ini Berisi jawaban soalujian yang ada di banksoal Id_jawabansoalujian+id_soalujian+jawaban+benar [0...9] [A...Z|0...9] [A...Z|a...z|0...9] [0...9] Data Kelas

123

18.

19.

20.

21.

Deskripsi Struktur data Id_kelas kelas ket Nama Deskripsi Struktur data User Nama_keps ek Alamat Tlp_kepsek Foto Email Password St simbol Nama Deskripsi Struktur data Id_komenta r Id_forum User Tgl Jam komentar Nama Deskripsi Struktur data Id_mapel Kode_mp Matapelajar an Nama Deskripsi Struktur data

Data ini Berisi nama-nama kelas Id_kelas+kelas+ket [0...9] [A...Z|0...9] [A...Z|a...z|0...9] Data Kepsek Data ini berisi tentang data kepala sekolah User+nama_kepsek+alamat+tlp_kepsek+foto+email+passwor d+st [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] [! $|%|&|?|/|\|+|,|.|_;|’|”|] Data Komentar Data ini berisi komentar dari topik forum Id_komentar+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] Data MataPelajara Data ini berisi matapelajaran Id_Maple+kode_mp+matapelajaran [A...Z|0...9] [A...Z] [A...Z|a...z|0...9] Data Materi Data ini berisi materi materi berupa modul,multimedia,dan Video 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 22. Nama id_sem Deskripsi Struktur data

[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] Data Mengajar Data ini berisi daftar mengajar guru 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 23. id_sem Nama Deskripsi Struktur data Id_nilai id_tugas id_kelas nis id_mapel tgl file nilai 24. Nama Deskripsi Struktur data Id_nilaiujia n id_ujian id_mapel nis nilai 25. Nama Deskripsi Struktur data

[0...9] [0...9] [A...Z|0...9] [0...9] [0...9] [0...9] [0...9] Data Nilai Tugas Data ini berisi nilai tugas yang diberikan guru kepada siswa 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] Data Nilai Ujian Data ini berisi nilai ujian berupa Ulangan,Uas,dan Uts Id_nilaiujian+id_ujian+id_mapel+nis+nilai [0...9] [0...9] [A...Z|0...9] [0...9] [0...9] Data Semester Data ini berisi data semester berupa ganjil dan genap Data ini berisi data semester berupa ganjil dan genap

125

Id_sem semester 26. Nama Deskripsi Struktur data Id_soalujian id_ujian id_banksoal nip soal 27. Nama Deskripsi Struktur data Id_ujian id_induk id_mapel id_kelas tgl_ujian jam_awal jam_akhir waktu keterangan

[0...9] [A...Z|a...z|0...9] Data Soalujian Data ini berisi soal-soal ujian yang diambil dari banksoal Id_soalujian+id_ujian+id_banksoal+nip+soal [0...9] [0...9] [A...Z|0...9] [0...9] [A...Z|a...z|0...9] Data Ujian Data ini berisi ujian ujian 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

Ujian Mengajar

Komentar PK FK FK

PK

Id_Komentar

FK FK FK

Id_Mapel Id_Forum Pengirim Isi

Mata Pelajaran

Id_Mengajar NIP Id_Mapel Id_Kelas

PK

Id_Mapel

FK

Id_Konf Mata Pelajaran

PK FK FK FK

Id_Ujian Konfigurasi

Id_Materi NIS NIP Jawaban Nilai

PK

Id_Konf Kelas_tingkat Jurusan Semester

Ikut_Ujian Forum

Materi PK Pesan PK

Id_Pesan

FK FK

Dari Untuk Nama Pengirim Nama Penerima Topik Isi

FK FK FK

Id_Materi NIP Id_Mapel Id_Kelas Judul Isi Download

PK

Id_Forum

FK FK

Id_Mapel Id_Admin Judul Keterangan Tgl_kirim Pukul_kirim

PK FK FK FK

Id_Ikut

Soal

Id_Mapel NIS Id_Ujian

PK FK FK FK

Id_Soal Id_Materi Id_Mapel NIP Pertanyaan Opta Optb Optc Optd Opte Jawaban Pembahasan Tampil

Kelas Siswa

Admin PK Guru PK Pengumuman PK Id_Pengumuman FK

NIP Tgl_kirim Pukul_kirim Judul Isi Foto

NIP Nama Guru Foto Email Password Id_admin

Id_Admin Nama Admin Alamat No. Telp Email Password

PK

NIS

FK

Id_Kelas Nama Siswa Kelas Tingkat Email Password Foto Id_Admin

PK

Id_Kelas Nama Kelas Keterangan Id_Admin

Kepsek PK

NIP Nama Kepsek Foto Email Password Id_mengajar Nilai

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

Tugas PK

Id_Tugas

FK FK

Id_Mapel NIS Nama Kelas_tingkat Judul Download

128

3.2.2

Struktur Tabel

Tabel adalah sekumpulan data atau informasi spesifik tentang subjek tertentu yang disusun dalam bentuk kolom dan baris. Tabel adalah komponen utama dan pertama dari sebuah

database. Berikut ini adalah rincian mengenai masing-

masing tabel. 1. Tabel Guru Tabel guru digunakan untuk mencatat data penting yang merupakan identitas guru. Secara umum, struktur table yang akan digunakan untuk mencatat data guru. Tabel 3.5 Tabel Guru Nama Kolom

Tipe Data

Keterangan

NIP

int [18]

primary key

Nama Guru

varchar [50]

Not null default

password

varchar [32]

Not null default

Email

varchar [25]

Not null default

Foto

text

2. Tabel Siswa Tabel siswa digunakan untuk mencatat data penting yang merupakan identitas siswa. Secara umum, struktur tabel yang akan digunakan untuk mencatat data siswa.

129

Tabel 3.6 Tabel Siswa Nama Kolom

Tipe Data

Keterangan

Nis

int [8]

primary key

id_kelas

int [5]

Nama Siswa

varchar [50]

Not null default, foreign key mengacu ke tabel kelas (id_kelas) Not null default

password

varchar [32]

Not null default

Email

varchar [25]

Not null default

Kelas_Tingkat

varchar [10]

null default

Foto

text

3. Tabel Mata Pelajaran Tabel mata pelajaran digunakan untuk mencatat data mata pelajaran. Secara umum, struktur tabel yang akan digunakan untuk mencatat data nilai tugas. Tabel 3.7 Tabel Mata pelajaran Nama Kolom Id_mapel Nama Mata Pelajaran

Tipe Data

Keterangan

varchar [8]

primary key

varchar [50]

Not null default Not null default, foreign

Id_konf

Int [11]

key mengacu ke tabel konfigurasi (id_konf)

4. Tabel Kelas Tabel kelas digunakan untuk mencatat data kelas. Secara umum, struktur table yang akan digunakan untuk mencatat data kelas dapat.

130

Tabel 3.8 Tabel Kelas Nama Kolom

Tipe Data

Keterangan

id_kelas

int [5]

primary key

Nama Kelas

varchar [20]

Not null default

Keterangan

varchar [50]

Not null default

5. Tabel Pengumuman Tabel pengumuman digunakan untuk mencatat data pengumuman. Secara umum, struktur tabel yang akan digunakan untuk mencatat data pengumuman. Tabel 3.9 Tabel Pengumuman Nama Kolom

Tipe Data

Keterangan

Id_Pengumuman

int [11]

primary key

NIP

varchar [18]

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

Not null default, foreign key mengacu ke tabel guru (NIP)

6. Tabel Materi pelajaran Tabel materi digunakan untuk mencatat data materi pelajaran. Secara umum, struktur tabel yang akan digunakan untuk mencatat data materi.

131

Tabel 3.10 Tabel Materi pelajaran Nama Kolom

Tipe Data

id_materi

varchar [20]

Nip

varchar [18]

Keterangan primary key Not null default, foreign key mengacu ke tabel guru (NIP) Not null default, foreign key

id_mapel

varchar [8]

mengacu ke tabel mata_pelajaran (Id_Mapel)

Judul Materi

varchar [50]

Not null default

Isi

varchar [255]

Not null default

Id_kelas

int [5]

null default

Download

varchar [100]

Not null default

7. Tabel Admin Tabel admin digunakan untuk menyimpan data admin. Secara umum, struktur tabel yang akan digunakan untuk menyimpan data admin. Tabel 3.11 Tabel Admin Nama Kolom

Tipe Data

Keterangan

Id_Admin

Int [10]

primary key

Nama Admin

varchar [50]

Not null default

Alamat

varchar [50]

Not null default

No.Telp

varchar [15]

Not null default

Email

varchar [2]

Not null default

Password

varchar [32]

Not null default

132

8. Tabel Mengajar Tabel mengajar merupakan tabel yang berisi data tugas mengajar. Struktur tabel yang akan digunakan untuk menyimpan data mengajar. Tabel 3.12 Tabel Mengajar Nama Kolom

Tipe Data

id_mengajar

varchar [15]

Nip

varchar [18]

Keterangan primary key Not null default, foreign key mengacu ke table guru (NIP) Not null default, foreign key

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 Nama Kolom

Tipe Data

Keterangan

Id_berita

Int [11]

primary key

b_judul

varchar [25]

Not null default

b_isi

text

Not null default

b_tglkirim

varchar [10]

Not null default

b_pukulkirim

varchar [8]

Not null default

gambar

text

Not null default

133

10. Tabel Soal Tabel soal digunakan untuk menyimpan data soal. Secara umum, struktur tabel yang akan digunakan untuk mencatat data soal. Tabel 3.14 Tabel Soal Nama Kolom

Tipe Data

Id_soal

int [11]

NIP

varchar [18]

Keterangan Not Null, primary key primary key, foreign key mengacu ke tabel Guru (NIP) Not null default, foreign key

Id_materi

varchar [20]

mengacu ke tabel Materi Pelajaran (id_materi) Not null default, foreign key

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 Nama Kolom Id_Ujian

Tipe Data

Keterangan

int [8]

Primary key

id_materi

varchar [20]

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

Nilai

varchar [50]

Not null default

NIP

varchar [20]

Not null default

NIS

Int [4]

Not null default

jawaban

Varchar [50]

Not null default

nilai

float

12. Tabel Forum Tabel Forum digunakan untuk mencatat data forum. Secara umum, struktur tabel yang akan digunakan untuk mencatat data forum. Tabel 3.16 Tabel Forum Nama Kolom Id_Forum

Tipe Data int [11]

Keterangan primary key Not null default, foreign 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 Nama Kolom

Tipe Data

Keterangan

tid (id_topic)

int [11]

primary key, auto_increment

fid (id _forum)

varchar [30]

Not null default, mengacu ke table forum (id_forum)

id_mapel

varchar [50]

Not null default, foreign key mengacu ke table mata_pelajaran (id_mapel)

t_judul

int [12]

Not null default

t_keterangan

varchar [32]

Not null default

14. Tabel Tugas Tabel nilai digunakan untuk mengupload tugas siswa yang telah dikerjakan. Secara umum, struktur tabel yang akan digunakan untuk mengupload tugas siswa.

136

Tabel 3.18 Tabel Tugas Nama Kolom

Tipe Data

Keterangan

Id_tugas

int [10]

primary key

NIS

int [8]

Nama

varchar [30]

Not null default, foreign key mengacu ke table siswa (NIS) Not null default

Id_mapel

varchar [30]

Kelas_tingkat

varchar [20]

Not null default, foreign key mengacu ke table mata_pelajaran (id_mapel) Not null default

Tu_judul

varchar [150]

Not null default

Tu_download

varchar [255]

Not null default

15. Tabel Kepsek Tabel Kepsek digunakan untuk menyimpan data kepsek. Secara umum, struktur tabel yang akan digunakan untuk menyimpan data kepsek. Tabel 3.19 Tabel Kepsek Nama Kolom

Tipe Data

Keterangan

NIP

int [18]

primary key

Nama Kepsek

varchar [50]

Not null default

password

varchar [32]

Not null default

Email

varchar [25]

Not null default

Foto

text

16. Tabel Ikut Ujian Tabel Ujian digunakan untuk menyimpan data ujian. Secara umum, struktur tabel yang akan digunakan untuk mencatat data ujian.

137

Tabel 3.20 Tabel Ikut Ujian Nama Kolom

Tipe Data

Id_ikut

varchar [10]

NIS

int [4]

Id_Ujian

varchar [20]

Keterangan Not Null, primary key primary key, foreign key mengacu ke tabel Siswa (NIS) Not null default, foreign key mengacu ke tabel Ujian (id_ujian)

17. Tabel Komentar Tabel Komentar digunakan untuk menyimpan komentar atau tanggapan forum. Secara umum, struktur table yang akan digunakan untuk mencatat data komentar. Tabel 3.21 Tabel Komentar Nama Kolom

Tipe Data

Keterangan

Id_komentar

int [11]

primary key

Id_topik

int [11]

Not null default

Id_forum

int [11]

Not null default

Id_mapel

varchar [50]

Not null default

Pengirim komentar

varchar [100]

Not null default

Isi komentar

text

Not null default

3.2.3

Perancangan Struktur Menu Perancangan struktur menu dirancang untuk menyediakan fungsi-fungsi

yang akan digunakan dalam aplikasi E-learning management system di SMK Negeri 2 Cimahi. Diantaranya akan dirancang empat struktur menu, yaitu struktur menu admin, struktur menu guru, struktur menu siswa, struktur menu orangtua.

138

a. Perancangan Struktur Menu Admin

Beranda

Login

Kontak

Aktifasi

Daftar Guru

Buku Tamu

Berita

Menu Admin

Ganti Profil Admin

Data Mata Pelajaran

Data Guru

Tambah

Data Mengajar

Tambah

Data Kelas

Tambah

Tambah

Tambah

Data Forum

Data Siswa

Hapus Buku Tamu

Data Berita

Tambah Forum

Keluar

Tambah

Edit

Edit

Edit

Edit

Edit

Edit

Hapus

Hapus

Hapus

Hapus

Hapus

Hapus

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

b. Perancangan Struktur Menu Guru

Beranda

Login

Aktifasi

Kontak

Buku Tamu

Daftar Guru

Berita

Menu Guru

Ganti Password

Ganti Email

Tulis Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Tambah Soal

Edit/Hapus Soal

Daftar Materi Ujian

Nilai Ujian

Tampilkan Jawaban

Forum

Keluar

Tambah

Tambah

Edit

Upload

Tambah topik

Hapus

Edit

Beri komentar

Hapus

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

Topik

139

c. Perancangan Struktur Menu Siswa

Beranda

Login

Aktifasi

Kontak

Buku Tamu

Daftar Guru

Jawaban Ujian

Forum

Berita

Menu Siswa

Ganti Password

Ganti Email

Kirim Pesan

Pesan Masuk

Pesan Keluar

Pengumuman

Materi Pelajaran

Latihan Soal/ Ujian

Lihat Nilai Ujian

Baca

Laporan Nilai Siswa

Topik Tambah topik

Download

Beri komentar

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

d. Perancangan Struktur Menu Kepsek

Beranda

Login

Aktifasi

Kontak

Buku Tamu

Daftar Guru

Berita

Menu Kepsek

Ganti Password

Ganti Email

Data Siswa

Data Guru

Monitoring Nilai Siswa

Keluar

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

Keluar

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 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru Login NIS / NIP Password

Foto Sekolah

Siswa

Guru

Admin

Login Lupa Password ?

· 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

Aktifasi Siswa Daftar

Guru Berita Kalender

footer

Keterangan : Warna : Biru, Putih, Abu-abu Tipe/Ukuran Font : Georgia, Times New Roman 13 Ukuran : Dinamis (Default 1024 x 768 px)

Gambar 3.31 Perancangan Halaman Utama Aplikasi E-learning

141

F02 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru

Kontak sekolah

Login NIS / NIP

Logo sekolah

Password Siswa

Guru

Admin




Guru Kalender

footer


Gambar 3.32 Perancangan Halaman Kontak Sekolah F03 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru Login

Buku Tamu NIS / NIP Isi buku tamu Password Siswa

Guru

Admin

Login Lupa Password ? Tabel daftar tamu Aktifasi

· Klik Beranda untuk menuju F01 · Klik kontak untuk menuju F02 · Klik buku tamu untuk menuju F03 · Klik daftar guru untuk menuju F04 · Klik daftar siswa atau guru akan menuju F05, F06 · Klik lupa password untuk menuju F07 · Klik Isi buku tamu akan menuju F08 · Klik login akan menuju FG01 atau FS01 atau FK01 sesuai pilihan login jika login valid, jika nip/nis dan password tidak valid akan muncul pesan M01, M02, atau M03

Siswa Daftar

Guru Kalender

footer


Gambar 3.33 Perancangan Halaman Buku Tamu

142


Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru Login

Daftar Guru NIS / NIP Password Siswa

Guru

Admin

Login

Tabel daftar guru

Lupa Password ?



Guru Kalender

footer


Gambar 3.34 Perancangan Halaman Daftar Guru F05 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru Login

Aktifasi Siswa NIS / NIP Kelas :

Pilih kelas

Password

NIS :

Siswa

Guru

Admin

Login

Nama :

Lupa Password ? Email :

· Klik Beranda untuk menuju F01 · Klik kontak untuk menuju F02 · Klik buku tamu untuk menuju F03 · Klik daftar guru untuk menuju F04 · Klik aktifasir siswa atau guru akan menuju F05, F06 · Klik lupa password untuk menuju F07 · Klik login akan menuju FG01 atau FS01 atau FK01 sesuai pilihan login jika login valid, jika nip/nis dan password tidak valid akan muncul pesan M01, M02, atau M03

Aktifasi Foto :

Choose file

Siswa Daftar

Guru Simpan Kalender

footer


Gambar 3.35 Perancangan Halaman Aktifasi Siswa

143


Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru Login

Aktifasi Guru NIS / NIP NIP : Password Nama : Siswa Email : Foto :

Guru

Admin


Choose file


Aktifasi Siswa

Simpan

Daftar

Guru Kalender

footer


Gambar 3.36 Perancangan Halaman Aktifasi Guru F07 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru Login

Lupa Password NIS / NIP NIS / NIP : Password Email : Siswa Foto :

Choose file

Guru

Admin


Simpan



Guru Kalender

footer


Gambar 3.37 Perancangan Halaman Lupa Password

144

2. Perancangan Halaman untuk user Admin FA01 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Buku Tamu

Daftar Guru

Menu

Profil Admin Nama

:

Email

:

Alamat

:

Logo

Header

Ganti Profil Admin Data Guru Data Mata Pelajaran Data Mengajar

No Telephon :

Data Kelas

· 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

Data Siswa Data Forum Data Berita Lihat Buku Tamu Keluar Kalender

footer


Gambar 3.38 Perancangan Halaman Profil Admin FA02 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru

Menu

Ganti Profil Admin

Ganti Profil Admin

Nama :

Data Guru

Email :

Data Mata Pelajaran Alamat :

Data Mengajar


Data Kelas

No Tlp :

Data Siswa Password Lama :

Data Forum

Password Baru :

Data Berita

Validasi Password Baru :

Lihat Buku Tamu Keluar Kalender

footer


Gambar 3.39 Perancangan Halaman Ganti Profil Admin

145

FA03 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru

Data Guru

Menu

Tambah Guru Foto

Ganti Profil Admin NIP

Nama

Aksi Edit|Hapus

Data Guru Data Mata Pelajaran Data Mengajar Data Kelas Data Siswa

· Klik ganti profil admin untuk menuju FA02 · Klik data guru untuk menuju FA03 · Klik data mata pelajaran untuk menuju FA04 · Klik data mengajar untuk menuju FA05 · Klik data kelas untuk menuju FA06 · Klik data siswa untuk menuju FA07 · Klik data forum untuk menuju FA09 · Klik data berita untuk menuju FA11 · Klik lihat buku tamu untuk menuju FA12 · Klik hapus akan akan keluar pesan M10

Data Forum Data Berita Lihat Buku Tamu Keluar Kalender

footer


Gambar 3.40 Perancangan Halaman Data Guru FA04 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru

Data Mata Pelajaran

Menu

Tambah Mata Pelajaran No

Kode Mata Pelajaran

Ganti Profil Admin Nama Mata Pelajaran

Aksi

Data Guru Data Mata Pelajaran Data Mengajar


Data Kelas Data Siswa Data Forum Data Berita Lihat Buku Tamu Keluar Kalender

footer


Gambar 3.41 Perancangan Halaman Pengolahan Data Mata Pelajaran

146


Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru

Data Mengajar

Menu

Tambah Data Pengajar NIP

Nama

Ganti Profil Admin Mata Pelajaran

Aksi

Data Guru Data Mata Pelajaran Data Mengajar Data Kelas



footer


Gambar 3.42 Perancangan Halaman Pengolahan Data Mengajar FA06 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Buku Tamu

Daftar Guru

Data Kelas

Menu

Tambah Kelas Id Kelas

Logo

Header

Ganti Profil Admin Nama Kelas

Aksi




footer


Gambar 3.43 Perancangan Halaman Pengolahan Data Kelas

147


Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru

Data Siswa Berdasarkan Kelas

Menu

10 Mekatronika A 10 Mekatronika B 10 Multimedia A 10 Multimedia B 10 RPL A 10 RPL B

Ganti Profil Admin Data Guru Data Mata Pelajaran Data Mengajar Data Kelas

11 Mekatronika A 11 Mekatronika B 11 Multimedia A 11 Multimedia B 11 RPL A 11 RPL B

Data Siswa

· Klik ganti profil admin untuk menuju FA02 · Klik data guru untuk menuju FA03 · Klik data mata pelajaran untuk menuju FA04 · Klik data mengajar untuk menuju FA05 · Klik data kelas untuk menuju FA06 · Klik data siswa untuk menuju FA07 · Klik salah satu kelas untuk menuju FA08 · Klik data forum untuk menuju FA09 · Klik data berita untuk menuju FA11 · Klik lihat buku tamu untuk menuju FA12


footer


Gambar 3.44 Perancangan Halaman Pengolahan Data Siswa Berdasarkan Kelas FA08 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru

Data Siswa Berdasarkan Kelas

Menu

Tambah Siswa Foto

NIS

Ganti Profil Admin Kelas

Nama

Email

Aksi

Data Guru Data Mata Pelajaran Data Mengajar


Data Kelas Data Siswa Data Forum Data Berita Lihat Buku Tamu Keluar Kalender

footer


Gambar 3.45 Perancangan Halaman Pengolahan Data Siswa

148


Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru

Data Forum

Menu

Tambah Forum

Ganti Profil Admin Data Guru

Mata Pelajaran

Data Mata Pelajaran Data Mengajar Data Kelas Data Siswa

· Klik ganti profil admin untuk menuju FA02 · Klik data guru untuk menuju FA03 · Klik data mata pelajaran untuk menuju FA04 · Klik data mengajar untuk menuju FA05 · Klik data kelas untuk menuju FA06 · Klik data siswa untuk menuju FA07 · Klik data forum untuk menuju FA09 · Klik salah atu mata pelajaran untuk mejuju FA10 · Klik data berita untuk menuju FA11 · Klik lihat buku tamu untuk menuju FA12


footer


Gambar 3.46 Perancangan Halaman Pengolahan Data Sub Forum FA10 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru

Data Forum

Menu

Tambah Forum No

Judul

Ganti Profil Admin Kategori Tgl Kirim

Kelas

Aksi




footer


Gambar 3.47 Perancangan Halaman Pengolahan Data Forum

149


Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru

Data Berita

Menu

Tambah Berita No

Ganti Profil Admin

Judul

Tgl Kirim

Edit

Hapus




footer


Gambar 3.48 Perancangan Halaman Pengolahan Data Berita FA12 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru

Lihat Buku Tamu No

Pengirim

Email / URL

Menu Tgl Kirim Komentar

Hapus

Ganti Profil Admin Data Guru Data Mata Pelajaran Data Mengajar Data Kelas



footer


Gambar 3.49 Perancangan Halaman Lihat Buku Tamu

150

3. Perancangan Halaman untuk user Guru FG01 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Header

Buku Tamu

Daftar Guru Menu Lihat Profil Guru Ganti Password Ganti Email Tulis Pesan Pesan Masuk Pesan Keluar Pengumuman Materi Pelajaran Tambah Soal Edit/Hapus Soal Peserta Latihan Soal Nilai Latihan Soal

Profil Guru NIP : Nama Anda : Email :

Foto

Logo

Tampilkan Jawaban Forum Diskusi Keluar

· 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

footer


Gambar 3.50 Perancangan Halaman Profil Guru FG02 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Header

Buku Tamu

Logo


Ganti Password Password Lama : Password Baru : Validasi Password Baru :



Kalender

footer


Gambar 3.51 Perancangan Halaman Ganti Password Guru

151

FG03 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Header

Buku Tamu


Ganti Email Guru Email Lama :

Logo

[email protected]

Email Baru : Ganti Email



Kalender

footer


Gambar 3.52 Perancangan Halaman Ganti Email Guru FG04 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Header

Buku Tamu

Logo


Kirim Pesan 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



Kalender

footer


Gambar 3.53 Perancangan Halaman Tulis Pesan Guru

152


Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru

Pesan Masuk No

Dari

Waktu Kirim

Topik

Pesan

Hapus

Menu Lihat Profil Guru Ganti Password Ganti Email Tulis Pesan Pesan Masuk Pesan Keluar Pengumuman Materi Pelajaran Tambah Soal Edit/Hapus Soal Peserta Latihan Soal Nilai Latihan Soal Tampilkan Jawaban Forum Diskusi Keluar


Kalender

footer


Gambar 3.54 Perancangan Halaman Pesan Masuk Guru FG06 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru

Pesan Keluar No

Untuk

Waktu Kirim

Topik

Pesan

Hapus



Kalender

footer


Gambar 3.55 Perancangan Halaman Pesan Keluar Guru

153


Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru

Pengumuman Tambah Pengumuman No

Nama

Judul

Isi Pengumuman

Aksi



Kalender

footer


Gambar 3.56 Perancangan Halaman Pengumuman Guru FG08 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru

Materi Pelajaran Tambah Materi Pelajaran No Id Materi Nama Mapel Judul Deskripsi Kelas

Aksi



Kalender

footer


Gambar 3.57 Perancangan Halaman Data Materi Pelajaran

154


Beranda

Header

Kontak

Buku Tamu


Tambah Soal Mata Pelajaran : Kelas :

Logo

Pilih Mata Pelajaran Pilih kelas Cari



Kalender

footer


Gambar 3.58 Perancangan Halaman Tambah Soal FG10 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Header

Buku Tamu


Edit / Hapus Soal Tambah Soal Pelajaran Mata Pelajaran : Kelas :

Logo




Kalender

footer


Gambar 3.59 Perancangan Halaman Edit / Hapus Soal

155


Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru

Peserta Latihan Ujian No Id Materi Nama Mapel Judul Deskripsi Kelas

Aksi



Kalender

footer


Gambar 3.60 Perancangan Halaman Peserta Latihan Ujian FG12 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Header

Buku Tamu


Nilai Latihan Soal Mata Pelajaran : Kelas :

Logo




Kalender

footer


Gambar 3.61 Perancangan Halaman Nilai Latihan Soal

156


Beranda

Kontak

Header

Buku Tamu


Tampil Jawaban Soal Mata Pelajaran : Kelas :

Logo

Pilih Mata Pelajaran Pilih Tingkat kelas Cari



Kalender

footer


Gambar 3.62 Perancangan Halaman Tampil Jawaban Soal FG14 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Header

Buku Tamu

Logo


Forum Diskusi Mata Pelajaran



Kalender

footer


Gambar 3.63 Perancangan Halaman Forum Diskusi

157

4. Perancangan Halaman untuk user Siswa FS01 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Header

Buku Tamu

Daftar Guru Menu Lihat Profil Siswa Ganti Password Ganti Email Kirim Pesan Pesan Masuk Pesan Keluar Pengumuman Materi Pelajaran Latihan Soal/Ujian Lihat Nilai Ujian Jawaban Ujian Forum Diskusi

Profil Siswa NIS Kelas Nama Anda Email

Foto

Logo

: : : :

· Klik lihat profil guru untuk menuju FS01 · Klik ganti password untuk menuju FS02 · Klik ganti email untuk menuju FS03 · Klik kirim pesan untuk menuju FS04 · Klik pesan masuk untuk menuju FS05 · Klik pesan keluar untuk menuju FS06 · Klik pengumuman untuk menuju FS07 · Klik materi pelajaran untuk menuju FS08 · Klik Latihan Soal/ujian untuk menuju FS09 · Klik lihat nilai ujian untuk menuju FS10 · Klik jawaban ujian untuk menuju FS11 · Klik forum diskusil untuk menuju FS12 · Klik laporan nilai siswa untuk menuju FS13

Laporan Nilai Siswa Keluar Kalender

footer


Gambar 3.64 Perancangan Halaman Profil Siswa FS02 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Header

Buku Tamu

Logo


Ganti Password Siswa Password Lama : Password Baru : Validasi Password Baru :



footer


Gambar 3.65 Perancangan Halaman Ganti Password Siswa

158

FS03 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Header

Buku Tamu


Ganti Email Siswa Email Lama :

Logo

[email protected]




footer


Gambar 3.66 Perancangan Halaman Ganti Email Siswa FS04 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Header

Buku Tamu

Daftar Guru

Kirim Pesan / Konsultasi Siswa Foto

NIP

Logo

Nama Guru

Kirim

Menu Lihat Profil Siswa Ganti Password Ganti Email Kirim Pesan Pesan Masuk Pesan Keluar Pengumuman Materi Pelajaran Latihan Soal/Ujian Lihat Nilai Ujian Jawaban Ujian Forum Diskusi



footer


Gambar 3.67 Perancangan Halaman Kirim Pesan / Konsultasi Siswa

159


Kontak

Beranda

Header

Buku Tamu

Daftar Guru

Pesan Masuk Siswa No Dari Waktu kirim Pesan

Logo

: : : : Balas

Hapus




footer


Gambar 3.68 Perancangan Halaman Pesan Masuk Siswa FS06 SMK Negeri 2 Cimahi E-Learning

Kontak

Beranda

Header

Buku Tamu

Daftar Guru

Pesan Keluar Siswa No Untuk Waktu kirim Pesan

Logo

: : : : Hapus




footer


Gambar 3.69 Perancangan Halaman Pesan Keluar Siswa

160


Beranda

Kontak

Header

Buku Tamu

Daftar Guru

Pengumuman No

Nama

Judul

Logo

Isi Pengumuman




footer


Gambar 3.70 Perancangan Halaman Pengumuman Siswa FS08 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Header

Buku Tamu

Daftar Guru

Materi Pelajaran No

Nama Mapel

Penyaji

Judul

Logo

Isi Materi

Kelas

Download




footer


Gambar 3.71 Perancangan Halaman Materi Pelajaran

161


Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru

Latihan Soal / Ujian No

Nama Mapel

Penyaji

Judul

Isi Materi

Kelas

Ikut Ujian




footer


Gambar 3.72 Perancangan Halaman Latihan Soal / Ujian FS10 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru

Nilai Latihan / Ujian No

Nama Mapel

Penyaji

Judul

Isi Materi

Kelas

Nilai




footer


Gambar 3.73 Perancangan Halaman Lihat Nilai Ujian

162


Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru

Jawaban Ujian No

Nama Mapel

Penyaji

Judul

Isi Materi

Kelas

Jawaban




footer


Gambar 3.74 Perancangan Halaman Lihat Jawaban Ujian FS12 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Logo

Header

Buku Tamu

Daftar Guru

Forum Diskusi No

Mata Pelajaran

Kelas

Judul

Keterangan

Detail




footer


Gambar 3.75 Perancangan Halaman Forum Diskusi

163


Beranda

Kontak

Buku Tamu

Daftar Guru

Laporan Nilai Siswa No

NIS

Nama

Nilai Tugas


Logo

Header

Nilai Ulangan / Ujian On line

Menu Lihat Profil Siswa 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 Kalender

footer


Gambar 3.76 Perancangan Halaman Laporan Nilai Siswa 5. Perancangan Halaman untuk user Kepala Sekolah FK01 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Header

Buku Tamu

Daftar Guru

Profil Kepala Sekolah

Foto

Logo

Menu Lihat Profil Kepsek Ganti Password Ganti Email Data Siswa Data Guru Monitoring Nilai Siswa Keluar

NIP : Nama Anda : Email :

· Klik lihat profil kepsek untuk menuju FK01 · Klik ganti password untuk menuju FK02 · Klik ganti email untuk menuju FK03 · Klik data siswa untuk menuju FK04 · Klik data guru untuk menuju FK05 · Klik monitoring nilai siswa untuk menuju FK06

Kalender

footer


Gambar 3.77 Perancangan Halaman Profil Kepala Sekolah

164

FK02 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Header

Buku Tamu

Logo

Daftar Guru Menu Lihat Profil Kepsek Ganti Password Ganti Email Data Siswa Data Guru Monitoring Nilai Siswa Keluar

Ganti Password Kepsek Password Lama : Password Baru : Validasi Password Baru :


Kalender

footer


Gambar 3.78 Perancangan Halaman Ganti Password Kepala Sekolah FK03 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Header

Buku Tamu

Daftar Guru Menu Lihat Profil Kepsek Ganti Password Ganti Email Data Siswa Data Guru Monitoring Nilai Siswa Keluar

Ganti Email Kepsek Email Lama :

Logo

[email protected]



Kalender

footer


Gambar 3.79 Perancangan Halaman Ganti Eemail Kepala Sekolah

165


Kontak

Beranda

Header

Buku Tamu

Daftar Guru

Data Siswa Pilih Kelas : Pilih kelas No

NIS

Logo

Lihat Nama Siswa Kelas



Kalender

footer


Gambar 3.80 Perancangan Halaman Data Siswa Kepala Sekolah FK05 SMK Negeri 2 Cimahi E-Learning

Beranda

Kontak

Header

Buku Tamu

Daftar Guru

Data Guru No

NIP

Logo

Nama Guru Mengajar Mata Pelajaran



Kalender

footer


Gambar 3.81 Perancangan Halaman Data Guru Kepala Sekolah

166


Beranda

Kontak

Header

Buku Tamu

Logo

Daftar Guru

Monitoring Nilai Siswa


Grafik Nilai Siswa


Kalender

footer


Gambar 3.82 Perancangan Halaman Monitoring Nilai Siswa

167

3.2.5

Perancangan Pesan

M01

X

Password salah. Silakan Login kembali!

M04

X

X

M02

Password masih kosong. Silahkan Login kembali!

M05

M06

X

Ya

X

Tidak

X

M09

Belum ada materi pelajaran.

Berhasil didaftarkan.

Tidak

M10

X

M11

Apakah anda yakin akan menghapus data guru dengan NIP:… , Nama:... Ya

X

Password anda sudah diubah.

M08

Apakah anda yakin akan menghapus pesan ini. Ya

X

NIS / NIP masih kosong. Silahkan Login kembali!

Apakah anda akan menghapus data guru dengan NIP:…, Nama:...

Data berhasil diubah.

M07

M03

X

M12

NIP kurang dari 18.

X

Nama masih kosong.

Tidak

M13

X

Email masih kosong.

M16

M14

Kelas tingkat tidak boleh dikosongkan.

X

M17

Kode mata pelajaran tidak boleh dikosongkan.

M19

Password lama tidak boleh kosong.

X

M15

X

M20

X

M18

M21

Bab masih kosong.

Password baru tidak boleh kosong.

X

Silahkan pilih mata pelajaran.

X

M23

X

Semester tidak boleh dikosongkan.

Silahkan pilih NIP guru.

Judul berita tidak boleh dikosongkan.

M22

X

X

Judul masih kosong.

X

M24

X

Judul topik tidak boleh kosong.

168

M25

X

Password salah.

X

M29

Nama kelas tidak boleh dikosongkan.

Apakah anda yakin akan menghapus data siswa dengan NIS:… , dengan Nama:...

X

M33

NIS masih kosong.

M35

X

Kode mata pelajaran sudah digunakan.

M36

X

Nama mata pelajaran masih kosong.

Tidak

M37

X

Apakah anda yakin akan menghapus data mata pelajaran dengan Nama:....

M38

X

M39

Ya

X

M41

X

Ya

X

Apakah anda akan menghapus data kelas dengan judul : ….

M46

Apakah anda akan menghapus soal dengan pertanyaan …...

X

Topik masih kosong.

Password masih kosong.

X

Ya

X

Tidak

M44

Tidak

Tidak

M42

Apakah anda akan menghapus data pengumuman dengan judul : …..

Judul atau isi masih kosong.

M43

X

Apakah anda akan menghapus data mengajar : …., NIP :….

Mata pelajaran sudah digunakan.

Tidak

M40

Ya

X

Nama kelas masih kosong.

NIS sudah digunakan.

X

Ya

M30

Tidak

M34

Ya

X

M32

Apakah anda akan menghapus data kelas dengan Kode : …., Nama :...

X

NIP sudah digunakan.

Kode kelas sudah digunakan.

X

Ya

M27

NIP masih kosong

M28

M31

X

M26

M45

Apakah anda akan menghapus berita dengan judul : ….

Tidak

M47

Ya

X

Pesan masih kosong.

X

Tidak

M48

X

Apakah anda akan menghapus pesan dari …. Ya

Tidak

169

M49

M50

X

Judul forum tidak boleh dikosongkan.

X

M51

X

Apakah anda akan menghapus data forum dengan judul ….

Keterangan tidak boleh kosong.

Ya

Tidak

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.

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

M32, M33, M12, M34

FA08

FA07

M04, M05, M25

M49, M50, M51

FA02 FA10 FA09

M01,M02 ,M03

FA01

F01

M19, M45

FA11

F02

F03 F07 F04 F05

FA12

F06

Gambar 3.84 Jaringan Semantik Admin

170

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

M47, M46,

FG05 M13

M40, M41

M48

FG06

M20, M21, M43

FG07

FG04 FG08

FG03

FG02

M06, M22, M23, M25, M42

, M 08 M 44

FA09

M01,M02 ,M03

FG01

F02

M08, M44

FG10

F01

FG11

F03

F04

M09

M08

FG12 F05

F07

F06

FG13

M08

FG14

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

M46, M47

FS05 M13

FS06

M07 FS07

FS04 FS08 FS03

FS02

M06, M22, M23, M25, M42

FS09

M01,M02 ,M03

FS01

F02

FS10

F01

FS11

F03

F04

FS12 F05

F06

F07 FS13

Gambar 3.86 Jaringan Semantik Siswa

M24

171

4. Jaringan Semantik untuk Kepala Sekolah dapat dilihat pada Gambar berikut ini. FK05

FK06

FK04 FK03 M06 FK02

FK01

M01,M02 ,M03 F02

F01

F03

F04 F05

F06

F07

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

Pengecekan data pendaftaran

Menampilkan pendaftaran gagal

Tidak

Data pendaftaran valid?

Ya

Pendaftaran berhasil

Selesai

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

Tampilkan Pesan

Invalid

NIP/NIS/Id user dan Password

Valid

Login Valid

Masuk halaman utama sesuai hak akses

Selesai

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

Cek data

Tampilkan Pesan

tidak

Data cocok?

ya

Simpan data

Data berhasil ditambahkan ke database

Selesai

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

Ubah data yang telah dipilih

Tampilkan pesan data tidak sesuai

tidak

Data sudah lengkap?

ya

Ubah data

Data berhasil diubah ke database

Selesai

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

Tidak

Tampilkan pesan konfirmasi apakah yakin data akan dihapus

Ya

Hapus data terpilih dari database

Selesai

Gambar 3.92 Prosedural Hapus Data

BAB 3 ANALISIS DAN PERANCANGAN SISTEM. dan perancangan sistem yang akan dibangun di SMK NEGERI 2 Cimahi yang

Recommend Documents