MyNote: Multiplatform Reactive Integration System with The Clean Architecture Development Concept

  • Arrijal Amar Ma'ruf Department of Informatics Engineering, Faculty of Communications and Informatics, University of Muhammadiyah Surakarta
  • Dedi Gunawan Department of Informatics Engineering, Faculty of Communications and Informatics, University of Muhammadiyah Surakarta
DOI: https://doi.org/10.33019/jurnalecotipe.v10i2.4327

Abstract

The application needs in the current digital era are very broad and varied. In its development, these applications undergo a transformation, thus demanding application developers to create applications that suit their devices. This study applies the concept of the reactive paradigm which is implemented into a multiplatform application system and the concept of clean architecture in the process of creating a simple note management application "MyNote". The concept of reactive programming uses Spring WebFlux on the backend and React.js with RxJs on the frontend. The multiplatform concept on Android is implemented in Webview. Performance analysis is conducted using the load test, and stress test. This research aims to provide information on how to implement the concept of multiplatform applications and reactive programming with the clean architecture development method for the MyNote application. In addition, it also can be used as a consideration in implementing this concept stack in production-ready products. This study succeeded in making the MyNote application using a combination of clean architecture, multiplatform, and reactive programming concepts with a percentage of 93,75% application of the concept, and 80% application development.

Keywords: Clean Architecture, Multiplatform, React, Reactive Programming, WebFlux

Downloads

Download data is not yet available.

References

[1] R. Choirudin and A. Adil, Implementasi Rest Api Web Service dalam Membangun Aplikasi Multiplatform untuk Usaha Jasa, MATRIK? : Jurnal Manajemen, Teknik Informatika dan Rekayasa Komputer, vol. 18, no. 2, pp. 284 - 293, May 2019, doi: 10.30812/matrik.v18i2.407.

[2] Clean Coder Blog. https://blog.cleancoder.com/uncle-bob/2012/08/13/the-clean-architecture.html (Accessed Aug. 04, 2023).

[3] D. Sanchez, A. E. Rojas, and H. Florez, Towards a clean architecture for android apps using model transformations, IAENG International Journal of Computer Science, vol. 49, no. 1, pp. 270–278, 2022.

[4] E. Bainomugisha, A. L. Carreton, T. van Cutsem, S. Mostinckx, and W. de Meuter, A survey on reactive programming, ACM Computing Surveys (CSUR), vol. 45, no. 4, pp. 1–34, 2013.

[5] T. John, Hands-On Spring Security 5 for Reactive Applications: Learn effective ways to secure your applications with Spring and Spring WebFlux. Packt Publishing Ltd, 2018.

[6] M. Bernhardt, Reactive Web Applications: Covers Play, Akka, and Reactive Streams. Simon and Schuster, 2016.

[7] https://www.reactive-streams.org (Accessed Aug. 04, 2023).

[8] D. Syme, T. Petricek, and D. Lomov, The F# Asynchronous Programming Model, in Practical Aspects of Declarative Languages, Berlin, Heidelberg: Springer Berlin Heidelberg, 2011, pp. 175 - 189. Accessed: Aug. 04, 2023. [Online]. Available: http://dx.doi.org/10.1007/978-3-642-18378-2_15.

[9] D. A. Hume, Progressive Web Apps. Manning, 2017.

[10] M. A. El-Zawawy, E. Losiouk, and M. Conti, Vulnerabilities in Android webview objects: Still not the end!,”Computers & Security, vol. 109, p. 102395, Oct. 2021, doi: 10.1016/j.cose.2021.102395.

[11] A. B. Bhavani, Cross-site Scripting Attacks on Android WebView, arXiv.org, Apr. 28, 2013. https://arxiv.org/abs/1304.7451.

[12] A. Rakhmadi and E. Listiyanto, PERANCANGAN LIBRARYUMS?CMS MENGGUNAKAN CODEIGNITER, Jan. 01, 2010. http://hdl.handle.net/11617/2104.

[13] S. Blackheath, Functional Reactive Programming. Simon and Schuster, 2016.

[14] Kexugit, Introduction to Model/View/ViewModel pattern for building WPF apps, Microsoft Learn. https://blogs.msdn.microsoft.com/johngossman/2005/10/08/introduction-to-modelviewviewmodel-pattern-for-building-wpf-apps/ (accessed Aug. 04, 2023).

[15] P. Saint-Andre, RFC 6202: Known Issues and Best Practices for the Use of Long Polling and Streaming in Bidirectional HTTP, IETF Datatracker, Apr. 05, 2011. https://datatracker.ietf.org/doc/html/rfc6202 (Accessed Aug. 04, 2023).

[16] T. Berglund and M. McCullough, Building and Testing with Gradle. O’Reilly Media, Inc., 2011.
Published
2023-10-11
How to Cite
[1]
A. Ma’ruf and D. Gunawan, “MyNote: Multiplatform Reactive Integration System with The Clean Architecture Development Concept”, JurnalEcotipe, vol. 10, no. 2, pp. 191-199, Oct. 2023.
Issue
Vol 10 No 2 (2023): Jurnal Ecotipe, October 2023
Section
Articles

Copyright (c) 2023 Jurnal Ecotipe (Electronic, Control, Telecommunication, Information, and Power Engineering)

Creative Commons License

This work is licensed under a Creative Commons Attribution 4.0 International License.

Copyright in each article is the property of the author.

  1. The author acknowledges that the Jurnal Ecotipe (Electronic, Control, Telecommunication, Information, and Power Engineering) has the right to publish for the first time with a Creative Commons Attribution 4.0 International License.
  2. The author can enter the writing separately, regulate the non-exculsive distribution of manuscripts that have been published in this journal into other versions (for example: sent to the author's institution respository, publication into books, etc.), by acknowledging that the manuscript was first published in the Jurnal Ecotipe (Electronic, Control, Telecommunication, Information, and Power Engineering);

 

 

Abstract viewed = 223 times
PDF downloaded = 95 times