Cross-platform framework is becoming more and more popular. Many giant tech companies have their own offering with different programming languages. With so many choices, sometimes it is difficult for ...a start-up developer to choose which framework will they use for their project. Therefore, this research aims to give insight for start-up developers on which cross-platform framework is better between Flutter and React Native by comparing their performance. This research achieved its goal by creating two identical mobile applications using Flutter and React Native and then comparing their performance using a theoretical framework that measures load time, average frame rate, and memory usage. The result of this testing is that Flutter has a shorter load time at 1.69 second compared to React Native at 4.26 second and lower memory usage at 6.52MB compared to React Native at 27.6MB. Their average frame rate is very comparable hovering around 60 frames per second. With faster load time and lower memory usage Flutter has better performance wise compared to React Native.
Cross-platform mobile app development frame-works allow developers to use a single codebase to develop apps targeting different platforms. As these frame-works provide distinct features and may ...impact the apps' quality, their selection must be done with care. Although many works evaluated mobile frame-works, there is no synthesis on these studies. In this paper, we present a Systematic Literature Review (SLR) on approaches that evaluated cross- platform frame-works. Our SLR covers 75 papers and provides insights on 1) the most studied frame-works, 2) the criteria used for evaluation, 3) the evaluation methods used and 4) the results of these evaluations. The SLR shows that prior works generally used a prototype app to evaluate the frame-works but none explored the impact of the frame-works on the app's code quality. Thus, we carried out a preliminary empirical study on 3,566 mobile apps to evaluate the impact of mobile frame-works on the number of bugs and code smells in apps. The results of the study on native Android and React Native indicate that the latter has fewer code smells than native Android apps. Native Android apps generally had worse quality considering the number of bugs and code smells.
React Native is a widely-used open-source frame-work that facilitates the development of cross-platform mobile apps. The framework enables JavaScript code to interact with native-side code, such as ...Objective-C/Swift for iOS and Java/Kotlin for Android, via a communication mechanism provided by React Native. However, previous research and tools have overlooked this mechanism, resulting in incomplete analysis of React Native app code. To address this limitation, we have developed REUNIFY, a prototype tool that integrates the JavaScript and native-side code of React Native apps into an intermediate language that can be processed by the Soot static analysis framework. By doing so, REUNIFY enables the generation of a comprehensive model of the app's behavior. Our evaluation indicates that, by leveraging REUNIFY, the Soot-based framework can improve its coverage of static analysis for the 1,007 most popular React Native Android apps, augmenting the number of lines of Jimple code by 70%. Additionally, we observed an average increase of 84% in new nodes reached in the callgraph for these apps, after integrating REUNIFY. When REUNIFY is used for taint flow analysis, an average of two additional privacy leaks were identified. Overall, our results demonstrate that REUNIFY significantly enhances the Soot-based framework's capability to analyze React Native Android apps.
Nowadays, phishing is a major problem on a global scale. Everyone must use the internet in today’s society in order to cope up in the real world. As a result, internet crime like phishing has become ...a serious issue throughout the world. This type of crime can be committed by anyone; all they need is a computer. Additionally, hacking may now be learned quickly by anyone with programming and mathematical skills. The adoption of various techniques by anti-phishing toolbars, such as machine learning, may enable users to quickly identify a fake website. As a result, researchers are now particularly interested in the problem of detecting fraudulent websites. Machine learning techniques have been offered throughout the entire process to more precisely identify fraudulent websites. To find the best accurate outcome, classification with random parameter tuning and ensemble based approaches are utilized. A user-friendly interface has also been suggested to make the system more accessible to the public.
This paper summarizes the ongoing process of designing a wearable system that augments the learning environment by modeling learning content as competences, by providing feedback on how the user is ...acquiring these competences, and by enhancing the environment by Gamification elements. We evaluate the impact of the Interactive Learning Environment (ILE) in a preliminary user study. The application of design patterns facilitates the integration of any learning content, question types, or learning strategies. Extensions can be done at any time, without affecting the functionality of the existing application. An agile approach to platform selection (from Ionic to React Native) guarantees good technical results despite many uncertainties and difficulties encountered.
Implementasi sistem presensi karyawan berbasis GPS yang terintegrasi pada PT Arkadia Digital Media Tbk, dengan menggunakan algoritma Haversine untuk menghitung jarak antara lokasi karyawan dengan ...lokasi kantor yang telah ditentukan sebagai batas maksimal presensi. Dengan adanya sistem presensi berbasis GPS ini, diharapkan PT Arkadia Digital Media Tbk dapat memantau kehadiran karyawan secara lebih akurat dan efektif. Hasil dari penelitian ini diharapkan dapat memberikan manfaat yang signifikan bagi PT Arkadia Digital Media Tbk dalam memantau kehadiran karyawan dengan lebih akurat dan efektif. Selain itu, penelitian ini juga dapat memberikan kontribusi terhadap pengembangan dan penerapan teknologi presensi berbasis GPS dalam lingkungan perusahaan lainnya.
This workshop aims to share the experiences of using a cloud-based development environment for teaching a cross-platform mobile app requiring full-stack technologies. This approach brings several ...benefits to instructors and students: 1) Instructors can be free from trouble shootings in their students' local desktop-based development environments. 2) Students can focus on the main concepts and skills of the course rather than the environment. Cloud-based development environments can be accessed from any device with an internet connection. It provides flexibility and convenience for the student. 3) Instructors can save their grading time by accessing the cloud-based development environment of each student. Furthermore, 4) students are exposed to the power of cloud computing with built-in version control systems.
The main aim of this research work is to ease the challenges faced by roadside communities by implementing a resource-sharing program. This study focuses on distributing vital necessities such as ...food, clothing, and household items. Recognizing the urgency of addressing issues like hunger and potential health risks, this study emphasizes the collaborative efforts and community engagement. By providing essential resources, this study aims to positively impact the well-being of those in need, fostering a sense of support and solidarity within the community, while also addressing immediate concerns such as food scarcity and the risk of diseases due to inadequate living conditions. The mobile application developed on the advanced React Native and Firebase Authentication, serves as a powerful tool for fostering community empowerment and social progress. Beyond its role in resource exchange, the application facilitates targeted outreach programs and educational campaigns to empower individuals with skills and knowledge for sustained improvement in their quality of life. By fostering self-sufficiency and community resilience, our initiative strives to create lasting positive change, transforming the application into a dynamic hub for community interaction and collaboration, connecting individuals with shared goals and building stronger, more resilient communities. Incorporating cutting-edge technologies, our initiative leverages "React Native" to ensure a "cross-platform", responsive mobile application, promoting accessibility for a broader user base. Firebase, a scalable cloud platform, facilitates "real-time data synchronization", enhancing the application's reliability and responsiveness. The "Tailwind CSS" further enhances the user interface by providing a utility-first approach for streamlined and customizable styling. These technologies synergize to create a robust, user-friendly, and visually appealing application that empowers communities, fostering a sustainable impact on the well-being of individuals in need.
As the use of smartphones increases, the use of mobile applications also increases. Similarly, the importance of preventing and managing chronic diseases has increased as life expectancy has ...increased. As a result, medical records that are generated in hospitals, and the life logs that occur in daily life become more important. Life logs are collected through various channels using sensors, and it is necessary to provide a service capable of effectively querying and collecting a large amount of collected personal health records (PHR). In this paper, we have designed a hybrid application that can show clients' PHR efficiently using GraphQL and React Native.
Mobile application development is currently seen as one of the most indispensable skills due to the recent boom in the population using smartphones and tablets. Due to the abundance and diversity of ...devices and platforms, developing applications for mobile devices is a complicated task involving multiple alternatives, technologies, and trade-offs. The development of applications in a cross-platform framework has become more prevalent in recent years. However, it is less clear which of the three major frame-works for android development, React Native, Flutter, and Kotlin is the most efficient in general comparisons.
In this work, we have analyzed empirically the performance of three mobile application frameworks: Flutter, React-Native and Kotlin. Three tic-tac-toe games are designed using Flutter, React-Native and Kotlin, and their performance is compared on the basis of various parameters such as CPU usage, Memory usage, packages and their installations to understand the advantages and disadvantages of cross-platform and native mobile development. Our work also aims to assist developers in determining which framework is most suited to their requirements by comparing them in areas such as environment, development languages and ease of use. The results have indicated that Kotlin has a slight advantage over the two cross-platform technologies, Flutter and React Native. Memory usage of React-Native and Flutter were approximately 13.3% and 1.6% more than Kotlin respectively. Similarly, the application sizes of React-Native and Flutter are 98.06MB and 93.32 MB respectively, with Kotlin coming in last at 11.06 MB. In future, further investigation of the topics covered in this work is required to ensure and enhance the findings.
