33
Bab III Analisis dan Perancangan Sistem
III.1 Analisis Sistem
Pada bagian ini akan dilakukan analisis terhadap sistem yang sedang berjalan. Hasilnya digunakan untuk mengidentifikasi dan mengevaluasi berbagai
kelemahan, permasalahan, kebutuhan dan hambatan yang terdapat pada sistem konvensional yang sudah dimiliki SMA Negeri 5 Cimahi. Hasil proses analisis
akan dapat dihasilkan berbagai saran perbaikan terhadap sistem yang dapat dijadikan dasar dalam merancang sistem informasi yang akan dibangun.
1. Analisis Masalah
Dilihat dari apa yang terjadi pada sebuah sekolah, dimana kegiatan belajar mengajar dilakukan oleh guru dan murid secara tatap muka. Kegiatan belajar
mengajar yang seperti itu dirasa belum cukup karena dibatasi waktu dan tempat, sehingga diperlukan sebuah sistem untuk membantu proses pembelajaran tersebut.
Salah satu solusinya adalah sistem e-learning berbasis web, dimana sistem ini dapat diakses kapan saja dan dimana saja selama pengguna terkoneksi dengan
internet. Lalu munculah beberapa masalah, yang kemudian diharapkan dapat
diselesaikan dengan pembangunan sistem ini. Diantaranya : 1. Penyediaan referensi yang kurang sehingga membuat para siswa masih harus
mencari di internet. Sedangkan referensi yang diperoleh terkadang
34
membutuhkan waktu lama untuk memilahnya agar sesuai dengan silabus mata pelajaran.
2. Kurangnya waktu dan tempat komunikasi antar guru dan siswa. Proses komunikasi antara guru dan siswa sangat dibutuhkan untuk
tercapainya kesuksesan dalam belajar. Proses komunikasi ini cukup sulit diwujudkan di sekolah, karena para siswa yang cenderung malu-malu atau
takut dengan guru yang bersangkutan. Begitu juga dengan guru yang ingin berkomunikasi banyak dengan siswa dalam satu waktu, tentu saja hal ini sulit
dilakukan secara langsung atau tatap muka dengan waktu yang terbatas. 3. Monitoring guru terhadap siswanya saat guru berhalangan hadir di sekolah
untuk mengajar. Seorang guru terkadang tidak dapat hadir di sekolah karena kesibukan lain
atau dalam keadaan sakit dan tidak dapat mengajar seperti biasanya. Sehingga dengan adanya sistem e-learning berbasis web ini, dapat menjadi alat bantu
pembelajaran alternatif bagi guru untuk menyampaikan materi-materi pelajarannya serta memonitoring siswanya melalui sebuah media yang
disediakan oleh e-learning kelas online.
2. Analisis Prosedur yang Sedang Berjalan
Dari data-data yang dikumpulkan, dapat disimpulkan mengenai prosedur sistem pembelajaran konvensional yang sedang berjalan. Secara garis besar, ada
empat prosedur yang sedang berjalan dan ingin diperbaiki di Sekolah Menengah Atas Negeri 5 Cimahi, yaitu prosedur pemberian materi pelajaran saat guru hadir,
prosedur pemberian materi pelajaran saat guru tidak hadir, prosedur pemberian
35
tugas siswa saat guru hadir dan prosedur pemberian tugas siswa saat guru tidak hadir. Seluruh prosedur yang sedang berjalan ini, digambarkan menggunakan
flowmap. 1. Prosedur Pemberian Materi Saat Guru Hadir
Prosedur pemberian materi mata pelajaran ini melibatkan guru dan siswa, karena pemberian materi mata pelajaran ini dilakukan oleh guru kepada siswanya
saat di sekolah. Prosedur ini dijelaskan sebagai berikut : 1. Guru membuat dahulu ringkasan dari sebuah materi mata pelajaran yang
akan disampaikan kepada siswa. 2. Ringkasan yang telah dibuat oleh guru sebelumnya, lalu disampaikan pada
siswa. 3. Siswa melakukan pencatatan dari sebuah materi mata pelajaran yang
disampaikan oleh guru. 4. Catatan materi yang telah dicatat oleh siswa lalu disimpan siswa sebagai
arsip catatan materi. 5. Ringkasan materi mata pelajaran milik guru yang telah disampaikan ke
siswa lalu diberikan kembali kepada guru untuk dijadikan arsip ringkasan materi pelajaran.
36
Ringkasan materi
Materi Pembuatan
ringkasan materi Ringkasan
materi Ringkasan
materi Pencatatan
Materi Catatan Materi
A2 Guru
Siswa
Ringkasan materi
A2
Gambar III.1 Flowmap prosedur pemberian materi saat guru hadir
Ket : A1 : Arsip catatan materi pelajaran
A2 : Arsip ringkasan materi pelajaran 2. Prosedur Pemberian Materi Saat Guru Tidak Hadir
Prosedur pemberian materi mata pelajaran ini melibatkan guru, guru piket dan siswa. Prosedur yang dilakukan oleh guru melalui guru piket lalu ke siswa ini
meliputi : 1. Guru membuat dahulu ringkasan dari sebuah materi mata pelajaran yang
akan disampaikan kepada siswa. 2. Ringkasan materi yang telah dibuat lalu diberikan pada guru piket agar
disampaikan pada siswa. 3. Saat di sekolah, guru piket menyampaikan ringkasan materi yang diberikan
oleh guru pada siswa. 4. Siswa melakukan pencatatan dari sebuah materi mata pelajaran yang
disampaikan oleh guru.
37
5. Catatan materi yang telah dicatat oleh siswa lalu disimpan siswa sebagai arsip catatan materi.
6. Petugas piket menyerahkan kembali ringkasan materi milik guru pada guru mata pelajaran yang bersangkutan.
7. Ringkasan materi mata pelajaran milik guru yang telah disampaikan ke siswa melalui guru piket ini lalu diberikan kembali kepada guru untuk
dijadikan arsip ringkasan materi pelajaran.
Materi Pembuatan
ringkasan materi Ringkasan
materi Ringkasan
materi Pencatatan
Materi Catatan Materi
A1 Guru
Siswa
Ringkasan materi
Ringkasan materi
Ringkasan materi
A2 Guru Piket
Gambar III.2 Flowmap prosedur pemberian materi saat guru tidak hadir
Ket : A1 : Arsip catatan materi pelajaran
A2 : Arsip ringkasan materi pelajaran 3. Prosedur Pemberian Tugas Saat Guru Hadir
Prosedur pemberian tugas ini melibatkan guru dan siswanya. Prosedur pemberian tugas ini biasanya dilakukan guru kepada siswanya saat setelah guru
38
memeberikan materi mata pelajaran sebagai evaluasi pembelajaran siswanya. Prosedur ini meliputi :
1. Ringkasan materi mata pelajaran yang telah dibuat, guru membuat soal tugas untuk siswanya.
2. Soal tugas yang telah dibuat guru lalu diberikan pada siswanya setelah guru menyampaikan materi mata pelajaran.
3. Soal tugas yang dibuat guru disimpan kembali sebagai arsip soal tugas. 4. Siswa lalu mengerjakan tugas yang diberikan guru mata pelajaran.
5. Jawaban dari hasil pengerjaan tugas siswa, lalu di berikan lagi kepada guru untuk diberikan penilaian.
6. Guru melakukan penilaian terhadap jawaban yang diberikan. Setelah itu, guru memasukkan ke dalam daftar nilai tugas dan menjadikan daftar nilai
sebagai arsip daftar nilai tugas. 7. Jawaban hasil tugas diberikan kembali pada siswa dan sudah diberikan nilai
pada kertas jawaban tersebut sesuai dengan nilai yang ada pada arsip daftar nilai tugas. Lalu oleh siswa jawaban hasil tugas itu disimpan dan dijadikan
sebagai arsip jawaban tugas yang telah dinilai.
39
Pembuatan soal tugas
Soal tugas Soal Tugas
Pengerjaan tugas
Jawaban tugas
Jawaban Tugas
Penilaian Tugas
Jawaban tugas yang telah dinilai
Pemasukkan nilai dalam
daftar nilai
Daftar Nilai Tugas Jawaban tugas
yang telah dinilai Jawaban tugas
yang telah dinilai
A3 A4
Guru Siswa
A5 Ringkasn Materi
A2
Gambar III.3 Flowmap prosedur pemberian tugas saat guru hadir
Ket : A1 : Arsip catatan materi pelajaran
A2 : Arsip ringkasan materi pelajaran A3 : Arsip jawaban tugas yang telah dinilai
A4 : Arsip daftar nilai tugas
4. Prosedur Pemberian Tugas Saat Guru Tidak Hadir Prosedur pemberian tugas dari materi pelajaran ini melibatkan guru, guru
piket dan siswa. Prosedur yang dilakukan oleh guru melalui guru piket lalu ke siswa ini meliputi :
40
1. Ringkasan materi mata pelajaran yang telah dibuat, lalu guru membuat tugas untuk siswanya.
2. Tugas yang telah dibuat guru lalu diberikan pada guru piket agar disampaikan pada siswanya.
3. Saat di sekolah, guru piket menyampaikan tugas yang diberikan oleh guru pada siswa.
4. Siswa lalu mengerjakan tugas yang diberikan guru mata pelajaran pada guru piket.
5. Soal tugas dan jawaban dari hasil pengerjaan tugas siswa, lalu di berikan lagi kepada guru piket.
6. Petugas piket menyerahkan kembali soal tugas dan jawaban hasil pengerjaan siswa pada guru mata pelajaran yang bersangkutan.
7. Soal tugas dan hasil jawaban siswa dijadikan arsip hingga nantinya diberikan penilaian oleh guru tersebut.
Guru Siswa
Guru Piket
Pembuatan soal Tugas
Soal Tugas Soal Tugas
Soal Tugas
Pengerjaan Tugas
Jawaban Tugas Soal Tugas
Jawaban Tugas Soal Tugas
Jawaban Tugas
A6 A5
Ringkasn Materi A2
Gambar III.4 Flowmap prosedur pemberian tugas saat guru tidak hadir
41
Ket : A1 : Arsip catatan materi pelajaran
A2 : Arsip ringkasan materi pelajaran A3 : Arsip jawaban tugas yang telah dinilai
A4 : Arsip daftar nilai tugas
A5 : Arsip Soal Tugas A6 : Arsip Jawaban Tugas yang belum dinilai
III.1.1 Analisis Kebutuhan Non Fungsional
Analisis dan kebutuhan non fungsional meliputi analisis pengkodean, analisis jaringan, analisis perangkat keras, analisis perangkat lunak, analisis
pengguna, dan analisis basis data.
III.1.2 Analisis Pengkodean
Pada bagian ini akan dibahas tentang pengkodean yang ada di SMA Negeri 5 Cimahi. Pengkodean di SMA Negeri 5 Cimahi terdiri dari pengkodean
Nomor Induk Pegawai NIP, Nomor Induk Siswa NIS dan Pengkodean Kelas.
1. Pengkodean NIP Nomor Induk Pegawai Pengkodean NIP terdiri dari 18 digit, dengan format sebagai berikut :
9999 99 99
9999 99
9 999
Nomor urut PNS Kode jenis kelamin
Bulan kerja Tahun kerja
Tanggal lahir Bulan lahir
Tahun lahir
Gambar III.5 Format Pengkodean NIP
42
Contoh : 195705111985031009 berarti guru tersebut lahir pada tanggal 11 bulan Mei tahun 1957, diangkat menjadi pegawai negeri sipil pada bulan Maret tahun
1985, berjenis kelamin laki-laki dan terdaftar dengan nomor urut 009. 2. Pengkodean NIS Nomor Induk Siswa
Pengkodean NIS terdiri dari 10 digit, dengan format sebagai berikut :
999 999
9999 Nomor Urut
Pengelompokan Sistem Tahun Lahir
Gambar III.6 Format Pengkodean NIS
Contoh : 9920078874 berarti siswa tersebut lahir pada tahun 1992 dengan nomor pengelompokkan oleh sistem 007 dan memiliki nomor urut 8874.
3. Pengkodean Kelas Pengkodean kelas terdiri dari 6 digit, dengan format sebagai berikut :
LL LLL
9 Tingkat
Jurusan No.urut kelas
Gambar III.7 Format Pengkodean Kelas
Contoh : XI IPA 1 berarti menunjukkan tingkat XI jurusan IPA urutan kelas nomor 1.
III.1.3 Analisis Jaringan
Aplikasi e-learning Learning Management System di SMAN 5 Cimahi ini adalah sebuah aplikasi berbasis web yang membutuhkan komputer dengan
koneksi internet untuk dapat mengaksesnya. Banyaknya komputer di laboratorium di SMAN 5 Cimahi ini adalah sekitar 41 komputer yang terdiri dari 1 komputer
43
admin dan 40 komputer client. Jaringan komputer yang terhubung di SMA ini menggunakan wireless.
III.1.4 Analisis Perangkat Keras
Perangkat keras yang digunakan di SMA Negeri 5 Cimahi saat ini adalah komputer dengan spesifikasi sebagai berikut:
1. Processor dengan kecepatan minimal 1,0 Ghz 2. RAM minimal 512 MB
3. Hard Disk minimal 80 GB 4. VGA minimal 128 MB
5. Lan Card 10100 Mbps 6. Koneksi Internet minimal 64 kbps.
Sedangkan untuk menjalankan aplikasi yang akan dibangun membutuhkan perangkat keras dengan spesifikasi minimum , yaitu:
1. Processor dengan kecepatan minimal 1,0 Ghz 2. RAM minimal 512 GB
3. Hard Disk minimal 80 GB 4. VGA minimal 128 MB
5. Lan Card 10100 Mbps 6. Koneksi Internet minimal 64 kbps.
Berdasarkan data tersebut, maka perangkat keras di sekolah telah mencukupi untuk dikembangkannya aplikasi e-learning kelas Online berbasis
Learning Management System yang akan dibangun.
44
III.1.5 Analisis Perangkat Lunak
Perangkat lunak yang digunakan sehari-hari di SMA Negeri 5 Cimahi menggunakan:
1. Sistem operasi Windows XP dengan Web browser menggunakan Mozilla Firefox dan Opera.
2. MySql dan SQL server sebagai Server Database Management System DBMS Sedangkan perangkat lunak yang dibutuhkan untuk membangun dan
menjalankan sistem ini digunakan perangkat lunak pendukung sebagai berikut: 1. Sistem operasi Windows XP dengan Web browser menggunakan Google
Chrome atau Mozilla Firefox. 2. Macromedia Dreamweaver 8 untuk tool pembuatan coding.
3. Xampp sebagai tool database MySQL. Berdasarkan data tersebut, maka perangkat keras di sekolah telah
mencukupi untuk dikembangkannya aplikasi e-learning kelas Online berbasis Learning Management System yang akan dibangun.
III.1.6 Analisis Pengguna
Analisis pengguna dimaksudkan untuk mengetahui siapa saja pengguna yang terlibat dalam proses pembelajaran sehingga dapat diketahui tingkat
pengalaman dan pemahaman pengguna komputer. Berdasarkan prosedur yang sedang berjalan, pengguna yang terlibat dalam
sistem yang sedang berjalan yaitu guru, siswa dan orangtua siswa dapat dilihat pada tabel III.1 .
45
Tabel III.1 Analisis Pengguna No.
Pengguna Karakteristik
1. Guru
a. Bisa mengoperasikan komputer. b. Pendidikan minimal D3
c. Terbiasa menjalankan aplikasi Microsoft office. d. Dapat menggunakan browser seperti Mozilla dan Google Chrome.
2. Siswa
a. Bisa mengoperasikan komputer. b. Pendidikan minimal SMP sederajat.
c. Dapat menggunakan browser seperti Mozilla dan Google Chrome. d. Bisa menjalankan aplikasi Microsoft office.
3. Orangtua
Siswa a. Bisa mengoperasikan komputer.
b. Pendidikan minimal SMA sederajat. c. Dapat menggunakan browser seperti Mozilla dan Google Chrome.
d. Bisa menjalankan aplikasi Microsoft office.
Untuk memaksimalkan penggunaan sistem yang akan dibangun maka pengguna aplikasi ini dibagi menjadi empat kategori, yaitu administrator, guru,
siswa dan orang tua siswa. Spesifikasi pengguna dapat dideskripsikan sebagai berikut :
1. Admin adalah user yang melakukan pengolahan secara keseluruhan terhadap aplikasi sistem e-learning di SMAN 5 Cimahi ini.
Tabel III.2 Analisis Pengguna Admin Pengguna
Admin Tanggung Jawab
Mengelola Data Master
Hak Akses
Mengelola Tahun Ajaran, Semester, Guru, Pelajaran, Mengajar,Orang Tua dan Siswa
Tingkat Pendidikan Min. D3
Bersambung,
46
Pengguna Admin
Tingkat Keterampilan
Menguasai pemahaman yang baik untuk mengelola data dalam web serta memiliki pengetahuan tentang internet dan pengelolaan
aplikasinya
Pengalaman
Pernah menjadi seorang admin yang mengelola sebuah web
Jenis Pelatihan Cara pengoperasian aplikasi
2. Guru adalah user yang memberikan materi pelajaran kepada siswa. Dalam hal ini guru juga mendapatkan pembelajaran mengenai bagaimana aplikasi e-learning
ini berjalan.
Tabel III.3 Analisis Pengguna Guru Pengguna
Guru Tanggung Jawab
Mengelola Data Pembelajaran
Hak Akses Mengelola Materi, Tugas, Ujian
Tingkat Pendidikan
Min. D3
Tingkat Keterampilan
Menguasai pemahaman yang cukup untuk mengelola dan mengakses data dalam sebuah web.
Pengalaman
Pernah mengelola data berbasis web
Jenis Pelatihan Cara pengelolaan aplikasi dengan hak akses milik guru
3. Siswa merupakan pengguna yang akan mendapatkan materi pelajaran yang disampaikan oleh guru.
Tabel III.4 Analisis Pengguna Siswa Pengguna
Siswa Tanggung Jawab
Mengakses Data Pembelajaran
Hak Akses
Mengakses Materi, tugas, ujian
Tingkat Pendidikan Min. SMP atau sederajat
Bersambung, Tabel III.2 Analisis Pengguna Admin Lanjutan
47
Pengguna Siswa
Tingkat Keterampilan
Menguasai pemahaman yang cukup untuk mengakses data dalam sebuah web.
Pengalaman Pernah mengakses sebuah web
Jenis Pelatihan Cara pengaksesan aplikasi dengan hak akses milik siswa
4. Orangtua Siswa Orangtua siswa merupakan pengguna yang akan mendapatkan informasi
mengenai nilai siswa dari pembelajaran yang telah diberikan.
Tabel III.5 Analisis Pengguna Orang Tua Pengguna
Orang Tua Siswa Tanggung Jawab
Melihat Laporan Siswa
Hak Akses Melihat laporan nilai tugas dan nilai ujian
Tingkat Pendidikan
Min. SMA atau sederajat
Tingkat Keterampilan Menguasai cara mengakses sebuah web menggunakan internet.
Pengalaman
Pernah mengakses sebuah web
Jenis Pelatihan Cara pengaksesan aplikasi dengan hak akses milik orang tua
Setelah dilakukan analisis dan wawancara dengan pihak sekolah, bahwa Guru TIK Teknologi Informasi dan Komunikasi yang bernama Sukmanto
Lukman, S.Kom. sesuai menjadi administrator admin dari aplikasi e-learning ini dengan spesifikasi pada tabel III.6 sebagai berikut
Tabel III.4 Analisis Pengguna Siswa Lanjutan
48
Tabel III.6 Analisis Admin Tingkat Pendidikan
S1 Teknik Informatika
Tingkat Keterampilan
Menguasai pemahaman yang baik untuk mengelola data dalam web serta memiliki pengetahuan tentang internet dan pengelolaan
aplikasinya
Pengalaman Mengelola web SMA Negeri 5 Cimahi
III.1.7 Analisis Basis Data
Tahap analisis basis data ini dilakukan agar diperoleh suatu sistem yang sesuai dengan apa yang diinginkan, dimana dapat dilakukan dengan tahapan
membuat ERD Entity Relationship Diagram. ERD digunakan untuk menggambarkan relasi antar tabel dengan tujuan untuk memperjelas hubungan
antar tabel penyimpanan. ERD pada Aplikasi Web Kelas Online di SMA Negeri 5 Cimahi dapat dilihat pada gambar III.8 berikut:
49
guru
pelajaran mengajar
subkelas
kelas Memiliki
admin
siswa
ortu mengelola
memiliki memiliki
History
tugas komentar
Materi user
menjadi
menjadi menjadi
mengelola mengelola
memiliki
memiliki memiliki
ujian memiliki
Soal_ujian
Soal_tugas pengumuman
mengelola pesan
Mengirimmenerima Tahun_ajaran
memiliki mengelola
semester memiliki
memiliki mengelola
memiliki Mengirimmenerima
menjawab menjawab
user Id_pesan
id nip
Id_soal_ujian
id id
Id_kelas
Id_komentar Id_ajaran
Id_pengumuman
Id_materi Id_mengajar
Id_ortu nis
Nip_tu Id_pelajaran
Id_semester
Id_subkelas
File_materi Id_soal_ujian
memiliki inbox
Id_balas
id
1
memiliki
1 1
1 1
N
1 1
N 1
1 1
1 N
1 N
1 N
N 1
1
N N
1 N
1 1
N 1
N N
1 N
1 N
1 N
Id_kelas Id_subkelas
N 1
Id_materi Id_pelajaran
N 1
id Id_materi
Id_materi Id_komentar
1 N
1 1
1
N
Id_tugas Id_tugas
Id_soal Id_materi
Id_soal Id_tugas
N 1
Id_soal_ujian Id_ujian
Id_soal
1 N
1 N
Id_ujian Id_materi
Id_ujian
nis nis
Id_ortu nis
Nilai_tugas
1 N
Niali_ujian
1 1
N
Id_ujian nis
Id_tugas
nis
N N
memiliki
1 N
memiliki
N 1
memiliki
memiliki
1 N
N 1
1
memiliki
1
N
mengirim
1 N
1
memberi memiliki
N 1
Jawaban_tugas memiliki
Jawaban_ujian memiliki
1 1
N N
Gambar III.8 Diagram Entity-Relationship
50
Keterangan :
Admin {nip_tu, nama_admin, alamat, tlp_admin, foto, email, user,
password, posisi} History
{id, from, to, message, sent, recd} File_Materi
{id, file, ket} Guru
{nip, nama_guru, alamat_guru, tlp_guru, foto_guru, email_guru, password}
Inbox {id_balas, kepada, tgl, jam, isi, status}
Kelas {id_kelas, nama_kelas}
Komentar {id_komentar, tgl, jam, komentar}
Materi {id_materi, judul_materi, tgl_materi, ket, kompetensi, pokok,
indikator} Nilai_Tugas
{id_nilai, nilai} Nilai_Ujian
{id_nilai_ujian, nilai} Ortu
{id_ortu, nama_ortu,
alamat_ortu, tlp_ortu,
email_ortu, password}
Pelajaran {id_pelajaran, nama_pelajaran}
Pengumuman {id, tgl, tgl_exp, jam, judul, isi}
Pesan {id_pesan, subject , fr , kpd , tgl_pesan}
Semester {id_semester, semester}
Siswa {nis, nama_siswa, tlp, alamat_siswa, tpt_lahir, tgl_lahir, jk, foto,
email_siswa, password}
51
Soal_tugas {id_soal, soal}
Soal_ujian {id_soal_ujian, soal}
Subkelas {id_subkelas, nama_subkelas}
Tahun_ajaran {id_ajaran, tahun_ajaran, kurikulum, status }
Tugas {id_tugas, tgl_tugas, tgl_akhir, ket}
Ujian {id_ujian,tgl ujian, jam_awal,jam _akhir,ket}
User {user,nama_user,status,ol}
III.1.8 Analisis Kebutuhan Fungsional
Analisis dan kebutuhan non fungsional meliputi Diagram Konteks, Data Flow Diagram, Spesifikasi Proses dan Kamus Data.
III.1.8.1 Diagram Konteks
Alat pemodelan ini digunakan untuk menggambarkan interaksi sistem dengan lingkungan serta mendeskripsikan fungsi sebuah sistem. Diagram konteks digambarkan
dengan sebuah lingkaran yang terhubung dengan entitas luar yang terlibat dalam sistem. Terdapat empat pengguna yaitu Administrator admin, Guru, Siswa dan Orangtua.
Diagram konteks pada Aplikasi e-learning Kelas Online SMA Negeri 5 Cimahi digambarkan pada gambar III.9 berikut ini.
52
E-learning Kelas Online
SMAN 5 Cimahi ADMIN
GURU
SISWA ORANG TUA
Info Olah Tahun Ajaran Info olah kurikulum
Info olah semester Info olah pelajaran
Info olah guru Info olah mengajar
Info olah siswa Info olah orang tua
Info profil, password, foto yang diubah Info login admin
Data Olah Tahun Ajaran Data olah kurikulum
Data olah semester Data olah pelajaran
Data olah guru Data olah mengajar
Data olah siswa Data olah orang tua
Data profil, password, foto yang diubah Data login admin
Info login guru Info materi, tugas,ujian,soal yang akan ditambah dilihat, diubah
Info nilai yang akan dilihat Info jawaban yang akan ditambah
Info profil, password, foto yang diubah Info komentar
Info pesan yang ditambah dihapus dikirim dilihat Info Chatting
Data login guru Data materi, tugas,ujian,soal yang akan ditambah dilihat, diubah
Data nilai yang akan dilihat Data jawaban yang akan ditambah
Data profil, password, foto yang diubah Data komentar
Data pesan yang ditambah dihapus dikirim dilihat Data Chatting
Data pesan yang ditambah dihapus dikirim dilihat Data Chatting
Data nilai tugas, ujian yang akan dilihat Info profil, password yang diubah
Data login orang tua Info pesan yang ditambah dihapus dikirim dilihat
Info Chatting Info nilai tugas, ujian yang akan dilihat
Info profil, password yang diubah Info login orang tua
Info profil, password, foto yang diubah Info materi yang akan dilihat dan didownload
Info tugas,ujian,soal yang akan dilihat dan dikerjakan Info nilai yang akan dilihat
Info jawaban siswa yang ditambah Info komentar
Info Chatting Info pesan yang ditambah dihapus dikirim dilihat
Info login siswa Data profil, password, foto yang diubah
Data materi yang akan dilihat dan didownload Data tugas,ujian,soal yang akan dilihat dan dikerjakan
Data nilai yang akan dilihat Data jawaban siswa yang ditambah
Data komentar Data Chatting
Data pesan yang ditambah dihapus dikirim dilihat Data login siswa
Gambar III.9 Diagram Konteks
III.1.8.2 Data Flow Diagram DFD
Data flow diagram DFD merupakan representasi atau model grafis dari sistem yang menunjukan aliran data atas informasi dari sumber ke tujuan dengan proses
pengolahannya.
Gambar DFD Level 1 gambar III.10 berikut ini menjelaskan bahwa pengguna web dapat melakukan akses pada website dengan memilih menu yang ada ke dalam
sistem sebagai admin, guru, siswa serta orang tua yang di dalamnya terdapat beberapa pilihan yang berbeda sesuai hak akses pada setiap pengguna.
53
1 Login
2 Pengolahan Data Master
3 Pengolahan Akun
4 Pembelajaran
5 pengolahan Forum
6 Pengolahan Pengumuman
7 Pengolahan Pesan
8 Chatting
Admin
Guru
Siswa
Orang tua Data login admin
Info login admin
admin Info login guru
Data login guru
Info login siswa Data login siswa
Info login orang tua Data login orang tua
ortu siswa
guru Info olah tahun ajaran
Info olah Kurikulum Info olah Semester
Info olah Pelajaran Info olah guru
Info olah mengajar Info olah siswa
Info olah Orang Tua Info olah Forum
Data olah tahun ajaran Data olah Kurikulum
Data olah Semester Data olah Pelajaran
Data olah guru Data olah mengajar
Data olah siswa Data olah Orang Tua
Data olah Forum Tahun_ajaran
semester kelas
subkelas Pelajaran
mengajar Info olah tahun_ajaran
Data olah tahun ajaran Info olah pelajaran
Data olah pelajaran Info olah semester
Data olah semester Info olah subkelas
Data olah subkelas Info olah kelas
Data olah kelas Info olah mengajar
Data olah mengajar Data login orang tua
Info login orang tua Info login siswa
Data olah orang tua
Info olah orang tua
D at
a o
la h
si sw
a In
fo ol
ah si
sw a
D at
a o
lah guru
Inf o
ol ah
gu ru
Data login siswa Info login guru
Data login guru Info login admin
Data login admin Info profil, password, foto yang diubah
Data profil, password, foto yang diubah Data profil, password, foto yang diubah
Info profil, password, foto yang diubah Info profil, password, foto yang diubah
Data profil, password, foto yang diubah Info profil, password yang diubah
Data profil, password yang diubah Data olah akun
Info olah akun Data olah akun
Info olah akun In
fo o
lah akun
Dat a
ol ah
akun Dat
a ol
ah akun
Inf o
ol ah
aku n
Info materi, tugas,ujian,soal yang akan ditambah dilihat, diubah Info nilai yang akan dilihat
Info jawaban yang akan ditambah
Data materi, tugas,ujian,soal yang akan ditambah dilihat, diubah Data nilai yang akan dilihat
Data jawaban yang akan ditambah Data materi yang akan dilihat dan didownload
Data tugas,ujian,soal yang akan dilihat dan dikerjakan Data nilai yang akan dilihat
Data jawaban siswa yang ditambah Info materi yang akan dilihat dan didownload
Info tugas,ujian,soal yang akan dilihat dan dikerjakan Info nilai yang akan dilihat
Info jawaban siswa yang ditambah Info nilai tugas, ujian yang akan dilihat
Data nilai tugas, ujian yang akan dilihat materi
ujian
Nilai_tugas Nilai_ujian
tugas soal
Soal_ujian Jawaban_siswa
pengumuman komentar
pesan inbox
chat File_materi
Data olah file materi Data jawaban siswa
Info jawaban siswa Data olah materi
Info olah materi Data olah ujian
Info olah ujian Data olah soal ujian
Info olah soal ujian Data olah soal
Info olah soal Data olah tugas
Info olah tugas Data olah nilai tugas
Info olah nilai tugas Data olah nilai ujian
Info olah nilai ujian
Info olah file materi Data komentar
Info komentar Info komentar
Data komentar
Data olah pengumuman user
Data Status login Info Status login
Info status login
Data Chatting Info Chatting
Info olah pengumuman
Data pesan yang ditambah dihapus dikirim dilihat Data pesan yang ditambah dihapus dikirim dilihat
Info pesan yang ditambah dihapus dikirim dilihat Info pesan yang ditambah dihapus dikirim dilihat
Data pesan yang ditambah dihapus dikirim dilihat Info pesan yang ditambah dihapus dikirim dilihat
Data komentar Info komentar
Info olah pengumuman Data olah pengumuman
Info Olah Pesan Data Olah Pesan
Data Chatting Info Chatting
Data Chatting Info Chatting
Data Chatting InfoChatting
Info materi
Info user
Info user Info mengajar
Info kelas Info subkelas
Info semester Info pelajaran
Info tahun_ajaran
Gambar III.10 DFD Level 1 e-learning Kelas Online SMAN 5 Cimahi
54
Dari proses-proses yang terlihat pada DFD level 1
gambar III.11
, dapat diturunkan lagi menjadi level 2, dimana setiap prosesnya merupakan rincian detail proses
yang terjadi pada level 1, hal ini dilakukan agar proses – proses yang terjadi dapat lebih
mudah untuk dapat dipahami.
Gambar III.11 dibawah ini merupakan proses pengolahan data master dimana terdapat 9 proses di dalamnya yaitu pengolahan tahun ajaran dan kurikulum, pengolahan
semester, pengolahan kelas, pengolahan subkelas, pengolahan mata pelajaran, pengolahan data guru, pengolahan data mengajar, pengolahan data siswa dan
pengolahan data orang tua.
2.1 Pengolahan Tahun Ajaran
dan kurikulum 2.2
Pengolahan semester 2.3
Pengolahan Kelas 2.4
Pengolahan Subkelas
ADMIN
2.8 Pengolahan Data Siswa
2.9 Pengolahan Data Orang
Tua 2.5
Pengolahan Mata Pelajaran
2.6 Pengolahan Data Guru
2.7 Pengolahan Data
Mengajar Tahun_ajaran
semester kelas
subkelas
pelajaran guru
mengajar siswa
ortu Data
olah tahun ajaran Info
olah tahun ajaran Data
olah semester Info
olah semester Data
Olah kelas Data
olah subkelas Info
olah subkelas
Data olah mata pelajaran
Info olah mata pelajaran
Data olah data guru
Info olah data guru
Data olah data mengajar
Info olah data mengajar
Data olah data siswa
Info olah data siswa
Data olah data orang tua
Info olah data orang tua
Data Olah Tahun ajaran Info Olah Tahun ajaran
Data Olah Semester Info Olah Semester
Data olah kelas Info olah kelas
Info olah subkelas Data olah subkelas
Info olah mata pelajaran Data olah mata pelajaran
Info olah guru Data olah guru
Info olah mengajar Data olah mengajarData olah siswa
Info olah data siswa Data olah orang tua
Info olah data orang tua Info olah kelas
Info tahun_ajaran
Info semester Info kelas
Info siswa Info tahun_ajaran
Info pelajaran Info guru
Info subkelas Info tahun_ajaran
Info kelas Info tahun_ajaran
Info kelas Info tahun_ajaran
Gambar III.11 DFD Level 2 Proses 2 Pengolahan Data Master
55
Gambar III.12 berikut ini merupakan proses turunan dari proses 2.1 yaitu meliputi tambah tahun ajaran, ubah tahun ajaran dan lihat tahun ajaran.
2.1.1 Tambah Tahun
Ajaran 2.1.2
Ubah Tahun Ajaran
2.1.3 Lihat Tahun Ajaran
Data tahun ajaran yang ditambah
Data tahun ajaran yang di ubah Info tahun ajaran yang di ubah
Info tahun ajaran yang di lihat Data tahun ajaran yang di lihat
Info tahun ajaran yang ditambah Admin
Data tahun ajaran yang ditambah Info tahun ajaran
yang ditambah Data tahun ajaran yang di ubah
Info tahun ajaran yang di ubah Data tahun ajaran yang di lihat
Data tahun ajaran yang di lihat
Tahun_ajaran
Gambar III.12 DFD Level 3 Proses 2.1 Pengolahan Tahun Ajaran
Gambar III.13 berikut ini merupakan proses turunan dari proses 2.2 yaitu meliputi tambah semester, hapus semester, aktifkan semester, ubah semester dan lihat
semester.
2.2.1 Tambah Semester
2.2.2 Hapus Semester
2.2.3 Aktifkan Semester
Admin Data Semester yang ditambah
2.2.4 Ubah Semester
2.2.5 Lihat Semester
Info semester yang ditambah
Info semester yang dihapus Data semester yang dihapus
Data semester yang diaktifkan Info semester yang diaktifkan
Data semester yang diubah Info semester yang diubah
Data semester yang dilihat Info semester yang dilihat
Info tahun ajaran
Info tahun ajaran Info tahun ajaran
Data Semester yang ditambah Info semester yang ditambah
Data semester yang dihapus
Info semester yang dihapus
Data semester yang diaktifkan
Info semester yang diaktifkan
Info semester yang diubah
Data semester yang diubah
Info semester yang dilihat Data semester yang dilihat
Semester Tahun_ajaran
Gambar III.13 DFD Level 3 Proses 2.2 Pengolahan Semester
56
Gambar III.14 berikut ini merupakan proses turunan dari proses 2.2 yaitu meliputi ubah kelas semester dan lihat kelas.
2.3.1 Ubah Kelas
2.3.2 Lihat Kelas
Admin Kelas
Tahun_ajaran Data kelas yang diubah
Info kelas yang diubah
Data kelas yang dilihat Info kelas yang dilihat
Data kelas yang diubah Info kelas yang diubah
Data kelas yang dilihat Info kelas yang dilihat
Info tahun ajaran
Gambar III.14 DFD Level 3 Proses 2.3 Pengolahan Kelas
Gambar III.15 berikut ini merupakan proses turunan dari proses 2.4 yaitu meliputi tambah subkelas, hapus subkelas, ubah subkelas dan lihat subkelas.
2.4.1 Tambah subkelas
2.4.2 Hapus subkelas
2.4.3 Ubah subkelas
2.4.4 Lihat subkelas
ADMIN subkelas
kelas Tahun_ajaran
Data subkelas yang ditambah Info subkelas yang ditambah
Data subkelas yang dihapus
info subkelas yang dihapus
Data subkelas yang diubah
Info subkelas yang diubah Info kelas
Info kelas Info tahun ajaran
Data subkelas yang ditambah Info subkelas yang ditambah
info subkelas yang dihapus
Data subkelas yang dihapus
Info subkelas yang diubah Data subkelas
yang diubah
Info tahun ajaran Info kelas
Gambar III.15 DFD Level 3 Proses 2.4 Pengolahan Subkelas
57
Gambar III.16 dibawah ini merupakan proses pengolahan pelajaran yaitu meliputi tambah pelajaran, hapus pelajaran , ubah pelajaran dan lihat pelajaran.
2.5.2 Hapus Mata
Pelajaran 2.5.3
Ubah Mata Pelajaran
2.5.1 Tambah Mata
Pelajaran ADMIN
Info Mata Pelajaran yang ditambah
Data Mata Pelajaran yang ditambah
Data Mata Pelajaran yang diubah
Info Mata pelajaran yang diubah Data Mata Pelajaran
yang dihapus Info Mata Pelajaran
Yang dihapus
pelajaran Data Mata Pelajaran
yang dihapus Info Mata Pelajaran
Yang dihapus Info Mata Pelajaran
yang ditambah Data Mata Pelajaran
yang ditambah In
fo Ma
ta Pe
laj ar
an y
an g
d iub
ah
D at
a Ma
ta Pel
aja ra
n y
an g
d iub
ah kelas
Info kelas 2.5.4
Lihat Mata Pelajaran
Data pelajaran yang dilihat Data pelajaran yang dilihat
Info kelas
Data pelajaran yang dilihat Data pelajaran yang dilihat
Semester Tahun_ajaran
Info semester
Info semester Info tahun ajaran
Info tahun ajaran
Gambar III.16 DFD Level 3 Proses 2.5 Pengolahan Pelajaran
Gambar III.17 berikut ini merupakan proses level 3 dari proses 2.6 yaitu pengolahan guru, yang meliputi tambah guru, hapus guru, ubah guru, cari data guru,
detail guru, dan import guru.
58
2.6.5 Detail Data Guru
2.6.2 HapusGuru
2.6.3 Ubah Guru
2.6.1 Tambah Guru
ADMIN Info Guru
yang ditambah Data Guru
yang ditambah Data Guru
yang diubah
Info Guru yang diubah Data Guru
yang dihapus Info Guru
Yang dihapus
guru Data Guru
yang dihapus Info Guru
Yang dihapus Info Guru
yang ditambah Data Guru yang ditambah
In fo
G u
ru ya
n g
d iu
b a
h Da
ta Gu
ru ya
n g
d iu
b a
h 2.6.4
Cari Data Guru
Info cari Guru Data cari Guru
Da ta
ca ri Gu
ru In
fo ca
ri Gu ru
2.6.6 Import data guru
D a
ta im
p o
rt g
u ru
Info im
p o
rt d
a ta
g u
ru Data detail guru
Info detail guru
Data import guru Info import data guru
Data detail guru Info detail guru
Gambar III.17 DFD Level 3 Proses 2.6 Pengolahan Guru
Gambar III.18 merupakan proses level 3 dari proses 2.7 yaitu pengolahan mengajar, yang meliputi tambah mengajar, hapus mengajar, ubah mengajar, lihat
mengajar, cari mengajar dan detail mengajar.
59
2.7.2 Hapus Data
Mengajar
2.7.3 Ubah Data
Mengajar 2.7.1
Tambah Data Mengajar
2.7.4 Lihat Data
Mengajar
2.7.5 Cari Data
Mengajar
2.7.6 Detail Data
Mengajar ADMIN
Info tambah mengajar Data tambah mengajar
Info hapus mengajar Data hapus mengajar
Data ubah mengajar Info ubah mengajar
Data mengajar yang dilihat Info mengajar yang dilihat
Data cari mengajar Info cari mengajar
Info detail mengajar Data detail mengajar
Tahun_ajaran Info tahun ajaran
Info tahun ajaran
Info tahun ajaran
Semester Info semester
Kelas
Subkelas
Pelajaran
Mengajar Guru
Info guru Info kelas
Info subkelas Info pelajaran
Info tambah mengajar Data tambah mengajar
Data hapus mengajar Info hapus mengajar
Info subkelas Info kelas
Info guru Info pelajaran
Info guru Data ubah mengajar
Info ubah mengajar
Data cari mengajar Info cari mengajar
Data detail mengajar Info detail mengajar
Data mengajar yang dilihat Info mengajar yang dilihat
Gambar III.18 DFD Level 3 Proses 5.9 Pengolahan Mengajar
60
Gambar III.19 merupakan proses level 3 dari proses 2.8 yaitu pengolahan siswa, yang meliputi tambah siswa, hapus siswa, ubah siswa, detail siswa, lihat siswa, import
data siswa dan cari data siswa.
5.10.4 Detail Data Siswa
5.10.2 Hapus Siswa
5.10.3 Ubah Siswa
5.10.1 Tambah siswa
5.10.5 Lihat Data Siswa
5.10.6 Cari Data Siswa
5.10.7 Import Data Siswa
ADMIN Tahun_ajaran
kelas
Siswa
Subkelas Info tahun ajaran
Info tahun ajaran
Info tahun ajaran Info kelas
Info kelas Info subkelas
Info subkelas Data tambah siswa
Info tambah siswa
Data hapus siswa Info hapus siswa
Data ubah siswa Info ubah siswa
Data detail siswa Info detail siswa
Info lihat siswa Data lihat siswa
Info cari data siswa Data cari siswa
Inso import siswa Data import siswa
Info tambah siswa Data tambah siswa
Info hapus siswa Data hapus siswa
Info ubah siswa Data ubah siswa
Info detail siswa Data detail siswa
Info lihat siswa Data lihat siswa
Info cari data siswa Data cari siswa
Inso import siswa Data import siswa
Gambar III.19 DFD Level 3 Proses 2.8 Pengolahan Siswa
61
Gambar III.20 merupakan proses level 3 dari proses 2.9 yaitu pengolahan orang tua, yang meliputi tampil orang tua, tambah orang tua, hapus orang tua, ubah data orang
tua dan cari data orang tua.
5.11.1 Tampil Data
Orang Tua
5.11.4 Hapus Orang
Tua 5.11.3
Ubah Orang Tua
5.11.2 Tambah
Orang Tua ADMIN
Info Orang Tua yang ditambah
Data Orang Tua yang ditambah
Data tampil Orang Tua yang dipilih
Info tampil Orang Tua yang dipilih
Data Orang Tua yang diubah
Info Orang Tua yang diubah
Data Orang Tua yang dihapus
Info Orang Tua Yang dihapus
ortu Data Orang Tua
yang dihapus Info Orang Tua
Yang dihapus Info Orang Tua
yang ditambah Data Orang Tua yang ditambah
In fo
O ra
n g
T u
a y
a n
g d
iu b
a h
D a
ta O
ra n
g T
u a
y a
n g
d iu
b a
h
Info tampil Orang Tua yang dipilih Data tampil Orang Tua yang dipilih
5.11.5 Cari Data
Orang Tua
Info cari Orang Tua Data cari Orang Tua
D a
ta c
a ri O
ra n
g T
u a
In fo
c a
ri O
ra n
g T
u a
siswa Info siswa
Gambar III.20 DFD Level 3 Proses 2.9 Pengolahan Orang tua
Gambar III.21 berikut ini merupakan proses Pengolahan Akun, dimana terdapat 3 proses di dalamnya yaitu ubah profil, ubah password dan ubah foto.
62
3.1 Ubah profil
3.2 Ubah
password
3.3 Ubah foto
admin
guru Orang tua
siswa
Data profil yang diubah Data profil yang diubah
Info profil yang diubah Info profil yang diubah
Data password yang diubah Data password yang diubah
Info password yang diubah Info password yang diubah
Data profil yang diubah Data profil yang diubah
Info profil yang diubah Info profil yang diubah
Data foto yang diubah Info foto yang diubah
Data password yang diubah Info password yang diubah
Data password yang diubah Info password yang diubah
Data foto yang diubah Info foto yang diubah
Data foto yang diubah Info foto yang diubah
guru admin
siswa ortu
Data profil yang diubah Info profil yang diubah
Data password yang diubah Info password yang diubah
Data profil yang diubah Info profil yang diubah
Data password yang diubah Info password yang diubah
Data profil yang diubah Info foto yang diubah
Data profil yang diubah Info profil yang diubah
Info password yang diubah
Info foto yang diubah Info password yang diubah
Data password yang diubah
Data foto yang diubah Info foto yang diubah
Data foto yang diubah Data password yang diubah
Gambar III.21 DFD Level 2 Proses 3 Pengolahan Akun
Gambar III.22 berikut ini merupakan proses utama dalam sistem aplikasi e- learning ini, yaitu Proses Pembelajaran, dimana terdapat 4 proses di dalamnya yaitu
pengolahan materi, pengolahan tugas, ujian dan nilai.
63
4.1 Pengolahan
Materi
4.2 Pengolahan
Tugas
4.3 Pengolahan
Ujian Guru
siswa
4.4 Nilai
Orang tua
materi
tugas
ujian Info materi yang ditambah dihapus diubah
Data materi yang ditambah dihapus diubah Data materi yang didownload dilihat
Info materi yang didownload dilihat
Data nilai tugas ujian Info nilai tugas ujian
Info tugas yang ditambah,dikerjakan dihapus Data tugas
Info tugas Info materi yang ditambah diubah
dihapus didownload dilihat Data materi yang ditambah diubah dihapus didownload dilihat
Data tugas Info tugas
Info ujian Data ujian
Data tugas yang ditambah diubah dihapus dikirim Info tugas yang ditambah diubah dihapus dikirim
Info tugas yang dilihat dikirim Data tugas yang dilihat dikirim
Data nilai tugas ujian Info nilai tugas ujian
Data nilai tugas ujian Info nilai tugas ujian
Soal_ujian Jawaban_siswa
Info soal yang ditambah diubah dihapus Data soal yang ditambah diubah dihapus
mengajar Info mengajar
Info mengajar
Info mengajar Nilai_tugas
Nilai_ujian Data nilai tugas
Info nilai tugas
Info nilai tugas Info nilai ujian
Data nilai ujian Info nilai ujian
Gambar III.22 DFD Level 2 Proses 4 Pembelajaran
Gambar III.23 berikut ini merupakan proses Pengolahan Forum. Proses ini
meliputi 3 proses,yaitu lihat komentar, tambah komentar dan hapus komentar.
5.1 Lihat komentar
gru guru
komentar user
Info komentar dihapus Info komentar yang dilihat
Data komentar yang dilihat
Data komenart dihapus Info user
5.2 Tambah komentar
5.3 Hapus komentar
Data komentar yang ditambah Info komentar yang ditambah
Info komentar yang dihapus Data komentar yang dihapus
Info komentar yang ditambah Data komentar yang ditambah
Data lihat komentar Info lihat komentar
materi Info materi
siswa Data lihat komentar
info lihat komentar
Info komentar yang ditambah Data komentar yang ditambah
Data lihat komentar Info lihat komentar
Info materi Info user
Gambar III.23 DFD Level 2 Proses 5 Pengolahan Forum
64
Gambar III.24 berikut ini merupakan proses pengolahan pengumuman, yaitu merupakan proses dimana seorang guru dan siswa dapat melakukan tambah
pengumuman , ubah pengumuman , hapus pengumuman dan lihat pengumuman.
6.1 Tambah
pengumuman 6.2
Ubah pengumuman
6.3 Hapus
pengumuman
guru
siswa pengumuman
Data pengumuman yang ditambah Data pengumuman
yang diubah
Data pengumuman yang dihapus
Info pengumuman yang diubah
Info pengumuman yang dihapus
Info pengumuman yang ditambah Data pengumuman yang ditambah
Data pengumuman yang diubah
Info pengumuman yang dihapus
6.4 Lihat
pengumuman
Info lihat pengumuman Data lihat pengumuman
Info lihat pengumuman Data pengumuman
yang dihapus Info pengumuman
yang diubah Info pengumuman yang ditambah
Info lihat pengumuman
Data lihat pengumuman Info lihat pengumuman
Orang tua Data lihat pengumuman
Info lihat pengumuman
Gambar III.24 DFD Level 2 Proses 6 pengolahan pengumuman
Gambar III.25 berikut ini merupakan proses 7 pengolahan pesan yaitu meliputi tulis pesan pesan masuk, pesan terkirim, dan hapus pesan.
7.1 Tulis Pesan
7.2 Pesan masuk
7.3 Pesan terkirim
7.4 Hapus pesan
guru siswa
Orang tua
Data pesan yang ditambah Info pesan yang ditambah
Data pesan yang ditambah Info pesan yang ditambah
Data pesan yang ditambah
Info pesan yang dilihat Data pesan yang dilihat
Info pesan terkirim Data pesan terkirim
Info pesan dihapus Data pesan dihapus
pesan
Data pesan dihapus Info pesan dihapus
Info pesan terkirim Data pesan terkirim
Data pesan yang dilihat Info pesan yang dilihat
Info pesan yang dilihat Data pesan yang dilihat
Data pesan yang dilihat Info pesan yang dilihat
Data pesan terkirim Info pesan terkirim
Data pesan dihapus Info pesan dihapus
Info pesan yang ditambah Data pesan yang dilihat
Info pesan yang dilihat
Data pesan terkirim Info pesan terkirim
Data pesan dihapus Info pesan dihapus
Gambar III.25 DFD Level 2 Proses 7 Pengolahan Pesan
65
Gambar III.26 merupakan proses level 3 dari proses 4.1 yaitu pengolahan Materi, yang meliputi tambah materi, ubah materi, hapus materi, pengolahan materi
dokumen, materi gambar, materi audio, materi video.
4.1.1 Tambah
Materi
4.1.2 Ubah Materi
4.1.3 Hapus Materi
4.1.4 Pengolahan
File Materi guru
siswa
Data materi yang ditambah Info materi yang ditambah
Data materi yang diubah Info materi yang diubah
Info materi yang dihapus Data materi yang dihapus
Info file dokumen yang ditambah dihapus dilihat Data file dokumen yang ditambah dihapus dilihat
Data dokumen yang dilihat didownload Info dokumen yang dilihat didownload
pelajaran Info pelajaran
materi Data materi yang ditambah
Info materi yang ditambah
Data materi yang diubah Info materi yang diubah
Data materi yang dihapus Info materi yang dihapus
Info materi
Gambar III.26 DFD Level 3 Proses 4.1 Pengolahan Materi
Gambar III.27 merupakan proses level 3 dari proses 4.2 yaitu pengolahan tugas, yang meliputi tambah tugas, hapus tugas dan detail tugas.
66
4.2.1 Tambah tugas
4.2.2 Hapus tugas
4.2.3 Detail tugas
guru siswa
materi Info materi
Data tugas yang ditambah
Data detail tugas yang dilihat info tugas yang ditambah
Info tugas yang dihapus Data tugas yang dihapus
Info detail tugas yang dilihat Data detail tugas yang dilihat
Info detail tugas yang dilihat tugas
Data tugas yang ditambah Info tugas yang ditambah
Info tugas yang dihapus Data tugas yang dihapus
Data detail tugas yang dilihat Info detail tugas yang dilihat
4.2.4 Pengolahan
soal tugas
Info soal tugas, jawaban yang ditambah dihapus, diubah Info soal tugas
Data soal tugas data soal tugas, jawaban yang ditambah dihapus, diubah
Gambar III.27 DFD Level 3 Proses 4.2 Pengolahan Tugas
Gambar III.28 merupakan proses level 3 dari proses 4.3 yaitu pengolahan ujian, yang meliputi tambah ujian, ubah ujian, detail ujian, dan pengolahan soal ujian.
4.3.1 Tambah ujian
4.3.2 Ubah ujian
4.3.3 Detail ujian
guru siswa
pelajaran Info pelajaran
Data tugas yang ditambah
Data detail ujian yang dilihat info tugas yang ditambah
Info ubah ujian Data tugas yang dihapus
Info detail ujian yang dilihat Data detail ujian yang dilihat
Info detail ujian yang dilihat ujian
Data tugas yang ditambah Info tugas yang ditambah
Info ubah ujian Data ujian yang diubah
Data detail ujian yang dilihat Info detail ujian yang dilihat
4.3.4 Pengolahan
soal ujian
Data soal ujian, jawaban yang ditambah dihapus, diubah Info soal ujian, jawaban yang ditambah dihapus, diubah
Data soal ujian Info soal ujian
Gambar III.28 DFD Level 3 Proses 4.2 Pengolahan Ujian
67
Gambar III.29 merupakan proses level 4 dari proses 4.1.4 yaitu pengolahan materi dokumen, yang meliputi tambah materi, ubah materi, dan tampil materi.
4.1.4.1 Tambah
jumlah materi
4.1.4.2 Hapus materi
4.1.4.3 Tampil materi
guru siswa
File_materi Data file materi yang dihapus
Data file materi yang ditambah
Data tampil materi Info tampil materi
Info file materi yang dihapus Info file materi yang ditambah
Data file materi yang ditambah
Info File materi yang dihapus Data File materi yang dihapus
Info tampil file materi Data tampil file materi
Info tampil materi Data tampil materi
materi Info materi
Info file materi yang ditambah
Gambar III.29 DFD Level 4 Proses 4.1.4 Pengolahan File Materi
Gambar III.30 merupakan proses level 4 dari proses 4.2.4 yaitu pengolahan soal tugas, yang meliputi tambah soal, ubah soal, tampil soal, hapus soal dan tambah
jawaban.
68
4.2.4.1 Tambah Soal
4.2.4.2 Ubah Soal
4.2.4.3 Hapus Soal
4.2.4.4 Tampil Soal
4.2.4.5 Tambah
Jawaban guru
siswa
Nilai_tugas
Jawaban_siswa
Jawaban_tugas data soal yang ditambah
Info soal yang ditambah
Info soal yang diubah Data soal yang diubah
Info soal yang dihapus Data soal yang dihapus
Info tampil soal Data tampil soal
Data tampil soal Info tampil soal
Info soal yg terisi Data soal yang terisi
Info tampil soal Data tampil soal
Data jawaban yang ditambah Info jawaban yang ditambah
soal data soal yang ditambah
Info soal yang ditambah
Info soal yang diubah Data soal yang diubah
Data hapus soal Info hapus soal
Gambar III.30 DFD Level 4 Proses 4.2.4 Pengolahan Soal Tugas
Gambar III.31 merupakan proses level 4 dari proses 4.3.4 yaitu pengolahan soal tugas, yang meliputi yang meliputi tambah soal, ubah soal, tampil soal, hapus soal dan
tambah jawaban.
69
4.3.4.1 Tambah Soal
4.3.4.2 Ubah Soal
4.3.4.3 Hapus Soal
4.3.4.4 Tampil Soal
4.3.4.5 Tambah
Jawaban guru
siswa
Nilai_ujian
Jawaban_siswa
Jawaban_ujian data soal yang ditambah
Info soal yang ditambah
Info soal yang diubah Data soal yang diubah
Info soal yang dihapus Data soal yang dihapus
Info tampil soal Data tampil soal
Data tampil soal Info tampil soal
Info soal yg terisi Data soal yang terisi
Info tampil soal Data tampil soal
Data jawaban yang ditambah Info jawaban yang ditambah
Soal_ujian data soal yang ditambah
Info soal yang ditambah
Info soal yang diubah Data soal yang diubah
Data hapus soal Info hapus soal
Gambar III.31 DFD Level 4 Proses 4.3.4 Pengolahan Soal Ujian
III.1.8.3 Spesifikasi Proses
Spesifikasi proses digunakan untuk menggambarkan proses model aliran data yang terdapat pada Data Flow Diagram DFD. Spesifikasi proses dari gambaran Data
Flow Diagram DFD diatas akan dijelaskan pada tabel III.7 dibawah ini :
Tabel III.7 Spesifikasi Proses No
Detail Keterangan
1. No. Proses
1 Nama proses
Login Deskripsi
Verifikasi data user yang digunakan untuk login Sumber
Admin, Siswa, Orangtua, Guru Masukan
Data login guru berupa nip dan password Data login siswa berupa nis dan password
Data login orangtua berupa nis dan password
Bersambung,
70
No Detail
Keterangan
Data login admin berupa nip dan password Keluaran
Info data login guru berupa valid atau invalid data login Info data login siswa berupa valid atau invalid data login
Info data login orang tua berupa valid atau invalid data login Info data login admin berupa valid atau invalid data login
Tujuan Siswa, Orangtua, Guru dan Admin
Logika proses 1. User siswa, orangtua, guru dan admin memasukkan data login pada
form masuk. 2. User menekan tombol login.
3. Sistem mengecek tipe pengguna. 4. Sistem mengecek validasi NISNIP dan password pada database.
5. Apabila data login valid, sistem akan menampilkan halaman menu
utama dari masing-masing user, apabila data login tidak valid, sistem akan tetap menampilkan form masuk disertai pesan error.
2. No. Proses
2 Nama proses
Pengolahan Data Master Deskripsi
Mengelola data-data master Sumber
Admin
Masukan Data Olah Tahun_ajaran
Data olah pelajaran Data olah semester
Data olah subkelas Data olah kelas
Data olah mengajar Data olah guru
Data olah siswa Data olah orang tua
Keluaran Info Olah Tahun_ajaran
Info olah pelajaran Info olah semester
Info olah subkelas Info olah kelas
Info olah mengajar Info olah guru
Info olah siswa Info olah orang tua
Tujuan Admin
Logika proses 1. Admin melakukan proses login
2. Sistem menampilkan form khusus admin 3. Admin memilih slah satu menu pilihan data master
4. Sistem menampilkan form olah data master yang dipilih oleh admin
3. No. Proses
3 Nama proses
Pengolahan Akun Deskripsi
Mengolah data kun milik user Sumber
Admin, guru, orang tua dan siswa Masukan
Data profil , data foto dan data password yang diubah Keluaran
Info profil , info foto dan info password yang diubah Tujuan
Admin, guru, orang tua dan siswa
Tabel III.7 Spesifikasi Proses Lanjutan
Bersambung,
71
No Detail
Keterangan
Logika proses User memilih menu pengolahan akun pengguna
Sistem menampilkan form akun pengguna User memasukkan data akun pengguna
Sistem memperbaharui data akun pengguna
4. No. Proses
4 Nama proses
Pembelajaran Deskripsi
Menampilkan semua menu-menu pembelajaran yang disediakan Sumber
guru, orang tua dan siswa
Masukan Data materi, data tugas, ujian,soal yang akan ditambah, diubah, dilihat
Data nilai yang akan dilihat Data jawaban yang akah ditambah
Data materi yang dilihat, didownload Data tugas,ujian , soal yang akan dilihat,dikerjakan
Data jawaban siswa yang ditambah
Keluaran Info materi, info tugas, ujian,soal yang akan ditambah, diubah, dilihat
Info nilai yang akan dilihat Info jawaban yang akah ditambah
Info materi yang dilihat, didownload Info tugas,ujian , soal yang akan dilihat,dikerjakan
Info jawaban siswa yang ditambah
Tujuan guru, orang tua dan siswa
Logika proses 1. User memilih menu pembelajaran
2. Data pembelajaran dimasukkan 3. Sistem akan mengecek isi data pembelajaran yang dimasukkan
4. Sistem mengelola data pembelajaran 5. Sistem akan menyimpan data pembelajaran yang diolah
5. No. Proses
5 Nama proses
Pengolahan Forum Deskripsi
Pengolahan data komentar dalam forum materi Sumber
Guru, siswa Masukan
Data Komentar Keluaran
Info Komentar Tujuan
Guru, Siswa Logika proses
1. User memilih materi yang akan diberikan komentar 2. Sistem menampilkan materi yang di pilih
3. User memberikan komenatar pada text area yang disediakan 4. Sistem menyimpan komentar
6. No. Proses
6 Nama proses
Pengolahan Pengumuman Deskripsi
Mengolah data pengumuman Sumber
Guru Masukan
Data olah pengumuman Keluaran
Info olah pengumuman Tujuan
Guru, siswa, orang tua Logika proses
1. Guru memilih manajemen pengumuman pada menu khusus guru 2. Sistem menampilkan form pengumuman
3. Guru mengisi data pengumuman 4. Sistem menyimpan data pengumuman
Tabel III.7 Spesifikasi Proses Lanjutan
Bersambung,
72
No Detail
Keterangan
5. Sistem menampilkan pengumuman yang telah dibuat guru
7 No. Proses
7 Nama proses
Pengolahan Pesan Deskripsi
Mengolah data pesan Sumber
Guru, siswa, orang tua Masukan
Data pesan yang ditambah, dihapus, dilihat Keluaran
Info pesan yang ditambah, dihapus, dilihat Tujuan
Guru, siswa, orang tua Logika proses
1. User memilih pesan pada menu 2. Sistem menampilkan form pesan
3. User memilih submenu yang disediakan 4. Sistem menampilkan form dari submenu yang dipilih
8. No. Proses
8 Nama proses
Chatting Deskripsi
User melakukan obrolan Sumber
Guru, orang tua, siswa Masukan
Data chatting Keluaran
Info chatting Tujuan
Guru, orang tua, siswa Logika proses
1. User memilih menu chatting 2. Sistem menampilkan data user yang sedang aktif
3. User melakukan obrolan
9. No. Proses
2.1 Nama proses
Pengolahan Tahun ajaran Deskripsi
Berfungsi untuk mengolah data tahun ajaran Sumber
Admin Masukan
Data olah tahun ajaran Keluaran
Info olah tahun ajaran Tujuan
Admin Logika proses
1. Admin memilih menu tahun ajaran 2. Sistem menampilkan form manajemen tahun ajaran
3. Admin melakukan pengolahan pada data tahun ajaran 4. Sistem menyimpan pengolahan
10. No. Proses
2.2 Nama proses
Pengolahan Semester Deskripsi
Berfungsi untuk mengolah data semester Sumber
Admin Masukan
Data olah semester Keluaran
Info olah semester Tujuan
Admin Logika proses
1. Admin memilih menu semester 2. Sistem menampilkan form manajemen semester
3. Admin melakukan pengolahan pada data semester 4. Sistem menyimpan pengolahan
11 No. Proses
2.3 Nama proses
Pengolahan Kelas Deskripsi
Berfungsi untuk mengolah data kelas Sumber
Admin
Bersambung, Tabel III.7 Spesifikasi Proses Lanjutan
73
No Detail
Keterangan
Masukan Data olah kelas
Keluaran Info olah kelas
Tujuan Admin
Logika proses 1. Admin memilih menu kelas
2. Sistem menampilkan form manajemen kelas 3. Admin melakukan pengolahan pada data kelas
4. Sistem menyimpan pengolahan
12. No. Proses
2.4 Nama proses
Pengolahan Subkelas Deskripsi
Berfungsi untuk mengolah data subkelas Sumber
Admin Masukan
Data olah subkelas Keluaran
Info olah subkelas Tujuan
Admin Logika proses
1. Admin memilih menu subkelas 2. Sistem menampilkan form manajemen subkelas
3. Admin melakukan pengolahan pada data subkelas 4. Sistem menyimpan pengolahan
13. No. Proses
2.5 Nama proses
Pengolahan Pelajaran Deskripsi
Berfungsi untuk mengolah data pelajaran Sumber
Admin Masukan
Data olah pelajaran Keluaran
Info olah pelajaran Tujuan
Admin Logika proses
1. Admin memilih menu pelajaran 2. Sistem menampilkan form manajemen pelajaran
3. Admin melakukan pengolahan pada data pelajaran 4. Sistem menyimpan pengolahan
14. No. Proses
2.6 Nama proses
Pengolahan Guru Deskripsi
Berfungsi untuk mengolah data guru Sumber
Admin Masukan
Data olah guru Keluaran
Info olah guru Tujuan
Admin Logika proses
1. Admin memilih menu guru 2. Sistem menampilkan form manajemen guru
3. Admin melakukan pengolahan pada data guru 4. Sistem menyimpan pengolahan
15. No. Proses
2.7 Nama proses
Pengolahan Mengajar Deskripsi
Berfungsi untuk mengolah data mengajar Sumber
Admin Masukan
Data olah mengajar Keluaran
Info olah mengajar Tujuan
Admin Logika proses
1. Admin memilih menu mengajar 2. Sistem menampilkan form manajemen mengajar
Tabel III.7 Spesifikasi Proses Lanjutan
Bersambung,
74
No Detail
Keterangan
3. Admin melakukan pengolahan pada data mengajar 4. Sistem menyimpan pengolahan
16. No. Proses
2.8 Nama proses
Pengolahan Siswa Deskripsi
Berfungsi untuk mengolah data siswa Sumber
Admin Masukan
Data olah siswa Keluaran
Info olah siswa Tujuan
Admin Logika proses
1. Admin memilih menu siswa 2. Sistem menampilkan form manajemen siswa
3. Admin melakukan pengolahan pada data siswa 4. Sistem menyimpan pengolahan
17. No. Proses
2.8 Nama proses
Pengolahan Orang tua Deskripsi
Berfungsi untuk mengolah data orang tua Sumber
Admin Masukan
Data olah orang tua Keluaran
Info olah orang tua Destination
Tujuan Admin
Logika proses 1. Admin memilih menu orang tua
2. Sistem menampilkan form manajemen orang tua 3. Admin melakukan pengolahan pada data orang tua
4. Sistem menyimpan pengolahan
18. No. Proses
3.1 Nama proses
Ubah Profil Deskripsi
Mengubah profil user Sumber
Admin,guru,siswa, orang tua Masukan
Data ubah profil User Keluaran
Info ubah profil User Tujuan
Admin,guru,siswa, orang tua Logika proses
1. User memilih pilihan ubah profil pada menu 2. Sistem menampilkan tampilan untuk mengubah profil user
3. User melakukan perubahan pada profil 4. Sistem memperbaharui profil
19. No. Proses
3.2 Nama proses
Ubah Password Deskripsi
Mengubah password user Sumber
Admin,guru,siswa, orang tua Masukan
Data ubah password User Keluaran
Info ubah password User Tujuan
Admin,guru,siswa, orang tua Logika proses
1. User memilih pilihan ubah password pada menu 2. Sistem menampilkan tampilan untuk mengubah password user
3. User melakukan perubahan pada password 4. Sistem memperbaharui password
20 No. Proses
3.3
Bersambung, Tabel III.7 Spesifikasi Proses Lanjutan
75
No Detail
Keterangan
Nama proses Ubah foto
Deskripsi Mengubah foto user
Sumber Admin,guru,siswa
Masukan Data ubah foto User
Keluaran Info ubah foto User
Tujuan Admin,guru,siswa
Logika proses 1. User memilih pilihan ubah foto pada menu
2. Sistem menampilkan tampilan untuk mengubah foto user 3. User melakukan perubahan pada foto
4. Sistem memperbaharui foto
21. No. Proses
4.1 Nama proses
Pengolahan Materi Deskripsi
Mengolah data materi Sumber
Guru,siswa Masukan
Data materi yang ditambah diubah dihapus Data materi yang dilihat didownload
Keluaran Info materi yang ditambah diubah dihapus
Info materi yang dilihat didownload Tujuan
Guru,siswa Logika proses
1. user memilih olah materi pada menu 2. Sistem menampilkan form olah materi
3. User melakukan pengisian data 4. Sistem menyimpan data
22. No. Proses
4.2 Nama proses
Pengolahan tugas Deskripsi
Mengolah data tugas Sumber
Guru,siswa Masukan
Data tugas yang ditambah diubah dihapus Keluaran
Info tugas yang ditambah diubah dihapus Tujuan
Guru,siswa Logika proses
1. user memilih olah tugas pada menu 2. Sistem menampilkan form olah tugas
3. user melakukan pengisian data 4. Sistem menyimpan data
23. No. Proses
4.3 Nama proses
Pengolahan Ujian Deskripsi
Mengolah data ujian Sumber
Guru,siswa Masukan
Data ujian yang ditambah diubah dihapus Data ujian yang dikirim
Keluaran Info ujian yang ditambah diubah dihapus
Info ujian yang dikirim Tujuan
Guru,siswa Logika proses
1. user memilih olah ujian pada menu 2. Sistem menampilkan form olah ujian
3. user melakukan pengisian data 4. Sistem menyimpan data
24. No. Proses
4.4 Nama proses
Pengolahan nilai
Tabel III.7 Spesifikasi Proses Lanjutan
Bersambung,
76
No Detail
Keterangan
Deskripsi Mengolah data nilai tugas dan ujian
Sumber Guru, siswa, orang tua
Masukan Data nilai tugas, ujian yang dilihat
Keluaran Info nilai tugas, ujian yang dilihat
Tujuan Guru, siswa, orang tua
Logika proses 1. User memilih data nilai
2. Sistem menampilkan nilai yang dipilih
25 No. Proses
5.1 Nama proses
Lihat komentar Deskripsi
Menlihat data komentar di forum materi Sumber
Guru, siswa Masukan
Data lihat komentar Keluaran
info lihat komentar Tujuan
Guru, siswa Logika proses
1. User memilih materi yang akan diberikan komentar 2. Sistem menampilkan materi yang di pilih
26. No. Proses
5.2 Nama proses
Tambah Komentar Deskripsi
Menambah data komentar Sumber
Guru siswa Masukan
Data tambah komentar Keluaran
Info tambah komentar Tujuan
Guru, siswa Logika proses
1. User memilih materi yang akan diberikan komentar 2. Sistem menampilkan materi yang di pilih
3. User memberikan komenatar pada text area yang disediakan 4. Sistem menyimpan komentar
27. No. Proses
5.3 Nama proses
Hapus Komentar Deskripsi
Menghapus data komentar Sumber
guru Masukan
Data hapus komentar Keluaran
Info hapus komentar Tujuan
Guru Logika proses
1. Guru memilih komentar yang dihapus 2. Sistem menghapus komentar yang dipilih
28. No. Proses
6.1 Nama proses
Tambah pengumuman Deskripsi
Menambah data pengumuman Sumber
guru Masukan
Data pengumuman yang ditambah Keluaran
Info pengumuman yang ditambah Tujuan
guru Logika proses
1. Guru memilih menu pengumuman 2. Sistem menampilkan form pengumuman
3. Guru melakukan pengisian data pengumuman 4. Sistem menyimpan pengisian data pengumuman
Tabel III.7 Spesifikasi Proses Lanjutan
Bersambung,
77
No Detail
Keterangan
29. No. Proses
6.2 Nama proses
Ubah pengumuman Deskripsi
Mengubah data pengumuman Sumber
guru Masukan
Data pengumuman yang diubah Keluaran
info pengumuman yang diubah Tujuan
guru Logika proses
1. Guru memilih menu pengumuman 2. Sistem menampilkan form pengumuman
3. Guru melakukan perubahan data pengumuman 4. Sistem menyimpan perubahan data pengumuman
30. No. Proses
6.3 Nama proses
Hapus pengumuman Deskripsi
Menghapus data pengumuman Sumber
guru Masukan
Data hapus pengumuman Keluaran
Info hapus pengumuman Tujuan
guru Logika proses
1. Guru memilih menu pengumuman 2. Sistem menampilkan form pengumuman
3. Guru melakukan hapus data pengumuman 4. Sistem menghapus data yang dipilih
31. No. Proses
6.4 Nama proses
Lihat pengumuman Deskripsi
Melihat pengumuman Sumber
Guru, siswa orang tua Masukan
Data ubah password Admin Keluaran
Info ubah password Admin Tujuan
Guru, siswa orang tua Logika proses
1. Sistem menampilkan pengumuman 2. User melihat pengumuman
32. No. Proses
7.1 Nama proses
Tulis pesan Deskripsi
Menulis pesan Sumber
Guru,siswa,orang tua Masukan
Data pesan yang ditulis Keluaran
Info pesan yang ditulis Tujuan
Guru, siswa, orang tua Logika proses
1. User memilih menu pesan 2. Sistem menampilkan form pesan
3. User melakukan penulisan pesan 4. Sistem mengirimkan pesan
33. No. Proses
7.2 Nama proses
Pesan masuk Deskripsi
Melkukan lihat pesan masuk Sumber
Guru,admin,siswa Masukan
Data pesan masuk
Tabel III.7 Spesifikasi Proses Lanjutan
Bersambung,
78
No Detail
Keterangan
Keluaran Info pesan masuk
Tujuan Guru, admin, siswa
Logika proses 1. User memilih menu pesan masuk
2. Sistem menampilkan form pesan masuk
34. No. Proses
7.3 Nama proses
Pesan terkirim Deskripsi
Melkukan lihat pesan terkirim Sumber
Guru,admin,siswa Masukan
Data pesan terkirim Keluaran
Info pesan terkirim Tujuan
Guru, admin, siswa Logika proses
1. User memilih menu pesan terkirim 2. Sistem menampilkan form pesan terkirim
35. No. Proses
7.4 Nama proses
Hapus pesan Deskripsi
Menghapus pesan Sumber
Guru,admin,siswa Masukan
Data pesan dihapus Keluaran
Info pesan dihapus Tujuan
Guru, admin, siswa Logika proses
1. User memilih pesan yang akan dihapus 2. Sistem menghapus data yang dipilih user
III.1.8.4 Kamus Data
Kamus data merupakan deskripsi formal mengenai seluruh elemen yang tercakup dalam DFD. Kamus data untuk DFD Aplikasi kelas Online di SMA Negeri 5
Cimahi dapat ditunjukan pada tabel III.8.
Tabel III.8 Kamus Data No
Detail Keterangan
1. Nama
Data login admin Deskripsi
Berisi data admin yang digunakan untuk proses login Struktur data
Nip + Password Nip
Password {0..9}
{0..9|a..z|A..Z} 2.
Nama Data login siswa
Deskripsi Berisi data siswa yang digunakan untuk proses login
Struktur data Nis + Password
Nis Password
{0..9} {0..9|a..z|A..Z}
3. Nama
Data login guru Deskripsi
Berisi data guru yang digunakan untuk proses login Struktur data
Nip + Password
Tabel III.7 Spesifikasi Proses Lanjutan
Bersambung,
Bersambung,
79
No Detail
Keterangan
Nip Password
{0..9} {0..9|a..z|A..Z}
4. Nama
Data login orangtua Deskripsi
Berisi data orangtua yang digunakan untuk proses login Struktur data
Nis + Password Nis
Password {0..9}
{0..9|a..z|A..Z} 5.
Nama Data profil guru
Deskripsi berisi profil guru
Struktur data Nama_guru+Alamat_guru+Tlp_guru+Foto_guru+Email_guru+
password Nama_guru
Alamat_guru Tlp_guru
Foto_guru Email_guru
password {a..z|A..Z}
{0..9|a..z|A..Z} {0..9}
{A...Z|a...z} {A...Z|a...z|0...9|symbol}
{0..9|a..z|A..Z}
6. Nama
Data Profil Siswa Deskripsi
berisi profil siswa Struktur data
Nis+Nama_siswa+Tlp+Alamat_siswa+Tpt_lahir+Tgl_lahir+Jk +Foto+Email_siswa+password
Nis Nama_siswa
Tlp Alamat_siswa
Tpt_lahir Tgl_lahir
Jk Foto
Email_siswa password
{0..9} {a..z|A..Z}
{0..9} {0..9|a..z|A..Z}
{a..z|A..Z} {0..9|a..z|A..Z}
{Pria|Wanita} {a..z|A..Z}
{0..9|a..z|A..Z|symbol} {0..9|a..z|A..Z}
7. Nama
Data profil orang tua Deskripsi
berisi profil orang tua Struktur data
Nama_ortu+Alamat_ortu+Tlp_ortu+Email_ortu+password Nama_ortu
Alamat_ortu Tlp_ortu
Email_ortu password
{a..z|A..Z} {0..9|a..z|A..Z}
{0..9|a..z|A..Z} {0..9|a..z|A..Z|symbol}
{0..9|a..z|A..Z}
8. Nama
Data Profil Admin Deskripsi
berisi profil orangtua yang ditambah dan diubah Struktur data
id_orgtua+ Nama+ alamat + pekerjaan + email + password + id_siswa + foto
Nama_admin Alamat
Tlp_admin Foto
Email password
{a..z|A..Z} {0..9|a..z|A..Z}
{0..9} {a..z|A..Z}
{0..9|a..z|A..Z|symbol} {0..9|a..z|A..Z}
9. Nama
Data tugas Deskripsi
Data yang berisi keterangan tugas
Tabel III.8 Kamus Data Lanjutan
Bersambung,
Bersambung,
80
No Detail
Keterangan
Struktur data Nip+Id_materi+Tgl_tugas+Tgl_akhir+ket
Nip Id_materi
Tgl_tugas Tgl_akhir
ket {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}
10. Nama
Data materi Deskripsi
berisi keterangan materi Struktur data
Id_topik + judul + Isi + waktu_kirim + id_forum + id_user + tipe_user + status
Judul_materi Tgl_materi
Ket Kompetensi
Pokok indikator
{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}
11. Nama
Data Pengumuman Deskripsi
berisi keterangan data pengumuman Struktur data
Nip+Tgl+Jam+Judul+isi Nip
Tgl Jam
Judul isi
{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}
12. Nama
Data Pesan Deskripsi
berisi keterangan data pesan Struktur data
User+Kepada+Tgl+Jam+Isi+status User
Kepada Tgl
Jam Isi
status {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}
13. Nama
Data nilai_tugas Deskripsi
berisi keterangan nilai tugas Struktur data
Id_nilai+Nis+nilai Id_nilai
Nis nilai
{0..9|a..z|A..Z} {0..9}
{0..9|a..z|A..Z} 14.
Nama Data olah Tahun ajaran
Deskripsi Berisi keterangan olah tahun ajaran
Struktur data Id_ajaran+Tahun_ajaran+status
Id_ajaran Tahun_ajaran
Status {0..9|a..z|A..Z}
{0..9} {0|1}
15. Nama Data olah semester
Deskripsi berisi keterangan olah semester
Struktur data Id_semester+Semester
Id_semester Semester
{0..9|a..z|A..Z} {ganjil|genap}
16. Nama
Data olah kelas
Tabel III.8 Kamus Data Lanjutan
Bersambung,
Bersambung,
81
No Detail
Keterangan
Deskripsi berisi keterangan olah kelas
Struktur data Id_kelas+Nama_kelas
Id_kelas Nama_kelas
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
17. Nama
Data olah subkelas Deskripsi
berisi keterangan olah subkelas Struktur data
Id_subkelas+Nama_subkelas Id_subkelas
Nama_subkelas {0..9|a..z|A..Z}
{0..9|a..z|A..Z} 18.
Nama Data olah mengajar
Deskripsi berisi keterangan olah mengajar
Struktur data Nama_pelajaran
Nip Id_ajaran
Id_kelas Id_subkelas
Id_pelajaran Id_semester
{0..9} {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}
19 Nama
Data forum Deskripsi
berisi keterangan forum Struktur data
Id_komentar+Id_materi+User+Tgl+Jam+komentar Id_komentar
Id_materi User
Tgl Jam
komentar {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}
20 Nama
Data Soal Deskripsi
Data yang berisi keterangan data tugas Struktur data
Id_soal+Nip+soal Id_soal
Nip soal
{0..9|a..z|A..Z} {0..9}
{0..9|a..z|A..Z|symbol} 21
Nama Data file_materi
Deskripsi Data yang berisi keterangan file_materi
Struktur data Id_materi+file+ket
Id_materi file
ket {0..9|a..z|A..Z}
{0..9} {0..9|a..z|A..Z}
22. Nama
Data user_forum Deskripsi
Data yang berisi profil guru yang ditambah dan diubah Struktur data
User+Nama_user+Status Id_materi
Nip file
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
{administrator|guru|siswa|orangtua} 23
Nama Data nilai_ujian
Deskripsi berisi keterangan nilai ujian
Struktur data Id_nilai+Nis+nilai
Id_nilai Nis
{0..9|a..z|A..Z} {0..9}
Tabel III.8 Kamus Data Lanjutan
Bersambung,
82
No Detail
Keterangan
nilai {0..9|a..z|A..Z}
24 Nama
Data ujian Deskripsi
Data yang berisi keterangan ujian Struktur data
Nip+Id_materi+Tgl_ujian+jam_awal+jam_akhir+ket Nip
Id_materi Tgl_ujian
Jam_awal Jam_akhir
ket {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}
25 Nama
Data chatting Deskripsi
Data yang merekap kegiatan chatting Struktur data
Id+from+to+message+sent+recd Id
From To
Message Sent
recd {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}
26 Nama
Data soal_ujian Deskripsi
Data yang berisi soal ujian Struktur data
Id_soal_ujian+soal Id_soal_ujian
soal {0..9}
{0..9|a..z|A..Z} 27
Nama Data pesan terkirim
Deskripsi Data yang berisi keterangan pesan yang dikirim
Struktur data Id_balas+kpd+tgl+jam+isi+status
Id_balas Kpd
Tgl Jam
Isi status
{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}
III.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 info, struktur program, karakteristik interface, dan detail prosedur, disintesis dari persyaratan informasi.
Tabel III.8 Kamus Data Lanjutan
83
III.2.1 Diagram Relasi
Untuk menggambarkan keterhubungan antar tabel dalam sistem, digunakan diagram relasi seperti pada gambar III.31.
Mengajar
PK id_mengajar
FK1 id_ajaran
FK2 nip
id_pelajaran FK3
id_semester tahun_ajaran
PK id_ajaran
tahun_ajaran kurikulum
status
Guru
PK nip
nama_guru alamat_guru
tlp_guru foto_guru
email_guru FK1
user password
Semester
PK id_semester
FK1 id_ajaran
nama_semester Pelajaran
PK id_pelajaran
nama_pelajaran FK1
id_ajaran FK2
id_kelas kelas
PK id_kelas
nama_kelas
user
PK user
nama_user status
ol History chat
PK id
from to
message sent
recd FK1
user Materi
PK id_materi
judul_materi tgl_materi
ket kompetensi
pokok indikator
FK1 id_mengajar
FK2 id_pelajaran
File_Materi
PK id
file ket
FK1 id_materi
Admin
PK nip_tu
admin alamat
tlp_admin foto
email FK1
user password
posisi FK2
id_mengajar Pengumuman
PK id
tgl tgl_exp
jam judul
isi FK1
nip Siswa
PK nis
nama_siswa tlp
alamat_siswa tpt_lahir
tgl_lahir jk
foto email_siswa
FK1 user
password FK2
id_ajaran FK4
id_kelas FK3
id_subkelas Ortu
PK id_ortu
nama_ortu alamat_ortu
tlp_ortu email_ortu
password FK1
nis
nilai_tugas
PK id_nilai
nilai FK1
id_tugas nilai_ujian
PK id_nilai_ujian
nilai FK1
id_ujian Soal_Tugas
PK id_soal
soal FK1
id_tugas Soal_Ujian
PK id_soal_ujian
soal FK1
id_ujian Inbox
PK id_balas
kepada tgl
jam isi
status FK1
user Komentar
PK id_komentar
FK1 user
tgl jam
komentar FK2
id_materi Pesan
PK id_pesan
subject fr
kpd tgl_pesan
FK1 user
Tugas
PK id_tugas
tgl_tugas tgl_akhir
ket id_materi
Ujian
PK id_ujian
tgl_ujian jam_awal
jam_akhir ket
FK1 id_materi
jawaban_siswa
PK id
jawaban FK1
nis subkelas
PK id_subkelas
nama_subkelas FK1
id_kelas FK2
id_ajaran FK3
id_mengajar
Gambar III.31 Diagram Relasi
84
III.2.2 Struktur Tabel
Tabel adalah sekumpulan info atau informasi spesifik tentang subjek tertentu yang disusun dalam bentuk kolom dan baris. Tabel adalah komponen utama dan
pertama dari sebuah database. Pada tahap perancangan struktur tabel akan dijelaskan mengenai perancangan
infobase yang akan digunakan. Penyusunan struktur tabel ini akan mempermudah dalam pemasukan info sesuai dengan pengelompokan dari info atau informasi tersebut. Berikut
ini adalah rincian mengenai masing-masing tabel yang dibuat untuk aplikasi kelas online di SMAN 5 Cimahi ini.
1. Admin
Tabel III.9 Tabel Admin
Field Tipe
Panjang Kunci
Keterangan
nip_tu varchar
18 Primay Key
NOT NULL nama_admin
varchar 50
- NULL
alamat text
- -
NULL tlp_admin
varchar 15
- NULL
foto varchar
100 -
NULL email
varchar 50
- NULL
user char
50 -
NULL password
char 100
- NULL
posisi char
10 -
NULL 2. Chat
Tabel III.10 Tabel Chat
Field Tipe
Panjang Kunci
Keterangan
id int
10 Primaty Key
NOT NULL from
varchar 225
- NOT NULL
to varchar
225 -
NOT NULL message
text -
- NOT NULL
sent datetime
- -
NOT NULL recd
int 10
- NOT NULL
85
3. File_Materi
Tabel III.11 Tabel File_Document
Field Tipe
Panjang Kunci
Keterangan
id int
10 Primary Key NOT NULL
id_materi char
10 - NULL
nip varchar
18 - NULL
file varchar
100 - NULL
ket char
15 - NULL
4. Guru
Tabel III.12 Tabel Guru
Field Tipe
Panjang Kunci
Keterangan
nip varchar
18 Primary Key
NOT NULL nip_tu
varchar 18
- NULL
nama_guru varchar
50 -
NULL alamat_guru
text -
- NULL
tlp_guru varchar
15 -
NULL foto_guru
varchar 100
- NULL
email_guru varchar
50 -
NULL user
char 18
- NULL
password varchar
100 -
NULL 5. Inbox
Tabel III.13 Tabel Inbox
Field Type
Panjang Kunci
Keterangan
id_balas int
10 Primaty Key
NOT NULL id_pesan
char 7
- NULL
user varchar
50 -
NULL kepada
varchar 50
- NULL
tgl date
- -
NULL jam
time -
- NULL
isi text
- -
NULL status
int 1
- NOT NULL
86
6. Jawaban
Tabel III.14 Tabel Jawaban
Field Tipe
Panjang Kunci
Keterangan
id_jawaban int
6 Primary Key
NOT NULL id_soal
char 6
- NULL
nip varchar
18 -
NULL jawaban
text -
- NULL
benar tinyint
1 -
NULL 7. Jawaban_Siswa
Tabel III.15 Tabel Jawaban_siswa
Field Tipe
Panjang Kunci
Keterangan
id tinyint
3 Primary Key
NOT NULL nis
char 9
- NULL
jawaban text
- -
NULL 8. Jawaban_Ujian
Tabel III.16 Tabel Ujian
Field Tipe
Panjang Kunci
Keterangan
id_jawaban_ujian int 6 Primary key
NOT NULL id_soal_ujian
char 6
NULL nip
varchar 18
NULL jawaban
text -
NULL benar
tinyint 1
NULL 9.
Kelas
Tabel III.17 Tabel Kelas
Field Tipe
Panjang Kunci
Keterangan
id_kelas char
3 Primary Key
NOT NULL nip_tu
varchar 18
- NULL
nama_kelas char
5 -
NULL 10. Komentar
Tabel III.18 Komentar
Field Tipe
Panjang Kunci
Keterangan
id_komentar int
10 Primary Key
NOT NULL id_materi
char 10
- NULL
user varchar
50 -
NULL
87
Field Tipe
Panjang Kunci
Keterangan
tgl date
- -
NULL jam
time -
- NULL
komentar text
- -
NULL 11. Materi
Tabel III.19 Tabel Materi
Field Tipe
Panjang Kunci
Keterangan
id_materi char
10 Primary Key
NOT NULL id_mengajar
char 8
- NULL
judul_materi varchar
50 -
NULL tgl_materi
date -
- NULL
ket text
- -
NULL kompetensi
text -
- NULL
pokok text
- -
NULL indikator
text -
- NULL
12. Mengajar
Tabel III.20 Tabel Mengajar
Field Tipe
Panjang Kunci
Keterangan
id_mengajar char
8 Primary Key
NOT NULL nip_tu
varchar 18
- NULL
nip varchar
18 -
NULL id_ajaran
char 5
- NULL
id_kelas char
3 -
NULL id_subkelas
char 5
- NULL
id_pelajaran char
6 -
NULL id_semester
char 4
- NULL
13. Nilai_Tugas
Tabel III.21 Tabel Nilai_Tugas
Field Tipe
Panjang Kunci
Keterangan
id_nilai int
6 Primary Key
NOT NULL id_tugas
char 6
- NULL
nis char
9 -
NULL nilai
int 3
- NULL
88
14. Nilai_Ujian
Tabel III.22 Tabel Nilai_Ujian
Field Tipe
Panjang Kunci
Keterangan
id_nilai_ujian int
6 Primary Key NOT NULL
id_ujian char
6 NULL
nis char
9 NULL
nilai int
3 NULL
15. Ortu
Tabel III.23 Tabel Ortu
Field Tipe
Panjang Kunci
Keterangan
id_ortu char
5 Primary
Key NOT NULL
nip_tu varchar
18 -
NOT NULL nis
char 9
- NULL
nama_ortu varchar
50 -
NULL alamat_ortu text
- -
NULL tlp_ortu
char 15
- NULL
email_ortu varchar
100 -
NULL password
varchar 100
- NULL
16. Pelajaran
Tabel III.24 Tabel Pelajaran
Field Tipe
Panjang Kunci
Keterangan
id_pelajaran char
6 Primary Key
NOT NULL nip_tu
varchar 18
- NULL
id_ajaran char
5 -
NULL id_kelas
char 3
- NULL
nama_pelajaran varchar 30
- NULL
17. Pengumuman
Tabel III.25 Tabel Pengumuman
Field Tipe
Panjang Kunci
Keterangan
id int
10 Primary Key
NOT NULL nip
varchar 18
- NULL
tgl date
- -
NULL tgl_exp
date -
- NULL
jam time
- -
NULL
89
Field Tipe
Panjang Kunci
Keterangan
judul varchar
50 -
NULL isi
text -
- NULL
18. Pesan
Tabel III.26 Tabel Pesan
Field Tipe
Panjang Kunci
Keterangan
id_pesan char
7 Primaty Key
NOT NULL subject
varchar 50
- NULL
tgl_pesan date
- -
NULL 19. Semester
Tabel III.27 Tabel Semester
Field Tipe
Panjang Kunci
Keterangan
id_semester char
4 Primary Key NOT NULL
nip_tu varchar
18 - NULL
semester char
10 - NULL
20. Siswa
Tabel III.28 Tabel Siswa
Field Tipe
Panjang Kunci
Keterangan
nis char
9 Primary Key
NOT NULL nip_tu
varchar 18
- NOT NULL
id_ajaran char
5 -
NULL id_kelas
char 3
- NULL
id_subkelas char
5 -
NULL nama_siswa
varchar 50
- NULL
tlp varchar
15 -
NULL alamat_siswa
text -
- NULL
tpt_lahir varchar
15 -
NULL tgl_lahir
date -
- NULL
jk char
7 -
NULL foto
varchar 100
- NULL
email_siswa varchar
100 -
NULL user
char 18
- NULL
password char
100 -
NULL
90
21. Soal
Tabel III.29 Tabel Soal
Field Tipe
Panjang Kunci
Keterangan
id_soal char
6 Primary Key
NOT NULL id_tugas
char 5
- NOT NULL
nip varchar
18 -
NULL soal
text -
- NULL
22. Soal_Ujian
Tabel III.30 Tabel Soal_Ujian
Field Tipe
Panjang Default
Keterangan
id_soal_ujian char
6 Primary key NOT NULL
id_ujian char
5 NOT NULL
nip varchar
18 NULL
soal text
- NULL
23. Subkelas
Tabel III.31 Tabel Subkelas
Field Tipe
Panjang Kunci
Keterangan
id_subkelas char
5 Primary Key
NOT NULL nip_tu
varchar 18
- NULL
id_kelas char
3 -
NULL id_ajaran
char 5
- NULL
nama_subkelas char 10
- NULL
24. Tahun_Ajaran
Tabel III.32 Tabel Tahun_Ajaran
Field Tipe
Panjang Kunci
Keterangan
id_ajaran char
5 Primary Key
NOT NULL nip_tu
varchar 18
- NULL
id_semester char
4 -
NULL tahun_ajaran
char 10
- NULL
kurikulum char
10 -
NULL status
int 2
- NULL
91
25. Tugas
Tabel III.33 Tabel Tugas
Field Tipe
Panjang Kunci
Keterangan
id_tugas char
5 Primary Key
NOT NULL nip
varchar 18
- NOT NULL
id_materi char
10 -
NOT NULL tgl_tugas
date -
- NOT NULL
tgl_akhir date
- -
NOT NULL ket
text -
- NOT NULL
26. Ujian
Tabel III.34 Tabel Ujian
Field Type
Null Default
Keterangan
id_ujian char
5 Primary key NOT NULL
nip varchar
18 NOT NULL
id_materi char
10 NOT NULL
tgl_ujian date
NOT NULL jam_awal
time NOT NULL
jam_akhir time
NOT NULL ket
text NOT NULL
27. User_Forum
Tabel III.35 Tabel User_Forum
Field Tipe
Panjang Kunci
Keterangan
user varchar
18 Primary Key
NOT NULL nama_user
varchar 50
- NULL
status char
15 -
NULL ol
int 1
- NULL
III.2.4 Perancangan Kode
Perancangan pengkodean merupakan perancangan kode yang diusulkan untuk memudahkan dalam pembangunan sistem. Pengkodean yang diusulkan adalah sebagai
berikut:
92
1. Kode Mata Pelajaran Pengkodean yang diusulkan untuk mata pelajaran di SMA Negeri 5 Cimahi
terdiri dari 5 digit, yaitu dengan format sebagai berikut : LLL 9
Kelas Nomor
Tabel III.32 Kode Mata Pelajaran
Contoh : X01 Keterangan :
X = kelas X 01= nomor urut mata pelajaran Pendidikan Agama Islam
III.2.5 Perancangan Struktur Menu
Perancangan struktur menu dirancang untuk menyediakan fungsi-fungsi yang akan digunakan dalam aplikasi e-learning kelas online SMA Negeri 5 Cimahi .
Diantaranya akan dirancang empat struktur menuberdasarkan hak akses masing-masing pengguna, yaitu struktur menu admin, struktur menu guru, struktur menu orang tua dan
struktur menu orang tua orang tua. 1. Perancangan Struktur Menu Admin
Perancangan Struktur Menu Admin dapat dilihat pada gambar III.35.
93
Ubah password
Unggah foto Ubah profil
LOGIN ADMIN
e-learning Kelas Online SMAN 5 Cimahi
Profil Pengolahan
tahun ajaran Pengolahan
semester Pengolahan
kurikulum Pengolahan
kelas Pengolahan
subkelas Pengolahan
pelajaran Pengolahan
guru Pengolahan
mengajar Pengolahan
siswa Pengolahan
orang tua Pengolahan
forum aktifkan
hapus tambah
ubah hapus
ubah hapus
ubah hapus
ubah hapus
tambah ubah
hapus tambah
ubah hapus
tambah ubah
hapus tambah
ubah hapus
tambah ubah
hapus tambah
ubah hapus
tambah cari
cari cari
Gambar III. 33 Struktur Menu Admin
2. Perancangan Struktur Menu Guru Perancangan Struktur Menu Guru dapat dilihat pada gambar III.36.
LOGIN
e-learning Kelas Online SMAN 5 Cimahi
Profil Manajemen Materi
Manajemen Tugas Manajemen
Pengumuman Forum
ubah hapus
tambah Tambah soal
hapus Tambah tugas
ubah hapus
tambah Tambah komentar
Hapus komentar Lihat materi
Tampil forum Pesan
Tulis Pesan Masuk
Pesan Terkirim Hapus
Ubah password Unggah foto
Ubah profil Tampil
File_materi tampil
Manajemen Ujian Tambah soal
hapus Tambah Ujian
Lihat nilai Lihat nilai
Gambar III.34 Struktur Menu Guru
94
3. Perancangan Struktur Menu Siswa Perancangan Struktur Menu Siswa dapat dilihat pada gambar III.37.
Ubah password Unggah foto
Ubah profil Profil
LOGIN
e-learning Kelas Online SMAN 5 Cimahi
Akses Materi Akses Tugas
Forum Tambah komentar
Lihat materi Pesan
Tulis Pesan Masuk
Pesan Terkirim Hapus
tampil tampil
Akses Ujian tampil
Download materi
Gambar III.35 Struktur Menu Siswa
4. Perancangan Struktur Menu Orangtua Perancangan Struktur Menu Orangtua dapat dilihat pada gambar III.38.
LOGIN
e-learning Kelas Online SMAN 5 Cimahi
Pesan Tulis
Pesan Masuk Pesan Keluar
Hapus Nilai tugas siswa
Ubah password Ubah profil
Profil tampil
Nilai ujian siswa tampil
Gambar III.36 Struktur Menu Orangtua
III.3 Perancangan Antarmuka
Perancangan antarmuka diperlukan pada program aplikasi ini dengan tujuan untuk mempermudah pengguna dalam menggunakan program aplikasi e-learning kelas
95
online di SMA Negeri 5 Cimahi 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
LOGO Beranda
Materi Daftar Guru
Daftar Siswa Pengumuman
Profil Form Masuk
Gambar Masuk
Lupa Password GAMBAR
Materi Terbaru SMAN 5 on Facebook
T01
- jika nisnip dan password telah terisi dan tipe user yang dipilih adalah guru
lalu klik masuk maka menuju T03 - jika nisnip dan password telah terisi
dan tipe user yang dipilih adalah siswa lalu klik masuk maka menuju T04
- jika nisnip dan password telah terisi dan tipe user yang dipilih adalah orang
tua lalu klik masuk maka menuju T05
Nisnip password
Tipe user
Ukuran Form 1024 x 768 Warna Background hitam dan abu-abu
Font Arial Ukuran 11pt
Gambar III.37 Perancangan Halaman Utama
2. Perancangan Halaman Login Admin
T02
- jika nip dan password telah terisi lalu klik masuk maka menuju T06
-jika nip dan password belum dimasukkan maka akan muncul M01
-jika nip dan password salah maka muncul M02
Ukuran Form 1024 x 768 Warna Background Biru
Font Arial Ukuran 11pt
Login Admin Gambar
Masuk Lupa Password
password NIP
Reset
Gambar III.38 Perancangan Halaman Login Admin
96
3. Perancangan Halaman Utama Menu Guru
LOGO Beranda
Keluar Materi
Daftar Siswa Daftar Guru
Materi Terbaru SMA Negeri 5 Cimahi
T03
Profil Manajemen Ujian
Manajemen Tugas Manajemen Materi
Manajemen Pengumuman
Unggah Foto Ubah Password
Ubah Profil -apabila profil di klik maka akan muncul menu
pulldown ubah profil, ubah password dan unggah foto.
-apabila menu pulldown ubah profil diklik maka menuju T07
-apabila menu pulldown ubah Password diklik maka menuju T08
-apabila menu pulldown unggah foto diklik maka menuju T09
-apabila manajemen materi di klik maka menuju T10
-apabila manajemen tugas di klik maka menuju T11
-apabila manajemen pengumuman di klik maka menuju T12
-apabila pesan di klik maka menuju T13 -apabila forum di klik maka menuju T38
-apabila klik keluar maka kembali menuju T01
Ukuran Form 1024 x 768 Warna Background hitam dan abu-abu
Font Arial Ukuran 11pt
Pesan
Gambar III.39 Perancangan Halaman Utama Menu Guru
4. Perancangan Halaman Utama Menu Siswa
LOGO Beranda
Keluar Materi
Daftar Siswa Daftar Guru
Materi Terbaru SMA Negeri 5 Cimahi
T04
Profil Ujian
Tugas Materi
Forum Unggah Foto
Ubah Password Ubah Profil
Ukuran Form 1024 x 768 Warna Background hitam dan abu-abu
Font Arial Ukuran 11pt
-apabila profil di klik maka akan muncul menu pulldown ubah profil, ubah password dan unggah
foto. -apabila menu pulldown ubah profil diklik maka
menuju T14 -apabila menu pulldown ubah Password diklik
maka menuju T15 -apabila menu pulldown unggah foto diklik maka
menuju T16 -apabila akses materi di klik maka menuju T17
-apabila akses tugas di klik maka menuju T18 -apabila pesan di klik maka menuju T19
-apabila forum di klik maka menuju T38 -apabila klik keluar maka kembali menuju T01
pesan
Gambar III.40 Perancangan Halaman Utama Menu Siswa
97
5. Perancangan Halaman Utama Orang tua
LOGO Beranda
Materi Daftar Siswa
Daftar Guru
Materi Terbaru SMA Negeri 5 Cimahi
T05 Keluar
Nilai Tugas Siswa Nilai Ujian Siswa
-klik ubah profil untuk menuju T20 -klik ubah password untuk menuju T21
-klik nilai tugas siswa umtuk menuju T22 -klik pesan untuk T23
-klik keluar untuk kembali ke T01
Ukuran Form 1024 x 768 Warna Background hitam dan abu-abu
Font Arial Ukuran 11pt
Profil Ubah profil
Ubah password Pesan
Gambar III.41 Perancangan Halaman Utama Orang tua
6. Perancangan Halaman Utama Admin
LOGO Menu Ajaran
T06
- jika klik ubah profil maka menuju T24 - jika klik ubah password maka menuju T25
- jika klik ganti foto maka menuju T26 - jika klik lihat web maka menuju T01
- jika klik keluar maka menuju T06 - jika klik pengolahan tahun ajaran maka
menuju T27 - jika klik pengolahan semester maka
menuju T28 - jika klik pengolahan kelas maka menuju
T30 - jika klik pengolahan subkelas maka
menuju T31 - jika klik pengolahan pelajaran maka
menuju T32 - jika klik pengolahan guru maka menuju
T33 - jika klik pengolahan mengajar maka
menuju T34 - jika klik pengolahan siswa maka menuju
T35 - jika klik pengolahan orang tua siswa maka
menuju T36 Ukuran Form 1024 x 768
Warna Background biru dan abu-abu Font Arial
Ukuran 11pt
Home Ubah Profil
Ubah Password Ganti Foto
Lihat Web Keluar
Pengolahan Tahun Ajaran Pengolahan Semester
Menu Kelas Pengolahan Kelas
Pengolahan Subkelas Menu Mengajar
Pengolahan Pelajaran Pengolahan Guru
Pengolahan Mengajar Menu Siswa
Pengolahan Siswa Pengolahan Orang tua Siswa
Foto Status : ADMIN
Gambar III.42 Perancangan Halaman Utama Admin
98
7. Perancangan Halaman Ubah Profil Guru
LOGO Beranda
Forum Materi
Daftar Siswa Daftar Guru
Materi Terbaru SMAN 5 on Facebook
T07 Keluar
Kembali Reset
Perbaharui Ubah Guru
Nama Guru :
NIP :
Alamat :
Telepon :
Email :
klik kembali menuju T03 -klik forum untuk menuju T38
-Klik Keluar untuk kembali ke T01
Ukuran Form 1024 x 768 Warna Background hitam dan abu-abu
Font Arial Ukuran 11pt
Gambar III.43 Perancangan Halaman Ubah Profil Guru
8. Perancangan Halaman Ubah Password Guru
LOGO Forum
Materi Terbaru SMAN 5 on Facebook
T08
Keluar
Kembali Reset
Perbaharui Ubah Password
Password Baru :
Password Sebelumnya :
Ukuran Form 1024 x 768 Warna Background hitam dan abu-abu
Font Arial Ukuran 11pt
-klik perbaharui untuk menyimpan data dan muncul M04
-klik kembali menuju T03 -klik forum untuk menuju T38
-Klik Keluar untuk kembali ke T01
-klik perbaharui dan akan muncul M07 lalu menuju ke T03 untuk
konfirmasi Password
Gambar III.44 Perancangan Halaman Ubah Password Guru
99
9. Perancangan Halaman Unggah Foto Guru
LOGO Forum
Materi Terbaru SMAN 5 on Facebook
T10
Keluar
No Kembali
Hapus Data Tambah Data
Judul Materi Manajemen Materi
Tanggal Detail
Detail | ubah
Ukuran Form 1024 x 768 Warna Background hitam dan abu-abu
Font Arial Ukuran 11pt
-klik tambah data untuk menambah data materi
-klik hapus data untuk menghapus data yang dipilih dan muncul M05
-klik kembali untuk kembali menuju T03 -klik detail untuk melihat detail data materi
-klik ubah untuk mengubah data materi -klik forum untuk menuju T38
-Klik Keluar untuk kembali ke T01
Gambar III.45 Perancangan Halaman Unggah Foto Guru
10. Perancangan Halaman Manajemen Materi
LOGO
Materi Terbaru SMAN 5 on Facebook
T10
No Kembali
Hapus Data Tambah Data
Judul Materi Manajemen Materi
Tanggal Detail
Detail | ubah
Ukuran Form 1024 x 768 Warna Background hitam dan abu-abu
Font Arial Ukuran 11pt
-klik tambah data untuk menambah data materi
-klik hapus data untuk menghapus data yang dipilih dan muncul M06
-klik kembali untuk kembali menuju T03 -klik detail untuk melihat detail data materi
-klik ubah untuk mengubah data materi
Gambar III.46 Perancangan Halaman Manajemen Materi
100
11. Perancangan Halaman Manajemen Tugas
LOGO Forum
Materi Terbaru SMAN 5 on Facebook
T11
Keluar
No Kembali
Hapus Data Tambah Data
Judul Materi Manajemen Tugas
Tanggal Detail
ubah -klik tambah data untuk menambah data
tugas -klik hapus data untuk menghapus data yang
dipilih dan muncul M06 -klik kembali untuk kembali menuju T03
-klik detail untuk melihat detail tugas -klik ubah untuk mengubah data tugas
-klik forum untuk meuju T38 -Klik keluar untuk kembali ke T01
Ukuran Form 1024 x 768 Warna Background hitam dan abu-abu
Font Arial Ukuran 11pt
Gambar III.47 Perancangan Halaman Manajemen Tugas
12. Perancangan Halaman Manajemen Pengumuman
LOGO Forum
Materi Terbaru SMAN 5 on Facebook
T12
Keluar
No Kembali
Hapus Data Tambah Data
Judul Pengumuman Manajemen Pengumuman
Tanggal Detail
Detail | Ubah -klik tambah data untuk menambah data
pengumuman -klik hapus data untuk menghapus data yang
dipilih dan muncul M05 -klik kembali untuk kembali menuju T03
-klik detail untuk melihat detail data pengumuman
-klik ubah untuk mengubah data pengumuman
-klik Forum untuk menuju ke T38 Klik kleuar untuk kembali ke T01
Ukuran Form 1024 x 768 Warna Background hitam dan abu-abu
Font Arial Ukuran 11pt
Gambar III.48 Perancangan Halaman Manajemen Pengumuman
101
13. Perancangan Halaman Pesan Guru
LOGO Forum
Materi Terbaru SMAN 5 on Facebook
T13 Keluar
Tulis Pesan Kembali
Kotak Masuk 0 Pesan
-klik kembali untuk kembali menuju T03 -klik tulis pesan jika ingin menulis pesan
-klik kotak masuk untuk melihat ada pesan dari siapa saja
-klik kotak keluar jika ingin melihat sudah kepada siapa saja kita berkirim pesan
-klik forum untuk menuju T38 -Klik Keluar untuk meuju T01
Ukuran Form 1024 x 768 Warna Background hitam dan abu-abu
Font Arial Ukuran 11pt
Kotak Keluar0
Gambar III.49 Perancangan Halaman Pesan Guru
14. Perancangan Halaman Ubah Profil Siswa
LOGO Forum
Materi Terbaru SMAN 5 on Facebook
T14 Keluar
Kembali Reset
Perbaharui Ubah Guru
Nama :
NIS :
Alamat :
Telepon :
Email :
-klik perbaharui untuk menyimpan data dan muncul M03
-klik kembali menuju T04 -klik forum untuk ke T38
-Klik keluar untuk kembali ke T01
Ukuran Form 1024 x 768 Warna Background hitam dan abu-abu
Font Arial Ukuran 11pt
Gambar III.50 Perancangan Halaman Ubah Profil Siswa
102
15. Perancangan Halaman Ubah Password Siswa
LOGO Forum
Materi Terbaru SMAN 5 on Facebook
T15
Keluar
Kembali Reset
Perbaharui Ubah Password
Password Baru :
Password Sebelumnya :
Ukuran Form 1024 x 768 Warna Background hitam dan abu-abu
Font Arial Ukuran 11pt
- klik perbaharui untuk menyimpan data dan muncul M04 lalu ke T01 untuk konfirmasi
password baru -klik reset untuk mereset data yang telah
diisi -klik kembali untuk kembali ke T04
-klik forum untuk ke T38 -Klik keluar untuk kembali ke T01
-klik perbaharui dan akan muncul M07 lalu menuju ke T04 untuk konfirmasi
Password
Gambar III.51 Perancangan Halaman Ubah
Password Siswa
16. Perancangan Halaman Unggah Foto Siswa
LOGO Forum
Materi Terbaru SMAN 5 on Facebook
T16
Keluar
Kembali Reset
Unggah Foto Guru
Foto Unggah Foto
: Pilih Berkas
Tidak ada file yang dipilih -klik pilih berkas untuk memilih foto
yang akan diunggah -klik unggah untuk mengunggah foto
yang telah dipilih muncul M05 -klik reset untuk mereset data yang
telah diisi -klik kembali untuk kembali menuju
T04 -klik forum untuk menuju T38
-Klik keluar untuk kembali menuju T01
Ukuran Form 1024 x 768 Warna Background hitam dan abu-abu
Font Arial Ukuran 11pt
Gambar III.52 Perancangan Halaman Ubah
Password Siswa
103
17. Perancangan Halaman Akses Materi Siswa
LOGO Forum
Materi Terbaru SMAN 5 on Facebook
T17
Keluar
No Kembali
Judul Materi Materi Pembelajaran
Tanggal Detail
detail -klik kembali untuk kembali menuju T04
-klik detail untuk melihat detail tugas -klik forum untuk menuju T38
-Klik Keluar untuk meuju T01
Ukuran Form 1024 x 768 Warna Background hitam dan abu-abu
Font Arial Ukuran 11pt
Gambar III.53 Perancangan Halaman Akses Materi Siswa
18. Perancangan Halaman Akses Tugas Siswa
LOGO Forum
Materi Terbaru SMAN 5 on Facebook
T18
Keluar
No Kembali
Judul Materi Akses Tugas
Batas Pengumpulan
Info Lihat soal
-klik kembali untuk kembali menuju T04 -klik lihat soal untuk melihat detail tugas
-klik forum untuk menuju T38 -Klik Keluar untuk meuju T01
Ukuran Form 1024 x 768 Warna Background hitam dan abu-abu
Font Arial Ukuran 11pt
Tanggal Dibuat
Gambar III.54 Perancangan Halaman Akses Tugas Siswa
104
19. Perancangan Halaman Pesan Siswa
LOGO Forum
Materi Terbaru SMAN 5 on Facebook
T19 Keluar
Tulis Pesan Kembali
Kotak Masuk 0 Pesan
-klik kembali untuk kembali menuju T04 -klik tulis pesan jika ingin menulis pesan
-klik kotak masuk untuk melihat ada pesan dari siapa saja
-klik kotak keluar jika ingin melihat sudah kepada siapa saja kita berkirim pesan
-klik forum untuk menuju T38 -Klik Keluar untuk meuju T01
Ukuran Form 1024 x 768 Warna Background hitam dan abu-abu
Font Arial Ukuran 11pt
Kotak Keluar0
Gambar III.55 Perancangan Halaman Pesan Siswa
20. Perancangan Halaman Ubah Profil Orang Tua
LOGO
Materi Terbaru SMAN 5 on Facebook
T20 Keluar
Kembali Reset
Perbaharui Ubah Profil
– Orang Tua Nama
: NIS Siswa
: Alamat
: Telepon
: Email
: -klik perbaharui untuk menyimpan data dan muncul
M03 -klik kembali menuju T05
-Klik keluar untuk kembali ke T01
Ukuran Form 1024 x 768 Warna Background hitam dan abu-abu
Font Arial Ukuran 11pt
Gambar III.56 Perancangan Halaman Ubah Profil Orang tua
105
21. Perancangan Halaman Ubah Password Orang Tua
LOGO
Materi Terbaru SMAN 5 on Facebook
T20
Keluar
Kembali Reset
Perbaharui Ubah Password
Password Baru :
Password Sebelumnya :
Ukuran Form 1024 x 768 Warna Background hitam dan abu-abu
Font Arial Ukuran 11pt
- klik perbaharui untuk menyimpan data dan muncul M04 lalu ke T01 untuk konfirmasi
password baru -klik reset untuk mereset data yang telah
diisi -klik kembali untuk kembali ke T05
-Klik keluar untuk kembali ke T01
-klik perbaharui dan akan muncul M07 lalu menuju ke T05 untuk konfirmasi
Password
Gambar III.57 Perancangan Halaman Ubah
Password Orang Tua
22. Perancangan Halaman Lihat Nilai Tugas Siswa
LOGO
Materi Terbaru SMAN 5 on Facebook
T22
Keluar
No Kembali
Judul Materi Lihat Nilai Tugas Siswa
Batas Pengumpulan
Info -klik kembali untuk kembali menuju T05
-pada kolom info akan tertera belum dikerjakan jika belum dikerjakan dan akan
muncul nilai tugas apabila sudah dikerjakan -Klik Keluar untuk meuju T01
Ukuran Form 1024 x 768 Warna Background hitam dan abu-abu
Font Arial Ukuran 11pt
Tanggal Dibuat
Gambar III.58 Perancangan Halaman Lihat Nilai Tugas Siswa
106
23. Perancangan Halaman Pesan Orang Tua
LOGO
Materi Terbaru SMAN 5 on Facebook
T23
Keluar
Tulis Pesan Kembali
Kotak Masuk 0 Pesan
-klik kembali untuk kembali menuju T05 -klik tulis pesan jika ingin menulis pesan
-klik kotak masuk untuk melihat ada pesan dari siapa saja
-klik kotak keluar jika ingin melihat sudah kepada siapa saja kita berkirim pesan
-Klik Keluar untuk meuju T01
Ukuran Form 1024 x 768 Warna Background hitam dan abu-abu
Font Arial Ukuran 11pt
Kotak Keluar0
Gambar III.59 Perancangan Halaman Pesan Orang Tua
24. Perancangan Halaman Ubah Profil Admin
LOGO Menu Ajaran
T24
Ukuran Form 1024 x 768 Warna Background biru dan abu-abu
Font Arial Ukuran 11pt
Home Ubah Profil
Ubah Password Ganti Foto
Lihat Web Keluar
Pengolahan Tahun Ajaran Pengolahan Semester
Pengolahan Kurikulum Menu Kelas
Pengolahan Kelas Pengolahan Subkelas
Menu Mengajar Pengolahan Pelajaran
Pengolahan Guru Pengolahan Mengajar
Menu Siswa Pengolahan Siswa
Pengolahan Orang tua Siswa Menu Lain-lain
Pengolahan Forum Ubah Profil
Reset Perbaharui
Nama :
Alamat :
Telepon :
Email :
Kembali
- jika klik ubah profil maka menuju T24 - jika klik ubah password maka menuju T25
- jika klik ganti foto maka menuju T26 - jika klik lihat web maka menuju T01
- jika klik keluar maka menuju T06 - jika klik pengolahan tahun ajaran maka
menuju T27 - jika klik pengolahan semester maka
menuju T28 - jika klik pengolahan kurikulum maka
menuju T29 - jika klik pengolahan kelas maka menuju
T30 - jika klik pengolahan subkelas maka
menuju T31 - jika klik pengolahan pelajaran maka
menuju T32 - jika klik pengolahan guru maka menuju
T33 - jika klik pengolahan mengajar maka
menuju T34 - jika klik pengolahan siswa maka menuju
T35 - jika klik pengolahan orang tua siswa maka
menuju T36 - jika klik pengolahan forum maka menuju
T37 -klik perbaharui dan akan muncul M03
Gambar III.60 Perancangan Halaman Ubah Profil Admin
107
25. Perancangan Halaman Ubah Password Admin
LOGO Menu Ajaran
T25
Ukuran Form 1024 x 768 Warna Background biru dan abu-abu
Font Arial Ukuran 11pt
Home Ubah Profil
Ubah Password Ganti Foto
Lihat Web Keluar
Pengolahan Tahun Ajaran Pengolahan Semester
Pengolahan Kurikulum Menu Kelas
Pengolahan Kelas Pengolahan Subkelas
Menu Mengajar Pengolahan Pelajaran
Pengolahan Guru Pengolahan Mengajar
Menu Siswa Pengolahan Siswa
Pengolahan Orang tua Siswa Menu Lain-lain
Pengolahan Forum Ubah Password
Reset Perbaharui
Password Baru :
Password Sebelumnya :
Ulangi Password Baru :
- jika klik ubah profil maka menuju T24 - jika klik ubah password maka menuju T25
- jika klik ganti foto maka menuju T26 - jika klik lihat web maka menuju T01
- jika klik keluar maka menuju T06 - jika klik pengolahan tahun ajaran maka
menuju T27 - jika klik pengolahan semester maka
menuju T28 - jika klik pengolahan kurikulum maka
menuju T29 - jika klik pengolahan kelas maka menuju
T30 - jika klik pengolahan subkelas maka
menuju T31 - jika klik pengolahan pelajaran maka
menuju T32 - jika klik pengolahan guru maka menuju
T33 - jika klik pengolahan mengajar maka
menuju T34 - jika klik pengolahan siswa maka menuju
T35 - jika klik pengolahan orang tua siswa maka
menuju T36 - jika klik pengolahan forum maka menuju
T37 -klik perbaharui dan akan muncul M07 lalu
menuju ke T06 untuk konfirmasi Password
Gambar III.61 Perancangan Halaman Ubah
Password Admin
26. Perancangan Halaman Ubah Foto Admin
LOGO Menu Ajaran
T26
Ukuran Form 1024 x 768 Warna Background biru dan abu-abu
Font Arial Ukuran 11pt
Home Ubah Profil
Ubah Password Ganti Foto
Lihat Web Keluar
Pengolahan Tahun Ajaran Pengolahan Semester
Pengolahan Kurikulum Menu Kelas
Pengolahan Kelas Pengolahan Subkelas
Menu Mengajar Pengolahan Pelajaran
Pengolahan Guru Pengolahan Mengajar
Menu Siswa Pengolahan Siswa
Pengolahan Orang tua Siswa Menu Lain-lain
Pengolahan Forum Ubah Foto
Reset Unggah
Foto Unggah Foto
: Pilih Berkas
Tidak ada file yang dipilih
- jika klik ubah profil maka menuju T24 - jika klik ubah password maka menuju T25
- jika klik ganti foto maka menuju T26 - jika klik lihat web maka menuju T01
- jika klik keluar maka menuju T06 - jika klik pengolahan tahun ajaran maka
menuju T27 - jika klik pengolahan semester maka
menuju T28 - jika klik pengolahan kurikulum maka
menuju T29 - jika klik pengolahan kelas maka menuju
T30 - jika klik pengolahan subkelas maka
menuju T31 - jika klik pengolahan pelajaran maka
menuju T32 - jika klik pengolahan guru maka menuju
T33 - jika klik pengolahan mengajar maka
menuju T34 - jika klik pengolahan siswa maka menuju
T35 - jika klik pengolahan orang tua siswa maka
menuju T36 - jika klik pengolahan forum maka menuju
T37 -klik perbaharui dan akan muncul M04
Gambar III.62 Perancangan Halaman Ubah Foto Admin
108
27. Perancangan Halaman Pengolahan Tahun Ajaran
LOGO Menu Ajaran
T27 - jika klik ubah profil maka menuju T24
- jika klik ubah password maka menuju T25 - jika klik ganti foto maka menuju T26
- jika klik lihat web maka menuju T01 - jika klik keluar maka menuju T06
- jika klik pengolahan tahun ajaran maka menuju T27
- jika klik pengolahan semester maka menuju T28
- jika klik pengolahan kurikulum maka menuju T29
- jika klik pengolahan kelas maka menuju T30 - jika klik pengolahan subkelas maka menuju T31
- jika klik pengolahan pelajaran maka menuju T32
- jika klik pengolahan guru maka menuju T33 - jika klik pengolahan mengajar maka menuju
T34 - jika klik pengolahan siswa maka menuju T35
- jika klik pengolahan orang tua siswa maka menuju T36
- jika klik pengolahan forum maka menuju T37 -klik tambah data untuk menambah data tahun
ajaran -klik hapus untuk menghapus data tahun ajaran
dan muncul M06 -klik aktifkan untukn mengaktifkan tahun ajaran
yang berlaku dan muncul M08
Ukuran Form 1024 x 768 Warna Background biru dan abu-abu
Font Arial Ukuran 11pt
Home Ubah Profil
Ubah Password Ganti Foto
Lihat Web Keluar
Pengolahan Tahun Ajaran Pengolahan Semester
Pengolahan Kurikulum Menu Kelas
Pengolahan Kelas Pengolahan Subkelas
Menu Mengajar Pengolahan Pelajaran
Pengolahan Guru Pengolahan Mengajar
Menu Siswa Pengolahan Siswa
Pengolahan Orang tua Siswa Menu Lain-lain
Pengolahan Forum Manajemen Tahun Ajaran
No Hapus Data
Tambah Data Nama Tahun Ajaran
Aksi Aktifkan
Gambar III.63 Perancangan Halaman Pengolahan Tahun Ajaran
28. Perancangan Halaman Pengolahan Semester
LOGO Menu Ajaran
T28 - jika klik ubah profil maka menuju T24
- jika klik ubah password maka menuju T25 - jika klik ganti foto maka menuju T26
- jika klik lihat web maka menuju T01 - jika klik keluar maka menuju T06
- jika klik pengolahan tahun ajaran maka menuju T27
- jika klik pengolahan semester maka menuju T28
- jika klik pengolahan kurikulum maka menuju T29
- jika klik pengolahan kelas maka menuju T30 - jika klik pengolahan subkelas maka menuju T31
- jika klik pengolahan pelajaran maka menuju T32
- jika klik pengolahan guru maka menuju T33 - jika klik pengolahan mengajar maka menuju
T34 - jika klik pengolahan siswa maka menuju T35
- jika klik pengolahan orang tua siswa maka menuju T36
- jika klik pengolahan forum maka menuju T37 -klik tambah data untuk menambah data
Semester -klik ubah untuk mengubah data Semester dan
muncul M03
Ukuran Form 1024 x 768 Warna Background biru dan abu-abu
Font Arial Ukuran 11pt
Home Ubah Profil
Ubah Password Ganti Foto
Lihat Web Keluar
Pengolahan Tahun Ajaran Pengolahan Semester
Pengolahan Kurikulum Menu Kelas
Pengolahan Kelas Pengolahan Subkelas
Menu Mengajar Pengolahan Pelajaran
Pengolahan Guru Pengolahan Mengajar
Menu Siswa Pengolahan Siswa
Pengolahan Orang tua Siswa Menu Lain-lain
Pengolahan Forum Manajemen Semester
No Hapus Data
Tambah Data Semester
Aksi Ubah
Tahun Ajaran
Gambar III.64 Perancangan Halaman Pengolahan Semester
109
29. Perancangan Halaman Pengolahan Kurikulum
LOGO Menu Ajaran
T29 - jika klik ubah profil maka menuju T24
- jika klik ubah password maka menuju T25 - jika klik ganti foto maka menuju T26
- jika klik lihat web maka menuju T01 - jika klik keluar maka menuju T06
- jika klik pengolahan tahun ajaran maka menuju T27
- jika klik pengolahan semester maka menuju T28
- jika klik pengolahan kurikulum maka menuju T29
- jika klik pengolahan kelas maka menuju T30 - jika klik pengolahan subkelas maka menuju T31
- jika klik pengolahan pelajaran maka menuju T32
- jika klik pengolahan guru maka menuju T33 - jika klik pengolahan mengajar maka menuju
T34 - jika klik pengolahan siswa maka menuju T35
- jika klik pengolahan orang tua siswa maka menuju T36
- jika klik pengolahan forum maka menuju T37 -klik tambah data untuk menambah data
Kurikulum -klik ubah untuk mengubah data kurikulum dan
muncul M03
Ukuran Form 1024 x 768 Warna Background biru dan abu-abu
Font Arial Ukuran 11pt
Home Ubah Profil
Ubah Password Ganti Foto
Lihat Web Keluar
Pengolahan Tahun Ajaran Pengolahan Semester
Pengolahan Kurikulum Menu Kelas
Pengolahan Kelas Pengolahan Subkelas
Menu Mengajar Pengolahan Pelajaran
Pengolahan Guru Pengolahan Mengajar
Menu Siswa Pengolahan Siswa
Pengolahan Orang tua Siswa Menu Lain-lain
Pengolahan Forum Manajemen Kurikulum
No Hapus Data
Tambah Data Kurikulum
Aksi Ubah
Tahun Ajaran
Gambar III.65 Perancangan Halaman Pengolahan Kurikulum
30. Perancangan Halaman Pengolahan Kelas
LOGO Menu Ajaran
T30 - jika klik ubah profil maka menuju T24
- jika klik ubah password maka menuju T25 - jika klik ganti foto maka menuju T26
- jika klik lihat web maka menuju T01 - jika klik keluar maka menuju T06
- jika klik pengolahan tahun ajaran maka menuju T27
- jika klik pengolahan semester maka menuju T28
- jika klik pengolahan kurikulum maka menuju T29
- jika klik pengolahan kelas maka menuju T30 - jika klik pengolahan subkelas maka menuju T31
- jika klik pengolahan pelajaran maka menuju T32
- jika klik pengolahan guru maka menuju T33 - jika klik pengolahan mengajar maka menuju
T34 - jika klik pengolahan siswa maka menuju T35
- jika klik pengolahan orang tua siswa maka menuju T36
- jika klik pengolahan forum maka menuju T37 -klik tambah data untuk menambah data Kelas
-klik ubah untuk mengubah data kelas dan muncul M03
-klik hapus untuk menghapus data kelas dan muncul M05
Ukuran Form 1024 x 768 Warna Background biru dan abu-abu
Font Arial Ukuran 11pt
Home Ubah Profil
Ubah Password Ganti Foto
Lihat Web Keluar
Pengolahan Tahun Ajaran Pengolahan Semester
Pengolahan Kurikulum Menu Kelas
Pengolahan Kelas Pengolahan Subkelas
Menu Mengajar Pengolahan Pelajaran
Pengolahan Guru Pengolahan Mengajar
Menu Siswa Pengolahan Siswa
Pengolahan Orang tua Siswa Menu Lain-lain
Pengolahan Forum Manajemen Kelas
No Hapus Data
Tambah Data Nama Kelas
Aksi Ubah
Gambar III.66 Perancangan Halaman Pengolahan Kelas
110
31. Perancangan Halaman Pengolahan Subkelas
LOGO Menu Ajaran
T30 - jika klik ubah profil maka menuju T22
- jika klik ubah password maka menuju T23 - jika klik ganti foto maka menuju T24
- jika klik lihat web maka menuju T01 - jika klik keluar maka menuju T06
- jika klik pengolahan tahun ajaran maka menuju T26
- jika klik pengolahan semester maka menuju T27
- jika klik pengolahan kurikulum maka menuju T28
- jika klik pengolahan kelas maka menuju T29 - jika klik pengolahan subkelas maka menuju T30
- jika klik pengolahan pelajaran maka menuju T31
- jika klik pengolahan guru maka menuju T32 - jika klik pengolahan mengajar maka menuju
T33 - jika klik pengolahan siswa maka menuju T34
- jika klik pengolahan orang tua siswa maka menuju T35
-klik tambah data untuk menambah data subKelas
-klik ubah untuk mengubah data subkelas -klik hapus untuk menghapus data subkelas
Ukuran Form 1024 x 768 Warna Background biru dan abu-abu
Font Arial Ukuran 11pt
Home Ubah Profil
Ubah Password Ganti Foto
Lihat Web Keluar
Pengolahan Tahun Ajaran Pengolahan Semester
Pengolahan Kurikulum Menu Kelas
Pengolahan Kelas Pengolahan Subkelas
Menu Mengajar Pengolahan Pelajaran
Pengolahan Guru Pengolahan Mengajar
Menu Siswa Pengolahan Siswa
Pengolahan Orang tua Siswa Menu Lain-lain
Pengolahan Forum Manajemen Subkelas
No Hapus Data
Tambah Data Kelas
Aksi Ubah
Subkelas LOGO
Menu Ajaran T31
- jika klik ubah profil maka menuju T24 - jika klik ubah password maka menuju T25
- jika klik ganti foto maka menuju T26 - jika klik lihat web maka menuju T01
- jika klik keluar maka menuju T06 - jika klik pengolahan tahun ajaran maka menuju
T27 - jika klik pengolahan semester maka menuju
T28 - jika klik pengolahan kurikulum maka menuju
T29 - jika klik pengolahan kelas maka menuju T30
- jika klik pengolahan subkelas maka menuju T31 - jika klik pengolahan pelajaran maka menuju
T32 - jika klik pengolahan guru maka menuju T33
- jika klik pengolahan mengajar maka menuju T34
- jika klik pengolahan siswa maka menuju T35 - jika klik pengolahan orang tua siswa maka
menuju T36 - jika klik pengolahan forum maka menuju T37
-klik tambah data untuk menambah data subKelas
-klik ubah untuk mengubah data subkelas dan muncul M03
-klik hapus untuk menghapus data subkelas dan muncul M05
Ukuran Form 1024 x 768 Warna Background biru dan abu-abu
Font Arial Ukuran 11pt
Home Ubah Profil
Ubah Password Ganti Foto
Lihat Web Keluar
Pengolahan Tahun Ajaran Pengolahan Semester
Pengolahan Kurikulum Menu Kelas
Pengolahan Kelas Pengolahan Subkelas
Menu Mengajar Pengolahan Pelajaran
Pengolahan Guru Pengolahan Mengajar
Menu Siswa Pengolahan Siswa
Pengolahan Orang tua Siswa Menu Lain-lain
Pengolahan Forum Manajemen Subkelas
No Hapus Data
Tambah Data Kelas
Aksi Ubah
Subkelas
Gambar III.67 Perancangan Halaman Pengolahan Subkelas
32. Perancangan Halaman Pengolahan Pelajaran
LOGO Menu Ajaran
T32 - jika klik ubah profil maka menuju T24
- jika klik ubah password maka menuju T25 - jika klik ganti foto maka menuju T26
- jika klik lihat web maka menuju T01 - jika klik keluar maka menuju T06
- jika klik pengolahan tahun ajaran maka menuju T27
- jika klik pengolahan semester maka menuju T28
- jika klik pengolahan kurikulum maka menuju T29
- jika klik pengolahan kelas maka menuju T30 - jika klik pengolahan subkelas maka menuju T31
- jika klik pengolahan pelajaran maka menuju T32
- jika klik pengolahan guru maka menuju T33 - jika klik pengolahan mengajar maka menuju
T34 - jika klik pengolahan siswa maka menuju T35
- jika klik pengolahan orang tua siswa maka menuju T36
- jika klik pengolahan forum maka menuju T37 -klik tambah data untuk menambah data
pelajaran -klik ubah untuk mengubah data pelajaran dan
muncul M03 -klik hapus untuk menghapus data pelajaran dan
muncul M05
Ukuran Form 1024 x 768 Warna Background biru dan abu-abu
Font Arial Ukuran 11pt
Home Ubah Profil
Ubah Password Ganti Foto
Lihat Web Keluar
Pengolahan Tahun Ajaran Pengolahan Semester
Pengolahan Kurikulum Menu Kelas
Pengolahan Kelas Pengolahan Subkelas
Menu Mengajar Pengolahan Pelajaran
Pengolahan Guru Pengolahan Mengajar
Menu Siswa Pengolahan Siswa
Pengolahan Orang tua Siswa Menu Lain-lain
Pengolahan Forum Manajemen Pelajaran
No Hapus Data
Tambah Data Pelajaran
Aksi Ubah
Tahun Ajaran Kurikulum
Kelas
Gambar III.68 Perancangan Halaman Pengolahan Pelajaran
111
33. Perancangan Halaman Pengolahan Guru
LOGO Menu Ajaran
T33 - jika klik ubah profil maka menuju T24
- jika klik ubah password maka menuju T25 - jika klik ganti foto maka menuju T26
- jika klik lihat web maka menuju T01 - jika klik keluar maka menuju T06
- jika klik pengolahan tahun ajaran maka menuju T27
- jika klik pengolahan semester maka menuju T28
- jika klik pengolahan kurikulum maka menuju T29
- jika klik pengolahan kelas maka menuju T30 - jika klik pengolahan subkelas maka menuju T31
- jika klik pengolahan pelajaran maka menuju T32
- jika klik pengolahan guru maka menuju T33 - jika klik pengolahan mengajar maka menuju
T34 - jika klik pengolahan siswa maka menuju T35
- jika klik pengolahan orang tua siswa maka menuju T36
- jika klik pengolahan forum maka menuju T37 -klik tambah data untuk menambah data guru
-klik ubah untuk mengubah data Guru dan muncul M03
-klik hapus untuk menghapus data guru dan muncul M05
Ukuran Form 1024 x 768 Warna Background biru dan abu-abu
Font Arial Ukuran 11pt
Home Ubah Profil
Ubah Password Ganti Foto
Lihat Web Keluar
Pengolahan Tahun Ajaran Pengolahan Semester
Pengolahan Kurikulum Menu Kelas
Pengolahan Kelas Pengolahan Subkelas
Menu Mengajar Pengolahan Pelajaran
Pengolahan Guru Pengolahan Mengajar
Menu Siswa Pengolahan Siswa
Pengolahan Orang tua Siswa Menu Lain-lain
Pengolahan Forum Manajemen Guru
No Hapus Data
Tambah Data Nama
Aksi Ubah
Alamat Telepon
Email Nip
Cari
Gambar III.69 Perancangan Halaman Pengolahan Guru
34. Perancangan Halaman Pengolahan Mengajar
LOGO Menu Ajaran
T34 - jika klik ubah profil maka menuju T24
- jika klik ubah password maka menuju T25 - jika klik ganti foto maka menuju T26
- jika klik lihat web maka menuju T01 - jika klik keluar maka menuju T06
- jika klik pengolahan tahun ajaran maka menuju T27
- jika klik pengolahan semester maka menuju T28
- jika klik pengolahan kurikulum maka menuju T29
- jika klik pengolahan kelas maka menuju T30 - jika klik pengolahan subkelas maka menuju T31
- jika klik pengolahan pelajaran maka menuju T32
- jika klik pengolahan guru maka menuju T33 - jika klik pengolahan mengajar maka menuju
T34 - jika klik pengolahan siswa maka menuju T35
- jika klik pengolahan orang tua siswa maka menuju T36
- jika klik pengolahan forum maka menuju T37 -klik tambah data untuk menambah data
mengajar -klik ubah untuk mengubah data mengajar dan
muncul M03 -klik hapus untuk menghapus data mengajar dan
muncul M05
Ukuran Form 1024 x 768 Warna Background biru dan abu-abu
Font Arial Ukuran 11pt
Home Ubah Profil
Ubah Password Ganti Foto
Lihat Web Keluar
Pengolahan Tahun Ajaran Pengolahan Semester
Pengolahan Kurikulum Menu Kelas
Pengolahan Kelas Pengolahan Subkelas
Menu Mengajar Pengolahan Pelajaran
Pengolahan Guru Pengolahan Mengajar
Menu Siswa Pengolahan Siswa
Pengolahan Orang tua Siswa Menu Lain-lain
Pengolahan Forum Manajemen Mengajar
No Hapus Data
Tambah Data Tahun Ajaran
Aksi Ubah
Kelas Pelajaran
Semester Nip
Gambar III.70 Perancangan Halaman Pengolahan Mengajar
112
35. Perancangan Halaman Pengolahan Siswa
LOGO Menu Ajaran
T35 - jika klik ubah profil maka menuju T24
- jika klik ubah password maka menuju T25 - jika klik ganti foto maka menuju T26
- jika klik lihat web maka menuju T01 - jika klik keluar maka menuju T06
- jika klik pengolahan tahun ajaran maka menuju T27
- jika klik pengolahan semester maka menuju T28
- jika klik pengolahan kurikulum maka menuju T29
- jika klik pengolahan kelas maka menuju T30 - jika klik pengolahan subkelas maka menuju T31
- jika klik pengolahan pelajaran maka menuju T32
- jika klik pengolahan guru maka menuju T33 - jika klik pengolahan mengajar maka menuju
T34 - jika klik pengolahan siswa maka menuju T35
- jika klik pengolahan orang tua siswa maka menuju T36
- jika klik pengolahan forum maka menuju T37 -klik tambah data untuk menambah data siswa
-klik ubah untuk mengubah data siswa dan muncul M03
-klik hapus untuk menghapus data siswa dan muncul M05
-klik detail untuk melihat detail data siswa
Ukuran Form 1024 x 768 Warna Background biru dan abu-abu
Font Arial Ukuran 11pt
Home Ubah Profil
Ubah Password Ganti Foto
Lihat Web Keluar
Pengolahan Tahun Ajaran Pengolahan Semester
Pengolahan Kurikulum Menu Kelas
Pengolahan Kelas Pengolahan Subkelas
Menu Mengajar Pengolahan Pelajaran
Pengolahan Guru Pengolahan Mengajar
Menu Siswa Pengolahan Siswa
Pengolahan Orang tua Siswa Menu Lain-lain
Pengolahan Forum Manajemen Siswa
No Hapus Data
Tambah Data Tahun Ajaran
Aksi Ubah | Detail
Nama Kelas
NIS Cari
Gambar III.71 Perancangan Halaman Pengolahan Siswa
36. Perancangan Halaman Pengolahan Orang Tua
LOGO Menu Ajaran
T36 - jika klik ubah profil maka menuju T24
- jika klik ubah password maka menuju T25 - jika klik ganti foto maka menuju T26
- jika klik lihat web maka menuju T01 - jika klik keluar maka menuju T06
- jika klik pengolahan tahun ajaran maka menuju T27
- jika klik pengolahan semester maka menuju T28
- jika klik pengolahan kurikulum maka menuju T29
- jika klik pengolahan kelas maka menuju T30 - jika klik pengolahan subkelas maka menuju T31
- jika klik pengolahan pelajaran maka menuju T32
- jika klik pengolahan guru maka menuju T33 - jika klik pengolahan mengajar maka menuju
T34 - jika klik pengolahan siswa maka menuju T35
- jika klik pengolahan orang tua siswa maka menuju T36
- jika klik pengolahan forum maka menuju T37 -klik tambah data untuk menambah data Orang
tua -klik ubah untuk mengubah data Orang Tua dan
muncul M03 -klik hapus untuk menghapus data orang tua dan
muncul M05 -klik detail untuk melihat detail data orang tua
Ukuran Form 1024 x 768 Warna Background biru dan abu-abu
Font Arial Ukuran 11pt
Home Ubah Profil
Ubah Password Ganti Foto
Lihat Web Keluar
Pengolahan Tahun Ajaran Pengolahan Semester
Pengolahan Kurikulum Menu Kelas
Pengolahan Kelas Pengolahan Subkelas
Menu Mengajar Pengolahan Pelajaran
Pengolahan Guru Pengolahan Mengajar
Menu Siswa Pengolahan Siswa
Pengolahan Orang tua Siswa Menu Lain-lain
Pengolahan Forum Manajemen Orang Tua Siswa
No Hapus Data
Tambah Data Nama Siswa
Aksi Ubah
Alamat Telepon
Nama Cari
Gambar III.72 Perancangan Halaman Pengolahan Orang Tua
113
37. Perancangan Halaman Pengolahan Forum
LOGO Menu Ajaran
T36 - jika klik ubah profil maka menuju T24
- jika klik ubah password maka menuju T25 - jika klik ganti foto maka menuju T26
- jika klik lihat web maka menuju T01 - jika klik keluar maka menuju T06
- jika klik pengolahan tahun ajaran maka menuju T27
- jika klik pengolahan semester maka menuju T28
- jika klik pengolahan kurikulum maka menuju T29
- jika klik pengolahan kelas maka menuju T30 - jika klik pengolahan subkelas maka menuju T31
- jika klik pengolahan pelajaran maka menuju T32
- jika klik pengolahan guru maka menuju T33 - jika klik pengolahan mengajar maka menuju
T34 - jika klik pengolahan siswa maka menuju T35
- jika klik pengolahan orang tua siswa maka menuju T36
- jika klik pengolahan forum maka menuju T37 -klik hapus untuk menghapus data komentar dan
muncul M05
Ukuran Form 1024 x 768 Warna Background biru dan abu-abu
Font Arial Ukuran 11pt
Home Ubah Profil
Ubah Password Ganti Foto
Lihat Web Keluar
Pengolahan Tahun Ajaran Pengolahan Semester
Pengolahan Kurikulum Menu Kelas
Pengolahan Kelas Pengolahan Subkelas
Menu Mengajar Pengolahan Pelajaran
Pengolahan Guru Pengolahan Mengajar
Menu Siswa Pengolahan Siswa
Pengolahan Orang tua Siswa Menu Lain-lain
Pengolahan Forum Manajemen Forum
No Komentar
Aksi Hapus
Nama
Gambar III.73 Perancangan Halaman Pengolahan Forum
38. Perancangan Halaman Forum
LOGO Forum
Materi Terbaru SMAN 5 on Facebook
T38
Keluar No
Nama Detail Materi
-klik forum untuk menuju T38 -Klik Keluar untuk meuju T01
-klik beri komentar jika ingin memberi komentar
Ukuran Form 1024 x 768 Warna Background hitam dan abu-abu
Font Arial Ukuran 11pt
Komentar Tulis Komentar
Beri komentar
Kembali
Gambar III.74 Perancangan Halaman Forum
114
III.2.6 Perancangan Pesan
Berikut ini merupakan form perancangan pesan.
Masuk Lupa Password
Password NIP
Reset Masukkan NIP
Masukkan Password M01
Gambar III.75 Perancangan Pesan M01
Masuk Lupa Password
Password NIP
Reset Nip harus 18 karakter
Password minimal 5 karakter M02
Gambar III.76 Perancangan Pesan M02
Data Berhasil Diubah X
M03
Gambar III.77 Perancangan Pesan M03
Password anda telah berubah silahkan masuk kembali x
M04
Gambar III.78 Perancangan Pesan M04
Foto Berhasil diUnggah X
M05
Gambar III.79 Perancangan Pesan M05
Data Berhasil dihapus X
M06
Gambar III.80 Perancangan Pesan M06
Data Berhasil dihapus X
M06
Password anda telah berubah silahkan untuk masuk kembali X
M07
Gambar III.81 Perancangan Pesan M07
Data Berhasil dihapus X
M06
Data Tahun Ajaran telah diaktifkan X
M08
Gambar III.82 Perancangan Pesan M08
III.2.7 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 kelas online ini menggunakan alat bantu bagan struktural yang disebut juga jaringan semantik.
1. Jaringan Semantik untuk menu Admin
T06
T24 M03
T25 M07
T26 M04
T27 M06, M08
T28 M03
T29 M03
T30 M03,
M05 T31
M03, M05
T32 M03,
M05 T33
M03, M05
T34 M03,
M05 T35
M03, M05
T36 M03,
M05 T37
M05 M02
Gambar III.83 Jaringan Semantik Menu Admin
115
2. Jaringan Semantik untuk menu Guru
T03 T07
T08 M07
T09 M05
T10 M05
T11 M05
T12 M05
T13 T01
T38 M03
M01
Gambar III.84 Jaringan Semantik Menu Guru
3. Jaringan Semantik untuk menu Siswa
T03
T14 T15
M07 T16
T17 T18
T19 T01
T38 M03
M01
M05
Gambar III.85 Jaringan Semantik Menu Siswa
4. Jaringan Semantik untuk menu orang tua.
T03
T20 T21
M07 T22
T23 T01
M03 M01
Gambar III.86 Jaringan Semantik Menu Orangtua
116
III.2.8 Prosedural
Perancangan prosedural mentransformasi elemen-elemen struktural dari arsitektur program ke dalam suatu deskripsi prosedural dari komponen- omponen
perangkat lunak. Adapun perancangan prosedural untuk aplikasi yang akan dibangun adalah sebagai berikut:
1. Prosedural Login, merupakan proses yang terjadi ketika user Admin, guru, siswa dan orang tua akan mengakses aplikasi.
Mulai Masukan NipNis,
password dan tipe pengguna
Tidak
NipNis, password dan tipe user valid
Ya
Selesai Menu Utama
masing-masing pengguna
Membandingkan Nip Nis, password dan tipe
user dengan database Pengecekan data yang
dimasukkan Cek Data kosong
tidak ya
Gambar III.87 Prosedural Login
117
2.
Prosedural Tambah, prosedur ini dilakukan ketika pengguna akan melakukan penambahan data
.
Mulai Pengisian
data
Cek data kosong Ya
Tidak Simpan data
Selesai Pengecekan data
kosong
Gambar III.88 Prosedural Tambah 3.
Prosedural Ubah, prosedur ini dilakukan ketika pengguna akan melakukan perubahan data.
Cek data kosong Ya
Tidak Mulai
Ditemukan? ya
Tidak Cari data yang
akan diubah
Simpan data yang telah diubah
Selesai Isi Data
diubah
Gambar III.89 Prosedural Ubah
118
4. Prosedural Hapus, prosedur ini dilakukan ketika pengguna akan melakukan penghapusan data.
Hapus Mulai
Data dihapus Ya
tidak Selesai
data yang akan
dihapus konfirmasi
penghapusan
Gambar III.90 Prosedural Hapus
5. Prosedural Cari, prosedur ini dilakukan ketika pengguna akan melakukan pencarian data.
Mulai
Selesai Data yang
akan dicari Cari data
Ketemu?
Menampilkan data yang dicari
Data yang dicari
ya tidak
Gambar III.91 Prosedural Cari
119
Bab IV Implementasi dan Pengujian
Kategori