Pengembangan Single Page Application Berbasis Reactjs Untuk Usaha Percetakan Online (Studi Kasus: Global Grafika)
Kata Kunci:
percetakan online, ReactJS, Single Page Application, Global GrafikaAbstrak
Percetakan merupakan bisnis yang telah lama eksis dan tetap relevan dalam kehidupan sehari-hari, meskipun mengalami perubahan signifikan dengan hadirnya teknologi digital. Usaha percetakan kini memanfaatkan internet untuk memperluas pasar, memungkinkan pelanggan untuk memesan produk secara online dengan lebih praktis dan cepat. Namun, banyak website percetakan yang masih sulit diakses dan kurang user-friendly, menimbulkan frustrasi bagi pengguna dan mempengaruhi kepercayaan mereka terhadap layanan percetakan. Global Grafika, sebuah usaha percetakan di Depok, Jawa Barat, berupaya bertransformasi dari bisnis percetakan tradisional menjadi modern dengan mengembangkan aplikasi pemesanan online berbasis web. Skripsi ini bertujuan untuk merancang dan mengembangkan Single Page Application (SPA) berbasis ReactJS untuk usaha percetakan online Global Grafika. ReactJS dipilih karena kemampuannya dalam membangun antarmuka pengguna yang interaktif, responsif, dan cepat, serta mempercepat proses pengembangan melalui penggunaan komponen reusable. Pengembangan aplikasi ini Pada tahap implementasi penelitian ini dilakukan dengan menggunakan ReactJS dengan bantuan pustaka ChakraUI untuk tampilan antarmuka, React Router untuk melakukan pengarahan ke berbagai halaman di website, Express.js untuk pemrosesan data seperti Create, Read, Update, Delete, MongoDB untuk pengelolaan dan server basis data, Google Cloud Storage untuk menyimpan unggahan file, dan teknologi JWT (JSON Web Token) untuk melakukan otorisasi dan otentikasi pengguna. Aplikasi percetakan online ini dirancang untuk memberikan pengalaman pengguna yang lebih baik dibandingkan metode yang sudah ada. Dengan SPA, seluruh konten aplikasi dimuat satu kali dan data diperbarui tanpa memuat ulang seluruh halaman, memberikan pengalaman yang lebih seamless dan cepat. Hasil dari pengembangan aplikasi ini diharapkan dapat membantu Global Grafika dalam meningkatkan pangsa pasar dan memberikan pengalaman pemesanan produk percetakan yang lebih baik bagi pengguna. Selain itu, penelitian ini juga diharapkan dapat memberikan kontribusi dalam pengembangan bisnis Global Grafika dengan membangun aplikasi web yang responsif dan interaktif.
Kata kunci: percetakan online, ReactJS, Single Page Application, Global Grafika.
Referensi
Ardiansyah, M. I. (2016). PENGUJIAN USABILITY USER INTERFACE DAN USER EXPERIENCE APLIKASI E-READER SKRIPSI BERBASIS HYPERTEXT. Jurnal Ilmu Teknologi Informasi Terapan vol. II.
Chiew, T. K., & Salim, S. S. (2003). WEBUSE: WEBSITE USABILITY EVALUATION TOOL. Malaysian Journal of Computer Science, Vol. 16 No. 1, 47-57.
Google Inc. (2021). Get Started. Retrieved from Material Design: https://m3.material.io/get-started
Handiwidjojo, W., & Ernawati, L. (2016). Pengukuran Tingkat Ketergunaan (Usability) Sistem Informasi Keuangan Studi Kasus : Duta Wacana Internal Transaction (Duwit). Juisi J. Inform. dan Sist. Inf.
Mifsud, J. (2015). Usability Metrics – A Guide To Quantify The Usability Of Any System. Retrieved from UsabilityGeek: https://usabilitygeek.com/usability-metrics-a-guide-to-quantify-system-usability/
Nielsen, J. (1994). Heuristic evaluation. Usability Inspection Methods.
Nielsen, J. (2000, Maret 18). Why You Only Need to Test with 5 Users. Retrieved from Norman Nielsen Website: https://www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/
Salamah, I. (2019). EVALUASI USABILITY WEBSITE POLSRI DENGAN MENGGUNAKAN SYSTEM USABILITY SCALE. Retrieved from www.polsri.ac.id.
Sergeev. (2010). Effectiveness. Retrieved from UI Designer: http://ui-designer.net/usability/effectiveness.htm
Sudiono, A. (2005). Pengantar Evaluasi Pendidikan. PT. Grafindo Persada.
Supriyatna, A. (2018). Penerapan Usability Testing Untuk Pengukuran. J. Ilmu Teknologi Informasi dan Sains Vol.8.
Ardiansyah, M. I. (2016). PENGUJIAN USABILITY USER INTERFACE DAN USER EXPERIENCE APLIKASI E-READER SKRIPSI BERBASIS HYPERTEXT. Jurnal Ilmu Teknologi Informasi Terapan vol. II.
Chiew, T. K., & Salim, S. S. (2003). WEBUSE: WEBSITE USABILITY EVALUATION TOOL. Malaysian Journal of Computer Science, Vol. 16 No. 1, 47-57.
Google Inc. (2021). Get Started. Retrieved from Material Design: https://m3.material.io/get-started
Handiwidjojo, W., & Ernawati, L. (2016). Pengukuran Tingkat Ketergunaan (Usability) Sistem Informasi Keuangan Studi Kasus : Duta Wacana Internal Transaction (Duwit). Juisi J. Inform. dan Sist. Inf.
Mifsud, J. (2015). Usability Metrics – A Guide To Quantify The Usability Of Any System. Retrieved from UsabilityGeek: https://usabilitygeek.com/usability-metrics-a-guide-to-quantify-system-usability/
Nielsen, J. (1994). Heuristic evaluation. Usability Inspection Methods.
Nielsen, J. (2000, Maret 18). Why You Only Need to Test with 5 Users. Retrieved from Norman Nielsen Website: https://www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/
Salamah, I. (2019). EVALUASI USABILITY WEBSITE POLSRI DENGAN MENGGUNAKAN SYSTEM USABILITY SCALE. Retrieved from www.polsri.ac.id.
Sergeev. (2010). Effectiveness. Retrieved from UI Designer: http://ui-designer.net/usability/effectiveness.htm
Sudiono, A. (2005). Pengantar Evaluasi Pendidikan. PT. Grafindo Persada.
Supriyatna, A. (2018). Penerapan Usability Testing Untuk Pengukuran. J. Ilmu Teknologi Informasi dan Sains Vol.8.
Unduhan
Diterbitkan
Cara Mengutip
Terbitan
Bagian
Lisensi
Hak Cipta (c) 2024 Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
Artikel ini berlisensiCreative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.