PENERAPAN CHATGPT DAN DRAW.IO UNTUK OTOMATISASI FLOWCHART MENGGUNAKAN MERMAID CODE
DOI:
https://doi.org/10.36761/hexagon.v6i1.5153Keywords:
Automation, flowchart, ChatGPT, Draw.io, business process.Abstract
This research examines the potential of automating flowchart creation by combining ChatGPT, an advanced language model, and Draw.io, an intuitive diagramming tool. The process begins with inputting a workflow description into ChatGPT, which generates Mermaid code to be converted into a visual flowchart in Draw.io. This approach was tested in discrete manufacturing systems courses, where students often struggle to design flowcharts for complex processes. The study is categorized as development research and involves needs analysis, system design, implementation, testing, and evaluation. Results indicate that this method significantly reduces the time and effort needed to create flowcharts, particularly for students without an IT background. Although manual adjustments are still required to meet certain standards, the offered automation provides a solid foundation for further development. The integration of ChatGPT and Draw.io has the potential to enhance understanding of complex systems across various fields, allowing students to focus on analysis and problem-solving rather than time-consuming diagram creation.
References
Cook, D. (2017). (Sacramento state university) Retrieved from http://flowgorithm.org/documentation/index.html
Mahendra, M. A. (2021). The Use of Draw Io As Digital Mind Map to Improve Students’ Creativity and Students’ Concept Mastery in Learning Human Influence on Ecosystem. Bandung: Program Studi International Program on Science Education (IPSE) Fakultas Pendidikan Matematika dan Ilmu Pengetahuan Alam Universitas Pendidikan Indonesia.
Mujiyono, Simarmata, M. K., Mustofa, Agus, M., Heriyanto, L., Siregar, M. T., & Lutfi. (2021). TRANSFORMASI INDUSTRI 4.0 MANUFAKTUR DISKRIT. Jakarta Selatan: Pusat Pengembangan Pendidikan Vokasi Industri Badan Pengembangan Sumber Daya Manusia Industri Kementerian Perindustrian Republik Indonesia.
Nishadha. (2024, Juni 5). (Creately) Retrieved from https://creately.com/blog/diagrams/uml-diagram-types-examples/
Rehwaldt , N. (2024, April 1). Retrieved from https://bpmn.io/blog/posts/2024-ebpmn
Sveidqvist, K. (2024). (mermaid-js) Retrieved from https://github.com/mermaid-js/mermaid
Sveidqvist, K. (2024). (mermaid-js) Retrieved from https://mermaid.js.org/syntax/flowchart.html
Published
Issue
Section
Copyright (c) 2025 Hexagon

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