28 3.1. Tinjauan Lembaga
Dalam tinjauan lembaga ini berisi sejarah lembaga, Struktur organisasi serta fungsi dari masing-masing bagian yang ada dalam lembaga tersebut.
3.1.1 Sejarah Lembaga 1. Sejarah Lembaga
Perkembangan teknologi yang sangat pesat yang diiringi oleh kemajuan teknologi digital menyebabkan makin banyak dibutuhkan tenaga profesional di berbagai bidang.Teknologi Informasi (IT), merupakan bidang yang memegang peranan penting untuk mempermudah aktifitas dari manusia. Seiring dengan kebutuhan, kami sebagai profesional muda sepakat untuk menggabungkan diri dalam suatu wadah yang diberi nama “TAFIDAH KOMPUTER”
Pada awalnya, kami adalah profesional-profesional muda yang bekerja sendiri-sendiri dalam menangani berbagai proyek, baik IT dalam skala menengah maupun kecil. Oleh sebab semakin banyaknya permintaan yang kami terima, kami kemudian bersepakat untuk membentuk suatu team kerja yang lebih terstruktur baik dalam manajemen maupun dalam organisasi, sehingga terbentuklah suatu wadah yang kemudian diberi nama “TAFIDAH KOMPUTER”
2. Visi Dan Misi
A. Visi
Menjadi Lembaga Pendidikan yang professional dibidang teknologi informasi ( Information Technologi ), berkualitas, menciptakan
wirausaha yang sukses, berilmu teknologi dengan landasan Iman & Takwa
B. Misi
1. Menjadi Lembaga Pendidikan berskala nasional, mengajarkan
teknologi terapan, aplikasinya yang bermanfaat langsung bagi masyarakat.
2. Menjadi Lembaga Pendidikan yang menjadikan manusia Kerja
Cerdas, Kerja Keras, Kerja Tuntas, Kerja Ikhlas
3. Menjadi Lembaga Pendidikan yang handal bagi mitra usaha.
4. Menjadi Lembaga Pendidikan yang melayani live time learning dan pusat informasi teknologi bagi masyarakat
5. Mendukung Visi Dalam Memberikan Nilai Tambah Untuk
Meningkatkan Kualitas Sumber Daya Manusia Dalam Prosedur Sistem Operasional, Sistem Administrasi, Serta Mengantisipasi Perkembangan Teknologi Bidang Informasi.
3.1.2 Struktur Organisasi dan Fungsi
Untuk mengolah lembaga dengan baik dan optimal, terutama
terhadap sumber daya manusia, lembaga menerapkan manajemen yang dituangkan dalam bentuk struktur organisasi merupakan sarana yang sangat penting untuk menjalankan fungsinya.
Adapun struktur organisasi ini sendiri dapat dikatakan sebagai suatu kerangka yang mewujudkan suatu pola tetapi dari hubungan antara kedudukan dan peranan dalam suatu kerjasama. Bentuk struktur organisasi yang dimiliki
LKP Tafidah Komputer adalah sebagai berikut :
Sumber : LKP Tafidah Komputer Cikampek (2017)
Gambar III.1 Struktur Organisasi
Eka Syarif Hidayat, S.Kom
Pimpinan
Lia Siti Maryam
Bendahara Hotimah Sekretaris Agus Tehnisi Komputer
STAFF PENGAJAR
Agustono,Amd. KomCorel Draw dan Photo Shop Hotini,Amd.Kom Ms.Office Tasuri,S.Pd Program internet
PESERTA KURSUS
Fungsi dari tiap-tiap bagian adalah sebagai berikut
1. Pimpinan
a. Bertanggung jawab atas jalannya Lembaga
b. Membuat rencana kerja bagi Lembaga sebagai dasar kebijaksanaan dalam mengkoordinasi jalannya Lembaga.
c. Bertanggung jawab atas segala aktivitas yang terjadi baik di dalam maupun diluar Lembaga.
d. Melakukan evaluasi terhadap seluruh kegiatan di lembaga kursus e. Menjalin hubungan dengan masyarakat (du/di) dalam hal penyaluran lulusan atau kerja sama lain.
f. Menjalin hubungan baik dengan dinas terkait.
2. Sekretaris
a. Mencatat pendaftaran peserta kursus
b. Menerima pembayaran dari peserta kurus dan membuat atau memberi kwitansi pembayaran.
c. Mencatat keuangan dalam buku pembantu/harian dengan tertib d. Melaksanakan tugas lain yang relevan dari atasan.
e. Melaporkan pemasukan kepada bendahara setiap hari setelah proses pelatihan atau kursus selesai.
3. Bendahara
a. Menerima dan mengelola pembayaran kursus / biaya adm dari kasir
b. Membuat laporan pembukuan/laporan keuangan kursus
c. Mengelola berkas/arsip setiap laporan keuangan kursus dengan tertib dan baik.
d. Melaksanakan tugas lain yang relevan dari atasan langsung.
4. Staff pengajar
a. Mempersiapkan bahan ajar sesuai kurikulum b. Mengisi daftar hadir siiswa
c. Mengadakan evaluasi / penilaian
d. Mempunyai target peningkatan Mutu siswa e. Membimbing peserta kursus dengan aktif
f. Melaksanakan tugas lain yang relevan dari atasan
3.2. Analisa Kebutuhan
Pada saat ini LKP Tafidah Komputer Cikampek dalam melakukan pendaftaran peserta kursus baru masih belum terkomputerisasi, yang jika banyak peminat yang ingin mendaftar, banyak kendala waktu yang diperlukan, baik dari pihak penyalenggara maupun bagi calon peserta kursus baru. Dengan adanya analisa kebutuhan tersebut, penulis ingin mewujudkan sebuah sistem pendaftaran peserta kursus baru berbasis web untuk LKP Tafidah Komputer Cikampek dengan membuat tampilan dan informasi yang optimal agar dalam proses penerimaan peserta kursus baru lebih efisien. Proses perancangan pembuatan website ini dirancang dengan menganalisa kebutuhan user yang kemudian akan disediakan oleh sistem.
3.2.1. Kebutuhan user
a. Pengunjung
Halaman ini adalah halaman umum yang ditampilkan untuk User
lembaga,kode paket dan form pendaftaran. User disini bisa langsung mendaftar.
b. Administrasi
Pada halaman ini admin memnpunyai hak untuk menambah, membaca, mengubah dan menghapus data admin, paket kursus, jadwal kursus, materi, pengajar, data pendaftaran, peserta dan pembayaran hanya bisa di edit dan dihapus, dan data laporan, laporan pembayaran dan laporan peserta kursus.
3.2.2. Kebutuhan sistem
a. Setelah mendaftar peserta melakukan konfirmasi pembayaran, peserta
harus mengisi form pendaftaran.
b. untuk mengelola data, admin harus melakukan login terlebih dahulu
menggunakan Username dan Password yang sebelumnya telah dibuat.
c. Dalam website ini admin dapat menghapus, mengedit, dan menambah
yang terdapat pada menu admin.
3.3. Perancangan Perangkat Lunak 3.3.1. Rancangan Antar Muka 1. Halaman Admin
A. Rancangan Antar Muka Login Admin
Login Admin akan muncul setelah masuk ke web browser dan admin harus menginput username dan password terlebih dahulu sebelum masuk ke menu utama admin.
LOGIN ADMIN
User Name : XXXX
Password : XXXX
Masuk
Gambar III.2
Rancangan Antar Muka Login Admin B. Rancangan antar muka Admin
Menu utama admin akan muncul setelah admin login
Header Logo Admin Paket Kursus Jadwal Kursus Materi Pendaftaran Peserta Laporan ˅ Laporan Pembayaran Laporan Peserta Kursus Keluar
Ruang Admin
Footer Pembayaran
Pengajar
User Name Password Nama Admin foto Aksi
XXXX XXXX XXXX XXXX Edit/Hapus Tambah Admin
Gambar III.3
C. Rancangan Antar Muka Paket Kursus
untuk melihat daftar paket yang akan di ajarkan.
Header
Logo
Kode Paket Nama Paket Keterangan Biaya Kursus Jumlah Pertemuan Aksi xx99 xxxx xxxx 999999 99 Edit/Hapus Paket Kursus Footer Tambah Paket Admin Paket Kursus Jadwal Kursus Materi Pendaftaran Peserta Laporan ˅ Laporan Pembayaran Laporan Peserta Kursus Keluar
Pembayaran Pengajar
Gambar III.4
Rancangan Antar Muka Paket Kursus
D. Rancangan Antar Muka Tambah Paket Kursus
Admin akan menambah paket kursus yang akan di ajarkan kepada calon peserta kursus. Header Logo Kode Paket : xx99 Nama Paket : xxxx Keterangan : xxxx Biaya Kursus : 999999 Jumlah Pertemuan : 99 Tambah Paket Footer Simpan Admin Paket Kursus Jadwal Kursus Materi Pendaftaran Peserta Laporan ˅ Laporan Pembayaran Laporan Peserta Kursus Keluar
Pembayaran Pengajar
Gambar III.5
E. Rancangan antar Muka Jadwal Kursus
Untuk melihat jadwal kursus yang dilaksanakan.
Header
Logo
Kode Paket Hari Jam Aksi xx99 xxxx 9999 Edit/Hapus Jadwal Footer Tambah Jadwal Admin Paket Kursus Jadwal Kursus Materi Pendaftaran Peserta Laporan ˅ Laporan Pembayaran Laporan Peserta Kursus Keluar
Pembayaran Pengajar
Gambar III.6
Rancangan Antar Muka Jadwal Kursus F. Rancangan Antar Muka Tambah Jadwal Kursus
untuk menambah jadwal kursus yang akan dilaksanakan.
Header Logo Kode Paket : xx99 Hari : xxxx Jam : xxxx Tambah Jadwal Footer Simpan Admin Paket Kursus Jadwal Kursus Materi Pendaftaran Peserta Laporan ˅ Laporan Pembayaran Laporan Peserta Kursus Keluar
Pembayaran Pengajar
Gambar III.7
G. Rancangan Antar Muka Materi
Untuk melihat materi yang akan diberikan kepada peserta kursus.
Header Logo
Id Materi Kode Paket File Materi Aksi xx99 xx99 xxxx Edit/Hapus Materi Footer Tambah Materi Admin Paket Kursus Jadwal Kursus Materi Pendaftaran Peserta Laporan ˅ Laporan Pembayaran Laporan Peserta Kursus Keluar
Pembayaran Pengajar
Gambar III.8
Rancangan Antar Muka Materi H. Rancangan Antar Muka Tambah Materi
Untuk menambahkan meteri yang akan diberikan kepada peserta kursus.
Header Logo Kode Paket : xx99 File Materi : xxxx Tambah Materi Footer Simpan Admin Paket Kursus Jadwal Kursus Materi Pendaftaran Peserta Laporan ˅ Laporan Pembayaran Laporan Peserta Kursus Keluar
Pembayaran Pengajar
Gambar III.9
I. Rancangan Antar Muka Pendaftaran
Untuk melihat status peserta yang sudah mendaftar.
Header
Logo
No Pendaftaran Nama Lengkap Tanggal Daftar Kode Paket Biaya Kursus status Aksi xx99 xxxx 999999 xx99 999999 xxxx Edit/Hapus Data Pendaftaran Footer Admin Paket Kursus Jadwal Kursus Materi Pendaftaran Peserta Laporan ˅ Laporan Pembayaran Laporan Peserta Kursus Keluar
Pembayaran Pengajar
Gambar III.10
Rancangan Antar Muka Pendaftaran
J. Rancangan Antar Muka Peserta
Untuk melihat data peserta kursus yang sudah terdaftar. Header
Logo
No Pendaftaran Nama Lengkap Tempat Lahir Tanggal Lahir Alamat No HP Pekerjaan Kode Paket Email Password Aksi xx 99 xxxx xxxx 999999 xxxx 999999 xxxx xx99 XXXX XXXX Edit/Hapus Data Peserta Footer Admin Paket Kursus Jadwal Kursus Materi Pendaftaran Peserta Laporan ˅ Laporan Pembayaran Laporan Peserta Kursus Keluar
Pembayaran Pengajar
Gambar III.11
K. Rancangan Antar Muka Pembayaran
Untuk melihat data pembayaran yang sudah masuk.
Header
Logo
No Pendaftaran No Pembayaran Tanggal Pembayaran Jumlah Bukti Pembayaran Aksi xx99 xx99 999999 999999 xxxx Edit/Hapus Data Pembayaran Footer Admin Paket Kursus Jadwal Kursus Materi Pendaftaran Peserta Laporan ˅ Laporan Pembayaran Laporan Peserta Kursus Keluar
Pembayaran
Pengajar
Gambar III.12
Rancangan Antar Muka Pembayaran
L. Rancangan Antar Muka Laporan Pembayaran
Untuk melihat laporan pembayaran peserta kursus. Header
Logo
No Pendaftaran No Pembayaran Tanggal Pembayaran Jumlah Bukti Pembayaran xx99 xx99 999999 999999 xxxx Laporan Pembayaran Footer Admin Paket Kursus Jadwal Kursus Materi Pendaftaran Peserta Laporan ˅ Laporan Pembayaran
Laporan Peserta Kursus Keluar
Pembayaran Pengajar
Gambar III.13
M. Rancangan Antar Muka Laporan Peserta Kursus
Untuk melihat laporan peserta kursus.
Header Logo
No Pendaftaran Nama Lengkap Tempat Lahir Tanggal Lahir Alamat No HP Pekerjaan Kode Paket Email Password xx99 xxxx xxxx 999999 xxxx 999999 xxxx xx99 xxxx xxxx Data Peserta Footer Admin Paket Kursus Jadwal Kursus Materi Pendaftaran Peserta Laporan ˅ Laporan Pembayaran
Laporan Peserta Kursus
Keluar Pembayaran Pengajar
Gambar III.14
Rancangan Antar Muka Laporan Peserta Kursus
2. Halaman User
A. Rancangan antar muka beranda User
Beranda akan muncul setelah masuk ke Web Browser dan User dapat melihat menu yang tersedia.
Header
Footer
Beranda Paket Daftar Login
Gambar Sejarah Lembaga Pelayanan xxxx xxxx xxxx Pembayaran Gambar III.15
B. Rancangan antar muka Paket User
Halaman Paket akan muncul setelah User meng klik menu Paket.
Header
Footer
Beranda Paket Daftar Pembayaran Login
Paket Kursus
Kode Paket Nama Paket Keterangan Biaya Kursus Jumlah Pertemuan
xx99 xxxx xxxxx 9999 99
Jadwal
Kode Paket Hari Jam xx99 xxxx 9999
Gambar III.16
Rancangan Antar Muka Paket User
C. Rancangan antar muka Daftar User
Halaman Daftar berisikan form pendaftaran jika User tertarik untuk kursus.
Header
Footer
Beranda Paket Daftar Pembayaran Login
No Pendaftaran : 9999 Nama Lengkap :xxxx Tempat Lahir : xxxx Tanggal Lahir : 9999 Alamat : xxxx No HP : 9999 Pekerjaan : xxxx Kode Paket : xx99 Email : xxxx Password : xx99 Gambar III.17
3. Halaman Pelanggan
A. Rancangan Antar Muka Login Peserta
Login pelanggan akan muncul setelah melakukan pendaftaran dan pendaftar harus menginput username dan password terlebih dahulu sebelum masuk ke menu pelanggan.
LOGIN PESERTA
email : xxxx Password : xxxx
Masuk
Gambar III.18
Rancangan Antar Muka Login Peserta B. Rancangan Antar Muka Materi
Untuk mendownload materi yang akan dipelajari.
Header
Footer
Beranda Paket Peserta Logout
Kode Paket File Materi Aksi xx99 xxxx Download
Gambar III.19
Rancangan Antar Muka Materi 3.3.2. Rancangan basis data
A. Entity Relationship Diagram (ERD)
Hubungan antar entity satu dengan lainnya dapat terlihat dan melibatkan rancangan field-field di dalam Database. Berikut adalah ERD yang dibuat untuk sistem pendaftaran peserta kursus baru.
Peserta Melakukan 1 Pendaftaran Tanggal_da ftar Nama_leng kap Tempat_lah ir Tanggal_lah ir alamat No_hp pekerjaan Kode_paket email password 1 memilih paket 1 Kode_paket Nama_pake t keterangan Biaya_kurs us Jumlah_per temuan memiliki 1 materi M Id_materi Kode_paket File_materi jadwal jam hari Kode_paket M memiliki 1 M No_pendaft aran Kd_paket No_pendaft aran Biaya_kurs us Memiliki M pengajar 1 pekerjaan Tanggal_lah ir alamat Nama_leng kap No_hp Tempat_lah ir email Id_pengajar Memiliki 1 Pembayaran 1 No_pendaft aran No_pembay aran Tgl_pembay aran jumlah Bukti_pemb ayaran status foto cccc Gambar III.20
B. Logical Record Structure (LRS) peserta No_pendaftaran (PK) Nama_lengkap Tempat_lahir Tanggal_lahir Alamat No_hp Pekerjaan Kode_paket Email password pendaftaran No_pendaftaran (PK) Tanggal_daftar Kd_paket (FK) Biaya_kursus status paket Kode_paket (PK) Nama_paket Keterangan Biaya_kursus Jumlah_pertemuan materi Id_materi (PK) Kode_paket (FK) File_materi jadwal Id_jadwal (PK) Kode_paket (FK) Hari jam 1 1 M 1 1 1 M M pengajar Id_pengajar (PK) Nama_lengkap Tempat_lahir Tanggal_lahir Alamat No_hp Pekerjaan Email foto pembayaran No_pendaftaran No_pembayaran (PK) Tgl_pembayaran Jumlah Bukti_pembayaran 1 1 1 M Gambar III.21
C. Spesifikasi File
1. Spesifikasi File Admin
Nama File : admin
Akronim : admin
Fungsi : untuk menyimpan data admin
Type File : file master
Organisasi File : indexed sequential
Akses File : random
Media : Harddisk
Panjang Record : 90
Kunci Field : user_name
Software : MySQL
Tabel III.1 Spesifikasi File Admin
Field Name Data Type Field Size Keterangan
user_name Varchar 20 Primary Key
Password Varchar 35
nama_admin Varchar 35
2. Spesifikasi File Jadwal
Nama File : jadwal
Akronim : jadwal
Fungsi : untuk melihat jadwal
Type File : file master
Organisasi File : indexed sequential
Akses File : random
Panjang Record : 45
Kunci Field : id_jadwal
Software : MySQL
Tabel III.2 Spesifikasi File Jadwal
Field Name Data Type Field Size Keterangan
Id_jadwal int 11 Primary Key
Kode_paket char 4 Foreign Key
hari varchar 30
jam time
3. Spesifikasi File Materi
Nama File : materi
Akronim : materi
Fungsi : untuk melihat materi
Type File : file master
Organisasi File : indexed sequential
Akses File : random
Media : Harddisk
Panjang Record : 115
Kunci Field : Id_materi
Software : MySQL
Tabel III.3 Spesifikasi File Materi
Field Name Data Type Field Size Keterangan
Id_materi int 11 Primary Key
Kode_paket char 4 Foreign Key
4. Spesifikasi File paket_kursus
Nama File : paket_kursus
Akronim : paket_kursus
Fungsi : untuk melihat paket kursus
Type File : file master
Organisasi File : indexed sequential
Akses File : random
Media : Harddisk
Panjang Record : 26
Kunci Field : kode_paket
Software : MySQL
Tabel III.4
Spesifikasi File Paket Kursus
Field Name Data Type Field Size Keterangan
kode_paket char 4 Primary Key
nama_paket Varchar 20
keterangan Text
Biaya_kursus Double
Jumlah_pertemuan int 2
5. Spesifikasi File pembayaran
Nama File : pembayaran
Akronim : pembayaran
Fungsi : untuk melihat data pembayaran
Type File : file transaksi
Organisasi File : indexed sequential
Media : Harddisk
Panjang Record : 116
Kunci Field : No_pendaftaran
Software : MySQL
Tabel III.5
Spesifikasi File Pembayaran
Field Name Data Type Field Size Keterangan
No_pendaftaran char 8 Primary Key
No_pembayaran char 8
Tgl_pembayaran date
jumlah double
Bukti_pembayaran varchar 100
6. Spesifikasi File pendaftaran
Nama File : pendaftaran
Akronim : pendaftaran
Fungsi : untuk melakukan pendaftaran
Type File : file master
Organisasi File : indexed sequential
Akses File : random
Media : Harddisk
Panjang Record : 24
Kunci Field : No_pendaftaran
Tabel III.6
Spesifikasi File Pendaftaran
Field Name Data Type Field Size Keterangan
No_pendaftaran char 9 primary Key
Tanggl_daftar date
Kode_paket char 4 foreign Key
Biaya_kursus double
status varchar 11
7. Spesifikasi File pengajar
Nama File : pengajar
Akronim : pengajar
Fungsi : untuk menginput identitas pengajar
Type File : file master
Organisasi File : indexed sequential
Akses File : random
Media : Harddisk
Panjang Record : 673
Kunci Field : Id_pengajar
Software : MySQL
Tabel III.7 Spesifikasi File Pengajar
Field Name Data Type Field Size Keterangan
Id_pengajar char 5 primary Key
Nama_lengkap varchar 35 Tempat_lahir varchar 35 Tanggal_lahir Date alamat varchar 255 No_hp varchar 13 pekerjaan varchar 25 email varchar 255
foto varchar 50
8. Spesifikasi File peserta
Nama File : peserta
Akronim : peserta
Fungsi : untuk menginput data peserta
Type File : file master
Organisasi File : indexed sequential
Akses File : random
Media : Harddisk
Panjang Record : 664
Kunci Field : Id_peserta
Software : MySQL
Tabel III.8 Spesifikasi File Peserta
Field Name Data Type Field Size Keterangan
No_pendaftaran char 7 primary Key
Nama_lengkap varchar 35 Tempat_lahir varchar 35 Tanggal_lahir Date alamat varchar 255 No_hp varchar 13 Pekerjaan varchar 25
Kode_paket char 4 Foreign Key
email varchar 255
password varchar 35
3.3.3. Rancangan struktur navigasi
Struktur navigasi website digunakan untuk menggambarkan secara garis besar isi dari seluruh situs website dengan menggambarkan hubungan antara isi
halaman dengan halaman yang lain. Struktur navigasi website ini adalah struktur navigasi campuran. Melalui struktur navigasi ini, terlihat bagaimana isi dan susunan dari website secara menyeluruh.
Pembuatan struktur navigasi website ini akan sangan membantu ketika akan membuat rancanga seluruh halaman website. Struktur navigasi website yang baik adalah yang mampu memberitahukan kepada pengunjung tentang lokasi mereka sekarang dan lokasi yang bisa dikunjungi dari lokasi sekarang.
1. Struktur navigasi admin
Login Menu Admin Paket Kursus Jadwal Kursus Pendaftara n Materi Peserta Laporan Keluar Tambah Edit Tambah Edit Tambah Edit Tambah Edit Edit Edit Laporan Peserta Kursus Laporan Pembayaran Pembayara n Pengajar Edit Edit Gambar III.22
2. Struktur navigasi user
Index
Beranda Paket Daftar
Lihat Beranda Mengisi form Daftar Lihat Paket dan Jadwal Pembayaran Gambar III.23 Struktur navigasi User
3. Struktur navigasi Peserta
Index
Beranda Paket Peserta
Lihat Beranda Lihat Paket dan Jadwal Materi Logout Login Gambar III.24
3.4. Implementasi dan pengujian unit 3.4.1. Implementasi
A. Implementasi rancangan antar muka Admin 1. Halaman Login Admin
Administrator harus melakukan Login terlebih dahulu untuk dapat
menggunakan modul-modul yang tersedia jika Login berhasil, maka
menu-menu Yng sesuai dengan kategoriuser tersebut akan ditampilkan.
Gambar III.25
Implementsi Antar Muka Halaman Login Admin
2. Halaman Admin
Gambar III.26
Implementsi Antar Muka Halaman Admin
3. Halaman Paket Kursus
Administrator akan mengisi paket kursus yang akan di tawarkan.
Gambar III.27
4. Halaman Jadwal Kursus
Untuk Menginput jadwal kursus yang akan dilakukan.
Gambar III.28
Implementsi Antar Muka Halaman Jadwal Kursus 5. Halaman Materi
Untuk Menginput materi yang akan dipelajari oleh peserta.
Gambar III.29
6. Halaman Data Pendaftaran
Untuk Melihat,Mengedit atau menghapus data pendaftaran yang sudah mendaftar.
Gambar III.30
Implementsi Antar Muka Data Pendaftaran 7. Halaman Data Peserta
Untuk melihat data peserta yang sudah mendaftar.
Gambar III.31
8. Halaman Data Pembayaran
Untuk melihat data pembayaran peserta kursus
Gambar III.32
Implementsi Antar Muka Data Pembayaran 9. Halaman Data Pengajar
Untuk menambah dan melihat data pengajar
Gambar III.33
B. Implementasi rancangan antar muka User 1. Halaman User
Tampilan Halaman User
Gambar III.34 Implementsi Antar Muka User
2. Halaman Login Peserta
Sebelum melakukan pembayaran peserta harus login terlebih dahulu.
Gambar III.35
3. Halaman Peserta
Setelah login peserta, di halaman akan muncul menu peserta.
Gambar III.36
Implementsi Antar Muka Halaman Peserta 4. Halaman Materi
Untuk mendownload materi yang akan dipelajari.
Gambar III.37
B. Spesifikasi sistem komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untukmengimplementasikan aplikasi penerimaan pesert kursus baru pada LKP Tafidah Komputer Cikampek.
1. Spesifikasi perangkat keras A. Server
1) CPU
a) Processor intel core i3
b) RAM DDR2 2GB
c) Harddisk 500 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum1024x768
5) Koneksi internet dengan kecepatan 2 Mbps
B. Client
1) CPU
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum1024x768
5) Koneksi internet dengan kecepatan 56 Kbps
2. Spesifikasi Perangkat Lunak A. Server
1) Sistem operasi : Microsoft Windows 2) Web Server : Apache, MySQL
3) Web Browser : Mozilla Firefox dan Google Chrome B. Client
1) Sistem operasi : Microsoft Windows
2) Web Browser : Mozilla Firefox dan Google Chrome
3.4.2. Pengujian Unit
Pengujian terhadap program yang dibuat menggunakan Black BoxTesting
yang fokus terhadap proses masukan dan keluaran program.
1. Pengujian terhadap form login admin
Tabel III.9
Pengujian Terhadap Form Login No. Skenario
Pengujian
Test Case Hasil Yang Diharapkan Hasil Pengujian Kesimpulan 1. Username dan password tidak diisi kemudian klik tombol login Username (kosong) Password (kosong) Sistem akan menolak akses user dan menampilkan “username dan pasword harus diisi” Sesuai harapan valid 2. Mengetikan username dan password Username Kevinprat ama Sistem akan menolak akses user Sesuai harapan Valid
tidak diisi atau kosong kemudian klik tombol login Password (kosong) dan menampilkan “periksa kembali username dan password anda” 3. Username tidak diisi (kosong) dan password diisi kemudian klik tombol login Username (kosong) Password 2323232 Sistem akan menolak akses user dan menampilkan ” periksa kembali username dan password anda” Sesuai harapan Valid 4. Mengetikan salah satu kondisi salah pada username atau password Username Kevinprat ama (benar) Password 2323 (salah) Sistem akan menolak akses user dan menampilkan ” periksa kembali Sesuai harapan Valid
kemudian klik tombol login username dan password anda” 5. Mengetikan username dan password dengan data yang benar kemudian klik tombol login Username Kevinprat ama (benar) Password 2323232 (benar) Sistem akan menerima akses login dan kemudian langsung menampilkan menu utama Sesuai harapan Valid
2. Pengujian terhadap tambah admin
Tabel III.10
Pengujian Terhadap Tambah Admin
No. Skenario Pengujian
Test Case Hasil Yang Diharapkan Hasil Pengujian Kesimpulan 1. User mengisi tambah admin tetapi tidak mengisi Username (kosong) Password (kosong) Sistem akan menolak akses tambah admin dan Sesuai harapan valid
username,pas sword dan nama admin kemudian klik simpan Nama admin (kosong) akan muncul pesan “username,pa ssword,nama admin wajib diisi!!” 2. User tidak mengisi username tetapi mengisi password dan nama admin kemudian klik simpan Username (kosong) Password (2323232) Nama admin (mr) Sistem akan menolak akses tambah admin dan akan muncul pesan “username,pa ssword,nama admin wajib diisi!!” Sesuai harapan valid 3. User tidak mengisi password tetapi mengisi username dan nama admin kemudian Username (kevinprat ama) Password (kosong) Nama admin (mr) Sistem akan menolak akses tambah admin dan akan muncul pesan “username,pa ssword,nama Sesuai harapan valid
klik simpan admin wajib diisi!!” 4. User mengisi password,use rname dan nama admin kemudian klik simpan Username (kevinprat ama) Password (2323232) Nama admin (mr) Sistem menerima akses tambah admin Sesuai harapan valid 5. Admin akan mengklik pilihan hapus di baris tabel admin untuk menghapus data admin
Klik hapus Data admin akan terhapus dan muncul pesan “data telah dihapus” Sesuai harapan valid 6. Admin akan mengklik pilihan hapus di baris tabel admin untuk menghapus data admin
Klik edit Data admin
dapat diedit kemudian klik simpan maka data teredit Sesuai harapan valid
3. Pengujian terhadap tambah paket
Tabel III.11
Pengujian Terhadap Tambah Paket
No. Skenario Pengujian
Test Case Hasil Yang Diharapkan Hasil Pengujian Kesimpulan 1. admin mengisi nama paket tetapi tidak mengisi keterangan,bi aya kursus dan jumlah pertemuan kemudian klik simpan Nama paket (office) keteranga n (kosong) Biaya kursus (kosong) Jumlah pertemuan (kosong) Sistem akan menolak akses tambah paket dan akan muncul pesan “keterangan, biaya kursus,jumla h pertemuan wajib diisi!!” Sesuai harapan valid 2. admin tidak mengisi nama paket tetapi mengisi Nama paket (kosong) keteranga n Sistem akan menolak akses tambah paket dan akan muncul Sesuai harapan valid
keterangan,bi aya kursus dan jumlah pertemuan kemudian klik simpan (aaaaaaaa) Biaya kursus (120000) Jumlah pertemuan (6) pesan “nama paket wajib diisi!!” 3. Admin mengisi nama paket keterangan,bi aya kursus dan jumlah pertemuan kemudian klik simpan Nama paket (office) keteranga n (aaaaaaaa) Biaya kursus (120000) Jumlah pertemuan (6) Sistem menerima akses tambah paket Sesuai harapan valid 4. Admin akan mengklik pilihan hapus di baris tabel paket untuk
Klik hapus Data paket akan terhapus dan muncul pesan “data telah Sesuai harapan valid
menghapus data paket dihapus” 5. Admin akan mengklik pilihan edit di baris tabel paket untuk menghapus data paket
Klik edit Data paket
dapat diedit kemudian klik simpan maka data teredit Sesuai harapan valid