228
Gambar Diagram sequence Edit identitas dan video Gerakan
d. Teori
Gambar Diagram activity Edit Teori
229
Tabel Kelas analisis Edit Teori
No Nama Kelas Tabel
Tipe Deskrispsi
1 UtamaAdmin.jsp
Boundary Halaman utama admin untuk melakukan kelola materi
2 TeoriForm.jsp
Boundary Halaman untuk memproses tambah data teori
3 TeoriTampil.jsp
Boundary Halaman untuk menampilkan data teori 4
TeoriEditForm.jsp Boundary Halaman untuk menampilkan form berisi
data yang akan diubah 5
TeoriEditPesan.jsp Boundary Halaman untuk memproses edit ubah data
serta menampilkan pesan berhasil edit 6
TeoriQuery.java Control
Class Kelas
ini sebagai
controller yang
mengatur proses kelola teori dalam hal ini adalah edit teori
7 Teori
Entity Class
Berfungsi menyimpan data teori
Gambar Diagram sequence Edit Teori
230
LAMPIRAN 2 : Implementasi Sistem 2.1
Bantuan
Halaman Bantuan akan muncul ketika user menekan menu “Bantuan” yang ada di deretan menu sistem. Pada halaman ini akan ditampilkan
fasilitas menu untuk cari materi.
Gambar Halaman Bantuan
Berikut ini potongan listing program bagian halaman Bantuan.
centerh2Jenis Materih2font color=black tda
href=RambuCariJenisUtama.jspimg src=imagesra_je.png
alt=rambu width=80 height=40a a
href=RambuCariNamaUtama.jspimg src=imagesra_na.png
alt=rambu width=80 height=40a tdbrbr
tda href=MarkaCariJenisUtama.jspimg
src=imagesma_je.png alt=marka width=80 height=40a
a href=MarkaCariNamaUtama.jspimg
src=imagesma_na.png alt=marka width=80 height=40a
tdbrbr tda
href=BunyiCariNamaUtama.jspimg src=imagesbu_na.png
alt=isyarat width=80 height=40a a
href=GerakanCariNamaUtama.jspimg src=imagesge_na.png
alt=isyarat width=80 height=40a tdfontcenter
pfont color=redKlik untuk cari materifontp h2centerspanUSER MANUALspancenterh2
a href=UserManual.jspimg src=imagesman.jpg alt=rambu width=70 height=70a
231
2.2 Rambu Cari Jenis Utama
Halaman Rambu Cari Jenis Utama akan muncul ketika user menekan menu gambar Cari Rambu Jenis di halaman Utama Cari. Halaman Rambu
Cari Jenis Utama ini berisi form untuk input kata kunci pencarian data rambu berdasarkan jenis rambu.
Gambar Halaman Rambu Cari Jenis Utama
Berikut ini potongan listing program halaman Rambu Cari Jenis Utama yang berisi form input kata kunci pencarian.
2.3 Rambu Cari Jenis
Halaman Rambu Cari Jenis akan muncul ketika user telah menginputkan kata kunci pencarian rambu berdasarkan jenis rambu dan
user menekan butoon “Telusuri”. Bila data yang dicari ada maka akan tampil data pada tabel, jika data tidak ada maka akan mundul pesan Data
nama data yang dicari tidak ada.
center form action=RambuCariJenis.jsp
tablebrtr tdinput type=text name=jenis_ra placeholder=Masukkan jenis
Rambuinputtd tda href=RambuCariJenis.jsp?jenis_ra== album.getJenis_ra
input type=submit value=Telusuriinputatd trtable form
centerfont color=blackh4Keterangan :h4 Masukkan jenis rambu dengan benar Larangan Peringatan Petunjuk
Tambahanfont centercenter
232
Gambar Halaman Rambu Cari Jenis data ada
Gambar Halaman Rambu Cari Jenis data tidak ada
Berikut ini potongan listing program bagian proses cari data rambu berdasarkan jenis dan menampilkan data rambu yang dicari.
String id = request.getParameterjenis_ra; try {
album.cariRambuJenisid; if album.fetch {
centerph4font color=blackData Rambu dengan jenis font font color=red= idfont font color=blacktidak ada fonth4pcenter
return; }
} finally { album.release; }
try { album.
cariRambuJenis id;
int rowCount = 0; while album.fetch {
rowCount++;
233
2.4 Rambu Cari Nama Utama
Kategori