Blog Tentang Materi Pembelajaran Siswa
Rabu, 11 Desember 2019
Selasa, 10 Desember 2019
Sabtu, 07 Desember 2019
JOBSHEET
UJIAN PRAKTEK SEMESTER GANJIL
TAHUN PELAJARAN 2019/2020
SOAL PRAKTIK KEJURUAN
Satuan
Pendidikan : Sekolah Menengah Kejuruan
Kompetensi
Keahlian : Rekayasa Perangkat Lunak
Kelas : XI RPL
Alokasi Waktu : 4 Jam
Bentuk Soal : Penugasan Perorangan
Judul Tugas : Aplikasi Penginputan data sekolah
 |
I. PETUNJUK UMUM
1.
Periksalah dengan teliti dokumen soal ujian praktik, yang
terdiri dari 3 halaman
2.
Periksalah peralatan dan bahan yang dibutuhkan
3.
Gunakan peralatan utama dan peralatan keselamatan kerja
yang telah disediakan
4.
Gunakan peralatan sesuai dengan SOP (Standard Operating Procedure)
5.
Bekerjalah dengan memperhatikan petunjuk
Pembimbing/Penguji
II. DAFTAR
PERALATAN
|
No.
|
Nama
Alat/Komponen/Bahan
|
Spesifikasi
|
Jumlah
|
Keterangan
|
|
1
|
2
|
3
|
4
|
5
|
|
|
Alat Tes
|
|
|
|
|
1.
|
PC komputer /
laptop
|
Windows 7 / 10
RAM; 3 GB
Windows : 32/64
bit
|
1
|
|
|
2.
|
Monitor
|
|
1
|
|
|
3.
|
Mouse
|
|
1
|
|
|
4.
|
Keyboard
|
|
1
|
|
|
7.
|
|
|
|
|
|
|
Bahan
|
|
|
|
|
1.
|
Aplikasi Text
Editor
|
Notepad++ /
sublime
|
1
|
|
|
2.
|
Xampp
|
2013 /2015
|
1
|
Semua versi
|
|
3.
|
Browser
|
Chrome / Mozilla
firefox
|
1
|
|
V.
SOAL/TUGAS
1.
Judul Tugas : Aplikasi Penginputan data sekolah berbasis web
2.
Skenario
:
Dalam kegiatan uji
kompetensi ini anda bertindak sebagai Admin. Tugas anda sebagai seorang Admin
adalah membuat sebuah website sekolah
terdapat data siswa dan data guru yang nanti bisa di simpan. di ubah, di
hapus serta di tampilkan ke dalam sebuah website yang menarik, boleh
menggunakan ( CSS, LARAVEL, CI, BOOTSTRAP, PHP NATIVE, dsb ) dengan catatan
framework di buat dari NOL/AWAL
3.
Konfigurasi
:
a. Konfigurasi Database
Buat
database = db_sekolah
1.
Tabel guru ( tb_guru)
|
No
|
Name
|
type
|
length
|
index
|
|
1
|
nip
|
Varchar
|
20
|
Primary
|
|
2
|
nama_guru
|
varchar
|
30
|
-
|
|
3
|
jabatan
|
varchar
|
30
|
-
|
2.
Tabel siswa (tb_siswa)
|
No
|
Name
|
type
|
length
|
index
|
|
1
|
nis
|
Varchar
|
20
|
Primary
|
|
2
|
nama_siswa
|
varchar
|
30
|
-
|
|
3
|
jenis_kelamin
|
varchar
|
10
|
-
|
|
4
|
kelas
|
varchar
|
10
|
|
b. Konfigurasi Input
nis = (text field )
nip = (text
field )
kelas = (text
field )
jabatan =
(list/combobox/)
jenis_kelamin = ( menggunakan radio button/)
“Laki-Laki”, “Perempuan”
Tombol/label = (edit,
hapus, cancel, simpan, keluar)
boleh
pakai symbol/icon/gambar
1.
Menerapkan prosedur kesehatan,
keselamatan kerja dan keamanan kerja yang diperlukan
2.
Buka XAMPP dan aplikasi hidupkan(klik
1x tombol stop) di Apache dan MySQL
3.
Buka aplikasi browser
(Mozilla/chrome)
4.
Membuat database guru dan siswa
5.
Membuat folder project di
xampp/htdocs/……….
6.
Buka aplikasi Text editor lalu buat
program template/desain layout nya
7.
Membuat form,home,input, edit,
tampil
8.
Membuat kode program CRUD
9.
Membuat kode program notifikasi
10. Membuat
kode program validasi (required)
11. Menyimpan
project di folder yang telah dibuat di no.5
12. Menginput
data siswa dan guru min 5 data
13. Menampilkan
hasil project yang sudah selesai
5.
Logika
1.
Jika tombol null/ belum diisi maka
akan muncul alert notif “harap isi data”
bukan required
2.
Jika primary key sama maka akan
muncul notif alert “Data sudah ada harap isi data yang berbeda”
3.
Jika tombol simpan/ubah/hapus/keluar
di klik maka akan muncul alert notif, “Apakah
mau di simpan/ubah/hapus/keluar” memunculkan 2 pilihan (“ Yes atau No” )
Jika
Yes maka koding simpan/ubah/hapus/keluar
bekerja
Jika
No maka tidak terjadi apa-apa
4.
Ketika di form ubah, Primary key tidak dapat
diubah atau saat di textfiled primary key tidak dapat di ubah/ readonly
Berlaku juga saat di form ubah data
tidak boleh kosong/null saat di save
5.
saat di form ubah untuk jabatan
dan jenis kelamin harus muncul
dan sesuai dengan yang di pilih di tampil data Siswa/guru
6. website harus mempunyai header navbar.sidebar badan content dan footer
VI. GAMBAR KERJA
1. Data Siswa
2. Data guru
“SELAMA & SUKSES”
Langganan:
Postingan (Atom)