Claim Missing Document
Check
Articles

Level Up Your Front-End Skills with React JS Saptrian, Muhammad Daffa; Ramadhan, Muhammad Thoriq; Syauqi, Muhammad Haikal; Adharani, Yana; Mujiastuti, Rully; Ambo, Sitti Nurbaya
Society : Jurnal Pengabdian Masyarakat Vol. 4 No. 5 (2025): September
Publisher : Edumedia Solution

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.55824/jpm.v4i5.659

Abstract

A limited understanding of Front End Web Development remains a significant obstacle for many students and the general public, particularly in mastering modern frameworks like ReactJS. To address this issue, the community service team from the Informatics Engineering Study Program at the University of Muhammadiyah Jakarta organized a webinar and workshop titled “Level Up Your Front-End Skills With React JS” as part of their community service initiative. This activity combines an online approach to delivering material with hands-on practice to provide participants with a comprehensive understanding. The training material covers basic web development concepts, React JS component structure, state management, and implementing a simple mind mapping application. The effectiveness of the activity was evaluated through pre-tests, post-tests, and participant feedback surveys. The evaluation results showed a significant improvement in participants' understanding, with an average pre-test score of 79.5% increasing to 89.7% on the post-test. Additionally, feedback indicated positive responses to the quality of material delivery and the relevance of the content. This activity successfully expanded access to Front-End Web Development technology learning and contributed to developing digital talent adaptable to current industry needs.
Stand Out Online Portofolio Design with Flowbite for Beginers Dzakiyuddin Rohman, Hilmi; Qaedi Setiawan, Muhammad Thirafi; Ginawan, Najla Maharani Dewi Tiawa; Nurbaya Ambo, Sitti; Jumail, Jumail; Adharani, Yana
Society : Jurnal Pengabdian Masyarakat Vol. 4 No. 5 (2025): September
Publisher : Edumedia Solution

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.55824/jpm.v4i5.684

Abstract

This community engagement project aimed to enhance digital literacy by providing practical training on building online portfolios using Flowbite and Tailwind CSS. The initiative targeted students and beginners who lacked prior experience in creating web-based portfolios. Through a combination of webinars and hands-on workshops, participants were introduced to the fundamentals of portfolio design, User-Centered Design (UCD) principles, and modern UI development using Flowbite components. The project implemented a project-based learning approach to ensure both theoretical understanding and technical skills acquisition. The event was held virtually on July 14, 2025, and attended by 33 participants, with 21 actively engaged during the session. A pre-test and post-test were administered to evaluate learning outcomes. The results showed a significant improvement in participants' understanding, with the average score increasing from 73.5 to 87. Additionally, 95% of participants expressed satisfaction with the training format and content. The program successfully equipped participants with the necessary knowledge and skills to develop responsive and aesthetically pleasing online portfolios, contributing to their personal branding efforts in the digital era.
Webinar dan Workshop : From Zero to Hero with KNIME: Introduction to Machine Learning Workflows & Storytelling with Data Using Looker Studio Pratama, Renaldi; Ramadhan, Atthilla Sulthan; Putri, Khansa Aqilla; Nugraha, Wahyu; Fahmi, Sonny; Meilina, Poppy; Jumail, Jumail; Adharani, Yana; Ambo, Siti Nurbaya; Mujiastuti, Rully
Jurnal Pendidikan Tambusai Vol. 8 No. 2 (2024)
Publisher : LPPM Universitas Pahlawan Tuanku Tambusai, Riau, Indonesia

Show Abstract | Download Original | Original Source | Check in Google Scholar

Abstract

Perkembangan analisis data dan kecerdasan buatan membuka peluang baru dalam pengolahan informasi dan pengambilan keputusan berbasis data. Namun, kompleksitas teknologi ini menimbulkan tantangan bagi banyak profesional dan mahasiswa dalam menguasainya. Untuk mengatasi hal tersebut, kami mengadakan webinar dan workshop berjudul "From Zero to Hero with KNIME: Introduction to Machine Learning Workflows & Storytelling with Data Using Looker Studio". Kegiatan ini dilaksanakan dengan metode pemaparan materi melalui Webinar dan dilanjutkan dengan Workshop praktis. Evaluasi kepuasan peserta dilakukan melalui kuisioner yang menunjukkan respon positif terhadap pemateri dan materi yang disampaikan. Hasil menunjukkan bahwa kegiatan berjalan sukses, dibuktikan dengan partisipasi dari 40 peserta dari berbagai latar belakang. Peserta mengisi Post-Test yang menunjukkan pemahaman yang baik terhadap materi, dengan rata-rata skor 85%. Feedback yang didapatkan dari peserta menunjukkan 61,5% merasa puas dan 38.5% merasa sangat puas dengan kegiatan ini. Kombinasi ML, KNIME, dan Google Looker Studio terbukti menawarkan pendekatan yang efektif untuk menganalisis data kompleks dan menyajikannya secara mudah dipahami.
Step Into a New Dimension of the Android App Development World for Beginners Azima, Fauzan; Memanda, Freddy; Habibie, Muhammad Fadhil; Qardhawi, Nadif Yusuf; Gimnastiar, Nazar; Mujiastuti, Rully; Sutrisno, Mirza; Meilina, Popy; Nurbaya Ambo, Sitti; Adharani, Yana
Society : Jurnal Pengabdian Masyarakat Vol. 4 No. 2 (2025): Maret
Publisher : Edumedia Solution

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.55824/jpm.v4i2.526

Abstract

Technological developments in the field of mobile applications have opened up many opportunities in various sectors. However, beginners often face obstacles due to a lack of basic knowledge about Android app development, so it is important for them to get a comprehensive and easy-to-understand education. In this context, the author and team organised an event titled “Step Into A New Dimension Of The Android App Development World For Beginners” with the aim of introducing the basics of Android app development to beginners with a structured approach. The programme was implemented through Webinars and Workshops, which included exposure to basic concepts to hands-on practice in creating simple applications. The evaluation results showed a positive response from 62 participants who came from various backgrounds, with 68% expressing satisfaction and 32% very satisfied with the implementation of this activity. In addition, the Pre-Test and Post-Test results showed an increase in participants' understanding of Android application development. This activity succeeded in providing a strong foundation for beginners to enter the world of Android application development.
Utilization of Machine Learning for Property Price Segmentation and Prediction Andriansyah, Akbar; Dzulkarnain, Mulki Djenfik; Afkarinah, Afni Izzah; Amili, Fadel; Ramadhika, Gilang; rosanti, Nurvelly; Ambo, Siti Nurbaya; Andharani, Yana; Sutrisno, Mirza
Society : Jurnal Pengabdian Masyarakat Vol. 4 No. 2 (2025): Maret
Publisher : Edumedia Solution

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.55824/jpm.v4i2.537

Abstract

Advances in digital technology have encouraged the utilization of artificial intelligence, especially machine learning, in various sectors, including property price analysis. However, there are still many people who do not understand the basic concepts of this technology, so structured and applicable education is needed. To answer this challenge, an activity entitled “Utilization of Machine Learning for Property Price Segmentation and Prediction” was held which aimed to introduce and train participants in the application of machine learning to predict property prices. This activity consists of two main parts, namely webinars and workshops. The webinar focused on introducing the concepts of artificial intelligence, machine learning, and AI Project Cycle as the main method in analyzing house prices. Meanwhile, the workshop provided hands-on training to participants in building prediction models using Google Colab. This activity was carried out through a series of stages, starting from socialization, preparation of materials, pre-test to measure initial understanding, educational and practical sessions, to evaluation through post-test and filling in participant feedback. A total of 39 participants from various backgrounds participated in this activity. The evaluation showed that 38.7% of participants were satisfied, while 51.6% were very satisfied with the program. In addition, the post-test results showed a significant increase in understanding compared to the pre-test results. Based on these results, this activity proved to be successful in providing new insights into the application of machine learning in property price prediction and equipping participants with practical skills that can be applied in the real world.
Digital Transformation for MSMES: From Local to Global Priadi, Aryaguna Fadlurrahman; Alghifari, Abdul Hafizd; Fachrudin, Tedy; Amanullah, Muhammad Faiz; Mujiastuti, Rully; Sutrisno, Mirza; Meilina, Popy; Nurbaya Ambo, Sitti; Ardharani, Yana
Society : Jurnal Pengabdian Masyarakat Vol. 4 No. 2 (2025): Maret
Publisher : Edumedia Solution

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.55824/jpm.v4i2.542

Abstract

In the digital era, Micro, Small and Medium Enterprises (MSMEs) are required to adapt to technology to improve competitiveness in the global market. One effective strategy is the utilization of digital platforms for online product promotion. This webinar and workshop activity aims to provide MSME players with an understanding of the use of CapCut, Canva, and TikTok Shop as digital marketing tools. The webinar discussed the basic theory of digital marketing strategies, while the workshop provided hands-on practice in creating promotional content using the three platforms. Evaluation was conducted through pre-test and post-test to measure the improvement of participants' understanding. The results showed that 70% of participants experienced an increase in understanding, and 85% of participants were satisfied and very satisfied with the material presented. This activity proves that the utilization of digital technology can help MSMEs in increasing their visibility and market reach more broadly.
Educating on the Application of Tensorflow in Artificial Intelligence, Machine Learning and Deep Learning Santoso, Ilham Budi; Aji, Irfan Pandu; Franskusuma, Sutio; Putri, Khansa Aqila; Ardharani, Yana; Mujiastuti, Rully; Nurbaya Ambo, Sitti; Meilina, Popy; Rosanti, Nurvelly; Amri, Nurul
Society : Jurnal Pengabdian Masyarakat Vol. 4 No. 2 (2025): Maret
Publisher : Edumedia Solution

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.55824/jpm.v4i2.547

Abstract

In addition to bringing positive impacts, technological developments also provide new challenges in improving people's technological literacy, especially related to Artificial Intelligence (AI), Machine Learning (ML), and Deep Learning (DL). One of the main challenges is the low public understanding of these technologies, which are increasingly relevant in the era of digital transformation. On the other hand, Google developed a library with the name TensorFlow which is widely used for data processing in Artificial Intelligence, Machine Learning, and Deep Learning. Based on this, educational activities were carried out in the form of introducing and training the use of TensorFlow to the general public in the form of webinars and workshops with the theme ‘Introduction to TensorFlow for Artificial Intelligence, Machine Learning, and Deep Learning’. The activity was carried out in two stages, namely webinars for delivering basic material and workshops for hands-on practice. Based on evaluation through a Likert scale questionnaire, the majority of participants stated that they were very satisfied with the quality of the material, presenters, and implementation of activities. The post-test results also showed an increase in participants' understanding of the material, as evidenced by correct answers on topics such as TensorFlow functions, supervised learning, and neural networks. The participation of 52 participants from various institutions shows the success of this activity in achieving its goals.  
Chatbots Made Easy: A Practical Workshop on Generative AI Aullia, Mochammad Rizqi; Fadillah, Muhammad Daffa; Umam, Khoirul; Septiana, Dimas; Rahmawati Gunawan, Alfiana; Nurbaya Ambo, Sitti; Rosanti, Nurvelly; Ardhani, Yana; Jumail, Jumail
Society : Jurnal Pengabdian Masyarakat Vol. 4 No. 3 (2025): Mei
Publisher : Edumedia Solution

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.55824/jpm.v4i3.548

Abstract

Chatbots powered by Generative AI have become a rapidly evolving technological innovation, enabling users to interact with AI-based systems in a more natural way. However, the implementation of these chatbots still faces many challenges, especially for beginners who lack a deep technical background. This study aims to develop a more accessible and understandable approach for those new to Generative AI. Through webinars and workshops, participants were introduced to the fundamentals of language models, the use of tools such as Google Colab, as well as various challenges and opportunities in AI chatbot development. Some of the main obstacles encountered included complex materials, limited access to data and computational resources, and varying levels of understanding among participants. Nevertheless, these activities provided beginners with the opportunity to grasp the basics of Generative AI and even develop their own chatbots. With a more practical and inclusive approach, this study contributes to introducing Generative AI-based chatbot technology to a broader audience. Evaluation results showed positive feedback from 77 participants from diverse backgrounds, with 51.9% stating they were very satisfied, 37.7% satisfied, and 10.4% neutral. Additionally, Pre-Test and Post-Test results indicated an improvement in participants' understanding of building simple chatbots. This initiative successfully provided a strong foundation for beginners to enter the field of Artificial Intelligence, particularly Generative AI
Analisis Pemilihan Tenaga Kependidikan Terbaik Menggunakan Metode Weighted Product Ambo, Sitti Nurbaya; Mujiastuti, Rully; Susilowati, Emi
JISA(Jurnal Informatika dan Sains) Vol 2, No 2 (2019): JISA(Jurnal Informatika dan Sains)
Publisher : Universitas Trilogi

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.31326/jisa.v2i2.491

Abstract

Education Personnel (Tendik) in higher education have an important role because they are tasked with carrying out administration, management, development, supervision, and technical services to support the education process in the education unit. The Tendik staff consists of administrative staff, library staff and laboratory staff. The success of Tendik in carrying out his work load can be seen from the criteria of attendance, job responsibilities, cooperation, loyalty, archiving and service. Furthermore, to be able to evaluate, motivate, and to be able to do promotion of tendik, it is necessary to make an effort in the form of selection of the best tendik, which so far has not been done in the Faculty of Engineering, University of Muhammadiyah Jakarta (FT UMJ). Recommendations for the selection of the best tendons made in this study using the Weighted Product method based on criteria established by the Quality Assurance Unit of FT UMJ. The results showed that the best selection of tendons was obtained from t e largest vector values in V3, V7, V9, V15, and V16, so that alternatives A3, A7, A9, A15, and A16 were the alternatives chosen as the best Tendik in FT UMJ. These results can be a recommendation for the leadership of FT UMJ to provide appreciation and promotion of the best Tendik as well as to evaluate, motivate and provide training for unskilled Tendik.
Fast and Beautiful Web Development Using React and Tailwind Css Suhendar , Achmad; Razani , Muhammad Naufal; Sutowo , Muhammad Haidar Althaaf; Pratama , Nur Fauzta Putra; Darmawan , Zuhair Fakhriy Al Faarisi; Ambo , Sitti Nurbaya; Mujiastuti , Rully; Risanty , Rita Dewi; Sutrisno , Mirza
Dedication : Jurnal Pengabdian Masyarakat Vol 10 No 1 (2026)
Publisher : LPPM Universitas PGRI Argopuro Jember

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.31537/dedication.v10i1.3044

Abstract

The development of modern web technologies requires developers to build user interfaces that are interactive, responsive, and visually appealing in an efficient manner. However, beginner developers often encounter difficulties in managing code structure and interface design effectively. This webinar and workshop aimed to enhance participants’ understanding and skills in developing modern portfolio websites using React and Tailwind CSS. The activities were conducted online through webinar sessions and hands-on workshops (live coding), involving 26 participants. Evaluation was carried out using pre-tests and post-tests to measure learning improvement. The results indicated an increase in the average correct response rate from 77% in the pre-test to 91.6% in the post-test, representing a 14.6% improvement. In addition, participant feedback showed a high level of satisfaction, with 54.2% reporting being very satisfied and 33.3% satisfied. The output of this activity was a responsive portfolio website serving as the participants’ digital identity.
Co-Authors Abdillah , Athif Nur Abean, Mohammad Arief Abyan Shidqi, Muhammad Achmad Hasan Adharani, Yana Aditya Firmanto Adritara , Muhammad Zaid Parhan Affandi, Muhammad Choirul Afkarinah, Afni Izzah Aji, Irfan Pandu Akhdan, Nabil Alghifari, Abdul Hafizd Alifsyah Ramadhan, Rafi Novranza Amanullah, Muhammad Faiz Amili, Fadel Amri, Nurul Andharani, Yana Andri Kuspurnama Andriansyah, Akbar Anjani, Meisya Putri Anwar Ilmar Ramadhan Apriliano, Yova Rezky Aqil Nabila Musaffa Ardhani, Yana Ardharani, Yana Ardiansyah Dores Arista Putri, Syahda Astriana Baiti Sinaga Aullia, Mochammad Rizqi Bintang, Reihan Aditya Permata Cholis Arethusa, Muhammad Darmawan , Zuhair Fakhriy Al Faarisi Dena Rizki Rysmawan Dewinta, Ayu Madhu Diana Nur Haliza Dwi Duta Mahardewantoro Dzakiyuddin Rohman, Hilmi Dzulkarnain, Mulki Djenfik Elnur , Irsyadi Hanif Emi Susilowati Emi Susilowati erni rita Erwin Dermawan Ery Diniardi Fachrudin, Tedy Fadhlurokhman, Rafi Fadillah, Muhammad Daffa Fahmi, Sonny Faizzaki , Nurfaiq Fakhriza , Naufal Fauzan Azima Filayati, Muhammad Albi Akbar Franskusuma, Sutio Gimnastiar, Nazar Ginawan, Najla Maharani Dewi Tiawa Guritno, Deden Habibie, Muhammad Fadhil Hanifani , Fildzah Amalina Hasan, Nur Fatima Haykal Andana, Muhammad Hendra , Hendra Hesti Laila Mustika Hidayat, Ragil Ihsan, Awang Ikhsan Adi Prayogo Ikhsan Fitriansyah Ilyasa, Fahri Imanata, Acep Cakra Indri Titah Cahyani Ira Sri Kusuma Irawan, Doni Julia Safitri Jumail Jumail, Jumail Jumail, Jumail Khanafi , Muhammad Almustofa Khansa Aqilla Putri Khoirrosyid, Haida Khoirul Umam Koswara Koswara Lily Herlina Linda Sari Dewi M. Zulmi Wijiyanto Maulana, Fikri Naufal Maulana, Mirza Memanda, Freddy Meri Prasetyawati Mirza Sutrisno Mochamad Hariyanto Mochamad Teguh Triadi Mochammad Gendry Afriansyah Muhamad Ghufron Muhammad Adri Farqan Muhammad Arif Muhammad Fiqri Muhammad Izzudin Rosadi Muhammad Ni’am Syukri Muhammad Reza muhammad rizky, muhammad Muhammad Rizqi Raihan Firdaus Muhammad Taqi Wijdan Muhammad Zikri Mujiastuti , Rully Muyohadi Winoto Ningsih , Indri Surya Nurvelly Rosanti Nurvelly Rosanti, Nurvelly Pebriano Nurba, Putra Popy Meilina Prasetio, Iqlal Wira Pratama , Nur Fauzta Putra Pratama, Renaldi Priadhana Edi Kresnha Priadi, Aryaguna Fadlurrahman Putri, Khansa Aqila Putri, Khansa Aqilla Qaedi Setiawan, Muhammad Thirafi Qardhawi, Nadif Yusuf Rabiah Adawiyah Harahap Rahmat Fajrial Azim Rahmawati Gunawan, Alfiana Ramadhan, Atthilla Sulthan Ramadhan, Muhammad Thoriq Ramadhika, Gilang Razani , Muhammad Naufal Retnani Latifah Retnani Latifah Rifki Syarif Hidayat Rifqi Baihaqi Sabhan Rosanti , Nurvelly Rosanty, Nurvelly Rozy, Farhan Rufi'i Rully Mujiastuti Rully Mujiastuti Salma , Aiva Nabilla Sandhi Alfianda Ghifari Santoso, Ilham Budi Saptrian, Muhammad Daffa Saputra , Adji Setyawan Saputra, Audyka Saputra, Ugo Oktaviano Saputri, Octaviani Septiana, Dimas Sugiartowo Sugi Sugiartowo Sugiartowo Suhendar , Achmad Sulthan, Athilla Sutowo , Muhammad Haidar Althaaf Syafitri Indah Kurnia Syahrul Al Habib Syauqi, Muhammad Haikal Syuja Ardyansyach Taufik Hidayat Tio Alfian Zahri Virgi Al-Fiansah Virgi Al-Fiansah Wahyu Nugraha Yus Sosrowiguno Zahran, Fikry Muhammad Zein, Risa Azzahra