Designing UI/UX Smart Mobile Healthcare for Early Skin Cancer Detection with The Integration of Convolutional Neural Network Model

Authors

  • Shafira Fatihatuzzakia MAN Insan Cendekia OKI
  • Cipto Kurniawan
  • Umi Nadifah

DOI:

https://doi.org/10.56988/chiprof.v4i3.101

Keywords:

CNN, Early Detection, Mobile Healthcare, Skin Cancer, UI/UX

Abstract

The rising number of skin cancer cases in recent decades and the limitations of early detection methods, such as costly and less accessible biopsies, highlight the need for an affordable, accessible solution. This study aims to design a smart mobile healthcare application integrating a Convolutional Neural Network (CNN) to detect skin cancer early through digital imaging. Using a dataset of 5,100 images categorized into melanoma, non-melanoma, and normal skin, the CNN model based on VGG16 architecture was trained and evaluated using accuracy, precision, recall, and F1-score. The model achieved 93.14% testing accuracy, 86.93% average training accuracy, and the F1-score 0.89. The UI/UX design follows the design thinking approach, emphasizing a user-friendly, fast, and interactive interface. Core features include user login, skin image scanning, classification results, and AI-based consultation. The application is intended to serve as an effective, accessible tool for early skin cancer detection, supporting timely clinical diagnosis for all users.

Downloads

Download data is not yet available.

References

M. Boukovala, B. Westphalen and V. Probst, "Liquid biopsy to clinic: Current evidence and future perspectives," ScienceDirect, p. Volume 4, 2024.

N. I. Assaufa and M. Arifin, "UI/UX Design of the "BISA" Application," dinamika.ac.id, p. 3, 2023.

N. R. Wiwesa, "User Interface and User Experience to Manage Customer Satisfaction," scholarhub.ui.ac.id, p. 4, 2021.

Oreolorun, "Padding In Convolutional Neural Networks," digitalocean.com, ., 2024.

A. Reyhan, and R. Davito "Implementation of Convolutional Neural Network (CNN) to Detect the Use of Masks in Images," JITET, p. 3, 2023.

Melinda, "Designing Mobile-Based Application UI/UX to Limit Children's Activities in Using Smartphones," repository.ar-raniry.ac.id, p. 16, 2023.

Binus University, "User Experience (UX): Definition, Benefits, and How to Apply," binus.ac.id, Bandung, 2023.

S. Andri, L. Geovanny, and A. Novita, "Making UI/UX Design with Prototyping Method in the Bale Bandung District Court Service Application Using Figma," journal.nurulfikri.ac.id, p. 3, 2024.

S. Srinivasan, D. Francis, S. K. Mathivanan , H. Rajadurai, B. D. Shivahare and M. A. Shah, " A hybrid deep CNN model for brain tumor image multi-classification," Springer, p. 1, 2024.

R. Yakkundimath, V. Jardhav and B. Anami, "Automated classification of cervical cells using integrated VGG-16 CNN model," inderscienceonline.com, pp. 1-2, 2024.

Aditya, "What is Epoch in Machine Learning?," simplilearn.com, California, 2025.

A. K. Nadhif, D. Taufiq, F. Hussein and I. S. Widiati, "UI/UX Design of Sales Applications," journal.amikomsolo.ac.id, p. 2, 2021.

A. K. Lin, "The AI Revolution in Financial Services: Emerging Methods for Fraud Detection and Prevention," ejournal.pancawidya.or.id, pp. 3-4, 2024.

M. Zidhan, F. Okmayura, H. U. Anjani, N. F. Achmad and F. Wilyani, "UI/UX Design In Online Vegetable Application (SAMARON) Using the Design Thinking Method," journal.ppmi, p. 4, 2024.

D. Syahbaniar, A. G. Agustin, I. Wulandari, I. Zulfa and M. A. Pratiwi, "UI/UX Design of Website-Based Electronic Medical Records in Midwife Independent Practices," International Journal Of Medical Information and Knowledge Insights, pp. 1-2, 2025.

M. Ainun, “Image classification using convolutional neural network with Android-based Inception V4 architecture on the flower recognition dataset,” repository.unhas, 24-32, 2020.

Ajrana, “Design and Build a Mobile Application for Skin Cancer Classification,” Respiratory.unhas, 17-30, 2022.

Andini, “18,000 Cases of Skin Cancer Occur in the Country, Here's a List of Indonesia's Most Favorite Sunscreens,” Jakarta: GoodStats, 2024.

E. Rawling, “The influence of climate change on skin cancer incidence – A review of the evidence,” ScienceDirect, 2-8, 2021.

F. Dartiko, R. Jorgi, R. Epana, W.Syahputra, and W. Oktoeberza, “CNN-Based Skin Cancer Classification with Hybrid Preprocessing Method,” journal.umy, 1-2, 2024.

Leli Zeng, B. H. Jaswanth Gowda, Mohammed Gulzar Ahmed, Mohammed A. S. Abourehab, Zhe-Sheng Chen, Changhua Zhang, Jia Li & Prashant Kesharwani, “Advancements in nanoparticle-based treatment approaches for skin cancer therapy,” molecular-cancer.biomedcentral, 2023.

M. Dwiki, “Social Proximity Between Auditors and Clients on Audit Quality with Gender Auditors as a Moderation Variable,” repository.unair.ac.id, 17, 2020.

M. Mathew, “Nuclear energy: A pathway towards mitigation of global warming,” ScienceDirect, 1, 2022.

M. Syahrul, “Improvement and Improvement of Image Quality Using CNN,” informatika.stei.itb, 2-3, 2023.

Moumtzoglou, and Anastasius, “Mobile Health Applications for Quality Healthcare Delivery,” USA: IGI Global, 2019.

N. Hasan, A. Nadaf, M. Imran, U. Jiba, A. Sheikh, W.H. Almalki, S.S. Almujri, Y.H. Mohammed, P. Kesharwani, and F.J. Ahmad, “Skin cancer: understanding the journey of transformation from conventional to advanced treatment approaches,” Springer, 168, 2023.

S. Ahmad, and S.A, “Ozone Layer Depletion and Emerging Public Health Concerns - An Update on Epidemiological Perspective of the Ambivalent Effects of Ultraviolet Radiation Exposure,” Frontz.Oncol, 2-4, 2022.

Supiyandi, W. E. Judistira, S. Nurliani, R. S. Darmono and I. Putri, "Application of Deep Learning in Dental Image Analysis," JUPENDIS, vol. 2, no. 4, pp. 117-128, 2024.

R. Yohannes and M. E. Al Rivan, "Classification of Skin Cancer Types," jurnal.mdp, vol. 2, no. 2, pp. 133-144, 2022.

R. R. Saputro, A. Junaidi and W. A. Saputra, "Classification of Skin Cancer Disease Using Convolutional Neural Network Method (Case Study: Melanoma)," journal.ittelkom, vol. 2, no. 1, pp. 2-4, 2022.

T. Watson, M. Tong, J. Bailie, K. Ekanayake and R. Bailie, "Relationship between climate change and skin cancer and implications for prevention and management: a scoping review," ScienceDirect, vol. 227, no. 3, pp. 243-249, 2024.

R. Y. Damanhuri, M. G. Widiastuti and P. S. Rahajoe, "Misdiagnosis in fine needle aspiration examination," Clinical Dental Journal, vol. 3, no. 1, pp. 2-4, 2017.

N. Hasan, A. Nadaf, M. Imran, U. Jiba, A. Sheikh, W. Almalki, S. S. Almujri, Y. H. Mohammed, P. Kesharwani and F. J. Ahmad, "Skin cancer: understanding the journey of transformation from conventional to advanced treatment approaches," Springer, vol. 1, no. 22, p. 168, 2023.

P. W. Barnes, C. Williamson, R. Lucas, S. Robinson and S. Madronich, "Ozone Depletion, Ultraviolet Radiation, Climate Change and Prospect for a Sustainable Future," nature, vol. 2, no. 7, pp. 569-579, 2019.

M. D. Darojat, Y. A. Sari and R. C. Wihandika, "Convolutional Neural Network for Indonesian Food Image Classification," j-ptiik, vol. 5, no. 11, pp. 3-5, 2021.

Downloads

Published

2025-06-30

How to Cite

Fatihatuzzakia, S., Kurniawan, C., & Nadifah, U. (2025). Designing UI/UX Smart Mobile Healthcare for Early Skin Cancer Detection with The Integration of Convolutional Neural Network Model. International Journal Scientific and Professional, 4(3), 658–666. https://doi.org/10.56988/chiprof.v4i3.101