Implementation And Unit Testing

5.3 Implementation And Unit Testing

  Pada tahap keempat, desain program diterjemahkan ke dalam kode- kode dengan menggunakan bahasa pemrograman yang sudah ditentukan. Adapun untuk desainnya sendiri dibedakan menjadi dua yaitu untuk admin dan untuk user itu sendiri.

5.3.1 User

1. Halaman menu Login

  Pada halaman user ini ditujukkan untuk pengunjung perpustakaan digital, dimana para pengunjung dapat melihat berbagai informasi yang terdapat di perpustakaan digital SMK Teknologi Nasional Denpasar. Namun dari segi akses untuk tingkat user dibatasi dalam hal tidak bisa mengedit isi konten dari website perpustakaan digital itu sendiri.

  Adapun untuk tahap-tahap yang dilakukan user didalam mengakses website perpustakaan digital dapat digambarkan sebagai berikut :

  Gambar 5.6 Tampilan Halaman Login Gambar 5.6 Tampilan Halaman Login

  Gambar 5.7 Tampilan pendaftaran secara online

  b. Kemudian dari form pendaftaran tersebut, kemudian diisi data user yang diinginkan.

  Gambar 5.8 Pengisian data form pendaftaran secara online

  c. Setelah form diisi kemudian dilanjutkan dengan menekan tombol “Daftar”.

  d. Setelah menekan tombol “Daftar” dilanjutkan dengan mengisi username dan password pada halaman login, dan setelah mengisi username dan password dilanjutkan dengan menekan tombol “Login”.

  Gambar 5.9 Pengisian data form login Gambar 5.9 Pengisian data form login

  Gambar 5.10 Halaman Utama Perpustakaan Digital SMK Teknologi Nasional Denpasar

  f. Jika user ingin keluar dari web perpustakaan digital, user tinggal mengklik tombol “Logout”

2. Halaman Koleksi Terbaru

  Pada halaman koleksi terbaru ini menampilkan informasi koleksi terbaru di perpustakaan SMK Teknologi Nasional Denpasar dengan cara memilih menu “koleksi terbaru”, setelah itu akan tampil halaman seperti dibawah ini :

  Gambar 5.11 Halaman menu “Koleksi Terbaru” pada Perpustakaan Digital SMK Teknologi Nasional Denpasar

3. Halaman Katalog

  Pada halaman katalog bertujuan untuk memudahkan user untuk mencari judul buku yang terdapat di perpustakaan SMK Teknologi Nasional Denpasar. Adapun caranya yaitu dengan memilih menu “Katalog” kemudian akan muncul tampilan sebagai berikut :

  Gambar 5.12 Halaman menu “Halaman Katalog” pada Perpustakaan Digital SMK Teknologi Nasional Denpasar

  Untuk penggunaan katalog ini cukup mudah dengan memasukkan kata kunci, misalnya photoshop, maka akan muncul tampilan sebagai berikut :

  Gambar 5.13 Halaman output menu “Halaman Katalog” pada Perpustakaan Digital SMK Teknologi Nasional Denpasar

4. Halaman menu “Sirkulasi”

  Pada menu halaman menu “Sirkulasi” ini bertujuan untuk menampilkan data peminjaman buku yang belum dikembalikan baik oleh guru maupun siswa di lingkungan SMK Teknologi Nasional Denpasar. Adapun tampilan dari menu “Sirkulasi” ini adalah sebagai berikut :

  Gambar 5.14 Halaman menu “Sirkulasi” pada Perpustakaan Digital SMK Teknologi Nasional Denpasar

5. Halaman menu “Anggota”

  Pada menu halaman “Anggota” ini bertujuan untuk menampilkan data user yang sudah melakukan registrasi di perpustakaan digital SMK Teknologi Nasional Denpasar. Adapun cara untuk mengakses menu ini hanya cukup mengklik menu “Anggota” maka akan ditampilkan halaman seperti dibawah ini :

  Gambar 5.15 Halaman menu “Anggota” pada Perpustakaan Digital SMK Teknologi Nasional Denpasar

6. Halaman menu “Karya Tulis”

  Pada menu halaman “Karya Tulis” ini bertujuan untuk menampilkan karya tulis guru dan siswa, dimana karya tulis itu bisa diupload dan di download langsung baik oleh guru dan siswa. Adapun tampilan dari menu “karya tulis” sebagai berikut :

  Gambar 5.16 Halaman menu “Karya Tulis” pada Perpustakaan Digital SMK Teknologi Nasional Denpasar

  Adapun cara penggunaannya sebagai berikut :

  a. Klik browse, kemudian pilih file yang ingin diupload

  b. Isi keterangan bila perlu

  c. Lalu klik tombol upload, kemudian data yang diupload akan muncul ditabel download

  d. Bagi yang ingin download karya tulis yang diinginkan tinggal klik tombol download saja.

7. Halaman menu “Pengumuman”

  Pada menu “Pengumuman” bertujuan untuk memberikan informasi kepada para user, tentang berbagai hal yang berkaitan dengan

  Gambar 5.17 Halaman menu “Pengumuman” pada Perpustakaan Digital SMK Teknologi Nasional Denpasar

8. Halaman menu “Download”

  Pada menu “Download” bertujuan untuk men-download berbagai dokumen baik itu koran digital, laporan prakrin dan lain-lain. Adapun tampilan dari halaman download adalah sebagai berikut :

  Gambar 5.18 Halaman menu “Download” pada Perpustakaan Digital SMK Teknologi Nasional Denpasar

5.3.2 Admin

1. Halaman menu Login

  Pada halaman user ini ditujukan untuk pengunjung perpustakaan digital, dimana para pengunjung dapat melihat berbagai informasi yang terdapat di perpustakaan digital SMK Teknologi Nasional Denpasar. Namun dari segi akses untuk tingkat user dibatasi dalam hal tidak bisa mengedit isi konten dari website perpustakaan digital itu sendiri.

  Adapun untuk tahap-tahap yang dilakukan user didalam mengakses website perpustakaan digital dapat digambarkan sebagai berikut :

  Gambar 5.19 Tampilan Halaman Login Admin

  a. Admin diwajibkan untuk melakukan pendaftaran secara online apabila belum memiliki username dan password, yaitu dengan menekan tombol “Daftar”, maka akan muncul halaman pendaftaran secara online.

  Gambar 5.20 Tampilan pendaftaran secara online

  b. Kemudian dari form pendaftaran tersebut, kemudian diisi data user yang diinginkan.

  Gambar 5.21 Pengisian data form pendaftaran secara online Gambar 5.21 Pengisian data form pendaftaran secara online

  d. Setelah menekan tombol “Daftar” dilanjutkan dengan mengisi username dan password pada halaman login, dan setelah mengisi username dan password dilanjutkan dengan menekan tombol “Login”.

  Gambar 5.22 Pengisian data form login Admin

  e. Setelah menekan tombol login, maka admin akan dibawa ke halaman utama dari web perpustakaan digital SMK Teknologi Nasional Denpasar

  Gambar 5.23 Halaman Utama Admin Perpustakaan Digital SMK Teknologi Nasional Denpasar

  f. Jika admin ingin keluar dari web perpustakaan digital, admin tinggal mengklik tombol “Logout”

2. Halaman menu “Tambah Data Buku”

  Pada menu ini, admin mampu memasukkan data input buku dan secara otomatis akan terupdate di halaman admin dan user. Adapun tampilan dari menu “Tambah Data Buku” adalah sebagai berikut :

  Gambar 5.24 Halaman menu “Tambah Data Buku” Perpustakaan Digital SMK Teknologi Nasional Denpasar

  Adapun cara untuk menambah data bukunya adalah sebagai berikut :

  a. Silahkan klik “Tambah Data”, kemudian akan tampil halaman seperti dibawah ini :

  Gambar 5.25 Halaman menu “Tambah Data” Perpustakaan Digital SMK Teknologi Nasional Denpasar

  b. Setelah itu, silahkan isi pada form “tambah data” dan apabila sudah selesai mengisi form tersebut kemudian pilih simpan.

3. Halaman menu “Tambah Koleksi Terbaru”

  Pada menu ini, admin mampu memasukkan data input buku terbaru dan secara otomatis akan terupdate di halaman admin dan user. Adapun tampilan dari menu “Tambah Koleksi Terbaru” adalah sebagai berikut :

  Gambar 5.26 Halaman menu “Tambah Koleksi Terbaru” Perpustakaan Digital SMK Teknologi Nasional Denpasar

  Adapun cara untuk menambah data bukunya adalah sebagai berikut :

  a. Silahkan klik “Tambah Data”, kemudian akan tampil halaman seperti dibawah ini :

  Gambar 5.27 Halaman menu “Tambah Koleksi Terbaru”

  Perpustakaan Digital SMK Teknologi Nasional Denpasar Perpustakaan Digital SMK Teknologi Nasional Denpasar

4. Halaman menu “Sirkulasi”

  Pada menu ini, admin mampu memasukkan data input peminjaman buku yang belum dikembalikan dan secara otomatis akan terupdate di halaman admin dan user. Adapun tampilan dari menu “Sirkulasi” adalah sebagai berikut :

  Gambar 5.28 Halaman menu “Sirkulasi” Perpustakaan Digital SMK Teknologi Nasional Denpasar

  Adapun cara untuk menambah data peminjamannya adalah sebagai berikut :

  a. Silahkan klik “Tambah Data Peminjaman”, kemudian akan tampil halaman seperti dibawah ini :

  Gambar 5.29

  Halaman menu “Tambah Data Peminjaman” Perpustakaan Digital SMK Teknologi Nasional Denpasar

  b. Setelah itu, silahkan isi pada form “tambah data peminjaman” dan apabila sudah selesai mengisi form tersebut kemudian pilih simpan.

  c. Apabila buku yang dipinjam sudah dikembalikan tinggal mengklik tombol “Hapus” pada halaman menu “Sirkulasi”

  Gambar 5.30

  Letak tombol “Hapus” pada Halaman menu “Sirkulasi” di Perpustakaan Digital SMK Teknologi Nasional Denpasar

  Letak tombol “Hapus” Data

5. Halaman menu “Pengumuman”

  Pada menu ini, admin mampu memasukkan data input pengumuman yang akan disampaikan ke user dan secara otomatis akan terupdate di halaman admin dan user. Adapun tampilan dari menu “Pengumuman” adalah sebagai berikut :

  Gambar 5.31 Halaman menu “Pengumuman” Perpustakaan Digital SMK Teknologi Nasional Denpasar

  Adapun cara untuk menambah data peminjamannya adalah sebagai berikut :

  a. Silahkan klik “Tambah Pengumuman”, kemudian akan tampil halaman seperti dibawah ini :

  Gambar 5.32 Denpasar

  b. Setelah itu, silahkan isi pada form “tambah pengumuman” dan apabila sudah selesai mengisi form tersebut kemudian pilih simpan.

  c. Apabila buku yang dipinjam sudah dikembalikan tinggal mengklik tombol “Hapus” pada halaman menu “Pengumuman”

  Gambar 5.33

  Letak tombol “Hapus” pada Halaman menu “Pengumuman”