BPMN & Database to Class Diagram Model Generator
Demo Project »

Daftar Isi

• Tentang Proyek
  • Definisi
  • Sistem Pembangun
• Petunjuk Instalasi
• Petunjuk Penggunaan
• Informasi Lainnya
  • Anggota Proyek
  • Tanggal Rilis
  • Versi
  • Kontak

Tentang Proyek

Definisi

CDG (Class Diagram Generator) merupakan aplikasi yang bertujuan untuk mengubah BPMN (Business Process Modeling Notation) dan Database menjadi Class Diagram. Berikut adalah penjelasan dari masing-masing artefak yang dilibatkan dalam aplikasi ini.

• BPMN merupakan standar notasi grafis yang mendeskripsikan langkah logis dari proses bisnis.
• Database merupakan kumpulan informasi yang disimpan di dalam komputer secara sistematik sehingga informasi tersebut dapat dikelola dengan mudah dan baik.
• Class Diagram merupakan diagram UML yang menggambarkan kelas-kelas dalam sebuah sistem dan hubungannya antar satu kelas dengan yang lainnya

Secara garis besar, komponen pembentuk dari Class Diagram sebagai output yang dihasilkan terbentuk melalui komponen input, yaitu :

1. Nama Class : Nama data object BPMN
2. Atribut Class : Kolom tabel Database
3. Method Class : State data object BPMN
4. Relasi Antar Class : Foreign Key Database

Sistem Pembangun

Aplikasi CDG dibangun dengan memanfaatkan software, framework, dan beberapa bahasa pemrograman, diantaranya adalah sebagai berikut :

• VsCode Editor
• SQLite Database
• GitHub
• Django Framework
• Bootstrap Framework
• Python
• Javascript

Petunjuk Instalasi

Petunjuk mengenai prosedur instalasi untuk aplikasi CDG dilakukan pada sesi terminal, berikut prosedur yang dapat dilakukan :

1. Lakukan clone pada repositori

   git clone https://github.com/AgileRE-2021/CDG.git

2. Membuat virtual environment pada python

   py -m venv env

3. Masuk ke dalam virtual environment

   env\Scripts\activate.bat

4. Lakukan instalasi Django Framework

   py -m pip install Django

5. Masuk ke dalam folder aplikasi CDG

   cd CDG

6. Lakukan instalasi Bootstrap Framework

   pip install bootstrap4

7. Lakukan instalasi plantUML

   pip install plantuml

8. Lakukan instalasi library Six

   pip install six

9. Jalankan aplikasi pada localhost

   py manage.py runserver

Petunjuk Penggunaan

Petunjuk mengenai prosedur penggunaan aplikasi CDG dapat dilihat pada bagian di bawah ini :

1. Jalankan aplikasi dengan klik "START!"
2. Buatlah data proyek dengan klik "+ Tambah" pada tab "Inisiasi Proyek"
3. Masukkan nama proyek yang diinginkan dan klik "Save"
4. Buatlah data proses dengan klik "+ Tambah"
5. Unggahlah file BPMN yang berekstensi .xpdl dengan klik "Unggah"
6. File BPMN yang berhasil terunggah akan menampilkan "File telah terunggah"
7. Klik "Database" untuk melakukan pengunggahan file database
8. Unggahlah file database yang berekstensi .xml dengan drop file atau klik "Unggah"
9. File database yang berhasil terunggah akan ditampilan pada bagian database
10. Klik "Ok, Lanjut!" untuk dapat melakukan pengunduhan hasil translasi
11. Pilih proyek yang diinginkan untuk diunduh hasil translasinya dengan klik jenis ekstensi file yang diinginkan "JPG", "PNG", atau "SVG"
12. File class diagram hasil translasi akan otomatis tesimpan pada penyimpanan lokal perangkat anda
13. Apabila merasa kesulitan dalam menggunakan aplikasi ini, lihat panduan penggunaan dengan klik tab "User Manual" dan jalankan video panduan

Video Panduan Penggunaan

Informasi Lainnya

Anggota Proyek

Anggota pada proyek pengerjaan aplikasi Class Diagram Generator terdiri dari 7 orang, meliputi :

Tanggal Rilis

Tanggal 15 Juni 2021

Versi

Version 1.0

Kontak

Informasi kontak setiap anggota lebih detail dapat dilihat di bawah ini.

1. Muhammad Fadlul Kabir : fadil2701@gmail.com
2. Farida Utami : utamifarida15@gmail.com
3. Bilal Hidayaturrohman : bilalhidayaturrohman25@gmail.com
4. Nadlir Mubarak : nadir.mubarak11@gmail.com
5. Syafira Nurilhaq Maulidya : syafiranurilhaq@gmail.com
6. Muhammad Zege Zain : zege_muhammad@yahoo.com
7. Arva Firjatullah Gyonanda : arvafg07@gmail.com

-------S1 Sistem Informasi - Universitas Airlangga - 2021-------