Kembali ke Project
WebApp Digital Perpustakaan

WebApp Digital Perpustakaan

15 Juni, 2022 12:00

Introduction

               Aplikasi ini merupakan project besar pertama saya untuk membuat sebuah aplikasi berbasis website. Project ini di bangun untuk syarat kelulusan kuliah di kampus Politeknik Elektronika Negeri Surabaya. 

             Project ini di bangun dengan bahasa pemprograman dasar HTML, Bootstrap sebagai framwork UI, pemprgraman PHP, dan juga MySQL untuk Database. Metode dalam project ini dibangun menggunakan metode waterfall

Gambar Metode Waterfall Pembangunan Aplikasi
Gambar Metode Waterfall Pembangunan Aplikasi

          Tahapan pengembangan sistem aplikasi dimulai dari analysis, yaitu proses mengidentifikasi kebutuhan pengguna dan sistem. Hasil analisis kemudian diterjemahkan dalam design, yang berfungsi sebagai blueprint atau rancangan sebelum pemrograman dimulai. Selanjutnya, pada tahap implementation/pemrograman, rancangan tersebut diwujudkan menjadi aplikasi yang utuh dan siap digunakan. Setelah itu dilakukan testing untuk memastikan aplikasi berjalan normal serta memperoleh penilaian pengguna melalui metode kualitatif berupa kuisioner. Tahap terakhir adalah maintenance, yaitu publikasi aplikasi ke jaringan luas sekaligus melakukan perbaikan kesalahan serta peningkatan kualitas dan kinerja aplikasi.

Analisa dan User Experience(UX) Project

Hasil Analisa

          Hasil dari analysis didapatkan dari pengalaman pengguna untuk berinteraksi dengan aplikasi yang akan dibuat atau disebut juga dengan User Experience (UX). Sebelum ketahap User Experience (UX) akan dilakukan analysis dari beberapa competitor aplikasi/website yang sama, diantaranya yaitu iPusnas, ePerpusdikbud, dan e-Library Erlangga.    

Tabel Competitor Analysis
Tabel Competitor Analysis

          Hasil analisa dari competitor aplikasi/website yang sama, analisa tersebut di lihat dari kelayakan dan kenyamanan user secara umum, mulai dari membaca buku secara real-time, kenyamanan pengguna dalam menggunakan aplikasi/website, informasi atau detail buku, pembelian buku untuk membaca buku, User Interface, dan responsive.     

User Experience (UX)

Gambar Diagram User Experience (UX)
Gambar Diagram User Experience (UX)

         Tahapan User Experience melalui beberapa tahapan dimulai dengan menguji existing website dengan usability testing, hasilnya yang didapatkan dapat dilihat pada Tabel Competitor Analysis.

         Tahapan Strategy Mendefinisikan problem dan riset terhadap pengguna untuk mengetahui kebutuhan pengguna dalam proses pembangunan Aplikasi Digital Library PENS PSDKU Lamongan.

         Tahapan Scope metode untuk menggali ide dan menyelaraskan ide tentang perencanaan pengembangan berbagai fitur kedepan. Diantaranya fitur yang diberikan yaitu, fitur pencarian, membaca buku secara real-time, dan memaksimalkan fitur responsive. 

          Structure merupakan metode untuk menentukan struktur dari elemen antarmuka dan navigasinya, hasil yang didapatkan yaitu sitemap.

Gambar Sitemap
Gambar Sitemap

         Tahapan Skeleton merupakan metode selanjutnya setelah metode structure. Metode skeleton adalah rancangan penempatan elemen-elemen antarmuka, dengan menghasilkan wireframe

Gambar Wireframe
Gambar Wireframe

         Tahapan Surface merupakan metode untuk mendesain penampilan antarmuka, dengan menghasilkan mockup dan prototype.

Gambar Mockup
Gambar Mockup

           Tahapan Prelaunce & Evaluation setelah penampilan antarmuka telah diberi prototype selanjutnya akan dilakukan metode prelaunch dan evaluate, dengan tujuan menguji dan mengevalusi hasil rancangan sebelum aplikasi dilanjutkan dalam tahap pemrograman.

Design System Project 

         Dalam pembuatan aplikasi pada proyek akhir ini telah digambarkan desain sistem yang guna untuk mengetahui alur sistem proses pengguna dan admin menggunakan aplikasi. Dapat dilihat pada Gambar Design System, digambarkan memiliki 2 aktor yaitu pengguna dan admin.

         Pengguna tersebut meliputi dosen dan mahasiswa yang memiliki akses untuk membaca buku-buku digital yang tersimpan di database, dengan mudah melalui web application. Sedangkan Admin merupakan Pustakawan yang bertugas untuk mengelola akun pengguna dan mengelola buku pada aplikasi, yang nantinya bisa terhubung langsung dengan database melalui application server untuk mengelola buku dan akun yang telah tersimpan di database. Database yang digunakan nantinya akan menggunakan MySQL dengan dikelola menggunakan bahasa pemprograman PHP.

Gambar Design System
Gambar Design System

Keterangan:

1)       Web Service, yaitu fasilitas untuk melakukan pencarian buku secara online yang langsung terhubung dengan database pada aplikasi digital library.

2)       Web Application, merupakan sebuah aplikasi yang digunakan untuk membantu pengguna dalam melakukan pencarian buku secara mudah hanya dengan melalui device mereka.

3)       Application server, adalah sebuah perangkat lunak yang menyediakan layanan berupa data, berfungsi untuk menerima request dari pengguna.

4)       Database, merupakan sebuah kumpulan data yang tersimpan secara sistematis yang nantinya akan diakses sesuai dengan permintaan user atau admin terhadap suatu informasi secara cepat dan akurat.

Penutup

         Selama proses pembangunan aplikasi, berbagai tantangan berhasil diselesaikan mulai dari proses analisa kebutuhan pengguna, perancangan User Experience (UX), implementasi sistem, hingga pengujian aplikasi. Project ini menjadi pengalaman pertama dalam membangun aplikasi berbasis website secara end-to-end, sehingga memberikan pemahaman yang lebih mendalam mengenai proses pengembangan perangkat lunak menggunakan metode Waterfall serta penerapan teknologi HTML, Bootstrap, PHP, dan MySQL dalam menghasilkan aplikasi yang siap digunakan. Source code dan dokumentasi pengembangan aplikasi dapat dilihat melalui repository GitHub yang tersedia pada bagian berikut sebagai referensi implementasi project ini.
Source Code Akses:  https://github.com/ashofyan/digital-library

Copyright 2025 by FynWorks