7. Colaboration Diagram Informasi
Admin Form
Databas e
4: valid 11: simpan
1: buka aplikasi 2: login
7: pilih menu berita or artikel 9: pilih edit,delete or update berita or artikel
6: display menu admin 8: view berita or artikel
13: view 3: cek data login
10: kirim data 5: verifikasi login
12: verifikasi
Gambar 4.27 Colaboration Diagram Informasi
4.2.3.5 Component Diagram
Berikut adalah component diagram yang menggambarkan struktur proses yang terdapat dalam program aplikasi web penunjang pembelajaran jarak jauh
pada rumah belajar daniel bandung .
Form Index
Form Login
Menu Hak Akses
Form Forum
Form Download
Form Upload
Form Latihan Try Out
Form Fasilitas Umum
Form Informasi
Gambar 4.28 Component Diagram
4.2.3.6 Deployment Diagram
Berikut ini Deployment diagram yang menggambarkan susunan fisik dan perangkat lunak dalam sistem :
Client A: Web browser
Client B: Web browser
Web Server: Apache PHP
Database Server: MySQL
TCPIP
TCPIP
db_connect
Gambar 4.29 Deployment Diagram Sistem Penunjang Pembelajaran
4.2.3.7 Class Diagrams
User Id_user
Type Password
Nama_lengkap Jenis_kelamin
Alamat No_tlp_hp
Email
input edit
search load
Mata_Pelajaran Kode_mata_pelajaran
Nama_mata_pelajaran Nama_pengajar
input edit
delete upload
load Pengajar
userid pass
Cek_dt_pengajar Load_pengajar
Forum id_topik
nama email
topik isi
id_replay tanggal
Pengirim Waktu
Topik Jawaban
Murid userid
pass Cek_dt_murid
Load_admin Berita
Id_berita Judul_berita
Tgl_berita Isi_berita
Mengurutkan Count
Artikel Id_artikel
Judul_artikel Tgl_artikel
Isi_artikel Mengurutkan
Count soalun
Id_soalun Kode_soalun
Nama_soalun Folder
add deleete
edit upload
download load
Admin userid
pass Cek_dt_admin
Load_admin Input
Edit Delete
Soal Kd_soa;
Kd_kategori Soal
J1 J2
J3 J4
Jbenar
Matcing Kategori
kd_kategori nama_kategori
keterangan load
Gambar 4.30 Class Diagram
4.2.3.8 Kodifikasi
Pengkodean merupakan
proses untuk
memudahkan dalam
mengelompokkan data dan pemrosesannya. Selain itu pengkodean juga dapat membantu sistem informasi dalam mengidentifikasikan suatu objek, sehingga
kesalahan-kesalahan yang mungkin terjadi dalam mengidentifikasikan objek- objek tersebut dapat dihindarkan.
Pengkodean Nomor Pokok Murid NPM
Kode NPM terdiri dari 10 digit, lebih jelasnya adalah sebagai berikut :
xxxx. x. xx . xxx Contoh : 0910.5.32.001 A
B C D
Keterangan :
A : Tahun AjaranMasuk
B : Kode Cabang
1. Pusat Jl.Lombok No.26 4. Cabang Jl.Banda 8 Bandung
2. Cabang Jl.Bahureksa 24 Bandung 5.Cabang Bawean 1 Bandung 3. Cabang Jl.Cilaki 45 Bandung
6.Cabang Jl.Progo 34 Bandung
C : Kode Tingkat Kelas
D : Nomor urut pendaftaran
4.2.3 Perancangan Antar Muka
Perancangan antar muka merupakan penggambaran tampilan yang digunakan secara langsung oleh pengguna, interaksi yang dapat dilakukan oleh
pengguna dalam sistem. Adapun dalam antar muka ini terdapat beberapa bagian yang harus dilakukan, yaitu dari mulai menentukan struktur menu yang ada dalam
program, tampilan input dan output pada setiap fungsi yang telah ditentukan, diuraikan sebagai berikut :
Kategori