PENERAPAN CHATGPT DAN DRAW.IO UNTUK OTOMATISASI FLOWCHART MENGGUNAKAN MERMAID CODE

Authors

  • Sitti Wetenriajeng Sidehabi Politeknik ATI Makassar
  • Hamdan Gani
  • Lutfi

DOI:

https://doi.org/10.36761/hexagon.v6i1.5153

Keywords:

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

2025-01-23